@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,29 +1,33 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
-
3
2
  /**
4
3
  * Copyright IBM Corp. 2021, 2021
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 portions of React that are needed.
10
- import React from 'react'; // Other standard imports.
10
+ import React from 'react';
11
11
 
12
- import { pkg } from '../../settings'; // Carbon and package components we use.
12
+ // Other standard imports.
13
+ import { pkg } from '../../settings';
13
14
 
15
+ // Carbon and package components we use.
14
16
  import { OverflowMenuItem } from 'carbon-components-react';
15
- var componentName = 'ButtonMenuItem'; // NOTE: the component SCSS is not imported here: it is rolled up separately.
17
+ var componentName = 'ButtonMenuItem';
18
+
19
+ // NOTE: the component SCSS is not imported here: it is rolled up separately.
16
20
 
17
21
  /**
18
22
  * A menu item to include in a button menu component. This component has the
19
23
  * same props and behaviors as carbon OverflowMenuItem.
20
24
  */
21
-
22
25
  export var ButtonMenuItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
23
26
  return /*#__PURE__*/React.createElement(OverflowMenuItem, _extends({}, props, {
24
27
  ref: ref
25
28
  }));
26
- }); // Return a placeholder if not released and not enabled by feature flag
29
+ });
27
30
 
31
+ // Return a placeholder if not released and not enabled by feature flag
28
32
  ButtonMenuItem = pkg.checkComponentEnabled(ButtonMenuItem, componentName);
29
33
  ButtonMenuItem.propTypes = OverflowMenuItem.propTypes;
@@ -4,5 +4,6 @@
4
4
  * This source code is licensed under the Apache-2.0 license found in the
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
+
7
8
  export { ButtonMenu } from './ButtonMenu';
8
9
  export { ButtonMenuItem } from './ButtonMenuItem';
@@ -3,26 +3,21 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
3
3
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
4
4
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
5
5
  var _excluded = ["buttons"],
6
- _excluded2 = ["label", "key", "kind"],
7
- _excluded3 = ["buttons"],
8
- _excluded4 = ["label", "key", "kind"];
9
-
6
+ _excluded2 = ["label", "key", "kind"],
7
+ _excluded3 = ["buttons"],
8
+ _excluded4 = ["label", "key", "kind"];
10
9
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
11
-
12
10
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
13
-
14
11
  function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
15
-
16
12
  function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
17
-
18
13
  function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
19
-
20
14
  //
21
15
  // Copyright IBM Corp. 2020, 2021
22
16
  //
23
17
  // This source code is licensed under the Apache-2.0 license found in the
24
18
  // LICENSE file in the root directory of this source tree.
25
19
  //
20
+
26
21
  import React, { useEffect, useState, useRef } from 'react';
27
22
  import PropTypes from 'prop-types';
28
23
  import cx from 'classnames';
@@ -36,21 +31,20 @@ var componentName = 'ButtonSetWithOverflow';
36
31
  var buttonSize = 'field';
