@carbon/ibm-products 1.34.1 → 1.35.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/index-full-carbon.css +46 -13
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +2 -8
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +2 -9
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -7
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +46 -13
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +2 -8
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +46 -13
- package/css/index.css.map +1 -1
- package/css/index.min.css +2 -8
- package/css/index.min.css.map +1 -1
- package/es/components/APIKeyModal/APIKeyDownloader.js +8 -18
- package/es/components/APIKeyModal/APIKeyModal.js +58 -140
- package/es/components/APIKeyModal/index.js +1 -0
- package/es/components/AboutModal/AboutModal.js +40 -45
- package/es/components/AboutModal/index.js +1 -0
- package/es/components/ActionBar/ActionBar.js +69 -82
- package/es/components/ActionBar/ActionBarItem.js +19 -20
- package/es/components/ActionBar/ActionBarOverflowItems.js +10 -10
- package/es/components/ActionBar/index.js +1 -0
- package/es/components/ActionSet/ActionSet.js +30 -39
- package/es/components/ActionSet/actions.js +1 -2
- package/es/components/ActionSet/index.js +1 -0
- package/es/components/AddSelect/AddSelect.js +3 -4
- package/es/components/AddSelect/AddSelectBody.js +67 -87
- package/es/components/AddSelect/AddSelectBreadcrumbs.js +3 -4
- package/es/components/AddSelect/AddSelectColumn.js +27 -45
- package/es/components/AddSelect/AddSelectFilter.js +21 -34
- package/es/components/AddSelect/AddSelectList.js +19 -33
- package/es/components/AddSelect/AddSelectMetaPanel.js +3 -5
- package/es/components/AddSelect/AddSelectSidebar.js +14 -21
- package/es/components/AddSelect/AddSelectSort.js +6 -5
- package/es/components/AddSelect/add-select-utils.js +2 -23
- package/es/components/AddSelect/hooks/useItemSort.js +6 -8
- package/es/components/AddSelect/hooks/useParentSelect.js +3 -6
- package/es/components/AddSelect/hooks/usePath.js +6 -20
- package/es/components/AddSelect/index.js +1 -0
- package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +62 -88
- package/es/components/BreadcrumbWithOverflow/index.js +2 -0
- package/es/components/ButtonMenu/ButtonMenu.js +32 -30
- package/es/components/ButtonMenu/ButtonMenuItem.js +10 -6
- package/es/components/ButtonMenu/index.js +1 -0
- package/es/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +34 -52
- package/es/components/ButtonSetWithOverflow/index.js +1 -0
- package/es/components/Card/Card.js +53 -71
- package/es/components/Card/CardFooter.js +19 -18
- package/es/components/Card/CardHeader.js +13 -13
- package/es/components/Card/index.js +1 -0
- package/es/components/Cascade/Cascade.js +5 -14
- package/es/components/ComboButton/ComboButton.js +24 -35
- package/es/components/ComboButton/ComboButtonItem/index.js +4 -8
- package/es/components/ComboButton/index.js +1 -0
- package/es/components/CreateFullPage/CreateFullPage.js +64 -85
- package/es/components/CreateFullPage/CreateFullPageStep.js +28 -40
- package/es/components/CreateFullPage/index.js +1 -0
- package/es/components/CreateInfluencer/CreateInfluencer.js +14 -15
- package/es/components/CreateInfluencer/index.js +1 -0
- package/es/components/CreateModal/CreateModal.js +19 -31
- package/es/components/CreateModal/index.js +2 -0
- package/es/components/CreateSidePanel/CreateSidePanel.js +24 -37
- package/es/components/CreateSidePanel/index.js +1 -0
- package/es/components/CreateTearsheet/CreateTearsheet.js +65 -88
- package/es/components/CreateTearsheet/CreateTearsheetDivider.js +4 -4
- package/es/components/CreateTearsheet/CreateTearsheetStep.js +31 -42
- package/es/components/CreateTearsheet/index.js +1 -0
- package/es/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +46 -66
- package/es/components/CreateTearsheet/preview-components/MultiStepWithIntro.js +41 -57
- package/es/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +30 -39
- package/es/components/CreateTearsheetNarrow/index.js +1 -0
- package/es/components/DataSpreadsheet/DataSpreadsheet.js +136 -225
- package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +62 -113
- package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +25 -56
- package/es/components/DataSpreadsheet/hooks/index.js +1 -0
- package/es/components/DataSpreadsheet/hooks/useMoveActiveCell.js +6 -5
- package/es/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +23 -44
- package/es/components/DataSpreadsheet/hooks/useResetSpreadsheetFocus.js +5 -5
- package/es/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +18 -30
- package/es/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +10 -14
- package/es/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +34 -54
- package/es/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +10 -10
- package/es/components/DataSpreadsheet/index.js +1 -0
- package/es/components/DataSpreadsheet/utils/checkActiveHeaderCell.js +4 -8
- package/es/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +3 -4
- package/es/components/DataSpreadsheet/utils/createActiveCellFn.js +15 -19
- package/es/components/DataSpreadsheet/utils/createCellSelectionArea.js +15 -17
- package/es/components/DataSpreadsheet/utils/generateData.js +4 -13
- package/es/components/DataSpreadsheet/utils/getCellSize.js +1 -6
- package/es/components/DataSpreadsheet/utils/getSelectionAreaPoints.js +1 -0
- package/es/components/DataSpreadsheet/utils/getSpreadsheetWidth.js +7 -9
- package/es/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +20 -34
- package/es/components/DataSpreadsheet/utils/handleActiveCellInSelectionTab.js +20 -30
- package/es/components/DataSpreadsheet/utils/handleCellDeletion.js +5 -4
- package/es/components/DataSpreadsheet/utils/handleEditSubmit.js +13 -20
- package/es/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +22 -44
- package/es/components/DataSpreadsheet/utils/handleMultipleKeys.js +40 -75
- package/es/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +6 -8
- package/es/components/DataSpreadsheet/utils/removeCellSelections.js +6 -8
- package/es/components/DataSpreadsheet/utils/selectAllCells.js +7 -11
- package/es/components/Datagrid/Datagrid/Datagrid.js +12 -12
- package/es/components/Datagrid/Datagrid/DatagridBody.js +4 -10
- package/es/components/Datagrid/Datagrid/DatagridContent.js +30 -40
- package/es/components/Datagrid/Datagrid/DatagridEmptyBody.js +7 -10
- package/es/components/Datagrid/Datagrid/DatagridExpandedRow.js +4 -6
- package/es/components/Datagrid/Datagrid/DatagridHead.js +6 -6
- package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +2 -9
- package/es/components/Datagrid/Datagrid/DatagridRefBody.js +5 -8
- package/es/components/Datagrid/Datagrid/DatagridRow.js +4 -12
- package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +10 -18
- package/es/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +24 -34
- package/es/components/Datagrid/Datagrid/DatagridSimpleBody.js +2 -7
- package/es/components/Datagrid/Datagrid/DatagridToolbar.js +26 -38
- package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +15 -21
- package/es/components/Datagrid/Datagrid/DraggableElement.js +74 -85
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +3 -5
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +6 -10
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +14 -26
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsModal.js +54 -71
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ModalWrapper.js +6 -13
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/index.js +1 -0
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +11 -12
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +56 -106
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js +7 -21
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/getCellIdAsObject.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +9 -14
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridFocus.js +2 -3
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +29 -63
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +14 -21
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +6 -11
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +21 -34
- package/es/components/Datagrid/Datagrid/addons/RowSize/index.js +1 -0
- package/es/components/Datagrid/Datagrid/index.js +1 -0
- package/es/components/Datagrid/Datagrid.stories/StickyActionsColumnStory.js +10 -0
- package/es/components/Datagrid/Datagrid.stories/common.js +2 -11
- package/es/components/Datagrid/common-column-ids.js +1 -0
- package/es/components/Datagrid/useActionsColumn.js +15 -31
- package/es/components/Datagrid/useColumnCenterAlign.js +0 -8
- package/es/components/Datagrid/useColumnOrder.js +1 -0
- package/es/components/Datagrid/useColumnRightAlign.js +0 -8
- package/es/components/Datagrid/useCustomizeColumns.js +5 -13
- package/es/components/Datagrid/useDatagrid.js +0 -7
- package/es/components/Datagrid/useDefaultStringRenderer.js +0 -9
- package/es/components/Datagrid/useDisableSelectRows.js +2 -10
- package/es/components/Datagrid/useExpandedRow.js +5 -15
- package/es/components/Datagrid/useFlexResize.js +0 -7
- package/es/components/Datagrid/useFloatingScroll.js +9 -22
- package/es/components/Datagrid/useInfiniteScroll.js +10 -16
- package/es/components/Datagrid/useInlineEdit.js +1 -9
- package/es/components/Datagrid/useNestedRowExpander.js +0 -6
- package/es/components/Datagrid/useNestedRows.js +1 -7
- package/es/components/Datagrid/useOnRowClick.js +4 -9
- package/es/components/Datagrid/useParentDimensions.js +6 -16
- package/es/components/Datagrid/useResizeTable.js +1 -7
- package/es/components/Datagrid/useRowExpander.js +0 -5
- package/es/components/Datagrid/useRowIsMouseOver.js +6 -15
- package/es/components/Datagrid/useRowRenderer.js +0 -5
- package/es/components/Datagrid/useRowSize.js +8 -20
- package/es/components/Datagrid/useSelectAllToggle.js +11 -22
- package/es/components/Datagrid/useSelectRows.js +11 -27
- package/es/components/Datagrid/useSkeletonRows.js +1 -6
- package/es/components/Datagrid/useSortableColumns.js +2 -23
- package/es/components/Datagrid/useStickyColumn.js +2 -31
- package/es/components/Datagrid/utils/DatagridActions.js +7 -11
- package/es/components/Datagrid/utils/DatagridPagination.js +5 -6
- package/es/components/Datagrid/utils/Wrapper.js +1 -1
- package/es/components/Datagrid/utils/getArgTypes.js +1 -0
- package/es/components/Datagrid/utils/getInlineEditColumns.js +1 -2
- package/es/components/Datagrid/utils/makeData.js +1 -15
- package/es/components/EditFullPage/EditFullPage.js +27 -20
- package/es/components/EditFullPage/index.js +1 -0
- package/es/components/EditSidePanel/EditSidePanel.js +38 -51
- package/es/components/EditSidePanel/index.js +1 -0
- package/es/components/EditTearsheet/EditTearsheet.js +32 -42
- package/es/components/EditTearsheet/EditTearsheetForm.js +13 -19
- package/es/components/EditTearsheet/index.js +1 -0
- package/es/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js +34 -48
- package/es/components/EditTearsheetNarrow/EditTearsheetNarrow.js +27 -20
- package/es/components/EditTearsheetNarrow/index.js +1 -0
- package/es/components/EditUpdateCards/EditUpdateCards.js +142 -0
- package/es/components/EditUpdateCards/index.js +8 -0
- package/es/components/EmptyStates/EmptyState.js +18 -25
- package/es/components/EmptyStates/EmptyStateContent.js +16 -17
- package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +20 -24
- package/es/components/EmptyStates/ErrorEmptyState/index.js +1 -0
- package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +20 -24
- package/es/components/EmptyStates/NoDataEmptyState/index.js +1 -0
- package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +20 -24
- package/es/components/EmptyStates/NoTagsEmptyState/index.js +1 -0
- package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +20 -24
- package/es/components/EmptyStates/NotFoundEmptyState/index.js +1 -0
- package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +20 -24
- package/es/components/EmptyStates/NotificationsEmptyState/index.js +1 -0
- package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +20 -24
- package/es/components/EmptyStates/UnauthorizedEmptyState/index.js +1 -0
- package/es/components/EmptyStates/assets/ErrorIllustration.js +7 -6
- package/es/components/EmptyStates/assets/NoDataIllustration.js +7 -6
- package/es/components/EmptyStates/assets/NoTagsIllustration.js +7 -6
- package/es/components/EmptyStates/assets/NotFoundIllustration.js +7 -6
- package/es/components/EmptyStates/assets/NotificationsIllustration.js +7 -6
- package/es/components/EmptyStates/assets/UnauthorizedIllustration.js +7 -6
- package/es/components/EmptyStates/index.js +1 -0
- package/es/components/ExampleComponent/ExampleComponent.js +36 -44
- package/es/components/ExampleComponent/index.js +1 -0
- package/es/components/ExportModal/ExportModal.js +41 -80
- package/es/components/ExportModal/index.js +1 -0
- package/es/components/ExpressiveCard/ExpressiveCard.js +3 -20
- package/es/components/ExpressiveCard/index.js +1 -0
- package/es/components/HTTPErrors/HTTPError403/HTTPError403.js +16 -18
- package/es/components/HTTPErrors/HTTPError403/index.js +1 -0
- package/es/components/HTTPErrors/HTTPError404/HTTPError404.js +16 -18
- package/es/components/HTTPErrors/HTTPError404/index.js +1 -0
- package/es/components/HTTPErrors/HTTPErrorContent.js +15 -18
- package/es/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +16 -18
- package/es/components/HTTPErrors/HTTPErrorOther/index.js +1 -0
- package/es/components/HTTPErrors/assets/HTTPErrorSvg403.js +6 -3
- package/es/components/HTTPErrors/assets/HTTPErrorSvg404.js +6 -3
- package/es/components/HTTPErrors/assets/HTTPErrorSvgOther.js +6 -3
- package/es/components/HTTPErrors/index.js +1 -0
- package/es/components/ImportModal/ImportModal.js +40 -92
- package/es/components/ImportModal/index.js +1 -0
- package/es/components/InlineEdit/InlineEdit.js +68 -98
- package/es/components/InlineEdit/index.js +1 -0
- package/es/components/InlineEditV2/InlineEditV2.js +29 -57
- package/es/components/ModifiedTabs/ModifiedTabLabelNew.js +1 -1
- package/es/components/ModifiedTabs/ModifiedTabLabelWithClose.js +6 -9
- package/es/components/ModifiedTabs/ModifiedTabs.js +14 -19
- package/es/components/MultiAddSelect/MultiAddSelect.js +0 -23
- package/es/components/NotificationsPanel/NotificationsPanel.js +85 -126
- package/es/components/NotificationsPanel/NotificationsPanel_data.js +1 -0
- package/es/components/NotificationsPanel/index.js +1 -0
- package/es/components/NotificationsPanel/preview-components/UnreadNotificationBell.js +1 -2
- package/es/components/NotificationsPanel/utils.js +13 -19
- package/es/components/OptionsTile/OptionsTile.js +52 -80
- package/es/components/OptionsTile/index.js +1 -0
- package/es/components/PageHeader/PageHeader.js +119 -186
- package/es/components/PageHeader/PageHeaderDemo.data.js +0 -1
- package/es/components/PageHeader/PageHeaderTitle.js +18 -23
- package/es/components/PageHeader/PageHeaderUtils.js +18 -45
- package/es/components/PageHeader/index.js +1 -0
- package/es/components/ProductiveCard/ProductiveCard.js +7 -23
- package/es/components/ProductiveCard/index.js +1 -0
- package/es/components/RemoveModal/RemoveModal.js +25 -45
- package/es/components/RemoveModal/index.js +1 -0
- package/es/components/Saving/Saving.js +15 -30
- package/es/components/Saving/index.js +1 -0
- package/es/components/SidePanel/SidePanel.js +103 -150
- package/es/components/SidePanel/constants.js +1 -0
- package/es/components/SidePanel/index.js +1 -0
- package/es/components/SingleAddSelect/SingleAddSelect.js +0 -14
- package/es/components/StatusIcon/StatusIcon.js +5 -12
- package/es/components/StatusIcon/index.js +1 -0
- package/es/components/TagSet/TagSet.js +59 -93
- package/es/components/TagSet/TagSetModal.js +19 -30
- package/es/components/TagSet/TagSetOverflow.js +16 -25
- package/es/components/TagSet/index.js +1 -0
- package/es/components/Tearsheet/Tearsheet.js +26 -33
- package/es/components/Tearsheet/TearsheetNarrow.js +22 -25
- package/es/components/Tearsheet/TearsheetShell.js +80 -91
- package/es/components/Tearsheet/index.js +1 -0
- package/es/components/Toolbar/Toolbar.js +13 -27
- package/es/components/Toolbar/ToolbarButton.js +5 -9
- package/es/components/Toolbar/ToolbarGroup.js +4 -6
- package/es/components/Toolbar/index.js +1 -0
- package/es/components/UserProfileImage/UserProfileImage.js +26 -40
- package/es/components/UserProfileImage/index.js +2 -0
- package/es/components/WebTerminal/WebTerminal.js +41 -51
- package/es/components/WebTerminal/WebTerminalContentWrapper.js +14 -11
- package/es/components/WebTerminal/hooks/index.js +8 -7
- package/es/components/WebTerminal/index.js +1 -0
- package/es/components/WebTerminal/preview-components/Navigation.js +2 -4
- package/es/components/WebTerminal/preview-components/documentationLinks.js +1 -0
- package/es/components/_Canary/Canary.js +13 -13
- package/es/components/_Canary/index.js +1 -0
- package/es/components/index.js +2 -0
- package/es/global/js/hooks/index.js +1 -0
- package/es/global/js/hooks/useActiveElement.js +4 -6
- package/es/global/js/hooks/useClickOutside.js +1 -1
- package/es/global/js/hooks/useCreateComponentFocus.js +6 -5
- package/es/global/js/hooks/useCreateComponentStepChange.js +23 -54
- package/es/global/js/hooks/usePreviousValue.js +2 -1
- package/es/global/js/hooks/useResetCreateComponent.js +10 -9
- package/es/global/js/hooks/useRetrieveStepData.js +7 -10
- package/es/global/js/hooks/useValidCreateStepCount.js +2 -1
- package/es/global/js/hooks/useWindowResize.js +8 -16
- package/es/global/js/hooks/useWindowScroll.js +4 -14
- package/es/global/js/package-settings.js +6 -11
- package/es/global/js/utils/ClickListener.js +5 -10
- package/es/global/js/utils/DisplayBox.js +3 -2
- package/es/global/js/utils/Wrap.js +14 -17
- package/es/global/js/utils/deepCloneObject.js +5 -8
- package/es/global/js/utils/devtools.js +1 -4
- package/es/global/js/utils/getBezierValues.js +1 -2
- package/es/global/js/utils/getFocusableElements.js +1 -1
- package/es/global/js/utils/getScrollbarWidth.js +1 -0
- package/es/global/js/utils/keyboardNavigation.js +7 -5
- package/es/global/js/utils/lastIndexInArray.js +0 -2
- package/es/global/js/utils/motionConstants.js +2 -3
- package/es/global/js/utils/pconsole.js +1 -3
- package/es/global/js/utils/props-helper.js +19 -35
- package/es/global/js/utils/rangeWithCallback.js +1 -0
- package/es/global/js/utils/scrollableAncestor.js +5 -8
- package/es/global/js/utils/story-helper.js +9 -8
- package/es/global/js/utils/test-helper.js +25 -42
- package/es/global/js/utils/unwrap-if-fragment.js +8 -16
- package/es/global/js/utils/uuidv4.js +1 -2
- package/es/global/js/utils/uuidv4.spec.js +1 -1
- package/es/global/js/utils/wait.js +1 -1
- package/es/global/js/utils/wrapFocus.js +8 -14
- package/es/index.js +1 -0
- package/es/settings.js +24 -18
- package/lib/components/APIKeyModal/APIKeyDownloader.js +8 -31
- package/lib/components/APIKeyModal/APIKeyModal.js +57 -161
- package/lib/components/APIKeyModal/index.js +0 -1
- package/lib/components/AboutModal/AboutModal.js +33 -60
- package/lib/components/AboutModal/index.js +0 -1
- package/lib/components/ActionBar/ActionBar.js +62 -97
- package/lib/components/ActionBar/ActionBarItem.js +12 -26
- package/lib/components/ActionBar/ActionBarOverflowItems.js +8 -20
- package/lib/components/ActionBar/index.js +0 -2
- package/lib/components/ActionSet/ActionSet.js +26 -49
- package/lib/components/ActionSet/actions.js +1 -5
- package/lib/components/ActionSet/index.js +0 -1
- package/lib/components/AddSelect/AddSelect.js +2 -16
- package/lib/components/AddSelect/AddSelectBody.js +66 -117
- package/lib/components/AddSelect/AddSelectBreadcrumbs.js +3 -14
- package/lib/components/AddSelect/AddSelectColumn.js +26 -67
- package/lib/components/AddSelect/AddSelectFilter.js +20 -48
- package/lib/components/AddSelect/AddSelectList.js +19 -45
- package/lib/components/AddSelect/AddSelectMetaPanel.js +3 -17
- package/lib/components/AddSelect/AddSelectSidebar.js +13 -31
- package/lib/components/AddSelect/AddSelectSort.js +6 -15
- package/lib/components/AddSelect/add-select-utils.js +2 -33
- package/lib/components/AddSelect/hooks/useItemSort.js +6 -13
- package/lib/components/AddSelect/hooks/useParentSelect.js +3 -9
- package/lib/components/AddSelect/hooks/usePath.js +6 -21
- package/lib/components/AddSelect/index.js +0 -1
- package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +55 -102
- package/lib/components/BreadcrumbWithOverflow/index.js +0 -1
- package/lib/components/ButtonMenu/ButtonMenu.js +25 -35
- package/lib/components/ButtonMenu/ButtonMenuItem.js +9 -10
- package/lib/components/ButtonMenu/index.js +0 -2
- package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +33 -71
- package/lib/components/ButtonSetWithOverflow/index.js +0 -1
- package/lib/components/Card/Card.js +52 -84
- package/lib/components/Card/CardFooter.js +19 -28
- package/lib/components/Card/CardHeader.js +13 -23
- package/lib/components/Card/index.js +0 -3
- package/lib/components/Cascade/Cascade.js +4 -30
- package/lib/components/Cascade/index.js +0 -1
- package/lib/components/ComboButton/ComboButton.js +23 -49
- package/lib/components/ComboButton/ComboButtonItem/index.js +2 -10
- package/lib/components/ComboButton/index.js +0 -2
- package/lib/components/CreateFullPage/CreateFullPage.js +59 -103
- package/lib/components/CreateFullPage/CreateFullPageStep.js +27 -56
- package/lib/components/CreateFullPage/index.js +0 -2
- package/lib/components/CreateInfluencer/CreateInfluencer.js +13 -24
- package/lib/components/CreateInfluencer/index.js +0 -1
- package/lib/components/CreateModal/CreateModal.js +16 -39
- package/lib/components/CreateModal/index.js +0 -1
- package/lib/components/CreateSidePanel/CreateSidePanel.js +17 -46
- package/lib/components/CreateSidePanel/index.js +0 -1
- package/lib/components/CreateTearsheet/CreateTearsheet.js +64 -107
- package/lib/components/CreateTearsheet/CreateTearsheetDivider.js +3 -14
- package/lib/components/CreateTearsheet/CreateTearsheetStep.js +30 -58
- package/lib/components/CreateTearsheet/index.js +0 -3
- package/lib/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +45 -79
- package/lib/components/CreateTearsheet/preview-components/MultiStepWithIntro.js +41 -71
- package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +25 -47
- package/lib/components/CreateTearsheetNarrow/index.js +0 -1
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +131 -256
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +61 -135
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +24 -75
- package/lib/components/DataSpreadsheet/hooks/index.js +0 -7
- package/lib/components/DataSpreadsheet/hooks/useMoveActiveCell.js +4 -7
- package/lib/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +23 -48
- package/lib/components/DataSpreadsheet/hooks/useResetSpreadsheetFocus.js +5 -9
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +18 -37
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +7 -18
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +33 -61
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +8 -14
- package/lib/components/DataSpreadsheet/index.js +0 -1
- package/lib/components/DataSpreadsheet/utils/checkActiveHeaderCell.js +1 -9
- package/lib/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +3 -7
- package/lib/components/DataSpreadsheet/utils/createActiveCellFn.js +15 -23
- package/lib/components/DataSpreadsheet/utils/createCellSelectionArea.js +15 -22
- package/lib/components/DataSpreadsheet/utils/generateData.js +4 -16
- package/lib/components/DataSpreadsheet/utils/getCellSize.js +1 -8
- package/lib/components/DataSpreadsheet/utils/getSelectionAreaPoints.js +1 -2
- package/lib/components/DataSpreadsheet/utils/getSpreadsheetWidth.js +7 -12
- package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +19 -38
- package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionTab.js +20 -33
- package/lib/components/DataSpreadsheet/utils/handleCellDeletion.js +5 -8
- package/lib/components/DataSpreadsheet/utils/handleEditSubmit.js +10 -24
- package/lib/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +22 -50
- package/lib/components/DataSpreadsheet/utils/handleMultipleKeys.js +39 -84
- package/lib/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +6 -12
- package/lib/components/DataSpreadsheet/utils/removeCellSelections.js +4 -10
- package/lib/components/DataSpreadsheet/utils/selectAllCells.js +6 -16
- package/lib/components/Datagrid/Datagrid/Datagrid.js +11 -26
- package/lib/components/Datagrid/Datagrid/DatagridBody.js +5 -16
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +31 -64
- package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +8 -16
- package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +4 -10
- package/lib/components/Datagrid/Datagrid/DatagridHead.js +6 -10
- package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +3 -17
- package/lib/components/Datagrid/Datagrid/DatagridRefBody.js +4 -13
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +4 -26
- package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +10 -26
- package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +23 -48
- package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +2 -14
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +26 -51
- package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +15 -31
- package/lib/components/Datagrid/Datagrid/DraggableElement.js +75 -98
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +3 -14
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +5 -21
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +14 -41
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsModal.js +54 -84
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ModalWrapper.js +5 -21
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js +1 -5
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/index.js +0 -3
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +11 -20
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/index.js +0 -1
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +55 -125
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/index.js +0 -1
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js +6 -32
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/getCellIdAsObject.js +1 -3
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/index.js +0 -1
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +8 -18
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridFocus.js +2 -5
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +28 -70
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +14 -27
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +5 -26
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +21 -44
- package/lib/components/Datagrid/Datagrid/addons/RowSize/index.js +0 -2
- package/lib/components/Datagrid/Datagrid/index.js +0 -1
- package/lib/components/Datagrid/Datagrid.stories/StickyActionsColumnStory.js +10 -0
- package/lib/components/Datagrid/Datagrid.stories/common.js +2 -17
- package/lib/components/Datagrid/Datagrid.stories/index.js +0 -6
- package/lib/components/Datagrid/common-column-ids.js +1 -1
- package/lib/components/Datagrid/index.js +0 -19
- package/lib/components/Datagrid/useActionsColumn.js +15 -37
- package/lib/components/Datagrid/useColumnCenterAlign.js +0 -14
- package/lib/components/Datagrid/useColumnOrder.js +1 -4
- package/lib/components/Datagrid/useColumnRightAlign.js +0 -14
- package/lib/components/Datagrid/useCustomizeColumns.js +4 -20
- package/lib/components/Datagrid/useDatagrid.js +0 -20
- package/lib/components/Datagrid/useDefaultStringRenderer.js +0 -15
- package/lib/components/Datagrid/useDisableSelectRows.js +2 -11
- package/lib/components/Datagrid/useExpandedRow.js +5 -20
- package/lib/components/Datagrid/useFlexResize.js +0 -9
- package/lib/components/Datagrid/useFloatingScroll.js +10 -27
- package/lib/components/Datagrid/useInfiniteScroll.js +11 -21
- package/lib/components/Datagrid/useInlineEdit.js +2 -15
- package/lib/components/Datagrid/useNestedRowExpander.js +1 -13
- package/lib/components/Datagrid/useNestedRows.js +2 -11
- package/lib/components/Datagrid/useOnRowClick.js +4 -10
- package/lib/components/Datagrid/useParentDimensions.js +7 -18
- package/lib/components/Datagrid/useResizeTable.js +2 -8
- package/lib/components/Datagrid/useRowExpander.js +1 -8
- package/lib/components/Datagrid/useRowIsMouseOver.js +5 -19
- package/lib/components/Datagrid/useRowRenderer.js +1 -7
- package/lib/components/Datagrid/useRowSize.js +7 -24
- package/lib/components/Datagrid/useSelectAllToggle.js +12 -29
- package/lib/components/Datagrid/useSelectRows.js +11 -39
- package/lib/components/Datagrid/useSkeletonRows.js +1 -8
- package/lib/components/Datagrid/useSortableColumns.js +2 -29
- package/lib/components/Datagrid/useStickyColumn.js +1 -37
- package/lib/components/Datagrid/utils/DatagridActions.js +7 -21
- package/lib/components/Datagrid/utils/DatagridPagination.js +5 -11
- package/lib/components/Datagrid/utils/Wrapper.js +1 -5
- package/lib/components/Datagrid/utils/getArgTypes.js +1 -1
- package/lib/components/Datagrid/utils/getInlineEditColumns.js +1 -6
- package/lib/components/Datagrid/utils/makeData.js +0 -24
- package/lib/components/EditFullPage/EditFullPage.js +22 -24
- package/lib/components/EditFullPage/index.js +0 -1
- package/lib/components/EditSidePanel/EditSidePanel.js +31 -59
- package/lib/components/EditSidePanel/index.js +0 -1
- package/lib/components/EditTearsheet/EditTearsheet.js +31 -59
- package/lib/components/EditTearsheet/EditTearsheetForm.js +12 -33
- package/lib/components/EditTearsheet/index.js +0 -2
- package/lib/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js +34 -61
- package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js +22 -24
- package/lib/components/EditTearsheetNarrow/index.js +0 -1
- package/lib/components/EditUpdateCards/EditUpdateCards.js +140 -0
- package/lib/components/EditUpdateCards/index.js +12 -0
- package/lib/components/EmptyStates/EmptyState.js +13 -38
- package/lib/components/EmptyStates/EmptyStateContent.js +10 -25
- package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +15 -37
- package/lib/components/EmptyStates/ErrorEmptyState/index.js +0 -1
- package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +15 -37
- package/lib/components/EmptyStates/NoDataEmptyState/index.js +0 -1
- package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +15 -37
- package/lib/components/EmptyStates/NoTagsEmptyState/index.js +0 -1
- package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +15 -37
- package/lib/components/EmptyStates/NotFoundEmptyState/index.js +0 -1
- package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +15 -37
- package/lib/components/EmptyStates/NotificationsEmptyState/index.js +0 -1
- package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +15 -37
- package/lib/components/EmptyStates/UnauthorizedEmptyState/index.js +0 -1
- package/lib/components/EmptyStates/assets/ErrorIllustration.js +2 -13
- package/lib/components/EmptyStates/assets/NoDataIllustration.js +2 -13
- package/lib/components/EmptyStates/assets/NoTagsIllustration.js +2 -13
- package/lib/components/EmptyStates/assets/NotFoundIllustration.js +2 -13
- package/lib/components/EmptyStates/assets/NotificationsIllustration.js +2 -13
- package/lib/components/EmptyStates/assets/UnauthorizedIllustration.js +2 -13
- package/lib/components/EmptyStates/index.js +0 -7
- package/lib/components/ExampleComponent/ExampleComponent.js +29 -51
- package/lib/components/ExampleComponent/index.js +0 -1
- package/lib/components/ExportModal/ExportModal.js +40 -95
- package/lib/components/ExportModal/index.js +0 -1
- package/lib/components/ExpressiveCard/ExpressiveCard.js +3 -32
- package/lib/components/ExpressiveCard/index.js +0 -1
- package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +11 -27
- package/lib/components/HTTPErrors/HTTPError403/index.js +0 -1
- package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +11 -27
- package/lib/components/HTTPErrors/HTTPError404/index.js +0 -1
- package/lib/components/HTTPErrors/HTTPErrorContent.js +9 -23
- package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +11 -27
- package/lib/components/HTTPErrors/HTTPErrorOther/index.js +0 -1
- package/lib/components/HTTPErrors/assets/HTTPErrorSvg403.js +6 -7
- package/lib/components/HTTPErrors/assets/HTTPErrorSvg404.js +6 -7
- package/lib/components/HTTPErrors/assets/HTTPErrorSvgOther.js +6 -7
- package/lib/components/HTTPErrors/index.js +0 -3
- package/lib/components/ImportModal/ImportModal.js +39 -110
- package/lib/components/ImportModal/index.js +0 -1
- package/lib/components/InlineEdit/InlineEdit.js +61 -111
- package/lib/components/InlineEdit/index.js +0 -1
- package/lib/components/InlineEditV2/InlineEditV2.js +29 -74
- package/lib/components/InlineEditV2/index.js +0 -1
- package/lib/components/ModifiedTabs/ModifiedTabLabelNew.js +1 -7
- package/lib/components/ModifiedTabs/ModifiedTabLabelWithClose.js +6 -15
- package/lib/components/ModifiedTabs/ModifiedTabs.js +14 -32
- package/lib/components/ModifiedTabs/index.js +0 -1
- package/lib/components/MultiAddSelect/MultiAddSelect.js +0 -34
- package/lib/components/MultiAddSelect/index.js +0 -1
- package/lib/components/NotificationsPanel/NotificationsPanel.js +78 -143
- package/lib/components/NotificationsPanel/NotificationsPanel_data.js +1 -4
- package/lib/components/NotificationsPanel/index.js +0 -1
- package/lib/components/NotificationsPanel/preview-components/UnreadNotificationBell.js +1 -4
- package/lib/components/NotificationsPanel/utils.js +13 -21
- package/lib/components/OptionsTile/OptionsTile.js +45 -96
- package/lib/components/OptionsTile/index.js +0 -1
- package/lib/components/PageHeader/PageHeader.js +116 -212
- package/lib/components/PageHeader/PageHeaderDemo.data.js +0 -3
- package/lib/components/PageHeader/PageHeaderTitle.js +17 -35
- package/lib/components/PageHeader/PageHeaderUtils.js +17 -58
- package/lib/components/PageHeader/index.js +0 -1
- package/lib/components/ProductiveCard/ProductiveCard.js +6 -36
- package/lib/components/ProductiveCard/index.js +0 -1
- package/lib/components/RemoveModal/RemoveModal.js +24 -61
- package/lib/components/RemoveModal/index.js +0 -1
- package/lib/components/Saving/Saving.js +14 -44
- package/lib/components/Saving/index.js +0 -1
- package/lib/components/SidePanel/SidePanel.js +98 -173
- package/lib/components/SidePanel/constants.js +1 -1
- package/lib/components/SidePanel/index.js +0 -1
- package/lib/components/SidePanel/motion/variants.js +0 -2
- package/lib/components/SingleAddSelect/SingleAddSelect.js +0 -26
- package/lib/components/SingleAddSelect/index.js +0 -1
- package/lib/components/StatusIcon/StatusIcon.js +5 -23
- package/lib/components/StatusIcon/index.js +0 -1
- package/lib/components/TagSet/TagSet.js +58 -113
- package/lib/components/TagSet/TagSetModal.js +18 -46
- package/lib/components/TagSet/TagSetOverflow.js +15 -43
- package/lib/components/TagSet/index.js +0 -1
- package/lib/components/Tearsheet/Tearsheet.js +20 -42
- package/lib/components/Tearsheet/TearsheetNarrow.js +16 -34
- package/lib/components/Tearsheet/TearsheetShell.js +73 -114
- package/lib/components/Tearsheet/index.js +0 -2
- package/lib/components/Toolbar/Toolbar.js +12 -40
- package/lib/components/Toolbar/ToolbarButton.js +4 -22
- package/lib/components/Toolbar/ToolbarGroup.js +2 -16
- package/lib/components/Toolbar/index.js +0 -3
- package/lib/components/UserProfileImage/UserProfileImage.js +19 -48
- package/lib/components/UserProfileImage/index.js +0 -1
- package/lib/components/WebTerminal/WebTerminal.js +34 -67
- package/lib/components/WebTerminal/WebTerminalContentWrapper.js +9 -20
- package/lib/components/WebTerminal/hooks/index.js +8 -19
- package/lib/components/WebTerminal/index.js +0 -3
- package/lib/components/WebTerminal/preview-components/Navigation.js +2 -9
- package/lib/components/WebTerminal/preview-components/documentationLinks.js +1 -0
- package/lib/components/WebTerminal/preview-components/index.js +0 -2
- package/lib/components/_Canary/Canary.js +4 -17
- package/lib/components/_Canary/index.js +0 -1
- package/lib/components/index.js +7 -38
- package/lib/global/js/hooks/index.js +0 -10
- package/lib/global/js/hooks/useActiveElement.js +4 -10
- package/lib/global/js/hooks/useClickOutside.js +1 -4
- package/lib/global/js/hooks/useCreateComponentFocus.js +4 -8
- package/lib/global/js/hooks/useCreateComponentStepChange.js +23 -59
- package/lib/global/js/hooks/usePreviousValue.js +0 -3
- package/lib/global/js/hooks/useResetCreateComponent.js +8 -11
- package/lib/global/js/hooks/useRetrieveStepData.js +5 -12
- package/lib/global/js/hooks/useValidCreateStepCount.js +0 -3
- package/lib/global/js/hooks/useWindowResize.js +8 -21
- package/lib/global/js/hooks/useWindowScroll.js +4 -20
- package/lib/global/js/package-settings.js +5 -14
- package/lib/global/js/utils/ClickListener.js +3 -16
- package/lib/global/js/utils/DisplayBox.js +3 -9
- package/lib/global/js/utils/Wrap.js +8 -22
- package/lib/global/js/utils/deepCloneObject.js +5 -11
- package/lib/global/js/utils/devtools.js +1 -6
- package/lib/global/js/utils/getBezierValues.js +1 -5
- package/lib/global/js/utils/getFocusableElements.js +1 -4
- package/lib/global/js/utils/getScrollbarWidth.js +1 -2
- package/lib/global/js/utils/keyboardNavigation.js +7 -6
- package/lib/global/js/utils/lastIndexInArray.js +0 -4
- package/lib/global/js/utils/motionConstants.js +1 -5
- package/lib/global/js/utils/pconsole.js +1 -7
- package/lib/global/js/utils/props-helper.js +15 -57
- package/lib/global/js/utils/rangeWithCallback.js +1 -2
- package/lib/global/js/utils/scrollableAncestor.js +5 -12
- package/lib/global/js/utils/story-helper.js +7 -21
- package/lib/global/js/utils/test-helper.js +25 -69
- package/lib/global/js/utils/unwrap-if-fragment.js +7 -19
- package/lib/global/js/utils/uuidv4.js +1 -3
- package/lib/global/js/utils/uuidv4.spec.js +1 -3
- package/lib/global/js/utils/wait.js +1 -2
- package/lib/global/js/utils/wrapFocus.js +6 -16
- package/lib/index.js +0 -3
- package/lib/settings.js +24 -27
- package/package.json +8 -8
- package/scss/components/EditUpdateCards/_edit-update-cards.scss +87 -0
- package/scss/components/EditUpdateCards/_index.scss +8 -0
- package/scss/components/EditUpdateCards/_storybook-styles.scss +56 -0
- package/scss/components/InlineEditV2/_inline-edit-v2.scss +11 -8
- package/scss/components/InlineEditV2/_storybook-styles.scss +3 -0
- package/scss/components/SidePanel/_side-panel.scss +2 -3
- package/scss/components/_index.scss +1 -1
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
6
6
|
*/
|
|
7
|
+
|
|
7
8
|
import { useEffect } from 'react';
|
|
8
9
|
export var useClickOutside = function useClickOutside(ref, callback) {
|
|
9
10
|
var handleClick = function handleClick(event) {
|
|
@@ -11,7 +12,6 @@ export var useClickOutside = function useClickOutside(ref, callback) {
|
|
|
11
12
|
callback(event.target);
|
|
12
13
|
}
|
|
13
14
|
};
|
|
14
|
-
|
|
15
15
|
useEffect(function () {
|
|
16
16
|
document.addEventListener('click', handleClick);
|
|
17
17
|
return function () {
|
|
@@ -4,14 +4,16 @@
|
|
|
4
4
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
6
6
|
*/
|
|
7
|
+
|
|
7
8
|
import { useEffect } from 'react';
|
|
8
|
-
import { getFocusableElements } from '../utils/getFocusableElements';
|
|
9
|
+
import { getFocusableElements } from '../utils/getFocusableElements';
|
|
9
10
|
|
|
11
|
+
// Focus the first focusable element and call the onMount prop for the current step if one is provided
|
|
10
12
|
export var useCreateComponentFocus = function useCreateComponentFocus(_ref) {
|
|
11
13
|
var previousState = _ref.previousState,
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
14
|
+
currentStep = _ref.currentStep,
|
|
15
|
+
blockClass = _ref.blockClass,
|
|
16
|
+
onMount = _ref.onMount;
|
|
15
17
|
useEffect(function () {
|
|
16
18
|
if (typeof onMount === 'function') {
|
|
17
19
|
onMount();
|
|
@@ -21,7 +23,6 @@ export var useCreateComponentFocus = function useCreateComponentFocus(_ref) {
|
|
|
21
23
|
if ((previousState === null || previousState === void 0 ? void 0 : previousState.currentStep) !== currentStep && currentStep > 0) {
|
|
22
24
|
var visibleStepInnerContent = document.querySelector(".".concat(blockClass, "__step.").concat(blockClass, "__step__step--visible-step"));
|
|
23
25
|
var focusableStepElements = visibleStepInnerContent ? getFocusableElements(visibleStepInnerContent) : [];
|
|
24
|
-
|
|
25
26
|
if (focusableStepElements && focusableStepElements.length) {
|
|
26
27
|
focusableStepElements[0].focus();
|
|
27
28
|
} else {
|
|
@@ -1,47 +1,45 @@
|
|
|
1
1
|
import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
|
2
2
|
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
3
|
-
|
|
4
3
|
/**
|
|
5
4
|
* Copyright IBM Corp. 2021, 2022
|
|
6
5
|
*
|
|
7
6
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
8
7
|
* LICENSE file in the root directory of this source tree.
|
|
9
8
|
*/
|
|
9
|
+
|
|
10
10
|
import { useCallback, useEffect } from 'react';
|
|
11
11
|
export var useCreateComponentStepChange = function useCreateComponentStepChange(_ref) {
|
|
12
12
|
var firstIncludedStep = _ref.firstIncludedStep,
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
13
|
+
lastIncludedStep = _ref.lastIncludedStep,
|
|
14
|
+
stepData = _ref.stepData,
|
|
15
|
+
onNext = _ref.onNext,
|
|
16
|
+
isSubmitDisabled = _ref.isSubmitDisabled,
|
|
17
|
+
setCurrentStep = _ref.setCurrentStep,
|
|
18
|
+
setIsSubmitting = _ref.setIsSubmitting,
|
|
19
|
+
setShouldViewAll = _ref.setShouldViewAll,
|
|
20
|
+
onClose = _ref.onClose,
|
|
21
|
+
onRequestSubmit = _ref.onRequestSubmit,
|
|
22
|
+
componentName = _ref.componentName,
|
|
23
|
+
currentStep = _ref.currentStep,
|
|
24
|
+
shouldViewAll = _ref.shouldViewAll,
|
|
25
|
+
backButtonText = _ref.backButtonText,
|
|
26
|
+
cancelButtonText = _ref.cancelButtonText,
|
|
27
|
+
submitButtonText = _ref.submitButtonText,
|
|
28
|
+
nextButtonText = _ref.nextButtonText,
|
|
29
|
+
isSubmitting = _ref.isSubmitting,
|
|
30
|
+
componentBlockClass = _ref.componentBlockClass,
|
|
31
|
+
setCreateComponentActions = _ref.setCreateComponentActions,
|
|
32
|
+
setModalIsOpen = _ref.setModalIsOpen;
|
|
33
33
|
// useEffect to handle multi step logic
|
|
34
34
|
useEffect(function () {
|
|
35
35
|
var onUnmount = function onUnmount() {
|
|
36
36
|
if (componentName !== 'CreateFullPage') {
|
|
37
37
|
setCurrentStep(0);
|
|
38
38
|
}
|
|
39
|
-
|
|
40
39
|
setIsSubmitting(false);
|
|
41
40
|
setShouldViewAll(false);
|
|
42
41
|
onClose();
|
|
43
42
|
};
|
|
44
|
-
|
|
45
43
|
var handleOnRequestSubmit = /*#__PURE__*/function () {
|
|
46
44
|
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
|
|
47
45
|
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
@@ -51,18 +49,15 @@ export var useCreateComponentStepChange = function useCreateComponentStepChange(
|
|
|
51
49
|
_context.prev = 0;
|
|
52
50
|
_context.next = 3;
|
|
53
51
|
return onRequestSubmit();
|
|
54
|
-
|
|
55
52
|
case 3:
|
|
56
53
|
onUnmount();
|
|
57
54
|
_context.next = 10;
|
|
58
55
|
break;
|
|
59
|
-
|
|
60
56
|
case 6:
|
|
61
57
|
_context.prev = 6;
|
|
62
58
|
_context.t0 = _context["catch"](0);
|
|
63
59
|
setIsSubmitting(false);
|
|
64
60
|
console.warn("".concat(componentName, " submit error: ").concat(_context.t0));
|
|
65
|
-
|
|
66
61
|
case 10:
|
|
67
62
|
case "end":
|
|
68
63
|
return _context.stop();
|
|
@@ -70,12 +65,10 @@ export var useCreateComponentStepChange = function useCreateComponentStepChange(
|
|
|
70
65
|
}
|
|
71
66
|
}, _callee, null, [[0, 6]]);
|
|
72
67
|
}));
|
|
73
|
-
|
|
74
68
|
return function handleOnRequestSubmit() {
|
|
75
69
|
return _ref2.apply(this, arguments);
|
|
76
70
|
};
|
|
77
71
|
}();
|
|
78
|
-
|
|
79
72
|
var handleNext = /*#__PURE__*/function () {
|
|
80
73
|
var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
|
|
81
74
|
return _regeneratorRuntime.wrap(function _callee2$(_context2) {
|
|
@@ -83,34 +76,27 @@ export var useCreateComponentStepChange = function useCreateComponentStepChange(
|
|
|
83
76
|
switch (_context2.prev = _context2.next) {
|
|
84
77
|
case 0:
|
|
85
78
|
setIsSubmitting(true);
|
|
86
|
-
|
|
87
79
|
if (!(typeof onNext === 'function')) {
|
|
88
80
|
_context2.next = 14;
|
|
89
81
|
break;
|
|
90
82
|
}
|
|
91
|
-
|
|
92
83
|
_context2.prev = 2;
|
|
93
84
|
_context2.next = 5;
|
|
94
85
|
return onNext();
|
|
95
|
-
|
|
96
86
|
case 5:
|
|
97
87
|
continueToNextStep();
|
|
98
88
|
_context2.next = 12;
|
|
99
89
|
break;
|
|
100
|
-
|
|
101
90
|
case 8:
|
|
102
91
|
_context2.prev = 8;
|
|
103
92
|
_context2.t0 = _context2["catch"](2);
|
|
104
93
|
setIsSubmitting(false);
|
|
105
94
|
console.warn("".concat(componentName, " onNext error: ").concat(_context2.t0));
|
|
106
|
-
|
|
107
95
|
case 12:
|
|
108
96
|
_context2.next = 15;
|
|
109
97
|
break;
|
|
110
|
-
|
|
111
98
|
case 14:
|
|
112
99
|
continueToNextStep();
|
|
113
|
-
|
|
114
100
|
case 15:
|
|
115
101
|
case "end":
|
|
116
102
|
return _context2.stop();
|
|
@@ -118,51 +104,42 @@ export var useCreateComponentStepChange = function useCreateComponentStepChange(
|
|
|
118
104
|
}
|
|
119
105
|
}, _callee2, null, [[2, 8]]);
|
|
120
106
|
}));
|
|
121
|
-
|
|
122
107
|
return function handleNext() {
|
|
123
108
|
return _ref3.apply(this, arguments);
|
|
124
109
|
};
|
|
125
110
|
}();
|
|
126
|
-
|
|
127
111
|
var handleSubmit = /*#__PURE__*/function () {
|
|
128
112
|
var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
|
|
129
113
|
return _regeneratorRuntime.wrap(function _callee3$(_context3) {
|
|
130
114
|
while (1) {
|
|
131
115
|
switch (_context3.prev = _context3.next) {
|
|
132
116
|
case 0:
|
|
133
|
-
setIsSubmitting(true);
|
|
134
|
-
|
|
117
|
+
setIsSubmitting(true);
|
|
118
|
+
// last step should have onNext as well
|
|
135
119
|
if (!(typeof onNext === 'function')) {
|
|
136
120
|
_context3.next = 15;
|
|
137
121
|
break;
|
|
138
122
|
}
|
|
139
|
-
|
|
140
123
|
_context3.prev = 2;
|
|
141
124
|
_context3.next = 5;
|
|
142
125
|
return onNext();
|
|
143
|
-
|
|
144
126
|
case 5:
|
|
145
127
|
_context3.next = 7;
|
|
146
128
|
return handleOnRequestSubmit();
|
|
147
|
-
|
|
148
129
|
case 7:
|
|
149
130
|
_context3.next = 13;
|
|
150
131
|
break;
|
|
151
|
-
|
|
152
132
|
case 9:
|
|
153
133
|
_context3.prev = 9;
|
|
154
134
|
_context3.t0 = _context3["catch"](2);
|
|
155
135
|
setIsSubmitting(false);
|
|
156
136
|
console.warn("".concat(componentName, " onNext error: ").concat(_context3.t0));
|
|
157
|
-
|
|
158
137
|
case 13:
|
|
159
138
|
_context3.next = 17;
|
|
160
139
|
break;
|
|
161
|
-
|
|
162
140
|
case 15:
|
|
163
141
|
_context3.next = 17;
|
|
164
142
|
return handleOnRequestSubmit();
|
|
165
|
-
|
|
166
143
|
case 17:
|
|
167
144
|
case "end":
|
|
168
145
|
return _context3.stop();
|
|
@@ -170,15 +147,12 @@ export var useCreateComponentStepChange = function useCreateComponentStepChange(
|
|
|
170
147
|
}
|
|
171
148
|
}, _callee3, null, [[2, 9]]);
|
|
172
149
|
}));
|
|
173
|
-
|
|
174
150
|
return function handleSubmit() {
|
|
175
151
|
return _ref4.apply(this, arguments);
|
|
176
152
|
};
|
|
177
153
|
}();
|
|
178
|
-
|
|
179
154
|
if ((stepData === null || stepData === void 0 ? void 0 : stepData.length) > 0) {
|
|
180
155
|
var buttons = [];
|
|
181
|
-
|
|
182
156
|
if ((stepData === null || stepData === void 0 ? void 0 : stepData.length) > 1 && !shouldViewAll) {
|
|
183
157
|
buttons.push({
|
|
184
158
|
key: 'create-action-button-back',
|
|
@@ -190,10 +164,8 @@ export var useCreateComponentStepChange = function useCreateComponentStepChange(
|
|
|
190
164
|
// have disabled the back button since we have reached the first visible step
|
|
191
165
|
do {
|
|
192
166
|
var _stepData;
|
|
193
|
-
|
|
194
167
|
prev--;
|
|
195
168
|
} while (!((_stepData = stepData[prev - 1]) !== null && _stepData !== void 0 && _stepData.shouldIncludeStep));
|
|
196
|
-
|
|
197
169
|
return prev;
|
|
198
170
|
});
|
|
199
171
|
},
|
|
@@ -201,7 +173,6 @@ export var useCreateComponentStepChange = function useCreateComponentStepChange(
|
|
|
201
173
|
disabled: currentStep === firstIncludedStep
|
|
202
174
|
});
|
|
203
175
|
}
|
|
204
|
-
|
|
205
176
|
buttons.push({
|
|
206
177
|
key: 'create-action-button-cancel',
|
|
207
178
|
label: cancelButtonText,
|
|
@@ -230,10 +201,8 @@ export var useCreateComponentStepChange = function useCreateComponentStepChange(
|
|
|
230
201
|
// have reach the onSubmit
|
|
231
202
|
do {
|
|
232
203
|
var _stepData2;
|
|
233
|
-
|
|
234
204
|
prev++;
|
|
235
205
|
} while (!((_stepData2 = stepData[prev - 1]) !== null && _stepData2 !== void 0 && _stepData2.shouldIncludeStep));
|
|
236
|
-
|
|
237
206
|
return prev;
|
|
238
207
|
});
|
|
239
208
|
}, [setCurrentStep, setIsSubmitting, stepData]);
|
|
@@ -4,12 +4,13 @@
|
|
|
4
4
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
6
6
|
*/
|
|
7
|
+
|
|
7
8
|
import { useEffect, useRef } from 'react';
|
|
9
|
+
|
|
8
10
|
/**
|
|
9
11
|
* Returns the previous state values included in the param
|
|
10
12
|
* @param {object} value
|
|
11
13
|
*/
|
|
12
|
-
|
|
13
14
|
export var usePreviousValue = function usePreviousValue(value) {
|
|
14
15
|
var ref = useRef();
|
|
15
16
|
useEffect(function () {
|
|
@@ -4,7 +4,9 @@
|
|
|
4
4
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
6
6
|
*/
|
|
7
|
+
|
|
7
8
|
import { useEffect } from 'react';
|
|
9
|
+
|
|
8
10
|
/**
|
|
9
11
|
* Resets the current step of the create component if it has been closed.
|
|
10
12
|
* @param {object} useResetCreateComponent - Create component that uses this custom hook
|
|
@@ -16,15 +18,14 @@ import { useEffect } from 'react';
|
|
|
16
18
|
* @param {number} useResetCreateComponent.totalSteps
|
|
17
19
|
* @param {string} useResetCreateComponent.componentName
|
|
18
20
|
*/
|
|
19
|
-
|
|
20
21
|
export var useResetCreateComponent = function useResetCreateComponent(_ref) {
|
|
21
22
|
var firstIncludedStep = _ref.firstIncludedStep,
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
23
|
+
previousState = _ref.previousState,
|
|
24
|
+
open = _ref.open,
|
|
25
|
+
setCurrentStep = _ref.setCurrentStep,
|
|
26
|
+
initialStep = _ref.initialStep,
|
|
27
|
+
totalSteps = _ref.totalSteps,
|
|
28
|
+
componentName = _ref.componentName;
|
|
28
29
|
useEffect(function () {
|
|
29
30
|
if (!(previousState !== null && previousState !== void 0 && previousState.open) && open) {
|
|
30
31
|
if (initialStep && totalSteps && Number(initialStep) <= Number(totalSteps) && Number(initialStep) > 0) {
|
|
@@ -32,9 +33,9 @@ export var useResetCreateComponent = function useResetCreateComponent(_ref) {
|
|
|
32
33
|
} else {
|
|
33
34
|
// default should be fist includedStep instead of just 1
|
|
34
35
|
setCurrentStep(firstIncludedStep);
|
|
35
|
-
}
|
|
36
|
-
|
|
36
|
+
}
|
|
37
37
|
|
|
38
|
+
// An invalid initialStep value was provided, we'll default to rendering the first step in this scenario
|
|
38
39
|
if (initialStep && totalSteps && Number(initialStep) > Number(totalSteps) || Number(initialStep) <= 0) {
|
|
39
40
|
console.warn("".concat(componentName, ": An invalid `initialStep` prop was supplied. The `initialStep` prop should be a number that is greater than 0 or less than or equal to the number of steps your ").concat(componentName, " has."));
|
|
40
41
|
}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
2
|
-
|
|
3
2
|
/**
|
|
4
3
|
* Copyright IBM Corp. 2022, 2022
|
|
5
4
|
*
|
|
6
5
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
6
|
* LICENSE file in the root directory of this source tree.
|
|
8
7
|
*/
|
|
8
|
+
|
|
9
9
|
import { useEffect } from 'react';
|
|
10
|
+
|
|
10
11
|
/**
|
|
11
12
|
* This useEffect makes sure that every CreateTearsheetStep/CreateFullPageStep reports back it's
|
|
12
13
|
* title, secondaryLabel, introStep, and shouldIncludeStep data so that it can be sent to the CreateInfluencer.
|
|
@@ -18,14 +19,13 @@ import { useEffect } from 'react';
|
|
|
18
19
|
* @param {string} useResetCreateComponent.secondaryLabel
|
|
19
20
|
* @param {string} useResetCreateComponent.title
|
|
20
21
|
*/
|
|
21
|
-
|
|
22
22
|
export var useRetrieveStepData = function useRetrieveStepData(_ref) {
|
|
23
23
|
var stepsContext = _ref.stepsContext,
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
24
|
+
stepNumber = _ref.stepNumber,
|
|
25
|
+
introStep = _ref.introStep,
|
|
26
|
+
shouldIncludeStep = _ref.shouldIncludeStep,
|
|
27
|
+
secondaryLabel = _ref.secondaryLabel,
|
|
28
|
+
title = _ref.title;
|
|
29
29
|
useEffect(function () {
|
|
30
30
|
if (stepsContext) {
|
|
31
31
|
stepsContext.setStepData(function (prev) {
|
|
@@ -36,14 +36,11 @@ export var useRetrieveStepData = function useRetrieveStepData(_ref) {
|
|
|
36
36
|
shouldIncludeStep: shouldIncludeStep
|
|
37
37
|
};
|
|
38
38
|
var previousItem = prev[stepNumber - 1];
|
|
39
|
-
|
|
40
39
|
if ((previousItem === null || previousItem === void 0 ? void 0 : previousItem.title) !== stepItem.title || (previousItem === null || previousItem === void 0 ? void 0 : previousItem.secondaryLabel) !== stepItem.secondaryLabel || (previousItem === null || previousItem === void 0 ? void 0 : previousItem.introStep) !== stepItem.introStep || (previousItem === null || previousItem === void 0 ? void 0 : previousItem.shouldIncludeStep) !== stepItem.shouldIncludeStep) {
|
|
41
40
|
var clone = _toConsumableArray(prev);
|
|
42
|
-
|
|
43
41
|
clone[stepNumber - 1] = stepItem;
|
|
44
42
|
return clone;
|
|
45
43
|
}
|
|
46
|
-
|
|
47
44
|
return prev;
|
|
48
45
|
});
|
|
49
46
|
}
|
|
@@ -4,13 +4,14 @@
|
|
|
4
4
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
6
6
|
*/
|
|
7
|
+
|
|
7
8
|
import { useEffect } from 'react';
|
|
9
|
+
|
|
8
10
|
/**
|
|
9
11
|
* Logs a warning to console if an invalid number of steps are used with the given CreateComponent
|
|
10
12
|
* @param {number} stepCount
|
|
11
13
|
* @param {string} componentName
|
|
12
14
|
*/
|
|
13
|
-
|
|
14
15
|
export var useValidCreateStepCount = function useValidCreateStepCount(stepCount, componentName) {
|
|
15
16
|
useEffect(function () {
|
|
16
17
|
if (stepCount === 1) {
|
|
@@ -1,13 +1,9 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
import _typeof from "@babel/runtime/helpers/typeof";
|
|
3
|
-
|
|
4
3
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
5
|
-
|
|
6
4
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
7
|
-
|
|
8
5
|
import { useRef, useLayoutEffect } from 'react';
|
|
9
6
|
var windowExists = (typeof window === "undefined" ? "undefined" : _typeof(window)) !== "undefined";
|
|
10
|
-
|
|
11
7
|
var getWindowSize = function getWindowSize() {
|
|
12
8
|
if (!windowExists) {
|
|
13
9
|
return {
|
|
@@ -17,13 +13,11 @@ var getWindowSize = function getWindowSize() {
|
|
|
17
13
|
outerWidth: 0
|
|
18
14
|
};
|
|
19
15
|
}
|
|
20
|
-
|
|
21
16
|
var _window = _objectSpread({}, window),
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
17
|
+
innerHeight = _window.innerHeight,
|
|
18
|
+
innerWidth = _window.innerWidth,
|
|
19
|
+
outerHeight = _window.outerHeight,
|
|
20
|
+
outerWidth = _window.outerWidth;
|
|
27
21
|
return {
|
|
28
22
|
innerHeight: innerHeight,
|
|
29
23
|
innerWidth: innerWidth,
|
|
@@ -31,23 +25,21 @@ var getWindowSize = function getWindowSize() {
|
|
|
31
25
|
outerWidth: outerWidth
|
|
32
26
|
};
|
|
33
27
|
};
|
|
34
|
-
|
|
35
28
|
export var useWindowResize = function useWindowResize(effect, deps) {
|
|
36
29
|
var throttleInterval = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
|
|
37
30
|
var windowSize = useRef({});
|
|
38
31
|
var throttleTimeout = useRef(null);
|
|
39
|
-
|
|
40
32
|
var doGetWindowSize = function doGetWindowSize() {
|
|
41
33
|
var newVal = {
|
|
42
34
|
previous: windowSize.current,
|
|
43
35
|
current: getWindowSize()
|
|
44
|
-
};
|
|
36
|
+
};
|
|
45
37
|
|
|
38
|
+
// call effect
|
|
46
39
|
effect(newVal);
|
|
47
40
|
windowSize.current = newVal.current;
|
|
48
41
|
throttleTimeout.current = null;
|
|
49
42
|
};
|
|
50
|
-
|
|
51
43
|
useLayoutEffect(function () {
|
|
52
44
|
var handleResize = function handleResize() {
|
|
53
45
|
if (throttleInterval) {
|
|
@@ -58,11 +50,11 @@ export var useWindowResize = function useWindowResize(effect, deps) {
|
|
|
58
50
|
doGetWindowSize();
|
|
59
51
|
}
|
|
60
52
|
};
|
|
61
|
-
|
|
62
53
|
window.addEventListener('resize', handleResize);
|
|
63
54
|
doGetWindowSize();
|
|
64
55
|
return function () {
|
|
65
56
|
return window.removeEventListener('resize', handleResize);
|
|
66
|
-
};
|
|
57
|
+
};
|
|
58
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
67
59
|
}, deps);
|
|
68
60
|
};
|
|
@@ -2,11 +2,9 @@ import _typeof from "@babel/runtime/helpers/typeof";
|
|
|
2
2
|
import { useRef, useLayoutEffect } from 'react';
|
|
3
3
|
import { scrollableAncestor } from '../utils/scrollableAncestor';
|
|
4
4
|
var windowExists = (typeof window === "undefined" ? "undefined" : _typeof(window)) !== "undefined";
|
|
5
|
-
|
|
6
5
|
var useTargetScroll = function useTargetScroll(target, effect, deps, throttleInterval) {
|
|
7
6
|
var scrollPosition = useRef({});
|
|
8
7
|
var throttleTimeout = useRef(null);
|
|
9
|
-
|
|
10
8
|
var getScrollPosition = function getScrollPosition() {
|
|
11
9
|
if (!target || !windowExists && target === window) {
|
|
12
10
|
return {
|
|
@@ -15,9 +13,7 @@ var useTargetScroll = function useTargetScroll(target, effect, deps, throttleInt
|
|
|
15
13
|
};
|
|
16
14
|
} //
|
|
17
15
|
|
|
18
|
-
|
|
19
16
|
var scrollX, scrollY;
|
|
20
|
-
|
|
21
17
|
if (target === window) {
|
|
22
18
|
scrollX = window.scrollX;
|
|
23
19
|
scrollY = window.scrollY;
|
|
@@ -25,24 +21,22 @@ var useTargetScroll = function useTargetScroll(target, effect, deps, throttleInt
|
|
|
25
21
|
scrollX = target.scrollLeft;
|
|
26
22
|
scrollY = target.scrollTop;
|
|
27
23
|
}
|
|
28
|
-
|
|
29
24
|
return {
|
|
30
25
|
scrollX: scrollX,
|
|
31
26
|
scrollY: scrollY
|
|
32
27
|
};
|
|
33
28
|
};
|
|
34
|
-
|
|
35
29
|
var doGetScrollPosition = function doGetScrollPosition() {
|
|
36
30
|
var newVal = {
|
|
37
31
|
previous: scrollPosition.current,
|
|
38
32
|
current: getScrollPosition()
|
|
39
|
-
};
|
|
33
|
+
};
|
|
40
34
|
|
|
35
|
+
// call effect
|
|
41
36
|
effect(newVal);
|
|
42
37
|
scrollPosition.current = newVal.current;
|
|
43
38
|
throttleTimeout.current = null;
|
|
44
39
|
};
|
|
45
|
-
|
|
46
40
|
useLayoutEffect(function () {
|
|
47
41
|
var handleScroll = function handleScroll() {
|
|
48
42
|
if (throttleInterval) {
|
|
@@ -53,18 +47,16 @@ var useTargetScroll = function useTargetScroll(target, effect, deps, throttleInt
|
|
|
53
47
|
doGetScrollPosition();
|
|
54
48
|
}
|
|
55
49
|
};
|
|
56
|
-
|
|
57
50
|
if (target) {
|
|
58
51
|
target.addEventListener('scroll', handleScroll);
|
|
59
52
|
doGetScrollPosition();
|
|
60
53
|
}
|
|
61
|
-
|
|
62
54
|
return function () {
|
|
63
55
|
return target && target.removeEventListener('scroll', handleScroll);
|
|
64
|
-
};
|
|
56
|
+
};
|
|
57
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
65
58
|
}, deps);
|
|
66
59
|
};
|
|
67
|
-
|
|
68
60
|
export function useWindowScroll(effect, deps) {
|
|
69
61
|
var throttleInterval = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
|
|
70
62
|
return useTargetScroll(window, effect, deps, throttleInterval);
|
|
@@ -72,10 +64,8 @@ export function useWindowScroll(effect, deps) {
|
|
|
72
64
|
export function useNearestScroll(ref, effect, deps) {
|
|
73
65
|
var throttle = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
|
|
74
66
|
var scrollableTarget = scrollableAncestor(ref.current);
|
|
75
|
-
|
|
76
67
|
if (scrollableTarget && (document.body === scrollableTarget || scrollableTarget.contains(document.body))) {
|
|
77
68
|
scrollableTarget = window;
|
|
78
69
|
}
|
|
79
|
-
|
|
80
70
|
return useTargetScroll(scrollableTarget, effect, deps, throttle);
|
|
81
71
|
}
|
|
@@ -1,15 +1,13 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
|
|
3
2
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
4
|
-
|
|
5
3
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
6
|
-
|
|
7
4
|
//
|
|
8
5
|
// Copyright IBM Corp. 2020, 2021
|
|
9
6
|
//
|
|
10
7
|
// This source code is licensed under the Apache-2.0 license found in the
|
|
11
8
|
// LICENSE file in the root directory of this source tree.
|
|
12
9
|
//
|
|
10
|
+
|
|
13
11
|
import { devtoolsAttribute, getDevtoolsId } from './utils/devtools';
|
|
14
12
|
var defaults = {
|
|
15
13
|
prefix: 'c4p',
|
|
@@ -70,29 +68,28 @@ var defaults = {
|
|
|
70
68
|
EditTearsheet: false,
|
|
71
69
|
EditTearsheetNarrow: false,
|
|
72
70
|
EditFullPage: false,
|
|
71
|
+
EditUpdateCards: false,
|
|
73
72
|
InlineEditV2: false
|
|
74
73
|
/* new component flags here - comment used by generate CLI */
|
|
75
|
-
|
|
76
74
|
},
|
|
75
|
+
|
|
77
76
|
// feature level flags
|
|
78
77
|
feature: {
|
|
79
78
|
'a-new-feature': false,
|
|
80
79
|
'default-portal-target-body': true
|
|
81
80
|
}
|
|
82
81
|
};
|
|
83
|
-
|
|
84
82
|
var warningMessageComponent = function warningMessageComponent(property) {
|
|
85
83
|
return "Carbon for IBM Products (WARNING): Component \"".concat(property, "\" enabled via feature flags. This component has not yet completed its review process.");
|
|
86
84
|
};
|
|
87
|
-
|
|
88
85
|
var warningMessageFeature = function warningMessageFeature(property) {
|
|
89
86
|
return "Carbon for IBM Products (WARNING): Feature \"".concat(property, "\" enabled via feature flags.");
|
|
90
87
|
};
|
|
91
|
-
|
|
92
88
|
var warningMessageAllComponents = 'Carbon for IBM Products (WARNING): All components enabled through use of setAllComponents. This includes components that have not yet completed their review process.';
|
|
93
|
-
var warningMessageAllFeatures = 'Carbon for IBM Products (WARNING): All features enabled through use of setAllFeatures';
|
|
94
|
-
// Each value maps the initial value to the value that should be returned.
|
|
89
|
+
var warningMessageAllFeatures = 'Carbon for IBM Products (WARNING): All features enabled through use of setAllFeatures';
|
|
95
90
|
|
|
91
|
+
// Values to represent overrides for component or feature settings.
|
|
92
|
+
// Each value maps the initial value to the value that should be returned.
|
|
96
93
|
var all = {
|
|
97
94
|
INITIAL: function INITIAL(v) {
|
|
98
95
|
return v;
|
|
@@ -115,7 +112,6 @@ var component = new Proxy(_objectSpread({}, defaults.component), {
|
|
|
115
112
|
},
|
|
116
113
|
get: function get(target, property) {
|
|
117
114
|
var _target$property;
|
|
118
|
-
|
|
119
115
|
return allComponents((_target$property = target[property]) !== null && _target$property !== void 0 ? _target$property : false);
|
|
120
116
|
}
|
|
121
117
|
});
|
|
@@ -127,7 +123,6 @@ var feature = new Proxy(_objectSpread({}, defaults.feature), {
|
|
|
127
123
|
},
|
|
128
124
|
get: function get(target, property) {
|
|
129
125
|
var _target$property2;
|
|
130
|
-
|
|
131
126
|
return allFeatures((_target$property2 = target[property]) !== null && _target$property2 !== void 0 ? _target$property2 : false);
|
|
132
127
|
}
|
|
133
128
|
});
|