@uxf/form 11.72.0 → 11.74.0

package/combobox/combobox.stories.js

@@ -1,30 +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 combobox_1 = require("./combobox");
-exports.default = {
-    title: "Form/Combobox",
-    component: combobox_1.Combobox,
-};
-const options = [
-    { id: "one", label: "Option one" },
-    { id: "two", label: "Option two" },
-    { id: "three", label: "Option three" },
-];
-function Default() {
-    const storyFormComboboxes = (control) => (react_1.default.createElement("div", { className: "space-y-8" },
-        react_1.default.createElement(combobox_1.Combobox, { control: control, helperText: "Za\u010Dn\u011Bte ps\u00E1t pro vyhled\u00E1v\u00E1n\u00ED...", id: "form-combobox", label: "Combobox form", name: "firstname", options: options, placeholder: "Placeholder" }),
-        react_1.default.createElement(combobox_1.Combobox, { 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: "Placeholder" }),
-        react_1.default.createElement(combobox_1.Combobox, { control: control, id: "form-combobox", isDisabled: true, label: "Combobox form disabled", name: "combobox-disabled", options: options, placeholder: "Placeholder" }),
-        react_1.default.createElement(combobox_1.Combobox, { control: control, dropdownPlacement: "top", id: "form-combobox", label: "Combobox form with dropdown top", name: "select-dropdown-top", options: options, placeholder: "Placeholder" }),
-        react_1.default.createElement(combobox_1.Combobox, { control: control, dropdownPlacement: "top", id: "form-combobox", isClearable: true, label: "Combobox async", loadOptions: (query) => Promise.resolve(options.filter((option) => !query || option.label.toLowerCase().includes(query.toLowerCase()))), name: "select-dropdown-async", placeholder: "Placeholder" }),
-        react_1.default.createElement(button_1.Button, { type: "submit" }, "Submit")));
-    return (react_1.default.createElement(storybook_form_1.StorybookForm, { defaultValues: { "select-dropdown-async": { id: "one", label: "Option one" } } }, ({ 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/combobox/index.d.ts

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

package/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("./combobox"), exports);

package/components.d.ts

@@ -1,127 +0,0 @@
-import * as avatarFileInputStories from "./avatar-file-input/avatar-file-input.stories";
-import * as checkboxButtonStories from "./checkbox-button/checkbox-button.stories";
-import * as checkboxInputStories from "./checkbox-input/checkbox-input.stories";
-import * as checkboxListStories from "./checkbox-list/checkbox-list.stories";
-import * as colorRadioGroupStories from "./color-radio-group/color-radio-group.stories";
-import * as comboboxStories from "./combobox/combobox.stories";
-import * as datePickerInputStories from "./date-picker-input/date-picker-input.stories";
-import * as dateRangePickerInputStories from "./date-range-picker-input/date-range-picker-input.stories";
-import * as datetimePickerInputStories from "./datetime-picker-input/datetime-picker-input.stories";
-import * as dropzoneStories from "./dropzone/dropzone.stories";
-import * as fileInputStories from "./file-input/file-input.stories";
-import * as formStories from "./form/form.stories";
-import * as formRendererStories from "./form-renderer/form-renderer.stories";
-import * as gpsInputStories from "./gps-input/gps-input.stories";
-import * as moneyInputStories from "./money-input/money-input.stories";
-import * as multiComboboxStories from "./multi-combobox/multi-combobox.stories";
-import * as multiSelectStories from "./multi-select/multi-select.stories";
-import * as numberInputStories from "./number-input/number-input.stories";
-import * as passwordInputStories from "./password-input/password-input.stories";
-import * as radioGroupStories from "./radio-group/radio-group.stories";
-import * as selectStories from "./select/select.stories";
-import * as textInputStories from "./text-input/text-input.stories";
-import * as textareaStories from "./textarea/textarea.stories";
-import * as timePickerInputStories from "./time-picker-input/time-picker-input.stories";
-import * as toggleStories from "./toggle/toggle.stories";
-export declare const components: {
-    readonly "avatar-file-input": {
-        readonly title: "AvatarFileInput";
-        readonly stories: typeof avatarFileInputStories;
-    };
-    readonly "checkbox-button": {
-        readonly title: "CheckboxButton";
-        readonly stories: typeof checkboxButtonStories;
-    };
-    readonly "checkbox-input": {
-        readonly title: "CheckboxInput";
-        readonly stories: typeof checkboxInputStories;
-    };
-    readonly "checkbox-list": {
-        readonly title: "CheckboxList";
-        readonly stories: typeof checkboxListStories;
-    };
-    readonly "color-radio-group": {
-        readonly title: "ColorRadioGroup";
-        readonly stories: typeof colorRadioGroupStories;
-    };
-    readonly combobox: {
-        readonly title: "Combobox";
-        readonly stories: typeof comboboxStories;
-    };
-    readonly "date-picker-input": {
-        readonly title: "DatePickerInput";
-        readonly stories: typeof datePickerInputStories;
-    };
-    readonly "date-range-picker-input": {
-        readonly title: "DateRangePickerInput";
-        readonly stories: typeof dateRangePickerInputStories;
-    };
-    readonly "datetime-picker-input": {
-        readonly title: "DatetimePickerInput";
-        readonly stories: typeof datetimePickerInputStories;
-    };
-    readonly dropzone: {
-        readonly title: "Dropzone";
-        readonly stories: typeof dropzoneStories;
-    };
-    readonly "file-input": {
-        readonly title: "FileInput";
-        readonly stories: typeof fileInputStories;
-    };
-    readonly form: {
-        readonly title: "Form";
-        readonly stories: typeof formStories;
-    };
-    readonly "form-renderer": {
-        readonly title: "FormRenderer";
-        readonly stories: typeof formRendererStories;
-    };
-    readonly "gps-input": {
-        readonly title: "GpsInput";
-        readonly stories: typeof gpsInputStories;
-    };
-    readonly "money-input": {
-        readonly title: "MoneyInput";
-        readonly stories: typeof moneyInputStories;
-    };
-    readonly "multi-combobox": {
-        readonly title: "MultiCombobox";
-        readonly stories: typeof multiComboboxStories;
-    };
-    readonly "multi-select": {
-        readonly title: "MultiSelect";
-        readonly stories: typeof multiSelectStories;
-    };
-    readonly "number-input": {
-        readonly title: "NumberInput";
-        readonly stories: typeof numberInputStories;
-    };
-    readonly "password-input": {
-        readonly title: "PasswordInput";
-        readonly stories: typeof passwordInputStories;
-    };
-    readonly "radio-group": {
-        readonly title: "RadioGroup";
-        readonly stories: typeof radioGroupStories;
-    };
-    readonly select: {
-        readonly title: "Select";
-        readonly stories: typeof selectStories;
-    };
-    readonly "text-input": {
-        readonly title: "TextInput";
-        readonly stories: typeof textInputStories;
-    };
-    readonly textarea: {
-        readonly title: "Textarea";
-        readonly stories: typeof textareaStories;
-    };
-    readonly "time-picker-input": {
-        readonly title: "TimePickerInput";
-        readonly stories: typeof timePickerInputStories;
-    };
-    readonly toggle: {
-        readonly title: "Toggle";
-        readonly stories: typeof toggleStories;
-    };
-};

package/components.js

@@ -1,154 +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.components = void 0;
-// generated file
-const avatarFileInputStories = __importStar(require("./avatar-file-input/avatar-file-input.stories"));
-const checkboxButtonStories = __importStar(require("./checkbox-button/checkbox-button.stories"));
-const checkboxInputStories = __importStar(require("./checkbox-input/checkbox-input.stories"));
-const checkboxListStories = __importStar(require("./checkbox-list/checkbox-list.stories"));
-const colorRadioGroupStories = __importStar(require("./color-radio-group/color-radio-group.stories"));
-const comboboxStories = __importStar(require("./combobox/combobox.stories"));
-const datePickerInputStories = __importStar(require("./date-picker-input/date-picker-input.stories"));
-const dateRangePickerInputStories = __importStar(require("./date-range-picker-input/date-range-picker-input.stories"));
-const datetimePickerInputStories = __importStar(require("./datetime-picker-input/datetime-picker-input.stories"));
-const dropzoneStories = __importStar(require("./dropzone/dropzone.stories"));
-const fileInputStories = __importStar(require("./file-input/file-input.stories"));
-const formStories = __importStar(require("./form/form.stories"));
-const formRendererStories = __importStar(require("./form-renderer/form-renderer.stories"));
-const gpsInputStories = __importStar(require("./gps-input/gps-input.stories"));
-const moneyInputStories = __importStar(require("./money-input/money-input.stories"));
-const multiComboboxStories = __importStar(require("./multi-combobox/multi-combobox.stories"));
-const multiSelectStories = __importStar(require("./multi-select/multi-select.stories"));
-const numberInputStories = __importStar(require("./number-input/number-input.stories"));
-const passwordInputStories = __importStar(require("./password-input/password-input.stories"));
-const radioGroupStories = __importStar(require("./radio-group/radio-group.stories"));
-const selectStories = __importStar(require("./select/select.stories"));
-const textInputStories = __importStar(require("./text-input/text-input.stories"));
-const textareaStories = __importStar(require("./textarea/textarea.stories"));
-const timePickerInputStories = __importStar(require("./time-picker-input/time-picker-input.stories"));
-const toggleStories = __importStar(require("./toggle/toggle.stories"));
-exports.components = {
-    "avatar-file-input": {
-        title: "AvatarFileInput",
-        stories: avatarFileInputStories
-    },
-    "checkbox-button": {
-        title: "CheckboxButton",
-        stories: checkboxButtonStories
-    },
-    "checkbox-input": {
-        title: "CheckboxInput",
-        stories: checkboxInputStories
-    },
-    "checkbox-list": {
-        title: "CheckboxList",
-        stories: checkboxListStories
-    },
-    "color-radio-group": {
-        title: "ColorRadioGroup",
-        stories: colorRadioGroupStories
-    },
-    "combobox": {
-        title: "Combobox",
-        stories: comboboxStories
-    },
-    "date-picker-input": {
-        title: "DatePickerInput",
-        stories: datePickerInputStories
-    },
-    "date-range-picker-input": {
-        title: "DateRangePickerInput",
-        stories: dateRangePickerInputStories
-    },
-    "datetime-picker-input": {
-        title: "DatetimePickerInput",
-        stories: datetimePickerInputStories
-    },
-    "dropzone": {
-        title: "Dropzone",
-        stories: dropzoneStories
-    },
-    "file-input": {
-        title: "FileInput",
-        stories: fileInputStories
-    },
-    "form": {
-        title: "Form",
-        stories: formStories
-    },
-    "form-renderer": {
-        title: "FormRenderer",
-        stories: formRendererStories
-    },
-    "gps-input": {
-        title: "GpsInput",
-        stories: gpsInputStories
-    },
-    "money-input": {
-        title: "MoneyInput",
-        stories: moneyInputStories
-    },
-    "multi-combobox": {
-        title: "MultiCombobox",
-        stories: multiComboboxStories
-    },
-    "multi-select": {
-        title: "MultiSelect",
-        stories: multiSelectStories
-    },
-    "number-input": {
-        title: "NumberInput",
-        stories: numberInputStories
-    },
-    "password-input": {
-        title: "PasswordInput",
-        stories: passwordInputStories
-    },
-    "radio-group": {
-        title: "RadioGroup",
-        stories: radioGroupStories
-    },
-    "select": {
-        title: "Select",
-        stories: selectStories
-    },
-    "text-input": {
-        title: "TextInput",
-        stories: textInputStories
-    },
-    "textarea": {
-        title: "Textarea",
-        stories: textareaStories
-    },
-    "time-picker-input": {
-        title: "TimePickerInput",
-        stories: timePickerInputStories
-    },
-    "toggle": {
-        title: "Toggle",
-        stories: toggleStories
-    },
-};

package/date-picker-input/date-picker-input.d.ts

@@ -1,15 +0,0 @@
-import { DatePickerInputProps as UIDatePickerInputProps } from "@uxf/ui/date-picker-input";
-import React from "react";
-import { FieldValues } from "react-hook-form";
-import { ControlProps } from "../types";
-export type DatePickerInputProps<FormData extends FieldValues> = ControlProps<FormData> & Omit<UIDatePickerInputProps, "isFocused" | "isInvalid" | "max" | "min" | "name" | "onChange" | "pattern" | "step" | "value"> & {
-    onChange?: UIDatePickerInputProps["onChange"];
-    requiredMessage?: string;
-    minDate?: string;
-    maxDate?: string;
-};
-export type DatePickerInputValue = string | null;
-export declare function DatePickerInput<FormData extends FieldValues>(props: DatePickerInputProps<FormData>): React.JSX.Element;
-export declare namespace DatePickerInput {
-    var displayName: string;
-}

package/date-picker-input/date-picker-input.js

@@ -1,89 +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.DatePickerInput = DatePickerInput;
-const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
-const date_picker_input_1 = require("@uxf/ui/date-picker-input");
-const dayjs_1 = __importStar(require("dayjs"));
-const customParseFormat_1 = __importDefault(require("dayjs/plugin/customParseFormat"));
-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");
-(0, dayjs_1.extend)(customParseFormat_1.default);
-function DatePickerInput(props) {
-    var _a, _b, _c, _d, _e, _f;
-    const formContext = (0, form_context_1.useFormContext)();
-    const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${formContext.formId}__${props.name}`;
-    const displayDateFormat = (_b = props.displayDateFormat) !== null && _b !== void 0 ? _b : date_picker_input_1.DISPLAY_DATE_FORMAT;
-    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,
-            validate: {
-                validDate: (value) => {
-                    if (!value) {
-                        return;
-                    }
-                    if (!(0, dayjs_1.default)(value, date_picker_input_1.OUTPUT_DATE_FORMAT, true).isValid()) {
-                        return `Datum musí být ve formátu ${displayDateFormat}.`;
-                    }
-                },
-                validDateRange: (value) => {
-                    if (!value) {
-                        return;
-                    }
-                    if (props.minDate && (0, dayjs_1.default)(value, date_picker_input_1.OUTPUT_DATE_FORMAT, true).isBefore(props.minDate)) {
-                        return `Minimální datum, který je možné zadat, je: ${(0, dayjs_1.default)(props.minDate).format(displayDateFormat)}`;
-                    }
-                    if (props.maxDate && (0, dayjs_1.default)(value, date_picker_input_1.OUTPUT_DATE_FORMAT, true).isAfter(props.maxDate)) {
-                        return `Maximální datum, který je možné zadat, je: ${(0, dayjs_1.default)(props.maxDate).format(displayDateFormat)}`;
-                    }
-                },
-                ...(typeof ((_c = props.rules) === null || _c === void 0 ? void 0 : _c.validate) === "function"
-                    ? { custom: props.rules.validate }
-                    : (_d = props.rules) === null || _d === void 0 ? void 0 : _d.validate),
-            },
-        },
-        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);
-    };
-    return (react_1.default.createElement(date_picker_input_1.DatePickerInput, { allowedDateFormats: props.allowedDateFormats, autoFocus: props.autoFocus, bottomContent: props.bottomContent, className: props.className, datesConfig: props.datesConfig, displayDateFormat: props.displayDateFormat, form: props.form, helperText: (_f = (_e = fieldState.error) === null || _e === void 0 ? void 0 : _e.message) !== null && _f !== void 0 ? _f : props.helperText, hiddenLabel: props.hiddenLabel, id: id, isClearable: props.isClearable, isDisabled: formContext.isFormDisabled || props.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, maxDate: props.maxDate, minDate: props.minDate, name: field.name, onBlur: onBlur, onChange: onChange, onFocus: props.onFocus, placeholder: props.placeholder, popoverPlacement: props.popoverPlacement, popoverStrategy: props.popoverStrategy, ref: field.ref, rightAddon: props.rightAddon, rightElement: props.rightElement, size: props.size, style: props.style, triggerElement: props.triggerElement, unavailableDates: props.unavailableDates, value: field.value, variant: props.variant }));
-}
-DatePickerInput.displayName = "UxfFormDatePickerInput";

package/date-picker-input/date-picker-input.stories.d.ts

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

package/date-picker-input/date-picker-input.stories.js

@@ -1,31 +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 date_picker_input_1 = require("@uxf/ui/date-picker-input");
-const dayjs_1 = __importDefault(require("dayjs"));
-const react_1 = __importDefault(require("react"));
-const storybook_form_1 = require("../storybook/storybook-form");
-const date_picker_input_2 = require("./date-picker-input");
-exports.default = {
-    title: "Form/DatePickerInput",
-    component: date_picker_input_2.DatePickerInput,
-};
-function Default() {
-    const storyFormDatePickers = (control) => (react_1.default.createElement("div", { className: "space-y-4" },
-        react_1.default.createElement(date_picker_input_2.DatePickerInput, { control: control, isClearable: true, isRequired: true, label: "Default date picker", name: "default" }),
-        react_1.default.createElement(date_picker_input_2.DatePickerInput, { control: control, isClearable: true, isRequired: true, label: "Default date picker with default value", name: "withDefaultValue" }),
-        react_1.default.createElement(date_picker_input_2.DatePickerInput, { control: control, isClearable: true, isRequired: true, label: "Date picker with input min/max validation - only next 7 days", maxDate: (0, dayjs_1.default)().add(6, "days").format(date_picker_input_1.OUTPUT_DATE_FORMAT), minDate: (0, dayjs_1.default)().format(date_picker_input_1.OUTPUT_DATE_FORMAT), name: "withMinMaxValidation" }),
-        react_1.default.createElement(date_picker_input_2.DatePickerInput, { allowedDateFormats: ["MM/DD/YYYY", "M/D/YYYY"], control: control, displayDateFormat: "MM/DD/YYYY", id: "date-custom-format", isClearable: true, label: "Datum s vlastn\u00EDm form\u00E1tem (US)", name: "date" }),
-        react_1.default.createElement(date_picker_input_2.DatePickerInput, { bottomContent: react_1.default.createElement("div", null,
-                "Bottom content",
-                react_1.default.createElement("p", null, "Here can goes anything")), control: control, isClearable: true, isRequired: true, label: "With bottom content", name: "default" }),
-        react_1.default.createElement(button_1.Button, { type: "submit" }, "Submit")));
-    return (react_1.default.createElement(storybook_form_1.StorybookForm, { defaultValues: {
-            withDefaultValue: (0, dayjs_1.default)("2023-10-20T14:32:10.511").format("YYYY-MM-DD"),
-        } }, ({ control }) => (react_1.default.createElement("div", { className: "flex flex-col lg:flex-row" },
-        react_1.default.createElement("div", { className: "light space-y-2 p-20 lg:w-1/2" }, storyFormDatePickers(control))))));
-}

package/date-picker-input/index.d.ts

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

package/date-picker-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("./date-picker-input"), exports);

package/date-range-picker-input/date-range-picker-input.d.ts

@@ -1,12 +0,0 @@
-import { DateRangePickerInputProps as UIDateRangePickerInputProps } from "@uxf/ui/date-range-picker-input";
-import React from "react";
-import { FieldValues } from "react-hook-form";
-import { ControlProps } from "../types";
-export type DateRangePickerInputProps<FormData extends FieldValues> = ControlProps<FormData> & Omit<UIDateRangePickerInputProps, "isFocused" | "isInvalid" | "max" | "min" | "name" | "onChange" | "pattern" | "step" | "value"> & {
-    onChange?: UIDateRangePickerInputProps["onChange"];
-    requiredMessage?: string;
-};
-export declare function DateRangePickerInput<FormData extends FieldValues>(props: DateRangePickerInputProps<FormData>): React.JSX.Element;
-export declare namespace DateRangePickerInput {
-    var displayName: string;
-}

package/date-range-picker-input/date-range-picker-input.js

@@ -1,106 +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.DateRangePickerInput = DateRangePickerInput;
-const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
-const date_range_picker_input_1 = require("@uxf/ui/date-range-picker-input");
-const date_range_picker_input_2 = require("@uxf/ui/date-range-picker-input/date-range-picker-input");
-const dayjs_1 = __importStar(require("dayjs"));
-const customParseFormat_1 = __importDefault(require("dayjs/plugin/customParseFormat"));
-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");
-(0, dayjs_1.extend)(customParseFormat_1.default);
-const OUTPUT_DATE_FORMAT = "YYYY-MM-DD";
-function DateRangePickerInput(props) {
-    var _a, _b, _c, _d;
-    const formContext = (0, form_context_1.useFormContext)();
-    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,
-            validate: {
-                validDate: (value) => {
-                    if (!value) {
-                        return;
-                    }
-                    const { from, to } = (0, date_range_picker_input_2.splitValueToRange)(value);
-                    const fromIsValid = (0, dayjs_1.default)(from, date_range_picker_input_2.ALLOWED_DATE_FORMAT, true).isValid();
-                    const toIsValid = (0, dayjs_1.default)(to, date_range_picker_input_2.ALLOWED_DATE_FORMAT, true).isValid();
-                    if (!fromIsValid || !toIsValid) {
-                        return "Rozsah musí být ve formátu D. M. YYYY. - D. M. YYYY.";
-                    }
-                    if ((0, dayjs_1.default)(from).isAfter((0, dayjs_1.default)(to), "day")) {
-                        return "Koncové datum nemůže předcházet počátečnímu datu.";
-                    }
-                },
-                ...(typeof ((_a = props.rules) === null || _a === void 0 ? void 0 : _a.validate) === "function"
-                    ? { custom: props.rules.validate }
-                    : (_b = props.rules) === null || _b === void 0 ? void 0 : _b.validate),
-            },
-        },
-        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;
-        if (value) {
-            const { from, to } = (0, date_range_picker_input_2.splitValueToRange)(value);
-            const fromIsValid = (0, dayjs_1.default)(from, date_range_picker_input_2.ALLOWED_DATE_FORMAT, true).isValid();
-            const toIsValid = (0, dayjs_1.default)(to, date_range_picker_input_2.ALLOWED_DATE_FORMAT, true).isValid();
-            if (fromIsValid || toIsValid) {
-                field.onChange((fromIsValid ? (0, dayjs_1.default)(from, date_range_picker_input_2.ALLOWED_DATE_FORMAT, true).format(OUTPUT_DATE_FORMAT) : from) +
-                    date_range_picker_input_2.SEPARATOR +
-                    (toIsValid ? (0, dayjs_1.default)(to, date_range_picker_input_2.ALLOWED_DATE_FORMAT, true).format(OUTPUT_DATE_FORMAT) : to));
-            }
-        }
-        else {
-            field.onChange(value);
-        }
-        (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, value, event);
-    };
-    const { from: fieldFrom, to: fieldTo } = (0, date_range_picker_input_2.splitValueToRange)(field.value);
-    const parsedFrom = (0, dayjs_1.default)(fieldFrom, date_range_picker_input_2.ALLOWED_DATE_FORMAT, true);
-    const parsedTo = (0, dayjs_1.default)(fieldTo, date_range_picker_input_2.ALLOWED_DATE_FORMAT, true);
-    const value = field.value
-        ? parsedFrom.isValid() || parsedTo.isValid()
-            ? (parsedFrom.isValid() ? parsedFrom.format(date_range_picker_input_2.DISPLAY_DATE_FORMAT) : fieldFrom) +
-                date_range_picker_input_2.SEPARATOR +
-                (parsedTo.isValid() ? parsedTo.format(date_range_picker_input_2.DISPLAY_DATE_FORMAT) : fieldTo)
-            : field.value
-        : null;
-    return (react_1.default.createElement(date_range_picker_input_1.DateRangePickerInput, { autoFocus: props.autoFocus, bottomContent: props.bottomContent, className: props.className, datesConfig: props.datesConfig, 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, id: props.id, isClearable: props.isClearable, isDisabled: formContext.isFormDisabled || props.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, name: field.name, numberOfMonths: props.numberOfMonths, onBlur: onBlur, onChange: onChange, onFocus: props.onFocus, placeholder: props.placeholder, popoverPlacement: props.popoverPlacement, popoverStrategy: props.popoverStrategy, ref: field.ref, rightAddon: props.rightAddon, rightElement: props.rightElement, size: props.size, style: props.style, triggerElement: props.triggerElement, unavailableDates: props.unavailableDates, value: value, variant: props.variant }));
-}
-DateRangePickerInput.displayName = "UxfFormDateRangePickerInput";

package/date-range-picker-input/date-range-picker-input.stories.d.ts

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