@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.
Files changed (634) hide show
  1. package/css/index-full-carbon.css +46 -13
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +2 -8
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +2 -9
  6. package/css/index-without-carbon-released-only.css.map +1 -1
  7. package/css/index-without-carbon-released-only.min.css +1 -7
  8. package/css/index-without-carbon-released-only.min.css.map +1 -1
  9. package/css/index-without-carbon.css +46 -13
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +2 -8
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +46 -13
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +2 -8
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/APIKeyModal/APIKeyDownloader.js +8 -18
  18. package/es/components/APIKeyModal/APIKeyModal.js +58 -140
  19. package/es/components/APIKeyModal/index.js +1 -0
  20. package/es/components/AboutModal/AboutModal.js +40 -45
  21. package/es/components/AboutModal/index.js +1 -0
  22. package/es/components/ActionBar/ActionBar.js +69 -82
  23. package/es/components/ActionBar/ActionBarItem.js +19 -20
  24. package/es/components/ActionBar/ActionBarOverflowItems.js +10 -10
  25. package/es/components/ActionBar/index.js +1 -0
  26. package/es/components/ActionSet/ActionSet.js +30 -39
  27. package/es/components/ActionSet/actions.js +1 -2
  28. package/es/components/ActionSet/index.js +1 -0
  29. package/es/components/AddSelect/AddSelect.js +3 -4
  30. package/es/components/AddSelect/AddSelectBody.js +67 -87
  31. package/es/components/AddSelect/AddSelectBreadcrumbs.js +3 -4
  32. package/es/components/AddSelect/AddSelectColumn.js +27 -45
  33. package/es/components/AddSelect/AddSelectFilter.js +21 -34
  34. package/es/components/AddSelect/AddSelectList.js +19 -33
  35. package/es/components/AddSelect/AddSelectMetaPanel.js +3 -5
  36. package/es/components/AddSelect/AddSelectSidebar.js +14 -21
  37. package/es/components/AddSelect/AddSelectSort.js +6 -5
  38. package/es/components/AddSelect/add-select-utils.js +2 -23
  39. package/es/components/AddSelect/hooks/useItemSort.js +6 -8
  40. package/es/components/AddSelect/hooks/useParentSelect.js +3 -6
  41. package/es/components/AddSelect/hooks/usePath.js +6 -20
  42. package/es/components/AddSelect/index.js +1 -0
  43. package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +62 -88
  44. package/es/components/BreadcrumbWithOverflow/index.js +2 -0
  45. package/es/components/ButtonMenu/ButtonMenu.js +32 -30
  46. package/es/components/ButtonMenu/ButtonMenuItem.js +10 -6
  47. package/es/components/ButtonMenu/index.js +1 -0
  48. package/es/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +34 -52
  49. package/es/components/ButtonSetWithOverflow/index.js +1 -0
  50. package/es/components/Card/Card.js +53 -71
  51. package/es/components/Card/CardFooter.js +19 -18
  52. package/es/components/Card/CardHeader.js +13 -13
  53. package/es/components/Card/index.js +1 -0
  54. package/es/components/Cascade/Cascade.js +5 -14
  55. package/es/components/ComboButton/ComboButton.js +24 -35
  56. package/es/components/ComboButton/ComboButtonItem/index.js +4 -8
  57. package/es/components/ComboButton/index.js +1 -0
  58. package/es/components/CreateFullPage/CreateFullPage.js +64 -85
  59. package/es/components/CreateFullPage/CreateFullPageStep.js +28 -40
  60. package/es/components/CreateFullPage/index.js +1 -0
  61. package/es/components/CreateInfluencer/CreateInfluencer.js +14 -15
  62. package/es/components/CreateInfluencer/index.js +1 -0
  63. package/es/components/CreateModal/CreateModal.js +19 -31
  64. package/es/components/CreateModal/index.js +2 -0
  65. package/es/components/CreateSidePanel/CreateSidePanel.js +24 -37
  66. package/es/components/CreateSidePanel/index.js +1 -0
  67. package/es/components/CreateTearsheet/CreateTearsheet.js +65 -88
  68. package/es/components/CreateTearsheet/CreateTearsheetDivider.js +4 -4
  69. package/es/components/CreateTearsheet/CreateTearsheetStep.js +31 -42
  70. package/es/components/CreateTearsheet/index.js +1 -0
  71. package/es/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +46 -66
  72. package/es/components/CreateTearsheet/preview-components/MultiStepWithIntro.js +41 -57
  73. package/es/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +30 -39
  74. package/es/components/CreateTearsheetNarrow/index.js +1 -0
  75. package/es/components/DataSpreadsheet/DataSpreadsheet.js +136 -225
  76. package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +62 -113
  77. package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +25 -56
  78. package/es/components/DataSpreadsheet/hooks/index.js +1 -0
  79. package/es/components/DataSpreadsheet/hooks/useMoveActiveCell.js +6 -5
  80. package/es/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +23 -44
  81. package/es/components/DataSpreadsheet/hooks/useResetSpreadsheetFocus.js +5 -5
  82. package/es/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +18 -30
  83. package/es/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +10 -14
  84. package/es/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +34 -54
  85. package/es/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +10 -10
  86. package/es/components/DataSpreadsheet/index.js +1 -0
  87. package/es/components/DataSpreadsheet/utils/checkActiveHeaderCell.js +4 -8
  88. package/es/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +3 -4
  89. package/es/components/DataSpreadsheet/utils/createActiveCellFn.js +15 -19
  90. package/es/components/DataSpreadsheet/utils/createCellSelectionArea.js +15 -17
  91. package/es/components/DataSpreadsheet/utils/generateData.js +4 -13
  92. package/es/components/DataSpreadsheet/utils/getCellSize.js +1 -6
  93. package/es/components/DataSpreadsheet/utils/getSelectionAreaPoints.js +1 -0
  94. package/es/components/DataSpreadsheet/utils/getSpreadsheetWidth.js +7 -9
  95. package/es/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +20 -34
  96. package/es/components/DataSpreadsheet/utils/handleActiveCellInSelectionTab.js +20 -30
  97. package/es/components/DataSpreadsheet/utils/handleCellDeletion.js +5 -4
  98. package/es/components/DataSpreadsheet/utils/handleEditSubmit.js +13 -20
  99. package/es/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +22 -44
  100. package/es/components/DataSpreadsheet/utils/handleMultipleKeys.js +40 -75
  101. package/es/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +6 -8
  102. package/es/components/DataSpreadsheet/utils/removeCellSelections.js +6 -8
  103. package/es/components/DataSpreadsheet/utils/selectAllCells.js +7 -11
  104. package/es/components/Datagrid/Datagrid/Datagrid.js +12 -12
  105. package/es/components/Datagrid/Datagrid/DatagridBody.js +4 -10
  106. package/es/components/Datagrid/Datagrid/DatagridContent.js +30 -40
  107. package/es/components/Datagrid/Datagrid/DatagridEmptyBody.js +7 -10
  108. package/es/components/Datagrid/Datagrid/DatagridExpandedRow.js +4 -6
  109. package/es/components/Datagrid/Datagrid/DatagridHead.js +6 -6
  110. package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +2 -9
  111. package/es/components/Datagrid/Datagrid/DatagridRefBody.js +5 -8
  112. package/es/components/Datagrid/Datagrid/DatagridRow.js +4 -12
  113. package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +10 -18
  114. package/es/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +24 -34
  115. package/es/components/Datagrid/Datagrid/DatagridSimpleBody.js +2 -7
  116. package/es/components/Datagrid/Datagrid/DatagridToolbar.js +26 -38
  117. package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +15 -21
  118. package/es/components/Datagrid/Datagrid/DraggableElement.js +74 -85
  119. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +3 -5
  120. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +6 -10
  121. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +14 -26
  122. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsModal.js +54 -71
  123. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ModalWrapper.js +6 -13
  124. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js +1 -1
  125. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/index.js +1 -0
  126. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +11 -12
  127. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +56 -106
  128. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js +7 -21
  129. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/getCellIdAsObject.js +1 -1
  130. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +9 -14
  131. package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridFocus.js +2 -3
  132. package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +29 -63
  133. package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +14 -21
  134. package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +6 -11
  135. package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +21 -34
  136. package/es/components/Datagrid/Datagrid/addons/RowSize/index.js +1 -0
  137. package/es/components/Datagrid/Datagrid/index.js +1 -0
  138. package/es/components/Datagrid/Datagrid.stories/StickyActionsColumnStory.js +10 -0
  139. package/es/components/Datagrid/Datagrid.stories/common.js +2 -11
  140. package/es/components/Datagrid/common-column-ids.js +1 -0
  141. package/es/components/Datagrid/useActionsColumn.js +15 -31
  142. package/es/components/Datagrid/useColumnCenterAlign.js +0 -8
  143. package/es/components/Datagrid/useColumnOrder.js +1 -0
  144. package/es/components/Datagrid/useColumnRightAlign.js +0 -8
  145. package/es/components/Datagrid/useCustomizeColumns.js +5 -13
  146. package/es/components/Datagrid/useDatagrid.js +0 -7
  147. package/es/components/Datagrid/useDefaultStringRenderer.js +0 -9
  148. package/es/components/Datagrid/useDisableSelectRows.js +2 -10
  149. package/es/components/Datagrid/useExpandedRow.js +5 -15
  150. package/es/components/Datagrid/useFlexResize.js +0 -7
  151. package/es/components/Datagrid/useFloatingScroll.js +9 -22
  152. package/es/components/Datagrid/useInfiniteScroll.js +10 -16
  153. package/es/components/Datagrid/useInlineEdit.js +1 -9
  154. package/es/components/Datagrid/useNestedRowExpander.js +0 -6
  155. package/es/components/Datagrid/useNestedRows.js +1 -7
  156. package/es/components/Datagrid/useOnRowClick.js +4 -9
  157. package/es/components/Datagrid/useParentDimensions.js +6 -16
  158. package/es/components/Datagrid/useResizeTable.js +1 -7
  159. package/es/components/Datagrid/useRowExpander.js +0 -5
  160. package/es/components/Datagrid/useRowIsMouseOver.js +6 -15
  161. package/es/components/Datagrid/useRowRenderer.js +0 -5
  162. package/es/components/Datagrid/useRowSize.js +8 -20
  163. package/es/components/Datagrid/useSelectAllToggle.js +11 -22
  164. package/es/components/Datagrid/useSelectRows.js +11 -27
  165. package/es/components/Datagrid/useSkeletonRows.js +1 -6
  166. package/es/components/Datagrid/useSortableColumns.js +2 -23
  167. package/es/components/Datagrid/useStickyColumn.js +2 -31
  168. package/es/components/Datagrid/utils/DatagridActions.js +7 -11
  169. package/es/components/Datagrid/utils/DatagridPagination.js +5 -6
  170. package/es/components/Datagrid/utils/Wrapper.js +1 -1
  171. package/es/components/Datagrid/utils/getArgTypes.js +1 -0
  172. package/es/components/Datagrid/utils/getInlineEditColumns.js +1 -2
  173. package/es/components/Datagrid/utils/makeData.js +1 -15
  174. package/es/components/EditFullPage/EditFullPage.js +27 -20
  175. package/es/components/EditFullPage/index.js +1 -0
  176. package/es/components/EditSidePanel/EditSidePanel.js +38 -51
  177. package/es/components/EditSidePanel/index.js +1 -0
  178. package/es/components/EditTearsheet/EditTearsheet.js +32 -42
  179. package/es/components/EditTearsheet/EditTearsheetForm.js +13 -19
  180. package/es/components/EditTearsheet/index.js +1 -0
  181. package/es/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js +34 -48
  182. package/es/components/EditTearsheetNarrow/EditTearsheetNarrow.js +27 -20
  183. package/es/components/EditTearsheetNarrow/index.js +1 -0
  184. package/es/components/EditUpdateCards/EditUpdateCards.js +142 -0
  185. package/es/components/EditUpdateCards/index.js +8 -0
  186. package/es/components/EmptyStates/EmptyState.js +18 -25
  187. package/es/components/EmptyStates/EmptyStateContent.js +16 -17
  188. package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +20 -24
  189. package/es/components/EmptyStates/ErrorEmptyState/index.js +1 -0
  190. package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +20 -24
  191. package/es/components/EmptyStates/NoDataEmptyState/index.js +1 -0
  192. package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +20 -24
  193. package/es/components/EmptyStates/NoTagsEmptyState/index.js +1 -0
  194. package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +20 -24
  195. package/es/components/EmptyStates/NotFoundEmptyState/index.js +1 -0
  196. package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +20 -24
  197. package/es/components/EmptyStates/NotificationsEmptyState/index.js +1 -0
  198. package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +20 -24
  199. package/es/components/EmptyStates/UnauthorizedEmptyState/index.js +1 -0
  200. package/es/components/EmptyStates/assets/ErrorIllustration.js +7 -6
  201. package/es/components/EmptyStates/assets/NoDataIllustration.js +7 -6
  202. package/es/components/EmptyStates/assets/NoTagsIllustration.js +7 -6
  203. package/es/components/EmptyStates/assets/NotFoundIllustration.js +7 -6
  204. package/es/components/EmptyStates/assets/NotificationsIllustration.js +7 -6
  205. package/es/components/EmptyStates/assets/UnauthorizedIllustration.js +7 -6
  206. package/es/components/EmptyStates/index.js +1 -0
  207. package/es/components/ExampleComponent/ExampleComponent.js +36 -44
  208. package/es/components/ExampleComponent/index.js +1 -0
  209. package/es/components/ExportModal/ExportModal.js +41 -80
  210. package/es/components/ExportModal/index.js +1 -0
  211. package/es/components/ExpressiveCard/ExpressiveCard.js +3 -20
  212. package/es/components/ExpressiveCard/index.js +1 -0
  213. package/es/components/HTTPErrors/HTTPError403/HTTPError403.js +16 -18
  214. package/es/components/HTTPErrors/HTTPError403/index.js +1 -0
  215. package/es/components/HTTPErrors/HTTPError404/HTTPError404.js +16 -18
  216. package/es/components/HTTPErrors/HTTPError404/index.js +1 -0
  217. package/es/components/HTTPErrors/HTTPErrorContent.js +15 -18
  218. package/es/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +16 -18
  219. package/es/components/HTTPErrors/HTTPErrorOther/index.js +1 -0
  220. package/es/components/HTTPErrors/assets/HTTPErrorSvg403.js +6 -3
  221. package/es/components/HTTPErrors/assets/HTTPErrorSvg404.js +6 -3
  222. package/es/components/HTTPErrors/assets/HTTPErrorSvgOther.js +6 -3
  223. package/es/components/HTTPErrors/index.js +1 -0
  224. package/es/components/ImportModal/ImportModal.js +40 -92
  225. package/es/components/ImportModal/index.js +1 -0
  226. package/es/components/InlineEdit/InlineEdit.js +68 -98
  227. package/es/components/InlineEdit/index.js +1 -0
  228. package/es/components/InlineEditV2/InlineEditV2.js +29 -57
  229. package/es/components/ModifiedTabs/ModifiedTabLabelNew.js +1 -1
  230. package/es/components/ModifiedTabs/ModifiedTabLabelWithClose.js +6 -9
  231. package/es/components/ModifiedTabs/ModifiedTabs.js +14 -19
  232. package/es/components/MultiAddSelect/MultiAddSelect.js +0 -23
  233. package/es/components/NotificationsPanel/NotificationsPanel.js +85 -126
  234. package/es/components/NotificationsPanel/NotificationsPanel_data.js +1 -0
  235. package/es/components/NotificationsPanel/index.js +1 -0
  236. package/es/components/NotificationsPanel/preview-components/UnreadNotificationBell.js +1 -2
  237. package/es/components/NotificationsPanel/utils.js +13 -19
  238. package/es/components/OptionsTile/OptionsTile.js +52 -80
  239. package/es/components/OptionsTile/index.js +1 -0
  240. package/es/components/PageHeader/PageHeader.js +119 -186
  241. package/es/components/PageHeader/PageHeaderDemo.data.js +0 -1
  242. package/es/components/PageHeader/PageHeaderTitle.js +18 -23
  243. package/es/components/PageHeader/PageHeaderUtils.js +18 -45
  244. package/es/components/PageHeader/index.js +1 -0
  245. package/es/components/ProductiveCard/ProductiveCard.js +7 -23
  246. package/es/components/ProductiveCard/index.js +1 -0
  247. package/es/components/RemoveModal/RemoveModal.js +25 -45
  248. package/es/components/RemoveModal/index.js +1 -0
  249. package/es/components/Saving/Saving.js +15 -30
  250. package/es/components/Saving/index.js +1 -0
  251. package/es/components/SidePanel/SidePanel.js +103 -150
  252. package/es/components/SidePanel/constants.js +1 -0
  253. package/es/components/SidePanel/index.js +1 -0
  254. package/es/components/SingleAddSelect/SingleAddSelect.js +0 -14
  255. package/es/components/StatusIcon/StatusIcon.js +5 -12
  256. package/es/components/StatusIcon/index.js +1 -0
  257. package/es/components/TagSet/TagSet.js +59 -93
  258. package/es/components/TagSet/TagSetModal.js +19 -30
  259. package/es/components/TagSet/TagSetOverflow.js +16 -25
  260. package/es/components/TagSet/index.js +1 -0
  261. package/es/components/Tearsheet/Tearsheet.js +26 -33
  262. package/es/components/Tearsheet/TearsheetNarrow.js +22 -25
  263. package/es/components/Tearsheet/TearsheetShell.js +80 -91
  264. package/es/components/Tearsheet/index.js +1 -0
  265. package/es/components/Toolbar/Toolbar.js +13 -27
  266. package/es/components/Toolbar/ToolbarButton.js +5 -9
  267. package/es/components/Toolbar/ToolbarGroup.js +4 -6
  268. package/es/components/Toolbar/index.js +1 -0
  269. package/es/components/UserProfileImage/UserProfileImage.js +26 -40
  270. package/es/components/UserProfileImage/index.js +2 -0
  271. package/es/components/WebTerminal/WebTerminal.js +41 -51
  272. package/es/components/WebTerminal/WebTerminalContentWrapper.js +14 -11
  273. package/es/components/WebTerminal/hooks/index.js +8 -7
  274. package/es/components/WebTerminal/index.js +1 -0
  275. package/es/components/WebTerminal/preview-components/Navigation.js +2 -4
  276. package/es/components/WebTerminal/preview-components/documentationLinks.js +1 -0
  277. package/es/components/_Canary/Canary.js +13 -13
  278. package/es/components/_Canary/index.js +1 -0
  279. package/es/components/index.js +2 -0
  280. package/es/global/js/hooks/index.js +1 -0
  281. package/es/global/js/hooks/useActiveElement.js +4 -6
  282. package/es/global/js/hooks/useClickOutside.js +1 -1
  283. package/es/global/js/hooks/useCreateComponentFocus.js +6 -5
  284. package/es/global/js/hooks/useCreateComponentStepChange.js +23 -54
  285. package/es/global/js/hooks/usePreviousValue.js +2 -1
  286. package/es/global/js/hooks/useResetCreateComponent.js +10 -9
  287. package/es/global/js/hooks/useRetrieveStepData.js +7 -10
  288. package/es/global/js/hooks/useValidCreateStepCount.js +2 -1
  289. package/es/global/js/hooks/useWindowResize.js +8 -16
  290. package/es/global/js/hooks/useWindowScroll.js +4 -14
  291. package/es/global/js/package-settings.js +6 -11
  292. package/es/global/js/utils/ClickListener.js +5 -10
  293. package/es/global/js/utils/DisplayBox.js +3 -2
  294. package/es/global/js/utils/Wrap.js +14 -17
  295. package/es/global/js/utils/deepCloneObject.js +5 -8
  296. package/es/global/js/utils/devtools.js +1 -4
  297. package/es/global/js/utils/getBezierValues.js +1 -2
  298. package/es/global/js/utils/getFocusableElements.js +1 -1
  299. package/es/global/js/utils/getScrollbarWidth.js +1 -0
  300. package/es/global/js/utils/keyboardNavigation.js +7 -5
  301. package/es/global/js/utils/lastIndexInArray.js +0 -2
  302. package/es/global/js/utils/motionConstants.js +2 -3
  303. package/es/global/js/utils/pconsole.js +1 -3
  304. package/es/global/js/utils/props-helper.js +19 -35
  305. package/es/global/js/utils/rangeWithCallback.js +1 -0
  306. package/es/global/js/utils/scrollableAncestor.js +5 -8
  307. package/es/global/js/utils/story-helper.js +9 -8
  308. package/es/global/js/utils/test-helper.js +25 -42
  309. package/es/global/js/utils/unwrap-if-fragment.js +8 -16
  310. package/es/global/js/utils/uuidv4.js +1 -2
  311. package/es/global/js/utils/uuidv4.spec.js +1 -1
  312. package/es/global/js/utils/wait.js +1 -1
  313. package/es/global/js/utils/wrapFocus.js +8 -14
  314. package/es/index.js +1 -0
  315. package/es/settings.js +24 -18
  316. package/lib/components/APIKeyModal/APIKeyDownloader.js +8 -31
  317. package/lib/components/APIKeyModal/APIKeyModal.js +57 -161
  318. package/lib/components/APIKeyModal/index.js +0 -1
  319. package/lib/components/AboutModal/AboutModal.js +33 -60
  320. package/lib/components/AboutModal/index.js +0 -1
  321. package/lib/components/ActionBar/ActionBar.js +62 -97
  322. package/lib/components/ActionBar/ActionBarItem.js +12 -26
  323. package/lib/components/ActionBar/ActionBarOverflowItems.js +8 -20
  324. package/lib/components/ActionBar/index.js +0 -2
  325. package/lib/components/ActionSet/ActionSet.js +26 -49
  326. package/lib/components/ActionSet/actions.js +1 -5
  327. package/lib/components/ActionSet/index.js +0 -1
  328. package/lib/components/AddSelect/AddSelect.js +2 -16
  329. package/lib/components/AddSelect/AddSelectBody.js +66 -117
  330. package/lib/components/AddSelect/AddSelectBreadcrumbs.js +3 -14
  331. package/lib/components/AddSelect/AddSelectColumn.js +26 -67
  332. package/lib/components/AddSelect/AddSelectFilter.js +20 -48
  333. package/lib/components/AddSelect/AddSelectList.js +19 -45
  334. package/lib/components/AddSelect/AddSelectMetaPanel.js +3 -17
  335. package/lib/components/AddSelect/AddSelectSidebar.js +13 -31
  336. package/lib/components/AddSelect/AddSelectSort.js +6 -15
  337. package/lib/components/AddSelect/add-select-utils.js +2 -33
  338. package/lib/components/AddSelect/hooks/useItemSort.js +6 -13
  339. package/lib/components/AddSelect/hooks/useParentSelect.js +3 -9
  340. package/lib/components/AddSelect/hooks/usePath.js +6 -21
  341. package/lib/components/AddSelect/index.js +0 -1
  342. package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +55 -102
  343. package/lib/components/BreadcrumbWithOverflow/index.js +0 -1
  344. package/lib/components/ButtonMenu/ButtonMenu.js +25 -35
  345. package/lib/components/ButtonMenu/ButtonMenuItem.js +9 -10
  346. package/lib/components/ButtonMenu/index.js +0 -2
  347. package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +33 -71
  348. package/lib/components/ButtonSetWithOverflow/index.js +0 -1
  349. package/lib/components/Card/Card.js +52 -84
  350. package/lib/components/Card/CardFooter.js +19 -28
  351. package/lib/components/Card/CardHeader.js +13 -23
  352. package/lib/components/Card/index.js +0 -3
  353. package/lib/components/Cascade/Cascade.js +4 -30
  354. package/lib/components/Cascade/index.js +0 -1
  355. package/lib/components/ComboButton/ComboButton.js +23 -49
  356. package/lib/components/ComboButton/ComboButtonItem/index.js +2 -10
  357. package/lib/components/ComboButton/index.js +0 -2
  358. package/lib/components/CreateFullPage/CreateFullPage.js +59 -103
  359. package/lib/components/CreateFullPage/CreateFullPageStep.js +27 -56
  360. package/lib/components/CreateFullPage/index.js +0 -2
  361. package/lib/components/CreateInfluencer/CreateInfluencer.js +13 -24
  362. package/lib/components/CreateInfluencer/index.js +0 -1
  363. package/lib/components/CreateModal/CreateModal.js +16 -39
  364. package/lib/components/CreateModal/index.js +0 -1
  365. package/lib/components/CreateSidePanel/CreateSidePanel.js +17 -46
  366. package/lib/components/CreateSidePanel/index.js +0 -1
  367. package/lib/components/CreateTearsheet/CreateTearsheet.js +64 -107
  368. package/lib/components/CreateTearsheet/CreateTearsheetDivider.js +3 -14
  369. package/lib/components/CreateTearsheet/CreateTearsheetStep.js +30 -58
  370. package/lib/components/CreateTearsheet/index.js +0 -3
  371. package/lib/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +45 -79
  372. package/lib/components/CreateTearsheet/preview-components/MultiStepWithIntro.js +41 -71
  373. package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +25 -47
  374. package/lib/components/CreateTearsheetNarrow/index.js +0 -1
  375. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +131 -256
  376. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +61 -135
  377. package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +24 -75
  378. package/lib/components/DataSpreadsheet/hooks/index.js +0 -7
  379. package/lib/components/DataSpreadsheet/hooks/useMoveActiveCell.js +4 -7
  380. package/lib/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +23 -48
  381. package/lib/components/DataSpreadsheet/hooks/useResetSpreadsheetFocus.js +5 -9
  382. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +18 -37
  383. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +7 -18
  384. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +33 -61
  385. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +8 -14
  386. package/lib/components/DataSpreadsheet/index.js +0 -1
  387. package/lib/components/DataSpreadsheet/utils/checkActiveHeaderCell.js +1 -9
  388. package/lib/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +3 -7
  389. package/lib/components/DataSpreadsheet/utils/createActiveCellFn.js +15 -23
  390. package/lib/components/DataSpreadsheet/utils/createCellSelectionArea.js +15 -22
  391. package/lib/components/DataSpreadsheet/utils/generateData.js +4 -16
  392. package/lib/components/DataSpreadsheet/utils/getCellSize.js +1 -8
  393. package/lib/components/DataSpreadsheet/utils/getSelectionAreaPoints.js +1 -2
  394. package/lib/components/DataSpreadsheet/utils/getSpreadsheetWidth.js +7 -12
  395. package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +19 -38
  396. package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionTab.js +20 -33
  397. package/lib/components/DataSpreadsheet/utils/handleCellDeletion.js +5 -8
  398. package/lib/components/DataSpreadsheet/utils/handleEditSubmit.js +10 -24
  399. package/lib/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +22 -50
  400. package/lib/components/DataSpreadsheet/utils/handleMultipleKeys.js +39 -84
  401. package/lib/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +6 -12
  402. package/lib/components/DataSpreadsheet/utils/removeCellSelections.js +4 -10
  403. package/lib/components/DataSpreadsheet/utils/selectAllCells.js +6 -16
  404. package/lib/components/Datagrid/Datagrid/Datagrid.js +11 -26
  405. package/lib/components/Datagrid/Datagrid/DatagridBody.js +5 -16
  406. package/lib/components/Datagrid/Datagrid/DatagridContent.js +31 -64
  407. package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +8 -16
  408. package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +4 -10
  409. package/lib/components/Datagrid/Datagrid/DatagridHead.js +6 -10
  410. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +3 -17
  411. package/lib/components/Datagrid/Datagrid/DatagridRefBody.js +4 -13
  412. package/lib/components/Datagrid/Datagrid/DatagridRow.js +4 -26
  413. package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +10 -26
  414. package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +23 -48
  415. package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +2 -14
  416. package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +26 -51
  417. package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +15 -31
  418. package/lib/components/Datagrid/Datagrid/DraggableElement.js +75 -98
  419. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +3 -14
  420. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +5 -21
  421. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +14 -41
  422. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsModal.js +54 -84
  423. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ModalWrapper.js +5 -21
  424. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js +1 -5
  425. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/index.js +0 -3
  426. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +11 -20
  427. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/index.js +0 -1
  428. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +55 -125
  429. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/index.js +0 -1
  430. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js +6 -32
  431. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/getCellIdAsObject.js +1 -3
  432. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/index.js +0 -1
  433. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +8 -18
  434. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridFocus.js +2 -5
  435. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +28 -70
  436. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +14 -27
  437. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +5 -26
  438. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +21 -44
  439. package/lib/components/Datagrid/Datagrid/addons/RowSize/index.js +0 -2
  440. package/lib/components/Datagrid/Datagrid/index.js +0 -1
  441. package/lib/components/Datagrid/Datagrid.stories/StickyActionsColumnStory.js +10 -0
  442. package/lib/components/Datagrid/Datagrid.stories/common.js +2 -17
  443. package/lib/components/Datagrid/Datagrid.stories/index.js +0 -6
  444. package/lib/components/Datagrid/common-column-ids.js +1 -1
  445. package/lib/components/Datagrid/index.js +0 -19
  446. package/lib/components/Datagrid/useActionsColumn.js +15 -37
  447. package/lib/components/Datagrid/useColumnCenterAlign.js +0 -14
  448. package/lib/components/Datagrid/useColumnOrder.js +1 -4
  449. package/lib/components/Datagrid/useColumnRightAlign.js +0 -14
  450. package/lib/components/Datagrid/useCustomizeColumns.js +4 -20
  451. package/lib/components/Datagrid/useDatagrid.js +0 -20
  452. package/lib/components/Datagrid/useDefaultStringRenderer.js +0 -15
  453. package/lib/components/Datagrid/useDisableSelectRows.js +2 -11
  454. package/lib/components/Datagrid/useExpandedRow.js +5 -20
  455. package/lib/components/Datagrid/useFlexResize.js +0 -9
  456. package/lib/components/Datagrid/useFloatingScroll.js +10 -27
  457. package/lib/components/Datagrid/useInfiniteScroll.js +11 -21
  458. package/lib/components/Datagrid/useInlineEdit.js +2 -15
  459. package/lib/components/Datagrid/useNestedRowExpander.js +1 -13
  460. package/lib/components/Datagrid/useNestedRows.js +2 -11
  461. package/lib/components/Datagrid/useOnRowClick.js +4 -10
  462. package/lib/components/Datagrid/useParentDimensions.js +7 -18
  463. package/lib/components/Datagrid/useResizeTable.js +2 -8
  464. package/lib/components/Datagrid/useRowExpander.js +1 -8
  465. package/lib/components/Datagrid/useRowIsMouseOver.js +5 -19
  466. package/lib/components/Datagrid/useRowRenderer.js +1 -7
  467. package/lib/components/Datagrid/useRowSize.js +7 -24
  468. package/lib/components/Datagrid/useSelectAllToggle.js +12 -29
  469. package/lib/components/Datagrid/useSelectRows.js +11 -39
  470. package/lib/components/Datagrid/useSkeletonRows.js +1 -8
  471. package/lib/components/Datagrid/useSortableColumns.js +2 -29
  472. package/lib/components/Datagrid/useStickyColumn.js +1 -37
  473. package/lib/components/Datagrid/utils/DatagridActions.js +7 -21
  474. package/lib/components/Datagrid/utils/DatagridPagination.js +5 -11
  475. package/lib/components/Datagrid/utils/Wrapper.js +1 -5
  476. package/lib/components/Datagrid/utils/getArgTypes.js +1 -1
  477. package/lib/components/Datagrid/utils/getInlineEditColumns.js +1 -6
  478. package/lib/components/Datagrid/utils/makeData.js +0 -24
  479. package/lib/components/EditFullPage/EditFullPage.js +22 -24
  480. package/lib/components/EditFullPage/index.js +0 -1
  481. package/lib/components/EditSidePanel/EditSidePanel.js +31 -59
  482. package/lib/components/EditSidePanel/index.js +0 -1
  483. package/lib/components/EditTearsheet/EditTearsheet.js +31 -59
  484. package/lib/components/EditTearsheet/EditTearsheetForm.js +12 -33
  485. package/lib/components/EditTearsheet/index.js +0 -2
  486. package/lib/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js +34 -61
  487. package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js +22 -24
  488. package/lib/components/EditTearsheetNarrow/index.js +0 -1
  489. package/lib/components/EditUpdateCards/EditUpdateCards.js +140 -0
  490. package/lib/components/EditUpdateCards/index.js +12 -0
  491. package/lib/components/EmptyStates/EmptyState.js +13 -38
  492. package/lib/components/EmptyStates/EmptyStateContent.js +10 -25
  493. package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +15 -37
  494. package/lib/components/EmptyStates/ErrorEmptyState/index.js +0 -1
  495. package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +15 -37
  496. package/lib/components/EmptyStates/NoDataEmptyState/index.js +0 -1
  497. package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +15 -37
  498. package/lib/components/EmptyStates/NoTagsEmptyState/index.js +0 -1
  499. package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +15 -37
  500. package/lib/components/EmptyStates/NotFoundEmptyState/index.js +0 -1
  501. package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +15 -37
  502. package/lib/components/EmptyStates/NotificationsEmptyState/index.js +0 -1
  503. package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +15 -37
  504. package/lib/components/EmptyStates/UnauthorizedEmptyState/index.js +0 -1
  505. package/lib/components/EmptyStates/assets/ErrorIllustration.js +2 -13
  506. package/lib/components/EmptyStates/assets/NoDataIllustration.js +2 -13
  507. package/lib/components/EmptyStates/assets/NoTagsIllustration.js +2 -13
  508. package/lib/components/EmptyStates/assets/NotFoundIllustration.js +2 -13
  509. package/lib/components/EmptyStates/assets/NotificationsIllustration.js +2 -13
  510. package/lib/components/EmptyStates/assets/UnauthorizedIllustration.js +2 -13
  511. package/lib/components/EmptyStates/index.js +0 -7
  512. package/lib/components/ExampleComponent/ExampleComponent.js +29 -51
  513. package/lib/components/ExampleComponent/index.js +0 -1
  514. package/lib/components/ExportModal/ExportModal.js +40 -95
  515. package/lib/components/ExportModal/index.js +0 -1
  516. package/lib/components/ExpressiveCard/ExpressiveCard.js +3 -32
  517. package/lib/components/ExpressiveCard/index.js +0 -1
  518. package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +11 -27
  519. package/lib/components/HTTPErrors/HTTPError403/index.js +0 -1
  520. package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +11 -27
  521. package/lib/components/HTTPErrors/HTTPError404/index.js +0 -1
  522. package/lib/components/HTTPErrors/HTTPErrorContent.js +9 -23
  523. package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +11 -27
  524. package/lib/components/HTTPErrors/HTTPErrorOther/index.js +0 -1
  525. package/lib/components/HTTPErrors/assets/HTTPErrorSvg403.js +6 -7
  526. package/lib/components/HTTPErrors/assets/HTTPErrorSvg404.js +6 -7
  527. package/lib/components/HTTPErrors/assets/HTTPErrorSvgOther.js +6 -7
  528. package/lib/components/HTTPErrors/index.js +0 -3
  529. package/lib/components/ImportModal/ImportModal.js +39 -110
  530. package/lib/components/ImportModal/index.js +0 -1
  531. package/lib/components/InlineEdit/InlineEdit.js +61 -111
  532. package/lib/components/InlineEdit/index.js +0 -1
  533. package/lib/components/InlineEditV2/InlineEditV2.js +29 -74
  534. package/lib/components/InlineEditV2/index.js +0 -1
  535. package/lib/components/ModifiedTabs/ModifiedTabLabelNew.js +1 -7
  536. package/lib/components/ModifiedTabs/ModifiedTabLabelWithClose.js +6 -15
  537. package/lib/components/ModifiedTabs/ModifiedTabs.js +14 -32
  538. package/lib/components/ModifiedTabs/index.js +0 -1
  539. package/lib/components/MultiAddSelect/MultiAddSelect.js +0 -34
  540. package/lib/components/MultiAddSelect/index.js +0 -1
  541. package/lib/components/NotificationsPanel/NotificationsPanel.js +78 -143
  542. package/lib/components/NotificationsPanel/NotificationsPanel_data.js +1 -4
  543. package/lib/components/NotificationsPanel/index.js +0 -1
  544. package/lib/components/NotificationsPanel/preview-components/UnreadNotificationBell.js +1 -4
  545. package/lib/components/NotificationsPanel/utils.js +13 -21
  546. package/lib/components/OptionsTile/OptionsTile.js +45 -96
  547. package/lib/components/OptionsTile/index.js +0 -1
  548. package/lib/components/PageHeader/PageHeader.js +116 -212
  549. package/lib/components/PageHeader/PageHeaderDemo.data.js +0 -3
  550. package/lib/components/PageHeader/PageHeaderTitle.js +17 -35
  551. package/lib/components/PageHeader/PageHeaderUtils.js +17 -58
  552. package/lib/components/PageHeader/index.js +0 -1
  553. package/lib/components/ProductiveCard/ProductiveCard.js +6 -36
  554. package/lib/components/ProductiveCard/index.js +0 -1
  555. package/lib/components/RemoveModal/RemoveModal.js +24 -61
  556. package/lib/components/RemoveModal/index.js +0 -1
  557. package/lib/components/Saving/Saving.js +14 -44
  558. package/lib/components/Saving/index.js +0 -1
  559. package/lib/components/SidePanel/SidePanel.js +98 -173
  560. package/lib/components/SidePanel/constants.js +1 -1
  561. package/lib/components/SidePanel/index.js +0 -1
  562. package/lib/components/SidePanel/motion/variants.js +0 -2
  563. package/lib/components/SingleAddSelect/SingleAddSelect.js +0 -26
  564. package/lib/components/SingleAddSelect/index.js +0 -1
  565. package/lib/components/StatusIcon/StatusIcon.js +5 -23
  566. package/lib/components/StatusIcon/index.js +0 -1
  567. package/lib/components/TagSet/TagSet.js +58 -113
  568. package/lib/components/TagSet/TagSetModal.js +18 -46
  569. package/lib/components/TagSet/TagSetOverflow.js +15 -43
  570. package/lib/components/TagSet/index.js +0 -1
  571. package/lib/components/Tearsheet/Tearsheet.js +20 -42
  572. package/lib/components/Tearsheet/TearsheetNarrow.js +16 -34
  573. package/lib/components/Tearsheet/TearsheetShell.js +73 -114
  574. package/lib/components/Tearsheet/index.js +0 -2
  575. package/lib/components/Toolbar/Toolbar.js +12 -40
  576. package/lib/components/Toolbar/ToolbarButton.js +4 -22
  577. package/lib/components/Toolbar/ToolbarGroup.js +2 -16
  578. package/lib/components/Toolbar/index.js +0 -3
  579. package/lib/components/UserProfileImage/UserProfileImage.js +19 -48
  580. package/lib/components/UserProfileImage/index.js +0 -1
  581. package/lib/components/WebTerminal/WebTerminal.js +34 -67
  582. package/lib/components/WebTerminal/WebTerminalContentWrapper.js +9 -20
  583. package/lib/components/WebTerminal/hooks/index.js +8 -19
  584. package/lib/components/WebTerminal/index.js +0 -3
  585. package/lib/components/WebTerminal/preview-components/Navigation.js +2 -9
  586. package/lib/components/WebTerminal/preview-components/documentationLinks.js +1 -0
  587. package/lib/components/WebTerminal/preview-components/index.js +0 -2
  588. package/lib/components/_Canary/Canary.js +4 -17
  589. package/lib/components/_Canary/index.js +0 -1
  590. package/lib/components/index.js +7 -38
  591. package/lib/global/js/hooks/index.js +0 -10
  592. package/lib/global/js/hooks/useActiveElement.js +4 -10
  593. package/lib/global/js/hooks/useClickOutside.js +1 -4
  594. package/lib/global/js/hooks/useCreateComponentFocus.js +4 -8
  595. package/lib/global/js/hooks/useCreateComponentStepChange.js +23 -59
  596. package/lib/global/js/hooks/usePreviousValue.js +0 -3
  597. package/lib/global/js/hooks/useResetCreateComponent.js +8 -11
  598. package/lib/global/js/hooks/useRetrieveStepData.js +5 -12
  599. package/lib/global/js/hooks/useValidCreateStepCount.js +0 -3
  600. package/lib/global/js/hooks/useWindowResize.js +8 -21
  601. package/lib/global/js/hooks/useWindowScroll.js +4 -20
  602. package/lib/global/js/package-settings.js +5 -14
  603. package/lib/global/js/utils/ClickListener.js +3 -16
  604. package/lib/global/js/utils/DisplayBox.js +3 -9
  605. package/lib/global/js/utils/Wrap.js +8 -22
  606. package/lib/global/js/utils/deepCloneObject.js +5 -11
  607. package/lib/global/js/utils/devtools.js +1 -6
  608. package/lib/global/js/utils/getBezierValues.js +1 -5
  609. package/lib/global/js/utils/getFocusableElements.js +1 -4
  610. package/lib/global/js/utils/getScrollbarWidth.js +1 -2
  611. package/lib/global/js/utils/keyboardNavigation.js +7 -6
  612. package/lib/global/js/utils/lastIndexInArray.js +0 -4
  613. package/lib/global/js/utils/motionConstants.js +1 -5
  614. package/lib/global/js/utils/pconsole.js +1 -7
  615. package/lib/global/js/utils/props-helper.js +15 -57
  616. package/lib/global/js/utils/rangeWithCallback.js +1 -2
  617. package/lib/global/js/utils/scrollableAncestor.js +5 -12
  618. package/lib/global/js/utils/story-helper.js +7 -21
  619. package/lib/global/js/utils/test-helper.js +25 -69
  620. package/lib/global/js/utils/unwrap-if-fragment.js +7 -19
  621. package/lib/global/js/utils/uuidv4.js +1 -3
  622. package/lib/global/js/utils/uuidv4.spec.js +1 -3
  623. package/lib/global/js/utils/wait.js +1 -2
  624. package/lib/global/js/utils/wrapFocus.js +6 -16
  625. package/lib/index.js +0 -3
  626. package/lib/settings.js +24 -27
  627. package/package.json +8 -8
  628. package/scss/components/EditUpdateCards/_edit-update-cards.scss +87 -0
  629. package/scss/components/EditUpdateCards/_index.scss +8 -0
  630. package/scss/components/EditUpdateCards/_storybook-styles.scss +56 -0
  631. package/scss/components/InlineEditV2/_inline-edit-v2.scss +11 -8
  632. package/scss/components/InlineEditV2/_storybook-styles.scss +3 -0
  633. package/scss/components/SidePanel/_side-panel.scss +2 -3
  634. package/scss/components/_index.scss +1 -1
