@gisce/ooui 2.2.1 → 2.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gisce/ooui",
-  "version": "2.2.1",
+  "version": "2.4.0",
   "engines": {
     "node": "20.5.0"
   },

package/src/Graph/Graph.ts

@@ -18,8 +18,16 @@ export class Graph {
     return this._timerange;
   }
 
+  _interval: number = 1;
+  get interval(): number {
+    return this._interval;
+  }
+
   constructor(element: ParsedNode) {
     this._string = element.attributes.string || null;
     this._timerange = element.attributes.timerange || null;
+    if (element.attributes.interval) {
+      this._interval = parseInt(element.attributes.interval);
+    }
   }
 }

package/src/Graph/processor/graphProcessor.ts

@@ -167,6 +167,7 @@ export const processGraphData = ({
     finalData = processTimerangeData({
       values: finalData,
       timerange: ooui.timerange,
+      interval: ooui.interval,
     });
   } else if (ooui.type == "pie") {
     finalData = adjustedUninformedData.sort((a, b) => b.value - a.value);

package/src/Graph/processor/timerangeHelper.ts

@@ -4,9 +4,11 @@ import { getValueForOperator } from "./graphProcessor";
 export function processTimerangeData({
   values,
   timerange,
+  interval = 1,
 }: {
   values: any[];
   timerange: string;
+  interval?: number;
 }) {
   const combinedValues = combineValuesForTimerange({
     values,
@@ -17,6 +19,7 @@ export function processTimerangeData({
   const filledValues = fillGapsInTimerangeData({
     values: combinedValues,
     timerange,
+    interval,
   });
 
   return filledValues;
@@ -25,9 +28,11 @@ export function processTimerangeData({
 export function fillGapsInTimerangeData({
   values,
   timerange,
+  interval = 1,
 }: {
   values: any[];
   timerange: string;
+  interval?: number;
 }) {
   let finalValues: any[] = [];
   const uniqueValues: Record<string, any> = getUniqueValuesGroupedBy({
@@ -56,6 +61,7 @@ export function fillGapsInTimerangeData({
         const missingDates = getMissingConsecutiveDates({
           dates: [date, nextDate],
           timerange,
+          interval,
         });
         finalValues = finalValues.concat(
           missingDates.map((stringDate) => {
@@ -86,9 +92,11 @@ export function fillGapsInTimerangeData({
 export function getMissingConsecutiveDates({
   dates,
   timerange,
+  interval = 1,
 }: {
   dates: string[];
   timerange: string;
+  interval?: number;
 }) {
   const missingDates: string[] = [];
   const units = `${timerange}s` as any;
@@ -111,12 +119,15 @@ export function getMissingConsecutiveDates({
     const date2 = sortedDates[i + 1];
 
     if (!checkDatesConsecutive([date1, date2], units)) {
-      const iDate = moment(date1, getFormatForUnits(units)).add(1, units);
+      const iDate = moment(date1, getFormatForUnits(units)).add(
+        interval,
+        units,
+      );
       const fDate = moment(date2, getFormatForUnits(units));
 
       while (iDate.isBefore(fDate)) {
         missingDates.push(iDate.format(getFormatForUnits(units)));
-        iDate.add(1, units);
+        iDate.add(interval, units);
       }
     }
   }

package/src/HTMLPreview.ts

@@ -0,0 +1,5 @@
+import Field from "./Field";
+
+class HTMLPreview extends Field {}
+
+export default HTMLPreview;

package/src/WidgetFactory.ts

@@ -14,6 +14,7 @@ import Integer from "./Integer";
 import Widget from "./Widget";
 import Float from "./Float";
 import FloatTime from "./FloatTime";
+import HTMLPreview from "./HTMLPreview";
 import ProgressBar from "./ProgressBar";
 import Date from "./Date";
 import DateTime from "./DateTime";
@@ -163,6 +164,9 @@ class WidgetFactory {
       case "time":
         this._widgetClass = Time;
         break;
+      case "html_preview":
+        this._widgetClass = HTMLPreview;
+        break;
 
       default:
         break;

package/src/index.ts

@@ -48,6 +48,7 @@ import Switch from "./Switch";
 import Steps from "./Steps";
 import CodeEditor from "./CodeEditor";
 import Time from "./Time";
+import HTMLPreview from "./HTMLPreview";
 
 import {
   Graph,
@@ -80,6 +81,7 @@ export {
   Integer,
   Float,
   FloatTime,
+  HTMLPreview,
   Date,
   DateTime,
   Many2many,

package/src/spec/Graph.spec.ts

@@ -66,4 +66,15 @@ describe("A Graph", () => {
     const graph = parseGraph(xml) as GraphChart;
     expect(graph.timerange).toBe("day");
   });
+  it("should parse a graph with interval parameter", () => {
+    const xml = `<?xml version="1.0"?>
+    <graph type="line" timerange="minute" interval="5">
+        <field name="data_alta" axis="x"/>
+        <field name="data_alta" operator="count" axis="y"/>
+    </graph>
+    `;
+
+    const graph = parseGraph(xml) as GraphChart;
+    expect(graph.interval).toBe(5);
+  });
 });

package/src/spec/WidgetFactory.spec.ts

@@ -12,6 +12,7 @@ import {
   CodeEditor,
   ButtonGroup,
   Time,
+  HTMLPreview,
 } from "..";
 
 describe("A WidgetFactory", () => {
@@ -111,4 +112,11 @@ describe("A WidgetFactory", () => {
     expect(widget).toBeInstanceOf(Time);
     expect(widget.type).toBe("time");
   });
+  it("should be able to HtmlPreview time type", () => {
+    const widgetFactory = new WidgetFactory();
+    const props = {};
+    const widget = widgetFactory.createWidget("html_preview", props);
+    expect(widget).toBeInstanceOf(HTMLPreview);
+    expect(widget.type).toBe("html_preview");
+  });
 });

package/src/spec/timerangeHelper.spec.ts

@@ -569,6 +569,27 @@ describe("a timerangeHelper", () => {
       expect(missingDates.length).toBe(1);
       expect(missingDates[0]).toBe("2022-01");
     });
+    it("should allow to pass an interval to get missing dates", () => {
+      const dates = ["2024-01-01 00:00", "2024-01-01 01:00"];
+      const missingDates = getMissingConsecutiveDates({
+        dates,
+        timerange: "minute",
+        interval: 5,
+      });
+      expect(missingDates).toEqual([
+        "2024-01-01 00:05",
+        "2024-01-01 00:10",
+        "2024-01-01 00:15",
+        "2024-01-01 00:20",
+        "2024-01-01 00:25",
+        "2024-01-01 00:30",
+        "2024-01-01 00:35",
+        "2024-01-01 00:40",
+        "2024-01-01 00:45",
+        "2024-01-01 00:50",
+        "2024-01-01 00:55",
+      ]);
+    });
   });
   describe("in fillGapsInTimerangeData function", () => {
     it("should fill gaps in data for hour grouping", () => {