@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,74 +1,60 @@
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.EditSidePanel = void 0;
9
-
10
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
-
12
9
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13
-
14
10
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
15
-
16
11
  var _react = _interopRequireDefault(require("react"));
17
-
18
12
  var _propTypes = _interopRequireDefault(require("prop-types"));
19
-
20
13
  var _classnames = _interopRequireDefault(require("classnames"));
21
-
22
14
  var _devtools = require("../../global/js/utils/devtools");
23
-
24
15
  var _settings = require("../../settings");
25
-
26
16
  var _carbonComponentsReact = require("carbon-components-react");
27
-
28
17
  var _SidePanel = require("../SidePanel");
29
-
30
18
  require("../../global/js/utils/props-helper");
31
-
32
19
  var _excluded = ["children", "className", "disableSubmit", "formTitle", "formDescription", "onRequestClose", "onRequestSubmit", "open", "placement", "primaryButtonText", "secondaryButtonText", "selectorPrimaryFocus", "selectorPageContent", "size", "slideIn", "subtitle", "title"];
33
-
34
20
  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; }
35
-
36
21
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
37
-
38
22
  // The block part of our conventional BEM class names (blockClass__E--M).
39
23
  var blockClass = "".concat(_settings.pkg.prefix, "--edit-side-panel");
40
- var componentName = 'EditSidePanel'; // NOTE: the component SCSS is not imported here: it is rolled up separately.
41
- // Default values for props
24
+ var componentName = 'EditSidePanel';
25
+
26
+ // NOTE: the component SCSS is not imported here: it is rolled up separately.
42
27
 
28
+ // Default values for props
43
29
  var defaults = {
44
30
  placement: 'right',
45
31
  size: 'md'
46
32
  };
33
+
47
34
  /**
48
35
  * TODO: A description of the component.
49
36
  */
50
-
51
37
  var EditSidePanel = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
52
38
  var children = _ref.children,
53
- className = _ref.className,
54
- disableSubmit = _ref.disableSubmit,
55
- formTitle = _ref.formTitle,
56
- formDescription = _ref.formDescription,
57
- onRequestClose = _ref.onRequestClose,
58
- onRequestSubmit = _ref.onRequestSubmit,
59
- open = _ref.open,
60
- _ref$placement = _ref.placement,
61
- placement = _ref$placement === void 0 ? defaults.placement : _ref$placement,
62
- primaryButtonText = _ref.primaryButtonText,
63
- secondaryButtonText = _ref.secondaryButtonText,
64
- selectorPrimaryFocus = _ref.selectorPrimaryFocus,
65
- selectorPageContent = _ref.selectorPageContent,
66
- _ref$size = _ref.size,
67
- size = _ref$size === void 0 ? defaults.size : _ref$size,
68
- slideIn = _ref.slideIn,
69
- subtitle = _ref.subtitle,
70
- title = _ref.title,
71
- rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
39
+ className = _ref.className,
40
+ disableSubmit = _ref.disableSubmit,
41
+ formTitle = _ref.formTitle,
42
+ formDescription = _ref.formDescription,
43
+ onRequestClose = _ref.onRequestClose,
44
+ onRequestSubmit = _ref.onRequestSubmit,
45
+ open = _ref.open,
46
+ _ref$placement = _ref.placement,
47
+ placement = _ref$placement === void 0 ? defaults.placement : _ref$placement,
48
+ primaryButtonText = _ref.primaryButtonText,
49
+ secondaryButtonText = _ref.secondaryButtonText,
50
+ selectorPrimaryFocus = _ref.selectorPrimaryFocus,
51
+ selectorPageContent = _ref.selectorPageContent,
52
+ _ref$size = _ref.size,
53
+ size = _ref$size === void 0 ? defaults.size : _ref$size,
54
+ slideIn = _ref.slideIn,
55
+ subtitle = _ref.subtitle,
56
+ title = _ref.title,
57
+ rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
72
58
  var actions = [{
73
59
  label: primaryButtonText,
74
60
  onClick: function onClick(event) {
@@ -106,76 +92,67 @@ var EditSidePanel = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref)
106
92
  }, formDescription), /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Form, {
107
93
  className: "".concat(blockClass, "__form")
108
94
  }, children));
109
- }); // Return a placeholder if not released and not enabled by feature flag
110
-
95
+ });
111
96
 
97
+ // Return a placeholder if not released and not enabled by feature flag
112
98
  exports.EditSidePanel = EditSidePanel;
