@uxf/cms 6.0.0-beta.9 → 10.0.0-beta.5

package/errors/NetworkError.js

@@ -1,32 +1,13 @@
 "use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NetworkError = void 0;
-var es6_error_1 = __importDefault(require("es6-error"));
-var NetworkError = /** @class */ (function (_super) {
-    __extends(NetworkError, _super);
-    function NetworkError(message) {
-        if (message === void 0) { message = "Network error."; }
-        return _super.call(this, message) || this;
+const es6_error_1 = __importDefault(require("es6-error"));
+class NetworkError extends es6_error_1.default {
+    constructor(message = "Network error.") {
+        super(message);
     }
-    return NetworkError;
-}(es6_error_1.default));
+}
 exports.NetworkError = NetworkError;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmV0d29ya0Vycm9yLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2Vycm9ycy9OZXR3b3JrRXJyb3IudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsd0RBQXdDO0FBRXhDO0lBQWtDLGdDQUFlO0lBQzdDLHNCQUFZLE9BQTBCO1FBQTFCLHdCQUFBLEVBQUEsMEJBQTBCO2VBQ2xDLGtCQUFNLE9BQU8sQ0FBQztJQUNsQixDQUFDO0lBQ0wsbUJBQUM7QUFBRCxDQUFDLEFBSkQsQ0FBa0MsbUJBQWUsR0FJaEQ7QUFKWSxvQ0FBWSJ9

package/errors/UnauthorizedError.js

@@ -1,32 +1,13 @@
 "use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UnauthorizedError = void 0;
-var es6_error_1 = __importDefault(require("es6-error"));
-var UnauthorizedError = /** @class */ (function (_super) {
-    __extends(UnauthorizedError, _super);
-    function UnauthorizedError(message) {
-        if (message === void 0) { message = "Unauthorized."; }
-        return _super.call(this, message) || this;
+const es6_error_1 = __importDefault(require("es6-error"));
+class UnauthorizedError extends es6_error_1.default {
+    constructor(message = "Unauthorized.") {
+        super(message);
     }
-    return UnauthorizedError;
-}(es6_error_1.default));
+}
 exports.UnauthorizedError = UnauthorizedError;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVW5hdXRob3JpemVkRXJyb3IuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvZXJyb3JzL1VuYXV0aG9yaXplZEVycm9yLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLHdEQUF3QztBQUV4QztJQUF1QyxxQ0FBZTtJQUNsRCwyQkFBWSxPQUF5QjtRQUF6Qix3QkFBQSxFQUFBLHlCQUF5QjtlQUNqQyxrQkFBTSxPQUFPLENBQUM7SUFDbEIsQ0FBQztJQUNMLHdCQUFDO0FBQUQsQ0FBQyxBQUpELENBQXVDLG1CQUFlLEdBSXJEO0FBSlksOENBQWlCIn0=

package/errors/ValidationError.d.ts

@@ -1,7 +1,7 @@
 import ExtendableError from "es6-error";
-import { ValidationErrors } from "final-form";
+import { FieldError } from "react-hook-form";
 export declare class ValidationError extends ExtendableError {
     private readonly _fields;
-    constructor(fields: ValidationErrors);
-    get fields(): ValidationErrors;
+    constructor(fields: FieldError);
+    get fields(): FieldError;
 }

package/errors/ValidationError.js

@@ -1,40 +1,17 @@
 "use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ValidationError = void 0;
-var es6_error_1 = __importDefault(require("es6-error"));
-var ValidationError = /** @class */ (function (_super) {
-    __extends(ValidationError, _super);
-    function ValidationError(fields) {
-        var _this = _super.call(this, "Fields are not valid") || this;
-        _this._fields = fields;
-        return _this;
+const es6_error_1 = __importDefault(require("es6-error"));
+class ValidationError extends es6_error_1.default {
+    constructor(fields) {
+        super("Fields are not valid");
+        this._fields = fields;
     }
-    Object.defineProperty(ValidationError.prototype, "fields", {
-        get: function () {
-            return this._fields;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    return ValidationError;
-}(es6_error_1.default));
+    get fields() {
+        return this._fields;
+    }
+}
 exports.ValidationError = ValidationError;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVmFsaWRhdGlvbkVycm9yLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2Vycm9ycy9WYWxpZGF0aW9uRXJyb3IudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsd0RBQXdDO0FBR3hDO0lBQXFDLG1DQUFlO0lBR2hELHlCQUFZLE1BQXdCO1FBQXBDLFlBQ0ksa0JBQU0sc0JBQXNCLENBQUMsU0FFaEM7UUFERyxLQUFJLENBQUMsT0FBTyxHQUFHLE1BQU0sQ0FBQzs7SUFDMUIsQ0FBQztJQUVELHNCQUFJLG1DQUFNO2FBQVY7WUFDSSxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUM7UUFDeEIsQ0FBQzs7O09BQUE7SUFDTCxzQkFBQztBQUFELENBQUMsQUFYRCxDQUFxQyxtQkFBZSxHQVduRDtBQVhZLDBDQUFlIn0=

package/forms/change-password-form/change-password-form.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChangePasswordForm = void 0;
+const react_1 = __importDefault(require("react"));
+const form_1 = require("@uxf/form/form");
+const text_input_1 = require("@uxf/form/text-input");
+const button_1 = require("@uxf/ui/button");
+const widget_1 = require("../../ui/widget");
+const react_hook_form_1 = require("react-hook-form");
+const ChangePasswordForm = (props) => {
+    // eslint-disable-next-line react/destructuring-assignment
+    const { defaultValues, ...formProps } = props;
+    const formApi = (0, react_hook_form_1.useForm)({
+        defaultValues,
+    });
+    return (react_1.default.createElement(form_1.Form, { formApi: formApi, id: "change-password-form", ...formProps },
+        react_1.default.createElement(widget_1.Widget, { 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")), withDividers: true },
+            react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, isRequired: true, label: "P\u016Fvodn\u00ED heslo", name: "originalPassword", type: "password" }),
+            react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, isRequired: true, label: "Nov\u00E9 heslo", name: "newPassword", rules: props.passwordRules, type: "password" }),
+            react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, isRequired: true, label: "Nov\u00E9 heslo znovu", name: "newPasswordAgain", rules: { validate: (v) => v === formApi.getValues("newPassword") || "Hesla musí být stejná" }, type: "password" }))));
+};
+exports.ChangePasswordForm = ChangePasswordForm;

package/forms/change-password-form/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./change-password-form";
+export * from "./types";

package/{ui/Paper → forms/change-password-form}/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,5 @@ 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("./Paper"), exports);
+__exportStar(require("./change-password-form"), exports);
 __exportStar(require("./types"), exports);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvUGFwZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7O0FBQUEsMENBQXdCO0FBQ3hCLDBDQUF3QiJ9

