@carbon/ibm-products 2.0.0-rc.29 → 2.0.0-rc.32

Sign up to get free protection for your applications and to get access to all the features.
Files changed (685) hide show
  1. package/README.md +19 -17
  2. package/css/index-full-carbon.css +946 -325
  3. package/css/index-full-carbon.css.map +1 -1
  4. package/css/index-full-carbon.min.css +4 -6
  5. package/css/index-full-carbon.min.css.map +1 -1
  6. package/css/index-without-carbon-released-only.css +137 -147
  7. package/css/index-without-carbon-released-only.css.map +1 -1
  8. package/css/index-without-carbon-released-only.min.css +2 -4
  9. package/css/index-without-carbon-released-only.min.css.map +1 -1
  10. package/css/index-without-carbon.css +163 -163
  11. package/css/index-without-carbon.css.map +1 -1
  12. package/css/index-without-carbon.min.css +4 -6
  13. package/css/index-without-carbon.min.css.map +1 -1
  14. package/css/index.css +398 -207
  15. package/css/index.css.map +1 -1
  16. package/css/index.min.css +3 -5
  17. package/css/index.min.css.map +1 -1
  18. package/es/components/APIKeyModal/APIKeyDownloader.js +29 -41
  19. package/es/components/APIKeyModal/APIKeyModal.js +101 -185
  20. package/es/components/APIKeyModal/index.js +1 -0
  21. package/es/components/AboutModal/AboutModal.js +46 -59
  22. package/es/components/AboutModal/index.js +1 -0
  23. package/es/components/ActionBar/ActionBar.js +65 -68
  24. package/es/components/ActionBar/ActionBarItem.js +21 -22
  25. package/es/components/ActionBar/ActionBarOverflowItems.js +12 -12
  26. package/es/components/ActionBar/index.js +1 -0
  27. package/es/components/ActionSet/ActionSet.js +32 -42
  28. package/es/components/ActionSet/actions.js +1 -2
  29. package/es/components/ActionSet/index.js +1 -0
  30. package/es/components/AddSelect/AddSelect.js +3 -4
  31. package/es/components/AddSelect/AddSelectBody.js +75 -102
  32. package/es/components/AddSelect/AddSelectBreadcrumbs.js +3 -4
  33. package/es/components/AddSelect/AddSelectColumn.js +32 -50
  34. package/es/components/AddSelect/AddSelectFilter.js +22 -35
  35. package/es/components/AddSelect/AddSelectFormControl.js +7 -17
  36. package/es/components/AddSelect/AddSelectList.js +6 -7
  37. package/es/components/AddSelect/AddSelectMetaPanel.js +4 -5
  38. package/es/components/AddSelect/AddSelectRow.js +25 -39
  39. package/es/components/AddSelect/AddSelectSidebar.js +15 -22
  40. package/es/components/AddSelect/AddSelectSort.js +9 -8
  41. package/es/components/AddSelect/add-select-utils.js +2 -23
  42. package/es/components/AddSelect/hooks/useFocus.js +3 -7
  43. package/es/components/AddSelect/hooks/useItemSort.js +7 -8
  44. package/es/components/AddSelect/hooks/useParentSelect.js +4 -6
  45. package/es/components/AddSelect/hooks/usePath.js +7 -22
  46. package/es/components/AddSelect/index.js +1 -0
  47. package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +67 -90
  48. package/es/components/BreadcrumbWithOverflow/index.js +2 -0
  49. package/es/components/ButtonMenu/ButtonMenu.js +35 -34
  50. package/es/components/ButtonMenu/ButtonMenuItem.js +10 -6
  51. package/es/components/ButtonMenu/index.js +1 -0
  52. package/es/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +35 -53
  53. package/es/components/ButtonSetWithOverflow/index.js +1 -0
  54. package/es/components/Card/Card.js +55 -73
  55. package/es/components/Card/CardFooter.js +19 -18
  56. package/es/components/Card/CardHeader.js +13 -13
  57. package/es/components/Card/index.js +1 -0
  58. package/es/components/Cascade/Cascade.js +5 -14
  59. package/es/components/ComboButton/ComboButton.js +24 -35
  60. package/es/components/ComboButton/ComboButtonItem/index.js +4 -8
  61. package/es/components/ComboButton/index.js +1 -0
  62. package/es/components/CreateFullPage/CreateFullPage.js +65 -87
  63. package/es/components/CreateFullPage/CreateFullPageStep.js +28 -40
  64. package/es/components/CreateFullPage/index.js +1 -0
  65. package/es/components/CreateInfluencer/CreateInfluencer.js +14 -15
  66. package/es/components/CreateInfluencer/index.js +1 -0
  67. package/es/components/CreateModal/CreateModal.js +19 -31
  68. package/es/components/CreateModal/index.js +2 -0
  69. package/es/components/CreateSidePanel/CreateSidePanel.js +24 -37
  70. package/es/components/CreateSidePanel/index.js +1 -0
  71. package/es/components/CreateTearsheet/CreateTearsheet.js +66 -91
  72. package/es/components/CreateTearsheet/CreateTearsheetDivider.js +4 -4
  73. package/es/components/CreateTearsheet/CreateTearsheetStep.js +31 -42
  74. package/es/components/CreateTearsheet/index.js +1 -0
  75. package/es/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +47 -67
  76. package/es/components/CreateTearsheet/preview-components/MultiStepWithIntro.js +41 -57
  77. package/es/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +30 -39
  78. package/es/components/CreateTearsheetNarrow/index.js +1 -0
  79. package/es/components/DataSpreadsheet/DataSpreadsheet.js +136 -224
  80. package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +62 -113
  81. package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +25 -56
  82. package/es/components/DataSpreadsheet/hooks/index.js +1 -0
  83. package/es/components/DataSpreadsheet/hooks/useMoveActiveCell.js +6 -5
  84. package/es/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +23 -44
  85. package/es/components/DataSpreadsheet/hooks/useResetSpreadsheetFocus.js +5 -5
  86. package/es/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +18 -30
  87. package/es/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +10 -14
  88. package/es/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +34 -54
  89. package/es/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +10 -10
  90. package/es/components/DataSpreadsheet/index.js +1 -0
  91. package/es/components/DataSpreadsheet/utils/checkActiveHeaderCell.js +4 -8
  92. package/es/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +3 -4
  93. package/es/components/DataSpreadsheet/utils/createActiveCellFn.js +15 -19
  94. package/es/components/DataSpreadsheet/utils/createCellSelectionArea.js +15 -17
  95. package/es/components/DataSpreadsheet/utils/generateData.js +4 -13
  96. package/es/components/DataSpreadsheet/utils/getCellSize.js +1 -6
  97. package/es/components/DataSpreadsheet/utils/getSelectionAreaPoints.js +1 -0
  98. package/es/components/DataSpreadsheet/utils/getSpreadsheetWidth.js +7 -9
  99. package/es/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +20 -34
  100. package/es/components/DataSpreadsheet/utils/handleActiveCellInSelectionTab.js +20 -30
  101. package/es/components/DataSpreadsheet/utils/handleCellDeletion.js +6 -8
  102. package/es/components/DataSpreadsheet/utils/handleEditSubmit.js +13 -20
  103. package/es/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +22 -44
  104. package/es/components/DataSpreadsheet/utils/handleMultipleKeys.js +40 -75
  105. package/es/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +6 -8
  106. package/es/components/DataSpreadsheet/utils/removeCellSelections.js +6 -8
  107. package/es/components/DataSpreadsheet/utils/selectAllCells.js +7 -11
  108. package/es/components/Datagrid/Datagrid/Datagrid.js +13 -13
  109. package/es/components/Datagrid/Datagrid/DatagridBody.js +4 -10
  110. package/es/components/Datagrid/Datagrid/DatagridContent.js +38 -51
  111. package/es/components/Datagrid/Datagrid/DatagridEmptyBody.js +10 -12
  112. package/es/components/Datagrid/Datagrid/DatagridExpandedRow.js +4 -6
  113. package/es/components/Datagrid/Datagrid/DatagridHead.js +6 -6
  114. package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +1 -7
  115. package/es/components/Datagrid/Datagrid/DatagridRefBody.js +5 -8
  116. package/es/components/Datagrid/Datagrid/DatagridRow.js +6 -22
  117. package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +13 -23
  118. package/es/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +29 -41
  119. package/es/components/Datagrid/Datagrid/DatagridSimpleBody.js +2 -7
  120. package/es/components/Datagrid/Datagrid/DatagridToolbar.js +27 -40
  121. package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +14 -25
  122. package/es/components/Datagrid/Datagrid/DraggableElement.js +75 -86
  123. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +3 -4
  124. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +6 -10
  125. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +15 -25
  126. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +52 -69
  127. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +12 -15
  128. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +6 -12
  129. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js +1 -1
  130. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/index.js +1 -0
  131. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +61 -87
  132. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +73 -89
  133. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +8 -16
  134. package/es/components/Datagrid/Datagrid/addons/Filtering/constants.js +4 -5
  135. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/index.js +1 -0
  136. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +39 -64
  137. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useInitialStateFromFilters.js +3 -8
  138. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +8 -12
  139. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useSubscribeToEventEmitter.js +2 -4
  140. package/es/components/Datagrid/Datagrid/addons/Filtering/utils.js +8 -14
  141. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +11 -12
  142. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +57 -109
  143. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js +7 -21
  144. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/getCellIdAsObject.js +1 -1
  145. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +9 -14
  146. package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridFocus.js +2 -3
  147. package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +29 -63
  148. package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +14 -21
  149. package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +8 -12
  150. package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +18 -27
  151. package/es/components/Datagrid/Datagrid/addons/RowSize/index.js +1 -0
  152. package/es/components/Datagrid/Datagrid/index.js +1 -0
  153. package/es/components/Datagrid/Datagrid.stories/StickyActionsColumnStory.js +10 -0
  154. package/es/components/Datagrid/Datagrid.stories/common.js +2 -11
  155. package/es/components/Datagrid/common-column-ids.js +1 -0
  156. package/es/components/Datagrid/index.js +1 -0
  157. package/es/components/Datagrid/useActionsColumn.js +21 -39
  158. package/es/components/Datagrid/useColumnCenterAlign.js +0 -8
  159. package/es/components/Datagrid/useColumnOrder.js +1 -0
  160. package/es/components/Datagrid/useColumnRightAlign.js +0 -8
  161. package/es/components/Datagrid/useCustomizeColumns.js +5 -13
  162. package/es/components/Datagrid/useDatagrid.js +0 -7
  163. package/es/components/Datagrid/useDefaultStringRenderer.js +0 -9
  164. package/es/components/Datagrid/useDisableSelectRows.js +2 -10
  165. package/es/components/Datagrid/useEditableCell.js +1 -2
  166. package/es/components/Datagrid/useExpandedRow.js +5 -15
  167. package/es/components/Datagrid/useFiltering.js +9 -19
  168. package/es/components/Datagrid/useFlexResize.js +0 -7
  169. package/es/components/Datagrid/useFloatingScroll.js +9 -22
  170. package/es/components/Datagrid/useInfiniteScroll.js +7 -16
  171. package/es/components/Datagrid/useInlineEdit.js +2 -10
  172. package/es/components/Datagrid/useNestedRowExpander.js +0 -6
  173. package/es/components/Datagrid/useNestedRows.js +1 -10
  174. package/es/components/Datagrid/useOnRowClick.js +4 -11
  175. package/es/components/Datagrid/useParentDimensions.js +6 -16
  176. package/es/components/Datagrid/useResizeTable.js +1 -7
  177. package/es/components/Datagrid/useRowExpander.js +0 -5
  178. package/es/components/Datagrid/useRowIsMouseOver.js +6 -15
  179. package/es/components/Datagrid/useRowRenderer.js +0 -5
  180. package/es/components/Datagrid/useRowSize.js +8 -20
  181. package/es/components/Datagrid/useSelectAllToggle.js +14 -27
  182. package/es/components/Datagrid/useSelectRows.js +15 -34
  183. package/es/components/Datagrid/useSkeletonRows.js +1 -6
  184. package/es/components/Datagrid/useSortableColumns.js +3 -25
  185. package/es/components/Datagrid/useStickyColumn.js +5 -37
  186. package/es/components/Datagrid/utils/DatagridActions.js +19 -29
  187. package/es/components/Datagrid/utils/DatagridPagination.js +5 -6
  188. package/es/components/Datagrid/utils/Wrapper.js +1 -1
  189. package/es/components/Datagrid/utils/getArgTypes.js +1 -0
  190. package/es/components/Datagrid/utils/getAutoSizedColumnWidth.js +1 -3
  191. package/es/components/Datagrid/utils/getInlineEditColumns.js +1 -3
  192. package/es/components/Datagrid/utils/makeData.js +3 -18
  193. package/es/components/EditFullPage/EditFullPage.js +27 -20
  194. package/es/components/EditFullPage/index.js +1 -0
  195. package/es/components/EditInPlace/EditInPlace.js +33 -71
  196. package/es/components/EditInPlace/index.js +1 -0
  197. package/es/components/EditSidePanel/EditSidePanel.js +38 -51
  198. package/es/components/EditSidePanel/index.js +1 -0
  199. package/es/components/EditTearsheet/EditTearsheet.js +35 -45
  200. package/es/components/EditTearsheet/EditTearsheetForm.js +19 -25
  201. package/es/components/EditTearsheet/index.js +1 -0
  202. package/es/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js +37 -49
  203. package/es/components/EditTearsheetNarrow/EditTearsheetNarrow.js +27 -20
  204. package/es/components/EditTearsheetNarrow/index.js +1 -0
  205. package/es/components/EditUpdateCards/EditUpdateCards.js +33 -35
  206. package/es/components/EditUpdateCards/index.js +1 -0
  207. package/es/components/EmptyStates/EmptyState.js +33 -36
  208. package/es/components/EmptyStates/EmptyStateContent.js +19 -18
  209. package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +28 -26
  210. package/es/components/EmptyStates/ErrorEmptyState/index.js +1 -0
  211. package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +28 -26
  212. package/es/components/EmptyStates/NoDataEmptyState/index.js +1 -0
  213. package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +28 -26
  214. package/es/components/EmptyStates/NoTagsEmptyState/index.js +1 -0
  215. package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +28 -26
  216. package/es/components/EmptyStates/NotFoundEmptyState/index.js +1 -0
  217. package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +28 -26
  218. package/es/components/EmptyStates/NotificationsEmptyState/index.js +1 -0
  219. package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +28 -26
  220. package/es/components/EmptyStates/UnauthorizedEmptyState/index.js +1 -0
  221. package/es/components/EmptyStates/assets/ErrorIllustration.js +7 -6
  222. package/es/components/EmptyStates/assets/NoDataIllustration.js +7 -6
  223. package/es/components/EmptyStates/assets/NoTagsIllustration.js +7 -6
  224. package/es/components/EmptyStates/assets/NotFoundIllustration.js +7 -6
  225. package/es/components/EmptyStates/assets/NotificationsIllustration.js +7 -6
  226. package/es/components/EmptyStates/assets/UnauthorizedIllustration.js +7 -6
  227. package/es/components/EmptyStates/index.js +1 -0
  228. package/es/components/ExampleComponent/ExampleComponent.js +44 -57
  229. package/es/components/ExampleComponent/ExampleDeprecatedComponent.js +7 -3
  230. package/es/components/ExampleComponent/index.js +1 -0
  231. package/es/components/ExampleComponent/useExample.js +12 -14
  232. package/es/components/ExportModal/ExportModal.js +41 -80
  233. package/es/components/ExportModal/index.js +1 -0
  234. package/es/components/ExpressiveCard/ExpressiveCard.js +3 -20
  235. package/es/components/ExpressiveCard/index.js +1 -0
  236. package/es/components/FilterSummary/FilterSummary.js +8 -8
  237. package/es/components/HTTPErrors/HTTPError403/HTTPError403.js +16 -18
  238. package/es/components/HTTPErrors/HTTPError403/index.js +1 -0
  239. package/es/components/HTTPErrors/HTTPError404/HTTPError404.js +16 -18
  240. package/es/components/HTTPErrors/HTTPError404/index.js +1 -0
  241. package/es/components/HTTPErrors/HTTPErrorContent.js +15 -18
  242. package/es/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +16 -18
  243. package/es/components/HTTPErrors/HTTPErrorOther/index.js +1 -0
  244. package/es/components/HTTPErrors/assets/HTTPErrorSvg403.js +6 -3
  245. package/es/components/HTTPErrors/assets/HTTPErrorSvg404.js +6 -3
  246. package/es/components/HTTPErrors/assets/HTTPErrorSvgOther.js +6 -3
  247. package/es/components/HTTPErrors/index.js +1 -0
  248. package/es/components/ImportModal/ImportModal.js +82 -137
  249. package/es/components/ImportModal/index.js +1 -0
  250. package/es/components/MultiAddSelect/MultiAddSelect.js +1 -23
  251. package/es/components/MultiAddSelect/index.js +1 -0
  252. package/es/components/NotificationsPanel/NotificationsPanel.js +85 -126
  253. package/es/components/NotificationsPanel/NotificationsPanel_data.js +1 -0
  254. package/es/components/NotificationsPanel/index.js +1 -0
  255. package/es/components/NotificationsPanel/preview-components/UnreadNotificationBell.js +1 -2
  256. package/es/components/NotificationsPanel/utils.js +13 -19
  257. package/es/components/OptionsTile/OptionsTile.js +60 -89
  258. package/es/components/OptionsTile/index.js +1 -0
  259. package/es/components/PageHeader/PageHeader.js +119 -187
  260. package/es/components/PageHeader/PageHeaderDemo.data.js +0 -1
  261. package/es/components/PageHeader/PageHeaderTitle.js +18 -23
  262. package/es/components/PageHeader/PageHeaderUtils.js +18 -45
  263. package/es/components/PageHeader/index.js +1 -0
  264. package/es/components/ProductiveCard/ProductiveCard.js +7 -24
  265. package/es/components/ProductiveCard/index.js +1 -0
  266. package/es/components/RemoveModal/RemoveModal.js +26 -49
  267. package/es/components/RemoveModal/index.js +1 -0
  268. package/es/components/Saving/Saving.js +15 -30
  269. package/es/components/Saving/index.js +1 -0
  270. package/es/components/SidePanel/SidePanel.js +105 -151
  271. package/es/components/SidePanel/constants.js +1 -0
  272. package/es/components/SidePanel/index.js +1 -0
  273. package/es/components/SidePanel/motion/variants.js +1 -0
  274. package/es/components/SingleAddSelect/SingleAddSelect.js +1 -14
  275. package/es/components/SingleAddSelect/index.js +1 -0
  276. package/es/components/StatusIcon/StatusIcon.js +5 -12
  277. package/es/components/StatusIcon/index.js +1 -0
  278. package/es/components/TagSet/TagSet.js +57 -90
  279. package/es/components/TagSet/TagSetModal.js +19 -30
  280. package/es/components/TagSet/TagSetOverflow.js +14 -23
  281. package/es/components/TagSet/constants.js +1 -0
  282. package/es/components/TagSet/index.js +1 -0
  283. package/es/components/Tearsheet/Tearsheet.js +26 -35
  284. package/es/components/Tearsheet/TearsheetNarrow.js +22 -26
  285. package/es/components/Tearsheet/TearsheetShell.js +80 -91
  286. package/es/components/Tearsheet/index.js +1 -0
  287. package/es/components/Toolbar/Toolbar.js +13 -27
  288. package/es/components/Toolbar/ToolbarButton.js +8 -14
  289. package/es/components/Toolbar/ToolbarGroup.js +4 -6
  290. package/es/components/Toolbar/index.js +1 -0
  291. package/es/components/UserProfileImage/UserProfileImage.js +26 -40
  292. package/es/components/UserProfileImage/index.js +2 -0
  293. package/es/components/WebTerminal/WebTerminal.js +44 -54
  294. package/es/components/WebTerminal/WebTerminalContentWrapper.js +14 -11
  295. package/es/components/WebTerminal/hooks/index.js +8 -7
  296. package/es/components/WebTerminal/index.js +1 -0
  297. package/es/components/WebTerminal/preview-components/Navigation.js +2 -4
  298. package/es/components/WebTerminal/preview-components/documentationLinks.js +1 -0
  299. package/es/components/_Canary/Canary.js +13 -13
  300. package/es/components/_Canary/index.js +1 -0
  301. package/es/components/index.js +1 -0
  302. package/es/global/js/hooks/index.js +1 -0
  303. package/es/global/js/hooks/useActiveElement.js +4 -6
  304. package/es/global/js/hooks/useClickOutside.js +1 -1
  305. package/es/global/js/hooks/useControllableState.js +14 -23
  306. package/es/global/js/hooks/useCreateComponentFocus.js +16 -22
  307. package/es/global/js/hooks/useCreateComponentStepChange.js +94 -131
  308. package/es/global/js/hooks/usePreviousValue.js +2 -1
  309. package/es/global/js/hooks/useResetCreateComponent.js +11 -10
  310. package/es/global/js/hooks/useResizeObserver.js +14 -19
  311. package/es/global/js/hooks/useRetrieveStepData.js +7 -10
  312. package/es/global/js/hooks/useValidCreateStepCount.js +2 -1
  313. package/es/global/js/hooks/useWindowResize.js +8 -16
  314. package/es/global/js/hooks/useWindowScroll.js +4 -15
  315. package/es/global/js/package-settings.js +5 -14
  316. package/es/global/js/utils/ClickListener.js +5 -10
  317. package/es/global/js/utils/DisplayBox.js +3 -2
  318. package/es/global/js/utils/Wrap.js +14 -17
  319. package/es/global/js/utils/deepCloneObject.js +5 -8
  320. package/es/global/js/utils/devtools.js +1 -4
  321. package/es/global/js/utils/getBezierValues.js +1 -2
  322. package/es/global/js/utils/getFocusableElements.js +1 -1
  323. package/es/global/js/utils/getNumberOfHiddenSteps.js +1 -1
  324. package/es/global/js/utils/getScrollbarWidth.js +1 -0
  325. package/es/global/js/utils/keyboardNavigation.js +7 -5
  326. package/es/global/js/utils/lastIndexInArray.js +0 -2
  327. package/es/global/js/utils/motionConstants.js +2 -3
  328. package/es/global/js/utils/pconsole.js +1 -3
  329. package/es/global/js/utils/props-helper.js +19 -35
  330. package/es/global/js/utils/rangeWithCallback.js +1 -0
  331. package/es/global/js/utils/scrollableAncestor.js +6 -9
  332. package/es/global/js/utils/story-helper.js +31 -11
  333. package/es/global/js/utils/test-helper.js +39 -59
  334. package/es/global/js/utils/unwrap-if-fragment.js +9 -17
  335. package/es/global/js/utils/uuidv4.js +1 -2
  336. package/es/global/js/utils/uuidv4.spec.js +1 -1
  337. package/es/global/js/utils/wait.js +1 -1
  338. package/es/global/js/utils/wrapFocus.js +8 -14
  339. package/es/index.js +1 -0
  340. package/es/settings.js +22 -23
  341. package/lib/components/APIKeyModal/APIKeyDownloader.js +29 -54
  342. package/lib/components/APIKeyModal/APIKeyModal.js +106 -207
  343. package/lib/components/APIKeyModal/index.js +0 -1
  344. package/lib/components/AboutModal/AboutModal.js +48 -74
  345. package/lib/components/AboutModal/index.js +0 -1
  346. package/lib/components/ActionBar/ActionBar.js +66 -83
  347. package/lib/components/ActionBar/ActionBarItem.js +23 -29
  348. package/lib/components/ActionBar/ActionBarOverflowItems.js +10 -22
  349. package/lib/components/ActionBar/index.js +0 -2
  350. package/lib/components/ActionSet/ActionSet.js +37 -52
  351. package/lib/components/ActionSet/actions.js +1 -5
  352. package/lib/components/ActionSet/index.js +0 -1
  353. package/lib/components/AddSelect/AddSelect.js +8 -17
  354. package/lib/components/AddSelect/AddSelectBody.js +80 -129
  355. package/lib/components/AddSelect/AddSelectBreadcrumbs.js +3 -14
  356. package/lib/components/AddSelect/AddSelectColumn.js +37 -72
  357. package/lib/components/AddSelect/AddSelectFilter.js +27 -51
  358. package/lib/components/AddSelect/AddSelectFormControl.js +7 -27
  359. package/lib/components/AddSelect/AddSelectList.js +11 -22
  360. package/lib/components/AddSelect/AddSelectMetaPanel.js +4 -18
  361. package/lib/components/AddSelect/AddSelectRow.js +25 -55
  362. package/lib/components/AddSelect/AddSelectSidebar.js +20 -33
  363. package/lib/components/AddSelect/AddSelectSort.js +9 -19
  364. package/lib/components/AddSelect/add-select-utils.js +2 -33
  365. package/lib/components/AddSelect/hooks/useFocus.js +3 -10
  366. package/lib/components/AddSelect/hooks/useItemSort.js +7 -13
  367. package/lib/components/AddSelect/hooks/useParentSelect.js +4 -9
  368. package/lib/components/AddSelect/hooks/usePath.js +12 -24
  369. package/lib/components/AddSelect/index.js +0 -1
  370. package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +68 -103
  371. package/lib/components/BreadcrumbWithOverflow/index.js +0 -1
  372. package/lib/components/ButtonMenu/ButtonMenu.js +36 -38
  373. package/lib/components/ButtonMenu/ButtonMenuItem.js +9 -10
  374. package/lib/components/ButtonMenu/index.js +0 -2
  375. package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +39 -72
  376. package/lib/components/ButtonSetWithOverflow/index.js +0 -1
  377. package/lib/components/Card/Card.js +58 -85
  378. package/lib/components/Card/CardFooter.js +19 -28
  379. package/lib/components/Card/CardHeader.js +13 -23
  380. package/lib/components/Card/index.js +0 -3
  381. package/lib/components/Cascade/Cascade.js +10 -31
  382. package/lib/components/Cascade/index.js +0 -1
  383. package/lib/components/ComboButton/ComboButton.js +29 -49
  384. package/lib/components/ComboButton/ComboButtonItem/index.js +2 -10
  385. package/lib/components/ComboButton/index.js +0 -2
  386. package/lib/components/CreateFullPage/CreateFullPage.js +69 -105
  387. package/lib/components/CreateFullPage/CreateFullPageStep.js +33 -56
  388. package/lib/components/CreateFullPage/index.js +0 -2
  389. package/lib/components/CreateInfluencer/CreateInfluencer.js +13 -24
  390. package/lib/components/CreateInfluencer/index.js +0 -1
  391. package/lib/components/CreateModal/CreateModal.js +24 -39
  392. package/lib/components/CreateModal/index.js +0 -1
  393. package/lib/components/CreateSidePanel/CreateSidePanel.js +26 -46
  394. package/lib/components/CreateSidePanel/index.js +0 -1
  395. package/lib/components/CreateTearsheet/CreateTearsheet.js +71 -111
  396. package/lib/components/CreateTearsheet/CreateTearsheetDivider.js +9 -14
  397. package/lib/components/CreateTearsheet/CreateTearsheetStep.js +36 -58
  398. package/lib/components/CreateTearsheet/index.js +0 -3
  399. package/lib/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +53 -80
  400. package/lib/components/CreateTearsheet/preview-components/MultiStepWithIntro.js +41 -71
  401. package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +33 -47
  402. package/lib/components/CreateTearsheetNarrow/index.js +0 -1
  403. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +138 -254
  404. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +67 -136
  405. package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +30 -76
  406. package/lib/components/DataSpreadsheet/hooks/index.js +0 -7
  407. package/lib/components/DataSpreadsheet/hooks/useMoveActiveCell.js +4 -7
  408. package/lib/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +23 -48
  409. package/lib/components/DataSpreadsheet/hooks/useResetSpreadsheetFocus.js +5 -9
  410. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +18 -37
  411. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +7 -18
  412. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +39 -62
  413. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +8 -14
  414. package/lib/components/DataSpreadsheet/index.js +0 -1
  415. package/lib/components/DataSpreadsheet/utils/checkActiveHeaderCell.js +1 -9
  416. package/lib/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +3 -7
  417. package/lib/components/DataSpreadsheet/utils/createActiveCellFn.js +15 -23
  418. package/lib/components/DataSpreadsheet/utils/createCellSelectionArea.js +15 -22
  419. package/lib/components/DataSpreadsheet/utils/generateData.js +4 -16
  420. package/lib/components/DataSpreadsheet/utils/getCellSize.js +1 -8
  421. package/lib/components/DataSpreadsheet/utils/getSelectionAreaPoints.js +1 -2
  422. package/lib/components/DataSpreadsheet/utils/getSpreadsheetWidth.js +7 -12
  423. package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +25 -39
  424. package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionTab.js +20 -33
  425. package/lib/components/DataSpreadsheet/utils/handleCellDeletion.js +6 -12
  426. package/lib/components/DataSpreadsheet/utils/handleEditSubmit.js +16 -25
  427. package/lib/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +22 -50
  428. package/lib/components/DataSpreadsheet/utils/handleMultipleKeys.js +45 -85
  429. package/lib/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +6 -12
  430. package/lib/components/DataSpreadsheet/utils/removeCellSelections.js +4 -10
  431. package/lib/components/DataSpreadsheet/utils/selectAllCells.js +12 -17
  432. package/lib/components/Datagrid/Datagrid/Datagrid.js +18 -28
  433. package/lib/components/Datagrid/Datagrid/DatagridBody.js +5 -16
  434. package/lib/components/Datagrid/Datagrid/DatagridContent.js +38 -76
  435. package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +10 -18
  436. package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +4 -10
  437. package/lib/components/Datagrid/Datagrid/DatagridHead.js +6 -9
  438. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +2 -15
  439. package/lib/components/Datagrid/Datagrid/DatagridRefBody.js +12 -15
  440. package/lib/components/Datagrid/Datagrid/DatagridRow.js +14 -31
  441. package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +21 -36
  442. package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +33 -55
  443. package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +9 -15
  444. package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +27 -53
  445. package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +21 -39
  446. package/lib/components/Datagrid/Datagrid/DraggableElement.js +76 -99
  447. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +3 -13
  448. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +11 -21
  449. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +15 -38
  450. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +57 -83
  451. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +12 -27
  452. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +10 -19
  453. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js +1 -5
  454. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/index.js +0 -3
  455. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +61 -104
  456. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +73 -109
  457. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +9 -25
  458. package/lib/components/Datagrid/Datagrid/addons/Filtering/constants.js +4 -6
  459. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/index.js +0 -5
  460. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +46 -76
  461. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useInitialStateFromFilters.js +4 -12
  462. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +6 -15
  463. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useSubscribeToEventEmitter.js +1 -6
  464. package/lib/components/Datagrid/Datagrid/addons/Filtering/index.js +0 -4
  465. package/lib/components/Datagrid/Datagrid/addons/Filtering/motion/variants.js +0 -3
  466. package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js +8 -16
  467. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +11 -20
  468. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/index.js +0 -1
  469. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +62 -130
  470. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/index.js +0 -1
  471. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js +12 -33
  472. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/getCellIdAsObject.js +1 -3
  473. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/index.js +0 -1
  474. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +14 -19
  475. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridFocus.js +2 -5
  476. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +34 -71
  477. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +14 -27
  478. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +13 -27
  479. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +18 -38
  480. package/lib/components/Datagrid/Datagrid/addons/RowSize/index.js +0 -2
  481. package/lib/components/Datagrid/Datagrid/index.js +0 -1
  482. package/lib/components/Datagrid/Datagrid.stories/StickyActionsColumnStory.js +10 -0
  483. package/lib/components/Datagrid/Datagrid.stories/common.js +2 -17
  484. package/lib/components/Datagrid/Datagrid.stories/index.js +0 -5
  485. package/lib/components/Datagrid/common-column-ids.js +1 -1
  486. package/lib/components/Datagrid/index.js +0 -22
  487. package/lib/components/Datagrid/useActionsColumn.js +28 -46
  488. package/lib/components/Datagrid/useColumnCenterAlign.js +7 -15
  489. package/lib/components/Datagrid/useColumnOrder.js +0 -2
  490. package/lib/components/Datagrid/useColumnRightAlign.js +7 -15
  491. package/lib/components/Datagrid/useCustomizeColumns.js +12 -21
  492. package/lib/components/Datagrid/useDatagrid.js +7 -21
  493. package/lib/components/Datagrid/useDefaultStringRenderer.js +7 -16
  494. package/lib/components/Datagrid/useDisableSelectRows.js +2 -11
  495. package/lib/components/Datagrid/useEditableCell.js +1 -4
  496. package/lib/components/Datagrid/useExpandedRow.js +12 -21
  497. package/lib/components/Datagrid/useFiltering.js +16 -25
  498. package/lib/components/Datagrid/useFlexResize.js +0 -9
  499. package/lib/components/Datagrid/useFloatingScroll.js +10 -27
  500. package/lib/components/Datagrid/useInfiniteScroll.js +8 -22
  501. package/lib/components/Datagrid/useInlineEdit.js +2 -19
  502. package/lib/components/Datagrid/useNestedRowExpander.js +1 -14
  503. package/lib/components/Datagrid/useNestedRows.js +2 -15
  504. package/lib/components/Datagrid/useOnRowClick.js +4 -12
  505. package/lib/components/Datagrid/useParentDimensions.js +7 -18
  506. package/lib/components/Datagrid/useResizeTable.js +2 -8
  507. package/lib/components/Datagrid/useRowExpander.js +1 -12
  508. package/lib/components/Datagrid/useRowIsMouseOver.js +12 -20
  509. package/lib/components/Datagrid/useRowRenderer.js +1 -7
  510. package/lib/components/Datagrid/useRowSize.js +14 -25
  511. package/lib/components/Datagrid/useSelectAllToggle.js +15 -38
  512. package/lib/components/Datagrid/useSelectRows.js +22 -51
  513. package/lib/components/Datagrid/useSkeletonRows.js +1 -8
  514. package/lib/components/Datagrid/useSortableColumns.js +8 -35
  515. package/lib/components/Datagrid/useStickyColumn.js +11 -45
  516. package/lib/components/Datagrid/utils/DatagridActions.js +19 -44
  517. package/lib/components/Datagrid/utils/DatagridPagination.js +5 -11
  518. package/lib/components/Datagrid/utils/Wrapper.js +1 -5
  519. package/lib/components/Datagrid/utils/getArgTypes.js +1 -1
  520. package/lib/components/Datagrid/utils/getAutoSizedColumnWidth.js +1 -6
  521. package/lib/components/Datagrid/utils/getInlineEditColumns.js +1 -9
  522. package/lib/components/Datagrid/utils/makeData.js +8 -28
  523. package/lib/components/EditFullPage/EditFullPage.js +30 -26
  524. package/lib/components/EditFullPage/index.js +0 -1
  525. package/lib/components/EditInPlace/EditInPlace.js +36 -89
  526. package/lib/components/EditInPlace/index.js +0 -1
  527. package/lib/components/EditSidePanel/EditSidePanel.js +40 -59
  528. package/lib/components/EditSidePanel/index.js +0 -1
  529. package/lib/components/EditTearsheet/EditTearsheet.js +39 -61
  530. package/lib/components/EditTearsheet/EditTearsheetForm.js +24 -39
  531. package/lib/components/EditTearsheet/index.js +0 -2
  532. package/lib/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js +37 -62
  533. package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js +30 -26
  534. package/lib/components/EditTearsheetNarrow/index.js +0 -1
  535. package/lib/components/EditUpdateCards/EditUpdateCards.js +35 -41
  536. package/lib/components/EditUpdateCards/index.js +0 -1
  537. package/lib/components/EmptyStates/EmptyState.js +36 -49
  538. package/lib/components/EmptyStates/EmptyStateContent.js +21 -27
  539. package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +31 -39
  540. package/lib/components/EmptyStates/ErrorEmptyState/index.js +0 -1
  541. package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +31 -39
  542. package/lib/components/EmptyStates/NoDataEmptyState/index.js +0 -1
  543. package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +31 -39
  544. package/lib/components/EmptyStates/NoTagsEmptyState/index.js +0 -1
  545. package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +31 -39
  546. package/lib/components/EmptyStates/NotFoundEmptyState/index.js +0 -1
  547. package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +31 -39
  548. package/lib/components/EmptyStates/NotificationsEmptyState/index.js +0 -1
  549. package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +31 -39
  550. package/lib/components/EmptyStates/UnauthorizedEmptyState/index.js +0 -1
  551. package/lib/components/EmptyStates/assets/ErrorIllustration.js +10 -13
  552. package/lib/components/EmptyStates/assets/NoDataIllustration.js +10 -13
  553. package/lib/components/EmptyStates/assets/NoTagsIllustration.js +10 -13
  554. package/lib/components/EmptyStates/assets/NotFoundIllustration.js +10 -13
  555. package/lib/components/EmptyStates/assets/NotificationsIllustration.js +10 -13
  556. package/lib/components/EmptyStates/assets/UnauthorizedIllustration.js +10 -13
  557. package/lib/components/EmptyStates/index.js +0 -7
  558. package/lib/components/ExampleComponent/ExampleComponent.js +46 -69
  559. package/lib/components/ExampleComponent/ExampleDeprecatedComponent.js +7 -9
  560. package/lib/components/ExampleComponent/index.js +0 -1
  561. package/lib/components/ExampleComponent/useExample.js +13 -18
  562. package/lib/components/ExportModal/ExportModal.js +46 -96
  563. package/lib/components/ExportModal/index.js +0 -1
  564. package/lib/components/ExpressiveCard/ExpressiveCard.js +3 -32
  565. package/lib/components/ExpressiveCard/index.js +0 -1
  566. package/lib/components/FilterSummary/FilterSummary.js +9 -18
  567. package/lib/components/FilterSummary/index.js +0 -2
  568. package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +19 -27
  569. package/lib/components/HTTPErrors/HTTPError403/index.js +0 -1
  570. package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +19 -27
  571. package/lib/components/HTTPErrors/HTTPError404/index.js +0 -1
  572. package/lib/components/HTTPErrors/HTTPErrorContent.js +17 -24
  573. package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +19 -27
  574. package/lib/components/HTTPErrors/HTTPErrorOther/index.js +0 -1
  575. package/lib/components/HTTPErrors/assets/HTTPErrorSvg403.js +6 -7
  576. package/lib/components/HTTPErrors/assets/HTTPErrorSvg404.js +6 -7
  577. package/lib/components/HTTPErrors/assets/HTTPErrorSvgOther.js +6 -7
  578. package/lib/components/HTTPErrors/index.js +0 -3
  579. package/lib/components/ImportModal/ImportModal.js +87 -155
  580. package/lib/components/ImportModal/index.js +0 -1
  581. package/lib/components/MultiAddSelect/MultiAddSelect.js +1 -34
  582. package/lib/components/MultiAddSelect/index.js +0 -1
  583. package/lib/components/NotificationsPanel/NotificationsPanel.js +87 -143
  584. package/lib/components/NotificationsPanel/NotificationsPanel_data.js +1 -4
  585. package/lib/components/NotificationsPanel/index.js +0 -1
  586. package/lib/components/NotificationsPanel/preview-components/UnreadNotificationBell.js +1 -4
  587. package/lib/components/NotificationsPanel/utils.js +13 -21
  588. package/lib/components/OptionsTile/OptionsTile.js +62 -106
  589. package/lib/components/OptionsTile/index.js +0 -1
  590. package/lib/components/PageHeader/PageHeader.js +122 -214
  591. package/lib/components/PageHeader/PageHeaderDemo.data.js +0 -3
  592. package/lib/components/PageHeader/PageHeaderTitle.js +17 -35
  593. package/lib/components/PageHeader/PageHeaderUtils.js +23 -59
  594. package/lib/components/PageHeader/index.js +0 -1
  595. package/lib/components/ProductiveCard/ProductiveCard.js +12 -38
  596. package/lib/components/ProductiveCard/index.js +0 -1
  597. package/lib/components/RemoveModal/RemoveModal.js +31 -66
  598. package/lib/components/RemoveModal/index.js +0 -1
  599. package/lib/components/Saving/Saving.js +20 -44
  600. package/lib/components/Saving/index.js +0 -1
  601. package/lib/components/SidePanel/SidePanel.js +109 -174
  602. package/lib/components/SidePanel/constants.js +1 -1
  603. package/lib/components/SidePanel/index.js +0 -1
  604. package/lib/components/SidePanel/motion/variants.js +1 -2
  605. package/lib/components/SingleAddSelect/SingleAddSelect.js +1 -26
  606. package/lib/components/SingleAddSelect/index.js +0 -1
  607. package/lib/components/StatusIcon/StatusIcon.js +11 -25
  608. package/lib/components/StatusIcon/index.js +0 -1
  609. package/lib/components/TagSet/TagSet.js +61 -110
  610. package/lib/components/TagSet/TagSetModal.js +23 -46
  611. package/lib/components/TagSet/TagSetOverflow.js +19 -42
  612. package/lib/components/TagSet/constants.js +1 -0
  613. package/lib/components/TagSet/index.js +0 -1
  614. package/lib/components/Tearsheet/Tearsheet.js +29 -44
  615. package/lib/components/Tearsheet/TearsheetNarrow.js +25 -35
  616. package/lib/components/Tearsheet/TearsheetShell.js +82 -113
  617. package/lib/components/Tearsheet/index.js +0 -2
  618. package/lib/components/Toolbar/Toolbar.js +18 -41
  619. package/lib/components/Toolbar/ToolbarButton.js +13 -27
  620. package/lib/components/Toolbar/ToolbarGroup.js +8 -16
  621. package/lib/components/Toolbar/index.js +0 -3
  622. package/lib/components/UserProfileImage/UserProfileImage.js +28 -48
  623. package/lib/components/UserProfileImage/index.js +0 -1
  624. package/lib/components/WebTerminal/WebTerminal.js +46 -70
  625. package/lib/components/WebTerminal/WebTerminalContentWrapper.js +17 -20
  626. package/lib/components/WebTerminal/hooks/index.js +8 -19
  627. package/lib/components/WebTerminal/index.js +0 -3
  628. package/lib/components/WebTerminal/preview-components/Navigation.js +2 -9
  629. package/lib/components/WebTerminal/preview-components/documentationLinks.js +1 -0
  630. package/lib/components/WebTerminal/preview-components/index.js +0 -2
  631. package/lib/components/_Canary/Canary.js +14 -17
  632. package/lib/components/_Canary/index.js +0 -1
  633. package/lib/components/index.js +0 -37
  634. package/lib/global/js/hooks/index.js +0 -11
  635. package/lib/global/js/hooks/useActiveElement.js +4 -10
  636. package/lib/global/js/hooks/useClickOutside.js +1 -4
  637. package/lib/global/js/hooks/useControllableState.js +12 -26
  638. package/lib/global/js/hooks/useCreateComponentFocus.js +14 -27
  639. package/lib/global/js/hooks/useCreateComponentStepChange.js +94 -136
  640. package/lib/global/js/hooks/usePreviousValue.js +0 -3
  641. package/lib/global/js/hooks/useResetCreateComponent.js +9 -13
  642. package/lib/global/js/hooks/useResizeObserver.js +15 -23
  643. package/lib/global/js/hooks/useRetrieveStepData.js +5 -12
  644. package/lib/global/js/hooks/useValidCreateStepCount.js +0 -3
  645. package/lib/global/js/hooks/useWindowResize.js +14 -22
  646. package/lib/global/js/hooks/useWindowScroll.js +5 -20
  647. package/lib/global/js/package-settings.js +10 -18
  648. package/lib/global/js/utils/ClickListener.js +3 -16
  649. package/lib/global/js/utils/DisplayBox.js +3 -9
  650. package/lib/global/js/utils/Wrap.js +16 -22
  651. package/lib/global/js/utils/deepCloneObject.js +5 -11
  652. package/lib/global/js/utils/devtools.js +1 -6
  653. package/lib/global/js/utils/getBezierValues.js +1 -5
  654. package/lib/global/js/utils/getFocusableElements.js +1 -4
  655. package/lib/global/js/utils/getNumberOfHiddenSteps.js +1 -3
  656. package/lib/global/js/utils/getScrollbarWidth.js +1 -2
  657. package/lib/global/js/utils/keyboardNavigation.js +7 -6
  658. package/lib/global/js/utils/lastIndexInArray.js +0 -4
  659. package/lib/global/js/utils/motionConstants.js +1 -5
  660. package/lib/global/js/utils/pconsole.js +1 -7
  661. package/lib/global/js/utils/props-helper.js +21 -58
  662. package/lib/global/js/utils/rangeWithCallback.js +1 -2
  663. package/lib/global/js/utils/scrollableAncestor.js +6 -13
  664. package/lib/global/js/utils/story-helper.js +31 -26
  665. package/lib/global/js/utils/test-helper.js +39 -87
  666. package/lib/global/js/utils/unwrap-if-fragment.js +8 -20
  667. package/lib/global/js/utils/uuidv4.js +1 -3
  668. package/lib/global/js/utils/uuidv4.spec.js +1 -3
  669. package/lib/global/js/utils/wait.js +1 -2
  670. package/lib/global/js/utils/wrapFocus.js +6 -16
  671. package/lib/index.js +0 -3
  672. package/lib/settings.js +22 -33
  673. package/package.json +25 -24
  674. package/scss/components/AboutModal/_about-modal.scss +3 -18
  675. package/scss/components/AboutModal/_storybook-styles.scss +10 -3
  676. package/scss/components/ActionSet/_action-set.scss +15 -5
  677. package/scss/components/AddSelect/_add-select.scss +21 -30
  678. package/scss/components/Datagrid/_storybook-styles.scss +1 -1
  679. package/scss/components/Datagrid/styles/_datagrid.scss +6 -6
  680. package/scss/components/Datagrid/styles/_useInlineEdit.scss +12 -4
  681. package/scss/components/EditTearsheet/_edit-tearsheet.scss +6 -4
  682. package/scss/components/EmptyStates/_empty-state.scss +20 -0
  683. package/scss/components/PageHeader/_page-header.scss +6 -2
  684. package/scss/components/SidePanel/_side-panel.scss +1 -4
  685. package/scss/components/TagSet/_tag-set.scss +1 -1
