schyma 1.0.3 → 1.0.5

package/dist/cjs/components/App.d.ts

@@ -1,9 +1,4 @@
 import React from "react";
-import { JSONSchema7Object } from "json-schema";
-interface Default {
-    title: string;
-    description: string;
-    schema: JSONSchema7Object;
-}
-declare function Schyma({ title, description, schema }: Default): React.JSX.Element;
+import { ISchyma } from "../types";
+declare function Schyma({ title, description, schema }: ISchyma): React.JSX.Element;
 export default Schyma;

package/dist/cjs/components/App.js

@@ -6,18 +6,20 @@ const Panel_1 = tslib_1.__importDefault(require("./Panel"));
 const react_2 = require("react");
 const Nodes_1 = tslib_1.__importDefault(require("./Nodes"));
 const ajv_1 = tslib_1.__importDefault(require("ajv"));
+const reusables_1 = require("../utils/reusables");
 function Schyma({ title, description, schema }) {
     const ajv = new ajv_1.default();
     const [currentNode, setCurrentNode] = (0, react_2.useState)();
     const [nNodes, setnNodes] = (0, react_2.useState)({});
     const [render, setRender] = (0, react_2.useState)(false);
     const position = { x: 0, y: 0 };
+    const properties = (0, reusables_1.propMerge)(schema, "");
     const initialNode = {
         id: '1',
         data: {
             label: title,
             description,
-            properties: schema.properties,
+            properties: properties,
             relations: {},
         },
         position,
@@ -30,7 +32,7 @@ function Schyma({ title, description, schema }) {
     }, [validate]);
     return (react_1.default.createElement("div", null, render ? react_1.default.createElement("div", { className: "body-wrapper" },
         react_1.default.createElement("div", { className: "node-container" },
-            react_1.default.createElement(Nodes_1.default, { setnNodes: setnNodes, nNodes: nNodes, setCurrentNode: setCurrentNode, initialNode: initialNode, schema: schema })),
+            react_1.default.createElement(Nodes_1.default, { setnNodes: setnNodes, setCurrentNode: setCurrentNode, nNodes: nNodes, initialNode: initialNode, schema: schema })),
         react_1.default.createElement(Panel_1.default, { title: title, description: description, node: currentNode, nodes: nNodes })) : react_1.default.createElement("div", null, "loading")));
 }
 exports.default = Schyma;

package/dist/cjs/components/App.js.map

