@uxf/form 1.0.0-beta.131 → 1.0.0-beta.133

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/avatar-file-input/avatar-file-input.d.ts +1 -1
  2. package/checkbox-button/checkbox-button.d.ts +1 -1
  3. package/checkbox-input/checkbox-input.d.ts +7 -0
  4. package/{checkbox/checkbox.js → checkbox-input/checkbox-input.js} +6 -6
  5. package/{checkbox/checkbox.stories.d.ts → checkbox-input/checkbox-input.stories.d.ts} +2 -2
  6. package/{checkbox/checkbox.stories.js → checkbox-input/checkbox-input.stories.js} +7 -7
  7. package/checkbox-input/index.d.ts +1 -0
  8. package/{checkbox → checkbox-input}/index.js +1 -1
  9. package/color-radio-group/color-radio-group.d.ts +1 -1
  10. package/color-radio-group/color-radio-group.js +2 -1
  11. package/combobox/combobox.d.ts +1 -1
  12. package/date-picker-input/date-picker-input.d.ts +1 -1
  13. package/dropzone/dropzone-input.d.ts +1 -1
  14. package/dropzone/dropzone-list.d.ts +1 -1
  15. package/file-input/file-input.d.ts +1 -1
  16. package/form/form.d.ts +2 -2
  17. package/gps-input/gps-input.d.ts +2 -2
  18. package/multi-combobox/multi-combobox.d.ts +1 -1
  19. package/multi-select/multi-select.d.ts +1 -1
  20. package/number-input/number-input.d.ts +1 -1
  21. package/package.json +2 -2
  22. package/radio-group/radio-group.d.ts +1 -1
  23. package/radio-group/radio-group.js +2 -1
  24. package/select/select.d.ts +1 -1
  25. package/text-input/text-input.d.ts +1 -1
  26. package/text-input/text-input.stories.js +1 -1
  27. package/textarea/textarea.d.ts +1 -1
  28. package/time-picker-input/time-picker-input.d.ts +1 -1
  29. package/time-picker-input/time-picker-input.js +1 -1
  30. package/toggle/toggle.d.ts +1 -1
  31. package/checkbox/checkbox.d.ts +0 -7
  32. package/checkbox/index.d.ts +0 -1
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { AvatarFileInputProps as UIAvatarFileInputProps } from "@uxf/ui/avatar-file-input";
3
3
  import { FieldValues, UseControllerProps } from "react-hook-form";