113
- exports.EditSidePanel = EditSidePanel = _settings.pkg.checkComponentEnabled(EditSidePanel, componentName); // The display name of the component, used by React. Note that displayName
99
+ exports.EditSidePanel = EditSidePanel = _settings.pkg.checkComponentEnabled(EditSidePanel, componentName);
100
+
101
+ // The display name of the component, used by React. Note that displayName
114
102
  // is used in preference to relying on function.name.
103
+ EditSidePanel.displayName = componentName;
115
104
 
116
- EditSidePanel.displayName = componentName; // The types and DocGen commentary for the component props,
105
+ // The types and DocGen commentary for the component props,
117
106
  // in alphabetical order (for consistency).
118
107
  // See https://www.npmjs.com/package/prop-types#usage.
119
-
120
108
  EditSidePanel.propTypes = {
121
109
  /**
122
110
  * Sets the body content of the create side panel
123
111
  */
124
112
  children: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.node), _propTypes.default.node]).isRequired,
125
-
126
113
  /**
127
114
  * Provide an optional class to be applied to the containing node.
128
115
  */
129
116
  className: _propTypes.default.string,
130
-
131
117
  /**
132
118
  * Specifies a boolean for disabling or enabling the primary button. This is important for form validation
133
119
  * Returning `true` prevents the primary button from being clicked until required fields are completed.
134
120
  */
135
121
  disableSubmit: _propTypes.default.bool,
136
-
137
122
  /**
138
123
  * Specifies an optional field that provides a additional context for a form
139
124
  */
140
125
  formDescription: _propTypes.default.node,
141
-
142
126
  /**
143
127
  * Specifies a required field that provides a title for a form
144
128
  */
145
129
  formTitle: _propTypes.default.node,
146
-
147
130
  /**
148
131
  * Specifies an optional handler which is called when the CreateSidePanel
149
132
  * is closed.
150
133
  */
151
134
  onRequestClose: _propTypes.default.func,
152
-
153
135
  /**
154
136
  * Specifies an optional handler which is called when the CreateSidePanel
155
137
  * primary button is pressed.
156
138
  */
157
139
  onRequestSubmit: _propTypes.default.func,
158
-
159
140
  /**
160
141
  * Specifies whether the CreateSidePanel is open or not.
161
142
  */
162
143
  open: _propTypes.default.bool,
163
-
164
144
  /**
165
145
  * Determines if the side panel is on the right or left
166
146
  */
167
147
  placement: _propTypes.default.oneOf(['left', 'right']),
168
-
169
148
  /**
170
149
  * Specifies the primary button's text in the modal.
171
150
  */
172
151
  primaryButtonText: _propTypes.default.string.isRequired,
173
-
174
152
  /**
175
153
  * Specifies the secondary button's text in the modal.
176
154
  */
177
155
  secondaryButtonText: _propTypes.default.string.isRequired,
178
-
179
156
  /**
180
157
  * This is the selector to the element that contains all of the page content that will shrink if the panel is a slide in.
181
158
  * This prop is required when using the `slideIn` variant of the side panel.
@@ -184,27 +161,22 @@ EditSidePanel.propTypes = {
184
161
  var slideIn = _ref2.slideIn;
185
162
  return slideIn;
186
163
  }),
187
-
188
164
  /**
189
165
  * Specifies which DOM element in the form should be focused.
190
166
  */
191
167
  selectorPrimaryFocus: _propTypes.default.node.isRequired,
192
-
193
168
  /**
194
169
  * Sets the size of the side panel
195
170
  */
196
171
  size: _propTypes.default.oneOf(['xs', 'sm', 'md', 'lg', 'max']),
197
-
198
172
  /**
199
173
  * Specifies which DOM element in the form should be focused.
200
174
  */
201
175
  slideIn: _propTypes.default.bool,
202
-
203
176
  /**
204
177
  * The subtitle of the CreateSidePanel is optional and serves to provide more information about the modal.
205
178
  */
206
179
  subtitle: _propTypes.default.node,
207
-
208
180
  /**
209
181
  * The title of the CreateSidePanel is usually the product or service name.
210
182
  */
@@ -9,5 +9,4 @@ Object.defineProperty(exports, "EditSidePanel", {
9
9
  return _EditSidePanel.EditSidePanel;
10
10
  }
11
11
  });
12
-
13
12
  var _EditSidePanel = require("./EditSidePanel");
@@ -1,51 +1,38 @@
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.FormNumberContext = exports.FormContext = exports.EditTearsheet = 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 _carbonComponentsReact = require("carbon-components-react");
25
-
26
16
  var _settings = require("../../settings");
