@algorithm-shift/design-system 1.2.80 → 1.2.82

package/dist/index.mjs

@@ -27751,7 +27751,8 @@ function useLazyDropdown(config) {
     hasMore,
     loadMore,
     search,
-    reset
+    reset,
+    loadPage
   };
 }
 
@@ -27783,7 +27784,8 @@ function LazySelectDropdown({
     hasMore,
     loadMore,
     search,
-    reset
+    reset,
+    loadPage
   } = useLazyDropdown({
     enabled: true,
     dataSource: source || "",
@@ -27828,6 +27830,7 @@ function LazySelectDropdown({
   };
   const handleFocus = () => {
     if (!disabled) setIsOpen(true);
+    loadPage(1, "");
   };
   return /* @__PURE__ */ jsxs18("div", { ref: dropdownRef, className: "relative w-full", children: [
     /* @__PURE__ */ jsx36(
@@ -28797,10 +28800,13 @@ var MultiSelect = ({
     );
   };
   const selectedLabels = React8.useMemo(
-    () => data?.filter((opt) => value.includes(opt.value)).map((opt) => opt.label),
+    () => {
+      if (!data || !value) return [];
+      return data?.filter((opt) => value.includes(opt.value)).map((opt) => opt.label);
+    },
     [data, value]
   );
-  const options = data?.map((item) => ({
+  const options = data && data?.map((item) => ({
     value: item[dataKey],
     label: item[dataLabel]
   }));
@@ -28968,8 +28974,13 @@ import { createColumnHelper } from "@tanstack/react-table";
 // src/lib/table/cellRendererFactory.tsx
 import Image2 from "next/image";
 
-// src/lib/table/valueFormatter.ts
+// src/lib/dayjs-setup.ts
 import dayjs from "dayjs";
+import utc from "dayjs/plugin/utc";
+dayjs.extend(utc);
+var dayjs_setup_default = dayjs;
+
+// src/lib/table/valueFormatter.ts
 var valueFormatter = (value, format2, customFormatters = {}) => {
   if (!format2) return value;
   if (value == null) return "";
@@ -28980,11 +28991,18 @@ var valueFormatter = (value, format2, customFormatters = {}) => {
   const [type, arg] = format2.split(":");
   switch (type) {
     case "date":
-      return dayjs(value).format(arg || "YYYY-MM-DD");
+      return dayjs_setup_default(value).format(arg || "YYYY-MM-DD");
     case "datetime":
-      return dayjs(value).format(arg || "YYYY-MM-DD HH:mm:ss");
+      const parsed = dayjs_setup_default(value).isValid() ? dayjs_setup_default(value).utc() : dayjs_setup_default(value);
+      return parsed.format("YYYY-MM-DD hh:mm");
+    case "days":
+      return `${dayjs_setup_default().diff(dayjs_setup_default(value), "day")} days`;
+    case "months":
+      return `${dayjs_setup_default().diff(dayjs_setup_default(value), "month")} months`;
+    case "years":
+      return `${dayjs_setup_default().diff(dayjs_setup_default(value), "year")} years`;
     case "time":
-      return dayjs(value).format(arg || "HH:mm");
+      return dayjs_setup_default(value).format("HH:mm");
     case "number":
       return Number(value).toFixed(parseInt(arg || "2"));
     case "currency":
@@ -29041,9 +29059,9 @@ var cellRendererFactory = (renderer, rendererProps, value, row, customRenderers
     case "text":
       return /* @__PURE__ */ jsx52("span", { children: row?.[rendererProps?.rowField] || formattedValue });
     case "number":
-      return /* @__PURE__ */ jsx52("span", { className: "tabular-nums text-right", children: valueFormatter(row?.[rendererProps?.rowField] || formattedValue, "number:2") });
+      return /* @__PURE__ */ jsx52("span", { className: "tabular-nums text-right", children: valueFormatter(row?.[rendererProps?.rowField] || value, "number:2") });
     case "date":
-      return /* @__PURE__ */ jsx52("span", { children: valueFormatter(row?.[rendererProps?.rowField] || formattedValue, "date:DD MMM YYYY") });
+      return /* @__PURE__ */ jsx52("span", { children: valueFormatter(row?.[rendererProps?.rowField] || value, format2) });
     case "link":
       return /* @__PURE__ */ jsx52(
         "a",
@@ -29178,10 +29196,23 @@ var cellRendererFactory = (renderer, rendererProps, value, row, customRenderers
 
 // src/lib/table/useDynamicColumns.ts
 var columnHelper = createColumnHelper();
+function getValueByPath(obj, path) {
+  return path.split(".").reduce((acc, key) => acc?.[key], obj);
+}
 var useDynamicColumns = (config, customRenderers = {}, customFormatters = {}) => {
-  return config.columns.map(
-    (col) => columnHelper.accessor(col.accessorKey ?? col.id, {
-      id: col.accessorKey ?? col.id,
+  return config.columns.map((col) => {
+    const accessorKey = col.accessorKey ?? col.id;
+    const accessorFn = (row) => {
+      if (Object.prototype.hasOwnProperty.call(row, accessorKey)) {
+        return row[accessorKey];
+      }
+      if (accessorKey.includes(".")) {
+        return getValueByPath(row, accessorKey);
+      }
+      return row[accessorKey];
+    };
+    return columnHelper.accessor(accessorFn, {
+      id: accessorKey,
       header: col.header,
       cell: (info) => {
         const value = info.getValue();
@@ -29196,8 +29227,8 @@ var useDynamicColumns = (config, customRenderers = {}, customFormatters = {}) =>
           customFormatters
         );
       }
-    })
-  );
+    });
+  });
 };
 
 // src/components/ui/data-table.tsx
@@ -29997,10 +30028,7 @@ var StagesComponent = ({ stages, isShowBtn, buttonText, className, style, onStag
       {
         className: "bg-[#034486] text-white px-6 py-2 rounded-lg text-sm font-medium transition-colors duration-200 shadow-sm",
         onClick: () => {
-          const activeStage = stages?.find((stage) => stage.isActive);
-          if (activeStage && onStageChange) {
-            onStageChange("completed");
-          }
+          onStageChange?.("completed");
         },
         children: buttonText
       }