@@ -1,56 +1,38 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.ErrorEmptyState = void 0;
9
-
10
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
-
12
9
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
-
14
10
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
15
-
16
11
  var _react = _interopRequireDefault(require("react"));
17
-
18
12
  var _propTypes = _interopRequireDefault(require("prop-types"));
19
-
20
13
  var _carbonComponentsReact = require("carbon-components-react");
21
-
22
14
  var _classnames = _interopRequireDefault(require("classnames"));
23
-
24
15
  var _devtools = require("../../../global/js/utils/devtools");
25
-
26
16
  var _settings = require("../../../settings");
27
-
28
17
  var _EmptyStateContent = require("../EmptyStateContent");
29
-
30
18
  var _ErrorIllustration = require("../assets/ErrorIllustration");
31
-
32
19
  var _EmptyState = require("../EmptyState");
33
-
34
20
  var _excluded = ["action", "className", "illustrationTheme", "link", "size", "subtitle", "title"];
35
-
36
21
  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; }
37
-
38
22
  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) { (0, _defineProperty2.default)(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; }
39
-
40
23
  // The block part of our conventional BEM class names (blockClass__E--M).
41
24
  var blockClass = "".concat(_settings.pkg.prefix, "--empty-state");
42
25
  var componentName = 'ErrorEmptyState';
43
-
44
26
  var ErrorEmptyState = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
45
27
  var action = _ref.action,
46
- className = _ref.className,
47
- illustrationTheme = _ref.illustrationTheme,
48
- link = _ref.link,
49
- _ref$size = _ref.size,
50
- size = _ref$size === void 0 ? _EmptyState.defaults.size : _ref$size,
51
- subtitle = _ref.subtitle,
52
- title = _ref.title,
53
- rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
28
+ className = _ref.className,
29
+ illustrationTheme = _ref.illustrationTheme,
30
+ link = _ref.link,
31
+ _ref$size = _ref.size,
32
+ size = _ref$size === void 0 ? _EmptyState.defaults.size : _ref$size,
33
+ subtitle = _ref.subtitle,
34
+ title = _ref.title,
35
+ rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
54
36
  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
55
37
  className: (0, _classnames.default)(blockClass, className),
56
38
  ref: ref
@@ -64,17 +46,19 @@ var ErrorEmptyState = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref
64
46
  subtitle: subtitle,
65
47
  title: title
66
48
  }));
