@eccenca/gui-elements 22.1.0 → 23.0.0-rc.2

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 (250) hide show
  1. package/CHANGELOG.md +39 -0
  2. package/README.md +1 -11
  3. package/dist/cjs/cmem/ActivityControl/ActivityControlWidget.js +4 -10
  4. package/dist/cjs/cmem/ActivityControl/ActivityControlWidget.js.map +1 -1
  5. package/dist/cjs/cmem/react-flow/ReactFlow/ReactFlow.js +9 -2
  6. package/dist/cjs/cmem/react-flow/ReactFlow/ReactFlow.js.map +1 -1
  7. package/dist/cjs/cmem/react-flow/configuration/customLabel.js +13 -0
  8. package/dist/cjs/cmem/react-flow/configuration/customLabel.js.map +1 -0
  9. package/dist/cjs/cmem/react-flow/configuration/graph.js +1 -6
  10. package/dist/cjs/cmem/react-flow/configuration/graph.js.map +1 -1
  11. package/dist/cjs/cmem/react-flow/configuration/inverseEdge.js +13 -0
  12. package/dist/cjs/cmem/react-flow/configuration/inverseEdge.js.map +1 -0
  13. package/dist/cjs/cmem/react-flow/configuration/linking.js +1 -6
  14. package/dist/cjs/cmem/react-flow/configuration/linking.js.map +1 -1
  15. package/dist/cjs/cmem/react-flow/configuration/workflow.js +1 -6
  16. package/dist/cjs/cmem/react-flow/configuration/workflow.js.map +1 -1
  17. package/dist/cjs/components/AutoSuggestion/AutoSuggestion.js +19 -19
  18. package/dist/cjs/components/AutoSuggestion/AutoSuggestion.js.map +1 -1
  19. package/dist/cjs/components/AutoSuggestion/AutoSuggestionList.js +4 -12
  20. package/dist/cjs/components/AutoSuggestion/AutoSuggestionList.js.map +1 -1
  21. package/dist/cjs/components/AutocompleteField/AutoCompleteField.js +15 -6
  22. package/dist/cjs/components/AutocompleteField/AutoCompleteField.js.map +1 -1
  23. package/dist/cjs/components/Button/Button.js +2 -2
  24. package/dist/cjs/components/Button/Button.js.map +1 -1
  25. package/dist/cjs/components/ContextOverlay/ContextMenu.js +6 -5
  26. package/dist/cjs/components/ContextOverlay/ContextMenu.js.map +1 -1
  27. package/dist/cjs/components/ContextOverlay/ContextOverlay.js +6 -8
  28. package/dist/cjs/components/ContextOverlay/ContextOverlay.js.map +1 -1
  29. package/dist/cjs/components/Dialog/SimpleDialog.js +9 -4
  30. package/dist/cjs/components/Dialog/SimpleDialog.js.map +1 -1
  31. package/dist/cjs/components/Form/FieldItem.js +2 -2
  32. package/dist/cjs/components/Form/FieldItem.js.map +1 -1
  33. package/dist/cjs/components/Icon/Icon.js +2 -2
  34. package/dist/cjs/components/Icon/Icon.js.map +1 -1
  35. package/dist/cjs/components/Icon/IconButton.js +2 -2
  36. package/dist/cjs/components/Icon/IconButton.js.map +1 -1
  37. package/dist/cjs/components/Icon/canonicalIconNames.js +10 -0
  38. package/dist/cjs/components/Icon/canonicalIconNames.js.map +1 -1
  39. package/dist/cjs/components/Iframe/IframeModal.js +2 -6
  40. package/dist/cjs/components/Iframe/IframeModal.js.map +1 -1
  41. package/dist/cjs/components/Label/Label.js +6 -6
  42. package/dist/cjs/components/Label/Label.js.map +1 -1
  43. package/dist/cjs/components/Menu/MenuItem.js +2 -5
  44. package/dist/cjs/components/Menu/MenuItem.js.map +1 -1
  45. package/dist/cjs/components/MultiSelect/MultiSelect.js +8 -10
  46. package/dist/cjs/components/MultiSelect/MultiSelect.js.map +1 -1
  47. package/dist/cjs/components/Select/Select.js +29 -0
  48. package/dist/cjs/components/Select/Select.js.map +1 -0
  49. package/dist/cjs/components/Tabs/TabTitle.js +2 -4
  50. package/dist/cjs/components/Tabs/TabTitle.js.map +1 -1
  51. package/dist/cjs/components/Tooltip/Tooltip.js +7 -4
  52. package/dist/cjs/components/Tooltip/Tooltip.js.map +1 -1
  53. package/dist/cjs/extensions/codemirror/CodeMirror.js +59 -0
  54. package/dist/cjs/extensions/codemirror/CodeMirror.js.map +1 -0
  55. package/dist/cjs/extensions/index.js +15 -0
  56. package/dist/cjs/extensions/index.js.map +1 -0
  57. package/dist/cjs/extensions/react-flow/edges/EdgeDefault.js +5 -5
  58. package/dist/cjs/extensions/react-flow/edges/EdgeDefault.js.map +1 -1
  59. package/dist/cjs/extensions/react-flow/edges/EdgeTools.js +2 -1
  60. package/dist/cjs/extensions/react-flow/edges/EdgeTools.js.map +1 -1
  61. package/dist/cjs/extensions/react-flow/handles/HandleContent.js +1 -1
  62. package/dist/cjs/extensions/react-flow/handles/HandleContent.js.map +1 -1
  63. package/dist/cjs/extensions/react-flow/index.js +5 -1
  64. package/dist/cjs/extensions/react-flow/index.js.map +1 -1
  65. package/dist/cjs/extensions/react-flow/markers/MarkerArrowClosedInverse.js +13 -0
  66. package/dist/cjs/extensions/react-flow/markers/MarkerArrowClosedInverse.js.map +1 -0
  67. package/dist/cjs/extensions/react-flow/markers/ReactFlowMarkers.js +15 -0
  68. package/dist/cjs/extensions/react-flow/markers/ReactFlowMarkers.js.map +1 -0
  69. package/dist/cjs/extensions/react-flow/nodes/NodeTools.js +1 -3
  70. package/dist/cjs/extensions/react-flow/nodes/NodeTools.js.map +1 -1
  71. package/dist/cjs/index.js +4 -3
  72. package/dist/cjs/index.js.map +1 -1
  73. package/dist/esm/cmem/ActivityControl/ActivityControlWidget.js +4 -10
  74. package/dist/esm/cmem/ActivityControl/ActivityControlWidget.js.map +1 -1
  75. package/dist/esm/cmem/react-flow/ReactFlow/ReactFlow.js +9 -2
  76. package/dist/esm/cmem/react-flow/ReactFlow/ReactFlow.js.map +1 -1
  77. package/dist/esm/cmem/react-flow/configuration/customLabel.js +10 -0
  78. package/dist/esm/cmem/react-flow/configuration/customLabel.js.map +1 -0
  79. package/dist/esm/cmem/react-flow/configuration/graph.js +1 -2
  80. package/dist/esm/cmem/react-flow/configuration/graph.js.map +1 -1
  81. package/dist/esm/cmem/react-flow/configuration/inverseEdge.js +10 -0
  82. package/dist/esm/cmem/react-flow/configuration/inverseEdge.js.map +1 -0
  83. package/dist/esm/cmem/react-flow/configuration/linking.js +1 -2
  84. package/dist/esm/cmem/react-flow/configuration/linking.js.map +1 -1
  85. package/dist/esm/cmem/react-flow/configuration/workflow.js +1 -2
  86. package/dist/esm/cmem/react-flow/configuration/workflow.js.map +1 -1
  87. package/dist/esm/components/AutoSuggestion/AutoSuggestion.js +23 -21
  88. package/dist/esm/components/AutoSuggestion/AutoSuggestion.js.map +1 -1
  89. package/dist/esm/components/AutoSuggestion/AutoSuggestionList.js +4 -12
  90. package/dist/esm/components/AutoSuggestion/AutoSuggestionList.js.map +1 -1
  91. package/dist/esm/components/AutocompleteField/AutoCompleteField.js +32 -23
  92. package/dist/esm/components/AutocompleteField/AutoCompleteField.js.map +1 -1
  93. package/dist/esm/components/Button/Button.js +2 -2
  94. package/dist/esm/components/Button/Button.js.map +1 -1
  95. package/dist/esm/components/ContextOverlay/ContextMenu.js +6 -5
  96. package/dist/esm/components/ContextOverlay/ContextMenu.js.map +1 -1
  97. package/dist/esm/components/ContextOverlay/ContextOverlay.js +6 -8
  98. package/dist/esm/components/ContextOverlay/ContextOverlay.js.map +1 -1
  99. package/dist/esm/components/Dialog/SimpleDialog.js +25 -4
  100. package/dist/esm/components/Dialog/SimpleDialog.js.map +1 -1
  101. package/dist/esm/components/Form/FieldItem.js +2 -2
  102. package/dist/esm/components/Form/FieldItem.js.map +1 -1
  103. package/dist/esm/components/Icon/Icon.js +2 -2
  104. package/dist/esm/components/Icon/Icon.js.map +1 -1
  105. package/dist/esm/components/Icon/IconButton.js +2 -2
  106. package/dist/esm/components/Icon/IconButton.js.map +1 -1
  107. package/dist/esm/components/Icon/canonicalIconNames.js +10 -0
  108. package/dist/esm/components/Icon/canonicalIconNames.js.map +1 -1
  109. package/dist/esm/components/Iframe/IframeModal.js +2 -22
  110. package/dist/esm/components/Iframe/IframeModal.js.map +1 -1
  111. package/dist/esm/components/Label/Label.js +6 -6
  112. package/dist/esm/components/Label/Label.js.map +1 -1
  113. package/dist/esm/components/Menu/MenuItem.js +2 -5
  114. package/dist/esm/components/Menu/MenuItem.js.map +1 -1
  115. package/dist/esm/components/MultiSelect/MultiSelect.js +5 -7
  116. package/dist/esm/components/MultiSelect/MultiSelect.js.map +1 -1
  117. package/dist/esm/components/Select/Select.js +35 -0
  118. package/dist/esm/components/Select/Select.js.map +1 -0
  119. package/dist/esm/components/Tabs/TabTitle.js +2 -4
  120. package/dist/esm/components/Tabs/TabTitle.js.map +1 -1
  121. package/dist/esm/components/Tooltip/Tooltip.js +7 -4
  122. package/dist/esm/components/Tooltip/Tooltip.js.map +1 -1
  123. package/dist/esm/extensions/codemirror/CodeMirror.js +34 -0
  124. package/dist/esm/extensions/codemirror/CodeMirror.js.map +1 -0
  125. package/dist/esm/extensions/index.js +3 -0
  126. package/dist/esm/extensions/index.js.map +1 -0
  127. package/dist/esm/extensions/react-flow/edges/EdgeDefault.js +6 -6
  128. package/dist/esm/extensions/react-flow/edges/EdgeDefault.js.map +1 -1
  129. package/dist/esm/extensions/react-flow/edges/EdgeTools.js +2 -1
  130. package/dist/esm/extensions/react-flow/edges/EdgeTools.js.map +1 -1
  131. package/dist/esm/extensions/react-flow/handles/HandleContent.js +1 -1
  132. package/dist/esm/extensions/react-flow/handles/HandleContent.js.map +1 -1
  133. package/dist/esm/extensions/react-flow/index.js +2 -0
  134. package/dist/esm/extensions/react-flow/index.js.map +1 -1
  135. package/dist/esm/extensions/react-flow/markers/MarkerArrowClosedInverse.js +6 -0
  136. package/dist/esm/extensions/react-flow/markers/MarkerArrowClosedInverse.js.map +1 -0
  137. package/dist/esm/extensions/react-flow/markers/ReactFlowMarkers.js +8 -0
  138. package/dist/esm/extensions/react-flow/markers/ReactFlowMarkers.js.map +1 -0
  139. package/dist/esm/extensions/react-flow/nodes/NodeTools.js +1 -3
  140. package/dist/esm/extensions/react-flow/nodes/NodeTools.js.map +1 -1
  141. package/dist/esm/index.js +3 -2
  142. package/dist/esm/index.js.map +1 -1
  143. package/dist/types/cmem/react-flow/ReactFlow/ReactFlow.d.ts +2 -3
  144. package/dist/types/cmem/react-flow/configuration/customLabel.d.ts +8 -0
  145. package/dist/types/cmem/react-flow/configuration/graph.d.ts +1 -2
  146. package/dist/types/cmem/react-flow/configuration/inverseEdge.d.ts +8 -0
  147. package/dist/types/cmem/react-flow/configuration/linking.d.ts +1 -2
  148. package/dist/types/cmem/react-flow/configuration/workflow.d.ts +1 -2
  149. package/dist/types/components/AutocompleteField/AutoCompleteField.d.ts +7 -4
  150. package/dist/types/components/Button/Button.d.ts +2 -2
  151. package/dist/types/components/ContextOverlay/ContextMenu.d.ts +37 -3
  152. package/dist/types/components/ContextOverlay/ContextOverlay.d.ts +12 -1
  153. package/dist/types/components/Dialog/SimpleDialog.d.ts +5 -1
  154. package/dist/types/components/Form/FieldItem.d.ts +3 -2
  155. package/dist/types/components/Icon/Icon.d.ts +32 -7
  156. package/dist/types/components/Icon/IconButton.d.ts +21 -7
  157. package/dist/types/components/Icon/canonicalIconNames.d.ts +1 -1
  158. package/dist/types/components/Label/Label.d.ts +30 -2
  159. package/dist/types/components/Menu/MenuItem.d.ts +3 -7
  160. package/dist/types/components/MultiSelect/MultiSelect.d.ts +13 -9
  161. package/dist/types/components/Select/Select.d.ts +22 -0
  162. package/dist/types/components/Tooltip/Tooltip.d.ts +13 -11
  163. package/dist/types/components/interfaces.d.ts +1 -0
  164. package/dist/types/extensions/codemirror/CodeMirror.d.ts +35 -0
  165. package/dist/types/extensions/index.d.ts +2 -0
  166. package/dist/types/extensions/react-flow/edges/EdgeDefault.d.ts +3 -0
  167. package/dist/types/extensions/react-flow/edges/EdgeTools.d.ts +2 -2
  168. package/dist/types/extensions/react-flow/index.d.ts +2 -0
  169. package/dist/types/extensions/react-flow/markers/MarkerArrowClosedInverse.d.ts +2 -0
  170. package/dist/types/extensions/react-flow/markers/ReactFlowMarkers.d.ts +2 -0
  171. package/dist/types/extensions/react-flow/nodes/NodeTools.d.ts +2 -2
  172. package/dist/types/index.d.ts +3 -2
  173. package/package.json +16 -9
  174. package/src/cmem/ActivityControl/ActivityControlWidget.stories.tsx +2 -2
  175. package/src/cmem/ActivityControl/ActivityControlWidget.tsx +5 -10
  176. package/src/cmem/react-flow/ReactFlow/ReactFlow.stories.tsx +160 -51
  177. package/src/cmem/react-flow/ReactFlow/ReactFlow.tsx +12 -3
  178. package/src/cmem/react-flow/configuration/_colors-graph.scss +35 -0
  179. package/src/cmem/react-flow/configuration/_colors-linking.scss +29 -0
  180. package/src/cmem/react-flow/configuration/_colors-workflow.scss +22 -0
  181. package/src/cmem/react-flow/configuration/_colors.scss +3 -3
  182. package/src/cmem/react-flow/configuration/customLabel.ts +11 -0
  183. package/src/cmem/react-flow/configuration/graph.ts +0 -2
  184. package/src/cmem/react-flow/configuration/inverseEdge.ts +11 -0
  185. package/src/cmem/react-flow/configuration/linking.ts +0 -2
  186. package/src/cmem/react-flow/configuration/workflow.ts +0 -2
  187. package/src/common/utils/CssCustomProperties.ts +135 -0
  188. package/src/common/utils/getColorConfiguration.ts +21 -0
  189. package/src/components/Accordion/accordion.scss +7 -0
  190. package/src/components/AutoSuggestion/AutoSuggestion.tsx +23 -23
  191. package/src/components/AutoSuggestion/AutoSuggestionList.tsx +15 -17
  192. package/src/components/AutoSuggestion/tests/AutoSuggestionList.test.tsx +1 -1
  193. package/src/components/AutocompleteField/AutoCompleteField.tsx +44 -19
  194. package/src/components/AutocompleteField/autocompletefield.scss +5 -3
  195. package/src/components/AutocompleteField/stories/AutoCompleteField.stories.tsx +75 -0
  196. package/src/components/Button/Button.tsx +3 -3
  197. package/src/components/ContextOverlay/ContextMenu.stories.tsx +30 -0
  198. package/src/components/ContextOverlay/ContextMenu.tsx +46 -8
  199. package/src/components/ContextOverlay/ContextOverlay.stories.tsx +148 -0
  200. package/src/components/ContextOverlay/ContextOverlay.tsx +16 -9
  201. package/src/components/ContextOverlay/contextoverlay.scss +3 -3
  202. package/src/components/Dialog/SimpleDialog.tsx +25 -4
  203. package/src/components/Form/FieldItem.tsx +4 -4
  204. package/src/components/Icon/Icon.tsx +33 -18
  205. package/src/components/Icon/IconButton.tsx +24 -19
  206. package/src/components/Icon/canonicalIconNames.tsx +12 -0
  207. package/src/components/Icon/stories/Icon.stories.tsx +52 -0
  208. package/src/components/Icon/stories/IconButton.stories.tsx +27 -0
  209. package/src/components/Iframe/IframeModal.tsx +6 -17
  210. package/src/components/Label/Label.stories.tsx +27 -0
  211. package/src/components/Label/Label.tsx +47 -15
  212. package/src/components/Menu/MenuItem.tsx +9 -16
  213. package/src/components/Menu/menu.scss +4 -3
  214. package/src/components/MultiSelect/MultiSelect.tsx +30 -18
  215. package/src/components/Select/Select.stories.tsx +35 -0
  216. package/src/components/Select/Select.tsx +38 -0
  217. package/src/components/Select/_select.scss +8 -0
  218. package/src/components/Tabs/TabTitle.tsx +2 -4
  219. package/src/components/Tabs/tabs.scss +1 -1
  220. package/src/components/Tag/tag.scss +26 -22
  221. package/src/components/Tooltip/Tooltip.stories.tsx +36 -0
  222. package/src/components/Tooltip/Tooltip.tsx +23 -18
  223. package/src/components/Tooltip/tooltip.scss +6 -6
  224. package/src/components/Typography/typography.scss +1 -0
  225. package/src/components/interfaces.ts +3 -1
  226. package/src/extensions/_index.scss +5 -0
  227. package/src/extensions/codemirror/CodeMirror.stories.tsx +26 -0
  228. package/src/extensions/codemirror/CodeMirror.tsx +82 -0
  229. package/src/extensions/codemirror/_codemirror.scss +31 -0
  230. package/src/extensions/index.ts +2 -0
  231. package/src/extensions/react-flow/edges/EdgeDefault.tsx +7 -2
  232. package/src/extensions/react-flow/edges/EdgeTools.tsx +6 -4
  233. package/src/extensions/react-flow/handles/HandleContent.tsx +0 -1
  234. package/src/extensions/react-flow/index.ts +2 -0
  235. package/src/extensions/react-flow/markers/MarkerArrowClosedInverse.tsx +25 -0
  236. package/src/extensions/react-flow/markers/ReactFlowMarkers.tsx +13 -0
  237. package/src/extensions/react-flow/nodes/NodeTools.tsx +10 -7
  238. package/src/extensions/react-flow/nodes/stories/NodeContent.stories.tsx +18 -0
  239. package/src/includes/blueprintjs/_variables.scss +1 -1
  240. package/src/index.scss +10 -9
  241. package/src/index.ts +4 -2
  242. package/dist/cjs/cmem/react-flow/configuration/_colors-graph.module.scss +0 -35
  243. package/dist/cjs/cmem/react-flow/configuration/_colors-linking.module.scss +0 -29
  244. package/dist/cjs/cmem/react-flow/configuration/_colors-workflow.module.scss +0 -22
  245. package/dist/esm/cmem/react-flow/configuration/_colors-graph.module.scss +0 -35
  246. package/dist/esm/cmem/react-flow/configuration/_colors-linking.module.scss +0 -29
  247. package/dist/esm/cmem/react-flow/configuration/_colors-workflow.module.scss +0 -22
  248. package/src/cmem/react-flow/configuration/_colors-graph.module.scss +0 -35
  249. package/src/cmem/react-flow/configuration/_colors-linking.module.scss +0 -29
  250. package/src/cmem/react-flow/configuration/_colors-workflow.module.scss +0 -22
