@jobber/components 6.103.2-JOB-140609-9051081.26 → 6.103.2-JOB-141426-1b49367.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.
Files changed (75) hide show
  1. package/dist/Autocomplete/Autocomplete.types.d.ts +1 -12
  2. package/dist/Autocomplete/index.cjs +24 -3
  3. package/dist/Autocomplete/index.mjs +24 -3
  4. package/dist/Autocomplete/useAutocomplete.d.ts +1 -0
  5. package/dist/Checkbox/Checkbox.types.d.ts +9 -2
  6. package/dist/Checkbox/index.cjs +2 -3
  7. package/dist/Checkbox/index.mjs +2 -3
  8. package/dist/Chips/InternalChipDismissible/hooks/index.cjs +2 -2
  9. package/dist/Chips/InternalChipDismissible/hooks/index.mjs +2 -2
  10. package/dist/Chips/InternalChipDismissible/index.cjs +2 -2
  11. package/dist/Chips/InternalChipDismissible/index.mjs +2 -2
  12. package/dist/Chips/index.cjs +2 -2
  13. package/dist/Chips/index.mjs +2 -2
  14. package/dist/DataList/components/DataListSearch/index.cjs +12 -1
  15. package/dist/DataList/components/DataListSearch/index.mjs +12 -1
  16. package/dist/DataList/index.cjs +8 -0
  17. package/dist/DataList/index.mjs +8 -0
  18. package/dist/DataTable/index.cjs +2 -2
  19. package/dist/DataTable/index.mjs +2 -2
  20. package/dist/DatePicker/index.cjs +2 -2
  21. package/dist/DatePicker/index.mjs +2 -2
  22. package/dist/FormField/FormFieldTypes.d.ts +1 -217
  23. package/dist/FormField-cjs.js +1 -0
  24. package/dist/FormField-es.js +1 -1
  25. package/dist/InputDate/index.cjs +4 -8
  26. package/dist/InputDate/index.mjs +4 -8
  27. package/dist/InputDate/useInputDateActivatorActions.d.ts +2 -2
  28. package/dist/InputEmail/InputEmail.types.d.ts +21 -16
  29. package/dist/InputEmail/hooks/useInputEmailActions.d.ts +1 -1
  30. package/dist/InputEmail/hooks/useInputEmailFormField.d.ts +32 -0
  31. package/dist/InputEmail/index.cjs +45 -10
  32. package/dist/InputEmail/index.mjs +45 -10
  33. package/dist/InputNumber/InputNumber.rebuilt.types.d.ts +2 -23
  34. package/dist/InputNumber/index.cjs +2 -5
  35. package/dist/InputNumber/index.mjs +2 -5
  36. package/dist/InputPhoneNumber/InputPhoneNumber.types.d.ts +26 -15
  37. package/dist/InputPhoneNumber/hooks/useInputPhoneActions.d.ts +1 -1
  38. package/dist/InputPhoneNumber/hooks/useInputPhoneFormField.d.ts +71 -0
  39. package/dist/InputPhoneNumber/index.cjs +35 -20
  40. package/dist/InputPhoneNumber/index.mjs +35 -20
  41. package/dist/InputText/InputText.d.ts +2 -2
  42. package/dist/InputText/InputText.types.d.ts +24 -27
  43. package/dist/InputText/index.cjs +55 -26
  44. package/dist/InputText/index.mjs +56 -27
  45. package/dist/InputText/useInputTextActions.d.ts +1 -1
  46. package/dist/InputText/useInputTextFormField.d.ts +352 -0
  47. package/dist/InputTime/InputTime.rebuilt.d.ts +1 -1
  48. package/dist/InputTime/InputTime.types.d.ts +1 -21
  49. package/dist/InputTime/index.cjs +25 -30
  50. package/dist/InputTime/index.d.ts +1 -1
  51. package/dist/InputTime/index.mjs +27 -32
  52. package/dist/List/index.cjs +2 -2
  53. package/dist/List/index.mjs +2 -2
  54. package/dist/RecurringSelect/index.cjs +2 -2
  55. package/dist/RecurringSelect/index.mjs +2 -2
  56. package/dist/Select/Select.rebuilt.d.ts +1 -1
  57. package/dist/Select/Select.types.d.ts +1 -14
  58. package/dist/Select/hooks/useSelectActions.d.ts +5 -5
  59. package/dist/Select/hooks/useSelectFormField.d.ts +34 -0
  60. package/dist/Select/index.cjs +41 -27
  61. package/dist/Select/index.d.ts +5 -7
  62. package/dist/Select/index.mjs +43 -29
  63. package/dist/_baseEach-cjs.js +12 -12
  64. package/dist/_baseEach-es.js +1 -1
  65. package/dist/_baseFlatten-cjs.js +2 -2
  66. package/dist/_baseFlatten-es.js +1 -1
  67. package/dist/{_getAllKeys-cjs.js → _baseGet-cjs.js} +181 -181
  68. package/dist/{_getAllKeys-es.js → _baseGet-es.js} +182 -182
  69. package/dist/index.cjs +2 -2
  70. package/dist/index.mjs +2 -2
  71. package/dist/omit-cjs.js +14 -14
  72. package/dist/omit-es.js +1 -1
  73. package/dist/useScrollToActive-cjs.js +3 -3
  74. package/dist/useScrollToActive-es.js +1 -1
  75. package/package.json +2 -2
