@eccenca/gui-elements 23.0.0 → 23.1.0-easynav.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 (274) hide show
  1. package/CHANGELOG.md +35 -1
  2. package/README.md +7 -0
  3. package/dist/cjs/cmem/ActivityControl/ActivityControlWidget.js.map +1 -1
  4. package/dist/cjs/cmem/react-flow/ReactFlow/ReactFlow.js +7 -2
  5. package/dist/cjs/cmem/react-flow/ReactFlow/ReactFlow.js.map +1 -1
  6. package/dist/cjs/cmem/react-flow/StickyNoteModal/StickyNoteModal.js +3 -7
  7. package/dist/cjs/cmem/react-flow/StickyNoteModal/StickyNoteModal.js.map +1 -1
  8. package/dist/cjs/cmem/react-flow/extensions/scrollOnDragHook.js +200 -0
  9. package/dist/cjs/cmem/react-flow/extensions/scrollOnDragHook.js.map +1 -0
  10. package/dist/cjs/common/Intent/index.js +7 -3
  11. package/dist/cjs/common/Intent/index.js.map +1 -1
  12. package/dist/cjs/common/utils/characters.js +82 -0
  13. package/dist/cjs/common/utils/characters.js.map +1 -0
  14. package/dist/cjs/components/Application/ApplicationTitle.js +2 -2
  15. package/dist/cjs/components/Application/ApplicationTitle.js.map +1 -1
  16. package/dist/cjs/components/Badge/Badge.js +44 -0
  17. package/dist/cjs/components/Badge/Badge.js.map +1 -0
  18. package/dist/cjs/components/Depiction/Depiction.js +111 -0
  19. package/dist/cjs/components/Depiction/Depiction.js.map +1 -0
  20. package/dist/cjs/components/Grid/Grid.js +7 -2
  21. package/dist/cjs/components/Grid/Grid.js.map +1 -1
  22. package/dist/cjs/components/Grid/GridColumn.js +6 -2
  23. package/dist/cjs/components/Grid/GridColumn.js.map +1 -1
  24. package/dist/cjs/components/Grid/GridRow.js +3 -0
  25. package/dist/cjs/components/Grid/GridRow.js.map +1 -1
  26. package/dist/cjs/components/Icon/BaseIcon.js +38 -0
  27. package/dist/cjs/components/Icon/BaseIcon.js.map +1 -0
  28. package/dist/cjs/components/Icon/Icon.js +9 -24
  29. package/dist/cjs/components/Icon/Icon.js.map +1 -1
  30. package/dist/cjs/components/Icon/IconButton.js +8 -1
  31. package/dist/cjs/components/Icon/IconButton.js.map +1 -1
  32. package/dist/cjs/components/Icon/TestIcon.js +35 -0
  33. package/dist/cjs/components/Icon/TestIcon.js.map +1 -0
  34. package/dist/cjs/components/Icon/canonicalIconNames.js +123 -621
  35. package/dist/cjs/components/Icon/canonicalIconNames.js.map +1 -1
  36. package/dist/cjs/components/Icon/index.js +11 -0
  37. package/dist/cjs/components/Icon/index.js.map +1 -0
  38. package/dist/cjs/components/Menu/MenuItem.js +1 -1
  39. package/dist/cjs/components/Menu/MenuItem.js.map +1 -1
  40. package/dist/cjs/components/MultiSelect/MultiSelect.js +56 -23
  41. package/dist/cjs/components/MultiSelect/MultiSelect.js.map +1 -1
  42. package/dist/cjs/components/Notification/Notification.js +10 -2
  43. package/dist/cjs/components/Notification/Notification.js.map +1 -1
  44. package/dist/cjs/components/OverviewItem/OverviewItemDepiction.js +24 -0
  45. package/dist/cjs/components/OverviewItem/OverviewItemDepiction.js.map +1 -1
  46. package/dist/cjs/components/Tag/Tag.js +6 -2
  47. package/dist/cjs/components/Tag/Tag.js.map +1 -1
  48. package/dist/cjs/components/TextField/TextArea.js +4 -2
  49. package/dist/cjs/components/TextField/TextArea.js.map +1 -1
  50. package/dist/cjs/components/TextField/TextField.js +4 -2
  51. package/dist/cjs/components/TextField/TextField.js.map +1 -1
  52. package/dist/cjs/components/TextField/useTextValidation.js +84 -0
  53. package/dist/cjs/components/TextField/useTextValidation.js.map +1 -0
  54. package/dist/cjs/components/Tree/Tree.js.map +1 -1
  55. package/dist/cjs/components/Typography/Highlighter.js.map +1 -1
  56. package/dist/cjs/components/Typography/OverflowText.js.map +1 -1
  57. package/dist/cjs/components/Typography/WhiteSpaceContainer.js +35 -12
  58. package/dist/cjs/components/Typography/WhiteSpaceContainer.js.map +1 -1
  59. package/dist/cjs/components/Typography/index.js +21 -0
  60. package/dist/cjs/components/Typography/index.js.map +1 -0
  61. package/dist/cjs/components/Workspace/WorkspaceContent.js +1 -1
  62. package/dist/cjs/components/Workspace/WorkspaceContent.js.map +1 -1
  63. package/dist/cjs/components/index.js +18 -0
  64. package/dist/cjs/components/index.js.map +1 -0
  65. package/dist/cjs/extensions/react-flow/handles/HandleDefault.js +4 -3
  66. package/dist/cjs/extensions/react-flow/handles/HandleDefault.js.map +1 -1
  67. package/dist/cjs/extensions/react-flow/nodes/NodeContent.js +29 -25
  68. package/dist/cjs/extensions/react-flow/nodes/NodeContent.js.map +1 -1
  69. package/dist/cjs/extensions/react-flow/nodes/NodeDefault.js +2 -2
  70. package/dist/cjs/extensions/react-flow/nodes/NodeDefault.js.map +1 -1
  71. package/dist/cjs/extensions/react-flow/versionsupport.js +3 -0
  72. package/dist/cjs/extensions/react-flow/versionsupport.js.map +1 -0
  73. package/dist/cjs/index.js +7 -17
  74. package/dist/cjs/index.js.map +1 -1
  75. package/dist/esm/cmem/ActivityControl/ActivityControlWidget.js.map +1 -1
  76. package/dist/esm/cmem/react-flow/ReactFlow/ReactFlow.js +7 -2
  77. package/dist/esm/cmem/react-flow/ReactFlow/ReactFlow.js.map +1 -1
  78. package/dist/esm/cmem/react-flow/StickyNoteModal/StickyNoteModal.js +3 -6
  79. package/dist/esm/cmem/react-flow/StickyNoteModal/StickyNoteModal.js.map +1 -1
  80. package/dist/esm/cmem/react-flow/extensions/scrollOnDragHook.js +194 -0
  81. package/dist/esm/cmem/react-flow/extensions/scrollOnDragHook.js.map +1 -0
  82. package/dist/esm/common/Intent/index.js +5 -13
  83. package/dist/esm/common/Intent/index.js.map +1 -1
  84. package/dist/esm/common/utils/characters.js +96 -0
  85. package/dist/esm/common/utils/characters.js.map +1 -0
  86. package/dist/esm/components/Application/ApplicationTitle.js +2 -2
  87. package/dist/esm/components/Application/ApplicationTitle.js.map +1 -1
  88. package/dist/esm/components/Badge/Badge.js +48 -0
  89. package/dist/esm/components/Badge/Badge.js.map +1 -0
  90. package/dist/esm/components/Depiction/Depiction.js +96 -0
  91. package/dist/esm/components/Depiction/Depiction.js.map +1 -0
  92. package/dist/esm/components/Grid/Grid.js +7 -2
  93. package/dist/esm/components/Grid/Grid.js.map +1 -1
  94. package/dist/esm/components/Grid/GridColumn.js +6 -2
  95. package/dist/esm/components/Grid/GridColumn.js.map +1 -1
  96. package/dist/esm/components/Grid/GridRow.js +3 -0
  97. package/dist/esm/components/Grid/GridRow.js.map +1 -1
  98. package/dist/esm/components/Icon/BaseIcon.js +44 -0
  99. package/dist/esm/components/Icon/BaseIcon.js.map +1 -0
  100. package/dist/esm/components/Icon/Icon.js +9 -24
  101. package/dist/esm/components/Icon/Icon.js.map +1 -1
  102. package/dist/esm/components/Icon/IconButton.js +8 -1
  103. package/dist/esm/components/Icon/IconButton.js.map +1 -1
  104. package/dist/esm/components/Icon/TestIcon.js +41 -0
  105. package/dist/esm/components/Icon/TestIcon.js.map +1 -0
  106. package/dist/esm/components/Icon/canonicalIconNames.js +123 -621
  107. package/dist/esm/components/Icon/canonicalIconNames.js.map +1 -1
  108. package/dist/esm/components/Icon/index.js +4 -0
  109. package/dist/esm/components/Icon/index.js.map +1 -0
  110. package/dist/esm/components/Menu/MenuItem.js +1 -1
  111. package/dist/esm/components/Menu/MenuItem.js.map +1 -1
  112. package/dist/esm/components/MultiSelect/MultiSelect.js +61 -44
  113. package/dist/esm/components/MultiSelect/MultiSelect.js.map +1 -1
  114. package/dist/esm/components/Notification/Notification.js +12 -4
  115. package/dist/esm/components/Notification/Notification.js.map +1 -1
  116. package/dist/esm/components/OverviewItem/OverviewItemDepiction.js +24 -0
  117. package/dist/esm/components/OverviewItem/OverviewItemDepiction.js.map +1 -1
  118. package/dist/esm/components/Tag/Tag.js +6 -2
  119. package/dist/esm/components/Tag/Tag.js.map +1 -1
  120. package/dist/esm/components/TextField/TextArea.js +4 -2
  121. package/dist/esm/components/TextField/TextArea.js.map +1 -1
  122. package/dist/esm/components/TextField/TextField.js +4 -2
  123. package/dist/esm/components/TextField/TextField.js.map +1 -1
  124. package/dist/esm/components/TextField/useTextValidation.js +78 -0
  125. package/dist/esm/components/TextField/useTextValidation.js.map +1 -0
  126. package/dist/esm/components/Tree/Tree.js.map +1 -1
  127. package/dist/esm/components/Typography/Highlighter.js.map +1 -1
  128. package/dist/esm/components/Typography/OverflowText.js.map +1 -1
  129. package/dist/esm/components/Typography/WhiteSpaceContainer.js +16 -14
  130. package/dist/esm/components/Typography/WhiteSpaceContainer.js.map +1 -1
  131. package/dist/esm/components/Typography/index.js +12 -0
  132. package/dist/esm/components/Typography/index.js.map +1 -0
  133. package/dist/esm/components/Workspace/WorkspaceContent.js +1 -1
  134. package/dist/esm/components/Workspace/WorkspaceContent.js.map +1 -1
  135. package/dist/esm/components/index.js +6 -0
  136. package/dist/esm/components/index.js.map +1 -0
  137. package/dist/esm/extensions/react-flow/handles/HandleDefault.js +5 -4
  138. package/dist/esm/extensions/react-flow/handles/HandleDefault.js.map +1 -1
  139. package/dist/esm/extensions/react-flow/nodes/NodeContent.js +37 -32
  140. package/dist/esm/extensions/react-flow/nodes/NodeContent.js.map +1 -1
  141. package/dist/esm/extensions/react-flow/nodes/NodeDefault.js +2 -2
  142. package/dist/esm/extensions/react-flow/nodes/NodeDefault.js.map +1 -1
  143. package/dist/esm/extensions/react-flow/versionsupport.js +2 -0
  144. package/dist/esm/extensions/react-flow/versionsupport.js.map +1 -0
  145. package/dist/esm/index.js +5 -10
  146. package/dist/esm/index.js.map +1 -1
  147. package/dist/types/cmem/ActivityControl/ActivityControlWidget.d.ts +2 -1
  148. package/dist/types/cmem/react-flow/ReactFlow/ReactFlow.d.ts +14 -0
  149. package/dist/types/cmem/react-flow/extensions/scrollOnDragHook.d.ts +22 -0
  150. package/dist/types/common/Intent/index.d.ts +4 -3
  151. package/dist/types/common/utils/characters.d.ts +19 -0
  152. package/dist/types/components/Badge/Badge.d.ts +42 -0
  153. package/dist/types/components/Depiction/Depiction.d.ts +71 -0
  154. package/dist/types/components/Grid/Grid.d.ts +21 -2
  155. package/dist/types/components/Grid/GridColumn.d.ts +21 -3
  156. package/dist/types/components/Grid/GridRow.d.ts +18 -2
  157. package/dist/types/components/Icon/BaseIcon.d.ts +45 -0
  158. package/dist/types/components/Icon/Icon.d.ts +7 -34
  159. package/dist/types/components/Icon/IconButton.d.ts +3 -2
  160. package/dist/types/components/Icon/TestIcon.d.ts +20 -0
  161. package/dist/types/components/Icon/canonicalIconNames.d.ts +9 -7
  162. package/dist/types/components/Icon/index.d.ts +4 -0
  163. package/dist/types/components/Menu/MenuItem.d.ts +2 -1
  164. package/dist/types/components/MultiSelect/MultiSelect.d.ts +3 -1
  165. package/dist/types/components/Notification/Notification.d.ts +13 -4
  166. package/dist/types/components/Tabs/Tab.d.ts +2 -0
  167. package/dist/types/components/Tag/Tag.d.ts +16 -3
  168. package/dist/types/components/TextField/TextArea.d.ts +7 -2
  169. package/dist/types/components/TextField/TextField.d.ts +6 -1
  170. package/dist/types/components/TextField/useTextValidation.d.ts +28 -0
  171. package/dist/types/components/Tree/Tree.d.ts +2 -1
  172. package/dist/types/components/Typography/Highlighter.d.ts +2 -2
  173. package/dist/types/components/Typography/OverflowText.d.ts +2 -2
  174. package/dist/types/components/Typography/WhiteSpaceContainer.d.ts +45 -4
  175. package/dist/types/components/Typography/index.d.ts +12 -0
  176. package/dist/types/components/index.d.ts +5 -0
  177. package/dist/types/extensions/react-flow/handles/HandleDefault.d.ts +11 -3
  178. package/dist/types/extensions/react-flow/nodes/NodeContent.d.ts +16 -6
  179. package/dist/types/extensions/react-flow/nodes/NodeDefault.d.ts +2 -1
  180. package/dist/types/extensions/react-flow/versionsupport.d.ts +6 -0
  181. package/dist/types/index.d.ts +6 -11
  182. package/package.json +14 -16
  183. package/scripts/compile-sass.ts +9 -1
  184. package/src/_shame.scss +1 -1
  185. package/src/cmem/ActivityControl/ActivityControlWidget.stories.tsx +6 -4
  186. package/src/cmem/ActivityControl/ActivityControlWidget.tsx +3 -2
  187. package/src/cmem/react-flow/ReactFlow/ReactFlow.tsx +26 -1
  188. package/src/cmem/react-flow/StickyNoteModal/StickyNoteModal.tsx +10 -6
  189. package/src/cmem/react-flow/extensions/scrollOnDragHook.ts +247 -0
  190. package/src/common/Intent/index.ts +16 -12
  191. package/src/common/utils/characters.ts +111 -0
  192. package/src/components/Accordion/accordion.scss +4 -3
  193. package/src/components/Application/ApplicationTitle.tsx +2 -2
  194. package/src/components/Application/_config.scss +1 -1
  195. package/src/components/Application/_content.scss +1 -1
  196. package/src/components/Application/_header.scss +2 -2
  197. package/src/components/Application/_sidebar.scss +2 -9
  198. package/src/components/Application/_toolbar.scss +1 -1
  199. package/src/components/Application/application.scss +4 -4
  200. package/src/components/AutocompleteField/autoCompleteFieldUtils.tsx +13 -8
  201. package/src/components/Badge/Badge.stories.tsx +47 -0
  202. package/src/components/Badge/Badge.tsx +93 -0
  203. package/src/components/Badge/badge.scss +44 -0
  204. package/src/components/Depiction/Depiction.tsx +198 -0
  205. package/src/components/Depiction/depiction.scss +176 -0
  206. package/src/components/Depiction/stories/Depiction.stories.tsx +69 -0
  207. package/src/components/Depiction/stories/test-16to9.png +0 -0
  208. package/src/components/Depiction/stories/test-16to9.svg +41 -0
  209. package/src/components/Depiction/stories/test-16to9.tobase64.svg +41 -0
  210. package/src/components/Depiction/stories/test-16to9.tsx +44 -0
  211. package/src/components/Depiction/stories/test-9to16.png +0 -0
  212. package/src/components/Depiction/stories/test-9to16.svg +44 -0
  213. package/src/components/Depiction/stories/test-9to16.tobase64.svg +44 -0
  214. package/src/components/Depiction/stories/test-9to16.tsx +48 -0
  215. package/src/components/Grid/Grid.tsx +22 -4
  216. package/src/components/Grid/GridColumn.tsx +24 -7
  217. package/src/components/Grid/GridRow.tsx +18 -3
  218. package/src/components/Grid/grid.scss +14 -13
  219. package/src/components/Grid/stories/Grid.stories.tsx +27 -0
  220. package/src/components/Grid/stories/GridColumn.stories.tsx +66 -0
  221. package/src/components/Grid/stories/GridRow.stories.tsx +47 -0
  222. package/src/components/Icon/BaseIcon.tsx +84 -0
  223. package/src/components/Icon/Icon.tsx +23 -82
  224. package/src/components/Icon/IconButton.tsx +18 -14
  225. package/src/components/Icon/TestIcon.tsx +39 -0
  226. package/src/components/Icon/canonicalIconNames.tsx +132 -633
  227. package/src/components/Icon/index.ts +5 -0
  228. package/src/components/Icon/stories/Icon.stories.tsx +13 -0
  229. package/src/components/Icon/stories/IconButton.stories.tsx +14 -7
  230. package/src/components/Icon/stories/TestIcon.stories.tsx +28 -0
  231. package/src/components/Link/link.scss +2 -1
  232. package/src/components/Menu/MenuItem.tsx +14 -4
  233. package/src/components/Menu/Stories/MenuItem.stories.tsx +16 -2
  234. package/src/components/MultiSelect/MultiSelect.tsx +58 -27
  235. package/src/components/Notification/Notification.stories.tsx +4 -0
  236. package/src/components/Notification/Notification.tsx +26 -6
  237. package/src/components/OverviewItem/OverviewItemDepiction.tsx +31 -0
  238. package/src/components/OverviewItem/overviewitem.scss +2 -1
  239. package/src/components/OverviewItem/stories/OverviewItem.stories.tsx +22 -1
  240. package/src/components/OverviewItem/stories/OverviewItemDepiction.stories.tsx +8 -3
  241. package/src/components/Pagination/pagination.scss +3 -2
  242. package/src/components/SimpleTable/simpletable.scss +11 -12
  243. package/src/components/Tag/Tag.stories.tsx +7 -2
  244. package/src/components/Tag/Tag.tsx +24 -4
  245. package/src/components/Tag/tag.scss +84 -3
  246. package/src/components/TagInput/taginput.scss +6 -0
  247. package/src/components/TextField/TextArea.tsx +10 -1
  248. package/src/components/TextField/TextField.tsx +9 -0
  249. package/src/components/TextField/stories/SearchField.stories.tsx +1 -1
  250. package/src/components/TextField/textfield.scss +12 -0
  251. package/src/components/TextField/useTextValidation.ts +103 -0
  252. package/src/components/Tooltip/tooltip.scss +1 -1
  253. package/src/components/Tree/Tree.stories.tsx +7 -1
  254. package/src/components/Tree/Tree.tsx +2 -1
  255. package/src/components/Typography/Highlighter.tsx +2 -2
  256. package/src/components/Typography/OverflowText.tsx +2 -2
  257. package/src/components/Typography/WhiteSpaceContainer.tsx +69 -21
  258. package/src/components/Typography/index.ts +25 -0
  259. package/src/components/Typography/stories/WhiteSpaceContainer.stories.tsx +55 -0
  260. package/src/components/Typography/typography.scss +3 -2
  261. package/src/components/Workspace/WorkspaceContent.tsx +1 -1
  262. package/src/components/index.scss +5 -0
  263. package/src/components/index.ts +5 -0
  264. package/src/extensions/react-flow/handles/HandleDefault.tsx +31 -10
  265. package/src/extensions/react-flow/nodes/NodeContent.tsx +69 -39
  266. package/src/extensions/react-flow/nodes/NodeDefault.tsx +4 -2
  267. package/src/extensions/react-flow/nodes/_nodes.scss +13 -7
  268. package/src/extensions/react-flow/nodes/stories/NodeContent.stories.tsx +5 -0
  269. package/src/extensions/react-flow/versionsupport.ts +6 -0
  270. package/src/includes/carbon-components/_components.scss +11 -0
  271. package/src/includes/carbon-components/_requisits.scss +18 -0
  272. package/src/includes/carbon-components/_variables.scss +50 -53
  273. package/src/index.scss +4 -105
  274. package/src/index.ts +6 -16
