@carbon/react 1.90.0-rc.0 → 1.91.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 +923 -964
- package/es/components/AILabel/index.js +8 -6
- package/es/components/Breadcrumb/BreadcrumbItem.js +2 -0
- package/es/components/Button/Button.js +3 -0
- package/es/components/ChatButton/ChatButton.js +1 -0
- package/es/components/CheckboxGroup/CheckboxGroup.js +21 -2
- package/es/components/CodeSnippet/CodeSnippet.d.ts +1 -1
- package/es/components/CodeSnippet/CodeSnippet.js +1 -1
- package/es/components/ComboBox/ComboBox.js +18 -13
- package/es/components/ComboButton/index.js +2 -1
- package/es/components/ComposedModal/ComposedModal.js +5 -2
- package/es/components/Copy/Copy.d.ts +1 -1
- package/es/components/Copy/Copy.js +1 -1
- package/es/components/CopyButton/CopyButton.d.ts +1 -1
- package/es/components/CopyButton/CopyButton.js +1 -1
- package/es/components/DataTable/DataTable.d.ts +60 -15
- package/es/components/DataTable/DataTable.js +119 -178
- package/es/components/DataTable/Table.d.ts +2 -2
- package/es/components/DataTable/Table.js +4 -4
- package/es/components/DataTable/TableExpandHeader.d.ts +1 -1
- package/es/components/DataTable/TableExpandHeader.js +6 -2
- package/es/components/DataTable/TableExpandRow.js +1 -0
- package/es/components/DataTable/TableHeader.js +2 -0
- package/es/components/DataTable/TableRow.js +5 -0
- package/es/components/DataTable/TableSlugRow.js +1 -0
- package/es/components/DataTable/TableToolbarMenu.js +3 -0
- package/es/components/DataTable/state/sorting.d.ts +3 -1
- package/es/components/DataTable/state/sorting.js +2 -0
- package/es/components/DataTable/tools/sorting.js +1 -0
- package/es/components/DatePicker/DatePicker.d.ts +0 -12
- package/es/components/DatePicker/DatePicker.js +17 -6
- package/es/components/DatePicker/plugins/rangePlugin.d.ts +19 -2
- package/es/components/DatePicker/plugins/rangePlugin.js +18 -14
- package/es/components/DatePickerInput/DatePickerInput.js +6 -0
- package/es/components/Dialog/Dialog.js +10 -2
- package/es/components/Dropdown/Dropdown.js +17 -16
- package/es/components/ErrorBoundary/ErrorBoundaryContext.js +1 -0
- package/es/components/FeatureFlags/index.js +1 -0
- package/es/components/FileUploader/FileUploader.js +9 -2
- package/es/components/FileUploader/FileUploaderButton.js +1 -1
- package/es/components/FileUploader/FileUploaderDropContainer.js +1 -1
- package/es/components/FileUploader/FileUploaderItem.js +3 -0
- package/es/components/FluidMultiSelect/FluidMultiSelect.js +2 -0
- package/es/components/FluidNumberInput/FluidNumberInput.js +3 -2
- package/es/components/FluidSearch/FluidSearch.js +3 -2
- package/es/components/FluidSelect/FluidSelect.js +3 -2
- package/es/components/FluidTextInput/FluidTextInput.js +3 -2
- package/es/components/FluidTimePicker/FluidTimePicker.js +11 -4
- package/es/components/FluidTimePickerSelect/FluidTimePickerSelect.js +3 -2
- package/es/components/Grid/CSSGrid.js +5 -0
- package/es/components/Grid/Column.js +3 -0
- package/es/components/Grid/ColumnHang.js +1 -0
- package/es/components/Grid/FlexGrid.js +1 -0
- package/es/components/Grid/Row.js +1 -0
- package/es/components/Heading/index.js +3 -1
- package/es/components/IconButton/index.js +5 -3
- package/es/components/IconIndicator/index.js +4 -2
- package/es/components/InlineCheckbox/InlineCheckbox.js +3 -2
- package/es/components/Layout/index.js +6 -4
- package/es/components/LayoutDirection/LayoutDirection.js +2 -0
- package/es/components/Link/Link.js +3 -0
- package/es/components/ListBox/ListBoxMenuItem.js +4 -1
- package/es/components/ListBox/next/ListBoxTrigger.js +3 -2
- package/es/components/Menu/Menu.js +6 -9
- package/es/components/Menu/MenuContext.js +1 -0
- package/es/components/Menu/MenuItem.d.ts +1 -1
- package/es/components/Menu/MenuItem.js +10 -18
- package/es/components/MenuButton/index.js +7 -2
- package/es/components/Modal/Modal.js +4 -1
- package/es/components/ModalWrapper/ModalWrapper.js +2 -0
- package/es/components/MultiSelect/FilterableMultiSelect.js +25 -6
- package/es/components/MultiSelect/MultiSelect.js +22 -17
- package/es/components/Notification/Notification.d.ts +6 -6
- package/es/components/Notification/Notification.js +7 -7
- package/es/components/NumberInput/NumberInput.js +7 -1
- package/es/components/OverflowMenu/OverflowMenu.js +3 -1
- package/es/components/OverflowMenu/next/index.js +4 -3
- package/es/components/OverflowMenuItem/OverflowMenuItem.js +2 -0
- package/es/components/PageHeader/PageHeader.d.ts +3 -3
- package/es/components/PageHeader/PageHeader.js +22 -8
- package/es/components/Pagination/Pagination.js +6 -2
- package/es/components/PaginationNav/PaginationNav.js +2 -5
- package/es/components/Popover/index.js +15 -5
- package/es/components/ProgressBar/ProgressBar.js +4 -2
- package/es/components/RadioTile/RadioTile.js +2 -2
- package/es/components/Search/Search.d.ts +4 -2
- package/es/components/Search/Search.js +7 -6
- package/es/components/Select/Select.js +2 -3
- package/es/components/ShapeIndicator/index.js +4 -2
- package/es/components/SkeletonPlaceholder/SkeletonPlaceholder.d.ts +4 -4
- package/es/components/SkeletonPlaceholder/SkeletonPlaceholder.js +1 -2
- package/es/components/SkeletonText/SkeletonText.js +0 -2
- package/es/components/Slider/Slider.d.ts +144 -188
- package/es/components/Slider/Slider.js +798 -726
- package/es/components/Slider/index.d.ts +2 -2
- package/es/components/Stack/HStack.js +1 -0
- package/es/components/Stack/Stack.js +6 -9
- package/es/components/Stack/VStack.js +1 -0
- package/es/components/StructuredList/StructuredList.js +3 -0
- package/es/components/Switch/Switch.js +1 -1
- package/es/components/Tabs/Tabs.d.ts +4 -0
- package/es/components/Tabs/Tabs.js +28 -17
- package/es/components/Tag/DismissibleTag.js +2 -0
- package/es/components/Tag/OperationalTag.js +2 -0
- package/es/components/Tag/SelectableTag.js +2 -0
- package/es/components/Tag/Tag.js +4 -0
- package/es/components/Tag/isEllipsisActive.js +1 -0
- package/es/components/Text/Text.js +1 -0
- package/es/components/TextArea/TextArea.js +13 -6
- package/es/components/TextInput/ControlledPasswordInput.js +4 -6
- package/es/components/TextInput/PasswordInput.js +9 -4
- package/es/components/TextInput/TextInput.js +6 -4
- package/es/components/TextInput/util.d.ts +17 -5
- package/es/components/TextInput/util.js +2 -7
- package/es/components/Theme/index.js +8 -3
- package/es/components/Tile/Tile.js +14 -17
- package/es/components/TimePicker/TimePicker.js +1 -0
- package/es/components/Toggle/Toggle.js +1 -1
- package/es/components/Toggletip/index.js +4 -0
- package/es/components/Tooltip/DefinitionTooltip.js +1 -0
- package/es/components/Tooltip/Tooltip.js +30 -23
- package/es/components/TreeView/TreeNode.js +13 -5
- package/es/components/TreeView/TreeView.js +7 -0
- package/es/components/UIShell/HeaderContainer.js +3 -1
- package/es/components/UIShell/HeaderGlobalAction.js +2 -2
- package/es/components/UIShell/HeaderMenu.js +3 -3
- package/es/components/UIShell/HeaderPanel.d.ts +1 -1
- package/es/components/UIShell/HeaderPanel.js +2 -2
- package/es/components/UIShell/Link.js +2 -0
- package/es/components/UIShell/SideNavItems.js +1 -0
- package/es/components/UIShell/SideNavMenu.js +2 -2
- package/es/components/UIShell/SideNavMenuItem.js +1 -1
- package/es/components/UIShell/SideNavSwitcher.js +1 -1
- package/es/components/UIShell/Switcher.js +2 -1
- package/es/components/UIShell/SwitcherItem.js +4 -2
- package/es/index.d.ts +12 -13
- package/es/index.js +25 -24
- package/es/internal/FloatingMenu.js +7 -1
- package/es/internal/Selection.js +12 -3
- package/es/internal/defaultItemToString.d.ts +7 -0
- package/es/internal/defaultItemToString.js +17 -0
- package/es/internal/index.d.ts +1 -0
- package/es/internal/useMergedRefs.js +1 -0
- package/es/internal/useNoInteractiveChildren.js +4 -0
- package/es/internal/useOutsideClick.js +1 -0
- package/es/internal/useOverflowItems.js +6 -0
- package/es/internal/useResizeObserver.js +4 -0
- package/es/internal/useSavedCallback.js +1 -0
- package/es/internal/warning.js +1 -0
- package/es/prop-types/deprecateValuesWithin.d.ts +8 -1
- package/es/prop-types/deprecateValuesWithin.js +6 -6
- package/es/prop-types/isRequiredOneOf.js +4 -1
- package/es/prop-types/requiredIfGivenPropIsTruthy.d.ts +8 -7
- package/es/prop-types/requiredIfGivenPropIsTruthy.js +10 -10
- package/es/tools/events.js +3 -1
- package/es/tools/wrapComponent.js +1 -0
- package/lib/components/AILabel/index.js +8 -6
- package/lib/components/Breadcrumb/BreadcrumbItem.js +2 -0
- package/lib/components/Button/Button.js +3 -0
- package/lib/components/ChatButton/ChatButton.js +1 -0
- package/lib/components/CheckboxGroup/CheckboxGroup.js +20 -1
- package/lib/components/CodeSnippet/CodeSnippet.d.ts +1 -1
- package/lib/components/CodeSnippet/CodeSnippet.js +1 -1
- package/lib/components/ComboBox/ComboBox.js +20 -15
- package/lib/components/ComboButton/index.js +2 -1
- package/lib/components/ComposedModal/ComposedModal.js +5 -2
- package/lib/components/Copy/Copy.d.ts +1 -1
- package/lib/components/Copy/Copy.js +1 -1
- package/lib/components/CopyButton/CopyButton.d.ts +1 -1
- package/lib/components/CopyButton/CopyButton.js +1 -1
- package/lib/components/DataTable/DataTable.d.ts +60 -15
- package/lib/components/DataTable/DataTable.js +119 -178
- package/lib/components/DataTable/Table.d.ts +2 -2
- package/lib/components/DataTable/Table.js +4 -4
- package/lib/components/DataTable/TableExpandHeader.d.ts +1 -1
- package/lib/components/DataTable/TableExpandHeader.js +6 -2
- package/lib/components/DataTable/TableExpandRow.js +1 -0
- package/lib/components/DataTable/TableHeader.js +2 -0
- package/lib/components/DataTable/TableRow.js +5 -0
- package/lib/components/DataTable/TableSlugRow.js +1 -0
- package/lib/components/DataTable/TableToolbarMenu.js +3 -0
- package/lib/components/DataTable/state/sorting.d.ts +3 -1
- package/lib/components/DataTable/state/sorting.js +2 -0
- package/lib/components/DataTable/tools/sorting.js +1 -0
- package/lib/components/DatePicker/DatePicker.d.ts +0 -12
- package/lib/components/DatePicker/DatePicker.js +16 -5
- package/lib/components/DatePicker/plugins/rangePlugin.d.ts +19 -2
- package/lib/components/DatePicker/plugins/rangePlugin.js +18 -16
- package/lib/components/DatePickerInput/DatePickerInput.js +6 -0
- package/lib/components/Dialog/Dialog.js +10 -2
- package/lib/components/Dropdown/Dropdown.js +19 -18
- package/lib/components/ErrorBoundary/ErrorBoundaryContext.js +1 -0
- package/lib/components/FeatureFlags/index.js +1 -0
- package/lib/components/FileUploader/FileUploader.js +9 -2
- package/lib/components/FileUploader/FileUploaderButton.js +1 -1
- package/lib/components/FileUploader/FileUploaderDropContainer.js +1 -1
- package/lib/components/FileUploader/FileUploaderItem.js +3 -0
- package/lib/components/FluidMultiSelect/FluidMultiSelect.js +2 -0
- package/lib/components/FluidNumberInput/FluidNumberInput.js +3 -2
- package/lib/components/FluidSearch/FluidSearch.js +3 -2
- package/lib/components/FluidSelect/FluidSelect.js +3 -2
- package/lib/components/FluidTextInput/FluidTextInput.js +3 -2
- package/lib/components/FluidTimePicker/FluidTimePicker.js +11 -4
- package/lib/components/FluidTimePickerSelect/FluidTimePickerSelect.js +3 -2
- package/lib/components/Grid/CSSGrid.js +5 -0
- package/lib/components/Grid/Column.js +3 -0
- package/lib/components/Grid/ColumnHang.js +1 -0
- package/lib/components/Grid/FlexGrid.js +1 -0
- package/lib/components/Grid/Row.js +1 -0
- package/lib/components/Heading/index.js +3 -1
- package/lib/components/IconButton/index.js +5 -3
- package/lib/components/IconIndicator/index.js +4 -2
- package/lib/components/InlineCheckbox/InlineCheckbox.js +3 -2
- package/lib/components/Layout/index.js +6 -4
- package/lib/components/LayoutDirection/LayoutDirection.js +2 -0
- package/lib/components/Link/Link.js +3 -0
- package/lib/components/ListBox/ListBoxMenuItem.js +4 -1
- package/lib/components/ListBox/next/ListBoxTrigger.js +3 -2
- package/lib/components/Menu/Menu.js +6 -9
- package/lib/components/Menu/MenuContext.js +1 -0
- package/lib/components/Menu/MenuItem.d.ts +1 -1
- package/lib/components/Menu/MenuItem.js +11 -19
- package/lib/components/MenuButton/index.js +7 -2
- package/lib/components/Modal/Modal.js +4 -1
- package/lib/components/ModalWrapper/ModalWrapper.js +2 -0
- package/lib/components/MultiSelect/FilterableMultiSelect.js +32 -13
- package/lib/components/MultiSelect/MultiSelect.js +23 -18
- package/lib/components/Notification/Notification.d.ts +6 -6
- package/lib/components/Notification/Notification.js +7 -7
- package/lib/components/NumberInput/NumberInput.js +7 -1
- package/lib/components/OverflowMenu/OverflowMenu.js +3 -1
- package/lib/components/OverflowMenu/next/index.js +4 -3
- package/lib/components/OverflowMenuItem/OverflowMenuItem.js +2 -0
- package/lib/components/PageHeader/PageHeader.d.ts +3 -3
- package/lib/components/PageHeader/PageHeader.js +22 -8
- package/lib/components/Pagination/Pagination.js +6 -2
- package/lib/components/PaginationNav/PaginationNav.js +2 -5
- package/lib/components/Popover/index.js +15 -5
- package/lib/components/ProgressBar/ProgressBar.js +4 -2
- package/lib/components/RadioTile/RadioTile.js +2 -2
- package/lib/components/Search/Search.d.ts +4 -2
- package/lib/components/Search/Search.js +7 -6
- package/lib/components/Select/Select.js +2 -3
- package/lib/components/ShapeIndicator/index.js +4 -2
- package/lib/components/SkeletonPlaceholder/SkeletonPlaceholder.d.ts +4 -4
- package/lib/components/SkeletonPlaceholder/SkeletonPlaceholder.js +1 -2
- package/lib/components/SkeletonText/SkeletonText.js +0 -2
- package/lib/components/Slider/Slider.d.ts +144 -188
- package/lib/components/Slider/Slider.js +795 -725
- package/lib/components/Slider/index.d.ts +2 -2
- package/lib/components/Stack/HStack.js +1 -0
- package/lib/components/Stack/Stack.js +6 -9
- package/lib/components/Stack/VStack.js +1 -0
- package/lib/components/StructuredList/StructuredList.js +3 -0
- package/lib/components/Switch/Switch.js +1 -1
- package/lib/components/Tabs/Tabs.d.ts +4 -0
- package/lib/components/Tabs/Tabs.js +28 -17
- package/lib/components/Tag/DismissibleTag.js +2 -0
- package/lib/components/Tag/OperationalTag.js +2 -0
- package/lib/components/Tag/SelectableTag.js +2 -0
- package/lib/components/Tag/Tag.js +4 -0
- package/lib/components/Tag/isEllipsisActive.js +1 -0
- package/lib/components/Text/Text.js +1 -0
- package/lib/components/TextArea/TextArea.js +13 -6
- package/lib/components/TextInput/ControlledPasswordInput.js +3 -5
- package/lib/components/TextInput/PasswordInput.js +8 -3
- package/lib/components/TextInput/TextInput.js +5 -3
- package/lib/components/TextInput/util.d.ts +17 -5
- package/lib/components/TextInput/util.js +2 -7
- package/lib/components/Theme/index.js +8 -3
- package/lib/components/Tile/Tile.js +14 -17
- package/lib/components/TimePicker/TimePicker.js +1 -0
- package/lib/components/Toggle/Toggle.js +1 -1
- package/lib/components/Toggletip/index.js +4 -0
- package/lib/components/Tooltip/DefinitionTooltip.js +1 -0
- package/lib/components/Tooltip/Tooltip.js +30 -23
- package/lib/components/TreeView/TreeNode.js +13 -5
- package/lib/components/TreeView/TreeView.js +7 -0
- package/lib/components/UIShell/HeaderContainer.js +3 -1
- package/lib/components/UIShell/HeaderGlobalAction.js +2 -2
- package/lib/components/UIShell/HeaderMenu.js +3 -3
- package/lib/components/UIShell/HeaderPanel.d.ts +1 -1
- package/lib/components/UIShell/HeaderPanel.js +2 -2
- package/lib/components/UIShell/Link.js +2 -0
- package/lib/components/UIShell/SideNavItems.js +1 -0
- package/lib/components/UIShell/SideNavMenu.js +2 -2
- package/lib/components/UIShell/SideNavMenuItem.js +1 -1
- package/lib/components/UIShell/SideNavSwitcher.js +1 -1
- package/lib/components/UIShell/Switcher.js +2 -1
- package/lib/components/UIShell/SwitcherItem.js +4 -2
- package/lib/index.d.ts +12 -13
- package/lib/index.js +51 -28
- package/lib/internal/FloatingMenu.js +7 -1
- package/lib/internal/Selection.js +12 -3
- package/lib/internal/defaultItemToString.d.ts +7 -0
- package/lib/internal/defaultItemToString.js +19 -0
- package/lib/internal/index.d.ts +1 -0
- package/lib/internal/useMergedRefs.js +1 -0
- package/lib/internal/useNoInteractiveChildren.js +4 -0
- package/lib/internal/useOutsideClick.js +1 -0
- package/lib/internal/useOverflowItems.js +6 -0
- package/lib/internal/useResizeObserver.js +4 -0
- package/lib/internal/useSavedCallback.js +1 -0
- package/lib/internal/warning.js +1 -0
- package/lib/prop-types/deprecateValuesWithin.d.ts +8 -1
- package/lib/prop-types/deprecateValuesWithin.js +6 -8
- package/lib/prop-types/isRequiredOneOf.js +4 -1
- package/lib/prop-types/requiredIfGivenPropIsTruthy.d.ts +8 -7
- package/lib/prop-types/requiredIfGivenPropIsTruthy.js +10 -12
- package/lib/tools/events.js +3 -1
- package/lib/tools/wrapComponent.js +1 -0
- package/package.json +10 -9
- package/es/components/MultiSelect/tools/itemToString.d.ts +0 -1
- package/es/components/MultiSelect/tools/itemToString.js +0 -21
- package/es/components/Slider/index.js +0 -14
- package/es/internal/createClassWrapper.js +0 -23
- package/lib/components/MultiSelect/tools/itemToString.d.ts +0 -1
- package/lib/components/MultiSelect/tools/itemToString.js +0 -23
- package/lib/components/Slider/index.js +0 -20
- package/lib/internal/createClassWrapper.js +0 -25
package/lib/index.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
"use client";
|
|
1
2
|
/**
|
|
2
3
|
* Copyright IBM Corp. 2016, 2023
|
|
3
4
|
*
|
|
@@ -129,7 +130,8 @@ var SelectItemGroup = require('./components/SelectItemGroup/SelectItemGroup.js')
|
|
|
129
130
|
var SkeletonIcon = require('./components/SkeletonIcon/SkeletonIcon.js');
|
|
130
131
|
var SkeletonPlaceholder = require('./components/SkeletonPlaceholder/SkeletonPlaceholder.js');
|
|
131
132
|
var SkeletonText = require('./components/SkeletonText/SkeletonText.js');
|
|
132
|
-
var
|
|
133
|
+
var Slider = require('./components/Slider/Slider.js');
|
|
134
|
+
var Slider_Skeleton = require('./components/Slider/Slider.Skeleton.js');
|
|
133
135
|
var HStack = require('./components/Stack/HStack.js');
|
|
134
136
|
var Stack = require('./components/Stack/Stack.js');
|
|
135
137
|
var VStack = require('./components/Stack/VStack.js');
|
|
@@ -156,7 +158,7 @@ var TimePickerSelect = require('./components/TimePickerSelect/TimePickerSelect.j
|
|
|
156
158
|
var Toggle = require('./components/Toggle/Toggle.js');
|
|
157
159
|
var Toggle_Skeleton = require('./components/Toggle/Toggle.Skeleton.js');
|
|
158
160
|
var ToggleSmall_Skeleton = require('./components/ToggleSmall/ToggleSmall.Skeleton.js');
|
|
159
|
-
var index$
|
|
161
|
+
var index$d = require('./components/Toggletip/index.js');
|
|
160
162
|
var TreeNode = require('./components/TreeView/TreeNode.js');
|
|
161
163
|
var TreeView = require('./components/TreeView/TreeView.js');
|
|
162
164
|
var Content = require('./components/UIShell/Content.js');
|
|
@@ -212,14 +214,14 @@ var FluidNumberInput_Skeleton = require('./components/FluidNumberInput/FluidNumb
|
|
|
212
214
|
var FluidTimePicker = require('./components/FluidTimePicker/FluidTimePicker.js');
|
|
213
215
|
var FluidTimePicker_Skeleton = require('./components/FluidTimePicker/FluidTimePicker.Skeleton.js');
|
|
214
216
|
var FluidTimePickerSelect = require('./components/FluidTimePickerSelect/FluidTimePickerSelect.js');
|
|
215
|
-
var index$
|
|
216
|
-
var index$
|
|
217
|
-
var index$
|
|
217
|
+
var index$e = require('./components/Heading/index.js');
|
|
218
|
+
var index$f = require('./components/IconButton/index.js');
|
|
219
|
+
var index$g = require('./components/Layer/index.js');
|
|
218
220
|
var index$3 = require('./components/Layout/index.js');
|
|
219
221
|
var LayoutDirection = require('./components/LayoutDirection/LayoutDirection.js');
|
|
220
222
|
var useLayoutDirection = require('./components/LayoutDirection/useLayoutDirection.js');
|
|
221
223
|
var index$4 = require('./components/OverflowMenuV2/index.js');
|
|
222
|
-
var index$
|
|
224
|
+
var index$h = require('./components/Popover/index.js');
|
|
223
225
|
var ProgressBar = require('./components/ProgressBar/ProgressBar.js');
|
|
224
226
|
var index$5 = require('./components/AILabel/index.js');
|
|
225
227
|
var index$6 = require('./components/IconIndicator/index.js');
|
|
@@ -232,14 +234,13 @@ var AISkeletonText = require('./components/AISkeleton/AISkeletonText.js');
|
|
|
232
234
|
var DefinitionTooltip = require('./components/Tooltip/DefinitionTooltip.js');
|
|
233
235
|
var Tooltip = require('./components/Tooltip/Tooltip.js');
|
|
234
236
|
require('./components/Text/index.js');
|
|
235
|
-
var index$
|
|
237
|
+
var index$i = require('./components/Theme/index.js');
|
|
236
238
|
var usePrefix = require('./internal/usePrefix.js');
|
|
237
239
|
var useIdPrefix = require('./internal/useIdPrefix.js');
|
|
238
240
|
var PageSelector = require('./components/Pagination/experimental/PageSelector.js');
|
|
239
241
|
var Pagination = require('./components/Pagination/experimental/Pagination.js');
|
|
240
242
|
var ContainedListItem = require('./components/ContainedList/ContainedListItem/ContainedListItem.js');
|
|
241
243
|
var ContainedList = require('./components/ContainedList/ContainedList.js');
|
|
242
|
-
var Slider_Skeleton = require('./components/Slider/Slider.Skeleton.js');
|
|
243
244
|
var Text = require('./components/Text/Text.js');
|
|
244
245
|
var TextDirection = require('./components/Text/TextDirection.js');
|
|
245
246
|
|
|
@@ -386,7 +387,8 @@ exports.SelectItemGroup = SelectItemGroup.default;
|
|
|
386
387
|
exports.SkeletonIcon = SkeletonIcon.default;
|
|
387
388
|
exports.SkeletonPlaceholder = SkeletonPlaceholder.default;
|
|
388
389
|
exports.SkeletonText = SkeletonText.default;
|
|
389
|
-
exports.Slider =
|
|
390
|
+
exports.Slider = Slider.Slider;
|
|
391
|
+
exports.SliderSkeleton = Slider_Skeleton.default;
|
|
390
392
|
exports.HStack = HStack.HStack;
|
|
391
393
|
exports.Stack = Stack.Stack;
|
|
392
394
|
exports.VStack = VStack.VStack;
|
|
@@ -430,11 +432,11 @@ exports.TimePickerSelect = TimePickerSelect.default;
|
|
|
430
432
|
exports.Toggle = Toggle.Toggle;
|
|
431
433
|
exports.ToggleSkeleton = Toggle_Skeleton.default;
|
|
432
434
|
exports.ToggleSmallSkeleton = ToggleSmall_Skeleton.ToggleSmallSkeleton;
|
|
433
|
-
exports.Toggletip = index$
|
|
434
|
-
exports.ToggletipActions = index$
|
|
435
|
-
exports.ToggletipButton = index$
|
|
436
|
-
exports.ToggletipContent = index$
|
|
437
|
-
exports.ToggletipLabel = index$
|
|
435
|
+
exports.Toggletip = index$d.Toggletip;
|
|
436
|
+
exports.ToggletipActions = index$d.ToggletipActions;
|
|
437
|
+
exports.ToggletipButton = index$d.ToggletipButton;
|
|
438
|
+
exports.ToggletipContent = index$d.ToggletipContent;
|
|
439
|
+
exports.ToggletipLabel = index$d.ToggletipLabel;
|
|
438
440
|
exports.TreeNode = TreeNode.default;
|
|
439
441
|
exports.TreeView = TreeView.default;
|
|
440
442
|
exports.Content = Content.default;
|
|
@@ -467,40 +469,62 @@ exports.SideNavMenu = SideNavMenu.default;
|
|
|
467
469
|
exports.SideNavMenuItem = SideNavMenuItem.default;
|
|
468
470
|
exports.SideNavSwitcher = SideNavSwitcher.default;
|
|
469
471
|
exports.UnorderedList = UnorderedList.default;
|
|
472
|
+
exports.FluidComboBox = FluidComboBox.default;
|
|
470
473
|
exports.unstable__FluidComboBox = FluidComboBox.default;
|
|
474
|
+
exports.FluidComboBoxSkeleton = FluidComboBox_Skeleton.default;
|
|
471
475
|
exports.unstable__FluidComboBoxSkeleton = FluidComboBox_Skeleton.default;
|
|
476
|
+
exports.FluidDatePicker = FluidDatePicker.default;
|
|
472
477
|
exports.unstable__FluidDatePicker = FluidDatePicker.default;
|
|
478
|
+
exports.FluidDatePickerSkeleton = FluidDatePicker_Skeleton.default;
|
|
473
479
|
exports.unstable__FluidDatePickerSkeleton = FluidDatePicker_Skeleton.default;
|
|
480
|
+
exports.FluidDatePickerInput = FluidDatePickerInput.default;
|
|
474
481
|
exports.unstable__FluidDatePickerInput = FluidDatePickerInput.default;
|
|
482
|
+
exports.FluidDropdown = FluidDropdown.default;
|
|
475
483
|
exports.unstable__FluidDropdown = FluidDropdown.default;
|
|
484
|
+
exports.FluidDropdownSkeleton = FluidDropdown_Skeleton.default;
|
|
476
485
|
exports.unstable__FluidDropdownSkeleton = FluidDropdown_Skeleton.default;
|
|
486
|
+
exports.FluidMultiSelect = FluidMultiSelect.default;
|
|
477
487
|
exports.unstable__FluidMultiSelect = FluidMultiSelect.default;
|
|
488
|
+
exports.FluidMultiSelectSkeleton = FluidMultiSelect_Skeleton.default;
|
|
478
489
|
exports.unstable__FluidMultiSelectSkeleton = FluidMultiSelect_Skeleton.default;
|
|
490
|
+
exports.FluidSelect = FluidSelect.default;
|
|
479
491
|
exports.unstable__FluidSelect = FluidSelect.default;
|
|
492
|
+
exports.FluidSelectSkeleton = FluidSelect_Skeleton.default;
|
|
480
493
|
exports.unstable__FluidSelectSkeleton = FluidSelect_Skeleton.default;
|
|
494
|
+
exports.FluidSearch = FluidSearch.default;
|
|
481
495
|
exports.unstable__FluidSearch = FluidSearch.default;
|
|
496
|
+
exports.FluidSearchSkeleton = FluidSearch_Skeleton.default;
|
|
482
497
|
exports.unstable__FluidSearchSkeleton = FluidSearch_Skeleton.default;
|
|
498
|
+
exports.FluidTextArea = FluidTextArea.default;
|
|
483
499
|
exports.unstable__FluidTextArea = FluidTextArea.default;
|
|
500
|
+
exports.FluidTextAreaSkeleton = FluidTextArea_Skeleton.default;
|
|
484
501
|
exports.unstable__FluidTextAreaSkeleton = FluidTextArea_Skeleton.default;
|
|
502
|
+
exports.FluidTextInput = FluidTextInput.default;
|
|
485
503
|
exports.unstable__FluidTextInput = FluidTextInput.default;
|
|
504
|
+
exports.FluidTextInputSkeleton = FluidTextInput_Skeleton.default;
|
|
486
505
|
exports.unstable__FluidTextInputSkeleton = FluidTextInput_Skeleton.default;
|
|
506
|
+
exports.FluidNumberInput = FluidNumberInput.default;
|
|
487
507
|
exports.unstable__FluidNumberInput = FluidNumberInput.default;
|
|
508
|
+
exports.FluidNumberInputSkeleton = FluidNumberInput_Skeleton.default;
|
|
488
509
|
exports.unstable__FluidNumberInputSkeleton = FluidNumberInput_Skeleton.default;
|
|
510
|
+
exports.FluidTimePicker = FluidTimePicker.default;
|
|
489
511
|
exports.unstable__FluidTimePicker = FluidTimePicker.default;
|
|
512
|
+
exports.FluidTimePickerSkeleton = FluidTimePicker_Skeleton.default;
|
|
490
513
|
exports.unstable__FluidTimePickerSkeleton = FluidTimePicker_Skeleton.default;
|
|
514
|
+
exports.FluidTimePickerSelect = FluidTimePickerSelect.default;
|
|
491
515
|
exports.unstable__FluidTimePickerSelect = FluidTimePickerSelect.default;
|
|
492
|
-
exports.Heading = index$
|
|
493
|
-
exports.Section = index$
|
|
494
|
-
exports.IconButton = index$
|
|
495
|
-
exports.IconButtonKinds = index$
|
|
496
|
-
exports.Layer = index$
|
|
497
|
-
exports.useLayer = index$
|
|
516
|
+
exports.Heading = index$e.Heading;
|
|
517
|
+
exports.Section = index$e.Section;
|
|
518
|
+
exports.IconButton = index$f.IconButton;
|
|
519
|
+
exports.IconButtonKinds = index$f.IconButtonKinds;
|
|
520
|
+
exports.Layer = index$g.Layer;
|
|
521
|
+
exports.useLayer = index$g.useLayer;
|
|
498
522
|
exports.unstable_Layout = index$3.Layout;
|
|
499
523
|
exports.unstable_LayoutDirection = LayoutDirection.LayoutDirection;
|
|
500
524
|
exports.unstable_useLayoutDirection = useLayoutDirection.useLayoutDirection;
|
|
501
525
|
exports.unstable_OverflowMenuV2 = index$4.OverflowMenuV2;
|
|
502
|
-
exports.Popover = index$
|
|
503
|
-
exports.PopoverContent = index$
|
|
526
|
+
exports.Popover = index$h.Popover;
|
|
527
|
+
exports.PopoverContent = index$h.PopoverContent;
|
|
504
528
|
exports.ProgressBar = ProgressBar.default;
|
|
505
529
|
exports.AILabel = index$5.AILabel;
|
|
506
530
|
exports.AILabelActions = index$5.AILabelActions;
|
|
@@ -520,11 +544,11 @@ exports.AISkeletonText = AISkeletonText.default;
|
|
|
520
544
|
exports.unstable__AiSkeletonText = AISkeletonText.default;
|
|
521
545
|
exports.DefinitionTooltip = DefinitionTooltip.DefinitionTooltip;
|
|
522
546
|
exports.Tooltip = Tooltip.Tooltip;
|
|
523
|
-
exports.GlobalTheme = index$
|
|
524
|
-
exports.Theme = index$
|
|
525
|
-
exports.ThemeContext = index$
|
|
526
|
-
exports.usePrefersDarkScheme = index$
|
|
527
|
-
exports.useTheme = index$
|
|
547
|
+
exports.GlobalTheme = index$i.GlobalTheme;
|
|
548
|
+
exports.Theme = index$i.Theme;
|
|
549
|
+
exports.ThemeContext = index$i.ThemeContext;
|
|
550
|
+
exports.usePrefersDarkScheme = index$i.usePrefersDarkScheme;
|
|
551
|
+
exports.useTheme = index$i.useTheme;
|
|
528
552
|
exports.PrefixContext = usePrefix.PrefixContext;
|
|
529
553
|
exports.usePrefix = usePrefix.usePrefix;
|
|
530
554
|
exports.useIdPrefix = useIdPrefix.useIdPrefix;
|
|
@@ -532,6 +556,5 @@ exports.unstable_PageSelector = PageSelector.default;
|
|
|
532
556
|
exports.unstable_Pagination = Pagination.default;
|
|
533
557
|
exports.ContainedListItem = ContainedListItem.default;
|
|
534
558
|
exports.ContainedList = ContainedList.default;
|
|
535
|
-
exports.SliderSkeleton = Slider_Skeleton.default;
|
|
536
559
|
exports.unstable_Text = Text.Text;
|
|
537
560
|
exports.unstable_TextDirection = TextDirection.TextDirection;
|
|
@@ -219,6 +219,7 @@ const FloatingMenu = ({
|
|
|
219
219
|
}
|
|
220
220
|
placeInProgressRef.current = false;
|
|
221
221
|
}
|
|
222
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
|
|
222
223
|
}, [floatingPosition, onPlace]);
|
|
223
224
|
|
|
224
225
|
// Attach a resize listener.
|
|
@@ -229,11 +230,13 @@ const FloatingMenu = ({
|
|
|
229
230
|
return () => {
|
|
230
231
|
resizeHandler.remove();
|
|
231
232
|
};
|
|
233
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
|
|
232
234
|
}, [triggerRef, menuOffset, menuDirection, flipped, target, updateOrientation]);
|
|
233
235
|
|
|
234
236
|
// Update menu position when key props change.
|
|
235
237
|
React.useEffect(() => {
|
|
236
238
|
updateMenuPosition();
|
|
239
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
|
|
237
240
|
}, [menuOffset, menuDirection, flipped, triggerRef, target, updateOrientation]);
|
|
238
241
|
|
|
239
242
|
/**
|
|
@@ -295,7 +298,10 @@ const FloatingMenu = ({
|
|
|
295
298
|
const focusTrapWithoutSentinels = FeatureFlags__namespace.enabled('enable-experimental-focus-wrap-without-sentinels');
|
|
296
299
|
if (typeof document !== 'undefined') {
|
|
297
300
|
const portalTarget = target ? target() : document.body;
|
|
298
|
-
return /*#__PURE__*/ReactDOM.createPortal(
|
|
301
|
+
return /*#__PURE__*/ReactDOM.createPortal(
|
|
302
|
+
/*#__PURE__*/
|
|
303
|
+
// eslint-disable-next-line jsx-a11y/no-static-element-interactions -- https://github.com/carbon-design-system/carbon/issues/20071
|
|
304
|
+
React.createElement("div", {
|
|
299
305
|
onBlur: focusTrap && !focusTrapWithoutSentinels ? handleBlur : undefined,
|
|
300
306
|
onKeyDown: focusTrapWithoutSentinels ? handleKeyDown : undefined
|
|
301
307
|
}, !focusTrapWithoutSentinels && /*#__PURE__*/React.createElement("span", {
|
|
@@ -44,21 +44,28 @@ const useSelection = ({
|
|
|
44
44
|
const savedOnChange = React.useRef(onChange);
|
|
45
45
|
const [uncontrolledItems, setUncontrolledItems] = React.useState(initialSelectedItems);
|
|
46
46
|
const isControlled = !!controlledItems;
|
|
47
|
+
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20071
|
|
47
48
|
const selectedItems = isControlled ? controlledItems : uncontrolledItems;
|
|
48
49
|
const onItemChange = React.useCallback(item => {
|
|
49
50
|
if (disabled) return;
|
|
50
51
|
|
|
51
52
|
// Assert special properties (e.g., `disabled`, `isSelectAll`, etc.) are
|
|
52
53
|
// `any` since those properties aren’t part of the generic type.
|
|
53
|
-
const allSelectableItems = filteredItems.filter(
|
|
54
|
-
|
|
54
|
+
const allSelectableItems = filteredItems.filter(
|
|
55
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
|
|
56
|
+
item => !item?.disabled && !item?.isSelectAll);
|
|
57
|
+
const disabledItemCount = filteredItems.filter(
|
|
58
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
|
|
59
|
+
item => item?.disabled).length;
|
|
55
60
|
let newSelectedItems;
|
|
56
61
|
|
|
57
62
|
// deselect all on click to All/indeterminate option
|
|
63
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
|
|
58
64
|
if (item?.isSelectAll && selectedItems.length > 0) {
|
|
59
65
|
newSelectedItems = [];
|
|
60
66
|
}
|
|
61
67
|
// select all options
|
|
68
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
|
|
62
69
|
else if (item?.isSelectAll && selectedItems.length === 0) {
|
|
63
70
|
newSelectedItems = allSelectableItems;
|
|
64
71
|
} else {
|
|
@@ -71,7 +78,9 @@ const useSelection = ({
|
|
|
71
78
|
}
|
|
72
79
|
} else {
|
|
73
80
|
newSelectedItems = removeAtIndex(selectedItems, selectedIndex);
|
|
74
|
-
newSelectedItems = newSelectedItems.filter(
|
|
81
|
+
newSelectedItems = newSelectedItems.filter(
|
|
82
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
|
|
83
|
+
item => !item?.isSelectAll);
|
|
75
84
|
}
|
|
76
85
|
}
|
|
77
86
|
callOnChangeHandler({
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2016, 2025
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
export declare const defaultItemToString: <ItemType>(item: ItemType | null) => string;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2016, 2023
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
'use strict';
|
|
9
|
+
|
|
10
|
+
const defaultItemToString = item => {
|
|
11
|
+
if (typeof item === 'string') return item;
|
|
12
|
+
if (typeof item === 'number') return `${item}`;
|
|
13
|
+
if (item && typeof item === 'object' && 'label' in item && typeof item.label === 'string') {
|
|
14
|
+
return item.label;
|
|
15
|
+
}
|
|
16
|
+
return '';
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
exports.defaultItemToString = defaultItemToString;
|
package/lib/internal/index.d.ts
CHANGED
|
@@ -18,6 +18,7 @@ var React = require('react');
|
|
|
18
18
|
* node, assigns that node to every ref in the array.
|
|
19
19
|
*/
|
|
20
20
|
const useMergedRefs = refs => {
|
|
21
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
|
|
21
22
|
const memoizedRefs = React.useMemo(() => refs, refs);
|
|
22
23
|
return React.useCallback(node => {
|
|
23
24
|
memoizedRefs.forEach(ref => {
|
|
@@ -16,13 +16,16 @@ const useNoInteractiveChildren = (ref, message = 'component should have no inter
|
|
|
16
16
|
/*
|
|
17
17
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
18
18
|
*/
|
|
19
|
+
// eslint-disable-next-line react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20071
|
|
19
20
|
React.useEffect(() => {
|
|
20
21
|
const node = ref.current ? getInteractiveContent(ref.current) : false;
|
|
21
22
|
if (node) {
|
|
22
23
|
const errorMessage = `Error: ${message}.\n\nInstead found: ${node.outerHTML}`;
|
|
24
|
+
// eslint-disable-next-line no-console -- https://github.com/carbon-design-system/carbon/issues/20071
|
|
23
25
|
console.error(errorMessage);
|
|
24
26
|
throw new Error(errorMessage);
|
|
25
27
|
}
|
|
28
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
|
|
26
29
|
}, []);
|
|
27
30
|
}
|
|
28
31
|
};
|
|
@@ -33,6 +36,7 @@ const useInteractiveChildrenNeedDescription = (ref, message = `interactive child
|
|
|
33
36
|
/*
|
|
34
37
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
35
38
|
*/
|
|
39
|
+
// eslint-disable-next-line react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20071
|
|
36
40
|
React.useEffect(() => {
|
|
37
41
|
const node = ref.current ? getInteractiveContent(ref.current) : false;
|
|
38
42
|
if (node && !node.hasAttribute('aria-describedby')) {
|
|
@@ -25,6 +25,7 @@ const useOutsideClick = (ref, callback) => {
|
|
|
25
25
|
/*
|
|
26
26
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
27
27
|
*/
|
|
28
|
+
// eslint-disable-next-line react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20071
|
|
28
29
|
useEvent.useWindowEvent('click', event => {
|
|
29
30
|
const {
|
|
30
31
|
target
|
|
@@ -40,6 +40,7 @@ const useOverflowItems = (items, containerRef, offsetRef, maxItems, onChange) =>
|
|
|
40
40
|
setMaxWidth(newMax);
|
|
41
41
|
}
|
|
42
42
|
};
|
|
43
|
+
// eslint-disable-next-line react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20071
|
|
43
44
|
useResizeObserver.useResizeObserver({
|
|
44
45
|
ref: containerRef,
|
|
45
46
|
onResize: handleResize
|
|
@@ -89,14 +90,17 @@ const useOverflowItems = (items, containerRef, offsetRef, maxItems, onChange) =>
|
|
|
89
90
|
};
|
|
90
91
|
|
|
91
92
|
// 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/20071
|
|
92
94
|
const visibleItems = React.useMemo(() => {
|
|
93
95
|
if (!Array.isArray(items)) {
|
|
94
96
|
return [];
|
|
95
97
|
}
|
|
96
98
|
return getVisibleItems();
|
|
99
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
|
|
97
100
|
}, [items, maxWidth, maxItems]);
|
|
98
101
|
|
|
99
102
|
// Memoize hidden items calculation
|
|
103
|
+
// eslint-disable-next-line react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20071
|
|
100
104
|
const hiddenItems = React.useMemo(() => {
|
|
101
105
|
if (!Array.isArray(items)) {
|
|
102
106
|
return [];
|
|
@@ -105,9 +109,11 @@ const useOverflowItems = (items, containerRef, offsetRef, maxItems, onChange) =>
|
|
|
105
109
|
}, [items, visibleItems]);
|
|
106
110
|
|
|
107
111
|
// 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/20071
|
|
108
113
|
const previousHiddenItems = usePreviousValue.usePreviousValue(hiddenItems);
|
|
109
114
|
|
|
110
115
|
// 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/20071
|
|
111
117
|
React.useEffect(() => {
|
|
112
118
|
}, [hiddenItems, previousHiddenItems, onChange]);
|
|
113
119
|
return {
|
|
@@ -37,6 +37,7 @@ const useResizeObserver = ({
|
|
|
37
37
|
return;
|
|
38
38
|
}
|
|
39
39
|
getInitialSize();
|
|
40
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
|
|
40
41
|
}, [width, height]);
|
|
41
42
|
React.useLayoutEffect(() => {
|
|
42
43
|
if (!ref?.current) {
|
|
@@ -49,6 +50,8 @@ const useResizeObserver = ({
|
|
|
49
50
|
const entry = entriesToHandle.current[0];
|
|
50
51
|
setWidth(entry.contentRect.width);
|
|
51
52
|
setHeight(entry.contentRect.height);
|
|
53
|
+
|
|
54
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-expressions -- https://github.com/carbon-design-system/carbon/issues/20071
|
|
52
55
|
cb.current && cb.current(entry.contentRect);
|
|
53
56
|
};
|
|
54
57
|
const observer = new ResizeObserver(entries => {
|
|
@@ -65,6 +68,7 @@ const useResizeObserver = ({
|
|
|
65
68
|
return () => {
|
|
66
69
|
observer.disconnect();
|
|
67
70
|
};
|
|
71
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
|
|
68
72
|
}, []);
|
|
69
73
|
return {
|
|
70
74
|
width,
|
|
@@ -17,6 +17,7 @@ var React = require('react');
|
|
|
17
17
|
*
|
|
18
18
|
* @param callback - The callback to track.
|
|
19
19
|
*/
|
|
20
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
|
|
20
21
|
const useSavedCallback = callback => {
|
|
21
22
|
const savedCallback = React.useRef(callback);
|
|
22
23
|
React.useEffect(() => {
|
package/lib/internal/warning.js
CHANGED
|
@@ -24,6 +24,7 @@ const warning = process.env.NODE_ENV !== 'production' ? (condition, message) =>
|
|
|
24
24
|
throw new Error('`warning(condition, message)` requires a warning ' + 'format argument');
|
|
25
25
|
}
|
|
26
26
|
if (!condition) {
|
|
27
|
+
// eslint-disable-next-line no-console -- https://github.com/carbon-design-system/carbon/issues/20071
|
|
27
28
|
console.warn('Warning: ' + message);
|
|
28
29
|
}
|
|
29
30
|
} : noopFn.noopFn;
|
|
@@ -1 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2016, 2025
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
import type { Requireable, Validator } from 'prop-types';
|
|
8
|
+
export declare const deprecateValuesWithin: <T>(propType: Requireable<T>, allowedValues?: readonly unknown[], propMappingFunction?: (deprecatedValue: T) => T) => Validator<T> | Requireable<T>;
|
|
@@ -7,15 +7,13 @@
|
|
|
7
7
|
|
|
8
8
|
'use strict';
|
|
9
9
|
|
|
10
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
11
|
-
|
|
12
10
|
var warning = require('../internal/warning.js');
|
|
13
11
|
|
|
14
12
|
const didWarnAboutDeprecation = {};
|
|
15
|
-
|
|
16
|
-
return
|
|
17
|
-
if (props[propName] === undefined) {
|
|
18
|
-
return;
|
|
13
|
+
const deprecateValuesWithin = (propType, allowedValues, propMappingFunction) => {
|
|
14
|
+
return (props, propName, componentName, ...rest) => {
|
|
15
|
+
if (typeof props[propName] === 'undefined') {
|
|
16
|
+
return null;
|
|
19
17
|
}
|
|
20
18
|
if (!didWarnAboutDeprecation[componentName] || !didWarnAboutDeprecation[componentName][propName]) {
|
|
21
19
|
didWarnAboutDeprecation[componentName] = {
|
|
@@ -31,6 +29,6 @@ function deprecateValuesWithin(propType, allowedValues, propMappingFunction) {
|
|
|
31
29
|
}
|
|
32
30
|
return propType(props, propName, componentName, ...rest);
|
|
33
31
|
};
|
|
34
|
-
}
|
|
32
|
+
};
|
|
35
33
|
|
|
36
|
-
exports.
|
|
34
|
+
exports.deprecateValuesWithin = deprecateValuesWithin;
|
|
@@ -15,9 +15,12 @@
|
|
|
15
15
|
* are the names of the props, and the values are the prop-type validators.
|
|
16
16
|
* @returns A new object of wrapped prop-type validators.
|
|
17
17
|
*/
|
|
18
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
|
|
18
19
|
const isRequiredOneOf = propTypes => {
|
|
19
20
|
const names = Object.keys(propTypes);
|
|
20
|
-
const checker = propType =>
|
|
21
|
+
const checker = propType =>
|
|
22
|
+
// eslint-disable-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
|
|
23
|
+
(props, propName, componentName, ...rest) => {
|
|
21
24
|
if (process.env.NODE_ENV !== 'production' && names.every(name => typeof props[name] === 'undefined')) {
|
|
22
25
|
return new Error(`${componentName} requires one of the following props: ${names.join(', ')}`);
|
|
23
26
|
}
|
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Copyright IBM Corp. 2016,
|
|
2
|
+
* Copyright IBM Corp. 2016, 2025
|
|
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.
|
|
6
6
|
*/
|
|
7
|
+
import type { Validator } from 'prop-types';
|
|
7
8
|
/**
|
|
8
|
-
* @param
|
|
9
|
-
*
|
|
10
|
-
* @param
|
|
11
|
-
* @returns
|
|
12
|
-
*
|
|
9
|
+
* @param name The name of the prop that must exist to validate the current
|
|
10
|
+
* prop.
|
|
11
|
+
* @param propType The original prop type checker.
|
|
12
|
+
* @returns The new prop type checker for the current prop that becomes required
|
|
13
|
+
* if the prop corresponding to the provided prop name exists.
|
|
13
14
|
*/
|
|
14
|
-
export
|
|
15
|
+
export declare const requiredIfGivenPropIsTruthy: <T>(name: string, propType: Validator<T>) => Validator<T>;
|
|
@@ -7,22 +7,20 @@
|
|
|
7
7
|
|
|
8
8
|
'use strict';
|
|
9
9
|
|
|
10
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
11
|
-
|
|
12
10
|
/**
|
|
13
|
-
* @param
|
|
14
|
-
*
|
|
15
|
-
* @param
|
|
16
|
-
* @returns
|
|
17
|
-
*
|
|
11
|
+
* @param name The name of the prop that must exist to validate the current
|
|
12
|
+
* prop.
|
|
13
|
+
* @param propType The original prop type checker.
|
|
14
|
+
* @returns The new prop type checker for the current prop that becomes required
|
|
15
|
+
* if the prop corresponding to the provided prop name exists.
|
|
18
16
|
*/
|
|
19
|
-
|
|
20
|
-
return
|
|
21
|
-
if (process.env.NODE_ENV !== 'production' && props[name]
|
|
17
|
+
const requiredIfGivenPropIsTruthy = (name, propType) => {
|
|
18
|
+
return (props, propName, componentName, ...rest) => {
|
|
19
|
+
if (process.env.NODE_ENV !== 'production' && props[name] === true && props[propName] === null) {
|
|
22
20
|
return new Error(`You must provide a value for \`${propName}\` in \`${componentName}\` if \`${name}\` exists.`);
|
|
23
21
|
}
|
|
24
22
|
return propType(props, propName, componentName, ...rest);
|
|
25
23
|
};
|
|
26
|
-
}
|
|
24
|
+
};
|
|
27
25
|
|
|
28
|
-
exports.
|
|
26
|
+
exports.requiredIfGivenPropIsTruthy = requiredIfGivenPropIsTruthy;
|
package/lib/tools/events.js
CHANGED
|
@@ -16,7 +16,9 @@
|
|
|
16
16
|
* @param handlers - An array of event handler functions.
|
|
17
17
|
* @returns A composite event handler.
|
|
18
18
|
*/
|
|
19
|
-
const composeEventHandlers = handlers =>
|
|
19
|
+
const composeEventHandlers = handlers =>
|
|
20
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
|
|
21
|
+
(event, ...args) => {
|
|
20
22
|
for (const handler of handlers) {
|
|
21
23
|
if (event.defaultPrevented) {
|
|
22
24
|
break;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@carbon/react",
|
|
3
3
|
"description": "React components for the Carbon Design System",
|
|
4
|
-
"version": "1.
|
|
4
|
+
"version": "1.91.0-rc.0",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
7
7
|
"types": "lib/index.d.ts",
|
|
@@ -53,10 +53,10 @@
|
|
|
53
53
|
"dependencies": {
|
|
54
54
|
"@babel/runtime": "^7.27.3",
|
|
55
55
|
"@carbon/feature-flags": "^0.30.0",
|
|
56
|
-
"@carbon/icons-react": "^11.
|
|
57
|
-
"@carbon/layout": "^11.
|
|
58
|
-
"@carbon/styles": "^1.
|
|
59
|
-
"@carbon/utilities": "^0.
|
|
56
|
+
"@carbon/icons-react": "^11.67.0-rc.0",
|
|
57
|
+
"@carbon/layout": "^11.41.0-rc.0",
|
|
58
|
+
"@carbon/styles": "^1.90.0-rc.0",
|
|
59
|
+
"@carbon/utilities": "^0.10.0-rc.0",
|
|
60
60
|
"@floating-ui/react": "^0.27.4",
|
|
61
61
|
"@ibm/telemetry-js": "^1.5.0",
|
|
62
62
|
"classnames": "2.5.1",
|
|
@@ -79,8 +79,8 @@
|
|
|
79
79
|
"@babel/preset-env": "^7.27.2",
|
|
80
80
|
"@babel/preset-react": "^7.27.1",
|
|
81
81
|
"@babel/preset-typescript": "^7.27.1",
|
|
82
|
-
"@carbon/test-utils": "^10.38.0
|
|
83
|
-
"@carbon/themes": "^11.
|
|
82
|
+
"@carbon/test-utils": "^10.38.0",
|
|
83
|
+
"@carbon/themes": "^11.60.0-rc.0",
|
|
84
84
|
"@figma/code-connect": "^1.3.2",
|
|
85
85
|
"@rollup/plugin-babel": "^6.0.0",
|
|
86
86
|
"@rollup/plugin-commonjs": "^28.0.3",
|
|
@@ -116,13 +116,14 @@
|
|
|
116
116
|
"remark-gfm": "^4.0.0",
|
|
117
117
|
"rimraf": "^6.0.1",
|
|
118
118
|
"rollup": "^4.41.1",
|
|
119
|
+
"rollup-plugin-preserve-directives": "^0.4.0",
|
|
119
120
|
"rollup-plugin-strip-banner": "^3.0.0",
|
|
120
121
|
"sass": "^1.77.7",
|
|
121
122
|
"sass-loader": "^16.0.0",
|
|
122
123
|
"storybook": "^9.0.5",
|
|
123
124
|
"stream-browserify": "^3.0.0",
|
|
124
125
|
"style-loader": "^4.0.0",
|
|
125
|
-
"typescript-config-carbon": "^0.
|
|
126
|
+
"typescript-config-carbon": "^0.7.0",
|
|
126
127
|
"use-sync-external-store": "^1.5.0",
|
|
127
128
|
"webpack": "^5.65.0",
|
|
128
129
|
"webpack-dev-server": "^5.0.0"
|
|
@@ -138,5 +139,5 @@
|
|
|
138
139
|
"**/*.scss",
|
|
139
140
|
"**/*.css"
|
|
140
141
|
],
|
|
141
|
-
"gitHead": "
|
|
142
|
+
"gitHead": "d70cdbd45cfce813ce7ec6b396fcfa95ad2a81b6"
|
|
142
143
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export function defaultItemToString(item: any): any;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright IBM Corp. 2016, 2023
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
import invariant from 'invariant';
|
|
9
|
-
|
|
10
|
-
const itemToString = item => {
|
|
11
|
-
!(typeof item.label === 'string') ? process.env.NODE_ENV !== "production" ? invariant(false, '[MultiSelect] the default `itemToString` method expected to receive ' + 'an item with a `label` field of type `string`. Instead received: `%s`', typeof item.label) : invariant(false) : void 0;
|
|
12
|
-
return item.label || '';
|
|
13
|
-
};
|
|
14
|
-
const defaultItemToString = item => {
|
|
15
|
-
if (Array.isArray(item)) {
|
|
16
|
-
return item.map(itemToString);
|
|
17
|
-
}
|
|
18
|
-
return itemToString(item);
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
export { defaultItemToString };
|