@carbon/ibm-products 2.50.0 → 2.51.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (451) hide show
  1. package/README.md +1 -1
  2. package/css/index-full-carbon.css +56 -29
  3. package/css/index-full-carbon.css.map +1 -1
  4. package/css/index-full-carbon.min.css +1 -1
  5. package/css/index-full-carbon.min.css.map +1 -1
  6. package/css/index-without-carbon-released-only.css +3 -10
  7. package/css/index-without-carbon-released-only.css.map +1 -1
  8. package/css/index-without-carbon-released-only.min.css +1 -1
  9. package/css/index-without-carbon-released-only.min.css.map +1 -1
  10. package/css/index-without-carbon.css +3 -10
  11. package/css/index-without-carbon.css.map +1 -1
  12. package/css/index-without-carbon.min.css +1 -1
  13. package/css/index-without-carbon.min.css.map +1 -1
  14. package/css/index.css +34 -28
  15. package/css/index.css.map +1 -1
  16. package/css/index.min.css +1 -1
  17. package/css/index.min.css.map +1 -1
  18. package/es/components/ActionBar/ActionBarOverflowItems.js +5 -0
  19. package/es/components/AddSelect/AddSelectBody.js +1 -1
  20. package/es/components/BigNumbers/BigNumbers.js +1 -1
  21. package/es/components/Coachmark/utils/enums.js +1 -0
  22. package/es/components/ConditionBuilder/ConditionBuilder.js +26 -20
  23. package/es/components/ConditionBuilder/ConditionBuilder.types.d.ts +6 -2
  24. package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +11 -8
  25. package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +44 -24
  26. package/es/components/CreateFullPage/CreateFullPage.d.ts +4 -2
  27. package/es/components/CreateFullPage/CreateFullPage.js +10 -3
  28. package/es/components/CreateFullPage/CreateFullPageStep.d.ts +3 -1
  29. package/es/components/CreateFullPage/CreateFullPageStep.js +5 -2
  30. package/es/components/Datagrid/Datagrid/Datagrid.d.ts +1 -1
  31. package/es/components/Datagrid/Datagrid/Datagrid.js +1 -1
  32. package/es/components/Datagrid/Datagrid/DatagridToolbar.js +12 -1
  33. package/es/components/Datagrid/Datagrid/DraggableElement.js +1 -0
  34. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +3 -8
  35. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +15 -13
  36. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +17 -2
  37. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +13 -2
  38. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +1 -12
  39. package/es/components/Datagrid/types/index.d.ts +4 -0
  40. package/es/components/Datagrid/useSelectRows.js +40 -19
  41. package/es/components/EditInPlace/EditInPlace.js +0 -3
  42. package/es/components/ExportModal/ExportModal.js +18 -5
  43. package/es/components/NotificationsPanel/NotificationsPanel.d.ts +5 -1
  44. package/es/components/NotificationsPanel/NotificationsPanel.js +14 -1
  45. package/es/components/OptionsTile/OptionsTile.d.ts +1 -1
  46. package/es/components/OptionsTile/OptionsTile.js +0 -1
  47. package/es/components/ProductiveCard/ProductiveCard.d.ts +4 -0
  48. package/es/components/ProductiveCard/ProductiveCard.js +4 -0
  49. package/es/components/ScrollGradient/ScrollGradient.js +1 -1
  50. package/es/components/SimpleHeader/SimpleHeader.d.ts +3 -1
  51. package/es/components/SimpleHeader/SimpleHeader.js +9 -2
  52. package/es/components/StringFormatter/StringFormatter.js +1 -1
  53. package/es/components/TagSet/TagSet.js +5 -0
  54. package/es/components/TagSet/TagSetOverflow.d.ts +4 -0
  55. package/es/components/TagSet/TagSetOverflow.js +13 -6
  56. package/es/components/Tearsheet/TearsheetShell.js +9 -2
  57. package/es/components/UserProfileImage/UserProfileImage.d.ts +1 -1
  58. package/es/components/UserProfileImage/UserProfileImage.js +1 -1
  59. package/es/global/js/utils/Wrap.d.ts +4 -0
  60. package/es/global/js/utils/Wrap.js +9 -3
  61. package/es/global/js/utils/devtools.js +1 -2
  62. package/es/node_modules/@carbon/icon-helpers/es/index.js +3 -3
  63. package/lib/_virtual/_commonjsHelpers.js +0 -2
  64. package/lib/_virtual/_rollupPluginBabelHelpers.js +2 -4
  65. package/lib/_virtual/index.js +0 -2
  66. package/lib/components/APIKeyModal/APIKeyDownloader.js +8 -14
  67. package/lib/components/APIKeyModal/APIKeyModal.js +70 -77
  68. package/lib/components/AboutModal/AboutModal.js +29 -36
  69. package/lib/components/ActionBar/ActionBar.js +26 -33
  70. package/lib/components/ActionBar/ActionBarItem.js +9 -16
  71. package/lib/components/ActionBar/ActionBarOverflowItems.js +23 -25
  72. package/lib/components/ActionSet/ActionSet.js +17 -24
  73. package/lib/components/AddSelect/AddSelect.js +62 -68
  74. package/lib/components/AddSelect/AddSelectBody.js +82 -89
  75. package/lib/components/AddSelect/AddSelectBreadcrumbs.js +6 -13
  76. package/lib/components/AddSelect/AddSelectColumn.js +29 -35
  77. package/lib/components/AddSelect/AddSelectFilter.js +30 -37
  78. package/lib/components/AddSelect/AddSelectFormControl.js +15 -21
  79. package/lib/components/AddSelect/AddSelectList.js +9 -16
  80. package/lib/components/AddSelect/AddSelectMetaPanel.js +16 -22
  81. package/lib/components/AddSelect/AddSelectRow.js +32 -39
  82. package/lib/components/AddSelect/AddSelectSidebar.js +29 -35
  83. package/lib/components/AddSelect/AddSelectSort.js +10 -16
  84. package/lib/components/AddSelect/add-select-utils.js +0 -2
  85. package/lib/components/AddSelect/hooks/useFocus.js +1 -1
  86. package/lib/components/AddSelect/hooks/useItemSort.js +0 -2
  87. package/lib/components/AddSelect/hooks/useParentSelect.js +1 -1
  88. package/lib/components/AddSelect/hooks/usePath.js +1 -1
  89. package/lib/components/BigNumbers/BigNumbers.js +39 -46
  90. package/lib/components/BigNumbers/constants.js +0 -2
  91. package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +35 -42
  92. package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +22 -29
  93. package/lib/components/Card/Card.js +73 -80
  94. package/lib/components/Card/CardFooter.js +28 -35
  95. package/lib/components/Card/CardHeader.js +37 -44
  96. package/lib/components/Carousel/Carousel.js +21 -28
  97. package/lib/components/Carousel/CarouselItem.js +5 -12
  98. package/lib/components/Cascade/Cascade.js +15 -22
  99. package/lib/components/Checklist/Checklist.js +50 -57
  100. package/lib/components/Checklist/Checklist.types.js +0 -2
  101. package/lib/components/Checklist/ChecklistChart.js +7 -15
  102. package/lib/components/Checklist/ChecklistIcon.js +7 -14
  103. package/lib/components/Coachmark/Coachmark.js +24 -31
  104. package/lib/components/Coachmark/CoachmarkDragbar.js +12 -19
  105. package/lib/components/Coachmark/CoachmarkHeader.js +9 -16
  106. package/lib/components/Coachmark/CoachmarkOverlay.js +14 -21
  107. package/lib/components/Coachmark/CoachmarkTagline.js +12 -19
  108. package/lib/components/Coachmark/utils/constants.js +0 -2
  109. package/lib/components/Coachmark/utils/context.js +0 -2
  110. package/lib/components/Coachmark/utils/enums.js +1 -2
  111. package/lib/components/Coachmark/utils/hooks.js +0 -2
  112. package/lib/components/CoachmarkBeacon/CoachmarkBeacon.js +10 -17
  113. package/lib/components/CoachmarkButton/CoachmarkButton.js +6 -13
  114. package/lib/components/CoachmarkFixed/CoachmarkFixed.js +13 -20
  115. package/lib/components/CoachmarkOverlayElement/CoachmarkOverlayElement.js +11 -18
  116. package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +25 -32
  117. package/lib/components/CoachmarkStack/CoachmarkStack.js +23 -30
  118. package/lib/components/CoachmarkStack/CoachmarkStackHome.js +29 -36
  119. package/lib/components/ComboButton/ComboButton.js +11 -18
  120. package/lib/components/ComboButton/ComboButtonItem/index.js +2 -8
  121. package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +34 -39
  122. package/lib/components/ConditionBuilder/ConditionBuilder.js +58 -59
  123. package/lib/components/ConditionBuilder/ConditionBuilder.types.d.ts +6 -2
  124. package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +18 -23
  125. package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +15 -20
  126. package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +20 -27
  127. package/lib/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +8 -12
  128. package/lib/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +4 -8
  129. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +11 -8
  130. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +63 -47
  131. package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +25 -31
  132. package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +0 -2
  133. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +17 -23
  134. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +9 -15
  135. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +5 -11
  136. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +13 -19
  137. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +17 -23
  138. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js +6 -12
  139. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.js +9 -15
  140. package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +27 -32
  141. package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +25 -30
  142. package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.js +0 -2
  143. package/lib/components/ConditionBuilder/utils/useDataConfigs.js +0 -2
  144. package/lib/components/ConditionBuilder/utils/useTranslations.js +0 -2
  145. package/lib/components/ConditionBuilder/utils/util.js +0 -2
  146. package/lib/components/CreateFullPage/CreateFullPage.d.ts +4 -2
  147. package/lib/components/CreateFullPage/CreateFullPage.js +53 -53
  148. package/lib/components/CreateFullPage/CreateFullPageStep.d.ts +3 -1
  149. package/lib/components/CreateFullPage/CreateFullPageStep.js +27 -31
  150. package/lib/components/CreateInfluencer/CreateInfluencer.js +15 -22
  151. package/lib/components/CreateModal/CreateModal.js +22 -29
  152. package/lib/components/CreateSidePanel/CreateSidePanel.js +24 -31
  153. package/lib/components/CreateTearsheet/CreateTearsheet.js +26 -33
  154. package/lib/components/CreateTearsheet/CreateTearsheetDivider.js +3 -10
  155. package/lib/components/CreateTearsheet/CreateTearsheetStep.js +31 -38
  156. package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +24 -31
  157. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +37 -44
  158. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +54 -61
  159. package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +37 -44
  160. package/lib/components/DataSpreadsheet/hooks/useMoveActiveCell.js +0 -2
  161. package/lib/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +0 -2
  162. package/lib/components/DataSpreadsheet/hooks/useResetSpreadsheetFocus.js +0 -2
  163. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +0 -2
  164. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +0 -2
  165. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +0 -2
  166. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +0 -2
  167. package/lib/components/DataSpreadsheet/utils/checkActiveHeaderCell.js +0 -2
  168. package/lib/components/DataSpreadsheet/utils/checkForHoldingKey.js +0 -2
  169. package/lib/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +0 -2
  170. package/lib/components/DataSpreadsheet/utils/commonEventHandlers.js +1 -3
  171. package/lib/components/DataSpreadsheet/utils/createActiveCellFn.js +0 -2
  172. package/lib/components/DataSpreadsheet/utils/createCellSelectionArea.js +0 -2
  173. package/lib/components/DataSpreadsheet/utils/getCellSize.js +0 -2
  174. package/lib/components/DataSpreadsheet/utils/getSelectionAreaPoints.js +0 -2
  175. package/lib/components/DataSpreadsheet/utils/getSpreadsheetWidth.js +0 -2
  176. package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +0 -2
  177. package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionTab.js +0 -2
  178. package/lib/components/DataSpreadsheet/utils/handleCellDeletion.js +0 -2
  179. package/lib/components/DataSpreadsheet/utils/handleEditSubmit.js +1 -3
  180. package/lib/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +1 -3
  181. package/lib/components/DataSpreadsheet/utils/handleMultipleKeys.js +2 -4
  182. package/lib/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +0 -2
  183. package/lib/components/DataSpreadsheet/utils/removeCellSelections.js +0 -2
  184. package/lib/components/DataSpreadsheet/utils/selectAllCells.js +1 -3
  185. package/lib/components/Datagrid/Datagrid/Datagrid.d.ts +1 -1
  186. package/lib/components/Datagrid/Datagrid/Datagrid.js +10 -17
  187. package/lib/components/Datagrid/Datagrid/DatagridBody.js +5 -9
  188. package/lib/components/Datagrid/Datagrid/DatagridContent.js +43 -50
  189. package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +4 -8
  190. package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +6 -11
  191. package/lib/components/Datagrid/Datagrid/DatagridHead.js +2 -6
  192. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +12 -17
  193. package/lib/components/Datagrid/Datagrid/DatagridRefBody.js +3 -8
  194. package/lib/components/Datagrid/Datagrid/DatagridRow.js +12 -17
  195. package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +4 -11
  196. package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +18 -23
  197. package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +3 -8
  198. package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +26 -20
  199. package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +5 -9
  200. package/lib/components/Datagrid/Datagrid/DraggableElement.js +18 -22
  201. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +11 -12
  202. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +10 -11
  203. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +25 -31
  204. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +21 -30
  205. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +7 -13
  206. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +18 -20
  207. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js +1 -7
  208. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +49 -39
  209. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +54 -48
  210. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +5 -11
  211. package/lib/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.js +11 -15
  212. package/lib/components/Datagrid/Datagrid/addons/Filtering/constants.js +0 -2
  213. package/lib/components/Datagrid/Datagrid/addons/Filtering/handleCheckboxChange.js +0 -2
  214. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js +1 -1
  215. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +16 -31
  216. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +2 -6
  217. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useSubscribeToEventEmitter.js +1 -1
  218. package/lib/components/Datagrid/Datagrid/addons/Filtering/motion/variants.js +0 -2
  219. package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js +0 -2
  220. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +18 -25
  221. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +32 -39
  222. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js +2 -8
  223. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/getCellIdAsObject.js +0 -2
  224. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +0 -2
  225. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridFocus.js +0 -2
  226. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +0 -2
  227. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +0 -2
  228. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +12 -17
  229. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +11 -16
  230. package/lib/components/Datagrid/Datagrid/addons/Slug/DatagridSlug.js +2 -8
  231. package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +0 -2
  232. package/lib/components/Datagrid/common-column-ids.js +0 -2
  233. package/lib/components/Datagrid/types/index.d.ts +4 -0
  234. package/lib/components/Datagrid/useActionsColumn.js +12 -17
  235. package/lib/components/Datagrid/useColumnCenterAlign.js +4 -9
  236. package/lib/components/Datagrid/useColumnRightAlign.js +4 -9
  237. package/lib/components/Datagrid/useCustomizeColumns.js +6 -7
  238. package/lib/components/Datagrid/useDatagrid.js +4 -8
  239. package/lib/components/Datagrid/useDefaultStringRenderer.js +5 -10
  240. package/lib/components/Datagrid/useDisableSelectRows.js +1 -1
  241. package/lib/components/Datagrid/useEditableCell.js +2 -2
  242. package/lib/components/Datagrid/useExpandedRow.js +3 -3
  243. package/lib/components/Datagrid/useFiltering.js +5 -5
  244. package/lib/components/Datagrid/useFlexResize.js +1 -1
  245. package/lib/components/Datagrid/useFloatingScroll.js +2 -6
  246. package/lib/components/Datagrid/useFocusRowExpander.js +0 -2
  247. package/lib/components/Datagrid/useInfiniteScroll.js +4 -8
  248. package/lib/components/Datagrid/useInitialColumnSort.js +0 -2
  249. package/lib/components/Datagrid/useInlineEdit.js +7 -12
  250. package/lib/components/Datagrid/useNestedRowExpander.js +5 -10
  251. package/lib/components/Datagrid/useNestedRows.js +3 -7
  252. package/lib/components/Datagrid/useOnRowClick.js +1 -1
  253. package/lib/components/Datagrid/useParentDimensions.js +1 -1
  254. package/lib/components/Datagrid/useResizeTable.js +1 -1
  255. package/lib/components/Datagrid/useRowExpander.js +5 -10
  256. package/lib/components/Datagrid/useRowIsMouseOver.js +2 -6
  257. package/lib/components/Datagrid/useRowRenderer.js +2 -2
  258. package/lib/components/Datagrid/useRowSize.js +2 -2
  259. package/lib/components/Datagrid/useSelectAllToggle.js +3 -8
  260. package/lib/components/Datagrid/useSelectRows.js +45 -29
  261. package/lib/components/Datagrid/useSkeletonRows.js +1 -1
  262. package/lib/components/Datagrid/useSortableColumns.js +8 -13
  263. package/lib/components/Datagrid/useStickyColumn.js +4 -9
  264. package/lib/components/Datagrid/utils/getAutoSizedColumnWidth.js +0 -2
  265. package/lib/components/Decorator/Decorator.js +16 -22
  266. package/lib/components/DecoratorBase/DecoratorBase.js +41 -48
  267. package/lib/components/DecoratorBase/DecoratorIcon.js +6 -13
  268. package/lib/components/DecoratorBase/utils.js +0 -2
  269. package/lib/components/DecoratorDualButton/DecoratorDualButton.js +21 -27
  270. package/lib/components/DecoratorLink/DecoratorLink.js +19 -25
  271. package/lib/components/DecoratorSingleButton/DecoratorSingleButton.js +19 -25
  272. package/lib/components/DelimitedList/DelimitedList.js +7 -14
  273. package/lib/components/DescriptionList/DescriptionList.js +8 -15
  274. package/lib/components/DescriptionList/DescriptionListBody.js +5 -12
  275. package/lib/components/DescriptionList/DescriptionListCell.js +5 -12
  276. package/lib/components/DescriptionList/DescriptionListRow.js +5 -12
  277. package/lib/components/DescriptionList/constants.js +0 -2
  278. package/lib/components/EditFullPage/EditFullPage.js +5 -12
  279. package/lib/components/EditInPlace/EditInPlace.js +35 -45
  280. package/lib/components/EditSidePanel/EditSidePanel.js +26 -33
  281. package/lib/components/EditTearsheet/EditTearsheet.js +24 -31
  282. package/lib/components/EditTearsheet/EditTearsheetForm.js +16 -23
  283. package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js +5 -12
  284. package/lib/components/EditUpdateCards/EditUpdateCards.js +32 -39
  285. package/lib/components/EmptyStates/EmptyState.js +22 -29
  286. package/lib/components/EmptyStates/EmptyStateContent.js +18 -25
  287. package/lib/components/EmptyStates/EmptyStateIllustration.js +3 -7
  288. package/lib/components/EmptyStates/EmptyStateV2.js +25 -32
  289. package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +19 -26
  290. package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +19 -26
  291. package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +19 -26
  292. package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +19 -26
  293. package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +19 -26
  294. package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +19 -26
  295. package/lib/components/EmptyStates/assets/ErrorIllustration.js +53 -58
  296. package/lib/components/EmptyStates/assets/NoDataIllustration.js +43 -48
  297. package/lib/components/EmptyStates/assets/NoTagsIllustration.js +114 -119
  298. package/lib/components/EmptyStates/assets/NotFoundIllustration.js +84 -89
  299. package/lib/components/EmptyStates/assets/NotificationsIllustration.js +81 -86
  300. package/lib/components/EmptyStates/assets/UnauthorizedIllustration.js +74 -79
  301. package/lib/components/ExportModal/ExportModal.js +59 -53
  302. package/lib/components/ExpressiveCard/ExpressiveCard.js +28 -34
  303. package/lib/components/FeatureFlags/index.js +3 -9
  304. package/lib/components/FilterPanel/FilterPanel.js +7 -14
  305. package/lib/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.js +10 -17
  306. package/lib/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.js +13 -20
  307. package/lib/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.js +9 -16
  308. package/lib/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.js +17 -24
  309. package/lib/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.js +11 -18
  310. package/lib/components/FilterPanel/FilterPanelLabel/FilterPanelLabel.js +9 -16
  311. package/lib/components/FilterPanel/FilterPanelSearch/FilterPanelSearch.js +9 -16
  312. package/lib/components/FilterSummary/FilterSummary.js +22 -28
  313. package/lib/components/FullPageError/FullPageError.js +21 -28
  314. package/lib/components/FullPageError/assets/Error403SVG.js +129 -135
  315. package/lib/components/FullPageError/assets/Error404SVG.js +114 -120
  316. package/lib/components/FullPageError/assets/ErrorGenericSVG.js +128 -134
  317. package/lib/components/GetStartedCard/GetStartedCard.js +16 -22
  318. package/lib/components/Guidebanner/Guidebanner.js +32 -39
  319. package/lib/components/Guidebanner/GuidebannerElement.js +10 -17
  320. package/lib/components/Guidebanner/GuidebannerElementButton.js +9 -16
  321. package/lib/components/Guidebanner/GuidebannerElementLink.js +5 -12
  322. package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +5 -12
  323. package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +5 -12
  324. package/lib/components/HTTPErrors/HTTPErrorContent.js +5 -11
  325. package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +5 -12
  326. package/lib/components/HTTPErrors/assets/HTTPErrorSvg403.js +358 -364
  327. package/lib/components/HTTPErrors/assets/HTTPErrorSvg404.js +309 -315
  328. package/lib/components/HTTPErrors/assets/HTTPErrorSvgOther.js +321 -327
  329. package/lib/components/ImportModal/ImportModal.js +48 -55
  330. package/lib/components/InlineTip/InlineTip.js +38 -45
  331. package/lib/components/InlineTip/InlineTipButton.js +5 -12
  332. package/lib/components/InlineTip/InlineTipLink.js +6 -13
  333. package/lib/components/InlineTip/utils.js +2 -4
  334. package/lib/components/InterstitialScreen/InterstitialScreen.js +73 -80
  335. package/lib/components/InterstitialScreenView/InterstitialScreenView.js +6 -13
  336. package/lib/components/InterstitialScreenViewModule/InterstitialScreenViewModule.js +8 -15
  337. package/lib/components/MultiAddSelect/MultiAddSelect.js +45 -51
  338. package/lib/components/Nav/Nav.js +14 -21
  339. package/lib/components/Nav/NavItem.js +19 -24
  340. package/lib/components/Nav/NavItemLink.js +4 -8
  341. package/lib/components/Nav/NavList.js +12 -17
  342. package/lib/components/NonLinearReading/NonLinearReading.js +12 -19
  343. package/lib/components/NotificationsPanel/NotificationsPanel.d.ts +5 -1
  344. package/lib/components/NotificationsPanel/NotificationsPanel.js +104 -98
  345. package/lib/components/NotificationsPanel/utils.js +0 -2
  346. package/lib/components/OptionsTile/OptionsTile.d.ts +1 -1
  347. package/lib/components/OptionsTile/OptionsTile.js +40 -48
  348. package/lib/components/PageHeader/PageHeader.js +105 -112
  349. package/lib/components/PageHeader/PageHeaderTitle.js +23 -30
  350. package/lib/components/PageHeader/PageHeaderUtils.js +2 -9
  351. package/lib/components/ProductiveCard/ProductiveCard.d.ts +4 -0
  352. package/lib/components/ProductiveCard/ProductiveCard.js +39 -41
  353. package/lib/components/RemoveModal/RemoveModal.js +27 -34
  354. package/lib/components/Saving/Saving.js +27 -34
  355. package/lib/components/ScrollGradient/ScrollGradient.js +17 -24
  356. package/lib/components/ScrollGradient/constants.js +0 -2
  357. package/lib/components/SearchBar/SearchBar.js +22 -29
  358. package/lib/components/SidePanel/SidePanel.js +66 -73
  359. package/lib/components/SidePanel/constants.js +0 -2
  360. package/lib/components/SidePanel/motion/variants.js +0 -2
  361. package/lib/components/SimpleHeader/SimpleHeader.d.ts +3 -1
  362. package/lib/components/SimpleHeader/SimpleHeader.js +27 -27
  363. package/lib/components/SingleAddSelect/SingleAddSelect.js +21 -27
  364. package/lib/components/StatusIcon/StatusIcon.js +52 -59
  365. package/lib/components/StatusIndicator/StatusIndicator.js +13 -20
  366. package/lib/components/StatusIndicator/StatusIndicatorStep.js +14 -21
  367. package/lib/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js +8 -17
  368. package/lib/components/StringFormatter/StringFormatter.js +12 -19
  369. package/lib/components/StringFormatter/utils/enums.js +0 -2
  370. package/lib/components/TagOverflow/TagOverflow.js +26 -33
  371. package/lib/components/TagOverflow/TagOverflowModal.js +17 -24
  372. package/lib/components/TagOverflow/TagOverflowPopover.js +22 -29
  373. package/lib/components/TagOverflow/constants.js +0 -2
  374. package/lib/components/TagSet/TagSet.js +39 -41
  375. package/lib/components/TagSet/TagSetModal.js +16 -23
  376. package/lib/components/TagSet/TagSetOverflow.d.ts +4 -0
  377. package/lib/components/TagSet/TagSetOverflow.js +32 -32
  378. package/lib/components/Tearsheet/Tearsheet.js +23 -29
  379. package/lib/components/Tearsheet/TearsheetNarrow.js +18 -24
  380. package/lib/components/Tearsheet/TearsheetShell.js +63 -63
  381. package/lib/components/Toolbar/Toolbar.js +3 -10
  382. package/lib/components/Toolbar/ToolbarButton.js +3 -10
  383. package/lib/components/Toolbar/ToolbarGroup.js +2 -9
  384. package/lib/components/TooltipTrigger/TooltipTrigger.js +4 -11
  385. package/lib/components/TruncatedList/TruncatedList.js +15 -22
  386. package/lib/components/UserAvatar/UserAvatar.js +18 -25
  387. package/lib/components/UserProfileImage/UserProfileImage.d.ts +1 -1
  388. package/lib/components/UserProfileImage/UserProfileImage.js +25 -32
  389. package/lib/components/WebTerminal/WebTerminal.js +26 -33
  390. package/lib/components/WebTerminal/WebTerminalContentWrapper.js +4 -11
  391. package/lib/components/WebTerminal/hooks/index.js +2 -8
  392. package/lib/components/_Canary/Canary.js +7 -14
  393. package/lib/feature-flags.js +3 -4
  394. package/lib/global/js/hooks/useActiveElement.js +0 -2
  395. package/lib/global/js/hooks/useClickOutside.js +0 -2
  396. package/lib/global/js/hooks/useControllableState.js +2 -4
  397. package/lib/global/js/hooks/useCreateComponentFocus.js +1 -3
  398. package/lib/global/js/hooks/useCreateComponentStepChange.js +0 -2
  399. package/lib/global/js/hooks/useFocus.js +1 -3
  400. package/lib/global/js/hooks/useIsomorphicEffect.js +0 -2
  401. package/lib/global/js/hooks/usePortalTarget.js +0 -2
  402. package/lib/global/js/hooks/usePrefersReducedMotion.js +1 -1
  403. package/lib/global/js/hooks/usePrefix.js +1 -3
  404. package/lib/global/js/hooks/usePreviousValue.js +0 -2
  405. package/lib/global/js/hooks/useResetCreateComponent.js +0 -2
  406. package/lib/global/js/hooks/useResizeObserver.js +0 -2
  407. package/lib/global/js/hooks/useRetrieveFormTitles.js +0 -2
  408. package/lib/global/js/hooks/useRetrieveStepData.js +0 -2
  409. package/lib/global/js/hooks/useValidCreateStepCount.js +0 -2
  410. package/lib/global/js/hooks/useWindowResize.js +1 -3
  411. package/lib/global/js/hooks/useWindowScroll.js +1 -3
  412. package/lib/global/js/package-settings.js +1 -1
  413. package/lib/global/js/utils/Wrap.d.ts +4 -0
  414. package/lib/global/js/utils/Wrap.js +16 -16
  415. package/lib/global/js/utils/deepCloneObject.js +1 -3
  416. package/lib/global/js/utils/devtools.js +0 -2
  417. package/lib/global/js/utils/getBezierValues.js +0 -2
  418. package/lib/global/js/utils/getFocusableElements.js +0 -2
  419. package/lib/global/js/utils/getNodeTextContent.js +1 -3
  420. package/lib/global/js/utils/getNumberOfHiddenSteps.js +0 -2
  421. package/lib/global/js/utils/getScrollbarWidth.js +0 -2
  422. package/lib/global/js/utils/keyboardNavigation.js +0 -2
  423. package/lib/global/js/utils/lastIndexInArray.js +0 -2
  424. package/lib/global/js/utils/motionConstants.js +0 -2
  425. package/lib/global/js/utils/pconsole.js +1 -1
  426. package/lib/global/js/utils/props-helper.js +10 -12
  427. package/lib/global/js/utils/rangeWithCallback.js +0 -2
  428. package/lib/global/js/utils/scrollableAncestor.js +1 -3
  429. package/lib/global/js/utils/uuidv4.js +1 -1
  430. package/lib/global/js/utils/wait.js +1 -1
  431. package/lib/global/js/utils/wrapFocus.js +1 -1
  432. package/lib/index.js +19 -21
  433. package/lib/node_modules/@carbon/colors/es/index.js +0 -2
  434. package/lib/node_modules/@carbon/icon-helpers/es/index.js +6 -8
  435. package/lib/node_modules/@carbon/icons-react/es/Icon.js +14 -18
  436. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-2.js +525 -531
  437. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-9.js +500 -506
  438. package/lib/node_modules/@carbon/icons-react/es/iconPropTypes-4cbeb95d.js +1 -3
  439. package/lib/node_modules/object-assign/index.js +0 -2
  440. package/lib/node_modules/prop-types/checkPropTypes.js +2 -4
  441. package/lib/node_modules/prop-types/factoryWithThrowingShims.js +0 -2
  442. package/lib/node_modules/prop-types/factoryWithTypeCheckers.js +4 -10
  443. package/lib/node_modules/prop-types/index.js +2 -6
  444. package/lib/node_modules/prop-types/lib/ReactPropTypesSecret.js +0 -2
  445. package/lib/node_modules/prop-types/lib/has.js +0 -2
  446. package/lib/settings.js +9 -15
  447. package/package.json +11 -11
  448. package/scss/components/EditInPlace/_edit-in-place.scss +0 -11
  449. package/scss/components/SidePanel/_side-panel.scss +1 -0
  450. package/scss/components/TagSet/_tag-set.scss +2 -0
  451. package/telemetry.yml +3 -3
