@launchmenu/core
Version:
An environment for visual keyboard controlled applets
42 lines • 4.26 kB
JavaScript
"use strict";
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
o["default"] = v;
});
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
__setModuleDefault(result, mod);
return result;
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.TextFieldView = void 0;
const react_1 = __importStar(require("react"));
const Box_1 = require("../../styling/box/Box");
const SyntaxField_1 = require("./syntaxField/SyntaxField");
const plaintextLexer_1 = require("../../textFields/syntax/plaintextLexer");
const ThemeIcon_1 = require("../ThemeIcon");
const iconSize = 60;
/**
* A standard customizable view for text fields
*/
const TextFieldView = ({ icon, field, highlighter = plaintextLexer_1.plaintextLexer, setErrors, highlightErrors, ...rest }) => {
return (react_1.default.createElement(Box_1.Box, Object.assign({ display: "flex", paddingLeft: "small", alignItems: "stretch", backgroundColor: "bgPrimary" }, rest),
icon && (react_1.default.createElement(Box_1.Box, { display: "flex", alignItems: "center", justifyContent: "center", style: { fontSize: 30 }, width: iconSize, height: iconSize }, react_1.isValidElement(icon) ? icon : react_1.default.createElement(ThemeIcon_1.ThemeIcon, { icon: icon }))),
react_1.default.createElement(Box_1.Box, { display: "flex", alignItems: "center", flexGrow: 1, overflow: "auto", css: {
fontSize: 25,
}, height: iconSize },
react_1.default.createElement(SyntaxField_1.SyntaxField, { field: field, highlighter: highlighter, setErrors: setErrors, highlightErrors: highlightErrors, paddingRight: "medium", minWidth: "50%" }),
react_1.default.createElement(Box_1.Box, { flexGrow: 1, height: "100%", css: { WebkitAppRegion: "drag" } }))));
};
exports.TextFieldView = TextFieldView;
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dEZpZWxkVmlldy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2ZpZWxkcy9UZXh0RmllbGRWaWV3LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsK0NBQTRDO0FBQzVDLCtDQUEwQztBQUUxQywyREFBc0Q7QUFDdEQsMkVBQXNFO0FBQ3RFLDRDQUF1QztBQUd2QyxNQUFNLFFBQVEsR0FBRyxFQUFFLENBQUM7QUFFcEI7O0dBRUc7QUFDSSxNQUFNLGFBQWEsR0FBNkIsQ0FBQyxFQUNwRCxJQUFJLEVBQ0osS0FBSyxFQUNMLFdBQVcsR0FBRywrQkFBYyxFQUM1QixTQUFTLEVBQ1QsZUFBZSxFQUNmLEdBQUcsSUFBSSxFQUNWLEVBQUUsRUFBRTtJQUNELE9BQU8sQ0FDSCw4QkFBQyxTQUFHLGtCQUNBLE9BQU8sRUFBQyxNQUFNLEVBQ2QsV0FBVyxFQUFDLE9BQU8sRUFDbkIsVUFBVSxFQUFDLFNBQVMsRUFDcEIsZUFBZSxFQUFDLFdBQVcsSUFDdkIsSUFBSTtRQUNQLElBQUksSUFBSSxDQUNMLDhCQUFDLFNBQUcsSUFDQSxPQUFPLEVBQUMsTUFBTSxFQUNkLFVBQVUsRUFBQyxRQUFRLEVBQ25CLGNBQWMsRUFBQyxRQUFRLEVBQ3ZCLEtBQUssRUFBRSxFQUFDLFFBQVEsRUFBRSxFQUFFLEVBQUMsRUFDckIsS0FBSyxFQUFFLFFBQVEsRUFDZixNQUFNLEVBQUUsUUFBUSxJQUNmLHNCQUFjLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsOEJBQUMscUJBQVMsSUFBQyxJQUFJLEVBQUUsSUFBSSxHQUFJLENBQ3RELENBQ1Q7UUFDRCw4QkFBQyxTQUFHLElBQ0EsT0FBTyxFQUFDLE1BQU0sRUFDZCxVQUFVLEVBQUMsUUFBUSxFQUNuQixRQUFRLEVBQUUsQ0FBQyxFQUNYLFFBQVEsRUFBQyxNQUFNLEVBQ2YsR0FBRyxFQUFFO2dCQUNELFFBQVEsRUFBRSxFQUFFO2FBQ2YsRUFDRCxNQUFNLEVBQUUsUUFBUTtZQUNoQiw4QkFBQyx5QkFBVyxJQUNSLEtBQUssRUFBRSxLQUFLLEVBQ1osV0FBVyxFQUFFLFdBQVcsRUFDeEIsU0FBUyxFQUFFLFNBQVMsRUFDcEIsZUFBZSxFQUFFLGVBQWUsRUFDaEMsWUFBWSxFQUFDLFFBQVEsRUFDckIsUUFBUSxFQUFDLEtBQUssR0FDaEI7WUFDRiw4QkFBQyxTQUFHLElBQUMsUUFBUSxFQUFFLENBQUMsRUFBRSxNQUFNLEVBQUMsTUFBTSxFQUFDLEdBQUcsRUFBRSxFQUFDLGVBQWUsRUFBRSxNQUFNLEVBQUMsR0FBSSxDQUNoRSxDQUNKLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQS9DVyxRQUFBLGFBQWEsaUJBK0N4QiJ9