@dexteel/mesf-core 4.5.6 → 4.5.8

package/dist/pages/trendings/components/chart/TableComponent.d.ts

@@ -1,12 +1,14 @@
+import { ChartData } from 'chart.js';
 import React from 'react';
 import './ContextMenu.css';
-import { CursorData, TagList } from './Trending';
+import { CursorData, TagList } from './models/TrendingModels';
 interface TableComponentProps {
     tagList: TagList;
     setTagList: React.Dispatch<React.SetStateAction<TagList>>;
     cursorData: CursorData;
     onDeleteTag: (tagId: number) => void;
     onAddTag: (tagId: number) => void;
+    chartData: ChartData;
 }
 declare const TableComponent: React.FC<TableComponentProps>;
 export default TableComponent;

package/dist/pages/trendings/components/chart/Trending.d.ts

@@ -1,32 +1,9 @@
 import "chartjs-adapter-moment/dist/chartjs-adapter-moment.esm.js";
 import React from "react";
+import { Tag } from "./models/TrendingModels";
 interface TrendingProps {
     title: string;
     tags: Tag[];
 }
-interface Sample {
-    timestamp: number;
-    value: number;
-}
-export type SampleArray = Sample[][];
-export interface Tag {
-    tagId: number;
-    tagName: string;
-    tagType: string;
-    color: string;
-    autoScale: boolean;
-    minScale: number;
-    maxScale: number;
-    visible: boolean;
-}
-export interface CursorData {
-    x: Date;
-    values: number[];
-}
-export interface CustomOptions {
-    showGrid: boolean;
-    stepped: boolean;
-}
-export type TagList = Tag[];
 declare const Trending: React.FC<TrendingProps>;
 export default Trending;

package/dist/pages/trendings/components/chart/components/CellComponent.d.ts

@@ -0,0 +1,11 @@
+import { ChartData } from 'chart.js';
+import React from 'react';
+import { Tag } from '../models/TrendingModels';
+interface Props {
+    tag: Tag;
+    chartData: ChartData;
+    index: number;
+    limitX: number;
+}
+export declare const CellComponent: ({ tag, chartData, index, limitX }: Props) => React.JSX.Element;
+export {};

package/dist/pages/trendings/components/chart/components/DraggableLineControl.d.ts

@@ -0,0 +1,10 @@
+import { ChartArea } from 'chart.js';
+import React from 'react';
+interface DraggableLineControlProps {
+    chartArea: ChartArea;
+    initialLeft: number;
+    onUpdate: (newLeft: number) => void;
+    color: string;
+}
+declare const DraggableLineControl: React.FC<DraggableLineControlProps>;
+export default DraggableLineControl;

package/dist/pages/trendings/components/chart/components/modals/addTagModal/AddTagModal.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Tag } from '../../../models/TrendingModels';
+interface Props {
+    open: boolean;
+    handleClose: () => void;
+    onTagSelect: (selected: Tag) => void;
+}
+export declare const AddTagModal: ({ open, handleClose, onTagSelect }: Props) => React.JSX.Element;
+export {};

package/dist/pages/trendings/components/chart/{TagSelectionModal.d.ts → components/modals/addTagModal/TagSelectionModal.d.ts}

@@ -1,5 +1,5 @@
 import React from "react";