37
32
  export var ButtonSetWithOverflow = function ButtonSetWithOverflow(_ref) {
38
33
  var buttons = _ref.buttons,
39
- className = _ref.className,
40
- onWidthChange = _ref.onWidthChange,
41
- buttonSetOverflowLabel = _ref.buttonSetOverflowLabel,
42
- menuOptionsClass = _ref.menuOptionsClass,
43
- rightAlign = _ref.rightAlign;
44
-
34
+ className = _ref.className,
35
+ onWidthChange = _ref.onWidthChange,
36
+ buttonSetOverflowLabel = _ref.buttonSetOverflowLabel,
37
+ menuOptionsClass = _ref.menuOptionsClass,
38
+ rightAlign = _ref.rightAlign;
45
39
  var _useState = useState(false),
46
- _useState2 = _slicedToArray(_useState, 2),
47
- showAsOverflow = _useState2[0],
48
- setShowAsOverflow = _useState2[1];
49
-
40
+ _useState2 = _slicedToArray(_useState, 2),
41
+ showAsOverflow = _useState2[0],
42
+ setShowAsOverflow = _useState2[1];
50
43
  var spaceAvailableRef = useRef(null);
51
44
  var sizingContainerRefSet = useRef(null);
52
45
  var sizingContainerRefCombo = useRef(null);
53
46
  var sizes = useRef({});
47
+
54
48
  /**
55
49
  * checkFullyVisibleItems determines display count based on space available and width of pageActions
56
50
  *
@@ -59,64 +53,59 @@ export var ButtonSetWithOverflow = function ButtonSetWithOverflow(_ref) {
59
53
  * ButtonSet is used, once this is no longer the case it switches to a ButtonMenu.
60
54
  *
61
55
  */
62
-
63
56
  var checkFullyVisibleItems = function checkFullyVisibleItems() {
64
57
  var _spaceAvailableRef$cu, _sizingContainerRefSe, _sizingContainerRefCo;
65
-
66
58
  var spaceAvailable = (_spaceAvailableRef$cu = spaceAvailableRef.current) === null || _spaceAvailableRef$cu === void 0 ? void 0 : _spaceAvailableRef$cu.offsetWidth;
67
- var newShowAsOverflow = true; // get all of the hidden sizing buttons
59
+ var newShowAsOverflow = true;
68
60
 
69
- var sizingSet = (_sizingContainerRefSe = sizingContainerRefSet.current) === null || _sizingContainerRefSe === void 0 ? void 0 : _sizingContainerRefSe.querySelectorAll(".".concat(carbon.prefix, "--btn")); // calculate total width of button set
61
+ // get all of the hidden sizing buttons
62
+ var sizingSet = (_sizingContainerRefSe = sizingContainerRefSet.current) === null || _sizingContainerRefSe === void 0 ? void 0 : _sizingContainerRefSe.querySelectorAll(".".concat(carbon.prefix, "--btn"));
70
63
 
64
+ // calculate total width of button set
71
65
  var sizingSetTotalSize = 0;
72
-
73
66
  var _iterator = _createForOfIteratorHelper(sizingSet),
74
- _step;
75
-
67
+ _step;
76
68
  try {
77
69
  for (_iterator.s(); !(_step = _iterator.n()).done;) {
78
70
  var item = _step.value;
79
71
  sizingSetTotalSize += item.offsetWidth;
80
- } // check ButtonMenu size
72
+ }
81
73
 
74
+ // check ButtonMenu size
82
75
  } catch (err) {
83
76
  _iterator.e(err);
84
77
  } finally {
85
78
  _iterator.f();
86
79
  }
87
-
88
80
  var sizingComboSize = (_sizingContainerRefCo = sizingContainerRefCombo.current) === null || _sizingContainerRefCo === void 0 ? void 0 : _sizingContainerRefCo.offsetWidth;
89
-
90
81
  if (onWidthChange && (sizes.current.minWidth !== sizingComboSize || sizes.current.maxWidth !== sizingSetTotalSize)) {
91
82
  sizes.current.minWidth = sizingComboSize;
92
- sizes.current.maxWidth = sizingSetTotalSize; // report min and max width required to host
83
+ sizes.current.maxWidth = sizingSetTotalSize;
93
84
 
85
+ // report min and max width required to host
94
86
  onWidthChange(_objectSpread({}, sizes.current));
95
- } // only if space available use ButtonSet.
96
-
87
+ }
97
88
 
89
+ // only if space available use ButtonSet.
98
90
  if (sizingSetTotalSize <= spaceAvailable) {
99
91
  newShowAsOverflow = false;
100
92
  }
101
-
102
93
  setShowAsOverflow(newShowAsOverflow);
103
94
  };
104
-
105
95
  useEffect(function () {
106
- checkFullyVisibleItems(); // eslint-disable-next-line react-hooks/exhaustive-deps
96
+ checkFullyVisibleItems();
97
+ // eslint-disable-next-line react-hooks/exhaustive-deps
107
98
  }, [buttons]);
