@carbon/ibm-products 2.34.0 → 2.36.0-alpha.27

Sign up to get free protection for your applications and to get access to all the features.
Files changed (244) hide show
  1. package/css/index-full-carbon.css +32448 -32421
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +1 -1
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +105 -91
  6. package/css/index-without-carbon-released-only.css.map +1 -1
  7. package/css/index-without-carbon-released-only.min.css +1 -1
  8. package/css/index-without-carbon-released-only.min.css.map +1 -1
  9. package/css/index-without-carbon.css +765 -24496
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +1 -1
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +2543 -18127
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +1 -1
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/ActionSet/ActionSet.d.ts +38 -2
  18. package/es/components/ActionSet/ActionSet.js +3 -5
  19. package/es/components/Coachmark/utils/enums.d.ts +36 -22
  20. package/es/components/CoachmarkBeacon/CoachmarkBeacon.d.ts +26 -2
  21. package/es/components/CoachmarkBeacon/CoachmarkBeacon.js +1 -3
  22. package/es/components/CoachmarkFixed/CoachmarkFixed.js +1 -1
  23. package/es/components/CoachmarkOverlayElement/CoachmarkOverlayElement.d.ts +28 -2
  24. package/es/components/CoachmarkOverlayElement/CoachmarkOverlayElement.js +0 -1
  25. package/es/components/ConditionBuilder/ConditionBuilder.d.ts +5 -0
  26. package/es/components/ConditionBuilder/ConditionBuilder.js +125 -0
  27. package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +10 -0
  28. package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +92 -0
  29. package/es/components/ConditionBuilder/ConditionBuilderContext/DataTreeContext.d.ts +38 -0
  30. package/es/components/ConditionBuilder/ConditionBuilderContext/DataTreeContext.js +88 -0
  31. package/es/components/ConditionBuilder/assets/sampleInput.d.ts +58 -0
  32. package/es/components/ConditionBuilder/index.d.ts +1 -0
  33. package/es/components/CreateFullPage/CreateFullPage.d.ts +121 -4
  34. package/es/components/CreateFullPage/CreateFullPage.js +14 -26
  35. package/es/components/CreateFullPage/CreateFullPageStep.js +22 -7
  36. package/es/components/CreateTearsheet/CreateTearsheet.js +2 -0
  37. package/es/components/CreateTearsheetNarrow/CreateTearsheetNarrow.d.ts +82 -2
  38. package/es/components/Datagrid/Datagrid/DatagridRow.js +4 -3
  39. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +2 -1
  40. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +10 -6
  41. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +6 -2
  42. package/es/components/Datagrid/Datagrid/addons/stateReducer.js +2 -1
  43. package/es/components/Datagrid/useEditableCell.js +15 -0
  44. package/es/components/DelimitedList/DelimitedList.d.ts +27 -2
  45. package/es/components/DelimitedList/DelimitedList.js +0 -1
  46. package/es/components/EditFullPage/EditFullPage.d.ts +19 -2
  47. package/es/components/EditFullPage/EditFullPage.js +3 -3
  48. package/es/components/EditInPlace/EditInPlace.d.ts +97 -5
  49. package/es/components/EditInPlace/EditInPlace.js +10 -6
  50. package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.d.ts +61 -2
  51. package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +1 -3
  52. package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.d.ts +61 -2
  53. package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +1 -2
  54. package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.d.ts +61 -2
  55. package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +1 -3
  56. package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.d.ts +61 -2
  57. package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +1 -3
  58. package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.d.ts +61 -2
  59. package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +1 -2
  60. package/es/components/ExportModal/ExportModal.d.ts +110 -2
  61. package/es/components/ExportModal/ExportModal.js +10 -4
  62. package/es/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.js +1 -1
  63. package/es/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.js +2 -2
  64. package/es/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.d.ts +5 -0
  65. package/es/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.js +5 -9
  66. package/es/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.js +1 -1
  67. package/es/components/FilterPanel/FilterPanelSearch/FilterPanelSearch.d.ts +5 -0
  68. package/es/components/FilterPanel/FilterPanelSearch/FilterPanelSearch.js +92 -0
  69. package/es/components/FilterPanel/index.d.ts +1 -0
  70. package/es/components/FullPageError/FullPageError.d.ts +2 -1
  71. package/es/components/FullPageError/FullPageError.js +24 -49
  72. package/es/components/HTTPErrors/HTTPError403/HTTPError403.d.ts +40 -2
  73. package/es/components/HTTPErrors/HTTPError403/HTTPError403.js +1 -1
  74. package/es/components/HTTPErrors/HTTPError404/HTTPError404.d.ts +40 -2
  75. package/es/components/HTTPErrors/HTTPError404/HTTPError404.js +1 -1
  76. package/es/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.d.ts +40 -2
  77. package/es/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +1 -1
  78. package/es/components/ImportModal/ImportModal.d.ts +136 -2
  79. package/es/components/ImportModal/ImportModal.js +3 -2
  80. package/es/components/InlineTip/InlineTip.d.ts +90 -2
  81. package/es/components/InlineTip/InlineTip.js +3 -2
  82. package/es/components/InlineTip/InlineTipLink.d.ts +19 -2
  83. package/es/components/InterstitialScreenView/InterstitialScreenView.d.ts +23 -2
  84. package/es/components/InterstitialScreenView/InterstitialScreenView.js +0 -1
  85. package/es/components/InterstitialScreenViewModule/InterstitialScreenViewModule.d.ts +23 -2
  86. package/es/components/Nav/Nav.js +1 -1
  87. package/es/components/Nav/NavList.js +7 -7
  88. package/es/components/NonLinearReading/NonLinearReading.d.ts +28 -2
  89. package/es/components/NonLinearReading/NonLinearReading.js +2 -7
  90. package/es/components/NotificationsPanel/NotificationsPanel.js +1 -1
  91. package/es/components/PageHeader/PageHeader.js +3 -3
  92. package/es/components/PageHeader/PageHeaderUtils.d.ts +1 -1
  93. package/es/components/PageHeader/PageHeaderUtils.js +4 -3
  94. package/es/components/SearchBar/SearchBar.d.ts +51 -3
  95. package/es/components/SearchBar/SearchBar.js +5 -6
  96. package/es/components/SidePanel/SidePanel.js +62 -41
  97. package/es/components/SteppedAnimatedMedia/SteppedAnimatedMedia.d.ts +23 -2
  98. package/es/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js +6 -5
  99. package/es/components/TagOverflow/TagOverflow.d.ts +5 -0
  100. package/es/components/TagOverflow/TagOverflow.js +209 -0
  101. package/es/components/TagOverflow/constants.d.ts +14 -0
  102. package/es/components/TagOverflow/constants.js +30 -0
  103. package/es/components/TagOverflow/index.d.ts +1 -0
  104. package/es/components/Tearsheet/TearsheetNarrow.d.ts +105 -6
  105. package/es/components/Tearsheet/TearsheetNarrow.js +6 -1
  106. package/es/components/Toolbar/Toolbar.d.ts +23 -5
  107. package/es/components/Toolbar/Toolbar.js +30 -26
  108. package/es/components/TruncatedList/TruncatedList.d.ts +47 -2
  109. package/es/components/TruncatedList/TruncatedList.js +5 -4
  110. package/es/components/UserAvatar/UserAvatar.js +4 -2
  111. package/es/components/index.d.ts +4 -2
  112. package/es/global/js/package-settings.d.ts +3 -0
  113. package/es/global/js/package-settings.js +3 -0
  114. package/es/index.js +4 -0
  115. package/es/settings.d.ts +3 -0
  116. package/lib/components/ActionSet/ActionSet.d.ts +38 -2
  117. package/lib/components/ActionSet/ActionSet.js +3 -5
  118. package/lib/components/Coachmark/utils/enums.d.ts +36 -22
  119. package/lib/components/CoachmarkBeacon/CoachmarkBeacon.d.ts +26 -2
  120. package/lib/components/CoachmarkBeacon/CoachmarkBeacon.js +1 -3
  121. package/lib/components/CoachmarkFixed/CoachmarkFixed.js +1 -1
  122. package/lib/components/CoachmarkOverlayElement/CoachmarkOverlayElement.d.ts +28 -2
  123. package/lib/components/CoachmarkOverlayElement/CoachmarkOverlayElement.js +0 -1
  124. package/lib/components/ConditionBuilder/ConditionBuilder.d.ts +5 -0
  125. package/lib/components/ConditionBuilder/ConditionBuilder.js +132 -0
  126. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +10 -0
  127. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +100 -0
  128. package/lib/components/ConditionBuilder/ConditionBuilderContext/DataTreeContext.d.ts +38 -0
  129. package/lib/components/ConditionBuilder/ConditionBuilderContext/DataTreeContext.js +98 -0
  130. package/lib/components/ConditionBuilder/assets/sampleInput.d.ts +58 -0
  131. package/lib/components/ConditionBuilder/index.d.ts +1 -0
  132. package/lib/components/CreateFullPage/CreateFullPage.d.ts +121 -4
  133. package/lib/components/CreateFullPage/CreateFullPage.js +13 -25
  134. package/lib/components/CreateFullPage/CreateFullPageStep.js +20 -5
  135. package/lib/components/CreateTearsheet/CreateTearsheet.js +2 -0
  136. package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.d.ts +82 -2
  137. package/lib/components/Datagrid/Datagrid/DatagridRow.js +4 -3
  138. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +2 -1
  139. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +11 -7
  140. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +6 -2
  141. package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +2 -1
  142. package/lib/components/Datagrid/useEditableCell.js +19 -0
  143. package/lib/components/DelimitedList/DelimitedList.d.ts +27 -2
  144. package/lib/components/DelimitedList/DelimitedList.js +0 -1
  145. package/lib/components/EditFullPage/EditFullPage.d.ts +19 -2
  146. package/lib/components/EditFullPage/EditFullPage.js +3 -3
  147. package/lib/components/EditInPlace/EditInPlace.d.ts +97 -5
  148. package/lib/components/EditInPlace/EditInPlace.js +10 -6
  149. package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.d.ts +61 -2
  150. package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +1 -3
  151. package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.d.ts +61 -2
  152. package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +1 -2
  153. package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.d.ts +61 -2
  154. package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +1 -3
  155. package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.d.ts +61 -2
  156. package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +1 -3
  157. package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.d.ts +61 -2
  158. package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +1 -2
  159. package/lib/components/ExportModal/ExportModal.d.ts +110 -2
  160. package/lib/components/ExportModal/ExportModal.js +10 -4
  161. package/lib/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.js +1 -1
  162. package/lib/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.js +2 -2
  163. package/lib/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.d.ts +5 -0
  164. package/lib/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.js +5 -9
  165. package/lib/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.js +1 -1
  166. package/lib/components/FilterPanel/FilterPanelSearch/FilterPanelSearch.d.ts +5 -0
  167. package/lib/components/FilterPanel/FilterPanelSearch/FilterPanelSearch.js +99 -0
  168. package/lib/components/FilterPanel/index.d.ts +1 -0
  169. package/lib/components/FullPageError/FullPageError.d.ts +2 -1
  170. package/lib/components/FullPageError/FullPageError.js +24 -49
  171. package/lib/components/HTTPErrors/HTTPError403/HTTPError403.d.ts +40 -2
  172. package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +1 -1
  173. package/lib/components/HTTPErrors/HTTPError404/HTTPError404.d.ts +40 -2
  174. package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +1 -1
  175. package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.d.ts +40 -2
  176. package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +1 -1
  177. package/lib/components/ImportModal/ImportModal.d.ts +136 -2
  178. package/lib/components/ImportModal/ImportModal.js +3 -2
  179. package/lib/components/InlineTip/InlineTip.d.ts +90 -2
  180. package/lib/components/InlineTip/InlineTip.js +3 -2
  181. package/lib/components/InlineTip/InlineTipLink.d.ts +19 -2
  182. package/lib/components/InterstitialScreenView/InterstitialScreenView.d.ts +23 -2
  183. package/lib/components/InterstitialScreenView/InterstitialScreenView.js +0 -1
  184. package/lib/components/InterstitialScreenViewModule/InterstitialScreenViewModule.d.ts +23 -2
  185. package/lib/components/Nav/Nav.js +1 -1
  186. package/lib/components/Nav/NavList.js +7 -7
  187. package/lib/components/NonLinearReading/NonLinearReading.d.ts +28 -2
  188. package/lib/components/NonLinearReading/NonLinearReading.js +2 -7
  189. package/lib/components/NotificationsPanel/NotificationsPanel.js +1 -1
  190. package/lib/components/PageHeader/PageHeader.js +3 -3
  191. package/lib/components/PageHeader/PageHeaderUtils.d.ts +1 -1
  192. package/lib/components/PageHeader/PageHeaderUtils.js +4 -3
  193. package/lib/components/SearchBar/SearchBar.d.ts +51 -3
  194. package/lib/components/SearchBar/SearchBar.js +5 -6
  195. package/lib/components/SidePanel/SidePanel.js +62 -41
  196. package/lib/components/SteppedAnimatedMedia/SteppedAnimatedMedia.d.ts +23 -2
  197. package/lib/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js +6 -5
  198. package/lib/components/TagOverflow/TagOverflow.d.ts +5 -0
  199. package/lib/components/TagOverflow/TagOverflow.js +216 -0
  200. package/lib/components/TagOverflow/constants.d.ts +14 -0
  201. package/lib/components/TagOverflow/constants.js +34 -0
  202. package/lib/components/TagOverflow/index.d.ts +1 -0
  203. package/lib/components/Tearsheet/TearsheetNarrow.d.ts +105 -6
  204. package/lib/components/Tearsheet/TearsheetNarrow.js +6 -1
  205. package/lib/components/Toolbar/Toolbar.d.ts +23 -5
  206. package/lib/components/Toolbar/Toolbar.js +30 -26
  207. package/lib/components/TruncatedList/TruncatedList.d.ts +47 -2
  208. package/lib/components/TruncatedList/TruncatedList.js +5 -4
  209. package/lib/components/UserAvatar/UserAvatar.js +4 -2
  210. package/lib/components/index.d.ts +4 -2
  211. package/lib/global/js/package-settings.d.ts +3 -0
  212. package/lib/global/js/package-settings.js +3 -0
  213. package/lib/index.js +17 -0
  214. package/lib/settings.d.ts +3 -0
  215. package/package.json +5 -5
  216. package/scss/components/Coachmark/_coachmark-dragbar.scss +0 -1
  217. package/scss/components/Coachmark/_coachmark-tagline.scss +2 -2
  218. package/scss/components/ConditionBuilder/_carbon-imports.scss +9 -0
  219. package/scss/components/ConditionBuilder/_condition-builder.scss +25 -0
  220. package/scss/components/ConditionBuilder/_index-with-carbon.scss +9 -0
  221. package/scss/components/ConditionBuilder/_index.scss +8 -0
  222. package/scss/components/CreateFullPage/_create-full-page.scss +10 -10
  223. package/scss/components/Datagrid/styles/_useNestedRows.scss +5 -1
  224. package/scss/components/Datagrid/styles/_useSortableColumns.scss +2 -0
  225. package/scss/components/FilterPanel/_carbon-imports.scss +5 -0
  226. package/scss/components/FilterPanel/_filter-panel-accordion-item.scss +1 -3
  227. package/scss/components/FilterPanel/_filter-panel-checkbox-with-overflow.scss +0 -2
  228. package/scss/components/FilterPanel/_filter-panel-checkbox.scss +0 -1
  229. package/scss/components/FilterPanel/_filter-panel-search.scss +38 -0
  230. package/scss/components/FilterPanel/_index-with-carbon.scss +1 -0
  231. package/scss/components/FilterPanel/_index.scss +1 -0
  232. package/scss/components/FullPageError/_full-page-error.scss +10 -10
  233. package/scss/components/Guidebanner/_guidebanner.scss +1 -1
  234. package/scss/components/InlineTip/_inline-tip.scss +1 -1
  235. package/scss/components/ProductiveCard/_productive-card.scss +13 -0
  236. package/scss/components/SidePanel/_side-panel.scss +9 -9
  237. package/scss/components/TagOverflow/_carbon-imports.scss +9 -0
  238. package/scss/components/TagOverflow/_index-with-carbon.scss +9 -0
  239. package/scss/components/TagOverflow/_index.scss +8 -0
  240. package/scss/components/TagOverflow/_tag-overflow.scss +55 -0
  241. package/scss/components/Tearsheet/_tearsheet.scss +10 -0
  242. package/scss/components/UserAvatar/_user-avatar.scss +7 -3
  243. package/scss/components/_index-with-carbon.scss +2 -0
  244. package/scss/components/_index.scss +2 -0
