@algorithm-shift/design-system 1.2.959 → 1.2.961

package/dist/index.mjs

@@ -27675,13 +27675,25 @@ function useLazyDropdown(config) {
   useEffect13(() => {
     configRef.current = config;
   }, [config]);
+  function getValueByPath2(obj, path) {
+    if (!obj || !path) return void 0;
+    const parts = path.split(/\./);
+    return parts.reduce((acc, key) => acc?.[key], obj);
+  }
   const transformToOptions = useCallback2((data) => {
     if (!data || !Array.isArray(data)) return [];
     const cfg = configRef.current;
-    return data.map((item) => ({
-      value: item[cfg.dataKey] ?? item.id ?? "",
-      label: item[cfg.dataLabel] ?? item.name ?? item.label ?? ""
-    }));
+    return data.map((item) => {
+      const value = getValueByPath2(item, cfg.dataKey) ?? item.id ?? "";
+      let label = "";
+      if (cfg.dataLabel) {
+        label = getValueByPath2(item, cfg.dataLabel) ?? item.name ?? item.label ?? item.first_name ?? "";
+      }
+      return {
+        value,
+        label
+      };
+    });
   }, []);
   const fetchApiData = useCallback2(async (pageNum, term) => {
     if (!configRef.current.apiUrl) return [];
@@ -29325,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
         ] }),
@@ -29558,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))
@@ -29873,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";
 
@@ -30027,7 +30046,7 @@ 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);
@@ -30322,7 +30341,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,
@@ -30361,7 +30380,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" }));
     }
@@ -30539,7 +30558,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,
@@ -30568,18 +30587,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",