@@ -1,144 +1,120 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  var _typeof = require("@babel/runtime/helpers/typeof");
6
-
7
5
  Object.defineProperty(exports, "__esModule", {
8
6
  value: true
9
7
  });
10
8
  exports.StepsContext = exports.StepNumberContext = exports.CreateFullPage = void 0;
11
-
12
9
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
-
14
10
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
15
-
16
11
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
17
-
18
12
  var _react = _interopRequireWildcard(require("react"));
19
-
20
13
  var _propTypes = _interopRequireDefault(require("prop-types"));
21
-
22
14
  var _classnames = _interopRequireDefault(require("classnames"));
23
-
24
15
  var _devtools = require("../../global/js/utils/devtools");
25
-
26
16
  var _settings = require("../../settings");
27
-
28
17
  var _react2 = require("@carbon/react");
29
-
30
18
  var _CreateInfluencer = require("../CreateInfluencer");
31
-
32
19
  var _ActionSet = require("../ActionSet");
33
-
34
20
  var _hooks = require("../../global/js/hooks");
35
-
36
21
  var _lastIndexInArray = require("../../global/js/utils/lastIndexInArray");
37
-
38
22
  var _excluded = ["backButtonText", "cancelButtonText", "children", "className", "modalDangerButtonText", "modalDescription", "modalSecondaryButtonText", "modalTitle", "nextButtonText", "onClose", "onRequestSubmit", "firstFocusElement", "submitButtonText"];