@@ -1,5 +1,64 @@
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
+ /// <reference path="../../../../src/custom-typings/index.d.ts" />
8
+ import React, { ReactNode } from 'react';
9
+ import { ButtonProps } from '@carbon/react';
10
+ import { CarbonIconType } from '@carbon/icons-react/lib/CarbonIcon';
11
+ interface ErrorEmptyStateProps {
12
+ /**
13
+ * Empty state action button
14
+ */
15
+ action?: {
16
+ kind?: 'primary' | 'secondary' | 'tertiary';
17
+ renderIcon?: CarbonIconType;
18
+ onClick?: ButtonProps['onClick'];
19
+ text?: string;
20
+ };
21
+ /**
22
+ * Provide an optional class to be applied to the containing node.
23
+ */
24
+ className?: string;
25
+ /**
26
+ * The alt text for empty state svg images. If not provided , title will be used.
27
+ */
28
+ illustrationDescription?: string;
29
+ /**
30
+ * Designates the position of the illustration relative to the content
31
+ */
32
+ illustrationPosition?: 'top' | 'right' | 'bottom' | 'left';
33
+ /**
34
+ * Empty state illustration theme variations.
35
+ * To ensure you use the correct themed illustrations, you can conditionally specify light or dark
36
+ * based on your app's current theme value. Example:
37
+ * `illustrationTheme={appTheme === ('carbon--g100' || 'carbon--g90') ? 'dark' : 'light'}`
38
+ */
39
+ illustrationTheme?: 'light' | 'dark';
40
+ /**
41
+ * Empty state link object
42
+ */
43
+ link?: {
44
+ text?: string | ReactNode;
45
+ href?: string;
46
+ };
47
+ /**
48
+ * Empty state size
49
+ */
50
+ size?: 'lg' | 'sm';
51
+ /**
52
+ * Empty state subtitle
53
+ */
54
+ subtitle?: string | ReactNode;
55
+ /**
56
+ * Empty state title
57
+ */
58
+ title: string | ReactNode;
59
+ }
1
60
  /**
2
61
  * The `EmptyState` component follows the Carbon guidelines for empty states with some added specifications around illustration usage. For additional usage guidelines and documentation please refer to the links above.
3
62
  */
