@martinsura/ui 0.1.13 → 0.1.14

package/dist/index.cjs

@@ -1549,7 +1549,7 @@ var columnTypeWidth = {
   datetime: 130,
   dot: 36
 };
-function formatCellValue(value, type) {
+function formatCellValue(value, type, moneyOptions) {
   if (value === null || value === void 0) return "-";
   switch (type) {
     case "date":
@@ -1560,6 +1560,16 @@ function formatCellValue(value, type) {
       return /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", readOnly: true, checked: value, className: "cursor-default" });
     case "yes/no":
       return value ? "Ano" : "Ne";
+    case "money": {
+      const currency = moneyOptions?.currency ?? "CZK";
+      const decimals = moneyOptions?.decimals ?? 0;
+      return new Intl.NumberFormat("cs-CZ", {
+        style: "currency",
+        currency,
+        minimumFractionDigits: decimals,
+        maximumFractionDigits: decimals
+      }).format(value);
+    }
     default:
       return String(value);
   }
@@ -1863,6 +1873,7 @@ var Grid = (props) => {
             props.columns.map((col, i) => {
               const isSortable = col.sortBy !== void 0;
               const isCurrent = isSortable && grid.sortBy === col.sortBy;
+              const colAlign = col.align ?? (col.type === "money" ? "right" : void 0);
               return /* @__PURE__ */ jsxRuntime.jsx(
                 "th",
                 {
@@ -1873,8 +1884,8 @@ var Grid = (props) => {
                     "font-normal text-left whitespace-nowrap",
                     verticalBorders && tableHeaderVerticalBorderClass,
                     isSortable && "cursor-pointer select-none hover:bg-white/10",
-                    col.align === "center" && "text-center",
-                    col.align === "right" && "text-right",
+                    colAlign === "center" && "text-center",
+                    colAlign === "right" && "text-right",
                     props.classNames?.headerCell
                   ),
                   children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1", children: [
@@ -1933,9 +1944,10 @@ var Grid = (props) => {
                     }
                   ),
                   props.columns.map((col, colIdx) => {
-                    const content = col.render ? col.render(item) : col.dataField ? formatCellValue(getNestedValue(item, col.dataField), col.type) : null;
-                    const centeredContent = col.align === "center";
-                    const rightAlignedContent = col.align === "right";
+                    const content = col.render ? col.render(item) : col.dataField ? formatCellValue(getNestedValue(item, col.dataField), col.type, col.moneyOptions) : null;
+                    const effectiveAlign = col.align ?? (col.type === "money" ? "right" : void 0);
+                    const centeredContent = effectiveAlign === "center";
+                    const rightAlignedContent = effectiveAlign === "right";
                     return /* @__PURE__ */ jsxRuntime.jsx(
                       "td",
                       {
@@ -1946,8 +1958,8 @@ var Grid = (props) => {
                           verticalBorders && tableCellVerticalBorderClass,
                           col.ellipsis && "max-w-60 truncate",
                           col.wrap && "whitespace-normal",
-                          col.align === "center" && "text-center",
-                          col.align === "right" && "text-right",
+                          effectiveAlign === "center" && "text-center",
+                          effectiveAlign === "right" && "text-right",
                           col.type === "dot" && "w-9",
                           props.classNames?.bodyCell
                         ),