@carbon/ibm-products 2.50.0 → 2.51.0-rc.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 (451) hide show
  1. package/README.md +1 -1
  2. package/css/index-full-carbon.css +56 -29
  3. package/css/index-full-carbon.css.map +1 -1
  4. package/css/index-full-carbon.min.css +1 -1
  5. package/css/index-full-carbon.min.css.map +1 -1
  6. package/css/index-without-carbon-released-only.css +3 -10
  7. package/css/index-without-carbon-released-only.css.map +1 -1
  8. package/css/index-without-carbon-released-only.min.css +1 -1
  9. package/css/index-without-carbon-released-only.min.css.map +1 -1
  10. package/css/index-without-carbon.css +3 -10
  11. package/css/index-without-carbon.css.map +1 -1
  12. package/css/index-without-carbon.min.css +1 -1
  13. package/css/index-without-carbon.min.css.map +1 -1
  14. package/css/index.css +34 -28
  15. package/css/index.css.map +1 -1
  16. package/css/index.min.css +1 -1
  17. package/css/index.min.css.map +1 -1
  18. package/es/components/ActionBar/ActionBarOverflowItems.js +5 -0
  19. package/es/components/AddSelect/AddSelectBody.js +1 -1
  20. package/es/components/BigNumbers/BigNumbers.js +1 -1
  21. package/es/components/Coachmark/utils/enums.js +1 -0
  22. package/es/components/ConditionBuilder/ConditionBuilder.js +26 -20
  23. package/es/components/ConditionBuilder/ConditionBuilder.types.d.ts +6 -2
  24. package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +11 -8
  25. package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +44 -24
  26. package/es/components/CreateFullPage/CreateFullPage.d.ts +4 -2
  27. package/es/components/CreateFullPage/CreateFullPage.js +10 -3
  28. package/es/components/CreateFullPage/CreateFullPageStep.d.ts +3 -1
  29. package/es/components/CreateFullPage/CreateFullPageStep.js +5 -2
  30. package/es/components/Datagrid/Datagrid/Datagrid.d.ts +1 -1
  31. package/es/components/Datagrid/Datagrid/Datagrid.js +1 -1
  32. package/es/components/Datagrid/Datagrid/DatagridToolbar.js +12 -1
  33. package/es/components/Datagrid/Datagrid/DraggableElement.js +1 -0
  34. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +3 -8
  35. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +15 -13
  36. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +17 -2
  37. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +13 -2
  38. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +1 -12
  39. package/es/components/Datagrid/types/index.d.ts +4 -0
  40. package/es/components/Datagrid/useSelectRows.js +40 -19
  41. package/es/components/EditInPlace/EditInPlace.js +0 -3
  42. package/es/components/ExportModal/ExportModal.js +18 -5
  43. package/es/components/NotificationsPanel/NotificationsPanel.d.ts +5 -1
  44. package/es/components/NotificationsPanel/NotificationsPanel.js +14 -1
  45. package/es/components/OptionsTile/OptionsTile.d.ts +1 -1
  46. package/es/components/OptionsTile/OptionsTile.js +0 -1
  47. package/es/components/ProductiveCard/ProductiveCard.d.ts +4 -0
  48. package/es/components/ProductiveCard/ProductiveCard.js +4 -0
  49. package/es/components/ScrollGradient/ScrollGradient.js +1 -1
  50. package/es/components/SimpleHeader/SimpleHeader.d.ts +3 -1
  51. package/es/components/SimpleHeader/SimpleHeader.js +9 -2
  52. package/es/components/StringFormatter/StringFormatter.js +1 -1
  53. package/es/components/TagSet/TagSet.js +5 -0
  54. package/es/components/TagSet/TagSetOverflow.d.ts +4 -0
  55. package/es/components/TagSet/TagSetOverflow.js +13 -6
  56. package/es/components/Tearsheet/TearsheetShell.js +9 -2
  57. package/es/components/UserProfileImage/UserProfileImage.d.ts +1 -1
  58. package/es/components/UserProfileImage/UserProfileImage.js +1 -1
  59. package/es/global/js/utils/Wrap.d.ts +4 -0
  60. package/es/global/js/utils/Wrap.js +9 -3
  61. package/es/global/js/utils/devtools.js +1 -2
  62. package/es/node_modules/@carbon/icon-helpers/es/index.js +3 -3
  63. package/lib/_virtual/_commonjsHelpers.js +0 -2
  64. package/lib/_virtual/_rollupPluginBabelHelpers.js +2 -4
  65. package/lib/_virtual/index.js +0 -2
  66. package/lib/components/APIKeyModal/APIKeyDownloader.js +8 -14
  67. package/lib/components/APIKeyModal/APIKeyModal.js +70 -77
  68. package/lib/components/AboutModal/AboutModal.js +29 -36
  69. package/lib/components/ActionBar/ActionBar.js +26 -33
  70. package/lib/components/ActionBar/ActionBarItem.js +9 -16
  71. package/lib/components/ActionBar/ActionBarOverflowItems.js +23 -25
  72. package/lib/components/ActionSet/ActionSet.js +17 -24
  73. package/lib/components/AddSelect/AddSelect.js +62 -68
  74. package/lib/components/AddSelect/AddSelectBody.js +82 -89
  75. package/lib/components/AddSelect/AddSelectBreadcrumbs.js +6 -13
  76. package/lib/components/AddSelect/AddSelectColumn.js +29 -35
  77. package/lib/components/AddSelect/AddSelectFilter.js +30 -37
  78. package/lib/components/AddSelect/AddSelectFormControl.js +15 -21
  79. package/lib/components/AddSelect/AddSelectList.js +9 -16
  80. package/lib/components/AddSelect/AddSelectMetaPanel.js +16 -22
  81. package/lib/components/AddSelect/AddSelectRow.js +32 -39
  82. package/lib/components/AddSelect/AddSelectSidebar.js +29 -35
  83. package/lib/components/AddSelect/AddSelectSort.js +10 -16
  84. package/lib/components/AddSelect/add-select-utils.js +0 -2
  85. package/lib/components/AddSelect/hooks/useFocus.js +1 -1
  86. package/lib/components/AddSelect/hooks/useItemSort.js +0 -2
  87. package/lib/components/AddSelect/hooks/useParentSelect.js +1 -1
  88. package/lib/components/AddSelect/hooks/usePath.js +1 -1
  89. package/lib/components/BigNumbers/BigNumbers.js +39 -46
  90. package/lib/components/BigNumbers/constants.js +0 -2
  91. package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +35 -42
  92. package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +22 -29
  93. package/lib/components/Card/Card.js +73 -80
  94. package/lib/components/Card/CardFooter.js +28 -35
  95. package/lib/components/Card/CardHeader.js +37 -44
  96. package/lib/components/Carousel/Carousel.js +21 -28
  97. package/lib/components/Carousel/CarouselItem.js +5 -12
  98. package/lib/components/Cascade/Cascade.js +15 -22
  99. package/lib/components/Checklist/Checklist.js +50 -57
  100. package/lib/components/Checklist/Checklist.types.js +0 -2
  101. package/lib/components/Checklist/ChecklistChart.js +7 -15
  102. package/lib/components/Checklist/ChecklistIcon.js +7 -14
  103. package/lib/components/Coachmark/Coachmark.js +24 -31
  104. package/lib/components/Coachmark/CoachmarkDragbar.js +12 -19
  105. package/lib/components/Coachmark/CoachmarkHeader.js +9 -16
  106. package/lib/components/Coachmark/CoachmarkOverlay.js +14 -21
  107. package/lib/components/Coachmark/CoachmarkTagline.js +12 -19
  108. package/lib/components/Coachmark/utils/constants.js +0 -2
  109. package/lib/components/Coachmark/utils/context.js +0 -2
  110. package/lib/components/Coachmark/utils/enums.js +1 -2
  111. package/lib/components/Coachmark/utils/hooks.js +0 -2
  112. package/lib/components/CoachmarkBeacon/CoachmarkBeacon.js +10 -17
  113. package/lib/components/CoachmarkButton/CoachmarkButton.js +6 -13
  114. package/lib/components/CoachmarkFixed/CoachmarkFixed.js +13 -20
  115. package/lib/components/CoachmarkOverlayElement/CoachmarkOverlayElement.js +11 -18
  116. package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +25 -32
  117. package/lib/components/CoachmarkStack/CoachmarkStack.js +23 -30
  118. package/lib/components/CoachmarkStack/CoachmarkStackHome.js +29 -36
  119. package/lib/components/ComboButton/ComboButton.js +11 -18
  120. package/lib/components/ComboButton/ComboButtonItem/index.js +2 -8
  121. package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +34 -39
  122. package/lib/components/ConditionBuilder/ConditionBuilder.js +58 -59
  123. package/lib/components/ConditionBuilder/ConditionBuilder.types.d.ts +6 -2
  124. package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +18 -23
  125. package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +15 -20
  126. package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +20 -27
  127. package/lib/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +8 -12
  128. package/lib/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +4 -8
  129. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +11 -8
  130. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +63 -47
  131. package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +25 -31
  132. package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +0 -2
  133. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +17 -23
  134. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +9 -15
  135. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +5 -11
  136. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +13 -19
  137. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +17 -23
  138. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js +6 -12
  139. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.js +9 -15
  140. package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +27 -32
  141. package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +25 -30
  142. package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.js +0 -2
  143. package/lib/components/ConditionBuilder/utils/useDataConfigs.js +0 -2
  144. package/lib/components/ConditionBuilder/utils/useTranslations.js +0 -2
  145. package/lib/components/ConditionBuilder/utils/util.js +0 -2
  146. package/lib/components/CreateFullPage/CreateFullPage.d.ts +4 -2
  147. package/lib/components/CreateFullPage/CreateFullPage.js +53 -53
  148. package/lib/components/CreateFullPage/CreateFullPageStep.d.ts +3 -1
  149. package/lib/components/CreateFullPage/CreateFullPageStep.js +27 -31
  150. package/lib/components/CreateInfluencer/CreateInfluencer.js +15 -22
  151. package/lib/components/CreateModal/CreateModal.js +22 -29
  152. package/lib/components/CreateSidePanel/CreateSidePanel.js +24 -31
  153. package/lib/components/CreateTearsheet/CreateTearsheet.js +26 -33
  154. package/lib/components/CreateTearsheet/CreateTearsheetDivider.js +3 -10
  155. package/lib/components/CreateTearsheet/CreateTearsheetStep.js +31 -38
  156. package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +24 -31
  157. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +37 -44
  158. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +54 -61
  159. package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +37 -44
  160. package/lib/components/DataSpreadsheet/hooks/useMoveActiveCell.js +0 -2
  161. package/lib/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +0 -2
  162. package/lib/components/DataSpreadsheet/hooks/useResetSpreadsheetFocus.js +0 -2
  163. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +0 -2
  164. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +0 -2
  165. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +0 -2
  166. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +0 -2
  167. package/lib/components/DataSpreadsheet/utils/checkActiveHeaderCell.js +0 -2
  168. package/lib/components/DataSpreadsheet/utils/checkForHoldingKey.js +0 -2
  169. package/lib/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +0 -2
  170. package/lib/components/DataSpreadsheet/utils/commonEventHandlers.js +1 -3
  171. package/lib/components/DataSpreadsheet/utils/createActiveCellFn.js +0 -2
  172. package/lib/components/DataSpreadsheet/utils/createCellSelectionArea.js +0 -2
  173. package/lib/components/DataSpreadsheet/utils/getCellSize.js +0 -2
  174. package/lib/components/DataSpreadsheet/utils/getSelectionAreaPoints.js +0 -2
  175. package/lib/components/DataSpreadsheet/utils/getSpreadsheetWidth.js +0 -2
  176. package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +0 -2
  177. package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionTab.js +0 -2
  178. package/lib/components/DataSpreadsheet/utils/handleCellDeletion.js +0 -2
  179. package/lib/components/DataSpreadsheet/utils/handleEditSubmit.js +1 -3
  180. package/lib/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +1 -3
  181. package/lib/components/DataSpreadsheet/utils/handleMultipleKeys.js +2 -4
  182. package/lib/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +0 -2
  183. package/lib/components/DataSpreadsheet/utils/removeCellSelections.js +0 -2
  184. package/lib/components/DataSpreadsheet/utils/selectAllCells.js +1 -3
  185. package/lib/components/Datagrid/Datagrid/Datagrid.d.ts +1 -1
  186. package/lib/components/Datagrid/Datagrid/Datagrid.js +10 -17
  187. package/lib/components/Datagrid/Datagrid/DatagridBody.js +5 -9
  188. package/lib/components/Datagrid/Datagrid/DatagridContent.js +43 -50
  189. package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +4 -8
  190. package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +6 -11
  191. package/lib/components/Datagrid/Datagrid/DatagridHead.js +2 -6
  192. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +12 -17
  193. package/lib/components/Datagrid/Datagrid/DatagridRefBody.js +3 -8
  194. package/lib/components/Datagrid/Datagrid/DatagridRow.js +12 -17
  195. package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +4 -11
  196. package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +18 -23
  197. package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +3 -8
  198. package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +26 -20
  199. package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +5 -9
  200. package/lib/components/Datagrid/Datagrid/DraggableElement.js +18 -22
  201. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +11 -12
  202. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +10 -11
  203. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +25 -31
  204. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +21 -30
  205. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +7 -13
  206. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +18 -20
  207. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js +1 -7
  208. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +49 -39
  209. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +54 -48
  210. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +5 -11
  211. package/lib/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.js +11 -15
  212. package/lib/components/Datagrid/Datagrid/addons/Filtering/constants.js +0 -2
  213. package/lib/components/Datagrid/Datagrid/addons/Filtering/handleCheckboxChange.js +0 -2
  214. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js +1 -1
  215. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +16 -31
  216. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +2 -6
  217. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useSubscribeToEventEmitter.js +1 -1
  218. package/lib/components/Datagrid/Datagrid/addons/Filtering/motion/variants.js +0 -2
  219. package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js +0 -2
  220. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +18 -25
  221. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +32 -39
  222. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js +2 -8
  223. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/getCellIdAsObject.js +0 -2
  224. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +0 -2
  225. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridFocus.js +0 -2
  226. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +0 -2
  227. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +0 -2
  228. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +12 -17
  229. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +11 -16
  230. package/lib/components/Datagrid/Datagrid/addons/Slug/DatagridSlug.js +2 -8
  231. package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +0 -2
  232. package/lib/components/Datagrid/common-column-ids.js +0 -2
  233. package/lib/components/Datagrid/types/index.d.ts +4 -0
  234. package/lib/components/Datagrid/useActionsColumn.js +12 -17
  235. package/lib/components/Datagrid/useColumnCenterAlign.js +4 -9
  236. package/lib/components/Datagrid/useColumnRightAlign.js +4 -9
  237. package/lib/components/Datagrid/useCustomizeColumns.js +6 -7
  238. package/lib/components/Datagrid/useDatagrid.js +4 -8
  239. package/lib/components/Datagrid/useDefaultStringRenderer.js +5 -10
  240. package/lib/components/Datagrid/useDisableSelectRows.js +1 -1
  241. package/lib/components/Datagrid/useEditableCell.js +2 -2
  242. package/lib/components/Datagrid/useExpandedRow.js +3 -3
  243. package/lib/components/Datagrid/useFiltering.js +5 -5
  244. package/lib/components/Datagrid/useFlexResize.js +1 -1
  245. package/lib/components/Datagrid/useFloatingScroll.js +2 -6
  246. package/lib/components/Datagrid/useFocusRowExpander.js +0 -2
  247. package/lib/components/Datagrid/useInfiniteScroll.js +4 -8
  248. package/lib/components/Datagrid/useInitialColumnSort.js +0 -2
  249. package/lib/components/Datagrid/useInlineEdit.js +7 -12
  250. package/lib/components/Datagrid/useNestedRowExpander.js +5 -10
  251. package/lib/components/Datagrid/useNestedRows.js +3 -7
  252. package/lib/components/Datagrid/useOnRowClick.js +1 -1
  253. package/lib/components/Datagrid/useParentDimensions.js +1 -1
  254. package/lib/components/Datagrid/useResizeTable.js +1 -1
  255. package/lib/components/Datagrid/useRowExpander.js +5 -10
  256. package/lib/components/Datagrid/useRowIsMouseOver.js +2 -6
  257. package/lib/components/Datagrid/useRowRenderer.js +2 -2
  258. package/lib/components/Datagrid/useRowSize.js +2 -2
  259. package/lib/components/Datagrid/useSelectAllToggle.js +3 -8
  260. package/lib/components/Datagrid/useSelectRows.js +45 -29
  261. package/lib/components/Datagrid/useSkeletonRows.js +1 -1
  262. package/lib/components/Datagrid/useSortableColumns.js +8 -13
  263. package/lib/components/Datagrid/useStickyColumn.js +4 -9
  264. package/lib/components/Datagrid/utils/getAutoSizedColumnWidth.js +0 -2
  265. package/lib/components/Decorator/Decorator.js +16 -22
  266. package/lib/components/DecoratorBase/DecoratorBase.js +41 -48
  267. package/lib/components/DecoratorBase/DecoratorIcon.js +6 -13
  268. package/lib/components/DecoratorBase/utils.js +0 -2
  269. package/lib/components/DecoratorDualButton/DecoratorDualButton.js +21 -27
  270. package/lib/components/DecoratorLink/DecoratorLink.js +19 -25
  271. package/lib/components/DecoratorSingleButton/DecoratorSingleButton.js +19 -25
  272. package/lib/components/DelimitedList/DelimitedList.js +7 -14
  273. package/lib/components/DescriptionList/DescriptionList.js +8 -15
  274. package/lib/components/DescriptionList/DescriptionListBody.js +5 -12
  275. package/lib/components/DescriptionList/DescriptionListCell.js +5 -12
  276. package/lib/components/DescriptionList/DescriptionListRow.js +5 -12
  277. package/lib/components/DescriptionList/constants.js +0 -2
  278. package/lib/components/EditFullPage/EditFullPage.js +5 -12
  279. package/lib/components/EditInPlace/EditInPlace.js +35 -45
  280. package/lib/components/EditSidePanel/EditSidePanel.js +26 -33
  281. package/lib/components/EditTearsheet/EditTearsheet.js +24 -31
  282. package/lib/components/EditTearsheet/EditTearsheetForm.js +16 -23
  283. package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js +5 -12
  284. package/lib/components/EditUpdateCards/EditUpdateCards.js +32 -39
  285. package/lib/components/EmptyStates/EmptyState.js +22 -29
  286. package/lib/components/EmptyStates/EmptyStateContent.js +18 -25
  287. package/lib/components/EmptyStates/EmptyStateIllustration.js +3 -7
  288. package/lib/components/EmptyStates/EmptyStateV2.js +25 -32
  289. package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +19 -26
  290. package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +19 -26
  291. package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +19 -26
  292. package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +19 -26
  293. package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +19 -26
  294. package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +19 -26
  295. package/lib/components/EmptyStates/assets/ErrorIllustration.js +53 -58
  296. package/lib/components/EmptyStates/assets/NoDataIllustration.js +43 -48
  297. package/lib/components/EmptyStates/assets/NoTagsIllustration.js +114 -119
  298. package/lib/components/EmptyStates/assets/NotFoundIllustration.js +84 -89
  299. package/lib/components/EmptyStates/assets/NotificationsIllustration.js +81 -86
  300. package/lib/components/EmptyStates/assets/UnauthorizedIllustration.js +74 -79
  301. package/lib/components/ExportModal/ExportModal.js +59 -53
  302. package/lib/components/ExpressiveCard/ExpressiveCard.js +28 -34
  303. package/lib/components/FeatureFlags/index.js +3 -9
  304. package/lib/components/FilterPanel/FilterPanel.js +7 -14
  305. package/lib/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.js +10 -17
  306. package/lib/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.js +13 -20
  307. package/lib/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.js +9 -16
  308. package/lib/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.js +17 -24
  309. package/lib/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.js +11 -18
  310. package/lib/components/FilterPanel/FilterPanelLabel/FilterPanelLabel.js +9 -16
  311. package/lib/components/FilterPanel/FilterPanelSearch/FilterPanelSearch.js +9 -16
  312. package/lib/components/FilterSummary/FilterSummary.js +22 -28
  313. package/lib/components/FullPageError/FullPageError.js +21 -28
  314. package/lib/components/FullPageError/assets/Error403SVG.js +129 -135
  315. package/lib/components/FullPageError/assets/Error404SVG.js +114 -120
  316. package/lib/components/FullPageError/assets/ErrorGenericSVG.js +128 -134
  317. package/lib/components/GetStartedCard/GetStartedCard.js +16 -22
  318. package/lib/components/Guidebanner/Guidebanner.js +32 -39
  319. package/lib/components/Guidebanner/GuidebannerElement.js +10 -17
  320. package/lib/components/Guidebanner/GuidebannerElementButton.js +9 -16
  321. package/lib/components/Guidebanner/GuidebannerElementLink.js +5 -12
  322. package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +5 -12
  323. package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +5 -12
  324. package/lib/components/HTTPErrors/HTTPErrorContent.js +5 -11
  325. package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +5 -12
  326. package/lib/components/HTTPErrors/assets/HTTPErrorSvg403.js +358 -364
  327. package/lib/components/HTTPErrors/assets/HTTPErrorSvg404.js +309 -315
  328. package/lib/components/HTTPErrors/assets/HTTPErrorSvgOther.js +321 -327
  329. package/lib/components/ImportModal/ImportModal.js +48 -55
  330. package/lib/components/InlineTip/InlineTip.js +38 -45
  331. package/lib/components/InlineTip/InlineTipButton.js +5 -12
  332. package/lib/components/InlineTip/InlineTipLink.js +6 -13
  333. package/lib/components/InlineTip/utils.js +2 -4
  334. package/lib/components/InterstitialScreen/InterstitialScreen.js +73 -80
  335. package/lib/components/InterstitialScreenView/InterstitialScreenView.js +6 -13
  336. package/lib/components/InterstitialScreenViewModule/InterstitialScreenViewModule.js +8 -15
  337. package/lib/components/MultiAddSelect/MultiAddSelect.js +45 -51
  338. package/lib/components/Nav/Nav.js +14 -21
  339. package/lib/components/Nav/NavItem.js +19 -24
  340. package/lib/components/Nav/NavItemLink.js +4 -8
  341. package/lib/components/Nav/NavList.js +12 -17
  342. package/lib/components/NonLinearReading/NonLinearReading.js +12 -19
  343. package/lib/components/NotificationsPanel/NotificationsPanel.d.ts +5 -1
  344. package/lib/components/NotificationsPanel/NotificationsPanel.js +104 -98
  345. package/lib/components/NotificationsPanel/utils.js +0 -2
  346. package/lib/components/OptionsTile/OptionsTile.d.ts +1 -1
  347. package/lib/components/OptionsTile/OptionsTile.js +40 -48
  348. package/lib/components/PageHeader/PageHeader.js +105 -112
  349. package/lib/components/PageHeader/PageHeaderTitle.js +23 -30
  350. package/lib/components/PageHeader/PageHeaderUtils.js +2 -9
  351. package/lib/components/ProductiveCard/ProductiveCard.d.ts +4 -0
  352. package/lib/components/ProductiveCard/ProductiveCard.js +39 -41
  353. package/lib/components/RemoveModal/RemoveModal.js +27 -34
  354. package/lib/components/Saving/Saving.js +27 -34
  355. package/lib/components/ScrollGradient/ScrollGradient.js +17 -24
  356. package/lib/components/ScrollGradient/constants.js +0 -2
  357. package/lib/components/SearchBar/SearchBar.js +22 -29
  358. package/lib/components/SidePanel/SidePanel.js +66 -73
  359. package/lib/components/SidePanel/constants.js +0 -2
  360. package/lib/components/SidePanel/motion/variants.js +0 -2
  361. package/lib/components/SimpleHeader/SimpleHeader.d.ts +3 -1
  362. package/lib/components/SimpleHeader/SimpleHeader.js +27 -27
  363. package/lib/components/SingleAddSelect/SingleAddSelect.js +21 -27
  364. package/lib/components/StatusIcon/StatusIcon.js +52 -59
  365. package/lib/components/StatusIndicator/StatusIndicator.js +13 -20
  366. package/lib/components/StatusIndicator/StatusIndicatorStep.js +14 -21
  367. package/lib/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js +8 -17
  368. package/lib/components/StringFormatter/StringFormatter.js +12 -19
  369. package/lib/components/StringFormatter/utils/enums.js +0 -2
  370. package/lib/components/TagOverflow/TagOverflow.js +26 -33
  371. package/lib/components/TagOverflow/TagOverflowModal.js +17 -24
  372. package/lib/components/TagOverflow/TagOverflowPopover.js +22 -29
  373. package/lib/components/TagOverflow/constants.js +0 -2
  374. package/lib/components/TagSet/TagSet.js +39 -41
  375. package/lib/components/TagSet/TagSetModal.js +16 -23
  376. package/lib/components/TagSet/TagSetOverflow.d.ts +4 -0
  377. package/lib/components/TagSet/TagSetOverflow.js +32 -32
  378. package/lib/components/Tearsheet/Tearsheet.js +23 -29
  379. package/lib/components/Tearsheet/TearsheetNarrow.js +18 -24
  380. package/lib/components/Tearsheet/TearsheetShell.js +63 -63
  381. package/lib/components/Toolbar/Toolbar.js +3 -10
  382. package/lib/components/Toolbar/ToolbarButton.js +3 -10
  383. package/lib/components/Toolbar/ToolbarGroup.js +2 -9
  384. package/lib/components/TooltipTrigger/TooltipTrigger.js +4 -11
  385. package/lib/components/TruncatedList/TruncatedList.js +15 -22
  386. package/lib/components/UserAvatar/UserAvatar.js +18 -25
  387. package/lib/components/UserProfileImage/UserProfileImage.d.ts +1 -1
  388. package/lib/components/UserProfileImage/UserProfileImage.js +25 -32
  389. package/lib/components/WebTerminal/WebTerminal.js +26 -33
  390. package/lib/components/WebTerminal/WebTerminalContentWrapper.js +4 -11
  391. package/lib/components/WebTerminal/hooks/index.js +2 -8
  392. package/lib/components/_Canary/Canary.js +7 -14
  393. package/lib/feature-flags.js +3 -4
  394. package/lib/global/js/hooks/useActiveElement.js +0 -2
  395. package/lib/global/js/hooks/useClickOutside.js +0 -2
  396. package/lib/global/js/hooks/useControllableState.js +2 -4
  397. package/lib/global/js/hooks/useCreateComponentFocus.js +1 -3
  398. package/lib/global/js/hooks/useCreateComponentStepChange.js +0 -2
  399. package/lib/global/js/hooks/useFocus.js +1 -3
  400. package/lib/global/js/hooks/useIsomorphicEffect.js +0 -2
  401. package/lib/global/js/hooks/usePortalTarget.js +0 -2
  402. package/lib/global/js/hooks/usePrefersReducedMotion.js +1 -1
  403. package/lib/global/js/hooks/usePrefix.js +1 -3
  404. package/lib/global/js/hooks/usePreviousValue.js +0 -2
  405. package/lib/global/js/hooks/useResetCreateComponent.js +0 -2
  406. package/lib/global/js/hooks/useResizeObserver.js +0 -2
  407. package/lib/global/js/hooks/useRetrieveFormTitles.js +0 -2
  408. package/lib/global/js/hooks/useRetrieveStepData.js +0 -2
  409. package/lib/global/js/hooks/useValidCreateStepCount.js +0 -2
  410. package/lib/global/js/hooks/useWindowResize.js +1 -3
  411. package/lib/global/js/hooks/useWindowScroll.js +1 -3
  412. package/lib/global/js/package-settings.js +1 -1
  413. package/lib/global/js/utils/Wrap.d.ts +4 -0
  414. package/lib/global/js/utils/Wrap.js +16 -16
  415. package/lib/global/js/utils/deepCloneObject.js +1 -3
  416. package/lib/global/js/utils/devtools.js +0 -2
  417. package/lib/global/js/utils/getBezierValues.js +0 -2
  418. package/lib/global/js/utils/getFocusableElements.js +0 -2
  419. package/lib/global/js/utils/getNodeTextContent.js +1 -3
  420. package/lib/global/js/utils/getNumberOfHiddenSteps.js +0 -2
  421. package/lib/global/js/utils/getScrollbarWidth.js +0 -2
  422. package/lib/global/js/utils/keyboardNavigation.js +0 -2
  423. package/lib/global/js/utils/lastIndexInArray.js +0 -2
  424. package/lib/global/js/utils/motionConstants.js +0 -2
  425. package/lib/global/js/utils/pconsole.js +1 -1
  426. package/lib/global/js/utils/props-helper.js +10 -12
  427. package/lib/global/js/utils/rangeWithCallback.js +0 -2
  428. package/lib/global/js/utils/scrollableAncestor.js +1 -3
  429. package/lib/global/js/utils/uuidv4.js +1 -1
  430. package/lib/global/js/utils/wait.js +1 -1
  431. package/lib/global/js/utils/wrapFocus.js +1 -1
  432. package/lib/index.js +19 -21
  433. package/lib/node_modules/@carbon/colors/es/index.js +0 -2
  434. package/lib/node_modules/@carbon/icon-helpers/es/index.js +6 -8
  435. package/lib/node_modules/@carbon/icons-react/es/Icon.js +14 -18
  436. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-2.js +525 -531
  437. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-9.js +500 -506
  438. package/lib/node_modules/@carbon/icons-react/es/iconPropTypes-4cbeb95d.js +1 -3
  439. package/lib/node_modules/object-assign/index.js +0 -2
  440. package/lib/node_modules/prop-types/checkPropTypes.js +2 -4
  441. package/lib/node_modules/prop-types/factoryWithThrowingShims.js +0 -2
  442. package/lib/node_modules/prop-types/factoryWithTypeCheckers.js +4 -10
  443. package/lib/node_modules/prop-types/index.js +2 -6
  444. package/lib/node_modules/prop-types/lib/ReactPropTypesSecret.js +0 -2
  445. package/lib/node_modules/prop-types/lib/has.js +0 -2
  446. package/lib/settings.js +9 -15
  447. package/package.json +11 -11
  448. package/scss/components/EditInPlace/_edit-in-place.scss +0 -11
  449. package/scss/components/SidePanel/_side-panel.scss +1 -0
  450. package/scss/components/TagSet/_tag-set.scss +2 -0
  451. package/telemetry.yml +3 -3
