@carbon/react 1.27.0-rc.0 → 1.28.0-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/_virtual/_rollupPluginBabelHelpers.js +1 -313
- package/es/components/Accordion/Accordion.Skeleton.js +28 -30
- package/es/components/Accordion/Accordion.js +18 -21
- package/es/components/Accordion/AccordionItem.js +37 -49
- package/es/components/AspectRatio/AspectRatio.js +10 -12
- package/es/components/Breadcrumb/Breadcrumb.Skeleton.js +10 -11
- package/es/components/Breadcrumb/Breadcrumb.js +14 -13
- package/es/components/Breadcrumb/BreadcrumbItem.js +24 -22
- package/es/components/Button/Button.Skeleton.js +25 -23
- package/es/components/Button/Button.js +77 -72
- package/es/components/ButtonSet/ButtonSet.js +12 -10
- package/es/components/Checkbox/Checkbox.Skeleton.js +10 -11
- package/es/components/Checkbox/Checkbox.js +55 -52
- package/es/components/CheckboxGroup/CheckboxGroup.js +33 -31
- package/es/components/ClassPrefix/index.js +4 -2
- package/es/components/CodeSnippet/CodeSnippet.Skeleton.js +15 -14
- package/es/components/CodeSnippet/CodeSnippet.js +199 -102
- package/es/components/ComboBox/ComboBox.js +349 -178
- package/es/components/ComboBox/tools/filter.js +6 -4
- package/es/components/ComboButton/index.js +38 -43
- package/es/components/ComposedModal/ComposedModal.js +187 -85
- package/es/components/ComposedModal/ModalFooter.js +54 -49
- package/es/components/ComposedModal/ModalHeader.js +39 -26
- package/es/components/ContainedList/ContainedList.js +18 -17
- package/es/components/ContainedList/ContainedListItem/ContainedListItem.js +20 -18
- package/es/components/ContentSwitcher/ContentSwitcher.js +83 -98
- package/es/components/ContentSwitcher/index.js +1 -1
- package/es/components/ContextMenu/useContextMenu.js +12 -21
- package/es/components/Copy/Copy.js +24 -29
- package/es/components/CopyButton/CopyButton.js +10 -10
- package/es/components/DangerButton/DangerButton.js +3 -5
- package/es/components/DataTable/DataTable.js +334 -361
- package/es/components/DataTable/Table.js +29 -26
- package/es/components/DataTable/TableActionList.js +2 -4
- package/es/components/DataTable/TableBatchAction.js +2 -4
- package/es/components/DataTable/TableBatchActions.js +29 -30
- package/es/components/DataTable/TableBody.js +7 -8
- package/es/components/DataTable/TableCell.js +1 -1
- package/es/components/DataTable/TableContainer.js +23 -23
- package/es/components/DataTable/TableContext.js +1 -1
- package/es/components/DataTable/TableExpandHeader.js +19 -21
- package/es/components/DataTable/TableExpandRow.js +23 -23
- package/es/components/DataTable/TableExpandedRow.js +18 -23
- package/es/components/DataTable/TableHead.js +1 -1
- package/es/components/DataTable/TableHeader.js +45 -41
- package/es/components/DataTable/TableRow.js +7 -8
- package/es/components/DataTable/TableSelectAll.js +13 -11
- package/es/components/DataTable/TableSelectRow.js +29 -21
- package/es/components/DataTable/TableToolbar.js +19 -14
- package/es/components/DataTable/TableToolbarAction.js +6 -6
- package/es/components/DataTable/TableToolbarContent.js +2 -4
- package/es/components/DataTable/TableToolbarMenu.js +11 -12
- package/es/components/DataTable/TableToolbarSearch.js +52 -71
- package/es/components/DataTable/state/getDerivedStateFromProps.js +15 -15
- package/es/components/DataTable/state/sortStates.js +1 -1
- package/es/components/DataTable/state/sorting.js +28 -20
- package/es/components/DataTable/tools/cells.js +1 -3
- package/es/components/DataTable/tools/denormalize.js +4 -17
- package/es/components/DataTable/tools/filter.js +18 -16
- package/es/components/DataTable/tools/instanceId.js +2 -2
- package/es/components/DataTable/tools/normalize.js +28 -25
- package/es/components/DataTable/tools/sorting.js +28 -25
- package/es/components/DataTableSkeleton/DataTableSkeleton.js +36 -38
- package/es/components/DatePicker/DatePicker.Skeleton.js +17 -18
- package/es/components/DatePicker/DatePicker.js +206 -195
- package/es/components/DatePicker/plugins/appendToPlugin.js +45 -43
- package/es/components/DatePicker/plugins/fixEventsPlugin.js +117 -107
- package/es/components/DatePicker/plugins/rangePlugin.js +19 -11
- package/es/components/DatePickerInput/DatePickerInput.js +83 -74
- package/es/components/Dropdown/Dropdown.Skeleton.js +13 -12
- package/es/components/Dropdown/Dropdown.js +266 -109
- package/es/components/ErrorBoundary/ErrorBoundary.js +27 -48
- package/es/components/ErrorBoundary/ErrorBoundaryContext.js +3 -2
- package/es/components/ExpandableSearch/ExpandableSearch.d.ts +13 -0
- package/es/components/ExpandableSearch/ExpandableSearch.js +18 -25
- package/es/components/FeatureFlags/index.js +25 -43
- package/es/components/FileUploader/FileUploader.Skeleton.js +8 -9
- package/es/components/FileUploader/FileUploader.js +120 -147
- package/es/components/FileUploader/FileUploaderButton.js +36 -48
- package/es/components/FileUploader/FileUploaderDropContainer.js +49 -53
- package/es/components/FileUploader/FileUploaderItem.js +30 -30
- package/es/components/FileUploader/Filename.js +13 -14
- package/es/components/FluidComboBox/FluidComboBox.Skeleton.js +11 -12
- package/es/components/FluidComboBox/FluidComboBox.js +11 -9
- package/es/components/FluidDatePicker/FluidDatePicker.Skeleton.js +18 -18
- package/es/components/FluidDatePicker/FluidDatePicker.js +19 -16
- package/es/components/FluidDatePickerInput/FluidDatePickerInput.js +3 -3
- package/es/components/FluidDropdown/FluidDropdown.Skeleton.js +11 -12
- package/es/components/FluidDropdown/FluidDropdown.js +11 -9
- package/es/components/FluidForm/FluidForm.js +9 -10
- package/es/components/FluidForm/FormContext.js +1 -1
- package/es/components/FluidMultiSelect/FluidMultiSelect.Skeleton.js +11 -12
- package/es/components/FluidMultiSelect/FluidMultiSelect.js +12 -10
- package/es/components/FluidSelect/FluidSelect.Skeleton.js +11 -12
- package/es/components/FluidSelect/FluidSelect.js +9 -9
- package/es/components/FluidTextArea/FluidTextArea.Skeleton.js +9 -10
- package/es/components/FluidTextArea/FluidTextArea.js +7 -8
- package/es/components/FluidTextInput/FluidTextInput.Skeleton.js +9 -10
- package/es/components/FluidTextInput/FluidTextInput.js +10 -9
- package/es/components/FluidTimePicker/FluidTimePicker.Skeleton.js +11 -10
- package/es/components/FluidTimePicker/FluidTimePicker.js +30 -26
- package/es/components/FluidTimePickerSelect/FluidTimePickerSelect.js +7 -7
- package/es/components/Form/Form.js +9 -10
- package/es/components/FormGroup/FormGroup.js +16 -17
- package/es/components/FormItem/FormItem.js +8 -9
- package/es/components/FormLabel/FormLabel.js +11 -10
- package/es/components/Grid/CSSGrid.js +38 -39
- package/es/components/Grid/Column.js +86 -79
- package/es/components/Grid/ColumnHang.js +12 -14
- package/es/components/Grid/FlexGrid.js +19 -21
- package/es/components/Grid/Grid.js +2 -2
- package/es/components/Grid/GridContext.js +12 -11
- package/es/components/Grid/Row.js +16 -18
- package/es/components/Heading/index.js +11 -13
- package/es/components/Icon/Icon.Skeleton.js +10 -12
- package/es/components/IconButton/index.js +19 -22
- package/es/components/IdPrefix/index.js +4 -2
- package/es/components/InlineCheckbox/InlineCheckbox.js +89 -36
- package/es/components/InlineLoading/InlineLoading.js +23 -25
- package/es/components/Layer/LayerContext.js +1 -1
- package/es/components/Layer/index.js +17 -18
- package/es/components/Layout/LayoutDirection.js +8 -10
- package/es/components/Layout/LayoutDirectionContext.js +1 -1
- package/es/components/Link/Link.js +25 -25
- package/es/components/ListBox/ListBox.js +38 -31
- package/es/components/ListBox/ListBoxField.js +9 -10
- package/es/components/ListBox/ListBoxMenu.js +9 -10
- package/es/components/ListBox/ListBoxMenuIcon.js +16 -14
- package/es/components/ListBox/ListBoxMenuItem.js +23 -26
- package/es/components/ListBox/ListBoxPropTypes.js +4 -4
- package/es/components/ListBox/ListBoxSelection.js +30 -25
- package/es/components/ListBox/index.js +1 -1
- package/es/components/ListBox/next/ListBoxSelection.js +27 -24
- package/es/components/ListBox/next/ListBoxTrigger.js +20 -19
- package/es/components/ListItem/ListItem.js +9 -10
- package/es/components/Loading/Loading.js +24 -24
- package/es/components/Menu/Menu.js +67 -80
- package/es/components/Menu/MenuContext.js +9 -12
- package/es/components/Menu/MenuItem.js +104 -128
- package/es/components/MenuButton/index.js +37 -41
- package/es/components/Modal/Modal.js +281 -120
- package/es/components/ModalWrapper/ModalWrapper.js +72 -96
- package/es/components/MultiSelect/FilterableMultiSelect.js +299 -163
- package/es/components/MultiSelect/MultiSelect.js +162 -174
- package/es/components/MultiSelect/MultiSelectPropTypes.js +1 -1
- package/es/components/MultiSelect/tools/itemToString.js +3 -4
- package/es/components/MultiSelect/tools/sorting.js +15 -13
- package/es/components/Notification/Notification.js +436 -164
- package/es/components/NumberInput/NumberInput.Skeleton.js +10 -11
- package/es/components/NumberInput/NumberInput.js +140 -139
- package/es/components/OrderedList/OrderedList.js +17 -15
- package/es/components/OverflowMenu/OverflowMenu.js +359 -227
- package/es/components/OverflowMenu/index.js +1 -1
- package/es/components/OverflowMenuItem/OverflowMenuItem.js +32 -37
- package/es/components/OverflowMenuV2/index.js +26 -28
- package/es/components/Pagination/Pagination.Skeleton.js +9 -10
- package/es/components/Pagination/Pagination.js +98 -140
- package/es/components/Pagination/experimental/PageSelector.js +16 -16
- package/es/components/Pagination/experimental/Pagination.js +73 -94
- package/es/components/PaginationNav/PaginationNav.js +98 -117
- package/es/components/Popover/index.js +74 -80
- package/es/components/PrimaryButton/PrimaryButton.js +3 -5
- package/es/components/ProgressBar/ProgressBar.js +39 -37
- package/es/components/ProgressIndicator/ProgressIndicator.Skeleton.js +15 -14
- package/es/components/ProgressIndicator/ProgressIndicator.js +71 -71
- package/es/components/RadioButton/RadioButton.Skeleton.js +9 -10
- package/es/components/RadioButton/RadioButton.js +27 -27
- package/es/components/RadioButtonGroup/RadioButtonGroup.js +55 -65
- package/es/components/RadioTile/RadioTile.js +28 -26
- package/es/components/Search/Search.Skeleton.js +16 -16
- package/es/components/Search/Search.d.ts +83 -0
- package/es/components/Search/Search.js +65 -72
- package/es/components/Search/index.d.ts +11 -0
- package/es/components/SecondaryButton/SecondaryButton.js +3 -5
- package/es/components/Select/Select.Skeleton.js +12 -13
- package/es/components/Select/Select.js +79 -73
- package/es/components/SelectItem/SelectItem.js +17 -13
- package/es/components/SelectItemGroup/SelectItemGroup.js +11 -12
- package/es/components/SkeletonIcon/SkeletonIcon.js +11 -11
- package/es/components/SkeletonPlaceholder/SkeletonPlaceholder.js +11 -11
- package/es/components/SkeletonText/SkeletonText.js +29 -29
- package/es/components/Slider/Slider.Skeleton.js +17 -18
- package/es/components/Slider/Slider.js +306 -329
- package/es/components/Slider/index.js +1 -1
- package/es/components/Stack/Stack.js +19 -20
- package/es/components/Stack/index.js +2 -2
- package/es/components/StructuredList/StructuredList.Skeleton.js +25 -24
- package/es/components/StructuredList/StructuredList.js +134 -106
- package/es/components/Switch/IconSwitch.js +48 -54
- package/es/components/Switch/Switch.js +33 -31
- package/es/components/Tab/Tab.js +77 -83
- package/es/components/Tab/index.js +1 -1
- package/es/components/TabContent/TabContent.js +16 -18
- package/es/components/Tabs/Tabs.Skeleton.js +14 -13
- package/es/components/Tabs/Tabs.js +211 -210
- package/es/components/Tabs/usePressable.js +27 -36
- package/es/components/Tag/Tag.Skeleton.js +10 -9
- package/es/components/Tag/Tag.js +34 -31
- package/es/components/Text/Text.js +20 -20
- package/es/components/Text/TextDirection.js +8 -7
- package/es/components/Text/TextDirectionContext.js +1 -1
- package/es/components/Text/index.js +1 -1
- package/es/components/TextArea/TextArea.Skeleton.js +11 -12
- package/es/components/TextArea/TextArea.js +89 -83
- package/es/components/TextInput/ControlledPasswordInput.js +79 -73
- package/es/components/TextInput/PasswordInput.js +101 -91
- package/es/components/TextInput/TextInput.Skeleton.js +11 -12
- package/es/components/TextInput/TextInput.js +104 -92
- package/es/components/TextInput/util.js +26 -28
- package/es/components/Theme/index.js +25 -20
- package/es/components/Tile/Tile.js +135 -176
- package/es/components/TileGroup/TileGroup.js +55 -70
- package/es/components/TileGroup/index.js +1 -1
- package/es/components/TimePicker/TimePicker.js +60 -67
- package/es/components/TimePickerSelect/TimePickerSelect.js +20 -18
- package/es/components/TimePickerSelect/index.js +1 -1
- package/es/components/Toggle/Toggle.Skeleton.js +63 -52
- package/es/components/Toggle/Toggle.js +44 -48
- package/es/components/ToggleSmall/ToggleSmall.Skeleton.js +56 -50
- package/es/components/Toggletip/index.js +52 -48
- package/es/components/Tooltip/DefinitionTooltip.js +24 -31
- package/es/components/Tooltip/Tooltip.js +35 -50
- package/es/components/TreeView/TreeNode.js +94 -74
- package/es/components/TreeView/TreeView.js +72 -83
- package/es/components/UIShell/Content.js +12 -14
- package/es/components/UIShell/Header.js +16 -12
- package/es/components/UIShell/HeaderContainer.js +8 -14
- package/es/components/UIShell/HeaderGlobalAction.js +26 -19
- package/es/components/UIShell/HeaderGlobalBar.js +1 -3
- package/es/components/UIShell/HeaderMenu.js +114 -129
- package/es/components/UIShell/HeaderMenuButton.js +31 -22
- package/es/components/UIShell/HeaderMenuItem.js +28 -20
- package/es/components/UIShell/HeaderName.js +19 -14
- package/es/components/UIShell/HeaderNavigation.js +19 -15
- package/es/components/UIShell/HeaderPanel.js +23 -17
- package/es/components/UIShell/HeaderSideNavItems.js +11 -9
- package/es/components/UIShell/Link.js +11 -11
- package/es/components/UIShell/SideNav.js +66 -62
- package/es/components/UIShell/SideNavDetails.js +11 -12
- package/es/components/UIShell/SideNavDivider.js +5 -3
- package/es/components/UIShell/SideNavFooter.js +12 -12
- package/es/components/UIShell/SideNavHeader.js +8 -6
- package/es/components/UIShell/SideNavIcon.js +11 -8
- package/es/components/UIShell/SideNavItem.js +11 -9
- package/es/components/UIShell/SideNavItems.js +13 -11
- package/es/components/UIShell/SideNavLink.js +19 -17
- package/es/components/UIShell/SideNavLinkText.js +8 -9
- package/es/components/UIShell/SideNavMenu.js +28 -35
- package/es/components/UIShell/SideNavMenuItem.js +14 -14
- package/es/components/UIShell/SideNavSwitcher.js +19 -19
- package/es/components/UIShell/SkipToContent.js +10 -11
- package/es/components/UIShell/Switcher.js +20 -11
- package/es/components/UIShell/SwitcherDivider.js +10 -9
- package/es/components/UIShell/SwitcherItem.js +26 -19
- package/es/components/UIShell/_utils.js +1 -1
- package/es/components/UnorderedList/UnorderedList.js +14 -14
- package/es/index.js +5 -5
- package/es/internal/ClickListener.js +49 -65
- package/es/internal/FloatingMenu.js +193 -200
- package/es/internal/OptimizedResize.js +9 -8
- package/es/internal/Selection.js +92 -111
- package/es/internal/createClassWrapper.js +2 -2
- package/es/internal/deprecateFieldOnObject.js +5 -3
- package/es/internal/environment.js +1 -1
- package/es/internal/focus/index.js +1 -1
- package/es/internal/keyboard/keys.js +11 -11
- package/es/internal/keyboard/match.js +7 -6
- package/es/internal/keyboard/navigation.js +15 -5
- package/es/internal/useAnnouncer.js +2 -2
- package/es/internal/useAttachedMenu.js +12 -20
- package/es/internal/useControllableState.js +11 -16
- package/es/internal/useDelayedState.js +9 -18
- package/es/internal/useEffectOnce.js +4 -4
- package/es/internal/useEvent.js +4 -4
- package/es/internal/useId.js +15 -19
- package/es/internal/useIdPrefix.js +1 -1
- package/es/internal/useIsomorphicEffect.js +1 -1
- package/es/internal/useMergedRefs.js +3 -3
- package/es/internal/useNoInteractiveChildren.js +8 -19
- package/es/internal/useNormalizedInputProps.js +16 -14
- package/es/internal/usePrefix.js +1 -1
- package/es/internal/useSavedCallback.js +3 -3
- package/es/internal/warning.js +4 -4
- package/es/internal/wrapFocus.js +16 -21
- package/es/prop-types/AriaPropTypes.js +1 -1
- package/es/prop-types/deprecate.js +6 -5
- package/es/prop-types/isRequiredOneOf.js +12 -25
- package/es/prop-types/requiredIfGivenPropIsTruthy.js +2 -2
- package/es/prop-types/types.js +1 -1
- package/es/tools/array.js +1 -1
- package/es/tools/events.js +21 -14
- package/es/tools/mergeRefs.js +3 -3
- package/es/tools/setupGetInstanceId.js +1 -1
- package/es/tools/uniqueId.js +3 -3
- package/es/tools/wrapComponent.js +14 -13
- package/lib/_virtual/_rollupPluginBabelHelpers.js +0 -336
- package/lib/components/Accordion/Accordion.Skeleton.js +27 -29
- package/lib/components/Accordion/Accordion.js +17 -20
- package/lib/components/Accordion/AccordionItem.js +36 -48
- package/lib/components/AspectRatio/AspectRatio.js +9 -11
- package/lib/components/Breadcrumb/Breadcrumb.Skeleton.js +9 -10
- package/lib/components/Breadcrumb/Breadcrumb.js +13 -12
- package/lib/components/Breadcrumb/BreadcrumbItem.js +23 -21
- package/lib/components/Button/Button.Skeleton.js +24 -22
- package/lib/components/Button/Button.js +76 -71
- package/lib/components/ButtonSet/ButtonSet.js +11 -9
- package/lib/components/Checkbox/Checkbox.Skeleton.js +9 -10
- package/lib/components/Checkbox/Checkbox.js +54 -51
- package/lib/components/CheckboxGroup/CheckboxGroup.js +32 -30
- package/lib/components/ClassPrefix/index.js +4 -2
- package/lib/components/CodeSnippet/CodeSnippet.Skeleton.js +14 -13
- package/lib/components/CodeSnippet/CodeSnippet.js +198 -101
- package/lib/components/ComboBox/ComboBox.js +348 -177
- package/lib/components/ComboBox/tools/filter.js +6 -4
- package/lib/components/ComboButton/index.js +37 -42
- package/lib/components/ComposedModal/ComposedModal.js +187 -85
- package/lib/components/ComposedModal/ModalFooter.js +53 -48
- package/lib/components/ComposedModal/ModalHeader.js +38 -25
- package/lib/components/ContainedList/ContainedList.js +18 -17
- package/lib/components/ContainedList/ContainedListItem/ContainedListItem.js +20 -18
- package/lib/components/ContentSwitcher/ContentSwitcher.js +82 -97
- package/lib/components/ContentSwitcher/index.js +1 -1
- package/lib/components/ContextMenu/useContextMenu.js +12 -21
- package/lib/components/Copy/Copy.js +23 -28
- package/lib/components/CopyButton/CopyButton.js +9 -9
- package/lib/components/DangerButton/DangerButton.js +3 -5
- package/lib/components/DataTable/DataTable.js +332 -359
- package/lib/components/DataTable/Table.js +28 -25
- package/lib/components/DataTable/TableActionList.js +2 -4
- package/lib/components/DataTable/TableBatchAction.js +2 -4
- package/lib/components/DataTable/TableBatchActions.js +28 -29
- package/lib/components/DataTable/TableBody.js +6 -7
- package/lib/components/DataTable/TableCell.js +1 -1
- package/lib/components/DataTable/TableContainer.js +22 -22
- package/lib/components/DataTable/TableContext.js +1 -1
- package/lib/components/DataTable/TableExpandHeader.js +18 -20
- package/lib/components/DataTable/TableExpandRow.js +22 -22
- package/lib/components/DataTable/TableExpandedRow.js +17 -22
- package/lib/components/DataTable/TableHead.js +1 -1
- package/lib/components/DataTable/TableHeader.js +43 -39
- package/lib/components/DataTable/TableRow.js +7 -8
- package/lib/components/DataTable/TableSelectAll.js +13 -11
- package/lib/components/DataTable/TableSelectRow.js +28 -20
- package/lib/components/DataTable/TableToolbar.js +18 -13
- package/lib/components/DataTable/TableToolbarAction.js +5 -5
- package/lib/components/DataTable/TableToolbarContent.js +2 -4
- package/lib/components/DataTable/TableToolbarMenu.js +10 -11
- package/lib/components/DataTable/TableToolbarSearch.js +51 -70
- package/lib/components/DataTable/state/getDerivedStateFromProps.js +15 -15
- package/lib/components/DataTable/state/sortStates.js +1 -1
- package/lib/components/DataTable/state/sorting.js +28 -20
- package/lib/components/DataTable/tools/cells.js +1 -3
- package/lib/components/DataTable/tools/denormalize.js +4 -17
- package/lib/components/DataTable/tools/filter.js +18 -16
- package/lib/components/DataTable/tools/instanceId.js +2 -2
- package/lib/components/DataTable/tools/normalize.js +28 -25
- package/lib/components/DataTable/tools/sorting.js +27 -24
- package/lib/components/DataTableSkeleton/DataTableSkeleton.js +35 -37
- package/lib/components/DatePicker/DatePicker.Skeleton.js +16 -17
- package/lib/components/DatePicker/DatePicker.js +205 -194
- package/lib/components/DatePicker/plugins/appendToPlugin.js +45 -43
- package/lib/components/DatePicker/plugins/fixEventsPlugin.js +117 -107
- package/lib/components/DatePicker/plugins/rangePlugin.js +19 -11
- package/lib/components/DatePickerInput/DatePickerInput.js +83 -74
- package/lib/components/Dropdown/Dropdown.Skeleton.js +12 -11
- package/lib/components/Dropdown/Dropdown.js +265 -108
- package/lib/components/ErrorBoundary/ErrorBoundary.js +27 -48
- package/lib/components/ErrorBoundary/ErrorBoundaryContext.js +3 -2
- package/lib/components/ExpandableSearch/ExpandableSearch.d.ts +13 -0
- package/lib/components/ExpandableSearch/ExpandableSearch.js +17 -24
- package/lib/components/FeatureFlags/index.js +25 -43
- package/lib/components/FileUploader/FileUploader.Skeleton.js +7 -8
- package/lib/components/FileUploader/FileUploader.js +119 -146
- package/lib/components/FileUploader/FileUploaderButton.js +35 -47
- package/lib/components/FileUploader/FileUploaderDropContainer.js +48 -52
- package/lib/components/FileUploader/FileUploaderItem.js +29 -29
- package/lib/components/FileUploader/Filename.js +12 -13
- package/lib/components/FluidComboBox/FluidComboBox.Skeleton.js +10 -11
- package/lib/components/FluidComboBox/FluidComboBox.js +10 -8
- package/lib/components/FluidDatePicker/FluidDatePicker.Skeleton.js +17 -17
- package/lib/components/FluidDatePicker/FluidDatePicker.js +18 -15
- package/lib/components/FluidDatePickerInput/FluidDatePickerInput.js +3 -3
- package/lib/components/FluidDropdown/FluidDropdown.Skeleton.js +10 -11
- package/lib/components/FluidDropdown/FluidDropdown.js +10 -8
- package/lib/components/FluidForm/FluidForm.js +8 -9
- package/lib/components/FluidForm/FormContext.js +1 -1
- package/lib/components/FluidMultiSelect/FluidMultiSelect.Skeleton.js +10 -11
- package/lib/components/FluidMultiSelect/FluidMultiSelect.js +11 -9
- package/lib/components/FluidSelect/FluidSelect.Skeleton.js +10 -11
- package/lib/components/FluidSelect/FluidSelect.js +8 -8
- package/lib/components/FluidTextArea/FluidTextArea.Skeleton.js +8 -9
- package/lib/components/FluidTextArea/FluidTextArea.js +6 -7
- package/lib/components/FluidTextInput/FluidTextInput.Skeleton.js +8 -9
- package/lib/components/FluidTextInput/FluidTextInput.js +9 -8
- package/lib/components/FluidTimePicker/FluidTimePicker.Skeleton.js +10 -9
- package/lib/components/FluidTimePicker/FluidTimePicker.js +30 -26
- package/lib/components/FluidTimePickerSelect/FluidTimePickerSelect.js +6 -6
- package/lib/components/Form/Form.js +8 -9
- package/lib/components/FormGroup/FormGroup.js +15 -16
- package/lib/components/FormItem/FormItem.js +7 -8
- package/lib/components/FormLabel/FormLabel.js +10 -9
- package/lib/components/Grid/CSSGrid.js +37 -38
- package/lib/components/Grid/Column.js +85 -78
- package/lib/components/Grid/ColumnHang.js +11 -13
- package/lib/components/Grid/FlexGrid.js +19 -21
- package/lib/components/Grid/Grid.js +2 -2
- package/lib/components/Grid/GridContext.js +12 -11
- package/lib/components/Grid/Row.js +16 -18
- package/lib/components/Heading/index.js +11 -13
- package/lib/components/Icon/Icon.Skeleton.js +9 -11
- package/lib/components/IconButton/index.js +18 -21
- package/lib/components/IdPrefix/index.js +4 -2
- package/lib/components/InlineCheckbox/InlineCheckbox.js +89 -36
- package/lib/components/InlineLoading/InlineLoading.js +22 -24
- package/lib/components/Layer/LayerContext.js +1 -1
- package/lib/components/Layer/index.js +16 -17
- package/lib/components/Layout/LayoutDirection.js +7 -9
- package/lib/components/Layout/LayoutDirectionContext.js +1 -1
- package/lib/components/Link/Link.js +24 -24
- package/lib/components/ListBox/ListBox.js +37 -30
- package/lib/components/ListBox/ListBoxField.js +8 -9
- package/lib/components/ListBox/ListBoxMenu.js +8 -9
- package/lib/components/ListBox/ListBoxMenuIcon.js +16 -14
- package/lib/components/ListBox/ListBoxMenuItem.js +22 -25
- package/lib/components/ListBox/ListBoxPropTypes.js +4 -4
- package/lib/components/ListBox/ListBoxSelection.js +30 -25
- package/lib/components/ListBox/index.js +1 -1
- package/lib/components/ListBox/next/ListBoxSelection.js +26 -23
- package/lib/components/ListBox/next/ListBoxTrigger.js +19 -18
- package/lib/components/ListItem/ListItem.js +8 -9
- package/lib/components/Loading/Loading.js +23 -23
- package/lib/components/Menu/Menu.js +66 -79
- package/lib/components/Menu/MenuContext.js +9 -12
- package/lib/components/Menu/MenuItem.js +103 -127
- package/lib/components/MenuButton/index.js +36 -40
- package/lib/components/Modal/Modal.js +280 -119
- package/lib/components/ModalWrapper/ModalWrapper.js +71 -95
- package/lib/components/MultiSelect/FilterableMultiSelect.js +298 -162
- package/lib/components/MultiSelect/MultiSelect.js +163 -175
- package/lib/components/MultiSelect/MultiSelectPropTypes.js +1 -1
- package/lib/components/MultiSelect/tools/itemToString.js +3 -4
- package/lib/components/MultiSelect/tools/sorting.js +15 -13
- package/lib/components/Notification/Notification.js +434 -162
- package/lib/components/NumberInput/NumberInput.Skeleton.js +9 -10
- package/lib/components/NumberInput/NumberInput.js +139 -138
- package/lib/components/OrderedList/OrderedList.js +16 -14
- package/lib/components/OverflowMenu/OverflowMenu.js +358 -226
- package/lib/components/OverflowMenu/index.js +1 -1
- package/lib/components/OverflowMenuItem/OverflowMenuItem.js +31 -36
- package/lib/components/OverflowMenuV2/index.js +25 -27
- package/lib/components/Pagination/Pagination.Skeleton.js +8 -9
- package/lib/components/Pagination/Pagination.js +97 -139
- package/lib/components/Pagination/experimental/PageSelector.js +17 -17
- package/lib/components/Pagination/experimental/Pagination.js +72 -93
- package/lib/components/PaginationNav/PaginationNav.js +97 -116
- package/lib/components/Popover/index.js +73 -79
- package/lib/components/PrimaryButton/PrimaryButton.js +3 -5
- package/lib/components/ProgressBar/ProgressBar.js +38 -36
- package/lib/components/ProgressIndicator/ProgressIndicator.Skeleton.js +14 -13
- package/lib/components/ProgressIndicator/ProgressIndicator.js +70 -70
- package/lib/components/RadioButton/RadioButton.Skeleton.js +8 -9
- package/lib/components/RadioButton/RadioButton.js +26 -26
- package/lib/components/RadioButtonGroup/RadioButtonGroup.js +54 -64
- package/lib/components/RadioTile/RadioTile.js +27 -25
- package/lib/components/Search/Search.Skeleton.js +15 -15
- package/lib/components/Search/Search.d.ts +83 -0
- package/lib/components/Search/Search.js +62 -69
- package/lib/components/Search/index.d.ts +11 -0
- package/lib/components/SecondaryButton/SecondaryButton.js +3 -5
- package/lib/components/Select/Select.Skeleton.js +11 -12
- package/lib/components/Select/Select.js +78 -72
- package/lib/components/SelectItem/SelectItem.js +16 -12
- package/lib/components/SelectItemGroup/SelectItemGroup.js +10 -11
- package/lib/components/SkeletonIcon/SkeletonIcon.js +10 -10
- package/lib/components/SkeletonPlaceholder/SkeletonPlaceholder.js +10 -10
- package/lib/components/SkeletonText/SkeletonText.js +28 -28
- package/lib/components/Slider/Slider.Skeleton.js +16 -17
- package/lib/components/Slider/Slider.js +305 -328
- package/lib/components/Slider/index.js +1 -1
- package/lib/components/Stack/Stack.js +18 -19
- package/lib/components/Stack/index.js +2 -2
- package/lib/components/StructuredList/StructuredList.Skeleton.js +24 -23
- package/lib/components/StructuredList/StructuredList.js +133 -105
- package/lib/components/Switch/IconSwitch.js +45 -51
- package/lib/components/Switch/Switch.js +33 -31
- package/lib/components/Tab/Tab.js +76 -82
- package/lib/components/Tab/index.js +1 -1
- package/lib/components/TabContent/TabContent.js +15 -17
- package/lib/components/Tabs/Tabs.Skeleton.js +13 -12
- package/lib/components/Tabs/Tabs.js +210 -209
- package/lib/components/Tabs/usePressable.js +27 -36
- package/lib/components/Tag/Tag.Skeleton.js +9 -8
- package/lib/components/Tag/Tag.js +33 -30
- package/lib/components/Text/Text.js +19 -19
- package/lib/components/Text/TextDirection.js +8 -7
- package/lib/components/Text/TextDirectionContext.js +1 -1
- package/lib/components/Text/index.js +1 -1
- package/lib/components/TextArea/TextArea.Skeleton.js +10 -11
- package/lib/components/TextArea/TextArea.js +88 -82
- package/lib/components/TextInput/ControlledPasswordInput.js +78 -72
- package/lib/components/TextInput/PasswordInput.js +100 -90
- package/lib/components/TextInput/TextInput.Skeleton.js +10 -11
- package/lib/components/TextInput/TextInput.js +104 -92
- package/lib/components/TextInput/util.js +28 -30
- package/lib/components/Theme/index.js +24 -19
- package/lib/components/Tile/Tile.js +134 -175
- package/lib/components/TileGroup/TileGroup.js +54 -69
- package/lib/components/TileGroup/index.js +1 -1
- package/lib/components/TimePicker/TimePicker.js +59 -66
- package/lib/components/TimePickerSelect/TimePickerSelect.js +19 -17
- package/lib/components/TimePickerSelect/index.js +1 -1
- package/lib/components/Toggle/Toggle.Skeleton.js +68 -57
- package/lib/components/Toggle/Toggle.js +43 -47
- package/lib/components/ToggleSmall/ToggleSmall.Skeleton.js +60 -54
- package/lib/components/Toggletip/index.js +51 -47
- package/lib/components/Tooltip/DefinitionTooltip.js +23 -30
- package/lib/components/Tooltip/Tooltip.js +34 -49
- package/lib/components/TreeView/TreeNode.js +93 -73
- package/lib/components/TreeView/TreeView.js +71 -82
- package/lib/components/UIShell/Content.js +12 -14
- package/lib/components/UIShell/Header.js +15 -11
- package/lib/components/UIShell/HeaderContainer.js +8 -14
- package/lib/components/UIShell/HeaderGlobalAction.js +25 -18
- package/lib/components/UIShell/HeaderGlobalBar.js +1 -3
- package/lib/components/UIShell/HeaderMenu.js +113 -128
- package/lib/components/UIShell/HeaderMenuButton.js +30 -21
- package/lib/components/UIShell/HeaderMenuItem.js +27 -19
- package/lib/components/UIShell/HeaderName.js +18 -13
- package/lib/components/UIShell/HeaderNavigation.js +18 -14
- package/lib/components/UIShell/HeaderPanel.js +22 -16
- package/lib/components/UIShell/HeaderSideNavItems.js +11 -9
- package/lib/components/UIShell/Link.js +11 -11
- package/lib/components/UIShell/SideNav.js +65 -61
- package/lib/components/UIShell/SideNavDetails.js +10 -11
- package/lib/components/UIShell/SideNavDivider.js +5 -3
- package/lib/components/UIShell/SideNavFooter.js +12 -12
- package/lib/components/UIShell/SideNavHeader.js +8 -6
- package/lib/components/UIShell/SideNavIcon.js +11 -8
- package/lib/components/UIShell/SideNavItem.js +11 -9
- package/lib/components/UIShell/SideNavItems.js +13 -11
- package/lib/components/UIShell/SideNavLink.js +18 -16
- package/lib/components/UIShell/SideNavLinkText.js +7 -8
- package/lib/components/UIShell/SideNavMenu.js +28 -35
- package/lib/components/UIShell/SideNavMenuItem.js +13 -13
- package/lib/components/UIShell/SideNavSwitcher.js +19 -19
- package/lib/components/UIShell/SkipToContent.js +9 -10
- package/lib/components/UIShell/Switcher.js +19 -10
- package/lib/components/UIShell/SwitcherDivider.js +9 -8
- package/lib/components/UIShell/SwitcherItem.js +25 -18
- package/lib/components/UIShell/_utils.js +1 -1
- package/lib/components/UnorderedList/UnorderedList.js +13 -13
- package/lib/index.js +10 -10
- package/lib/internal/ClickListener.js +49 -65
- package/lib/internal/FloatingMenu.js +192 -199
- package/lib/internal/OptimizedResize.js +9 -8
- package/lib/internal/Selection.js +91 -110
- package/lib/internal/createClassWrapper.js +2 -2
- package/lib/internal/deprecateFieldOnObject.js +5 -3
- package/lib/internal/environment.js +1 -1
- package/lib/internal/focus/index.js +1 -1
- package/lib/internal/keyboard/keys.js +11 -11
- package/lib/internal/keyboard/match.js +7 -6
- package/lib/internal/keyboard/navigation.js +15 -5
- package/lib/internal/useAnnouncer.js +2 -2
- package/lib/internal/useAttachedMenu.js +12 -20
- package/lib/internal/useControllableState.js +11 -16
- package/lib/internal/useDelayedState.js +9 -18
- package/lib/internal/useEffectOnce.js +4 -4
- package/lib/internal/useEvent.js +4 -4
- package/lib/internal/useId.js +14 -18
- package/lib/internal/useIdPrefix.js +1 -1
- package/lib/internal/useIsomorphicEffect.js +1 -1
- package/lib/internal/useMergedRefs.js +3 -3
- package/lib/internal/useNoInteractiveChildren.js +8 -19
- package/lib/internal/useNormalizedInputProps.js +16 -14
- package/lib/internal/usePrefix.js +1 -1
- package/lib/internal/useSavedCallback.js +3 -3
- package/lib/internal/warning.js +4 -4
- package/lib/internal/wrapFocus.js +16 -21
- package/lib/prop-types/AriaPropTypes.js +1 -1
- package/lib/prop-types/deprecate.js +6 -5
- package/lib/prop-types/isRequiredOneOf.js +15 -28
- package/lib/prop-types/requiredIfGivenPropIsTruthy.js +2 -2
- package/lib/prop-types/types.js +1 -1
- package/lib/tools/array.js +1 -1
- package/lib/tools/events.js +21 -14
- package/lib/tools/mergeRefs.js +3 -3
- package/lib/tools/setupGetInstanceId.js +1 -1
- package/lib/tools/uniqueId.js +3 -3
- package/lib/tools/wrapComponent.js +14 -13
- package/package.json +9 -9
|
@@ -9,7 +9,6 @@
|
|
|
9
9
|
|
|
10
10
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
11
11
|
|
|
12
|
-
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
|
13
12
|
var iconsReact = require('@carbon/icons-react');
|
|
14
13
|
var cx = require('classnames');
|
|
15
14
|
var PropTypes = require('prop-types');
|
|
@@ -26,33 +25,27 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
|
26
25
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
27
26
|
|
|
28
27
|
var _ChevronDown;
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
var _useState3 = React.useState(defaultExpanded),
|
|
51
|
-
_useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
|
|
52
|
-
prevExpanded = _useState4[0],
|
|
53
|
-
setPrevExpanded = _useState4[1];
|
|
54
|
-
|
|
55
|
-
var className = cx__default["default"]((_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--side-nav__item"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--side-nav__item--active"), isActive || hasActiveChild(children) && !isExpanded), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--side-nav__item--icon"), IconElement), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--side-nav__item--large"), large), _rollupPluginBabelHelpers.defineProperty(_cx, customClassName, !!customClassName), _cx));
|
|
28
|
+
const SideNavMenu = /*#__PURE__*/React__default["default"].forwardRef(function SideNavMenu(props, ref) {
|
|
29
|
+
const {
|
|
30
|
+
className: customClassName,
|
|
31
|
+
children,
|
|
32
|
+
defaultExpanded = false,
|
|
33
|
+
isActive = false,
|
|
34
|
+
large = false,
|
|
35
|
+
renderIcon: IconElement,
|
|
36
|
+
isSideNavExpanded,
|
|
37
|
+
title
|
|
38
|
+
} = props;
|
|
39
|
+
const prefix = usePrefix.usePrefix();
|
|
40
|
+
const [isExpanded, setIsExpanded] = React.useState(defaultExpanded);
|
|
41
|
+
const [prevExpanded, setPrevExpanded] = React.useState(defaultExpanded);
|
|
42
|
+
const className = cx__default["default"]({
|
|
43
|
+
[`${prefix}--side-nav__item`]: true,
|
|
44
|
+
[`${prefix}--side-nav__item--active`]: isActive || hasActiveChild(children) && !isExpanded,
|
|
45
|
+
[`${prefix}--side-nav__item--icon`]: IconElement,
|
|
46
|
+
[`${prefix}--side-nav__item--large`]: large,
|
|
47
|
+
[customClassName]: !!customClassName
|
|
48
|
+
});
|
|
56
49
|
|
|
57
50
|
if (isSideNavExpanded === false && isExpanded === true) {
|
|
58
51
|
setIsExpanded(false);
|
|
@@ -67,29 +60,29 @@ var SideNavMenu = /*#__PURE__*/React__default["default"].forwardRef(function Sid
|
|
|
67
60
|
// eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
|
|
68
61
|
React__default["default"].createElement("li", {
|
|
69
62
|
className: className,
|
|
70
|
-
onKeyDown:
|
|
63
|
+
onKeyDown: event => {
|
|
71
64
|
if (match.match(event, keys.Escape)) {
|
|
72
65
|
setIsExpanded(false);
|
|
73
66
|
}
|
|
74
67
|
}
|
|
75
68
|
}, /*#__PURE__*/React__default["default"].createElement("button", {
|
|
76
69
|
"aria-expanded": isExpanded,
|
|
77
|
-
className:
|
|
78
|
-
onClick:
|
|
70
|
+
className: `${prefix}--side-nav__submenu`,
|
|
71
|
+
onClick: () => {
|
|
79
72
|
setIsExpanded(!isExpanded);
|
|
80
73
|
},
|
|
81
74
|
ref: ref,
|
|
82
75
|
type: "button"
|
|
83
76
|
}, IconElement && /*#__PURE__*/React__default["default"].createElement(SideNavIcon["default"], null, /*#__PURE__*/React__default["default"].createElement(IconElement, null)), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
84
|
-
className:
|
|
77
|
+
className: `${prefix}--side-nav__submenu-title`,
|
|
85
78
|
title: title
|
|
86
79
|
}, title), /*#__PURE__*/React__default["default"].createElement(SideNavIcon["default"], {
|
|
87
|
-
className:
|
|
80
|
+
className: `${prefix}--side-nav__submenu-chevron`,
|
|
88
81
|
small: true
|
|
89
82
|
}, _ChevronDown || (_ChevronDown = /*#__PURE__*/React__default["default"].createElement(iconsReact.ChevronDown, {
|
|
90
83
|
size: 20
|
|
91
84
|
})))), /*#__PURE__*/React__default["default"].createElement("ul", {
|
|
92
|
-
className:
|
|
85
|
+
className: `${prefix}--side-nav__menu`
|
|
93
86
|
}, children))
|
|
94
87
|
);
|
|
95
88
|
});
|
|
@@ -142,7 +135,7 @@ SideNavMenu.propTypes = {
|
|
|
142
135
|
function hasActiveChild(children) {
|
|
143
136
|
// if we have children, either a single or multiple, find if it is active
|
|
144
137
|
if (Array.isArray(children)) {
|
|
145
|
-
return children.some(
|
|
138
|
+
return children.some(child => {
|
|
146
139
|
if (!child.props) {
|
|
147
140
|
return false;
|
|
148
141
|
}
|
|
@@ -23,19 +23,19 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
|
23
23
|
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
24
24
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
25
25
|
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
26
|
+
const SideNavMenuItem = /*#__PURE__*/React__default["default"].forwardRef(function SideNavMenuItem(props, ref) {
|
|
27
|
+
const prefix = usePrefix.usePrefix();
|
|
28
|
+
const {
|
|
29
|
+
children,
|
|
30
|
+
className: customClassName,
|
|
31
|
+
isActive,
|
|
32
|
+
...rest
|
|
33
|
+
} = props;
|
|
34
|
+
const className = cx__default["default"](`${prefix}--side-nav__menu-item`, customClassName);
|
|
35
|
+
const linkClassName = cx__default["default"]({
|
|
36
|
+
[`${prefix}--side-nav__link`]: true,
|
|
37
|
+
[`${prefix}--side-nav__link--current`]: isActive
|
|
38
|
+
});
|
|
39
39
|
return /*#__PURE__*/React__default["default"].createElement("li", {
|
|
40
40
|
className: className
|
|
41
41
|
}, /*#__PURE__*/React__default["default"].createElement(Link["default"], _rollupPluginBabelHelpers["extends"]({}, rest, {
|
|
@@ -23,40 +23,40 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
|
23
23
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
24
24
|
|
|
25
25
|
var _ChevronDown;
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
26
|
+
const SideNavSwitcher = /*#__PURE__*/React__default["default"].forwardRef(function SideNavSwitcher(props, ref) {
|
|
27
|
+
const id = useId.useId('side-nav-switcher');
|
|
28
|
+
const prefix = usePrefix.usePrefix();
|
|
29
|
+
const {
|
|
30
|
+
className: customClassName,
|
|
31
|
+
labelText,
|
|
32
|
+
onChange,
|
|
33
|
+
options
|
|
34
|
+
} = props;
|
|
35
|
+
const className = cx__default["default"](`${prefix}--side-nav__switcher`, customClassName); // Note for usage around `onBlur`: https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-onchange.md
|
|
34
36
|
|
|
35
37
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
36
38
|
className: className
|
|
37
39
|
}, /*#__PURE__*/React__default["default"].createElement("label", {
|
|
38
40
|
htmlFor: id,
|
|
39
|
-
className:
|
|
41
|
+
className: `${prefix}--assistive-text`
|
|
40
42
|
}, labelText), /*#__PURE__*/React__default["default"].createElement("select", {
|
|
41
43
|
id: id,
|
|
42
|
-
className:
|
|
44
|
+
className: `${prefix}--side-nav__select`,
|
|
43
45
|
defaultValue: "",
|
|
44
46
|
onBlur: onChange,
|
|
45
47
|
onChange: onChange,
|
|
46
48
|
ref: ref
|
|
47
49
|
}, /*#__PURE__*/React__default["default"].createElement("option", {
|
|
48
|
-
className:
|
|
50
|
+
className: `${prefix}--side-nav__option`,
|
|
49
51
|
disabled: true,
|
|
50
52
|
hidden: true,
|
|
51
53
|
value: ""
|
|
52
|
-
}, labelText), options.map(
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
}
|
|
58
|
-
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
59
|
-
className: "".concat(prefix, "--side-nav__switcher-chevron")
|
|
54
|
+
}, labelText), options.map(option => /*#__PURE__*/React__default["default"].createElement("option", {
|
|
55
|
+
key: option,
|
|
56
|
+
className: `${prefix}--side-nav__option`,
|
|
57
|
+
value: option
|
|
58
|
+
}, option))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
59
|
+
className: `${prefix}--side-nav__switcher-chevron`
|
|
60
60
|
}, _ChevronDown || (_ChevronDown = /*#__PURE__*/React__default["default"].createElement(iconsReact.ChevronDown, {
|
|
61
61
|
size: 20
|
|
62
62
|
}))));
|
|
@@ -21,17 +21,16 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
|
21
21
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
22
22
|
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
23
23
|
|
|
24
|
-
var _excluded = ["children", "className", "href", "tabIndex"];
|
|
25
|
-
|
|
26
24
|
function SkipToContent(_ref) {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
25
|
+
let {
|
|
26
|
+
children,
|
|
27
|
+
className: customClassName,
|
|
28
|
+
href,
|
|
29
|
+
tabIndex,
|
|
30
|
+
...rest
|
|
31
|
+
} = _ref;
|
|
32
|
+
const prefix = usePrefix.usePrefix();
|
|
33
|
+
const className = cx__default["default"](`${prefix}--skip-to-content`, customClassName);
|
|
35
34
|
return /*#__PURE__*/React__default["default"].createElement("a", _rollupPluginBabelHelpers["extends"]({}, rest, {
|
|
36
35
|
className: className,
|
|
37
36
|
href: href,
|
|
@@ -22,24 +22,33 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
22
22
|
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
23
23
|
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
24
24
|
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
25
|
+
const Switcher = /*#__PURE__*/React__default["default"].forwardRef(function Switcher(props, ref) {
|
|
26
|
+
const prefix = usePrefix.usePrefix();
|
|
27
|
+
const {
|
|
28
|
+
'aria-label': ariaLabel,
|
|
29
|
+
'aria-labelledby': ariaLabelledBy,
|
|
30
|
+
className: customClassName,
|
|
31
|
+
children
|
|
32
|
+
} = props;
|
|
33
|
+
const accessibilityLabel = {
|
|
32
34
|
'aria-label': ariaLabel,
|
|
33
35
|
'aria-labelledby': ariaLabelledBy
|
|
34
36
|
};
|
|
35
|
-
|
|
37
|
+
const className = cx__default["default"](`${prefix}--switcher`, {
|
|
38
|
+
[customClassName]: !!customClassName
|
|
39
|
+
});
|
|
36
40
|
return /*#__PURE__*/React__default["default"].createElement("ul", _rollupPluginBabelHelpers["extends"]({
|
|
37
41
|
ref: ref,
|
|
38
42
|
className: className
|
|
39
43
|
}, accessibilityLabel), children);
|
|
40
44
|
});
|
|
41
45
|
Switcher.displayName = 'Switcher';
|
|
42
|
-
Switcher.propTypes =
|
|
46
|
+
Switcher.propTypes = {
|
|
47
|
+
/**
|
|
48
|
+
* Required props for accessibility label on the underlying menu
|
|
49
|
+
*/
|
|
50
|
+
...AriaPropTypes.AriaLabelPropType,
|
|
51
|
+
|
|
43
52
|
/**
|
|
44
53
|
* expects to receive <SwitcherItem />
|
|
45
54
|
*/
|
|
@@ -49,7 +58,7 @@ Switcher.propTypes = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelH
|
|
|
49
58
|
* Optionally provide a custom class to apply to the underlying `<ul>` node
|
|
50
59
|
*/
|
|
51
60
|
className: PropTypes__default["default"].string
|
|
52
|
-
}
|
|
61
|
+
};
|
|
53
62
|
var Switcher$1 = Switcher;
|
|
54
63
|
|
|
55
64
|
exports["default"] = Switcher$1;
|
|
@@ -21,14 +21,15 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
21
21
|
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
22
22
|
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
23
23
|
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
24
|
+
const SwitcherDivider = _ref => {
|
|
25
|
+
let {
|
|
26
|
+
className: customClassName,
|
|
27
|
+
...other
|
|
28
|
+
} = _ref;
|
|
29
|
+
const prefix = usePrefix.usePrefix();
|
|
30
|
+
const className = cx__default["default"](`${prefix}--switcher__item--divider`, {
|
|
31
|
+
[customClassName]: !!customClassName
|
|
32
|
+
});
|
|
32
33
|
return /*#__PURE__*/React__default["default"].createElement("hr", _rollupPluginBabelHelpers["extends"]({}, other, {
|
|
33
34
|
className: className
|
|
34
35
|
}));
|
|
@@ -23,25 +23,27 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
23
23
|
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
24
24
|
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
25
25
|
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
26
|
+
const SwitcherItem = /*#__PURE__*/React__default["default"].forwardRef(function SwitcherItem(props, ref) {
|
|
27
|
+
const prefix = usePrefix.usePrefix();
|
|
28
|
+
const {
|
|
29
|
+
'aria-label': ariaLabel,
|
|
30
|
+
'aria-labelledby': ariaLabelledBy,
|
|
31
|
+
className: customClassName,
|
|
32
|
+
children,
|
|
33
|
+
isSelected,
|
|
34
|
+
tabIndex = 0,
|
|
35
|
+
...rest
|
|
36
|
+
} = props;
|
|
37
|
+
const className = cx__default["default"](`${prefix}--switcher__item`, {
|
|
38
|
+
[customClassName]: !!customClassName
|
|
39
|
+
});
|
|
40
|
+
const accessibilityLabel = {
|
|
41
41
|
'aria-label': ariaLabel,
|
|
42
42
|
'aria-labelledby': ariaLabelledBy
|
|
43
43
|
};
|
|
44
|
-
|
|
44
|
+
const linkClassName = cx__default["default"](`${prefix}--switcher__item-link`, {
|
|
45
|
+
[`${prefix}--switcher__item-link--selected`]: isSelected
|
|
46
|
+
});
|
|
45
47
|
return /*#__PURE__*/React__default["default"].createElement("li", {
|
|
46
48
|
className: className
|
|
47
49
|
}, /*#__PURE__*/React__default["default"].createElement(Link["default"], _rollupPluginBabelHelpers["extends"]({}, rest, {
|
|
@@ -51,7 +53,12 @@ var SwitcherItem = /*#__PURE__*/React__default["default"].forwardRef(function Sw
|
|
|
51
53
|
}, accessibilityLabel), children));
|
|
52
54
|
});
|
|
53
55
|
SwitcherItem.displayName = 'SwitcherItem';
|
|
54
|
-
SwitcherItem.propTypes =
|
|
56
|
+
SwitcherItem.propTypes = {
|
|
57
|
+
/**
|
|
58
|
+
* Required props for accessibility label on the underlying menuitem
|
|
59
|
+
*/
|
|
60
|
+
...AriaPropTypes.AriaLabelPropType,
|
|
61
|
+
|
|
55
62
|
/**
|
|
56
63
|
* Specify the text content for the link
|
|
57
64
|
*/
|
|
@@ -66,7 +73,7 @@ SwitcherItem.propTypes = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBa
|
|
|
66
73
|
* Specify the tab index of the Link
|
|
67
74
|
*/
|
|
68
75
|
tabIndex: PropTypes__default["default"].number
|
|
69
|
-
}
|
|
76
|
+
};
|
|
70
77
|
var SwitcherItem$1 = SwitcherItem;
|
|
71
78
|
|
|
72
79
|
exports["default"] = SwitcherItem$1;
|
|
@@ -9,6 +9,6 @@
|
|
|
9
9
|
|
|
10
10
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
11
11
|
|
|
12
|
-
|
|
12
|
+
const CARBON_SIDENAV_ITEMS = ['SideNavFooter', 'SideNavHeader', 'SideNavItems', 'SideNavMenu'];
|
|
13
13
|
|
|
14
14
|
exports.CARBON_SIDENAV_ITEMS = CARBON_SIDENAV_ITEMS;
|
|
@@ -21,19 +21,19 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
|
21
21
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
22
22
|
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
23
23
|
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
24
|
+
const UnorderedList = _ref => {
|
|
25
|
+
let {
|
|
26
|
+
children,
|
|
27
|
+
className,
|
|
28
|
+
nested,
|
|
29
|
+
isExpressive,
|
|
30
|
+
...other
|
|
31
|
+
} = _ref;
|
|
32
|
+
const prefix = usePrefix.usePrefix();
|
|
33
|
+
const classNames = cx__default["default"](`${prefix}--list--unordered`, className, {
|
|
34
|
+
[`${prefix}--list--nested`]: nested,
|
|
35
|
+
[`${prefix}--list--expressive`]: isExpressive
|
|
36
|
+
});
|
|
37
37
|
return /*#__PURE__*/React__default["default"].createElement("ul", _rollupPluginBabelHelpers["extends"]({
|
|
38
38
|
className: classNames
|
|
39
39
|
}, other), children);
|
package/lib/index.js
CHANGED
|
@@ -26,6 +26,8 @@ var Column = require('./components/Grid/Column.js');
|
|
|
26
26
|
var ColumnHang = require('./components/Grid/ColumnHang.js');
|
|
27
27
|
var index$6 = require('./components/IdPrefix/index.js');
|
|
28
28
|
var index$7 = require('./components/OverflowMenu/index.js');
|
|
29
|
+
var Search = require('./components/Search/Search.js');
|
|
30
|
+
var Search_Skeleton = require('./components/Search/Search.Skeleton.js');
|
|
29
31
|
var index$8 = require('./components/Slider/index.js');
|
|
30
32
|
var index$9 = require('./components/Tab/index.js');
|
|
31
33
|
var index$a = require('./components/TileGroup/index.js');
|
|
@@ -72,15 +74,18 @@ var ContainedListItem = require('./components/ContainedList/ContainedListItem/Co
|
|
|
72
74
|
var ContainedList = require('./components/ContainedList/ContainedList.js');
|
|
73
75
|
var Copy = require('./components/Copy/Copy.js');
|
|
74
76
|
var CopyButton = require('./components/CopyButton/CopyButton.js');
|
|
77
|
+
var ErrorBoundary = require('./components/ErrorBoundary/ErrorBoundary.js');
|
|
75
78
|
var Filename = require('./components/FileUploader/Filename.js');
|
|
76
79
|
var FileUploader_Skeleton = require('./components/FileUploader/FileUploader.Skeleton.js');
|
|
77
80
|
var FileUploaderButton = require('./components/FileUploader/FileUploaderButton.js');
|
|
78
81
|
var FileUploaderDropContainer = require('./components/FileUploader/FileUploaderDropContainer.js');
|
|
79
82
|
var FileUploaderItem = require('./components/FileUploader/FileUploaderItem.js');
|
|
83
|
+
var FileUploader = require('./components/FileUploader/FileUploader.js');
|
|
80
84
|
var FormItem = require('./components/FormItem/FormItem.js');
|
|
81
85
|
var FormLabel = require('./components/FormLabel/FormLabel.js');
|
|
82
86
|
var InlineLoading = require('./components/InlineLoading/InlineLoading.js');
|
|
83
87
|
var Loading = require('./components/Loading/Loading.js');
|
|
88
|
+
var ModalWrapper = require('./components/ModalWrapper/ModalWrapper.js');
|
|
84
89
|
var NumberInput_Skeleton = require('./components/NumberInput/NumberInput.Skeleton.js');
|
|
85
90
|
var ProgressIndicator_Skeleton = require('./components/ProgressIndicator/ProgressIndicator.Skeleton.js');
|
|
86
91
|
var ExpandableSearch = require('./components/ExpandableSearch/ExpandableSearch.js');
|
|
@@ -151,16 +156,13 @@ var TableToolbarMenu = require('./components/DataTable/TableToolbarMenu.js');
|
|
|
151
156
|
var DatePicker_Skeleton = require('./components/DatePicker/DatePicker.Skeleton.js');
|
|
152
157
|
var DatePicker = require('./components/DatePicker/DatePicker.js');
|
|
153
158
|
var DatePickerInput = require('./components/DatePickerInput/DatePickerInput.js');
|
|
154
|
-
var ErrorBoundary = require('./components/ErrorBoundary/ErrorBoundary.js');
|
|
155
159
|
var ErrorBoundaryContext = require('./components/ErrorBoundary/ErrorBoundaryContext.js');
|
|
156
|
-
var FileUploader = require('./components/FileUploader/FileUploader.js');
|
|
157
160
|
var FilterableMultiSelect = require('./components/MultiSelect/FilterableMultiSelect.js');
|
|
158
161
|
var Form = require('./components/Form/Form.js');
|
|
159
162
|
var FormGroup = require('./components/FormGroup/FormGroup.js');
|
|
160
163
|
var Link = require('./components/Link/Link.js');
|
|
161
164
|
var ListItem = require('./components/ListItem/ListItem.js');
|
|
162
165
|
var Modal = require('./components/Modal/Modal.js');
|
|
163
|
-
var ModalWrapper = require('./components/ModalWrapper/ModalWrapper.js');
|
|
164
166
|
var MultiSelect = require('./components/MultiSelect/MultiSelect.js');
|
|
165
167
|
var Notification = require('./components/Notification/Notification.js');
|
|
166
168
|
var NumberInput = require('./components/NumberInput/NumberInput.js');
|
|
@@ -174,8 +176,6 @@ var PrimaryButton = require('./components/PrimaryButton/PrimaryButton.js');
|
|
|
174
176
|
var ProgressIndicator = require('./components/ProgressIndicator/ProgressIndicator.js');
|
|
175
177
|
var RadioButton = require('./components/RadioButton/RadioButton.js');
|
|
176
178
|
var RadioButtonGroup = require('./components/RadioButtonGroup/RadioButtonGroup.js');
|
|
177
|
-
var Search_Skeleton = require('./components/Search/Search.Skeleton.js');
|
|
178
|
-
var Search = require('./components/Search/Search.js');
|
|
179
179
|
var SecondaryButton = require('./components/SecondaryButton/SecondaryButton.js');
|
|
180
180
|
var Select_Skeleton = require('./components/Select/Select.Skeleton.js');
|
|
181
181
|
var Select = require('./components/Select/Select.js');
|
|
@@ -240,6 +240,8 @@ exports.Column = Column["default"];
|
|
|
240
240
|
exports.ColumnHang = ColumnHang.ColumnHang;
|
|
241
241
|
exports.IdPrefix = index$6.IdPrefix;
|
|
242
242
|
exports.OverflowMenu = index$7["default"];
|
|
243
|
+
exports.Search = Search["default"];
|
|
244
|
+
exports.SearchSkeleton = Search_Skeleton["default"];
|
|
243
245
|
exports.Slider = index$8["default"];
|
|
244
246
|
exports.Tab = index$9["default"];
|
|
245
247
|
exports.TileGroup = index$a["default"];
|
|
@@ -299,15 +301,18 @@ exports.ContainedListItem = ContainedListItem["default"];
|
|
|
299
301
|
exports.ContainedList = ContainedList["default"];
|
|
300
302
|
exports.Copy = Copy["default"];
|
|
301
303
|
exports.CopyButton = CopyButton["default"];
|
|
304
|
+
exports.ErrorBoundary = ErrorBoundary["default"];
|
|
302
305
|
exports.Filename = Filename["default"];
|
|
303
306
|
exports.FileUploaderSkeleton = FileUploader_Skeleton["default"];
|
|
304
307
|
exports.FileUploaderButton = FileUploaderButton["default"];
|
|
305
308
|
exports.FileUploaderDropContainer = FileUploaderDropContainer["default"];
|
|
306
309
|
exports.FileUploaderItem = FileUploaderItem["default"];
|
|
310
|
+
exports.FileUploader = FileUploader["default"];
|
|
307
311
|
exports.FormItem = FormItem["default"];
|
|
308
312
|
exports.FormLabel = FormLabel["default"];
|
|
309
313
|
exports.InlineLoading = InlineLoading["default"];
|
|
310
314
|
exports.Loading = Loading["default"];
|
|
315
|
+
exports.ModalWrapper = ModalWrapper["default"];
|
|
311
316
|
exports.NumberInputSkeleton = NumberInput_Skeleton["default"];
|
|
312
317
|
exports.ProgressIndicatorSkeleton = ProgressIndicator_Skeleton["default"];
|
|
313
318
|
exports.ExpandableSearch = ExpandableSearch["default"];
|
|
@@ -383,16 +388,13 @@ exports.TableToolbarMenu = TableToolbarMenu["default"];
|
|
|
383
388
|
exports.DatePickerSkeleton = DatePicker_Skeleton["default"];
|
|
384
389
|
exports.DatePicker = DatePicker["default"];
|
|
385
390
|
exports.DatePickerInput = DatePickerInput["default"];
|
|
386
|
-
exports.ErrorBoundary = ErrorBoundary["default"];
|
|
387
391
|
exports.ErrorBoundaryContext = ErrorBoundaryContext.ErrorBoundaryContext;
|
|
388
|
-
exports.FileUploader = FileUploader["default"];
|
|
389
392
|
exports.FilterableMultiSelect = FilterableMultiSelect["default"];
|
|
390
393
|
exports.Form = Form["default"];
|
|
391
394
|
exports.FormGroup = FormGroup["default"];
|
|
392
395
|
exports.Link = Link["default"];
|
|
393
396
|
exports.ListItem = ListItem["default"];
|
|
394
397
|
exports.Modal = Modal["default"];
|
|
395
|
-
exports.ModalWrapper = ModalWrapper["default"];
|
|
396
398
|
exports.MultiSelect = MultiSelect["default"];
|
|
397
399
|
exports.ActionableNotification = Notification.ActionableNotification;
|
|
398
400
|
exports.InlineNotification = Notification.InlineNotification;
|
|
@@ -411,8 +413,6 @@ exports.ProgressIndicator = ProgressIndicator.ProgressIndicator;
|
|
|
411
413
|
exports.ProgressStep = ProgressIndicator.ProgressStep;
|
|
412
414
|
exports.RadioButton = RadioButton["default"];
|
|
413
415
|
exports.RadioButtonGroup = RadioButtonGroup["default"];
|
|
414
|
-
exports.SearchSkeleton = Search_Skeleton["default"];
|
|
415
|
-
exports.Search = Search["default"];
|
|
416
416
|
exports.SecondaryButton = SecondaryButton["default"];
|
|
417
417
|
exports.SelectSkeleton = Select_Skeleton["default"];
|
|
418
418
|
exports.Select = Select["default"];
|