@uxf/form 11.31.2 → 11.32.0

package/avatar-file-input/avatar-file-input.js

@@ -3,13 +3,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AvatarFileInput = void 0;
+exports.AvatarFileInput = AvatarFileInput;
+const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 const avatar_file_input_1 = require("@uxf/ui/avatar-file-input");
 const react_1 = __importDefault(require("react"));
 const react_hook_form_1 = require("react-hook-form");
 const form_id_context_1 = require("../form-id-context");
 function AvatarFileInput(props) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c;
     const formId = (0, form_id_context_1.useFormIdContext)();
     const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${formId}__${props.name}`;
     const { field, fieldState } = (0, react_hook_form_1.useController)({
@@ -17,7 +18,7 @@ function AvatarFileInput(props) {
         name: props.name,
         rules: {
             required: props.isRequired ? props.requiredMessage || "Toto pole je povinné" : undefined,
-            ...((_b = props.rules) !== null && _b !== void 0 ? _b : {}),
+            ...props.rules,
         },
         shouldUnregister: props.shouldUnregister,
     });
@@ -31,7 +32,6 @@ function AvatarFileInput(props) {
         field.onChange(value);
         (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, value, event);
     };
-    return (react_1.default.createElement(avatar_file_input_1.AvatarFileInput, { accept: props.accept, "aria-describedby": props["aria-describedby"], className: props.className, customControls: props.customControls, 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, icon: props.icon, id: id, isDisabled: props.isDisabled, isInvalid: !!fieldState.error, isReadOnly: props.isReadOnly, isRequired: props.isRequired, label: props.label, maxFileSize: props.maxFileSize, name: field.name, onBlur: onBlur, onChange: onChange, onFocus: props.onFocus, onUploadError: props.onUploadError, onUploadFile: props.onUploadFile, ref: field.ref, removeFileLabel: props.removeFileLabel, selectFileLabel: props.selectFileLabel, value: field.value, variant: props.variant }));
+    return (react_1.default.createElement(avatar_file_input_1.AvatarFileInput, { accept: props.accept, "aria-describedby": props["aria-describedby"], className: props.className, customControls: props.customControls, form: props.form, helperText: (_c = (_b = fieldState.error) === null || _b === void 0 ? void 0 : _b.message) !== null && _c !== void 0 ? _c : props.helperText, hiddenLabel: props.hiddenLabel, icon: props.icon, id: id, isDisabled: props.isDisabled, isInvalid: (0, is_not_nil_1.isNotNil)(fieldState.error), isReadOnly: props.isReadOnly, isRequired: props.isRequired, label: props.label, maxFileSize: props.maxFileSize, name: field.name, onBlur: onBlur, onChange: onChange, onFocus: props.onFocus, onUploadError: props.onUploadError, onUploadFile: props.onUploadFile, ref: field.ref, removeFileLabel: props.removeFileLabel, selectFileLabel: props.selectFileLabel, value: field.value, variant: props.variant }));
 }
-exports.AvatarFileInput = AvatarFileInput;
 AvatarFileInput.displayName = "UxfFormAvatarFileInput";

package/avatar-file-input/avatar-file-input.stories.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
+exports.Default = Default;
 const button_1 = require("@uxf/ui/button");
 const upload_file_mock_1 = require("@uxf/ui/utils/mocks/upload-file.mock");
 const react_1 = __importDefault(require("react"));
@@ -21,4 +21,3 @@ function Default() {
     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" }, storyFormAvatarFileInputs(control, "light"))))));
 }
-exports.Default = Default;

package/checkbox-button/checkbox-button.js

@@ -3,13 +3,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CheckboxButton = void 0;
+exports.CheckboxButton = CheckboxButton;
+const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 const checkbox_button_1 = require("@uxf/ui/checkbox-button");
 const react_1 = __importDefault(require("react"));
 const react_hook_form_1 = require("react-hook-form");
 const form_id_context_1 = require("../form-id-context");
 function CheckboxButton(props) {
-    var _a, _b, _c;
+    var _a, _b;
     const formId = (0, form_id_context_1.useFormIdContext)();
     const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${formId}__${props.name}`;
     const { field, fieldState } = (0, react_hook_form_1.useController)({
@@ -17,7 +18,7 @@ function CheckboxButton(props) {
         name: props.name,
         rules: {
             required: props.isRequired ? props.requiredMessage || "Toto pole je povinné" : undefined,
-            ...((_b = props.rules) !== null && _b !== void 0 ? _b : {}),
+            ...props.rules,
         },
         shouldUnregister: props.shouldUnregister,
     });
@@ -31,7 +32,6 @@ function CheckboxButton(props) {
         field.onChange(value);
         (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, value, event);
     };
-    return (react_1.default.createElement(checkbox_button_1.CheckboxButton, { className: props.className, id: id, isDisabled: props.isDisabled, isInvalid: !!fieldState.error, isReadOnly: props.isReadOnly, isRequired: props.isRequired, label: props.label, name: field.name, onBlur: onBlur, onChange: onChange, onFocus: props.onFocus, ref: field.ref, style: props.style, value: (_c = field.value) !== null && _c !== void 0 ? _c : (!props.nullable ? false : undefined) }));
+    return (react_1.default.createElement(checkbox_button_1.CheckboxButton, { className: props.className, id: id, isDisabled: props.isDisabled, isInvalid: (0, is_not_nil_1.isNotNil)(fieldState.error), isReadOnly: props.isReadOnly, isRequired: props.isRequired, label: props.label, name: field.name, onBlur: onBlur, onChange: onChange, onFocus: props.onFocus, ref: field.ref, style: props.style, value: (_b = field.value) !== null && _b !== void 0 ? _b : (!props.nullable ? false : undefined) }));
 }