39
-
23
+ /**
24
+ * Copyright IBM Corp. 2021, 2023
25
+ *
26
+ * This source code is licensed under the Apache-2.0 license found in the
27
+ * LICENSE file in the root directory of this source tree.
28
+ */
29
+ // Import portions of React that are needed.
30
+ // Other standard imports.
31
+ // Carbon and package components we use.
40
32
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
41
-
42
33
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
43
-
44
34
  var blockClass = "".concat(_settings.pkg.prefix, "--create-full-page");
45
- var componentName = 'CreateFullPage'; // This is a general context for the steps container
35
+ var componentName = 'CreateFullPage';
36
+
37
+ // This is a general context for the steps container
46
38
  // containing information about the state of the container
47
39
  // and providing some callback methods for steps to use
40
+ var StepsContext = /*#__PURE__*/(0, _react.createContext)(null);
48
41
 
49
- var StepsContext = /*#__PURE__*/(0, _react.createContext)(null); // This is a context supplied separately to each step in the container
42
+ // This is a context supplied separately to each step in the container
50
43
  // to let it know what number it is in the sequence of steps
51
-
52
44
  exports.StepsContext = StepsContext;
53
45
  var StepNumberContext = /*#__PURE__*/(0, _react.createContext)(-1);
54
46
  exports.StepNumberContext = StepNumberContext;