package/src/cmem/react-flow/configuration/_colors-linking.module.scss DELETED
@@ -1,29 +0,0 @@
1
- $reactflow-color-sourcepath-node: #745a85 !default;
2
- $reactflow-color-targetpath-node: #3a7896 !default;
3
- $reactflow-color-transformation-node: #ae3c74 !default;
4
- $reactflow-color-comparator-node: #40a691 !default;
5
- $reactflow-color-aggregator-node: #0097a7 !default;
6
-
7
- $reactflow-color-value-edge: #222 !default;
8
- $reactflow-color-score-edge: $reactflow-color-aggregator-node !default;
9
-
10
- @function bright($color) {
11
- @return mix($color, #fff, 24%);
12
- }
13
-
14
- :export {
15
- sourcepathNode: $reactflow-color-sourcepath-node;
16
- targetpathNode: $reactflow-color-targetpath-node;
17
- transformationNode: $reactflow-color-transformation-node;
18
- comparatorNode: $reactflow-color-comparator-node;
19
- aggregatorNode: $reactflow-color-aggregator-node;
20
- valueEdge: $reactflow-color-value-edge;
21
- scoreEdge: $reactflow-color-score-edge;
22
- sourcepathNodeBright: bright($reactflow-color-sourcepath-node);
23
- targetpathNodeBright: bright($reactflow-color-targetpath-node);
24
- transformationNodeBright: bright($reactflow-color-transformation-node);
25
- comparatorNodeBright: bright($reactflow-color-comparator-node);
26
- aggregatorNodeBright: bright($reactflow-color-aggregator-node);
27
- valueEdgeBright: bright($reactflow-color-value-edge);
28
- scoreEdgeBright: bright($reactflow-color-score-edge);
29
- }
package/src/cmem/react-flow/configuration/_colors-workflow.module.scss DELETED
@@ -1,22 +0,0 @@
1
- $reactflow-color-dataset-node: #3a7896 !default;
2
- $reactflow-color-linking-node: #0097a7 !default;
3
- $reactflow-color-transform-node: #40a691 !default;
4
- $reactflow-color-task-node: #80b67b !default;
5
- $reactflow-color-workflow-node: #745a85 !default;
6
-
7
- @function bright($color) {
8
- @return mix($color, #fff, 24%);
9
- }
10
-
11
- :export {
12
- datasetNode: $reactflow-color-dataset-node;
13
- linkingNode: $reactflow-color-linking-node;
14
- transformNode: $reactflow-color-transform-node;
15
- taskNode: $reactflow-color-task-node;
16
- workflowNode: $reactflow-color-workflow-node;
17
- datasetNodeBright: bright($reactflow-color-dataset-node);
18
- linkingNodeBright: bright($reactflow-color-linking-node);
19
- transformNodeBright: bright($reactflow-color-transform-node);
20
- taskNodeBright: bright($reactflow-color-task-node);
21
- workflowNodeBright: bright($reactflow-color-workflow-node);
22
- }