@uxf/cms 6.0.0-beta.10 → 6.0.0-beta.11

package/config/icons-config.d.ts

@@ -1,2 +1,2 @@
-export declare const ICONS_VERSION = "1674138580531";
+export declare const ICONS_VERSION = "1674204431279";
 export declare const ICON_SPRITE = "/icons-generated/_icon-sprite.svg";

package/config/icons-config.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ICON_SPRITE = exports.ICONS_VERSION = void 0;
-exports.ICONS_VERSION = "1674138580531";
+exports.ICONS_VERSION = "1674204431279";
 exports.ICON_SPRITE = "/icons-generated/_icon-sprite.svg";
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbnMtY29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbmZpZy9pY29ucy1jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQWEsUUFBQSxhQUFhLEdBQUcsZUFBZSxDQUFDO0FBQ2hDLFFBQUEsV0FBVyxHQUFHLG1DQUFtQyxDQUFDIn0=

package/config/icons.d.ts

@@ -51,6 +51,18 @@ export declare const ICONS: {
         readonly w: 640;
         readonly h: 512;
     };
+    readonly file: {
+        readonly w: 384;
+        readonly h: 512;
+    };
+    readonly imageFile: {
+        readonly w: 384;
+        readonly h: 512;
+    };
+    readonly videoFile: {
+        readonly w: 384;
+        readonly h: 512;
+    };
     readonly user: {
         readonly w: 448;
         readonly h: 512;
@@ -80,6 +92,9 @@ declare module "@uxf/ui/icon/theme" {
         "chevronsRight": true;
         "chevronUp": true;
         "cloud": true;
+        "file": true;
+        "imageFile": true;
+        "videoFile": true;
         "user": true;
         "xmarkLarge": true;
         "angleRight": true;

package/config/icons.js

@@ -16,8 +16,11 @@ exports.ICONS = {
     "chevronsRight": { w: 512, h: 512 },
     "chevronUp": { w: 512, h: 512 },
     "cloud": { w: 640, h: 512 },
+    "file": { w: 384, h: 512 },
+    "imageFile": { w: 384, h: 512 },
+    "videoFile": { w: 384, h: 512 },
     "user": { w: 448, h: 512 },
     "xmarkLarge": { w: 448, h: 512 },
     "angleRight": { w: 256, h: 512 },
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29uZmlnL2ljb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxxR0FBcUc7OztBQUV4RixRQUFBLEtBQUssR0FBRztJQUNqQixVQUFVLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDOUIsUUFBUSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQzVCLFdBQVcsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMvQixPQUFPLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDM0IsTUFBTSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQzFCLE9BQU8sRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMzQixhQUFhLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDakMsYUFBYSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQ2pDLGNBQWMsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUNsQyxjQUFjLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDbEMsZUFBZSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQ25DLFdBQVcsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMvQixPQUFPLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDM0IsTUFBTSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQzFCLFlBQVksRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUNoQyxZQUFZLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7Q0FDMUIsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29uZmlnL2ljb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxxR0FBcUc7OztBQUV4RixRQUFBLEtBQUssR0FBRztJQUNqQixVQUFVLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDOUIsUUFBUSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQzVCLFdBQVcsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMvQixPQUFPLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDM0IsTUFBTSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQzFCLE9BQU8sRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMzQixhQUFhLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDakMsYUFBYSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQ2pDLGNBQWMsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUNsQyxjQUFjLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDbEMsZUFBZSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQ25DLFdBQVcsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMvQixPQUFPLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDM0IsTUFBTSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQzFCLFdBQVcsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMvQixXQUFXLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDL0IsTUFBTSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQzFCLFlBQVksRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUNoQyxZQUFZLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7Q0FDMUIsQ0FBQyJ9

package/forms/components/DateTimePicker2/DateTimePicker2.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { DatePickerInputProps as UIDatePickerInputProps } from "@uxf/ui/date-picker-input";
+import { FieldValues, UseControllerProps } from "react-hook-form";
+export declare type DatePickerInputProps<FormData extends FieldValues> = UseControllerProps<FormData> & Omit<UIDatePickerInputProps, "isInvalid" | "max" | "min" | "pattern" | "step" | "name" | "onChange" | "value" | "leftAddon" | "leftElement" | "rightAddon" | "rightElement"> & {
+    requiredMessage?: string;
+};
+export declare function DateTimePicker2<FormData extends FieldValues>(props: DatePickerInputProps<FormData>): JSX.Element;

package/forms/components/DateTimePicker2/DateTimePicker2.js

@@ -0,0 +1,67 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DateTimePicker2 = void 0;
+var date_picker_input_1 = require("@uxf/ui/date-picker-input");
+var time_picker_input_1 = require("@uxf/ui/time-picker-input");
+var react_hook_form_1 = require("react-hook-form");
+var react_1 = __importDefault(require("react"));
+var label_1 = require("@uxf/ui/label");
+var dayjs_1 = __importDefault(require("dayjs"));
+function DateTimePicker2(props) {
+    var _a, _b, _c, _d, _e;
+    var _f = (0, react_hook_form_1.useController)({
+        control: props.control,
+        defaultValue: props.defaultValue,
+        name: props.name,
+        rules: __assign({ required: props.isRequired ? props.requiredMessage || "Toto pole je povinné" : undefined }, ((_a = props.rules) !== null && _a !== void 0 ? _a : {})),
+        shouldUnregister: props.shouldUnregister,
+    }), field = _f.field, fieldState = _f.fieldState;
+    var onBlur = function (event) {
+        var _a;
+        field.onBlur();
+        (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, event);
+    };
+    var onChangeDate = function (value) {
+        var isTimeSelected = !!field.value;
+        var date = (0, dayjs_1.default)(value || "now")
+            .set("hour", isTimeSelected ? (0, dayjs_1.default)(field.value).hour() : 0)
+            .set("minute", isTimeSelected ? (0, dayjs_1.default)(field.value).minute() : 0);
+        field.onChange(date.toISOString());
+    };
+    var onChangeTime = function (value) {
+        var _a, _b;
+        var date = (0, dayjs_1.default)(field.value || "now")
+            .set("hour", (_a = value === null || value === void 0 ? void 0 : value.hour) !== null && _a !== void 0 ? _a : 0)
+            .set("minute", (_b = value === null || value === void 0 ? void 0 : value.minute) !== null && _b !== void 0 ? _b : 0);
+        field.onChange(date.toISOString());
+    };
+    var fieldDate = field.value ? (0, dayjs_1.default)(field.value) : null;
+    var dateValue = fieldDate ? fieldDate.startOf("day").toDate() : null;
+    var timeValue = fieldDate
+        ? {
+            hour: fieldDate.hour(),
+            minute: fieldDate.minute(),
+        }
+        : null;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        !props.hiddenLabel && react_1.default.createElement(label_1.Label, null, props.label),
+        react_1.default.createElement("div", { className: "grid grid-cols-[3fr_2fr] gap-x-4 ".concat(props.className || "") },
+            react_1.default.createElement(date_picker_input_1.DatePickerInput, { className: "span-3", form: props.form, helperText: (_c = (_b = fieldState.error) === null || _b === void 0 ? void 0 : _b.message) !== null && _c !== void 0 ? _c : props.helperText, hiddenLabel: true, id: "".concat(props.id, "-date"), isDisabled: props.isDisabled, isInvalid: !!fieldState.error, isReadOnly: props.isReadOnly, isRequired: props.isRequired, label: "Datum", name: "".concat(field.name, "-date"), onBlur: onBlur, onChange: onChangeDate, onFocus: props.onFocus, placeholder: props.placeholder, ref: field.ref, size: props.size, value: dateValue, variant: props.variant }),
+            react_1.default.createElement(time_picker_input_1.TimePickerInput, { className: "span-2", form: props.form, helperText: (_e = (_d = fieldState.error) === null || _d === void 0 ? void 0 : _d.message) !== null && _e !== void 0 ? _e : props.helperText, hiddenLabel: true, id: "".concat(props.id, "-time"), isDisabled: props.isDisabled, isInvalid: !!fieldState.error, isReadOnly: props.isReadOnly, isRequired: props.isRequired, label: "\u010Cas", name: "".concat(field.name, "-time"), onBlur: onBlur, onChange: onChangeTime, onFocus: props.onFocus, ref: field.ref, size: props.size, value: timeValue, variant: props.variant }))));
+}
+exports.DateTimePicker2 = DateTimePicker2;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0ZVRpbWVQaWNrZXIyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2Zvcm1zL2NvbXBvbmVudHMvRGF0ZVRpbWVQaWNrZXIyL0RhdGVUaW1lUGlja2VyMi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSwrREFHbUM7QUFDbkMsK0RBR21DO0FBQ25DLG1EQUFpRjtBQUNqRixnREFBaUQ7QUFDakQsdUNBQXNDO0FBRXRDLGdEQUEwQjtBQXFCMUIsU0FBZ0IsZUFBZSxDQUErQixLQUFxQzs7SUFDekYsSUFBQSxLQUF3QixJQUFBLCtCQUFhLEVBQUM7UUFDeEMsT0FBTyxFQUFFLEtBQUssQ0FBQyxPQUFPO1FBQ3RCLFlBQVksRUFBRSxLQUFLLENBQUMsWUFBWTtRQUNoQyxJQUFJLEVBQUUsS0FBSyxDQUFDLElBQUk7UUFDaEIsS0FBSyxhQUNELFFBQVEsRUFBRSxLQUFLLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsZUFBZSxJQUFJLHNCQUFzQixDQUFDLENBQUMsQ0FBQyxTQUFTLElBQ3JGLENBQUMsTUFBQSxLQUFLLENBQUMsS0FBSyxtQ0FBSSxFQUFFLENBQUMsQ0FDekI7UUFDRCxnQkFBZ0IsRUFBRSxLQUFLLENBQUMsZ0JBQWdCO0tBQzNDLENBQUMsRUFUTSxLQUFLLFdBQUEsRUFBRSxVQUFVLGdCQVN2QixDQUFDO0lBRUgsSUFBTSxNQUFNLEdBQXdDLFVBQUMsS0FBSzs7UUFDdEQsS0FBSyxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQ2YsTUFBQSxLQUFLLENBQUMsTUFBTSwrQ0FBWixLQUFLLEVBQVUsS0FBSyxDQUFDLENBQUM7SUFDMUIsQ0FBQyxDQUFDO0lBRUYsSUFBTSxZQUFZLEdBQXVDLFVBQUMsS0FBSztRQUMzRCxJQUFNLGNBQWMsR0FBRyxDQUFDLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQztRQUNyQyxJQUFNLElBQUksR0FBRyxJQUFBLGVBQUss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

package/forms/components/DateTimePicker2/index.d.ts

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

package/forms/components/{GpsInput → DateTimePicker2}/index.js

@@ -10,6 +10,6 @@ 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("./GpsInput"), exports);
+__exportStar(require("./DateTimePicker2"), exports);
 __exportStar(require("./types"), exports);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZm9ybXMvY29tcG9uZW50cy9HcHNJbnB1dC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7QUFBQSw2Q0FBMkI7QUFDM0IsMENBQXdCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZm9ybXMvY29tcG9uZW50cy9EYXRlVGltZVBpY2tlcjIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7O0FBQUEsb0RBQWtDO0FBQ2xDLDBDQUF3QiJ9

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