4
- export let ErrorEmptyState: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
5
- import React from 'react';
63
+ export declare let ErrorEmptyState: React.ForwardRefExoticComponent<ErrorEmptyStateProps & React.RefAttributes<HTMLDivElement>>;
64
+ export {};
@@ -26,11 +26,9 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
26
26
  var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
27
27
 
28
28
  var _excluded = ["action", "className", "illustrationPosition", "illustrationDescription", "illustrationTheme", "link", "size", "subtitle", "title"];
29
-
30
29
  // The block part of our conventional BEM class names (blockClass__E--M).
31
30
  var blockClass = "".concat(settings.pkg.prefix, "--empty-state");
32
31
  var componentName = 'ErrorEmptyState';
33
-
34
32
  /**
35
33
  * The `EmptyState` component follows the Carbon guidelines for empty states with some added specifications around illustration usage. For additional usage guidelines and documentation please refer to the links above.
36
34
  */
@@ -59,7 +57,7 @@ exports.ErrorEmptyState = /*#__PURE__*/React__default["default"].forwardRef(func
59
57
  link: link,
60
58
  size: size,
61
59
  subtitle: subtitle,
62
- title: title
60
+ title: title || ''
63
61
  }));
64
62
  });
65
63
 
@@ -1,5 +1,64 @@
1
+ /**
2
+ * Copyright IBM Corp. 2020, 2021
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
+ /// <reference path="../../../../src/custom-typings/index.d.ts" />
8
+ import React, { ReactNode } from 'react';
9
+ import { ButtonProps } from '@carbon/react';
10
+ import { CarbonIconType } from '@carbon/icons-react/lib/CarbonIcon';
11
+ interface NoDataEmptyStateProps {
12
+ /**
13
+ * Empty state action button
14
+ */
15
+ action?: {
16
+ kind?: 'primary' | 'secondary' | 'tertiary';
17
+ renderIcon?: CarbonIconType;
18
+ onClick?: ButtonProps['onClick'];
19
+ text?: string;
20
+ };
21
+ /**
22
+ * Provide an optional class to be applied to the containing node.
23
+ */
24
+ className?: string;
25
+ /**
26
+ * The alt text for empty state svg images. If not provided, title will be used.
27
+ */
28
+ illustrationDescription?: string;
29
+ /**
30
+ * Designates the position of the illustration relative to the content
31
+ */
32
+ illustrationPosition?: 'top' | 'right' | 'bottom' | 'left';
33
+ /**
34
+ * Empty state illustration theme variations.
35
+ * To ensure you use the correct themed illustrations, you can conditionally specify light or dark
36
+ * based on your app's current theme value. Example:
37
+ * `illustrationTheme={appTheme === ('carbon--g100' || 'carbon--g90') ? 'dark' : 'light'}`
38
+ */
39
+ illustrationTheme?: 'light' | 'dark';
40
+ /**
41
+ * Empty state link object
42
+ */
43
+ link?: {
44
+ text?: string | ReactNode;
45
+ href?: string;
46
+ };
47
+ /**
48
+ * Empty state size
49
+ */
50
+ size?: 'lg' | 'sm';
51
+ /**
52
+ * Empty state subtitle
53
+ */
54
+ subtitle?: string | React.ReactNode;
55
+ /**
56
+ * Empty state title
57
+ */
58
+ title: string | React.ReactNode;
59
+ }
1
60
  /**
2
61
  * The `EmptyState` component follows the Carbon guidelines for empty states with some added specifications around illustration usage. For additional usage guidelines and documentation please refer to the links above.
3
62
  */
