@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,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 = ["accept", "className", "defaultErrorBody", "defaultErrorHeader", "description", "fetchErrorBody", "fetchErrorHeader", "fileDropHeader", "fileDropLabel", "fileUploadLabel", "inputButtonIcon", "inputButtonText", "inputId", "inputLabel", "inputPlaceholder", "invalidFileTypeErrorBody", "invalidFileTypeErrorHeader", "invalidIconDescription", "maxFileSize", "maxFileSizeErrorBody", "maxFileSizeErrorHeader", "onClose", "onRequestSubmit", "open", "portalTarget", "primaryButtonText", "secondaryButtonText", "title"];
|
29
22
|
var componentName = 'ImportModal';
|
30
23
|
|
@@ -87,7 +80,7 @@ exports.ImportModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
87
80
|
var updatedFiles = newFiles.map(function (file) {
|
88
81
|
var _newFile$fileSize;
|
89
82
|
var newFile = {
|
90
|
-
uuid: file.uuid || uuidv4
|
83
|
+
uuid: file.uuid || uuidv4.default(),
|
91
84
|
status: 'edit',
|
92
85
|
iconDescription: invalidIconDescription,
|
93
86
|
name: file.name,
|
@@ -125,7 +118,7 @@ exports.ImportModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
125
118
|
pendingFile = {
|
126
119
|
name: fileName,
|
127
120
|
status: 'uploading',
|
128
|
-
uuid: uuidv4
|
121
|
+
uuid: uuidv4.default()
|
129
122
|
};
|
130
123
|
setFiles([pendingFile]);
|
131
124
|
_context.prev = 4;
|
@@ -201,35 +194,35 @@ exports.ImportModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
201
194
|
var importButtonDisabled = !importUrl || hasFiles;
|
202
195
|
var fileStatusString = "".concat(numberOfValidFiles, " / ").concat(numberOfFiles, " ").concat(fileUploadLabel);
|
203
196
|
var blockClass = "".concat(settings.pkg.prefix, "--import-modal");
|
204
|
-
return renderPortalUse( /*#__PURE__*/
|
197
|
+
return renderPortalUse( /*#__PURE__*/React.createElement(react.ComposedModal, _rollupPluginBabelHelpers.extends({}, rest, _rollupPluginBabelHelpers.objectSpread2({
|
205
198
|
open: open,
|
206
199
|
ref: ref
|
207
200
|
}, devtools.getDevtoolsProps(componentName)), {
|
208
201
|
"aria-label": title,
|
209
|
-
className:
|
202
|
+
className: cx(blockClass, className),
|
210
203
|
size: "sm",
|
211
204
|
preventCloseOnClickOutside: true,
|
212
205
|
onClose: onCloseHandler
|
213
|
-
}), /*#__PURE__*/
|
206
|
+
}), /*#__PURE__*/React.createElement(react.ModalHeader, {
|
214
207
|
className: "".concat(blockClass, "__header"),
|
215
208
|
title: title
|
216
|
-
}), /*#__PURE__*/
|
209
|
+
}), /*#__PURE__*/React.createElement(react.ModalBody, {
|
217
210
|
className: "".concat(blockClass, "__body-container")
|
218
|
-
}, description && /*#__PURE__*/
|
211
|
+
}, description && /*#__PURE__*/React.createElement("p", {
|
219
212
|
className: "".concat(blockClass, "__body")
|
220
|
-
}, description), fileDropHeader && /*#__PURE__*/
|
213
|
+
}, description), fileDropHeader && /*#__PURE__*/React.createElement("p", {
|
221
214
|
className: "".concat(blockClass, "__file-drop-header")
|
222
|
-
}, fileDropHeader), /*#__PURE__*/
|
215
|
+
}, fileDropHeader), /*#__PURE__*/React.createElement(react.FileUploaderDropContainer, {
|
223
216
|
accept: accept,
|
224
217
|
labelText: fileDropLabel,
|
225
218
|
onAddFiles: onAddFile,
|
226
219
|
disabled: hasFiles,
|
227
220
|
"data-modal-primary-focus": true
|
228
|
-
}), inputLabel && /*#__PURE__*/
|
221
|
+
}), inputLabel && /*#__PURE__*/React.createElement("p", {
|
229
222
|
className: "".concat(blockClass, "__label")
|
230
|
-
}, inputLabel), /*#__PURE__*/
|
223
|
+
}, inputLabel), /*#__PURE__*/React.createElement("div", {
|
231
224
|
className: "".concat(blockClass, "__input-group")
|
232
|
-
}, /*#__PURE__*/
|
225
|
+
}, /*#__PURE__*/React.createElement(react.TextInput, {
|
233
226
|
labelText: "",
|
234
227
|
id: inputId,
|
235
228
|
onChange: inputHandler,
|
@@ -237,22 +230,22 @@ exports.ImportModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
237
230
|
value: importUrl,
|
238
231
|
disabled: hasFiles,
|
239
232
|
"aria-label": inputLabel
|
240
|
-
}), /*#__PURE__*/
|
233
|
+
}), /*#__PURE__*/React.createElement(react.Button, {
|
241
234
|
onClick: fetchFile,
|
242
235
|
className: "".concat(blockClass, "__import-button"),
|
243
236
|
size: "sm",
|
244
237
|
disabled: importButtonDisabled,
|
245
238
|
renderIcon: inputButtonIcon ? function (props) {
|
246
|
-
return /*#__PURE__*/
|
239
|
+
return /*#__PURE__*/React.createElement(icons.Add, _rollupPluginBabelHelpers.extends({
|
247
240
|
size: 20
|
248
241
|
}, props));
|
249
242
|
} : null
|
250
|
-
}, inputButtonText)), /*#__PURE__*/
|
243
|
+
}, inputButtonText)), /*#__PURE__*/React.createElement("div", {
|
251
244
|
className: "".concat(carbonPrefix, "--file-container ").concat(blockClass, "__file-container")
|
252
|
-
}, hasFiles && /*#__PURE__*/
|
245
|
+
}, hasFiles && /*#__PURE__*/React.createElement("p", {
|
253
246
|
className: "".concat(blockClass, "__helper-text")
|
254
247
|
}, fileStatusString), files.map(function (file) {
|
255
|
-
return /*#__PURE__*/
|
248
|
+
return /*#__PURE__*/React.createElement(react.FileUploaderItem, {
|
256
249
|
key: file.uuid,
|
257
250
|
onDelete: function onDelete() {
|
258
251
|
return onRemoveFile(file.uuid);
|
@@ -267,13 +260,13 @@ exports.ImportModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
267
260
|
errorSubject: file.errorSubject,
|
268
261
|
filesize: file.fileSize /* cspell:disable-line */
|
269
262
|
});
|
270
|
-
}))), /*#__PURE__*/
|
263
|
+
}))), /*#__PURE__*/React.createElement(react.ModalFooter, {
|
271
264
|
className: "".concat(blockClass, "__footer")
|
272
|
-
}, /*#__PURE__*/
|
265
|
+
}, /*#__PURE__*/React.createElement(react.Button, {
|
273
266
|
type: "button",
|
274
267
|
kind: "secondary",
|
275
268
|
onClick: onCloseHandler
|
276
|
-
}, secondaryButtonText), /*#__PURE__*/
|
269
|
+
}, secondaryButtonText), /*#__PURE__*/React.createElement(react.Button, {
|
277
270
|
type: "submit",
|
278
271
|
kind: "primary",
|
279
272
|
onClick: onSubmitHandler,
|
@@ -287,114 +280,114 @@ exports.ImportModal.propTypes = {
|
|
287
280
|
/**
|
288
281
|
* Specifies the file types that are valid for importing
|
289
282
|
*/
|
290
|
-
accept: index
|
283
|
+
accept: index.default.array,
|
291
284
|
/**
|
292
285
|
* Optional class name
|
293
286
|
*/
|
294
|
-
className: index
|
287
|
+
className: index.default.string,
|
295
288
|
/**
|
296
289
|
* The default message shown for an import error
|
297
290
|
*/
|
298
|
-
defaultErrorBody: index
|
291
|
+
defaultErrorBody: index.default.string.isRequired,
|
299
292
|
/**
|
300
293
|
* The default header that is displayed to show an error message
|
301
294
|
*/
|
302
|
-
defaultErrorHeader: index
|
295
|
+
defaultErrorHeader: index.default.string.isRequired,
|
303
296
|
/**
|
304
297
|
* Content that is displayed inside the modal
|
305
298
|
*/
|
306
|
-
description: index
|
299
|
+
description: index.default.string,
|
307
300
|
/**
|
308
301
|
* Optional error body to display specifically for a fetch error
|
309
302
|
*/
|
310
|
-
fetchErrorBody: index
|
303
|
+
fetchErrorBody: index.default.string,
|
311
304
|
/**
|
312
305
|
* Optional error header to display specifically for a fetch error
|
313
306
|
*/
|
314
|
-
fetchErrorHeader: index
|
307
|
+
fetchErrorHeader: index.default.string,
|
315
308
|
/**
|
316
309
|
* Header for the drag and drop box
|
317
310
|
*/
|
318
|
-
fileDropHeader: index
|
311
|
+
fileDropHeader: index.default.string,
|
319
312
|
/**
|
320
313
|
* Label for the drag and drop box
|
321
314
|
*/
|
322
|
-
fileDropLabel: index
|
315
|
+
fileDropLabel: index.default.string,
|
323
316
|
/**
|
324
317
|
* Label that appears when a file is uploaded to show number of files (1 / 1)
|
325
318
|
*/
|
326
|
-
fileUploadLabel: index
|
319
|
+
fileUploadLabel: index.default.string,
|
327
320
|
/**
|
328
321
|
* Button icon for import by url button
|
329
322
|
*/
|
330
|
-
inputButtonIcon: index
|
323
|
+
inputButtonIcon: index.default.bool,
|
331
324
|
/**
|
332
325
|
* Button text for import by url button
|
333
326
|
*/
|
334
|
-
inputButtonText: index
|
327
|
+
inputButtonText: index.default.string.isRequired,
|
335
328
|
/**
|
336
329
|
* ID for text input
|
337
330
|
*/
|
338
|
-
inputId: index
|
331
|
+
inputId: index.default.string,
|
339
332
|
/**
|
340
333
|
* Header to display above import by url
|
341
334
|
*/
|
342
|
-
inputLabel: index
|
335
|
+
inputLabel: index.default.string,
|
343
336
|
/**
|
344
337
|
* Placeholder for text input
|
345
338
|
*/
|
346
|
-
inputPlaceholder: index
|
339
|
+
inputPlaceholder: index.default.string,
|
347
340
|
/**
|
348
341
|
* Optional error message to display specifically for a invalid file type error
|
349
342
|
*/
|
350
|
-
invalidFileTypeErrorBody: index
|
343
|
+
invalidFileTypeErrorBody: index.default.string,
|
351
344
|
/**
|
352
345
|
* Optional error header to display specifically for a invalid file type error
|
353
346
|
*/
|
354
|
-
invalidFileTypeErrorHeader: index
|
347
|
+
invalidFileTypeErrorHeader: index.default.string,
|
355
348
|
/**
|
356
349
|
* Description for delete file icon
|
357
350
|
*/
|
358
|
-
invalidIconDescription: index
|
351
|
+
invalidIconDescription: index.default.string,
|
359
352
|
/**
|
360
353
|
* File size limit in bytes
|
361
354
|
*/
|
362
|
-
maxFileSize: index
|
355
|
+
maxFileSize: index.default.number,
|
363
356
|
/**
|
364
357
|
* Optional error message to display specifically for a max file size error
|
365
358
|
*/
|
366
|
-
maxFileSizeErrorBody: index
|
359
|
+
maxFileSizeErrorBody: index.default.string,
|
367
360
|
/**
|
368
361
|
* Optional error header to display specifically for a max file size error
|
369
362
|
*/
|
370
|
-
maxFileSizeErrorHeader: index
|
363
|
+
maxFileSizeErrorHeader: index.default.string,
|
371
364
|
/**
|
372
365
|
* Specify a handler for closing modal
|
373
366
|
*/
|
374
|
-
onClose: index
|
367
|
+
onClose: index.default.func,
|
375
368
|
/**
|
376
369
|
* Specify a handler for "submitting" modal. Access the imported file via `file => {}`
|
377
370
|
*/
|
378
|
-
onRequestSubmit: index
|
371
|
+
onRequestSubmit: index.default.func.isRequired,
|
379
372
|
/**
|
380
373
|
* Specify whether the Modal is currently open
|
381
374
|
*/
|
382
|
-
open: index
|
375
|
+
open: index.default.bool.isRequired,
|
383
376
|
/**
|
384
377
|
* The DOM node the tearsheet should be rendered within. Defaults to document.body.
|
385
378
|
*/
|
386
|
-
portalTarget: index
|
379
|
+
portalTarget: index.default.node,
|
387
380
|
/**
|
388
381
|
* Specify the text for the primary button
|
389
382
|
*/
|
390
|
-
primaryButtonText: index
|
383
|
+
primaryButtonText: index.default.string.isRequired,
|
391
384
|
/**
|
392
385
|
* Specify the text for the secondary button
|
393
386
|
*/
|
394
|
-
secondaryButtonText: index
|
387
|
+
secondaryButtonText: index.default.string.isRequired,
|
395
388
|
/**
|
396
389
|
* The text displayed at the top of the modal
|
397
390
|
*/
|
398
|
-
title: index
|
391
|
+
title: index.default.string.isRequired
|
399
392
|
};
|
400
393
|
exports.ImportModal.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 icons = require('@carbon/react/icons');
|
@@ -21,11 +19,6 @@ var devtools = require('../../global/js/utils/devtools.js');
|
|
21
19
|
var settings = require('../../settings.js');
|
22
20
|
var uuidv4 = require('../../global/js/utils/uuidv4.js');
|
23
21
|
|
24
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
25
|
-
|
26
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
27
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
28
|
-
|
29
22
|
var _Close, _Idea, _Crossroads;
|
30
23
|
var _excluded = ["action", "children", "className", "closeIconDescription", "collapsible", "collapseButtonLabel", "expandButtonLabel", "media", "narrow", "onClick", "onClose", "tertiaryButtonLabel", "title", "withLeftGutter"];
|
31
24
|
|
@@ -52,7 +45,7 @@ var defaults = {
|
|
52
45
|
* provide an ambient way to deliver learning content without
|
53
46
|
* distracting the user from their flow.
|
54
47
|
*/
|
55
|
-
exports.InlineTip = /*#__PURE__*/
|
48
|
+
exports.InlineTip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
56
49
|
var action = _ref.action,
|
57
50
|
children = _ref.children,
|
58
51
|
className = _ref.className,
|
@@ -79,13 +72,13 @@ exports.InlineTip = /*#__PURE__*/React__default["default"].forwardRef(function (
|
|
79
72
|
_useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
|
80
73
|
isCollapsed = _useState2[0],
|
81
74
|
setIsCollapsed = _useState2[1];
|
82
|
-
var labelId = React.useRef(uuidv4
|
75
|
+
var labelId = React.useRef(uuidv4.default()).current;
|
83
76
|
var previewText = React.useMemo(function () {
|
84
|
-
return utils.getComponentText(
|
77
|
+
return utils.getComponentText(React.Children.toArray(children));
|
85
78
|
}, [children]);
|
86
79
|
var childrenToRender = children;
|
87
80
|
if (!media && collapsible && isCollapsed) {
|
88
|
-
childrenToRender = /*#__PURE__*/
|
81
|
+
childrenToRender = /*#__PURE__*/React.createElement("p", {
|
89
82
|
className: "".concat(blockClass, "__preview-text")
|
90
83
|
}, previewText);
|
91
84
|
}
|
@@ -94,38 +87,38 @@ exports.InlineTip = /*#__PURE__*/React__default["default"].forwardRef(function (
|
|
94
87
|
React.useEffect(function () {
|
95
88
|
setIsCollapsed(collapsible);
|
96
89
|
}, [collapsible]);
|
97
|
-
return /*#__PURE__*/
|
90
|
+
return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
|
98
91
|
"aria-labelledby": labelId,
|
99
|
-
className:
|
92
|
+
className: cx(blockClass, className, collapsible && "".concat(blockClass, "__collapsible"), isCollapsed && "".concat(blockClass, "__collapsible-collapsed"), media && "".concat(blockClass, "__has-media"), [narrow ? "".concat(blockClass, "__narrow") : "".concat(blockClass, "__wide")], withLeftGutter && !narrow && "".concat(blockClass, "__with-left-gutter")),
|
100
93
|
ref: ref,
|
101
94
|
role: "complementary"
|
102
|
-
}, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/
|
95
|
+
}, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement("div", {
|
103
96
|
className: "".concat(blockClass, "__close-icon-wrapper")
|
104
|
-
}, /*#__PURE__*/
|
97
|
+
}, /*#__PURE__*/React.createElement(react.IconButton, {
|
105
98
|
className: "".concat(blockClass, "__close-icon"),
|
106
99
|
kind: "ghost",
|
107
100
|
label: closeIconDescription,
|
108
101
|
onClick: onClose,
|
109
102
|
size: "lg"
|
110
|
-
}, _Close || (_Close = /*#__PURE__*/
|
103
|
+
}, _Close || (_Close = /*#__PURE__*/React.createElement(icons.Close, {
|
111
104
|
size: 16
|
112
|
-
})))), (!media && narrow || !narrow) && /*#__PURE__*/
|
105
|
+
})))), (!media && narrow || !narrow) && /*#__PURE__*/React.createElement("div", {
|
113
106
|
className: "".concat(blockClass, "__icon-idea"),
|
114
107
|
tabIndex: -1
|
115
|
-
}, _Idea || (_Idea = /*#__PURE__*/
|
108
|
+
}, _Idea || (_Idea = /*#__PURE__*/React.createElement(icons.Idea, {
|
116
109
|
size: 16
|
117
|
-
}))), /*#__PURE__*/
|
110
|
+
}))), /*#__PURE__*/React.createElement("div", {
|
118
111
|
className: "".concat(blockClass, "__content")
|
119
|
-
}, /*#__PURE__*/
|
112
|
+
}, /*#__PURE__*/React.createElement("h6", {
|
120
113
|
id: labelId,
|
121
114
|
className: "".concat(blockClass, "__title")
|
122
|
-
}, title), /*#__PURE__*/
|
115
|
+
}, title), /*#__PURE__*/React.createElement("section", {
|
123
116
|
className: "".concat(blockClass, "__body")
|
124
|
-
}, childrenToRender, action && (!collapsible || collapsible && !isCollapsed) && /*#__PURE__*/
|
117
|
+
}, childrenToRender, action && (!collapsible || collapsible && !isCollapsed) && /*#__PURE__*/React.createElement("div", {
|
125
118
|
className: "".concat(blockClass, "__secondary-btn")
|
126
|
-
}, action)), (collapsible || tertiaryButtonLabel) && /*#__PURE__*/
|
119
|
+
}, action)), (collapsible || tertiaryButtonLabel) && /*#__PURE__*/React.createElement("footer", {
|
127
120
|
className: "".concat(blockClass, "__footer")
|
128
|
-
}, collapsible && !media && /*#__PURE__*/
|
121
|
+
}, collapsible && !media && /*#__PURE__*/React.createElement(react.Button, {
|
129
122
|
className: "".concat(blockClass, "__toggle-btn"),
|
130
123
|
kind: "ghost",
|
131
124
|
size: "md",
|
@@ -134,19 +127,19 @@ exports.InlineTip = /*#__PURE__*/React__default["default"].forwardRef(function (
|
|
134
127
|
return !prevState;
|
135
128
|
});
|
136
129
|
}
|
137
|
-
}, isCollapsed ? expandButtonLabel : collapseButtonLabel), tertiaryButtonLabel && /*#__PURE__*/
|
130
|
+
}, isCollapsed ? expandButtonLabel : collapseButtonLabel), tertiaryButtonLabel && /*#__PURE__*/React.createElement(react.Button, {
|
138
131
|
className: "".concat(blockClass, "__close-btn"),
|
139
132
|
size: "md",
|
140
133
|
onClick: onClick,
|
141
134
|
kind: "tertiary",
|
142
135
|
renderIcon: function renderIcon() {
|
143
|
-
return _Crossroads || (_Crossroads = /*#__PURE__*/
|
136
|
+
return _Crossroads || (_Crossroads = /*#__PURE__*/React.createElement(icons.Crossroads, {
|
144
137
|
size: 16
|
145
138
|
}));
|
146
139
|
}
|
147
|
-
}, tertiaryButtonLabel))), media && (media.render ? /*#__PURE__*/
|
140
|
+
}, tertiaryButtonLabel))), media && (media.render ? /*#__PURE__*/React.createElement("div", {
|
148
141
|
className: "".concat(blockClass, "__media")
|
149
|
-
}, media.render()) : /*#__PURE__*/
|
142
|
+
}, media.render()) : /*#__PURE__*/React.createElement(SteppedAnimatedMedia.SteppedAnimatedMedia, {
|
150
143
|
className: "".concat(blockClass, "__media"),
|
151
144
|
filePaths: media.filePaths
|
152
145
|
})));
|
@@ -159,36 +152,36 @@ exports.InlineTip.propTypes = {
|
|
159
152
|
* directly below the content. This component comes with pre-styled
|
160
153
|
* elements available to use: `InlineTipLink` and `InlineTipButton`.
|
161
154
|
*/
|
162
|
-
action: index
|
155
|
+
action: index.default.node,
|
163
156
|
/**
|
164
157
|
* Provide the contents of the InlineTip.
|
165
158
|
*/
|
166
|
-
children: index
|
159
|
+
children: index.default.node.isRequired,
|
167
160
|
/**
|
168
161
|
* Provide an optional class to be applied to the containing node.
|
169
162
|
*/
|
170
|
-
className: index
|
163
|
+
className: index.default.string,
|
171
164
|
/**
|
172
165
|
* Tooltip text and aria label for the Close button icon.
|
173
166
|
*/
|
174
|
-
closeIconDescription: index
|
167
|
+
closeIconDescription: index.default.string,
|
175
168
|
/**
|
176
169
|
* The label for the collapse button.
|
177
170
|
* This button is not visible if `media` is specified.
|
178
171
|
*/
|
179
|
-
collapseButtonLabel: index
|
172
|
+
collapseButtonLabel: index.default.string,
|
180
173
|
/**
|
181
174
|
* If set to `true`, it will truncate the body text to
|
182
175
|
* one line and expose an expand/collapse button toggle.
|
183
176
|
*
|
184
177
|
* This feature is disabled if `media` is specified.
|
185
178
|
*/
|
186
|
-
collapsible: index
|
179
|
+
collapsible: index.default.bool,
|
187
180
|
/**
|
188
181
|
* The label for the expand button.
|
189
182
|
* This button is not visible if `media` is specified.
|
190
183
|
*/
|
191
|
-
expandButtonLabel: index
|
184
|
+
expandButtonLabel: index.default.string,
|
192
185
|
/**
|
193
186
|
* The object describing an image in one of two shapes.
|
194
187
|
* - If a single media element is required, use `{render}`.
|
@@ -197,33 +190,33 @@ exports.InlineTip.propTypes = {
|
|
197
190
|
* Enabling `media` disables the `collapsible` feature.
|
198
191
|
*/
|
199
192
|
/**@ts-ignore*/
|
200
|
-
media: index
|
201
|
-
render: index
|
202
|
-
}), index
|
203
|
-
filePaths: index
|
193
|
+
media: index.default.oneOfType([index.default.shape({
|
194
|
+
render: index.default.func
|
195
|
+
}), index.default.shape({
|
196
|
+
filePaths: index.default.string
|
204
197
|
})]),
|
205
198
|
/**
|
206
199
|
* Set to `true` to arrange the information in a format
|
207
200
|
* that is easier to read in a limited space.
|
208
201
|
*/
|
209
|
-
narrow: index
|
202
|
+
narrow: index.default.bool,
|
210
203
|
/**
|
211
204
|
* Function to call when the tertiary button is clicked.
|
212
205
|
*/
|
213
|
-
onClick: index
|
206
|
+
onClick: index.default.func,
|
214
207
|
/**
|
215
208
|
* Function to call when the InlineTip is closed via the "X" button.
|
216
209
|
*/
|
217
|
-
onClose: index
|
210
|
+
onClose: index.default.func,
|
218
211
|
/**
|
219
212
|
* Defining the label will show a the tertiary button with the crossroads icon.
|
220
213
|
* You will still need to define the `onClose` method to trigger a callback.
|
221
214
|
*/
|
222
|
-
tertiaryButtonLabel: index
|
215
|
+
tertiaryButtonLabel: index.default.string,
|
223
216
|
/**
|
224
217
|
* The title of the InlineTip.
|
225
218
|
*/
|
226
|
-
title: index
|
219
|
+
title: index.default.string.isRequired,
|
227
220
|
/**
|
228
221
|
* If true, insert 1 rem of "space" on the left of the component.
|
229
222
|
* This will allow the component's content to line up with other
|
@@ -231,5 +224,5 @@ exports.InlineTip.propTypes = {
|
|
231
224
|
*
|
232
225
|
* This will only be applied when `narrow` is false.
|
233
226
|
*/
|
234
|
-
withLeftGutter: index
|
227
|
+
withLeftGutter: index.default.bool
|
235
228
|
};
|
@@ -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 react = require('@carbon/react');
|
@@ -17,11 +15,6 @@ var cx = require('classnames');
|
|
17
15
|
var devtools = require('../../global/js/utils/devtools.js');
|
18
16
|
var settings = require('../../settings.js');
|
19
17
|
|
20
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
21
|
-
|
22
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
23
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
24
|
-
|
25
18
|
var _excluded = ["children", "className"];
|
26
19
|
|
27
20
|
// The block part of our conventional BEM class names (blockClass__E--M).
|
@@ -33,12 +26,12 @@ var componentName = 'InlineTipButton';
|
|
33
26
|
/**
|
34
27
|
* This is a standard Carbon button, styled specifically for use inside InlineTip.
|
35
28
|
*/
|
36
|
-
exports.InlineTipButton = /*#__PURE__*/
|
29
|
+
exports.InlineTipButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
37
30
|
var children = _ref.children,
|
38
31
|
className = _ref.className,
|
39
32
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
40
|
-
return /*#__PURE__*/
|
41
|
-
className:
|
33
|
+
return /*#__PURE__*/React.createElement(react.Button, _rollupPluginBabelHelpers.extends({}, rest, {
|
34
|
+
className: cx(blockClass, className),
|
42
35
|
ref: ref
|
43
36
|
}, devtools.getDevtoolsProps(componentName), {
|
44
37
|
size: "md",
|
@@ -51,11 +44,11 @@ exports.InlineTipButton.propTypes = {
|
|
51
44
|
/**
|
52
45
|
* Provide the contents of the InlineTipButton.
|
53
46
|
*/
|
54
|
-
children: index
|
47
|
+
children: index.default.node.isRequired,
|
55
48
|
/**
|
56
49
|
* Provide an optional class to be applied to the containing node.
|
57
50
|
*/
|
58
|
-
className: index
|
51
|
+
className: index.default.string
|
59
52
|
|
60
53
|
/* TODO: add types and DocGen for all props. */
|
61
54
|
};
|
@@ -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 icons = require('@carbon/react/icons');
|
@@ -18,11 +16,6 @@ var cx = require('classnames');
|
|
18
16
|
var devtools = require('../../global/js/utils/devtools.js');
|
19
17
|
var settings = require('../../settings.js');
|
20
18
|
|
21
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
22
|
-
|
23
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
24
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
25
|
-
|
26
19
|
var _Launch;
|
27
20
|
var _excluded = ["children", "className"];
|
28
21
|
|
@@ -35,16 +28,16 @@ var componentName = 'InlineTipLink';
|
|
35
28
|
/**
|
36
29
|
* This is a standard Carbon link, styled specifically for use inside InlineTip.
|
37
30
|
*/
|
38
|
-
exports.InlineTipLink = /*#__PURE__*/
|
31
|
+
exports.InlineTipLink = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
39
32
|
var children = _ref.children,
|
40
33
|
className = _ref.className,
|
41
34
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
42
|
-
return /*#__PURE__*/
|
43
|
-
className:
|
35
|
+
return /*#__PURE__*/React.createElement(react.Link, _rollupPluginBabelHelpers.extends({}, rest, {
|
36
|
+
className: cx(blockClass, className),
|
44
37
|
ref: ref
|
45
38
|
}, devtools.getDevtoolsProps(componentName), {
|
46
39
|
renderIcon: function renderIcon() {
|
47
|
-
return _Launch || (_Launch = /*#__PURE__*/
|
40
|
+
return _Launch || (_Launch = /*#__PURE__*/React.createElement(icons.Launch, {
|
48
41
|
size: 16
|
49
42
|
}));
|
50
43
|
}
|
@@ -56,11 +49,11 @@ exports.InlineTipLink.propTypes = {
|
|
56
49
|
/**
|
57
50
|
* Provide the contents of the InlineTipLink.
|
58
51
|
*/
|
59
|
-
children: index
|
52
|
+
children: index.default.node.isRequired,
|
60
53
|
/**
|
61
54
|
* Provide an optional class to be applied to the containing node.
|
62
55
|
*/
|
63
|
-
className: index
|
56
|
+
className: index.default.string
|
64
57
|
|
65
58
|
/* TODO: add types and DocGen for all props. */
|
66
59
|
};
|
@@ -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
|
|
14
12
|
/**
|
@@ -24,7 +22,7 @@ var getComponentText = function getComponentText(reactNode) {
|
|
24
22
|
if (Array.isArray(reactNode)) {
|
25
23
|
var joinedNodes = [];
|
26
24
|
reactNode.forEach(function (node) {
|
27
|
-
if (_rollupPluginBabelHelpers
|
25
|
+
if (_rollupPluginBabelHelpers.typeof(node) === 'object') {
|
28
26
|
joinedNodes.push(getComponentText(node));
|
29
27
|
} else if (typeof node === 'string') {
|
30
28
|
joinedNodes.push(node);
|
@@ -39,7 +37,7 @@ var getComponentText = function getComponentText(reactNode) {
|
|
39
37
|
return ' ';
|
40
38
|
}
|
41
39
|
}
|
42
|
-
if (_rollupPluginBabelHelpers
|
40
|
+
if (_rollupPluginBabelHelpers.typeof(tmpChildren) === 'object') {
|
43
41
|
return getComponentText(reactNode.props.children);
|
44
42
|
}
|
45
43
|
if (typeof tmpChildren === 'string') {
|