67
- }); // Return a placeholder if not released and not enabled by feature flag
68
-
49
+ });
69
50
 
51
+ // Return a placeholder if not released and not enabled by feature flag
70
52
  exports.ErrorEmptyState = ErrorEmptyState;
71
- exports.ErrorEmptyState = ErrorEmptyState = _settings.pkg.checkComponentEnabled(ErrorEmptyState, componentName); // The display name of the component, used by React. Note that displayName
53
+ exports.ErrorEmptyState = ErrorEmptyState = _settings.pkg.checkComponentEnabled(ErrorEmptyState, componentName);
54
+
55
+ // The display name of the component, used by React. Note that displayName
72
56
  // is used in preference to relying on function.name.
57
+ ErrorEmptyState.displayName = componentName;
73
58
 
74
- ErrorEmptyState.displayName = componentName; // The types and DocGen commentary for the component props,
59
+ // The types and DocGen commentary for the component props,
75
60
  // in alphabetical order (for consistency).
76
61
  // See https://www.npmjs.com/package/prop-types#usage.
77
-
78
62
  ErrorEmptyState.propTypes = {
79
63
  /**
80
64
  * Empty state action button
@@ -85,12 +69,10 @@ ErrorEmptyState.propTypes = {
85
69
  onClick: _carbonComponentsReact.Button.propTypes.onClick,
86
70
  text: _propTypes.default.string
87
71
  })),
88
-
89
72
  /**
90
73
  * Provide an optional class to be applied to the containing node.
91
74
  */
92
75
  className: _propTypes.default.string,
93
-
94
76
  /**
95
77
  * Empty state illustration theme variations.
96
78
  * To ensure you use the correct themed illustrations, you can conditionally specify light or dark
@@ -98,7 +80,6 @@ ErrorEmptyState.propTypes = {
98
80
  * `illustrationTheme={appTheme === ('carbon--g100' || 'carbon--g90') ? 'dark' : 'light'}`
99
81
  */
100
82
  illustrationTheme: _propTypes.default.oneOf(['light', 'dark']),
101
-
102
83
  /**
103
84
  * Empty state link object
104
85
  */
@@ -106,17 +87,14 @@ ErrorEmptyState.propTypes = {
106
87
  text: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
107
88
  href: _propTypes.default.string
108
89
  })),
