@fayz-ai/ui 0.1.7 → 0.2.0

package/dist/index.js

@@ -7,13 +7,13 @@ import { cva } from 'class-variance-authority';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as LucideIcons from 'lucide-react';
-import { X, ChevronRight, Check, Circle, ChevronDown, ChevronUp, Workflow, Star, MessageSquare, LayoutDashboard, Award, Zap, Mic, UsersRound, Disc3, ListMusic, Eye, Music, Layers, Banknote, CalendarDays, Radio, PartyPopper, Wheat, Egg, Apple, LeafyGreen, LayoutTemplate, Heart, PawPrint, Cat, Dog, Search, List, Plus, Filter, Building2, Contact, Handshake, MapPin, UtensilsCrossed, Camera, Tag, Percent, Globe, MessageCircle, BookOpen, UserCog, Briefcase, ClipboardList, Wrench, Target, ShoppingCart, Megaphone, DollarSign, Mail, FileText, BarChart3, Package, Calendar, Bell, CreditCard, Settings, Users, Home, ArrowUp, ArrowDown, ArrowUpDown, Loader2, ArrowLeft, Clock, ChevronLeft, CheckCircle2, AlertTriangle, XCircle, Info, PanelLeftClose, PanelLeft, Menu, SlidersHorizontal, RotateCcw, TreePalm, UserPlus, ArrowDownRight, ArrowUpRight, Ruler, Warehouse, Wallet, Sparkles, CircleDollarSign, TrendingUp, Receipt, Landmark, ArrowUpCircle, ArrowDownCircle, TrendingDown, EyeOff } from 'lucide-react';
+import { X, ChevronRight, Check, Circle, ChevronDown, ChevronUp, Workflow, Star, MessageSquare, LayoutDashboard, Award, Zap, Mic, UsersRound, Disc3, ListMusic, Eye, Music, Layers, Banknote, CalendarDays, Radio, PartyPopper, Wheat, Egg, Apple, LeafyGreen, LayoutTemplate, Heart, PawPrint, Cat, Dog, Search, List, Plus, Filter, Building2, Contact, Handshake, MapPin, UtensilsCrossed, Camera, Tag, Percent, Globe, MessageCircle, BookOpen, UserCog, Briefcase, ClipboardList, Wrench, Target, ShoppingCart, Megaphone, DollarSign, Mail, FileText, BarChart3, Package, Calendar, Bell, CreditCard, Settings, Users, Home, ArrowUp, ArrowDown, ArrowUpDown, Loader2, ArrowLeft, Clock, ChevronLeft, CheckCircle2, AlertTriangle, XCircle, Info, PanelLeftClose, PanelLeft, Menu, SlidersHorizontal, RotateCcw, TreePalm, UserPlus, ArrowDownRight, ArrowUpRight, Ruler, Warehouse, Wallet, Sparkles, CircleDollarSign, TrendingUp, Receipt, Landmark, TableProperties, Plug, ArrowLeftRight, ArrowUpCircle, ArrowDownCircle, TrendingDown, EyeOff } from 'lucide-react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { useReactTable, getSortedRowModel, getCoreRowModel, flexRender } from '@tanstack/react-table';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import { Toaster } from 'sonner';
 export { toast } from 'sonner';
-import { hashRouterAdapter, useTranslation, getCurrentLocale, usePluginRuntime, getDashboardWidgets, resolvePluginComponent } from '@fayz-ai/core';
+import { hashRouterAdapter, useTranslation, getCurrentLocale, usePluginRuntime, getDashboardWidgets, useNavReferrer, routeModule, navHistoryBack, resolvePluginComponent } from '@fayz-ai/core';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import * as Tooltip2 from '@radix-ui/react-tooltip';
@@ -952,18 +952,29 @@ var Separator3 = React10.forwardRef(
   )
 );
 Separator3.displayName = SeparatorPrimitive.Root.displayName;