-exports.CheckboxButton = CheckboxButton;
 CheckboxButton.displayName = "UxfFormCheckboxButton";

package/checkbox-button/checkbox-button.stories.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
+exports.Default = Default;
 const button_1 = require("@uxf/ui/button");
 const react_1 = __importDefault(require("react"));
 const storybook_form_1 = require("../storybook/storybook-form");
@@ -14,12 +14,11 @@ exports.default = {
 };
 function Default() {
     const storyFormCheckboxes = (control) => (react_1.default.createElement("div", { className: "flex flex-col space-y-2" },
-        react_1.default.createElement(checkbox_button_1.CheckboxButton, { label: "CheckboxButton form", name: "checkbox-button1", control: control }),
-        react_1.default.createElement(checkbox_button_1.CheckboxButton, { label: "CheckboxButton form required", name: "checkbox-button-required", control: control, isRequired: true }),
-        react_1.default.createElement(checkbox_button_1.CheckboxButton, { label: "CheckboxButton form disabled", name: "checkbox-button-disabled", control: control, isDisabled: true }),
-        react_1.default.createElement(checkbox_button_1.CheckboxButton, { label: "CheckboxButton form readOnly", name: "checkbox-button-read-only", control: control, isReadOnly: true }),
+        react_1.default.createElement(checkbox_button_1.CheckboxButton, { control: control, label: "CheckboxButton form", name: "checkbox-button1" }),
+        react_1.default.createElement(checkbox_button_1.CheckboxButton, { control: control, isRequired: true, label: "CheckboxButton form required", name: "checkbox-button-required" }),
+        react_1.default.createElement(checkbox_button_1.CheckboxButton, { control: control, isDisabled: true, label: "CheckboxButton form disabled", name: "checkbox-button-disabled" }),
+        react_1.default.createElement(checkbox_button_1.CheckboxButton, { control: control, isReadOnly: true, label: "CheckboxButton form readOnly", name: "checkbox-button-read-only" }),
         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" }, storyFormCheckboxes(control))))));
 }
-exports.Default = Default;

package/checkbox-input/checkbox-input.js

@@ -3,13 +3,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CheckboxInput = void 0;
+exports.CheckboxInput = CheckboxInput;
+const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 const checkbox_input_1 = require("@uxf/ui/checkbox-input");
 const react_1 = __importDefault(require("react"));
 const react_hook_form_1 = require("react-hook-form");
 const form_id_context_1 = require("../form-id-context");
 function CheckboxInput(props) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d;
     const formId = (0, form_id_context_1.useFormIdContext)();
     const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${formId}__${props.name}`;
     const { field, fieldState } = (0, react_hook_form_1.useController)({
@@ -17,7 +18,7 @@ function CheckboxInput(props) {
         name: props.name,
         rules: {
             required: props.isRequired ? props.requiredMessage || "Toto pole je povinné" : undefined,
-            ...((_b = props.rules) !== null && _b !== void 0 ? _b : {}),
+            ...props.rules,
         },
         shouldUnregister: props.shouldUnregister,
     });
@@ -31,7 +32,6 @@ function CheckboxInput(props) {
         field.onChange(value);
         (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, value, event);
     };
-    return (react_1.default.createElement(checkbox_input_1.CheckboxInput, { className: props.className, helperText: (_d = (_c = fieldState.error) === null || _c === void 0 ? void 0 : _c.message) !== null && _d !== void 0 ? _d : props.helperText, hiddenLabel: props.hiddenLabel, id: id, isDisabled: props.isDisabled, isInvalid: !!fieldState.error, isReadOnly: props.isReadOnly, isRequired: props.isRequired, label: props.label, name: field.name, onBlur: onBlur, onChange: onChange, onFocus: props.onFocus, ref: field.ref, size: props.size, style: props.style, value: (_e = field.value) !== null && _e !== void 0 ? _e : (!props.nullable ? false : undefined) }));
+    return (react_1.default.createElement(checkbox_input_1.CheckboxInput, { className: props.className, helperText: (_c = (_b = fieldState.error) === null || _b === void 0 ? void 0 : _b.message) !== null && _c !== void 0 ? _c : props.helperText, hiddenLabel: props.hiddenLabel, id: id, isDisabled: props.isDisabled, isInvalid: (0, is_not_nil_1.isNotNil)(fieldState.error), isReadOnly: props.isReadOnly, isRequired: props.isRequired, label: props.label, name: field.name, onBlur: onBlur, onChange: onChange, onFocus: props.onFocus, ref: field.ref, size: props.size, style: props.style, value: (_d = field.value) !== null && _d !== void 0 ? _d : (!props.nullable ? false : undefined) }));
 }
-exports.CheckboxInput = CheckboxInput;
 CheckboxInput.displayName = "UxfFormCheckboxInput";

package/checkbox-input/checkbox-input.stories.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
+exports.Default = Default;
 const button_1 = require("@uxf/ui/button");
 const react_1 = __importDefault(require("react"));
 const storybook_form_1 = require("../storybook/storybook-form");
@@ -14,12 +14,11 @@ exports.default = {
 };
 function Default() {
     const storyFormCheckboxes = (control) => (react_1.default.createElement("div", { className: "space-y-2" },
-        react_1.default.createElement(checkbox_input_1.CheckboxInput, { label: "CheckboxInput form", name: "checkbox1", control: control }),
-        react_1.default.createElement(checkbox_input_1.CheckboxInput, { label: "CheckboxInput form required", name: "checkbox-required", control: control, isRequired: true }),
-        react_1.default.createElement(checkbox_input_1.CheckboxInput, { label: "CheckboxInput form disabled", name: "checkbox-disabled", control: control, isDisabled: true }),
-        react_1.default.createElement(checkbox_input_1.CheckboxInput, { label: "CheckboxInput form readOnly", name: "checkbox-readonly", control: control, isReadOnly: true }),
+        react_1.default.createElement(checkbox_input_1.CheckboxInput, { control: control, label: "CheckboxInput form", name: "checkbox1" }),
+        react_1.default.createElement(checkbox_input_1.CheckboxInput, { control: control, isRequired: true, label: "CheckboxInput form required", name: "checkbox-required" }),
+        react_1.default.createElement(checkbox_input_1.CheckboxInput, { control: control, isDisabled: true, label: "CheckboxInput form disabled", name: "checkbox-disabled" }),
+        react_1.default.createElement(checkbox_input_1.CheckboxInput, { control: control, isReadOnly: true, label: "CheckboxInput form readOnly", name: "checkbox-readonly" }),
         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" }, storyFormCheckboxes(control))))));
 }
-exports.Default = Default;

package/color-radio-group/color-radio-group.js

@@ -3,13 +3,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ColorRadioGroup = void 0;
+exports.ColorRadioGroup = ColorRadioGroup;
+const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 const color_radio_group_1 = require("@uxf/ui/color-radio-group");
 const react_1 = __importDefault(require("react"));
 const react_hook_form_1 = require("react-hook-form");
 const form_id_context_1 = require("../form-id-context");
 function ColorRadioGroup(props) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d;
     const formId = (0, form_id_context_1.useFormIdContext)();
     const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${formId}__${props.name}`;
     const { field, fieldState } = (0, react_hook_form_1.useController)({
@@ -17,7 +18,7 @@ function ColorRadioGroup(props) {
         name: props.name,
         rules: {
             required: props.isRequired ? props.requiredMessage || "Toto pole je povinné" : undefined,
-            ...((_b = props.rules) !== null && _b !== void 0 ? _b : {}),
+            ...props.rules,
         },
         shouldUnregister: props.shouldUnregister,
     });
@@ -31,7 +32,6 @@ function ColorRadioGroup(props) {
         field.onChange(value);
         (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, value, event);
     };
-    return (react_1.default.createElement(color_radio_group_1.ColorRadioGroup, { className: props.className, helperText: (_d = (_c = fieldState.error) === null || _c === void 0 ? void 0 : _c.message) !== null && _d !== void 0 ? _d : props.helperText, hiddenLabel: props.hiddenLabel, id: id, isDisabled: props.options.length === 0 || props.isDisabled, isInvalid: !!fieldState.error, isReadOnly: props.isReadOnly, isRequired: props.isRequired, label: props.label, name: field.name, onBlur: onBlur, onChange: onChange, onFocus: props.onFocus, options: props.options, ref: field.ref, style: props.style, value: (_e = field.value) !== null && _e !== void 0 ? _e : null }));
+    return (react_1.default.createElement(color_radio_group_1.ColorRadioGroup, { className: props.className, helperText: (_c = (_b = fieldState.error) === null || _b === void 0 ? void 0 : _b.message) !== null && _c !== void 0 ? _c : props.helperText, hiddenLabel: props.hiddenLabel, id: id, isDisabled: props.options.length === 0 || props.isDisabled, isInvalid: (0, is_not_nil_1.isNotNil)(fieldState.error), isReadOnly: props.isReadOnly, isRequired: props.isRequired, label: props.label, name: field.name, onBlur: onBlur, onChange: onChange, onFocus: props.onFocus, options: props.options, ref: field.ref, style: props.style, value: (_d = field.value) !== null && _d !== void 0 ? _d : null }));
 }
-exports.ColorRadioGroup = ColorRadioGroup;
 ColorRadioGroup.displayName = "UxfFormColorRadioGroup";

package/color-radio-group/color-radio-group.stories.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
+exports.Default = Default;
 const button_1 = require("@uxf/ui/button");
 const react_1 = __importDefault(require("react"));
 const storybook_form_1 = require("../storybook/storybook-form");
@@ -60,4 +60,3 @@ function Default() {
     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" }, storyFormColorRadioGroup(control))))));
 }
-exports.Default = Default;

package/combobox/combobox.js

@@ -3,15 +3,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Combobox = void 0;
+exports.Combobox = Combobox;
+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 combobox_1 = require("@uxf/ui/combobox");
 const react_1 = __importDefault(require("react"));
 const react_hook_form_1 = require("react-hook-form");
 const form_id_context_1 = require("../form-id-context");
 function Combobox(props) {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e;
     const formId = (0, form_id_context_1.useFormIdContext)();
     const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${formId}__${props.name}`;
     const { field, fieldState } = (0, react_hook_form_1.useController)({
@@ -19,7 +21,7 @@ function Combobox(props) {
         name: props.name,
         rules: {
             required: props.isRequired ? props.requiredMessage || "Toto pole je povinné" : undefined,
-            ...((_b = props.rules) !== null && _b !== void 0 ? _b : {}),
+            ...props.rules,
         },
         shouldUnregister: props.shouldUnregister,
     });
@@ -33,7 +35,7 @@ function Combobox(props) {
         field.onChange(value);
         (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, value, event);
     };
-    return (react_1.default.createElement(combobox_1.Combobox, { 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, inputRef: field.ref, isClearable: props.isClearable, isDisabled: ((0, is_nil_1.isNil)(props.loadOptions) && (0, is_empty_1.isEmpty)((_e = props.options) !== null && _e !== void 0 ? _e : [])) || props.isDisabled, isInvalid: !!fieldState.error, isReadOnly: props.isReadOnly, isRequired: props.isRequired, keyExtractor: props.keyExtractor, 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, renderOption: props.renderOption, rightAddon: props.rightAddon, rightElement: props.rightElement, size: props.size, style: props.style, value: (_f = field.value) !== null && _f !== void 0 ? _f : null, variant: props.variant }));
+    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)) || props.isDisabled;
+    return (react_1.default.createElement(combobox_1.Combobox, { 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, inputRef: field.ref, isClearable: props.isClearable, isDisabled: isDisabled, isInvalid: (0, is_not_nil_1.isNotNil)(fieldState.error), isReadOnly: props.isReadOnly, isRequired: props.isRequired, keyExtractor: props.keyExtractor, 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, renderOption: props.renderOption, rightAddon: props.rightAddon, rightElement: props.rightElement, size: props.size, style: props.style, value: (_e = field.value) !== null && _e !== void 0 ? _e : null, variant: props.variant }));
 }
-exports.Combobox = Combobox;
 Combobox.displayName = "UxfFormCombobox";

package/combobox/combobox.stories.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
+exports.Default = Default;
 const button_1 = require("@uxf/ui/button");
 const react_1 = __importDefault(require("react"));
 const storybook_form_1 = require("../storybook/storybook-form");
@@ -19,13 +19,12 @@ const options = [
 ];
 function Default() {
     const storyFormComboboxes = (control) => (react_1.default.createElement("div", { className: "space-y-8" },
-        react_1.default.createElement(combobox_1.Combobox, { label: "Combobox form", name: "firstname", control: control, placeholder: "Placeholder", options: options, id: "form-combobox", helperText: "Za\u010Dn\u011Bte ps\u00E1t pro vyhled\u00E1v\u00E1n\u00ED..." }),
-        react_1.default.createElement(combobox_1.Combobox, { label: "Combobox form required", name: "combobox-required", control: control, placeholder: "Placeholder", options: options, id: "form-combobox", isRequired: true, helperText: "Za\u010Dn\u011Bte ps\u00E1t pro vyhled\u00E1v\u00E1n\u00ED..." }),
-        react_1.default.createElement(combobox_1.Combobox, { label: "Combobox form disabled", name: "combobox-disabled", control: control, placeholder: "Placeholder", options: options, id: "form-combobox", isDisabled: true }),
-        react_1.default.createElement(combobox_1.Combobox, { label: "Combobox form with dropdown top", dropdownPlacement: "top", name: "select-dropdown-top", control: control, placeholder: "Placeholder", options: options, id: "form-combobox" }),
-        react_1.default.createElement(combobox_1.Combobox, { label: "Combobox async", dropdownPlacement: "top", name: "select-dropdown-async", control: control, placeholder: "Placeholder", loadOptions: (query) => Promise.resolve(options.filter((option) => !query || option.label.toLowerCase().includes(query.toLowerCase()))), id: "form-combobox", isClearable: true }),
+        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))))));
 }
-exports.Default = Default;

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

@@ -26,7 +26,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DatePickerInput = void 0;
+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"));
@@ -35,7 +36,7 @@ const react_hook_form_1 = require("react-hook-form");
 const form_id_context_1 = require("../form-id-context");
 (0, dayjs_1.extend)(customParseFormat_1.default);
 function DatePickerInput(props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var _a, _b, _c, _d, _e, _f;
     const formId = (0, form_id_context_1.useFormIdContext)();
     const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${formId}__${props.name}`;
     const displayDateFormat = (_b = props.displayDateFormat) !== null && _b !== void 0 ? _b : date_picker_input_1.DISPLAY_DATE_FORMAT;
@@ -44,7 +45,7 @@ function DatePickerInput(props) {
         name: props.name,
         rules: {
             required: props.isRequired ? props.requiredMessage || "Toto pole je povinné" : undefined,
-            ...((_c = props.rules) !== null && _c !== void 0 ? _c : {}),
+            ...props.rules,
             validate: {
                 validDate: (value) => {
                     if (!value) {
@@ -65,9 +66,9 @@ function DatePickerInput(props) {
                         return `Maximální datum, který je možné zadat, je: ${(0, dayjs_1.default)(props.maxDate).format(displayDateFormat)}`;
                     }
                 },
-                ...(typeof ((_d = props.rules) === null || _d === void 0 ? void 0 : _d.validate) === "function"
+                ...(typeof ((_c = props.rules) === null || _c === void 0 ? void 0 : _c.validate) === "function"
                     ? { custom: props.rules.validate }
-                    : (_f = (_e = props.rules) === null || _e === void 0 ? void 0 : _e.validate) !== null && _f !== void 0 ? _f : {}),
+                    : (_d = props.rules) === null || _d === void 0 ? void 0 : _d.validate),
             },
         },
         shouldUnregister: props.shouldUnregister,
@@ -82,7 +83,6 @@ function DatePickerInput(props) {
         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: (_h = (_g = fieldState.error) === null || _g === void 0 ? void 0 : _g.message) !== null && _h !== void 0 ? _h : props.helperText, hiddenLabel: props.hiddenLabel, id: id, isClearable: props.isClearable, isDisabled: props.isDisabled, isInvalid: !!fieldState.error, isReadOnly: 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 }));
+    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: props.isDisabled, isInvalid: (0, is_not_nil_1.isNotNil)(fieldState.error), isReadOnly: 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 }));
 }
