@availity/mui-controlled-form 1.4.4 → 2.0.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 (14) hide show
  1. package/CHANGELOG.md +33 -0
  2. package/dist/index.js +8 -7
  3. package/dist/index.mjs +8 -7
  4. package/package.json +16 -16
  5. package/src/lib/AsyncAutocomplete.test.tsx +3 -0
  6. package/src/lib/AsyncAutocomplete.tsx +3 -2
  7. package/src/lib/Autocomplete.test.tsx +1 -1
  8. package/src/lib/Autocomplete.tsx +3 -2
  9. package/src/lib/CodesAutocomplete.test.tsx +4 -1
  10. package/src/lib/Datepicker.test.tsx +4 -4
  11. package/src/lib/Datepicker.tsx +1 -1
  12. package/src/lib/OrganizationAutocomplete.test.tsx +3 -0
  13. package/src/lib/ProviderAutocomplete.test.tsx +3 -0
  14. package/src/lib/Types.tsx +34 -31
package/CHANGELOG.md CHANGED
@@ -2,6 +2,39 @@
2
2
 
3
3
  This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
4
4
 
5
+ ## [2.0.1](https://github.com/Availity/element/compare/@availity/mui-controlled-form@2.0.0...@availity/mui-controlled-form@2.0.1) (2025-11-21)
6
+
7
+
8
+ ### Bug Fixes
9
+
10
+ * **mui-controlled-form:** update empty value for multi-select controlled autocomplete ([f67f483](https://github.com/Availity/element/commit/f67f483489a1bf2a7a5c6b8182db6382dac80c1c))
11
+
12
+ ## [2.0.0](https://github.com/Availity/element/compare/@availity/mui-controlled-form@1.4.4...@availity/mui-controlled-form@2.0.0) (2025-11-17)
13
+
14
+ ### Dependency Updates
15
+
16
+ * `mui-button` updated to version `1.4.4`
17
+ * `mui-layout` updated to version `1.4.4`
18
+ * `mui-menu` updated to version `1.4.4`
19
+ * `mui-paper` updated to version `1.4.4`
20
+ * `mui-typography` updated to version `1.4.4`
21
+ * `mui-autocomplete` updated to version `1.4.4`
22
+ * `mui-checkbox` updated to version `1.4.4`
23
+ * `mui-datepicker` updated to version `1.4.4`
24
+ * `mui-form-utils` updated to version `1.4.4`
25
+ * `mui-textfield` updated to version `1.4.4`
26
+ * `theme-provider` updated to version `1.4.4`
27
+
28
+ ### ⚠ BREAKING CHANGES
29
+
30
+ * @mui/material upgraded to v7
31
+ * @mui/x-* upgraded to v8
32
+ * react upgraded to v19
33
+
34
+ ### Features
35
+
36
+ * upgrade material and react dependencies ([51602a4](https://github.com/Availity/element/commit/51602a48c5304db6f61e2c7e772c9a3a4aa3f65c))
37
+
5
38
  ## [1.4.4](https://github.com/Availity/element/compare/@availity/mui-controlled-form@1.4.3...@availity/mui-controlled-form@1.4.4) (2025-10-31)
6
39
 
7
40
  ### Dependency Updates
package/dist/index.js CHANGED
@@ -115,6 +115,7 @@ var ControlledAsyncAutocomplete = (_a) => {
115
115
  "transform"
116
116
  ]);
117
117
  const { setValue } = (0, import_react_hook_form.useFormContext)();
118
+ const emptyValue = (rest == null ? void 0 : rest.multiple) ? [] : null;
118
119
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
119
120
  import_react_hook_form.Controller,
120
121
  {
@@ -141,12 +142,12 @@ var ControlledAsyncAutocomplete = (_a) => {
141
142
  onChange: (event, value3, reason) => {
142
143
  var _a3, _b3, _c2, _d;
143
144
  if (reason === "clear") {
144
- onChange2((_b3 = (_a3 = transform == null ? void 0 : transform.output) == null ? void 0 : _a3.call(transform, null)) != null ? _b3 : null);
145
+ onChange2((_b3 = (_a3 = transform == null ? void 0 : transform.output) == null ? void 0 : _a3.call(transform, null)) != null ? _b3 : emptyValue);
145
146
  }
146
147
  onChange2((_d = (_c2 = transform == null ? void 0 : transform.output) == null ? void 0 : _c2.call(transform, value3)) != null ? _d : value3);
147
148
  },
148
149
  onBlur: onBlur2,
149
- value: (_c = (_b2 = (_a2 = transform == null ? void 0 : transform.input) == null ? void 0 : _a2.call(transform, value2)) != null ? _b2 : value2) != null ? _c : null,
150
+ value: (_c = (_b2 = (_a2 = transform == null ? void 0 : transform.input) == null ? void 0 : _a2.call(transform, value2)) != null ? _b2 : value2) != null ? _c : emptyValue,
150
151
  loadOptions: (offset, limit, inputValue) => __async(null, null, function* () {
151
152
  const { options, hasMore, offset: returnedOffsetValue } = yield rest.loadOptions(offset, limit, inputValue);
152
153
  if (defaultToFirstOption && offset === 0) {
@@ -190,6 +191,7 @@ var ControlledAutocomplete = (_a) => {
190
191
  "value",
191
192
  "transform"
192
193
  ]);
194
+ const emptyValue = (rest == null ? void 0 : rest.multiple) ? [] : null;
193
195
  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
194
196
  import_react_hook_form2.Controller,
195
197
  {
@@ -221,12 +223,12 @@ var ControlledAutocomplete = (_a) => {
221
223
  onChange: (event, value3, reason) => {
222
224
  var _a3, _b3, _c2, _d;
223
225
  if (reason === "clear") {
224
- onChange2((_b3 = (_a3 = transform == null ? void 0 : transform.output) == null ? void 0 : _a3.call(transform, null)) != null ? _b3 : null);
226
+ onChange2((_b3 = (_a3 = transform == null ? void 0 : transform.output) == null ? void 0 : _a3.call(transform, null)) != null ? _b3 : emptyValue);
225
227
  }
226
228
  onChange2((_d = (_c2 = transform == null ? void 0 : transform.output) == null ? void 0 : _c2.call(transform, value3)) != null ? _d : value3);
227
229
  },
228
230
  onBlur: onBlur2,
229
- value: (_c = (_b2 = (_a2 = transform == null ? void 0 : transform.input) == null ? void 0 : _a2.call(transform, value2)) != null ? _b2 : value2) != null ? _c : null
231
+ value: (_c = (_b2 = (_a2 = transform == null ? void 0 : transform.input) == null ? void 0 : _a2.call(transform, value2)) != null ? _b2 : value2) != null ? _c : emptyValue
230
232
  })
231
233
  );
232
234
  }
@@ -371,9 +373,8 @@ var ControlledDatepicker = (_a) => {
371
373
  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
372
374
  import_mui_datepicker.Datepicker,
373
375
  __spreadProps(__spreadValues({}, rest), {
374
- FieldProps: __spreadProps(__spreadValues({
375
- required: typeof rules.required === "object" ? rules.required.value : !!rules.required
376
- }, FieldProps), {
376
+ FieldProps: __spreadProps(__spreadValues({}, FieldProps), {
377
+ required: (typeof rules.required === "object" ? rules.required.value : !!rules.required) || (FieldProps == null ? void 0 : FieldProps.required),
377
378
  error: !!error,
378
379
  helperText: error ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
379
380
  error.message,
package/dist/index.mjs CHANGED
@@ -79,6 +79,7 @@ var ControlledAsyncAutocomplete = (_a) => {
79
79
  "transform"
80
80
  ]);
81
81
  const { setValue } = useFormContext();
82
+ const emptyValue = (rest == null ? void 0 : rest.multiple) ? [] : null;
82
83
  return /* @__PURE__ */ jsx(
83
84
  Controller,
84
85
  {
@@ -105,12 +106,12 @@ var ControlledAsyncAutocomplete = (_a) => {
105
106
  onChange: (event, value3, reason) => {
106
107
  var _a3, _b3, _c2, _d;
107
108
  if (reason === "clear") {
108
- onChange2((_b3 = (_a3 = transform == null ? void 0 : transform.output) == null ? void 0 : _a3.call(transform, null)) != null ? _b3 : null);
109
+ onChange2((_b3 = (_a3 = transform == null ? void 0 : transform.output) == null ? void 0 : _a3.call(transform, null)) != null ? _b3 : emptyValue);
109
110
  }
110
111
  onChange2((_d = (_c2 = transform == null ? void 0 : transform.output) == null ? void 0 : _c2.call(transform, value3)) != null ? _d : value3);
111
112
  },
112
113
  onBlur: onBlur2,
113
- value: (_c = (_b2 = (_a2 = transform == null ? void 0 : transform.input) == null ? void 0 : _a2.call(transform, value2)) != null ? _b2 : value2) != null ? _c : null,
114
+ value: (_c = (_b2 = (_a2 = transform == null ? void 0 : transform.input) == null ? void 0 : _a2.call(transform, value2)) != null ? _b2 : value2) != null ? _c : emptyValue,
114
115
  loadOptions: (offset, limit, inputValue) => __async(null, null, function* () {
115
116
  const { options, hasMore, offset: returnedOffsetValue } = yield rest.loadOptions(offset, limit, inputValue);
116
117
  if (defaultToFirstOption && offset === 0) {
@@ -154,6 +155,7 @@ var ControlledAutocomplete = (_a) => {
154
155
  "value",
155
156
  "transform"
156
157
  ]);
158
+ const emptyValue = (rest == null ? void 0 : rest.multiple) ? [] : null;
157
159
  return /* @__PURE__ */ jsx2(
158
160
  Controller2,
159
161
  {
@@ -185,12 +187,12 @@ var ControlledAutocomplete = (_a) => {
185
187
  onChange: (event, value3, reason) => {
186
188
  var _a3, _b3, _c2, _d;
187
189
  if (reason === "clear") {
188
- onChange2((_b3 = (_a3 = transform == null ? void 0 : transform.output) == null ? void 0 : _a3.call(transform, null)) != null ? _b3 : null);
190
+ onChange2((_b3 = (_a3 = transform == null ? void 0 : transform.output) == null ? void 0 : _a3.call(transform, null)) != null ? _b3 : emptyValue);
189
191
  }
190
192
  onChange2((_d = (_c2 = transform == null ? void 0 : transform.output) == null ? void 0 : _c2.call(transform, value3)) != null ? _d : value3);
191
193
  },
192
194
  onBlur: onBlur2,
193
- value: (_c = (_b2 = (_a2 = transform == null ? void 0 : transform.input) == null ? void 0 : _a2.call(transform, value2)) != null ? _b2 : value2) != null ? _c : null
195
+ value: (_c = (_b2 = (_a2 = transform == null ? void 0 : transform.input) == null ? void 0 : _a2.call(transform, value2)) != null ? _b2 : value2) != null ? _c : emptyValue
194
196
  })
195
197
  );
196
198
  }
@@ -335,9 +337,8 @@ var ControlledDatepicker = (_a) => {
335
337
  return /* @__PURE__ */ jsx5(
336
338
  Datepicker,
337
339
  __spreadProps(__spreadValues({}, rest), {
338
- FieldProps: __spreadProps(__spreadValues({
339
- required: typeof rules.required === "object" ? rules.required.value : !!rules.required
340
- }, FieldProps), {
340
+ FieldProps: __spreadProps(__spreadValues({}, FieldProps), {
341
+ required: (typeof rules.required === "object" ? rules.required.value : !!rules.required) || (FieldProps == null ? void 0 : FieldProps.required),
341
342
  error: !!error,
342
343
  helperText: error ? /* @__PURE__ */ jsxs3(Fragment3, { children: [
343
344
  error.message,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@availity/mui-controlled-form",
3
- "version": "1.4.4",
3
+ "version": "2.0.1",
4
4
  "description": "Availity MUI/react-hook-form controlled form components - part of the @availity/element design system",
5
5
  "keywords": [
6
6
  "react",
@@ -40,34 +40,34 @@
40
40
  "publish:canary": "yarn npm publish --access public --tag canary"
41
41
  },
42
42
  "dependencies": {
43
- "@availity/mui-autocomplete": "^1.2.7",
44
- "@availity/mui-checkbox": "^1.0.4",
45
- "@availity/mui-datepicker": "^1.2.2",
46
- "@availity/mui-form-utils": "^1.3.3",
47
- "@availity/mui-textfield": "^1.3.2",
43
+ "@availity/mui-autocomplete": "^2.0.0",
44
+ "@availity/mui-checkbox": "^2.0.0",
45
+ "@availity/mui-datepicker": "^2.0.0",
46
+ "@availity/mui-form-utils": "^2.0.0",
47
+ "@availity/mui-textfield": "^2.0.0",
48
48
  "react-hook-form": "^7.55.0"
49
49
  },
50
50
  "devDependencies": {
51
51
  "@availity/api-axios": "^11.0.0",
52
- "@availity/mui-button": "^1.1.5",
53
- "@availity/mui-layout": "^1.0.3",
54
- "@availity/mui-menu": "^1.0.7",
55
- "@availity/mui-paper": "^1.0.3",
56
- "@availity/mui-typography": "^1.0.3",
52
+ "@availity/mui-button": "^2.0.0",
53
+ "@availity/mui-layout": "^2.0.0",
54
+ "@availity/mui-menu": "^2.0.0",
55
+ "@availity/mui-paper": "^2.0.0",
56
+ "@availity/mui-typography": "^2.0.0",
57
57
  "@hookform/resolvers": "^4.1.3",
58
- "@mui/material": "^6.4.5",
58
+ "@mui/material": "^7.3.4",
59
59
  "@tanstack/react-query": "^4.36.1",
60
60
  "dayjs": "^1.11.13",
61
- "react": "18.2.0",
62
- "react-dom": "18.2.0",
61
+ "react": "19.2.0",
62
+ "react-dom": "19.2.0",
63
63
  "tsup": "^8.4.0",
64
64
  "typescript": "^5.4.5",
65
65
  "yup": "^1.6.1"
66
66
  },
67
67
  "peerDependencies": {
68
68
  "@availity/api-axios": "^8.0.7",
69
- "@mui/material": "^6.4.5",
70
- "react": ">=16.3.0"
69
+ "@mui/material": "^7.0.0",
70
+ "react": ">=17.0.0"
71
71
  },
72
72
  "publishConfig": {
73
73
  "access": "public"
package/src/lib/AsyncAutocomplete.test.tsx CHANGED
@@ -57,6 +57,9 @@ describe('ControlledAsyncAutocomplete', () => {
57
57
  jest.restoreAllMocks();
58
58
  });
59
59
 
60
+ // terminate the server
61
+ afterAll(() => server.close());
62
+
60
63
  const client = new QueryClient({
61
64
  defaultOptions: {
62
65
  queries: {
package/src/lib/AsyncAutocomplete.tsx CHANGED
@@ -42,6 +42,7 @@ export const ControlledAsyncAutocomplete = <
42
42
  ...rest
43
43
  }: ControlledAsyncAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent, Output>) => {
44
44
  const { setValue } = useFormContext();
45
+ const emptyValue = rest?.multiple ? [] : null;
45
46
  return (
46
47
  <Controller
47
48
  name={name}
@@ -68,12 +69,12 @@ export const ControlledAsyncAutocomplete = <
68
69
  }}
69
70
  onChange={(event, value, reason) => {
70
71
  if (reason === 'clear') {
71
- onChange(transform?.output?.(null) ?? null);
72
+ onChange(transform?.output?.(null) ?? emptyValue);
72
73
  }
73
74
  onChange(transform?.output?.(value) ?? value);
74
75
  }}
75
76
  onBlur={onBlur}
76
- value={transform?.input?.(value) ?? value ?? null}
77
+ value={transform?.input?.(value) ?? value ?? emptyValue}
77
78
  loadOptions={async (offset, limit, inputValue) => {
78
79
  const { options, hasMore, offset: returnedOffsetValue } = await rest.loadOptions(offset, limit, inputValue);
79
80
 
package/src/lib/Autocomplete.test.tsx CHANGED
@@ -4,7 +4,7 @@ import { TestForm } from './UtilComponents';
4
4
 
5
5
  const onSubmit = jest.fn();
6
6
 
7
- describe('ControlledAsyncAutocomplete', () => {
7
+ describe('ControlledAutocomplete', () => {
8
8
  afterEach(() => {
9
9
  // Remove any handlers you may have added
10
10
  // in individual tests (runtime handlers).
package/src/lib/Autocomplete.tsx CHANGED
@@ -37,6 +37,7 @@ export const ControlledAutocomplete = <
37
37
  transform,
38
38
  ...rest
39
39
  }: ControlledAutocompleteProps<T, Multiple, DisableClearable, FreeSolo, ChipComponent, Output>) => {
40
+ const emptyValue = rest?.multiple ? [] : null;
40
41
  return (
41
42
  <Controller
42
43
  name={name}
@@ -69,12 +70,12 @@ export const ControlledAutocomplete = <
69
70
  }}
70
71
  onChange={(event, value, reason) => {
71
72
  if (reason === 'clear') {
72
- onChange(transform?.output?.(null) ?? null);
73
+ onChange(transform?.output?.(null) ?? emptyValue);
73
74
  }
74
75
  onChange(transform?.output?.(value) ?? value);
75
76
  }}
76
77
  onBlur={onBlur}
77
- value={transform?.input?.(value) ?? value ?? null}
78
+ value={transform?.input?.(value) ?? value ?? emptyValue}
78
79
  />
79
80
  )}
80
81
  />
package/src/lib/CodesAutocomplete.test.tsx CHANGED
@@ -7,7 +7,7 @@ import { TestForm } from './UtilComponents';
7
7
 
8
8
  const onSubmit = jest.fn();
9
9
 
10
- describe('ControlledAsyncAutocomplete', () => {
10
+ describe('ControlledCodesAutocomplete', () => {
11
11
  beforeAll(() => {
12
12
  // Start the interception.
13
13
  server.listen();
@@ -20,6 +20,9 @@ describe('ControlledAsyncAutocomplete', () => {
20
20
  jest.restoreAllMocks();
21
21
  });
22
22
 
23
+ // terminate the server
24
+ afterAll(() => server.close());
25
+
23
26
  const client = new QueryClient({
24
27
  defaultOptions: {
25
28
  queries: {
package/src/lib/Datepicker.test.tsx CHANGED
@@ -6,7 +6,7 @@ import { TestForm } from './UtilComponents';
6
6
 
7
7
  const onSubmit = jest.fn();
8
8
 
9
- describe('Datepicker', () => {
9
+ describe('ControlledDatepicker', () => {
10
10
  test('should render successfully and submit selection', async () => {
11
11
  const screen = render(
12
12
  <ThemeProvider>
@@ -59,7 +59,7 @@ describe('Datepicker', () => {
59
59
  </ThemeProvider>
60
60
  );
61
61
 
62
- expect(screen.getByText('*')).toBeDefined();
62
+ expect(screen.getAllByText('*')).toBeDefined();
63
63
  });
64
64
 
65
65
  test('should indicate it is required when passing an object with true', async () => {
@@ -80,7 +80,7 @@ describe('Datepicker', () => {
80
80
  </ThemeProvider>
81
81
  );
82
82
 
83
- expect(screen.getByText('*')).toBeDefined();
83
+ expect(screen.getAllByText('*')).toBeDefined();
84
84
  });
85
85
 
86
86
  test('should not indicate it is required when passing an object with false', async () => {
@@ -101,7 +101,7 @@ describe('Datepicker', () => {
101
101
  </ThemeProvider>
102
102
  );
103
103
 
104
- expect(screen.queryByText('*')).toBeNull();
104
+ expect(screen.queryAllByText('*')).toHaveLength(0);
105
105
  });
106
106
  });
107
107
  });
package/src/lib/Datepicker.tsx CHANGED
@@ -39,8 +39,8 @@ export const ControlledDatepicker = <Output = Dayjs | null,>({
39
39
  <Datepicker
40
40
  {...rest}
41
41
  FieldProps={{
42
- required: typeof rules.required === 'object' ? rules.required.value : !!rules.required,
43
42
  ...FieldProps,
43
+ required: (typeof rules.required === 'object' ? rules.required.value : !!rules.required) || FieldProps?.required,
44
44
  error: !!error,
45
45
  helperText: error ? (
46
46
  <>
package/src/lib/OrganizationAutocomplete.test.tsx CHANGED
@@ -20,6 +20,9 @@ describe('ControlledOrganizationAutocomplete', () => {
20
20
  jest.restoreAllMocks();
21
21
  });
22
22
 
23
+ // terminate the server
24
+ afterAll(() => server.close());
25
+
23
26
  const client = new QueryClient({
24
27
  defaultOptions: {
25
28
  queries: {
package/src/lib/ProviderAutocomplete.test.tsx CHANGED
@@ -20,6 +20,9 @@ describe('ControlledProviderAutocomplete', () => {
20
20
  jest.restoreAllMocks();
21
21
  });
22
22
 
23
+ // terminate the server
24
+ afterAll(() => server.close());
25
+
23
26
  const client = new QueryClient({
24
27
  defaultOptions: {
25
28
  queries: {
package/src/lib/Types.tsx CHANGED
@@ -202,8 +202,7 @@ export const AllControllerPropertiesCategorized: CategorizedControllerPropsObjec
202
202
  };
203
203
 
204
204
  export const TextFieldPropsCategorized: TextFieldPropsObject = {
205
- displayOverflowMaxLength: { table: { category: 'Input Props' } },
206
- slotProps: { table: { category: 'Input Props' } },
205
+ required: { table: { category: 'Input Props' } },
207
206
  className: { table: { category: 'Input Props' } },
208
207
  style: { table: { category: 'Input Props' } },
209
208
  classes: { table: { category: 'Input Props' } },
@@ -213,7 +212,6 @@ export const TextFieldPropsCategorized: TextFieldPropsObject = {
213
212
  color: { table: { category: 'Input Props' } },
214
213
  onFocus: { table: { category: 'Input Props' } },
215
214
  focused: { table: { category: 'Input Props' } },
216
- required: { table: { category: 'Input Props' } },
217
215
  sx: { table: { category: 'Input Props' } },
218
216
  label: { table: { category: 'Input Props' } },
219
217
  ref: { table: { category: 'Input Props' } },
@@ -240,24 +238,24 @@ export const TextFieldPropsCategorized: TextFieldPropsObject = {
240
238
  SelectProps: { table: { category: 'Input Props' } },
241
239
  type: { table: { category: 'Input Props' } },
242
240
  slots: { table: { category: 'Input Props' } },
241
+ slotProps: { table: { category: 'Input Props' } },
243
242
  showCharacterCount: { table: { category: 'Input Props' } },
243
+ displayOverflowMaxLength: { table: { category: 'Input Props' } }
244
244
  };
245
245
 
246
246
  export const RadioGroupPropsCategorized: RadioGroupPropsObject = {
247
+ required: { table: { category: 'Input Props' } },
247
248
  classes: { table: { category: 'Input Props' } },
248
249
  children: { table: { category: 'Input Props' } },
249
- required: { table: { category: 'Input Props' } },
250
250
  sx: { table: { category: 'Input Props' } },
251
251
  label: { table: { category: 'Input Props' } },
252
252
  ref: { table: { category: 'Input Props' } },
253
253
  helperText: { table: { category: 'Input Props' } },
254
- row: { table: { category: 'Input Props' } },
254
+ row: { table: { category: 'Input Props' } }
255
255
  };
256
256
 
257
257
  export const ProviderAutocompletePropsCategorized: ProviderAutocompletePropsObject = {
258
258
  classes: { table: { category: 'Input Props' } },
259
- defaultToFirstOption: { table: { category: 'Input Props' } },
260
- defaultToOnlyOption: { table: { category: 'Input Props' } },
261
259
  id: { table: { category: 'Input Props' } },
262
260
  onKeyDown: { table: { category: 'Input Props' } },
263
261
  sx: { table: { category: 'Input Props' } },
@@ -269,7 +267,7 @@ export const ProviderAutocompletePropsCategorized: ProviderAutocompletePropsObje
269
267
  multiple: { table: { category: 'Input Props' } },
270
268
  onClose: { table: { category: 'Input Props' } },
271
269
  onOpen: { table: { category: 'Input Props' } },
272
- queryKey: { table: { category: 'Input Props' } },
270
+ renderValue: { table: { category: 'Input Props' } },
273
271
  ChipProps: { table: { category: 'Input Props' } },
274
272
  disablePortal: { table: { category: 'Input Props' } },
275
273
  getLimitTagsText: { table: { category: 'Input Props' } },
@@ -303,18 +301,19 @@ export const ProviderAutocompletePropsCategorized: ProviderAutocompletePropsObje
303
301
  onHighlightChange: { table: { category: 'Input Props' } },
304
302
  onInputChange: { table: { category: 'Input Props' } },
305
303
  FieldProps: { table: { category: 'Input Props' } },
304
+ queryKey: { table: { category: 'Input Props' } },
306
305
  limit: { table: { category: 'Input Props' } },
307
306
  queryOptions: { table: { category: 'Input Props' } },
308
307
  watchParams: { table: { category: 'Input Props' } },
309
308
  debounceTimeout: { table: { category: 'Input Props' } },
309
+ defaultToFirstOption: { table: { category: 'Input Props' } },
310
+ defaultToOnlyOption: { table: { category: 'Input Props' } },
310
311
  customerId: { table: { category: 'Input Props' } },
311
- apiConfig: { table: { category: 'Input Props' } },
312
+ apiConfig: { table: { category: 'Input Props' } }
312
313
  };
313
314
 
314
315
  export const OrganizationAutocompletePropsCategorized: OrganizationAutocompletePropsObject = {
315
316
  classes: { table: { category: 'Input Props' } },
316
- defaultToFirstOption: { table: { category: 'Input Props' } },
317
- defaultToOnlyOption: { table: { category: 'Input Props' } },
318
317
  id: { table: { category: 'Input Props' } },
319
318
  onKeyDown: { table: { category: 'Input Props' } },
320
319
  sx: { table: { category: 'Input Props' } },
@@ -326,7 +325,7 @@ export const OrganizationAutocompletePropsCategorized: OrganizationAutocompleteP
326
325
  multiple: { table: { category: 'Input Props' } },
327
326
  onClose: { table: { category: 'Input Props' } },
328
327
  onOpen: { table: { category: 'Input Props' } },
329
- queryKey: { table: { category: 'Input Props' } },
328
+ renderValue: { table: { category: 'Input Props' } },
330
329
  ChipProps: { table: { category: 'Input Props' } },
331
330
  disablePortal: { table: { category: 'Input Props' } },
332
331
  getLimitTagsText: { table: { category: 'Input Props' } },
@@ -360,11 +359,14 @@ export const OrganizationAutocompletePropsCategorized: OrganizationAutocompleteP
360
359
  onHighlightChange: { table: { category: 'Input Props' } },
361
360
  onInputChange: { table: { category: 'Input Props' } },
362
361
  FieldProps: { table: { category: 'Input Props' } },
362
+ queryKey: { table: { category: 'Input Props' } },
363
363
  limit: { table: { category: 'Input Props' } },
364
364
  queryOptions: { table: { category: 'Input Props' } },
365
365
  watchParams: { table: { category: 'Input Props' } },
366
366
  debounceTimeout: { table: { category: 'Input Props' } },
367
- apiConfig: { table: { category: 'Input Props' } },
367
+ defaultToFirstOption: { table: { category: 'Input Props' } },
368
+ defaultToOnlyOption: { table: { category: 'Input Props' } },
369
+ apiConfig: { table: { category: 'Input Props' } }
368
370
  };
369
371
 
370
372
  export const DatepickerPropsCategorized: DatepickerPropsObject = {
@@ -400,6 +402,7 @@ export const DatepickerPropsCategorized: DatepickerPropsObject = {
400
402
  selectedSections: { table: { category: 'Input Props' } },
401
403
  onSelectedSectionsChange: { table: { category: 'Input Props' } },
402
404
  yearsPerRow: { table: { category: 'Input Props' } },
405
+ closeOnSelect: { table: { category: 'Input Props' } },
403
406
  renderLoading: { table: { category: 'Input Props' } },
404
407
  onYearChange: { table: { category: 'Input Props' } },
405
408
  onMonthChange: { table: { category: 'Input Props' } },
@@ -411,20 +414,13 @@ export const DatepickerPropsCategorized: DatepickerPropsObject = {
411
414
  monthsPerRow: { table: { category: 'Input Props' } },
412
415
  yearsOrder: { table: { category: 'Input Props' } },
413
416
  format: { table: { category: 'Input Props' } },
414
- closeOnSelect: { table: { category: 'Input Props' } },
415
417
  disableOpenPicker: { table: { category: 'Input Props' } },
416
418
  placement: { table: { category: 'Input Props' } },
417
- clearable: {
418
- table: {
419
- category: 'Input Props',
420
- },
421
- },
419
+ clearable: { table: { category: 'Input Props' } }
422
420
  };
423
421
 
424
422
  export const CodesAutocompletePropsCategorized: CodesAutocompletePropsObject = {
425
423
  classes: { table: { category: 'Input Props' } },
426
- defaultToFirstOption: { table: { category: 'Input Props' } },
427
- defaultToOnlyOption: { table: { category: 'Input Props' } },
428
424
  id: { table: { category: 'Input Props' } },
429
425
  onKeyDown: { table: { category: 'Input Props' } },
430
426
  sx: { table: { category: 'Input Props' } },
@@ -437,7 +433,7 @@ export const CodesAutocompletePropsCategorized: CodesAutocompletePropsObject = {
437
433
  multiple: { table: { category: 'Input Props' } },
438
434
  onClose: { table: { category: 'Input Props' } },
439
435
  onOpen: { table: { category: 'Input Props' } },
440
- queryKey: { table: { category: 'Input Props' } },
436
+ renderValue: { table: { category: 'Input Props' } },
441
437
  ChipProps: { table: { category: 'Input Props' } },
442
438
  disablePortal: { table: { category: 'Input Props' } },
443
439
  getLimitTagsText: { table: { category: 'Input Props' } },
@@ -471,17 +467,18 @@ export const CodesAutocompletePropsCategorized: CodesAutocompletePropsObject = {
471
467
  onHighlightChange: { table: { category: 'Input Props' } },
472
468
  onInputChange: { table: { category: 'Input Props' } },
473
469
  FieldProps: { table: { category: 'Input Props' } },
470
+ queryKey: { table: { category: 'Input Props' } },
474
471
  limit: { table: { category: 'Input Props' } },
475
472
  queryOptions: { table: { category: 'Input Props' } },
476
473
  watchParams: { table: { category: 'Input Props' } },
477
474
  debounceTimeout: { table: { category: 'Input Props' } },
478
- apiConfig: { table: { category: 'Input Props' } },
475
+ defaultToFirstOption: { table: { category: 'Input Props' } },
476
+ defaultToOnlyOption: { table: { category: 'Input Props' } },
477
+ apiConfig: { table: { category: 'Input Props' } }
479
478
  };
480
479
 
481
480
  export const AsyncAutocompletePropsCategorized: AsyncAutocompletePropsObject = {
482
481
  classes: { table: { category: 'Input Props' } },
483
- defaultToFirstOption: { table: { category: 'Input Props' } },
484
- defaultToOnlyOption: { table: { category: 'Input Props' } },
485
482
  id: { table: { category: 'Input Props' } },
486
483
  onKeyDown: { table: { category: 'Input Props' } },
487
484
  sx: { table: { category: 'Input Props' } },
@@ -493,7 +490,7 @@ export const AsyncAutocompletePropsCategorized: AsyncAutocompletePropsObject = {
493
490
  multiple: { table: { category: 'Input Props' } },
494
491
  onClose: { table: { category: 'Input Props' } },
495
492
  onOpen: { table: { category: 'Input Props' } },
496
- queryKey: { table: { category: 'Input Props' } },
493
+ renderValue: { table: { category: 'Input Props' } },
497
494
  ChipProps: { table: { category: 'Input Props' } },
498
495
  disablePortal: { table: { category: 'Input Props' } },
499
496
  getLimitTagsText: { table: { category: 'Input Props' } },
@@ -528,10 +525,13 @@ export const AsyncAutocompletePropsCategorized: AsyncAutocompletePropsObject = {
528
525
  onInputChange: { table: { category: 'Input Props' } },
529
526
  FieldProps: { table: { category: 'Input Props' } },
530
527
  loadOptions: { table: { category: 'Input Props' } },
528
+ queryKey: { table: { category: 'Input Props' } },
531
529
  limit: { table: { category: 'Input Props' } },
532
530
  queryOptions: { table: { category: 'Input Props' } },
533
531
  watchParams: { table: { category: 'Input Props' } },
534
532
  debounceTimeout: { table: { category: 'Input Props' } },
533
+ defaultToFirstOption: { table: { category: 'Input Props' } },
534
+ defaultToOnlyOption: { table: { category: 'Input Props' } }
535
535
  };
536
536
 
537
537
  export const AutocompletePropsCategorized: AutocompletePropsObject = {
@@ -549,6 +549,7 @@ export const AutocompletePropsCategorized: AutocompletePropsObject = {
549
549
  multiple: { table: { category: 'Input Props' } },
550
550
  onClose: { table: { category: 'Input Props' } },
551
551
  onOpen: { table: { category: 'Input Props' } },
552
+ renderValue: { table: { category: 'Input Props' } },
552
553
  disableListWrap: { table: { category: 'Input Props' } },
553
554
  ChipProps: { table: { category: 'Input Props' } },
554
555
  disablePortal: { table: { category: 'Input Props' } },
@@ -582,10 +583,11 @@ export const AutocompletePropsCategorized: AutocompletePropsObject = {
582
583
  isOptionEqualToValue: { table: { category: 'Input Props' } },
583
584
  onHighlightChange: { table: { category: 'Input Props' } },
584
585
  onInputChange: { table: { category: 'Input Props' } },
585
- FieldProps: { table: { category: 'Input Props' } },
586
+ FieldProps: { table: { category: 'Input Props' } }
586
587
  };
587
588
 
588
589
  export const CheckboxPropsCategorized: CheckboxPropsObject = {
590
+ required: { table: { category: 'Input Props' } },
589
591
  className: { table: { category: 'Input Props' } },
590
592
  style: { table: { category: 'Input Props' } },
591
593
  classes: { table: { category: 'Input Props' } },
@@ -595,13 +597,14 @@ export const CheckboxPropsCategorized: CheckboxPropsObject = {
595
597
  id: { table: { category: 'Input Props' } },
596
598
  tabIndex: { table: { category: 'Input Props' } },
597
599
  color: { table: { category: 'Input Props' } },
598
- required: { table: { category: 'Input Props' } },
599
600
  sx: { table: { category: 'Input Props' } },
600
601
  ref: { table: { category: 'Input Props' } },
601
602
  key: { table: { category: 'Input Props' } },
602
603
  component: { table: { category: 'Input Props' } },
603
604
  inputProps: { table: { category: 'Input Props' } },
604
605
  inputRef: { table: { category: 'Input Props' } },
606
+ slots: { table: { category: 'Input Props' } },
607
+ slotProps: { table: { category: 'Input Props' } },
605
608
  readOnly: { table: { category: 'Input Props' } },
606
609
  action: { table: { category: 'Input Props' } },
607
610
  formAction: { table: { category: 'Input Props' } },
@@ -617,7 +620,7 @@ export const CheckboxPropsCategorized: CheckboxPropsObject = {
617
620
  checked: { table: { category: 'Input Props' } },
618
621
  edge: { table: { category: 'Input Props' } },
619
622
  indeterminate: { table: { category: 'Input Props' } },
620
- indeterminateIcon: { table: { category: 'Input Props' } },
623
+ indeterminateIcon: { table: { category: 'Input Props' } }
621
624
  };
622
625
 
623
626
  export const InputPropsCategorized: InputPropsObject = {
@@ -661,6 +664,7 @@ export const InputPropsCategorized: InputPropsObject = {
661
664
  };
662
665
 
663
666
  export const SelectPropsCategorized: SelectPropsObject = {
667
+ required: { table: { category: 'Input Props' } },
664
668
  className: { table: { category: 'Input Props' } },
665
669
  style: { table: { category: 'Input Props' } },
666
670
  classes: { table: { category: 'Input Props' } },
@@ -677,7 +681,6 @@ export const SelectPropsCategorized: SelectPropsObject = {
677
681
  onError: { table: { category: 'Input Props' } },
678
682
  onKeyDown: { table: { category: 'Input Props' } },
679
683
  onKeyUp: { table: { category: 'Input Props' } },
680
- required: { table: { category: 'Input Props' } },
681
684
  sx: { table: { category: 'Input Props' } },
682
685
  label: { table: { category: 'Input Props' } },
683
686
  ref: { table: { category: 'Input Props' } },
@@ -712,7 +715,7 @@ export const SelectPropsCategorized: SelectPropsObject = {
712
715
  onClose: { table: { category: 'Input Props' } },
713
716
  onOpen: { table: { category: 'Input Props' } },
714
717
  renderValue: { table: { category: 'Input Props' } },
715
- SelectDisplayProps: { table: { category: 'Input Props' } },
718
+ SelectDisplayProps: { table: { category: 'Input Props' } }
716
719
  };
717
720
 
718
721
  export const AllControllerPropsList = Object.keys(AllControllerPropertiesCategorized) as (keyof ControllerProps)[];