@algorithm-shift/design-system 1.2.77 → 1.2.79

package/dist/index.mjs

@@ -3481,7 +3481,7 @@ __export(lucide_react_exports, {
   LucideMailX: () => MailX,
   LucideMailbox: () => Mailbox,
   LucideMails: () => Mails,
-  LucideMap: () => Map,
+  LucideMap: () => Map2,
   LucideMapMinus: () => MapMinus,
   LucideMapPin: () => MapPin,
   LucideMapPinCheck: () => MapPinCheck,
@@ -4317,8 +4317,8 @@ __export(lucide_react_exports, {
   MailboxIcon: () => Mailbox,
   Mails: () => Mails,
   MailsIcon: () => Mails,
-  Map: () => Map,
-  MapIcon: () => Map,
+  Map: () => Map2,
+  MapIcon: () => Map2,
   MapMinus: () => MapMinus,
   MapMinusIcon: () => MapMinus,
   MapPin: () => MapPin,
@@ -6853,7 +6853,7 @@ __export(icons_exports, {
   MailX: () => MailX,
   Mailbox: () => Mailbox,
   Mails: () => Mails,
-  Map: () => Map,
+  Map: () => Map2,
   MapMinus: () => MapMinus,
   MapPin: () => MapPin,
   MapPinCheck: () => MapPinCheck,
@@ -18466,7 +18466,7 @@ var __iconNode933 = [
   ["path", { d: "M15 5.764v15", key: "1pn4in" }],
   ["path", { d: "M9 3.236v15", key: "1uimfh" }]
 ];
-var Map = createLucideIcon("map", __iconNode933);
+var Map2 = createLucideIcon("map", __iconNode933);
 
 // node_modules/lucide-react/dist/esm/icons/mars-stroke.js
 var __iconNode934 = [
@@ -29277,12 +29277,48 @@ var CustomPagination = ({
 var Pagination_default = CustomPagination;
 
 // src/components/Navigation/Tabs/Tabs.tsx
+import { useCallback as useCallback2, useMemo as useMemo5, useState as useState6 } from "react";
 import Link5 from "next/link";
 import { useRouter } from "next/navigation";
-import { useCallback as useCallback2, useState as useState6 } from "react";
 import { Fragment as Fragment19, jsx as jsx55, jsxs as jsxs32 } from "react/jsx-runtime";
-var Tabs = ({ className, style, tabs, verticalMenu, pathname, canvasMode, isBuilder = true }) => {
-  const rawTabs = Array.isArray(tabs) ? tabs : [];
+var Tabs = ({ className, style, tabs, verticalMenu, pathname, canvasMode, isBuilder = true, source, parentKey, menuNameKey, menuUrlKey, loading }) => {
+  function groupMenus(menus = []) {
+    const menuMap = /* @__PURE__ */ new Map();
+    menus.forEach((menu) => {
+      menuMap.set(menu.menu_id, {
+        ...menu,
+        url: menu[menuUrlKey || "url"],
+        header: menu[menuNameKey || "name"],
+        isDropDown: false,
+        children: []
+      });
+    });
+    const rootMenus = [];
+    menus.forEach((menu) => {
+      if (menu[parentKey || "parentId"]) {
+        const parent = menuMap.get(menu[parentKey || "parentId"]);
+        if (parent) {
+          parent.children.push(menuMap.get(menu.menu_id));
+        }
+      } else {
+        rootMenus.push(menuMap.get(menu.menu_id));
+      }
+    });
+    const sortMenus = (list) => list.sort((a, b) => (a.sort_order || 0) - (b.sort_order || 0)).map((menu) => {
+      const sortedChildren = sortMenus(menu.children || []);
+      return {
+        ...menu,
+        children: sortedChildren,
+        isDropDown: sortedChildren.length > 0
+      };
+    });
+    return sortMenus(rootMenus);
+  }
+  const rawTabs = useMemo5(() => {
+    if (!Array.isArray(tabs)) return [];
+    if (source === "manual") return Array.isArray(tabs) ? tabs : [];
+    return groupMenus(tabs);
+  }, [tabs, source, parentKey, menuNameKey, menuUrlKey]);
   const baseClasses = "text-[12px] text-foreground p-2 text-center rounded-md transition-colors";
   const activeClasses = "bg-white/10 text-white";
   const hoverClasses = "hover:bg-white/5";
@@ -29323,14 +29359,22 @@ var Tabs = ({ className, style, tabs, verticalMenu, pathname, canvasMode, isBuil
             align: "start",
             sideOffset: 6,
             className: "z-50 min-w-[160px] rounded-md border border-gray-200 bg-white p-1 shadow-lg",
-            children: tab.children.map((item) => /* @__PURE__ */ jsx55(
+            children: tab.children.map((item, index2) => /* @__PURE__ */ jsx55(
               DropdownMenuItem,
               {
                 asChild: true,
                 className: "cursor-pointer rounded-sm px-3 py-2 text-[12px] text-gray-800 hover:bg-gray-100 focus:bg-gray-100",
-                children: /* @__PURE__ */ jsx55(Link5, { href: item.url || "#", onClick: (e) => handleBuilderExit(e, item.url || "#"), children: item.header })
+                children: /* @__PURE__ */ jsx55(
+                  Link5,
+                  {
+                    href: item.url || "#",
+                    target: item.opens_in_new_tab ? "_blank" : "_self",
+                    onClick: (e) => handleBuilderExit(e, item.url || "#"),
+                    children: item.header
+                  }
+                )
               },
-              item.id
+              item.id || index2
             ))
           }
         )
@@ -29340,6 +29384,7 @@ var Tabs = ({ className, style, tabs, verticalMenu, pathname, canvasMode, isBuil
       Link5,
       {
         href: tab.url,
+        target: tab.opens_in_new_tab ? "_blank" : "_self",
         className: finalClasses,
         style: tab.style,
         onClick: (e) => handleBuilderExit(e, tab.url || "#"),
@@ -29364,14 +29409,14 @@ var Tabs = ({ className, style, tabs, verticalMenu, pathname, canvasMode, isBuil
           if (hasChildren) {
             return /* @__PURE__ */ jsxs32(DropdownMenuSub, { children: [
               /* @__PURE__ */ jsx55(DropdownMenuSubTrigger, { className: "flex items-center justify-between cursor-pointer rounded-sm px-3 py-2 text-[13px] text-foreground hover:text-foreground", children: tab.header }),
-              /* @__PURE__ */ jsx55(DropdownMenuSubContent, { className: "bg-white border shadow-lg rounded-md p-1", children: tab.children.map((item) => /* @__PURE__ */ jsx55(
+              /* @__PURE__ */ jsx55(DropdownMenuSubContent, { className: "bg-white border shadow-lg rounded-md p-1", children: tab.children.map((item, index) => /* @__PURE__ */ jsx55(
                 DropdownMenuItem,
                 {
                   asChild: true,
                   className: "cursor-pointer rounded-sm px-3 py-2 text-[12px] text-gray-800 hover:bg-gray-100",
                   children: /* @__PURE__ */ jsx55(Link5, { href: item.url || "#", onClick: (e) => handleBuilderExit(e, item.url || "#"), children: item.header })
                 },
-                item.id
+                item.id || index
               )) })
             ] }, i);
           }
@@ -29514,7 +29559,7 @@ import Link6 from "next/link";
 import Image3 from "next/image";
 import { useRouter as useRouter2 } from "next/navigation";
 import { DropdownMenuSeparator } from "@radix-ui/react-dropdown-menu";
-import { useCallback as useCallback3, useMemo as useMemo5, useState as useState7 } from "react";
+import { useCallback as useCallback3, useMemo as useMemo6, useState as useState7 } from "react";
 import { Fragment as Fragment20, jsx as jsx62, jsxs as jsxs36 } from "react/jsx-runtime";
 function Navbar({
   style,
@@ -29553,7 +29598,7 @@ function Navbar({
       router.push(pendingUrl);
     }
   };
-  const formatedMenu = useMemo5(() => {
+  const formatedMenu = useMemo6(() => {
     if (source === "state" && navList && navList.length) {
       return navList.map((i) => ({ ...i, header: i.name || "Menu" }));
     }
@@ -29731,7 +29776,7 @@ var ChartComponent = ({ className, style, loading, ...props }) => {
 var BarChart_default = React12.memo(ChartComponent);
 
 // src/components/Chart/PieChart.tsx
-import React13, { useEffect as useEffect23, useMemo as useMemo6, useState as useState8 } from "react";
+import React13, { useEffect as useEffect23, useMemo as useMemo7, useState as useState8 } from "react";
 import {
   PieChart,
   Pie,
@@ -29760,18 +29805,18 @@ var DonutChart = ({ className, style, loading, ...props }) => {
   const showLegends = props.showLegends ?? true;
   const labelType = props.labelType || "inside";
   const canvasMode = props.canvasMode;
-  const data = useMemo6(() => {
+  const data = useMemo7(() => {
     if (!Array.isArray(props.data)) return [];
     return props.data.map((item) => ({ ...item, color: getRandomColor() }));
   }, [props.data]);
-  const total = useMemo6(() => data.reduce((sum, d) => sum + d.value, 0), [data]);
+  const total = useMemo7(() => data.reduce((sum, d) => sum + d.value, 0), [data]);
   const forceMobile = canvasMode === "mobile" || canvasMode === "tablet";
   const [mounted, setMounted] = useState8(false);
   useEffect23(() => {
     const timeout = setTimeout(() => setMounted(true), 100);
     return () => clearTimeout(timeout);
   }, []);
-  const renderLegends = useMemo6(() => {
+  const renderLegends = useMemo7(() => {
     if (!showLegends) return null;
     return /* @__PURE__ */ jsx64(Fragment21, { children: data.map((d) => /* @__PURE__ */ jsxs38(
       "div",