@algorithm-shift/design-system 1.2.77 → 1.2.79

package/dist/index.d.mts

@@ -126,6 +126,11 @@ interface TabsProps extends ElementProps {
   verticalMenu?: boolean;
   canvasMode?: 'desktop' | 'tablet' | 'mobile';
   isBuilder?: boolean;
+  source?: string;
+  parentKey?: string;
+  menuNameKey?: string;
+  menuUrlKey?: string;
+  loading?: boolean;
 }
 
 interface StagesProps extends ElementProps {
@@ -362,7 +367,7 @@ declare const Table: ({ columns, data, rowActions, className, style, pagination,
 
 declare const CustomPagination: ({ totalPages, currentPage, onPageChange, maxVisiblePages, perPage, }: CustomPaginationProps) => react_jsx_runtime.JSX.Element;
 
-declare const Tabs: ({ className, style, tabs, verticalMenu, pathname, canvasMode, isBuilder }: TabsProps) => react_jsx_runtime.JSX.Element;
+declare const Tabs: ({ className, style, tabs, verticalMenu, pathname, canvasMode, isBuilder, source, parentKey, menuNameKey, menuUrlKey, loading }: TabsProps) => react_jsx_runtime.JSX.Element;
 
 declare const StagesComponent: ({ stages, isShowBtn, buttonText, className, style, onStageChange, currentStage }: StagesProps) => react_jsx_runtime.JSX.Element;
 

package/dist/index.d.ts

@@ -126,6 +126,11 @@ interface TabsProps extends ElementProps {
   verticalMenu?: boolean;
   canvasMode?: 'desktop' | 'tablet' | 'mobile';
   isBuilder?: boolean;
+  source?: string;
+  parentKey?: string;
+  menuNameKey?: string;
+  menuUrlKey?: string;
+  loading?: boolean;
 }
 
 interface StagesProps extends ElementProps {
@@ -362,7 +367,7 @@ declare const Table: ({ columns, data, rowActions, className, style, pagination,
 
 declare const CustomPagination: ({ totalPages, currentPage, onPageChange, maxVisiblePages, perPage, }: CustomPaginationProps) => react_jsx_runtime.JSX.Element;
 
-declare const Tabs: ({ className, style, tabs, verticalMenu, pathname, canvasMode, isBuilder }: TabsProps) => react_jsx_runtime.JSX.Element;
+declare const Tabs: ({ className, style, tabs, verticalMenu, pathname, canvasMode, isBuilder, source, parentKey, menuNameKey, menuUrlKey, loading }: TabsProps) => react_jsx_runtime.JSX.Element;
 
 declare const StagesComponent: ({ stages, isShowBtn, buttonText, className, style, onStageChange, currentStage }: StagesProps) => react_jsx_runtime.JSX.Element;
 

package/dist/index.js

@@ -3578,7 +3578,7 @@ __export(lucide_react_exports, {
   LucideMailX: () => MailX,
   LucideMailbox: () => Mailbox,
   LucideMails: () => Mails,
-  LucideMap: () => Map,
+  LucideMap: () => Map2,
   LucideMapMinus: () => MapMinus,
   LucideMapPin: () => MapPin,
   LucideMapPinCheck: () => MapPinCheck,
@@ -4414,8 +4414,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,
@@ -6950,7 +6950,7 @@ __export(icons_exports, {
   MailX: () => MailX,
   Mailbox: () => Mailbox,
   Mails: () => Mails,
-  Map: () => Map,
+  Map: () => Map2,
   MapMinus: () => MapMinus,
   MapPin: () => MapPin,
   MapPinCheck: () => MapPinCheck,
@@ -18563,7 +18563,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 = [
@@ -29368,12 +29368,48 @@ var CustomPagination = ({
 var Pagination_default = CustomPagination;
 
 // src/components/Navigation/Tabs/Tabs.tsx
+var import_react27 = require("react");
 var import_link5 = __toESM(require("next/link"));
 var import_navigation3 = require("next/navigation");
-var import_react27 = require("react");
 var import_jsx_runtime55 = require("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 = (0, import_react27.useMemo)(() => {
+    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";
@@ -29414,14 +29450,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__ */ (0, import_jsx_runtime55.jsx)(
+            children: tab.children.map((item, index2) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
               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__ */ (0, import_jsx_runtime55.jsx)(import_link5.default, { href: item.url || "#", onClick: (e) => handleBuilderExit(e, item.url || "#"), children: item.header })
+                children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                  import_link5.default,
+                  {
+                    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
             ))
           }
         )
@@ -29431,6 +29475,7 @@ var Tabs = ({ className, style, tabs, verticalMenu, pathname, canvasMode, isBuil
       import_link5.default,
       {
         href: tab.url,
+        target: tab.opens_in_new_tab ? "_blank" : "_self",
         className: finalClasses,
         style: tab.style,
         onClick: (e) => handleBuilderExit(e, tab.url || "#"),
@@ -29455,14 +29500,14 @@ var Tabs = ({ className, style, tabs, verticalMenu, pathname, canvasMode, isBuil
           if (hasChildren) {
             return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(DropdownMenuSub, { children: [
               /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(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__ */ (0, import_jsx_runtime55.jsx)(DropdownMenuSubContent, { className: "bg-white border shadow-lg rounded-md p-1", children: tab.children.map((item) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(DropdownMenuSubContent, { className: "bg-white border shadow-lg rounded-md p-1", children: tab.children.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
                 DropdownMenuItem,
                 {
                   asChild: true,
                   className: "cursor-pointer rounded-sm px-3 py-2 text-[12px] text-gray-800 hover:bg-gray-100",
                   children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_link5.default, { href: item.url || "#", onClick: (e) => handleBuilderExit(e, item.url || "#"), children: item.header })
                 },
-                item.id
+                item.id || index
               )) })
             ] }, i);
           }