@rkmodules/rules 0.0.168 → 0.0.170

package/dist/index.esm.mjs

@@ -1,7 +1,7 @@
 import { create, all } from 'mathjs';
 import { interpolate as interpolate$1 } from '@rkmodules/stringtemplate';
 import React, { createContext, memo, useEffect, useLayoutEffect, useState, useCallback, useMemo, isValidElement, cloneElement, useContext } from 'react';
-import { Handle, Position, useReactFlow, BezierEdge, useConnection, getSimpleBezierPath, ReactFlowProvider, useOnSelectionChange, applyNodeChanges, applyEdgeChanges, ReactFlow, Background, BackgroundVariant, Controls } from '@xyflow/react';
+import { Handle, Position, useReactFlow, useUpdateNodeInternals, BezierEdge, useConnection, getSimpleBezierPath, ReactFlowProvider, useOnSelectionChange, applyNodeChanges, applyEdgeChanges, ReactFlow, Background, BackgroundVariant, Controls } from '@xyflow/react';
 import katex from 'katex';
 import classNames from 'classnames';
 import { useInner } from '@rkmodules/use-inner';
@@ -2620,8 +2620,16 @@ var objectEntries = {
         var keys, values;
         var _c = _b.object, object = _c === void 0 ? {} : _c;
         return __generator(this, function (_d) {
-            keys = mapTree(object, function (obj) { return Object.keys(obj); });
-            values = mapTree(object, function (obj) { return Object.values(obj); });
+            keys = mapTree(object, function (obj) {
+                if (!obj)
+                    return DISCARD;
+                return Object.keys(obj);
+            });
+            values = mapTree(object, function (obj) {
+                if (!obj)
+                    return DISCARD;
+                return Object.values(obj);
+            });
             return [2 /*return*/, {
                     keys: keys,
                     values: values,
@@ -6728,16 +6736,16 @@ Log.displayName = "LogNode";
 
 function GenericNode(_a) {
     var _b;
-    var _c;
+    var _c, _d;
     var id = _a.id, data = _a.data, selected = _a.selected, inputs = _a.inputs, outputs = _a.outputs, params = _a.params, children = _a.children;
     var inputEntries = Object.entries(inputs || data.inputDefs || {});
     var outputEntries = Object.entries(outputs || data.outputDefs || {});
     var paramEntries = Object.entries(params || data.paramDefs || {});
     var engine = useEngine();
-    var _d = __read(React.useState({}), 2), result = _d[0], setResult = _d[1];
-    var _e = __read(React.useState(null), 2), duration = _e[0], setDuration = _e[1];
-    var _f = __read(useInner(((_c = outputEntries[0]) === null || _c === void 0 ? void 0 : _c[0]) || null, [outputs, data.outputDefs]), 2), focus = _f[0], setFocus = _f[1];
-    var _g = __read(React.useState(false), 2), showPreview = _g[0], setShowPreview = _g[1];
+    var _e = __read(React.useState({}), 2), result = _e[0], setResult = _e[1];
+    var _f = __read(React.useState(null), 2), duration = _f[0], setDuration = _f[1];
+    var _g = __read(useInner(((_c = outputEntries[0]) === null || _c === void 0 ? void 0 : _c[0]) || null, [outputs, data.outputDefs]), 2), focus = _g[0], setFocus = _g[1];
+    var _h = __read(React.useState(false), 2), showPreview = _h[0], setShowPreview = _h[1];
     var previewValue = focus ? result[focus] : Object.values(result)[0];
     React.useEffect(function () {
         return engine.subscribe("functionResult", function (event) {
@@ -6748,7 +6756,7 @@ function GenericNode(_a) {
             }
         });
     }, []);
-    return (React.createElement(NodeContainer, { label: data.label, selected: selected, id: id },
+    return (React.createElement(NodeContainer, { label: data.label, selected: selected, id: id, className: (_d = data.nodeProps) === null || _d === void 0 ? void 0 : _d.className },
         React.createElement("div", { className: styles$1.Description }, data.description),
         children,
         React.createElement("div", { className: styles$1.Ports },
@@ -7107,6 +7115,7 @@ OutputNode.displayName = "OutputNode";
 
 var DynamicOutput = React.memo(function (_a) {
     var id = _a.id, data = _a.data, selected = _a.selected;
+    var updateNodeInternals = useUpdateNodeInternals();
     var outputDefs = React.useMemo(function () {
         var outputDefs = __assign({}, (data.outputDefs || {}));
         Object.keys(data.outputs || {}).forEach(function (key) {
@@ -7126,6 +7135,7 @@ var DynamicOutput = React.memo(function (_a) {
                     name,
                     { type: "any", label: name },
                 ]; })), outputDefs));
+                updateNodeInternals(id);
             }
         });
     }, [outputDefs]);
@@ -7279,29 +7289,8 @@ var styles = {
     },
 };
 var Default = React.memo(function (_a) {
-    var _b, _c;
     var props = __rest(_a, []);
     var data = useNodeResult(props.source);
-    var flow = useReactFlow();
-    var src = flow.getInternalNode(props.source);
-    if ((src === null || src === void 0 ? void 0 : src.type) === "DynamicOutput") {
-        /**
-         * fix for dynamic output nodes. As connection order can change,
-         * the position of the handles is not updated internally with react-flow
-         * so we need to get the position of the handle and update the
-         * source position manually.
-         */
-        var el = document.querySelector("[data-handleid=\"".concat(props.sourceHandleId, "\"]"));
-        var bbox = el === null || el === void 0 ? void 0 : el.getBoundingClientRect();
-        if (bbox) {
-            var pos = flow.screenToFlowPosition({
-                x: (bbox === null || bbox === void 0 ? void 0 : bbox.x) + (bbox === null || bbox === void 0 ? void 0 : bbox.width),
-                y: (bbox === null || bbox === void 0 ? void 0 : bbox.y) + (bbox === null || bbox === void 0 ? void 0 : bbox.height) / 2,
-            });
-            props.sourceX = (_b = pos === null || pos === void 0 ? void 0 : pos.x) !== null && _b !== void 0 ? _b : props.sourceX;
-            props.sourceY = (_c = pos === null || pos === void 0 ? void 0 : pos.y) !== null && _c !== void 0 ? _c : props.sourceY;
-        }
-    }
     if (props.sourceHandleId) {
         var field = deRefEdgeHandle(props.sourceHandleId).field;
         var value = data[field];