@carbon/ibm-products 2.43.2-canary.257 → 2.43.2-canary.261
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/index-full-carbon.css +1 -0
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -1
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +1 -0
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -1
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +1 -0
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -1
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +1 -0
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/es/components/ActionBar/ActionBarOverflowItems.js +5 -0
- package/es/components/AddSelect/AddSelectBody.js +1 -1
- package/es/components/BigNumbers/BigNumbers.js +1 -1
- package/es/components/Coachmark/utils/enums.js +1 -0
- package/es/components/ScrollGradient/ScrollGradient.js +1 -1
- package/es/components/StringFormatter/StringFormatter.js +1 -1
- package/es/global/js/utils/devtools.js +1 -2
- package/lib/_virtual/_commonjsHelpers.js +0 -2
- package/lib/_virtual/_rollupPluginBabelHelpers.js +2 -4
- package/lib/_virtual/index.js +0 -2
- package/lib/components/APIKeyModal/APIKeyDownloader.js +8 -14
- package/lib/components/APIKeyModal/APIKeyModal.js +70 -77
- package/lib/components/AboutModal/AboutModal.js +29 -36
- package/lib/components/ActionBar/ActionBar.js +26 -33
- package/lib/components/ActionBar/ActionBarItem.js +9 -16
- package/lib/components/ActionBar/ActionBarOverflowItems.js +23 -25
- package/lib/components/ActionSet/ActionSet.js +17 -24
- package/lib/components/AddSelect/AddSelect.js +62 -68
- package/lib/components/AddSelect/AddSelectBody.js +82 -89
- package/lib/components/AddSelect/AddSelectBreadcrumbs.js +6 -13
- package/lib/components/AddSelect/AddSelectColumn.js +29 -35
- package/lib/components/AddSelect/AddSelectFilter.js +30 -37
- package/lib/components/AddSelect/AddSelectFormControl.js +15 -21
- package/lib/components/AddSelect/AddSelectList.js +9 -16
- package/lib/components/AddSelect/AddSelectMetaPanel.js +16 -22
- package/lib/components/AddSelect/AddSelectRow.js +32 -39
- package/lib/components/AddSelect/AddSelectSidebar.js +29 -35
- package/lib/components/AddSelect/AddSelectSort.js +10 -16
- package/lib/components/AddSelect/add-select-utils.js +0 -2
- package/lib/components/AddSelect/hooks/useFocus.js +1 -1
- package/lib/components/AddSelect/hooks/useItemSort.js +0 -2
- package/lib/components/AddSelect/hooks/useParentSelect.js +1 -1
- package/lib/components/AddSelect/hooks/usePath.js +1 -1
- package/lib/components/BigNumbers/BigNumbers.js +39 -46
- package/lib/components/BigNumbers/constants.js +0 -2
- package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +35 -42
- package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +22 -29
- package/lib/components/Card/Card.js +73 -80
- package/lib/components/Card/CardFooter.js +28 -35
- package/lib/components/Card/CardHeader.js +37 -44
- package/lib/components/Carousel/Carousel.js +21 -28
- package/lib/components/Carousel/CarouselItem.js +5 -12
- package/lib/components/Cascade/Cascade.js +15 -22
- package/lib/components/Checklist/Checklist.js +50 -57
- package/lib/components/Checklist/Checklist.types.js +0 -2
- package/lib/components/Checklist/ChecklistChart.js +7 -15
- package/lib/components/Checklist/ChecklistIcon.js +7 -14
- package/lib/components/Coachmark/Coachmark.js +24 -31
- package/lib/components/Coachmark/CoachmarkDragbar.js +12 -19
- package/lib/components/Coachmark/CoachmarkHeader.js +9 -16
- package/lib/components/Coachmark/CoachmarkOverlay.js +14 -21
- package/lib/components/Coachmark/CoachmarkTagline.js +12 -19
- package/lib/components/Coachmark/utils/constants.js +0 -2
- package/lib/components/Coachmark/utils/context.js +0 -2
- package/lib/components/Coachmark/utils/enums.js +1 -2
- package/lib/components/Coachmark/utils/hooks.js +0 -2
- package/lib/components/CoachmarkBeacon/CoachmarkBeacon.js +10 -17
- package/lib/components/CoachmarkButton/CoachmarkButton.js +6 -13
- package/lib/components/CoachmarkFixed/CoachmarkFixed.js +13 -20
- package/lib/components/CoachmarkOverlayElement/CoachmarkOverlayElement.js +11 -18
- package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +25 -32
- package/lib/components/CoachmarkStack/CoachmarkStack.js +23 -30
- package/lib/components/CoachmarkStack/CoachmarkStackHome.js +29 -36
- package/lib/components/ComboButton/ComboButton.js +11 -18
- package/lib/components/ComboButton/ComboButtonItem/index.js +2 -8
- package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +34 -39
- package/lib/components/ConditionBuilder/ConditionBuilder.js +49 -56
- package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +18 -23
- package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +15 -20
- package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +20 -27
- package/lib/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +8 -12
- package/lib/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +4 -8
- package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +38 -42
- package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +25 -31
- package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +0 -2
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +17 -23
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +9 -15
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +5 -11
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +13 -19
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +17 -23
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js +6 -12
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.js +9 -15
- package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +27 -32
- package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +25 -30
- package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.js +0 -2
- package/lib/components/ConditionBuilder/utils/useDataConfigs.js +0 -2
- package/lib/components/ConditionBuilder/utils/useTranslations.js +0 -2
- package/lib/components/ConditionBuilder/utils/util.js +0 -2
- package/lib/components/CreateFullPage/CreateFullPage.js +44 -51
- package/lib/components/CreateFullPage/CreateFullPageStep.js +22 -29
- package/lib/components/CreateInfluencer/CreateInfluencer.js +15 -22
- package/lib/components/CreateModal/CreateModal.js +22 -29
- package/lib/components/CreateSidePanel/CreateSidePanel.js +24 -31
- package/lib/components/CreateTearsheet/CreateTearsheet.js +26 -33
- package/lib/components/CreateTearsheet/CreateTearsheetDivider.js +3 -10
- package/lib/components/CreateTearsheet/CreateTearsheetStep.js +31 -38
- package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +24 -31
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +37 -44
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +54 -61
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +37 -44
- package/lib/components/DataSpreadsheet/hooks/useMoveActiveCell.js +0 -2
- package/lib/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +0 -2
- package/lib/components/DataSpreadsheet/hooks/useResetSpreadsheetFocus.js +0 -2
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +0 -2
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +0 -2
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +0 -2
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +0 -2
- package/lib/components/DataSpreadsheet/utils/checkActiveHeaderCell.js +0 -2
- package/lib/components/DataSpreadsheet/utils/checkForHoldingKey.js +0 -2
- package/lib/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +0 -2
- package/lib/components/DataSpreadsheet/utils/commonEventHandlers.js +1 -3
- package/lib/components/DataSpreadsheet/utils/createActiveCellFn.js +0 -2
- package/lib/components/DataSpreadsheet/utils/createCellSelectionArea.js +0 -2
- package/lib/components/DataSpreadsheet/utils/getCellSize.js +0 -2
- package/lib/components/DataSpreadsheet/utils/getSelectionAreaPoints.js +0 -2
- package/lib/components/DataSpreadsheet/utils/getSpreadsheetWidth.js +0 -2
- package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +0 -2
- package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionTab.js +0 -2
- package/lib/components/DataSpreadsheet/utils/handleCellDeletion.js +0 -2
- package/lib/components/DataSpreadsheet/utils/handleEditSubmit.js +1 -3
- package/lib/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +1 -3
- package/lib/components/DataSpreadsheet/utils/handleMultipleKeys.js +2 -4
- package/lib/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +0 -2
- package/lib/components/DataSpreadsheet/utils/removeCellSelections.js +0 -2
- package/lib/components/DataSpreadsheet/utils/selectAllCells.js +1 -3
- package/lib/components/Datagrid/Datagrid/Datagrid.js +9 -16
- package/lib/components/Datagrid/Datagrid/DatagridBody.js +5 -9
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +43 -50
- package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +4 -8
- package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +6 -11
- package/lib/components/Datagrid/Datagrid/DatagridHead.js +2 -6
- package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +12 -17
- package/lib/components/Datagrid/Datagrid/DatagridRefBody.js +3 -8
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +12 -17
- package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +4 -11
- package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +18 -23
- package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +3 -8
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +14 -19
- package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +5 -9
- package/lib/components/Datagrid/Datagrid/DraggableElement.js +17 -22
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +11 -12
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +10 -11
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +25 -31
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +18 -22
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +7 -13
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +3 -7
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js +1 -7
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +34 -39
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +42 -47
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +5 -11
- package/lib/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.js +11 -15
- package/lib/components/Datagrid/Datagrid/addons/Filtering/constants.js +0 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/handleCheckboxChange.js +0 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +16 -20
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +2 -6
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useSubscribeToEventEmitter.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/motion/variants.js +0 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js +0 -2
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +18 -25
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +32 -39
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js +2 -8
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/getCellIdAsObject.js +0 -2
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +0 -2
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridFocus.js +0 -2
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +0 -2
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +0 -2
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +12 -17
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +11 -16
- package/lib/components/Datagrid/Datagrid/addons/Slug/DatagridSlug.js +2 -8
- package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +0 -2
- package/lib/components/Datagrid/common-column-ids.js +0 -2
- package/lib/components/Datagrid/useActionsColumn.js +12 -17
- package/lib/components/Datagrid/useColumnCenterAlign.js +4 -9
- package/lib/components/Datagrid/useColumnRightAlign.js +4 -9
- package/lib/components/Datagrid/useCustomizeColumns.js +6 -7
- package/lib/components/Datagrid/useDatagrid.js +4 -8
- package/lib/components/Datagrid/useDefaultStringRenderer.js +5 -10
- package/lib/components/Datagrid/useDisableSelectRows.js +1 -1
- package/lib/components/Datagrid/useEditableCell.js +2 -2
- package/lib/components/Datagrid/useExpandedRow.js +3 -3
- package/lib/components/Datagrid/useFiltering.js +5 -5
- package/lib/components/Datagrid/useFlexResize.js +1 -1
- package/lib/components/Datagrid/useFloatingScroll.js +2 -6
- package/lib/components/Datagrid/useFocusRowExpander.js +0 -2
- package/lib/components/Datagrid/useInfiniteScroll.js +4 -8
- package/lib/components/Datagrid/useInitialColumnSort.js +0 -2
- package/lib/components/Datagrid/useInlineEdit.js +7 -12
- package/lib/components/Datagrid/useNestedRowExpander.js +5 -10
- package/lib/components/Datagrid/useNestedRows.js +3 -7
- package/lib/components/Datagrid/useOnRowClick.js +1 -1
- package/lib/components/Datagrid/useParentDimensions.js +1 -1
- package/lib/components/Datagrid/useResizeTable.js +1 -1
- package/lib/components/Datagrid/useRowExpander.js +5 -10
- package/lib/components/Datagrid/useRowIsMouseOver.js +2 -6
- package/lib/components/Datagrid/useRowRenderer.js +2 -2
- package/lib/components/Datagrid/useRowSize.js +2 -2
- package/lib/components/Datagrid/useSelectAllToggle.js +3 -8
- package/lib/components/Datagrid/useSelectRows.js +6 -11
- package/lib/components/Datagrid/useSkeletonRows.js +1 -1
- package/lib/components/Datagrid/useSortableColumns.js +8 -13
- package/lib/components/Datagrid/useStickyColumn.js +4 -9
- package/lib/components/Datagrid/utils/getAutoSizedColumnWidth.js +0 -2
- package/lib/components/Decorator/Decorator.js +16 -22
- package/lib/components/DecoratorBase/DecoratorBase.js +41 -48
- package/lib/components/DecoratorBase/DecoratorIcon.js +6 -13
- package/lib/components/DecoratorBase/utils.js +0 -2
- package/lib/components/DecoratorDualButton/DecoratorDualButton.js +21 -27
- package/lib/components/DecoratorLink/DecoratorLink.js +19 -25
- package/lib/components/DecoratorSingleButton/DecoratorSingleButton.js +19 -25
- package/lib/components/DelimitedList/DelimitedList.js +7 -14
- package/lib/components/DescriptionList/DescriptionList.js +8 -15
- package/lib/components/DescriptionList/DescriptionListBody.js +5 -12
- package/lib/components/DescriptionList/DescriptionListCell.js +5 -12
- package/lib/components/DescriptionList/DescriptionListRow.js +5 -12
- package/lib/components/DescriptionList/constants.js +0 -2
- package/lib/components/EditFullPage/EditFullPage.js +5 -12
- package/lib/components/EditInPlace/EditInPlace.js +35 -42
- package/lib/components/EditSidePanel/EditSidePanel.js +26 -33
- package/lib/components/EditTearsheet/EditTearsheet.js +24 -31
- package/lib/components/EditTearsheet/EditTearsheetForm.js +16 -23
- package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js +5 -12
- package/lib/components/EditUpdateCards/EditUpdateCards.js +32 -39
- package/lib/components/EmptyStates/EmptyState.js +22 -29
- package/lib/components/EmptyStates/EmptyStateContent.js +18 -25
- package/lib/components/EmptyStates/EmptyStateIllustration.js +3 -7
- package/lib/components/EmptyStates/EmptyStateV2.js +25 -32
- package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +19 -26
- package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +19 -26
- package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +19 -26
- package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +19 -26
- package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +19 -26
- package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +19 -26
- package/lib/components/EmptyStates/assets/ErrorIllustration.js +53 -58
- package/lib/components/EmptyStates/assets/NoDataIllustration.js +43 -48
- package/lib/components/EmptyStates/assets/NoTagsIllustration.js +114 -119
- package/lib/components/EmptyStates/assets/NotFoundIllustration.js +84 -89
- package/lib/components/EmptyStates/assets/NotificationsIllustration.js +81 -86
- package/lib/components/EmptyStates/assets/UnauthorizedIllustration.js +74 -79
- package/lib/components/ExportModal/ExportModal.js +45 -52
- package/lib/components/ExpressiveCard/ExpressiveCard.js +28 -34
- package/lib/components/FeatureFlags/index.js +3 -9
- package/lib/components/FilterPanel/FilterPanel.js +7 -14
- package/lib/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.js +10 -17
- package/lib/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.js +13 -20
- package/lib/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.js +9 -16
- package/lib/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.js +17 -24
- package/lib/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.js +11 -18
- package/lib/components/FilterPanel/FilterPanelLabel/FilterPanelLabel.js +9 -16
- package/lib/components/FilterPanel/FilterPanelSearch/FilterPanelSearch.js +9 -16
- package/lib/components/FilterSummary/FilterSummary.js +22 -28
- package/lib/components/FullPageError/FullPageError.js +21 -28
- package/lib/components/FullPageError/assets/Error403SVG.js +129 -135
- package/lib/components/FullPageError/assets/Error404SVG.js +114 -120
- package/lib/components/FullPageError/assets/ErrorGenericSVG.js +128 -134
- package/lib/components/GetStartedCard/GetStartedCard.js +16 -22
- package/lib/components/Guidebanner/Guidebanner.js +32 -39
- package/lib/components/Guidebanner/GuidebannerElement.js +10 -17
- package/lib/components/Guidebanner/GuidebannerElementButton.js +9 -16
- package/lib/components/Guidebanner/GuidebannerElementLink.js +5 -12
- package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +5 -12
- package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +5 -12
- package/lib/components/HTTPErrors/HTTPErrorContent.js +5 -11
- package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +5 -12
- package/lib/components/HTTPErrors/assets/HTTPErrorSvg403.js +358 -364
- package/lib/components/HTTPErrors/assets/HTTPErrorSvg404.js +309 -315
- package/lib/components/HTTPErrors/assets/HTTPErrorSvgOther.js +321 -327
- package/lib/components/ImportModal/ImportModal.js +48 -55
- package/lib/components/InlineTip/InlineTip.js +38 -45
- package/lib/components/InlineTip/InlineTipButton.js +5 -12
- package/lib/components/InlineTip/InlineTipLink.js +6 -13
- package/lib/components/InlineTip/utils.js +2 -4
- package/lib/components/InterstitialScreen/InterstitialScreen.js +73 -80
- package/lib/components/InterstitialScreenView/InterstitialScreenView.js +6 -13
- package/lib/components/InterstitialScreenViewModule/InterstitialScreenViewModule.js +8 -15
- package/lib/components/MultiAddSelect/MultiAddSelect.js +45 -51
- package/lib/components/Nav/Nav.js +14 -21
- package/lib/components/Nav/NavItem.js +19 -24
- package/lib/components/Nav/NavItemLink.js +4 -8
- package/lib/components/Nav/NavList.js +12 -17
- package/lib/components/NonLinearReading/NonLinearReading.js +12 -19
- package/lib/components/NotificationsPanel/NotificationsPanel.js +91 -98
- package/lib/components/NotificationsPanel/utils.js +0 -2
- package/lib/components/OptionsTile/OptionsTile.js +40 -47
- package/lib/components/PageHeader/PageHeader.js +105 -112
- package/lib/components/PageHeader/PageHeaderTitle.js +23 -30
- package/lib/components/PageHeader/PageHeaderUtils.js +2 -9
- package/lib/components/ProductiveCard/ProductiveCard.js +36 -42
- package/lib/components/RemoveModal/RemoveModal.js +27 -34
- package/lib/components/Saving/Saving.js +27 -34
- package/lib/components/ScrollGradient/ScrollGradient.js +17 -24
- package/lib/components/ScrollGradient/constants.js +0 -2
- package/lib/components/SearchBar/SearchBar.js +22 -29
- package/lib/components/SidePanel/SidePanel.js +66 -73
- package/lib/components/SidePanel/constants.js +0 -2
- package/lib/components/SidePanel/motion/variants.js +0 -2
- package/lib/components/SimpleHeader/SimpleHeader.js +18 -25
- package/lib/components/SingleAddSelect/SingleAddSelect.js +21 -27
- package/lib/components/StatusIcon/StatusIcon.js +52 -59
- package/lib/components/StatusIndicator/StatusIndicator.js +13 -20
- package/lib/components/StatusIndicator/StatusIndicatorStep.js +14 -21
- package/lib/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js +8 -17
- package/lib/components/StringFormatter/StringFormatter.js +12 -19
- package/lib/components/StringFormatter/utils/enums.js +0 -2
- package/lib/components/TagOverflow/TagOverflow.js +26 -33
- package/lib/components/TagOverflow/TagOverflowModal.js +17 -24
- package/lib/components/TagOverflow/TagOverflowPopover.js +22 -29
- package/lib/components/TagOverflow/constants.js +0 -2
- package/lib/components/TagSet/TagSet.js +34 -41
- package/lib/components/TagSet/TagSetModal.js +16 -23
- package/lib/components/TagSet/TagSetOverflow.js +25 -32
- package/lib/components/Tearsheet/Tearsheet.js +23 -29
- package/lib/components/Tearsheet/TearsheetNarrow.js +18 -24
- package/lib/components/Tearsheet/TearsheetShell.js +55 -62
- package/lib/components/Toolbar/Toolbar.js +3 -10
- package/lib/components/Toolbar/ToolbarButton.js +3 -10
- package/lib/components/Toolbar/ToolbarGroup.js +2 -9
- package/lib/components/TooltipTrigger/TooltipTrigger.js +4 -11
- package/lib/components/TruncatedList/TruncatedList.js +15 -22
- package/lib/components/UserAvatar/UserAvatar.js +18 -25
- package/lib/components/UserProfileImage/UserProfileImage.js +24 -31
- package/lib/components/WebTerminal/WebTerminal.js +26 -33
- package/lib/components/WebTerminal/WebTerminalContentWrapper.js +4 -11
- package/lib/components/WebTerminal/hooks/index.js +2 -8
- package/lib/components/_Canary/Canary.js +7 -14
- package/lib/feature-flags.js +3 -4
- package/lib/global/js/hooks/useActiveElement.js +0 -2
- package/lib/global/js/hooks/useClickOutside.js +0 -2
- package/lib/global/js/hooks/useControllableState.js +2 -4
- package/lib/global/js/hooks/useCreateComponentFocus.js +1 -3
- package/lib/global/js/hooks/useCreateComponentStepChange.js +0 -2
- package/lib/global/js/hooks/useFocus.js +1 -3
- package/lib/global/js/hooks/useIsomorphicEffect.js +0 -2
- package/lib/global/js/hooks/usePortalTarget.js +0 -2
- package/lib/global/js/hooks/usePrefersReducedMotion.js +1 -1
- package/lib/global/js/hooks/usePrefix.js +1 -3
- package/lib/global/js/hooks/usePreviousValue.js +0 -2
- package/lib/global/js/hooks/useResetCreateComponent.js +0 -2
- package/lib/global/js/hooks/useResizeObserver.js +0 -2
- package/lib/global/js/hooks/useRetrieveFormTitles.js +0 -2
- package/lib/global/js/hooks/useRetrieveStepData.js +0 -2
- package/lib/global/js/hooks/useValidCreateStepCount.js +0 -2
- package/lib/global/js/hooks/useWindowResize.js +1 -3
- package/lib/global/js/hooks/useWindowScroll.js +1 -3
- package/lib/global/js/package-settings.js +1 -1
- package/lib/global/js/utils/Wrap.js +9 -15
- package/lib/global/js/utils/deepCloneObject.js +1 -3
- package/lib/global/js/utils/devtools.js +0 -2
- package/lib/global/js/utils/getBezierValues.js +0 -2
- package/lib/global/js/utils/getFocusableElements.js +0 -2
- package/lib/global/js/utils/getNodeTextContent.js +1 -3
- package/lib/global/js/utils/getNumberOfHiddenSteps.js +0 -2
- package/lib/global/js/utils/getScrollbarWidth.js +0 -2
- package/lib/global/js/utils/keyboardNavigation.js +0 -2
- package/lib/global/js/utils/lastIndexInArray.js +0 -2
- package/lib/global/js/utils/motionConstants.js +0 -2
- package/lib/global/js/utils/pconsole.js +1 -1
- package/lib/global/js/utils/props-helper.js +10 -12
- package/lib/global/js/utils/rangeWithCallback.js +0 -2
- package/lib/global/js/utils/scrollableAncestor.js +1 -3
- package/lib/global/js/utils/uuidv4.js +1 -1
- package/lib/global/js/utils/wait.js +1 -1
- package/lib/global/js/utils/wrapFocus.js +1 -1
- package/lib/index.js +19 -21
- package/lib/node_modules/@carbon/colors/es/index.js +0 -2
- package/lib/node_modules/@carbon/icon-helpers/es/index.js +3 -5
- package/lib/node_modules/@carbon/icons-react/es/Icon.js +14 -18
- package/lib/node_modules/@carbon/icons-react/es/generated/bucket-2.js +525 -531
- package/lib/node_modules/@carbon/icons-react/es/generated/bucket-9.js +500 -506
- package/lib/node_modules/@carbon/icons-react/es/iconPropTypes-4cbeb95d.js +1 -3
- package/lib/node_modules/object-assign/index.js +0 -2
- package/lib/node_modules/prop-types/checkPropTypes.js +2 -4
- package/lib/node_modules/prop-types/factoryWithThrowingShims.js +0 -2
- package/lib/node_modules/prop-types/factoryWithTypeCheckers.js +4 -10
- package/lib/node_modules/prop-types/index.js +2 -6
- package/lib/node_modules/prop-types/lib/ReactPropTypesSecret.js +0 -2
- package/lib/node_modules/prop-types/lib/has.js +0 -2
- package/lib/settings.js +9 -15
- package/package.json +4 -4
- package/scss/components/SidePanel/_side-panel.scss +1 -0
@@ -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 settings = require('../../settings.js');
|
|
21
19
|
var usePrefersReducedMotion = require('../../global/js/hooks/usePrefersReducedMotion.js');
|
22
20
|
var index$1 = require('./hooks/index.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 _excluded = ["actions", "children", "className", "closeIconDescription", "documentationLinks", "documentationLinksIconDescription", "isInitiallyOpen", "webTerminalAriaLabel"];
|
30
23
|
|
31
24
|
// The block part of our conventional BEM class names (blockClass__E--M).
|
@@ -43,7 +36,7 @@ var defaults = {
|
|
43
36
|
/**
|
44
37
|
* The `WebTerminal` is prompted by the user and is persistent until dismissed. The purpose of a web terminal is to provide users with the ability to type commands manually instead of using the GUI.
|
45
38
|
*/
|
46
|
-
exports.WebTerminal = /*#__PURE__*/
|
39
|
+
exports.WebTerminal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
47
40
|
var _ref$actions = _ref.actions,
|
48
41
|
actions = _ref$actions === void 0 ? defaults.actions : _ref$actions,
|
49
42
|
children = _ref.children,
|
@@ -66,7 +59,7 @@ exports.WebTerminal = /*#__PURE__*/React__default["default"].forwardRef(function
|
|
66
59
|
_useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
|
67
60
|
shouldRender = _useState2[0],
|
68
61
|
setRender = _useState2[1];
|
69
|
-
var shouldReduceMotion = usePrefersReducedMotion
|
62
|
+
var shouldReduceMotion = usePrefersReducedMotion.default();
|
70
63
|
var webTerminalAnimationName = "".concat(open ? 'web-terminal-entrance' : 'web-terminal-exit forwards', " ").concat(carbonMotion.moderate02);
|
71
64
|
var showDocumentationLinks = React.useMemo(function () {
|
72
65
|
return documentationLinks.length > 0;
|
@@ -104,21 +97,21 @@ exports.WebTerminal = /*#__PURE__*/React__default["default"].forwardRef(function
|
|
104
97
|
}
|
105
98
|
closeWebTerminal === null || closeWebTerminal === void 0 || closeWebTerminal();
|
106
99
|
};
|
107
|
-
return shouldRender ? /*#__PURE__*/
|
100
|
+
return shouldRender ? /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), devtools.getDevtoolsProps(componentName)), {
|
108
101
|
ref: ref,
|
109
|
-
className:
|
102
|
+
className: cx([blockClass, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--open"), open), "".concat(blockClass, "--closed"), !open)]),
|
110
103
|
style: {
|
111
104
|
animation: !shouldReduceMotion ? webTerminalAnimationName : ''
|
112
105
|
},
|
113
106
|
onAnimationEnd: onAnimationEnd
|
114
|
-
}), /*#__PURE__*/
|
107
|
+
}), /*#__PURE__*/React.createElement("header", {
|
115
108
|
"aria-label": webTerminalAriaLabel,
|
116
109
|
className: "".concat(blockClass, "__bar")
|
117
|
-
}, /*#__PURE__*/
|
110
|
+
}, /*#__PURE__*/React.createElement("div", {
|
118
111
|
className: "".concat(blockClass, "__actions")
|
119
|
-
}, showDocumentationLinks && /*#__PURE__*/
|
112
|
+
}, showDocumentationLinks && /*#__PURE__*/React.createElement(react.OverflowMenu, {
|
120
113
|
renderIcon: function renderIcon(props) {
|
121
|
-
return /*#__PURE__*/
|
114
|
+
return /*#__PURE__*/React.createElement(icons.Help, _rollupPluginBabelHelpers.extends({
|
122
115
|
size: 16
|
123
116
|
}, props));
|
124
117
|
},
|
@@ -127,15 +120,15 @@ exports.WebTerminal = /*#__PURE__*/React__default["default"].forwardRef(function
|
|
127
120
|
menuOptionsClass: "".concat(blockClass, "__documentation-overflow"),
|
128
121
|
size: "lg"
|
129
122
|
}, documentationLinks.map(function (_ref3, i) {
|
130
|
-
var rest = _rollupPluginBabelHelpers
|
131
|
-
return /*#__PURE__*/
|
123
|
+
var rest = _rollupPluginBabelHelpers.extends({}, (_rollupPluginBabelHelpers.objectDestructuringEmpty(_ref3), _ref3));
|
124
|
+
return /*#__PURE__*/React.createElement(react.OverflowMenuItem, _rollupPluginBabelHelpers.extends({
|
132
125
|
key: i
|
133
126
|
}, rest));
|
134
127
|
})), actions.map(function (_ref4) {
|
135
128
|
var renderIcon = _ref4.renderIcon,
|
136
129
|
onClick = _ref4.onClick,
|
137
130
|
iconDescription = _ref4.iconDescription;
|
138
|
-
return /*#__PURE__*/
|
131
|
+
return /*#__PURE__*/React.createElement(react.Button, {
|
139
132
|
key: iconDescription,
|
140
133
|
hasIconOnly: true,
|
141
134
|
renderIcon: renderIcon,
|
@@ -144,10 +137,10 @@ exports.WebTerminal = /*#__PURE__*/React__default["default"].forwardRef(function
|
|
144
137
|
kind: "ghost",
|
145
138
|
"aria-label": iconDescription
|
146
139
|
});
|
147
|
-
})), /*#__PURE__*/
|
140
|
+
})), /*#__PURE__*/React.createElement(react.Button, {
|
148
141
|
hasIconOnly: true,
|
149
142
|
renderIcon: function renderIcon(props) {
|
150
|
-
return /*#__PURE__*/
|
143
|
+
return /*#__PURE__*/React.createElement(icons.Close, _rollupPluginBabelHelpers.extends({
|
151
144
|
size: 16
|
152
145
|
}, props));
|
153
146
|
},
|
@@ -157,9 +150,9 @@ exports.WebTerminal = /*#__PURE__*/React__default["default"].forwardRef(function
|
|
157
150
|
onAnimationEnd: function onAnimationEnd(event) {
|
158
151
|
return event.stopPropagation();
|
159
152
|
}
|
160
|
-
})), /*#__PURE__*/
|
153
|
+
})), /*#__PURE__*/React.createElement(react.Theme, {
|
161
154
|
theme: "g100"
|
162
|
-
}, /*#__PURE__*/
|
155
|
+
}, /*#__PURE__*/React.createElement("div", {
|
163
156
|
className: "".concat(blockClass, "__body")
|
164
157
|
}, children))) : null;
|
165
158
|
});
|
@@ -179,37 +172,37 @@ exports.WebTerminal.propTypes = {
|
|
179
172
|
* An array of actions to be displayed in the web terminal header bar
|
180
173
|
*/
|
181
174
|
/**@ts-ignore */
|
182
|
-
actions: index
|
183
|
-
renderIcon: index
|
184
|
-
onClick: index
|
185
|
-
iconDescription: index
|
175
|
+
actions: index.default.arrayOf(index.default.shape({
|
176
|
+
renderIcon: index.default.func.isRequired,
|
177
|
+
onClick: index.default.func.isRequired,
|
178
|
+
iconDescription: index.default.string.isRequired
|
186
179
|
})),
|
187
180
|
/**
|
188
181
|
* Provide your own terminal component as children to show up in the web terminal
|
189
182
|
*/
|
190
|
-
children: index
|
183
|
+
children: index.default.oneOfType([index.default.arrayOf(index.default.node), index.default.node]).isRequired,
|
191
184
|
/**
|
192
185
|
* Custom classname for additional styling of the web terminal
|
193
186
|
*/
|
194
|
-
className: index
|
187
|
+
className: index.default.string,
|
195
188
|
/**
|
196
189
|
* Icon description for the close button
|
197
190
|
*/
|
198
|
-
closeIconDescription: index
|
191
|
+
closeIconDescription: index.default.string.isRequired,
|
199
192
|
/**
|
200
193
|
* Array of objects for each documentation link. Each documentation link uses the prop types of OverflowMenuItems. See more: https://react.carbondesignsystem.com/?path=/docs/components-overflowmenu--default
|
201
194
|
*/
|
202
|
-
documentationLinks: index
|
195
|
+
documentationLinks: index.default.arrayOf(index.default.shape(_rollupPluginBabelHelpers.objectSpread2({}, react.OverflowMenuItem.propTypes))),
|
203
196
|
/**
|
204
197
|
* Description for the documentation link overflow menu tooltip
|
205
198
|
*/
|
206
|
-
documentationLinksIconDescription: index
|
199
|
+
documentationLinksIconDescription: index.default.string,
|
207
200
|
/**
|
208
201
|
* Optionally pass if the web terminal should be open by default
|
209
202
|
*/
|
210
|
-
isInitiallyOpen: index
|
203
|
+
isInitiallyOpen: index.default.bool,
|
211
204
|
/**
|
212
205
|
* Specifies aria label for Web terminal
|
213
206
|
*/
|
214
|
-
webTerminalAriaLabel: index
|
207
|
+
webTerminalAriaLabel: index.default.string
|
215
208
|
};
|
@@ -7,8 +7,6 @@
|
|
7
7
|
|
8
8
|
'use strict';
|
9
9
|
|
10
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
11
|
-
|
12
10
|
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
13
11
|
var React = require('react');
|
14
12
|
var index = require('../../node_modules/prop-types/index.js');
|
@@ -16,24 +14,19 @@ var cx = require('classnames');
|
|
16
14
|
var settings = require('../../settings.js');
|
17
15
|
var index$1 = require('./hooks/index.js');
|
18
16
|
|
19
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
20
|
-
|
21
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
22
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
23
|
-
|
24
17
|
var _excluded = ["children"];
|
25
18
|
|
26
19
|
// The block part of our conventional BEM class names (blockClass__E--M).
|
27
20
|
var componentName = 'WebTerminalContentWrapper';
|
28
21
|
var blockClass = "".concat(settings.pkg.prefix, "--web-terminal-content-wrapper");
|
29
|
-
exports.WebTerminalContentWrapper = /*#__PURE__*/
|
22
|
+
exports.WebTerminalContentWrapper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
30
23
|
var children = _ref.children,
|
31
24
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
32
25
|
var _useWebTerminal = index$1.useWebTerminal(),
|
33
26
|
open = _useWebTerminal.open;
|
34
|
-
return /*#__PURE__*/
|
27
|
+
return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
|
35
28
|
ref: ref,
|
36
|
-
className:
|
29
|
+
className: cx([blockClass, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--open"), open)])
|
37
30
|
}, rest), children);
|
38
31
|
});
|
39
32
|
|
@@ -51,5 +44,5 @@ exports.WebTerminalContentWrapper.propTypes = {
|
|
51
44
|
/**
|
52
45
|
* Pass in content as children.
|
53
46
|
*/
|
54
|
-
children: index
|
47
|
+
children: index.default.oneOfType([index.default.arrayOf(index.default.node), index.default.node]).isRequired
|
55
48
|
};
|
@@ -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 WebTerminalContext = /*#__PURE__*/React.createContext({});
|
22
16
|
var componentName = 'WebTerminalProvider';
|
23
17
|
exports.WebTerminalProvider = function WebTerminalProvider(_ref) {
|
@@ -35,7 +29,7 @@ exports.WebTerminalProvider = function WebTerminalProvider(_ref) {
|
|
35
29
|
var toggleWebTerminal = React.useCallback(function () {
|
36
30
|
return setOpen(!open);
|
37
31
|
}, [open]);
|
38
|
-
return /*#__PURE__*/
|
32
|
+
return /*#__PURE__*/React.createElement(WebTerminalContext.Provider, {
|
39
33
|
value: {
|
40
34
|
open: open,
|
41
35
|
openWebTerminal: openWebTerminal,
|
@@ -51,7 +45,7 @@ exports.WebTerminalProvider.propTypes = {
|
|
51
45
|
/**
|
52
46
|
* Provide your own terminal component as children to show up in the web terminal
|
53
47
|
*/
|
54
|
-
children: index
|
48
|
+
children: index.default.oneOfType([index.default.arrayOf(index.default.node), index.default.node]).isRequired
|
55
49
|
};
|
56
50
|
|
57
51
|
// Custom hook that exposes the provided value from context
|
@@ -7,8 +7,6 @@
|
|
7
7
|
|
8
8
|
'use strict';
|
9
9
|
|
10
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
11
|
-
|
12
10
|
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
13
11
|
var React = require('react');
|
14
12
|
var index = require('../../node_modules/prop-types/index.js');
|
@@ -16,16 +14,11 @@ var cx = require('classnames');
|
|
16
14
|
var packageSettings = require('../../global/js/package-settings.js');
|
17
15
|
var react = require('@carbon/react');
|
18
16
|
|
19
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
20
|
-
|
21
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
22
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
23
|
-
|
24
17
|
var _p, _br, _p2, _br2, _p3;
|
25
18
|
var _excluded = ["className", "componentName"];
|
26
19
|
|
27
20
|
// The block part of our conventional BEM class names (blockClass__E--M).
|
28
|
-
var blockClass = "".concat(packageSettings
|
21
|
+
var blockClass = "".concat(packageSettings.default.prefix, "--canary");
|
29
22
|
|
30
23
|
/**
|
31
24
|
* Canary component used when the component requested is not yet production
|
@@ -35,19 +28,19 @@ var Canary = function Canary(_ref /*, originalArgs*/) {
|
|
35
28
|
componentName = _ref.componentName,
|
36
29
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
37
30
|
var instructions = "\nimport { pkg } from '@carbon/ibm-products';\n// NOTE: must happen before component is first used\npkg.component.".concat(componentName, " = true;\n");
|
38
|
-
return /*#__PURE__*/
|
39
|
-
className:
|
40
|
-
}), /*#__PURE__*/
|
31
|
+
return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
|
32
|
+
className: cx(blockClass, className)
|
33
|
+
}), /*#__PURE__*/React.createElement("h2", null, "This component ", /*#__PURE__*/React.createElement("strong", null, componentName), " is not ready yet."), _p || (_p = /*#__PURE__*/React.createElement("p", null, "To enable it, initialize package flags before the component is first used.")), _br || (_br = /*#__PURE__*/React.createElement("br", null)), _p2 || (_p2 = /*#__PURE__*/React.createElement("p", null, "e.g. in main.js")), /*#__PURE__*/React.createElement(react.CodeSnippet, {
|
41
34
|
type: "multi"
|
42
|
-
}, instructions), _br2 || (_br2 = /*#__PURE__*/
|
35
|
+
}, instructions), _br2 || (_br2 = /*#__PURE__*/React.createElement("br", null)), _p3 || (_p3 = /*#__PURE__*/React.createElement("p", null, "View a live example on", ' ', /*#__PURE__*/React.createElement("a", {
|
43
36
|
href: "https://codesandbox.io/s/example-component-olif5?file=/src/config.js"
|
44
37
|
}, "codesandbox"), ".")));
|
45
38
|
};
|
46
39
|
Canary.propTypes = {
|
47
40
|
/** Provide an optional class to be applied to the containing node */
|
48
|
-
className: index
|
41
|
+
className: index.default.string,
|
49
42
|
/** Name of the component that is not ready yet */
|
50
|
-
componentName: index
|
43
|
+
componentName: index.default.string.isRequired
|
51
44
|
};
|
52
45
|
|
53
46
|
exports.Canary = Canary;
|
package/lib/feature-flags.js
CHANGED
@@ -9,8 +9,7 @@
|
|
9
9
|
|
10
10
|
var FeatureFlags = require('@carbon/feature-flags');
|
11
11
|
|
12
|
-
function
|
13
|
-
if (e && e.__esModule) return e;
|
12
|
+
function _interopNamespaceDefault(e) {
|
14
13
|
var n = Object.create(null);
|
15
14
|
if (e) {
|
16
15
|
Object.keys(e).forEach(function (k) {
|
@@ -23,11 +22,11 @@ function _interopNamespace(e) {
|
|
23
22
|
}
|
24
23
|
});
|
25
24
|
}
|
26
|
-
n
|
25
|
+
n.default = e;
|
27
26
|
return Object.freeze(n);
|
28
27
|
}
|
29
28
|
|
30
|
-
var FeatureFlags__namespace = /*#__PURE__*/
|
29
|
+
var FeatureFlags__namespace = /*#__PURE__*/_interopNamespaceDefault(FeatureFlags);
|
31
30
|
|
32
31
|
FeatureFlags__namespace.merge({
|
33
32
|
'default-portal-target-body': true,
|
@@ -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 pconsole = require('../utils/pconsole.js');
|
@@ -62,13 +60,13 @@ function useControllableState(_ref) {
|
|
62
60
|
// Uncontrolled -> Controlled
|
63
61
|
// If the component prop is uncontrolled, the prop value should be undefined
|
64
62
|
if (controlled.current === false && controlledValue) {
|
65
|
-
pconsole
|
63
|
+
pconsole.default.warn("A component is changing an uncontrolled %s component to be controlled.\n This is likely caused by the value changing to a defined value\n from undefined. Decide between using a controlled or uncontrolled\n value for the lifetime of the component.\n More info: https://reactjs.org/link/controlled-components");
|
66
64
|
}
|
67
65
|
|
68
66
|
// Controlled -> Uncontrolled
|
69
67
|
// If the component prop is controlled, the prop value should be defined
|
70
68
|
if (controlled.current === true && !controlledValue) {
|
71
|
-
pconsole
|
69
|
+
pconsole.default.warn("A component is changing a controlled %s component to be uncontrolled.\n 'This is likely caused by the value changing to an undefined value\n 'from a defined one. Decide between using a controlled or\n 'uncontrolled value for the lifetime of the component.\n 'More info: https://reactjs.org/link/controlled-components");
|
72
70
|
}
|
73
71
|
}, [name, value]);
|
74
72
|
if (controlled.current === true) {
|
@@ -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 wait = require('../utils/wait.js');
|
@@ -33,7 +31,7 @@ var useCreateComponentFocus = function useCreateComponentFocus(_ref) {
|
|
33
31
|
while (1) switch (_context.prev = _context.next) {
|
34
32
|
case 0:
|
35
33
|
_context.next = 2;
|
36
|
-
return wait
|
34
|
+
return wait.default(10);
|
37
35
|
case 2:
|
38
36
|
elm.focus();
|
39
37
|
case 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 settings = require('../../../settings.js');
|
@@ -75,7 +73,7 @@ var useFocus = function useFocus(modalRef, selectorPrimaryFocus) {
|
|
75
73
|
// updating the focusable elements list
|
76
74
|
_getFocusable = getFocusable(), first = _getFocusable.first, last = _getFocusable.last, all = _getFocusable.all;
|
77
75
|
_context.next = 4;
|
78
|
-
return wait
|
76
|
+
return wait.default(1);
|
79
77
|
case 4:
|
80
78
|
if (event.shiftKey && !Array.prototype.includes.call(all, (_document = document) === null || _document === void 0 ? void 0 : _document.activeElement)) {
|
81
79
|
// Prevents the default "Tab" behavior
|
@@ -7,8 +7,6 @@
|
|
7
7
|
|
8
8
|
'use strict';
|
9
9
|
|
10
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
11
|
-
|
12
10
|
var React = require('react');
|
13
11
|
|
14
12
|
// Originally from `@carbon/react`, https://github.com/carbon-design-system/carbon/blob/main/packages/react/src/internal/useIsomorphicEffect.js
|
@@ -7,12 +7,10 @@
|
|
7
7
|
|
8
8
|
'use strict';
|
9
9
|
|
10
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
11
|
-
|
12
10
|
var packageSettings = require('../package-settings.js');
|
13
11
|
|
14
12
|
var usePrefix = function usePrefix() {
|
15
|
-
return packageSettings
|
13
|
+
return packageSettings.default.prefix;
|
16
14
|
};
|
17
15
|
|
18
16
|
exports.usePrefix = usePrefix;
|
@@ -7,12 +7,10 @@
|
|
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
|
|
15
|
-
var windowExists = (typeof window === "undefined" ? "undefined" : _rollupPluginBabelHelpers
|
13
|
+
var windowExists = (typeof window === "undefined" ? "undefined" : _rollupPluginBabelHelpers.typeof(window)) !== "undefined";
|
16
14
|
var getWindowSize = function getWindowSize() {
|
17
15
|
if (!windowExists) {
|
18
16
|
return {
|
@@ -7,13 +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 scrollableAncestor = require('../utils/scrollableAncestor.js');
|
15
13
|
|
16
|
-
var windowExists = (typeof window === "undefined" ? "undefined" : _rollupPluginBabelHelpers
|
14
|
+
var windowExists = (typeof window === "undefined" ? "undefined" : _rollupPluginBabelHelpers.typeof(window)) !== "undefined";
|
17
15
|
var useTargetScroll = function useTargetScroll(target, effect, deps, throttleInterval) {
|
18
16
|
var scrollPosition = React.useRef({});
|
19
17
|
var throttleTimeout = React.useRef(null);
|
@@ -7,16 +7,10 @@
|
|
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
|
|
16
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
17
|
-
|
18
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
19
|
-
|
20
14
|
var _excluded = ["alwaysRender", "children", "element", "neverRender", "className", "title"];
|
21
15
|
|
22
16
|
// Examine a flat array of children to decide whether it is effectively empty.
|
@@ -24,7 +18,7 @@ var _excluded = ["alwaysRender", "children", "element", "neverRender", "classNam
|
|
24
18
|
// children are themselves Wrap components that are empty, then return true.
|
25
19
|
var isEmpty = function isEmpty(children) {
|
26
20
|
var result = true;
|
27
|
-
|
21
|
+
React.Children.forEach(children, function (child) {
|
28
22
|
if (child) {
|
29
23
|
var _child$type, _child$props;
|
30
24
|
result && (result = (child === null || child === void 0 || (_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.displayName) === 'Wrap' && isEmpty(child === null || child === void 0 || (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.children));
|
@@ -42,7 +36,7 @@ var isEmpty = function isEmpty(children) {
|
|
42
36
|
* the ref.current will be set to the wrapper element if it renders, and will
|
43
37
|
* remain undefined if it does not render.
|
44
38
|
*/
|
45
|
-
var Wrap = /*#__PURE__*/
|
39
|
+
var Wrap = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
46
40
|
var alwaysRender = _ref.alwaysRender,
|
47
41
|
children = _ref.children,
|
48
42
|
_ref$element = _ref.element,
|
@@ -51,7 +45,7 @@ var Wrap = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref
|
|
51
45
|
className = _ref.className,
|
52
46
|
title = _ref.title,
|
53
47
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
54
|
-
return (neverRender || isEmpty(children)) && !alwaysRender ? null : /*#__PURE__*/
|
48
|
+
return (neverRender || isEmpty(children)) && !alwaysRender ? null : /*#__PURE__*/React.createElement(Wrapper, _rollupPluginBabelHelpers.extends({
|
55
49
|
className: className
|
56
50
|
}, rest, {
|
57
51
|
ref: ref,
|
@@ -66,18 +60,18 @@ Wrap.propTypes = {
|
|
66
60
|
* are some conditions in which the wrapper element is still required. Note
|
67
61
|
* that this prop takes precedence over neverRender if both are set to true.
|
68
62
|
*/
|
69
|
-
alwaysRender: index
|
63
|
+
alwaysRender: index.default.bool,
|
70
64
|
/**
|
71
65
|
* The content of the wrapper element. If no children are supplied, or the
|
72
66
|
* resulting value(s) are falsy, or if all the non-falsy children are Wrap
|
73
67
|
* components that decide not to render, nothing will be rendered in the DOM.
|
74
68
|
*/
|
75
|
-
children: index
|
76
|
-
className: index
|
69
|
+
children: index.default.node,
|
70
|
+
className: index.default.string,
|
77
71
|
/**
|
78
72
|
* The element name or component to use as a wrapper for the content.
|
79
73
|
*/
|
80
|
-
element: index
|
74
|
+
element: index.default.elementType,
|
81
75
|
/**
|
82
76
|
* Specify whether nothing should be rendered even if there are children
|
83
77
|
* in the content. Useful if there are some circumstances in which the
|
@@ -85,11 +79,11 @@ Wrap.propTypes = {
|
|
85
79
|
* set to true then it will take precedence and the wrapper element and
|
86
80
|
* content will be rendered.
|
87
81
|
*/
|
88
|
-
neverRender: index
|
82
|
+
neverRender: index.default.bool,
|
89
83
|
/**
|
90
84
|
* The title attribute the content.
|
91
85
|
*/
|
92
|
-
title: index
|
86
|
+
title: index.default.string
|
93
87
|
};
|
94
88
|
|
95
89
|
exports.Wrap = Wrap;
|