55
-
56
47
  var CreateFullPage = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
57
48
  var backButtonText = _ref.backButtonText,
58
- cancelButtonText = _ref.cancelButtonText,
59
- children = _ref.children,
60
- className = _ref.className,
61
- modalDangerButtonText = _ref.modalDangerButtonText,
62
- modalDescription = _ref.modalDescription,
63
- modalSecondaryButtonText = _ref.modalSecondaryButtonText,
64
- modalTitle = _ref.modalTitle,
65
- nextButtonText = _ref.nextButtonText,
66
- onClose = _ref.onClose,
67
- onRequestSubmit = _ref.onRequestSubmit,
68
- firstFocusElement = _ref.firstFocusElement,
69
- submitButtonText = _ref.submitButtonText,
70
- rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
71
-
49
+ cancelButtonText = _ref.cancelButtonText,
50
+ children = _ref.children,
51
+ className = _ref.className,
52
+ modalDangerButtonText = _ref.modalDangerButtonText,
53
+ modalDescription = _ref.modalDescription,
54
+ modalSecondaryButtonText = _ref.modalSecondaryButtonText,
55
+ modalTitle = _ref.modalTitle,
56
+ nextButtonText = _ref.nextButtonText,
57
+ onClose = _ref.onClose,
58
+ onRequestSubmit = _ref.onRequestSubmit,
59
+ firstFocusElement = _ref.firstFocusElement,
60
+ submitButtonText = _ref.submitButtonText,
61
+ rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
72
62
  var _useState = (0, _react.useState)([]),
