@carbon/ibm-products 1.73.0 → 1.73.2
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/css/index-full-carbon.css +34 -53
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -14
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +25 -40
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -12
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +27 -47
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -14
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +31 -51
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -14
- package/css/index.min.css.map +1 -1
- package/es/components/APIKeyModal/APIKeyDownloader.js +1 -1
- package/es/components/APIKeyModal/APIKeyModal.js +3 -3
- package/es/components/AboutModal/AboutModal.js +2 -2
- package/es/components/ActionBar/ActionBar.js +4 -4
- package/es/components/ActionBar/ActionBarItem.js +2 -2
- package/es/components/ActionSet/ActionSet.js +5 -6
- package/es/components/AddSelect/AddSelectBody.js +4 -4
- package/es/components/AddSelect/AddSelectColumn.js +5 -4
- package/es/components/AddSelect/AddSelectFilter.js +2 -2
- package/es/components/AddSelect/AddSelectList.js +2 -3
- package/es/components/AddSelect/AddSelectSidebar.js +1 -1
- package/es/components/AddSelect/add-select-utils.js +7 -6
- package/es/components/AddSelect/hooks/usePath.js +2 -2
- package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +4 -5
- package/es/components/ButtonMenu/ButtonMenu.js +0 -1
- package/es/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +5 -5
- package/es/components/Card/Card.js +3 -4
- package/es/components/Card/CardHeader.js +1 -2
- package/es/components/Cascade/Cascade.js +2 -2
- package/es/components/Coachmark/Coachmark.js +1 -1
- package/es/components/CoachmarkBeacon/CoachmarkBeacon.js +2 -3
- package/es/components/CoachmarkFixed/CoachmarkFixed.js +1 -2
- package/es/components/CoachmarkStack/CoachmarkStackHome.js +1 -1
- package/es/components/ComboButton/ComboButton.js +2 -2
- package/es/components/CreateFullPage/CreateFullPageStep.js +3 -4
- package/es/components/CreateInfluencer/CreateInfluencer.js +0 -1
- package/es/components/CreateModal/CreateModal.js +1 -1
- package/es/components/CreateSidePanel/CreateSidePanel.js +2 -2
- package/es/components/CreateTearsheet/CreateTearsheetStep.js +3 -4
- package/es/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +1 -1
- package/es/components/DataSpreadsheet/DataSpreadsheet.js +3 -5
- package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +7 -8
- package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +4 -5
- package/es/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +2 -3
- package/es/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +5 -5
- package/es/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +4 -4
- package/es/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +4 -4
- package/es/components/DataSpreadsheet/utils/createActiveCellFn.js +1 -2
- package/es/components/DataSpreadsheet/utils/createCellSelectionArea.js +0 -1
- package/es/components/DataSpreadsheet/utils/generateData.js +2 -2
- package/es/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +2 -2
- package/es/components/DataSpreadsheet/utils/handleCellDeletion.js +4 -4
- package/es/components/DataSpreadsheet/utils/handleEditSubmit.js +2 -4
- package/es/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +2 -2
- package/es/components/DataSpreadsheet/utils/handleMultipleKeys.js +2 -2
- package/es/components/DataSpreadsheet/utils/selectAllCells.js +2 -2
- package/es/components/Datagrid/Datagrid/DatagridContent.js +1 -2
- package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +4 -5
- package/es/components/Datagrid/Datagrid/DatagridRefBody.js +2 -2
- package/es/components/Datagrid/Datagrid/DatagridRow.js +15 -16
- package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +2 -2
- package/es/components/Datagrid/Datagrid/DatagridSimpleBody.js +2 -2
- package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +2 -3
- package/es/components/Datagrid/Datagrid/DraggableElement.js +1 -2
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +2 -2
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +2 -2
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +1 -2
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +3 -4
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +2 -2
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +11 -11
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +2 -3
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +11 -11
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js +2 -2
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +3 -3
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +5 -5
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +0 -2
- package/es/components/Datagrid/Datagrid/addons/stateReducer.js +5 -5
- package/es/components/Datagrid/Datagrid.stories/common.js +5 -5
- package/es/components/Datagrid/useActionsColumn.js +3 -5
- package/es/components/Datagrid/useColumnCenterAlign.js +2 -2
- package/es/components/Datagrid/useColumnRightAlign.js +2 -2
- package/es/components/Datagrid/useCustomizeColumns.js +2 -2
- package/es/components/Datagrid/useDatagrid.js +2 -2
- package/es/components/Datagrid/useDefaultStringRenderer.js +2 -2
- package/es/components/Datagrid/useDisableSelectRows.js +4 -4
- package/es/components/Datagrid/useExpandedRow.js +2 -2
- package/es/components/Datagrid/useFiltering.js +7 -8
- package/es/components/Datagrid/useFloatingScroll.js +1 -1
- package/es/components/Datagrid/useInitialColumnSort.js +1 -1
- package/es/components/Datagrid/useInlineEdit.js +2 -2
- package/es/components/Datagrid/useNestedRowExpander.js +3 -4
- package/es/components/Datagrid/useNestedRows.js +1 -2
- package/es/components/Datagrid/useRowExpander.js +2 -2
- package/es/components/Datagrid/useRowIsMouseOver.js +2 -2
- package/es/components/Datagrid/useRowRenderer.js +3 -3
- package/es/components/Datagrid/useRowSize.js +2 -2
- package/es/components/Datagrid/useSelectRows.js +4 -5
- package/es/components/Datagrid/useSortableColumns.js +3 -4
- package/es/components/Datagrid/useStickyColumn.js +5 -7
- package/es/components/Datagrid/utils/DatagridPagination.js +0 -1
- package/es/components/Datagrid/utils/filterPropsForTesting.js +2 -3
- package/es/components/Datagrid/utils/makeData.js +5 -5
- package/es/components/EditInPlace/EditInPlace.js +2 -2
- package/es/components/EditSidePanel/EditSidePanel.js +2 -2
- package/es/components/EditTearsheet/EditTearsheetForm.js +1 -2
- package/es/components/EmptyStates/EmptyState.js +2 -2
- package/es/components/EmptyStates/EmptyStateContent.js +2 -2
- package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +2 -2
- package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +2 -2
- package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +2 -2
- package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +2 -2
- package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +2 -2
- package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +2 -2
- package/es/components/ExampleComponent/ExampleComponent.js +2 -2
- package/es/components/ExportModal/ExportModal.js +5 -5
- package/es/components/FilterSummary/FilterSummary.js +3 -3
- package/es/components/HTTPErrors/HTTPErrorContent.js +2 -2
- package/es/components/ImportModal/ImportModal.js +3 -3
- package/es/components/InlineEdit/InlineEdit.js +2 -2
- package/es/components/InlineEditV1/InlineEditV1.js +5 -4
- package/es/components/InlineEditV2/InlineEditV2.js +3 -4
- package/es/components/InlineTip/utils.js +6 -5
- package/es/components/InterstitialScreen/InterstitialScreen.js +4 -5
- package/es/components/InterstitialScreenViewModule/InterstitialScreenViewModule.js +0 -1
- package/es/components/NotificationsPanel/NotificationsPanel.js +2 -3
- package/es/components/PageHeader/PageHeader.js +11 -13
- package/es/components/PageHeader/PageHeaderUtils.js +2 -2
- package/es/components/ProductiveCard/ProductiveCard.js +2 -2
- package/es/components/RemoveModal/RemoveModal.js +2 -2
- package/es/components/Saving/Saving.js +6 -6
- package/es/components/SidePanel/SidePanel.js +17 -18
- package/es/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js +2 -2
- package/es/components/TagSet/TagSet.js +4 -4
- package/es/components/TagSet/TagSetModal.js +5 -5
- package/es/components/TagSet/TagSetOverflow.js +1 -2
- package/es/components/Tearsheet/Tearsheet.js +2 -2
- package/es/components/Tearsheet/TearsheetNarrow.js +2 -2
- package/es/components/Tearsheet/TearsheetShell.js +10 -11
- package/es/components/WebTerminal/WebTerminal.js +3 -4
- package/es/global/js/hooks/useCreateComponentFocus.js +1 -1
- package/es/global/js/hooks/useCreateComponentStepChange.js +3 -3
- package/es/global/js/hooks/useFocus.js +4 -4
- package/es/global/js/hooks/useWindowResize.js +2 -2
- package/es/global/js/package-settings.js +2 -3
- package/es/global/js/utils/Wrap.js +3 -3
- package/es/global/js/utils/deepCloneObject.js +4 -3
- package/es/global/js/utils/getNodeTextContent.js +6 -5
- package/es/global/js/utils/motionConstants.js +0 -1
- package/es/global/js/utils/props-helper.js +3 -3
- package/es/global/js/utils/scrollableAncestor.js +3 -3
- package/es/global/js/utils/story-helper.js +1 -1
- package/es/global/js/utils/test-helper.js +1 -1
- package/es/global/js/utils/unwrap-if-fragment.js +6 -6
- package/lib/components/APIKeyModal/APIKeyDownloader.js +4 -5
- package/lib/components/APIKeyModal/APIKeyModal.js +12 -8
- package/lib/components/AboutModal/AboutModal.js +14 -6
- package/lib/components/ActionBar/ActionBar.js +16 -9
- package/lib/components/ActionBar/ActionBarItem.js +12 -5
- package/lib/components/ActionBar/ActionBarOverflowItems.js +3 -4
- package/lib/components/ActionSet/ActionSet.js +15 -8
- package/lib/components/ActionSet/actions.js +4 -7
- package/lib/components/AddSelect/AddSelect.js +9 -5
- package/lib/components/AddSelect/AddSelectBody.js +13 -9
- package/lib/components/AddSelect/AddSelectBreadcrumbs.js +1 -2
- package/lib/components/AddSelect/AddSelectColumn.js +12 -8
- package/lib/components/AddSelect/AddSelectFilter.js +10 -6
- package/lib/components/AddSelect/AddSelectList.js +3 -5
- package/lib/components/AddSelect/AddSelectMetaPanel.js +3 -4
- package/lib/components/AddSelect/AddSelectSidebar.js +8 -4
- package/lib/components/AddSelect/AddSelectSort.js +1 -2
- package/lib/components/AddSelect/add-select-utils.js +10 -14
- package/lib/components/AddSelect/hooks/useItemSort.js +2 -3
- package/lib/components/AddSelect/hooks/useParentSelect.js +1 -2
- package/lib/components/AddSelect/hooks/usePath.js +8 -4
- package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +16 -10
- package/lib/components/ButtonMenu/ButtonMenu.js +10 -3
- package/lib/components/ButtonMenu/ButtonMenuItem.js +1 -2
- package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +13 -9
- package/lib/components/Card/Card.js +12 -9
- package/lib/components/Card/CardFooter.js +1 -2
- package/lib/components/Card/CardHeader.js +2 -4
- package/lib/components/Carousel/Carousel.js +9 -4
- package/lib/components/Carousel/CarouselItem.js +8 -2
- package/lib/components/Cascade/Cascade.js +11 -7
- package/lib/components/Checklist/Checklist.js +19 -4
- package/lib/components/Checklist/ChecklistChart.js +15 -2
- package/lib/components/Checklist/ChecklistIcon.js +17 -2
- package/lib/components/Coachmark/Coachmark.js +10 -5
- package/lib/components/Coachmark/CoachmarkDragbar.js +11 -4
- package/lib/components/Coachmark/CoachmarkHeader.js +9 -2
- package/lib/components/Coachmark/CoachmarkOverlay.js +11 -4
- package/lib/components/Coachmark/CoachmarkTagline.js +9 -2
- package/lib/components/Coachmark/utils/constants.js +2 -3
- package/lib/components/Coachmark/utils/context.js +3 -5
- package/lib/components/Coachmark/utils/enums.js +4 -7
- package/lib/components/Coachmark/utils/hooks.js +2 -3
- package/lib/components/CoachmarkBeacon/CoachmarkBeacon.js +11 -5
- package/lib/components/CoachmarkButton/CoachmarkButton.js +9 -2
- package/lib/components/CoachmarkFixed/CoachmarkFixed.js +12 -6
- package/lib/components/CoachmarkOverlayElement/CoachmarkOverlayElement.js +9 -2
- package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +11 -4
- package/lib/components/CoachmarkStack/CoachmarkStack.js +9 -4
- package/lib/components/CoachmarkStack/CoachmarkStackHome.js +10 -5
- package/lib/components/ComboButton/ComboButton.js +11 -6
- package/lib/components/ComboButton/ComboButtonItem/index.js +1 -2
- package/lib/components/CreateFullPage/CreateFullPage.js +14 -8
- package/lib/components/CreateFullPage/CreateFullPageStep.js +12 -8
- package/lib/components/CreateInfluencer/CreateInfluencer.js +1 -3
- package/lib/components/CreateModal/CreateModal.js +10 -3
- package/lib/components/CreateSidePanel/CreateSidePanel.js +12 -4
- package/lib/components/CreateTearsheet/CreateTearsheet.js +11 -8
- package/lib/components/CreateTearsheet/CreateTearsheetDivider.js +9 -4
- package/lib/components/CreateTearsheet/CreateTearsheetStep.js +12 -8
- package/lib/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +11 -5
- package/lib/components/CreateTearsheet/preview-components/MultiStepWithIntro.js +4 -5
- package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +10 -3
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +14 -9
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +15 -12
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +12 -9
- package/lib/components/DataSpreadsheet/hooks/useMoveActiveCell.js +2 -3
- package/lib/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +2 -3
- package/lib/components/DataSpreadsheet/hooks/useResetSpreadsheetFocus.js +2 -3
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +4 -6
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +7 -8
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +11 -7
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +2 -3
- package/lib/components/DataSpreadsheet/utils/checkActiveHeaderCell.js +2 -3
- package/lib/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +6 -7
- package/lib/components/DataSpreadsheet/utils/createActiveCellFn.js +3 -5
- package/lib/components/DataSpreadsheet/utils/createCellSelectionArea.js +2 -4
- package/lib/components/DataSpreadsheet/utils/generateData.js +4 -5
- package/lib/components/DataSpreadsheet/utils/getCellSize.js +2 -3
- package/lib/components/DataSpreadsheet/utils/getSelectionAreaPoints.js +2 -3
- package/lib/components/DataSpreadsheet/utils/getSpreadsheetWidth.js +2 -3
- package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +9 -5
- package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionTab.js +2 -3
- package/lib/components/DataSpreadsheet/utils/handleCellDeletion.js +6 -7
- package/lib/components/DataSpreadsheet/utils/handleEditSubmit.js +9 -7
- package/lib/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +4 -5
- package/lib/components/DataSpreadsheet/utils/handleMultipleKeys.js +11 -9
- package/lib/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +2 -3
- package/lib/components/DataSpreadsheet/utils/removeCellSelections.js +2 -3
- package/lib/components/DataSpreadsheet/utils/selectAllCells.js +9 -5
- package/lib/components/Datagrid/Datagrid/Datagrid.js +7 -2
- package/lib/components/Datagrid/Datagrid/DatagridBody.js +1 -2
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +4 -6
- package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +1 -2
- package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +1 -2
- package/lib/components/Datagrid/Datagrid/DatagridHead.js +1 -2
- package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +12 -9
- package/lib/components/Datagrid/Datagrid/DatagridRefBody.js +9 -4
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +21 -18
- package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +11 -6
- package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +9 -4
- package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +9 -4
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +9 -4
- package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +10 -7
- package/lib/components/Datagrid/Datagrid/DraggableElement.js +2 -4
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +3 -4
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +9 -4
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +3 -4
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +10 -6
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +8 -4
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +9 -4
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js +2 -3
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +4 -6
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +6 -8
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +12 -10
- package/lib/components/Datagrid/Datagrid/addons/Filtering/constants.js +15 -30
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +19 -15
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useSubscribeToEventEmitter.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/motion/variants.js +4 -7
- package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js +2 -3
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +3 -5
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +19 -15
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js +11 -8
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/getCellIdAsObject.js +2 -3
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +10 -6
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridFocus.js +2 -3
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +12 -8
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +3 -4
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +10 -5
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +3 -6
- package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +16 -16
- package/lib/components/Datagrid/Datagrid.stories/CustomizeColumnStory.js +2 -3
- package/lib/components/Datagrid/Datagrid.stories/RowSizeDropdownStory.js +2 -3
- package/lib/components/Datagrid/Datagrid.stories/SelectAllWithToggleStory.js +2 -3
- package/lib/components/Datagrid/Datagrid.stories/common.js +9 -12
- package/lib/components/Datagrid/common-column-ids.js +1 -2
- package/lib/components/Datagrid/useActionsColumn.js +10 -7
- package/lib/components/Datagrid/useColumnCenterAlign.js +8 -4
- package/lib/components/Datagrid/useColumnOrder.js +1 -2
- package/lib/components/Datagrid/useColumnRightAlign.js +8 -4
- package/lib/components/Datagrid/useCustomizeColumns.js +10 -6
- package/lib/components/Datagrid/useDatagrid.js +9 -4
- package/lib/components/Datagrid/useDefaultStringRenderer.js +9 -4
- package/lib/components/Datagrid/useDisableSelectRows.js +5 -6
- package/lib/components/Datagrid/useEditableCell.js +1 -2
- package/lib/components/Datagrid/useExpandedRow.js +8 -4
- package/lib/components/Datagrid/useFiltering.js +13 -10
- package/lib/components/Datagrid/useFlexResize.js +1 -2
- package/lib/components/Datagrid/useFloatingScroll.js +2 -3
- package/lib/components/Datagrid/useFocusRowExpander.js +2 -3
- package/lib/components/Datagrid/useInfiniteScroll.js +1 -2
- package/lib/components/Datagrid/useInitialColumnSort.js +3 -4
- package/lib/components/Datagrid/useInlineEdit.js +5 -6
- package/lib/components/Datagrid/useNestedRowExpander.js +11 -8
- package/lib/components/Datagrid/useNestedRows.js +2 -4
- package/lib/components/Datagrid/useOnRowClick.js +1 -2
- package/lib/components/Datagrid/useParentDimensions.js +1 -2
- package/lib/components/Datagrid/useResizeTable.js +1 -2
- package/lib/components/Datagrid/useRowExpander.js +10 -6
- package/lib/components/Datagrid/useRowIsMouseOver.js +9 -4
- package/lib/components/Datagrid/useRowRenderer.js +4 -5
- package/lib/components/Datagrid/useRowSize.js +9 -4
- package/lib/components/Datagrid/useSelectAllToggle.js +3 -4
- package/lib/components/Datagrid/useSelectRows.js +12 -9
- package/lib/components/Datagrid/useSkeletonRows.js +1 -2
- package/lib/components/Datagrid/useSortableColumns.js +10 -8
- package/lib/components/Datagrid/useStickyColumn.js +11 -9
- package/lib/components/Datagrid/utils/DatagridActions.js +4 -5
- package/lib/components/Datagrid/utils/DatagridPagination.js +2 -4
- package/lib/components/Datagrid/utils/Wrapper.js +2 -3
- package/lib/components/Datagrid/utils/filterPropsForTesting.js +5 -8
- package/lib/components/Datagrid/utils/getArgTypes.js +2 -3
- package/lib/components/Datagrid/utils/getAutoSizedColumnWidth.js +2 -3
- package/lib/components/Datagrid/utils/getInlineEditColumns.js +3 -5
- package/lib/components/Datagrid/utils/handleFilterTagLabelText.js +2 -3
- package/lib/components/Datagrid/utils/makeData.js +13 -11
- package/lib/components/EditFullPage/EditFullPage.js +9 -2
- package/lib/components/EditInPlace/EditInPlace.js +11 -6
- package/lib/components/EditSidePanel/EditSidePanel.js +12 -4
- package/lib/components/EditTearsheet/EditTearsheet.js +11 -8
- package/lib/components/EditTearsheet/EditTearsheetForm.js +10 -6
- package/lib/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js +4 -5
- package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js +9 -2
- package/lib/components/EditUpdateCards/EditUpdateCards.js +9 -2
- package/lib/components/EmptyStates/EmptyState.js +12 -6
- package/lib/components/EmptyStates/EmptyStateContent.js +10 -4
- package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +11 -4
- package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +11 -4
- package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +11 -4
- package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +11 -4
- package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +11 -4
- package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +11 -4
- package/lib/components/EmptyStates/assets/ErrorIllustration.js +9 -2
- package/lib/components/EmptyStates/assets/NoDataIllustration.js +9 -2
- package/lib/components/EmptyStates/assets/NoTagsIllustration.js +9 -2
- package/lib/components/EmptyStates/assets/NotFoundIllustration.js +9 -2
- package/lib/components/EmptyStates/assets/NotificationsIllustration.js +9 -2
- package/lib/components/EmptyStates/assets/UnauthorizedIllustration.js +9 -2
- package/lib/components/ExampleComponent/ExampleComponent.js +14 -6
- package/lib/components/ExampleComponent/useExample.js +1 -2
- package/lib/components/ExportModal/ExportModal.js +14 -10
- package/lib/components/ExpressiveCard/ExpressiveCard.js +3 -4
- package/lib/components/FilterSummary/FilterSummary.js +12 -7
- package/lib/components/Guidebanner/Guidebanner.js +11 -4
- package/lib/components/Guidebanner/GuidebannerElement.js +9 -2
- package/lib/components/Guidebanner/GuidebannerElementButton.js +9 -2
- package/lib/components/Guidebanner/GuidebannerElementLink.js +9 -2
- package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +9 -2
- package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +9 -2
- package/lib/components/HTTPErrors/HTTPErrorContent.js +10 -4
- package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +9 -2
- package/lib/components/HTTPErrors/assets/HTTPErrorSvg403.js +1 -2
- package/lib/components/HTTPErrors/assets/HTTPErrorSvg404.js +1 -2
- package/lib/components/HTTPErrors/assets/HTTPErrorSvgOther.js +1 -2
- package/lib/components/ImportModal/ImportModal.js +12 -8
- package/lib/components/InlineEdit/InlineEdit.js +11 -6
- package/lib/components/InlineEditV1/InlineEditV1.js +18 -8
- package/lib/components/InlineEditV2/InlineEditV2.js +13 -10
- package/lib/components/InlineTip/InlineTip.js +11 -4
- package/lib/components/InlineTip/InlineTipButton.js +9 -2
- package/lib/components/InlineTip/InlineTipLink.js +9 -2
- package/lib/components/InlineTip/utils.js +5 -6
- package/lib/components/InterstitialScreen/InterstitialScreen.js +15 -9
- package/lib/components/InterstitialScreen/assets/index.js +4 -8
- package/lib/components/InterstitialScreenView/InterstitialScreenView.js +9 -2
- package/lib/components/InterstitialScreenViewModule/InterstitialScreenViewModule.js +9 -3
- package/lib/components/ModifiedTabs/ModifiedTabLabelNew.js +1 -2
- package/lib/components/ModifiedTabs/ModifiedTabLabelWithClose.js +1 -2
- package/lib/components/ModifiedTabs/ModifiedTabs.js +3 -4
- package/lib/components/MultiAddSelect/MultiAddSelect.js +3 -4
- package/lib/components/NonLinearReading/NonLinearReading.js +9 -4
- package/lib/components/NotificationsPanel/NotificationsPanel.js +14 -7
- package/lib/components/NotificationsPanel/NotificationsPanel_data.js +1 -2
- package/lib/components/NotificationsPanel/preview-components/UnreadNotificationBell.js +2 -3
- package/lib/components/NotificationsPanel/utils.js +1 -2
- package/lib/components/OptionsTile/OptionsTile.js +12 -4
- package/lib/components/PageHeader/PageHeader.js +21 -20
- package/lib/components/PageHeader/PageHeaderDemo.data.js +3 -4
- package/lib/components/PageHeader/PageHeaderTitle.js +2 -4
- package/lib/components/PageHeader/PageHeaderUtils.js +12 -11
- package/lib/components/ProductiveCard/ProductiveCard.js +11 -7
- package/lib/components/RemoveModal/RemoveModal.js +11 -7
- package/lib/components/Saving/Saving.js +15 -10
- package/lib/components/SidePanel/SidePanel.js +29 -22
- package/lib/components/SidePanel/constants.js +2 -3
- package/lib/components/SidePanel/motion/variants.js +3 -5
- package/lib/components/SingleAddSelect/SingleAddSelect.js +3 -4
- package/lib/components/StatusIcon/StatusIcon.js +7 -2
- package/lib/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js +13 -6
- package/lib/components/SteppedAnimatedMedia/assets/index.js +3 -6
- package/lib/components/TagSet/TagSet.js +15 -13
- package/lib/components/TagSet/TagSetModal.js +14 -10
- package/lib/components/TagSet/TagSetOverflow.js +10 -7
- package/lib/components/Tearsheet/Tearsheet.js +13 -6
- package/lib/components/Tearsheet/TearsheetNarrow.js +13 -6
- package/lib/components/Tearsheet/TearsheetShell.js +26 -23
- package/lib/components/Toolbar/Toolbar.js +12 -10
- package/lib/components/Toolbar/ToolbarButton.js +10 -6
- package/lib/components/Toolbar/ToolbarGroup.js +9 -4
- package/lib/components/UserProfileImage/UserProfileImage.js +10 -2
- package/lib/components/WebTerminal/WebTerminal.js +15 -8
- package/lib/components/WebTerminal/WebTerminalContentWrapper.js +9 -2
- package/lib/components/WebTerminal/hooks/index.js +6 -9
- package/lib/components/WebTerminal/preview-components/Navigation.js +1 -2
- package/lib/components/WebTerminal/preview-components/documentationLinks.js +2 -3
- package/lib/components/_Canary/Canary.js +11 -2
- package/lib/global/js/hooks/useActiveElement.js +2 -3
- package/lib/global/js/hooks/useClickOutside.js +2 -3
- package/lib/global/js/hooks/useCreateComponentFocus.js +3 -4
- package/lib/global/js/hooks/useCreateComponentStepChange.js +5 -6
- package/lib/global/js/hooks/useFocus.js +6 -7
- package/lib/global/js/hooks/useIsomorphicEffect.js +1 -2
- package/lib/global/js/hooks/usePrefix.js +2 -3
- package/lib/global/js/hooks/usePreviousValue.js +2 -3
- package/lib/global/js/hooks/useResetCreateComponent.js +2 -3
- package/lib/global/js/hooks/useResizeObserver.js +2 -3
- package/lib/global/js/hooks/useRetrieveStepData.js +2 -3
- package/lib/global/js/hooks/useValidCreateStepCount.js +2 -3
- package/lib/global/js/hooks/useWindowResize.js +4 -5
- package/lib/global/js/package-settings.js +9 -6
- package/lib/global/js/utils/ClickListener.js +3 -4
- package/lib/global/js/utils/DisplayBox.js +1 -2
- package/lib/global/js/utils/Wrap.js +12 -5
- package/lib/global/js/utils/deepCloneObject.js +3 -4
- package/lib/global/js/utils/devtools.js +1 -2
- package/lib/global/js/utils/getBezierValues.js +2 -3
- package/lib/global/js/utils/getFocusableElements.js +2 -3
- package/lib/global/js/utils/getNodeTextContent.js +5 -6
- package/lib/global/js/utils/getNumberOfHiddenSteps.js +2 -3
- package/lib/global/js/utils/getScrollbarWidth.js +2 -3
- package/lib/global/js/utils/keyboardNavigation.js +4 -8
- package/lib/global/js/utils/lastIndexInArray.js +2 -3
- package/lib/global/js/utils/motionConstants.js +3 -5
- package/lib/global/js/utils/pconsole.js +8 -15
- package/lib/global/js/utils/props-helper.js +15 -17
- package/lib/global/js/utils/rangeWithCallback.js +2 -3
- package/lib/global/js/utils/scrollableAncestor.js +5 -6
- package/lib/global/js/utils/story-helper.js +7 -12
- package/lib/global/js/utils/test-helper.js +15 -28
- package/lib/global/js/utils/unwrap-if-fragment.js +7 -8
- package/lib/global/js/utils/uuidv4.js +1 -2
- package/lib/global/js/utils/wait.js +1 -2
- package/lib/global/js/utils/wrapFocus.js +1 -2
- package/lib/settings.js +2 -4
- package/package.json +4 -4
- package/scss/components/AboutModal/_about-modal.scss +1 -2
- package/scss/components/Coachmark/styles/_coachmark-tagline.scss +1 -4
- package/scss/components/Datagrid/styles/_datagrid.scss +1 -2
- package/scss/components/Datagrid/styles/_useStickyColumn.scss +1 -0
- package/scss/components/SidePanel/_side-panel.scss +1 -4
@@ -12,8 +12,13 @@ var _react = _interopRequireDefault(require("react"));
|
|
12
12
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
13
13
|
var _unwrapIfFragment = _interopRequireDefault(require("./unwrap-if-fragment"));
|
14
14
|
var _pconsole = _interopRequireDefault(require("./pconsole"));
|
15
|
-
function ownKeys(
|
16
|
-
function _objectSpread(
|
15
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
16
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } //
|
17
|
+
// Copyright IBM Corp. 2020, 2021
|
18
|
+
//
|
19
|
+
// This source code is licensed under the Apache-2.0 license found in the
|
20
|
+
// LICENSE file in the root directory of this source tree.
|
21
|
+
//
|
17
22
|
// helper functions for component props
|
18
23
|
|
19
24
|
/**
|
@@ -40,7 +45,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
40
45
|
* * prepareProps(props, { c: 6 }) -> { a: 3, c: 6, d: 5 }
|
41
46
|
* * prepareProps(props, 'a', { c: 6 }) -> { c: 6, d: 5 }
|
42
47
|
*/
|
43
|
-
var prepareProps = function prepareProps() {
|
48
|
+
var prepareProps = exports.prepareProps = function prepareProps() {
|
44
49
|
// Convert any string or array arg into an object with nulls as values
|
45
50
|
var toNulls = function toNulls(arg) {
|
46
51
|
return typeof arg === 'string' ? (0, _defineProperty2.default)({}, arg, null) : Array.isArray(arg) ? Object.fromEntries(arg.map(function (key) {
|
@@ -70,7 +75,6 @@ var prepareProps = function prepareProps() {
|
|
70
75
|
// null and undefined do not count as values, but anything else does. If the
|
71
76
|
// prop is 'children', then an array of null/undefined also does not count as
|
72
77
|
// a value, but anything else does.
|
73
|
-
exports.prepareProps = prepareProps;
|
74
78
|
var propHasValue = function propHasValue(props, propName) {
|
75
79
|
var result = props[propName] !== null && props[propName] !== undefined;
|
76
80
|
if (result && propName === 'children' && Array.isArray(props[propName])) {
|
@@ -98,7 +102,7 @@ var propHasValue = function propHasValue(props, propName) {
|
|
98
102
|
* should be used instead.
|
99
103
|
* @returns Any type checking error reported by the validator, or null.
|
100
104
|
*/
|
101
|
-
var deprecatePropUsage = function deprecatePropUsage(validator, deprecated, additionalInfo) {
|
105
|
+
var deprecatePropUsage = exports.deprecatePropUsage = function deprecatePropUsage(validator, deprecated, additionalInfo) {
|
102
106
|
return function (props, propName, comp, loc, propFullName, secret) {
|
103
107
|
if (propHasValue(props, propName) && deprecated(props, propName, comp, loc, propFullName, secret) === null) {
|
104
108
|
_pconsole.default.warn("The usage of the ".concat(loc, " `").concat(propFullName || propName, "` of `").concat(comp, "` has been changed and support for the old usage will soon be removed. ").concat(additionalInfo));
|
@@ -119,8 +123,7 @@ var deprecatePropUsage = function deprecatePropUsage(validator, deprecated, addi
|
|
119
123
|
* be used instead.
|
120
124
|
* @returns Any type checking error reported by the validator, or null.
|
121
125
|
*/
|
122
|
-
exports.
|
123
|
-
var deprecateProp = function deprecateProp(validator, additionalInfo) {
|
126
|
+
var deprecateProp = exports.deprecateProp = function deprecateProp(validator, additionalInfo) {
|
124
127
|
return function (props, propName, comp, loc, propFullName, secret) {
|
125
128
|
if (propHasValue(props, propName)) {
|
126
129
|
_pconsole.default.warn("The ".concat(loc, " `").concat(propFullName || propName, "` of `").concat(comp, "` has been deprecated and will soon be removed. ").concat(additionalInfo));
|
@@ -133,8 +136,7 @@ var deprecateProp = function deprecateProp(validator, additionalInfo) {
|
|
133
136
|
* A function that returns a storybook argTypes object configured to remove deprecated
|
134
137
|
* props from the storybook controls
|
135
138
|
*/
|
136
|
-
exports.
|
137
|
-
var getDeprecatedArgTypes = function getDeprecatedArgTypes(deprecatedProps) {
|
139
|
+
var getDeprecatedArgTypes = exports.getDeprecatedArgTypes = function getDeprecatedArgTypes(deprecatedProps) {
|
138
140
|
var keys = Object.keys(deprecatedProps);
|
139
141
|
return keys.reduce(function (acc, cur) {
|
140
142
|
return acc[cur] = {
|
@@ -150,11 +152,10 @@ var getDeprecatedArgTypes = function getDeprecatedArgTypes(deprecatedProps) {
|
|
150
152
|
* @param {node || array} items - which may have shape to extract
|
151
153
|
* @returns Array of items
|
152
154
|
*/
|
153
|
-
exports.
|
154
|
-
var extractShapesArray = function extractShapesArray(items) {
|
155
|
+
var extractShapesArray = exports.extractShapesArray = function extractShapesArray(items) {
|
155
156
|
var _items$, _items$2;
|
156
157
|
// unwrap if items or the first index looks like a React element or fragment
|
157
|
-
if (items && (items !== null && items !== void 0 && (_items$ = items[0]) !== null && _items$ !== void 0 && _items$.props || (items === null || items === void 0
|
158
|
+
if (items && (items !== null && items !== void 0 && (_items$ = items[0]) !== null && _items$ !== void 0 && _items$.props || (items === null || items === void 0 || (_items$2 = items[0]) === null || _items$2 === void 0 ? void 0 : _items$2.type) === _react.default.Fragment || items.type === _react.default.Fragment)) {
|
158
159
|
var unwrappedItems = (0, _unwrapIfFragment.default)(items);
|
159
160
|
return unwrappedItems.map(function (item) {
|
160
161
|
return _objectSpread({
|
@@ -192,8 +193,7 @@ var extractShapesArray = function extractShapesArray(items) {
|
|
192
193
|
*
|
193
194
|
* }
|
194
195
|
*/
|
195
|
-
exports.
|
196
|
-
var allPropTypes = _pconsole.default.shimIfProduction(function (arrayOfTypeCheckers) {
|
196
|
+
var allPropTypes = exports.allPropTypes = _pconsole.default.shimIfProduction(function (arrayOfTypeCheckers) {
|
197
197
|
if (!Array.isArray(arrayOfTypeCheckers)) {
|
198
198
|
_pconsole.default.error('Warning: Invalid argument supplied to allPropTypes, expected an instance of array.');
|
199
199
|
return _pconsole.default.noop;
|
@@ -245,13 +245,11 @@ var allPropTypes = _pconsole.default.shimIfProduction(function (arrayOfTypeCheck
|
|
245
245
|
* }
|
246
246
|
*
|
247
247
|
*/
|
248
|
-
exports.
|
249
|
-
var isRequiredIf = function isRequiredIf(checker, conditionFn) {
|
248
|
+
var isRequiredIf = exports.isRequiredIf = function isRequiredIf(checker, conditionFn) {
|
250
249
|
return function (props, propName, componentName, location, propFullName, secret) {
|
251
250
|
return (conditionFn(props) ? checker.isRequired : checker)(props, propName, componentName, location, propFullName, secret);
|
252
251
|
};
|
253
252
|
};
|
254
|
-
exports.isRequiredIf = isRequiredIf;
|
255
253
|
isRequiredIf.decorate = function (checker) {
|
256
254
|
checker.isRequired.if = _pconsole.default.isProduction ? _pconsole.default.noop : isRequiredIf.bind(null, checker);
|
257
255
|
};
|
@@ -13,9 +13,8 @@ exports.rangeWithCallback = void 0;
|
|
13
13
|
|
14
14
|
// Iterates through a numeric range and calls callback
|
15
15
|
// function for each iteration
|
16
|
-
var rangeWithCallback = function rangeWithCallback(start, end, fn) {
|
16
|
+
var rangeWithCallback = exports.rangeWithCallback = function rangeWithCallback(start, end, fn) {
|
17
17
|
for (var i = start; i <= end; i++) {
|
18
18
|
fn(i);
|
19
19
|
}
|
20
|
-
};
|
21
|
-
exports.rangeWithCallback = rangeWithCallback;
|
20
|
+
};
|
@@ -13,12 +13,12 @@ var scrollable = function scrollable(target) {
|
|
13
13
|
var style = window.getComputedStyle(target);
|
14
14
|
return /(auto|scroll|hidden)/.test(style.overflow);
|
15
15
|
};
|
16
|
-
var
|
16
|
+
var _scrollableAncestorInner = function scrollableAncestorInner(target) {
|
17
17
|
if (target.parentNode && target.parentNode !== document) {
|
18
18
|
if (scrollable(target.parentNode)) {
|
19
19
|
return target.parentNode;
|
20
20
|
} else {
|
21
|
-
return
|
21
|
+
return _scrollableAncestorInner(target.parentNode);
|
22
22
|
}
|
23
23
|
} else {
|
24
24
|
return document.scrollingElement;
|
@@ -31,7 +31,7 @@ var scrollableAncestorInner = function scrollableAncestorInner(target) {
|
|
31
31
|
* @param {HTMLElement} target
|
32
32
|
* @returns {HTMLElement}
|
33
33
|
*/
|
34
|
-
var scrollableAncestor = function scrollableAncestor(target) {
|
34
|
+
var scrollableAncestor = exports.scrollableAncestor = function scrollableAncestor(target) {
|
35
35
|
if (!windowExists || !target) {
|
36
36
|
return null;
|
37
37
|
}
|
@@ -41,6 +41,5 @@ var scrollableAncestor = function scrollableAncestor(target) {
|
|
41
41
|
if (!target || style.position === 'fixed') {
|
42
42
|
return document.scrollingElement;
|
43
43
|
}
|
44
|
-
return
|
45
|
-
};
|
46
|
-
exports.scrollableAncestor = scrollableAncestor;
|
44
|
+
return _scrollableAncestorInner(target);
|
45
|
+
};
|
@@ -22,7 +22,7 @@ var _storyStructure = require("../../../../../core/story-structure");
|
|
22
22
|
* @param {string} componentName The name of the component.
|
23
23
|
* @returns The structured story title.
|
24
24
|
*/
|
25
|
-
var getStoryTitle = function getStoryTitle(componentName) {
|
25
|
+
var getStoryTitle = exports.getStoryTitle = function getStoryTitle(componentName) {
|
26
26
|
var title =
|
27
27
|
// if the component isn't in the master structure, put it in a lost+found section
|
28
28
|
(0, _storyStructure.getPathForComponent)('c', componentName) || "Carbon for IBM Products/Lost + found/".concat(componentName);
|
@@ -38,8 +38,7 @@ var getStoryTitle = function getStoryTitle(componentName) {
|
|
38
38
|
* @param {string} scenario The scenario name, also as a slug.
|
39
39
|
* @returns The story id.
|
40
40
|
*/
|
41
|
-
exports.
|
42
|
-
var getStoryId = function getStoryId(componentName, scenario, subdirectory) {
|
41
|
+
var getStoryId = exports.getStoryId = function getStoryId(componentName, scenario, subdirectory) {
|
43
42
|
if (subdirectory) {
|
44
43
|
return "".concat((0, _csf.sanitize)(getStoryTitle(componentName)), "-").concat((0, _csf.sanitize)(subdirectory), "--").concat(scenario);
|
45
44
|
}
|
@@ -55,10 +54,9 @@ var getStoryId = function getStoryId(componentName, scenario, subdirectory) {
|
|
55
54
|
* template, such as `args`, `storyName`, etc.
|
56
55
|
* @returns A bound template with the option fields applied.
|
57
56
|
*/
|
58
|
-
exports.getStoryId = getStoryId;
|
59
57
|
var sequence = 0;
|
60
58
|
var bindTarget = {};
|
61
|
-
var prepareStory = function prepareStory(template, options) {
|
59
|
+
var prepareStory = exports.prepareStory = function prepareStory(template, options) {
|
62
60
|
var _result$parameters, _result$parameters2, _result$parameters2$c;
|
63
61
|
var result = Object.assign(template.bind(bindTarget), options);
|
64
62
|
(_result$parameters = result.parameters) !== null && _result$parameters !== void 0 ? _result$parameters : result.parameters = {};
|
@@ -71,17 +69,15 @@ var prepareStory = function prepareStory(template, options) {
|
|
71
69
|
* A helper component that returns a codesandbox link to an example codesandbox for the component.
|
72
70
|
* The link URL is based on the example directory name and the standard codesandbox URL for package examples.
|
73
71
|
*/
|
74
|
-
exports.
|
75
|
-
var CodesandboxLink = function CodesandboxLink(_ref) {
|
72
|
+
var CodesandboxLink = exports.CodesandboxLink = function CodesandboxLink(_ref) {
|
76
73
|
var exampleDirectory = _ref.exampleDirectory;
|
77
74
|
return /*#__PURE__*/_react.default.createElement("a", {
|
78
|
-
href: "https://codesandbox.io/s/github/carbon-design-system/ibm-products/tree/
|
75
|
+
href: "https://codesandbox.io/s/github/carbon-design-system/ibm-products/tree/v1/examples/carbon-for-ibm-products/".concat(exampleDirectory)
|
79
76
|
}, /*#__PURE__*/_react.default.createElement("img", {
|
80
77
|
alt: "Edit on CodeSandbox",
|
81
78
|
src: "https://codesandbox.io/static/img/play-codesandbox.svg"
|
82
79
|
}));
|
83
80
|
};
|
84
|
-
exports.CodesandboxLink = CodesandboxLink;
|
85
81
|
CodesandboxLink.propTypes = {
|
86
82
|
/**
|
87
83
|
* directory withing examples codesandbox will be found
|
@@ -93,8 +89,7 @@ CodesandboxLink.propTypes = {
|
|
93
89
|
* A helper function that finds the designated theme on the Storybook canvas.
|
94
90
|
* @returns "dark" or "light"
|
95
91
|
*/
|
96
|
-
var getSelectedCarbonTheme = function getSelectedCarbonTheme() {
|
92
|
+
var getSelectedCarbonTheme = exports.getSelectedCarbonTheme = function getSelectedCarbonTheme() {
|
97
93
|
var themeId = document.querySelector('html').getAttribute('storybook-carbon-theme');
|
98
94
|
return themeId === 'g90' || themeId === 'g100' ? 'dark' : 'light';
|
99
|
-
};
|
100
|
-
exports.getSelectedCarbonTheme = getSelectedCarbonTheme;
|
95
|
+
};
|
@@ -31,7 +31,7 @@ var loadPath2 = r('../../../../../../node_modules');
|
|
31
31
|
* containing details of the compilation failure.
|
32
32
|
* @param {string} file fully qualified file name of the SCSS file to check.
|
33
33
|
*/
|
34
|
-
var scssCheck = function scssCheck(file) {
|
34
|
+
var scssCheck = exports.scssCheck = function scssCheck(file) {
|
35
35
|
// We use the sass cli because this is currently much faster than using
|
36
36
|
// the API owing to the overhead of @import resolution through the API.
|
37
37
|
// When the sass API is revised it may be feasible to switch back to
|
@@ -47,8 +47,7 @@ var scssCheck = function scssCheck(file) {
|
|
47
47
|
* of the compilation failure.
|
48
48
|
* @param {string} file fully qualified file name of the SCSS file to compile.
|
49
49
|
*/
|
50
|
-
exports.
|
51
|
-
var scssCompile = function scssCompile(file) {
|
50
|
+
var scssCompile = exports.scssCompile = function scssCompile(file) {
|
52
51
|
var compressed = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
53
52
|
return (
|
54
53
|
// We use the sass cli because this is currently much faster than using
|
@@ -75,9 +74,8 @@ var scssCompile = function scssCompile(file) {
|
|
75
74
|
* This function should be called after tests in order not to pollute other
|
76
75
|
* tests with the installed mocks.
|
77
76
|
*/
|
78
|
-
exports.scssCompile = scssCompile;
|
79
77
|
var hep = HTMLElement.prototype;
|
80
|
-
var mockHTMLElement = function mockHTMLElement(options) {
|
78
|
+
var mockHTMLElement = exports.mockHTMLElement = function mockHTMLElement(options) {
|
81
79
|
var originals = {};
|
82
80
|
for (var option in options) {
|
83
81
|
originals[option] = Object.getOwnPropertyDescriptor(hep, option);
|
@@ -102,7 +100,6 @@ var mockHTMLElement = function mockHTMLElement(options) {
|
|
102
100
|
|
103
101
|
// a utility function used by expectWarn/Error to convert an argument
|
104
102
|
// match element to an expect matcher
|
105
|
-
exports.mockHTMLElement = mockHTMLElement;
|
106
103
|
var makeMatcher = function makeMatcher(arg) {
|
107
104
|
return typeof arg === 'string' ? expect.stringContaining(arg) : arg instanceof RegExp ? expect.stringMatching(arg) : arg;
|
108
105
|
};
|
@@ -128,7 +125,7 @@ var makeMatcherArray = function makeMatcherArray(args) {
|
|
128
125
|
* @param {Function} test the test function to call, during which the call to
|
129
126
|
* console.warn will be expected.
|
130
127
|
*/
|
131
|
-
var expectWarn = function expectWarn(message, test) {
|
128
|
+
var expectWarn = exports.expectWarn = function expectWarn(message, test) {
|
132
129
|
var _expect;
|
133
130
|
var warn = jest.spyOn(console, 'warn').mockImplementation(jest.fn());
|
134
131
|
var result = test();
|
@@ -142,9 +139,8 @@ var expectWarn = function expectWarn(message, test) {
|
|
142
139
|
* An async version of expectWarn which awaits the test function and expects the call
|
143
140
|
* to console.warn to have been made.
|
144
141
|
*/
|
145
|
-
exports.
|
146
|
-
var
|
147
|
-
var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(message, test) {
|
142
|
+
var expectWarnAsync = exports.expectWarnAsync = /*#__PURE__*/function () {
|
143
|
+
var _ref = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(message, test) {
|
148
144
|
var _expect2;
|
149
145
|
var warn;
|
150
146
|
return _regenerator.default.wrap(function _callee$(_context) {
|
@@ -182,8 +178,7 @@ var expectWarnAsync = /*#__PURE__*/function () {
|
|
182
178
|
* @param {Function} test the test function to call, during which the calls to
|
183
179
|
* console.warn will be expected.
|
184
180
|
*/
|
185
|
-
exports.
|
186
|
-
var expectMultipleWarn = function expectMultipleWarn(messages, test) {
|
181
|
+
var expectMultipleWarn = exports.expectMultipleWarn = function expectMultipleWarn(messages, test) {
|
187
182
|
var warn = jest.spyOn(console, 'warn').mockImplementation(jest.fn());
|
188
183
|
var result = test();
|
189
184
|
expect(warn).toBeCalledTimes(messages.length);
|
@@ -194,7 +189,6 @@ var expectMultipleWarn = function expectMultipleWarn(messages, test) {
|
|
194
189
|
warn.mockRestore();
|
195
190
|
return result;
|
196
191
|
};
|
197
|
-
exports.expectMultipleWarn = expectMultipleWarn;
|
198
192
|
var checkLogging = function checkLogging(mock, message) {
|
199
193
|
if (message) {
|
200
194
|
var _expect4;
|
@@ -216,7 +210,7 @@ var checkLogging = function checkLogging(mock, message) {
|
|
216
210
|
* @param {Function} test the test function to call, during which the call to
|
217
211
|
* console.error will be expected.
|
218
212
|
*/
|
219
|
-
var expectLogging = function expectLogging(_ref2, test) {
|
213
|
+
var expectLogging = exports.expectLogging = function expectLogging(_ref2, test) {
|
220
214
|
var errors = _ref2.errors,
|
221
215
|
warnings = _ref2.warnings;
|
222
216
|
var error = jest.spyOn(console, 'error').mockImplementation(jest.fn());
|
@@ -242,8 +236,7 @@ var expectLogging = function expectLogging(_ref2, test) {
|
|
242
236
|
* @param {Function} test the test function to call, during which the call to
|
243
237
|
* console.error will be expected.
|
244
238
|
*/
|
245
|
-
exports.
|
246
|
-
var expectError = function expectError(message, test) {
|
239
|
+
var expectError = exports.expectError = function expectError(message, test) {
|
247
240
|
var error = jest.spyOn(console, 'error').mockImplementation(jest.fn());
|
248
241
|
var result = test();
|
249
242
|
checkLogging(error, message);
|
@@ -265,8 +258,7 @@ var expectError = function expectError(message, test) {
|
|
265
258
|
* @param {Function} test the test function to call, during which the calls to
|
266
259
|
* console.error will be expected.
|
267
260
|
*/
|
268
|
-
exports.
|
269
|
-
var expectMultipleError = function expectMultipleError(messages, test) {
|
261
|
+
var expectMultipleError = exports.expectMultipleError = function expectMultipleError(messages, test) {
|
270
262
|
var error = jest.spyOn(console, 'error').mockImplementation(jest.fn());
|
271
263
|
var result = test();
|
272
264
|
expect(error).toBeCalledTimes(messages.length);
|
@@ -284,8 +276,7 @@ var expectMultipleError = function expectMultipleError(messages, test) {
|
|
284
276
|
* @param {string} propName the prop name that is deprecated, or a matching regex
|
285
277
|
* @param {string} componentName the component name on which the prop is defined, or a matching regex
|
286
278
|
*/
|
287
|
-
exports.
|
288
|
-
var deprecated = function deprecated(propName, componentName) {
|
279
|
+
var deprecated = exports.deprecated = function deprecated(propName, componentName) {
|
289
280
|
var additionalInfo = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
|
290
281
|
return expect.stringMatching(new RegExp("^The prop `".concat(propName, "` of `").concat(componentName, "` has been deprecated and will soon be removed. ").concat(additionalInfo)));
|
291
282
|
};
|
@@ -296,8 +287,7 @@ var deprecated = function deprecated(propName, componentName) {
|
|
296
287
|
* @param {string} propName the prop name whose usage has changed
|
297
288
|
* @param {string} componentName the component name on which the prop is defined
|
298
289
|
*/
|
299
|
-
exports.
|
300
|
-
var deprecatedUsage = function deprecatedUsage(propName, componentName) {
|
290
|
+
var deprecatedUsage = exports.deprecatedUsage = function deprecatedUsage(propName, componentName) {
|
301
291
|
var additionalInfo = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
|
302
292
|
return expect.stringMatching(new RegExp("^The usage of the prop `".concat(propName, "` of `").concat(componentName, "` has been changed and support for the old usage will soon be removed. ").concat(additionalInfo)));
|
303
293
|
};
|
@@ -308,8 +298,7 @@ var deprecatedUsage = function deprecatedUsage(propName, componentName) {
|
|
308
298
|
* @param {string} propName the prop name that is required, or a matching regex
|
309
299
|
* @param {string} componentName the component name on which the prop is defined, or a matching regex
|
310
300
|
*/
|
311
|
-
exports.
|
312
|
-
var required = function required(propName, componentName) {
|
301
|
+
var required = exports.required = function required(propName, componentName) {
|
313
302
|
return expect.stringMatching(new RegExp("^Warning: Failed prop type: The prop `".concat(propName, "` is marked as required in `").concat(componentName, "`, but its value is `(.*)`.")));
|
314
303
|
};
|
315
304
|
|
@@ -321,8 +310,6 @@ var required = function required(propName, componentName) {
|
|
321
310
|
* @param {string} suppliedType the type that is being supplied, or a matching regex
|
322
311
|
* @param {string} expectedType the type that is expected, or a matching regex
|
323
312
|
*/
|
324
|
-
exports.
|
325
|
-
var invalid = function invalid(propName, componentName, suppliedType, expectedType) {
|
313
|
+
var invalid = exports.invalid = function invalid(propName, componentName, suppliedType, expectedType) {
|
326
314
|
return expect.stringMatching(new RegExp("^Warning: Failed prop type: Invalid prop `".concat(propName, "` of type `").concat(suppliedType, "` supplied to `").concat(componentName, "`, expected `").concat(expectedType, "`.")));
|
327
|
-
};
|
328
|
-
exports.invalid = invalid;
|
315
|
+
};
|
@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
});
|
7
7
|
exports.default = void 0;
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
9
|
-
function _createForOfIteratorHelper(
|
10
|
-
function _unsupportedIterableToArray(
|
11
|
-
function _arrayLikeToArray(
|
9
|
+
function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
|
10
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
11
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
12
12
|
/**
|
13
13
|
* unwrapIfFragment - walks the passed children unwrapping fragments
|
14
14
|
* to create a flat array of all children
|
@@ -24,7 +24,7 @@ var unwrapIfFragment = function unwrapIfFragment(children) {
|
|
24
24
|
var isFragment = function isFragment(item) {
|
25
25
|
return item && item.type === _react.default.Fragment;
|
26
26
|
};
|
27
|
-
var
|
27
|
+
var _addChildren = function addChildren(children) {
|
28
28
|
var loopOver = function loopOver(children) {
|
29
29
|
// children may be a single item
|
30
30
|
var _children = Array.isArray(children) ? children : [children];
|
@@ -33,7 +33,7 @@ var unwrapIfFragment = function unwrapIfFragment(children) {
|
|
33
33
|
try {
|
34
34
|
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
35
35
|
var child = _step.value;
|
36
|
-
|
36
|
+
_addChildren(child);
|
37
37
|
}
|
38
38
|
} catch (err) {
|
39
39
|
_iterator.e(err);
|
@@ -58,7 +58,7 @@ var unwrapIfFragment = function unwrapIfFragment(children) {
|
|
58
58
|
};
|
59
59
|
|
60
60
|
// nothing, one fragment, array with one or more children, or a single item
|
61
|
-
|
61
|
+
_addChildren(children);
|
62
62
|
|
63
63
|
// wrapping with React.Children caters for any missing keys
|
64
64
|
var keyedChildren = _react.default.Children.map(newChildArray, function (child) {
|
@@ -66,5 +66,4 @@ var unwrapIfFragment = function unwrapIfFragment(children) {
|
|
66
66
|
});
|
67
67
|
return keyedChildren;
|
68
68
|
};
|
69
|
-
var _default = unwrapIfFragment;
|
70
|
-
exports.default = _default;
|
69
|
+
var _default = exports.default = unwrapIfFragment;
|
package/lib/settings.js
CHANGED
@@ -11,7 +11,7 @@ var _carbonComponents = require("carbon-components");
|
|
11
11
|
var _react = _interopRequireDefault(require("react"));
|
12
12
|
var _themes = require("@carbon/themes");
|
13
13
|
var _pconsole = _interopRequireDefault(require("./global/js/utils/pconsole"));
|
14
|
-
var carbon = {
|
14
|
+
var carbon = exports.carbon = {
|
15
15
|
get prefix() {
|
16
16
|
return _carbonComponents.settings.prefix;
|
17
17
|
},
|
@@ -22,7 +22,6 @@ var carbon = {
|
|
22
22
|
return _themes.themes;
|
23
23
|
}
|
24
24
|
};
|
25
|
-
exports.carbon = carbon;
|
26
25
|
var componentDeprecatedWarning = function componentDeprecatedWarning(name, details) {
|
27
26
|
return "Carbon for IBM Products (WARNING): Component \"".concat(name, "\" is deprecated. ").concat(details);
|
28
27
|
};
|
@@ -90,5 +89,4 @@ _packageSettings.default.checkComponentEnabled = function (component, name) {
|
|
90
89
|
}, component);
|
91
90
|
}
|
92
91
|
};
|
93
|
-
var pkg = _packageSettings.default;
|
94
|
-
exports.pkg = pkg;
|
92
|
+
var pkg = exports.pkg = _packageSettings.default;
|
package/package.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"name": "@carbon/ibm-products",
|
3
3
|
"description": "Carbon for IBM Products",
|
4
|
-
"version": "1.73.
|
4
|
+
"version": "1.73.2",
|
5
5
|
"license": "Apache-2.0",
|
6
6
|
"main": "lib/index.js",
|
7
7
|
"module": "es/index.js",
|
@@ -54,7 +54,7 @@
|
|
54
54
|
"devDependencies": {
|
55
55
|
"@babel/cli": "^7.20.7",
|
56
56
|
"@babel/core": "^7.20.12",
|
57
|
-
"babel-preset-ibm-cloud-cognitive": "^0.14.
|
57
|
+
"babel-preset-ibm-cloud-cognitive": "^0.14.29",
|
58
58
|
"chalk": "^4.1.2",
|
59
59
|
"change-case": "^4.1.2",
|
60
60
|
"copyfiles": "^2.4.1",
|
@@ -62,7 +62,7 @@
|
|
62
62
|
"fs-extra": "^11.1.0",
|
63
63
|
"glob": "^8.1.0",
|
64
64
|
"jest": "^29.4.2",
|
65
|
-
"jest-config-ibm-cloud-cognitive": "^0.25.
|
65
|
+
"jest-config-ibm-cloud-cognitive": "^0.25.1",
|
66
66
|
"jest-environment-jsdom": "^29.4.2",
|
67
67
|
"namor": "^1.1.2",
|
68
68
|
"npm-check-updates": "^16.7.4",
|
@@ -98,5 +98,5 @@
|
|
98
98
|
"react": "^16.8.6 || ^17.0.1",
|
99
99
|
"react-dom": "^16.8.6 || ^17.0.1"
|
100
100
|
},
|
101
|
-
"gitHead": "
|
101
|
+
"gitHead": "9eefe16c2b9185317bf6355633bf9f809c7cf217"
|
102
102
|
}
|
@@ -42,11 +42,10 @@
|
|
42
42
|
.#{$block-class} .#{$block-class}__body {
|
43
43
|
@include carbon--type-style('body-short-02');
|
44
44
|
|
45
|
+
overflow: hidden auto;
|
45
46
|
min-height: $layout-05;
|
46
47
|
padding: 0 20% 0 $spacing-05;
|
47
48
|
grid-row: auto;
|
48
|
-
overflow-x: hidden;
|
49
|
-
overflow-y: auto;
|
50
49
|
}
|
51
50
|
|
52
51
|
.#{$block-class}.#{$block-class}--with-tabs .#{$block-class}__body {
|
@@ -43,12 +43,9 @@
|
|
43
43
|
&::before {
|
44
44
|
position: absolute;
|
45
45
|
z-index: -1;
|
46
|
-
top: 0;
|
47
|
-
right: 0;
|
48
|
-
bottom: 0;
|
49
|
-
left: 0;
|
50
46
|
background: linear-gradient(90deg, $blue-70 0%, $purple-70 100%);
|
51
47
|
content: '';
|
48
|
+
inset: 0;
|
52
49
|
opacity: 0;
|
53
50
|
/* stylelint-disable-next-line carbon/motion-duration-use */
|
54
51
|
transition: opacity 240ms carbon--motion(exit, productive);
|
@@ -435,13 +435,10 @@ $action-set-block-class: #{$pkg-prefix}--action-set;
|
|
435
435
|
.#{$block-class}__overlay {
|
436
436
|
position: fixed;
|
437
437
|
z-index: z('overlay');
|
438
|
-
top: 0;
|
439
|
-
right: 0;
|
440
|
-
bottom: 0;
|
441
|
-
left: 0;
|
442
438
|
width: 100%;
|
443
439
|
height: 100%;
|
444
440
|
background-color: $overlay-01;
|
441
|
+
inset: 0;
|
445
442
|
}
|
446
443
|
}
|
447
444
|
|