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

Sign up to get free protection for your applications and to get access to all the features.
Files changed (766) hide show
  1. package/README.md +46 -21
  2. package/css/config.css +3 -0
  3. package/css/config.css.map +1 -0
  4. package/css/index-full-carbon.css +6711 -4153
  5. package/css/index-full-carbon.css.map +1 -1
  6. package/css/index-full-carbon.min.css +6 -10
  7. package/css/index-full-carbon.min.css.map +1 -1
  8. package/css/index-without-carbon-released-only.css +853 -698
  9. package/css/index-without-carbon-released-only.css.map +1 -1
  10. package/css/index-without-carbon-released-only.min.css +2 -10
  11. package/css/index-without-carbon-released-only.min.css.map +1 -1
  12. package/css/index-without-carbon.css +1080 -1011
  13. package/css/index-without-carbon.css.map +1 -1
  14. package/css/index-without-carbon.min.css +6 -10
  15. package/css/index-without-carbon.min.css.map +1 -1
  16. package/css/index.css +1524 -1091
  17. package/css/index.css.map +1 -1
  18. package/css/index.min.css +6 -10
  19. package/css/index.min.css.map +1 -1
  20. package/es/components/APIKeyModal/APIKeyDownloader.js +29 -41
  21. package/es/components/APIKeyModal/APIKeyModal.js +101 -185
  22. package/es/components/APIKeyModal/index.js +1 -0
  23. package/es/components/AboutModal/AboutModal.js +76 -111
  24. package/es/components/AboutModal/index.js +1 -0
  25. package/es/components/ActionBar/ActionBar.js +71 -90
  26. package/es/components/ActionBar/ActionBarItem.js +21 -22
  27. package/es/components/ActionBar/ActionBarOverflowItems.js +13 -12
  28. package/es/components/ActionBar/index.js +1 -0
  29. package/es/components/ActionSet/ActionSet.js +36 -42
  30. package/es/components/ActionSet/actions.js +1 -2
  31. package/es/components/ActionSet/index.js +1 -0
  32. package/es/components/AddSelect/AddSelect.js +9 -7
  33. package/es/components/AddSelect/AddSelectBody.js +119 -119
  34. package/es/components/AddSelect/AddSelectBreadcrumbs.js +10 -9
  35. package/es/components/AddSelect/AddSelectColumn.js +44 -56
  36. package/es/components/AddSelect/AddSelectFilter.js +32 -43
  37. package/es/components/AddSelect/AddSelectFormControl.js +82 -0
  38. package/es/components/AddSelect/AddSelectList.js +31 -218
  39. package/es/components/AddSelect/AddSelectMetaPanel.js +10 -5
  40. package/es/components/AddSelect/AddSelectRow.js +206 -0
  41. package/es/components/AddSelect/AddSelectSidebar.js +19 -23
  42. package/es/components/AddSelect/AddSelectSort.js +10 -8
  43. package/es/components/AddSelect/add-select-utils.js +10 -24
  44. package/es/components/AddSelect/hooks/useFocus.js +31 -0
  45. package/es/components/AddSelect/hooks/useItemSort.js +13 -8
  46. package/es/components/AddSelect/hooks/useParentSelect.js +10 -6
  47. package/es/components/AddSelect/hooks/usePath.js +27 -21
  48. package/es/components/AddSelect/index.js +2 -1
  49. package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +75 -104
  50. package/es/components/BreadcrumbWithOverflow/index.js +2 -0
  51. package/es/components/ButtonMenu/ButtonMenu.js +39 -37
  52. package/es/components/ButtonMenu/ButtonMenuItem.js +10 -6
  53. package/es/components/ButtonMenu/index.js +1 -0
  54. package/es/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +42 -64
  55. package/es/components/ButtonSetWithOverflow/index.js +1 -0
  56. package/es/components/Card/Card.js +64 -80
  57. package/es/components/Card/CardFooter.js +21 -20
  58. package/es/components/Card/CardHeader.js +15 -15
  59. package/es/components/Card/index.js +1 -0
  60. package/es/components/Cascade/Cascade.js +5 -14
  61. package/es/components/ComboButton/ComboButton.js +24 -35
  62. package/es/components/ComboButton/ComboButtonItem/index.js +4 -8
  63. package/es/components/ComboButton/index.js +1 -0
  64. package/es/components/CreateFullPage/CreateFullPage.js +80 -90
  65. package/es/components/CreateFullPage/CreateFullPageStep.js +44 -49
  66. package/es/components/CreateFullPage/index.js +1 -0
  67. package/es/components/CreateInfluencer/CreateInfluencer.js +14 -15
  68. package/es/components/CreateInfluencer/index.js +1 -0
  69. package/es/components/CreateModal/CreateModal.js +19 -31
  70. package/es/components/CreateModal/index.js +2 -0
  71. package/es/components/CreateSidePanel/CreateSidePanel.js +24 -37
  72. package/es/components/CreateSidePanel/index.js +1 -0
  73. package/es/components/CreateTearsheet/CreateTearsheet.js +80 -91
  74. package/es/components/CreateTearsheet/CreateTearsheetDivider.js +4 -4
  75. package/es/components/CreateTearsheet/CreateTearsheetStep.js +39 -50
  76. package/es/components/CreateTearsheet/index.js +1 -0
  77. package/es/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +60 -84
  78. package/es/components/CreateTearsheet/preview-components/MultiStepWithIntro.js +50 -70
  79. package/es/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +32 -41
  80. package/es/components/CreateTearsheetNarrow/index.js +1 -0
  81. package/es/components/DataSpreadsheet/DataSpreadsheet.js +139 -229
  82. package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +62 -113
  83. package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +25 -56
  84. package/es/components/DataSpreadsheet/hooks/index.js +1 -0
  85. package/es/components/DataSpreadsheet/hooks/useMoveActiveCell.js +6 -5
  86. package/es/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +23 -44
  87. package/es/components/DataSpreadsheet/hooks/useResetSpreadsheetFocus.js +5 -5
  88. package/es/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +18 -30
  89. package/es/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +10 -14
  90. package/es/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +34 -54
  91. package/es/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +10 -10
  92. package/es/components/DataSpreadsheet/index.js +1 -0
  93. package/es/components/DataSpreadsheet/utils/checkActiveHeaderCell.js +4 -8
  94. package/es/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +3 -4
  95. package/es/components/DataSpreadsheet/utils/createActiveCellFn.js +15 -19
  96. package/es/components/DataSpreadsheet/utils/createCellSelectionArea.js +15 -17
  97. package/es/components/DataSpreadsheet/utils/generateData.js +4 -13
  98. package/es/components/DataSpreadsheet/utils/getCellSize.js +1 -6
  99. package/es/components/DataSpreadsheet/utils/getSelectionAreaPoints.js +1 -0
  100. package/es/components/DataSpreadsheet/utils/getSpreadsheetWidth.js +7 -9
  101. package/es/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +20 -34
  102. package/es/components/DataSpreadsheet/utils/handleActiveCellInSelectionTab.js +20 -30
  103. package/es/components/DataSpreadsheet/utils/handleCellDeletion.js +18 -9
  104. package/es/components/DataSpreadsheet/utils/handleEditSubmit.js +13 -20
  105. package/es/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +22 -44
  106. package/es/components/DataSpreadsheet/utils/handleMultipleKeys.js +40 -75
  107. package/es/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +6 -8
  108. package/es/components/DataSpreadsheet/utils/removeCellSelections.js +6 -8
  109. package/es/components/DataSpreadsheet/utils/selectAllCells.js +7 -11
  110. package/es/components/Datagrid/Datagrid/Datagrid.js +21 -17
  111. package/es/components/Datagrid/Datagrid/DatagridBody.js +4 -10
  112. package/es/components/Datagrid/Datagrid/DatagridContent.js +89 -57
  113. package/es/components/Datagrid/Datagrid/DatagridEmptyBody.js +29 -26
  114. package/es/components/Datagrid/Datagrid/DatagridExpandedRow.js +4 -6
  115. package/es/components/Datagrid/Datagrid/DatagridHead.js +7 -8
  116. package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +8 -13
  117. package/es/components/Datagrid/Datagrid/DatagridRefBody.js +8 -9
  118. package/es/components/Datagrid/Datagrid/DatagridRow.js +76 -28
  119. package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +29 -24
  120. package/es/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +47 -44
  121. package/es/components/Datagrid/Datagrid/DatagridSimpleBody.js +6 -10
  122. package/es/components/Datagrid/Datagrid/DatagridToolbar.js +37 -46
  123. package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +53 -31
  124. package/es/components/Datagrid/Datagrid/DraggableElement.js +82 -89
  125. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +10 -14
  126. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +18 -21
  127. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +37 -85
  128. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +176 -0
  129. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +109 -0
  130. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +51 -0
  131. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js +1 -1
  132. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/index.js +2 -1
  133. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +244 -0
  134. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +269 -0
  135. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +83 -0
  136. package/es/components/Datagrid/Datagrid/addons/Filtering/constants.js +27 -0
  137. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/index.js +11 -0
  138. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +299 -0
  139. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useInitialStateFromFilters.js +21 -0
  140. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +34 -0
  141. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useSubscribeToEventEmitter.js +23 -0
  142. package/es/components/Datagrid/Datagrid/addons/Filtering/index.js +9 -0
  143. package/es/components/Datagrid/Datagrid/addons/Filtering/motion/variants.js +55 -0
  144. package/es/components/Datagrid/Datagrid/addons/Filtering/utils.js +84 -0
  145. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +11 -12
  146. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +73 -118
  147. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js +7 -21
  148. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/getCellIdAsObject.js +1 -1
  149. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +9 -14
  150. package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridFocus.js +2 -3
  151. package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +29 -64
  152. package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +14 -21
  153. package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +35 -33
  154. package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +19 -27
  155. package/es/components/Datagrid/Datagrid/addons/RowSize/index.js +1 -0
  156. package/es/components/Datagrid/Datagrid/index.js +1 -0
  157. package/es/components/Datagrid/Datagrid.stories/StickyActionsColumnStory.js +10 -0
  158. package/es/components/Datagrid/Datagrid.stories/common.js +2 -11
  159. package/es/components/Datagrid/Datagrid.stories/index.js +0 -1
  160. package/es/components/Datagrid/common-column-ids.js +1 -0
  161. package/es/components/Datagrid/index.js +10 -7
  162. package/es/components/Datagrid/useActionsColumn.js +42 -32
  163. package/es/components/Datagrid/useColumnCenterAlign.js +0 -8
  164. package/es/components/Datagrid/useColumnOrder.js +1 -0
  165. package/es/components/Datagrid/useColumnRightAlign.js +0 -8
  166. package/es/components/Datagrid/useCustomizeColumns.js +11 -19
  167. package/es/components/Datagrid/useDatagrid.js +0 -7
  168. package/es/components/Datagrid/useDefaultStringRenderer.js +1 -10
  169. package/es/components/Datagrid/useDisableSelectRows.js +2 -10
  170. package/es/components/Datagrid/useEditableCell.js +12 -0
  171. package/es/components/Datagrid/useExpandedRow.js +5 -15
  172. package/es/components/Datagrid/useFiltering.js +91 -0
  173. package/es/components/Datagrid/useFlexResize.js +0 -7
  174. package/es/components/Datagrid/useFloatingScroll.js +9 -22
  175. package/es/components/Datagrid/useInfiniteScroll.js +15 -17
  176. package/es/components/Datagrid/useInlineEdit.js +17 -20
  177. package/es/components/Datagrid/useNestedRowExpander.js +7 -8
  178. package/es/components/Datagrid/useNestedRows.js +13 -12
  179. package/es/components/Datagrid/useOnRowClick.js +16 -13
  180. package/es/components/Datagrid/useParentDimensions.js +9 -17
  181. package/es/components/Datagrid/useResizeTable.js +1 -7
  182. package/es/components/Datagrid/useRowExpander.js +11 -8
  183. package/es/components/Datagrid/useRowIsMouseOver.js +6 -15
  184. package/es/components/Datagrid/useRowRenderer.js +0 -5
  185. package/es/components/Datagrid/useRowSize.js +8 -20
  186. package/es/components/Datagrid/useSelectAllToggle.js +27 -24
  187. package/es/components/Datagrid/useSelectRows.js +30 -31
  188. package/es/components/Datagrid/useSkeletonRows.js +1 -6
  189. package/es/components/Datagrid/useSortableColumns.js +33 -39
  190. package/es/components/Datagrid/useStickyColumn.js +21 -36
  191. package/es/components/Datagrid/utils/DatagridActions.js +166 -79
  192. package/es/components/Datagrid/utils/DatagridPagination.js +5 -6
  193. package/es/components/Datagrid/utils/Wrapper.js +1 -1
  194. package/es/components/Datagrid/utils/getArgTypes.js +10 -0
  195. package/es/components/Datagrid/utils/getAutoSizedColumnWidth.js +27 -0
  196. package/es/components/Datagrid/utils/getInlineEditColumns.js +8 -4
  197. package/es/components/Datagrid/utils/makeData.js +23 -30
  198. package/es/components/EditFullPage/EditFullPage.js +27 -20
  199. package/es/components/EditFullPage/index.js +1 -0
  200. package/es/components/EditInPlace/EditInPlace.js +303 -0
  201. package/es/components/{InlineEdit → EditInPlace}/index.js +2 -1
  202. package/es/components/EditSidePanel/EditSidePanel.js +38 -51
  203. package/es/components/EditSidePanel/index.js +1 -0
  204. package/es/components/EditTearsheet/EditTearsheet.js +35 -45
  205. package/es/components/EditTearsheet/EditTearsheetForm.js +19 -25
  206. package/es/components/EditTearsheet/index.js +1 -0
  207. package/es/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js +37 -49
  208. package/es/components/EditTearsheetNarrow/EditTearsheetNarrow.js +27 -20
  209. package/es/components/EditTearsheetNarrow/index.js +1 -0
  210. package/es/components/EditUpdateCards/EditUpdateCards.js +142 -0
  211. package/es/components/EditUpdateCards/index.js +8 -0
  212. package/es/components/EmptyStates/EmptyState.js +33 -36
  213. package/es/components/EmptyStates/EmptyStateContent.js +19 -18
  214. package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +28 -26
  215. package/es/components/EmptyStates/ErrorEmptyState/index.js +1 -0
  216. package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +28 -26
  217. package/es/components/EmptyStates/NoDataEmptyState/index.js +1 -0
  218. package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +28 -26
  219. package/es/components/EmptyStates/NoTagsEmptyState/index.js +1 -0
  220. package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +28 -26
  221. package/es/components/EmptyStates/NotFoundEmptyState/index.js +1 -0
  222. package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +28 -26
  223. package/es/components/EmptyStates/NotificationsEmptyState/index.js +1 -0
  224. package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +28 -26
  225. package/es/components/EmptyStates/UnauthorizedEmptyState/index.js +1 -0
  226. package/es/components/EmptyStates/assets/ErrorIllustration.js +7 -6
  227. package/es/components/EmptyStates/assets/NoDataIllustration.js +7 -6
  228. package/es/components/EmptyStates/assets/NoTagsIllustration.js +7 -6
  229. package/es/components/EmptyStates/assets/NotFoundIllustration.js +7 -6
  230. package/es/components/EmptyStates/assets/NotificationsIllustration.js +7 -6
  231. package/es/components/EmptyStates/assets/UnauthorizedIllustration.js +7 -6
  232. package/es/components/EmptyStates/index.js +1 -0
  233. package/es/components/ExampleComponent/ExampleComponent.js +69 -48
  234. package/es/components/ExampleComponent/ExampleDeprecatedComponent.js +28 -0
  235. package/es/components/ExampleComponent/index.js +1 -0
  236. package/es/components/ExampleComponent/useExample.js +49 -0
  237. package/es/components/ExportModal/ExportModal.js +41 -80
  238. package/es/components/ExportModal/index.js +1 -0
  239. package/es/components/ExpressiveCard/ExpressiveCard.js +6 -23
  240. package/es/components/ExpressiveCard/index.js +1 -0
  241. package/es/components/FilterSummary/FilterSummary.js +54 -0
  242. package/es/components/FilterSummary/index.js +7 -0
  243. package/es/components/HTTPErrors/HTTPError403/HTTPError403.js +16 -18
  244. package/es/components/HTTPErrors/HTTPError403/index.js +1 -0
  245. package/es/components/HTTPErrors/HTTPError404/HTTPError404.js +16 -18
  246. package/es/components/HTTPErrors/HTTPError404/index.js +1 -0
  247. package/es/components/HTTPErrors/HTTPErrorContent.js +15 -18
  248. package/es/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +16 -18
  249. package/es/components/HTTPErrors/HTTPErrorOther/index.js +1 -0
  250. package/es/components/HTTPErrors/assets/HTTPErrorSvg403.js +6 -3
  251. package/es/components/HTTPErrors/assets/HTTPErrorSvg404.js +6 -3
  252. package/es/components/HTTPErrors/assets/HTTPErrorSvgOther.js +6 -3
  253. package/es/components/HTTPErrors/index.js +1 -0
  254. package/es/components/ImportModal/ImportModal.js +82 -137
  255. package/es/components/ImportModal/index.js +1 -0
  256. package/es/components/MultiAddSelect/MultiAddSelect.js +14 -29
  257. package/es/components/MultiAddSelect/index.js +7 -0
  258. package/es/components/NotificationsPanel/NotificationsPanel.js +85 -126
  259. package/es/components/NotificationsPanel/NotificationsPanel_data.js +1 -0
  260. package/es/components/NotificationsPanel/index.js +1 -0
  261. package/es/components/NotificationsPanel/preview-components/UnreadNotificationBell.js +1 -2
  262. package/es/components/NotificationsPanel/utils.js +13 -19
  263. package/es/components/OptionsTile/OptionsTile.js +73 -86
  264. package/es/components/OptionsTile/index.js +1 -0
  265. package/es/components/PageHeader/PageHeader.js +159 -225
  266. package/es/components/PageHeader/PageHeaderDemo.data.js +0 -1
  267. package/es/components/PageHeader/PageHeaderTitle.js +35 -39
  268. package/es/components/PageHeader/PageHeaderUtils.js +18 -45
  269. package/es/components/PageHeader/index.js +1 -0
  270. package/es/components/ProductiveCard/ProductiveCard.js +10 -27
  271. package/es/components/ProductiveCard/index.js +1 -0
  272. package/es/components/RemoveModal/RemoveModal.js +41 -47
  273. package/es/components/RemoveModal/index.js +1 -0
  274. package/es/components/Saving/Saving.js +15 -30
  275. package/es/components/Saving/index.js +1 -0
  276. package/es/components/SidePanel/SidePanel.js +166 -213
  277. package/es/components/SidePanel/constants.js +1 -0
  278. package/es/components/SidePanel/index.js +1 -0
  279. package/es/components/SidePanel/motion/variants.js +46 -0
  280. package/es/components/SingleAddSelect/SingleAddSelect.js +7 -14
  281. package/es/components/SingleAddSelect/index.js +7 -0
  282. package/es/components/StatusIcon/StatusIcon.js +5 -12
  283. package/es/components/StatusIcon/index.js +1 -0
  284. package/es/components/TagSet/TagSet.js +62 -97
  285. package/es/components/TagSet/TagSetModal.js +19 -30
  286. package/es/components/TagSet/TagSetOverflow.js +14 -23
  287. package/es/components/TagSet/constants.js +1 -0
  288. package/es/components/TagSet/index.js +1 -0
  289. package/es/components/Tearsheet/Tearsheet.js +37 -36
  290. package/es/components/Tearsheet/TearsheetNarrow.js +26 -25
  291. package/es/components/Tearsheet/TearsheetShell.js +92 -102
  292. package/es/components/Tearsheet/index.js +1 -0
  293. package/es/components/Toolbar/Toolbar.js +13 -27
  294. package/es/components/Toolbar/ToolbarButton.js +8 -14
  295. package/es/components/Toolbar/ToolbarGroup.js +4 -6
  296. package/es/components/Toolbar/index.js +1 -0
  297. package/es/components/UserProfileImage/UserProfileImage.js +26 -40
  298. package/es/components/UserProfileImage/index.js +2 -0
  299. package/es/components/WebTerminal/WebTerminal.js +44 -54
  300. package/es/components/WebTerminal/WebTerminalContentWrapper.js +14 -11
  301. package/es/components/WebTerminal/hooks/index.js +8 -7
  302. package/es/components/WebTerminal/index.js +1 -0
  303. package/es/components/WebTerminal/preview-components/Navigation.js +2 -4
  304. package/es/components/WebTerminal/preview-components/documentationLinks.js +1 -0
  305. package/es/components/_Canary/Canary.js +13 -13
  306. package/es/components/_Canary/index.js +1 -0
  307. package/es/components/index.js +6 -5
  308. package/es/global/js/hooks/index.js +3 -1
  309. package/es/global/js/hooks/useActiveElement.js +4 -6
  310. package/es/global/js/hooks/useClickOutside.js +1 -1
  311. package/es/global/js/hooks/useControllableState.js +74 -0
  312. package/es/global/js/hooks/useCreateComponentFocus.js +35 -13
  313. package/es/global/js/hooks/useCreateComponentStepChange.js +94 -131
  314. package/es/global/js/hooks/usePreviousValue.js +2 -1
  315. package/es/global/js/hooks/useResetCreateComponent.js +16 -11
  316. package/es/global/js/hooks/useResizeObserver.js +74 -0
  317. package/es/global/js/hooks/useRetrieveStepData.js +7 -10
  318. package/es/global/js/hooks/useValidCreateStepCount.js +2 -1
  319. package/es/global/js/hooks/useWindowResize.js +14 -16
  320. package/es/global/js/hooks/useWindowScroll.js +10 -14
  321. package/es/global/js/package-settings.js +32 -19
  322. package/es/global/js/utils/ClickListener.js +5 -10
  323. package/es/global/js/utils/DisplayBox.js +3 -2
  324. package/es/global/js/utils/Wrap.js +14 -17
  325. package/es/global/js/utils/deepCloneObject.js +5 -8
  326. package/es/global/js/utils/devtools.js +1 -4
  327. package/es/global/js/utils/getBezierValues.js +19 -0
  328. package/es/global/js/utils/getFocusableElements.js +1 -1
  329. package/es/global/js/utils/getNumberOfHiddenSteps.js +19 -0
  330. package/es/global/js/utils/getScrollbarWidth.js +1 -0
  331. package/es/global/js/utils/keyboardNavigation.js +7 -5
  332. package/es/global/js/utils/lastIndexInArray.js +0 -2
  333. package/es/global/js/utils/motionConstants.js +44 -0
  334. package/es/global/js/utils/pconsole.js +1 -3
  335. package/es/global/js/utils/props-helper.js +19 -35
  336. package/es/global/js/utils/rangeWithCallback.js +1 -0
  337. package/es/global/js/utils/scrollableAncestor.js +6 -9
  338. package/es/global/js/utils/story-helper.js +39 -10
  339. package/es/global/js/utils/test-helper.js +71 -59
  340. package/es/global/js/utils/unwrap-if-fragment.js +9 -17
  341. package/es/global/js/utils/uuidv4.js +1 -2
  342. package/es/global/js/utils/uuidv4.spec.js +1 -1
  343. package/es/global/js/utils/wait.js +1 -1
  344. package/es/global/js/utils/wrapFocus.js +8 -14
  345. package/es/index.js +1 -0
  346. package/es/settings.js +48 -29
  347. package/lib/components/APIKeyModal/APIKeyDownloader.js +29 -54
  348. package/lib/components/APIKeyModal/APIKeyModal.js +106 -207
  349. package/lib/components/APIKeyModal/index.js +0 -1
  350. package/lib/components/AboutModal/AboutModal.js +79 -128
  351. package/lib/components/AboutModal/index.js +0 -1
  352. package/lib/components/ActionBar/ActionBar.js +73 -106
  353. package/lib/components/ActionBar/ActionBarItem.js +23 -29
  354. package/lib/components/ActionBar/ActionBarOverflowItems.js +11 -22
  355. package/lib/components/ActionBar/index.js +0 -2
  356. package/lib/components/ActionSet/ActionSet.js +41 -52
  357. package/lib/components/ActionSet/actions.js +1 -5
  358. package/lib/components/ActionSet/index.js +0 -1
  359. package/lib/components/AddSelect/AddSelect.js +13 -19
  360. package/lib/components/AddSelect/AddSelectBody.js +121 -147
  361. package/lib/components/AddSelect/AddSelectBreadcrumbs.js +10 -19
  362. package/lib/components/AddSelect/AddSelectColumn.js +47 -76
  363. package/lib/components/AddSelect/AddSelectFilter.js +35 -57
  364. package/lib/components/AddSelect/AddSelectFormControl.js +90 -0
  365. package/lib/components/AddSelect/AddSelectList.js +30 -232
  366. package/lib/components/AddSelect/AddSelectMetaPanel.js +9 -17
  367. package/lib/components/AddSelect/AddSelectRow.js +217 -0
  368. package/lib/components/AddSelect/AddSelectSidebar.js +23 -33
  369. package/lib/components/AddSelect/AddSelectSort.js +10 -19
  370. package/lib/components/AddSelect/add-select-utils.js +10 -34
  371. package/lib/components/AddSelect/hooks/useFocus.js +39 -0
  372. package/lib/components/AddSelect/hooks/useItemSort.js +12 -12
  373. package/lib/components/AddSelect/hooks/useParentSelect.js +9 -8
  374. package/lib/components/AddSelect/hooks/usePath.js +26 -23
  375. package/lib/components/AddSelect/index.js +0 -1
  376. package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +75 -116
  377. package/lib/components/BreadcrumbWithOverflow/index.js +0 -1
  378. package/lib/components/ButtonMenu/ButtonMenu.js +40 -41
  379. package/lib/components/ButtonMenu/ButtonMenuItem.js +9 -10
  380. package/lib/components/ButtonMenu/index.js +0 -2
  381. package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +46 -83
  382. package/lib/components/ButtonSetWithOverflow/index.js +0 -1
  383. package/lib/components/Card/Card.js +66 -91
  384. package/lib/components/Card/CardFooter.js +21 -30
  385. package/lib/components/Card/CardHeader.js +15 -25
  386. package/lib/components/Card/index.js +0 -3
  387. package/lib/components/Cascade/Cascade.js +10 -31
  388. package/lib/components/Cascade/index.js +0 -1
  389. package/lib/components/ComboButton/ComboButton.js +29 -49
  390. package/lib/components/ComboButton/ComboButtonItem/index.js +2 -10
  391. package/lib/components/ComboButton/index.js +0 -2
  392. package/lib/components/CreateFullPage/CreateFullPage.js +83 -107
  393. package/lib/components/CreateFullPage/CreateFullPageStep.js +47 -63
  394. package/lib/components/CreateFullPage/index.js +0 -2
  395. package/lib/components/CreateInfluencer/CreateInfluencer.js +13 -24
  396. package/lib/components/CreateInfluencer/index.js +0 -1
  397. package/lib/components/CreateModal/CreateModal.js +24 -39
  398. package/lib/components/CreateModal/index.js +0 -1
  399. package/lib/components/CreateSidePanel/CreateSidePanel.js +26 -46
  400. package/lib/components/CreateSidePanel/index.js +0 -1
  401. package/lib/components/CreateTearsheet/CreateTearsheet.js +85 -110
  402. package/lib/components/CreateTearsheet/CreateTearsheetDivider.js +9 -14
  403. package/lib/components/CreateTearsheet/CreateTearsheetStep.js +43 -65
  404. package/lib/components/CreateTearsheet/index.js +0 -3
  405. package/lib/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +65 -96
  406. package/lib/components/CreateTearsheet/preview-components/MultiStepWithIntro.js +50 -84
  407. package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +35 -49
  408. package/lib/components/CreateTearsheetNarrow/index.js +0 -1
  409. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +141 -259
  410. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +67 -136
  411. package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +30 -76
  412. package/lib/components/DataSpreadsheet/hooks/index.js +0 -7
  413. package/lib/components/DataSpreadsheet/hooks/useMoveActiveCell.js +4 -7
  414. package/lib/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +23 -48
  415. package/lib/components/DataSpreadsheet/hooks/useResetSpreadsheetFocus.js +5 -9
  416. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +18 -37
  417. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +7 -18
  418. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +39 -62
  419. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +8 -14
  420. package/lib/components/DataSpreadsheet/index.js +0 -1
  421. package/lib/components/DataSpreadsheet/utils/checkActiveHeaderCell.js +1 -9
  422. package/lib/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +3 -7
  423. package/lib/components/DataSpreadsheet/utils/createActiveCellFn.js +15 -23
  424. package/lib/components/DataSpreadsheet/utils/createCellSelectionArea.js +15 -22
  425. package/lib/components/DataSpreadsheet/utils/generateData.js +4 -16
  426. package/lib/components/DataSpreadsheet/utils/getCellSize.js +1 -8
  427. package/lib/components/DataSpreadsheet/utils/getSelectionAreaPoints.js +1 -2
  428. package/lib/components/DataSpreadsheet/utils/getSpreadsheetWidth.js +7 -12
  429. package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +25 -39
  430. package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionTab.js +20 -33
  431. package/lib/components/DataSpreadsheet/utils/handleCellDeletion.js +18 -13
  432. package/lib/components/DataSpreadsheet/utils/handleEditSubmit.js +16 -25
  433. package/lib/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +22 -50
  434. package/lib/components/DataSpreadsheet/utils/handleMultipleKeys.js +45 -85
  435. package/lib/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +6 -12
  436. package/lib/components/DataSpreadsheet/utils/removeCellSelections.js +4 -10
  437. package/lib/components/DataSpreadsheet/utils/selectAllCells.js +12 -17
  438. package/lib/components/Datagrid/Datagrid/Datagrid.js +26 -31
  439. package/lib/components/Datagrid/Datagrid/DatagridBody.js +5 -16
  440. package/lib/components/Datagrid/Datagrid/DatagridContent.js +89 -80
  441. package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +28 -31
  442. package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +4 -10
  443. package/lib/components/Datagrid/Datagrid/DatagridHead.js +6 -11
  444. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +8 -20
  445. package/lib/components/Datagrid/Datagrid/DatagridRefBody.js +15 -16
  446. package/lib/components/Datagrid/Datagrid/DatagridRow.js +85 -46
  447. package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +40 -32
  448. package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +45 -50
  449. package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +12 -17
  450. package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +37 -59
  451. package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +58 -40
  452. package/lib/components/Datagrid/Datagrid/DraggableElement.js +82 -101
  453. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +10 -23
  454. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +18 -25
  455. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +36 -99
  456. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +184 -0
  457. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +117 -0
  458. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +61 -0
  459. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js +1 -5
  460. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/index.js +3 -6
  461. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +255 -0
  462. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +280 -0
  463. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +96 -0
  464. package/lib/components/Datagrid/Datagrid/addons/Filtering/constants.js +45 -0
  465. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/index.js +34 -0
  466. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +309 -0
  467. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useInitialStateFromFilters.js +30 -0
  468. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +41 -0
  469. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useSubscribeToEventEmitter.js +30 -0
  470. package/lib/components/Datagrid/Datagrid/addons/Filtering/index.js +33 -0
  471. package/lib/components/Datagrid/Datagrid/addons/Filtering/motion/variants.js +64 -0
  472. package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js +91 -0
  473. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +11 -20
  474. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/index.js +0 -1
  475. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +80 -140
  476. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/index.js +0 -1
  477. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js +12 -33
  478. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/getCellIdAsObject.js +1 -3
  479. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/index.js +0 -1
  480. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +14 -19
  481. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridFocus.js +2 -5
  482. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +34 -72
  483. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +14 -27
  484. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +34 -41
  485. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +19 -38
  486. package/lib/components/Datagrid/Datagrid/addons/RowSize/index.js +0 -2
  487. package/lib/components/Datagrid/Datagrid/index.js +0 -1
  488. package/lib/components/Datagrid/Datagrid.stories/StickyActionsColumnStory.js +10 -0
  489. package/lib/components/Datagrid/Datagrid.stories/common.js +2 -17
  490. package/lib/components/Datagrid/Datagrid.stories/index.js +0 -13
  491. package/lib/components/Datagrid/common-column-ids.js +1 -1
  492. package/lib/components/Datagrid/index.js +22 -20
  493. package/lib/components/Datagrid/useActionsColumn.js +49 -38
  494. package/lib/components/Datagrid/useColumnCenterAlign.js +7 -15
  495. package/lib/components/Datagrid/useColumnOrder.js +0 -2
  496. package/lib/components/Datagrid/useColumnRightAlign.js +7 -15
  497. package/lib/components/Datagrid/useCustomizeColumns.js +17 -26
  498. package/lib/components/Datagrid/useDatagrid.js +7 -21
  499. package/lib/components/Datagrid/useDefaultStringRenderer.js +8 -17
  500. package/lib/components/Datagrid/useDisableSelectRows.js +2 -11
  501. package/lib/components/Datagrid/useEditableCell.js +20 -0
  502. package/lib/components/Datagrid/useExpandedRow.js +12 -21
  503. package/lib/components/Datagrid/useFiltering.js +98 -0
  504. package/lib/components/Datagrid/useFlexResize.js +0 -9
  505. package/lib/components/Datagrid/useFloatingScroll.js +10 -27
  506. package/lib/components/Datagrid/useInfiniteScroll.js +15 -21
  507. package/lib/components/Datagrid/useInlineEdit.js +20 -26
  508. package/lib/components/Datagrid/useNestedRowExpander.js +7 -14
  509. package/lib/components/Datagrid/useNestedRows.js +14 -16
  510. package/lib/components/Datagrid/useOnRowClick.js +16 -14
  511. package/lib/components/Datagrid/useParentDimensions.js +10 -19
  512. package/lib/components/Datagrid/useResizeTable.js +2 -8
  513. package/lib/components/Datagrid/useRowExpander.js +12 -11
  514. package/lib/components/Datagrid/useRowIsMouseOver.js +12 -20
  515. package/lib/components/Datagrid/useRowRenderer.js +1 -7
  516. package/lib/components/Datagrid/useRowSize.js +14 -25
  517. package/lib/components/Datagrid/useSelectAllToggle.js +31 -31
  518. package/lib/components/Datagrid/useSelectRows.js +40 -44
  519. package/lib/components/Datagrid/useSkeletonRows.js +1 -8
  520. package/lib/components/Datagrid/useSortableColumns.js +33 -41
  521. package/lib/components/Datagrid/useStickyColumn.js +26 -42
  522. package/lib/components/Datagrid/utils/DatagridActions.js +168 -88
  523. package/lib/components/Datagrid/utils/DatagridPagination.js +5 -11
  524. package/lib/components/Datagrid/utils/Wrapper.js +1 -5
  525. package/lib/components/Datagrid/utils/getArgTypes.js +10 -1
  526. package/lib/components/Datagrid/utils/getAutoSizedColumnWidth.js +35 -0
  527. package/lib/components/Datagrid/utils/getInlineEditColumns.js +8 -10
  528. package/lib/components/Datagrid/utils/makeData.js +29 -41
  529. package/lib/components/EditFullPage/EditFullPage.js +30 -26
  530. package/lib/components/EditFullPage/index.js +0 -1
  531. package/lib/components/EditInPlace/EditInPlace.js +312 -0
  532. package/lib/components/{InlineEdit → EditInPlace}/index.js +3 -4
  533. package/lib/components/EditSidePanel/EditSidePanel.js +40 -59
  534. package/lib/components/EditSidePanel/index.js +0 -1
  535. package/lib/components/EditTearsheet/EditTearsheet.js +39 -61
  536. package/lib/components/EditTearsheet/EditTearsheetForm.js +24 -39
  537. package/lib/components/EditTearsheet/index.js +0 -2
  538. package/lib/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js +37 -62
  539. package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js +30 -26
  540. package/lib/components/EditTearsheetNarrow/index.js +0 -1
  541. package/lib/components/EditUpdateCards/EditUpdateCards.js +146 -0
  542. package/lib/components/EditUpdateCards/index.js +12 -0
  543. package/lib/components/EmptyStates/EmptyState.js +36 -49
  544. package/lib/components/EmptyStates/EmptyStateContent.js +21 -27
  545. package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +31 -39
  546. package/lib/components/EmptyStates/ErrorEmptyState/index.js +0 -1
  547. package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +31 -39
  548. package/lib/components/EmptyStates/NoDataEmptyState/index.js +0 -1
  549. package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +31 -39
  550. package/lib/components/EmptyStates/NoTagsEmptyState/index.js +0 -1
  551. package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +31 -39
  552. package/lib/components/EmptyStates/NotFoundEmptyState/index.js +0 -1
  553. package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +31 -39
  554. package/lib/components/EmptyStates/NotificationsEmptyState/index.js +0 -1
  555. package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +31 -39
  556. package/lib/components/EmptyStates/UnauthorizedEmptyState/index.js +0 -1
  557. package/lib/components/EmptyStates/assets/ErrorIllustration.js +10 -13
  558. package/lib/components/EmptyStates/assets/NoDataIllustration.js +10 -13
  559. package/lib/components/EmptyStates/assets/NoTagsIllustration.js +10 -13
  560. package/lib/components/EmptyStates/assets/NotFoundIllustration.js +10 -13
  561. package/lib/components/EmptyStates/assets/NotificationsIllustration.js +10 -13
  562. package/lib/components/EmptyStates/assets/UnauthorizedIllustration.js +10 -13
  563. package/lib/components/EmptyStates/index.js +0 -7
  564. package/lib/components/ExampleComponent/ExampleComponent.js +75 -55
  565. package/lib/components/ExampleComponent/ExampleDeprecatedComponent.js +36 -0
  566. package/lib/components/ExampleComponent/index.js +0 -1
  567. package/lib/components/ExampleComponent/useExample.js +58 -0
  568. package/lib/components/ExportModal/ExportModal.js +46 -96
  569. package/lib/components/ExportModal/index.js +0 -1
  570. package/lib/components/ExpressiveCard/ExpressiveCard.js +6 -35
  571. package/lib/components/ExpressiveCard/index.js +0 -1
  572. package/lib/components/FilterSummary/FilterSummary.js +63 -0
  573. package/lib/components/FilterSummary/index.js +13 -0
  574. package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +19 -27
  575. package/lib/components/HTTPErrors/HTTPError403/index.js +0 -1
  576. package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +19 -27
  577. package/lib/components/HTTPErrors/HTTPError404/index.js +0 -1
  578. package/lib/components/HTTPErrors/HTTPErrorContent.js +17 -24
  579. package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +19 -27
  580. package/lib/components/HTTPErrors/HTTPErrorOther/index.js +0 -1
  581. package/lib/components/HTTPErrors/assets/HTTPErrorSvg403.js +6 -7
  582. package/lib/components/HTTPErrors/assets/HTTPErrorSvg404.js +6 -7
  583. package/lib/components/HTTPErrors/assets/HTTPErrorSvgOther.js +6 -7
  584. package/lib/components/HTTPErrors/index.js +0 -3
  585. package/lib/components/ImportModal/ImportModal.js +87 -155
  586. package/lib/components/ImportModal/index.js +0 -1
  587. package/lib/components/MultiAddSelect/MultiAddSelect.js +13 -39
  588. package/lib/components/MultiAddSelect/index.js +0 -1
  589. package/lib/components/NotificationsPanel/NotificationsPanel.js +87 -143
  590. package/lib/components/NotificationsPanel/NotificationsPanel_data.js +1 -4
  591. package/lib/components/NotificationsPanel/index.js +0 -1
  592. package/lib/components/NotificationsPanel/preview-components/UnreadNotificationBell.js +1 -4
  593. package/lib/components/NotificationsPanel/utils.js +13 -21
  594. package/lib/components/OptionsTile/OptionsTile.js +74 -101
  595. package/lib/components/OptionsTile/index.js +0 -1
  596. package/lib/components/PageHeader/PageHeader.js +162 -252
  597. package/lib/components/PageHeader/PageHeaderDemo.data.js +0 -3
  598. package/lib/components/PageHeader/PageHeaderTitle.js +35 -52
  599. package/lib/components/PageHeader/PageHeaderUtils.js +23 -59
  600. package/lib/components/PageHeader/index.js +0 -1
  601. package/lib/components/ProductiveCard/ProductiveCard.js +15 -41
  602. package/lib/components/ProductiveCard/index.js +0 -1
  603. package/lib/components/RemoveModal/RemoveModal.js +45 -63
  604. package/lib/components/RemoveModal/index.js +0 -1
  605. package/lib/components/Saving/Saving.js +20 -44
  606. package/lib/components/Saving/index.js +0 -1
  607. package/lib/components/SidePanel/SidePanel.js +169 -233
  608. package/lib/components/SidePanel/constants.js +1 -1
  609. package/lib/components/SidePanel/index.js +0 -1
  610. package/lib/components/SidePanel/motion/variants.js +54 -0
  611. package/lib/components/SingleAddSelect/SingleAddSelect.js +6 -25
  612. package/lib/components/SingleAddSelect/index.js +0 -1
  613. package/lib/components/StatusIcon/StatusIcon.js +11 -25
  614. package/lib/components/StatusIcon/index.js +0 -1
  615. package/lib/components/TagSet/TagSet.js +66 -117
  616. package/lib/components/TagSet/TagSetModal.js +23 -46
  617. package/lib/components/TagSet/TagSetOverflow.js +19 -42
  618. package/lib/components/TagSet/constants.js +1 -0
  619. package/lib/components/TagSet/index.js +0 -1
  620. package/lib/components/Tearsheet/Tearsheet.js +39 -44
  621. package/lib/components/Tearsheet/TearsheetNarrow.js +29 -34
  622. package/lib/components/Tearsheet/TearsheetShell.js +93 -123
  623. package/lib/components/Tearsheet/index.js +0 -2
  624. package/lib/components/Toolbar/Toolbar.js +18 -41
  625. package/lib/components/Toolbar/ToolbarButton.js +13 -27
  626. package/lib/components/Toolbar/ToolbarGroup.js +8 -16
  627. package/lib/components/Toolbar/index.js +0 -3
  628. package/lib/components/UserProfileImage/UserProfileImage.js +28 -48
  629. package/lib/components/UserProfileImage/index.js +0 -1
  630. package/lib/components/WebTerminal/WebTerminal.js +46 -70
  631. package/lib/components/WebTerminal/WebTerminalContentWrapper.js +17 -20
  632. package/lib/components/WebTerminal/hooks/index.js +8 -19
  633. package/lib/components/WebTerminal/index.js +0 -3
  634. package/lib/components/WebTerminal/preview-components/Navigation.js +2 -9
  635. package/lib/components/WebTerminal/preview-components/documentationLinks.js +1 -0
  636. package/lib/components/WebTerminal/preview-components/index.js +0 -2
  637. package/lib/components/_Canary/Canary.js +14 -17
  638. package/lib/components/_Canary/index.js +0 -1
  639. package/lib/components/index.js +33 -52
  640. package/lib/global/js/hooks/index.js +8 -11
  641. package/lib/global/js/hooks/useActiveElement.js +4 -10
  642. package/lib/global/js/hooks/useClickOutside.js +1 -4
  643. package/lib/global/js/hooks/useControllableState.js +80 -0
  644. package/lib/global/js/hooks/useCreateComponentFocus.js +35 -17
  645. package/lib/global/js/hooks/useCreateComponentStepChange.js +94 -136
  646. package/lib/global/js/hooks/usePreviousValue.js +0 -3
  647. package/lib/global/js/hooks/useResetCreateComponent.js +14 -13
  648. package/lib/global/js/hooks/useResizeObserver.js +83 -0
  649. package/lib/global/js/hooks/useRetrieveStepData.js +5 -12
  650. package/lib/global/js/hooks/useValidCreateStepCount.js +0 -3
  651. package/lib/global/js/hooks/useWindowResize.js +14 -22
  652. package/lib/global/js/hooks/useWindowScroll.js +10 -19
  653. package/lib/global/js/package-settings.js +37 -23
  654. package/lib/global/js/utils/ClickListener.js +3 -16
  655. package/lib/global/js/utils/DisplayBox.js +3 -9
  656. package/lib/global/js/utils/Wrap.js +16 -22
  657. package/lib/global/js/utils/deepCloneObject.js +5 -11
  658. package/lib/global/js/utils/devtools.js +1 -6
  659. package/lib/global/js/utils/getBezierValues.js +25 -0
  660. package/lib/global/js/utils/getFocusableElements.js +1 -4
  661. package/lib/global/js/utils/getNumberOfHiddenSteps.js +26 -0
  662. package/lib/global/js/utils/getScrollbarWidth.js +1 -2
  663. package/lib/global/js/utils/keyboardNavigation.js +7 -6
  664. package/lib/global/js/utils/lastIndexInArray.js +0 -4
  665. package/lib/global/js/utils/motionConstants.js +51 -0
  666. package/lib/global/js/utils/pconsole.js +1 -7
  667. package/lib/global/js/utils/props-helper.js +21 -58
  668. package/lib/global/js/utils/rangeWithCallback.js +1 -2
  669. package/lib/global/js/utils/scrollableAncestor.js +6 -13
  670. package/lib/global/js/utils/story-helper.js +41 -25
  671. package/lib/global/js/utils/test-helper.js +74 -88
  672. package/lib/global/js/utils/unwrap-if-fragment.js +8 -20
  673. package/lib/global/js/utils/uuidv4.js +1 -3
  674. package/lib/global/js/utils/uuidv4.spec.js +1 -3
  675. package/lib/global/js/utils/wait.js +1 -2
  676. package/lib/global/js/utils/wrapFocus.js +6 -16
  677. package/lib/index.js +0 -3
  678. package/lib/settings.js +49 -38
  679. package/package.json +29 -27
  680. package/scss/components/AboutModal/_about-modal.scss +26 -60
  681. package/scss/components/AboutModal/_storybook-styles.scss +18 -5
  682. package/scss/components/ActionBar/_action-bar.scss +0 -4
  683. package/scss/components/ActionSet/_action-set.scss +28 -10
  684. package/scss/components/AddSelect/_add-select.scss +44 -72
  685. package/scss/components/AddSelect/_index.scss +1 -1
  686. package/scss/components/AddSelect/_storybook-styles.scss +1 -1
  687. package/scss/components/BreadcrumbWithOverflow/_breadcrumb-with-overflow.scss +10 -1
  688. package/scss/components/Card/_card.scss +13 -6
  689. package/scss/components/CreateFullPage/_create-full-page.scss +5 -10
  690. package/scss/components/CreateTearsheet/_create-tearsheet.scss +8 -3
  691. package/scss/components/DataSpreadsheet/_data-spreadsheet.scss +1 -1
  692. package/scss/components/Datagrid/_datagrid.scss +0 -1
  693. package/scss/components/Datagrid/_storybook-styles.scss +21 -0
  694. package/scss/components/Datagrid/styles/_datagrid.scss +131 -29
  695. package/scss/components/Datagrid/styles/_draggableElement.scss +27 -12
  696. package/scss/components/Datagrid/styles/_index.scss +9 -8
  697. package/scss/components/Datagrid/styles/_useExpandedRow.scss +20 -2
  698. package/scss/components/Datagrid/styles/_useInlineEdit.scss +36 -9
  699. package/scss/components/Datagrid/styles/_useNestedRows.scss +36 -0
  700. package/scss/components/Datagrid/styles/_useSelectAllToggle.scss +23 -15
  701. package/scss/components/Datagrid/styles/_useSortableColumns.scss +40 -18
  702. package/scss/components/Datagrid/styles/_useStickyColumn.scss +3 -3
  703. package/scss/components/Datagrid/styles/addons/_CustomizeColumnsTearsheet.scss +82 -0
  704. package/scss/components/Datagrid/styles/addons/_FilterFlyout.scss +87 -0
  705. package/scss/components/Datagrid/styles/addons/_FilterPanel.scss +129 -0
  706. package/scss/components/Datagrid/styles/addons/_RowSizeDropdown.scss +19 -7
  707. package/scss/components/EditInPlace/_carbon-imports.scss +9 -0
  708. package/scss/components/EditInPlace/_edit-in-place.scss +164 -0
  709. package/scss/components/{InlineEdit → EditInPlace}/_index-with-carbon.scss +1 -1
  710. package/scss/components/EditInPlace/_index.scss +10 -0
  711. package/scss/components/{InlineEdit → EditInPlace}/_storybook-styles.scss +3 -15
  712. package/scss/components/EditTearsheet/_edit-tearsheet.scss +6 -4
  713. package/scss/components/EditUpdateCards/_carbon-imports.scss +9 -0
  714. package/scss/components/EditUpdateCards/_edit-update-cards.scss +85 -0
  715. package/scss/components/{InlineEdit/_carbon-imports.scss → EditUpdateCards/_index-with-carbon.scss} +3 -0
  716. package/scss/components/{InlineEdit → EditUpdateCards}/_index.scss +1 -1
  717. package/scss/components/EditUpdateCards/_storybook-styles.scss +55 -0
  718. package/scss/components/EmptyStates/_empty-state.scss +29 -6
  719. package/scss/components/ExportModal/_export-modal.scss +0 -4
  720. package/scss/components/ExpressiveCard/_expressive-card.scss +1 -1
  721. package/scss/components/FilterSummary/_filter-summary.scss +21 -0
  722. package/scss/components/{ModifiedTabs → FilterSummary}/_index.scss +4 -2
  723. package/scss/components/{ModifiedTabs/_index-with-carbon.scss → FilterSummary/_storybook-styles.scss} +8 -3
  724. package/scss/components/HTTPErrors/_http-errors.scss +8 -4
  725. package/scss/components/MultiAddSelect/_multi-add-select.scss +8 -1
  726. package/scss/components/MultiAddSelect/_storybook-styles.scss +1 -1
  727. package/scss/components/OptionsTile/_options-tile.scss +10 -3
  728. package/scss/components/PageHeader/_page-header.scss +9 -12
  729. package/scss/components/ProductiveCard/_productive-card.scss +31 -2
  730. package/scss/components/SidePanel/_side-panel.scss +10 -97
  731. package/scss/components/SidePanel/_storybook-styles.scss +6 -1
  732. package/scss/components/SingleAddSelect/_carbon-imports.scss +1 -1
  733. package/scss/components/SingleAddSelect/_index-with-carbon.scss +1 -1
  734. package/scss/components/SingleAddSelect/_index.scss +7 -0
  735. package/scss/components/SingleAddSelect/_single-add-select.scss +8 -1
  736. package/scss/components/SingleAddSelect/_storybook-styles.scss +1 -1
  737. package/scss/components/TagSet/_tag-set.scss +1 -0
  738. package/scss/components/Tearsheet/_carbon-imports.scss +2 -1
  739. package/scss/components/Tearsheet/_tearsheet.scss +10 -5
  740. package/scss/components/UserProfileImage/_user-profile-image.scss +5 -0
  741. package/scss/components/_index-released-only-with-carbon.scss +3 -1
  742. package/scss/components/_index-released-only.scss +3 -1
  743. package/scss/components/_index-with-carbon.scss +2 -2
  744. package/scss/components/_index.scss +3 -2
  745. package/scss/config.scss +1 -0
  746. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsModal.js +0 -194
  747. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ModalWrapper.js +0 -63
  748. package/es/components/Datagrid/Datagrid.stories/LeftPanelStory.js +0 -6
  749. package/es/components/InlineEdit/InlineEdit.js +0 -447
  750. package/es/components/ModifiedTabs/ModifiedTabLabelNew.js +0 -34
  751. package/es/components/ModifiedTabs/ModifiedTabLabelWithClose.js +0 -47
  752. package/es/components/ModifiedTabs/ModifiedTabs.js +0 -141
  753. package/es/components/ModifiedTabs/index.js +0 -1
  754. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsModal.js +0 -209
  755. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ModalWrapper.js +0 -74
  756. package/lib/components/Datagrid/Datagrid.stories/LeftPanelStory.js +0 -13
  757. package/lib/components/InlineEdit/InlineEdit.js +0 -464
  758. package/lib/components/ModifiedTabs/ModifiedTabLabelNew.js +0 -50
  759. package/lib/components/ModifiedTabs/ModifiedTabLabelWithClose.js +0 -63
  760. package/lib/components/ModifiedTabs/ModifiedTabs.js +0 -164
  761. package/lib/components/ModifiedTabs/index.js +0 -13
  762. package/scss/components/Datagrid/styles/addons/_CustomizeColumnsModal.scss +0 -91
  763. package/scss/components/InlineEdit/_inline-edit.scss +0 -355
  764. package/scss/components/ModifiedTabs/_carbon-imports.scss +0 -10
  765. package/scss/components/ModifiedTabs/_modified-tabs.scss +0 -89
  766. package/scss/components/ModifiedTabs/_storybook-styles.scss +0 -6
