@algorithm-shift/design-system 1.2.80 → 1.2.82

package/dist/index.js

@@ -27848,7 +27848,8 @@ function useLazyDropdown(config) {
     hasMore,
     loadMore,
     search,
-    reset
+    reset,
+    loadPage
   };
 }
 
@@ -27880,7 +27881,8 @@ function LazySelectDropdown({
     hasMore,
     loadMore,
     search,
-    reset
+    reset,
+    loadPage
   } = useLazyDropdown({
     enabled: true,
     dataSource: source || "",
@@ -27925,6 +27927,7 @@ function LazySelectDropdown({
   };
   const handleFocus = () => {
     if (!disabled) setIsOpen(true);
+    loadPage(1, "");
   };
   return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { ref: dropdownRef, className: "relative w-full", children: [
     /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
@@ -28894,10 +28897,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]
   }));
@@ -29059,8 +29065,13 @@ var import_react_table = require("@tanstack/react-table");
 // src/lib/table/cellRendererFactory.tsx
 var import_image3 = __toESM(require("next/image"));
 
-// src/lib/table/valueFormatter.ts
+// src/lib/dayjs-setup.ts
 var import_dayjs = __toESM(require("dayjs"));
+var import_utc = __toESM(require("dayjs/plugin/utc"));
+import_dayjs.default.extend(import_utc.default);
+var dayjs_setup_default = import_dayjs.default;
+
+// src/lib/table/valueFormatter.ts
 var valueFormatter = (value, format2, customFormatters = {}) => {
   if (!format2) return value;
   if (value == null) return "";
@@ -29071,11 +29082,18 @@ var valueFormatter = (value, format2, customFormatters = {}) => {
   const [type, arg] = format2.split(":");
   switch (type) {
     case "date":
-      return (0, import_dayjs.default)(value).format(arg || "YYYY-MM-DD");
+      return dayjs_setup_default(value).format(arg || "YYYY-MM-DD");
     case "datetime":
-      return (0, import_dayjs.default)(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 (0, import_dayjs.default)(value).format(arg || "HH:mm");
+      return dayjs_setup_default(value).format("HH:mm");
     case "number":
       return Number(value).toFixed(parseInt(arg || "2"));
     case "currency":
@@ -29132,9 +29150,9 @@ var cellRendererFactory = (renderer, rendererProps, value, row, customRenderers
     case "text":
       return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { children: row?.[rendererProps?.rowField] || formattedValue });
     case "number":
-      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "tabular-nums text-right", children: valueFormatter(row?.[rendererProps?.rowField] || formattedValue, "number:2") });
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "tabular-nums text-right", children: valueFormatter(row?.[rendererProps?.rowField] || value, "number:2") });
     case "date":
-      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { children: valueFormatter(row?.[rendererProps?.rowField] || formattedValue, "date:DD MMM YYYY") });
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { children: valueFormatter(row?.[rendererProps?.rowField] || value, format2) });
     case "link":
       return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
         "a",
@@ -29269,10 +29287,23 @@ var cellRendererFactory = (renderer, rendererProps, value, row, customRenderers
 
 // src/lib/table/useDynamicColumns.ts
 var columnHelper = (0, import_react_table.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();
@@ -29287,8 +29318,8 @@ var useDynamicColumns = (config, customRenderers = {}, customFormatters = {}) =>
           customFormatters
         );
       }
-    })
-  );
+    });
+  });
 };
 
 // src/components/ui/data-table.tsx
@@ -30088,10 +30119,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
       }