@carbon/react 1.86.0 → 1.87.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.playwright/INTERNAL_AVT_REPORT_DO_NOT_USE.json +871 -871
- package/es/_virtual/_rollupPluginBabelHelpers.js +4 -4
- package/es/components/Button/Button.Skeleton.js +2 -1
- package/es/components/Button/Button.d.ts +1 -1
- package/es/components/Button/Button.js +3 -3
- package/es/components/Button/ButtonBase.js +2 -0
- package/es/components/Button/index.js +5 -1
- package/es/components/ButtonSet/index.js +4 -1
- package/es/components/Checkbox/index.js +4 -1
- package/es/components/CodeSnippet/CodeSnippet.js +1 -0
- package/es/components/ComboBox/ComboBox.d.ts +7 -0
- package/es/components/ComboBox/ComboBox.js +11 -2
- package/es/components/ComboBox/index.js +4 -1
- package/es/components/ComposedModal/ComposedModal.js +18 -8
- package/es/components/ContainedList/ContainedList.d.ts +1 -1
- package/es/components/ContainedList/ContainedList.js +3 -3
- package/es/components/ContainedList/ContainedListItem/index.js +4 -1
- package/es/components/ContainedList/index.js +2 -2
- package/es/components/Copy/Copy.js +1 -1
- package/es/components/Copy/index.js +4 -1
- package/es/components/CopyButton/index.js +4 -1
- package/es/components/DataTable/Table.js +1 -1
- package/es/components/DataTable/state/getDerivedStateFromProps.d.ts +19 -0
- package/es/components/DataTable/state/getDerivedStateFromProps.js +1 -2
- package/es/components/DataTable/state/sorting.d.ts +15 -0
- package/es/components/DataTable/state/sorting.js +1 -2
- package/es/components/DataTable/tools/denormalize.d.ts +22 -0
- package/es/components/DataTable/tools/denormalize.js +1 -2
- package/es/components/DataTable/tools/normalize.d.ts +9 -0
- package/es/components/DataTable/tools/normalize.js +1 -2
- package/es/components/DatePicker/DatePicker.js +18 -11
- package/es/components/DatePicker/index.js +4 -1
- package/es/components/DatePicker/plugins/fixEventsPlugin.d.ts +2 -0
- package/es/components/DatePicker/plugins/rangePlugin.d.ts +2 -0
- package/es/components/DatePickerInput/DatePickerInput.js +6 -0
- package/es/components/DatePickerInput/index.js +4 -1
- package/es/components/Dialog/index.js +2 -2
- package/es/components/Dropdown/Dropdown.Skeleton.js +4 -4
- package/es/components/Dropdown/Dropdown.js +2 -2
- package/es/components/Dropdown/index.js +4 -1
- package/es/components/FeatureFlags/index.js +2 -2
- package/es/components/FluidNumberInput/FluidNumberInput.d.ts +3 -2
- package/es/components/FluidNumberInput/FluidNumberInput.js +3 -2
- package/es/components/FluidSelect/index.js +4 -1
- package/es/components/FluidTextInput/index.js +4 -1
- package/es/components/IconButton/index.d.ts +1 -1
- package/es/components/IconIndicator/index.js +1 -1
- package/es/components/InlineCheckbox/index.js +4 -1
- package/es/components/InlineLoading/index.js +4 -1
- package/es/components/LayoutDirection/LayoutDirection.js +1 -2
- package/es/components/Link/index.js +4 -1
- package/es/components/ListBox/ListBox.js +1 -1
- package/es/components/Loading/index.js +4 -1
- package/es/components/Menu/Menu.d.ts +3 -1
- package/es/components/Menu/Menu.js +3 -1
- package/es/components/Menu/MenuItem.js +1 -1
- package/es/components/Modal/Modal.js +16 -5
- package/es/components/Modal/index.js +4 -1
- package/es/components/MultiSelect/FilterableMultiSelect.d.ts +7 -0
- package/es/components/MultiSelect/FilterableMultiSelect.js +20 -10
- package/es/components/MultiSelect/MultiSelect.js +2 -2
- package/es/components/MultiSelect/filter.js +0 -4
- package/es/components/MultiSelect/tools/itemToString.d.ts +1 -0
- package/es/components/MultiSelect/tools/sorting.d.ts +9 -0
- package/es/components/Notification/Notification.js +2 -2
- package/es/components/NumberInput/NumberInput.d.ts +3 -2
- package/es/components/NumberInput/NumberInput.js +5 -4
- package/es/components/OverflowMenu/next/index.js +1 -1
- package/es/components/OverflowMenuItem/index.js +4 -1
- package/es/components/OverflowMenuV2/index.d.ts +1 -0
- package/es/components/PageHeader/PageHeader.js +1 -1
- package/es/components/Pagination/experimental/PageSelector.d.ts +19 -0
- package/es/components/Pagination/experimental/Pagination.d.ts +43 -0
- package/es/components/Pagination/experimental/index.d.ts +3 -0
- package/es/components/Popover/index.js +26 -8
- package/es/components/RadioButton/index.js +4 -1
- package/es/components/RadioTile/index.js +4 -1
- package/es/components/Search/Search.js +1 -1
- package/es/components/Search/index.js +4 -1
- package/es/components/Select/index.js +4 -1
- package/es/components/SelectItem/index.js +4 -1
- package/es/components/ShapeIndicator/index.js +1 -1
- package/es/components/SkeletonText/index.js +4 -1
- package/es/components/Slider/Slider.js +1 -1
- package/es/components/Switch/IconSwitch.d.ts +3 -0
- package/es/components/Switch/IconSwitch.js +1 -2
- package/es/components/TabContent/TabContent.js +2 -22
- package/es/components/Tabs/Tabs.js +5 -5
- package/es/components/Tag/DismissibleTag.js +1 -1
- package/es/components/TextArea/TextArea.js +1 -1
- package/es/components/TextArea/index.js +4 -1
- package/es/components/TextInput/index.js +4 -1
- package/es/components/TextInput/util.d.ts +9 -0
- package/es/components/Toggletip/index.d.ts +1 -1
- package/es/components/Toggletip/index.js +3 -3
- package/es/components/UIShell/HeaderMenu.js +2 -2
- package/es/components/UIShell/SideNav.js +1 -1
- package/es/components/UIShell/_utils.d.ts +7 -0
- package/es/feature-flags.d.ts +1 -0
- package/es/internal/FloatingMenu.js +1 -1
- package/es/internal/deprecateFieldOnObject.js +1 -1
- package/es/internal/useEvent.d.ts +2 -2
- package/es/internal/useEvent.js +4 -3
- package/es/internal/useId.d.ts +21 -0
- package/es/internal/useId.js +27 -1
- package/es/internal/useOverflowItems.js +0 -6
- package/es/node_modules/es-toolkit/dist/compat/function/{debounce.mjs.js → debounce.js} +1 -1
- package/es/node_modules/es-toolkit/dist/compat/function/{throttle.mjs.js → throttle.js} +1 -1
- package/es/prop-types/deprecateComponent.d.ts +1 -0
- package/es/prop-types/deprecateComponent.js +1 -4
- package/es/prop-types/deprecateValuesWithin.d.ts +1 -0
- package/es/prop-types/requiredIfGivenPropIsTruthy.d.ts +14 -0
- package/es/tools/mergeRefs.d.ts +12 -0
- package/es/tools/mergeRefs.js +1 -2
- package/icons/index.js +1 -3
- package/lib/_virtual/_rollupPluginBabelHelpers.js +5 -7
- package/lib/components/AILabel/index.js +35 -43
- package/lib/components/AISkeleton/AISkeletonIcon.js +5 -11
- package/lib/components/AISkeleton/AISkeletonPlaceholder.js +4 -10
- package/lib/components/AISkeleton/AISkeletonText.js +8 -14
- package/lib/components/Accordion/Accordion.Skeleton.js +21 -27
- package/lib/components/Accordion/Accordion.js +11 -17
- package/lib/components/Accordion/AccordionItem.js +19 -25
- package/lib/components/Accordion/AccordionProvider.js +1 -7
- package/lib/components/AspectRatio/AspectRatio.js +7 -13
- package/lib/components/BadgeIndicator/index.js +7 -13
- package/lib/components/Breadcrumb/Breadcrumb.Skeleton.js +7 -13
- package/lib/components/Breadcrumb/Breadcrumb.js +9 -15
- package/lib/components/Breadcrumb/BreadcrumbItem.js +16 -22
- package/lib/components/Button/Button.Skeleton.js +9 -14
- package/lib/components/Button/Button.d.ts +1 -1
- package/lib/components/Button/Button.js +32 -37
- package/lib/components/Button/ButtonBase.js +8 -11
- package/lib/components/Button/index.js +3 -3
- package/lib/components/ButtonSet/ButtonSet.js +6 -12
- package/lib/components/ButtonSet/index.js +2 -2
- package/lib/components/ChatButton/ChatButton.Skeleton.js +5 -11
- package/lib/components/ChatButton/ChatButton.js +12 -18
- package/lib/components/Checkbox/Checkbox.Skeleton.js +6 -12
- package/lib/components/Checkbox/Checkbox.js +33 -39
- package/lib/components/Checkbox/index.js +3 -3
- package/lib/components/CheckboxGroup/CheckboxGroup.js +24 -30
- package/lib/components/ClassPrefix/index.js +3 -10
- package/lib/components/CodeSnippet/CodeSnippet.Skeleton.js +10 -16
- package/lib/components/CodeSnippet/CodeSnippet.js +40 -46
- package/lib/components/ComboBox/ComboBox.d.ts +7 -0
- package/lib/components/ComboBox/ComboBox.js +65 -63
- package/lib/components/ComboBox/index.js +2 -2
- package/lib/components/ComboButton/index.js +20 -28
- package/lib/components/ComposedModal/ComposedModal.js +61 -57
- package/lib/components/ComposedModal/ModalFooter.js +37 -45
- package/lib/components/ComposedModal/ModalHeader.js +23 -31
- package/lib/components/ContainedList/ContainedList.d.ts +1 -1
- package/lib/components/ContainedList/ContainedList.js +19 -25
- package/lib/components/ContainedList/ContainedListItem/ContainedListItem.js +14 -20
- package/lib/components/ContainedList/ContainedListItem/index.js +2 -2
- package/lib/components/ContainedList/index.js +5 -5
- package/lib/components/ContentSwitcher/ContentSwitcher.js +11 -19
- package/lib/components/ContextMenu/useContextMenu.js +1 -1
- package/lib/components/Copy/Copy.js +12 -18
- package/lib/components/Copy/index.js +2 -2
- package/lib/components/CopyButton/CopyButton.js +12 -18
- package/lib/components/CopyButton/index.js +2 -2
- package/lib/components/DangerButton/DangerButton.js +2 -6
- package/lib/components/DataTable/DataTable.js +48 -55
- package/lib/components/DataTable/Table.js +18 -24
- package/lib/components/DataTable/TableActionList.js +2 -2
- package/lib/components/DataTable/TableBatchAction.js +4 -9
- package/lib/components/DataTable/TableBatchActions.js +19 -25
- package/lib/components/DataTable/TableBody.js +5 -10
- package/lib/components/DataTable/TableCell.js +8 -14
- package/lib/components/DataTable/TableContainer.js +14 -20
- package/lib/components/DataTable/TableContext.js +0 -2
- package/lib/components/DataTable/TableDecoratorRow.js +5 -11
- package/lib/components/DataTable/TableExpandHeader.js +16 -22
- package/lib/components/DataTable/TableExpandRow.js +20 -26
- package/lib/components/DataTable/TableExpandedRow.js +8 -14
- package/lib/components/DataTable/TableHead.js +2 -2
- package/lib/components/DataTable/TableHeader.js +26 -32
- package/lib/components/DataTable/TableRow.js +8 -14
- package/lib/components/DataTable/TableSelectAll.js +13 -19
- package/lib/components/DataTable/TableSelectRow.js +15 -21
- package/lib/components/DataTable/TableSlugRow.js +7 -13
- package/lib/components/DataTable/TableToolbar.js +7 -13
- package/lib/components/DataTable/TableToolbarAction.js +5 -10
- package/lib/components/DataTable/TableToolbarContent.js +2 -2
- package/lib/components/DataTable/TableToolbarMenu.js +9 -15
- package/lib/components/DataTable/TableToolbarSearch.js +22 -28
- package/lib/components/DataTable/state/getDerivedStateFromProps.d.ts +19 -0
- package/lib/components/DataTable/state/getDerivedStateFromProps.js +2 -3
- package/lib/components/DataTable/state/sortStates.js +0 -2
- package/lib/components/DataTable/state/sorting.d.ts +15 -0
- package/lib/components/DataTable/state/sorting.js +0 -2
- package/lib/components/DataTable/tools/cells.js +0 -2
- package/lib/components/DataTable/tools/denormalize.d.ts +22 -0
- package/lib/components/DataTable/tools/denormalize.js +1 -2
- package/lib/components/DataTable/tools/filter.js +0 -2
- package/lib/components/DataTable/tools/normalize.d.ts +9 -0
- package/lib/components/DataTable/tools/normalize.js +1 -2
- package/lib/components/DataTable/tools/sorting.js +0 -2
- package/lib/components/DataTableSkeleton/DataTableSkeleton.js +25 -31
- package/lib/components/DatePicker/DatePicker.Skeleton.js +14 -20
- package/lib/components/DatePicker/DatePicker.js +65 -66
- package/lib/components/DatePicker/index.js +3 -3
- package/lib/components/DatePicker/plugins/appendToPlugin.js +0 -2
- package/lib/components/DatePicker/plugins/fixEventsPlugin.d.ts +2 -0
- package/lib/components/DatePicker/plugins/fixEventsPlugin.js +1 -1
- package/lib/components/DatePicker/plugins/rangePlugin.d.ts +2 -0
- package/lib/components/DatePicker/plugins/rangePlugin.js +2 -6
- package/lib/components/DatePickerInput/DatePickerInput.js +49 -49
- package/lib/components/DatePickerInput/index.js +2 -2
- package/lib/components/Dialog/index.js +72 -80
- package/lib/components/Dropdown/Dropdown.Skeleton.js +10 -16
- package/lib/components/Dropdown/Dropdown.js +49 -55
- package/lib/components/Dropdown/index.js +3 -3
- package/lib/components/ErrorBoundary/ErrorBoundary.js +4 -9
- package/lib/components/ErrorBoundary/ErrorBoundaryContext.js +0 -2
- package/lib/components/ExpandableSearch/ExpandableSearch.js +6 -11
- package/lib/components/FeatureFlags/index.js +10 -17
- package/lib/components/FileUploader/FileUploader.Skeleton.js +7 -13
- package/lib/components/FileUploader/FileUploader.js +30 -36
- package/lib/components/FileUploader/FileUploaderButton.js +19 -25
- package/lib/components/FileUploader/FileUploaderDropContainer.js +18 -24
- package/lib/components/FileUploader/FileUploaderItem.js +23 -29
- package/lib/components/FileUploader/Filename.js +13 -18
- package/lib/components/FluidComboBox/FluidComboBox.Skeleton.js +7 -13
- package/lib/components/FluidComboBox/FluidComboBox.js +24 -30
- package/lib/components/FluidDatePicker/FluidDatePicker.Skeleton.js +14 -20
- package/lib/components/FluidDatePicker/FluidDatePicker.js +12 -18
- package/lib/components/FluidDatePickerInput/FluidDatePickerInput.js +4 -8
- package/lib/components/FluidDropdown/FluidDropdown.Skeleton.js +7 -13
- package/lib/components/FluidDropdown/FluidDropdown.js +24 -30
- package/lib/components/FluidForm/FluidForm.js +6 -12
- package/lib/components/FluidForm/FormContext.js +0 -2
- package/lib/components/FluidMultiSelect/FluidMultiSelect.Skeleton.js +7 -13
- package/lib/components/FluidMultiSelect/FluidMultiSelect.js +36 -42
- package/lib/components/FluidNumberInput/FluidNumberInput.Skeleton.js +7 -13
- package/lib/components/FluidNumberInput/FluidNumberInput.d.ts +3 -2
- package/lib/components/FluidNumberInput/FluidNumberInput.js +33 -38
- package/lib/components/FluidSearch/FluidSearch.Skeleton.js +7 -13
- package/lib/components/FluidSearch/FluidSearch.js +19 -25
- package/lib/components/FluidSelect/FluidSelect.Skeleton.js +7 -13
- package/lib/components/FluidSelect/FluidSelect.js +17 -23
- package/lib/components/FluidSelect/index.js +3 -3
- package/lib/components/FluidTextArea/FluidTextArea.Skeleton.js +7 -13
- package/lib/components/FluidTextArea/FluidTextArea.js +25 -31
- package/lib/components/FluidTextInput/FluidPasswordInput.js +18 -22
- package/lib/components/FluidTextInput/FluidTextInput.Skeleton.js +7 -13
- package/lib/components/FluidTextInput/FluidTextInput.js +23 -29
- package/lib/components/FluidTextInput/index.js +3 -3
- package/lib/components/FluidTimePicker/FluidTimePicker.Skeleton.js +6 -12
- package/lib/components/FluidTimePicker/FluidTimePicker.js +23 -29
- package/lib/components/FluidTimePickerSelect/FluidTimePickerSelect.js +10 -15
- package/lib/components/Form/Form.js +5 -11
- package/lib/components/FormGroup/FormGroup.js +13 -19
- package/lib/components/FormItem/FormItem.js +5 -11
- package/lib/components/FormLabel/FormLabel.js +6 -12
- package/lib/components/Grid/CSSGrid.js +20 -28
- package/lib/components/Grid/Column.js +31 -37
- package/lib/components/Grid/ColumnHang.js +5 -13
- package/lib/components/Grid/FlexGrid.js +10 -18
- package/lib/components/Grid/Grid.js +9 -16
- package/lib/components/Grid/GridContext.js +7 -14
- package/lib/components/Grid/Row.js +8 -14
- package/lib/components/Heading/index.js +14 -21
- package/lib/components/Icon/Icon.Skeleton.js +4 -10
- package/lib/components/IconButton/index.d.ts +1 -1
- package/lib/components/IconButton/index.js +25 -33
- package/lib/components/IconIndicator/index.js +9 -15
- package/lib/components/IdPrefix/index.js +3 -10
- package/lib/components/InlineCheckbox/InlineCheckbox.js +17 -22
- package/lib/components/InlineCheckbox/index.js +2 -2
- package/lib/components/InlineLoading/InlineLoading.js +17 -23
- package/lib/components/InlineLoading/index.js +2 -2
- package/lib/components/Layer/LayerContext.js +1 -7
- package/lib/components/Layer/LayerLevel.js +0 -2
- package/lib/components/Layer/index.js +11 -19
- package/lib/components/Layout/index.js +22 -30
- package/lib/components/LayoutDirection/LayoutDirection.js +6 -13
- package/lib/components/LayoutDirection/LayoutDirectionContext.js +1 -7
- package/lib/components/LayoutDirection/useLayoutDirection.js +0 -2
- package/lib/components/Link/Link.js +15 -21
- package/lib/components/Link/index.js +2 -2
- package/lib/components/ListBox/ListBox.js +17 -23
- package/lib/components/ListBox/ListBoxField.js +7 -12
- package/lib/components/ListBox/ListBoxMenu.js +7 -12
- package/lib/components/ListBox/ListBoxMenuIcon.js +7 -13
- package/lib/components/ListBox/ListBoxMenuItem.js +9 -15
- package/lib/components/ListBox/ListBoxPropTypes.js +2 -8
- package/lib/components/ListBox/ListBoxSelection.js +14 -20
- package/lib/components/ListBox/index.js +7 -7
- package/lib/components/ListBox/next/ListBoxSelection.js +18 -24
- package/lib/components/ListBox/next/ListBoxTrigger.js +7 -13
- package/lib/components/ListItem/ListItem.js +5 -11
- package/lib/components/Loading/Loading.js +14 -20
- package/lib/components/Loading/index.js +2 -2
- package/lib/components/Menu/Menu.d.ts +3 -1
- package/lib/components/Menu/Menu.js +18 -24
- package/lib/components/Menu/MenuContext.js +0 -2
- package/lib/components/Menu/MenuItem.js +44 -52
- package/lib/components/MenuButton/index.js +16 -24
- package/lib/components/Modal/Modal.js +91 -86
- package/lib/components/Modal/index.js +2 -2
- package/lib/components/ModalWrapper/ModalWrapper.js +30 -35
- package/lib/components/MultiSelect/FilterableMultiSelect.d.ts +7 -0
- package/lib/components/MultiSelect/FilterableMultiSelect.js +71 -71
- package/lib/components/MultiSelect/MultiSelect.js +61 -70
- package/lib/components/MultiSelect/MultiSelectPropTypes.js +2 -8
- package/lib/components/MultiSelect/filter.js +0 -6
- package/lib/components/MultiSelect/tools/itemToString.d.ts +1 -0
- package/lib/components/MultiSelect/tools/itemToString.js +1 -7
- package/lib/components/MultiSelect/tools/sorting.d.ts +9 -0
- package/lib/components/MultiSelect/tools/sorting.js +0 -2
- package/lib/components/Notification/Notification.js +118 -126
- package/lib/components/NumberInput/NumberFormatPropTypes.js +21 -27
- package/lib/components/NumberInput/NumberInput.Skeleton.js +8 -14
- package/lib/components/NumberInput/NumberInput.d.ts +3 -2
- package/lib/components/NumberInput/NumberInput.js +70 -77
- package/lib/components/OrderedList/OrderedList.js +8 -14
- package/lib/components/OverflowMenu/OverflowMenu.js +42 -49
- package/lib/components/OverflowMenu/index.js +3 -7
- package/lib/components/OverflowMenu/next/index.js +18 -26
- package/lib/components/OverflowMenuItem/OverflowMenuItem.js +27 -33
- package/lib/components/OverflowMenuItem/index.js +2 -2
- package/lib/components/OverflowMenuV2/index.d.ts +1 -0
- package/lib/components/OverflowMenuV2/index.js +2 -8
- package/lib/components/PageHeader/PageHeader.js +70 -78
- package/lib/components/PageHeader/index.js +0 -2
- package/lib/components/Pagination/Pagination.Skeleton.js +10 -16
- package/lib/components/Pagination/Pagination.js +44 -51
- package/lib/components/Pagination/experimental/PageSelector.d.ts +19 -0
- package/lib/components/Pagination/experimental/PageSelector.js +9 -15
- package/lib/components/Pagination/experimental/Pagination.d.ts +43 -0
- package/lib/components/Pagination/experimental/Pagination.js +34 -40
- package/lib/components/Pagination/experimental/index.d.ts +3 -0
- package/lib/components/PaginationNav/PaginationNav.js +54 -60
- package/lib/components/Popover/index.js +60 -50
- package/lib/components/PrimaryButton/PrimaryButton.js +2 -6
- package/lib/components/ProgressBar/ProgressBar.js +25 -31
- package/lib/components/ProgressIndicator/ProgressIndicator.Skeleton.js +10 -16
- package/lib/components/ProgressIndicator/ProgressIndicator.js +41 -49
- package/lib/components/RadioButton/RadioButton.Skeleton.js +6 -12
- package/lib/components/RadioButton/RadioButton.js +26 -32
- package/lib/components/RadioButton/index.js +2 -2
- package/lib/components/RadioButtonGroup/RadioButtonGroup.js +37 -43
- package/lib/components/RadioTile/RadioTile.js +25 -31
- package/lib/components/RadioTile/index.js +2 -2
- package/lib/components/Search/Search.Skeleton.js +7 -13
- package/lib/components/Search/Search.js +33 -39
- package/lib/components/Search/index.js +3 -3
- package/lib/components/SecondaryButton/SecondaryButton.js +2 -6
- package/lib/components/Select/Select.Skeleton.js +8 -14
- package/lib/components/Select/Select.js +42 -48
- package/lib/components/Select/index.js +3 -3
- package/lib/components/SelectItem/SelectItem.js +8 -14
- package/lib/components/SelectItem/index.js +2 -2
- package/lib/components/SelectItemGroup/SelectItemGroup.js +7 -13
- package/lib/components/ShapeIndicator/index.js +12 -18
- package/lib/components/SkeletonIcon/SkeletonIcon.js +4 -10
- package/lib/components/SkeletonPlaceholder/SkeletonPlaceholder.js +4 -10
- package/lib/components/SkeletonText/SkeletonText.js +11 -17
- package/lib/components/SkeletonText/index.js +2 -2
- package/lib/components/Slider/Slider.Skeleton.js +29 -35
- package/lib/components/Slider/Slider.js +84 -90
- package/lib/components/Slider/SliderHandles.js +18 -24
- package/lib/components/Slider/index.js +3 -3
- package/lib/components/Stack/HStack.js +1 -7
- package/lib/components/Stack/Stack.js +7 -15
- package/lib/components/Stack/VStack.js +1 -7
- package/lib/components/StructuredList/StructuredList.Skeleton.js +15 -21
- package/lib/components/StructuredList/StructuredList.js +60 -68
- package/lib/components/Switch/IconSwitch.d.ts +3 -0
- package/lib/components/Switch/IconSwitch.js +18 -25
- package/lib/components/Switch/Switch.js +14 -20
- package/lib/components/TabContent/TabContent.js +7 -33
- package/lib/components/Tabs/Tabs.Skeleton.js +10 -16
- package/lib/components/Tabs/Tabs.js +121 -129
- package/lib/components/Tabs/usePressable.js +0 -2
- package/lib/components/Tag/DismissibleTag.js +24 -30
- package/lib/components/Tag/OperationalTag.js +16 -22
- package/lib/components/Tag/SelectableTag.js +19 -25
- package/lib/components/Tag/Tag.Skeleton.js +5 -11
- package/lib/components/Tag/Tag.js +28 -34
- package/lib/components/Tag/isEllipsisActive.js +0 -2
- package/lib/components/Text/Text.js +6 -13
- package/lib/components/Text/TextDirection.js +4 -11
- package/lib/components/Text/TextDirectionContext.js +0 -2
- package/lib/components/Text/createTextComponent.js +1 -7
- package/lib/components/Text/index.js +0 -2
- package/lib/components/TextArea/TextArea.Skeleton.js +7 -13
- package/lib/components/TextArea/TextArea.js +49 -55
- package/lib/components/TextArea/index.js +3 -3
- package/lib/components/TextInput/ControlledPasswordInput.js +36 -42
- package/lib/components/TextInput/PasswordInput.js +48 -54
- package/lib/components/TextInput/TextInput.Skeleton.js +7 -13
- package/lib/components/TextInput/TextInput.js +47 -53
- package/lib/components/TextInput/index.js +3 -3
- package/lib/components/TextInput/util.d.ts +9 -0
- package/lib/components/TextInput/util.js +0 -2
- package/lib/components/Theme/index.js +16 -24
- package/lib/components/Tile/Tile.js +92 -100
- package/lib/components/TileGroup/TileGroup.js +15 -22
- package/lib/components/TimePicker/TimePicker.js +39 -45
- package/lib/components/TimePickerSelect/TimePickerSelect.js +10 -16
- package/lib/components/Toggle/Toggle.Skeleton.js +7 -13
- package/lib/components/Toggle/Toggle.js +28 -34
- package/lib/components/ToggleSmall/ToggleSmall.Skeleton.js +12 -20
- package/lib/components/Toggletip/index.d.ts +1 -1
- package/lib/components/Toggletip/index.js +33 -41
- package/lib/components/Tooltip/DefinitionTooltip.js +14 -22
- package/lib/components/Tooltip/Tooltip.js +19 -27
- package/lib/components/TreeView/TreeContext.js +0 -2
- package/lib/components/TreeView/TreeNode.js +41 -47
- package/lib/components/TreeView/TreeView.js +17 -23
- package/lib/components/UIShell/Content.js +6 -12
- package/lib/components/UIShell/Header.js +4 -10
- package/lib/components/UIShell/HeaderContainer.js +4 -9
- package/lib/components/UIShell/HeaderGlobalAction.js +11 -17
- package/lib/components/UIShell/HeaderGlobalBar.js +2 -2
- package/lib/components/UIShell/HeaderMenu.js +17 -23
- package/lib/components/UIShell/HeaderMenuButton.js +9 -15
- package/lib/components/UIShell/HeaderMenuItem.js +11 -17
- package/lib/components/UIShell/HeaderName.js +8 -14
- package/lib/components/UIShell/HeaderNavigation.js +6 -12
- package/lib/components/UIShell/HeaderPanel.js +11 -17
- package/lib/components/UIShell/HeaderSideNavItems.js +6 -12
- package/lib/components/UIShell/Link.js +6 -11
- package/lib/components/UIShell/SideNav.js +23 -29
- package/lib/components/UIShell/SideNavDetails.js +7 -13
- package/lib/components/UIShell/SideNavDivider.js +5 -11
- package/lib/components/UIShell/SideNavFooter.js +12 -18
- package/lib/components/UIShell/SideNavHeader.js +8 -14
- package/lib/components/UIShell/SideNavIcon.js +6 -12
- package/lib/components/UIShell/SideNavItem.js +6 -12
- package/lib/components/UIShell/SideNavItems.js +9 -15
- package/lib/components/UIShell/SideNavLink.js +13 -19
- package/lib/components/UIShell/SideNavLinkText.js +5 -11
- package/lib/components/UIShell/SideNavMenu.js +20 -26
- package/lib/components/UIShell/SideNavMenuItem.js +13 -19
- package/lib/components/UIShell/SideNavSwitcher.js +13 -19
- package/lib/components/UIShell/SkipToContent.js +7 -13
- package/lib/components/UIShell/Switcher.js +9 -15
- package/lib/components/UIShell/SwitcherDivider.js +4 -10
- package/lib/components/UIShell/SwitcherItem.js +15 -21
- package/lib/components/UIShell/_utils.d.ts +7 -0
- package/lib/components/UIShell/_utils.js +0 -2
- package/lib/components/UnorderedList/UnorderedList.js +7 -13
- package/lib/feature-flags.d.ts +1 -0
- package/lib/feature-flags.js +3 -4
- package/lib/index.js +180 -182
- package/lib/internal/FloatingMenu.js +10 -18
- package/lib/internal/OptimizedResize.js +2 -8
- package/lib/internal/Selection.js +1 -7
- package/lib/internal/clamp.js +0 -2
- package/lib/internal/createClassWrapper.js +1 -7
- package/lib/internal/deprecateFieldOnObject.js +1 -3
- package/lib/internal/environment.js +0 -2
- package/lib/internal/getAnnouncement.js +0 -2
- package/lib/internal/keyboard/keys.js +0 -2
- package/lib/internal/keyboard/match.js +0 -2
- package/lib/internal/keyboard/navigation.js +0 -2
- package/lib/internal/noopFn.js +0 -2
- package/lib/internal/useAttachedMenu.js +0 -2
- package/lib/internal/useControllableState.js +0 -2
- package/lib/internal/useDelayedState.js +0 -2
- package/lib/internal/useEvent.d.ts +2 -2
- package/lib/internal/useEvent.js +4 -5
- package/lib/internal/useId.d.ts +21 -0
- package/lib/internal/useId.js +27 -7
- package/lib/internal/useIdPrefix.js +2 -8
- package/lib/internal/useIsomorphicEffect.js +1 -1
- package/lib/internal/useMatchMedia.js +0 -2
- package/lib/internal/useMergedRefs.js +0 -2
- package/lib/internal/useNoInteractiveChildren.js +0 -2
- package/lib/internal/useNormalizedInputProps.js +2 -8
- package/lib/internal/useOutsideClick.js +0 -2
- package/lib/internal/useOverflowItems.js +1 -7
- package/lib/internal/usePrefix.js +2 -8
- package/lib/internal/usePreviousValue.js +0 -2
- package/lib/internal/useResizeObserver.js +0 -2
- package/lib/internal/useSavedCallback.js +0 -2
- package/lib/internal/utils.js +0 -2
- package/lib/internal/warning.js +0 -2
- package/lib/internal/wrapFocus.js +0 -2
- package/lib/node_modules/es-toolkit/dist/compat/function/{debounce.mjs.js → debounce.js} +1 -3
- package/lib/node_modules/es-toolkit/dist/compat/function/{throttle.mjs.js → throttle.js} +1 -3
- package/lib/node_modules/es-toolkit/dist/function/{debounce.mjs.js → debounce.js} +0 -2
- package/lib/prop-types/AriaPropTypes.js +2 -8
- package/lib/prop-types/deprecate.js +0 -2
- package/lib/prop-types/deprecateComponent.d.ts +1 -0
- package/lib/prop-types/deprecateComponent.js +2 -5
- package/lib/prop-types/deprecateValuesWithin.d.ts +1 -0
- package/lib/prop-types/deprecateValuesWithin.js +1 -1
- package/lib/prop-types/isRequiredOneOf.js +0 -2
- package/lib/prop-types/requiredIfGivenPropIsTruthy.d.ts +14 -0
- package/lib/prop-types/requiredIfGivenPropIsTruthy.js +1 -1
- package/lib/tools/events.js +0 -2
- package/lib/tools/mapPopoverAlign.js +0 -2
- package/lib/tools/mergeRefs.d.ts +12 -0
- package/lib/tools/mergeRefs.js +1 -2
- package/lib/tools/setupGetInstanceId.js +0 -2
- package/lib/tools/toggleClass.js +0 -2
- package/lib/tools/wrapComponent.js +4 -10
- package/package.json +12 -12
- package/telemetry.yml +1 -0
- /package/es/node_modules/es-toolkit/dist/function/{debounce.mjs.js → debounce.js} +0 -0
|
@@ -7,8 +7,6 @@
|
|
|
7
7
|
|
|
8
8
|
'use strict';
|
|
9
9
|
|
|
10
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
11
|
-
|
|
12
10
|
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
|
13
11
|
var cx = require('classnames');
|
|
14
12
|
var PropTypes = require('prop-types');
|
|
@@ -20,12 +18,6 @@ var useEvent = require('../../internal/useEvent.js');
|
|
|
20
18
|
var useId = require('../../internal/useId.js');
|
|
21
19
|
var usePrefix = require('../../internal/usePrefix.js');
|
|
22
20
|
|
|
23
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
24
|
-
|
|
25
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
26
|
-
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
27
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
28
|
-
|
|
29
21
|
/**
|
|
30
22
|
* Used to render the label for a Toggletip
|
|
31
23
|
*/
|
|
@@ -36,9 +28,9 @@ function ToggletipLabel({
|
|
|
36
28
|
...rest
|
|
37
29
|
}) {
|
|
38
30
|
const prefix = usePrefix.usePrefix();
|
|
39
|
-
const className =
|
|
31
|
+
const className = cx(`${prefix}--toggletip-label`, customClassName);
|
|
40
32
|
const BaseComponentAsAny = BaseComponent;
|
|
41
|
-
return /*#__PURE__*/
|
|
33
|
+
return /*#__PURE__*/React.createElement(BaseComponentAsAny, _rollupPluginBabelHelpers.extends({
|
|
42
34
|
className: className
|
|
43
35
|
}, rest), children);
|
|
44
36
|
}
|
|
@@ -47,20 +39,20 @@ ToggletipLabel.propTypes = {
|
|
|
47
39
|
* Provide a custom element or component to render the top-level node for the
|
|
48
40
|
* component.
|
|
49
41
|
*/
|
|
50
|
-
as:
|
|
42
|
+
as: PropTypes.elementType,
|
|
51
43
|
/**
|
|
52
44
|
* Custom children to be rendered as the content of the label
|
|
53
45
|
*/
|
|
54
|
-
children:
|
|
46
|
+
children: PropTypes.node,
|
|
55
47
|
/**
|
|
56
48
|
* Provide a custom class name to be added to the outermost node in the
|
|
57
49
|
* component
|
|
58
50
|
*/
|
|
59
|
-
className:
|
|
51
|
+
className: PropTypes.string
|
|
60
52
|
};
|
|
61
53
|
// Used to coordinate accessibility props between button and content along with
|
|
62
54
|
// the actions to open and close the toggletip
|
|
63
|
-
const ToggletipContext = /*#__PURE__*/
|
|
55
|
+
const ToggletipContext = /*#__PURE__*/React.createContext(undefined);
|
|
64
56
|
function useToggletip() {
|
|
65
57
|
return React.useContext(ToggletipContext);
|
|
66
58
|
}
|
|
@@ -82,7 +74,7 @@ function Toggletip({
|
|
|
82
74
|
const [open, setOpen] = React.useState(defaultOpen);
|
|
83
75
|
const prefix = usePrefix.usePrefix();
|
|
84
76
|
const id = useId.useId();
|
|
85
|
-
const className =
|
|
77
|
+
const className = cx(`${prefix}--toggletip`, customClassName, {
|
|
86
78
|
[`${prefix}--toggletip--open`]: open,
|
|
87
79
|
[`${prefix}--autoalign`]: autoAlign
|
|
88
80
|
});
|
|
@@ -143,9 +135,9 @@ function Toggletip({
|
|
|
143
135
|
actions.close();
|
|
144
136
|
}
|
|
145
137
|
});
|
|
146
|
-
return /*#__PURE__*/
|
|
138
|
+
return /*#__PURE__*/React.createElement(ToggletipContext.Provider, {
|
|
147
139
|
value: value
|
|
148
|
-
}, /*#__PURE__*/
|
|
140
|
+
}, /*#__PURE__*/React.createElement(index.Popover, _rollupPluginBabelHelpers.extends({
|
|
149
141
|
align: align,
|
|
150
142
|
as: as,
|
|
151
143
|
caret: true,
|
|
@@ -163,7 +155,7 @@ Toggletip.propTypes = {
|
|
|
163
155
|
/**
|
|
164
156
|
* Specify how the toggletip should align with the button
|
|
165
157
|
*/
|
|
166
|
-
align:
|
|
158
|
+
align: PropTypes.oneOf(['top', 'top-left',
|
|
167
159
|
// deprecated use top-start instead
|
|
168
160
|
'top-right',
|
|
169
161
|
// deprecated use top-end instead
|
|
@@ -186,38 +178,38 @@ Toggletip.propTypes = {
|
|
|
186
178
|
// new values to match floating-ui
|
|
187
179
|
'top-start', 'top-end', 'bottom-start', 'bottom-end', 'left-end', 'left-start', 'right-end', 'right-start']),
|
|
188
180
|
/**
|
|
189
|
-
* Provide an offset value for alignment axis.
|
|
181
|
+
* **Experimental:** Provide an offset value for alignment axis. Only takes effect when `autoalign` is enabled.
|
|
190
182
|
*/
|
|
191
|
-
alignmentAxisOffset:
|
|
183
|
+
alignmentAxisOffset: PropTypes.number,
|
|
192
184
|
/**
|
|
193
185
|
* Provide a custom element or component to render the top-level node for the
|
|
194
186
|
* component.
|
|
195
187
|
*/
|
|
196
|
-
as:
|
|
188
|
+
as: PropTypes.elementType,
|
|
197
189
|
/**
|
|
198
190
|
* Will auto-align the popover on first render if it is not visible. This prop is currently experimental and is subject to future changes.
|
|
199
191
|
*/
|
|
200
|
-
autoAlign:
|
|
192
|
+
autoAlign: PropTypes.bool,
|
|
201
193
|
/**
|
|
202
194
|
* Custom children to be rendered as the content of the label
|
|
203
195
|
*/
|
|
204
|
-
children:
|
|
196
|
+
children: PropTypes.node,
|
|
205
197
|
/**
|
|
206
198
|
* Provide a custom class name to be added to the outermost node in the
|
|
207
199
|
* component
|
|
208
200
|
*/
|
|
209
|
-
className:
|
|
201
|
+
className: PropTypes.string,
|
|
210
202
|
/**
|
|
211
203
|
* Specify if the toggletip should be open by default
|
|
212
204
|
*/
|
|
213
|
-
defaultOpen:
|
|
205
|
+
defaultOpen: PropTypes.bool
|
|
214
206
|
};
|
|
215
207
|
/**
|
|
216
208
|
* `ToggletipButton` controls the visibility of the Toggletip through mouse
|
|
217
209
|
* clicks and keyboard interactions.
|
|
218
210
|
*/
|
|
219
211
|
|
|
220
|
-
const ToggletipButton = /*#__PURE__*/
|
|
212
|
+
const ToggletipButton = /*#__PURE__*/React.forwardRef(function ToggletipButton({
|
|
221
213
|
children,
|
|
222
214
|
className: customClassName,
|
|
223
215
|
label = 'Show information',
|
|
@@ -226,14 +218,14 @@ const ToggletipButton = /*#__PURE__*/React__default["default"].forwardRef(functi
|
|
|
226
218
|
}, ref) {
|
|
227
219
|
const toggletip = useToggletip();
|
|
228
220
|
const prefix = usePrefix.usePrefix();
|
|
229
|
-
const className =
|
|
221
|
+
const className = cx(`${prefix}--toggletip-button`, customClassName);
|
|
230
222
|
const ComponentToggle = BaseComponent ?? 'button';
|
|
231
223
|
if (ComponentToggle !== 'button') {
|
|
232
|
-
return /*#__PURE__*/
|
|
224
|
+
return /*#__PURE__*/React.createElement(ComponentToggle, _rollupPluginBabelHelpers.extends({}, toggletip?.onClick, {
|
|
233
225
|
className: className
|
|
234
226
|
}, rest), children);
|
|
235
227
|
}
|
|
236
|
-
return /*#__PURE__*/
|
|
228
|
+
return /*#__PURE__*/React.createElement("button", _rollupPluginBabelHelpers.extends({}, toggletip?.buttonProps, {
|
|
237
229
|
"aria-label": label,
|
|
238
230
|
type: "button",
|
|
239
231
|
className: className,
|
|
@@ -244,16 +236,16 @@ ToggletipButton.propTypes = {
|
|
|
244
236
|
/**
|
|
245
237
|
* Custom children to be rendered as the content of the label
|
|
246
238
|
*/
|
|
247
|
-
children:
|
|
239
|
+
children: PropTypes.node,
|
|
248
240
|
/**
|
|
249
241
|
* Provide a custom class name to be added to the outermost node in the
|
|
250
242
|
* component
|
|
251
243
|
*/
|
|
252
|
-
className:
|
|
244
|
+
className: PropTypes.string,
|
|
253
245
|
/**
|
|
254
246
|
* Provide an accessible label for this button
|
|
255
247
|
*/
|
|
256
|
-
label:
|
|
248
|
+
label: PropTypes.string
|
|
257
249
|
};
|
|
258
250
|
ToggletipButton.displayName = 'ToggletipButton';
|
|
259
251
|
/**
|
|
@@ -261,17 +253,17 @@ ToggletipButton.displayName = 'ToggletipButton';
|
|
|
261
253
|
* `children` passed in as a prop inside of `PopoverContent` so that they will
|
|
262
254
|
* be rendered inside of the popover for this component.
|
|
263
255
|
*/
|
|
264
|
-
const ToggletipContent = /*#__PURE__*/
|
|
256
|
+
const ToggletipContent = /*#__PURE__*/React.forwardRef(function ToggletipContent({
|
|
265
257
|
children,
|
|
266
258
|
className: customClassName
|
|
267
259
|
}, ref) {
|
|
268
260
|
const toggletip = useToggletip();
|
|
269
261
|
const prefix = usePrefix.usePrefix();
|
|
270
|
-
return /*#__PURE__*/
|
|
262
|
+
return /*#__PURE__*/React.createElement(index.PopoverContent, _rollupPluginBabelHelpers.extends({
|
|
271
263
|
className: customClassName
|
|
272
264
|
}, toggletip?.contentProps, {
|
|
273
265
|
ref: ref
|
|
274
|
-
}), /*#__PURE__*/
|
|
266
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
275
267
|
className: `${prefix}--toggletip-content`
|
|
276
268
|
}, children));
|
|
277
269
|
});
|
|
@@ -279,12 +271,12 @@ ToggletipContent.propTypes = {
|
|
|
279
271
|
/**
|
|
280
272
|
* Custom children to be rendered as the content of the label
|
|
281
273
|
*/
|
|
282
|
-
children:
|
|
274
|
+
children: PropTypes.node,
|
|
283
275
|
/**
|
|
284
276
|
* Provide a custom class name to be added to the outermost node in the
|
|
285
277
|
* component
|
|
286
278
|
*/
|
|
287
|
-
className:
|
|
279
|
+
className: PropTypes.string
|
|
288
280
|
};
|
|
289
281
|
ToggletipContent.displayName = 'ToggletipContent';
|
|
290
282
|
/**
|
|
@@ -296,8 +288,8 @@ function ToggletipActions({
|
|
|
296
288
|
className: customClassName
|
|
297
289
|
}) {
|
|
298
290
|
const prefix = usePrefix.usePrefix();
|
|
299
|
-
const className =
|
|
300
|
-
return /*#__PURE__*/
|
|
291
|
+
const className = cx(`${prefix}--toggletip-actions`, customClassName);
|
|
292
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
301
293
|
className: className
|
|
302
294
|
}, children);
|
|
303
295
|
}
|
|
@@ -305,12 +297,12 @@ ToggletipActions.propTypes = {
|
|
|
305
297
|
/**
|
|
306
298
|
* Custom children to be rendered as the content of the label
|
|
307
299
|
*/
|
|
308
|
-
children:
|
|
300
|
+
children: PropTypes.node,
|
|
309
301
|
/**
|
|
310
302
|
* Provide a custom class name to be added to the outermost node in the
|
|
311
303
|
* component
|
|
312
304
|
*/
|
|
313
|
-
className:
|
|
305
|
+
className: PropTypes.string
|
|
314
306
|
};
|
|
315
307
|
|
|
316
308
|
exports.Toggletip = Toggletip;
|
|
@@ -7,8 +7,6 @@
|
|
|
7
7
|
|
|
8
8
|
'use strict';
|
|
9
9
|
|
|
10
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
11
|
-
|
|
12
10
|
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
|
13
11
|
var cx = require('classnames');
|
|
14
12
|
var PropTypes = require('prop-types');
|
|
@@ -20,12 +18,6 @@ var useId = require('../../internal/useId.js');
|
|
|
20
18
|
var usePrefix = require('../../internal/usePrefix.js');
|
|
21
19
|
var deprecate = require('../../prop-types/deprecate.js');
|
|
22
20
|
|
|
23
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
24
|
-
|
|
25
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
26
|
-
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
27
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
28
|
-
|
|
29
21
|
const DefinitionTooltip = ({
|
|
30
22
|
align = 'bottom',
|
|
31
23
|
autoAlign,
|
|
@@ -48,7 +40,7 @@ const DefinitionTooltip = ({
|
|
|
48
40
|
setOpen(false);
|
|
49
41
|
}
|
|
50
42
|
}
|
|
51
|
-
return /*#__PURE__*/
|
|
43
|
+
return /*#__PURE__*/React.createElement(index.Popover, {
|
|
52
44
|
align: align,
|
|
53
45
|
className: className,
|
|
54
46
|
autoAlign: autoAlign,
|
|
@@ -64,8 +56,8 @@ const DefinitionTooltip = ({
|
|
|
64
56
|
setOpen(true);
|
|
65
57
|
},
|
|
66
58
|
open: isOpen
|
|
67
|
-
}, /*#__PURE__*/
|
|
68
|
-
className:
|
|
59
|
+
}, /*#__PURE__*/React.createElement("button", _rollupPluginBabelHelpers.extends({}, rest, {
|
|
60
|
+
className: cx(`${prefix}--definition-term`, triggerClassName),
|
|
69
61
|
"aria-controls": tooltipId,
|
|
70
62
|
"aria-describedby": tooltipId,
|
|
71
63
|
"aria-expanded": isOpen,
|
|
@@ -79,7 +71,7 @@ const DefinitionTooltip = ({
|
|
|
79
71
|
},
|
|
80
72
|
onKeyDown: onKeyDown,
|
|
81
73
|
type: "button"
|
|
82
|
-
}), children), /*#__PURE__*/
|
|
74
|
+
}), children), /*#__PURE__*/React.createElement(index.PopoverContent, {
|
|
83
75
|
className: `${prefix}--definition-tooltip`,
|
|
84
76
|
id: tooltipId
|
|
85
77
|
}, tooltipText ?? definition));
|
|
@@ -88,7 +80,7 @@ DefinitionTooltip.propTypes = {
|
|
|
88
80
|
/**
|
|
89
81
|
* Specify how the trigger should align with the tooltip
|
|
90
82
|
*/
|
|
91
|
-
align:
|
|
83
|
+
align: PropTypes.oneOf(['top', 'top-left',
|
|
92
84
|
// deprecated use top-start instead
|
|
93
85
|
'top-right',
|
|
94
86
|
// deprecated use top-end instead
|
|
@@ -113,43 +105,43 @@ DefinitionTooltip.propTypes = {
|
|
|
113
105
|
/**
|
|
114
106
|
* Will auto-align the popover. This prop is currently experimental and is subject to future changes.
|
|
115
107
|
*/
|
|
116
|
-
autoAlign:
|
|
108
|
+
autoAlign: PropTypes.bool,
|
|
117
109
|
/**
|
|
118
110
|
* The `children` prop will be used as the value that is being defined
|
|
119
111
|
*/
|
|
120
|
-
children:
|
|
112
|
+
children: PropTypes.node.isRequired,
|
|
121
113
|
/**
|
|
122
114
|
* Specify an optional className to be applied to the container node
|
|
123
115
|
*/
|
|
124
|
-
className:
|
|
116
|
+
className: PropTypes.string,
|
|
125
117
|
/**
|
|
126
118
|
* Specify whether the tooltip should be open when it first renders
|
|
127
119
|
*/
|
|
128
|
-
defaultOpen:
|
|
120
|
+
defaultOpen: PropTypes.bool,
|
|
129
121
|
/**
|
|
130
122
|
* The `definition` prop is used as the content inside of the tooltip that
|
|
131
123
|
* appears when a user interacts with the element rendered by the `children`
|
|
132
124
|
* prop
|
|
133
125
|
*/
|
|
134
|
-
definition:
|
|
126
|
+
definition: PropTypes.node.isRequired,
|
|
135
127
|
/**
|
|
136
128
|
* Provide a value that will be assigned as the id of the tooltip
|
|
137
129
|
*/
|
|
138
|
-
id:
|
|
130
|
+
id: PropTypes.string,
|
|
139
131
|
/**
|
|
140
132
|
* Specifies whether or not the `DefinitionTooltip` should open on hover or not
|
|
141
133
|
*/
|
|
142
|
-
openOnHover:
|
|
134
|
+
openOnHover: PropTypes.bool,
|
|
143
135
|
/**
|
|
144
136
|
* [Deprecated in v11] Please use the `definition` prop instead.
|
|
145
137
|
*
|
|
146
138
|
* Provide the text that will be displayed in the tooltip when it is rendered.
|
|
147
139
|
*/
|
|
148
|
-
tooltipText: deprecate.deprecate(
|
|
140
|
+
tooltipText: deprecate.deprecate(PropTypes.node, 'The tooltipText prop has been deprecated. Please use the `definition` prop instead.'),
|
|
149
141
|
/**
|
|
150
142
|
* The CSS class name of the trigger element
|
|
151
143
|
*/
|
|
152
|
-
triggerClassName:
|
|
144
|
+
triggerClassName: PropTypes.string
|
|
153
145
|
};
|
|
154
146
|
|
|
155
147
|
exports.DefinitionTooltip = DefinitionTooltip;
|
|
@@ -7,8 +7,6 @@
|
|
|
7
7
|
|
|
8
8
|
'use strict';
|
|
9
9
|
|
|
10
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
11
|
-
|
|
12
10
|
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
|
13
11
|
var cx = require('classnames');
|
|
14
12
|
var PropTypes = require('prop-types');
|
|
@@ -22,17 +20,11 @@ var useNoInteractiveChildren = require('../../internal/useNoInteractiveChildren.
|
|
|
22
20
|
var usePrefix = require('../../internal/usePrefix.js');
|
|
23
21
|
var useIsomorphicEffect = require('../../internal/useIsomorphicEffect.js');
|
|
24
22
|
|
|
25
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
26
|
-
|
|
27
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
28
|
-
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
29
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
30
|
-
|
|
31
23
|
/**
|
|
32
24
|
* Event types that trigger a "drag" to stop.
|
|
33
25
|
*/
|
|
34
26
|
const DRAG_STOP_EVENT_TYPES = new Set(['mouseup', 'touchend', 'touchcancel']);
|
|
35
|
-
const Tooltip = /*#__PURE__*/
|
|
27
|
+
const Tooltip = /*#__PURE__*/React.forwardRef(({
|
|
36
28
|
as,
|
|
37
29
|
align = 'top',
|
|
38
30
|
className: customClassName,
|
|
@@ -54,7 +46,7 @@ const Tooltip = /*#__PURE__*/React__default["default"].forwardRef(({
|
|
|
54
46
|
const [isPointerIntersecting, setIsPointerIntersecting] = React.useState(false);
|
|
55
47
|
const id = useId.useId('tooltip');
|
|
56
48
|
const prefix = usePrefix.usePrefix();
|
|
57
|
-
const child =
|
|
49
|
+
const child = React.Children.only(children);
|
|
58
50
|
const {
|
|
59
51
|
'aria-label': ariaLabel,
|
|
60
52
|
'aria-labelledby': ariaLabelledBy,
|
|
@@ -108,7 +100,7 @@ const Tooltip = /*#__PURE__*/React__default["default"].forwardRef(({
|
|
|
108
100
|
setOpen(false);
|
|
109
101
|
}
|
|
110
102
|
}, [closeOnActivation, open, setOpen]);
|
|
111
|
-
useIsomorphicEffect
|
|
103
|
+
useIsomorphicEffect.default(() => {
|
|
112
104
|
if (!open) {
|
|
113
105
|
return undefined;
|
|
114
106
|
}
|
|
@@ -172,23 +164,23 @@ const Tooltip = /*#__PURE__*/React__default["default"].forwardRef(({
|
|
|
172
164
|
});
|
|
173
165
|
};
|
|
174
166
|
}, [isDragging, onDragStop]);
|
|
175
|
-
return /*#__PURE__*/
|
|
167
|
+
return /*#__PURE__*/React.createElement(index.Popover, _rollupPluginBabelHelpers.extends({
|
|
176
168
|
as: as,
|
|
177
169
|
ref: ref
|
|
178
170
|
}, rest, {
|
|
179
171
|
align: align,
|
|
180
|
-
className:
|
|
172
|
+
className: cx(`${prefix}--tooltip`, customClassName),
|
|
181
173
|
dropShadow: dropShadow,
|
|
182
174
|
highContrast: highContrast,
|
|
183
175
|
onKeyDown: onKeyDown,
|
|
184
176
|
onMouseLeave: onMouseLeave,
|
|
185
177
|
open: open
|
|
186
|
-
}), /*#__PURE__*/
|
|
178
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
187
179
|
className: `${prefix}--tooltip-trigger__wrapper`
|
|
188
|
-
}, typeof child !== 'undefined' ? /*#__PURE__*/
|
|
180
|
+
}, typeof child !== 'undefined' ? /*#__PURE__*/React.cloneElement(child, {
|
|
189
181
|
...triggerProps,
|
|
190
182
|
...getChildEventHandlers(child.props)
|
|
191
|
-
}) : null), /*#__PURE__*/
|
|
183
|
+
}) : null), /*#__PURE__*/React.createElement(index.PopoverContent, {
|
|
192
184
|
"aria-hidden": open ? 'false' : 'true',
|
|
193
185
|
className: `${prefix}--tooltip-content`,
|
|
194
186
|
id: id,
|
|
@@ -200,7 +192,7 @@ Tooltip.propTypes = {
|
|
|
200
192
|
/**
|
|
201
193
|
* Specify how the trigger should align with the tooltip
|
|
202
194
|
*/
|
|
203
|
-
align:
|
|
195
|
+
align: PropTypes.oneOf(['top', 'top-left',
|
|
204
196
|
// deprecated use top-start instead
|
|
205
197
|
'top-right',
|
|
206
198
|
// deprecated use top-end instead
|
|
@@ -225,19 +217,19 @@ Tooltip.propTypes = {
|
|
|
225
217
|
/**
|
|
226
218
|
* Pass in the child to which the tooltip will be applied
|
|
227
219
|
*/
|
|
228
|
-
children:
|
|
220
|
+
children: PropTypes.node,
|
|
229
221
|
/**
|
|
230
222
|
* Specify an optional className to be applied to the container node
|
|
231
223
|
*/
|
|
232
|
-
className:
|
|
224
|
+
className: PropTypes.string,
|
|
233
225
|
/**
|
|
234
226
|
* Determines wether the tooltip should close when inner content is activated (click, Enter or Space)
|
|
235
227
|
*/
|
|
236
|
-
closeOnActivation:
|
|
228
|
+
closeOnActivation: PropTypes.bool,
|
|
237
229
|
/**
|
|
238
230
|
* Specify whether the tooltip should be open when it first renders
|
|
239
231
|
*/
|
|
240
|
-
defaultOpen:
|
|
232
|
+
defaultOpen: PropTypes.bool,
|
|
241
233
|
/**
|
|
242
234
|
* Provide the description to be rendered inside of the Tooltip. The
|
|
243
235
|
* description will use `aria-describedby` and will describe the child node
|
|
@@ -248,19 +240,19 @@ Tooltip.propTypes = {
|
|
|
248
240
|
* Note: if label and description are both provided, label will be used and
|
|
249
241
|
* description will not be used
|
|
250
242
|
*/
|
|
251
|
-
description:
|
|
243
|
+
description: PropTypes.node,
|
|
252
244
|
/**
|
|
253
245
|
* Specify whether a drop shadow should be rendered
|
|
254
246
|
*/
|
|
255
|
-
dropShadow:
|
|
247
|
+
dropShadow: PropTypes.bool,
|
|
256
248
|
/**
|
|
257
249
|
* Specify the duration in milliseconds to delay before displaying the tooltip
|
|
258
250
|
*/
|
|
259
|
-
enterDelayMs:
|
|
251
|
+
enterDelayMs: PropTypes.number,
|
|
260
252
|
/**
|
|
261
253
|
* Render the component using the high-contrast theme
|
|
262
254
|
*/
|
|
263
|
-
highContrast:
|
|
255
|
+
highContrast: PropTypes.bool,
|
|
264
256
|
/**
|
|
265
257
|
* Provide the label to be rendered inside of the Tooltip. The label will use
|
|
266
258
|
* `aria-labelledby` and will fully describe the child node that is provided.
|
|
@@ -270,11 +262,11 @@ Tooltip.propTypes = {
|
|
|
270
262
|
* Note: if label and description are both provided, description will not be
|
|
271
263
|
* used
|
|
272
264
|
*/
|
|
273
|
-
label:
|
|
265
|
+
label: PropTypes.node,
|
|
274
266
|
/**
|
|
275
267
|
* Specify the duration in milliseconds to delay before hiding the tooltip
|
|
276
268
|
*/
|
|
277
|
-
leaveDelayMs:
|
|
269
|
+
leaveDelayMs: PropTypes.number
|
|
278
270
|
};
|
|
279
271
|
|
|
280
272
|
exports.Tooltip = Tooltip;
|