@uxf/cms 6.0.0-beta.3 → 6.0.0-beta.31

package/forms/ForgottenPasswordForm/ForgottenPasswordForm.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -58,24 +62,22 @@ var __read = (this && this.__read) || function (o, n) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ForgottenPasswordForm = void 0;
+var form_1 = require("@uxf/form/form");
+var text_input_1 = require("@uxf/form/text-input");
+var button_1 = require("@uxf/ui/button");
 var react_1 = __importStar(require("react"));
-var Button_1 = require("../../ui/Button");
-var TextInput_1 = require("../components/TextInput");
-var react_final_form_1 = require("react-final-form");
-// TODO: email validation
+var text_link_1 = require("@uxf/ui/text-link");
 var ForgottenPasswordForm = function (props) {
     var onLogin = props.onLogin, formProps = __rest(props, ["onLogin"]);
     var _a = __read((0, react_1.useState)(true), 2), formDisabled = _a[0], setFormDisabled = _a[1];
     (0, react_1.useEffect)(function () {
         setFormDisabled(false);
     }, []);
-    return (react_1.default.createElement(react_final_form_1.Form, __assign({}, formProps), function (_a) {
-        var handleSubmit = _a.handleSubmit, submitting = _a.submitting;
-        return (react_1.default.createElement("form", { onSubmit: handleSubmit },
-            react_1.default.createElement(TextInput_1.TextInput, { disabled: formDisabled, label: "E-mail", name: "username", required: true, type: "text" }),
-            react_1.default.createElement(Button_1.Button, { color: "primary", disabled: submitting, fullWidth: true, loading: submitting, type: "submit", variant: "contained", mt: 2 }, "Obnovit heslo"),
-            onLogin && (react_1.default.createElement(Button_1.Button, { size: "small", onClick: onLogin, disabled: submitting, fullWidth: true, mt: 2 }, "P\u0159ihl\u00E1sit"))));
-    }));
+    return (react_1.default.createElement(form_1.Form, __assign({}, formProps), function (control, formApi) { return (react_1.default.createElement("div", { className: "space-y-6" },
+        react_1.default.createElement(text_input_1.TextInput, { control: control, isDisabled: formDisabled, label: "E-mail", name: "username", isRequired: true, type: "text" }),
+        react_1.default.createElement(button_1.Button, { disabled: formDisabled || formApi.formState.isSubmitting, loading: formApi.formState.isSubmitting, type: "submit", isFullWidth: true }, "Obnovit heslo"),
+        onLogin && (react_1.default.createElement("div", { className: "text-right" },
+            react_1.default.createElement(text_link_1.TextLink, { onClick: onLogin, disabled: formApi.formState.isSubmitting, className: "uxf-typo-medium2 text-primary" }, "P\u0159ihl\u00E1sit"))))); }));
 };
 exports.ForgottenPasswordForm = ForgottenPasswordForm;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9yZ290dGVuUGFzc3dvcmRGb3JtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2Zvcm1zL0ZvcmdvdHRlblBhc3N3b3JkRm9ybS9Gb3Jnb3R0ZW5QYXNzd29yZEZvcm0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUFtRDtBQUNuRCwwQ0FBeUM7QUFDekMscURBQW9EO0FBQ3BELHFEQUF3QztBQUd4Qyx5QkFBeUI7QUFFbEIsSUFBTSxxQkFBcUIsR0FBeUMsVUFBQyxLQUFLO0lBQ3JFLElBQUEsT0FBTyxHQUFtQixLQUFLLFFBQXhCLEVBQUssU0FBUyxVQUFLLEtBQUssRUFBakMsV0FBeUIsQ0FBRixDQUFXO0lBRWxDLElBQUEsS0FBQSxPQUFrQyxJQUFBLGdCQUFRLEVBQUMsSUFBSSxDQUFDLElBQUEsRUFBL0MsWUFBWSxRQUFBLEVBQUUsZUFBZSxRQUFrQixDQUFDO0lBRXZELElBQUEsaUJBQVMsRUFBQztRQUNOLGVBQWUsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMzQixDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFUCxPQUFPLENBQ0gsOEJBQUMsdUJBQUksZUFBSyxTQUFTLEdBQ2QsVUFBQyxFQUE0QjtZQUExQixZQUFZLGtCQUFBLEVBQUUsVUFBVSxnQkFBQTtRQUFPLE9BQUEsQ0FDL0Isd0NBQU0sUUFBUSxFQUFFLFlBQVk7WUFDeEIsOEJBQUMscUJBQVMsSUFBQyxRQUFRLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBQyxRQUFRLEVBQUMsSUFBSSxFQUFDLFVBQVUsRUFBQyxRQUFRLFFBQUMsSUFBSSxFQUFDLE1BQU0sR0FBRztZQUN6Riw4QkFBQyxlQUFNLElBQ0gsS0FBSyxFQUFDLFNBQVMsRUFDZixRQUFRLEVBQUUsVUFBVSxFQUNwQixTQUFTLFFBQ1QsT0FBTyxFQUFFLFVBQVUsRUFDbkIsSUFBSSxFQUFDLFFBQVEsRUFDYixPQUFPLEVBQUMsV0FBVyxFQUNuQixFQUFFLEVBQUUsQ0FBQyxvQkFHQTtZQUNSLE9BQU8sSUFBSSxDQUNSLDhCQUFDLGVBQU0sSUFBQyxJQUFJLEVBQUMsT0FBTyxFQUFDLE9BQU8sRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxTQUFTLFFBQUMsRUFBRSxFQUFFLENBQUMsMEJBRW5FLENBQ1osQ0FDRSxDQUNWO0lBcEJrQyxDQW9CbEMsQ0FDRSxDQUNWLENBQUM7QUFDTixDQUFDLENBQUM7QUFsQ1csUUFBQSxxQkFBcUIseUJBa0NoQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9yZ290dGVuUGFzc3dvcmRGb3JtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2Zvcm1zL0ZvcmdvdHRlblBhc3N3b3JkRm9ybS9Gb3Jnb3R0ZW5QYXNzd29yZEZvcm0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSx1Q0FBc0M7QUFDdEMsbURBQWlEO0FBQ2pELHlDQUF3QztBQUN4Qyw2Q0FBbUQ7QUFFbkQsK0NBQTZDO0FBRXRDLElBQU0scUJBQXFCLEdBQXlDLFVBQUMsS0FBSztJQUNyRSxJQUFBLE9BQU8sR0FBbUIsS0FBSyxRQUF4QixFQUFLLFNBQVMsVUFBSyxLQUFLLEVBQWpDLFdBQXlCLENBQUYsQ0FBVztJQUVsQyxJQUFBLEtBQUEsT0FBa0MsSUFBQSxnQkFBUSxFQUFDLElBQUksQ0FBQyxJQUFBLEVBQS9DLFlBQVksUUFBQSxFQUFFLGVBQWUsUUFBa0IsQ0FBQztJQUV2RCxJQUFBLGlCQUFTLEVBQUM7UUFDTixlQUFlLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDM0IsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBRVAsT0FBTyxDQUNILDhCQUFDLFdBQUksZUFBZ0MsU0FBUyxHQUN6QyxVQUFDLE9BQU8sRUFBRSxPQUFPLElBQUssT0FBQSxDQUNuQix1Q0FBSyxTQUFTLEVBQUMsV0FBVztRQUN0Qiw4QkFBQyxzQkFBUyxJQUNOLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLFVBQVUsRUFBRSxZQUFZLEVBQ3hCLEtBQUssRUFBQyxRQUFRLEVBQ2QsSUFBSSxFQUFDLFVBQVUsRUFDZixVQUFVLFFBQ1YsSUFBSSxFQUFDLE1BQU0sR0FDYjtRQUNGLDhCQUFDLGVBQU0sSUFDSCxRQUFRLEVBQUUsWUFBWSxJQUFJLE9BQU8sQ0FBQyxTQUFTLENBQUMsWUFBWSxFQUN4RCxPQUFPLEVBQUUsT0FBTyxDQUFDLFNBQVMsQ0FBQyxZQUFZLEVBQ3ZDLElBQUksRUFBQyxRQUFRLEVBQ2IsV0FBVywwQkFHTjtRQUNSLE9BQU8sSUFBSSxDQUNSLHVDQUFLLFNBQVMsRUFBQyxZQUFZO1lBQ3ZCLDhCQUFDLG9CQUFRLElBQ0wsT0FBTyxFQUFFLE9BQU8sRUFDaEIsUUFBUSxFQUFFLE9BQU8sQ0FBQyxTQUFTLENBQUMsWUFBWSxFQUN4QyxTQUFTLEVBQUMsK0JBQStCLDBCQUdsQyxDQUNULENBQ1QsQ0FDQyxDQUNULEVBOUJzQixDQThCdEIsQ0FDRSxDQUNWLENBQUM7QUFDTixDQUFDLENBQUM7QUE1Q1csUUFBQSxxQkFBcUIseUJBNENoQyJ9

