@carbon/react 1.21.0 → 1.22.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/es/components/Accordion/AccordionItem.js +2 -2
- package/es/components/Breadcrumb/Breadcrumb.js +2 -1
- package/es/components/Breadcrumb/BreadcrumbItem.js +2 -1
- package/es/components/Button/Button.Skeleton.js +2 -1
- package/es/components/Button/Button.js +2 -1
- package/es/components/Button/index.js +0 -1
- package/es/components/ButtonSet/ButtonSet.js +2 -1
- package/es/components/CodeSnippet/CodeSnippet.js +0 -1
- package/es/components/ComboBox/ComboBox.js +7 -7
- package/es/components/ComposedModal/ComposedModal.js +3 -2
- package/es/components/ComposedModal/ModalFooter.js +0 -1
- package/es/components/ContentSwitcher/ContentSwitcher.js +3 -3
- package/es/components/DangerButton/DangerButton.js +3 -2
- package/es/components/DataTable/Table.js +2 -1
- package/es/components/DataTable/TableActionList.js +2 -1
- package/es/components/DataTable/TableBatchAction.js +2 -2
- package/es/components/DataTable/TableBatchActions.js +2 -2
- package/es/components/DataTable/TableBody.js +2 -1
- package/es/components/DataTable/TableCell.js +2 -1
- package/es/components/DataTable/TableContainer.js +2 -1
- package/es/components/DataTable/TableExpandHeader.js +2 -1
- package/es/components/DataTable/TableExpandRow.js +2 -1
- package/es/components/DataTable/TableExpandedRow.js +2 -1
- package/es/components/DataTable/TableHead.js +2 -1
- package/es/components/DataTable/TableHeader.js +2 -1
- package/es/components/DataTable/TableRow.js +2 -1
- package/es/components/DataTable/TableSelectAll.js +2 -1
- package/es/components/DataTable/TableSelectRow.js +2 -1
- package/es/components/DataTable/TableToolbar.js +3 -2
- package/es/components/DataTable/TableToolbarAction.js +2 -1
- package/es/components/DataTable/TableToolbarContent.js +2 -1
- package/es/components/DataTable/TableToolbarMenu.js +2 -1
- package/es/components/DataTable/TableToolbarSearch.js +2 -2
- package/es/components/DataTable/state/getDerivedStateFromProps.js +3 -1
- package/es/components/DataTable/tools/denormalize.js +3 -1
- package/es/components/DataTable/tools/instanceId.js +3 -1
- package/es/components/DataTable/tools/normalize.js +3 -1
- package/es/components/DataTableSkeleton/DataTableSkeleton.js +2 -1
- package/es/components/DatePicker/DatePicker.Skeleton.js +2 -1
- package/es/components/DatePicker/DatePicker.js +4 -3
- package/es/components/DatePicker/index.js +0 -1
- package/es/components/DatePicker/plugins/fixEventsPlugin.js +32 -1
- package/es/components/DatePickerInput/DatePickerInput.js +2 -1
- package/es/components/Dropdown/Dropdown.Skeleton.js +2 -1
- package/es/components/Dropdown/Dropdown.js +27 -14
- package/es/components/Dropdown/index.js +0 -1
- package/es/components/ExpandableSearch/ExpandableSearch.js +0 -1
- package/es/components/FileUploader/FileUploader.js +2 -2
- package/es/components/FileUploader/FileUploaderButton.js +2 -2
- package/es/components/FileUploader/FileUploaderDropContainer.js +2 -2
- package/es/components/FileUploader/FileUploaderItem.js +2 -2
- package/es/components/FluidComboBox/FluidComboBox.Skeleton.js +2 -1
- package/es/components/FluidComboBox/FluidComboBox.js +2 -1
- package/es/components/FluidDatePicker/FluidDatePicker.js +2 -2
- package/es/components/FluidDatePickerInput/FluidDatePickerInput.js +2 -1
- package/es/components/FluidDropdown/FluidDropdown.Skeleton.js +2 -1
- package/es/components/FluidDropdown/FluidDropdown.js +2 -2
- package/es/components/FluidForm/FluidForm.js +2 -2
- package/es/components/FluidMultiSelect/FluidMultiSelect.Skeleton.js +2 -1
- package/es/components/FluidMultiSelect/FluidMultiSelect.js +2 -1
- package/es/components/FluidSelect/FluidSelect.Skeleton.js +2 -1
- package/es/components/FluidSelect/FluidSelect.js +2 -2
- package/es/components/FluidSelect/index.js +0 -1
- package/es/components/FluidTextArea/FluidTextArea.js +0 -1
- package/es/components/FluidTextInput/FluidTextInput.js +0 -1
- package/es/components/FluidTextInput/index.js +0 -1
- package/es/components/FluidTimePicker/FluidTimePicker.Skeleton.js +2 -3
- package/es/components/FluidTimePicker/FluidTimePicker.js +2 -2
- package/es/components/FluidTimePickerSelect/FluidTimePickerSelect.js +2 -2
- package/es/components/Form/Form.js +2 -1
- package/es/components/FormGroup/FormGroup.js +2 -1
- package/es/components/IconButton/index.js +0 -2
- package/es/components/InlineCheckbox/InlineCheckbox.js +4 -1
- package/es/components/Link/Link.js +2 -1
- package/es/components/ListBox/ListBox.js +4 -15
- package/es/components/ListBox/ListBoxField.js +1 -1
- package/es/components/ListBox/ListBoxMenu.js +2 -2
- package/es/components/ListBox/ListBoxMenuIcon.js +8 -5
- package/es/components/ListBox/ListBoxMenuItem.js +2 -3
- package/es/components/ListBox/ListBoxPropTypes.js +4 -2
- package/es/components/ListBox/ListBoxSelection.js +7 -20
- package/es/components/ListBox/index.js +11 -8
- package/es/components/ListBox/next/ListBoxSelection.js +3 -3
- package/es/components/ListBox/next/ListBoxTrigger.js +2 -1
- package/es/components/ListItem/ListItem.js +2 -1
- package/es/components/Menu/Menu.js +4 -3
- package/es/components/Menu/MenuOption.js +2 -2
- package/es/components/Modal/Modal.js +3 -3
- package/es/components/ModalWrapper/ModalWrapper.js +0 -1
- package/es/components/MultiSelect/FilterableMultiSelect.js +8 -8
- package/es/components/MultiSelect/MultiSelect.js +6 -6
- package/es/components/Notification/Notification.js +4 -5
- package/es/components/OrderedList/OrderedList.js +2 -1
- package/es/components/OverflowMenu/OverflowMenu.js +14 -3
- package/es/components/OverflowMenuItem/OverflowMenuItem.js +4 -3
- package/es/components/OverflowMenuV2/index.js +2 -2
- package/es/components/Pagination/Pagination.js +2 -2
- package/es/components/Pagination/experimental/PageSelector.js +0 -1
- package/es/components/Pagination/experimental/Pagination.js +0 -2
- package/es/components/PaginationNav/PaginationNav.js +2 -2
- package/es/components/PrimaryButton/PrimaryButton.js +3 -2
- package/es/components/ProgressIndicator/ProgressIndicator.js +2 -2
- package/es/components/RadioButton/RadioButton.js +2 -1
- package/es/components/RadioButtonGroup/RadioButtonGroup.js +2 -1
- package/es/components/RadioTile/RadioTile.js +2 -2
- package/es/components/Search/Search.Skeleton.js +2 -1
- package/es/components/Search/Search.js +6 -5
- package/es/components/Search/index.js +0 -1
- package/es/components/SecondaryButton/SecondaryButton.js +3 -2
- package/es/components/Select/Select.Skeleton.js +2 -1
- package/es/components/Select/Select.js +2 -1
- package/es/components/Select/index.js +0 -1
- package/es/components/SelectItem/SelectItem.js +2 -1
- package/es/components/SelectItemGroup/SelectItemGroup.js +2 -1
- package/es/components/SkeletonIcon/SkeletonIcon.js +2 -1
- package/es/components/SkeletonPlaceholder/SkeletonPlaceholder.js +2 -1
- package/es/components/SkeletonText/SkeletonText.js +2 -1
- package/es/components/Slider/Slider.Skeleton.js +2 -1
- package/es/components/Slider/Slider.js +1 -1
- package/es/components/StructuredList/StructuredList.Skeleton.js +2 -1
- package/es/components/Switch/Switch.js +2 -1
- package/es/components/Tab/Tab.js +1 -1
- package/es/components/TabContent/TabContent.js +2 -1
- package/es/components/Tabs/Tabs.js +2 -3
- package/es/components/Tag/Tag.js +2 -1
- package/es/components/TextArea/TextArea.Skeleton.js +2 -1
- package/es/components/TextArea/TextArea.js +6 -3
- package/es/components/TextArea/index.js +0 -1
- package/es/components/TextInput/ControlledPasswordInput.js +2 -1
- package/es/components/TextInput/PasswordInput.js +2 -1
- package/es/components/TextInput/TextInput.Skeleton.js +2 -1
- package/es/components/TextInput/TextInput.js +2 -1
- package/es/components/TextInput/index.js +0 -1
- package/es/components/Tile/Tile.js +3 -7
- package/es/components/TileGroup/TileGroup.js +1 -1
- package/es/components/TimePicker/TimePicker.js +2 -1
- package/es/components/TimePickerSelect/TimePickerSelect.js +2 -1
- package/es/components/TimePickerSelect/index.js +2 -2
- package/es/components/Toggletip/index.js +2 -2
- package/es/components/Tooltip/DefinitionTooltip.js +2 -2
- package/es/components/Tooltip/Tooltip.js +2 -2
- package/es/components/TreeView/TreeNode.js +2 -2
- package/es/components/TreeView/TreeView.js +2 -2
- package/es/components/UIShell/Content.js +2 -1
- package/es/components/UIShell/Header.js +3 -2
- package/es/components/UIShell/HeaderContainer.js +2 -1
- package/es/components/UIShell/HeaderGlobalAction.js +3 -3
- package/es/components/UIShell/HeaderMenu.js +5 -4
- package/es/components/UIShell/HeaderMenuButton.js +1 -1
- package/es/components/UIShell/HeaderMenuItem.js +3 -2
- package/es/components/UIShell/HeaderName.js +1 -1
- package/es/components/UIShell/HeaderNavigation.js +1 -1
- package/es/components/UIShell/HeaderPanel.js +3 -2
- package/es/components/UIShell/HeaderSideNavItems.js +2 -1
- package/es/components/UIShell/Link.js +2 -1
- package/es/components/UIShell/SideNav.js +3 -2
- package/es/components/UIShell/SideNavDetails.js +2 -1
- package/es/components/UIShell/SideNavHeader.js +2 -1
- package/es/components/UIShell/SideNavItems.js +2 -1
- package/es/components/UIShell/SideNavLink.js +3 -2
- package/es/components/UIShell/SideNavMenu.js +5 -3
- package/es/components/UIShell/SideNavMenuItem.js +2 -1
- package/es/components/UIShell/SideNavSwitcher.js +2 -1
- package/es/components/UIShell/Switcher.js +3 -2
- package/es/components/UIShell/SwitcherDivider.js +2 -1
- package/es/components/UIShell/SwitcherItem.js +3 -2
- package/es/components/UnorderedList/UnorderedList.js +2 -1
- package/es/es/components/DataTable/TableSelectAll.d.ts +83 -0
- package/es/es/components/Dropdown/Dropdown.d.ts +134 -0
- package/es/es/components/Dropdown/index.d.ts +11 -0
- package/es/es/components/FluidForm/FluidForm.d.ts +11 -0
- package/es/es/components/FluidForm/FormContext.d.ts +11 -0
- package/es/es/components/FluidForm/index.d.ts +10 -0
- package/es/es/components/ListBox/ListBox.d.ts +60 -0
- package/es/es/components/ListBox/ListBoxField.d.ts +18 -0
- package/es/es/components/ListBox/ListBoxMenu.d.ts +22 -0
- package/es/es/components/ListBox/ListBoxMenuIcon.d.ts +31 -0
- package/es/es/components/ListBox/ListBoxMenuItem.d.ts +24 -0
- package/es/es/components/ListBox/ListBoxPropTypes.d.ts +14 -0
- package/es/es/components/ListBox/ListBoxSelection.d.ts +51 -0
- package/es/es/components/ListBox/index.d.ts +23 -0
- package/es/es/components/NumberInput/NumberInput.Skeleton.d.ts +32 -0
- package/es/es/components/Slider/Slider.Skeleton.d.ts +33 -0
- package/es/index.js +134 -140
- package/es/internal/ClickListener.js +1 -1
- package/es/internal/FloatingMenu.js +4 -2
- package/es/internal/OptimizedResize.js +3 -1
- package/es/internal/Selection.js +1 -1
- package/es/internal/useIsomorphicEffect.js +2 -1
- package/es/node_modules/flatpickr/dist/plugins/rangePlugin.js +1 -1
- package/es/tools/mergeRefs.js +3 -1
- package/es/tools/wrapComponent.js +3 -1
- package/lib/components/Accordion/AccordionItem.js +2 -2
- package/lib/components/Breadcrumb/Breadcrumb.js +2 -1
- package/lib/components/Breadcrumb/BreadcrumbItem.js +2 -1
- package/lib/components/Button/Button.Skeleton.js +2 -1
- package/lib/components/Button/Button.js +2 -1
- package/lib/components/Button/index.js +0 -2
- package/lib/components/ButtonSet/ButtonSet.js +2 -1
- package/lib/components/CodeSnippet/CodeSnippet.js +0 -1
- package/lib/components/ComboBox/ComboBox.js +10 -10
- package/lib/components/ComposedModal/ComposedModal.js +2 -1
- package/lib/components/ComposedModal/ModalFooter.js +0 -1
- package/lib/components/ContentSwitcher/ContentSwitcher.js +2 -2
- package/lib/components/DangerButton/DangerButton.js +3 -2
- package/lib/components/DataTable/DataTable.js +5 -5
- package/lib/components/DataTable/Table.js +2 -1
- package/lib/components/DataTable/TableActionList.js +2 -1
- package/lib/components/DataTable/TableBatchAction.js +2 -2
- package/lib/components/DataTable/TableBatchActions.js +2 -2
- package/lib/components/DataTable/TableBody.js +2 -1
- package/lib/components/DataTable/TableCell.js +2 -1
- package/lib/components/DataTable/TableContainer.js +2 -1
- package/lib/components/DataTable/TableExpandHeader.js +2 -1
- package/lib/components/DataTable/TableExpandRow.js +2 -1
- package/lib/components/DataTable/TableExpandedRow.js +2 -1
- package/lib/components/DataTable/TableHead.js +2 -1
- package/lib/components/DataTable/TableHeader.js +2 -1
- package/lib/components/DataTable/TableRow.js +2 -1
- package/lib/components/DataTable/TableSelectAll.js +2 -1
- package/lib/components/DataTable/TableSelectRow.js +2 -1
- package/lib/components/DataTable/TableToolbar.js +2 -1
- package/lib/components/DataTable/TableToolbarAction.js +2 -1
- package/lib/components/DataTable/TableToolbarContent.js +2 -1
- package/lib/components/DataTable/TableToolbarMenu.js +2 -1
- package/lib/components/DataTable/TableToolbarSearch.js +2 -2
- package/lib/components/DataTable/state/getDerivedStateFromProps.js +3 -1
- package/lib/components/DataTable/tools/denormalize.js +3 -1
- package/lib/components/DataTable/tools/instanceId.js +3 -1
- package/lib/components/DataTable/tools/normalize.js +3 -1
- package/lib/components/DataTableSkeleton/DataTableSkeleton.js +2 -1
- package/lib/components/DatePicker/DatePicker.Skeleton.js +2 -1
- package/lib/components/DatePicker/DatePicker.js +4 -3
- package/lib/components/DatePicker/index.js +0 -2
- package/lib/components/DatePicker/plugins/fixEventsPlugin.js +32 -1
- package/lib/components/DatePickerInput/DatePickerInput.js +2 -1
- package/lib/components/Dropdown/Dropdown.Skeleton.js +2 -1
- package/lib/components/Dropdown/Dropdown.js +30 -17
- package/lib/components/Dropdown/index.js +0 -2
- package/lib/components/ExpandableSearch/ExpandableSearch.js +0 -1
- package/lib/components/FileUploader/FileUploader.js +2 -2
- package/lib/components/FileUploader/FileUploaderButton.js +2 -2
- package/lib/components/FileUploader/FileUploaderDropContainer.js +2 -2
- package/lib/components/FileUploader/FileUploaderItem.js +2 -2
- package/lib/components/FluidComboBox/FluidComboBox.Skeleton.js +2 -1
- package/lib/components/FluidComboBox/FluidComboBox.js +2 -1
- package/lib/components/FluidDatePicker/FluidDatePicker.js +2 -2
- package/lib/components/FluidDatePickerInput/FluidDatePickerInput.js +2 -1
- package/lib/components/FluidDropdown/FluidDropdown.Skeleton.js +2 -1
- package/lib/components/FluidDropdown/FluidDropdown.js +2 -2
- package/lib/components/FluidForm/FluidForm.js +2 -2
- package/lib/components/FluidMultiSelect/FluidMultiSelect.Skeleton.js +2 -1
- package/lib/components/FluidMultiSelect/FluidMultiSelect.js +2 -1
- package/lib/components/FluidSelect/FluidSelect.Skeleton.js +2 -1
- package/lib/components/FluidSelect/FluidSelect.js +2 -2
- package/lib/components/FluidSelect/index.js +0 -2
- package/lib/components/FluidTextArea/FluidTextArea.js +0 -1
- package/lib/components/FluidTextInput/FluidTextInput.js +0 -1
- package/lib/components/FluidTextInput/index.js +0 -2
- package/lib/components/FluidTimePicker/FluidTimePicker.Skeleton.js +2 -3
- package/lib/components/FluidTimePicker/FluidTimePicker.js +2 -2
- package/lib/components/FluidTimePickerSelect/FluidTimePickerSelect.js +2 -2
- package/lib/components/Form/Form.js +2 -1
- package/lib/components/FormGroup/FormGroup.js +2 -1
- package/lib/components/IconButton/index.js +0 -2
- package/lib/components/InlineCheckbox/InlineCheckbox.js +4 -1
- package/lib/components/Link/Link.js +2 -1
- package/lib/components/ListBox/ListBox.js +3 -14
- package/lib/components/ListBox/ListBoxField.js +1 -1
- package/lib/components/ListBox/ListBoxMenu.js +2 -2
- package/lib/components/ListBox/ListBoxMenuIcon.js +8 -5
- package/lib/components/ListBox/ListBoxMenuItem.js +2 -3
- package/lib/components/ListBox/ListBoxPropTypes.js +4 -2
- package/lib/components/ListBox/ListBoxSelection.js +7 -20
- package/lib/components/ListBox/index.js +12 -8
- package/lib/components/ListBox/next/ListBoxSelection.js +2 -2
- package/lib/components/ListBox/next/ListBoxTrigger.js +2 -1
- package/lib/components/ListItem/ListItem.js +2 -1
- package/lib/components/Menu/Menu.js +4 -3
- package/lib/components/Menu/MenuOption.js +2 -2
- package/lib/components/Modal/Modal.js +2 -2
- package/lib/components/ModalWrapper/ModalWrapper.js +0 -1
- package/lib/components/MultiSelect/FilterableMultiSelect.js +10 -10
- package/lib/components/MultiSelect/MultiSelect.js +10 -10
- package/lib/components/Notification/Notification.js +2 -3
- package/lib/components/OrderedList/OrderedList.js +2 -1
- package/lib/components/OverflowMenu/OverflowMenu.js +14 -3
- package/lib/components/OverflowMenuItem/OverflowMenuItem.js +4 -3
- package/lib/components/OverflowMenuV2/index.js +2 -2
- package/lib/components/Pagination/Pagination.js +2 -2
- package/lib/components/Pagination/experimental/PageSelector.js +0 -1
- package/lib/components/Pagination/experimental/Pagination.js +0 -2
- package/lib/components/PaginationNav/PaginationNav.js +2 -2
- package/lib/components/PrimaryButton/PrimaryButton.js +3 -2
- package/lib/components/ProgressIndicator/ProgressIndicator.js +2 -2
- package/lib/components/RadioButton/RadioButton.js +2 -1
- package/lib/components/RadioButtonGroup/RadioButtonGroup.js +2 -1
- package/lib/components/RadioTile/RadioTile.js +2 -2
- package/lib/components/Search/Search.Skeleton.js +2 -1
- package/lib/components/Search/Search.js +4 -3
- package/lib/components/Search/index.js +0 -2
- package/lib/components/SecondaryButton/SecondaryButton.js +3 -2
- package/lib/components/Select/Select.Skeleton.js +2 -1
- package/lib/components/Select/Select.js +2 -1
- package/lib/components/Select/index.js +0 -2
- package/lib/components/SelectItem/SelectItem.js +2 -1
- package/lib/components/SelectItemGroup/SelectItemGroup.js +2 -1
- package/lib/components/SkeletonIcon/SkeletonIcon.js +2 -1
- package/lib/components/SkeletonPlaceholder/SkeletonPlaceholder.js +2 -1
- package/lib/components/SkeletonText/SkeletonText.js +2 -1
- package/lib/components/Slider/Slider.Skeleton.js +2 -1
- package/lib/components/StructuredList/StructuredList.Skeleton.js +2 -1
- package/lib/components/Switch/Switch.js +2 -1
- package/lib/components/TabContent/TabContent.js +2 -1
- package/lib/components/Tabs/Tabs.js +2 -3
- package/lib/components/Tag/Tag.js +2 -1
- package/lib/components/TextArea/TextArea.Skeleton.js +2 -1
- package/lib/components/TextArea/TextArea.js +6 -3
- package/lib/components/TextArea/index.js +0 -2
- package/lib/components/TextInput/ControlledPasswordInput.js +2 -1
- package/lib/components/TextInput/PasswordInput.js +2 -1
- package/lib/components/TextInput/TextInput.Skeleton.js +2 -1
- package/lib/components/TextInput/TextInput.js +2 -1
- package/lib/components/TextInput/index.js +0 -2
- package/lib/components/Tile/Tile.js +3 -7
- package/lib/components/TimePicker/TimePicker.js +2 -1
- package/lib/components/TimePickerSelect/TimePickerSelect.js +2 -1
- package/lib/components/Toggletip/index.js +2 -2
- package/lib/components/Tooltip/DefinitionTooltip.js +2 -2
- package/lib/components/Tooltip/Tooltip.js +2 -2
- package/lib/components/TreeView/TreeNode.js +2 -2
- package/lib/components/TreeView/TreeView.js +2 -2
- package/lib/components/UIShell/Content.js +2 -1
- package/lib/components/UIShell/Header.js +2 -1
- package/lib/components/UIShell/HeaderContainer.js +2 -1
- package/lib/components/UIShell/HeaderGlobalAction.js +2 -2
- package/lib/components/UIShell/HeaderMenu.js +4 -3
- package/lib/components/UIShell/HeaderMenuItem.js +2 -1
- package/lib/components/UIShell/HeaderPanel.js +2 -1
- package/lib/components/UIShell/HeaderSideNavItems.js +2 -1
- package/lib/components/UIShell/Link.js +2 -1
- package/lib/components/UIShell/SideNav.js +2 -1
- package/lib/components/UIShell/SideNavDetails.js +2 -1
- package/lib/components/UIShell/SideNavHeader.js +2 -1
- package/lib/components/UIShell/SideNavItems.js +2 -1
- package/lib/components/UIShell/SideNavLink.js +2 -1
- package/lib/components/UIShell/SideNavMenu.js +5 -3
- package/lib/components/UIShell/SideNavMenuItem.js +2 -1
- package/lib/components/UIShell/SideNavSwitcher.js +2 -1
- package/lib/components/UIShell/Switcher.js +2 -1
- package/lib/components/UIShell/SwitcherDivider.js +2 -1
- package/lib/components/UIShell/SwitcherItem.js +2 -1
- package/lib/components/UnorderedList/UnorderedList.js +2 -1
- package/lib/index.js +281 -287
- package/lib/internal/FloatingMenu.js +3 -1
- package/lib/internal/OptimizedResize.js +3 -1
- package/lib/internal/useIsomorphicEffect.js +2 -1
- package/lib/lib/components/DataTable/TableSelectAll.d.ts +83 -0
- package/lib/lib/components/Dropdown/Dropdown.d.ts +134 -0
- package/lib/lib/components/Dropdown/index.d.ts +11 -0
- package/lib/lib/components/FluidForm/FluidForm.d.ts +11 -0
- package/lib/lib/components/FluidForm/FormContext.d.ts +11 -0
- package/lib/lib/components/FluidForm/index.d.ts +10 -0
- package/lib/lib/components/ListBox/ListBox.d.ts +60 -0
- package/lib/lib/components/ListBox/ListBoxField.d.ts +18 -0
- package/lib/lib/components/ListBox/ListBoxMenu.d.ts +22 -0
- package/lib/lib/components/ListBox/ListBoxMenuIcon.d.ts +31 -0
- package/lib/lib/components/ListBox/ListBoxMenuItem.d.ts +24 -0
- package/lib/lib/components/ListBox/ListBoxPropTypes.d.ts +14 -0
- package/lib/lib/components/ListBox/ListBoxSelection.d.ts +51 -0
- package/lib/lib/components/ListBox/index.d.ts +23 -0
- package/lib/lib/components/NumberInput/NumberInput.Skeleton.d.ts +32 -0
- package/lib/lib/components/Slider/Slider.Skeleton.d.ts +33 -0
- package/lib/tools/mergeRefs.js +3 -1
- package/lib/tools/wrapComponent.js +3 -1
- package/package.json +5 -5
- package/es/components/ContainedList/index.js +0 -13
- package/es/components/DataTable/index.js +0 -70
- package/es/components/TreeView/index.js +0 -13
- package/lib/components/ContainedList/index.js +0 -19
- package/lib/components/DataTable/index.js +0 -76
- package/lib/components/TreeView/index.js +0 -19
|
@@ -37,13 +37,12 @@ function useIsTruncated(ref) {
|
|
|
37
37
|
}, [ref, setIsTruncated]);
|
|
38
38
|
return isTruncated;
|
|
39
39
|
}
|
|
40
|
+
|
|
40
41
|
/**
|
|
41
42
|
* `ListBoxMenuItem` is a helper component for managing the container class
|
|
42
43
|
* name, alongside any classes for any corresponding states, for a generic list
|
|
43
44
|
* box menu item.
|
|
44
45
|
*/
|
|
45
|
-
|
|
46
|
-
|
|
47
46
|
var ListBoxMenuItem = /*#__PURE__*/React__default["default"].forwardRef(function ListBoxMenuItem(_ref, forwardedRef) {
|
|
48
47
|
var _cx;
|
|
49
48
|
|
|
@@ -60,7 +59,7 @@ var ListBoxMenuItem = /*#__PURE__*/React__default["default"].forwardRef(function
|
|
|
60
59
|
return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
|
|
61
60
|
className: className,
|
|
62
61
|
title: isTruncated ? title : undefined,
|
|
63
|
-
tabIndex:
|
|
62
|
+
tabIndex: -1
|
|
64
63
|
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
65
64
|
className: "".concat(prefix, "--list-box__menu-item__option"),
|
|
66
65
|
ref: (forwardedRef === null || forwardedRef === void 0 ? void 0 : forwardedRef.menuItemOptionRef) || ref
|
|
@@ -15,8 +15,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
15
15
|
|
|
16
16
|
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
17
17
|
|
|
18
|
-
var
|
|
19
|
-
var
|
|
18
|
+
var listBoxTypes = ['default', 'inline'];
|
|
19
|
+
var listBoxSizes = ['sm', 'md', 'lg'];
|
|
20
|
+
var ListBoxType = PropTypes__default["default"].oneOf(listBoxTypes);
|
|
21
|
+
var ListBoxSize = PropTypes__default["default"].oneOf(listBoxSizes);
|
|
20
22
|
|
|
21
23
|
exports.ListBoxSize = ListBoxSize;
|
|
22
24
|
exports.ListBoxType = ListBoxType;
|
|
@@ -14,9 +14,9 @@ var cx = require('classnames');
|
|
|
14
14
|
var React = require('react');
|
|
15
15
|
var PropTypes = require('prop-types');
|
|
16
16
|
var iconsReact = require('@carbon/icons-react');
|
|
17
|
-
var keys = require('../../internal/keyboard/keys.js');
|
|
18
|
-
var match = require('../../internal/keyboard/match.js');
|
|
19
17
|
var usePrefix = require('../../internal/usePrefix.js');
|
|
18
|
+
var match = require('../../internal/keyboard/match.js');
|
|
19
|
+
var keys = require('../../internal/keyboard/keys.js');
|
|
20
20
|
|
|
21
21
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
22
22
|
|
|
@@ -25,13 +25,13 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
25
25
|
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
26
26
|
|
|
27
27
|
var _Close, _Close2, _defaultTranslations;
|
|
28
|
+
|
|
28
29
|
/**
|
|
29
30
|
* `ListBoxSelection` is used to provide controls for clearing a selection, in
|
|
30
31
|
* addition to conditionally rendering a badge if the control has more than one
|
|
31
32
|
* selection.
|
|
32
33
|
*/
|
|
33
|
-
|
|
34
|
-
function ListBoxSelection(_ref) {
|
|
34
|
+
var ListBoxSelection = function ListBoxSelection(_ref) {
|
|
35
35
|
var _cx;
|
|
36
36
|
|
|
37
37
|
var clearSelection = _ref.clearSelection,
|
|
@@ -65,7 +65,7 @@ function ListBoxSelection(_ref) {
|
|
|
65
65
|
} // When a user hits ENTER, we'll clear the selection
|
|
66
66
|
|
|
67
67
|
|
|
68
|
-
if (match.match(event, keys.Enter)) {
|
|
68
|
+
if (match.match(event.code, keys.Enter)) {
|
|
69
69
|
clearSelection(event);
|
|
70
70
|
|
|
71
71
|
if (onClearSelection) {
|
|
@@ -80,14 +80,13 @@ function ListBoxSelection(_ref) {
|
|
|
80
80
|
className: tagClasses
|
|
81
81
|
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
82
82
|
className: "".concat(prefix, "--tag__label"),
|
|
83
|
-
title: selectionCount
|
|
83
|
+
title: "".concat(selectionCount)
|
|
84
84
|
}, selectionCount), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
85
85
|
role: "button",
|
|
86
86
|
tabIndex: disabled ? -1 : 0,
|
|
87
87
|
className: "".concat(prefix, "--tag__close-icon"),
|
|
88
88
|
onClick: handleOnClick,
|
|
89
89
|
onKeyDown: handleOnKeyDown,
|
|
90
|
-
disabled: disabled,
|
|
91
90
|
"aria-label": t('clear.all'),
|
|
92
91
|
title: description,
|
|
93
92
|
"aria-disabled": readOnly ? true : undefined
|
|
@@ -100,7 +99,7 @@ function ListBoxSelection(_ref) {
|
|
|
100
99
|
"aria-label": description,
|
|
101
100
|
title: description
|
|
102
101
|
}, selectionCount, _Close2 || (_Close2 = /*#__PURE__*/React__default["default"].createElement(iconsReact.Close, null)));
|
|
103
|
-
}
|
|
102
|
+
};
|
|
104
103
|
|
|
105
104
|
var translationIds = {
|
|
106
105
|
'clear.all': 'clear.all',
|
|
@@ -125,18 +124,6 @@ ListBoxSelection.propTypes = {
|
|
|
125
124
|
*/
|
|
126
125
|
onClearSelection: PropTypes__default["default"].func,
|
|
127
126
|
|
|
128
|
-
/**
|
|
129
|
-
* Specify an optional `onClick` handler that is called when the underlying
|
|
130
|
-
* clear selection element is clicked
|
|
131
|
-
*/
|
|
132
|
-
onClick: PropTypes__default["default"].func,
|
|
133
|
-
|
|
134
|
-
/**
|
|
135
|
-
* Specify an optional `onKeyDown` handler that is called when the underlying
|
|
136
|
-
* clear selection element fires a keydown event
|
|
137
|
-
*/
|
|
138
|
-
onKeyDown: PropTypes__default["default"].func,
|
|
139
|
-
|
|
140
127
|
/**
|
|
141
128
|
* Whether or not the Dropdown is readonly
|
|
142
129
|
*/
|
|
@@ -9,18 +9,22 @@
|
|
|
9
9
|
|
|
10
10
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
11
11
|
|
|
12
|
-
require('./ListBoxPropTypes.js');
|
|
13
|
-
var ListBox = require('./ListBox.js');
|
|
12
|
+
var ListBoxPropTypes = require('./ListBoxPropTypes.js');
|
|
13
|
+
var ListBox$1 = require('./ListBox.js');
|
|
14
14
|
var ListBoxField = require('./ListBoxField.js');
|
|
15
15
|
var ListBoxMenu = require('./ListBoxMenu.js');
|
|
16
16
|
var ListBoxMenuIcon = require('./ListBoxMenuIcon.js');
|
|
17
17
|
var ListBoxMenuItem = require('./ListBoxMenuItem.js');
|
|
18
18
|
var ListBoxSelection = require('./ListBoxSelection.js');
|
|
19
19
|
|
|
20
|
-
ListBox
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
20
|
+
var ListBox = Object.assign(ListBox$1["default"], {
|
|
21
|
+
Field: ListBoxField["default"],
|
|
22
|
+
Menu: ListBoxMenu["default"],
|
|
23
|
+
MenuIcon: ListBoxMenuIcon["default"],
|
|
24
|
+
MenuItem: ListBoxMenuItem["default"],
|
|
25
|
+
Selection: ListBoxSelection["default"]
|
|
26
|
+
});
|
|
25
27
|
|
|
26
|
-
exports
|
|
28
|
+
exports.ListBoxSize = ListBoxPropTypes.ListBoxSize;
|
|
29
|
+
exports.ListBoxType = ListBoxPropTypes.ListBoxType;
|
|
30
|
+
exports["default"] = ListBox;
|
|
@@ -14,9 +14,9 @@ var cx = require('classnames');
|
|
|
14
14
|
var React = require('react');
|
|
15
15
|
var PropTypes = require('prop-types');
|
|
16
16
|
var iconsReact = require('@carbon/icons-react');
|
|
17
|
-
var keys = require('../../../internal/keyboard/keys.js');
|
|
18
|
-
var match = require('../../../internal/keyboard/match.js');
|
|
19
17
|
var usePrefix = require('../../../internal/usePrefix.js');
|
|
18
|
+
var match = require('../../../internal/keyboard/match.js');
|
|
19
|
+
var keys = require('../../../internal/keyboard/keys.js');
|
|
20
20
|
|
|
21
21
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
22
22
|
|
|
@@ -14,14 +14,14 @@ var React = require('react');
|
|
|
14
14
|
var ReactDOM = require('react-dom');
|
|
15
15
|
var cx = require('classnames');
|
|
16
16
|
var PropTypes = require('prop-types');
|
|
17
|
-
var keys = require('../../internal/keyboard/keys.js');
|
|
18
|
-
var match = require('../../internal/keyboard/match.js');
|
|
19
17
|
var usePrefix = require('../../internal/usePrefix.js');
|
|
20
18
|
var _utils = require('./_utils.js');
|
|
21
19
|
var MenuGroup = require('./MenuGroup.js');
|
|
22
20
|
var MenuRadioGroup = require('./MenuRadioGroup.js');
|
|
23
21
|
var MenuRadioGroupOptions = require('./MenuRadioGroupOptions.js');
|
|
24
22
|
var MenuSelectableItem = require('./MenuSelectableItem.js');
|
|
23
|
+
var match = require('../../internal/keyboard/match.js');
|
|
24
|
+
var keys = require('../../internal/keyboard/keys.js');
|
|
25
25
|
|
|
26
26
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
27
27
|
|
|
@@ -334,5 +334,6 @@ Menu.propTypes = {
|
|
|
334
334
|
*/
|
|
335
335
|
y: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].arrayOf(PropTypes__default["default"].number)])
|
|
336
336
|
};
|
|
337
|
+
var Menu$1 = Menu;
|
|
337
338
|
|
|
338
|
-
exports["default"] = Menu;
|
|
339
|
+
exports["default"] = Menu$1;
|
|
@@ -14,11 +14,11 @@ var React = require('react');
|
|
|
14
14
|
var PropTypes = require('prop-types');
|
|
15
15
|
var cx = require('classnames');
|
|
16
16
|
var iconsReact = require('@carbon/icons-react');
|
|
17
|
-
var keys = require('../../internal/keyboard/keys.js');
|
|
18
|
-
var match = require('../../internal/keyboard/match.js');
|
|
19
17
|
var usePrefix = require('../../internal/usePrefix.js');
|
|
20
18
|
var _utils = require('./_utils.js');
|
|
21
19
|
var Menu = require('./Menu.js');
|
|
20
|
+
var match = require('../../internal/keyboard/match.js');
|
|
21
|
+
var keys = require('../../internal/keyboard/keys.js');
|
|
22
22
|
|
|
23
23
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
24
24
|
|
|
@@ -16,7 +16,6 @@ var cx = require('classnames');
|
|
|
16
16
|
var iconsReact = require('@carbon/icons-react');
|
|
17
17
|
var toggleClass = require('../../tools/toggleClass.js');
|
|
18
18
|
var Button = require('../Button/Button.js');
|
|
19
|
-
require('../Button/Button.Skeleton.js');
|
|
20
19
|
var ButtonSet = require('../ButtonSet/ButtonSet.js');
|
|
21
20
|
var requiredIfGivenPropIsTruthy = require('../../prop-types/requiredIfGivenPropIsTruthy.js');
|
|
22
21
|
var wrapFocus = require('../../internal/wrapFocus.js');
|
|
@@ -281,5 +280,6 @@ Modal.defaultProps = {
|
|
|
281
280
|
selectorPrimaryFocus: '[data-modal-primary-focus]',
|
|
282
281
|
hasScrollingContent: false
|
|
283
282
|
};
|
|
283
|
+
var Modal$1 = Modal;
|
|
284
284
|
|
|
285
|
-
exports["default"] = Modal;
|
|
285
|
+
exports["default"] = Modal$1;
|
|
@@ -14,7 +14,6 @@ var PropTypes = require('prop-types');
|
|
|
14
14
|
var React = require('react');
|
|
15
15
|
var Modal = require('../Modal/Modal.js');
|
|
16
16
|
var Button = require('../Button/Button.js');
|
|
17
|
-
require('../Button/Button.Skeleton.js');
|
|
18
17
|
var types = require('../../prop-types/types.js');
|
|
19
18
|
var warning = require('../../internal/warning.js');
|
|
20
19
|
|
|
@@ -18,11 +18,7 @@ var PropTypes = require('prop-types');
|
|
|
18
18
|
var React = require('react');
|
|
19
19
|
var filter = require('../ComboBox/tools/filter.js');
|
|
20
20
|
var MultiSelectPropTypes = require('./MultiSelectPropTypes.js');
|
|
21
|
-
require('../ListBox/index.js');
|
|
22
|
-
var ListBoxSelection = require('../ListBox/next/ListBoxSelection.js');
|
|
23
|
-
var ListBoxTrigger = require('../ListBox/next/ListBoxTrigger.js');
|
|
24
|
-
var keys = require('../../internal/keyboard/keys.js');
|
|
25
|
-
var match = require('../../internal/keyboard/match.js');
|
|
21
|
+
var index$1 = require('../ListBox/index.js');
|
|
26
22
|
var Selection = require('../../internal/Selection.js');
|
|
27
23
|
var itemToString = require('./tools/itemToString.js');
|
|
28
24
|
var mergeRefs = require('../../tools/mergeRefs.js');
|
|
@@ -33,8 +29,11 @@ var index = require('../FeatureFlags/index.js');
|
|
|
33
29
|
var usePrefix = require('../../internal/usePrefix.js');
|
|
34
30
|
require('../FluidForm/FluidForm.js');
|
|
35
31
|
var FormContext = require('../FluidForm/FormContext.js');
|
|
32
|
+
var match = require('../../internal/keyboard/match.js');
|
|
33
|
+
var ListBoxSelection = require('../ListBox/next/ListBoxSelection.js');
|
|
34
|
+
var ListBoxTrigger = require('../ListBox/next/ListBoxTrigger.js');
|
|
36
35
|
var ListBoxPropTypes = require('../ListBox/ListBoxPropTypes.js');
|
|
37
|
-
var
|
|
36
|
+
var keys = require('../../internal/keyboard/keys.js');
|
|
38
37
|
|
|
39
38
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
40
39
|
|
|
@@ -333,7 +332,7 @@ var FilterableMultiSelect = /*#__PURE__*/React__default["default"].forwardRef(fu
|
|
|
333
332
|
className: wrapperClasses
|
|
334
333
|
}, titleText ? /*#__PURE__*/React__default["default"].createElement("label", _rollupPluginBabelHelpers["extends"]({
|
|
335
334
|
className: titleClasses
|
|
336
|
-
}, labelProps), titleText) : null, /*#__PURE__*/React__default["default"].createElement(
|
|
335
|
+
}, labelProps), titleText) : null, /*#__PURE__*/React__default["default"].createElement(index$1["default"], {
|
|
337
336
|
onFocus: isFluid ? handleFocus : null,
|
|
338
337
|
onBlur: isFluid ? handleFocus : null,
|
|
339
338
|
className: className,
|
|
@@ -382,7 +381,7 @@ var FilterableMultiSelect = /*#__PURE__*/React__default["default"].forwardRef(fu
|
|
|
382
381
|
}), /*#__PURE__*/React__default["default"].createElement(ListBoxTrigger["default"], _rollupPluginBabelHelpers["extends"]({}, buttonProps, {
|
|
383
382
|
isOpen: isOpen,
|
|
384
383
|
translateWithId: translateWithId
|
|
385
|
-
}))), isOpen ? /*#__PURE__*/React__default["default"].createElement(
|
|
384
|
+
}))), isOpen ? /*#__PURE__*/React__default["default"].createElement(index$1["default"].Menu, menuProps, sortItems(filterItems(items, {
|
|
386
385
|
itemToString: itemToString,
|
|
387
386
|
inputValue: inputValue
|
|
388
387
|
}), {
|
|
@@ -403,7 +402,7 @@ var FilterableMultiSelect = /*#__PURE__*/React__default["default"].forwardRef(fu
|
|
|
403
402
|
var isChecked = selectedItem.filter(function (selected) {
|
|
404
403
|
return isEqual__default["default"](selected, item);
|
|
405
404
|
}).length > 0;
|
|
406
|
-
return /*#__PURE__*/React__default["default"].createElement(
|
|
405
|
+
return /*#__PURE__*/React__default["default"].createElement(index$1["default"].MenuItem, _rollupPluginBabelHelpers["extends"]({
|
|
407
406
|
key: itemProps.id,
|
|
408
407
|
"aria-label": itemText,
|
|
409
408
|
isActive: isChecked,
|
|
@@ -576,5 +575,6 @@ FilterableMultiSelect.defaultProps = {
|
|
|
576
575
|
open: false,
|
|
577
576
|
selectionFeedback: 'top-after-reopen'
|
|
578
577
|
};
|
|
578
|
+
var FilterableMultiSelect$1 = FilterableMultiSelect;
|
|
579
579
|
|
|
580
|
-
exports["default"] = FilterableMultiSelect;
|
|
580
|
+
exports["default"] = FilterableMultiSelect$1;
|
|
@@ -16,7 +16,7 @@ var Downshift = require('downshift');
|
|
|
16
16
|
var isEqual = require('lodash.isequal');
|
|
17
17
|
var PropTypes = require('prop-types');
|
|
18
18
|
var React = require('react');
|
|
19
|
-
require('../ListBox/index.js');
|
|
19
|
+
var index$1 = require('../ListBox/index.js');
|
|
20
20
|
var MultiSelectPropTypes = require('./MultiSelectPropTypes.js');
|
|
21
21
|
var itemToString = require('./tools/itemToString.js');
|
|
22
22
|
var sorting = require('./tools/sorting.js');
|
|
@@ -24,14 +24,13 @@ var Selection = require('../../internal/Selection.js');
|
|
|
24
24
|
var setupGetInstanceId = require('../../tools/setupGetInstanceId.js');
|
|
25
25
|
var mergeRefs = require('../../tools/mergeRefs.js');
|
|
26
26
|
var deprecate = require('../../prop-types/deprecate.js');
|
|
27
|
-
var keys = require('../../internal/keyboard/keys.js');
|
|
28
|
-
var match = require('../../internal/keyboard/match.js');
|
|
29
27
|
var index = require('../FeatureFlags/index.js');
|
|
30
28
|
var usePrefix = require('../../internal/usePrefix.js');
|
|
31
29
|
require('../FluidForm/FluidForm.js');
|
|
32
30
|
var FormContext = require('../FluidForm/FormContext.js');
|
|
31
|
+
var match = require('../../internal/keyboard/match.js');
|
|
33
32
|
var ListBoxPropTypes = require('../ListBox/ListBoxPropTypes.js');
|
|
34
|
-
var
|
|
33
|
+
var keys = require('../../internal/keyboard/keys.js');
|
|
35
34
|
|
|
36
35
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
37
36
|
|
|
@@ -264,7 +263,7 @@ var MultiSelect = /*#__PURE__*/React__default["default"].forwardRef(function Mul
|
|
|
264
263
|
className: titleClasses
|
|
265
264
|
}, getLabelProps()), titleText && titleText, selectedItems.length > 0 && /*#__PURE__*/React__default["default"].createElement("span", {
|
|
266
265
|
className: "".concat(prefix, "--visually-hidden")
|
|
267
|
-
}, clearSelectionDescription, " ", selectedItems.length, ",", clearSelectionText)), /*#__PURE__*/React__default["default"].createElement(
|
|
266
|
+
}, clearSelectionDescription, " ", selectedItems.length, ",", clearSelectionText)), /*#__PURE__*/React__default["default"].createElement(index$1["default"], {
|
|
268
267
|
onFocus: isFluid ? handleFocus : null,
|
|
269
268
|
onBlur: isFluid ? handleFocus : null,
|
|
270
269
|
type: type,
|
|
@@ -291,7 +290,7 @@ var MultiSelect = /*#__PURE__*/React__default["default"].forwardRef(function Mul
|
|
|
291
290
|
}, toggleButtonProps, {
|
|
292
291
|
ref: mergeRefs["default"](toggleButtonProps.ref, ref),
|
|
293
292
|
onKeyDown: onKeyDown
|
|
294
|
-
}, readOnlyEventHandlers), selectedItems.length > 0 && /*#__PURE__*/React__default["default"].createElement(
|
|
293
|
+
}, readOnlyEventHandlers), selectedItems.length > 0 && /*#__PURE__*/React__default["default"].createElement(index$1["default"].Selection, {
|
|
295
294
|
readOnly: readOnly,
|
|
296
295
|
clearSelection: !disabled && !readOnly ? clearSelection : noop,
|
|
297
296
|
selectionCount: selectedItems.length,
|
|
@@ -300,10 +299,10 @@ var MultiSelect = /*#__PURE__*/React__default["default"].forwardRef(function Mul
|
|
|
300
299
|
}), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
301
300
|
id: fieldLabelId,
|
|
302
301
|
className: "".concat(prefix, "--list-box__label")
|
|
303
|
-
}, label), /*#__PURE__*/React__default["default"].createElement(
|
|
302
|
+
}, label), /*#__PURE__*/React__default["default"].createElement(index$1["default"].MenuIcon, {
|
|
304
303
|
isOpen: isOpen,
|
|
305
304
|
translateWithId: translateWithId
|
|
306
|
-
})), /*#__PURE__*/React__default["default"].createElement(
|
|
305
|
+
})), /*#__PURE__*/React__default["default"].createElement(index$1["default"].Menu, _rollupPluginBabelHelpers["extends"]({
|
|
307
306
|
"aria-multiselectable": "true"
|
|
308
307
|
}, getMenuProps()), isOpen && sortItems(items, sortOptions).map(function (item, index) {
|
|
309
308
|
var _getItemProps;
|
|
@@ -317,7 +316,7 @@ var MultiSelect = /*#__PURE__*/React__default["default"].forwardRef(function Mul
|
|
|
317
316
|
var isChecked = selectedItems.filter(function (selected) {
|
|
318
317
|
return isEqual__default["default"](selected, item);
|
|
319
318
|
}).length > 0;
|
|
320
|
-
return /*#__PURE__*/React__default["default"].createElement(
|
|
319
|
+
return /*#__PURE__*/React__default["default"].createElement(index$1["default"].MenuItem, _rollupPluginBabelHelpers["extends"]({
|
|
321
320
|
key: itemProps.id,
|
|
322
321
|
isActive: isChecked,
|
|
323
322
|
"aria-label": itemText,
|
|
@@ -514,5 +513,6 @@ MultiSelect.defaultProps = {
|
|
|
514
513
|
clearSelectionDescription: 'Total items selected: ',
|
|
515
514
|
selectedItems: null
|
|
516
515
|
};
|
|
516
|
+
var MultiSelect$1 = MultiSelect;
|
|
517
517
|
|
|
518
|
-
exports["default"] = MultiSelect;
|
|
518
|
+
exports["default"] = MultiSelect$1;
|
|
@@ -15,13 +15,12 @@ var React = require('react');
|
|
|
15
15
|
var cx = require('classnames');
|
|
16
16
|
var iconsReact = require('@carbon/icons-react');
|
|
17
17
|
var Button = require('../Button/Button.js');
|
|
18
|
-
require('../Button/Button.Skeleton.js');
|
|
19
18
|
var useIsomorphicEffect = require('../../internal/useIsomorphicEffect.js');
|
|
20
19
|
var useNoInteractiveChildren = require('../../internal/useNoInteractiveChildren.js');
|
|
21
|
-
var keys = require('../../internal/keyboard/keys.js');
|
|
22
|
-
var match = require('../../internal/keyboard/match.js');
|
|
23
20
|
var usePrefix = require('../../internal/usePrefix.js');
|
|
24
21
|
var useId = require('../../internal/useId.js');
|
|
22
|
+
var match = require('../../internal/keyboard/match.js');
|
|
23
|
+
var keys = require('../../internal/keyboard/keys.js');
|
|
25
24
|
|
|
26
25
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
27
26
|
|
|
@@ -17,12 +17,12 @@ var cx = require('classnames');
|
|
|
17
17
|
var ClickListener = require('../../internal/ClickListener.js');
|
|
18
18
|
var FloatingMenu = require('../../internal/FloatingMenu.js');
|
|
19
19
|
var iconsReact = require('@carbon/icons-react');
|
|
20
|
-
var keys = require('../../internal/keyboard/keys.js');
|
|
21
|
-
var match = require('../../internal/keyboard/match.js');
|
|
22
20
|
var mergeRefs = require('../../tools/mergeRefs.js');
|
|
23
21
|
var usePrefix = require('../../internal/usePrefix.js');
|
|
24
22
|
var FeatureFlags = require('@carbon/feature-flags');
|
|
25
23
|
var deprecate = require('../../prop-types/deprecate.js');
|
|
24
|
+
var match = require('../../internal/keyboard/match.js');
|
|
25
|
+
var keys = require('../../internal/keyboard/keys.js');
|
|
26
26
|
|
|
27
27
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
28
28
|
|
|
@@ -296,6 +296,17 @@ var OverflowMenu = /*#__PURE__*/function (_Component) {
|
|
|
296
296
|
onClose();
|
|
297
297
|
}
|
|
298
298
|
}
|
|
299
|
+
}, {
|
|
300
|
+
key: "componentDidMount",
|
|
301
|
+
value: function componentDidMount() {
|
|
302
|
+
// ensure that if open=true on first render, we wait
|
|
303
|
+
// to render the floating menu until the trigger ref is not null
|
|
304
|
+
if (this._triggerRef.current) {
|
|
305
|
+
this.setState({
|
|
306
|
+
hasMountedTrigger: true
|
|
307
|
+
});
|
|
308
|
+
}
|
|
309
|
+
}
|
|
299
310
|
}, {
|
|
300
311
|
key: "componentWillUnmount",
|
|
301
312
|
value: function componentWillUnmount() {
|
|
@@ -386,7 +397,7 @@ var OverflowMenu = /*#__PURE__*/function (_Component) {
|
|
|
386
397
|
"aria-label": ariaLabel,
|
|
387
398
|
id: id,
|
|
388
399
|
ref: mergeRefs["default"](this._triggerRef, ref)
|
|
389
|
-
}), /*#__PURE__*/React__default["default"].createElement(IconElement, iconProps), open && wrappedMenuBody));
|
|
400
|
+
}), /*#__PURE__*/React__default["default"].createElement(IconElement, iconProps), open && this.state.hasMountedTrigger && wrappedMenuBody));
|
|
390
401
|
}
|
|
391
402
|
}], [{
|
|
392
403
|
key: "getDerivedStateFromProps",
|
|
@@ -13,10 +13,10 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
|
|
|
13
13
|
var cx = require('classnames');
|
|
14
14
|
var PropTypes = require('prop-types');
|
|
15
15
|
var React = require('react');
|
|
16
|
-
var keys = require('../../internal/keyboard/keys.js');
|
|
17
|
-
var match = require('../../internal/keyboard/match.js');
|
|
18
16
|
var warning = require('../../internal/warning.js');
|
|
19
17
|
var usePrefix = require('../../internal/usePrefix.js');
|
|
18
|
+
var match = require('../../internal/keyboard/match.js');
|
|
19
|
+
var keys = require('../../internal/keyboard/keys.js');
|
|
20
20
|
|
|
21
21
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
22
22
|
|
|
@@ -180,5 +180,6 @@ OverflowMenuItem.propTypes = {
|
|
|
180
180
|
*/
|
|
181
181
|
wrapperClassName: PropTypes__default["default"].string
|
|
182
182
|
};
|
|
183
|
+
var OverflowMenuItem$1 = OverflowMenuItem;
|
|
183
184
|
|
|
184
|
-
exports["default"] = OverflowMenuItem;
|
|
185
|
+
exports["default"] = OverflowMenuItem$1;
|
|
@@ -16,10 +16,10 @@ var cx = require('classnames');
|
|
|
16
16
|
var iconsReact = require('@carbon/icons-react');
|
|
17
17
|
var useId = require('../../internal/useId.js');
|
|
18
18
|
require('../Menu/index.js');
|
|
19
|
-
var keys = require('../../internal/keyboard/keys.js');
|
|
20
|
-
var match = require('../../internal/keyboard/match.js');
|
|
21
19
|
var usePrefix = require('../../internal/usePrefix.js');
|
|
22
20
|
var Menu = require('../Menu/Menu.js');
|
|
21
|
+
var match = require('../../internal/keyboard/match.js');
|
|
22
|
+
var keys = require('../../internal/keyboard/keys.js');
|
|
23
23
|
|
|
24
24
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
25
25
|
|
|
@@ -15,7 +15,6 @@ var cx = require('classnames');
|
|
|
15
15
|
var PropTypes = require('prop-types');
|
|
16
16
|
var React = require('react');
|
|
17
17
|
var Select = require('../Select/Select.js');
|
|
18
|
-
require('../Select/Select.Skeleton.js');
|
|
19
18
|
var SelectItem = require('../SelectItem/SelectItem.js');
|
|
20
19
|
var array = require('../../tools/array.js');
|
|
21
20
|
var useId = require('../../internal/useId.js');
|
|
@@ -429,5 +428,6 @@ Pagination.propTypes = {
|
|
|
429
428
|
*/
|
|
430
429
|
totalItems: PropTypes__default["default"].number
|
|
431
430
|
};
|
|
431
|
+
var Pagination$1 = Pagination;
|
|
432
432
|
|
|
433
|
-
exports["default"] = Pagination;
|
|
433
|
+
exports["default"] = Pagination$1;
|
|
@@ -15,7 +15,6 @@ var PropTypes = require('prop-types');
|
|
|
15
15
|
var cx = require('classnames');
|
|
16
16
|
var setupGetInstanceId = require('../../../tools/setupGetInstanceId.js');
|
|
17
17
|
var Select = require('../../Select/Select.js');
|
|
18
|
-
require('../../Select/Select.Skeleton.js');
|
|
19
18
|
var SelectItem = require('../../SelectItem/SelectItem.js');
|
|
20
19
|
var usePrefix = require('../../../internal/usePrefix.js');
|
|
21
20
|
|
|
@@ -15,9 +15,7 @@ var PropTypes = require('prop-types');
|
|
|
15
15
|
var cx = require('classnames');
|
|
16
16
|
var iconsReact = require('@carbon/icons-react');
|
|
17
17
|
var Button = require('../../Button/Button.js');
|
|
18
|
-
require('../../Button/Button.Skeleton.js');
|
|
19
18
|
var Select = require('../../Select/Select.js');
|
|
20
|
-
require('../../Select/Select.Skeleton.js');
|
|
21
19
|
var SelectItem = require('../../SelectItem/SelectItem.js');
|
|
22
20
|
var index = require('../../IconButton/index.js');
|
|
23
21
|
var FeatureFlags = require('@carbon/feature-flags');
|
|
@@ -15,7 +15,6 @@ var React = require('react');
|
|
|
15
15
|
var cx = require('classnames');
|
|
16
16
|
var iconsReact = require('@carbon/icons-react');
|
|
17
17
|
var Button = require('../Button/Button.js');
|
|
18
|
-
require('../Button/Button.Skeleton.js');
|
|
19
18
|
var index = require('../IconButton/index.js');
|
|
20
19
|
var FeatureFlags = require('@carbon/feature-flags');
|
|
21
20
|
var usePrefix = require('../../internal/usePrefix.js');
|
|
@@ -461,5 +460,6 @@ PaginationNav.propTypes = {
|
|
|
461
460
|
*/
|
|
462
461
|
translateWithId: PropTypes__default["default"].func
|
|
463
462
|
};
|
|
463
|
+
var PaginationNav$1 = PaginationNav;
|
|
464
464
|
|
|
465
|
-
exports["default"] = PaginationNav;
|
|
465
|
+
exports["default"] = PaginationNav$1;
|
|
@@ -12,7 +12,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
12
12
|
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
|
13
13
|
var React = require('react');
|
|
14
14
|
var Button = require('../Button/Button.js');
|
|
15
|
-
require('../Button/Button.Skeleton.js');
|
|
16
15
|
|
|
17
16
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
18
17
|
|
|
@@ -24,4 +23,6 @@ var PrimaryButton = function PrimaryButton(props) {
|
|
|
24
23
|
}, props));
|
|
25
24
|
};
|
|
26
25
|
|
|
27
|
-
|
|
26
|
+
var PrimaryButton$1 = PrimaryButton;
|
|
27
|
+
|
|
28
|
+
exports["default"] = PrimaryButton$1;
|
|
@@ -13,10 +13,10 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
|
|
|
13
13
|
var cx = require('classnames');
|
|
14
14
|
var PropTypes = require('prop-types');
|
|
15
15
|
var React = require('react');
|
|
16
|
-
var keys = require('../../internal/keyboard/keys.js');
|
|
17
|
-
var match = require('../../internal/keyboard/match.js');
|
|
18
16
|
var iconsReact = require('@carbon/icons-react');
|
|
19
17
|
var usePrefix = require('../../internal/usePrefix.js');
|
|
18
|
+
var match = require('../../internal/keyboard/match.js');
|
|
19
|
+
var keys = require('../../internal/keyboard/keys.js');
|
|
20
20
|
|
|
21
21
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
22
22
|
|
|
@@ -136,5 +136,6 @@ RadioButton.propTypes = {
|
|
|
136
136
|
*/
|
|
137
137
|
value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number])
|
|
138
138
|
};
|
|
139
|
+
var RadioButton$1 = RadioButton;
|
|
139
140
|
|
|
140
|
-
exports["default"] = RadioButton;
|
|
141
|
+
exports["default"] = RadioButton$1;
|
|
@@ -161,5 +161,6 @@ RadioButtonGroup.propTypes = {
|
|
|
161
161
|
*/
|
|
162
162
|
valueSelected: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number])
|
|
163
163
|
};
|
|
164
|
+
var RadioButtonGroup$1 = RadioButtonGroup;
|
|
164
165
|
|
|
165
|
-
exports["default"] = RadioButtonGroup;
|
|
166
|
+
exports["default"] = RadioButtonGroup$1;
|
|
@@ -14,11 +14,11 @@ var iconsReact = require('@carbon/icons-react');
|
|
|
14
14
|
var cx = require('classnames');
|
|
15
15
|
var PropTypes = require('prop-types');
|
|
16
16
|
var React = require('react');
|
|
17
|
-
var keys = require('../../internal/keyboard/keys.js');
|
|
18
|
-
var match = require('../../internal/keyboard/match.js');
|
|
19
17
|
var useId = require('../../internal/useId.js');
|
|
20
18
|
var usePrefix = require('../../internal/usePrefix.js');
|
|
21
19
|
var deprecate = require('../../prop-types/deprecate.js');
|
|
20
|
+
var match = require('../../internal/keyboard/match.js');
|
|
21
|
+
var keys = require('../../internal/keyboard/keys.js');
|
|
22
22
|
|
|
23
23
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
24
24
|
|