109
-
110
90
  /**
111
91
  * Empty state size
112
92
  */
113
93
  size: _propTypes.default.oneOf(['lg', 'sm']),
114
-
115
94
  /**
116
95
  * Empty state subtitle
117
96
  */
118
97
  subtitle: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
119
-
120
98
  /**
121
99
  * Empty state title
122
100
  */
@@ -9,5 +9,4 @@ Object.defineProperty(exports, "ErrorEmptyState", {
9
9
  return _ErrorEmptyState.ErrorEmptyState;
10
10
  }
11
11
  });
12
-
13
12
  var _ErrorEmptyState = require("./ErrorEmptyState");
@@ -1,56 +1,38 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.NoDataEmptyState = void 0;
9
-
10
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
-
12
9
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
-
14
10
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
15
-
16
11
  var _react = _interopRequireDefault(require("react"));
17
-
18
12
  var _propTypes = _interopRequireDefault(require("prop-types"));
19
-
20
13
  var _classnames = _interopRequireDefault(require("classnames"));
21
-
22
14
  var _carbonComponentsReact = require("carbon-components-react");
23
-
24
15
  var _devtools = require("../../../global/js/utils/devtools");
25
-
26
16
  var _settings = require("../../../settings");
27
-
28
17
  var _EmptyStateContent = require("../EmptyStateContent");
