@carbon/ibm-products 2.12.0 → 2.13.0
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +3485 -3237
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -10
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +464 -696
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -4
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +1041 -991
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -8
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +1419 -1437
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -8
- package/css/index.min.css.map +1 -1
- package/es/components/APIKeyModal/APIKeyDownloader.js +7 -5
- package/es/components/APIKeyModal/APIKeyModal.js +7 -5
- package/es/components/Checklist/Checklist.docs-page.js +13 -0
- package/es/components/Checklist/Checklist.js +292 -0
- package/es/components/Checklist/ChecklistChart.js +98 -0
- package/es/components/Checklist/ChecklistIcon.js +107 -0
- package/es/components/Checklist/index.js +8 -0
- package/es/components/Datagrid/Datagrid/DatagridEmptyBody.js +1 -3
- package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +3 -5
- package/es/components/Datagrid/Datagrid/DatagridRefBody.js +1 -3
- package/es/components/Datagrid/Datagrid/DatagridRow.js +2 -6
- package/es/components/Datagrid/Datagrid/DatagridSimpleBody.js +1 -3
- package/es/components/Datagrid/Datagrid/DatagridToolbar.js +1 -1
- package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +1 -3
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +9 -8
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +6 -12
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +0 -5
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +20 -6
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +5 -4
- package/es/components/Datagrid/Datagrid.docs-page.js +1 -1
- package/es/components/Datagrid/useDisableSelectRows.js +1 -1
- package/es/components/Datagrid/useInlineEdit.js +1 -6
- package/es/components/Datagrid/useSelectRows.js +1 -1
- package/es/components/Datagrid/useSortableColumns.js +14 -25
- package/es/components/ImportModal/ImportModal.js +7 -5
- package/es/components/PageHeader/PageHeader.js +1 -1
- package/es/components/index.js +2 -1
- package/es/global/js/hooks/useCreateComponentFocus.js +7 -5
- package/es/global/js/hooks/useCreateComponentStepChange.js +42 -37
- package/es/global/js/package-settings.js +4 -2
- package/es/global/js/utils/getNodeTextContent.js +4 -0
- package/es/global/js/utils/story-helper.js +2 -1
- package/es/global/js/utils/test-helper.js +28 -17
- package/lib/components/APIKeyModal/APIKeyDownloader.js +10 -9
- package/lib/components/APIKeyModal/APIKeyModal.docs-page.js +3 -4
- package/lib/components/APIKeyModal/APIKeyModal.js +10 -9
- package/lib/components/AboutModal/AboutModal.docs-page.js +3 -4
- package/lib/components/AboutModal/AboutModal.js +3 -4
- package/lib/components/ActionBar/ActionBar.js +3 -4
- package/lib/components/ActionBar/ActionBarItem.js +1 -2
- package/lib/components/ActionBar/ActionBarOverflowItems.js +3 -4
- package/lib/components/ActionSet/ActionSet.js +1 -2
- package/lib/components/ActionSet/actions.js +4 -7
- package/lib/components/AddSelect/AddSelect.js +3 -4
- package/lib/components/AddSelect/AddSelectBody.js +3 -4
- package/lib/components/AddSelect/AddSelectBreadcrumbs.js +1 -2
- package/lib/components/AddSelect/AddSelectColumn.js +3 -4
- package/lib/components/AddSelect/AddSelectFilter.js +3 -4
- package/lib/components/AddSelect/AddSelectFormControl.js +1 -2
- package/lib/components/AddSelect/AddSelectList.js +1 -2
- package/lib/components/AddSelect/AddSelectMetaPanel.js +3 -4
- package/lib/components/AddSelect/AddSelectRow.js +3 -4
- package/lib/components/AddSelect/AddSelectSidebar.js +1 -2
- package/lib/components/AddSelect/AddSelectSort.js +1 -2
- package/lib/components/AddSelect/add-select-utils.js +5 -9
- package/lib/components/AddSelect/hooks/useFocus.js +1 -2
- 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 +1 -2
- package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +3 -4
- package/lib/components/ButtonMenu/ButtonMenu.js +1 -2
- package/lib/components/ButtonMenu/ButtonMenuItem.js +1 -2
- package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +3 -4
- package/lib/components/Card/Card.js +3 -4
- package/lib/components/Card/CardFooter.js +1 -2
- package/lib/components/Card/CardHeader.js +1 -2
- package/lib/components/Cascade/Cascade.docs-page.js +3 -4
- package/lib/components/Cascade/Cascade.js +3 -4
- package/lib/components/Checklist/Checklist.docs-page.js +23 -0
- package/lib/components/Checklist/Checklist.js +297 -0
- package/lib/components/Checklist/ChecklistChart.js +99 -0
- package/lib/components/Checklist/ChecklistIcon.js +109 -0
- package/lib/components/Checklist/index.js +12 -0
- package/lib/components/ComboButton/ComboButton.js +3 -4
- package/lib/components/ComboButton/ComboButtonItem/index.js +1 -2
- package/lib/components/CreateFullPage/CreateFullPage.docs-page.js +3 -4
- package/lib/components/CreateFullPage/CreateFullPage.js +5 -8
- package/lib/components/CreateFullPage/CreateFullPageStep.js +3 -4
- package/lib/components/CreateInfluencer/CreateInfluencer.js +1 -2
- package/lib/components/CreateModal/CreateModal.docs-page.js +3 -4
- package/lib/components/CreateModal/CreateModal.js +1 -2
- package/lib/components/CreateSidePanel/CreateSidePanel.docs-page.js +3 -4
- package/lib/components/CreateSidePanel/CreateSidePanel.js +1 -2
- package/lib/components/CreateTearsheet/CreateTearsheet.docs-page.js +3 -4
- package/lib/components/CreateTearsheet/CreateTearsheet.js +5 -8
- package/lib/components/CreateTearsheet/CreateTearsheetDivider.js +3 -4
- package/lib/components/CreateTearsheet/CreateTearsheetStep.js +3 -4
- package/lib/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +4 -5
- package/lib/components/CreateTearsheet/preview-components/MultiStepWithIntro.js +4 -5
- package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +1 -2
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +3 -4
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +3 -4
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +3 -4
- 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 +2 -3
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +2 -3
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +2 -3
- 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 +2 -3
- package/lib/components/DataSpreadsheet/utils/createActiveCellFn.js +2 -3
- package/lib/components/DataSpreadsheet/utils/createCellSelectionArea.js +2 -3
- package/lib/components/DataSpreadsheet/utils/generateData.js +2 -3
- 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 +2 -3
- package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionTab.js +2 -3
- package/lib/components/DataSpreadsheet/utils/handleCellDeletion.js +2 -3
- package/lib/components/DataSpreadsheet/utils/handleEditSubmit.js +2 -3
- package/lib/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +2 -3
- package/lib/components/DataSpreadsheet/utils/handleMultipleKeys.js +4 -7
- 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 +2 -3
- package/lib/components/Datagrid/Datagrid/Datagrid.js +1 -2
- package/lib/components/Datagrid/Datagrid/DatagridBody.js +1 -2
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +3 -4
- package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +2 -5
- 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 +6 -9
- package/lib/components/Datagrid/Datagrid/DatagridRefBody.js +2 -5
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +3 -8
- package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +4 -5
- package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +3 -4
- package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +2 -5
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +4 -5
- package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +4 -7
- package/lib/components/Datagrid/Datagrid/DraggableElement.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +3 -4
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +3 -4
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +3 -4
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +3 -4
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +10 -10
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +3 -4
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js +2 -3
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +3 -4
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +4 -6
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +5 -8
- package/lib/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.js +3 -4
- package/lib/components/Datagrid/Datagrid/addons/Filtering/constants.js +13 -26
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +4 -6
- 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 +7 -14
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +3 -9
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js +4 -6
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/getCellIdAsObject.js +2 -3
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +2 -3
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridFocus.js +2 -3
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +2 -3
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +2 -3
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +26 -13
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +9 -6
- package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +5 -9
- package/lib/components/Datagrid/Datagrid.docs-page.js +5 -6
- 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 +4 -7
- package/lib/components/Datagrid/Extensions/ColumnAlignment/ColumnAlignment.docs-page.js +2 -3
- package/lib/components/Datagrid/Extensions/ColumnCustomization/ColumnCustomization.docs-page.js +2 -3
- package/lib/components/Datagrid/Extensions/EditableCell/EditableCell.docs-page.js +2 -3
- package/lib/components/Datagrid/Extensions/ExpandableRow/ExpandableRow.docs-page.js +2 -3
- package/lib/components/Datagrid/Extensions/Filtering/Filtering.docs-page.js +2 -3
- package/lib/components/Datagrid/Extensions/RowActionButtons/RowActionButtons.docs-page.js +2 -3
- package/lib/components/Datagrid/common-column-ids.js +1 -2
- package/lib/components/Datagrid/useActionsColumn.js +3 -4
- package/lib/components/Datagrid/useColumnCenterAlign.js +1 -2
- package/lib/components/Datagrid/useColumnOrder.js +1 -2
- package/lib/components/Datagrid/useColumnRightAlign.js +1 -2
- package/lib/components/Datagrid/useCustomizeColumns.js +3 -4
- package/lib/components/Datagrid/useDatagrid.js +1 -2
- package/lib/components/Datagrid/useDefaultStringRenderer.js +1 -2
- package/lib/components/Datagrid/useDisableSelectRows.js +2 -3
- package/lib/components/Datagrid/useEditableCell.js +1 -2
- package/lib/components/Datagrid/useExpandedRow.js +1 -2
- package/lib/components/Datagrid/useFiltering.js +1 -2
- package/lib/components/Datagrid/useFlexResize.js +1 -2
- package/lib/components/Datagrid/useFloatingScroll.js +1 -2
- package/lib/components/Datagrid/useInfiniteScroll.js +1 -2
- package/lib/components/Datagrid/useInlineEdit.js +4 -10
- package/lib/components/Datagrid/useNestedRowExpander.js +3 -4
- package/lib/components/Datagrid/useNestedRows.js +1 -2
- 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 +3 -4
- package/lib/components/Datagrid/useRowIsMouseOver.js +1 -2
- package/lib/components/Datagrid/useRowRenderer.js +1 -2
- package/lib/components/Datagrid/useRowSize.js +1 -2
- package/lib/components/Datagrid/useSelectAllToggle.js +3 -4
- package/lib/components/Datagrid/useSelectRows.js +4 -5
- package/lib/components/Datagrid/useSkeletonRows.js +1 -2
- package/lib/components/Datagrid/useSortableColumns.js +15 -27
- package/lib/components/Datagrid/useStickyColumn.js +1 -2
- package/lib/components/Datagrid/utils/DatagridActions.js +4 -5
- package/lib/components/Datagrid/utils/DatagridPagination.js +2 -3
- package/lib/components/Datagrid/utils/Wrapper.js +2 -3
- 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/makeData.js +3 -6
- package/lib/components/EditFullPage/EditFullPage.docs-page.js +3 -4
- package/lib/components/EditFullPage/EditFullPage.js +1 -2
- package/lib/components/EditInPlace/EditInPlace.js +4 -6
- package/lib/components/EditSidePanel/EditSidePanel.js +1 -2
- package/lib/components/EditTearsheet/EditTearsheet.docs-page.js +3 -4
- package/lib/components/EditTearsheet/EditTearsheet.js +5 -8
- package/lib/components/EditTearsheet/EditTearsheetForm.js +3 -4
- package/lib/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js +4 -5
- package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js +1 -2
- package/lib/components/EditUpdateCards/EditUpdateCards.js +1 -2
- package/lib/components/EmptyStates/EmptyState.js +2 -4
- package/lib/components/EmptyStates/EmptyStateContent.js +1 -2
- package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +1 -2
- package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +1 -2
- package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +1 -2
- package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +1 -2
- package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +1 -2
- package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +1 -2
- package/lib/components/EmptyStates/assets/ErrorIllustration.js +1 -2
- package/lib/components/EmptyStates/assets/NoDataIllustration.js +1 -2
- package/lib/components/EmptyStates/assets/NoTagsIllustration.js +1 -2
- package/lib/components/EmptyStates/assets/NotFoundIllustration.js +1 -2
- package/lib/components/EmptyStates/assets/NotificationsIllustration.js +1 -2
- package/lib/components/EmptyStates/assets/UnauthorizedIllustration.js +1 -2
- package/lib/components/ExampleComponent/ExampleComponent.docs-page.js +3 -4
- package/lib/components/ExampleComponent/ExampleComponent.js +3 -4
- package/lib/components/ExampleComponent/ExampleDeprecatedComponent.js +1 -2
- package/lib/components/ExampleComponent/useExample.js +1 -2
- package/lib/components/ExportModal/ExportModal.js +3 -4
- package/lib/components/ExpressiveCard/ExpressiveCard.js +3 -4
- package/lib/components/FilterSummary/FilterSummary.js +1 -2
- package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +1 -2
- package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +1 -2
- package/lib/components/HTTPErrors/HTTPErrorContent.js +1 -2
- package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +1 -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.docs-page.js +1 -2
- package/lib/components/ImportModal/ImportModal.js +10 -9
- package/lib/components/MultiAddSelect/MultiAddSelect.docs-page.js +1 -2
- package/lib/components/MultiAddSelect/MultiAddSelect.js +3 -4
- package/lib/components/NotificationsPanel/NotificationsPanel.js +3 -4
- 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 +3 -4
- package/lib/components/PageHeader/PageHeader.js +5 -7
- package/lib/components/PageHeader/PageHeaderDemo.data.js +3 -4
- package/lib/components/PageHeader/PageHeaderTitle.js +2 -4
- package/lib/components/PageHeader/PageHeaderUtils.js +5 -9
- package/lib/components/ProductiveCard/ProductiveCard.js +3 -4
- package/lib/components/RemoveModal/RemoveModal.docs-page.js +1 -2
- package/lib/components/RemoveModal/RemoveModal.js +3 -4
- package/lib/components/Saving/Saving.js +3 -4
- package/lib/components/SidePanel/SidePanel.js +3 -4
- package/lib/components/SidePanel/constants.js +2 -3
- package/lib/components/SidePanel/motion/variants.js +3 -5
- package/lib/components/SimpleHeader/SimpleHeader.docs-page.js +3 -4
- package/lib/components/SimpleHeader/SimpleHeader.js +4 -6
- package/lib/components/SingleAddSelect/SingleAddSelect.docs-page.js +1 -2
- package/lib/components/SingleAddSelect/SingleAddSelect.js +3 -4
- package/lib/components/StatusIcon/StatusIcon.docs-page.js +3 -4
- package/lib/components/StatusIcon/StatusIcon.js +3 -4
- package/lib/components/TagSet/TagSet.js +5 -8
- package/lib/components/TagSet/TagSetModal.js +3 -4
- package/lib/components/TagSet/TagSetOverflow.js +3 -4
- package/lib/components/TagSet/constants.js +2 -3
- package/lib/components/Tearsheet/Tearsheet.js +2 -4
- package/lib/components/Tearsheet/TearsheetNarrow.js +2 -4
- package/lib/components/Tearsheet/TearsheetShell.js +8 -14
- package/lib/components/Toolbar/Toolbar.docs-page.js +3 -4
- package/lib/components/Toolbar/Toolbar.js +6 -10
- package/lib/components/Toolbar/ToolbarButton.js +4 -6
- package/lib/components/Toolbar/ToolbarGroup.js +3 -4
- package/lib/components/TooltipTrigger/TooltipTrigger.js +1 -2
- package/lib/components/TooltipTrigger/useExample.js +1 -2
- package/lib/components/UserProfileImage/UserProfileImage.docs-page.js +3 -4
- package/lib/components/UserProfileImage/UserProfileImage.js +1 -2
- package/lib/components/WebTerminal/WebTerminal.docs-page.js +3 -4
- package/lib/components/WebTerminal/WebTerminal.js +3 -4
- package/lib/components/WebTerminal/WebTerminalContentWrapper.js +1 -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 +1 -2
- package/lib/components/index.js +8 -1
- package/lib/global/decorators/sidePanelDecorator.js +2 -3
- 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 +9 -8
- package/lib/global/js/hooks/useCreateComponentStepChange.js +44 -40
- package/lib/global/js/hooks/usePortalTarget.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/useRetrieveFormTitles.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 +2 -3
- package/lib/global/js/package-settings.js +6 -5
- package/lib/global/js/utils/ClickListener.js +3 -4
- package/lib/global/js/utils/DisplayBox.js +1 -2
- package/lib/global/js/utils/StoryDocsPage.js +2 -4
- package/lib/global/js/utils/Wrap.js +1 -2
- package/lib/global/js/utils/deepCloneObject.js +2 -3
- 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 +6 -3
- 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 +4 -5
- package/lib/global/js/utils/pconsole.js +8 -15
- package/lib/global/js/utils/props-helper.js +7 -14
- package/lib/global/js/utils/rangeWithCallback.js +2 -3
- package/lib/global/js/utils/scrollableAncestor.js +2 -3
- package/lib/global/js/utils/story-helper.js +15 -26
- package/lib/global/js/utils/test-helper.js +39 -42
- package/lib/global/js/utils/unwrap-if-fragment.js +1 -2
- 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 +6 -6
- package/scss/components/AboutModal/_about-modal.scss +1 -2
- package/scss/components/Checklist/_checklist.scss +217 -0
- package/scss/components/Checklist/_index.scss +8 -0
- package/scss/components/Checklist/_storybook-styles.scss +13 -0
- package/scss/components/CreateFullPage/_storybook-styles.scss +1 -1
- package/scss/components/Datagrid/_datagrid.scss +1 -0
- package/scss/components/Datagrid/styles/_datagrid.scss +1 -2
- package/scss/components/Datagrid/styles/_useInlineEdit.scss +8 -11
- package/scss/components/Datagrid/styles/addons/_RowSizeDropdown.scss +5 -0
- package/scss/components/_index.scss +2 -1
- package/es/components/Datagrid/utils/getColTitle.js +0 -25
- package/lib/components/Datagrid/utils/getColTitle.js +0 -32
@@ -11,37 +11,30 @@ exports.warn = exports.shimIfProduction = exports.noop = exports.log = exports.i
|
|
11
11
|
// LICENSE file in the root directory of this source tree.
|
12
12
|
//
|
13
13
|
|
14
|
-
var isProduction = process.env.NODE_ENV === 'production';
|
15
|
-
exports.
|
16
|
-
var noop = function noop() {
|
14
|
+
var isProduction = exports.isProduction = process.env.NODE_ENV === 'production';
|
15
|
+
var noop = exports.noop = function noop() {
|
17
16
|
return undefined;
|
18
17
|
};
|
19
|
-
exports.
|
20
|
-
var shimIfProduction = function shimIfProduction(fn) {
|
18
|
+
var shimIfProduction = exports.shimIfProduction = function shimIfProduction(fn) {
|
21
19
|
return isProduction ? noop : fn;
|
22
20
|
};
|
23
|
-
exports.
|
24
|
-
var log = shimIfProduction(function () {
|
21
|
+
var log = exports.log = shimIfProduction(function () {
|
25
22
|
var _console;
|
26
23
|
return (_console = console).log.apply(_console, arguments);
|
27
24
|
});
|
28
|
-
exports.
|
29
|
-
var warn = shimIfProduction(function () {
|
25
|
+
var warn = exports.warn = shimIfProduction(function () {
|
30
26
|
var _console2;
|
31
27
|
return (_console2 = console).warn.apply(_console2, arguments);
|
32
28
|
});
|
33
|
-
exports.
|
34
|
-
var error = shimIfProduction(function () {
|
29
|
+
var error = exports.error = shimIfProduction(function () {
|
35
30
|
var _console3;
|
36
31
|
return (_console3 = console).error.apply(_console3, arguments);
|
37
32
|
});
|
38
|
-
exports.
|
39
|
-
var _default = {
|
33
|
+
var _default = exports.default = {
|
40
34
|
isProduction: isProduction,
|
41
35
|
noop: noop,
|
42
36
|
shimIfProduction: shimIfProduction,
|
43
37
|
log: log,
|
44
38
|
warn: warn,
|
45
39
|
error: error
|
46
|
-
};
|
47
|
-
exports.default = _default;
|
40
|
+
};
|
@@ -45,7 +45,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
45
45
|
* * prepareProps(props, { c: 6 }) -> { a: 3, c: 6, d: 5 }
|
46
46
|
* * prepareProps(props, 'a', { c: 6 }) -> { c: 6, d: 5 }
|
47
47
|
*/
|
48
|
-
var prepareProps = function prepareProps() {
|
48
|
+
var prepareProps = exports.prepareProps = function prepareProps() {
|
49
49
|
// Convert any string or array arg into an object with nulls as values
|
50
50
|
var toNulls = function toNulls(arg) {
|
51
51
|
return typeof arg === 'string' ? (0, _defineProperty2.default)({}, arg, null) : Array.isArray(arg) ? Object.fromEntries(arg.map(function (key) {
|
@@ -75,7 +75,6 @@ var prepareProps = function prepareProps() {
|
|
75
75
|
// null and undefined do not count as values, but anything else does. If the
|
76
76
|
// prop is 'children', then an array of null/undefined also does not count as
|
77
77
|
// a value, but anything else does.
|
78
|
-
exports.prepareProps = prepareProps;
|
79
78
|
var propHasValue = function propHasValue(props, propName) {
|
80
79
|
var result = props[propName] !== null && props[propName] !== undefined;
|
81
80
|
if (result && propName === 'children' && Array.isArray(props[propName])) {
|
@@ -103,7 +102,7 @@ var propHasValue = function propHasValue(props, propName) {
|
|
103
102
|
* should be used instead.
|
104
103
|
* @returns Any type checking error reported by the validator, or null.
|
105
104
|
*/
|
106
|
-
var deprecatePropUsage = function deprecatePropUsage(validator, deprecated, additionalInfo) {
|
105
|
+
var deprecatePropUsage = exports.deprecatePropUsage = function deprecatePropUsage(validator, deprecated, additionalInfo) {
|
107
106
|
return function (props, propName, comp, loc, propFullName, secret) {
|
108
107
|
if (propHasValue(props, propName) && deprecated(props, propName, comp, loc, propFullName, secret) === null) {
|
109
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));
|
@@ -124,8 +123,7 @@ var deprecatePropUsage = function deprecatePropUsage(validator, deprecated, addi
|
|
124
123
|
* be used instead.
|
125
124
|
* @returns Any type checking error reported by the validator, or null.
|
126
125
|
*/
|
127
|
-
exports.
|
128
|
-
var deprecateProp = function deprecateProp(validator, additionalInfo) {
|
126
|
+
var deprecateProp = exports.deprecateProp = function deprecateProp(validator, additionalInfo) {
|
129
127
|
return function (props, propName, comp, loc, propFullName, secret) {
|
130
128
|
if (propHasValue(props, propName)) {
|
131
129
|
_pconsole.default.warn("The ".concat(loc, " `").concat(propFullName || propName, "` of `").concat(comp, "` has been deprecated and will soon be removed. ").concat(additionalInfo));
|
@@ -138,8 +136,7 @@ var deprecateProp = function deprecateProp(validator, additionalInfo) {
|
|
138
136
|
* A function that returns a storybook argTypes object configured to remove deprecated
|
139
137
|
* props from the storybook controls
|
140
138
|
*/
|
141
|
-
exports.
|
142
|
-
var getDeprecatedArgTypes = function getDeprecatedArgTypes(deprecatedProps) {
|
139
|
+
var getDeprecatedArgTypes = exports.getDeprecatedArgTypes = function getDeprecatedArgTypes(deprecatedProps) {
|
143
140
|
var keys = Object.keys(deprecatedProps);
|
144
141
|
return keys.reduce(function (acc, cur) {
|
145
142
|
return acc[cur] = {
|
@@ -155,8 +152,7 @@ var getDeprecatedArgTypes = function getDeprecatedArgTypes(deprecatedProps) {
|
|
155
152
|
* @param {node || array} items - which may have shape to extract
|
156
153
|
* @returns Array of items
|
157
154
|
*/
|
158
|
-
exports.
|
159
|
-
var extractShapesArray = function extractShapesArray(items) {
|
155
|
+
var extractShapesArray = exports.extractShapesArray = function extractShapesArray(items) {
|
160
156
|
var _items$, _items$2;
|
161
157
|
// unwrap if items or the first index looks like a React element or fragment
|
162
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)) {
|
@@ -197,8 +193,7 @@ var extractShapesArray = function extractShapesArray(items) {
|
|
197
193
|
*
|
198
194
|
* }
|
199
195
|
*/
|
200
|
-
exports.
|
201
|
-
var allPropTypes = _pconsole.default.shimIfProduction(function (arrayOfTypeCheckers) {
|
196
|
+
var allPropTypes = exports.allPropTypes = _pconsole.default.shimIfProduction(function (arrayOfTypeCheckers) {
|
202
197
|
if (!Array.isArray(arrayOfTypeCheckers)) {
|
203
198
|
_pconsole.default.error('Warning: Invalid argument supplied to allPropTypes, expected an instance of array.');
|
204
199
|
return _pconsole.default.noop;
|
@@ -250,13 +245,11 @@ var allPropTypes = _pconsole.default.shimIfProduction(function (arrayOfTypeCheck
|
|
250
245
|
* }
|
251
246
|
*
|
252
247
|
*/
|
253
|
-
exports.
|
254
|
-
var isRequiredIf = function isRequiredIf(checker, conditionFn) {
|
248
|
+
var isRequiredIf = exports.isRequiredIf = function isRequiredIf(checker, conditionFn) {
|
255
249
|
return function (props, propName, componentName, location, propFullName, secret) {
|
256
250
|
return (conditionFn(props) ? checker.isRequired : checker)(props, propName, componentName, location, propFullName, secret);
|
257
251
|
};
|
258
252
|
};
|
259
|
-
exports.isRequiredIf = isRequiredIf;
|
260
253
|
isRequiredIf.decorate = function (checker) {
|
261
254
|
checker.isRequired.if = _pconsole.default.isProduction ? _pconsole.default.noop : isRequiredIf.bind(null, checker);
|
262
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
|
+
};
|
@@ -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
|
}
|
@@ -42,5 +42,4 @@ var scrollableAncestor = function scrollableAncestor(target) {
|
|
42
42
|
return document.scrollingElement;
|
43
43
|
}
|
44
44
|
return scrollableAncestorInner(target);
|
45
|
-
};
|
46
|
-
exports.scrollableAncestor = scrollableAncestor;
|
45
|
+
};
|
@@ -25,7 +25,7 @@ var _changeCase = require("change-case");
|
|
25
25
|
* @param {string} componentName The name of the component.
|
26
26
|
* @returns The structured story title.
|
27
27
|
*/
|
28
|
-
var getStoryTitle = function getStoryTitle(componentName) {
|
28
|
+
var getStoryTitle = exports.getStoryTitle = function getStoryTitle(componentName) {
|
29
29
|
var title =
|
30
30
|
// if the component isn't in the master structure, put it in a lost+found section
|
31
31
|
(0, _storyStructure.getPathForComponent)('c', componentName) || "Carbon for IBM Products/Lost + found/".concat(componentName);
|
@@ -41,8 +41,7 @@ var getStoryTitle = function getStoryTitle(componentName) {
|
|
41
41
|
* @param {string} scenario The scenario name, also as a slug.
|
42
42
|
* @returns The story id.
|
43
43
|
*/
|
44
|
-
exports.
|
45
|
-
var getStoryId = function getStoryId(componentName, scenario, subdirectory) {
|
44
|
+
var getStoryId = exports.getStoryId = function getStoryId(componentName, scenario, subdirectory) {
|
46
45
|
if (subdirectory) {
|
47
46
|
return "".concat((0, _csf.sanitize)(getStoryTitle(componentName)), "-").concat((0, _csf.sanitize)(subdirectory), "--").concat(scenario);
|
48
47
|
}
|
@@ -58,10 +57,9 @@ var getStoryId = function getStoryId(componentName, scenario, subdirectory) {
|
|
58
57
|
* template, such as `args`, `storyName`, etc.
|
59
58
|
* @returns A bound template with the option fields applied.
|
60
59
|
*/
|
61
|
-
exports.getStoryId = getStoryId;
|
62
60
|
var sequence = 0;
|
63
61
|
var bindTarget = {};
|
64
|
-
var prepareStory = function prepareStory(template, options) {
|
62
|
+
var prepareStory = exports.prepareStory = function prepareStory(template, options) {
|
65
63
|
var _result$parameters, _result$parameters2, _result$parameters2$c;
|
66
64
|
var result = Object.assign(template.bind(bindTarget), options);
|
67
65
|
(_result$parameters = result.parameters) !== null && _result$parameters !== void 0 ? _result$parameters : result.parameters = {};
|
@@ -74,13 +72,11 @@ var prepareStory = function prepareStory(template, options) {
|
|
74
72
|
* A helper component that returns a codesandbox link to an example codesandbox for the component.
|
75
73
|
* The link URL is based on the example directory name and the standard codesandbox URL for package examples.
|
76
74
|
*/
|
77
|
-
exports.prepareStory = prepareStory;
|
78
75
|
var packagePath = 'github/carbon-design-system/ibm-products/tree/main/examples/carbon-for-ibm-products';
|
79
|
-
var codeSandboxHref = function codeSandboxHref(exampleDirectory) {
|
76
|
+
var codeSandboxHref = exports.codeSandboxHref = function codeSandboxHref(exampleDirectory) {
|
80
77
|
return "https://codesandbox.io/p/sandbox/".concat(packagePath, "/").concat(exampleDirectory, "?file=%2Fsrc%2FExample%2FExample.jsx");
|
81
78
|
};
|
82
|
-
exports.
|
83
|
-
var CodesandboxLink = function CodesandboxLink(_ref) {
|
79
|
+
var CodesandboxLink = exports.CodesandboxLink = function CodesandboxLink(_ref) {
|
84
80
|
var exampleDirectory = _ref.exampleDirectory;
|
85
81
|
var href = codeSandboxHref(exampleDirectory);
|
86
82
|
return /*#__PURE__*/_react.default.createElement("a", {
|
@@ -90,18 +86,16 @@ var CodesandboxLink = function CodesandboxLink(_ref) {
|
|
90
86
|
src: "https://codesandbox.io/static/img/play-codesandbox.svg"
|
91
87
|
}));
|
92
88
|
};
|
93
|
-
exports.CodesandboxLink = CodesandboxLink;
|
94
89
|
CodesandboxLink.propTypes = {
|
95
90
|
/**
|
96
91
|
* directory within examples codesandbox will be found
|
97
92
|
*/
|
98
93
|
exampleDirectory: _propTypes.default.string
|
99
94
|
};
|
100
|
-
var stackblitzHref = function stackblitzHref(exampleDirectory) {
|
95
|
+
var stackblitzHref = exports.stackblitzHref = function stackblitzHref(exampleDirectory) {
|
101
96
|
return "https://stackblitz.com/".concat(packagePath, "/").concat(exampleDirectory, "?file=src%2FExample%2FExample.jsx");
|
102
97
|
};
|
103
|
-
exports.
|
104
|
-
var StackblitzLink = function StackblitzLink(_ref2) {
|
98
|
+
var StackblitzLink = exports.StackblitzLink = function StackblitzLink(_ref2) {
|
105
99
|
var exampleDirectory = _ref2.exampleDirectory;
|
106
100
|
var href = stackblitzHref(exampleDirectory);
|
107
101
|
return /*#__PURE__*/_react.default.createElement("a", {
|
@@ -111,14 +105,13 @@ var StackblitzLink = function StackblitzLink(_ref2) {
|
|
111
105
|
src: "https://c.staticblitz.com/assets/favicon_sb-861fe1b85c0dc928750c62de15fed96fc75e57ee366bd937bad17a3938917b3f.svg"
|
112
106
|
}));
|
113
107
|
};
|
114
|
-
exports.StackblitzLink = StackblitzLink;
|
115
108
|
StackblitzLink.propTypes = {
|
116
109
|
/**
|
117
110
|
* directory within examples stackblitz will be found
|
118
111
|
*/
|
119
112
|
exampleDirectory: _propTypes.default.string
|
120
113
|
};
|
121
|
-
var palUsageHref = function palUsageHref(csfFile) {
|
114
|
+
var palUsageHref = exports.palUsageHref = function palUsageHref(csfFile) {
|
122
115
|
var _csfFile$meta;
|
123
116
|
var title = csfFile === null || csfFile === void 0 || (_csfFile$meta = csfFile.meta) === null || _csfFile$meta === void 0 ? void 0 : _csfFile$meta.title;
|
124
117
|
var _title$split = title.split('/'),
|
@@ -130,8 +123,7 @@ var palUsageHref = function palUsageHref(csfFile) {
|
|
130
123
|
return "https://pages.github.ibm.com/cdai-design/pal/".concat(kind, "s/").concat((0, _changeCase.paramCase)(section), "/usage");
|
131
124
|
}
|
132
125
|
};
|
133
|
-
exports.
|
134
|
-
var storyDocsPageTitle = function storyDocsPageTitle(csfFile) {
|
126
|
+
var storyDocsPageTitle = exports.storyDocsPageTitle = function storyDocsPageTitle(csfFile) {
|
135
127
|
var _csfFile$meta2;
|
136
128
|
var title = csfFile === null || csfFile === void 0 || (_csfFile$meta2 = csfFile.meta) === null || _csfFile$meta2 === void 0 ? void 0 : _csfFile$meta2.title;
|
137
129
|
var _title$split3 = title.split('/'),
|
@@ -160,8 +152,7 @@ var storyDocsPageTitle = function storyDocsPageTitle(csfFile) {
|
|
160
152
|
console.error('Error: unable to parse title from metadata.');
|
161
153
|
return title;
|
162
154
|
};
|
163
|
-
exports.
|
164
|
-
var storyDocsPageInfo = function storyDocsPageInfo(csfFile) {
|
155
|
+
var storyDocsPageInfo = exports.storyDocsPageInfo = function storyDocsPageInfo(csfFile) {
|
165
156
|
var _csfFile$meta3;
|
166
157
|
var title = csfFile === null || csfFile === void 0 || (_csfFile$meta3 = csfFile.meta) === null || _csfFile$meta3 === void 0 ? void 0 : _csfFile$meta3.title;
|
167
158
|
var _title$split5 = title.split('/'),
|
@@ -207,8 +198,7 @@ var storyDocsPageInfo = function storyDocsPageInfo(csfFile) {
|
|
207
198
|
}
|
208
199
|
return result;
|
209
200
|
};
|
210
|
-
exports.
|
211
|
-
var storyDocsGuidelines = function storyDocsGuidelines(csfFile) {
|
201
|
+
var storyDocsGuidelines = exports.storyDocsGuidelines = function storyDocsGuidelines(csfFile) {
|
212
202
|
var storyInfo = storyDocsPageInfo(csfFile);
|
213
203
|
return {
|
214
204
|
href: storyInfo.guidelinesHref,
|
@@ -220,9 +210,8 @@ var storyDocsGuidelines = function storyDocsGuidelines(csfFile) {
|
|
220
210
|
* A helper function that finds the designated theme on the Storybook canvas.
|
221
211
|
* @returns "dark" or "light"
|
222
212
|
*/
|
223
|
-
exports.
|
224
|
-
var
|
225
|
-
var themeId = document.querySelector('[storybook-carbon-theme]').getAttribute('storybook-carbon-theme');
|
213
|
+
var getSelectedCarbonTheme = exports.getSelectedCarbonTheme = function getSelectedCarbonTheme() {
|
214
|
+
var _document$querySelect;
|
215
|
+
var themeId = (_document$querySelect = document.querySelector('[storybook-carbon-theme]')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.getAttribute('storybook-carbon-theme');
|
226
216
|
return themeId === 'g90' || themeId === 'g100' ? 'dark' : 'light';
|
227
|
-
};
|
228
|
-
exports.getSelectedCarbonTheme = getSelectedCarbonTheme;
|
217
|
+
};
|
@@ -8,7 +8,6 @@ exports.scssCompile = exports.scssCheck = exports.required = exports.mockHTMLEle
|
|
8
8
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
9
9
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
10
10
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
11
|
-
var _ref, _ref2, _ref4, _ref5;
|
12
11
|
//
|
13
12
|
// Copyright IBM Corp. 2021, 2021
|
14
13
|
//
|
@@ -32,7 +31,7 @@ var loadPath2 = r('../../../../../../node_modules');
|
|
32
31
|
* containing details of the compilation failure.
|
33
32
|
* @param {string} file fully qualified file name of the SCSS file to check.
|
34
33
|
*/
|
35
|
-
var scssCheck = function scssCheck(file) {
|
34
|
+
var scssCheck = exports.scssCheck = function scssCheck(file) {
|
36
35
|
// We use the sass cli because this is currently much faster than using
|
37
36
|
// the API owing to the overhead of @import resolution through the API.
|
38
37
|
// When the sass API is revised it may be feasible to switch back to
|
@@ -48,8 +47,7 @@ var scssCheck = function scssCheck(file) {
|
|
48
47
|
* of the compilation failure.
|
49
48
|
* @param {string} file fully qualified file name of the SCSS file to compile.
|
50
49
|
*/
|
51
|
-
exports.
|
52
|
-
var scssCompile = function scssCompile(file) {
|
50
|
+
var scssCompile = exports.scssCompile = function scssCompile(file) {
|
53
51
|
var compressed = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
54
52
|
return (
|
55
53
|
// We use the sass cli because this is currently much faster than using
|
@@ -77,9 +75,8 @@ var scssCompile = function scssCompile(file) {
|
|
77
75
|
* This function should be called after tests in order not to pollute other
|
78
76
|
* tests with the installed mocks.
|
79
77
|
*/
|
80
|
-
exports.scssCompile = scssCompile;
|
81
78
|
var hep = HTMLElement.prototype;
|
82
|
-
var mockHTMLElement = function mockHTMLElement(options) {
|
79
|
+
var mockHTMLElement = exports.mockHTMLElement = function mockHTMLElement(options) {
|
83
80
|
var originals = {};
|
84
81
|
for (var option in options) {
|
85
82
|
originals[option] = Object.getOwnPropertyDescriptor(hep, option);
|
@@ -104,7 +101,6 @@ var mockHTMLElement = function mockHTMLElement(options) {
|
|
104
101
|
|
105
102
|
// a utility function used by expectWarn/Error to convert an argument
|
106
103
|
// match element to an expect matcher
|
107
|
-
exports.mockHTMLElement = mockHTMLElement;
|
108
104
|
var makeMatcher = function makeMatcher(arg) {
|
109
105
|
return typeof arg === 'string' ? expect.stringContaining(arg) : arg instanceof RegExp ? expect.stringMatching(arg) : arg;
|
110
106
|
};
|
@@ -130,7 +126,7 @@ var makeMatcherArray = function makeMatcherArray(args) {
|
|
130
126
|
* @param {Function} test the test function to call, during which the call to
|
131
127
|
* console.warn will be expected.
|
132
128
|
*/
|
133
|
-
var expectWarn = function expectWarn(message, test) {
|
129
|
+
var expectWarn = exports.expectWarn = function expectWarn(message, test) {
|
134
130
|
var warn = jest.spyOn(console, 'warn').mockImplementation(jest.fn());
|
135
131
|
var result = test();
|
136
132
|
expect(warn).toBeCalledTimes(1);
|
@@ -143,9 +139,8 @@ var expectWarn = function expectWarn(message, test) {
|
|
143
139
|
* An async version of expectWarn which awaits the test function and expects the call
|
144
140
|
* to console.warn to have been made.
|
145
141
|
*/
|
146
|
-
exports.
|
147
|
-
var
|
148
|
-
return (_ref = _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) {
|
149
144
|
var _expect;
|
150
145
|
var warn;
|
151
146
|
return _regenerator.default.wrap(function _callee$(_context) {
|
@@ -163,8 +158,11 @@ var expectWarnAsync = function expectWarnAsync(_x, _x2) {
|
|
163
158
|
return _context.stop();
|
164
159
|
}
|
165
160
|
}, _callee);
|
166
|
-
}))
|
167
|
-
|
161
|
+
}));
|
162
|
+
return function expectWarnAsync(_x, _x2) {
|
163
|
+
return _ref.apply(this, arguments);
|
164
|
+
};
|
165
|
+
}();
|
168
166
|
|
169
167
|
/**
|
170
168
|
* A helper function to enable a test to expect multiple calls to
|
@@ -180,9 +178,8 @@ var expectWarnAsync = function expectWarnAsync(_x, _x2) {
|
|
180
178
|
* @param {Function} test the test function to call, during which the calls to
|
181
179
|
* console.warn will be expected.
|
182
180
|
*/
|
183
|
-
exports.
|
184
|
-
var
|
185
|
-
return (_ref2 = _ref2 || (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(messages, test) {
|
181
|
+
var expectMultipleWarn = exports.expectMultipleWarn = /*#__PURE__*/function () {
|
182
|
+
var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(messages, test) {
|
186
183
|
var warn, result;
|
187
184
|
return _regenerator.default.wrap(function _callee2$(_context2) {
|
188
185
|
while (1) switch (_context2.prev = _context2.next) {
|
@@ -204,10 +201,12 @@ var expectMultipleWarn = function expectMultipleWarn(_x3, _x4) {
|
|
204
201
|
return _context2.stop();
|
205
202
|
}
|
206
203
|
}, _callee2);
|
207
|
-
}))
|
208
|
-
|
209
|
-
|
210
|
-
|
204
|
+
}));
|
205
|
+
return function expectMultipleWarn(_x3, _x4) {
|
206
|
+
return _ref2.apply(this, arguments);
|
207
|
+
};
|
208
|
+
}();
|
209
|
+
var checkLogging = exports.checkLogging = function checkLogging(mockedThing, message) {
|
211
210
|
if (message) {
|
212
211
|
expect(mockedThing).toBeCalled();
|
213
212
|
// TODO: React 18 update - console messages appear to be failing with calls that look like printf props
|
@@ -228,9 +227,8 @@ var checkLogging = function checkLogging(mockedThing, message) {
|
|
228
227
|
* @param {Function} test the test function to call, during which the call to
|
229
228
|
* console.error will be expected.
|
230
229
|
*/
|
231
|
-
exports.
|
232
|
-
var
|
233
|
-
return (_ref4 = _ref4 || (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(_ref3, test) {
|
230
|
+
var expectLogging = exports.expectLogging = /*#__PURE__*/function () {
|
231
|
+
var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(_ref3, test) {
|
234
232
|
var errors, warnings, error, warn, result;
|
235
233
|
return _regenerator.default.wrap(function _callee3$(_context3) {
|
236
234
|
while (1) switch (_context3.prev = _context3.next) {
|
@@ -252,8 +250,11 @@ var expectLogging = function expectLogging(_x5, _x6) {
|
|
252
250
|
return _context3.stop();
|
253
251
|
}
|
254
252
|
}, _callee3);
|
255
|
-
}))
|
256
|
-
|
253
|
+
}));
|
254
|
+
return function expectLogging(_x5, _x6) {
|
255
|
+
return _ref4.apply(this, arguments);
|
256
|
+
};
|
257
|
+
}();
|
257
258
|
|
258
259
|
/**
|
259
260
|
* A helper function to enable a test to expect a single call to
|
@@ -268,8 +269,7 @@ var expectLogging = function expectLogging(_x5, _x6) {
|
|
268
269
|
* @param {Function} test the test function to call, during which the call to
|
269
270
|
* console.error will be expected.
|
270
271
|
*/
|
271
|
-
exports.
|
272
|
-
var expectError = function expectError(message, test) {
|
272
|
+
var expectError = exports.expectError = function expectError(message, test) {
|
273
273
|
var error = jest.spyOn(console, 'error').mockImplementation(jest.fn());
|
274
274
|
var result = test();
|
275
275
|
checkLogging(error, message);
|
@@ -291,9 +291,8 @@ var expectError = function expectError(message, test) {
|
|
291
291
|
* @param {Function} test the test function to call, during which the calls to
|
292
292
|
* console.error will be expected.
|
293
293
|
*/
|
294
|
-
exports.
|
295
|
-
var
|
296
|
-
return (_ref5 = _ref5 || (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(messages, test) {
|
294
|
+
var expectMultipleError = exports.expectMultipleError = /*#__PURE__*/function () {
|
295
|
+
var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(messages, test) {
|
297
296
|
var error, result;
|
298
297
|
return _regenerator.default.wrap(function _callee4$(_context4) {
|
299
298
|
while (1) switch (_context4.prev = _context4.next) {
|
@@ -320,8 +319,11 @@ var expectMultipleError = function expectMultipleError(_x7, _x8) {
|
|
320
319
|
return _context4.stop();
|
321
320
|
}
|
322
321
|
}, _callee4);
|
323
|
-
}))
|
324
|
-
|
322
|
+
}));
|
323
|
+
return function expectMultipleError(_x7, _x8) {
|
324
|
+
return _ref5.apply(this, arguments);
|
325
|
+
};
|
326
|
+
}();
|
325
327
|
|
326
328
|
/**
|
327
329
|
* Return an expect matcher for a prop deprecation, suitable to pass to expectWarn
|
@@ -329,8 +331,7 @@ var expectMultipleError = function expectMultipleError(_x7, _x8) {
|
|
329
331
|
* @param {string} propName the prop name that is deprecated, or a matching regex
|
330
332
|
* @param {string} componentName the component name on which the prop is defined, or a matching regex
|
331
333
|
*/
|
332
|
-
exports.
|
333
|
-
var deprecated = function deprecated(propName, componentName) {
|
334
|
+
var deprecated = exports.deprecated = function deprecated(propName, componentName) {
|
334
335
|
var additionalInfo = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
|
335
336
|
return expect.stringMatching(new RegExp("^The prop `".concat(propName, "` of `").concat(componentName, "` has been deprecated and will soon be removed. ").concat(additionalInfo)));
|
336
337
|
};
|
@@ -341,8 +342,7 @@ var deprecated = function deprecated(propName, componentName) {
|
|
341
342
|
* @param {string} propName the prop name whose usage has changed
|
342
343
|
* @param {string} componentName the component name on which the prop is defined
|
343
344
|
*/
|
344
|
-
exports.
|
345
|
-
var deprecatedUsage = function deprecatedUsage(propName, componentName) {
|
345
|
+
var deprecatedUsage = exports.deprecatedUsage = function deprecatedUsage(propName, componentName) {
|
346
346
|
var additionalInfo = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
|
347
347
|
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)));
|
348
348
|
};
|
@@ -353,8 +353,7 @@ var deprecatedUsage = function deprecatedUsage(propName, componentName) {
|
|
353
353
|
* @param {string} propName the prop name that is required, or a matching regex
|
354
354
|
* @param {string} componentName the component name on which the prop is defined, or a matching regex
|
355
355
|
*/
|
356
|
-
exports.
|
357
|
-
var required = function required(propName, componentName) {
|
356
|
+
var required = exports.required = function required(propName, componentName) {
|
358
357
|
return expect.stringMatching(new RegExp("^Warning: Failed prop type: The prop `".concat(propName, "` is marked as required in `").concat(componentName, "`, but its value is `(.*)`.")));
|
359
358
|
};
|
360
359
|
|
@@ -366,8 +365,6 @@ var required = function required(propName, componentName) {
|
|
366
365
|
* @param {string} suppliedType the type that is being supplied, or a matching regex
|
367
366
|
* @param {string} expectedType the type that is expected, or a matching regex
|
368
367
|
*/
|
369
|
-
exports.
|
370
|
-
var invalid = function invalid(propName, componentName, suppliedType, expectedType) {
|
368
|
+
var invalid = exports.invalid = function invalid(propName, componentName, suppliedType, expectedType) {
|
371
369
|
return expect.stringMatching(new RegExp("^Warning: Failed prop type: Invalid prop `".concat(propName, "` of type `").concat(suppliedType, "` supplied to `").concat(componentName, "`, expected `").concat(expectedType, "`.")));
|
372
|
-
};
|
373
|
-
exports.invalid = invalid;
|
370
|
+
};
|
package/lib/settings.js
CHANGED
@@ -10,13 +10,12 @@ var _packageSettings = _interopRequireDefault(require("./global/js/package-setti
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
11
11
|
var _themes = require("@carbon/themes");
|
12
12
|
var _pconsole = _interopRequireDefault(require("./global/js/utils/pconsole"));
|
13
|
-
var carbon = {
|
13
|
+
var carbon = exports.carbon = {
|
14
14
|
get themes() {
|
15
15
|
return _themes.themes;
|
16
16
|
},
|
17
17
|
prefix: 'cds'
|
18
18
|
};
|
19
|
-
exports.carbon = carbon;
|
20
19
|
var componentDeprecatedWarning = function componentDeprecatedWarning(name, details) {
|
21
20
|
return "Carbon for IBM Products (WARNING): Component \"".concat(name, "\" is deprecated. ").concat(details);
|
22
21
|
};
|
@@ -90,5 +89,4 @@ _packageSettings.default.checkComponentEnabled = function (component, name) {
|
|
90
89
|
});
|
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": "2.
|
4
|
+
"version": "2.13.0",
|
5
5
|
"license": "Apache-2.0",
|
6
6
|
"main": "lib/index.js",
|
7
7
|
"module": "es/index.js",
|
@@ -87,14 +87,14 @@
|
|
87
87
|
"react-window": "^1.8.9"
|
88
88
|
},
|
89
89
|
"peerDependencies": {
|
90
|
-
"@carbon/grid": "^11.
|
90
|
+
"@carbon/grid": "^11.20.0",
|
91
91
|
"@carbon/layout": "^11.19.0",
|
92
92
|
"@carbon/motion": "^11.15.0",
|
93
|
-
"@carbon/react": "^1.
|
94
|
-
"@carbon/themes": "^11.
|
95
|
-
"@carbon/type": "^11.
|
93
|
+
"@carbon/react": "^1.40.0",
|
94
|
+
"@carbon/themes": "^11.25.0",
|
95
|
+
"@carbon/type": "^11.24.0",
|
96
96
|
"react": "^16.8.6 || ^17.0.1 || ^18.2.0",
|
97
97
|
"react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0"
|
98
98
|
},
|
99
|
-
"gitHead": "
|
99
|
+
"gitHead": "0f226a6af5fd9c21aa5d39f26266f561895385b9"
|
100
100
|
}
|
@@ -39,12 +39,11 @@ $block-class: #{c4p-settings.$pkg-prefix}--about-modal;
|
|
39
39
|
.#{$block-class} .#{$block-class}__body {
|
40
40
|
@include type.type-style('body-compact-02');
|
41
41
|
|
42
|
+
overflow: hidden auto;
|
42
43
|
min-height: $spacing-10;
|
43
44
|
padding: 0 20% 0 $spacing-05;
|
44
45
|
margin-bottom: $spacing-06;
|
45
46
|
grid-row: auto;
|
46
|
-
overflow-x: hidden;
|
47
|
-
overflow-y: auto;
|
48
47
|
}
|
49
48
|
|
50
49
|
.#{$block-class}
|