@rkmodules/rules 0.0.92 → 0.0.94

package/dist/index.esm.css

@@ -10,12 +10,17 @@
     transform: initial;
     left: initial;
     right: initial;
+    top: initial;
     background: initial;
     padding: 2px 8px;
     display: flex;
     gap: 8px;
     align-items: center;
     min-height: 22px;
+
+    display: grid;
+    grid-template-columns: subgrid;
+    grid-column: 1 / 3;
 }
 .Port_XWl7K.required_ofB6J {
     font-weight: bold;
@@ -23,6 +28,7 @@
 
 .Port_XWl7K.react-flow__handle-right {
     text-align: right;
+    grid-column: 2 / 3;
 }
 
 .Port_XWl7K.react-flow__handle::after {
@@ -186,6 +192,12 @@
     max-width: 200px;
 }
 
+.Ports_fVs5I {
+    display: grid;
+    grid-template-columns: auto 1fr;
+    grid-auto-rows: 26px;
+}
+
 .Body_ptEZP {
     margin: 2px auto;
     padding: 8px;

package/dist/index.esm.js

@@ -271,10 +271,10 @@ function mapTree(tree, fn) {
     });
 }
 function mapTreeBranch(tree, fn) {
-    return nAryOnTreeBranch([tree], function mapTreeBranchCallback(_a, _b) {
+    return nAryOnTreeBranch([tree], function mapTreeBranchCallback(_a, _b, index) {
         var _c = __read(_a, 1), branch = _c[0];
         var _d = __read(_b, 1), path = _d[0];
-        return fn(branch || [], path);
+        return fn(branch || [], path, index);
     });
 }
 /**
@@ -298,7 +298,7 @@ function nAryOnTreeBranch(trees, fn) {
         // get all the paths of which the trees are the longest, use the first
         var maxPaths = paths.filter(function (_, i) { return allKeys[i].length === maxBranches; });
         var path = maxPaths[0];
-        var newBranch = fn(branches, paths);
+        var newBranch = fn(branches, paths, i);
         if (newBranch !== DISCARD) {
             result[path] = newBranch;
         }
@@ -364,10 +364,10 @@ function nAryOnTree(trees, fn, fill) {
  * @returns
  */
 function binaryOnTreeBranch(treeA, treeB, fn) {
-    return nAryOnTreeBranch([treeA, treeB], function binaryOnTreeBranchCallback(_a, _b) {
+    return nAryOnTreeBranch([treeA, treeB], function binaryOnTreeBranchCallback(_a, _b, index) {
         var _c = __read(_a, 2), branchA = _c[0], branchB = _c[1];
         var _d = __read(_b, 2), pathA = _d[0], pathB = _d[1];
-        return fn(branchA || [], branchB || [], pathA, pathB);
+        return fn(branchA || [], branchB || [], pathA, pathB, index);
     });
 }
 /**
@@ -5071,7 +5071,7 @@ var Output = function (_a) {
             normalized.label || name)));
 };
 
-var styles = {"NodeContainer":"NodeContainer_gSdHY","selected":"selected_VmB-F","active":"active_zjUzx","Log":"Log_dsq5e","Label":"Label_wBwWA","Description":"Description_f9s4l","Body":"Body_ptEZP","PreviewHead":"PreviewHead_oFT4K","expanded":"expanded_3vnbi","Preview":"Preview_HbkZ6","Duration":"Duration_0jqWx","GroupHead":"GroupHead_QJhST","GroupName":"GroupName_Qvu4r","GroupCnt":"GroupCnt_3ctdd","GroupMore":"GroupMore_D1Kiz","GroupChildren":"GroupChildren_NKx-B","GroupLeaf":"GroupLeaf_eliT8"};
+var styles = {"NodeContainer":"NodeContainer_gSdHY","selected":"selected_VmB-F","active":"active_zjUzx","Log":"Log_dsq5e","Label":"Label_wBwWA","Description":"Description_f9s4l","Ports":"Ports_fVs5I","Body":"Body_ptEZP","PreviewHead":"PreviewHead_oFT4K","expanded":"expanded_3vnbi","Preview":"Preview_HbkZ6","Duration":"Duration_0jqWx","GroupHead":"GroupHead_QJhST","GroupName":"GroupName_Qvu4r","GroupCnt":"GroupCnt_3ctdd","GroupMore":"GroupMore_D1Kiz","GroupChildren":"GroupChildren_NKx-B","GroupLeaf":"GroupLeaf_eliT8"};
 
 function NodeContainer(_a) {
     var _b;
@@ -5420,24 +5420,23 @@ var InputNode = React.memo(function (_a) {
     }); };
     return (React.createElement(NodeContainer, { label: data.label, selected: selected, id: id, noDelete: true },
         React.createElement("div", { className: styles.Description }, data.description),
-        React.createElement("div", { className: styles.Ports },
-            Object.entries(outputs || {}).map(function (_a) {
-                var _b = __read(_a, 2), name = _b[0], normalized = _b[1];
-                return (React.createElement(Handle, { key: name, type: "source", position: Position.Right, id: "".concat(id, "-").concat(name), className: classNames(styles$1.Output, styles$1.Port, styles$1["type-".concat(normalized.type)]), style: {
-                        "--type-color": "var(--color-".concat(normalized.type, ")"),
-                    } },
-                    React.createElement(Menu, { handle: React.createElement("button", null, "...") },
-                        React.createElement(MenuItem, { onClick: function () {
-                                return onRename(name, normalized.label || name);
-                            } }, "Rename"),
-                        React.createElement(MenuItem, { onClick: function () { return onDelete(name); } }, "Delete"),
-                        React.createElement(MenuItem, { onClick: function () { return onDefault(name); } }, "Set Default"),
-                        React.createElement(MenuItem, { onClick: function () { return onType(name); } }, "Set Type")),
-                    React.createElement("span", { style: { flex: 1 } }),
-                    React.createElement("span", { className: styles$1.PortLabel }, normalized.label || name)));
-            }),
-            React.createElement("div", { className: styles.Body },
-                React.createElement("button", { onClick: function () { return onAdd(); } }, "+")))));
+        React.createElement("div", { className: styles.Ports }, Object.entries(outputs || {}).map(function (_a) {
+            var _b = __read(_a, 2), name = _b[0], normalized = _b[1];
+            return (React.createElement(Handle, { key: name, type: "source", position: Position.Right, id: "".concat(id, "-").concat(name), className: classNames(styles$1.Output, styles$1.Port, styles$1["type-".concat(normalized.type)]), style: {
+                    "--type-color": "var(--color-".concat(normalized.type, ")"),
+                    gridColumn: "1/3",
+                } },
+                React.createElement(Menu, { handle: React.createElement("button", null, "...") },
+                    React.createElement(MenuItem, { onClick: function () {
+                            return onRename(name, normalized.label || name);
+                        } }, "Rename"),
+                    React.createElement(MenuItem, { onClick: function () { return onDelete(name); } }, "Delete"),
+                    React.createElement(MenuItem, { onClick: function () { return onDefault(name); } }, "Set Default"),
+                    React.createElement(MenuItem, { onClick: function () { return onType(name); } }, "Set Type")),
+                React.createElement("span", { className: styles$1.PortLabel }, normalized.label || name)));
+        })),
+        React.createElement("div", { className: styles.Body },
+            React.createElement("button", { onClick: function () { return onAdd(); } }, "+"))));
 });
 InputNode.displayName = "InputNode";
 
@@ -5580,10 +5579,11 @@ var OutputNode = React.memo(function (_a) {
                     "--type-color": "var(--color-".concat(varDef.type, ")"),
                 } },
                 React.createElement("span", { className: styles$1.PortLabel }, name),
-                React.createElement("span", { style: { flex: 1 } }),
-                React.createElement(Menu, { handle: React.createElement("button", null, "...") },
-                    React.createElement(MenuItem, { onClick: function () { return onRename(name); } }, "Rename"),
-                    React.createElement(MenuItem, { onClick: function () { return onDelete(name); } }, "Delete"))));
+                React.createElement("div", { style: { display: "flex" } },
+                    React.createElement("span", { style: { flex: 1 } }),
+                    React.createElement(Menu, { handle: React.createElement("button", null, "...") },
+                        React.createElement(MenuItem, { onClick: function () { return onRename(name); } }, "Rename"),
+                        React.createElement(MenuItem, { onClick: function () { return onDelete(name); } }, "Delete")))));
         })),
         React.createElement("div", { className: styles.Body },
             React.createElement("button", { onClick: function () { return onAdd(); } }, "+"))));