@@ -0,0 +1,11 @@
+import { DateTimePickerProps as MuiDateTimePickerProps } from "@mui/x-date-pickers/DateTimePicker";
+import { TextFieldProps } from "@mui/material";
+import { FieldValidator } from "final-form";
+export interface DateTimePickerProps<FormData extends Record<string, any>> extends Omit<MuiDateTimePickerProps, "name" | "required" | "onChange" | "value" | "renderInput"> {
+    error?: boolean;
+    name: keyof FormData;
+    required?: boolean;
+    requiredErrorMessage?: string;
+    validate?: FieldValidator<string>[];
+    variant?: TextFieldProps["variant"];
+}

package/forms/components/{DatePicker → DateTimePicker2}/types.js

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

package/forms/utils/onUploadDropzoneFile.d.ts

@@ -0,0 +1,2 @@
+import { DropzoneInputProps } from "@uxf/ui/dropzone";
+export declare const onUploadDropzoneFile: DropzoneInputProps["onUploadFile"];

package/forms/utils/onUploadDropzoneFile.js

@@ -0,0 +1,50 @@
+"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 };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.onUploadDropzoneFile = void 0;
+var config_1 = require("../../config");
+var onUploadDropzoneFile = function (file) { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, config_1.container.get("api.uploadFile")(file)];
+            case 1: return [2 /*return*/, _a.sent()];
+        }
+    });
+}); };
+exports.onUploadDropzoneFile = onUploadDropzoneFile;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib25VcGxvYWREcm9wem9uZUZpbGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZm9ybXMvdXRpbHMvb25VcGxvYWREcm9wem9uZUZpbGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQ0EsdUNBQXlDO0FBRWxDLElBQU0sb0JBQW9CLEdBQXVDLFVBQU8sSUFBSTs7O29CQUN4RSxxQkFBTSxrQkFBUyxDQUFDLEdBQUcsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUFBO29CQUFsRCxzQkFBTyxTQUEyQyxFQUFDOzs7S0FDdEQsQ0FBQztBQUZXLFFBQUEsb0JBQW9CLHdCQUUvQiJ9