73
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
74
- createFullPageActions = _useState2[0],
75
- setCreateFullPageActions = _useState2[1];
76
-
63
+ _useState2 = (0, _slicedToArray2.default)(_useState, 2),
64
+ createFullPageActions = _useState2[0],
65
+ setCreateFullPageActions = _useState2[1];
77
66
  var _useState3 = (0, _react.useState)(false),
78
- _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
79
- shouldViewAll = _useState4[0],
80
- setShouldViewAll = _useState4[1];
81
-
67
+ _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
68
+ shouldViewAll = _useState4[0],
69
+ setShouldViewAll = _useState4[1];
82
70
  var _useState5 = (0, _react.useState)(1),
83
- _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
84
- currentStep = _useState6[0],
85
- setCurrentStep = _useState6[1];
86
-
71
+ _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
72
+ currentStep = _useState6[0],
73
+ setCurrentStep = _useState6[1];
87
74
  var _useState7 = (0, _react.useState)(false),
88
- _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
89
- isSubmitting = _useState8[0],
90
- setIsSubmitting = _useState8[1];
91
-
75
+ _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
76
+ isSubmitting = _useState8[0],
77
+ setIsSubmitting = _useState8[1];
92
78
  var _useState9 = (0, _react.useState)(false),
93
- _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
94
- modalIsOpen = _useState10[0],
95
- setModalIsOpen = _useState10[1];
96
-
79
+ _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
80
+ modalIsOpen = _useState10[0],
81
+ setModalIsOpen = _useState10[1];
97
82
  var previousState = (0, _hooks.usePreviousValue)({
98
83
  currentStep: currentStep,
99
84
  open: open
100
85
  });
