@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,66 +1,55 @@
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.handleHeaderCellSelection = void 0;
9
-
10
8
  var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
11
-
12
9
  var _deepCloneObject = require("../../../global/js/utils/deepCloneObject");
13
-
14
10
  var _uuidv = _interopRequireDefault(require("../../../global/js/utils/uuidv4"));
15
-
16
11
  var _removeCellSelections = require("./removeCellSelections");
17
-
18
12
  var _checkActiveHeaderCell = require("./checkActiveHeaderCell");
19
-
20
13
  /**
21
14
  * Copyright IBM Corp. 2022, 2022
22
15
  *
23
16
  * This source code is licensed under the Apache-2.0 license found in the
24
17
  * LICENSE file in the root directory of this source tree.
25
18
  */
19
+
26
20
  var getSelectedItemIndexList = function getSelectedItemIndexList(_ref) {
27
21
  var indexList = _ref.indexList,
28
- newIndex = _ref.newIndex,
29
- activeCellIndex = _ref.activeCellIndex;
22
+ newIndex = _ref.newIndex,
23
+ activeCellIndex = _ref.activeCellIndex;
30
24
  var lowestIndex = newIndex > activeCellIndex ? activeCellIndex : Math.min.apply(Math, (0, _toConsumableArray2.default)(indexList).concat([newIndex]));
31
25
  var highestIndex = newIndex < activeCellIndex ? activeCellIndex : Math.max.apply(Math, (0, _toConsumableArray2.default)(indexList).concat([newIndex]));
32
26
  var newIndexList = [];
33
-
34
27
  for (var i = lowestIndex; i <= highestIndex; i++) {
35
28
  newIndexList.push(i);
36
29
  }
37
-
38
30
  return [].concat(newIndexList);
39
31
  };
