@rkmodules/rules 0.0.119 → 0.0.121

package/dist/index.esm.js

@@ -5752,11 +5752,11 @@ var InputText = React.memo(function (_a) {
 });
 function Control(_a) {
     var _b;
-    var value = _a.value, vardef = _a.vardef, onChange = _a.onChange;
+    var value = _a.value, vardef = _a.vardef, data = _a.data, onChange = _a.onChange;
     var customControls = useControls();
     if (vardef.type in customControls) {
         var ControlComponent = customControls[vardef.type];
-        return (React.createElement(ControlComponent, { value: value, vardef: vardef, onChange: onChange }));
+        return (React.createElement(ControlComponent, { value: value, vardef: vardef, onChange: onChange, data: data }));
     }
     if (vardef.options) {
         return (React.createElement("select", { value: value || "", onChange: function (e) { return onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value); } }, vardef.options.map(function (option) { return (React.createElement("option", { key: option, value: option }, option)); })));
@@ -5800,7 +5800,7 @@ var Input = function (_a) {
             "--type-color": "var(--color-".concat(normalized.type, ")"),
         }, onClick: onClick },
         React.createElement("span", { className: styles$1.PortLabel }, normalized.label || name),
-        !isRef && (React.createElement(Control, { vardef: normalized, value: value, onChange: handleInputChange(name) }))));
+        !isRef && (React.createElement(Control, { vardef: normalized, value: value, onChange: handleInputChange(name), data: data }))));
 };
 
 var Param = function (_a) {
@@ -5819,7 +5819,7 @@ var Param = function (_a) {
             "--type-color": "var(--color-".concat(normalized.type, ")"),
         }, onClick: onClick },
         React.createElement("span", { className: styles$1.PortLabel }, normalized.label || name),
-        !isRef && (React.createElement(Control, { vardef: normalized, value: value, onChange: handleParamChange(name) }))));
+        !isRef && (React.createElement(Control, { vardef: normalized, value: value, onChange: handleParamChange(name), data: data }))));
 };
 
 var Output = function (_a) {
@@ -5995,17 +5995,17 @@ function GenericNode(_a) {
         React.createElement("div", { className: styles.Description }, data.description),
         children,
         React.createElement("div", { className: styles.Ports },
-            outputEntries.map(function (_a) {
+            outputEntries.map(function (_a, index) {
                 var _b = __read(_a, 2), name = _b[0], varDef = _b[1];
-                return (React.createElement(Output, { key: name, name: name, varDef: varDef, id: id, onClick: function () { return setFocus(name); }, focus: showPreview && focus === name }));
+                return (React.createElement(Output, { key: "".concat(name, "_").concat(index), name: name, varDef: varDef, id: id, onClick: function () { return setFocus(name); }, focus: showPreview && focus === name }));
             }),
-            inputEntries.map(function (_a) {
+            inputEntries.map(function (_a, index) {
                 var _b = __read(_a, 2), name = _b[0], varDef = _b[1];
-                return (React.createElement(Input, { key: name, name: name, varDef: varDef, id: id, data: data }));
+                return (React.createElement(Input, { key: "".concat(name, "_").concat(index), name: name, varDef: varDef, id: id, data: data }));
             }),
-            paramEntries.map(function (_a) {
+            paramEntries.map(function (_a, index) {
                 var _b = __read(_a, 2), name = _b[0], varDef = _b[1];
-                return (React.createElement(Param, { key: name, name: name, varDef: varDef, id: id, data: data }));
+                return (React.createElement(Param, { key: "".concat(name, "_").concat(index), name: name, varDef: varDef, id: id, data: data }));
             })),
         React.createElement("div", { className: classNames(styles.PreviewHead, (_b = {},
                 _b[styles.expanded] = showPreview,
@@ -6621,14 +6621,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, onInit = _a.onInit;
-    var _d = __read(React.useState(null), 2), instance = _d[0], setInstance = _d[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, _d = _a.customNodes, customNodes = _d === void 0 ? {} : _d, onChange = _a.onChange, onClick = _a.onClick, onSelect = _a.onSelect, onInit = _a.onInit;
+    var _e = __read(React.useState(null), 2), instance = _e[0], setInstance = _e[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), 2), positions = _e[0], setPositions = _e[1];
+    var _f = __read(usePositions(fn), 2), positions = _f[0], setPositions = _f[1];
     var options = React.useMemo(function () {
         var handleDataChange = function (id) { return function (newData) {
             onChange === null || onChange === void 0 ? void 0 : onChange(function (fn) {
@@ -6658,7 +6658,7 @@ function FlowInner(_a) {
     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;
+    var _g = useFlow(fn, engine, options), nodes = _g.nodes, edges = _g.edges, setNodes = _g.setNodes, setEdges = _g.setEdges;
     // node selection handler
     var handleSelect = React.useCallback(function (_a) {
         var nodes = _a.nodes;
@@ -6668,7 +6668,7 @@ function FlowInner(_a) {
         onChange: handleSelect,
     });
     // dropping nodes
-    var _g = __read(useDrop({
+    var _h = __read(useDrop({
         accept: "flow-node",
         drop: function (item, monitor) {
             var pos = monitor.getClientOffset();
@@ -6688,7 +6688,7 @@ function FlowInner(_a) {
                 isOver: monitor.isOver(),
             };
         },
-    }), 2); _g[0].isOver; var drop = _g[1];
+    }), 2); _h[0].isOver; var drop = _h[1];
     // connecting nodes
     var onConnect = React.useCallback(function (params) {
         var _a, _b;
@@ -6755,7 +6755,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: handleInit, onPaneClick: handleClick, fitView: center || fitView, fitViewOptions: {
+    return (React.createElement(ReactFlow, { ref: drop, nodes: nodes, edges: edges, nodeTypes: __assign(__assign({}, nodeTypes), customNodes), 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,
         },