101
-
102
86
  var _useState11 = (0, _react.useState)(false),
103
- _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
104
- isDisabled = _useState12[0],
105
- setIsDisabled = _useState12[1];
106
-
87
+ _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
88
+ isDisabled = _useState12[0],
89
+ setIsDisabled = _useState12[1];
107
90
  var _useState13 = (0, _react.useState)(),
108
- _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
109
- onNext = _useState14[0],
110
- _setOnNext = _useState14[1];
111
-
91
+ _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
92
+ onNext = _useState14[0],
93
+ _setOnNext = _useState14[1];
112
94
  var _useState15 = (0, _react.useState)(),
113
- _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
114
- onMount = _useState16[0],
115
- _setOnMount = _useState16[1];
116
-
95
+ _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
96
+ onMount = _useState16[0],
97
+ _setOnMount = _useState16[1];
117
98
  var _useState17 = (0, _react.useState)([]),
118
- _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
119
- stepData = _useState18[0],
120
- setStepData = _useState18[1];
121
-
99
+ _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
100
+ stepData = _useState18[0],
101
+ setStepData = _useState18[1];
122
102
  var _useState19 = (0, _react.useState)(1),
123
- _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
124
- firstIncludedStep = _useState20[0],
125
- setFirstIncludedStep = _useState20[1];
126
-
103
+ _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
104
+ firstIncludedStep = _useState20[0],
105
+ setFirstIncludedStep = _useState20[1];
127
106
  var _useState21 = (0, _react.useState)(null),
128
- _useState22 = (0, _slicedToArray2.default)(_useState21, 2),
129
- lastIncludedStep = _useState22[0],
130
- setLastIncludedStep = _useState22[1];
131
-
107
+ _useState22 = (0, _slicedToArray2.default)(_useState21, 2),
108
+ lastIncludedStep = _useState22[0],
109
+ setLastIncludedStep = _useState22[1];
132
110
  (0, _react.useEffect)(function () {
133
111
  var firstItem = stepData.findIndex(function (item) {
134
112
  return item === null || item === void 0 ? void 0 : item.shouldIncludeStep;
135
113
  }) + 1;
136
114
  var lastItem = (0, _lastIndexInArray.lastIndexInArray)(stepData, 'shouldIncludeStep', true);
137
-
138
115
  if (firstItem !== firstIncludedStep) {
139
116
  setFirstIncludedStep(firstItem);
140
117
  }
141
-
142
118
  if (lastItem !== lastIncludedStep) {
143
119
  setLastIncludedStep(lastItem);
144
120
  }
@@ -173,10 +149,10 @@ var CreateFullPage = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref)
173
149
  componentBlockClass: blockClass,
174
150
  setCreateComponentActions: setCreateFullPageActions,
175
151
  setModalIsOpen: setModalIsOpen
176
- }); // currently, we are not supporting the use of 'view all' toggle state
152
+ });
177
153
 
154
+ // currently, we are not supporting the use of 'view all' toggle state
178
155
  /* istanbul ignore next */
179
-
180
156
  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
181
157
  ref: ref,
182
158
  className: (0, _classnames.default)(blockClass, className)
@@ -241,92 +217,80 @@ var CreateFullPage = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref)
241
217
  kind: "danger",
242
218
  onClick: onClose
243
219
  }, modalDangerButtonText))));
