@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
@@ -18,10 +18,6 @@ var useTranslations = require('../utils/useTranslations.js');
18
18
  var util = require('../utils/util.js');
19
19
  var useDataConfigs = require('../utils/useDataConfigs.js');
20
20
 
21
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
22
-
23
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
24
-
25
21
  var GroupConnector = function GroupConnector() {
26
22
  var _useContext = React.useContext(ConditionBuilderProvider.ConditionBuilderContext),
27
23
  rootState = _useContext.rootState,
@@ -36,18 +32,18 @@ var GroupConnector = function GroupConnector() {
36
32
  operator: updatedStatement
37
33
  }));
38
34
  };
39
- return /*#__PURE__*/React__default["default"].createElement("div", {
35
+ return /*#__PURE__*/React.createElement("div", {
40
36
  className: "".concat(util.blockClass, "__group-separator ").concat(util.blockClass, "__group-separator-row"),
41
37
  role: "row",
42
38
  tabIndex: -1,
43
39
  "aria-level": 1
44
- }, /*#__PURE__*/React__default["default"].createElement(ConditionBuilderItem.ConditionBuilderItem, {
40
+ }, /*#__PURE__*/React.createElement(ConditionBuilderItem.ConditionBuilderItem, {
45
41
  label: rootState.operator,
46
42
  title: conditionText,
47
43
  "data-name": "connectorField",
48
44
  popOverClassName: "".concat(util.blockClass, "__gap"),
49
45
  className: "".concat(util.blockClass, "__statement-button")
50
- }, /*#__PURE__*/React__default["default"].createElement(ItemOption.ItemOption, {
46
+ }, /*#__PURE__*/React.createElement(ItemOption.ItemOption, {
51
47
  conditionState: {
52
48
  value: rootState.operator,
53
49
  label: conditionText
@@ -60,4 +56,4 @@ var GroupConnector = function GroupConnector() {
60
56
  };
61
57
  var GroupConnector$1 = GroupConnector;
62
58
 
63
- exports["default"] = GroupConnector$1;
59
+ exports.default = GroupConnector$1;
@@ -5,12 +5,12 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
7
  import PropTypes from 'prop-types';
8
- import { Action, ConditionBuilderState } from '../ConditionBuilder.types';
8
+ import { Action, ConditionBuilderState, InitialState } from '../ConditionBuilder.types';
9
9
  interface ConditionBuilderContentProps {
10
10
  startConditionLabel: string;
11
11
  getConditionState: (state: ConditionBuilderState) => void;
12
12
  getActionsState?: (state: Action[]) => void;
13
- initialState?: ConditionBuilderState;
13
+ initialState?: InitialState;
14
14
  actions?: Action[];
15
15
  }
16
16
  declare const ConditionBuilderContent: {
@@ -35,12 +35,15 @@ declare const ConditionBuilderContent: {
35
35
  * Optional prop if the condition building need to start from a predefined initial state
36
36
  */
37
37
  initialState: PropTypes.Requireable<PropTypes.InferProps<{
38
- groups: PropTypes.Requireable<(PropTypes.InferProps<{
39
- groupOperator: PropTypes.Requireable<string>;
40
- statement: PropTypes.Requireable<string>;
41
- conditions: PropTypes.Requireable<(object | null | undefined)[]>;
42
- }> | null | undefined)[]>;
43
- operator: PropTypes.Requireable<string>;
38
+ state: PropTypes.Requireable<PropTypes.InferProps<{
39
+ groups: PropTypes.Requireable<(PropTypes.InferProps<{
40
+ groupOperator: PropTypes.Requireable<string>;
41
+ statement: PropTypes.Requireable<string>;
42
+ conditions: PropTypes.Requireable<(object | null | undefined)[]>;
43
+ }> | null | undefined)[]>;
44
+ operator: PropTypes.Requireable<string>;
45
+ }>>;
46
+ enabledDefault: PropTypes.Requireable<boolean>;
44
47
  }>>;
45
48
  startConditionLabel: PropTypes.Validator<string>;
46
49
  };
@@ -24,10 +24,6 @@ var ConditionBuilderActions = require('../ConditionBuilderActions/ConditionBuild
24
24
  var useTranslations = require('../utils/useTranslations.js');
25
25
  var util = require('../utils/util.js');
26
26
 
27
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
28
-
29
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
30
-
31
27
  var _GroupConnector;
32
28
  var ConditionBuilderContent = function ConditionBuilderContent(_ref) {
33
29
  var _rootState$groups4;
@@ -41,6 +37,7 @@ var ConditionBuilderContent = function ConditionBuilderContent(_ref) {
41
37
  setRootState = _useContext.setRootState,
42
38
  variant = _useContext.variant,
43
39
  actionState = _useContext.actionState;
40
+ var initialConditionState = React.useRef(initialState !== null && initialState !== void 0 && initialState.state ? JSON.parse(JSON.stringify(initialState === null || initialState === void 0 ? void 0 : initialState.state)) : null);
44
41
  var _useState = React.useState(false),
45
42
  _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
46
43
  isConditionBuilderActive = _useState2[0],
@@ -77,10 +74,24 @@ var ConditionBuilderContent = function ConditionBuilderContent(_ref) {
77
74
  getActionsState === null || getActionsState === void 0 || getActionsState(actionState !== null && actionState !== void 0 ? actionState : []);
78
75
  // eslint-disable-next-line react-hooks/exhaustive-deps
79
76
  }, [actionState]);
77
+ React.useEffect(function () {
78
+ if (initialState !== null && initialState !== void 0 && initialState.enabledDefault) {
79
+ setRootState === null || setRootState === void 0 || setRootState(initialConditionState.current);
80
+ initialConditionState.current = null;
81
+ }
82
+ // eslint-disable-next-line react-hooks/exhaustive-deps
83
+ }, [initialState]);
80
84
  var onStartConditionBuilder = function onStartConditionBuilder() {
85
+ var _initialConditionStat;
81
86
  //when add condition button is clicked.
82
87
  setIsConditionBuilderActive(true);
83
- setRootState === null || setRootState === void 0 || setRootState(initialState !== null && initialState !== void 0 ? initialState : ConditionBuilderProvider.emptyState); //here we can set an empty skeleton object for an empty condition builder,
88
+ if (initialConditionState !== null && initialConditionState !== void 0 && (_initialConditionStat = initialConditionState.current) !== null && _initialConditionStat !== void 0 && (_initialConditionStat = _initialConditionStat.groups) !== null && _initialConditionStat !== void 0 && _initialConditionStat.length) {
89
+ setRootState === null || setRootState === void 0 || setRootState(initialConditionState.current);
90
+ initialConditionState.current = null;
91
+ } else {
92
+ setRootState === null || setRootState === void 0 || setRootState(ConditionBuilderProvider.emptyState); //here we can set an empty skeleton object for an empty condition builder,
93
+ }
94
+
84
95
  //or we can even pre-populate some existing builder and continue editing
85
96
  };
86
97
  var _onRemove = React.useCallback(function (groupId) {
@@ -108,13 +119,13 @@ var ConditionBuilderContent = function ConditionBuilderContent(_ref) {
108
119
  statement: 'ifAll',
109
120
  // 'if|exclude if',
110
121
  groupOperator: 'and',
111
- id: uuidv4["default"](),
122
+ id: uuidv4.default(),
112
123
  conditions: [{
113
124
  property: undefined,
114
125
  operator: '',
115
126
  value: '',
116
127
  popoverToOpen: 'propertyField',
117
- id: uuidv4["default"]()
128
+ id: uuidv4.default()
118
129
  }]
119
130
  };
120
131
  setRootState === null || setRootState === void 0 || setRootState(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rootState), {}, {
@@ -127,10 +138,10 @@ var ConditionBuilderContent = function ConditionBuilderContent(_ref) {
127
138
  return groupLength % 5;
128
139
  };
129
140
  if (!isConditionBuilderActive) {
130
- return /*#__PURE__*/React__default["default"].createElement(react.Button, {
141
+ return /*#__PURE__*/React.createElement(react.Button, {
131
142
  className: "".concat(util.blockClass, "__addConditionText-button"),
132
143
  renderIcon: function renderIcon(props) {
133
- return /*#__PURE__*/React__default["default"].createElement(icons.Add, props);
144
+ return /*#__PURE__*/React.createElement(icons.Add, props);
134
145
  },
135
146
  iconDescription: startConditionLabel,
136
147
  kind: "ghost",
@@ -138,19 +149,21 @@ var ConditionBuilderContent = function ConditionBuilderContent(_ref) {
138
149
  onClick: onStartConditionBuilder
139
150
  }, startConditionLabel);
140
151
  }
141
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(react.Section, {
152
+ var wrapperRole = variant === util.HIERARCHICAL_VARIANT ? {
153
+ role: 'treegrid',
154
+ 'aria-label': conditionBuilderHierarchicalText
155
+ } : null;
156
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(react.Section, {
142
157
  className: "".concat(util.blockClass, "__heading"),
143
158
  level: 4
144
- }, /*#__PURE__*/React__default["default"].createElement(react.Heading, null, conditionHeadingText)), /*#__PURE__*/React__default["default"].createElement("div", {
145
- className: "".concat(util.blockClass, "__content-container"),
146
- role: "treegrid",
147
- "aria-label": conditionBuilderHierarchicalText
148
- }, rootState && (rootState === null || rootState === void 0 || (_rootState$groups4 = rootState.groups) === null || _rootState$groups4 === void 0 ? void 0 : _rootState$groups4.map(function (eachGroup, groupIndex) {
159
+ }, /*#__PURE__*/React.createElement(react.Heading, null, conditionHeadingText)), /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
160
+ className: "".concat(util.blockClass, "__content-container")
161
+ }, wrapperRole), rootState && (rootState === null || rootState === void 0 || (_rootState$groups4 = rootState.groups) === null || _rootState$groups4 === void 0 ? void 0 : _rootState$groups4.map(function (eachGroup, groupIndex) {
149
162
  var _ref2;
150
- return /*#__PURE__*/React__default["default"].createElement("div", {
163
+ return /*#__PURE__*/React.createElement("div", {
151
164
  key: eachGroup.id,
152
165
  className: "".concat(util.blockClass, "__group-wrapper")
153
- }, /*#__PURE__*/React__default["default"].createElement(ConditionGroupBuilder["default"], {
166
+ }, /*#__PURE__*/React.createElement(ConditionGroupBuilder.default, {
154
167
  className: "".concat(util.blockClass, "__group"),
155
168
  aria: {
156
169
  level: 1,
@@ -164,13 +177,13 @@ var ConditionBuilderContent = function ConditionBuilderContent(_ref) {
164
177
  onChange: function onChange(updatedGroup) {
165
178
  onChangeHandler(updatedGroup, groupIndex);
166
179
  }
167
- }), rootState.groups && groupIndex < rootState.groups.length - 1 && (_GroupConnector || (_GroupConnector = /*#__PURE__*/React__default["default"].createElement(GroupConnector["default"], null))));
168
- })), variant == util.HIERARCHICAL_VARIANT && /*#__PURE__*/React__default["default"].createElement("div", {
180
+ }), rootState.groups && groupIndex < rootState.groups.length - 1 && (_GroupConnector || (_GroupConnector = /*#__PURE__*/React.createElement(GroupConnector.default, null))));
181
+ })), variant == util.HIERARCHICAL_VARIANT && /*#__PURE__*/React.createElement("div", {
169
182
  role: "row",
170
183
  tabIndex: -1,
171
184
  "aria-level": 1,
172
185
  className: "".concat(util.blockClass, "__add-group")
173
- }, /*#__PURE__*/React__default["default"].createElement(ConditionBuilderButton.ConditionBuilderButton, {
186
+ }, /*#__PURE__*/React.createElement(ConditionBuilderButton.ConditionBuilderButton, {
174
187
  renderIcon: icons.TextNewLine,
175
188
  onClick: addConditionGroupHandler,
176
189
  onMouseEnter: showConditionGroupPreviewHandler,
@@ -184,14 +197,14 @@ var ConditionBuilderContent = function ConditionBuilderContent(_ref) {
184
197
  role: 'gridcell',
185
198
  'aria-label': addConditionGroupText
186
199
  }
187
- })), showConditionGroupPreview && /*#__PURE__*/React__default["default"].createElement(ConditionPreview["default"], {
200
+ })), showConditionGroupPreview && /*#__PURE__*/React.createElement(ConditionPreview.default, {
188
201
  previewType: "newGroup",
189
202
  colorIndex: getColorIndex(),
190
203
  group: {
191
204
  groupOperator: rootState === null || rootState === void 0 ? void 0 : rootState.operator,
192
- id: uuidv4["default"]()
205
+ id: uuidv4.default()
193
206
  }
194
- })), actions && /*#__PURE__*/React__default["default"].createElement(ConditionBuilderActions["default"], {
207
+ })), actions && /*#__PURE__*/React.createElement(ConditionBuilderActions.default, {
195
208
  actions: actions,
196
209
  className: "".concat(util.blockClass, "__actions-container")
197
210
  }));
@@ -200,42 +213,45 @@ ConditionBuilderContent.propTypes = {
200
213
  /**
201
214
  * optional array of object that give the list of actions.
202
215
  */
203
- actions: index["default"].arrayOf(index["default"].shape({
204
- id: index["default"].oneOfType([index["default"].string, index["default"].number]).isRequired,
205
- label: index["default"].string.isRequired
216
+ actions: index.default.arrayOf(index.default.shape({
217
+ id: index.default.oneOfType([index.default.string, index.default.number]).isRequired,
218
+ label: index.default.string.isRequired
206
219
  })),
207
220
  /**
208
221
  * callback functions that will provide the updated action state back.
209
222
  */
210
- getActionsState: index["default"].func,
223
+ getActionsState: index.default.func,
211
224
  /**
212
225
  * This is a callback function that returns the updated state
213
226
  */
214
- getConditionState: index["default"].func.isRequired,
227
+ getConditionState: index.default.func.isRequired,
215
228
  /**
216
229
  * Optional prop if the condition building need to start from a predefined initial state
217
230
  */
218
- initialState: index["default"].shape({
219
- groups: index["default"].arrayOf(index["default"].shape({
220
- groupOperator: index["default"].string,
221
- statement: index["default"].string,
222
- conditions: index["default"].arrayOf(index["default"].oneOfType([index["default"].shape({
223
- property: index["default"].string,
224
- operator: index["default"].string,
225
- value: index["default"].oneOfType([index["default"].string, index["default"].arrayOf(index["default"].shape({
226
- id: index["default"].string,
227
- label: index["default"].string
228
- })), index["default"].shape({
229
- id: index["default"].string,
230
- label: index["default"].string
231
- })])
232
- }), index["default"].object]))
233
- })),
234
- operator: index["default"].string
231
+ initialState: index.default.shape({
232
+ state: index.default.shape({
233
+ groups: index.default.arrayOf(index.default.shape({
234
+ groupOperator: index.default.string,
235
+ statement: index.default.string,
236
+ conditions: index.default.arrayOf(index.default.oneOfType([index.default.shape({
237
+ property: index.default.string,
238
+ operator: index.default.string,
239
+ value: index.default.oneOfType([index.default.string, index.default.arrayOf(index.default.shape({
240
+ id: index.default.string,
241
+ label: index.default.string
242
+ })), index.default.shape({
243
+ id: index.default.string,
244
+ label: index.default.string
245
+ })])
246
+ }), index.default.object]))
247
+ })),
248
+ operator: index.default.string
249
+ }),
250
+ enabledDefault: index.default.bool
235
251
  }),
236
252
  /* Provide a label to the button that starts condition builder
237
253
  */
238
- startConditionLabel: index["default"].string.isRequired
254
+ startConditionLabel: index.default.string.isRequired
239
255
  };
240
256
 
241
- exports["default"] = ConditionBuilderContent;
257
+ exports.default = ConditionBuilderContent;
@@ -7,29 +7,23 @@
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 uuidv4 = require('../../../global/js/utils/uuidv4.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 emptyState = {
22
16
  operator: 'or',
23
17
  groups: [{
24
18
  groupOperator: 'and',
25
19
  statement: 'ifAll',
26
- id: uuidv4["default"](),
20
+ id: uuidv4.default(),
27
21
  conditions: [{
28
22
  property: undefined,
29
23
  operator: '',
30
24
  value: '',
31
25
  popoverToOpen: 'propertyField',
32
- id: uuidv4["default"]()
26
+ id: uuidv4.default()
33
27
  }]
34
28
  }]
35
29
  };
@@ -61,7 +55,7 @@ var ConditionBuilderProvider = function ConditionBuilderProvider(props) {
61
55
  translateWithId: props.translateWithId,
62
56
  conditionBuilderRef: props.conditionBuilderRef
63
57
  };
64
- return /*#__PURE__*/React__default["default"].createElement(ConditionBuilderContext.Provider, {
58
+ return /*#__PURE__*/React.createElement(ConditionBuilderContext.Provider, {
65
59
  value: contextValue
66
60
  },
67
61
  // eslint-disable-next-line react/prop-types
@@ -71,12 +65,12 @@ ConditionBuilderProvider.propTypes = {
71
65
  /**
72
66
  * Provide the contents of the ConditionBuilder.
73
67
  */
74
- children: index["default"].node.isRequired,
68
+ children: index.default.node.isRequired,
75
69
  /**
76
70
  * ref of condition builder
77
71
  */
78
72
  /**@ts-ignore */
79
- conditionBuilderRef: index["default"].object,
73
+ conditionBuilderRef: index.default.object,
80
74
  /**
81
75
  * This is an optional callback function that will be triggered when options array is not passed in the inputConfig against a property.
82
76
  * This can be a asynchronous function that need to return a promise, so it will allow to fetch options from API call.
@@ -86,48 +80,48 @@ ConditionBuilderProvider.propTypes = {
86
80
  id: 'id',
87
81
  },...]
88
82
  */
89
- getOptions: index["default"].func,
83
+ getOptions: index.default.func,
90
84
  /**
91
85
  * This is a mandatory prop that defines the input to the condition builder.
92
86
 
93
87
  */
94
88
  /**@ts-ignore */
95
- inputConfig: index["default"].shape({
96
- properties: index["default"].arrayOf(index["default"].shape({
97
- id: index["default"].string.isRequired,
98
- label: index["default"].string.isRequired,
99
- icon: index["default"].oneOfType([index["default"].func, index["default"].object]),
100
- type: index["default"].oneOf(['text', 'textarea', 'number', 'date', 'option', 'time', 'custom']).isRequired,
101
- config: index["default"].shape({
102
- options: index["default"].arrayOf(index["default"].shape({
103
- id: index["default"].string.isRequired,
104
- label: index["default"].string.isRequired,
105
- icon: index["default"].oneOfType([index["default"].func, index["default"].object])
89
+ inputConfig: index.default.shape({
90
+ properties: index.default.arrayOf(index.default.shape({
91
+ id: index.default.string.isRequired,
92
+ label: index.default.string.isRequired,
93
+ icon: index.default.oneOfType([index.default.func, index.default.object]),
94
+ type: index.default.oneOf(['text', 'textarea', 'number', 'date', 'option', 'time', 'custom']).isRequired,
95
+ config: index.default.shape({
96
+ options: index.default.arrayOf(index.default.shape({
97
+ id: index.default.string.isRequired,
98
+ label: index.default.string.isRequired,
99
+ icon: index.default.oneOfType([index.default.func, index.default.object])
106
100
  })),
107
- component: index["default"].func,
108
- operators: index["default"].arrayOf(index["default"].shape({
109
- id: index["default"].string.isRequired,
110
- label: index["default"].string.isRequired
101
+ component: index.default.func,
102
+ operators: index.default.arrayOf(index.default.shape({
103
+ id: index.default.string.isRequired,
104
+ label: index.default.string.isRequired
111
105
  })),
112
- long: index["default"].bool
106
+ long: index.default.bool
113
107
  })
114
108
  }))
115
109
  }).isRequired,
116
110
  /**
117
111
  * Provide an mandatory numeric value that will be used to enable search option in the popovers with list.
118
112
  */
119
- popOverSearchThreshold: index["default"].number.isRequired,
113
+ popOverSearchThreshold: index.default.number.isRequired,
120
114
  /**
121
115
  * Optional prop if you want to pass translation to the texts used . Otherwise this will the defined defaults.
122
116
  * This callback function will receive the message id and you need to return the corresponding text for that id.
123
117
  * The message key will be one of [ "ifText", "addConditionText", "addConditionGroupText", "addSubgroupText", "conditionText", "propertyText", "operatorText", "valueText", "connectorText", "conditionRowText", "removeConditionText", "addConditionRowText", "startText", "endText", "clearSearchText", "actionsText", "then", "removeActionText", "addActionText", "invalidText", "invalidNumberWarnText"
124
118
  ]
125
119
  */
126
- translateWithId: index["default"].func,
120
+ translateWithId: index.default.func,
127
121
  /**
128
122
  * Provide the condition builder variant: Non-Hierarchical/ Hierarchical
129
123
  */
130
- variant: index["default"].string.isRequired
124
+ variant: index.default.string.isRequired
131
125
  };
132
126
 
133
127
  exports.ConditionBuilderContext = ConditionBuilderContext;
@@ -7,8 +7,6 @@
7
7
 
8
8
  'use strict';
9
9
 
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
10
  var translationsObject = {
13
11
  ifText: 'if',
14
12
  unlessText: 'unless',
@@ -7,8 +7,6 @@
7
7
 
8
8
  'use strict';
9
9
 
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
10
  var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
13
11
  var React = require('react');
14
12
  var react = require('@carbon/react');
@@ -20,10 +18,6 @@ var ConditionBuilderProvider = require('../ConditionBuilderContext/ConditionBuil
20
18
  var handleKeyboardEvents = require('../utils/handleKeyboardEvents.js');
21
19
  var util = require('../utils/util.js');
22
20
 
23
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
24
-
25
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
26
-
27
21
  var _excluded = ["children", "className", "label", "renderIcon", "title", "type", "showToolTip", "condition", "popOverClassName", "config", "renderChildren", "onChange"];
28
22
  var ConditionBuilderItem = function ConditionBuilderItem(_ref) {
29
23
  var children = _ref.children,
@@ -156,14 +150,14 @@ var ConditionBuilderItem = function ConditionBuilderItem(_ref) {
156
150
  return addConditionText;
157
151
  }
158
152
  };
159
- return /*#__PURE__*/React__default["default"].createElement(react.Popover, {
153
+ return /*#__PURE__*/React.createElement(react.Popover, {
160
154
  open: open,
161
155
  isTabTip: true,
162
156
  role: "gridcell",
163
157
  className: "".concat(popOverClassName, " ").concat(util.blockClass, "__popover"),
164
158
  ref: popoverRef,
165
159
  onRequestClose: closePopover
166
- }, /*#__PURE__*/React__default["default"].createElement(ConditionBuilderButton.ConditionBuilderButton, _rollupPluginBabelHelpers["extends"]({
160
+ }, /*#__PURE__*/React.createElement(ConditionBuilderButton.ConditionBuilderButton, _rollupPluginBabelHelpers.extends({
167
161
  label: getLabel(),
168
162
  hideLabel: !label ? true : false,
169
163
  onClick: togglePopover,
@@ -173,14 +167,14 @@ var ConditionBuilderItem = function ConditionBuilderItem(_ref) {
173
167
  renderIcon: renderIcon ? renderIcon : label == undefined ? icons.Add : undefined,
174
168
  showToolTip: showToolTip,
175
169
  isInvalid: isInvalid
176
- }, rest)), open && /*#__PURE__*/React__default["default"].createElement(react.PopoverContent, {
170
+ }, rest)), open && /*#__PURE__*/React.createElement(react.PopoverContent, {
177
171
  className: "".concat(util.blockClass, "__popover-content-wrapper"),
178
172
  role: "dialog",
179
173
  "aria-label": title,
180
174
  onKeyDown: handleKeyDownHandler
181
- }, /*#__PURE__*/React__default["default"].createElement(react.Layer, null, /*#__PURE__*/React__default["default"].createElement("h1", {
175
+ }, /*#__PURE__*/React.createElement(react.Layer, null, /*#__PURE__*/React.createElement("h1", {
182
176
  className: "".concat(util.blockClass, "__item__title")
183
- }, title), /*#__PURE__*/React__default["default"].createElement("div", {
177
+ }, title), /*#__PURE__*/React.createElement("div", {
184
178
  className: "".concat(util.blockClass, "__popover-content")
185
179
  }, renderChildren ? renderChildren(popoverRef) : children))));
186
180
  };
@@ -188,52 +182,52 @@ ConditionBuilderItem.propTypes = {
188
182
  /**
189
183
  * provide the contents of the popover
190
184
  */
191
- children: index["default"].node,
185
+ children: index.default.node,
192
186
  /**
193
187
  * Provide an optional class to be applied to the containing node.
194
188
  */
195
- className: index["default"].string,
189
+ className: index.default.string,
196
190
  /**
197
191
  * current condition state object
198
192
  */
199
- condition: index["default"].object,
193
+ condition: index.default.object,
200
194
  /**
201
195
  * this is the config object again the current property from inputConfig
202
196
  */
203
197
 
204
- config: index["default"].object,
198
+ config: index.default.object,
205
199
  /**
206
200
  * text to be displayed in the field
207
201
  */
208
- label: index["default"].oneOfType([index["default"].string, index["default"].array, index["default"].object]),
202
+ label: index.default.oneOfType([index.default.string, index.default.array, index.default.object]),
209
203
  /**
210
204
  * callback to update the current condition of the state tree
211
205
  */
212
- onChange: index["default"].func,
206
+ onChange: index.default.func,
213
207
  /**
214
208
  * class name for popover
215
209
  */
216
- popOverClassName: index["default"].string,
210
+ popOverClassName: index.default.string,
217
211
  /**
218
212
  * callback prop that returns the jsx for children
219
213
  */
220
- renderChildren: index["default"].func,
214
+ renderChildren: index.default.func,
221
215
  /**
222
216
  * Optional prop to allow overriding the icon rendering.
223
217
  */
224
- renderIcon: index["default"].oneOfType([index["default"].func, index["default"].object]),
218
+ renderIcon: index.default.oneOfType([index.default.func, index.default.object]),
225
219
  /**
226
220
  * show tool tip
227
221
  */
228
- showToolTip: index["default"].bool,
222
+ showToolTip: index.default.bool,
229
223
  /**
230
224
  * title of the popover
231
225
  */
232
- title: index["default"].string,
226
+ title: index.default.string,
233
227
  /**
234
228
  * input type
235
229
  */
236
- type: index["default"].string
230
+ type: index.default.string
237
231
  };
238
232
 
239
233
  exports.ConditionBuilderItem = ConditionBuilderItem;
@@ -7,8 +7,6 @@
7
7
 
8
8
  'use strict';
9
9
 
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
10
  var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
13
11
  var React = require('react');
14
12
  var react = require('@carbon/react');
@@ -16,10 +14,6 @@ var index = require('../../../../node_modules/prop-types/index.js');
16
14
  var useTranslations = require('../../utils/useTranslations.js');
17
15
  var util = require('../../utils/util.js');
18
16
 
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
17
  var ConditionBuilderItemDate = function ConditionBuilderItemDate(_ref) {
24
18
  var conditionState = _ref.conditionState,
25
19
  onChange = _ref.onChange,
@@ -33,31 +27,31 @@ var ConditionBuilderItemDate = function ConditionBuilderItemDate(_ref) {
33
27
  var onCloseHandler = function onCloseHandler(selectedDate) {
34
28
  onChange(selectedDate && selectedDate.length > 0 ? selectedDate : 'INVALID');
35
29
  };
36
- return /*#__PURE__*/React__default["default"].createElement("div", {
30
+ return /*#__PURE__*/React.createElement("div", {
37
31
  className: "".concat(util.blockClass, "__item-date ")
38
- }, datePickerType == 'single' && /*#__PURE__*/React__default["default"].createElement(react.DatePicker, {
32
+ }, datePickerType == 'single' && /*#__PURE__*/React.createElement(react.DatePicker, {
39
33
  ref: DatePickerInputRef,
40
34
  dateFormat: "d/m/Y",
41
35
  datePickerType: "single",
42
36
  value: conditionState.value,
43
37
  onClose: onCloseHandler,
44
38
  appendTo: parentRef === null || parentRef === void 0 ? void 0 : parentRef.current
45
- }, /*#__PURE__*/React__default["default"].createElement(react.DatePickerInput, {
39
+ }, /*#__PURE__*/React.createElement(react.DatePickerInput, {
46
40
  id: "datePicker",
47
41
  placeholder: "dd/mm/yyyy",
48
42
  labelText: conditionState.property
49
- })), datePickerType == 'range' && /*#__PURE__*/React__default["default"].createElement(react.DatePicker, {
43
+ })), datePickerType == 'range' && /*#__PURE__*/React.createElement(react.DatePicker, {
50
44
  ref: DatePickerInputRef,
51
45
  dateFormat: "d/m/Y",
52
46
  datePickerType: datePickerType,
53
47
  onClose: onCloseHandler,
54
48
  value: conditionState.value,
55
49
  appendTo: parentRef === null || parentRef === void 0 ? void 0 : parentRef.current
56
- }, /*#__PURE__*/React__default["default"].createElement(react.DatePickerInput, {
50
+ }, /*#__PURE__*/React.createElement(react.DatePickerInput, {
57
51
  id: "datePickerStart",
58
52
  placeholder: "dd/mm/yyyy",
59
53
  labelText: startText
60
- }), /*#__PURE__*/React__default["default"].createElement(react.DatePickerInput, {
54
+ }), /*#__PURE__*/React.createElement(react.DatePickerInput, {
61
55
  id: "datePickerEnd",
62
56
  placeholder: "dd/mm/yyyy",
63
57
  labelText: endText
@@ -67,15 +61,15 @@ ConditionBuilderItemDate.propTypes = {
67
61
  /**
68
62
  * current condition object
69
63
  */
70
- conditionState: index["default"].object,
64
+ conditionState: index.default.object,
71
65
  /**
72
66
  * callback to update state oin date change
73
67
  */
74
- onChange: index["default"].func,
68
+ onChange: index.default.func,
75
69
  /**
76
70
  * reference to the popover node
77
71
  */
78
- parentRef: index["default"].object
72
+ parentRef: index.default.object
79
73
  };
80
74
 
81
75
  exports.ConditionBuilderItemDate = ConditionBuilderItemDate;