@economic/taco 2.58.2-EC-64962.1 → 2.58.2-EC-64961.1

package/dist/taco.d.ts

@@ -3148,6 +3148,25 @@ export declare type TableColumnClassNameHandler<TType = unknown> = string | ((ro
 
 export declare type TableColumnDataType = 'text' | 'number' | 'datetime' | 'boolean' | 'amount';
 
+export declare type TableColumnDataTypeOptions = {
+    currency?: string;
+    decimals?: number;
+    useGrouping?: boolean;
+};
+
+export declare type TableColumnDataTypeOptionsHandler<TType = unknown, TOptions = TableColumnDataTypeOptions> = TOptions | ((row: TType) => TOptions);
+
+export declare type TableColumnDataTypeProps<TType = unknown> = {
+    dataType?: 'number';
+    dataTypeOptions?: TableColumnDataTypeOptionsHandler<TType, Pick<TableColumnDataTypeOptions, 'currency' | 'decimals' | 'useGrouping'>>;
+} | {
+    dataType?: 'amount';
+    dataTypeOptions?: TableColumnDataTypeOptionsHandler<TType, Pick<TableColumnDataTypeOptions, 'currency'>>;
+} | {
+    dataType?: Omit<TableColumnDataType, 'number' | 'amount'>;
+    dataTypeOptions?: never;
+};
+
 export declare type TableColumnFilter = ColumnFilter;
 
 export declare type TableColumnIdentifierProps<TType = unknown> = {
@@ -3166,7 +3185,7 @@ export declare type TableColumnIdentifierProps<TType = unknown> = {
 
 export declare type TableColumnMenu = ((columnId: string) => React.ReactNode | null)[];
 
-export declare type TableColumnProps<TType = unknown> = TableColumnIdentifierProps<TType> & {
+export declare type TableColumnProps<TType = unknown> = TableColumnIdentifierProps<TType> & TableColumnDataTypeProps<TType> & {
     control?: TableColumnRendererControl<TType> | undefined;
     footer?: TableColumnRendererFooter<TType> | undefined;
     header: TableColumnRendererHeader;
@@ -3375,7 +3394,7 @@ export declare type TableRowActionRenderer<TType = unknown> = (row: TType, inter
 
 export declare type TableRowClickHandler<TType = unknown> = (row: TType) => void;
 
-export declare type TableRowDragHandler<TType = unknown> = (rows: TType[], showPlaceholder: (string: any) => void, setDataTransfer: (data: string) => void) => void;
+export declare type TableRowDragHandler<TType = unknown> = (rows: TType[], showPlaceholder: (text: string) => void, setDataTransfer: (data: string) => void) => void;
 
 export declare type TableRowDropHandler<TType = unknown> = (event: React.DragEvent, row: TType) => void;
 
@@ -4046,6 +4065,7 @@ declare module '@tanstack/table-core' {
         className?: TableColumnClassNameHandler<TData>;
         control?: TableColumnRendererControl<TData>;
         dataType?: TableColumnDataType;
+        dataTypeOptions?: TableColumnDataTypeOptions;
         defaultWidth?: number;
         enableEditing?: boolean;
         enableOrdering?: boolean;

package/dist/taco.js

@@ -33036,20 +33036,6 @@ const dataTypes = {
       TableFilterComparator.IsNotEmpty
     ]
   },
-  number: {
-    sortingFn: "basic",
-    filterComparators: [
-      TableFilterComparator.IsEqualTo,
-      TableFilterComparator.IsNotEqualTo,
-      TableFilterComparator.IsGreaterThan,
-      TableFilterComparator.IsLessThan,
-      TableFilterComparator.IsGreaterThanOrEqualTo,
-      TableFilterComparator.IsLessThanOrEqualTo,
-      TableFilterComparator.IsBetween,
-      TableFilterComparator.IsEmpty,
-      TableFilterComparator.IsNotEmpty
-    ]
-  },
   datetime: {
     sortingFn: "datetime",
     filterComparators: [
@@ -33063,7 +33049,7 @@ const dataTypes = {
       TableFilterComparator.IsEmpty,
       TableFilterComparator.IsNotEmpty
     ],
-    getDisplayValue: (value, options) => {
+    getDisplayValue: (value, _1, options) => {
       var _a;
       return format$1(value, (_a = options == null ? void 0 : options.localization) == null ? void 0 : _a.formatting.date) ?? "";
     }
@@ -33072,9 +33058,13 @@ const dataTypes = {
     sortingFn: "basic",
     filterComparators: [TableFilterComparator.IsEqualTo, TableFilterComparator.IsNotEqualTo]
   },
-  // advanced
-  amount: {
-    align: "right",
+  // numbers
+  number: createNumberDataType("left"),
+  amount: createNumberDataType("right", { decimals: 2, useGrouping: true })
+};
+function createNumberDataType(align, defaultOptions2) {
+  return {
+    align,
     sortingFn: "basic",
     filterComparators: [
       TableFilterComparator.IsEqualTo,
@@ -33087,19 +33077,38 @@ const dataTypes = {
       TableFilterComparator.IsEmpty,
       TableFilterComparator.IsNotEmpty
     ],
-    getDisplayValue: (value, options) => {
-      var _a;
+    getDisplayValue: (value, row, options) => {
+      var _a, _b;
       if (value === void 0) {
         return "";
       }
-      const formatter = new Intl.NumberFormat((_a = options == null ? void 0 : options.localization) == null ? void 0 : _a.locale, { minimumFractionDigits: 2 });
-      const decimalSeperator = formatter.format(1.1).substring(1, 2);
-      const localisedValue = formatter.format(Number(value));
-      const localisedValueWithoutThousandsSeperator = decimalSeperator === "." ? localisedValue.replace(",", "") : localisedValue.replace(".", "");
+      const dataTypeOptions = typeof (options == null ? void 0 : options.dataTypeOptions) === "function" ? options == null ? void 0 : options.dataTypeOptions(row) : options == null ? void 0 : options.dataTypeOptions;
+      const numberFormatOptions = {
+        // format
+        useGrouping: (dataTypeOptions == null ? void 0 : dataTypeOptions.useGrouping) ?? (defaultOptions2 == null ? void 0 : defaultOptions2.useGrouping) ?? false,
+        // decimals
+        minimumFractionDigits: (dataTypeOptions == null ? void 0 : dataTypeOptions.decimals) ?? (defaultOptions2 == null ? void 0 : defaultOptions2.decimals),
+        maximumFractionDigits: (dataTypeOptions == null ? void 0 : dataTypeOptions.decimals) ?? (defaultOptions2 == null ? void 0 : defaultOptions2.decimals)
+      };
+      if (dataTypeOptions == null ? void 0 : dataTypeOptions.currency) {
+        numberFormatOptions.style = "currency";
+        numberFormatOptions.currency = dataTypeOptions.currency;
+        numberFormatOptions.currencyDisplay = "code";
+      }
+      const localisedValue = new Intl.NumberFormat((_a = options == null ? void 0 : options.localization) == null ? void 0 : _a.locale, numberFormatOptions).format(
+        Number(value)
+      );
+      if (!numberFormatOptions.useGrouping) {
+        return localisedValue;
+      }
+      const localisedValueWithoutThousandsSeperator = new Intl.NumberFormat((_b = options == null ? void 0 : options.localization) == null ? void 0 : _b.locale, {
+        ...numberFormatOptions,
+        useGrouping: false
+      }).format(Number(value));
       return [localisedValue, localisedValueWithoutThousandsSeperator];
     }
-  }
-};
+  };
+}
 function getDataTypeProperties(dataType) {
   return dataTypes[dataType ?? "text"] ?? dataTypes.text;
 }
@@ -33221,7 +33230,7 @@ function columnFilterFn(value, filter2) {
 const flattenCellValue = (cellValue) => {
   return typeof cellValue === "object" ? Object.values(cellValue).map(flattenCellValue) : cellValue;
 };
-function isMatched(searchQuery, cellValue, dataType, localization) {
+function isMatched(searchQuery, cellValue, rowValue, dataType, dataTypeOptions, localization) {
   if (typeof cellValue === "object") {
     return flattenCellValue(cellValue).flat(Infinity).find((y4) => isWeakContains(y4, searchQuery));
   } else {
@@ -33231,7 +33240,10 @@ function isMatched(searchQuery, cellValue, dataType, localization) {
     } else {
       const dataTypeProperties = getDataTypeProperties(dataType);
       if (dataTypeProperties.getDisplayValue) {
-        const cellDisplayValue = dataTypeProperties.getDisplayValue(cellValue, { localization });
+        const cellDisplayValue = dataTypeProperties.getDisplayValue(cellValue, rowValue, {
+          dataTypeOptions,
+          localization
+        });
         if (Array.isArray(cellDisplayValue)) {
           for (const displayValue of cellDisplayValue) {
             if (isWeakContains(displayValue, searchQuery)) {
@@ -33247,12 +33259,19 @@ function isMatched(searchQuery, cellValue, dataType, localization) {
   return false;
 }
 function globalFilterFn(row, columnId, searchQuery, localization) {
-  var _a, _b;
+  var _a;
   try {
     if (row.original) {
       const cellValue = row.original[columnId];
-      const dataType = (_b = (_a = row._getAllCellsByColumnId()[columnId]) == null ? void 0 : _a.column.columnDef.meta) == null ? void 0 : _b.dataType;
-      return isMatched(searchQuery, cellValue, dataType, localization);
+      const columnMeta = (_a = row._getAllCellsByColumnId()[columnId]) == null ? void 0 : _a.column.columnDef.meta;
+      return isMatched(
+        searchQuery,
+        cellValue,
+        row.original,
+        columnMeta == null ? void 0 : columnMeta.dataType,
+        columnMeta == null ? void 0 : columnMeta.dataTypeOptions,
+        localization
+      );
     }
   } catch {
   }
@@ -33267,7 +33286,7 @@ function resetHighlightedColumnIndexes(searchQuery, table, localization) {
     const rowGrouping = table.getState().grouping;
     table.getRowModel().rows.forEach((row, rowIndex) => {
       columns.forEach((column, columnIndex) => {
-        var _a;
+        var _a, _b;
         try {
           let allowSearch = true;
           if (rowGrouping == null ? void 0 : rowGrouping.length) {
@@ -33280,7 +33299,8 @@ function resetHighlightedColumnIndexes(searchQuery, table, localization) {
           if (column.getIsVisible() && column.columnDef.enableGlobalFilter && allowSearch) {
             const cellValue = get(row.original, column.id);
             const dataType = (_a = column.columnDef.meta) == null ? void 0 : _a.dataType;
-            if (isMatched(searchQuery, cellValue, dataType, localization)) {
+            const dataTypeOptions = (_b = column.columnDef.meta) == null ? void 0 : _b.dataTypeOptions;
+            if (isMatched(searchQuery, cellValue, row.original, dataType, dataTypeOptions, localization)) {
               indexes.push([rowIndex, columnIndex]);
             }
           }
@@ -33519,9 +33539,12 @@ function processChildren(child, columns, defaultSizing, defaultSorting, defaultV
         header
       }
     };
-    const formattedValueRenderer = (value) => {
+    const formattedValueRenderer = (value, row) => {
       var _a;
-      const displayValue = (_a = dataTypeProperties.getDisplayValue) == null ? void 0 : _a.call(dataTypeProperties, value, { localization });
+      const displayValue = (_a = dataTypeProperties.getDisplayValue) == null ? void 0 : _a.call(dataTypeProperties, value, row, {
+        dataTypeOptions: meta.dataTypeOptions,
+        localization
+      });
       const safeValue = value !== void 0 && value !== null ? String(value) : value;
       if (Array.isArray(displayValue)) {
         return displayValue[0] ?? safeValue;
@@ -33529,14 +33552,14 @@ function processChildren(child, columns, defaultSizing, defaultSorting, defaultV
       return displayValue ?? safeValue;
     };
     const rendererArgs = (info) => ({
-      formattedValue: formattedValueRenderer(info.getValue()),
+      formattedValue: formattedValueRenderer(info.getValue(), info.row.original),
       row: info.row.original,
       value: info.getValue()
     });
     if (typeof renderer2 === "function") {
       column.cell = (info) => renderer2(rendererArgs(info));
     } else {
-      column.cell = (info) => formattedValueRenderer(info.getValue());
+      column.cell = (info) => formattedValueRenderer(info.getValue(), info.row.original);
     }
     if (typeof footer === "function") {
       column.footer = (info) => footer(info.table.getRowModel().rows.flatMap((row) => row.original !== void 0 ? row.original : []));