package/forms/change-password-form/types.d.ts

@@ -0,0 +1,13 @@
+import { DefaultValues, SubmitHandler, UseControllerProps } from "react-hook-form";
+export interface ChangePasswordFormData {
+    originalPassword: string;
+    newPassword: string;
+    newPasswordAgain: string;
+}
+export interface ChangePasswordFormProps<TFieldValues extends ChangePasswordFormData = ChangePasswordFormData> {
+    className?: string;
+    defaultValues?: DefaultValues<TFieldValues>;
+    onLogin?: () => void;
+    onSubmit: SubmitHandler<TFieldValues>;
+    passwordRules?: UseControllerProps<ChangePasswordFormData>["rules"];
+}

package/forms/change-password-form/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/forms/components/wysiwyg-input/index.d.ts

@@ -0,0 +1 @@
+export * from "./wysiwyg-input";

package/forms/components/{DropZone → wysiwyg-input}/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,5 +14,4 @@ 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("./DropZone"), exports);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZm9ybXMvY29tcG9uZW50cy9Ecm9wWm9uZS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQTJCIn0=
+__exportStar(require("./wysiwyg-input"), exports);

package/forms/components/wysiwyg-input/wysiwyg-input.d.ts

@@ -0,0 +1,25 @@
+import { FormControlProps } from "@uxf/ui/types";
+import { WysiwygContent, WysiwygPlugin } from "@uxf/wysiwyg";
+import { CreateAllPluginsOptions } from "@uxf/wysiwyg/create-all-plugins-with-ui";
+import React, { KeyboardEventHandler, ReactNode } from "react";
+import { FieldValues, UseControllerProps } from "react-hook-form";
+import { WysiwygEditorProps } from "@uxf/wysiwyg/wysiwyg-editor";
+import { WysiwygRecursivePlugin } from "@uxf/wysiwyg/types";
+export type UIWysiwygInputProps = FormControlProps<WysiwygContent, HTMLDivElement> & {
+    allPluginsOptions?: CreateAllPluginsOptions;
+    autoComplete?: string;
+    className?: string;
+    editorProps?: Partial<Omit<WysiwygEditorProps, "value" | "onChange">>;
+    form?: string;
+    helperText?: ReactNode;
+    hiddenLabel?: boolean;
+    id?: string;
+    label?: ReactNode;
+    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
+    placeholder?: string;
+    plugins?: Array<WysiwygPlugin<any> | WysiwygRecursivePlugin<string>>;
+};
+export type WysiwygInputProps<FormData extends FieldValues> = UseControllerProps<FormData> & Omit<UIWysiwygInputProps, "isInvalid" | "name" | "onChange" | "value"> & {
+    requiredMessage?: string;
+};
+export declare function WysiwygInput<FormData extends FieldValues>(props: WysiwygInputProps<FormData>): React.JSX.Element;