40
-
41
32
  var handleHeaderCellSelection = function handleHeaderCellSelection(_ref2) {
42
33
  var type = _ref2.type,
43
- activeCellCoordinates = _ref2.activeCellCoordinates,
44
- rows = _ref2.rows,
45
- columns = _ref2.columns,
46
- currentMatcher = _ref2.currentMatcher,
47
- setActiveCellCoordinates = _ref2.setActiveCellCoordinates,
48
- setCurrentMatcher = _ref2.setCurrentMatcher,
49
- setSelectionAreas = _ref2.setSelectionAreas,
50
- spreadsheetRef = _ref2.spreadsheetRef,
51
- index = _ref2.index,
52
- isKeyboard = _ref2.isKeyboard,
53
- setSelectionAreaData = _ref2.setSelectionAreaData,
54
- isHoldingCommandKey = _ref2.isHoldingCommandKey,
55
- isHoldingShiftKey = _ref2.isHoldingShiftKey;
56
-
34
+ activeCellCoordinates = _ref2.activeCellCoordinates,
35
+ rows = _ref2.rows,
36
+ columns = _ref2.columns,
37
+ currentMatcher = _ref2.currentMatcher,
38
+ setActiveCellCoordinates = _ref2.setActiveCellCoordinates,
39
+ setCurrentMatcher = _ref2.setCurrentMatcher,
40
+ setSelectionAreas = _ref2.setSelectionAreas,
41
+ spreadsheetRef = _ref2.spreadsheetRef,
42
+ index = _ref2.index,
43
+ isKeyboard = _ref2.isKeyboard,
44
+ setSelectionAreaData = _ref2.setSelectionAreaData,
45
+ isHoldingCommandKey = _ref2.isHoldingCommandKey,
46
+ isHoldingShiftKey = _ref2.isHoldingShiftKey;
57
47
  if (!isHoldingCommandKey) {
58
48
  setSelectionAreaData([]);
59
49
  (0, _removeCellSelections.removeCellSelections)({
60
50
  spreadsheetRef: spreadsheetRef
61
51
  });
62
52
  }
63
-
64
53
  var rowValue = isKeyboard ? activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row : index;
65
54
  var columnValue = isKeyboard ? activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column : index;
66
55
  var point1 = {
@@ -73,7 +62,6 @@ var handleHeaderCellSelection = function handleHeaderCellSelection(_ref2) {
73
62
  column: type === 'column' ? columnValue : columns.length - 1
74
63
  };
75
64
  var tempMatcher = (0, _uuidv.default)();
76
-
77
65
  if (!isHoldingShiftKey) {
78
66
  setActiveCellCoordinates({
79
67
  row: type === 'column' ? 0 : rowValue,
@@ -81,7 +69,6 @@ var handleHeaderCellSelection = function handleHeaderCellSelection(_ref2) {
81
69
  });
82
70
  setCurrentMatcher(tempMatcher);
83
71
  }
84
-
85
72
  var newSelectionArea = {
86
73
  point1: point1,
87
74
  point2: point2,
@@ -94,41 +81,32 @@ var handleHeaderCellSelection = function handleHeaderCellSelection(_ref2) {
94
81
  };
95
82
  setSelectionAreas(function (prev) {
96
83
  var selectionsClone = (0, _deepCloneObject.deepCloneObject)(prev);
97
-
98
84
  if (isHoldingCommandKey) {
99
85
  var selectionsFromHeaderCell = selectionsClone.filter(function (item) {
100
86
  var _item$header;
101
-
102
87
  return (_item$header = item.header) === null || _item$header === void 0 ? void 0 : _item$header.type;
103
88
  });
104
89
  var previouslyCreatedHeaderSelection = selectionsFromHeaderCell.filter(function (item) {
105
90
  var _item$header2;
106
-
107
91
  return ((_item$header2 = item.header) === null || _item$header2 === void 0 ? void 0 : _item$header2.type) === type;
108
92
  });
109
- var isHeaderPartOfPreviousSelection = (0, _checkActiveHeaderCell.checkActiveHeaderCell)(index, previouslyCreatedHeaderSelection, type); // Prevents row/column header selections from being created multiple times
110
-
93
+ var isHeaderPartOfPreviousSelection = (0, _checkActiveHeaderCell.checkActiveHeaderCell)(index, previouslyCreatedHeaderSelection, type);
94
+ // Prevents row/column header selections from being created multiple times
111
95
  if (previouslyCreatedHeaderSelection.length && isHeaderPartOfPreviousSelection) {
112
96
  return prev;
113
97
  }
114
-
115
98
  return [].concat((0, _toConsumableArray2.default)(prev), [newSelectionArea]);
116
99
  }
117
-
118
100
  if (isHoldingShiftKey) {
119
101
  var _selectionAreasClone$, _selectionAreasClone$2;
120
-
121
102
  var _selectionsFromHeaderCell = selectionsClone.filter(function (item) {
122
103
  var _item$header3;
123
-
124
104
  return (_item$header3 = item.header) === null || _item$header3 === void 0 ? void 0 : _item$header3.type;
125
- }); // Shift/click behavior should not occur unless there are activeCellCoordinates set
126
-
127
-
105
+ });
106
+ // Shift/click behavior should not occur unless there are activeCellCoordinates set
128
107
  var currentSelectionArea = _selectionsFromHeaderCell.filter(function (item) {
129
108
  return item.matcher === currentMatcher;
130
109
  })[0];
131
-
132
110
  var originalAreaIndex = Math.max(currentSelectionArea === null || currentSelectionArea === void 0 ? void 0 : currentSelectionArea.point1[type], currentSelectionArea === null || currentSelectionArea === void 0 ? void 0 : currentSelectionArea.point2[type], activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates[type]);
133
111
  var newIndexValue = type === 'column' ? columnValue : rowValue;
134
112
  var newPoint = {
@@ -144,22 +122,19 @@ var handleHeaderCellSelection = function handleHeaderCellSelection(_ref2) {
144
122
  newIndex: newIndexValue,
145
123
  activeCellIndex: activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates[type]
146
124
  });
147
-
148
125
  var setPoint1 = function setPoint1(value) {
149
126
  return value < newIndexValue ? {
150
127
  row: type === 'column' ? 0 : Math.min.apply(Math, (0, _toConsumableArray2.default)(newIndexList)),
151
128
  column: type === 'column' ? Math.min.apply(Math, (0, _toConsumableArray2.default)(newIndexList)) : 0
152
129
  } : newPoint;
153
130
  };
154
-
155
131
  var setPoint2 = function setPoint2(value) {
156
132
  return value < newIndexValue ? newPoint : {
157
133
  row: type === 'column' ? rows.length - 1 : Math.max.apply(Math, (0, _toConsumableArray2.default)(newIndexList)),
158
134
  column: type === 'column' ? Math.max.apply(Math, (0, _toConsumableArray2.default)(newIndexList)) : columns.length - 1
159
135
  };
160
- }; // If there is no active cell set and shift is clicked on a header cell
161
-
162
-
136
+ };
137
+ // If there is no active cell set and shift is clicked on a header cell
163
138
  if (!activeCellCoordinates || typeof activeCellCoordinates === 'undefined') {
164
139
  // Need to set positioning of active cell because it doesn't exist yet
165
140
  setCurrentMatcher(tempMatcher);
@@ -179,16 +154,13 @@ var handleHeaderCellSelection = function handleHeaderCellSelection(_ref2) {
179
154
  });
180
155
  return [firstSelectionArea];
181
156
  }
182
-
183
157
  selectionAreasClone[indexOfCurrentArea].point1 = setPoint1(activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates[type]);
184
158
  selectionAreasClone[indexOfCurrentArea].point2 = setPoint2(activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates[type]);
185
159
  selectionAreasClone[indexOfCurrentArea].areaCreated = false;
186
160
  selectionAreasClone[indexOfCurrentArea].header.selectedIndexList = newIndexList;
187
161
  return selectionAreasClone;
188
162
  }
189
-
190
163
  return [newSelectionArea];
191
164
  });
