@carbon/react 1.102.0-rc.0 → 1.103.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 +976 -976
- package/es/components/Breadcrumb/BreadcrumbItem.js +1 -1
- package/es/components/Button/Button.Skeleton.js +2 -1
- package/es/components/Button/Button.d.ts +4 -4
- package/es/components/Button/Button.js +4 -4
- package/es/components/Button/index.js +1 -1
- package/es/components/ButtonSet/ButtonSet.js +1 -1
- package/es/components/Checkbox/index.js +1 -1
- package/es/components/CheckboxGroup/CheckboxGroup.d.ts +1 -1
- package/es/components/CheckboxGroup/CheckboxGroup.js +2 -2
- package/es/components/ComboBox/ComboBox.js +3 -4
- package/es/components/ComposedModal/ComposedModal.js +0 -3
- package/es/components/ComposedModal/ComposedModalPresence.d.ts +9 -1
- package/es/components/ComposedModal/ComposedModalPresence.js +14 -1
- package/es/components/ComposedModal/index.d.ts +1 -1
- package/es/components/ContainedList/index.js +1 -1
- package/es/components/ContentSwitcher/ContentSwitcher.js +3 -2
- package/es/components/DataTable/TableExpandRow.js +2 -2
- package/es/components/DataTable/TableHeader.js +1 -1
- package/es/components/DataTable/TableRow.js +1 -1
- package/es/components/DataTable/TableToolbarMenu.js +1 -1
- package/es/components/DataTable/tools/normalize.js +2 -1
- package/es/components/DatePicker/DatePicker.Skeleton.d.ts +8 -5
- package/es/components/DatePicker/DatePicker.Skeleton.js +2 -2
- package/es/components/DatePicker/DatePicker.js +3 -2
- package/es/components/DatePicker/index.js +1 -1
- package/es/components/DatePickerInput/DatePickerInput.js +1 -1
- package/es/components/Dialog/Dialog.js +1 -1
- package/es/components/Dropdown/Dropdown.js +1 -3
- package/es/components/Dropdown/index.js +1 -1
- package/es/components/ExpandableSearch/ExpandableSearch.js +1 -1
- package/es/components/FeatureFlags/index.d.ts +8 -18
- package/es/components/FeatureFlags/index.js +23 -103
- package/es/components/FileUploader/FileUploader.Skeleton.js +1 -1
- package/es/components/FileUploader/FileUploaderButton.d.ts +1 -1
- package/es/components/FileUploader/FileUploaderButton.js +3 -7
- package/es/components/Icon/Icon.Skeleton.js +1 -1
- package/es/components/IconIndicator/index.js +1 -1
- package/es/components/Menu/MenuItem.js +1 -1
- package/es/components/Modal/ModalPresence.d.ts +9 -1
- package/es/components/Modal/ModalPresence.js +14 -1
- package/es/components/Modal/index.d.ts +2 -2
- package/es/components/MultiSelect/MultiSelect.js +9 -10
- package/es/components/Notification/Notification.js +1 -1
- package/es/components/NumberInput/NumberInput.js +15 -13
- package/es/components/OverflowMenu/OverflowMenu.d.ts +1 -1
- package/es/components/OverflowMenu/OverflowMenu.js +3 -5
- package/es/components/OverflowMenuV2/index.js +1 -1
- package/es/components/PageHeader/PageHeader.js +2 -23
- package/es/components/Pagination/Pagination.Skeleton.js +1 -1
- package/es/components/Pagination/Pagination.d.ts +4 -0
- package/es/components/Pagination/Pagination.js +6 -1
- package/es/components/Pagination/experimental/Pagination.js +12 -1
- package/es/components/Popover/index.js +1 -1
- package/es/components/ProgressIndicator/ProgressIndicator.js +3 -3
- package/es/components/RadioButton/RadioButton.Skeleton.js +1 -1
- package/es/components/Search/index.js +1 -1
- package/es/components/Select/index.js +1 -1
- package/es/components/ShapeIndicator/index.js +1 -1
- package/es/components/Slider/Slider.d.ts +1 -1
- package/es/components/Slider/Slider.js +230 -255
- package/es/components/Slider/SliderHandles.js +65 -53
- package/es/components/Switch/IconSwitch.js +1 -1
- package/es/components/Tabs/Tabs.js +2 -6
- package/es/components/Tag/Tag.Skeleton.js +1 -1
- package/es/components/TextArea/TextArea.js +1 -1
- package/es/components/TextArea/index.js +1 -1
- package/es/components/TextInput/index.js +1 -1
- package/es/components/Tile/Tile.js +1 -1
- package/es/components/TileGroup/TileGroup.d.ts +1 -1
- package/es/components/TileGroup/TileGroup.js +2 -1
- package/es/components/Toggle/Toggle.Skeleton.js +1 -1
- package/es/components/Toggletip/index.js +1 -1
- package/es/components/UIShell/HeaderMenu.js +1 -1
- package/es/components/UIShell/HeaderPanel.js +3 -2
- package/es/components/UIShell/SideNav.d.ts +1 -4
- package/es/components/UIShell/SideNav.js +10 -25
- package/es/components/UIShell/SideNavContext.d.ts +17 -0
- package/es/components/UIShell/SideNavContext.js +24 -0
- package/es/components/UIShell/SideNavItems.d.ts +1 -1
- package/es/components/UIShell/SideNavItems.js +12 -16
- package/es/components/UIShell/SideNavLink.js +8 -4
- package/es/components/UIShell/SideNavMenu.js +7 -5
- package/es/components/UIShell/Switcher.js +5 -4
- package/es/index.js +30 -30
- package/es/internal/useNoInteractiveChildren.js +25 -30
- package/es/internal/useOverflowItems.d.ts +1 -5
- package/es/internal/useOverflowItems.js +6 -27
- package/es/internal/usePresence.d.ts +1 -1
- package/es/internal/usePresence.js +14 -17
- package/lib/components/Button/Button.Skeleton.js +2 -1
- package/lib/components/Button/Button.d.ts +4 -4
- package/lib/components/Button/Button.js +4 -4
- package/lib/components/Button/index.js +1 -1
- package/lib/components/ButtonSet/ButtonSet.js +1 -1
- package/lib/components/Checkbox/index.js +1 -1
- package/lib/components/CheckboxGroup/CheckboxGroup.d.ts +1 -1
- package/lib/components/CheckboxGroup/CheckboxGroup.js +1 -1
- package/lib/components/ComboBox/ComboBox.js +3 -4
- package/lib/components/ComposedModal/ComposedModal.js +0 -3
- package/lib/components/ComposedModal/ComposedModalPresence.d.ts +9 -1
- package/lib/components/ComposedModal/ComposedModalPresence.js +14 -0
- package/lib/components/ComposedModal/index.d.ts +1 -1
- package/lib/components/ContainedList/index.js +0 -3
- package/lib/components/ContentSwitcher/ContentSwitcher.js +2 -1
- package/lib/components/DataTable/TableExpandRow.js +1 -1
- package/lib/components/DataTable/TableToolbarMenu.js +1 -1
- package/lib/components/DataTable/tools/normalize.js +2 -1
- package/lib/components/DatePicker/DatePicker.Skeleton.d.ts +8 -5
- package/lib/components/DatePicker/DatePicker.Skeleton.js +2 -2
- package/lib/components/DatePicker/DatePicker.js +3 -2
- package/lib/components/DatePicker/index.js +1 -1
- package/lib/components/Dropdown/Dropdown.js +1 -3
- package/lib/components/Dropdown/index.js +1 -1
- package/lib/components/FeatureFlags/index.d.ts +8 -18
- package/lib/components/FeatureFlags/index.js +21 -102
- package/lib/components/FileUploader/FileUploader.Skeleton.js +1 -1
- package/lib/components/FileUploader/FileUploaderButton.d.ts +1 -1
- package/lib/components/FileUploader/FileUploaderButton.js +2 -6
- package/lib/components/Icon/Icon.Skeleton.js +0 -3
- package/lib/components/IconIndicator/index.js +0 -3
- package/lib/components/Modal/ModalPresence.d.ts +9 -1
- package/lib/components/Modal/ModalPresence.js +14 -0
- package/lib/components/Modal/index.d.ts +2 -2
- package/lib/components/MultiSelect/MultiSelect.js +8 -9
- package/lib/components/NumberInput/NumberInput.js +14 -12
- package/lib/components/OverflowMenu/OverflowMenu.d.ts +1 -1
- package/lib/components/OverflowMenu/OverflowMenu.js +2 -7
- package/lib/components/OverflowMenuV2/index.js +1 -1
- package/lib/components/PageHeader/PageHeader.js +2 -23
- package/lib/components/Pagination/Pagination.Skeleton.js +0 -3
- package/lib/components/Pagination/Pagination.d.ts +4 -0
- package/lib/components/Pagination/Pagination.js +6 -1
- package/lib/components/Pagination/experimental/Pagination.js +12 -1
- package/lib/components/ProgressIndicator/ProgressIndicator.js +3 -3
- package/lib/components/RadioButton/RadioButton.Skeleton.js +0 -3
- package/lib/components/Search/index.js +1 -1
- package/lib/components/Select/index.js +1 -1
- package/lib/components/ShapeIndicator/index.js +0 -3
- package/lib/components/Slider/Slider.d.ts +1 -1
- package/lib/components/Slider/Slider.js +229 -254
- package/lib/components/Slider/SliderHandles.js +64 -52
- package/lib/components/Tabs/Tabs.js +1 -5
- package/lib/components/Tag/Tag.Skeleton.js +0 -3
- package/lib/components/TextArea/index.js +1 -1
- package/lib/components/TextInput/index.js +1 -1
- package/lib/components/TileGroup/TileGroup.d.ts +1 -1
- package/lib/components/TileGroup/TileGroup.js +2 -1
- package/lib/components/Toggle/Toggle.Skeleton.js +0 -3
- package/lib/components/Toggletip/index.js +0 -3
- package/lib/components/UIShell/HeaderPanel.js +2 -1
- package/lib/components/UIShell/SideNav.d.ts +1 -4
- package/lib/components/UIShell/SideNav.js +8 -24
- package/lib/components/UIShell/SideNavContext.d.ts +17 -0
- package/lib/components/UIShell/SideNavContext.js +27 -0
- package/lib/components/UIShell/SideNavItems.d.ts +1 -1
- package/lib/components/UIShell/SideNavItems.js +11 -15
- package/lib/components/UIShell/SideNavLink.js +7 -3
- package/lib/components/UIShell/SideNavMenu.js +8 -6
- package/lib/components/UIShell/Switcher.js +4 -3
- package/lib/index.js +102 -100
- package/lib/internal/useNoInteractiveChildren.js +25 -30
- package/lib/internal/useOverflowItems.d.ts +1 -5
- package/lib/internal/useOverflowItems.js +6 -27
- package/lib/internal/usePresence.d.ts +1 -1
- package/lib/internal/usePresence.js +13 -16
- package/package.json +8 -8
- package/telemetry.yml +2 -1
- package/es/components/UIShell/_utils.d.ts +0 -7
- package/es/components/UIShell/_utils.js +0 -10
- package/lib/components/UIShell/_utils.d.ts +0 -7
- package/lib/components/UIShell/_utils.js +0 -12
package/lib/index.js
CHANGED
|
@@ -22,11 +22,11 @@ var ButtonSet = require('./components/ButtonSet/ButtonSet.js');
|
|
|
22
22
|
var Checkbox = require('./components/Checkbox/Checkbox.js');
|
|
23
23
|
var Checkbox_Skeleton = require('./components/Checkbox/Checkbox.Skeleton.js');
|
|
24
24
|
var CheckboxGroup = require('./components/CheckboxGroup/CheckboxGroup.js');
|
|
25
|
-
var index$
|
|
25
|
+
var index$1 = require('./components/ClassPrefix/index.js');
|
|
26
26
|
var CodeSnippet = require('./components/CodeSnippet/CodeSnippet.js');
|
|
27
27
|
var CodeSnippet_Skeleton = require('./components/CodeSnippet/CodeSnippet.Skeleton.js');
|
|
28
28
|
var ComboBox = require('./components/ComboBox/ComboBox.js');
|
|
29
|
-
var index$
|
|
29
|
+
var index$2 = require('./components/ComboButton/index.js');
|
|
30
30
|
var ComposedModal = require('./components/ComposedModal/ComposedModal.js');
|
|
31
31
|
var ComposedModalPresence = require('./components/ComposedModal/ComposedModalPresence.js');
|
|
32
32
|
var ModalHeader = require('./components/ComposedModal/ModalHeader.js');
|
|
@@ -69,7 +69,7 @@ var Dropdown_Skeleton = require('./components/Dropdown/Dropdown.Skeleton.js');
|
|
|
69
69
|
var ErrorBoundary = require('./components/ErrorBoundary/ErrorBoundary.js');
|
|
70
70
|
var ErrorBoundaryContext = require('./components/ErrorBoundary/ErrorBoundaryContext.js');
|
|
71
71
|
var ExpandableSearch = require('./components/ExpandableSearch/ExpandableSearch.js');
|
|
72
|
-
var index$
|
|
72
|
+
var index$3 = require('./components/FeatureFlags/index.js');
|
|
73
73
|
var FileUploader = require('./components/FileUploader/FileUploader.js');
|
|
74
74
|
var Filename = require('./components/FileUploader/Filename.js');
|
|
75
75
|
var FileUploader_Skeleton = require('./components/FileUploader/FileUploader.Skeleton.js');
|
|
@@ -89,14 +89,14 @@ var Column = require('./components/Grid/Column.js');
|
|
|
89
89
|
var ColumnHang = require('./components/Grid/ColumnHang.js');
|
|
90
90
|
var GridContext = require('./components/Grid/GridContext.js');
|
|
91
91
|
var Icon_Skeleton = require('./components/Icon/Icon.Skeleton.js');
|
|
92
|
-
var index$
|
|
92
|
+
var index$7 = require('./components/IdPrefix/index.js');
|
|
93
93
|
var InlineLoading = require('./components/InlineLoading/InlineLoading.js');
|
|
94
94
|
var Link = require('./components/Link/Link.js');
|
|
95
95
|
var ListItem = require('./components/ListItem/ListItem.js');
|
|
96
96
|
var Loading = require('./components/Loading/Loading.js');
|
|
97
97
|
var Menu = require('./components/Menu/Menu.js');
|
|
98
98
|
var MenuItem = require('./components/Menu/MenuItem.js');
|
|
99
|
-
var index$
|
|
99
|
+
var index$9 = require('./components/MenuButton/index.js');
|
|
100
100
|
var Modal = require('./components/Modal/Modal.js');
|
|
101
101
|
var ModalPresence = require('./components/Modal/ModalPresence.js');
|
|
102
102
|
var ModalWrapper = require('./components/ModalWrapper/ModalWrapper.js');
|
|
@@ -106,11 +106,11 @@ var Notification = require('./components/Notification/Notification.js');
|
|
|
106
106
|
var NumberInput_Skeleton = require('./components/NumberInput/NumberInput.Skeleton.js');
|
|
107
107
|
var NumberInput = require('./components/NumberInput/NumberInput.js');
|
|
108
108
|
var OrderedList = require('./components/OrderedList/OrderedList.js');
|
|
109
|
-
var index$
|
|
109
|
+
var index$a = require('./components/OverflowMenu/index.js');
|
|
110
110
|
var OverflowMenuItem = require('./components/OverflowMenuItem/OverflowMenuItem.js');
|
|
111
|
-
var index = require('./components/PageHeader/index.js');
|
|
112
|
-
var index$
|
|
113
|
-
var Pagination
|
|
111
|
+
var index$h = require('./components/PageHeader/index.js');
|
|
112
|
+
var index$f = require('./components/Dialog/index.js');
|
|
113
|
+
var Pagination = require('./components/Pagination/Pagination.js');
|
|
114
114
|
var Pagination_Skeleton = require('./components/Pagination/Pagination.Skeleton.js');
|
|
115
115
|
var PaginationNav = require('./components/PaginationNav/PaginationNav.js');
|
|
116
116
|
var ControlledPasswordInput = require('./components/TextInput/ControlledPasswordInput.js');
|
|
@@ -160,7 +160,7 @@ var TimePickerSelect = require('./components/TimePickerSelect/TimePickerSelect.j
|
|
|
160
160
|
var Toggle = require('./components/Toggle/Toggle.js');
|
|
161
161
|
var Toggle_Skeleton = require('./components/Toggle/Toggle.Skeleton.js');
|
|
162
162
|
var ToggleSmall_Skeleton = require('./components/ToggleSmall/ToggleSmall.Skeleton.js');
|
|
163
|
-
var index$
|
|
163
|
+
var index$c = require('./components/Toggletip/index.js');
|
|
164
164
|
var TreeNode = require('./components/TreeView/TreeNode.js');
|
|
165
165
|
var TreeView = require('./components/TreeView/TreeView.js');
|
|
166
166
|
var Content = require('./components/UIShell/Content.js');
|
|
@@ -216,18 +216,18 @@ var FluidNumberInput_Skeleton = require('./components/FluidNumberInput/FluidNumb
|
|
|
216
216
|
var FluidTimePicker = require('./components/FluidTimePicker/FluidTimePicker.js');
|
|
217
217
|
var FluidTimePicker_Skeleton = require('./components/FluidTimePicker/FluidTimePicker.Skeleton.js');
|
|
218
218
|
var FluidTimePickerSelect = require('./components/FluidTimePickerSelect/FluidTimePickerSelect.js');
|
|
219
|
-
var index$
|
|
220
|
-
var index$
|
|
221
|
-
var index$
|
|
222
|
-
var index$
|
|
219
|
+
var index$5 = require('./components/Heading/index.js');
|
|
220
|
+
var index$6 = require('./components/IconButton/index.js');
|
|
221
|
+
var index$8 = require('./components/Layer/index.js');
|
|
222
|
+
var index$d = require('./components/Layout/index.js');
|
|
223
223
|
var LayoutDirection = require('./components/LayoutDirection/LayoutDirection.js');
|
|
224
224
|
var useLayoutDirection = require('./components/LayoutDirection/useLayoutDirection.js');
|
|
225
|
-
var index$
|
|
226
|
-
var index$
|
|
225
|
+
var index$e = require('./components/OverflowMenuV2/index.js');
|
|
226
|
+
var index$b = require('./components/Popover/index.js');
|
|
227
227
|
var ProgressBar = require('./components/ProgressBar/ProgressBar.js');
|
|
228
|
-
var index
|
|
229
|
-
var index$
|
|
230
|
-
var index$
|
|
228
|
+
var index = require('./components/AILabel/index.js');
|
|
229
|
+
var index$g = require('./components/IconIndicator/index.js');
|
|
230
|
+
var index$i = require('./components/ShapeIndicator/index.js');
|
|
231
231
|
var ChatButton = require('./components/ChatButton/ChatButton.js');
|
|
232
232
|
var ChatButton_Skeleton = require('./components/ChatButton/ChatButton.Skeleton.js');
|
|
233
233
|
var AISkeletonPlaceholder = require('./components/AISkeleton/AISkeletonPlaceholder.js');
|
|
@@ -238,41 +238,42 @@ var Tooltip = require('./components/Tooltip/Tooltip.js');
|
|
|
238
238
|
var Text = require('./components/Text/Text.js');
|
|
239
239
|
var TextDirection = require('./components/Text/TextDirection.js');
|
|
240
240
|
require('react');
|
|
241
|
-
var index$
|
|
241
|
+
var index$4 = require('./components/Theme/index.js');
|
|
242
242
|
var usePrefix = require('./internal/usePrefix.js');
|
|
243
243
|
var useIdPrefix = require('./internal/useIdPrefix.js');
|
|
244
|
-
var PageSelector = require('./components/Pagination/experimental/PageSelector.js');
|
|
245
|
-
var Pagination = require('./components/Pagination/experimental/Pagination.js');
|
|
246
|
-
var ContainedListItem = require('./components/ContainedList/ContainedListItem/ContainedListItem.js');
|
|
247
244
|
var ContainedList = require('./components/ContainedList/ContainedList.js');
|
|
245
|
+
var ContainedListItem = require('./components/ContainedList/ContainedListItem/ContainedListItem.js');
|
|
246
|
+
var PageSelector = require('./components/Pagination/experimental/PageSelector.js');
|
|
247
|
+
var Pagination$1 = require('./components/Pagination/experimental/Pagination.js');
|
|
248
248
|
|
|
249
249
|
|
|
250
250
|
|
|
251
251
|
exports.Accordion = Accordion.default;
|
|
252
252
|
exports.AccordionItem = AccordionItem.default;
|
|
253
|
-
exports.AccordionSkeleton = Accordion_Skeleton.
|
|
253
|
+
exports.AccordionSkeleton = Accordion_Skeleton.AccordionSkeleton;
|
|
254
254
|
exports.AspectRatio = AspectRatio.default;
|
|
255
255
|
exports.Breadcrumb = Breadcrumb.default;
|
|
256
256
|
exports.BreadcrumbItem = BreadcrumbItem.default;
|
|
257
|
-
exports.BreadcrumbSkeleton = Breadcrumb_Skeleton.
|
|
257
|
+
exports.BreadcrumbSkeleton = Breadcrumb_Skeleton.BreadcrumbSkeleton;
|
|
258
258
|
exports.Button = Button.default;
|
|
259
259
|
exports.ButtonKinds = Button.ButtonKinds;
|
|
260
260
|
exports.ButtonSizes = Button.ButtonSizes;
|
|
261
261
|
exports.ButtonTooltipAlignments = Button.ButtonTooltipAlignments;
|
|
262
262
|
exports.ButtonTooltipPositions = Button.ButtonTooltipPositions;
|
|
263
|
-
exports.ButtonSkeleton = Button_Skeleton.
|
|
263
|
+
exports.ButtonSkeleton = Button_Skeleton.ButtonSkeleton;
|
|
264
264
|
exports.ButtonSet = ButtonSet.default;
|
|
265
265
|
exports.Checkbox = Checkbox.default;
|
|
266
|
-
exports.CheckboxSkeleton = Checkbox_Skeleton.
|
|
266
|
+
exports.CheckboxSkeleton = Checkbox_Skeleton.CheckboxSkeleton;
|
|
267
267
|
exports.CheckboxGroup = CheckboxGroup.default;
|
|
268
|
-
exports.ClassPrefix = index$
|
|
268
|
+
exports.ClassPrefix = index$1.ClassPrefix;
|
|
269
269
|
exports.CodeSnippet = CodeSnippet.default;
|
|
270
|
-
exports.CodeSnippetSkeleton = CodeSnippet_Skeleton.
|
|
270
|
+
exports.CodeSnippetSkeleton = CodeSnippet_Skeleton.CodeSnippetSkeleton;
|
|
271
271
|
exports.ComboBox = ComboBox.default;
|
|
272
|
-
exports.ComboButton = index$
|
|
272
|
+
exports.ComboButton = index$2.ComboButton;
|
|
273
273
|
exports.ComposedModal = ComposedModal.default;
|
|
274
274
|
exports.ModalBody = ComposedModal.ModalBody;
|
|
275
275
|
exports.ComposedModalPresence = ComposedModalPresence.ComposedModalPresence;
|
|
276
|
+
exports.withComposedModalPresence = ComposedModalPresence.withComposedModalPresence;
|
|
276
277
|
exports.ModalHeader = ModalHeader.ModalHeader;
|
|
277
278
|
exports.ModalFooter = ModalFooter.ModalFooter;
|
|
278
279
|
exports.ContentSwitcher = ContentSwitcher.ContentSwitcher;
|
|
@@ -305,25 +306,25 @@ exports.TableToolbarSearch = TableToolbarSearch.default;
|
|
|
305
306
|
exports.TableToolbarMenu = TableToolbarMenu.default;
|
|
306
307
|
exports.DataTableSkeleton = DataTableSkeleton.default;
|
|
307
308
|
exports.DatePicker = DatePicker.default;
|
|
308
|
-
exports.DatePickerSkeleton = DatePicker_Skeleton.
|
|
309
|
+
exports.DatePickerSkeleton = DatePicker_Skeleton.DatePickerSkeleton;
|
|
309
310
|
exports.DatePickerInput = DatePickerInput.default;
|
|
310
311
|
exports.Dropdown = Dropdown.default;
|
|
311
|
-
exports.DropdownSkeleton = Dropdown_Skeleton.
|
|
312
|
+
exports.DropdownSkeleton = Dropdown_Skeleton.DropdownSkeleton;
|
|
312
313
|
exports.ErrorBoundary = ErrorBoundary.default;
|
|
313
314
|
exports.ErrorBoundaryContext = ErrorBoundaryContext.ErrorBoundaryContext;
|
|
314
315
|
exports.ExpandableSearch = ExpandableSearch.default;
|
|
315
|
-
exports.FeatureFlags = index$
|
|
316
|
-
exports.preview_FeatureFlags = index$
|
|
317
|
-
exports.preview_useFeatureFlag = index$
|
|
318
|
-
exports.preview_useFeatureFlags = index$
|
|
319
|
-
exports.unstable_FeatureFlags = index$
|
|
320
|
-
exports.unstable_useFeatureFlag = index$
|
|
321
|
-
exports.unstable_useFeatureFlags = index$
|
|
322
|
-
exports.useFeatureFlag = index$
|
|
323
|
-
exports.useFeatureFlags = index$
|
|
316
|
+
exports.FeatureFlags = index$3.FeatureFlags;
|
|
317
|
+
exports.preview_FeatureFlags = index$3.FeatureFlags;
|
|
318
|
+
exports.preview_useFeatureFlag = index$3.useFeatureFlag;
|
|
319
|
+
exports.preview_useFeatureFlags = index$3.useFeatureFlags;
|
|
320
|
+
exports.unstable_FeatureFlags = index$3.FeatureFlags;
|
|
321
|
+
exports.unstable_useFeatureFlag = index$3.useFeatureFlag;
|
|
322
|
+
exports.unstable_useFeatureFlags = index$3.useFeatureFlags;
|
|
323
|
+
exports.useFeatureFlag = index$3.useFeatureFlag;
|
|
324
|
+
exports.useFeatureFlags = index$3.useFeatureFlags;
|
|
324
325
|
exports.FileUploader = FileUploader.default;
|
|
325
326
|
exports.Filename = Filename.default;
|
|
326
|
-
exports.FileUploaderSkeleton = FileUploader_Skeleton.
|
|
327
|
+
exports.FileUploaderSkeleton = FileUploader_Skeleton.FileUploaderSkeleton;
|
|
327
328
|
exports.FileUploaderButton = FileUploaderButton.default;
|
|
328
329
|
exports.FileUploaderDropContainer = FileUploaderDropContainer.default;
|
|
329
330
|
exports.FileUploaderItem = FileUploaderItem.default;
|
|
@@ -339,8 +340,8 @@ exports.Row = Row.default;
|
|
|
339
340
|
exports.Column = Column.default;
|
|
340
341
|
exports.ColumnHang = ColumnHang.ColumnHang;
|
|
341
342
|
exports.GridSettings = GridContext.GridSettings;
|
|
342
|
-
exports.IconSkeleton = Icon_Skeleton.
|
|
343
|
-
exports.IdPrefix = index$
|
|
343
|
+
exports.IconSkeleton = Icon_Skeleton.IconSkeleton;
|
|
344
|
+
exports.IdPrefix = index$7.IdPrefix;
|
|
344
345
|
exports.InlineLoading = InlineLoading.default;
|
|
345
346
|
exports.Link = Link.default;
|
|
346
347
|
exports.ListItem = ListItem.default;
|
|
@@ -351,9 +352,10 @@ exports.MenuItemDivider = MenuItem.MenuItemDivider;
|
|
|
351
352
|
exports.MenuItemGroup = MenuItem.MenuItemGroup;
|
|
352
353
|
exports.MenuItemRadioGroup = MenuItem.MenuItemRadioGroup;
|
|
353
354
|
exports.MenuItemSelectable = MenuItem.MenuItemSelectable;
|
|
354
|
-
exports.MenuButton = index$
|
|
355
|
+
exports.MenuButton = index$9.MenuButton;
|
|
355
356
|
exports.Modal = Modal.default;
|
|
356
357
|
exports.ModalPresence = ModalPresence.ModalPresence;
|
|
358
|
+
exports.withModalPresence = ModalPresence.withModalPresence;
|
|
357
359
|
exports.ModalWrapper = ModalWrapper.default;
|
|
358
360
|
exports.FilterableMultiSelect = FilterableMultiSelect.FilterableMultiSelect;
|
|
359
361
|
exports.MultiSelect = MultiSelect.MultiSelect;
|
|
@@ -368,29 +370,29 @@ exports.NumberInputSkeleton = NumberInput_Skeleton.default;
|
|
|
368
370
|
exports.NumberInput = NumberInput.NumberInput;
|
|
369
371
|
exports.validateNumberSeparators = NumberInput.validateNumberSeparators;
|
|
370
372
|
exports.OrderedList = OrderedList.default;
|
|
371
|
-
exports.OverflowMenu = index$
|
|
373
|
+
exports.OverflowMenu = index$a.OverflowMenu;
|
|
372
374
|
exports.OverflowMenuItem = OverflowMenuItem.default;
|
|
373
|
-
exports.preview__PageHeader = index;
|
|
374
|
-
exports.unstable__PageHeader = index;
|
|
375
|
-
exports.preview__Dialog = index$
|
|
376
|
-
exports.Pagination = Pagination
|
|
377
|
-
exports.PaginationSkeleton = Pagination_Skeleton.
|
|
375
|
+
exports.preview__PageHeader = index$h;
|
|
376
|
+
exports.unstable__PageHeader = index$h;
|
|
377
|
+
exports.preview__Dialog = index$f;
|
|
378
|
+
exports.Pagination = Pagination.default;
|
|
379
|
+
exports.PaginationSkeleton = Pagination_Skeleton.PaginationSkeleton;
|
|
378
380
|
exports.PaginationNav = PaginationNav.default;
|
|
379
381
|
exports.ControlledPasswordInput = ControlledPasswordInput.default;
|
|
380
382
|
exports.PasswordInput = PasswordInput.default;
|
|
381
383
|
exports.PrimaryButton = PrimaryButton.default;
|
|
382
|
-
exports.ProgressIndicatorSkeleton = ProgressIndicator_Skeleton.
|
|
384
|
+
exports.ProgressIndicatorSkeleton = ProgressIndicator_Skeleton.ProgressIndicatorSkeleton;
|
|
383
385
|
exports.ProgressIndicator = ProgressIndicator.ProgressIndicator;
|
|
384
386
|
exports.ProgressStep = ProgressIndicator.ProgressStep;
|
|
385
387
|
exports.RadioButton = RadioButton.default;
|
|
386
|
-
exports.RadioButtonSkeleton = RadioButton_Skeleton.
|
|
388
|
+
exports.RadioButtonSkeleton = RadioButton_Skeleton.RadioButtonSkeleton;
|
|
387
389
|
exports.RadioButtonGroup = RadioButtonGroup.default;
|
|
388
390
|
exports.RadioTile = RadioTile.default;
|
|
389
391
|
exports.Search = Search.default;
|
|
390
|
-
exports.SearchSkeleton = Search_Skeleton.
|
|
392
|
+
exports.SearchSkeleton = Search_Skeleton.SearchSkeleton;
|
|
391
393
|
exports.SecondaryButton = SecondaryButton.default;
|
|
392
394
|
exports.Select = Select.default;
|
|
393
|
-
exports.SelectSkeleton = Select_Skeleton.
|
|
395
|
+
exports.SelectSkeleton = Select_Skeleton.SelectSkeleton;
|
|
394
396
|
exports.SelectItem = SelectItem.default;
|
|
395
397
|
exports.SelectItemGroup = SelectItemGroup.default;
|
|
396
398
|
exports.SkeletonIcon = SkeletonIcon.default;
|
|
@@ -419,16 +421,16 @@ exports.TabPanels = Tabs.TabPanels;
|
|
|
419
421
|
exports.Tabs = Tabs.Tabs;
|
|
420
422
|
exports.TabsVertical = Tabs.TabsVertical;
|
|
421
423
|
exports.TabContent = TabContent.default;
|
|
422
|
-
exports.TabsSkeleton = Tabs_Skeleton.
|
|
424
|
+
exports.TabsSkeleton = Tabs_Skeleton.TabsSkeleton;
|
|
423
425
|
exports.Tag = Tag.default;
|
|
424
426
|
exports.DismissibleTag = DismissibleTag.default;
|
|
425
427
|
exports.OperationalTag = OperationalTag.default;
|
|
426
428
|
exports.SelectableTag = SelectableTag.default;
|
|
427
|
-
exports.TagSkeleton = Tag_Skeleton.
|
|
429
|
+
exports.TagSkeleton = Tag_Skeleton.TagSkeleton;
|
|
428
430
|
exports.TextArea = TextArea.default;
|
|
429
|
-
exports.TextAreaSkeleton = TextArea_Skeleton.
|
|
431
|
+
exports.TextAreaSkeleton = TextArea_Skeleton.TextAreaSkeleton;
|
|
430
432
|
exports.TextInput = TextInput.default;
|
|
431
|
-
exports.TextInputSkeleton = TextInput_Skeleton.
|
|
433
|
+
exports.TextInputSkeleton = TextInput_Skeleton.TextInputSkeleton;
|
|
432
434
|
exports.ClickableTile = Tile.ClickableTile;
|
|
433
435
|
exports.ExpandableTile = Tile.ExpandableTile;
|
|
434
436
|
exports.SelectableTile = Tile.SelectableTile;
|
|
@@ -439,13 +441,13 @@ exports.TileGroup = TileGroup.TileGroup;
|
|
|
439
441
|
exports.TimePicker = TimePicker.default;
|
|
440
442
|
exports.TimePickerSelect = TimePickerSelect.default;
|
|
441
443
|
exports.Toggle = Toggle.Toggle;
|
|
442
|
-
exports.ToggleSkeleton = Toggle_Skeleton.
|
|
444
|
+
exports.ToggleSkeleton = Toggle_Skeleton.ToggleSkeleton;
|
|
443
445
|
exports.ToggleSmallSkeleton = ToggleSmall_Skeleton.ToggleSmallSkeleton;
|
|
444
|
-
exports.Toggletip = index$
|
|
445
|
-
exports.ToggletipActions = index$
|
|
446
|
-
exports.ToggletipButton = index$
|
|
447
|
-
exports.ToggletipContent = index$
|
|
448
|
-
exports.ToggletipLabel = index$
|
|
446
|
+
exports.Toggletip = index$c.Toggletip;
|
|
447
|
+
exports.ToggletipActions = index$c.ToggletipActions;
|
|
448
|
+
exports.ToggletipButton = index$c.ToggletipButton;
|
|
449
|
+
exports.ToggletipContent = index$c.ToggletipContent;
|
|
450
|
+
exports.ToggletipLabel = index$c.ToggletipLabel;
|
|
449
451
|
exports.TreeNode = TreeNode.default;
|
|
450
452
|
exports.TreeView = TreeView.default;
|
|
451
453
|
exports.Content = Content.default;
|
|
@@ -474,7 +476,7 @@ exports.SideNavItem = SideNavItem.default;
|
|
|
474
476
|
exports.SideNavItems = SideNavItems.default;
|
|
475
477
|
exports.SideNavLink = SideNavLink.default;
|
|
476
478
|
exports.SideNavLinkText = SideNavLinkText.default;
|
|
477
|
-
exports.SideNavMenu = SideNavMenu.
|
|
479
|
+
exports.SideNavMenu = SideNavMenu.SideNavMenu;
|
|
478
480
|
exports.SideNavMenuItem = SideNavMenuItem.default;
|
|
479
481
|
exports.SideNavSwitcher = SideNavSwitcher.default;
|
|
480
482
|
exports.UnorderedList = UnorderedList.default;
|
|
@@ -545,36 +547,36 @@ exports.unstable__FluidTimePickerSkeleton = FluidTimePicker_Skeleton.default;
|
|
|
545
547
|
exports.FluidTimePickerSelect = FluidTimePickerSelect.default;
|
|
546
548
|
exports.preview__FluidTimePickerSelect = FluidTimePickerSelect.default;
|
|
547
549
|
exports.unstable__FluidTimePickerSelect = FluidTimePickerSelect.default;
|
|
548
|
-
exports.Heading = index$
|
|
549
|
-
exports.Section = index$
|
|
550
|
-
exports.IconButton = index$
|
|
551
|
-
exports.IconButtonKinds = index$
|
|
552
|
-
exports.Layer = index$
|
|
553
|
-
exports.useLayer = index$
|
|
554
|
-
exports.preview_Layout = index$
|
|
555
|
-
exports.unstable_Layout = index$
|
|
550
|
+
exports.Heading = index$5.Heading;
|
|
551
|
+
exports.Section = index$5.Section;
|
|
552
|
+
exports.IconButton = index$6.IconButton;
|
|
553
|
+
exports.IconButtonKinds = index$6.IconButtonKinds;
|
|
554
|
+
exports.Layer = index$8.Layer;
|
|
555
|
+
exports.useLayer = index$8.useLayer;
|
|
556
|
+
exports.preview_Layout = index$d.Layout;
|
|
557
|
+
exports.unstable_Layout = index$d.Layout;
|
|
556
558
|
exports.preview_LayoutDirection = LayoutDirection.LayoutDirection;
|
|
557
559
|
exports.unstable_LayoutDirection = LayoutDirection.LayoutDirection;
|
|
558
560
|
exports.preview_useLayoutDirection = useLayoutDirection.useLayoutDirection;
|
|
559
561
|
exports.unstable_useLayoutDirection = useLayoutDirection.useLayoutDirection;
|
|
560
|
-
exports.preview_OverflowMenuV2 = index$
|
|
561
|
-
exports.unstable_OverflowMenuV2 = index$
|
|
562
|
-
exports.Popover = index$
|
|
563
|
-
exports.PopoverContent = index$
|
|
562
|
+
exports.preview_OverflowMenuV2 = index$e.OverflowMenuV2;
|
|
563
|
+
exports.unstable_OverflowMenuV2 = index$e.OverflowMenuV2;
|
|
564
|
+
exports.Popover = index$b.Popover;
|
|
565
|
+
exports.PopoverContent = index$b.PopoverContent;
|
|
564
566
|
exports.ProgressBar = ProgressBar.default;
|
|
565
|
-
exports.AILabel = index
|
|
566
|
-
exports.AILabelActions = index
|
|
567
|
-
exports.AILabelContent = index
|
|
568
|
-
exports.preview__Slug = index
|
|
569
|
-
exports.preview__SlugActions = index
|
|
570
|
-
exports.preview__SlugContent = index
|
|
571
|
-
exports.unstable__Slug = index
|
|
572
|
-
exports.unstable__SlugActions = index
|
|
573
|
-
exports.unstable__SlugContent = index
|
|
574
|
-
exports.preview__IconIndicator = index$
|
|
575
|
-
exports.unstable__IconIndicator = index$
|
|
576
|
-
exports.preview__ShapeIndicator = index$
|
|
577
|
-
exports.unstable__ShapeIndicator = index$
|
|
567
|
+
exports.AILabel = index.AILabel;
|
|
568
|
+
exports.AILabelActions = index.AILabelActions;
|
|
569
|
+
exports.AILabelContent = index.AILabelContent;
|
|
570
|
+
exports.preview__Slug = index.AILabel;
|
|
571
|
+
exports.preview__SlugActions = index.AILabelActions;
|
|
572
|
+
exports.preview__SlugContent = index.AILabelContent;
|
|
573
|
+
exports.unstable__Slug = index.AILabel;
|
|
574
|
+
exports.unstable__SlugActions = index.AILabelActions;
|
|
575
|
+
exports.unstable__SlugContent = index.AILabelContent;
|
|
576
|
+
exports.preview__IconIndicator = index$g.IconIndicator;
|
|
577
|
+
exports.unstable__IconIndicator = index$g.IconIndicator;
|
|
578
|
+
exports.preview__ShapeIndicator = index$i.ShapeIndicator;
|
|
579
|
+
exports.unstable__ShapeIndicator = index$i.ShapeIndicator;
|
|
578
580
|
exports.preview__ChatButton = ChatButton.default;
|
|
579
581
|
exports.unstable__ChatButton = ChatButton.default;
|
|
580
582
|
exports.preview__ChatButtonSkeleton = ChatButton_Skeleton.default;
|
|
@@ -594,17 +596,17 @@ exports.preview_Text = Text.Text;
|
|
|
594
596
|
exports.unstable_Text = Text.Text;
|
|
595
597
|
exports.preview_TextDirection = TextDirection.TextDirection;
|
|
596
598
|
exports.unstable_TextDirection = TextDirection.TextDirection;
|
|
597
|
-
exports.GlobalTheme = index$
|
|
598
|
-
exports.Theme = index$
|
|
599
|
-
exports.ThemeContext = index$
|
|
600
|
-
exports.usePrefersDarkScheme = index$
|
|
601
|
-
exports.useTheme = index$
|
|
599
|
+
exports.GlobalTheme = index$4.GlobalTheme;
|
|
600
|
+
exports.Theme = index$4.Theme;
|
|
601
|
+
exports.ThemeContext = index$4.ThemeContext;
|
|
602
|
+
exports.usePrefersDarkScheme = index$4.usePrefersDarkScheme;
|
|
603
|
+
exports.useTheme = index$4.useTheme;
|
|
602
604
|
exports.PrefixContext = usePrefix.PrefixContext;
|
|
603
605
|
exports.usePrefix = usePrefix.usePrefix;
|
|
604
606
|
exports.useIdPrefix = useIdPrefix.useIdPrefix;
|
|
607
|
+
exports.ContainedList = ContainedList.default;
|
|
608
|
+
exports.ContainedListItem = ContainedListItem.default;
|
|
605
609
|
exports.preview_PageSelector = PageSelector.default;
|
|
606
610
|
exports.unstable_PageSelector = PageSelector.default;
|
|
607
|
-
exports.preview_Pagination = Pagination.default;
|
|
608
|
-
exports.unstable_Pagination = Pagination.default;
|
|
609
|
-
exports.ContainedListItem = ContainedListItem.default;
|
|
610
|
-
exports.ContainedList = ContainedList.default;
|
|
611
|
+
exports.preview_Pagination = Pagination$1.default;
|
|
612
|
+
exports.unstable_Pagination = Pagination$1.default;
|
|
@@ -10,38 +10,31 @@
|
|
|
10
10
|
var React = require('react');
|
|
11
11
|
|
|
12
12
|
const useNoInteractiveChildren = (ref, message = 'component should have no interactive child nodes') => {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
const
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
}
|
|
27
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20452
|
|
28
|
-
}, []);
|
|
29
|
-
}
|
|
13
|
+
React.useEffect(() => {
|
|
14
|
+
if (process.env.NODE_ENV === 'production') return;
|
|
15
|
+
const {
|
|
16
|
+
current
|
|
17
|
+
} = ref;
|
|
18
|
+
const node = current ? getInteractiveContent(current) : null;
|
|
19
|
+
if (node) {
|
|
20
|
+
const errorMessage = `Error: ${message}.\n\nInstead found: ${node.outerHTML}`;
|
|
21
|
+
// eslint-disable-next-line no-console -- https://github.com/carbon-design-system/carbon/issues/20452
|
|
22
|
+
console.error(errorMessage);
|
|
23
|
+
throw new Error(errorMessage);
|
|
24
|
+
}
|
|
25
|
+
}, [message, ref]);
|
|
30
26
|
};
|
|
31
27
|
const useInteractiveChildrenNeedDescription = (ref, message = `interactive child node(s) should have an \`aria-describedby\` property`) => {
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
}
|
|
43
|
-
});
|
|
44
|
-
}
|
|
28
|
+
React.useEffect(() => {
|
|
29
|
+
if (process.env.NODE_ENV === 'production') return;
|
|
30
|
+
const {
|
|
31
|
+
current
|
|
32
|
+
} = ref;
|
|
33
|
+
const node = current ? getInteractiveContent(current) : null;
|
|
34
|
+
if (node && !node.hasAttribute('aria-describedby')) {
|
|
35
|
+
throw new Error(`Error: ${message}.\n\nInstead found: ${node.outerHTML}`);
|
|
36
|
+
}
|
|
37
|
+
}, [message, ref]);
|
|
45
38
|
};
|
|
46
39
|
|
|
47
40
|
/**
|
|
@@ -52,6 +45,7 @@ const useInteractiveChildrenNeedDescription = (ref, message = `interactive child
|
|
|
52
45
|
* @returns The interactive node, or `null` if none is found.
|
|
53
46
|
*/
|
|
54
47
|
const getInteractiveContent = node => {
|
|
48
|
+
// TODO: This check shouldn't be necessary. Investigate deleting it.
|
|
55
49
|
if (!node || !node.childNodes) {
|
|
56
50
|
return null;
|
|
57
51
|
}
|
|
@@ -77,6 +71,7 @@ const getInteractiveContent = node => {
|
|
|
77
71
|
* @returns The node with a `role`, or `null` if none is found.
|
|
78
72
|
*/
|
|
79
73
|
const getRoleContent = node => {
|
|
74
|
+
// TODO: This check shouldn't be necessary. Investigate deleting it.
|
|
80
75
|
if (!node || !node.childNodes) {
|
|
81
76
|
return null;
|
|
82
77
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Copyright IBM Corp. 2025,
|
|
2
|
+
* Copyright IBM Corp. 2025, 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.
|
|
@@ -18,10 +18,6 @@ type Item = {
|
|
|
18
18
|
* @returns Object with `visibleItems` (items to display), `hiddenItems` (items that don't fit), and `itemRefHandler` (function to attach refs to items for width measurement).
|
|
19
19
|
*/
|
|
20
20
|
declare const useOverflowItems: <T extends Item>(items: T[] | ReactNode, containerRef: RefObject<HTMLDivElement>, offsetRef?: RefObject<HTMLDivElement>, maxItems?: number, onChange?: (hiddenItems: T[]) => void) => {
|
|
21
|
-
visibleItems: T[];
|
|
22
|
-
hiddenItems: T[];
|
|
23
|
-
itemRefHandler: () => void;
|
|
24
|
-
} | {
|
|
25
21
|
visibleItems: T[];
|
|
26
22
|
itemRefHandler: (id: string, node: HTMLDivElement | null) => () => void;
|
|
27
23
|
hiddenItems: T[];
|
|
@@ -22,17 +22,10 @@ var usePreviousValue = require('./usePreviousValue.js');
|
|
|
22
22
|
* @param onChange - Optional callback called when hidden items change. Receives array of currently hidden items.
|
|
23
23
|
* @returns Object with `visibleItems` (items to display), `hiddenItems` (items that don't fit), and `itemRefHandler` (function to attach refs to items for width measurement).
|
|
24
24
|
*/
|
|
25
|
-
|
|
26
25
|
const useOverflowItems = (items, containerRef, offsetRef, maxItems, onChange) => {
|
|
27
26
|
const itemsRef = React.useRef(null);
|
|
28
27
|
const [maxWidth, setMaxWidth] = React.useState(0);
|
|
29
|
-
|
|
30
|
-
return {
|
|
31
|
-
visibleItems: [],
|
|
32
|
-
hiddenItems: [],
|
|
33
|
-
itemRefHandler: () => {}
|
|
34
|
-
};
|
|
35
|
-
}
|
|
28
|
+
const overflowItems = React.useMemo(() => Array.isArray(items) ? items : [], [items]);
|
|
36
29
|
const handleResize = () => {
|
|
37
30
|
if (containerRef.current) {
|
|
38
31
|
const offset = offsetRef?.current?.offsetWidth || 0;
|
|
@@ -40,7 +33,6 @@ const useOverflowItems = (items, containerRef, offsetRef, maxItems, onChange) =>
|
|
|
40
33
|
setMaxWidth(newMax);
|
|
41
34
|
}
|
|
42
35
|
};
|
|
43
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20452
|
|
44
36
|
useResizeObserver.useResizeObserver({
|
|
45
37
|
ref: containerRef,
|
|
46
38
|
onResize: handleResize
|
|
@@ -63,16 +55,13 @@ const useOverflowItems = (items, containerRef, offsetRef, maxItems, onChange) =>
|
|
|
63
55
|
};
|
|
64
56
|
};
|
|
65
57
|
const getVisibleItems = () => {
|
|
66
|
-
if (!items || Array.isArray(items) === false) {
|
|
67
|
-
return [];
|
|
68
|
-
}
|
|
69
58
|
if (!containerRef) {
|
|
70
|
-
return
|
|
59
|
+
return overflowItems;
|
|
71
60
|
}
|
|
72
61
|
const map = getMap();
|
|
73
62
|
let maxReached = false;
|
|
74
63
|
let accumulatedWidth = 0;
|
|
75
|
-
const visibleItems =
|
|
64
|
+
const visibleItems = overflowItems.slice(0, maxItems).reduce((prev, cur) => {
|
|
76
65
|
if (maxReached) {
|
|
77
66
|
return prev;
|
|
78
67
|
}
|
|
@@ -90,30 +79,20 @@ const useOverflowItems = (items, containerRef, offsetRef, maxItems, onChange) =>
|
|
|
90
79
|
};
|
|
91
80
|
|
|
92
81
|
// Memoize visible items calculation to avoid recalculating on every render
|
|
93
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20452
|
|
94
82
|
const visibleItems = React.useMemo(() => {
|
|
95
|
-
if (!Array.isArray(items)) {
|
|
96
|
-
return [];
|
|
97
|
-
}
|
|
98
83
|
return getVisibleItems();
|
|
99
84
|
// eslint-disable-next-line react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20452
|
|
100
|
-
}, [
|
|
85
|
+
}, [overflowItems, maxWidth, maxItems]);
|
|
101
86
|
|
|
102
87
|
// Memoize hidden items calculation
|
|
103
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20452
|
|
104
88
|
const hiddenItems = React.useMemo(() => {
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
}
|
|
108
|
-
return items.slice(visibleItems.length);
|
|
109
|
-
}, [items, visibleItems]);
|
|
89
|
+
return overflowItems.slice(visibleItems.length);
|
|
90
|
+
}, [overflowItems, visibleItems]);
|
|
110
91
|
|
|
111
92
|
// Use previous value to compare and only call onChange when needed
|
|
112
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20452
|
|
113
93
|
const previousHiddenItems = usePreviousValue.usePreviousValue(hiddenItems);
|
|
114
94
|
|
|
115
95
|
// Only call onChange if hidden items actually changed
|
|
116
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20452
|
|
117
96
|
React.useEffect(() => {
|
|
118
97
|
}, [hiddenItems, previousHiddenItems, onChange]);
|
|
119
98
|
return {
|
|
@@ -15,25 +15,22 @@ const usePresence = (ref, isOpen) => {
|
|
|
15
15
|
const prefix = usePrefix.usePrefix();
|
|
16
16
|
const [exitState, setExitState] = React.useState(isOpen ? 'idle' : 'finished');
|
|
17
17
|
const isExiting = exitState === 'active';
|
|
18
|
+
useIsomorphicEffect.default(() => {
|
|
19
|
+
setExitState(prev => {
|
|
20
|
+
// element is exiting
|
|
21
|
+
if (!isOpen && prev === 'idle') return 'active';
|
|
18
22
|
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
// element exit was interrupted
|
|
25
|
-
if (isOpen && exitState !== 'idle') {
|
|
26
|
-
setExitState('idle');
|
|
27
|
-
}
|
|
28
|
-
const handleAnimationEnd = React.useCallback(() => {
|
|
29
|
-
setExitState('finished');
|
|
30
|
-
}, []);
|
|
23
|
+
// element exit was interrupted
|
|
24
|
+
if (isOpen && prev !== 'idle') return 'idle';
|
|
25
|
+
return prev;
|
|
26
|
+
});
|
|
27
|
+
}, [isOpen]);
|
|
31
28
|
useIsomorphicEffect.default(() => {
|
|
32
29
|
if (!ref.current || !isExiting) return;
|
|
33
30
|
|
|
34
31
|
// resolve for JSDOM
|
|
35
32
|
if (!('getAnimations' in ref.current)) {
|
|
36
|
-
|
|
33
|
+
setExitState('finished');
|
|
37
34
|
return;
|
|
38
35
|
}
|
|
39
36
|
|
|
@@ -42,18 +39,18 @@ const usePresence = (ref, isOpen) => {
|
|
|
42
39
|
subtree: true
|
|
43
40
|
}).filter(animation => animation instanceof CSSAnimation && animation.animationName.startsWith(`${prefix}--presence`));
|
|
44
41
|
if (!animations.length) {
|
|
45
|
-
|
|
42
|
+
setExitState('finished');
|
|
46
43
|
return;
|
|
47
44
|
}
|
|
48
45
|
let cancelled = false;
|
|
49
46
|
Promise.all(animations.map(animation => animation.finished)).finally(() => {
|
|
50
47
|
if (cancelled) return;
|
|
51
|
-
|
|
48
|
+
setExitState('finished');
|
|
52
49
|
});
|
|
53
50
|
return () => {
|
|
54
51
|
cancelled = true;
|
|
55
52
|
};
|
|
56
|
-
}, [ref, isExiting, prefix
|
|
53
|
+
}, [ref, isExiting, prefix]);
|
|
57
54
|
return {
|
|
58
55
|
/**
|
|
59
56
|
* Indicates whether the ref object is supposed to be mounted
|