@dexteel/mesf-core 4.5.3 → 4.5.5

package/CHANGELOG.md

@@ -1,4 +1,12 @@
 # CHANGELOG
+## 4.5.5
+ - 115 fix area asset picker
+ - 114 fix error modal width
+ - 127 add columns in configuration jobs table
+ - change layout in login component
+ - 134 close aseet tree with esc
+## 4.5.4
+ - Add arrows dates navigator
 ## 4.5.3
  - Use color picker in trendings
 ## 4.5.0

package/dist/configuration/pages/job/components/JobsTable/customHooks/useJobsTableData.d.ts

@@ -9,10 +9,13 @@ export declare const useJobsTableData: ({ setRowSelected }: Props) => {
         id: number;
         sProcedure: string;
         Running: boolean;
-        LastStarted: null;
-        LastCounter: null;
+        LastStarted: Date | null;
+        LastCounter: Date;
         Enabled: boolean;
         RestartAfterFailure: boolean;
+        PeriodTime: number | null;
+        StartTime: Date;
+        NextExecutionTime: Date;
     }[];
     columnDefs: ColDef<any>[];
 };

package/dist/configuration/pages/job/models/Job.d.ts

@@ -1,14 +1,19 @@
 export interface Job {
-    row: Job;
     JobId: number;
     sProcedure: string;
-    LastStarted: null;
-    LastContact: null;
-    LastStatus: null;
+    LastStarted: Date | null;
+    LastContact: Date | null;
+    LastStatus: string | null;
     Counter: number;
-    LastCounter: null;
-    Enabled: boolean;
+    LastCounter: Date;
     RestartAfterFailure: boolean;
+    PeriodTime: number | null;
+    StartTime: Date;
+    NextExecutionTime: Date;
+    LastExecutionTime: Date;
+    LastExecutionResult: string;
+    CurrentStatus: string;
+    Enabled: boolean;
     SessionId: null;
     Started: null;
     Status: null;

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { Typography, TextField, makeStyles as makeStyles$1, Button as Button$1, Grid as Grid$1, Dialog as Dialog$1, DialogTitle as DialogTitle$2, DialogContent as DialogContent$2, DialogContentText, DialogActions as DialogActions$2, FormHelperText, CircularProgress as CircularProgress$1, Badge, FormControlLabel, Checkbox, Snackbar as Snackbar$1, Paper as Paper$1, MenuItem as MenuItem$1, useTheme as useTheme$1, Tooltip, Box, FormControl as FormControl$1, Select as Select$1, createStyles as createStyles$1, List, ListItem, ListItemText } from '@material-ui/core';
+import { Typography, TextField, makeStyles as makeStyles$1, Button as Button$1, Grid as Grid$1, Dialog as Dialog$1, DialogTitle as DialogTitle$2, DialogContent as DialogContent$2, DialogContentText, DialogActions as DialogActions$2, FormHelperText, CircularProgress as CircularProgress$1, Badge, FormControlLabel, Checkbox, Snackbar as Snackbar$1, Paper as Paper$1, MenuItem as MenuItem$1, useTheme as useTheme$1, Tooltip, Box, IconButton as IconButton$1, FormControl as FormControl$1, Select as Select$1, createStyles as createStyles$1, List, ListItem, ListItemText } from '@material-ui/core';
 import { values, get, isNil as isNil$1, isEmpty } from 'lodash-es';
 import * as React from 'react';
 import React__default, { useState, useRef, useEffect, Component, createContext, useContext, useMemo, useCallback, lazy, Suspense } from 'react';
@@ -20,6 +20,7 @@ import Grid from '@material-ui/core/Grid';
 import { isNil, get as get$1 } from 'lodash';
 import { DndProvider } from 'react-dnd';
 import { HTML5Backend } from 'react-dnd-html5-backend';
+import { ArrowRight, ChevronLeft, ChevronRight } from '@material-ui/icons';
 import axios from 'axios';
 import { _adapters, Chart, CategoryScale, LinearScale, PointElement, LineElement, Title, Tooltip as Tooltip$1, Legend, TimeScale } from 'chart.js';
 import moment from 'moment';
@@ -68,7 +69,6 @@ import 'ag-grid-enterprise/styles/ag-theme-balham.min.css';
 import 'ag-grid-community/styles/ag-grid.css';
 import 'ag-grid-community/styles/ag-theme-alpine.css';
 import { isAncestor, Tree } from '@minoru/react-dnd-treeview';
-import { ArrowRight } from '@material-ui/icons';
 import ImageIcon from '@material-ui/icons/Image';
 import ListAltIcon from '@material-ui/icons/ListAlt';
 import DescriptionIcon from '@material-ui/icons/Description';
@@ -368,6 +368,11 @@ var ModalTreeFilterControl = function (props) {
                 onClose(value, findNode.name, findNode);
         }
     };
