@carbon/react 1.110.0 → 1.111.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 +927 -927
- package/es/components/AILabel/index.js +48 -1
- package/es/components/AISkeleton/AISkeletonIcon.js +7 -1
- package/es/components/AISkeleton/AISkeletonPlaceholder.js +7 -2
- package/es/components/AISkeleton/AISkeletonText.js +16 -1
- package/es/components/Accordion/Accordion.Skeleton.js +16 -1
- package/es/components/Accordion/Accordion.js +23 -1
- package/es/components/Accordion/AccordionItem.js +34 -1
- package/es/components/AspectRatio/AspectRatio.js +20 -1
- package/es/components/BadgeIndicator/index.js +10 -1
- package/es/components/Breadcrumb/Breadcrumb.Skeleton.js +13 -1
- package/es/components/Breadcrumb/Breadcrumb.js +17 -1
- package/es/components/Breadcrumb/BreadcrumbItem.js +13 -1
- package/es/components/Button/Button.Skeleton.js +18 -1
- package/es/components/Button/Button.js +96 -0
- package/es/components/Button/ButtonBase.js +1 -1
- package/es/components/ButtonSet/ButtonSet.js +15 -1
- package/es/components/ChatButton/ChatButton.Skeleton.js +7 -1
- package/es/components/ChatButton/ChatButton.js +25 -1
- package/es/components/Checkbox/Checkbox.Skeleton.js +6 -2
- package/es/components/Checkbox/Checkbox.js +59 -2
- package/es/components/CheckboxGroup/CheckboxGroup.js +41 -1
- package/es/components/ClassPrefix/index.js +3 -0
- package/es/components/CodeSnippet/CodeSnippet.Skeleton.js +7 -1
- package/es/components/CodeSnippet/CodeSnippet.js +77 -1
- package/es/components/ComboBox/ComboBox.js +141 -1
- package/es/components/ComboButton/index.js +28 -1
- package/es/components/ComposedModal/ComposedModal.js +70 -2
- package/es/components/ComposedModal/ModalFooter.js +65 -2
- package/es/components/ComposedModal/ModalHeader.js +36 -1
- package/es/components/ContainedList/ContainedList.js +22 -1
- package/es/components/ContainedList/ContainedListItem/ContainedListItem.js +19 -1
- package/es/components/ContentSwitcher/ContentSwitcher.js +26 -1
- package/es/components/Copy/Copy.js +31 -2
- package/es/components/CopyButton/CopyButton.js +28 -2
- package/es/components/DataTable/DataTable.js +59 -0
- package/es/components/DataTable/Table.js +28 -1
- package/es/components/DataTable/TableBatchAction.js +10 -0
- package/es/components/DataTable/TableBatchActions.js +25 -1
- package/es/components/DataTable/TableBody.js +3 -0
- package/es/components/DataTable/TableCell.js +16 -1
- package/es/components/DataTable/TableContainer.js +19 -1
- package/es/components/DataTable/TableDecoratorRow.js +7 -1
- package/es/components/DataTable/TableExpandHeader.js +32 -1
- package/es/components/DataTable/TableExpandRow.js +30 -1
- package/es/components/DataTable/TableExpandedRow.js +10 -1
- package/es/components/DataTable/TableHeader.js +36 -1
- package/es/components/DataTable/TableRow.js +22 -1
- package/es/components/DataTable/TableSelectAll.js +29 -1
- package/es/components/DataTable/TableSelectRow.js +32 -1
- package/es/components/DataTable/TableSlugRow.js +7 -1
- package/es/components/DataTable/TableToolbar.js +16 -1
- package/es/components/DataTable/TableToolbarMenu.js +16 -1
- package/es/components/DataTable/TableToolbarSearch.js +60 -2
- package/es/components/DataTableSkeleton/DataTableSkeleton.js +25 -1
- package/es/components/DatePicker/DatePicker.Skeleton.js +13 -1
- package/es/components/DatePicker/DatePicker.js +89 -1
- package/es/components/DatePickerInput/DatePickerInput.js +81 -2
- package/es/components/Dialog/Dialog.js +132 -5
- package/es/components/Dropdown/Dropdown.Skeleton.js +10 -1
- package/es/components/Dropdown/Dropdown.js +110 -1
- package/es/components/ExpandableSearch/ExpandableSearch.js +1 -1
- package/es/components/FeatureFlags/index.js +3 -0
- package/es/components/FileUploader/FileUploader.Skeleton.js +6 -2
- package/es/components/FileUploader/FileUploader.js +58 -1
- package/es/components/FileUploader/FileUploaderButton.js +49 -2
- package/es/components/FileUploader/FileUploaderDropContainer.js +44 -2
- package/es/components/FileUploader/FileUploaderItem.js +31 -2
- package/es/components/FileUploader/Filename.js +18 -0
- package/es/components/FluidComboBox/FluidComboBox.Skeleton.js +6 -2
- package/es/components/FluidComboBox/FluidComboBox.js +62 -1
- package/es/components/FluidDatePicker/FluidDatePicker.Skeleton.js +7 -1
- package/es/components/FluidDatePicker/FluidDatePicker.js +22 -1
- package/es/components/FluidDropdown/FluidDropdown.Skeleton.js +6 -2
- package/es/components/FluidDropdown/FluidDropdown.js +66 -1
- package/es/components/FluidForm/FluidForm.js +7 -1
- package/es/components/FluidMultiSelect/FluidMultiSelect.Skeleton.js +6 -2
- package/es/components/FluidMultiSelect/FluidMultiSelect.js +129 -1
- package/es/components/FluidNumberInput/FluidNumberInput.Skeleton.js +6 -2
- package/es/components/FluidNumberInput/FluidNumberInput.js +96 -1
- package/es/components/FluidSearch/FluidSearch.Skeleton.js +6 -2
- package/es/components/FluidSearch/FluidSearch.js +46 -1
- package/es/components/FluidSelect/FluidSelect.Skeleton.js +6 -2
- package/es/components/FluidSelect/FluidSelect.js +39 -1
- package/es/components/FluidTextArea/FluidTextArea.Skeleton.js +6 -2
- package/es/components/FluidTextArea/FluidTextArea.js +68 -1
- package/es/components/FluidTextInput/FluidPasswordInput.js +59 -1
- package/es/components/FluidTextInput/FluidTextInput.Skeleton.js +6 -2
- package/es/components/FluidTextInput/FluidTextInput.js +55 -1
- package/es/components/FluidTimePicker/FluidTimePicker.Skeleton.js +7 -1
- package/es/components/FluidTimePicker/FluidTimePicker.js +29 -1
- package/es/components/FluidTimePickerSelect/FluidTimePickerSelect.js +26 -0
- package/es/components/Form/Form.js +7 -1
- package/es/components/FormGroup/FormGroup.js +26 -1
- package/es/components/FormItem/FormItem.js +7 -1
- package/es/components/FormLabel/FormLabel.js +10 -1
- package/es/components/Grid/CSSGrid.js +44 -1
- package/es/components/Grid/Column.js +87 -1
- package/es/components/Grid/ColumnHang.js +10 -1
- package/es/components/Grid/FlexGrid.js +25 -1
- package/es/components/Grid/Grid.js +27 -0
- package/es/components/Grid/GridContext.js +10 -0
- package/es/components/Grid/Row.js +18 -1
- package/es/components/Heading/index.js +19 -0
- package/es/components/Icon/Icon.Skeleton.js +6 -2
- package/es/components/IconButton/index.js +69 -1
- package/es/components/IconIndicator/index.js +13 -1
- package/es/components/IdPrefix/index.js +3 -0
- package/es/components/InlineCheckbox/InlineCheckbox.js +34 -0
- package/es/components/InlineLoading/InlineLoading.js +20 -1
- package/es/components/Layer/index.js +18 -1
- package/es/components/Layout/index.js +35 -1
- package/es/components/LayoutDirection/LayoutDirection.js +10 -0
- package/es/components/Link/Link.d.ts +1 -1
- package/es/components/Link/Link.js +29 -1
- package/es/components/ListBox/ListBox.js +42 -1
- package/es/components/ListBox/ListBoxField.js +17 -0
- package/es/components/ListBox/ListBoxMenu.js +6 -0
- package/es/components/ListBox/ListBoxMenuIcon.js +8 -1
- package/es/components/ListBox/ListBoxMenuItem.js +17 -1
- package/es/components/ListBox/ListBoxSelection.d.ts +1 -1
- package/es/components/ListBox/ListBoxSelection.js +33 -10
- package/es/components/ListBox/next/ListBoxSelection.d.ts +1 -1
- package/es/components/ListBox/next/ListBoxSelection.js +42 -7
- package/es/components/ListBox/next/ListBoxTrigger.js +8 -1
- package/es/components/ListItem/ListItem.js +7 -1
- package/es/components/Loading/Loading.js +19 -1
- package/es/components/Menu/Menu.js +53 -1
- package/es/components/Menu/MenuItem.js +78 -2
- package/es/components/MenuButton/index.js +34 -1
- package/es/components/Modal/Modal.js +118 -4
- package/es/components/ModalWrapper/ModalWrapper.js +2 -2
- package/es/components/MultiSelect/FilterableMultiSelect.js +129 -1
- package/es/components/MultiSelect/MultiSelect.js +151 -3
- package/es/components/MultiSelect/MultiSelectPropTypes.js +25 -0
- package/es/components/Notification/Notification.js +210 -3
- package/es/components/NumberInput/NumberInput.Skeleton.js +10 -1
- package/es/components/NumberInput/NumberInput.js +139 -1
- package/es/components/OrderedList/OrderedList.js +16 -1
- package/es/components/OverflowMenu/OverflowMenu.js +78 -2
- package/es/components/OverflowMenu/next/index.js +31 -1
- package/es/components/OverflowMenuItem/OverflowMenuItem.js +38 -2
- package/es/components/PageHeader/PageHeader.js +49 -1
- package/es/components/Pagination/Pagination.Skeleton.js +6 -2
- package/es/components/Pagination/Pagination.d.ts +8 -0
- package/es/components/Pagination/Pagination.js +86 -4
- package/es/components/Pagination/experimental/PageSelector.js +9 -1
- package/es/components/Pagination/experimental/Pagination.js +55 -1
- package/es/components/PaginationNav/PaginationNav.js +81 -1
- package/es/components/Popover/index.js +59 -1
- package/es/components/ProgressBar/ProgressBar.js +28 -1
- package/es/components/ProgressIndicator/ProgressIndicator.Skeleton.js +7 -1
- package/es/components/ProgressIndicator/ProgressIndicator.js +59 -1
- package/es/components/RadioButton/RadioButton.Skeleton.js +6 -2
- package/es/components/RadioButton/RadioButton.js +64 -1
- package/es/components/RadioButtonGroup/RadioButtonGroup.js +60 -1
- package/es/components/RadioTile/RadioTile.js +47 -2
- package/es/components/Search/Search.Skeleton.js +10 -1
- package/es/components/Search/Search.js +68 -3
- package/es/components/Select/Select.Skeleton.js +7 -1
- package/es/components/Select/Select.js +83 -20
- package/es/components/SelectItem/SelectItem.js +16 -1
- package/es/components/SelectItemGroup/SelectItemGroup.js +13 -1
- package/es/components/ShapeIndicator/index.js +13 -1
- package/es/components/SkeletonIcon/SkeletonIcon.js +6 -2
- package/es/components/SkeletonPlaceholder/SkeletonPlaceholder.js +6 -2
- package/es/components/SkeletonText/SkeletonText.js +16 -1
- package/es/components/Slider/Slider.Skeleton.js +16 -1
- package/es/components/Slider/Slider.js +105 -1
- package/es/components/Stack/Stack.js +21 -1
- package/es/components/StructuredList/StructuredList.Skeleton.js +7 -1
- package/es/components/StructuredList/StructuredList.js +98 -1
- package/es/components/Switch/IconSwitch.js +49 -2
- package/es/components/Switch/Switch.js +32 -2
- package/es/components/TabContent/TabContent.js +10 -1
- package/es/components/Tabs/Tabs.Skeleton.js +7 -1
- package/es/components/Tabs/Tabs.js +175 -2
- package/es/components/Tag/DismissibleTag.js +44 -1
- package/es/components/Tag/OperationalTag.js +23 -1
- package/es/components/Tag/SelectableTag.js +32 -1
- package/es/components/Tag/Tag.Skeleton.js +8 -1
- package/es/components/Tag/Tag.js +42 -1
- package/es/components/Text/Text.js +10 -0
- package/es/components/Text/TextDirection.js +11 -0
- package/es/components/TextArea/TextArea.Skeleton.js +7 -1
- package/es/components/TextArea/TextArea.js +82 -2
- package/es/components/TextInput/ControlledPasswordInput.js +66 -2
- package/es/components/TextInput/PasswordInput.js +84 -1
- package/es/components/TextInput/TextInput.Skeleton.js +10 -1
- package/es/components/TextInput/TextInput.js +77 -1
- package/es/components/Theme/index.js +22 -1
- package/es/components/Tile/Tile.js +158 -3
- package/es/components/TileGroup/TileGroup.js +29 -1
- package/es/components/TimePicker/TimePicker.js +68 -1
- package/es/components/TimePickerSelect/TimePickerSelect.js +16 -1
- package/es/components/Toggle/Toggle.Skeleton.js +1 -1
- package/es/components/Toggle/Toggle.js +47 -1
- package/es/components/ToggleSmall/ToggleSmall.Skeleton.js +12 -1
- package/es/components/Toggletip/index.js +39 -1
- package/es/components/Tooltip/DefinitionTooltip.js +37 -1
- package/es/components/Tooltip/Tooltip.js +47 -1
- package/es/components/TreeView/TreeNode.js +65 -1
- package/es/components/TreeView/TreeView.js +33 -1
- package/es/components/UIShell/Content.js +10 -1
- package/es/components/UIShell/Header.js +10 -1
- package/es/components/UIShell/HeaderContainer.js +9 -0
- package/es/components/UIShell/HeaderGlobalAction.js +29 -1
- package/es/components/UIShell/HeaderMenu.js +38 -1
- package/es/components/UIShell/HeaderMenuButton.js +18 -1
- package/es/components/UIShell/HeaderMenuItem.js +26 -1
- package/es/components/UIShell/HeaderName.js +19 -1
- package/es/components/UIShell/HeaderNavigation.js +11 -1
- package/es/components/UIShell/HeaderPanel.js +21 -2
- package/es/components/UIShell/HeaderSideNavItems.js +12 -1
- package/es/components/UIShell/Link.js +14 -0
- package/es/components/UIShell/SideNav.js +54 -1
- package/es/components/UIShell/SideNavDetails.js +11 -1
- package/es/components/UIShell/SideNavDivider.js +6 -2
- package/es/components/UIShell/SideNavFooter.js +12 -1
- package/es/components/UIShell/SideNavHeader.js +14 -1
- package/es/components/UIShell/SideNavIcon.js +11 -1
- package/es/components/UIShell/SideNavItem.js +11 -1
- package/es/components/UIShell/SideNavItems.js +12 -1
- package/es/components/UIShell/SideNavLink.js +23 -1
- package/es/components/UIShell/SideNavLinkText.js +7 -1
- package/es/components/UIShell/SideNavMenu.js +32 -1
- package/es/components/UIShell/SideNavMenuItem.js +18 -1
- package/es/components/UIShell/SideNavSwitcher.js +17 -1
- package/es/components/UIShell/SkipToContent.js +12 -1
- package/es/components/UIShell/Switcher.js +13 -1
- package/es/components/UIShell/SwitcherDivider.js +6 -2
- package/es/components/UIShell/SwitcherItem.js +31 -1
- package/es/components/UnorderedList/UnorderedList.js +13 -1
- package/es/internal/FloatingMenu.js +1 -1
- package/es/internal/OptimizedResize.js +6 -2
- package/es/internal/usePresence.js +6 -0
- package/es/tools/wrapComponent.js +1 -1
- package/lib/components/AILabel/index.js +49 -2
- package/lib/components/AISkeleton/AISkeletonIcon.js +8 -2
- package/lib/components/AISkeleton/AISkeletonPlaceholder.js +8 -3
- package/lib/components/AISkeleton/AISkeletonText.js +17 -2
- package/lib/components/Accordion/Accordion.Skeleton.js +17 -2
- package/lib/components/Accordion/Accordion.js +24 -2
- package/lib/components/Accordion/AccordionItem.js +35 -2
- package/lib/components/AspectRatio/AspectRatio.js +21 -2
- package/lib/components/BadgeIndicator/index.js +11 -2
- package/lib/components/Breadcrumb/Breadcrumb.Skeleton.js +14 -2
- package/lib/components/Breadcrumb/Breadcrumb.js +18 -2
- package/lib/components/Breadcrumb/BreadcrumbItem.js +14 -2
- package/lib/components/Button/Button.Skeleton.js +19 -2
- package/lib/components/Button/Button.js +96 -0
- package/lib/components/Button/ButtonBase.js +2 -2
- package/lib/components/ButtonSet/ButtonSet.js +16 -2
- package/lib/components/ChatButton/ChatButton.Skeleton.js +8 -2
- package/lib/components/ChatButton/ChatButton.js +26 -2
- package/lib/components/Checkbox/Checkbox.Skeleton.js +7 -3
- package/lib/components/Checkbox/Checkbox.js +60 -3
- package/lib/components/CheckboxGroup/CheckboxGroup.js +42 -2
- package/lib/components/ClassPrefix/index.js +3 -0
- package/lib/components/CodeSnippet/CodeSnippet.Skeleton.js +8 -2
- package/lib/components/CodeSnippet/CodeSnippet.js +78 -2
- package/lib/components/ComboBox/ComboBox.js +142 -2
- package/lib/components/ComboButton/index.js +29 -2
- package/lib/components/ComposedModal/ComposedModal.js +71 -3
- package/lib/components/ComposedModal/ComposedModalContext.js +0 -1
- package/lib/components/ComposedModal/ModalFooter.js +66 -3
- package/lib/components/ComposedModal/ModalHeader.js +37 -2
- package/lib/components/ComposedModal/useComposedModalState.js +0 -1
- package/lib/components/ContainedList/ContainedList.js +23 -2
- package/lib/components/ContainedList/ContainedListItem/ContainedListItem.js +20 -2
- package/lib/components/ContainedList/index.js +2 -2
- package/lib/components/ContentSwitcher/ContentSwitcher.js +27 -2
- package/lib/components/ContextMenu/useContextMenu.js +0 -1
- package/lib/components/Copy/Copy.js +32 -3
- package/lib/components/CopyButton/CopyButton.js +29 -3
- package/lib/components/DataTable/DataTable.js +59 -0
- package/lib/components/DataTable/Table.js +29 -2
- package/lib/components/DataTable/TableBatchAction.js +10 -0
- package/lib/components/DataTable/TableBatchActions.js +26 -2
- package/lib/components/DataTable/TableBody.js +3 -0
- package/lib/components/DataTable/TableCell.js +17 -2
- package/lib/components/DataTable/TableContainer.js +20 -2
- package/lib/components/DataTable/TableContext.js +0 -1
- package/lib/components/DataTable/TableDecoratorRow.js +8 -2
- package/lib/components/DataTable/TableExpandHeader.js +33 -2
- package/lib/components/DataTable/TableExpandRow.js +31 -2
- package/lib/components/DataTable/TableExpandedRow.js +11 -2
- package/lib/components/DataTable/TableHeader.js +37 -2
- package/lib/components/DataTable/TableRow.js +23 -2
- package/lib/components/DataTable/TableSelectAll.js +30 -2
- package/lib/components/DataTable/TableSelectRow.js +33 -2
- package/lib/components/DataTable/TableSlugRow.js +8 -2
- package/lib/components/DataTable/TableToolbar.js +17 -2
- package/lib/components/DataTable/TableToolbarMenu.js +17 -2
- package/lib/components/DataTable/TableToolbarSearch.js +61 -3
- package/lib/components/DataTableSkeleton/DataTableSkeleton.js +26 -2
- package/lib/components/DatePicker/DatePicker.Skeleton.js +14 -2
- package/lib/components/DatePicker/DatePicker.js +90 -2
- package/lib/components/DatePickerInput/DatePickerInput.js +82 -3
- package/lib/components/Dialog/Dialog.js +133 -6
- package/lib/components/Dropdown/Dropdown.Skeleton.js +11 -2
- package/lib/components/Dropdown/Dropdown.js +111 -2
- package/lib/components/ErrorBoundary/ErrorBoundaryContext.js +0 -1
- package/lib/components/ExpandableSearch/ExpandableSearch.js +2 -2
- package/lib/components/FeatureFlags/index.js +3 -0
- package/lib/components/FileUploader/FileUploader.Skeleton.js +7 -3
- package/lib/components/FileUploader/FileUploader.js +59 -2
- package/lib/components/FileUploader/FileUploaderButton.js +50 -3
- package/lib/components/FileUploader/FileUploaderDropContainer.js +45 -3
- package/lib/components/FileUploader/FileUploaderItem.js +32 -3
- package/lib/components/FileUploader/Filename.js +18 -0
- package/lib/components/FluidComboBox/FluidComboBox.Skeleton.js +7 -3
- package/lib/components/FluidComboBox/FluidComboBox.js +63 -2
- package/lib/components/FluidDatePicker/FluidDatePicker.Skeleton.js +8 -2
- package/lib/components/FluidDatePicker/FluidDatePicker.js +23 -2
- package/lib/components/FluidDropdown/FluidDropdown.Skeleton.js +7 -3
- package/lib/components/FluidDropdown/FluidDropdown.js +67 -2
- package/lib/components/FluidForm/FluidForm.js +8 -2
- package/lib/components/FluidForm/FormContext.js +0 -1
- package/lib/components/FluidMultiSelect/FluidMultiSelect.Skeleton.js +7 -3
- package/lib/components/FluidMultiSelect/FluidMultiSelect.js +130 -2
- package/lib/components/FluidNumberInput/FluidNumberInput.Skeleton.js +7 -3
- package/lib/components/FluidNumberInput/FluidNumberInput.js +97 -2
- package/lib/components/FluidSearch/FluidSearch.Skeleton.js +7 -3
- package/lib/components/FluidSearch/FluidSearch.js +47 -2
- package/lib/components/FluidSelect/FluidSelect.Skeleton.js +7 -3
- package/lib/components/FluidSelect/FluidSelect.js +40 -2
- package/lib/components/FluidTextArea/FluidTextArea.Skeleton.js +7 -3
- package/lib/components/FluidTextArea/FluidTextArea.js +69 -2
- package/lib/components/FluidTextInput/FluidPasswordInput.js +60 -2
- package/lib/components/FluidTextInput/FluidTextInput.Skeleton.js +7 -3
- package/lib/components/FluidTextInput/FluidTextInput.js +56 -2
- package/lib/components/FluidTimePicker/FluidTimePicker.Skeleton.js +8 -2
- package/lib/components/FluidTimePicker/FluidTimePicker.js +30 -2
- package/lib/components/FluidTimePickerSelect/FluidTimePickerSelect.js +26 -0
- package/lib/components/Form/Form.js +8 -2
- package/lib/components/FormGroup/FormGroup.js +27 -2
- package/lib/components/FormItem/FormItem.js +8 -2
- package/lib/components/FormLabel/FormLabel.js +11 -2
- package/lib/components/Grid/CSSGrid.js +45 -2
- package/lib/components/Grid/Column.js +88 -2
- package/lib/components/Grid/ColumnHang.js +11 -2
- package/lib/components/Grid/FlexGrid.js +26 -2
- package/lib/components/Grid/Grid.js +27 -0
- package/lib/components/Grid/GridContext.js +10 -0
- package/lib/components/Grid/Row.js +19 -2
- package/lib/components/Heading/index.js +19 -0
- package/lib/components/Icon/Icon.Skeleton.js +7 -3
- package/lib/components/IconButton/index.js +70 -2
- package/lib/components/IconIndicator/index.js +14 -2
- package/lib/components/IdPrefix/index.js +3 -0
- package/lib/components/InlineCheckbox/InlineCheckbox.js +34 -0
- package/lib/components/InlineLoading/InlineLoading.js +21 -2
- package/lib/components/Layer/index.js +19 -2
- package/lib/components/Layout/index.js +36 -2
- package/lib/components/LayoutDirection/LayoutDirection.js +10 -0
- package/lib/components/LayoutDirection/useLayoutDirection.js +0 -1
- package/lib/components/Link/Link.d.ts +1 -1
- package/lib/components/Link/Link.js +30 -2
- package/lib/components/ListBox/ListBox.js +43 -2
- package/lib/components/ListBox/ListBoxField.js +17 -0
- package/lib/components/ListBox/ListBoxMenu.js +6 -0
- package/lib/components/ListBox/ListBoxMenuIcon.js +9 -2
- package/lib/components/ListBox/ListBoxMenuItem.js +18 -2
- package/lib/components/ListBox/ListBoxSelection.d.ts +1 -1
- package/lib/components/ListBox/ListBoxSelection.js +34 -11
- package/lib/components/ListBox/next/ListBoxSelection.d.ts +1 -1
- package/lib/components/ListBox/next/ListBoxSelection.js +43 -8
- package/lib/components/ListBox/next/ListBoxTrigger.js +9 -2
- package/lib/components/ListItem/ListItem.js +8 -2
- package/lib/components/Loading/Loading.js +20 -2
- package/lib/components/Menu/Menu.js +54 -2
- package/lib/components/Menu/MenuContext.js +0 -1
- package/lib/components/Menu/MenuItem.js +79 -3
- package/lib/components/MenuButton/index.js +35 -2
- package/lib/components/Modal/Modal.js +119 -5
- package/lib/components/ModalWrapper/ModalWrapper.js +2 -2
- package/lib/components/MultiSelect/FilterableMultiSelect.js +130 -2
- package/lib/components/MultiSelect/MultiSelect.js +151 -3
- package/lib/components/MultiSelect/MultiSelectPropTypes.js +25 -0
- package/lib/components/Notification/Notification.js +211 -4
- package/lib/components/NumberInput/NumberInput.Skeleton.js +11 -2
- package/lib/components/NumberInput/NumberInput.js +140 -2
- package/lib/components/OrderedList/OrderedList.js +17 -2
- package/lib/components/OverflowMenu/OverflowMenu.js +79 -3
- package/lib/components/OverflowMenu/next/index.js +32 -2
- package/lib/components/OverflowMenuItem/OverflowMenuItem.js +39 -3
- package/lib/components/PageHeader/PageHeader.js +50 -2
- package/lib/components/Pagination/Pagination.Skeleton.js +7 -3
- package/lib/components/Pagination/Pagination.d.ts +8 -0
- package/lib/components/Pagination/Pagination.js +87 -5
- package/lib/components/Pagination/experimental/PageSelector.js +10 -2
- package/lib/components/Pagination/experimental/Pagination.js +56 -2
- package/lib/components/PaginationNav/PaginationNav.js +82 -2
- package/lib/components/Popover/index.js +60 -2
- package/lib/components/ProgressBar/ProgressBar.js +29 -2
- package/lib/components/ProgressIndicator/ProgressIndicator.Skeleton.js +8 -2
- package/lib/components/ProgressIndicator/ProgressIndicator.js +60 -2
- package/lib/components/RadioButton/RadioButton.Skeleton.js +7 -3
- package/lib/components/RadioButton/RadioButton.js +65 -2
- package/lib/components/RadioButtonGroup/RadioButtonGroup.js +61 -2
- package/lib/components/RadioTile/RadioTile.js +48 -3
- package/lib/components/Search/Search.Skeleton.js +11 -2
- package/lib/components/Search/Search.js +69 -4
- package/lib/components/Select/Select.Skeleton.js +8 -2
- package/lib/components/Select/Select.js +84 -21
- package/lib/components/SelectItem/SelectItem.js +17 -2
- package/lib/components/SelectItemGroup/SelectItemGroup.js +14 -2
- package/lib/components/ShapeIndicator/index.js +14 -2
- package/lib/components/SkeletonIcon/SkeletonIcon.js +7 -3
- package/lib/components/SkeletonPlaceholder/SkeletonPlaceholder.js +7 -3
- package/lib/components/SkeletonText/SkeletonText.js +17 -2
- package/lib/components/Slider/Slider.Skeleton.js +17 -2
- package/lib/components/Slider/Slider.js +106 -2
- package/lib/components/Stack/Stack.js +22 -2
- package/lib/components/StructuredList/StructuredList.Skeleton.js +8 -2
- package/lib/components/StructuredList/StructuredList.js +99 -2
- package/lib/components/Switch/IconSwitch.js +50 -3
- package/lib/components/Switch/Switch.js +33 -3
- package/lib/components/TabContent/TabContent.js +11 -2
- package/lib/components/Tabs/Tabs.Skeleton.js +8 -2
- package/lib/components/Tabs/Tabs.js +176 -3
- package/lib/components/Tabs/usePressable.js +0 -1
- package/lib/components/Tag/DismissibleTag.js +45 -2
- package/lib/components/Tag/OperationalTag.js +24 -2
- package/lib/components/Tag/SelectableTag.js +33 -2
- package/lib/components/Tag/Tag.Skeleton.js +9 -2
- package/lib/components/Tag/Tag.js +43 -2
- package/lib/components/Text/Text.js +10 -0
- package/lib/components/Text/TextDirection.js +11 -0
- package/lib/components/Text/TextDirectionContext.js +0 -1
- package/lib/components/TextArea/TextArea.Skeleton.js +8 -2
- package/lib/components/TextArea/TextArea.js +83 -3
- package/lib/components/TextInput/ControlledPasswordInput.js +67 -3
- package/lib/components/TextInput/PasswordInput.js +85 -2
- package/lib/components/TextInput/TextInput.Skeleton.js +11 -2
- package/lib/components/TextInput/TextInput.js +78 -2
- package/lib/components/Theme/index.js +23 -2
- package/lib/components/Tile/Tile.js +159 -4
- package/lib/components/TileGroup/TileGroup.js +29 -1
- package/lib/components/TimePicker/TimePicker.js +69 -2
- package/lib/components/TimePickerSelect/TimePickerSelect.js +17 -2
- package/lib/components/Toggle/Toggle.Skeleton.js +2 -2
- package/lib/components/Toggle/Toggle.js +48 -2
- package/lib/components/ToggleSmall/ToggleSmall.Skeleton.js +13 -2
- package/lib/components/Toggletip/index.js +40 -2
- package/lib/components/Tooltip/DefinitionTooltip.js +38 -2
- package/lib/components/Tooltip/Tooltip.js +48 -2
- package/lib/components/TreeView/TreeContext.js +0 -1
- package/lib/components/TreeView/TreeNode.js +66 -2
- package/lib/components/TreeView/TreeView.js +34 -2
- package/lib/components/UIShell/Content.js +11 -2
- package/lib/components/UIShell/Header.js +11 -2
- package/lib/components/UIShell/HeaderContainer.js +9 -0
- package/lib/components/UIShell/HeaderGlobalAction.js +30 -2
- package/lib/components/UIShell/HeaderMenu.js +39 -2
- package/lib/components/UIShell/HeaderMenuButton.js +19 -2
- package/lib/components/UIShell/HeaderMenuItem.js +27 -2
- package/lib/components/UIShell/HeaderName.js +20 -2
- package/lib/components/UIShell/HeaderNavigation.js +12 -2
- package/lib/components/UIShell/HeaderPanel.js +22 -3
- package/lib/components/UIShell/HeaderSideNavItems.js +13 -2
- package/lib/components/UIShell/Link.js +14 -0
- package/lib/components/UIShell/SideNav.js +55 -2
- package/lib/components/UIShell/SideNavDetails.js +12 -2
- package/lib/components/UIShell/SideNavDivider.js +7 -3
- package/lib/components/UIShell/SideNavFooter.js +13 -2
- package/lib/components/UIShell/SideNavHeader.js +15 -2
- package/lib/components/UIShell/SideNavIcon.js +12 -2
- package/lib/components/UIShell/SideNavItem.js +12 -2
- package/lib/components/UIShell/SideNavItems.js +13 -2
- package/lib/components/UIShell/SideNavLink.js +24 -2
- package/lib/components/UIShell/SideNavLinkText.js +8 -2
- package/lib/components/UIShell/SideNavMenu.js +33 -2
- package/lib/components/UIShell/SideNavMenuItem.js +19 -2
- package/lib/components/UIShell/SideNavSwitcher.js +18 -2
- package/lib/components/UIShell/SkipToContent.js +13 -2
- package/lib/components/UIShell/Switcher.js +14 -2
- package/lib/components/UIShell/SwitcherDivider.js +7 -3
- package/lib/components/UIShell/SwitcherItem.js +32 -2
- package/lib/components/UnorderedList/UnorderedList.js +14 -2
- package/lib/feature-flags.js +0 -1
- package/lib/index.js +241 -242
- package/lib/internal/FloatingMenu.js +1 -1
- package/lib/internal/OptimizedResize.js +6 -2
- package/lib/internal/useAttachedMenu.js +0 -1
- package/lib/internal/useControllableState.js +0 -1
- package/lib/internal/useDelayedState.js +0 -1
- package/lib/internal/useEvent.js +0 -1
- package/lib/internal/useIsomorphicEffect.js +0 -1
- package/lib/internal/useMatchMedia.js +0 -1
- package/lib/internal/useMergedRefs.js +0 -1
- package/lib/internal/useNoInteractiveChildren.js +0 -1
- package/lib/internal/useOutsideClick.js +0 -1
- package/lib/internal/useOverflowItems.js +0 -1
- package/lib/internal/usePresence.js +6 -1
- package/lib/internal/usePresenceContext.js +0 -1
- package/lib/internal/usePreviousValue.js +0 -1
- package/lib/internal/useResizeObserver.js +0 -1
- package/lib/internal/useSavedCallback.js +0 -1
- package/lib/internal/utils.js +0 -1
- package/lib/internal/wrapFocus.js +0 -1
- package/lib/tools/wrapComponent.js +2 -2
- package/package.json +9 -9
- package/telemetry.yml +12 -0
|
@@ -7,10 +7,10 @@
|
|
|
7
7
|
|
|
8
8
|
const require_runtime = require("../../_virtual/_rolldown/runtime.js");
|
|
9
9
|
const require_usePrefix = require("../../internal/usePrefix.js");
|
|
10
|
-
let react = require("react");
|
|
11
|
-
react = require_runtime.__toESM(react);
|
|
12
10
|
let classnames = require("classnames");
|
|
13
11
|
classnames = require_runtime.__toESM(classnames);
|
|
12
|
+
let react = require("react");
|
|
13
|
+
react = require_runtime.__toESM(react);
|
|
14
14
|
let prop_types = require("prop-types");
|
|
15
15
|
prop_types = require_runtime.__toESM(prop_types);
|
|
16
16
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
@@ -59,18 +59,46 @@ const Link = react.default.forwardRef(({ as: BaseComponent, children, className:
|
|
|
59
59
|
});
|
|
60
60
|
Link.displayName = "Link";
|
|
61
61
|
Link.propTypes = {
|
|
62
|
+
/**
|
|
63
|
+
* Provide a custom element or component to render the top-level node for the
|
|
64
|
+
* component.
|
|
65
|
+
*/
|
|
62
66
|
as: prop_types.default.elementType,
|
|
67
|
+
/**
|
|
68
|
+
* Provide the content for the Link
|
|
69
|
+
*/
|
|
63
70
|
children: prop_types.default.node,
|
|
71
|
+
/**
|
|
72
|
+
* Provide a custom className to be applied to the containing `<a>` node
|
|
73
|
+
*/
|
|
64
74
|
className: prop_types.default.string,
|
|
75
|
+
/**
|
|
76
|
+
* Specify if the control should be disabled, or not
|
|
77
|
+
*/
|
|
65
78
|
disabled: prop_types.default.bool,
|
|
79
|
+
/**
|
|
80
|
+
* Provide the `href` attribute for the `<a>` node
|
|
81
|
+
*/
|
|
66
82
|
href: prop_types.default.string,
|
|
83
|
+
/**
|
|
84
|
+
* Specify whether you want the inline version of this control
|
|
85
|
+
*/
|
|
67
86
|
inline: prop_types.default.bool,
|
|
87
|
+
/**
|
|
88
|
+
* A component used to render an icon.
|
|
89
|
+
*/
|
|
68
90
|
renderIcon: prop_types.default.oneOfType([prop_types.default.func, prop_types.default.object]),
|
|
91
|
+
/**
|
|
92
|
+
* Specify the size of the Link. Currently supports either `sm`, `md` (default) or `lg` as an option.
|
|
93
|
+
*/
|
|
69
94
|
size: prop_types.default.oneOf([
|
|
70
95
|
"sm",
|
|
71
96
|
"md",
|
|
72
97
|
"lg"
|
|
73
98
|
]),
|
|
99
|
+
/**
|
|
100
|
+
* When enabled, applies Carbon's visited-link styles to browser-controlled :visited link state.
|
|
101
|
+
*/
|
|
74
102
|
visited: prop_types.default.bool
|
|
75
103
|
};
|
|
76
104
|
//#endregion
|
|
@@ -10,10 +10,10 @@ const require_usePrefix = require("../../internal/usePrefix.js");
|
|
|
10
10
|
const require_deprecate = require("../../prop-types/deprecate.js");
|
|
11
11
|
const require_ListBoxPropTypes = require("./ListBoxPropTypes.js");
|
|
12
12
|
const require_FormContext = require("../FluidForm/FormContext.js");
|
|
13
|
-
let react = require("react");
|
|
14
|
-
react = require_runtime.__toESM(react);
|
|
15
13
|
let classnames = require("classnames");
|
|
16
14
|
classnames = require_runtime.__toESM(classnames);
|
|
15
|
+
let react = require("react");
|
|
16
|
+
react = require_runtime.__toESM(react);
|
|
17
17
|
let prop_types = require("prop-types");
|
|
18
18
|
prop_types = require_runtime.__toESM(prop_types);
|
|
19
19
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
@@ -77,18 +77,59 @@ const ListBox = (0, react.forwardRef)((props, ref) => {
|
|
|
77
77
|
});
|
|
78
78
|
ListBox.displayName = "ListBox";
|
|
79
79
|
ListBox.propTypes = {
|
|
80
|
+
/**
|
|
81
|
+
* Provide the contents of your ListBox
|
|
82
|
+
*/
|
|
80
83
|
children: prop_types.default.node,
|
|
84
|
+
/**
|
|
85
|
+
* Specify a class name to be applied on the containing list box node
|
|
86
|
+
*/
|
|
81
87
|
className: prop_types.default.string,
|
|
88
|
+
/**
|
|
89
|
+
* Specify whether the ListBox is currently disabled
|
|
90
|
+
*/
|
|
82
91
|
disabled: prop_types.default.bool,
|
|
92
|
+
/**
|
|
93
|
+
* Specify whether the control is currently invalid
|
|
94
|
+
*/
|
|
83
95
|
invalid: prop_types.default.bool,
|
|
96
|
+
/**
|
|
97
|
+
* Specify the text to be displayed when the control is invalid
|
|
98
|
+
*/
|
|
84
99
|
invalidText: prop_types.default.node,
|
|
100
|
+
/**
|
|
101
|
+
* Specify the id to be applied to the element containing the invalid text
|
|
102
|
+
*/
|
|
85
103
|
invalidTextId: prop_types.default.string,
|
|
104
|
+
/**
|
|
105
|
+
* Specify if the control should render open
|
|
106
|
+
*/
|
|
86
107
|
isOpen: prop_types.default.bool,
|
|
108
|
+
/**
|
|
109
|
+
* `true` to use the light version. For use on $ui-01 backgrounds only.
|
|
110
|
+
* Don't use this to make tile background color same as container background color.
|
|
111
|
+
*/
|
|
87
112
|
light: require_deprecate.deprecate(prop_types.default.bool, "The `light` prop for `ListBox` has been deprecated in favor of the new `Layer` component. It will be removed in the next major release."),
|
|
113
|
+
/**
|
|
114
|
+
* Specify the size of the ListBox. Currently supports either `xs`, `sm`, `md` or `lg` as an option.
|
|
115
|
+
*/
|
|
88
116
|
size: require_ListBoxPropTypes.ListBoxSizePropType,
|
|
117
|
+
/**
|
|
118
|
+
* Specify the "type" of the ListBox. Currently supports either `default` or
|
|
119
|
+
* `inline` as an option.
|
|
120
|
+
*/
|
|
89
121
|
type: require_ListBoxPropTypes.ListBoxTypePropType,
|
|
122
|
+
/**
|
|
123
|
+
* Specify whether the control is currently in warning state
|
|
124
|
+
*/
|
|
90
125
|
warn: prop_types.default.bool,
|
|
126
|
+
/**
|
|
127
|
+
* Provide the text that is displayed when the control is in warning state
|
|
128
|
+
*/
|
|
91
129
|
warnText: prop_types.default.string,
|
|
130
|
+
/**
|
|
131
|
+
* Specify the id to be applied to the element containing the warn text
|
|
132
|
+
*/
|
|
92
133
|
warnTextId: prop_types.default.string
|
|
93
134
|
};
|
|
94
135
|
//#endregion
|
|
@@ -33,10 +33,27 @@ function ListBoxField({ children, disabled, tabIndex, ...rest }) {
|
|
|
33
33
|
});
|
|
34
34
|
}
|
|
35
35
|
ListBoxField.propTypes = {
|
|
36
|
+
/**
|
|
37
|
+
* Typically set by `getToggleButtonProps`, this should specify whether the
|
|
38
|
+
* field has a popup.
|
|
39
|
+
*/
|
|
36
40
|
"aria-haspopup": prop_types.default.oneOfType([prop_types.default.string, prop_types.default.bool]),
|
|
41
|
+
/**
|
|
42
|
+
* Provide the contents of your ListBoxField
|
|
43
|
+
*/
|
|
37
44
|
children: prop_types.default.node,
|
|
45
|
+
/**
|
|
46
|
+
* Specify if the parent <ListBox> is disabled
|
|
47
|
+
*/
|
|
38
48
|
disabled: prop_types.default.bool,
|
|
49
|
+
/**
|
|
50
|
+
* The role for the component, should be set by `getToggleButtonProps` coming
|
|
51
|
+
* from Downshift
|
|
52
|
+
*/
|
|
39
53
|
role: prop_types.default.string,
|
|
54
|
+
/**
|
|
55
|
+
* Optional prop to specify the tabIndex of the <ListBox> trigger button
|
|
56
|
+
*/
|
|
40
57
|
tabIndex: prop_types.default.oneOfType([prop_types.default.number, prop_types.default.string])
|
|
41
58
|
};
|
|
42
59
|
//#endregion
|
|
@@ -37,12 +37,18 @@ const ListBoxMenu = (0, react.forwardRef)(({ children, id, ...rest }, ref) => {
|
|
|
37
37
|
});
|
|
38
38
|
ListBoxMenu.displayName = "ListBoxMenu";
|
|
39
39
|
ListBoxMenu.propTypes = {
|
|
40
|
+
/**
|
|
41
|
+
* Provide the contents of your ListBoxMenu
|
|
42
|
+
*/
|
|
40
43
|
children: prop_types.default.oneOfType([
|
|
41
44
|
prop_types.default.node,
|
|
42
45
|
prop_types.default.arrayOf(prop_types.default.oneOf([require_ListBoxMenuItem.default])),
|
|
43
46
|
prop_types.default.shape({ type: prop_types.default.oneOf([require_ListBoxMenuItem.default]) }),
|
|
44
47
|
prop_types.default.bool
|
|
45
48
|
]),
|
|
49
|
+
/**
|
|
50
|
+
* Specify a custom `id`
|
|
51
|
+
*/
|
|
46
52
|
id: prop_types.default.string.isRequired
|
|
47
53
|
};
|
|
48
54
|
//#endregion
|
|
@@ -7,10 +7,10 @@
|
|
|
7
7
|
|
|
8
8
|
const require_runtime = require("../../_virtual/_rolldown/runtime.js");
|
|
9
9
|
const require_usePrefix = require("../../internal/usePrefix.js");
|
|
10
|
-
let react = require("react");
|
|
11
|
-
react = require_runtime.__toESM(react);
|
|
12
10
|
let classnames = require("classnames");
|
|
13
11
|
classnames = require_runtime.__toESM(classnames);
|
|
12
|
+
let react = require("react");
|
|
13
|
+
react = require_runtime.__toESM(react);
|
|
14
14
|
let prop_types = require("prop-types");
|
|
15
15
|
prop_types = require_runtime.__toESM(prop_types);
|
|
16
16
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
@@ -51,7 +51,14 @@ const ListBoxMenuIcon = ({ isOpen, translateWithId: t = defaultTranslateWithId }
|
|
|
51
51
|
});
|
|
52
52
|
};
|
|
53
53
|
ListBoxMenuIcon.propTypes = {
|
|
54
|
+
/**
|
|
55
|
+
* Specify whether the menu is currently open, which will influence the
|
|
56
|
+
* direction of the menu icon
|
|
57
|
+
*/
|
|
54
58
|
isOpen: prop_types.default.bool.isRequired,
|
|
59
|
+
/**
|
|
60
|
+
* Translates component strings using your i18n tool.
|
|
61
|
+
*/
|
|
55
62
|
translateWithId: prop_types.default.func
|
|
56
63
|
};
|
|
57
64
|
//#endregion
|
|
@@ -8,10 +8,10 @@
|
|
|
8
8
|
const require_runtime = require("../../_virtual/_rolldown/runtime.js");
|
|
9
9
|
const require_usePrefix = require("../../internal/usePrefix.js");
|
|
10
10
|
const require_useMergedRefs = require("../../internal/useMergedRefs.js");
|
|
11
|
-
let react = require("react");
|
|
12
|
-
react = require_runtime.__toESM(react);
|
|
13
11
|
let classnames = require("classnames");
|
|
14
12
|
classnames = require_runtime.__toESM(classnames);
|
|
13
|
+
let react = require("react");
|
|
14
|
+
react = require_runtime.__toESM(react);
|
|
15
15
|
let prop_types = require("prop-types");
|
|
16
16
|
prop_types = require_runtime.__toESM(prop_types);
|
|
17
17
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
@@ -73,10 +73,26 @@ const ListBoxMenuItem = (0, react.forwardRef)(({ children, isActive = false, isH
|
|
|
73
73
|
});
|
|
74
74
|
ListBoxMenuItem.displayName = "ListBoxMenuItem";
|
|
75
75
|
ListBoxMenuItem.propTypes = {
|
|
76
|
+
/**
|
|
77
|
+
* Specify any children nodes that should be rendered inside of the ListBox
|
|
78
|
+
* Menu Item
|
|
79
|
+
*/
|
|
76
80
|
children: prop_types.default.node,
|
|
81
|
+
/**
|
|
82
|
+
* Specify if the item should be disabled
|
|
83
|
+
*/
|
|
77
84
|
disabled: prop_types.default.bool,
|
|
85
|
+
/**
|
|
86
|
+
* Specify whether the current menu item is "active".
|
|
87
|
+
*/
|
|
78
88
|
isActive: prop_types.default.bool,
|
|
89
|
+
/**
|
|
90
|
+
* Specify whether the current menu item is "highlighted".
|
|
91
|
+
*/
|
|
79
92
|
isHighlighted: prop_types.default.bool,
|
|
93
|
+
/**
|
|
94
|
+
* Provide an optional tooltip for the ListBoxMenuItem
|
|
95
|
+
*/
|
|
80
96
|
title: prop_types.default.string
|
|
81
97
|
};
|
|
82
98
|
//#endregion
|
|
@@ -7,17 +7,17 @@
|
|
|
7
7
|
|
|
8
8
|
const require_runtime = require("../../_virtual/_rolldown/runtime.js");
|
|
9
9
|
const require_usePrefix = require("../../internal/usePrefix.js");
|
|
10
|
-
let react = require("react");
|
|
11
|
-
react = require_runtime.__toESM(react);
|
|
12
10
|
let classnames = require("classnames");
|
|
13
11
|
classnames = require_runtime.__toESM(classnames);
|
|
12
|
+
let react = require("react");
|
|
13
|
+
react = require_runtime.__toESM(react);
|
|
14
14
|
let prop_types = require("prop-types");
|
|
15
15
|
prop_types = require_runtime.__toESM(prop_types);
|
|
16
16
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
17
17
|
let _carbon_icons_react = require("@carbon/icons-react");
|
|
18
18
|
//#region src/components/ListBox/ListBoxSelection.tsx
|
|
19
19
|
/**
|
|
20
|
-
* Copyright IBM Corp. 2016,
|
|
20
|
+
* Copyright IBM Corp. 2016, 2026
|
|
21
21
|
*
|
|
22
22
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
23
23
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -27,7 +27,7 @@ const translationIds = {
|
|
|
27
27
|
"clear.selection": "clear.selection"
|
|
28
28
|
};
|
|
29
29
|
const defaultTranslations = {
|
|
30
|
-
[translationIds["clear.all"]]: "Clear
|
|
30
|
+
[translationIds["clear.all"]]: "Clear selected items",
|
|
31
31
|
[translationIds["clear.selection"]]: "Clear selected item"
|
|
32
32
|
};
|
|
33
33
|
const defaultTranslateWithId = (messageId) => {
|
|
@@ -40,9 +40,11 @@ const defaultTranslateWithId = (messageId) => {
|
|
|
40
40
|
*/
|
|
41
41
|
const ListBoxSelection = ({ clearSelection, selectionCount, translateWithId: t = defaultTranslateWithId, disabled, onClearSelection, readOnly }) => {
|
|
42
42
|
const prefix = require_usePrefix.usePrefix();
|
|
43
|
+
const hasSelectionCount = (selectionCount ?? 0) > 0;
|
|
44
|
+
const hasMultipleSelections = (selectionCount ?? 0) > 1;
|
|
43
45
|
const className = (0, classnames.default)(`${prefix}--list-box__selection`, {
|
|
44
|
-
[`${prefix}--tag--filter`]:
|
|
45
|
-
[`${prefix}--list-box__selection--multi`]:
|
|
46
|
+
[`${prefix}--tag--filter`]: hasSelectionCount,
|
|
47
|
+
[`${prefix}--list-box__selection--multi`]: hasSelectionCount
|
|
46
48
|
});
|
|
47
49
|
const handleOnClick = (event) => {
|
|
48
50
|
event.stopPropagation();
|
|
@@ -50,9 +52,9 @@ const ListBoxSelection = ({ clearSelection, selectionCount, translateWithId: t =
|
|
|
50
52
|
clearSelection(event);
|
|
51
53
|
if (onClearSelection) onClearSelection(event);
|
|
52
54
|
};
|
|
53
|
-
const description =
|
|
55
|
+
const description = hasMultipleSelections ? t("clear.all") : t("clear.selection");
|
|
54
56
|
const tagClasses = (0, classnames.default)(`${prefix}--tag`, `${prefix}--tag--filter`, `${prefix}--tag--high-contrast`, { [`${prefix}--tag--disabled`]: disabled });
|
|
55
|
-
return
|
|
57
|
+
return hasSelectionCount ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
56
58
|
className: tagClasses,
|
|
57
59
|
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
58
60
|
className: `${prefix}--tag__label`,
|
|
@@ -63,27 +65,48 @@ const ListBoxSelection = ({ clearSelection, selectionCount, translateWithId: t =
|
|
|
63
65
|
tabIndex: -1,
|
|
64
66
|
className: `${prefix}--tag__close-icon`,
|
|
65
67
|
onClick: handleOnClick,
|
|
66
|
-
"aria-label":
|
|
68
|
+
"aria-label": description,
|
|
67
69
|
title: description,
|
|
68
70
|
"aria-disabled": readOnly ? true : void 0,
|
|
69
71
|
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_carbon_icons_react.Close, {})
|
|
70
72
|
})]
|
|
71
|
-
}) : /* @__PURE__ */ (0, react_jsx_runtime.
|
|
73
|
+
}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
72
74
|
role: "button",
|
|
73
75
|
className,
|
|
74
76
|
tabIndex: -1,
|
|
75
77
|
onClick: handleOnClick,
|
|
76
78
|
"aria-label": description,
|
|
77
79
|
title: description,
|
|
78
|
-
children:
|
|
80
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_carbon_icons_react.Close, {})
|
|
79
81
|
});
|
|
80
82
|
};
|
|
81
83
|
ListBoxSelection.propTypes = {
|
|
84
|
+
/**
|
|
85
|
+
* Specify a function to be invoked when a user interacts with the clear
|
|
86
|
+
* selection element.
|
|
87
|
+
*/
|
|
82
88
|
clearSelection: prop_types.default.func.isRequired,
|
|
89
|
+
/**
|
|
90
|
+
* Specify whether or not the clear selection element should be disabled
|
|
91
|
+
*/
|
|
83
92
|
disabled: prop_types.default.bool,
|
|
93
|
+
/**
|
|
94
|
+
* Specify an optional `onClearSelection` handler that is called when the underlying
|
|
95
|
+
* element is cleared
|
|
96
|
+
*/
|
|
84
97
|
onClearSelection: prop_types.default.func,
|
|
98
|
+
/**
|
|
99
|
+
* Whether or not the Dropdown is readonly
|
|
100
|
+
*/
|
|
85
101
|
readOnly: prop_types.default.bool,
|
|
102
|
+
/**
|
|
103
|
+
* Specify an optional `selectionCount` value that will be used to determine
|
|
104
|
+
* whether the selection should display a badge or a single clear icon.
|
|
105
|
+
*/
|
|
86
106
|
selectionCount: prop_types.default.number,
|
|
107
|
+
/**
|
|
108
|
+
* Translates component strings using your i18n tool.
|
|
109
|
+
*/
|
|
87
110
|
translateWithId: prop_types.default.func
|
|
88
111
|
};
|
|
89
112
|
//#endregion
|
|
@@ -7,17 +7,17 @@
|
|
|
7
7
|
|
|
8
8
|
const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
|
|
9
9
|
const require_usePrefix = require("../../../internal/usePrefix.js");
|
|
10
|
-
let react = require("react");
|
|
11
|
-
react = require_runtime.__toESM(react);
|
|
12
10
|
let classnames = require("classnames");
|
|
13
11
|
classnames = require_runtime.__toESM(classnames);
|
|
12
|
+
let react = require("react");
|
|
13
|
+
react = require_runtime.__toESM(react);
|
|
14
14
|
let prop_types = require("prop-types");
|
|
15
15
|
prop_types = require_runtime.__toESM(prop_types);
|
|
16
16
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
17
17
|
let _carbon_icons_react = require("@carbon/icons-react");
|
|
18
18
|
//#region src/components/ListBox/next/ListBoxSelection.tsx
|
|
19
19
|
/**
|
|
20
|
-
* Copyright IBM Corp. 2016,
|
|
20
|
+
* Copyright IBM Corp. 2016, 2026
|
|
21
21
|
*
|
|
22
22
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
23
23
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -32,7 +32,7 @@ const translationIds = {
|
|
|
32
32
|
"clear.selection": "clear.selection"
|
|
33
33
|
};
|
|
34
34
|
const defaultTranslations = {
|
|
35
|
-
[translationIds["clear.all"]]: "Clear
|
|
35
|
+
[translationIds["clear.all"]]: "Clear selected items",
|
|
36
36
|
[translationIds["clear.selection"]]: "Clear selected item"
|
|
37
37
|
};
|
|
38
38
|
const defaultTranslateWithId = (messageId) => {
|
|
@@ -40,11 +40,13 @@ const defaultTranslateWithId = (messageId) => {
|
|
|
40
40
|
};
|
|
41
41
|
function ListBoxSelection({ clearSelection, selectionCount, translateWithId: t = defaultTranslateWithId, disabled, readOnly, onClearSelection, ...rest }) {
|
|
42
42
|
const prefix = require_usePrefix.usePrefix();
|
|
43
|
+
const hasSelectionCount = (selectionCount ?? 0) > 0;
|
|
44
|
+
const hasMultipleSelections = (selectionCount ?? 0) > 1;
|
|
43
45
|
const className = (0, classnames.default)(`${prefix}--list-box__selection`, {
|
|
44
|
-
[`${prefix}--tag--filter`]:
|
|
45
|
-
[`${prefix}--list-box__selection--multi`]:
|
|
46
|
+
[`${prefix}--tag--filter`]: hasSelectionCount,
|
|
47
|
+
[`${prefix}--list-box__selection--multi`]: hasSelectionCount
|
|
46
48
|
});
|
|
47
|
-
const description =
|
|
49
|
+
const description = hasMultipleSelections ? t("clear.all") : t("clear.selection");
|
|
48
50
|
const tagClasses = (0, classnames.default)(`${prefix}--tag`, `${prefix}--tag--filter`, `${prefix}--tag--high-contrast`, { [`${prefix}--tag--disabled`]: disabled });
|
|
49
51
|
function onClick(event) {
|
|
50
52
|
event.stopPropagation();
|
|
@@ -52,7 +54,7 @@ function ListBoxSelection({ clearSelection, selectionCount, translateWithId: t =
|
|
|
52
54
|
clearSelection(event);
|
|
53
55
|
if (onClearSelection) onClearSelection(event);
|
|
54
56
|
}
|
|
55
|
-
if (
|
|
57
|
+
if (hasSelectionCount) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
56
58
|
className: tagClasses,
|
|
57
59
|
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
58
60
|
className: `${prefix}--tag__label`,
|
|
@@ -84,14 +86,47 @@ function ListBoxSelection({ clearSelection, selectionCount, translateWithId: t =
|
|
|
84
86
|
});
|
|
85
87
|
}
|
|
86
88
|
ListBoxSelection.propTypes = {
|
|
89
|
+
/**
|
|
90
|
+
* Specify a function to be invoked when a user interacts with the clear
|
|
91
|
+
* selection element.
|
|
92
|
+
*/
|
|
87
93
|
clearSelection: prop_types.default.func.isRequired,
|
|
94
|
+
/**
|
|
95
|
+
* Specify whether or not the clear selection element should be disabled
|
|
96
|
+
*/
|
|
88
97
|
disabled: prop_types.default.bool,
|
|
98
|
+
/**
|
|
99
|
+
* Whether or not the listbox is readonly
|
|
100
|
+
*/
|
|
89
101
|
readOnly: prop_types.default.bool,
|
|
102
|
+
/**
|
|
103
|
+
* Specify an optional `onClearSelection` handler that is called when the underlying
|
|
104
|
+
* element is cleared
|
|
105
|
+
*/
|
|
90
106
|
onClearSelection: prop_types.default.func,
|
|
107
|
+
/**
|
|
108
|
+
* Specify an optional `onClick` handler that is called when the underlying
|
|
109
|
+
* clear selection element is clicked
|
|
110
|
+
*/
|
|
91
111
|
onClick: prop_types.default.func,
|
|
112
|
+
/**
|
|
113
|
+
* Specify an optional `onClick` handler that is called when the underlying
|
|
114
|
+
* clear selection element is clicked
|
|
115
|
+
*/
|
|
92
116
|
onMouseUp: prop_types.default.func,
|
|
117
|
+
/**
|
|
118
|
+
* Specify an optional `onKeyDown` handler that is called when the underlying
|
|
119
|
+
* clear selection element fires a keydown event
|
|
120
|
+
*/
|
|
93
121
|
onKeyDown: prop_types.default.func,
|
|
122
|
+
/**
|
|
123
|
+
* Specify an optional `selectionCount` value that will be used to determine
|
|
124
|
+
* whether the selection should display a badge or a single clear icon.
|
|
125
|
+
*/
|
|
94
126
|
selectionCount: prop_types.default.number,
|
|
127
|
+
/**
|
|
128
|
+
* Translates component strings using your i18n tool.
|
|
129
|
+
*/
|
|
95
130
|
translateWithId: prop_types.default.func
|
|
96
131
|
};
|
|
97
132
|
//#endregion
|
|
@@ -7,10 +7,10 @@
|
|
|
7
7
|
|
|
8
8
|
const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
|
|
9
9
|
const require_usePrefix = require("../../../internal/usePrefix.js");
|
|
10
|
-
let react = require("react");
|
|
11
|
-
react = require_runtime.__toESM(react);
|
|
12
10
|
let classnames = require("classnames");
|
|
13
11
|
classnames = require_runtime.__toESM(classnames);
|
|
12
|
+
let react = require("react");
|
|
13
|
+
react = require_runtime.__toESM(react);
|
|
14
14
|
let prop_types = require("prop-types");
|
|
15
15
|
prop_types = require_runtime.__toESM(prop_types);
|
|
16
16
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
@@ -56,7 +56,14 @@ const ListBoxTrigger = react.default.forwardRef(({ isOpen, translateWithId: t =
|
|
|
56
56
|
});
|
|
57
57
|
});
|
|
58
58
|
ListBoxTrigger.propTypes = {
|
|
59
|
+
/**
|
|
60
|
+
* Specify whether the menu is currently open, which will influence the
|
|
61
|
+
* direction of the menu icon
|
|
62
|
+
*/
|
|
59
63
|
isOpen: prop_types.default.bool.isRequired,
|
|
64
|
+
/**
|
|
65
|
+
* Translates component strings using your i18n tool.
|
|
66
|
+
*/
|
|
60
67
|
translateWithId: prop_types.default.func
|
|
61
68
|
};
|
|
62
69
|
//#endregion
|
|
@@ -8,10 +8,10 @@
|
|
|
8
8
|
const require_runtime = require("../../_virtual/_rolldown/runtime.js");
|
|
9
9
|
const require_usePrefix = require("../../internal/usePrefix.js");
|
|
10
10
|
const require_Text = require("../Text/Text.js");
|
|
11
|
-
let react = require("react");
|
|
12
|
-
react = require_runtime.__toESM(react);
|
|
13
11
|
let classnames = require("classnames");
|
|
14
12
|
classnames = require_runtime.__toESM(classnames);
|
|
13
|
+
let react = require("react");
|
|
14
|
+
react = require_runtime.__toESM(react);
|
|
15
15
|
let prop_types = require("prop-types");
|
|
16
16
|
prop_types = require_runtime.__toESM(prop_types);
|
|
17
17
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
@@ -31,7 +31,13 @@ function ListItem({ className, children, ...other }) {
|
|
|
31
31
|
});
|
|
32
32
|
}
|
|
33
33
|
ListItem.propTypes = {
|
|
34
|
+
/**
|
|
35
|
+
* Specify the content for the ListItem
|
|
36
|
+
*/
|
|
34
37
|
children: prop_types.default.node,
|
|
38
|
+
/**
|
|
39
|
+
* Specify an optional className to apply to the underlying `<li>` node
|
|
40
|
+
*/
|
|
35
41
|
className: prop_types.default.string
|
|
36
42
|
};
|
|
37
43
|
//#endregion
|
|
@@ -8,10 +8,10 @@
|
|
|
8
8
|
const require_runtime = require("../../_virtual/_rolldown/runtime.js");
|
|
9
9
|
const require_usePrefix = require("../../internal/usePrefix.js");
|
|
10
10
|
const require_deprecate = require("../../prop-types/deprecate.js");
|
|
11
|
-
let react = require("react");
|
|
12
|
-
react = require_runtime.__toESM(react);
|
|
13
11
|
let classnames = require("classnames");
|
|
14
12
|
classnames = require_runtime.__toESM(classnames);
|
|
13
|
+
let react = require("react");
|
|
14
|
+
react = require_runtime.__toESM(react);
|
|
15
15
|
let prop_types = require("prop-types");
|
|
16
16
|
prop_types = require_runtime.__toESM(prop_types);
|
|
17
17
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
@@ -66,11 +66,29 @@ function Loading({ active = true, className: customClassName, withOverlay = true
|
|
|
66
66
|
}) : loading;
|
|
67
67
|
}
|
|
68
68
|
Loading.propTypes = {
|
|
69
|
+
/**
|
|
70
|
+
* Specify whether you want the loading indicator to be spinning or not
|
|
71
|
+
*/
|
|
69
72
|
active: prop_types.default.bool,
|
|
73
|
+
/**
|
|
74
|
+
* Provide an optional className to be applied to the containing node
|
|
75
|
+
*/
|
|
70
76
|
className: prop_types.default.string,
|
|
77
|
+
/**
|
|
78
|
+
* Specify a description that would be used to best describe the loading state
|
|
79
|
+
*/
|
|
71
80
|
description: prop_types.default.string,
|
|
81
|
+
/**
|
|
82
|
+
* Provide an `id` to uniquely identify the label
|
|
83
|
+
*/
|
|
72
84
|
id: require_deprecate.deprecate(prop_types.default.string, `\nThe prop \`id\` is no longer needed.`),
|
|
85
|
+
/**
|
|
86
|
+
* Specify whether you would like the small variant of <Loading>
|
|
87
|
+
*/
|
|
73
88
|
small: prop_types.default.bool,
|
|
89
|
+
/**
|
|
90
|
+
* Specify whether you want the loader to be applied with an overlay
|
|
91
|
+
*/
|
|
74
92
|
withOverlay: prop_types.default.bool
|
|
75
93
|
};
|
|
76
94
|
//#endregion
|
|
@@ -14,10 +14,10 @@ const require_useMergedRefs = require("../../internal/useMergedRefs.js");
|
|
|
14
14
|
const require_MenuContext = require("./MenuContext.js");
|
|
15
15
|
const require_useLayoutDirection = require("../LayoutDirection/useLayoutDirection.js");
|
|
16
16
|
const require_environment = require("../../internal/environment.js");
|
|
17
|
-
let react = require("react");
|
|
18
|
-
react = require_runtime.__toESM(react);
|
|
19
17
|
let classnames = require("classnames");
|
|
20
18
|
classnames = require_runtime.__toESM(classnames);
|
|
19
|
+
let react = require("react");
|
|
20
|
+
react = require_runtime.__toESM(react);
|
|
21
21
|
let prop_types = require("prop-types");
|
|
22
22
|
prop_types = require_runtime.__toESM(prop_types);
|
|
23
23
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
@@ -216,25 +216,77 @@ const Menu = (0, react.forwardRef)(function Menu({ backgroundToken = "layer", bo
|
|
|
216
216
|
return isRoot ? open && (0, react_dom.createPortal)(rendered, target) || null : rendered;
|
|
217
217
|
});
|
|
218
218
|
Menu.propTypes = {
|
|
219
|
+
/**
|
|
220
|
+
* Specify the background token to use. Default is 'layer'.
|
|
221
|
+
*/
|
|
219
222
|
backgroundToken: prop_types.default.oneOf(["layer", "background"]),
|
|
223
|
+
/**
|
|
224
|
+
* Specify whether a border should be rendered on the menu
|
|
225
|
+
*/
|
|
220
226
|
border: prop_types.default.bool,
|
|
227
|
+
/**
|
|
228
|
+
* A collection of MenuItems to be rendered within this Menu.
|
|
229
|
+
*/
|
|
221
230
|
children: prop_types.default.node,
|
|
231
|
+
/**
|
|
232
|
+
* Additional CSS class names.
|
|
233
|
+
*/
|
|
222
234
|
className: prop_types.default.string,
|
|
235
|
+
/**
|
|
236
|
+
* A label describing the Menu.
|
|
237
|
+
*/
|
|
223
238
|
label: prop_types.default.string,
|
|
239
|
+
/**
|
|
240
|
+
* Specify how the menu should align with the button element
|
|
241
|
+
*/
|
|
224
242
|
menuAlignment: prop_types.default.string,
|
|
243
|
+
/**
|
|
244
|
+
* **Deprecated**: Menus now always support both icons as well as selectable items and nesting.
|
|
245
|
+
* The mode of this menu. Defaults to full.
|
|
246
|
+
* `full` supports nesting and selectable menu items, but no icons.
|
|
247
|
+
* `basic` supports icons but no nesting or selectable menu items.
|
|
248
|
+
*
|
|
249
|
+
* **This prop is not intended for use and will be set by the respective implementation (like useContextMenu, MenuButton, and ComboButton).**
|
|
250
|
+
*/
|
|
225
251
|
mode: require_deprecate.deprecate(prop_types.default.oneOf(["full", "basic"]), "Menus now always support both icons as well as selectable items and nesting."),
|
|
252
|
+
/**
|
|
253
|
+
* Provide an optional function to be called when the Menu should be closed,
|
|
254
|
+
* including if the Menu is blurred, the user presses escape, or the Menu is
|
|
255
|
+
* a submenu and the user presses ArrowLeft.
|
|
256
|
+
*/
|
|
226
257
|
onClose: prop_types.default.func,
|
|
258
|
+
/**
|
|
259
|
+
* Provide an optional function to be called when the Menu is opened.
|
|
260
|
+
*/
|
|
227
261
|
onOpen: prop_types.default.func,
|
|
262
|
+
/**
|
|
263
|
+
* Whether the Menu is open or not.
|
|
264
|
+
*/
|
|
228
265
|
open: prop_types.default.bool,
|
|
266
|
+
/**
|
|
267
|
+
* Specify the size of the Menu.
|
|
268
|
+
*/
|
|
229
269
|
size: prop_types.default.oneOf([
|
|
230
270
|
"xs",
|
|
231
271
|
"sm",
|
|
232
272
|
"md",
|
|
233
273
|
"lg"
|
|
234
274
|
]),
|
|
275
|
+
/**
|
|
276
|
+
* Specify a DOM node where the Menu should be rendered in. Defaults to document.body.
|
|
277
|
+
*/
|
|
235
278
|
target: prop_types.default.object,
|
|
279
|
+
/**
|
|
280
|
+
* Specify the x position of the Menu. Either pass a single number or an array with two numbers describing your activator's boundaries ([x1, x2])
|
|
281
|
+
*/
|
|
236
282
|
x: prop_types.default.oneOfType([prop_types.default.number, prop_types.default.arrayOf(prop_types.default.number)]),
|
|
283
|
+
/**
|
|
284
|
+
* Specify the y position of the Menu. Either pass a single number or an array with two numbers describing your activator's boundaries ([y1, y2])
|
|
285
|
+
*/
|
|
237
286
|
y: prop_types.default.oneOfType([prop_types.default.number, prop_types.default.arrayOf(prop_types.default.number)]),
|
|
287
|
+
/**
|
|
288
|
+
* @deprecated Internal compatibility flag. Use `false` to enable auto-alignment behavior.
|
|
289
|
+
*/
|
|
238
290
|
legacyAutoalign: prop_types.default.bool
|
|
239
291
|
};
|
|
240
292
|
//#endregion
|