@carbon/ibm-products 2.50.0 → 2.51.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,17 +7,11 @@
|
|
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');
|
15
13
|
var settings = require('../../settings.js');
|
16
14
|
|
17
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
18
|
-
|
19
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
20
|
-
|
21
15
|
var componentName = 'APIKeyDownloader';
|
22
16
|
var APIKeyDownloader = function APIKeyDownloader(_ref) {
|
23
17
|
var apiKey = _ref.apiKey,
|
@@ -64,11 +58,11 @@ var APIKeyDownloader = function APIKeyDownloader(_ref) {
|
|
64
58
|
}();
|
65
59
|
generateLinkProps();
|
66
60
|
}, [apiKey, fileName, fileType]);
|
67
|
-
return /*#__PURE__*/
|
61
|
+
return /*#__PURE__*/React.createElement("div", {
|
68
62
|
className: "".concat(settings.pkg.prefix, "--apikey-modal__download-container")
|
69
|
-
}, /*#__PURE__*/
|
63
|
+
}, /*#__PURE__*/React.createElement("p", {
|
70
64
|
className: "".concat(settings.pkg.prefix, "--apikey-modal__messaging-text")
|
71
|
-
}, body, ' ', /*#__PURE__*/
|
65
|
+
}, body, ' ', /*#__PURE__*/React.createElement("a", _rollupPluginBabelHelpers.extends({}, linkProps, {
|
72
66
|
className: "".concat(settings.pkg.prefix, "--apikey-modal__download-link")
|
73
67
|
}), linkText)));
|
74
68
|
};
|
@@ -77,23 +71,23 @@ APIKeyDownloader.propTypes = {
|
|
77
71
|
/**
|
78
72
|
* the api key that's displayed to the user when a request to create is fulfilled.
|
79
73
|
*/
|
80
|
-
apiKey: index
|
74
|
+
apiKey: index.default.string.isRequired,
|
81
75
|
/**
|
82
76
|
* body content for the downloader
|
83
77
|
*/
|
84
|
-
body: index
|
78
|
+
body: index.default.string.isRequired,
|
85
79
|
/**
|
86
80
|
* designates the name of downloadable json file with the key. if not specified will default to 'apikey'
|
87
81
|
*/
|
88
|
-
fileName: index
|
82
|
+
fileName: index.default.string.isRequired,
|
89
83
|
/**
|
90
84
|
* designates the file type for the downloadable key
|
91
85
|
*/
|
92
|
-
fileType: index
|
86
|
+
fileType: index.default.oneOf(['txt', 'json']).isRequired,
|
93
87
|
/**
|
94
88
|
* anchor text for the download link
|
95
89
|
*/
|
96
|
-
linkText: index
|
90
|
+
linkText: index.default.string.isRequired
|
97
91
|
};
|
98
92
|
|
99
93
|
exports.APIKeyDownloader = APIKeyDownloader;
|
@@ -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');
|
@@ -22,11 +20,6 @@ var devtools = require('../../global/js/utils/devtools.js');
|
|
22
20
|
var propsHelper = require('../../global/js/utils/props-helper.js');
|
23
21
|
var uuidv4 = require('../../global/js/utils/uuidv4.js');
|
24
22
|
|
25
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
26
|
-
|
27
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
28
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
29
|
-
|
30
23
|
var _ErrorFilled, _InformationFilled;
|
31
24
|
var _excluded = ["apiKey", "apiKeyLabel", "apiKeyName", "body", "className", "closeButtonText", "copyButtonText", "copyErrorText", "copyIconDescription", "customSteps", "downloadBodyText", "downloadFileName", "downloadFileType", "downloadLinkText", "editButtonText", "editSuccess", "editSuccessTitle", "editing", "error", "errorText", "generateButtonText", "generateSuccessBody", "generateSuccessTitle", "generateTitle", "hasAPIKeyVisibilityToggle", "hasDownloadLink", "hideAPIKeyLabel", "loading", "loadingText", "modalLabel", "nameHelperText", "nameLabel", "namePlaceholder", "nameRequired", "nextStepButtonText", "onClose", "onCopy", "onRequestEdit", "onRequestGenerate", "open", "portalTarget", "previousStepButtonText", "showAPIKeyLabel"];
|
32
25
|
var componentName = 'APIKeyModal';
|
@@ -101,8 +94,8 @@ exports.APIKeyModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
101
94
|
currentStep = _useState8[0],
|
102
95
|
setCurrentStep = _useState8[1];
|
103
96
|
var copyRef = React.useRef();
|
104
|
-
var apiKeyInputId = React.useRef(uuidv4
|
105
|
-
var nameInputId = React.useRef(uuidv4
|
97
|
+
var apiKeyInputId = React.useRef(uuidv4.default());
|
98
|
+
var nameInputId = React.useRef(uuidv4.default());
|
106
99
|
var renderPortalUse = usePortalTarget.usePortalTarget(portalTargetIn);
|
107
100
|
var hasSteps = Boolean(customSteps.length);
|
108
101
|
var apiKeyLoaded = apiKey && !loading;
|
@@ -110,7 +103,7 @@ exports.APIKeyModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
110
103
|
var hasPreviousStep = hasSteps && currentStep !== 0;
|
111
104
|
var copyButtonProps = {
|
112
105
|
renderIcon: function renderIcon(props) {
|
113
|
-
return /*#__PURE__*/
|
106
|
+
return /*#__PURE__*/React.createElement(icons.Copy, _rollupPluginBabelHelpers.extends({
|
114
107
|
size: 16
|
115
108
|
}, props));
|
116
109
|
},
|
@@ -237,38 +230,38 @@ exports.APIKeyModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
237
230
|
onCloseHandler();
|
238
231
|
}
|
239
232
|
};
|
240
|
-
return renderPortalUse( /*#__PURE__*/
|
233
|
+
return renderPortalUse( /*#__PURE__*/React.createElement(react.ComposedModal, _rollupPluginBabelHelpers.extends({}, rest, _rollupPluginBabelHelpers.objectSpread2({
|
241
234
|
open: open,
|
242
235
|
ref: ref
|
243
236
|
}, devtools.getDevtoolsProps(componentName)), {
|
244
|
-
className:
|
237
|
+
className: cx(className, blockClass),
|
245
238
|
onClose: onCloseHandler,
|
246
239
|
size: "sm",
|
247
240
|
"aria-label": modalLabel,
|
248
241
|
preventCloseOnClickOutside: true
|
249
|
-
}), /*#__PURE__*/
|
242
|
+
}), /*#__PURE__*/React.createElement(react.ModalHeader, {
|
250
243
|
className: "".concat(blockClass, "__header"),
|
251
244
|
title: title,
|
252
245
|
label: modalLabel
|
253
|
-
}), /*#__PURE__*/
|
246
|
+
}), /*#__PURE__*/React.createElement(react.ModalBody, {
|
254
247
|
className: "".concat(blockClass, "__body-container")
|
255
|
-
}, hasSteps && !apiKeyLoaded ? (_customSteps$currentS3 = customSteps[currentStep]) === null || _customSteps$currentS3 === void 0 ? void 0 : _customSteps$currentS3.content : /*#__PURE__*/
|
248
|
+
}, hasSteps && !apiKeyLoaded ? (_customSteps$currentS3 = customSteps[currentStep]) === null || _customSteps$currentS3 === void 0 ? void 0 : _customSteps$currentS3.content : /*#__PURE__*/React.createElement(React.Fragment, null, body && /*#__PURE__*/React.createElement("p", {
|
256
249
|
className: "".concat(blockClass, "__body")
|
257
|
-
}, body), !editing && apiKey && hasAPIKeyVisibilityToggle && /*#__PURE__*/
|
250
|
+
}, body), !editing && apiKey && hasAPIKeyVisibilityToggle && /*#__PURE__*/React.createElement(react.PasswordInput, {
|
258
251
|
value: apiKey,
|
259
252
|
labelText: apiKeyLabel,
|
260
253
|
id: apiKeyInputId.current,
|
261
254
|
showPasswordLabel: showAPIKeyLabel,
|
262
255
|
hidePasswordLabel: hideAPIKeyLabel,
|
263
256
|
tooltipPosition: "left"
|
264
|
-
}), !editing && apiKey && !hasAPIKeyVisibilityToggle && /*#__PURE__*/
|
257
|
+
}), !editing && apiKey && !hasAPIKeyVisibilityToggle && /*#__PURE__*/React.createElement(react.TextInput, {
|
265
258
|
value: apiKey,
|
266
259
|
labelText: apiKeyLabel,
|
267
260
|
id: apiKeyInputId.current
|
268
|
-
}), (editing || !apiKeyLoaded && nameRequired) && /*#__PURE__*/
|
261
|
+
}), (editing || !apiKeyLoaded && nameRequired) && /*#__PURE__*/React.createElement(react.Form, {
|
269
262
|
onSubmit: submitHandler,
|
270
263
|
"aria-label": title !== null && title !== void 0 ? title : undefined
|
271
|
-
}, /*#__PURE__*/
|
264
|
+
}, /*#__PURE__*/React.createElement(react.TextInput, {
|
272
265
|
helperText: nameHelperText,
|
273
266
|
placeholder: namePlaceholder,
|
274
267
|
labelText: nameLabel,
|
@@ -278,36 +271,36 @@ exports.APIKeyModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
278
271
|
disabled: loading,
|
279
272
|
required: nameRequired,
|
280
273
|
"data-modal-primary-focus": true
|
281
|
-
})), loading && /*#__PURE__*/
|
274
|
+
})), loading && /*#__PURE__*/React.createElement(react.InlineLoading, {
|
282
275
|
description: loadingText,
|
283
276
|
className: "".concat(blockClass, "__loader")
|
284
|
-
}), (copyError || error) && /*#__PURE__*/
|
277
|
+
}), (copyError || error) && /*#__PURE__*/React.createElement("div", {
|
285
278
|
className: "".concat(blockClass, "__messaging")
|
286
|
-
}, /*#__PURE__*/
|
279
|
+
}, /*#__PURE__*/React.createElement("div", {
|
287
280
|
className: "".concat(blockClass, "__error-icon")
|
288
|
-
}, _ErrorFilled || (_ErrorFilled = /*#__PURE__*/
|
281
|
+
}, _ErrorFilled || (_ErrorFilled = /*#__PURE__*/React.createElement(icons.ErrorFilled, {
|
289
282
|
size: 16
|
290
|
-
}))), /*#__PURE__*/
|
283
|
+
}))), /*#__PURE__*/React.createElement("p", {
|
291
284
|
className: "".concat(blockClass, "__messaging-text")
|
292
|
-
}, copyError ? copyErrorText : errorText)), apiKeyLoaded && /*#__PURE__*/
|
285
|
+
}, copyError ? copyErrorText : errorText)), apiKeyLoaded && /*#__PURE__*/React.createElement("div", {
|
293
286
|
className: "".concat(blockClass, "__messaging")
|
294
|
-
}, _InformationFilled || (_InformationFilled = /*#__PURE__*/
|
287
|
+
}, _InformationFilled || (_InformationFilled = /*#__PURE__*/React.createElement(icons.InformationFilled, {
|
295
288
|
size: 16
|
296
|
-
})), hasDownloadLink ? /*#__PURE__*/
|
289
|
+
})), hasDownloadLink ? /*#__PURE__*/React.createElement(APIKeyDownloader.APIKeyDownloader, {
|
297
290
|
apiKey: apiKey,
|
298
291
|
body: downloadBodyText,
|
299
292
|
fileName: downloadFileName,
|
300
293
|
linkText: downloadLinkText,
|
301
294
|
fileType: downloadFileType
|
302
|
-
}) : /*#__PURE__*/
|
295
|
+
}) : /*#__PURE__*/React.createElement("div", {
|
303
296
|
className: "".concat(blockClass, "__messaging-text")
|
304
|
-
}, generateSuccessBody)))), /*#__PURE__*/
|
297
|
+
}, generateSuccessBody)))), /*#__PURE__*/React.createElement(react.ModalFooter, {
|
305
298
|
className: "".concat(blockClass, "__footer")
|
306
|
-
}, /*#__PURE__*/
|
299
|
+
}, /*#__PURE__*/React.createElement(react.Button, {
|
307
300
|
type: "button",
|
308
301
|
kind: "secondary",
|
309
302
|
onClick: onBackHandler
|
310
|
-
}, getSecondaryButtonText()), /*#__PURE__*/
|
303
|
+
}, getSecondaryButtonText()), /*#__PURE__*/React.createElement(react.Button, _rollupPluginBabelHelpers.extends({}, apiKeyLoaded && copyButtonProps, {
|
311
304
|
type: "submit",
|
312
305
|
kind: "primary",
|
313
306
|
onClick: submitHandler,
|
@@ -339,191 +332,191 @@ exports.APIKeyModal.propTypes = {
|
|
339
332
|
/**
|
340
333
|
* the api key that's displayed to the user when a request to create is fulfilled.
|
341
334
|
*/
|
342
|
-
apiKey: index
|
335
|
+
apiKey: index.default.string,
|
343
336
|
/**
|
344
337
|
* label for the text input that holds the api key.
|
345
338
|
*/
|
346
|
-
apiKeyLabel: index
|
339
|
+
apiKeyLabel: index.default.string,
|
347
340
|
/**
|
348
341
|
* the name of the api key. should only be supplied in edit mode.
|
349
342
|
*/
|
350
|
-
apiKeyName: index
|
343
|
+
apiKeyName: index.default.string,
|
351
344
|
/**
|
352
345
|
* body content for the modal
|
353
346
|
*/
|
354
|
-
body: index
|
347
|
+
body: index.default.string,
|
355
348
|
/**
|
356
349
|
* optional class name
|
357
350
|
*/
|
358
|
-
className: index
|
351
|
+
className: index.default.string,
|
359
352
|
/**
|
360
353
|
* text for the close button
|
361
354
|
*/
|
362
|
-
closeButtonText: index
|
355
|
+
closeButtonText: index.default.string,
|
363
356
|
/**
|
364
357
|
* text for the copy button
|
365
358
|
*/
|
366
|
-
copyButtonText: index
|
359
|
+
copyButtonText: index.default.string,
|
367
360
|
/**
|
368
361
|
* Error message for when the copy function fails
|
369
362
|
*/
|
370
|
-
copyErrorText: index
|
363
|
+
copyErrorText: index.default.string,
|
371
364
|
/**
|
372
365
|
* text description for the copy button icon
|
373
366
|
*/
|
374
|
-
copyIconDescription: index
|
367
|
+
copyIconDescription: index.default.string,
|
375
368
|
/**
|
376
369
|
* if you need more options for key creation beyond just the name use custom steps to obtain whatever data is required.
|
377
370
|
*/
|
378
371
|
/**@ts-ignore*/
|
379
|
-
customSteps: index
|
372
|
+
customSteps: index.default.arrayOf(index.default.shape({
|
380
373
|
/**
|
381
374
|
* designates if the step has passed whatever validation rules are in place.
|
382
375
|
*/
|
383
|
-
valid: index
|
376
|
+
valid: index.default.bool,
|
384
377
|
/**
|
385
378
|
* designates content is the JSX that holds whatever inputs you need
|
386
379
|
*/
|
387
|
-
content: index
|
380
|
+
content: index.default.node,
|
388
381
|
/**
|
389
382
|
* designates the title that's displayed at the top of the modal for each step
|
390
383
|
*/
|
391
|
-
title: index
|
384
|
+
title: index.default.string
|
392
385
|
})),
|
393
386
|
/**
|
394
387
|
* the content that appears that indicates the key is downloadable
|
395
388
|
*/
|
396
|
-
downloadBodyText: downloadRequiredProps(index
|
389
|
+
downloadBodyText: downloadRequiredProps(index.default.string),
|
397
390
|
/**
|
398
391
|
* designates the name of downloadable json file with the key. if not specified will default to 'apikey'
|
399
392
|
*/
|
400
|
-
downloadFileName: downloadRequiredProps(index
|
393
|
+
downloadFileName: downloadRequiredProps(index.default.string),
|
401
394
|
/**
|
402
395
|
* designates the file type for the downloadable key
|
403
396
|
*/
|
404
|
-
downloadFileType: downloadRequiredProps(index
|
397
|
+
downloadFileType: downloadRequiredProps(index.default.oneOf(['txt', 'json'])),
|
405
398
|
/**
|
406
399
|
* anchor text for the download link
|
407
400
|
*/
|
408
|
-
downloadLinkText: downloadRequiredProps(index
|
401
|
+
downloadLinkText: downloadRequiredProps(index.default.string),
|
409
402
|
/**
|
410
403
|
* text for the edit button
|
411
404
|
*/
|
412
|
-
editButtonText: editRequiredProps(index
|
405
|
+
editButtonText: editRequiredProps(index.default.string),
|
413
406
|
/**
|
414
407
|
* designates if the edit request was successful
|
415
408
|
*/
|
416
|
-
editSuccess: editRequiredProps(index
|
409
|
+
editSuccess: editRequiredProps(index.default.bool),
|
417
410
|
/**
|
418
411
|
* title for a successful edit
|
419
412
|
*/
|
420
|
-
editSuccessTitle: editRequiredProps(index
|
413
|
+
editSuccessTitle: editRequiredProps(index.default.string),
|
421
414
|
/**
|
422
415
|
* designates if the modal is in the edit mode
|
423
416
|
*/
|
424
|
-
editing: index
|
417
|
+
editing: index.default.bool,
|
425
418
|
/**
|
426
419
|
* designates if an error has occurred in a request
|
427
420
|
*/
|
428
|
-
error: index
|
421
|
+
error: index.default.bool,
|
429
422
|
/**
|
430
423
|
* text to display if an error has occurred
|
431
424
|
*/
|
432
|
-
errorText: index
|
425
|
+
errorText: index.default.string,
|
433
426
|
/**
|
434
427
|
* default primary button text for modal in assumed default mode create or generate.
|
435
428
|
* in create mode this is the button text prior to supplying an api key, which then
|
436
429
|
* uses copyButtonText
|
437
430
|
*/
|
438
|
-
generateButtonText: index
|
431
|
+
generateButtonText: index.default.string,
|
439
432
|
/**
|
440
433
|
* content to display if generate request was successful
|
441
434
|
*/
|
442
|
-
generateSuccessBody: index
|
435
|
+
generateSuccessBody: index.default.node,
|
443
436
|
/**
|
444
437
|
* title for a successful key generation
|
445
438
|
*/
|
446
|
-
generateSuccessTitle: index
|
439
|
+
generateSuccessTitle: index.default.string,
|
447
440
|
/**
|
448
441
|
* default title for the modal in generate key mode
|
449
442
|
*/
|
450
|
-
generateTitle: index
|
443
|
+
generateTitle: index.default.string,
|
451
444
|
/**
|
452
445
|
* designates if the api input has the visibility toggle enabled
|
453
446
|
*/
|
454
|
-
hasAPIKeyVisibilityToggle: index
|
447
|
+
hasAPIKeyVisibilityToggle: index.default.bool,
|
455
448
|
/**
|
456
449
|
* designates if user is able to download the api key
|
457
450
|
*/
|
458
|
-
hasDownloadLink: index
|
451
|
+
hasDownloadLink: index.default.bool,
|
459
452
|
/**
|
460
453
|
* label text that's displayed when hovering over visibility toggler to hide key
|
461
454
|
*/
|
462
|
-
hideAPIKeyLabel: index
|
455
|
+
hideAPIKeyLabel: index.default.string,
|
463
456
|
/**
|
464
457
|
* designates if the modal is in a loading state via a request or some other in progress operation
|
465
458
|
*/
|
466
|
-
loading: index
|
459
|
+
loading: index.default.bool,
|
467
460
|
/**
|
468
461
|
* text that displays while modal is in the loading state
|
469
462
|
*/
|
470
|
-
loadingText: index
|
463
|
+
loadingText: index.default.string,
|
471
464
|
/**
|
472
465
|
* general label text for modal
|
473
466
|
*/
|
474
|
-
modalLabel: index
|
467
|
+
modalLabel: index.default.string,
|
475
468
|
/**
|
476
469
|
* helper text for name input
|
477
470
|
*/
|
478
|
-
nameHelperText: index
|
471
|
+
nameHelperText: index.default.string,
|
479
472
|
/**
|
480
473
|
* label for api key name input
|
481
474
|
*/
|
482
|
-
nameLabel: index
|
475
|
+
nameLabel: index.default.string,
|
483
476
|
/**
|
484
477
|
* placeholder text for api key name input
|
485
478
|
*/
|
486
|
-
namePlaceholder: index
|
479
|
+
namePlaceholder: index.default.string,
|
487
480
|
/**
|
488
481
|
* designates if a name is required or not for key generation. NOTE- if using custom steps set this to false since you will be using your own validation
|
489
482
|
*/
|
490
|
-
nameRequired: index
|
483
|
+
nameRequired: index.default.bool,
|
491
484
|
/**
|
492
485
|
* text that displays in the primary button when using custom steps to indicate to the user that there is a next step
|
493
486
|
*/
|
494
|
-
nextStepButtonText: customStepsRequiredProps(index
|
487
|
+
nextStepButtonText: customStepsRequiredProps(index.default.string),
|
495
488
|
/**
|
496
489
|
* handler for on modal close
|
497
490
|
*/
|
498
|
-
onClose: index
|
491
|
+
onClose: index.default.func,
|
499
492
|
/**
|
500
493
|
* Optional callback if you want to use your own copy function instead of the build in one
|
501
494
|
* onCopy(apiKey)
|
502
495
|
*/
|
503
|
-
onCopy: index
|
496
|
+
onCopy: index.default.func,
|
504
497
|
/**
|
505
498
|
* handler for api key edit
|
506
499
|
*/
|
507
|
-
onRequestEdit: index
|
500
|
+
onRequestEdit: index.default.func,
|
508
501
|
/**
|
509
502
|
* handler for api key generation
|
510
503
|
*/
|
511
|
-
onRequestGenerate: index
|
504
|
+
onRequestGenerate: index.default.func,
|
512
505
|
/**
|
513
506
|
* designates if modal is open or closed
|
514
507
|
*/
|
515
|
-
open: index
|
508
|
+
open: index.default.bool.isRequired,
|
516
509
|
/**
|
517
510
|
* The DOM node the tearsheet should be rendered within. Defaults to document.body.
|
518
511
|
*/
|
519
|
-
portalTarget: index
|
512
|
+
portalTarget: index.default.node,
|
520
513
|
/**
|
521
514
|
* text that displays in the secondary button when using custom steps to indicate to the user that there is a previous step
|
522
515
|
*/
|
523
|
-
previousStepButtonText: customStepsRequiredProps(index
|
516
|
+
previousStepButtonText: customStepsRequiredProps(index.default.string),
|
524
517
|
/**
|
525
518
|
* label text that's displayed when hovering over visibility toggler to show key
|
526
519
|
*/
|
527
|
-
showAPIKeyLabel: index
|
520
|
+
showAPIKeyLabel: index.default.string
|
528
521
|
};
|
529
522
|
exports.APIKeyModal.displayName = componentName;
|
@@ -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');
|
@@ -20,11 +18,6 @@ var settings = require('../../settings.js');
|
|
20
18
|
var usePortalTarget = require('../../global/js/hooks/usePortalTarget.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 = ["additionalInfo", "className", "closeIconDescription", "copyrightText", "content", "links", "logo", "modalAriaLabel", "onClose", "open", "portalTarget", "title", "version"];
|
29
22
|
|
30
23
|
// The block part of our conventional BEM class names (blockClass__E--M).
|
@@ -39,7 +32,7 @@ var componentName = 'AboutModal';
|
|
39
32
|
* should be immediately apparent to the user, with a clear and obvious path
|
40
33
|
* to completion.
|
41
34
|
*/
|
42
|
-
exports.AboutModal = /*#__PURE__*/
|
35
|
+
exports.AboutModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
43
36
|
var additionalInfo = _ref.additionalInfo,
|
44
37
|
className = _ref.className,
|
45
38
|
closeIconDescription = _ref.closeIconDescription,
|
@@ -58,7 +51,7 @@ exports.AboutModal = /*#__PURE__*/React__default["default"].forwardRef(function
|
|
58
51
|
var localRef = React.useRef();
|
59
52
|
var modalRef = ref || localRef;
|
60
53
|
var contentRef = React.useRef(null);
|
61
|
-
var contentId = uuidv4
|
54
|
+
var contentId = uuidv4.default();
|
62
55
|
var renderPortalUse = usePortalTarget.usePortalTarget(portalTargetIn);
|
63
56
|
var _useFocus = useFocus.useFocus(modalRef),
|
64
57
|
firstElement = _useFocus.firstElement;
|
@@ -77,12 +70,12 @@ exports.AboutModal = /*#__PURE__*/React__default["default"].forwardRef(function
|
|
77
70
|
}
|
78
71
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
79
72
|
}, [open]);
|
80
|
-
return renderPortalUse( /*#__PURE__*/
|
73
|
+
return renderPortalUse( /*#__PURE__*/React.createElement(react.unstable_FeatureFlags, {
|
81
74
|
flags: {
|
82
75
|
'enable-experimental-focus-wrap-without-sentinels': true
|
83
76
|
}
|
84
|
-
}, /*#__PURE__*/
|
85
|
-
className:
|
77
|
+
}, /*#__PURE__*/React.createElement(react.ComposedModal, _rollupPluginBabelHelpers.extends({}, rest, {
|
78
|
+
className: cx(blockClass,
|
86
79
|
// Apply the block class to the main HTML element
|
87
80
|
className // Apply any supplied class names to the main HTML element.
|
88
81
|
),
|
@@ -91,35 +84,35 @@ exports.AboutModal = /*#__PURE__*/React__default["default"].forwardRef(function
|
|
91
84
|
}, _rollupPluginBabelHelpers.objectSpread2({
|
92
85
|
onClose: onClose,
|
93
86
|
open: open
|
94
|
-
}, devtools.getDevtoolsProps(componentName))), /*#__PURE__*/
|
87
|
+
}, devtools.getDevtoolsProps(componentName))), /*#__PURE__*/React.createElement("div", {
|
95
88
|
className: "".concat(blockClass, "__logo")
|
96
|
-
}, logo), /*#__PURE__*/
|
89
|
+
}, logo), /*#__PURE__*/React.createElement(react.ModalHeader, {
|
97
90
|
className: "".concat(blockClass, "__header"),
|
98
91
|
closeModal: onClose,
|
99
92
|
iconDescription: closeIconDescription,
|
100
93
|
label: title,
|
101
94
|
labelClassName: "".concat(blockClass, "__title")
|
102
|
-
}), /*#__PURE__*/
|
95
|
+
}), /*#__PURE__*/React.createElement(react.ModalBody, {
|
103
96
|
className: "".concat(blockClass, "__body")
|
104
|
-
}, /*#__PURE__*/
|
97
|
+
}, /*#__PURE__*/React.createElement("div", {
|
105
98
|
className: "".concat(blockClass, "__body-content"),
|
106
99
|
ref: contentRef,
|
107
100
|
id: contentId
|
108
|
-
}, /*#__PURE__*/
|
101
|
+
}, /*#__PURE__*/React.createElement("div", {
|
109
102
|
className: "".concat(blockClass, "__version")
|
110
|
-
}, version), links && links.length > 0 && /*#__PURE__*/
|
103
|
+
}, version), links && links.length > 0 && /*#__PURE__*/React.createElement("div", {
|
111
104
|
className: "".concat(blockClass, "__links-container")
|
112
105
|
}, links.map(function (link, i) {
|
113
|
-
return /*#__PURE__*/
|
106
|
+
return /*#__PURE__*/React.createElement(React.Fragment, {
|
114
107
|
key: i
|
115
108
|
}, link);
|
116
|
-
})), content && /*#__PURE__*/
|
109
|
+
})), content && /*#__PURE__*/React.createElement("p", {
|
117
110
|
className: "".concat(blockClass, "__content")
|
118
|
-
}, content), copyrightText && /*#__PURE__*/
|
111
|
+
}, content), copyrightText && /*#__PURE__*/React.createElement("p", {
|
119
112
|
className: "".concat(blockClass, "__copyright-text")
|
120
|
-
}, copyrightText))), additionalInfo && /*#__PURE__*/
|
113
|
+
}, copyrightText))), additionalInfo && /*#__PURE__*/React.createElement(react.Theme, {
|
121
114
|
theme: "g100"
|
122
|
-
}, /*#__PURE__*/
|
115
|
+
}, /*#__PURE__*/React.createElement(react.ModalFooter, {
|
123
116
|
className: "".concat(blockClass, "__footer")
|
124
117
|
}, additionalInfo)))));
|
125
118
|
});
|
@@ -137,61 +130,61 @@ exports.AboutModal.propTypes = {
|
|
137
130
|
* to build your product you can provide this in the additionalInfo.
|
138
131
|
* Additional information will be displayed in the footer.
|
139
132
|
*/
|
140
|
-
additionalInfo: index
|
133
|
+
additionalInfo: index.default.node,
|
141
134
|
/**
|
142
135
|
* Provide an optional class to be applied to the modal root node.
|
143
136
|
*/
|
144
|
-
className: index
|
137
|
+
className: index.default.string,
|
145
138
|
/**
|
146
139
|
* The accessibility title for the close icon.
|
147
140
|
*/
|
148
|
-
closeIconDescription: index
|
141
|
+
closeIconDescription: index.default.string.isRequired,
|
149
142
|
/**
|
150
143
|
* Subhead text providing any relevant product disclaimers including
|
151
144
|
* legal information (optional)
|
152
145
|
*/
|
153
|
-
content: index
|
146
|
+
content: index.default.node,
|
154
147
|
/**
|
155
148
|
* Trademark and copyright information. Displays first year of
|
156
149
|
* product release to current year.
|
157
150
|
*/
|
158
|
-
copyrightText: index
|
151
|
+
copyrightText: index.default.string.isRequired,
|
159
152
|
/**
|
160
153
|
* An array of Carbon `Link` component if there are additional information
|
161
154
|
* to call out within the card. The about modal should be used to display
|
162
155
|
* the product information and not where users go to find help (optional)
|
163
156
|
*/
|
164
|
-
links: index
|
157
|
+
links: index.default.arrayOf(index.default.element),
|
165
158
|
/**
|
166
159
|
* A visual symbol used to represent the product.
|
167
160
|
*/
|
168
|
-
logo: index
|
161
|
+
logo: index.default.node.isRequired,
|
169
162
|
/**
|
170
163
|
* Specifies aria label for AboutModal
|
171
164
|
*/
|
172
|
-
modalAriaLabel: index
|
165
|
+
modalAriaLabel: index.default.string,
|
173
166
|
/**
|
174
167
|
* Specifies an optional handler which is called when the AboutModal
|
175
168
|
* is closed. Returning `false` prevents the AboutModal from closing.
|
176
169
|
*/
|
177
|
-
onClose: index
|
170
|
+
onClose: index.default.func,
|
178
171
|
/**
|
179
172
|
* Specifies whether the AboutModal is open or not.
|
180
173
|
*/
|
181
|
-
open: index
|
174
|
+
open: index.default.bool,
|
182
175
|
/**
|
183
176
|
* The DOM node the tearsheet should be rendered within. Defaults to document.body.
|
184
177
|
*/
|
185
|
-
portalTarget: index
|
178
|
+
portalTarget: index.default.node,
|
186
179
|
/**
|
187
180
|
* Header text that provides the product name. The IBM Services logo
|
188
181
|
* consists of two discrete, but required, elements: the iconic
|
189
182
|
* IBM 8-bar logo represented alongside the IBM Services logotype.
|
190
183
|
* Please follow these guidelines to ensure proper execution.
|
191
184
|
*/
|
192
|
-
title: index
|
185
|
+
title: index.default.node.isRequired,
|
193
186
|
/**
|
194
187
|
* Text that provides information on the version number of your product.
|
195
188
|
*/
|
196
|
-
version: index
|
189
|
+
version: index.default.string.isRequired
|
197
190
|
};
|