@carbon/ibm-products 2.50.0-rc.1 → 2.51.0-rc.0
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/README.md +1 -1
- package/css/index-full-carbon.css +56 -29
- 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 +3 -10
- 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 +3 -10
- 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 +34 -28
- 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/ConditionBuilder/ConditionBuilder.js +26 -20
- package/es/components/ConditionBuilder/ConditionBuilder.types.d.ts +6 -2
- package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +11 -8
- package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +44 -24
- package/es/components/CreateFullPage/CreateFullPage.d.ts +4 -2
- package/es/components/CreateFullPage/CreateFullPage.js +10 -3
- package/es/components/CreateFullPage/CreateFullPageStep.d.ts +3 -1
- package/es/components/CreateFullPage/CreateFullPageStep.js +5 -2
- package/es/components/Datagrid/Datagrid/Datagrid.d.ts +1 -1
- package/es/components/Datagrid/Datagrid/Datagrid.js +1 -1
- package/es/components/Datagrid/Datagrid/DatagridToolbar.js +12 -1
- package/es/components/Datagrid/Datagrid/DraggableElement.js +1 -0
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +3 -8
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +15 -13
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +17 -2
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +13 -2
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +1 -12
- package/es/components/Datagrid/types/index.d.ts +4 -0
- package/es/components/Datagrid/useSelectRows.js +40 -19
- package/es/components/EditInPlace/EditInPlace.js +0 -3
- package/es/components/ExportModal/ExportModal.js +18 -5
- package/es/components/NotificationsPanel/NotificationsPanel.d.ts +5 -1
- package/es/components/NotificationsPanel/NotificationsPanel.js +14 -1
- package/es/components/OptionsTile/OptionsTile.d.ts +1 -1
- package/es/components/OptionsTile/OptionsTile.js +0 -1
- package/es/components/ProductiveCard/ProductiveCard.d.ts +4 -0
- package/es/components/ProductiveCard/ProductiveCard.js +4 -0
- package/es/components/ScrollGradient/ScrollGradient.js +1 -1
- package/es/components/SimpleHeader/SimpleHeader.d.ts +3 -1
- package/es/components/SimpleHeader/SimpleHeader.js +9 -2
- package/es/components/StringFormatter/StringFormatter.js +1 -1
- package/es/components/TagSet/TagSet.js +5 -0
- package/es/components/TagSet/TagSetOverflow.d.ts +4 -0
- package/es/components/TagSet/TagSetOverflow.js +13 -6
- package/es/components/Tearsheet/TearsheetShell.js +9 -2
- package/es/components/UserProfileImage/UserProfileImage.d.ts +1 -1
- package/es/components/UserProfileImage/UserProfileImage.js +1 -1
- package/es/global/js/utils/Wrap.d.ts +4 -0
- package/es/global/js/utils/Wrap.js +9 -3
- package/es/global/js/utils/devtools.js +1 -2
- package/es/node_modules/@carbon/icon-helpers/es/index.js +3 -3
- 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 +58 -59
- package/lib/components/ConditionBuilder/ConditionBuilder.types.d.ts +6 -2
- 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.d.ts +11 -8
- package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +63 -47
- 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.d.ts +4 -2
- package/lib/components/CreateFullPage/CreateFullPage.js +53 -53
- package/lib/components/CreateFullPage/CreateFullPageStep.d.ts +3 -1
- package/lib/components/CreateFullPage/CreateFullPageStep.js +27 -31
- 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.d.ts +1 -1
- package/lib/components/Datagrid/Datagrid/Datagrid.js +10 -17
- 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 +26 -20
- package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +5 -9
- package/lib/components/Datagrid/Datagrid/DraggableElement.js +18 -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 +21 -30
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +7 -13
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +18 -20
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js +1 -7
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +49 -39
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +54 -48
- 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 -31
- 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/types/index.d.ts +4 -0
- 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 +45 -29
- 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 -45
- 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 +59 -53
- 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.d.ts +5 -1
- package/lib/components/NotificationsPanel/NotificationsPanel.js +104 -98
- package/lib/components/NotificationsPanel/utils.js +0 -2
- package/lib/components/OptionsTile/OptionsTile.d.ts +1 -1
- package/lib/components/OptionsTile/OptionsTile.js +40 -48
- 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.d.ts +4 -0
- package/lib/components/ProductiveCard/ProductiveCard.js +39 -41
- 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.d.ts +3 -1
- package/lib/components/SimpleHeader/SimpleHeader.js +27 -27
- 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 +39 -41
- package/lib/components/TagSet/TagSetModal.js +16 -23
- package/lib/components/TagSet/TagSetOverflow.d.ts +4 -0
- package/lib/components/TagSet/TagSetOverflow.js +32 -32
- package/lib/components/Tearsheet/Tearsheet.js +23 -29
- package/lib/components/Tearsheet/TearsheetNarrow.js +18 -24
- package/lib/components/Tearsheet/TearsheetShell.js +63 -63
- 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.d.ts +1 -1
- package/lib/components/UserProfileImage/UserProfileImage.js +25 -32
- 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.d.ts +4 -0
- package/lib/global/js/utils/Wrap.js +16 -16
- 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 +6 -8
- 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 +11 -11
- package/scss/components/EditInPlace/_edit-in-place.scss +0 -11
- package/scss/components/SidePanel/_side-panel.scss +1 -0
- package/scss/components/TagSet/_tag-set.scss +2 -0
- package/telemetry.yml +3 -3
@@ -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
|
require('../../global/js/utils/props-helper.js');
|
14
12
|
var React = require('react');
|
@@ -20,11 +18,6 @@ var devtools = require('../../global/js/utils/devtools.js');
|
|
20
18
|
var settings = require('../../settings.js');
|
21
19
|
var uuidv4 = require('../../global/js/utils/uuidv4.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", "disableSubmit", "id", "formTitle", "formDescription", "onRequestClose", "onRequestSubmit", "open", "placement", "primaryButtonText", "secondaryButtonText", "selectorPrimaryFocus", "selectorPageContent", "size", "slideIn", "subtitle", "title"];
|
29
22
|
|
30
23
|
// The block part of our conventional BEM class names (blockClass__E--M).
|
@@ -36,7 +29,7 @@ var componentName = 'EditSidePanel';
|
|
36
29
|
/**
|
37
30
|
* Use with medium complexity edits if the user needs page context.
|
38
31
|
*/
|
39
|
-
exports.EditSidePanel = /*#__PURE__*/
|
32
|
+
exports.EditSidePanel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
40
33
|
var children = _ref.children,
|
41
34
|
className = _ref.className,
|
42
35
|
disableSubmit = _ref.disableSubmit,
|
@@ -72,8 +65,8 @@ exports.EditSidePanel = /*#__PURE__*/React__default["default"].forwardRef(functi
|
|
72
65
|
onClick: onRequestClose,
|
73
66
|
kind: 'secondary'
|
74
67
|
}];
|
75
|
-
var formTitleId = uuidv4
|
76
|
-
return /*#__PURE__*/
|
68
|
+
var formTitleId = uuidv4.default();
|
69
|
+
return /*#__PURE__*/React.createElement(SidePanel.SidePanel, _rollupPluginBabelHelpers.extends({}, rest, _rollupPluginBabelHelpers.objectSpread2({
|
77
70
|
open: open,
|
78
71
|
ref: ref,
|
79
72
|
selectorPageContent: selectorPageContent,
|
@@ -86,16 +79,16 @@ exports.EditSidePanel = /*#__PURE__*/React__default["default"].forwardRef(functi
|
|
86
79
|
placement: placement,
|
87
80
|
slideIn: slideIn,
|
88
81
|
animateTitle: false,
|
89
|
-
className:
|
82
|
+
className: cx(blockClass, className),
|
90
83
|
size: size,
|
91
84
|
preventCloseOnClickOutside: true,
|
92
85
|
actions: actions
|
93
|
-
}), formTitle && /*#__PURE__*/
|
86
|
+
}), formTitle && /*#__PURE__*/React.createElement("h3", {
|
94
87
|
id: formTitleId,
|
95
88
|
className: "".concat(blockClass, "__form-title-text ").concat(blockClass, "__content-text")
|
96
|
-
}, formTitle), formDescription && /*#__PURE__*/
|
89
|
+
}, formTitle), formDescription && /*#__PURE__*/React.createElement("p", {
|
97
90
|
className: "".concat(blockClass, "__form-description-text ").concat(blockClass, "__content-text")
|
98
|
-
}, formDescription), /*#__PURE__*/
|
91
|
+
}, formDescription), /*#__PURE__*/React.createElement(react.Form, {
|
99
92
|
className: "".concat(blockClass, "__form"),
|
100
93
|
"aria-labelledby": formTitleId
|
101
94
|
}, children));
|
@@ -116,60 +109,60 @@ exports.EditSidePanel.propTypes = {
|
|
116
109
|
* Sets the body content of the create side panel
|
117
110
|
*/
|
118
111
|
/**@ts-ignore*/
|
119
|
-
children: index
|
112
|
+
children: index.default.oneOfType([index.default.arrayOf(index.default.node), index.default.node]).isRequired,
|
120
113
|
/**
|
121
114
|
* Provide an optional class to be applied to the containing node.
|
122
115
|
*/
|
123
|
-
className: index
|
116
|
+
className: index.default.string,
|
124
117
|
/**
|
125
118
|
* Specifies a boolean for disabling or enabling the primary button. This is important for form validation
|
126
119
|
* Returning `true` prevents the primary button from being clicked until required fields are completed.
|
127
120
|
*/
|
128
|
-
disableSubmit: index
|
121
|
+
disableSubmit: index.default.bool,
|
129
122
|
/**
|
130
123
|
* Specifies an optional field that provides a additional context for a form
|
131
124
|
*/
|
132
|
-
formDescription: index
|
125
|
+
formDescription: index.default.node,
|
133
126
|
/**
|
134
127
|
* Specifies a required field that provides a title for a form
|
135
128
|
*/
|
136
|
-
formTitle: index
|
129
|
+
formTitle: index.default.node.isRequired,
|
137
130
|
/**
|
138
131
|
* Unique identifier
|
139
132
|
*/
|
140
|
-
id: index
|
133
|
+
id: index.default.string,
|
141
134
|
/**
|
142
135
|
* Specifies an optional handler which is called when the CreateSidePanel
|
143
136
|
* is closed.
|
144
137
|
*/
|
145
|
-
onRequestClose: index
|
138
|
+
onRequestClose: index.default.func,
|
146
139
|
/**
|
147
140
|
* Specifies an optional handler which is called when the CreateSidePanel
|
148
141
|
* primary button is pressed.
|
149
142
|
*/
|
150
|
-
onRequestSubmit: index
|
143
|
+
onRequestSubmit: index.default.func,
|
151
144
|
/**
|
152
145
|
* Specifies whether the CreateSidePanel is open or not.
|
153
146
|
*/
|
154
|
-
open: index
|
147
|
+
open: index.default.bool.isRequired,
|
155
148
|
/**
|
156
149
|
* Determines if the side panel is on the right or left
|
157
150
|
*/
|
158
|
-
placement: index
|
151
|
+
placement: index.default.oneOf(['left', 'right']),
|
159
152
|
/**
|
160
153
|
* Specifies the primary button's text in the modal.
|
161
154
|
*/
|
162
|
-
primaryButtonText: index
|
155
|
+
primaryButtonText: index.default.string.isRequired,
|
163
156
|
/**
|
164
157
|
* Specifies the secondary button's text in the modal.
|
165
158
|
*/
|
166
|
-
secondaryButtonText: index
|
159
|
+
secondaryButtonText: index.default.string.isRequired,
|
167
160
|
/**
|
168
161
|
* This is the selector to the element that contains all of the page content that will shrink if the panel is a slide in.
|
169
162
|
* This prop is required when using the `slideIn` variant of the side panel.
|
170
163
|
*/
|
171
164
|
/**@ts-ignore*/
|
172
|
-
selectorPageContent: index
|
165
|
+
selectorPageContent: index.default.string.isRequired.if(function (_ref2) {
|
173
166
|
var slideIn = _ref2.slideIn;
|
174
167
|
return slideIn;
|
175
168
|
}),
|
@@ -177,26 +170,26 @@ exports.EditSidePanel.propTypes = {
|
|
177
170
|
* Specifies which DOM element in the form should be focused.
|
178
171
|
*/
|
179
172
|
/**@ts-ignore*/
|
180
|
-
selectorPrimaryFocus: index
|
173
|
+
selectorPrimaryFocus: index.default.node.isRequired,
|
181
174
|
/**
|
182
175
|
* Sets the size of the side panel
|
183
176
|
*/
|
184
|
-
size: index
|
177
|
+
size: index.default.oneOf(['xs', 'sm', 'md', 'lg', '2xl']),
|
185
178
|
/**
|
186
179
|
* Specifies which DOM element in the form should be focused.
|
187
180
|
*/
|
188
|
-
slideIn: index
|
181
|
+
slideIn: index.default.bool,
|
189
182
|
/**
|
190
183
|
* **Experimental:** Provide a `Slug` component to be rendered inside the `SidePanel` component
|
191
184
|
*/
|
192
|
-
slug: index
|
185
|
+
slug: index.default.node,
|
193
186
|
/**
|
194
187
|
* The subtitle of the CreateSidePanel is optional and serves to provide more information about the modal.
|
195
188
|
*/
|
196
|
-
subtitle: index
|
189
|
+
subtitle: index.default.node,
|
197
190
|
/**
|
198
191
|
* The title of the CreateSidePanel is usually the product or service name.
|
199
192
|
*/
|
200
193
|
/**@ts-ignore*/
|
201
|
-
title: index
|
194
|
+
title: index.default.node.isRequired
|
202
195
|
};
|
@@ -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');
|
@@ -19,11 +17,6 @@ var devtools = require('../../global/js/utils/devtools.js');
|
|
19
17
|
var TearsheetShell = require('../Tearsheet/TearsheetShell.js');
|
20
18
|
var propsHelper = require('../../global/js/utils/props-helper.js');
|
21
19
|
|
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
20
|
var _excluded = ["cancelButtonText", "children", "className", "description", "influencerWidth", "label", "onClose", "open", "submitButtonText", "title", "verticalPosition", "onRequestSubmit", "onFormChange", "sideNavAriaLabel"];
|
28
21
|
var componentName = 'EditTearsheet';
|
29
22
|
var blockClass = "".concat(settings.pkg.prefix, "--tearsheet-edit");
|
@@ -130,15 +123,15 @@ exports.EditTearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
130
123
|
}
|
131
124
|
};
|
132
125
|
function defaultInfluencer() {
|
133
|
-
return /*#__PURE__*/
|
126
|
+
return /*#__PURE__*/React.createElement("div", {
|
134
127
|
className: "".concat(blockClass, "__side-nav-wrapper")
|
135
|
-
}, /*#__PURE__*/
|
128
|
+
}, /*#__PURE__*/React.createElement(react.SideNav, {
|
136
129
|
"aria-label": sideNavAriaLabel,
|
137
130
|
className: "".concat(blockClass, "__side-nav"),
|
138
131
|
expanded: true,
|
139
132
|
isFixedNav: false
|
140
|
-
}, /*#__PURE__*/
|
141
|
-
return /*#__PURE__*/
|
133
|
+
}, /*#__PURE__*/React.createElement(react.SideNavItems, null, formTitles.map(function (title, index) {
|
134
|
+
return /*#__PURE__*/React.createElement(react.SideNavMenuItem, {
|
142
135
|
key: index,
|
143
136
|
onClick: function onClick() {
|
144
137
|
return handleCurrentForm(index);
|
@@ -147,10 +140,10 @@ exports.EditTearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
147
140
|
}, title);
|
148
141
|
}))));
|
149
142
|
}
|
150
|
-
return /*#__PURE__*/
|
143
|
+
return /*#__PURE__*/React.createElement(TearsheetShell.TearsheetShell, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, devtools.getDevtoolsProps(componentName)), propsHelper.prepareProps(rest)), {}, {
|
151
144
|
actions: actions,
|
152
145
|
children: children,
|
153
|
-
className:
|
146
|
+
className: cx(blockClass, className),
|
154
147
|
description: description,
|
155
148
|
influencerPosition: 'left',
|
156
149
|
influencerWidth: influencerWidth,
|
@@ -164,17 +157,17 @@ exports.EditTearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
164
157
|
hasCloseIcon: false,
|
165
158
|
influencer: defaultInfluencer(),
|
166
159
|
ref: ref
|
167
|
-
}), /*#__PURE__*/
|
160
|
+
}), /*#__PURE__*/React.createElement("div", {
|
168
161
|
className: "".concat(blockClass, "__content"),
|
169
162
|
ref: contentRef,
|
170
163
|
role: "main"
|
171
|
-
}, /*#__PURE__*/
|
164
|
+
}, /*#__PURE__*/React.createElement(react.Form, null, /*#__PURE__*/React.createElement(FormContext.Provider, {
|
172
165
|
value: {
|
173
166
|
currentForm: currentForm,
|
174
167
|
setFormTitles: setFormTitles
|
175
168
|
}
|
176
|
-
},
|
177
|
-
return /*#__PURE__*/
|
169
|
+
}, React.Children.map(children, function (child, index) {
|
170
|
+
return /*#__PURE__*/React.createElement(FormNumberContext.Provider, {
|
178
171
|
value: index
|
179
172
|
}, child);
|
180
173
|
})))));
|
@@ -193,61 +186,61 @@ exports.EditTearsheet.propTypes = {
|
|
193
186
|
/**
|
194
187
|
* The cancel button text
|
195
188
|
*/
|
196
|
-
cancelButtonText: index
|
189
|
+
cancelButtonText: index.default.string,
|
197
190
|
/**
|
198
191
|
* The main content of the tearsheet
|
199
192
|
*/
|
200
|
-
children: index
|
193
|
+
children: index.default.node,
|
201
194
|
/**
|
202
195
|
* An optional class or classes to be added to the outermost element.
|
203
196
|
*/
|
204
|
-
className: index
|
197
|
+
className: index.default.string,
|
205
198
|
/**
|
206
199
|
* A description of the flow, displayed in the header area of the tearsheet.
|
207
200
|
*/
|
208
|
-
description: index
|
201
|
+
description: index.default.node,
|
209
202
|
/**
|
210
203
|
* Used to set the size of the influencer
|
211
204
|
*/
|
212
|
-
influencerWidth: index
|
205
|
+
influencerWidth: index.default.oneOf(['narrow', 'wide']),
|
213
206
|
/**
|
214
207
|
* A label for the tearsheet, displayed in the header area of the tearsheet
|
215
208
|
* to maintain context for the tearsheet (e.g. as the title changes from page
|
216
209
|
* to page of a multi-page task).
|
217
210
|
*/
|
218
|
-
label: index
|
211
|
+
label: index.default.node,
|
219
212
|
/**
|
220
213
|
* An optional handler that is called when the user closes the tearsheet (by
|
221
214
|
* clicking the close button, if enabled, or clicking outside, if enabled).
|
222
215
|
* Returning `false` here prevents the modal from closing.
|
223
216
|
*/
|
224
|
-
onClose: index
|
217
|
+
onClose: index.default.func,
|
225
218
|
/**
|
226
219
|
* An optional handler that is called when a user changes forms via clicking
|
227
220
|
* an influencer nav item.
|
228
221
|
* Returns the index of the selected form.
|
229
222
|
*/
|
230
|
-
onFormChange: index
|
223
|
+
onFormChange: index.default.func,
|
231
224
|
/**
|
232
225
|
* Specify a handler for submitting the tearsheet.
|
233
226
|
*/
|
234
|
-
onRequestSubmit: index
|
227
|
+
onRequestSubmit: index.default.func.isRequired,
|
235
228
|
/**
|
236
229
|
* Specifies whether the tearsheet is currently open.
|
237
230
|
*/
|
238
|
-
open: index
|
231
|
+
open: index.default.bool,
|
239
232
|
/**
|
240
233
|
* Specifies the aria label for the SideNav from Carbon UIShell
|
241
234
|
*/
|
242
|
-
sideNavAriaLabel: index
|
235
|
+
sideNavAriaLabel: index.default.string,
|
243
236
|
/**
|
244
237
|
* The submit button text
|
245
238
|
*/
|
246
|
-
submitButtonText: index
|
239
|
+
submitButtonText: index.default.string,
|
247
240
|
/**
|
248
241
|
* The main title of the tearsheet, displayed in the header area.
|
249
242
|
*/
|
250
|
-
title: index
|
243
|
+
title: index.default.node,
|
251
244
|
/**
|
252
245
|
* The position of the top of tearsheet in the viewport. The 'normal'
|
253
246
|
* position (the default) is a short distance down from the top of the
|
@@ -255,7 +248,7 @@ exports.EditTearsheet.propTypes = {
|
|
255
248
|
* from below. The 'lower' position provides a little extra room at the top
|
256
249
|
* to allow an action bar navigation or breadcrumbs to also show through.
|
257
250
|
*/
|
258
|
-
verticalPosition: index
|
251
|
+
verticalPosition: index.default.oneOf(['normal', 'lower'])
|
259
252
|
};
|
260
253
|
|
261
254
|
exports.FormContext = FormContext;
|
@@ -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');
|
@@ -19,11 +17,6 @@ var settings = require('../../settings.js');
|
|
19
17
|
var pconsole = require('../../global/js/utils/pconsole.js');
|
20
18
|
var useRetrieveFormTitles = require('../../global/js/hooks/useRetrieveFormTitles.js');
|
21
19
|
|
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
20
|
var _excluded = ["children", "className", "description", "fieldsetLegendText", "hasFieldset", "subtitle", "title"];
|
28
21
|
var componentName = 'EditTearsheetForm';
|
29
22
|
var blockClass = "".concat(settings.pkg.prefix, "--tearsheet-edit__form");
|
@@ -49,26 +42,26 @@ exports.EditTearsheetForm = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
49
42
|
formNumber: formNumber,
|
50
43
|
title: title
|
51
44
|
});
|
52
|
-
return formContext ? /*#__PURE__*/
|
53
|
-
className:
|
45
|
+
return formContext ? /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
|
46
|
+
className: cx(blockClass, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__form--hidden-form"), formNumber !== (formContext === null || formContext === void 0 ? void 0 : formContext.currentForm)), "".concat(blockClass, "__form--visible-form"), formNumber === (formContext === null || formContext === void 0 ? void 0 : formContext.currentForm))),
|
54
47
|
ref: ref
|
55
|
-
}), /*#__PURE__*/
|
48
|
+
}), /*#__PURE__*/React.createElement(react.Grid, null, /*#__PURE__*/React.createElement(react.Column, {
|
56
49
|
xlg: 12,
|
57
50
|
lg: 12,
|
58
51
|
md: 8,
|
59
52
|
sm: 4
|
60
|
-
}, /*#__PURE__*/
|
53
|
+
}, /*#__PURE__*/React.createElement("h4", {
|
61
54
|
className: "".concat(blockClass, "--title")
|
62
|
-
}, title), subtitle && /*#__PURE__*/
|
55
|
+
}, title), subtitle && /*#__PURE__*/React.createElement("h6", {
|
63
56
|
className: "".concat(blockClass, "--subtitle")
|
64
|
-
}, subtitle), description && /*#__PURE__*/
|
57
|
+
}, subtitle), description && /*#__PURE__*/React.createElement("p", {
|
65
58
|
className: "".concat(blockClass, "--description")
|
66
|
-
}, description)), /*#__PURE__*/
|
59
|
+
}, description)), /*#__PURE__*/React.createElement(react.Column, {
|
67
60
|
span: 100
|
68
|
-
}, hasFieldset ? /*#__PURE__*/
|
61
|
+
}, hasFieldset ? /*#__PURE__*/React.createElement(react.FormGroup, {
|
69
62
|
legendText: fieldsetLegendText,
|
70
63
|
className: "".concat(blockClass, "--fieldset")
|
71
|
-
}, /*#__PURE__*/
|
64
|
+
}, /*#__PURE__*/React.createElement(react.Grid, null, children)) : children))) : pconsole.default.warn("You have tried using a ".concat(componentName, " component outside of a EditTearsheet. This is not allowed. ").concat(componentName, "s should always be children of the EditTearsheet"));
|
72
65
|
});
|
73
66
|
|
74
67
|
// Return a placeholder if not released and not enabled by feature flag
|
@@ -77,22 +70,22 @@ exports.EditTearsheetForm.propTypes = {
|
|
77
70
|
/**
|
78
71
|
* Content that shows in the tearsheet form
|
79
72
|
*/
|
80
|
-
children: index
|
73
|
+
children: index.default.node,
|
81
74
|
/**
|
82
75
|
* Sets an optional className to be added to the tearsheet form
|
83
76
|
*/
|
84
|
-
className: index
|
77
|
+
className: index.default.string,
|
85
78
|
/**
|
86
79
|
* Sets an optional description on the form component
|
87
80
|
*/
|
88
|
-
description: index
|
81
|
+
description: index.default.string,
|
89
82
|
/**
|
90
83
|
* This is the required legend text that appears above a fieldset html element for accessibility purposes.
|
91
84
|
* You can set the `hasFieldset` prop to false if you have multiple fieldset elements or want to control the children of your Full Page's form content.
|
92
85
|
* Otherwise, use CSS to hide/remove this label text.
|
93
86
|
*/
|
94
87
|
/**@ts-ignore */
|
95
|
-
fieldsetLegendText: index
|
88
|
+
fieldsetLegendText: index.default.string.isRequired.if(function (_ref2) {
|
96
89
|
var hasFieldset = _ref2.hasFieldset;
|
97
90
|
return !!hasFieldset;
|
98
91
|
}),
|
@@ -102,14 +95,14 @@ exports.EditTearsheetForm.propTypes = {
|
|
102
95
|
* You can set this prop to `false` if you have multiple fieldset elements or want to control the children of your Full Page's form content.
|
103
96
|
*/
|
104
97
|
/**@ts-ignore*/
|
105
|
-
hasFieldset: index
|
98
|
+
hasFieldset: index.default.bool,
|
106
99
|
/**
|
107
100
|
* Sets an optional subtitle on the form component
|
108
101
|
*/
|
109
102
|
/**@ts-ignore*/
|
110
|
-
subtitle: index
|
103
|
+
subtitle: index.default.string,
|
111
104
|
/**
|
112
105
|
* Sets the title text for a tearsheet form
|
113
106
|
*/
|
114
|
-
title: index
|
107
|
+
title: index.default.node.isRequired
|
115
108
|
};
|
@@ -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');
|
@@ -16,11 +14,6 @@ var cx = require('classnames');
|
|
16
14
|
var devtools = require('../../global/js/utils/devtools.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
|
var _excluded = ["children", "className"];
|
25
18
|
|
26
19
|
// Carbon and package components we use.
|
@@ -49,12 +42,12 @@ var componentName = 'EditTearsheetNarrow';
|
|
49
42
|
/**
|
50
43
|
* Use a narrow tearsheet as an alternative to a modal when there is scrolling. See usage guidance for further information.
|
51
44
|
*/
|
52
|
-
exports.EditTearsheetNarrow = /*#__PURE__*/
|
45
|
+
exports.EditTearsheetNarrow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
53
46
|
var children = _ref.children,
|
54
47
|
className = _ref.className,
|
55
48
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
56
|
-
return /*#__PURE__*/
|
57
|
-
className:
|
49
|
+
return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
|
50
|
+
className: cx(blockClass,
|
58
51
|
// Apply the block class to the main HTML element
|
59
52
|
className,
|
60
53
|
// Apply any supplied class names to the main HTML element.
|
@@ -82,11 +75,11 @@ exports.EditTearsheetNarrow.propTypes = {
|
|
82
75
|
/**
|
83
76
|
* Provide the contents of the EditTearsheetNarrow.
|
84
77
|
*/
|
85
|
-
children: index
|
78
|
+
children: index.default.node.isRequired,
|
86
79
|
/**
|
87
80
|
* Provide an optional class to be applied to the containing node.
|
88
81
|
*/
|
89
|
-
className: index
|
82
|
+
className: index.default.string
|
90
83
|
|
91
84
|
/* TODO: add types and DocGen for all props. */
|
92
85
|
};
|