@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
|
@@ -2,20 +2,19 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
4
|
var _excluded = ["action", "className", "illustrationTheme", "link", "size", "subtitle", "title"];
|
|
5
|
-
|
|
6
5
|
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; }
|
|
7
|
-
|
|
8
6
|
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; }
|
|
9
|
-
|
|
10
7
|
/**
|
|
11
8
|
* Copyright IBM Corp. 2020, 2021
|
|
12
9
|
*
|
|
13
10
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
14
11
|
* LICENSE file in the root directory of this source tree.
|
|
15
12
|
*/
|
|
13
|
+
|
|
16
14
|
// Import portions of React that are needed.
|
|
17
|
-
import React from 'react';
|
|
15
|
+
import React from 'react';
|
|
18
16
|
|
|
17
|
+
// Other standard imports.
|
|
19
18
|
import PropTypes from 'prop-types';
|
|
20
19
|
import cx from 'classnames';
|
|
21
20
|
import { Button, Link } from 'carbon-components-react';
|
|
@@ -23,21 +22,21 @@ import { getDevtoolsProps } from '../../../global/js/utils/devtools';
|
|
|
23
22
|
import { pkg } from '../../../settings';
|
|
24
23
|
import { EmptyStateContent } from '../EmptyStateContent';
|
|
25
24
|
import { UnauthorizedIllustration } from '../assets/UnauthorizedIllustration';
|
|
26
|
-
import { defaults } from '../EmptyState';
|
|
25
|
+
import { defaults } from '../EmptyState';
|
|
27
26
|
|
|
27
|
+
// The block part of our conventional BEM class names (blockClass__E--M).
|
|
28
28
|
var blockClass = "".concat(pkg.prefix, "--empty-state");
|
|
29
29
|
var componentName = 'UnauthorizedEmptyState';
|
|
30
30
|
export var UnauthorizedEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
31
31
|
var action = _ref.action,
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
32
|
+
className = _ref.className,
|
|
33
|
+
illustrationTheme = _ref.illustrationTheme,
|
|
34
|
+
link = _ref.link,
|
|
35
|
+
_ref$size = _ref.size,
|
|
36
|
+
size = _ref$size === void 0 ? defaults.size : _ref$size,
|
|
37
|
+
subtitle = _ref.subtitle,
|
|
38
|
+
title = _ref.title,
|
|
39
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
41
40
|
return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
|
|
42
41
|
className: cx(blockClass, className),
|
|
43
42
|
ref: ref
|
|
@@ -51,15 +50,18 @@ export var UnauthorizedEmptyState = /*#__PURE__*/React.forwardRef(function (_ref
|
|
|
51
50
|
subtitle: subtitle,
|
|
52
51
|
title: title
|
|
53
52
|
}));
|
|
54
|
-
});
|
|
53
|
+
});
|
|
54
|
+
|
|
55
|
+
// Return a placeholder if not released and not enabled by feature flag
|
|
56
|
+
UnauthorizedEmptyState = pkg.checkComponentEnabled(UnauthorizedEmptyState, componentName);
|
|
55
57
|
|
|
56
|
-
|
|
58
|
+
// The display name of the component, used by React. Note that displayName
|
|
57
59
|
// is used in preference to relying on function.name.
|
|
60
|
+
UnauthorizedEmptyState.displayName = componentName;
|
|
58
61
|
|
|
59
|
-
|
|
62
|
+
// The types and DocGen commentary for the component props,
|
|
60
63
|
// in alphabetical order (for consistency).
|
|
61
64
|
// See https://www.npmjs.com/package/prop-types#usage.
|
|
62
|
-
|
|
63
65
|
UnauthorizedEmptyState.propTypes = {
|
|
64
66
|
/**
|
|
65
67
|
* Empty state action button
|
|
@@ -70,12 +72,10 @@ UnauthorizedEmptyState.propTypes = {
|
|
|
70
72
|
onClick: Button.propTypes.onClick,
|
|
71
73
|
text: PropTypes.string
|
|
72
74
|
})),
|
|
73
|
-
|
|
74
75
|
/**
|
|
75
76
|
* Provide an optional class to be applied to the containing node.
|
|
76
77
|
*/
|
|
77
78
|
className: PropTypes.string,
|
|
78
|
-
|
|
79
79
|
/**
|
|
80
80
|
* Empty state illustration theme variations.
|
|
81
81
|
* To ensure you use the correct themed illustrations, you can conditionally specify light or dark
|
|
@@ -83,7 +83,6 @@ UnauthorizedEmptyState.propTypes = {
|
|
|
83
83
|
* `illustrationTheme={appTheme === ('carbon--g100' || 'carbon--g90') ? 'dark' : 'light'}`
|
|
84
84
|
*/
|
|
85
85
|
illustrationTheme: PropTypes.oneOf(['light', 'dark']),
|
|
86
|
-
|
|
87
86
|
/**
|
|
88
87
|
* Empty state link object
|
|
89
88
|
*/
|
|
@@ -91,17 +90,14 @@ UnauthorizedEmptyState.propTypes = {
|
|
|
91
90
|
text: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
|
|
92
91
|
href: PropTypes.string
|
|
93
92
|
})),
|
|
94
|
-
|
|
95
93
|
/**
|
|
96
94
|
* Empty state size
|
|
97
95
|
*/
|
|
98
96
|
size: PropTypes.oneOf(['lg', 'sm']),
|
|
99
|
-
|
|
100
97
|
/**
|
|
101
98
|
* Empty state subtitle
|
|
102
99
|
*/
|
|
103
100
|
subtitle: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
|
|
104
|
-
|
|
105
101
|
/**
|
|
106
102
|
* Empty state title
|
|
107
103
|
*/
|
|
@@ -1,27 +1,28 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
var _excluded = ["theme", "size"];
|
|
4
|
-
|
|
5
4
|
/**
|
|
6
5
|
* Copyright IBM Corp. 2020, 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 PropTypes from 'prop-types';
|
|
15
16
|
import cx from 'classnames';
|
|
16
17
|
import { pkg } from '../../../settings';
|
|
17
|
-
import uuidv4 from '../../../global/js/utils/uuidv4';
|
|
18
|
+
import uuidv4 from '../../../global/js/utils/uuidv4';
|
|
18
19
|
|
|
20
|
+
// The block part of our conventional BEM class names (blockClass__E--M).
|
|
19
21
|
var blockClass = "".concat(pkg.prefix, "--empty-state");
|
|
20
22
|
export var ErrorIllustration = function ErrorIllustration(_ref) {
|
|
21
23
|
var theme = _ref.theme,
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
24
|
+
size = _ref.size,
|
|
25
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
25
26
|
var svgId = uuidv4();
|
|
26
27
|
return theme === 'dark' ? /*#__PURE__*/React.createElement("svg", _extends({}, rest, {
|
|
27
28
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -1,27 +1,28 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
var _excluded = ["theme", "size"];
|
|
4
|
-
|
|
5
4
|
/**
|
|
6
5
|
* Copyright IBM Corp. 2020, 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 PropTypes from 'prop-types';
|
|
15
16
|
import cx from 'classnames';
|
|
16
17
|
import { pkg } from '../../../settings';
|
|
17
|
-
import uuidv4 from '../../../global/js/utils/uuidv4';
|
|
18
|
+
import uuidv4 from '../../../global/js/utils/uuidv4';
|
|
18
19
|
|
|
20
|
+
// The block part of our conventional BEM class names (blockClass__E--M).
|
|
19
21
|
var blockClass = "".concat(pkg.prefix, "--empty-state");
|
|
20
22
|
export var NoDataIllustration = function NoDataIllustration(_ref) {
|
|
21
23
|
var theme = _ref.theme,
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
24
|
+
size = _ref.size,
|
|
25
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
25
26
|
var svgId = uuidv4();
|
|
26
27
|
return theme === 'dark' ? /*#__PURE__*/React.createElement("svg", _extends({}, rest, {
|
|
27
28
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -1,27 +1,28 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
var _excluded = ["theme", "size"];
|
|
4
|
-
|
|
5
4
|
/**
|
|
6
5
|
* Copyright IBM Corp. 2020, 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 PropTypes from 'prop-types';
|
|
15
16
|
import cx from 'classnames';
|
|
16
17
|
import { pkg } from '../../../settings';
|
|
17
|
-
import uuidv4 from '../../../global/js/utils/uuidv4';
|
|
18
|
+
import uuidv4 from '../../../global/js/utils/uuidv4';
|
|
18
19
|
|
|
20
|
+
// The block part of our conventional BEM class names (blockClass__E--M).
|
|
19
21
|
var blockClass = "".concat(pkg.prefix, "--empty-state");
|
|
20
22
|
export var NoTagsIllustration = function NoTagsIllustration(_ref) {
|
|
21
23
|
var theme = _ref.theme,
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
24
|
+
size = _ref.size,
|
|
25
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
25
26
|
var svgId = uuidv4();
|
|
26
27
|
return theme === 'dark' ? /*#__PURE__*/React.createElement("svg", _extends({}, rest, {
|
|
27
28
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -1,27 +1,28 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
var _excluded = ["theme", "size"];
|
|
4
|
-
|
|
5
4
|
/**
|
|
6
5
|
* Copyright IBM Corp. 2020, 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 PropTypes from 'prop-types';
|
|
15
16
|
import cx from 'classnames';
|
|
16
17
|
import { pkg } from '../../../settings';
|
|
17
|
-
import uuidv4 from '../../../global/js/utils/uuidv4';
|
|
18
|
+
import uuidv4 from '../../../global/js/utils/uuidv4';
|
|
18
19
|
|
|
20
|
+
// The block part of our conventional BEM class names (blockClass__E--M).
|
|
19
21
|
var blockClass = "".concat(pkg.prefix, "--empty-state");
|
|
20
22
|
export var NotFoundIllustration = function NotFoundIllustration(_ref) {
|
|
21
23
|
var theme = _ref.theme,
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
24
|
+
size = _ref.size,
|
|
25
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
25
26
|
var svgId = uuidv4();
|
|
26
27
|
return theme === 'dark' ? /*#__PURE__*/React.createElement("svg", _extends({}, rest, {
|
|
27
28
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -1,27 +1,28 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
var _excluded = ["theme", "size"];
|
|
4
|
-
|
|
5
4
|
/**
|
|
6
5
|
* Copyright IBM Corp. 2020, 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 PropTypes from 'prop-types';
|
|
15
16
|
import cx from 'classnames';
|
|
16
17
|
import { pkg } from '../../../settings';
|
|
17
|
-
import uuidv4 from '../../../global/js/utils/uuidv4';
|
|
18
|
+
import uuidv4 from '../../../global/js/utils/uuidv4';
|
|
18
19
|
|
|
20
|
+
// The block part of our conventional BEM class names (blockClass__E--M).
|
|
19
21
|
var blockClass = "".concat(pkg.prefix, "--empty-state");
|
|
20
22
|
export var NotificationsIllustration = function NotificationsIllustration(_ref) {
|
|
21
23
|
var theme = _ref.theme,
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
24
|
+
size = _ref.size,
|
|
25
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
25
26
|
var svgId = uuidv4();
|
|
26
27
|
return theme === 'dark' ? /*#__PURE__*/React.createElement("svg", _extends({}, rest, {
|
|
27
28
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -1,27 +1,28 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
var _excluded = ["theme", "size"];
|
|
4
|
-
|
|
5
4
|
/**
|
|
6
5
|
* Copyright IBM Corp. 2020, 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 PropTypes from 'prop-types';
|
|
15
16
|
import cx from 'classnames';
|
|
16
17
|
import { pkg } from '../../../settings';
|
|
17
|
-
import uuidv4 from '../../../global/js/utils/uuidv4';
|
|
18
|
+
import uuidv4 from '../../../global/js/utils/uuidv4';
|
|
18
19
|
|
|
20
|
+
// The block part of our conventional BEM class names (blockClass__E--M).
|
|
19
21
|
var blockClass = "".concat(pkg.prefix, "--empty-state");
|
|
20
22
|
export var UnauthorizedIllustration = function UnauthorizedIllustration(_ref) {
|
|
21
23
|
var theme = _ref.theme,
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
24
|
+
size = _ref.size,
|
|
25
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
25
26
|
var svgId = uuidv4();
|
|
26
27
|
return theme === 'dark' ? /*#__PURE__*/React.createElement("svg", _extends({}, rest, {
|
|
27
28
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -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 { EmptyState } from './EmptyState';
|
|
8
9
|
export { ErrorEmptyState } from './ErrorEmptyState';
|
|
9
10
|
export { NoDataEmptyState } from './NoDataEmptyState';
|
|
@@ -2,73 +2,73 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
4
|
var _excluded = ["borderColor", "boxedBorder", "className", "disabled", "onPrimaryClick", "onSecondaryClick", "primaryButtonLabel", "primaryKind", "secondaryButtonLabel", "secondaryKind", "size", "style"];
|
|
5
|
-
|
|
6
5
|
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; }
|
|
7
|
-
|
|
8
6
|
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; }
|
|
9
|
-
|
|
10
7
|
/**
|
|
11
8
|
* Copyright IBM Corp. 2020, 2021
|
|
12
9
|
*
|
|
13
10
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
14
11
|
* LICENSE file in the root directory of this source tree.
|
|
15
12
|
*/
|
|
13
|
+
|
|
16
14
|
// Import portions of React that are needed.
|
|
17
|
-
import React from 'react';
|
|
15
|
+
import React from 'react';
|
|
18
16
|
|
|
17
|
+
// Other standard imports.
|
|
19
18
|
import PropTypes from 'prop-types';
|
|
20
19
|
import cx from 'classnames';
|
|
21
|
-
import { pkg } from '../../settings';
|
|
20
|
+
import { pkg } from '../../settings';
|
|
22
21
|
|
|
23
|
-
|
|
22
|
+
// Carbon and package components we use.
|
|
23
|
+
import { Button, ButtonSet } from 'carbon-components-react';
|
|
24
24
|
|
|
25
|
+
// The block part of our conventional BEM class names (blockClass__E--M).
|
|
25
26
|
var blockClass = "".concat(pkg.prefix, "--example-component");
|
|
26
|
-
var componentName = 'ExampleComponent';
|
|
27
|
-
|
|
27
|
+
var componentName = 'ExampleComponent';
|
|
28
|
+
|
|
29
|
+
// NOTE: the component SCSS is not imported here: it is rolled up separately.
|
|
28
30
|
|
|
31
|
+
// Default values for props
|
|
29
32
|
var defaults = {
|
|
30
33
|
primaryKind: 'primary',
|
|
31
34
|
secondaryKind: 'secondary',
|
|
32
35
|
size: 'default'
|
|
33
36
|
};
|
|
37
|
+
|
|
34
38
|
/**
|
|
35
39
|
* This is an example component to show relevant conventions and usage.
|
|
36
40
|
*/
|
|
37
|
-
|
|
38
41
|
export var ExampleComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
39
42
|
var borderColor = _ref.borderColor,
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
43
|
+
boxedBorder = _ref.boxedBorder,
|
|
44
|
+
className = _ref.className,
|
|
45
|
+
disabled = _ref.disabled,
|
|
46
|
+
onPrimaryClick = _ref.onPrimaryClick,
|
|
47
|
+
onSecondaryClick = _ref.onSecondaryClick,
|
|
48
|
+
primaryButtonLabel = _ref.primaryButtonLabel,
|
|
49
|
+
_ref$primaryKind = _ref.primaryKind,
|
|
50
|
+
primaryKind = _ref$primaryKind === void 0 ? defaults.primaryKind : _ref$primaryKind,
|
|
51
|
+
secondaryButtonLabel = _ref.secondaryButtonLabel,
|
|
52
|
+
_ref$secondaryKind = _ref.secondaryKind,
|
|
53
|
+
secondaryKind = _ref$secondaryKind === void 0 ? defaults.secondaryKind : _ref$secondaryKind,
|
|
54
|
+
_ref$size = _ref.size,
|
|
55
|
+
size = _ref$size === void 0 ? defaults.size : _ref$size,
|
|
56
|
+
style = _ref.style,
|
|
57
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
56
58
|
var modeClass = boxedBorder ? "".concat(blockClass, "--boxed-set") : "".concat(blockClass, "--shadow-set");
|
|
57
|
-
|
|
58
59
|
var handlePrimaryClick = function handlePrimaryClick(e) {
|
|
59
60
|
if (onPrimaryClick) {
|
|
60
61
|
onPrimaryClick(e);
|
|
61
62
|
}
|
|
62
63
|
};
|
|
63
|
-
|
|
64
64
|
var handleSecondaryClick = function handleSecondaryClick(e) {
|
|
65
65
|
if (onSecondaryClick) {
|
|
66
66
|
onSecondaryClick(e);
|
|
67
67
|
}
|
|
68
68
|
};
|
|
69
|
-
|
|
70
69
|
return /*#__PURE__*/React.createElement(ButtonSet, _extends({}, rest, {
|
|
71
|
-
className: cx(blockClass,
|
|
70
|
+
className: cx(blockClass,
|
|
71
|
+
// Apply the block class to the main HTML element
|
|
72
72
|
className, // Apply any supplied class names to the main HTML element.
|
|
73
73
|
"".concat(blockClass, "--").concat(size), modeClass),
|
|
74
74
|
ref: ref,
|
|
@@ -87,71 +87,63 @@ export var ExampleComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref)
|
|
|
87
87
|
disabled: disabled,
|
|
88
88
|
size: size
|
|
89
89
|
}, primaryButtonLabel));
|
|
90
|
-
});
|
|
90
|
+
});
|
|
91
91
|
|
|
92
|
-
|
|
92
|
+
// Return a placeholder if not released and not enabled by feature flag.
|
|
93
|
+
ExampleComponent = pkg.checkComponentEnabled(ExampleComponent, componentName);
|
|
94
|
+
|
|
95
|
+
// The display name of the component, used by React. Note that displayName
|
|
93
96
|
// is used in preference to relying on function.name.
|
|
97
|
+
ExampleComponent.displayName = componentName;
|
|
94
98
|
|
|
95
|
-
|
|
99
|
+
// The types and DocGen commentary for the component props,
|
|
96
100
|
// in alphabetical order (for consistency).
|
|
97
101
|
// See https://www.npmjs.com/package/prop-types#usage.
|
|
98
|
-
|
|
99
102
|
ExampleComponent.propTypes = {
|
|
100
103
|
/**
|
|
101
104
|
* What border color (HTML color value) to use.
|
|
102
105
|
*/
|
|
103
106
|
borderColor: PropTypes.string,
|
|
104
|
-
|
|
105
107
|
/**
|
|
106
108
|
* If true, the border is a box, otherwise it is a shadow.
|
|
107
109
|
*/
|
|
108
110
|
boxedBorder: PropTypes.bool,
|
|
109
|
-
|
|
110
111
|
/**
|
|
111
112
|
* Provide an optional class to be applied to the containing node.
|
|
112
113
|
*/
|
|
113
114
|
className: PropTypes.string,
|
|
114
|
-
|
|
115
115
|
/**
|
|
116
116
|
* If true, the buttons are disabled, otherwise they can be used.
|
|
117
117
|
*/
|
|
118
118
|
disabled: PropTypes.bool,
|
|
119
|
-
|
|
120
119
|
/**
|
|
121
120
|
* An optional primary button click handler.
|
|
122
121
|
*/
|
|
123
122
|
onPrimaryClick: PropTypes.func,
|
|
124
|
-
|
|
125
123
|
/**
|
|
126
124
|
* An optional secondary button click handler.
|
|
127
125
|
*/
|
|
128
126
|
onSecondaryClick: PropTypes.func,
|
|
129
|
-
|
|
130
127
|
/**
|
|
131
128
|
* The primary button label.
|
|
132
129
|
*/
|
|
133
130
|
primaryButtonLabel: PropTypes.string.isRequired,
|
|
134
|
-
|
|
135
131
|
/**
|
|
136
132
|
* The kind of button for the primary button ('primary' or 'danger').
|
|
137
133
|
*/
|
|
138
134
|
primaryKind: PropTypes.oneOf(['primary', 'danger']),
|
|
139
|
-
|
|
140
135
|
/**
|
|
141
136
|
* The secondary button label.
|
|
142
137
|
*/
|
|
143
138
|
secondaryButtonLabel: PropTypes.string.isRequired,
|
|
144
|
-
|
|
145
139
|
/**
|
|
146
140
|
* The kind of button for the secondary button ('secondary' or 'tertiary').
|
|
147
141
|
*/
|
|
148
142
|
secondaryKind: PropTypes.oneOf(['secondary', 'tertiary']),
|
|
149
|
-
|
|
150
143
|
/**
|
|
151
144
|
* The size for the buttons ('default', 'small' or 'field').
|
|
152
145
|
*/
|
|
153
146
|
size: PropTypes.oneOf(['default', 'small', 'field']),
|
|
154
|
-
|
|
155
147
|
/**
|
|
156
148
|
* Optional style settings for the containing node.
|
|
157
149
|
*/
|