@rkmodules/rules 0.0.104 → 0.0.106

package/dist/index.esm.js

@@ -6163,10 +6163,14 @@ var ConnectionLine = (function (_a) {
  */
 var emptyObject = {};
 function FlowInner(_a) {
-    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 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, onInit = _a.onInit;
     var _d = __read(React.useState(null), 2), instance = _d[0], setInstance = _d[1];
+    var handleInit = function (instance) {
+        setInstance(instance);
+        onInit === null || onInit === void 0 ? void 0 : onInit(instance);
+    };
     var updatePosition = useUpdatePositions(fn);
-    var _e = __read(usePositions(fn), 1), positions = _e[0];
+    var _e = __read(usePositions(fn), 2), positions = _e[0], setPositions = _e[1];
     var options = React.useMemo(function () {
         var handleDataChange = function (id) { return function (newData) {
             onChange === null || onChange === void 0 ? void 0 : onChange(function (fn) {
@@ -6193,6 +6197,9 @@ function FlowInner(_a) {
             onIOChange: handleIOChange,
         };
     }, [fn, onChange, defaultPositions]);
+    React.useEffect(function () {
+        setPositions(__assign(__assign({}, positions), defaultPositions));
+    }, [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) {
@@ -6290,7 +6297,7 @@ function FlowInner(_a) {
             return applyEdgeChanges(changes, edgesSnapshot);
         });
     }, []);
-    return (React.createElement(ReactFlow, { ref: drop, nodes: nodes, edges: edges, nodeTypes: nodeTypes, onNodesChange: onNodesChange, onEdgesChange: onEdgesChange, onNodesDelete: onNodesDelete, onEdgesDelete: onEdgesDelete, onNodeDragStop: function (e, n) { return updatePosition(n.id, n.position); }, onConnect: onConnect, onInit: setInstance, onPaneClick: handleClick, fitView: center || fitView, fitViewOptions: {
+    return (React.createElement(ReactFlow, { ref: drop, nodes: nodes, edges: edges, nodeTypes: nodeTypes, onNodesChange: onNodesChange, onEdgesChange: onEdgesChange, onNodesDelete: onNodesDelete, onEdgesDelete: onEdgesDelete, onNodeDragStop: function (e, n) { return updatePosition(n.id, n.position); }, onConnect: onConnect, onInit: handleInit, onPaneClick: handleClick, fitView: center || fitView, fitViewOptions: {
             minZoom: fitView ? undefined : 1,
             maxZoom: fitView ? undefined : 1,
         },