revdev-components 0.73.0 → 0.76.0

package/build/headerActionPanel/index.d.ts

@@ -3,13 +3,18 @@ import { RegularIconName } from "src/icon/regular";
 interface BaseHeaderActionProps {
     icon: RegularIconName;
     label?: string;
-    onClick: () => void;
     tooltip?: string;
 }
+interface ClickHeaderActionProps extends BaseHeaderActionProps {
+    onClick: () => void;
+}
+interface LinkHeaderActionProps extends BaseHeaderActionProps {
+    href: string;
+}
 interface ContentHeaderActionProps {
     content: React.ReactNode;
 }
-export type HeaderActionProps = BaseHeaderActionProps | ContentHeaderActionProps;
+export type HeaderActionProps = ClickHeaderActionProps | LinkHeaderActionProps | ContentHeaderActionProps;
 export interface HeaderActionPanelProps {
     className?: string;
     actions?: HeaderActionProps[];

package/build/index.js

@@ -5201,18 +5201,25 @@ var FrontLayout = function (_a) {
             React.createElement(FrontFooter, __assign({}, footer)))));
 };
 
-var s$3 = {"root":"index-module_root__OWeNb"};
+var s$3 = {"root":"index-module_root__OWeNb","link":"index-module_link__H8HcA","button":"index-module_button__UVt6a"};
 
 var HeaderActionPanel = function (_a) {
     var className = _a.className, actions = _a.actions;
     return (actions === null || actions === void 0 ? void 0 : actions.length) ? (React.createElement("div", { className: classNames(s$3.root, className) }, actions.map(function (action, i) {
-        var content = action === null || action === void 0 ? void 0 : action.content;
-        if (content) {
-            return React.createElement(React.Fragment, { key: i }, content);
+        var content = action;
+        var button = action;
+        var link = action;
+        if (content === null || content === void 0 ? void 0 : content.content) {
+            return React.createElement(React.Fragment, { key: i }, content === null || content === void 0 ? void 0 : content.content);
         }
-        else {
-            var _a = action, icon = _a.icon, onClick = _a.onClick, label = _a.label, tooltip = _a.tooltip;
-            return (React.createElement(IconDivision, { key: i, icon: icon, onClick: onClick, tooltip: tooltip }, label));
+        else if (!!(button === null || button === void 0 ? void 0 : button.onClick)) {
+            var icon = button.icon, label = button.label, tooltip = button.tooltip;
+            return (React.createElement(IconDivision, { key: i, icon: icon, onClick: button === null || button === void 0 ? void 0 : button.onClick, tooltip: tooltip, className: s$3.button }, label));
+        }
+        else if (!!(link === null || link === void 0 ? void 0 : link.href)) {
+            var icon = button.icon, label = button.label, tooltip = button.tooltip;
+            return (React.createElement(AppLink, { key: i, href: link.href, className: s$3.link },
+                React.createElement(IconDivision, { icon: icon, tooltip: tooltip }, label)));
         }
     }))) : null;
 };
@@ -5220,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/build/styles.css

@@ -526,7 +526,6 @@ body {
   display: flex;
   flex-direction: row;
   align-items: center;
-  color: var(--passiveColor);
   gap: 8px;
 }
 @media all and (max-width: 700px) {
@@ -534,6 +533,20 @@ body {
     margin: 0;
   }
 }
+
+.index-module_link__H8HcA {
+  color: var(--passiveColor) !important;
+}
+.index-module_link__H8HcA:hover {
+  color: var(--color) !important;
+}
+
+.index-module_button__UVt6a {
+  color: var(--passiveColor);
+}
+.index-module_button__UVt6a:hover {
+  color: var(--color);
+}
 .index-module_root__t3gxi {
   --linkColor: var(--passiveColor);
   display: flex;

package/package.json

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