@uxf/form 11.72.0 → 11.74.0

package/form-renderer/types.d.ts

@@ -1,39 +0,0 @@
-import { Autocomplete } from "@uxf/core/api/autocomplete";
-import { OnUploadFileHandler } from "@uxf/core/types";
-import { DropzoneFile } from "@uxf/ui/dropzone/types";
-import { FunctionComponent } from "react";
-import { Control } from "react-hook-form";
-export interface FieldSchema {
-    autocomplete: string | null;
-    name: string;
-    type: string;
-    label: string;
-    required: boolean;
-    readOnly: boolean;
-    editable: boolean;
-    fields: FieldSchema[];
-    options: Array<{
-        id: string | number;
-        label: string;
-    }> | null;
-}
-export interface FormSchema {
-    fields: FieldSchema[];
-}
-export interface FieldProps {
-    fieldSchema: FieldSchema;
-    fields: FormRendererFields;
-    isEditing?: boolean;
-    prefix?: string;
-    control: Control<any>;
-    overrides?: {
-        autocomplete?: Autocomplete;
-        upload?: OnUploadFileHandler;
-        onRemoveConfirm?: (file: DropzoneFile) => Promise<boolean>;
-    };
-}
-export type FieldComponent = FunctionComponent<FieldProps>;
-export type FormRendererFields = {
-    [type: string]: FieldComponent;
-    default: FieldComponent;
-};

package/form-renderer/types.js

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

package/gps-input/gps-input.d.ts

@@ -1,20 +0,0 @@
-import { TextInputProps as UITextInputProps } from "@uxf/ui/text-input";
-import { FormControlProps } from "@uxf/ui/types";
-import React from "react";
-import { FieldValues } from "react-hook-form";
-import { ControlProps } from "../types";
-export type Gps = {
-    lat: number;
-    lng: number;
-};
-type OnChangeHandler = FormControlProps<string>["onChange"];
-export type GpsInputProps<FormData extends FieldValues> = ControlProps<FormData> & Omit<UITextInputProps, "isFocused" | "isInvalid" | "max" | "min" | "name" | "onChange" | "pattern" | "step" | "value" | "type"> & {
-    onChange?: OnChangeHandler;
-    requiredMessage?: string;
-};
-export type GpsInputValue = Gps;
-export declare function GpsInput<FormData extends Record<string, Gps | null | undefined>>(props: GpsInputProps<FormData>): React.JSX.Element;
-export declare namespace GpsInput {
-    var displayName: string;
-}
-export {};

package/gps-input/gps-input.js