4
- export declare type AvatarFileInputProps<FormData extends FieldValues> = UseControllerProps<FormData> & Omit<UIAvatarFileInputProps, "isInvalid" | "onChange" | "value"> & {
4
+ export type AvatarFileInputProps<FormData extends FieldValues> = UseControllerProps<FormData> & Omit<UIAvatarFileInputProps, "isInvalid" | "onChange" | "value"> & {
5
5
  requiredMessage?: string;
6
6
  };
7
7
  export declare function AvatarFileInput<FormData extends FieldValues>(props: AvatarFileInputProps<FormData>): JSX.Element;
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { CheckboxButtonProps as UICheckboxButtonProps } from "@uxf/ui/checkbox-button";
3
3
  import { FieldValues, UseControllerProps } from "react-hook-form";
4
- export declare type ComboProps<FormData extends FieldValues> = UseControllerProps<FormData> & Omit<UICheckboxButtonProps, "isInvalid" | "name" | "onChange" | "value"> & {
4
+ export type ComboProps<FormData extends FieldValues> = UseControllerProps<FormData> & Omit<UICheckboxButtonProps, "isInvalid" | "name" | "onChange" | "value"> & {
5
5
  requiredMessage?: string;
6
6
  };
7
7
  export declare function CheckboxButton<FormData extends Record<string, any>>(props: ComboProps<FormData>): JSX.Element;
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ import { CheckboxInputProps as UICheckboxInputProps } from "@uxf/ui/checkbox-input";
3
+ import { FieldValues, UseControllerProps } from "react-hook-form";
4
+ export type ComboProps<FormData extends FieldValues> = UseControllerProps<FormData> & Omit<UICheckboxInputProps, "isInvalid" | "name" | "onChange" | "value"> & {
5
+ requiredMessage?: string;
6
+ };
7
+ export declare function CheckboxInput<FormData extends Record<string, any>>(props: ComboProps<FormData>): JSX.Element;
@@ -3,11 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
3
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.Checkbox = void 0;
7
- const checkbox_1 = require("@uxf/ui/checkbox");
8
- const react_hook_form_1 = require("react-hook-form");
6
+ exports.CheckboxInput = void 0;
7
+ const checkbox_input_1 = require("@uxf/ui/checkbox-input");
9
8
  const react_1 = __importDefault(require("react"));
10
- function Checkbox(props) {
9
+ const react_hook_form_1 = require("react-hook-form");
10
+ function CheckboxInput(props) {
11
11
  var _a;
12
12
  const { field, fieldState } = (0, react_hook_form_1.useController)({
13
13
  control: props.control,
@@ -24,6 +24,6 @@ function Checkbox(props) {
24
24
  field.onBlur();
25
25
  (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, event);
26
26
  };
27
- return (react_1.default.createElement(checkbox_1.Checkbox, { className: props.className, isDisabled: props.isDisabled, isInvalid: !!fieldState.error, isReadOnly: props.isReadOnly, isRequired: props.isRequired, label: props.label, name: field.name, onBlur: onBlur, onChange: (value) => field.onChange(value), onFocus: props.onFocus, ref: field.ref, value: field.value }));
27
+ return (react_1.default.createElement(checkbox_input_1.CheckboxInput, { className: props.className, isDisabled: props.isDisabled, isInvalid: !!fieldState.error, isReadOnly: props.isReadOnly, isRequired: props.isRequired, label: props.label, name: field.name, onBlur: onBlur, onChange: (value) => field.onChange(value), onFocus: props.onFocus, ref: field.ref, value: field.value }));
28
28
  }
29
- exports.Checkbox = Checkbox;
29
+ exports.CheckboxInput = CheckboxInput;
@@ -1,8 +1,8 @@
1
1
  /// <reference types="react" />
2
- import { Checkbox } from "./checkbox";
2
+ import { CheckboxInput } from "./checkbox-input";
3
3
  declare const _default: {
4
4
  title: string;
5
- component: typeof Checkbox;
5
+ component: typeof CheckboxInput;
6
6
  };
7
7
  export default _default;
8
8
  export declare function Default(): JSX.Element;
@@ -6,18 +6,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.Default = void 0;
7
7
  const react_1 = __importDefault(require("react"));
8
8
  const form_1 = require("../storybook/form");
9
- const checkbox_1 = require("./checkbox");
9
+ const checkbox_input_1 = require("./checkbox-input");
10
10
  const button_1 = require("@uxf/ui/button");
11
11
  exports.default = {
12
- title: "Form/Checkbox",
13
- component: checkbox_1.Checkbox,
12
+ title: "Form/CheckboxInput",
13
+ component: checkbox_input_1.CheckboxInput,
14
14
  };
15
15
  function Default() {
16
16
  const storyFormCheckboxes = (control) => (react_1.default.createElement("div", { className: "space-y-2" },
17
- react_1.default.createElement(checkbox_1.Checkbox, { label: "Checkbox form", name: "checkbox1", control: control }),
18
- react_1.default.createElement(checkbox_1.Checkbox, { label: "Checkbox form required", name: "checkbox-required", control: control, isRequired: true }),
19
- react_1.default.createElement(checkbox_1.Checkbox, { label: "Checkbox form disabled", name: "checkbox-disabled", control: control, isDisabled: true }),
20
- react_1.default.createElement(checkbox_1.Checkbox, { label: "Checkbox form readOnly", name: "checkbox-readonly", control: control, isReadOnly: true }),
17
+ react_1.default.createElement(checkbox_input_1.CheckboxInput, { label: "CheckboxInput form", name: "checkbox1", control: control }),
18
+ react_1.default.createElement(checkbox_input_1.CheckboxInput, { label: "CheckboxInput form required", name: "checkbox-required", control: control, isRequired: true }),
19
+ react_1.default.createElement(checkbox_input_1.CheckboxInput, { label: "CheckboxInput form disabled", name: "checkbox-disabled", control: control, isDisabled: true }),
20
+ react_1.default.createElement(checkbox_input_1.CheckboxInput, { label: "CheckboxInput form readOnly", name: "checkbox-readonly", control: control, isReadOnly: true }),
21
21
  react_1.default.createElement(button_1.Button, { type: "submit" }, "Submit")));
22
22
  return (react_1.default.createElement(form_1.Form, null, ({ control }) => (react_1.default.createElement("div", { className: "flex flex-col lg:flex-row" },
23
23
  react_1.default.createElement("div", { className: "light space-y-2 p-20 lg:w-1/2" }, storyFormCheckboxes(control)),
@@ -0,0 +1 @@
1
+ export * from "./checkbox-input";
@@ -14,4 +14,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
14
  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
15
  };
16
16
  Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./checkbox"), exports);
17
+ __exportStar(require("./checkbox-input"), exports);
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { ColorRadioGroupProps as UIColorRadioGroupProps } from "@uxf/ui/color-radio-group";
3
3
  import { FieldValues, UseControllerProps } from "react-hook-form";
4
- export declare type ColorRadioGroupProps<FormData extends FieldValues> = UseControllerProps<FormData> & Omit<UIColorRadioGroupProps, "isInvalid" | "name" | "onChange" | "value"> & {
4
+ export type ColorRadioGroupProps<FormData extends FieldValues> = UseControllerProps<FormData> & Omit<UIColorRadioGroupProps, "isInvalid" | "name" | "onChange" | "value"> & {
5
5
  requiredMessage?: string;
6
6
  };
7
7
  export declare function ColorRadioGroup<FormData extends Record<string, any>>(props: ColorRadioGroupProps<FormData>): JSX.Element;
@@ -24,6 +24,7 @@ function ColorRadioGroup(props) {
24
24
  field.onBlur();
25
25
  (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, event);
26
26
  };
27
- 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: props.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: (value) => field.onChange(value), onFocus: props.onFocus, options: props.options, ref: field.ref, style: props.style, value: field.value }));
27
+ const onChange = (value) => field.onChange(value);
28
+ 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: props.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: field.value }));
28
29
  }
29
30
  exports.ColorRadioGroup = ColorRadioGroup;
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { ComboboxProps as UIComboboxProps } from "@uxf/ui/combobox";
3
3
  import { FieldValues, UseControllerProps } from "react-hook-form";
4
- export declare type ComboProps<FormData extends FieldValues> = UseControllerProps<FormData> & Omit<UIComboboxProps, "isInvalid" | "name" | "onChange" | "value"> & {
4
+ export type ComboProps<FormData extends FieldValues> = UseControllerProps<FormData> & Omit<UIComboboxProps, "isInvalid" | "name" | "onChange" | "value"> & {
5
5
  requiredMessage?: string;
6
6
  };
7
7
  export declare function Combobox<FormData extends Record<string, any>>(props: ComboProps<FormData>): JSX.Element;
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { DatePickerInputProps as UIDatePickerInputProps } from "@uxf/ui/date-picker-input";
3
3
  import { FieldValues, UseControllerProps } from "react-hook-form";
4
- export declare type DatePickerInputProps<FormData extends FieldValues> = UseControllerProps<FormData> & Omit<UIDatePickerInputProps, "isInvalid" | "max" | "min" | "pattern" | "step" | "name" | "onChange" | "value"> & {
4
+ export type DatePickerInputProps<FormData extends FieldValues> = UseControllerProps<FormData> & Omit<UIDatePickerInputProps, "isInvalid" | "max" | "min" | "pattern" | "step" | "name" | "onChange" | "value"> & {
5
5
  requiredMessage?: string;
6
6
  };
7
7
  export declare function DatePickerInput<FormData extends FieldValues>(props: DatePickerInputProps<FormData>): JSX.Element;
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { DropzoneInputProps as UIDropzoneProps } from "@uxf/ui/dropzone";
3
3
  import { FieldValues, UseControllerProps } from "react-hook-form";
4
- export declare type DropzoneProps<FormData extends FieldValues> = UseControllerProps<FormData> & UIDropzoneProps & {
4
+ export type DropzoneProps<FormData extends FieldValues> = UseControllerProps<FormData> & Omit<UIDropzoneProps, "onChange" | "value"> & {
5
5
  minFilesCount?: number;
6
6
  requiredMessage?: string;
7
7
  };
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import { DropzoneListProps as UIDropzoneListProps } from "@uxf/ui/dropzone";
3
3
  import { FieldValues, UseControllerProps } from "react-hook-form";
4
- export declare type DropzoneListProps<FormData extends FieldValues> = Pick<UseControllerProps<FormData>, "control" | "name"> & Pick<UIDropzoneListProps, "errorText" | "onAbortWarning" | "onRemoveWarning" | "renderItem">;
4
+ export type DropzoneListProps<FormData extends FieldValues> = Pick<UseControllerProps<FormData>, "control" | "name"> & Pick<UIDropzoneListProps, "errorText" | "onAbortWarning" | "onRemoveWarning" | "renderItem">;
5
5
  export declare function DropzoneList<FormData extends FieldValues>(props: DropzoneListProps<FormData>): JSX.Element;
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { FileInputProps as UIFileInputProps } from "@uxf/ui/file-input";
3
3
  import { FieldValues, UseControllerProps } from "react-hook-form";
4
- export declare type FileInputProps<FormData extends FieldValues> = UseControllerProps<FormData> & Omit<UIFileInputProps, "isInvalid" | "onChange" | "value"> & {
4
+ export type FileInputProps<FormData extends FieldValues> = UseControllerProps<FormData> & Omit<UIFileInputProps, "isInvalid" | "onChange" | "value"> & {
5
5
  requiredMessage?: string;
6
6
  };
7
7
  export declare function FileInput<FormData extends FieldValues>(props: FileInputProps<FormData>): JSX.Element;
package/form/form.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { ReactNode } from "react";
2
2
  import { Control, DefaultValues, FieldValues, UseFormReset, UseFormReturn, ValidationMode } from "react-hook-form";
3
- export declare type FormSubmitHandler<TFieldValues extends FieldValues> = (values: TFieldValues, reset: UseFormReset<TFieldValues>) => Promise<unknown>;
4
- export declare type FormControl<TFieldValues extends FieldValues> = Control<TFieldValues> & {
3
+ export type FormSubmitHandler<TFieldValues extends FieldValues> = (values: TFieldValues, reset: UseFormReset<TFieldValues>) => Promise<unknown>;
4
+ export type FormControl<TFieldValues extends FieldValues> = Control<TFieldValues> & {
5
5
  formId: string;
6
6
  };
7
7
  export interface FormProps<TFieldValues extends FieldValues> {
@@ -1,11 +1,11 @@
1
1
  /// <reference types="react" />
2
2
  import { TextInputProps as UITextInputProps } from "@uxf/ui/text-input";
3
3
  import { FieldValues, UseControllerProps } from "react-hook-form";
4
- export declare type Gps = {
4
+ export type Gps = {
5
5
  lat: number;
6
6
  lng: number;
7
7
  };
8
- export declare type GpsInputProps<FormData extends FieldValues> = UseControllerProps<FormData> & Omit<UITextInputProps, "isInvalid" | "max" | "min" | "pattern" | "step" | "name" | "onChange" | "value" | "type"> & {
8
+ export type GpsInputProps<FormData extends FieldValues> = UseControllerProps<FormData> & Omit<UITextInputProps, "isInvalid" | "max" | "min" | "pattern" | "step" | "name" | "onChange" | "value" | "type"> & {
9
9
  requiredMessage?: string;
10
10
  };
11
11
  export declare function GpsInput<FormData extends Record<string, Gps | null | undefined>>(props: GpsInputProps<FormData>): JSX.Element;
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { MultiComboboxProps as UIMultiComboboxProps } from "@uxf/ui/multi-combobox";
3
3
  import { FieldValues, UseControllerProps } from "react-hook-form";
4
- export declare type ComboProps<FormData extends FieldValues> = UseControllerProps<FormData> & Omit<UIMultiComboboxProps, "isInvalid" | "name" | "onChange" | "value"> & {
4
+ export type ComboProps<FormData extends FieldValues> = UseControllerProps<FormData> & Omit<UIMultiComboboxProps, "isInvalid" | "name" | "onChange" | "value"> & {
5
5
  requiredMessage?: string;
6
6
  };
7
7
  export declare function MultiCombobox<FormData extends Record<string, any>>(props: ComboProps<FormData>): JSX.Element;
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { MultiSelectProps as UIMultiSelectProps } from "@uxf/ui/multi-select";
3
3
  import { FieldValues, UseControllerProps } from "react-hook-form";
4
- export declare type ComboProps<FormData extends FieldValues> = UseControllerProps<FormData> & Omit<UIMultiSelectProps, "isInvalid" | "name" | "onChange" | "value"> & {
4
+ export type ComboProps<FormData extends FieldValues> = UseControllerProps<FormData> & Omit<UIMultiSelectProps, "isInvalid" | "name" | "onChange" | "value"> & {
5
5
  requiredMessage?: string;
6
6
  };
7
7
  export declare function MultiSelect<FormData extends Record<string, any>>(props: ComboProps<FormData>): JSX.Element;
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { TextInputProps as UITextInputProps } from "@uxf/ui/text-input";
3
3
  import { FieldValues, UseControllerProps } from "react-hook-form";
4
- export declare type NumberInputProps<FormData extends FieldValues> = UseControllerProps<FormData> & Omit<UITextInputProps, "inputMode" | "isInvalid" | "maxLength" | "minLength" | "name" | "onChange" | "value" | "type"> & {
4
+ export type NumberInputProps<FormData extends FieldValues> = UseControllerProps<FormData> & Omit<UITextInputProps, "inputMode" | "isInvalid" | "maxLength" | "minLength" | "name" | "onChange" | "value" | "type"> & {
5
5
  decimalPlaces?: number;
6
6
  requiredMessage?: string;
7
7
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uxf/form",
3
- "version": "1.0.0-beta.131",
3
+ "version": "1.0.0-beta.133",
4
4
  "description": "",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -13,7 +13,7 @@
13
13
  "author": "UX Fans s.r.o",
14
14
  "license": "MIT",
15
15
  "dependencies": {
16
- "@uxf/ui": "^1.0.0-beta.131",
16
+ "@uxf/ui": "^1.0.0-beta.133",
17
17
  "react-hook-form": "latest",
18
18
  "coordinate-parser": "^1.0.7"
19
19
  }
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { RadioGroupProps as UIRadioGroupProps } from "@uxf/ui/radio-group";
3
3
  import { FieldValues, UseControllerProps } from "react-hook-form";
4
- export declare type RadioGroupProps<FormData extends FieldValues> = UseControllerProps<FormData> & Omit<UIRadioGroupProps, "isInvalid" | "name" | "onChange" | "value"> & {
4
+ export type RadioGroupProps<FormData extends FieldValues> = UseControllerProps<FormData> & Omit<UIRadioGroupProps, "isInvalid" | "name" | "onChange" | "value"> & {
5
5
  requiredMessage?: string;
6
6
  };
7
7
  export declare function RadioGroup<FormData extends Record<string, any>>(props: RadioGroupProps<FormData>): JSX.Element;
@@ -24,6 +24,7 @@ function RadioGroup(props) {
24
24
  field.onBlur();
25
25
  (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, event);
26
26
  };
27
- return (react_1.default.createElement(radio_group_1.RadioGroup, { className: props.className, forceColumn: props.forceColumn, helperText: (_c = (_b = fieldState.error) === null || _b === void 0 ? void 0 : _b.message) !== null && _c !== void 0 ? _c : props.helperText, hiddenLabel: props.hiddenLabel, id: props.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: (value) => field.onChange(value), onFocus: props.onFocus, options: props.options, ref: field.ref, style: props.style, value: field.value, variant: props.variant }));
27
+ const onChange = (value) => field.onChange(value);
28
+ return (react_1.default.createElement(radio_group_1.RadioGroup, { className: props.className, forceColumn: props.forceColumn, helperText: (_c = (_b = fieldState.error) === null || _b === void 0 ? void 0 : _b.message) !== null && _c !== void 0 ? _c : props.helperText, hiddenLabel: props.hiddenLabel, id: props.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: field.value, variant: props.variant }));
28
29
  }
29
30
  exports.RadioGroup = RadioGroup;
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { SelectProps as UISelectProps } from "@uxf/ui/select";
3
3
  import { FieldValues, UseControllerProps } from "react-hook-form";
4
- export declare type SelectProps<FormData extends FieldValues> = UseControllerProps<FormData> & Omit<UISelectProps, "isInvalid" | "name" | "onChange" | "value"> & {
4
+ export type SelectProps<FormData extends FieldValues> = UseControllerProps<FormData> & Omit<UISelectProps, "isInvalid" | "name" | "onChange" | "value"> & {
5
5
  requiredMessage?: string;
6
6
  };
7
7
  export declare function Select<FormData extends Record<string, any>>(props: SelectProps<FormData>): JSX.Element;
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { TextInputProps as UITextInputProps } from "@uxf/ui/text-input";
3
3
  import { FieldValues, UseControllerProps } from "react-hook-form";
4
- export declare type TextInputProps<FormData extends FieldValues> = UseControllerProps<FormData> & Omit<UITextInputProps, "isInvalid" | "max" | "min" | "pattern" | "step" | "name" | "onChange" | "value" | "type"> & {
4
+ export type TextInputProps<FormData extends FieldValues> = UseControllerProps<FormData> & Omit<UITextInputProps, "isInvalid" | "max" | "min" | "pattern" | "step" | "name" | "onChange" | "value" | "type"> & {
5
5
  requiredMessage?: string;
6
6
  } & ({
7
7
  type: "email";
@@ -14,7 +14,7 @@ exports.default = {
14
14
  };
15
15
  function Default() {
16
16
  const storyFormTextInputs = (control) => (react_1.default.createElement("div", { className: "space-y-4" },
17
- react_1.default.createElement(text_input_1.TextInput, { placeholder: "Zadejte ...", label: "Default input", name: "default", control: control }),
17
+ react_1.default.createElement(text_input_1.TextInput, { placeholder: "Zadejte ...", label: "Default input", name: "default", control: control, autoComplete: "off" }),
18
18
  react_1.default.createElement(text_input_1.TextInput, { placeholder: "Zadejte ...", label: "Required input", name: "required", control: control, isRequired: true }),
19
19
  react_1.default.createElement(text_input_1.TextInput, { placeholder: "Zadejte ...", label: "E-mail required input", name: "email", type: "email", control: control, isRequired: true }),
20
20
  react_1.default.createElement(text_input_1.TextInput, { placeholder: "Zadejte ...", label: "Phone required input", name: "phone", type: "tel", control: control, isRequired: true }),
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { TextareaProps as UITextareaProps } from "@uxf/ui/textarea";
3
3
  import { FieldValues, UseControllerProps } from "react-hook-form";
4
- export declare type TextareaProps<FormData extends FieldValues> = UseControllerProps<FormData> & Omit<UITextareaProps, "isInvalid" | "name" | "onChange" | "value"> & {
4
+ export type TextareaProps<FormData extends FieldValues> = UseControllerProps<FormData> & Omit<UITextareaProps, "isInvalid" | "name" | "onChange" | "value"> & {
5
5
  requiredMessage?: string;
6
6
  };
7
7
  export declare function Textarea<FormData extends Record<string, any>>(props: TextareaProps<FormData>): JSX.Element;
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { TimePickerInputProps as UITimePickerInputProps } from "@uxf/ui/time-picker-input";
3
3
  import { FieldValues, UseControllerProps } from "react-hook-form";
4
- export declare type TimePickerInputProps<FormData extends FieldValues> = UseControllerProps<FormData> & Omit<UITimePickerInputProps, "isInvalid" | "max" | "min" | "pattern" | "step" | "name" | "onChange" | "value"> & {
4
+ export type TimePickerInputProps<FormData extends FieldValues> = UseControllerProps<FormData> & Omit<UITimePickerInputProps, "isInvalid" | "max" | "min" | "pattern" | "step" | "name" | "onChange" | "value"> & {
5
5
  requiredMessage?: string;
6
6
  stringValue?: boolean;
7
7
  };
@@ -38,6 +38,6 @@ function TimePickerInput(props) {
38
38
  ? { hour: (0, dayjs_1.default)(field.value, "HH:mm:ss").hour(), minute: (0, dayjs_1.default)(field.value, "HH:mm:ss").minute() }
39
39
  : undefined
40
40
  : field.value;
41
- return (react_1.default.createElement(time_picker_input_1.TimePickerInput, { className: props.className, 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, 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, onBlur: onBlur, onChange: onChange, onFocus: props.onFocus, placeholder: props.placeholder, ref: field.ref, rightAddon: props.rightAddon, rightElement: props.rightElement, size: props.size, value: value, variant: props.variant }));
41
+ return (react_1.default.createElement(time_picker_input_1.TimePickerInput, { className: props.className, 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, 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, onBlur: onBlur, onChange: onChange, onFocus: props.onFocus, placeholder: props.placeholder, ref: field.ref, rightAddon: props.rightAddon, rightElement: props.rightElement, size: props.size, value: value !== null && value !== void 0 ? value : null, variant: props.variant }));
42
42
  }
43
43
  exports.TimePickerInput = TimePickerInput;
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { ToggleProps as UIToggleProps } from "@uxf/ui/toggle";
3
3
  import { FieldValues, UseControllerProps } from "react-hook-form";
4
- export declare type ComboProps<FormData extends FieldValues> = UseControllerProps<FormData> & Omit<UIToggleProps, "isInvalid" | "name" | "onChange" | "value"> & {
4
+ export type ComboProps<FormData extends FieldValues> = UseControllerProps<FormData> & Omit<UIToggleProps, "isInvalid" | "name" | "onChange" | "value"> & {
5
5
  requiredMessage?: string;
6
6
  };
7
7
  export declare function Toggle<FormData extends Record<string, any>>(props: ComboProps<FormData>): JSX.Element;
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- import { CheckboxProps as UICheckboxProps } from "@uxf/ui/checkbox";
3
- import { FieldValues, UseControllerProps } from "react-hook-form";
4
- export declare type ComboProps<FormData extends FieldValues> = UseControllerProps<FormData> & Omit<UICheckboxProps, "isInvalid" | "name" | "onChange" | "value"> & {
5
- requiredMessage?: string;
6
- };
7
- export declare function Checkbox<FormData extends Record<string, any>>(props: ComboProps<FormData>): JSX.Element;
@@ -1 +0,0 @@
1
- export * from "./checkbox";