revdev-components 0.77.0 → 0.78.0

package/build/index.js

@@ -5226,29 +5226,42 @@ var HeaderActionPanel = function (_a) {
 
 var s$2 = {"root":"index-module_root__t3gxi"};
 
+function getNavOption(mapper, part) {
+    var _a = Array.isArray(part) ? part : [part, undefined], key = _a[0], param = _a[1];
+    if (mapper) {
+        var o = mapper[key];
+        if (o) {
+            return typeof o === "function" ? o((param === null || param === void 0 ? void 0 : param.toString()) || "") : o;
+        }
+    }
+    return undefined;
+}
 var AlfaNavigator = function (_a) {
-    var className = _a.className, stepClassName = _a.stepClassName, rootOption = _a.rootOption, _b = _a.options, options = _b === void 0 ? [] : _b, isMobile = _a.isMobile, mapper = _a.mapper, path = _a.path;
+    var className = _a.className, stepClassName = _a.stepClassName, root = _a.root, _b = _a.options, options = _b === void 0 ? [] : _b, isMobile = _a.isMobile, mapper = _a.mapper, path = _a.path;
     var innerOptions = React.useMemo(function () {
         var result = [];
-        if (mapper && Array.isArray(path)) {
-            result = path
-                .map(function (p) {
-                var _a = Array.isArray(p) ? p : [p, undefined], key = _a[0], param = _a[1];
-                var o = mapper[key];
-                if (o) {
-                    return typeof o === "function" ? o((param === null || param === void 0 ? void 0 : param.toString()) || "") : o;
+        if (root) {
+            var rootPath = root;
+            var rootOption = root;
+            if (typeof rootPath || (Array.isArray(rootPath) && mapper)) {
+                var navOption = getNavOption(mapper, rootPath);
+                if (navOption) {
+                    result.push(navOption);
                 }
-                return undefined;
-            })
-                .filter(function (x) { return x; });
+            }
+            else if (typeof rootOption === "object") {
+                result.push(rootOption);
+            }
+        }
+        if (mapper && Array.isArray(path)) {
+            result.push.apply(result, path.map(function (p) { return getNavOption(mapper, p); }).filter(function (x) { return x; }));
         }
         else {
-            result = options;
+            result.push.apply(result, options);
         }
-        result = rootOption ? __spreadArray([rootOption], result, true) : result;
         result = isMobile ? result.slice(options.length - 1) : result;
         return result;
-    }, [rootOption, options, isMobile, mapper, path]);
+    }, [root, options, isMobile, mapper, path]);
     return innerOptions.length ? (React.createElement("div", { className: classNames(s$2.root, className) }, innerOptions.map(function (_a, index) {
         var href = _a.href, label = _a.label;
         return (React.createElement(React.Fragment, { key: index },

package/build/navigator/index.d.ts

@@ -7,7 +7,7 @@ export type AlfaNavigatorMapper = Record<string, AlfaNavigatorOption | ((param:
 export type AlfaNavigatorPathPart<TKey extends string = string> = TKey | [TKey, string | number];
 export type AlfaNavigatorPath<TKey extends string = string> = AlfaNavigatorPathPart<TKey>[];
 interface Props {
-    rootOption?: AlfaNavigatorOption;
+    root?: AlfaNavigatorOption | AlfaNavigatorPathPart;
     options?: AlfaNavigatorOption[];
     className?: string;
     stepClassName?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "revdev-components",
-  "version": "0.77.0",
+  "version": "0.78.0",
   "main": "build/index.js",
   "module": "build/index.esm.js",
   "scripts": {