@carbon/ibm-products 2.12.1 → 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 +3482 -3232
- 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 +1040 -988
- 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 +1415 -1431
- 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/DatagridToolbar.js +1 -1
- 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/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 +28 -17
- package/es/global/js/package-settings.js +4 -2
- 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 +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 +3 -4
- package/lib/components/Datagrid/Datagrid/DatagridRefBody.js +1 -2
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +1 -2
- 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 +1 -2
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +4 -5
- package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +3 -4
- 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 +1 -2
- 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 +1 -2
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +3 -4
- 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 +4 -5
- 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 +1 -2
- 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 +3 -4
- 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 +3 -4
- package/lib/components/Datagrid/useSkeletonRows.js +1 -2
- package/lib/components/Datagrid/useSortableColumns.js +1 -2
- 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 +30 -20
- 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 +2 -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/addons/_RowSizeDropdown.scss +5 -0
- package/scss/components/_index.scss +2 -1
@@ -47,7 +47,7 @@ var defaults = {
|
|
47
47
|
* the ref.current will be set to the wrapper element if it renders, and will
|
48
48
|
* remain undefined if it does not render.
|
49
49
|
*/
|
50
|
-
var Wrap = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
50
|
+
var Wrap = exports.Wrap = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
51
51
|
var alwaysRender = _ref.alwaysRender,
|
52
52
|
children = _ref.children,
|
53
53
|
_ref$element = _ref.element,
|
@@ -58,7 +58,6 @@ var Wrap = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
|
58
58
|
ref: ref
|
59
59
|
}), children);
|
60
60
|
});
|
61
|
-
exports.Wrap = Wrap;
|
62
61
|
Wrap.displayName = 'Wrap';
|
63
62
|
Wrap.propTypes = {
|
64
63
|
/**
|
@@ -14,7 +14,7 @@ var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
14
14
|
*/
|
15
15
|
|
16
16
|
// Utility to return a deep clone of a nested object or array.
|
17
|
-
var deepCloneObject = function deepCloneObject(objectToClone) {
|
17
|
+
var deepCloneObject = exports.deepCloneObject = function deepCloneObject(objectToClone) {
|
18
18
|
// Return the value if objectToClone is not an object
|
19
19
|
if ((0, _typeof2.default)(objectToClone) !== 'object' || objectToClone === null) {
|
20
20
|
return objectToClone;
|
@@ -27,5 +27,4 @@ var deepCloneObject = function deepCloneObject(objectToClone) {
|
|
27
27
|
clonedObject[key] = deepCloneObject(value);
|
28
28
|
}
|
29
29
|
return clonedObject;
|
30
|
-
};
|
31
|
-
exports.deepCloneObject = deepCloneObject;
|
30
|
+
};
|
@@ -16,8 +16,7 @@ var _packageSettings = _interopRequireDefault(require("../package-settings"));
|
|
16
16
|
* LICENSE file in the root directory of this source tree.
|
17
17
|
*/
|
18
18
|
|
19
|
-
var devtoolsAttribute = 'data-carbon-devtools-id';
|
20
|
-
exports.devtoolsAttribute = devtoolsAttribute;
|
19
|
+
var devtoolsAttribute = exports.devtoolsAttribute = 'data-carbon-devtools-id';
|
21
20
|
function getDevtoolsId(componentName) {
|
22
21
|
return "".concat(_packageSettings.default.prefix, "--").concat(componentName);
|
23
22
|
}
|
@@ -12,7 +12,7 @@ var _motion = require("@carbon/motion");
|
|
12
12
|
* @param {string} mode - The carbon motion mode, either 'productive', or 'expressive'
|
13
13
|
*/
|
14
14
|
|
15
|
-
var getBezierValues = function getBezierValues(type, mode) {
|
15
|
+
var getBezierValues = exports.getBezierValues = function getBezierValues(type, mode) {
|
16
16
|
var cubicBezier = (0, _motion.motion)(type, mode);
|
17
17
|
var extractStringFromParens = /\(([^)]+)\)/;
|
18
18
|
var desiredBezierStrings = extractStringFromParens.exec(cubicBezier)[1];
|
@@ -21,5 +21,4 @@ var getBezierValues = function getBezierValues(type, mode) {
|
|
21
21
|
return formattedDesiredBezierStrings;
|
22
22
|
}
|
23
23
|
return [];
|
24
|
-
};
|
25
|
-
exports.getBezierValues = getBezierValues;
|
24
|
+
};
|
@@ -14,9 +14,8 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
|
|
14
14
|
*/
|
15
15
|
|
16
16
|
// Returns an array of focusable elements
|
17
|
-
var getFocusableElements = function getFocusableElements(element) {
|
17
|
+
var getFocusableElements = exports.getFocusableElements = function getFocusableElements(element) {
|
18
18
|
return (0, _toConsumableArray2.default)(element.querySelectorAll('a, button, input, textarea, select, details,[tabindex]:not([tabindex="-1"])')).filter(function (e) {
|
19
19
|
return !e.hasAttribute('disabled');
|
20
20
|
});
|
21
|
-
};
|
22
|
-
exports.getFocusableElements = getFocusableElements;
|
21
|
+
};
|
@@ -27,7 +27,7 @@ var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
27
27
|
* @param {Node} node A React node
|
28
28
|
* @returns {string}
|
29
29
|
*/
|
30
|
-
var getNodeTextContent = function getNodeTextContent(node) {
|
30
|
+
var getNodeTextContent = exports.getNodeTextContent = function getNodeTextContent(node) {
|
31
31
|
if (node == null) {
|
32
32
|
return '';
|
33
33
|
}
|
@@ -55,5 +55,4 @@ var getNodeTextContent = function getNodeTextContent(node) {
|
|
55
55
|
// Ignore all other JavaScript types.
|
56
56
|
return '';
|
57
57
|
}
|
58
|
-
};
|
59
|
-
exports.getNodeTextContent = getNodeTextContent;
|
58
|
+
};
|
@@ -11,7 +11,7 @@ exports.getNumberOfHiddenSteps = void 0;
|
|
11
11
|
* LICENSE file in the root directory of this source tree.
|
12
12
|
*/
|
13
13
|
|
14
|
-
var getNumberOfHiddenSteps = function getNumberOfHiddenSteps(stepData, initialStep) {
|
14
|
+
var getNumberOfHiddenSteps = exports.getNumberOfHiddenSteps = function getNumberOfHiddenSteps(stepData, initialStep) {
|
15
15
|
var numberOfHiddenSteps = 0;
|
16
16
|
stepData.forEach(function (step, stepIndex) {
|
17
17
|
if (stepIndex + 1 > initialStep) {
|
@@ -22,5 +22,4 @@ var getNumberOfHiddenSteps = function getNumberOfHiddenSteps(stepData, initialSt
|
|
22
22
|
}
|
23
23
|
});
|
24
24
|
return numberOfHiddenSteps;
|
25
|
-
};
|
26
|
-
exports.getNumberOfHiddenSteps = getNumberOfHiddenSteps;
|
25
|
+
};
|
@@ -11,12 +11,11 @@ exports.getScrollbarWidth = void 0;
|
|
11
11
|
* LICENSE file in the root directory of this source tree.
|
12
12
|
*/
|
13
13
|
|
14
|
-
var getScrollbarWidth = function getScrollbarWidth() {
|
14
|
+
var getScrollbarWidth = exports.getScrollbarWidth = function getScrollbarWidth() {
|
15
15
|
var scrollDiv = document.createElement('div');
|
16
16
|
scrollDiv.setAttribute('style', 'width: 100px; height: 100px; overflow: scroll; position:absolute; top:-9999px;');
|
17
17
|
document.body.appendChild(scrollDiv);
|
18
18
|
var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth;
|
19
19
|
document.body.removeChild(scrollDiv);
|
20
20
|
return scrollbarWidth;
|
21
|
-
};
|
22
|
-
exports.getScrollbarWidth = getScrollbarWidth;
|
21
|
+
};
|
@@ -19,7 +19,7 @@ exports.selectorTabbable = exports.selectorFocusable = exports.DOCUMENT_POSITION
|
|
19
19
|
* A flag `node.compareDocumentPosition(target)` returns,
|
20
20
|
* that indicates `target` is located earlier than `node` in the document or `target` contains `node`.
|
21
21
|
*/
|
22
|
-
var DOCUMENT_POSITION_BROAD_PRECEDING =
|
22
|
+
var DOCUMENT_POSITION_BROAD_PRECEDING = exports.DOCUMENT_POSITION_BROAD_PRECEDING =
|
23
23
|
// Checks `typeof Node` for `react-docgen`
|
24
24
|
typeof Node !== 'undefined' && Node.DOCUMENT_POSITION_PRECEDING | Node.DOCUMENT_POSITION_CONTAINS;
|
25
25
|
|
@@ -27,20 +27,16 @@ typeof Node !== 'undefined' && Node.DOCUMENT_POSITION_PRECEDING | Node.DOCUMENT_
|
|
27
27
|
* A flag `node.compareDocumentPosition(target)` returns,
|
28
28
|
* that indicates `target` is located later than `node` in the document or `node` contains `target`.
|
29
29
|
*/
|
30
|
-
exports.
|
31
|
-
var DOCUMENT_POSITION_BROAD_FOLLOWING =
|
30
|
+
var DOCUMENT_POSITION_BROAD_FOLLOWING = exports.DOCUMENT_POSITION_BROAD_FOLLOWING =
|
32
31
|
// Checks `typeof Node` for `react-docgen`
|
33
32
|
typeof Node !== 'undefined' && Node.DOCUMENT_POSITION_FOLLOWING | Node.DOCUMENT_POSITION_CONTAINED_BY;
|
34
33
|
|
35
34
|
/**
|
36
35
|
* CSS selector that selects major nodes that are sequential-focusable.
|
37
36
|
*/
|
38
|
-
exports.
|
39
|
-
var selectorTabbable = "\n a[href], area[href], input:not([disabled]):not([tabindex='-1']),\n button:not([disabled]):not([tabindex='-1']),select:not([disabled]):not([tabindex='-1']),\n textarea:not([disabled]):not([tabindex='-1']),\n iframe, object, embed, *[tabindex]:not([tabindex='-1']):not([disabled]), *[contenteditable=true]\n";
|
37
|
+
var selectorTabbable = exports.selectorTabbable = "\n a[href], area[href], input:not([disabled]):not([tabindex='-1']),\n button:not([disabled]):not([tabindex='-1']),select:not([disabled]):not([tabindex='-1']),\n textarea:not([disabled]):not([tabindex='-1']),\n iframe, object, embed, *[tabindex]:not([tabindex='-1']):not([disabled]), *[contenteditable=true]\n";
|
40
38
|
|
41
39
|
/**
|
42
40
|
* CSS selector that selects major nodes that are click focusable
|
43
41
|
*/
|
44
|
-
exports.
|
45
|
-
var selectorFocusable = "\n a[href], area[href], input:not([disabled]),\n button:not([disabled]),select:not([disabled]),\n textarea:not([disabled]),\n iframe, object, embed, *[tabindex]:not([disabled]), *[contenteditable=true]\n";
|
46
|
-
exports.selectorFocusable = selectorFocusable;
|
42
|
+
var selectorFocusable = exports.selectorFocusable = "\n a[href], area[href], input:not([disabled]),\n button:not([disabled]),select:not([disabled]),\n textarea:not([disabled]),\n iframe, object, embed, *[tabindex]:not([disabled]), *[contenteditable=true]\n";
|
@@ -19,7 +19,7 @@ exports.lastIndexInArray = void 0;
|
|
19
19
|
* @param {string} key
|
20
20
|
* @param {string|boolean|number} value
|
21
21
|
*/
|
22
|
-
var lastIndexInArray = function lastIndexInArray(array, key, value) {
|
22
|
+
var lastIndexInArray = exports.lastIndexInArray = function lastIndexInArray(array, key, value) {
|
23
23
|
for (var i = array.length - 1; i >= 0; i--) {
|
24
24
|
var _array$i;
|
25
25
|
if (((_array$i = array[i]) === null || _array$i === void 0 ? void 0 : _array$i[key]) === value) {
|
@@ -27,5 +27,4 @@ var lastIndexInArray = function lastIndexInArray(array, key, value) {
|
|
27
27
|
}
|
28
28
|
}
|
29
29
|
return -1;
|
30
|
-
};
|
31
|
-
exports.lastIndexInArray = lastIndexInArray;
|
30
|
+
};
|
@@ -16,7 +16,7 @@ var _motion = require("@carbon/motion");
|
|
16
16
|
var cleanMotionValue = function cleanMotionValue(val) {
|
17
17
|
return parseInt(val) / 1000;
|
18
18
|
};
|
19
|
-
var DURATIONS = {
|
19
|
+
var DURATIONS = exports.DURATIONS = {
|
20
20
|
// Micro-interactions such as button and toggle
|
21
21
|
fast01: cleanMotionValue(_motion.fast01),
|
22
22
|
// '70ms'
|
@@ -35,8 +35,8 @@ var DURATIONS = {
|
|
35
35
|
// Background dimming
|
36
36
|
slow02: cleanMotionValue(_motion.slow02) // '700ms'
|
37
37
|
};
|
38
|
-
|
39
|
-
var EASINGS = {
|
38
|
+
|
39
|
+
var EASINGS = exports.EASINGS = {
|
40
40
|
productive: {
|
41
41
|
entrance: (0, _getBezierValues.getBezierValues)('entrance', 'productive'),
|
42
42
|
standard: (0, _getBezierValues.getBezierValues)('standard', 'productive'),
|
@@ -47,5 +47,4 @@ var EASINGS = {
|
|
47
47
|
standard: (0, _getBezierValues.getBezierValues)('standard', 'expressive'),
|
48
48
|
exit: (0, _getBezierValues.getBezierValues)('exit', 'expressive')
|
49
49
|
}
|
50
|
-
};
|
51
|
-
exports.EASINGS = EASINGS;
|
50
|
+
};
|
@@ -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
|
+
};
|