package/forms/components/wysiwyg-input/wysiwyg-input.js

@@ -0,0 +1,83 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = 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];
+}));
+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.WysiwygInput = void 0;
+const classes_1 = require("@uxf/core/constants/classes");
+const useInputFocus_1 = require("@uxf/core/hooks/useInputFocus");
+const cx_1 = require("@uxf/core/utils/cx");
+const wysiwyg_1 = require("@uxf/wysiwyg");
+const create_all_plugins_with_ui_1 = require("@uxf/wysiwyg/create-all-plugins-with-ui");
+const react_1 = __importStar(require("react"));
+const react_hook_form_1 = require("react-hook-form");
+const file_1 = require("@uxf/core/utils/file");
+const api_1 = require("../../../api");
+const form_component_1 = require("@uxf/ui/form-component");
+function WysiwygInput(props) {
+    var _a, _b, _c, _d, _e;
+    const { field, fieldState } = (0, react_hook_form_1.useController)({
+        control: props.control,
+        defaultValue: props.defaultValue,
+        name: props.name,
+        rules: {
+            required: props.isRequired ? props.requiredMessage || "Toto pole je povinné" : undefined,
+            ...((_a = props.rules) !== null && _a !== void 0 ? _a : {}),
+        },
+        shouldUnregister: props.shouldUnregister,
+    });
+    const plugins = (0, react_1.useMemo)(() => {
+        var _a;
+        return props.plugins && props.plugins.length > 0
+            ? (0, wysiwyg_1.createPluginsWithUi)(props.plugins)
+            : (0, create_all_plugins_with_ui_1.createAllPluginsWithUi)((_a = props.allPluginsOptions) !== null && _a !== void 0 ? _a : { image: { getImageUrl: file_1.getFileUrl, uploadImage: api_1.uploadFile } });
+    }, [props.allPluginsOptions, props.plugins]);
+    const generatedId = (0, react_1.useId)();
+    const id = (_b = props.id) !== null && _b !== void 0 ? _b : generatedId;
+    const innerRef = (0, react_1.useRef)(null);
+    const input = (0, useInputFocus_1.useInputFocus)(innerRef, props.onBlur, props.onFocus);
+    const isInvalid = !!fieldState.error;
+    const errorId = isInvalid ? `${props.id}--error-message` : undefined;
+    const rootClassName = (0, cx_1.cx)("uxf-text-input", ((_c = props.isFocused) !== null && _c !== void 0 ? _c : input.focused) && classes_1.CLASSES.IS_FOCUSED, props.isDisabled && classes_1.CLASSES.IS_DISABLED, isInvalid && classes_1.CLASSES.IS_INVALID, props.isReadOnly && classes_1.CLASSES.IS_READONLY, props.isRequired && classes_1.CLASSES.IS_REQUIRED, props.className);
+    const onBlur = (0, react_1.useCallback)((e) => {
+        var _a;
+        field.onBlur();
+        input.onBlur(e);
+        (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e);
+    }, [field, input, props]);
+    return (react_1.default.createElement(form_component_1.FormComponent, { className: rootClassName, errorId: errorId, form: props.form, helperText: (_e = (_d = fieldState.error) === null || _d === void 0 ? void 0 : _d.message) !== null && _e !== void 0 ? _e : props.helperText, hiddenLabel: props.hiddenLabel, inputId: id, isRequired: props.isRequired, label: props.label },
+        react_1.default.createElement(wysiwyg_1.WysiwygEditor, { initialValue: field.value, onChange: field.onChange, plugins: plugins, editableProps: {
+                "aria-describedby": errorId,
+                "aria-invalid": isInvalid,
+                autoComplete: props.autoComplete,
+                disabled: props.isDisabled,
+                form: props.form,
+                onBlur,
+                onFocus: input.onFocus,
+                onKeyDown: props.onKeyDown,
+                placeholder: props.placeholder,
+                readOnly: props.isReadOnly,
+                required: props.isRequired,
+            }, ...props.editorProps })));
+}
+exports.WysiwygInput = WysiwygInput;