27
-
28
17
  var _devtools = require("../../global/js/utils/devtools");
29
-
30
18
  var _TearsheetShell = require("../Tearsheet/TearsheetShell");
31
-
32
19
  var _excluded = ["cancelButtonText", "children", "className", "description", "influencerWidth", "label", "onClose", "open", "submitButtonText", "title", "verticalPosition", "onHandleModalClick"];
33
-
34
20
  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); }
35
-
36
21
  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; }
37
-
38
22
  var componentName = 'EditTearsheet';
39
- var blockClass = "".concat(_settings.pkg.prefix, "--tearsheet-edit"); // This is a general context for the forms container
23
+ var blockClass = "".concat(_settings.pkg.prefix, "--tearsheet-edit");
24
+
25
+ // This is a general context for the forms container
40
26
  // containing information about the state of the container
41
27
  // and providing some callback methods for forms to use
28
+ var FormContext = /*#__PURE__*/(0, _react.createContext)(null);
42
29
 
43
- var FormContext = /*#__PURE__*/(0, _react.createContext)(null); // This is a context supplied separately to each form in the container
30
+ // This is a context supplied separately to each form in the container
44
31
  // to let it know what number it is in the sequence of forms
45
-
46
32
  exports.FormContext = FormContext;
47
- var FormNumberContext = /*#__PURE__*/(0, _react.createContext)(0); // Default values for props
33
+ var FormNumberContext = /*#__PURE__*/(0, _react.createContext)(0);
48
34
 
35
+ // Default values for props
49
36
  exports.FormNumberContext = FormNumberContext;
50
37
  var defaults = {
51
38
  verticalPosition: 'normal',
@@ -53,32 +40,28 @@ var defaults = {
53
40
  };
54
41
  var EditTearsheet = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
55
42
  var cancelButtonText = _ref.cancelButtonText,
56
- children = _ref.children,
57
- className = _ref.className,
58
- description = _ref.description,
59
- _ref$influencerWidth = _ref.influencerWidth,
60
- influencerWidth = _ref$influencerWidth === void 0 ? defaults.influencerWidth : _ref$influencerWidth,
61
- label = _ref.label,
62
- onClose = _ref.onClose,
63
- open = _ref.open,
64
- submitButtonText = _ref.submitButtonText,
65
- title = _ref.title,
66
- _ref$verticalPosition = _ref.verticalPosition,
67
- verticalPosition = _ref$verticalPosition === void 0 ? defaults.verticalPosition : _ref$verticalPosition,
68
- onHandleModalClick = _ref.onHandleModalClick,
69
- rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
70
-
43
+ children = _ref.children,
44
+ className = _ref.className,
45
+ description = _ref.description,
46
+ _ref$influencerWidth = _ref.influencerWidth,
47
+ influencerWidth = _ref$influencerWidth === void 0 ? defaults.influencerWidth : _ref$influencerWidth,
48
+ label = _ref.label,
49
+ onClose = _ref.onClose,
50
+ open = _ref.open,
51
+ submitButtonText = _ref.submitButtonText,
52
+ title = _ref.title,
53
+ _ref$verticalPosition = _ref.verticalPosition,
54
+ verticalPosition = _ref$verticalPosition === void 0 ? defaults.verticalPosition : _ref$verticalPosition,
55
+ onHandleModalClick = _ref.onHandleModalClick,
56
+ rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
71
57
  var _useState = (0, _react.useState)(0),
72
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
73
- currentForm = _useState2[0],
74
- setCurrentForm = _useState2[1];
75
-
58
+ _useState2 = (0, _slicedToArray2.default)(_useState, 2),
59
+ currentForm = _useState2[0],
60
+ setCurrentForm = _useState2[1];
76
61
  var contentRef = (0, _react.useRef)();
77
-
78
62
  var handleCurrentForm = function handleCurrentForm(form) {
79
63
  setCurrentForm(form);
80
64
  };
81
-
82
65
  var sideNavItems = [{
83
66
  label: 'Topic Name'
84
67
  }, {
@@ -88,7 +71,6 @@ var EditTearsheet = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
88
71
  }, {
89
72
  label: 'Message retention'
90
73
  }];
91
-
92
74
  var influencer = /*#__PURE__*/_react.default.createElement("div", {
93
75
  className: "tearsheet-stories__dummy-influencer-block"
94
76
  }, /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.SideNav, {
@@ -105,7 +87,6 @@ var EditTearsheet = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
105
87
  isActive: currentForm === index
106
88
  }, item.label);
107
89
  }))));