@@ -1 +1 @@
-{"version":3,"file":"App.js","sourceRoot":"","sources":["../../../src/components/App.tsx"],"names":[],"mappings":";;;AAAA,uDAAyC;AAEzC,4DAA4B;AAC5B,iCAAiC;AACjC,4DAA4B;AAE5B,sDAAsB;AAStB,SAAS,MAAM,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAW;IACrD,MAAM,GAAG,GAAG,IAAI,aAAG,EAAE,CAAC;IACtB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,GAAQ,CAAC;IACvD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAE,GAAG,IAAA,gBAAQ,EAAsB,EAAE,CAAC,CAAC;IAC/D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,QAAQ,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;IAEhC,MAAM,WAAW,GAAS;QACxB,EAAE,EAAE,GAAG;QACP,IAAI,EAAE;YACJ,KAAK,EAAE,KAAK;YACZ,WAAW;YACX,UAAU,EAAE,MAAM,CAAC,UAAU;YAC7B,SAAS,EAAE,EAAE;SACd;QACD,QAAQ;KACT,CAAA;IACD,MAAM,QAAQ,GAAG,GAAG,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;IAC5C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAG,QAAQ,EAAC;YACV,SAAS,CAAC,IAAI,CAAC,CAAA;SAChB;IACH,CAAC,EAAC,CAAC,QAAQ,CAAC,CAAC,CAAA;IACb,OAAO,CACL,2CACG,MAAM,CAAC,CAAC,CAAC,uCAAK,SAAS,EAAC,cAAc;QACrC,uCAAK,SAAS,EAAC,gBAAgB;YAC/B,8BAAC,eAAK,IAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,GAAI,CACnH;QACN,8BAAC,eAAK,IACJ,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,WAAW,EACjB,KAAK,EAAE,MAAM,GACb,CACE,CAAC,CAAC,CAAC,qDAAkB,CACvB,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,MAAM,CAAA"}
+{"version":3,"file":"App.js","sourceRoot":"","sources":["../../../src/components/App.tsx"],"names":[],"mappings":";;;AAAA,uDAAyC;AAEzC,4DAA4B;AAC5B,iCAAiC;AACjC,4DAA4B;AAC5B,sDAAsB;AACtB,kDAA+C;AAG/C,SAAS,MAAM,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAW;IACrD,MAAM,GAAG,GAAG,IAAI,aAAG,EAAE,CAAC;IACtB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,GAAQ,CAAC;IACvD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAE,GAAG,IAAA,gBAAQ,EAAsB,EAAE,CAAC,CAAC;IAC/D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,QAAQ,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;IAChC,MAAM,UAAU,GAAG,IAAA,qBAAS,EAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IACzC,MAAM,WAAW,GAAS;QACxB,EAAE,EAAE,GAAG;QACP,IAAI,EAAE;YACJ,KAAK,EAAE,KAAK;YACZ,WAAW;YACX,UAAU,EAAE,UAAU;YACtB,SAAS,EAAE,EAAE;SACd;QACD,QAAQ;KACT,CAAA;IACD,MAAM,QAAQ,GAAG,GAAG,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;IAE5C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAG,QAAQ,EAAC;YACV,SAAS,CAAC,IAAI,CAAC,CAAA;SAChB;IACH,CAAC,EAAC,CAAC,QAAQ,CAAC,CAAC,CAAA;IACb,OAAO,CACL,2CACG,MAAM,CAAC,CAAC,CAAC,uCAAK,SAAS,EAAC,cAAc;QACrC,uCAAK,SAAS,EAAC,gBAAgB;YAC7B,8BAAC,eAAK,IAAC,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,GAAI,CACrH;QACN,8BAAC,eAAK,IACJ,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,WAAW,EACjB,KAAK,EAAE,MAAM,GACb,CACE,CAAC,CAAC,CAAC,qDAAkB,CACvB,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,MAAM,CAAA"}

package/dist/cjs/components/Nodes.js

@@ -1,13 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-/* eslint-disable import/no-anonymous-default-export */
 const react_1 = tslib_1.__importStar(require("react"));
 const react_flow_smart_edge_1 = require("@tisoap/react-flow-smart-edge");
-const reactflow_1 = tslib_1.__importStar(require("reactflow"));
-const dagre_1 = tslib_1.__importDefault(require("dagre"));
+const reactflow_1 = require("reactflow");
 const reusables_1 = require("../utils/reusables");