192
165
  };
193
-
194
166
  exports.handleHeaderCellSelection = handleHeaderCellSelection;
@@ -1,90 +1,70 @@
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.includesShift = exports.includesResourceKey = exports.handleMultipleKeys = void 0;
9
-
10
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
-
12
9
  var _deepCloneObject = require("../../../global/js/utils/deepCloneObject");
13
-
14
10
  var _uuidv = _interopRequireDefault(require("../../../global/js/utils/uuidv4"));
15
-
16
11
  var _selectAllCells = require("./selectAllCells");
17
-
18
12
  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; }
19
-
20
13
  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; }
21
-
22
14
  var includesResourceKey = function includesResourceKey(arr, usingMac) {
23
15
  if (usingMac) {
24
16
  return includesMeta(arr);
25
17
  }
26
-
27
18
  if (!usingMac) {
28
19
  return includesControl(arr);
29
20
  }
30
21
  };
31
-
32
22
  exports.includesResourceKey = includesResourceKey;
33
-
34
23
  var includesShift = function includesShift(arr) {
35
24
  if (arr.includes('ShiftLeft') || arr.includes('ShiftRight')) {
36
25
  return true;
37
26
  }
38
-
39
27
  return false;
40
28
  };
41
-
42
29
  exports.includesShift = includesShift;
43
-
44
30
  var includesMeta = function includesMeta(arr) {
45
31
  if (arr.includes('MetaLeft') || arr.includes('MetaRight')) {
46
32
  return true;
47
33
  }
48
-
49
34
  return false;
50
35
  };
51
-
52
36
  var includesControl = function includesControl(arr) {
53
37
  if (arr.includes('ControlLeft') || arr.includes('ControlRight')) {
54
38
  return true;
55
39
  }
56
-
57
40
  return false;
58
41
  };