+    var handleKeyDown = function (event) {
+        if (event.key === "Escape") {
+            onClose();
+        }
+    };
     var getNodeParent = function (node, id, chain) {
         if (chain === void 0) { chain = []; }
         if (!node || node.id === undefined) {
@@ -429,7 +434,7 @@ var ModalTreeFilterControl = function (props) {
                     nodes.name))), className: "delay-item-node", id: nodes.id, "data-isbranch": !nodes.isCode }, Array.isArray(nodes.children)
         ? nodes.children.map(function (node) { return renderTree(node); })
         : null)); };
-    return (React__default.createElement(Dialog, __assign({ onClose: function (event, reason) { return null; }, "aria-label": title, maxWidth: "xs", TransitionProps: { onEntering: handleEntering }, "aria-labelledby": "confirmation-dialog-title", open: open }, other),
+    return (React__default.createElement(Dialog, __assign({ onClose: function (event, reason) { return null; }, "aria-label": title, maxWidth: "xs", TransitionProps: { onEntering: handleEntering }, "aria-labelledby": "confirmation-dialog-title", open: open }, other, { onKeyDown: handleKeyDown }),
         React__default.createElement(DialogTitle$1, { id: "confirmation-dialog-title" }, title),
         React__default.createElement(DialogContent$1, { dividers: true },
             React__default.createElement(TreeView, { className: classes.root, defaultCollapseIcon: React__default.createElement(MinusSquare, null), defaultExpandIcon: React__default.createElement(PlusSquare, null), ref: treeRef, selected: value === undefined ? "" : value.toString(), expanded: expanded, onNodeSelect: handleChange, onNodeToggle: handleToogle }, data && data.id !== undefined && renderTree(data))),
@@ -477,7 +482,7 @@ var TreePickerControl = function (props) {
     };
     return (React__default.createElement(Grid, { container: true, className: classes.root },
         React__default.createElement(Grid, { container: true, item: true, md: 12, xs: 12, style: { position: "relative" } },
-            React__default.createElement(Grid, { item: true, style: { position: "relative" } },
+            React__default.createElement(Grid, { item: true, style: { position: "relative", width: "100%" } },
                 React__default.createElement(TextField, { label: inputTitle, variant: "outlined", value: props.description, margin: "dense", autoComplete: "off", fullWidth: true, disabled: true }),
                 React__default.createElement(AccountTreeIcon, { style: {
                         position: "absolute",
@@ -1043,7 +1048,7 @@ var useJobsTableData = function (_a) {
     var _b = useJobsContext().state, jobsData = _b.jobsData, blockButtons = _b.blockButtons;
     var classes = useStyles$s();
     var rows = jobsData.map(function (_a) {
-        var JobId = _a.JobId, sProcedure = _a.sProcedure, Running = _a.Running, LastStarted = _a.LastStarted, LastCounter = _a.LastCounter, Enabled = _a.Enabled, RestartAfterFailure = _a.RestartAfterFailure;
+        var JobId = _a.JobId, sProcedure = _a.sProcedure, Running = _a.Running, LastStarted = _a.LastStarted, LastCounter = _a.LastCounter, Enabled = _a.Enabled, RestartAfterFailure = _a.RestartAfterFailure, PeriodTime = _a.PeriodTime, StartTime = _a.StartTime, NextExecutionTime = _a.NextExecutionTime;
         return ({
             id: JobId,
             sProcedure: sProcedure,
@@ -1051,7 +1056,10 @@ var useJobsTableData = function (_a) {
             LastStarted: LastStarted,
             LastCounter: LastCounter,
             Enabled: Enabled,
-            RestartAfterFailure: RestartAfterFailure
+            RestartAfterFailure: RestartAfterFailure,
+            PeriodTime: PeriodTime,
+            StartTime: StartTime,
+            NextExecutionTime: NextExecutionTime
         });
     });
     var onActionsClick = function (e, params) {
@@ -1121,12 +1129,50 @@ var useJobsTableData = function (_a) {
         },
         {
             field: "Running",
-            minWidth: 100,
-            maxWidth: 100,
+            minWidth: 60,
+            maxWidth: 60,
             headerName: "Status",
             valueFormatter: function (_a) {
                 var value = _a.value;
-                return (value ? "running" : "inactive");
+                return (value ? "Running" : "Inactive");
+            },
+            flex: 1
+        },
+        {
+            field: "PeriodTime",
+            minWidth: 80,
+            maxWidth: 80,
+            headerName: "Period Time",
+            flex: 1,
+            valueFormatter: function (_a) {
+                var value = _a.value;
+                if (value === null || value === undefined)
+                    return "";
+                var horas = Math.floor(value / 3600);
+                var minutos = Math.floor((value % 3600) / 60);
+                var segundos = value % 60;
+                return "".concat(horas, "h ").concat(minutos, "min ").concat(segundos, "s");
+            }
+        },
+        {
+            field: "StartTime",
+            minWidth: 130,
+            maxWidth: 130,
+            headerName: "Start Time",
+            valueFormatter: function (_a) {
+                var value = _a.value;
+                return value === null ? "NULL" : moment(value).format("DD/MM/YYYY HH:mm");
+            },
+            flex: 1
+        },
+        {
+            field: "NextExecutionTime",
+            minWidth: 115,
+            maxWidth: 115,
+            headerName: "Next Execution",
+            valueFormatter: function (_a) {
+                var value = _a.value;
+                return value === null ? "NULL" : moment(value).format("DD/MM/YYYY HH:mm");
             },
             flex: 1
         },
@@ -1143,8 +1189,8 @@ var useJobsTableData = function (_a) {
         },
         {
             field: "LastCounter",
-            minWidth: 130,
-            maxWidth: 130,
+            minWidth: 115,
+            maxWidth: 115,
             headerName: "Last Seen",
             valueFormatter: function (_a) {
                 var value = _a.value;
@@ -1154,8 +1200,8 @@ var useJobsTableData = function (_a) {
         },
         {
             field: "Enabled",
-            minWidth: 70,
-            maxWidth: 70,
+            minWidth: 50,
+            maxWidth: 50,
             headerName: "Enabled",
             valueFormatter: function (_a) {
                 var value = _a.value;
@@ -1273,14 +1319,14 @@ var MesfModal = Object.assign(Modal, {
 });
 
 var ErrorModal = function (_a) {
-    var error = _a.error, onHide = _a.onHide, _b = _a.title, title = _b === void 0 ? "Something went wrong!" : _b, _c = _a.size, size = _c === void 0 ? "sm" : _c;
+    var error = _a.error, onHide = _a.onHide, _b = _a.title, title = _b === void 0 ? "Something went wrong!" : _b, _c = _a.size, size = _c === void 0 ? "md" : _c;
     return !!error ? (React__default.createElement(MesfModal, { open: true, handleClose: function () {
             onHide();
         }, title: title, maxWidth: size },
         React__default.createElement(MesfModal.Content, null,
             React__default.createElement("div", null, error)),
         React__default.createElement(MesfModal.Actions, null,
-            React__default.createElement(Grid$1, { container: true, spacing: 2, justifyContent: "flex-end", style: { padding: "1rem" } },
+            React__default.createElement(Grid$1, { container: true, spacing: 2, justifyContent: "flex-end", style: { padding: "1rem", minWidth: "600px" } },
                 React__default.createElement(Grid$1, { item: true, md: 2, xs: 12 },
                     React__default.createElement(Button$1, { fullWidth: true, variant: "contained", color: "default", onClick: function () {
                             onHide();
@@ -7720,7 +7766,16 @@ var LoginWithEmailAndPassword = function () {
     }); };
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement("form", { onSubmit: login },
-            React__default.createElement(Alert$1, { show: showError, variant: "danger", dismissible: true, onClose: function () {
+            React__default.createElement("div", { className: "form-group row" },
+                React__default.createElement(TextField, { variant: "outlined", margin: "dense", id: "txtUserName", label: "User", name: "userName", onChange: function (e) { return setUserName(e.target.value); }, type: "text", autoComplete: "off", className: "form-control" })),
+            React__default.createElement("div", { className: "form-group row" },
+                React__default.createElement(TextField, { variant: "outlined", margin: "dense", id: "txtPassword", label: "Password", name: "password", onChange: function (e) { return setPassword(e.target.value); }, type: "password", className: "form-control" })),
+            React__default.createElement("div", { className: "row" },
+                React__default.createElement(Button$1, { fullWidth: true, variant: "contained", style: {
+                        backgroundColor: (password.length === 0 || username.length === 0) ? '#CCCCCC' : '#479DC4',
+                        color: (password.length === 0 || username.length === 0) ? 'black' : 'white'
+                    }, type: "submit", disabled: password.length === 0 || username.length === 0 }, "Login")),
+            React__default.createElement(Alert$1, { style: { marginTop: 20 }, show: showError, variant: "danger", dismissible: true, onClose: function () {
                     setShowError(false);
                     setError(undefined);
                 } },
@@ -7731,13 +7786,7 @@ var LoginWithEmailAndPassword = function () {
                         ? "There was an error"
                         : error.internalError.message === undefined
                             ? error.internalError
-                            : error.internalError.message)),
-            React__default.createElement("div", { className: "form-group row" },
-                React__default.createElement("input", { id: "txtUserName", placeholder: "User", name: "userName", onChange: function (e) { return setUserName(e.target.value); }, type: "text", autoComplete: "off", className: "form-control" })),
-            React__default.createElement("div", { className: "form-group row" },
-                React__default.createElement("input", { id: "txtPassword", placeholder: "Password", name: "password", onChange: function (e) { return setPassword(e.target.value); }, type: "password", className: "form-control" })),
-            React__default.createElement("div", { className: "row" },
-                React__default.createElement("button", { className: "btn btn-primary mes-button-primary mx-auto col-md-12 mt-3 ", type: "submit", disabled: password.length === 0 || username.length === 0 }, "Login")))));
+                            : error.internalError.message)))));
 };
 
 /*
@@ -7832,7 +7881,7 @@ var LoginWithAzureADForm = function () {
     }); };
     return (React__default.createElement("form", { onSubmit: login },
         React__default.createElement("div", { className: "row" },
-            React__default.createElement("button", { className: "btn btn-primary mes-button-primary mx-auto col-md-12 mt-3 ", type: "submit" }, "Login with Azure AD"))));
+            React__default.createElement(Button$1, { fullWidth: true, variant: "contained", style: { backgroundColor: '#479DC4', color: 'white' }, type: "submit" }, "Login with Azure AD"))));
 };
 
 var LoginWithAzureAD = function (_a) {
@@ -7884,7 +7933,7 @@ var LoginAsGuest = function () {
                         ? error.internalError
                         : error.internalError.message)),
         React__default.createElement("div", { className: "row" },
-            React__default.createElement("button", { className: "btn btn-primary mes-button-primary mx-auto col-md-12 mt-3 ", role: "button", onClick: loginAsGuest }, "Guest"))));
+            React__default.createElement(Button$1, { fullWidth: true, variant: "contained", style: { backgroundColor: '#479DC4', color: 'white' }, role: "button", onClick: loginAsGuest }, "Guest"))));
 };
 
 var LoginWithWindowsAuthentication = function () {
@@ -7953,7 +8002,7 @@ var LoginWithWindowsAuthentication = function () {
                     " ",
                     error)),
             React__default.createElement("div", { className: "row" },
-                React__default.createElement("button", { className: "btn btn-primary mes-button-primary mx-auto col-md-12 mt-3 ", role: "button", onClick: login }, "Windows Auth"))));
+                React__default.createElement(Button$1, { fullWidth: true, variant: "contained", style: { backgroundColor: '#479DC4', color: 'white' }, role: "button", onClick: login }, "Windows Auth"))));
     return null;
 };
 
@@ -7984,14 +8033,22 @@ function Login(_a) {
                 React__default.createElement(Navbar.Brand, { href: "/" }, "MESF"))),
         React__default.createElement("div", { className: "container-fluid" },
             React__default.createElement("div", { className: "row" },
-                React__default.createElement("div", { className: "col-12 col-md-6 mx-auto my-5" },
-                    React__default.createElement("div", { className: "card" },
-                        React__default.createElement("div", { className: "card-header text-center" }, "Login"),
-                        React__default.createElement("div", { className: "card-body m-3" },
-                            useEmailAndPassword && React__default.createElement(LoginWithEmailAndPassword, null),
-                            useAzureAD && (React__default.createElement(LoginWithAzureAD, { config: authConfig.AzureConfig })),
-                            React__default.createElement(LoginWithWindowsAuthentication, null),
-                            guestIsEnabled && React__default.createElement(LoginAsGuest, null)))))),
+                React__default.createElement("div", { className: "col-10 col-md-6 mx-auto my-5" },
+                    React__default.createElement(Paper$1, { elevation: 2 },
+                        React__default.createElement("div", { className: "card-header text-center" },
+                            React__default.createElement("b", null, "LOGIN")),
+                        React__default.createElement(Grid$1, { container: true, justifyContent: "space-between", alignItems: "center" }, (!useAzureAD && !guestIsEnabled) ? (React__default.createElement(Grid$1, { item: true, xs: 12 },
+                            React__default.createElement(Paper$1, { elevation: 2, style: { padding: 40, margin: "40px 40px 40px 40px" } }, useEmailAndPassword && React__default.createElement(LoginWithEmailAndPassword, null)))) : (React__default.createElement(React__default.Fragment, null,
+                            React__default.createElement(Grid$1, { item: true, md: 5, xs: 5 },
+                                React__default.createElement(Paper$1, { elevation: 2, style: { padding: 40, margin: "40px -40px 40px 40px" } }, useEmailAndPassword && React__default.createElement(LoginWithEmailAndPassword, null))),
+                            React__default.createElement(Grid$1, { item: true, md: 1, xs: 1, style: { maxWidth: "20px" } },
+                                React__default.createElement("span", { className: "text-muted font-weight-bold" }, "OR")),
+                            React__default.createElement(Grid$1, { item: true, md: 5, xs: 5, style: { marginBottom: "auto" } },
+                                React__default.createElement(Paper$1, { elevation: 2, style: { padding: 40, margin: "40px 40px 40px -40px", minHeight: 248, display: 'flex', flexDirection: 'column', justifyContent: 'space-evenly' } },
+                                    React__default.createElement(React__default.Fragment, null,
+                                        React__default.createElement(LoginWithWindowsAuthentication, null),
+                                        useAzureAD && (React__default.createElement(LoginWithAzureAD, { config: authConfig.AzureConfig })),
+                                        guestIsEnabled && React__default.createElement(LoginAsGuest, null))))))))))),
         React__default.createElement(Snackbar$1, { open: open, autoHideDuration: 6000, onClose: handleClose, message: message })));
 }
 
@@ -8686,6 +8743,13 @@ var TrendingsReducer = createSlice({
     reducers: {
         setTotalScope: function (state, _a) {
             var payload = _a.payload; _a.type;
+            if (!isNil$1(payload.start) && !isNil$1(payload.end) && !isNil$1(payload.scope)) {
+                //from arrow navigators
+                state.timeScopeStart = payload.start;
+                state.timeScopeEnd = payload.end;
+                state.scope = payload.scope;
+                return;
+            }
             if (!isNil$1(payload.scope)) {
                 if (payload.scope !== "custom") {
                     switch (payload.scope) {
@@ -8724,7 +8788,7 @@ var TrendingsReducer = createSlice({
                 state.scope = payload.scope;
                 return;
             }
-            if (!isNil$1(payload.start) && !isNil$1(payload.end)) {
+            if (!isNil$1(payload.start) && !isNil$1(payload.end) && isNil$1(payload.scope)) {
                 // from graph
                 state.timeScopeStart = payload.start;
                 state.timeScopeEnd = payload.end;
@@ -8875,6 +8939,11 @@ var useTrendingStyles = makeStyles$1(function (theme) { return ({
         '& input[type="checkbox"]': {
             zoom: 1.5
         }
+    },
+    navigatorButton: {
+        "& .MuiSvgIcon-root": {
+            cursor: "pointer !important"
+        }
     }
 }); });
 
@@ -8898,6 +8967,17 @@ var CustomOptionsComponent = function (_a) {
                 "Stepped"))));
 };
 
+var dateNavigator = function (startDate, endDate, scope, operator) {
+    if (scope === "custom")
+        return;
+    else {
+        var _a = scope.split(" "), quantity = _a[0], duration = _a[1];
+        var newStartDate = moment(startDate)[operator](quantity, duration[0]).toDate();
+        var newEndDate = moment(endDate)[operator](quantity, duration[0]).toDate();
+        return { newStartDate: newStartDate, newEndDate: newEndDate };
+    }
+};
+
 Chart.register(CategoryScale, LinearScale, PointElement, LineElement, Title, Tooltip$1, Legend, TimeScale, zoomPlugin);
 function getVerticalLinePlugin(setCursorData) {
     return {
@@ -9011,6 +9091,12 @@ var Trending = function (_a) {
             });
         }
     };
+    var handleDateNavigator = function (operator) {
+        var newDates = dateNavigator(state.timeScopeStart, state.timeScopeEnd, state.scope, operator);
+        if (newDates) {
+            actions.setTotalScope({ start: newDates.newStartDate, end: newDates.newEndDate, scope: state.scope });
+        }
+    };
     var _j = useState({
         animation: {
             duration: 0
@@ -9026,7 +9112,6 @@ var Trending = function (_a) {
                     maxTicksLimit: 20,
                     callback: function (value, index, values) {
                         // Extract the time and date from the current value
-                        console.log("VALUE", value);
                         var currentDate = new Date(value);
                         var time = currentDate.toLocaleTimeString("en-US", {
                             hour12: false,
@@ -9234,6 +9319,8 @@ var Trending = function (_a) {
     return (React__default.createElement(Grid$1, { container: true, style: { width: "95svw", height: "81svh", margin: 0 } },
         React__default.createElement(Grid$1, { item: true, xs: 12, container: true, justifyContent: "space-between", alignItems: "center", style: { height: "15%" } },
             React__default.createElement(Grid$1, { md: 5, item: true, container: true, justifyContent: "flex-start", alignItems: "center", spacing: 1, wrap: "wrap" },
+                React__default.createElement(IconButton$1, { color: "primary", onClick: function () { return handleDateNavigator("subtract"); }, className: classes.navigatorButton },
+                    React__default.createElement(ChevronLeft, { fontSize: "large" })),
                 React__default.createElement(Grid$1, { item: true },
                     React__default.createElement(TextField, { type: "datetime-local", className: classes.datetimePicker, label: "Start", variant: "outlined", value: moment(state.timeScopeStart).format("YYYY-MM-DDTHH:mm:ss"), onChange: function (e) { return handleDateChange(e.target.value, "start"); }, InputLabelProps: {
                             shrink: true,
@@ -9255,7 +9342,9 @@ var Trending = function (_a) {
                     React__default.createElement(TextField, { label: "End", variant: "outlined", className: classes.datetimePicker, type: "datetime-local", value: moment(state.timeScopeEnd).format("YYYY-MM-DDTHH:mm:ss"), onChange: function (e) { return handleDateChange(e.target.value, "end"); }, InputLabelProps: {
                             shrink: true,
                             style: { marginLeft: "10px" }
-                        } }))),
+                        } })),
+                React__default.createElement(IconButton$1, { color: "primary", onClick: function () { return handleDateNavigator("add"); }, className: classes.navigatorButton },
+                    React__default.createElement(ChevronRight, { fontSize: "large" }))),
             React__default.createElement(Grid$1, { md: 7, item: true, container: true, justifyContent: "space-between" },
                 React__default.createElement(Grid$1, { item: true, container: true, wrap: "nowrap", spacing: 1 },
                     React__default.createElement(Grid$1, { item: true, container: true },

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

@@ -23,6 +23,10 @@ export declare const useTrendingContext: () => {
                 scope?: import("../models/scopes.model").scopeType | undefined;
                 start?: Date | undefined;
                 end: Date;
+            } | {
+                scope: import("../models/scopes.model").scopeType;
+                start: Date;
+                end: Date;
             };
             type: string;
         }): void;

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

@@ -1 +1 @@
-export declare const useTrendingStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"datetimePicker" | "select" | "labelOptions">;
+export declare const useTrendingStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"datetimePicker" | "select" | "labelOptions" | "navigatorButton">;

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

@@ -0,0 +1,5 @@
+import { scopeType } from "../models/scopes.model";
+export declare const dateNavigator: (startDate: Date, endDate: Date, scope: scopeType, operator: "add" | "subtract") => {
+    newStartDate: Date;
+    newEndDate: Date;
+} | undefined;

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

@@ -21,6 +21,10 @@ export declare const TrendingsReducer: import("@reduxjs/toolkit").Slice<{
             scope?: scopeType;
             start?: Date;
             end: Date;
+        } | {
+            scope: scopeType;
+            start: Date;
+            end: Date;
         };
         type: string;
     }): void;

package/package.json

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