@carbon/react 1.87.0-rc.0 → 1.87.1-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.playwright/INTERNAL_AVT_REPORT_DO_NOT_USE.json +739 -739
- package/es/_virtual/_rollupPluginBabelHelpers.js +4 -4
- package/es/components/Button/Button.js +1 -1
- 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/ComboBox/ComboBox.js +1 -1
- package/es/components/ComboBox/index.js +4 -1
- package/es/components/ComposedModal/ComposedModal.js +18 -8
- 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.js +2 -2
- package/es/components/Dropdown/index.js +4 -1
- package/es/components/FeatureFlags/index.js +2 -2
- package/es/components/FluidSelect/index.js +4 -1
- package/es/components/FluidTextInput/index.js +4 -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.js +3 -3
- 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.js +1 -1
- 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 +21 -4
- 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.js +2 -2
- 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/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 +8 -14
- package/lib/components/Button/Button.js +31 -36
- package/lib/components/Button/ButtonBase.js +6 -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 +39 -46
- package/lib/components/ComboBox/ComboBox.js +57 -64
- 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.js +18 -24
- 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 +8 -14
- 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.js +30 -36
- 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.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.js +57 -67
- 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.js +66 -74
- 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 +56 -47
- 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.js +32 -40
- 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.js +0 -2
- 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 +11 -11
- /package/es/node_modules/es-toolkit/dist/function/{debounce.mjs.js → debounce.js} +0 -0
|
@@ -22,12 +22,6 @@ var deprecate = require('../../prop-types/deprecate.js');
|
|
|
22
22
|
var events = require('../../tools/events.js');
|
|
23
23
|
var useMergedRefs = require('../../internal/useMergedRefs.js');
|
|
24
24
|
|
|
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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
29
|
-
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
30
|
-
|
|
31
25
|
const frFn = React.forwardRef;
|
|
32
26
|
const HeaderMenu = frFn((props, ref) => {
|
|
33
27
|
const {
|
|
@@ -140,12 +134,12 @@ const HeaderMenu = frFn((props, ref) => {
|
|
|
140
134
|
'aria-label': ariaLabel,
|
|
141
135
|
'aria-labelledby': ariaLabelledBy
|
|
142
136
|
};
|
|
143
|
-
const itemClassName =
|
|
137
|
+
const itemClassName = cx({
|
|
144
138
|
[`${prefix}--header__submenu`]: true,
|
|
145
139
|
[`${customClassName}`]: !!customClassName
|
|
146
140
|
});
|
|
147
141
|
const isActivePage = isActive ? isActive : isCurrentPage;
|
|
148
|
-
const linkClassName =
|
|
142
|
+
const linkClassName = cx({
|
|
149
143
|
[`${prefix}--header__menu-item`]: true,
|
|
150
144
|
[`${prefix}--header__menu-title`]: true,
|
|
151
145
|
// We set the current class only if `isActive` is passed in and we do
|
|
@@ -160,13 +154,13 @@ const HeaderMenu = frFn((props, ref) => {
|
|
|
160
154
|
// - aria-haspopup can definitely have the value "menu"
|
|
161
155
|
// - aria-expanded is on their example node with role="menuitem"
|
|
162
156
|
// - href can be set to javascript:void(0), ideally this will be a button
|
|
163
|
-
return /*#__PURE__*/
|
|
157
|
+
return /*#__PURE__*/React.createElement("li", _rollupPluginBabelHelpers.extends({}, rest, {
|
|
164
158
|
className: itemClassName,
|
|
165
159
|
onKeyDown: events.composeEventHandlers([onKeyDown, handleMenuClose]),
|
|
166
160
|
onClick: events.composeEventHandlers([onClick, handleOnClick]),
|
|
167
161
|
onBlur: events.composeEventHandlers([onBlur, handleOnBlur]),
|
|
168
162
|
ref: ref
|
|
169
|
-
}), /*#__PURE__*/
|
|
163
|
+
}), /*#__PURE__*/React.createElement("a", _rollupPluginBabelHelpers.extends({
|
|
170
164
|
// eslint-disable-line jsx-a11y/role-supports-aria-props,jsx-a11y/anchor-is-valid
|
|
171
165
|
"aria-haspopup": "menu" // eslint-disable-line jsx-a11y/aria-proptypes
|
|
172
166
|
,
|
|
@@ -176,9 +170,9 @@ const HeaderMenu = frFn((props, ref) => {
|
|
|
176
170
|
onKeyDown: handleOnKeyDown,
|
|
177
171
|
ref: mergedButtonRef,
|
|
178
172
|
tabIndex: 0
|
|
179
|
-
}, accessibilityLabel), menuLinkName, MenuContent ? /*#__PURE__*/
|
|
173
|
+
}, accessibilityLabel), menuLinkName, MenuContent ? /*#__PURE__*/React.createElement(MenuContent, null) : /*#__PURE__*/React.createElement(iconsReact.ChevronDown, {
|
|
180
174
|
className: `${prefix}--header__menu-arrow`
|
|
181
|
-
})), /*#__PURE__*/
|
|
175
|
+
})), /*#__PURE__*/React.createElement("ul", _rollupPluginBabelHelpers.extends({}, accessibilityLabel, {
|
|
182
176
|
ref: subMenusRef,
|
|
183
177
|
className: `${prefix}--header__menu`
|
|
184
178
|
}), React.Children.map(children, renderMenuItem)));
|
|
@@ -192,48 +186,48 @@ HeaderMenu.propTypes = {
|
|
|
192
186
|
/**
|
|
193
187
|
* Optionally provide a custom class to apply to the underlying `<li>` node
|
|
194
188
|
*/
|
|
195
|
-
className:
|
|
189
|
+
className: PropTypes.string,
|
|
196
190
|
/**
|
|
197
191
|
* Provide a custom ref handler for the menu button
|
|
198
192
|
*/
|
|
199
|
-
focusRef:
|
|
193
|
+
focusRef: PropTypes.func,
|
|
200
194
|
/**
|
|
201
195
|
* Applies selected styles to the item if a user sets this to true and `aria-current !== 'page'`.
|
|
202
196
|
*/
|
|
203
|
-
isActive:
|
|
197
|
+
isActive: PropTypes.bool,
|
|
204
198
|
/**
|
|
205
199
|
* Applies selected styles to the item if a user sets this to true and `aria-current !== 'page'`.
|
|
206
200
|
* @deprecated Please use `isActive` instead. This will be removed in the next major release.
|
|
207
201
|
*/
|
|
208
|
-
isCurrentPage: deprecate.deprecate(
|
|
202
|
+
isCurrentPage: deprecate.deprecate(PropTypes.bool, 'The `isCurrentPage` prop for `HeaderMenu` has ' + 'been deprecated. Please use `isActive` instead. This will be removed in the next major release.'),
|
|
209
203
|
/**
|
|
210
204
|
* Provide a label for the link text
|
|
211
205
|
*/
|
|
212
|
-
menuLinkName:
|
|
206
|
+
menuLinkName: PropTypes.string.isRequired,
|
|
213
207
|
/**
|
|
214
208
|
* Optionally provide an onBlur handler that is called when the underlying
|
|
215
209
|
* button fires it's onblur event
|
|
216
210
|
*/
|
|
217
|
-
onBlur:
|
|
211
|
+
onBlur: PropTypes.func,
|
|
218
212
|
/**
|
|
219
213
|
* Optionally provide an onClick handler that is called when the underlying
|
|
220
214
|
* button fires it's onclick event
|
|
221
215
|
*/
|
|
222
|
-
onClick:
|
|
216
|
+
onClick: PropTypes.func,
|
|
223
217
|
/**
|
|
224
218
|
* Optionally provide an onKeyDown handler that is called when the underlying
|
|
225
219
|
* button fires it's onkeydown event
|
|
226
220
|
*/
|
|
227
|
-
onKeyDown:
|
|
221
|
+
onKeyDown: PropTypes.func,
|
|
228
222
|
/**
|
|
229
223
|
* Optional component to render instead of string
|
|
230
224
|
*/
|
|
231
|
-
renderMenuContent:
|
|
225
|
+
renderMenuContent: PropTypes.func,
|
|
232
226
|
/**
|
|
233
227
|
* Optionally provide a tabIndex for the underlying menu button
|
|
234
228
|
*/
|
|
235
|
-
tabIndex:
|
|
229
|
+
tabIndex: PropTypes.number
|
|
236
230
|
};
|
|
237
231
|
|
|
238
232
|
exports.HeaderMenu = HeaderMenu;
|
|
239
|
-
exports
|
|
233
|
+
exports.default = HeaderMenu;
|
|
@@ -17,12 +17,6 @@ var PropTypes = require('prop-types');
|
|
|
17
17
|
var AriaPropTypes = require('../../prop-types/AriaPropTypes.js');
|
|
18
18
|
var usePrefix = require('../../internal/usePrefix.js');
|
|
19
19
|
|
|
20
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
21
|
-
|
|
22
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
23
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
24
|
-
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
25
|
-
|
|
26
20
|
var _Menu, _Close;
|
|
27
21
|
function HeaderMenuButton({
|
|
28
22
|
'aria-label': ariaLabel,
|
|
@@ -35,7 +29,7 @@ function HeaderMenuButton({
|
|
|
35
29
|
...rest
|
|
36
30
|
}) {
|
|
37
31
|
const prefix = usePrefix.usePrefix();
|
|
38
|
-
const className =
|
|
32
|
+
const className = cx({
|
|
39
33
|
...(typeof customClassName === 'string' && {
|
|
40
34
|
[customClassName]: !!customClassName
|
|
41
35
|
}),
|
|
@@ -45,13 +39,13 @@ function HeaderMenuButton({
|
|
|
45
39
|
[`${prefix}--header__menu-toggle`]: true,
|
|
46
40
|
[`${prefix}--header__menu-toggle__hidden`]: !isCollapsible
|
|
47
41
|
});
|
|
48
|
-
const menuIcon = renderMenuIcon ? renderMenuIcon : _Menu || (_Menu = /*#__PURE__*/
|
|
42
|
+
const menuIcon = renderMenuIcon ? renderMenuIcon : _Menu || (_Menu = /*#__PURE__*/React.createElement(iconsReact.Menu, {
|
|
49
43
|
size: 20
|
|
50
44
|
}));
|
|
51
|
-
const closeIcon = renderCloseIcon ? renderCloseIcon : _Close || (_Close = /*#__PURE__*/
|
|
45
|
+
const closeIcon = renderCloseIcon ? renderCloseIcon : _Close || (_Close = /*#__PURE__*/React.createElement(iconsReact.Close, {
|
|
52
46
|
size: 20
|
|
53
47
|
}));
|
|
54
|
-
return /*#__PURE__*/
|
|
48
|
+
return /*#__PURE__*/React.createElement("button", _rollupPluginBabelHelpers.extends({}, rest, {
|
|
55
49
|
"aria-label": ariaLabel,
|
|
56
50
|
"aria-labelledby": ariaLabelledBy,
|
|
57
51
|
className: className,
|
|
@@ -68,20 +62,20 @@ HeaderMenuButton.propTypes = {
|
|
|
68
62
|
* Optionally provide a custom class name that is applied to the underlying
|
|
69
63
|
* button
|
|
70
64
|
*/
|
|
71
|
-
className:
|
|
65
|
+
className: PropTypes.string,
|
|
72
66
|
/**
|
|
73
67
|
* Specify whether the menu button is "active".
|
|
74
68
|
*/
|
|
75
|
-
isActive:
|
|
69
|
+
isActive: PropTypes.bool,
|
|
76
70
|
/**
|
|
77
71
|
* Specify whether the menu button is collapsible.
|
|
78
72
|
*/
|
|
79
|
-
isCollapsible:
|
|
73
|
+
isCollapsible: PropTypes.bool,
|
|
80
74
|
/**
|
|
81
75
|
* Optionally provide an onClick handler that is called when the underlying
|
|
82
76
|
* button fires it's onclick event
|
|
83
77
|
*/
|
|
84
|
-
onClick:
|
|
78
|
+
onClick: PropTypes.func
|
|
85
79
|
};
|
|
86
80
|
|
|
87
|
-
exports
|
|
81
|
+
exports.default = HeaderMenuButton;
|
|
@@ -17,12 +17,6 @@ var Link = require('./Link.js');
|
|
|
17
17
|
var usePrefix = require('../../internal/usePrefix.js');
|
|
18
18
|
var deprecate = require('../../prop-types/deprecate.js');
|
|
19
19
|
|
|
20
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
21
|
-
|
|
22
|
-
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
23
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
24
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
25
|
-
|
|
26
20
|
const HeaderMenuItem = /*#__PURE__*/React.forwardRef(function HeaderMenuItem({
|
|
27
21
|
className,
|
|
28
22
|
isActive,
|
|
@@ -42,19 +36,19 @@ const HeaderMenuItem = /*#__PURE__*/React.forwardRef(function HeaderMenuItem({
|
|
|
42
36
|
// not have an `aria-current="page"` set for the breadcrumb item. When this
|
|
43
37
|
// class is added we also set `aria-current` as `true`
|
|
44
38
|
const hasCurrentClass = isActive && ariaCurrent !== 'page';
|
|
45
|
-
const linkClassName =
|
|
39
|
+
const linkClassName = cx({
|
|
46
40
|
[`${prefix}--header__menu-item`]: true,
|
|
47
41
|
[`${prefix}--header__menu-item--current`]: hasCurrentClass
|
|
48
42
|
});
|
|
49
|
-
return /*#__PURE__*/
|
|
43
|
+
return /*#__PURE__*/React.createElement("li", {
|
|
50
44
|
className: className,
|
|
51
45
|
role: role
|
|
52
|
-
}, /*#__PURE__*/
|
|
46
|
+
}, /*#__PURE__*/React.createElement(Link.default, _rollupPluginBabelHelpers.extends({}, rest, {
|
|
53
47
|
"aria-current": hasCurrentClass ? true : ariaCurrent,
|
|
54
48
|
className: linkClassName,
|
|
55
49
|
ref: ref,
|
|
56
50
|
tabIndex: resolvedTabIndex
|
|
57
|
-
}), /*#__PURE__*/
|
|
51
|
+
}), /*#__PURE__*/React.createElement("span", {
|
|
58
52
|
className: `${prefix}--text-truncate--end`
|
|
59
53
|
}, children)));
|
|
60
54
|
});
|
|
@@ -69,29 +63,29 @@ HeaderMenuItem.propTypes = {
|
|
|
69
63
|
* Pass in children that are either a string or can be read as a string by
|
|
70
64
|
* screen readers
|
|
71
65
|
*/
|
|
72
|
-
children:
|
|
66
|
+
children: PropTypes.node.isRequired,
|
|
73
67
|
/**
|
|
74
68
|
* Optionally provide a custom class to apply to the underlying `<li>` node
|
|
75
69
|
*/
|
|
76
|
-
className:
|
|
70
|
+
className: PropTypes.string,
|
|
77
71
|
/**
|
|
78
72
|
* If `true` and `aria-current !== 'page'`, applies selected styles to the item and sets `aria-current="true"`.
|
|
79
73
|
*/
|
|
80
|
-
isActive:
|
|
74
|
+
isActive: PropTypes.bool,
|
|
81
75
|
/**
|
|
82
76
|
* Applies selected styles to the item if a user sets this to true and `aria-current !== 'page'`.
|
|
83
77
|
* @deprecated Please use `isActive` instead. This will be removed in the next major release.
|
|
84
78
|
*/
|
|
85
|
-
isCurrentPage: deprecate.deprecate(
|
|
79
|
+
isCurrentPage: deprecate.deprecate(PropTypes.bool, 'The `isCurrentPage` prop for `HeaderMenuItem` has ' + 'been deprecated. Please use `isActive` instead. This will be removed in the next major release.'),
|
|
86
80
|
/**
|
|
87
81
|
* Optionally supply a role for the underlying `<li>` node. Useful for resetting
|
|
88
82
|
* `<ul>` semantics for menus.
|
|
89
83
|
*/
|
|
90
|
-
role:
|
|
84
|
+
role: PropTypes.string,
|
|
91
85
|
/**
|
|
92
86
|
* Specify the tab index of the Link
|
|
93
87
|
*/
|
|
94
|
-
tabIndex:
|
|
88
|
+
tabIndex: PropTypes.number
|
|
95
89
|
};
|
|
96
90
|
|
|
97
|
-
exports
|
|
91
|
+
exports.default = HeaderMenuItem;
|
|
@@ -16,12 +16,6 @@ var PropTypes = require('prop-types');
|
|
|
16
16
|
var Link = require('./Link.js');
|
|
17
17
|
var usePrefix = require('../../internal/usePrefix.js');
|
|
18
18
|
|
|
19
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
20
|
-
|
|
21
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
22
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
23
|
-
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
24
|
-
|
|
25
19
|
function HeaderName({
|
|
26
20
|
children,
|
|
27
21
|
className: customClassName,
|
|
@@ -29,10 +23,10 @@ function HeaderName({
|
|
|
29
23
|
...rest
|
|
30
24
|
}) {
|
|
31
25
|
const selectorPrefix = usePrefix.usePrefix();
|
|
32
|
-
const className =
|
|
33
|
-
return /*#__PURE__*/
|
|
26
|
+
const className = cx(`${selectorPrefix}--header__name`, customClassName);
|
|
27
|
+
return /*#__PURE__*/React.createElement(Link.default, _rollupPluginBabelHelpers.extends({}, rest, {
|
|
34
28
|
className: className
|
|
35
|
-
}), prefix && /*#__PURE__*/
|
|
29
|
+
}), prefix && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
|
|
36
30
|
className: `${selectorPrefix}--header__name--prefix`
|
|
37
31
|
}, prefix), "\xA0"), children);
|
|
38
32
|
}
|
|
@@ -46,20 +40,20 @@ HeaderName.propTypes = {
|
|
|
46
40
|
* Pass in children that are either a string or can be read as a string by
|
|
47
41
|
* screen readers
|
|
48
42
|
*/
|
|
49
|
-
children:
|
|
43
|
+
children: PropTypes.node.isRequired,
|
|
50
44
|
/**
|
|
51
45
|
* Optionally provide a custom class to apply to the underlying `<li>` node
|
|
52
46
|
*/
|
|
53
|
-
className:
|
|
47
|
+
className: PropTypes.string,
|
|
54
48
|
/**
|
|
55
49
|
* Provide an href for the name to link to
|
|
56
50
|
*/
|
|
57
|
-
href:
|
|
51
|
+
href: PropTypes.string,
|
|
58
52
|
/**
|
|
59
53
|
* Optionally specify a prefix to your header name. Useful for companies, for
|
|
60
54
|
* example: IBM [Product Name] versus solely [Product Name]
|
|
61
55
|
*/
|
|
62
|
-
prefix:
|
|
56
|
+
prefix: PropTypes.string
|
|
63
57
|
};
|
|
64
58
|
|
|
65
|
-
exports
|
|
59
|
+
exports.default = HeaderName;
|
|
@@ -16,12 +16,6 @@ var PropTypes = require('prop-types');
|
|
|
16
16
|
var AriaPropTypes = require('../../prop-types/AriaPropTypes.js');
|
|
17
17
|
var usePrefix = require('../../internal/usePrefix.js');
|
|
18
18
|
|
|
19
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
20
|
-
|
|
21
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
22
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
23
|
-
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
24
|
-
|
|
25
19
|
function HeaderNavigation({
|
|
26
20
|
'aria-label': ariaLabel,
|
|
27
21
|
'aria-labelledby': ariaLabelledBy,
|
|
@@ -30,12 +24,12 @@ function HeaderNavigation({
|
|
|
30
24
|
...rest
|
|
31
25
|
}) {
|
|
32
26
|
const prefix = usePrefix.usePrefix();
|
|
33
|
-
const className =
|
|
34
|
-
return /*#__PURE__*/
|
|
27
|
+
const className = cx(`${prefix}--header__nav`, customClassName);
|
|
28
|
+
return /*#__PURE__*/React.createElement("nav", _rollupPluginBabelHelpers.extends({}, rest, {
|
|
35
29
|
"aria-label": ariaLabel,
|
|
36
30
|
"aria-labelledby": ariaLabelledBy,
|
|
37
31
|
className: className
|
|
38
|
-
}), /*#__PURE__*/
|
|
32
|
+
}), /*#__PURE__*/React.createElement("ul", {
|
|
39
33
|
className: `${prefix}--header__menu-bar`
|
|
40
34
|
}, children));
|
|
41
35
|
}
|
|
@@ -48,11 +42,11 @@ HeaderNavigation.propTypes = {
|
|
|
48
42
|
* Provide valid children of HeaderNavigation, for example `HeaderMenuItem`
|
|
49
43
|
* or `HeaderMenu`
|
|
50
44
|
*/
|
|
51
|
-
children:
|
|
45
|
+
children: PropTypes.node,
|
|
52
46
|
/**
|
|
53
47
|
* Optionally provide a custom class to apply to the underlying <nav> node
|
|
54
48
|
*/
|
|
55
|
-
className:
|
|
49
|
+
className: PropTypes.string
|
|
56
50
|
};
|
|
57
51
|
|
|
58
|
-
exports
|
|
52
|
+
exports.default = HeaderNavigation;
|
|
@@ -20,14 +20,8 @@ var useEvent = require('../../internal/useEvent.js');
|
|
|
20
20
|
var useMergedRefs = require('../../internal/useMergedRefs.js');
|
|
21
21
|
var Switcher = require('./Switcher.js');
|
|
22
22
|
|
|
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
23
|
const noopFn = () => {};
|
|
30
|
-
const HeaderPanel = /*#__PURE__*/
|
|
24
|
+
const HeaderPanel = /*#__PURE__*/React.forwardRef(function HeaderPanel({
|
|
31
25
|
children,
|
|
32
26
|
className: customClassName,
|
|
33
27
|
expanded,
|
|
@@ -43,7 +37,7 @@ const HeaderPanel = /*#__PURE__*/React__default["default"].forwardRef(function H
|
|
|
43
37
|
const [expandedState, setExpandedState] = React.useState(expanded);
|
|
44
38
|
const expandedProp = controlled ? expanded : expandedState;
|
|
45
39
|
const [lastClickedElement, setLastClickedElement] = React.useState(null);
|
|
46
|
-
const className =
|
|
40
|
+
const className = cx(`${prefix}--header-panel`, {
|
|
47
41
|
[`${prefix}--header-panel--expanded`]: expandedProp,
|
|
48
42
|
[customClassName]: !!customClassName
|
|
49
43
|
});
|
|
@@ -72,13 +66,13 @@ const HeaderPanel = /*#__PURE__*/React__default["default"].forwardRef(function H
|
|
|
72
66
|
const target = event.target;
|
|
73
67
|
if (!(target instanceof HTMLElement)) return;
|
|
74
68
|
setLastClickedElement(target);
|
|
75
|
-
const isChildASwitcher = /*#__PURE__*/React.isValidElement(children) && typeof children.type !== 'string' && children.type === Switcher
|
|
69
|
+
const isChildASwitcher = /*#__PURE__*/React.isValidElement(children) && typeof children.type !== 'string' && children.type === Switcher.default;
|
|
76
70
|
if (isChildASwitcher && !target.closest(`.${prefix}--header-panel--expanded`) && !target.closest(`.${prefix}--header__action`) && !headerPanelReference?.current?.classList.contains(`${prefix}--switcher`) && expanded) {
|
|
77
71
|
setExpandedState(false);
|
|
78
72
|
onHeaderPanelFocus();
|
|
79
73
|
}
|
|
80
74
|
});
|
|
81
|
-
return /*#__PURE__*/
|
|
75
|
+
return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
|
|
82
76
|
className: className,
|
|
83
77
|
ref: headerPanelRef
|
|
84
78
|
}, eventHandlers), children);
|
|
@@ -87,29 +81,29 @@ HeaderPanel.propTypes = {
|
|
|
87
81
|
/**
|
|
88
82
|
* Specify whether focus and blur listeners are added. They are by default.
|
|
89
83
|
*/
|
|
90
|
-
addFocusListeners:
|
|
84
|
+
addFocusListeners: PropTypes.bool,
|
|
91
85
|
/**
|
|
92
86
|
* The content that will render inside of the `HeaderPanel`
|
|
93
87
|
*/
|
|
94
|
-
children:
|
|
88
|
+
children: PropTypes.node,
|
|
95
89
|
/**
|
|
96
90
|
* Optionally provide a custom class to apply to the underlying `<li>` node
|
|
97
91
|
*/
|
|
98
|
-
className:
|
|
92
|
+
className: PropTypes.string,
|
|
99
93
|
/**
|
|
100
94
|
* Specify whether the panel is expanded
|
|
101
95
|
*/
|
|
102
|
-
expanded:
|
|
96
|
+
expanded: PropTypes.bool,
|
|
103
97
|
/**
|
|
104
98
|
* Provide the `href` to the id of the element on your package that could
|
|
105
99
|
* be target.
|
|
106
100
|
*/
|
|
107
|
-
href:
|
|
101
|
+
href: PropTypes.string,
|
|
108
102
|
/**
|
|
109
103
|
* An optional listener that is called a callback to collapse the HeaderPanel
|
|
110
104
|
*/
|
|
111
|
-
onHeaderPanelFocus:
|
|
105
|
+
onHeaderPanelFocus: PropTypes.func
|
|
112
106
|
};
|
|
113
107
|
HeaderPanel.displayName = 'HeaderPanel';
|
|
114
108
|
|
|
115
|
-
exports
|
|
109
|
+
exports.default = HeaderPanel;
|
|
@@ -14,23 +14,17 @@ var React = require('react');
|
|
|
14
14
|
var PropTypes = require('prop-types');
|
|
15
15
|
var usePrefix = require('../../internal/usePrefix.js');
|
|
16
16
|
|
|
17
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
18
|
-
|
|
19
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
20
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
21
|
-
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
22
|
-
|
|
23
17
|
function HeaderSideNavItems({
|
|
24
18
|
className: customClassName,
|
|
25
19
|
children,
|
|
26
20
|
hasDivider = false
|
|
27
21
|
}) {
|
|
28
22
|
const prefix = usePrefix.usePrefix();
|
|
29
|
-
const className =
|
|
23
|
+
const className = cx({
|
|
30
24
|
[`${prefix}--side-nav__header-navigation`]: true,
|
|
31
25
|
[`${prefix}--side-nav__header-divider`]: hasDivider
|
|
32
26
|
}, customClassName);
|
|
33
|
-
return /*#__PURE__*/
|
|
27
|
+
return /*#__PURE__*/React.createElement("ul", {
|
|
34
28
|
className: className
|
|
35
29
|
}, children);
|
|
36
30
|
}
|
|
@@ -38,17 +32,17 @@ HeaderSideNavItems.propTypes = {
|
|
|
38
32
|
/**
|
|
39
33
|
* The child nodes to be rendered
|
|
40
34
|
*/
|
|
41
|
-
children:
|
|
35
|
+
children: PropTypes.node,
|
|
42
36
|
/**
|
|
43
37
|
* Optionally provide a custom class name that is applied to the underlying
|
|
44
38
|
* button
|
|
45
39
|
*/
|
|
46
|
-
className:
|
|
40
|
+
className: PropTypes.string,
|
|
47
41
|
/**
|
|
48
42
|
* Optionally specify if container will have a bottom divider to differentiate
|
|
49
43
|
* between original sidenav items and header menu items. False by default.
|
|
50
44
|
*/
|
|
51
|
-
hasDivider:
|
|
45
|
+
hasDivider: PropTypes.bool
|
|
52
46
|
};
|
|
53
47
|
|
|
54
|
-
exports
|
|
48
|
+
exports.default = HeaderSideNavItems;
|
|
@@ -14,11 +14,6 @@ var PropTypes = require('prop-types');
|
|
|
14
14
|
var React = require('react');
|
|
15
15
|
var deprecate = require('../../prop-types/deprecate.js');
|
|
16
16
|
|
|
17
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
18
|
-
|
|
19
|
-
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
20
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
21
|
-
|
|
22
17
|
// First define the component without generics
|
|
23
18
|
|
|
24
19
|
const LinkBase = ({
|
|
@@ -30,13 +25,13 @@ const LinkBase = ({
|
|
|
30
25
|
...rest
|
|
31
26
|
}, ref) => {
|
|
32
27
|
const BaseComponentAsAny = BaseComponent ?? element ?? 'a';
|
|
33
|
-
return /*#__PURE__*/
|
|
28
|
+
return /*#__PURE__*/React.createElement(BaseComponentAsAny, _rollupPluginBabelHelpers.extends({
|
|
34
29
|
ref: ref
|
|
35
30
|
}, rest));
|
|
36
31
|
};
|
|
37
32
|
|
|
38
33
|
// Use forwardRef with the non-generic function
|
|
39
|
-
const Link = /*#__PURE__*/
|
|
34
|
+
const Link = /*#__PURE__*/React.forwardRef(LinkBase);
|
|
40
35
|
|
|
41
36
|
/**
|
|
42
37
|
* Link is a custom component that allows us to supporting rendering elements
|
|
@@ -50,22 +45,22 @@ const LinkPropTypes = {
|
|
|
50
45
|
* Provide a custom element or component to render the top-level node for the
|
|
51
46
|
* component.
|
|
52
47
|
*/
|
|
53
|
-
as:
|
|
48
|
+
as: PropTypes.elementType,
|
|
54
49
|
/**
|
|
55
50
|
* The base element to use to build the link. Defaults to `a`, can also accept
|
|
56
51
|
* alternative tag names or custom components like `Link` from `react-router`.
|
|
57
52
|
* @deprecated Use `as` instead
|
|
58
53
|
*
|
|
59
54
|
*/
|
|
60
|
-
element: deprecate.deprecate(
|
|
55
|
+
element: deprecate.deprecate(PropTypes.elementType, 'The `element` prop for `Link` has been deprecated. Please use `as` ' + 'instead. This will be removed in the next major release.'),
|
|
61
56
|
/**
|
|
62
57
|
* Property to indicate if the side nav container is open (or not). Use to
|
|
63
58
|
* keep local state and styling in step with the SideNav expansion state.
|
|
64
59
|
*/
|
|
65
|
-
isSideNavExpanded:
|
|
60
|
+
isSideNavExpanded: PropTypes.bool
|
|
66
61
|
};
|
|
67
62
|
Link.displayName = 'Link';
|
|
68
63
|
Link.propTypes = LinkPropTypes;
|
|
69
64
|
|
|
70
65
|
exports.LinkPropTypes = LinkPropTypes;
|
|
71
|
-
exports
|
|
66
|
+
exports.default = Link;
|