59
-
60
42
  var handleMultipleKeys = function handleMultipleKeys(_ref) {
61
43
  var _selectionAreasClone$, _selectionAreasClone$2, _selectionAreasClone$3;
62
-
63
44
  var activeCellCoordinates = _ref.activeCellCoordinates,
64
- event = _ref.event,
65
- keysPressedList = _ref.keysPressedList,
66
- selectionAreas = _ref.selectionAreas,
67
- currentMatcher = _ref.currentMatcher,
68
- rows = _ref.rows,
69
- setSelectionAreas = _ref.setSelectionAreas,
70
- columns = _ref.columns,
71
- updateActiveCellCoordinates = _ref.updateActiveCellCoordinates,
72
- spreadsheetRef = _ref.spreadsheetRef,
73
- removeCellSelections = _ref.removeCellSelections,
74
- blockClass = _ref.blockClass,
75
- setCurrentMatcher = _ref.setCurrentMatcher,
76
- usingMac = _ref.usingMac;
45
+ event = _ref.event,
46
+ keysPressedList = _ref.keysPressedList,
47
+ selectionAreas = _ref.selectionAreas,
48
+ currentMatcher = _ref.currentMatcher,
49
+ rows = _ref.rows,
50
+ setSelectionAreas = _ref.setSelectionAreas,
51
+ columns = _ref.columns,
52
+ updateActiveCellCoordinates = _ref.updateActiveCellCoordinates,
53
+ spreadsheetRef = _ref.spreadsheetRef,
54
+ removeCellSelections = _ref.removeCellSelections,
55
+ blockClass = _ref.blockClass,
56
+ setCurrentMatcher = _ref.setCurrentMatcher,
57
+ usingMac = _ref.usingMac;
77
58
  var selectionAreasClone = (0, _deepCloneObject.deepCloneObject)(selectionAreas);
78
59
  var indexOfCurrentArea = selectionAreasClone.findIndex(function (item) {
79
60
  return item.matcher === currentMatcher;
80
61
  });
81
- var pointToUpdate = (_selectionAreasClone$ = selectionAreasClone[indexOfCurrentArea]) !== null && _selectionAreasClone$ !== void 0 && _selectionAreasClone$.point2 ? (_selectionAreasClone$2 = selectionAreasClone[indexOfCurrentArea]) === null || _selectionAreasClone$2 === void 0 ? void 0 : _selectionAreasClone$2.point2 : (_selectionAreasClone$3 = selectionAreasClone[indexOfCurrentArea]) === null || _selectionAreasClone$3 === void 0 ? void 0 : _selectionAreasClone$3.point1; // Down + Shift
82
-
62
+ var pointToUpdate = (_selectionAreasClone$ = selectionAreasClone[indexOfCurrentArea]) !== null && _selectionAreasClone$ !== void 0 && _selectionAreasClone$.point2 ? (_selectionAreasClone$2 = selectionAreasClone[indexOfCurrentArea]) === null || _selectionAreasClone$2 === void 0 ? void 0 : _selectionAreasClone$2.point2 : (_selectionAreasClone$3 = selectionAreasClone[indexOfCurrentArea]) === null || _selectionAreasClone$3 === void 0 ? void 0 : _selectionAreasClone$3.point1;
63
+ // Down + Shift
83
64
  if (includesShift(keysPressedList) && keysPressedList.includes('ArrowDown') && keysPressedList.length === 2) {
84
65
  if (rows.length - 1 === (pointToUpdate === null || pointToUpdate === void 0 ? void 0 : pointToUpdate.row) || (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row) === 'header' || (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column) === 'header') {
85
66
  return;
86
67
  }
87
-
88
68
  var newPoint = {
89
69
  row: pointToUpdate.row + 1,
90
70
  column: pointToUpdate.column
@@ -92,14 +72,12 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
92
72
  selectionAreasClone[indexOfCurrentArea].point2 = newPoint;
93
73
  selectionAreasClone[indexOfCurrentArea].areaCreated = false;
94
74
  setSelectionAreas(selectionAreasClone);
95
- } // Right + Shift
96
-
97
-
75
+ }
76
+ // Right + Shift
98
77
  if (includesShift(keysPressedList) && keysPressedList.includes('ArrowRight') && keysPressedList.length === 2) {
99
78
  if (columns.length - 1 === (pointToUpdate === null || pointToUpdate === void 0 ? void 0 : pointToUpdate.column) || (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row) === 'header' || (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column) === 'header') {
100
79
  return;
101
80
  }
102
-
103
81
  var _newPoint = {
104
82
  row: pointToUpdate.row,
105
83
  column: pointToUpdate.column + 1
@@ -107,14 +85,12 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
107
85
  selectionAreasClone[indexOfCurrentArea].point2 = _newPoint;
108
86
  selectionAreasClone[indexOfCurrentArea].areaCreated = false;
109
87
  setSelectionAreas(selectionAreasClone);
110
- } // Up + Shift
111
-
112
-
88
+ }
89
+ // Up + Shift
113
90
  if (includesShift(keysPressedList) && keysPressedList.includes('ArrowUp') && keysPressedList.length === 2) {
114
91
  if ((pointToUpdate === null || pointToUpdate === void 0 ? void 0 : pointToUpdate.row) === 0 || (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row) === 'header' || (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column) === 'header') {
115
92
  return;
116
93
  }
117
-
118
94
  var _newPoint2 = {
119
95
  row: pointToUpdate.row - 1,
120
96
  column: pointToUpdate.column
@@ -122,14 +98,12 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
122
98
  selectionAreasClone[indexOfCurrentArea].point2 = _newPoint2;
123
99
  selectionAreasClone[indexOfCurrentArea].areaCreated = false;
124
100
  setSelectionAreas(selectionAreasClone);
125
- } // Left + Shift
126
-
127
-
101
+ }
102
+ // Left + Shift
128
103
  if (includesShift(keysPressedList) && keysPressedList.includes('ArrowLeft') && keysPressedList.length === 2) {
129
104
  if ((pointToUpdate === null || pointToUpdate === void 0 ? void 0 : pointToUpdate.column) === 0 || (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row) === 'header' || (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column) === 'header') {
130
105
  return;
131
106
  }
132
-
133
107
  var _newPoint3 = {
134
108
  row: pointToUpdate.row,
135
109
  column: pointToUpdate.column - 1
@@ -137,9 +111,8 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
137
111
  selectionAreasClone[indexOfCurrentArea].point2 = _newPoint3;
138
112
  selectionAreasClone[indexOfCurrentArea].areaCreated = false;
139
113
  setSelectionAreas(selectionAreasClone);
140
- } // CMD + a (select all)
141
-
142
-
114
+ }
115
+ // CMD + a (select all)
143
116
  if (includesResourceKey(keysPressedList, usingMac) && keysPressedList.includes('KeyA')) {
144
117
  event.preventDefault();
145
118
  var selectionPoint1 = {
@@ -149,8 +122,8 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
149
122
  var selectionPoint2 = {
150
123
  row: rows.length - 1,
151
124
  column: columns.length - 1
152
- }; // If indexOfCurrentArea is -1, it means the active cell is in a cell header position
153
-
125
+ };
126
+ // If indexOfCurrentArea is -1, it means the active cell is in a cell header position
154
127
  if (indexOfCurrentArea === -1) {
155
128
  (0, _selectAllCells.selectAllCells)({
156
129
  ref: spreadsheetRef,
@@ -162,14 +135,12 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
162
135
  updateActiveCellCoordinates: updateActiveCellCoordinates
163
136
  });
164
137
  }
165
-
166
138
  selectionAreasClone[indexOfCurrentArea].point1 = selectionPoint1;
167
139
  selectionAreasClone[indexOfCurrentArea].point2 = selectionPoint2;
168
140
  selectionAreasClone[indexOfCurrentArea].areaCreated = false;
169
141
  setSelectionAreas(selectionAreasClone);
170
- } // CONTROL + SPACE (Select current column)
171
-
172
-
142
+ }
143
+ // CONTROL + SPACE (Select current column)
173
144
  if (includesControl(keysPressedList) && keysPressedList.includes('Space')) {
174
145
  var _selectionPoint = {
175
146
  row: 0,
@@ -178,8 +149,8 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
178
149
  var _selectionPoint2 = {
179
150
  row: rows.length - 1,
180
151
  column: (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column) === 'header' ? 0 : activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column
181
- }; // If indexOfCurrentArea is -1, it means the active cell is in a cell header position
182
-
152
+ };
153
+ // If indexOfCurrentArea is -1, it means the active cell is in a cell header position
183
154
  if (indexOfCurrentArea === -1) {
184
155
  var tempMatcher = (0, _uuidv.default)();
185
156
  var newSelectionArea = {
@@ -188,9 +159,7 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
188
159
  areaCreated: false,
189
160
  matcher: tempMatcher
190
161
  };
191
-
192
162
  var coordinatesClone = _objectSpread({}, activeCellCoordinates);
193
-
194
163
  updateActiveCellCoordinates({
195
164
  coords: coordinatesClone,
196
165
  updatedValue: {
@@ -201,14 +170,12 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
201
170
  setCurrentMatcher(tempMatcher);
202
171
  return setSelectionAreas([newSelectionArea]);
203
172
  }
204
-
205
173
  selectionAreasClone[indexOfCurrentArea].point1 = _selectionPoint;
206
174
  selectionAreasClone[indexOfCurrentArea].point2 = _selectionPoint2;
207
175
  selectionAreasClone[indexOfCurrentArea].areaCreated = false;
208
176
  setSelectionAreas(selectionAreasClone);
209
- } // Shift + SPACE (Select current row)
210
-
211
-
177
+ }
178
+ // Shift + SPACE (Select current row)
212
179
  if (includesShift(keysPressedList) && keysPressedList.includes('Space')) {
213
180
  var _selectionPoint3 = {
214
181
  row: (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row) === 'header' ? 0 : activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row,
@@ -217,20 +184,17 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
217
184
  var _selectionPoint4 = {
218
185
  row: (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row) === 'header' ? 0 : activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row,
219
186
  column: columns.length - 1
220
- }; // If indexOfCurrentArea is -1, it means the active cell is in a cell header position
221
-
187
+ };
188
+ // If indexOfCurrentArea is -1, it means the active cell is in a cell header position
222
189
  if (indexOfCurrentArea === -1) {
223
190
  var _tempMatcher = (0, _uuidv.default)();
224
-
225
191
  var _newSelectionArea = {
226
192
  point1: _selectionPoint3,
227
193
  point2: _selectionPoint4,
228
194
  areaCreated: false,
229
195
  matcher: _tempMatcher
230
196
  };
231
-
232
197
  var _coordinatesClone = _objectSpread({}, activeCellCoordinates);
233
-
234
198
  updateActiveCellCoordinates({
235
199
  coords: _coordinatesClone,
236
200
  updatedValue: {
@@ -241,20 +205,17 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
241
205
  setCurrentMatcher(_tempMatcher);
242
206
  return setSelectionAreas([_newSelectionArea]);
243
207
  }
244
-
245
208
  selectionAreasClone[indexOfCurrentArea].point1 = _selectionPoint3;
246
209
  selectionAreasClone[indexOfCurrentArea].point2 = _selectionPoint4;
247
210
  selectionAreasClone[indexOfCurrentArea].areaCreated = false;
248
211
  setSelectionAreas(selectionAreasClone);
249
- } // CMD + HOME (Selects first cell in first row)
250
-
212
+ }
251
213
 
214
+ // CMD + HOME (Selects first cell in first row)
252
215
  if (includesResourceKey(keysPressedList, usingMac) && keysPressedList.includes('Home')) {
253
216
  var scrollElement = spreadsheetRef.current.querySelector(".".concat(blockClass, "__list--container"));
254
217
  scrollElement.scrollTop = 0;
255
-
256
218
  var _coordinatesClone2 = _objectSpread({}, activeCellCoordinates);
257
-
258
219
  removeCellSelections({
259
220
  spreadsheetRef: spreadsheetRef
260
221
  });
@@ -265,21 +226,17 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
265
226
  row: 0
266
227
  }
267
228
  });
268
- } // CMD + END (Selects last cell in last row)
269
-
229
+ }
270
230
 