4
- export let NoDataEmptyState: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
5
- import React from 'react';
63
+ export declare let NoDataEmptyState: React.ForwardRefExoticComponent<NoDataEmptyStateProps & React.RefAttributes<HTMLDivElement>>;
64
+ export {};
@@ -30,7 +30,6 @@ var _excluded = ["action", "className", "illustrationPosition", "illustrationThe
30
30
  // The block part of our conventional BEM class names (blockClass__E--M).
31
31
  var blockClass = "".concat(settings.pkg.prefix, "--empty-state");
32
32
  var componentName = 'NoDataEmptyState';
33
-
34
33
  /**
35
34
  * The `EmptyState` component follows the Carbon guidelines for empty states with some added specifications around illustration usage. For additional usage guidelines and documentation please refer to the links above.
36
35
  */
@@ -59,7 +58,7 @@ exports.NoDataEmptyState = /*#__PURE__*/React__default["default"].forwardRef(fun
59
58
  link: link,
60
59
  size: size,
61
60
  subtitle: subtitle,
62
- title: title
61
+ title: title || ''
63
62
  }));
64
63
  });
65
64
 
@@ -1,5 +1,64 @@
1
+ /**
2
+ * Copyright IBM Corp. 2020, 2021
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
+ /// <reference path="../../../../src/custom-typings/index.d.ts" />
8
+ import React, { ReactNode } from 'react';
9
+ import { ButtonProps } from '@carbon/react';
10
+ import { CarbonIconType } from '@carbon/icons-react/lib/CarbonIcon';
11
+ interface NoTagsEmptyStateProps {
12
+ /**
13
+ * Empty state action button
14
+ */
15
+ action?: {
16
+ kind?: 'primary' | 'secondary' | 'tertiary';
17
+ renderIcon?: CarbonIconType;
18
+ onClick?: ButtonProps['onClick'];
19
+ text?: string;
20
+ };
21
+ /**
22
+ * Provide an optional class to be applied to the containing node.
23
+ */
24
+ className?: string;
25
+ /**
26
+ * The alt text for empty state svg images. If not provided , title will be used.
27
+ */
28
+ illustrationDescription?: string;
29
+ /**
30
+ * Designates the position of the illustration relative to the content
31
+ */
32
+ illustrationPosition?: 'top' | 'right' | 'bottom' | 'left';
33
+ /**
34
+ * Empty state illustration theme variations.
35
+ * To ensure you use the correct themed illustrations, you can conditionally specify light or dark
36
+ * based on your app's current theme value. Example:
37
+ * `illustrationTheme={appTheme === ('carbon--g100' || 'carbon--g90') ? 'dark' : 'light'}`
38
+ */
39
+ illustrationTheme?: 'light' | 'dark';
40
+ /**
41
+ * Empty state link object
42
+ */
43
+ link?: {
44
+ text?: string | ReactNode;
45
+ href?: string;
46
+ };
47
+ /**
48
+ * Empty state size
49
+ */
50
+ size?: 'lg' | 'sm';
51
+ /**
52
+ * Empty state subtitle
53
+ */
54
+ subtitle?: string | ReactNode;
55
+ /**
56
+ * Empty state title
57
+ */
58
+ title: string | ReactNode;
59
+ }
1
60
  /**
2
61
  * The `EmptyState` component follows the Carbon guidelines for empty states with some added specifications around illustration usage. For additional usage guidelines and documentation please refer to the links above.
3
62
  */
