@okta/odyssey-react-mui 1.11.0 → 1.11.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 (66) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/@types/react-augment.d.js.map +1 -1
  3. package/dist/Autocomplete.js +3 -3
  4. package/dist/Autocomplete.js.map +1 -1
  5. package/dist/Button.js +5 -6
  6. package/dist/Button.js.map +1 -1
  7. package/dist/Checkbox.js +8 -7
  8. package/dist/Checkbox.js.map +1 -1
  9. package/dist/Link.js +5 -6
  10. package/dist/Link.js.map +1 -1
  11. package/dist/NativeSelect.js +16 -4
  12. package/dist/NativeSelect.js.map +1 -1
  13. package/dist/PasswordField.js +6 -7
  14. package/dist/PasswordField.js.map +1 -1
  15. package/dist/Radio.js +8 -7
  16. package/dist/Radio.js.map +1 -1
  17. package/dist/Select.js +8 -7
  18. package/dist/Select.js.map +1 -1
  19. package/dist/TextField.js +6 -7
  20. package/dist/TextField.js.map +1 -1
  21. package/dist/Typography.js +5 -6
  22. package/dist/Typography.js.map +1 -1
  23. package/dist/inputUtils.js.map +1 -1
  24. package/dist/labs/Switch.js +3 -3
  25. package/dist/labs/Switch.js.map +1 -1
  26. package/dist/labs/VirtualizedAutocomplete.js +3 -3
  27. package/dist/labs/VirtualizedAutocomplete.js.map +1 -1
  28. package/dist/src/Autocomplete.d.ts.map +1 -1
  29. package/dist/src/Button.d.ts +4 -4
  30. package/dist/src/Button.d.ts.map +1 -1
  31. package/dist/src/Checkbox.d.ts +4 -4
  32. package/dist/src/Checkbox.d.ts.map +1 -1
  33. package/dist/src/Link.d.ts +4 -4
  34. package/dist/src/Link.d.ts.map +1 -1
  35. package/dist/src/NativeSelect.d.ts +12 -1
  36. package/dist/src/NativeSelect.d.ts.map +1 -1
  37. package/dist/src/PasswordField.d.ts +5 -5
  38. package/dist/src/PasswordField.d.ts.map +1 -1
  39. package/dist/src/Radio.d.ts +4 -4
  40. package/dist/src/Radio.d.ts.map +1 -1
  41. package/dist/src/Select.d.ts +4 -4
  42. package/dist/src/Select.d.ts.map +1 -1
  43. package/dist/src/TextField.d.ts +5 -5
  44. package/dist/src/TextField.d.ts.map +1 -1
  45. package/dist/src/Typography.d.ts +4 -4
  46. package/dist/src/Typography.d.ts.map +1 -1
  47. package/dist/src/inputUtils.d.ts +3 -0
  48. package/dist/src/inputUtils.d.ts.map +1 -1
  49. package/dist/src/labs/Switch.d.ts.map +1 -1
  50. package/dist/src/labs/VirtualizedAutocomplete.d.ts.map +1 -1
  51. package/dist/tsconfig.production.tsbuildinfo +1 -1
  52. package/package.json +3 -3
  53. package/src/@types/react-augment.d.ts +8 -4
  54. package/src/Autocomplete.tsx +2 -1
  55. package/src/Button.tsx +8 -9
  56. package/src/Checkbox.tsx +15 -11
  57. package/src/Link.tsx +8 -9
  58. package/src/NativeSelect.tsx +33 -2
  59. package/src/PasswordField.tsx +9 -11
  60. package/src/Radio.tsx +16 -10
  61. package/src/Select.tsx +9 -10
  62. package/src/TextField.tsx +9 -11
  63. package/src/Typography.tsx +8 -9
  64. package/src/inputUtils.ts +4 -0
  65. package/src/labs/Switch.tsx +2 -1
  66. package/src/labs/VirtualizedAutocomplete.tsx +10 -2
package/src/inputUtils.ts CHANGED
@@ -12,6 +12,10 @@
12
12
 
13
13
  import { useMemo } from "react";
14
14
 
15
+ export type FocusHandle = {
16
+ focus: () => void;
17
+ };
18
+
15
19
  type UseControlledStateProps<Value> = {
16
20
  controlledValue?: Value;
17
21
  uncontrolledValue?: Value;
@@ -186,6 +186,7 @@ const Switch = ({
186
186
  "aria-describedby": hintId,
187
187
  "aria-label": label,
188
188
  "aria-labelledby": labelElementId,
189
+ "data-se": testId,
189
190
  }}
190
191
  name={_name ?? id}
191
192
  onChange={handleOnChange}
@@ -201,6 +202,7 @@ const Switch = ({
201
202
  label,
202
203
  labelElementId,
203
204
  _name,
205
+ testId,
204
206
  ]
205
207
  );
206
208
 
@@ -213,7 +215,6 @@ const Switch = ({
213
215
  <FormControlLabel
214
216
  checked={internalSwitchChecked}
215
217
  control={renderSwitchComponent}
216
- data-se={testId}
217
218
  disabled={isDisabled}
218
219
  id={labelElementId}
219
220
  label={
@@ -264,6 +264,7 @@ const VirtualizedAutocomplete = <
264
264
  ...params.inputProps,
265
265
  "aria-errormessage": errorMessageElementId,
266
266
  "aria-labelledby": labelElementId,
267
+ "data-se": testId,
267
268
  }}
268
269
  aria-describedby={ariaDescribedBy}
269
270
  id={id}
@@ -273,7 +274,15 @@ const VirtualizedAutocomplete = <
273
274
  )}
274
275
  />
275
276
  ),
276
- [errorMessage, errorMessageList, hint, isOptional, label, nameOverride]
277
+ [
278
+ errorMessage,
279
+ errorMessageList,
280
+ hint,
281
+ isOptional,
282
+ label,
283
+ nameOverride,
284
+ testId,
285
+ ]
277
286
  );
278
287
  const onChange = useCallback<
279
288
  NonNullable<
@@ -313,7 +322,6 @@ const VirtualizedAutocomplete = <
313
322
  {...inputValueProp}
314
323
  // AutoComplete is wrapped in a div within MUI which does not get the disabled attr. So this aria-disabled gets set in the div
315
324
  aria-disabled={isDisabled}
316
- data-se={testId}
317
325
  disableCloseOnSelect={hasMultipleChoices}
318
326
  disabled={isDisabled}
319
327
  freeSolo={isCustomValueAllowed}