29
-
30
18
  var _NoDataIllustration = require("../assets/NoDataIllustration");
31
-
32
19
  var _EmptyState = require("../EmptyState");
33
-
34
20
  var _excluded = ["action", "className", "illustrationTheme", "link", "size", "subtitle", "title"];
35
-
36
21
  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; }
37
-
38
22
  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) { (0, _defineProperty2.default)(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; }
39
-
40
23
  // The block part of our conventional BEM class names (blockClass__E--M).
41
24
  var blockClass = "".concat(_settings.pkg.prefix, "--empty-state");
42
25
  var componentName = 'NoDataEmptyState';
43
-
44
26
  var NoDataEmptyState = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
45
27
  var action = _ref.action,
46
- className = _ref.className,
47
- illustrationTheme = _ref.illustrationTheme,
48
- link = _ref.link,
49
- _ref$size = _ref.size,
50
- size = _ref$size === void 0 ? _EmptyState.defaults.size : _ref$size,
51
- subtitle = _ref.subtitle,
52
- title = _ref.title,
53
- rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
28
+ className = _ref.className,
29
+ illustrationTheme = _ref.illustrationTheme,
30
+ link = _ref.link,
31
+ _ref$size = _ref.size,
32
+ size = _ref$size === void 0 ? _EmptyState.defaults.size : _ref$size,
33
+ subtitle = _ref.subtitle,
34
+ title = _ref.title,
35
+ rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
54
36
  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
55
37
  className: (0, _classnames.default)(blockClass, className),
56
38
  ref: ref
@@ -64,17 +46,19 @@ var NoDataEmptyState = /*#__PURE__*/_react.default.forwardRef(function (_ref, re
64
46
  subtitle: subtitle,
65
47
  title: title
66
48
  }));