@@ -7,17 +7,11 @@
7
7
 
8
8
  'use strict';
9
9
 
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
10
  var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
13
11
  var React = require('react');
14
12
  var index = require('../../node_modules/prop-types/index.js');
15
13
  var settings = require('../../settings.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 componentName = 'APIKeyDownloader';
22
16
  var APIKeyDownloader = function APIKeyDownloader(_ref) {
23
17
  var apiKey = _ref.apiKey,
@@ -64,11 +58,11 @@ var APIKeyDownloader = function APIKeyDownloader(_ref) {
64
58
  }();
65
59
  generateLinkProps();
66
60
  }, [apiKey, fileName, fileType]);
67
- return /*#__PURE__*/React__default["default"].createElement("div", {
61
+ return /*#__PURE__*/React.createElement("div", {
68
62
  className: "".concat(settings.pkg.prefix, "--apikey-modal__download-container")
69
- }, /*#__PURE__*/React__default["default"].createElement("p", {
63
+ }, /*#__PURE__*/React.createElement("p", {
70
64
  className: "".concat(settings.pkg.prefix, "--apikey-modal__messaging-text")
71
- }, body, ' ', /*#__PURE__*/React__default["default"].createElement("a", _rollupPluginBabelHelpers["extends"]({}, linkProps, {
65
+ }, body, ' ', /*#__PURE__*/React.createElement("a", _rollupPluginBabelHelpers.extends({}, linkProps, {
72
66
  className: "".concat(settings.pkg.prefix, "--apikey-modal__download-link")
73
67
  }), linkText)));
74
68
  };
@@ -77,23 +71,23 @@ APIKeyDownloader.propTypes = {
77
71
  /**
78
72
  * the api key that's displayed to the user when a request to create is fulfilled.
79
73
  */
80
- apiKey: index["default"].string.isRequired,
74
+ apiKey: index.default.string.isRequired,
81
75
  /**
82
76
  * body content for the downloader
83
77
  */
84
- body: index["default"].string.isRequired,
78
+ body: index.default.string.isRequired,
85
79
  /**
86
80
  * designates the name of downloadable json file with the key. if not specified will default to 'apikey'
87
81
  */
88
- fileName: index["default"].string.isRequired,
82
+ fileName: index.default.string.isRequired,
89
83
  /**
90
84
  * designates the file type for the downloadable key
91
85
  */
92
- fileType: index["default"].oneOf(['txt', 'json']).isRequired,
86
+ fileType: index.default.oneOf(['txt', 'json']).isRequired,
93
87
  /**
94
88
  * anchor text for the download link
95
89
  */
96
- linkText: index["default"].string.isRequired
90
+ linkText: index.default.string.isRequired
97
91
  };
98
92
 
99
93
  exports.APIKeyDownloader = APIKeyDownloader;
@@ -7,8 +7,6 @@
7
7
 
8
8
  'use strict';
9
9
 
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
10
  var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
13
11
  var React = require('react');
14
12
  var index = require('../../node_modules/prop-types/index.js');
@@ -22,11 +20,6 @@ var devtools = require('../../global/js/utils/devtools.js');
22
20
  var propsHelper = require('../../global/js/utils/props-helper.js');
23
21
  var uuidv4 = require('../../global/js/utils/uuidv4.js');
24
22
 
25
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
26
-
27
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
28
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
29
-
30
23
  var _ErrorFilled, _InformationFilled;
31
24
  var _excluded = ["apiKey", "apiKeyLabel", "apiKeyName", "body", "className", "closeButtonText", "copyButtonText", "copyErrorText", "copyIconDescription", "customSteps", "downloadBodyText", "downloadFileName", "downloadFileType", "downloadLinkText", "editButtonText", "editSuccess", "editSuccessTitle", "editing", "error", "errorText", "generateButtonText", "generateSuccessBody", "generateSuccessTitle", "generateTitle", "hasAPIKeyVisibilityToggle", "hasDownloadLink", "hideAPIKeyLabel", "loading", "loadingText", "modalLabel", "nameHelperText", "nameLabel", "namePlaceholder", "nameRequired", "nextStepButtonText", "onClose", "onCopy", "onRequestEdit", "onRequestGenerate", "open", "portalTarget", "previousStepButtonText", "showAPIKeyLabel"];
32
25
  var componentName = 'APIKeyModal';
@@ -101,8 +94,8 @@ exports.APIKeyModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
101
94
  currentStep = _useState8[0],
102
95
  setCurrentStep = _useState8[1];
103
96
  var copyRef = React.useRef();
104
- var apiKeyInputId = React.useRef(uuidv4["default"]());
105
- var nameInputId = React.useRef(uuidv4["default"]());
97
+ var apiKeyInputId = React.useRef(uuidv4.default());
98
+ var nameInputId = React.useRef(uuidv4.default());
106
99
  var renderPortalUse = usePortalTarget.usePortalTarget(portalTargetIn);
107
100
  var hasSteps = Boolean(customSteps.length);
108
101
  var apiKeyLoaded = apiKey && !loading;
@@ -110,7 +103,7 @@ exports.APIKeyModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
110
103
  var hasPreviousStep = hasSteps && currentStep !== 0;
111
104
  var copyButtonProps = {
112
105
  renderIcon: function renderIcon(props) {
113
- return /*#__PURE__*/React__default["default"].createElement(icons.Copy, _rollupPluginBabelHelpers["extends"]({
106
+ return /*#__PURE__*/React.createElement(icons.Copy, _rollupPluginBabelHelpers.extends({
114
107
  size: 16
115
108
  }, props));
116
109
  },
@@ -237,38 +230,38 @@ exports.APIKeyModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
237
230
  onCloseHandler();
238
231
  }
239
232
  };
240
- return renderPortalUse( /*#__PURE__*/React__default["default"].createElement(react.ComposedModal, _rollupPluginBabelHelpers["extends"]({}, rest, _rollupPluginBabelHelpers.objectSpread2({
233
+ return renderPortalUse( /*#__PURE__*/React.createElement(react.ComposedModal, _rollupPluginBabelHelpers.extends({}, rest, _rollupPluginBabelHelpers.objectSpread2({
241
234
  open: open,
242
235
  ref: ref
243
236
  }, devtools.getDevtoolsProps(componentName)), {
244
- className: cx__default["default"](className, blockClass),
237
+ className: cx(className, blockClass),
245
238
  onClose: onCloseHandler,
246
239
  size: "sm",
247
240
  "aria-label": modalLabel,
248
241
  preventCloseOnClickOutside: true
249
- }), /*#__PURE__*/React__default["default"].createElement(react.ModalHeader, {
242
+ }), /*#__PURE__*/React.createElement(react.ModalHeader, {
250
243
  className: "".concat(blockClass, "__header"),
251
244
  title: title,
252
245
  label: modalLabel
253
- }), /*#__PURE__*/React__default["default"].createElement(react.ModalBody, {
246
+ }), /*#__PURE__*/React.createElement(react.ModalBody, {
254
247
  className: "".concat(blockClass, "__body-container")
255
- }, hasSteps && !apiKeyLoaded ? (_customSteps$currentS3 = customSteps[currentStep]) === null || _customSteps$currentS3 === void 0 ? void 0 : _customSteps$currentS3.content : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, body && /*#__PURE__*/React__default["default"].createElement("p", {
248
+ }, hasSteps && !apiKeyLoaded ? (_customSteps$currentS3 = customSteps[currentStep]) === null || _customSteps$currentS3 === void 0 ? void 0 : _customSteps$currentS3.content : /*#__PURE__*/React.createElement(React.Fragment, null, body && /*#__PURE__*/React.createElement("p", {
256
249
  className: "".concat(blockClass, "__body")
257
- }, body), !editing && apiKey && hasAPIKeyVisibilityToggle && /*#__PURE__*/React__default["default"].createElement(react.PasswordInput, {
250
+ }, body), !editing && apiKey && hasAPIKeyVisibilityToggle && /*#__PURE__*/React.createElement(react.PasswordInput, {
258
251
  value: apiKey,
259
252
  labelText: apiKeyLabel,
260
253
  id: apiKeyInputId.current,
261
254
  showPasswordLabel: showAPIKeyLabel,
262
255
  hidePasswordLabel: hideAPIKeyLabel,
263
256
  tooltipPosition: "left"
264
- }), !editing && apiKey && !hasAPIKeyVisibilityToggle && /*#__PURE__*/React__default["default"].createElement(react.TextInput, {
257
+ }), !editing && apiKey && !hasAPIKeyVisibilityToggle && /*#__PURE__*/React.createElement(react.TextInput, {
265
258
  value: apiKey,
266
259
  labelText: apiKeyLabel,
267
260
  id: apiKeyInputId.current
268
- }), (editing || !apiKeyLoaded && nameRequired) && /*#__PURE__*/React__default["default"].createElement(react.Form, {
261
+ }), (editing || !apiKeyLoaded && nameRequired) && /*#__PURE__*/React.createElement(react.Form, {
269
262
  onSubmit: submitHandler,
270
263
  "aria-label": title !== null && title !== void 0 ? title : undefined
271
- }, /*#__PURE__*/React__default["default"].createElement(react.TextInput, {
264
+ }, /*#__PURE__*/React.createElement(react.TextInput, {
272
265
  helperText: nameHelperText,
273
266
  placeholder: namePlaceholder,
274
267
  labelText: nameLabel,
@@ -278,36 +271,36 @@ exports.APIKeyModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
278
271
  disabled: loading,
279
272
  required: nameRequired,
280
273
  "data-modal-primary-focus": true
281
- })), loading && /*#__PURE__*/React__default["default"].createElement(react.InlineLoading, {
274
+ })), loading && /*#__PURE__*/React.createElement(react.InlineLoading, {
282
275
  description: loadingText,
283
276
  className: "".concat(blockClass, "__loader")
284
- }), (copyError || error) && /*#__PURE__*/React__default["default"].createElement("div", {
277
+ }), (copyError || error) && /*#__PURE__*/React.createElement("div", {
285
278
  className: "".concat(blockClass, "__messaging")
286
- }, /*#__PURE__*/React__default["default"].createElement("div", {
279
+ }, /*#__PURE__*/React.createElement("div", {
287
280
  className: "".concat(blockClass, "__error-icon")
288
- }, _ErrorFilled || (_ErrorFilled = /*#__PURE__*/React__default["default"].createElement(icons.ErrorFilled, {
281
+ }, _ErrorFilled || (_ErrorFilled = /*#__PURE__*/React.createElement(icons.ErrorFilled, {
289
282
  size: 16
290
- }))), /*#__PURE__*/React__default["default"].createElement("p", {
283
+ }))), /*#__PURE__*/React.createElement("p", {
291
284
  className: "".concat(blockClass, "__messaging-text")
292
- }, copyError ? copyErrorText : errorText)), apiKeyLoaded && /*#__PURE__*/React__default["default"].createElement("div", {
285
+ }, copyError ? copyErrorText : errorText)), apiKeyLoaded && /*#__PURE__*/React.createElement("div", {
293
286
  className: "".concat(blockClass, "__messaging")
294
- }, _InformationFilled || (_InformationFilled = /*#__PURE__*/React__default["default"].createElement(icons.InformationFilled, {
287
+ }, _InformationFilled || (_InformationFilled = /*#__PURE__*/React.createElement(icons.InformationFilled, {
295
288
  size: 16
296
- })), hasDownloadLink ? /*#__PURE__*/React__default["default"].createElement(APIKeyDownloader.APIKeyDownloader, {
289
+ })), hasDownloadLink ? /*#__PURE__*/React.createElement(APIKeyDownloader.APIKeyDownloader, {
297
290
  apiKey: apiKey,
298
291
  body: downloadBodyText,
299
292
  fileName: downloadFileName,
300
293
  linkText: downloadLinkText,
301
294
  fileType: downloadFileType
302
- }) : /*#__PURE__*/React__default["default"].createElement("div", {
295
+ }) : /*#__PURE__*/React.createElement("div", {
303
296
  className: "".concat(blockClass, "__messaging-text")
304
- }, generateSuccessBody)))), /*#__PURE__*/React__default["default"].createElement(react.ModalFooter, {
297
+ }, generateSuccessBody)))), /*#__PURE__*/React.createElement(react.ModalFooter, {
305
298
  className: "".concat(blockClass, "__footer")
306
- }, /*#__PURE__*/React__default["default"].createElement(react.Button, {
299
+ }, /*#__PURE__*/React.createElement(react.Button, {
307
300
  type: "button",
308
301
  kind: "secondary",
309
302
  onClick: onBackHandler
310
- }, getSecondaryButtonText()), /*#__PURE__*/React__default["default"].createElement(react.Button, _rollupPluginBabelHelpers["extends"]({}, apiKeyLoaded && copyButtonProps, {
303
+ }, getSecondaryButtonText()), /*#__PURE__*/React.createElement(react.Button, _rollupPluginBabelHelpers.extends({}, apiKeyLoaded && copyButtonProps, {
311
304
  type: "submit",
312
305
  kind: "primary",
313
306
  onClick: submitHandler,
@@ -339,191 +332,191 @@ exports.APIKeyModal.propTypes = {
339
332
  /**
340
333
  * the api key that's displayed to the user when a request to create is fulfilled.
341
334
  */
342
- apiKey: index["default"].string,
335
+ apiKey: index.default.string,
343
336
  /**
344
337
  * label for the text input that holds the api key.
345
338
  */
346
- apiKeyLabel: index["default"].string,
339
+ apiKeyLabel: index.default.string,
347
340
  /**
348
341
  * the name of the api key. should only be supplied in edit mode.
349
342
  */
350
- apiKeyName: index["default"].string,
343
+ apiKeyName: index.default.string,
351
344
  /**
352
345
  * body content for the modal
353
346
  */
354
- body: index["default"].string,
347
+ body: index.default.string,
355
348
  /**
356
349
  * optional class name
357
350
  */
358
- className: index["default"].string,
351
+ className: index.default.string,
359
352
  /**
360
353
  * text for the close button
361
354
  */
362
- closeButtonText: index["default"].string,
355
+ closeButtonText: index.default.string,
363
356
  /**
364
357
  * text for the copy button
365
358
  */
366
- copyButtonText: index["default"].string,
359
+ copyButtonText: index.default.string,
367
360
  /**
368
361
  * Error message for when the copy function fails
369
362
  */
370
- copyErrorText: index["default"].string,
363
+ copyErrorText: index.default.string,
371
364
  /**
372
365
  * text description for the copy button icon
373
366
  */
374
- copyIconDescription: index["default"].string,
367
+ copyIconDescription: index.default.string,
375
368
  /**
376
369
  * if you need more options for key creation beyond just the name use custom steps to obtain whatever data is required.
377
370
  */
378
371
  /**@ts-ignore*/
379
- customSteps: index["default"].arrayOf(index["default"].shape({
372
+ customSteps: index.default.arrayOf(index.default.shape({
380
373
  /**
381
374
  * designates if the step has passed whatever validation rules are in place.
382
375
  */
383
- valid: index["default"].bool,
376
+ valid: index.default.bool,
384
377
  /**
385
378
  * designates content is the JSX that holds whatever inputs you need
386
379
  */
387
- content: index["default"].node,
380
+ content: index.default.node,
388
381
  /**
389
382
  * designates the title that's displayed at the top of the modal for each step
390
383
  */
391
- title: index["default"].string
384
+ title: index.default.string
392
385
  })),
393
386
  /**
394
387
  * the content that appears that indicates the key is downloadable
395
388
  */
396
- downloadBodyText: downloadRequiredProps(index["default"].string),
389
+ downloadBodyText: downloadRequiredProps(index.default.string),
397
390
  /**
398
391
  * designates the name of downloadable json file with the key. if not specified will default to 'apikey'
399
392
  */
400
- downloadFileName: downloadRequiredProps(index["default"].string),
393
+ downloadFileName: downloadRequiredProps(index.default.string),
401
394
  /**
402
395
  * designates the file type for the downloadable key
403
396
  */
404
- downloadFileType: downloadRequiredProps(index["default"].oneOf(['txt', 'json'])),
397
+ downloadFileType: downloadRequiredProps(index.default.oneOf(['txt', 'json'])),
405
398
  /**
406
399
  * anchor text for the download link
407
400
  */
408
- downloadLinkText: downloadRequiredProps(index["default"].string),
401
+ downloadLinkText: downloadRequiredProps(index.default.string),
409
402
  /**
410
403
  * text for the edit button
411
404
  */
412
- editButtonText: editRequiredProps(index["default"].string),
405
+ editButtonText: editRequiredProps(index.default.string),
413
406
  /**
414
407
  * designates if the edit request was successful
415
408
  */
416
- editSuccess: editRequiredProps(index["default"].bool),
409
+ editSuccess: editRequiredProps(index.default.bool),
417
410
  /**
418
411
  * title for a successful edit
419
412
  */
420
- editSuccessTitle: editRequiredProps(index["default"].string),
413
+ editSuccessTitle: editRequiredProps(index.default.string),
421
414
  /**
422
415
  * designates if the modal is in the edit mode
423
416
  */
424
- editing: index["default"].bool,
417
+ editing: index.default.bool,
425
418
  /**
426
419
  * designates if an error has occurred in a request
427
420
  */
428
- error: index["default"].bool,
421
+ error: index.default.bool,
429
422
  /**
430
423
  * text to display if an error has occurred
431
424
  */
432
- errorText: index["default"].string,
425
+ errorText: index.default.string,
433
426
  /**
434
427
  * default primary button text for modal in assumed default mode create or generate.
435
428
  * in create mode this is the button text prior to supplying an api key, which then
436
429
  * uses copyButtonText
437
430
  */
438
- generateButtonText: index["default"].string,
431
+ generateButtonText: index.default.string,
439
432
  /**
440
433
  * content to display if generate request was successful
441
434
  */
442
- generateSuccessBody: index["default"].node,
435
+ generateSuccessBody: index.default.node,
443
436
  /**
444
437
  * title for a successful key generation
445
438
  */
446
- generateSuccessTitle: index["default"].string,
439
+ generateSuccessTitle: index.default.string,
447
440
  /**
448
441
  * default title for the modal in generate key mode
449
442
  */
450
- generateTitle: index["default"].string,
443
+ generateTitle: index.default.string,
451
444
  /**
452
445
  * designates if the api input has the visibility toggle enabled
453
446
  */
454
- hasAPIKeyVisibilityToggle: index["default"].bool,
447
+ hasAPIKeyVisibilityToggle: index.default.bool,
455
448
  /**
456
449
  * designates if user is able to download the api key
457
450
  */
458
- hasDownloadLink: index["default"].bool,
451
+ hasDownloadLink: index.default.bool,
459
452
  /**
460
453
  * label text that's displayed when hovering over visibility toggler to hide key
461
454
  */
462
- hideAPIKeyLabel: index["default"].string,
455
+ hideAPIKeyLabel: index.default.string,
463
456
  /**
464
457
  * designates if the modal is in a loading state via a request or some other in progress operation
465
458
  */
466
- loading: index["default"].bool,
459
+ loading: index.default.bool,
467
460
  /**
468
461
  * text that displays while modal is in the loading state
469
462
  */
470
- loadingText: index["default"].string,
463
+ loadingText: index.default.string,
471
464
  /**
472
465
  * general label text for modal
473
466
  */
474
- modalLabel: index["default"].string,
467
+ modalLabel: index.default.string,
475
468
  /**
476
469
  * helper text for name input
477
470
  */
478
- nameHelperText: index["default"].string,
471
+ nameHelperText: index.default.string,
479
472
  /**
480
473
  * label for api key name input
481
474
  */
482
- nameLabel: index["default"].string,
475
+ nameLabel: index.default.string,
483
476
  /**
484
477
  * placeholder text for api key name input
485
478
  */
486
- namePlaceholder: index["default"].string,
479
+ namePlaceholder: index.default.string,
487
480
  /**
488
481
  * designates if a name is required or not for key generation. NOTE- if using custom steps set this to false since you will be using your own validation
489
482
  */
490
- nameRequired: index["default"].bool,
483
+ nameRequired: index.default.bool,
491
484
  /**
492
485
  * text that displays in the primary button when using custom steps to indicate to the user that there is a next step
493
486
  */
494
- nextStepButtonText: customStepsRequiredProps(index["default"].string),
487
+ nextStepButtonText: customStepsRequiredProps(index.default.string),
495
488
  /**
496
489
  * handler for on modal close
497
490
  */
498
- onClose: index["default"].func,
491
+ onClose: index.default.func,
499
492
  /**
500
493
  * Optional callback if you want to use your own copy function instead of the build in one
501
494
  * onCopy(apiKey)
502
495
  */
503
- onCopy: index["default"].func,
496
+ onCopy: index.default.func,
504
497
  /**
505
498
  * handler for api key edit
506
499
  */
507
- onRequestEdit: index["default"].func,
500
+ onRequestEdit: index.default.func,
508
501
  /**
509
502
  * handler for api key generation
510
503
  */
511
- onRequestGenerate: index["default"].func,
504
+ onRequestGenerate: index.default.func,
512
505
  /**
513
506
  * designates if modal is open or closed
514
507
  */
515
- open: index["default"].bool.isRequired,
508
+ open: index.default.bool.isRequired,
516
509
  /**
517
510
  * The DOM node the tearsheet should be rendered within. Defaults to document.body.
518
511
  */
519
- portalTarget: index["default"].node,
512
+ portalTarget: index.default.node,
520
513
  /**
521
514
  * text that displays in the secondary button when using custom steps to indicate to the user that there is a previous step
522
515
  */
523
- previousStepButtonText: customStepsRequiredProps(index["default"].string),
516
+ previousStepButtonText: customStepsRequiredProps(index.default.string),
524
517
  /**
525
518
  * label text that's displayed when hovering over visibility toggler to show key
526
519
  */
527
- showAPIKeyLabel: index["default"].string
520
+ showAPIKeyLabel: index.default.string
528
521
  };
529
522
  exports.APIKeyModal.displayName = componentName;
@@ -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('@carbon/react');
14
12
  var React = require('react');
@@ -20,11 +18,6 @@ var settings = require('../../settings.js');
20
18
  var usePortalTarget = require('../../global/js/hooks/usePortalTarget.js');
21
19
  var uuidv4 = require('../../global/js/utils/uuidv4.js');
22
20
 
23
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
24
-
25
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
26
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
27
-
28
21
  var _excluded = ["additionalInfo", "className", "closeIconDescription", "copyrightText", "content", "links", "logo", "modalAriaLabel", "onClose", "open", "portalTarget", "title", "version"];
29
22
 
30
23
  // The block part of our conventional BEM class names (blockClass__E--M).
@@ -39,7 +32,7 @@ var componentName = 'AboutModal';
39
32
  * should be immediately apparent to the user, with a clear and obvious path
40
33
  * to completion.
41
34
  */
42
- exports.AboutModal = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
35
+ exports.AboutModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
43
36
  var additionalInfo = _ref.additionalInfo,
44
37
  className = _ref.className,
45
38
  closeIconDescription = _ref.closeIconDescription,
@@ -58,7 +51,7 @@ exports.AboutModal = /*#__PURE__*/React__default["default"].forwardRef(function
58
51
  var localRef = React.useRef();
59
52
  var modalRef = ref || localRef;
60
53
  var contentRef = React.useRef(null);
61
- var contentId = uuidv4["default"]();
54
+ var contentId = uuidv4.default();
62
55
  var renderPortalUse = usePortalTarget.usePortalTarget(portalTargetIn);
63
56
  var _useFocus = useFocus.useFocus(modalRef),
64
57
  firstElement = _useFocus.firstElement;
@@ -77,12 +70,12 @@ exports.AboutModal = /*#__PURE__*/React__default["default"].forwardRef(function
77
70
  }
78
71
  // eslint-disable-next-line react-hooks/exhaustive-deps
79
72
  }, [open]);
80
- return renderPortalUse( /*#__PURE__*/React__default["default"].createElement(react.unstable_FeatureFlags, {
73
+ return renderPortalUse( /*#__PURE__*/React.createElement(react.unstable_FeatureFlags, {
81
74
  flags: {
82
75
  'enable-experimental-focus-wrap-without-sentinels': true
83
76
  }
84
- }, /*#__PURE__*/React__default["default"].createElement(react.ComposedModal, _rollupPluginBabelHelpers["extends"]({}, rest, {
85
- className: cx__default["default"](blockClass,
77
+ }, /*#__PURE__*/React.createElement(react.ComposedModal, _rollupPluginBabelHelpers.extends({}, rest, {
78
+ className: cx(blockClass,
86
79
  // Apply the block class to the main HTML element
87
80
  className // Apply any supplied class names to the main HTML element.
88
81
  ),
@@ -91,35 +84,35 @@ exports.AboutModal = /*#__PURE__*/React__default["default"].forwardRef(function
91
84
  }, _rollupPluginBabelHelpers.objectSpread2({
92
85
  onClose: onClose,
93
86
  open: open
94
- }, devtools.getDevtoolsProps(componentName))), /*#__PURE__*/React__default["default"].createElement("div", {
87
+ }, devtools.getDevtoolsProps(componentName))), /*#__PURE__*/React.createElement("div", {
95
88
  className: "".concat(blockClass, "__logo")
96
- }, logo), /*#__PURE__*/React__default["default"].createElement(react.ModalHeader, {
89
+ }, logo), /*#__PURE__*/React.createElement(react.ModalHeader, {
97
90
  className: "".concat(blockClass, "__header"),
98
91
  closeModal: onClose,
99
92
  iconDescription: closeIconDescription,
100
93
  label: title,
101
94
  labelClassName: "".concat(blockClass, "__title")
102
- }), /*#__PURE__*/React__default["default"].createElement(react.ModalBody, {
95
+ }), /*#__PURE__*/React.createElement(react.ModalBody, {
103
96
  className: "".concat(blockClass, "__body")
104
- }, /*#__PURE__*/React__default["default"].createElement("div", {
97
+ }, /*#__PURE__*/React.createElement("div", {
105
98
  className: "".concat(blockClass, "__body-content"),
106
99
  ref: contentRef,
107
100
  id: contentId
108
- }, /*#__PURE__*/React__default["default"].createElement("div", {
101
+ }, /*#__PURE__*/React.createElement("div", {
109
102
  className: "".concat(blockClass, "__version")
110
- }, version), links && links.length > 0 && /*#__PURE__*/React__default["default"].createElement("div", {
103
+ }, version), links && links.length > 0 && /*#__PURE__*/React.createElement("div", {
111
104
  className: "".concat(blockClass, "__links-container")
112
105
  }, links.map(function (link, i) {
113
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
106
+ return /*#__PURE__*/React.createElement(React.Fragment, {
114
107
  key: i
115
108
  }, link);
116
- })), content && /*#__PURE__*/React__default["default"].createElement("p", {
109
+ })), content && /*#__PURE__*/React.createElement("p", {
117
110
  className: "".concat(blockClass, "__content")
118
- }, content), copyrightText && /*#__PURE__*/React__default["default"].createElement("p", {
111
+ }, content), copyrightText && /*#__PURE__*/React.createElement("p", {
119
112
  className: "".concat(blockClass, "__copyright-text")
120
- }, copyrightText))), additionalInfo && /*#__PURE__*/React__default["default"].createElement(react.Theme, {
113
+ }, copyrightText))), additionalInfo && /*#__PURE__*/React.createElement(react.Theme, {
121
114
  theme: "g100"
122
- }, /*#__PURE__*/React__default["default"].createElement(react.ModalFooter, {
115
+ }, /*#__PURE__*/React.createElement(react.ModalFooter, {
123
116
  className: "".concat(blockClass, "__footer")
124
117
  }, additionalInfo)))));
125
118
  });
@@ -137,61 +130,61 @@ exports.AboutModal.propTypes = {
137
130
  * to build your product you can provide this in the additionalInfo.
138
131
  * Additional information will be displayed in the footer.
139
132
  */
140
- additionalInfo: index["default"].node,
133
+ additionalInfo: index.default.node,
141
134
  /**
142
135
  * Provide an optional class to be applied to the modal root node.
143
136
  */
144
- className: index["default"].string,
137
+ className: index.default.string,
145
138
  /**
146
139
  * The accessibility title for the close icon.
147
140
  */
148
- closeIconDescription: index["default"].string.isRequired,
141
+ closeIconDescription: index.default.string.isRequired,
149
142
  /**
150
143
  * Subhead text providing any relevant product disclaimers including
151
144
  * legal information (optional)
152
145
  */
153
- content: index["default"].node,
146
+ content: index.default.node,
154
147
  /**
155
148
  * Trademark and copyright information. Displays first year of
156
149
  * product release to current year.
157
150
  */
158
- copyrightText: index["default"].string.isRequired,
151
+ copyrightText: index.default.string.isRequired,
159
152
  /**
160
153
  * An array of Carbon `Link` component if there are additional information
161
154
  * to call out within the card. The about modal should be used to display
162
155
  * the product information and not where users go to find help (optional)
163
156
  */
164
- links: index["default"].arrayOf(index["default"].element),
157
+ links: index.default.arrayOf(index.default.element),
165
158
  /**
166
159
  * A visual symbol used to represent the product.
167
160
  */
168
- logo: index["default"].node.isRequired,
161
+ logo: index.default.node.isRequired,
169
162
  /**
170
163
  * Specifies aria label for AboutModal
171
164
  */
172
- modalAriaLabel: index["default"].string,
165
+ modalAriaLabel: index.default.string,
173
166
  /**
174
167
  * Specifies an optional handler which is called when the AboutModal
175
168
  * is closed. Returning `false` prevents the AboutModal from closing.
176
169
  */
177
- onClose: index["default"].func,
170
+ onClose: index.default.func,
178
171
  /**
179
172
  * Specifies whether the AboutModal is open or not.
180
173
  */
181
- open: index["default"].bool,
174
+ open: index.default.bool,
182
175
  /**
183
176
  * The DOM node the tearsheet should be rendered within. Defaults to document.body.
184
177
  */
185
- portalTarget: index["default"].node,
178
+ portalTarget: index.default.node,
186
179
  /**
187
180
  * Header text that provides the product name. The IBM Services logo
188
181
  * consists of two discrete, but required, elements: the iconic
189
182
  * IBM 8-bar logo represented alongside the IBM Services logotype.
190
183
  * Please follow these guidelines to ensure proper execution.
191
184
  */
192
- title: index["default"].node.isRequired,
185
+ title: index.default.node.isRequired,
193
186
  /**
194
187
  * Text that provides information on the version number of your product.
195
188
  */
196
- version: index["default"].string.isRequired
189
+ version: index.default.string.isRequired
197
190
  };