-import { Tag } from "./Trending";
+import { Tag } from "../../../models/TrendingModels";
 interface TagSelectionModalProps {
     isOpen: boolean;
     onClose: () => void;

package/dist/pages/trendings/components/chart/context/TrendingContext.d.ts

@@ -4,29 +4,35 @@ export declare const useTrendingContext: () => {
         timeScopeStart: Date;
         timeScopeEnd: Date;
         scope: import("../models/scopes.model").scopeType;
+        graphPan?: boolean | undefined;
     };
     actions: import("@reduxjs/toolkit").CaseReducerActions<{
         setTotalScope(state: import("immer/dist/internal").WritableDraft<{
             timeScopeStart: Date;
             timeScopeEnd: Date;
             scope: import("../models/scopes.model").scopeType;
+            graphPan?: boolean | undefined;
         }>, { payload, type, }: {
             payload: {
                 scope: import("../models/scopes.model").scopeType;
                 start?: Date | undefined;
                 end?: Date | undefined;
+                graphPan?: boolean | undefined;
             } | {
                 scope?: import("../models/scopes.model").scopeType | undefined;
                 start: Date;
                 end?: Date | undefined;
+                graphPan?: boolean | undefined;
             } | {
                 scope?: import("../models/scopes.model").scopeType | undefined;
                 start?: Date | undefined;
                 end: Date;
+                graphPan?: boolean | undefined;
             } | {
-                scope: import("../models/scopes.model").scopeType;
+                scope?: import("../models/scopes.model").scopeType | undefined;
                 start: Date;
                 end: Date;
+                graphPan: boolean;
             };
             type: string;
         }): void;

package/dist/pages/trendings/components/chart/customOptionsComponent.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { CustomOptions } from "./Trending";
+import { CustomOptions } from "./models/TrendingModels";
 interface CustomOptionsComponentProps {
     customOptions: CustomOptions;
     setCustomOptions: React.Dispatch<React.SetStateAction<CustomOptions>>;

package/dist/pages/trendings/components/chart/hooks/useGetVerticalLinePlugin.d.ts

@@ -0,0 +1,2 @@
+import { Plugin } from 'chart.js';
+export declare const useGetVerticalLinePlugin: (setChartArea: (param: any) => void, setCoords: any) => Plugin;

package/dist/pages/trendings/components/chart/hooks/useTagsDataTable.d.ts

@@ -0,0 +1,24 @@
+import { ChartData } from "chart.js";
+import { CursorData, TagList } from "../models/TrendingModels";
+interface Props {
+    cursorData: CursorData;
+    tagList: TagList;
+    chartData: ChartData;
+}
+interface TagsDataTable {
+    [tagName: string]: {
+        y1: number;
+        y2: number;
+        y2y1: number;
+        pmin: {
+            x: number | Date;
+            y: number;
+        };
+        pmax: {
+            x: number | Date;
+            y: number;
+        };
+    };
+}
+export declare const useTagsDataTable: ({ cursorData, tagList, chartData }: Props) => TagsDataTable;
+export {};

package/dist/pages/trendings/components/chart/hooks/useUpdateCursorData.d.ts

@@ -0,0 +1,2 @@
+import { CursorData } from '../models/TrendingModels';
+export declare const updateCursorData: (chart: any, setCursorData: (cursorData: CursorData) => void) => void;

package/dist/pages/trendings/components/chart/models/TrendingModels.d.ts

@@ -0,0 +1,33 @@
+export interface TimeScope {
+    start: Date;
+    end: Date;
+}
+export interface Sample {
+    timestamp: number;
+    value: number;
+}
+export type SampleArray = Sample[][];
+export interface Tag {
+    tagId: number;
+    tagName: string;
+    tagType: string;
+    color: string;
+    autoScale: boolean;
+    minScale: number;
+    maxScale: number;
+    visible: boolean;
+}
+export interface CursorData {
+    x1: Date;
+    x2: Date;
+    values: number[];
+}
+export interface LineCoords {
+    x1: number;
+    x2: number;
+}
+export interface CustomOptions {
+    showGrid: boolean;
+    stepped: boolean;
+}
+export type TagList = Tag[];

package/dist/pages/trendings/components/chart/repository/TrendingRepository.d.ts

@@ -0,0 +1,8 @@
+import { TagList } from "../models/TrendingModels";
+export declare const fetchDataFunction: (tagList: TagList[], state: any, actions: any) => Promise<void>;
+export declare const getTags: (NodeName: string | null) => Promise<import("../../../../../services").ResponseMESF>;
+export declare const getSeriesData: (TagIds: string, Start: number | null, End: number | null, SampleCount: number) => Promise<import("../../../../../services").ResponseMESF>;
+export declare const saveTagDefaults: (TagId: number, Alias: string, Color: string, MinScale: number, MaxScale: number, Unit: string) => Promise<import("../../../../../services").ResponseMESF>;
+export declare const getViewTags: (ViewId: number | null) => Promise<import("../../../../../services").ResponseMESF>;
+export declare const upsertView: (ViewId: number | null, ViewName: string, UserName: string, isPublic: boolean) => Promise<import("../../../../../services").ResponseMESF>;
+export declare const upsertViewTag: (ViewId: number, TagId: number, Color: string, MinScale: number, MaxScale: number, IsVisible: boolean) => Promise<import("../../../../../services").ResponseMESF>;

package/dist/pages/trendings/components/chart/styles/TagsTableStyles.d.ts

@@ -1 +1 @@
-export declare const useTagsTableStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"checkbox">;
+export declare const useTagsTableStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"checkbox" | "color" | "scale" | "visible" | "rowHover" | "topTitles" | "bottomTitlesRow" | "doubleInput" | "inputCol" | "autoScale" | "unit" | "xStats">;

package/dist/pages/trendings/components/chart/utils/areRangeSimilar.d.ts

@@ -0,0 +1,2 @@
+import { Tag } from "../models/TrendingModels";
+export declare const areRangesSimilar: (tag1: Tag, tag2: Tag) => boolean;

package/dist/pages/trendings/components/chart/utils/calculateScales.d.ts

@@ -0,0 +1,4 @@
+export declare const calculateScales: (min: any, max: any, sigDigits: any) => {
+    minScale: number;
+    maxScale: number;
+};

package/dist/pages/trendings/components/chart/utils/timeDifference.d.ts

@@ -0,0 +1 @@
+export declare const timeDifference: (start: number, end: number) => string;

package/dist/pages/trendings/reducers/trendings.reducer.d.ts

@@ -3,28 +3,34 @@ export declare const TrendingsReducer: import("@reduxjs/toolkit").Slice<{
     timeScopeStart: Date;
     timeScopeEnd: Date;
     scope: scopeType;
+    graphPan?: boolean | undefined;
 }, {
     setTotalScope(state: import("immer/dist/internal").WritableDraft<{
         timeScopeStart: Date;
         timeScopeEnd: Date;
         scope: scopeType;
+        graphPan?: boolean | undefined;
     }>, { payload, type, }: {
         payload: {
             scope: scopeType;
             start?: Date;
             end?: Date;
+            graphPan?: boolean;
         } | {
             scope?: scopeType;
             start: Date;
             end?: Date;
+            graphPan?: boolean;
         } | {
             scope?: scopeType;
             start?: Date;
             end: Date;
+            graphPan?: boolean;
         } | {
-            scope: scopeType;
+            scope?: scopeType;
             start: Date;
             end: Date;
+            graphPan: boolean;
         };
         type: string;
     }): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dexteel/mesf-core",
-  "version": "4.5.6",
+  "version": "4.5.8",
   "author": "Dexteel Team",
   "module": "dist/index.esm.js",
   "typings": "dist/index.d.ts",