-const position = { x: 0, y: 50 };
+const dagreUtils_1 = require("../utils/dagreUtils");
+const position = { x: 0, y: 0, zoom: 0.2 };
 const initialEdges = [
     {
         id: 'edges-e5-7',
@@ -17,102 +16,91 @@ const initialEdges = [
         labelBgPadding: [8, 4],
         labelBgBorderRadius: 4,
         animated: true,
+        type: 'smart',
         markerEnd: {
             type: reactflow_1.MarkerType.ArrowClosed,
         },
     },
 ];
-const dagreGraph = new dagre_1.default.graphlib.Graph();
-dagreGraph.setDefaultEdgeLabel(() => ({}));
-const nodeWidth = 172;
-const nodeHeight = 36;
-const getLayoutedElements = (nodes, edges, direction = 'LR') => {
-    dagreGraph.setGraph({ rankdir: direction });
-    nodes.forEach(node => {
-        dagreGraph.setNode(node.id, { width: nodeWidth, height: nodeHeight });
-    });
-    edges.forEach((edge) => {
-        dagreGraph.setEdge(edge.source, edge.target);
-    });
-    dagre_1.default.layout(dagreGraph);
-    nodes.forEach((node) => {
-        const nodeId = node.id;
-        const nodeWithPosition = dagreGraph.node(nodeId);
-        node.sourcePosition = reactflow_1.Position.Right;
-        node.targetPosition = reactflow_1.Position.Left;
-        node.position = {
-            x: nodeWithPosition.x - nodeWidth / 3,
-            y: nodeWithPosition.y - nodeHeight / 3,
-        };
-        return node;
-    });
-    return { nodes, edges };
-};
-const Nodes = ({ setCurrentNode, setnNodes, initialNode, nNodes, schema }) => {
-    const { nodes: layoutedNodes, edges: layoutedEdges } = getLayoutedElements([initialNode], initialEdges);
-    const { setCenter } = (0, reactflow_1.useReactFlow)();
+function Flow({ initialNode, nNodes, setnNodes, setCurrentNode, schema }) {
+    const { nodes: layoutedNodes, edges: layoutedEdges } = (0, dagreUtils_1.getLayoutedElements)([initialNode], initialEdges);
     const [nodes, setNodes, onNodesChange] = (0, reactflow_1.useNodesState)(layoutedNodes);
     const [edges, setEdges, onEdgesChange] = (0, reactflow_1.useEdgesState)(layoutedEdges);
+    const { setCenter } = (0, reactflow_1.useReactFlow)();
     const onConnect = (0, react_1.useCallback)((connection) => setEdges((eds) => (0, reactflow_1.addEdge)(Object.assign(Object.assign({}, connection), { type: reactflow_1.ConnectionLineType.SmoothStep, animated: true }), eds)), 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []);
-    const focusNode = (children, zoom) => {
-        const length = children.length;
-        let middleChild;
-        if (length % 2 === 0) {
-            const middleIndex = length / 2;
-            middleChild = children[middleIndex];
-        }
-        else {
-            const middleIndex = Math.floor(length / 2);
-            middleChild = children[middleIndex];
-        }
-        setCenter(middleChild.position.x, middleChild.position.y, { zoom, duration: 1000 });
-    };
-    let initialNodes = [initialNode];
-    const extractChildren = (props, parent) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+    const extractChildren = (props, parent) => tslib_1.__awaiter(this, void 0, void 0, function* () {
         const children = [];
         for (const prop in props) {
             const id = String(Math.floor(Math.random() * 1000000));
             if (props[prop].$ref) {
                 const res = yield (0, reusables_1.resolveRef)(props[prop].$ref, schema);
-                children.push(Object.assign(Object.assign(Object.assign(Object.assign({}, props[prop]), { label: prop, id, parent: parent.id, relations: Object.assign(Object.assign({}, parent.relations), { [parent.id]: 'node' }) }), res), { children: [] }));
+                children.push({
+                    id,
+                    type: 'input',
+                    data: Object.assign(Object.assign(Object.assign(Object.assign({}, props[prop]), { label: prop, parent: parent.id, relations: Object.assign(Object.assign({}, parent.relations), { [parent.id]: 'node' }) }), res), { children: [] }),
+                    position: position,
+                    sourcePosition: reactflow_1.Position.Right,
+                    targetPosition: reactflow_1.Position.Left,
+                });
             }
             else {
-                children.push(Object.assign(Object.assign({}, props[prop]), { label: prop, id, parent: parent.id, relations: Object.assign(Object.assign({}, parent.relations), { [parent.id]: 'node' }), children: [] }));
+                children.push({
+                    id,
+                    type: 'input',
+                    data: Object.assign(Object.assign({}, props[prop]), { label: prop, id, parent: parent.id, relations: Object.assign(Object.assign({}, parent.relations), { [parent.id]: 'node' }), children: [] }),
+                    position: position,
+                    sourcePosition: reactflow_1.Position.Right,
+                    targetPosition: reactflow_1.Position.Left,
+                });
             }
         }
         return children;
     });
     (0, react_1.useEffect)(() => {
-        const newNodes = [];
-        initialNodes.map((item) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-            const children = yield extractChildren(item.data.properties, item);
+        const fetchInitialChildren = () => tslib_1.__awaiter(this, void 0, void 0, function* () {
+            const newNodes = [];
+            const properties = initialNode.data.properties;
+            const children = yield extractChildren(properties, initialNode);
             newNodes.push({
-                id: item.id,
-                type: "input",
+                id: initialNode.id,
+                type: 'input',
                 data: {
                     children,
-                    label: item.data.label,
-                    description: item.data.description,
-                    properties: Object.assign({}, item.data.properties),
-                    relations: item.data.relations
+                    label: initialNode.data.label,
+                    description: initialNode.data.description,
+                    properties: initialNode.data.properties,
+                    relations: initialNode.data.relations,
                 },
                 position: { x: 0, y: 0 },
                 sourcePosition: reactflow_1.Position.Right,
                 targetPosition: reactflow_1.Position.Left,
             });
-        }));
-        setNodes(newNodes);
+            setNodes(newNodes);
+        });
+        fetchInitialChildren();
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    const nodeClick = (_event, node) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+    // Node focus when clicked
+    const focusNode = (children, zoom) => {
+        if (children.length === 0)
+            return;
+        let middleChild = children[Math.floor(children.length / 2)];
+        const middleChildWithLatestPosition = nodes.filter((a) => a.id == middleChild.id)[0];
+        if (middleChildWithLatestPosition) {
+            middleChild = middleChildWithLatestPosition;
+        }
+        setCenter(middleChild.position.x, middleChild.position.y, { zoom, duration: 1000 });
+    };
+    // On Node Click
+    const nodeClick = (_event, node) => tslib_1.__awaiter(this, void 0, void 0, function* () {
         const findChildren = nodes.filter((item) => { var _a; return ((_a = item === null || item === void 0 ? void 0 : item.data) === null || _a === void 0 ? void 0 : _a.parent) === node.id; });
         if (!findChildren.length) {
             const itemChildren = node.data.children;
             const newEdges = [
                 ...edges,
-                ...node.data.children.map((item) => {
+                ...itemChildren.map((item) => {
                     var _a;
                     return {
                         id: String(Math.floor(Math.random() * 1000000)),
@@ -125,8 +113,8 @@ const Nodes = ({ setCurrentNode, setnNodes, initialNode, nNodes, schema }) => {
                 }),
             ];
             //TODO: Fix nodes type error
-            const newNodes = nodes.concat(node.data.children);
-            const { nodes: layoutedNodes, edges: layoutedEdges } = getLayoutedElements(newNodes, newEdges, "LR");
+            const newNodes = nodes.concat(itemChildren);
+            const { nodes: layoutedNodes, edges: layoutedEdges } = (0, dagreUtils_1.getLayoutedElements)(newNodes, newEdges, 'LR');
             setNodes([...layoutedNodes]);
             setEdges([...layoutedEdges]);
             if (itemChildren.length > 0) {
@@ -135,35 +123,42 @@ const Nodes = ({ setCurrentNode, setnNodes, initialNode, nNodes, schema }) => {
         }
         else {
             const newNodes = (0, reusables_1.removeElementsByParent)(nodes, node.id);
-            setNodes([...newNodes]);
+            const newEdges = (0, reusables_1.removeEdgesByParent)(edges, node.id);
+            const { nodes: layoutedNodes, edges: layoutedEdges } = (0, dagreUtils_1.getLayoutedElements)(newNodes, newEdges, 'LR');
+            setNodes([...layoutedNodes]);
+            setEdges([...layoutedEdges]);
+            focusNode([node], 0.9);
         }
     });
+    //On Node Hover
     function handleMouseEnter(_e, node) {
         return tslib_1.__awaiter(this, void 0, void 0, function* () {
             if (!nNodes[node.id]) {
                 const itemChildren = [];
-                yield Promise.all(node.data.children.map((item) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+                const nodeChildren = node.data.children;
+                yield Promise.all(nodeChildren.map((item) => tslib_1.__awaiter(this, void 0, void 0, function* () {
                     let children = [];
-                    const extractProps = (0, reusables_1.propMerge)(item, item.label);
+                    const label = item.data.label;
+                    const extractProps = (0, reusables_1.propMerge)(item.data, label);
                     if (Object.keys(extractProps).length > 0) {
                         const res = yield extractChildren(extractProps, item);
                         children = res;
                     }
+                    const relations = Object.assign(Object.assign({}, node.data.relations), item.data.relations);
                     itemChildren.push({
                         id: item.id,
-                        type: (children === null || children === void 0 ? void 0 : children.length) > 0 ? "default" : "output",
+                        type: (children === null || children === void 0 ? void 0 : children.length) > 0 ? 'default' : 'output',
                         data: {
-                            label: item.label,
+                            label: item.data.label,
                             children: children,
-                            parent: item.parent,
-                            examples: item.examples,
-                            description: item.description,
-                            relations: item.relations,
+                            parent: item.data.parent,
+                            examples: item.data.examples,
+                            description: item.data.description,
+                            relations: relations,
                         },
                         position: position,
                         sourcePosition: reactflow_1.Position.Right,
                         targetPosition: reactflow_1.Position.Left,
-                        draggable: false,
                     });
                 })));
                 node.data.children = itemChildren;
@@ -176,13 +171,11 @@ const Nodes = ({ setCurrentNode, setnNodes, initialNode, nNodes, schema }) => {
     const edgeTypes = {
         smart: react_flow_smart_edge_1.SmartBezierEdge,
     };
-    return (react_1.default.createElement("div", { className: 'wrapper', style: {
-            width: '100%',
-            height: '95vh',
-        } },
-        react_1.default.createElement(reactflow_1.default, { nodes: nodes, edges: edges, edgeTypes: edgeTypes, onNodesChange: onNodesChange, connectionLineType: reactflow_1.ConnectionLineType.SmoothStep, onEdgesChange: onEdgesChange, onConnect: onConnect, onNodeClick: nodeClick, onNodeMouseEnter: handleMouseEnter, fitView: true, defaultViewport: { x: 1, y: 1, zoom: 0.9 } })));
-};
-// eslint-disable-next-line react/display-name
+    return (react_1.default.createElement(reactflow_1.ReactFlow, { nodes: nodes, edges: edges, edgeTypes: edgeTypes, onNodesChange: onNodesChange, connectionLineType: reactflow_1.ConnectionLineType.SmoothStep, onEdgesChange: onEdgesChange, onConnect: onConnect, onNodeMouseEnter: handleMouseEnter, onNodeClick: nodeClick, fitView: true, defaultViewport: { x: 1, y: 1, zoom: 0.9 } },
+        react_1.default.createElement(reactflow_1.MiniMap, null),
+        react_1.default.createElement(reactflow_1.Controls, null),
+        react_1.default.createElement(reactflow_1.Background, null)));
+}
 exports.default = ({ setCurrentNode, setnNodes, nNodes, initialNode, schema }) => (react_1.default.createElement(reactflow_1.ReactFlowProvider, null,
-    react_1.default.createElement(Nodes, { setnNodes: setnNodes, nNodes: nNodes, setCurrentNode: setCurrentNode, initialNode: initialNode, schema: schema })));
+    react_1.default.createElement(Flow, { setnNodes: setnNodes, nNodes: nNodes, setCurrentNode: setCurrentNode, initialNode: initialNode, schema: schema })));
 //# sourceMappingURL=Nodes.js.map

package/dist/cjs/components/Nodes.js.map

@@ -1 +1 @@
-{"version":3,"file":"Nodes.js","sourceRoot":"","sources":["../../../src/components/Nodes.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Nodes.js","sourceRoot":"","sources":["../../../src/components/Nodes.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/constants/node.d.ts

@@ -0,0 +1,2 @@
+export declare const nodeWidth = 172;
+export declare const nodeHeight = 36;

package/dist/cjs/constants/node.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.nodeHeight = exports.nodeWidth = void 0;
+exports.nodeWidth = 172;
+exports.nodeHeight = 36;
+//# sourceMappingURL=node.js.map

package/dist/cjs/constants/node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"node.js","sourceRoot":"","sources":["../../../src/constants/node.ts"],"names":[],"mappings":";;;AAAa,QAAA,SAAS,GAAG,GAAG,CAAA;AACf,QAAA,UAAU,GAAG,EAAE,CAAA"}

package/dist/cjs/style.css

@@ -307,7 +307,8 @@
 .react-flow__node-group {
   padding: 10px;
   border-radius: 3px;
-  width: 150px;
+  min-width: 150px;
+  max-width: auto;
   font-size: 12px;
   color: #222;
   text-align: center;

package/dist/cjs/types.d.ts

@@ -1,24 +1,20 @@
-export type NodeType = {
-    id: string;
-    name: string;
-    parent: number;
-    description: string;
-    children: Array<Node>;
-    $ref?: string;
+import { JSONSchema7Object } from "json-schema";
+import { Node } from "reactflow";
+export interface ISchyma {
     title: string;
+    description: string;
+    schema: JSONSchema7Object;
+}
+export interface IObject {
+    [x: string]: any;
+}
+export interface NodeData {
     label: string;
-    targetPosition?: string;
-    sourcePosition?: string;
-    position?: object;
-    data?: NodeType;
-};
-export type EdgeType = {
     id: string;
-    source: string;
-    target: string;
-    label: string;
-    labelBgPadding: number[];
-    labelBgBorderRadius: number;
-    labelBgStyle: object;
-    markerEnd: object;
-};
+    children: Node[];
+    description?: string;
+    properties?: any;
+    relations: any;
+    examples?: any;
+    parent: string;
+}

package/dist/cjs/types.js

@@ -1,3 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+// export interface INode extends Node {
+//   data: NodeData
+// }
 //# sourceMappingURL=types.js.map

package/dist/cjs/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":";;AAwBA,wCAAwC;AACxC,mBAAmB;AACnB,IAAI"}

package/dist/cjs/utils/dagreUtils.d.ts

@@ -0,0 +1,5 @@
+import { Edge, Node } from 'reactflow';
+export declare const getLayoutedElements: (nodes: Node[], edges: Edge[], direction?: string) => {
+    nodes: Node<any, string | undefined>[];
+    edges: Edge<any>[];
+};

package/dist/cjs/utils/dagreUtils.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getLayoutedElements = void 0;
+const tslib_1 = require("tslib");
+const reactflow_1 = require("reactflow");
+const node_1 = require("../constants/node");
+const dagre_1 = tslib_1.__importDefault(require("@dagrejs/dagre"));
+const getLayoutedElements = (nodes, edges, direction = 'LR') => {
+    const dagreGraph = new dagre_1.default.graphlib.Graph();
+    dagreGraph.setDefaultEdgeLabel(() => ({}));
+    dagreGraph.setGraph({ rankdir: direction });
+    nodes.forEach((node) => {
+        dagreGraph.setNode(node.id, { width: node_1.nodeWidth, height: node_1.nodeHeight });
+    });
+    edges.forEach((edge) => {
+        dagreGraph.setEdge(edge.source, edge.target);
+    });
+    dagre_1.default.layout(dagreGraph);
+    nodes.forEach((node) => {
+        const nodeId = node.id;
+        const nodeWithPosition = dagreGraph.node(nodeId);
+        node.sourcePosition = reactflow_1.Position.Right;
+        node.targetPosition = reactflow_1.Position.Left;
+        node.position = {
+            x: nodeWithPosition.x - node_1.nodeWidth / 3,
+            y: nodeWithPosition.y - node_1.nodeHeight / 3,
+        };
+        return node;
+    });
+    return { nodes, edges };
+};
+exports.getLayoutedElements = getLayoutedElements;
+//# sourceMappingURL=dagreUtils.js.map

package/dist/cjs/utils/dagreUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dagreUtils.js","sourceRoot":"","sources":["../../../src/utils/dagreUtils.ts"],"names":[],"mappings":";;;;AAAA,yCAAgD;AAChD,4CAAyD;AACzD,mEAAkC;AAE3B,MAAM,mBAAmB,GAAG,CAAC,KAAa,EAAE,KAAa,EAAE,SAAS,GAAG,IAAI,EAAE,EAAE;IACpF,MAAM,UAAU,GAAG,IAAI,eAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAA;IAE7C,UAAU,CAAC,mBAAmB,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IAC1C,UAAU,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAA;IAE3C,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;QACrB,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,gBAAS,EAAE,MAAM,EAAE,iBAAU,EAAE,CAAC,CAAA;IACvE,CAAC,CAAC,CAAA;IAEF,KAAK,CAAC,OAAO,CAAC,CAAC,IAAU,EAAE,EAAE;QAC3B,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,CAAA;IAC9C,CAAC,CAAC,CAAA;IAEF,eAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAA;IAExB,KAAK,CAAC,OAAO,CAAC,CAAC,IAAU,EAAE,EAAE;QAC3B,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,CAAA;QACtB,MAAM,gBAAgB,GAAG,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QAChD,IAAI,CAAC,cAAc,GAAG,oBAAQ,CAAC,KAAK,CAAA;QACpC,IAAI,CAAC,cAAc,GAAG,oBAAQ,CAAC,IAAI,CAAA;QACnC,IAAI,CAAC,QAAQ,GAAG;YACd,CAAC,EAAE,gBAAgB,CAAC,CAAC,GAAG,gBAAS,GAAG,CAAC;YACrC,CAAC,EAAE,gBAAgB,CAAC,CAAC,GAAG,iBAAU,GAAG,CAAC;SACvC,CAAA;QACD,OAAO,IAAI,CAAA;IACb,CAAC,CAAC,CAAA;IAEF,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAA;AACzB,CAAC,CAAA;AA7BY,QAAA,mBAAmB,uBA6B/B"}

package/dist/cjs/utils/reusables.d.ts

@@ -1,6 +1,7 @@
 export declare function resolveRef(ref: string, schema: any): Promise<JSONSchema>;
-export declare function nameFromRef(string: string): string;
-export declare function propMerge(schema: any, label: string): {};
+export declare function nameFromRef(ref: string): string;
+export declare function propMerge(schema: any, label: string): Record<string, unknown>;
 export declare function arrayToProps(props: any, label: string): any;
 export declare function removeElementsByParent(nodes: any, id: any): any;
+export declare function removeEdgesByParent(edges: any, id: any): any;
 export declare function retrieveObj(theObject: any, key: string | undefined): any;

package/dist/cjs/utils/reusables.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.retrieveObj = exports.removeElementsByParent = exports.arrayToProps = exports.propMerge = exports.nameFromRef = exports.resolveRef = void 0;
+exports.retrieveObj = exports.removeEdgesByParent = exports.removeElementsByParent = exports.arrayToProps = exports.propMerge = exports.nameFromRef = exports.resolveRef = void 0;
 const tslib_1 = require("tslib");
 const reference_resolver_1 = tslib_1.__importDefault(require("@json-schema-tools/reference-resolver"));
+const memoizedNameFromRef = {};
 function resolveRef(ref, schema) {
     return tslib_1.__awaiter(this, void 0, void 0, function* () {
         const resolver = yield reference_resolver_1.default.resolve(ref, schema);
@@ -10,34 +11,36 @@ function resolveRef(ref, schema) {
     });
 }
 exports.resolveRef = resolveRef;
-function nameFromRef(string) {
-    const newRef = string.split('/').slice(-1)[0];
-    return newRef.split('.')[0];
+function nameFromRef(ref) {
+    if (memoizedNameFromRef[ref]) {
+        return memoizedNameFromRef[ref];
+    }
+    const match = ref.match(/[^/]+$/);
+    const name = match ? match[0].split('.')[0] : '';
+    memoizedNameFromRef[ref] = name;
+    return name;
 }
 exports.nameFromRef = nameFromRef;
 function propMerge(schema, label) {
     let mergedProps = {};
     const { properties, patternProperties, additionalProperties, items, oneOf, allOf, anyOf, not } = schema;
-    const arrWithObject = additionalProperties || items;
-    const arrExtractor = (items) => {
-        const props = arrayToProps(items, label);
-        mergedProps = Object.assign(Object.assign({}, mergedProps), props);
-    };
-    if (schema.patternProperties) {
-        mergedProps = Object.assign(Object.assign({}, mergedProps), patternProperties);
+    const combinedOf = oneOf || anyOf || not;
+    if (patternProperties) {
+        Object.assign(mergedProps, patternProperties);
     }
-    if (schema.properties) {
-        mergedProps = Object.assign(Object.assign({}, mergedProps), properties);
+    if (properties) {
+        Object.assign(mergedProps, properties);
     }
-    if (arrWithObject) {
-        const { oneOf, allOf, anyOf } = arrWithObject;
-        if (oneOf || allOf || anyOf) {
-            const items = oneOf || anyOf || not;
-            arrExtractor(items);
+    if (additionalProperties || items) {
+        const arrWithObject = additionalProperties || items;
+        if (arrWithObject.oneOf || arrWithObject.allOf || arrWithObject.anyOf) {
+            const items = arrWithObject.oneOf || arrWithObject.anyOf || arrWithObject.not;
+            const props = arrayToProps(items, label);
+            Object.assign(mergedProps, props);
         }
         if (arrWithObject.$ref) {
             const name = nameFromRef(arrWithObject.$ref);
-            mergedProps = Object.assign(Object.assign({}, mergedProps), { [name]: arrWithObject });
+            mergedProps[name] = arrWithObject;
         }
     }
     // handling allOf case seperatly
@@ -46,7 +49,7 @@ function propMerge(schema, label) {
         for (let i = 0; i < allOf.length; i++) {
             if (allOf[i].type === 'object') {
                 if (allOf[i].properties) {
-                    propObj = allOf[i].properties;
+                    propObj = Object.assign(Object.assign({}, propObj), allOf[i].properties);
                 }
                 else {
                     propObj[allOf[i].type] = allOf[i];
@@ -60,11 +63,11 @@ function propMerge(schema, label) {
                 propObj[allOf[i].type] = allOf[i];
             }
         }
-        mergedProps = Object.assign(Object.assign({}, mergedProps), propObj);
+        Object.assign(mergedProps, propObj);
     }
-    if (oneOf || anyOf || not) {
-        const items = oneOf || anyOf || not;
-        arrExtractor(items);
+    if (combinedOf) {
+        const props = arrayToProps(combinedOf, label);
+        Object.assign(mergedProps, props);
     }
     return mergedProps;
 }
@@ -105,6 +108,16 @@ function removeElementsByParent(nodes, id) {
     return result;
 }
 exports.removeElementsByParent = removeElementsByParent;
+function removeEdgesByParent(edges, id) {
+    const result = edges.filter((edge) => {
+        if (edge.source === id) {
+            return false;
+        }
+        return true;
+    });
+    return result;
+}
+exports.removeEdgesByParent = removeEdgesByParent;
 function retrieveObj(theObject, key) {
     var result = null;
     if (theObject instanceof Array) {
@@ -132,18 +145,4 @@ function retrieveObj(theObject, key) {
     return result;
 }
 exports.retrieveObj = retrieveObj;
-// export function typeCheck(data: any): boolean {
-//   switch (true) {
-//     case !!data.oneOf:
-//     case !!data.anyOf:
-//     case !!data.allOf:
-//     case !!data.items:
-//     case !! data.patternProperties:
-//     case data.additionalProperties !== undefined && data.additionalProperties !== true:
-//     case data.additionalItems !== undefined && data.additionalItems !== true:
-//       return true;
-//     default:
-//       return false;
-//   }
-// }
 //# sourceMappingURL=reusables.js.map