@@ -1,17 +1,6 @@
1
1
  import type { CSSProperties, Key, Ref, RefObject } from "react";
2
- import type { AriaInputProps } from "../FormField/FormFieldTypes";
3
2
  import type { FormFieldProps } from "../FormField";
4
3
  import type { InputTextRebuiltProps, InputTextRef } from "../InputText";
5
- /**
6
- * ARIA attributes for Autocomplete with managed/orchestrated behavior.
7
- * Certain ARIA attributes are controlled internally by Autocomplete's
8
- * state management and floating-ui integration and shouldn't be overridden.
9
- *
10
- * Omits: ariaControls, ariaExpanded, ariaActiveDescendant, ariaAutocomplete
11
- * (These are managed by the component's internal state/floating-ui)
12
- */
13
- export interface AriaInputPropsManaged extends Omit<AriaInputProps, "ariaControls" | "ariaExpanded" | "ariaActiveDescendant" | "ariaAutocomplete"> {
14
- }
15
4
  export type ExtraProps = Record<string, unknown>;
16
5
  type OptionValue = string | number;
17
6
  export interface BaseOption {
@@ -233,7 +222,7 @@ export type MenuFooter<Extra extends object = ExtraProps> = Extra & {
233
222
  };
234
223
  export type MenuItem<T extends OptionLike, SectionExtra extends object = ExtraProps, ActionExtra extends object = ExtraProps> = MenuSection<T, SectionExtra, ActionExtra> | MenuOptions<T, ActionExtra> | MenuHeader<ActionExtra> | MenuFooter<ActionExtra>;
235
224
  export type AutocompleteValue<Value extends OptionLike, Multiple extends boolean> = Multiple extends true ? Value[] : Value | undefined;
236
- interface AutocompleteRebuiltBaseProps<Value extends OptionLike, Multiple extends boolean, SectionExtra extends object, ActionExtra extends object> extends AriaInputPropsManaged {
225
+ interface AutocompleteRebuiltBaseProps<Value extends OptionLike, Multiple extends boolean, SectionExtra extends object, ActionExtra extends object> {
237
226
  version: 2;
238
227
  /**
239
228
  * Whether the autocomplete allows multiple selections.
@@ -20,6 +20,18 @@ require('react-hook-form');
20
20
  require('framer-motion');
21
21
  require('../Button-cjs.js');
22
22
  require('react-router-dom');
23
+ require('../omit-cjs.js');
24
+ require('../_commonjsHelpers-cjs.js');
25
+ require('../_baseGet-cjs.js');
26
+ require('../isTypedArray-cjs.js');
27
+ require('../isObjectLike-cjs.js');
28
+ require('../identity-cjs.js');
29
+ require('../_getTag-cjs.js');
30
+ require('../isSymbol-cjs.js');
31
+ require('../keysIn-cjs.js');
32
+ require('../_baseAssignValue-cjs.js');
33
+ require('../_baseFlatten-cjs.js');
34
+ require('../_setToString-cjs.js');
23
35
  require('../useFormFieldFocus-cjs.js');
24
36
  require('../InputValidation-cjs.js');
25
37
  require('../Spinner-cjs.js');
@@ -213,6 +225,7 @@ function useAutocompleteListNav({ navigableCount, shouldResetActiveIndexOnClose,
213
225
  // eslint-disable-next-line max-statements
214
226
  function useAutocomplete(props) {
215
227
  const { menu, emptyActions, getOptionLabel: getOptionLabelProp, isOptionEqualToValue, inputValue, onInputChange, value, onChange, multiple, openOnFocus = true, readOnly = false, debounce: debounceMs = 300, } = props;
228
+ const isClickingWithinRef = React.useRef(false);
216
229
  // TODO: Clean up the types in these refs by enhancing the type system in useCallbackRef
217
230
  const getOptionLabelPropRef = jobberHooks.useCallbackRef((opt) => getOptionLabelProp === null || getOptionLabelProp === void 0 ? void 0 : getOptionLabelProp(opt));
218
231
  const getOptionLabel = React.useCallback((opt) => {
@@ -508,6 +521,9 @@ function useAutocomplete(props) {
508
521
  const onInputBlur = React.useCallback(() => {
509
522
  var _a, _b;
510
523
  setInputFocused(false);
524
+ if (isClickingWithinRef.current) {
525
+ return;
526
+ }
511
527
  if (readOnly) {
512
528
  (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props);
513
529
  return;
@@ -654,6 +670,7 @@ function useAutocomplete(props) {
654
670
  activeIndex,
655
671
  setActiveIndex,
656
672
  listRef,
673
+ isClickingWithinRef,
657
674
  // actions
658
675
  onSelection,
659
676
  onAction,
@@ -892,7 +909,7 @@ const AutocompleteRebuilt = React.forwardRef(AutocompleteRebuiltInternal);
892
909
  function AutocompleteRebuiltInternal(props, forwardedRef) {
893
910
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
894
911
  const { inputValue, placeholder, disabled, error, invalid, description, size: sizeProp, loading = false, } = props;
895
- const { renderable, optionCount, persistentsHeaders, persistentsFooters, headerInteractiveCount, middleNavigableCount, getOptionLabel, isOptionSelected, refs, floatingStyles, context, getReferenceProps, getFloatingProps, getItemProps, activeIndex, open, listRef, onSelection, onAction, onInputChangeFromUser, onInputBlur, onInputFocus, onInputKeyDown, setReferenceElement, } = useAutocomplete(props);
912
+ const { renderable, optionCount, persistentsHeaders, persistentsFooters, headerInteractiveCount, middleNavigableCount, getOptionLabel, isOptionSelected, refs, floatingStyles, context, getReferenceProps, getFloatingProps, getItemProps, activeIndex, open, listRef, isClickingWithinRef, onSelection, onAction, onInputChangeFromUser, onInputBlur, onInputFocus, onInputKeyDown, setReferenceElement, } = useAutocomplete(props);
896
913
  const listboxId = React.useId();
897
914
  // Provides mount/unmount-aware transition styles for the floating element
898
915
  const { isMounted, styles: transitionStyles } = floatingUi_react.useTransitionStyles(context, {
@@ -909,7 +926,7 @@ function AutocompleteRebuiltInternal(props, forwardedRef) {
909
926
  onBlur: onInputBlur,
910
927
  });
911
928
  const inputProps = Object.assign(Object.assign(Object.assign(Object.assign({ version: 2, value: inputValue, onChange: props.readOnly ? undefined : onInputChangeFromUser }, (props.readOnly ? { onFocus: onInputFocus, onBlur: onInputBlur } : {})), { placeholder,
912
- disabled, readOnly: props.readOnly, error: error !== null && error !== void 0 ? error : undefined, name: props.name, invalid, autoComplete: "off", description, size: sizeProp ? sizeProp : undefined, prefix: props.prefix, suffix: props.suffix }), (props.readOnly ? {} : composedReferenceProps)), { role: "combobox", ariaAutocomplete: "list", ariaExpanded: open ? true : false, ariaControls: listboxId, ariaActiveDescendant: open && activeIndex != null
929
+ disabled, readOnly: props.readOnly, error: error !== null && error !== void 0 ? error : undefined, name: props.name, invalid, autoComplete: "off", description, size: sizeProp ? sizeProp : undefined, prefix: props.prefix, suffix: props.suffix }), (props.readOnly ? {} : composedReferenceProps)), { role: "combobox", "aria-autocomplete": "list", "aria-expanded": open ? true : false, "aria-controls": listboxId, "aria-activedescendant": open && activeIndex != null
913
930
  ? `${listboxId}-item-${activeIndex}`
914
931
  : undefined });
915
932
  const referenceInputRef = (node) => {
@@ -950,7 +967,11 @@ function AutocompleteRebuiltInternal(props, forwardedRef) {
950
967
  style: Object.assign(Object.assign(Object.assign(Object.assign({}, floatingStyles), transitionStyles), (_b = props.UNSAFE_styles) === null || _b === void 0 ? void 0 : _b.menu), (menuWidth
951
968
  ? { width: menuWidth, maxWidth: menuWidth }
952
969
  : {})),
953
- })),
970
+ }), { onPointerDown: () => {
971
+ isClickingWithinRef.current = true;
972
+ }, onPointerUp: () => {
973
+ isClickingWithinRef.current = false;
974
+ } }),
954
975
  React.createElement(PersistentRegion, { items: persistentsHeaders, position: "header", activeIndex: activeIndex, indexOffset: 0, listboxId: listboxId, getItemProps: getItemProps, listRef: listRef, customRenderHeader: props.customRenderHeader, customRenderFooter: props.customRenderFooter, onAction: onAction, className: classnames(styles$1.persistentHeader, (_c = props.UNSAFE_className) === null || _c === void 0 ? void 0 : _c.header), style: (_d = props.UNSAFE_styles) === null || _d === void 0 ? void 0 : _d.header }),
955
976
  React.createElement("div", { className: styles$1.scrollRegion }, loading ? ((_e = props.customRenderLoading) !== null && _e !== void 0 ? _e : React.createElement(LoadingContent, null)) : (React.createElement(React.Fragment, null,
956
977
  showEmptyStateMessage && (React.createElement(EmptyStateMessage, { emptyState: props.emptyStateMessage })),
@@ -18,6 +18,18 @@ import 'react-hook-form';
18
18
  import 'framer-motion';
19
19
  import '../Button-es.js';
20
20
  import 'react-router-dom';
21
+ import '../omit-es.js';
22
+ import '../_commonjsHelpers-es.js';
23
+ import '../_baseGet-es.js';
24
+ import '../isTypedArray-es.js';
25
+ import '../isObjectLike-es.js';
26
+ import '../identity-es.js';
27
+ import '../_getTag-es.js';
28
+ import '../isSymbol-es.js';
29
+ import '../keysIn-es.js';
30
+ import '../_baseAssignValue-es.js';
31
+ import '../_baseFlatten-es.js';
32
+ import '../_setToString-es.js';
21
33
  import '../useFormFieldFocus-es.js';
22
34
  import '../InputValidation-es.js';
23
35
  import '../Spinner-es.js';
@@ -211,6 +223,7 @@ function useAutocompleteListNav({ navigableCount, shouldResetActiveIndexOnClose,
211
223
  // eslint-disable-next-line max-statements
212
224
  function useAutocomplete(props) {
213
225
  const { menu, emptyActions, getOptionLabel: getOptionLabelProp, isOptionEqualToValue, inputValue, onInputChange, value, onChange, multiple, openOnFocus = true, readOnly = false, debounce: debounceMs = 300, } = props;
226
+ const isClickingWithinRef = useRef(false);
214
227
  // TODO: Clean up the types in these refs by enhancing the type system in useCallbackRef
215
228
  const getOptionLabelPropRef = useCallbackRef((opt) => getOptionLabelProp === null || getOptionLabelProp === void 0 ? void 0 : getOptionLabelProp(opt));
216
229
  const getOptionLabel = useCallback((opt) => {
@@ -506,6 +519,9 @@ function useAutocomplete(props) {
506
519
  const onInputBlur = useCallback(() => {
507
520
  var _a, _b;
508
521
  setInputFocused(false);
522
+ if (isClickingWithinRef.current) {
523
+ return;
524
+ }
509
525
  if (readOnly) {
510
526
  (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props);
511
527
  return;
@@ -652,6 +668,7 @@ function useAutocomplete(props) {
652
668
  activeIndex,
653
669
  setActiveIndex,
654
670
  listRef,
671
+ isClickingWithinRef,
655
672
  // actions
656
673
  onSelection,
657
674
  onAction,
@@ -890,7 +907,7 @@ const AutocompleteRebuilt = forwardRef(AutocompleteRebuiltInternal);
890
907
  function AutocompleteRebuiltInternal(props, forwardedRef) {
891
908
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
892
909
  const { inputValue, placeholder, disabled, error, invalid, description, size: sizeProp, loading = false, } = props;
893
- const { renderable, optionCount, persistentsHeaders, persistentsFooters, headerInteractiveCount, middleNavigableCount, getOptionLabel, isOptionSelected, refs, floatingStyles, context, getReferenceProps, getFloatingProps, getItemProps, activeIndex, open, listRef, onSelection, onAction, onInputChangeFromUser, onInputBlur, onInputFocus, onInputKeyDown, setReferenceElement, } = useAutocomplete(props);
910
+ const { renderable, optionCount, persistentsHeaders, persistentsFooters, headerInteractiveCount, middleNavigableCount, getOptionLabel, isOptionSelected, refs, floatingStyles, context, getReferenceProps, getFloatingProps, getItemProps, activeIndex, open, listRef, isClickingWithinRef, onSelection, onAction, onInputChangeFromUser, onInputBlur, onInputFocus, onInputKeyDown, setReferenceElement, } = useAutocomplete(props);
894
911
  const listboxId = React__default.useId();
895
912
  // Provides mount/unmount-aware transition styles for the floating element
896
913
  const { isMounted, styles: transitionStyles } = useTransitionStyles(context, {
@@ -907,7 +924,7 @@ function AutocompleteRebuiltInternal(props, forwardedRef) {
907
924
  onBlur: onInputBlur,
908
925
  });
909
926
  const inputProps = Object.assign(Object.assign(Object.assign(Object.assign({ version: 2, value: inputValue, onChange: props.readOnly ? undefined : onInputChangeFromUser }, (props.readOnly ? { onFocus: onInputFocus, onBlur: onInputBlur } : {})), { placeholder,
910
- disabled, readOnly: props.readOnly, error: error !== null && error !== void 0 ? error : undefined, name: props.name, invalid, autoComplete: "off", description, size: sizeProp ? sizeProp : undefined, prefix: props.prefix, suffix: props.suffix }), (props.readOnly ? {} : composedReferenceProps)), { role: "combobox", ariaAutocomplete: "list", ariaExpanded: open ? true : false, ariaControls: listboxId, ariaActiveDescendant: open && activeIndex != null
927
+ disabled, readOnly: props.readOnly, error: error !== null && error !== void 0 ? error : undefined, name: props.name, invalid, autoComplete: "off", description, size: sizeProp ? sizeProp : undefined, prefix: props.prefix, suffix: props.suffix }), (props.readOnly ? {} : composedReferenceProps)), { role: "combobox", "aria-autocomplete": "list", "aria-expanded": open ? true : false, "aria-controls": listboxId, "aria-activedescendant": open && activeIndex != null
911
928
  ? `${listboxId}-item-${activeIndex}`
912
929
  : undefined });
913
930
  const referenceInputRef = (node) => {
@@ -948,7 +965,11 @@ function AutocompleteRebuiltInternal(props, forwardedRef) {
948
965
  style: Object.assign(Object.assign(Object.assign(Object.assign({}, floatingStyles), transitionStyles), (_b = props.UNSAFE_styles) === null || _b === void 0 ? void 0 : _b.menu), (menuWidth
949
966
  ? { width: menuWidth, maxWidth: menuWidth }
950
967
  : {})),
951
- })),
968
+ }), { onPointerDown: () => {
969
+ isClickingWithinRef.current = true;
970
+ }, onPointerUp: () => {
971
+ isClickingWithinRef.current = false;
972
+ } }),
952
973
  React__default.createElement(PersistentRegion, { items: persistentsHeaders, position: "header", activeIndex: activeIndex, indexOffset: 0, listboxId: listboxId, getItemProps: getItemProps, listRef: listRef, customRenderHeader: props.customRenderHeader, customRenderFooter: props.customRenderFooter, onAction: onAction, className: classnames(styles$1.persistentHeader, (_c = props.UNSAFE_className) === null || _c === void 0 ? void 0 : _c.header), style: (_d = props.UNSAFE_styles) === null || _d === void 0 ? void 0 : _d.header }),
953
974
  React__default.createElement("div", { className: styles$1.scrollRegion }, loading ? ((_e = props.customRenderLoading) !== null && _e !== void 0 ? _e : React__default.createElement(LoadingContent, null)) : (React__default.createElement(React__default.Fragment, null,
954
975
  showEmptyStateMessage && (React__default.createElement(EmptyStateMessage, { emptyState: props.emptyStateMessage })),
@@ -56,6 +56,7 @@ export declare function useAutocomplete<Value extends OptionLike, Multiple exten
56
56
  activeIndex: number | null;
57
57
  setActiveIndex: (index: number | null) => void;
58
58
  listRef: React.MutableRefObject<(HTMLElement | null)[]>;
59
+ isClickingWithinRef: React.MutableRefObject<boolean>;
59
60
  onSelection: (option: Value) => void;
60
61
  onAction: (action: ActionConfig) => void;
61
62
  onInputChangeFromUser: (val: string) => void;
@@ -1,7 +1,6 @@
1
1
  import type { ReactElement, ReactNode } from "react";
2
2
  import type { XOR } from "ts-xor";
3
- import type { AriaInputProps, FocusEvents } from "../FormField/FormFieldTypes";
4
- export interface BaseCheckboxProps extends AriaInputProps, FocusEvents<HTMLInputElement> {
3
+ export interface BaseCheckboxProps {
5
4
  /**
6
5
  * Determines if the checkbox is checked or not.
7
6
  */
@@ -42,6 +41,14 @@ export interface BaseCheckboxProps extends AriaInputProps, FocusEvents<HTMLInput
42
41
  * Called when the checkbox value changes
43
42
  */
44
43
  onChange?(newValue: boolean): void;
44
+ /**
45
+ * Called when the checkbox is focused
46
+ */
47
+ onFocus?(event: React.FocusEvent<HTMLInputElement>): void;
48
+ /**
49
+ * Called when the checkbox loses focus
50
+ */
51
+ onBlur?(event: React.FocusEvent<HTMLInputElement>): void;
45
52
  /**
46
53
  * Whether the checkbox is invalid
47
54
  */
@@ -54,7 +54,7 @@ function CheckboxLegacy({ checked, defaultChecked, disabled, label, name, value,
54
54
  } }));
55
55
  }
