@launchmenu/core
Version:
An environment for visual keyboard controlled applets
37 lines • 3.27 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.AdvancedKeyPatternContent = void 0;
const react_1 = __importDefault(require("react"));
const model_react_1 = require("model-react");
const KeyPattern_1 = require("../../../../../keyHandler/KeyPattern");
const Box_1 = require("../../../../../styling/box/Box");
const Truncated_1 = require("../../../../../components/Truncated");
// TODO: add proper styling
/**
* The content to summary a key pattern
*/
const AdvancedKeyPatternContent = ({ pattern: patternGetter, }) => {
const [h] = model_react_1.useDataHook();
const pattern = patternGetter(h);
return (react_1.default.createElement(Box_1.Box, { padding: "small" },
react_1.default.createElement(Box_1.Box, { font: "header" }, "Key Pattern"),
pattern.patterns.map((pattern, i) => {
const extra = pattern.allowExtra &&
pattern.allowExtra.length > 0 &&
pattern.allowExtra.join(", ");
return (react_1.default.createElement(Box_1.Box, { key: i, marginTop: "medium" },
KeyPattern_1.KeyPattern.toStringPattern(pattern.pattern),
" on ",
pattern.type,
extra && (react_1.default.createElement(Box_1.Box, { font: "paragraph" },
" ",
"with optionally",
" ",
react_1.default.createElement(Truncated_1.Truncated, { title: extra }, extra)))));
})));
};
exports.AdvancedKeyPatternContent = AdvancedKeyPatternContent;
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWR2YW5jZWRLZXlQYXR0ZXJuQ29udGVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9tZW51cy9pdGVtcy9pbnB1dHMvaGFuZGxlcnMva2V5UGF0dGVybi9BZHZhbmNlZEtleVBhdHRlcm5Db250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxrREFBMEI7QUFDMUIsNkNBQXdEO0FBQ3hELHFFQUFnRTtBQUNoRSx3REFBbUQ7QUFDbkQsbUVBQThEO0FBRzlELDJCQUEyQjtBQUMzQjs7R0FFRztBQUNJLE1BQU0seUJBQXlCLEdBQStDLENBQUMsRUFDbEYsT0FBTyxFQUFFLGFBQWEsR0FDekIsRUFBRSxFQUFFO0lBQ0QsTUFBTSxDQUFDLENBQUMsQ0FBQyxHQUFHLHlCQUFXLEVBQUUsQ0FBQztJQUMxQixNQUFNLE9BQU8sR0FBRyxhQUFhLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDakMsT0FBTyxDQUNILDhCQUFDLFNBQUcsSUFBQyxPQUFPLEVBQUMsT0FBTztRQUNoQiw4QkFBQyxTQUFHLElBQUMsSUFBSSxFQUFDLFFBQVEsa0JBQWtCO1FBQ25DLE9BQU8sQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLENBQUMsT0FBTyxFQUFFLENBQUMsRUFBRSxFQUFFO1lBQ2pDLE1BQU0sS0FBSyxHQUNQLE9BQU8sQ0FBQyxVQUFVO2dCQUNsQixPQUFPLENBQUMsVUFBVSxDQUFDLE1BQU0sR0FBRyxDQUFDO2dCQUM3QixPQUFPLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUNsQyxPQUFPLENBQ0gsOEJBQUMsU0FBRyxJQUFDLEdBQUcsRUFBRSxDQUFDLEVBQUUsU0FBUyxFQUFDLFFBQVE7Z0JBQzFCLHVCQUFVLENBQUMsZUFBZSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUM7O2dCQUFNLE9BQU8sQ0FBQyxJQUFJO2dCQUM3RCxLQUFLLElBQUksQ0FDTiw4QkFBQyxTQUFHLElBQUMsSUFBSSxFQUFDLFdBQVc7b0JBQ2hCLEdBQUc7O29CQUNZLEdBQUc7b0JBQ25CLDhCQUFDLHFCQUFTLElBQUMsS0FBSyxFQUFFLEtBQUssSUFBRyxLQUFLLENBQWEsQ0FDMUMsQ0FDVCxDQUNDLENBQ1QsQ0FBQztRQUNOLENBQUMsQ0FBQyxDQUNBLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQTVCVyxRQUFBLHlCQUF5Qiw2QkE0QnBDIn0=