@rkmodules/rules 0.0.102 → 0.0.104

package/dist/index.esm.js

@@ -2365,11 +2365,13 @@ var Engine = /** @class */ (function () {
             return newFn;
         }
         if (!fn) {
-            throw new Error("Function ".concat(to === null || to === void 0 ? void 0 : to.name, " not found in index, which is unexpected as you are deleting an edge to it."));
+            console.warn("Function ".concat(to === null || to === void 0 ? void 0 : to.name, " not found in index, which is unexpected as you are deleting an edge to it."));
+            return newFn;
         }
         if (to.inputs && to.inputs[toField] === "<".concat(fromNode, ".").concat(fromField, ">")) {
-            // revert to default value if exists
+            // delete the incoming edge
             delete to.inputs[toField];
+            // revert to default value if exists
             if ((_a = fn.inputs) === null || _a === void 0 ? void 0 : _a[toField]) {
                 var normDef = normalizeVarDef(fn.inputs[toField]);
                 if (normDef.default !== undefined) {
@@ -6155,11 +6157,16 @@ var ConnectionLine = (function (_a) {
         React.createElement("path", { d: d[0] })));
 });
 
+/**
+ * goal: this component should only be responsible for updating the inner node graph, it should call the onChange handler
+ * on any change, but not rerender when the given function changes, as it slows down the interface drastically
+ */
+var emptyObject = {};
 function FlowInner(_a) {
-    var fn = _a.function, engine = _a.engine, _b = _a.center, center = _b === void 0 ? true : _b, fitView = _a.fitView, onChange = _a.onChange, onClick = _a.onClick, onSelect = _a.onSelect;
-    var _c = __read(React.useState(null), 2), instance = _c[0], setInstance = _c[1];
+    var fn = _a.function, _b = _a.positions, defaultPositions = _b === void 0 ? emptyObject : _b, engine = _a.engine, _c = _a.center, center = _c === void 0 ? true : _c, fitView = _a.fitView, onChange = _a.onChange, onClick = _a.onClick, onSelect = _a.onSelect;
+    var _d = __read(React.useState(null), 2), instance = _d[0], setInstance = _d[1];
     var updatePosition = useUpdatePositions(fn);
-    var _d = __read(usePositions(fn), 1), positions = _d[0];
+    var _e = __read(usePositions(fn), 1), positions = _e[0];
     var options = React.useMemo(function () {
         var handleDataChange = function (id) { return function (newData) {
             onChange === null || onChange === void 0 ? void 0 : onChange(function (fn) {
@@ -6181,12 +6188,12 @@ function FlowInner(_a) {
         };
         return {
             dragHandle: ".".concat(styles.Label),
-            positions: positions,
+            positions: __assign(__assign({}, positions), defaultPositions),
             onDataChange: handleDataChange,
             onIOChange: handleIOChange,
         };
-    }, [fn, onChange]);
-    var _e = useFlow(fn, engine, options), nodes = _e.nodes, edges = _e.edges, setNodes = _e.setNodes, setEdges = _e.setEdges;
+    }, [fn, onChange, defaultPositions]);
+    var _f = useFlow(fn, engine, options), nodes = _f.nodes, edges = _f.edges, setNodes = _f.setNodes, setEdges = _f.setEdges;
     // node selection handler
     var handleSelect = React.useCallback(function (_a) {
         var nodes = _a.nodes;
@@ -6196,7 +6203,7 @@ function FlowInner(_a) {
         onChange: handleSelect,
     });
     // dropping nodes
-    var _f = __read(useDrop({
+    var _g = __read(useDrop({
         accept: "flow-node",
         drop: function (item, monitor) {
             var pos = monitor.getClientOffset();
@@ -6216,7 +6223,7 @@ function FlowInner(_a) {
                 isOver: monitor.isOver(),
             };
         },
-    }), 2); _f[0].isOver; var drop = _f[1];
+    }), 2); _g[0].isOver; var drop = _g[1];
     // connecting nodes
     var onConnect = React.useCallback(function (params) {
         var _a, _b;