@martinsura/ui 0.1.12 → 0.1.14

package/dist/index.d.cts

@@ -331,7 +331,11 @@ type InlineEditProps = {
 declare const InlineEdit: ({ value, placeholder, multiline, onSave, label, className }: InlineEditProps) => react_jsx_runtime.JSX.Element;
 
 type TableSize = "small" | "middle" | "large";
-type ColumnType = "date" | "datetime" | "yes/no" | "boolean" | "dot";
+type ColumnType = "date" | "datetime" | "yes/no" | "boolean" | "dot" | "money";
+type MoneyOptions = {
+    currency?: string;
+    decimals?: number;
+};
 type TableColumn<T> = {
     title?: string;
     dataField?: keyof T;
@@ -399,6 +403,7 @@ type GridColumn<T, TSortField = never> = {
     dataField?: NestedKeyOf<T>;
     sortBy?: TSortField;
     type?: ColumnType;
+    moneyOptions?: MoneyOptions;
     align?: "left" | "center" | "right";
     width?: number | string;
     wrap?: boolean;
@@ -420,6 +425,8 @@ type GridProps<T, TSortField = never, TFilter extends object = Record<string, ne
     size?: TableSize;
     selection?: GridSelection<T>;
     onRowClick?: (item: T) => void;
+    rowClassName?: (item: T) => string;
+    isRowSelected?: (item: T) => boolean;
     verticalBorders?: boolean;
     attachedTop?: boolean;
     showPageNumberChanger?: boolean;

package/dist/index.d.ts

@@ -331,7 +331,11 @@ type InlineEditProps = {
 declare const InlineEdit: ({ value, placeholder, multiline, onSave, label, className }: InlineEditProps) => react_jsx_runtime.JSX.Element;
 
 type TableSize = "small" | "middle" | "large";
-type ColumnType = "date" | "datetime" | "yes/no" | "boolean" | "dot";
+type ColumnType = "date" | "datetime" | "yes/no" | "boolean" | "dot" | "money";
+type MoneyOptions = {
+    currency?: string;
+    decimals?: number;
+};
 type TableColumn<T> = {
     title?: string;
     dataField?: keyof T;
@@ -399,6 +403,7 @@ type GridColumn<T, TSortField = never> = {
     dataField?: NestedKeyOf<T>;
     sortBy?: TSortField;
     type?: ColumnType;
+    moneyOptions?: MoneyOptions;
     align?: "left" | "center" | "right";
     width?: number | string;
     wrap?: boolean;
@@ -420,6 +425,8 @@ type GridProps<T, TSortField = never, TFilter extends object = Record<string, ne
     size?: TableSize;
     selection?: GridSelection<T>;
     onRowClick?: (item: T) => void;
+    rowClassName?: (item: T) => string;
+    isRowSelected?: (item: T) => boolean;
     verticalBorders?: boolean;
     attachedTop?: boolean;
     showPageNumberChanger?: boolean;

package/dist/index.js

@@ -1543,7 +1543,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":
@@ -1554,6 +1554,16 @@ function formatCellValue(value, type) {
       return /* @__PURE__ */ 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);
   }
@@ -1857,6 +1867,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__ */ jsx(
                 "th",
                 {
@@ -1867,8 +1878,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__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
@@ -1896,7 +1907,7 @@ var Grid = (props) => {
             }
           ) }) : items.map((item, rowIdx) => {
             const key = getKey2(item, items, props.rowKey);
-            const isSelected = selectedKeys.has(key);
+            const isSelected = selectedKeys.has(key) || !!props.isRowSelected?.(item);
             return /* @__PURE__ */ jsxs(
               "tr",
               {
@@ -1906,6 +1917,7 @@ var Grid = (props) => {
                   rowIdx % 2 === 1 && !isSelected && neutralSurfaceClasses.subtle,
                   isSelected && "bg-blue-50",
                   props.onRowClick && "cursor-pointer hover:bg-blue-50",
+                  props.rowClassName?.(item),
                   props.classNames?.bodyRow
                 ),
                 children: [
@@ -1926,9 +1938,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__ */ jsx(
                       "td",
                       {
@@ -1939,8 +1952,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
                         ),