package/forms/utils/onUploadFile.d.ts

@@ -0,0 +1,2 @@
+import { FileInputProps } from "@uxf/form/file-input";
+export declare const onUploadFile: FileInputProps<any>["onUploadFiles"];

package/forms/utils/onUploadFile.js

@@ -0,0 +1,62 @@
+"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 };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.onUploadFile = void 0;
+var config_1 = require("../../config");
+var onUploadFile = function (files) { return __awaiter(void 0, void 0, void 0, function () {
+    var response, e_1;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                _a.trys.push([0, 2, , 3]);
+                return [4 /*yield*/, config_1.container.get("api.uploadFile")(files[0])];
+            case 1:
+                response = _a.sent();
+                return [2 /*return*/, [response]];
+            case 2:
+                e_1 = _a.sent();
+                // if (onError) {
+                //     onError(e);
+                // }
+                return [2 /*return*/, []];
+            case 3: return [2 /*return*/];
+        }
+    });
+}); };
+exports.onUploadFile = onUploadFile;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib25VcGxvYWRGaWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2Zvcm1zL3V0aWxzL29uVXBsb2FkRmlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQSx1Q0FBeUM7QUFFbEMsSUFBTSxZQUFZLEdBQXlDLFVBQU8sS0FBSzs7Ozs7O2dCQUVyRCxxQkFBTSxrQkFBUyxDQUFDLEdBQUcsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFBOztnQkFBMUQsUUFBUSxHQUFHLFNBQStDO2dCQUNoRSxzQkFBTyxDQUFDLFFBQVEsQ0FBQyxFQUFDOzs7Z0JBRWxCLGlCQUFpQjtnQkFDakIsa0JBQWtCO2dCQUNsQixJQUFJO2dCQUNKLHNCQUFPLEVBQUUsRUFBQzs7OztLQUVqQixDQUFDO0FBVlcsUUFBQSxZQUFZLGdCQVV2QiJ9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/cms",
-  "version": "6.0.0-beta.10",
+  "version": "6.0.0-beta.11",
   "description": "UXF Cms",
   "author": "UXFans <dev@uxf.cz>",
   "homepage": "https://gitlab.com/uxf-npm/cms#readme",