231
+ // CMD + END (Selects last cell in last row)
271
232
  if (includesResourceKey(keysPressedList, usingMac) && keysPressedList.includes('End')) {
272
233
  var _scrollElement = spreadsheetRef.current.querySelector(".".concat(blockClass, "__list--container"));
273
-
274
234
  _scrollElement.scrollTop = _scrollElement.scrollHeight;
275
-
276
235
  var _coordinatesClone3 = _objectSpread({}, activeCellCoordinates);
277
-
278
236
  removeCellSelections({
279
237
  spreadsheetRef: spreadsheetRef
280
238
  });
281
239
  var lastCellExists = !!rows[(rows === null || rows === void 0 ? void 0 : rows.length) - 1].cells[(columns === null || columns === void 0 ? void 0 : columns.length) - 1];
282
-
283
240
  var updateToLastCell = function updateToLastCell() {
284
241
  updateActiveCellCoordinates({
285
242
  coords: _coordinatesClone3,
@@ -288,12 +245,11 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
288
245
  row: rows.length - 1
289
246
  }
290
247
  });
291
- }; // With the spreadsheet supporting virtualized data, it's possible that the last cell
248
+ };
249
+ // With the spreadsheet supporting virtualized data, it's possible that the last cell
292
250
  // has never been rendered yet, if that's the case we scroll to the bottom of the spreadsheet
