@gnwebsoft/ui 2.18.26 → 2.18.28

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 (15) hide show
  1. package/dist/chunk-A6OSZDDG.mjs +1431 -0
  2. package/dist/{chunk-CCZOV6WK.mjs → chunk-D2GQZWHC.mjs} +12 -0
  3. package/dist/chunk-IXBVE2GN.js +1431 -0
  4. package/dist/{chunk-EG7YMWA5.js → chunk-P3IAT24P.js} +12 -0
  5. package/dist/index.d.mts +8 -247
  6. package/dist/index.d.ts +8 -247
  7. package/dist/index.js +6 -1424
  8. package/dist/index.mjs +4 -1422
  9. package/dist/wrappers/index.js +2 -2
  10. package/dist/wrappers/index.mjs +1 -1
  11. package/dist/wrappers2/index.d.mts +246 -0
  12. package/dist/wrappers2/index.d.ts +246 -0
  13. package/dist/wrappers2/index.js +8 -0
  14. package/dist/wrappers2/index.mjs +8 -0
  15. package/package.json +1 -1
package/dist/{chunk-EG7YMWA5.js → chunk-P3IAT24P.js} RENAMED
@@ -654,6 +654,7 @@ var Component6 = function AsyncSelectElement(props) {
654
654
  let active = true;
655
655
  if (inputValue2 === "" || initialValueLoaded.current === false) {
656
656
  setOptions(selectedOption ? [selectedOption] : []);
657
+ setLoading(false);
657
658
  return void 0;
658
659
  }
659
660
  if (!!fieldValue.current) {
@@ -680,15 +681,25 @@ var Component6 = function AsyncSelectElement(props) {
680
681
  if (reason === "clear") {
681
682
  setSelectedOption(null);
682
683
  field.onChange(null);
684
+ setLoading(false);
683
685
  } else if (reason === "selectOption" || reason === "removeOption") {
684
686
  if (selectedOption2) {
685
687
  setSelectedOption(selectedOption2);
686
688
  field.onChange(selectedOption2.Value);
687
689
  fieldValue.current = selectedOption2.Value;
690
+ setLoading(false);
688
691
  }
689
692
  }
690
693
  setOptions([]);
694
+ setLoading(false);
691
695
  };
696
+ _react.useEffect.call(void 0, () => {
697
+ if (!field.value) {
698
+ setInputValue("");
699
+ setSelectedOption(null);
700
+ setLoading(false);
701
+ }
702
+ }, [field.value]);
692
703
  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
693
704
  _Autocomplete2.default,
694
705
  {
@@ -709,6 +720,7 @@ var Component6 = function AsyncSelectElement(props) {
709
720
  onInputChange: (_2, newInputValue) => {
710
721
  setInputValue2(newInputValue);
711
722
  },
723
+ noOptionsText: "Type Something...",
712
724
  renderInput: (params) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
713
725
  _TextField2.default,
714
726
  {
package/dist/index.d.mts CHANGED
@@ -3,254 +3,15 @@ export { UseTransformOptions, UseTransformReturn, useTransform } from './hooks/i
3
3
  export { ApiResponse, ListResponse, OperationResponse, PostModel, ValidationErrors, ValueLabel } from './types/index.mjs';
4
4
  export { api, api2, flattenObjectKeys, getTimezone, handleServerErrors, propertyExists, readValueAsDate, removeLeadingTrailingSlashes, schemaTools } from './utils/index.mjs';
5
5
  export { Field } from './wrappers/index.mjs';
6
- import { CheckboxProps, FormControlLabelProps, Grid2Props, ChipTypeMap, AutocompleteProps, TextFieldProps, IconButtonProps, FormLabelProps, RadioProps, TextField } from '@mui/material';
7
- import * as react_hook_form from 'react-hook-form';
8
- import { FieldValues, FieldPath, Control, UseControllerProps, FieldError, PathValue } from 'react-hook-form';
9
- import { b as AsyncMultiSelectPayload, O as OptionItem, A as AsyncSelectPayload } from './OptionItem-CzX7oHfv.mjs';
10
- export { a as AsyncSelectMultiPayload, c as OptionItem2 } from './OptionItem-CzX7oHfv.mjs';
11
- import * as react from 'react';
12
- import { ReactNode, ChangeEvent } from 'react';
13
- import * as react_jsx_runtime from 'react/jsx-runtime';
14
- import { TimePickerProps, TimePickerSlotProps, PickerChangeHandlerContext, TimeValidationError, DateValidationError, DatePickerSlotProps, DatePickerProps } from '@mui/x-date-pickers';
15
- import { PickerValidDate } from '@mui/x-date-pickers/models';
6
+ export { Field2 } from './wrappers2/index.mjs';
7
+ export { b as AsyncMultiSelectPayload, a as AsyncSelectMultiPayload, A as AsyncSelectPayload, O as OptionItem, c as OptionItem2 } from './OptionItem-CzX7oHfv.mjs';
8
+ import 'react/jsx-runtime';
9
+ import 'react';
10
+ import '@mui/material';
16
11
  import '@mui/material/OverridableComponent';
12
+ import 'react-hook-form';
17
13
  import '@mui/x-data-grid';
14
+ import '@mui/x-date-pickers';
18
15
  import '@mui/x-date-pickers/internals';
19
16
  import 'zod';
20
-
21
- type CheckboxGroupProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends number[] = number[]> = Omit<CheckboxProps, "name"> & {
22
- name: TName;
23
- control?: Control<TFieldValues>;
24
- label?: FormControlLabelProps["label"];
25
- labelProps?: Omit<FormControlLabelProps, "label" | "control">;
26
- gridProps?: Grid2Props;
27
- options: {
28
- value: number;
29
- label: string;
30
- }[];
31
- };
32
-
33
- type AsyncMultiSelectElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends {
34
- Value: number;
35
- Label: string;
36
- } = {
37
- Value: number;
38
- Label: string;
39
- }, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]> = Omit<AutocompleteProps<TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>, "name" | "control" | "ref" | "multiple" | "loading" | "getOptionLabel" | "getOptionKey" | "isOptionEqualToValue" | "options" | "value" | "filterSelectedOptions" | "filterOptions" | "onChange" | "onInputChange" | "renderInput"> & {
40
- name: TName;
41
- control?: Control<TFieldValues>;
42
- gridProps?: Grid2Props;
43
- placeholder?: string;
44
- label?: string;
45
- initialValues: number[] | null;
46
- queryFn: (data: AsyncMultiSelectPayload) => Promise<OptionItem[] | undefined>;
47
- };
48
-
49
- type AsyncSelectElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends {
50
- Value: number;
51
- Label: string;
52
- } = {
53
- Value: number;
54
- Label: string;
55
- }, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]> = Omit<AutocompleteProps<TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>, "name" | "control" | "ref" | "multiple" | "loading" | "getOptionLabel" | "getOptionKey" | "isOptionEqualToValue" | "options" | "value" | "filterSelectedOptions" | "filterOptions" | "onChange" | "onInputChange" | "renderInput"> & {
56
- name: TName;
57
- control?: Control<TFieldValues>;
58
- gridProps?: Grid2Props;
59
- placeholder?: string;
60
- label?: string;
61
- initialValue?: number | null;
62
- queryFn: (data: AsyncSelectPayload) => Promise<TValue[] | undefined>;
63
- };
64
-
65
- type SelectCascadeElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends {
66
- value: number | boolean;
67
- label: string;
68
- } = {
69
- value: number | boolean;
70
- label: string;
71
- }, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]> = Omit<AutocompleteProps<TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>, "name" | "renderInput" | "isOptionEqualToValue" | "getOptionLabel"> & {
72
- rules?: UseControllerProps<TFieldValues, TName>["rules"];
73
- name: TName;
74
- dependsOn: TName;
75
- control?: Control<TFieldValues>;
76
- gridProps?: Grid2Props;
77
- placeholder?: string;
78
- label?: string;
79
- initialValue?: number | null;
80
- };
81
-
82
- type SelectMultiElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends {
83
- value: number;
84
- label: string;
85
- } = {
86
- value: number;
87
- label: string;
88
- }, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]> = Omit<AutocompleteProps<TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>, "name" | "renderInput" | "isOptionEqualToValue" | "getOptionLabel" | "multiple" | "onChange" | "value"> & {
89
- rules?: UseControllerProps<TFieldValues, TName>["rules"];
90
- name: TName;
91
- control?: Control<TFieldValues>;
92
- gridProps?: Grid2Props;
93
- placeholder?: string;
94
- label?: string;
95
- };
96
-
97
- type SelectElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends {
98
- value: number;
99
- label: string;
100
- } = {
101
- value: number;
102
- label: string;
103
- }, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]> = Omit<AutocompleteProps<TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>, "name" | "renderInput" | "isOptionEqualToValue" | "getOptionLabel"> & {
104
- rules?: UseControllerProps<TFieldValues, TName>["rules"];
105
- name: TName;
106
- control?: Control<TFieldValues>;
107
- gridProps?: Grid2Props;
108
- placeholder?: string;
109
- label?: string;
110
- };
111
-
112
- type TimePickerElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends PickerValidDate = PickerValidDate, TEnableAccessibleFieldDOMStructure extends boolean = false> = Omit<TimePickerProps<TValue>, "value" | "renderInput"> & {
113
- name: TName;
114
- required?: boolean;
115
- isDate?: boolean;
116
- parseError?: (error: FieldError) => ReactNode;
117
- rules?: UseControllerProps<TFieldValues, TName>["rules"];
118
- control?: Control<TFieldValues>;
119
- inputProps?: TextFieldProps;
120
- helperText?: TextFieldProps["helperText"];
121
- textReadOnly?: boolean;
122
- slotProps?: Omit<TimePickerSlotProps<TValue, TEnableAccessibleFieldDOMStructure>, "textField">;
123
- transform?: {
124
- input?: (value: PathValue<TFieldValues, TName>) => TValue | null;
125
- output?: (value: TValue | null, context: PickerChangeHandlerContext<TimeValidationError>) => PathValue<TFieldValues, TName>;
126
- };
127
- gridProps?: Grid2Props;
128
- };
129
-
130
- type PasswordElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue = unknown> = Omit<TextFieldProps, "name"> & {
131
- name: TName;
132
- control?: Control<TFieldValues>;
133
- iconColor?: IconButtonProps["color"];
134
- renderIcon?: (password: boolean) => ReactNode;
135
- gridProps?: Grid2Props;
136
- };
137
-
138
- type RadioButtonGroupProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue = unknown> = {
139
- rules?: UseControllerProps<TFieldValues, TName>["rules"];
140
- options: TValue[];
141
- helperText?: ReactNode;
142
- name: TName;
143
- required?: boolean;
144
- parseError?: (error: FieldError) => ReactNode;
145
- label?: string;
146
- labelKey?: string;
147
- valueKey?: string;
148
- disabledKey?: string;
149
- type?: "number" | "string";
150
- emptyOptionLabel?: string;
151
- onChange?: (value: TValue | string | undefined) => void;
152
- returnObject?: boolean;
153
- row?: boolean;
154
- control?: Control<TFieldValues>;
155
- labelProps?: Omit<FormControlLabelProps, "label" | "control" | "value">;
156
- formLabelProps?: Omit<FormLabelProps, "required" | "error">;
157
- radioProps?: RadioProps;
158
- disabled?: boolean;
159
- transform?: {
160
- input?: (value: PathValue<TFieldValues, TName>) => TValue;
161
- output?: (value: TValue | string | undefined) => PathValue<TFieldValues, TName>;
162
- };
163
- gridProps?: Grid2Props;
164
- };
165
-
166
- type DatePickerElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends PickerValidDate = PickerValidDate, TEnableAccessibleFieldDOMStructure extends boolean = false> = {
167
- name: TName;
168
- required?: boolean;
169
- isDate?: boolean;
170
- parseError?: (error: FieldError | DateValidationError) => ReactNode;
171
- rules?: UseControllerProps<TFieldValues, TName>["rules"];
172
- control?: Control<TFieldValues>;
173
- inputProps?: TextFieldProps;
174
- helperText?: TextFieldProps["helperText"];
175
- label?: ReactNode;
176
- placeholder?: string;
177
- textReadOnly?: boolean;
178
- slotProps?: Omit<DatePickerSlotProps<TValue, TEnableAccessibleFieldDOMStructure>, "textField">;
179
- transform?: {
180
- input?: (value: PathValue<TFieldValues, TName>) => TValue | null;
181
- output?: (value: TValue | null, context: PickerChangeHandlerContext<DateValidationError>) => PathValue<TFieldValues, TName>;
182
- };
183
- gridProps?: Grid2Props;
184
- datePickerProps?: Omit<DatePickerProps<TValue, TEnableAccessibleFieldDOMStructure>, "value" | "slotProps">;
185
- };
186
-
187
- type CheckboxElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue = unknown> = Omit<CheckboxProps, "name"> & {
188
- name: TName;
189
- control?: Control<TFieldValues>;
190
- label?: FormControlLabelProps["label"];
191
- labelProps?: Omit<FormControlLabelProps, "label" | "control">;
192
- gridProps?: Grid2Props;
193
- };
194
-
195
- type TextFieldElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue = unknown> = {
196
- rules?: UseControllerProps<TFieldValues, TName>["rules"];
197
- name: TName;
198
- parseError?: (error: FieldError) => ReactNode;
199
- control?: Control<TFieldValues>;
200
- component?: typeof TextField;
201
- transform?: {
202
- input?: (value: PathValue<TFieldValues, TName>) => TValue;
203
- output?: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => PathValue<TFieldValues, TName>;
204
- };
205
- label?: string;
206
- placeholder?: string;
207
- textFieldProps?: Omit<TextFieldProps, "name">;
208
- gridProps?: Grid2Props;
209
- };
210
-
211
- declare const Field2: {
212
- Text: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue = unknown>(props: TextFieldElementProps<TFieldValues, TName, TValue>) => JSX.Element;
213
- Checkbox: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue = unknown>(props: CheckboxElementProps<TFieldValues, TName, TValue>) => JSX.Element;
214
- Date: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue extends unknown = any>(props: DatePickerElementProps<TFieldValues, TName, TValue>) => JSX.Element;
215
- RadioGroup: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue = unknown>(props: RadioButtonGroupProps<TFieldValues, TName, TValue>) => JSX.Element;
216
- Password: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>>(props: PasswordElementProps<TFieldValues, TName>) => JSX.Element;
217
- Time: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue extends unknown = any>(props: TimePickerElementProps<TFieldValues, TName, TValue>) => JSX.Element;
218
- Select: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue extends {
219
- value: number;
220
- label: string;
221
- } = {
222
- value: number;
223
- label: string;
224
- }, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">(props: SelectElementProps<TFieldValues, TName, TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react_jsx_runtime.JSX.Element;
225
- SelectMulti: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue extends {
226
- value: number;
227
- label: string;
228
- } = {
229
- value: number;
230
- label: string;
231
- }, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">(props: SelectMultiElementProps<TFieldValues, TName, TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react.JSX.Element;
232
- SelectCascade: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue extends {
233
- value: number | boolean;
234
- label: string;
235
- } = {
236
- value: number | boolean;
237
- label: string;
238
- }, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">(props: SelectCascadeElementProps<TFieldValues, TName, TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react.JSX.Element;
239
- AsyncSelect: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue extends {
240
- value: number;
241
- label: string;
242
- } = {
243
- value: number;
244
- label: string;
245
- }, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">(props: AsyncSelectElementProps<TFieldValues, TName, TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react.JSX.Element;
246
- AsyncMultiSelect: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue extends {
247
- value: number;
248
- label: string;
249
- } = {
250
- value: number;
251
- label: string;
252
- }, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">(props: AsyncMultiSelectElementProps<TFieldValues, TName, TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>) => JSX.Element;
253
- CheckboxGroup: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue extends number[] = number[]>(props: CheckboxGroupProps<TFieldValues, TName, TValue>) => JSX.Element;
254
- };
255
-
256
- export { AsyncMultiSelectPayload, AsyncSelectPayload, Field2, OptionItem };
17
+ import '@mui/x-date-pickers/models';
package/dist/index.d.ts CHANGED
@@ -3,254 +3,15 @@ export { UseTransformOptions, UseTransformReturn, useTransform } from './hooks/i
3
3
  export { ApiResponse, ListResponse, OperationResponse, PostModel, ValidationErrors, ValueLabel } from './types/index.js';
