@launchmenu/core
Version:
An environment for visual keyboard controlled applets
30 lines • 4.04 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.MenuItemLayout = void 0;
const react_1 = __importDefault(require("react"));
const Box_1 = require("../../styling/box/Box");
/**
* The standard layout for menu items, having the icon on the left, and vertically stacked content on the right
*/
const MenuItemLayout = ({ name, description, icon, value, shortcut, }) => {
const main = (react_1.default.createElement(Box_1.Box, { className: "itemMain", display: "flex", flexGrow: 1, padding: "medium", paddingLeft: "none" },
icon && react_1.default.createElement(Box_1.Box, { minWidth: 40 }, icon),
react_1.default.createElement(Box_1.Box, { flexGrow: 1, paddingLeft: "medium" },
react_1.default.createElement(Box_1.Box, { className: "itemFirstLine", display: "flex", justifyContent: "space-between", flexWrap: "wrap" },
react_1.default.createElement(Box_1.Box, { className: "itemName", maxWidth: "70%", marginRight: value || shortcut ? "medium" : undefined }, name),
value ? (react_1.default.createElement(Box_1.Box, { className: "itemValue", marginLeft: "auto" }, value)) : shortcut ? (react_1.default.createElement(Box_1.Box, { className: "itemShortcut", marginLeft: "auto" }, shortcut)) : undefined),
description && react_1.default.createElement(Box_1.Box, null, description))));
// Add the extra data if needed
if (value && shortcut) {
return (react_1.default.createElement(Box_1.Box, { className: "itemWrapper" },
react_1.default.createElement(Box_1.Box, { className: "itemExtra", display: "flex", justifyContent: "flex-end", padding: "medium", paddingBottom: "none" },
react_1.default.createElement(Box_1.Box, { className: "itemShortcut" }, shortcut)),
main));
}
return main;
};
exports.MenuItemLayout = MenuItemLayout;
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWVudUl0ZW1MYXlvdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9pdGVtcy9NZW51SXRlbUxheW91dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsa0RBQXVDO0FBQ3ZDLCtDQUEwQztBQUkxQzs7R0FFRztBQUNJLE1BQU0sY0FBYyxHQUE4QixDQUFDLEVBQ3RELElBQUksRUFDSixXQUFXLEVBQ1gsSUFBSSxFQUNKLEtBQUssRUFDTCxRQUFRLEdBQ1gsRUFBRSxFQUFFO0lBQ0QsTUFBTSxJQUFJLEdBQUcsQ0FDVCw4QkFBQyxTQUFHLElBQ0EsU0FBUyxFQUFDLFVBQVUsRUFDcEIsT0FBTyxFQUFDLE1BQU0sRUFDZCxRQUFRLEVBQUUsQ0FBQyxFQUNYLE9BQU8sRUFBQyxRQUFRLEVBQ2hCLFdBQVcsRUFBQyxNQUFNO1FBQ2pCLElBQUksSUFBSSw4QkFBQyxTQUFHLElBQUMsUUFBUSxFQUFFLEVBQUUsSUFBRyxJQUFJLENBQU87UUFDeEMsOEJBQUMsU0FBRyxJQUFDLFFBQVEsRUFBRSxDQUFDLEVBQUUsV0FBVyxFQUFDLFFBQVE7WUFDbEMsOEJBQUMsU0FBRyxJQUNBLFNBQVMsRUFBQyxlQUFlLEVBQ3pCLE9BQU8sRUFBQyxNQUFNLEVBQ2QsY0FBYyxFQUFDLGVBQWUsRUFDOUIsUUFBUSxFQUFDLE1BQU07Z0JBQ2YsOEJBQUMsU0FBRyxJQUNBLFNBQVMsRUFBQyxVQUFVLEVBQ3BCLFFBQVEsRUFBQyxLQUFLLEVBQ2QsV0FBVyxFQUFFLEtBQUssSUFBSSxRQUFRLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUyxJQUNwRCxJQUFJLENBQ0g7Z0JBQ0wsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUNMLDhCQUFDLFNBQUcsSUFBQyxTQUFTLEVBQUMsV0FBVyxFQUFDLFVBQVUsRUFBQyxNQUFNLElBQ3ZDLEtBQUssQ0FDSixDQUNULENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FDWCw4QkFBQyxTQUFHLElBQUMsU0FBUyxFQUFDLGNBQWMsRUFBQyxVQUFVLEVBQUMsTUFBTSxJQUMxQyxRQUFRLENBQ1AsQ0FDVCxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQ1g7WUFFTCxXQUFXLElBQUksOEJBQUMsU0FBRyxRQUFFLFdBQVcsQ0FBTyxDQUN0QyxDQUNKLENBQ1QsQ0FBQztJQUVGLCtCQUErQjtJQUMvQixJQUFJLEtBQUssSUFBSSxRQUFRLEVBQUU7UUFDbkIsT0FBTyxDQUNILDhCQUFDLFNBQUcsSUFBQyxTQUFTLEVBQUMsYUFBYTtZQUN4Qiw4QkFBQyxTQUFHLElBQ0EsU0FBUyxFQUFDLFdBQVcsRUFDckIsT0FBTyxFQUFDLE1BQU0sRUFDZCxjQUFjLEVBQUMsVUFBVSxFQUN6QixPQUFPLEVBQUMsUUFBUSxFQUNoQixhQUFhLEVBQUMsTUFBTTtnQkFDcEIsOEJBQUMsU0FBRyxJQUFDLFNBQVMsRUFBQyxjQUFjLElBQUUsUUFBUSxDQUFPLENBQzVDO1lBQ0wsSUFBSSxDQUNILENBQ1QsQ0FBQztLQUNMO0lBQ0QsT0FBTyxJQUFJLENBQUM7QUFDaEIsQ0FBQyxDQUFDO0FBNURXLFFBQUEsY0FBYyxrQkE0RHpCIn0=