package/forms/forgotten-password-form/forgotten-password-form.d.ts

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

package/forms/forgotten-password-form/forgotten-password-form.js

@@ -0,0 +1,50 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = 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];
+}));
+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.ForgottenPasswordForm = void 0;
+const form_1 = require("@uxf/form/form");
+const text_input_1 = require("@uxf/form/text-input");
+const button_1 = require("@uxf/ui/button");
+const react_1 = __importStar(require("react"));
+const text_link_1 = require("@uxf/ui/text-link");
+const react_hook_form_1 = require("react-hook-form");
+const ForgottenPasswordForm = (props) => {
+    // eslint-disable-next-line react/destructuring-assignment
+    const { defaultValues, onLogin, ...formProps } = props;
+    const formApi = (0, react_hook_form_1.useForm)({
+        defaultValues,
+    });
+    const [formDisabled, setFormDisabled] = (0, react_1.useState)(true);
+    (0, react_1.useEffect)(() => {
+        setFormDisabled(false);
+    }, []);
+    return (react_1.default.createElement(form_1.Form, { formApi: formApi, id: "forgotten-password-form", ...formProps },
+        react_1.default.createElement("div", { className: "space-y-6" },
+            react_1.default.createElement(text_input_1.TextInput, { control: formApi.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;

package/forms/forgotten-password-form/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./forgotten-password-form";
+export * from "./types";

package/{ui/Button → forms/forgotten-password-form}/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,5 @@ 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("./Button"), exports);
+__exportStar(require("./forgotten-password-form"), exports);
 __exportStar(require("./types"), exports);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvQnV0dG9uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7OztBQUFBLDJDQUF5QjtBQUN6QiwwQ0FBd0IifQ==

package/forms/forgotten-password-form/types.d.ts

@@ -0,0 +1,10 @@
+import { DefaultValues, SubmitHandler } from "react-hook-form";
+export interface ForgottenPasswordFormData {
+    username: string;
+}
+export interface ForgottenPasswordFormProps<TFieldValues extends ForgottenPasswordFormData = ForgottenPasswordFormData> {
+    className?: string;
+    defaultValues?: DefaultValues<TFieldValues>;
+    onLogin?: () => void;
+    onSubmit: SubmitHandler<TFieldValues>;
+}

package/forms/forgotten-password-form/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/forms/invite-user-form/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./invite-user-form";
+export * from "./types";

package/{ui/Select → forms/invite-user-form}/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,5 @@ 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("./Select"), exports);
+__exportStar(require("./invite-user-form"), exports);
 __exportStar(require("./types"), exports);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvU2VsZWN0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7OztBQUFBLDJDQUF5QjtBQUN6QiwwQ0FBd0IifQ==

package/forms/invite-user-form/invite-user-form.js

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InviteUserForm = void 0;
+const checkbox_input_1 = require("@uxf/form/checkbox-input");
+const form_1 = require("@uxf/form/form");
+const multi_combobox_1 = require("@uxf/form/multi-combobox");
+const text_input_1 = require("@uxf/form/text-input");
+const button_1 = require("@uxf/ui/button");
+const react_1 = __importDefault(require("react"));
+const widget_1 = require("../../ui/widget");
+const react_hook_form_1 = require("react-hook-form");
+const InviteUserForm = (props) => {
+    // eslint-disable-next-line react/destructuring-assignment
+    const { defaultValues, ...formProps } = props;
+    const formApi = (0, react_hook_form_1.useForm)({
+        defaultValues,
+    });
+    return (react_1.default.createElement(form_1.Form, { formApi: formApi, id: "invite-user-form", ...formProps },
+        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: formApi.control }),
+            react_1.default.createElement(text_input_1.TextInput, { name: "name", label: "Jm\u00E9no", isRequired: true, control: formApi.control }),
+            react_1.default.createElement(text_input_1.TextInput, { name: "surname", label: "P\u0159\u00EDjmen\u00ED", isRequired: true, control: formApi.control }),
+            react_1.default.createElement(multi_combobox_1.MultiCombobox, { name: "roles", label: "Role", isRequired: true, control: formApi.control, loadOptions: props.onLoadRoles }),
+            react_1.default.createElement(checkbox_input_1.CheckboxInput, { name: "sendInvitation", label: "Odeslat pozv\u00E1nku", control: formApi.control }))));
+};
+exports.InviteUserForm = InviteUserForm;

package/forms/invite-user-form/types.d.ts

@@ -0,0 +1,15 @@
+import { MultiComboboxOption } from "@uxf/ui/multi-combobox";
+import { DefaultValues, SubmitHandler } from "react-hook-form";
+export interface InviteUserFormData {
+    email: string;
+    name: string;
+    surname: string;
+    sendInvitation: boolean;
+    roles: MultiComboboxOption[];
+}
+export interface InviteUserFormProps<TFieldValues extends InviteUserFormData = InviteUserFormData> {
+    className?: string;
+    defaultValues?: DefaultValues<TFieldValues>;
+    onLoadRoles: (term: string) => Promise<MultiComboboxOption[]>;
+    onSubmit: SubmitHandler<TFieldValues>;
+}

package/forms/invite-user-form/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/forms/login-form/index.d.ts

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

package/{ui/ListItem → forms/login-form}/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,5 @@ 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("./ListItem"), exports);
+__exportStar(require("./login-form"), exports);
 __exportStar(require("./types"), exports);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvTGlzdEl0ZW0vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQTJCO0FBQzNCLDBDQUF3QiJ9