4
4
  export { api, api2, flattenObjectKeys, getTimezone, handleServerErrors, propertyExists, readValueAsDate, removeLeadingTrailingSlashes, schemaTools } from './utils/index.js';
5
5
  export { Field } from './wrappers/index.js';
6
- import { CheckboxProps, FormControlLabelProps, Grid2Props, ChipTypeMap, AutocompleteProps, TextFieldProps, IconButtonProps, FormLabelProps, RadioProps, TextField } from '@mui/material';
7
- import * as react_hook_form from 'react-hook-form';
8
- import { FieldValues, FieldPath, Control, UseControllerProps, FieldError, PathValue } from 'react-hook-form';
9
- import { b as AsyncMultiSelectPayload, O as OptionItem, A as AsyncSelectPayload } from './OptionItem-CzX7oHfv.js';
10
- export { a as AsyncSelectMultiPayload, c as OptionItem2 } from './OptionItem-CzX7oHfv.js';
11
- import * as react from 'react';
12
- import { ReactNode, ChangeEvent } from 'react';
13
- import * as react_jsx_runtime from 'react/jsx-runtime';
14
- import { TimePickerProps, TimePickerSlotProps, PickerChangeHandlerContext, TimeValidationError, DateValidationError, DatePickerSlotProps, DatePickerProps } from '@mui/x-date-pickers';
15
- import { PickerValidDate } from '@mui/x-date-pickers/models';
6
+ export { Field2 } from './wrappers2/index.js';
7
+ export { b as AsyncMultiSelectPayload, a as AsyncSelectMultiPayload, A as AsyncSelectPayload, O as OptionItem, c as OptionItem2 } from './OptionItem-CzX7oHfv.js';
8
+ import 'react/jsx-runtime';
9
+ import 'react';
10
+ import '@mui/material';
16
11
  import '@mui/material/OverridableComponent';
