@oneuptime/common 7.0.3198 → 7.0.3202

package/Server/Types/Markdown.ts

@@ -17,6 +17,10 @@ export default class Markdown {
     markdown: string,
     contentType: MarkdownContentType,
   ): Promise<string> {
+    // convert tags > and < to &gt; and &lt;
+    markdown = markdown.replace(/</g, "&lt;");
+    markdown = markdown.replace(/>/g, "&gt;");
+
     let renderer: Renderer | null = null;
 
     if (contentType === MarkdownContentType.Blog) {

package/Types/Dashboard/Chart/ChartType.ts

@@ -1,3 +1,6 @@
-type ChartType = "line" | "bar"; // | "pie" | "doughnut" | "radar" | "polarArea" | "bubble" | "scatter";
+enum DashboardChartType {
+  Line = "Line",
+  Bar = "Bar",
+}
 
-export default ChartType;
+export default DashboardChartType;

package/Types/Dashboard/DashboardComponentType.ts

@@ -0,0 +1,7 @@
+enum DashboardComponentType {
+  Chart = `Chart`,
+  Value = `Value`,
+  Text = `Text`,
+}
+
+export default DashboardComponentType;

package/Types/Dashboard/DashboardComponents/DashboardBaseComponent.ts

@@ -1,6 +1,11 @@
+import { ObjectType } from "../../JSON";
 import ObjectID from "../../ObjectID";
 
 export default interface DashboardBaseComponent {
-  type: string;
+  _type: ObjectType;
   componentId: ObjectID;
+  topInDashboardUnits: number;
+  leftInDashboardUnits: number;
+  widthInDashboardUnits: number;
+  heightInDashboardUnits: number;
 }

package/Types/Dashboard/DashboardComponents/{ChartDashboardComponent.ts → DashboardChartComponent.ts}

@@ -1,9 +1,10 @@
+import { ObjectType } from "../../JSON";
 import ObjectID from "../../ObjectID";
 import ChartType from "../Chart/ChartType";
 import BaseComponent from "./DashboardBaseComponent";
 
-export default interface ChartDashboardComponent extends BaseComponent {
-  type: "chart";
+export default interface DashboardChartComponent extends BaseComponent {
+  _type: ObjectType.DashboardChartComponent;
   componentId: ObjectID;
   chartType: ChartType;
 }

package/Types/Dashboard/DashboardComponents/DashboardTextComponent.ts

@@ -0,0 +1,9 @@
+import { ObjectType } from "../../JSON";
+import ObjectID from "../../ObjectID";
+import BaseComponent from "./DashboardBaseComponent";
+
+export default interface DashboardTextComponent extends BaseComponent {
+  _type: ObjectType.DashboardTextComponent;
+  componentId: ObjectID;
+  text: string;
+}

package/Types/Dashboard/DashboardComponents/DashboardValueComponent.ts

@@ -0,0 +1,8 @@
+import { ObjectType } from "../../JSON";
+import ObjectID from "../../ObjectID";
+import BaseComponent from "./DashboardBaseComponent";
+
+export default interface DashboardValueComponent extends BaseComponent {
+  _type: ObjectType.DashboardValueComponent;
+  componentId: ObjectID;
+}

package/Types/Dashboard/DashboardMode.ts

@@ -0,0 +1,6 @@
+enum DashboardMode {
+  Edit = "Edit",
+  View = "View",
+}
+
+export default DashboardMode;

package/Types/Dashboard/DashboardSize.ts

@@ -1,11 +1,17 @@
 export interface DashboardSize {
   widthInDashboardUnits: number;
-  HeightInDashboardUnits: number;
+  heightInDashboardUnits: number;
 }
 
 const DefaultDashboardSize: DashboardSize = {
   widthInDashboardUnits: 12,
-  HeightInDashboardUnits: 120,
+  heightInDashboardUnits: 60,
 };
+// 5 rem is the dashboard unit width, and 0.94 is margin between those units.
+
+export const DashboardRemConversionFactor: number = 5.94;
+
+export const TotalWidthOfDashboardInRem: number =
+  DefaultDashboardSize.widthInDashboardUnits * DashboardRemConversionFactor;
 
 export default DefaultDashboardSize;

package/Types/Dashboard/DashboardViewConfig.ts

@@ -1,6 +1,8 @@
+import { ObjectType } from "../JSON";
 import DashboardBaseComponent from "./DashboardComponents/DashboardBaseComponent";
 
 export default interface DashboardViewConfig {
-  _type: "DashboardViewConfig";
+  _type: ObjectType.DashboardViewConfig;
   components: Array<DashboardBaseComponent>;
+  heightInDashboardUnits: number;
 }

package/Types/JSON.ts

@@ -64,6 +64,13 @@ export enum ObjectType {
   NotNull = "NotNull",
   IsNull = "IsNull",
   Includes = "Includes",
+
+  // Dashboard Components.
+
+  DashboardViewConfig = "DashboardViewConfig",
+  DashboardTextComponent = "DashboardTextComponent",
+  DashboardValueComponent = "DashboardValueComponent",
+  DashboardChartComponent = "DashboardChartComponent",
 }
 
 export type JSONValue =

package/UI/Components/Button/Button.tsx

@@ -20,6 +20,9 @@ export enum ButtonStyleType {
   LINK,
   SECONDARY_LINK,
   ICON,
+  HOVER_DANGER_OUTLINE,
+  HOVER_SUCCESS_OUTLINE,
+  HOVER_PRIMARY_OUTLINE,
 }
 
 export enum ButtonSize {
@@ -173,8 +176,25 @@ const Button: FunctionComponent<ComponentProps> = ({
     }  focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2`;
   }
 
-  if (buttonStyle === ButtonStyleType.OUTLINE) {
+  if (
+    buttonStyle === ButtonStyleType.OUTLINE ||
+    buttonStyle === ButtonStyleType.HOVER_DANGER_OUTLINE ||
+    buttonStyle === ButtonStyleType.HOVER_SUCCESS_OUTLINE ||
+    buttonStyle === ButtonStyleType.HOVER_PRIMARY_OUTLINE
+  ) {
     buttonStyleCssClass = `flex btn-outline-secondary background-very-light-Gray500-on-hover sm:text-sm ml-1`;
+
+    if (buttonStyle === ButtonStyleType.HOVER_DANGER_OUTLINE) {
+      buttonStyleCssClass += ` hover:text-red-500`;
+    }
+
+    if (buttonStyle === ButtonStyleType.HOVER_SUCCESS_OUTLINE) {
+      buttonStyleCssClass += ` hover:text-green-500`;
+    }
+
+    if (buttonStyle === ButtonStyleType.HOVER_PRIMARY_OUTLINE) {
+      buttonStyleCssClass += ` hover:text-indigo-500`;
+    }
   }
 
   if (buttonStyle === ButtonStyleType.SUCCESS) {

package/UI/Components/MoreMenu/MoreMenu.tsx

@@ -7,11 +7,13 @@ import React, {
 } from "react";
 import IconProp from "../../../Types/Icon/IconProp";
 import useComponentOutsideClick from "../../Types/UseComponentOutsideClick";
-import Icon from "../Icon/Icon";
+import Button, { ButtonStyleType } from "../Button/Button";
 
 export interface ComponentProps {
   children: Array<ReactElement>;
   elementToBeShownInsteadOfButton?: ReactElement | undefined;
+  menuIcon?: IconProp | undefined;
+  text?: string | undefined;
 }
 
 const MoreMenu: React.ForwardRefExoticComponent<
@@ -44,15 +46,14 @@ const MoreMenu: React.ForwardRefExoticComponent<
     return (
       <div className="relative inline-block text-left">
         {!props.elementToBeShownInsteadOfButton && (
-          <div className="h-7 w-7 text-gray-600 mt-1 cursor-pointer">
-            <Icon
-              icon={IconProp.More}
-              className="p-1"
-              onClick={() => {
-                setIsComponentVisible(!isDropdownVisible);
-              }}
-            />
-          </div>
+          <Button
+            icon={props.menuIcon || IconProp.More}
+            title={props.text || ""}
+            buttonStyle={ButtonStyleType.OUTLINE}
+            onClick={() => {
+              setIsComponentVisible(!isDropdownVisible);
+            }}
+          />
         )}
 
         {props.elementToBeShownInsteadOfButton && (

package/Utils/Dashboard/Components/DashboardBaseComponent.ts

@@ -0,0 +1,8 @@
+import DashboardBaseComponent from "../../../Types/Dashboard/DashboardComponents/DashboardBaseComponent";
+import NotImplementedException from "../../../Types/Exception/NotImplementedException";
+
+export default class DashboardBaseComponentUtil {
+  public static getDefaultComponent(): DashboardBaseComponent {
+    throw new NotImplementedException();
+  }
+}

package/Utils/Dashboard/Components/DashboardChartComponent.ts

@@ -0,0 +1,19 @@
+import DashboardChartComponent from "../../../Types/Dashboard/DashboardComponents/DashboardChartComponent";
+import { ObjectType } from "../../../Types/JSON";
+import ObjectID from "../../../Types/ObjectID";
+import DashboardBaseComponentUtil from "./DashboardBaseComponent";
+import DashboardChartType from "../../../Types/Dashboard/Chart/ChartType";
+
+export default class DashboardChartComponentUtil extends DashboardBaseComponentUtil {
+  public static override getDefaultComponent(): DashboardChartComponent {
+    return {
+      _type: ObjectType.DashboardChartComponent,
+      widthInDashboardUnits: 8,
+      heightInDashboardUnits: 6,
+      topInDashboardUnits: 0,
+      leftInDashboardUnits: 0,
+      componentId: ObjectID.generate(),
+      chartType: DashboardChartType.Line,
+    };
+  }
+}

package/Utils/Dashboard/Components/DashboardTextComponent.ts

@@ -0,0 +1,18 @@
+import DashboardTextComponent from "../../../Types/Dashboard/DashboardComponents/DashboardTextComponent";
+import { ObjectType } from "../../../Types/JSON";
+import ObjectID from "../../../Types/ObjectID";
+import DashboardBaseComponentUtil from "./DashboardBaseComponent";
+
+export default class DashboardTextComponentUtil extends DashboardBaseComponentUtil {
+  public static override getDefaultComponent(): DashboardTextComponent {
+    return {
+      _type: ObjectType.DashboardTextComponent,
+      widthInDashboardUnits: 3,
+      heightInDashboardUnits: 1,
+      topInDashboardUnits: 0,
+      leftInDashboardUnits: 0,
+      text: "Hello, World!",
+      componentId: ObjectID.generate(),
+    };
+  }
+}

package/Utils/Dashboard/Components/DashboardValueComponent.ts

@@ -0,0 +1,17 @@
+import DashboardValueComponent from "../../../Types/Dashboard/DashboardComponents/DashboardValueComponent";
+import { ObjectType } from "../../../Types/JSON";
+import ObjectID from "../../../Types/ObjectID";
+import DashboardBaseComponentUtil from "./DashboardBaseComponent";
+
+export default class DashboardValueComponentUtil extends DashboardBaseComponentUtil {
+  public static override getDefaultComponent(): DashboardValueComponent {
+    return {
+      _type: ObjectType.DashboardValueComponent,
+      widthInDashboardUnits: 3,
+      heightInDashboardUnits: 1,
+      topInDashboardUnits: 0,
+      leftInDashboardUnits: 0,
+      componentId: ObjectID.generate(),
+    };
+  }
+}

package/Utils/Dashboard/DashboardViewConfig.ts

@@ -1,10 +1,68 @@
 import DashboardViewConfig from "../../Types/Dashboard/DashboardViewConfig";
+import { ObjectType } from "../../Types/JSON";
+import DashboardSize from "../../Types/Dashboard/DashboardSize";
+import DashboardBaseComponent from "../../Types/Dashboard/DashboardComponents/DashboardBaseComponent";
 
 export default class DashboardViewConfigUtil {
   public static createDefaultDashboardViewConfig(): DashboardViewConfig {
     return {
-      _type: "DashboardViewConfig",
+      _type: ObjectType.DashboardViewConfig,
       components: [],
+      heightInDashboardUnits: DashboardSize.heightInDashboardUnits,
     };
   }
+
+  public static addComponentToDashboard(data: {
+    component: DashboardBaseComponent;
+    dashboardViewConfig: DashboardViewConfig;
+  }): DashboardViewConfig {
+    const heightOfComponent: number = data.component.heightInDashboardUnits;
+
+    // find the last row that has enough space to fit the component. If there is no such row, create a new row or rows to fit the component.
+    const allComponentsFromDashboard: Array<DashboardBaseComponent> =
+      data.dashboardViewConfig.components;
+
+    let componentTopPosition: number = 0;
+    let componentLeftPosition: number = 0;
+
+    // find the last row that has the component.
+
+    let lastRowThatHasComponent: number = -1;
+
+    for (const dashboardComponent of allComponentsFromDashboard) {
+      if (
+        componentTopPosition <
+        dashboardComponent.topInDashboardUnits +
+          dashboardComponent.heightInDashboardUnits
+      ) {
+        lastRowThatHasComponent = componentTopPosition;
+      }
+    }
+
+    componentTopPosition = lastRowThatHasComponent + 1;
+
+    // check height of the component. If it is bigger than the last row that has the component, create more rows and udate the height of dashboardViewConfig.
+
+    if (
+      componentTopPosition + heightOfComponent >
+      data.dashboardViewConfig.heightInDashboardUnits
+    ) {
+      data.dashboardViewConfig.heightInDashboardUnits =
+        componentTopPosition + heightOfComponent;
+    }
+
+    // left position of the component is always 0.
+    componentLeftPosition = 0;
+
+    const newComponent: DashboardBaseComponent = {
+      ...data.component,
+      topInDashboardUnits: componentTopPosition,
+      leftInDashboardUnits: componentLeftPosition,
+    };
+
+    // Add the new component to the dashboard configuration
+    data.dashboardViewConfig.components.push(newComponent);
+
+    return { ...data.dashboardViewConfig };
+  }
 }

package/build/dist/Server/Types/Markdown.js

@@ -7,6 +7,9 @@ export var MarkdownContentType;
 })(MarkdownContentType || (MarkdownContentType = {}));
 class Markdown {
     static async convertToHTML(markdown, contentType) {
+        // convert tags > and < to &gt; and &lt;
+        markdown = markdown.replace(/</g, "&lt;");
+        markdown = markdown.replace(/>/g, "&gt;");
         let renderer = null;
         if (contentType === MarkdownContentType.Blog) {
             renderer = this.getBlogRenderer();

package/build/dist/Server/Types/Markdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Markdown.js","sourceRoot":"","sources":["../../../../Server/Types/Markdown.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Markdown.js","sourceRoot":"","sources":["../../../../Server/Types/Markdown.ts"],"names":[],"mappings":"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"}

package/build/dist/Types/Dashboard/Chart/ChartType.js

@@ -1,2 +1,7 @@
-export {};
+var DashboardChartType;
+(function (DashboardChartType) {
+    DashboardChartType["Line"] = "Line";
+    DashboardChartType["Bar"] = "Bar";
+})(DashboardChartType || (DashboardChartType = {}));
+export default DashboardChartType;
 //# sourceMappingURL=ChartType.js.map

package/build/dist/Types/Dashboard/Chart/ChartType.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartType.js","sourceRoot":"","sources":["../../../../../Types/Dashboard/Chart/ChartType.ts"],"names":[],"mappings":""}
+{"version":3,"file":"ChartType.js","sourceRoot":"","sources":["../../../../../Types/Dashboard/Chart/ChartType.ts"],"names":[],"mappings":"AAAA,IAAK,kBAGJ;AAHD,WAAK,kBAAkB;IACrB,mCAAa,CAAA;IACb,iCAAW,CAAA;AACb,CAAC,EAHI,kBAAkB,KAAlB,kBAAkB,QAGtB;AAED,eAAe,kBAAkB,CAAC"}

package/build/dist/Types/Dashboard/DashboardComponentType.js

@@ -0,0 +1,8 @@
+var DashboardComponentType;
+(function (DashboardComponentType) {
+    DashboardComponentType["Chart"] = "Chart";
+    DashboardComponentType["Value"] = "Value";
+    DashboardComponentType["Text"] = "Text";
+})(DashboardComponentType || (DashboardComponentType = {}));
+export default DashboardComponentType;
+//# sourceMappingURL=DashboardComponentType.js.map

package/build/dist/Types/Dashboard/DashboardComponentType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardComponentType.js","sourceRoot":"","sources":["../../../../Types/Dashboard/DashboardComponentType.ts"],"names":[],"mappings":"AAAA,IAAK,sBAIJ;AAJD,WAAK,sBAAsB;IACzB,yCAAe,CAAA;IACf,yCAAe,CAAA;IACf,uCAAa,CAAA;AACf,CAAC,EAJI,sBAAsB,KAAtB,sBAAsB,QAI1B;AAED,eAAe,sBAAsB,CAAC"}

package/build/dist/Types/Dashboard/DashboardComponents/DashboardChartComponent.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=DashboardChartComponent.js.map

package/build/dist/Types/Dashboard/DashboardComponents/DashboardChartComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardChartComponent.js","sourceRoot":"","sources":["../../../../../Types/Dashboard/DashboardComponents/DashboardChartComponent.ts"],"names":[],"mappings":""}

package/build/dist/Types/Dashboard/DashboardComponents/DashboardTextComponent.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=DashboardTextComponent.js.map

package/build/dist/Types/Dashboard/DashboardComponents/DashboardTextComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardTextComponent.js","sourceRoot":"","sources":["../../../../../Types/Dashboard/DashboardComponents/DashboardTextComponent.ts"],"names":[],"mappings":""}

package/build/dist/Types/Dashboard/DashboardComponents/DashboardValueComponent.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=DashboardValueComponent.js.map

package/build/dist/Types/Dashboard/DashboardComponents/DashboardValueComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardValueComponent.js","sourceRoot":"","sources":["../../../../../Types/Dashboard/DashboardComponents/DashboardValueComponent.ts"],"names":[],"mappings":""}

package/build/dist/Types/Dashboard/DashboardMode.js

@@ -0,0 +1,7 @@
+var DashboardMode;
+(function (DashboardMode) {
+    DashboardMode["Edit"] = "Edit";
+    DashboardMode["View"] = "View";
+})(DashboardMode || (DashboardMode = {}));
+export default DashboardMode;
+//# sourceMappingURL=DashboardMode.js.map

package/build/dist/Types/Dashboard/DashboardMode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardMode.js","sourceRoot":"","sources":["../../../../Types/Dashboard/DashboardMode.ts"],"names":[],"mappings":"AAAA,IAAK,aAGJ;AAHD,WAAK,aAAa;IAChB,8BAAa,CAAA;IACb,8BAAa,CAAA;AACf,CAAC,EAHI,aAAa,KAAb,aAAa,QAGjB;AAED,eAAe,aAAa,CAAC"}

package/build/dist/Types/Dashboard/DashboardSize.js

@@ -1,6 +1,9 @@
 const DefaultDashboardSize = {
     widthInDashboardUnits: 12,
-    HeightInDashboardUnits: 120,
+    heightInDashboardUnits: 60,
 };
+// 5 rem is the dashboard unit width, and 0.94 is margin between those units.
+export const DashboardRemConversionFactor = 5.94;
+export const TotalWidthOfDashboardInRem = DefaultDashboardSize.widthInDashboardUnits * DashboardRemConversionFactor;
 export default DefaultDashboardSize;
 //# sourceMappingURL=DashboardSize.js.map

package/build/dist/Types/Dashboard/DashboardSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardSize.js","sourceRoot":"","sources":["../../../../Types/Dashboard/DashboardSize.ts"],"names":[],"mappings":"AAKA,MAAM,oBAAoB,GAAkB;IAC1C,qBAAqB,EAAE,EAAE;IACzB,sBAAsB,EAAE,GAAG;CAC5B,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"DashboardSize.js","sourceRoot":"","sources":["../../../../Types/Dashboard/DashboardSize.ts"],"names":[],"mappings":"AAKA,MAAM,oBAAoB,GAAkB;IAC1C,qBAAqB,EAAE,EAAE;IACzB,sBAAsB,EAAE,EAAE;CAC3B,CAAC;AACF,6EAA6E;AAE7E,MAAM,CAAC,MAAM,4BAA4B,GAAW,IAAI,CAAC;AAEzD,MAAM,CAAC,MAAM,0BAA0B,GACrC,oBAAoB,CAAC,qBAAqB,GAAG,4BAA4B,CAAC;AAE5E,eAAe,oBAAoB,CAAC"}

package/build/dist/Types/JSON.js

@@ -35,5 +35,10 @@ export var ObjectType;
     ObjectType["NotNull"] = "NotNull";
     ObjectType["IsNull"] = "IsNull";
     ObjectType["Includes"] = "Includes";
+    // Dashboard Components.
+    ObjectType["DashboardViewConfig"] = "DashboardViewConfig";
+    ObjectType["DashboardTextComponent"] = "DashboardTextComponent";
+    ObjectType["DashboardValueComponent"] = "DashboardValueComponent";
+    ObjectType["DashboardChartComponent"] = "DashboardChartComponent";
 })(ObjectType || (ObjectType = {}));
 //# sourceMappingURL=JSON.js.map

package/build/dist/Types/JSON.js.map

@@ -1 +1 @@
-{"version":3,"file":"JSON.js","sourceRoot":"","sources":["../../../Types/JSON.ts"],"names":[],"mappings":"AA8BA,MAAM,CAAN,IAAY,UAoCX;AApCD,WAAY,UAAU;IACpB,mCAAqB,CAAA;IACrB,iCAAmB,CAAA;IACnB,2BAAa,CAAA;IACb,6CAA+B,CAAA;IAC/B,2CAA6B,CAAA;IAC7B,yCAA2B,CAAA;IAC3B,qCAAuB,CAAA;IACvB,mDAAqC,CAAA;IACrC,iDAAmC,CAAA;IACnC,+CAAiC,CAAA;IACjC,iEAAmD,CAAA;IACnD,mCAAqB,CAAA;IACrB,6BAAe,CAAA;IACf,6BAAe,CAAA;IACf,6BAAe,CAAA;IACf,+BAAiB,CAAA;IACjB,iCAAmB,CAAA;IACnB,uBAAS,CAAA;IACT,6BAAe,CAAA;IACf,yBAAW,CAAA;IACX,uCAAyB,CAAA;IACzB,+BAAiB,CAAA;IACjB,yCAA2B,CAAA;IAC3B,uDAAyC,CAAA;IACzC,mCAAqB,CAAA;IACrB,iDAAmC,CAAA;IACnC,2BAAa,CAAA;IACb,mCAAqB,CAAA;IACrB,2CAA6B,CAAA;IAC7B,mCAAqB,CAAA;IACrB,+BAAiB,CAAA;IACjB,qCAAuB,CAAA;IACvB,iCAAmB,CAAA;IACnB,+BAAiB,CAAA;IACjB,mCAAqB,CAAA;AACvB,CAAC,EApCW,UAAU,KAAV,UAAU,QAoCrB"}
+{"version":3,"file":"JSON.js","sourceRoot":"","sources":["../../../Types/JSON.ts"],"names":[],"mappings":"AA8BA,MAAM,CAAN,IAAY,UA2CX;AA3CD,WAAY,UAAU;IACpB,mCAAqB,CAAA;IACrB,iCAAmB,CAAA;IACnB,2BAAa,CAAA;IACb,6CAA+B,CAAA;IAC/B,2CAA6B,CAAA;IAC7B,yCAA2B,CAAA;IAC3B,qCAAuB,CAAA;IACvB,mDAAqC,CAAA;IACrC,iDAAmC,CAAA;IACnC,+CAAiC,CAAA;IACjC,iEAAmD,CAAA;IACnD,mCAAqB,CAAA;IACrB,6BAAe,CAAA;IACf,6BAAe,CAAA;IACf,6BAAe,CAAA;IACf,+BAAiB,CAAA;IACjB,iCAAmB,CAAA;IACnB,uBAAS,CAAA;IACT,6BAAe,CAAA;IACf,yBAAW,CAAA;IACX,uCAAyB,CAAA;IACzB,+BAAiB,CAAA;IACjB,yCAA2B,CAAA;IAC3B,uDAAyC,CAAA;IACzC,mCAAqB,CAAA;IACrB,iDAAmC,CAAA;IACnC,2BAAa,CAAA;IACb,mCAAqB,CAAA;IACrB,2CAA6B,CAAA;IAC7B,mCAAqB,CAAA;IACrB,+BAAiB,CAAA;IACjB,qCAAuB,CAAA;IACvB,iCAAmB,CAAA;IACnB,+BAAiB,CAAA;IACjB,mCAAqB,CAAA;IAErB,wBAAwB;IAExB,yDAA2C,CAAA;IAC3C,+DAAiD,CAAA;IACjD,iEAAmD,CAAA;IACnD,iEAAmD,CAAA;AACrD,CAAC,EA3CW,UAAU,KAAV,UAAU,QA2CrB"}

package/build/dist/UI/Components/Button/Button.js

@@ -18,6 +18,9 @@ export var ButtonStyleType;
     ButtonStyleType[ButtonStyleType["LINK"] = 11] = "LINK";
     ButtonStyleType[ButtonStyleType["SECONDARY_LINK"] = 12] = "SECONDARY_LINK";
     ButtonStyleType[ButtonStyleType["ICON"] = 13] = "ICON";
+    ButtonStyleType[ButtonStyleType["HOVER_DANGER_OUTLINE"] = 14] = "HOVER_DANGER_OUTLINE";
+    ButtonStyleType[ButtonStyleType["HOVER_SUCCESS_OUTLINE"] = 15] = "HOVER_SUCCESS_OUTLINE";
+    ButtonStyleType[ButtonStyleType["HOVER_PRIMARY_OUTLINE"] = 16] = "HOVER_PRIMARY_OUTLINE";
 })(ButtonStyleType || (ButtonStyleType = {}));
 export var ButtonSize;
 (function (ButtonSize) {
@@ -103,8 +106,20 @@ const Button = ({ title, onClick, disabled, id, shortcutKey, type = ButtonType.B
     if (buttonStyle === ButtonStyleType.ICON) {
         buttonStyleCssClass = `rounded-md bg-white text-gray-600 ${disabled ? "hover:text-gray-900" : ""}  focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2`;
     }
-    if (buttonStyle === ButtonStyleType.OUTLINE) {
+    if (buttonStyle === ButtonStyleType.OUTLINE ||
+        buttonStyle === ButtonStyleType.HOVER_DANGER_OUTLINE ||
+        buttonStyle === ButtonStyleType.HOVER_SUCCESS_OUTLINE ||
+        buttonStyle === ButtonStyleType.HOVER_PRIMARY_OUTLINE) {
         buttonStyleCssClass = `flex btn-outline-secondary background-very-light-Gray500-on-hover sm:text-sm ml-1`;
+        if (buttonStyle === ButtonStyleType.HOVER_DANGER_OUTLINE) {
+            buttonStyleCssClass += ` hover:text-red-500`;
+        }
+        if (buttonStyle === ButtonStyleType.HOVER_SUCCESS_OUTLINE) {
+            buttonStyleCssClass += ` hover:text-green-500`;
+        }
+        if (buttonStyle === ButtonStyleType.HOVER_PRIMARY_OUTLINE) {
+            buttonStyleCssClass += ` hover:text-indigo-500`;
+        }
     }
     if (buttonStyle === ButtonStyleType.SUCCESS) {
         buttonStyleCssClass = `inline-flex w-full justify-center rounded-md border border-transparent bg-green-600 text-base font-medium text-white shadow-sm ${disabled ? "hover:bg-green-700" : ""}  focus:outline-none focus:ring-2 focus:ring-green-500 focus:ring-offset-2 sm:ml-3 sm:w-auto sm:text-sm`;

package/build/dist/UI/Components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../UI/Components/Button/Button.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../UI/Components/Button/Button.tsx"],"names":[],"mappings":"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"}

package/build/dist/UI/Components/MoreMenu/MoreMenu.js

@@ -1,7 +1,7 @@
 import React, { forwardRef, useEffect, useImperativeHandle, useState, } from "react";
 import IconProp from "../../../Types/Icon/IconProp";
 import useComponentOutsideClick from "../../Types/UseComponentOutsideClick";
-import Icon from "../Icon/Icon";
+import Button, { ButtonStyleType } from "../Button/Button";
 const MoreMenu = forwardRef((props, componentRef) => {
     const { ref, isComponentVisible, setIsComponentVisible } = useComponentOutsideClick(false);
     useImperativeHandle(componentRef, () => {
@@ -22,10 +22,9 @@ const MoreMenu = forwardRef((props, componentRef) => {
         setDropdownVisible(isComponentVisible);
     }, [isComponentVisible]);
     return (React.createElement("div", { className: "relative inline-block text-left" },
-        !props.elementToBeShownInsteadOfButton && (React.createElement("div", { className: "h-7 w-7 text-gray-600 mt-1 cursor-pointer" },
-            React.createElement(Icon, { icon: IconProp.More, className: "p-1", onClick: () => {
-                    setIsComponentVisible(!isDropdownVisible);
-                } }))),
+        !props.elementToBeShownInsteadOfButton && (React.createElement(Button, { icon: props.menuIcon || IconProp.More, title: props.text || "", buttonStyle: ButtonStyleType.OUTLINE, onClick: () => {
+                setIsComponentVisible(!isDropdownVisible);
+            } })),
         props.elementToBeShownInsteadOfButton && (React.createElement("div", null, props.elementToBeShownInsteadOfButton)),
         isComponentVisible && (React.createElement("div", { ref: ref, className: "absolute right-0 z-10 mt-2 w-56 origin-top-right divide-y divide-gray-100 rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none", role: "menu", "aria-orientation": "vertical", "aria-labelledby": "menu-button" }, props.children.map((child, index) => {
             return (React.createElement("div", { key: index, role: "menuitem", onClick: () => {

package/build/dist/UI/Components/MoreMenu/MoreMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"MoreMenu.js","sourceRoot":"","sources":["../../../../../UI/Components/MoreMenu/MoreMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EAEV,SAAS,EACT,mBAAmB,EACnB,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,QAAQ,MAAM,8BAA8B,CAAC;AACpD,OAAO,wBAAwB,MAAM,sCAAsC,CAAC;AAC5E,OAAO,IAAI,MAAM,cAAc,CAAC;AAOhC,MAAM,QAAQ,GAEV,UAAU,CACZ,CAAC,KAAqB,EAAE,YAAyC,EAAE,EAAE;IACnE,MAAM,EAAE,GAAG,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,GACtD,wBAAwB,CAAC,KAAK,CAAC,CAAC;IAElC,mBAAmB,CAAC,YAAY,EAAE,GAAG,EAAE;QACrC,OAAO;YACL,aAAa;gBACX,qBAAqB,CAAC,KAAK,CAAC,CAAC;YAC/B,CAAC;YACD,YAAY;gBACV,qBAAqB,CAAC,IAAI,CAAC,CAAC;YAC9B,CAAC;YACD,YAAY;gBACV,qBAAqB,CAAC,CAAC,iBAAiB,CAAC,CAAC;YAC5C,CAAC;SACF,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,MAAM,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEzE,SAAS,CAAC,GAAG,EAAE;QACb,kBAAkB,CAAC,kBAAkB,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEzB,OAAO,CACL,6BAAK,SAAS,EAAC,iCAAiC;QAC7C,CAAC,KAAK,CAAC,+BAA+B,IAAI,CACzC,6BAAK,SAAS,EAAC,2CAA2C;YACxD,oBAAC,IAAI,IACH,IAAI,EAAE,QAAQ,CAAC,IAAI,EACnB,SAAS,EAAC,KAAK,EACf,OAAO,EAAE,GAAG,EAAE;oBACZ,qBAAqB,CAAC,CAAC,iBAAiB,CAAC,CAAC;gBAC5C,CAAC,GACD,CACE,CACP;QAEA,KAAK,CAAC,+BAA+B,IAAI,CACxC,iCAAM,KAAK,CAAC,+BAA+B,CAAO,CACnD;QAEA,kBAAkB,IAAI,CACrB,6BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,6JAA6J,EACvK,IAAI,EAAC,MAAM,sBACM,UAAU,qBACX,aAAa,IAE5B,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAmB,EAAE,KAAa,EAAE,EAAE;YACzD,OAAO,CACL,6BACE,GAAG,EAAE,KAAK,EACV,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,kBAAkB,EAAE,CAAC;wBACvB,qBAAqB,CAAC,KAAK,CAAC,CAAC;oBAC/B,CAAC;gBACH,CAAC,IAEA,KAAK,CACF,CACP,CAAC;QACJ,CAAC,CAAC,CACE,CACP,CACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"MoreMenu.js","sourceRoot":"","sources":["../../../../../UI/Components/MoreMenu/MoreMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EAEV,SAAS,EACT,mBAAmB,EACnB,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,QAAQ,MAAM,8BAA8B,CAAC;AACpD,OAAO,wBAAwB,MAAM,sCAAsC,CAAC;AAC5E,OAAO,MAAM,EAAE,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAS3D,MAAM,QAAQ,GAEV,UAAU,CACZ,CAAC,KAAqB,EAAE,YAAyC,EAAE,EAAE;IACnE,MAAM,EAAE,GAAG,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,GACtD,wBAAwB,CAAC,KAAK,CAAC,CAAC;IAElC,mBAAmB,CAAC,YAAY,EAAE,GAAG,EAAE;QACrC,OAAO;YACL,aAAa;gBACX,qBAAqB,CAAC,KAAK,CAAC,CAAC;YAC/B,CAAC;YACD,YAAY;gBACV,qBAAqB,CAAC,IAAI,CAAC,CAAC;YAC9B,CAAC;YACD,YAAY;gBACV,qBAAqB,CAAC,CAAC,iBAAiB,CAAC,CAAC;YAC5C,CAAC;SACF,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,MAAM,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEzE,SAAS,CAAC,GAAG,EAAE;QACb,kBAAkB,CAAC,kBAAkB,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEzB,OAAO,CACL,6BAAK,SAAS,EAAC,iCAAiC;QAC7C,CAAC,KAAK,CAAC,+BAA+B,IAAI,CACzC,oBAAC,MAAM,IACL,IAAI,EAAE,KAAK,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,EACrC,KAAK,EAAE,KAAK,CAAC,IAAI,IAAI,EAAE,EACvB,WAAW,EAAE,eAAe,CAAC,OAAO,EACpC,OAAO,EAAE,GAAG,EAAE;gBACZ,qBAAqB,CAAC,CAAC,iBAAiB,CAAC,CAAC;YAC5C,CAAC,GACD,CACH;QAEA,KAAK,CAAC,+BAA+B,IAAI,CACxC,iCAAM,KAAK,CAAC,+BAA+B,CAAO,CACnD;QAEA,kBAAkB,IAAI,CACrB,6BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,6JAA6J,EACvK,IAAI,EAAC,MAAM,sBACM,UAAU,qBACX,aAAa,IAE5B,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAmB,EAAE,KAAa,EAAE,EAAE;YACzD,OAAO,CACL,6BACE,GAAG,EAAE,KAAK,EACV,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,kBAAkB,EAAE,CAAC;wBACvB,qBAAqB,CAAC,KAAK,CAAC,CAAC;oBAC/B,CAAC;gBACH,CAAC,IAEA,KAAK,CACF,CACP,CAAC;QACJ,CAAC,CAAC,CACE,CACP,CACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,eAAe,QAAQ,CAAC"}

package/build/dist/Utils/Dashboard/Components/DashboardBaseComponent.js

@@ -0,0 +1,7 @@
+import NotImplementedException from "../../../Types/Exception/NotImplementedException";
+export default class DashboardBaseComponentUtil {
+    static getDefaultComponent() {
+        throw new NotImplementedException();
+    }
+}
+//# sourceMappingURL=DashboardBaseComponent.js.map

package/build/dist/Utils/Dashboard/Components/DashboardBaseComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardBaseComponent.js","sourceRoot":"","sources":["../../../../../Utils/Dashboard/Components/DashboardBaseComponent.ts"],"names":[],"mappings":"AACA,OAAO,uBAAuB,MAAM,kDAAkD,CAAC;AAEvF,MAAM,CAAC,OAAO,OAAO,0BAA0B;IACtC,MAAM,CAAC,mBAAmB;QAC/B,MAAM,IAAI,uBAAuB,EAAE,CAAC;IACtC,CAAC;CACF"}

package/build/dist/Utils/Dashboard/Components/DashboardChartComponent.js

@@ -0,0 +1,18 @@
+import { ObjectType } from "../../../Types/JSON";
+import ObjectID from "../../../Types/ObjectID";
+import DashboardBaseComponentUtil from "./DashboardBaseComponent";
+import DashboardChartType from "../../../Types/Dashboard/Chart/ChartType";
+export default class DashboardChartComponentUtil extends DashboardBaseComponentUtil {
+    static getDefaultComponent() {
+        return {
+            _type: ObjectType.DashboardChartComponent,
+            widthInDashboardUnits: 8,
+            heightInDashboardUnits: 6,
+            topInDashboardUnits: 0,
+            leftInDashboardUnits: 0,
+            componentId: ObjectID.generate(),
+            chartType: DashboardChartType.Line,
+        };
+    }
+}
+//# sourceMappingURL=DashboardChartComponent.js.map

package/build/dist/Utils/Dashboard/Components/DashboardChartComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardChartComponent.js","sourceRoot":"","sources":["../../../../../Utils/Dashboard/Components/DashboardChartComponent.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,QAAQ,MAAM,yBAAyB,CAAC;AAC/C,OAAO,0BAA0B,MAAM,0BAA0B,CAAC;AAClE,OAAO,kBAAkB,MAAM,0CAA0C,CAAC;AAE1E,MAAM,CAAC,OAAO,OAAO,2BAA4B,SAAQ,0BAA0B;IAC1E,MAAM,CAAU,mBAAmB;QACxC,OAAO;YACL,KAAK,EAAE,UAAU,CAAC,uBAAuB;YACzC,qBAAqB,EAAE,CAAC;YACxB,sBAAsB,EAAE,CAAC;YACzB,mBAAmB,EAAE,CAAC;YACtB,oBAAoB,EAAE,CAAC;YACvB,WAAW,EAAE,QAAQ,CAAC,QAAQ,EAAE;YAChC,SAAS,EAAE,kBAAkB,CAAC,IAAI;SACnC,CAAC;IACJ,CAAC;CACF"}

package/build/dist/Utils/Dashboard/Components/DashboardTextComponent.js

@@ -0,0 +1,17 @@
+import { ObjectType } from "../../../Types/JSON";
+import ObjectID from "../../../Types/ObjectID";
+import DashboardBaseComponentUtil from "./DashboardBaseComponent";
+export default class DashboardTextComponentUtil extends DashboardBaseComponentUtil {
+    static getDefaultComponent() {
+        return {
+            _type: ObjectType.DashboardTextComponent,
+            widthInDashboardUnits: 3,
+            heightInDashboardUnits: 1,
+            topInDashboardUnits: 0,
+            leftInDashboardUnits: 0,
+            text: "Hello, World!",
+            componentId: ObjectID.generate(),
+        };
+    }
+}
+//# sourceMappingURL=DashboardTextComponent.js.map

package/build/dist/Utils/Dashboard/Components/DashboardTextComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardTextComponent.js","sourceRoot":"","sources":["../../../../../Utils/Dashboard/Components/DashboardTextComponent.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,QAAQ,MAAM,yBAAyB,CAAC;AAC/C,OAAO,0BAA0B,MAAM,0BAA0B,CAAC;AAElE,MAAM,CAAC,OAAO,OAAO,0BAA2B,SAAQ,0BAA0B;IACzE,MAAM,CAAU,mBAAmB;QACxC,OAAO;YACL,KAAK,EAAE,UAAU,CAAC,sBAAsB;YACxC,qBAAqB,EAAE,CAAC;YACxB,sBAAsB,EAAE,CAAC;YACzB,mBAAmB,EAAE,CAAC;YACtB,oBAAoB,EAAE,CAAC;YACvB,IAAI,EAAE,eAAe;YACrB,WAAW,EAAE,QAAQ,CAAC,QAAQ,EAAE;SACjC,CAAC;IACJ,CAAC;CACF"}

package/build/dist/Utils/Dashboard/Components/DashboardValueComponent.js

@@ -0,0 +1,16 @@
+import { ObjectType } from "../../../Types/JSON";
+import ObjectID from "../../../Types/ObjectID";
+import DashboardBaseComponentUtil from "./DashboardBaseComponent";
+export default class DashboardValueComponentUtil extends DashboardBaseComponentUtil {
+    static getDefaultComponent() {
+        return {
+            _type: ObjectType.DashboardValueComponent,
+            widthInDashboardUnits: 3,
+            heightInDashboardUnits: 1,
+            topInDashboardUnits: 0,
+            leftInDashboardUnits: 0,
+            componentId: ObjectID.generate(),
+        };
+    }
+}
+//# sourceMappingURL=DashboardValueComponent.js.map

package/build/dist/Utils/Dashboard/Components/DashboardValueComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardValueComponent.js","sourceRoot":"","sources":["../../../../../Utils/Dashboard/Components/DashboardValueComponent.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,QAAQ,MAAM,yBAAyB,CAAC;AAC/C,OAAO,0BAA0B,MAAM,0BAA0B,CAAC;AAElE,MAAM,CAAC,OAAO,OAAO,2BAA4B,SAAQ,0BAA0B;IAC1E,MAAM,CAAU,mBAAmB;QACxC,OAAO;YACL,KAAK,EAAE,UAAU,CAAC,uBAAuB;YACzC,qBAAqB,EAAE,CAAC;YACxB,sBAAsB,EAAE,CAAC;YACzB,mBAAmB,EAAE,CAAC;YACtB,oBAAoB,EAAE,CAAC;YACvB,WAAW,EAAE,QAAQ,CAAC,QAAQ,EAAE;SACjC,CAAC;IACJ,CAAC;CACF"}

package/build/dist/Utils/Dashboard/DashboardViewConfig.js

@@ -1,9 +1,41 @@
+import { ObjectType } from "../../Types/JSON";
+import DashboardSize from "../../Types/Dashboard/DashboardSize";
 export default class DashboardViewConfigUtil {
     static createDefaultDashboardViewConfig() {
         return {
-            _type: "DashboardViewConfig",
+            _type: ObjectType.DashboardViewConfig,
             components: [],
+            heightInDashboardUnits: DashboardSize.heightInDashboardUnits,
         };
     }
+    static addComponentToDashboard(data) {
+        const heightOfComponent = data.component.heightInDashboardUnits;
+        // find the last row that has enough space to fit the component. If there is no such row, create a new row or rows to fit the component.
+        const allComponentsFromDashboard = data.dashboardViewConfig.components;
+        let componentTopPosition = 0;
+        let componentLeftPosition = 0;
+        // find the last row that has the component.
+        let lastRowThatHasComponent = -1;
+        for (const dashboardComponent of allComponentsFromDashboard) {
+            if (componentTopPosition <
+                dashboardComponent.topInDashboardUnits +
+                    dashboardComponent.heightInDashboardUnits) {
+                lastRowThatHasComponent = componentTopPosition;
+            }
+        }
+        componentTopPosition = lastRowThatHasComponent + 1;
+        // check height of the component. If it is bigger than the last row that has the component, create more rows and udate the height of dashboardViewConfig.
+        if (componentTopPosition + heightOfComponent >
+            data.dashboardViewConfig.heightInDashboardUnits) {
+            data.dashboardViewConfig.heightInDashboardUnits =
+                componentTopPosition + heightOfComponent;
+        }
+        // left position of the component is always 0.
+        componentLeftPosition = 0;
+        const newComponent = Object.assign(Object.assign({}, data.component), { topInDashboardUnits: componentTopPosition, leftInDashboardUnits: componentLeftPosition });
+        // Add the new component to the dashboard configuration
+        data.dashboardViewConfig.components.push(newComponent);
+        return Object.assign({}, data.dashboardViewConfig);
+    }
 }
 //# sourceMappingURL=DashboardViewConfig.js.map

package/build/dist/Utils/Dashboard/DashboardViewConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardViewConfig.js","sourceRoot":"","sources":["../../../../Utils/Dashboard/DashboardViewConfig.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,OAAO,uBAAuB;IACnC,MAAM,CAAC,gCAAgC;QAC5C,OAAO;YACL,KAAK,EAAE,qBAAqB;YAC5B,UAAU,EAAE,EAAE;SACf,CAAC;IACJ,CAAC;CACF"}
+{"version":3,"file":"DashboardViewConfig.js","sourceRoot":"","sources":["../../../../Utils/Dashboard/DashboardViewConfig.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,aAAa,MAAM,qCAAqC,CAAC;AAGhE,MAAM,CAAC,OAAO,OAAO,uBAAuB;IACnC,MAAM,CAAC,gCAAgC;QAC5C,OAAO;YACL,KAAK,EAAE,UAAU,CAAC,mBAAmB;YACrC,UAAU,EAAE,EAAE;YACd,sBAAsB,EAAE,aAAa,CAAC,sBAAsB;SAC7D,CAAC;IACJ,CAAC;IAEM,MAAM,CAAC,uBAAuB,CAAC,IAGrC;QACC,MAAM,iBAAiB,GAAW,IAAI,CAAC,SAAS,CAAC,sBAAsB,CAAC;QAExE,wIAAwI;QACxI,MAAM,0BAA0B,GAC9B,IAAI,CAAC,mBAAmB,CAAC,UAAU,CAAC;QAEtC,IAAI,oBAAoB,GAAW,CAAC,CAAC;QACrC,IAAI,qBAAqB,GAAW,CAAC,CAAC;QAEtC,4CAA4C;QAE5C,IAAI,uBAAuB,GAAW,CAAC,CAAC,CAAC;QAEzC,KAAK,MAAM,kBAAkB,IAAI,0BAA0B,EAAE,CAAC;YAC5D,IACE,oBAAoB;gBACpB,kBAAkB,CAAC,mBAAmB;oBACpC,kBAAkB,CAAC,sBAAsB,EAC3C,CAAC;gBACD,uBAAuB,GAAG,oBAAoB,CAAC;YACjD,CAAC;QACH,CAAC;QAED,oBAAoB,GAAG,uBAAuB,GAAG,CAAC,CAAC;QAEnD,yJAAyJ;QAEzJ,IACE,oBAAoB,GAAG,iBAAiB;YACxC,IAAI,CAAC,mBAAmB,CAAC,sBAAsB,EAC/C,CAAC;YACD,IAAI,CAAC,mBAAmB,CAAC,sBAAsB;gBAC7C,oBAAoB,GAAG,iBAAiB,CAAC;QAC7C,CAAC;QAED,8CAA8C;QAC9C,qBAAqB,GAAG,CAAC,CAAC;QAE1B,MAAM,YAAY,mCACb,IAAI,CAAC,SAAS,KACjB,mBAAmB,EAAE,oBAAoB,EACzC,oBAAoB,EAAE,qBAAqB,GAC5C,CAAC;QAEF,uDAAuD;QACvD,IAAI,CAAC,mBAAmB,CAAC,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAEvD,yBAAY,IAAI,CAAC,mBAAmB,EAAG;IACzC,CAAC;CACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@oneuptime/common",
-    "version": "7.0.3198",
+    "version": "7.0.3202",
     "description": "",
     "main": "index.js",
     "scripts": {
@@ -77,7 +77,7 @@
         "airtable": "^0.12.2",
         "axios": "^1.7.2",
         "bullmq": "^5.3.3",
-        "Common": "npm:@oneuptime/common@7.0.3198",
+        "Common": "npm:@oneuptime/common@7.0.3202",
         "cookie-parser": "^1.4.7",
         "cors": "^2.8.5",
         "cron-parser": "^4.8.1",

package/Types/Dashboard/DashboardComponents/ValueDashboardComponent.ts

@@ -1,3 +0,0 @@
-import BaseComponent from "./DashboardBaseComponent";
-
-export interface ValueDashboardComponent extends BaseComponent {}

package/build/dist/Types/Dashboard/DashboardComponents/ChartDashboardComponent.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=ChartDashboardComponent.js.map

package/build/dist/Types/Dashboard/DashboardComponents/ChartDashboardComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChartDashboardComponent.js","sourceRoot":"","sources":["../../../../../Types/Dashboard/DashboardComponents/ChartDashboardComponent.ts"],"names":[],"mappings":""}

package/build/dist/Types/Dashboard/DashboardComponents/ValueDashboardComponent.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=ValueDashboardComponent.js.map

package/build/dist/Types/Dashboard/DashboardComponents/ValueDashboardComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ValueDashboardComponent.js","sourceRoot":"","sources":["../../../../../Types/Dashboard/DashboardComponents/ValueDashboardComponent.ts"],"names":[],"mappings":""}