-exports.DatePickerInput = DatePickerInput;
 DatePickerInput.displayName = "UxfFormDatePickerInput";

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

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
+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"));
@@ -18,7 +18,7 @@ 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, minDate: (0, dayjs_1.default)().format(date_picker_input_1.OUTPUT_DATE_FORMAT), maxDate: (0, dayjs_1.default)().add(6, "days").format(date_picker_input_1.OUTPUT_DATE_FORMAT), label: "Date picker with input min/max validation - only next 7 days", name: "withMinMaxValidation" }),
+        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",
@@ -29,4 +29,3 @@ function Default() {
         } }, ({ 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))))));
 }
-exports.Default = Default;

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

@@ -26,7 +26,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateRangePickerInput = void 0;
+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"));
@@ -36,13 +37,13 @@ const react_hook_form_1 = require("react-hook-form");
 (0, dayjs_1.extend)(customParseFormat_1.default);
 const OUTPUT_DATE_FORMAT = "YYYY-MM-DD";
 function DateRangePickerInput(props) {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d;
     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,
-            ...((_a = props.rules) !== null && _a !== void 0 ? _a : {}),
+            ...props.rules,
             validate: {
                 validDate: (value) => {
                     if (!value) {
@@ -58,9 +59,9 @@ function DateRangePickerInput(props) {
                         return "Koncové datum nemůže předcházet počátečnímu datu.";
                     }
                 },
-                ...(typeof ((_b = props.rules) === null || _b === void 0 ? void 0 : _b.validate) === "function"
+                ...(typeof ((_a = props.rules) === null || _a === void 0 ? void 0 : _a.validate) === "function"
                     ? { custom: props.rules.validate }
-                    : (_d = (_c = props.rules) === null || _c === void 0 ? void 0 : _c.validate) !== null && _d !== void 0 ? _d : {}),
+                    : (_b = props.rules) === null || _b === void 0 ? void 0 : _b.validate),
             },
         },
         shouldUnregister: props.shouldUnregister,
@@ -97,7 +98,6 @@ function DateRangePickerInput(props) {
                 (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: (_f = (_e = fieldState.error) === null || _e === void 0 ? void 0 : _e.message) !== null && _f !== void 0 ? _f : props.helperText, hiddenLabel: props.hiddenLabel, id: props.id, isClearable: props.isClearable, isDisabled: props.isDisabled, isInvalid: !!fieldState.error, isReadOnly: 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 }));