package/forms/ForgottenPasswordForm/index.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -12,4 +16,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./ForgottenPasswordForm"), exports);
 __exportStar(require("./types"), exports);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZm9ybXMvRm9yZ290dGVuUGFzc3dvcmRGb3JtL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7OztBQUFBLDBEQUF3QztBQUN4QywwQ0FBd0IifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZm9ybXMvRm9yZ290dGVuUGFzc3dvcmRGb3JtL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSwwREFBd0M7QUFDeEMsMENBQXdCIn0=

package/forms/ForgottenPasswordForm/types.d.ts

@@ -1,7 +1,7 @@
-import { FormProps } from "react-final-form";
+import { FormProps } from "@uxf/form/form";
 export interface ForgottenPasswordFormData {
     username: string;
 }
-export interface ForgottenPasswordFormProps extends FormProps<ForgottenPasswordFormData> {
+export interface ForgottenPasswordFormProps extends Omit<FormProps<ForgottenPasswordFormData>, "children"> {
     onLogin?: () => void;
 }

package/forms/InviteUserForm/InviteUserForm.d.ts

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

package/forms/InviteUserForm/InviteUserForm.js

@@ -0,0 +1,33 @@
+"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.InviteUserForm = void 0;
+var react_1 = __importDefault(require("react"));
+var form_1 = require("@uxf/form/form");
+var text_input_1 = require("@uxf/form/text-input");
+var button_1 = require("@uxf/ui/button");
+var checkbox_1 = require("@uxf/form/checkbox");
+var Widget_1 = require("../../ui/Widget");
+var InviteUserForm = function (props) {
+    return (react_1.default.createElement(form_1.Form, __assign({}, props), function (control, formApi) { return (react_1.default.createElement(Widget_1.Widget, { withDividers: true, className: "[&>*]:p-4", footer: react_1.default.createElement("div", { className: "text-right" },
+            react_1.default.createElement(button_1.Button, { type: "submit", disabled: formApi.formState.isSubmitting }, "Ulo\u017Eit")) },
+        react_1.default.createElement(text_input_1.TextInput, { name: "email", type: "email", label: "E-mail", isRequired: true, control: control }),
+        react_1.default.createElement(text_input_1.TextInput, { name: "name", label: "Jm\u00E9no", isRequired: true, control: control }),
+        react_1.default.createElement(text_input_1.TextInput, { name: "surname", label: "P\u0159\u00EDjmen\u00ED", isRequired: true, control: control }),
+        react_1.default.createElement(checkbox_1.Checkbox, { name: "sendInvitation", label: "Odeslat pozv\u00E1nku", control: control }))); }));
+};
+exports.InviteUserForm = InviteUserForm;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW52aXRlVXNlckZvcm0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZm9ybXMvSW52aXRlVXNlckZvcm0vSW52aXRlVXNlckZvcm0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsZ0RBQWtDO0FBRWxDLHVDQUFzQztBQUN0QyxtREFBaUQ7QUFDakQseUNBQXdDO0FBQ3hDLCtDQUE4QztBQUM5QywwQ0FBeUM7QUFFbEMsSUFBTSxjQUFjLEdBQTRCLFVBQUMsS0FBSztJQUN6RCxPQUFPLENBQ0gsOEJBQUMsV0FBSSxlQUF5QixLQUFLLEdBQzlCLFVBQUMsT0FBTyxFQUFFLE9BQU8sSUFBSyxPQUFBLENBQ25CLDhCQUFDLGVBQU0sSUFDSCxZQUFZLFFBQ1osU0FBUyxFQUFDLFdBQVcsRUFDckIsTUFBTSxFQUNGLHVDQUFLLFNBQVMsRUFBQyxZQUFZO1lBQ3ZCLDhCQUFDLGVBQU0sSUFBQyxJQUFJLEVBQUMsUUFBUSxFQUFDLFFBQVEsRUFBRSxPQUFPLENBQUMsU0FBUyxDQUFDLFlBQVksa0JBRXJELENBQ1A7UUFHViw4QkFBQyxzQkFBUyxJQUFDLElBQUksRUFBQyxPQUFPLEVBQUMsSUFBSSxFQUFDLE9BQU8sRUFBQyxLQUFLLEVBQUMsUUFBUSxFQUFDLFVBQVUsUUFBQyxPQUFPLEVBQUUsT0FBTyxHQUFJO1FBQ25GLDhCQUFDLHNCQUFTLElBQUMsSUFBSSxFQUFDLE1BQU0sRUFBQyxLQUFLLEVBQUMsWUFBTyxFQUFDLFVBQVUsUUFBQyxPQUFPLEVBQUUsT0FBTyxHQUFJO1FBQ3BFLDhCQUFDLHNCQUFTLElBQUMsSUFBSSxFQUFDLFNBQVMsRUFBQyxLQUFLLEVBQUMseUJBQVUsRUFBQyxVQUFVLFFBQUMsT0FBTyxFQUFFLE9BQU8sR0FBSTtRQUMxRSw4QkFBQyxtQkFBUSxJQUFDLElBQUksRUFBQyxnQkFBZ0IsRUFBQyxLQUFLLEVBQUMsdUJBQWtCLEVBQUMsT0FBTyxFQUFFLE9BQU8sR0FBSSxDQUN4RSxDQUNaLEVBakJzQixDQWlCdEIsQ0FDRSxDQUNWLENBQUM7QUFDTixDQUFDLENBQUM7QUF2QlcsUUFBQSxjQUFjLGtCQXVCekIifQ==

package/forms/InviteUserForm/index.d.ts

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

package/forms/{components/Checkbox → InviteUserForm}/index.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -10,6 +14,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("./Checkbox"), exports);
+__exportStar(require("./InviteUserForm"), exports);
 __exportStar(require("./types"), exports);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZm9ybXMvY29tcG9uZW50cy9DaGVja2JveC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7QUFBQSw2Q0FBMkI7QUFDM0IsMENBQXdCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZm9ybXMvSW52aXRlVXNlckZvcm0vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLG1EQUFpQztBQUNqQywwQ0FBd0IifQ==