293
251
  // and add a timeout to wait for the last row to render to the DOM before updating the active cell coordinates.
294
252
  // If we're able to verify that the last row has been rendered, no timeout is used.
295
-
296
-
297
253
  if (lastCellExists) {
298
254
  updateToLastCell();
299
255
  } else {
@@ -303,5 +259,4 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
303
259
  }
304
260
  }
305
261
  };
306
-
307
262
  exports.handleMultipleKeys = handleMultipleKeys;
@@ -4,24 +4,22 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.moveColumnIndicatorLine = void 0;
7
-
8
7
  var _layout = require("@carbon/layout");
9
-
10
8
  var _settings = require("../../../settings");
11
-
12
9
  /**
13
10
  * Copyright IBM Corp. 2022, 2022
14
11
  *
15
12
  * This source code is licensed under the Apache-2.0 license found in the
16
13
  * LICENSE file in the root directory of this source tree.
17
14
  */
15
+
18
16
  var moveColumnIndicatorLine = function moveColumnIndicatorLine(_ref) {
19
17
  var _ref$blockClass = _ref.blockClass,
20
- blockClass = _ref$blockClass === void 0 ? "".concat(_settings.pkg.prefix, "--data-spreadsheet") : _ref$blockClass,
21
- clonedSelectionElement = _ref.clonedSelectionElement,
22
- ref = _ref.ref,
23
- spreadsheetCoords = _ref.spreadsheetCoords,
24
- leftScrollAmount = _ref.leftScrollAmount;
18
+ blockClass = _ref$blockClass === void 0 ? "".concat(_settings.pkg.prefix, "--data-spreadsheet") : _ref$blockClass,
19
+ clonedSelectionElement = _ref.clonedSelectionElement,
20
+ ref = _ref.ref,
21
+ spreadsheetCoords = _ref.spreadsheetCoords,
22
+ leftScrollAmount = _ref.leftScrollAmount;
25
23
  var closestCell = event.target.closest(".".concat(blockClass, "--interactive-cell-element"));
26
24
  var newColumnIndex = closestCell === null || closestCell === void 0 ? void 0 : closestCell.getAttribute('data-column-index');
27
25
  var originalColumnIndex = clonedSelectionElement === null || clonedSelectionElement === void 0 ? void 0 : clonedSelectionElement.getAttribute('data-column-index-original');
@@ -29,18 +27,14 @@ var moveColumnIndicatorLine = function moveColumnIndicatorLine(_ref) {
29
27
  var indicatorLineElement = ref.current.querySelector(".".concat(blockClass, "__reorder-indicator-line"));
30
28
  var matcherId = clonedSelectionElement === null || clonedSelectionElement === void 0 ? void 0 : clonedSelectionElement.getAttribute('data-matcher-id');
31
29
  var selectionAreaOrigin = ref.current.querySelector("[data-matcher-id=\"".concat(matcherId, "\"]"));
32
-
33
30
  if (Number(newColumnIndex) > Number(originalColumnIndex)) {
34
31
  indicatorLineElement.style.left = (0, _layout.px)(closestCellCoords.left - spreadsheetCoords.left + closestCell.offsetWidth - 2 + leftScrollAmount);
35
32
  }
36
-
37
33
  if (Number(newColumnIndex) < Number(originalColumnIndex)) {
38
34
  indicatorLineElement.style.left = (0, _layout.px)(closestCellCoords.left - spreadsheetCoords.left + leftScrollAmount);
39
35
  }
40
-
41
36
  if (Number(newColumnIndex) === Number(originalColumnIndex)) {
42
37
  indicatorLineElement.style.left = selectionAreaOrigin.style.left;
43
38
  }
44
39
  };
45
-
46
40
  exports.moveColumnIndicatorLine = moveColumnIndicatorLine;
@@ -1,32 +1,27 @@
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.removeCellSelections = void 0;
9
-
10
8
  var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
11
-
12
9
  var _settings = require("../../../settings");
13
-
14
10
  /**
15
11
  * Copyright IBM Corp. 2022, 2022
16
12
  *
17
13
  * This source code is licensed under the Apache-2.0 license found in the
18
14
  * LICENSE file in the root directory of this source tree.
19
15
  */
16
+
20
17
  // Removes the cell selection elements
21
18
  var removeCellSelections = function removeCellSelections(_ref) {
22
19
  var matcher = _ref.matcher,
23
- spreadsheetRef = _ref.spreadsheetRef,
24
- _ref$blockClass = _ref.blockClass,
25
- blockClass = _ref$blockClass === void 0 ? "".concat(_settings.pkg.prefix, "--data-spreadsheet") : _ref$blockClass;
26
-
20
+ spreadsheetRef = _ref.spreadsheetRef,
21
+ _ref$blockClass = _ref.blockClass,
22
+ blockClass = _ref$blockClass === void 0 ? "".concat(_settings.pkg.prefix, "--data-spreadsheet") : _ref$blockClass;
27
23
  if (matcher && typeof matcher === 'string') {
28
24
  var selectionToRemove = spreadsheetRef.current.querySelector("[data-matcher-id=\"".concat(matcher, "\"]"));
29
-
30
25
  if (selectionToRemove) {
31
26
  selectionToRemove.remove();
32
27
  }
@@ -37,5 +32,4 @@ var removeCellSelections = function removeCellSelections(_ref) {
37
32
  });
38
33
  }
39
34
  };