@@ -7,8 +7,6 @@
7
7
 
8
8
  'use strict';
9
9
 
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
10
  var layout = require('@carbon/layout');
13
11
  var settings = require('../../../settings.js');
14
12
 
@@ -7,8 +7,6 @@
7
7
 
8
8
  'use strict';
9
9
 
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
10
  var layout = require('@carbon/layout');
13
11
  var deepCloneObject = require('../../../global/js/utils/deepCloneObject.js');
14
12
  var getSelectionAreaPoints = require('./getSelectionAreaPoints.js');
@@ -7,8 +7,6 @@
7
7
 
8
8
  'use strict';
9
9
 
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
10
  var layout = require('@carbon/layout');
13
11
 
14
12
  var getSizeInPixels = function getSizeInPixels(carbonSize) {
@@ -7,8 +7,6 @@
7
7
 
8
8
  'use strict';
9
9
 
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
10
  var getSelectionAreaPoints = function getSelectionAreaPoints(area) {
13
11
  var greatestRowIndex = Math.max(area.point1.row, area.point2.row);
14
12
  var greatestColumnIndex = Math.max(area.point1.column, area.point2.column);
@@ -7,8 +7,6 @@
7
7
 
8
8
  'use strict';
9
9
 
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
10
  var layout = require('@carbon/layout');
13
11
 
14
12
  var getSpreadsheetWidth = function getSpreadsheetWidth(_ref) {
@@ -7,8 +7,6 @@
7
7
 
8
8
  'use strict';
9
9
 
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
10
  var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
13
11
  var getSelectionAreaPoints = require('./getSelectionAreaPoints.js');
14
12
 
@@ -7,8 +7,6 @@
7
7
 
8
8
  'use strict';
9
9
 
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
10
  var getSelectionAreaPoints = require('./getSelectionAreaPoints.js');
13
11
 
14
12
  var handleActiveCellInSelectionTab = function handleActiveCellInSelectionTab(_ref) {
@@ -7,8 +7,6 @@
7
7
 
8
8
  'use strict';
9
9
 
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
10
  var deepCloneObject = require('../../../global/js/utils/deepCloneObject.js');
13
11
  var rangeWithCallback = require('../../../global/js/utils/rangeWithCallback.js');
14
12
 
@@ -7,8 +7,6 @@
7
7
 
8
8
  'use strict';
9
9
 
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
10
  var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
13
11
  var removeCellSelections = require('./removeCellSelections.js');
14
12
  var uuidv4 = require('../../../global/js/utils/uuidv4.js');
@@ -40,7 +38,7 @@ var handleEditSubmit = function handleEditSubmit(_ref) {
40
38
  spreadsheetRef: spreadsheetRef
41
39
  });
42
40
  submitEditChanges();
43
- var tempMatcher = uuidv4["default"]();
41
+ var tempMatcher = uuidv4.default();
44
42
  var newSelectionArea = {
45
43
  row: type === 'Enter' ? activeCellCoordinates.row === rows.length - 1 ? activeCellCoordinates.row : activeCellCoordinates.row + 1 : activeCellCoordinates.row,
46
44
  column: type === 'Tab' ? activeCellCoordinates.column === columns.length - 1 ? activeCellCoordinates.column : activeCellCoordinates.column + 1 : activeCellCoordinates.column
@@ -7,8 +7,6 @@
7
7
 
8
8
  'use strict';
9
9
 
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
10
  var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
13
11
  var deepCloneObject = require('../../../global/js/utils/deepCloneObject.js');
14
12
  var uuidv4 = require('../../../global/js/utils/uuidv4.js');
@@ -59,7 +57,7 @@ var handleHeaderCellSelection = function handleHeaderCellSelection(_ref2) {
59
57
  // going to always be the last row
60
58
  column: type === 'column' ? columnValue : columns.length - 1
61
59
  };
62
- var tempMatcher = uuidv4["default"]();
60
+ var tempMatcher = uuidv4.default();
63
61
  if (!isHoldingShiftKey) {
64
62
  setActiveCellCoordinates({
65
63
  row: type === 'column' ? 0 : rowValue,
@@ -7,8 +7,6 @@
7
7
 
8
8
  'use strict';
9
9
 
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
10
  var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
13
11
  var deepCloneObject = require('../../../global/js/utils/deepCloneObject.js');
14
12
  var uuidv4 = require('../../../global/js/utils/uuidv4.js');
@@ -153,7 +151,7 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
153
151
  };
154
152
  // If indexOfCurrentArea is -1, it means the active cell is in a cell header position
155
153
  if (indexOfCurrentArea === -1) {
156
- var tempMatcher = uuidv4["default"]();
154
+ var tempMatcher = uuidv4.default();
157
155
  var newSelectionArea = {
158
156
  point1: _selectionPoint,
159
157
  point2: _selectionPoint2,
@@ -188,7 +186,7 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
188
186
  };
189
187
  // If indexOfCurrentArea is -1, it means the active cell is in a cell header position
190
188
  if (indexOfCurrentArea === -1) {
191
- var _tempMatcher = uuidv4["default"]();
189
+ var _tempMatcher = uuidv4.default();
192
190
  var _newSelectionArea = {
193
191
  point1: _selectionPoint3,
194
192
  point2: _selectionPoint4,
@@ -7,8 +7,6 @@
7
7
 
8
8
  'use strict';
9
9
 
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
10
  var layout = require('@carbon/layout');
13
11
  var settings = require('../../../settings.js');
14
12
 
@@ -7,8 +7,6 @@
7
7
 
8
8
  'use strict';
9
9
 
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
10
  var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
13
11
  var settings = require('../../../settings.js');
14
12
 
@@ -7,8 +7,6 @@
7
7
 
8
8
  'use strict';
9
9
 
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
10
  var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
13
11
  var removeCellSelections = require('./removeCellSelections.js');
14
12
  var uuidv4 = require('../../../global/js/utils/uuidv4.js');
@@ -32,7 +30,7 @@ var selectAllCells = function selectAllCells(_ref) {
32
30
  row: rows.length - 1,
33
31
  column: columns.length - 1
34
32
  };
35
- var tempMatcher = uuidv4["default"]();
33
+ var tempMatcher = uuidv4.default();
36
34
  var newSelectionArea = {
37
35
  point1: selectionPoint1,
38
36
  point2: selectionPoint2,
@@ -18,6 +18,6 @@ export interface DatagridProps {
18
18
  datagridState: DataGridState;
19
19
  }
20
20
  /**
21
- * The `Datagrid` component is an extension of Carbon's DataTable component. At the most basic level, the `Datagrid` component takes in columns and rows and renders a data table. There is a set of data table extensions which this component provides support for, these can be found [here](https://pages.github.ibm.com/cdai-design/pal/components/data-table/overview/). This component is data driven and allows you to choose what pieces will be included based on the hooks/plugins that are provided.
21
+ * The `Datagrid` component is an extension of Carbon's DataTable component. At the most basic level, the `Datagrid` component takes in columns and rows and renders a data table. There is a set of data table extensions which this component provides support for, these can be found [here](https://pages.github.ibm.com/carbon/ibm-products/components/datagrid/overview/). This component is data driven and allows you to choose what pieces will be included based on the hooks/plugins that are provided.
22
22
  */
23
23
  export declare let Datagrid: React.ForwardRefExoticComponent<DatagridProps & React.RefAttributes<HTMLDivElement>>;
@@ -7,8 +7,6 @@
7
7
 
8
8
  'use strict';
9
9
 
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
10
  var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
13
11
  var React = require('react');
14
12
  var index = require('../../../node_modules/prop-types/index.js');
@@ -20,23 +18,18 @@ var DatagridContent = require('./DatagridContent.js');
20
18
  var FilterProvider = require('./addons/Filtering/FilterProvider.js');
21
19
  var InlineEditContext = require('./addons/InlineEdit/InlineEditContext/InlineEditContext.js');
22
20
 
23
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
24
-
25
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
26
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
27
-
28
21
  var _excluded = ["datagridState", "ariaToolbarLabel"];
29
22
  var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
30
23
  var componentName = 'Datagrid';
31
24
  /**
32
- * The `Datagrid` component is an extension of Carbon's DataTable component. At the most basic level, the `Datagrid` component takes in columns and rows and renders a data table. There is a set of data table extensions which this component provides support for, these can be found [here](https://pages.github.ibm.com/cdai-design/pal/components/data-table/overview/). This component is data driven and allows you to choose what pieces will be included based on the hooks/plugins that are provided.
25
+ * The `Datagrid` component is an extension of Carbon's DataTable component. At the most basic level, the `Datagrid` component takes in columns and rows and renders a data table. There is a set of data table extensions which this component provides support for, these can be found [here](https://pages.github.ibm.com/carbon/ibm-products/components/datagrid/overview/). This component is data driven and allows you to choose what pieces will be included based on the hooks/plugins that are provided.
33
26
  */
34
- exports.Datagrid = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
27
+ exports.Datagrid = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
35
28
  var datagridState = _ref.datagridState,
36
29
  ariaToolbarLabel = _ref.ariaToolbarLabel,
37
30
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
38
31
  if (!datagridState) {
39
- pconsole["default"].warn('Datagrid was not passed datagridState which is required to render this component.');
32
+ pconsole.default.warn('Datagrid was not passed datagridState which is required to render this component.');
40
33
  return;
41
34
  }
42
35
  var withVirtualScroll = datagridState.withVirtualScroll,
@@ -51,17 +44,17 @@ exports.Datagrid = /*#__PURE__*/React__default["default"].forwardRef(function (_
51
44
  datagridState: datagridState,
52
45
  ariaToolbarLabel: ariaToolbarLabel
53
46
  };
54
- return /*#__PURE__*/React__default["default"].createElement(FilterProvider.FilterProvider, {
47
+ return /*#__PURE__*/React.createElement(FilterProvider.FilterProvider, {
55
48
  filters: state === null || state === void 0 ? void 0 : state.filters,
56
49
  filterProps: filterProps,
57
50
  tableId: tableId
58
- }, /*#__PURE__*/React__default["default"].createElement(InlineEditContext.InlineEditProvider, null, /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
51
+ }, /*#__PURE__*/React.createElement(InlineEditContext.InlineEditProvider, null, /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
59
52
  id: tableId,
60
53
  ref: ref,
61
- className: cx__default["default"](className, blockClass, withVirtualScroll ? "".concat(blockClass, "__datagridWrap") : "".concat(blockClass, "__datagridWrap-simple"), !isFetching && rows.length === 0 ? "".concat(blockClass, "__empty-state") : '')
62
- }, devtools.getDevtoolsProps(componentName)), (filterProps === null || filterProps === void 0 ? void 0 : filterProps.variation) === 'panel' ? /*#__PURE__*/React__default["default"].createElement("div", {
54
+ className: cx(className, blockClass, withVirtualScroll ? "".concat(blockClass, "__datagridWrap") : "".concat(blockClass, "__datagridWrap-simple"), !isFetching && rows.length === 0 ? "".concat(blockClass, "__empty-state") : '')
55
+ }, devtools.getDevtoolsProps(componentName)), (filterProps === null || filterProps === void 0 ? void 0 : filterProps.variation) === 'panel' ? /*#__PURE__*/React.createElement("div", {
63
56
  className: "".concat(blockClass, "__datagridWithPanel ").concat(blockClass, "__displayFlex")
64
- }, /*#__PURE__*/React__default["default"].createElement(DatagridContent.DatagridContent, props)) : /*#__PURE__*/React__default["default"].createElement(DatagridContent.DatagridContent, props))));
57
+ }, /*#__PURE__*/React.createElement(DatagridContent.DatagridContent, props)) : /*#__PURE__*/React.createElement(DatagridContent.DatagridContent, props))));
65
58
  });
66
59
 
67
60
  // Return a placeholder if not released and not enabled by feature flag
@@ -75,10 +68,10 @@ exports.Datagrid.propTypes = {
75
68
  * Specify a label to be read by screen readers on the container node
76
69
  * 'aria-label' of the TableToolbar component.
77
70
  */
78
- ariaToolbarLabel: index["default"].string,
71
+ ariaToolbarLabel: index.default.string,
79
72
  /**
80
73
  * The data grid state, much of it being supplied by the useDatagrid hook
81
74
  */
82
75
  /**@ts-ignore */
83
- datagridState: index["default"].object.isRequired
76
+ datagridState: index.default.object.isRequired
84
77
  };
@@ -15,10 +15,6 @@ var DatagridVirtualBody = require('./DatagridVirtualBody.js');
15
15
  var DatagridSimpleBody = require('./DatagridSimpleBody.js');
16
16
  var DatagridRefBody = require('./DatagridRefBody.js');
17
17
 
18
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
19
-
20
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
21
-
22
18
  var DatagridBody = function DatagridBody(datagridState) {
23
19
  var isFetching = datagridState.isFetching,
24
20
  _datagridState$rows = datagridState.rows,
@@ -26,15 +22,15 @@ var DatagridBody = function DatagridBody(datagridState) {
26
22
  withVirtualScroll = datagridState.withVirtualScroll,
27
23
  withStickyColumn = datagridState.withStickyColumn;
28
24
  if (!isFetching && rows.length === 0) {
29
- return /*#__PURE__*/React__default["default"].createElement(DatagridEmptyBody["default"], datagridState);
25
+ return /*#__PURE__*/React.createElement(DatagridEmptyBody.default, datagridState);
30
26
  }
31
27
  if (withVirtualScroll) {
32
- return /*#__PURE__*/React__default["default"].createElement(DatagridVirtualBody["default"], datagridState);
28
+ return /*#__PURE__*/React.createElement(DatagridVirtualBody.default, datagridState);
33
29
  }
34
30
  if (withStickyColumn) {
35
- return /*#__PURE__*/React__default["default"].createElement(DatagridRefBody["default"], datagridState);
31
+ return /*#__PURE__*/React.createElement(DatagridRefBody.default, datagridState);
36
32
  }
37
- return /*#__PURE__*/React__default["default"].createElement(DatagridSimpleBody["default"], datagridState);
33
+ return /*#__PURE__*/React.createElement(DatagridSimpleBody.default, datagridState);
38
34
  };
39
35
 
40
- exports["default"] = DatagridBody;
36
+ exports.default = DatagridBody;
@@ -7,8 +7,6 @@
7
7
 
8
8
  'use strict';
9
9
 
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
10
  var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
13
11
  require('../../../feature-flags.js');
14
12
  var React = require('react');
@@ -32,11 +30,6 @@ var useMultipleKeyTracking = require('../../DataSpreadsheet/hooks/useMultipleKey
32
30
  var useSubscribeToEventEmitter = require('./addons/Filtering/hooks/useSubscribeToEventEmitter.js');
33
31
  var FilterPanel = require('./addons/Filtering/FilterPanel.js');
34
32
 
35
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
36
-
37
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
38
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
39
-
40
33
  var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
41
34
  var gcClass = "".concat(blockClass, "__grid-container");
42
35
  var DatagridContent = function DatagridContent(_ref) {
@@ -116,8 +109,8 @@ var DatagridContent = function DatagridContent(_ref) {
116
109
  });
117
110
  });
118
111
  var renderTable = function renderTable() {
119
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(react.Table, _rollupPluginBabelHelpers["extends"]({}, getTableProps === null || getTableProps === void 0 ? void 0 : getTableProps(), {
120
- className: cx__default["default"](withVirtualScroll ? "".concat(blockClass, "__table-virtual-scroll") : "".concat(blockClass, "__table-simple"), "".concat(blockClass, "__vertical-align-").concat(verticalAlign), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__variable-row-height"), variableRowHeight), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__table-with-inline-edit"), withInlineEdit), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__table-grid-active"), gridActive), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__table-is-resizing"), typeof (columnResizing === null || columnResizing === void 0 ? void 0 : columnResizing.isResizingColumn) === 'string'), getTableProps === null || getTableProps === void 0 ? void 0 : getTableProps().className),
112
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(react.Table, _rollupPluginBabelHelpers.extends({}, getTableProps === null || getTableProps === void 0 ? void 0 : getTableProps(), {
113
+ className: cx(withVirtualScroll ? "".concat(blockClass, "__table-virtual-scroll") : "".concat(blockClass, "__table-simple"), "".concat(blockClass, "__vertical-align-").concat(verticalAlign), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__variable-row-height"), variableRowHeight), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__table-with-inline-edit"), withInlineEdit), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__table-grid-active"), gridActive), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__table-is-resizing"), typeof (columnResizing === null || columnResizing === void 0 ? void 0 : columnResizing.isResizingColumn) === 'string'), getTableProps === null || getTableProps === void 0 ? void 0 : getTableProps().className),
121
114
  role: withInlineEdit ? 'grid' : undefined,
122
115
  tabIndex: withInlineEdit ? 0 : -1,
123
116
  onKeyDown: withInlineEdit && function (event) {
@@ -135,7 +128,7 @@ var DatagridContent = function DatagridContent(_ref) {
135
128
  return handleGridFocus.handleGridFocus(inlineEditState, dispatch);
136
129
  },
137
130
  title: title
138
- }), (!withVirtualScroll || withVirtualScroll && !isFetching && !contentRows.length) && /*#__PURE__*/React__default["default"].createElement(DatagridHead["default"], datagridState), /*#__PURE__*/React__default["default"].createElement(DatagridBody["default"], _rollupPluginBabelHelpers["extends"]({}, datagridState, {
131
+ }), (!withVirtualScroll || withVirtualScroll && !isFetching && !contentRows.length) && /*#__PURE__*/React.createElement(DatagridHead.default, datagridState), /*#__PURE__*/React.createElement(DatagridBody.default, _rollupPluginBabelHelpers.extends({}, datagridState, {
139
132
  rows: contentRows
140
133
  }))), (filterProps === null || filterProps === void 0 ? void 0 : filterProps.variation) === 'panel' && renderPagination());