@@ -30,8 +30,8 @@
     "lint:css": "stylelint \"./**/*.(css)\""
   },
   "dependencies": {
-    "@uxf/form": "^1.0.0-beta.101",
-    "@uxf/ui": "^1.0.0-beta.101",
+    "@uxf/form": "^1.0.0-beta.102",
+    "@uxf/ui": "^1.0.0-beta.102",
     "es6-error": "^4.1.1",
     "path-to-regexp": "^6.1.0",
     "react-hook-form": "^7.41.5",

package/pages/FormPage/BaseField.js

@@ -10,52 +10,29 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-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;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BaseField = void 0;
-var Box_1 = __importDefault(require("@mui/material/Box"));
-var Grid_1 = __importDefault(require("@mui/material/Grid"));
-var Typography_1 = __importDefault(require("@mui/material/Typography"));
-var react_1 = __importStar(require("react"));
+var react_1 = __importDefault(require("react"));
 var api_1 = require("../../api");
-var Autocomplete_1 = require("../../forms/components/Autocomplete");
-var AutocompleteMultiple_1 = require("../../forms/components/AutocompleteMultiple");
-var Checkbox_1 = require("../../forms/components/Checkbox");
-var DatePicker_1 = require("../../forms/components/DatePicker");
-var DateTimePicker_1 = require("../../forms/components/DateTimePicker");
-var TextInput_1 = require("../../forms/components/TextInput");
-var react_final_form_1 = require("react-final-form");
-var react_final_form_arrays_1 = require("react-final-form-arrays");
-var Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
-var Add_1 = __importDefault(require("@mui/icons-material/Add"));
-var Button_1 = require("../../ui/Button");
-var Content_1 = require("./Field/Content");
-var FileUploadInput_1 = require("../../forms/components/FileUploadInput");
-var Select_1 = require("../../forms/components/Select");
-var DropZone_1 = require("../../forms/components/DropZone");
+var select_1 = require("@uxf/form/select");
+var checkbox_1 = require("@uxf/form/checkbox");
+var text_input_1 = require("@uxf/form/text-input");
+var textarea_1 = require("@uxf/form/textarea");
+var date_picker_input_1 = require("@uxf/form/date-picker-input");
+var FieldArray_1 = require("./FieldArray");
+var combobox_1 = require("@uxf/form/combobox");
+var multi_combobox_1 = require("@uxf/form/multi-combobox");
+var file_input_1 = require("@uxf/form/file-input");
+var DateTimePicker2_1 = require("../../forms/components/DateTimePicker2");
+var dropzone_input_1 = require("@uxf/form/dropzone/dropzone-input");
+var onUploadFile_1 = require("../../forms/utils/onUploadFile");
+var onUploadDropzoneFile_1 = require("../../forms/utils/onUploadDropzoneFile");
+var dropzone_list_1 = require("@uxf/form/dropzone/dropzone-list");
 var BaseField = function (props) {
-    var fieldSchema = props.fieldSchema, entityAlias = props.entityAlias, isEditing = props.isEditing, _a = props.prefix, prefix = _a === void 0 ? "" : _a;
+    var fieldSchema = props.fieldSchema, entityAlias = props.entityAlias, isEditing = props.isEditing, _a = props.prefix, prefix = _a === void 0 ? "" : _a, control = props.control;
     var editable = fieldSchema.editable, label = fieldSchema.label, name = fieldSchema.name, readOnly = fieldSchema.readOnly, type = fieldSchema.type, options = fieldSchema.options;
     var fieldName = "".concat(prefix).concat(name);
     var disabled = readOnly || (isEditing && !editable);
@@ -64,61 +41,48 @@ var BaseField = function (props) {
     switch (type) {
         case "file":
         case "image":
-            return (react_1.default.createElement(FileUploadInput_1.FileUploadInput, { id: fieldName, label: label, name: fieldName, required: required, disabled: disabled, placeholder: "Vyberte soubor" }));
+            return (react_1.default.createElement(file_input_1.FileInput, { id: fieldName, label: "".concat(label, " (TODO: nefunguje zobrazen\u00ED defaultValue p\u0159i editaci)"), name: fieldName, isRequired: required, isDisabled: disabled, onUploadFiles: onUploadFile_1.onUploadFile, control: control }));
         case "enum":
-            return (react_1.default.createElement(Select_1.Select, { options: options !== null && options !== void 0 ? options : [], name: fieldName, label: label, required: required, disabled: disabled }));
+            return (react_1.default.createElement(select_1.Select, { options: options !== null && options !== void 0 ? options : [], name: fieldName, label: label, isRequired: required, isDisabled: disabled, control: control }));
         case "content":
-            return react_1.default.createElement(Content_1.Content, __assign({}, props));
+            // return <Content {...props} />;
+            return react_1.default.createElement(react_1.default.Fragment, null, "TODO @honisek Content");
         case "boolean":
-            return react_1.default.createElement(Checkbox_1.Checkbox, { name: fieldName, label: label, required: required, disabled: disabled });
+            return (react_1.default.createElement(checkbox_1.Checkbox, { name: fieldName, label: label, isRequired: required, isDisabled: disabled, control: control }));
         case "date":
-            return react_1.default.createElement(DatePicker_1.DatePicker, { name: fieldName, label: label, required: required, disabled: disabled });
+            return (react_1.default.createElement(date_picker_input_1.DatePickerInput, { name: fieldName, label: label, isRequired: required, isDisabled: disabled, control: control }));
         case "datetime":
-            return react_1.default.createElement(DateTimePicker_1.DateTimePicker, { name: fieldName, label: label, required: required, disabled: disabled });
+            return (react_1.default.createElement(DateTimePicker2_1.DateTimePicker2, { name: fieldName, label: label, isRequired: required, isDisabled: disabled, control: control }));
         case "files":
         case "images":
-            return (react_1.default.createElement("div", null,
-                react_1.default.createElement("div", { className: "pb-1 text-sm text-gray-600" }, label),
-                react_1.default.createElement(DropZone_1.DropZone, { name: fieldName })));
+            return (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(dropzone_input_1.DropzoneInput, { label: label, name: fieldName, control: control, onUploadFile: onUploadDropzoneFile_1.onUploadDropzoneFile }),
+                react_1.default.createElement(dropzone_list_1.DropzoneList, { name: fieldName, control: control })));
         case "manyToMany":
-            return (react_1.default.createElement(AutocompleteMultiple_1.AutocompleteMultiple, { name: fieldName, label: label, required: required, disabled: disabled, loadOptions: function (term) { var _a; return (0, api_1.autocomplete)(null, { name: (_a = fieldSchema.autocomplete) !== null && _a !== void 0 ? _a : "" }, { term: term }).then(function (r) { return r.data; }); } }));
+            return (react_1.default.createElement(multi_combobox_1.MultiCombobox, { name: fieldName, label: "".concat(label, " (NEFUNGUJE, nutn\u00E1 \u00FAprava v UI bal\u00ED\u010Dku)"), isRequired: required, isDisabled: disabled, control: control, loadOptions: function (term) { var _a; return (0, api_1.autocomplete)(null, { name: (_a = fieldSchema.autocomplete) !== null && _a !== void 0 ? _a : "" }, { term: term }).then(function (r) { return r.data; }); } }));
         case "manyToOne":
-            return (react_1.default.createElement(Autocomplete_1.Autocomplete, { name: fieldName, label: label, required: required, disabled: disabled, loadOptions: function (term) { var _a; return (0, api_1.autocomplete)(null, { name: (_a = fieldSchema.autocomplete) !== null && _a !== void 0 ? _a : "" }, { term: term }).then(function (r) { return r.data; }); } }));
+            return (react_1.default.createElement(combobox_1.Combobox, { name: fieldName, label: "".concat(label, " (NEFUNGUJE, nutn\u00E1 \u00FAprava v UI bal\u00ED\u010Dku)"), isRequired: required, isDisabled: disabled, control: control, loadOptions: function (term) { var _a; return (0, api_1.autocomplete)(null, { name: (_a = fieldSchema.autocomplete) !== null && _a !== void 0 ? _a : "" }, { term: term }).then(function (r) { return r.data; }); } }));
         case "oneToMany":
             if (fieldSchema.fields === null) {
                 return null;
             }
             return (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(Typography_1.default, { color: "textSecondary", variant: "caption" }, fieldSchema.label),
-                react_1.default.createElement(react_final_form_arrays_1.FieldArray, { name: fieldName }, function (_a) {
-                    var fields = _a.fields;
-                    return (react_1.default.createElement(react_1.default.Fragment, null,
-                        react_1.default.createElement(Grid_1.default, { container: true, spacing: 1 }, fields.map(function (name, index) {
-                            var _a;
-                            return (react_1.default.createElement(react_1.Fragment, { key: "".concat(name, "-").concat(index) }, (_a = fieldSchema.fields) === null || _a === void 0 ? void 0 :
-                                _a.map(function (schema, i) {
-                                    if (schema.name === "id") {
-                                        return (react_1.default.createElement(react_final_form_1.Field, { key: "".concat(schema.name, "-").concat(i), name: "id", component: "input", hidden: true }));
-                                    }
-                                    return (react_1.default.createElement(Grid_1.default, { item: true, xs: 5, key: "".concat(schema.name, "-").concat(i) },
-                                        react_1.default.createElement(exports.BaseField, { fieldSchema: schema, entityAlias: entityAlias, isEditing: isEditing, prefix: "".concat(name, ".") })));
-                                }),
-                                react_1.default.createElement(Grid_1.default, { item: true, xs: 2 },
-                                    react_1.default.createElement(Button_1.Button, { mt: 2, startIcon: react_1.default.createElement(Delete_1.default, null), variant: "contained", color: "secondary", size: "small", onClick: function () { return fields.remove(index); } }, "Remove"))));
-                        })),
-                        react_1.default.createElement(Button_1.Button, { variant: "contained", size: "small", color: "primary", startIcon: react_1.default.createElement(Add_1.default, null), onClick: function () { return fields.push({ id: null }); }, mt: 2 }, "Add")));
-                })));
+                react_1.default.createElement("p", null,
+                    fieldSchema.label,
+                    " ",
+                    react_1.default.createElement("strong", null, "(NUTNO OTESTOVAT, MO\u017DN\u00C1 NEFUNK\u010CN\u00CD!!!)")),
+                react_1.default.createElement(FieldArray_1.FieldArray, { fieldName: fieldName, fieldSchema: fieldSchema, entityAlias: entityAlias, isEditing: isEditing, control: control })));
         case "embedded":
             if (fieldSchema.fields === null) {
                 return null;
             }
