@vuu-ui/vuu-utils 0.8.14-debug → 0.8.15-debug

package/esm/index.js

@@ -1071,28 +1071,77 @@ function getMovingValueDirection(newValue, direction, prevValue, decimalPlaces)
   }
 }
 
-// src/date-utils.ts
-var isDatePattern = (pattern) => pattern === "dd.mm.yyyy";
-var isTimePattern = (pattern) => pattern === "kk:mm:ss";
-var isDateTimePattern = (pattern) => pattern !== void 0 && isDatePattern(pattern) || isTimePattern(pattern);
-var leadZero = (digit) => {
-  return digit < 10 ? `0` + digit : digit.toString();
-};
-var formatDate = (date, format = "dd.mm.yyyy") => {
-  if (isDatePattern(format)) {
-    const dd = date.getDate();
-    const mm = date.getMonth();
-    const yyyy = date.getFullYear();
-    return `${leadZero(dd)}.${leadZero(mm + 1)}.${yyyy}`;
-  } else if (isTimePattern(format)) {
-    const hh = date.getHours();
-    const mm = date.getMinutes();
-    const ss = date.getSeconds();
-    return `${leadZero(hh)}:${leadZero(mm)}:${leadZero(ss)}`;
-  } else {
-    return date.toUTCString();
+// src/date/formatter.ts
+var baseTimeFormatOptions = {
+  hour: "2-digit",
+  minute: "2-digit",
+  second: "2-digit"
+};
+var formatConfigByTimePatterns = {
+  "hh:mm:ss": {
+    locale: "en-GB",
+    options: { ...baseTimeFormatOptions, hour12: false }
+  },
+  "hh:mm:ss a": {
+    locale: "en-GB",
+    options: { ...baseTimeFormatOptions, hour12: true }
   }
 };
+var baseDateFormatOptions = {
+  day: "2-digit",
+  month: "2-digit",
+  year: "numeric"
+};
+var formatConfigByDatePatterns = {
+  "dd.mm.yyyy": {
+    locale: "en-GB",
+    options: { ...baseDateFormatOptions },
+    postProcessor: (s) => s.replaceAll("/", ".")
+  },
+  "dd/mm/yyyy": { locale: "en-GB", options: { ...baseDateFormatOptions } },
+  "dd MMM yyyy": {
+    locale: "en-GB",
+    options: { ...baseDateFormatOptions, month: "short" }
+  },
+  "dd MMMM yyyy": {
+    locale: "en-GB",
+    options: { ...baseDateFormatOptions, month: "long" }
+  },
+  "mm/dd/yyyy": { locale: "en-US", options: { ...baseDateFormatOptions } },
+  "MMM dd, yyyy": {
+    locale: "en-US",
+    options: { ...baseDateFormatOptions, month: "short" }
+  },
+  "MMMM dd, yyyy": {
+    locale: "en-US",
+    options: { ...baseDateFormatOptions, month: "long" }
+  }
+};
+var formatConfigByDateTimePatterns = { ...formatConfigByDatePatterns, ...formatConfigByTimePatterns };
+function formatDate(pattern) {
+  const { locale, options, postProcessor } = formatConfigByDateTimePatterns[pattern];
+  const dateTimeFormat = Intl.DateTimeFormat(locale, options);
+  return (d) => {
+    const dateStr = dateTimeFormat.format(d);
+    console.log({ dateStr });
+    return postProcessor ? postProcessor(dateStr) : dateStr;
+  };
+}
+
+// src/date/types.ts
+var supportedDatePatterns = [
+  "dd.mm.yyyy",
+  "dd/mm/yyyy",
+  "dd MMM yyyy",
+  "dd MMMM yyyy",
+  "mm/dd/yyyy",
+  "MMM dd, yyyy",
+  "MMMM dd, yyyy"
+];
+var supportedTimePatterns = ["hh:mm:ss", "hh:mm:ss a"];
+var isDatePattern = (pattern) => supportedDatePatterns.includes(pattern);
+var isTimePattern = (pattern) => supportedTimePatterns.includes(pattern);
+var isDateTimePattern = (pattern) => pattern !== void 0 && (isDatePattern(pattern) || isTimePattern(pattern));
 
 // src/logging-utils.ts
 var logLevels = ["error", "warn", "info", "debug"];
@@ -1470,20 +1519,28 @@ function roundDecimal(value, align = Align.Right, decimals = 4, zeroPad, alignOn
   return integral + (fraction ? "." + fraction : "");
 }
 
+// src/date/helpers.ts
+var defaultPatternByTypes = { time: "hh:mm:ss", date: "dd.mm.yyyy" };
+function dateTimePattern(type) {
+  if (isTypeDescriptor(type)) {
+    if (type.formatting && isDateTimePattern(type.formatting.pattern)) {
+      return type.formatting.pattern;
+    }
+    return defaultPatternByTypes[type.name];
+  } else {
+    return defaultPatternByTypes[type];
+  }
+}
+
 // src/formatting-utils.ts
 var DEFAULT_NUMERIC_FORMAT = {};
 var defaultValueFormatter = (value) => value == null ? "" : typeof value === "string" ? value : value.toString();
 var dateFormatter = (column) => {
-  const { type } = column;
-  let pattern = "dd.mm.yyyy";
-  if (isTypeDescriptor(type) && type.formatting) {
-    if (isDateTimePattern(type.formatting.pattern)) {
-      pattern = type.formatting.pattern;
-    }
-  }
+  const pattern = dateTimePattern(column.type);
+  const formatter = formatDate(pattern);
   return (value) => {
     if (typeof value === "number" && value !== 0) {
-      return formatDate(new Date(value), pattern);
+      return formatter(new Date(value));
     } else {
       return "";
     }
@@ -2900,7 +2957,6 @@ export {
   boxContainsPoint,
   buildColumnMap,
   createEl,
-  dateFormatter,
   debounce,
   defaultValueFormatter,
   deselectItem,
@@ -2910,6 +2966,7 @@ export {
   extractFilterForColumn,
   extractGroupColumn,
   filterAsQuery,
+  filterValue,
   findColumn,
   flattenColumnGroup,
   focusFirstFocusableElement,
@@ -2962,7 +3019,6 @@ export {
   isCompleteFilter,
   isDataLoading,
   isDateColumn,
-  isDatePattern,
   isDateTimeColumn,
   isDateTimePattern,
   isFilterClause,
@@ -2993,7 +3049,6 @@ export {
   isSingleValueFilter,
   isTextColumn,
   isTimeColumn,
-  isTimePattern,
   isTypeDescriptor,
   isValidColumnAlignment,
   isValidFilterClauseOp,
@@ -3014,6 +3069,7 @@ export {
   numericFormatter,
   partition,
   projectUpdates,
+  quotedStrings,
   rangeNewItems,
   registerComponent,
   registerConfigurationEditor,