@eccenca/gui-elements 23.8.0-rc.0 → 23.8.0-rc.1

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 (44) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/dist/cjs/cmem/react-flow/ReactFlow/ReactFlow.js +29 -3
  3. package/dist/cjs/cmem/react-flow/ReactFlow/ReactFlow.js.map +1 -1
  4. package/dist/cjs/components/Accordion/Accordion.js +14 -2
  5. package/dist/cjs/components/Accordion/Accordion.js.map +1 -1
  6. package/dist/cjs/components/Accordion/AccordionItem.js +10 -1
  7. package/dist/cjs/components/Accordion/AccordionItem.js.map +1 -1
  8. package/dist/cjs/components/Application/ApplicationContainer.js +5 -2
  9. package/dist/cjs/components/Application/ApplicationContainer.js.map +1 -1
  10. package/dist/cjs/components/Application/helper.js +38 -1
  11. package/dist/cjs/components/Application/helper.js.map +1 -1
  12. package/dist/esm/cmem/react-flow/ReactFlow/ReactFlow.js +29 -3
  13. package/dist/esm/cmem/react-flow/ReactFlow/ReactFlow.js.map +1 -1
  14. package/dist/esm/components/Accordion/Accordion.js +14 -2
  15. package/dist/esm/components/Accordion/Accordion.js.map +1 -1
  16. package/dist/esm/components/Accordion/AccordionItem.js +10 -1
  17. package/dist/esm/components/Accordion/AccordionItem.js.map +1 -1
  18. package/dist/esm/components/Application/ApplicationContainer.js +5 -2
  19. package/dist/esm/components/Application/ApplicationContainer.js.map +1 -1
  20. package/dist/esm/components/Application/helper.js +61 -0
  21. package/dist/esm/components/Application/helper.js.map +1 -1
  22. package/dist/types/cmem/react-flow/ReactFlow/ReactFlow.d.ts +4 -0
  23. package/dist/types/components/Accordion/Accordion.d.ts +11 -1
  24. package/dist/types/components/Accordion/AccordionItem.d.ts +15 -1
  25. package/dist/types/components/Application/ApplicationContainer.d.ts +8 -2
  26. package/dist/types/components/Application/helper.d.ts +6 -0
  27. package/package.json +5 -2
  28. package/src/_shame.scss +0 -27
  29. package/src/cmem/react-flow/ReactFlow/ReactFlow.tsx +40 -2
  30. package/src/cmem/react-flow/_canvas.scss +15 -0
  31. package/src/cmem/react-flow/_index.scss +1 -0
  32. package/src/components/Accordion/Accordion.tsx +28 -1
  33. package/src/components/Accordion/AccordionItem.tsx +23 -0
  34. package/src/components/Accordion/Stories/Accordion.stories.tsx +12 -4
  35. package/src/components/Accordion/Stories/AccordionItem.stories.tsx +11 -3
  36. package/src/components/Accordion/accordion.scss +103 -44
  37. package/src/components/Application/ApplicationContainer.tsx +19 -3
  38. package/src/components/Application/_dropzone.scss +36 -0
  39. package/src/components/Application/application.scss +1 -0
  40. package/src/components/Application/helper.ts +39 -0
  41. package/src/configuration/_variables.scss +1 -0
  42. package/src/extensions/_index.scss +2 -0
  43. package/src/extensions/uppy/_fileupload.scss +47 -0
  44. package/src/index.scss +9 -0
package/CHANGELOG.md CHANGED
@@ -6,11 +6,38 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
6
6
 
7
7
  ## [Unreleased]
8
8
 
9
+ ### Added
10
+
11
+ - `<ApplicationContainer />`:
12
+ - `monitorDropzonesFor` property can be used to monitor application wide dropzones for dragged elements via data attributes attached to body element containing the data transfer type of drag over events.
13
+ - `<ReactFlow />`
14
+ - `dropzoneFor` property can be used to mark react flow canvas as matching area to drop dragged elements.
15
+ - `<Accordion />`, `<AccordionItem />`
16
+ - `whitespaceSize` property to define how much whitespace is used on top and bottom inside the header and content of an accordion item.
17
+ - `separationSize` property defines how much space is used for the separation between an accordion item and the next one.
18
+ - class name prefixes are now available by variables with more readable names:
19
+ - BlueprintJS: `$prefix-blueprintjs` (current value is `bp5`)
20
+ - Carbon Design System: `$prefix-carbon` (current value is `cds`)
21
+ - eccenca GUI elements: `$prefix-eccgui` (current value is `eccgui`)
22
+
9
23
  ### Fixed
10
24
 
25
+ - `<ElapsedDateTimeDisplay />`
26
+ - negative values are not shown (e.g. in case server and browser clocks are apart)
11
27
  - `<TextArea />`
12
28
  - improve visual alignment to `TextField` regarding whitespace and colors
13
29
 
30
+ ### Changed
31
+
32
+ - basic styles for Uppy widget were improved and moved to its own component folder
33
+
34
+ ### Deprecated
35
+
36
+ - `<Accordion />`
37
+ - `size` property in favour of `whitespaceSize`
38
+ - `<AccordionItem />`
39
+ - `condensed` property in favour of `whitespaceSize="none"`
40
+
14
41
  ## [23.7.0] - 2024-06-26
15
42
 
16
43
  ### Added
package/dist/cjs/cmem/react-flow/ReactFlow/ReactFlow.js CHANGED
@@ -36,6 +36,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
36
36
  exports.ReactFlow = void 0;
37
37
  const react_1 = __importDefault(require("react"));
38
38
  const react_flow_renderer_1 = __importDefault(require("react-flow-renderer"));
39
+ const constants_1 = require("../../../configuration/constants");
39
40
  const ReactFlowMarkers_1 = require("../../../extensions/react-flow/markers/ReactFlowMarkers");
40
41
  const ReactFlowHotkeyContext_1 = require("../extensions/ReactFlowHotkeyContext");
41
42
  const scrollOnDragHook_1 = require("../extensions/scrollOnDragHook");
@@ -47,8 +48,33 @@ const workflowConfig = __importStar(require("./../configuration/workflow"));
47
48
  * `ReactFlow` container extension that includes pre-configured nodes and edges for
48
49
  * Corporate Memory tools.
49
50
  */
