@carbon/ibm-products 2.43.2-canary.12 → 2.43.2-canary.122

Sign up to get free protection for your applications and to get access to all the features.
Files changed (424) hide show
  1. package/css/config-dev.css +6 -1
  2. package/css/config-dev.css.map +1 -1
  3. package/css/config.css +6 -1
  4. package/css/config.css.map +1 -1
  5. package/css/index-full-carbon.css +1854 -499
  6. package/css/index-full-carbon.css.map +1 -1
  7. package/css/index-full-carbon.min.css +1 -1
  8. package/css/index-full-carbon.min.css.map +1 -1
  9. package/css/index-without-carbon-released-only.css +267 -65
  10. package/css/index-without-carbon-released-only.css.map +1 -1
  11. package/css/index-without-carbon-released-only.min.css +1 -1
  12. package/css/index-without-carbon-released-only.min.css.map +1 -1
  13. package/css/index-without-carbon.css +1463 -250
  14. package/css/index-without-carbon.css.map +1 -1
  15. package/css/index-without-carbon.min.css +1 -1
  16. package/css/index-without-carbon.min.css.map +1 -1
  17. package/css/index.css +1659 -369
  18. package/css/index.css.map +1 -1
  19. package/css/index.min.css +1 -1
  20. package/css/index.min.css.map +1 -1
  21. package/es/components/APIKeyModal/APIKeyModal.types.d.ts +6 -0
  22. package/es/components/ActionBar/ActionBar.d.ts +58 -2
  23. package/es/components/ActionBar/ActionBar.js +14 -9
  24. package/es/components/ActionBar/ActionBarItem.d.ts +36 -2
  25. package/es/components/ActionBar/ActionBarItem.js +8 -5
  26. package/es/components/ActionBar/ActionBarOverflowItems.d.ts +55 -16
  27. package/es/components/ActionBar/ActionBarOverflowItems.js +8 -4
  28. package/es/components/AddSelect/types/index.d.ts +6 -0
  29. package/es/components/Card/Card.d.ts +68 -2
  30. package/es/components/Card/Card.js +28 -35
  31. package/es/components/Card/CardFooter.d.ts +51 -48
  32. package/es/components/Card/CardFooter.js +4 -2
  33. package/es/components/Card/CardHeader.d.ts +67 -49
  34. package/es/components/Card/CardHeader.js +4 -2
  35. package/es/components/Coachmark/Coachmark.d.ts +6 -1
  36. package/es/components/Coachmark/Coachmark.js +47 -11
  37. package/es/components/Coachmark/CoachmarkOverlay.js +2 -4
  38. package/es/components/Coachmark/utils/enums.d.ts +6 -0
  39. package/es/components/CoachmarkBeacon/CoachmarkBeacon.js +1 -7
  40. package/es/components/CoachmarkFixed/CoachmarkFixed.js +13 -11
  41. package/es/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +2 -1
  42. package/es/components/CoachmarkStack/CoachmarkStack.d.ts +67 -2
  43. package/es/components/CoachmarkStack/CoachmarkStack.js +22 -11
  44. package/es/components/CoachmarkStack/CoachmarkStackHome.d.ts +71 -2
  45. package/es/components/CoachmarkStack/CoachmarkStackHome.js +25 -23
  46. package/es/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +100 -58
  47. package/es/components/ConditionBuilder/ConditionBuilder.js +82 -25
  48. package/es/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.d.ts +15 -0
  49. package/es/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +154 -0
  50. package/es/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.d.ts +3 -1
  51. package/es/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +30 -27
  52. package/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.d.ts +8 -1
  53. package/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +35 -11
  54. package/es/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +18 -10
  55. package/es/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +19 -11
  56. package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +9 -13
  57. package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +83 -64
  58. package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts +13 -7
  59. package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +31 -8
  60. package/es/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.d.ts +8 -2
  61. package/es/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.js +35 -24
  62. package/es/components/ConditionBuilder/ConditionBuilderContext/translationObject.d.ts +43 -36
  63. package/es/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +43 -36
  64. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts +6 -2
  65. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +114 -40
  66. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.d.ts +3 -1
  67. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +24 -9
  68. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +27 -9
  69. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts +13 -0
  70. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +114 -0
  71. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/{ConditionBuilderItemOption.d.ts → ItemOptionForValueField.d.ts} +2 -2
  72. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/{ConditionBuilderItemOption.js → ItemOptionForValueField.js} +71 -38
  73. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.d.ts +5 -1
  74. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js +22 -9
  75. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.js +1 -1
  76. package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts +1 -3
  77. package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +122 -40
  78. package/es/components/ConditionBuilder/ConditionPreview/ConditionPreview.d.ts +5 -1
  79. package/es/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +51 -19
  80. package/es/components/ConditionBuilder/utils/handleKeyboardEvents.d.ts +2 -1
  81. package/es/components/ConditionBuilder/utils/handleKeyboardEvents.js +152 -42
  82. package/es/components/ConditionBuilder/utils/useTranslations.d.ts +1 -0
  83. package/es/components/ConditionBuilder/utils/useTranslations.js +26 -0
  84. package/es/components/ConditionBuilder/utils/util.d.ts +6 -4
  85. package/es/components/ConditionBuilder/utils/util.js +42 -17
  86. package/es/components/CreateFullPage/CreateFullPage.js +2 -2
  87. package/es/components/DataSpreadsheet/DataSpreadsheet.d.ts +26 -0
  88. package/es/components/DataSpreadsheet/DataSpreadsheet.js +129 -53
  89. package/es/components/DataSpreadsheet/DataSpreadsheetBody.d.ts +16 -0
  90. package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +32 -7
  91. package/es/components/DataSpreadsheet/DataSpreadsheetHeader.d.ts +8 -0
  92. package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +16 -3
  93. package/es/components/DataSpreadsheet/types/index.d.ts +7 -0
  94. package/es/components/Datagrid/Datagrid/Datagrid.d.ts +0 -4
  95. package/es/components/Datagrid/Datagrid/Datagrid.js +4 -9
  96. package/es/components/Datagrid/Datagrid/DatagridBody.d.ts +6 -0
  97. package/es/components/Datagrid/Datagrid/DatagridContent.js +4 -3
  98. package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +23 -8
  99. package/es/components/Datagrid/Datagrid/DatagridRefBody.d.ts +6 -0
  100. package/es/components/Datagrid/Datagrid/DatagridRow.js +21 -8
  101. package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +6 -6
  102. package/es/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +3 -2
  103. package/es/components/Datagrid/Datagrid/DatagridSimpleBody.d.ts +6 -0
  104. package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +3 -1
  105. package/es/components/Datagrid/Datagrid/DraggableElement.d.ts +6 -0
  106. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +34 -10
  107. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +6 -1
  108. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +6 -1
  109. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.d.ts +6 -3
  110. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +20 -12
  111. package/es/components/Datagrid/Datagrid/addons/Filtering/handleCheckboxChange.js +7 -0
  112. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.d.ts +1 -1
  113. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +54 -17
  114. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +2 -3
  115. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +75 -12
  116. package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +10 -2
  117. package/es/components/Datagrid/common-column-ids.d.ts +6 -0
  118. package/es/components/Datagrid/types/index.d.ts +60 -9
  119. package/es/components/Datagrid/useActionsColumn.d.ts +8 -1
  120. package/es/components/Datagrid/useActionsColumn.js +7 -6
  121. package/es/components/Datagrid/useCustomizeColumns.d.ts +8 -1
  122. package/es/components/Datagrid/useCustomizeColumns.js +4 -3
  123. package/es/components/Datagrid/useDatagrid.d.ts +6 -0
  124. package/es/components/Datagrid/useDefaultStringRenderer.js +0 -1
  125. package/es/components/Datagrid/useDisableSelectRows.d.ts +8 -1
  126. package/es/components/Datagrid/useDisableSelectRows.js +27 -22
  127. package/es/components/Datagrid/useInitialColumnSort.js +4 -0
  128. package/es/components/Datagrid/useInlineEdit.js +12 -2
  129. package/es/components/Datagrid/useNestedRowExpander.js +1 -3
  130. package/es/components/Datagrid/useNestedRows.js +5 -4
  131. package/es/components/Datagrid/useRowExpander.js +1 -3
  132. package/es/components/Datagrid/useRowIsMouseOver.d.ts +6 -0
  133. package/es/components/Datagrid/useSelectRows.js +2 -1
  134. package/es/components/Datagrid/useSortableColumns.d.ts +5 -4
  135. package/es/components/Datagrid/useSortableColumns.js +18 -13
  136. package/es/components/Datagrid/useStickyColumn.d.ts +8 -1
  137. package/es/components/Datagrid/useStickyColumn.js +12 -9
  138. package/es/components/EditInPlace/EditInPlace.d.ts +4 -0
  139. package/es/components/EditInPlace/EditInPlace.js +21 -10
  140. package/es/components/EditTearsheet/EditTearsheet.d.ts +7 -2
  141. package/es/components/EditTearsheet/EditTearsheet.js +44 -10
  142. package/es/components/EditTearsheet/EditTearsheetForm.d.ts +45 -2
  143. package/es/components/EditTearsheet/EditTearsheetForm.js +3 -0
  144. package/es/components/EmptyStates/EmptyState.d.ts +72 -5
  145. package/es/components/EmptyStates/EmptyState.js +8 -5
  146. package/es/components/EmptyStates/EmptyStateV2.d.ts +63 -2
  147. package/es/components/EmptyStates/EmptyStateV2.js +3 -2
  148. package/es/components/FullPageError/FullPageError.d.ts +36 -2
  149. package/es/components/FullPageError/FullPageError.js +0 -3
  150. package/es/components/GetStartedCard/GetStartedCard.d.ts +60 -2
  151. package/es/components/GetStartedCard/GetStartedCard.js +11 -10
  152. package/es/components/HTTPErrors/HTTPError403/HTTPError403.js +6 -0
  153. package/es/components/HTTPErrors/HTTPError404/HTTPError404.js +6 -0
  154. package/es/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +6 -0
  155. package/es/components/HTTPErrors/assets/HTTPErrorSvg403.js +204 -200
  156. package/es/components/HTTPErrors/assets/HTTPErrorSvg404.js +116 -112
  157. package/es/components/HTTPErrors/assets/HTTPErrorSvgOther.js +110 -106
  158. package/es/components/Nav/NavItem.js +12 -3
  159. package/es/components/OptionsTile/OptionsTile.js +11 -6
  160. package/es/components/PageHeader/PageHeader.js +1 -0
  161. package/es/components/PageHeader/PageHeaderUtils.js +1 -1
  162. package/es/components/RemoveModal/RemoveModal.d.ts +4 -0
  163. package/es/components/RemoveModal/RemoveModal.js +7 -1
  164. package/es/components/SearchBar/SearchBar.d.ts +1 -1
  165. package/es/components/SearchBar/SearchBar.js +2 -2
  166. package/es/components/SidePanel/SidePanel.js +17 -21
  167. package/es/components/SidePanel/motion/variants.d.ts +4 -6
  168. package/es/components/SidePanel/motion/variants.js +10 -11
  169. package/es/components/StatusIndicator/StatusIndicatorStep.js +87 -0
  170. package/es/components/StringFormatter/StringFormatter.js +14 -3
  171. package/es/components/StringFormatter/utils/enums.d.ts +20 -1
  172. package/es/components/StringFormatter/utils/enums.js +29 -2
  173. package/es/components/TagOverflow/TagOverflow.d.ts +35 -4
  174. package/es/components/TagOverflow/TagOverflow.js +47 -64
  175. package/es/components/TagOverflow/TagOverflowModal.js +4 -6
  176. package/es/components/TagOverflow/TagOverflowPopover.d.ts +13 -1
  177. package/es/components/TagOverflow/TagOverflowPopover.js +38 -41
  178. package/es/components/Tearsheet/Tearsheet.d.ts +8 -1
  179. package/es/components/Tearsheet/Tearsheet.js +9 -1
  180. package/es/components/Tearsheet/TearsheetNarrow.d.ts +11 -0
  181. package/es/components/Tearsheet/TearsheetNarrow.js +12 -0
  182. package/es/components/Tearsheet/TearsheetShell.d.ts +11 -1
  183. package/es/components/Tearsheet/TearsheetShell.js +28 -7
  184. package/es/components/Toolbar/ToolbarButton.js +1 -1
  185. package/es/components/UserAvatar/UserAvatar.d.ts +59 -1
  186. package/es/components/UserAvatar/UserAvatar.js +7 -23
  187. package/es/components/WebTerminal/WebTerminal.js +10 -12
  188. package/es/components/index.d.ts +1 -1
  189. package/es/global/js/hooks/useFocus.d.ts +1 -0
  190. package/es/global/js/hooks/useFocus.js +5 -2
  191. package/es/global/js/hooks/usePrefersReducedMotion.js +14 -8
  192. package/es/global/js/package-settings.d.ts +1 -1
  193. package/es/global/js/package-settings.js +1 -1
  194. package/es/global/js/utils/scrollableAncestor.js +7 -0
  195. package/es/global/js/utils/uuidv4.d.ts +6 -0
  196. package/es/global/js/utils/uuidv4.js +2 -0
  197. package/es/global/js/utils/wait.d.ts +6 -0
  198. package/es/global/js/utils/wait.js +2 -0
  199. package/es/index.js +1 -0
  200. package/es/node_modules/@carbon/icon-helpers/es/index.js +49 -62
  201. package/es/node_modules/@carbon/icons-react/es/generated/bucket-2.js +1020 -1058
  202. package/es/node_modules/@carbon/icons-react/es/generated/bucket-9.js +881 -758
  203. package/es/settings.d.ts +1 -1
  204. package/flags.js +7 -0
  205. package/lib/components/APIKeyModal/APIKeyModal.types.d.ts +6 -0
  206. package/lib/components/ActionBar/ActionBar.d.ts +58 -2
  207. package/lib/components/ActionBar/ActionBar.js +14 -9
  208. package/lib/components/ActionBar/ActionBarItem.d.ts +36 -2
  209. package/lib/components/ActionBar/ActionBarItem.js +7 -4
  210. package/lib/components/ActionBar/ActionBarOverflowItems.d.ts +55 -16
  211. package/lib/components/ActionBar/ActionBarOverflowItems.js +8 -4
  212. package/lib/components/AddSelect/types/index.d.ts +6 -0
  213. package/lib/components/Card/Card.d.ts +68 -2
  214. package/lib/components/Card/Card.js +28 -35
  215. package/lib/components/Card/CardFooter.d.ts +51 -48
  216. package/lib/components/Card/CardFooter.js +4 -2
  217. package/lib/components/Card/CardHeader.d.ts +67 -49
  218. package/lib/components/Card/CardHeader.js +4 -2
  219. package/lib/components/Coachmark/Coachmark.d.ts +6 -1
  220. package/lib/components/Coachmark/Coachmark.js +46 -10
  221. package/lib/components/Coachmark/CoachmarkOverlay.js +2 -4
  222. package/lib/components/Coachmark/utils/enums.d.ts +6 -0
  223. package/lib/components/CoachmarkBeacon/CoachmarkBeacon.js +1 -7
  224. package/lib/components/CoachmarkFixed/CoachmarkFixed.js +13 -11
  225. package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +2 -1
  226. package/lib/components/CoachmarkStack/CoachmarkStack.d.ts +67 -2
  227. package/lib/components/CoachmarkStack/CoachmarkStack.js +22 -11
  228. package/lib/components/CoachmarkStack/CoachmarkStackHome.d.ts +71 -2
  229. package/lib/components/CoachmarkStack/CoachmarkStackHome.js +25 -23
  230. package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +98 -56
  231. package/lib/components/ConditionBuilder/ConditionBuilder.js +82 -25
  232. package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.d.ts +15 -0
  233. package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +163 -0
  234. package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.d.ts +3 -1
  235. package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +29 -25
  236. package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.d.ts +8 -1
  237. package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +33 -9
  238. package/lib/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +16 -8
  239. package/lib/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +18 -10
  240. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +9 -13
  241. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +81 -62
  242. package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts +13 -7
  243. package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +31 -8
  244. package/lib/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.d.ts +8 -2
  245. package/lib/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.js +34 -24
  246. package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.d.ts +43 -36
  247. package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +43 -36
  248. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts +6 -2
  249. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +112 -38
  250. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.d.ts +3 -1
  251. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +24 -9
  252. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +28 -10
  253. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts +13 -0
  254. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +122 -0
  255. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/{ConditionBuilderItemOption.d.ts → ItemOptionForValueField.d.ts} +2 -2
  256. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/{ConditionBuilderItemOption.js → ItemOptionForValueField.js} +68 -35
  257. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.d.ts +5 -1
  258. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js +21 -8
  259. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.js +1 -1
  260. package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts +1 -3
  261. package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +119 -37
  262. package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.d.ts +5 -1
  263. package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +50 -17
  264. package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.d.ts +2 -1
  265. package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.js +152 -41
  266. package/lib/components/ConditionBuilder/utils/useTranslations.d.ts +1 -0
  267. package/lib/components/ConditionBuilder/utils/useTranslations.js +30 -0
  268. package/lib/components/ConditionBuilder/utils/util.d.ts +6 -4
  269. package/lib/components/ConditionBuilder/utils/util.js +44 -16
  270. package/lib/components/CreateFullPage/CreateFullPage.js +2 -2
  271. package/lib/components/DataSpreadsheet/DataSpreadsheet.d.ts +26 -0
  272. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +129 -53
  273. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.d.ts +16 -0
  274. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +32 -7
  275. package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.d.ts +8 -0
  276. package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +16 -3
  277. package/lib/components/DataSpreadsheet/types/index.d.ts +7 -0
  278. package/lib/components/Datagrid/Datagrid/Datagrid.d.ts +0 -4
  279. package/lib/components/Datagrid/Datagrid/Datagrid.js +4 -9
  280. package/lib/components/Datagrid/Datagrid/DatagridBody.d.ts +6 -0
  281. package/lib/components/Datagrid/Datagrid/DatagridContent.js +4 -3
  282. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +23 -8
  283. package/lib/components/Datagrid/Datagrid/DatagridRefBody.d.ts +6 -0
  284. package/lib/components/Datagrid/Datagrid/DatagridRow.js +21 -8
  285. package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +6 -6
  286. package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +3 -2
  287. package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.d.ts +6 -0
  288. package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +3 -1
  289. package/lib/components/Datagrid/Datagrid/DraggableElement.d.ts +6 -0
  290. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +34 -10
  291. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +6 -1
  292. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +6 -1
  293. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.d.ts +6 -3
  294. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +20 -12
  295. package/lib/components/Datagrid/Datagrid/addons/Filtering/handleCheckboxChange.js +7 -0
  296. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.d.ts +1 -1
  297. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +53 -16
  298. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +2 -3
  299. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +74 -11
  300. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +10 -2
  301. package/lib/components/Datagrid/common-column-ids.d.ts +6 -0
  302. package/lib/components/Datagrid/types/index.d.ts +60 -9
  303. package/lib/components/Datagrid/useActionsColumn.d.ts +8 -1
  304. package/lib/components/Datagrid/useActionsColumn.js +7 -6
  305. package/lib/components/Datagrid/useCustomizeColumns.d.ts +8 -1
  306. package/lib/components/Datagrid/useCustomizeColumns.js +4 -3
  307. package/lib/components/Datagrid/useDatagrid.d.ts +6 -0
  308. package/lib/components/Datagrid/useDefaultStringRenderer.js +0 -1
  309. package/lib/components/Datagrid/useDisableSelectRows.d.ts +8 -1
  310. package/lib/components/Datagrid/useDisableSelectRows.js +27 -22
  311. package/lib/components/Datagrid/useInitialColumnSort.js +4 -0
  312. package/lib/components/Datagrid/useInlineEdit.js +12 -2
  313. package/lib/components/Datagrid/useNestedRowExpander.js +1 -3
  314. package/lib/components/Datagrid/useNestedRows.js +5 -4
  315. package/lib/components/Datagrid/useRowExpander.js +1 -3
  316. package/lib/components/Datagrid/useRowIsMouseOver.d.ts +6 -0
  317. package/lib/components/Datagrid/useSelectRows.js +2 -1
  318. package/lib/components/Datagrid/useSortableColumns.d.ts +5 -4
  319. package/lib/components/Datagrid/useSortableColumns.js +18 -13
  320. package/lib/components/Datagrid/useStickyColumn.d.ts +8 -1
  321. package/lib/components/Datagrid/useStickyColumn.js +12 -9
  322. package/lib/components/EditInPlace/EditInPlace.d.ts +4 -0
  323. package/lib/components/EditInPlace/EditInPlace.js +21 -10
  324. package/lib/components/EditTearsheet/EditTearsheet.d.ts +7 -2
  325. package/lib/components/EditTearsheet/EditTearsheet.js +43 -9
  326. package/lib/components/EditTearsheet/EditTearsheetForm.d.ts +45 -2
  327. package/lib/components/EditTearsheet/EditTearsheetForm.js +3 -0
  328. package/lib/components/EmptyStates/EmptyState.d.ts +72 -5
  329. package/lib/components/EmptyStates/EmptyState.js +8 -5
  330. package/lib/components/EmptyStates/EmptyStateV2.d.ts +63 -2
  331. package/lib/components/EmptyStates/EmptyStateV2.js +3 -2
  332. package/lib/components/FullPageError/FullPageError.d.ts +36 -2
  333. package/lib/components/FullPageError/FullPageError.js +0 -3
  334. package/lib/components/GetStartedCard/GetStartedCard.d.ts +60 -2
  335. package/lib/components/GetStartedCard/GetStartedCard.js +10 -9
  336. package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +6 -0
  337. package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +6 -0
  338. package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +6 -0
  339. package/lib/components/HTTPErrors/assets/HTTPErrorSvg403.js +204 -200
  340. package/lib/components/HTTPErrors/assets/HTTPErrorSvg404.js +116 -112
  341. package/lib/components/HTTPErrors/assets/HTTPErrorSvgOther.js +110 -106
  342. package/lib/components/Nav/NavItem.js +10 -1
  343. package/lib/components/OptionsTile/OptionsTile.js +11 -6
  344. package/lib/components/PageHeader/PageHeader.js +1 -0
  345. package/lib/components/PageHeader/PageHeaderUtils.js +1 -1
  346. package/lib/components/RemoveModal/RemoveModal.d.ts +4 -0
  347. package/lib/components/RemoveModal/RemoveModal.js +7 -1
  348. package/lib/components/SearchBar/SearchBar.d.ts +1 -1
  349. package/lib/components/SearchBar/SearchBar.js +2 -2
  350. package/lib/components/SidePanel/SidePanel.js +16 -20
  351. package/lib/components/SidePanel/motion/variants.d.ts +4 -6
  352. package/lib/components/SidePanel/motion/variants.js +10 -11
  353. package/lib/components/StatusIndicator/StatusIndicatorStep.js +94 -0
  354. package/lib/components/StringFormatter/StringFormatter.js +13 -2
  355. package/lib/components/StringFormatter/utils/enums.d.ts +20 -1
  356. package/lib/components/StringFormatter/utils/enums.js +30 -1
  357. package/lib/components/TagOverflow/TagOverflow.d.ts +35 -4
  358. package/lib/components/TagOverflow/TagOverflow.js +46 -63
  359. package/lib/components/TagOverflow/TagOverflowModal.js +4 -6
  360. package/lib/components/TagOverflow/TagOverflowPopover.d.ts +13 -1
  361. package/lib/components/TagOverflow/TagOverflowPopover.js +37 -40
  362. package/lib/components/Tearsheet/Tearsheet.d.ts +8 -1
  363. package/lib/components/Tearsheet/Tearsheet.js +9 -1
  364. package/lib/components/Tearsheet/TearsheetNarrow.d.ts +11 -0
  365. package/lib/components/Tearsheet/TearsheetNarrow.js +12 -0
  366. package/lib/components/Tearsheet/TearsheetShell.d.ts +11 -1
  367. package/lib/components/Tearsheet/TearsheetShell.js +26 -5
  368. package/lib/components/Toolbar/ToolbarButton.js +1 -1
  369. package/lib/components/UserAvatar/UserAvatar.d.ts +59 -1
  370. package/lib/components/UserAvatar/UserAvatar.js +7 -23
  371. package/lib/components/WebTerminal/WebTerminal.js +10 -12
  372. package/lib/components/index.d.ts +1 -1
  373. package/lib/global/js/hooks/useFocus.d.ts +1 -0
  374. package/lib/global/js/hooks/useFocus.js +5 -1
  375. package/lib/global/js/hooks/usePrefersReducedMotion.js +13 -7
  376. package/lib/global/js/package-settings.d.ts +1 -1
  377. package/lib/global/js/package-settings.js +1 -1
  378. package/lib/global/js/utils/scrollableAncestor.js +7 -0
  379. package/lib/global/js/utils/uuidv4.d.ts +6 -0
  380. package/lib/global/js/utils/uuidv4.js +2 -0
  381. package/lib/global/js/utils/wait.d.ts +6 -0
  382. package/lib/global/js/utils/wait.js +2 -0
  383. package/lib/index.js +5 -0
  384. package/lib/node_modules/@carbon/icon-helpers/es/index.js +49 -62
  385. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-2.js +1036 -1074
  386. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-9.js +946 -823
  387. package/lib/settings.d.ts +1 -1
  388. package/package.json +8 -7
  389. package/scss/components/Coachmark/_coachmark-overlay.scss +6 -70
  390. package/scss/components/Coachmark/_coachmark.scss +5 -4
  391. package/scss/components/CoachmarkBeacon/_coachmark-beacon.scss +1 -3
  392. package/scss/components/ConditionBuilder/_condition-builder.scss +8 -1
  393. package/scss/components/ConditionBuilder/styles/_conditionBuilderCondition.scss +30 -5
  394. package/scss/components/ConditionBuilder/styles/_conditionBuilderItem.scss +88 -22
  395. package/scss/components/ConditionBuilder/styles/_index.scss +7 -0
  396. package/scss/components/CreateModal/_create-modal.scss +0 -4
  397. package/scss/components/DataSpreadsheet/_data-spreadsheet.scss +16 -2
  398. package/scss/components/Datagrid/_datagrid.scss +0 -4
  399. package/scss/components/Datagrid/styles/_datagrid.scss +1 -0
  400. package/scss/components/Datagrid/styles/_useActionsColumn.scss +6 -7
  401. package/scss/components/Datagrid/styles/_useColumnRightAlign.scss +6 -7
  402. package/scss/components/Datagrid/styles/_useExpandedRow.scss +6 -7
  403. package/scss/components/Datagrid/styles/_useInlineEdit.scss +19 -7
  404. package/scss/components/Datagrid/styles/_useNestedRows.scss +6 -7
  405. package/scss/components/Datagrid/styles/_useNestedTable.scss +6 -7
  406. package/scss/components/Datagrid/styles/_useStickyColumn.scss +6 -7
  407. package/scss/components/Datagrid/styles/addons/_CustomizeColumnsTearsheet.scss +7 -5
  408. package/scss/components/Datagrid/styles/addons/_FilterFlyout.scss +5 -4
  409. package/scss/components/Datagrid/styles/addons/_RowSizeDropdown.scss +6 -7
  410. package/scss/components/HTTPErrors/_http-errors.scss +77 -0
  411. package/scss/components/OptionsTile/_options-tile.scss +6 -6
  412. package/scss/components/SidePanel/_side-panel.scss +1 -1
  413. package/scss/components/_index-released-only.scss +1 -0
  414. package/scss/config-dev.scss +7 -0
  415. package/scss/config.scss +7 -0
  416. package/telemetry.yml +34 -19
  417. package/es/components/ConditionBuilder/utils/checkForHoldingKey.d.ts +0 -1
  418. package/es/components/ConditionBuilder/utils/checkForHoldingKey.js +0 -16
  419. package/es/global/js/utils/window.d.ts +0 -2
  420. package/es/global/js/utils/window.js +0 -12
  421. package/lib/components/ConditionBuilder/utils/checkForHoldingKey.d.ts +0 -1
  422. package/lib/components/ConditionBuilder/utils/checkForHoldingKey.js +0 -20
  423. package/lib/global/js/utils/window.d.ts +0 -2
  424. package/lib/global/js/utils/window.js +0 -16
