@launchmenu/core
Version:
An environment for visual keyboard controlled applets
29 lines • 2.6 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Box = void 0;
const react_1 = __importDefault(require("react"));
const react_2 = require("@emotion/react");
const ThemeContext_1 = require("../theming/ThemeContext");
const mapCssProps_1 = require("./propRetrievers/mapCssProps");
const mapDomProps_1 = require("./propRetrievers/mapDomProps");
/**
* A standard box element, which takes attributes/properties and translates them to css
* @param props The properties of the box
*/
const Box = props => {
// The LaunchMenu theme to use
const theme = ThemeContext_1.useTheme();
// Extract the css and dom props
const cssProps = mapCssProps_1.mapCssProps(props, theme);
const domProps = mapDomProps_1.mapDomProps(props, theme);
// Extract the component
const Comp = props.as || "div";
// Create the element with the retrieve data
return (react_1.default.createElement(react_2.ClassNames, null, ({ css, cx }) => (react_1.default.createElement(Comp, Object.assign({}, domProps, { className: (Object.keys(cssProps).length ? css(cssProps) + " " : "") +
(domProps.className ? domProps.className + " " : "") })))));
};
exports.Box = Box;
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3N0eWxpbmcvYm94L0JveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsa0RBQWdDO0FBQ2hDLDBDQUEwQztBQUUxQywwREFBaUQ7QUFDakQsOERBQXlEO0FBQ3pELDhEQUF5RDtBQUV6RDs7O0dBR0c7QUFDSSxNQUFNLEdBQUcsR0FBa0IsS0FBSyxDQUFDLEVBQUU7SUFDdEMsOEJBQThCO0lBQzlCLE1BQU0sS0FBSyxHQUFHLHVCQUFRLEVBQUUsQ0FBQztJQUV6QixnQ0FBZ0M7SUFDaEMsTUFBTSxRQUFRLEdBQUcseUJBQVcsQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLENBQUM7SUFDM0MsTUFBTSxRQUFRLEdBQUcseUJBQVcsQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLENBQUM7SUFFM0Msd0JBQXdCO0lBQ3hCLE1BQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxFQUFFLElBQUssS0FBYSxDQUFDO0lBRXhDLDRDQUE0QztJQUM1QyxPQUFPLENBQ0gsOEJBQUMsa0JBQVUsUUFDTixDQUFDLEVBQUMsR0FBRyxFQUFFLEVBQUUsRUFBQyxFQUFFLEVBQUUsQ0FBQyxDQUNaLDhCQUFDLElBQUksb0JBQ0csUUFBUSxJQUNaLFNBQVMsRUFDTCxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLEdBQUcsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7WUFDekQsQ0FBQyxRQUFRLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsU0FBUyxHQUFHLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLElBRTFELENBQ0wsQ0FDUSxDQUNoQixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBekJXLFFBQUEsR0FBRyxPQXlCZCJ9