67
- }); // Return a placeholder if not released and not enabled by feature flag
68
-
49
+ });
69
50
 
51
+ // Return a placeholder if not released and not enabled by feature flag
70
52
  exports.NoDataEmptyState = NoDataEmptyState;
71
- exports.NoDataEmptyState = NoDataEmptyState = _settings.pkg.checkComponentEnabled(NoDataEmptyState, componentName); // The display name of the component, used by React. Note that displayName
53
+ exports.NoDataEmptyState = NoDataEmptyState = _settings.pkg.checkComponentEnabled(NoDataEmptyState, componentName);
54
+
55
+ // The display name of the component, used by React. Note that displayName
72
56
  // is used in preference to relying on function.name.
57
+ NoDataEmptyState.displayName = componentName;
73
58
 
74
- NoDataEmptyState.displayName = componentName; // The types and DocGen commentary for the component props,
59
+ // The types and DocGen commentary for the component props,
75
60
  // in alphabetical order (for consistency).
76
61
  // See https://www.npmjs.com/package/prop-types#usage.
77
-
78
62
  NoDataEmptyState.propTypes = {
79
63
  /**
80
64
  * Empty state action button
@@ -85,12 +69,10 @@ NoDataEmptyState.propTypes = {
85
69
  onClick: _carbonComponentsReact.Button.propTypes.onClick,
86
70
  text: _propTypes.default.string
87
71
  })),
88
-
89
72
  /**
90
73
  * Provide an optional class to be applied to the containing node.
91
74
  */
92
75
  className: _propTypes.default.string,
93
-
94
76
  /**
95
77
  * Empty state illustration theme variations.
96
78
  * To ensure you use the correct themed illustrations, you can conditionally specify light or dark
@@ -98,7 +80,6 @@ NoDataEmptyState.propTypes = {
98
80
  * `illustrationTheme={appTheme === ('carbon--g100' || 'carbon--g90') ? 'dark' : 'light'}`
99
81
  */
100
82
  illustrationTheme: _propTypes.default.oneOf(['light', 'dark']),
101
-
102
83
  /**
103
84
  * Empty state link object
104
85
  */
@@ -106,17 +87,14 @@ NoDataEmptyState.propTypes = {
106
87
  text: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
107
88
  href: _propTypes.default.string
108
89
  })),
