@carbon/react 1.114.0-rc.0 → 1.115.0-rc.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/.playwright/INTERNAL_AVT_REPORT_DO_NOT_USE.json +2816 -1339
- package/es/components/BigNumber/BigNumber.d.ts +82 -0
- package/es/components/BigNumber/BigNumberSkeleton.d.ts +16 -0
- package/es/components/BigNumber/constants.d.ts +19 -0
- package/es/components/BigNumber/index.d.ts +9 -0
- package/es/components/Card/Card.d.ts +48 -0
- package/es/components/Card/Card.js +160 -0
- package/es/components/Card/Card.types.d.ts +119 -0
- package/es/components/Card/CardAction.d.ts +37 -0
- package/es/components/Card/CardAction.js +32 -0
- package/es/components/Card/CardActions.d.ts +30 -0
- package/es/components/Card/CardActions.js +93 -0
- package/es/components/Card/CardBody.d.ts +12 -0
- package/es/components/Card/CardBody.js +35 -0
- package/es/components/Card/CardContext.d.ts +17 -0
- package/es/components/Card/CardContext.js +31 -0
- package/es/components/Card/CardFooter.d.ts +15 -0
- package/es/components/Card/CardFooter.js +45 -0
- package/es/components/Card/CardHeader.d.ts +11 -0
- package/es/components/Card/CardHeader.js +44 -0
- package/es/components/Card/CardHeaderMedia.d.ts +21 -0
- package/es/components/Card/CardHeaderMedia.js +24 -0
- package/es/components/Card/CardMedia.d.ts +35 -0
- package/es/components/Card/CardMedia.js +42 -0
- package/es/components/Card/CardTitle.d.ts +72 -0
- package/es/components/Card/CardTitle.js +86 -0
- package/es/components/Card/CardTitleMedia.d.ts +23 -0
- package/es/components/Card/CardTitleMedia.js +36 -0
- package/es/components/Card/_story-assets/data.d.ts +6 -0
- package/es/components/Card/_story-assets/options.d.ts +47 -0
- package/es/components/Card/index.d.ts +8 -0
- package/es/components/Card/index.js +33 -0
- package/es/components/Checkbox/Checkbox.js +1 -1
- package/es/components/CheckboxGroup/CheckboxGroup.js +1 -1
- package/es/components/ComboBox/ComboBox.js +2 -2
- package/es/components/ComboButton/index.js +1 -1
- package/es/components/ComposedModal/ComposedModal.js +1 -1
- package/es/components/DatePicker/DatePicker.d.ts +1 -1
- package/es/components/DatePicker/DatePicker.js +1 -1
- package/es/components/DatePicker/plugins/rangePlugin.d.ts +1 -1
- package/es/components/DatePickerInput/DatePickerInput.js +1 -1
- package/es/components/Dropdown/Dropdown.js +2 -2
- package/es/components/ExpandableSearch/ExpandableSearch.js +1 -1
- package/es/components/FileUploader/FileUploaderDropContainer.js +11 -5
- package/es/components/FormLabel/FormLabel.d.ts +2 -2
- package/es/components/FormLabel/FormLabel.js +1 -1
- package/es/components/MenuButton/index.js +1 -1
- package/es/components/MultiSelect/FilterableMultiSelect.js +2 -2
- package/es/components/MultiSelect/MultiSelect.js +2 -2
- package/es/components/NumberInput/NumberInput.js +2 -2
- package/es/components/OverflowMenu/next/index.js +1 -1
- package/es/components/RadioButton/RadioButton.js +1 -1
- package/es/components/RadioButtonGroup/RadioButtonGroup.js +1 -1
- package/es/components/Select/Select.js +1 -1
- package/es/components/Tabs/Tabs.js +13 -2
- package/es/components/Tag/SelectableTag.js +1 -1
- package/es/components/TextArea/TextArea.js +1 -1
- package/es/components/TextInput/TextInput.js +1 -1
- package/es/components/Tile/Tile.js +1 -1
- package/es/index.d.ts +3 -1
- package/es/index.js +7 -6
- package/es/internal/DisplayBox.d.ts +14 -0
- package/es/internal/getSupportedLocale.d.ts +12 -0
- package/lib/components/BigNumber/BigNumber.d.ts +82 -0
- package/lib/components/BigNumber/BigNumberSkeleton.d.ts +16 -0
- package/lib/components/BigNumber/constants.d.ts +19 -0
- package/lib/components/BigNumber/index.d.ts +9 -0
- package/lib/components/Card/Card.d.ts +48 -0
- package/lib/components/Card/Card.js +173 -0
- package/lib/components/Card/Card.types.d.ts +119 -0
- package/lib/components/Card/CardAction.d.ts +37 -0
- package/lib/components/Card/CardAction.js +41 -0
- package/lib/components/Card/CardActions.d.ts +30 -0
- package/lib/components/Card/CardActions.js +96 -0
- package/lib/components/Card/CardBody.d.ts +12 -0
- package/lib/components/Card/CardBody.js +38 -0
- package/lib/components/Card/CardContext.d.ts +17 -0
- package/lib/components/Card/CardContext.js +32 -0
- package/lib/components/Card/CardFooter.d.ts +15 -0
- package/lib/components/Card/CardFooter.js +48 -0
- package/lib/components/Card/CardHeader.d.ts +11 -0
- package/lib/components/Card/CardHeader.js +47 -0
- package/lib/components/Card/CardHeaderMedia.d.ts +21 -0
- package/lib/components/Card/CardHeaderMedia.js +33 -0
- package/lib/components/Card/CardMedia.d.ts +35 -0
- package/lib/components/Card/CardMedia.js +51 -0
- package/lib/components/Card/CardTitle.d.ts +72 -0
- package/lib/components/Card/CardTitle.js +89 -0
- package/lib/components/Card/CardTitleMedia.d.ts +23 -0
- package/lib/components/Card/CardTitleMedia.js +39 -0
- package/lib/components/Card/_story-assets/data.d.ts +6 -0
- package/lib/components/Card/_story-assets/options.d.ts +47 -0
- package/lib/components/Card/index.d.ts +8 -0
- package/lib/components/Card/index.js +48 -0
- package/lib/components/Checkbox/Checkbox.js +1 -1
- package/lib/components/CheckboxGroup/CheckboxGroup.js +1 -1
- package/lib/components/ComboBox/ComboBox.js +2 -2
- package/lib/components/ComboButton/index.js +1 -1
- package/lib/components/ComposedModal/ComposedModal.js +1 -1
- package/lib/components/DatePicker/DatePicker.d.ts +1 -1
- package/lib/components/DatePicker/DatePicker.js +1 -1
- package/lib/components/DatePicker/plugins/rangePlugin.d.ts +1 -1
- package/lib/components/DatePickerInput/DatePickerInput.js +1 -1
- package/lib/components/Dropdown/Dropdown.js +2 -2
- package/lib/components/ExpandableSearch/ExpandableSearch.js +1 -1
- package/lib/components/FileUploader/FileUploaderDropContainer.js +11 -5
- package/lib/components/FormLabel/FormLabel.d.ts +2 -2
- package/lib/components/FormLabel/FormLabel.js +1 -1
- package/lib/components/MenuButton/index.js +1 -1
- package/lib/components/MultiSelect/FilterableMultiSelect.js +2 -2
- package/lib/components/MultiSelect/MultiSelect.js +2 -2
- package/lib/components/NumberInput/NumberInput.js +2 -2
- package/lib/components/OverflowMenu/next/index.js +1 -1
- package/lib/components/RadioButton/RadioButton.js +1 -1
- package/lib/components/RadioButtonGroup/RadioButtonGroup.js +1 -1
- package/lib/components/Select/Select.js +1 -1
- package/lib/components/Tabs/Tabs.js +13 -2
- package/lib/components/Tag/SelectableTag.js +1 -1
- package/lib/components/TextArea/TextArea.js +1 -1
- package/lib/components/TextInput/TextInput.js +1 -1
- package/lib/components/Tile/Tile.js +1 -1
- package/lib/index.d.ts +3 -1
- package/lib/index.js +55 -48
- package/lib/internal/DisplayBox.d.ts +14 -0
- package/lib/internal/getSupportedLocale.d.ts +12 -0
- package/package.json +20 -20
- package/scss/_border-radius.scss +9 -0
- package/scss/components/OptionsTile/_index.scss +5 -0
- package/scss/components/OptionsTile/_options-tile.scss +5 -0
- package/scss/components/big-number/_big-number.scss +9 -0
- package/scss/components/big-number/_index.scss +9 -0
- package/scss/components/coachmark/_coachmark.scss +5 -0
- package/scss/components/coachmark/_index.scss +5 -0
- package/scss/components/edit-in-place/_edit-in-place.scss +5 -0
- package/scss/components/edit-in-place/_index.scss +5 -0
- package/scss/components/full-page-error/_full-page-error.scss +5 -0
- package/scss/components/full-page-error/_index.scss +5 -0
- package/scss/components/interstitial-screen/_index.scss +6 -0
- package/scss/components/interstitial-screen/_interstitial-screen.scss +12 -0
- package/scss/components/scroll-gradient/_index.scss +9 -0
- package/scss/components/scroll-gradient/_scroll-gradient.scss +9 -0
- package/scss/components/user-avatar/_index.scss +9 -0
- package/scss/components/user-avatar/_user-avatar.scss +9 -0
- package/telemetry.yml +107 -3
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import React, { type ReactNode } from 'react';
|
|
8
8
|
import flatpickr from 'flatpickr';
|
|
9
|
-
import { DateLimit, DateOption } from 'flatpickr/dist/types/options';
|
|
9
|
+
import type { DateLimit, DateOption } from 'flatpickr/dist/types/options';
|
|
10
10
|
import { type SupportedLocale } from './DatePickerLocales';
|
|
11
11
|
export type DatePickerTypes = 'simple' | 'single' | 'range';
|
|
12
12
|
export interface DatePickerProps {
|
|
@@ -25,11 +25,11 @@ classnames = require_runtime.__toESM(classnames);
|
|
|
25
25
|
let prop_types = require("prop-types");
|
|
26
26
|
prop_types = require_runtime.__toESM(prop_types);
|
|
27
27
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
28
|
+
let _carbon_utilities = require("@carbon/utilities");
|
|
28
29
|
let flatpickr = require("flatpickr");
|
|
29
30
|
flatpickr = require_runtime.__toESM(flatpickr);
|
|
30
31
|
let flatpickr_dist_l10n_index = require("flatpickr/dist/l10n/index");
|
|
31
32
|
flatpickr_dist_l10n_index = require_runtime.__toESM(flatpickr_dist_l10n_index);
|
|
32
|
-
let _carbon_utilities = require("@carbon/utilities");
|
|
33
33
|
//#region src/components/DatePicker/DatePicker.tsx
|
|
34
34
|
/**
|
|
35
35
|
* Copyright IBM Corp. 2016, 2026
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
6
6
|
*/
|
|
7
7
|
import { type Config } from 'flatpickr/dist/plugins/rangePlugin';
|
|
8
|
-
import { Instance } from 'flatpickr/dist/types/instance';
|
|
8
|
+
import type { Instance } from 'flatpickr/dist/types/instance';
|
|
9
9
|
/**
|
|
10
10
|
* @param config Plugin configuration.
|
|
11
11
|
* @returns An extension of Flatpickr `rangePlugin` that does the following:
|
|
@@ -12,8 +12,8 @@ const require_Text = require("../Text/Text.js");
|
|
|
12
12
|
const require_useId = require("../../internal/useId.js");
|
|
13
13
|
const require_deprecate = require("../../prop-types/deprecate.js");
|
|
14
14
|
const require_utils = require("../../internal/utils.js");
|
|
15
|
-
const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
|
|
16
15
|
const require_index = require("../AILabel/index.js");
|
|
16
|
+
const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
|
|
17
17
|
const require_FormContext = require("../FluidForm/FormContext.js");
|
|
18
18
|
let react = require("react");
|
|
19
19
|
react = require_runtime.__toESM(react);
|
|
@@ -12,12 +12,12 @@ const require_defaultItemToString = require("../../internal/defaultItemToString.
|
|
|
12
12
|
const require_isItemDisabled = require("../../internal/isItemDisabled.js");
|
|
13
13
|
const require_utils = require("../../internal/utils.js");
|
|
14
14
|
const require_index = require("../FeatureFlags/index.js");
|
|
15
|
-
const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
|
|
16
15
|
const require_index$1 = require("../AILabel/index.js");
|
|
16
|
+
const require_mergeRefs = require("../../tools/mergeRefs.js");
|
|
17
|
+
const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
|
|
17
18
|
const require_ListBoxPropTypes = require("../ListBox/ListBoxPropTypes.js");
|
|
18
19
|
const require_FormContext = require("../FluidForm/FormContext.js");
|
|
19
20
|
const require_index$2 = require("../ListBox/index.js");
|
|
20
|
-
const require_mergeRefs = require("../../tools/mergeRefs.js");
|
|
21
21
|
let react = require("react");
|
|
22
22
|
react = require_runtime.__toESM(react);
|
|
23
23
|
let classnames = require("classnames");
|
|
@@ -9,8 +9,8 @@ const require_runtime = require("../../_virtual/_rolldown/runtime.js");
|
|
|
9
9
|
const require_usePrefix = require("../../internal/usePrefix.js");
|
|
10
10
|
const require_keys = require("../../internal/keyboard/keys.js");
|
|
11
11
|
const require_match = require("../../internal/keyboard/match.js");
|
|
12
|
-
const require_events = require("../../tools/events.js");
|
|
13
12
|
const require_mergeRefs = require("../../tools/mergeRefs.js");
|
|
13
|
+
const require_events = require("../../tools/events.js");
|
|
14
14
|
const require_utils = require("../Search/utils.js");
|
|
15
15
|
const require_index = require("../Search/index.js");
|
|
16
16
|
let react = require("react");
|
|
@@ -57,13 +57,13 @@ function FileUploaderDropContainer({ accept = [], className, id, disabled, label
|
|
|
57
57
|
return acc.concat([curr]);
|
|
58
58
|
}, []);
|
|
59
59
|
}
|
|
60
|
-
const
|
|
61
|
-
if (!files.length) return
|
|
62
|
-
return
|
|
60
|
+
const getAddedFiles = (files) => {
|
|
61
|
+
if (!files.length) return [];
|
|
62
|
+
return validateFiles(multiple ? files : [files[0]]);
|
|
63
63
|
};
|
|
64
64
|
const handleChange = (event) => {
|
|
65
65
|
const files = [...event.target.files ?? []];
|
|
66
|
-
return
|
|
66
|
+
return onAddFiles(event, { addedFiles: getAddedFiles(files) });
|
|
67
67
|
};
|
|
68
68
|
const handleDrop = (event) => {
|
|
69
69
|
const items = [...event.dataTransfer.items ?? []];
|
|
@@ -74,7 +74,13 @@ function FileUploaderDropContainer({ accept = [], className, id, disabled, label
|
|
|
74
74
|
if (file) acc.push(file);
|
|
75
75
|
return acc;
|
|
76
76
|
}, []) : [...event.dataTransfer.files];
|
|
77
|
-
|
|
77
|
+
const addedFiles = getAddedFiles(files);
|
|
78
|
+
if (inputRef.current) try {
|
|
79
|
+
const dataTransfer = new DataTransfer();
|
|
80
|
+
addedFiles.forEach((file) => dataTransfer.items.add(file));
|
|
81
|
+
inputRef.current.files = dataTransfer.files;
|
|
82
|
+
} catch {}
|
|
83
|
+
return onAddFiles(event, { addedFiles });
|
|
78
84
|
};
|
|
79
85
|
const handleClick = () => {
|
|
80
86
|
if (!disabled) inputRef.current?.click();
|
|
@@ -16,7 +16,7 @@ export interface FormLabelProps extends Omit<React.LabelHTMLAttributes<HTMLLabel
|
|
|
16
16
|
*/
|
|
17
17
|
className?: string;
|
|
18
18
|
/**
|
|
19
|
-
* Provide a unique id for the given
|
|
19
|
+
* Provide a unique id for the given `FormLabel`
|
|
20
20
|
*/
|
|
21
21
|
id?: string;
|
|
22
22
|
}
|
|
@@ -32,7 +32,7 @@ declare namespace FormLabel {
|
|
|
32
32
|
*/
|
|
33
33
|
className: PropTypes.Requireable<string>;
|
|
34
34
|
/**
|
|
35
|
-
* Provide a unique id for the given
|
|
35
|
+
* Provide a unique id for the given `FormLabel`
|
|
36
36
|
*/
|
|
37
37
|
id: PropTypes.Requireable<string>;
|
|
38
38
|
};
|
|
@@ -11,8 +11,8 @@ const require_useIsomorphicEffect = require("../../internal/useIsomorphicEffect.
|
|
|
11
11
|
const require_useId = require("../../internal/useId.js");
|
|
12
12
|
const require_index = require("../FeatureFlags/index.js");
|
|
13
13
|
const require_index$1 = require("../Button/index.js");
|
|
14
|
-
const require_mergeRefs = require("../../tools/mergeRefs.js");
|
|
15
14
|
const require_Menu = require("../Menu/Menu.js");
|
|
15
|
+
const require_mergeRefs = require("../../tools/mergeRefs.js");
|
|
16
16
|
const require_useAttachedMenu = require("../../internal/useAttachedMenu.js");
|
|
17
17
|
let react = require("react");
|
|
18
18
|
react = require_runtime.__toESM(react);
|
|
@@ -15,16 +15,16 @@ const require_deprecate = require("../../prop-types/deprecate.js");
|
|
|
15
15
|
const require_defaultItemToString = require("../../internal/defaultItemToString.js");
|
|
16
16
|
const require_isItemDisabled = require("../../internal/isItemDisabled.js");
|
|
17
17
|
const require_utils = require("../../internal/utils.js");
|
|
18
|
+
const require_index = require("../AILabel/index.js");
|
|
19
|
+
const require_mergeRefs = require("../../tools/mergeRefs.js");
|
|
18
20
|
const require_hasHelperText = require("../../internal/hasHelperText.js");
|
|
19
21
|
const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
|
|
20
|
-
const require_index = require("../AILabel/index.js");
|
|
21
22
|
const require_index$1 = require("../Checkbox/index.js");
|
|
22
23
|
const require_ListBoxPropTypes = require("../ListBox/ListBoxPropTypes.js");
|
|
23
24
|
const require_FormContext = require("../FluidForm/FormContext.js");
|
|
24
25
|
const require_index$2 = require("../ListBox/index.js");
|
|
25
26
|
const require_ListBoxSelection = require("../ListBox/next/ListBoxSelection.js");
|
|
26
27
|
const require_ListBoxTrigger = require("../ListBox/next/ListBoxTrigger.js");
|
|
27
|
-
const require_mergeRefs = require("../../tools/mergeRefs.js");
|
|
28
28
|
const require_filter = require("./filter.js");
|
|
29
29
|
const require_MultiSelectPropTypes = require("./MultiSelectPropTypes.js");
|
|
30
30
|
const require_isSelectAllItem = require("./tools/isSelectAllItem.js");
|
|
@@ -17,13 +17,13 @@ const require_defaultItemToString = require("../../internal/defaultItemToString.
|
|
|
17
17
|
const require_isItemDisabled = require("../../internal/isItemDisabled.js");
|
|
18
18
|
const require_utils = require("../../internal/utils.js");
|
|
19
19
|
const require_index = require("../FeatureFlags/index.js");
|
|
20
|
-
const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
|
|
21
20
|
const require_index$1 = require("../AILabel/index.js");
|
|
21
|
+
const require_mergeRefs = require("../../tools/mergeRefs.js");
|
|
22
|
+
const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
|
|
22
23
|
const require_index$2 = require("../Checkbox/index.js");
|
|
23
24
|
const require_ListBoxPropTypes = require("../ListBox/ListBoxPropTypes.js");
|
|
24
25
|
const require_FormContext = require("../FluidForm/FormContext.js");
|
|
25
26
|
const require_index$3 = require("../ListBox/index.js");
|
|
26
|
-
const require_mergeRefs = require("../../tools/mergeRefs.js");
|
|
27
27
|
const require_MultiSelectPropTypes = require("./MultiSelectPropTypes.js");
|
|
28
28
|
const require_isSelectAllItem = require("./tools/isSelectAllItem.js");
|
|
29
29
|
const require_sorting = require("./tools/sorting.js");
|
|
@@ -13,10 +13,10 @@ const require_match = require("../../internal/keyboard/match.js");
|
|
|
13
13
|
const require_deprecate = require("../../prop-types/deprecate.js");
|
|
14
14
|
const require_utils = require("../../internal/utils.js");
|
|
15
15
|
const require_useMergedRefs = require("../../internal/useMergedRefs.js");
|
|
16
|
-
const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
|
|
17
16
|
const require_index = require("../AILabel/index.js");
|
|
18
|
-
const require_FormContext = require("../FluidForm/FormContext.js");
|
|
19
17
|
const require_useControllableState = require("../../internal/useControllableState.js");
|
|
18
|
+
const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
|
|
19
|
+
const require_FormContext = require("../FluidForm/FormContext.js");
|
|
20
20
|
const require_clamp = require("../../internal/clamp.js");
|
|
21
21
|
const require_NumberFormatPropTypes = require("./NumberFormatPropTypes.js");
|
|
22
22
|
let react = require("react");
|
|
@@ -12,8 +12,8 @@ const require_deprecateValuesWithin = require("../../../prop-types/deprecateValu
|
|
|
12
12
|
const require_mapPopoverAlign = require("../../../tools/mapPopoverAlign.js");
|
|
13
13
|
const require_index = require("../../FeatureFlags/index.js");
|
|
14
14
|
const require_index$1 = require("../../IconButton/index.js");
|
|
15
|
-
const require_mergeRefs = require("../../../tools/mergeRefs.js");
|
|
16
15
|
const require_Menu = require("../../Menu/Menu.js");
|
|
16
|
+
const require_mergeRefs = require("../../../tools/mergeRefs.js");
|
|
17
17
|
const require_useAttachedMenu = require("../../../internal/useAttachedMenu.js");
|
|
18
18
|
let react = require("react");
|
|
19
19
|
react = require_runtime.__toESM(react);
|
|
@@ -11,9 +11,9 @@ const require_Text = require("../Text/Text.js");
|
|
|
11
11
|
const require_useId = require("../../internal/useId.js");
|
|
12
12
|
const require_deprecate = require("../../prop-types/deprecate.js");
|
|
13
13
|
const require_utils = require("../../internal/utils.js");
|
|
14
|
-
const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
|
|
15
14
|
const require_index = require("../AILabel/index.js");
|
|
16
15
|
const require_mergeRefs = require("../../tools/mergeRefs.js");
|
|
16
|
+
const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
|
|
17
17
|
let react = require("react");
|
|
18
18
|
react = require_runtime.__toESM(react);
|
|
19
19
|
let classnames = require("classnames");
|
|
@@ -10,9 +10,9 @@ const require_usePrefix = require("../../internal/usePrefix.js");
|
|
|
10
10
|
const require_useId = require("../../internal/useId.js");
|
|
11
11
|
const require_deprecate = require("../../prop-types/deprecate.js");
|
|
12
12
|
const require_utils = require("../../internal/utils.js");
|
|
13
|
-
const require_hasHelperText = require("../../internal/hasHelperText.js");
|
|
14
13
|
const require_index = require("../AILabel/index.js");
|
|
15
14
|
const require_mergeRefs = require("../../tools/mergeRefs.js");
|
|
15
|
+
const require_hasHelperText = require("../../internal/hasHelperText.js");
|
|
16
16
|
const require_index$1 = require("../RadioButton/index.js");
|
|
17
17
|
const require_createTextComponent = require("../Text/createTextComponent.js");
|
|
18
18
|
let react = require("react");
|
|
@@ -10,9 +10,9 @@ const require_usePrefix = require("../../internal/usePrefix.js");
|
|
|
10
10
|
const require_Text = require("../Text/Text.js");
|
|
11
11
|
const require_deprecate = require("../../prop-types/deprecate.js");
|
|
12
12
|
const require_utils = require("../../internal/utils.js");
|
|
13
|
+
const require_index = require("../AILabel/index.js");
|
|
13
14
|
const require_hasHelperText = require("../../internal/hasHelperText.js");
|
|
14
15
|
const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
|
|
15
|
-
const require_index = require("../AILabel/index.js");
|
|
16
16
|
const require_events = require("../../tools/events.js");
|
|
17
17
|
const require_FormContext = require("../FluidForm/FormContext.js");
|
|
18
18
|
let react = require("react");
|
|
@@ -197,6 +197,7 @@ function TabList({ activation = "automatic", "aria-label": label, children, clas
|
|
|
197
197
|
const ref = (0, react.useRef)(null);
|
|
198
198
|
const previousButton = (0, react.useRef)(null);
|
|
199
199
|
const nextButton = (0, react.useRef)(null);
|
|
200
|
+
const resizeAnimationFrame = (0, react.useRef)(null);
|
|
200
201
|
const [isScrollable, setIsScrollable] = (0, react.useState)(false);
|
|
201
202
|
const [scrollLeft, setScrollLeft] = (0, react.useState)(0);
|
|
202
203
|
const hasSecondaryLabelTabs = contained && react.Children.toArray(children).some((child) => require_utils.isComponentElement(child, Tab) && typeof child.props.secondaryLabel !== "undefined");
|
|
@@ -302,9 +303,19 @@ function TabList({ activation = "automatic", "aria-label": label, children, clas
|
|
|
302
303
|
const element = containerRef.current;
|
|
303
304
|
if (!element) return;
|
|
304
305
|
updateOverflowState();
|
|
305
|
-
const resizeObserver = new ResizeObserver(
|
|
306
|
+
const resizeObserver = new ResizeObserver(() => {
|
|
307
|
+
if (resizeAnimationFrame.current !== null) cancelAnimationFrame(resizeAnimationFrame.current);
|
|
308
|
+
resizeAnimationFrame.current = requestAnimationFrame(() => {
|
|
309
|
+
resizeAnimationFrame.current = null;
|
|
310
|
+
updateOverflowState();
|
|
311
|
+
});
|
|
312
|
+
});
|
|
306
313
|
resizeObserver.observe(element);
|
|
307
314
|
return () => {
|
|
315
|
+
if (resizeAnimationFrame.current !== null) {
|
|
316
|
+
cancelAnimationFrame(resizeAnimationFrame.current);
|
|
317
|
+
resizeAnimationFrame.current = null;
|
|
318
|
+
}
|
|
308
319
|
resizeObserver.disconnect();
|
|
309
320
|
};
|
|
310
321
|
}, [updateOverflowState]);
|
|
@@ -865,7 +876,7 @@ const IconTab = react.default.forwardRef(({ badgeIndicator, children, className:
|
|
|
865
876
|
className: `${prefix}--icon-tooltip`,
|
|
866
877
|
enterDelayMs,
|
|
867
878
|
label,
|
|
868
|
-
leaveDelayMs,
|
|
879
|
+
leaveDelayMs: leaveDelayMs ?? 0,
|
|
869
880
|
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Tab, {
|
|
870
881
|
className: classNames,
|
|
871
882
|
ref,
|
|
@@ -11,8 +11,8 @@ const require_Text = require("../Text/Text.js");
|
|
|
11
11
|
const require_useIsomorphicEffect = require("../../internal/useIsomorphicEffect.js");
|
|
12
12
|
const require_useId = require("../../internal/useId.js");
|
|
13
13
|
const require_Tooltip = require("../Tooltip/Tooltip.js");
|
|
14
|
-
const require_mergeRefs = require("../../tools/mergeRefs.js");
|
|
15
14
|
const require_useControllableState = require("../../internal/useControllableState.js");
|
|
15
|
+
const require_mergeRefs = require("../../tools/mergeRefs.js");
|
|
16
16
|
const require_isEllipsisActive = require("./isEllipsisActive.js");
|
|
17
17
|
const require_Tag = require("./Tag.js");
|
|
18
18
|
let react = require("react");
|
|
@@ -14,8 +14,8 @@ const require_useId = require("../../internal/useId.js");
|
|
|
14
14
|
const require_deprecate = require("../../prop-types/deprecate.js");
|
|
15
15
|
const require_utils = require("../../internal/utils.js");
|
|
16
16
|
const require_useMergedRefs = require("../../internal/useMergedRefs.js");
|
|
17
|
-
const require_hasHelperText = require("../../internal/hasHelperText.js");
|
|
18
17
|
const require_index = require("../AILabel/index.js");
|
|
18
|
+
const require_hasHelperText = require("../../internal/hasHelperText.js");
|
|
19
19
|
const require_FormContext = require("../FluidForm/FormContext.js");
|
|
20
20
|
const require_getAnnouncement = require("../../internal/getAnnouncement.js");
|
|
21
21
|
let react = require("react");
|
|
@@ -11,9 +11,9 @@ const require_Text = require("../Text/Text.js");
|
|
|
11
11
|
const require_deprecate = require("../../prop-types/deprecate.js");
|
|
12
12
|
const require_utils = require("../../internal/utils.js");
|
|
13
13
|
const require_useMergedRefs = require("../../internal/useMergedRefs.js");
|
|
14
|
+
const require_index = require("../AILabel/index.js");
|
|
14
15
|
const require_hasHelperText = require("../../internal/hasHelperText.js");
|
|
15
16
|
const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
|
|
16
|
-
const require_index = require("../AILabel/index.js");
|
|
17
17
|
const require_FormContext = require("../FluidForm/FormContext.js");
|
|
18
18
|
const require_util = require("./util.js");
|
|
19
19
|
const require_getAnnouncement = require("../../internal/getAnnouncement.js");
|
|
@@ -201,7 +201,7 @@ ClickableTile.propTypes = {
|
|
|
201
201
|
*/
|
|
202
202
|
renderIcon: prop_types.default.oneOfType([prop_types.default.func, prop_types.default.object])
|
|
203
203
|
};
|
|
204
|
-
const SelectableTile = react.default.forwardRef(({ children, className, decorator, disabled, id, light, onClick = () => {}, onChange = () => {}, onKeyDown = () => {}, selected = false, tabIndex = 0, title
|
|
204
|
+
const SelectableTile = react.default.forwardRef(({ children, className, decorator, disabled, id, light, onClick = () => {}, onChange = () => {}, onKeyDown = () => {}, selected = false, tabIndex = 0, title, slug, hasRoundedCorners, ...rest }, ref) => {
|
|
205
205
|
const prefix = require_usePrefix.usePrefix();
|
|
206
206
|
const clickHandler = onClick;
|
|
207
207
|
const keyDownHandler = onKeyDown;
|
package/lib/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Copyright IBM Corp. 2016,
|
|
2
|
+
* Copyright IBM Corp. 2016, 2026
|
|
3
3
|
*
|
|
4
4
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -7,11 +7,13 @@
|
|
|
7
7
|
import './feature-flags';
|
|
8
8
|
import './internal/warnAboutDeprecatedReactVersion';
|
|
9
9
|
export * from './components/Accordion';
|
|
10
|
+
export type { BigNumberProps as preview__BigNumberProps } from './components/BigNumber';
|
|
10
11
|
export * from './components/AccordionItem';
|
|
11
12
|
export * from './components/AspectRatio';
|
|
12
13
|
export * from './components/Breadcrumb';
|
|
13
14
|
export * from './components/Button';
|
|
14
15
|
export * from './components/ButtonSet';
|
|
16
|
+
export * as preview__Card from './components/Card';
|
|
15
17
|
export * from './components/Checkbox';
|
|
16
18
|
export * from './components/CheckboxGroup';
|
|
17
19
|
export * from './components/ClassPrefix';
|