+function useCrossModuleBack(onBack, parentLabel) {
+  const currentPath = typeof window !== "undefined" ? (window.location.hash ? window.location.hash.slice(1) : window.location.pathname) || "/" : "/";
+  const referrer = useNavReferrer(currentPath);
+  const cross = referrer && referrer.label && routeModule(referrer.path) !== routeModule(currentPath) ? referrer : null;
+  return {
+    onBack: cross ? () => navHistoryBack(onBack) : onBack,
+    parentLabel: cross ? cross.label : parentLabel,
+    isCrossModule: !!cross
+  };
+}
 function Breadcrumb({ parent, current, onBack }) {
-  useBackHandler(onBack);
+  const { onBack: effectiveOnBack, parentLabel: effectiveParent } = useCrossModuleBack(onBack, parent);
+  useBackHandler(effectiveOnBack);
   return /* @__PURE__ */ jsxs("nav", { className: "flex items-center gap-1.5 text-sm text-muted-foreground", children: [
     /* @__PURE__ */ jsxs(
       "button",
       {
         type: "button",
-        onClick: onBack,
+        onClick: effectiveOnBack,
         className: "inline-flex items-center gap-1 hover:text-foreground transition-colors",
         children: [
           /* @__PURE__ */ jsx(ArrowLeft, { className: "h-3.5 w-3.5" }),
-          parent
+          effectiveParent
         ]
       }
     ),
@@ -2324,6 +2335,10 @@ var ICON_MAP2 = {
   Wheat: Wheat,
   ArrowDownCircle,
   ArrowUpCircle,
+  ArrowLeftRight,
+  Plug,
+  SlidersHorizontal,
+  TableProperties,
   Landmark,
   Receipt,
   TrendingUp,
@@ -2988,16 +3003,17 @@ function useBackStyle() {
 function SubpageHeader({ title, subtitle, icon, onBack, parentLabel, actions, backStyle }) {
   const t = useTranslation();
   const appStyle = useBackStyle();
-  useBackHandler(onBack);
+  const { onBack: effectiveOnBack, parentLabel: effectiveParentLabel } = useCrossModuleBack(onBack, parentLabel);
+  useBackHandler(effectiveOnBack);
   const Icon2 = icon ? ICON_MAP2[icon] ?? null : null;
-  const style = !onBack ? "icon" : backStyle ?? appStyle;
-  const effectiveStyle = style !== "icon" && !parentLabel ? "icon" : style;
+  const style = !effectiveOnBack ? "icon" : backStyle ?? appStyle;
+  const effectiveStyle = style !== "icon" && !effectiveParentLabel ? "icon" : style;
   const titleBlock = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-      effectiveStyle === "icon" && onBack && /* @__PURE__ */ jsx(
+      effectiveStyle === "icon" && effectiveOnBack && /* @__PURE__ */ jsx(
         "button",
         {
-          onClick: onBack,
+          onClick: effectiveOnBack,
           className: "flex h-8 w-8 items-center justify-center rounded-lg border hover:bg-muted bg-card shadow-button active:shadow-button-inset transition-colors",
           children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
         }
@@ -3014,7 +3030,7 @@ function SubpageHeader({ title, subtitle, icon, onBack, parentLabel, actions, ba
     return /* @__PURE__ */ jsxs("div", { className: "space-y-4 mb-6", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-          /* @__PURE__ */ jsx("button", { onClick: onBack, className: "hover:text-foreground transition-colors", children: parentLabel }),
+          /* @__PURE__ */ jsx("button", { onClick: effectiveOnBack, className: "hover:text-foreground transition-colors", children: effectiveParentLabel }),
           /* @__PURE__ */ jsx(ChevronRight, { className: "h-3.5 w-3.5" }),
           /* @__PURE__ */ jsx("span", { className: "text-foreground font-medium", children: title })
         ] }),
@@ -3028,11 +3044,11 @@ function SubpageHeader({ title, subtitle, icon, onBack, parentLabel, actions, ba
       /* @__PURE__ */ jsxs(
         "button",
         {
-          onClick: onBack,
+          onClick: effectiveOnBack,
           className: "inline-flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground transition-colors",
           children: [
             /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" }),
-            t("crud.detail.backTo", { entities: parentLabel })
+            t("crud.detail.backTo", { entities: effectiveParentLabel })
           ]
         }
       ),