-            return (react_1.default.createElement(react_1.default.Fragment, null, fieldSchema.fields.map(function (schema, i) { return (react_1.default.createElement(Box_1.default, { sx: { mt: i === 0 ? undefined : 2 }, key: i },
+            return (react_1.default.createElement(react_1.default.Fragment, null, fieldSchema.fields.map(function (schema, i) { return (react_1.default.createElement("div", { key: i },
                 react_1.default.createElement(exports.BaseField, __assign({}, props, { fieldSchema: __assign(__assign({}, schema), { label: "".concat(fieldSchema.label, " ").concat(schema.label) }), prefix: "".concat(fieldSchema.name, ".") })))); })));
         case "text":
-            return react_1.default.createElement(TextInput_1.TextInput, { name: fieldName, label: label, required: required, disabled: disabled, multiline: true });
+            return (react_1.default.createElement(textarea_1.Textarea, { name: fieldName, label: label, isRequired: required, isDisabled: disabled, control: control }));
         default:
-            return react_1.default.createElement(TextInput_1.TextInput, { name: fieldName, label: label, required: required, disabled: disabled });
+            return (react_1.default.createElement(text_input_1.TextInput, { name: fieldName, label: label, isRequired: required, isDisabled: disabled, control: control }));
     }
 };
 exports.BaseField = BaseField;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFzZUZpZWxkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3BhZ2VzL0Zvcm1QYWdlL0Jhc2VGaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsMERBQW9DO0FBQ3BDLDREQUFzQztBQUN0Qyx3RUFBa0Q7QUFDbEQsNkNBQXdDO0FBQ3hDLGlDQUF5QztBQUN6QyxvRUFBbUU7QUFDbkUsb0ZBQW1GO0FBQ25GLDREQUEyRDtBQUMzRCxnRUFBK0Q7QUFDL0Qsd0VBQXVFO0FBQ3ZFLDhEQUE2RDtBQUU3RCxxREFBeUM7QUFDekMsbUVBQXFEO0FBQ3JELHNFQUFvRDtBQUNwRCxnRUFBOEM7QUFDOUMsMENBQXlDO0FBQ3pDLDJDQUEwQztBQUMxQywwRUFBeUU7QUFDekUsd0RBQXVEO0FBQ3ZELDREQUEyRDtBQUVwRCxJQUFNLFNBQVMsR0FBeUIsVUFBQyxLQUFLO0lBQ3pDLElBQUEsV0FBVyxHQUEwQyxLQUFLLFlBQS9DLEVBQUUsV0FBVyxHQUE2QixLQUFLLFlBQWxDLEVBQUUsU0FBUyxHQUFrQixLQUFLLFVBQXZCLEVBQUUsS0FBZ0IsS0FBSyxPQUFWLEVBQVgsTUFBTSxtQkFBRyxFQUFFLEtBQUEsQ0FBVztJQUUzRCxJQUFBLFFBQVEsR0FBMkMsV0FBVyxTQUF0RCxFQUFFLEtBQUssR0FBb0MsV0FBVyxNQUEvQyxFQUFFLElBQUksR0FBOEIsV0FBVyxLQUF6QyxFQUFFLFFBQVEsR0FBb0IsV0FBVyxTQUEvQixFQUFFLElBQUksR0FBYyxXQUFXLEtBQXpCLEVBQUUsT0FBTyxHQUFLLFdBQVcsUUFBaEIsQ0FBaUI7SUFDdkUsSUFBTSxTQUFTLEdBQUcsVUFBRyxNQUFNLFNBQUcsSUFBSSxDQUFFLENBQUM7SUFFckMsSUFBTSxRQUFRLEdBQUcsUUFBUSxJQUFJLENBQUMsU0FBUyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDdEQsSUFBTSxRQUFRLEdBQUcsQ0FBQyxRQUFRLElBQUksV0FBVyxDQUFDLFFBQVEsQ0FBQztJQUVuRCxvQ0FBb0M7SUFDcEMsUUFBUSxJQUFJLEVBQUU7UUFDVixLQUFLLE1BQU0sQ0FBQztRQUNaLEtBQUssT0FBTztZQUNSLE9BQU8sQ0FDSCw4QkFBQyxpQ0FBZSxJQUNaLEVBQUUsRUFBRSxTQUFTLEVBQ2IsS0FBSyxFQUFFLEtBQUssRUFDWixJQUFJLEVBQUUsU0FBUyxFQUNmLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLFdBQVcsRUFBQyxnQkFBZ0IsR0FDOUIsQ0FDTCxDQUFDO1FBQ04sS0FBSyxNQUFNO1lBQ1AsT0FBTyxDQUNILDhCQUFDLGVBQU0sSUFDSCxPQUFPLEVBQUUsT0FBTyxhQUFQLE9BQU8sY0FBUCxPQUFPLEdBQUksRUFBRSxFQUN0QixJQUFJLEVBQUUsU0FBUyxFQUNmLEtBQUssRUFBRSxLQUFLLEVBQ1osUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLFFBQVEsR0FDcEIsQ0FDTCxDQUFDO1FBQ04sS0FBSyxTQUFTO1lBQ1YsT0FBTyw4QkFBQyxpQkFBTyxlQUFLLEtBQUssRUFBSSxDQUFDO1FBQ2xDLEtBQUssU0FBUztZQUNWLE9BQU8sOEJBQUMsbUJBQVEsSUFBQyxJQUFJLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsUUFBUSxHQUFJLENBQUM7UUFDL0YsS0FBSyxNQUFNO1lBQ1AsT0FBTyw4QkFBQyx1QkFBVSxJQUFDLElBQUksRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxRQUFRLEdBQUksQ0FBQztRQUNqRyxLQUFLLFVBQVU7WUFDWCxPQUFPLDhCQUFDLCtCQUFjLElBQUMsSUFBSSxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFFBQVEsR0FBSSxDQUFDO1FBQ3JHLEtBQUssT0FBTyxDQUFDO1FBQ2IsS0FBSyxRQUFRO1lBQ1QsT0FBTyxDQUNIO2dCQUNJLHVDQUFLLFNBQVMsRUFBQyw0QkFBNEIsSUFBRSxLQUFLLENBQU87Z0JBQ3pELDhCQUFDLG1CQUFRLElBQUMsSUFBSSxFQUFFLFNBQVMsR0FBSSxDQUMzQixDQUNULENBQUM7UUFDTixLQUFLLFlBQVk7WUFDYixPQUFPLENBQ0gsOEJBQUMsMkNBQW9CLElBQ2pCLElBQUksRUFBRSxTQUFTLEVBQ2YsS0FBSyxFQUFFLEtBQUssRUFDWixRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxFQUNsQixXQUFXLEVBQUUsVUFBQyxJQUFZLFlBQ3RCLE9BQUEsSUFBQSxrQkFBWSxFQUFDLElBQUksRUFBRSxFQUFFLElBQUksRUFBRSxNQUFBLFdBQVcsQ0FBQyxZQUFZLG1DQUFJLEVBQUUsRUFBRSxFQUFFLEVBQUUsSUFBSSxNQUFBLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFDLENBQUMsSUFBSyxPQUFBLENBQUMsQ0FBQyxJQUFJLEVBQU4sQ0FBTSxDQUFDLENBQUEsRUFBQSxHQUVoRyxDQUNMLENBQUM7UUFDTixLQUFLLFdBQVc7WUFDWixPQUFPLENBQ0gsOEJBQUMsMkJBQVksSUFDVCxJQUFJLEVBQUUsU0FBUyxFQUNmLEtBQUssRUFBRSxLQUFLLEVBQ1osUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsV0FBVyxFQUFFLFVBQUMsSUFBSSxZQUNkLE9BQUEsSUFBQSxrQkFBWSxFQUFDLElBQUksRUFBRSxFQUFFLElBQUksRUFBRSxNQUFBLFdBQVcsQ0FBQyxZQUFZLG1DQUFJLEVBQUUsRUFBRSxFQUFFLEVBQUUsSUFBSSxNQUFBLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFDLENBQUMsSUFBSyxPQUFBLENBQUMsQ0FBQyxJQUFJLEVBQU4sQ0FBTSxDQUFDLENBQUEsRUFBQSxHQUVoRyxDQUNMLENBQUM7UUFDTixLQUFLLFdBQVc7WUFDWixJQUFJLFdBQVcsQ0FBQyxNQUFNLEtBQUssSUFBSSxFQUFFO2dCQUM3QixPQUFPLElBQUksQ0FBQzthQUNmO1lBRUQsT0FBTyxDQUNIO2dCQUNJLDhCQUFDLG9CQUFVLElBQUMsS0FBSyxFQUFDLGVBQWUsRUFBQyxPQUFPLEVBQUMsU0FBUyxJQUM5QyxXQUFXLENBQUMsS0FBSyxDQUNUO2dCQUNiLDhCQUFDLG9DQUFVLElBQUMsSUFBSSxFQUFFLFNBQVMsSUFDdEIsVUFBQyxFQUFVO3dCQUFSLE1BQU0sWUFBQTtvQkFBTyxPQUFBLENBQ2I7d0JBQ0ksOEJBQUMsY0FBSSxJQUFDLFNBQVMsUUFBQyxPQUFPLEVBQUUsQ0FBQyxJQUNyQixNQUFNLENBQUMsR0FBRyxDQUFDLFVBQUMsSUFBSSxFQUFFLEtBQUs7OzRCQUFLLE9BQUEsQ0FDekIsOEJBQUMsZ0JBQVEsSUFBQyxHQUFHLEVBQUUsVUFBRyxJQUFJLGNBQUksS0FBSyxDQUFFLElBQzVCLE1BQUEsV0FBVyxDQUFDLE1BQU07bUNBQUUsR0FBRyxDQUFDLFVBQUMsTUFBTSxFQUFFLENBQUM7b0NBQy9CLElBQUksTUFBTSxDQUFDLElBQUksS0FBSyxJQUFJLEVBQUU7d0NBQ3RCLE9BQU8sQ0FDSCw4QkFBQyx3QkFBSyxJQUNGLEdBQUcsRUFBRSxVQUFHLE1BQU0sQ0FBQyxJQUFJLGNBQUksQ0FBQyxDQUFFLEVBQzFCLElBQUksRUFBQyxJQUFJLEVBQ1QsU0FBUyxFQUFDLE9BQU8sRUFDakIsTUFBTSxTQUNSLENBQ0wsQ0FBQztxQ0FDTDtvQ0FFRCxPQUFPLENBQ0gsOEJBQUMsY0FBSSxJQUFDLElBQUksUUFBQyxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxVQUFHLE1BQU0sQ0FBQyxJQUFJLGNBQUksQ0FBQyxDQUFFO3dDQUN4Qyw4QkFBQyxpQkFBUyxJQUNOLFdBQVcsRUFBRSxNQUFNLEVBQ25CLFdBQVcsRUFBRSxXQUFXLEVBQ3hCLFNBQVMsRUFBRSxTQUFTLEVBQ3BCLE1BQU0sRUFBRSxVQUFHLElBQUksTUFBRyxHQUNwQixDQUNDLENBQ1YsQ0FBQztnQ0FDTixDQUFDLENBQUM7Z0NBQ0YsOEJBQUMsY0FBSSxJQUFDLElBQUksUUFBQyxFQUFFLEVBQUUsQ0FBQztvQ0FDWiw4QkFBQyxlQUFNLElBQ0gsRUFBRSxFQUFFLENBQUMsRUFDTCxTQUFTLEVBQUUsOEJBQUMsZ0JBQVUsT0FBRyxFQUN6QixPQUFPLEVBQUMsV0FBVyxFQUNuQixLQUFLLEVBQUMsV0FBVyxFQUNqQixJQUFJLEVBQUMsT0FBTyxFQUNaLE9BQU8sRUFBRSxjQUFNLE9BQUEsTUFBTSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsRUFBcEIsQ0FBb0IsYUFHOUIsQ0FDTixDQUNBLENBQ2QsQ0FBQTt5QkFBQSxDQUFDLENBQ0M7d0JBQ1AsOEJBQUMsZUFBTSxJQUNILE9BQU8sRUFBQyxXQUFXLEVBQ25CLElBQUksRUFBQyxPQUFPLEVBQ1osS0FBSyxFQUFDLFNBQVMsRUFDZixTQUFTLEVBQUUsOEJBQUMsYUFBTyxPQUFHLEVBQ3RCLE9BQU8sRUFBRSxjQUFNLE9BQUEsTUFBTSxDQUFDLElBQUksQ0FBQyxFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUUsQ0FBQyxFQUF6QixDQUF5QixFQUN4QyxFQUFFLEVBQUUsQ0FBQyxVQUdBLENBQ1YsQ0FDTjtnQkF0RGdCLENBc0RoQixDQUNRLENBQ2QsQ0FDTixDQUFDO1FBQ04sS0FBSyxVQUFVO1lBQ1gsSUFBSSxXQUFXLENBQUMsTUFBTSxLQUFLLElBQUksRUFBRTtnQkFDN0IsT0FBTyxJQUFJLENBQUM7YUFDZjtZQUVELE9BQU8sQ0FDSCw4REFDSyxXQUFXLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxVQUFDLE1BQU0sRUFBRSxDQUFDLElBQUssT0FBQSxDQUNuQyw4QkFBQyxhQUFHLElBQUMsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsR0FBRyxFQUFFLENBQUM7Z0JBQzVDLDhCQUFDLGlCQUFTLGVBQ0YsS0FBSyxJQUNULFdBQVcsd0JBQU8sTUFBTSxLQUFFLEtBQUssRUFBRSxVQUFHLFdBQVcsQ0FBQyxLQUFLLGNBQUksTUFBTSxDQUFDLEtBQUssQ0FBRSxLQUN2RSxNQUFNLEVBQUUsVUFBRyxXQUFXLENBQUMsSUFBSSxNQUFHLElBQ2hDLENBQ0EsQ0FDVCxFQVJzQyxDQVF0QyxDQUFDLENBQ0gsQ0FDTixDQUFDO1FBQ04sS0FBSyxNQUFNO1lBQ1AsT0FBTyw4QkFBQyxxQkFBUyxJQUFDLElBQUksRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsU0FBUyxTQUFHLENBQUM7UUFDMUc7WUFDSSxPQUFPLDhCQUFDLHFCQUFTLElBQUMsSUFBSSxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFFBQVEsR0FBSSxDQUFDO0tBQ25HO0FBQ0wsQ0FBQyxDQUFDO0FBcktXLFFBQUEsU0FBUyxhQXFLcEIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFzZUZpZWxkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3BhZ2VzL0Zvcm1QYWdlL0Jhc2VGaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxnREFBMEI7QUFDMUIsaUNBQXlDO0FBRXpDLDJDQUEwQztBQUMxQywrQ0FBOEM7QUFDOUMsbURBQWlEO0FBQ2pELCtDQUE4QztBQUM5QyxpRUFBOEQ7QUFDOUQsMkNBQTBDO0FBQzFDLCtDQUE4QztBQUM5QywyREFBeUQ7QUFDekQsbURBQWlEO0FBQ2pELDBFQUF5RTtBQUN6RSxvRUFBa0U7QUFDbEUsK0RBQThEO0FBQzlELCtFQUE4RTtBQUM5RSxrRUFBZ0U7QUFFekQsSUFBTSxTQUFTLEdBQXlCLFVBQUMsS0FBSztJQUN6QyxJQUFBLFdBQVcsR0FBbUQsS0FBSyxZQUF4RCxFQUFFLFdBQVcsR0FBc0MsS0FBSyxZQUEzQyxFQUFFLFNBQVMsR0FBMkIsS0FBSyxVQUFoQyxFQUFFLEtBQXlCLEtBQUssT0FBbkIsRUFBWCxNQUFNLG1CQUFHLEVBQUUsS0FBQSxFQUFFLE9BQU8sR0FBSyxLQUFLLFFBQVYsQ0FBVztJQUVwRSxJQUFBLFFBQVEsR0FBMkMsV0FBVyxTQUF0RCxFQUFFLEtBQUssR0FBb0MsV0FBVyxNQUEvQyxFQUFFLElBQUksR0FBOEIsV0FBVyxLQUF6QyxFQUFFLFFBQVEsR0FBb0IsV0FBVyxTQUEvQixFQUFFLElBQUksR0FBYyxXQUFXLEtBQXpCLEVBQUUsT0FBTyxHQUFLLFdBQVcsUUFBaEIsQ0FBaUI7SUFDdkUsSUFBTSxTQUFTLEdBQUcsVUFBRyxNQUFNLFNBQUcsSUFBSSxDQUFFLENBQUM7SUFFckMsSUFBTSxRQUFRLEdBQUcsUUFBUSxJQUFJLENBQUMsU0FBUyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDdEQsSUFBTSxRQUFRLEdBQUcsQ0FBQyxRQUFRLElBQUksV0FBVyxDQUFDLFFBQVEsQ0FBQztJQUVu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

package/pages/FormPage/FieldArray.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { FieldSchemaResponse } from "../../api";
+import { FormControl } from "@uxf/form/form/form";
+export declare const FieldArray: React.FC<{
+    fieldName: string;
+    fieldSchema: FieldSchemaResponse;
+    entityAlias: string;
+    isEditing?: boolean;
+    control: FormControl<any>;
+}>;

package/pages/FormPage/FieldArray.js

@@ -0,0 +1,47 @@
+"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.FieldArray = void 0;
+var react_1 = __importStar(require("react"));
+var react_hook_form_1 = require("react-hook-form");
+var button_1 = require("@uxf/ui/button");
+var BaseField_1 = require("./BaseField");
+var FieldArray = function (props) {
+    var fieldName = props.fieldName, fieldSchema = props.fieldSchema, isEditing = props.isEditing, entityAlias = props.entityAlias, control = props.control;
+    var _a = (0, react_hook_form_1.useFieldArray)({ control: control, name: fieldName }), fields = _a.fields, remove = _a.remove, append = _a.append;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: "grid gap-1" }, fields.map(function (name, index) {
+            var _a;
+            return (react_1.default.createElement(react_1.Fragment, { key: name.id }, (_a = fieldSchema.fields) === null || _a === void 0 ? void 0 :
+                _a.map(function (schema, i) {
+                    if (schema.name === "id") {
+                        return react_1.default.createElement("input", { type: "hidden", key: "".concat(schema.name, "-").concat(i), name: "id" });
+                    }
+                    return (react_1.default.createElement("div", { key: "".concat(schema.name, "-").concat(i) },
+                        react_1.default.createElement(BaseField_1.BaseField, { fieldSchema: schema, entityAlias: entityAlias, isEditing: isEditing, prefix: "".concat(index, "."), control: control })));
+                }),
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement(button_1.Button, { onClick: function () { return remove(index); } }, "Remove"))));
+        })),
+        react_1.default.createElement(button_1.Button, { onClick: function () { return append({ id: null }); } }, "Add")));
+};
+exports.FieldArray = FieldArray;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmllbGRBcnJheS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdlcy9Gb3JtUGFnZS9GaWVsZEFycmF5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQXdDO0FBQ3hDLG1EQUFnRDtBQUNoRCx5Q0FBd0M7QUFFeEMseUNBQXdDO0FBR2pDLElBQU0sVUFBVSxHQU1sQixVQUFDLEtBQUs7SUFDQyxJQUFBLFNBQVMsR0FBbUQsS0FBSyxVQUF4RCxFQUFFLFdBQVcsR0FBc0MsS0FBSyxZQUEzQyxFQUFFLFNBQVMsR0FBMkIsS0FBSyxVQUFoQyxFQUFFLFdBQVcsR0FBYyxLQUFLLFlBQW5CLEVBQUUsT0FBTyxHQUFLLEtBQUssUUFBVixDQUFXO0lBRXBFLElBQUEsS0FBNkIsSUFBQSwrQkFBYSxFQUFDLEVBQUUsT0FBTyxTQUFBLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxDQUFDLEVBQXRFLE1BQU0sWUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLE1BQU0sWUFBZ0QsQ0FBQztJQUUvRSxPQUFPLENBQ0g7UUFDSSx1Q0FBSyxTQUFTLEVBQUMsWUFBWSxJQUN0QixNQUFNLENBQUMsR0FBRyxDQUFDLFVBQUMsSUFBSSxFQUFFLEtBQUs7O1lBQUssT0FBQSxDQUN6Qiw4QkFBQyxnQkFBUSxJQUFDLEdBQUcsRUFBRSxJQUFJLENBQUMsRUFBRSxJQUNqQixNQUFBLFdBQVcsQ0FBQyxNQUFNO21CQUFFLEdBQUcsQ0FBQyxVQUFDLE1BQU0sRUFBRSxDQUFDO29CQUMvQixJQUFJLE1BQU0sQ0FBQyxJQUFJLEtBQUssSUFBSSxFQUFFO3dCQUN0QixPQUFPLHlDQUFPLElBQUksRUFBQyxRQUFRLEVBQUMsR0FBRyxFQUFFLFVBQUcsTUFBTSxDQUFDLElBQUksY0FBSSxDQUFDLENBQUUsRUFBRSxJQUFJLEVBQUMsSUFBSSxHQUFHLENBQUM7cUJBQ3hFO29CQUVELE9BQU8sQ0FDSCx1Q0FBSyxHQUFHLEVBQUUsVUFBRyxNQUFNLENBQUMsSUFBSSxjQUFJLENBQUMsQ0FBRTt3QkFDM0IsOEJBQUMscUJBQVMsSUFDTixXQUFXLEVBQUUsTUFBTSxFQUNuQixXQUFXLEVBQUUsV0FBVyxFQUN4QixTQUFTLEVBQUUsU0FBUyxFQUNwQixNQUFNLEVBQUUsVUFBRyxLQUFLLE1BQUcsRUFDbkIsT0FBTyxFQUFFLE9BQU8sR0FDbEIsQ0FDQSxDQUNULENBQUM7Z0JBQ04sQ0FBQyxDQUFDO2dCQUNGO29CQUNJLDhCQUFDLGVBQU0sSUFBQyxPQUFPLEVBQUUsY0FBTSxPQUFBLE1BQU0sQ0FBQyxLQUFLLENBQUMsRUFBYixDQUFhLGFBQWlCLENBQ25ELENBQ0MsQ0FDZCxDQUFBO1NBQUEsQ0FBQyxDQUNBO1FBQ04sOEJBQUMsZUFBTSxJQUFDLE9BQU8sRUFBRSxjQUFNLE9BQUEsTUFBTSxDQUFDLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRSxDQUFDLEVBQXBCLENBQW9CLFVBQWMsQ0FDMUQsQ0FDTixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBMUNXLFFBQUEsVUFBVSxjQTBDckIifQ==

