@carbon/ibm-products 2.43.2-canary.12 → 2.43.2-canary.122
Sign up to get free protection for your applications and to get access to all the features.
- package/css/config-dev.css +6 -1
- package/css/config-dev.css.map +1 -1
- package/css/config.css +6 -1
- package/css/config.css.map +1 -1
- package/css/index-full-carbon.css +1854 -499
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -1
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +267 -65
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -1
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +1463 -250
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -1
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +1659 -369
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/es/components/APIKeyModal/APIKeyModal.types.d.ts +6 -0
- package/es/components/ActionBar/ActionBar.d.ts +58 -2
- package/es/components/ActionBar/ActionBar.js +14 -9
- package/es/components/ActionBar/ActionBarItem.d.ts +36 -2
- package/es/components/ActionBar/ActionBarItem.js +8 -5
- package/es/components/ActionBar/ActionBarOverflowItems.d.ts +55 -16
- package/es/components/ActionBar/ActionBarOverflowItems.js +8 -4
- package/es/components/AddSelect/types/index.d.ts +6 -0
- package/es/components/Card/Card.d.ts +68 -2
- package/es/components/Card/Card.js +28 -35
- package/es/components/Card/CardFooter.d.ts +51 -48
- package/es/components/Card/CardFooter.js +4 -2
- package/es/components/Card/CardHeader.d.ts +67 -49
- package/es/components/Card/CardHeader.js +4 -2
- package/es/components/Coachmark/Coachmark.d.ts +6 -1
- package/es/components/Coachmark/Coachmark.js +47 -11
- package/es/components/Coachmark/CoachmarkOverlay.js +2 -4
- package/es/components/Coachmark/utils/enums.d.ts +6 -0
- package/es/components/CoachmarkBeacon/CoachmarkBeacon.js +1 -7
- package/es/components/CoachmarkFixed/CoachmarkFixed.js +13 -11
- package/es/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +2 -1
- package/es/components/CoachmarkStack/CoachmarkStack.d.ts +67 -2
- package/es/components/CoachmarkStack/CoachmarkStack.js +22 -11
- package/es/components/CoachmarkStack/CoachmarkStackHome.d.ts +71 -2
- package/es/components/CoachmarkStack/CoachmarkStackHome.js +25 -23
- package/es/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +100 -58
- package/es/components/ConditionBuilder/ConditionBuilder.js +82 -25
- package/es/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.d.ts +15 -0
- package/es/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +154 -0
- package/es/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.d.ts +3 -1
- package/es/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +30 -27
- package/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.d.ts +8 -1
- package/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +35 -11
- package/es/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +18 -10
- package/es/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +19 -11
- package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +9 -13
- package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +83 -64
- package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts +13 -7
- package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +31 -8
- package/es/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.d.ts +8 -2
- package/es/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.js +35 -24
- package/es/components/ConditionBuilder/ConditionBuilderContext/translationObject.d.ts +43 -36
- package/es/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +43 -36
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts +6 -2
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +114 -40
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.d.ts +3 -1
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +24 -9
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +27 -9
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts +13 -0
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +114 -0
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/{ConditionBuilderItemOption.d.ts → ItemOptionForValueField.d.ts} +2 -2
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/{ConditionBuilderItemOption.js → ItemOptionForValueField.js} +71 -38
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.d.ts +5 -1
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js +22 -9
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.js +1 -1
- package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts +1 -3
- package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +122 -40
- package/es/components/ConditionBuilder/ConditionPreview/ConditionPreview.d.ts +5 -1
- package/es/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +51 -19
- package/es/components/ConditionBuilder/utils/handleKeyboardEvents.d.ts +2 -1
- package/es/components/ConditionBuilder/utils/handleKeyboardEvents.js +152 -42
- package/es/components/ConditionBuilder/utils/useTranslations.d.ts +1 -0
- package/es/components/ConditionBuilder/utils/useTranslations.js +26 -0
- package/es/components/ConditionBuilder/utils/util.d.ts +6 -4
- package/es/components/ConditionBuilder/utils/util.js +42 -17
- package/es/components/CreateFullPage/CreateFullPage.js +2 -2
- package/es/components/DataSpreadsheet/DataSpreadsheet.d.ts +26 -0
- package/es/components/DataSpreadsheet/DataSpreadsheet.js +129 -53
- package/es/components/DataSpreadsheet/DataSpreadsheetBody.d.ts +16 -0
- package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +32 -7
- package/es/components/DataSpreadsheet/DataSpreadsheetHeader.d.ts +8 -0
- package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +16 -3
- package/es/components/DataSpreadsheet/types/index.d.ts +7 -0
- package/es/components/Datagrid/Datagrid/Datagrid.d.ts +0 -4
- package/es/components/Datagrid/Datagrid/Datagrid.js +4 -9
- package/es/components/Datagrid/Datagrid/DatagridBody.d.ts +6 -0
- package/es/components/Datagrid/Datagrid/DatagridContent.js +4 -3
- package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +23 -8
- package/es/components/Datagrid/Datagrid/DatagridRefBody.d.ts +6 -0
- package/es/components/Datagrid/Datagrid/DatagridRow.js +21 -8
- package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +6 -6
- package/es/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +3 -2
- package/es/components/Datagrid/Datagrid/DatagridSimpleBody.d.ts +6 -0
- package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +3 -1
- package/es/components/Datagrid/Datagrid/DraggableElement.d.ts +6 -0
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +34 -10
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +6 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +6 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.d.ts +6 -3
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +20 -12
- package/es/components/Datagrid/Datagrid/addons/Filtering/handleCheckboxChange.js +7 -0
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.d.ts +1 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +54 -17
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +2 -3
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +75 -12
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +10 -2
- package/es/components/Datagrid/common-column-ids.d.ts +6 -0
- package/es/components/Datagrid/types/index.d.ts +60 -9
- package/es/components/Datagrid/useActionsColumn.d.ts +8 -1
- package/es/components/Datagrid/useActionsColumn.js +7 -6
- package/es/components/Datagrid/useCustomizeColumns.d.ts +8 -1
- package/es/components/Datagrid/useCustomizeColumns.js +4 -3
- package/es/components/Datagrid/useDatagrid.d.ts +6 -0
- package/es/components/Datagrid/useDefaultStringRenderer.js +0 -1
- package/es/components/Datagrid/useDisableSelectRows.d.ts +8 -1
- package/es/components/Datagrid/useDisableSelectRows.js +27 -22
- package/es/components/Datagrid/useInitialColumnSort.js +4 -0
- package/es/components/Datagrid/useInlineEdit.js +12 -2
- package/es/components/Datagrid/useNestedRowExpander.js +1 -3
- package/es/components/Datagrid/useNestedRows.js +5 -4
- package/es/components/Datagrid/useRowExpander.js +1 -3
- package/es/components/Datagrid/useRowIsMouseOver.d.ts +6 -0
- package/es/components/Datagrid/useSelectRows.js +2 -1
- package/es/components/Datagrid/useSortableColumns.d.ts +5 -4
- package/es/components/Datagrid/useSortableColumns.js +18 -13
- package/es/components/Datagrid/useStickyColumn.d.ts +8 -1
- package/es/components/Datagrid/useStickyColumn.js +12 -9
- package/es/components/EditInPlace/EditInPlace.d.ts +4 -0
- package/es/components/EditInPlace/EditInPlace.js +21 -10
- package/es/components/EditTearsheet/EditTearsheet.d.ts +7 -2
- package/es/components/EditTearsheet/EditTearsheet.js +44 -10
- package/es/components/EditTearsheet/EditTearsheetForm.d.ts +45 -2
- package/es/components/EditTearsheet/EditTearsheetForm.js +3 -0
- package/es/components/EmptyStates/EmptyState.d.ts +72 -5
- package/es/components/EmptyStates/EmptyState.js +8 -5
- package/es/components/EmptyStates/EmptyStateV2.d.ts +63 -2
- package/es/components/EmptyStates/EmptyStateV2.js +3 -2
- package/es/components/FullPageError/FullPageError.d.ts +36 -2
- package/es/components/FullPageError/FullPageError.js +0 -3
- package/es/components/GetStartedCard/GetStartedCard.d.ts +60 -2
- package/es/components/GetStartedCard/GetStartedCard.js +11 -10
- package/es/components/HTTPErrors/HTTPError403/HTTPError403.js +6 -0
- package/es/components/HTTPErrors/HTTPError404/HTTPError404.js +6 -0
- package/es/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +6 -0
- package/es/components/HTTPErrors/assets/HTTPErrorSvg403.js +204 -200
- package/es/components/HTTPErrors/assets/HTTPErrorSvg404.js +116 -112
- package/es/components/HTTPErrors/assets/HTTPErrorSvgOther.js +110 -106
- package/es/components/Nav/NavItem.js +12 -3
- package/es/components/OptionsTile/OptionsTile.js +11 -6
- package/es/components/PageHeader/PageHeader.js +1 -0
- package/es/components/PageHeader/PageHeaderUtils.js +1 -1
- package/es/components/RemoveModal/RemoveModal.d.ts +4 -0
- package/es/components/RemoveModal/RemoveModal.js +7 -1
- package/es/components/SearchBar/SearchBar.d.ts +1 -1
- package/es/components/SearchBar/SearchBar.js +2 -2
- package/es/components/SidePanel/SidePanel.js +17 -21
- package/es/components/SidePanel/motion/variants.d.ts +4 -6
- package/es/components/SidePanel/motion/variants.js +10 -11
- package/es/components/StatusIndicator/StatusIndicatorStep.js +87 -0
- package/es/components/StringFormatter/StringFormatter.js +14 -3
- package/es/components/StringFormatter/utils/enums.d.ts +20 -1
- package/es/components/StringFormatter/utils/enums.js +29 -2
- package/es/components/TagOverflow/TagOverflow.d.ts +35 -4
- package/es/components/TagOverflow/TagOverflow.js +47 -64
- package/es/components/TagOverflow/TagOverflowModal.js +4 -6
- package/es/components/TagOverflow/TagOverflowPopover.d.ts +13 -1
- package/es/components/TagOverflow/TagOverflowPopover.js +38 -41
- package/es/components/Tearsheet/Tearsheet.d.ts +8 -1
- package/es/components/Tearsheet/Tearsheet.js +9 -1
- package/es/components/Tearsheet/TearsheetNarrow.d.ts +11 -0
- package/es/components/Tearsheet/TearsheetNarrow.js +12 -0
- package/es/components/Tearsheet/TearsheetShell.d.ts +11 -1
- package/es/components/Tearsheet/TearsheetShell.js +28 -7
- package/es/components/Toolbar/ToolbarButton.js +1 -1
- package/es/components/UserAvatar/UserAvatar.d.ts +59 -1
- package/es/components/UserAvatar/UserAvatar.js +7 -23
- package/es/components/WebTerminal/WebTerminal.js +10 -12
- package/es/components/index.d.ts +1 -1
- package/es/global/js/hooks/useFocus.d.ts +1 -0
- package/es/global/js/hooks/useFocus.js +5 -2
- package/es/global/js/hooks/usePrefersReducedMotion.js +14 -8
- package/es/global/js/package-settings.d.ts +1 -1
- package/es/global/js/package-settings.js +1 -1
- package/es/global/js/utils/scrollableAncestor.js +7 -0
- package/es/global/js/utils/uuidv4.d.ts +6 -0
- package/es/global/js/utils/uuidv4.js +2 -0
- package/es/global/js/utils/wait.d.ts +6 -0
- package/es/global/js/utils/wait.js +2 -0
- package/es/index.js +1 -0
- package/es/node_modules/@carbon/icon-helpers/es/index.js +49 -62
- package/es/node_modules/@carbon/icons-react/es/generated/bucket-2.js +1020 -1058
- package/es/node_modules/@carbon/icons-react/es/generated/bucket-9.js +881 -758
- package/es/settings.d.ts +1 -1
- package/flags.js +7 -0
- package/lib/components/APIKeyModal/APIKeyModal.types.d.ts +6 -0
- package/lib/components/ActionBar/ActionBar.d.ts +58 -2
- package/lib/components/ActionBar/ActionBar.js +14 -9
- package/lib/components/ActionBar/ActionBarItem.d.ts +36 -2
- package/lib/components/ActionBar/ActionBarItem.js +7 -4
- package/lib/components/ActionBar/ActionBarOverflowItems.d.ts +55 -16
- package/lib/components/ActionBar/ActionBarOverflowItems.js +8 -4
- package/lib/components/AddSelect/types/index.d.ts +6 -0
- package/lib/components/Card/Card.d.ts +68 -2
- package/lib/components/Card/Card.js +28 -35
- package/lib/components/Card/CardFooter.d.ts +51 -48
- package/lib/components/Card/CardFooter.js +4 -2
- package/lib/components/Card/CardHeader.d.ts +67 -49
- package/lib/components/Card/CardHeader.js +4 -2
- package/lib/components/Coachmark/Coachmark.d.ts +6 -1
- package/lib/components/Coachmark/Coachmark.js +46 -10
- package/lib/components/Coachmark/CoachmarkOverlay.js +2 -4
- package/lib/components/Coachmark/utils/enums.d.ts +6 -0
- package/lib/components/CoachmarkBeacon/CoachmarkBeacon.js +1 -7
- package/lib/components/CoachmarkFixed/CoachmarkFixed.js +13 -11
- package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +2 -1
- package/lib/components/CoachmarkStack/CoachmarkStack.d.ts +67 -2
- package/lib/components/CoachmarkStack/CoachmarkStack.js +22 -11
- package/lib/components/CoachmarkStack/CoachmarkStackHome.d.ts +71 -2
- package/lib/components/CoachmarkStack/CoachmarkStackHome.js +25 -23
- package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +98 -56
- package/lib/components/ConditionBuilder/ConditionBuilder.js +82 -25
- package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.d.ts +15 -0
- package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +163 -0
- package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.d.ts +3 -1
- package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +29 -25
- package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.d.ts +8 -1
- package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +33 -9
- package/lib/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +16 -8
- package/lib/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +18 -10
- package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +9 -13
- package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +81 -62
- package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts +13 -7
- package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +31 -8
- package/lib/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.d.ts +8 -2
- package/lib/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.js +34 -24
- package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.d.ts +43 -36
- package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +43 -36
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts +6 -2
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +112 -38
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.d.ts +3 -1
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +24 -9
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +28 -10
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts +13 -0
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +122 -0
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/{ConditionBuilderItemOption.d.ts → ItemOptionForValueField.d.ts} +2 -2
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/{ConditionBuilderItemOption.js → ItemOptionForValueField.js} +68 -35
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.d.ts +5 -1
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js +21 -8
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.js +1 -1
- package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts +1 -3
- package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +119 -37
- package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.d.ts +5 -1
- package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +50 -17
- package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.d.ts +2 -1
- package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.js +152 -41
- package/lib/components/ConditionBuilder/utils/useTranslations.d.ts +1 -0
- package/lib/components/ConditionBuilder/utils/useTranslations.js +30 -0
- package/lib/components/ConditionBuilder/utils/util.d.ts +6 -4
- package/lib/components/ConditionBuilder/utils/util.js +44 -16
- package/lib/components/CreateFullPage/CreateFullPage.js +2 -2
- package/lib/components/DataSpreadsheet/DataSpreadsheet.d.ts +26 -0
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +129 -53
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.d.ts +16 -0
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +32 -7
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.d.ts +8 -0
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +16 -3
- package/lib/components/DataSpreadsheet/types/index.d.ts +7 -0
- package/lib/components/Datagrid/Datagrid/Datagrid.d.ts +0 -4
- package/lib/components/Datagrid/Datagrid/Datagrid.js +4 -9
- package/lib/components/Datagrid/Datagrid/DatagridBody.d.ts +6 -0
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +4 -3
- package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +23 -8
- package/lib/components/Datagrid/Datagrid/DatagridRefBody.d.ts +6 -0
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +21 -8
- package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +6 -6
- package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +3 -2
- package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.d.ts +6 -0
- package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +3 -1
- package/lib/components/Datagrid/Datagrid/DraggableElement.d.ts +6 -0
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +34 -10
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +6 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +6 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.d.ts +6 -3
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +20 -12
- package/lib/components/Datagrid/Datagrid/addons/Filtering/handleCheckboxChange.js +7 -0
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.d.ts +1 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +53 -16
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +2 -3
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +74 -11
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +10 -2
- package/lib/components/Datagrid/common-column-ids.d.ts +6 -0
- package/lib/components/Datagrid/types/index.d.ts +60 -9
- package/lib/components/Datagrid/useActionsColumn.d.ts +8 -1
- package/lib/components/Datagrid/useActionsColumn.js +7 -6
- package/lib/components/Datagrid/useCustomizeColumns.d.ts +8 -1
- package/lib/components/Datagrid/useCustomizeColumns.js +4 -3
- package/lib/components/Datagrid/useDatagrid.d.ts +6 -0
- package/lib/components/Datagrid/useDefaultStringRenderer.js +0 -1
- package/lib/components/Datagrid/useDisableSelectRows.d.ts +8 -1
- package/lib/components/Datagrid/useDisableSelectRows.js +27 -22
- package/lib/components/Datagrid/useInitialColumnSort.js +4 -0
- package/lib/components/Datagrid/useInlineEdit.js +12 -2
- package/lib/components/Datagrid/useNestedRowExpander.js +1 -3
- package/lib/components/Datagrid/useNestedRows.js +5 -4
- package/lib/components/Datagrid/useRowExpander.js +1 -3
- package/lib/components/Datagrid/useRowIsMouseOver.d.ts +6 -0
- package/lib/components/Datagrid/useSelectRows.js +2 -1
- package/lib/components/Datagrid/useSortableColumns.d.ts +5 -4
- package/lib/components/Datagrid/useSortableColumns.js +18 -13
- package/lib/components/Datagrid/useStickyColumn.d.ts +8 -1
- package/lib/components/Datagrid/useStickyColumn.js +12 -9
- package/lib/components/EditInPlace/EditInPlace.d.ts +4 -0
- package/lib/components/EditInPlace/EditInPlace.js +21 -10
- package/lib/components/EditTearsheet/EditTearsheet.d.ts +7 -2
- package/lib/components/EditTearsheet/EditTearsheet.js +43 -9
- package/lib/components/EditTearsheet/EditTearsheetForm.d.ts +45 -2
- package/lib/components/EditTearsheet/EditTearsheetForm.js +3 -0
- package/lib/components/EmptyStates/EmptyState.d.ts +72 -5
- package/lib/components/EmptyStates/EmptyState.js +8 -5
- package/lib/components/EmptyStates/EmptyStateV2.d.ts +63 -2
- package/lib/components/EmptyStates/EmptyStateV2.js +3 -2
- package/lib/components/FullPageError/FullPageError.d.ts +36 -2
- package/lib/components/FullPageError/FullPageError.js +0 -3
- package/lib/components/GetStartedCard/GetStartedCard.d.ts +60 -2
- package/lib/components/GetStartedCard/GetStartedCard.js +10 -9
- package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +6 -0
- package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +6 -0
- package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +6 -0
- package/lib/components/HTTPErrors/assets/HTTPErrorSvg403.js +204 -200
- package/lib/components/HTTPErrors/assets/HTTPErrorSvg404.js +116 -112
- package/lib/components/HTTPErrors/assets/HTTPErrorSvgOther.js +110 -106
- package/lib/components/Nav/NavItem.js +10 -1
- package/lib/components/OptionsTile/OptionsTile.js +11 -6
- package/lib/components/PageHeader/PageHeader.js +1 -0
- package/lib/components/PageHeader/PageHeaderUtils.js +1 -1
- package/lib/components/RemoveModal/RemoveModal.d.ts +4 -0
- package/lib/components/RemoveModal/RemoveModal.js +7 -1
- package/lib/components/SearchBar/SearchBar.d.ts +1 -1
- package/lib/components/SearchBar/SearchBar.js +2 -2
- package/lib/components/SidePanel/SidePanel.js +16 -20
- package/lib/components/SidePanel/motion/variants.d.ts +4 -6
- package/lib/components/SidePanel/motion/variants.js +10 -11
- package/lib/components/StatusIndicator/StatusIndicatorStep.js +94 -0
- package/lib/components/StringFormatter/StringFormatter.js +13 -2
- package/lib/components/StringFormatter/utils/enums.d.ts +20 -1
- package/lib/components/StringFormatter/utils/enums.js +30 -1
- package/lib/components/TagOverflow/TagOverflow.d.ts +35 -4
- package/lib/components/TagOverflow/TagOverflow.js +46 -63
- package/lib/components/TagOverflow/TagOverflowModal.js +4 -6
- package/lib/components/TagOverflow/TagOverflowPopover.d.ts +13 -1
- package/lib/components/TagOverflow/TagOverflowPopover.js +37 -40
- package/lib/components/Tearsheet/Tearsheet.d.ts +8 -1
- package/lib/components/Tearsheet/Tearsheet.js +9 -1
- package/lib/components/Tearsheet/TearsheetNarrow.d.ts +11 -0
- package/lib/components/Tearsheet/TearsheetNarrow.js +12 -0
- package/lib/components/Tearsheet/TearsheetShell.d.ts +11 -1
- package/lib/components/Tearsheet/TearsheetShell.js +26 -5
- package/lib/components/Toolbar/ToolbarButton.js +1 -1
- package/lib/components/UserAvatar/UserAvatar.d.ts +59 -1
- package/lib/components/UserAvatar/UserAvatar.js +7 -23
- package/lib/components/WebTerminal/WebTerminal.js +10 -12
- package/lib/components/index.d.ts +1 -1
- package/lib/global/js/hooks/useFocus.d.ts +1 -0
- package/lib/global/js/hooks/useFocus.js +5 -1
- package/lib/global/js/hooks/usePrefersReducedMotion.js +13 -7
- package/lib/global/js/package-settings.d.ts +1 -1
- package/lib/global/js/package-settings.js +1 -1
- package/lib/global/js/utils/scrollableAncestor.js +7 -0
- package/lib/global/js/utils/uuidv4.d.ts +6 -0
- package/lib/global/js/utils/uuidv4.js +2 -0
- package/lib/global/js/utils/wait.d.ts +6 -0
- package/lib/global/js/utils/wait.js +2 -0
- package/lib/index.js +5 -0
- package/lib/node_modules/@carbon/icon-helpers/es/index.js +49 -62
- package/lib/node_modules/@carbon/icons-react/es/generated/bucket-2.js +1036 -1074
- package/lib/node_modules/@carbon/icons-react/es/generated/bucket-9.js +946 -823
- package/lib/settings.d.ts +1 -1
- package/package.json +8 -7
- package/scss/components/Coachmark/_coachmark-overlay.scss +6 -70
- package/scss/components/Coachmark/_coachmark.scss +5 -4
- package/scss/components/CoachmarkBeacon/_coachmark-beacon.scss +1 -3
- package/scss/components/ConditionBuilder/_condition-builder.scss +8 -1
- package/scss/components/ConditionBuilder/styles/_conditionBuilderCondition.scss +30 -5
- package/scss/components/ConditionBuilder/styles/_conditionBuilderItem.scss +88 -22
- package/scss/components/ConditionBuilder/styles/_index.scss +7 -0
- package/scss/components/CreateModal/_create-modal.scss +0 -4
- package/scss/components/DataSpreadsheet/_data-spreadsheet.scss +16 -2
- package/scss/components/Datagrid/_datagrid.scss +0 -4
- package/scss/components/Datagrid/styles/_datagrid.scss +1 -0
- package/scss/components/Datagrid/styles/_useActionsColumn.scss +6 -7
- package/scss/components/Datagrid/styles/_useColumnRightAlign.scss +6 -7
- package/scss/components/Datagrid/styles/_useExpandedRow.scss +6 -7
- package/scss/components/Datagrid/styles/_useInlineEdit.scss +19 -7
- package/scss/components/Datagrid/styles/_useNestedRows.scss +6 -7
- package/scss/components/Datagrid/styles/_useNestedTable.scss +6 -7
- package/scss/components/Datagrid/styles/_useStickyColumn.scss +6 -7
- package/scss/components/Datagrid/styles/addons/_CustomizeColumnsTearsheet.scss +7 -5
- package/scss/components/Datagrid/styles/addons/_FilterFlyout.scss +5 -4
- package/scss/components/Datagrid/styles/addons/_RowSizeDropdown.scss +6 -7
- package/scss/components/HTTPErrors/_http-errors.scss +77 -0
- package/scss/components/OptionsTile/_options-tile.scss +6 -6
- package/scss/components/SidePanel/_side-panel.scss +1 -1
- package/scss/components/_index-released-only.scss +1 -0
- package/scss/config-dev.scss +7 -0
- package/scss/config.scss +7 -0
- package/telemetry.yml +34 -19
- package/es/components/ConditionBuilder/utils/checkForHoldingKey.d.ts +0 -1
- package/es/components/ConditionBuilder/utils/checkForHoldingKey.js +0 -16
- package/es/global/js/utils/window.d.ts +0 -2
- package/es/global/js/utils/window.js +0 -12
- package/lib/components/ConditionBuilder/utils/checkForHoldingKey.d.ts +0 -1
- package/lib/components/ConditionBuilder/utils/checkForHoldingKey.js +0 -20
- package/lib/global/js/utils/window.d.ts +0 -2
- package/lib/global/js/utils/window.js +0 -16
@@ -1,2 +1,60 @@
|
|
1
|
-
|
1
|
+
/**
|
2
|
+
* Copyright IBM Corp. 2024, 2024
|
3
|
+
*
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
6
|
+
*/
|
2
7
|
import React from 'react';
|
8
|
+
import '../../global/js/utils/props-helper';
|
9
|
+
/**
|
10
|
+
* TODO: A description of the component.
|
11
|
+
*/
|
12
|
+
type BackgroundColor = 'order-1-cyan' | 'order-2-gray' | 'order-3-green' | 'order-4-magenta' | 'order-5-purple' | 'order-6-teal' | 'order-7-cyan' | 'order-8-gray' | 'order-9-green' | 'order-10-magenta' | 'order-11-purple' | 'order-12-teal';
|
13
|
+
type Size = 'xl' | 'lg' | 'md' | 'sm';
|
14
|
+
type TooltipAlignment = 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right';
|
15
|
+
type ImageProps = {
|
16
|
+
/**
|
17
|
+
* When passing the image prop, supply a full path to the image to be displayed.
|
18
|
+
*/
|
19
|
+
image: string;
|
20
|
+
/**
|
21
|
+
* When passing the image prop use the imageDescription prop to describe the image for screen reader.
|
22
|
+
*/
|
23
|
+
imageDescription: string;
|
24
|
+
} | {
|
25
|
+
image?: never;
|
26
|
+
imageDescription?: never;
|
27
|
+
};
|
28
|
+
type UserAvatarBaseProps = {
|
29
|
+
/**
|
30
|
+
* Provide the background color need to be set for UserAvatar.
|
31
|
+
*/
|
32
|
+
backgroundColor?: BackgroundColor;
|
33
|
+
/**
|
34
|
+
* Provide an optional class to be applied to the containing node.
|
35
|
+
*/
|
36
|
+
className?: string;
|
37
|
+
/**
|
38
|
+
* When passing the name prop, either send the initials to be used or the user's full name. The first two capital letters of the user's name will be used as the name.
|
39
|
+
*/
|
40
|
+
name?: string;
|
41
|
+
/**
|
42
|
+
* Provide a custom icon to use if you need to use an icon other than the default one
|
43
|
+
*/
|
44
|
+
renderIcon?: React.ElementType;
|
45
|
+
/**
|
46
|
+
* Set the size of the avatar circle
|
47
|
+
*/
|
48
|
+
size?: Size;
|
49
|
+
/**
|
50
|
+
* Specify how the trigger should align with the tooltip
|
51
|
+
*/
|
52
|
+
tooltipAlignment?: TooltipAlignment;
|
53
|
+
/**
|
54
|
+
* Pass in the display name to have it shown on hover
|
55
|
+
*/
|
56
|
+
tooltipText?: string;
|
57
|
+
};
|
58
|
+
type UserAvatarProps = UserAvatarBaseProps & ImageProps;
|
59
|
+
export declare let UserAvatar: React.ForwardRefExoticComponent<UserAvatarProps & React.RefAttributes<HTMLDivElement>>;
|
60
|
+
export {};
|
@@ -26,42 +26,23 @@ var componentName = 'UserAvatar';
|
|
26
26
|
|
27
27
|
// NOTE: the component SCSS is not imported here: it is rolled up separately.
|
28
28
|
|
29
|
-
// Default values can be included here and then assigned to the prop params,
|
30
|
-
// e.g. prop = defaults.prop,
|
31
|
-
// This gathers default values together neatly and ensures non-primitive
|
32
|
-
// values are initialized early to avoid react making unnecessary re-renders.
|
33
|
-
// Note that default values are not required for props that are 'required',
|
34
|
-
// nor for props where the component can apply undefined values reasonably.
|
35
|
-
// Default values should be provided when the component needs to make a choice
|
36
|
-
// or assumption when a prop is not supplied.
|
37
|
-
|
38
|
-
// Default values for props
|
39
|
-
// const defaults = {
|
40
|
-
// /* TODO: add defaults for relevant props if needed */
|
41
|
-
// };
|
42
|
-
|
43
29
|
/**
|
44
30
|
* TODO: A description of the component.
|
45
31
|
*/
|
46
32
|
|
47
|
-
var defaults = {
|
48
|
-
size: 'md',
|
49
|
-
tooltipAlignment: 'bottom',
|
50
|
-
backgroundColor: 'order-1-cyan'
|
51
|
-
};
|
52
33
|
var UserAvatar = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
53
34
|
var _ref$backgroundColor = _ref.backgroundColor,
|
54
|
-
backgroundColor = _ref$backgroundColor === void 0 ?
|
35
|
+
backgroundColor = _ref$backgroundColor === void 0 ? 'order-1-cyan' : _ref$backgroundColor,
|
55
36
|
className = _ref.className,
|
56
37
|
image = _ref.image,
|
57
38
|
imageDescription = _ref.imageDescription,
|
58
39
|
name = _ref.name,
|
59
40
|
RenderIcon = _ref.renderIcon,
|
60
41
|
_ref$size = _ref.size,
|
61
|
-
size = _ref$size === void 0 ?
|
42
|
+
size = _ref$size === void 0 ? 'md' : _ref$size,
|
62
43
|
tooltipText = _ref.tooltipText,
|
63
44
|
_ref$tooltipAlignment = _ref.tooltipAlignment,
|
64
|
-
tooltipAlignment = _ref$tooltipAlignment === void 0 ?
|
45
|
+
tooltipAlignment = _ref$tooltipAlignment === void 0 ? 'bottom' : _ref$tooltipAlignment,
|
65
46
|
rest = _objectWithoutProperties(_ref, _excluded);
|
66
47
|
var carbonPrefix = usePrefix();
|
67
48
|
var iconSize = {
|
@@ -72,7 +53,7 @@ var UserAvatar = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
|
72
53
|
};
|
73
54
|
var formatInitials = function formatInitials() {
|
74
55
|
var _ref2;
|
75
|
-
var parts = name.split(' ');
|
56
|
+
var parts = (name === null || name === void 0 ? void 0 : name.split(' ')) || [];
|
76
57
|
var firstChar = parts[0].charAt(0).toUpperCase();
|
77
58
|
var secondChar = parts[0].charAt(1).toUpperCase();
|
78
59
|
if (parts.length === 1) {
|
@@ -152,10 +133,12 @@ UserAvatar.propTypes = {
|
|
152
133
|
/**
|
153
134
|
* When passing the image prop, supply a full path to the image to be displayed.
|
154
135
|
*/
|
136
|
+
/**@ts-ignore */
|
155
137
|
image: PropTypes.string,
|
156
138
|
/**
|
157
139
|
* When passing the image prop use the imageDescription prop to describe the image for screen reader.
|
158
140
|
*/
|
141
|
+
/**@ts-ignore */
|
159
142
|
imageDescription: PropTypes.string.isRequired.if(function (_ref3) {
|
160
143
|
var image = _ref3.image;
|
161
144
|
return !!image;
|
@@ -167,6 +150,7 @@ UserAvatar.propTypes = {
|
|
167
150
|
/**
|
168
151
|
* Provide a custom icon to use if you need to use an icon other than the default one
|
169
152
|
*/
|
153
|
+
/**@ts-ignore */
|
170
154
|
renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
|
171
155
|
/**
|
172
156
|
* Set the size of the avatar circle
|
@@ -15,6 +15,7 @@ import { OverflowMenu, OverflowMenuItem, Button, Theme } from '@carbon/react';
|
|
15
15
|
import { moderate02 } from '@carbon/motion';
|
16
16
|
import { useWebTerminal } from './hooks/index.js';
|
17
17
|
import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
|
18
|
+
import usePrefersReducedMotion from '../../global/js/hooks/usePrefersReducedMotion.js';
|
18
19
|
|
19
20
|
var _excluded = ["actions", "children", "className", "closeIconDescription", "documentationLinks", "documentationLinksIconDescription", "isInitiallyOpen", "webTerminalAriaLabel"];
|
20
21
|
|
@@ -56,10 +57,7 @@ var WebTerminal = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
|
56
57
|
_useState2 = _slicedToArray(_useState, 2),
|
57
58
|
shouldRender = _useState2[0],
|
58
59
|
setRender = _useState2[1];
|
59
|
-
var
|
60
|
-
matches: true
|
61
|
-
},
|
62
|
-
prefersReducedMotion = _ref2.matches;
|
60
|
+
var shouldReduceMotion = usePrefersReducedMotion();
|
63
61
|
var webTerminalAnimationName = "".concat(open ? 'web-terminal-entrance' : 'web-terminal-exit forwards', " ").concat(moderate02);
|
64
62
|
var showDocumentationLinks = useMemo(function () {
|
65
63
|
return documentationLinks.length > 0;
|
@@ -92,7 +90,7 @@ var WebTerminal = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
|
92
90
|
If the user prefers reduced motion, we have to manually set render to false
|
93
91
|
because onAnimationEnd will never be called.
|
94
92
|
*/
|
95
|
-
if (
|
93
|
+
if (shouldReduceMotion) {
|
96
94
|
setRender(false);
|
97
95
|
}
|
98
96
|
closeWebTerminal === null || closeWebTerminal === void 0 || closeWebTerminal();
|
@@ -101,7 +99,7 @@ var WebTerminal = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
|
101
99
|
ref: ref,
|
102
100
|
className: cx([blockClass, className, _defineProperty(_defineProperty({}, "".concat(blockClass, "--open"), open), "".concat(blockClass, "--closed"), !open)]),
|
103
101
|
style: {
|
104
|
-
animation: !
|
102
|
+
animation: !shouldReduceMotion ? webTerminalAnimationName : ''
|
105
103
|
},
|
106
104
|
onAnimationEnd: onAnimationEnd
|
107
105
|
}), /*#__PURE__*/React__default.createElement("header", {
|
@@ -119,15 +117,15 @@ var WebTerminal = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
|
119
117
|
"aria-label": documentationLinksIconDescription,
|
120
118
|
menuOptionsClass: "".concat(blockClass, "__documentation-overflow"),
|
121
119
|
size: "lg"
|
122
|
-
}, documentationLinks.map(function (
|
123
|
-
var rest = _extends({}, (_objectDestructuringEmpty(
|
120
|
+
}, documentationLinks.map(function (_ref3, i) {
|
121
|
+
var rest = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
|
124
122
|
return /*#__PURE__*/React__default.createElement(OverflowMenuItem, _extends({
|
125
123
|
key: i
|
126
124
|
}, rest));
|
127
|
-
})), actions.map(function (
|
128
|
-
var renderIcon =
|
129
|
-
onClick =
|
130
|
-
iconDescription =
|
125
|
+
})), actions.map(function (_ref4) {
|
126
|
+
var renderIcon = _ref4.renderIcon,
|
127
|
+
onClick = _ref4.onClick,
|
128
|
+
iconDescription = _ref4.iconDescription;
|
131
129
|
return /*#__PURE__*/React__default.createElement(Button, {
|
132
130
|
key: iconDescription,
|
133
131
|
hasIconOnly: true,
|
package/es/components/index.d.ts
CHANGED
@@ -50,7 +50,6 @@ export { Nav } from "./Nav";
|
|
50
50
|
export { StringFormatter } from "./StringFormatter";
|
51
51
|
export { UserAvatar } from "./UserAvatar";
|
52
52
|
export { ScrollGradient } from "./ScrollGradient";
|
53
|
-
export { StatusIndicator } from "./StatusIndicator";
|
54
53
|
export { TagOverflow } from "./TagOverflow";
|
55
54
|
export { ActionBar } from "./ActionBar";
|
56
55
|
export { ConditionBuilder } from "./ConditionBuilder";
|
@@ -68,5 +67,6 @@ export { EditTearsheet, EditTearsheetForm } from "./EditTearsheet";
|
|
68
67
|
export { Guidebanner, GuidebannerElement, GuidebannerElementButton, GuidebannerElementLink } from "./Guidebanner";
|
69
68
|
export { InlineTip, InlineTipButton, InlineTipLink } from "./InlineTip";
|
70
69
|
export { DescriptionList, DescriptionListBody, DescriptionListCell, DescriptionListRow } from "./DescriptionList";
|
70
|
+
export { StatusIndicator, StatusIndicatorStep } from "./StatusIndicator";
|
71
71
|
export { FilterPanel, FilterPanelAccordion, FilterPanelAccordionItem, FilterPanelCheckbox, FilterPanelCheckboxWithOverflow, FilterPanelGroup, FilterPanelLabel, FilterPanelSearch } from "./FilterPanel";
|
72
72
|
export { FeatureFlags as unstable_FeatureFlags, useFeatureFlag as unstable_useFeatureFlag, useFeatureFlags as unstable_useFeatureFlags } from "./FeatureFlags";
|
@@ -9,6 +9,9 @@ import { usePrefix } from '@carbon/react';
|
|
9
9
|
import { pkg } from '../../../settings.js';
|
10
10
|
import { useCallback, useEffect } from 'react';
|
11
11
|
|
12
|
+
var getSpecificElement = function getSpecificElement(parentEl, elementId) {
|
13
|
+
return elementId ? parentEl === null || parentEl === void 0 ? void 0 : parentEl.querySelector(elementId) : null;
|
14
|
+
};
|
12
15
|
var useFocus = function useFocus(modalRef, selectorPrimaryFocus) {
|
13
16
|
var carbonPrefix = usePrefix();
|
14
17
|
var tearsheetBaseClass = "".concat(pkg.prefix, "--tearsheet");
|
@@ -39,7 +42,7 @@ var useFocus = function useFocus(modalRef, selectorPrimaryFocus) {
|
|
39
42
|
var first = (_focusableElements2 = focusableElements) === null || _focusableElements2 === void 0 ? void 0 : _focusableElements2[0];
|
40
43
|
var last = (_focusableElements3 = focusableElements) === null || _focusableElements3 === void 0 ? void 0 : _focusableElements3[((_focusableElements4 = focusableElements) === null || _focusableElements4 === void 0 ? void 0 : _focusableElements4.length) - 1];
|
41
44
|
var all = focusableElements;
|
42
|
-
var specifiedElement =
|
45
|
+
var specifiedElement = getSpecificElement(modalEl, selectorPrimaryFocus);
|
43
46
|
return {
|
44
47
|
first: first,
|
45
48
|
last: last,
|
@@ -84,4 +87,4 @@ var useFocus = function useFocus(modalRef, selectorPrimaryFocus) {
|
|
84
87
|
};
|
85
88
|
};
|
86
89
|
|
87
|
-
export { useFocus };
|
90
|
+
export { getSpecificElement, useFocus };
|
@@ -6,20 +6,26 @@
|
|
6
6
|
*/
|
7
7
|
|
8
8
|
import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
|
9
|
-
import { useState
|
10
|
-
import {
|
9
|
+
import { useState } from 'react';
|
10
|
+
import { useIsomorphicEffect } from './useIsomorphicEffect.js';
|
11
11
|
|
12
12
|
var usePrefersReducedMotion = function usePrefersReducedMotion() {
|
13
13
|
var _useState = useState(false),
|
14
14
|
_useState2 = _slicedToArray(_useState, 2),
|
15
15
|
prefersReducedMotion = _useState2[0],
|
16
16
|
setPrefersReducedMotion = _useState2[1];
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
17
|
+
useIsomorphicEffect(function () {
|
18
|
+
var mediaQueryList = window.matchMedia('(prefers-reduced-motion: no-preference)');
|
19
|
+
var _window$matchMedia = window.matchMedia('(prefers-reduced-motion: no-preference)'),
|
20
|
+
matches = _window$matchMedia.matches;
|
21
|
+
setPrefersReducedMotion(!matches);
|
22
|
+
var listener = function listener(event) {
|
23
|
+
setPrefersReducedMotion(!event.matches);
|
24
|
+
};
|
25
|
+
mediaQueryList.addEventListener('change', listener);
|
26
|
+
return function () {
|
27
|
+
mediaQueryList.removeEventListener('change', listener);
|
28
|
+
};
|
23
29
|
}, []);
|
24
30
|
return prefersReducedMotion;
|
25
31
|
};
|
@@ -39,6 +39,7 @@ declare namespace defaults {
|
|
39
39
|
let ErrorEmptyState: boolean;
|
40
40
|
let ExportModal: boolean;
|
41
41
|
let ExpressiveCard: boolean;
|
42
|
+
let FullPageError: boolean;
|
42
43
|
let HTTPError403: boolean;
|
43
44
|
let HTTPError404: boolean;
|
44
45
|
let HTTPErrorOther: boolean;
|
@@ -80,7 +81,6 @@ declare namespace defaults {
|
|
80
81
|
let BigNumbers: boolean;
|
81
82
|
let TruncatedList: boolean;
|
82
83
|
let DelimitedList: boolean;
|
83
|
-
let FullPageError: boolean;
|
84
84
|
let ScrollGradient: boolean;
|
85
85
|
let StringFormatter: boolean;
|
86
86
|
let StatusIndicator: boolean;
|
@@ -37,6 +37,7 @@ var defaults = {
|
|
37
37
|
ErrorEmptyState: true,
|
38
38
|
ExportModal: true,
|
39
39
|
ExpressiveCard: true,
|
40
|
+
FullPageError: true,
|
40
41
|
HTTPError403: true,
|
41
42
|
HTTPError404: true,
|
42
43
|
HTTPErrorOther: true,
|
@@ -79,7 +80,6 @@ var defaults = {
|
|
79
80
|
BigNumbers: false,
|
80
81
|
TruncatedList: false,
|
81
82
|
DelimitedList: false,
|
82
|
-
FullPageError: false,
|
83
83
|
ScrollGradient: false,
|
84
84
|
StringFormatter: false,
|
85
85
|
StatusIndicator: false,
|
@@ -7,6 +7,13 @@
|
|
7
7
|
|
8
8
|
import { typeof as _typeof } from '../../../_virtual/_rollupPluginBabelHelpers.js';
|
9
9
|
|
10
|
+
/**
|
11
|
+
* Copyright IBM Corp. 2024
|
12
|
+
*
|
13
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
14
|
+
* LICENSE file in the root directory of this source tree.
|
15
|
+
*/
|
16
|
+
|
10
17
|
var windowExists = (typeof window === "undefined" ? "undefined" : _typeof(window)) !== "undefined";
|
11
18
|
|
12
19
|
// determine whether the target is scrollable
|
@@ -5,6 +5,8 @@
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
6
6
|
*/
|
7
7
|
|
8
|
+
// https://stackoverflow.com/a/2117523
|
9
|
+
|
8
10
|
function uuidv4() {
|
9
11
|
var randomValues = function randomValues(c) {
|
10
12
|
return typeof crypto !== 'undefined' ? crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4 : Math.random() * 16 >> c / 4;
|
package/es/index.js
CHANGED
@@ -122,6 +122,7 @@ export { StringFormatter } from './components/StringFormatter/StringFormatter.js
|
|
122
122
|
export { UserAvatar } from './components/UserAvatar/UserAvatar.js';
|
123
123
|
export { ScrollGradient } from './components/ScrollGradient/ScrollGradient.js';
|
124
124
|
export { StatusIndicator } from './components/StatusIndicator/StatusIndicator.js';
|
125
|
+
export { StatusIndicatorStep } from './components/StatusIndicator/StatusIndicatorStep.js';
|
125
126
|
export { TagOverflow } from './components/TagOverflow/TagOverflow.js';
|
126
127
|
export { ActionBar } from './components/ActionBar/ActionBar.js';
|
127
128
|
export { FilterPanel } from './components/FilterPanel/FilterPanel.js';
|
@@ -7,81 +7,68 @@
|
|
7
7
|
|
8
8
|
import { typeof as _typeof } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
|
9
9
|
|
10
|
-
function
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
}
|
18
|
-
return keys;
|
10
|
+
function _defineProperty(e, r, t) {
|
11
|
+
return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
|
12
|
+
value: t,
|
13
|
+
enumerable: !0,
|
14
|
+
configurable: !0,
|
15
|
+
writable: !0
|
16
|
+
}) : e[r] = t, e;
|
19
17
|
}
|
20
|
-
function
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
});
|
18
|
+
function ownKeys(e, r) {
|
19
|
+
var t = Object.keys(e);
|
20
|
+
if (Object.getOwnPropertySymbols) {
|
21
|
+
var o = Object.getOwnPropertySymbols(e);
|
22
|
+
r && (o = o.filter(function (r) {
|
23
|
+
return Object.getOwnPropertyDescriptor(e, r).enumerable;
|
24
|
+
})), t.push.apply(t, o);
|
28
25
|
}
|
29
|
-
return
|
26
|
+
return t;
|
30
27
|
}
|
31
|
-
function
|
32
|
-
|
33
|
-
|
34
|
-
Object
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
writable: true
|
28
|
+
function _objectSpread2(e) {
|
29
|
+
for (var r = 1; r < arguments.length; r++) {
|
30
|
+
var t = null != arguments[r] ? arguments[r] : {};
|
31
|
+
r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
|
32
|
+
_defineProperty(e, r, t[r]);
|
33
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
|
34
|
+
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
|
39
35
|
});
|
40
|
-
} else {
|
41
|
-
obj[key] = value;
|
42
36
|
}
|
43
|
-
return
|
37
|
+
return e;
|
44
38
|
}
|
45
|
-
function
|
46
|
-
if (
|
47
|
-
var
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
target[key] = source[key];
|
39
|
+
function _objectWithoutProperties(e, t) {
|
40
|
+
if (null == e) return {};
|
41
|
+
var o,
|
42
|
+
r,
|
43
|
+
i = _objectWithoutPropertiesLoose(e, t);
|
44
|
+
if (Object.getOwnPropertySymbols) {
|
45
|
+
var n = Object.getOwnPropertySymbols(e);
|
46
|
+
for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
|
54
47
|
}
|
55
|
-
return
|
48
|
+
return i;
|
56
49
|
}
|
57
|
-
function
|
58
|
-
if (
|
59
|
-
var
|
60
|
-
var
|
61
|
-
|
62
|
-
|
63
|
-
for (i = 0; i < sourceSymbolKeys.length; i++) {
|
64
|
-
key = sourceSymbolKeys[i];
|
65
|
-
if (excluded.indexOf(key) >= 0) continue;
|
66
|
-
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
67
|
-
target[key] = source[key];
|
68
|
-
}
|
50
|
+
function _objectWithoutPropertiesLoose(r, e) {
|
51
|
+
if (null == r) return {};
|
52
|
+
var t = {};
|
53
|
+
for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
|
54
|
+
if (e.indexOf(n) >= 0) continue;
|
55
|
+
t[n] = r[n];
|
69
56
|
}
|
70
|
-
return
|
57
|
+
return t;
|
71
58
|
}
|
72
|
-
function _toPrimitive(
|
73
|
-
if (
|
74
|
-
var
|
75
|
-
if (
|
76
|
-
var
|
77
|
-
if (
|
59
|
+
function _toPrimitive(t, r) {
|
60
|
+
if ("object" != _typeof(t) || !t) return t;
|
61
|
+
var e = t[Symbol.toPrimitive];
|
62
|
+
if (void 0 !== e) {
|
63
|
+
var i = e.call(t, r || "default");
|
64
|
+
if ("object" != _typeof(i)) return i;
|
78
65
|
throw new TypeError("@@toPrimitive must return a primitive value.");
|
79
66
|
}
|
80
|
-
return (
|
67
|
+
return ("string" === r ? String : Number)(t);
|
81
68
|
}
|
82
|
-
function _toPropertyKey(
|
83
|
-
var
|
84
|
-
return _typeof(
|
69
|
+
function _toPropertyKey(t) {
|
70
|
+
var i = _toPrimitive(t, "string");
|
71
|
+
return "symbol" == _typeof(i) ? i : i + "";
|
85
72
|
}
|
86
73
|
var _excluded = ["width", "height", "viewBox"],
|
87
74
|
_excluded2 = ["tabindex"];
|