@@ -0,0 +1,44 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ var __rest = (this && this.__rest) || function (s, e) {
13
+ var t = {};
14
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
+ t[p] = s[p];
16
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
+ t[p[i]] = s[p[i]];
20
+ }
21
+ return t;
22
+ };
23
+ import React from "react";
24
+ import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
25
+ import Tooltip from "./../Tooltip/Tooltip.js";
26
+ /**
27
+ * The base icon provides the basic functionality that is necessary to wrap the Carbon icon component.
28
+ */
29
+ function BaseIcon(_a) {
30
+ var iconComponent = _a.iconComponent, _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.large, large = _c === void 0 ? false : _c, _d = _a.small, small = _d === void 0 ? false : _d, tooltipText = _a.tooltipText, tooltipProps = _a.tooltipProps, intent = _a.intent, description = _a.description, restProps = __rest(_a, ["iconComponent", "className", "large", "small", "tooltipText", "tooltipProps", "intent", "description"]);
31
+ var sizeConfig = { height: 20, width: 20, size: 20 };
32
+ if (small)
33
+ sizeConfig = { height: 16, width: 16, size: 16 };
34
+ if (large)
35
+ sizeConfig = { height: 32, width: 32, size: 32 };
36
+ var CarbonIconNamed = iconComponent;
37
+ var icon = (React.createElement(CarbonIconNamed, __assign({}, restProps, sizeConfig, { description: description !== null && description !== void 0 ? description : (tooltipText !== null && tooltipText !== void 0 ? tooltipText : ""), className: eccgui + "-icon" +
38
+ (intent ? " " + eccgui + "-intent--" + intent : "") +
39
+ (!!className ? " " + className : "") })));
40
+ return tooltipText ? (React.createElement(Tooltip, __assign({ content: tooltipText }, tooltipProps),
41
+ React.createElement("span", null, icon))) : (icon);
42
+ }
43
+ export default BaseIcon;
44
+ //# sourceMappingURL=BaseIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BaseIcon.js","sourceRoot":"","sources":["../../../../src/components/Icon/BaseIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAEtE,OAAO,OAAyB,MAAM,sBAAsB,CAAC;AAuC7D;;GAEG;AACH,SAAS,QAAQ,CAAC,EAUF;IATZ,IAAA,aAAa,mBAAA,EACb,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,MAAM,YAAA,EACN,WAAW,iBAAA,EACR,SAAS,cATE,wGAUjB,CADe;IAEZ,IAAI,UAAU,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;IACrD,IAAI,KAAK;QAAE,UAAU,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;IAC5D,IAAI,KAAK;QAAE,UAAU,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;IAC5D,IAAM,eAAe,GAAG,aAAa,CAAC;IAEtC,IAAM,IAAI,GAAG,CACT,oBAAC,eAAe,eACR,SAAS,EACT,UAAU,IACd,WAAW,EAAG,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,CAAC,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE,CAAC,EAChD,SAAS,EACF,MAAM,UAAO;YAChB,CAAC,MAAM,CAAC,CAAC,CAAC,MAAI,MAAM,iBAAY,MAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;YAC9C,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAI,SAAW,CAAC,CAAC,CAAC,EAAE,CAAC,IAE1C,CACL,CAAC;IACF,OAAO,WAAW,CAAC,CAAC,CAAC,CACjB,oBAAC,OAAO,aAAC,OAAO,EAAE,WAAW,IAAM,YAAY;QAC3C,kCAAO,IAAI,CAAQ,CACb,CACb,CAAC,CAAC,CAAC,CACA,IAAI,CACP,CAAC;AACN,CAAC;AAED,eAAe,QAAQ,CAAC"}
@@ -46,13 +46,12 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
46
46
  return to.concat(ar || Array.prototype.slice.call(from));