40
-
41
35
  exports.removeCellSelections = removeCellSelections;
@@ -1,30 +1,23 @@
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.selectAllCells = void 0;
9
-
10
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
-
12
9
  var _removeCellSelections = require("./removeCellSelections");
13
-
14
10
  var _uuidv = _interopRequireDefault(require("../../../global/js/utils/uuidv4"));
15
-
16
11
  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; }
17
-
18
12
  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; }
19
-
20
13
  var selectAllCells = function selectAllCells(_ref) {
21
14
  var activeCellCoordinates = _ref.activeCellCoordinates,
22
- columns = _ref.columns,
23
- setCurrentMatcher = _ref.setCurrentMatcher,
24
- setSelectionAreas = _ref.setSelectionAreas,
25
- ref = _ref.ref,
26
- rows = _ref.rows,
27
- updateActiveCellCoordinates = _ref.updateActiveCellCoordinates;
15
+ columns = _ref.columns,
16
+ setCurrentMatcher = _ref.setCurrentMatcher,
17
+ setSelectionAreas = _ref.setSelectionAreas,
18
+ ref = _ref.ref,
19
+ rows = _ref.rows,
20
+ updateActiveCellCoordinates = _ref.updateActiveCellCoordinates;
28
21
  (0, _removeCellSelections.removeCellSelections)({
29
22
  spreadsheetRef: ref
30
23
  });
@@ -43,9 +36,7 @@ var selectAllCells = function selectAllCells(_ref) {
43
36
  areaCreated: false,
44
37
  matcher: tempMatcher
45
38
  };
46
-
47
39
  var coordinatesClone = _objectSpread({}, activeCellCoordinates);
48
-
49
40
  updateActiveCellCoordinates({
50
41
  coords: coordinatesClone,
51
42
  updatedValue: {
@@ -56,5 +47,4 @@ var selectAllCells = function selectAllCells(_ref) {
56
47
  setCurrentMatcher(tempMatcher);
57
48
  return setSelectionAreas([newSelectionArea]);
58
49
  };
59
-
60
50
  exports.selectAllCells = selectAllCells;