+    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: props.isDisabled, isInvalid: (0, is_not_nil_1.isNotNil)(fieldState.error), isReadOnly: 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 }));
 }
-exports.DateRangePickerInput = DateRangePickerInput;
 DateRangePickerInput.displayName = "UxfFormDateRangePickerInput";

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

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
+exports.Default = Default;
 const button_1 = require("@uxf/ui/button");
 const react_1 = __importDefault(require("react"));
 const storybook_form_1 = require("../storybook/storybook-form");
@@ -14,13 +14,12 @@ exports.default = {
 };
 function Default() {
     const storyFormDatePickers = (control) => (react_1.default.createElement("div", { className: "space-y-4" },
-        react_1.default.createElement(date_range_picker_input_1.DateRangePickerInput, { label: "Default date range picker", name: "default", control: control, isClearable: true, isRequired: true }),
-        react_1.default.createElement(date_range_picker_input_1.DateRangePickerInput, { label: "Date range picker with two months", name: "twomonths", numberOfMonths: 2, control: control, isClearable: true, isRequired: true }),
+        react_1.default.createElement(date_range_picker_input_1.DateRangePickerInput, { control: control, isClearable: true, isRequired: true, label: "Default date range picker", name: "default" }),
+        react_1.default.createElement(date_range_picker_input_1.DateRangePickerInput, { control: control, isClearable: true, isRequired: true, label: "Date range picker with two months", name: "twomonths", numberOfMonths: 2 }),
         react_1.default.createElement(date_range_picker_input_1.DateRangePickerInput, { bottomContent: react_1.default.createElement("div", null,
                 "Bottom content",
-                react_1.default.createElement("p", null, "Here can goes anything")), label: "With bottom content", name: "default", control: control, isClearable: true, isRequired: true }),
+                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, 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" }, storyFormDatePickers(control))))));
 }
-exports.Default = Default;

package/datetime-picker-input/datetime-picker-input.js

@@ -26,7 +26,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DatetimePickerInput = void 0;
+exports.DatetimePickerInput = DatetimePickerInput;
+const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 const date_picker_input_1 = require("@uxf/ui/date-picker-input");
 const datetime_picker_1 = require("@uxf/ui/datetime-picker");
 const datetime_picker_input_1 = require("@uxf/ui/datetime-picker-input");
@@ -37,7 +38,7 @@ const react_hook_form_1 = require("react-hook-form");
 const form_id_context_1 = require("../form-id-context");
 (0, dayjs_1.extend)(customParseFormat_1.default);
 function DatetimePickerInput(props) {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d, _e;
     const formId = (0, form_id_context_1.useFormIdContext)();
     const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${formId}__${props.name}`;
     const { field, fieldState } = (0, react_hook_form_1.useController)({
@@ -45,7 +46,7 @@ function DatetimePickerInput(props) {
         name: props.name,
         rules: {
             required: props.isRequired ? props.requiredMessage || "Toto pole je povinné" : undefined,
-            ...((_b = props.rules) !== null && _b !== void 0 ? _b : {}),
+            ...props.rules,
             validate: {
                 validDate: (value) => {
                     if (!value) {
@@ -66,9 +67,9 @@ function DatetimePickerInput(props) {
                         return `Maximální datum, který je možné zadat, je: ${(0, dayjs_1.default)(props.maxDate).format(date_picker_input_1.DISPLAY_DATE_FORMAT)}`;
                     }
                 },
-                ...(typeof ((_c = props.rules) === null || _c === void 0 ? void 0 : _c.validate) === "function"
+                ...(typeof ((_b = props.rules) === null || _b === void 0 ? void 0 : _b.validate) === "function"
                     ? { custom: props.rules.validate }
-                    : (_e = (_d = props.rules) === null || _d === void 0 ? void 0 : _d.validate) !== null && _e !== void 0 ? _e : {}),
+                    : (_c = props.rules) === null || _c === void 0 ? void 0 : _c.validate),
             },
         },
         shouldUnregister: props.shouldUnregister,
@@ -83,7 +84,6 @@ function DatetimePickerInput(props) {
         field.onChange(value);
         (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, value, event);
     };
-    return (react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { autoFocus: props.autoFocus, bottomContent: props.bottomContent, className: props.className, form: props.form, helperText: (_g = (_f = fieldState.error) === null || _f === void 0 ? void 0 : _f.message) !== null && _g !== void 0 ? _g : props.helperText, hiddenLabel: props.hiddenLabel, id: id, isClearable: props.isClearable, isDisabled: props.isDisabled, isInvalid: !!fieldState.error, isReadOnly: 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, triggerElement: props.triggerElement, unavailableDates: props.unavailableDates, value: field.value, variant: props.variant, CustomDatetimePicker: props.CustomDatetimePicker }));
+    return (react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { CustomDatetimePicker: props.CustomDatetimePicker, autoFocus: props.autoFocus, bottomContent: props.bottomContent, className: props.className, 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, id: id, isClearable: props.isClearable, isDisabled: props.isDisabled, isInvalid: (0, is_not_nil_1.isNotNil)(fieldState.error), isReadOnly: 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, triggerElement: props.triggerElement, unavailableDates: props.unavailableDates, value: field.value, variant: props.variant }));
 }
-exports.DatetimePickerInput = DatetimePickerInput;
 DatetimePickerInput.displayName = "UxfFormDatePickerInput";

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

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
+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"));
@@ -11,19 +11,18 @@ const react_1 = __importDefault(require("react"));
 const storybook_form_1 = require("../storybook/storybook-form");
 const datetime_picker_input_1 = require("./datetime-picker-input");
 function Default() {
-    return (react_1.default.createElement(storybook_form_1.StorybookForm, { defaultValues: { withDefaultValue: (0, dayjs_1.default)("2023-10-20T14:32:10.511").toISOString() }, className: "space-y-4 p-4" }, ({ control }) => (react_1.default.createElement(react_1.default.Fragment, null,
+    return (react_1.default.createElement(storybook_form_1.StorybookForm, { className: "space-y-4 p-4", defaultValues: { withDefaultValue: (0, dayjs_1.default)("2023-10-20T14:32:10.511").toISOString() } }, ({ control }) => (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { control: control, isClearable: true, isRequired: true, label: "Default datetime picker", name: "default" }),
         react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { control: control, isClearable: true, isRequired: true, label: "Default datetime picker with default value", name: "withDefaultValue" }),
-        react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { control: control, isClearable: true, isRequired: true, minDate: (0, dayjs_1.default)().format(date_picker_input_1.OUTPUT_DATE_FORMAT), maxDate: (0, dayjs_1.default)().add(6, "days").format(date_picker_input_1.OUTPUT_DATE_FORMAT), label: "Date time picker with input min/max validation - only next 7 days", name: "withMinMaxValidation" }),
+        react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { control: control, isClearable: true, isRequired: true, label: "Date time 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(datetime_picker_input_1.DatetimePickerInput, { 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(datetime_picker_input_1.DatetimePickerInput, { control: control, name: "withCustomDatetimePicker", label: "With custom datetime picker", CustomDatetimePicker: (props) => (react_1.default.createElement(button_1.Button, { onClick: () => {
+        react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { CustomDatetimePicker: (props) => (react_1.default.createElement(button_1.Button, { onClick: () => {
                     props.onChange((0, dayjs_1.default)()
                         .add(1, "day")
                         .startOf("day")
                         .format("YYYY-MM-DD[T]HH:mm:ssZ"));
                     props.onClose();
-                } }, "Z\u00EDtra")), isClearable: true })))));
+                } }, "Z\u00EDtra")), control: control, isClearable: true, label: "With custom datetime picker", name: "withCustomDatetimePicker" })))));
 }
-exports.Default = Default;

package/dropzone/dropzone-input.js

@@ -3,13 +3,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DropzoneInput = void 0;
+exports.DropzoneInput = DropzoneInput;
+const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 const dropzone_1 = require("@uxf/ui/dropzone");
 const react_1 = __importDefault(require("react"));
 const react_hook_form_1 = require("react-hook-form");
 const form_id_context_1 = require("../form-id-context");
 function DropzoneInput(props) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c;
     const formId = (0, form_id_context_1.useFormIdContext)();
     const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${formId}__${props.name}`;
     const { field, fieldState } = (0, react_hook_form_1.useController)({
@@ -17,7 +18,7 @@ function DropzoneInput(props) {
         disabled: props.isDisabled,
         name: props.name,
         rules: {
-            ...((_b = props.rules) !== null && _b !== void 0 ? _b : {}),
+            ...props.rules,
             validate: {
                 default: (value) => {
                     var _a;
@@ -38,7 +39,7 @@ function DropzoneInput(props) {
                     // }
                     return true;
                 },
-                ...(((_c = props.rules) === null || _c === void 0 ? void 0 : _c.validate)
+                ...(((_b = props.rules) === null || _b === void 0 ? void 0 : _b.validate)
                     ? typeof props.rules.validate === "function"
                         ? { custom: props.rules.validate }
                         : props.rules.validate
@@ -52,7 +53,6 @@ function DropzoneInput(props) {
         field.onChange(value);
         (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, value, event);
     };
-    return (react_1.default.createElement(dropzone_1.Dropzone, { accept: props.accept, className: props.className, helperText: ((_d = fieldState.error) === null || _d === void 0 ? void 0 : _d.message) || props.helperText, icon: props.icon, id: id, isDisabled: props.isDisabled, isInvalid: !!fieldState.error, isReadOnly: props.isReadOnly, isRequired: props.isRequired, label: props.label, maxFileSize: props.maxFileSize, maxFilesCount: props.maxFilesCount, minFileSize: props.minFileSize, name: props.name, noClick: props.noClick, noDrag: props.noDrag, onChange: onChange, onUploadError: props.onUploadError, onUploadFile: props.onUploadFile, ref: field.ref, style: props.style, value: field.value }));
+    return (react_1.default.createElement(dropzone_1.Dropzone, { accept: props.accept, className: props.className, helperText: ((_c = fieldState.error) === null || _c === void 0 ? void 0 : _c.message) || props.helperText, icon: props.icon, id: id, isDisabled: props.isDisabled, isInvalid: (0, is_not_nil_1.isNotNil)(fieldState.error), isReadOnly: props.isReadOnly, isRequired: props.isRequired, label: props.label, maxFileSize: props.maxFileSize, maxFilesCount: props.maxFilesCount, minFileSize: props.minFileSize, name: props.name, noClick: props.noClick, noDrag: props.noDrag, onChange: onChange, onUploadError: props.onUploadError, onUploadFile: props.onUploadFile, ref: field.ref, style: props.style, value: field.value }));
 }
-exports.DropzoneInput = DropzoneInput;
 DropzoneInput.displayName = "UxfFormDropzoneInput";