@@ -1,154 +0,0 @@
-"use strict";
-"use client";
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GpsInput = GpsInput;
-const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
-const text_input_1 = require("@uxf/ui/text-input");
-const tooltip_1 = require("@uxf/ui/tooltip");
-const coordinate_parser_1 = __importDefault(require("coordinate-parser"));
-const react_1 = __importStar(require("react"));
-const react_hook_form_1 = require("react-hook-form");
-const form_context_1 = require("../form-id-context/form-context");
-const SUPPORTED_FORMATS = (react_1.default.createElement("div", null,
-    "40.123, -74.123",
-    react_1.default.createElement("br", null),
-    "40.123\u00B0 N 74.123\u00B0 W",
-    react_1.default.createElement("br", null),
-    "40\u00B0 7\u00B4 22.8\" N 74\u00B0 7\u00B4 22.8\" W",
-    react_1.default.createElement("br", null),
-    "40\u00B0 7.38\u2019 , -74\u00B0 7.38\u2019",
-    react_1.default.createElement("br", null),
-    "N40\u00B07\u201922.8, W74\u00B07\u201922.8\"",
-    react_1.default.createElement("br", null),
-    "40\u00B07\u201922.8\"N, 74\u00B07\u201922.8\"W",
-    react_1.default.createElement("br", null),
-    "40 7 22.8, -74 7 22.8",
-    react_1.default.createElement("br", null),
-    "40.123 -74.123",
-    react_1.default.createElement("br", null),
-    "40.123\u00B0,-74.123\u00B0",
-    react_1.default.createElement("br", null),
-    "144442800, -266842800",
-    react_1.default.createElement("br", null),
-    "40.123N74.123W",
-    react_1.default.createElement("br", null),
-    "4007.38N7407.38W",
-    react_1.default.createElement("br", null),
-    "40\u00B07\u201922.8\"N, 74\u00B07\u201922.8\"W",
-    react_1.default.createElement("br", null),
-    "400722.8N740722.8W",
-    react_1.default.createElement("br", null),
-    "N 40 7.38 W 74 7.38",
-    react_1.default.createElement("br", null),
-    "40:7:23N,74:7:23W",
-    react_1.default.createElement("br", null),
-    "40:7:22.8N 74:7:22.8W",
-    react_1.default.createElement("br", null),
-    "40\u00B07\u201923\"N 74\u00B07\u201923\"W",
-    react_1.default.createElement("br", null),
-    "40\u00B07\u201923\" -74\u00B07\u201923\"",
-    react_1.default.createElement("br", null),
-    "40d 7\u2019 23\" N 74d 7\u2019 23\" W",
-    react_1.default.createElement("br", null),
-    "40.123N 74.123W",
-    react_1.default.createElement("br", null),
-    "40\u00B0 7.38, -74\u00B0 7.38",
-    react_1.default.createElement("br", null)));
-const SUPPORTED_FORMATS_TOOLTIP = (react_1.default.createElement("span", { className: "text-lightMedium" },
-    "(",
-    react_1.default.createElement(tooltip_1.Tooltip, { content: SUPPORTED_FORMATS },
-        react_1.default.createElement("span", { className: "underline" }, "podporovan\u00E9 form\u00E1ty")),
-    ")"));
-const EMPTY_HELPER_TEXT = "Zadejte souřadnice.";
-const NOT_VALID_HELPER_TEXT = "Souřadnice nejsou validní";
-function GpsInput(props) {
-    var _a, _b;
-    const formContext = (0, form_context_1.useFormContext)();
-    const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${formContext.formId}__${props.name}`;
-    const [visualValue, setVisualValue] = (0, react_1.useState)("");
-    const [coordsFormatError, setCoordsFormatError] = (0, react_1.useState)(false);
-    const { field, fieldState } = (0, react_hook_form_1.useController)({
-        control: props.control,
-        name: props.name,
-        rules: {
-            ...props.rules,
-            validate: {
-                ...(_b = props.rules) === null || _b === void 0 ? void 0 : _b.validate,
-                req: (value) => {
-                    var _a;
-                    return props.isRequired && value === undefined
-                        ? ((_a = props.requiredMessage) !== null && _a !== void 0 ? _a : "Toto pole je povinné")
-                        : undefined;
-                },
-                format: (value) => {
-                    return value === null ? NOT_VALID_HELPER_TEXT : undefined;
-                },
-            },
-        },
-        shouldUnregister: props.shouldUnregister,
-    });
-    (0, react_1.useEffect)(() => {
-        if (field.value && visualValue === "") {
-            setVisualValue(`${field.value.lat}N, ${field.value.lng}E`);
-        }
-    }, [field.value, visualValue]);
-    const onBlur = (event) => {
-        var _a;
-        field.onBlur();
-        (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, event);
-    };
-    const onChange = (value, event) => {
-        var _a, _b;
-        setVisualValue(value);
-        try {
-            const coords = new coordinate_parser_1.default(value);
-            setCoordsFormatError(false);
-            field.onChange({ lat: coords.getLatitude(), lng: coords.getLongitude() });
-            (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, value, event);
-            // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        }
-        catch (e) {
-            setCoordsFormatError(true);
-            field.onChange(null);
-            (_b = props.onChange) === null || _b === void 0 ? void 0 : _b.call(props, value, event);
-        }
-    };
-    const composedHelperText = (react_1.default.createElement(react_1.default.Fragment, null,
-        fieldState.error && !coordsFormatError && !field.value
-            ? `${fieldState.error.message}`
-            : field.value
-                ? `${field.value.lat}N, ${field.value.lng}E`
-                : visualValue
-                    ? NOT_VALID_HELPER_TEXT
-                    : EMPTY_HELPER_TEXT,
-        " ",
-        SUPPORTED_FORMATS_TOOLTIP));
-    return (react_1.default.createElement(text_input_1.TextInput, { autoComplete: props.autoComplete, autoFocus: props.autoFocus, className: props.className, enterKeyHint: props.enterKeyHint, form: props.form, helperText: composedHelperText, hiddenLabel: props.hiddenLabel, id: id, inputMode: props.inputMode, isDisabled: formContext.isFormDisabled || props.isDisabled, isInvalid: ((0, is_not_nil_1.isNotNil)(fieldState.error) && !field.value) || coordsFormatError, isReadOnly: formContext.isFormReadOnly || props.isReadOnly, isRequired: props.isRequired, label: props.label, leftAddon: props.leftAddon, leftElement: props.leftElement, maxLength: props.maxLength, minLength: props.minLength, name: field.name, onBlur: onBlur, onChange: onChange, onFocus: props.onFocus, onKeyDown: props.onKeyDown, placeholder: props.placeholder, ref: field.ref, rightAddon: props.rightAddon, rightElement: props.rightElement, size: props.size, style: props.style, type: "text", value: visualValue, variant: props.variant }));
-}
-GpsInput.displayName = "UxfFormGpsInput";

package/gps-input/gps-input.stories.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { GpsInput } from "./gps-input";
-declare const _default: {
-    title: string;
-    component: typeof GpsInput;
-};
-export default _default;
-export declare function Default(): React.JSX.Element;

package/gps-input/gps-input.stories.js

@@ -1,22 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = Default;
-const button_1 = require("@uxf/ui/button");
-const react_1 = __importDefault(require("react"));
-const storybook_form_1 = require("../storybook/storybook-form");
-const gps_input_1 = require("./gps-input");
-exports.default = {
-    title: "Form/GpsInput",
-    component: gps_input_1.GpsInput,
-};
-function Default() {
-    const storyFormGpsInputs = (control) => (react_1.default.createElement("div", { className: "space-y-4" },
-        react_1.default.createElement(gps_input_1.GpsInput, { control: control, label: "GPS", name: "gps", placeholder: "Zadejte sou\u0159adnice..." }),
-        react_1.default.createElement(gps_input_1.GpsInput, { control: control, isRequired: true, label: "GPS", name: "gps-required", placeholder: "Zadejte sou\u0159adnice..." }),
-        react_1.default.createElement(button_1.Button, { type: "submit" }, "Submit")));
-    return (react_1.default.createElement(storybook_form_1.StorybookForm, null, ({ control }) => (react_1.default.createElement("div", { className: "flex flex-col lg:flex-row" },
-        react_1.default.createElement("div", { className: "space-y-2 p-20 lg:w-1/2" }, storyFormGpsInputs(control))))));
-}

package/gps-input/index.d.ts

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

package/gps-input/index.js

@@ -1,17 +0,0 @@
-"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 __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("./gps-input"), exports);

package/money-input/index.d.ts

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

package/money-input/index.js

@@ -1,17 +0,0 @@
-"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 __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("./money-input"), exports);

package/money-input/money-input.d.ts

@@ -1,24 +0,0 @@
-import { Currency, Money } from "@uxf/core/money";
-import { FormControlProps } from "@uxf/ui/types";
-import React, { ReactNode } from "react";
-import { FieldValues } from "react-hook-form";
-import { ControlProps } from "../types";
-export type MoneyInputValue = Money | null;
-export type MoneyInputProps<FormData extends FieldValues> = Omit<ControlProps<FormData>, "defaultValue"> & Omit<FormControlProps<MoneyInputValue>, "value" | "onChange"> & {
-    defaultCurrency?: Currency;
-    id?: string;
-    label?: string;
-    leftAddon?: ReactNode;
-    leftElement?: ReactNode;
-    max?: number;
-    maxMessage?: (value: MoneyInputValue) => string;
-    min?: number;
-    minMessage?: (value: MoneyInputValue) => string;
-    onChange?: FormControlProps<MoneyInputValue>["onChange"];
-    requiredMessage?: string;
-    rightAddon?: ReactNode;
-};
-export declare function MoneyInput<FormData extends FieldValues>(props: MoneyInputProps<FormData>): React.JSX.Element;
-export declare namespace MoneyInput {
-    var displayName: string;
-}

package/money-input/money-input.js

@@ -1,108 +0,0 @@
-"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.MoneyInput = MoneyInput;
-const currencies_1 = require("@uxf/core/money/currencies");
-const is_empty_1 = require("@uxf/core/utils/is-empty");
-const is_nil_1 = require("@uxf/core/utils/is-nil");
-const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
-const form_context_1 = require("@uxf/form/form-id-context/form-context");
-const text_input_1 = require("@uxf/ui/text-input");
-const react_1 = __importStar(require("react"));
-const react_hook_form_1 = require("react-hook-form");
-const SPECIAL_KEYS = ["Backspace", "Delete", "ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Tab"];
-// Allow keys for copy/paste/select/cut
-const CONTROL_KEYS = ["v", "V", "c", "C", "x", "X", "a", "A"];
-// Allow digits and decimal point (.,)
-const ALLOWED_KEYS = /[0-9+\-.,]/;
-function MoneyInput(props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-    const formContext = (0, form_context_1.useFormContext)();
-    const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${formContext.formId}__${props.name}`;
-    const { field, fieldState } = (0, react_hook_form_1.useController)({
-        control: props.control,
-        name: props.name,
-        rules: {
-            required: props.isRequired ? props.requiredMessage || "Toto pole je povinné" : undefined,
-            validate: {
-                validMinNumber: (value) => {
-                    if (!value) {
-                        return;
-                    }
-                    if (typeof props.min === "number" && !isNaN(props.min) && value.amount < props.min) {
-                        return props.minMessage
-                            ? props.minMessage(value)
-                            : `Hodnota musí být větší nebo rovna ${props.min}.`;
-                    }
-                },
-                validMaxNumber: (value) => {
-                    if (!value) {
-                        return;
-                    }
-                    if (typeof props.max === "number" && !isNaN(props.max) && value.amount > props.max) {
-                        return props.maxMessage
-                            ? props.maxMessage(value)
-                            : `Hodnota musí být menší nebo rovna ${props.max}.`;
-                    }
-                },
-                ...(typeof ((_b = props.rules) === null || _b === void 0 ? void 0 : _b.validate) === "function"
-                    ? { custom: props.rules.validate }
-                    : (_c = props.rules) === null || _c === void 0 ? void 0 : _c.validate),
-            },
-            ...props.rules,
-        },
-        shouldUnregister: props.shouldUnregister,
-    });
-    const [lastCurrency, setLastCurrency] = (0, react_1.useState)((_f = (_e = (_d = field.value) === null || _d === void 0 ? void 0 : _d.currency) !== null && _e !== void 0 ? _e : props.defaultCurrency) !== null && _f !== void 0 ? _f : "CZK");
-    (0, react_1.useEffect)(() => {
-        var _a;
-        if ((0, is_not_nil_1.isNotNil)(field.value) && ((_a = field.value) === null || _a === void 0 ? void 0 : _a.currency) !== lastCurrency) {
-            setLastCurrency(field.value.currency);
-        }
-    }, [field.value, lastCurrency]);
-    const keyDownHandler = (event) => {
-        const key = event.key;
-        // Check if the key is allowed
-        if (!SPECIAL_KEYS.includes(key) && !ALLOWED_KEYS.test(key)) {
-            // Check if Ctrl or Command key is pressed along with control key
-            if (!(event.ctrlKey || event.metaKey) || !CONTROL_KEYS.includes(key)) {
-                event.preventDefault();
-            }
-        }
-    };
-    const changeHandler = (value, event) => {
-        var _a, _b, _c;
-        const newValue = (0, is_nil_1.isNil)(value) || (0, is_empty_1.isEmpty)(value)
-            ? null
-            : {
-                amount: value,
-                currency: (_b = (_a = field.value) === null || _a === void 0 ? void 0 : _a.currency) !== null && _b !== void 0 ? _b : lastCurrency,
-            };
-        field.onChange(newValue);
-        (_c = props.onChange) === null || _c === void 0 ? void 0 : _c.call(props, newValue, event);
-    };
-    return (react_1.default.createElement(text_input_1.TextInput, { className: "uxf-money-input uxf-input--no-spin-buttons", helperText: (_g = fieldState.error) === null || _g === void 0 ? void 0 : _g.message, id: id, inputMode: "decimal", isDisabled: formContext.isFormDisabled || props.isDisabled, isInvalid: Boolean(fieldState.error), isReadOnly: formContext.isFormReadOnly || props.isReadOnly, isRequired: props.isRequired, label: props.label, leftAddon: props.leftAddon, leftElement: props.leftElement, name: field.name, onChange: changeHandler, onKeyDown: keyDownHandler, ref: field.ref, rightAddon: props.rightAddon, rightElement: currencies_1.currencies[(_j = (_h = field.value) === null || _h === void 0 ? void 0 : _h.currency) !== null && _j !== void 0 ? _j : lastCurrency].symbol, step: 2, type: "number", value: (_l = (_k = field.value) === null || _k === void 0 ? void 0 : _k.amount) !== null && _l !== void 0 ? _l : "" }));
-}
-MoneyInput.displayName = "UxfFormMoneyInput";

