@eccenca/gui-elements 25.2.0 → 26.0.0-rc.0

package/src/extensions/react-flow/nodes/stories/NodeDefault.stories.tsx

@@ -2,7 +2,7 @@ import React, { useCallback, useEffect, useState } from "react";
 import { Elements, Node } from "react-flow-renderer";
 import { Meta, StoryFn } from "@storybook/react";
 
-import { ReactFlow } from "./../../../../cmem";
+import { ReactFlowExtended } from "./../../../../cmem";
 import { NodeDefault } from "./../NodeDefault";
 import { Default as NodeContentExample } from "./NodeContent.stories";
 import { nodeTypes } from "./nodeTypes";
@@ -110,11 +110,11 @@ const NodeDefaultExample = (args: Node) => {
                 setReactflowInstance(rfi);
             }
         },
-        [reactflowInstance]
+        [reactflowInstance],
     );
 
     return (
-        <ReactFlow
+        <ReactFlowExtended
             elements={elements}
             style={{ height: "400px" }}
             onLoad={onLoad}

package/src/includes/blueprintjs/_variables.scss

@@ -59,3 +59,4 @@ $pt-font-size-small: $eccgui-size-typo-caption !default;
 $pt-line-height: $eccgui-size-typo-text-lineheight !default;
 $pt-icon-size-standard: 20px !default;
 $pt-icon-size-large: 32px !default;
+$pt-border-radius: 2px !default;

package/src/includes/carbon-components/_variables.scss

@@ -4,7 +4,7 @@
  * - see blueprint import for variables that need to be overwritten with other values
  */
 
- @use "sass:math";
+@use "sass:math";
 
 // Configuration
 

package/src/index.scss

@@ -25,10 +25,10 @@
 // calculate blueprintjs configuration
 @import "./includes/blueprintjs/variables";
 
-// map our palette to BLueprint colors
+// map our palette to BlueprintJS colors
 @import "./includes/blueprintjs/colormap";
 
-// load blueprintjs requisists
+// load blueprintjs requisites
 @import "./includes/blueprintjs/requisits";
 
 // load blueprintjs components

package/src/test/setupTests.js

@@ -1,6 +1,6 @@
 import "regenerator-runtime/runtime";
 
-if (window.document) {
+if (typeof window !== "undefined" && window.document) {
     window.document.body.createTextRange = function () {
         return {
             setEnd: function () {},

package/dist/cjs/extensions/react-flow/edges/EdgeDefs.js

@@ -1,17 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EdgeDefs = void 0;
-const react_1 = __importDefault(require("react"));
-/**
- * @deprecated (v26) use `<ReactFlowMarkers />`
- */
-exports.EdgeDefs = react_1.default.memo(() => (react_1.default.createElement("svg", { style: { position: "absolute", top: 0, left: 0 } },
-    react_1.default.createElement("defs", null,
-        react_1.default.createElement("marker", { id: "arrow-closed", viewBox: "-10 -10 20 20", markerWidth: "10", markerHeight: "10", refX: "0", refY: "0", orient: "auto" },
-            react_1.default.createElement("path", { d: "M-4,-4 L4,0 L-4,4 Z", fill: "currentColor" })),
-        react_1.default.createElement("marker", { id: "arrow-closed-reverse", viewBox: "-10 -10 20 20", markerWidth: "10", markerHeight: "10", refX: "0", refY: "0", orient: "auto-start-reverse" },
-            react_1.default.createElement("path", { d: "M-4,-4 L4,0 L-4,4 Z", fill: "currentColor" }))))));
-//# sourceMappingURL=EdgeDefs.js.map

package/dist/cjs/extensions/react-flow/edges/EdgeDefs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EdgeDefs.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/edges/EdgeDefs.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B;;GAEG;AACU,QAAA,QAAQ,GAAG,eAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CACrC,uCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE;IACjD;QACI,0CACI,EAAE,EAAC,cAAc,EACjB,OAAO,EAAC,eAAe,EACvB,WAAW,EAAC,IAAI,EAChB,YAAY,EAAC,IAAI,EACjB,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,GAAG,EACR,MAAM,EAAC,MAAM;YAEb,wCAAM,CAAC,EAAC,qBAAqB,EAAC,IAAI,EAAC,cAAc,GAAG,CAC/C;QACT,0CACI,EAAE,EAAC,sBAAsB,EACzB,OAAO,EAAC,eAAe,EACvB,WAAW,EAAC,IAAI,EAChB,YAAY,EAAC,IAAI,EACjB,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,GAAG,EACR,MAAM,EAAC,oBAAoB;YAE3B,wCAAM,CAAC,EAAC,qBAAqB,EAAC,IAAI,EAAC,cAAc,GAAG,CAC/C,CACN,CACL,CACT,CAAC,CAAC"}

package/dist/esm/extensions/react-flow/edges/EdgeDefs.js

@@ -1,11 +0,0 @@
-import React from "react";
-/**
- * @deprecated (v26) use `<ReactFlowMarkers />`
- */
-export var EdgeDefs = React.memo(function () { return (React.createElement("svg", { style: { position: "absolute", top: 0, left: 0 } },
-    React.createElement("defs", null,
-        React.createElement("marker", { id: "arrow-closed", viewBox: "-10 -10 20 20", markerWidth: "10", markerHeight: "10", refX: "0", refY: "0", orient: "auto" },
-            React.createElement("path", { d: "M-4,-4 L4,0 L-4,4 Z", fill: "currentColor" })),
-        React.createElement("marker", { id: "arrow-closed-reverse", viewBox: "-10 -10 20 20", markerWidth: "10", markerHeight: "10", refX: "0", refY: "0", orient: "auto-start-reverse" },
-            React.createElement("path", { d: "M-4,-4 L4,0 L-4,4 Z", fill: "currentColor" }))))); });
-//# sourceMappingURL=EdgeDefs.js.map

package/dist/esm/extensions/react-flow/edges/EdgeDefs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EdgeDefs.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/edges/EdgeDefs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,IAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,cAAM,OAAA,CACrC,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE;IACjD;QACI,gCACI,EAAE,EAAC,cAAc,EACjB,OAAO,EAAC,eAAe,EACvB,WAAW,EAAC,IAAI,EAChB,YAAY,EAAC,IAAI,EACjB,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,GAAG,EACR,MAAM,EAAC,MAAM;YAEb,8BAAM,CAAC,EAAC,qBAAqB,EAAC,IAAI,EAAC,cAAc,GAAG,CAC/C;QACT,gCACI,EAAE,EAAC,sBAAsB,EACzB,OAAO,EAAC,eAAe,EACvB,WAAW,EAAC,IAAI,EAChB,YAAY,EAAC,IAAI,EACjB,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,GAAG,EACR,MAAM,EAAC,oBAAoB;YAE3B,8BAAM,CAAC,EAAC,qBAAqB,EAAC,IAAI,EAAC,cAAc,GAAG,CAC/C,CACN,CACL,CACT,EA3BwC,CA2BxC,CAAC,CAAC"}

package/dist/types/extensions/react-flow/edges/EdgeDefs.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-/**
- * @deprecated (v26) use `<ReactFlowMarkers />`
- */
-export declare const EdgeDefs: React.MemoExoticComponent<() => React.JSX.Element>;

package/src/extensions/react-flow/edges/EdgeDefs.tsx

@@ -1,33 +0,0 @@
-import React from "react";
-
-/**
- * @deprecated (v26) use `<ReactFlowMarkers />`
- */
-export const EdgeDefs = React.memo(() => (
-    <svg style={{ position: "absolute", top: 0, left: 0 }}>
-        <defs>
-            <marker
-                id="arrow-closed"
-                viewBox="-10 -10 20 20"
-                markerWidth="10"
-                markerHeight="10"
-                refX="0"
-                refY="0"
-                orient="auto"
-            >
-                <path d="M-4,-4 L4,0 L-4,4 Z" fill="currentColor" />
-            </marker>
-            <marker
-                id="arrow-closed-reverse"
-                viewBox="-10 -10 20 20"
-                markerWidth="10"
-                markerHeight="10"
-                refX="0"
-                refY="0"
-                orient="auto-start-reverse"
-            >
-                <path d="M-4,-4 L4,0 L-4,4 Z" fill="currentColor" />
-            </marker>
-        </defs>
-    </svg>
-));

package/src/extensions/react-flow/nodes/NodeDefaultV12.tsx

@@ -1,53 +0,0 @@
-import React, { memo } from "react";
-import { NodeProps as ReactFlowNodeProps, Position } from "react-flow-renderer";
-
-import { Tooltip } from "../../../index";
-
-import { NodeContent, NodeContentProps } from "./NodeContent";
-
-export interface NodeDefaultProps<NODE_DATA, NODE_CONTENT_PROPS = any> extends ReactFlowNodeProps {
-    /**
-     * Contains all properties for our implementation of the React-Flow node.
-     * For details pls see the `NodeContent` element documentation.
-     */
-    data: NodeContentProps<NODE_DATA, NODE_CONTENT_PROPS>;
-}
-
-/**
- * This element cannot be used directly, it must be connected via a `nodeTypes` definition.
- * @see https://reactflow.dev/docs/api/nodes/
- * @deprecated (v26) will be removed when `NodeDefault` supports v12 directly
- */
-export const NodeDefaultV12 = memo((node: NodeDefaultProps<any>) => {
-    const {
-        data,
-        targetPosition = Position.Left,
-        sourcePosition = Position.Right,
-        isConnectable = true,
-        selected,
-    } = node;
-
-    const nodeEl = (
-        <NodeContent {...{ flowVersion: "v12", ...data, targetPosition, sourcePosition, isConnectable, selected }} />
-    );
-
-    if (!selected && data?.minimalShape !== "none" && !!data?.getMinimalTooltipData) {
-        const tooltipData = data?.getMinimalTooltipData(node);
-        if (!!tooltipData.label || !!tooltipData.content) {
-            return (
-                <Tooltip
-                    content={
-                        <>
-                            {tooltipData.label && <div>{tooltipData.label}</div>}
-                            {tooltipData.content && <div>{tooltipData.content}</div>}
-                        </>
-                    }
-                >
-                    {nodeEl}
-                </Tooltip>
-            );
-        }
-    }
-
-    return nodeEl;
-});