56
56
 
57
- const CheckboxRebuilt = React.forwardRef(function CheckboxRebuiltInternal({ checked, defaultChecked, disabled, label, name, value, indeterminate = false, description, id, onBlur, onChange, onFocus, invalid, ariaLabel, ariaDescribedBy, ariaInvalid, ariaRequired, }, ref) {
57
+ const CheckboxRebuilt = React.forwardRef(function CheckboxRebuiltInternal({ checked, defaultChecked, disabled, label, name, value, indeterminate = false, description, id, onBlur, onChange, onFocus, invalid, }, ref) {
58
58
  const descriptionIdentifier = React.useId();
59
59
  const wrapperClassName = classnames(styles.wrapper, disabled && styles.disabled, invalid && styles.invalid);
60
60
  const inputClassName = classnames(styles.input, {
@@ -70,8 +70,7 @@ const CheckboxRebuilt = React.forwardRef(function CheckboxRebuiltInternal({ chec
70
70
  return (React.createElement("div", { className: styles.checkBoxParent },
71
71
  React.createElement("label", { className: wrapperClassName },
72
72
  React.createElement("span", { className: styles.checkHolder },
73
- React.createElement("input", { ref: ref, type: "checkbox", id: id, className: inputClassName, name: name, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy ||
74
- (description ? descriptionIdentifier : undefined), "aria-invalid": ariaInvalid, "aria-required": ariaRequired, checked: checked, value: value, defaultChecked: defaultChecked, disabled: disabled, onChange: handleChange, onFocus: onFocus, onBlur: onBlur }),
73
+ React.createElement("input", { ref: ref, type: "checkbox", id: id, className: inputClassName, name: name, "aria-describedby": description ? descriptionIdentifier : undefined, checked: checked, value: value, defaultChecked: defaultChecked, disabled: disabled, onChange: handleChange, onFocus: onFocus, onBlur: onBlur }),
75
74
  React.createElement("span", { className: styles.checkBox },
76
75
  React.createElement(Icon.Icon, { name: iconName, color: "surface" }))),
77
76
  labelContent && React.createElement("span", { className: styles.label }, labelContent)),
@@ -52,7 +52,7 @@ function CheckboxLegacy({ checked, defaultChecked, disabled, label, name, value,
52
52
  } }));
53
53
  }
54
54
 
55
- const CheckboxRebuilt = forwardRef(function CheckboxRebuiltInternal({ checked, defaultChecked, disabled, label, name, value, indeterminate = false, description, id, onBlur, onChange, onFocus, invalid, ariaLabel, ariaDescribedBy, ariaInvalid, ariaRequired, }, ref) {
55
+ const CheckboxRebuilt = forwardRef(function CheckboxRebuiltInternal({ checked, defaultChecked, disabled, label, name, value, indeterminate = false, description, id, onBlur, onChange, onFocus, invalid, }, ref) {
56
56
  const descriptionIdentifier = useId();
57
57
  const wrapperClassName = classnames(styles.wrapper, disabled && styles.disabled, invalid && styles.invalid);
58
58
  const inputClassName = classnames(styles.input, {
@@ -68,8 +68,7 @@ const CheckboxRebuilt = forwardRef(function CheckboxRebuiltInternal({ checked, d
68
68
  return (React__default.createElement("div", { className: styles.checkBoxParent },
69
69
  React__default.createElement("label", { className: wrapperClassName },
70
70
  React__default.createElement("span", { className: styles.checkHolder },
71
- React__default.createElement("input", { ref: ref, type: "checkbox", id: id, className: inputClassName, name: name, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy ||
72
- (description ? descriptionIdentifier : undefined), "aria-invalid": ariaInvalid, "aria-required": ariaRequired, checked: checked, value: value, defaultChecked: defaultChecked, disabled: disabled, onChange: handleChange, onFocus: onFocus, onBlur: onBlur }),
71
+ React__default.createElement("input", { ref: ref, type: "checkbox", id: id, className: inputClassName, name: name, "aria-describedby": description ? descriptionIdentifier : undefined, checked: checked, value: value, defaultChecked: defaultChecked, disabled: disabled, onChange: handleChange, onFocus: onFocus, onBlur: onBlur }),
73
72
  React__default.createElement("span", { className: styles.checkBox },
74
73
  React__default.createElement(Icon, { name: iconName, color: "surface" }))),
75
74
  labelContent && React__default.createElement("span", { className: styles.label }, labelContent)),
@@ -4,12 +4,12 @@ var useScrollToActive = require('../../../useScrollToActive-cjs.js');
4
4
  require('react');
5
5
  require('../../../_commonjsHelpers-cjs.js');
6
6
  require('../../../_baseFlatten-cjs.js');
7
- require('../../../_getAllKeys-cjs.js');
7
+ require('../../../_baseGet-cjs.js');
8
8
  require('../../../isTypedArray-cjs.js');
9
9
  require('../../../isObjectLike-cjs.js');
10
- require('../../../isSymbol-cjs.js');
11
10
  require('../../../identity-cjs.js');
12
11
  require('../../../_getTag-cjs.js');
12
+ require('../../../isSymbol-cjs.js');
13
13
  require('../../../_baseEach-cjs.js');
14
14
  require('../../../_baseFor-cjs.js');
15
15
  require('../../../_isIterateeCall-cjs.js');
@@ -2,12 +2,12 @@ export { b as useInView, u as useInternalChipDismissible, a as useInternalChipDi
2
2
  import 'react';
3
3
  import '../../../_commonjsHelpers-es.js';
4
4
  import '../../../_baseFlatten-es.js';
5
- import '../../../_getAllKeys-es.js';
5
+ import '../../../_baseGet-es.js';
6
6
  import '../../../isTypedArray-es.js';
7
7
  import '../../../isObjectLike-es.js';
8
- import '../../../isSymbol-es.js';
9
8
  import '../../../identity-es.js';
10
9
  import '../../../_getTag-es.js';
10
+ import '../../../isSymbol-es.js';
11
11
  import '../../../_baseEach-es.js';
12
12
  import '../../../_baseFor-es.js';
13
13
  import '../../../_isIterateeCall-es.js';
@@ -5,12 +5,12 @@ require('react');
5
5
  require('../../useScrollToActive-cjs.js');
6
6
  require('../../_commonjsHelpers-cjs.js');
7
7
  require('../../_baseFlatten-cjs.js');
8
- require('../../_getAllKeys-cjs.js');
8
+ require('../../_baseGet-cjs.js');
9
9
  require('../../isTypedArray-cjs.js');
10
10
  require('../../isObjectLike-cjs.js');
11
- require('../../isSymbol-cjs.js');
12
11
  require('../../identity-cjs.js');
13
12
  require('../../_getTag-cjs.js');
13
+ require('../../isSymbol-cjs.js');
14
14
  require('../../_baseEach-cjs.js');
15
15
  require('../../_baseFor-cjs.js');
16
16
  require('../../_isIterateeCall-cjs.js');
@@ -3,12 +3,12 @@ import 'react';
3
3
  import '../../useScrollToActive-es.js';
4
4
  import '../../_commonjsHelpers-es.js';
5
5
  import '../../_baseFlatten-es.js';
6
- import '../../_getAllKeys-es.js';
6
+ import '../../_baseGet-es.js';
7
7
  import '../../isTypedArray-es.js';
8
8
  import '../../isObjectLike-es.js';
9
- import '../../isSymbol-es.js';
10
9
  import '../../identity-es.js';
11
10
  import '../../_getTag-es.js';
11
+ import '../../isSymbol-es.js';
12
12
  import '../../_baseEach-es.js';
13
13
  import '../../_baseFor-es.js';
14
14
  import '../../_isIterateeCall-es.js';
@@ -7,12 +7,12 @@ var Chips = require('../Chips-cjs.js');
7
7
  require('../useScrollToActive-cjs.js');
8
8
  require('../_commonjsHelpers-cjs.js');
9
9
  require('../_baseFlatten-cjs.js');
10
- require('../_getAllKeys-cjs.js');
10
+ require('../_baseGet-cjs.js');
11
11
  require('../isTypedArray-cjs.js');
12
12
  require('../isObjectLike-cjs.js');
13
- require('../isSymbol-cjs.js');
14
13
  require('../identity-cjs.js');
15
14
  require('../_getTag-cjs.js');
15
+ require('../isSymbol-cjs.js');
16
16
  require('../_baseEach-cjs.js');
17
17
  require('../_baseFor-cjs.js');
18
18
  require('../_isIterateeCall-cjs.js');
@@ -5,12 +5,12 @@ export { C as Chips } from '../Chips-es.js';
5
5
  import '../useScrollToActive-es.js';
6
6
  import '../_commonjsHelpers-es.js';
7
7
  import '../_baseFlatten-es.js';
8
- import '../_getAllKeys-es.js';
8
+ import '../_baseGet-es.js';
9
9
  import '../isTypedArray-es.js';
10
10
  import '../isObjectLike-es.js';
11
- import '../isSymbol-es.js';
12
11
  import '../identity-es.js';
13
12
  import '../_getTag-es.js';
13
+ import '../isSymbol-es.js';
14
14
  import '../_baseEach-es.js';
15
15
  import '../_baseFor-es.js';
16
16
  import '../_isIterateeCall-es.js';
@@ -18,9 +18,20 @@ require('../../../useFormFieldFocus-cjs.js');
18
18
  require('../../../InputValidation-cjs.js');
19
19
  require('../../../Spinner-cjs.js');
20
20
  require('react-hook-form');
21
+ require('../../../omit-cjs.js');
22
+ require('../../../_commonjsHelpers-cjs.js');
23
+ require('../../../_baseGet-cjs.js');
24
+ require('../../../isTypedArray-cjs.js');
25
+ require('../../../isObjectLike-cjs.js');
26
+ require('../../../identity-cjs.js');
27
+ require('../../../_getTag-cjs.js');
28
+ require('../../../isSymbol-cjs.js');
29
+ require('../../../keysIn-cjs.js');
30
+ require('../../../_baseAssignValue-cjs.js');
31
+ require('../../../_baseFlatten-cjs.js');
32
+ require('../../../_setToString-cjs.js');
21
33
  require('../../../DataListContext-cjs.js');
22
34
  require('../../../noop-cjs.js');
23
- require('../../../_commonjsHelpers-cjs.js');
24
35
  require('../../../DataList.const-cjs.js');
25
36
  require('../../../AnimatedSwitcher-cjs.js');
26
37
 
@@ -16,8 +16,19 @@ import '../../../useFormFieldFocus-es.js';
16
16
  import '../../../InputValidation-es.js';
17
17
  import '../../../Spinner-es.js';
18
18
  import 'react-hook-form';
19
+ import '../../../omit-es.js';
20
+ import '../../../_commonjsHelpers-es.js';
21
+ import '../../../_baseGet-es.js';
22
+ import '../../../isTypedArray-es.js';
23
+ import '../../../isObjectLike-es.js';
24
+ import '../../../identity-es.js';
25
+ import '../../../_getTag-es.js';
26
+ import '../../../isSymbol-es.js';
27
+ import '../../../keysIn-es.js';
28
+ import '../../../_baseAssignValue-es.js';
29
+ import '../../../_baseFlatten-es.js';
30
+ import '../../../_setToString-es.js';
19
31
  import '../../../DataListContext-es.js';
20
32
  import '../../../noop-es.js';
21
- import '../../../_commonjsHelpers-es.js';
22
33
  import '../../../DataList.const-es.js';
23
34
  import '../../../AnimatedSwitcher-es.js';
@@ -81,6 +81,14 @@ require('../InputText/index.cjs');
81
81
  require('../FormField-cjs.js');
82
82
  require('../useFormFieldFocus-cjs.js');
83
83
  require('../InputValidation-cjs.js');
84
+ require('../omit-cjs.js');
85
+ require('../_baseGet-cjs.js');
86
+ require('../identity-cjs.js');
87
+ require('../isSymbol-cjs.js');
88
+ require('../keysIn-cjs.js');
89
+ require('../_baseAssignValue-cjs.js');
90
+ require('../_baseFlatten-cjs.js');
91
+ require('../_setToString-cjs.js');
84
92
  require('../DataListEmptyState-cjs.js');
85
93
  require('../DataListLoadMore-cjs.js');
86
94
  require('../DataListAction-cjs.js');
@@ -79,6 +79,14 @@ import '../InputText/index.mjs';
79
79
  import '../FormField-es.js';
80
80
  import '../useFormFieldFocus-es.js';
81
81
  import '../InputValidation-es.js';
82
+ import '../omit-es.js';
83
+ import '../_baseGet-es.js';
84
+ import '../identity-es.js';
85
+ import '../isSymbol-es.js';
86
+ import '../keysIn-es.js';
87
+ import '../_baseAssignValue-es.js';
88
+ import '../_baseFlatten-es.js';
89
+ import '../_setToString-es.js';
82
90
  import '../DataListEmptyState-es.js';
83
91
  import '../DataListLoadMore-es.js';
84
92
  import '../DataListAction-es.js';
@@ -13,12 +13,12 @@ require('../Content-cjs.js');
13
13
  require('../Select/index.cjs');
14
14
  require('../omit-cjs.js');
15
15
  require('../_commonjsHelpers-cjs.js');
16
- require('../_getAllKeys-cjs.js');
16
+ require('../_baseGet-cjs.js');
17
17
  require('../isTypedArray-cjs.js');
18
18
  require('../isObjectLike-cjs.js');
19
- require('../isSymbol-cjs.js');
20
19
  require('../identity-cjs.js');
21
20
  require('../_getTag-cjs.js');
21
+ require('../isSymbol-cjs.js');
22
22
  require('../keysIn-cjs.js');
23
23
  require('../_baseAssignValue-cjs.js');
24
24
  require('../_baseFlatten-cjs.js');
@@ -11,12 +11,12 @@ import '../Content-es.js';
11
11
  import '../Select/index.mjs';
12
12
  import '../omit-es.js';
13
13
  import '../_commonjsHelpers-es.js';
14
- import '../_getAllKeys-es.js';
14
+ import '../_baseGet-es.js';
15
15
  import '../isTypedArray-es.js';
16
16
  import '../isObjectLike-es.js';
17
- import '../isSymbol-es.js';
18
17
  import '../identity-es.js';
19
18
  import '../_getTag-es.js';
19
+ import '../isSymbol-es.js';
20
20
  import '../keysIn-es.js';
21
21
  import '../_baseAssignValue-es.js';
22
22
  import '../_baseFlatten-es.js';
@@ -16,12 +16,12 @@ require('../Icon-cjs.js');
16
16
  require('@jobber/design');
17
17
  require('../omit-cjs.js');
18
18
  require('../_commonjsHelpers-cjs.js');
19
- require('../_getAllKeys-cjs.js');
19
+ require('../_baseGet-cjs.js');
20
20
  require('../isTypedArray-cjs.js');
21
21
  require('../isObjectLike-cjs.js');
22
- require('../isSymbol-cjs.js');
23
22
  require('../identity-cjs.js');
24
23
  require('../_getTag-cjs.js');
24
+ require('../isSymbol-cjs.js');
25
25
  require('../keysIn-cjs.js');
26
26
  require('../_baseAssignValue-cjs.js');
27
27
  require('../_baseFlatten-cjs.js');
@@ -14,12 +14,12 @@ import '../Icon-es.js';
14
14
  import '@jobber/design';
15
15
  import '../omit-es.js';
16
16
  import '../_commonjsHelpers-es.js';
17
- import '../_getAllKeys-es.js';
17
+ import '../_baseGet-es.js';
18
18
  import '../isTypedArray-es.js';
19
19
  import '../isObjectLike-es.js';
20
- import '../isSymbol-es.js';
21
20
  import '../identity-es.js';
22
21
  import '../_getTag-es.js';
22
+ import '../isSymbol-es.js';
23
23
  import '../keysIn-es.js';
24
24
  import '../_baseAssignValue-es.js';
25
25
  import '../_baseFlatten-es.js';