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

package/dist/taco.d.ts

@@ -3146,7 +3146,7 @@ export declare type TableColumnAlignment = 'left' | 'center' | 'right';
 
 export declare type TableColumnClassNameHandler<TType = unknown> = string | ((row: TType) => string | undefined);
 
-export declare type TableColumnDataType = 'text' | 'number' | 'datetime' | 'boolean' | 'amount';
+export declare type TableColumnDataType = 'text' | 'boolean' | 'date' | 'time' | 'datetime' | 'number' | 'amount' | 'percentage';
 
 export declare type TableColumnDataTypeOptions = {
     currency?: string;
@@ -3163,7 +3163,10 @@ export declare type TableColumnDataTypeProps<TType = unknown> = {
     dataType?: 'amount';
     dataTypeOptions?: TableColumnDataTypeOptionsHandler<TType, Pick<TableColumnDataTypeOptions, 'currency'>>;
 } | {
-    dataType?: Omit<TableColumnDataType, 'number' | 'amount'>;
+    dataType?: 'percentage';
+    dataTypeOptions?: TableColumnDataTypeOptionsHandler<TType, Pick<TableColumnDataTypeOptions, 'decimals' | 'useGrouping'>>;
+} | {
+    dataType?: Omit<TableColumnDataType, 'number' | 'amount' | 'percentage'>;
     dataTypeOptions?: never;
 };
 

package/dist/taco.js

@@ -33036,7 +33036,34 @@ const dataTypes = {
       TableFilterComparator.IsNotEmpty
     ]
   },
-  datetime: {
+  boolean: {
+    sortingFn: "basic",
+    filterComparators: [TableFilterComparator.IsEqualTo, TableFilterComparator.IsNotEqualTo]
+  },
+  // dates
+  date: createDatetimeDataType({
+    day: "2-digit",
+    month: "2-digit",
+    year: "2-digit"
+  }),
+  time: createDatetimeDataType({
+    hour: "2-digit",
+    minute: "2-digit"
+  }),
+  datetime: createDatetimeDataType({
+    day: "2-digit",
+    month: "2-digit",
+    year: "2-digit",
+    hour: "2-digit",
+    minute: "2-digit"
+  }),
+  // numbers
+  number: createNumberDataType("left"),
+  amount: createNumberDataType("right", { decimals: 2, useGrouping: true }),
+  percentage: createNumberDataType("right", { useGrouping: true, percent: true })
+};
+function createDatetimeDataType(defaultOptions2) {
+  return {
     sortingFn: "datetime",
     filterComparators: [
       TableFilterComparator.IsEqualTo,
@@ -33049,19 +33076,17 @@ const dataTypes = {
       TableFilterComparator.IsEmpty,
       TableFilterComparator.IsNotEmpty
     ],
-    getDisplayValue: (value, _1, options) => {
+    getDisplayValue: (value, row, options) => {
       var _a;
-      return format$1(value, (_a = options == null ? void 0 : options.localization) == null ? void 0 : _a.formatting.date) ?? "";
+      if (value === void 0) {
+        return "";
+      }
+      return new Intl.DateTimeFormat((_a = options == null ? void 0 : options.localization) == null ? void 0 : _a.locale, defaultOptions2).format(
+        typeof value === "string" ? Date.parse(value) : value
+      );
     }
-  },
-  boolean: {
-    sortingFn: "basic",
-    filterComparators: [TableFilterComparator.IsEqualTo, TableFilterComparator.IsNotEqualTo]
-  },
-  // numbers
-  number: createNumberDataType("left"),
-  amount: createNumberDataType("right", { decimals: 2, useGrouping: true })
-};
+  };
+}
 function createNumberDataType(align, defaultOptions2) {
   return {
     align,
@@ -33090,7 +33115,9 @@ function createNumberDataType(align, defaultOptions2) {
         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) {
+      if (defaultOptions2 == null ? void 0 : defaultOptions2.percent) {
+        numberFormatOptions.style = "percent";
+      } else if (dataTypeOptions == null ? void 0 : dataTypeOptions.currency) {
         numberFormatOptions.style = "currency";
         numberFormatOptions.currency = dataTypeOptions.currency;
         numberFormatOptions.currencyDisplay = "code";