package/pages/FormPage/Form.d.ts

@@ -1,18 +1,18 @@
-import React from "react";
-import { FormProps as ReactFinalFormProps } from "react-final-form";
+import { FC } from "react";
+import { FormProps as UXFFormProps } from "@uxf/form/form";
 import { FormSchemaResponse } from "../../api";
 import { FieldComponent } from "./types";
-import { FormState } from "final-form";
-declare type SubmitButtonComponent = React.FC<{
-    formState: FormState<any>;
+import { FieldValues, FormState } from "react-hook-form";
+declare type SubmitButtonComponent<TFieldValues extends FieldValues = FieldValues> = FC<{
+    formState: FormState<TFieldValues>;
 }>;
-interface FormProps<T> extends ReactFinalFormProps<T> {
+interface FormProps<T extends FieldValues> extends Omit<UXFFormProps<T>, "children"> {
     className?: string;
     schema: FormSchemaResponse;
     Field?: FieldComponent;
     entityAlias: string;
     isEditing?: boolean;
-    SubmitButton?: SubmitButtonComponent;
+    SubmitButton?: SubmitButtonComponent<T>;
 }
-export declare const Form: <T extends unknown>(props: FormProps<T>) => JSX.Element;
+export declare const Form: <T extends FieldValues>(props: FormProps<T>) => JSX.Element;
 export {};