@rkmodules/rules 0.0.65 → 0.0.67

package/dist/index.esm.css

@@ -93,7 +93,6 @@
     box-shadow: 0px 0px 3px 2px var(--node-active-line);
 }
 
-
 .Log_dsq5e {
     --bg: var(--log-background, var(--node-background));
     --ln: var(--log-line, var(--node-line));
@@ -120,7 +119,6 @@
     position: relative;
 }
 
-
 .DefaultNode_R2P6c input,
 .DefaultNode_R2P6c select {
     border: 1px solid var(--ln);
@@ -129,7 +127,6 @@
     box-sizing: border-box;
 }
 
-
 .Description_f9s4l {
     font-size: 0.8em;
     opacity: 0.7;
@@ -140,10 +137,6 @@
     max-width: 200px;
 }
 
-
-
-
-
 .PreviewHead_oFT4K {
     margin-top: 16px;
     text-align: center;
@@ -154,15 +147,17 @@
     gap: 8px;
     color: #444;
 }
-.PreviewHead_oFT4K::before, .PreviewHead_oFT4K::after {
-    content: '🠻';
+.PreviewHead_oFT4K::before,
+.PreviewHead_oFT4K::after {
+    content: "🠻";
 }
-.PreviewHead_oFT4K.expanded_3vnbi::before, .PreviewHead_oFT4K.expanded_3vnbi::after {
-    content: '🠹';
+.PreviewHead_oFT4K.expanded_3vnbi::before,
+.PreviewHead_oFT4K.expanded_3vnbi::after {
+    content: "🠹";
 }
 
 .Preview_HbkZ6 {
-    background-color: rgba(0,0,0,0.1);
+    background-color: rgba(0, 0, 0, 0.1);
     border-top: 1px solid var(--ln);
     padding: 4px;
     max-height: 300px;
@@ -178,7 +173,6 @@
     border-top: 1px solid var(--ln);
 }
 
-
 .Table_aZyRT {
     margin: 2px;
     max-height: 400px;
@@ -189,14 +183,13 @@
     border: 1px solid var(--ln);
 }
 
-
 .GroupHead_QJhST {
     display: flex;
     align-items: center;
-    height: 22px;;
+    height: 22px;
 }
 .GroupHead_QJhST::before {
-    content: '🢒';
+    content: "🢒";
     display: flex;
     width: 22px;
     height: 22px;
@@ -205,11 +198,25 @@
     text-align: center;
     font-size: 1.8em;
     color: var(--type-color);
+    transform: rotate(0deg);
+    transition: transform 0.2s ease;
+}
+.GroupHead_QJhST.expanded_3vnbi::before {
     transform: rotate(90deg);
 }
-.GroupHead_QJhST span {
-    opacity: 0.7;
+.GroupName_Qvu4r {
+    opacity: 0.6;
+    font-style: italic;
+    flex: 1;
+}
+.GroupCnt_3ctdd {
+    opacity: 0.6;
+    font-style: italic;
+}
+.GroupMore_D1Kiz {
+    opacity: 0.6;
     font-style: italic;
+    text-align: center;
 }
 
 .GroupChildren_NKx-B {

package/dist/index.esm.js

@@ -269,7 +269,7 @@ function mapTreeBranch(tree, fn) {
     return nAryOnTreeBranch([tree], function mapTreeBranchCallback(_a, _b) {
         var _c = __read(_a, 1), branch = _c[0];
         var _d = __read(_b, 1), path = _d[0];
-        return fn(branch, path);
+        return fn(branch || [], path);
     });
 }
 /**
@@ -289,7 +289,7 @@ function nAryOnTreeBranch(trees, fn) {
     var maxBranches = Math.max.apply(Math, __spreadArray([], __read(allKeys.map(function (keys) { return keys.length; })), false));
     var _loop_2 = function (i) {
         var paths = allKeys.map(function (keys) { return keys[Math.min(i, keys.length - 1)]; });
-        var branches = trees.map(function (tree) { return tree[paths[trees.indexOf(tree)]] || []; });
+        var branches = trees.map(function (tree) { return tree[paths[trees.indexOf(tree)]]; });
         // 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];
@@ -320,10 +320,14 @@ function nAryOnTreeBranch(trees, fn) {
  */
 function nAryOnTree(trees, fn, fill) {
     return nAryOnTreeBranch(trees, function nAryOnTreeCallback(branches, paths) {
-        var maxLength = Math.max.apply(Math, __spreadArray([], __read(branches.map(function (b) { return b.length; })), false));
+        var maxLength = Math.max.apply(Math, __spreadArray([], __read(branches.map(function (b) {
+            if (b === void 0) { b = []; }
+            return b.length;
+        })), false));
         var results = [];
         var _loop_3 = function (i) {
             var items = branches.map(function (b) {
+                if (b === void 0) { b = []; }
                 if (fill) {
                     // repeat last item if index exceeds branch length
                     return b[Math.min(i, b.length - 1)];
@@ -357,7 +361,7 @@ function binaryOnTreeBranch(treeA, treeB, fn) {
     return nAryOnTreeBranch([treeA, treeB], function binaryOnTreeBranchCallback(_a, _b) {
         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);
     });
 }
 /**
@@ -1025,6 +1029,7 @@ var listItem = {
                 if (indices) {
                     return indices.map(function (i) { return branch[i]; });
                 }
+                return DISCARD;
             });
             others = binaryOnTreeBranch(inputs.list || {}, inputs.index || {}, function (branch, indices) {
                 return branch.filter(function (_, i) { return !(indices === null || indices === void 0 ? void 0 : indices.includes(i)); });
@@ -1100,7 +1105,7 @@ var shiftList = {
             return [2 /*return*/, {
                     list: nAryOnTreeBranch([inputs.list || {}, inputs.step || {}, inputs.wrap || {}], function (_a) {
                         var _b;
-                        var _c = __read(_a, 3), list = _c[0], step = _c[1], wrap = _c[2];
+                        var _c = __read(_a, 3), _d = _c[0], list = _d === void 0 ? [] : _d, _e = _c[1], step = _e === void 0 ? [] : _e, _f = _c[2], wrap = _f === void 0 ? [] : _f;
                         var n = (_b = step[0]) !== null && _b !== void 0 ? _b : 1;
                         if (wrap[0]) {
                             n = n % (list.length || 1);
@@ -1146,7 +1151,10 @@ var series = {
                         graftTree(inputs.step),
                         graftTree(inputs.count),
                     ], function (_a) {
-                        var _b = __read(_a, 3), _c = __read(_b[0], 1), _d = _c[0], start = _d === void 0 ? 0 : _d, _e = __read(_b[1], 1), _f = _e[0], step = _f === void 0 ? 1 : _f, _g = __read(_b[2], 1), _h = _g[0], count = _h === void 0 ? 10 : _h;
+                        var _b = __read(_a, 3), _c = _b[0], starts = _c === void 0 ? [] : _c, _d = _b[1], steps = _d === void 0 ? [] : _d, _e = _b[2], counts = _e === void 0 ? [] : _e;
+                        var start = starts[0];
+                        var step = steps[0];
+                        var count = counts[0];
                         var series = [];
                         for (var i = 0; i < count; i++) {
                             series.push(start + i * step);
@@ -4519,7 +4527,7 @@ var Output = function (_a) {
             normalized.label || name)));
 };
 
-var styles = {"DefaultNode":"DefaultNode_R2P6c","selected":"selected_VmB-F","active":"active_zjUzx","Log":"Log_dsq5e","Label":"Label_wBwWA","Description":"Description_f9s4l","PreviewHead":"PreviewHead_oFT4K","expanded":"expanded_3vnbi","Preview":"Preview_HbkZ6","Duration":"Duration_0jqWx","GroupHead":"GroupHead_QJhST","GroupChildren":"GroupChildren_NKx-B","GroupLeaf":"GroupLeaf_eliT8"};
+var styles = {"DefaultNode":"DefaultNode_R2P6c","selected":"selected_VmB-F","active":"active_zjUzx","Log":"Log_dsq5e","Label":"Label_wBwWA","Description":"Description_f9s4l","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;
@@ -4556,48 +4564,67 @@ function NodeContainer(_a) {
 
 function createTreeStructure(tree) {
     var keys = Object.keys(tree);
-    var structure = [];
+    var structure = { name: "root", children: [] };
     keys.forEach(function (key) {
         var path = key.split(";");
         var parent = structure;
         for (var i = 0; i < path.length; i++) {
             var part = parseInt(path[i], 10);
-            if (!parent[part]) {
-                parent[part] = [];
+            if (!parent.children[part]) {
+                parent.children[part] = {
+                    name: path.slice(0, i + 1).join(";"),
+                    children: [],
+                };
             }
-            parent = parent[part];
+            parent = parent.children[part];
         }
-        parent.push({ items: tree[key] });
+        parent.items = tree[key];
     });
     return structure;
 }
 function TreeBranchView(_a) {
-    var branch = _a.branch, name = _a.name;
+    var _b;
+    var _c, _d;
+    var branch = _a.branch;
+    var _e = __read(React.useState(true), 2), expanded = _e[0], setExpanded = _e[1];
+    var isLeaf = !!branch.items;
+    var subCnt = branch.children.length || ((_c = branch.items) === null || _c === void 0 ? void 0 : _c.length) || 0;
+    var maxCnt = 10;
     return (React.createElement("div", null,
-        React.createElement("div", { className: styles.GroupHead },
-            React.createElement("span", null,
+        React.createElement("div", { className: classNames((_b = {}, _b[styles.expanded] = expanded, _b), styles.GroupHead), onClick: function () { return setExpanded(!expanded); } },
+            React.createElement("div", { className: styles.GroupName },
                 "group ",
-                name)),
-        React.createElement("div", { className: styles.GroupChildren }, branch.map(function (item, index) {
-            // sub branch
-            if (Array.isArray(item)) {
-                return (React.createElement(TreeBranchView, { key: index, branch: item, name: "".concat(name, ";").concat(index) }));
-            }
-            // items
-            return (React.createElement("div", { key: index }, item.items.map(function (it, i) {
-                var _a;
-                var label = (_a = it === null || it === void 0 ? void 0 : it.toString) === null || _a === void 0 ? void 0 : _a.call(it);
-                if (label === "[object Object]") {
-                    label = "{...}";
-                }
-                return (React.createElement("div", { key: i, className: styles.GroupLeaf, title: JSON.stringify(it, null, 2) }, label));
-            })));
-        }))));
+                branch.name),
+            React.createElement("div", { className: styles.GroupCnt },
+                "(",
+                subCnt,
+                ")")),
+        expanded && (React.createElement("div", { className: styles.GroupChildren },
+            !isLeaf &&
+                branch.children.map(function (subgroup, index) {
+                    // sub branch
+                    return (React.createElement(TreeBranchView, { key: index, branch: subgroup }));
+                }),
+            isLeaf && (React.createElement(React.Fragment, null, (_d = branch.items) === null || _d === void 0 ? void 0 :
+                _d.slice(0, maxCnt).map(function (item, index) {
+                    var _a;
+                    // items
+                    var label = (_a = item === null || item === void 0 ? void 0 : item.toString) === null || _a === void 0 ? void 0 : _a.call(item);
+                    if (label === "[object Object]") {
+                        label = "{...}";
+                    }
+                    return (React.createElement("div", { key: index },
+                        React.createElement("div", { className: styles.GroupLeaf, title: JSON.stringify(item, null, 2) }, label)));
+                }),
+                branch.items && branch.items.length > maxCnt && (React.createElement("div", { className: styles.GroupMore },
+                    "... ",
+                    branch.items.length - maxCnt,
+                    " more"))))))));
 }
 function TreeView(_a) {
     var value = _a.value;
     var structure = createTreeStructure(value || {});
-    return (React.createElement("div", null, structure.map(function (branch, index) { return (React.createElement(TreeBranchView, { key: index, branch: branch, name: index })); })));
+    return (React.createElement("div", null, structure.children.map(function (branch, index) { return (React.createElement(TreeBranchView, { key: index, branch: branch })); })));
 }
 var Log = React.memo(function (_a) {
     var id = _a.id, data = _a.data, selected = _a.selected;
@@ -4633,9 +4660,10 @@ function GenericNode(_a) {
     var previewValue = focus ? result[focus] : Object.values(result)[0];
     React.useEffect(function () {
         return engine.subscribe("functionResult", function (event) {
+            var _a;
             if (event.name === id) {
                 setResult(event.result || {});
-                setDuration(event.duration || null);
+                setDuration((_a = event.duration) !== null && _a !== void 0 ? _a : null);
             }
         });
     }, []);
@@ -4660,7 +4688,7 @@ function GenericNode(_a) {
                 _b)), onClick: function () { return setShowPreview(!showPreview); } }, "Preview"),
         showPreview && (React.createElement("div", { className: styles.Preview },
             React.createElement(TreeView, { value: previewValue }),
-            duration && (React.createElement("div", { className: styles.Duration },
+            duration !== null && (React.createElement("div", { className: styles.Duration },
                 duration.toFixed(2),
                 " ms"))))));
 }