package/money-input/money-input.stories.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare function Default(): React.JSX.Element;

package/money-input/money-input.stories.js

@@ -1,15 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = Default;
-const react_1 = __importDefault(require("react"));
-const storybook_form_1 = require("../storybook/storybook-form");
-const money_input_1 = require("./money-input");
-function Default() {
-    return (react_1.default.createElement(storybook_form_1.StorybookForm, { className: "space-y-4 p-4", defaultValues: { "default-value": { amount: "100", currency: "USD" } } }, ({ control }) => (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(money_input_1.MoneyInput, { control: control, label: "Default money input min100 max200", max: 200, min: 100, name: "default" }),
-        react_1.default.createElement(money_input_1.MoneyInput, { control: control, defaultCurrency: "EUR", label: "Money input with default currency", name: "default-currency" }),
-        react_1.default.createElement(money_input_1.MoneyInput, { control: control, label: "Money input with default value", name: "default-value" })))));
-}

package/multi-combobox/index.d.ts

@@ -1 +0,0 @@
-export * from "./multi-combobox";

package/multi-combobox/index.js

@@ -1,17 +0,0 @@
-"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 __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("./multi-combobox"), exports);

package/multi-combobox/multi-combobox.d.ts

@@ -1,13 +0,0 @@
-import { MultiComboboxOption, MultiComboboxProps as UIMultiComboboxProps } from "@uxf/ui/multi-combobox";
-import React from "react";
-import { FieldValues } from "react-hook-form";
-import { ControlProps } from "../types";
-export type ComboProps<FormData extends FieldValues> = ControlProps<FormData> & Omit<UIMultiComboboxProps, "isFocused" | "isInvalid" | "name" | "onChange" | "value"> & {
-    onChange?: UIMultiComboboxProps["onChange"];
-    requiredMessage?: string;
-};
-export type MultiComboboxValue<Id> = MultiComboboxOption<Id>[] | null;
-export declare function MultiCombobox<FormData extends Record<string, any>>(props: ComboProps<FormData>): React.JSX.Element;
-export declare namespace MultiCombobox {
-    var displayName: string;
-}

