@uxf/form 11.80.0 → 11.80.2

package/{file-input → form/file-input}/file-input.stories.js

@@ -21,11 +21,11 @@ const DUMMY_FILE = {
     extension: "jpg",
 };
 function Default() {
-    const storyFormFileInputs = (control, mode) => (react_1.default.createElement("div", { className: "space-y-4" },
-        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" }),
-        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 }),
-        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" }),
+    const storyFormFileInputs = (control) => (react_1.default.createElement("div", { className: "space-y-4" },
+        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" }),
+        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 }),
+        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" }),
         react_1.default.createElement(button_1.Button, { type: "submit" }, "Submit")));
-    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" },
-        react_1.default.createElement("div", { className: "space-y-2 p-20 lg:w-1/2" }, storyFormFileInputs(control, "light"))))));
+    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" },
+        react_1.default.createElement("div", { className: "space-y-2 p-20 lg:w-1/2" }, storyFormFileInputs(control))))));
 }

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

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

package/{multi-select → form/multi-select}/multi-select.stories.js

@@ -33,14 +33,8 @@ function Default() {
         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..." }),
         react_1.default.createElement(button_1.Button, { type: "submit" }, "Submit")));
     return (react_1.default.createElement(storybook_form_1.StorybookForm, { defaultValues: {
-            "multi-select-with-disabled": [
-                { id: "one", label: "Option one" },
-                { id: "two", label: "Option two disabled", disabled: true },
-            ],
-            "multi-select": [
-                { id: "one", label: "Option one" },
-                { id: "two", label: "Option two" },
-            ],
+            "multi-select-with-disabled": ["one", "two"],
+            "multi-select": ["one", "two"],
             "multi-select-required": [],
         } }, ({ 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" }, storyFormMultiSelect(control))))));

package/form/storybook/storybook-form.d.ts

@@ -0,0 +1,8 @@
+import React, { ReactNode } from "react";
+import { FieldValues, UseFormProps, UseFormReturn } from "react-hook-form";
+interface FormProps<TFieldValues extends FieldValues> extends UseFormProps<TFieldValues> {
+    children: (form: UseFormReturn<TFieldValues>) => ReactNode;
+    className?: string;
+}
+export declare function StorybookForm<TFieldValues extends FieldValues>(props: FormProps<TFieldValues>): React.JSX.Element;
+export {};

package/icons.d.ts

@@ -0,0 +1,40 @@
+declare module "@uxf/ui/icon/theme" {
+    interface IconsSet {
+        "angle-left": true;
+        "angle-right": true;
+        "arrow-left": true;
+        "arrow-right": true;
+        bars: true;
+        calendar: true;
+        camera: true;
+        caretDown: true;
+        check: true;
+        chevronDown: true;
+        chevronLeft: true;
+        chevronRight: true;
+        chevronUp: true;
+        chevronsLeft: true;
+        chevronsRight: true;
+        clock: true;
+        cloud: true;
+        copy: true;
+        "ellipsis-vertical": true;
+        eye: true;
+        "eye-slash": true;
+        file: true;
+        imageFile: true;
+        minus: true;
+        plus: true;
+        "solid-badge-check": true;
+        "solid-circle-info": true;
+        "solid-octagon-xmark": true;
+        "solid-triangle-exclamation": true;
+        trash: true;
+        "triangle-exclamation": true;
+        "triangle-exclamation-solid": true;
+        user: true;
+        videoFile: true;
+        xmark: true;
+        xmarkLarge: true;
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@uxf/form",
-    "version": "11.80.0",
+    "version": "11.80.2",
     "description": "",
     "publishConfig": {
         "access": "public"
@@ -18,7 +18,7 @@
     "dependencies": {
         "@uxf/core": "11.80.0",
         "@uxf/core-react": "11.80.0",
-        "@uxf/ui": "11.80.0",
+        "@uxf/ui": "11.80.2",
         "coordinate-parser": "1.0.7",
         "dayjs": "1.11.13",
         "react-hook-form": "7.53.0"

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

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

package/storybook/storybook-form.d.ts

@@ -1,8 +0,0 @@
-import React, { ReactNode } from "react";
-import { UseFormProps, UseFormReturn } from "react-hook-form";
-interface FormProps extends UseFormProps {
-    children: (form: UseFormReturn) => ReactNode;
-    className?: string;
-}
-export declare function StorybookForm(props: FormProps): React.JSX.Element;
-export {};