@carbon/ibm-products 1.73.1 → 1.73.2
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 -53
- 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 -40
- 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 -47
- 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 -51
- 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 +4 -4
- package/scss/components/AboutModal/_about-modal.scss +1 -2
- package/scss/components/Coachmark/styles/_coachmark-tagline.scss +1 -4
- package/scss/components/Datagrid/styles/_datagrid.scss +1 -2
- package/scss/components/SidePanel/_side-panel.scss +1 -4
@@ -16,8 +16,17 @@ var _carbonComponentsReact = require("carbon-components-react");
|
|
16
16
|
var _ActionSet = require("../ActionSet");
|
17
17
|
var _TearsheetShell = require("./TearsheetShell");
|
18
18
|
var _excluded = ["influencerPosition", "influencerWidth", "verticalPosition"];
|
19
|
-
|
20
|
-
|
19
|
+
/**
|
20
|
+
* Copyright IBM Corp. 2020, 2021
|
21
|
+
*
|
22
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
23
|
+
* LICENSE file in the root directory of this source tree.
|
24
|
+
*/
|
25
|
+
// Import portions of React that are needed.
|
26
|
+
// Other standard imports.
|
27
|
+
// Carbon and package components we use.
|
28
|
+
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; }
|
29
|
+
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
30
|
var componentName = 'Tearsheet';
|
22
31
|
|
23
32
|
// NOTE: the component SCSS is not imported here: it is rolled up separately.
|
@@ -41,7 +50,7 @@ var defaults = {
|
|
41
50
|
* panel on either the left or right side, the main content area, and a set of
|
42
51
|
* action buttons.
|
43
52
|
*/
|
44
|
-
var Tearsheet = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
53
|
+
var Tearsheet = exports.Tearsheet = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
45
54
|
var _ref$influencerPositi = _ref.influencerPosition,
|
46
55
|
influencerPosition = _ref$influencerPositi === void 0 ? defaults.influencerPosition : _ref$influencerPositi,
|
47
56
|
_ref$influencerWidth = _ref.influencerWidth,
|
@@ -59,13 +68,12 @@ var Tearsheet = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
|
59
68
|
});
|
60
69
|
|
61
70
|
// Return a placeholder if not released and not enabled by feature flag
|
62
|
-
exports.Tearsheet = Tearsheet;
|
63
71
|
exports.Tearsheet = Tearsheet = _settings.pkg.checkComponentEnabled(Tearsheet, componentName);
|
64
72
|
|
65
73
|
// The display name of the component, used by React. Note that displayName
|
66
74
|
// is used in preference to relying on function.name.
|
67
75
|
Tearsheet.displayName = componentName;
|
68
|
-
var deprecatedProps = {
|
76
|
+
var deprecatedProps = exports.deprecatedProps = {
|
69
77
|
/**
|
70
78
|
* **Deprecated**
|
71
79
|
*
|
@@ -84,7 +92,6 @@ var deprecatedProps = {
|
|
84
92
|
|
85
93
|
// Note that the descriptions here should be kept in sync with those for the
|
86
94
|
// corresponding props for TearsheetNarrow and TearsheetShell components.
|
87
|
-
exports.deprecatedProps = deprecatedProps;
|
88
95
|
Tearsheet.propTypes = _objectSpread({
|
89
96
|
/**
|
90
97
|
* The navigation actions to be shown as buttons in the action area at the
|
@@ -16,8 +16,17 @@ var _carbonComponentsReact = require("carbon-components-react");
|
|
16
16
|
var _ActionSet = require("../ActionSet");
|
17
17
|
var _TearsheetShell = require("./TearsheetShell");
|
18
18
|
var _excluded = ["verticalPosition"];
|
19
|
-
|
20
|
-
|
19
|
+
/**
|
20
|
+
* Copyright IBM Corp. 2020, 2021
|
21
|
+
*
|
22
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
23
|
+
* LICENSE file in the root directory of this source tree.
|
24
|
+
*/
|
25
|
+
// Import portions of React that are needed.
|
26
|
+
// Other standard imports.
|
27
|
+
// Carbon and package components we use.
|
28
|
+
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; }
|
29
|
+
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
30
|
var componentName = 'TearsheetNarrow';
|
22
31
|
|
23
32
|
// NOTE: the component SCSS is not imported here: it is rolled up separately.
|
@@ -35,7 +44,7 @@ var defaults = {
|
|
35
44
|
* A narrow tearsheet comprises 3 zones: a heading area including a title, the
|
36
45
|
* main content area, and a set of action buttons.
|
37
46
|
*/
|
38
|
-
var TearsheetNarrow = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
47
|
+
var TearsheetNarrow = exports.TearsheetNarrow = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
39
48
|
var _ref$verticalPosition = _ref.verticalPosition,
|
40
49
|
verticalPosition = _ref$verticalPosition === void 0 ? defaults.verticalPosition : _ref$verticalPosition,
|
41
50
|
rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
@@ -47,13 +56,12 @@ var TearsheetNarrow = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref
|
|
47
56
|
});
|
48
57
|
|
49
58
|
// Return a placeholder if not released and not enabled by feature flag
|
50
|
-
exports.TearsheetNarrow = TearsheetNarrow;
|
51
59
|
exports.TearsheetNarrow = TearsheetNarrow = _settings.pkg.checkComponentEnabled(TearsheetNarrow, componentName);
|
52
60
|
|
53
61
|
// The display name of the component, used by React. Note that displayName
|
54
62
|
// is used in preference to relying on function.name.
|
55
63
|
TearsheetNarrow.displayName = componentName;
|
56
|
-
var deprecatedProps = {
|
64
|
+
var deprecatedProps = exports.deprecatedProps = {
|
57
65
|
/**
|
58
66
|
* **Deprecated**
|
59
67
|
*
|
@@ -72,7 +80,6 @@ var deprecatedProps = {
|
|
72
80
|
|
73
81
|
// Note that the descriptions here should be kept in sync with those for the
|
74
82
|
// corresponding props for Tearsheet and TearsheetShell components.
|
75
|
-
exports.deprecatedProps = deprecatedProps;
|
76
83
|
TearsheetNarrow.propTypes = _objectSpread({
|
77
84
|
/**
|
78
85
|
* The navigation actions to be shown as buttons in the action area at the
|
@@ -22,10 +22,19 @@ var _ActionSet = require("../ActionSet");
|
|
22
22
|
var _Wrap = require("../../global/js/utils/Wrap");
|
23
23
|
var _useFocus2 = require("../../global/js/hooks/useFocus");
|
24
24
|
var _excluded = ["actions", "children", "className", "closeIconDescription", "description", "hasCloseIcon", "headerActions", "influencer", "influencerPosition", "influencerWidth", "label", "navigation", "onClose", "open", "selectorPrimaryFocus", "size", "portalTarget", "title", "verticalPosition"];
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
25
|
+
/**
|
26
|
+
* Copyright IBM Corp. 2020, 2021
|
27
|
+
*
|
28
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
29
|
+
* LICENSE file in the root directory of this source tree.
|
30
|
+
*/
|
31
|
+
// Import portions of React that are needed.
|
32
|
+
// Other standard imports.
|
33
|
+
// Carbon and package components we use.
|
34
|
+
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); }
|
35
|
+
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; }
|
36
|
+
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; }
|
37
|
+
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
38
|
// The block part of our conventional BEM class names (bc__E--M).
|
30
39
|
var bc = "".concat(_settings.pkg.prefix, "--tearsheet");
|
31
40
|
var bcModalHeader = "".concat(_settings.carbon.prefix, "--modal-header");
|
@@ -46,19 +55,16 @@ var stack = {
|
|
46
55
|
};
|
47
56
|
|
48
57
|
// these props are only applicable when size='wide'
|
49
|
-
var tearsheetShellWideProps = ['headerActions', 'influencer', 'influencerPosition', 'influencerWidth', 'navigation'];
|
50
|
-
exports.
|
51
|
-
var tearsheetIsPassive = function tearsheetIsPassive(actions) {
|
58
|
+
var tearsheetShellWideProps = exports.tearsheetShellWideProps = ['headerActions', 'influencer', 'influencerPosition', 'influencerWidth', 'navigation'];
|
59
|
+
var tearsheetIsPassive = exports.tearsheetIsPassive = function tearsheetIsPassive(actions) {
|
52
60
|
return !actions || !(actions !== null && actions !== void 0 && actions.length);
|
53
61
|
};
|
54
|
-
exports.
|
55
|
-
var tearsheetHasCloseIcon = function tearsheetHasCloseIcon(actions, hasCloseIcon) {
|
62
|
+
var tearsheetHasCloseIcon = exports.tearsheetHasCloseIcon = function tearsheetHasCloseIcon(actions, hasCloseIcon) {
|
56
63
|
return hasCloseIcon !== null && hasCloseIcon !== void 0 ? hasCloseIcon : tearsheetIsPassive(actions);
|
57
64
|
};
|
58
65
|
|
59
66
|
// TearSheetShell is used internally by TearSheet and TearSheetNarrow
|
60
|
-
exports.
|
61
|
-
var TearsheetShell = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
67
|
+
var TearsheetShell = exports.TearsheetShell = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
62
68
|
var actions = _ref.actions,
|
63
69
|
children = _ref.children,
|
64
70
|
className = _ref.className,
|
@@ -137,7 +143,7 @@ var TearsheetShell = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref)
|
|
137
143
|
|
138
144
|
// Callback to give the tearsheet the opportunity to claim focus
|
139
145
|
handleStackChange.claimFocus = function () {
|
140
|
-
firstElement === null || firstElement === void 0
|
146
|
+
firstElement === null || firstElement === void 0 || firstElement.focus();
|
141
147
|
};
|
142
148
|
(0, _react.useEffect)(function () {
|
143
149
|
var notify = function notify() {
|
@@ -184,7 +190,6 @@ var TearsheetShell = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref)
|
|
184
190
|
}
|
185
191
|
}
|
186
192
|
if (position <= depth) {
|
187
|
-
var _cx, _ref2, _cx3, _cx5, _cx6;
|
188
193
|
// Include a modal header if and only if one or more of these is given.
|
189
194
|
// We can't use a Wrap for the ModalHeader because ComposedModal requires
|
190
195
|
// the direct child to be the ModalHeader instance.
|
@@ -194,12 +199,12 @@ var TearsheetShell = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref)
|
|
194
199
|
var includeActions = actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0;
|
195
200
|
return (portalTarget ? _reactDom.createPortal : function (children) {
|
196
201
|
return children;
|
197
|
-
})(
|
202
|
+
})(/*#__PURE__*/_react.default.createElement(_carbonComponentsReact.ComposedModal, (0, _extends2.default)({}, rest, {
|
198
203
|
"aria-label": title,
|
199
|
-
className: (0, _classnames.default)(bc, className, (
|
204
|
+
className: (0, _classnames.default)(bc, className, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(bc, "--stacked-").concat(position, "-of-").concat(depth),
|
200
205
|
// Don't apply this on the initial open of a single tearsheet.
|
201
|
-
depth > 1 || depth === 1 && prevDepth.current > 1),
|
202
|
-
style: (
|
206
|
+
depth > 1 || depth === 1 && prevDepth.current > 1), "".concat(bc, "--wide"), size === 'wide'), "".concat(bc, "--narrow"), size !== 'wide')),
|
207
|
+
style: (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "--".concat(bc, "--stacking-scale-factor-single"), (width - 32) / width), "--".concat(bc, "--stacking-scale-factor-double"), (width - 64) / width),
|
203
208
|
containerClassName: (0, _classnames.default)("".concat(bc, "__container"), (0, _defineProperty2.default)({}, "".concat(bc, "__container--lower"), verticalPosition === 'lower')),
|
204
209
|
onClose: onClose,
|
205
210
|
open: open,
|
@@ -211,7 +216,7 @@ var TearsheetShell = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref)
|
|
211
216
|
selectorsFloatingMenus: [".".concat(_settings.carbon.prefix, "--overflow-menu-options"), ".".concat(_settings.carbon.prefix, "--tooltip"), '.flatpickr-calendar', ".".concat(bc, "__container")],
|
212
217
|
size: "sm"
|
213
218
|
}), includeHeader && /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.ModalHeader, {
|
214
|
-
className: (0, _classnames.default)("".concat(bc, "__header"), (
|
219
|
+
className: (0, _classnames.default)("".concat(bc, "__header"), (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(bc, "__header--with-close-icon"), effectiveHasCloseIcon), "".concat(bc, "__header--with-nav"), navigation)),
|
215
220
|
closeClassName: (0, _classnames.default)((0, _defineProperty2.default)({}, "".concat(bc, "__header--no-close-icon"), !effectiveHasCloseIcon)),
|
216
221
|
iconDescription: closeIconDescription
|
217
222
|
}, /*#__PURE__*/_react.default.createElement(_Wrap.Wrap, {
|
@@ -234,7 +239,7 @@ var TearsheetShell = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref)
|
|
234
239
|
element: _carbonComponentsReact.ModalBody,
|
235
240
|
className: "".concat(bc, "__body")
|
236
241
|
}, /*#__PURE__*/_react.default.createElement(_Wrap.Wrap, {
|
237
|
-
className: (0, _classnames.default)((
|
242
|
+
className: (0, _classnames.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(bc, "__influencer"), true), "".concat(bc, "__influencer--wide"), influencerWidth === 'wide')),
|
238
243
|
neverRender: influencerPosition === 'right'
|
239
244
|
}, influencer), /*#__PURE__*/_react.default.createElement(_Wrap.Wrap, {
|
240
245
|
className: "".concat(bc, "__right")
|
@@ -245,7 +250,7 @@ var TearsheetShell = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref)
|
|
245
250
|
alwaysRender: influencer && influencerPosition === 'right',
|
246
251
|
className: "".concat(bc, "__content")
|
247
252
|
}, children), /*#__PURE__*/_react.default.createElement(_Wrap.Wrap, {
|
248
|
-
className: (0, _classnames.default)((
|
253
|
+
className: (0, _classnames.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(bc, "__influencer"), true), "".concat(bc, "__influencer--wide"), influencerWidth === 'wide')),
|
249
254
|
neverRender: influencerPosition !== 'right'
|
250
255
|
}, influencer)), includeActions && /*#__PURE__*/_react.default.createElement(_Wrap.Wrap, {
|
251
256
|
className: "".concat(bc, "__button-container")
|
@@ -267,9 +272,8 @@ var TearsheetShell = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref)
|
|
267
272
|
|
268
273
|
// The display name of the component, used by React. Note that displayName
|
269
274
|
// is used in preference to relying on function.name.
|
270
|
-
exports.TearsheetShell = TearsheetShell;
|
271
275
|
TearsheetShell.displayName = componentName;
|
272
|
-
var deprecatedProps = {
|
276
|
+
var deprecatedProps = exports.deprecatedProps = {
|
273
277
|
/**
|
274
278
|
* **Deprecated**
|
275
279
|
*
|
@@ -288,7 +292,6 @@ var deprecatedProps = {
|
|
288
292
|
|
289
293
|
// Note that the descriptions here should be kept in sync with those for the
|
290
294
|
// corresponding props for Tearsheet and TearsheetNarrow components.
|
291
|
-
exports.deprecatedProps = deprecatedProps;
|
292
295
|
TearsheetShell.propTypes = _objectSpread({
|
293
296
|
/**
|
294
297
|
* The actions to be shown as buttons in the action area at the bottom of the
|
@@ -16,17 +16,21 @@ var _react = _interopRequireWildcard(require("react"));
|
|
16
16
|
var _getFocusableElements2 = require("../../global/js/utils/getFocusableElements");
|
17
17
|
var _settings = require("../../settings");
|
18
18
|
var _excluded = ["children", "className", "vertical"];
|
19
|
-
|
20
|
-
|
19
|
+
/**
|
20
|
+
* Copyright IBM Corp. 2021, 2022
|
21
|
+
*
|
22
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
23
|
+
* LICENSE file in the root directory of this source tree.
|
24
|
+
*/
|
25
|
+
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); }
|
26
|
+
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; }
|
21
27
|
var checkComponentEnabled = _settings.pkg.checkComponentEnabled,
|
22
28
|
prefix = _settings.pkg.prefix;
|
23
|
-
var blockClass = "".concat(prefix, "--toolbar");
|
24
|
-
exports.
|
25
|
-
var ToolbarContext = /*#__PURE__*/(0, _react.createContext)();
|
29
|
+
var blockClass = exports.blockClass = "".concat(prefix, "--toolbar");
|
30
|
+
var ToolbarContext = exports.ToolbarContext = /*#__PURE__*/(0, _react.createContext)();
|
26
31
|
|
27
32
|
/** Toolbars are a collection of action items that organize a program’s interaction patterns into a series of closely related commands. */
|
28
|
-
exports.
|
29
|
-
var Toolbar = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, r) {
|
33
|
+
var Toolbar = exports.Toolbar = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, r) {
|
30
34
|
var children = _ref2.children,
|
31
35
|
className = _ref2.className,
|
32
36
|
vertical = _ref2.vertical,
|
@@ -92,9 +96,7 @@ var Toolbar = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, r) {
|
|
92
96
|
}
|
93
97
|
}, children));
|
94
98
|
});
|
95
|
-
exports.
|
96
|
-
var componentName = 'Toolbar';
|
97
|
-
exports.componentName = componentName;
|
99
|
+
var componentName = exports.componentName = 'Toolbar';
|
98
100
|
Toolbar.displayName = componentName;
|
99
101
|
Toolbar.propTypes = {
|
100
102
|
/** Provide the content of the `Toolbar` */
|
@@ -16,13 +16,18 @@ var _react = _interopRequireWildcard(require("react"));
|
|
16
16
|
var _settings = require("../../settings");
|
17
17
|
var _Toolbar = require("./Toolbar");
|
18
18
|
var _excluded = ["caret", "children", "className"];
|
19
|
-
|
20
|
-
|
21
|
-
|
19
|
+
/**
|
20
|
+
* Copyright IBM Corp. 2021, 2021
|
21
|
+
*
|
22
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
23
|
+
* LICENSE file in the root directory of this source tree.
|
24
|
+
*/
|
25
|
+
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); }
|
26
|
+
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; }
|
27
|
+
var blockClass = exports.blockClass = "".concat(_Toolbar.blockClass, "__button");
|
22
28
|
|
23
29
|
/** Toolbar buttons are common functions performed as part of a products interface or an open window. */
|
24
|
-
exports.
|
25
|
-
var ToolbarButton = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
30
|
+
var ToolbarButton = exports.ToolbarButton = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
26
31
|
var _useContext;
|
27
32
|
var caret = _ref.caret,
|
28
33
|
children = _ref.children,
|
@@ -40,7 +45,6 @@ var ToolbarButton = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
40
45
|
className: "".concat(blockClass, "__caret")
|
41
46
|
})));
|
42
47
|
});
|
43
|
-
exports.ToolbarButton = ToolbarButton;
|
44
48
|
var componentName = 'ToolbarButton';
|
45
49
|
ToolbarButton.displayName = componentName;
|
46
50
|
ToolbarButton.propTypes = {
|
@@ -14,10 +14,16 @@ var _react = _interopRequireWildcard(require("react"));
|
|
14
14
|
var _settings = require("../../settings");
|
15
15
|
var _Toolbar = require("./Toolbar");
|
16
16
|
var _excluded = ["className", "children"];
|
17
|
-
|
18
|
-
|
17
|
+
/**
|
18
|
+
* Copyright IBM Corp. 2021, 2021
|
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; }
|
19
25
|
/** Toolbar groups organize the commands within a toolbar into related groups. */
|
20
|
-
var ToolbarGroup = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
26
|
+
var ToolbarGroup = exports.ToolbarGroup = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
21
27
|
var className = _ref.className,
|
22
28
|
children = _ref.children,
|
23
29
|
rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
@@ -26,7 +32,6 @@ var ToolbarGroup = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
26
32
|
className: (0, _classnames.default)("".concat(_Toolbar.blockClass, "__group"), className)
|
27
33
|
}), children);
|
28
34
|
});
|
29
|
-
exports.ToolbarGroup = ToolbarGroup;
|
30
35
|
var componentName = 'ToolbarGroup';
|
31
36
|
ToolbarGroup.displayName = componentName;
|
32
37
|
ToolbarGroup.propTypes = {
|
@@ -16,6 +16,15 @@ var _settings = require("../../settings");
|
|
16
16
|
var _iconsReact = require("@carbon/icons-react");
|
17
17
|
var _carbonComponentsReact = require("carbon-components-react");
|
18
18
|
var _excluded = ["backgroundColor", "className", "kind", "icon", "initials", "image", "imageDescription", "size", "theme", "tooltipText"];
|
19
|
+
/**
|
20
|
+
* Copyright IBM Corp. 2021, 2021
|
21
|
+
*
|
22
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
23
|
+
* LICENSE file in the root directory of this source tree.
|
24
|
+
*/
|
25
|
+
// Import portions of React that are needed.
|
26
|
+
// Other standard imports.
|
27
|
+
// Carbon and package components we use.
|
19
28
|
// The block part of our conventional BEM class names (blockClass__E--M).
|
20
29
|
var blockClass = "".concat(_settings.pkg.prefix, "--user-profile-image");
|
21
30
|
var componentName = 'UserProfileImage';
|
@@ -25,7 +34,7 @@ var componentName = 'UserProfileImage';
|
|
25
34
|
/**
|
26
35
|
* This is a user profile image component which displays an image, or initials or icon for a user.
|
27
36
|
*/
|
28
|
-
var UserProfileImage = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
37
|
+
var UserProfileImage = exports.UserProfileImage = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
29
38
|
var backgroundColor = _ref.backgroundColor,
|
30
39
|
className = _ref.className,
|
31
40
|
kind = _ref.kind,
|
@@ -95,7 +104,6 @@ var UserProfileImage = /*#__PURE__*/_react.default.forwardRef(function (_ref, re
|
|
95
104
|
});
|
96
105
|
|
97
106
|
// Return a placeholder if not released and not enabled by feature flag
|
98
|
-
exports.UserProfileImage = UserProfileImage;
|
99
107
|
exports.UserProfileImage = UserProfileImage = _settings.pkg.checkComponentEnabled(UserProfileImage, componentName);
|
100
108
|
UserProfileImage.displayName = componentName;
|
101
109
|
UserProfileImage.propTypes = {
|
@@ -21,10 +21,19 @@ var _motion = require("@carbon/motion");
|
|
21
21
|
var _hooks = require("./hooks");
|
22
22
|
var _devtools = require("../../global/js/utils/devtools");
|
23
23
|
var _excluded = ["actions", "children", "className", "closeIconDescription", "documentationLinks", "documentationLinksIconDescription", "isInitiallyOpen"];
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
24
|
+
/**
|
25
|
+
* Copyright IBM Corp. 2020, 2022
|
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
|
+
// Other standard imports.
|
32
|
+
// Carbon and package components we use.
|
33
|
+
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); }
|
34
|
+
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; }
|
35
|
+
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; }
|
36
|
+
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; }
|
28
37
|
// The block part of our conventional BEM class names (blockClass__E--M).
|
29
38
|
var componentName = 'WebTerminal';
|
30
39
|
var blockClass = "".concat(_settings.pkg.prefix, "--web-terminal");
|
@@ -36,8 +45,7 @@ var defaults = {
|
|
36
45
|
documentationLinksIconDescription: 'Show documentation links',
|
37
46
|
isInitiallyOpen: false
|
38
47
|
};
|
39
|
-
var WebTerminal = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
40
|
-
var _ref3;
|
48
|
+
var WebTerminal = exports.WebTerminal = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
41
49
|
var _ref$actions = _ref.actions,
|
42
50
|
actions = _ref$actions === void 0 ? defaults.actions : _ref$actions,
|
43
51
|
children = _ref.children,
|
@@ -101,7 +109,7 @@ var WebTerminal = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
|
101
109
|
};
|
102
110
|
return shouldRender ? /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, _objectSpread(_objectSpread({}, rest), (0, _devtools.getDevtoolsProps)(componentName)), {
|
103
111
|
ref: ref,
|
104
|
-
className: (0, _classnames.default)([blockClass, className, (
|
112
|
+
className: (0, _classnames.default)([blockClass, className, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(blockClass, "--open"), open), "".concat(blockClass, "--closed"), !open)]),
|
105
113
|
style: {
|
106
114
|
animation: !prefersReducedMotion && webTerminalAnimationName
|
107
115
|
},
|
@@ -148,7 +156,6 @@ var WebTerminal = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
|
148
156
|
});
|
149
157
|
|
150
158
|
// Return a placeholder if not released and not enabled by feature flag
|
151
|
-
exports.WebTerminal = WebTerminal;
|
152
159
|
exports.WebTerminal = WebTerminal = _settings.pkg.checkComponentEnabled(WebTerminal, componentName);
|
153
160
|
|
154
161
|
// The display name of the component, used by React. Note that displayName
|
@@ -14,10 +14,18 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
14
14
|
var _settings = require("../../settings");
|
15
15
|
var _hooks = require("./hooks");
|
16
16
|
var _excluded = ["children"];
|
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
|
+
// Import portions of React that are needed.
|
24
|
+
// Other standard imports.
|
17
25
|
// The block part of our conventional BEM class names (blockClass__E--M).
|
18
26
|
var componentName = 'WebTerminalContentWrapper';
|
19
27
|
var blockClass = "".concat(_settings.pkg.prefix, "--web-terminal-content-wrapper");
|
20
|
-
var WebTerminalContentWrapper = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
28
|
+
var WebTerminalContentWrapper = exports.WebTerminalContentWrapper = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
21
29
|
var children = _ref.children,
|
22
30
|
rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
23
31
|
var _useWebTerminal = (0, _hooks.useWebTerminal)(),
|
@@ -29,7 +37,6 @@ var WebTerminalContentWrapper = /*#__PURE__*/_react.default.forwardRef(function
|
|
29
37
|
});
|
30
38
|
|
31
39
|
// Return a placeholder if not released and not enabled by feature flag
|
32
|
-
exports.WebTerminalContentWrapper = WebTerminalContentWrapper;
|
33
40
|
exports.WebTerminalContentWrapper = WebTerminalContentWrapper = _settings.pkg.checkComponentEnabled(WebTerminalContentWrapper, componentName);
|
34
41
|
|
35
42
|
// The display name of the component, used by React. Note that displayName
|
@@ -10,8 +10,8 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
11
11
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
12
12
|
var _settings = require("../../../settings");
|
13
|
-
function _getRequireWildcardCache(
|
14
|
-
function _interopRequireWildcard(
|
13
|
+
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); }
|
14
|
+
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; }
|
15
15
|
//
|
16
16
|
// Copyright IBM Corp. 2022, 2022
|
17
17
|
//
|
@@ -19,10 +19,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
19
19
|
// LICENSE file in the root directory of this source tree.
|
20
20
|
//
|
21
21
|
|
22
|
-
var WebTerminalContext = /*#__PURE__*/(0, _react.createContext)();
|
23
|
-
exports.WebTerminalContext = WebTerminalContext;
|
22
|
+
var WebTerminalContext = exports.WebTerminalContext = /*#__PURE__*/(0, _react.createContext)();
|
24
23
|
var componentName = 'WebTerminalProvider';
|
25
|
-
var WebTerminalProvider = function WebTerminalProvider(_ref) {
|
24
|
+
var WebTerminalProvider = exports.WebTerminalProvider = function WebTerminalProvider(_ref) {
|
26
25
|
var children = _ref.children;
|
27
26
|
var _useState = (0, _react.useState)(false),
|
28
27
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
@@ -48,7 +47,6 @@ var WebTerminalProvider = function WebTerminalProvider(_ref) {
|
|
48
47
|
};
|
49
48
|
|
50
49
|
// Return a placeholder if not released and not enabled by feature flag
|
51
|
-
exports.WebTerminalProvider = WebTerminalProvider;
|
52
50
|
exports.WebTerminalProvider = WebTerminalProvider = _settings.pkg.checkComponentEnabled(WebTerminalProvider, componentName);
|
53
51
|
WebTerminalProvider.propTypes = {
|
54
52
|
/**
|
@@ -58,7 +56,6 @@ WebTerminalProvider.propTypes = {
|
|
58
56
|
};
|
59
57
|
|
60
58
|
// Custom hook that exposes the provided value from context
|
61
|
-
var useWebTerminal = function useWebTerminal() {
|
59
|
+
var useWebTerminal = exports.useWebTerminal = function useWebTerminal() {
|
62
60
|
return (0, _react.useContext)(WebTerminalContext);
|
63
|
-
};
|
64
|
-
exports.useWebTerminal = useWebTerminal;
|
61
|
+
};
|
@@ -35,5 +35,4 @@ var Navigation = function Navigation() {
|
|
35
35
|
onClick: function onClick() {}
|
36
36
|
}, /*#__PURE__*/_react.default.createElement(_iconsReact.User20, null))));
|
37
37
|
};
|
38
|
-
var _default = Navigation;
|
39
|
-
exports.default = _default;
|
38
|
+
var _default = exports.default = Navigation;
|
@@ -11,7 +11,7 @@ exports.documentationLinks = void 0;
|
|
11
11
|
// LICENSE file in the root directory of this source tree.
|
12
12
|
//
|
13
13
|
|
14
|
-
var documentationLinks = [{
|
14
|
+
var documentationLinks = exports.documentationLinks = [{
|
15
15
|
itemText: 'BX/ICP docs',
|
16
16
|
href: '#',
|
17
17
|
onClick: function onClick() {
|
@@ -35,5 +35,4 @@ var documentationLinks = [{
|
|
35
35
|
onClick: function onClick() {
|
36
36
|
return console.log('clicked');
|
37
37
|
}
|
38
|
-
}];
|
39
|
-
exports.documentationLinks = documentationLinks;
|
38
|
+
}];
|
@@ -13,13 +13,23 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
13
|
var _packageSettings = _interopRequireDefault(require("../../global/js/package-settings"));
|
14
14
|
var _carbonComponentsReact = require("carbon-components-react");
|
15
15
|
var _excluded = ["className", "componentName"];
|
16
|
+
/**
|
17
|
+
* Copyright IBM Corp. 2020, 2021
|
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.
|
24
|
+
// load the package settings direct, because Canary is used by settings.js
|
25
|
+
// Carbon and package components we use.
|
16
26
|
// The block part of our conventional BEM class names (blockClass__E--M).
|
17
27
|
var blockClass = "".concat(_packageSettings.default.prefix, "--canary");
|
18
28
|
|
19
29
|
/**
|
20
30
|
* Canary component used when the component requested is not yet production
|
21
31
|
*/
|
22
|
-
var Canary = function Canary(_ref /*, originalArgs*/) {
|
32
|
+
var Canary = exports.Canary = function Canary(_ref /*, originalArgs*/) {
|
23
33
|
var className = _ref.className,
|
24
34
|
componentName = _ref.componentName,
|
25
35
|
rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
@@ -32,7 +42,6 @@ var Canary = function Canary(_ref /*, originalArgs*/) {
|
|
32
42
|
href: "https://codesandbox.io/s/example-component-olif5?file=/src/config.js"
|
33
43
|
}, "codesandbox"), "."));
|
34
44
|
};
|
35
|
-
exports.Canary = Canary;
|
36
45
|
Canary.propTypes = {
|
37
46
|
/** Provide an optional class to be applied to the containing node */
|
38
47
|
className: _propTypes.default.string,
|
@@ -14,7 +14,7 @@ var _react = require("react");
|
|
14
14
|
* LICENSE file in the root directory of this source tree.
|
15
15
|
*/
|
16
16
|
|
17
|
-
var useActiveElement = function useActiveElement() {
|
17
|
+
var useActiveElement = exports.useActiveElement = function useActiveElement() {
|
18
18
|
var _useState = (0, _react.useState)(document.activeElement),
|
19
19
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
20
20
|
active = _useState2[0],
|
@@ -29,5 +29,4 @@ var useActiveElement = function useActiveElement() {
|
|
29
29
|
};
|
30
30
|
}, []);
|
31
31
|
return active;
|
32
|
-
};
|
33
|
-
exports.useActiveElement = useActiveElement;
|
32
|
+
};
|
@@ -12,7 +12,7 @@ var _react = require("react");
|
|
12
12
|
* LICENSE file in the root directory of this source tree.
|
13
13
|
*/
|
14
14
|
|
15
|
-
var useClickOutside = function useClickOutside(ref, callback) {
|
15
|
+
var useClickOutside = exports.useClickOutside = function useClickOutside(ref, callback) {
|
16
16
|
var handleClick = function handleClick(event) {
|
17
17
|
if (ref.current && !ref.current.contains(event.target)) {
|
18
18
|
callback(event.target);
|
@@ -24,5 +24,4 @@ var useClickOutside = function useClickOutside(ref, callback) {
|
|
24
24
|
document.removeEventListener('click', handleClick);
|
25
25
|
};
|
26
26
|
});
|
27
|
-
};
|
28
|
-
exports.useClickOutside = useClickOutside;
|
27
|
+
};
|