package/forms/login-form/login-form.js

@@ -0,0 +1,49 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = 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];
+}));
+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.LoginForm = void 0;
+const react_1 = __importStar(require("react"));
+const form_1 = require("@uxf/form/form");
+const text_input_1 = require("@uxf/form/text-input");
+const button_1 = require("@uxf/ui/button");
+const text_link_1 = require("@uxf/ui/text-link");
+const react_hook_form_1 = require("react-hook-form");
+const LoginForm = (props) => {
+    // eslint-disable-next-line react/destructuring-assignment
+    const { onForgottenPassword, ...formProps } = props;
+    const formApi = (0, react_hook_form_1.useForm)();
+    const [formDisabled, setFormDisabled] = (0, react_1.useState)(true);
+    (0, react_1.useEffect)(() => {
+        setFormDisabled(false);
+    }, []);
+    return (react_1.default.createElement(form_1.Form, { formApi: formApi, id: "login-form", ...formProps },
+        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: formApi.control, isRequired: true }),
+            react_1.default.createElement(text_input_1.TextInput, { isDisabled: formDisabled, label: "Heslo", name: "password", type: "password", control: formApi.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 }, "P\u0159ihl\u00E1sit se"))));
+};
+exports.LoginForm = LoginForm;

package/forms/login-form/types.d.ts

@@ -0,0 +1,11 @@
+import { DefaultValues, SubmitHandler } from "react-hook-form";
+export interface LoginFormData {
+    username: string;
+    password: string;
+}
+export interface LoginFormProps<TFieldValues extends LoginFormData = LoginFormData> {
+    className?: string;
+    defaultValues?: DefaultValues<TFieldValues>;
+    onForgottenPassword?: () => void;
+    onSubmit: SubmitHandler<TFieldValues>;
+}

package/forms/login-form/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/forms/renew-password-form/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./renew-password-form";
+export * from "./types";