4
- export let NoTagsEmptyState: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
5
- import React from 'react';
63
+ export declare let NoTagsEmptyState: React.ForwardRefExoticComponent<NoTagsEmptyStateProps & React.RefAttributes<HTMLDivElement>>;
64
+ export {};
@@ -26,11 +26,9 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
26
26
  var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
27
27
 
28
28
  var _excluded = ["action", "className", "illustrationPosition", "illustrationTheme", "illustrationDescription", "link", "size", "subtitle", "title"];
29
-
30
29
  // The block part of our conventional BEM class names (blockClass__E--M).
31
30
  var blockClass = "".concat(settings.pkg.prefix, "--empty-state");
32
31
  var componentName = 'NoTagsEmptyState';
33
-
34
32
  /**
35
33
  * The `EmptyState` component follows the Carbon guidelines for empty states with some added specifications around illustration usage. For additional usage guidelines and documentation please refer to the links above.
36
34
  */
@@ -59,7 +57,7 @@ exports.NoTagsEmptyState = /*#__PURE__*/React__default["default"].forwardRef(fun
59
57
  link: link,
60
58
  size: size,
61
59
  subtitle: subtitle,
62
- title: title
60
+ title: title = ''
63
61
  }));
64
62
  });
65
63
 
@@ -1,5 +1,64 @@
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
+ /// <reference path="../../../../src/custom-typings/index.d.ts" />
8
+ import React, { ReactNode } from 'react';
9
+ import { ButtonProps } from '@carbon/react';
10
+ import { CarbonIconType } from '@carbon/icons-react/lib/CarbonIcon';
11
+ interface NotFoundEmptyStateProps {
12
+ /**
13
+ * Empty state action button
14
+ */
15
+ action?: {
16
+ kind?: 'primary' | 'secondary' | 'tertiary';
17
+ renderIcon?: CarbonIconType;
18
+ onClick?: ButtonProps['onClick'];
19
+ text?: string;
20
+ };
21
+ /**
22
+ * Provide an optional class to be applied to the containing node.
23
+ */
24
+ className?: string;
25
+ /**
26
+ * The alt text for empty state svg images. If not provided , title will be used.
27
+ */
28
+ illustrationDescription?: string;
29
+ /**
30
+ * Designates the position of the illustration relative to the content
31
+ */
32
+ illustrationPosition?: 'top' | 'right' | 'bottom' | 'left';
33
+ /**
34
+ * Empty state illustration theme variations.
35
+ * To ensure you use the correct themed illustrations, you can conditionally specify light or dark
36
+ * based on your app's current theme value. Example:
37
+ * `illustrationTheme={appTheme === ('carbon--g100' || 'carbon--g90') ? 'dark' : 'light'}`
38
+ */
39
+ illustrationTheme?: 'light' | 'dark';
40
+ /**
41
+ * Empty state link object
42
+ */
43
+ link?: {
44
+ text?: string | ReactNode;
45
+ href?: string;
46
+ };
47
+ /**
48
+ * Empty state size
49
+ */
50
+ size?: 'lg' | 'sm';
51
+ /**
52
+ * Empty state subtitle
53
+ */
54
+ subtitle: string | ReactNode;
55
+ /**
56
+ * Empty state title
57
+ */
58
+ title: string | ReactNode;
59
+ }
1
60
  /**
2
61
  * The `EmptyState` component follows the Carbon guidelines for empty states with some added specifications around illustration usage. For additional usage guidelines and documentation please refer to the links above.
3
62
  */
