@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
|
@@ -1,33 +1,32 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
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
|
/**
|
|
9
6
|
* Copyright IBM Corp. 2021, 2021
|
|
10
7
|
*
|
|
11
8
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
12
9
|
* LICENSE file in the root directory of this source tree.
|
|
13
10
|
*/
|
|
11
|
+
|
|
14
12
|
// Import portions of React that are needed.
|
|
15
|
-
import React from 'react';
|
|
13
|
+
import React from 'react';
|
|
16
14
|
|
|
15
|
+
// Other standard imports.
|
|
17
16
|
import { arrayOf, shape, string } from 'prop-types';
|
|
18
|
-
import { pkg
|
|
19
|
-
/*, carbon */
|
|
20
|
-
} from '../../settings'; // Carbon and package components we use.
|
|
17
|
+
import { pkg /*, carbon */ } from '../../settings';
|
|
21
18
|
|
|
22
|
-
|
|
19
|
+
// Carbon and package components we use.
|
|
20
|
+
import { Link } from 'carbon-components-react';
|
|
23
21
|
|
|
22
|
+
// The block part of our conventional BEM class names (blockClass__E--M).
|
|
24
23
|
var blockClass = "".concat(pkg.prefix, "--http-errors");
|
|
25
24
|
var componentName = 'HTTPErrorContent';
|
|
26
25
|
export var HTTPErrorContent = function HTTPErrorContent(_ref) {
|
|
27
26
|
var description = _ref.description,
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
27
|
+
errorCodeLabel = _ref.errorCodeLabel,
|
|
28
|
+
title = _ref.title,
|
|
29
|
+
links = _ref.links;
|
|
31
30
|
return /*#__PURE__*/React.createElement("div", {
|
|
32
31
|
className: "".concat(blockClass, "__content")
|
|
33
32
|
}, errorCodeLabel && /*#__PURE__*/React.createElement("p", {
|
|
@@ -44,24 +43,24 @@ export var HTTPErrorContent = function HTTPErrorContent(_ref) {
|
|
|
44
43
|
className: "".concat(blockClass, "__link")
|
|
45
44
|
}), link.text);
|
|
46
45
|
}));
|
|
47
|
-
};
|
|
46
|
+
};
|
|
47
|
+
|
|
48
|
+
// The display name of the component, used by React. Note that displayName
|
|
48
49
|
// is used in preference to relying on function.name.
|
|
50
|
+
HTTPErrorContent.displayName = componentName;
|
|
49
51
|
|
|
50
|
-
|
|
52
|
+
// The types and DocGen commentary for the component props,
|
|
51
53
|
// in alphabetical order (for consistency).
|
|
52
54
|
// See https://www.npmjs.com/package/prop-types#usage.
|
|
53
|
-
|
|
54
55
|
HTTPErrorContent.propTypes = {
|
|
55
56
|
/**
|
|
56
57
|
* String that will provide the description for the HTTP error code
|
|
57
58
|
*/
|
|
58
59
|
description: string.isRequired,
|
|
59
|
-
|
|
60
60
|
/**
|
|
61
61
|
* String that will describe the error that occurred
|
|
62
62
|
*/
|
|
63
63
|
errorCodeLabel: string.isRequired,
|
|
64
|
-
|
|
65
64
|
/**
|
|
66
65
|
* Links that will display for extra context when receiving particular errors
|
|
67
66
|
*/
|
|
@@ -70,13 +69,11 @@ HTTPErrorContent.propTypes = {
|
|
|
70
69
|
* The text to display for the link
|
|
71
70
|
*/
|
|
72
71
|
text: string.isRequired,
|
|
73
|
-
|
|
74
72
|
/**
|
|
75
73
|
* The link's destination
|
|
76
74
|
*/
|
|
77
75
|
href: string.isRequired
|
|
78
76
|
}))),
|
|
79
|
-
|
|
80
77
|
/**
|
|
81
78
|
* This will be for the main title of the HTTP error component
|
|
82
79
|
*/
|
|
@@ -1,33 +1,34 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
var _excluded = ["className", "description", "errorCodeLabel", "links", "title"];
|
|
4
|
-
|
|
5
4
|
/**
|
|
6
5
|
* Copyright IBM Corp. 2021, 2021
|
|
7
6
|
*
|
|
8
7
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
9
8
|
* LICENSE file in the root directory of this source tree.
|
|
10
9
|
*/
|
|
10
|
+
|
|
11
11
|
// Import portions of React that are needed.
|
|
12
|
-
import React from 'react';
|
|
12
|
+
import React from 'react';
|
|
13
13
|
|
|
14
|
+
// Other standard imports.
|
|
14
15
|
import cx from 'classnames';
|
|
15
16
|
import { arrayOf, shape, string } from 'prop-types';
|
|
16
17
|
import { HTTPErrorSvgOther } from '../assets/HTTPErrorSvgOther';
|
|
17
18
|
import { HTTPErrorContent } from '../HTTPErrorContent';
|
|
18
19
|
import { getDevtoolsProps } from '../../../global/js/utils/devtools';
|
|
19
|
-
import { pkg } from '../../../settings';
|
|
20
|
+
import { pkg } from '../../../settings';
|
|
20
21
|
|
|
22
|
+
// The block part of our conventional BEM class names (blockClass__E--M).
|
|
21
23
|
var blockClass = "".concat(pkg.prefix, "--http-errors");
|
|
22
24
|
var componentName = 'HTTPErrorOther';
|
|
23
25
|
export var HTTPErrorOther = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
24
26
|
var className = _ref.className,
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
27
|
+
description = _ref.description,
|
|
28
|
+
errorCodeLabel = _ref.errorCodeLabel,
|
|
29
|
+
links = _ref.links,
|
|
30
|
+
title = _ref.title,
|
|
31
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
31
32
|
return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
|
|
32
33
|
className: cx(blockClass, className),
|
|
33
34
|
ref: ref
|
|
@@ -39,32 +40,31 @@ export var HTTPErrorOther = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
39
40
|
}), /*#__PURE__*/React.createElement(HTTPErrorSvgOther, {
|
|
40
41
|
className: "".concat(blockClass, "__image")
|
|
41
42
|
}));
|
|
42
|
-
});
|
|
43
|
+
});
|
|
43
44
|
|
|
44
|
-
|
|
45
|
-
|
|
45
|
+
// Return a placeholder if not released and not enabled by feature flag
|
|
46
|
+
HTTPErrorOther = pkg.checkComponentEnabled(HTTPErrorOther, componentName);
|
|
46
47
|
|
|
48
|
+
// The display name of the component, used by React. Note that displayName
|
|
49
|
+
// is used in preference to relying on function.name.
|
|
47
50
|
HTTPErrorOther.displayName = componentName; // displayName is used in preference to function.name by React
|
|
51
|
+
|
|
48
52
|
// The types and DocGen commentary for the component props,
|
|
49
53
|
// in alphabetical order (for consistency).
|
|
50
54
|
// See https://www.npmjs.com/package/prop-types#usage.
|
|
51
|
-
|
|
52
55
|
HTTPErrorOther.propTypes = {
|
|
53
56
|
/**
|
|
54
57
|
* Provide an optional class to be applied to the containing node
|
|
55
58
|
*/
|
|
56
59
|
className: string,
|
|
57
|
-
|
|
58
60
|
/**
|
|
59
61
|
* String that will provide the description for the HTTP error code
|
|
60
62
|
*/
|
|
61
63
|
description: string.isRequired,
|
|
62
|
-
|
|
63
64
|
/**
|
|
64
65
|
* String that will describe the error that occurred
|
|
65
66
|
*/
|
|
66
67
|
errorCodeLabel: string.isRequired,
|
|
67
|
-
|
|
68
68
|
/**
|
|
69
69
|
* Links that will display for extra context when receiving particular errors
|
|
70
70
|
*/
|
|
@@ -73,13 +73,11 @@ HTTPErrorOther.propTypes = {
|
|
|
73
73
|
* The text to display for the link
|
|
74
74
|
*/
|
|
75
75
|
text: string.isRequired,
|
|
76
|
-
|
|
77
76
|
/**
|
|
78
77
|
* The link's destination
|
|
79
78
|
*/
|
|
80
79
|
href: string.isRequired
|
|
81
80
|
})),
|
|
82
|
-
|
|
83
81
|
/**
|
|
84
82
|
* This will be for the main title of the HTTP error component
|
|
85
83
|
*/
|
|
@@ -4,9 +4,11 @@
|
|
|
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 portions of React that are needed.
|
|
8
|
-
import React from 'react';
|
|
9
|
+
import React from 'react';
|
|
9
10
|
|
|
11
|
+
// Other standard imports.
|
|
10
12
|
import { string } from 'prop-types';
|
|
11
13
|
export var HTTPErrorSvg403 = function HTTPErrorSvg403(_ref) {
|
|
12
14
|
var className = _ref.className;
|
|
@@ -1228,10 +1230,11 @@ export var HTTPErrorSvg403 = function HTTPErrorSvg403(_ref) {
|
|
|
1228
1230
|
d: "M265 277.3a4.86 4.86 0 01-5.55-5.22v-1.26a5.56 5.56 0 1111.11 0v1.26a4.86 4.86 0 01-5.56 5.22zm-1.85-17.18l-2.35-25.67v-16.92h8.41v16.92l-2.35 25.67z",
|
|
1229
1231
|
fill: "#0062ff"
|
|
1230
1232
|
}))));
|
|
1231
|
-
};
|
|
1233
|
+
};
|
|
1234
|
+
|
|
1235
|
+
// The types and DocGen commentary for the component props,
|
|
1232
1236
|
// in alphabetical order (for consistency).
|
|
1233
1237
|
// See https://www.npmjs.com/package/prop-types#usage.
|
|
1234
|
-
|
|
1235
1238
|
HTTPErrorSvg403.propTypes = {
|
|
1236
1239
|
className: string
|
|
1237
1240
|
};
|
|
@@ -4,9 +4,11 @@
|
|
|
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 portions of React that are needed.
|
|
8
|
-
import React from 'react';
|
|
9
|
+
import React from 'react';
|
|
9
10
|
|
|
11
|
+
// Other standard imports.
|
|
10
12
|
import { string } from 'prop-types';
|
|
11
13
|
export var HTTPErrorSvg404 = function HTTPErrorSvg404(_ref) {
|
|
12
14
|
var className = _ref.className;
|
|
@@ -1027,10 +1029,11 @@ export var HTTPErrorSvg404 = function HTTPErrorSvg404(_ref) {
|
|
|
1027
1029
|
d: "M294.6 271.56v-13.12q6.57-.26 10.25-3a9 9 0 003.69-7.74v-1.13a8.2 8.2 0 00-2.47-6.28 9.17 9.17 0 00-6.52-2.31 9.75 9.75 0 00-7.05 2.56 13.06 13.06 0 00-3.65 6.44l-6.72-2.6a20.18 20.18 0 012.15-4.94 16.59 16.59 0 018.66-7.09 19.93 19.93 0 016.85-1.09 21 21 0 016.92 1.09 14.83 14.83 0 015.31 3.16 14 14 0 013.36 4.94 16.75 16.75 0 011.18 6.36 16.23 16.23 0 01-1.3 6.69 15.49 15.49 0 01-3.36 4.86 17.78 17.78 0 01-4.74 3.24 22.13 22.13 0 01-5.35 1.74v8.18zm3.49 18.22a4.67 4.67 0 01-5.35-5v-1.21a5.35 5.35 0 1110.69 0v1.21a4.66 4.66 0 01-5.34 5z",
|
|
1028
1030
|
fill: "#0062ff"
|
|
1029
1031
|
}))));
|
|
1030
|
-
};
|
|
1032
|
+
};
|
|
1033
|
+
|
|
1034
|
+
// The types and DocGen commentary for the component props,
|
|
1031
1035
|
// in alphabetical order (for consistency).
|
|
1032
1036
|
// See https://www.npmjs.com/package/prop-types#usage.
|
|
1033
|
-
|
|
1034
1037
|
HTTPErrorSvg404.propTypes = {
|
|
1035
1038
|
className: string
|
|
1036
1039
|
};
|
|
@@ -4,9 +4,11 @@
|
|
|
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 portions of React that are needed.
|
|
8
|
-
import React from 'react';
|
|
9
|
+
import React from 'react';
|
|
9
10
|
|
|
11
|
+
// Other standard imports.
|
|
10
12
|
import { string } from 'prop-types';
|
|
11
13
|
export var HTTPErrorSvgOther = function HTTPErrorSvgOther(_ref) {
|
|
12
14
|
var className = _ref.className;
|
|
@@ -1078,10 +1080,11 @@ export var HTTPErrorSvgOther = function HTTPErrorSvgOther(_ref) {
|
|
|
1078
1080
|
d: "M300.72 245.05a4.68 4.68 0 01-5.35-5v-1.21a5.35 5.35 0 1110.7 0V240a4.68 4.68 0 01-5.35 5zm-1.78-16.53l-2.27-24.7v-16.28h8.1v16.28l-2.27 24.7z",
|
|
1079
1081
|
fill: "#0062ff"
|
|
1080
1082
|
}))));
|
|
1081
|
-
};
|
|
1083
|
+
};
|
|
1084
|
+
|
|
1085
|
+
// The types and DocGen commentary for the component props,
|
|
1082
1086
|
// in alphabetical order (for consistency).
|
|
1083
1087
|
// See https://www.npmjs.com/package/prop-types#usage.
|
|
1084
|
-
|
|
1085
1088
|
HTTPErrorSvgOther.propTypes = {
|
|
1086
1089
|
className: string
|
|
1087
1090
|
};
|
|
@@ -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
|
export { HTTPError403 } from './HTTPError403';
|
|
8
9
|
export { HTTPError404 } from './HTTPError404';
|
|
9
10
|
export { HTTPErrorOther } from './HTTPErrorOther';
|
|
@@ -6,17 +6,15 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
|
6
6
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
7
7
|
var _excluded = ["accept", "className", "defaultErrorBody", "defaultErrorHeader", "description", "fetchErrorBody", "fetchErrorHeader", "fileDropHeader", "fileDropLabel", "fileUploadLabel", "inputButtonIcon", "inputButtonText", "inputId", "inputLabel", "inputPlaceholder", "invalidFileTypeErrorBody", "invalidFileTypeErrorHeader", "invalidIconDescription", "maxFileSize", "maxFileSizeErrorBody", "maxFileSizeErrorHeader", "onClose", "onRequestSubmit", "open", "primaryButtonText", "secondaryButtonText", "title"];
|
|
8
8
|
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
9
|
-
|
|
10
9
|
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; }
|
|
11
|
-
|
|
12
10
|
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; }
|
|
13
|
-
|
|
14
11
|
//
|
|
15
12
|
// Copyright IBM Corp. 2021, 2021
|
|
16
13
|
//
|
|
17
14
|
// This source code is licensed under the Apache-2.0 license found in the
|
|
18
15
|
// LICENSE file in the root directory of this source tree.
|
|
19
16
|
//
|
|
17
|
+
|
|
20
18
|
import React, { useState, forwardRef } from 'react';
|
|
21
19
|
import { Add20 } from '@carbon/icons-react';
|
|
22
20
|
import { ComposedModal, ModalHeader, ModalFooter, ModalBody, FileUploaderDropContainer, FileUploaderItem, TextInput, Button } from 'carbon-components-react';
|
|
@@ -25,65 +23,60 @@ import PropTypes from 'prop-types';
|
|
|
25
23
|
import { getDevtoolsProps } from '../../global/js/utils/devtools';
|
|
26
24
|
import uuidv4 from '../../global/js/utils/uuidv4';
|
|
27
25
|
import { pkg, carbon } from '../../settings';
|
|
28
|
-
var componentName = 'ImportModal';
|
|
26
|
+
var componentName = 'ImportModal';
|
|
29
27
|
|
|
28
|
+
// Default values for props
|
|
30
29
|
var defaults = {
|
|
31
30
|
accept: Object.freeze([])
|
|
32
31
|
};
|
|
33
32
|
export var ImportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
34
33
|
var _ref$accept = _ref.accept,
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
34
|
+
accept = _ref$accept === void 0 ? defaults.accept : _ref$accept,
|
|
35
|
+
className = _ref.className,
|
|
36
|
+
defaultErrorBody = _ref.defaultErrorBody,
|
|
37
|
+
defaultErrorHeader = _ref.defaultErrorHeader,
|
|
38
|
+
description = _ref.description,
|
|
39
|
+
fetchErrorBody = _ref.fetchErrorBody,
|
|
40
|
+
fetchErrorHeader = _ref.fetchErrorHeader,
|
|
41
|
+
fileDropHeader = _ref.fileDropHeader,
|
|
42
|
+
fileDropLabel = _ref.fileDropLabel,
|
|
43
|
+
fileUploadLabel = _ref.fileUploadLabel,
|
|
44
|
+
inputButtonIcon = _ref.inputButtonIcon,
|
|
45
|
+
inputButtonText = _ref.inputButtonText,
|
|
46
|
+
inputId = _ref.inputId,
|
|
47
|
+
inputLabel = _ref.inputLabel,
|
|
48
|
+
inputPlaceholder = _ref.inputPlaceholder,
|
|
49
|
+
invalidFileTypeErrorBody = _ref.invalidFileTypeErrorBody,
|
|
50
|
+
invalidFileTypeErrorHeader = _ref.invalidFileTypeErrorHeader,
|
|
51
|
+
invalidIconDescription = _ref.invalidIconDescription,
|
|
52
|
+
maxFileSize = _ref.maxFileSize,
|
|
53
|
+
maxFileSizeErrorBody = _ref.maxFileSizeErrorBody,
|
|
54
|
+
maxFileSizeErrorHeader = _ref.maxFileSizeErrorHeader,
|
|
55
|
+
onClose = _ref.onClose,
|
|
56
|
+
onRequestSubmit = _ref.onRequestSubmit,
|
|
57
|
+
open = _ref.open,
|
|
58
|
+
primaryButtonText = _ref.primaryButtonText,
|
|
59
|
+
secondaryButtonText = _ref.secondaryButtonText,
|
|
60
|
+
title = _ref.title,
|
|
61
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
64
62
|
var _useState = useState([]),
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
63
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
64
|
+
files = _useState2[0],
|
|
65
|
+
setFiles = _useState2[1];
|
|
69
66
|
var _useState3 = useState(''),
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
67
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
68
|
+
importUrl = _useState4[0],
|
|
69
|
+
setImportUrl = _useState4[1];
|
|
74
70
|
var isInvalidFileType = function isInvalidFileType(file) {
|
|
75
71
|
var acceptSet = new Set(accept);
|
|
76
72
|
var name = file.name;
|
|
77
73
|
var mimeType = file.type;
|
|
78
74
|
var extension = ".".concat(name.split('.').pop());
|
|
79
|
-
|
|
80
75
|
if (acceptSet.has(mimeType) || acceptSet.has(extension) || accept.length === 0) {
|
|
81
76
|
return false;
|
|
82
77
|
}
|
|
83
|
-
|
|
84
78
|
return true;
|
|
85
79
|
};
|
|
86
|
-
|
|
87
80
|
var updateFiles = function updateFiles(newFiles) {
|
|
88
81
|
var updatedFiles = newFiles.map(function (file) {
|
|
89
82
|
var newFile = {
|
|
@@ -96,7 +89,6 @@ export var ImportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
96
89
|
fileData: file,
|
|
97
90
|
fetchError: file.fetchError
|
|
98
91
|
};
|
|
99
|
-
|
|
100
92
|
if (newFile.fetchError) {
|
|
101
93
|
newFile.errorBody = fetchErrorBody || defaultErrorBody;
|
|
102
94
|
newFile.errorSubject = fetchErrorHeader || defaultErrorHeader;
|
|
@@ -110,15 +102,11 @@ export var ImportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
110
102
|
newFile.errorSubject = maxFileSizeErrorHeader || defaultErrorHeader;
|
|
111
103
|
newFile.invalid = true;
|
|
112
104
|
}
|
|
113
|
-
|
|
114
105
|
return newFile;
|
|
115
106
|
});
|
|
116
|
-
|
|
117
107
|
var finalFiles = _toConsumableArray(updatedFiles);
|
|
118
|
-
|
|
119
108
|
setFiles(finalFiles);
|
|
120
109
|
};
|
|
121
|
-
|
|
122
110
|
var fetchFile = /*#__PURE__*/function () {
|
|
123
111
|
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(evt) {
|
|
124
112
|
var fileName, pendingFile, response, blob, fetchedFile, failedFile;
|
|
@@ -137,21 +125,16 @@ export var ImportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
137
125
|
_context.prev = 4;
|
|
138
126
|
_context.next = 7;
|
|
139
127
|
return fetch(importUrl);
|
|
140
|
-
|
|
141
128
|
case 7:
|
|
142
129
|
response = _context.sent;
|
|
143
|
-
|
|
144
130
|
if (!(!response.ok || response.status !== 200)) {
|
|
145
131
|
_context.next = 10;
|
|
146
132
|
break;
|
|
147
133
|
}
|
|
148
|
-
|
|
149
134
|
throw new Error(response.status);
|
|
150
|
-
|
|
151
135
|
case 10:
|
|
152
136
|
_context.next = 12;
|
|
153
137
|
return response.blob();
|
|
154
|
-
|
|
155
138
|
case 12:
|
|
156
139
|
blob = _context.sent;
|
|
157
140
|
fetchedFile = new File([blob], fileName, {
|
|
@@ -162,7 +145,6 @@ export var ImportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
162
145
|
updateFiles([fetchedFile]);
|
|
163
146
|
_context.next = 23;
|
|
164
147
|
break;
|
|
165
|
-
|
|
166
148
|
case 19:
|
|
167
149
|
_context.prev = 19;
|
|
168
150
|
_context.t0 = _context["catch"](4);
|
|
@@ -170,7 +152,6 @@ export var ImportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
170
152
|
fetchError: true
|
|
171
153
|
});
|
|
172
154
|
updateFiles([failedFile]);
|
|
173
|
-
|
|
174
155
|
case 23:
|
|
175
156
|
case "end":
|
|
176
157
|
return _context.stop();
|
|
@@ -178,33 +159,27 @@ export var ImportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
178
159
|
}
|
|
179
160
|
}, _callee, null, [[4, 19]]);
|
|
180
161
|
}));
|
|
181
|
-
|
|
182
162
|
return function fetchFile(_x) {
|
|
183
163
|
return _ref2.apply(this, arguments);
|
|
184
164
|
};
|
|
185
165
|
}();
|
|
186
|
-
|
|
187
166
|
var onAddFile = function onAddFile(evt, _ref3) {
|
|
188
167
|
var addedFiles = _ref3.addedFiles;
|
|
189
168
|
evt.stopPropagation();
|
|
190
169
|
updateFiles(addedFiles);
|
|
191
170
|
};
|
|
192
|
-
|
|
193
171
|
var onRemoveFile = function onRemoveFile(uuid) {
|
|
194
172
|
var updatedFiles = files.filter(function (f) {
|
|
195
173
|
return f.uuid !== uuid;
|
|
196
174
|
});
|
|
197
175
|
setFiles(updatedFiles);
|
|
198
176
|
};
|
|
199
|
-
|
|
200
177
|
var onSubmitHandler = function onSubmitHandler() {
|
|
201
178
|
onRequestSubmit(files);
|
|
202
179
|
};
|
|
203
|
-
|
|
204
180
|
var inputHandler = function inputHandler(evt) {
|
|
205
181
|
setImportUrl(evt.target.value);
|
|
206
182
|
};
|
|
207
|
-
|
|
208
183
|
var numberOfFiles = files.length;
|
|
209
184
|
var numberOfValidFiles = files.filter(function (f) {
|
|
210
185
|
return !f.invalid;
|
|
@@ -274,9 +249,7 @@ export var ImportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
274
249
|
invalid: file.invalid,
|
|
275
250
|
errorBody: file.errorBody,
|
|
276
251
|
errorSubject: file.errorSubject,
|
|
277
|
-
filesize: file.fileSize
|
|
278
|
-
/* cspell:disable-line */
|
|
279
|
-
|
|
252
|
+
filesize: file.fileSize /* cspell:disable-line */
|
|
280
253
|
});
|
|
281
254
|
}))), /*#__PURE__*/React.createElement(ModalFooter, {
|
|
282
255
|
className: "".concat(blockClass, "__footer")
|
|
@@ -290,140 +263,115 @@ export var ImportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
290
263
|
onClick: onSubmitHandler,
|
|
291
264
|
disabled: primaryButtonDisabled
|
|
292
265
|
}, primaryButtonText)));
|
|
293
|
-
});
|
|
266
|
+
});
|
|
294
267
|
|
|
268
|
+
// Return a placeholder if not released and not enabled by feature flag
|
|
295
269
|
ImportModal = pkg.checkComponentEnabled(ImportModal, componentName);
|
|
296
270
|
ImportModal.propTypes = {
|
|
297
271
|
/**
|
|
298
272
|
* Specifies the file types that are valid for importing
|
|
299
273
|
*/
|
|
300
274
|
accept: PropTypes.array,
|
|
301
|
-
|
|
302
275
|
/**
|
|
303
276
|
* Optional class name
|
|
304
277
|
*/
|
|
305
278
|
className: PropTypes.string,
|
|
306
|
-
|
|
307
279
|
/**
|
|
308
280
|
* The default message shown for an import error
|
|
309
281
|
*/
|
|
310
282
|
defaultErrorBody: PropTypes.string.isRequired,
|
|
311
|
-
|
|
312
283
|
/**
|
|
313
284
|
* The default header that is displayed to show an error message
|
|
314
285
|
*/
|
|
315
286
|
defaultErrorHeader: PropTypes.string.isRequired,
|
|
316
|
-
|
|
317
287
|
/**
|
|
318
288
|
* Content that is displayed inside the modal
|
|
319
289
|
*/
|
|
320
290
|
description: PropTypes.string,
|
|
321
|
-
|
|
322
291
|
/**
|
|
323
292
|
* Optional error body to display specifically for a fetch error
|
|
324
293
|
*/
|
|
325
294
|
fetchErrorBody: PropTypes.string,
|
|
326
|
-
|
|
327
295
|
/**
|
|
328
296
|
* Optional error header to display specifically for a fetch error
|
|
329
297
|
*/
|
|
330
298
|
fetchErrorHeader: PropTypes.string,
|
|
331
|
-
|
|
332
299
|
/**
|
|
333
300
|
* Header for the drag and drop box
|
|
334
301
|
*/
|
|
335
302
|
fileDropHeader: PropTypes.string,
|
|
336
|
-
|
|
337
303
|
/**
|
|
338
304
|
* Label for the drag and drop box
|
|
339
305
|
*/
|
|
340
306
|
fileDropLabel: PropTypes.string,
|
|
341
|
-
|
|
342
307
|
/**
|
|
343
308
|
* Label that appears when a file is uploaded to show number of files (1 / 1)
|
|
344
309
|
*/
|
|
345
310
|
fileUploadLabel: PropTypes.string,
|
|
346
|
-
|
|
347
311
|
/**
|
|
348
312
|
* Button icon for import by url button
|
|
349
313
|
*/
|
|
350
314
|
inputButtonIcon: PropTypes.bool,
|
|
351
|
-
|
|
352
315
|
/**
|
|
353
316
|
* Button text for import by url button
|
|
354
317
|
*/
|
|
355
318
|
inputButtonText: PropTypes.string.isRequired,
|
|
356
|
-
|
|
357
319
|
/**
|
|
358
320
|
* ID for text input
|
|
359
321
|
*/
|
|
360
322
|
inputId: PropTypes.string,
|
|
361
|
-
|
|
362
323
|
/**
|
|
363
324
|
* Header to display above import by url
|
|
364
325
|
*/
|
|
365
326
|
inputLabel: PropTypes.string,
|
|
366
|
-
|
|
367
327
|
/**
|
|
368
328
|
* Placeholder for text input
|
|
369
329
|
*/
|
|
370
330
|
inputPlaceholder: PropTypes.string,
|
|
371
|
-
|
|
372
331
|
/**
|
|
373
332
|
* Optional error message to display specifically for a invalid file type error
|
|
374
333
|
*/
|
|
375
334
|
invalidFileTypeErrorBody: PropTypes.string,
|
|
376
|
-
|
|
377
335
|
/**
|
|
378
336
|
* Optional error header to display specifically for a invalid file type error
|
|
379
337
|
*/
|
|
380
338
|
invalidFileTypeErrorHeader: PropTypes.string,
|
|
381
|
-
|
|
382
339
|
/**
|
|
383
340
|
* Description for delete file icon
|
|
384
341
|
*/
|
|
385
342
|
invalidIconDescription: PropTypes.string,
|
|
386
|
-
|
|
387
343
|
/**
|
|
388
344
|
* File size limit in bytes
|
|
389
345
|
*/
|
|
390
346
|
maxFileSize: PropTypes.number,
|
|
391
|
-
|
|
392
347
|
/**
|
|
393
348
|
* Optional error message to display specifically for a max file size error
|
|
394
349
|
*/
|
|
395
350
|
maxFileSizeErrorBody: PropTypes.string,
|
|
396
|
-
|
|
397
351
|
/**
|
|
398
352
|
* Optional error header to display specifically for a max file size error
|
|
399
353
|
*/
|
|
400
354
|
maxFileSizeErrorHeader: PropTypes.string,
|
|
401
|
-
|
|
402
355
|
/**
|
|
403
356
|
* Specify a handler for closing modal
|
|
404
357
|
*/
|
|
405
358
|
onClose: PropTypes.func,
|
|
406
|
-
|
|
407
359
|
/**
|
|
408
360
|
* Specify a handler for "submitting" modal. Access the imported file via `file => {}`
|
|
409
361
|
*/
|
|
410
362
|
onRequestSubmit: PropTypes.func,
|
|
411
|
-
|
|
412
363
|
/**
|
|
413
364
|
* Specify whether the Modal is currently open
|
|
414
365
|
*/
|
|
415
366
|
open: PropTypes.bool,
|
|
416
|
-
|
|
417
367
|
/**
|
|
418
368
|
* Specify the text for the primary button
|
|
419
369
|
*/
|
|
420
370
|
primaryButtonText: PropTypes.string.isRequired,
|
|
421
|
-
|
|
422
371
|
/**
|
|
423
372
|
* Specify the text for the secondary button
|
|
424
373
|
*/
|
|
425
374
|
secondaryButtonText: PropTypes.string.isRequired,
|
|
426
|
-
|
|
427
375
|
/**
|
|
428
376
|
* The text displayed at the top of the modal
|
|
429
377
|
*/
|