@strands.gg/accui 2.10.7 → 2.10.8

package/dist/index.es.js

@@ -30753,7 +30753,8 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
         rows = rows.filter((row) => {
           return Object.entries(filters.value).every(([key, filterValue]) => {
             if (!filterValue || filterValue === "") return true;
-            const cellValue = getCellValue(row, key);
+            const column = props.columns.find((col) => col.key === key);
+            const cellValue = getCellValue(row, key, column);
             const cellStr = String(cellValue || "").toLowerCase();
             if (Array.isArray(filterValue)) {
               return filterValue.some((val) => cellStr.includes(String(val).toLowerCase()));
@@ -30763,17 +30764,19 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
         });
       }
       if (sortKey.value && (props.sortable || props.columns.find((col) => col.key === sortKey.value)?.sortable)) {
+        const sortColumn = props.columns.find((col) => col.key === sortKey.value);
         rows.sort((a, b) => {
-          const aVal = getCellValue(a, sortKey.value);
-          const bVal = getCellValue(b, sortKey.value);
+          const aVal = getCellValue(a, sortKey.value, sortColumn);
+          const bVal = getCellValue(b, sortKey.value, sortColumn);
           if (aVal < bVal) return sortOrder.value === "asc" ? -1 : 1;
           if (aVal > bVal) return sortOrder.value === "asc" ? 1 : -1;
           return 0;
         });
       }
       if (groupBy.value && props.groupable) {
+        const groupColumn = props.columns.find((col) => col.key === groupBy.value);
         const grouped = rows.reduce((groups, row) => {
-          const groupValue = getCellValue(row, groupBy.value);
+          const groupValue = getCellValue(row, groupBy.value, groupColumn);
           const key = String(groupValue || "Ungrouped");
           if (!groups[key]) groups[key] = [];
           groups[key].push(row);
@@ -30786,13 +30789,23 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       }
       return rows;
     });
-    const getCellValue = (row, key) => {
+    const getCellValue = (row, key, column) => {
       if (!key) return void 0;
       const keys2 = key.split(".");
       let value = row;
       for (const k of keys2) {
         value = value?.[k];
       }
+      if (column?.formatters && Array.isArray(column.formatters)) {
+        value = column.formatters.reduce((acc, formatter) => {
+          try {
+            return formatter(acc);
+          } catch (error) {
+            console.warn(`Formatter error for column ${column.key}:`, error);
+            return acc;
+          }
+        }, value);
+      }
       return value;
     };
     const handleSort = (key) => {
@@ -30818,7 +30831,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       if (column.filterOptions) return column.filterOptions;
       const uniqueValues = /* @__PURE__ */ new Set();
       props.data.forEach((row) => {
-        const value = getCellValue(row, column.key);
+        const value = getCellValue(row, column.key, column);
         if (value != null) uniqueValues.add(String(value));
       });
       return Array.from(uniqueValues).sort();
@@ -31087,13 +31100,13 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
                         colIndex
                       }, void 0, true) : renderSlot(_ctx.$slots, `cell-${column.key}`, {
                         key: 1,
-                        value: getCellValue(row, column.key),
+                        value: getCellValue(row, column.key, column),
                         row,
                         column,
                         rowIndex,
                         colIndex
                       }, () => [
-                        createTextVNode(toDisplayString(getCellValue(row, column.key)), 1)
+                        createTextVNode(toDisplayString(getCellValue(row, column.key, column)), 1)
                       ], true)
                     ], 14, _hoisted_21$8);
                   }), 128))
@@ -31151,7 +31164,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const UiTable = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-c446db4e"]]);
+const UiTable = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-7910ac1d"]]);
 const _hoisted_1$u = { class: "ui-hero-content" };
 const _hoisted_2$q = {
   key: 0,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@strands.gg/accui",
-  "version": "2.10.7",
+  "version": "2.10.8",
   "description": "Strands Authentication UI Components",
   "type": "module",
   "main": "./dist/index.cjs.js",