package/forms/InviteUserForm/types.d.ts

@@ -0,0 +1,8 @@
+import { FormProps } from "@uxf/form/form";
+export interface InviteUserFormData {
+    email: string;
+    name: string;
+    surname: string;
+    sendInvitation: boolean;
+}
+export type InviteUserFormProps = Omit<FormProps<InviteUserFormData>, "children">;

package/{ui/DatePicker → forms/InviteUserForm}/types.js

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

package/forms/LoginForm/LoginForm.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -69,12 +73,12 @@ var LoginForm = function (props) {
     (0, react_1.useEffect)(function () {
         setFormDisabled(false);
     }, []);
-    return (react_1.default.createElement(form_1.Form, __assign({}, formProps), function (control, formApi) { return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(text_input_1.TextInput, { className: "mb-6", isDisabled: formDisabled, label: "E-mail", name: "username", type: "email", control: control, isRequired: true }),
-        react_1.default.createElement(text_input_1.TextInput, { className: "mb-6", isDisabled: formDisabled, label: "Heslo", name: "password", type: "password", control: control, isRequired: true }),
+    return (react_1.default.createElement(form_1.Form, __assign({}, formProps), function (control, formApi) { return (react_1.default.createElement("div", { className: "space-y-6" },
+        react_1.default.createElement(text_input_1.TextInput, { isDisabled: formDisabled, label: "E-mail", name: "username", type: "email", control: control, isRequired: true }),
+        react_1.default.createElement(text_input_1.TextInput, { isDisabled: formDisabled, label: "Heslo", name: "password", type: "password", control: control, isRequired: true }),
         onForgottenPassword && (react_1.default.createElement("div", { className: "text-right" },
             react_1.default.createElement(text_link_1.TextLink, { onClick: onForgottenPassword, disabled: formApi.formState.isSubmitting, className: "uxf-typo-medium2 text-primary" }, "Nepamatujete si sv\u00E9 heslo?"))),
-        react_1.default.createElement(button_1.Button, { type: "submit", isFullWidth: true, className: "mt-6" }, "P\u0159ihl\u00E1sit se"))); }));
+        react_1.default.createElement(button_1.Button, { type: "submit", isFullWidth: true }, "P\u0159ihl\u00E1sit se"))); }));
 };
 exports.LoginForm = LoginForm;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTG9naW5Gb3JtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2Zvcm1zL0xvZ2luRm9ybS9Mb2dpbkZvcm0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUF1RDtBQUV2RCx1Q0FBc0M7QUFDdEMsbURBQWlEO0FBQ2pELHlDQUF3QztBQUN4QywrQ0FBNkM7QUFFdEMsSUFBTSxTQUFTLEdBQXVCLFVBQUMsS0FBSztJQUN2QyxJQUFBLG1CQUFtQixHQUFtQixLQUFLLG9CQUF4QixFQUFLLFNBQVMsVUFBSyxLQUFLLEVBQTdDLHVCQUFxQyxDQUFGLENBQVc7SUFFOUMsSUFBQSxLQUFBLE9BQWtDLElBQUEsZ0JBQVEsRUFBQyxJQUFJLENBQUMsSUFBQSxFQUEvQyxZQUFZLFFBQUEsRUFBRSxlQUFlLFFBQWtCLENBQUM7SUFFdkQsSUFBQSxpQkFBUyxFQUFDO1FBQ04sZUFBZSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzNCLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUVQLE9BQU8sQ0FDSCw4QkFBQyxXQUFJLGVBQW9CLFNBQVMsR0FDN0IsVUFBQyxPQUFPLEVBQUUsT0FBTyxJQUFLLE9BQUEsQ0FDbkI7UUFDSSw4QkFBQyxzQkFBUyxJQUNOLFNBQVMsRUFBQyxNQUFNLEVBQ2hCLFVBQVUsRUFBRSxZQUFZLEVBQ3hCLEtBQUssRUFBQyxRQUFRLEVBQ2QsSUFBSSxFQUFDLFVBQVUsRUFDZixJQUFJLEVBQUMsT0FBTyxFQUNaLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLFVBQVUsU0FDWjtRQUNGLDhCQUFDLHNCQUFTLElBQ04sU0FBUyxFQUFDLE1BQU0sRUFDaEIsVUFBVSxFQUFFLFlBQVksRUFDeEIsS0FBSyxFQUFDLE9BQU8sRUFDYixJQUFJLEVBQUMsVUFBVSxFQUNmLElBQUksRUFBQyxVQUFVLEVBQ2YsT0FBTyxFQUFFLE9BQU8sRUFDaEIsVUFBVSxTQUNaO1FBQ0QsbUJBQW1CLElBQUksQ0FDcEIsdUNBQUssU0FBUyxFQUFDLFlBQVk7WUFDdkIsOEJBQUMsb0JBQVEsSUFDTCxPQUFPLEVBQUUsbUJBQW1CLEVBQzVCLFFBQVEsRUFBRSxPQUFPLENBQUMsU0FBUyxDQUFDLFlBQVksRUFDeEMsU0FBUyxFQUFDLCtCQUErQixzQ0FHbEMsQ0FDVCxDQUNUO1FBQ0QsOEJBQUMsZUFBTSxJQUFDLElBQUksRUFBQyxRQUFRLEVBQUMsV0FBVyxRQUFDLFNBQVMsRUFBQyxNQUFNLDZCQUV6QyxDQUNWLENBQ04sRUFuQ3NCLENBbUN0QixDQUNFLENBQ1YsQ0FBQztBQUNOLENBQUMsQ0FBQztBQWpEVyxRQUFBLFNBQVMsYUFpRHBCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTG9naW5Gb3JtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2Zvcm1zL0xvZ2luRm9ybS9Mb2dpbkZvcm0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSw2Q0FBdUQ7QUFFdkQsdUNBQXNDO0FBQ3RDLG1EQUFpRDtBQUNqRCx5Q0FBd0M7QUFDeEMsK0NBQTZDO0FBRXRDLElBQU0sU0FBUyxHQUF1QixVQUFDLEtBQUs7SUFDdkMsSUFBQSxtQkFBbUIsR0FBbUIsS0FBSyxvQkFBeEIsRUFBSyxTQUFTLFVBQUssS0FBSyxFQUE3Qyx1QkFBcUMsQ0FBRixDQUFXO0lBRTlDLElBQUEsS0FBQSxPQUFrQyxJQUFBLGdCQUFRLEVBQUMsSUFBSSxDQUFDLElBQUEsRUFBL0MsWUFBWSxRQUFBLEVBQUUsZUFBZSxRQUFrQixDQUFDO0lBRXZELElBQUEsaUJBQVMsRUFBQztRQUNOLGVBQWUsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMzQixDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFUCxPQUFPLENBQ0gsOEJBQUMsV0FBSSxlQUFvQixTQUFTLEdBQzdCLFVBQUMsT0FBTyxFQUFFLE9BQU8sSUFBSyxPQUFBLENBQ25CLHVDQUFLLFNBQVMsRUFBQyxXQUFXO1FBQ3RCLDhCQUFDLHNCQUFTLElBQ04sVUFBVSxFQUFFLFlBQVksRUFDeEIsS0FBSyxFQUFDLFFBQVEsRUFDZCxJQUFJLEVBQUMsVUFBVSxFQUNmLElBQUksRUFBQyxPQUFPLEVBQ1osT0FBTyxFQUFFLE9BQU8sRUFDaEIsVUFBVSxTQUNaO1FBQ0YsOEJBQUMsc0JBQVMsSUFDTixVQUFVLEVBQUUsWUFBWSxFQUN4QixLQUFLLEVBQUMsT0FBTyxFQUNiLElBQUksRUFBQyxVQUFVLEVBQ2YsSUFBSSxFQUFDLFVBQVUsRUFDZixPQUFPLEVBQUUsT0FBTyxFQUNoQixVQUFVLFNBQ1o7UUFDRCxtQkFBbUIsSUFBSSxDQUNwQix1Q0FBSyxTQUFTLEVBQUMsWUFBWTtZQUN2Qiw4QkFBQyxvQkFBUSxJQUNMLE9BQU8sRUFBRSxtQkFBbUIsRUFDNUIsUUFBUSxFQUFFLE9BQU8sQ0FBQyxTQUFTLENBQUMsWUFBWSxFQUN4QyxTQUFTLEVBQUMsK0JBQStCLHNDQUdsQyxDQUNULENBQ1Q7UUFDRCw4QkFBQyxlQUFNLElBQUMsSUFBSSxFQUFDLFFBQVEsRUFBQyxXQUFXLG1DQUV4QixDQUNQLENBQ1QsRUFqQ3NCLENBaUN0QixDQUNFLENBQ1YsQ0FBQztBQUNOLENBQUMsQ0FBQztBQS9DVyxRQUFBLFNBQVMsYUErQ3BCIn0=

