@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
@@ -19,17 +19,13 @@ var icons = require('@carbon/react/icons');
19
19
  var index = require('../../../../../node_modules/prop-types/index.js');
20
20
  var cx = require('classnames');
21
21
  var settings = require('../../../../../settings.js');
22
+ var FilterProvider = require('./FilterProvider.js');
22
23
  var useFilters = require('./hooks/useFilters.js');
23
24
  var useShouldDisableButtons = require('./hooks/useShouldDisableButtons.js');
24
25
  var useWindowResize = require('../../../../../global/js/hooks/useWindowResize.js');
25
26
  var useClickOutside = require('../../../../../global/js/hooks/useClickOutside.js');
26
27
  var useSubscribeToEventEmitter = require('./hooks/useSubscribeToEventEmitter.js');
27
28
 
28
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
29
-
30
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
31
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
32
-
33
29
  var _Filter;
34
30
  var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
35
31
  var componentClass = "".concat(blockClass, "-filter-flyout");
@@ -83,7 +79,7 @@ var FilterFlyout = function FilterFlyout(_ref) {
83
79
  setOpen(false);
84
80
  onCancel();
85
81
  };
86
- var _useFilters = useFilters["default"]({
82
+ var _useFilters = useFilters.default({
87
83
  updateMethod: updateMethod,
88
84
  filters: filters,
89
85
  setAllFilters: setAllFilters,
@@ -108,7 +104,7 @@ var FilterFlyout = function FilterFlyout(_ref) {
108
104
  var flyoutFiltersContainerRef = React.useRef(null);
109
105
 
110
106
  /** State from hooks */
111
- var _useShouldDisableButt = useShouldDisableButtons["default"]({
107
+ var _useShouldDisableButt = useShouldDisableButtons.default({
112
108
  initialValue: true,
113
109
  filtersState: filtersState,
114
110
  prevFiltersRef: prevFiltersRef
@@ -147,6 +143,10 @@ var FilterFlyout = function FilterFlyout(_ref) {
147
143
  handleResize(current);
148
144
  });
149
145
 
146
+ /** Context */
147
+ var _useContext = React.useContext(FilterProvider.FilterContext),
148
+ localDispatch = _useContext.dispatch;
149
+
150
150
  /** Memos */
151
151
  var showActionSet = updateMethod === constants.BATCH;
152
152
  var carbonPrefix = react.usePrefix();
@@ -183,6 +183,16 @@ var FilterFlyout = function FilterFlyout(_ref) {
183
183
 
184
184
  // Update the last applied filters
185
185
  lastAppliedFilters.current = JSON.stringify(filtersObjectArray);
186
+
187
+ // Dispatch action from local filter context to track filters in order
188
+ // to keep history if `isFetching` becomes true. If so, react-table
189
+ // clears all filter history
190
+ localDispatch({
191
+ type: constants.SAVED_FILTERS,
192
+ payload: {
193
+ savedFilters: filtersObjectArray
194
+ }
195
+ });
186
196
  };
187
197
 
188
198
  /** Renders all filters */
@@ -190,7 +200,7 @@ var FilterFlyout = function FilterFlyout(_ref) {
190
200
  return filters.map(renderFilter);
191
201
  };
192
202
  var renderActionSet = function renderActionSet() {
193
- return showActionSet && /*#__PURE__*/React__default["default"].createElement(ActionSet.ActionSet, {
203
+ return showActionSet && /*#__PURE__*/React.createElement(ActionSet.ActionSet, {
194
204
  actions: [{
195
205
  key: 1,
196
206
  kind: 'primary',
@@ -227,31 +237,31 @@ var FilterFlyout = function FilterFlyout(_ref) {
227
237
 
228
238
  // tableId is passed in from the event emitter from the FilterSummary component
229
239
  // in DatagridContent
230
- useSubscribeToEventEmitter["default"](constants.CLEAR_FILTERS, function (tableId) {
240
+ useSubscribeToEventEmitter.default(constants.CLEAR_FILTERS, function (tableId) {
231
241
  reset(tableId);
232
242
  });
233
243
  React.useEffect(function reflectLastAppliedFiltersWhenReactTableUpdates() {
234
244
  lastAppliedFilters.current = JSON.stringify(reactTableFiltersState);
235
245
  }, [reactTableFiltersState, lastAppliedFilters]);
236
- return /*#__PURE__*/React__default["default"].createElement("div", {
246
+ return /*#__PURE__*/React.createElement("div", {
237
247
  className: "".concat(componentClass, "__container"),
238
248
  ref: filterFlyoutRef
239
- }, /*#__PURE__*/React__default["default"].createElement(react.IconButton, {
249
+ }, /*#__PURE__*/React.createElement(react.IconButton, {
240
250
  label: flyoutIconDescription,
241
251
  kind: "ghost",
242
252
  align: align,
243
253
  onClick: open ? closeFlyout : openFlyout,
244
- className: cx__default["default"]("".concat(componentClass, "__trigger"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(componentClass, "__trigger--open"), open)),
254
+ className: cx("".concat(componentClass, "__trigger"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(componentClass, "__trigger--open"), open)),
245
255
  disabled: data.length === 0
246
- }, _Filter || (_Filter = /*#__PURE__*/React__default["default"].createElement(icons.Filter, null))), /*#__PURE__*/React__default["default"].createElement("div", {
247
- className: cx__default["default"](componentClass, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(componentClass, "--open"), open), "".concat(componentClass, "--batch"), showActionSet), "".concat(componentClass, "--instant"), !showActionSet)),
256
+ }, _Filter || (_Filter = /*#__PURE__*/React.createElement(icons.Filter, null))), /*#__PURE__*/React.createElement("div", {
257
+ className: cx(componentClass, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(componentClass, "--open"), open), "".concat(componentClass, "--batch"), showActionSet), "".concat(componentClass, "--instant"), !showActionSet)),
248
258
  ref: flyoutInnerRef
249
- }, /*#__PURE__*/React__default["default"].createElement("div", {
259
+ }, /*#__PURE__*/React.createElement("div", {
250
260
  className: "".concat(componentClass, "__inner-container")
251
- }, /*#__PURE__*/React__default["default"].createElement("span", {
261
+ }, /*#__PURE__*/React.createElement("span", {
252
262
  className: "".concat(componentClass, "__title")
253
- }, title), /*#__PURE__*/React__default["default"].createElement("div", {
254
- className: cx__default["default"]("".concat(componentClass, "__filters"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(componentClass, "__stacked"), stackedLayout)),
263
+ }, title), /*#__PURE__*/React.createElement("div", {
264
+ className: cx("".concat(componentClass, "__filters"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(componentClass, "__stacked"), stackedLayout)),
255
265
  ref: flyoutFiltersContainerRef
256
266
  }, renderFilters())), renderActionSet()));
257
267
  };
@@ -259,68 +269,68 @@ FilterFlyout.propTypes = {
259
269
  /**
260
270
  * Tooltip alignment for the filter button
261
271
  */
262
- align: index["default"].string,
272
+ align: index.default.string,
263
273
  /**
264
274
  * All data rows in the table
265
275
  */
266
- data: index["default"].array.isRequired,
276
+ data: index.default.array.isRequired,
267
277
  /**
268
278
  * Array of filters to render
269
279
  */
270
- filters: index["default"].arrayOf(index["default"].shape({
271
- type: index["default"].string.isRequired,
272
- column: index["default"].string.isRequired,
273
- props: index["default"].object.isRequired
280
+ filters: index.default.arrayOf(index.default.shape({
281
+ type: index.default.string.isRequired,
282
+ column: index.default.string.isRequired,
283
+ props: index.default.object.isRequired
274
284
  })).isRequired,
275
285
  /**
276
286
  * Icon description for the filter flyout button
277
287
  */
278
- flyoutIconDescription: index["default"].string,
288
+ flyoutIconDescription: index.default.string,
279
289
  /**
280
290
  * Callback when the apply button is clicked
281
291
  */
282
- onApply: index["default"].func,
292
+ onApply: index.default.func,
283
293
  /**
284
294
  * Callback when the cancel button is clicked
285
295
  */
286
- onCancel: index["default"].func,
296
+ onCancel: index.default.func,
287
297
  /**
288
298
  * Callback when the flyout closes
289
299
  */
290
- onFlyoutClose: index["default"].func,
300
+ onFlyoutClose: index.default.func,
291
301
  /**
292
302
  * Callback when the flyout opens
293
303
  */
294
- onFlyoutOpen: index["default"].func,
304
+ onFlyoutOpen: index.default.func,
295
305
  /**
296
306
  * Label text of the primary action in the flyout
297
307
  */
298
- primaryActionLabel: index["default"].string,
308
+ primaryActionLabel: index.default.string,
299
309
  /**
300
310
  * Filters from react table's state
301
311
  */
302
- reactTableFiltersState: index["default"].arrayOf(index["default"].shape({
303
- id: index["default"].string.isRequired,
304
- type: index["default"].string.isRequired,
305
- value: index["default"].any.isRequired
312
+ reactTableFiltersState: index.default.arrayOf(index.default.shape({
313
+ id: index.default.string.isRequired,
314
+ type: index.default.string.isRequired,
315
+ value: index.default.any.isRequired
306
316
  })),
307
317
  /**
308
318
  * Label text of the secondary action in the flyout
309
319
  */
310
- secondaryActionLabel: index["default"].string,
320
+ secondaryActionLabel: index.default.string,
311
321
  /**
312
322
  * Function that sets all the filters, this comes from the datagridState
313
323
  */
314
- setAllFilters: index["default"].func.isRequired,
324
+ setAllFilters: index.default.func.isRequired,
315
325
  /**
316
326
  * Title of the filter flyout
317
327
  */
318
- title: index["default"].string,
328
+ title: index.default.string,
319
329
  /**
320
330
  * The update method used to apply the filters
321
331
  */
322
- updateMethod: index["default"].oneOf([constants.BATCH, constants.INSTANT]).isRequired
332
+ updateMethod: index.default.oneOf([constants.BATCH, constants.INSTANT]).isRequired
323
333
  };
324
334
  var FilterFlyout$1 = FilterFlyout;
325
335
 
326
- exports["default"] = FilterFlyout$1;
336
+ exports.default = FilterFlyout$1;
@@ -27,11 +27,6 @@ var useShouldDisableButtons = require('./hooks/useShouldDisableButtons.js');
27
27
  var useSubscribeToEventEmitter = require('./hooks/useSubscribeToEventEmitter.js');
28
28
  var useIsomorphicEffect = require('../../../../../global/js/hooks/useIsomorphicEffect.js');
29
29
 
30
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
31
-
32
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
33
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
34
-
35
30
  var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
36
31
  var componentClass = "".concat(blockClass, "-filter-panel");
37
32
  var MotionActionSet = framerMotion.motion(ActionSet.ActionSet);
@@ -89,8 +84,9 @@ var FilterPanel = function FilterPanel(_ref) {
89
84
  /** Context */
90
85
  var _useContext = React.useContext(FilterProvider.FilterContext),
91
86
  panelOpen = _useContext.panelOpen,
92
- setPanelOpen = _useContext.setPanelOpen;
93
- var _useFilters = useFilters["default"]({
87
+ setPanelOpen = _useContext.setPanelOpen,
88
+ localDispatch = _useContext.dispatch;
89
+ var _useFilters = useFilters.default({
94
90
  updateMethod: updateMethod,
95
91
  filters: filterSections,
96
92
  setAllFilters: setAllFilters,
@@ -117,7 +113,7 @@ var FilterPanel = function FilterPanel(_ref) {
117
113
  var actionSetRef = React.useRef();
118
114
  var innerContainerRef = React.useRef();
119
115
  /** State from hooks */
120
- var _useShouldDisableButt = useShouldDisableButtons["default"]({
116
+ var _useShouldDisableButt = useShouldDisableButtons.default({
121
117
  initialValue: true,
122
118
  filtersState: filtersState,
123
119
  prevFiltersRef: prevFiltersRef
@@ -154,9 +150,19 @@ var FilterPanel = function FilterPanel(_ref) {
154
150
 
155
151
  // Update the last applied filters
156
152
  lastAppliedFilters.current = JSON.stringify(filtersObjectArray);
153
+
154
+ // Dispatch action from local filter context to track filters in order
155
+ // to keep history if `isFetching` becomes true. If so, react-table
156
+ // clears all filter history
157
+ localDispatch({
158
+ type: constants.SAVED_FILTERS,
159
+ payload: {
160
+ savedFilters: filtersObjectArray
161
+ }
162
+ });
157
163
  };
158
164
  var renderActionSet = function renderActionSet() {
159
- return showActionSet && /*#__PURE__*/React__default["default"].createElement(MotionActionSet, {
165
+ return showActionSet && /*#__PURE__*/React.createElement(MotionActionSet, {
160
166
  actions: [{
161
167
  key: 1,
162
168
  kind: 'primary',
@@ -199,7 +205,7 @@ var FilterPanel = function FilterPanel(_ref) {
199
205
 
200
206
  // tableId is passed in from the event emitter from the FilterSummary component
201
207
  // in DatagridContent
202
- useSubscribeToEventEmitter["default"](constants.CLEAR_FILTERS, function (tableId) {
208
+ useSubscribeToEventEmitter.default(constants.CLEAR_FILTERS, function (tableId) {
203
209
  reset(tableId);
204
210
  });
205
211
  var getScrollableContainerHeight = React.useCallback(function () {
@@ -217,25 +223,25 @@ var FilterPanel = function FilterPanel(_ref) {
217
223
  innerContainerRef.current.style.height = height;
218
224
  }
219
225
  }, [getScrollableContainerHeight, innerContainerRef]);
220
- return /*#__PURE__*/React__default["default"].createElement(framerMotion.motion.div, {
226
+ return /*#__PURE__*/React.createElement(framerMotion.motion.div, {
221
227
  ref: filterPanelRef,
222
- className: cx__default["default"](componentClass, "".concat(componentClass, "__container"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(componentClass, "--open"), panelOpen), "".concat(componentClass, "--batch"), showActionSet), "".concat(componentClass, "--instant"), !showActionSet)),
228
+ className: cx(componentClass, "".concat(componentClass, "__container"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(componentClass, "--open"), panelOpen), "".concat(componentClass, "--batch"), showActionSet), "".concat(componentClass, "--instant"), !showActionSet)),
223
229
  initial: false,
224
230
  animate: panelOpen ? 'visible' : 'hidden',
225
231
  custom: shouldReduceMotion,
226
232
  variants: variants.panelVariants
227
- }, /*#__PURE__*/React__default["default"].createElement(framerMotion.motion.div, {
233
+ }, /*#__PURE__*/React.createElement(framerMotion.motion.div, {
228
234
  custom: shouldReduceMotion,
229
235
  variants: variants.innerContainerVariants
230
- }, /*#__PURE__*/React__default["default"].createElement("header", {
236
+ }, /*#__PURE__*/React.createElement("header", {
231
237
  ref: filterHeadingRef,
232
- className: cx__default["default"]("".concat(componentClass, "__heading"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(componentClass, "__heading--with-divider"), showDividerLine))
233
- }, /*#__PURE__*/React__default["default"].createElement("div", {
238
+ className: cx("".concat(componentClass, "__heading"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(componentClass, "__heading--with-divider"), showDividerLine))
239
+ }, /*#__PURE__*/React.createElement("div", {
234
240
  className: "".concat(componentClass, "__title")
235
- }, title), /*#__PURE__*/React__default["default"].createElement(react.Button, {
241
+ }, title), /*#__PURE__*/React.createElement(react.Button, {
236
242
  hasIconOnly: true,
237
243
  renderIcon: function renderIcon(props) {
238
- return /*#__PURE__*/React__default["default"].createElement(icons.Close, _rollupPluginBabelHelpers["extends"]({
244
+ return /*#__PURE__*/React.createElement(icons.Close, _rollupPluginBabelHelpers.extends({
239
245
  size: 16
240
246
  }, props));
241
247
  },
@@ -247,14 +253,14 @@ var FilterPanel = function FilterPanel(_ref) {
247
253
  }), showFilterSearch &&
248
254
  /*#__PURE__*/
249
255
  /* istanbul ignore next */
250
- React__default["default"].createElement("div", {
256
+ React.createElement("div", {
251
257
  ref: filterSearchRef,
252
258
  className: "".concat(componentClass, "__search")
253
- }, /*#__PURE__*/React__default["default"].createElement(react.Layer, null, /*#__PURE__*/React__default["default"].createElement(react.Search, {
259
+ }, /*#__PURE__*/React.createElement(react.Layer, null, /*#__PURE__*/React.createElement(react.Search, {
254
260
  labelText: searchLabelText,
255
261
  placeholder: searchPlaceholder,
256
262
  size: "sm"
257
- })))), /*#__PURE__*/React__default["default"].createElement("div", {
263
+ })))), /*#__PURE__*/React.createElement("div", {
258
264
  className: "".concat(componentClass, "__inner-container"),
259
265
  ref: innerContainerRef,
260
266
  onScroll: onInnerContainerScroll
@@ -264,15 +270,15 @@ var FilterPanel = function FilterPanel(_ref) {
264
270
  _ref2$filters = _ref2.filters,
265
271
  filters = _ref2$filters === void 0 ? [] : _ref2$filters,
266
272
  hasAccordion = _ref2.hasAccordion;
267
- return /*#__PURE__*/React__default["default"].createElement("div", {
273
+ return /*#__PURE__*/React.createElement("div", {
268
274
  key: index,
269
275
  className: "".concat(componentClass, "__category")
270
- }, categoryTitle && /*#__PURE__*/React__default["default"].createElement("div", {
276
+ }, categoryTitle && /*#__PURE__*/React.createElement("div", {
271
277
  className: "".concat(componentClass, "__category-title")
272
- }, categoryTitle), hasAccordion ? /*#__PURE__*/React__default["default"].createElement(react.Accordion, null, filters.map(function (_ref3) {
278
+ }, categoryTitle), hasAccordion ? /*#__PURE__*/React.createElement(react.Accordion, null, filters.map(function (_ref3) {
273
279
  var filterLabel = _ref3.filterLabel,
274
280
  filter = _ref3.filter;
275
- return /*#__PURE__*/React__default["default"].createElement(react.AccordionItem, {
281
+ return /*#__PURE__*/React.createElement(react.AccordionItem, {
276
282
  title: filterLabel,
277
283
  key: filterLabel
278
284
  }, renderFilter(filter));
@@ -283,34 +289,34 @@ var FilterPanel = function FilterPanel(_ref) {
283
289
  })), renderActionSet()));
284
290
  };
285
291
  FilterPanel.propTypes = {
286
- autoHideFilters: index["default"].bool,
287
- closeIconDescription: index["default"].string,
288
- filterPanelMinHeight: index["default"].number,
289
- filterSections: index["default"].array,
290
- isFetching: index["default"].bool,
291
- onApply: index["default"].func,
292
- onCancel: index["default"].func,
293
- onPanelClose: index["default"].func,
294
- onPanelOpen: index["default"].func,
295
- open: index["default"].bool,
296
- primaryActionLabel: index["default"].string,
292
+ autoHideFilters: index.default.bool,
293
+ closeIconDescription: index.default.string,
294
+ filterPanelMinHeight: index.default.number,
295
+ filterSections: index.default.array,
296
+ isFetching: index.default.bool,
297
+ onApply: index.default.func,
298
+ onCancel: index.default.func,
299
+ onPanelClose: index.default.func,
300
+ onPanelOpen: index.default.func,
301
+ open: index.default.bool,
302
+ primaryActionLabel: index.default.string,
297
303
  /**
298
304
  * Filters from react table's state
299
305
  */
300
- reactTableFiltersState: index["default"].arrayOf(index["default"].shape({
301
- id: index["default"].string.isRequired,
302
- type: index["default"].string.isRequired,
303
- value: index["default"].any.isRequired
306
+ reactTableFiltersState: index.default.arrayOf(index.default.shape({
307
+ id: index.default.string.isRequired,
308
+ type: index.default.string.isRequired,
309
+ value: index.default.any.isRequired
304
310
  })),
305
- searchLabelText: index["default"].string,
306
- searchPlaceholder: index["default"].string,
307
- secondaryActionLabel: index["default"].string,
308
- setAllFilters: index["default"].func,
309
- showFilterSearch: index["default"].bool,
310
- title: index["default"].string,
311
- updateMethod: index["default"].oneOf([constants.BATCH, constants.INSTANT])
311
+ searchLabelText: index.default.string,
312
+ searchPlaceholder: index.default.string,
313
+ secondaryActionLabel: index.default.string,
314
+ setAllFilters: index.default.func,
315
+ showFilterSearch: index.default.bool,
316
+ title: index.default.string,
317
+ updateMethod: index.default.oneOf([constants.BATCH, constants.INSTANT])
312
318
  };
313
319
  var FilterPanel$1 = FilterPanel;
314
320
 
315
321
  exports.componentClass = componentClass;
316
- exports["default"] = FilterPanel$1;
322
+ exports.default = FilterPanel$1;
@@ -7,17 +7,11 @@
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');
15
13
  var constants = require('./constants.js');
16
14
 
17
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
18
-
19
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
20
-
21
15
  var FilterContext = /*#__PURE__*/React.createContext();
22
16
  var EventEmitter = {
23
17
  events: {},
@@ -194,15 +188,15 @@ var FilterProvider = function FilterProvider(_ref4) {
194
188
  dispatch: dispatch,
195
189
  tableId: tableId
196
190
  };
197
- return /*#__PURE__*/React__default["default"].createElement(FilterContext.Provider, {
191
+ return /*#__PURE__*/React.createElement(FilterContext.Provider, {
198
192
  value: value
199
193
  }, children);
200
194
  };
201
195
  FilterProvider.propTypes = {
202
- children: index["default"].oneOfType([index["default"].arrayOf(index["default"].node), index["default"].node]).isRequired,
203
- filterProps: index["default"].object,
204
- filters: index["default"].arrayOf(index["default"].object).isRequired,
205
- tableId: index["default"].string
196
+ children: index.default.oneOfType([index.default.arrayOf(index.default.node), index.default.node]).isRequired,
197
+ filterProps: index.default.object,
198
+ filters: index.default.arrayOf(index.default.object).isRequired,
199
+ tableId: index.default.string
206
200
  };
207
201
 
208
202
  exports.FilterContext = FilterContext;
@@ -16,10 +16,6 @@ var index = require('../../../../../node_modules/prop-types/index.js');
16
16
  var handleCheckboxChange = require('./handleCheckboxChange.js');
17
17
  var settings = require('../../../../../settings.js');
18
18
 
19
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
20
-
21
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
22
-
23
19
  var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
24
20
  var componentClass = "".concat(blockClass, "-filter-panel");
25
21
  var OverflowCheckboxes = function OverflowCheckboxes(_ref) {
@@ -40,7 +36,7 @@ var OverflowCheckboxes = function OverflowCheckboxes(_ref) {
40
36
  var firstFiveItems = filtersState[column].value.slice(0, 5);
41
37
  var restOfTheItems = filtersState[column].value.slice(5, filtersState[column].value.length);
42
38
  var renderCheckbox = function renderCheckbox(option) {
43
- return /*#__PURE__*/React__default["default"].createElement(react.Checkbox, _rollupPluginBabelHelpers["extends"]({
39
+ return /*#__PURE__*/React.createElement(react.Checkbox, _rollupPluginBabelHelpers.extends({
44
40
  key: option.labelText
45
41
  }, option, {
46
42
  onChange: function onChange(_, _ref2) {
@@ -63,7 +59,7 @@ var OverflowCheckboxes = function OverflowCheckboxes(_ref) {
63
59
  /** This should render the text "View all ([amount of checkboxes])" or "View less" */
64
60
  return showAllItems ? viewLessLabel : "".concat(viewAllLabel, " (").concat(filtersState[column].value.length, ")");
65
61
  };
66
- return /*#__PURE__*/React__default["default"].createElement(react.FormGroup, components.FormGroup, firstFiveItems.map(renderCheckbox), showAllItems && restOfTheItems.map(renderCheckbox), /*#__PURE__*/React__default["default"].createElement(react.Button, {
62
+ return /*#__PURE__*/React.createElement(react.FormGroup, components.FormGroup, firstFiveItems.map(renderCheckbox), showAllItems && restOfTheItems.map(renderCheckbox), /*#__PURE__*/React.createElement(react.Button, {
67
63
  className: "".concat(componentClass, "__view-all-button"),
68
64
  kind: "ghost",
69
65
  size: "sm",
@@ -73,15 +69,15 @@ var OverflowCheckboxes = function OverflowCheckboxes(_ref) {
73
69
  }, renderViewAllButtonText()));
74
70
  };
75
71
  OverflowCheckboxes.propTypes = {
76
- applyFilters: index["default"].func,
77
- column: index["default"].string,
78
- components: index["default"].object,
79
- filtersState: index["default"].object,
80
- setFiltersState: index["default"].func,
81
- type: index["default"].string,
82
- viewAllLabel: index["default"].string,
83
- viewLessLabel: index["default"].string
72
+ applyFilters: index.default.func,
73
+ column: index.default.string,
74
+ components: index.default.object,
75
+ filtersState: index.default.object,
76
+ setFiltersState: index.default.func,
77
+ type: index.default.string,
78
+ viewAllLabel: index.default.string,
79
+ viewLessLabel: index.default.string
84
80
  };
85
81
  var OverflowCheckboxes$1 = OverflowCheckboxes;
86
82
 
87
- exports["default"] = OverflowCheckboxes$1;
83
+ exports.default = OverflowCheckboxes$1;
@@ -7,8 +7,6 @@
7
7
 
8
8
  'use strict';
9
9
 
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
10
  /** Constants for update methods can either be batch or instant */
13
11
  var BATCH = 'batch';
14
12
  var INSTANT = 'instant';
@@ -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
 
14
12
  /**
@@ -24,4 +24,4 @@ var useFilterContext = function useFilterContext() {
24
24
  };
25
25
  var useFilterContext$1 = useFilterContext;
26
26
 
27
- exports["default"] = useFilterContext$1;
27
+ exports.default = useFilterContext$1;