109
-
110
90
  /**
111
91
  * Empty state size
112
92
  */
113
93
  size: _propTypes.default.oneOf(['lg', 'sm']),
114
-
115
94
  /**
116
95
  * Empty state subtitle
117
96
  */
118
97
  subtitle: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
119
-
120
98
  /**
121
99
  * Empty state title
122
100
  */
@@ -9,5 +9,4 @@ Object.defineProperty(exports, "NoDataEmptyState", {
9
9
  return _NoDataEmptyState.NoDataEmptyState;
10
10
  }
11
11
  });
12
-
13
12
  var _NoDataEmptyState = require("./NoDataEmptyState");
@@ -1,56 +1,38 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.NoTagsEmptyState = void 0;
9
-
10
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
-
12
9
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
-
14
10
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
15
-
16
11
  var _react = _interopRequireDefault(require("react"));
17
-
18
12
  var _propTypes = _interopRequireDefault(require("prop-types"));
19
-
20
13
  var _classnames = _interopRequireDefault(require("classnames"));
21
-
22
14
  var _carbonComponentsReact = require("carbon-components-react");
23
-
24
15
  var _devtools = require("../../../global/js/utils/devtools");
25
-
26
16
  var _settings = require("../../../settings");
27
-
28
17
  var _EmptyStateContent = require("../EmptyStateContent");
29
-
30
18
  var _NoTagsIllustration = require("../assets/NoTagsIllustration");
31
-
32
19
  var _EmptyState = require("../EmptyState");
33
-
34
20
  var _excluded = ["action", "className", "illustrationTheme", "link", "size", "subtitle", "title"];
35
-
36
21
  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; }
37
-
38
22
  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) { (0, _defineProperty2.default)(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; }
39
-
40
23
  // The block part of our conventional BEM class names (blockClass__E--M).
41
24
  var blockClass = "".concat(_settings.pkg.prefix, "--empty-state");
42
25
  var componentName = 'NoTagsEmptyState';
43
-
44
26
  var NoTagsEmptyState = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
45
27
  var action = _ref.action,
46
- className = _ref.className,
47
- illustrationTheme = _ref.illustrationTheme,
48
- link = _ref.link,
49
- _ref$size = _ref.size,
50
- size = _ref$size === void 0 ? _EmptyState.defaults.size : _ref$size,
51
- subtitle = _ref.subtitle,
52
- title = _ref.title,
53
- rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
28
+ className = _ref.className,
29
+ illustrationTheme = _ref.illustrationTheme,
30
+ link = _ref.link,
31
+ _ref$size = _ref.size,
32
+ size = _ref$size === void 0 ? _EmptyState.defaults.size : _ref$size,
33
+ subtitle = _ref.subtitle,
34
+ title = _ref.title,
35
+ rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
54
36
  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
55
37
  className: (0, _classnames.default)(blockClass, className),
56
38
  ref: ref
@@ -64,17 +46,19 @@ var NoTagsEmptyState = /*#__PURE__*/_react.default.forwardRef(function (_ref, re
64
46
  subtitle: subtitle,
65
47
  title: title
66
48
  }));
67
- }); // Return a placeholder if not released and not enabled by feature flag
68
-
49
+ });
69
50
 
51
+ // Return a placeholder if not released and not enabled by feature flag
70
52
  exports.NoTagsEmptyState = NoTagsEmptyState;
71
- exports.NoTagsEmptyState = NoTagsEmptyState = _settings.pkg.checkComponentEnabled(NoTagsEmptyState, componentName); // The display name of the component, used by React. Note that displayName
53
+ exports.NoTagsEmptyState = NoTagsEmptyState = _settings.pkg.checkComponentEnabled(NoTagsEmptyState, componentName);
54
+
55
+ // The display name of the component, used by React. Note that displayName
72
56
  // is used in preference to relying on function.name.
57
+ NoTagsEmptyState.displayName = componentName;
73
58
 
74
- NoTagsEmptyState.displayName = componentName; // The types and DocGen commentary for the component props,
59
+ // The types and DocGen commentary for the component props,
75
60
  // in alphabetical order (for consistency).
76
61
  // See https://www.npmjs.com/package/prop-types#usage.
77
-
78
62
  NoTagsEmptyState.propTypes = {
79
63
  /**
80
64
  * Empty state action button
@@ -85,12 +69,10 @@ NoTagsEmptyState.propTypes = {
85
69
  onClick: _carbonComponentsReact.Button.propTypes.onClick,
86
70
  text: _propTypes.default.string
87
71
  })),
88
-
89
72
  /**
90
73
  * Provide an optional class to be applied to the containing node.
91
74
  */
92
75
  className: _propTypes.default.string,
93
-
94
76
  /**
95
77
  * Empty state illustration theme variations.
96
78
  * To ensure you use the correct themed illustrations, you can conditionally specify light or dark
@@ -98,7 +80,6 @@ NoTagsEmptyState.propTypes = {
98
80
  * `illustrationTheme={appTheme === ('carbon--g100' || 'carbon--g90') ? 'dark' : 'light'}`
99
81
  */
100
82
  illustrationTheme: _propTypes.default.oneOf(['light', 'dark']),
101
-
102
83
  /**
103
84
  * Empty state link object
104
85
  */
@@ -106,17 +87,14 @@ NoTagsEmptyState.propTypes = {
106
87
  text: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
107
88
  href: _propTypes.default.string
108
89
  })),
109
-
110
90
  /**
111
91
  * Empty state size
112
92
  */
113
93
  size: _propTypes.default.oneOf(['lg', 'sm']),
114
-
115
94
  /**
116
95
  * Empty state subtitle
117
96
  */
118
97
  subtitle: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
119
-
120
98
  /**
121
99
  * Empty state title
122
100
  */
@@ -9,5 +9,4 @@ Object.defineProperty(exports, "NoTagsEmptyState", {
9
9
  return _NoTagsEmptyState.NoTagsEmptyState;
10
10
  }
11
11
  });
12
-
13
12
  var _NoTagsEmptyState = require("./NoTagsEmptyState");
@@ -1,56 +1,38 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.NotFoundEmptyState = void 0;
9
-
10
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
-
12
9
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
-
14
10
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
15
-
16
11
  var _react = _interopRequireDefault(require("react"));
17
-
18
12
  var _propTypes = _interopRequireDefault(require("prop-types"));
19
-
20
13
  var _classnames = _interopRequireDefault(require("classnames"));
21
-
22
14
  var _carbonComponentsReact = require("carbon-components-react");
23
-
24
15
  var _devtools = require("../../../global/js/utils/devtools");
25
-
26
16
  var _settings = require("../../../settings");
27
-
28
17
  var _EmptyStateContent = require("../EmptyStateContent");
29
-
30
18
  var _NotFoundIllustration = require("../assets/NotFoundIllustration");
31
-
32
19
  var _EmptyState = require("../EmptyState");
33
-
34
20
  var _excluded = ["action", "className", "illustrationTheme", "link", "size", "subtitle", "title"];
35
-
36
21
  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; }