@@ -0,0 +1,255 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ var _typeof = require("@babel/runtime/helpers/typeof");
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
10
+ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
11
+ var _icons = require("@carbon/react/icons");
12
+ var _react = require("@carbon/react");
13
+ var _classnames = _interopRequireDefault(require("classnames"));
14
+ var _propTypes = _interopRequireDefault(require("prop-types"));
15
+ var _react2 = _interopRequireWildcard(require("react"));
16
+ var _hooks = require("../../../../../global/js/hooks");
17
+ var _settings = require("../../../../../settings");
18
+ var _ActionSet = require("../../../../ActionSet");
19
+ var _constants = require("./constants");
20
+ var _hooks2 = require("./hooks");
21
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
22
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
23
+ // @flow
24
+ /**
25
+ * Copyright IBM Corp. 2022, 2023
26
+ *
27
+ * This source code is licensed under the Apache-2.0 license found in the
28
+ * LICENSE file in the root directory of this source tree.
29
+ */
30
+
31
+ var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
32
+ var componentClass = "".concat(blockClass, "-filter-flyout");
33
+ var FilterFlyout = function FilterFlyout(_ref) {
34
+ var _cx2;
35
+ var _ref$updateMethod = _ref.updateMethod,
36
+ updateMethod = _ref$updateMethod === void 0 ? _constants.BATCH : _ref$updateMethod,
37
+ _ref$flyoutIconDescri = _ref.flyoutIconDescription,
38
+ flyoutIconDescription = _ref$flyoutIconDescri === void 0 ? 'Open filters' : _ref$flyoutIconDescri,
39
+ _ref$filters = _ref.filters,
40
+ filters = _ref$filters === void 0 ? [] : _ref$filters,
41
+ _ref$title = _ref.title,
42
+ title = _ref$title === void 0 ? 'Filter' : _ref$title,
43
+ _ref$primaryActionLab = _ref.primaryActionLabel,
44
+ primaryActionLabel = _ref$primaryActionLab === void 0 ? 'Apply' : _ref$primaryActionLab,
45
+ _ref$onFlyoutOpen = _ref.onFlyoutOpen,
46
+ onFlyoutOpen = _ref$onFlyoutOpen === void 0 ? function () {} : _ref$onFlyoutOpen,
47
+ _ref$onFlyoutClose = _ref.onFlyoutClose,
48
+ onFlyoutClose = _ref$onFlyoutClose === void 0 ? function () {} : _ref$onFlyoutClose,
49
+ _ref$onApply = _ref.onApply,
50
+ onApply = _ref$onApply === void 0 ? function () {} : _ref$onApply,
51
+ _ref$onCancel = _ref.onCancel,
52
+ onCancel = _ref$onCancel === void 0 ? function () {} : _ref$onCancel,
53
+ _ref$secondaryActionL = _ref.secondaryActionLabel,
54
+ secondaryActionLabel = _ref$secondaryActionL === void 0 ? 'Cancel' : _ref$secondaryActionL,
55
+ setAllFilters = _ref.setAllFilters,
56
+ _ref$data = _ref.data,
57
+ data = _ref$data === void 0 ? [] : _ref$data,
58
+ _ref$initialFilters = _ref.initialFilters,
59
+ initialFilters = _ref$initialFilters === void 0 ? [] : _ref$initialFilters;
60
+ // Save the initial filters we only need the filters once when it loads
61
+ var initialFiltersRef = (0, _react2.useRef)(initialFilters);
62
+
63
+ /** State */
64
+ var _useState = (0, _react2.useState)(false),
65
+ _useState2 = (0, _slicedToArray2.default)(_useState, 2),
66
+ open = _useState2[0],
67
+ setOpen = _useState2[1];
68
+ var _useFilters = (0, _hooks2.useFilters)({
69
+ updateMethod: updateMethod,
70
+ filters: filters,
71
+ setAllFilters: setAllFilters,
72
+ variation: _constants.FLYOUT,
73
+ initialFilters: initialFiltersRef.current
74
+ }),
75
+ filtersState = _useFilters.filtersState,
76
+ prevFiltersObjectArrayRef = _useFilters.prevFiltersObjectArrayRef,
77
+ prevFiltersRef = _useFilters.prevFiltersRef,
78
+ revertToPreviousFilters = _useFilters.revertToPreviousFilters,
79
+ reset = _useFilters.reset,
80
+ renderFilter = _useFilters.renderFilter,
81
+ filtersObjectArray = _useFilters.filtersObjectArray;
82
+
83
+ /** Refs */
84
+ var filterFlyoutRef = (0, _react2.useRef)(null);
85
+
86
+ /** State from hooks */
87
+ var _useShouldDisableButt = (0, _hooks2.useShouldDisableButtons)({
88
+ initialValue: true,
89
+ filtersState: filtersState,
90
+ prevFiltersRef: prevFiltersRef
91
+ }),
92
+ _useShouldDisableButt2 = (0, _slicedToArray2.default)(_useShouldDisableButt, 2),
93
+ shouldDisableButtons = _useShouldDisableButt2[0],
94
+ setShouldDisableButtons = _useShouldDisableButt2[1];
95
+
96
+ /** Memos */
97
+ var showActionSet = updateMethod === _constants.BATCH;
98
+ var carbonPrefix = (0, _react.usePrefix)();
99
+
100
+ /** Methods */
101
+ var openFlyout = function openFlyout() {
102
+ setOpen(true);
103
+ onFlyoutOpen();
104
+ };
105
+ var closeFlyout = function closeFlyout() {
106
+ setOpen(false);
107
+ onFlyoutClose();
108
+ };
109
+ var apply = function apply() {
110
+ setAllFilters(filtersObjectArray);
111
+ closeFlyout();
112
+ // From the user
113
+ onApply();
114
+ // When the user clicks apply, the action set buttons should be disabled again
115
+ setShouldDisableButtons(true);
116
+
117
+ // updates the ref so next time the flyout opens we have records of the previous filters
118
+ prevFiltersRef.current = JSON.stringify(filtersState);
119
+ prevFiltersObjectArrayRef.current = JSON.stringify(filtersObjectArray);
120
+ };
121
+ var cancel = function cancel() {
122
+ // Reverting to previous filters only applies when using batch actions
123
+ if (updateMethod === _constants.BATCH) {
124
+ revertToPreviousFilters();
125
+ onCancel();
126
+ }
127
+ closeFlyout();
128
+ };
129
+
130
+ /** Effects */
131
+ (0, _hooks.useClickOutside)(filterFlyoutRef, function (target) {
132
+ var hasClickedOnDatePicker = target.closest('.flatpickr-calendar');
133
+ var hasClickedOnDropdown = target.className === "".concat(carbonPrefix, "--list-box__menu-item__option");
134
+ if (!open || hasClickedOnDatePicker || hasClickedOnDropdown) {
135
+ return;
136
+ }
137
+ cancel();
138
+ });
139
+ (0, _hooks2.useSubscribeToEventEmitter)(_constants.CLEAR_FILTERS, reset);
140
+
141
+ /** Renders all filters */
142
+ var renderFilters = function renderFilters() {
143
+ return filters.map(renderFilter);
144
+ };
145
+ var renderActionSet = function renderActionSet() {
146
+ return showActionSet && /*#__PURE__*/_react2.default.createElement(_ActionSet.ActionSet, {
147
+ actions: [{
148
+ key: 1,
149
+ kind: 'primary',
150
+ label: primaryActionLabel,
151
+ onClick: apply,
152
+ isExpressive: false,
153
+ disabled: shouldDisableButtons
154
+ }, {
155
+ key: 3,
156
+ kind: 'secondary',
157
+ label: secondaryActionLabel,
158
+ onClick: cancel,
159
+ isExpressive: false,
160
+ disabled: shouldDisableButtons
161
+ }],
162
+ size: "md",
163
+ buttonSize: "md"
164
+ });
165
+ };
166
+ return /*#__PURE__*/_react2.default.createElement("div", {
167
+ className: "".concat(componentClass, "__container")
168
+ }, /*#__PURE__*/_react2.default.createElement(_react.Button, {
169
+ kind: "ghost",
170
+ hasIconOnly: true,
171
+ tooltipPosition: "bottom",
172
+ renderIcon: function renderIcon() {
173
+ return /*#__PURE__*/_react2.default.createElement(_icons.Filter, {
174
+ size: 16
175
+ });
176
+ },
177
+ iconDescription: flyoutIconDescription,
178
+ onClick: open ? closeFlyout : openFlyout,
179
+ className: (0, _classnames.default)("".concat(componentClass, "__trigger"), (0, _defineProperty2.default)({}, "".concat(componentClass, "__trigger--open"), open)),
180
+ disabled: data.length === 0
181
+ }), /*#__PURE__*/_react2.default.createElement("div", {
182
+ ref: filterFlyoutRef,
183
+ className: (0, _classnames.default)(componentClass, (_cx2 = {}, (0, _defineProperty2.default)(_cx2, "".concat(componentClass, "--open"), open), (0, _defineProperty2.default)(_cx2, "".concat(componentClass, "--batch"), showActionSet), (0, _defineProperty2.default)(_cx2, "".concat(componentClass, "--instant"), !showActionSet), _cx2))
184
+ }, /*#__PURE__*/_react2.default.createElement("div", {
185
+ className: "".concat(componentClass, "__inner-container")
186
+ }, /*#__PURE__*/_react2.default.createElement("span", {
187
+ className: "".concat(componentClass, "__title")
188
+ }, title), /*#__PURE__*/_react2.default.createElement("div", {
189
+ className: "".concat(componentClass, "__filters")
190
+ }, renderFilters())), renderActionSet()));
191
+ };
192
+ FilterFlyout.propTypes = {
193
+ /**
194
+ * All data rows in the table
195
+ */
196
+ data: _propTypes.default.array.isRequired,
197
+ /**
198
+ * Array of filters to render
199
+ */
200
+ filters: _propTypes.default.arrayOf(_propTypes.default.shape({
201
+ type: _propTypes.default.string.isRequired,
202
+ column: _propTypes.default.string.isRequired,
203
+ props: _propTypes.default.object.isRequired
204
+ })).isRequired,
205
+ /**
206
+ * Icon description for the filter flyout button
207
+ */
208
+ flyoutIconDescription: _propTypes.default.string,
209
+ /**
210
+ * Filters that should be applied on load
211
+ */
212
+ initialFilters: _propTypes.default.arrayOf(_propTypes.default.shape({
213
+ id: _propTypes.default.string.isRequired,
214
+ type: _propTypes.default.string.isRequired,
215
+ value: _propTypes.default.any.isRequired
216
+ })),
217
+ /**
218
+ * Callback when the apply button is clicked
219
+ */
220
+ onApply: _propTypes.default.func,
221
+ /**
222
+ * Callback when the cancel button is clicked
223
+ */
224
+ onCancel: _propTypes.default.func,
225
+ /**
226
+ * Callback when the flyout closes
227
+ */
228
+ onFlyoutClose: _propTypes.default.func,
229
+ /**
230
+ * Callback when the flyout opens
231
+ */
232
+ onFlyoutOpen: _propTypes.default.func,
233
+ /**
234
+ * Label text of the primary action in the flyout
235
+ */
236
+ primaryActionLabel: _propTypes.default.string,
237
+ /**
238
+ * Label text of the secondary action in the flyout
239
+ */
240
+ secondaryActionLabel: _propTypes.default.string,
241
+ /**
242
+ * Function that sets all the filters, this comes from the datagridState
243
+ */
244
+ setAllFilters: _propTypes.default.func.isRequired,
245
+ /**
246
+ * Title of the filter flyout
247
+ */
248
+ title: _propTypes.default.string,
249
+ /**
250
+ * The update method used to apply the filters
251
+ */
252
+ updateMethod: _propTypes.default.oneOf([_constants.BATCH, _constants.INSTANT]).isRequired
253
+ };
254
+ var _default = FilterFlyout;
255
+ exports.default = _default;
@@ -0,0 +1,280 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ var _typeof = require("@babel/runtime/helpers/typeof");
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
+ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
12
+ var _react = _interopRequireWildcard(require("react"));
13
+ var _propTypes = _interopRequireDefault(require("prop-types"));
14
+ var _react2 = require("@carbon/react");
15
+ var _layout = require("@carbon/layout");
16
+ var _settings = require("../../../../../settings");
17
+ var _constants = require("./constants");
18
+ var _classnames = _interopRequireDefault(require("classnames"));
19
+ var _framerMotion = require("framer-motion");
20
+ var _variants = require("./motion/variants");
21
+ var _icons = require("@carbon/react/icons");
22
+ var _ActionSet = require("../../../../ActionSet");
23
+ var _ = require(".");
24
+ var _hooks = require("./hooks");
25
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
26
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
27
+ /**
28
+ * Copyright IBM Corp. 2022, 2023
29
+ *
30
+ * This source code is licensed under the Apache-2.0 license found in the
31
+ * LICENSE file in the root directory of this source tree.
32
+ */
33
+
34
+ /* eslint-disable react/jsx-key */
35
+
36
+ var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
37
+ var componentClass = "".concat(blockClass, "-filter-panel");
38
+ var MotionActionSet = (0, _framerMotion.motion)(_ActionSet.ActionSet);
39
+ var FilterPanel = function FilterPanel(_ref) {
40
+ var _cx;
41
+ var _ref$title = _ref.title,
42
+ title = _ref$title === void 0 ? 'Filter' : _ref$title,
43
+ _ref$closeIconDescrip = _ref.closeIconDescription,
44
+ closeIconDescription = _ref$closeIconDescrip === void 0 ? 'Close filter panel' : _ref$closeIconDescrip,
45
+ _ref$updateMethod = _ref.updateMethod,
46
+ updateMethod = _ref$updateMethod === void 0 ? _constants.BATCH : _ref$updateMethod,
47
+ filterSections = _ref.filterSections,
48
+ setAllFilters = _ref.setAllFilters,
49
+ _ref$onApply = _ref.onApply,
50
+ onApply = _ref$onApply === void 0 ? function () {} : _ref$onApply,
51
+ _ref$onCancel = _ref.onCancel,
52
+ onCancel = _ref$onCancel === void 0 ? function () {} : _ref$onCancel,
53
+ _ref$onPanelOpen = _ref.onPanelOpen,
54
+ onPanelOpen = _ref$onPanelOpen === void 0 ? function () {} : _ref$onPanelOpen,
55
+ _ref$onPanelClose = _ref.onPanelClose,
56
+ onPanelClose = _ref$onPanelClose === void 0 ? function () {} : _ref$onPanelClose,
57
+ _ref$showFilterSearch = _ref.showFilterSearch,
58
+ showFilterSearch = _ref$showFilterSearch === void 0 ? false : _ref$showFilterSearch,
59
+ _ref$filterPanelMinHe = _ref.filterPanelMinHeight,
60
+ filterPanelMinHeight = _ref$filterPanelMinHe === void 0 ? 600 : _ref$filterPanelMinHe,
61
+ _ref$primaryActionLab = _ref.primaryActionLabel,
62
+ primaryActionLabel = _ref$primaryActionLab === void 0 ? 'Apply' : _ref$primaryActionLab,
63
+ _ref$secondaryActionL = _ref.secondaryActionLabel,
64
+ secondaryActionLabel = _ref$secondaryActionL === void 0 ? 'Cancel' : _ref$secondaryActionL,
65
+ _ref$searchLabelText = _ref.searchLabelText,
66
+ searchLabelText = _ref$searchLabelText === void 0 ? 'Filter search' : _ref$searchLabelText,
67
+ _ref$searchPlaceholde = _ref.searchPlaceholder,
68
+ searchPlaceholder = _ref$searchPlaceholde === void 0 ? 'Find filters' : _ref$searchPlaceholde,
69
+ _ref$initialFilters = _ref.initialFilters,
70
+ initialFilters = _ref$initialFilters === void 0 ? [] : _ref$initialFilters;
71
+ // Save the initial filters we only need the filters once
72
+ var initialFiltersRef = (0, _react.useRef)(initialFilters);
73
+
74
+ /** State */
75
+ var _useState = (0, _react.useState)(false),
76
+ _useState2 = (0, _slicedToArray2.default)(_useState, 2),
77
+ showDividerLine = _useState2[0],
78
+ setShowDividerLine = _useState2[1];
79
+ var _useFilters = (0, _hooks.useFilters)({
80
+ updateMethod: updateMethod,
81
+ filters: filterSections,
82
+ setAllFilters: setAllFilters,
83
+ variation: _constants.PANEL,
84
+ initialFilters: initialFiltersRef.current
85
+ }),
86
+ filtersState = _useFilters.filtersState,
87
+ prevFiltersObjectArrayRef = _useFilters.prevFiltersObjectArrayRef,
88
+ prevFiltersRef = _useFilters.prevFiltersRef,
89
+ revertToPreviousFilters = _useFilters.revertToPreviousFilters,
90
+ reset = _useFilters.reset,
91
+ renderFilter = _useFilters.renderFilter,
92
+ filtersObjectArray = _useFilters.filtersObjectArray;
93
+
94
+ /** Refs */
95
+ var filterPanelRef = (0, _react.useRef)();
96
+ var filterHeadingRef = (0, _react.useRef)();
97
+ var filterSearchRef = (0, _react.useRef)();
98
+ var actionSetRef = (0, _react.useRef)();
99
+
100
+ /** State from hooks */
101
+ var _useShouldDisableButt = (0, _hooks.useShouldDisableButtons)({
102
+ initialValue: true,
103
+ filtersState: filtersState,
104
+ prevFiltersRef: prevFiltersRef
105
+ }),
106
+ _useShouldDisableButt2 = (0, _slicedToArray2.default)(_useShouldDisableButt, 2),
107
+ shouldDisableButtons = _useShouldDisableButt2[0],
108
+ setShouldDisableButtons = _useShouldDisableButt2[1];
109
+
110
+ /** Memos */
111
+ var showActionSet = (0, _react.useMemo)(function () {
112
+ return updateMethod === _constants.BATCH;
113
+ }, [updateMethod]);
114
+
115
+ /** Context */
116
+ var _useContext = (0, _react.useContext)(_.FilterContext),
117
+ panelOpen = _useContext.panelOpen,
118
+ setPanelOpen = _useContext.setPanelOpen;
119
+
120
+ /** Methods */
121
+ var closePanel = function closePanel() {
122
+ return setPanelOpen(false);
123
+ };
124
+ var cancel = function cancel() {
125
+ // Reverting to previous filters only applies when using batch actions
126
+ if (updateMethod === _constants.BATCH) {
127
+ revertToPreviousFilters();
128
+ onCancel();
129
+ }
130
+ };
131
+ var apply = function apply() {
132
+ setAllFilters(filtersObjectArray);
133
+ // From the user
134
+ onApply();
135
+ // When the user clicks apply, the action set buttons should be disabled again
136
+ setShouldDisableButtons(true);
137
+
138
+ // updates the ref so next time the flyout opens we have records of the previous filters
139
+ prevFiltersRef.current = JSON.stringify(filtersState);
140
+ prevFiltersObjectArrayRef.current = JSON.stringify(filtersObjectArray);
141
+ };
142
+ var renderActionSet = function renderActionSet() {
143
+ return showActionSet && /*#__PURE__*/_react.default.createElement(MotionActionSet, {
144
+ actions: [{
145
+ key: 1,
146
+ kind: 'primary',
147
+ label: primaryActionLabel,
148
+ onClick: apply,
149
+ disabled: shouldDisableButtons
150
+ }, {
151
+ key: 2,
152
+ kind: 'secondary',
153
+ label: secondaryActionLabel,
154
+ onClick: cancel,
155
+ disabled: shouldDisableButtons
156
+ }],
157
+ className: "".concat(componentClass, "__action-set"),
158
+ ref: actionSetRef,
159
+ variants: _variants.actionSetVariants
160
+ });
161
+ };
162
+ var onInnerContainerScroll = function onInnerContainerScroll(event) {
163
+ if (event.target.scrollTop > 0) {
164
+ setShowDividerLine(true);
165
+ } else {
166
+ setShowDividerLine(false);
167
+ }
168
+ };
169
+
170
+ /** Effects */
171
+ (0, _react.useEffect)(function liftOpenStateToParent() {
172
+ if (panelOpen) {
173
+ onPanelOpen(panelOpen);
174
+ } else {
175
+ onPanelClose(panelOpen);
176
+ }
177
+ }, [panelOpen, onPanelClose, onPanelOpen]);
178
+ (0, _react.useEffect)(function setPanelMinimumHeight() {
179
+ var _filterPanelRef$curre;
180
+ (_filterPanelRef$curre = filterPanelRef.current) === null || _filterPanelRef$curre === void 0 ? void 0 : _filterPanelRef$curre.style.setProperty('--filter-panel-min-height', (0, _layout.rem)(filterPanelMinHeight));
181
+ }, [filterPanelMinHeight]);
182
+ (0, _hooks.useSubscribeToEventEmitter)(_constants.CLEAR_FILTERS, reset);
183
+ var getScrollableContainerHeight = function getScrollableContainerHeight() {
184
+ var _filterHeadingRef$cur, _filterSearchRef$curr, _actionSetRef$current;
185
+ var filterHeadingHeight = (_filterHeadingRef$cur = filterHeadingRef.current) === null || _filterHeadingRef$cur === void 0 ? void 0 : _filterHeadingRef$cur.getBoundingClientRect().height;
186
+ var filterSearchHeight = (_filterSearchRef$curr = filterSearchRef.current) === null || _filterSearchRef$curr === void 0 ? void 0 : _filterSearchRef$curr.getBoundingClientRect().height;
187
+ var actionSetHeight = (_actionSetRef$current = actionSetRef.current) === null || _actionSetRef$current === void 0 ? void 0 : _actionSetRef$current.getBoundingClientRect().height;
188
+ var height = "calc(100vh - ".concat(filterHeadingHeight, "px - ").concat(showFilterSearch ? filterSearchHeight : 0, "px - ").concat(updateMethod === _constants.BATCH ? actionSetHeight : 0, "px)");
189
+ return height;
190
+ };
191
+ return /*#__PURE__*/_react.default.createElement(_framerMotion.motion.div, {
192
+ ref: filterPanelRef,
193
+ className: (0, _classnames.default)(componentClass, "".concat(componentClass, "__container"), (_cx = {}, (0, _defineProperty2.default)(_cx, "".concat(componentClass, "--open"), panelOpen), (0, _defineProperty2.default)(_cx, "".concat(componentClass, "--batch"), showActionSet), (0, _defineProperty2.default)(_cx, "".concat(componentClass, "--instant"), !showActionSet), _cx)),
194
+ initial: false,
195
+ animate: panelOpen ? 'visible' : 'hidden',
196
+ variants: _variants.panelVariants
197
+ }, /*#__PURE__*/_react.default.createElement(_framerMotion.motion.div, {
198
+ variants: _variants.innerContainerVariants
199
+ }, /*#__PURE__*/_react.default.createElement("header", {
200
+ ref: filterHeadingRef,
201
+ className: (0, _classnames.default)("".concat(componentClass, "__heading"), (0, _defineProperty2.default)({}, "".concat(componentClass, "__heading--with-divider"), showDividerLine))
202
+ }, /*#__PURE__*/_react.default.createElement("div", {
203
+ className: "".concat(componentClass, "__title")
204
+ }, title), /*#__PURE__*/_react.default.createElement(_react2.Button, {
205
+ hasIconOnly: true,
206
+ renderIcon: function renderIcon(props) {
207
+ return /*#__PURE__*/_react.default.createElement(_icons.Close, (0, _extends2.default)({
208
+ size: 16
209
+ }, props));
210
+ },
211
+ iconDescription: closeIconDescription,
212
+ kind: "ghost",
213
+ tooltipPosition: "bottom",
214
+ tooltipAlignment: "end",
215
+ onClick: closePanel
216
+ }), showFilterSearch && /*#__PURE__*/_react.default.createElement("div", {
217
+ ref: filterSearchRef,
218
+ className: "".concat(componentClass, "__search")
219
+ }, /*#__PURE__*/_react.default.createElement(_react2.Layer, null, /*#__PURE__*/_react.default.createElement(_react2.Search, {
220
+ labelText: searchLabelText,
221
+ placeholder: searchPlaceholder,
222
+ size: "sm"
223
+ })))), /*#__PURE__*/_react.default.createElement("div", {
224
+ className: "".concat(componentClass, "__inner-container"),
225
+ style: {
226
+ height: getScrollableContainerHeight()
227
+ },
228
+ onScroll: onInnerContainerScroll
229
+ }, filterSections.map(function (_ref2, index) {
230
+ var _ref2$categoryTitle = _ref2.categoryTitle,
231
+ categoryTitle = _ref2$categoryTitle === void 0 ? null : _ref2$categoryTitle,
232
+ _ref2$filters = _ref2.filters,
233
+ filters = _ref2$filters === void 0 ? [] : _ref2$filters,
234
+ hasAccordion = _ref2.hasAccordion;
235
+ return /*#__PURE__*/_react.default.createElement("div", {
236
+ key: index,
237
+ className: "".concat(componentClass, "__category")
238
+ }, categoryTitle && /*#__PURE__*/_react.default.createElement("div", {
239
+ className: "".concat(componentClass, "__category-title")
240
+ }, categoryTitle), hasAccordion ? /*#__PURE__*/_react.default.createElement(_react2.Accordion, null, filters.map(function (_ref3) {
241
+ var filterLabel = _ref3.filterLabel,
242
+ filter = _ref3.filter;
243
+ return /*#__PURE__*/_react.default.createElement(_react2.AccordionItem, {
244
+ title: filterLabel,
245
+ key: filterLabel
246
+ }, renderFilter(filter));
247
+ })) : filters.map(function (_ref4) {
248
+ var filter = _ref4.filter;
249
+ return renderFilter(filter);
250
+ }));
251
+ })), renderActionSet()));
252
+ };
253
+ FilterPanel.propTypes = {
254
+ closeIconDescription: _propTypes.default.string,
255
+ filterPanelMinHeight: _propTypes.default.number,
256
+ filterSections: _propTypes.default.array,
257
+ /**
258
+ * Filters that should be applied on load
259
+ */
260
+ initialFilters: _propTypes.default.arrayOf(_propTypes.default.shape({
261
+ id: _propTypes.default.string.isRequired,
262
+ type: _propTypes.default.string.isRequired,
263
+ value: _propTypes.default.any.isRequired
264
+ })),
265
+ onApply: _propTypes.default.func,
266
+ onCancel: _propTypes.default.func,
267
+ onPanelClose: _propTypes.default.func,
268
+ onPanelOpen: _propTypes.default.func,
269
+ open: _propTypes.default.bool,
270
+ primaryActionLabel: _propTypes.default.string,
271
+ searchLabelText: _propTypes.default.string,
272
+ searchPlaceholder: _propTypes.default.string,
273
+ secondaryActionLabel: _propTypes.default.string,
274
+ setAllFilters: _propTypes.default.func.isRequired,
275
+ showFilterSearch: _propTypes.default.bool,
276
+ title: _propTypes.default.string,
277
+ updateMethod: _propTypes.default.oneOf([_constants.BATCH, _constants.INSTANT])
278
+ };
279
+ var _default = FilterPanel;
280
+ exports.default = _default;
@@ -0,0 +1,96 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ var _typeof = require("@babel/runtime/helpers/typeof");
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.FilterProvider = exports.FilterContext = void 0;
9
+ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
10
+ var _react = _interopRequireWildcard(require("react"));
11
+ var _propTypes = _interopRequireDefault(require("prop-types"));
12
+ var _constants = require("./constants");
13
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
14
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
15
+ /**
16
+ * Copyright IBM Corp. 2022, 2022
17
+ *
18
+ * This source code is licensed under the Apache-2.0 license found in the
19
+ * LICENSE file in the root directory of this source tree.
20
+ */
21
+
22
+ var FilterContext = /*#__PURE__*/(0, _react.createContext)();
23
+ exports.FilterContext = FilterContext;
24
+ var EventEmitter = {
25
+ events: {},
26
+ dispatch: function dispatch(event, data) {
27
+ if (!this.events[event]) {
28
+ return;
29
+ }
30
+ this.events[event].forEach(function (callback) {
31
+ return callback(data);
32
+ });
33
+ },
34
+ subscribe: function subscribe(event, callback) {
35
+ if (!this.events[event]) {
36
+ this.events[event] = [];
37
+ } else {
38
+ this.events[event].push(callback);
39
+ }
40
+ }
41
+ };
42
+ var prepareFiltersForTags = function prepareFiltersForTags(filters) {
43
+ var tags = [];
44
+ filters.forEach(function (_ref) {
45
+ var id = _ref.id,
46
+ type = _ref.type,
47
+ value = _ref.value;
48
+ if (type === _constants.DROPDOWN || type === _constants.RADIO || type === _constants.NUMBER) {
49
+ tags.push({
50
+ key: id,
51
+ value: value
52
+ });
53
+ } else if (type === _constants.DATE) {
54
+ var _value = (0, _slicedToArray2.default)(value, 2),
55
+ startDate = _value[0],
56
+ endDate = _value[1];
57
+ tags.push({
58
+ key: id,
59
+ value: "".concat(startDate.toLocaleDateString(), " - ").concat(endDate.toLocaleDateString())
60
+ });
61
+ } else if (type === _constants.CHECKBOX) {
62
+ value.forEach(function (checkbox) {
63
+ if (checkbox.selected) {
64
+ tags.push({
65
+ key: id,
66
+ value: checkbox.value
67
+ });
68
+ }
69
+ });
70
+ }
71
+ });
72
+ return tags;
73
+ };
74
+ var FilterProvider = function FilterProvider(_ref2) {
75
+ var children = _ref2.children,
76
+ filters = _ref2.filters;
77
+ var filterTags = prepareFiltersForTags(filters);
78
+ var _useState = (0, _react.useState)(false),
79
+ _useState2 = (0, _slicedToArray2.default)(_useState, 2),
80
+ panelOpen = _useState2[0],
81
+ setPanelOpen = _useState2[1];
82
+ var value = {
83
+ filterTags: filterTags,
84
+ EventEmitter: EventEmitter,
85
+ panelOpen: panelOpen,
86
+ setPanelOpen: setPanelOpen
87
+ };
88
+ return /*#__PURE__*/_react.default.createElement(FilterContext.Provider, {
89
+ value: value
90
+ }, children);
91
+ };
92
+ exports.FilterProvider = FilterProvider;
93
+ FilterProvider.propTypes = {
94
+ children: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.node), _propTypes.default.node]).isRequired,
95
+ filters: _propTypes.default.arrayOf(_propTypes.default.object).isRequired
96
+ };
@@ -0,0 +1,45 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.RADIO = exports.PANEL_WIDTH = exports.PANEL = exports.NUMBER = exports.INSTANT = exports.FLYOUT = exports.DROPDOWN = exports.DATE = exports.CLEAR_FILTERS = exports.CHECKBOX = exports.BATCH = exports.ACTION_SET_HEIGHT = void 0;
7
+ /**
8
+ * Copyright IBM Corp. 2022, 2022
9
+ *
10
+ * This source code is licensed under the Apache-2.0 license found in the
11
+ * LICENSE file in the root directory of this source tree.
12
+ */
13
+ /** Constants for update methods can either be batch or instant */
14
+ var BATCH = 'batch';
15
+ exports.BATCH = BATCH;
16
+ var INSTANT = 'instant';
17
+
18
+ /** Constants for filter variation */
19
+ exports.INSTANT = INSTANT;
20
+ var FLYOUT = 'flyout';
21
+ exports.FLYOUT = FLYOUT;
22
+ var PANEL = 'panel';
23
+
24
+ /** Constants for filter type */
25
+ exports.PANEL = PANEL;
26
+ var DATE = 'date';
27
+ exports.DATE = DATE;
28
+ var NUMBER = 'number';
29
+ exports.NUMBER = NUMBER;
30
+ var CHECKBOX = 'checkbox';
31
+ exports.CHECKBOX = CHECKBOX;
32
+ var RADIO = 'radio';
33
+ exports.RADIO = RADIO;
34
+ var DROPDOWN = 'dropdown';
35
+
36
+ /** Constants for event emitters */
37
+ exports.DROPDOWN = DROPDOWN;
38
+ var CLEAR_FILTERS = 'clearFilters';
39
+
40
+ /** Constants for panel dimensions */
41
+ exports.CLEAR_FILTERS = CLEAR_FILTERS;
42
+ var PANEL_WIDTH = 320;
43
+ exports.PANEL_WIDTH = PANEL_WIDTH;
44
+ var ACTION_SET_HEIGHT = 64;
45
+ exports.ACTION_SET_HEIGHT = ACTION_SET_HEIGHT;