@uxf/form 11.80.0 → 11.80.1

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 (5) hide show
  1. package/file-input/file-input.stories.js +6 -6
  2. package/multi-select/multi-select.d.ts +4 -4
  3. package/multi-select/multi-select.stories.js +2 -8
  4. package/package.json +2 -2
  5. package/storybook/storybook-form.d.ts +4 -4
package/file-input/file-input.stories.js CHANGED
@@ -21,11 +21,11 @@ const DUMMY_FILE = {
21
21
  extension: "jpg",
22
22
  };
23
23
  function Default() {
24
- const storyFormFileInputs = (control, mode) => (react_1.default.createElement("div", { className: "space-y-4" },
25
- react_1.default.createElement(file_input_1.FileInput, { control: control, isClearable: true, label: "Default file input", name: `default-${mode}`, onUploadFile: upload_file_mock_1.uploadFile, placeholder: "Nahraj soubor" }),
26
- react_1.default.createElement(file_input_1.FileInput, { control: control, id: `required-${mode}`, isRequired: true, label: "Required file input", name: `required-${mode}`, onUploadFile: upload_file_mock_1.uploadFile }),
27
- react_1.default.createElement(file_input_1.FileInput, { control: control, isClearable: true, label: "Custom button label", name: `default-${mode}`, onUploadFile: upload_file_mock_1.uploadFile, placeholder: "Nahrajte soubor", uploadButtonLabel: "Nahrajte dokument" }),
24
+ const storyFormFileInputs = (control) => (react_1.default.createElement("div", { className: "space-y-4" },
25
+ react_1.default.createElement(file_input_1.FileInput, { control: control, isClearable: true, label: "Default file input", name: "default", onUploadFile: upload_file_mock_1.uploadFile, placeholder: "Nahraj soubor" }),
26
+ react_1.default.createElement(file_input_1.FileInput, { control: control, id: "required-light", isRequired: true, label: "Required file input", name: "required", onUploadFile: upload_file_mock_1.uploadFile }),
27
+ react_1.default.createElement(file_input_1.FileInput, { control: control, isClearable: true, label: "Custom button label", name: "custom", onUploadFile: upload_file_mock_1.uploadFile, placeholder: "Nahrajte soubor", uploadButtonLabel: "Nahrajte dokument" }),
28
28
  react_1.default.createElement(button_1.Button, { type: "submit" }, "Submit")));
29
- return (react_1.default.createElement(storybook_form_1.StorybookForm, { defaultValues: { "default-light": DUMMY_FILE } }, ({ control }) => (react_1.default.createElement("div", { className: "flex flex-col lg:flex-row" },
30
- react_1.default.createElement("div", { className: "space-y-2 p-20 lg:w-1/2" }, storyFormFileInputs(control, "light"))))));
29
+ return (react_1.default.createElement(storybook_form_1.StorybookForm, { defaultValues: { default: DUMMY_FILE } }, ({ control }) => (react_1.default.createElement("div", { className: "flex flex-col lg:flex-row" },
30
+ react_1.default.createElement("div", { className: "space-y-2 p-20 lg:w-1/2" }, storyFormFileInputs(control))))));
31
31
  }
package/multi-select/multi-select.d.ts CHANGED
@@ -1,14 +1,14 @@
1
1
  import { SelectableId } from "@uxf/core/types";
2
- import { MultiSelectProps as UIMultiSelectProps, MultiSelectValue as UIMultiSelectValue } from "@uxf/ui/multi-select";
2
+ import { MultiSelectProps as UIMultiSelectProps } from "@uxf/ui/multi-select";
3
3
  import React from "react";
4
4
  import { FieldValues } from "react-hook-form";
5
5
  import { ControlProps } from "../types";
6
- export type ComboProps<FormData extends FieldValues> = ControlProps<FormData> & Omit<UIMultiSelectProps, "isFocused" | "isInvalid" | "name" | "onChange" | "value"> & {
6
+ export type MultiSelectProps<FormData extends FieldValues> = ControlProps<FormData> & Omit<UIMultiSelectProps, "isFocused" | "isInvalid" | "name" | "onChange" | "value"> & {
7
7
  onChange?: UIMultiSelectProps["onChange"];
8
8
  requiredMessage?: string;
9
9
  };
10
- export type MultiSelectValue<T extends SelectableId> = UIMultiSelectValue<T>;
11
- export declare function MultiSelect<FormData extends Record<string, any>>(props: ComboProps<FormData>): React.JSX.Element;
10
+ export type MultiSelectValue<T extends SelectableId> = T[] | null;
11
+ export declare function MultiSelect<FormData extends Record<string, any>>(props: MultiSelectProps<FormData>): React.JSX.Element;
12
12
  export declare namespace MultiSelect {
13
13
  var displayName: string;
14
14
  }
package/multi-select/multi-select.stories.js CHANGED
@@ -33,14 +33,8 @@ function Default() {
33
33
  react_1.default.createElement(multi_select_1.MultiSelect, { control: control, id: "form-multi-select-required", label: "MultiSelect required", name: "multi-select-required", options: options, placeholder: "Vyberte..." }),
34
34
  react_1.default.createElement(button_1.Button, { type: "submit" }, "Submit")));
35
35
  return (react_1.default.createElement(storybook_form_1.StorybookForm, { defaultValues: {
36
- "multi-select-with-disabled": [
37
- { id: "one", label: "Option one" },
38
- { id: "two", label: "Option two disabled", disabled: true },
39
- ],
40
- "multi-select": [
41
- { id: "one", label: "Option one" },
42
- { id: "two", label: "Option two" },
43
- ],
36
+ "multi-select-with-disabled": ["one", "two"],
37
+ "multi-select": ["one", "two"],
44
38
  "multi-select-required": [],
45
39
  } }, ({ control }) => (react_1.default.createElement("div", { className: "flex flex-col lg:flex-row" },
46
40
  react_1.default.createElement("div", { className: "space-y-2 p-20 lg:w-1/2" }, storyFormMultiSelect(control))))));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uxf/form",
3
- "version": "11.80.0",
3
+ "version": "11.80.1",
4
4
  "description": "",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -18,7 +18,7 @@
18
18
  "dependencies": {
19
19
  "@uxf/core": "11.80.0",
20
20
  "@uxf/core-react": "11.80.0",
21
- "@uxf/ui": "11.80.0",
21
+ "@uxf/ui": "11.80.1",
22
22
  "coordinate-parser": "1.0.7",
23
23
  "dayjs": "1.11.13",
24
24
  "react-hook-form": "7.53.0"
package/storybook/storybook-form.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  import React, { ReactNode } from "react";
2
- import { UseFormProps, UseFormReturn } from "react-hook-form";
3
- interface FormProps extends UseFormProps {
4
- children: (form: UseFormReturn) => ReactNode;
2
+ import { FieldValues, UseFormProps, UseFormReturn } from "react-hook-form";
3
+ interface FormProps<TFieldValues extends FieldValues> extends UseFormProps<TFieldValues> {
4
+ children: (form: UseFormReturn<TFieldValues>) => ReactNode;
5
5
  className?: string;
6
6
  }
7
- export declare function StorybookForm(props: FormProps): React.JSX.Element;
7
+ export declare function StorybookForm<TFieldValues extends FieldValues>(props: FormProps<TFieldValues>): React.JSX.Element;
8
8
  export {};