@carbon/react 1.82.1 → 1.83.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 +943 -828
- package/es/components/AILabel/index.js +13 -13
- package/es/components/AISkeleton/AISkeletonIcon.js +2 -2
- package/es/components/AISkeleton/AISkeletonPlaceholder.js +2 -2
- package/es/components/AISkeleton/AISkeletonText.js +2 -2
- package/es/components/Accordion/Accordion.Skeleton.js +15 -15
- package/es/components/Accordion/Accordion.js +3 -3
- package/es/components/Accordion/AccordionItem.js +9 -9
- package/es/components/Accordion/AccordionProvider.js +2 -2
- package/es/components/AccordionItem/index.d.ts +9 -0
- package/es/components/AspectRatio/AspectRatio.js +2 -2
- package/es/components/BadgeIndicator/index.js +3 -3
- package/es/components/Breadcrumb/Breadcrumb.Skeleton.js +5 -5
- package/es/components/Breadcrumb/Breadcrumb.js +3 -3
- package/es/components/Breadcrumb/BreadcrumbItem.js +9 -9
- package/es/components/Button/Button.Skeleton.js +3 -3
- package/es/components/Button/Button.js +5 -5
- package/es/components/Button/ButtonBase.js +5 -5
- package/es/components/ButtonSet/ButtonSet.js +2 -2
- package/es/components/ChatButton/ChatButton.Skeleton.js +2 -2
- package/es/components/ChatButton/ChatButton.js +3 -3
- package/es/components/Checkbox/Checkbox.Skeleton.js +4 -4
- package/es/components/Checkbox/Checkbox.js +15 -15
- package/es/components/CheckboxGroup/CheckboxGroup.js +12 -12
- package/es/components/ClassPrefix/index.js +2 -2
- package/es/components/CodeSnippet/CodeSnippet.Skeleton.js +7 -7
- package/es/components/CodeSnippet/CodeSnippet.js +16 -16
- package/es/components/ComboBox/ComboBox.js +18 -18
- package/es/components/ComboButton/index.js +7 -7
- package/es/components/ComposedModal/ComposedModal.js +20 -20
- package/es/components/ComposedModal/ModalFooter.js +8 -8
- package/es/components/ComposedModal/ModalHeader.js +8 -8
- package/es/components/ContainedList/ContainedList.js +7 -7
- package/es/components/ContainedList/ContainedListItem/ContainedListItem.js +7 -7
- package/es/components/ContentSwitcher/ContentSwitcher.d.ts +8 -0
- package/es/components/ContentSwitcher/ContentSwitcher.js +13 -7
- package/es/components/Copy/Copy.js +2 -2
- package/es/components/CopyButton/CopyButton.js +4 -4
- package/es/components/DangerButton/DangerButton.js +2 -2
- package/es/components/DataTable/DataTable.d.ts +81 -283
- package/es/components/DataTable/DataTable.js +83 -123
- package/es/components/DataTable/Table.d.ts +2 -2
- package/es/components/DataTable/Table.js +4 -4
- package/es/components/DataTable/TableActionList.d.ts +1 -1
- package/es/components/DataTable/TableBatchAction.js +2 -2
- package/es/components/DataTable/TableBatchActions.js +9 -9
- package/es/components/DataTable/TableBody.d.ts +3 -3
- package/es/components/DataTable/TableBody.js +2 -2
- package/es/components/DataTable/TableCell.d.ts +3 -4
- package/es/components/DataTable/TableCell.js +2 -2
- package/es/components/DataTable/TableContainer.d.ts +2 -3
- package/es/components/DataTable/TableContainer.js +6 -6
- package/es/components/DataTable/TableDecoratorRow.js +4 -4
- package/es/components/DataTable/TableExpandHeader.d.ts +2 -3
- package/es/components/DataTable/TableExpandHeader.js +4 -4
- package/es/components/DataTable/TableExpandRow.js +8 -8
- package/es/components/DataTable/TableExpandedRow.d.ts +3 -3
- package/es/components/DataTable/TableExpandedRow.js +4 -4
- package/es/components/DataTable/TableHead.d.ts +1 -1
- package/es/components/DataTable/TableHeader.d.ts +4 -4
- package/es/components/DataTable/TableHeader.js +15 -15
- package/es/components/DataTable/TableRow.d.ts +3 -4
- package/es/components/DataTable/TableRow.js +4 -4
- package/es/components/DataTable/TableSelectAll.js +3 -3
- package/es/components/DataTable/TableSelectRow.js +4 -4
- package/es/components/DataTable/TableSlugRow.js +3 -3
- package/es/components/DataTable/TableToolbar.js +2 -2
- package/es/components/DataTable/TableToolbarAction.js +2 -2
- package/es/components/DataTable/TableToolbarContent.d.ts +1 -1
- package/es/components/DataTable/TableToolbarMenu.js +2 -2
- package/es/components/DataTable/TableToolbarSearch.js +2 -2
- package/es/components/DataTable/index.d.ts +1 -1
- package/es/components/DataTableSkeleton/DataTableSkeleton.js +15 -15
- package/es/components/DatePicker/DatePicker.Skeleton.js +8 -8
- package/es/components/DatePicker/DatePicker.d.ts +1 -1
- package/es/components/DatePicker/DatePicker.js +23 -20
- package/es/components/DatePickerInput/DatePickerInput.d.ts +3 -4
- package/es/components/DatePickerInput/DatePickerInput.js +19 -19
- package/es/components/Dialog/index.d.ts +5 -6
- package/es/components/Dialog/index.js +10 -10
- package/es/components/Dropdown/Dropdown.Skeleton.d.ts +2 -3
- package/es/components/Dropdown/Dropdown.Skeleton.js +4 -4
- package/es/components/Dropdown/Dropdown.d.ts +3 -3
- package/es/components/Dropdown/Dropdown.js +18 -18
- package/es/components/ErrorBoundary/ErrorBoundary.js +2 -2
- package/es/components/ExpandableSearch/ExpandableSearch.js +3 -3
- package/es/components/FeatureFlags/index.js +2 -2
- package/es/components/FileUploader/FileUploader.Skeleton.d.ts +3 -3
- package/es/components/FileUploader/FileUploader.Skeleton.js +5 -5
- package/es/components/FileUploader/FileUploader.d.ts +2 -3
- package/es/components/FileUploader/FileUploader.js +12 -12
- package/es/components/FileUploader/FileUploaderButton.d.ts +3 -4
- package/es/components/FileUploader/FileUploaderButton.js +6 -5
- package/es/components/FileUploader/FileUploaderDropContainer.d.ts +2 -3
- package/es/components/FileUploader/FileUploaderDropContainer.js +5 -5
- package/es/components/FileUploader/FileUploaderItem.d.ts +2 -3
- package/es/components/FileUploader/FileUploaderItem.js +13 -13
- package/es/components/FileUploader/Filename.d.ts +3 -4
- package/es/components/FileUploader/Filename.js +7 -7
- package/es/components/FluidComboBox/FluidComboBox.Skeleton.js +5 -5
- package/es/components/FluidComboBox/FluidComboBox.js +4 -4
- package/es/components/FluidDatePicker/FluidDatePicker.Skeleton.js +11 -11
- package/es/components/FluidDatePicker/FluidDatePicker.js +4 -4
- package/es/components/FluidDatePickerInput/FluidDatePickerInput.js +3 -3
- package/es/components/FluidDropdown/FluidDropdown.Skeleton.js +5 -5
- package/es/components/FluidDropdown/FluidDropdown.js +4 -4
- package/es/components/FluidForm/FluidForm.d.ts +3 -4
- package/es/components/FluidForm/FluidForm.js +3 -3
- package/es/components/FluidMultiSelect/FluidMultiSelect.Skeleton.js +5 -5
- package/es/components/FluidMultiSelect/FluidMultiSelect.js +5 -5
- package/es/components/FluidNumberInput/FluidNumberInput.Skeleton.js +5 -5
- package/es/components/FluidNumberInput/FluidNumberInput.js +4 -4
- package/es/components/FluidSearch/FluidSearch.Skeleton.js +5 -5
- package/es/components/FluidSearch/FluidSearch.js +4 -4
- package/es/components/FluidSelect/FluidSelect.Skeleton.js +5 -5
- package/es/components/FluidSelect/FluidSelect.js +4 -4
- package/es/components/FluidTextArea/FluidTextArea.Skeleton.js +5 -5
- package/es/components/FluidTextArea/FluidTextArea.js +3 -3
- package/es/components/FluidTextInput/FluidTextInput.Skeleton.js +5 -5
- package/es/components/FluidTextInput/FluidTextInput.js +5 -5
- package/es/components/FluidTimePicker/FluidTimePicker.Skeleton.js +3 -3
- package/es/components/FluidTimePicker/FluidTimePicker.js +13 -13
- package/es/components/FluidTimePickerSelect/FluidTimePickerSelect.js +3 -3
- package/es/components/Form/Form.js +2 -2
- package/es/components/FormGroup/FormGroup.d.ts +3 -4
- package/es/components/FormGroup/FormGroup.js +4 -4
- package/es/components/FormItem/FormItem.js +2 -2
- package/es/components/FormLabel/FormLabel.js +2 -2
- package/es/components/Grid/CSSGrid.js +8 -8
- package/es/components/Grid/Column.d.ts +5 -5
- package/es/components/Grid/Column.js +15 -15
- package/es/components/Grid/ColumnHang.js +2 -2
- package/es/components/Grid/FlexGrid.js +4 -4
- package/es/components/Grid/Grid.js +3 -3
- package/es/components/Grid/GridContext.d.ts +2 -2
- package/es/components/Grid/GridContext.js +1 -1
- package/es/components/Grid/Row.js +2 -2
- package/es/components/Heading/index.js +9 -9
- package/es/components/Icon/Icon.Skeleton.js +2 -2
- package/es/components/IconButton/index.js +11 -6
- package/es/components/IconIndicator/index.js +4 -4
- package/es/components/IdPrefix/index.js +2 -2
- package/es/components/InlineCheckbox/InlineCheckbox.js +6 -6
- package/es/components/InlineLoading/InlineLoading.js +10 -10
- package/es/components/Layer/LayerContext.js +2 -2
- package/es/components/Layer/index.d.ts +4 -0
- package/es/components/Layer/index.js +15 -8
- package/es/components/Layout/index.js +5 -5
- package/es/components/LayoutDirection/LayoutDirection.js +4 -4
- package/es/components/LayoutDirection/LayoutDirectionContext.js +2 -2
- package/es/components/LayoutDirection/index.d.ts +8 -0
- package/es/components/Link/Link.js +6 -6
- package/es/components/ListBox/ListBox.d.ts +2 -3
- package/es/components/ListBox/ListBox.js +5 -5
- package/es/components/ListBox/ListBoxField.d.ts +3 -4
- package/es/components/ListBox/ListBoxField.js +2 -2
- package/es/components/ListBox/ListBoxMenu.d.ts +2 -3
- package/es/components/ListBox/ListBoxMenu.js +2 -2
- package/es/components/ListBox/ListBoxMenuIcon.js +4 -4
- package/es/components/ListBox/ListBoxMenuItem.d.ts +2 -3
- package/es/components/ListBox/ListBoxMenuItem.js +3 -3
- package/es/components/ListBox/ListBoxSelection.js +6 -6
- package/es/components/ListBox/next/ListBoxSelection.js +7 -7
- package/es/components/ListBox/next/ListBoxTrigger.js +4 -4
- package/es/components/ListItem/ListItem.js +2 -2
- package/es/components/Loading/Loading.d.ts +3 -3
- package/es/components/Loading/Loading.js +6 -6
- package/es/components/Menu/Menu.js +5 -4
- package/es/components/Menu/MenuItem.js +18 -17
- package/es/components/MenuButton/index.js +4 -4
- package/es/components/Modal/Modal.d.ts +3 -4
- package/es/components/Modal/Modal.js +40 -38
- package/es/components/ModalWrapper/ModalWrapper.js +7 -7
- package/es/components/MultiSelect/FilterableMultiSelect.js +22 -26
- package/es/components/MultiSelect/MultiSelect.js +23 -23
- package/es/components/Notification/Notification.js +41 -41
- package/es/components/NumberInput/NumberInput.Skeleton.js +4 -4
- package/es/components/NumberInput/NumberInput.js +22 -22
- package/es/components/OrderedList/OrderedList.js +2 -2
- package/es/components/OverflowMenu/OverflowMenu.js +7 -7
- package/es/components/OverflowMenu/index.js +3 -3
- package/es/components/OverflowMenu/next/index.js +6 -6
- package/es/components/OverflowMenuItem/OverflowMenuItem.js +4 -4
- package/es/components/OverflowMenuV2/index.js +3 -3
- package/es/components/PageHeader/PageHeader.js +29 -29
- package/es/components/Pagination/Pagination.Skeleton.js +8 -8
- package/es/components/Pagination/Pagination.js +17 -17
- package/es/components/Pagination/experimental/PageSelector.js +3 -3
- package/es/components/Pagination/experimental/Pagination.js +14 -14
- package/es/components/PaginationNav/PaginationNav.js +31 -31
- package/es/components/Popover/index.js +15 -15
- package/es/components/PrimaryButton/PrimaryButton.js +2 -2
- package/es/components/ProgressBar/ProgressBar.js +13 -13
- package/es/components/ProgressIndicator/ProgressIndicator.Skeleton.js +7 -7
- package/es/components/ProgressIndicator/ProgressIndicator.js +20 -20
- package/es/components/RadioButton/RadioButton.Skeleton.js +4 -4
- package/es/components/RadioButton/RadioButton.js +10 -10
- package/es/components/RadioButtonGroup/RadioButtonGroup.js +16 -16
- package/es/components/RadioTile/RadioTile.js +12 -12
- package/es/components/Search/Search.Skeleton.js +4 -4
- package/es/components/Search/Search.js +11 -11
- package/es/components/SecondaryButton/SecondaryButton.js +2 -2
- package/es/components/Select/Select.Skeleton.js +5 -5
- package/es/components/Select/Select.js +19 -19
- package/es/components/SelectItem/SelectItem.js +2 -2
- package/es/components/SelectItemGroup/SelectItemGroup.js +2 -2
- package/es/components/ShapeIndicator/index.js +7 -7
- package/es/components/SkeletonIcon/SkeletonIcon.d.ts +0 -4
- package/es/components/SkeletonIcon/SkeletonIcon.js +3 -7
- package/es/components/SkeletonPlaceholder/SkeletonPlaceholder.js +2 -2
- package/es/components/SkeletonText/SkeletonText.js +4 -4
- package/es/components/Slider/Slider.Skeleton.js +17 -17
- package/es/components/Slider/Slider.d.ts +8 -0
- package/es/components/Slider/Slider.js +44 -38
- package/es/components/Slider/SliderHandles.js +19 -19
- package/es/components/Stack/HStack.js +2 -2
- package/es/components/Stack/Stack.js +2 -2
- package/es/components/Stack/VStack.js +2 -2
- package/es/components/StructuredList/StructuredList.Skeleton.js +12 -12
- package/es/components/StructuredList/StructuredList.js +24 -24
- package/es/components/Switch/IconSwitch.js +3 -3
- package/es/components/Switch/Switch.js +4 -4
- package/es/components/TabContent/TabContent.js +2 -2
- package/es/components/Tabs/Tabs.Skeleton.js +7 -7
- package/es/components/Tabs/Tabs.js +65 -62
- package/es/components/Tag/DismissibleTag.d.ts +4 -0
- package/es/components/Tag/DismissibleTag.js +18 -13
- package/es/components/Tag/OperationalTag.js +6 -6
- package/es/components/Tag/SelectableTag.d.ts +4 -0
- package/es/components/Tag/SelectableTag.js +18 -9
- package/es/components/Tag/Tag.Skeleton.js +2 -2
- package/es/components/Tag/Tag.js +15 -15
- package/es/components/Text/Text.js +4 -4
- package/es/components/Text/TextDirection.js +2 -2
- package/es/components/Text/createTextComponent.js +2 -2
- package/es/components/TextArea/TextArea.Skeleton.js +4 -4
- package/es/components/TextArea/TextArea.js +19 -19
- package/es/components/TextInput/ControlledPasswordInput.d.ts +2 -3
- package/es/components/TextInput/ControlledPasswordInput.js +13 -13
- package/es/components/TextInput/PasswordInput.js +15 -15
- package/es/components/TextInput/TextInput.Skeleton.js +4 -4
- package/es/components/TextInput/TextInput.js +17 -17
- package/es/components/Theme/index.js +10 -10
- package/es/components/Tile/Tile.js +36 -36
- package/es/components/TileGroup/TileGroup.d.ts +3 -4
- package/es/components/TileGroup/TileGroup.js +8 -8
- package/es/components/TimePicker/TimePicker.d.ts +2 -3
- package/es/components/TimePicker/TimePicker.js +14 -14
- package/es/components/TimePickerSelect/TimePickerSelect.js +4 -4
- package/es/components/Toggle/Toggle.Skeleton.js +4 -4
- package/es/components/Toggle/Toggle.js +10 -10
- package/es/components/ToggleSmall/ToggleSmall.Skeleton.js +8 -8
- package/es/components/Toggletip/index.js +12 -12
- package/es/components/Tooltip/DefinitionTooltip.js +4 -4
- package/es/components/Tooltip/Tooltip.d.ts +3 -0
- package/es/components/Tooltip/Tooltip.js +25 -13
- package/es/components/TreeView/TreeNode.js +45 -36
- package/es/components/TreeView/TreeView.js +30 -21
- package/es/components/UIShell/Content.js +2 -2
- package/es/components/UIShell/Header.js +2 -2
- package/es/components/UIShell/HeaderContainer.js +2 -2
- package/es/components/UIShell/HeaderGlobalAction.js +3 -3
- package/es/components/UIShell/HeaderGlobalBar.d.ts +1 -1
- package/es/components/UIShell/HeaderMenu.js +14 -14
- package/es/components/UIShell/HeaderMenuButton.js +4 -4
- package/es/components/UIShell/HeaderMenuItem.js +11 -9
- package/es/components/UIShell/HeaderName.js +3 -3
- package/es/components/UIShell/HeaderNavigation.js +3 -3
- package/es/components/UIShell/HeaderPanel.js +3 -3
- package/es/components/UIShell/HeaderSideNavItems.js +2 -2
- package/es/components/UIShell/Link.js +3 -3
- package/es/components/UIShell/SideNav.js +7 -7
- package/es/components/UIShell/SideNavDetails.js +3 -3
- package/es/components/UIShell/SideNavDivider.js +3 -3
- package/es/components/UIShell/SideNavFooter.js +7 -7
- package/es/components/UIShell/SideNavHeader.js +3 -3
- package/es/components/UIShell/SideNavIcon.js +2 -2
- package/es/components/UIShell/SideNavItem.js +2 -2
- package/es/components/UIShell/SideNavItems.js +5 -5
- package/es/components/UIShell/SideNavLink.js +5 -5
- package/es/components/UIShell/SideNavLinkText.js +2 -2
- package/es/components/UIShell/SideNavMenu.js +10 -10
- package/es/components/UIShell/SideNavMenuItem.js +5 -5
- package/es/components/UIShell/SideNavSwitcher.js +8 -8
- package/es/components/UIShell/SkipToContent.js +2 -2
- package/es/components/UIShell/Switcher.js +9 -9
- package/es/components/UIShell/SwitcherDivider.js +2 -2
- package/es/components/UIShell/SwitcherItem.js +3 -3
- package/es/components/UnorderedList/UnorderedList.js +2 -2
- package/es/feature-flags.d.ts +7 -0
- package/es/index.js +25 -26
- package/es/internal/FloatingMenu.js +4 -4
- package/es/internal/__mocks__/mockHTMLElement.d.ts +9 -0
- package/es/internal/createClassWrapper.js +2 -2
- package/es/internal/debounce.d.ts +8 -0
- package/es/internal/environment.d.ts +12 -0
- package/es/internal/useId.js +2 -2
- package/es/internal/useIdPrefix.js +3 -3
- package/es/internal/useNormalizedInputProps.js +3 -3
- package/es/internal/usePrefix.js +3 -3
- package/es/internal/usePreviousValue.d.ts +17 -0
- package/es/internal/usePreviousValue.js +28 -0
- package/es/internal/useResizeObserver.d.ts +14 -0
- package/es/internal/useResizeObserver.js +74 -0
- package/es/internal/wrapFocus.js +3 -6
- package/es/prop-types/AriaPropTypes.d.ts +8 -0
- package/es/tools/wrapComponent.d.ts +3 -4
- package/es/tools/wrapComponent.js +2 -2
- package/es/types/common.d.ts +0 -2
- package/lib/components/AccordionItem/index.d.ts +9 -0
- package/lib/components/CodeSnippet/CodeSnippet.js +2 -3
- package/lib/components/ContentSwitcher/ContentSwitcher.d.ts +8 -0
- package/lib/components/ContentSwitcher/ContentSwitcher.js +7 -1
- package/lib/components/DataTable/DataTable.d.ts +81 -283
- package/lib/components/DataTable/DataTable.js +82 -123
- package/lib/components/DataTable/Table.d.ts +2 -2
- package/lib/components/DataTable/TableActionList.d.ts +1 -1
- package/lib/components/DataTable/TableBody.d.ts +3 -3
- package/lib/components/DataTable/TableCell.d.ts +3 -4
- package/lib/components/DataTable/TableContainer.d.ts +2 -3
- package/lib/components/DataTable/TableExpandHeader.d.ts +2 -3
- package/lib/components/DataTable/TableExpandedRow.d.ts +3 -3
- package/lib/components/DataTable/TableHead.d.ts +1 -1
- package/lib/components/DataTable/TableHeader.d.ts +4 -4
- package/lib/components/DataTable/TableRow.d.ts +3 -4
- package/lib/components/DataTable/TableToolbarContent.d.ts +1 -1
- package/lib/components/DataTable/index.d.ts +1 -1
- package/lib/components/DatePicker/DatePicker.d.ts +1 -1
- package/lib/components/DatePicker/DatePicker.js +6 -3
- package/lib/components/DatePickerInput/DatePickerInput.d.ts +3 -4
- package/lib/components/Dialog/index.d.ts +5 -6
- package/lib/components/Dropdown/Dropdown.Skeleton.d.ts +2 -3
- package/lib/components/Dropdown/Dropdown.d.ts +3 -3
- package/lib/components/FileUploader/FileUploader.Skeleton.d.ts +3 -3
- package/lib/components/FileUploader/FileUploader.d.ts +2 -3
- package/lib/components/FileUploader/FileUploaderButton.d.ts +3 -4
- package/lib/components/FileUploader/FileUploaderButton.js +3 -2
- package/lib/components/FileUploader/FileUploaderDropContainer.d.ts +2 -3
- package/lib/components/FileUploader/FileUploaderItem.d.ts +2 -3
- package/lib/components/FileUploader/Filename.d.ts +3 -4
- package/lib/components/FluidForm/FluidForm.d.ts +3 -4
- package/lib/components/FormGroup/FormGroup.d.ts +3 -4
- package/lib/components/Grid/Column.d.ts +5 -5
- package/lib/components/Grid/Column.js +10 -10
- package/lib/components/Grid/GridContext.d.ts +2 -2
- package/lib/components/Grid/GridContext.js +5 -23
- package/lib/components/IconButton/index.js +6 -1
- package/lib/components/Layer/index.d.ts +4 -0
- package/lib/components/Layer/index.js +9 -2
- package/lib/components/LayoutDirection/index.d.ts +8 -0
- package/lib/components/Link/Link.js +1 -1
- package/lib/components/ListBox/ListBox.d.ts +2 -3
- package/lib/components/ListBox/ListBoxField.d.ts +3 -4
- package/lib/components/ListBox/ListBoxMenu.d.ts +2 -3
- package/lib/components/ListBox/ListBoxMenuItem.d.ts +2 -3
- package/lib/components/Loading/Loading.d.ts +3 -3
- package/lib/components/Menu/Menu.js +2 -1
- package/lib/components/Menu/MenuItem.js +2 -1
- package/lib/components/Modal/Modal.d.ts +3 -4
- package/lib/components/Modal/Modal.js +5 -3
- package/lib/components/MultiSelect/FilterableMultiSelect.js +1 -5
- package/lib/components/SkeletonIcon/SkeletonIcon.d.ts +0 -4
- package/lib/components/SkeletonIcon/SkeletonIcon.js +1 -5
- package/lib/components/Slider/Slider.d.ts +8 -0
- package/lib/components/Slider/Slider.js +6 -0
- package/lib/components/Tabs/Tabs.js +5 -2
- package/lib/components/Tag/DismissibleTag.d.ts +4 -0
- package/lib/components/Tag/DismissibleTag.js +8 -3
- package/lib/components/Tag/SelectableTag.d.ts +4 -0
- package/lib/components/Tag/SelectableTag.js +12 -3
- package/lib/components/TextInput/ControlledPasswordInput.d.ts +2 -3
- package/lib/components/TileGroup/TileGroup.d.ts +3 -4
- package/lib/components/TimePicker/TimePicker.d.ts +2 -3
- package/lib/components/Tooltip/Tooltip.d.ts +3 -0
- package/lib/components/Tooltip/Tooltip.js +18 -6
- package/lib/components/TreeView/TreeNode.js +20 -11
- package/lib/components/TreeView/TreeView.js +27 -18
- package/lib/components/UIShell/HeaderGlobalBar.d.ts +1 -1
- package/lib/components/UIShell/HeaderMenuItem.js +7 -5
- package/lib/components/UIShell/Switcher.js +3 -3
- package/lib/feature-flags.d.ts +7 -0
- package/lib/index.js +50 -51
- package/lib/internal/__mocks__/mockHTMLElement.d.ts +9 -0
- package/lib/internal/debounce.d.ts +8 -0
- package/lib/internal/environment.d.ts +12 -0
- package/lib/internal/usePreviousValue.d.ts +17 -0
- package/lib/internal/usePreviousValue.js +32 -0
- package/lib/internal/useResizeObserver.d.ts +14 -0
- package/lib/internal/useResizeObserver.js +78 -0
- package/lib/internal/wrapFocus.js +3 -6
- package/lib/prop-types/AriaPropTypes.d.ts +8 -0
- package/lib/tools/wrapComponent.d.ts +3 -4
- package/lib/types/common.d.ts +0 -2
- package/package.json +5 -6
- package/scss/components/content-switcher/_tokens.scss +9 -0
- package/telemetry.yml +5 -1
- package/es/components/DataTable/index.js +0 -76
- package/es/prop-types/tools/getDisplayName.js +0 -34
- package/es/prop-types/types.js +0 -13
- package/lib/components/DataTable/index.js +0 -82
- package/lib/prop-types/tools/getDisplayName.js +0 -38
- package/lib/prop-types/types.js +0 -17
package/lib/index.js
CHANGED
|
@@ -37,7 +37,29 @@ var useContextMenu = require('./components/ContextMenu/useContextMenu.js');
|
|
|
37
37
|
var Copy = require('./components/Copy/Copy.js');
|
|
38
38
|
var CopyButton = require('./components/CopyButton/CopyButton.js');
|
|
39
39
|
var DangerButton = require('./components/DangerButton/DangerButton.js');
|
|
40
|
-
require('./components/DataTable/
|
|
40
|
+
var DataTable = require('./components/DataTable/DataTable.js');
|
|
41
|
+
var Table = require('./components/DataTable/Table.js');
|
|
42
|
+
var TableActionList = require('./components/DataTable/TableActionList.js');
|
|
43
|
+
var TableBatchAction = require('./components/DataTable/TableBatchAction.js');
|
|
44
|
+
var TableBatchActions = require('./components/DataTable/TableBatchActions.js');
|
|
45
|
+
var TableBody = require('./components/DataTable/TableBody.js');
|
|
46
|
+
var TableCell = require('./components/DataTable/TableCell.js');
|
|
47
|
+
var TableContainer = require('./components/DataTable/TableContainer.js');
|
|
48
|
+
var TableExpandHeader = require('./components/DataTable/TableExpandHeader.js');
|
|
49
|
+
var TableDecoratorRow = require('./components/DataTable/TableDecoratorRow.js');
|
|
50
|
+
var TableExpandRow = require('./components/DataTable/TableExpandRow.js');
|
|
51
|
+
var TableExpandedRow = require('./components/DataTable/TableExpandedRow.js');
|
|
52
|
+
var TableHead = require('./components/DataTable/TableHead.js');
|
|
53
|
+
var TableHeader = require('./components/DataTable/TableHeader.js');
|
|
54
|
+
var TableRow = require('./components/DataTable/TableRow.js');
|
|
55
|
+
var TableSelectAll = require('./components/DataTable/TableSelectAll.js');
|
|
56
|
+
var TableSelectRow = require('./components/DataTable/TableSelectRow.js');
|
|
57
|
+
var TableSlugRow = require('./components/DataTable/TableSlugRow.js');
|
|
58
|
+
var TableToolbar = require('./components/DataTable/TableToolbar.js');
|
|
59
|
+
var TableToolbarAction = require('./components/DataTable/TableToolbarAction.js');
|
|
60
|
+
var TableToolbarContent = require('./components/DataTable/TableToolbarContent.js');
|
|
61
|
+
var TableToolbarSearch = require('./components/DataTable/TableToolbarSearch.js');
|
|
62
|
+
var TableToolbarMenu = require('./components/DataTable/TableToolbarMenu.js');
|
|
41
63
|
var DataTableSkeleton = require('./components/DataTableSkeleton/DataTableSkeleton.js');
|
|
42
64
|
var DatePicker = require('./components/DatePicker/DatePicker.js');
|
|
43
65
|
var DatePicker_Skeleton = require('./components/DatePicker/DatePicker.Skeleton.js');
|
|
@@ -195,6 +217,8 @@ var index$f = require('./components/Heading/index.js');
|
|
|
195
217
|
var index$g = require('./components/IconButton/index.js');
|
|
196
218
|
var index$h = require('./components/Layer/index.js');
|
|
197
219
|
var index$2 = require('./components/Layout/index.js');
|
|
220
|
+
var LayoutDirection = require('./components/LayoutDirection/LayoutDirection.js');
|
|
221
|
+
var useLayoutDirection = require('./components/LayoutDirection/useLayoutDirection.js');
|
|
198
222
|
var index$3 = require('./components/OverflowMenuV2/index.js');
|
|
199
223
|
var index$i = require('./components/Popover/index.js');
|
|
200
224
|
var ProgressBar = require('./components/ProgressBar/ProgressBar.js');
|
|
@@ -217,33 +241,8 @@ var Pagination = require('./components/Pagination/experimental/Pagination.js');
|
|
|
217
241
|
var ContainedListItem = require('./components/ContainedList/ContainedListItem/ContainedListItem.js');
|
|
218
242
|
var ContainedList = require('./components/ContainedList/ContainedList.js');
|
|
219
243
|
var Slider_Skeleton = require('./components/Slider/Slider.Skeleton.js');
|
|
220
|
-
var LayoutDirection = require('./components/LayoutDirection/LayoutDirection.js');
|
|
221
|
-
var useLayoutDirection = require('./components/LayoutDirection/useLayoutDirection.js');
|
|
222
244
|
var Text = require('./components/Text/Text.js');
|
|
223
245
|
var TextDirection = require('./components/Text/TextDirection.js');
|
|
224
|
-
var DataTable = require('./components/DataTable/DataTable.js');
|
|
225
|
-
var Table = require('./components/DataTable/Table.js');
|
|
226
|
-
var TableActionList = require('./components/DataTable/TableActionList.js');
|
|
227
|
-
var TableBatchAction = require('./components/DataTable/TableBatchAction.js');
|
|
228
|
-
var TableBatchActions = require('./components/DataTable/TableBatchActions.js');
|
|
229
|
-
var TableBody = require('./components/DataTable/TableBody.js');
|
|
230
|
-
var TableCell = require('./components/DataTable/TableCell.js');
|
|
231
|
-
var TableContainer = require('./components/DataTable/TableContainer.js');
|
|
232
|
-
var TableDecoratorRow = require('./components/DataTable/TableDecoratorRow.js');
|
|
233
|
-
var TableExpandHeader = require('./components/DataTable/TableExpandHeader.js');
|
|
234
|
-
var TableExpandRow = require('./components/DataTable/TableExpandRow.js');
|
|
235
|
-
var TableExpandedRow = require('./components/DataTable/TableExpandedRow.js');
|
|
236
|
-
var TableHead = require('./components/DataTable/TableHead.js');
|
|
237
|
-
var TableHeader = require('./components/DataTable/TableHeader.js');
|
|
238
|
-
var TableRow = require('./components/DataTable/TableRow.js');
|
|
239
|
-
var TableSelectAll = require('./components/DataTable/TableSelectAll.js');
|
|
240
|
-
var TableSelectRow = require('./components/DataTable/TableSelectRow.js');
|
|
241
|
-
var TableSlugRow = require('./components/DataTable/TableSlugRow.js');
|
|
242
|
-
var TableToolbar = require('./components/DataTable/TableToolbar.js');
|
|
243
|
-
var TableToolbarAction = require('./components/DataTable/TableToolbarAction.js');
|
|
244
|
-
var TableToolbarContent = require('./components/DataTable/TableToolbarContent.js');
|
|
245
|
-
var TableToolbarSearch = require('./components/DataTable/TableToolbarSearch.js');
|
|
246
|
-
var TableToolbarMenu = require('./components/DataTable/TableToolbarMenu.js');
|
|
247
246
|
|
|
248
247
|
|
|
249
248
|
|
|
@@ -278,6 +277,29 @@ exports.useContextMenu = useContextMenu["default"];
|
|
|
278
277
|
exports.Copy = Copy["default"];
|
|
279
278
|
exports.CopyButton = CopyButton["default"];
|
|
280
279
|
exports.DangerButton = DangerButton["default"];
|
|
280
|
+
exports.DataTable = DataTable["default"];
|
|
281
|
+
exports.Table = Table.Table;
|
|
282
|
+
exports.TableActionList = TableActionList["default"];
|
|
283
|
+
exports.TableBatchAction = TableBatchAction["default"];
|
|
284
|
+
exports.TableBatchActions = TableBatchActions["default"];
|
|
285
|
+
exports.TableBody = TableBody["default"];
|
|
286
|
+
exports.TableCell = TableCell["default"];
|
|
287
|
+
exports.TableContainer = TableContainer["default"];
|
|
288
|
+
exports.TableExpandHeader = TableExpandHeader["default"];
|
|
289
|
+
exports.TableDecoratorRow = TableDecoratorRow["default"];
|
|
290
|
+
exports.TableExpandRow = TableExpandRow["default"];
|
|
291
|
+
exports.TableExpandedRow = TableExpandedRow["default"];
|
|
292
|
+
exports.TableHead = TableHead["default"];
|
|
293
|
+
exports.TableHeader = TableHeader["default"];
|
|
294
|
+
exports.TableRow = TableRow["default"];
|
|
295
|
+
exports.TableSelectAll = TableSelectAll["default"];
|
|
296
|
+
exports.TableSelectRow = TableSelectRow["default"];
|
|
297
|
+
exports.TableSlugRow = TableSlugRow["default"];
|
|
298
|
+
exports.TableToolbar = TableToolbar["default"];
|
|
299
|
+
exports.TableToolbarAction = TableToolbarAction["default"];
|
|
300
|
+
exports.TableToolbarContent = TableToolbarContent["default"];
|
|
301
|
+
exports.TableToolbarSearch = TableToolbarSearch["default"];
|
|
302
|
+
exports.TableToolbarMenu = TableToolbarMenu["default"];
|
|
281
303
|
exports.DataTableSkeleton = DataTableSkeleton["default"];
|
|
282
304
|
exports.DatePicker = DatePicker["default"];
|
|
283
305
|
exports.DatePickerSkeleton = DatePicker_Skeleton["default"];
|
|
@@ -474,6 +496,8 @@ exports.IconButtonKinds = index$g.IconButtonKinds;
|
|
|
474
496
|
exports.Layer = index$h.Layer;
|
|
475
497
|
exports.useLayer = index$h.useLayer;
|
|
476
498
|
exports.unstable_Layout = index$2.Layout;
|
|
499
|
+
exports.unstable_LayoutDirection = LayoutDirection.LayoutDirection;
|
|
500
|
+
exports.unstable_useLayoutDirection = useLayoutDirection.useLayoutDirection;
|
|
477
501
|
exports.unstable_OverflowMenuV2 = index$3.OverflowMenuV2;
|
|
478
502
|
exports.Popover = index$i.Popover;
|
|
479
503
|
exports.PopoverContent = index$i.PopoverContent;
|
|
@@ -509,30 +533,5 @@ exports.unstable_Pagination = Pagination["default"];
|
|
|
509
533
|
exports.ContainedListItem = ContainedListItem["default"];
|
|
510
534
|
exports.ContainedList = ContainedList["default"];
|
|
511
535
|
exports.SliderSkeleton = Slider_Skeleton["default"];
|
|
512
|
-
exports.unstable_LayoutDirection = LayoutDirection.LayoutDirection;
|
|
513
|
-
exports.unstable_useLayoutDirection = useLayoutDirection.useLayoutDirection;
|
|
514
536
|
exports.unstable_Text = Text.Text;
|
|
515
537
|
exports.unstable_TextDirection = TextDirection.TextDirection;
|
|
516
|
-
exports.DataTable = DataTable["default"];
|
|
517
|
-
exports.Table = Table.Table;
|
|
518
|
-
exports.TableActionList = TableActionList["default"];
|
|
519
|
-
exports.TableBatchAction = TableBatchAction["default"];
|
|
520
|
-
exports.TableBatchActions = TableBatchActions["default"];
|
|
521
|
-
exports.TableBody = TableBody["default"];
|
|
522
|
-
exports.TableCell = TableCell["default"];
|
|
523
|
-
exports.TableContainer = TableContainer["default"];
|
|
524
|
-
exports.TableDecoratorRow = TableDecoratorRow["default"];
|
|
525
|
-
exports.TableExpandHeader = TableExpandHeader["default"];
|
|
526
|
-
exports.TableExpandRow = TableExpandRow["default"];
|
|
527
|
-
exports.TableExpandedRow = TableExpandedRow["default"];
|
|
528
|
-
exports.TableHead = TableHead["default"];
|
|
529
|
-
exports.TableHeader = TableHeader["default"];
|
|
530
|
-
exports.TableRow = TableRow["default"];
|
|
531
|
-
exports.TableSelectAll = TableSelectAll["default"];
|
|
532
|
-
exports.TableSelectRow = TableSelectRow["default"];
|
|
533
|
-
exports.TableSlugRow = TableSlugRow["default"];
|
|
534
|
-
exports.TableToolbar = TableToolbar["default"];
|
|
535
|
-
exports.TableToolbarAction = TableToolbarAction["default"];
|
|
536
|
-
exports.TableToolbarContent = TableToolbarContent["default"];
|
|
537
|
-
exports.TableToolbarSearch = TableToolbarSearch["default"];
|
|
538
|
-
exports.TableToolbarMenu = TableToolbarMenu["default"];
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2025, 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 mockHTMLElement: (options: HTMLElement) => {
|
|
8
|
+
mockRestore: () => void;
|
|
9
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
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
|
+
/**
|
|
8
|
+
* Indicate whether current execution environment can access the DOM.
|
|
9
|
+
*
|
|
10
|
+
* @see https://github.com/facebook/fbjs/blob/4d1751311d3f67af2dcce2e40df8512a23c7b9c6/packages/fbjs/src/core/ExecutionEnvironment.js#L12
|
|
11
|
+
*/
|
|
12
|
+
export declare const canUseDOM: boolean;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 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
|
+
/**
|
|
8
|
+
* Stores the previous value of a given input.
|
|
9
|
+
*
|
|
10
|
+
* @param value - The current value.
|
|
11
|
+
* @returns The value before the current render.
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* const [count, setCount] = useState(0);
|
|
15
|
+
* const prevCount = usePreviousValue(count);
|
|
16
|
+
*/
|
|
17
|
+
export declare const usePreviousValue: <T>(value: T) => T | undefined;
|
|
@@ -0,0 +1,32 @@
|
|
|
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
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
11
|
+
|
|
12
|
+
var React = require('react');
|
|
13
|
+
|
|
14
|
+
/**
|
|
15
|
+
* Stores the previous value of a given input.
|
|
16
|
+
*
|
|
17
|
+
* @param value - The current value.
|
|
18
|
+
* @returns The value before the current render.
|
|
19
|
+
*
|
|
20
|
+
* @example
|
|
21
|
+
* const [count, setCount] = useState(0);
|
|
22
|
+
* const prevCount = usePreviousValue(count);
|
|
23
|
+
*/
|
|
24
|
+
const usePreviousValue = value => {
|
|
25
|
+
const ref = React.useRef(undefined);
|
|
26
|
+
React.useEffect(() => {
|
|
27
|
+
ref.current = value;
|
|
28
|
+
}, [value]);
|
|
29
|
+
return ref.current;
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
exports.usePreviousValue = usePreviousValue;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2025, 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 { RefObject } from 'react';
|
|
8
|
+
export declare const useResizeObserver: ({ ref, onResize, }: {
|
|
9
|
+
ref: RefObject<HTMLElement>;
|
|
10
|
+
onResize?: (rect: DOMRectReadOnly) => void;
|
|
11
|
+
}) => {
|
|
12
|
+
width: number;
|
|
13
|
+
height: number;
|
|
14
|
+
};
|
|
@@ -0,0 +1,78 @@
|
|
|
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
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
11
|
+
|
|
12
|
+
var React = require('react');
|
|
13
|
+
|
|
14
|
+
const useResizeObserver = _ref => {
|
|
15
|
+
let {
|
|
16
|
+
ref,
|
|
17
|
+
onResize
|
|
18
|
+
} = _ref;
|
|
19
|
+
const [width, setWidth] = React.useState(-1);
|
|
20
|
+
const [height, setHeight] = React.useState(-1);
|
|
21
|
+
const entriesToHandle = React.useRef(null);
|
|
22
|
+
const cb = React.useRef(onResize);
|
|
23
|
+
React.useEffect(() => {
|
|
24
|
+
// ref for onResize removes it as dependency from useLayoutEffect
|
|
25
|
+
// This significantly reduces repeated calls if a function is redefined on every
|
|
26
|
+
// render
|
|
27
|
+
cb.current = onResize;
|
|
28
|
+
}, [onResize]);
|
|
29
|
+
React.useEffect(() => {
|
|
30
|
+
const getInitialSize = () => {
|
|
31
|
+
if (ref.current) {
|
|
32
|
+
const refComputedStyle = window.getComputedStyle(ref.current);
|
|
33
|
+
const initialWidth = (ref.current?.offsetWidth ?? 0) - (typeof refComputedStyle?.paddingLeft === 'string' && refComputedStyle?.paddingLeft.length ? parseFloat(refComputedStyle?.paddingLeft) : 0) - (typeof refComputedStyle?.paddingRight === 'string' && refComputedStyle?.paddingRight.length ? parseFloat(refComputedStyle?.paddingRight) : 0);
|
|
34
|
+
const initialHeight = (ref.current?.offsetHeight ?? 0) - (typeof refComputedStyle?.paddingTop === 'string' && refComputedStyle?.paddingTop.length ? parseFloat(refComputedStyle?.paddingTop) : 0) - (typeof refComputedStyle?.paddingBottom === 'string' && refComputedStyle?.paddingBottom.length ? parseFloat(refComputedStyle?.paddingBottom) : 0);
|
|
35
|
+
setWidth(initialWidth);
|
|
36
|
+
setHeight(initialHeight);
|
|
37
|
+
}
|
|
38
|
+
};
|
|
39
|
+
if (!ref?.current || width >= 0 && height >= 0) {
|
|
40
|
+
return;
|
|
41
|
+
}
|
|
42
|
+
getInitialSize();
|
|
43
|
+
}, [width, height]);
|
|
44
|
+
React.useLayoutEffect(() => {
|
|
45
|
+
if (!ref?.current) {
|
|
46
|
+
return;
|
|
47
|
+
}
|
|
48
|
+
const doCallbacks = () => {
|
|
49
|
+
if (!ref?.current || !Array.isArray(entriesToHandle?.current)) {
|
|
50
|
+
return;
|
|
51
|
+
}
|
|
52
|
+
const entry = entriesToHandle.current[0];
|
|
53
|
+
setWidth(entry.contentRect.width);
|
|
54
|
+
setHeight(entry.contentRect.height);
|
|
55
|
+
cb.current && cb.current(entry.contentRect);
|
|
56
|
+
};
|
|
57
|
+
const observer = new ResizeObserver(entries => {
|
|
58
|
+
// always update entriesToHandle
|
|
59
|
+
entriesToHandle.current = entries;
|
|
60
|
+
window.requestAnimationFrame(() => {
|
|
61
|
+
// do callbacks
|
|
62
|
+
doCallbacks();
|
|
63
|
+
});
|
|
64
|
+
});
|
|
65
|
+
|
|
66
|
+
// observe all refs passed
|
|
67
|
+
observer.observe(ref.current);
|
|
68
|
+
return () => {
|
|
69
|
+
observer.disconnect();
|
|
70
|
+
};
|
|
71
|
+
}, []);
|
|
72
|
+
return {
|
|
73
|
+
width,
|
|
74
|
+
height
|
|
75
|
+
};
|
|
76
|
+
};
|
|
77
|
+
|
|
78
|
+
exports.useResizeObserver = useResizeObserver;
|
|
@@ -9,7 +9,6 @@
|
|
|
9
9
|
|
|
10
10
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
11
11
|
|
|
12
|
-
var React = require('react');
|
|
13
12
|
var tabbable = require('tabbable');
|
|
14
13
|
var navigation = require('./keyboard/navigation.js');
|
|
15
14
|
|
|
@@ -100,11 +99,9 @@ const wrapFocusWithoutSentinels = _ref4 => {
|
|
|
100
99
|
event
|
|
101
100
|
} = _ref4;
|
|
102
101
|
if (!containerNode) return;
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
}
|
|
107
|
-
}, []);
|
|
102
|
+
if (['blur', 'focusout', 'focusin', 'focus'].includes(event.type) && process.env.NODE_ENV !== 'production') {
|
|
103
|
+
throw new Error(`Error: wrapFocusWithoutSentinels(...) called in unsupported ${event.type} event.\n\nCall wrapFocusWithoutSentinels(...) from onKeyDown instead.`);
|
|
104
|
+
}
|
|
108
105
|
|
|
109
106
|
// Use `tabbable` to get the focusable elements in tab order.
|
|
110
107
|
// `selectorTabbable` returns elements in DOM order which is why it's not
|
|
@@ -0,0 +1,8 @@
|
|
|
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 PropTypes from 'prop-types';
|
|
8
|
+
export declare const AriaLabelPropType: PropTypes.ValidationMap<any>;
|
|
@@ -1,11 +1,10 @@
|
|
|
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 React from 'react';
|
|
8
|
-
import { ReactAttr } from '../types/common';
|
|
7
|
+
import React, { type HTMLAttributes } from 'react';
|
|
9
8
|
type HTMLTagName = keyof HTMLElementTagNameMap;
|
|
10
9
|
type WrapComponentArgs<T extends HTMLTagName> = {
|
|
11
10
|
name: string;
|
|
@@ -16,5 +15,5 @@ type WrapComponentArgs<T extends HTMLTagName> = {
|
|
|
16
15
|
* @param {{ name: string, type: string, className?: string | (prefix: string) => string }} props
|
|
17
16
|
* @returns
|
|
18
17
|
*/
|
|
19
|
-
declare const wrapComponent: <T extends HTMLTagName>({ name, className: getClassName, type, }: WrapComponentArgs<T>) => ((props:
|
|
18
|
+
declare const wrapComponent: <T extends HTMLTagName>({ name, className: getClassName, type, }: WrapComponentArgs<T>) => ((props: HTMLAttributes<T>) => React.ReactElement<any>);
|
|
20
19
|
export default wrapComponent;
|
package/lib/types/common.d.ts
CHANGED
|
@@ -4,8 +4,6 @@
|
|
|
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 * as React from 'react';
|
|
8
|
-
export type ReactAttr<T = HTMLElement> = React.HTMLAttributes<T>;
|
|
9
7
|
/**
|
|
10
8
|
* For "as" props. Creates an "as" property that supports native html tags such as 'span', 'a', 'button' as well as custom functional components
|
|
11
9
|
* All native props for the supplied html tag/component are inferred as part of the base component props, allowing us to use props like `href` on an 'a' element etc
|
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.83.0",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
7
7
|
"types": "lib/index.d.ts",
|
|
@@ -55,8 +55,8 @@
|
|
|
55
55
|
"@carbon/feature-flags": "^0.26.0",
|
|
56
56
|
"@carbon/icons-react": "^11.60.0",
|
|
57
57
|
"@carbon/layout": "^11.34.0",
|
|
58
|
-
"@carbon/styles": "^1.
|
|
59
|
-
"@carbon/utilities": "^0.
|
|
58
|
+
"@carbon/styles": "^1.82.0",
|
|
59
|
+
"@carbon/utilities": "^0.6.0",
|
|
60
60
|
"@floating-ui/react": "^0.27.4",
|
|
61
61
|
"@ibm/telemetry-js": "^1.5.0",
|
|
62
62
|
"classnames": "2.5.1",
|
|
@@ -68,7 +68,6 @@
|
|
|
68
68
|
"prop-types": "^15.8.1",
|
|
69
69
|
"react-fast-compare": "^3.2.2",
|
|
70
70
|
"tabbable": "^6.2.0",
|
|
71
|
-
"use-resize-observer": "^9.1.0",
|
|
72
71
|
"window-or-global": "^1.0.1"
|
|
73
72
|
},
|
|
74
73
|
"devDependencies": {
|
|
@@ -81,7 +80,7 @@
|
|
|
81
80
|
"@babel/preset-react": "^7.24.7",
|
|
82
81
|
"@babel/preset-typescript": "^7.24.7",
|
|
83
82
|
"@carbon/test-utils": "^10.36.0",
|
|
84
|
-
"@carbon/themes": "^11.
|
|
83
|
+
"@carbon/themes": "^11.53.0",
|
|
85
84
|
"@figma/code-connect": "^1.3.2",
|
|
86
85
|
"@rollup/plugin-babel": "^6.0.0",
|
|
87
86
|
"@rollup/plugin-commonjs": "^28.0.0",
|
|
@@ -147,5 +146,5 @@
|
|
|
147
146
|
"**/*.scss",
|
|
148
147
|
"**/*.css"
|
|
149
148
|
],
|
|
150
|
-
"gitHead": "
|
|
149
|
+
"gitHead": "68105b183b14b348bcba4622f86a9e50265414da"
|
|
151
150
|
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
// Code generated by @carbon/react. DO NOT EDIT.
|
|
2
|
+
//
|
|
3
|
+
// Copyright IBM Corp. 2018, 2023
|
|
4
|
+
//
|
|
5
|
+
// This source code is licensed under the Apache-2.0 license found in the
|
|
6
|
+
// LICENSE file in the root directory of this source tree.
|
|
7
|
+
//
|
|
8
|
+
|
|
9
|
+
@forward '@carbon/styles/scss/components/content-switcher/tokens';
|
package/telemetry.yml
CHANGED
|
@@ -214,7 +214,6 @@ collect:
|
|
|
214
214
|
- statusIconDescription
|
|
215
215
|
- step
|
|
216
216
|
- stickyHeader
|
|
217
|
-
- style
|
|
218
217
|
- subtitle
|
|
219
218
|
- tabIndex
|
|
220
219
|
- target
|
|
@@ -257,6 +256,8 @@ collect:
|
|
|
257
256
|
- revertLabel
|
|
258
257
|
- slugLabel
|
|
259
258
|
- textLabel
|
|
259
|
+
# AISkeletonIcon
|
|
260
|
+
- style
|
|
260
261
|
# AspectRatio
|
|
261
262
|
- ratio
|
|
262
263
|
# Breadcrumb
|
|
@@ -322,6 +323,7 @@ collect:
|
|
|
322
323
|
# Dialog
|
|
323
324
|
- modal
|
|
324
325
|
# DismissibleTag
|
|
326
|
+
- dismissTooltipLabel
|
|
325
327
|
- tagTitle
|
|
326
328
|
# ErrorBoundary
|
|
327
329
|
- fallback
|
|
@@ -383,6 +385,8 @@ collect:
|
|
|
383
385
|
# InlineLoading
|
|
384
386
|
- onSuccess
|
|
385
387
|
- successDelay
|
|
388
|
+
# Layer
|
|
389
|
+
- withBackground
|
|
386
390
|
# LinkBase
|
|
387
391
|
- visited
|
|
388
392
|
# ListBox
|
|
@@ -1,76 +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 DataTable from './DataTable.js';
|
|
9
|
-
export { default as DataTable, default } from './DataTable.js';
|
|
10
|
-
import { Table } from './Table.js';
|
|
11
|
-
export { Table } from './Table.js';
|
|
12
|
-
import TableActionList from './TableActionList.js';
|
|
13
|
-
export { default as TableActionList } from './TableActionList.js';
|
|
14
|
-
import TableBatchAction from './TableBatchAction.js';
|
|
15
|
-
export { default as TableBatchAction } from './TableBatchAction.js';
|
|
16
|
-
import TableBatchActions from './TableBatchActions.js';
|
|
17
|
-
export { default as TableBatchActions } from './TableBatchActions.js';
|
|
18
|
-
import TableBody from './TableBody.js';
|
|
19
|
-
export { default as TableBody } from './TableBody.js';
|
|
20
|
-
import TableCell from './TableCell.js';
|
|
21
|
-
export { default as TableCell } from './TableCell.js';
|
|
22
|
-
import TableContainer from './TableContainer.js';
|
|
23
|
-
export { default as TableContainer } from './TableContainer.js';
|
|
24
|
-
import TableExpandHeader from './TableExpandHeader.js';
|
|
25
|
-
export { default as TableExpandHeader } from './TableExpandHeader.js';
|
|
26
|
-
import TableDecoratorRow from './TableDecoratorRow.js';
|
|
27
|
-
export { default as TableDecoratorRow } from './TableDecoratorRow.js';
|
|
28
|
-
import TableExpandRow from './TableExpandRow.js';
|
|
29
|
-
export { default as TableExpandRow } from './TableExpandRow.js';
|
|
30
|
-
import TableExpandedRow from './TableExpandedRow.js';
|
|
31
|
-
export { default as TableExpandedRow } from './TableExpandedRow.js';
|
|
32
|
-
import TableHead from './TableHead.js';
|
|
33
|
-
export { default as TableHead } from './TableHead.js';
|
|
34
|
-
import TableHeader from './TableHeader.js';
|
|
35
|
-
export { default as TableHeader } from './TableHeader.js';
|
|
36
|
-
import TableRow from './TableRow.js';
|
|
37
|
-
export { default as TableRow } from './TableRow.js';
|
|
38
|
-
import TableSelectAll from './TableSelectAll.js';
|
|
39
|
-
export { default as TableSelectAll } from './TableSelectAll.js';
|
|
40
|
-
import TableSelectRow from './TableSelectRow.js';
|
|
41
|
-
export { default as TableSelectRow } from './TableSelectRow.js';
|
|
42
|
-
import TableSlugRow from './TableSlugRow.js';
|
|
43
|
-
export { default as TableSlugRow } from './TableSlugRow.js';
|
|
44
|
-
import TableToolbar from './TableToolbar.js';
|
|
45
|
-
export { default as TableToolbar } from './TableToolbar.js';
|
|
46
|
-
import TableToolbarAction from './TableToolbarAction.js';
|
|
47
|
-
export { default as TableToolbarAction } from './TableToolbarAction.js';
|
|
48
|
-
import TableToolbarContent from './TableToolbarContent.js';
|
|
49
|
-
export { default as TableToolbarContent } from './TableToolbarContent.js';
|
|
50
|
-
import TableToolbarSearch from './TableToolbarSearch.js';
|
|
51
|
-
export { default as TableToolbarSearch } from './TableToolbarSearch.js';
|
|
52
|
-
import TableToolbarMenu from './TableToolbarMenu.js';
|
|
53
|
-
export { default as TableToolbarMenu } from './TableToolbarMenu.js';
|
|
54
|
-
|
|
55
|
-
DataTable.Table = Table;
|
|
56
|
-
DataTable.TableActionList = TableActionList;
|
|
57
|
-
DataTable.TableBatchAction = TableBatchAction;
|
|
58
|
-
DataTable.TableBatchActions = TableBatchActions;
|
|
59
|
-
DataTable.TableBody = TableBody;
|
|
60
|
-
DataTable.TableCell = TableCell;
|
|
61
|
-
DataTable.TableContainer = TableContainer;
|
|
62
|
-
DataTable.TableDecoratorRow = TableDecoratorRow;
|
|
63
|
-
DataTable.TableExpandHeader = TableExpandHeader;
|
|
64
|
-
DataTable.TableExpandRow = TableExpandRow;
|
|
65
|
-
DataTable.TableExpandedRow = TableExpandedRow;
|
|
66
|
-
DataTable.TableHead = TableHead;
|
|
67
|
-
DataTable.TableHeader = TableHeader;
|
|
68
|
-
DataTable.TableRow = TableRow;
|
|
69
|
-
DataTable.TableSelectAll = TableSelectAll;
|
|
70
|
-
DataTable.TableSelectRow = TableSelectRow;
|
|
71
|
-
DataTable.TableSlugRow = TableSlugRow;
|
|
72
|
-
DataTable.TableToolbar = TableToolbar;
|
|
73
|
-
DataTable.TableToolbarAction = TableToolbarAction;
|
|
74
|
-
DataTable.TableToolbarContent = TableToolbarContent;
|
|
75
|
-
DataTable.TableToolbarSearch = TableToolbarSearch;
|
|
76
|
-
DataTable.TableToolbarMenu = TableToolbarMenu;
|
|
@@ -1,34 +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
|
-
const cachedDisplayNames = new WeakMap();
|
|
9
|
-
|
|
10
|
-
/**
|
|
11
|
-
* `getDisplayName` is a utility function for getting a name from a given
|
|
12
|
-
* component type. It supports names from React elements, Stateless Functional
|
|
13
|
-
* Components, and Class-based Components
|
|
14
|
-
*/
|
|
15
|
-
const getDisplayName = type => {
|
|
16
|
-
if (typeof type === 'string') {
|
|
17
|
-
return type;
|
|
18
|
-
}
|
|
19
|
-
if (cachedDisplayNames.has(type)) {
|
|
20
|
-
return cachedDisplayNames.get(type);
|
|
21
|
-
}
|
|
22
|
-
let displayName;
|
|
23
|
-
if (typeof type.displayName === 'string') {
|
|
24
|
-
displayName = type.displayName;
|
|
25
|
-
}
|
|
26
|
-
if (!displayName) {
|
|
27
|
-
displayName = type.name || 'Unknown';
|
|
28
|
-
}
|
|
29
|
-
cachedDisplayNames.set(type, displayName);
|
|
30
|
-
return displayName;
|
|
31
|
-
};
|
|
32
|
-
var getDisplayName$1 = getDisplayName;
|
|
33
|
-
|
|
34
|
-
export { getDisplayName$1 as default };
|
package/es/prop-types/types.js
DELETED
|
@@ -1,13 +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
|
-
/**
|
|
9
|
-
* @deprecated use ButtonKinds export from Button component instead
|
|
10
|
-
*/
|
|
11
|
-
const ButtonKinds = ['primary', 'secondary', 'danger', 'ghost', 'danger--primary', 'danger--ghost', 'danger--tertiary', 'tertiary'];
|
|
12
|
-
|
|
13
|
-
export { ButtonKinds };
|