@uxf/form 11.11.3 → 11.12.0
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.
- package/avatar-file-input/avatar-file-input.d.ts +1 -0
- package/checkbox-button/checkbox-button.d.ts +1 -0
- package/checkbox-input/checkbox-input.d.ts +1 -0
- package/color-radio-group/color-radio-group.d.ts +1 -0
- package/combobox/combobox.d.ts +3 -2
- package/date-picker-input/date-picker-input.d.ts +1 -0
- package/datetime-picker-input/datetime-picker-input.d.ts +1 -0
- package/dropzone/dropzone-list.d.ts +1 -1
- package/dropzone/dropzone-list.js +1 -1
- package/dropzone/index.d.ts +2 -0
- package/file-input/file-input.d.ts +1 -0
- package/gps-input/gps-input.d.ts +1 -0
- package/multi-combobox/multi-combobox.d.ts +1 -0
- package/multi-select/multi-select.d.ts +1 -0
- package/number-input/number-input.d.ts +1 -0
- package/package.json +2 -2
- package/radio-group/radio-group.d.ts +1 -0
- package/select/select.d.ts +4 -2
- package/text-input/text-input.d.ts +1 -0
- package/textarea/textarea.d.ts +1 -0
- package/time-picker-input/time-picker-input.d.ts +1 -0
- package/toggle/toggle.d.ts +1 -0
|
@@ -7,6 +7,7 @@ export type AvatarFileInputProps<FormData extends FieldValues> = UseControllerPr
|
|
|
7
7
|
onChange?: OnChangeHandler;
|
|
8
8
|
requiredMessage?: string;
|
|
9
9
|
};
|
|
10
|
+
export type AvatarFileInputValue = FileResponse | null;
|
|
10
11
|
export declare function AvatarFileInput<FormData extends FieldValues>(props: AvatarFileInputProps<FormData>): React.JSX.Element;
|
|
11
12
|
export declare namespace AvatarFileInput {
|
|
12
13
|
var displayName: string;
|
|
@@ -8,6 +8,7 @@ export type ComboProps<FormData extends FieldValues> = UseControllerProps<FormDa
|
|
|
8
8
|
onChange?: OnChangeHandler;
|
|
9
9
|
requiredMessage?: string;
|
|
10
10
|
};
|
|
11
|
+
export type CheckboxButtonValue = boolean | undefined;
|
|
11
12
|
export declare function CheckboxButton<FormData extends Record<string, any>>(props: ComboProps<FormData>): React.JSX.Element;
|
|
12
13
|
export declare namespace CheckboxButton {
|
|
13
14
|
var displayName: string;
|
|
@@ -8,6 +8,7 @@ export type ComboProps<FormData extends FieldValues> = UseControllerProps<FormDa
|
|
|
8
8
|
onChange?: OnChangeHandler;
|
|
9
9
|
requiredMessage?: string;
|
|
10
10
|
};
|
|
11
|
+
export type CheckboxInputValue = boolean | undefined;
|
|
11
12
|
export declare function CheckboxInput<FormData extends Record<string, any>>(props: ComboProps<FormData>): React.JSX.Element;
|
|
12
13
|
export declare namespace CheckboxInput {
|
|
13
14
|
var displayName: string;
|
|
@@ -7,6 +7,7 @@ export type ColorRadioGroupProps<FormData extends FieldValues> = UseControllerPr
|
|
|
7
7
|
onChange?: OnChangeHandler;
|
|
8
8
|
requiredMessage?: string;
|
|
9
9
|
};
|
|
10
|
+
export type ColorRadioGroupValue = `#${string}` | null;
|
|
10
11
|
export declare function ColorRadioGroup<FormData extends Record<string, any>>(props: ColorRadioGroupProps<FormData>): React.JSX.Element;
|
|
11
12
|
export declare namespace ColorRadioGroup {
|
|
12
13
|
var displayName: string;
|
package/combobox/combobox.d.ts
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ComboboxValueId, ComboboxProps as UIComboboxProps, ComboboxValue as UIComboboxValue } from "@uxf/ui/combobox";
|
|
2
2
|
import { FormControlProps } from "@uxf/ui/types";
|
|
3
3
|
import React from "react";
|
|
4
4
|
import { FieldValues, UseControllerProps } from "react-hook-form";
|
|
5
|
-
type OnChangeHandler = FormControlProps<
|
|
5
|
+
type OnChangeHandler = FormControlProps<UIComboboxValue | null>["onChange"];
|
|
6
6
|
export type ComboProps<FormData extends FieldValues> = UseControllerProps<FormData> & Omit<UIComboboxProps, "isInvalid" | "name" | "onChange" | "value"> & {
|
|
7
7
|
onChange?: OnChangeHandler;
|
|
8
8
|
requiredMessage?: string;
|
|
9
9
|
};
|
|
10
|
+
export type ComboboxValue<Id extends ComboboxValueId> = UIComboboxValue<Id>;
|
|
10
11
|
export declare function Combobox<FormData extends Record<string, any>>(props: ComboProps<FormData>): React.JSX.Element;
|
|
11
12
|
export declare namespace Combobox {
|
|
12
13
|
var displayName: string;
|
|
@@ -7,6 +7,7 @@ export type DatePickerInputProps<FormData extends FieldValues> = UseControllerPr
|
|
|
7
7
|
minDate?: string;
|
|
8
8
|
maxDate?: string;
|
|
9
9
|
};
|
|
10
|
+
export type DatePickerInputValue = string | null;
|
|
10
11
|
export declare function DatePickerInput<FormData extends FieldValues>(props: DatePickerInputProps<FormData>): React.JSX.Element;
|
|
11
12
|
export declare namespace DatePickerInput {
|
|
12
13
|
var displayName: string;
|
|
@@ -7,6 +7,7 @@ export type DatetimePickerInputProps<FormData extends FieldValues> = UseControll
|
|
|
7
7
|
minDate?: string;
|
|
8
8
|
maxDate?: string;
|
|
9
9
|
};
|
|
10
|
+
export type DatetimePickerInputValue = string | null;
|
|
10
11
|
export declare function DatetimePickerInput<FormData extends FieldValues>(props: DatetimePickerInputProps<FormData>): React.JSX.Element;
|
|
11
12
|
export declare namespace DatetimePickerInput {
|
|
12
13
|
var displayName: string;
|
|
@@ -4,7 +4,7 @@ import { FormControlProps } from "@uxf/ui/types";
|
|
|
4
4
|
import React from "react";
|
|
5
5
|
import { FieldValues, UseControllerProps } from "react-hook-form";
|
|
6
6
|
type OnChangeHandler = FormControlProps<DropzoneFile[] | undefined>["onChange"];
|
|
7
|
-
export interface DropzoneListProps<FormData extends FieldValues> extends Pick<UseControllerProps<FormData>, "control" | "name">, Pick<UIDropzoneListProps, "className" | "errorText" | "onRemoveConfirm" | "renderItem" | "style"> {
|
|
7
|
+
export interface DropzoneListProps<FormData extends FieldValues> extends Pick<UseControllerProps<FormData>, "control" | "name">, Pick<UIDropzoneListProps, "className" | "errorText" | "isDownloadableOnClick" | "onRemoveConfirm" | "renderItem" | "style"> {
|
|
8
8
|
onChange?: OnChangeHandler;
|
|
9
9
|
}
|
|
10
10
|
export declare function DropzoneList<FormData extends FieldValues>(props: DropzoneListProps<FormData>): React.JSX.Element;
|
|
@@ -17,7 +17,7 @@ function DropzoneList(props) {
|
|
|
17
17
|
field.onChange(value);
|
|
18
18
|
(_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, value, event);
|
|
19
19
|
};
|
|
20
|
-
return (react_1.default.createElement(dropzone_1.Dropzone.List, { className: props.className, errorText: props.errorText, onChange: onChange, onRemoveConfirm: props.onRemoveConfirm, renderItem: props.renderItem, style: props.style, value: field.value, name: props.name }));
|
|
20
|
+
return (react_1.default.createElement(dropzone_1.Dropzone.List, { className: props.className, errorText: props.errorText, isDownloadableOnClick: props.isDownloadableOnClick, onChange: onChange, onRemoveConfirm: props.onRemoveConfirm, renderItem: props.renderItem, style: props.style, value: field.value, name: props.name }));
|
|
21
21
|
}
|
|
22
22
|
exports.DropzoneList = DropzoneList;
|
|
23
23
|
DropzoneList.displayName = "UxfFormDropzoneList";
|
package/dropzone/index.d.ts
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
|
+
import { DropzoneFile } from "@uxf/ui/dropzone/types";
|
|
1
2
|
import { DropzoneInput } from "./dropzone-input";
|
|
2
3
|
import { DropzoneList } from "./dropzone-list";
|
|
3
4
|
export type { DropzoneProps } from "./dropzone-input";
|
|
4
5
|
export type { DropzoneListProps } from "./dropzone-list";
|
|
6
|
+
export type DropzoneValue = DropzoneFile[] | undefined;
|
|
5
7
|
export declare const Dropzone: typeof DropzoneInput & {
|
|
6
8
|
List: typeof DropzoneList;
|
|
7
9
|
};
|
|
@@ -7,6 +7,7 @@ export type FileInputProps<FormData extends FieldValues> = UseControllerProps<Fo
|
|
|
7
7
|
onChange?: OnChangeHandler;
|
|
8
8
|
requiredMessage?: string;
|
|
9
9
|
};
|
|
10
|
+
export type FileInputValue = FileResponse | null;
|
|
10
11
|
export declare function FileInput<FormData extends FieldValues>(props: FileInputProps<FormData>): React.JSX.Element;
|
|
11
12
|
export declare namespace FileInput {
|
|
12
13
|
var displayName: string;
|
package/gps-input/gps-input.d.ts
CHANGED
|
@@ -11,6 +11,7 @@ export type GpsInputProps<FormData extends FieldValues> = UseControllerProps<For
|
|
|
11
11
|
onChange?: OnChangeHandler;
|
|
12
12
|
requiredMessage?: string;
|
|
13
13
|
};
|
|
14
|
+
export type GpsInputValue = Gps;
|
|
14
15
|
export declare function GpsInput<FormData extends Record<string, Gps | null | undefined>>(props: GpsInputProps<FormData>): React.JSX.Element;
|
|
15
16
|
export declare namespace GpsInput {
|
|
16
17
|
var displayName: string;
|
|
@@ -7,6 +7,7 @@ export type ComboProps<FormData extends FieldValues> = UseControllerProps<FormDa
|
|
|
7
7
|
onChange?: OnChangeHandler;
|
|
8
8
|
requiredMessage?: string;
|
|
9
9
|
};
|
|
10
|
+
export type MultiComboboxValue<Id> = MultiComboboxOption<Id>[] | null;
|
|
10
11
|
export declare function MultiCombobox<FormData extends Record<string, any>>(props: ComboProps<FormData>): React.JSX.Element;
|
|
11
12
|
export declare namespace MultiCombobox {
|
|
12
13
|
var displayName: string;
|
|
@@ -7,6 +7,7 @@ export type ComboProps<FormData extends FieldValues> = UseControllerProps<FormDa
|
|
|
7
7
|
onChange?: OnChangeHandler;
|
|
8
8
|
requiredMessage?: string;
|
|
9
9
|
};
|
|
10
|
+
export type MultiSelectValue<Id> = MultiSelectOption<Id>[] | null;
|
|
10
11
|
export declare function MultiSelect<FormData extends Record<string, any>>(props: ComboProps<FormData>): React.JSX.Element;
|
|
11
12
|
export declare namespace MultiSelect {
|
|
12
13
|
var displayName: string;
|
|
@@ -7,6 +7,7 @@ export type NumberInputProps<FormData extends FieldValues> = UseControllerProps<
|
|
|
7
7
|
onChange?: FormControlProps<number | null>["onChange"];
|
|
8
8
|
requiredMessage?: string;
|
|
9
9
|
};
|
|
10
|
+
export type NumberInputValue = number | null;
|
|
10
11
|
export declare function NumberInput<FormData extends FieldValues>(props: NumberInputProps<FormData>): React.JSX.Element;
|
|
11
12
|
export declare namespace NumberInput {
|
|
12
13
|
var displayName: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uxf/form",
|
|
3
|
-
"version": "11.
|
|
3
|
+
"version": "11.12.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
"author": "UX Fans s.r.o",
|
|
13
13
|
"license": "MIT",
|
|
14
14
|
"dependencies": {
|
|
15
|
-
"@uxf/ui": "11.
|
|
15
|
+
"@uxf/ui": "11.12.0",
|
|
16
16
|
"coordinate-parser": "1.0.7",
|
|
17
17
|
"dayjs": "1.11.10",
|
|
18
18
|
"react-hook-form": "7.51.0"
|
|
@@ -7,6 +7,7 @@ export type RadioGroupProps<FormData extends FieldValues> = UseControllerProps<F
|
|
|
7
7
|
onChange?: OnChangeHandler;
|
|
8
8
|
requiredMessage?: string;
|
|
9
9
|
};
|
|
10
|
+
export type RadioGroupValue<T extends RadioGroupOptionValueId> = T | null;
|
|
10
11
|
export declare function RadioGroup<FormData extends Record<string, any>>(props: RadioGroupProps<FormData>): React.JSX.Element;
|
|
11
12
|
export declare namespace RadioGroup {
|
|
12
13
|
var displayName: string;
|
package/select/select.d.ts
CHANGED
|
@@ -1,12 +1,14 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { SelectBaseValueId } from "@uxf/ui/_select-base";
|
|
2
|
+
import { SelectProps as UISelectProps, SelectValue as UISelectValue } from "@uxf/ui/select";
|
|
2
3
|
import { FormControlProps } from "@uxf/ui/types";
|
|
3
4
|
import React from "react";
|
|
4
5
|
import { FieldValues, UseControllerProps } from "react-hook-form";
|
|
5
|
-
type OnChangeHandler = FormControlProps<
|
|
6
|
+
type OnChangeHandler = FormControlProps<UISelectValue | null>["onChange"];
|
|
6
7
|
export type SelectProps<FormData extends FieldValues> = UseControllerProps<FormData> & Omit<UISelectProps, "isInvalid" | "name" | "onChange" | "value"> & {
|
|
7
8
|
onChange?: OnChangeHandler;
|
|
8
9
|
requiredMessage?: string;
|
|
9
10
|
};
|
|
11
|
+
export type SelectValue<T extends SelectBaseValueId> = T | null;
|
|
10
12
|
export declare function Select<FormData extends Record<string, any>>(props: SelectProps<FormData>): React.JSX.Element;
|
|
11
13
|
export declare namespace Select {
|
|
12
14
|
var displayName: string;
|
|
@@ -19,6 +19,7 @@ export type TextInputProps<FormData extends FieldValues> = UseControllerProps<Fo
|
|
|
19
19
|
invalidPhoneMessage?: never;
|
|
20
20
|
type?: "password" | "search" | "text" | "url";
|
|
21
21
|
});
|
|
22
|
+
export type TextInputValue = string | null;
|
|
22
23
|
export declare function TextInput<FormData extends FieldValues>(props: TextInputProps<FormData>): React.JSX.Element;
|
|
23
24
|
export declare namespace TextInput {
|
|
24
25
|
var displayName: string;
|
package/textarea/textarea.d.ts
CHANGED
|
@@ -7,6 +7,7 @@ export type TextareaProps<FormData extends FieldValues> = UseControllerProps<For
|
|
|
7
7
|
onChange?: OnChangeHandler;
|
|
8
8
|
requiredMessage?: string;
|
|
9
9
|
};
|
|
10
|
+
export type TextareaValue = string | null;
|
|
10
11
|
export declare function Textarea<FormData extends Record<string, any>>(props: TextareaProps<FormData>): React.JSX.Element;
|
|
11
12
|
export declare namespace Textarea {
|
|
12
13
|
var displayName: string;
|
|
@@ -6,6 +6,7 @@ export type TimePickerInputProps<FormData extends FieldValues> = UseControllerPr
|
|
|
6
6
|
onChange?: UIDatePickerInputProps["onChange"];
|
|
7
7
|
requiredMessage?: string;
|
|
8
8
|
};
|
|
9
|
+
export type TimePickerInputValue = string | null;
|
|
9
10
|
export declare function TimePickerInput<FormData extends FieldValues>(props: TimePickerInputProps<FormData>): React.JSX.Element;
|
|
10
11
|
export declare namespace TimePickerInput {
|
|
11
12
|
var displayName: string;
|
package/toggle/toggle.d.ts
CHANGED
|
@@ -8,6 +8,7 @@ export type ComboProps<FormData extends FieldValues> = UseControllerProps<FormDa
|
|
|
8
8
|
onChange?: OnChangeHandler;
|
|
9
9
|
requiredMessage?: string;
|
|
10
10
|
};
|
|
11
|
+
export type ToggleValue = boolean | undefined;
|
|
11
12
|
export declare function Toggle<FormData extends Record<string, any>>(props: ComboProps<FormData>): React.JSX.Element;
|
|
12
13
|
export declare namespace Toggle {
|
|
13
14
|
var displayName: string;
|