package/forms/LoginForm/index.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -12,4 +16,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./LoginForm"), exports);
 __exportStar(require("./types"), exports);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZm9ybXMvTG9naW5Gb3JtL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7OztBQUFBLDhDQUE0QjtBQUM1QiwwQ0FBd0IifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZm9ybXMvTG9naW5Gb3JtL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSw4Q0FBNEI7QUFDNUIsMENBQXdCIn0=

package/forms/RenewPasswordForm/RenewPasswordForm.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -45,36 +49,21 @@ var __read = (this && this.__read) || function (o, n) {
     }
     return ar;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RenewPasswordForm = void 0;
-var Grid_1 = __importDefault(require("@mui/material/Grid"));
+var form_1 = require("@uxf/form/form");
+var text_input_1 = require("@uxf/form/text-input");
+var button_1 = require("@uxf/ui/button");
 var react_1 = __importStar(require("react"));
-var react_final_form_1 = require("react-final-form");
-var Button_1 = require("../../ui/Button");
-var TextInput_1 = require("../components/TextInput");
-var passwordsAreSame = function (_, allValues) {
-    var _a = allValues, password = _a.password, passwordAgain = _a.passwordAgain;
-    return password === passwordAgain ? null : "Hesla musí být stejná";
-};
 var RenewPasswordForm = function (props) {
     var _a = __read((0, react_1.useState)(true), 2), formDisabled = _a[0], setFormDisabled = _a[1];
     (0, react_1.useEffect)(function () {
         setFormDisabled(false);
     }, []);
-    return (react_1.default.createElement(react_final_form_1.Form, __assign({}, props), function (_a) {
-        var handleSubmit = _a.handleSubmit, submitting = _a.submitting;
-        return (react_1.default.createElement("form", { onSubmit: handleSubmit },
-            react_1.default.createElement(Grid_1.default, { container: true, spacing: 2 },
-                react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
-                    react_1.default.createElement(TextInput_1.TextInput, { disabled: formDisabled, label: "Nov\u00E9 heslo", name: "password", type: "password", required: true })),
-                react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
-                    react_1.default.createElement(TextInput_1.TextInput, { disabled: formDisabled, label: "Znovu nov\u00E9 heslo", name: "passwordAgain", type: "password", required: true, validate: [passwordsAreSame] })),
-                react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
-                    react_1.default.createElement(Button_1.Button, { color: "primary", disabled: submitting, fullWidth: true, loading: submitting, type: "submit", variant: "contained", mt: 2 }, "Zm\u011Bnit heslo")))));
-    }));
+    return (react_1.default.createElement(form_1.Form, __assign({}, props), function (control, formApi) { return (react_1.default.createElement("div", { className: "space-y-6" },
+        react_1.default.createElement(text_input_1.TextInput, { control: control, isDisabled: formDisabled, label: "Nov\u00E9 heslo", name: "password", type: "password", isRequired: true }),
+        react_1.default.createElement(text_input_1.TextInput, { control: control, isDisabled: formDisabled, label: "Znovu nov\u00E9 heslo", name: "passwordAgain", type: "password", isRequired: true, rules: { validate: function (v) { return v === formApi.getValues("password") || "Hesla musí být stejná"; } } }),
+        react_1.default.createElement(button_1.Button, { disabled: formDisabled || formApi.formState.isSubmitting, isFullWidth: true, loading: formApi.formState.isSubmitting, type: "submit" }, "Zm\u011Bnit heslo"))); }));
 };
 exports.RenewPasswordForm = RenewPasswordForm;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmVuZXdQYXNzd29yZEZvcm0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZm9ybXMvUmVuZXdQYXNzd29yZEZvcm0vUmVuZXdQYXNzd29yZEZvcm0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSw0REFBc0M7QUFFdEMsNkNBQW1EO0FBQ25ELHFEQUF3QztBQUN4QywwQ0FBeUM7QUFDekMscURBQW9EO0FBR3BELElBQU0sZ0JBQWdCLEdBQTJCLFVBQUMsQ0FBQyxFQUFFLFNBQVM7SUFDcEQsSUFBQSxLQUE4QixTQUFrQyxFQUE5RCxRQUFRLGNBQUEsRUFBRSxhQUFhLG1CQUF1QyxDQUFDO0lBQ3ZFLE9BQU8sUUFBUSxLQUFLLGFBQWEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyx1QkFBdUIsQ0FBQztBQUN2RSxDQUFDLENBQUM7QUFFSyxJQUFNLGlCQUFpQixHQUFxQyxVQUFDLEtBQUs7SUFDL0QsSUFBQSxLQUFBLE9BQWtDLElBQUEsZ0JBQVEsRUFBQyxJQUFJLENBQUMsSUFBQSxFQUEvQyxZQUFZLFFBQUEsRUFBRSxlQUFlLFFBQWtCLENBQUM7SUFFdkQsSUFBQSxpQkFBUyxFQUFDO1FBQ04sZUFBZSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzNCLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUVQLE9BQU8sQ0FDSCw4QkFBQyx1QkFBSSxlQUFLLEtBQUssR0FDVixVQUFDLEVBQTRCO1lBQTFCLFlBQVksa0JBQUEsRUFBRSxVQUFVLGdCQUFBO1FBQU8sT0FBQSxDQUMvQix3Q0FBTSxRQUFRLEVBQUUsWUFBWTtZQUN4Qiw4QkFBQyxjQUFJLElBQUMsU0FBUyxRQUFDLE9BQU8sRUFBRSxDQUFDO2dCQUN0Qiw4QkFBQyxjQUFJLElBQUMsSUFBSSxRQUFDLEVBQUUsRUFBRSxFQUFFO29CQUNiLDhCQUFDLHFCQUFTLElBQ04sUUFBUSxFQUFFLFlBQVksRUFDdEIsS0FBSyxFQUFDLGlCQUFZLEVBQ2xCLElBQUksRUFBQyxVQUFVLEVBQ2YsSUFBSSxFQUFDLFVBQVUsRUFDZixRQUFRLFNBQ1YsQ0FDQztnQkFDUCw4QkFBQyxjQUFJLElBQUMsSUFBSSxRQUFDLEVBQUUsRUFBRSxFQUFFO29CQUNiLDhCQUFDLHFCQUFTLElBQ04sUUFBUSxFQUFFLFlBQVksRUFDdEIsS0FBSyxFQUFDLHVCQUFrQixFQUN4QixJQUFJLEVBQUMsZUFBZSxFQUNwQixJQUFJLEVBQUMsVUFBVSxFQUNmLFFBQVEsUUFDUixRQUFRLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQyxHQUM5QixDQUNDO2dCQUNQLDhCQUFDLGNBQUksSUFBQyxJQUFJLFFBQUMsRUFBRSxFQUFFLEVBQUU7b0JBQ2IsOEJBQUMsZUFBTSxJQUNILEtBQUssRUFBQyxTQUFTLEVBQ2YsUUFBUSxFQUFFLFVBQVUsRUFDcEIsU0FBUyxRQUNULE9BQU8sRUFBRSxVQUFVLEVBQ25CLElBQUksRUFBQyxRQUFRLEVBQ2IsT0FBTyxFQUFDLFdBQVcsRUFDbkIsRUFBRSxFQUFFLENBQUMsd0JBR0EsQ0FDTixDQUNKLENBQ0osQ0FDVjtJQXJDa0MsQ0FxQ2xDLENBQ0UsQ0FDVixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBakRXLFFBQUEsaUJBQWlCLHFCQWlENUIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmVuZXdQYXNzd29yZEZvcm0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZm9ybXMvUmVuZXdQYXNzd29yZEZvcm0vUmVuZXdQYXNzd29yZEZvcm0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsdUNBQXNDO0FBQ3RDLG1EQUFpRDtBQUNqRCx5Q0FBd0M7QUFDeEMsNkNBQW1EO0FBRzVDLElBQU0saUJBQWlCLEdBQXFDLFVBQUMsS0FBSztJQUMvRCxJQUFBLEtBQUEsT0FBa0MsSUFBQSxnQkFBUSxFQUFDLElBQUksQ0FBQyxJQUFBLEVBQS9DLFlBQVksUUFBQSxFQUFFLGVBQWUsUUFBa0IsQ0FBQztJQUV2RCxJQUFBLGlCQUFTLEVBQUM7UUFDTixlQUFlLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDM0IsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBRVAsT0FBTyxDQUNILDhCQUFDLFdBQUksZUFBNEIsS0FBSyxHQUNqQyxVQUFDLE9BQU8sRUFBRSxPQUFPLElBQUssT0FBQSxDQUNuQix1Q0FBSyxTQUFTLEVBQUMsV0FBVztRQUN0Qiw4QkFBQyxzQkFBUyxJQUNOLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLFVBQVUsRUFBRSxZQUFZLEVBQ3hCLEtBQUssRUFBQyxpQkFBWSxFQUNsQixJQUFJLEVBQUMsVUFBVSxFQUNmLElBQUksRUFBQyxVQUFVLEVBQ2YsVUFBVSxTQUNaO1FBQ0YsOEJBQUMsc0JBQVMsSUFDTixPQUFPLEVBQUUsT0FBTyxFQUNoQixVQUFVLEVBQUUsWUFBWSxFQUN4QixLQUFLLEVBQUMsdUJBQWtCLEVBQ3hCLElBQUksRUFBQyxlQUFlLEVBQ3BCLElBQUksRUFBQyxVQUFVLEVBQ2YsVUFBVSxRQUNWLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxVQUFDLENBQUMsSUFBSyxPQUFBLENBQUMsS0FBSyxPQUFPLENBQUMsU0FBUyxDQUFDLFVBQVUsQ0FBQyxJQUFJLHVCQUF1QixFQUE5RCxDQUE4RCxFQUFFLEdBQzVGO1FBQ0YsOEJBQUMsZUFBTSxJQUNILFFBQVEsRUFBRSxZQUFZLElBQUksT0FBTyxDQUFDLFNBQVMsQ0FBQyxZQUFZLEVBQ3hELFdBQVcsUUFDWCxPQUFPLEVBQUUsT0FBTyxDQUFDLFNBQVMsQ0FBQyxZQUFZLEVBQ3ZDLElBQUksRUFBQyxRQUFRLHdCQUdSLENBQ1AsQ0FDVCxFQTVCc0IsQ0E0QnRCLENBQ0UsQ0FDVixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBeENXLFFBQUEsaUJBQWlCLHFCQXdDNUIifQ==