package/multi-combobox/multi-combobox.js

@@ -1,44 +0,0 @@
-"use strict";
-"use client";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MultiCombobox = MultiCombobox;
-const empty_array_1 = require("@uxf/core/constants/empty-array");
-const is_empty_1 = require("@uxf/core/utils/is-empty");
-const is_nil_1 = require("@uxf/core/utils/is-nil");
-const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
-const multi_combobox_1 = require("@uxf/ui/multi-combobox");
-const react_1 = __importDefault(require("react"));
-const react_hook_form_1 = require("react-hook-form");
-const form_context_1 = require("../form-id-context/form-context");
-function MultiCombobox(props) {
-    var _a, _b, _c, _d;
-    const formContext = (0, form_context_1.useFormContext)();
-    const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${formContext.formId}__${props.name}`;
-    const { field, fieldState } = (0, react_hook_form_1.useController)({
-        control: props.control,
-        name: props.name,
-        rules: {
-            required: props.isRequired ? props.requiredMessage || "Toto pole je povinné" : undefined,
-            ...props.rules,
-        },
-        shouldUnregister: props.shouldUnregister,
-    });
-    const onBlur = (event) => {
-        var _a;
-        field.onBlur();
-        (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, event);
-    };
-    const onChange = (value, event) => {
-        var _a;
-        field.onChange(value);
-        (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, value, event);
-    };
-    const isDisabled = ((0, is_nil_1.isNil)(props.loadOptions) && (0, is_empty_1.isEmpty)((_b = props.options) !== null && _b !== void 0 ? _b : empty_array_1.EMPTY_ARRAY)) ||
-        formContext.isFormDisabled ||
-        props.isDisabled;
-    return (react_1.default.createElement(multi_combobox_1.MultiCombobox, { allOptionsSelectedMessage: props.allOptionsSelectedMessage, className: props.className, dropdownClassName: props.dropdownClassName, dropdownMatchesInputWidth: props.dropdownMatchesInputWidth, dropdownMaxHeight: props.dropdownMaxHeight, dropdownPlacement: props.dropdownPlacement, dropdownStrategy: props.dropdownStrategy, form: props.form, helperText: (_d = (_c = fieldState.error) === null || _c === void 0 ? void 0 : _c.message) !== null && _d !== void 0 ? _d : props.helperText, hiddenLabel: props.hiddenLabel, iconName: props.iconName, id: id, inputArrow: props.inputArrow, isDisabled: isDisabled, isInvalid: (0, is_not_nil_1.isNotNil)(fieldState.error), isReadOnly: formContext.isFormReadOnly || props.isReadOnly, isRequired: props.isRequired, label: props.label, leftAddon: props.leftAddon, leftElement: props.leftElement, loadOptions: props.loadOptions, name: field.name, noOptionsMessage: props.noOptionsMessage, noQueryMessage: props.noQueryMessage, notFoundMessage: props.notFoundMessage, onBlur: onBlur, onChange: onChange, onFocus: props.onFocus, options: props.options, placeholder: props.placeholder, ref: field.ref, renderOption: props.renderOption, rightAddon: props.rightAddon, rightElement: props.rightElement, size: props.size, style: props.style, value: field.value, variant: props.variant, withCheckboxes: props.withCheckboxes }));
-}
-MultiCombobox.displayName = "UxfFormMultiCombobox";

package/multi-combobox/multi-combobox.stories.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { MultiCombobox } from "./multi-combobox";
-declare const _default: {
-    title: string;
-    component: typeof MultiCombobox;
-};
-export default _default;
-export declare function Default(): React.JSX.Element;

package/multi-combobox/multi-combobox.stories.js

@@ -1,54 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = Default;
-const button_1 = require("@uxf/ui/button");
-const react_1 = __importDefault(require("react"));
-const storybook_form_1 = require("../storybook/storybook-form");
-const multi_combobox_1 = require("./multi-combobox");
-exports.default = {
-    title: "Form/MultiCombobox",
-    component: multi_combobox_1.MultiCombobox,
-};
-const options = [
-    { id: "one", label: "Option one", color: "red" },
-    { id: "two", label: "Option two disabled", color: "blue", disabled: true },
-    { id: "three", label: "Option three", color: "green" },
-    { id: "four", label: "Option four disabled", disabled: true },
-    { id: "five", label: "Option five" },
-    { id: "six", label: "Option six" },
-    { id: "seven", label: "Option seven" },
-    { id: "eight", label: "Option eight" },
-    { id: "nine", label: "Option nine" },
-    { id: "ten", label: "Option ten" },
-    { id: "twelve", label: "Option twelve" },
-    { id: "thirteen", label: "Option thirteen" },
-];
-function Default() {
-    const storyFormComboboxes = (control) => (react_1.default.createElement("div", { className: "space-y-8" },
-        react_1.default.createElement(multi_combobox_1.MultiCombobox, { control: control, dropdownMaxHeight: 350, helperText: "Za\u010Dn\u011Bte ps\u00E1t pro vyhled\u00E1v\u00E1n\u00ED...", id: "form-combobox", label: "Combobox form", name: "combobox1", options: options, placeholder: "Vyberte..." }),
-        react_1.default.createElement(multi_combobox_1.MultiCombobox, { control: control, helperText: "Za\u010Dn\u011Bte ps\u00E1t pro vyhled\u00E1v\u00E1n\u00ED...", id: "form-combobox", label: "Combobox with checkboxes", name: "combobox-with-checkboxes", options: options, placeholder: "Vyberte...", withCheckboxes: true }),
-        react_1.default.createElement(multi_combobox_1.MultiCombobox, { control: control, helperText: "Za\u010Dn\u011Bte ps\u00E1t pro vyhled\u00E1v\u00E1n\u00ED...", id: "form-combobox", isRequired: true, label: "Combobox form required", name: "combobox-required", options: options, placeholder: "Vyberte..." }),
-        react_1.default.createElement(multi_combobox_1.MultiCombobox, { control: control, id: "form-combobox", isDisabled: true, label: "Combobox form disabled", name: "combobox-disabled", options: options, placeholder: "Vyberte..." }),
-        react_1.default.createElement(multi_combobox_1.MultiCombobox, { control: control, dropdownPlacement: "top", id: "form-combobox", label: "Combobox form with dropdown top", name: "select-dropdown-top", options: options, placeholder: "Vyberte..." }),
-        react_1.default.createElement(multi_combobox_1.MultiCombobox, { control: control, dropdownPlacement: "top", id: "form-combobox", label: "Combobox async", loadOptions: (query) => Promise.resolve(options.filter((option) => !query || option.label.toLowerCase().includes(query.toLowerCase()))), name: "select-dropdown-async", placeholder: "Vyberte..." }),
-        react_1.default.createElement(multi_combobox_1.MultiCombobox, { control: control, dropdownPlacement: "top", id: "form-combobox", label: "Combobox async with default values", loadOptions: (query) => Promise.resolve(options.filter((option) => !query || option.label.toLowerCase().includes(query.toLowerCase()))), name: "select-dropdown-async-default", placeholder: "Vyberte..." }),
-        react_1.default.createElement(button_1.Button, { type: "submit" }, "Submit")));
-    return (react_1.default.createElement(storybook_form_1.StorybookForm, { defaultValues: {
-            combobox1: [
-                { id: "one", label: "Option one" },
-                { id: "two", label: "Option two" },
-            ],
-            "combobox-with-checkboxes": [
-                { id: "one", label: "Option one" },
-                { id: "two", label: "Option two disabled", disabled: true },
-            ],
-            "select-dropdown-async-default": [
-                { id: "one", label: "Option one" },
-                { id: "two", label: "Option two" },
-            ],
-        } }, ({ control }) => (react_1.default.createElement("div", { className: "flex flex-col lg:flex-row" },
-        react_1.default.createElement("div", { className: "space-y-2 p-20 lg:w-1/2" }, storyFormComboboxes(control))))));
-}

package/multi-select/index.d.ts

@@ -1 +0,0 @@
-export * from "./multi-select";

package/multi-select/index.js

@@ -1,17 +0,0 @@
-"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 __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("./multi-select"), exports);

package/multi-select/multi-select.d.ts

@@ -1,13 +0,0 @@
-import { MultiSelectOption, MultiSelectProps as UIMultiSelectProps } from "@uxf/ui/multi-select";
-import React from "react";
-import { FieldValues } from "react-hook-form";
-import { ControlProps } from "../types";
-export type ComboProps<FormData extends FieldValues> = ControlProps<FormData> & Omit<UIMultiSelectProps, "isFocused" | "isInvalid" | "name" | "onChange" | "value"> & {
-    onChange?: UIMultiSelectProps["onChange"];
-    requiredMessage?: string;
-};
-export type MultiSelectValue<Id> = MultiSelectOption<Id>[] | null;
-export declare function MultiSelect<FormData extends Record<string, any>>(props: ComboProps<FormData>): React.JSX.Element;
-export declare namespace MultiSelect {
-    var displayName: string;
-}