244
- }); // Return a placeholder if not released and not enabled by feature flag.
245
-
220
+ });
246
221
 
222
+ // Return a placeholder if not released and not enabled by feature flag.
247
223
  exports.CreateFullPage = CreateFullPage;
248
- exports.CreateFullPage = CreateFullPage = _settings.pkg.checkComponentEnabled(CreateFullPage, componentName); // The display name of the component, used by React. Note that displayName
224
+ exports.CreateFullPage = CreateFullPage = _settings.pkg.checkComponentEnabled(CreateFullPage, componentName);
225
+
226
+ // The display name of the component, used by React. Note that displayName
249
227
  // is used in preference to relying on function.name.
228
+ CreateFullPage.displayName = componentName;
250
229
 
251
- CreateFullPage.displayName = componentName; // The types and DocGen commentary for the component props,
230
+ // The types and DocGen commentary for the component props,
252
231
  // in alphabetical order (for consistency).
253
232
  // See https://www.npmjs.com/package/prop-types#usage.
254
-
255
233
  CreateFullPage.propTypes = {
256
234
  /**
257
235
  * The back button text
258
236
  */
259
237
  backButtonText: _propTypes.default.string.isRequired,
260
-
261
238
  /**
262
239
  * The cancel button text
263
240
  */
264
241
  cancelButtonText: _propTypes.default.string.isRequired,
265
-
266
242
  /**
267
243
  * The main content of the full page
268
244
  */
269
245
  children: _propTypes.default.node,
270
-
271
246
  /**
272
247
  * Provide an optional class to be applied to the containing node.
273
248
  */
274
249
  className: _propTypes.default.string,
275
-
276
250
  /**
277
251
  * Specifies elements to focus on first on render.
278
252
  */
279
253
  firstFocusElement: _propTypes.default.string,
280
-
281
254
  /**
282
255
  * The primary 'danger' button text in the modal
283
256
  */
284
257
  modalDangerButtonText: _propTypes.default.string.isRequired,
285
-
286
258
  /**
287
259
  * The description located below the title in the modal
288
260
  */
289
261
  modalDescription: _propTypes.default.string,
290
-
291
262
  /**
292
263
  * The secondary button text in the modal
293
264
  */
294
265
  modalSecondaryButtonText: _propTypes.default.string.isRequired,
295
-
296
266
  /**
297
267
  * The title located in the header of the modal
298
268
  */
299
269
  modalTitle: _propTypes.default.string.isRequired,
300
-
301
270
  /**
302
271
  * The next button text
303
272
  */
304
273
  nextButtonText: _propTypes.default.string.isRequired,
305
-
306
274
  /**
307
275
  * An optional handler that is called when the user closes the full page (by
308
276
  * clicking the secondary button, located in the modal, which triggers after
309
277
  * clicking the ghost button in the modal
310
278
  */
311
279
  onClose: _propTypes.default.func,
312
-
313
280
  /**
314
281
  * Specify a handler for submitting the multi step full page (final step).
315
282
  * This function can _optionally_ return a promise that is either resolved or rejected and the CreateFullPage will handle the submitting state of the create button.
316
283
  */
317
284
  onRequestSubmit: _propTypes.default.func.isRequired,
318
-
319
285
  /**
320
286
  * @ignore
321
287
  * The aria label to be used for the UI Shell SideNav Carbon component
322
288
  */
323
289
  sideNavAriaLabel: _propTypes.default.string,
324
-
325
290
  /**
326
291
  * The submit button text
327
292
  */
328
293
  submitButtonText: _propTypes.default.string.isRequired,
329
-
330
294
  /**
331
295
  * The main title of the full page, displayed in the header area.
332
296
  */
@@ -1,76 +1,62 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  var _typeof = require("@babel/runtime/helpers/typeof");
6
-
7
5
  Object.defineProperty(exports, "__esModule", {
8
6
  value: true
9
7
  });
10
8
  exports.CreateFullPageStep = void 0;
11
-
12
9
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
-
14
10
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
15
-
16
11
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
17
-
18
12
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
19
-
20
13
  var _react = _interopRequireWildcard(require("react"));
21
-
22
14
  var _propTypes = _interopRequireDefault(require("prop-types"));
23
-
24
15
  var _classnames = _interopRequireDefault(require("classnames"));
25
-
26
16
  var _settings = require("../../settings");
27
-
28
17
  var _react2 = require("@carbon/react");
29
-
30
18
  var _CreateFullPage = require("./CreateFullPage");
31
-
32
19
  var _hooks = require("../../global/js/hooks");
33
-
34
20
  var _pconsole = _interopRequireDefault(require("../../global/js/utils/pconsole"));
35
-
36
21
  var _excluded = ["children", "className", "subtitle", "description", "disableSubmit", "includeStep", "introStep", "title", "hasFieldset", "fieldsetLegendText", "onNext", "onMount", "secondaryLabel"];
37
-
22
+ /**
23
+ * Copyright IBM Corp. 2021, 2023
24
+ *
25
+ * This source code is licensed under the Apache-2.0 license found in the
26
+ * LICENSE file in the root directory of this source tree.
27
+ */
38
28
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
39
-
40
29
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
41
-
42
30
  var componentName = 'CreateFullPageStep';
43
- var blockClass = "".concat(_settings.pkg.prefix, "--create-full-page__step"); // Default values for props
31
+ var blockClass = "".concat(_settings.pkg.prefix, "--create-full-page__step");
44
32
 
33
+ // Default values for props
45
34
  var defaults = {
46
35
  includeStep: true
47
36
  };
48
37
  var CreateFullPageStep = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
49
38
  var _cx;
50
-
51
39
  var children = _ref.children,
52
- className = _ref.className,
53
- subtitle = _ref.subtitle,
54
- description = _ref.description,
55
- disableSubmit = _ref.disableSubmit,
56
- _ref$includeStep = _ref.includeStep,
57
- includeStep = _ref$includeStep === void 0 ? defaults.includeStep : _ref$includeStep,
58
- introStep = _ref.introStep,
59
- title = _ref.title,
60
- hasFieldset = _ref.hasFieldset,
61
- fieldsetLegendText = _ref.fieldsetLegendText,
62
- onNext = _ref.onNext,
63
- onMount = _ref.onMount,
64
- secondaryLabel = _ref.secondaryLabel,
65
- rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
40
+ className = _ref.className,
41
+ subtitle = _ref.subtitle,
42
+ description = _ref.description,
43
+ disableSubmit = _ref.disableSubmit,
44
+ _ref$includeStep = _ref.includeStep,
45
+ includeStep = _ref$includeStep === void 0 ? defaults.includeStep : _ref$includeStep,
46
+ introStep = _ref.introStep,
47
+ title = _ref.title,
48
+ hasFieldset = _ref.hasFieldset,
49
+ fieldsetLegendText = _ref.fieldsetLegendText,
50
+ onNext = _ref.onNext,
51
+ onMount = _ref.onMount,
52
+ secondaryLabel = _ref.secondaryLabel,
53
+ rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
66
54
  var stepsContext = (0, _react.useContext)(_CreateFullPage.StepsContext);
67
55
  var stepNumber = (0, _react.useContext)(_CreateFullPage.StepNumberContext);
68
-
69
56
  var _useState = (0, _react.useState)(),
70
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
71
- shouldIncludeStep = _useState2[0],
72
- setShouldIncludeStep = _useState2[1];
73
-
57
+ _useState2 = (0, _slicedToArray2.default)(_useState, 2),
58
+ shouldIncludeStep = _useState2[0],
59
+ setShouldIncludeStep = _useState2[1];
74
60
  var previousState = (0, _hooks.usePreviousValue)({
75
61
  currentStep: stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep
76
62
  });
@@ -81,9 +67,10 @@ var CreateFullPageStep = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
81
67
  shouldIncludeStep: shouldIncludeStep,
82
68
  secondaryLabel: secondaryLabel,
83
69
  title: title
84
- }); // This useEffect reports back the onMount value so that they can be used
85
- // in the appropriate custom hooks.
70
+ });
86
71
 
72
+ // This useEffect reports back the onMount value so that they can be used
73
+ // in the appropriate custom hooks.
87
74
  (0, _react.useEffect)(function () {
88
75
  if (stepNumber === (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep) && (previousState === null || previousState === void 0 ? void 0 : previousState.currentStep) !== (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep)) {
89
76
  stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.setOnMount(onMount);
@@ -91,9 +78,10 @@ var CreateFullPageStep = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
91
78
  }, [onMount, stepsContext, stepNumber, previousState === null || previousState === void 0 ? void 0 : previousState.currentStep]);
92
79
  (0, _react.useEffect)(function () {
93
80
  setShouldIncludeStep(includeStep);
94
- }, [includeStep, stepsContext, title]); // Whenever we are the current step, supply our disableSubmit and onNext values to the
95
- // steps container context so that it can manage the 'Next' button appropriately.
81
+ }, [includeStep, stepsContext, title]);
96
82
 
83
+ // Whenever we are the current step, supply our disableSubmit and onNext values to the
84
+ // steps container context so that it can manage the 'Next' button appropriately.
97
85
  (0, _react.useEffect)(function () {
98
86
  if (stepNumber === (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep)) {
99
87
  stepsContext.setIsDisabled(disableSubmit);
@@ -120,8 +108,9 @@ var CreateFullPageStep = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
120
108
  legendText: fieldsetLegendText,
121
109
  className: "".concat(blockClass, "-fieldset")
122
110
  }, children) : children) : _pconsole.default.warn("You have tried using a ".concat(componentName, " component outside of a CreateFullPage. This is not allowed. ").concat(componentName, "s should always be children of the CreateFullPage"));