37
-
38
22
  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) { (0, _defineProperty2.default)(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; }
39
-
40
23
  // The block part of our conventional BEM class names (blockClass__E--M).
41
24
  var blockClass = "".concat(_settings.pkg.prefix, "--empty-state");
42
25
  var componentName = 'NotFoundEmptyState';
43
-
44
26
  var NotFoundEmptyState = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
45
27
  var action = _ref.action,
46
- className = _ref.className,
47
- illustrationTheme = _ref.illustrationTheme,
48
- link = _ref.link,
49
- _ref$size = _ref.size,
50
- size = _ref$size === void 0 ? _EmptyState.defaults.size : _ref$size,
51
- subtitle = _ref.subtitle,
52
- title = _ref.title,
53
- rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
28
+ className = _ref.className,
29
+ illustrationTheme = _ref.illustrationTheme,
30
+ link = _ref.link,
31
+ _ref$size = _ref.size,
32
+ size = _ref$size === void 0 ? _EmptyState.defaults.size : _ref$size,
33
+ subtitle = _ref.subtitle,
34
+ title = _ref.title,
35
+ rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
54
36
  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
55
37
  className: (0, _classnames.default)(blockClass, className),
56
38
  ref: ref
@@ -64,17 +46,19 @@ var NotFoundEmptyState = /*#__PURE__*/_react.default.forwardRef(function (_ref,
64
46
  subtitle: subtitle,
65
47
  title: title
66
48
  }));
67
- }); // Return a placeholder if not released and not enabled by feature flag
68
-
49
+ });
69
50
 
51
+ // Return a placeholder if not released and not enabled by feature flag
70
52
  exports.NotFoundEmptyState = NotFoundEmptyState;
71
- exports.NotFoundEmptyState = NotFoundEmptyState = _settings.pkg.checkComponentEnabled(NotFoundEmptyState, componentName); // The display name of the component, used by React. Note that displayName
53
+ exports.NotFoundEmptyState = NotFoundEmptyState = _settings.pkg.checkComponentEnabled(NotFoundEmptyState, componentName);
54
+
55
+ // The display name of the component, used by React. Note that displayName
72
56
  // is used in preference to relying on function.name.
57
+ NotFoundEmptyState.displayName = componentName;
73
58
 
74
- NotFoundEmptyState.displayName = componentName; // The types and DocGen commentary for the component props,
59
+ // The types and DocGen commentary for the component props,
75
60
  // in alphabetical order (for consistency).
76
61
  // See https://www.npmjs.com/package/prop-types#usage.
77
-
78
62
  NotFoundEmptyState.propTypes = {
79
63
  /**
80
64
  * Empty state action button
@@ -85,12 +69,10 @@ NotFoundEmptyState.propTypes = {
85
69
  onClick: _carbonComponentsReact.Button.propTypes.onClick,
86
70
  text: _propTypes.default.string
87
71
  })),
88
-
89
72
  /**
90
73
  * Provide an optional class to be applied to the containing node.
91
74
  */
92
75
  className: _propTypes.default.string,
93
-
94
76
  /**
95
77
  * Empty state illustration theme variations.
96
78
  * To ensure you use the correct themed illustrations, you can conditionally specify light or dark
@@ -98,7 +80,6 @@ NotFoundEmptyState.propTypes = {
98
80
  * `illustrationTheme={appTheme === ('carbon--g100' || 'carbon--g90') ? 'dark' : 'light'}`
99
81
  */
100
82
  illustrationTheme: _propTypes.default.oneOf(['light', 'dark']),
101
-
102
83
  /**
103
84
  * Empty state link object
104
85
  */
@@ -106,17 +87,14 @@ NotFoundEmptyState.propTypes = {
106
87
  text: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
107
88
  href: _propTypes.default.string
108
89
  })),
109
-
110
90
  /**
111
91
  * Empty state size
112
92
  */
113
93
  size: _propTypes.default.oneOf(['lg', 'sm']),
114
-
115
94
  /**
116
95
  * Empty state subtitle
117
96
  */
118
97
  subtitle: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
119
-
120
98
  /**
121
99
  * Empty state title
122
100
  */
@@ -9,5 +9,4 @@ Object.defineProperty(exports, "NotFoundEmptyState", {
9
9
  return _NotFoundEmptyState.NotFoundEmptyState;
10
10
  }
11
11
  });
12
-
13
12
  var _NotFoundEmptyState = require("./NotFoundEmptyState");
@@ -1,56 +1,38 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.NotificationsEmptyState = void 0;
9
-
10
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
-
12
9
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
-
14
10
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
15
-
16
11
  var _react = _interopRequireDefault(require("react"));
17
-
18
12
  var _propTypes = _interopRequireDefault(require("prop-types"));
19
-
20
13
  var _classnames = _interopRequireDefault(require("classnames"));
21
-
22
14
  var _carbonComponentsReact = require("carbon-components-react");
23
-
24
15
  var _devtools = require("../../../global/js/utils/devtools");
25
-
26
16
  var _settings = require("../../../settings");
27
-
28
17
  var _EmptyStateContent = require("../EmptyStateContent");
29
-
30
18
  var _NotificationsIllustration = require("../assets/NotificationsIllustration");
31
-
32
19
  var _EmptyState = require("../EmptyState");
33
-
34
20
  var _excluded = ["action", "className", "illustrationTheme", "link", "size", "subtitle", "title"];
35
-
36
21
  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; }
37
-
38
22
  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) { (0, _defineProperty2.default)(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; }
39
-
40
23
  // The block part of our conventional BEM class names (blockClass__E--M).
41
24
  var blockClass = "".concat(_settings.pkg.prefix, "--empty-state");
42
25
  var componentName = 'NotificationsEmptyState';
43
-
44
26
  var NotificationsEmptyState = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
45
27
  var action = _ref.action,
46
- className = _ref.className,
47
- illustrationTheme = _ref.illustrationTheme,
48
- link = _ref.link,
49
- _ref$size = _ref.size,
50
- size = _ref$size === void 0 ? _EmptyState.defaults.size : _ref$size,
51
- subtitle = _ref.subtitle,
52
- title = _ref.title,
53
- rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
28
+ className = _ref.className,
29
+ illustrationTheme = _ref.illustrationTheme,
30
+ link = _ref.link,
31
+ _ref$size = _ref.size,
32
+ size = _ref$size === void 0 ? _EmptyState.defaults.size : _ref$size,
33
+ subtitle = _ref.subtitle,
34
+ title = _ref.title,
35
+ rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
54
36
  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
55
37
  className: (0, _classnames.default)(blockClass, className),
56
38
  ref: ref
@@ -64,17 +46,19 @@ var NotificationsEmptyState = /*#__PURE__*/_react.default.forwardRef(function (_
64
46
  subtitle: subtitle,
65
47
  title: title
66
48
  }));
67
- }); // Return a placeholder if not released and not enabled by feature flag
68
-
49
+ });
69
50
 
51
+ // Return a placeholder if not released and not enabled by feature flag
70
52
  exports.NotificationsEmptyState = NotificationsEmptyState;
71
- exports.NotificationsEmptyState = NotificationsEmptyState = _settings.pkg.checkComponentEnabled(NotificationsEmptyState, componentName); // The display name of the component, used by React. Note that displayName
53
+ exports.NotificationsEmptyState = NotificationsEmptyState = _settings.pkg.checkComponentEnabled(NotificationsEmptyState, componentName);
54
+
55
+ // The display name of the component, used by React. Note that displayName
72
56
  // is used in preference to relying on function.name.
57
+ NotificationsEmptyState.displayName = componentName;
73
58
 
74
- NotificationsEmptyState.displayName = componentName; // The types and DocGen commentary for the component props,
59
+ // The types and DocGen commentary for the component props,
75
60
  // in alphabetical order (for consistency).
76
61
  // See https://www.npmjs.com/package/prop-types#usage.
77
-
78
62
  NotificationsEmptyState.propTypes = {
79
63
  /**
80
64
  * Empty state action button
@@ -85,12 +69,10 @@ NotificationsEmptyState.propTypes = {
85
69
  onClick: _carbonComponentsReact.Button.propTypes.onClick,
86
70
  text: _propTypes.default.string
87
71
  })),
88
-
89
72
  /**
90
73
  * Provide an optional class to be applied to the containing node.
91
74
  */
92
75
  className: _propTypes.default.string,
93
-
94
76
  /**
95
77
  * Empty state illustration theme variations.
96
78
  * To ensure you use the correct themed illustrations, you can conditionally specify light or dark
@@ -98,7 +80,6 @@ NotificationsEmptyState.propTypes = {
98
80
  * `illustrationTheme={appTheme === ('carbon--g100' || 'carbon--g90') ? 'dark' : 'light'}`
99
81
  */
100
82
  illustrationTheme: _propTypes.default.oneOf(['light', 'dark']),
101
-
102
83
  /**
103
84
  * Empty state link object
104
85
  */
@@ -106,17 +87,14 @@ NotificationsEmptyState.propTypes = {
106
87
  text: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
107
88
  href: _propTypes.default.string
108
89
  })),
109
-
110
90
  /**
111
91
  * Empty state size
112
92
  */
113
93
  size: _propTypes.default.oneOf(['lg', 'sm']),
114
-
115
94
  /**
116
95
  * Empty state subtitle
117
96
  */
118
97
  subtitle: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
119
-
120
98
  /**
121
99
  * Empty state title
122
100
  */