@uxf/cms 2.1.0 → 2.2.3

package/README.md

@@ -67,6 +67,15 @@ import { CopyToClipboardButton } from "@uxf/cms/ui/CopyToClipboardButton";
 <CopyToClipboardButton textToCopy="Text ke zkopírování"/>
 ```
 
+### FileInput
+nativní fileInput bez uploadu (přijímá a vrací object typu File)
+
+```tsx
+import { FileInput } from "@uxf/cms/ui/FileInput";
+
+<FileInput id="file-input-id" name="fileInput" label="..." placeholder="..." value={value} onChange={setValue} />
+```
+
 ### Label
 ```tsx
 import { Label } from "@uxf/cms/ui/Label";

package/forms/components/DateTimePicker/DateTimePicker.js

@@ -70,16 +70,16 @@ var requiredValidator = function (errorMessage) {
     };
 };
 var DateTimePicker = function (props) {
-    var disabled = props.disabled, error = props.error, label = props.label, name = props.name, required = props.required, _a = props.requiredErrorMessage, requiredErrorMessage = _a === void 0 ? "Vyplňte políčko" : _a, _b = props.validate, validate = _b === void 0 ? [] : _b;
+    var disabled = props.disabled, error = props.error, label = props.label, name = props.name, required = props.required, _a = props.requiredErrorMessage, requiredErrorMessage = _a === void 0 ? "Vyplňte políčko" : _a, _b = props.validate, validate = _b === void 0 ? [] : _b, _c = props.variant, variant = _c === void 0 ? "outlined" : _c;
     var validator = composeValidators_1.composeValidators.apply(void 0, __spreadArray([required && !disabled ? requiredValidator(requiredErrorMessage) : undefined], __read(validate), false));
-    var _c = (0, react_final_form_1.useField)(name, {
+    var _d = (0, react_final_form_1.useField)(name, {
         allowNull: true,
         validate: validator,
-    }), input = _c.input, meta = _c.meta;
+    }), input = _d.input, meta = _d.meta;
     var onChange = (0, react_1.useCallback)(function (date) { return input.onChange(date === null || date === void 0 ? void 0 : date.format("YYYY-MM-DD HH:mm")); }, [input]);
-    return (react_1.default.createElement(DateTimePicker_1.default, { clearable: true, renderInput: function (props) { return (react_1.default.createElement(material_1.TextField, __assign({}, props, { variant: "outlined", size: "small", helperText: meta.touched && meta.error, error: error || !!(meta.touched && meta.error), onFocus: input.onFocus, onBlur: input.onBlur, fullWidth: true }))); }, ampm: false, label: react_1.default.createElement(react_1.default.Fragment, null,
+    return (react_1.default.createElement(DateTimePicker_1.default, { clearable: true, renderInput: function (props) { return (react_1.default.createElement(material_1.TextField, __assign({}, props, { variant: variant, size: "small", helperText: meta.touched && meta.error, error: error || !!(meta.touched && meta.error), onFocus: input.onFocus, onBlur: input.onBlur, fullWidth: true }))); }, ampm: false, label: react_1.default.createElement(react_1.default.Fragment, null,
             label,
             required ? " *" : ""), disabled: disabled, value: input.value || null, onChange: onChange, onClose: input.onBlur, onOpen: input.onFocus }));
 };
 exports.DateTimePicker = DateTimePicker;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0ZVRpbWVQaWNrZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZm9ybXMvY29tcG9uZW50cy9EYXRlVGltZVBpY2tlci9EYXRlVGltZVBpY2tlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDJFQUEyRztBQUMzRywwQ0FBMEM7QUFHMUMsNkNBQXNEO0FBQ3RELHFEQUE0QztBQUM1QyxzRUFBcUU7QUFHckUsSUFBTSxpQkFBaUIsR0FDbkIsVUFBQyxZQUF1QjtJQUN4QixPQUFBLFVBQUMsS0FBYTtRQUNWLE9BQUEsS0FBSyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLFlBQVk7SUFBaEMsQ0FBZ0M7QUFEcEMsQ0FDb0MsQ0FBQztBQUVsQyxJQUFNLGNBQWMsR0FBa0MsVUFBQyxLQUFLO0lBRTNELElBQUEsUUFBUSxHQVFSLEtBQUssU0FSRyxFQUNSLEtBQUssR0FPTCxLQUFLLE1BUEEsRUFDTCxLQUFLLEdBTUwsS0FBSyxNQU5BLEVBQ0wsSUFBSSxHQUtKLEtBQUssS0FMRCxFQUNKLFFBQVEsR0FJUixLQUFLLFNBSkcsRUFDUixLQUdBLEtBQUsscUJBSG1DLEVBQXhDLG9CQUFvQixtQkFBRyxpQkFBaUIsS0FBQSxFQUN4QyxLQUVBLEtBQUssU0FGUSxFQUFiLFFBQVEsbUJBQUcsRUFBRSxLQUFBLENBRVA7SUFFVixJQUFNLFNBQVMsR0FBRyxxQ0FBaUIsOEJBQy9CLFFBQVEsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLENBQUMsb0JBQW9CLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxVQUN4RSxRQUFRLFVBQ2QsQ0FBQztJQUVJLElBQUEsS0FBa0IsSUFBQSwyQkFBUSxFQUFnQixJQUFJLEVBQUU7UUFDbEQsU0FBUyxFQUFFLElBQUk7UUFDZixRQUFRLEVBQUUsU0FBUztLQUN0QixDQUFDLEVBSE0sS0FBSyxXQUFBLEVBQUUsSUFBSSxVQUdqQixDQUFDO0lBRUgsSUFBTSxRQUFRLEdBQUcsSUFBQSxtQkFBVyxFQUN4QixVQUFDLElBQUksSUFBSyxPQUFBLEtBQUssQ0FBQyxRQUFRLENBQUMsSUFBSSxhQUFKLElBQUksdUJBQUosSUFBSSxDQUFFLE1BQU0sQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDLEVBQWhELENBQWdELEVBQzFELENBQUMsS0FBSyxDQUFDLENBQ1YsQ0FBQztJQUVGLE9BQU8sQ0FDSCw4QkFBQyx3QkFBaUIsSUFDZCxTQUFTLFFBQ1QsV0FBVyxFQUFFLFVBQUMsS0FBSyxJQUFLLE9BQUEsQ0FDcEIsOEJBQUMsb0JBQVMsZUFDRixLQUFLLElBQ1QsT0FBTyxFQUFDLFVBQVUsRUFDbEIsSUFBSSxFQUFDLE9BQU8sRUFDWixVQUFVLEVBQUUsSUFBSSxDQUFDLE9BQU8sSUFBSSxJQUFJLENBQUMsS0FBSyxFQUN0QyxLQUFLLEVBQUUsS0FBSyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUM5QyxPQUFPLEVBQUUsS0FBSyxDQUFDLE9BQU8sRUFDdEIsTUFBTSxFQUFFLEtBQUssQ0FBQyxNQUFNLEVBQ3BCLFNBQVMsVUFDWCxDQUNMLEVBWHVCLENBV3ZCLEVBQ0QsSUFBSSxFQUFFLEtBQUssRUFDWCxLQUFLLEVBQ0Q7WUFDSyxLQUFLO1lBQ0wsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FDdEIsRUFFUCxRQUFRLEVBQUUsUUFBUSxFQUNsQixLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssSUFBSSxJQUFJLEVBQzFCLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLE9BQU8sRUFBRSxLQUFLLENBQUMsTUFBTSxFQUNyQixNQUFNLEVBQUUsS0FBSyxDQUFDLE9BQU8sR0FDdkIsQ0FDTCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBeERXLFFBQUEsY0FBYyxrQkF3RHpCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0ZVRpbWVQaWNrZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZm9ybXMvY29tcG9uZW50cy9EYXRlVGltZVBpY2tlci9EYXRlVGltZVBpY2tlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDJFQUEyRztBQUMzRywwQ0FBMEM7QUFHMUMsNkNBQXNEO0FBQ3RELHFEQUE0QztBQUM1QyxzRUFBcUU7QUFHckUsSUFBTSxpQkFBaUIsR0FDbkIsVUFBQyxZQUF1QjtJQUN4QixPQUFBLFVBQUMsS0FBYTtRQUNWLE9BQUEsS0FBSyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLFlBQVk7SUFBaEMsQ0FBZ0M7QUFEcEMsQ0FDb0MsQ0FBQztBQUVsQyxJQUFNLGNBQWMsR0FBa0MsVUFBQyxLQUFLO0lBRTNELElBQUEsUUFBUSxHQVNSLEtBQUssU0FURyxFQUNSLEtBQUssR0FRTCxLQUFLLE1BUkEsRUFDTCxLQUFLLEdBT0wsS0FBSyxNQVBBLEVBQ0wsSUFBSSxHQU1KLEtBQUssS0FORCxFQUNKLFFBQVEsR0FLUixLQUFLLFNBTEcsRUFDUixLQUlBLEtBQUsscUJBSm1DLEVBQXhDLG9CQUFvQixtQkFBRyxpQkFBaUIsS0FBQSxFQUN4QyxLQUdBLEtBQUssU0FIUSxFQUFiLFFBQVEsbUJBQUcsRUFBRSxLQUFBLEVBQ2IsS0FFQSxLQUFLLFFBRmUsRUFBcEIsT0FBTyxtQkFBRyxVQUFVLEtBQUEsQ0FFZDtJQUVWLElBQU0sU0FBUyxHQUFHLHFDQUFpQiw4QkFDL0IsUUFBUSxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxpQkFBaUIsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLFVBQ3hFLFFBQVEsVUFDZCxDQUFDO0lBRUksSUFBQSxLQUFrQixJQUFBLDJCQUFRLEVBQWdCLElBQUksRUFBRTtRQUNsRCxTQUFTLEVBQUUsSUFBSTtRQUNmLFFBQVEsRUFBRSxTQUFTO0tBQ3RCLENBQUMsRUFITSxLQUFLLFdBQUEsRUFBRSxJQUFJLFVBR2pCLENBQUM7SUFFSCxJQUFNLFFBQVEsR0FBRyxJQUFBLG1CQUFXLEVBQ3hCLFVBQUMsSUFBSSxJQUFLLE9BQUEsS0FBSyxDQUFDLFFBQVEsQ0FBQyxJQUFJLGFBQUosSUFBSSx1QkFBSixJQUFJLENBQUUsTUFBTSxDQUFDLGtCQUFrQixDQUFDLENBQUMsRUFBaEQsQ0FBZ0QsRUFDMUQsQ0FBQyxLQUFLLENBQUMsQ0FDVixDQUFDO0lBRUYsT0FBTyxDQUNILDhCQUFDLHdCQUFpQixJQUNkLFNBQVMsUUFDVCxXQUFXLEVBQUUsVUFBQyxLQUFLLElBQUssT0FBQSxDQUNwQiw4QkFBQyxvQkFBUyxlQUNGLEtBQUssSUFDVCxPQUFPLEVBQUUsT0FBTyxFQUNoQixJQUFJLEVBQUMsT0FBTyxFQUNaLFVBQVUsRUFBRSxJQUFJLENBQUMsT0FBTyxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQ3RDLEtBQUssRUFBRSxLQUFLLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLEVBQzlDLE9BQU8sRUFBRSxLQUFLLENBQUMsT0FBTyxFQUN0QixNQUFNLEVBQUUsS0FBSyxDQUFDLE1BQU0sRUFDcEIsU0FBUyxVQUNYLENBQ0wsRUFYdUIsQ0FXdkIsRUFDRCxJQUFJLEVBQUUsS0FBSyxFQUNYLEtBQUssRUFDRDtZQUNLLEtBQUs7WUFDTCxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUN0QixFQUVQLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLEtBQUssRUFBRSxLQUFLLENBQUMsS0FBSyxJQUFJLElBQUksRUFDMUIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsT0FBTyxFQUFFLEtBQUssQ0FBQyxNQUFNLEVBQ3JCLE1BQU0sRUFBRSxLQUFLLENBQUMsT0FBTyxHQUN2QixDQUNMLENBQUM7QUFDTixDQUFDLENBQUM7QUF6RFcsUUFBQSxjQUFjLGtCQXlEekIifQ==

package/forms/components/DateTimePicker/types.d.ts

@@ -1,4 +1,5 @@
 import { DateTimePickerProps as MuiDateTimePickerProps } from "@mui/lab/DateTimePicker";
+import { TextFieldProps } from "@mui/material";
 import { FieldValidator } from "final-form";
 export interface DateTimePickerProps extends Omit<MuiDateTimePickerProps, "name" | "required" | "onChange" | "value" | "renderInput"> {
     error?: boolean;
@@ -6,4 +7,5 @@ export interface DateTimePickerProps extends Omit<MuiDateTimePickerProps, "name"
     required?: boolean;
     requiredErrorMessage?: string;
     validate?: FieldValidator<string>[];
+    variant?: TextFieldProps["variant"];
 }

package/lib/Menu/ui/MenuItem.js

@@ -47,7 +47,7 @@ var config_1 = require("../../../config");
 var ListItem_1 = require("../../../ui/ListItem");
 var MenuItem_1 = require("../../../ui/MenuItem");
 var MenuItem = function (props) {
-    var _a, _b;
+    var _a, _b, _c;
     var item = props.item;
     var listRef = (0, react_1.useRef)(null);
     var useRouter = config_1.container.get("router").getUseRouter();
@@ -56,7 +56,7 @@ var MenuItem = function (props) {
     var hasActiveChildren = item.hasActiveChildren(router);
     var useLoggedUser = config_1.container.get("useLoggedUser");
     var loggedUser = useLoggedUser();
-    var _c = __read((0, react_1.useState)(null), 2), anchorEl = _c[0], setAnchorEl = _c[1];
+    var _d = __read((0, react_1.useState)(null), 2), anchorEl = _d[0], setAnchorEl = _d[1];
     var onMouseEnter = (0, react_1.useCallback)(function (e) {
         setAnchorEl(e.currentTarget);
     }, []);
@@ -78,10 +78,11 @@ var MenuItem = function (props) {
     if (!item.isVisible(loggedUser) || (item.children.length !== 0 && !item.hasVisibleChildren(loggedUser))) {
         return null;
     }
-    var firstChildren = item.children[0];
+    var visibleChildren = item.children.filter(function (i) { return i.isVisible(loggedUser); });
+    var firstVisibleChild = (_a = visibleChildren[0]) !== null && _a !== void 0 ? _a : undefined;
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(Box_1.default, { onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave },
-            react_1.default.createElement(ListItem_1.ListItem, { label: item.title, icon: item.icon, route: (_a = item.route) !== null && _a !== void 0 ? _a : firstChildren.route, params: (_b = item.routeParams) !== null && _b !== void 0 ? _b : (firstChildren ? firstChildren.routeParams : null), selected: isActive }),
+            react_1.default.createElement(ListItem_1.ListItem, { label: item.title, icon: item.icon, route: (_b = item.route) !== null && _b !== void 0 ? _b : firstVisibleChild === null || firstVisibleChild === void 0 ? void 0 : firstVisibleChild.route, params: (_c = item.routeParams) !== null && _c !== void 0 ? _c : (firstVisibleChild ? firstVisibleChild.routeParams : null), selected: isActive }),
             !isActive && !hasActiveChildren && item.children.length > 0 && (react_1.default.createElement(Popover_1.default, { PaperProps: {
                     sx: {
                         ml: 1,
@@ -96,11 +97,11 @@ var MenuItem = function (props) {
                     vertical: "top",
                     horizontal: "left",
                 } },
-                react_1.default.createElement(List_1.default, { ref: listRef }, item.children.map(function (i) { return (react_1.default.createElement(MenuItem_1.MenuItem, { key: i.title, label: i.title, route: i.route, params: i.routeParams, icon: i.icon })); }))))),
-        (isActive || hasActiveChildren) && item.children.length > 0 && (react_1.default.createElement(List_1.default, { sx: { py: 0 } }, item.children.map(function (i) {
+                react_1.default.createElement(List_1.default, { ref: listRef }, visibleChildren.map(function (i) { return (react_1.default.createElement(MenuItem_1.MenuItem, { key: i.title, label: i.title, route: i.route, params: i.routeParams, icon: i.icon })); }))))),
+        (isActive || hasActiveChildren) && item.children.length > 0 && (react_1.default.createElement(List_1.default, { sx: { py: 0 } }, visibleChildren.map(function (i) {
             var isSel = i.isActive(router);
             return (react_1.default.createElement(ListItem_1.ListItem, { key: i.title, label: i.title, icon: i.icon, route: i.route, params: i.routeParams, level: 1, selected: isSel }));
         })))));
 };
 exports.MenuItem = MenuItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWVudUl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL01lbnUvdWkvTWVudUl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsMERBQW9DO0FBQ3BDLDREQUFzQztBQUN0QyxrRUFBNEM7QUFDNUMsNkNBQStGO0FBQy9GLDBDQUE0QztBQUM1QyxpREFBZ0Q7QUFDaEQsaURBQThEO0FBWXZELElBQU0sUUFBUSxHQUFzQixVQUFDLEtBQUs7O0lBQ3JDLElBQUEsSUFBSSxHQUFLLEtBQUssS0FBVixDQUFXO0lBRXZCLElBQU0sT0FBTyxHQUFHLElBQUEsY0FBTSxFQUFtQixJQUFJLENBQUMsQ0FBQztJQUUvQyxJQUFNLFNBQVMsR0FBRyxrQkFBUyxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN6RCxJQUFNLE1BQU0sR0FBRyxTQUFTLEVBQUUsQ0FBQztJQUUzQixJQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3ZDLElBQU0saUJBQWlCLEdBQUcsSUFBSSxDQUFDLGlCQUFpQixDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRXpELElBQU0sYUFBYSxHQUFHLGtCQUFTLENBQUMsR0FBRyxDQUFDLGVBQWUsQ0FBQyxDQUFDO0lBQ3JELElBQU0sVUFBVSxHQUFHLGFBQWEsRUFBRSxDQUFDO0lBRTdCLElBQUEsS0FBQSxPQUEwQixJQUFBLGdCQUFRLEVBQXdCLElBQUksQ0FBQyxJQUFBLEVBQTlELFFBQVEsUUFBQSxFQUFFLFdBQVcsUUFBeUMsQ0FBQztJQUV0RSxJQUFNLFlBQVksR0FBRyxJQUFBLG1CQUFXLEVBQW9DLFVBQUMsQ0FBQztRQUNsRSxXQUFXLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQ2pDLENBQUMsRUFBRSxFQUFFLENB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWVudUl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL01lbnUvdWkvTWVudUl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsMERBQW9DO0FBQ3BDLDREQUFzQztBQUN0QyxrRUFBNEM7QUFDNUMsNkNBQStGO0FBQy9GLDBDQUE0QztBQUM1QyxpREFBZ0Q7QUFDaEQsaURBQThEO0FBWXZELElBQU0sUUFBUSxHQUFzQixVQUFDLEtBQUs7O0lBQ3JDLElBQUEsSUFBSSxHQUFLLEtBQUssS0FBVixDQUFXO0lBRXZCLElBQU0sT0FBTyxHQUFHLElBQUEsY0FBTSxFQUFtQixJQUFJLENBQUMsQ0FBQztJQUUvQyxJQUFNLFNBQVMsR0FBRyxrQkFBUyxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN6RCxJQUFNLE1BQU0sR0FBRyxTQUFTLEVBQUUsQ0FBQztJQUUzQixJQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3ZDLElBQU0saUJBQWlCLEdBQUcsSUFBSSxDQUFDLGlCQUFpQixDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRXpELElBQU0sYUFBYSxHQUFHLGtCQUFTLENBQUMsR0FBRyxDQUFDLGVBQWUsQ0FBQyxDQUFDO0lBQ3JELElBQU0sVUFBVSxHQUFHLGFBQWEsRUFBRSxDQUFDO0lBRTdCLElBQUEsS0FBQSxPQUEwQixJQUFBLGdCQUFRLEVBQXdCLElBQUksQ0FBQyxJQUFBLEVBQTlELFFBQVEsUUFBQSxFQUFFLFdBQVcsUUFBeUMsQ0FBQztJQUV0RSxJQUFNLFlBQVksR0FBRyxJQUFBLG1CQUFXLEVBQW9DLFVBQUMsQ0FBQztRQUNsRSxXQUFXLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQ2pDLENBQUMsRUFBRSxFQUFFLENB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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/cms",
-  "version": "2.1.0",
+  "version": "2.2.3",
   "description": "UXF Cms",
   "author": "UXFans <dev@uxf.cz>",
   "homepage": "https://gitlab.com/uxf-npm/cms#readme",

package/ui/DatePicker/DatePicker.js

@@ -30,10 +30,10 @@ var DatePicker_1 = __importDefault(require("@mui/lab/DatePicker"));
 var TextField_1 = __importDefault(require("@mui/material/TextField"));
 var react_1 = __importDefault(require("react"));
 var DatePicker = function (props) {
-    var disabled = props.disabled, label = props.label, required = props.required, error = props.error, onBlur = props.onBlur, onFocus = props.onFocus, inputProps = __rest(props, ["disabled", "label", "required", "error", "onBlur", "onFocus"]);
-    return (react_1.default.createElement(DatePicker_1.default, __assign({ clearable: true, showTodayButton: true, renderInput: function (params) { return (react_1.default.createElement(TextField_1.default, __assign({}, params, { helperText: error, error: !!error, variant: "outlined", size: "small", onBlur: onBlur, onFocus: onFocus, fullWidth: true }))); }, label: react_1.default.createElement(react_1.default.Fragment, null,
+    var disabled = props.disabled, label = props.label, required = props.required, error = props.error, onBlur = props.onBlur, onFocus = props.onFocus, _a = props.variant, variant = _a === void 0 ? "outlined" : _a, inputProps = __rest(props, ["disabled", "label", "required", "error", "onBlur", "onFocus", "variant"]);
+    return (react_1.default.createElement(DatePicker_1.default, __assign({ clearable: true, showTodayButton: true, renderInput: function (params) { return (react_1.default.createElement(TextField_1.default, __assign({}, params, { helperText: error, error: !!error, variant: variant, size: "small", onBlur: onBlur, onFocus: onFocus, fullWidth: true }))); }, label: react_1.default.createElement(react_1.default.Fragment, null,
             label,
             required ? " *" : ""), disabled: disabled, onClose: onBlur, onOpen: onFocus }, inputProps)));
 };
 exports.DatePicker = DatePicker;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0ZVBpY2tlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91aS9EYXRlUGlja2VyL0RhdGVQaWNrZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxtRUFBZ0Q7QUFDaEQsc0VBQWdEO0FBQ2hELGdEQUEwQjtBQUduQixJQUFNLFVBQVUsR0FBOEIsVUFBQyxLQUFLO0lBQy9DLElBQUEsUUFBUSxHQUE2RCxLQUFLLFNBQWxFLEVBQUUsS0FBSyxHQUFzRCxLQUFLLE1BQTNELEVBQUUsUUFBUSxHQUE0QyxLQUFLLFNBQWpELEVBQUUsS0FBSyxHQUFxQyxLQUFLLE1BQTFDLEVBQUUsTUFBTSxHQUE2QixLQUFLLE9BQWxDLEVBQUUsT0FBTyxHQUFvQixLQUFLLFFBQXpCLEVBQUssVUFBVSxVQUFLLEtBQUssRUFBNUUsK0RBQW9FLENBQUYsQ0FBVztJQUVuRixPQUFPLENBQ0gsOEJBQUMsb0JBQWEsYUFDVixTQUFTLFFBQ1QsZUFBZSxRQUNmLFdBQVcsRUFBRSxVQUFDLE1BQU0sSUFBSyxPQUFBLENBQ3JCLDhCQUFDLG1CQUFTLGVBQ0YsTUFBTSxJQUNWLFVBQVUsRUFBRSxLQUFLLEVBQ2pCLEtBQUssRUFBRSxDQUFDLENBQUMsS0FBSyxFQUNkLE9BQU8sRUFBQyxVQUFVLEVBQ2xCLElBQUksRUFBQyxPQUFPLEVBQ1osTUFBTSxFQUFFLE1BQU0sRUFDZCxPQUFPLEVBQUUsT0FBTyxFQUNoQixTQUFTLFVBQ1gsQ0FDTCxFQVh3QixDQVd4QixFQUNELEtBQUssRUFDRDtZQUNLLEtBQUs7WUFDTCxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUN0QixFQUVQLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLE9BQU8sRUFBRSxNQUFNLEVBQ2YsTUFBTSxFQUFFLE9BQU8sSUFDWCxVQUFVLEVBQ2hCLENBQ0wsQ0FBQztBQUNOLENBQUMsQ0FBQztBQS9CVyxRQUFBLFVBQVUsY0ErQnJCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0ZVBpY2tlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91aS9EYXRlUGlja2VyL0RhdGVQaWNrZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxtRUFBZ0Q7QUFDaEQsc0VBQWdEO0FBQ2hELGdEQUEwQjtBQUduQixJQUFNLFVBQVUsR0FBOEIsVUFBQyxLQUFLO0lBQy9DLElBQUEsUUFBUSxHQUFtRixLQUFLLFNBQXhGLEVBQUUsS0FBSyxHQUE0RSxLQUFLLE1BQWpGLEVBQUUsUUFBUSxHQUFrRSxLQUFLLFNBQXZFLEVBQUUsS0FBSyxHQUEyRCxLQUFLLE1BQWhFLEVBQUUsTUFBTSxHQUFtRCxLQUFLLE9BQXhELEVBQUUsT0FBTyxHQUEwQyxLQUFLLFFBQS9DLEVBQUUsS0FBd0MsS0FBSyxRQUF6QixFQUFwQixPQUFPLG1CQUFHLFVBQVUsS0FBQSxFQUFLLFVBQVUsVUFBSyxLQUFLLEVBQWxHLDBFQUEwRixDQUFGLENBQVc7SUFFekcsT0FBTyxDQUNILDhCQUFDLG9CQUFhLGFBQ1YsU0FBUyxRQUNULGVBQWUsUUFDZixXQUFXLEVBQUUsVUFBQyxNQUFNLElBQUssT0FBQSxDQUNyQiw4QkFBQyxtQkFBUyxlQUNGLE1BQU0sSUFDVixVQUFVLEVBQUUsS0FBSyxFQUNqQixLQUFLLEVBQUUsQ0FBQyxDQUFDLEtBQUssRUFDZCxPQUFPLEVBQUUsT0FBTyxFQUNoQixJQUFJLEVBQUMsT0FBTyxFQUNaLE1BQU0sRUFBRSxNQUFNLEVBQ2QsT0FBTyxFQUFFLE9BQU8sRUFDaEIsU0FBUyxVQUNYLENBQ0wsRUFYd0IsQ0FXeEIsRUFDRCxLQUFLLEVBQ0Q7WUFDSyxLQUFLO1lBQ0wsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FDdEIsRUFFUCxRQUFRLEVBQUUsUUFBUSxFQUNsQixPQUFPLEVBQUUsTUFBTSxFQUNmLE1BQU0sRUFBRSxPQUFPLElBQ1gsVUFBVSxFQUNoQixDQUNMLENBQUM7QUFDTixDQUFDLENBQUM7QUEvQlcsUUFBQSxVQUFVLGNBK0JyQiJ9

package/ui/DatePicker/types.d.ts

@@ -1,4 +1,5 @@
 import { DatePickerProps as MuiDatePickerProps } from "@mui/lab/DatePicker";
+import { TextFieldProps } from "@mui/material";
 import { Moment } from "moment";
 import { ReactNode } from "react";
 export interface DatePickerProps extends Omit<MuiDatePickerProps<Moment>, "renderInput"> {
@@ -6,4 +7,5 @@ export interface DatePickerProps extends Omit<MuiDatePickerProps<Moment>, "rende
     error?: ReactNode;
     onFocus?: () => void;
     onBlur?: () => void;
+    variant?: TextFieldProps["variant"];
 }

package/ui/FileInput/FileInput.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { FileInputProps } from "./types";
+export declare const FileInput: React.FC<FileInputProps>;

package/ui/FileInput/FileInput.js

@@ -0,0 +1,89 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileInput = void 0;
+var Clear_1 = __importDefault(require("@mui/icons-material/Clear"));
+var Box_1 = __importDefault(require("@mui/material/Box"));
+var Button_1 = __importDefault(require("@mui/material/Button"));
+var IconButton_1 = __importDefault(require("@mui/material/IconButton"));
+var Tooltip_1 = __importDefault(require("@mui/material/Tooltip"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var react_1 = __importDefault(require("react"));
+var FileInput = function (props) {
+    var id = props.id, name = props.name, label = props.label, placeholder = props.placeholder, value = props.value, onChange = props.onChange;
+    var handleChange = function (e) { return __awaiter(void 0, void 0, void 0, function () {
+        var files;
+        var _a;
+        return __generator(this, function (_b) {
+            e.persist();
+            files = (_a = e.target.files) !== null && _a !== void 0 ? _a : [];
+            if (files.length > 1) {
+                // eslint-disable-next-line no-alert
+                alert("Vyberte pouze 1 soubor.");
+            }
+            if (files.length === 1) {
+                onChange(files[0]);
+            }
+            return [2 /*return*/];
+        });
+    }); };
+    // TODO @vejvis - stylování (barvičky z theme?)
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(Box_1.default, { position: "relative", display: "flex", flexDirection: "row", pl: 1.5, pr: 1, sx: {
+                borderRadius: "4px",
+                border: "1px solid #c4c4c4",
+                mb: 1,
+                height: "40px",
+                alignItems: "center",
+                "&:hover": {
+                    borderColor: "#212121",
+                },
+            } },
+            react_1.default.createElement("input", { type: "file", id: id, name: name, style: { display: "none" }, onChange: handleChange }),
+            react_1.default.createElement(Box_1.default, { position: "absolute", top: -10, left: 8, px: 0.5, sx: { backgroundColor: "white" } },
+                react_1.default.createElement(Typography_1.default, { fontSize: "small", color: "rgba(0,0,0,0.6)" }, label)),
+            react_1.default.createElement(Typography_1.default, { flex: 1, color: function (theme) { return (value ? undefined : theme.palette.text.disabled); }, textOverflow: "ellipsis", minWidth: 0, whiteSpace: "nowrap", overflow: "hidden", sx: { lineBreak: "anywhere" }, pr: 1 }, value ? value.name : placeholder),
+            value ? (react_1.default.createElement(Tooltip_1.default, { title: "Smazat" },
+                react_1.default.createElement(IconButton_1.default, { onClick: function () { return onChange(null); } },
+                    react_1.default.createElement(Clear_1.default, null)))) : (react_1.default.createElement(Button_1.default, { component: "label", size: "small", variant: "contained", htmlFor: id }, "Vybrat soubor")))));
+};
+exports.FileInput = FileInput;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmlsZUlucHV0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3VpL0ZpbGVJbnB1dC9GaWxlSW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLG9FQUFrRDtBQUNsRCwwREFBb0M7QUFDcEMsZ0VBQTBDO0FBQzFDLHdFQUFrRDtBQUNsRCxrRUFBNEM7QUFDNUMsd0VBQWtEO0FBQ2xELGdEQUEwQjtBQUduQixJQUFNLFNBQVMsR0FBNkIsVUFBQyxLQUFLO0lBQzdDLElBQUEsRUFBRSxHQUFnRCxLQUFLLEdBQXJELEVBQUUsSUFBSSxHQUEwQyxLQUFLLEtBQS9DLEVBQUUsS0FBSyxHQUFtQyxLQUFLLE1BQXhDLEVBQUUsV0FBVyxHQUFzQixLQUFLLFlBQTNCLEVBQUUsS0FBSyxHQUFlLEtBQUssTUFBcEIsRUFBRSxRQUFRLEdBQUssS0FBSyxTQUFWLENBQVc7SUFFaEUsSUFBTSxZQUFZLEdBQUcsVUFBTyxDQUFzQzs7OztZQUM5RCxDQUFDLENBQUMsT0FBTyxFQUFFLENBQUM7WUFFTixLQUFLLEdBQUcsTUFBQSxDQUFDLENBQUMsTUFBTSxDQUFDLEtBQUssbUNBQUksRUFBRSxDQUFDO1lBRW5DLElBQUksS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7Z0JBQ2xCLG9DQUFvQztnQkFDcEMsS0FBSyxDQUFDLHlCQUF5QixDQUFDLENBQUM7YUFDcEM7WUFFRCxJQUFJLEtBQUssQ0FBQyxNQUFNLEtBQUssQ0FBQyxFQUFFO2dCQUNwQixRQUFRLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7YUFDdEI7OztTQUNKLENBQUM7SUFFRiwrQ0FBK0M7SUFFL0MsT0FBTyxDQUNIO1FBQ0ksOEJBQUMsYUFBRyxJQUNBLFFBQVEsRUFBQyxVQUFVLEVBQ25CLE9BQU8sRUFBQyxNQUFNLEVBQ2QsYUFBYSxFQUFDLEtBQUssRUFDbkIsRUFBRSxFQUFFLEdBQUcsRUFDUCxFQUFFLEVBQUUsQ0FBQyxFQUNMLEVBQUUsRUFBRTtnQkFDQSxZQUFZLEVBQUUsS0FBSztnQkFDbkIsTUFBTSxFQUFFLG1CQUFtQjtnQkFDM0IsRUFBRSxFQUFFLENBQUM7Z0JBQ0wsTUFBTSxFQUFFLE1BQU07Z0JBQ2QsVUFBVSxFQUFFLFFBQVE7Z0JBQ3BCLFNBQVMsRUFBRTtvQkFDUCxXQUFXLEVBQUUsU0FBUztpQkFDekI7YUFDSjtZQUVELHlDQUFPLElBQUksRUFBQyxNQUFNLEVBQUMsRUFBRSxFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsRUFBRSxRQUFRLEVBQUUsWUFBWSxHQUFJO1lBQzdGLDhCQUFDLGFBQUcsSUFBQyxRQUFRLEVBQUMsVUFBVSxFQUFDLEdBQUcsRUFBRSxDQUFDLEVBQUUsRUFBRSxJQUFJLEVBQUUsQ0FBQyxFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsZUFBZSxFQUFFLE9BQU8sRUFBRTtnQkFDakYsOEJBQUMsb0JBQVUsSUFBQyxRQUFRLEVBQUMsT0FBTyxFQUFDLEtBQUssRUFBQyxpQkFBaUIsSUFDL0MsS0FBSyxDQUNHLENBQ1g7WUFDTiw4QkFBQyxvQkFBVSxJQUNQLElBQUksRUFBRSxDQUFDLEVBQ1AsS0FBSyxFQUFFLFVBQUMsS0FBSyxJQUFLLE9BQUEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLEVBQWpELENBQWlELEVBQ25FLFlBQVksRUFBQyxVQUFVLEVBQ3ZCLFFBQVEsRUFBRSxDQUFDLEVBQ1gsVUFBVSxFQUFDLFFBQVEsRUFDbkIsUUFBUSxFQUFDLFFBQVEsRUFDakIsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxFQUM3QixFQUFFLEVBQUUsQ0FBQyxJQUVKLEtBQUssQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUN4QjtZQUNaLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FDTCw4QkFBQyxpQkFBTyxJQUFDLEtBQUssRUFBQyxRQUFRO2dCQUNuQiw4QkFBQyxvQkFBVSxJQUFDLE9BQU8sRUFBRSxjQUFNLE9BQUEsUUFBUSxDQUFDLElBQUksQ0FBQyxFQUFkLENBQWM7b0JBQ3JDLDhCQUFDLGVBQVMsT0FBRyxDQUNKLENBQ1AsQ0FDYixDQUFDLENBQUMsQ0FBQyxDQUNBLDhCQUFDLGdCQUFNLElBQUMsU0FBUyxFQUFDLE9BQU8sRUFBQyxJQUFJLEVBQUMsT0FBTyxFQUFDLE9BQU8sRUFBQyxXQUFXLEVBQUMsT0FBTyxFQUFFLEVBQUUsb0JBRTdELENBQ1osQ0FDQyxDQUNQLENBQ04sQ0FBQztBQUNOLENBQUMsQ0FBQztBQXZFVyxRQUFBLFNBQVMsYUF1RXBCIn0=

package/ui/FileInput/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./FileInput";
+export * from "./types";

package/ui/FileInput/index.js

@@ -0,0 +1,15 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./FileInput"), exports);
+__exportStar(require("./types"), exports);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvRmlsZUlucHV0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7OztBQUFBLDhDQUE0QjtBQUM1QiwwQ0FBd0IifQ==

package/ui/FileInput/types.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from "react";
+export interface FileInputProps {
+    id: string;
+    name: string;
+    placeholder?: string;
+    label: ReactNode;
+    onChange: (file: File | null) => void;
+    value: File | null | undefined;
+}

package/ui/FileInput/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvRmlsZUlucHV0L3R5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==