108
99
  var AButtonSet = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
109
100
  var buttons = _ref2.buttons,
110
- rest = _objectWithoutProperties(_ref2, _excluded);
111
-
101
+ rest = _objectWithoutProperties(_ref2, _excluded);
112
102
  return /*#__PURE__*/React.createElement(ButtonSet, _extends({}, rest, {
113
103
  ref: ref
114
104
  }), buttons.map(function (_ref3) {
115
105
  var label = _ref3.label,
116
- key = _ref3.key,
117
- kind = _ref3.kind,
118
- other = _objectWithoutProperties(_ref3, _excluded2);
119
-
106
+ key = _ref3.key,
107
+ kind = _ref3.kind,
108
+ other = _objectWithoutProperties(_ref3, _excluded2);
120
109
  /* istanbul ignore next */
121
110
  var usedKind = kind || 'primary';
122
111
  return /*#__PURE__*/React.createElement(Button, _extends({
@@ -130,17 +119,15 @@ export var ButtonSetWithOverflow = function ButtonSetWithOverflow(_ref) {
130
119
  });
131
120
  var AButtonMenu = /*#__PURE__*/React.forwardRef(function (_ref4, ref) {
132
121
  var buttons = _ref4.buttons,
133
- rest = _objectWithoutProperties(_ref4, _excluded3);
134
-
122
+ rest = _objectWithoutProperties(_ref4, _excluded3);
135
123
  return /*#__PURE__*/React.createElement(ButtonMenu, _extends({}, rest, {
136
124
  ref: ref,
137
125
  label: buttonSetOverflowLabel
138
126
  }), buttons.map(function (_ref5) {
139
127
  var label = _ref5.label,
140
- key = _ref5.key,
141
- kind = _ref5.kind,
142
- other = _objectWithoutProperties(_ref5, _excluded4);
143
-
128
+ key = _ref5.key,
129
+ kind = _ref5.kind,
130
+ other = _objectWithoutProperties(_ref5, _excluded4);
144
131
  return /*#__PURE__*/React.createElement(ButtonMenuItem, _extends({
145
132
  key: key && "button-menu-".concat(key),
146
133
  isDelete: kind === null || kind === void 0 ? void 0 : kind.startsWith('danger'),
@@ -194,7 +181,6 @@ ButtonSetWithOverflow.propTypes = {
194
181
  * buttonSetOverflowLabel - used when button set is shown as combo button
195
182
  */
196
183
  buttonSetOverflowLabel: PropTypes.node.isRequired,
197
-
198
184
  /**
199
185
  * Specifies the buttons for the ButtonSetWithOverflow. Each item is specified as an object
200
186
  * with the properties of a Carbon Button plus a label.
@@ -207,22 +193,18 @@ ButtonSetWithOverflow.propTypes = {
207
193
  label: PropTypes.node,
208
194
  onClick: PropTypes.func
209
195
  }))).isRequired,
210
-
211
196
  /**
212
197
  * className
213
198
  */
214
199
  className: PropTypes.string,
215
-
216
200
  /**
217
201
  * class name applied to the overflow options
218
202
  */
219
203
  menuOptionsClass: PropTypes.string,
220
-
221
204
  /**
222
205
  * onResize reports maxSize on resize
223
206
  */
224
207
  onWidthChange: PropTypes.func,
225
-
226
208
  /**
227
209
  * align buttons to right of available space
228
210
  */
@@ -4,4 +4,5 @@
4
4
  * This source code is licensed under the Apache-2.0 license found in the
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
+
7
8
  export { ButtonSetWithOverflow } from './ButtonSetWithOverflow';
@@ -2,19 +2,17 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
4
  var _excluded = ["actionIcons", "actionsPlacement", "children", "className", "clickZone", "description", "label", "media", "mediaPosition", "onClick", "onKeyDown", "onPrimaryButtonClick", "overflowActions", "onSecondaryButtonClick", "pictogram", "primaryButtonHref", "primaryButtonIcon", "primaryButtonKind", "primaryButtonPlacement", "primaryButtonText", "productive", "secondaryButtonHref", "secondaryButtonIcon", "secondaryButtonKind", "secondaryButtonText", "title", "titleSize"],
5
- _excluded2 = ["id"],
6
- _excluded3 = ["id", "icon", "onClick", "iconDescription", "onKeyDown", "href"];
7
-
5
+ _excluded2 = ["id"],
6
+ _excluded3 = ["id", "icon", "onClick", "iconDescription", "onKeyDown", "href"];
8
7
  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; }
9
-
10
8
  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; }
11
-
12
9
  //
13
10
  // Copyright IBM Corp. 2020, 2021
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
  import React, { forwardRef } from 'react';
19
17
  import cx from 'classnames';
20
18
  import { Button, OverflowMenu, OverflowMenuItem } from 'carbon-components-react';
@@ -22,8 +20,9 @@ import PropTypes from 'prop-types';
22
20
  import { CardHeader } from './CardHeader';
23
21
  import { CardFooter } from './CardFooter';
24
22
  import { pkg } from '../../settings';
25
- var componentName = 'Card'; // Default values for props
23
+ var componentName = 'Card';
26
24
 
25
+ // Default values for props
27
26
  var defaults = {
28
27
  actionIcons: Object.freeze([]),
29
28
  actionsPlacement: 'bottom',
@@ -38,44 +37,43 @@ var defaults = {
38
37
  };
39
38
  export var Card = /*#__PURE__*/forwardRef(function (_ref, ref) {
40
39
  var _ref$actionIcons = _ref.actionIcons,
41
- actionIcons = _ref$actionIcons === void 0 ? defaults.actionIcons : _ref$actionIcons,
42
- _ref$actionsPlacement = _ref.actionsPlacement,
43
- actionsPlacement = _ref$actionsPlacement === void 0 ? defaults.actionsPlacement : _ref$actionsPlacement,
44
- children = _ref.children,
45
- className = _ref.className,
46
- _ref$clickZone = _ref.clickZone,
47
- clickZone = _ref$clickZone === void 0 ? defaults.clickZone : _ref$clickZone,
48
- description = _ref.description,
49
- label = _ref.label,
50
- media = _ref.media,
51
- _ref$mediaPosition = _ref.mediaPosition,
52
- mediaPosition = _ref$mediaPosition === void 0 ? defaults.mediaPosition : _ref$mediaPosition,
53
- onClick = _ref.onClick,
54
- onKeyDown = _ref.onKeyDown,
55
- onPrimaryButtonClick = _ref.onPrimaryButtonClick,
56
- _ref$overflowActions = _ref.overflowActions,
57
- overflowActions = _ref$overflowActions === void 0 ? defaults.overflowActions : _ref$overflowActions,
58
- onSecondaryButtonClick = _ref.onSecondaryButtonClick,
59
- Pictogram = _ref.pictogram,
60
- primaryButtonHref = _ref.primaryButtonHref,
61
- primaryButtonIcon = _ref.primaryButtonIcon,
62
- _ref$primaryButtonKin = _ref.primaryButtonKind,
63
- primaryButtonKind = _ref$primaryButtonKin === void 0 ? defaults.primaryButtonKind : _ref$primaryButtonKin,
64
- _ref$primaryButtonPla = _ref.primaryButtonPlacement,
65
- primaryButtonPlacement = _ref$primaryButtonPla === void 0 ? defaults.primaryButtonPlacement : _ref$primaryButtonPla,
66
- primaryButtonText = _ref.primaryButtonText,
67
- _ref$productive = _ref.productive,
68
- productive = _ref$productive === void 0 ? defaults.productive : _ref$productive,
69
- secondaryButtonHref = _ref.secondaryButtonHref,
70
- secondaryButtonIcon = _ref.secondaryButtonIcon,
71
- _ref$secondaryButtonK = _ref.secondaryButtonKind,
72
- secondaryButtonKind = _ref$secondaryButtonK === void 0 ? defaults.secondaryButtonKind : _ref$secondaryButtonK,
73
- secondaryButtonText = _ref.secondaryButtonText,
74
- title = _ref.title,
75
- _ref$titleSize = _ref.titleSize,
76
- titleSize = _ref$titleSize === void 0 ? defaults.titleSize : _ref$titleSize,
77
- rest = _objectWithoutProperties(_ref, _excluded);
78
-
40
+ actionIcons = _ref$actionIcons === void 0 ? defaults.actionIcons : _ref$actionIcons,
41
+ _ref$actionsPlacement = _ref.actionsPlacement,
42
+ actionsPlacement = _ref$actionsPlacement === void 0 ? defaults.actionsPlacement : _ref$actionsPlacement,
43
+ children = _ref.children,
44
+ className = _ref.className,
45
+ _ref$clickZone = _ref.clickZone,
46
+ clickZone = _ref$clickZone === void 0 ? defaults.clickZone : _ref$clickZone,
47
+ description = _ref.description,
48
+ label = _ref.label,
49
+ media = _ref.media,
50
+ _ref$mediaPosition = _ref.mediaPosition,
51
+ mediaPosition = _ref$mediaPosition === void 0 ? defaults.mediaPosition : _ref$mediaPosition,
52
+ onClick = _ref.onClick,
53
+ onKeyDown = _ref.onKeyDown,
54
+ onPrimaryButtonClick = _ref.onPrimaryButtonClick,
55
+ _ref$overflowActions = _ref.overflowActions,
56
+ overflowActions = _ref$overflowActions === void 0 ? defaults.overflowActions : _ref$overflowActions,
57
+ onSecondaryButtonClick = _ref.onSecondaryButtonClick,
58
+ Pictogram = _ref.pictogram,
59
+ primaryButtonHref = _ref.primaryButtonHref,
60
+ primaryButtonIcon = _ref.primaryButtonIcon,
61
+ _ref$primaryButtonKin = _ref.primaryButtonKind,
62
+ primaryButtonKind = _ref$primaryButtonKin === void 0 ? defaults.primaryButtonKind : _ref$primaryButtonKin,
63
+ _ref$primaryButtonPla = _ref.primaryButtonPlacement,
64
+ primaryButtonPlacement = _ref$primaryButtonPla === void 0 ? defaults.primaryButtonPlacement : _ref$primaryButtonPla,
65
+ primaryButtonText = _ref.primaryButtonText,
66
+ _ref$productive = _ref.productive,
67
+ productive = _ref$productive === void 0 ? defaults.productive : _ref$productive,
68
+ secondaryButtonHref = _ref.secondaryButtonHref,
69
+ secondaryButtonIcon = _ref.secondaryButtonIcon,
70
+ _ref$secondaryButtonK = _ref.secondaryButtonKind,
71
+ secondaryButtonKind = _ref$secondaryButtonK === void 0 ? defaults.secondaryButtonKind : _ref$secondaryButtonK,
72
+ secondaryButtonText = _ref.secondaryButtonText,
73
+ title = _ref.title,
74
+ _ref$titleSize = _ref.titleSize,
75
+ titleSize = _ref$titleSize === void 0 ? defaults.titleSize : _ref$titleSize,
76
+ rest = _objectWithoutProperties(_ref, _excluded);
79
77
  var blockClass = "".concat(pkg.prefix, "--card");
80
78
  var hasActions = actionIcons.length > 0 || overflowActions.length > 0 || primaryButtonText && primaryButtonPlacement === 'top';
81
79
  var hasFooterActions = hasActions && actionsPlacement === 'bottom';
@@ -87,8 +85,9 @@ export var Card = /*#__PURE__*/forwardRef(function (_ref, ref) {
87
85
  onKeyDown: onKeyDown,
88
86
  role: 'button',
89
87
  tabIndex: '0'
90
- }; // actions can either be an overflow menu or series of icons
88
+ };
91
89
 
90
+ // actions can either be an overflow menu or series of icons
92
91
  var getActions = function getActions() {
93
92
  if (overflowActions.length > 0) {
94
93
  var pos = actionsPlacement === 'top' ? 'bottom' : 'top';
@@ -99,23 +98,20 @@ export var Card = /*#__PURE__*/forwardRef(function (_ref, ref) {
99
98
  flipped: true
100
99
  }, overflowActions.map(function (_ref2) {
101
100
  var id = _ref2.id,
102
- rest = _objectWithoutProperties(_ref2, _excluded2);
103
-
101
+ rest = _objectWithoutProperties(_ref2, _excluded2);
104
102
  return /*#__PURE__*/React.createElement(OverflowMenuItem, _extends({
105
103
  key: id
106
104
  }, rest));
107
105
  }));
108
106
  }
109
-
110
107
  var icons = actionIcons.map(function (_ref3) {
111
108
  var id = _ref3.id,
112
- Icon = _ref3.icon,
113
- onClick = _ref3.onClick,
114
- iconDescription = _ref3.iconDescription,
115
- onKeyDown = _ref3.onKeyDown,
116
- href = _ref3.href,
117
- rest = _objectWithoutProperties(_ref3, _excluded3);
118
-
109
+ Icon = _ref3.icon,
110
+ onClick = _ref3.onClick,
111
+ iconDescription = _ref3.iconDescription,
112
+ onKeyDown = _ref3.onKeyDown,
113
+ href = _ref3.href,
114
+ rest = _objectWithoutProperties(_ref3, _excluded3);
119
115
  if (productive) {
120
116
  return /*#__PURE__*/React.createElement(Button, _extends({}, rest, {
121
117
  key: id,
@@ -128,7 +124,6 @@ export var Card = /*#__PURE__*/forwardRef(function (_ref, ref) {
128
124
  href: href
129
125
  }));
130
126
  }
131
-
132
127
  if (href) {
133
128
  return /*#__PURE__*/React.createElement("a", {
134
129
  key: id,
@@ -139,7 +134,6 @@ export var Card = /*#__PURE__*/forwardRef(function (_ref, ref) {
139
134
  "aria-label": iconDescription
140
135
  }));
141
136
  }
142
-
143
137
  return /*#__PURE__*/React.createElement("div", {
144
138
  key: id,
145
139
  className: "".concat(blockClass, "__icon"),
@@ -153,31 +147,24 @@ export var Card = /*#__PURE__*/forwardRef(function (_ref, ref) {
153
147
  });
154
148
  return icons;
155
149
  };
156
-
157
150
  var getCardProps = function getCardProps() {
158
151
  var _cx;
159
-
160
152
  var clickable = hasClickEvent && !productive || hasClickEvent && productive && clickZone === 'one';
161
-
162
153
  var cardProps = _objectSpread(_objectSpread({}, rest), {}, {
163
154
  ref: ref,
164
155
  className: cx(blockClass, (_cx = {}, _defineProperty(_cx, "".concat(blockClass, "__productive"), productive), _defineProperty(_cx, "".concat(blockClass, "__clickable"), clickable), _defineProperty(_cx, "".concat(blockClass, "__media-left"), mediaPosition === 'left'), _cx), className)
165
156
  }, clickable && clickableProps);
166
-
167
157
  return cardProps;
168
- }; // the only reason this is necessary is for click zone 2
169
-
158
+ };
170
159
 
160
+ // the only reason this is necessary is for click zone 2
171
161
  var getHeaderBodyProps = function getHeaderBodyProps() {
172
162
  var clickable = hasClickEvent && clickZone === 'two';
173
-
174
163
  var headerBodyProps = _objectSpread({
175
164
  className: cx("".concat(blockClass, "__header-body-container"), _defineProperty({}, "".concat(blockClass, "__clickable"), clickable))
176
165
  }, clickable && clickableProps);
177
-
178
166
  return headerBodyProps;
179
167
  };
180
-
181
168
  var getHeaderProps = function getHeaderProps() {
182
169
  return {
183
170
  actions: actionsPlacement === 'top' ? getActions() : '',
@@ -194,17 +181,13 @@ export var Card = /*#__PURE__*/forwardRef(function (_ref, ref) {
194
181
  titleSize: titleSize
195
182
  };
196
183
  };
197
-
198
184
  var getBodyProps = function getBodyProps() {
199
185
  var clickable = hasClickEvent && clickZone === 'three';
200
-
201
186
  var bodyProps = _objectSpread({
202
187
  className: cx("".concat(blockClass, "__body"), _defineProperty({}, "".concat(blockClass, "__clickable"), clickable))
203
188
  }, clickable && clickableProps);
204
-
205
189
  return bodyProps;
206
190
  };
207
-
208
191
  var getFooterProps = function getFooterProps() {
209
192
  return {
210
193
  actions: actionsPlacement === 'bottom' ? getActions() : '',
@@ -225,7 +208,6 @@ export var Card = /*#__PURE__*/forwardRef(function (_ref, ref) {
225
208
  secondaryButtonText: secondaryButtonText
226
209
  };
227
210
  };
228
-
229
211
  return /*#__PURE__*/React.createElement("div", getCardProps(), media && /*#__PURE__*/React.createElement("div", {
230
212
  className: "".concat(blockClass, "__media")
231
213
  }, media), Pictogram && /*#__PURE__*/React.createElement("div", {
@@ -5,6 +5,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
5
5
  // This source code is licensed under the Apache-2.0 license found in the
6
6
  // LICENSE file in the root directory of this source tree.
7
7
  //
8
+
8
9
  import React from 'react';
9
10
  import cx from 'classnames';
10
11
  import { Button } from 'carbon-components-react';
@@ -19,24 +20,24 @@ var defaults = {
19
20
  };
20
21
  export var CardFooter = function CardFooter(_ref) {
21
22
  var _ref$actions = _ref.actions,
22
- actions = _ref$actions === void 0 ? defaults.actions : _ref$actions,
23
- hasActions = _ref.hasActions,
24
- hasButton = _ref.hasButton,
25
- onPrimaryButtonClick = _ref.onPrimaryButtonClick,
26
- onSecondaryButtonClick = _ref.onSecondaryButtonClick,
27
- primaryButtonHref = _ref.primaryButtonHref,
28
- primaryButtonIcon = _ref.primaryButtonIcon,
29
- _ref$primaryButtonKin = _ref.primaryButtonKind,
30
- primaryButtonKind = _ref$primaryButtonKin === void 0 ? defaults.primaryButtonKind : _ref$primaryButtonKin,
31
- primaryButtonPlacement = _ref.primaryButtonPlacement,
32
- primaryButtonText = _ref.primaryButtonText,
33
- _ref$productive = _ref.productive,
34
- productive = _ref$productive === void 0 ? defaults.productive : _ref$productive,
35
- secondaryButtonHref = _ref.secondaryButtonHref,
36
- secondaryButtonIcon = _ref.secondaryButtonIcon,
37
- _ref$secondaryButtonK = _ref.secondaryButtonKind,
38
- secondaryButtonKind = _ref$secondaryButtonK === void 0 ? defaults.secondaryButtonKind : _ref$secondaryButtonK,
39
- secondaryButtonText = _ref.secondaryButtonText;
23
+ actions = _ref$actions === void 0 ? defaults.actions : _ref$actions,
24
+ hasActions = _ref.hasActions,
25
+ hasButton = _ref.hasButton,
26
+ onPrimaryButtonClick = _ref.onPrimaryButtonClick,
27
+ onSecondaryButtonClick = _ref.onSecondaryButtonClick,
28
+ primaryButtonHref = _ref.primaryButtonHref,
29
+ primaryButtonIcon = _ref.primaryButtonIcon,
30
+ _ref$primaryButtonKin = _ref.primaryButtonKind,
31
+ primaryButtonKind = _ref$primaryButtonKin === void 0 ? defaults.primaryButtonKind : _ref$primaryButtonKin,
32
+ primaryButtonPlacement = _ref.primaryButtonPlacement,
33
+ primaryButtonText = _ref.primaryButtonText,
34
+ _ref$productive = _ref.productive,
35
+ productive = _ref$productive === void 0 ? defaults.productive : _ref$productive,
36
+ secondaryButtonHref = _ref.secondaryButtonHref,
37
+ secondaryButtonIcon = _ref.secondaryButtonIcon,
38
+ _ref$secondaryButtonK = _ref.secondaryButtonKind,
39
+ secondaryButtonKind = _ref$secondaryButtonK === void 0 ? defaults.secondaryButtonKind : _ref$secondaryButtonK,
40
+ secondaryButtonText = _ref.secondaryButtonText;
40
41
  var blockClass = "".concat(pkg.prefix, "--card");
41
42
  var footerClass = "".concat(pkg.prefix, "--card__footer");
42
43
  var footerClasses = cx(footerClass, _defineProperty({}, "".concat(footerClass, "-no-button"), !hasButton));
@@ -5,6 +5,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
5
5
  // This source code is licensed under the Apache-2.0 license found in the
6
6
  // LICENSE file in the root directory of this source tree.
7
7
  //
8
+
8
9
  import React from 'react';
9
10
  import cx from 'classnames';
10
11
  import PropTypes from 'prop-types';
@@ -17,20 +18,19 @@ var defaults = {
17
18
  };
18
19
  export var CardHeader = function CardHeader(_ref) {
19
20
  var _cx;
20
-
21
21
  var actions = _ref.actions,
22
- noActionIcons = _ref.noActionIcons,
23
- onPrimaryButtonClick = _ref.onPrimaryButtonClick,
24
- primaryButtonIcon = _ref.primaryButtonIcon,
25
- primaryButtonPlacement = _ref.primaryButtonPlacement,
26
- primaryButtonText = _ref.primaryButtonText,
27
- description = _ref.description,
28
- _ref$hasActions = _ref.hasActions,
29
- hasActions = _ref$hasActions === void 0 ? defaults.hasActions : _ref$hasActions,
30
- label = _ref.label,
31
- title = _ref.title,
32
- _ref$titleSize = _ref.titleSize,
33
- titleSize = _ref$titleSize === void 0 ? defaults.titleSize : _ref$titleSize;
22
+ noActionIcons = _ref.noActionIcons,
23
+ onPrimaryButtonClick = _ref.onPrimaryButtonClick,
24
+ primaryButtonIcon = _ref.primaryButtonIcon,
25
+ primaryButtonPlacement = _ref.primaryButtonPlacement,
26
+ primaryButtonText = _ref.primaryButtonText,
27
+ description = _ref.description,
28
+ _ref$hasActions = _ref.hasActions,
29
+ hasActions = _ref$hasActions === void 0 ? defaults.hasActions : _ref$hasActions,
30
+ label = _ref.label,
31
+ title = _ref.title,
32
+ _ref$titleSize = _ref.titleSize,
33
+ titleSize = _ref$titleSize === void 0 ? defaults.titleSize : _ref$titleSize;
34
34
  var blockClass = "".concat(pkg.prefix, "--card");
35
35
  var headerClass = "".concat(blockClass, "__header");
36
36
  var headerClasses = cx(headerClass, (_cx = {}, _defineProperty(_cx, "".concat(headerClass, "-label-only"), label && !title && !description), _defineProperty(_cx, "".concat(headerClass, "-has-label"), !!label), _defineProperty(_cx, "".concat(blockClass, "__title-lg"), titleSize === 'large'), _cx));
@@ -4,6 +4,7 @@
4
4
  // This source code is licensed under the Apache-2.0 license found in the
5
5
  // LICENSE file in the root directory of this source tree.
6
6
  //
7
+
7
8
  export { Card } from './Card';
8
9
  export { CardHeader } from './CardHeader';
9
10
  export { CardFooter } from './CardFooter';