4
- export let NotFoundEmptyState: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
5
- import React from 'react';
63
+ export declare let NotFoundEmptyState: React.ForwardRefExoticComponent<NotFoundEmptyStateProps & React.RefAttributes<HTMLDivElement>>;
64
+ export {};
@@ -26,11 +26,9 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
26
26
  var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
27
27
 
28
28
  var _excluded = ["action", "className", "illustrationPosition", "illustrationTheme", "illustrationDescription", "link", "size", "subtitle", "title"];
29
-
30
29
  // The block part of our conventional BEM class names (blockClass__E--M).
31
30
  var blockClass = "".concat(settings.pkg.prefix, "--empty-state");
32
31
  var componentName = 'NotFoundEmptyState';
33
-
34
32
  /**
35
33
  * The `EmptyState` component follows the Carbon guidelines for empty states with some added specifications around illustration usage. For additional usage guidelines and documentation please refer to the links above.
36
34
  */
@@ -59,7 +57,7 @@ exports.NotFoundEmptyState = /*#__PURE__*/React__default["default"].forwardRef(f
59
57
  link: link,
60
58
  size: size,
61
59
  subtitle: subtitle,
62
- title: title
60
+ title: title || ''
63
61
  }));
64
62
  });
65
63
 
@@ -1,5 +1,64 @@
1
+ /**
2
+ * Copyright IBM Corp. 2020, 2021
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
+ /// <reference path="../../../../src/custom-typings/index.d.ts" />
8
+ import React, { ReactNode } from 'react';
9
+ import { ButtonProps } from '@carbon/react';
10
+ import { CarbonIconType } from '@carbon/icons-react/lib/CarbonIcon';
11
+ interface UnauthorizedEmptyStateProps {
12
+ /**
13
+ * Empty state action button
14
+ */
15
+ action?: {
16
+ kind?: 'primary' | 'secondary' | 'tertiary';
17
+ renderIcon?: CarbonIconType;
18
+ onClick?: ButtonProps['onClick'];
19
+ text?: string;
20
+ };
21
+ /**
22
+ * Provide an optional class to be applied to the containing node.
23
+ */
24
+ className?: string;
25
+ /**
26
+ * The alt text for empty state svg images. If not provided , title will be used.
27
+ */
28
+ illustrationDescription?: string;
29
+ /**
30
+ * Designates the position of the illustration relative to the content
31
+ */
32
+ illustrationPosition?: 'top' | 'right' | 'bottom' | 'left';
33
+ /**
34
+ * Empty state illustration theme variations.
35
+ * To ensure you use the correct themed illustrations, you can conditionally specify light or dark
36
+ * based on your app's current theme value. Example:
37
+ * `illustrationTheme={appTheme === ('carbon--g100' || 'carbon--g90') ? 'dark' : 'light'}`
38
+ */
39
+ illustrationTheme?: 'light' | 'dark';
40
+ /**
41
+ * Empty state link object
42
+ */
43
+ link?: {
44
+ text?: string | ReactNode;
45
+ href?: string;
46
+ };
47
+ /**
48
+ * Empty state size
49
+ */
50
+ size?: 'lg' | 'sm';
51
+ /**
52
+ * Empty state subtitle
53
+ */
54
+ subtitle: string | ReactNode;
55
+ /**
56
+ * Empty state title
57
+ */
58
+ title: string | ReactNode;
59
+ }
1
60
  /**
2
61
  * The `EmptyState` component follows the Carbon guidelines for empty states with some added specifications around illustration usage. For additional usage guidelines and documentation please refer to the links above.
3
62
  */
