@rkmodules/rules 0.0.159 → 0.0.161

package/dist/index.cjs.css

@@ -114,8 +114,9 @@
     --ln: var(--node-line);
     --bg: var(--node-background);
     border: 1px solid var(--ln);
-    border-radius: 4px;
-    background-color: var(--bg);
+    border-radius: var(--node-radius, 4px);
+    background: var(--bg);
+    box-shadow: var(--node-shadow);
     min-width: 200px;
     cursor: default;
 }

package/dist/index.cjs.js

@@ -6333,7 +6333,7 @@ var usePrompts = function () {
 
 var InputString = React.memo(function (_a) {
     var value = _a.value, onChange = _a.onChange;
-    var _b = __read(useInner(value), 2), inner = _b[0], setInner = _b[1];
+    var _b = __read(useInner.useInner(value), 2), inner = _b[0], setInner = _b[1];
     var handleBlur = React.useCallback(function () {
         if (inner !== value) {
             onChange === null || onChange === void 0 ? void 0 : onChange(inner);
@@ -6352,7 +6352,7 @@ var InputString = React.memo(function (_a) {
 
 var InputText = React.memo(function (_a) {
     var value = _a.value, onChange = _a.onChange;
-    var _b = __read(useInner(value), 2), inner = _b[0], setInner = _b[1];
+    var _b = __read(useInner.useInner(value), 2), inner = _b[0], setInner = _b[1];
     var handleBlur = React.useCallback(function () {
         if (inner !== value) {
             onChange === null || onChange === void 0 ? void 0 : onChange(inner);
@@ -6675,7 +6675,7 @@ function GenericNode(_a) {
     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 _f = __read(useInner.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 previewValue = focus ? result[focus] : Object.values(result)[0];
     React.useEffect(function () {
@@ -6929,7 +6929,7 @@ var OutputNode = React.memo(function (_a) {
     var paramEntries = Object.entries(data.paramDefs || {});
     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, [data.outputDefs]), 2), focus = _f[0], setFocus = _f[1];
+    var _f = __read(useInner.useInner(((_c = outputEntries[0]) === null || _c === void 0 ? void 0 : _c[0]) || null, [data.outputDefs]), 2), focus = _f[0], setFocus = _f[1];
     var _g = __read(React.useState(false), 2), showPreview = _g[0], setShowPreview = _g[1];
     var previewValue = focus ? result[focus] : Object.values(result)[0];
     React.useEffect(function () {
@@ -7075,7 +7075,7 @@ var NamedInput = function (_a) {
     var paramEntries = Object.entries(data.paramDefs || {});
     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, [data.outputDefs]), 2), focus = _f[0], setFocus = _f[1];
+    var _f = __read(useInner.useInner(((_c = outputEntries[0]) === null || _c === void 0 ? void 0 : _c[0]) || null, [data.outputDefs]), 2), focus = _f[0], setFocus = _f[1];
     var _g = __read(React.useState(false), 2), showPreview = _g[0], setShowPreview = _g[1];
     var previewValue = focus ? result[focus] : Object.values(result)[0];
     React.useEffect(function () {
@@ -7464,7 +7464,7 @@ 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, _d = _a.customNodes, customNodes = _d === void 0 ? {} : _d, onChange = _a.onChange, onClick = _a.onClick, onSelect = _a.onSelect, onInit = _a.onInit;
+    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, onContextMenu = _a.onContextMenu, 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);
@@ -7576,6 +7576,15 @@ function FlowInner(_a) {
             onClick === null || onClick === void 0 ? void 0 : onClick(e, position);
         }
     };
+    var handleContextMenu = function (e) {
+        if (instance) {
+            var position = instance.screenToFlowPosition({
+                x: e.clientX,
+                y: e.clientY,
+            });
+            onContextMenu === null || onContextMenu === void 0 ? void 0 : onContextMenu(e, position);
+        }
+    };
     var onNodesChange = React.useCallback(function (changes) {
         changes = changes.filter(function (change) {
             if (change.id === "output" && change.type === "remove")
@@ -7596,7 +7605,7 @@ function FlowInner(_a) {
             return react.applyEdgeChanges(changes, edgesSnapshot);
         });
     }, []);
-    return (React.createElement(react.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: {
+    return (React.createElement(react.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, onPaneContextMenu: handleContextMenu, fitView: center || fitView, fitViewOptions: {
             minZoom: fitView ? undefined : 1,
             maxZoom: fitView ? undefined : 1,
         },