package/forms/RenewPasswordForm/index.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -12,4 +16,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./RenewPasswordForm"), exports);
 __exportStar(require("./types"), exports);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZm9ybXMvUmVuZXdQYXNzd29yZEZvcm0vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7O0FBQUEsc0RBQW9DO0FBQ3BDLDBDQUF3QiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZm9ybXMvUmVuZXdQYXNzd29yZEZvcm0vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLHNEQUFvQztBQUNwQywwQ0FBd0IifQ==

package/forms/RenewPasswordForm/types.d.ts

@@ -1,6 +1,6 @@
-import { FormProps } from "react-final-form";
+import { FormProps } from "@uxf/form/form";
 export interface RenewPasswordFormData {
     password: string;
     passwordAgain: string;
 }
-export declare type RenewPasswordFormProps = FormProps<RenewPasswordFormData>;
+export type RenewPasswordFormProps = Omit<FormProps<RenewPasswordFormData>, "children">;

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

@@ -1,3 +1,7 @@
-import { ReactElement } from "react";
-import { DateTimePickerProps } from "./types";
-export declare const DateTimePicker: <FormData_1 extends Record<string, any>>(props: DateTimePickerProps<FormData_1>) => ReactElement;
+/// <reference types="react" />
+import { DatePickerInputProps as UIDatePickerInputProps } from "@uxf/ui/date-picker-input";
+import { FieldValues, UseControllerProps } from "react-hook-form";
+export 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 DateTimePicker<FormData extends FieldValues>(props: DatePickerInputProps<FormData>): JSX.Element;

package/forms/components/DateTimePicker/DateTimePicker.js