4
- export let UnauthorizedEmptyState: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
5
- import React from 'react';
63
+ export declare let UnauthorizedEmptyState: React.ForwardRefExoticComponent<UnauthorizedEmptyStateProps & React.RefAttributes<HTMLDivElement>>;
64
+ export {};
@@ -30,7 +30,6 @@ var _excluded = ["action", "className", "illustrationPosition", "illustrationThe
30
30
  // The block part of our conventional BEM class names (blockClass__E--M).
31
31
  var blockClass = "".concat(settings.pkg.prefix, "--empty-state");
32
32
  var componentName = 'UnauthorizedEmptyState';
33
-
34
33
  /**
35
34
  * The `EmptyState` component follows the Carbon guidelines for empty states with some added specifications around illustration usage. For additional usage guidelines and documentation please refer to the links above.
36
35
  */
@@ -59,7 +58,7 @@ exports.UnauthorizedEmptyState = /*#__PURE__*/React__default["default"].forwardR
59
58
  link: link,
60
59
  size: size,
61
60
  subtitle: subtitle,
62
- title: title
61
+ title: title || ''
63
62
  }));
64
63
  });
65
64
 
@@ -1,5 +1,113 @@
1
+ /// <reference path="../../../src/custom-typings/index.d.ts" />
2
+ import React, { ReactNode } from 'react';
3
+ import { ComposedModal } from '@carbon/react';
4
+ type InputType = 'text' | 'password';
5
+ type PreformattedExtensions = {
6
+ extension?: string;
7
+ description?: string;
8
+ };
9
+ interface RemoveModalProps extends React.ComponentProps<typeof ComposedModal> {
10
+ /**
11
+ * Body content for the modal
12
+ */
13
+ body?: string;
14
+ /**
15
+ * Optional class name
16
+ */
17
+ className?: string;
18
+ /**
19
+ * specify if an error occurred
20
+ */
21
+ error?: boolean;
22
+ /**
23
+ * messaging to display in the event of an error
24
+ */
25
+ errorMessage?: string;
26
+ /**
27
+ * name of the file being exported
28
+ */
29
+ filename: string;
30
+ /**
31
+ * label text that's displayed when hovering over visibility toggler to hide key
32
+ */
33
+ hidePasswordLabel?: string;
34
+ /**
35
+ * label for the text input
36
+ */
37
+ inputLabel?: string;
38
+ /**
39
+ * specify the type of text input
40
+ */
41
+ inputType: InputType;
42
+ /**
43
+ * text for an invalid input
44
+ */
45
+ invalidInputText?: string;
46
+ /**
47
+ * specify if the modal is in a loading state
48
+ */
49
+ loading?: boolean;
50
+ /**
51
+ * message to display during the loading state
52
+ */
53
+ loadingMessage?: string;
54
+ /**
55
+ * Specify a handler for closing modal
56
+ */
57
+ onClose?: () => void;
58
+ /**
59
+ * Specify a handler for "submitting" modal. Returns the file name
60
+ */
61
+ onRequestSubmit?: (value?: string) => void;
62
+ /**
63
+ * Specify whether the Modal is currently open
64
+ */
65
+ open?: boolean;
66
+ /**
67
+ * The DOM node the tearsheet should be rendered within. Defaults to document.body.
68
+ */
69
+ portalTarget?: ReactNode;
70
+ /**
71
+ * Array of extensions to display as radio buttons
72
+ */
73
+ preformattedExtensions: readonly PreformattedExtensions[];
74
+ /**
75
+ * Label for the preformatted label form group
76
+ */
77
+ preformattedExtensionsLabel?: string;
78
+ /**
79
+ * Specify the text for the primary button
80
+ */
81
+ primaryButtonText: string;
82
+ /**
83
+ * Specify the text for the secondary button
84
+ */
85
+ secondaryButtonText: string;
86
+ /**
87
+ * label text that's displayed when hovering over visibility toggler to show key
88
+ */
89
+ showPasswordLabel?: string;
90
+ /**
91
+ * messaging to display if the export was successful
92
+ */
93
+ successMessage?: string;
94
+ /**
95
+ * specify if the export was successful
96
+ */
97
+ successful?: boolean;
98
+ /**
99
+ * The text displayed at the top of the modal
100
+ */
101
+ title: string;
102
+ /**
103
+ * array of valid extensions the file can have
104
+ */
105
+ validExtensions: readonly any[];
106
+ }
1
107
  /**
2
108
  * Modal dialog version of the export pattern
3
109
  */
4
- export let ExportModal: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
5
- import React from 'react';
110
+ export declare let ExportModal: React.ForwardRefExoticComponent<RemoveModalProps & {
111
+ children?: React.ReactNode;
112
+ } & React.RefAttributes<unknown>>;
113
+ export {};
@@ -35,7 +35,6 @@ var defaults = {
35
35
  preformattedExtensions: Object.freeze([]),
36
36
  validExtensions: Object.freeze([])
37
37
  };
