revdev-components 0.81.0 → 0.83.0

package/build/index.js

@@ -5237,13 +5237,36 @@ function getNavOption(mapper, part) {
     return undefined;
 }
 var AlfaNavigator = function (_a) {
-    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 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, onChange = _a.onChange;
+    var isMount = useDidMount();
+    React.useEffect(function () {
+        if (isMount) {
+            var parts = [];
+            var rootPath = root;
+            if (typeof rootPath === "string") {
+                parts.push(rootPath);
+            }
+            else if (Array.isArray(rootPath)) {
+                parts.push(rootPath[0]);
+            }
+            for (var _i = 0, _a = path || []; _i < _a.length; _i++) {
+                var item = _a[_i];
+                if (typeof item === "string") {
+                    parts.push(item);
+                }
+                else if (Array.isArray(item)) {
+                    parts.push(item[0]);
+                }
+            }
+            onChange === null || onChange === void 0 ? void 0 : onChange({ path: parts });
+        }
+    }, [isMount, root, path, onChange]);
     var innerOptions = React.useMemo(function () {
         var result = [];
         if (root) {
             var rootPath = root;
             var rootOption = root;
-            if (typeof rootPath || (Array.isArray(rootPath) && mapper)) {
+            if (typeof rootPath === "string" || (Array.isArray(rootPath) && mapper)) {
                 var navOption = getNavOption(mapper, rootPath);
                 if (navOption) {
                     result.push(navOption);

package/build/navigator/index.d.ts

@@ -6,6 +6,9 @@ export interface AlfaNavigatorOption {
 export type AlfaNavigatorMapper = Record<string, AlfaNavigatorOption | ((param: any) => AlfaNavigatorOption)>;
 export type AlfaNavigatorPathPart<TKey extends string = string> = TKey | [TKey, any];
 export type AlfaNavigatorPath<TKey extends string = string> = AlfaNavigatorPathPart<TKey>[];
+export interface AlfaNavigatorChangeEvent {
+    path?: string[];
+}
 interface Props {
     root?: AlfaNavigatorOption | AlfaNavigatorPathPart;
     options?: AlfaNavigatorOption[];
@@ -14,6 +17,7 @@ interface Props {
     isMobile?: boolean;
     mapper?: AlfaNavigatorMapper;
     path?: AlfaNavigatorPath;
+    onChange?: (e: AlfaNavigatorChangeEvent) => void;
 }
 export declare const AlfaNavigator: React.FC<Props>;
 export {};

package/package.json

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