108
-
109
90
  return /*#__PURE__*/_react.default.createElement(_TearsheetShell.TearsheetShell, (0, _extends2.default)({}, rest, (0, _devtools.getDevtoolsProps)(componentName), {
110
91
  actions: [{
111
92
  label: submitButtonText,
@@ -142,82 +123,73 @@ var EditTearsheet = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
142
123
  value: index
143
124
  }, child);
144
125
  }))))));
145
- }); // Return a placeholder if not released and not enabled by feature flag
126
+ });
146
127
 
128
+ // Return a placeholder if not released and not enabled by feature flag
147
129
  exports.EditTearsheet = EditTearsheet;
148
- exports.EditTearsheet = EditTearsheet = _settings.pkg.checkComponentEnabled(EditTearsheet, componentName); // The display name of the component, used by React. Note that displayName
130
+ exports.EditTearsheet = EditTearsheet = _settings.pkg.checkComponentEnabled(EditTearsheet, componentName);
131
+
132
+ // The display name of the component, used by React. Note that displayName
149
133
  // is used in preference to relying on function.name.
134
+ EditTearsheet.displayName = componentName;
150
135
 
151
- EditTearsheet.displayName = componentName; // Note that the descriptions here should be kept in sync with those for the
136
+ // Note that the descriptions here should be kept in sync with those for the
152
137
  // corresponding props for TearsheetNarrow and TearsheetShell components.