@@ -9,38 +9,56 @@
9
9
 
10
10
  Object.defineProperty(exports, '__esModule', { value: true });
11
11
 
12
+ var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
12
13
  var React = require('react');
13
14
  var react = require('@carbon/react');
14
- var settings = require('../../../../settings.js');
15
15
  var index = require('../../../../node_modules/prop-types/index.js');
16
+ var DataConfigs = require('../../ConditionBuilderContext/DataConfigs.js');
17
+ var useTranslations = require('../../utils/useTranslations.js');
16
18
 
17
19
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
18
20
 
19
21
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
20
22
 
21
- var blockClass = "".concat(settings.pkg.prefix, "--condition-builder");
22
23
  var ConditionBuilderItemNumber = function ConditionBuilderItemNumber(_ref) {
23
24
  var _conditionState$prope;
24
25
  var conditionState = _ref.conditionState,
25
26
  config = _ref.config,
26
27
  onChange = _ref.onChange;
28
+ var _useTranslations = useTranslations.useTranslations(['invalidNumberWarnText']),
29
+ _useTranslations2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslations, 1),
30
+ invalidNumberWarnText = _useTranslations2[0];
27
31
  var onChangeHandler = function onChangeHandler(e, _ref2) {
28
32
  var value = _ref2.value;
29
- onChange(value + '');
33
+ if (value !== '' && !isNaN(value) && checkIfValid(value)) {
34
+ var _config$unit;
35
+ onChange("".concat(value, " ").concat((_config$unit = config.unit) !== null && _config$unit !== void 0 ? _config$unit : ''));
36
+ } else {
37
+ onChange('INVALID');
38
+ }
39
+ };
40
+ var checkIfValid = function checkIfValid(value) {
41
+ if (value > config.max || value < config.min) {
42
+ return false;
43
+ }
44
+ return true;
45
+ };
46
+ var getDefaultValue = function getDefaultValue() {
47
+ var _conditionState$value, _conditionState$value2;
48
+ return (_conditionState$value = (_conditionState$value2 = conditionState.value) === null || _conditionState$value2 === void 0 || (_conditionState$value2 = _conditionState$value2.split(' ')) === null || _conditionState$value2 === void 0 ? void 0 : _conditionState$value2[0]) !== null && _conditionState$value !== void 0 ? _conditionState$value : '';
30
49
  };
