@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
@@ -4,6 +4,7 @@
4
4
  * This source code is licensed under the Apache-2.0 license found in the
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
+
7
8
  import { useEffect } from 'react';
8
9
  export var useClickOutside = function useClickOutside(ref, callback) {
9
10
  var handleClick = function handleClick(event) {
@@ -11,7 +12,6 @@ export var useClickOutside = function useClickOutside(ref, callback) {
11
12
  callback(event.target);
12
13
  }
13
14
  };
14
-
15
15
  useEffect(function () {
16
16
  document.addEventListener('click', handleClick);
17
17
  return function () {
@@ -4,14 +4,16 @@
4
4
  * This source code is licensed under the Apache-2.0 license found in the
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
+
7
8
  import { useEffect } from 'react';
8
- import { getFocusableElements } from '../utils/getFocusableElements'; // Focus the first focusable element and call the onMount prop for the current step if one is provided
9
+ import { getFocusableElements } from '../utils/getFocusableElements';
9
10
 
11
+ // Focus the first focusable element and call the onMount prop for the current step if one is provided
10
12
  export var useCreateComponentFocus = function useCreateComponentFocus(_ref) {
11
13
  var previousState = _ref.previousState,
12
- currentStep = _ref.currentStep,
13
- blockClass = _ref.blockClass,
14
- onMount = _ref.onMount;
14
+ currentStep = _ref.currentStep,
15
+ blockClass = _ref.blockClass,
16
+ onMount = _ref.onMount;
15
17
  useEffect(function () {
16
18
  if (typeof onMount === 'function') {
17
19
  onMount();
@@ -21,7 +23,6 @@ export var useCreateComponentFocus = function useCreateComponentFocus(_ref) {
21
23
  if ((previousState === null || previousState === void 0 ? void 0 : previousState.currentStep) !== currentStep && currentStep > 0) {
22
24
  var visibleStepInnerContent = document.querySelector(".".concat(blockClass, "__step.").concat(blockClass, "__step__step--visible-step"));
23
25
  var focusableStepElements = visibleStepInnerContent ? getFocusableElements(visibleStepInnerContent) : [];
24
-
25
26
  if (focusableStepElements && focusableStepElements.length) {
26
27
  focusableStepElements[0].focus();
27
28
  } else {
@@ -1,47 +1,45 @@
1
1
  import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
2
2
  import _regeneratorRuntime from "@babel/runtime/regenerator";
3
-
4
3
  /**
5
4
  * Copyright IBM Corp. 2021, 2022
6
5
  *
7
6
  * This source code is licensed under the Apache-2.0 license found in the
8
7
  * LICENSE file in the root directory of this source tree.
9
8
  */
9
+
10
10
  import { useCallback, useEffect } from 'react';
11
11
  export var useCreateComponentStepChange = function useCreateComponentStepChange(_ref) {
12
12
  var firstIncludedStep = _ref.firstIncludedStep,
13
- lastIncludedStep = _ref.lastIncludedStep,
14
- stepData = _ref.stepData,
15
- onNext = _ref.onNext,
16
- isSubmitDisabled = _ref.isSubmitDisabled,
17
- setCurrentStep = _ref.setCurrentStep,
18
- setIsSubmitting = _ref.setIsSubmitting,
19
- setShouldViewAll = _ref.setShouldViewAll,
20
- onClose = _ref.onClose,
21
- onRequestSubmit = _ref.onRequestSubmit,
22
- componentName = _ref.componentName,
23
- currentStep = _ref.currentStep,
24
- shouldViewAll = _ref.shouldViewAll,
25
- backButtonText = _ref.backButtonText,
26
- cancelButtonText = _ref.cancelButtonText,
27
- submitButtonText = _ref.submitButtonText,
28
- nextButtonText = _ref.nextButtonText,
29
- isSubmitting = _ref.isSubmitting,
30
- componentBlockClass = _ref.componentBlockClass,
31
- setCreateComponentActions = _ref.setCreateComponentActions,
32
- setModalIsOpen = _ref.setModalIsOpen;
13
+ lastIncludedStep = _ref.lastIncludedStep,
14
+ stepData = _ref.stepData,
15
+ onNext = _ref.onNext,
16
+ isSubmitDisabled = _ref.isSubmitDisabled,
17
+ setCurrentStep = _ref.setCurrentStep,
18
+ setIsSubmitting = _ref.setIsSubmitting,
19
+ setShouldViewAll = _ref.setShouldViewAll,
20
+ onClose = _ref.onClose,
21
+ onRequestSubmit = _ref.onRequestSubmit,
22
+ componentName = _ref.componentName,
23
+ currentStep = _ref.currentStep,
24
+ shouldViewAll = _ref.shouldViewAll,
25
+ backButtonText = _ref.backButtonText,
26
+ cancelButtonText = _ref.cancelButtonText,
27
+ submitButtonText = _ref.submitButtonText,
28
+ nextButtonText = _ref.nextButtonText,
29
+ isSubmitting = _ref.isSubmitting,
30
+ componentBlockClass = _ref.componentBlockClass,
31
+ setCreateComponentActions = _ref.setCreateComponentActions,
32
+ setModalIsOpen = _ref.setModalIsOpen;
33
33
  // useEffect to handle multi step logic
34
34
  useEffect(function () {
35
35
  var onUnmount = function onUnmount() {
36
36
  if (componentName !== 'CreateFullPage') {
37
37
  setCurrentStep(0);
38
38
  }
39
-
40
39
  setIsSubmitting(false);
41
40
  setShouldViewAll(false);
42
41
  onClose();
43
42
  };
44
-
45
43
  var handleOnRequestSubmit = /*#__PURE__*/function () {
46
44
  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
47
45
  return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -51,18 +49,15 @@ export var useCreateComponentStepChange = function useCreateComponentStepChange(
51
49
  _context.prev = 0;
52
50
  _context.next = 3;
53
51
  return onRequestSubmit();
54
-
55
52
  case 3:
56
53
  onUnmount();
57
54
  _context.next = 10;
58
55
  break;
59
-
60
56
  case 6:
61
57
  _context.prev = 6;
62
58
  _context.t0 = _context["catch"](0);
63
59
  setIsSubmitting(false);
64
60
  console.warn("".concat(componentName, " submit error: ").concat(_context.t0));
65
-
66
61
  case 10:
67
62
  case "end":
68
63
  return _context.stop();
@@ -70,12 +65,10 @@ export var useCreateComponentStepChange = function useCreateComponentStepChange(
70
65
  }
71
66
  }, _callee, null, [[0, 6]]);
72
67
  }));
73
-
74
68
  return function handleOnRequestSubmit() {
75
69
  return _ref2.apply(this, arguments);
76
70
  };
77
71
  }();
78
-
79
72
  var handleNext = /*#__PURE__*/function () {
80
73
  var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
81
74
  return _regeneratorRuntime.wrap(function _callee2$(_context2) {
@@ -83,34 +76,27 @@ export var useCreateComponentStepChange = function useCreateComponentStepChange(
83
76
  switch (_context2.prev = _context2.next) {
84
77
  case 0:
85
78
  setIsSubmitting(true);
86
-
87
79
  if (!(typeof onNext === 'function')) {
88
80
  _context2.next = 14;
89
81
  break;
90
82
  }
91
-
92
83
  _context2.prev = 2;
93
84
  _context2.next = 5;
94
85
  return onNext();
95
-
96
86
  case 5:
97
87
  continueToNextStep();
98
88
  _context2.next = 12;
99
89
  break;
100
-
101
90
  case 8:
102
91
  _context2.prev = 8;
103
92
  _context2.t0 = _context2["catch"](2);
104
93
  setIsSubmitting(false);
105
94
  console.warn("".concat(componentName, " onNext error: ").concat(_context2.t0));
106
-
107
95
  case 12:
108
96
  _context2.next = 15;
109
97
  break;
110
-
111
98
  case 14:
112
99
  continueToNextStep();
113
-
114
100
  case 15:
115
101
  case "end":
116
102
  return _context2.stop();
@@ -118,51 +104,42 @@ export var useCreateComponentStepChange = function useCreateComponentStepChange(
118
104
  }
119
105
  }, _callee2, null, [[2, 8]]);
120
106
  }));
121
-
122
107
  return function handleNext() {
123
108
  return _ref3.apply(this, arguments);
124
109
  };
125
110
  }();
126
-
127
111
  var handleSubmit = /*#__PURE__*/function () {
128
112
  var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
129
113
  return _regeneratorRuntime.wrap(function _callee3$(_context3) {
130
114
  while (1) {
131
115
  switch (_context3.prev = _context3.next) {
132
116
  case 0:
133
- setIsSubmitting(true); // last step should have onNext as well
134
-
117
+ setIsSubmitting(true);
118
+ // last step should have onNext as well
135
119
  if (!(typeof onNext === 'function')) {
136
120
  _context3.next = 15;
137
121
  break;
138
122
  }
139
-
140
123
  _context3.prev = 2;
141
124
  _context3.next = 5;
142
125
  return onNext();
143
-
144
126
  case 5:
145
127
  _context3.next = 7;
146
128
  return handleOnRequestSubmit();
147
-
148
129
  case 7:
149
130
  _context3.next = 13;
150
131
  break;
151
-
152
132
  case 9:
153
133
  _context3.prev = 9;
154
134
  _context3.t0 = _context3["catch"](2);
155
135
  setIsSubmitting(false);
156
136
  console.warn("".concat(componentName, " onNext error: ").concat(_context3.t0));
157
-
158
137
  case 13:
159
138
  _context3.next = 17;
160
139
  break;
161
-
162
140
  case 15:
163
141
  _context3.next = 17;
164
142
  return handleOnRequestSubmit();
165
-
166
143
  case 17:
167
144
  case "end":
168
145
  return _context3.stop();
@@ -170,15 +147,12 @@ export var useCreateComponentStepChange = function useCreateComponentStepChange(
170
147
  }
171
148
  }, _callee3, null, [[2, 9]]);
172
149
  }));
173
-
174
150
  return function handleSubmit() {
175
151
  return _ref4.apply(this, arguments);
176
152
  };
177
153
  }();
178
-
179
154
  if ((stepData === null || stepData === void 0 ? void 0 : stepData.length) > 0) {
180
155
  var buttons = [];
181
-
182
156
  if ((stepData === null || stepData === void 0 ? void 0 : stepData.length) > 1 && !shouldViewAll) {
183
157
  buttons.push({
184
158
  key: 'create-action-button-back',
@@ -190,10 +164,8 @@ export var useCreateComponentStepChange = function useCreateComponentStepChange(
190
164
  // have disabled the back button since we have reached the first visible step
191
165
  do {
192
166
  var _stepData;
193
-
194
167
  prev--;
195
168
  } while (!((_stepData = stepData[prev - 1]) !== null && _stepData !== void 0 && _stepData.shouldIncludeStep));
196
-
197
169
  return prev;
198
170
  });
199
171
  },
@@ -201,7 +173,6 @@ export var useCreateComponentStepChange = function useCreateComponentStepChange(
201
173
  disabled: currentStep === firstIncludedStep
202
174
  });
203
175
  }
204
-
205
176
  buttons.push({
206
177
  key: 'create-action-button-cancel',
207
178
  label: cancelButtonText,
@@ -230,10 +201,8 @@ export var useCreateComponentStepChange = function useCreateComponentStepChange(
230
201
  // have reach the onSubmit
231
202
  do {
232
203
  var _stepData2;
233
-
234
204
  prev++;
235
205
  } while (!((_stepData2 = stepData[prev - 1]) !== null && _stepData2 !== void 0 && _stepData2.shouldIncludeStep));
236
-
237
206
  return prev;
238
207
  });
239
208
  }, [setCurrentStep, setIsSubmitting, stepData]);
@@ -4,12 +4,13 @@
4
4
  * This source code is licensed under the Apache-2.0 license found in the
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
+
7
8
  import { useEffect, useRef } from 'react';
9
+
8
10
  /**
9
11
  * Returns the previous state values included in the param
10
12
  * @param {object} value
11
13
  */
12
-
13
14
  export var usePreviousValue = function usePreviousValue(value) {
14
15
  var ref = useRef();
15
16
  useEffect(function () {
@@ -4,7 +4,9 @@
4
4
  * This source code is licensed under the Apache-2.0 license found in the
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
+
7
8
  import { useEffect } from 'react';
9
+
8
10
  /**
9
11
  * Resets the current step of the create component if it has been closed.
10
12
  * @param {object} useResetCreateComponent - Create component that uses this custom hook
@@ -16,15 +18,14 @@ import { useEffect } from 'react';
16
18
  * @param {number} useResetCreateComponent.totalSteps
17
19
  * @param {string} useResetCreateComponent.componentName
18
20
  */
19
-
20
21
  export var useResetCreateComponent = function useResetCreateComponent(_ref) {
21
22
  var firstIncludedStep = _ref.firstIncludedStep,
22
- previousState = _ref.previousState,
23
- open = _ref.open,
24
- setCurrentStep = _ref.setCurrentStep,
25
- initialStep = _ref.initialStep,
26
- totalSteps = _ref.totalSteps,
27
- componentName = _ref.componentName;
23
+ previousState = _ref.previousState,
24
+ open = _ref.open,
25
+ setCurrentStep = _ref.setCurrentStep,
26
+ initialStep = _ref.initialStep,
27
+ totalSteps = _ref.totalSteps,
28
+ componentName = _ref.componentName;
28
29
  useEffect(function () {
29
30
  if (!(previousState !== null && previousState !== void 0 && previousState.open) && open) {
30
31
  if (initialStep && totalSteps && Number(initialStep) <= Number(totalSteps) && Number(initialStep) > 0) {
@@ -32,9 +33,9 @@ export var useResetCreateComponent = function useResetCreateComponent(_ref) {
32
33
  } else {
33
34
  // default should be fist includedStep instead of just 1
34
35
  setCurrentStep(firstIncludedStep);
35
- } // An invalid initialStep value was provided, we'll default to rendering the first step in this scenario
36
-
36
+ }
37
37
 
38
+ // An invalid initialStep value was provided, we'll default to rendering the first step in this scenario
38
39
  if (initialStep && totalSteps && Number(initialStep) > Number(totalSteps) || Number(initialStep) <= 0) {
39
40
  console.warn("".concat(componentName, ": An invalid `initialStep` prop was supplied. The `initialStep` prop should be a number that is greater than 0 or less than or equal to the number of steps your ").concat(componentName, " has."));
40
41
  }
@@ -1,12 +1,13 @@
1
1
  import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
2
-
3
2
  /**
4
3
  * Copyright IBM Corp. 2022, 2022
5
4
  *
6
5
  * This source code is licensed under the Apache-2.0 license found in the
7
6
  * LICENSE file in the root directory of this source tree.
8
7
  */
8
+
9
9
  import { useEffect } from 'react';
10
+
10
11
  /**
11
12
  * This useEffect makes sure that every CreateTearsheetStep/CreateFullPageStep reports back it's
12
13
  * title, secondaryLabel, introStep, and shouldIncludeStep data so that it can be sent to the CreateInfluencer.
@@ -18,14 +19,13 @@ import { useEffect } from 'react';
18
19
  * @param {string} useResetCreateComponent.secondaryLabel
19
20
  * @param {string} useResetCreateComponent.title
20
21
  */
21
-
22
22
  export var useRetrieveStepData = function useRetrieveStepData(_ref) {
23
23
  var stepsContext = _ref.stepsContext,
24
- stepNumber = _ref.stepNumber,
25
- introStep = _ref.introStep,
26
- shouldIncludeStep = _ref.shouldIncludeStep,
27
- secondaryLabel = _ref.secondaryLabel,
28
- title = _ref.title;
24
+ stepNumber = _ref.stepNumber,
25
+ introStep = _ref.introStep,
26
+ shouldIncludeStep = _ref.shouldIncludeStep,
27
+ secondaryLabel = _ref.secondaryLabel,
28
+ title = _ref.title;
29
29
  useEffect(function () {
30
30
  if (stepsContext) {
31
31
  stepsContext.setStepData(function (prev) {
@@ -36,14 +36,11 @@ export var useRetrieveStepData = function useRetrieveStepData(_ref) {
36
36
  shouldIncludeStep: shouldIncludeStep
37
37
  };
38
38
  var previousItem = prev[stepNumber - 1];
39
-
40
39
  if ((previousItem === null || previousItem === void 0 ? void 0 : previousItem.title) !== stepItem.title || (previousItem === null || previousItem === void 0 ? void 0 : previousItem.secondaryLabel) !== stepItem.secondaryLabel || (previousItem === null || previousItem === void 0 ? void 0 : previousItem.introStep) !== stepItem.introStep || (previousItem === null || previousItem === void 0 ? void 0 : previousItem.shouldIncludeStep) !== stepItem.shouldIncludeStep) {
41
40
  var clone = _toConsumableArray(prev);
42
-
43
41
  clone[stepNumber - 1] = stepItem;
44
42
  return clone;
45
43
  }
46
-
47
44
  return prev;
48
45
  });
49
46
  }
@@ -4,13 +4,14 @@
4
4
  * This source code is licensed under the Apache-2.0 license found in the
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
+
7
8
  import { useEffect } from 'react';
9
+
8
10
  /**
9
11
  * Logs a warning to console if an invalid number of steps are used with the given CreateComponent
10
12
  * @param {number} stepCount
11
13
  * @param {string} componentName
12
14
  */
13
-
14
15
  export var useValidCreateStepCount = function useValidCreateStepCount(stepCount, componentName) {
15
16
  useEffect(function () {
16
17
  if (stepCount === 1) {
@@ -1,13 +1,9 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import _typeof from "@babel/runtime/helpers/typeof";
3
-
4
3
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
5
-
6
4
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
7
-
8
5
  import { useRef, useLayoutEffect } from 'react';
9
6
  var windowExists = (typeof window === "undefined" ? "undefined" : _typeof(window)) !== "undefined";
10
-
11
7
  var getWindowSize = function getWindowSize() {
12
8
  if (!windowExists) {
13
9
  return {
@@ -17,13 +13,11 @@ var getWindowSize = function getWindowSize() {
17
13
  outerWidth: 0
18
14
  };
19
15
  }
20
-
21
16
  var _window = _objectSpread({}, window),
22
- innerHeight = _window.innerHeight,
23
- innerWidth = _window.innerWidth,
24
- outerHeight = _window.outerHeight,
25
- outerWidth = _window.outerWidth;
26
-
17
+ innerHeight = _window.innerHeight,
18
+ innerWidth = _window.innerWidth,
19
+ outerHeight = _window.outerHeight,
20
+ outerWidth = _window.outerWidth;
27
21
  return {
28
22
  innerHeight: innerHeight,
29
23
  innerWidth: innerWidth,
@@ -31,23 +25,21 @@ var getWindowSize = function getWindowSize() {
31
25
  outerWidth: outerWidth
32
26
  };
33
27
  };
34
-
35
28
  export var useWindowResize = function useWindowResize(effect, deps) {
36
29
  var throttleInterval = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
37
30
  var windowSize = useRef({});
38
31
  var throttleTimeout = useRef(null);
39
-
40
32
  var doGetWindowSize = function doGetWindowSize() {
41
33
  var newVal = {
42
34
  previous: windowSize.current,
43
35
  current: getWindowSize()
44
- }; // call effect
36
+ };
45
37
 
38
+ // call effect
46
39
  effect(newVal);
47
40
  windowSize.current = newVal.current;
48
41
  throttleTimeout.current = null;
49
42
  };
50
-
51
43
  useLayoutEffect(function () {
52
44
  var handleResize = function handleResize() {
53
45
  if (throttleInterval) {
@@ -58,11 +50,11 @@ export var useWindowResize = function useWindowResize(effect, deps) {
58
50
  doGetWindowSize();
59
51
  }
60
52
  };
61
-
62
53
  window.addEventListener('resize', handleResize);
63
54
  doGetWindowSize();
64
55
  return function () {
65
56
  return window.removeEventListener('resize', handleResize);
66
- }; // eslint-disable-next-line react-hooks/exhaustive-deps
57
+ };
58
+ // eslint-disable-next-line react-hooks/exhaustive-deps
67
59
  }, deps);
68
60
  };
@@ -2,11 +2,9 @@ import _typeof from "@babel/runtime/helpers/typeof";
2
2
  import { useRef, useLayoutEffect } from 'react';
3
3
  import { scrollableAncestor } from '../utils/scrollableAncestor';
4
4
  var windowExists = (typeof window === "undefined" ? "undefined" : _typeof(window)) !== "undefined";
5
-
6
5
  var useTargetScroll = function useTargetScroll(target, effect, deps, throttleInterval) {
7
6
  var scrollPosition = useRef({});
8
7
  var throttleTimeout = useRef(null);
9
-
10
8
  var getScrollPosition = function getScrollPosition() {
11
9
  if (!target || !windowExists && target === window) {
12
10
  return {
@@ -15,9 +13,7 @@ var useTargetScroll = function useTargetScroll(target, effect, deps, throttleInt
15
13
  };
16
14
  } //
17
15
 
18
-
19
16
  var scrollX, scrollY;
20
-
21
17
  if (target === window) {
22
18
  scrollX = window.scrollX;
23
19
  scrollY = window.scrollY;
@@ -25,24 +21,22 @@ var useTargetScroll = function useTargetScroll(target, effect, deps, throttleInt
25
21
  scrollX = target.scrollLeft;
26
22
  scrollY = target.scrollTop;
27
23
  }
28
-
29
24
  return {
30
25
  scrollX: scrollX,
31
26
  scrollY: scrollY
32
27
  };
33
28
  };
34
-
35
29
  var doGetScrollPosition = function doGetScrollPosition() {
36
30
  var newVal = {
37
31
  previous: scrollPosition.current,
38
32
  current: getScrollPosition()
39
- }; // call effect
33
+ };
40
34
 
35
+ // call effect
41
36
  effect(newVal);
42
37
  scrollPosition.current = newVal.current;
43
38
  throttleTimeout.current = null;
44
39
  };
45
-
46
40
  useLayoutEffect(function () {
47
41
  var handleScroll = function handleScroll() {
48
42
  if (throttleInterval) {
@@ -53,18 +47,16 @@ var useTargetScroll = function useTargetScroll(target, effect, deps, throttleInt
53
47
  doGetScrollPosition();
54
48
  }
55
49
  };
56
-
57
50
  if (target) {
58
51
  target.addEventListener('scroll', handleScroll);
59
52
  doGetScrollPosition();
60
53
  }
61
-
62
54
  return function () {
63
55
  return target && target.removeEventListener('scroll', handleScroll);
64
- }; // eslint-disable-next-line react-hooks/exhaustive-deps
56
+ };
57
+ // eslint-disable-next-line react-hooks/exhaustive-deps
65
58
  }, deps);
66
59
  };
67
-
68
60
  export function useWindowScroll(effect, deps) {
69
61
  var throttleInterval = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
70
62
  return useTargetScroll(window, effect, deps, throttleInterval);
@@ -72,10 +64,8 @@ export function useWindowScroll(effect, deps) {
72
64
  export function useNearestScroll(ref, effect, deps) {
73
65
  var throttle = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
74
66
  var scrollableTarget = scrollableAncestor(ref.current);
75
-
76
67
  if (scrollableTarget && (document.body === scrollableTarget || scrollableTarget.contains(document.body))) {
77
68
  scrollableTarget = window;
78
69
  }
79
-
80
70
  return useTargetScroll(scrollableTarget, effect, deps, throttle);
81
71
  }
@@ -1,15 +1,13 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
-
3
2
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
4
-
5
3
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
6
-
7
4
  //
8
5
  // Copyright IBM Corp. 2020, 2021
9
6
  //
10
7
  // This source code is licensed under the Apache-2.0 license found in the
11
8
  // LICENSE file in the root directory of this source tree.
12
9
  //
10
+
13
11
  import { devtoolsAttribute, getDevtoolsId } from './utils/devtools';
14
12
  var defaults = {
15
13
  prefix: 'c4p',
@@ -70,29 +68,28 @@ var defaults = {
70
68
  EditTearsheet: false,
71
69
  EditTearsheetNarrow: false,
72
70
  EditFullPage: false,
71
+ EditUpdateCards: false,
73
72
  InlineEditV2: false
74
73
  /* new component flags here - comment used by generate CLI */
75
-
76
74
  },
75
+
77
76
  // feature level flags
78
77
  feature: {
79
78
  'a-new-feature': false,
80
79
  'default-portal-target-body': true
81
80
  }
82
81
  };
83
-
84
82
  var warningMessageComponent = function warningMessageComponent(property) {
85
83
  return "Carbon for IBM Products (WARNING): Component \"".concat(property, "\" enabled via feature flags. This component has not yet completed its review process.");
86
84
  };
87
-
88
85
  var warningMessageFeature = function warningMessageFeature(property) {
89
86
  return "Carbon for IBM Products (WARNING): Feature \"".concat(property, "\" enabled via feature flags.");
90
87
  };
91
-
92
88
  var warningMessageAllComponents = 'Carbon for IBM Products (WARNING): All components enabled through use of setAllComponents. This includes components that have not yet completed their review process.';
93
- var warningMessageAllFeatures = 'Carbon for IBM Products (WARNING): All features enabled through use of setAllFeatures'; // Values to represent overrides for component or feature settings.
94
- // Each value maps the initial value to the value that should be returned.
89
+ var warningMessageAllFeatures = 'Carbon for IBM Products (WARNING): All features enabled through use of setAllFeatures';
95
90
 
91
+ // Values to represent overrides for component or feature settings.
92
+ // Each value maps the initial value to the value that should be returned.
96
93
  var all = {
97
94
  INITIAL: function INITIAL(v) {
98
95
  return v;
@@ -115,7 +112,6 @@ var component = new Proxy(_objectSpread({}, defaults.component), {
115
112
  },
116
113
  get: function get(target, property) {
117
114
  var _target$property;
118
-
119
115
  return allComponents((_target$property = target[property]) !== null && _target$property !== void 0 ? _target$property : false);
120
116
  }
121
117
  });
@@ -127,7 +123,6 @@ var feature = new Proxy(_objectSpread({}, defaults.feature), {
127
123
  },
128
124
  get: function get(target, property) {
129
125
  var _target$property2;
130
-
131
126
  return allFeatures((_target$property2 = target[property]) !== null && _target$property2 !== void 0 ? _target$property2 : false);
132
127
  }
133
128
  });