153
-
154
138
  EditTearsheet.propTypes = {
155
139
  /**
156
140
  * The cancel button text
157
141
  */
158
142
  cancelButtonText: _propTypes.default.string,
159
-
160
143
  /**
161
144
  * The main content of the tearsheet
162
145
  */
163
146
  children: _propTypes.default.node,
164
-
165
147
  /**
166
148
  * An optional class or classes to be added to the outermost element.
167
149
  */
168
150
  className: _propTypes.default.string,
169
-
170
151
  /**
171
152
  * A description of the flow, displayed in the header area of the tearsheet.
172
153
  */
173
154
  description: _propTypes.default.node,
174
-
175
155
  /**
176
156
  * The content for the influencer section of the tearsheet, displayed
177
157
  * alongside the main content. This is typically a menu, or filter, or
178
158
  * progress indicator, or similar.
179
159
  */
180
160
  influencer: _propTypes.default.element,
181
-
182
161
  /**
183
162
  * Used to set the size of the influencer
184
163
  */
185
164
  influencerWidth: _propTypes.default.oneOf(['narrow', 'wide']),
186
-
187
165
  /**
188
166
  * A label for the tearsheet, displayed in the header area of the tearsheet
189
167
  * to maintain context for the tearsheet (e.g. as the title changes from page
190
168
  * to page of a multi-page task).
191
169
  */
192
170
  label: _propTypes.default.node,
193
-
194
171
  /**
195
172
  * An optional handler that is called when the user closes the tearsheet (by
196
173
  * clicking the close button, if enabled, or clicking outside, if enabled).
197
174
  * Returning `false` here prevents the modal from closing.
198
175
  */
199
176
  onClose: _propTypes.default.func,
200
-
201
177
  /**
202
178
  * Specifies whether the tearsheet is currently open.
203
179
  */
204
180
  onHandleModalClick: _propTypes.default.func,
205
-
206
181
  /**
207
182
  * Specifies whether the tearsheet is currently open.
208
183
  */
209
184
  open: _propTypes.default.bool,
210
-
211
185
  /**
212
186
  * The submit button text
213
187
  */
214
188
  submitButtonText: _propTypes.default.string,
215
-
216
189
  /**
217
190
  * The main title of the tearsheet, displayed in the header area.
218
191
  */
219
192
  title: _propTypes.default.node,
220
-
221
193
  /**
222
194
  * The position of the top of tearsheet in the viewport. The 'normal'
223
195
  * position (the default) is a short distance down from the top of the
@@ -1,58 +1,42 @@
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.EditTearsheetForm = 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 _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 _carbonComponentsReact = require("carbon-components-react");
25
-
26
16
  var _EditTearsheet = require("./EditTearsheet");
27
-
28
17
  var _settings = require("../../settings");
29
-
30
18
  var _pconsole = _interopRequireDefault(require("../../global/js/utils/pconsole"));
31
-
32
19
  var _excluded = ["children", "className", "description", "fieldsetLegendText", "hasFieldset", "subtitle", "title"];
33
-
34
20
  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); }
35
-
36
21
  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; }
37
-
38
22
  var componentName = 'EditTearsheetForm';
39
- var blockClass = "".concat(_settings.pkg.prefix, "--tearsheet-edit__form"); // Default values for props
23
+ var blockClass = "".concat(_settings.pkg.prefix, "--tearsheet-edit__form");
40
24
 
25
+ // Default values for props
41
26
  var defaults = {
42
27
  hasFieldset: true
43
28
  };
44
29
  var EditTearsheetForm = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
45
30
  var _cx;
46
-
47
31
  var children = _ref.children,
48
- className = _ref.className,
49
- description = _ref.description,
50
- fieldsetLegendText = _ref.fieldsetLegendText,
51
- _ref$hasFieldset = _ref.hasFieldset,
52
- hasFieldset = _ref$hasFieldset === void 0 ? defaults.hasFieldset : _ref$hasFieldset,
53
- subtitle = _ref.subtitle,
54
- title = _ref.title,
55
- rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
32
+ className = _ref.className,
33
+ description = _ref.description,
34
+ fieldsetLegendText = _ref.fieldsetLegendText,
35
+ _ref$hasFieldset = _ref.hasFieldset,
36
+ hasFieldset = _ref$hasFieldset === void 0 ? defaults.hasFieldset : _ref$hasFieldset,
37
+ subtitle = _ref.subtitle,
38
+ title = _ref.title,
39
+ rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
56
40
  var formContext = (0, _react.useContext)(_EditTearsheet.FormContext);
57
41
  var formNumber = (0, _react.useContext)(_EditTearsheet.FormNumberContext);
58
42
  return formContext ? /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
@@ -73,8 +57,9 @@ var EditTearsheetForm = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
73
57
  legendText: fieldsetLegendText,
74
58
  className: "".concat(blockClass, "--fieldset")
75
59
  }, children) : children) : _pconsole.default.warn("You have tried using a ".concat(componentName, " component outside of a EditTearsheet. This is not allowed. ").concat(componentName, "s should always be children of the EditTearsheet"));
76
- }); // Return a placeholder if not released and not enabled by feature flag
60
+ });
77
61
 
62
+ // Return a placeholder if not released and not enabled by feature flag
78
63
  exports.EditTearsheetForm = EditTearsheetForm;
79
64
  exports.EditTearsheetForm = EditTearsheetForm = _settings.pkg.checkComponentEnabled(EditTearsheetForm, componentName);
80
65
  EditTearsheetForm.propTypes = {
@@ -82,17 +67,14 @@ EditTearsheetForm.propTypes = {
82
67
  * Content that shows in the tearsheet form
83
68
  */
84
69
  children: _propTypes.default.node,
85
-
86
70
  /**
87
71
  * Sets an optional className to be added to the tearsheet form
88
72
  */
89
73
  className: _propTypes.default.string,
90
-
91
74
  /**
92
75
  * Sets an optional description on the form component
93
76
  */
94
77
  description: _propTypes.default.string,
95
-
96
78
  /**
97
79
  * This is the required legend text that appears above a fieldset html element for accessibility purposes.
98
80
  * You can set the `hasFieldset` prop to false if you have multiple fieldset elements or want to control the children of your Full Page's form content.
@@ -102,19 +84,16 @@ EditTearsheetForm.propTypes = {
102
84
  var hasFieldset = _ref2.hasFieldset;
103
85
  return !!hasFieldset;
104
86
  }),
105
-
106
87
  /**
107
88
  * This optional prop will render your form content inside of a fieldset html element
108
89
  * and is defaulted to true.
109
90
  * You can set this prop to `false` if you have multiple fieldset elements or want to control the children of your Full Page's form content.
110
91
  */
111
92
  hasFieldset: _propTypes.default.bool,
112
-
113
93
  /**
114
94
  * Sets an optional subtitle on the form component
115
95
  */
116
96
  subtitle: _propTypes.default.string,
117
-
118
97
  /**
119
98
  * Sets the title text for a tearsheet form
120
99
  */
@@ -15,7 +15,5 @@ Object.defineProperty(exports, "EditTearsheetForm", {
15
15
  return _EditTearsheetForm.EditTearsheetForm;
16
16
  }
17
17
  });
18
-
19
18
  var _EditTearsheet = require("./EditTearsheet");
20
-
21
19
  var _EditTearsheetForm = require("./EditTearsheetForm");