47
47
  };
48
48
  import React from "react";
49
- import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
50
- import Tooltip from "./../Tooltip/Tooltip.js";
49
+ import BaseIcon from "./BaseIcon.js";
51
50
  import canonicalIcons from "./canonicalIconNames.js";
52
51
  /** Returns the first icon that exists or the fallback icon. */
53
52
  var findExistingIcon = function (iconName, fallbackItem) {
54
53
  var _a;
55
- if (fallbackItem === void 0) { fallbackItem = canonicalIcons["Undefined"]; }
54
+ if (fallbackItem === void 0) { fallbackItem = canonicalIcons["undefined"]; }
56
55
  if (typeof iconName === "string") {
57
56
  return (_a = canonicalIcons[iconName]) !== null && _a !== void 0 ? _a : fallbackItem;
58
57
  }
@@ -62,7 +61,7 @@ var findExistingIcon = function (iconName, fallbackItem) {
62
61
  };
63
62
  /** Returns the first icon name that exists or the fallback icon name. */
64
63
  export var findExistingIconName = function (iconNames, fallbackIconName) {
65
- if (fallbackIconName === void 0) { fallbackIconName = "Undefined"; }
64
+ if (fallbackIconName === void 0) { fallbackIconName = "undefined"; }
66
65
  var foundIconName = fallbackIconName;
67
66
  var iconNameStack = __spreadArray([], __read(iconNames), false);
68
67
  while (foundIconName === fallbackIconName && iconNameStack.length > 0) {
@@ -73,27 +72,13 @@ export var findExistingIconName = function (iconNames, fallbackIconName) {
73
72
  }
74
73
  return foundIconName;
75
74
  };
75
+ /**
76
+ * The icon provides a graphical symbol that is specified by a canonical name.
77
+ * This name is hard-coded to force a homegenous usage of the [Carbon icon library](https://carbondesignsystem.com/guidelines/icons/library).
78
+ */
76
79
  function Icon(_a) {
77
- var _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.name, name = _c === void 0 ? "undefined" : _c, _d = _a.large, large = _d === void 0 ? false : _d, _e = _a.small, small = _e === void 0 ? false : _e, tooltipText = _a.tooltipText, tooltipProps = _a.tooltipProps, intent = _a.intent, restProps = __rest(_a, ["className", "name", "large", "small", "tooltipText", "tooltipProps", "intent"]);
78
- var sizeConfig = { height: 20, width: 20 };
79
- if (small)
80
- sizeConfig = { height: 16, width: 16 };
81
- if (large)
82
- sizeConfig = { height: 32, width: 32 };
83
- var carbonIcon = findExistingIcon(name);
84
- var CarbonIconSized = carbonIcon.normal;
85
- if (small)
86
- CarbonIconSized = carbonIcon.small;
87
- if (large)
88
- CarbonIconSized = carbonIcon.large;
89
- if (!!tooltipText && !restProps.description) {
90
- restProps['description'] = tooltipText;
91
- }
92
- var icon = (React.createElement(CarbonIconSized, __assign({}, restProps, sizeConfig, { className: eccgui + "-icon " +
93
- (intent ? eccgui + "-intent--" + intent + " " : "") +
94
- className })));
95
- return tooltipText ? (React.createElement(Tooltip, __assign({ content: tooltipText }, tooltipProps),
96
- React.createElement("span", null, icon))) : (icon);
80
+ var name = _a.name, otherBaseIconProps = __rest(_a, ["name"]);
81
+ return React.createElement(BaseIcon, __assign({ iconComponent: findExistingIcon(name) }, otherBaseIconProps));
97
82
  }
98
83
  export default Icon;
99
84
  //# sourceMappingURL=Icon.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAA2B,MAAM,YAAY,CAAC;AACrD,OAAO,cAAiD,MAAM,sBAAsB,CAAA;AAUpF,+DAA+D;AAC/D,IAAM,gBAAgB,GAAG,UACrB,QAAkC,EAClC,YAA0D;;IAA1D,6BAAA,EAAA,eAA+B,cAAc,CAAC,WAAW,CAAC;IAE1D,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;QAC9B,OAAO,MAAA,cAAc,CAAC,QAAQ,CAAC,mCAAI,YAAY,CAAC;KACnD;SAAM;QACH,OAAO,cAAc,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC,CAAC;KACzD;AACL,CAAC,CAAA;AAED,yEAAyE;AACzE,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAChC,SAAmB,EACnB,gBAA6C;IAA7C,iCAAA,EAAA,8BAA6C;IAE7C,IAAI,aAAa,GAAW,gBAAgB,CAAC;IAC7C,IAAM,aAAa,4BAAO,SAAS,SAAC,CAAC;IACrC,OAAO,aAAa,KAAK,gBAAgB,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE;QACnE,IAAI,cAAc,GAAG,aAAa,CAAC,KAAK,EAAE,CAAC;QAC3C,IAAI,cAAc,IAAK,cAAsB,CAAC,cAAc,CAAC,IAAI,IAAI,EAAE;YACnE,aAAa,GAAG,cAAc,CAAC;SAClC;KACJ;IACD,OAAO,aAA8B,CAAC;AAC1C,CAAC,CAAA;AAED;;;GAGG;AACH,SAAS,IAAI,CAAC,EAGF;IAFR,IAAA,IAAI,UAAA,EACD,kBAAkB,cAFX,QAGb,CADwB;IAErB,OAAO,oBAAC,QAAQ,aAAC,aAAa,EAAE,gBAAgB,CAAC,IAAI,CAAC,IAAM,kBAAkB,EAAI,CAAA;AACtF,CAAC;AAED,eAAe,IAAI,CAAC"}
@@ -27,7 +27,14 @@ import Icon from "./Icon.js";
27
27
  /** A button with an icon instead of text. */
28
28
  function IconButton(_a) {
29
29
  var _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.name, name = _c === void 0 ? "undefined" : _c, text = _a.text, tooltipProps = _a.tooltipProps, description = _a.description, _d = _a.tooltipAsTitle, tooltipAsTitle = _d === void 0 ? false : _d, _e = _a.minimal, minimal = _e === void 0 ? true : _e, restProps = __rest(_a, ["className", "name", "text", "tooltipProps", "description", "tooltipAsTitle", "minimal"]);
30
- return (React.createElement(Button, __assign({ title: tooltipAsTitle && text ? text : undefined }, restProps, { icon: React.createElement(Icon, { name: name, small: restProps.small, large: restProps.large, tooltipText: tooltipAsTitle ? undefined : text, tooltipProps: !!tooltipProps ? __assign({ hoverOpenDelay: 1000 }, tooltipProps) : { hoverOpenDelay: 1000 }, description: description ? description : text }), className: eccgui + "-button--icon " + className, minimal: minimal })));
30
+ var iconProps = {
31
+ small: restProps.small,
32
+ large: restProps.large,
33
+ tooltipText: tooltipAsTitle ? undefined : text,
34
+ tooltipProps: !!tooltipProps ? __assign({ hoverOpenDelay: 1000 }, tooltipProps) : { hoverOpenDelay: 1000 },
35
+ description: description ? description : text,
36
+ };
37
+ return (React.createElement(Button, __assign({ title: tooltipAsTitle && text ? text : undefined }, restProps, { icon: (typeof name === "string" || Array.isArray(name)) ? (React.createElement(Icon, __assign({ name: name }, iconProps))) : (React.cloneElement(name, iconProps)), className: eccgui + "-button--icon " + className, minimal: minimal })));
31
38
  }
32
39
  export default IconButton;
33
40
  //# sourceMappingURL=IconButton.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../src/components/Icon/IconButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAA4C,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAC,WAAW,IAAI,MAAM,EAAC,MAAM,+BAA+B,CAAC;AACpE,OAAO,IAAI,MAAM,QAAQ,CAAC;AA6B1B,6CAA6C;AAC7C,SAAS,UAAU,CAAC,EASoB;IARpC,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,YAAkB,EAAlB,IAAI,mBAAG,WAAW,KAAA,EAClB,IAAI,UAAA,EACJ,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,sBAAsB,EAAtB,cAAc,mBAAG,KAAK,KAAA,EACtB,eAAY,EAAZ,OAAO,mBAAC,IAAI,KAAA,EACT,SAAS,cARI,yFASnB,CADe;IAEZ,OAAO,CACH,oBAAC,MAAM,aACH,KAAK,EAAE,cAAc,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,IAC5C,SAAS,IACb,IAAI,EACA,oBAAC,IAAI,IACD,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,SAAS,CAAC,KAAK,EACtB,KAAK,EAAE,SAAS,CAAC,KAAK,EACtB,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EAC9C,YAAY,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC,YAAE,cAAc,EAAE,IAAI,IAAK,YAAY,EAAE,CAAC,CAAC,EAAC,cAAc,EAAE,IAAI,EAAC,EAC/F,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,GAC/C,EAEN,SAAS,EAAK,MAAM,mBAAgB,GAAG,SAAS,EAChD,OAAO,EAAE,OAAO,IAClB,CACL,CAAC;AACN,CAAC;AAED,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../src/components/Icon/IconButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAA4C,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAC,WAAW,IAAI,MAAM,EAAC,MAAM,+BAA+B,CAAC;AACpE,OAAO,IAAI,MAAM,QAAQ,CAAC;AA8B1B,6CAA6C;AAC7C,SAAS,UAAU,CAAC,EASoB;IARpC,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,YAAkB,EAAlB,IAAI,mBAAG,WAAW,KAAA,EAClB,IAAI,UAAA,EACJ,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,sBAAsB,EAAtB,cAAc,mBAAG,KAAK,KAAA,EACtB,eAAY,EAAZ,OAAO,mBAAC,IAAI,KAAA,EACT,SAAS,cARI,yFASnB,CADe;IAEZ,IAAM,SAAS,GAAG;QACd,KAAK,EAAE,SAAS,CAAC,KAAK;QACtB,KAAK,EAAE,SAAS,CAAC,KAAK;QACtB,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI;QAC9C,YAAY,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC,YAAE,cAAc,EAAE,IAAI,IAAK,YAAY,EAAE,CAAC,CAAC,EAAC,cAAc,EAAE,IAAI,EAAC;QAC/F,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI;KAChD,CAAC;IAEF,OAAO,CACH,oBAAC,MAAM,aACH,KAAK,EAAE,cAAc,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,IAC5C,SAAS,IACb,IAAI,EAAE,CAAC,OAAO,IAAI,KAAK,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CACtD,oBAAC,IAAI,aAAC,IAAI,EAAE,IAAI,IAAM,SAAS,EAAI,CACtC,CAAC,CAAC,CAAC,CACA,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,CACtC,EACD,SAAS,EAAK,MAAM,mBAAgB,GAAG,SAAS,EAChD,OAAO,EAAE,OAAO,IAClB,CACL,CAAC;AACN,CAAC;AAED,eAAe,UAAU,CAAC"}
@@ -0,0 +1,41 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ var __rest = (this && this.__rest) || function (s, e) {
13
+ var t = {};
14
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
+ t[p] = s[p];
16
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
+ t[p[i]] = s[p[i]];
20
+ }
21
+ return t;
22
+ };
23
+ import React from "react";
24
+ import BaseIcon from "./BaseIcon.js";
25
+ import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
26
+ /**
27
+ * This component is primarily provided to test icons in a third application without defining them via a canonical name before.
28
+ *
29
+ * Example usage:
30
+ * ```
31
+ * import { LogoReact } from "@carbon/icons-react";
32
+ * const testIcon = <TestIcon tryout={LogoReact} />
33
+ * ```
34
+ */
35
+ function TestIcon(_a) {
36
+ var _b = _a.className, className = _b === void 0 ? "" : _b, tryout = _a.tryout, otherBaseIconProps = __rest(_a, ["className", "tryout"]);
37
+ return (React.createElement(BaseIcon, __assign({ iconComponent: tryout, className: eccgui + "-icon--test" +
38
+ (className ? " " + className : "") }, otherBaseIconProps)));
39
+ }
40
+ export default TestIcon;
41
+ //# sourceMappingURL=TestIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TestIcon.js","sourceRoot":"","sources":["../../../../src/components/Icon/TestIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAA2B,MAAM,YAAY,CAAC;AAErD,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAStE;;;;;;;;GAQG;AACH,SAAS,QAAQ,CAAC,EAIF;IAHZ,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,MAAM,YAAA,EACH,kBAAkB,cAHP,uBAIjB,CADwB;IAErB,OAAO,CACH,oBAAC,QAAQ,aACL,aAAa,EAAE,MAAM,EACrB,SAAS,EACF,MAAM,gBAAa;YACtB,CAAC,SAAS,CAAC,CAAC,CAAC,MAAI,SAAW,CAAC,CAAC,CAAC,EAAE,CAAC,IAElC,kBAAkB,EACxB,CACL,CAAC;AACN,CAAC;AAED,eAAe,QAAQ,CAAC"}