@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.
- package/dist/Autocomplete/Autocomplete.types.d.ts +1 -12
- package/dist/Autocomplete/index.cjs +24 -3
- package/dist/Autocomplete/index.mjs +24 -3
- package/dist/Autocomplete/useAutocomplete.d.ts +1 -0
- package/dist/Checkbox/Checkbox.types.d.ts +9 -2
- package/dist/Checkbox/index.cjs +2 -3
- package/dist/Checkbox/index.mjs +2 -3
- package/dist/Chips/InternalChipDismissible/hooks/index.cjs +2 -2
- package/dist/Chips/InternalChipDismissible/hooks/index.mjs +2 -2
- package/dist/Chips/InternalChipDismissible/index.cjs +2 -2
- package/dist/Chips/InternalChipDismissible/index.mjs +2 -2
- package/dist/Chips/index.cjs +2 -2
- package/dist/Chips/index.mjs +2 -2
- package/dist/DataList/components/DataListSearch/index.cjs +12 -1
- package/dist/DataList/components/DataListSearch/index.mjs +12 -1
- package/dist/DataList/index.cjs +8 -0
- package/dist/DataList/index.mjs +8 -0
- package/dist/DataTable/index.cjs +2 -2
- package/dist/DataTable/index.mjs +2 -2
- package/dist/DatePicker/index.cjs +2 -2
- package/dist/DatePicker/index.mjs +2 -2
- package/dist/FormField/FormFieldTypes.d.ts +1 -217
- package/dist/FormField-cjs.js +1 -0
- package/dist/FormField-es.js +1 -1
- package/dist/InputDate/index.cjs +4 -8
- package/dist/InputDate/index.mjs +4 -8
- package/dist/InputDate/useInputDateActivatorActions.d.ts +2 -2
- package/dist/InputEmail/InputEmail.types.d.ts +21 -16
- package/dist/InputEmail/hooks/useInputEmailActions.d.ts +1 -1
- package/dist/InputEmail/hooks/useInputEmailFormField.d.ts +32 -0
- package/dist/InputEmail/index.cjs +45 -10
- package/dist/InputEmail/index.mjs +45 -10
- package/dist/InputNumber/InputNumber.rebuilt.types.d.ts +2 -23
- package/dist/InputNumber/index.cjs +2 -5
- package/dist/InputNumber/index.mjs +2 -5
- package/dist/InputPhoneNumber/InputPhoneNumber.types.d.ts +26 -15
- package/dist/InputPhoneNumber/hooks/useInputPhoneActions.d.ts +1 -1
- package/dist/InputPhoneNumber/hooks/useInputPhoneFormField.d.ts +71 -0
- package/dist/InputPhoneNumber/index.cjs +35 -20
- package/dist/InputPhoneNumber/index.mjs +35 -20
- package/dist/InputText/InputText.d.ts +2 -2
- package/dist/InputText/InputText.types.d.ts +24 -27
- package/dist/InputText/index.cjs +55 -26
- package/dist/InputText/index.mjs +56 -27
- package/dist/InputText/useInputTextActions.d.ts +1 -1
- package/dist/InputText/useInputTextFormField.d.ts +352 -0
- package/dist/InputTime/InputTime.rebuilt.d.ts +1 -1
- package/dist/InputTime/InputTime.types.d.ts +1 -21
- package/dist/InputTime/index.cjs +25 -30
- package/dist/InputTime/index.d.ts +1 -1
- package/dist/InputTime/index.mjs +27 -32
- package/dist/List/index.cjs +2 -2
- package/dist/List/index.mjs +2 -2
- package/dist/RecurringSelect/index.cjs +2 -2
- package/dist/RecurringSelect/index.mjs +2 -2
- package/dist/Select/Select.rebuilt.d.ts +1 -1
- package/dist/Select/Select.types.d.ts +1 -14
- package/dist/Select/hooks/useSelectActions.d.ts +5 -5
- package/dist/Select/hooks/useSelectFormField.d.ts +34 -0
- package/dist/Select/index.cjs +41 -27
- package/dist/Select/index.d.ts +5 -7
- package/dist/Select/index.mjs +43 -29
- package/dist/_baseEach-cjs.js +12 -12
- package/dist/_baseEach-es.js +1 -1
- package/dist/_baseFlatten-cjs.js +2 -2
- package/dist/_baseFlatten-es.js +1 -1
- package/dist/{_getAllKeys-cjs.js → _baseGet-cjs.js} +181 -181
- package/dist/{_getAllKeys-es.js → _baseGet-es.js} +182 -182
- package/dist/index.cjs +2 -2
- package/dist/index.mjs +2 -2
- package/dist/omit-cjs.js +14 -14
- package/dist/omit-es.js +1 -1
- package/dist/useScrollToActive-cjs.js +3 -3
- package/dist/useScrollToActive-es.js +1 -1
- 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>
|
|
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",
|
|
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",
|
|
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
|
-
|
|
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
|
*/
|
package/dist/Checkbox/index.cjs
CHANGED
|
@@ -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,
|
|
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-
|
|
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)),
|
package/dist/Checkbox/index.mjs
CHANGED
|
@@ -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,
|
|
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-
|
|
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('../../../
|
|
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 '../../../
|
|
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('../../
|
|
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 '../../
|
|
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';
|
package/dist/Chips/index.cjs
CHANGED
|
@@ -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('../
|
|
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');
|
package/dist/Chips/index.mjs
CHANGED
|
@@ -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 '../
|
|
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';
|
package/dist/DataList/index.cjs
CHANGED
|
@@ -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');
|
package/dist/DataList/index.mjs
CHANGED
|
@@ -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';
|
package/dist/DataTable/index.cjs
CHANGED
|
@@ -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('../
|
|
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');
|
package/dist/DataTable/index.mjs
CHANGED
|
@@ -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 '../
|
|
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('../
|
|
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 '../
|
|
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';
|