@carbon/ibm-products 2.43.2-canary.255 → 2.43.2-canary.260
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/index-full-carbon.css +1 -0
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -1
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +1 -0
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -1
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +1 -0
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -1
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +1 -0
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/es/components/ActionBar/ActionBarOverflowItems.js +5 -0
- package/es/components/AddSelect/AddSelectBody.js +1 -1
- package/es/components/BigNumbers/BigNumbers.js +1 -1
- package/es/components/Coachmark/utils/enums.js +1 -0
- package/es/components/NotificationsPanel/NotificationsPanel.js +1 -1
- package/es/components/ScrollGradient/ScrollGradient.js +1 -1
- package/es/components/StringFormatter/StringFormatter.js +1 -1
- package/es/global/js/utils/devtools.js +1 -2
- package/lib/_virtual/_commonjsHelpers.js +0 -2
- package/lib/_virtual/_rollupPluginBabelHelpers.js +2 -4
- package/lib/_virtual/index.js +0 -2
- package/lib/components/APIKeyModal/APIKeyDownloader.js +8 -14
- package/lib/components/APIKeyModal/APIKeyModal.js +70 -77
- package/lib/components/AboutModal/AboutModal.js +29 -36
- package/lib/components/ActionBar/ActionBar.js +26 -33
- package/lib/components/ActionBar/ActionBarItem.js +9 -16
- package/lib/components/ActionBar/ActionBarOverflowItems.js +23 -25
- package/lib/components/ActionSet/ActionSet.js +17 -24
- package/lib/components/AddSelect/AddSelect.js +62 -68
- package/lib/components/AddSelect/AddSelectBody.js +82 -89
- package/lib/components/AddSelect/AddSelectBreadcrumbs.js +6 -13
- package/lib/components/AddSelect/AddSelectColumn.js +29 -35
- package/lib/components/AddSelect/AddSelectFilter.js +30 -37
- package/lib/components/AddSelect/AddSelectFormControl.js +15 -21
- package/lib/components/AddSelect/AddSelectList.js +9 -16
- package/lib/components/AddSelect/AddSelectMetaPanel.js +16 -22
- package/lib/components/AddSelect/AddSelectRow.js +32 -39
- package/lib/components/AddSelect/AddSelectSidebar.js +29 -35
- package/lib/components/AddSelect/AddSelectSort.js +10 -16
- package/lib/components/AddSelect/add-select-utils.js +0 -2
- package/lib/components/AddSelect/hooks/useFocus.js +1 -1
- package/lib/components/AddSelect/hooks/useItemSort.js +0 -2
- package/lib/components/AddSelect/hooks/useParentSelect.js +1 -1
- package/lib/components/AddSelect/hooks/usePath.js +1 -1
- package/lib/components/BigNumbers/BigNumbers.js +39 -46
- package/lib/components/BigNumbers/constants.js +0 -2
- package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +35 -42
- package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +22 -29
- package/lib/components/Card/Card.js +73 -80
- package/lib/components/Card/CardFooter.js +28 -35
- package/lib/components/Card/CardHeader.js +37 -44
- package/lib/components/Carousel/Carousel.js +21 -28
- package/lib/components/Carousel/CarouselItem.js +5 -12
- package/lib/components/Cascade/Cascade.js +15 -22
- package/lib/components/Checklist/Checklist.js +50 -57
- package/lib/components/Checklist/Checklist.types.js +0 -2
- package/lib/components/Checklist/ChecklistChart.js +7 -15
- package/lib/components/Checklist/ChecklistIcon.js +7 -14
- package/lib/components/Coachmark/Coachmark.js +24 -31
- package/lib/components/Coachmark/CoachmarkDragbar.js +12 -19
- package/lib/components/Coachmark/CoachmarkHeader.js +9 -16
- package/lib/components/Coachmark/CoachmarkOverlay.js +14 -21
- package/lib/components/Coachmark/CoachmarkTagline.js +12 -19
- package/lib/components/Coachmark/utils/constants.js +0 -2
- package/lib/components/Coachmark/utils/context.js +0 -2
- package/lib/components/Coachmark/utils/enums.js +1 -2
- package/lib/components/Coachmark/utils/hooks.js +0 -2
- package/lib/components/CoachmarkBeacon/CoachmarkBeacon.js +10 -17
- package/lib/components/CoachmarkButton/CoachmarkButton.js +6 -13
- package/lib/components/CoachmarkFixed/CoachmarkFixed.js +13 -20
- package/lib/components/CoachmarkOverlayElement/CoachmarkOverlayElement.js +11 -18
- package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +25 -32
- package/lib/components/CoachmarkStack/CoachmarkStack.js +23 -30
- package/lib/components/CoachmarkStack/CoachmarkStackHome.js +29 -36
- package/lib/components/ComboButton/ComboButton.js +11 -18
- package/lib/components/ComboButton/ComboButtonItem/index.js +2 -8
- package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +34 -39
- package/lib/components/ConditionBuilder/ConditionBuilder.js +49 -56
- package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +18 -23
- package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +15 -20
- package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +20 -27
- package/lib/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +8 -12
- package/lib/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +4 -8
- package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +38 -42
- package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +25 -31
- package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +0 -2
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +17 -23
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +9 -15
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +5 -11
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +13 -19
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +17 -23
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js +6 -12
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.js +9 -15
- package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +27 -32
- package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +25 -30
- package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.js +0 -2
- package/lib/components/ConditionBuilder/utils/useDataConfigs.js +0 -2
- package/lib/components/ConditionBuilder/utils/useTranslations.js +0 -2
- package/lib/components/ConditionBuilder/utils/util.js +0 -2
- package/lib/components/CreateFullPage/CreateFullPage.js +44 -51
- package/lib/components/CreateFullPage/CreateFullPageStep.js +22 -29
- package/lib/components/CreateInfluencer/CreateInfluencer.js +15 -22
- package/lib/components/CreateModal/CreateModal.js +22 -29
- package/lib/components/CreateSidePanel/CreateSidePanel.js +24 -31
- package/lib/components/CreateTearsheet/CreateTearsheet.js +26 -33
- package/lib/components/CreateTearsheet/CreateTearsheetDivider.js +3 -10
- package/lib/components/CreateTearsheet/CreateTearsheetStep.js +31 -38
- package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +24 -31
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +37 -44
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +54 -61
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +37 -44
- package/lib/components/DataSpreadsheet/hooks/useMoveActiveCell.js +0 -2
- package/lib/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +0 -2
- package/lib/components/DataSpreadsheet/hooks/useResetSpreadsheetFocus.js +0 -2
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +0 -2
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +0 -2
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +0 -2
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +0 -2
- package/lib/components/DataSpreadsheet/utils/checkActiveHeaderCell.js +0 -2
- package/lib/components/DataSpreadsheet/utils/checkForHoldingKey.js +0 -2
- package/lib/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +0 -2
- package/lib/components/DataSpreadsheet/utils/commonEventHandlers.js +1 -3
- package/lib/components/DataSpreadsheet/utils/createActiveCellFn.js +0 -2
- package/lib/components/DataSpreadsheet/utils/createCellSelectionArea.js +0 -2
- package/lib/components/DataSpreadsheet/utils/getCellSize.js +0 -2
- package/lib/components/DataSpreadsheet/utils/getSelectionAreaPoints.js +0 -2
- package/lib/components/DataSpreadsheet/utils/getSpreadsheetWidth.js +0 -2
- package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +0 -2
- package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionTab.js +0 -2
- package/lib/components/DataSpreadsheet/utils/handleCellDeletion.js +0 -2
- package/lib/components/DataSpreadsheet/utils/handleEditSubmit.js +1 -3
- package/lib/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +1 -3
- package/lib/components/DataSpreadsheet/utils/handleMultipleKeys.js +2 -4
- package/lib/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +0 -2
- package/lib/components/DataSpreadsheet/utils/removeCellSelections.js +0 -2
- package/lib/components/DataSpreadsheet/utils/selectAllCells.js +1 -3
- package/lib/components/Datagrid/Datagrid/Datagrid.js +9 -16
- package/lib/components/Datagrid/Datagrid/DatagridBody.js +5 -9
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +43 -50
- package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +4 -8
- package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +6 -11
- package/lib/components/Datagrid/Datagrid/DatagridHead.js +2 -6
- package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +12 -17
- package/lib/components/Datagrid/Datagrid/DatagridRefBody.js +3 -8
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +12 -17
- package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +4 -11
- package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +18 -23
- package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +3 -8
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +14 -19
- package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +5 -9
- package/lib/components/Datagrid/Datagrid/DraggableElement.js +17 -22
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +11 -12
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +10 -11
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +25 -31
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +18 -22
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +7 -13
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +3 -7
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js +1 -7
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +34 -39
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +42 -47
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +5 -11
- package/lib/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.js +11 -15
- package/lib/components/Datagrid/Datagrid/addons/Filtering/constants.js +0 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/handleCheckboxChange.js +0 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +16 -20
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +2 -6
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useSubscribeToEventEmitter.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/motion/variants.js +0 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js +0 -2
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +18 -25
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +32 -39
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js +2 -8
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/getCellIdAsObject.js +0 -2
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +0 -2
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridFocus.js +0 -2
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +0 -2
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +0 -2
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +12 -17
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +11 -16
- package/lib/components/Datagrid/Datagrid/addons/Slug/DatagridSlug.js +2 -8
- package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +0 -2
- package/lib/components/Datagrid/common-column-ids.js +0 -2
- package/lib/components/Datagrid/useActionsColumn.js +12 -17
- package/lib/components/Datagrid/useColumnCenterAlign.js +4 -9
- package/lib/components/Datagrid/useColumnRightAlign.js +4 -9
- package/lib/components/Datagrid/useCustomizeColumns.js +6 -7
- package/lib/components/Datagrid/useDatagrid.js +4 -8
- package/lib/components/Datagrid/useDefaultStringRenderer.js +5 -10
- package/lib/components/Datagrid/useDisableSelectRows.js +1 -1
- package/lib/components/Datagrid/useEditableCell.js +2 -2
- package/lib/components/Datagrid/useExpandedRow.js +3 -3
- package/lib/components/Datagrid/useFiltering.js +5 -5
- package/lib/components/Datagrid/useFlexResize.js +1 -1
- package/lib/components/Datagrid/useFloatingScroll.js +2 -6
- package/lib/components/Datagrid/useFocusRowExpander.js +0 -2
- package/lib/components/Datagrid/useInfiniteScroll.js +4 -8
- package/lib/components/Datagrid/useInitialColumnSort.js +0 -2
- package/lib/components/Datagrid/useInlineEdit.js +7 -12
- package/lib/components/Datagrid/useNestedRowExpander.js +5 -10
- package/lib/components/Datagrid/useNestedRows.js +3 -7
- package/lib/components/Datagrid/useOnRowClick.js +1 -1
- package/lib/components/Datagrid/useParentDimensions.js +1 -1
- package/lib/components/Datagrid/useResizeTable.js +1 -1
- package/lib/components/Datagrid/useRowExpander.js +5 -10
- package/lib/components/Datagrid/useRowIsMouseOver.js +2 -6
- package/lib/components/Datagrid/useRowRenderer.js +2 -2
- package/lib/components/Datagrid/useRowSize.js +2 -2
- package/lib/components/Datagrid/useSelectAllToggle.js +3 -8
- package/lib/components/Datagrid/useSelectRows.js +6 -11
- package/lib/components/Datagrid/useSkeletonRows.js +1 -1
- package/lib/components/Datagrid/useSortableColumns.js +8 -13
- package/lib/components/Datagrid/useStickyColumn.js +4 -9
- package/lib/components/Datagrid/utils/getAutoSizedColumnWidth.js +0 -2
- package/lib/components/Decorator/Decorator.js +16 -22
- package/lib/components/DecoratorBase/DecoratorBase.js +41 -48
- package/lib/components/DecoratorBase/DecoratorIcon.js +6 -13
- package/lib/components/DecoratorBase/utils.js +0 -2
- package/lib/components/DecoratorDualButton/DecoratorDualButton.js +21 -27
- package/lib/components/DecoratorLink/DecoratorLink.js +19 -25
- package/lib/components/DecoratorSingleButton/DecoratorSingleButton.js +19 -25
- package/lib/components/DelimitedList/DelimitedList.js +7 -14
- package/lib/components/DescriptionList/DescriptionList.js +8 -15
- package/lib/components/DescriptionList/DescriptionListBody.js +5 -12
- package/lib/components/DescriptionList/DescriptionListCell.js +5 -12
- package/lib/components/DescriptionList/DescriptionListRow.js +5 -12
- package/lib/components/DescriptionList/constants.js +0 -2
- package/lib/components/EditFullPage/EditFullPage.js +5 -12
- package/lib/components/EditInPlace/EditInPlace.js +35 -42
- package/lib/components/EditSidePanel/EditSidePanel.js +26 -33
- package/lib/components/EditTearsheet/EditTearsheet.js +24 -31
- package/lib/components/EditTearsheet/EditTearsheetForm.js +16 -23
- package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js +5 -12
- package/lib/components/EditUpdateCards/EditUpdateCards.js +32 -39
- package/lib/components/EmptyStates/EmptyState.js +22 -29
- package/lib/components/EmptyStates/EmptyStateContent.js +18 -25
- package/lib/components/EmptyStates/EmptyStateIllustration.js +3 -7
- package/lib/components/EmptyStates/EmptyStateV2.js +25 -32
- package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +19 -26
- package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +19 -26
- package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +19 -26
- package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +19 -26
- package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +19 -26
- package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +19 -26
- package/lib/components/EmptyStates/assets/ErrorIllustration.js +53 -58
- package/lib/components/EmptyStates/assets/NoDataIllustration.js +43 -48
- package/lib/components/EmptyStates/assets/NoTagsIllustration.js +114 -119
- package/lib/components/EmptyStates/assets/NotFoundIllustration.js +84 -89
- package/lib/components/EmptyStates/assets/NotificationsIllustration.js +81 -86
- package/lib/components/EmptyStates/assets/UnauthorizedIllustration.js +74 -79
- package/lib/components/ExportModal/ExportModal.js +45 -52
- package/lib/components/ExpressiveCard/ExpressiveCard.js +28 -34
- package/lib/components/FeatureFlags/index.js +3 -9
- package/lib/components/FilterPanel/FilterPanel.js +7 -14
- package/lib/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.js +10 -17
- package/lib/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.js +13 -20
- package/lib/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.js +9 -16
- package/lib/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.js +17 -24
- package/lib/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.js +11 -18
- package/lib/components/FilterPanel/FilterPanelLabel/FilterPanelLabel.js +9 -16
- package/lib/components/FilterPanel/FilterPanelSearch/FilterPanelSearch.js +9 -16
- package/lib/components/FilterSummary/FilterSummary.js +22 -28
- package/lib/components/FullPageError/FullPageError.js +21 -28
- package/lib/components/FullPageError/assets/Error403SVG.js +129 -135
- package/lib/components/FullPageError/assets/Error404SVG.js +114 -120
- package/lib/components/FullPageError/assets/ErrorGenericSVG.js +128 -134
- package/lib/components/GetStartedCard/GetStartedCard.js +16 -22
- package/lib/components/Guidebanner/Guidebanner.js +32 -39
- package/lib/components/Guidebanner/GuidebannerElement.js +10 -17
- package/lib/components/Guidebanner/GuidebannerElementButton.js +9 -16
- package/lib/components/Guidebanner/GuidebannerElementLink.js +5 -12
- package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +5 -12
- package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +5 -12
- package/lib/components/HTTPErrors/HTTPErrorContent.js +5 -11
- package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +5 -12
- package/lib/components/HTTPErrors/assets/HTTPErrorSvg403.js +358 -364
- package/lib/components/HTTPErrors/assets/HTTPErrorSvg404.js +309 -315
- package/lib/components/HTTPErrors/assets/HTTPErrorSvgOther.js +321 -327
- package/lib/components/ImportModal/ImportModal.js +48 -55
- package/lib/components/InlineTip/InlineTip.js +38 -45
- package/lib/components/InlineTip/InlineTipButton.js +5 -12
- package/lib/components/InlineTip/InlineTipLink.js +6 -13
- package/lib/components/InlineTip/utils.js +2 -4
- package/lib/components/InterstitialScreen/InterstitialScreen.js +73 -80
- package/lib/components/InterstitialScreenView/InterstitialScreenView.js +6 -13
- package/lib/components/InterstitialScreenViewModule/InterstitialScreenViewModule.js +8 -15
- package/lib/components/MultiAddSelect/MultiAddSelect.js +45 -51
- package/lib/components/Nav/Nav.js +14 -21
- package/lib/components/Nav/NavItem.js +19 -24
- package/lib/components/Nav/NavItemLink.js +4 -8
- package/lib/components/Nav/NavList.js +12 -17
- package/lib/components/NonLinearReading/NonLinearReading.js +12 -19
- package/lib/components/NotificationsPanel/NotificationsPanel.js +92 -99
- package/lib/components/NotificationsPanel/utils.js +0 -2
- package/lib/components/OptionsTile/OptionsTile.js +40 -47
- package/lib/components/PageHeader/PageHeader.js +105 -112
- package/lib/components/PageHeader/PageHeaderTitle.js +23 -30
- package/lib/components/PageHeader/PageHeaderUtils.js +2 -9
- package/lib/components/ProductiveCard/ProductiveCard.js +36 -42
- package/lib/components/RemoveModal/RemoveModal.js +27 -34
- package/lib/components/Saving/Saving.js +27 -34
- package/lib/components/ScrollGradient/ScrollGradient.js +17 -24
- package/lib/components/ScrollGradient/constants.js +0 -2
- package/lib/components/SearchBar/SearchBar.js +22 -29
- package/lib/components/SidePanel/SidePanel.js +66 -73
- package/lib/components/SidePanel/constants.js +0 -2
- package/lib/components/SidePanel/motion/variants.js +0 -2
- package/lib/components/SimpleHeader/SimpleHeader.js +18 -25
- package/lib/components/SingleAddSelect/SingleAddSelect.js +21 -27
- package/lib/components/StatusIcon/StatusIcon.js +52 -59
- package/lib/components/StatusIndicator/StatusIndicator.js +13 -20
- package/lib/components/StatusIndicator/StatusIndicatorStep.js +14 -21
- package/lib/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js +8 -17
- package/lib/components/StringFormatter/StringFormatter.js +12 -19
- package/lib/components/StringFormatter/utils/enums.js +0 -2
- package/lib/components/TagOverflow/TagOverflow.js +26 -33
- package/lib/components/TagOverflow/TagOverflowModal.js +17 -24
- package/lib/components/TagOverflow/TagOverflowPopover.js +22 -29
- package/lib/components/TagOverflow/constants.js +0 -2
- package/lib/components/TagSet/TagSet.js +34 -41
- package/lib/components/TagSet/TagSetModal.js +16 -23
- package/lib/components/TagSet/TagSetOverflow.js +25 -32
- package/lib/components/Tearsheet/Tearsheet.js +23 -29
- package/lib/components/Tearsheet/TearsheetNarrow.js +18 -24
- package/lib/components/Tearsheet/TearsheetShell.js +55 -62
- package/lib/components/Toolbar/Toolbar.js +3 -10
- package/lib/components/Toolbar/ToolbarButton.js +3 -10
- package/lib/components/Toolbar/ToolbarGroup.js +2 -9
- package/lib/components/TooltipTrigger/TooltipTrigger.js +4 -11
- package/lib/components/TruncatedList/TruncatedList.js +15 -22
- package/lib/components/UserAvatar/UserAvatar.js +18 -25
- package/lib/components/UserProfileImage/UserProfileImage.js +24 -31
- package/lib/components/WebTerminal/WebTerminal.js +26 -33
- package/lib/components/WebTerminal/WebTerminalContentWrapper.js +4 -11
- package/lib/components/WebTerminal/hooks/index.js +2 -8
- package/lib/components/_Canary/Canary.js +7 -14
- package/lib/feature-flags.js +3 -4
- package/lib/global/js/hooks/useActiveElement.js +0 -2
- package/lib/global/js/hooks/useClickOutside.js +0 -2
- package/lib/global/js/hooks/useControllableState.js +2 -4
- package/lib/global/js/hooks/useCreateComponentFocus.js +1 -3
- package/lib/global/js/hooks/useCreateComponentStepChange.js +0 -2
- package/lib/global/js/hooks/useFocus.js +1 -3
- package/lib/global/js/hooks/useIsomorphicEffect.js +0 -2
- package/lib/global/js/hooks/usePortalTarget.js +0 -2
- package/lib/global/js/hooks/usePrefersReducedMotion.js +1 -1
- package/lib/global/js/hooks/usePrefix.js +1 -3
- package/lib/global/js/hooks/usePreviousValue.js +0 -2
- package/lib/global/js/hooks/useResetCreateComponent.js +0 -2
- package/lib/global/js/hooks/useResizeObserver.js +0 -2
- package/lib/global/js/hooks/useRetrieveFormTitles.js +0 -2
- package/lib/global/js/hooks/useRetrieveStepData.js +0 -2
- package/lib/global/js/hooks/useValidCreateStepCount.js +0 -2
- package/lib/global/js/hooks/useWindowResize.js +1 -3
- package/lib/global/js/hooks/useWindowScroll.js +1 -3
- package/lib/global/js/package-settings.js +1 -1
- package/lib/global/js/utils/Wrap.js +9 -15
- package/lib/global/js/utils/deepCloneObject.js +1 -3
- package/lib/global/js/utils/devtools.js +0 -2
- package/lib/global/js/utils/getBezierValues.js +0 -2
- package/lib/global/js/utils/getFocusableElements.js +0 -2
- package/lib/global/js/utils/getNodeTextContent.js +1 -3
- package/lib/global/js/utils/getNumberOfHiddenSteps.js +0 -2
- package/lib/global/js/utils/getScrollbarWidth.js +0 -2
- package/lib/global/js/utils/keyboardNavigation.js +0 -2
- package/lib/global/js/utils/lastIndexInArray.js +0 -2
- package/lib/global/js/utils/motionConstants.js +0 -2
- package/lib/global/js/utils/pconsole.js +1 -1
- package/lib/global/js/utils/props-helper.js +10 -12
- package/lib/global/js/utils/rangeWithCallback.js +0 -2
- package/lib/global/js/utils/scrollableAncestor.js +1 -3
- package/lib/global/js/utils/uuidv4.js +1 -1
- package/lib/global/js/utils/wait.js +1 -1
- package/lib/global/js/utils/wrapFocus.js +1 -1
- package/lib/index.js +19 -21
- package/lib/node_modules/@carbon/colors/es/index.js +0 -2
- package/lib/node_modules/@carbon/icon-helpers/es/index.js +3 -5
- package/lib/node_modules/@carbon/icons-react/es/Icon.js +14 -18
- package/lib/node_modules/@carbon/icons-react/es/generated/bucket-2.js +525 -531
- package/lib/node_modules/@carbon/icons-react/es/generated/bucket-9.js +500 -506
- package/lib/node_modules/@carbon/icons-react/es/iconPropTypes-4cbeb95d.js +1 -3
- package/lib/node_modules/object-assign/index.js +0 -2
- package/lib/node_modules/prop-types/checkPropTypes.js +2 -4
- package/lib/node_modules/prop-types/factoryWithThrowingShims.js +0 -2
- package/lib/node_modules/prop-types/factoryWithTypeCheckers.js +4 -10
- package/lib/node_modules/prop-types/index.js +2 -6
- package/lib/node_modules/prop-types/lib/ReactPropTypesSecret.js +0 -2
- package/lib/node_modules/prop-types/lib/has.js +0 -2
- package/lib/settings.js +9 -15
- package/package.json +5 -5
- package/scss/components/SidePanel/_side-panel.scss +1 -0
@@ -19,11 +19,6 @@ var useTranslations = require('../utils/useTranslations.js');
|
|
19
19
|
var icons = require('@carbon/react/icons');
|
20
20
|
var util = require('../utils/util.js');
|
21
21
|
|
22
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
23
|
-
|
24
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
25
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
26
|
-
|
27
22
|
var ConditionPreview = function ConditionPreview(_ref) {
|
28
23
|
var _ConditionBuilderItem, _ConditionBuilderItem2, _ConditionBuilderItem3;
|
29
24
|
var previewType = _ref.previewType,
|
@@ -43,49 +38,49 @@ var ConditionPreview = function ConditionPreview(_ref) {
|
|
43
38
|
setAnimate(true);
|
44
39
|
}, []);
|
45
40
|
var getConditionSection = function getConditionSection() {
|
46
|
-
return /*#__PURE__*/
|
41
|
+
return /*#__PURE__*/React.createElement("div", {
|
47
42
|
className: "".concat(util.blockClass, "__preview-condition")
|
48
|
-
}, _ConditionBuilderItem || (_ConditionBuilderItem = /*#__PURE__*/
|
43
|
+
}, _ConditionBuilderItem || (_ConditionBuilderItem = /*#__PURE__*/React.createElement(ConditionBuilderItem.ConditionBuilderItem, {
|
49
44
|
label: propertyText,
|
50
45
|
renderIcon: icons.Bee
|
51
|
-
})), _ConditionBuilderItem2 || (_ConditionBuilderItem2 = /*#__PURE__*/
|
46
|
+
})), _ConditionBuilderItem2 || (_ConditionBuilderItem2 = /*#__PURE__*/React.createElement(ConditionBuilderItem.ConditionBuilderItem, {
|
52
47
|
label: operatorText
|
53
|
-
})), _ConditionBuilderItem3 || (_ConditionBuilderItem3 = /*#__PURE__*/
|
48
|
+
})), _ConditionBuilderItem3 || (_ConditionBuilderItem3 = /*#__PURE__*/React.createElement(ConditionBuilderItem.ConditionBuilderItem, {
|
54
49
|
label: valueText
|
55
50
|
})));
|
56
51
|
};
|
57
|
-
return /*#__PURE__*/
|
58
|
-
className:
|
59
|
-
}, /*#__PURE__*/
|
52
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, previewType == 'newGroup' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
53
|
+
className: cx(["".concat(util.blockClass, "__group__row ").concat(util.blockClass, "__group-preview "), _rollupPluginBabelHelpers.defineProperty({}, "".concat(util.blockClass, "__group-preview-animate"), animate)])
|
54
|
+
}, /*#__PURE__*/React.createElement(ConditionBuilderItem.ConditionBuilderItem, {
|
60
55
|
className: "".concat(util.blockClass, "__statement-button"),
|
61
56
|
label: group.groupOperator
|
62
|
-
})), /*#__PURE__*/
|
57
|
+
})), /*#__PURE__*/React.createElement("div", {
|
63
58
|
"data-color-index": colorIndex,
|
64
59
|
"aria-hidden": true,
|
65
|
-
className:
|
66
|
-
}, /*#__PURE__*/
|
60
|
+
className: cx(["".concat(util.blockClass, "__group ").concat(util.blockClass, "__condition-wrapper ").concat(util.blockClass, "__group-preview ").concat(util.blockClass, "__group-wrapper "), _rollupPluginBabelHelpers.defineProperty({}, "".concat(util.blockClass, "__group-preview-animate"), animate)])
|
61
|
+
}, /*#__PURE__*/React.createElement("div", {
|
67
62
|
className: "".concat(util.blockClass, "__gap")
|
68
|
-
}, /*#__PURE__*/
|
63
|
+
}, /*#__PURE__*/React.createElement(ConditionBuilderItem.ConditionBuilderItem, {
|
69
64
|
className: "".concat(util.blockClass, "__statement-button"),
|
70
65
|
label: ifText
|
71
|
-
})), getConditionSection())), previewType == 'subGroup' && /*#__PURE__*/
|
72
|
-
className:
|
73
|
-
}, /*#__PURE__*/
|
66
|
+
})), getConditionSection())), previewType == 'subGroup' && /*#__PURE__*/React.createElement("div", {
|
67
|
+
className: cx(["".concat(util.blockClass, "__group__row ").concat(util.blockClass, "__group-preview ").concat(util.blockClass, "__gap-bottom"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(util.blockClass, "__group-preview-animate"), animate)])
|
68
|
+
}, /*#__PURE__*/React.createElement("div", {
|
74
69
|
className: "".concat(util.blockClass, "__condition-block ").concat(util.blockClass, "__gap")
|
75
|
-
}, /*#__PURE__*/
|
70
|
+
}, /*#__PURE__*/React.createElement(ConditionBuilderItem.ConditionBuilderItem, {
|
76
71
|
label: group.groupOperator,
|
77
72
|
className: "".concat(util.blockClass, "__statement-button"),
|
78
73
|
popOverClassName: "".concat(util.blockClass, "__gap")
|
79
|
-
}), /*#__PURE__*/
|
74
|
+
}), /*#__PURE__*/React.createElement("div", {
|
80
75
|
className: "".concat(util.blockClass, "__group ").concat(util.blockClass, "__condition-wrapper")
|
81
|
-
}, /*#__PURE__*/
|
76
|
+
}, /*#__PURE__*/React.createElement(ConditionConnector.default, {
|
82
77
|
className: "".concat(util.blockClass, "__gap ").concat(util.blockClass, "__groupConnector"),
|
83
78
|
operator: ifText
|
84
|
-
}), getConditionSection()))), previewType == 'condition' && /*#__PURE__*/
|
85
|
-
className:
|
86
|
-
}, /*#__PURE__*/
|
79
|
+
}), getConditionSection()))), previewType == 'condition' && /*#__PURE__*/React.createElement("div", {
|
80
|
+
className: cx(["".concat(util.blockClass, "__group__row ").concat(util.blockClass, "__group-preview ").concat(util.blockClass, "__gap-bottom"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(util.blockClass, "__group-preview-animate"), animate)])
|
81
|
+
}, /*#__PURE__*/React.createElement("div", {
|
87
82
|
className: "".concat(util.blockClass, "__condition-block ").concat(util.blockClass, "__gap")
|
88
|
-
}, /*#__PURE__*/
|
83
|
+
}, /*#__PURE__*/React.createElement(ConditionBuilderItem.ConditionBuilderItem, {
|
89
84
|
label: group.groupOperator,
|
90
85
|
className: "".concat(util.blockClass, "__statement-button"),
|
91
86
|
popOverClassName: "".concat(util.blockClass, "__gap")
|
@@ -95,15 +90,15 @@ ConditionPreview.propTypes = {
|
|
95
90
|
/**
|
96
91
|
* index of the color for next group
|
97
92
|
*/
|
98
|
-
colorIndex: index
|
93
|
+
colorIndex: index.default.number,
|
99
94
|
/**
|
100
95
|
* current conditional group
|
101
96
|
*/
|
102
|
-
group: index
|
97
|
+
group: index.default.object,
|
103
98
|
/**
|
104
99
|
* type of review to be displayed
|
105
100
|
*/
|
106
|
-
previewType: index
|
101
|
+
previewType: index.default.oneOf(['condition', 'subGroup', 'newGroup'])
|
107
102
|
};
|
108
103
|
|
109
|
-
exports
|
104
|
+
exports.default = ConditionPreview;
|
@@ -7,8 +7,6 @@
|
|
7
7
|
|
8
8
|
'use strict';
|
9
9
|
|
10
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
11
|
-
|
12
10
|
var React = require('react');
|
13
11
|
var ConditionBuilderProvider = require('../ConditionBuilderContext/ConditionBuilderProvider.js');
|
14
12
|
var translationObject = require('../ConditionBuilderContext/translationObject.js');
|
@@ -7,8 +7,6 @@
|
|
7
7
|
|
8
8
|
'use strict';
|
9
9
|
|
10
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
11
|
-
|
12
10
|
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
13
11
|
var react = require('@carbon/react');
|
14
12
|
var React = require('react');
|
@@ -27,11 +25,6 @@ var useResetCreateComponent = require('../../global/js/hooks/useResetCreateCompo
|
|
27
25
|
var useCreateComponentStepChange = require('../../global/js/hooks/useCreateComponentStepChange.js');
|
28
26
|
var CreateInfluencer = require('../CreateInfluencer/CreateInfluencer.js');
|
29
27
|
|
30
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
31
|
-
|
32
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
33
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
34
|
-
|
35
28
|
var _excluded = ["breadcrumbsOverflowAriaLabel", "breadcrumbs", "backButtonText", "cancelButtonText", "children", "className", "initialStep", "maxVisibleBreadcrumbs", "modalDangerButtonText", "modalDescription", "modalSecondaryButtonText", "modalTitle", "nextButtonText", "onClose", "onRequestSubmit", "firstFocusElement", "submitButtonText", "noTrailingSlash", "title", "secondaryTitle", "breadcrumbOverflowTooltipAlign"];
|
36
29
|
var blockClass = "".concat(settings.pkg.prefix, "--create-full-page");
|
37
30
|
var componentName = 'CreateFullPage';
|
@@ -56,7 +49,7 @@ on the Carbon's grid system
|
|
56
49
|
include `<Row>` and `<Column>` components inside of each `CreateFullPageStep`
|
57
50
|
component to get the desired affect.
|
58
51
|
*/
|
59
|
-
exports.CreateFullPage = /*#__PURE__*/
|
52
|
+
exports.CreateFullPage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
60
53
|
var breadcrumbsOverflowAriaLabel = _ref.breadcrumbsOverflowAriaLabel,
|
61
54
|
breadcrumbs = _ref.breadcrumbs,
|
62
55
|
backButtonText = _ref.backButtonText,
|
@@ -192,10 +185,10 @@ exports.CreateFullPage = /*#__PURE__*/React__default["default"].forwardRef(funct
|
|
192
185
|
});
|
193
186
|
// currently, we are not supporting the use of 'view all' toggle state
|
194
187
|
/* istanbul ignore next */
|
195
|
-
return /*#__PURE__*/
|
188
|
+
return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
|
196
189
|
ref: ref,
|
197
|
-
className:
|
198
|
-
}, devtools.getDevtoolsProps(componentName)), (title || breadcrumbs) && /*#__PURE__*/
|
190
|
+
className: cx(blockClass, className)
|
191
|
+
}, devtools.getDevtoolsProps(componentName)), (title || breadcrumbs) && /*#__PURE__*/React.createElement(SimpleHeader.SimpleHeader, {
|
199
192
|
title: title,
|
200
193
|
breadcrumbs: breadcrumbs,
|
201
194
|
noTrailingSlash: noTrailingSlash,
|
@@ -203,24 +196,24 @@ exports.CreateFullPage = /*#__PURE__*/React__default["default"].forwardRef(funct
|
|
203
196
|
maxVisible: maxVisibleBreadcrumbs,
|
204
197
|
className: "".concat(blockClass, "__header"),
|
205
198
|
overflowTooltipAlign: breadcrumbOverflowTooltipAlign
|
206
|
-
}), /*#__PURE__*/
|
199
|
+
}), /*#__PURE__*/React.createElement("div", {
|
207
200
|
className: "".concat(blockClass, "__influencer-and-body-container")
|
208
|
-
}, /*#__PURE__*/
|
201
|
+
}, /*#__PURE__*/React.createElement("div", {
|
209
202
|
className: "".concat(blockClass, "__influencer")
|
210
|
-
}, /*#__PURE__*/
|
203
|
+
}, /*#__PURE__*/React.createElement(CreateInfluencer.CreateInfluencer, {
|
211
204
|
stepData: stepData,
|
212
205
|
currentStep: currentStep,
|
213
206
|
title: secondaryTitle
|
214
|
-
})), /*#__PURE__*/
|
207
|
+
})), /*#__PURE__*/React.createElement("div", {
|
215
208
|
className: "".concat(blockClass, "__body")
|
216
|
-
}, /*#__PURE__*/
|
209
|
+
}, /*#__PURE__*/React.createElement("div", {
|
217
210
|
className: "".concat(blockClass, "__main")
|
218
|
-
}, /*#__PURE__*/
|
211
|
+
}, /*#__PURE__*/React.createElement("div", {
|
219
212
|
className: "".concat(blockClass, "__content")
|
220
|
-
}, /*#__PURE__*/
|
213
|
+
}, /*#__PURE__*/React.createElement(react.Form, {
|
221
214
|
className: "".concat(blockClass, "__form"),
|
222
215
|
"aria-label": title
|
223
|
-
}, /*#__PURE__*/
|
216
|
+
}, /*#__PURE__*/React.createElement(StepsContext.Provider, {
|
224
217
|
value: {
|
225
218
|
currentStep: currentStep,
|
226
219
|
setIsDisabled: setIsDisabled,
|
@@ -237,16 +230,16 @@ exports.CreateFullPage = /*#__PURE__*/React__default["default"].forwardRef(funct
|
|
237
230
|
setStepData: setStepData,
|
238
231
|
stepData: stepData
|
239
232
|
}
|
240
|
-
},
|
241
|
-
return /*#__PURE__*/
|
233
|
+
}, React.Children.map(children, function (child, index) {
|
234
|
+
return /*#__PURE__*/React.createElement(StepNumberContext.Provider, {
|
242
235
|
value: index + 1
|
243
236
|
}, child);
|
244
|
-
})))), /*#__PURE__*/
|
237
|
+
})))), /*#__PURE__*/React.createElement(ActionSet.ActionSet, {
|
245
238
|
className: "".concat(blockClass, "__buttons"),
|
246
239
|
actions: createFullPageActions,
|
247
240
|
buttonSize: "2xl",
|
248
241
|
size: "2xl"
|
249
|
-
}))), /*#__PURE__*/
|
242
|
+
}))), /*#__PURE__*/React.createElement(react.ComposedModal, {
|
250
243
|
className: "".concat(blockClass, "__modal"),
|
251
244
|
size: "sm",
|
252
245
|
open: modalIsOpen,
|
@@ -254,16 +247,16 @@ exports.CreateFullPage = /*#__PURE__*/React__default["default"].forwardRef(funct
|
|
254
247
|
onClose: function onClose() {
|
255
248
|
setModalIsOpen(false);
|
256
249
|
}
|
257
|
-
}, /*#__PURE__*/
|
250
|
+
}, /*#__PURE__*/React.createElement(react.ModalHeader, {
|
258
251
|
title: modalTitle
|
259
|
-
}), /*#__PURE__*/
|
252
|
+
}), /*#__PURE__*/React.createElement(react.ModalBody, null, /*#__PURE__*/React.createElement("p", null, modalDescription)), /*#__PURE__*/React.createElement(react.ModalFooter, null, /*#__PURE__*/React.createElement(react.Button, {
|
260
253
|
type: "button",
|
261
254
|
kind: "secondary",
|
262
255
|
onClick: function onClick() {
|
263
256
|
setModalIsOpen(!modalIsOpen);
|
264
257
|
},
|
265
258
|
"data-modal-primary-focus": true
|
266
|
-
}, modalSecondaryButtonText), /*#__PURE__*/
|
259
|
+
}, modalSecondaryButtonText), /*#__PURE__*/React.createElement(react.Button, {
|
267
260
|
type: "button",
|
268
261
|
kind: "danger",
|
269
262
|
onClick: onClose
|
@@ -284,24 +277,24 @@ exports.CreateFullPage.propTypes = {
|
|
284
277
|
/**
|
285
278
|
* The back button text
|
286
279
|
*/
|
287
|
-
backButtonText: index
|
280
|
+
backButtonText: index.default.string.isRequired,
|
288
281
|
/**
|
289
282
|
* align breadcrumb overflow tooltip
|
290
283
|
*/
|
291
284
|
breadcrumbOverflowTooltipAlign: react.Tooltip.propTypes.align,
|
292
285
|
/** The header breadcrumbs */
|
293
286
|
/**@ts-ignore */
|
294
|
-
breadcrumbs: index
|
287
|
+
breadcrumbs: index.default.arrayOf(index.default.shape({
|
295
288
|
/** breadcrumb item key */
|
296
|
-
key: index
|
289
|
+
key: index.default.string.isRequired,
|
297
290
|
/** breadcrumb item label */
|
298
|
-
label: index
|
291
|
+
label: index.default.string.isRequired,
|
299
292
|
/** breadcrumb item link */
|
300
|
-
href: index
|
293
|
+
href: index.default.string,
|
301
294
|
/** breadcrumb item title tooltip */
|
302
|
-
title: index
|
295
|
+
title: index.default.string,
|
303
296
|
/** Provide if this breadcrumb item represents the current page */
|
304
|
-
isCurrentPage: index
|
297
|
+
isCurrentPage: index.default.bool
|
305
298
|
})),
|
306
299
|
/**
|
307
300
|
* Label for open/close overflow button used for breadcrumb items that do not fit
|
@@ -310,79 +303,79 @@ exports.CreateFullPage.propTypes = {
|
|
310
303
|
/**
|
311
304
|
* The cancel button text
|
312
305
|
*/
|
313
|
-
cancelButtonText: index
|
306
|
+
cancelButtonText: index.default.string.isRequired,
|
314
307
|
/**
|
315
308
|
* The main content of the full page
|
316
309
|
*/
|
317
|
-
children: index
|
310
|
+
children: index.default.node,
|
318
311
|
/**
|
319
312
|
* Provide an optional class to be applied to the containing node.
|
320
313
|
*/
|
321
|
-
className: index
|
314
|
+
className: index.default.string,
|
322
315
|
/**
|
323
316
|
* Specifies elements to focus on first on render.
|
324
317
|
*/
|
325
|
-
firstFocusElement: index
|
318
|
+
firstFocusElement: index.default.string,
|
326
319
|
/**
|
327
320
|
* This can be used to open the component to a step other than the first step.
|
328
321
|
* For example, a create flow was previously in progress, data was saved, and
|
329
322
|
* is now being completed.
|
330
323
|
*/
|
331
|
-
initialStep: index
|
324
|
+
initialStep: index.default.number,
|
332
325
|
/** Maximum visible breadcrumb-items before overflow is used (values less than 1 are treated as 1) */
|
333
|
-
maxVisibleBreadcrumbs: index
|
326
|
+
maxVisibleBreadcrumbs: index.default.number,
|
334
327
|
/**
|
335
328
|
* The primary 'danger' button text in the modal
|
336
329
|
*/
|
337
|
-
modalDangerButtonText: index
|
330
|
+
modalDangerButtonText: index.default.string.isRequired,
|
338
331
|
/**
|
339
332
|
* The description located below the title in the modal
|
340
333
|
*/
|
341
|
-
modalDescription: index
|
334
|
+
modalDescription: index.default.string,
|
342
335
|
/**
|
343
336
|
* The secondary button text in the modal
|
344
337
|
*/
|
345
|
-
modalSecondaryButtonText: index
|
338
|
+
modalSecondaryButtonText: index.default.string.isRequired,
|
346
339
|
/**
|
347
340
|
* The title located in the header of the modal
|
348
341
|
*/
|
349
|
-
modalTitle: index
|
342
|
+
modalTitle: index.default.string.isRequired,
|
350
343
|
/**
|
351
344
|
* The next button text
|
352
345
|
*/
|
353
|
-
nextButtonText: index
|
346
|
+
nextButtonText: index.default.string.isRequired,
|
354
347
|
/**
|
355
348
|
* A prop to omit the trailing slash for the breadcrumbs
|
356
349
|
*/
|
357
|
-
noTrailingSlash: index
|
350
|
+
noTrailingSlash: index.default.bool,
|
358
351
|
/**
|
359
352
|
* An optional handler that is called when the user closes the full page (by
|
360
353
|
* clicking the secondary button, located in the modal, which triggers after
|
361
354
|
* clicking the ghost button in the modal
|
362
355
|
*/
|
363
|
-
onClose: index
|
356
|
+
onClose: index.default.func,
|
364
357
|
/**
|
365
358
|
* Specify a handler for submitting the multi step full page (final step).
|
366
359
|
* This function can _optionally_ return a promise that is either resolved or rejected and the CreateFullPage will handle the submitting state of the create button.
|
367
360
|
*/
|
368
|
-
onRequestSubmit: index
|
361
|
+
onRequestSubmit: index.default.func.isRequired,
|
369
362
|
/**
|
370
363
|
* A secondary title of the full page, displayed in the influencer area
|
371
364
|
*/
|
372
|
-
secondaryTitle: index
|
365
|
+
secondaryTitle: index.default.string,
|
373
366
|
/**
|
374
367
|
* @ignore
|
375
368
|
* The aria label to be used for the UI Shell SideNav Carbon component
|
376
369
|
*/
|
377
|
-
sideNavAriaLabel: index
|
370
|
+
sideNavAriaLabel: index.default.string,
|
378
371
|
/**
|
379
372
|
* The submit button text
|
380
373
|
*/
|
381
|
-
submitButtonText: index
|
374
|
+
submitButtonText: index.default.string.isRequired,
|
382
375
|
/**
|
383
376
|
* The main title of the full page, displayed in the header area
|
384
377
|
*/
|
385
|
-
title: index
|
378
|
+
title: index.default.string
|
386
379
|
};
|
387
380
|
|
388
381
|
exports.StepNumberContext = StepNumberContext;
|
@@ -7,8 +7,6 @@
|
|
7
7
|
|
8
8
|
'use strict';
|
9
9
|
|
10
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
11
|
-
|
12
10
|
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
13
11
|
var React = require('react');
|
14
12
|
var index = require('../../node_modules/prop-types/index.js');
|
@@ -20,11 +18,6 @@ var pconsole = require('../../global/js/utils/pconsole.js');
|
|
20
18
|
var usePreviousValue = require('../../global/js/hooks/usePreviousValue.js');
|
21
19
|
var useRetrieveStepData = require('../../global/js/hooks/useRetrieveStepData.js');
|
22
20
|
|
23
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
24
|
-
|
25
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
26
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
27
|
-
|
28
21
|
var _excluded = ["children", "className", "subtitle", "description", "disableSubmit", "includeStep", "introStep", "invalid", "title", "hasFieldset", "fieldsetLegendText", "onNext", "onMount", "secondaryLabel"];
|
29
22
|
var componentName = 'CreateFullPageStep';
|
30
23
|
var blockClass = "".concat(settings.pkg.prefix, "--create-full-page__step");
|
@@ -104,30 +97,30 @@ exports.CreateFullPageStep = /*#__PURE__*/React.forwardRef(function (_ref, ref)
|
|
104
97
|
className: "".concat(blockClass, "-description")
|
105
98
|
}, span);
|
106
99
|
if (typeof description === 'string') {
|
107
|
-
return /*#__PURE__*/
|
100
|
+
return /*#__PURE__*/React.createElement(react.Column, _rollupPluginBabelHelpers.extends({}, common, {
|
108
101
|
as: "p"
|
109
102
|
}));
|
110
103
|
} else if ( /*#__PURE__*/React.isValidElement(description)) {
|
111
|
-
return /*#__PURE__*/
|
104
|
+
return /*#__PURE__*/React.createElement(react.Column, _rollupPluginBabelHelpers.extends({}, common, {
|
112
105
|
as: "div"
|
113
106
|
}));
|
114
107
|
}
|
115
108
|
}
|
116
109
|
return null;
|
117
110
|
};
|
118
|
-
return stepsContext ? /*#__PURE__*/
|
119
|
-
className:
|
111
|
+
return stepsContext ? /*#__PURE__*/React.createElement("section", _rollupPluginBabelHelpers.extends({}, rest, {
|
112
|
+
className: cx(blockClass, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__step--hidden-step"), stepNumber !== (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep)), "".concat(blockClass, "__step--visible-step"), stepNumber === (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep))),
|
120
113
|
ref: ref
|
121
|
-
}), /*#__PURE__*/
|
114
|
+
}), /*#__PURE__*/React.createElement(react.Grid, null, /*#__PURE__*/React.createElement(react.Column, span, /*#__PURE__*/React.createElement(react.Grid, null, /*#__PURE__*/React.createElement(react.Column, _rollupPluginBabelHelpers.extends({
|
122
115
|
className: "".concat(blockClass, "-title"),
|
123
116
|
as: "h5"
|
124
|
-
}, span), title), subtitle && /*#__PURE__*/
|
117
|
+
}, span), title), subtitle && /*#__PURE__*/React.createElement(react.Column, _rollupPluginBabelHelpers.extends({
|
125
118
|
className: "".concat(blockClass, "-subtitle"),
|
126
119
|
as: "h6"
|
127
|
-
}, span), subtitle), renderDescription()))), hasFieldset ? /*#__PURE__*/
|
120
|
+
}, span), subtitle), renderDescription()))), hasFieldset ? /*#__PURE__*/React.createElement(react.FormGroup, {
|
128
121
|
legendText: fieldsetLegendText,
|
129
122
|
className: "".concat(blockClass, "-fieldset")
|
130
|
-
}, children) : children) : pconsole
|
123
|
+
}, children) : children) : pconsole.default.warn("You have tried using a ".concat(componentName, " component outside of a CreateFullPage. This is not allowed. ").concat(componentName, "s should always be children of the CreateFullPage"));
|
131
124
|
});
|
132
125
|
|
133
126
|
// Return a placeholder if not released and not enabled by feature flag
|
@@ -136,65 +129,65 @@ exports.CreateFullPageStep.propTypes = {
|
|
136
129
|
/**
|
137
130
|
* Content that shows in the CreateFullPage step
|
138
131
|
*/
|
139
|
-
children: index
|
132
|
+
children: index.default.node,
|
140
133
|
/**
|
141
134
|
* Sets an optional className to be added to the CreateFullPage step
|
142
135
|
*/
|
143
|
-
className: index
|
136
|
+
className: index.default.string,
|
144
137
|
/**
|
145
138
|
* Sets an optional description on the progress step component
|
146
139
|
*/
|
147
|
-
description: index
|
140
|
+
description: index.default.node,
|
148
141
|
/**
|
149
142
|
* This will conditionally disable the submit button in the multi step CreateFullPage
|
150
143
|
*/
|
151
|
-
disableSubmit: index
|
144
|
+
disableSubmit: index.default.bool,
|
152
145
|
/**
|
153
146
|
* This is the legend text that appears above a fieldset html element for accessibility purposes. It is required when the optional `hasFieldset` prop is provided to a FullPageStep.
|
154
147
|
*/
|
155
148
|
/**@ts-ignore */
|
156
|
-
fieldsetLegendText: index
|
149
|
+
fieldsetLegendText: index.default.string.isRequired.if(function (_ref2) {
|
157
150
|
var hasFieldset = _ref2.hasFieldset;
|
158
151
|
return hasFieldset === true;
|
159
152
|
}),
|
160
153
|
/**
|
161
154
|
* This optional prop will render your form content inside of a fieldset html element
|
162
155
|
*/
|
163
|
-
hasFieldset: index
|
156
|
+
hasFieldset: index.default.bool,
|
164
157
|
/**
|
165
158
|
* This prop is used to help track dynamic steps. If this value is `false` then the step is not included in the visible steps or the ProgressIndicator
|
166
159
|
* steps. If this value is `true` then the step will be included in the list of visible steps, as well as being included in the ProgressIndicator step list
|
167
160
|
*/
|
168
|
-
includeStep: index
|
161
|
+
includeStep: index.default.bool,
|
169
162
|
/**
|
170
163
|
* This prop can be used on the first step to mark it as an intro step, which will not render the progress indicator steps
|
171
164
|
*/
|
172
|
-
introStep: index
|
165
|
+
introStep: index.default.bool,
|
173
166
|
/**
|
174
167
|
* This optional prop will indicate an error icon on the progress indicator step item
|
175
168
|
*/
|
176
|
-
invalid: index
|
169
|
+
invalid: index.default.bool,
|
177
170
|
/**
|
178
171
|
* Optional function to be called on initial mount of a step.
|
179
172
|
* For example, this can be used to fetch data that is required on a particular step.
|
180
173
|
*/
|
181
|
-
onMount: index
|
174
|
+
onMount: index.default.func,
|
182
175
|
/**
|
183
176
|
* Optional function to be called on a step change.
|
184
177
|
* For example, this can be used to validate input fields before proceeding to the next step.
|
185
178
|
* This function can _optionally_ return a promise that is either resolved or rejected and the CreateFullPage will handle the submitting state of the next button.
|
186
179
|
*/
|
187
|
-
onNext: index
|
180
|
+
onNext: index.default.func,
|
188
181
|
/**
|
189
182
|
* Sets the optional secondary label on the progress step component
|
190
183
|
*/
|
191
|
-
secondaryLabel: index
|
184
|
+
secondaryLabel: index.default.string,
|
192
185
|
/**
|
193
186
|
* Sets an optional subtitle on the progress step component
|
194
187
|
*/
|
195
|
-
subtitle: index
|
188
|
+
subtitle: index.default.string,
|
196
189
|
/**
|
197
190
|
* Sets the title text for a create full page step
|
198
191
|
*/
|
199
|
-
title: index
|
192
|
+
title: index.default.node.isRequired
|
200
193
|
};
|
@@ -7,8 +7,6 @@
|
|
7
7
|
|
8
8
|
'use strict';
|
9
9
|
|
10
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
11
|
-
|
12
10
|
var React = require('react');
|
13
11
|
var index = require('../../node_modules/prop-types/index.js');
|
14
12
|
var cx = require('classnames');
|
@@ -16,11 +14,6 @@ var react = require('@carbon/react');
|
|
16
14
|
require('../../global/js/utils/props-helper.js');
|
17
15
|
var settings = require('../../settings.js');
|
18
16
|
|
19
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
20
|
-
|
21
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
22
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
23
|
-
|
24
17
|
// Import portions of React that are needed.
|
25
18
|
|
26
19
|
// The block part of our conventional BEM class names (blockClass__E--M).
|
@@ -56,19 +49,19 @@ var CreateInfluencer = function CreateInfluencer(_ref) {
|
|
56
49
|
// we need to subtract the number of !shouldIncludeStep/s before the current step
|
57
50
|
// which we get from `getNumberOfDynamicStepsBeforeCurrentStep()`
|
58
51
|
var totalDynamicSteps = getNumberOfDynamicStepsBeforeCurrentStep(stepData, 'shouldIncludeStep') || 0;
|
59
|
-
return /*#__PURE__*/
|
52
|
+
return /*#__PURE__*/React.createElement("div", {
|
60
53
|
className: "".concat(blockClass, "__left-nav")
|
61
|
-
}, title && /*#__PURE__*/
|
54
|
+
}, title && /*#__PURE__*/React.createElement("h3", {
|
62
55
|
className: "".concat(blockClass, "__title")
|
63
|
-
}, title), currentStep === 1 && (_stepData$ = stepData[0]) !== null && _stepData$ !== void 0 && _stepData$.introStep ? null : /*#__PURE__*/
|
56
|
+
}, title), currentStep === 1 && (_stepData$ = stepData[0]) !== null && _stepData$ !== void 0 && _stepData$.introStep ? null : /*#__PURE__*/React.createElement(react.ProgressIndicator, {
|
64
57
|
currentIndex: (_stepData$2 = stepData[0]) !== null && _stepData$2 !== void 0 && _stepData$2.introStep ? currentStep - totalDynamicSteps - 2 // minus 2 because we need to account for the intro step in addition to `currentIndex` being 0 index based and our steps being 1 index based
|
65
58
|
: currentStep - totalDynamicSteps - 1 // minus 1 because ProgressIndicator currentIndex prop is 0 index based, but our steps are 1 index based
|
66
59
|
,
|
67
60
|
spaceEqually: true,
|
68
61
|
vertical: true,
|
69
|
-
className:
|
62
|
+
className: cx("".concat(blockClass, "__progress-indicator"))
|
70
63
|
}, progressSteps.map(function (step, stepIndex) {
|
71
|
-
return /*#__PURE__*/
|
64
|
+
return /*#__PURE__*/React.createElement(react.ProgressStep, {
|
72
65
|
label: step.title,
|
73
66
|
key: stepIndex,
|
74
67
|
secondaryLabel: step.secondaryLabel || undefined,
|
@@ -76,8 +69,8 @@ var CreateInfluencer = function CreateInfluencer(_ref) {
|
|
76
69
|
});
|
77
70
|
})));
|
78
71
|
};
|
79
|
-
return /*#__PURE__*/
|
80
|
-
className:
|
72
|
+
return /*#__PURE__*/React.createElement("div", {
|
73
|
+
className: cx(blockClass, className)
|
81
74
|
}, renderProgressSteps());
|
82
75
|
};
|
83
76
|
|
@@ -88,24 +81,24 @@ CreateInfluencer.propTypes = {
|
|
88
81
|
/**
|
89
82
|
* Provide an optional class to be applied to the containing node.
|
90
83
|
*/
|
91
|
-
className: index
|
84
|
+
className: index.default.string,
|
92
85
|
/**
|
93
86
|
* Used to mark the current step on the ProgressIndicator component
|
94
87
|
*/
|
95
|
-
currentStep: index
|
88
|
+
currentStep: index.default.number.isRequired,
|
96
89
|
/**
|
97
90
|
* The step data that renders the progress items
|
98
91
|
*/
|
99
|
-
stepData: index
|
100
|
-
introStep: index
|
101
|
-
secondaryLabel: index
|
102
|
-
shouldIncludeStep: index
|
103
|
-
title: index
|
92
|
+
stepData: index.default.arrayOf(index.default.shape({
|
93
|
+
introStep: index.default.bool,
|
94
|
+
secondaryLabel: index.default.string,
|
95
|
+
shouldIncludeStep: index.default.bool,
|
96
|
+
title: index.default.node
|
104
97
|
})),
|
105
98
|
/**
|
106
99
|
* The main title of the full page, displayed in the influencer area.
|
107
100
|
*/
|
108
|
-
title: index
|
101
|
+
title: index.default.string
|
109
102
|
};
|
110
103
|
|
111
104
|
exports.CreateInfluencer = CreateInfluencer;
|