141
134
  };
@@ -160,11 +153,11 @@ var DatagridContent = function DatagridContent(_ref) {
160
153
  gridElement === null || gridElement === void 0 || gridElement.style.setProperty("--".concat(blockClass, "--grid-header-height"), layout.px((tableHeader === null || tableHeader === void 0 ? void 0 : tableHeader.clientHeight) || 0));
161
154
  }
162
155
  }, [withInlineEdit, tableId, totalColumnsWidth, datagridState, gridActive]);
163
- useSubscribeToEventEmitter["default"](constants.CLEAR_SINGLE_FILTER, function (id) {
156
+ useSubscribeToEventEmitter.default(constants.CLEAR_SINGLE_FILTER, function (id) {
164
157
  return FilterProvider.clearSingleFilter(id, setAllFilters, state, contextTableId);
165
158
  });
166
159
  var renderFilterSummary = function renderFilterSummary() {
167
- return state.filters.length > 0 && /*#__PURE__*/React__default["default"].createElement(FilterSummary["default"], {
160
+ return state.filters.length > 0 && /*#__PURE__*/React.createElement(FilterSummary.default, {
168
161
  className: "".concat(blockClass, "__filter-summary"),
169
162
  filters: filterTags,
170
163
  clearFilters: function clearFilters() {
@@ -179,63 +172,63 @@ var DatagridContent = function DatagridContent(_ref) {
179
172
  };
180
173
  var renderPagination = function renderPagination() {
181
174
  if ((contentRows === null || contentRows === void 0 ? void 0 : contentRows.length) > 0 && !isFetching && DatagridPagination) {
182
- return /*#__PURE__*/React__default["default"].createElement(DatagridPagination, datagridState);
175
+ return /*#__PURE__*/React.createElement(DatagridPagination, datagridState);
183
176
  }
184
177
  };
185
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(react.TableContainer, {
186
- className: cx__default["default"]("".concat(gcClass), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(gcClass, "-active"), gridActive), "".concat(gcClass, "-active--without-toolbar"), withInlineEdit && !DatagridActions), "".concat(gcClass, "-inline-edit"), withInlineEdit), "".concat(blockClass, "__full-height"), withVirtualScroll || fullHeightDatagrid), "".concat(blockClass, "__with-pagination"), DatagridPagination), "".concat(blockClass, "__dense-header"), useDenseHeader)),
178
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(react.TableContainer, {
179
+ className: cx("".concat(gcClass), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(gcClass, "-active"), gridActive), "".concat(gcClass, "-active--without-toolbar"), withInlineEdit && !DatagridActions), "".concat(gcClass, "-inline-edit"), withInlineEdit), "".concat(blockClass, "__full-height"), withVirtualScroll || fullHeightDatagrid), "".concat(blockClass, "__with-pagination"), DatagridPagination), "".concat(blockClass, "__dense-header"), useDenseHeader)),
187
180
  title: gridTitle,
