@algorithm-shift/design-system 1.2.959 → 1.2.961

package/dist/index.js

@@ -27770,13 +27770,25 @@ function useLazyDropdown(config) {
   (0, import_react19.useEffect)(() => {
     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 = (0, import_react19.useCallback)((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 = (0, import_react19.useCallback)(async (pageNum, term) => {
     if (!configRef.current.apiUrl) return [];
@@ -29414,10 +29426,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__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "overflow-hidden rounded-md w-full", children: [
     !loading && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex justify-between p-2 bg-gray-50", children: [
       /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-center gap-4 w-full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("p", { className: "text-sm font-medium", children: [
+        totalRecords && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("p", { className: "text-sm font-medium", children: [
           "Total Records : ",
           totalRecords.toLocaleString("en-IN") || 0
         ] }),
@@ -29647,7 +29666,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__ */ (0, import_jsx_runtime51.jsxs)("option", { value: size, children: [
+            children: pageSizeOptions.map((size) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("option", { value: size, children: [
               size,
               " / page"
             ] }, size))