12
+ import 'react-hook-form';
17
13
  import '@mui/x-data-grid';
14
+ import '@mui/x-date-pickers';
18
15
  import '@mui/x-date-pickers/internals';
19
16
  import 'zod';
20
-
21
- type CheckboxGroupProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends number[] = number[]> = Omit<CheckboxProps, "name"> & {
22
- name: TName;
23
- control?: Control<TFieldValues>;
24
- label?: FormControlLabelProps["label"];
25
- labelProps?: Omit<FormControlLabelProps, "label" | "control">;
26
- gridProps?: Grid2Props;
27
- options: {
28
- value: number;
29
- label: string;
30
- }[];
31
- };
32
-
33
- type AsyncMultiSelectElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends {
34
- Value: number;
35
- Label: string;
36
- } = {
37
- Value: number;
38
- Label: string;
39
- }, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]> = Omit<AutocompleteProps<TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>, "name" | "control" | "ref" | "multiple" | "loading" | "getOptionLabel" | "getOptionKey" | "isOptionEqualToValue" | "options" | "value" | "filterSelectedOptions" | "filterOptions" | "onChange" | "onInputChange" | "renderInput"> & {
40
- name: TName;
41
- control?: Control<TFieldValues>;
42
- gridProps?: Grid2Props;
43
- placeholder?: string;
44
- label?: string;
45
- initialValues: number[] | null;
46
- queryFn: (data: AsyncMultiSelectPayload) => Promise<OptionItem[] | undefined>;
47
- };
48
-
49
- type AsyncSelectElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends {
50
- Value: number;
51
- Label: string;
52
- } = {
53
- Value: number;
54
- Label: string;
55
- }, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]> = Omit<AutocompleteProps<TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>, "name" | "control" | "ref" | "multiple" | "loading" | "getOptionLabel" | "getOptionKey" | "isOptionEqualToValue" | "options" | "value" | "filterSelectedOptions" | "filterOptions" | "onChange" | "onInputChange" | "renderInput"> & {
56
- name: TName;
57
- control?: Control<TFieldValues>;
58
- gridProps?: Grid2Props;
59
- placeholder?: string;
60
- label?: string;
61
- initialValue?: number | null;
62
- queryFn: (data: AsyncSelectPayload) => Promise<TValue[] | undefined>;
63
- };
64
-
65
- type SelectCascadeElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends {
66
- value: number | boolean;
67
- label: string;
68
- } = {
69
- value: number | boolean;
70
- label: string;
71
- }, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]> = Omit<AutocompleteProps<TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>, "name" | "renderInput" | "isOptionEqualToValue" | "getOptionLabel"> & {
72
- rules?: UseControllerProps<TFieldValues, TName>["rules"];
73
- name: TName;
74
- dependsOn: TName;
75
- control?: Control<TFieldValues>;
76
- gridProps?: Grid2Props;
77
- placeholder?: string;
78
- label?: string;
79
- initialValue?: number | null;
80
- };
81
-
82
- type SelectMultiElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends {
83
- value: number;
84
- label: string;
85
- } = {
86
- value: number;
87
- label: string;
88
- }, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]> = Omit<AutocompleteProps<TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>, "name" | "renderInput" | "isOptionEqualToValue" | "getOptionLabel" | "multiple" | "onChange" | "value"> & {
89
- rules?: UseControllerProps<TFieldValues, TName>["rules"];
90
- name: TName;
91
- control?: Control<TFieldValues>;
92
- gridProps?: Grid2Props;
93
- placeholder?: string;
94
- label?: string;
95
- };
96
-
97
- type SelectElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends {
98
- value: number;
99
- label: string;
100
- } = {
101
- value: number;
102
- label: string;
103
- }, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]> = Omit<AutocompleteProps<TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>, "name" | "renderInput" | "isOptionEqualToValue" | "getOptionLabel"> & {
104
- rules?: UseControllerProps<TFieldValues, TName>["rules"];
105
- name: TName;
106
- control?: Control<TFieldValues>;
107
- gridProps?: Grid2Props;
108
- placeholder?: string;
109
- label?: string;
110
- };
111
-
112
- type TimePickerElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends PickerValidDate = PickerValidDate, TEnableAccessibleFieldDOMStructure extends boolean = false> = Omit<TimePickerProps<TValue>, "value" | "renderInput"> & {
113
- name: TName;
114
- required?: boolean;
115
- isDate?: boolean;
116
- parseError?: (error: FieldError) => ReactNode;
117
- rules?: UseControllerProps<TFieldValues, TName>["rules"];
118
- control?: Control<TFieldValues>;
119
- inputProps?: TextFieldProps;
120
- helperText?: TextFieldProps["helperText"];
121
- textReadOnly?: boolean;
122
- slotProps?: Omit<TimePickerSlotProps<TValue, TEnableAccessibleFieldDOMStructure>, "textField">;
123
- transform?: {
124
- input?: (value: PathValue<TFieldValues, TName>) => TValue | null;
125
- output?: (value: TValue | null, context: PickerChangeHandlerContext<TimeValidationError>) => PathValue<TFieldValues, TName>;
126
- };
127
- gridProps?: Grid2Props;
128
- };
129
-
130
- type PasswordElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue = unknown> = Omit<TextFieldProps, "name"> & {
131
- name: TName;
132
- control?: Control<TFieldValues>;
133
- iconColor?: IconButtonProps["color"];
134
- renderIcon?: (password: boolean) => ReactNode;
135
- gridProps?: Grid2Props;
136
- };
137
-
138
- type RadioButtonGroupProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue = unknown> = {
139
- rules?: UseControllerProps<TFieldValues, TName>["rules"];
140
- options: TValue[];
141
- helperText?: ReactNode;
142
- name: TName;
143
- required?: boolean;
144
- parseError?: (error: FieldError) => ReactNode;
145
- label?: string;
146
- labelKey?: string;
147
- valueKey?: string;
148
- disabledKey?: string;
149
- type?: "number" | "string";
150
- emptyOptionLabel?: string;
151
- onChange?: (value: TValue | string | undefined) => void;
152
- returnObject?: boolean;
153
- row?: boolean;
154
- control?: Control<TFieldValues>;
155
- labelProps?: Omit<FormControlLabelProps, "label" | "control" | "value">;
156
- formLabelProps?: Omit<FormLabelProps, "required" | "error">;
157
- radioProps?: RadioProps;
158
- disabled?: boolean;
159
- transform?: {
160
- input?: (value: PathValue<TFieldValues, TName>) => TValue;
161
- output?: (value: TValue | string | undefined) => PathValue<TFieldValues, TName>;
162
- };
163
- gridProps?: Grid2Props;
164
- };
165
-
166
- type DatePickerElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends PickerValidDate = PickerValidDate, TEnableAccessibleFieldDOMStructure extends boolean = false> = {
167
- name: TName;
168
- required?: boolean;
169
- isDate?: boolean;
170
- parseError?: (error: FieldError | DateValidationError) => ReactNode;
171
- rules?: UseControllerProps<TFieldValues, TName>["rules"];
172
- control?: Control<TFieldValues>;
173
- inputProps?: TextFieldProps;
174
- helperText?: TextFieldProps["helperText"];
175
- label?: ReactNode;
176
- placeholder?: string;
177
- textReadOnly?: boolean;
178
- slotProps?: Omit<DatePickerSlotProps<TValue, TEnableAccessibleFieldDOMStructure>, "textField">;
179
- transform?: {
180
- input?: (value: PathValue<TFieldValues, TName>) => TValue | null;
181
- output?: (value: TValue | null, context: PickerChangeHandlerContext<DateValidationError>) => PathValue<TFieldValues, TName>;
182
- };
183
- gridProps?: Grid2Props;
184
- datePickerProps?: Omit<DatePickerProps<TValue, TEnableAccessibleFieldDOMStructure>, "value" | "slotProps">;
185
- };
186
-
187
- type CheckboxElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue = unknown> = Omit<CheckboxProps, "name"> & {
188
- name: TName;
189
- control?: Control<TFieldValues>;
190
- label?: FormControlLabelProps["label"];
191
- labelProps?: Omit<FormControlLabelProps, "label" | "control">;
192
- gridProps?: Grid2Props;
193
- };
194
-
195
- type TextFieldElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue = unknown> = {
196
- rules?: UseControllerProps<TFieldValues, TName>["rules"];
197
- name: TName;
198
- parseError?: (error: FieldError) => ReactNode;
199
- control?: Control<TFieldValues>;
200
- component?: typeof TextField;
201
- transform?: {
202
- input?: (value: PathValue<TFieldValues, TName>) => TValue;
203
- output?: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => PathValue<TFieldValues, TName>;
204
- };
205
- label?: string;
206
- placeholder?: string;
207
- textFieldProps?: Omit<TextFieldProps, "name">;
208
- gridProps?: Grid2Props;
209
- };
210
-
211
- declare const Field2: {
212
- Text: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue = unknown>(props: TextFieldElementProps<TFieldValues, TName, TValue>) => JSX.Element;
213
- Checkbox: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue = unknown>(props: CheckboxElementProps<TFieldValues, TName, TValue>) => JSX.Element;
214
- Date: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue extends unknown = any>(props: DatePickerElementProps<TFieldValues, TName, TValue>) => JSX.Element;
215
- RadioGroup: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue = unknown>(props: RadioButtonGroupProps<TFieldValues, TName, TValue>) => JSX.Element;
216
- Password: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>>(props: PasswordElementProps<TFieldValues, TName>) => JSX.Element;
217
- Time: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue extends unknown = any>(props: TimePickerElementProps<TFieldValues, TName, TValue>) => JSX.Element;
218
- Select: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue extends {
219
- value: number;
220
- label: string;
221
- } = {
222
- value: number;
223
- label: string;
224
- }, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">(props: SelectElementProps<TFieldValues, TName, TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react_jsx_runtime.JSX.Element;
225
- SelectMulti: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue extends {
226
- value: number;
227
- label: string;
228
- } = {
229
- value: number;
230
- label: string;
231
- }, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">(props: SelectMultiElementProps<TFieldValues, TName, TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react.JSX.Element;
232
- SelectCascade: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue extends {
233
- value: number | boolean;
234
- label: string;
235
- } = {
236
- value: number | boolean;
237
- label: string;
238
- }, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">(props: SelectCascadeElementProps<TFieldValues, TName, TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react.JSX.Element;
239
- AsyncSelect: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue extends {
240
- value: number;
241
- label: string;
242
- } = {
243
- value: number;
244
- label: string;
245
- }, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">(props: AsyncSelectElementProps<TFieldValues, TName, TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react.JSX.Element;
246
- AsyncMultiSelect: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue extends {
247
- value: number;
248
- label: string;
249
- } = {
250
- value: number;
251
- label: string;
252
- }, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">(props: AsyncMultiSelectElementProps<TFieldValues, TName, TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>) => JSX.Element;
253
- CheckboxGroup: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue extends number[] = number[]>(props: CheckboxGroupProps<TFieldValues, TName, TValue>) => JSX.Element;
254
- };
255
-
256
- export { AsyncMultiSelectPayload, AsyncSelectPayload, Field2, OptionItem };
17
+ import '@mui/x-date-pickers/models';