188
181
  description: gridDescription
189
- }, /*#__PURE__*/React__default["default"].createElement(DatagridToolbar["default"], _rollupPluginBabelHelpers["extends"]({}, datagridState, {
182
+ }, /*#__PURE__*/React.createElement(DatagridToolbar.default, _rollupPluginBabelHelpers.extends({}, datagridState, {
190
183
  ariaToolbarLabel: ariaToolbarLabel
191
- })), /*#__PURE__*/React__default["default"].createElement("div", {
192
- className: cx__default["default"]("".concat(blockClass, "__table-container"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__table-container--filter-open"), panelOpen)),
184
+ })), /*#__PURE__*/React.createElement("div", {
185
+ className: cx("".concat(blockClass, "__table-container"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__table-container--filter-open"), panelOpen)),
193
186
  ref: gridAreaRef
194
- }, (filterProps === null || filterProps === void 0 ? void 0 : filterProps.variation) === 'panel' && /*#__PURE__*/React__default["default"].createElement(FilterPanel["default"], _rollupPluginBabelHelpers["extends"]({}, getFilterFlyoutProps === null || getFilterFlyoutProps === void 0 ? void 0 : getFilterFlyoutProps(), {
187
+ }, (filterProps === null || filterProps === void 0 ? void 0 : filterProps.variation) === 'panel' && /*#__PURE__*/React.createElement(FilterPanel.default, _rollupPluginBabelHelpers.extends({}, getFilterFlyoutProps === null || getFilterFlyoutProps === void 0 ? void 0 : getFilterFlyoutProps(), {
195
188
  title: filterProps.panelTitle,
196
189
  filterSections: filterProps.sections,
197
190
  autoHideFilters: filterProps.autoHideFilters,
198
191
  isFetching: isFetching
199
- })), /*#__PURE__*/React__default["default"].createElement("div", {
192
+ })), /*#__PURE__*/React.createElement("div", {
200
193
  className: "".concat(blockClass, "__table-container-inner")
201
- }, renderFilterSummary(), withInlineEdit ? /*#__PURE__*/React__default["default"].createElement("div", {
194
+ }, renderFilterSummary(), withInlineEdit ? /*#__PURE__*/React.createElement("div", {
202
195
  ref: multiKeyTrackingRef
203
- }, renderTable()) : withVirtualScroll ? /*#__PURE__*/React__default["default"].createElement("div", {
196
+ }, renderTable()) : withVirtualScroll ? /*#__PURE__*/React.createElement("div", {
204
197
  className: "".concat(blockClass, "__virtualScrollContainer"),
205
198
  ref: gridRef
206
- }, renderTable()) : renderTable()))), (filterProps === null || filterProps === void 0 ? void 0 : filterProps.variation) !== 'panel' && renderPagination(), CustomizeColumnsTearsheet && /*#__PURE__*/React__default["default"].createElement(CustomizeColumnsTearsheet, {
199
+ }, renderTable()) : renderTable()))), (filterProps === null || filterProps === void 0 ? void 0 : filterProps.variation) !== 'panel' && renderPagination(), CustomizeColumnsTearsheet && /*#__PURE__*/React.createElement(CustomizeColumnsTearsheet, {
207
200
  instance: datagridState
208
201
  }));
209
202
  };
210
203
  DatagridContent.propTypes = {
211
- ariaToolbarLabel: index["default"].string,
212
- datagridState: index["default"].shape({
213
- getTableProps: index["default"].func,
214
- getFilterFlyoutProps: index["default"].func,
215
- withVirtualScroll: index["default"].bool,
216
- DatagridActions: index["default"].oneOfType([index["default"].element, index["default"].func]),
217
- DatagridPagination: index["default"].oneOfType([index["default"].element, index["default"].func]),
218
- CustomizeColumnsTearsheet: index["default"].oneOfType([index["default"].element, index["default"].func]),
219
- isFetching: index["default"].bool,
220
- skeletonRowCount: index["default"].number,
221
- fullHeightDatagrid: index["default"].bool,
222
- filterProps: index["default"].object,
223
- variableRowHeight: index["default"].bool,
224
- useDenseHeader: index["default"].bool,
225
- withInlineEdit: index["default"].bool,
226
- verticalAlign: index["default"].string,
227
- gridTitle: index["default"].node,
228
- gridDescription: index["default"].node,
229
- page: index["default"].arrayOf(index["default"].object),
230
- rows: index["default"].arrayOf(index["default"].object),
231
- tableId: index["default"].string,
232
- totalColumnsWidth: index["default"].number,
233
- gridRef: index["default"].object,
234
- setAllFilters: index["default"].func,
235
- getFilterProps: index["default"].func,
236
- state: index["default"].object
204
+ ariaToolbarLabel: index.default.string,
205
+ datagridState: index.default.shape({
206
+ getTableProps: index.default.func,
207
+ getFilterFlyoutProps: index.default.func,
208
+ withVirtualScroll: index.default.bool,
209
+ DatagridActions: index.default.oneOfType([index.default.element, index.default.func]),
210
+ DatagridPagination: index.default.oneOfType([index.default.element, index.default.func]),
211
+ CustomizeColumnsTearsheet: index.default.oneOfType([index.default.element, index.default.func]),
212
+ isFetching: index.default.bool,
213
+ skeletonRowCount: index.default.number,
214
+ fullHeightDatagrid: index.default.bool,
215
+ filterProps: index.default.object,
216
+ variableRowHeight: index.default.bool,
217
+ useDenseHeader: index.default.bool,
218
+ withInlineEdit: index.default.bool,
219
+ verticalAlign: index.default.string,
220
+ gridTitle: index.default.node,
221
+ gridDescription: index.default.node,
222
+ page: index.default.arrayOf(index.default.object),
223
+ rows: index.default.arrayOf(index.default.object),
224
+ tableId: index.default.string,
225
+ totalColumnsWidth: index.default.number,
226
+ gridRef: index.default.object,
227
+ setAllFilters: index.default.func,
228
+ getFilterProps: index.default.func,
229
+ state: index.default.object
237
230
  }),
238
- title: index["default"].string
231
+ title: index.default.string
239
232
  };
240
233
 
241
234
  exports.DatagridContent = DatagridContent;
@@ -18,10 +18,6 @@ var NoDataEmptyState = require('../../EmptyStates/NoDataEmptyState/NoDataEmptySt
18
18
  var NotFoundEmptyState = require('../../EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js');
19
19
  var EmptyState = require('../../EmptyStates/EmptyState.js');
20
20
 
21
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
22
-
23
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
24
-
25
21
  var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
26
22
  var DatagridEmptyBody = function DatagridEmptyBody(datagridState) {
27
23
  var getTableBodyProps = datagridState.getTableBodyProps,
@@ -43,15 +39,15 @@ var DatagridEmptyBody = function DatagridEmptyBody(datagridState) {
43
39
  link: emptyStateLink
44
40
  };
45
41
  var validEmptyStates = ['error', 'noData', 'notFound'];
46
- return /*#__PURE__*/React__default["default"].createElement(react.TableBody, _rollupPluginBabelHelpers["extends"]({}, getTableBodyProps({
42
+ return /*#__PURE__*/React.createElement(react.TableBody, _rollupPluginBabelHelpers.extends({}, getTableBodyProps({
47
43
  role: undefined
48
44
  }), {
49
45
  "aria-live": "off",
50
46
  className: "".concat(blockClass, "__empty-state-body")
51
- }), /*#__PURE__*/React__default["default"].createElement(react.TableRow, null, /*#__PURE__*/React__default["default"].createElement(react.TableCell, {
47
+ }), /*#__PURE__*/React.createElement(react.TableRow, null, /*#__PURE__*/React.createElement(react.TableCell, {
52
48
  colSpan: headers === null || headers === void 0 ? void 0 : headers.length,
53
49
  className: "".concat(blockClass, "__empty-state-cell")
54
- }, validEmptyStates.includes(emptyStateType) ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, emptyStateType === 'error' && /*#__PURE__*/React__default["default"].createElement(ErrorEmptyState.ErrorEmptyState, emptyStateProps), emptyStateType === 'noData' && /*#__PURE__*/React__default["default"].createElement(NoDataEmptyState.NoDataEmptyState, emptyStateProps), emptyStateType === 'notFound' && /*#__PURE__*/React__default["default"].createElement(NotFoundEmptyState.NotFoundEmptyState, emptyStateProps)) : /*#__PURE__*/React__default["default"].createElement(EmptyState.EmptyState, emptyStateProps))));
50
+ }, validEmptyStates.includes(emptyStateType) ? /*#__PURE__*/React.createElement(React.Fragment, null, emptyStateType === 'error' && /*#__PURE__*/React.createElement(ErrorEmptyState.ErrorEmptyState, emptyStateProps), emptyStateType === 'noData' && /*#__PURE__*/React.createElement(NoDataEmptyState.NoDataEmptyState, emptyStateProps), emptyStateType === 'notFound' && /*#__PURE__*/React.createElement(NotFoundEmptyState.NotFoundEmptyState, emptyStateProps)) : /*#__PURE__*/React.createElement(EmptyState.EmptyState, emptyStateProps))));
55
51
  };
56
52
 
57
- exports["default"] = DatagridEmptyBody;
53
+ exports.default = DatagridEmptyBody;
@@ -14,11 +14,6 @@ var React = require('react');
14
14
  var settings = require('../../../settings.js');
15
15
  var cx = require('classnames');
16
16
 
17
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
18
-
19
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
20
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
21
-
22
17
  var _excluded = ["key"];
23
18
  var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
24
19
 
@@ -44,25 +39,25 @@ var DatagridExpandedRow = function DatagridExpandedRow(ExpandedRowContentCompone
44
39
  };
45
40
  var key = datagridState.key,
46
41
  _state = _rollupPluginBabelHelpers.objectWithoutProperties(datagridState, _excluded);
47
- return /*#__PURE__*/React__default["default"].createElement("tr", {
48
- className: cx__default["default"]("".concat(blockClass, "__expanded-row"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__slug--row"), /*#__PURE__*/React.isValidElement(row === null || row === void 0 || (_row$original = row.original) === null || _row$original === void 0 ? void 0 : _row$original.slug))),
42
+ return /*#__PURE__*/React.createElement("tr", {
43
+ className: cx("".concat(blockClass, "__expanded-row"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__slug--row"), /*#__PURE__*/React.isValidElement(row === null || row === void 0 || (_row$original = row.original) === null || _row$original === void 0 ? void 0 : _row$original.slug))),
49
44
  onMouseEnter: function onMouseEnter(event) {
50
45
  return toggleParentHoverClass(event, 'enter');
51
46
  },
52
47
  onMouseLeave: function onMouseLeave(event) {
53
48
  return toggleParentHoverClass(event);
54
49
  }
55
- }, /*#__PURE__*/React__default["default"].createElement("td", {
50
+ }, /*#__PURE__*/React.createElement("td", {
56
51
  className: "".concat(blockClass, "__expanded-row-cell-wrapper")
57
- }, /*#__PURE__*/React__default["default"].createElement("div", {
52
+ }, /*#__PURE__*/React.createElement("div", {
58
53
  className: "".concat(blockClass, "__expanded-row-content"),
59
54
  style: {
60
55
  height: expandedContentHeight && expandedContentHeight
61
56
  }
62
- }, /*#__PURE__*/React__default["default"].createElement(ExpandedRowContentComponent, _rollupPluginBabelHelpers["extends"]({
57
+ }, /*#__PURE__*/React.createElement(ExpandedRowContentComponent, _rollupPluginBabelHelpers.extends({
63
58
  key: key
64
59
  }, _state)))));
65
60
  };
66
61
  };
67
62
 
68
- exports["default"] = DatagridExpandedRow;
63
+ exports.default = DatagridExpandedRow;
@@ -12,20 +12,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
12
12
  var React = require('react');
13
13
  var react = require('@carbon/react');
14
14
 
15
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
16
-
17
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
18
-
19
15
  var DatagridHead = function DatagridHead(datagridState) {
20
16
  var _datagridState$header = datagridState.headerGroups,
21
17
  headerGroups = _datagridState$header === void 0 ? [] : _datagridState$header,
22
18
  headRef = datagridState.headRef,
23
19
  HeaderRow = datagridState.HeaderRow;
24
- return /*#__PURE__*/React__default["default"].createElement(react.TableHead, null, headerGroups.map(function (headerGroup) {
20
+ return /*#__PURE__*/React.createElement(react.TableHead, null, headerGroups.map(function (headerGroup) {
25
21
  return (// doesn't support header grouping.
26
22
  HeaderRow === null || HeaderRow === void 0 ? void 0 : HeaderRow(datagridState, headRef, headerGroup)
27
23
  );
28
24
  }));
29
25
  };
30
26
 
31
- exports["default"] = DatagridHead;
27
+ exports.default = DatagridHead;