38
-
39
38
  /**
40
39
  * Modal dialog version of the export pattern
41
40
  */
@@ -48,7 +47,7 @@ exports.ExportModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
48
47
  hidePasswordLabel = _ref.hidePasswordLabel,
49
48
  inputLabel = _ref.inputLabel,
50
49
  _ref$inputType = _ref.inputType,
51
- inputType = _ref$inputType === void 0 ? defaults.inputType : _ref$inputType,
50
+ inputType = _ref$inputType === void 0 ? 'text' : _ref$inputType,
52
51
  invalidInputText = _ref.invalidInputText,
53
52
  loading = _ref.loading,
54
53
  loadingMessage = _ref.loadingMessage,
@@ -85,7 +84,10 @@ exports.ExportModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
85
84
  React.useEffect(function () {
86
85
  var _preformattedExtensio;
87
86
  setName(filename);
88
- setExtension(preformattedExtensions === null || preformattedExtensions === void 0 || (_preformattedExtensio = preformattedExtensions[0]) === null || _preformattedExtensio === void 0 ? void 0 : _preformattedExtensio.extension);
87
+ if (preformattedExtensions && preformattedExtensions.length > 0 && (_preformattedExtensio = preformattedExtensions[0]) !== null && _preformattedExtensio !== void 0 && _preformattedExtensio.extension) {
88
+ var _preformattedExtensio2;
89
+ setExtension(preformattedExtensions === null || preformattedExtensions === void 0 || (_preformattedExtensio2 = preformattedExtensions[0]) === null || _preformattedExtensio2 === void 0 ? void 0 : _preformattedExtensio2.extension);
90
+ }
89
91
  }, [filename, preformattedExtensions, open]);
90
92
  var onNameChangeHandler = function onNameChangeHandler(evt) {
91
93
  setName(evt.target.value);
@@ -98,7 +100,7 @@ exports.ExportModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
98
100
  };
99
101
  var onSubmitHandler = function onSubmitHandler() {
100
102
  var returnName = extension ? "".concat(filename, ".").concat(extension.toLocaleLowerCase()) : name;
101
- onRequestSubmit(returnName);
103
+ onRequestSubmit && onRequestSubmit(returnName);
102
104
  };
103
105
  var hasInvalidExtension = function hasInvalidExtension() {
104
106
  if (!dirtyInput || !validExtensions || !validExtensions.length) {
@@ -195,6 +197,7 @@ exports.ExportModal.propTypes = {
195
197
  /**
196
198
  * Body content for the modal
197
199
  */
200
+ /**@ts-ignore*/
198
201
  body: index["default"].string,
199
202
  /**
200
203
  * Optional class name
@@ -223,6 +226,7 @@ exports.ExportModal.propTypes = {
223
226
  /**
224
227
  * specify the type of text input
225
228
  */
229
+ /**@ts-ignore */
226
230
  inputType: index["default"].oneOf(['text', 'password']),
227
231
  /**
228
232
  * text for an invalid input
@@ -255,6 +259,7 @@ exports.ExportModal.propTypes = {
255
259
  /**
256
260
  * Array of extensions to display as radio buttons
257
261
  */
262
+ /**@ts-ignore */
258
263
  preformattedExtensions: index["default"].arrayOf(index["default"].shape({
259
264
  extension: index["default"].string,
260
265
  description: index["default"].string
@@ -290,6 +295,7 @@ exports.ExportModal.propTypes = {
290
295
  /**
291
296
  * array of valid extensions the file can have
292
297
  */
298
+ /**@ts-ignore */
293
299
  validExtensions: index["default"].array
294
300
  };
295
301
  exports.ExportModal.displayName = componentName;
@@ -64,7 +64,7 @@ exports.FilterPanelAccordion = settings.pkg.checkComponentEnabled(exports.Filter
64
64
  exports.FilterPanelAccordion.displayName = componentName;
65
65
  exports.FilterPanelAccordion.propTypes = {
66
66
  /**
67
- * Props specific to the internal `Accordion`.
67
+ * Props specific to the internal `Accordion` component.
68
68
  */
69
69
  accordionProps: index["default"].shape({}),
70
70
  /**
@@ -71,7 +71,7 @@ exports.FilterPanelAccordionItem = settings.pkg.checkComponentEnabled(exports.Fi
71
71
  exports.FilterPanelAccordionItem.displayName = componentName;
72
72
  exports.FilterPanelAccordionItem.propTypes = {
73
73
  /**
74
- * Props specific to the internal `AccordionItem`.
74
+ * Props specific to the internal `AccordionItem` component.
75
75
  */
76
76
  accordionItemProps: index["default"].shape({}),
77
77
  /**
@@ -95,7 +95,7 @@ exports.FilterPanelAccordionItem.propTypes = {
95
95
  */
96
96
  title: index["default"].string,
97
97
  /**
98
- * Props specific to the internal `TruncatedList`.
98
+ * Props specific to the internal `TruncatedList` component.
99
99
  */
100
100
  truncatedListProps: index["default"].shape({})
101
101
  };
@@ -1,5 +1,10 @@
1
1
  /**
2
2
  * Provides a checkbox, label, and count.
3
+ *
4
+ * This component is returning Carbon's Checkbox.
5
+ *
6
+ * All of Carbon Checkbox's props are directly available
7
+ * through "...rest", including id, onClick, etc.
3
8
  */
4
9
  export let FilterPanelCheckbox: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
5
10
  import React from 'react';