50
- exports.ReactFlow = react_1.default.forwardRef((_a, ref) => {
51
- var { configuration = "unspecified", scrollOnDrag, children } = _a, originalProps = __rest(_a, ["configuration", "scrollOnDrag", "children"]);
51
+ exports.ReactFlow = react_1.default.forwardRef((_a, outerRef) => {
52
+ var { configuration = "unspecified", scrollOnDrag, dropzoneFor, children, className } = _a, originalProps = __rest(_a, ["configuration", "scrollOnDrag", "dropzoneFor", "children", "className"]);
53
+ const innerRef = react_1.default.useRef(null);
54
+ react_1.default.useImperativeHandle(outerRef, () => innerRef.current, []);
55
+ react_1.default.useEffect(() => {
56
+ const reactflowContainer = innerRef === null || innerRef === void 0 ? void 0 : innerRef.current;
57
+ if (reactflowContainer && dropzoneFor) {
58
+ const addDragover = (event) => {
59
+ reactflowContainer.classList.add(`${constants_1.CLASSPREFIX}-graphviz__canvas--draghover`);
60
+ event.preventDefault();
61
+ };
62
+ const removeDragover = (event) => {
63
+ if (reactflowContainer === event.target) {
64
+ reactflowContainer.classList.remove(`${constants_1.CLASSPREFIX}-graphviz__canvas--draghover`);
65
+ }
66
+ };
67
+ reactflowContainer.addEventListener("dragover", addDragover);
68
+ reactflowContainer.addEventListener("dragleave", removeDragover);
69
+ reactflowContainer.addEventListener("drop", removeDragover);
70
+ return () => {
71
+ reactflowContainer.removeEventListener("dragover", addDragover);
72
+ reactflowContainer.removeEventListener("dragleave", removeDragover);
73
+ reactflowContainer.removeEventListener("drop", removeDragover);
74
+ };
75
+ }
76
+ return;
77
+ }, [innerRef, dropzoneFor]);
52
78
  /** If the hot keys should be disabled. By default, they are always disabled. */
53
79
  const { hotKeysDisabled } = react_1.default.useContext(ReactFlowHotkeyContext_1.ReactFlowHotkeyContext);
54
80
  const scrollOnDragFunctions = (0, scrollOnDragHook_1.useReactFlowScrollOnDrag)({
@@ -62,7 +88,7 @@ exports.ReactFlow = react_1.default.forwardRef((_a, ref) => {
62
88
  workflow: workflowConfig,
63
89
  linking: linkingConfig,
64
90
  };
65
- return (react_1.default.createElement(react_flow_renderer_1.default, Object.assign({ ref: ref, nodeTypes: configReactFlow[configuration].nodeTypes, edgeTypes: configReactFlow[configuration].edgeTypes }, originalProps, scrollOnDragFunctions, { selectionKeyCode: hotKeysDisabled ? null : selectionKeyCode, deleteKeyCode: hotKeysDisabled ? null : deleteKeyCode, multiSelectionKeyCode: hotKeysDisabled ? null : multiSelectionKeyCode, zoomActivationKeyCode: hotKeysDisabled ? null : zoomActivationKeyCode }),
91
+ return (react_1.default.createElement(react_flow_renderer_1.default, Object.assign({ ref: innerRef, className: `${constants_1.CLASSPREFIX}-graphviz__canvas` + className ? ` ${className}` : "", nodeTypes: configReactFlow[configuration].nodeTypes, edgeTypes: configReactFlow[configuration].edgeTypes }, originalProps, scrollOnDragFunctions, { "data-dropzone-for": dropzoneFor ? dropzoneFor.join(" ") : undefined, selectionKeyCode: hotKeysDisabled ? null : selectionKeyCode, deleteKeyCode: hotKeysDisabled ? null : deleteKeyCode, multiSelectionKeyCode: hotKeysDisabled ? null : multiSelectionKeyCode, zoomActivationKeyCode: hotKeysDisabled ? null : zoomActivationKeyCode }),
66
92
  children,
67
93
  react_1.default.createElement(ReactFlowMarkers_1.ReactFlowMarkers, null)));
68
94
  });
package/dist/cjs/cmem/react-flow/ReactFlow/ReactFlow.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ReactFlow.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/ReactFlow/ReactFlow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,8EAA6G;AAE7G,8FAA2F;AAC3F,iFAA8E;AAC9E,qEAA0E;AAE1E,sEAAwD;AACxD,0EAA4D;AAC5D,kFAAoE;AACpE,4EAA8D;AAwB9D;;;GAGG;AACU,QAAA,SAAS,GAAG,eAAK,CAAC,UAAU,CACrC,CAAC,EAA2E,EAAE,GAAG,EAAE,EAAE;QAApF,EAAE,aAAa,GAAG,aAAa,EAAE,YAAY,EAAE,QAAQ,OAAoB,EAAf,aAAa,cAAzE,6CAA2E,CAAF;IACtE,gFAAgF;IAChF,MAAM,EAAE,eAAe,EAAE,GAAG,eAAK,CAAC,UAAU,CAAC,+CAAsB,CAAC,CAAC;IAErE,MAAM,qBAAqB,GAAG,IAAA,2CAAwB,EAAC;QACnD,cAAc,EAAE,aAAa;QAC7B,YAAY;KACf,CAAC,CAAC;IAEH,MAAM,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,aAAa,EAAE,qBAAqB,EAAE,GAAG,aAAa,CAAC;IAExG,MAAM,eAAe,GAAG;QACpB,WAAW,EAAE,iBAAiB;QAC9B,KAAK,EAAE,WAAW;QAClB,QAAQ,EAAE,cAAc;QACxB,OAAO,EAAE,aAAa;KACzB,CAAC;IAEF,OAAO,CACH,8BAAC,6BAAiB,kBACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC,SAAS,EACnD,SAAS,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC,SAAS,IAC/C,aAAa,EACb,qBAAqB,IACzB,gBAAgB,EAAE,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAE,gBAAwB,EACpE,aAAa,EAAE,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAE,aAAqB,EAC9D,qBAAqB,EAAE,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAE,qBAA6B,EAC9E,qBAAqB,EAAE,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAE,qBAA6B;QAE7E,QAAQ;QACT,8BAAC,mCAAgB,OAAG,CACJ,CACvB,CAAC;AACN,CAAC,CACJ,CAAC"}
1
+ {"version":3,"file":"ReactFlow.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/ReactFlow/ReactFlow.tsx"],"names":[],"mappings":"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"}
package/dist/cjs/components/Accordion/Accordion.js CHANGED
@@ -24,8 +24,20 @@ const carbonAccordionSizeMapping = {
24
24
  large: "lg",
25
25
  };
26
26
  const Accordion = (_a) => {
27
- var { children, className = "", align = "start", size = "medium" } = _a, otherProps = __rest(_a, ["children", "className", "align", "size"]);
28
- return (react_1.default.createElement(carbon_components_react_1.Accordion, Object.assign({ className: `${constants_1.CLASSPREFIX}-accordion__container ` + className, align: align, size: carbonAccordionSizeMapping[size] }, otherProps), children));
27
+ var { children, className = "", align = "start", whitespaceSize = "medium", separationSize = "none", size = "medium" } = _a, otherProps = __rest(_a, ["children", "className", "align", "whitespaceSize", "separationSize", "size"]);
28
+ const headerWhitespaceSize = typeof whitespaceSize === "string" ? whitespaceSize : whitespaceSize.header;
29
+ const contentWhitespaceSize = typeof whitespaceSize === "string" ? whitespaceSize : whitespaceSize.content;
30
+ return (react_1.default.createElement(carbon_components_react_1.Accordion, Object.assign({ className: `${constants_1.CLASSPREFIX}-accordion__container` +
31
+ (headerWhitespaceSize !== "medium"
32
+ ? ` ${constants_1.CLASSPREFIX}-accordion__container--global-headerspace-${headerWhitespaceSize}`
33
+ : "") +
34
+ (contentWhitespaceSize !== "medium"
35
+ ? ` ${constants_1.CLASSPREFIX}-accordion__container--global-contentspace-${contentWhitespaceSize}`
36
+ : "") +
37
+ (separationSize !== "none"
38
+ ? ` ${constants_1.CLASSPREFIX}-accordion__container--global-separationspace-${separationSize}`
39
+ : "") +
40
+ (className ? ` ${className}` : ""), align: align, size: carbonAccordionSizeMapping[size] }, otherProps), children));
29
41
  };
30
42
  exports.Accordion = Accordion;
31
43
  exports.default = exports.Accordion;
package/dist/cjs/components/Accordion/Accordion.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,qEAA+G;AAE/G,6DAAsE;AAatE,MAAM,0BAA0B,GAAG;IAC/B,KAAK,EAAE,IAAa;IACpB,MAAM,EAAE,IAAa;IACrB,KAAK,EAAE,IAAa;CACvB,CAAC;AAEK,MAAM,SAAS,GAAG,CAAC,EAMT,EAAE,EAAE;QANK,EACtB,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,OAAO,EACf,IAAI,GAAG,QAAQ,OAEF,EADV,UAAU,cALS,0CAMzB,CADgB;IAEb,OAAO,CACH,8BAAC,mCAAe,kBACZ,SAAS,EAAE,GAAG,uBAAM,wBAAwB,GAAG,SAAS,EACxD,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,0BAA0B,CAAC,IAAI,CAAC,IAClC,UAAU,GAEb,QAAQ,CACK,CACrB,CAAC;AACN,CAAC,CAAC;AAjBW,QAAA,SAAS,aAiBpB;AAEF,kBAAe,iBAAS,CAAC"}
1
+ {"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,qEAA+G;AAE/G,6DAAsE;AAwBtE,MAAM,0BAA0B,GAAG;IAC/B,KAAK,EAAE,IAAa;IACpB,MAAM,EAAE,IAAa;IACrB,KAAK,EAAE,IAAa;CACvB,CAAC;AAEK,MAAM,SAAS,GAAG,CAAC,EAQT,EAAE,EAAE;QARK,EACtB,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,OAAO,EACf,cAAc,GAAG,QAAQ,EACzB,cAAc,GAAG,MAAM,EACvB,IAAI,GAAG,QAAQ,OAEF,EADV,UAAU,cAPS,8EAQzB,CADgB;IAEb,MAAM,oBAAoB,GAAG,OAAO,cAAc,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC;IACzG,MAAM,qBAAqB,GAAG,OAAO,cAAc,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC;IAC3G,OAAO,CACH,8BAAC,mCAAe,kBACZ,SAAS,EACL,GAAG,uBAAM,uBAAuB;YAChC,CAAC,oBAAoB,KAAK,QAAQ;gBAC9B,CAAC,CAAC,IAAI,uBAAM,6CAA6C,oBAAoB,EAAE;gBAC/E,CAAC,CAAC,EAAE,CAAC;YACT,CAAC,qBAAqB,KAAK,QAAQ;gBAC/B,CAAC,CAAC,IAAI,uBAAM,8CAA8C,qBAAqB,EAAE;gBACjF,CAAC,CAAC,EAAE,CAAC;YACT,CAAC,cAAc,KAAK,MAAM;gBACtB,CAAC,CAAC,IAAI,uBAAM,iDAAiD,cAAc,EAAE;gBAC7E,CAAC,CAAC,EAAE,CAAC;YACT,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAEtC,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,0BAA0B,CAAC,IAAI,CAAC,IAClC,UAAU,GAEb,QAAQ,CACK,CACrB,CAAC;AACN,CAAC,CAAC;AAjCW,QAAA,SAAS,aAiCpB;AAEF,kBAAe,iBAAS,CAAC"}
package/dist/cjs/components/Accordion/AccordionItem.js CHANGED
@@ -19,11 +19,20 @@ const react_1 = __importDefault(require("react"));
19
19
  const carbon_components_react_1 = require("carbon-components-react");
20
20
  const constants_1 = require("../../configuration/constants");
21
21
  const AccordionItem = (_a) => {
22
- var { children, label, className = "", fullWidth = false, elevated = false, condensed = false, noBorder = false } = _a, otherProps = __rest(_a, ["children", "label", "className", "fullWidth", "elevated", "condensed", "noBorder"]);
22
+ var { children, label, className = "", fullWidth = false, elevated = false, whitespaceSize = "medium", separationSize = "none", condensed = false, noBorder = false } = _a, otherProps = __rest(_a, ["children", "label", "className", "fullWidth", "elevated", "whitespaceSize", "separationSize", "condensed", "noBorder"]);
23
+ const headerWhitespaceSize = typeof whitespaceSize === "string" ? whitespaceSize : whitespaceSize.header;
24
+ const contentWhitespaceSize = typeof whitespaceSize === "string" ? whitespaceSize : whitespaceSize.content;
23
25
  return (react_1.default.createElement(carbon_components_react_1.AccordionItem, Object.assign({ className: `${constants_1.CLASSPREFIX}-accordion__item` +
24
26
  (className ? " " + className : "") +
25
27
  (fullWidth ? ` ${constants_1.CLASSPREFIX}-accordion__item--fullwidth` : "") +
26
28
  (elevated ? ` ${constants_1.CLASSPREFIX}-accordion__item--elevated` : "") +
29
+ (headerWhitespaceSize !== "medium"
30
+ ? ` ${constants_1.CLASSPREFIX}-accordion__item--headerspace-${headerWhitespaceSize}`
31
+ : "") +
32
+ (contentWhitespaceSize !== "medium"
33
+ ? ` ${constants_1.CLASSPREFIX}-accordion__item--contentspace-${contentWhitespaceSize}`
34
+ : "") +
35
+ (separationSize !== "none" ? ` ${constants_1.CLASSPREFIX}-accordion__item--separationspace-${separationSize}` : "") +
27
36
  (condensed ? ` ${constants_1.CLASSPREFIX}-accordion__item--condensed` : "") +
28
37
  (noBorder ? ` ${constants_1.CLASSPREFIX}-accordion__item--noborder` : ""), title: label }, otherProps), children));
29
38
  };
package/dist/cjs/components/Accordion/AccordionItem.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionItem.js","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,qEAGiC;AAEjC,6DAAsE;AA8B/D,MAAM,aAAa,GAAG,CAAC,EAST,EAAE,EAAE;QATK,EAC1B,QAAQ,EACR,KAAK,EACL,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,OAEC,EADd,UAAU,cARa,oFAS7B,CADgB;IAEb,OAAO,CACH,8BAAC,uCAAmB,kBAChB,SAAS,EACL,GAAG,uBAAM,kBAAkB;YAC3B,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;YAClC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,uBAAM,6BAA6B,CAAC,CAAC,CAAC,EAAE,CAAC;YAC1D,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,uBAAM,4BAA4B,CAAC,CAAC,CAAC,EAAE,CAAC;YACxD,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,uBAAM,6BAA6B,CAAC,CAAC,CAAC,EAAE,CAAC;YAC1D,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,uBAAM,4BAA4B,CAAC,CAAC,CAAC,EAAE,CAAC,EAE5D,KAAK,EAAE,KAAK,IACR,UAAU,GAEb,QAAQ,CACS,CACzB,CAAC;AACN,CAAC,CAAC;AA1BW,QAAA,aAAa,iBA0BxB;AAEF,kBAAe,qBAAa,CAAC"}
1
+ {"version":3,"file":"AccordionItem.js","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,qEAGiC;AAEjC,6DAAsE;AA0C/D,MAAM,aAAa,GAAG,CAAC,EAWT,EAAE,EAAE;QAXK,EAC1B,QAAQ,EACR,KAAK,EACL,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,EAChB,cAAc,GAAG,QAAQ,EACzB,cAAc,GAAG,MAAM,EACvB,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,OAEC,EADd,UAAU,cAVa,wHAW7B,CADgB;IAEb,MAAM,oBAAoB,GAAG,OAAO,cAAc,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC;IACzG,MAAM,qBAAqB,GAAG,OAAO,cAAc,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC;IAC3G,OAAO,CACH,8BAAC,uCAAmB,kBAChB,SAAS,EACL,GAAG,uBAAM,kBAAkB;YAC3B,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;YAClC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,uBAAM,6BAA6B,CAAC,CAAC,CAAC,EAAE,CAAC;YAC1D,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,uBAAM,4BAA4B,CAAC,CAAC,CAAC,EAAE,CAAC;YACxD,CAAC,oBAAoB,KAAK,QAAQ;gBAC9B,CAAC,CAAC,IAAI,uBAAM,iCAAiC,oBAAoB,EAAE;gBACnE,CAAC,CAAC,EAAE,CAAC;YACT,CAAC,qBAAqB,KAAK,QAAQ;gBAC/B,CAAC,CAAC,IAAI,uBAAM,kCAAkC,qBAAqB,EAAE;gBACrE,CAAC,CAAC,EAAE,CAAC;YACT,CAAC,cAAc,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,uBAAM,qCAAqC,cAAc,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YAClG,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,uBAAM,6BAA6B,CAAC,CAAC,CAAC,EAAE,CAAC;YAC1D,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,uBAAM,4BAA4B,CAAC,CAAC,CAAC,EAAE,CAAC,EAE5D,KAAK,EAAE,KAAK,IACR,UAAU,GAEb,QAAQ,CACS,CACzB,CAAC;AACN,CAAC,CAAC;AArCW,QAAA,aAAa,iBAqCxB;AAEF,kBAAe,qBAAa,CAAC"}
package/dist/cjs/components/Application/ApplicationContainer.js CHANGED
@@ -18,10 +18,13 @@ exports.ApplicationContainer = void 0;
18
18
  const react_1 = __importDefault(require("react"));
19
19
  const core_1 = require("@blueprintjs/core");
20
20
  const constants_1 = require("../../configuration/constants");
21
+ const helper_1 = require("./helper");
21
22
  const ApplicationContainer = (_a) => {
22
- var { children, className = "" } = _a, otherDivProps = __rest(_a, ["children", "className"]);
23
+ var { children, className = "", monitorDropzonesFor = [] } = _a, otherDivProps = __rest(_a, ["children", "className", "monitorDropzonesFor"]);
24
+ const containerRef = react_1.default.useRef(null);
25
+ (0, helper_1.useDropzoneMonitor)(monitorDropzonesFor);
23
26
  return (react_1.default.createElement(core_1.OverlaysProvider, null,
24
- react_1.default.createElement("div", Object.assign({ className: `${constants_1.CLASSPREFIX}-application__container ${className}` }, otherDivProps), children)));
27
+ react_1.default.createElement("div", Object.assign({ ref: containerRef, className: `${constants_1.CLASSPREFIX}-application__container ${className}` }, otherDivProps), children)));
25
28
  };
26
29
  exports.ApplicationContainer = ApplicationContainer;
27
30
  exports.default = exports.ApplicationContainer;
package/dist/cjs/components/Application/ApplicationContainer.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ApplicationContainer.js","sourceRoot":"","sources":["../../../../src/components/Application/ApplicationContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,4CAAqD;AAErD,6DAAsE;AAI/D,MAAM,oBAAoB,GAAG,CAAC,EAAyE,EAAE,EAAE;QAA7E,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,OAA+C,EAA1C,aAAa,cAA5C,yBAA8C,CAAF;IAC7E,OAAO,CACH,8BAAC,uBAAgB;QACb,qDAAK,SAAS,EAAE,GAAG,uBAAM,2BAA2B,SAAS,EAAE,IAAM,aAAa,GAC7E,QAAQ,CACP,CACS,CACtB,CAAC;AACN,CAAC,CAAC;AARW,QAAA,oBAAoB,wBAQ/B;AAEF,kBAAe,4BAAoB,CAAC"}
1
+ {"version":3,"file":"ApplicationContainer.js","sourceRoot":"","sources":["../../../../src/components/Application/ApplicationContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,4CAAqD;AAErD,6DAAsE;AAEtE,qCAA8C;AAUvC,MAAM,oBAAoB,GAAG,CAAC,EAKT,EAAE,EAAE;QALK,EACjC,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,mBAAmB,GAAG,EAAE,OAEA,EADrB,aAAa,cAJiB,gDAKpC,CADmB;IAEhB,MAAM,YAAY,GAAG,eAAK,CAAC,MAAM,CAAM,IAAI,CAAC,CAAC;IAC7C,IAAA,2BAAkB,EAAC,mBAAmB,CAAC,CAAC;IAExC,OAAO,CACH,8BAAC,uBAAgB;QACb,qDAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,uBAAM,2BAA2B,SAAS,EAAE,IAAM,aAAa,GAChG,QAAQ,CACP,CACS,CACtB,CAAC;AACN,CAAC,CAAC;AAhBW,QAAA,oBAAoB,wBAgB/B;AAEF,kBAAe,4BAAoB,CAAC"}
package/dist/cjs/components/Application/helper.js CHANGED
@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
3
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.useApplicationHeaderOverModals = void 0;
6
+ exports.useDropzoneMonitor = exports.useApplicationHeaderOverModals = void 0;
7
7
  const react_1 = __importDefault(require("react"));
8
8
  const constants_1 = require("../../configuration/constants");
9
9
  const useApplicationHeaderOverModals = (elevate, className) => {
@@ -27,4 +27,41 @@ const useApplicationHeaderOverModals = (elevate, className) => {
27
27
  }, [elevate, className]);
28
28
  };
29
29
  exports.useApplicationHeaderOverModals = useApplicationHeaderOverModals;
30
+ /**
31
+ * Tracks drag operations over the application.
32
+ * Sets different data attributes to the body element.
33
+ * They can be used to apply styling rules.
34
+ */
35
+ const useDropzoneMonitor = (enabledTypes) => {
36
+ react_1.default.useEffect(() => {
37
+ const monitor = window.document.body;
38
+ const addMonitor = (event) => {
39
+ var _a;
40
+ const types = ((_a = event.dataTransfer) === null || _a === void 0 ? void 0 : _a.types) || [];
41
+ const monitorTypes = [...new Set(types.filter((type) => enabledTypes.includes(type)))];
42
+ if (monitorTypes.length > 0 && !monitor.dataset.monitorDropzone) {
43
+ monitor.dataset.monitorDropzone = monitorTypes.join(" ");
44
+ }
45
+ event.preventDefault();
46
+ };
47
+ const removeMonitor = (event) => {
48
+ if (event.type === "drop" || monitor === event.target) {
49
+ delete monitor.dataset.monitorDropzone;
50
+ event.preventDefault();
51
+ }
52
+ };
53
+ if (monitor) {
54
+ monitor.addEventListener("dragover", addMonitor);
55
+ monitor.addEventListener("dragleave", removeMonitor);
56
+ monitor.addEventListener("drop", removeMonitor);
57
+ return () => {
58
+ monitor.removeEventListener("dragover", addMonitor);
59
+ monitor.removeEventListener("dragleave", removeMonitor);
60
+ monitor.removeEventListener("drop", removeMonitor);
61
+ };
62
+ }
63
+ return;
64
+ }, []);
65
+ };
66
+ exports.useDropzoneMonitor = useDropzoneMonitor;
30
67
  //# sourceMappingURL=helper.js.map
package/dist/cjs/components/Application/helper.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"helper.js","sourceRoot":"","sources":["../../../../src/components/Application/helper.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,6DAAsE;AAE/D,MAAM,8BAA8B,GAAG,CAAC,OAAgB,EAAE,SAAiB,EAAE,EAAE;IAClF,OAAO,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACxB,MAAM,UAAU,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QACzD,IAAI,OAAO,EAAE;YACT,4FAA4F;YAC5F,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,uBAAM,yBAAyB,CAAC,CAAC;YACvE,UAAU,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE;gBAC7B,IAAI,SAAS;oBAAE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;YACjE,CAAC,CAAC,CAAC;SACN;aAAM;YACH,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,uBAAM,yBAAyB,CAAC,CAAC;YAC1E,UAAU,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE;gBAC7B,IAAI,SAAS;oBAAE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;YACpE,CAAC,CAAC,CAAC;SACN;IACL,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;AAC7B,CAAC,CAAC;AAhBW,QAAA,8BAA8B,kCAgBzC"}
1
+ {"version":3,"file":"helper.js","sourceRoot":"","sources":["../../../../src/components/Application/helper.ts"],"names":[],"mappings":"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"}
package/dist/esm/cmem/react-flow/ReactFlow/ReactFlow.js CHANGED
@@ -22,6 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
22
22
  };
23
23
  import React from "react";
24
24
  import { default as ReactFlowOriginal } from "react-flow-renderer";
25
+ import { CLASSPREFIX as eccgui } from "../../../configuration/constants.js";
25
26
  import { ReactFlowMarkers } from "../../../extensions/react-flow/markers/ReactFlowMarkers.js";
26
27
  import { ReactFlowHotkeyContext } from "../extensions/ReactFlowHotkeyContext.js";
27
28
  import { useReactFlowScrollOnDrag } from "../extensions/scrollOnDragHook.js";
@@ -33,8 +34,33 @@ import * as workflowConfig from "./../configuration/workflow.js";
33
34
  * `ReactFlow` container extension that includes pre-configured nodes and edges for
34
35
  * Corporate Memory tools.
35
36
  */
36
- export var ReactFlow = React.forwardRef(function (_a, ref) {
37
- var _b = _a.configuration, configuration = _b === void 0 ? "unspecified" : _b, scrollOnDrag = _a.scrollOnDrag, children = _a.children, originalProps = __rest(_a, ["configuration", "scrollOnDrag", "children"]);
37
+ export var ReactFlow = React.forwardRef(function (_a, outerRef) {
38
+ var _b = _a.configuration, configuration = _b === void 0 ? "unspecified" : _b, scrollOnDrag = _a.scrollOnDrag, dropzoneFor = _a.dropzoneFor, children = _a.children, className = _a.className, originalProps = __rest(_a, ["configuration", "scrollOnDrag", "dropzoneFor", "children", "className"]);
39
+ var innerRef = React.useRef(null);
40
+ React.useImperativeHandle(outerRef, function () { return innerRef.current; }, []);
41
+ React.useEffect(function () {
42
+ var reactflowContainer = innerRef === null || innerRef === void 0 ? void 0 : innerRef.current;
43
+ if (reactflowContainer && dropzoneFor) {
44
+ var addDragover_1 = function (event) {
45
+ reactflowContainer.classList.add("".concat(eccgui, "-graphviz__canvas--draghover"));
46
+ event.preventDefault();
47
+ };
48
+ var removeDragover_1 = function (event) {
49
+ if (reactflowContainer === event.target) {
50
+ reactflowContainer.classList.remove("".concat(eccgui, "-graphviz__canvas--draghover"));
51
+ }
52
+ };
53
+ reactflowContainer.addEventListener("dragover", addDragover_1);
54
+ reactflowContainer.addEventListener("dragleave", removeDragover_1);
55
+ reactflowContainer.addEventListener("drop", removeDragover_1);
56
+ return function () {
57
+ reactflowContainer.removeEventListener("dragover", addDragover_1);
58
+ reactflowContainer.removeEventListener("dragleave", removeDragover_1);
59
+ reactflowContainer.removeEventListener("drop", removeDragover_1);
60
+ };
61
+ }
62
+ return;
63
+ }, [innerRef, dropzoneFor]);
38
64
  /** If the hot keys should be disabled. By default, they are always disabled. */
39
65
  var hotKeysDisabled = React.useContext(ReactFlowHotkeyContext).hotKeysDisabled;
40
66
  var scrollOnDragFunctions = useReactFlowScrollOnDrag({
@@ -48,7 +74,7 @@ export var ReactFlow = React.forwardRef(function (_a, ref) {
48
74
  workflow: workflowConfig,
49
75
  linking: linkingConfig,
50
76
  };
51
- return (React.createElement(ReactFlowOriginal, __assign({ ref: ref, nodeTypes: configReactFlow[configuration].nodeTypes, edgeTypes: configReactFlow[configuration].edgeTypes }, originalProps, scrollOnDragFunctions, { selectionKeyCode: hotKeysDisabled ? null : selectionKeyCode, deleteKeyCode: hotKeysDisabled ? null : deleteKeyCode, multiSelectionKeyCode: hotKeysDisabled ? null : multiSelectionKeyCode, zoomActivationKeyCode: hotKeysDisabled ? null : zoomActivationKeyCode }),
77
+ return (React.createElement(ReactFlowOriginal, __assign({ ref: innerRef, className: "".concat(eccgui, "-graphviz__canvas") + className ? " ".concat(className) : "", nodeTypes: configReactFlow[configuration].nodeTypes, edgeTypes: configReactFlow[configuration].edgeTypes }, originalProps, scrollOnDragFunctions, { "data-dropzone-for": dropzoneFor ? dropzoneFor.join(" ") : undefined, selectionKeyCode: hotKeysDisabled ? null : selectionKeyCode, deleteKeyCode: hotKeysDisabled ? null : deleteKeyCode, multiSelectionKeyCode: hotKeysDisabled ? null : multiSelectionKeyCode, zoomActivationKeyCode: hotKeysDisabled ? null : zoomActivationKeyCode }),
52
78
  children,
53
79
  React.createElement(ReactFlowMarkers, null)));
54
80
  });
package/dist/esm/cmem/react-flow/ReactFlow/ReactFlow.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ReactFlow.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/ReactFlow/ReactFlow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAA4C,MAAM,qBAAqB,CAAC;AAE7G,OAAO,EAAE,gBAAgB,EAAE,MAAM,yDAAyD,CAAC;AAC3F,OAAO,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAC9E,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAE1E,OAAO,KAAK,WAAW,MAAM,0BAA0B,CAAC;AACxD,OAAO,KAAK,aAAa,MAAM,4BAA4B,CAAC;AAC5D,OAAO,KAAK,iBAAiB,MAAM,gCAAgC,CAAC;AACpE,OAAO,KAAK,cAAc,MAAM,6BAA6B,CAAC;AAwB9D;;;GAGG;AACH,MAAM,CAAC,IAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACrC,UAAC,EAA2E,EAAE,GAAG;IAA9E,IAAA,qBAA6B,EAA7B,aAAa,mBAAG,aAAa,KAAA,EAAE,YAAY,kBAAA,EAAE,QAAQ,cAAA,EAAK,aAAa,cAAzE,6CAA2E,CAAF;IACtE,gFAAgF;IACxE,IAAA,eAAe,GAAK,KAAK,CAAC,UAAU,CAAC,sBAAsB,CAAC,gBAA7C,CAA8C;IAErE,IAAM,qBAAqB,GAAG,wBAAwB,CAAC;QACnD,cAAc,EAAE,aAAa;QAC7B,YAAY,cAAA;KACf,CAAC,CAAC;IAEK,IAAA,gBAAgB,GAAkE,aAAa,iBAA/E,EAAE,qBAAqB,GAA2C,aAAa,sBAAxD,EAAE,aAAa,GAA4B,aAAa,cAAzC,EAAE,qBAAqB,GAAK,aAAa,sBAAlB,CAAmB;IAExG,IAAM,eAAe,GAAG;QACpB,WAAW,EAAE,iBAAiB;QAC9B,KAAK,EAAE,WAAW;QAClB,QAAQ,EAAE,cAAc;QACxB,OAAO,EAAE,aAAa;KACzB,CAAC;IAEF,OAAO,CACH,oBAAC,iBAAiB,aACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC,SAAS,EACnD,SAAS,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC,SAAS,IAC/C,aAAa,EACb,qBAAqB,IACzB,gBAAgB,EAAE,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAE,gBAAwB,EACpE,aAAa,EAAE,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAE,aAAqB,EAC9D,qBAAqB,EAAE,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAE,qBAA6B,EAC9E,qBAAqB,EAAE,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAE,qBAA6B;QAE7E,QAAQ;QACT,oBAAC,gBAAgB,OAAG,CACJ,CACvB,CAAC;AACN,CAAC,CACJ,CAAC"}
1
+ {"version":3,"file":"ReactFlow.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/ReactFlow/ReactFlow.tsx"],"names":[],"mappings":"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"}
package/dist/esm/components/Accordion/Accordion.js CHANGED
@@ -29,8 +29,20 @@ var carbonAccordionSizeMapping = {
29
29
  large: "lg",
30
30
  };
31
31
  export var Accordion = function (_a) {
32
- var children = _a.children, _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.align, align = _c === void 0 ? "start" : _c, _d = _a.size, size = _d === void 0 ? "medium" : _d, otherProps = __rest(_a, ["children", "className", "align", "size"]);
33
- return (React.createElement(CarbonAccordion, __assign({ className: "".concat(eccgui, "-accordion__container ") + className, align: align, size: carbonAccordionSizeMapping[size] }, otherProps), children));
32
+ var children = _a.children, _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.align, align = _c === void 0 ? "start" : _c, _d = _a.whitespaceSize, whitespaceSize = _d === void 0 ? "medium" : _d, _e = _a.separationSize, separationSize = _e === void 0 ? "none" : _e, _f = _a.size, size = _f === void 0 ? "medium" : _f, otherProps = __rest(_a, ["children", "className", "align", "whitespaceSize", "separationSize", "size"]);
33
+ var headerWhitespaceSize = typeof whitespaceSize === "string" ? whitespaceSize : whitespaceSize.header;
34
+ var contentWhitespaceSize = typeof whitespaceSize === "string" ? whitespaceSize : whitespaceSize.content;
35
+ return (React.createElement(CarbonAccordion, __assign({ className: "".concat(eccgui, "-accordion__container") +
36
+ (headerWhitespaceSize !== "medium"
37
+ ? " ".concat(eccgui, "-accordion__container--global-headerspace-").concat(headerWhitespaceSize)
38
+ : "") +
39
+ (contentWhitespaceSize !== "medium"
40
+ ? " ".concat(eccgui, "-accordion__container--global-contentspace-").concat(contentWhitespaceSize)
41
+ : "") +
42
+ (separationSize !== "none"
43
+ ? " ".concat(eccgui, "-accordion__container--global-separationspace-").concat(separationSize)
44
+ : "") +
45
+ (className ? " ".concat(className) : ""), align: align, size: carbonAccordionSizeMapping[size] }, otherProps), children));
34
46
  };
35
47
  export default Accordion;
36
48
  //# sourceMappingURL=Accordion.js.map
package/dist/esm/components/Accordion/Accordion.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,IAAI,eAAe,EAA0C,MAAM,yBAAyB,CAAC;AAE/G,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAatE,IAAM,0BAA0B,GAAG;IAC/B,KAAK,EAAE,IAAa;IACpB,MAAM,EAAE,IAAa;IACrB,KAAK,EAAE,IAAa;CACvB,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,EAMT;IALb,IAAA,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,aAAe,EAAf,KAAK,mBAAG,OAAO,KAAA,EACf,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACZ,UAAU,cALS,0CAMzB,CADgB;IAEb,OAAO,CACH,oBAAC,eAAe,aACZ,SAAS,EAAE,UAAG,MAAM,2BAAwB,GAAG,SAAS,EACxD,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,0BAA0B,CAAC,IAAI,CAAC,IAClC,UAAU,GAEb,QAAQ,CACK,CACrB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,IAAI,eAAe,EAA0C,MAAM,yBAAyB,CAAC;AAE/G,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAwBtE,IAAM,0BAA0B,GAAG;IAC/B,KAAK,EAAE,IAAa;IACpB,MAAM,EAAE,IAAa;IACrB,KAAK,EAAE,IAAa;CACvB,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,EAQT;IAPb,IAAA,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,aAAe,EAAf,KAAK,mBAAG,OAAO,KAAA,EACf,sBAAyB,EAAzB,cAAc,mBAAG,QAAQ,KAAA,EACzB,sBAAuB,EAAvB,cAAc,mBAAG,MAAM,KAAA,EACvB,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACZ,UAAU,cAPS,8EAQzB,CADgB;IAEb,IAAM,oBAAoB,GAAG,OAAO,cAAc,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC;IACzG,IAAM,qBAAqB,GAAG,OAAO,cAAc,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC;IAC3G,OAAO,CACH,oBAAC,eAAe,aACZ,SAAS,EACL,UAAG,MAAM,0BAAuB;YAChC,CAAC,oBAAoB,KAAK,QAAQ;gBAC9B,CAAC,CAAC,WAAI,MAAM,uDAA6C,oBAAoB,CAAE;gBAC/E,CAAC,CAAC,EAAE,CAAC;YACT,CAAC,qBAAqB,KAAK,QAAQ;gBAC/B,CAAC,CAAC,WAAI,MAAM,wDAA8C,qBAAqB,CAAE;gBACjF,CAAC,CAAC,EAAE,CAAC;YACT,CAAC,cAAc,KAAK,MAAM;gBACtB,CAAC,CAAC,WAAI,MAAM,2DAAiD,cAAc,CAAE;gBAC7E,CAAC,CAAC,EAAE,CAAC;YACT,CAAC,SAAS,CAAC,CAAC,CAAC,WAAI,SAAS,CAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAEtC,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,0BAA0B,CAAC,IAAI,CAAC,IAClC,UAAU,GAEb,QAAQ,CACK,CACrB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/dist/esm/components/Accordion/AccordionItem.js CHANGED
@@ -24,11 +24,20 @@ import React from "react";
24
24
  import { AccordionItem as CarbonAccordionItem, } from "carbon-components-react";
25
25
  import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
26
26
  export var AccordionItem = function (_a) {
27
- var children = _a.children, label = _a.label, _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.fullWidth, fullWidth = _c === void 0 ? false : _c, _d = _a.elevated, elevated = _d === void 0 ? false : _d, _e = _a.condensed, condensed = _e === void 0 ? false : _e, _f = _a.noBorder, noBorder = _f === void 0 ? false : _f, otherProps = __rest(_a, ["children", "label", "className", "fullWidth", "elevated", "condensed", "noBorder"]);
27
+ var children = _a.children, label = _a.label, _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.fullWidth, fullWidth = _c === void 0 ? false : _c, _d = _a.elevated, elevated = _d === void 0 ? false : _d, _e = _a.whitespaceSize, whitespaceSize = _e === void 0 ? "medium" : _e, _f = _a.separationSize, separationSize = _f === void 0 ? "none" : _f, _g = _a.condensed, condensed = _g === void 0 ? false : _g, _h = _a.noBorder, noBorder = _h === void 0 ? false : _h, otherProps = __rest(_a, ["children", "label", "className", "fullWidth", "elevated", "whitespaceSize", "separationSize", "condensed", "noBorder"]);
28
+ var headerWhitespaceSize = typeof whitespaceSize === "string" ? whitespaceSize : whitespaceSize.header;
29
+ var contentWhitespaceSize = typeof whitespaceSize === "string" ? whitespaceSize : whitespaceSize.content;
28
30
  return (React.createElement(CarbonAccordionItem, __assign({ className: "".concat(eccgui, "-accordion__item") +
29
31
  (className ? " " + className : "") +
30
32
  (fullWidth ? " ".concat(eccgui, "-accordion__item--fullwidth") : "") +
31
33
  (elevated ? " ".concat(eccgui, "-accordion__item--elevated") : "") +
34
+ (headerWhitespaceSize !== "medium"
35
+ ? " ".concat(eccgui, "-accordion__item--headerspace-").concat(headerWhitespaceSize)
36
+ : "") +
37
+ (contentWhitespaceSize !== "medium"
38
+ ? " ".concat(eccgui, "-accordion__item--contentspace-").concat(contentWhitespaceSize)
39
+ : "") +
40
+ (separationSize !== "none" ? " ".concat(eccgui, "-accordion__item--separationspace-").concat(separationSize) : "") +
32
41
  (condensed ? " ".concat(eccgui, "-accordion__item--condensed") : "") +
33
42
  (noBorder ? " ".concat(eccgui, "-accordion__item--noborder") : ""), title: label }, otherProps), children));
34
43
  };
package/dist/esm/components/Accordion/AccordionItem.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionItem.js","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACH,aAAa,IAAI,mBAAmB,GAEvC,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AA8BtE,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,EAST;IARjB,IAAA,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EACb,UAAU,cARa,oFAS7B,CADgB;IAEb,OAAO,CACH,oBAAC,mBAAmB,aAChB,SAAS,EACL,UAAG,MAAM,qBAAkB;YAC3B,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;YAClC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAI,MAAM,gCAA6B,CAAC,CAAC,CAAC,EAAE,CAAC;YAC1D,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAI,MAAM,+BAA4B,CAAC,CAAC,CAAC,EAAE,CAAC;YACxD,CAAC,SAAS,CAAC,CAAC,CAAC,WAAI,MAAM,gCAA6B,CAAC,CAAC,CAAC,EAAE,CAAC;YAC1D,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAI,MAAM,+BAA4B,CAAC,CAAC,CAAC,EAAE,CAAC,EAE5D,KAAK,EAAE,KAAK,IACR,UAAU,GAEb,QAAQ,CACS,CACzB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"AccordionItem.js","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACH,aAAa,IAAI,mBAAmB,GAEvC,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AA0CtE,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,EAWT;IAVjB,IAAA,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,sBAAyB,EAAzB,cAAc,mBAAG,QAAQ,KAAA,EACzB,sBAAuB,EAAvB,cAAc,mBAAG,MAAM,KAAA,EACvB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EACb,UAAU,cAVa,wHAW7B,CADgB;IAEb,IAAM,oBAAoB,GAAG,OAAO,cAAc,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC;IACzG,IAAM,qBAAqB,GAAG,OAAO,cAAc,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC;IAC3G,OAAO,CACH,oBAAC,mBAAmB,aAChB,SAAS,EACL,UAAG,MAAM,qBAAkB;YAC3B,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;YAClC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAI,MAAM,gCAA6B,CAAC,CAAC,CAAC,EAAE,CAAC;YAC1D,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAI,MAAM,+BAA4B,CAAC,CAAC,CAAC,EAAE,CAAC;YACxD,CAAC,oBAAoB,KAAK,QAAQ;gBAC9B,CAAC,CAAC,WAAI,MAAM,2CAAiC,oBAAoB,CAAE;gBACnE,CAAC,CAAC,EAAE,CAAC;YACT,CAAC,qBAAqB,KAAK,QAAQ;gBAC/B,CAAC,CAAC,WAAI,MAAM,4CAAkC,qBAAqB,CAAE;gBACrE,CAAC,CAAC,EAAE,CAAC;YACT,CAAC,cAAc,KAAK,MAAM,CAAC,CAAC,CAAC,WAAI,MAAM,+CAAqC,cAAc,CAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YAClG,CAAC,SAAS,CAAC,CAAC,CAAC,WAAI,MAAM,gCAA6B,CAAC,CAAC,CAAC,EAAE,CAAC;YAC1D,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAI,MAAM,+BAA4B,CAAC,CAAC,CAAC,EAAE,CAAC,EAE5D,KAAK,EAAE,KAAK,IACR,UAAU,GAEb,QAAQ,CACS,CACzB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
package/dist/esm/components/Application/ApplicationContainer.js CHANGED
@@ -23,10 +23,13 @@ var __rest = (this && this.__rest) || function (s, e) {
23
23
  import React from "react";
24
24
  import { OverlaysProvider } from "@blueprintjs/core";
25
25
  import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
26
+ import { useDropzoneMonitor } from "./helper.js";
26
27
  export var ApplicationContainer = function (_a) {
27
- var children = _a.children, _b = _a.className, className = _b === void 0 ? "" : _b, otherDivProps = __rest(_a, ["children", "className"]);
28
+ var children = _a.children, _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.monitorDropzonesFor, monitorDropzonesFor = _c === void 0 ? [] : _c, otherDivProps = __rest(_a, ["children", "className", "monitorDropzonesFor"]);
29
+ var containerRef = React.useRef(null);
30
+ useDropzoneMonitor(monitorDropzonesFor);
28
31
  return (React.createElement(OverlaysProvider, null,
29
- React.createElement("div", __assign({ className: "".concat(eccgui, "-application__container ").concat(className) }, otherDivProps), children)));
32
+ React.createElement("div", __assign({ ref: containerRef, className: "".concat(eccgui, "-application__container ").concat(className) }, otherDivProps), children)));
30
33
  };
31
34
  export default ApplicationContainer;
32
35
  //# sourceMappingURL=ApplicationContainer.js.map
package/dist/esm/components/Application/ApplicationContainer.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ApplicationContainer.js","sourceRoot":"","sources":["../../../../src/components/Application/ApplicationContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAItE,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAC,EAAyE;IAAvE,IAAA,QAAQ,cAAA,EAAE,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EAAK,aAAa,cAA5C,yBAA8C,CAAF;IAC7E,OAAO,CACH,oBAAC,gBAAgB;QACb,sCAAK,SAAS,EAAE,UAAG,MAAM,qCAA2B,SAAS,CAAE,IAAM,aAAa,GAC7E,QAAQ,CACP,CACS,CACtB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
1
+ {"version":3,"file":"ApplicationContainer.js","sourceRoot":"","sources":["../../../../src/components/Application/ApplicationContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAEtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAU9C,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAC,EAKT;IAJxB,IAAA,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,2BAAwB,EAAxB,mBAAmB,mBAAG,EAAE,KAAA,EACrB,aAAa,cAJiB,gDAKpC,CADmB;IAEhB,IAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAM,IAAI,CAAC,CAAC;IAC7C,kBAAkB,CAAC,mBAAmB,CAAC,CAAC;IAExC,OAAO,CACH,oBAAC,gBAAgB;QACb,sCAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,UAAG,MAAM,qCAA2B,SAAS,CAAE,IAAM,aAAa,GAChG,QAAQ,CACP,CACS,CACtB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
package/dist/esm/components/Application/helper.js CHANGED
@@ -1,3 +1,28 @@
1
+ var __read = (this && this.__read) || function (o, n) {
2
+ var m = typeof Symbol === "function" && o[Symbol.iterator];
3
+ if (!m) return o;
4
+ var i = m.call(o), r, ar = [], e;
5
+ try {
6
+ while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
7
+ }
8
+ catch (error) { e = { error: error }; }
9
+ finally {
10
+ try {
11
+ if (r && !r.done && (m = i["return"])) m.call(i);
12
+ }
13
+ finally { if (e) throw e.error; }
14
+ }
15
+ return ar;
16
+ };
17
+ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
18
+ if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
19
+ if (ar || !(i in from)) {
20
+ if (!ar) ar = Array.prototype.slice.call(from, 0, i);
21
+ ar[i] = from[i];
22
+ }
23
+ }
24
+ return to.concat(ar || Array.prototype.slice.call(from));
25
+ };
1
26
  import React from "react";
2
27
  import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
3
28
  export var useApplicationHeaderOverModals = function (elevate, className) {
@@ -20,4 +45,40 @@ export var useApplicationHeaderOverModals = function (elevate, className) {
20
45
  }
21
46
  }, [elevate, className]);
22
47
  };
48
+ /**
49
+ * Tracks drag operations over the application.
50
+ * Sets different data attributes to the body element.
51
+ * They can be used to apply styling rules.
52
+ */
53
+ export var useDropzoneMonitor = function (enabledTypes) {
54
+ React.useEffect(function () {
55
+ var monitor = window.document.body;
56
+ var addMonitor = function (event) {
57
+ var _a;
58
+ var types = ((_a = event.dataTransfer) === null || _a === void 0 ? void 0 : _a.types) || [];
59
+ var monitorTypes = __spreadArray([], __read(new Set(types.filter(function (type) { return enabledTypes.includes(type); }))), false);
60
+ if (monitorTypes.length > 0 && !monitor.dataset.monitorDropzone) {
61
+ monitor.dataset.monitorDropzone = monitorTypes.join(" ");
62
+ }
63
+ event.preventDefault();
64
+ };
65
+ var removeMonitor = function (event) {
66
+ if (event.type === "drop" || monitor === event.target) {
67
+ delete monitor.dataset.monitorDropzone;
68
+ event.preventDefault();
69
+ }
70
+ };
71
+ if (monitor) {
72
+ monitor.addEventListener("dragover", addMonitor);
73
+ monitor.addEventListener("dragleave", removeMonitor);
74
+ monitor.addEventListener("drop", removeMonitor);
75
+ return function () {
76
+ monitor.removeEventListener("dragover", addMonitor);
77
+ monitor.removeEventListener("dragleave", removeMonitor);
78
+ monitor.removeEventListener("drop", removeMonitor);
79
+ };
80
+ }
81
+ return;
82
+ }, []);
83
+ };
23
84
  //# sourceMappingURL=helper.js.map
package/dist/esm/components/Application/helper.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"helper.js","sourceRoot":"","sources":["../../../../src/components/Application/helper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAEtE,MAAM,CAAC,IAAM,8BAA8B,GAAG,UAAC,OAAgB,EAAE,SAAiB;IAC9E,OAAO,KAAK,CAAC,SAAS,CAAC;QACnB,IAAM,UAAU,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QACzD,IAAI,OAAO,EAAE;YACT,4FAA4F;YAC5F,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,UAAG,MAAM,4BAAyB,CAAC,CAAC;YACvE,UAAU,CAAC,OAAO,CAAC,UAAC,SAAS;gBACzB,IAAI,SAAS;oBAAE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;YACjE,CAAC,CAAC,CAAC;SACN;aAAM;YACH,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,UAAG,MAAM,4BAAyB,CAAC,CAAC;YAC1E,UAAU,CAAC,OAAO,CAAC,UAAC,SAAS;gBACzB,IAAI,SAAS;oBAAE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;YACpE,CAAC,CAAC,CAAC;SACN;IACL,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;AAC7B,CAAC,CAAC"}
1
+ {"version":3,"file":"helper.js","sourceRoot":"","sources":["../../../../src/components/Application/helper.ts"],"names":[],"mappings":"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"}
package/dist/types/cmem/react-flow/ReactFlow/ReactFlow.d.ts CHANGED
@@ -5,6 +5,10 @@ export interface ReactFlowProps extends ReactFlowOriginalProps {
5
5
  * Load `ReactFlow` component with pre-configured values for `nodeTypes` and `edgeTypes`
6
6
  */
7
7
  configuration?: "unspecified" | "graph" | "workflow" | "linking";
8
+ /**
9
+ * Types data transfers that can be dragged in and dropped on the canvas.
10
+ */
11
+ dropzoneFor?: string[];
8
12
  /** If defined the canvas scrolls on all drag operations (node, selection, edge connect)
9
13
  * when the mouse pointer comes near the canvas borders or goes beyond them.
10
14
  * The `id` property of the ReactFlow component must be set in order for this to work.
package/dist/types/components/Accordion/Accordion.d.ts CHANGED
@@ -1,14 +1,24 @@
1
1
  import React from "react";
2
2
  import { AccordionProps as CarbonAccordionProps } from "carbon-components-react";
3
+ import { AccordionItemProps } from "./AccordionItem";
3
4
  export interface AccordionProps extends Omit<CarbonAccordionProps, "className" | "size"> {
4
5
  /**
5
6
  * Additional CSS classes.
6
7
  */
7
8
  className?: string;
9
+ /**
10
+ * Defines how much whitespace is used on top and bottom inside the header and content of an accordion item.
11
+ */
12
+ whitespaceSize?: AccordionItemProps["whitespaceSize"];
13
+ /**
14
+ * Defines how much space is used for the separation between an accordion item and the next one.
15
+ */
16
+ separationSize?: AccordionItemProps["separationSize"];
8
17
  /**
9
18
  * How much space is used for the header of the each of the accordion items.
19
+ * @deprecated Use ẁhitespaceSize` on `Accordion` or `AccordionItem` instead.
10
20
  */
11
21
  size?: "small" | "medium" | "large";
12
22
  }
13
- export declare const Accordion: ({ children, className, align, size, ...otherProps }: AccordionProps) => React.JSX.Element;
23
+ export declare const Accordion: ({ children, className, align, whitespaceSize, separationSize, size, ...otherProps }: AccordionProps) => React.JSX.Element;
14
24
  export default Accordion;
package/dist/types/components/Accordion/AccordionItem.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import React from "react";
2
2
  import { AccordionItemProps as CarbonAccordionItemProps } from "carbon-components-react";
3
+ declare type sizeOptions = "none" | "small" | "medium" | "large";
3
4
  export interface AccordionItemProps extends Omit<CarbonAccordionItemProps, "title" | "iconDescription" | "renderExpando"> {
4
5
  /**
5
6
  * additional user class name
@@ -13,8 +14,21 @@ export interface AccordionItemProps extends Omit<CarbonAccordionItemProps, "titl
13
14
  * use full available width for content
14
15
  */
15
16
  fullWidth?: boolean;
17
+ /**
18
+ * Defines how much whitespace is used on top and bottom inside the header and content of an accordion item.
19
+ * Seeting on `AccordionItem` overwrites the global setting on `Accordion`.
20
+ */
21
+ whitespaceSize?: sizeOptions | {
22
+ header: sizeOptions;
23
+ content: sizeOptions;
24
+ };
25
+ /**
26
+ * Defines how much space is used for the separation between the accordion item and the next one.
27
+ */
28
+ separationSize?: sizeOptions;
16
29
  /**
17
30
  * minimize white space and paddings
31
+ * @deprecated Use `whitespaceSize="none"` on `Accordion` or `AccordionItem` instead.
18
32
  */
19
33
  condensed?: boolean;
20
34
  /**
@@ -26,5 +40,5 @@ export interface AccordionItemProps extends Omit<CarbonAccordionItemProps, "titl
26
40
  */
27
41
  elevated?: boolean;
28
42
  }
29
- export declare const AccordionItem: ({ children, label, className, fullWidth, elevated, condensed, noBorder, ...otherProps }: AccordionItemProps) => React.JSX.Element;
43
+ export declare const AccordionItem: ({ children, label, className, fullWidth, elevated, whitespaceSize, separationSize, condensed, noBorder, ...otherProps }: AccordionItemProps) => React.JSX.Element;
30
44
  export default AccordionItem;
package/dist/types/components/Application/ApplicationContainer.d.ts CHANGED
@@ -1,4 +1,10 @@
1
1
  import React from "react";
2
- export declare type ApplicationContainerProps = React.HTMLAttributes<HTMLDivElement>;
3
- export declare const ApplicationContainer: ({ children, className, ...otherDivProps }: ApplicationContainerProps) => React.JSX.Element;
2
+ export interface ApplicationContainerProps extends React.HTMLAttributes<HTMLDivElement> {
3
+ /**
4
+ * If set then the `element` is extended automatically by a `monitor-dropzone` data attribute.
5
+ * This need to match with a `dropzone-for` data attribute on available dropzones for dragged elements.
6
+ */
7
+ monitorDropzonesFor?: string[];
8
+ }
9
+ export declare const ApplicationContainer: ({ children, className, monitorDropzonesFor, ...otherDivProps }: ApplicationContainerProps) => React.JSX.Element;
4
10
  export default ApplicationContainer;
package/dist/types/components/Application/helper.d.ts CHANGED
@@ -1 +1,7 @@
1
1
  export declare const useApplicationHeaderOverModals: (elevate: boolean, className: string) => void;
2
+ /**
3
+ * Tracks drag operations over the application.
4
+ * Sets different data attributes to the body element.
5
+ * They can be used to apply styling rules.
6
+ */
7
+ export declare const useDropzoneMonitor: (enabledTypes: string[]) => void;