@carbon/react 1.83.0-rc.0 → 1.83.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 +1008 -938
- package/es/components/AILabel/index.js +13 -13
- package/es/components/AISkeleton/AISkeletonIcon.js +2 -2
- package/es/components/AISkeleton/AISkeletonPlaceholder.js +2 -2
- package/es/components/AISkeleton/AISkeletonText.js +2 -2
- package/es/components/Accordion/Accordion.Skeleton.js +15 -15
- package/es/components/Accordion/Accordion.js +3 -3
- package/es/components/Accordion/AccordionItem.js +9 -9
- package/es/components/Accordion/AccordionProvider.js +2 -2
- package/es/components/AspectRatio/AspectRatio.js +2 -2
- package/es/components/BadgeIndicator/index.js +3 -3
- package/es/components/Breadcrumb/Breadcrumb.Skeleton.js +5 -5
- package/es/components/Breadcrumb/Breadcrumb.js +3 -3
- package/es/components/Breadcrumb/BreadcrumbItem.js +9 -9
- package/es/components/Button/Button.Skeleton.js +3 -3
- package/es/components/Button/Button.js +5 -5
- package/es/components/Button/ButtonBase.js +5 -5
- package/es/components/ButtonSet/ButtonSet.js +2 -2
- package/es/components/ChatButton/ChatButton.Skeleton.js +2 -2
- package/es/components/ChatButton/ChatButton.js +3 -3
- package/es/components/Checkbox/Checkbox.Skeleton.js +4 -4
- package/es/components/Checkbox/Checkbox.js +15 -15
- package/es/components/CheckboxGroup/CheckboxGroup.js +12 -12
- package/es/components/ClassPrefix/index.js +2 -2
- package/es/components/CodeSnippet/CodeSnippet.Skeleton.js +7 -7
- package/es/components/CodeSnippet/CodeSnippet.js +16 -16
- package/es/components/ComboBox/ComboBox.js +18 -18
- package/es/components/ComboButton/index.js +7 -7
- package/es/components/ComposedModal/ComposedModal.js +20 -20
- package/es/components/ComposedModal/ModalFooter.js +8 -8
- package/es/components/ComposedModal/ModalHeader.js +8 -8
- package/es/components/ContainedList/ContainedList.js +7 -7
- package/es/components/ContainedList/ContainedListItem/ContainedListItem.js +7 -7
- package/es/components/ContentSwitcher/ContentSwitcher.d.ts +8 -0
- package/es/components/ContentSwitcher/ContentSwitcher.js +13 -7
- package/es/components/Copy/Copy.js +2 -2
- package/es/components/CopyButton/CopyButton.js +4 -4
- package/es/components/DangerButton/DangerButton.js +2 -2
- package/es/components/DataTable/DataTable.d.ts +81 -283
- package/es/components/DataTable/DataTable.js +83 -123
- package/es/components/DataTable/Table.d.ts +2 -2
- package/es/components/DataTable/Table.js +4 -4
- package/es/components/DataTable/TableActionList.d.ts +1 -1
- package/es/components/DataTable/TableBatchAction.js +2 -2
- package/es/components/DataTable/TableBatchActions.js +9 -9
- package/es/components/DataTable/TableBody.d.ts +3 -3
- package/es/components/DataTable/TableBody.js +2 -2
- package/es/components/DataTable/TableCell.d.ts +3 -4
- package/es/components/DataTable/TableCell.js +2 -2
- package/es/components/DataTable/TableContainer.d.ts +2 -3
- package/es/components/DataTable/TableContainer.js +6 -6
- package/es/components/DataTable/TableDecoratorRow.js +4 -4
- package/es/components/DataTable/TableExpandHeader.d.ts +2 -3
- package/es/components/DataTable/TableExpandHeader.js +4 -4
- package/es/components/DataTable/TableExpandRow.js +8 -8
- package/es/components/DataTable/TableExpandedRow.d.ts +3 -3
- package/es/components/DataTable/TableExpandedRow.js +4 -4
- package/es/components/DataTable/TableHead.d.ts +1 -1
- package/es/components/DataTable/TableHeader.d.ts +4 -4
- package/es/components/DataTable/TableHeader.js +15 -15
- package/es/components/DataTable/TableRow.d.ts +3 -4
- package/es/components/DataTable/TableRow.js +4 -4
- package/es/components/DataTable/TableSelectAll.js +3 -3
- package/es/components/DataTable/TableSelectRow.js +4 -4
- package/es/components/DataTable/TableSlugRow.js +3 -3
- package/es/components/DataTable/TableToolbar.js +2 -2
- package/es/components/DataTable/TableToolbarAction.js +2 -2
- package/es/components/DataTable/TableToolbarContent.d.ts +1 -1
- package/es/components/DataTable/TableToolbarMenu.js +2 -2
- package/es/components/DataTable/TableToolbarSearch.js +2 -2
- package/es/components/DataTable/index.d.ts +1 -1
- package/es/components/DataTableSkeleton/DataTableSkeleton.js +15 -15
- package/es/components/DatePicker/DatePicker.Skeleton.js +8 -8
- package/es/components/DatePicker/DatePicker.js +17 -17
- package/es/components/DatePickerInput/DatePickerInput.d.ts +3 -4
- package/es/components/DatePickerInput/DatePickerInput.js +19 -19
- package/es/components/Dialog/index.d.ts +5 -6
- package/es/components/Dialog/index.js +10 -10
- package/es/components/Dropdown/Dropdown.Skeleton.d.ts +2 -3
- package/es/components/Dropdown/Dropdown.Skeleton.js +4 -4
- package/es/components/Dropdown/Dropdown.d.ts +3 -3
- package/es/components/Dropdown/Dropdown.js +18 -18
- package/es/components/ErrorBoundary/ErrorBoundary.js +2 -2
- package/es/components/ExpandableSearch/ExpandableSearch.js +3 -3
- package/es/components/FeatureFlags/index.js +2 -2
- package/es/components/FileUploader/FileUploader.Skeleton.d.ts +3 -3
- package/es/components/FileUploader/FileUploader.Skeleton.js +5 -5
- package/es/components/FileUploader/FileUploader.d.ts +2 -3
- package/es/components/FileUploader/FileUploader.js +12 -12
- package/es/components/FileUploader/FileUploaderButton.d.ts +2 -3
- package/es/components/FileUploader/FileUploaderButton.js +4 -4
- package/es/components/FileUploader/FileUploaderDropContainer.d.ts +2 -3
- package/es/components/FileUploader/FileUploaderDropContainer.js +5 -5
- package/es/components/FileUploader/FileUploaderItem.d.ts +2 -3
- package/es/components/FileUploader/FileUploaderItem.js +13 -13
- package/es/components/FileUploader/Filename.d.ts +3 -4
- package/es/components/FileUploader/Filename.js +7 -7
- package/es/components/FluidComboBox/FluidComboBox.Skeleton.js +5 -5
- package/es/components/FluidComboBox/FluidComboBox.js +4 -4
- package/es/components/FluidDatePicker/FluidDatePicker.Skeleton.js +11 -11
- package/es/components/FluidDatePicker/FluidDatePicker.js +4 -4
- package/es/components/FluidDatePickerInput/FluidDatePickerInput.js +3 -3
- package/es/components/FluidDropdown/FluidDropdown.Skeleton.js +5 -5
- package/es/components/FluidDropdown/FluidDropdown.js +4 -4
- package/es/components/FluidForm/FluidForm.d.ts +3 -4
- package/es/components/FluidForm/FluidForm.js +3 -3
- package/es/components/FluidMultiSelect/FluidMultiSelect.Skeleton.js +5 -5
- package/es/components/FluidMultiSelect/FluidMultiSelect.js +5 -5
- package/es/components/FluidNumberInput/FluidNumberInput.Skeleton.js +5 -5
- package/es/components/FluidNumberInput/FluidNumberInput.js +4 -4
- package/es/components/FluidSearch/FluidSearch.Skeleton.js +5 -5
- package/es/components/FluidSearch/FluidSearch.js +4 -4
- package/es/components/FluidSelect/FluidSelect.Skeleton.js +5 -5
- package/es/components/FluidSelect/FluidSelect.js +4 -4
- package/es/components/FluidTextArea/FluidTextArea.Skeleton.js +5 -5
- package/es/components/FluidTextArea/FluidTextArea.js +3 -3
- package/es/components/FluidTextInput/FluidTextInput.Skeleton.js +5 -5
- package/es/components/FluidTextInput/FluidTextInput.js +5 -5
- package/es/components/FluidTimePicker/FluidTimePicker.Skeleton.js +3 -3
- package/es/components/FluidTimePicker/FluidTimePicker.js +13 -13
- package/es/components/FluidTimePickerSelect/FluidTimePickerSelect.js +3 -3
- package/es/components/Form/Form.js +2 -2
- package/es/components/FormGroup/FormGroup.d.ts +3 -4
- package/es/components/FormGroup/FormGroup.js +4 -4
- package/es/components/FormItem/FormItem.js +2 -2
- package/es/components/FormLabel/FormLabel.js +2 -2
- package/es/components/Grid/CSSGrid.js +8 -8
- package/es/components/Grid/Column.js +5 -5
- package/es/components/Grid/ColumnHang.js +2 -2
- package/es/components/Grid/FlexGrid.js +4 -4
- package/es/components/Grid/Grid.js +3 -3
- package/es/components/Grid/GridContext.d.ts +2 -2
- package/es/components/Grid/GridContext.js +1 -1
- package/es/components/Grid/Row.js +2 -2
- package/es/components/Heading/index.js +9 -9
- package/es/components/Icon/Icon.Skeleton.js +2 -2
- package/es/components/IconButton/index.js +11 -6
- package/es/components/IconIndicator/index.js +4 -4
- package/es/components/IdPrefix/index.js +2 -2
- package/es/components/InlineCheckbox/InlineCheckbox.js +6 -6
- package/es/components/InlineLoading/InlineLoading.js +10 -10
- package/es/components/Layer/LayerContext.js +2 -2
- package/es/components/Layer/index.d.ts +4 -0
- package/es/components/Layer/index.js +15 -8
- package/es/components/Layout/index.js +5 -5
- package/es/components/LayoutDirection/LayoutDirection.js +4 -4
- package/es/components/LayoutDirection/LayoutDirectionContext.js +2 -2
- package/es/components/Link/Link.js +6 -6
- package/es/components/ListBox/ListBox.d.ts +2 -3
- package/es/components/ListBox/ListBox.js +5 -5
- package/es/components/ListBox/ListBoxField.d.ts +3 -4
- package/es/components/ListBox/ListBoxField.js +2 -2
- package/es/components/ListBox/ListBoxMenu.d.ts +2 -3
- package/es/components/ListBox/ListBoxMenu.js +2 -2
- package/es/components/ListBox/ListBoxMenuIcon.js +4 -4
- package/es/components/ListBox/ListBoxMenuItem.d.ts +2 -3
- package/es/components/ListBox/ListBoxMenuItem.js +3 -3
- package/es/components/ListBox/ListBoxSelection.js +6 -6
- package/es/components/ListBox/next/ListBoxSelection.js +7 -7
- package/es/components/ListBox/next/ListBoxTrigger.js +4 -4
- package/es/components/ListItem/ListItem.js +2 -2
- package/es/components/Loading/Loading.d.ts +3 -3
- package/es/components/Loading/Loading.js +6 -6
- package/es/components/Menu/Menu.js +3 -3
- package/es/components/Menu/MenuItem.js +16 -16
- package/es/components/MenuButton/index.js +4 -4
- package/es/components/Modal/Modal.d.ts +2 -3
- package/es/components/Modal/Modal.js +35 -35
- package/es/components/ModalWrapper/ModalWrapper.js +7 -7
- package/es/components/MultiSelect/FilterableMultiSelect.js +22 -26
- package/es/components/MultiSelect/MultiSelect.js +23 -23
- package/es/components/Notification/Notification.js +41 -41
- package/es/components/NumberInput/NumberInput.Skeleton.js +4 -4
- package/es/components/NumberInput/NumberInput.js +22 -22
- package/es/components/OrderedList/OrderedList.js +2 -2
- package/es/components/OverflowMenu/OverflowMenu.js +7 -7
- package/es/components/OverflowMenu/index.js +3 -3
- package/es/components/OverflowMenu/next/index.js +6 -6
- package/es/components/OverflowMenuItem/OverflowMenuItem.js +4 -4
- package/es/components/OverflowMenuV2/index.js +3 -3
- package/es/components/PageHeader/PageHeader.js +29 -29
- package/es/components/Pagination/Pagination.Skeleton.js +8 -8
- package/es/components/Pagination/Pagination.js +17 -17
- package/es/components/Pagination/experimental/PageSelector.js +3 -3
- package/es/components/Pagination/experimental/Pagination.js +14 -14
- package/es/components/PaginationNav/PaginationNav.js +31 -31
- package/es/components/Popover/index.js +15 -15
- package/es/components/PrimaryButton/PrimaryButton.js +2 -2
- package/es/components/ProgressBar/ProgressBar.js +13 -13
- package/es/components/ProgressIndicator/ProgressIndicator.Skeleton.js +7 -7
- package/es/components/ProgressIndicator/ProgressIndicator.js +20 -20
- package/es/components/RadioButton/RadioButton.Skeleton.js +4 -4
- package/es/components/RadioButton/RadioButton.js +10 -10
- package/es/components/RadioButtonGroup/RadioButtonGroup.js +16 -16
- package/es/components/RadioTile/RadioTile.js +12 -12
- package/es/components/Search/Search.Skeleton.js +4 -4
- package/es/components/Search/Search.js +11 -11
- package/es/components/SecondaryButton/SecondaryButton.js +2 -2
- package/es/components/Select/Select.Skeleton.js +5 -5
- package/es/components/Select/Select.js +19 -19
- package/es/components/SelectItem/SelectItem.js +2 -2
- package/es/components/SelectItemGroup/SelectItemGroup.js +2 -2
- package/es/components/ShapeIndicator/index.js +7 -7
- package/es/components/SkeletonIcon/SkeletonIcon.d.ts +0 -4
- package/es/components/SkeletonIcon/SkeletonIcon.js +3 -7
- package/es/components/SkeletonPlaceholder/SkeletonPlaceholder.js +2 -2
- package/es/components/SkeletonText/SkeletonText.js +4 -4
- package/es/components/Slider/Slider.Skeleton.js +17 -17
- package/es/components/Slider/Slider.js +38 -38
- package/es/components/Slider/SliderHandles.js +19 -19
- package/es/components/Stack/HStack.js +2 -2
- package/es/components/Stack/Stack.js +2 -2
- package/es/components/Stack/VStack.js +2 -2
- package/es/components/StructuredList/StructuredList.Skeleton.js +12 -12
- package/es/components/StructuredList/StructuredList.js +24 -24
- package/es/components/Switch/IconSwitch.js +3 -3
- package/es/components/Switch/Switch.js +4 -4
- package/es/components/TabContent/TabContent.js +2 -2
- package/es/components/Tabs/Tabs.Skeleton.js +7 -7
- package/es/components/Tabs/Tabs.js +60 -60
- package/es/components/Tag/DismissibleTag.js +10 -10
- package/es/components/Tag/OperationalTag.js +6 -6
- package/es/components/Tag/SelectableTag.js +6 -6
- package/es/components/Tag/Tag.Skeleton.js +2 -2
- package/es/components/Tag/Tag.js +15 -15
- package/es/components/Text/Text.js +4 -4
- package/es/components/Text/TextDirection.js +2 -2
- package/es/components/Text/createTextComponent.js +2 -2
- package/es/components/TextArea/TextArea.Skeleton.js +4 -4
- package/es/components/TextArea/TextArea.js +19 -19
- package/es/components/TextInput/ControlledPasswordInput.d.ts +2 -3
- package/es/components/TextInput/ControlledPasswordInput.js +13 -13
- package/es/components/TextInput/PasswordInput.js +15 -15
- package/es/components/TextInput/TextInput.Skeleton.js +4 -4
- package/es/components/TextInput/TextInput.js +17 -17
- package/es/components/Theme/index.js +10 -10
- package/es/components/Tile/Tile.js +36 -36
- package/es/components/TileGroup/TileGroup.d.ts +3 -4
- package/es/components/TileGroup/TileGroup.js +8 -8
- package/es/components/TimePicker/TimePicker.d.ts +2 -3
- package/es/components/TimePicker/TimePicker.js +14 -14
- package/es/components/TimePickerSelect/TimePickerSelect.js +4 -4
- package/es/components/Toggle/Toggle.Skeleton.js +4 -4
- package/es/components/Toggle/Toggle.js +10 -10
- package/es/components/ToggleSmall/ToggleSmall.Skeleton.js +8 -8
- package/es/components/Toggletip/index.js +12 -12
- package/es/components/Tooltip/DefinitionTooltip.js +4 -4
- package/es/components/Tooltip/Tooltip.d.ts +3 -0
- package/es/components/Tooltip/Tooltip.js +25 -13
- package/es/components/TreeView/TreeNode.js +45 -36
- package/es/components/TreeView/TreeView.js +30 -21
- package/es/components/UIShell/Content.js +2 -2
- package/es/components/UIShell/Header.js +2 -2
- package/es/components/UIShell/HeaderContainer.js +2 -2
- package/es/components/UIShell/HeaderGlobalAction.js +3 -3
- package/es/components/UIShell/HeaderGlobalBar.d.ts +1 -1
- package/es/components/UIShell/HeaderMenu.js +14 -14
- package/es/components/UIShell/HeaderMenuButton.js +4 -4
- package/es/components/UIShell/HeaderMenuItem.js +11 -9
- package/es/components/UIShell/HeaderName.js +3 -3
- package/es/components/UIShell/HeaderNavigation.js +3 -3
- package/es/components/UIShell/HeaderPanel.js +3 -3
- package/es/components/UIShell/HeaderSideNavItems.js +2 -2
- package/es/components/UIShell/Link.js +3 -3
- package/es/components/UIShell/SideNav.js +7 -7
- package/es/components/UIShell/SideNavDetails.js +3 -3
- package/es/components/UIShell/SideNavDivider.js +3 -3
- package/es/components/UIShell/SideNavFooter.js +7 -7
- package/es/components/UIShell/SideNavHeader.js +3 -3
- package/es/components/UIShell/SideNavIcon.js +2 -2
- package/es/components/UIShell/SideNavItem.js +2 -2
- package/es/components/UIShell/SideNavItems.js +5 -5
- package/es/components/UIShell/SideNavLink.js +5 -5
- package/es/components/UIShell/SideNavLinkText.js +2 -2
- package/es/components/UIShell/SideNavMenu.js +10 -10
- package/es/components/UIShell/SideNavMenuItem.js +5 -5
- package/es/components/UIShell/SideNavSwitcher.js +8 -8
- package/es/components/UIShell/SkipToContent.js +2 -2
- package/es/components/UIShell/Switcher.js +8 -8
- package/es/components/UIShell/SwitcherDivider.js +2 -2
- package/es/components/UIShell/SwitcherItem.js +3 -3
- package/es/components/UnorderedList/UnorderedList.js +2 -2
- package/es/index.js +23 -24
- package/es/internal/FloatingMenu.js +4 -4
- package/es/internal/__mocks__/mockHTMLElement.d.ts +9 -0
- package/es/internal/createClassWrapper.js +2 -2
- package/es/internal/useId.js +2 -2
- package/es/internal/useIdPrefix.js +3 -3
- package/es/internal/useNormalizedInputProps.js +3 -3
- package/es/internal/usePrefix.js +3 -3
- package/es/internal/useResizeObserver.d.ts +14 -0
- package/es/internal/useResizeObserver.js +74 -0
- package/es/internal/wrapFocus.js +3 -6
- package/es/tools/wrapComponent.d.ts +3 -4
- package/es/tools/wrapComponent.js +2 -2
- package/es/types/common.d.ts +0 -2
- package/lib/components/CodeSnippet/CodeSnippet.js +2 -3
- package/lib/components/ContentSwitcher/ContentSwitcher.d.ts +8 -0
- package/lib/components/ContentSwitcher/ContentSwitcher.js +7 -1
- package/lib/components/DataTable/DataTable.d.ts +81 -283
- package/lib/components/DataTable/DataTable.js +82 -123
- package/lib/components/DataTable/Table.d.ts +2 -2
- package/lib/components/DataTable/TableActionList.d.ts +1 -1
- package/lib/components/DataTable/TableBody.d.ts +3 -3
- package/lib/components/DataTable/TableCell.d.ts +3 -4
- package/lib/components/DataTable/TableContainer.d.ts +2 -3
- package/lib/components/DataTable/TableExpandHeader.d.ts +2 -3
- package/lib/components/DataTable/TableExpandedRow.d.ts +3 -3
- package/lib/components/DataTable/TableHead.d.ts +1 -1
- package/lib/components/DataTable/TableHeader.d.ts +4 -4
- package/lib/components/DataTable/TableRow.d.ts +3 -4
- package/lib/components/DataTable/TableToolbarContent.d.ts +1 -1
- package/lib/components/DataTable/index.d.ts +1 -1
- package/lib/components/DatePickerInput/DatePickerInput.d.ts +3 -4
- package/lib/components/Dialog/index.d.ts +5 -6
- package/lib/components/Dropdown/Dropdown.Skeleton.d.ts +2 -3
- package/lib/components/Dropdown/Dropdown.d.ts +3 -3
- package/lib/components/FileUploader/FileUploader.Skeleton.d.ts +3 -3
- package/lib/components/FileUploader/FileUploader.d.ts +2 -3
- package/lib/components/FileUploader/FileUploaderButton.d.ts +2 -3
- package/lib/components/FileUploader/FileUploaderDropContainer.d.ts +2 -3
- package/lib/components/FileUploader/FileUploaderItem.d.ts +2 -3
- package/lib/components/FileUploader/Filename.d.ts +3 -4
- package/lib/components/FluidForm/FluidForm.d.ts +3 -4
- package/lib/components/FormGroup/FormGroup.d.ts +3 -4
- package/lib/components/Grid/GridContext.d.ts +2 -2
- package/lib/components/Grid/GridContext.js +5 -23
- package/lib/components/IconButton/index.js +6 -1
- package/lib/components/Layer/index.d.ts +4 -0
- package/lib/components/Layer/index.js +9 -2
- package/lib/components/Link/Link.js +1 -1
- package/lib/components/ListBox/ListBox.d.ts +2 -3
- package/lib/components/ListBox/ListBoxField.d.ts +3 -4
- package/lib/components/ListBox/ListBoxMenu.d.ts +2 -3
- package/lib/components/ListBox/ListBoxMenuItem.d.ts +2 -3
- package/lib/components/Loading/Loading.d.ts +3 -3
- package/lib/components/Modal/Modal.d.ts +2 -3
- package/lib/components/MultiSelect/FilterableMultiSelect.js +1 -5
- package/lib/components/SkeletonIcon/SkeletonIcon.d.ts +0 -4
- package/lib/components/SkeletonIcon/SkeletonIcon.js +1 -5
- package/lib/components/TextInput/ControlledPasswordInput.d.ts +2 -3
- package/lib/components/TileGroup/TileGroup.d.ts +3 -4
- package/lib/components/TimePicker/TimePicker.d.ts +2 -3
- package/lib/components/Tooltip/Tooltip.d.ts +3 -0
- package/lib/components/Tooltip/Tooltip.js +18 -6
- package/lib/components/TreeView/TreeNode.js +20 -11
- package/lib/components/TreeView/TreeView.js +27 -18
- package/lib/components/UIShell/HeaderGlobalBar.d.ts +1 -1
- package/lib/components/UIShell/HeaderMenuItem.js +7 -5
- package/lib/index.js +46 -47
- package/lib/internal/__mocks__/mockHTMLElement.d.ts +9 -0
- package/lib/internal/useResizeObserver.d.ts +14 -0
- package/lib/internal/useResizeObserver.js +78 -0
- package/lib/internal/wrapFocus.js +3 -6
- package/lib/tools/wrapComponent.d.ts +3 -4
- package/lib/types/common.d.ts +0 -2
- package/package.json +5 -6
- package/scss/components/content-switcher/_tokens.scss +9 -0
- package/telemetry.yml +4 -1
- package/es/components/DataTable/index.js +0 -76
- package/lib/components/DataTable/index.js +0 -82
|
@@ -9,7 +9,7 @@ import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js
|
|
|
9
9
|
import cx from 'classnames';
|
|
10
10
|
import PropTypes from 'prop-types';
|
|
11
11
|
import deprecateValuesWithin from '../../prop-types/deprecateValuesWithin.js';
|
|
12
|
-
import
|
|
12
|
+
import React from 'react';
|
|
13
13
|
import { usePrefix } from '../../internal/usePrefix.js';
|
|
14
14
|
import { ToggletipContent, ToggletipActions, Toggletip, ToggletipButton } from '../Toggletip/index.js';
|
|
15
15
|
import { IconButton } from '../IconButton/index.js';
|
|
@@ -19,14 +19,14 @@ import { useId } from '../../internal/useId.js';
|
|
|
19
19
|
import deprecate from '../../prop-types/deprecate.js';
|
|
20
20
|
|
|
21
21
|
var _Undo;
|
|
22
|
-
const AILabelContent = /*#__PURE__*/
|
|
22
|
+
const AILabelContent = /*#__PURE__*/React.forwardRef(function AILabelContent(_ref, ref) {
|
|
23
23
|
let {
|
|
24
24
|
className,
|
|
25
25
|
children,
|
|
26
26
|
...rest
|
|
27
27
|
} = _ref;
|
|
28
28
|
const prefix = usePrefix();
|
|
29
|
-
const hasAILabelActions =
|
|
29
|
+
const hasAILabelActions = React.Children.toArray(children).some(child => {
|
|
30
30
|
const item = child;
|
|
31
31
|
item.type?.displayName === 'AILabelActions';
|
|
32
32
|
});
|
|
@@ -34,7 +34,7 @@ const AILabelContent = /*#__PURE__*/React__default.forwardRef(function AILabelCo
|
|
|
34
34
|
[`${prefix}--ai-label-content`]: true,
|
|
35
35
|
[`${prefix}--ai-label-content--with-actions`]: hasAILabelActions
|
|
36
36
|
});
|
|
37
|
-
return /*#__PURE__*/
|
|
37
|
+
return /*#__PURE__*/React.createElement(ToggletipContent, {
|
|
38
38
|
className: aiLabelContentClasses
|
|
39
39
|
}, children);
|
|
40
40
|
});
|
|
@@ -49,7 +49,7 @@ AILabelContent.propTypes = {
|
|
|
49
49
|
*/
|
|
50
50
|
className: PropTypes.string
|
|
51
51
|
};
|
|
52
|
-
const AILabelActions = /*#__PURE__*/
|
|
52
|
+
const AILabelActions = /*#__PURE__*/React.forwardRef(function AILabelActions(_ref2, ref) {
|
|
53
53
|
let {
|
|
54
54
|
className,
|
|
55
55
|
children,
|
|
@@ -59,7 +59,7 @@ const AILabelActions = /*#__PURE__*/React__default.forwardRef(function AILabelAc
|
|
|
59
59
|
const aiLabelActionsClasses = cx(className, {
|
|
60
60
|
[`${prefix}--ai-label-actions`]: true
|
|
61
61
|
});
|
|
62
|
-
return /*#__PURE__*/
|
|
62
|
+
return /*#__PURE__*/React.createElement(ToggletipActions, {
|
|
63
63
|
className: aiLabelActionsClasses
|
|
64
64
|
}, children);
|
|
65
65
|
});
|
|
@@ -80,7 +80,7 @@ AILabelActions.propTypes = {
|
|
|
80
80
|
* @deprecated Use NewPopoverAlignment instead.
|
|
81
81
|
*/
|
|
82
82
|
|
|
83
|
-
const AILabel = /*#__PURE__*/
|
|
83
|
+
const AILabel = /*#__PURE__*/React.forwardRef(function AILabel(_ref3, ref) {
|
|
84
84
|
let {
|
|
85
85
|
aiText = 'AI',
|
|
86
86
|
aiTextLabel,
|
|
@@ -117,25 +117,25 @@ const AILabel = /*#__PURE__*/React__default.forwardRef(function AILabel(_ref3, r
|
|
|
117
117
|
};
|
|
118
118
|
const ariaLabelText = !aiTextLabel && !textLabel ? `${aiText} ${slugLabel || ariaLabel}` : `${aiText} ${aiTextLabel || textLabel}`;
|
|
119
119
|
const isSmallIcon = ['xs', '2xs', 'mini'].includes(size);
|
|
120
|
-
return /*#__PURE__*/
|
|
120
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
121
121
|
className: aiLabelClasses,
|
|
122
122
|
ref: ref,
|
|
123
123
|
id: id
|
|
124
|
-
}, revertActive ? /*#__PURE__*/
|
|
124
|
+
}, revertActive ? /*#__PURE__*/React.createElement(IconButton, _extends({
|
|
125
125
|
onClick: handleOnRevertClick,
|
|
126
126
|
kind: "ghost",
|
|
127
127
|
size: "sm",
|
|
128
128
|
label: revertLabel
|
|
129
|
-
}, rest), _Undo || (_Undo = /*#__PURE__*/
|
|
129
|
+
}, rest), _Undo || (_Undo = /*#__PURE__*/React.createElement(Undo, null))) : /*#__PURE__*/React.createElement(Toggletip, _extends({
|
|
130
130
|
align: align,
|
|
131
131
|
autoAlign: autoAlign,
|
|
132
132
|
alignmentAxisOffset: isSmallIcon ? -24 : 0
|
|
133
|
-
}, rest), /*#__PURE__*/
|
|
133
|
+
}, rest), /*#__PURE__*/React.createElement(ToggletipButton, {
|
|
134
134
|
className: aiLabelButtonClasses,
|
|
135
135
|
label: kind === 'inline' ? '' : ariaLabelText
|
|
136
|
-
}, /*#__PURE__*/
|
|
136
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
137
137
|
className: `${prefix}--ai-label__text`
|
|
138
|
-
}, aiText), kind === 'inline' && (aiTextLabel || textLabel) && /*#__PURE__*/
|
|
138
|
+
}, aiText), kind === 'inline' && (aiTextLabel || textLabel) && /*#__PURE__*/React.createElement("span", {
|
|
139
139
|
className: `${prefix}--ai-label__additional-text`
|
|
140
140
|
}, aiTextLabel || textLabel)), children));
|
|
141
141
|
});
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
9
9
|
import PropTypes from 'prop-types';
|
|
10
|
-
import
|
|
10
|
+
import React from 'react';
|
|
11
11
|
import cx from 'classnames';
|
|
12
12
|
import { usePrefix } from '../../internal/usePrefix.js';
|
|
13
13
|
import SkeletonIcon from '../SkeletonIcon/SkeletonIcon.js';
|
|
@@ -21,7 +21,7 @@ const AISkeletonIcon = _ref => {
|
|
|
21
21
|
const AISkeletonIconClasses = cx(className, {
|
|
22
22
|
[`${prefix}--skeleton__icon--ai`]: true
|
|
23
23
|
});
|
|
24
|
-
return /*#__PURE__*/
|
|
24
|
+
return /*#__PURE__*/React.createElement(SkeletonIcon, _extends({
|
|
25
25
|
className: AISkeletonIconClasses
|
|
26
26
|
}, rest));
|
|
27
27
|
};
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
9
|
-
import
|
|
9
|
+
import React from 'react';
|
|
10
10
|
import PropTypes from 'prop-types';
|
|
11
11
|
import cx from 'classnames';
|
|
12
12
|
import { usePrefix } from '../../internal/usePrefix.js';
|
|
@@ -22,7 +22,7 @@ const AISkeletonPlaceholder = _ref => {
|
|
|
22
22
|
className,
|
|
23
23
|
[`${prefix}--skeleton__placeholder--ai`]: true
|
|
24
24
|
}, className);
|
|
25
|
-
return /*#__PURE__*/
|
|
25
|
+
return /*#__PURE__*/React.createElement(SkeletonPlaceholder, _extends({
|
|
26
26
|
className: AISkeletonPlaceholderClasses
|
|
27
27
|
}, other));
|
|
28
28
|
};
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
9
9
|
import PropTypes from 'prop-types';
|
|
10
|
-
import
|
|
10
|
+
import React from 'react';
|
|
11
11
|
import cx from 'classnames';
|
|
12
12
|
import { usePrefix } from '../../internal/usePrefix.js';
|
|
13
13
|
import SkeletonText from '../SkeletonText/SkeletonText.js';
|
|
@@ -21,7 +21,7 @@ const AISkeletonText = _ref => {
|
|
|
21
21
|
const aiSkeletonTextClasses = cx(className, {
|
|
22
22
|
[`${prefix}--skeleton__text--ai`]: true
|
|
23
23
|
});
|
|
24
|
-
return /*#__PURE__*/
|
|
24
|
+
return /*#__PURE__*/React.createElement(SkeletonText, _extends({
|
|
25
25
|
className: aiSkeletonTextClasses
|
|
26
26
|
}, rest));
|
|
27
27
|
};
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
9
9
|
import PropTypes from 'prop-types';
|
|
10
|
-
import
|
|
10
|
+
import React from 'react';
|
|
11
11
|
import cx from 'classnames';
|
|
12
12
|
import { ChevronRight } from '@carbon/icons-react';
|
|
13
13
|
import SkeletonText from '../SkeletonText/SkeletonText.js';
|
|
@@ -31,27 +31,27 @@ function AccordionSkeleton(_ref) {
|
|
|
31
31
|
});
|
|
32
32
|
const numSkeletonItems = open ? count - 1 : count;
|
|
33
33
|
const ListTag = ordered ? 'ol' : 'ul';
|
|
34
|
-
return /*#__PURE__*/
|
|
34
|
+
return /*#__PURE__*/React.createElement(ListTag, _extends({
|
|
35
35
|
className: classes
|
|
36
|
-
}, rest), open && /*#__PURE__*/
|
|
36
|
+
}, rest), open && /*#__PURE__*/React.createElement("li", {
|
|
37
37
|
className: `${prefix}--accordion__item ${prefix}--accordion__item--active`
|
|
38
|
-
}, /*#__PURE__*/
|
|
38
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
39
39
|
className: `${prefix}--accordion__heading`
|
|
40
|
-
}, /*#__PURE__*/
|
|
40
|
+
}, /*#__PURE__*/React.createElement(ChevronRight, {
|
|
41
41
|
className: `${prefix}--accordion__arrow`
|
|
42
|
-
}), /*#__PURE__*/
|
|
42
|
+
}), /*#__PURE__*/React.createElement(SkeletonText, {
|
|
43
43
|
className: `${prefix}--accordion__title`
|
|
44
|
-
})), /*#__PURE__*/
|
|
44
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
45
45
|
className: `${prefix}--accordion__content`
|
|
46
|
-
}, _SkeletonText || (_SkeletonText = /*#__PURE__*/
|
|
46
|
+
}, _SkeletonText || (_SkeletonText = /*#__PURE__*/React.createElement(SkeletonText, {
|
|
47
47
|
width: "90%"
|
|
48
|
-
})), _SkeletonText2 || (_SkeletonText2 = /*#__PURE__*/
|
|
48
|
+
})), _SkeletonText2 || (_SkeletonText2 = /*#__PURE__*/React.createElement(SkeletonText, {
|
|
49
49
|
width: "80%"
|
|
50
|
-
})), _SkeletonText3 || (_SkeletonText3 = /*#__PURE__*/
|
|
50
|
+
})), _SkeletonText3 || (_SkeletonText3 = /*#__PURE__*/React.createElement(SkeletonText, {
|
|
51
51
|
width: "95%"
|
|
52
52
|
})))), Array.from({
|
|
53
53
|
length: numSkeletonItems
|
|
54
|
-
}).map((_, i) => /*#__PURE__*/
|
|
54
|
+
}).map((_, i) => /*#__PURE__*/React.createElement(AccordionSkeletonItem, {
|
|
55
55
|
key: i
|
|
56
56
|
})));
|
|
57
57
|
}
|
|
@@ -79,13 +79,13 @@ AccordionSkeleton.propTypes = {
|
|
|
79
79
|
};
|
|
80
80
|
function AccordionSkeletonItem() {
|
|
81
81
|
const prefix = usePrefix();
|
|
82
|
-
return /*#__PURE__*/
|
|
82
|
+
return /*#__PURE__*/React.createElement("li", {
|
|
83
83
|
className: `${prefix}--accordion__item`
|
|
84
|
-
}, /*#__PURE__*/
|
|
84
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
85
85
|
className: `${prefix}--accordion__heading`
|
|
86
|
-
}, /*#__PURE__*/
|
|
86
|
+
}, /*#__PURE__*/React.createElement(ChevronRight, {
|
|
87
87
|
className: `${prefix}--accordion__arrow`
|
|
88
|
-
}), /*#__PURE__*/
|
|
88
|
+
}), /*#__PURE__*/React.createElement(SkeletonText, {
|
|
89
89
|
className: `${prefix}--accordion__title`
|
|
90
90
|
})));
|
|
91
91
|
}
|
|
@@ -9,7 +9,7 @@ import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js
|
|
|
9
9
|
import cx from 'classnames';
|
|
10
10
|
import { usePrefix } from '../../internal/usePrefix.js';
|
|
11
11
|
import PropTypes from 'prop-types';
|
|
12
|
-
import
|
|
12
|
+
import React from 'react';
|
|
13
13
|
import { AccordionProvider } from './AccordionProvider.js';
|
|
14
14
|
|
|
15
15
|
function Accordion(_ref) {
|
|
@@ -32,9 +32,9 @@ function Accordion(_ref) {
|
|
|
32
32
|
[`${prefix}--accordion--flush`]: isFlush && align !== 'start'
|
|
33
33
|
});
|
|
34
34
|
const ListTag = ordered ? 'ol' : 'ul';
|
|
35
|
-
return /*#__PURE__*/
|
|
35
|
+
return /*#__PURE__*/React.createElement(AccordionProvider, {
|
|
36
36
|
disabled: disabled
|
|
37
|
-
}, /*#__PURE__*/
|
|
37
|
+
}, /*#__PURE__*/React.createElement(ListTag, _extends({
|
|
38
38
|
className: className
|
|
39
39
|
}, rest), children));
|
|
40
40
|
}
|
|
@@ -9,7 +9,7 @@ import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js
|
|
|
9
9
|
import { ChevronRight } from '@carbon/icons-react';
|
|
10
10
|
import cx from 'classnames';
|
|
11
11
|
import PropTypes from 'prop-types';
|
|
12
|
-
import
|
|
12
|
+
import React, { useState, useContext } from 'react';
|
|
13
13
|
import '../Text/index.js';
|
|
14
14
|
import { Escape } from '../../internal/keyboard/keys.js';
|
|
15
15
|
import { match } from '../../internal/keyboard/match.js';
|
|
@@ -19,7 +19,7 @@ import { usePrefix } from '../../internal/usePrefix.js';
|
|
|
19
19
|
import { AccordionContext } from './AccordionProvider.js';
|
|
20
20
|
import { Text } from '../Text/Text.js';
|
|
21
21
|
|
|
22
|
-
const defaultRenderToggle = props => /*#__PURE__*/
|
|
22
|
+
const defaultRenderToggle = props => /*#__PURE__*/React.createElement("button", _extends({
|
|
23
23
|
type: "button"
|
|
24
24
|
}, props));
|
|
25
25
|
function AccordionItem(_ref) {
|
|
@@ -51,7 +51,7 @@ function AccordionItem(_ref) {
|
|
|
51
51
|
});
|
|
52
52
|
const Toggle = renderToggle || renderExpando; // remove renderExpando in next major release
|
|
53
53
|
|
|
54
|
-
const content =
|
|
54
|
+
const content = React.useCallback(node => {
|
|
55
55
|
if (!node) {
|
|
56
56
|
return;
|
|
57
57
|
}
|
|
@@ -91,9 +91,9 @@ function AccordionItem(_ref) {
|
|
|
91
91
|
handleAnimationEnd(event);
|
|
92
92
|
}
|
|
93
93
|
}
|
|
94
|
-
return /*#__PURE__*/
|
|
94
|
+
return /*#__PURE__*/React.createElement("li", _extends({
|
|
95
95
|
className: className
|
|
96
|
-
}, rest), /*#__PURE__*/
|
|
96
|
+
}, rest), /*#__PURE__*/React.createElement(Toggle, {
|
|
97
97
|
disabled: disabled,
|
|
98
98
|
"aria-controls": id,
|
|
99
99
|
"aria-expanded": isOpen,
|
|
@@ -101,16 +101,16 @@ function AccordionItem(_ref) {
|
|
|
101
101
|
onClick: onClick,
|
|
102
102
|
onKeyDown: onKeyDown,
|
|
103
103
|
type: "button"
|
|
104
|
-
}, /*#__PURE__*/
|
|
104
|
+
}, /*#__PURE__*/React.createElement(ChevronRight, {
|
|
105
105
|
className: `${prefix}--accordion__arrow`
|
|
106
|
-
}), /*#__PURE__*/
|
|
106
|
+
}), /*#__PURE__*/React.createElement(Text, {
|
|
107
107
|
as: "div",
|
|
108
108
|
className: `${prefix}--accordion__title`
|
|
109
|
-
}, title)), /*#__PURE__*/
|
|
109
|
+
}, title)), /*#__PURE__*/React.createElement("div", {
|
|
110
110
|
ref: content,
|
|
111
111
|
className: `${prefix}--accordion__wrapper`,
|
|
112
112
|
onTransitionEnd: onAnimationEnd
|
|
113
|
-
}, /*#__PURE__*/
|
|
113
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
114
114
|
id: id,
|
|
115
115
|
className: `${prefix}--accordion__content`
|
|
116
116
|
}, children)));
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
|
-
import
|
|
8
|
+
import React, { createContext } from 'react';
|
|
9
9
|
|
|
10
10
|
const AccordionContext = /*#__PURE__*/createContext({
|
|
11
11
|
disabled: false
|
|
@@ -15,7 +15,7 @@ const AccordionProvider = _ref => {
|
|
|
15
15
|
disabled,
|
|
16
16
|
children
|
|
17
17
|
} = _ref;
|
|
18
|
-
return /*#__PURE__*/
|
|
18
|
+
return /*#__PURE__*/React.createElement(AccordionContext.Provider, {
|
|
19
19
|
value: {
|
|
20
20
|
disabled
|
|
21
21
|
}
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
9
9
|
import cx from 'classnames';
|
|
10
10
|
import PropTypes from 'prop-types';
|
|
11
|
-
import
|
|
11
|
+
import React from 'react';
|
|
12
12
|
import { usePrefix } from '../../internal/usePrefix.js';
|
|
13
13
|
|
|
14
14
|
/**
|
|
@@ -27,7 +27,7 @@ const AspectRatio = _ref => {
|
|
|
27
27
|
} = _ref;
|
|
28
28
|
const prefix = usePrefix();
|
|
29
29
|
const className = cx(containerClassName, `${prefix}--aspect-ratio`, `${prefix}--aspect-ratio--${ratio}`);
|
|
30
|
-
return /*#__PURE__*/
|
|
30
|
+
return /*#__PURE__*/React.createElement(BaseComponent, _extends({
|
|
31
31
|
className: className
|
|
32
32
|
}, rest), children);
|
|
33
33
|
};
|
|
@@ -7,11 +7,11 @@
|
|
|
7
7
|
|
|
8
8
|
import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
9
9
|
import PropTypes from 'prop-types';
|
|
10
|
-
import
|
|
10
|
+
import React from 'react';
|
|
11
11
|
import cx from 'classnames';
|
|
12
12
|
import { usePrefix } from '../../internal/usePrefix.js';
|
|
13
13
|
|
|
14
|
-
const BadgeIndicator = /*#__PURE__*/
|
|
14
|
+
const BadgeIndicator = /*#__PURE__*/React.forwardRef(function BadgeIndicatorContent(_ref, ref) {
|
|
15
15
|
let {
|
|
16
16
|
className: customClassName,
|
|
17
17
|
count,
|
|
@@ -22,7 +22,7 @@ const BadgeIndicator = /*#__PURE__*/React__default.forwardRef(function BadgeIndi
|
|
|
22
22
|
[`${prefix}--badge-indicator--count`]: count
|
|
23
23
|
});
|
|
24
24
|
const displayCount = count && count > 999 ? '999+' : count;
|
|
25
|
-
return /*#__PURE__*/
|
|
25
|
+
return /*#__PURE__*/React.createElement("div", _extends({
|
|
26
26
|
className: classNames,
|
|
27
27
|
ref: ref
|
|
28
28
|
}, rest), displayCount);
|
|
@@ -7,16 +7,16 @@
|
|
|
7
7
|
|
|
8
8
|
import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
9
9
|
import PropTypes from 'prop-types';
|
|
10
|
-
import
|
|
10
|
+
import React from 'react';
|
|
11
11
|
import cx from 'classnames';
|
|
12
12
|
import { usePrefix } from '../../internal/usePrefix.js';
|
|
13
13
|
|
|
14
14
|
var _Item, _Item2, _Item3;
|
|
15
15
|
function Item() {
|
|
16
16
|
const prefix = usePrefix();
|
|
17
|
-
return /*#__PURE__*/
|
|
17
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
18
18
|
className: `${prefix}--breadcrumb-item`
|
|
19
|
-
}, /*#__PURE__*/
|
|
19
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
20
20
|
className: `${prefix}--link`
|
|
21
21
|
}, "\xA0"));
|
|
22
22
|
}
|
|
@@ -27,9 +27,9 @@ function BreadcrumbSkeleton(_ref) {
|
|
|
27
27
|
} = _ref;
|
|
28
28
|
const prefix = usePrefix();
|
|
29
29
|
const classes = cx(`${prefix}--breadcrumb`, `${prefix}--skeleton`, className);
|
|
30
|
-
return /*#__PURE__*/
|
|
30
|
+
return /*#__PURE__*/React.createElement("div", _extends({
|
|
31
31
|
className: classes
|
|
32
|
-
}, rest), _Item || (_Item = /*#__PURE__*/
|
|
32
|
+
}, rest), _Item || (_Item = /*#__PURE__*/React.createElement(Item, null)), _Item2 || (_Item2 = /*#__PURE__*/React.createElement(Item, null)), _Item3 || (_Item3 = /*#__PURE__*/React.createElement(Item, null)));
|
|
33
33
|
}
|
|
34
34
|
BreadcrumbSkeleton.propTypes = {
|
|
35
35
|
/**
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
9
9
|
import PropTypes from 'prop-types';
|
|
10
|
-
import
|
|
10
|
+
import React, { forwardRef } from 'react';
|
|
11
11
|
import cx from 'classnames';
|
|
12
12
|
import { usePrefix } from '../../internal/usePrefix.js';
|
|
13
13
|
|
|
@@ -26,11 +26,11 @@ const Breadcrumb = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
26
26
|
[`${prefix}--breadcrumb--no-trailing-slash`]: noTrailingSlash,
|
|
27
27
|
[`${prefix}--breadcrumb--sm`]: size === 'sm'
|
|
28
28
|
});
|
|
29
|
-
return /*#__PURE__*/
|
|
29
|
+
return /*#__PURE__*/React.createElement("nav", _extends({
|
|
30
30
|
className: customClassNameNav,
|
|
31
31
|
"aria-label": ariaLabel ? ariaLabel : 'Breadcrumb',
|
|
32
32
|
ref: ref
|
|
33
|
-
}, rest), /*#__PURE__*/
|
|
33
|
+
}, rest), /*#__PURE__*/React.createElement("ol", {
|
|
34
34
|
className: className
|
|
35
35
|
}, children));
|
|
36
36
|
});
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
9
9
|
import PropTypes from 'prop-types';
|
|
10
|
-
import
|
|
10
|
+
import React, { forwardRef } from 'react';
|
|
11
11
|
import cx from 'classnames';
|
|
12
12
|
import Link from '../Link/Link.js';
|
|
13
13
|
import { OverflowMenuHorizontal } from '@carbon/icons-react';
|
|
@@ -35,12 +35,12 @@ const BreadcrumbItem = frFn((props, ref) => {
|
|
|
35
35
|
});
|
|
36
36
|
const child = children;
|
|
37
37
|
if (child.type && child.type.displayName !== undefined && child.type.displayName.includes('OverflowMenu')) {
|
|
38
|
-
const horizontalOverflowIcon = /*#__PURE__*/
|
|
38
|
+
const horizontalOverflowIcon = /*#__PURE__*/React.createElement(OverflowMenuHorizontal, {
|
|
39
39
|
className: `${prefix}--overflow-menu__icon`
|
|
40
40
|
});
|
|
41
|
-
return /*#__PURE__*/
|
|
41
|
+
return /*#__PURE__*/React.createElement("li", _extends({
|
|
42
42
|
className: className
|
|
43
|
-
}, rest), /*#__PURE__*/
|
|
43
|
+
}, rest), /*#__PURE__*/React.cloneElement(child, {
|
|
44
44
|
menuOptionsClass: `${prefix}--breadcrumb-menu-options`,
|
|
45
45
|
menuOffset: {
|
|
46
46
|
top: 10,
|
|
@@ -50,21 +50,21 @@ const BreadcrumbItem = frFn((props, ref) => {
|
|
|
50
50
|
}));
|
|
51
51
|
}
|
|
52
52
|
if (typeof children === 'string') {
|
|
53
|
-
return /*#__PURE__*/
|
|
53
|
+
return /*#__PURE__*/React.createElement("li", _extends({
|
|
54
54
|
className: className,
|
|
55
55
|
ref: ref
|
|
56
|
-
}, rest), href ? /*#__PURE__*/
|
|
56
|
+
}, rest), href ? /*#__PURE__*/React.createElement(Link, {
|
|
57
57
|
href: href,
|
|
58
58
|
"aria-current": ariaCurrent || isCurrentPage
|
|
59
|
-
}, children) : /*#__PURE__*/
|
|
59
|
+
}, children) : /*#__PURE__*/React.createElement(Text, {
|
|
60
60
|
"aria-current": ariaCurrent || isCurrentPage,
|
|
61
61
|
className: `${prefix}--link`
|
|
62
62
|
}, children));
|
|
63
63
|
}
|
|
64
|
-
return /*#__PURE__*/
|
|
64
|
+
return /*#__PURE__*/React.createElement("li", _extends({
|
|
65
65
|
className: className,
|
|
66
66
|
ref: ref
|
|
67
|
-
}, rest), /*#__PURE__*/
|
|
67
|
+
}, rest), /*#__PURE__*/React.cloneElement(child, {
|
|
68
68
|
'aria-current': ariaCurrent,
|
|
69
69
|
className: cx(`${prefix}--link`, child.props.className)
|
|
70
70
|
}));
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
9
9
|
import PropTypes from 'prop-types';
|
|
10
|
-
import
|
|
10
|
+
import React from 'react';
|
|
11
11
|
import cx from 'classnames';
|
|
12
12
|
import { usePrefix } from '../../internal/usePrefix.js';
|
|
13
13
|
|
|
@@ -33,8 +33,8 @@ const ButtonSkeleton = _ref => {
|
|
|
33
33
|
className: buttonClasses,
|
|
34
34
|
...rest
|
|
35
35
|
};
|
|
36
|
-
const button = /*#__PURE__*/
|
|
37
|
-
const anchor = /*#__PURE__*/
|
|
36
|
+
const button = /*#__PURE__*/React.createElement("div", commonProps);
|
|
37
|
+
const anchor = /*#__PURE__*/React.createElement("a", _extends({}, commonProps, {
|
|
38
38
|
href: href,
|
|
39
39
|
role: "button"
|
|
40
40
|
})); // eslint-disable-line
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
9
9
|
import PropTypes from 'prop-types';
|
|
10
|
-
import
|
|
10
|
+
import React from 'react';
|
|
11
11
|
import { IconButton, IconButtonKinds } from '../IconButton/index.js';
|
|
12
12
|
import ButtonBase from './ButtonBase.js';
|
|
13
13
|
|
|
@@ -21,7 +21,7 @@ function isIconOnlyButton(hasIconOnly, _kind) {
|
|
|
21
21
|
}
|
|
22
22
|
return false;
|
|
23
23
|
}
|
|
24
|
-
const Button = /*#__PURE__*/
|
|
24
|
+
const Button = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
25
25
|
const {
|
|
26
26
|
as,
|
|
27
27
|
autoAlign = false,
|
|
@@ -45,14 +45,14 @@ const Button = /*#__PURE__*/React__default.forwardRef((props, ref) => {
|
|
|
45
45
|
if (ButtonImageElement && !children && !iconDescription) {
|
|
46
46
|
console.error('Button: renderIcon property specified without also providing an iconDescription property. ' + 'This may impact accessibility for screen reader users.');
|
|
47
47
|
}
|
|
48
|
-
const iconOnlyImage = !ButtonImageElement ? null : /*#__PURE__*/
|
|
48
|
+
const iconOnlyImage = !ButtonImageElement ? null : /*#__PURE__*/React.createElement(ButtonImageElement, null);
|
|
49
49
|
if (!isIconOnlyButton(hasIconOnly)) {
|
|
50
50
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
51
51
|
const {
|
|
52
52
|
tooltipAlignment,
|
|
53
53
|
...propsWithoutTooltipAlignment
|
|
54
54
|
} = props;
|
|
55
|
-
return /*#__PURE__*/
|
|
55
|
+
return /*#__PURE__*/React.createElement(ButtonBase, _extends({
|
|
56
56
|
ref: ref
|
|
57
57
|
}, propsWithoutTooltipAlignment));
|
|
58
58
|
} else {
|
|
@@ -81,7 +81,7 @@ const Button = /*#__PURE__*/React__default.forwardRef((props, ref) => {
|
|
|
81
81
|
// supported?
|
|
82
82
|
// 2. Should an error be thrown?
|
|
83
83
|
// 3. Something else?
|
|
84
|
-
|
|
84
|
+
React.createElement(IconButton, _extends({}, rest, {
|
|
85
85
|
ref: ref,
|
|
86
86
|
as: as,
|
|
87
87
|
align: align,
|
|
@@ -5,12 +5,12 @@
|
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
|
-
import
|
|
8
|
+
import React from 'react';
|
|
9
9
|
import cx from 'classnames';
|
|
10
10
|
import { usePrefix } from '../../internal/usePrefix.js';
|
|
11
11
|
import { useId } from '../../internal/useId.js';
|
|
12
12
|
|
|
13
|
-
const ButtonBase = /*#__PURE__*/
|
|
13
|
+
const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(_ref, ref) {
|
|
14
14
|
let {
|
|
15
15
|
as,
|
|
16
16
|
children,
|
|
@@ -59,7 +59,7 @@ const ButtonBase = /*#__PURE__*/React__default.forwardRef(function ButtonBase(_r
|
|
|
59
59
|
className: buttonClasses,
|
|
60
60
|
ref
|
|
61
61
|
};
|
|
62
|
-
const buttonImage = !ButtonImageElement ? null : /*#__PURE__*/
|
|
62
|
+
const buttonImage = !ButtonImageElement ? null : /*#__PURE__*/React.createElement(ButtonImageElement, {
|
|
63
63
|
"aria-label": iconDescription,
|
|
64
64
|
className: `${prefix}--btn__icon`,
|
|
65
65
|
"aria-hidden": "true"
|
|
@@ -82,7 +82,7 @@ const ButtonBase = /*#__PURE__*/React__default.forwardRef(function ButtonBase(_r
|
|
|
82
82
|
};
|
|
83
83
|
let assistiveText = null;
|
|
84
84
|
if (dangerButtonVariants.includes(kind)) {
|
|
85
|
-
assistiveText = /*#__PURE__*/
|
|
85
|
+
assistiveText = /*#__PURE__*/React.createElement("span", {
|
|
86
86
|
id: assistiveId,
|
|
87
87
|
className: `${prefix}--visually-hidden`
|
|
88
88
|
}, dangerDescription);
|
|
@@ -97,7 +97,7 @@ const ButtonBase = /*#__PURE__*/React__default.forwardRef(function ButtonBase(_r
|
|
|
97
97
|
component = 'a';
|
|
98
98
|
otherProps = anchorProps;
|
|
99
99
|
}
|
|
100
|
-
return /*#__PURE__*/
|
|
100
|
+
return /*#__PURE__*/React.createElement(component, {
|
|
101
101
|
onMouseEnter,
|
|
102
102
|
onMouseLeave,
|
|
103
103
|
onFocus,
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
9
|
-
import
|
|
9
|
+
import React, { forwardRef } from 'react';
|
|
10
10
|
import PropTypes from 'prop-types';
|
|
11
11
|
import cx from 'classnames';
|
|
12
12
|
import { usePrefix } from '../../internal/usePrefix.js';
|
|
@@ -22,7 +22,7 @@ const ButtonSet = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
22
22
|
const buttonSetClasses = cx(className, `${prefix}--btn-set`, {
|
|
23
23
|
[`${prefix}--btn-set--stacked`]: stacked
|
|
24
24
|
});
|
|
25
|
-
return /*#__PURE__*/
|
|
25
|
+
return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
|
|
26
26
|
className: buttonSetClasses,
|
|
27
27
|
ref: ref
|
|
28
28
|
}), children);
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
9
9
|
import PropTypes from 'prop-types';
|
|
10
|
-
import
|
|
10
|
+
import React from 'react';
|
|
11
11
|
import cx from 'classnames';
|
|
12
12
|
import { usePrefix } from '../../internal/usePrefix.js';
|
|
13
13
|
|
|
@@ -21,7 +21,7 @@ const ChatButtonSkeleton = _ref => {
|
|
|
21
21
|
const skeletonClasses = cx(className, `${prefix}--skeleton`, `${prefix}--btn`, `${prefix}--chat-btn`, {
|
|
22
22
|
[`${prefix}--layout--size-${size}`]: size
|
|
23
23
|
});
|
|
24
|
-
return /*#__PURE__*/
|
|
24
|
+
return /*#__PURE__*/React.createElement("div", _extends({
|
|
25
25
|
className: skeletonClasses
|
|
26
26
|
}, rest));
|
|
27
27
|
};
|
|
@@ -6,14 +6,14 @@
|
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
9
|
-
import
|
|
9
|
+
import React from 'react';
|
|
10
10
|
import PropTypes from 'prop-types';
|
|
11
11
|
import cx from 'classnames';
|
|
12
12
|
import Button from '../Button/Button.js';
|
|
13
13
|
import '../Button/Button.Skeleton.js';
|
|
14
14
|
import { usePrefix } from '../../internal/usePrefix.js';
|
|
15
15
|
|
|
16
|
-
const ChatButton = /*#__PURE__*/
|
|
16
|
+
const ChatButton = /*#__PURE__*/React.forwardRef(function ChatButton(_ref, ref) {
|
|
17
17
|
let {
|
|
18
18
|
className,
|
|
19
19
|
children,
|
|
@@ -43,7 +43,7 @@ const ChatButton = /*#__PURE__*/React__default.forwardRef(function ChatButton(_r
|
|
|
43
43
|
size = 'lg';
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
|
-
return /*#__PURE__*/
|
|
46
|
+
return /*#__PURE__*/React.createElement(Button, _extends({
|
|
47
47
|
disabled: disabled,
|
|
48
48
|
className: classNames,
|
|
49
49
|
kind: kind,
|