@algorithm-shift/design-system 1.2.960 → 1.2.962

package/dist/index.mjs

@@ -27677,7 +27677,7 @@ function useLazyDropdown(config) {
   }, [config]);
   function getValueByPath2(obj, path) {
     if (!obj || !path) return void 0;
-    const parts = path.split(/\.|__/);
+    const parts = path.split(/\./);
     return parts.reduce((acc, key) => acc?.[key], obj);
   }
   const transformToOptions = useCallback2((data) => {
@@ -27687,7 +27687,7 @@ function useLazyDropdown(config) {
       const value = getValueByPath2(item, cfg.dataKey) ?? item.id ?? "";
       let label = "";
       if (cfg.dataLabel) {
-        label = getValueByPath2(item, cfg.dataLabel) ?? item.name ?? item.label ?? "";
+        label = getValueByPath2(item, cfg.dataLabel) ?? item.name ?? item.label ?? item.first_name ?? "";
       }
       return {
         value,
@@ -29337,10 +29337,17 @@ function DataTable({
     onPageChange?.(currentPageIndex, newSize);
     setLocalPageSize(newSize);
   };
+  const pageSizeOptions = React9.useMemo(() => {
+    const options = [10, 20, 50, 100].filter((size) => size < totalRecords);
+    if (options.length === 0) {
+      options.push(10);
+    }
+    return options;
+  }, [totalRecords]);
   return /* @__PURE__ */ jsxs29("div", { className: "overflow-hidden rounded-md w-full", children: [
     !loading && /* @__PURE__ */ jsxs29("div", { className: "flex justify-between p-2 bg-gray-50", children: [
       /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-4 w-full", children: [
-        /* @__PURE__ */ jsxs29("p", { className: "text-sm font-medium", children: [
+        !!totalRecords && /* @__PURE__ */ jsxs29("p", { className: "text-sm font-medium", children: [
           "Total Records : ",
           totalRecords.toLocaleString("en-IN") || 0
         ] }),
@@ -29570,7 +29577,7 @@ function DataTable({
             value: localPageSize,
             onChange: handlePageSizeChange,
             className: "ml-2 border rounded py-1 text-sm cursor-pointer border-blue-600",
-            children: [10, 20, 50, 100].map((size) => /* @__PURE__ */ jsxs29("option", { value: size, children: [
+            children: pageSizeOptions.map((size) => /* @__PURE__ */ jsxs29("option", { value: size, children: [
               size,
               " / page"
             ] }, size))
@@ -29885,7 +29892,7 @@ var CustomPagination = ({
 var Pagination_default = CustomPagination;
 
 // src/components/Navigation/Tabs/Tabs.tsx
-import { useCallback as useCallback3, useMemo as useMemo5, useState as useState8 } from "react";
+import { useCallback as useCallback3, useMemo as useMemo6, useState as useState8 } from "react";
 import Link5 from "next/link";
 import { useRouter } from "next/navigation";
 
@@ -30003,9 +30010,46 @@ function DialogDescription({
   );
 }
 
+// src/components/ui/sonner-toast.tsx
+import { toast } from "sonner";
+function showSonnerToast({
+  title,
+  description,
+  variant = "default",
+  duration = 3e3,
+  actionLabel,
+  onAction
+}) {
+  const options = {
+    description,
+    duration,
+    action: actionLabel ? {
+      label: actionLabel,
+      onClick: onAction || (() => {
+      })
+    } : void 0
+  };
+  switch (variant) {
+    case "success":
+      toast.success(title, options);
+      break;
+    case "error":
+      toast.error(title, options);
+      break;
+    case "info":
+      toast.info(title, options);
+      break;
+    case "warning":
+      toast.warning(title, options);
+      break;
+    default:
+      toast(title, options);
+  }
+}
+
 // src/components/Navigation/Tabs/Tabs.tsx
 import { Fragment as Fragment22, jsx as jsx56, jsxs as jsxs33 } from "react/jsx-runtime";
-var Tabs = ({ className, style, tabs, verticalMenu, pathname, canvasMode, isBuilder = false, source, parentKey, menuNameKey, menuUrlKey, loading }) => {
+var Tabs = ({ className, style, tabs, verticalMenu, pathname, canvasMode, isBuilder = false, source, parentKey, menuNameKey, menuUrlKey, loading, bgActiveColor, textActiveColor }) => {
   const [openIndex, setOpenIndex] = useState8(null);
   function groupMenus(menus = []) {
     const menuMap = /* @__PURE__ */ new Map();
@@ -30039,17 +30083,29 @@ var Tabs = ({ className, style, tabs, verticalMenu, pathname, canvasMode, isBuil
     });
     return sortMenus(rootMenus);
   }
-  const rawTabs = useMemo5(() => {
+  const rawTabs = useMemo6(() => {
     if (!Array.isArray(tabs)) return [];
     if (source === "manual") return Array.isArray(tabs) ? tabs : [];
     return groupMenus(tabs);
   }, [tabs, source, parentKey, menuNameKey, menuUrlKey]);
   const baseClasses = "text-foreground p-2 text-center rounded-md transition-colors";
-  const activeClasses = "bg-white/10 text-white";
-  const hoverClasses = "hover:bg-white/5";
+  const activeClasses = `${bgActiveColor ?? "bg-white/10"} ${textActiveColor ?? "text-white"}`;
+  const hoverClasses = `${bgActiveColor ? bgActiveColor.replace("bg-", "hover:bg-") : "hover:bg-white/5"} ${textActiveColor ? textActiveColor.replace("text-", "hover:text-") : "hover:text-white"}`;
   const isActive = (path) => {
     if (!path) return false;
-    return pathname === path || path !== "/" && pathname?.startsWith(path);
+    const clean = (p) => p.replace(/\/+$/, "");
+    const current = clean(pathname || "");
+    const target = clean(path);
+    if (!current || !target) return false;
+    if (current === target) return true;
+    if (current.startsWith(target) || target.startsWith(current)) return true;
+    const currentLast = current.split("/").pop();
+    const targetLast = target.split("/").pop();
+    return !!currentLast && !!targetLast && currentLast === targetLast;
+  };
+  const isParentActive = (tab) => {
+    if (!Array.isArray(tab.children)) return false;
+    return tab.children.some((child) => isActive(child.url));
   };
   const router = useRouter();
   const [showExitDialog, setShowExitDialog] = useState8(false);
@@ -30059,7 +30115,11 @@ var Tabs = ({ className, style, tabs, verticalMenu, pathname, canvasMode, isBuil
       if (isBuilder) {
         e.preventDefault();
         setPendingUrl(url);
-        setShowExitDialog(true);
+        showSonnerToast({
+          variant: "success",
+          title: "Navigation Alert",
+          description: `You will be redirected to ${url} in the built application.`
+        });
       }
     },
     [isBuilder]
@@ -30072,7 +30132,8 @@ var Tabs = ({ className, style, tabs, verticalMenu, pathname, canvasMode, isBuil
   };
   let timeout;
   const renderDesktopTab = (tab, index) => {
-    const finalClasses = [baseClasses, isActive(tab.url) ? activeClasses : hoverClasses, tab.className || ""].join(" ");
+    const active = isActive(tab.url) || isParentActive(tab);
+    const finalClasses = [baseClasses, active ? activeClasses : hoverClasses, tab.className || ""].join(" ");
     if (Array.isArray(tab.children) && tab.children.length > 0 && tab.isDropDown) {
       return /* @__PURE__ */ jsxs33(
         DropdownMenu,
@@ -30334,7 +30395,7 @@ import Link6 from "next/link";
 import Image4 from "next/image";
 import { useRouter as useRouter2 } from "next/navigation";
 import { DropdownMenuSeparator } from "@radix-ui/react-dropdown-menu";
-import { useCallback as useCallback4, useMemo as useMemo6, useState as useState10 } from "react";
+import { useCallback as useCallback4, useMemo as useMemo7, useState as useState10 } from "react";
 import { Fragment as Fragment23, jsx as jsx63, jsxs as jsxs37 } from "react/jsx-runtime";
 function Navbar({
   style,
@@ -30373,7 +30434,7 @@ function Navbar({
       router.push(pendingUrl);
     }
   };
-  const formatedMenu = useMemo6(() => {
+  const formatedMenu = useMemo7(() => {
     if (source === "state" && navList && navList.length) {
       return navList.map((i) => ({ ...i, header: i.name || "Menu" }));
     }
@@ -30551,7 +30612,7 @@ var ChartComponent = ({ className, style, loading, ...props }) => {
 var BarChart_default = React12.memo(ChartComponent);
 
 // src/components/Chart/PieChart.tsx
-import React13, { useEffect as useEffect25, useMemo as useMemo7, useState as useState11 } from "react";
+import React13, { useEffect as useEffect25, useMemo as useMemo8, useState as useState11 } from "react";
 import {
   PieChart,
   Pie,
@@ -30580,18 +30641,18 @@ var DonutChart = ({ className, style, loading, ...props }) => {
   const showLegends = props.showLegends ?? true;
   const labelType = props.labelType || "inside";
   const canvasMode = props.canvasMode;
-  const data = useMemo7(() => {
+  const data = useMemo8(() => {
     if (!Array.isArray(props.data)) return [];
     return props.data.map((item) => ({ ...item, color: getRandomColor() }));
   }, [props.data]);
-  const total = useMemo7(() => data.reduce((sum, d) => sum + d.value, 0), [data]);
+  const total = useMemo8(() => data.reduce((sum, d) => sum + d.value, 0), [data]);
   const forceMobile = canvasMode === "mobile" || canvasMode === "tablet";
   const [mounted, setMounted] = useState11(false);
   useEffect25(() => {
     const timeout = setTimeout(() => setMounted(true), 100);
     return () => clearTimeout(timeout);
   }, []);
-  const renderLegends = useMemo7(() => {
+  const renderLegends = useMemo8(() => {
     if (!showLegends) return null;
     return /* @__PURE__ */ jsx65(Fragment24, { children: data.map((d) => /* @__PURE__ */ jsxs39(
       "div",
@@ -30762,43 +30823,6 @@ function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc
   ] }) });
 }
 
-// src/components/ui/sonner-toast.tsx
-import { toast } from "sonner";
-function showSonnerToast({
-  title,
-  description,
-  variant = "default",
-  duration = 3e3,
-  actionLabel,
-  onAction
-}) {
-  const options = {
-    description,
-    duration,
-    action: actionLabel ? {
-      label: actionLabel,
-      onClick: onAction || (() => {
-      })
-    } : void 0
-  };
-  switch (variant) {
-    case "success":
-      toast.success(title, options);
-      break;
-    case "error":
-      toast.error(title, options);
-      break;
-    case "info":
-      toast.info(title, options);
-      break;
-    case "warning":
-      toast.warning(title, options);
-      break;
-    default:
-      toast(title, options);
-  }
-}
-
 // src/components/ui/sonner.tsx
 import { useTheme } from "next-themes";
 import { Toaster as Sonner } from "sonner";