@gisce/react-ooui 1.1.55 → 1.1.56-rc.1

package/dist/widgets/views/Graph/GraphDefaults.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GraphDefaults.d.ts","sourceRoot":"","sources":["GraphDefaults.ts"],"names":[],"mappings":"AAiCA,QAAA,MAAM,mBAAmB;;;;;;mCAvBK,GAAG;;;;;mCAAH,GAAG;;;;;;;;gCATf,GAAG;;;;;;;;;;;;mCA4DQ,GAAG;;;;;;;;;;;gCA5Dd,GAAG;;;;;;;;;;;;;;;;gCAAH,GAAG;;;;;;;mCASS,GAAG;;;;;mCAAH,GAAG;;;;;;;;;;CAwGhC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"GraphDefaults.d.ts","sourceRoot":"","sources":["GraphDefaults.ts"],"names":[],"mappings":"AA2CA,QAAA,MAAM,mBAAmB;;;;;;mCA/BK,GAAG;;;;;mCAAH,GAAG;;;;;;;;gCATf,GAAG;;;;;;;;;;;;mCAoEQ,GAAG;;;;;;;;;;;gCApEd,GAAG;;;;;;;;;;;;;;;;gCAAH,GAAG;;;;;;;mCASS,GAAG;;;;;mCAAH,GAAG;;;;;;;;;;CAgHhC,CAAC;AA6CF,eAAe,mBAAmB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gisce/react-ooui",
-  "version": "1.1.55",
+  "version": "1.1.56-rc.1",
   "files": [
     "dist",
     "src",

package/src/widgets/views/Graph/GraphDefaults.ts

@@ -1,3 +1,5 @@
+import moment from "moment";
+
 const formatter = (graphType: "pie" | "default" | "barGrouped") => {
   return (object: any) => {
     const formattedValue = object.value.toLocaleString("es-ES", {
@@ -17,6 +19,14 @@ const axisFormatter = (value: any) => {
     return value.toLocaleString("es-ES", {
       useGrouping: true,
     });
+  } else if (isValidDateString(value)) {
+    const dateType = getDateType(value);
+    if (dateType === null) {
+      return value;
+    }
+    return moment(value, (dateFormats.input as any)[dateType]).format(
+      (dateFormats.output as any)[dateType]
+    );
   } else {
     return value;
   }
@@ -114,4 +124,47 @@ const DefaultGraphOptions = {
   },
 };
 
+function isValidDateString(variable: any): boolean {
+  // Check if the variable is defined and is a string
+  if (typeof variable !== "string" || variable === undefined) {
+    return false;
+  }
+
+  // Check if the string is a valid date
+  const date = new Date(variable);
+  return date.toString() !== "Invalid Date";
+}
+
+const dateFormats = {
+  input: {
+    hours: "YYYY-MM-DD HH:mm",
+    days: "YYYY-MM-DD",
+    weeks: "YYYY-[W]WW",
+    months: "YYYY-MM",
+    years: "YYYY",
+  },
+  output: {
+    hours: "DD/MM/YYYY HH:mm",
+    days: "DD/MM/YYYY",
+    weeks: "[W]WW/YYYY",
+    months: "MM/YYYY",
+    years: "YYYY",
+  },
+};
+
+function getDateType(dateString: string): string | null {
+  for (const format in dateFormats.input) {
+    const isValidFormat = moment(
+      dateString,
+      (dateFormats.input as any)[format],
+      true
+    ).isValid();
+    if (isValidFormat) {
+      return format;
+    }
+  }
+
+  return null;
+}
+
 export default DefaultGraphOptions;