@carbon/react 1.21.0 → 1.22.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/{es/components → components}/Checkbox/Checkbox.Skeleton.d.ts +0 -0
- package/es/{es/components → components}/Checkbox/Checkbox.d.ts +0 -0
- package/es/{es/components → components}/Checkbox/index.d.ts +0 -0
- 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.d.ts +83 -0
- 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.d.ts +134 -0
- package/es/components/Dropdown/Dropdown.js +27 -14
- package/es/components/Dropdown/index.d.ts +11 -0
- 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.d.ts +11 -0
- package/es/components/FluidForm/FluidForm.js +2 -2
- package/es/components/FluidForm/FormContext.d.ts +11 -0
- package/es/components/FluidForm/index.d.ts +10 -0
- 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 -1
- 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 +1 -2
- package/es/components/InlineCheckbox/InlineCheckbox.js +4 -1
- package/es/components/Link/Link.js +2 -1
- package/es/components/ListBox/ListBox.d.ts +60 -0
- package/es/components/ListBox/ListBox.js +4 -15
- package/es/components/ListBox/ListBoxField.d.ts +18 -0
- package/es/components/ListBox/ListBoxField.js +1 -1
- package/es/components/ListBox/ListBoxMenu.d.ts +22 -0
- package/es/components/ListBox/ListBoxMenu.js +2 -2
- package/es/components/ListBox/ListBoxMenuIcon.d.ts +31 -0
- package/es/components/ListBox/ListBoxMenuIcon.js +8 -5
- package/es/components/ListBox/ListBoxMenuItem.d.ts +24 -0
- package/es/components/ListBox/ListBoxMenuItem.js +2 -3
- package/es/components/ListBox/ListBoxPropTypes.d.ts +14 -0
- package/es/components/ListBox/ListBoxPropTypes.js +4 -2
- package/es/components/ListBox/ListBoxSelection.d.ts +51 -0
- package/es/components/ListBox/ListBoxSelection.js +7 -20
- package/es/components/ListBox/index.d.ts +23 -0
- 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/NumberInput/NumberInput.Skeleton.d.ts +32 -0
- package/es/components/OrderedList/OrderedList.js +2 -1
- package/es/components/OverflowMenu/OverflowMenu.js +40 -35
- package/es/components/OverflowMenuItem/OverflowMenuItem.js +4 -3
- package/es/components/OverflowMenuV2/index.js +2 -2
- package/es/components/Pagination/Pagination.js +2 -1
- package/es/components/Pagination/experimental/Pagination.js +0 -1
- 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.d.ts +33 -0
- package/es/components/Select/Select.Skeleton.js +2 -1
- package/es/components/Select/Select.js +2 -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.d.ts +33 -0
- 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/{es/components → components}/Text/Text.d.ts +0 -0
- package/es/{es/components → components}/Text/TextDirection.d.ts +0 -0
- package/es/{es/components → components}/Text/createTextComponent.d.ts +0 -0
- package/es/{es/components → components}/Text/index.d.ts +0 -0
- 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 +34 -5
- 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/index.d.ts → index.d.ts} +0 -0
- package/es/index.js +134 -140
- package/es/internal/ClickListener.js +1 -1
- package/es/internal/FloatingMenu.js +5 -6
- package/es/internal/OptimizedResize.js +3 -1
- package/es/internal/Selection.js +1 -1
- package/es/internal/useIsomorphicEffect.js +2 -1
- package/es/{es/internal → internal}/usePrefix.d.ts +0 -0
- 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/{lib/components → components}/Checkbox/Checkbox.Skeleton.d.ts +0 -0
- package/lib/{lib/components → components}/Checkbox/Checkbox.d.ts +0 -0
- package/lib/{lib/components → components}/Checkbox/index.d.ts +0 -0
- 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.d.ts +83 -0
- 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.d.ts +134 -0
- package/lib/components/Dropdown/Dropdown.js +30 -17
- package/lib/components/Dropdown/index.d.ts +11 -0
- 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.d.ts +11 -0
- package/lib/components/FluidForm/FluidForm.js +2 -2
- package/lib/components/FluidForm/FormContext.d.ts +11 -0
- package/lib/components/FluidForm/index.d.ts +10 -0
- 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 -1
- 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 +1 -2
- package/lib/components/InlineCheckbox/InlineCheckbox.js +4 -1
- package/lib/components/Link/Link.js +2 -1
- package/lib/components/ListBox/ListBox.d.ts +60 -0
- package/lib/components/ListBox/ListBox.js +3 -14
- package/lib/components/ListBox/ListBoxField.d.ts +18 -0
- package/lib/components/ListBox/ListBoxField.js +1 -1
- package/lib/components/ListBox/ListBoxMenu.d.ts +22 -0
- package/lib/components/ListBox/ListBoxMenu.js +2 -2
- package/lib/components/ListBox/ListBoxMenuIcon.d.ts +31 -0
- package/lib/components/ListBox/ListBoxMenuIcon.js +8 -5
- package/lib/components/ListBox/ListBoxMenuItem.d.ts +24 -0
- package/lib/components/ListBox/ListBoxMenuItem.js +2 -3
- package/lib/components/ListBox/ListBoxPropTypes.d.ts +14 -0
- package/lib/components/ListBox/ListBoxPropTypes.js +4 -2
- package/lib/components/ListBox/ListBoxSelection.d.ts +51 -0
- package/lib/components/ListBox/ListBoxSelection.js +7 -20
- package/lib/components/ListBox/index.d.ts +23 -0
- 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/NumberInput/NumberInput.Skeleton.d.ts +32 -0
- package/lib/components/OrderedList/OrderedList.js +2 -1
- package/lib/components/OverflowMenu/OverflowMenu.js +40 -54
- package/lib/components/OverflowMenuItem/OverflowMenuItem.js +4 -3
- package/lib/components/OverflowMenuV2/index.js +2 -2
- package/lib/components/Pagination/Pagination.js +2 -1
- package/lib/components/Pagination/experimental/Pagination.js +0 -1
- 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.d.ts +33 -0
- package/lib/components/Select/Select.Skeleton.js +2 -1
- package/lib/components/Select/Select.js +2 -1
- 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.d.ts +33 -0
- 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/{lib/components → components}/Text/Text.d.ts +0 -0
- package/lib/{lib/components → components}/Text/TextDirection.d.ts +0 -0
- package/lib/{lib/components → components}/Text/createTextComponent.d.ts +0 -0
- package/lib/{lib/components → components}/Text/index.d.ts +0 -0
- 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 +33 -4
- 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/{lib/index.d.ts → index.d.ts} +0 -0
- package/lib/index.js +281 -287
- package/lib/internal/FloatingMenu.js +4 -5
- package/lib/internal/OptimizedResize.js +3 -1
- package/lib/internal/useIsomorphicEffect.js +2 -1
- package/lib/{lib/internal → internal}/usePrefix.d.ts +0 -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
|
@@ -15,8 +15,6 @@ var cx = require('classnames');
|
|
|
15
15
|
var PropTypes = require('prop-types');
|
|
16
16
|
var React = require('react');
|
|
17
17
|
var index = require('../../internal/focus/index.js');
|
|
18
|
-
var keys = require('../../internal/keyboard/keys.js');
|
|
19
|
-
var match = require('../../internal/keyboard/match.js');
|
|
20
18
|
var useId = require('../../internal/useId.js');
|
|
21
19
|
var usePrefix = require('../../internal/usePrefix.js');
|
|
22
20
|
var events = require('../../tools/events.js');
|
|
@@ -24,6 +22,8 @@ var useMergedRefs = require('../../internal/useMergedRefs.js');
|
|
|
24
22
|
var deprecate = require('../../prop-types/deprecate.js');
|
|
25
23
|
require('../FluidForm/FluidForm.js');
|
|
26
24
|
var FormContext = require('../FluidForm/FormContext.js');
|
|
25
|
+
var match = require('../../internal/keyboard/match.js');
|
|
26
|
+
var keys = require('../../internal/keyboard/keys.js');
|
|
27
27
|
|
|
28
28
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
29
29
|
|
|
@@ -277,5 +277,6 @@ CustomSearchIcon.propTypes = {
|
|
|
277
277
|
*/
|
|
278
278
|
icon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object])
|
|
279
279
|
};
|
|
280
|
+
var Search$1 = Search;
|
|
280
281
|
|
|
281
|
-
exports["default"] = Search;
|
|
282
|
+
exports["default"] = Search$1;
|
|
@@ -10,10 +10,8 @@
|
|
|
10
10
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
11
11
|
|
|
12
12
|
var Search = require('./Search.js');
|
|
13
|
-
var Search_Skeleton = require('./Search.Skeleton.js');
|
|
14
13
|
|
|
15
14
|
|
|
16
15
|
|
|
17
16
|
exports.Search = Search["default"];
|
|
18
17
|
exports["default"] = Search["default"];
|
|
19
|
-
exports.SearchSkeleton = Search_Skeleton["default"];
|
|
@@ -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 SecondaryButton = function SecondaryButton(props) {
|
|
|
24
23
|
}, props));
|
|
25
24
|
};
|
|
26
25
|
|
|
27
|
-
|
|
26
|
+
var SecondaryButton$1 = SecondaryButton;
|
|
27
|
+
|
|
28
|
+
exports["default"] = SecondaryButton$1;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2016, 2018
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
import PropTypes from 'prop-types';
|
|
8
|
+
import { HTMLAttributes } from 'react';
|
|
9
|
+
export interface SelectSkeletonProps extends HTMLAttributes<HTMLDivElement> {
|
|
10
|
+
/**
|
|
11
|
+
* Specify an optional className to add to the form item wrapper.
|
|
12
|
+
*/
|
|
13
|
+
className?: string;
|
|
14
|
+
/**
|
|
15
|
+
* Specify whether the label should be hidden, or not
|
|
16
|
+
*/
|
|
17
|
+
hideLabel?: boolean;
|
|
18
|
+
}
|
|
19
|
+
declare const SelectSkeleton: {
|
|
20
|
+
({ hideLabel, className, ...rest }: SelectSkeletonProps): JSX.Element;
|
|
21
|
+
propTypes: {
|
|
22
|
+
/**
|
|
23
|
+
* Specify an optional className to add to the form item wrapper.
|
|
24
|
+
*/
|
|
25
|
+
className: PropTypes.Requireable<string>;
|
|
26
|
+
/**
|
|
27
|
+
* Specify whether the label should be hidden, or not
|
|
28
|
+
*/
|
|
29
|
+
hideLabel: PropTypes.Requireable<boolean>;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
export default SelectSkeleton;
|
|
33
|
+
export { SelectSkeleton };
|
|
@@ -84,5 +84,6 @@ SelectItemGroup.defaultProps = {
|
|
|
84
84
|
disabled: false,
|
|
85
85
|
label: FeatureFlags__namespace.enabled('enable-v11-release') ? undefined : 'Provide label'
|
|
86
86
|
};
|
|
87
|
+
var SelectItemGroup$1 = SelectItemGroup;
|
|
87
88
|
|
|
88
|
-
exports["default"] = SelectItemGroup;
|
|
89
|
+
exports["default"] = SelectItemGroup$1;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2016, 2018
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
import PropTypes from 'prop-types';
|
|
8
|
+
import { HTMLAttributes } from 'react';
|
|
9
|
+
export interface SliderSkeletonProps extends HTMLAttributes<HTMLDivElement> {
|
|
10
|
+
/**
|
|
11
|
+
* Specify an optional className to add to the form item wrapper.
|
|
12
|
+
*/
|
|
13
|
+
className?: string;
|
|
14
|
+
/**
|
|
15
|
+
* Specify whether the label should be hidden, or not
|
|
16
|
+
*/
|
|
17
|
+
hideLabel?: boolean;
|
|
18
|
+
}
|
|
19
|
+
declare const SliderSkeleton: {
|
|
20
|
+
({ hideLabel, className, ...rest }: SliderSkeletonProps): JSX.Element;
|
|
21
|
+
propTypes: {
|
|
22
|
+
/**
|
|
23
|
+
* Specify an optional className to add to the form item wrapper.
|
|
24
|
+
*/
|
|
25
|
+
className: PropTypes.Requireable<string>;
|
|
26
|
+
/**
|
|
27
|
+
* Specify whether the label should be hidden, or not
|
|
28
|
+
*/
|
|
29
|
+
hideLabel: PropTypes.Requireable<boolean>;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
export default SliderSkeleton;
|
|
33
|
+
export { SliderSkeleton };
|
|
@@ -15,7 +15,6 @@ var cx = require('classnames');
|
|
|
15
15
|
var debounce = require('lodash.debounce');
|
|
16
16
|
var PropTypes = require('prop-types');
|
|
17
17
|
var React = require('react');
|
|
18
|
-
require('../Tooltip/DefinitionTooltip.js');
|
|
19
18
|
var Tooltip = require('../Tooltip/Tooltip.js');
|
|
20
19
|
var useControllableState = require('../../internal/useControllableState.js');
|
|
21
20
|
var useEffectOnce = require('../../internal/useEffectOnce.js');
|
|
@@ -24,9 +23,9 @@ var useIsomorphicEffect = require('../../internal/useIsomorphicEffect.js');
|
|
|
24
23
|
var useMergedRefs = require('../../internal/useMergedRefs.js');
|
|
25
24
|
var useNoInteractiveChildren = require('../../internal/useNoInteractiveChildren.js');
|
|
26
25
|
var usePrefix = require('../../internal/usePrefix.js');
|
|
27
|
-
var keys = require('../../internal/keyboard/keys.js');
|
|
28
|
-
var match = require('../../internal/keyboard/match.js');
|
|
29
26
|
var usePressable = require('./usePressable.js');
|
|
27
|
+
var match = require('../../internal/keyboard/match.js');
|
|
28
|
+
var keys = require('../../internal/keyboard/keys.js');
|
|
30
29
|
|
|
31
30
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
32
31
|
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
@@ -49,6 +49,7 @@ TextAreaSkeleton.propTypes = {
|
|
|
49
49
|
*/
|
|
50
50
|
hideLabel: PropTypes__default["default"].bool
|
|
51
51
|
};
|
|
52
|
+
var TextAreaSkeleton$1 = TextAreaSkeleton;
|
|
52
53
|
|
|
53
54
|
exports.TextAreaSkeleton = TextAreaSkeleton;
|
|
54
|
-
exports["default"] = TextAreaSkeleton;
|
|
55
|
+
exports["default"] = TextAreaSkeleton$1;
|
|
@@ -21,6 +21,7 @@ require('../FluidForm/FluidForm.js');
|
|
|
21
21
|
var FormContext = require('../FluidForm/FormContext.js');
|
|
22
22
|
var useAnnouncer = require('../../internal/useAnnouncer.js');
|
|
23
23
|
var useIsomorphicEffect = require('../../internal/useIsomorphicEffect.js');
|
|
24
|
+
var useMergedRefs = require('../../internal/useMergedRefs.js');
|
|
24
25
|
|
|
25
26
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
26
27
|
|
|
@@ -29,7 +30,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
29
30
|
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
30
31
|
|
|
31
32
|
var _excluded = ["className", "id", "labelText", "hideLabel", "onChange", "onClick", "invalid", "invalidText", "helperText", "light", "placeholder", "enableCounter", "maxCount"];
|
|
32
|
-
var TextArea = /*#__PURE__*/React__default["default"].forwardRef(function TextArea(_ref,
|
|
33
|
+
var TextArea = /*#__PURE__*/React__default["default"].forwardRef(function TextArea(_ref, forwardRef) {
|
|
33
34
|
var _classNames, _classNames4;
|
|
34
35
|
|
|
35
36
|
var className = _ref.className,
|
|
@@ -109,6 +110,7 @@ var TextArea = /*#__PURE__*/React__default["default"].forwardRef(function TextAr
|
|
|
109
110
|
})) : null;
|
|
110
111
|
var textareaClasses = cx__default["default"]("".concat(prefix, "--text-area"), [enabled ? null : className], (_classNames4 = {}, _rollupPluginBabelHelpers.defineProperty(_classNames4, "".concat(prefix, "--text-area--light"), light), _rollupPluginBabelHelpers.defineProperty(_classNames4, "".concat(prefix, "--text-area--invalid"), invalid), _classNames4));
|
|
111
112
|
var textareaRef = React.useRef();
|
|
113
|
+
var ref = useMergedRefs.useMergedRefs([forwardRef, textareaRef]);
|
|
112
114
|
useIsomorphicEffect["default"](function () {
|
|
113
115
|
if (other.cols) {
|
|
114
116
|
textareaRef.current.style.width = null;
|
|
@@ -123,7 +125,7 @@ var TextArea = /*#__PURE__*/React__default["default"].forwardRef(function TextAr
|
|
|
123
125
|
"aria-describedby": invalid ? errorId : null,
|
|
124
126
|
disabled: other.disabled,
|
|
125
127
|
readOnly: other.readOnly,
|
|
126
|
-
ref:
|
|
128
|
+
ref: ref
|
|
127
129
|
}));
|
|
128
130
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
129
131
|
className: enabled ? cx__default["default"]("".concat(prefix, "--form-item"), className) : "".concat(prefix, "--form-item")
|
|
@@ -255,5 +257,6 @@ TextArea.defaultProps = {
|
|
|
255
257
|
enableCounter: false,
|
|
256
258
|
maxCount: undefined
|
|
257
259
|
};
|
|
260
|
+
var TextArea$1 = TextArea;
|
|
258
261
|
|
|
259
|
-
exports["default"] = TextArea;
|
|
262
|
+
exports["default"] = TextArea$1;
|
|
@@ -10,10 +10,8 @@
|
|
|
10
10
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
11
11
|
|
|
12
12
|
var TextArea = require('./TextArea.js');
|
|
13
|
-
var TextArea_Skeleton = require('./TextArea.Skeleton.js');
|
|
14
13
|
|
|
15
14
|
|
|
16
15
|
|
|
17
16
|
exports.TextArea = TextArea["default"];
|
|
18
17
|
exports["default"] = TextArea["default"];
|
|
19
|
-
exports.TextAreaSkeleton = TextArea_Skeleton["default"];
|
|
@@ -49,6 +49,7 @@ TextInputSkeleton.propTypes = {
|
|
|
49
49
|
*/
|
|
50
50
|
hideLabel: PropTypes__default["default"].bool
|
|
51
51
|
};
|
|
52
|
+
var TextInputSkeleton$1 = TextInputSkeleton;
|
|
52
53
|
|
|
53
54
|
exports.TextInputSkeleton = TextInputSkeleton;
|
|
54
|
-
exports["default"] = TextInputSkeleton;
|
|
55
|
+
exports["default"] = TextInputSkeleton$1;
|
|
@@ -13,7 +13,6 @@ var deprecateFieldOnObject = require('../../internal/deprecateFieldOnObject.js')
|
|
|
13
13
|
var ControlledPasswordInput = require('./ControlledPasswordInput.js');
|
|
14
14
|
var PasswordInput = require('./PasswordInput.js');
|
|
15
15
|
var TextInput = require('./TextInput.js');
|
|
16
|
-
var TextInput_Skeleton = require('./TextInput.Skeleton.js');
|
|
17
16
|
|
|
18
17
|
TextInput["default"].ControlledPasswordInput = ControlledPasswordInput["default"];
|
|
19
18
|
TextInput["default"].PasswordInput = PasswordInput["default"];
|
|
@@ -25,4 +24,3 @@ if (process.env.NODE_ENV !== "production") {
|
|
|
25
24
|
|
|
26
25
|
exports.TextInput = TextInput["default"];
|
|
27
26
|
exports["default"] = TextInput["default"];
|
|
28
|
-
exports.TextInputSkeleton = TextInput_Skeleton["default"];
|
|
@@ -15,13 +15,13 @@ var PropTypes = require('prop-types');
|
|
|
15
15
|
var cx = require('classnames');
|
|
16
16
|
var iconsReact = require('@carbon/icons-react');
|
|
17
17
|
var Link = require('../Link/Link.js');
|
|
18
|
-
var keys = require('../../internal/keyboard/keys.js');
|
|
19
|
-
var match = require('../../internal/keyboard/match.js');
|
|
20
18
|
var deprecate = require('../../prop-types/deprecate.js');
|
|
21
19
|
var events = require('../../tools/events.js');
|
|
22
20
|
var usePrefix = require('../../internal/usePrefix.js');
|
|
23
21
|
var useIsomorphicEffect = require('../../internal/useIsomorphicEffect.js');
|
|
24
22
|
var useNoInteractiveChildren = require('../../internal/useNoInteractiveChildren.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
|
|
|
@@ -408,10 +408,6 @@ function ExpandableTile(_ref4) {
|
|
|
408
408
|
evt.persist();
|
|
409
409
|
setIsExpanded(!isExpanded);
|
|
410
410
|
setMaxHeight();
|
|
411
|
-
|
|
412
|
-
if (onClick) {
|
|
413
|
-
onClick(evt);
|
|
414
|
-
}
|
|
415
411
|
}
|
|
416
412
|
|
|
417
413
|
function handleKeyUp(evt) {
|
|
@@ -441,7 +437,7 @@ function ExpandableTile(_ref4) {
|
|
|
441
437
|
var paddingBottom = parseInt(getStyle.getPropertyValue('padding-bottom'), 10);
|
|
442
438
|
setIsTileMaxHeight(height);
|
|
443
439
|
setIsTilePadding(paddingTop + paddingBottom);
|
|
444
|
-
}, []);
|
|
440
|
+
}, [isTileMaxHeight]);
|
|
445
441
|
useIsomorphicEffect["default"](function () {
|
|
446
442
|
if (useNoInteractiveChildren.getInteractiveContent(belowTheFold.current)) {
|
|
447
443
|
setInteractive(true);
|
|
@@ -14,11 +14,11 @@ var cx = require('classnames');
|
|
|
14
14
|
var PropTypes = require('prop-types');
|
|
15
15
|
var React = require('react');
|
|
16
16
|
var index = require('../Popover/index.js');
|
|
17
|
-
var keys = require('../../internal/keyboard/keys.js');
|
|
18
|
-
var match = require('../../internal/keyboard/match.js');
|
|
19
17
|
var useEvent = require('../../internal/useEvent.js');
|
|
20
18
|
var useId = require('../../internal/useId.js');
|
|
21
19
|
var usePrefix = require('../../internal/usePrefix.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
|
|
|
@@ -14,11 +14,11 @@ var cx = require('classnames');
|
|
|
14
14
|
var PropTypes = require('prop-types');
|
|
15
15
|
var React = require('react');
|
|
16
16
|
var index = require('../Popover/index.js');
|
|
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
|
|
|
@@ -14,12 +14,12 @@ var cx = require('classnames');
|
|
|
14
14
|
var PropTypes = require('prop-types');
|
|
15
15
|
var React = require('react');
|
|
16
16
|
var index = require('../Popover/index.js');
|
|
17
|
-
var keys = require('../../internal/keyboard/keys.js');
|
|
18
|
-
var match = require('../../internal/keyboard/match.js');
|
|
19
17
|
var useDelayedState = require('../../internal/useDelayedState.js');
|
|
20
18
|
var useId = require('../../internal/useId.js');
|
|
21
19
|
var useNoInteractiveChildren = require('../../internal/useNoInteractiveChildren.js');
|
|
22
20
|
var usePrefix = require('../../internal/usePrefix.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
|
|
|
@@ -27,7 +27,7 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
|
27
27
|
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
28
28
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
29
29
|
|
|
30
|
-
var _excluded = ["align", "className", "children", "label", "description", "enterDelayMs", "leaveDelayMs", "defaultOpen"];
|
|
30
|
+
var _excluded = ["align", "className", "children", "label", "description", "enterDelayMs", "leaveDelayMs", "defaultOpen", "closeOnActivation"];
|
|
31
31
|
|
|
32
32
|
function Tooltip(_ref) {
|
|
33
33
|
var _ref$align = _ref.align,
|
|
@@ -42,6 +42,8 @@ function Tooltip(_ref) {
|
|
|
42
42
|
leaveDelayMs = _ref$leaveDelayMs === void 0 ? 300 : _ref$leaveDelayMs,
|
|
43
43
|
_ref$defaultOpen = _ref.defaultOpen,
|
|
44
44
|
defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen,
|
|
45
|
+
_ref$closeOnActivatio = _ref.closeOnActivation,
|
|
46
|
+
closeOnActivation = _ref$closeOnActivatio === void 0 ? false : _ref$closeOnActivatio,
|
|
45
47
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
46
48
|
|
|
47
49
|
var containerRef = React.useRef(null);
|
|
@@ -62,10 +64,28 @@ function Tooltip(_ref) {
|
|
|
62
64
|
onBlur: function onBlur() {
|
|
63
65
|
return setOpen(false);
|
|
64
66
|
},
|
|
67
|
+
onClick: function onClick() {
|
|
68
|
+
return closeOnActivation && setOpen(false);
|
|
69
|
+
},
|
|
65
70
|
// This should be placed on the trigger in case the element is disabled
|
|
66
71
|
onMouseEnter: onMouseEnter
|
|
67
72
|
};
|
|
68
73
|
|
|
74
|
+
function getChildEventHandlers(childProps) {
|
|
75
|
+
var eventHandlerFunctions = ['onFocus', 'onBlur', 'onClick', 'onMouseEnter'];
|
|
76
|
+
var eventHandlers = {};
|
|
77
|
+
eventHandlerFunctions.forEach(function (functionName) {
|
|
78
|
+
eventHandlers[functionName] = function (evt) {
|
|
79
|
+
triggerProps[functionName]();
|
|
80
|
+
|
|
81
|
+
if (childProps !== null && childProps !== void 0 && childProps[functionName]) {
|
|
82
|
+
childProps === null || childProps === void 0 ? void 0 : childProps[functionName](evt);
|
|
83
|
+
}
|
|
84
|
+
};
|
|
85
|
+
});
|
|
86
|
+
return eventHandlers;
|
|
87
|
+
}
|
|
88
|
+
|
|
69
89
|
if (label) {
|
|
70
90
|
triggerProps['aria-labelledby'] = id;
|
|
71
91
|
} else {
|
|
@@ -77,6 +97,10 @@ function Tooltip(_ref) {
|
|
|
77
97
|
event.stopPropagation();
|
|
78
98
|
setOpen(false);
|
|
79
99
|
}
|
|
100
|
+
|
|
101
|
+
if (open && closeOnActivation && (match.match(event, keys.Enter) || match.match(event, keys.Space))) {
|
|
102
|
+
setOpen(false);
|
|
103
|
+
}
|
|
80
104
|
}
|
|
81
105
|
|
|
82
106
|
function onMouseEnter() {
|
|
@@ -104,7 +128,7 @@ function Tooltip(_ref) {
|
|
|
104
128
|
onMouseLeave: onMouseLeave,
|
|
105
129
|
open: open,
|
|
106
130
|
ref: containerRef
|
|
107
|
-
}), /*#__PURE__*/React__default["default"].cloneElement(child, triggerProps), /*#__PURE__*/React__default["default"].createElement(index.PopoverContent, {
|
|
131
|
+
}), /*#__PURE__*/React__default["default"].cloneElement(child, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, triggerProps), getChildEventHandlers(child.props))), /*#__PURE__*/React__default["default"].createElement(index.PopoverContent, {
|
|
108
132
|
"aria-hidden": "true",
|
|
109
133
|
className: "".concat(prefix, "--tooltip-content"),
|
|
110
134
|
id: id,
|
|
@@ -129,6 +153,11 @@ Tooltip.propTypes = {
|
|
|
129
153
|
*/
|
|
130
154
|
className: PropTypes__default["default"].string,
|
|
131
155
|
|
|
156
|
+
/**
|
|
157
|
+
* Determines wether the tooltip should close when inner content is activated (click, Enter or Space)
|
|
158
|
+
*/
|
|
159
|
+
closeOnActivation: PropTypes__default["default"].bool,
|
|
160
|
+
|
|
132
161
|
/**
|
|
133
162
|
* Specify whether the tooltip should be open when it first renders
|
|
134
163
|
*/
|
|
@@ -14,10 +14,10 @@ var React = require('react');
|
|
|
14
14
|
var PropTypes = require('prop-types');
|
|
15
15
|
var iconsReact = require('@carbon/icons-react');
|
|
16
16
|
var cx = require('classnames');
|
|
17
|
-
var keys = require('../../internal/keyboard/keys.js');
|
|
18
|
-
var match = require('../../internal/keyboard/match.js');
|
|
19
17
|
var uniqueId = require('../../tools/uniqueId.js');
|
|
20
18
|
var usePrefix = require('../../internal/usePrefix.js');
|
|
19
|
+
var match = require('../../internal/keyboard/match.js');
|
|
20
|
+
var keys = require('../../internal/keyboard/keys.js');
|
|
21
21
|
|
|
22
22
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
23
23
|
|
|
@@ -13,10 +13,10 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
|
|
|
13
13
|
var React = require('react');
|
|
14
14
|
var PropTypes = require('prop-types');
|
|
15
15
|
var cx = require('classnames');
|
|
16
|
-
var keys = require('../../internal/keyboard/keys.js');
|
|
17
|
-
var match = require('../../internal/keyboard/match.js');
|
|
18
16
|
var uniqueId = require('../../tools/uniqueId.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
|
|
|
@@ -15,7 +15,6 @@ var React = require('react');
|
|
|
15
15
|
var PropTypes = require('prop-types');
|
|
16
16
|
var AriaPropTypes = require('../../prop-types/AriaPropTypes.js');
|
|
17
17
|
var Button = require('../Button/Button.js');
|
|
18
|
-
require('../Button/Button.Skeleton.js');
|
|
19
18
|
var usePrefix = require('../../internal/usePrefix.js');
|
|
20
19
|
|
|
21
20
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -93,5 +92,6 @@ HeaderGlobalAction.propTypes = _rollupPluginBabelHelpers.objectSpread2(_rollupPl
|
|
|
93
92
|
tooltipAlignment: PropTypes__default["default"].oneOf(['start', 'center', 'end'])
|
|
94
93
|
});
|
|
95
94
|
HeaderGlobalAction.displayName = 'HeaderGlobalAction';
|
|
95
|
+
var HeaderGlobalAction$1 = HeaderGlobalAction;
|
|
96
96
|
|
|
97
|
-
exports["default"] = HeaderGlobalAction;
|
|
97
|
+
exports["default"] = HeaderGlobalAction$1;
|