123
- }); // Return a placeholder if not released and not enabled by feature flag
111
+ });
124
112
 
113
+ // Return a placeholder if not released and not enabled by feature flag
125
114
  exports.CreateFullPageStep = CreateFullPageStep;
126
115
  exports.CreateFullPageStep = CreateFullPageStep = _settings.pkg.checkComponentEnabled(CreateFullPageStep, componentName);
127
116
  CreateFullPageStep.propTypes = {
@@ -129,22 +118,18 @@ CreateFullPageStep.propTypes = {
129
118
  * Content that shows in the CreateFullPage step
130
119
  */
131
120
  children: _propTypes.default.node,
132
-
133
121
  /**
134
122
  * Sets an optional className to be added to the CreateFullPage step
135
123
  */
136
124
  className: _propTypes.default.string,
137
-
138
125
  /**
139
126
  * Sets an optional description on the progress step component
140
127
  */
141
128
  description: _propTypes.default.string,
142
-
143
129
  /**
144
130
  * This will conditionally disable the submit button in the multi step CreateFullPage
145
131
  */
146
132
  disableSubmit: _propTypes.default.bool,
147
-
148
133
  /**
149
134
  * This is the legend text that appears above a fieldset html element for accessibility purposes. It is required when the optional `hasFieldset` prop is provided to a FullPageStep.
150
135
  */
@@ -152,46 +137,38 @@ CreateFullPageStep.propTypes = {
152
137
  var hasFieldset = _ref2.hasFieldset;
153
138
  return hasFieldset === true;
154
139
  }),
155
-
156
140
  /**
157
141
  * This optional prop will render your form content inside of a fieldset html element
158
142
  */
159
143
  hasFieldset: _propTypes.default.bool,
160
-
161
144
  /**
162
145
  * This prop is used to help track dynamic steps. If this value is `false` then the step is not included in the visible steps or the ProgressIndicator
163
146
  * steps. If this value is `true` then the step will be included in the list of visible steps, as well as being included in the ProgressIndicator step list
164
147
  */
165
148
  includeStep: _propTypes.default.bool,
166
-
167
149
  /**
168
150
  * This prop can be used on the first step to mark it as an intro step, which will not render the progress indicator steps
169
151
  */
170
152
  introStep: _propTypes.default.bool,
171
-
172
153
  /**
173
154
  * Optional function to be called on initial mount of a step.
174
155
  * For example, this can be used to fetch data that is required on a particular step.
175
156
  */
176
157
  onMount: _propTypes.default.func,
177
-
178
158
  /**
179
159
  * Optional function to be called on a step change.
180
160
  * For example, this can be used to validate input fields before proceeding to the next step.
181
161
  * This function can _optionally_ return a promise that is either resolved or rejected and the CreateFullPage will handle the submitting state of the next button.
182
162
  */
183
163
  onNext: _propTypes.default.func,
184
-
185
164
  /**
186
165
  * Sets the optional secondary label on the progress step component
187
166
  */
188
167
  secondaryLabel: _propTypes.default.string,
189
-
190
168
  /**
191
169
  * Sets an optional subtitle on the progress step component
192
170
  */
193
171
  subtitle: _propTypes.default.string,
194
-
195
172
  /**
196
173
  * Sets the title text for a create full page step
197
174
  */
@@ -15,7 +15,5 @@ Object.defineProperty(exports, "CreateFullPageStep", {
15
15
  return _CreateFullPageStep.CreateFullPageStep;
16
16
  }
17
17
  });
18
-
19
18
  var _CreateFullPage = require("./CreateFullPage");
20
-
21
19
  var _CreateFullPageStep = require("./CreateFullPageStep");
@@ -1,65 +1,56 @@
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.CreateInfluencer = void 0;
9
-
10
8
  var _react = _interopRequireDefault(require("react"));
11
-
12
9
  var _propTypes = _interopRequireDefault(require("prop-types"));
13
-
14
10
  var _classnames = _interopRequireDefault(require("classnames"));
15
-
16
11
  var _react2 = require("@carbon/react");
17
-
18
12
  require("../../global/js/utils/props-helper");
19
-
20
13
  var _settings = require("../../settings");
21
-
22
14
  /**
23
15
  * Copyright IBM Corp. 2021, 2022
24
16
  *
25
17
  * This source code is licensed under the Apache-2.0 license found in the
26
18
  * LICENSE file in the root directory of this source tree.
27
19
  */
20
+
28
21
  // Import portions of React that are needed.
22
+
29
23
  // The block part of our conventional BEM class names (blockClass__E--M).
30
24
  var blockClass = "".concat(_settings.pkg.prefix, "--create-influencer");
31
25
  var componentName = 'CreateInfluencer';
32
-
33
26
  var CreateInfluencer = function CreateInfluencer(_ref) {
34
27
  var className = _ref.className,
35
- currentStep = _ref.currentStep,
36
- stepData = _ref.stepData;
37
-
28
+ currentStep = _ref.currentStep,
29
+ stepData = _ref.stepData;
38
30
  var getNumberOfDynamicStepsBeforeCurrentStep = function getNumberOfDynamicStepsBeforeCurrentStep(array, key) {
39
31
  var dynamicSteps = [];
40
32
  array.forEach(function (item, index) {
41
33
  var _array$index;
42
-
43
34
  if (((_array$index = array[index]) === null || _array$index === void 0 ? void 0 : _array$index[key]) === false && index <= currentStep - 1) {
44
35
  dynamicSteps.push(item);
45
36
  }
46
37
  });
47
38
  return dynamicSteps.length;
48
- }; // renders the step progression components in the left influencer area
49
-
39
+ };
50
40
 
41
+ // renders the step progression components in the left influencer area
51
42
  var renderProgressSteps = function renderProgressSteps() {
52
43
  var _stepData$, _stepData$2;
53
-
54
44
  var extractedSteps = stepData === null || stepData === void 0 ? void 0 : stepData.filter(function (item) {
55
45
  return !(item !== null && item !== void 0 && item.introStep);
56
46
  });
57
47
  var progressSteps = extractedSteps === null || extractedSteps === void 0 ? void 0 : extractedSteps.filter(function (item) {
58
48
  return item === null || item === void 0 ? void 0 : item.shouldIncludeStep;
59
- }); // To get the ProgressIndicator's `currentIndex`, accounting for dynamic steps,
49
+ });
50
+
51
+ // To get the ProgressIndicator's `currentIndex`, accounting for dynamic steps,
60
52
  // we need to subtract the number of !shouldIncludeStep/s before the current step
61
53
  // which we get from `getNumberOfDynamicStepsBeforeCurrentStep()`
62
-
63
54
  var totalDynamicSteps = getNumberOfDynamicStepsBeforeCurrentStep(stepData, 'shouldIncludeStep') || 0;
64
55
  return /*#__PURE__*/_react.default.createElement("div", {
65
56
  className: "".concat(blockClass, "__left-nav")
@@ -67,6 +58,7 @@ var CreateInfluencer = function CreateInfluencer(_ref) {
67
58
  currentIndex: (_stepData$2 = stepData[0]) !== null && _stepData$2 !== void 0 && _stepData$2.introStep ? currentStep - totalDynamicSteps - 2 // minus 2 because we need to account for the intro step in addition to `currentIndex` being 0 index based and our steps being 1 index based
68
59
  : currentStep - totalDynamicSteps - 1 // minus 1 because ProgressIndicator currentIndex prop is 0 index based, but our steps are 1 index based
69
60
  ,
61
+
70
62
  spaceEqually: true,
71
63
  vertical: true,
72
64
  className: (0, _classnames.default)("".concat(blockClass, "__progress-indicator"))
@@ -78,14 +70,13 @@ var CreateInfluencer = function CreateInfluencer(_ref) {
78
70
  });
79
71
  })));
80
72
  };
81
-
82
73
  return /*#__PURE__*/_react.default.createElement("div", {
83
74
  className: (0, _classnames.default)(blockClass, className)
84
75
  }, renderProgressSteps());
85
- }; // The display name of the component, used by React. Note that displayName
86
- // is used in preference to relying on function.name.
87
-
76
+ };
88
77
 
78
+ // The display name of the component, used by React. Note that displayName
79
+ // is used in preference to relying on function.name.
89
80
  exports.CreateInfluencer = CreateInfluencer;
90
81
  CreateInfluencer.displayName = componentName;
91
82
  CreateInfluencer.propTypes = {
@@ -93,12 +84,10 @@ CreateInfluencer.propTypes = {
93
84
  * Provide an optional class to be applied to the containing node.
94
85
  */
95
86
  className: _propTypes.default.string,
96
-
97
87
  /**
98
88
  * Used to mark the current step on the ProgressIndicator component
99
89
  */
100
90
  currentStep: _propTypes.default.number.isRequired,
101
-
102
91
  /**
103
92
  * The step data that renders the progress items
104
93
  */
@@ -9,5 +9,4 @@ Object.defineProperty(exports, "CreateInfluencer", {
9
9
  return _CreateInfluencer.CreateInfluencer;
10
10
  }
11
11
  });
12
-
13
12
  var _CreateInfluencer = require("./CreateInfluencer");