@carbon/ibm-products 1.73.1 → 1.73.3
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 +33 -55
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -14
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +24 -41
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -12
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +26 -49
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -14
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +30 -53
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -14
- package/css/index.min.css.map +1 -1
- package/es/components/APIKeyModal/APIKeyDownloader.js +1 -1
- package/es/components/APIKeyModal/APIKeyModal.js +3 -3
- package/es/components/AboutModal/AboutModal.js +2 -2
- package/es/components/ActionBar/ActionBar.js +4 -4
- package/es/components/ActionBar/ActionBarItem.js +2 -2
- package/es/components/ActionSet/ActionSet.js +5 -6
- package/es/components/AddSelect/AddSelectBody.js +4 -4
- package/es/components/AddSelect/AddSelectColumn.js +5 -4
- package/es/components/AddSelect/AddSelectFilter.js +2 -2
- package/es/components/AddSelect/AddSelectList.js +2 -3
- package/es/components/AddSelect/AddSelectSidebar.js +1 -1
- package/es/components/AddSelect/add-select-utils.js +7 -6
- package/es/components/AddSelect/hooks/usePath.js +2 -2
- package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +4 -5
- package/es/components/ButtonMenu/ButtonMenu.js +0 -1
- package/es/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +5 -5
- package/es/components/Card/Card.js +3 -4
- package/es/components/Card/CardHeader.js +1 -2
- package/es/components/Cascade/Cascade.js +2 -2
- package/es/components/Coachmark/Coachmark.js +1 -1
- package/es/components/CoachmarkBeacon/CoachmarkBeacon.js +2 -3
- package/es/components/CoachmarkFixed/CoachmarkFixed.js +1 -2
- package/es/components/CoachmarkStack/CoachmarkStackHome.js +1 -1
- package/es/components/ComboButton/ComboButton.js +2 -2
- package/es/components/CreateFullPage/CreateFullPageStep.js +3 -4
- package/es/components/CreateInfluencer/CreateInfluencer.js +0 -1
- package/es/components/CreateModal/CreateModal.js +1 -1
- package/es/components/CreateSidePanel/CreateSidePanel.js +2 -2
- package/es/components/CreateTearsheet/CreateTearsheetStep.js +3 -4
- package/es/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +1 -1
- package/es/components/DataSpreadsheet/DataSpreadsheet.js +3 -5
- package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +7 -8
- package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +4 -5
- package/es/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +2 -3
- package/es/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +5 -5
- package/es/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +4 -4
- package/es/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +4 -4
- package/es/components/DataSpreadsheet/utils/createActiveCellFn.js +1 -2
- package/es/components/DataSpreadsheet/utils/createCellSelectionArea.js +0 -1
- package/es/components/DataSpreadsheet/utils/generateData.js +2 -2
- package/es/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +2 -2
- package/es/components/DataSpreadsheet/utils/handleCellDeletion.js +4 -4
- package/es/components/DataSpreadsheet/utils/handleEditSubmit.js +2 -4
- package/es/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +2 -2
- package/es/components/DataSpreadsheet/utils/handleMultipleKeys.js +2 -2
- package/es/components/DataSpreadsheet/utils/selectAllCells.js +2 -2
- package/es/components/Datagrid/Datagrid/DatagridContent.js +1 -2
- package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +4 -5
- package/es/components/Datagrid/Datagrid/DatagridRefBody.js +2 -2
- package/es/components/Datagrid/Datagrid/DatagridRow.js +15 -16
- package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +2 -2
- package/es/components/Datagrid/Datagrid/DatagridSimpleBody.js +2 -2
- package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +2 -3
- package/es/components/Datagrid/Datagrid/DraggableElement.js +1 -2
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +2 -2
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +2 -2
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +1 -2
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +3 -4
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +2 -2
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +11 -11
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +2 -3
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +11 -11
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js +2 -2
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +3 -3
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +5 -5
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +0 -2
- package/es/components/Datagrid/Datagrid/addons/stateReducer.js +5 -5
- package/es/components/Datagrid/Datagrid.stories/common.js +5 -5
- package/es/components/Datagrid/useActionsColumn.js +3 -5
- package/es/components/Datagrid/useColumnCenterAlign.js +2 -2
- package/es/components/Datagrid/useColumnRightAlign.js +2 -2
- package/es/components/Datagrid/useCustomizeColumns.js +2 -2
- package/es/components/Datagrid/useDatagrid.js +2 -2
- package/es/components/Datagrid/useDefaultStringRenderer.js +2 -2
- package/es/components/Datagrid/useDisableSelectRows.js +4 -4
- package/es/components/Datagrid/useExpandedRow.js +2 -2
- package/es/components/Datagrid/useFiltering.js +7 -8
- package/es/components/Datagrid/useFloatingScroll.js +1 -1
- package/es/components/Datagrid/useInitialColumnSort.js +1 -1
- package/es/components/Datagrid/useInlineEdit.js +2 -2
- package/es/components/Datagrid/useNestedRowExpander.js +3 -4
- package/es/components/Datagrid/useNestedRows.js +1 -2
- package/es/components/Datagrid/useRowExpander.js +2 -2
- package/es/components/Datagrid/useRowIsMouseOver.js +2 -2
- package/es/components/Datagrid/useRowRenderer.js +3 -3
- package/es/components/Datagrid/useRowSize.js +2 -2
- package/es/components/Datagrid/useSelectRows.js +4 -5
- package/es/components/Datagrid/useSortableColumns.js +3 -4
- package/es/components/Datagrid/useStickyColumn.js +5 -7
- package/es/components/Datagrid/utils/DatagridPagination.js +0 -1
- package/es/components/Datagrid/utils/filterPropsForTesting.js +2 -3
- package/es/components/Datagrid/utils/makeData.js +5 -5
- package/es/components/EditInPlace/EditInPlace.js +2 -2
- package/es/components/EditSidePanel/EditSidePanel.js +2 -2
- package/es/components/EditTearsheet/EditTearsheetForm.js +1 -2
- package/es/components/EmptyStates/EmptyState.js +2 -2
- package/es/components/EmptyStates/EmptyStateContent.js +2 -2
- package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +2 -2
- package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +2 -2
- package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +2 -2
- package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +2 -2
- package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +2 -2
- package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +2 -2
- package/es/components/ExampleComponent/ExampleComponent.js +2 -2
- package/es/components/ExportModal/ExportModal.js +5 -5
- package/es/components/FilterSummary/FilterSummary.js +3 -3
- package/es/components/HTTPErrors/HTTPErrorContent.js +2 -2
- package/es/components/ImportModal/ImportModal.js +3 -3
- package/es/components/InlineEdit/InlineEdit.js +2 -2
- package/es/components/InlineEditV1/InlineEditV1.js +5 -4
- package/es/components/InlineEditV2/InlineEditV2.js +3 -4
- package/es/components/InlineTip/utils.js +6 -5
- package/es/components/InterstitialScreen/InterstitialScreen.js +4 -5
- package/es/components/InterstitialScreenViewModule/InterstitialScreenViewModule.js +0 -1
- package/es/components/NotificationsPanel/NotificationsPanel.js +2 -3
- package/es/components/PageHeader/PageHeader.js +11 -13
- package/es/components/PageHeader/PageHeaderUtils.js +2 -2
- package/es/components/ProductiveCard/ProductiveCard.js +2 -2
- package/es/components/RemoveModal/RemoveModal.js +2 -2
- package/es/components/Saving/Saving.js +6 -6
- package/es/components/SidePanel/SidePanel.js +17 -18
- package/es/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js +2 -2
- package/es/components/TagSet/TagSet.js +4 -4
- package/es/components/TagSet/TagSetModal.js +5 -5
- package/es/components/TagSet/TagSetOverflow.js +1 -2
- package/es/components/Tearsheet/Tearsheet.js +2 -2
- package/es/components/Tearsheet/TearsheetNarrow.js +2 -2
- package/es/components/Tearsheet/TearsheetShell.js +10 -11
- package/es/components/WebTerminal/WebTerminal.js +3 -4
- package/es/global/js/hooks/useCreateComponentFocus.js +1 -1
- package/es/global/js/hooks/useCreateComponentStepChange.js +3 -3
- package/es/global/js/hooks/useFocus.js +4 -4
- package/es/global/js/hooks/useWindowResize.js +2 -2
- package/es/global/js/package-settings.js +2 -3
- package/es/global/js/utils/Wrap.js +3 -3
- package/es/global/js/utils/deepCloneObject.js +4 -3
- package/es/global/js/utils/getNodeTextContent.js +6 -5
- package/es/global/js/utils/motionConstants.js +0 -1
- package/es/global/js/utils/props-helper.js +3 -3
- package/es/global/js/utils/scrollableAncestor.js +3 -3
- package/es/global/js/utils/test-helper.js +1 -1
- package/es/global/js/utils/unwrap-if-fragment.js +6 -6
- package/lib/components/APIKeyModal/APIKeyDownloader.js +4 -5
- package/lib/components/APIKeyModal/APIKeyModal.js +12 -8
- package/lib/components/AboutModal/AboutModal.js +14 -6
- package/lib/components/ActionBar/ActionBar.js +16 -9
- package/lib/components/ActionBar/ActionBarItem.js +12 -5
- package/lib/components/ActionBar/ActionBarOverflowItems.js +3 -4
- package/lib/components/ActionSet/ActionSet.js +15 -8
- package/lib/components/ActionSet/actions.js +4 -7
- package/lib/components/AddSelect/AddSelect.js +9 -5
- package/lib/components/AddSelect/AddSelectBody.js +13 -9
- package/lib/components/AddSelect/AddSelectBreadcrumbs.js +1 -2
- package/lib/components/AddSelect/AddSelectColumn.js +12 -8
- package/lib/components/AddSelect/AddSelectFilter.js +10 -6
- package/lib/components/AddSelect/AddSelectList.js +3 -5
- package/lib/components/AddSelect/AddSelectMetaPanel.js +3 -4
- package/lib/components/AddSelect/AddSelectSidebar.js +8 -4
- package/lib/components/AddSelect/AddSelectSort.js +1 -2
- package/lib/components/AddSelect/add-select-utils.js +10 -14
- package/lib/components/AddSelect/hooks/useItemSort.js +2 -3
- package/lib/components/AddSelect/hooks/useParentSelect.js +1 -2
- package/lib/components/AddSelect/hooks/usePath.js +8 -4
- package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +16 -10
- package/lib/components/ButtonMenu/ButtonMenu.js +10 -3
- package/lib/components/ButtonMenu/ButtonMenuItem.js +1 -2
- package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +13 -9
- package/lib/components/Card/Card.js +12 -9
- package/lib/components/Card/CardFooter.js +1 -2
- package/lib/components/Card/CardHeader.js +2 -4
- package/lib/components/Carousel/Carousel.js +9 -4
- package/lib/components/Carousel/CarouselItem.js +8 -2
- package/lib/components/Cascade/Cascade.js +11 -7
- package/lib/components/Checklist/Checklist.js +19 -4
- package/lib/components/Checklist/ChecklistChart.js +15 -2
- package/lib/components/Checklist/ChecklistIcon.js +17 -2
- package/lib/components/Coachmark/Coachmark.js +10 -5
- package/lib/components/Coachmark/CoachmarkDragbar.js +11 -4
- package/lib/components/Coachmark/CoachmarkHeader.js +9 -2
- package/lib/components/Coachmark/CoachmarkOverlay.js +11 -4
- package/lib/components/Coachmark/CoachmarkTagline.js +9 -2
- package/lib/components/Coachmark/utils/constants.js +2 -3
- package/lib/components/Coachmark/utils/context.js +3 -5
- package/lib/components/Coachmark/utils/enums.js +4 -7
- package/lib/components/Coachmark/utils/hooks.js +2 -3
- package/lib/components/CoachmarkBeacon/CoachmarkBeacon.js +11 -5
- package/lib/components/CoachmarkButton/CoachmarkButton.js +9 -2
- package/lib/components/CoachmarkFixed/CoachmarkFixed.js +12 -6
- package/lib/components/CoachmarkOverlayElement/CoachmarkOverlayElement.js +9 -2
- package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +11 -4
- package/lib/components/CoachmarkStack/CoachmarkStack.js +9 -4
- package/lib/components/CoachmarkStack/CoachmarkStackHome.js +10 -5
- package/lib/components/ComboButton/ComboButton.js +11 -6
- package/lib/components/ComboButton/ComboButtonItem/index.js +1 -2
- package/lib/components/CreateFullPage/CreateFullPage.js +14 -8
- package/lib/components/CreateFullPage/CreateFullPageStep.js +12 -8
- package/lib/components/CreateInfluencer/CreateInfluencer.js +1 -3
- package/lib/components/CreateModal/CreateModal.js +10 -3
- package/lib/components/CreateSidePanel/CreateSidePanel.js +12 -4
- package/lib/components/CreateTearsheet/CreateTearsheet.js +11 -8
- package/lib/components/CreateTearsheet/CreateTearsheetDivider.js +9 -4
- package/lib/components/CreateTearsheet/CreateTearsheetStep.js +12 -8
- package/lib/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +11 -5
- package/lib/components/CreateTearsheet/preview-components/MultiStepWithIntro.js +4 -5
- package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +10 -3
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +14 -9
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +15 -12
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +12 -9
- package/lib/components/DataSpreadsheet/hooks/useMoveActiveCell.js +2 -3
- package/lib/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +2 -3
- package/lib/components/DataSpreadsheet/hooks/useResetSpreadsheetFocus.js +2 -3
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +4 -6
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +7 -8
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +11 -7
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +2 -3
- package/lib/components/DataSpreadsheet/utils/checkActiveHeaderCell.js +2 -3
- package/lib/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +6 -7
- package/lib/components/DataSpreadsheet/utils/createActiveCellFn.js +3 -5
- package/lib/components/DataSpreadsheet/utils/createCellSelectionArea.js +2 -4
- package/lib/components/DataSpreadsheet/utils/generateData.js +4 -5
- package/lib/components/DataSpreadsheet/utils/getCellSize.js +2 -3
- package/lib/components/DataSpreadsheet/utils/getSelectionAreaPoints.js +2 -3
- package/lib/components/DataSpreadsheet/utils/getSpreadsheetWidth.js +2 -3
- package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +9 -5
- package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionTab.js +2 -3
- package/lib/components/DataSpreadsheet/utils/handleCellDeletion.js +6 -7
- package/lib/components/DataSpreadsheet/utils/handleEditSubmit.js +9 -7
- package/lib/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +4 -5
- package/lib/components/DataSpreadsheet/utils/handleMultipleKeys.js +11 -9
- package/lib/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +2 -3
- package/lib/components/DataSpreadsheet/utils/removeCellSelections.js +2 -3
- package/lib/components/DataSpreadsheet/utils/selectAllCells.js +9 -5
- package/lib/components/Datagrid/Datagrid/Datagrid.js +7 -2
- package/lib/components/Datagrid/Datagrid/DatagridBody.js +1 -2
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +4 -6
- package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +1 -2
- package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +1 -2
- package/lib/components/Datagrid/Datagrid/DatagridHead.js +1 -2
- package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +12 -9
- package/lib/components/Datagrid/Datagrid/DatagridRefBody.js +9 -4
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +21 -18
- package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +11 -6
- package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +9 -4
- package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +9 -4
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +9 -4
- package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +10 -7
- package/lib/components/Datagrid/Datagrid/DraggableElement.js +2 -4
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +3 -4
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +9 -4
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +3 -4
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +10 -6
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +8 -4
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +9 -4
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js +2 -3
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +4 -6
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +6 -8
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +12 -10
- package/lib/components/Datagrid/Datagrid/addons/Filtering/constants.js +15 -30
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +19 -15
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useSubscribeToEventEmitter.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/motion/variants.js +4 -7
- package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js +2 -3
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +3 -5
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +19 -15
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js +11 -8
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/getCellIdAsObject.js +2 -3
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +10 -6
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridFocus.js +2 -3
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +12 -8
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +3 -4
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +10 -5
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +3 -6
- package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +16 -16
- package/lib/components/Datagrid/Datagrid.stories/CustomizeColumnStory.js +2 -3
- package/lib/components/Datagrid/Datagrid.stories/RowSizeDropdownStory.js +2 -3
- package/lib/components/Datagrid/Datagrid.stories/SelectAllWithToggleStory.js +2 -3
- package/lib/components/Datagrid/Datagrid.stories/common.js +9 -12
- package/lib/components/Datagrid/common-column-ids.js +1 -2
- package/lib/components/Datagrid/useActionsColumn.js +10 -7
- package/lib/components/Datagrid/useColumnCenterAlign.js +8 -4
- package/lib/components/Datagrid/useColumnOrder.js +1 -2
- package/lib/components/Datagrid/useColumnRightAlign.js +8 -4
- package/lib/components/Datagrid/useCustomizeColumns.js +10 -6
- package/lib/components/Datagrid/useDatagrid.js +9 -4
- package/lib/components/Datagrid/useDefaultStringRenderer.js +9 -4
- package/lib/components/Datagrid/useDisableSelectRows.js +5 -6
- package/lib/components/Datagrid/useEditableCell.js +1 -2
- package/lib/components/Datagrid/useExpandedRow.js +8 -4
- package/lib/components/Datagrid/useFiltering.js +13 -10
- package/lib/components/Datagrid/useFlexResize.js +1 -2
- package/lib/components/Datagrid/useFloatingScroll.js +2 -3
- package/lib/components/Datagrid/useFocusRowExpander.js +2 -3
- package/lib/components/Datagrid/useInfiniteScroll.js +1 -2
- package/lib/components/Datagrid/useInitialColumnSort.js +3 -4
- package/lib/components/Datagrid/useInlineEdit.js +5 -6
- package/lib/components/Datagrid/useNestedRowExpander.js +11 -8
- package/lib/components/Datagrid/useNestedRows.js +2 -4
- package/lib/components/Datagrid/useOnRowClick.js +1 -2
- package/lib/components/Datagrid/useParentDimensions.js +1 -2
- package/lib/components/Datagrid/useResizeTable.js +1 -2
- package/lib/components/Datagrid/useRowExpander.js +10 -6
- package/lib/components/Datagrid/useRowIsMouseOver.js +9 -4
- package/lib/components/Datagrid/useRowRenderer.js +4 -5
- package/lib/components/Datagrid/useRowSize.js +9 -4
- package/lib/components/Datagrid/useSelectAllToggle.js +3 -4
- package/lib/components/Datagrid/useSelectRows.js +12 -9
- package/lib/components/Datagrid/useSkeletonRows.js +1 -2
- package/lib/components/Datagrid/useSortableColumns.js +10 -8
- package/lib/components/Datagrid/useStickyColumn.js +11 -9
- package/lib/components/Datagrid/utils/DatagridActions.js +4 -5
- package/lib/components/Datagrid/utils/DatagridPagination.js +2 -4
- package/lib/components/Datagrid/utils/Wrapper.js +2 -3
- package/lib/components/Datagrid/utils/filterPropsForTesting.js +5 -8
- package/lib/components/Datagrid/utils/getArgTypes.js +2 -3
- package/lib/components/Datagrid/utils/getAutoSizedColumnWidth.js +2 -3
- package/lib/components/Datagrid/utils/getInlineEditColumns.js +3 -5
- package/lib/components/Datagrid/utils/handleFilterTagLabelText.js +2 -3
- package/lib/components/Datagrid/utils/makeData.js +13 -11
- package/lib/components/EditFullPage/EditFullPage.js +9 -2
- package/lib/components/EditInPlace/EditInPlace.js +11 -6
- package/lib/components/EditSidePanel/EditSidePanel.js +12 -4
- package/lib/components/EditTearsheet/EditTearsheet.js +11 -8
- package/lib/components/EditTearsheet/EditTearsheetForm.js +10 -6
- package/lib/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js +4 -5
- package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js +9 -2
- package/lib/components/EditUpdateCards/EditUpdateCards.js +9 -2
- package/lib/components/EmptyStates/EmptyState.js +12 -6
- package/lib/components/EmptyStates/EmptyStateContent.js +10 -4
- package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +11 -4
- package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +11 -4
- package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +11 -4
- package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +11 -4
- package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +11 -4
- package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +11 -4
- package/lib/components/EmptyStates/assets/ErrorIllustration.js +9 -2
- package/lib/components/EmptyStates/assets/NoDataIllustration.js +9 -2
- package/lib/components/EmptyStates/assets/NoTagsIllustration.js +9 -2
- package/lib/components/EmptyStates/assets/NotFoundIllustration.js +9 -2
- package/lib/components/EmptyStates/assets/NotificationsIllustration.js +9 -2
- package/lib/components/EmptyStates/assets/UnauthorizedIllustration.js +9 -2
- package/lib/components/ExampleComponent/ExampleComponent.js +14 -6
- package/lib/components/ExampleComponent/useExample.js +1 -2
- package/lib/components/ExportModal/ExportModal.js +14 -10
- package/lib/components/ExpressiveCard/ExpressiveCard.js +3 -4
- package/lib/components/FilterSummary/FilterSummary.js +12 -7
- package/lib/components/Guidebanner/Guidebanner.js +11 -4
- package/lib/components/Guidebanner/GuidebannerElement.js +9 -2
- package/lib/components/Guidebanner/GuidebannerElementButton.js +9 -2
- package/lib/components/Guidebanner/GuidebannerElementLink.js +9 -2
- package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +9 -2
- package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +9 -2
- package/lib/components/HTTPErrors/HTTPErrorContent.js +10 -4
- package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +9 -2
- package/lib/components/HTTPErrors/assets/HTTPErrorSvg403.js +1 -2
- package/lib/components/HTTPErrors/assets/HTTPErrorSvg404.js +1 -2
- package/lib/components/HTTPErrors/assets/HTTPErrorSvgOther.js +1 -2
- package/lib/components/ImportModal/ImportModal.js +12 -8
- package/lib/components/InlineEdit/InlineEdit.js +11 -6
- package/lib/components/InlineEditV1/InlineEditV1.js +18 -8
- package/lib/components/InlineEditV2/InlineEditV2.js +13 -10
- package/lib/components/InlineTip/InlineTip.js +11 -4
- package/lib/components/InlineTip/InlineTipButton.js +9 -2
- package/lib/components/InlineTip/InlineTipLink.js +9 -2
- package/lib/components/InlineTip/utils.js +5 -6
- package/lib/components/InterstitialScreen/InterstitialScreen.js +15 -9
- package/lib/components/InterstitialScreen/assets/index.js +4 -8
- package/lib/components/InterstitialScreenView/InterstitialScreenView.js +9 -2
- package/lib/components/InterstitialScreenViewModule/InterstitialScreenViewModule.js +9 -3
- package/lib/components/ModifiedTabs/ModifiedTabLabelNew.js +1 -2
- package/lib/components/ModifiedTabs/ModifiedTabLabelWithClose.js +1 -2
- package/lib/components/ModifiedTabs/ModifiedTabs.js +3 -4
- package/lib/components/MultiAddSelect/MultiAddSelect.js +3 -4
- package/lib/components/NonLinearReading/NonLinearReading.js +9 -4
- package/lib/components/NotificationsPanel/NotificationsPanel.js +14 -7
- package/lib/components/NotificationsPanel/NotificationsPanel_data.js +1 -2
- package/lib/components/NotificationsPanel/preview-components/UnreadNotificationBell.js +2 -3
- package/lib/components/NotificationsPanel/utils.js +1 -2
- package/lib/components/OptionsTile/OptionsTile.js +12 -4
- package/lib/components/PageHeader/PageHeader.js +21 -20
- package/lib/components/PageHeader/PageHeaderDemo.data.js +3 -4
- package/lib/components/PageHeader/PageHeaderTitle.js +2 -4
- package/lib/components/PageHeader/PageHeaderUtils.js +12 -11
- package/lib/components/ProductiveCard/ProductiveCard.js +11 -7
- package/lib/components/RemoveModal/RemoveModal.js +11 -7
- package/lib/components/Saving/Saving.js +15 -10
- package/lib/components/SidePanel/SidePanel.js +29 -22
- package/lib/components/SidePanel/constants.js +2 -3
- package/lib/components/SidePanel/motion/variants.js +3 -5
- package/lib/components/SingleAddSelect/SingleAddSelect.js +3 -4
- package/lib/components/StatusIcon/StatusIcon.js +7 -2
- package/lib/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js +13 -6
- package/lib/components/SteppedAnimatedMedia/assets/index.js +3 -6
- package/lib/components/TagSet/TagSet.js +15 -13
- package/lib/components/TagSet/TagSetModal.js +14 -10
- package/lib/components/TagSet/TagSetOverflow.js +10 -7
- package/lib/components/Tearsheet/Tearsheet.js +13 -6
- package/lib/components/Tearsheet/TearsheetNarrow.js +13 -6
- package/lib/components/Tearsheet/TearsheetShell.js +26 -23
- package/lib/components/Toolbar/Toolbar.js +12 -10
- package/lib/components/Toolbar/ToolbarButton.js +10 -6
- package/lib/components/Toolbar/ToolbarGroup.js +9 -4
- package/lib/components/UserProfileImage/UserProfileImage.js +10 -2
- package/lib/components/WebTerminal/WebTerminal.js +15 -8
- package/lib/components/WebTerminal/WebTerminalContentWrapper.js +9 -2
- package/lib/components/WebTerminal/hooks/index.js +6 -9
- package/lib/components/WebTerminal/preview-components/Navigation.js +1 -2
- package/lib/components/WebTerminal/preview-components/documentationLinks.js +2 -3
- package/lib/components/_Canary/Canary.js +11 -2
- package/lib/global/js/hooks/useActiveElement.js +2 -3
- package/lib/global/js/hooks/useClickOutside.js +2 -3
- package/lib/global/js/hooks/useCreateComponentFocus.js +3 -4
- package/lib/global/js/hooks/useCreateComponentStepChange.js +5 -6
- package/lib/global/js/hooks/useFocus.js +6 -7
- package/lib/global/js/hooks/useIsomorphicEffect.js +1 -2
- package/lib/global/js/hooks/usePrefix.js +2 -3
- package/lib/global/js/hooks/usePreviousValue.js +2 -3
- package/lib/global/js/hooks/useResetCreateComponent.js +2 -3
- package/lib/global/js/hooks/useResizeObserver.js +2 -3
- package/lib/global/js/hooks/useRetrieveStepData.js +2 -3
- package/lib/global/js/hooks/useValidCreateStepCount.js +2 -3
- package/lib/global/js/hooks/useWindowResize.js +4 -5
- package/lib/global/js/package-settings.js +9 -6
- package/lib/global/js/utils/ClickListener.js +3 -4
- package/lib/global/js/utils/DisplayBox.js +1 -2
- package/lib/global/js/utils/Wrap.js +12 -5
- package/lib/global/js/utils/deepCloneObject.js +3 -4
- package/lib/global/js/utils/devtools.js +1 -2
- package/lib/global/js/utils/getBezierValues.js +2 -3
- package/lib/global/js/utils/getFocusableElements.js +2 -3
- package/lib/global/js/utils/getNodeTextContent.js +5 -6
- package/lib/global/js/utils/getNumberOfHiddenSteps.js +2 -3
- package/lib/global/js/utils/getScrollbarWidth.js +2 -3
- package/lib/global/js/utils/keyboardNavigation.js +4 -8
- package/lib/global/js/utils/lastIndexInArray.js +2 -3
- package/lib/global/js/utils/motionConstants.js +3 -5
- package/lib/global/js/utils/pconsole.js +8 -15
- package/lib/global/js/utils/props-helper.js +15 -17
- package/lib/global/js/utils/rangeWithCallback.js +2 -3
- package/lib/global/js/utils/scrollableAncestor.js +5 -6
- package/lib/global/js/utils/story-helper.js +6 -11
- package/lib/global/js/utils/test-helper.js +15 -28
- package/lib/global/js/utils/unwrap-if-fragment.js +7 -8
- package/lib/global/js/utils/uuidv4.js +1 -2
- package/lib/global/js/utils/wait.js +1 -2
- package/lib/global/js/utils/wrapFocus.js +1 -2
- package/lib/settings.js +2 -4
- package/package.json +13 -13
- package/scss/components/AboutModal/_about-modal.scss +1 -2
- package/scss/components/Checklist/_checklist.scss +0 -1
- package/scss/components/Coachmark/styles/_coachmark-tagline.scss +1 -4
- package/scss/components/Datagrid/_datagrid.scss +0 -1
- package/scss/components/Datagrid/styles/_datagrid.scss +1 -2
- package/scss/components/SidePanel/_side-panel.scss +1 -4
@@ -18,7 +18,7 @@ var _propTypes = require("prop-types");
|
|
18
18
|
|
19
19
|
// Other standard imports.
|
20
20
|
|
21
|
-
var HTTPErrorSvg403 = function HTTPErrorSvg403(_ref) {
|
21
|
+
var HTTPErrorSvg403 = exports.HTTPErrorSvg403 = function HTTPErrorSvg403(_ref) {
|
22
22
|
var className = _ref.className;
|
23
23
|
return /*#__PURE__*/_react.default.createElement("svg", {
|
24
24
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -1243,7 +1243,6 @@ var HTTPErrorSvg403 = function HTTPErrorSvg403(_ref) {
|
|
1243
1243
|
// The types and DocGen commentary for the component props,
|
1244
1244
|
// in alphabetical order (for consistency).
|
1245
1245
|
// See https://www.npmjs.com/package/prop-types#usage.
|
1246
|
-
exports.HTTPErrorSvg403 = HTTPErrorSvg403;
|
1247
1246
|
HTTPErrorSvg403.propTypes = {
|
1248
1247
|
className: _propTypes.string
|
1249
1248
|
};
|
@@ -18,7 +18,7 @@ var _propTypes = require("prop-types");
|
|
18
18
|
|
19
19
|
// Other standard imports.
|
20
20
|
|
21
|
-
var HTTPErrorSvg404 = function HTTPErrorSvg404(_ref) {
|
21
|
+
var HTTPErrorSvg404 = exports.HTTPErrorSvg404 = function HTTPErrorSvg404(_ref) {
|
22
22
|
var className = _ref.className;
|
23
23
|
return /*#__PURE__*/_react.default.createElement("svg", {
|
24
24
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -1042,7 +1042,6 @@ var HTTPErrorSvg404 = function HTTPErrorSvg404(_ref) {
|
|
1042
1042
|
// The types and DocGen commentary for the component props,
|
1043
1043
|
// in alphabetical order (for consistency).
|
1044
1044
|
// See https://www.npmjs.com/package/prop-types#usage.
|
1045
|
-
exports.HTTPErrorSvg404 = HTTPErrorSvg404;
|
1046
1045
|
HTTPErrorSvg404.propTypes = {
|
1047
1046
|
className: _propTypes.string
|
1048
1047
|
};
|
@@ -18,7 +18,7 @@ var _propTypes = require("prop-types");
|
|
18
18
|
|
19
19
|
// Other standard imports.
|
20
20
|
|
21
|
-
var HTTPErrorSvgOther = function HTTPErrorSvgOther(_ref) {
|
21
|
+
var HTTPErrorSvgOther = exports.HTTPErrorSvgOther = function HTTPErrorSvgOther(_ref) {
|
22
22
|
var className = _ref.className;
|
23
23
|
return /*#__PURE__*/_react.default.createElement("svg", {
|
24
24
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -1093,7 +1093,6 @@ var HTTPErrorSvgOther = function HTTPErrorSvgOther(_ref) {
|
|
1093
1093
|
// The types and DocGen commentary for the component props,
|
1094
1094
|
// in alphabetical order (for consistency).
|
1095
1095
|
// See https://www.npmjs.com/package/prop-types#usage.
|
1096
|
-
exports.HTTPErrorSvgOther = HTTPErrorSvgOther;
|
1097
1096
|
HTTPErrorSvgOther.propTypes = {
|
1098
1097
|
className: _propTypes.string
|
1099
1098
|
};
|
@@ -21,18 +21,23 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
21
21
|
var _devtools = require("../../global/js/utils/devtools");
|
22
22
|
var _uuidv = _interopRequireDefault(require("../../global/js/utils/uuidv4"));
|
23
23
|
var _settings = require("../../settings");
|
24
|
-
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", "primaryButtonText", "secondaryButtonText", "title"];
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
24
|
+
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", "primaryButtonText", "secondaryButtonText", "title"]; //
|
25
|
+
// Copyright IBM Corp. 2021, 2021
|
26
|
+
//
|
27
|
+
// This source code is licensed under the Apache-2.0 license found in the
|
28
|
+
// LICENSE file in the root directory of this source tree.
|
29
|
+
//
|
30
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
31
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
32
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
33
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
29
34
|
var componentName = 'ImportModal';
|
30
35
|
|
31
36
|
// Default values for props
|
32
37
|
var defaults = {
|
33
38
|
accept: Object.freeze([])
|
34
39
|
};
|
35
|
-
var ImportModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
40
|
+
var ImportModal = exports.ImportModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
36
41
|
var _ref$accept = _ref.accept,
|
37
42
|
accept = _ref$accept === void 0 ? defaults.accept : _ref$accept,
|
38
43
|
className = _ref.className,
|
@@ -111,7 +116,7 @@ var ImportModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
111
116
|
setFiles(finalFiles);
|
112
117
|
};
|
113
118
|
var fetchFile = /*#__PURE__*/function () {
|
114
|
-
var _ref2 = (0, _asyncToGenerator2.default)(
|
119
|
+
var _ref2 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(evt) {
|
115
120
|
var fileName, pendingFile, response, blob, fetchedFile, failedFile;
|
116
121
|
return _regenerator.default.wrap(function _callee$(_context) {
|
117
122
|
while (1) switch (_context.prev = _context.next) {
|
@@ -267,7 +272,6 @@ var ImportModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
267
272
|
});
|
268
273
|
|
269
274
|
// Return a placeholder if not released and not enabled by feature flag
|
270
|
-
exports.ImportModal = ImportModal;
|
271
275
|
exports.ImportModal = ImportModal = _settings.pkg.checkComponentEnabled(ImportModal, componentName);
|
272
276
|
ImportModal.propTypes = {
|
273
277
|
/**
|
@@ -14,10 +14,16 @@ var _settings = require("../../settings");
|
|
14
14
|
var _InlineEditV = require("../InlineEditV1");
|
15
15
|
var _InlineEditV2 = require("../InlineEditV2");
|
16
16
|
var _excluded = ["v2"];
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
17
|
+
/**
|
18
|
+
* Copyright IBM Corp. 2022, 2022
|
19
|
+
*
|
20
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
21
|
+
* LICENSE file in the root directory of this source tree.
|
22
|
+
*/
|
23
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
24
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
25
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
26
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
21
27
|
/**
|
22
28
|
* this is a wrapper component that will allow us to support v1 and v2 versions of InlineEdit
|
23
29
|
* if the user passes in the v2 feature flag the v2 version of the component will be rendered
|
@@ -26,7 +32,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
26
32
|
*/
|
27
33
|
|
28
34
|
var componentName = 'InlineEdit';
|
29
|
-
var InlineEdit = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
35
|
+
var InlineEdit = exports.InlineEdit = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
30
36
|
var v2 = _ref.v2,
|
31
37
|
rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
32
38
|
var props = _objectSpread(_objectSpread({}, rest), {}, {
|
@@ -37,7 +43,6 @@ var InlineEdit = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
37
43
|
}
|
38
44
|
return /*#__PURE__*/_react.default.createElement(_InlineEditV.InlineEditV1, props);
|
39
45
|
});
|
40
|
-
exports.InlineEdit = InlineEdit;
|
41
46
|
InlineEdit.deprecated = {
|
42
47
|
details: "The InlineEdit component is being renamed to EditInPlace in the next major version of @carbon/ibm-products. You can prepare by updating your usage of InlineEdit to EditInPlace.",
|
43
48
|
level: 'warn'
|
@@ -19,8 +19,18 @@ var _settings = require("../../settings");
|
|
19
19
|
var _carbonComponentsReact = require("carbon-components-react");
|
20
20
|
var _iconsReact = require("@carbon/icons-react");
|
21
21
|
var _excluded = ["buttonTooltipAlignment", "buttonTooltipPosition", "cancelDescription", "className", "disabled", "editAlwaysVisible", "editDescription", "id", "invalid", "invalidText", "labelText", "light", "onCancel", "onSave", "onChange", "placeholder", "saveDescription", "size", "value"];
|
22
|
-
|
23
|
-
|
22
|
+
/**
|
23
|
+
* Copyright IBM Corp. 2022, 2022
|
24
|
+
*
|
25
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
26
|
+
* LICENSE file in the root directory of this source tree.
|
27
|
+
*/
|
28
|
+
// Import portions of React that are needed.
|
29
|
+
// Other standard imports.
|
30
|
+
// Carbon and package components we use.
|
31
|
+
/* TODO: @import(s) of carbon components and other package components. */
|
32
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
33
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof3(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
24
34
|
// The block part of our conventional BEM class names (blockClass__E--M).
|
25
35
|
var blockClass = "".concat(_settings.pkg.prefix, "--inline-edit");
|
26
36
|
var componentName = 'InlineEditV1';
|
@@ -38,8 +48,8 @@ var buttons = ['cancel', 'edit', 'save'];
|
|
38
48
|
/**
|
39
49
|
* TODO: A description of the component.
|
40
50
|
*/
|
41
|
-
var InlineEditV1 = /*#__PURE__*/_react.default.forwardRef(function (_ref, refIn) {
|
42
|
-
var
|
51
|
+
var InlineEditV1 = exports.InlineEditV1 = /*#__PURE__*/_react.default.forwardRef(function (_ref, refIn) {
|
52
|
+
var _refInput$current;
|
43
53
|
var buttonTooltipAlignment = _ref.buttonTooltipAlignment,
|
44
54
|
buttonTooltipPosition = _ref.buttonTooltipPosition,
|
45
55
|
cancelDescription = _ref.cancelDescription,
|
@@ -231,7 +241,8 @@ var InlineEditV1 = /*#__PURE__*/_react.default.forwardRef(function (_ref, refIn)
|
|
231
241
|
className: (0, _classnames.default)(blockClass,
|
232
242
|
// Apply the block class to the main HTML element
|
233
243
|
className, // Apply any supplied class names to the main HTML element.
|
234
|
-
"".concat(blockClass, "--").concat(size),
|
244
|
+
"".concat(blockClass, "--").concat(size), // `${carbon.prefix}--btn ${carbon.prefix}--btn--ghost`, // make like a ghost button
|
245
|
+
(0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(blockClass, "--disabled"), disabled), "".concat(blockClass, "--editing"), editing), "".concat(blockClass, "--invalid"), invalid), "".concat(blockClass, "--light"), light), "".concat(blockClass, "--overflows"), refInput.current && refInput.current.scrollWidth > refInput.current.offsetWidth)),
|
235
246
|
onClick: handleEdit // disabled eslint for click handler
|
236
247
|
,
|
237
248
|
onBlur: handleBlur,
|
@@ -239,7 +250,7 @@ var InlineEditV1 = /*#__PURE__*/_react.default.forwardRef(function (_ref, refIn)
|
|
239
250
|
}, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, (0, _devtools.getDevtoolsProps)(componentName), {
|
240
251
|
id: id,
|
241
252
|
size: size,
|
242
|
-
className: (0, _classnames.default)("".concat(blockClass, "__input"), (0, _defineProperty2.default)({}, "".concat(blockClass, "__input--empty"), ((_refInput$current = refInput.current) === null || _refInput$current === void 0
|
253
|
+
className: (0, _classnames.default)("".concat(blockClass, "__input"), (0, _defineProperty2.default)({}, "".concat(blockClass, "__input--empty"), ((_refInput$current = refInput.current) === null || _refInput$current === void 0 || (_refInput$current = _refInput$current.textContent) === null || _refInput$current === void 0 ? void 0 : _refInput$current.length) === 0)),
|
243
254
|
contentEditable: true,
|
244
255
|
"aria-label": labelText,
|
245
256
|
role: "textbox",
|
@@ -260,7 +271,7 @@ var InlineEditV1 = /*#__PURE__*/_react.default.forwardRef(function (_ref, refIn)
|
|
260
271
|
className: "".concat(blockClass, "__ellipsis"),
|
261
272
|
"aria-hidden": !editing
|
262
273
|
}, "\u2026"), /*#__PURE__*/_react.default.createElement("div", {
|
263
|
-
className: (0, _classnames.default)("".concat(blockClass, "__toolbar"), (
|
274
|
+
className: (0, _classnames.default)("".concat(blockClass, "__toolbar"), (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(blockClass, "__toolbar--animation"), toolbarAnimation), "".concat(blockClass, "__toolbar--saveable"), refInput.current && value !== internalValue))
|
264
275
|
}, showValidation && /*#__PURE__*/_react.default.createElement("div", {
|
265
276
|
className: "".concat(blockClass, "__validation-icon")
|
266
277
|
}, validationIcon), editing ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Button, (0, _extends2.default)({
|
@@ -297,7 +308,6 @@ var InlineEditV1 = /*#__PURE__*/_react.default.forwardRef(function (_ref, refIn)
|
|
297
308
|
|
298
309
|
// The display name of the component, used by React. Note that displayName
|
299
310
|
// is used in preference to relying on function.name.
|
300
|
-
exports.InlineEditV1 = InlineEditV1;
|
301
311
|
InlineEditV1.displayName = componentName;
|
302
312
|
InlineEditV1.deprecated = {
|
303
313
|
level: 'warn',
|
@@ -18,17 +18,22 @@ var _iconsReact = require("@carbon/icons-react");
|
|
18
18
|
var _settings = require("../../settings");
|
19
19
|
var _devtools = require("../../global/js/utils/devtools");
|
20
20
|
var _excluded = ["cancelLabel", "editAlwaysVisible", "editLabel", "id", "inheritTypography", "invalid", "invalidLabel", "invalidText", "labelText", "onCancel", "onChange", "onSave", "size", "saveLabel", "value"];
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
21
|
+
/**
|
22
|
+
* Copyright IBM Corp. 2022, 2022
|
23
|
+
*
|
24
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
25
|
+
* LICENSE file in the root directory of this source tree.
|
26
|
+
*/
|
27
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
28
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
29
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
30
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
25
31
|
var componentName = 'InlineEditV2';
|
26
32
|
var blockClass = "".concat(_settings.pkg.prefix, "--inline-edit-v2");
|
27
33
|
var defaults = {
|
28
34
|
size: 'sm'
|
29
35
|
};
|
30
|
-
var InlineEditV2 = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
31
|
-
var _cx;
|
36
|
+
var InlineEditV2 = exports.InlineEditV2 = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
32
37
|
var cancelLabel = _ref.cancelLabel,
|
33
38
|
editAlwaysVisible = _ref.editAlwaysVisible,
|
34
39
|
editLabel = _ref.editLabel,
|
@@ -140,7 +145,7 @@ var InlineEditV2 = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
140
145
|
return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
|
141
146
|
ref: ref
|
142
147
|
}, (0, _devtools.getDevtoolsProps)(componentName)), /*#__PURE__*/_react.default.createElement("div", {
|
143
|
-
className: (0, _classnames.default)(blockClass, "".concat(blockClass, "--").concat(size), (
|
148
|
+
className: (0, _classnames.default)(blockClass, "".concat(blockClass, "--").concat(size), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(blockClass, "--focused"), focused), "".concat(blockClass, "--invalid"), invalid), "".concat(blockClass, "--inherit-type"), inheritTypography), "".concat(blockClass, "--overflows"), inputRef.current && inputRef.current.scrollWidth > inputRef.current.offsetWidth)),
|
144
149
|
onFocus: onFocusHandler,
|
145
150
|
onBlur: onBlurHandler
|
146
151
|
}, /*#__PURE__*/_react.default.createElement("label", {
|
@@ -202,16 +207,14 @@ var InlineEditV2 = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
202
207
|
className: "".concat(blockClass, "__warning-text")
|
203
208
|
}, invalidText !== null && invalidText !== void 0 ? invalidText : deprecated_invalidLabel));
|
204
209
|
});
|
205
|
-
exports.InlineEditV2 = InlineEditV2;
|
206
210
|
InlineEditV2.displayName = componentName;
|
207
|
-
var deprecatedProps = {
|
211
|
+
var deprecatedProps = exports.deprecatedProps = {
|
208
212
|
/**
|
209
213
|
* **Deprecated**
|
210
214
|
* invalidLabel was misnamed, using invalidText to match Carbon
|
211
215
|
*/
|
212
216
|
invalidText: _propTypes.default.string
|
213
217
|
};
|
214
|
-
exports.deprecatedProps = deprecatedProps;
|
215
218
|
InlineEditV2.propTypes = _objectSpread({
|
216
219
|
/**
|
217
220
|
* label for cancel button
|
@@ -20,8 +20,16 @@ var _devtools = require("../../global/js/utils/devtools");
|
|
20
20
|
var _uuidv = _interopRequireDefault(require("../../global/js/utils/uuidv4"));
|
21
21
|
var _settings = require("../../settings");
|
22
22
|
var _excluded = ["action", "children", "className", "closeIconDescription", "collapsible", "collapseButtonLabel", "expandButtonLabel", "media", "narrow", "onClick", "onClose", "tertiaryButtonLabel", "title", "withLeftGutter"];
|
23
|
-
|
24
|
-
|
23
|
+
/**
|
24
|
+
* Copyright IBM Corp. 2023, 2023
|
25
|
+
*
|
26
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
27
|
+
* LICENSE file in the root directory of this source tree.
|
28
|
+
*/
|
29
|
+
// Import portions of React that are needed.
|
30
|
+
// Other standard imports.
|
31
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
32
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
25
33
|
// Carbon and package components we use.
|
26
34
|
/* TODO: @import(s) of carbon components and other package components. */
|
27
35
|
|
@@ -55,7 +63,7 @@ var defaults = {
|
|
55
63
|
/**
|
56
64
|
* TODO: A description of the component.
|
57
65
|
*/
|
58
|
-
var InlineTip = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
66
|
+
var InlineTip = exports.InlineTip = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
59
67
|
var action = _ref.action,
|
60
68
|
children = _ref.children,
|
61
69
|
className = _ref.className,
|
@@ -152,7 +160,6 @@ var InlineTip = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
|
152
160
|
});
|
153
161
|
|
154
162
|
// Return a placeholder if not released and not enabled by feature flag
|
155
|
-
exports.InlineTip = InlineTip;
|
156
163
|
exports.InlineTip = InlineTip = _settings.pkg.checkComponentEnabled(InlineTip, componentName);
|
157
164
|
|
158
165
|
// The display name of the component, used by React. Note that displayName
|
@@ -14,6 +14,14 @@ var _carbonComponentsReact = require("carbon-components-react");
|
|
14
14
|
var _devtools = require("../../global/js/utils/devtools");
|
15
15
|
var _settings = require("../../settings");
|
16
16
|
var _excluded = ["children", "className"];
|
17
|
+
/**
|
18
|
+
* Copyright IBM Corp. 2023, 2023
|
19
|
+
*
|
20
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
21
|
+
* LICENSE file in the root directory of this source tree.
|
22
|
+
*/
|
23
|
+
// Import portions of React that are needed.
|
24
|
+
// Other standard imports.
|
17
25
|
// Carbon and package components we use.
|
18
26
|
/* TODO: @import(s) of carbon components and other package components. */
|
19
27
|
|
@@ -40,7 +48,7 @@ var componentName = 'InlineTipButton';
|
|
40
48
|
/**
|
41
49
|
* TODO: A standard Carbon button, styled specifically for use inside InlineTip.
|
42
50
|
*/
|
43
|
-
var InlineTipButton = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
51
|
+
var InlineTipButton = exports.InlineTipButton = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
44
52
|
var children = _ref.children,
|
45
53
|
className = _ref.className,
|
46
54
|
rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
@@ -62,7 +70,6 @@ var InlineTipButton = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref
|
|
62
70
|
});
|
63
71
|
|
64
72
|
// Return a placeholder if not released and not enabled by feature flag
|
65
|
-
exports.InlineTipButton = InlineTipButton;
|
66
73
|
exports.InlineTipButton = InlineTipButton = _settings.pkg.checkComponentEnabled(InlineTipButton, componentName);
|
67
74
|
|
68
75
|
// The display name of the component, used by React. Note that displayName
|
@@ -15,6 +15,14 @@ var _carbonComponentsReact = require("carbon-components-react");
|
|
15
15
|
var _devtools = require("../../global/js/utils/devtools");
|
16
16
|
var _settings = require("../../settings");
|
17
17
|
var _excluded = ["children", "className"];
|
18
|
+
/**
|
19
|
+
* Copyright IBM Corp. 2023, 2023
|
20
|
+
*
|
21
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
22
|
+
* LICENSE file in the root directory of this source tree.
|
23
|
+
*/
|
24
|
+
// Import portions of React that are needed.
|
25
|
+
// Other standard imports.
|
18
26
|
// Carbon and package components we use.
|
19
27
|
/* TODO: @import(s) of carbon components and other package components. */
|
20
28
|
|
@@ -41,7 +49,7 @@ var componentName = 'InlineTipLink';
|
|
41
49
|
/**
|
42
50
|
* TODO: A standard Carbon link, styled specifically for use inside InlineTip.
|
43
51
|
*/
|
44
|
-
var InlineTipLink = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
52
|
+
var InlineTipLink = exports.InlineTipLink = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
45
53
|
var children = _ref.children,
|
46
54
|
className = _ref.className,
|
47
55
|
rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
@@ -62,7 +70,6 @@ var InlineTipLink = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref)
|
|
62
70
|
});
|
63
71
|
|
64
72
|
// Return a placeholder if not released and not enabled by feature flag
|
65
|
-
exports.InlineTipLink = InlineTipLink;
|
66
73
|
exports.InlineTipLink = InlineTipLink = _settings.pkg.checkComponentEnabled(InlineTipLink, componentName);
|
67
74
|
|
68
75
|
// The display name of the component, used by React. Note that displayName
|
@@ -13,14 +13,14 @@ var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
13
13
|
* LICENSE file in the root directory of this source tree.
|
14
14
|
*/
|
15
15
|
|
16
|
-
var getComponentText = function getComponentText(reactNode) {
|
16
|
+
var _getComponentText = exports.getComponentText = function getComponentText(reactNode) {
|
17
17
|
var _reactNode$props;
|
18
|
-
var tmpChildren = (reactNode === null || reactNode === void 0
|
18
|
+
var tmpChildren = (reactNode === null || reactNode === void 0 || (_reactNode$props = reactNode.props) === null || _reactNode$props === void 0 ? void 0 : _reactNode$props.children) || undefined;
|
19
19
|
if (Array.isArray(reactNode)) {
|
20
20
|
var joinedNodes = [];
|
21
21
|
reactNode.forEach(function (node) {
|
22
22
|
if ((0, _typeof2.default)(node) === 'object') {
|
23
|
-
joinedNodes.push(
|
23
|
+
joinedNodes.push(_getComponentText(node));
|
24
24
|
} else if (typeof node === 'string') {
|
25
25
|
joinedNodes.push(node);
|
26
26
|
}
|
@@ -35,10 +35,9 @@ var getComponentText = function getComponentText(reactNode) {
|
|
35
35
|
}
|
36
36
|
}
|
37
37
|
if ((0, _typeof2.default)(tmpChildren) === 'object') {
|
38
|
-
return
|
38
|
+
return _getComponentText(reactNode.props.children);
|
39
39
|
}
|
40
40
|
if (typeof tmpChildren === 'string') {
|
41
41
|
return reactNode.props.children;
|
42
42
|
}
|
43
|
-
};
|
44
|
-
exports.getComponentText = getComponentText;
|
43
|
+
};
|
@@ -21,8 +21,16 @@ var _carbonComponentsReact = require("carbon-components-react");
|
|
21
21
|
var _Carousel = require("../Carousel");
|
22
22
|
var _SteppedAnimatedMedia = require("../SteppedAnimatedMedia");
|
23
23
|
var _excluded = ["children", "className", "closeIconDescription", "domainName", "hideProgressIndicator", "interstitialAriaLabel", "isFullScreen", "isOpen", "media", "nextButtonLabel", "onClose", "previousButtonLabel", "productName", "headerClassName", "headerTitle", "startButtonLabel", "skipButtonLabel"];
|
24
|
-
|
25
|
-
|
24
|
+
/**
|
25
|
+
* Copyright IBM Corp. 2023, 2023
|
26
|
+
*
|
27
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
28
|
+
* LICENSE file in the root directory of this source tree.
|
29
|
+
*/
|
30
|
+
// Import portions of React that are needed.
|
31
|
+
//Close16
|
32
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
33
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
26
34
|
// The block part of our conventional BEM class names (blockClass__E--M).
|
27
35
|
var blockClass = "".concat(_settings.pkg.prefix, "--interstitial-screen");
|
28
36
|
var headerBlockClass = "".concat(blockClass, "--internal-header");
|
@@ -62,7 +70,7 @@ var defaults = {
|
|
62
70
|
* (e.g. upon first login or first time opening a page where a
|
63
71
|
* newly purchased capability is presented).
|
64
72
|
*/
|
65
|
-
var InterstitialScreen = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
73
|
+
var InterstitialScreen = exports.InterstitialScreen = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
66
74
|
var _media$breakpoints, _media$breakpoints2;
|
67
75
|
var children = _ref.children,
|
68
76
|
className = _ref.className,
|
@@ -112,8 +120,8 @@ var InterstitialScreen = /*#__PURE__*/_react.default.forwardRef(function (_ref,
|
|
112
120
|
var mediaIsDefined = (media === null || media === void 0 ? void 0 : media.render) || (media === null || media === void 0 ? void 0 : media.filePaths);
|
113
121
|
var bodyScrollRef = (0, _react.useRef)();
|
114
122
|
var mediaBreakpoints = {
|
115
|
-
xlg: (media === null || media === void 0
|
116
|
-
lg: (media === null || media === void 0
|
123
|
+
xlg: (media === null || media === void 0 || (_media$breakpoints = media.breakpoints) === null || _media$breakpoints === void 0 ? void 0 : _media$breakpoints.xlg) || 0,
|
124
|
+
lg: (media === null || media === void 0 || (_media$breakpoints2 = media.breakpoints) === null || _media$breakpoints2 === void 0 ? void 0 : _media$breakpoints2.lg) || 0,
|
117
125
|
md: 0,
|
118
126
|
sm: 0
|
119
127
|
};
|
@@ -150,13 +158,13 @@ var InterstitialScreen = /*#__PURE__*/_react.default.forwardRef(function (_ref,
|
|
150
158
|
};
|
151
159
|
(0, _react.useEffect)(function () {
|
152
160
|
var _startButtonRef$curre;
|
153
|
-
(_startButtonRef$curre = startButtonRef.current) === null || _startButtonRef$curre === void 0
|
161
|
+
(_startButtonRef$curre = startButtonRef.current) === null || _startButtonRef$curre === void 0 || _startButtonRef$curre.focus();
|
154
162
|
}, [isOpen, progStep]);
|
155
163
|
(0, _react.useEffect)(function () {
|
156
164
|
var _nextButtonRef$curren;
|
157
165
|
// for modal only, "is-visible" triggers animation
|
158
166
|
setIsVisibleClass(!isFullScreen && isOpen ? 'is-visible' : null);
|
159
|
-
nextButtonRef === null || nextButtonRef === void 0
|
167
|
+
nextButtonRef === null || nextButtonRef === void 0 || (_nextButtonRef$curren = nextButtonRef.current) === null || _nextButtonRef$curren === void 0 || _nextButtonRef$curren.focus();
|
160
168
|
}, [isFullScreen, isOpen]);
|
161
169
|
|
162
170
|
// hitting escape key also closes this component
|
@@ -183,7 +191,6 @@ var InterstitialScreen = /*#__PURE__*/_react.default.forwardRef(function (_ref,
|
|
183
191
|
// Apply the block class to the main HTML element
|
184
192
|
className // Apply any supplied class names to the main HTML element.
|
185
193
|
),
|
186
|
-
|
187
194
|
size: "lg",
|
188
195
|
onClose: onClose,
|
189
196
|
open: isOpen,
|
@@ -319,7 +326,6 @@ var InterstitialScreen = /*#__PURE__*/_react.default.forwardRef(function (_ref,
|
|
319
326
|
});
|
320
327
|
|
321
328
|
// Return a placeholder if not released and not enabled by feature flag
|
322
|
-
exports.InterstitialScreen = InterstitialScreen;
|
323
329
|
exports.InterstitialScreen = InterstitialScreen = _settings.pkg.checkComponentEnabled(InterstitialScreen, componentName);
|
324
330
|
|
325
331
|
// The display name of the component, used by React. Note that displayName
|
@@ -4,11 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.InterstitialExampleImg = exports.HowACaseIsCreated3 = exports.HowACaseIsCreated2 = exports.HowACaseIsCreated1 = void 0;
|
7
|
-
var HowACaseIsCreated1 = new URL('./illustrations/how-a-case-is-created-1', import.meta.url).pathname;
|
8
|
-
exports.
|
9
|
-
var
|
10
|
-
exports.
|
11
|
-
var HowACaseIsCreated3 = new URL('./illustrations/how-a-case-is-created-3', import.meta.url).pathname;
|
12
|
-
exports.HowACaseIsCreated3 = HowACaseIsCreated3;
|
13
|
-
var InterstitialExampleImg = new URL('./illustrations/interstitial-ph.png', import.meta.url).pathname;
|
14
|
-
exports.InterstitialExampleImg = InterstitialExampleImg;
|
7
|
+
var HowACaseIsCreated1 = exports.HowACaseIsCreated1 = new URL('./illustrations/how-a-case-is-created-1', import.meta.url).pathname;
|
8
|
+
var HowACaseIsCreated2 = exports.HowACaseIsCreated2 = new URL('./illustrations/how-a-case-is-created-2', import.meta.url).pathname;
|
9
|
+
var HowACaseIsCreated3 = exports.HowACaseIsCreated3 = new URL('./illustrations/how-a-case-is-created-3', import.meta.url).pathname;
|
10
|
+
var InterstitialExampleImg = exports.InterstitialExampleImg = new URL('./illustrations/interstitial-ph.png', import.meta.url).pathname;
|
@@ -13,6 +13,14 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
13
|
var _devtools = require("../../global/js/utils/devtools");
|
14
14
|
var _settings = require("../../settings");
|
15
15
|
var _excluded = ["children", "className", "stepTitle"];
|
16
|
+
/**
|
17
|
+
* Copyright IBM Corp. 2023, 2023
|
18
|
+
*
|
19
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
20
|
+
* LICENSE file in the root directory of this source tree.
|
21
|
+
*/
|
22
|
+
// Import portions of React that are needed.
|
23
|
+
// Other standard imports.
|
16
24
|
// Carbon and package components we use.
|
17
25
|
/* TODO: @import(s) of carbon components and other package components. */
|
18
26
|
|
@@ -23,7 +31,7 @@ var componentName = 'InterstitialScreenView';
|
|
23
31
|
/**
|
24
32
|
* A Novice to Pro component intended to be used as the child elements of the InterstitialScreen component.
|
25
33
|
*/
|
26
|
-
var InterstitialScreenView = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
34
|
+
var InterstitialScreenView = exports.InterstitialScreenView = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
27
35
|
var children = _ref.children,
|
28
36
|
className = _ref.className,
|
29
37
|
stepTitle = _ref.stepTitle,
|
@@ -46,7 +54,6 @@ var InterstitialScreenView = /*#__PURE__*/_react.default.forwardRef(function (_r
|
|
46
54
|
});
|
47
55
|
|
48
56
|
// Return a placeholder if not released and not enabled by feature flag
|
49
|
-
exports.InterstitialScreenView = InterstitialScreenView;
|
50
57
|
exports.InterstitialScreenView = InterstitialScreenView = _settings.pkg.checkComponentEnabled(InterstitialScreenView, componentName);
|
51
58
|
|
52
59
|
// The display name of the component, used by React. Note that displayName
|
@@ -13,6 +13,14 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
13
|
var _devtools = require("../../global/js/utils/devtools");
|
14
14
|
var _settings = require("../../settings");
|
15
15
|
var _excluded = ["className", "title", "description"];
|
16
|
+
/**
|
17
|
+
* Copyright IBM Corp. 2023, 2023
|
18
|
+
*
|
19
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
20
|
+
* LICENSE file in the root directory of this source tree.
|
21
|
+
*/
|
22
|
+
// Import portions of React that are needed.
|
23
|
+
// Other standard imports.
|
16
24
|
// Carbon and package components we use.
|
17
25
|
/* TODO: @import(s) of carbon components and other package components. */
|
18
26
|
|
@@ -34,7 +42,7 @@ var componentName = 'InterstitialScreenViewModule';
|
|
34
42
|
/**
|
35
43
|
* View module to help in building interstitial screen views.
|
36
44
|
*/
|
37
|
-
var InterstitialScreenViewModule = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
45
|
+
var InterstitialScreenViewModule = exports.InterstitialScreenViewModule = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
38
46
|
var className = _ref.className,
|
39
47
|
title = _ref.title,
|
40
48
|
description = _ref.description,
|
@@ -44,7 +52,6 @@ var InterstitialScreenViewModule = /*#__PURE__*/_react.default.forwardRef(functi
|
|
44
52
|
// Apply the block class to the main HTML element
|
45
53
|
className // Apply any supplied class names to the main HTML element.
|
46
54
|
),
|
47
|
-
|
48
55
|
ref: ref
|
49
56
|
}, (0, _devtools.getDevtoolsProps)(componentName)), /*#__PURE__*/_react.default.createElement("h1", {
|
50
57
|
className: "".concat(blockClass, "--heading")
|
@@ -54,7 +61,6 @@ var InterstitialScreenViewModule = /*#__PURE__*/_react.default.forwardRef(functi
|
|
54
61
|
});
|
55
62
|
|
56
63
|
// Return a placeholder if not released and not enabled by feature flag
|
57
|
-
exports.InterstitialScreenViewModule = InterstitialScreenViewModule;
|
58
64
|
exports.InterstitialScreenViewModule = InterstitialScreenViewModule = _settings.pkg.checkComponentEnabled(InterstitialScreenViewModule, componentName);
|
59
65
|
|
60
66
|
// The display name of the component, used by React. Note that displayName
|
@@ -15,7 +15,7 @@ var _iconsReact = require("@carbon/icons-react");
|
|
15
15
|
// LICENSE file in the root directory of this source tree.
|
16
16
|
//
|
17
17
|
|
18
|
-
var ModifiedTabLabelNew = function ModifiedTabLabelNew(_ref) {
|
18
|
+
var ModifiedTabLabelNew = exports.ModifiedTabLabelNew = function ModifiedTabLabelNew(_ref) {
|
19
19
|
var label = _ref.label;
|
20
20
|
return /*#__PURE__*/_react.default.createElement("span", {
|
21
21
|
className: "modified-tabs__tab-new"
|
@@ -25,7 +25,6 @@ var ModifiedTabLabelNew = function ModifiedTabLabelNew(_ref) {
|
|
25
25
|
className: "modified-tabs__tab-new-img"
|
26
26
|
}, /*#__PURE__*/_react.default.createElement(_iconsReact.Add20, null)));
|
27
27
|
};
|
28
|
-
exports.ModifiedTabLabelNew = ModifiedTabLabelNew;
|
29
28
|
ModifiedTabLabelNew.propTypes = {
|
30
29
|
/**
|
31
30
|
* Label content of the tab
|