@rkmodules/rules 0.0.103 → 0.0.104

package/dist/index.esm.js

@@ -6157,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) {
@@ -6183,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;
@@ -6198,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();
@@ -6218,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;