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

package/cjs/index.js

@@ -70,7 +70,6 @@ __export(src_exports, {
   boxContainsPoint: () => boxContainsPoint,
   buildColumnMap: () => buildColumnMap,
   createEl: () => createEl,
-  dateFormatter: () => dateFormatter,
   debounce: () => debounce,
   defaultValueFormatter: () => defaultValueFormatter,
   deselectItem: () => deselectItem,
@@ -80,6 +79,7 @@ __export(src_exports, {
   extractFilterForColumn: () => extractFilterForColumn,
   extractGroupColumn: () => extractGroupColumn,
   filterAsQuery: () => filterAsQuery,
+  filterValue: () => filterValue,
   findColumn: () => findColumn,
   flattenColumnGroup: () => flattenColumnGroup,
   focusFirstFocusableElement: () => focusFirstFocusableElement,
@@ -132,7 +132,6 @@ __export(src_exports, {
   isCompleteFilter: () => isCompleteFilter,
   isDataLoading: () => isDataLoading,
   isDateColumn: () => isDateColumn,
-  isDatePattern: () => isDatePattern,
   isDateTimeColumn: () => isDateTimeColumn,
   isDateTimePattern: () => isDateTimePattern,
   isFilterClause: () => isFilterClause,
@@ -163,7 +162,6 @@ __export(src_exports, {
   isSingleValueFilter: () => isSingleValueFilter,
   isTextColumn: () => isTextColumn,
   isTimeColumn: () => isTimeColumn,
-  isTimePattern: () => isTimePattern,
   isTypeDescriptor: () => isTypeDescriptor,
   isValidColumnAlignment: () => isValidColumnAlignment,
   isValidFilterClauseOp: () => isValidFilterClauseOp,
@@ -184,6 +182,7 @@ __export(src_exports, {
   numericFormatter: () => numericFormatter,
   partition: () => partition,
   projectUpdates: () => projectUpdates,
+  quotedStrings: () => quotedStrings,
   rangeNewItems: () => rangeNewItems,
   registerComponent: () => registerComponent,
   registerConfigurationEditor: () => registerConfigurationEditor,
@@ -1275,28 +1274,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"];
@@ -1674,20 +1722,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 "";
     }