@uxf/form 11.79.0 → 11.80.1

package/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/multi-select/multi-select.d.ts

@@ -1,13 +1,14 @@
-import { MultiSelectOption, MultiSelectProps as UIMultiSelectProps } from "@uxf/ui/multi-select";
+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 ComboProps<FormData extends FieldValues> = ControlProps<FormData> & Omit<UIMultiSelectProps, "isFocused" | "isInvalid" | "name" | "onChange" | "value"> & {
+export type MultiSelectProps<FormData extends FieldValues> = ControlProps<FormData> & Omit<UIMultiSelectProps, "isFocused" | "isInvalid" | "name" | "onChange" | "value"> & {
     onChange?: UIMultiSelectProps["onChange"];
     requiredMessage?: string;
 };
-export type MultiSelectValue<Id> = MultiSelectOption<Id>[] | null;
-export declare function MultiSelect<FormData extends Record<string, any>>(props: ComboProps<FormData>): React.JSX.Element;
+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/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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@uxf/form",
-    "version": "11.79.0",
+    "version": "11.80.1",
     "description": "",
     "publishConfig": {
         "access": "public"
@@ -16,9 +16,9 @@
     },
     "license": "MIT",
     "dependencies": {
-        "@uxf/core": "11.78.0",
-        "@uxf/core-react": "11.78.0",
-        "@uxf/ui": "11.79.0",
+        "@uxf/core": "11.80.0",
+        "@uxf/core-react": "11.80.0",
+        "@uxf/ui": "11.80.1",
         "coordinate-parser": "1.0.7",
         "dayjs": "1.11.13",
         "react-hook-form": "7.53.0"

package/storybook/storybook-form.d.ts

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

package/translations.d.ts

@@ -0,0 +1,14 @@
+import type { TranslationsPaths } from "@uxf/core-react/translations/types";
+import formTranslations from "@uxf/form/translations/translations";
+import uiTranslations from "@uxf/ui/translations/translations";
+
+type formTypes = typeof formTranslations;
+type uiTypes = typeof uiTranslations;
+
+type TranslationsKeys = TranslationsPaths<formTypes & uiTypes>;
+
+type TypeSafeTranslate = (key: TranslationsKeys, options?: Record<string, any>) => string;
+
+declare module "@uxf/core-react/translations" {
+    export function useUxfTranslation(): TypeSafeTranslate;
+}