31
50
  return /*#__PURE__*/React__default["default"].createElement("div", {
32
- className: "".concat(blockClass, "__item-number")
33
- }, /*#__PURE__*/React__default["default"].createElement(react.NumberInput, {
51
+ className: "".concat(DataConfigs.blockClass, "__item-number")
52
+ }, /*#__PURE__*/React__default["default"].createElement(react.NumberInput, _rollupPluginBabelHelpers["extends"]({
34
53
  label: conditionState.property,
35
54
  hideLabel: true,
36
55
  id: (_conditionState$prope = conditionState.property) === null || _conditionState$prope === void 0 ? void 0 : _conditionState$prope.replace(/\s/g, ''),
37
- value: conditionState.value ? conditionState.value.split(' ')[0] : conditionState.value,
38
- min: config.min,
39
- max: config.max,
40
- step: config.step,
56
+ invalidText: invalidNumberWarnText,
41
57
  allowEmpty: true,
42
58
  onChange: onChangeHandler
43
- }));
59
+ }, config, {
60
+ defaultValue: getDefaultValue()
61
+ })));
44
62
  };
45
63
  ConditionBuilderItemNumber.propTypes = {
46
64
  /**
@@ -0,0 +1,13 @@
1
+ export function ItemOption({ conditionState, config, onChange }: {
2
+ conditionState?: {} | undefined;
3
+ config?: {} | undefined;
4
+ onChange: any;
5
+ }): import("react/jsx-runtime").JSX.Element | undefined;
6
+ export namespace ItemOption {
7
+ namespace propTypes {
8
+ let conditionState: PropTypes.Requireable<object>;
9
+ let config: PropTypes.Requireable<object>;
10
+ let onChange: PropTypes.Requireable<(...args: any[]) => any>;
11
+ }
12
+ }
13
+ import PropTypes from 'prop-types';
@@ -0,0 +1,122 @@
1
+ /**
2
+ * Copyright IBM Corp. 2020, 2024
3
+ *
4
+ * This source code is licensed under the Apache-2.0 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+
8
+ 'use strict';
9
+
10
+ Object.defineProperty(exports, '__esModule', { value: true });
11
+
12
+ var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
13
+ var React = require('react');
14
+ var react = require('@carbon/react');
15
+ var icons = require('@carbon/react/icons');
16
+ var index = require('../../../../node_modules/prop-types/index.js');
17
+ var ConditionBuilderProvider = require('../../ConditionBuilderContext/ConditionBuilderProvider.js');
18
+ var DataConfigs = require('../../ConditionBuilderContext/DataConfigs.js');
19
+ var useTranslations = require('../../utils/useTranslations.js');
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
+ var ItemOption = function ItemOption(_ref) {
26
+ var _ref$conditionState = _ref.conditionState,
27
+ conditionState = _ref$conditionState === void 0 ? {} : _ref$conditionState,
28
+ _ref$config = _ref.config,
29
+ config = _ref$config === void 0 ? {} : _ref$config,
30
+ onChange = _ref.onChange;
31
+ var _useContext = React.useContext(ConditionBuilderProvider.ConditionBuilderContext),
32
+ popOverSearchThreshold = _useContext.popOverSearchThreshold;
33
+ var contentRef = React.useRef();
34
+ var _useTranslations = useTranslations.useTranslations(['propertyText', 'clearSearchText']),
35
+ _useTranslations2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslations, 2),
36
+ propertyText = _useTranslations2[0],
37
+ clearSearchText = _useTranslations2[1];
38
+ var allOptions = config.options;
39
+ var _useState = React.useState(''),
40
+ _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
41
+ searchValue = _useState2[0],
42
+ setSearchValue = _useState2[1];
43
+ var selection = conditionState.value;
44
+ var filteredItems = allOptions === null || allOptions === void 0 ? void 0 : allOptions.filter(function (opt) {
45
+ return opt.label.toLowerCase().includes(searchValue.toLowerCase());
46
+ });
47
+ React.useEffect(function () {
48
+ //this will focus the first input field in the popover
49
+
50
+ if (contentRef.current) {
51
+ var firstFocusableElement = contentRef.current.querySelector('input, button,li');
52
+ if (firstFocusableElement) {
53
+ firstFocusableElement.focus();
54
+ }
55
+ }
56
+ }, [allOptions]);
57
+ var onClickHandler = function onClickHandler(evt, option) {
58
+ onChange(option.id, evt);
59
+ };
60
+ var onSearchChangeHandler = function onSearchChangeHandler(evt) {
61
+ var value = evt.target.value;
62
+ setSearchValue(value);
63
+ };
64
+ var getAriaLabel = function getAriaLabel() {
65
+ return conditionState.label ? conditionState.label : conditionState.property ? conditionState.property : propertyText;
66
+ };
67
+ if (!allOptions) {
68
+ return;
69
+ }
70
+ return /*#__PURE__*/React__default["default"].createElement("div", {
71
+ className: "".concat(DataConfigs.blockClass, "__item-option"),
72
+ ref: contentRef
73
+ }, allOptions.length > popOverSearchThreshold && /*#__PURE__*/React__default["default"].createElement("div", {
74
+ className: "".concat(DataConfigs.blockClass, "__item-option__search")
75
+ }, /*#__PURE__*/React__default["default"].createElement(react.Search, {
76
+ size: "sm",
77
+ labelText: clearSearchText,
78
+ closeButtonLabelText: clearSearchText,
79
+ onChange: onSearchChangeHandler
80
+ })), /*#__PURE__*/React__default["default"].createElement("ul", {
81
+ "aria-label": getAriaLabel(),
82
+ role: "listbox"
83
+ }, filteredItems === null || filteredItems === void 0 ? void 0 : filteredItems.map(function (option) {
84
+ var isSelected = selection === option.id;
85
+ var Icon = option.icon;
86
+ return /*#__PURE__*/React__default["default"].createElement("li", {
87
+ tabIndex: 0,
88
+ key: option.id,
89
+ role: "option",
90
+ "aria-selected": isSelected,
91
+ className: "".concat(DataConfigs.blockClass, "__item-option__option"),
92
+ onKeyUp: function onKeyUp() {
93
+ return false;
94
+ },
95
+ onClick: function onClick(evt) {
96
+ return onClickHandler(evt, option);
97
+ }
98
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
99
+ className: "".concat(DataConfigs.blockClass, "__item-option__option-content")
100
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
101
+ className: "".concat(DataConfigs.blockClass, "__item-option__option-label")
102
+ }, Icon && /*#__PURE__*/React__default["default"].createElement(Icon, null), option.label), isSelected && /*#__PURE__*/React__default["default"].createElement(icons.Checkmark, {
103
+ className: "".concat(DataConfigs.blockClass, "__checkmark")
104
+ })));
105
+ })));
106
+ };
107
+ ItemOption.propTypes = {
108
+ /**
109
+ * current condition object
110
+ */
111
+ conditionState: index["default"].object,
112
+ /**
113
+ * current config object that this property is part of
114
+ */
115
+ config: index["default"].object,
116
+ /**
117
+ * callback to update state oin date change
118
+ */
119
+ onChange: index["default"].func
120
+ };
121
+
122
+ exports.ItemOption = ItemOption;
@@ -1,9 +1,9 @@
1
- export function ConditionBuilderItemOption({ conditionState, config, onChange, }: {
1
+ export function ItemOptionForValueField({ conditionState, config, onChange, }: {
2
2
  conditionState?: {} | undefined;
3
3
  config?: {} | undefined;
4
4
  onChange: any;
5
5
  }): import("react/jsx-runtime").JSX.Element;
6
- export namespace ConditionBuilderItemOption {
6
+ export namespace ItemOptionForValueField {
7
7
  namespace propTypes {
8
8
  let conditionState: PropTypes.Requireable<object>;
9
9
  let config: PropTypes.Requireable<object>;
@@ -16,33 +16,61 @@ var icons = require('@carbon/react/icons');
16
16
  var index = require('../../../../node_modules/prop-types/index.js');
17
17
  var ConditionBuilderProvider = require('../../ConditionBuilderContext/ConditionBuilderProvider.js');
18
18
  var DataConfigs = require('../../ConditionBuilderContext/DataConfigs.js');
19
+ var useTranslations = require('../../utils/useTranslations.js');
19
20
 
20
21
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
21
22
 
22
23
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
23
24
 
24
- var _CheckboxCheckedFille, _Checkbox, _SelectSkeleton;
25
- var ConditionBuilderItemOption = function ConditionBuilderItemOption(_ref) {
25
+ var _SelectSkeleton, _CheckboxCheckedFille, _Checkbox;
26
+ var ItemOptionForValueField = function ItemOptionForValueField(_ref) {
26
27
  var _ref$conditionState = _ref.conditionState,
27
28
  conditionState = _ref$conditionState === void 0 ? {} : _ref$conditionState,
28
29
  _ref$config = _ref.config,
29
30
  config = _ref$config === void 0 ? {} : _ref$config,
30
31
  onChange = _ref.onChange;
31
- var multiSelectable = conditionState.operator === 'one-of';
32
+ var multiSelectable = conditionState.operator === 'oneOf';
32
33
  var _useContext = React.useContext(ConditionBuilderProvider.ConditionBuilderContext),
33
34
  popOverSearchThreshold = _useContext.popOverSearchThreshold,
34
- getOptions = _useContext.getOptions;
35
+ getOptions = _useContext.getOptions,
36
+ rootState = _useContext.rootState;
37
+ var _useTranslations = useTranslations.useTranslations(['propertyText', 'clearSearchText']),
38
+ _useTranslations2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslations, 2),
39
+ propertyText = _useTranslations2[0],
40
+ clearSearchText = _useTranslations2[1];
41
+ var contentRef = React.useRef();
35
42
  var _useState = React.useState(config.options),
36
43
  _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
37
44
  allOptions = _useState2[0],
38
45
  setAllOptions = _useState2[1];
39
- var _useState3 = React.useState(config.options),
46
+ var _useState3 = React.useState(''),
40
47
  _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
41
- filteredItems = _useState4[0],
42
- setFilteredItems = _useState4[1];
48
+ searchValue = _useState4[0],
49
+ setSearchValue = _useState4[1];
50
+ var filteredItems = allOptions === null || allOptions === void 0 ? void 0 : allOptions.filter(function (opt) {
51
+ return opt.label.toLowerCase().includes(searchValue.toLowerCase());
52
+ });
43
53
  var selection = Array.isArray(conditionState.value) ? conditionState.value : conditionState.value !== undefined ? [conditionState.value] : [];
44
- var contentRef = React.useRef();
45
54
  React.useEffect(function () {
55
+ // if(rest['data-name'] == 'valueField'){
56
+ // const fetchData = async () => {
57
+ // const response = await config.options(conditionState);
58
+ // if (
59
+ // response?.length > 0 &&
60
+ // Object.keys(response[0]).includes('label') &&
61
+ // Object.keys(response[0]).includes('id')
62
+ // ) {
63
+ // setAllOptions(response);
64
+ // setFilteredItems(response);
65
+ // }
66
+ // };
67
+
68
+ // fetchData(); // Call the async method
69
+ // }else{
70
+ // setAllOptions(config.options);
71
+ // setFilteredItems(config.options);
72
+ // }
73
+
46
74
  if (!allOptions && getOptions) {
47
75
  var fetchData = /*#__PURE__*/function () {
48
76
  var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee() {
@@ -51,12 +79,11 @@ var ConditionBuilderItemOption = function ConditionBuilderItemOption(_ref) {
51
79
  while (1) switch (_context.prev = _context.next) {
52
80
  case 0:
53
81
  _context.next = 2;
54
- return getOptions(conditionState);
82
+ return getOptions(rootState, conditionState);
55
83
  case 2:
56
84
  response = _context.sent;
57
85
  if ((response === null || response === void 0 ? void 0 : response.length) > 0 && Object.keys(response[0]).includes('label') && Object.keys(response[0]).includes('id')) {
58
86
  setAllOptions(response);
59
- setFilteredItems(response);
60
87
  }
61
88
  case 4:
62
89
  case "end":
@@ -76,51 +103,55 @@ var ConditionBuilderItemOption = function ConditionBuilderItemOption(_ref) {
76
103
  //this will focus the first input field in the popover
77
104
 
78
105
  if (contentRef.current) {
79
- var _contentRef$current;
80
- var firstFocusableElement = (_contentRef$current = contentRef.current) === null || _contentRef$current === void 0 ? void 0 : _contentRef$current.querySelector('input, button,li');
81
- firstFocusableElement === null || firstFocusableElement === void 0 || firstFocusableElement.focus();
106
+ var firstFocusableElement = contentRef.current.querySelector('input, button,li');
107
+ if (firstFocusableElement) {
108
+ firstFocusableElement.focus();
109
+ }
82
110
  }
83
- // eslint-disable-next-line react-hooks/exhaustive-deps
84
111
  }, [allOptions]);
85
112
  var handleSelectAll = function handleSelectAll(evt) {
86
113
  if (evt.currentTarget.dataset.selectedAll == 'false') {
87
114
  onChange(undefined);
88
115
  } else {
89
- onChange(allOptions.map(function (op) {
90
- return op.id;
91
- }));
116
+ onChange(allOptions);
92
117
  }
93
118
  };
94
119
  var onSearchChangeHandler = function onSearchChangeHandler(evt) {
95
120
  var value = evt.target.value;
96
- var _filteredItems = allOptions.filter(function (opt) {
97
- return opt.label.toLowerCase().includes(value.toLowerCase());
98
- });
99
- setFilteredItems(_filteredItems);
121
+ setSearchValue(value);
100
122
  };
101
123
  var onClickHandler = function onClickHandler(evt, option, isSelected) {
124
+ var updatedSelections = selection.filter(function (item) {
125
+ return item !== 'INVALID';
126
+ });
102
127
  if (multiSelectable) {
103
128
  if (isSelected) {
104
- var items = selection.filter(function (v) {
105
- return v !== option.id;
129
+ var items = updatedSelections.filter(function (v) {
130
+ return v.id !== option.id;
106
131
  });
107
- onChange(items.length > 0 ? items : undefined, evt);
132
+ onChange(items.length > 0 ? items : undefined);
108
133
  } else {
109
- onChange([].concat(_rollupPluginBabelHelpers.toConsumableArray(selection), [option.id]), evt);
134
+ onChange([].concat(_rollupPluginBabelHelpers.toConsumableArray(updatedSelections), [option]));
110
135
  }
111
136
  } else {
112
- onChange(option.id, evt);
137
+ onChange(option, evt);
113
138
  }
114
139
  };
115
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, allOptions && /*#__PURE__*/React__default["default"].createElement("div", {
140
+ var getAriaLabel = function getAriaLabel() {
141
+ return conditionState.label ? conditionState.label : conditionState.property ? conditionState.property : propertyText;
142
+ };
143
+ if (!allOptions) {
144
+ return _SelectSkeleton || (_SelectSkeleton = /*#__PURE__*/React__default["default"].createElement(react.SelectSkeleton, null));
145
+ }
146
+ return /*#__PURE__*/React__default["default"].createElement("div", {
116
147
  className: "".concat(DataConfigs.blockClass, "__item-option"),
117
148
  ref: contentRef
118
- }, (config.includeSearch || allOptions.length > popOverSearchThreshold) && /*#__PURE__*/React__default["default"].createElement("div", {
149
+ }, allOptions.length > popOverSearchThreshold && /*#__PURE__*/React__default["default"].createElement("div", {
119
150
  className: "".concat(DataConfigs.blockClass, "__item-option__search")
120
151
  }, /*#__PURE__*/React__default["default"].createElement(react.Search, {
121
152
  size: "sm",
122
- labelText: DataConfigs.translateWithId('clear_search'),
123
- closeButtonLabelText: DataConfigs.translateWithId('clear_search'),
153
+ labelText: clearSearchText,
154
+ closeButtonLabelText: clearSearchText,
124
155
  onChange: onSearchChangeHandler
125
156
  })), multiSelectable && /*#__PURE__*/React__default["default"].createElement("div", {
126
157
  className: "".concat(DataConfigs.blockClass, "__multiselectSelectionStatusContainer")
@@ -131,11 +162,13 @@ var ConditionBuilderItemOption = function ConditionBuilderItemOption(_ref) {
131
162
  onClick: handleSelectAll,
132
163
  className: "".concat(DataConfigs.blockClass, "__selectAll-button")
133
164
  }, selection.length == 0 ? 'Select all' : 'Deselect all')), /*#__PURE__*/React__default["default"].createElement("ul", {
134
- "aria-label": conditionState.label ? conditionState.label : conditionState.property ? conditionState.property : DataConfigs.translateWithId('property'),
165
+ "aria-label": getAriaLabel(),
135
166
  role: "listbox",
136
167
  "data-multi-select": multiSelectable
137
168
  }, filteredItems === null || filteredItems === void 0 ? void 0 : filteredItems.map(function (option) {
138
- var isSelected = selection.includes(option.id);
169
+ var isSelected = selection.map(function (option) {
170
+ return option.id;
171
+ }).includes(option.id);
139
172
  var Icon = option.icon;
140
173
  return /*#__PURE__*/React__default["default"].createElement("li", {
141
174
  tabIndex: 0,
@@ -162,9 +195,9 @@ var ConditionBuilderItemOption = function ConditionBuilderItemOption(_ref) {
162
195
  }, Icon && /*#__PURE__*/React__default["default"].createElement(Icon, null), option.label), isSelected && /*#__PURE__*/React__default["default"].createElement(icons.Checkmark, {
163
196
  className: "".concat(DataConfigs.blockClass, "__checkmark")
164
197
  }))));
165
- }))), !allOptions && (_SelectSkeleton || (_SelectSkeleton = /*#__PURE__*/React__default["default"].createElement(react.SelectSkeleton, null))));
198
+ })));
166
199
  };
167
- ConditionBuilderItemOption.propTypes = {
200
+ ItemOptionForValueField.propTypes = {
168
201
  /**
169
202
  * current condition object
170
203
  */
@@ -179,4 +212,4 @@ ConditionBuilderItemOption.propTypes = {
179
212
  onChange: index["default"].func
180
213
  };
181
214
 
182
- exports.ConditionBuilderItemOption = ConditionBuilderItemOption;
215
+ exports.ItemOptionForValueField = ItemOptionForValueField;
@@ -1,11 +1,15 @@
1
- export function ConditionBuilderItemText({ conditionState, onChange }: {
1
+ export function ConditionBuilderItemText({ conditionState, onChange, config, type, }: {
2
2
  conditionState: any;
3
3
  onChange: any;
4
+ config: any;
5
+ type: any;
4
6
  }): import("react/jsx-runtime").JSX.Element;
5
7
  export namespace ConditionBuilderItemText {
6
8
  namespace propTypes {
7
9
  let conditionState: PropTypes.Requireable<object>;
10
+ let config: PropTypes.Requireable<object>;
8
11
  let onChange: PropTypes.Requireable<(...args: any[]) => any>;
12
+ let type: PropTypes.Requireable<string>;
9
13
  }
10
14
  }
11
15
  import PropTypes from 'prop-types';
@@ -9,40 +9,53 @@
9
9
 
10
10
  Object.defineProperty(exports, '__esModule', { value: true });
11
11
 
12
+ var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
12
13
  var React = require('react');
13
14
  var react = require('@carbon/react');
14
15
  var index = require('../../../../node_modules/prop-types/index.js');
15
16
  var DataConfigs = require('../../ConditionBuilderContext/DataConfigs.js');
17
+ var util = require('../../utils/util.js');
16
18
 
17
19
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
18
20
 
19
21
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
20
22
 
21
23
  var ConditionBuilderItemText = function ConditionBuilderItemText(_ref) {
22
- var _conditionState$value, _conditionState$prope;
24
+ var _conditionState$prope;
23
25
  var conditionState = _ref.conditionState,
24
- _onChange = _ref.onChange;
25
- return /*#__PURE__*/React__default["default"].createElement("div", {
26
- className: "".concat(DataConfigs.blockClass, "__item-text")
27
- }, /*#__PURE__*/React__default["default"].createElement(react.TextInput, {
26
+ _onChange = _ref.onChange,
27
+ config = _ref.config,
28
+ type = _ref.type;
29
+ var inputProps = _rollupPluginBabelHelpers.objectSpread2({
28
30
  labelText: conditionState.property,
29
31
  hideLabel: true,
30
- value: (_conditionState$value = conditionState.value) !== null && _conditionState$value !== void 0 ? _conditionState$value : '',
32
+ value: util.checkIsValid(conditionState.value) ? conditionState.value : '',
31
33
  id: (_conditionState$prope = conditionState.property) === null || _conditionState$prope === void 0 ? void 0 : _conditionState$prope.replace(/\s/g, ''),
32
34
  onChange: function onChange(evt) {
33
35
  _onChange(evt.target.value);
34
36
  }
35
- }));
37
+ }, config);
38
+ return /*#__PURE__*/React__default["default"].createElement("div", {
39
+ className: "".concat(DataConfigs.blockClass, "__item-text")
40
+ }, type == 'textarea' ? /*#__PURE__*/React__default["default"].createElement(react.TextArea, inputProps) : /*#__PURE__*/React__default["default"].createElement(react.TextInput, inputProps));
36
41
  };
37
42
  ConditionBuilderItemText.propTypes = {
38
43
  /**
39
44
  * current condition object
40
45
  */
41
46
  conditionState: index["default"].object,
47
+ /**
48
+ * config of the current property
49
+ */
50
+ config: index["default"].object,
42
51
  /**
43
52
  * callback to update state oin date change
44
53
  */
45
- onChange: index["default"].func
54
+ onChange: index["default"].func,
55
+ /**
56
+ * current input type
57
+ */
58
+ type: index["default"].string
46
59
  };
47
60
 
48
61
  exports.ConditionBuilderItemText = ConditionBuilderItemText;
@@ -66,7 +66,7 @@ var ConditionBuilderItemTime = function ConditionBuilderItemTime(_ref) {
66
66
  value: "PM",
67
67
  text: "PM"
68
68
  }))), /*#__PURE__*/React__default["default"].createElement(react.TimePickerSelect, {
69
- id: "time-picker-select-2",
69
+ id: "time-picker-time-zone",
70
70
  onChange: setTimeZone
71
71
  }, config === null || config === void 0 || (_config$timeZones2 = config.timeZones) === null || _config$timeZones2 === void 0 ? void 0 : _config$timeZones2.map(function (timeZone, index) {
72
72
  return /*#__PURE__*/React__default["default"].createElement(react.SelectItem, {
@@ -5,19 +5,17 @@ export default ConditionGroupBuilder;
5
5
  * All the inner components of group are called from here.
6
6
  * @returns
7
7
  */
8
- declare function ConditionGroupBuilder({ group, aria, onRemove, onChange, conditionBuilderRef, className, }: {
8
+ declare function ConditionGroupBuilder({ group, aria, onRemove, onChange, className, }: {
9
9
  group: any;
10
10
  aria: any;
11
11
  onRemove: any;
12
12
  onChange: any;
13
- conditionBuilderRef: any;
14
13
  className: any;
15
14
  }): import("react/jsx-runtime").JSX.Element;
16
15
  declare namespace ConditionGroupBuilder {
17
16
  namespace propTypes {
18
17
  let aria: PropTypes.Requireable<object>;
19
18
  let className: PropTypes.Requireable<string>;
20
- let conditionBuilderRef: PropTypes.Requireable<object>;
21
19
  let group: PropTypes.Requireable<object>;
22
20
  let onChange: PropTypes.Requireable<(...args: any[]) => any>;
23
21
  let onRemove: PropTypes.Requireable<(...args: any[]) => any>;