@@ -10,80 +10,66 @@ 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 __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DateTimePicker = void 0;
-var DateTimePicker_1 = require("@mui/x-date-pickers/DateTimePicker");
-var material_1 = require("@mui/material");
-var react_1 = __importStar(require("react"));
-var react_final_form_1 = require("react-final-form");
-var composeValidators_1 = require("../../../utils/composeValidators");
-var requiredValidator = function (errorMessage) {
-    return function (value) {
-        return value ? undefined : errorMessage;
+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 DateTimePicker(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 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, _c = props.variant, variant = _c === void 0 ? "outlined" : _c, mask = props.mask;
-    var validator = composeValidators_1.composeValidators.apply(void 0, __spreadArray([required && !disabled ? requiredValidator(requiredErrorMessage) : undefined], __read(validate), false));
-    var _d = (0, react_final_form_1.useField)(name, {
-        allowNull: true,
-        validate: validator,
-    }), input = _d.input, meta = _d.meta;
-    var onChange = (0, react_1.useCallback)(function (date) {
-        if (date === null || date === void 0 ? void 0 : date.isValid()) {
-            input.onChange(date === null || date === void 0 ? void 0 : date.format());
+    var onChangeDate = function (value) {
+        if (value === null) {
+            field.onChange(null);
+            return;
         }
-        else if (!date) {
-            input.onChange(null);
+        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;
+        if (value === null) {
+            field.onChange(null);
+            return;
         }
-    }, [input]);
-    return (react_1.default.createElement(DateTimePicker_1.DateTimePicker, { 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 ? " *" : ""), mask: mask !== null && mask !== void 0 ? mask : "__.__.____ __:__", inputFormat: "DD.MM.YYYY HH:mm", disabled: disabled, value: input.value || null, onChange: onChange, onClose: input.onBlur, onOpen: input.onFocus }));
-};
+        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.DateTimePicker = DateTimePicker;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0ZVRpbWVQaWNrZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZm9ybXMvY29tcG9uZW50cy9EYXRlVGltZVBpY2tlci9EYXRlVGltZVBpY2tlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLHFFQUc0QztBQUM1QywwQ0FBMEM7QUFFMUMsNkNBQW9FO0FBQ3BFLHFEQUE0QztBQUM1QyxzRUFBcUU7QUFJckUsSUFBTSxpQkFBaUIsR0FDbkIsVUFBQyxZQUF1QjtJQUN4QixPQUFBLFVBQUMsS0FBYTtRQUNWLE9BQUEsS0FBSyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLFlBQVk7SUFBaEMsQ0FBZ0M7QUFEcEMsQ0FDb0MsQ0FBQztBQUVsQyxJQUFNLGNBQWMsR0FBRyxVQUMxQixLQUFvQztJQUdoQyxJQUFBLFFBQVEsR0FVUixLQUFLLFNBVkcsRUFDUixLQUFLLEdBU0wsS0FBSyxNQVRBLEVBQ0wsS0FBSyxHQVFMLEtBQUssTUFSQSxFQUNMLElBQUksR0FPSixLQUFLLEtBUEQsRUFDSixRQUFRLEdBTVIsS0FBSyxTQU5HLEVBQ1IsS0FLQSxLQUFLLHFCQUxtQyxFQUF4QyxvQkFBb0IsbUJBQUcsaUJBQWlCLEtBQUEsRUFDeEMsS0FJQSxLQUFLLFNBSlEsRUFBYixRQUFRLG1CQUFHLEVBQUUsS0FBQSxFQUNiLEtBR0EsS0FBSyxRQUhlLEVBQXBCLE9BQU8sbUJBQUcsVUFBVSxLQUFBLEVBQ3BCLElBQUksR0FFSixLQUFLLEtBRkQsQ0FFRTtJQUVWLElBQU0sU0FBUyxHQUFHLHFDQUFpQiw4QkFDL0IsUUFBUSxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxpQkFBaUIsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLFVBQ3hFLFFBQVEsVUFDZCxDQUFDO0lBRUksSUFBQSxLQUFrQixJQUFBLDJCQUFRLEVBQWdCLElBQWMsRUFBRTtRQUM1RCxTQUFTLEVBQUUsSUFBSTtRQUNmLFFBQVEsRUFBRSxTQUFTO0tBQ3RCLENBQUMsRUFITSxLQUFLLFdBQUEsRUFBRSxJQUFJLFVBR2pCLENBQUM7SUFFSCxJQUFNLFFBQVEsR0FBRyxJQUFBLG1CQUFXLEVBQ3hCLFVBQUMsSUFBSTtRQUNELElBQUksSUFBSSxhQUFKLElBQUksdUJBQUosSUFBSSxDQUFFLE9BQU8sRUFBRSxFQUFFO1lBQ2pCLEtBQUssQ0FBQyxRQUFRLENBQUMsSUFBSSxhQUFKLElBQUksdUJBQUosSUFBSSxDQUFFLE1BQU0sRUFBRSxDQUFDLENBQUM7U0FDbEM7YUFBTSxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ2QsS0FBSyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUN4QjtJQUNMLENBQUMsRUFDRCxDQUFDLEtBQUssQ0FBQyxDQUNWLENBQUM7SUFFRixPQUFPLENBQ0gsOEJBQUMsK0JBQWlCLElBQ2QsU0FBUyxRQUNULFdBQVcsRUFBRSxVQUFDLEtBQUssSUFBSyxPQUFBLENBQ3BCLDhCQUFDLG9CQUFTLGVBQ0YsS0FBSyxJQUNULE9BQU8sRUFBRSxPQUFPLEVBQ2hCLElBQUksRUFBQyxPQUFPLEVBQ1osVUFBVSxFQUFFLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLEtBQUssRUFDdEMsS0FBSyxFQUFFLEtBQUssSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsRUFDOUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxPQUFPLEVBQ3RCLE1BQU0sRUFBRSxLQUFLLENBQUMsTUFBTSxFQUNwQixTQUFTLFVBQ1gsQ0FDTCxFQVh1QixDQVd2QixFQUNELElBQUksRUFBRSxLQUFLLEVBQ1gsS0FBSyxFQUNEO1lBQ0ssS0FBSztZQUNMLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQ3RCLEVBRVAsSUFBSSxFQUFFLElBQUksYUFBSixJQUFJLGNBQUosSUFBSSxHQUFJLGtCQUFrQixFQUNoQyxXQUFXLEVBQUMsa0JBQWtCLEVBQzlCLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLEtBQUssRUFBRSxLQUFLLENBQUMsS0FBSyxJQUFJLElBQUksRUFDMUIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsT0FBTyxFQUFFLEtBQUssQ0FBQyxNQUFNLEVBQ3JCLE1BQU0sRUFBRSxLQUFLLENBQUMsT0FBTyxHQUN2QixDQUNMLENBQUM7QUFDTixDQUFDLENBQUM7QUFwRVcsUUFBQSxjQUFjLGtCQW9FekIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0ZVRpbWVQaWNrZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZm9ybXMvY29tcG9uZW50cy9EYXRlVGltZVBpY2tlci9EYXRlVGltZVBpY2tlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSwrREFHbUM7QUFDbkMsK0RBR21DO0FBQ25DLG1EQUFpRjtBQUNqRixnREFBaUQ7QUFDakQsdUNBQXNDO0FBRXRDLGdEQUEwQjtBQXFCMUIsU0FBZ0IsY0FBYyxDQUErQixLQUFxQzs7SUFDeEYsSUFBQSxLQUF3QixJQUFBLCtCQUFhLEVBQUM7UUFDeEMsT0FBTyxFQUFFLEtBQUssQ0FBQyxPQUFPO1FBQ3RCLFlBQVksRUFBRSxLQUFLLENBQUMsWUFBWTtRQUNoQyxJQUFJLEVBQUUsS0FBSyxDQUFDLElBQUk7UUFDaEIsS0FBSyxhQUNELFFBQVEsRUFBRSxLQUFLLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsZUFBZSxJQUFJLHNCQUFzQixDQUFDLENBQUMsQ0FBQyxTQUFTLElBQ3JGLENBQUMsTUFBQSxLQUFLLENBQUMsS0FBSyxtQ0FBSSxFQUFFLENBQUMsQ0FDekI7UUFDRCxnQkFBZ0IsRUFBRSxLQUFLLENBQUMsZ0JBQWdCO0tBQzNDLENBQUMsRUFUTSxLQUFLLFdBQUEsRUFBRSxVQUFVLGdCQVN2QixDQUFDO0lBRUgsSUFBTSxNQUFNLEdBQXdDLFVBQUMsS0FBSzs7UUFDdEQsS0FBSyxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQ2YsTUFBQSxLQUFLLENBQUMsTUFBTSxzREFBRyxLQUFLLENBQUMsQ0FBQztJQUMxQixDQUFDLENBQUM7SUFFRixJQUFNLFlBQVksR0FBdUMsVUFBQyxLQUFLO1FBQzNELElBQUksS0FBSyxLQUFLLElBQUksRUFBRTtZQUNoQixLQUFLLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQ3JCLE9BQU87U0FDVjtRQUVELElBQU0sY0FBYyxHQUFHLENBQUMsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDO1FBQ3JDLElBQU0sSUFBSSxHQUFHLElBQUEsZUFBSyxFQUFDLEtBQUssSUFBSSxLQUFLLENBQUM7YUFDN0IsR0FBRyxDQUFDLE1BQU0sRUFBRSxjQUFjLENBQUMsQ0FBQyxDQUFDLElBQUEsZUFBSyxFQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO2FBQzNELEdBQUcsQ0FBQyxRQUFRLEVBQUUsY0FBYyxDQUFDLENBQUMsQ0FBQyxJQUFBLGVBQUssRUFBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsTUFBTSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ3JFLEtBQUssQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDLENBQUM7SUFDdkMsQ0FBQyxDQUFDO0lBRUYsSUFBTSxZQUFZLEdBQXVDLFVBQUMsS0FBSzs7UUFDM0QsSUFBSSxLQUFLLEtBQUssSUFBSSxFQUFFO1lBQ2hCLEtBQUssQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDckIsT0FBTztTQUNWO1FBRUQsSUFBTSxJQUFJLEdBQUcsSUFBQSxlQUFLLEVBQUMsS0FBSyxDQUFDLEtBQUssSUFBSSxLQUFLLENBQUM7YUFDbkMsR0FBRyxDQUFDLE1BQU0sRUFBRSxNQUFBLEtBQUssYUFBTCxLQUFLLHVCQUFMLEtBQUssQ0FBRSxJQUFJLG1DQUFJLENBQUMsQ0FBQzthQUM3QixHQUFHLENBQUMsUUFBUSxFQUFFLE1BQUEsS0FBSyxhQUFMLEtBQUssdUJBQUwsS0FBSyxDQUFFLE1BQU0sbUNBQUksQ0FBQyxDQUFDLENBQUM7UUFDdkMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQztJQUN2QyxDQUFDLENBQUM7SUFFRixJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFBLGVBQUssRUFBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztJQUMxRCxJQUFNLFNBQVMsR0FBNEIsU0FBUyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDLE1BQU0sRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7SUFDaEcsSUFBTSxTQUFTLEdBQWdDLFNBQVM7UUFDcEQsQ0FBQyxDQUFDO1lBQ0ksSUFBSSxFQUFFLFNBQVMsQ0FBQyxJQUFJLEVBQUU7WUFDdEIsTUFBTSxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUU7U0FDN0I7UUFDSCxDQUFDLENBQUMsSUFBSSxDQUFDO0lBRVgsT0FBTyxDQUNIO1FBQ0ssQ0FBQyxLQUFLLENBQUMsV0FBVyxJQUFJLDhCQUFDLGFBQUssUUFBRSxLQUFLLENBQUMsS0FBSyxDQUFTO1FBQ25ELHVDQUFLLFNBQVMsRUFBRSwyQ0FBb0MsS0FBSyxDQUFDLFNBQVMsSUFBSSxFQUFFLENBQUU7WUFDdkUsOEJBQUMsbUNBQWlCLElBQ2QsU0FBUyxFQUFDLFFBQVEsRUFDbEIsSUFBSSxFQUFFLEtBQUssQ0FBQyxJQUFJLEVBQ2hCLFVBQVUsRUFBRSxNQUFBLE1BQUEsVUFBVSxDQUFDLEtBQUssMENBQUUsT0FBTyxtQ0FBSSxLQUFLLENBQUMsVUFBVSxFQUN6RCxXQUFXLFFBQ1gsRUFBRSxFQUFFLFVBQUcsS0FBSyxDQUFDLEVBQUUsVUFBTyxFQUN0QixVQUFVLEVBQUUsS0FBSyxDQUFDLFVBQVUsRUFDNUIsU0FBUyxFQUFFLENBQUMsQ0FBQyxVQUFVLENBQUMsS0FBSyxFQUM3QixVQUFVLEVBQUUsS0FBSyxDQUFDLFVBQVUsRUFDNUIsVUFBVSxFQUFFLEtBQUssQ0FBQyxVQUFVLEVBQzVCLEtBQUssRUFBQyxPQUFPLEVBQ2IsSUFBSSxFQUFFLFVBQUcsS0FBSyxDQUFDLElBQUksVUFBTyxFQUMxQixNQUFNLEVBQUUsTUFBTSxFQUNkLFFBQVEsRUFBRSxZQUFZLEVBQ3RCLE9BQU8sRUFBRSxLQUFLLENBQUMsT0FBTyxFQUN0QixXQUFXLEVBQUUsS0FBSyxDQUFDLFdBQVcsRUFDOUIsR0FBRyxFQUFFLEtBQUssQ0FBQyxHQUFHLEVBQ2QsSUFBSSxFQUFFLEtBQUssQ0FBQyxJQUFJLEVBQ2hCLEtBQUssRUFBRSxTQUFTLEVBQ2hCLE9BQU8sRUFBRSxLQUFLLENBQUMsT0FBTyxHQUN4QjtZQUNGLDhCQUFDLG1DQUFpQixJQUNkLFNBQVMsRUFBQyxRQUFRLEVBQ2xCLElBQUksRUFBRSxLQUFLLENBQUMsSUFBSSxFQUNoQixVQUFVLEVBQUUsTUFBQSxNQUFBLFVBQVUsQ0FBQyxLQUFLLDBDQUFFLE9BQU8sbUNBQUksS0FBSyxDQUFDLFVBQVUsRUFDekQsV0FBVyxRQUNYLEVBQUUsRUFBRSxVQUFHLEtBQUssQ0FBQyxFQUFFLFVBQU8sRUFDdEIsVUFBVSxFQUFFLEtBQUssQ0FBQyxVQUFVLEVBQzVCLFNBQVMsRUFBRSxDQUFDLENBQUMsVUFBVSxDQUFDLEtBQUssRUFDN0IsVUFBVSxFQUFFLEtBQUssQ0FBQyxVQUFVLEVBQzVCLFVBQVUsRUFBRSxLQUFLLENBQUMsVUFBVSxFQUM1QixLQUFLLEVBQUMsVUFBSyxFQUNYLElBQUksRUFBRSxVQUFHLEtBQUssQ0FBQyxJQUFJLFVBQU8sRUFDMUIsTUFBTSxFQUFFLE1BQU0sRUFDZCxRQUFRLEVBQUUsWUFBWSxFQUN0QixPQUFPLEVBQUUsS0FBSyxDQUFDLE9BQU8sRUFDdEIsR0FBRyxFQUFFLEtBQUssQ0FBQyxHQUFHLEVBQ2QsSUFBSSxFQUFFLEtBQUssQ0FBQyxJQUFJLEVBQ2hCLEtBQUssRUFBRSxTQUFTLEVBQ2hCLE9BQU8sRUFBRSxLQUFLLENBQUMsT0FBTyxHQUN4QixDQUNBLENBQ1AsQ0FDTixDQUFDO0FBQ04sQ0FBQztBQW5HRCx3Q0FtR0MifQ==

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

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

package/forms/components/DateTimePicker/index.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -11,5 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./DateTimePicker"), exports);
-__exportStar(require("./types"), exports);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZm9ybXMvY29tcG9uZW50cy9EYXRlVGltZVBpY2tlci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7QUFBQSxtREFBaUM7QUFDakMsMENBQXdCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZm9ybXMvY29tcG9uZW50cy9EYXRlVGltZVBpY2tlci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsbURBQWlDIn0=

package/forms/components/WysiwygField/WysiwygField.d.ts

@@ -1,8 +1,10 @@
 import { EditorPlugin } from "@uxf/wysiwyg/Editor";
 import { FC } from "react";
+import { FormControl } from "@uxf/form/form/form";
 interface Props {
     name: string;
     editorPlugins?: EditorPlugin[];
+    control: FormControl<any>;
 }
 export declare const WysiwygField: FC<Props>;
 export {};

package/forms/components/WysiwygField/WysiwygField.js

@@ -7,15 +7,13 @@ exports.WysiwygField = void 0;
 var wysiwyg_mui5_plugins_1 = require("@uxf/wysiwyg-mui5-plugins");
 var Editor_1 = require("@uxf/wysiwyg/Editor");
 var react_1 = __importDefault(require("react"));
-var react_final_form_1 = require("react-final-form");
 var Wysiwyg_1 = require("../../../pages/ContentBuilder/content/Wysiwyg");
+var react_hook_form_1 = require("react-hook-form");
 var WysiwygField = function (_a) {
-    var name = _a.name, editorPlugins = _a.editorPlugins;
-    var input = (0, react_final_form_1.useField)(name, {
-        allowNull: true,
-    }).input;
+    var name = _a.name, editorPlugins = _a.editorPlugins, control = _a.control;
+    var field = (0, react_hook_form_1.useController)({ control: control, name: name }).field;
     var plugins = editorPlugins !== null && editorPlugins !== void 0 ? editorPlugins : Wysiwyg_1.DEFAULT_EDITOR_PLUGINS;
-    return (react_1.default.createElement(Editor_1.WysiwygEditor, { value: input.value, onChange: input.onChange, Toolbar: wysiwyg_mui5_plugins_1.Toolbar, plugins: plugins, stylesForEditable: {
+    return (react_1.default.createElement(Editor_1.WysiwygEditor, { value: field.value, onChange: field.onChange, Toolbar: wysiwyg_mui5_plugins_1.Toolbar, plugins: plugins, stylesForEditable: {
             border: "1px solid #e1e1e1",
             padding: 12,
             borderBottomLeftRadius: 4,
@@ -24,4 +22,4 @@ var WysiwygField = function (_a) {
         } }));
 };
 exports.WysiwygField = WysiwygField;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiV3lzaXd5Z0ZpZWxkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2Zvcm1zL2NvbXBvbmVudHMvV3lzaXd5Z0ZpZWxkL1d5c2l3eWdGaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQ0Esa0VBQW9EO0FBQ3BELDhDQUFrRTtBQUNsRSxnREFBa0M7QUFDbEMscURBQTRDO0FBQzVDLHlFQUF1RjtBQU9oRixJQUFNLFlBQVksR0FBYyxVQUFDLEVBQXVCO1FBQXJCLElBQUksVUFBQSxFQUFFLGFBQWEsbUJBQUE7SUFDakQsSUFBQSxLQUFLLEdBQUssSUFBQSwyQkFBUSxFQUFpQixJQUFJLEVBQUU7UUFDN0MsU0FBUyxFQUFFLElBQUk7S0FDbEIsQ0FBQyxNQUZXLENBRVY7SUFDSCxJQUFNLE9BQU8sR0FBbUIsYUFBYSxhQUFiLGFBQWEsY0FBYixhQUFhLEdBQUksZ0NBQXNCLENBQUM7SUFFeEUsT0FBTyxDQUNILDhCQUFDLHNCQUFhLElBQ1YsS0FBSyxFQUFFLEtBQUssQ0FBQyxLQUFLLEVBQ2xCLFFBQVEsRUFBRSxLQUFLLENBQUMsUUFBUSxFQUN4QixPQUFPLEVBQUUsOEJBQU8sRUFDaEIsT0FBTyxFQUFFLE9BQU8sRUFDaEIsaUJBQWlCLEVBQUU7WUFDZixNQUFNLEVBQUUsbUJBQW1CO1lBQzNCLE9BQU8sRUFBRSxFQUFFO1lBQ1gsc0JBQXNCLEVBQUUsQ0FBQztZQUN6Qix1QkFBdUIsRUFBRSxDQUFDO1lBQzFCLFNBQVMsRUFBRSxDQUFDO1NBQ2YsR0FDSCxDQUNMLENBQUM7QUFDTixDQUFDLENBQUM7QUFyQlcsUUFBQSxZQUFZLGdCQXFCdkIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiV3lzaXd5Z0ZpZWxkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2Zvcm1zL2NvbXBvbmVudHMvV3lzaXd5Z0ZpZWxkL1d5c2l3eWdGaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsa0VBQW9EO0FBQ3BELDhDQUFrRTtBQUNsRSxnREFBa0M7QUFDbEMseUVBQXVGO0FBRXZGLG1EQUFnRDtBQVF6QyxJQUFNLFlBQVksR0FBYyxVQUFDLEVBQWdDO1FBQTlCLElBQUksVUFBQSxFQUFFLGFBQWEsbUJBQUEsRUFBRSxPQUFPLGFBQUE7SUFDMUQsSUFBQSxLQUFLLEdBQUssSUFBQSwrQkFBYSxFQUFDLEVBQUUsT0FBTyxTQUFBLEVBQUUsSUFBSSxNQUFBLEVBQUUsQ0FBQyxNQUFyQyxDQUFzQztJQUNuRCxJQUFNLE9BQU8sR0FBbUIsYUFBYSxhQUFiLGFBQWEsY0FBYixhQUFhLEdBQUksZ0NBQXNCLENBQUM7SUFFeEUsT0FBTyxDQUNILDhCQUFDLHNCQUFhLElBQ1YsS0FBSyxFQUFFLEtBQUssQ0FBQyxLQUFLLEVBQ2xCLFFBQVEsRUFBRSxLQUFLLENBQUMsUUFBUSxFQUN4QixPQUFPLEVBQUUsOEJBQU8sRUFDaEIsT0FBTyxFQUFFLE9BQU8sRUFDaEIsaUJBQWlCLEVBQUU7WUFDZixNQUFNLEVBQUUsbUJBQW1CO1lBQzNCLE9BQU8sRUFBRSxFQUFFO1lBQ1gsc0JBQXNCLEVBQUUsQ0FBQztZQUN6Qix1QkFBdUIsRUFBRSxDQUFDO1lBQzFCLFNBQVMsRUFBRSxDQUFDO1NBQ2YsR0FDSCxDQUNMLENBQUM7QUFDTixDQUFDLENBQUM7QUFuQlcsUUFBQSxZQUFZLGdCQW1CdkIifQ==

package/forms/components/WysiwygField/index.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -11,4 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./WysiwygField"), exports);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZm9ybXMvY29tcG9uZW50cy9XeXNpd3lnRmllbGQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7O0FBQUEsaURBQStCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZm9ybXMvY29tcG9uZW50cy9XeXNpd3lnRmllbGQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLGlEQUErQiJ9

package/forms/utils/onUploadDropzoneFile.d.ts

@@ -0,0 +1,2 @@
+import { FileResponse } from "@uxf/ui/types";
+export declare const onUploadDropzoneFile: (file: File) => Promise<FileResponse>;