revdev-components 0.75.0 → 0.76.0

package/build/index.js

@@ -5227,11 +5227,28 @@ var HeaderActionPanel = function (_a) {
 var s$2 = {"root":"index-module_root__t3gxi"};
 
 var AlfaNavigator = function (_a) {
-    var className = _a.className, stepClassName = _a.stepClassName, rootOption = _a.rootOption, options = _a.options, isMobile = _a.isMobile;
+    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 innerOptions = React.useMemo(function () {
-        var allOptions = rootOption ? __spreadArray([rootOption], options, true) : options;
-        return isMobile ? allOptions.slice(options.length - 1) : allOptions;
-    }, [rootOption, options, isMobile]);
+        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;
+                }
+                return undefined;
+            })
+                .filter(function (x) { return x; });
+        }
+        else {
+            result = options;
+        }
+        result = rootOption ? __spreadArray([rootOption], result, true) : result;
+        result = isMobile ? result.slice(options.length - 1) : result;
+        return result;
+    }, [rootOption, 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

@@ -3,12 +3,17 @@ export interface AlfaNavigatorOption {
     href: string;
     label: string;
 }
+export type AlfaNavigatorMapper = Record<string, AlfaNavigatorOption | ((param: string) => AlfaNavigatorOption)>;
+export type AlfaNavigatorPathPart<TKey extends string = string> = TKey | [TKey, string | number];
+export type AlfaNavigatorPart<TKey extends string = string> = AlfaNavigatorPathPart<TKey>[];
 interface Props {
     rootOption?: AlfaNavigatorOption;
-    options: AlfaNavigatorOption[];
+    options?: AlfaNavigatorOption[];
     className?: string;
     stepClassName?: string;
     isMobile?: boolean;
+    mapper?: AlfaNavigatorMapper;
+    path?: AlfaNavigatorPart;
 }
 export declare const AlfaNavigator: React.FC<Props>;
 export {};

package/package.json

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