logitude-dashboard-library 1.2.28 → 1.2.29

package/dist/assets/styles/dl-dashboard.scss

@@ -42,6 +42,7 @@ $dark-grey: #717585;
     align-content: center;
     align-items: center;
     font-weight: bolder;
+    padding: 0px 0px 0 13px;
 }
 .dl-heder-row{
     width: 100%;

package/dist/features/Dashboard/DashboardDesigner.d.ts

@@ -2,9 +2,7 @@
 import ColumnChartComponent from "./ChartsComponents/ColumnChartComponent";
 import { Widget } from "../../types/widget";
 declare type DashboardDesignerProps = {
-    onEditWidget: (widget: Widget) => void;
-    onAddWidget: (widgetTypeCode: string) => void;
-    onSaveDashboard: () => void;
+    openEditWidget: (widget: Widget) => void;
 };
 declare const DashboardDesigner: (props: DashboardDesignerProps) => JSX.Element;
 export declare const layoutGridProps: {

package/dist/index.d.ts

@@ -1,9 +1,16 @@
 /// <reference types="react" />
 import "./styles.module.css";
+import { DashboardPM } from './types/Dashboard';
+import { Widget } from './types/widget';
 declare type DashboardProps = {
     token: string;
     tenant: number;
     userId: string;
+    dashboard: DashboardPM;
+    openAddEditWidget: (widget: Widget) => void;
+    openAddEditDashboard: (dashboard: DashboardPM) => void;
+    onChangeDashboard: (dashboard: DashboardPM) => void;
+    onSaveDashboard: (dashboard: DashboardPM) => void;
 };
 declare const Dashboard: (props: DashboardProps) => JSX.Element;
 export default Dashboard;

package/dist/index.js

@@ -9,9 +9,6 @@ var ReactApexChart = _interopDefault(require('react-apexcharts'));
 var axios = _interopDefault(require('axios'));
 var overlaypanel = require('primereact/overlaypanel');
 var dropdown = require('primereact/dropdown');
-var dialog = require('primereact/dialog');
-var inputtext = require('primereact/inputtext');
-var inputtextarea = require('primereact/inputtextarea');
 var ripple = require('primereact/ripple');
 
 function _inheritsLoose(subClass, superClass) {
@@ -692,7 +689,7 @@ var DashboardDesigner = function DashboardDesigner(props) {
   }
 
   function editWidget(widget) {
-    props.onEditWidget(widget);
+    props.openEditWidget(widget);
   }
 
   function FindWidget(el) {
@@ -880,120 +877,6 @@ var DashBoardService = /*#__PURE__*/function () {
   return DashBoardService;
 }();
 
-var Session = function Session() {};
-
-var DashboardDialogComponent = function DashboardDialogComponent(props) {
-  var _useState = React.useState(''),
-      name = _useState[0],
-      setName = _useState[1];
-
-  var _useState2 = React.useState(''),
-      description = _useState2[0],
-      setDescription = _useState2[1];
-
-  var _useState3 = React.useState(props.display),
-      displayAddDashboard = _useState3[0],
-      setDisplayAddDashboard = _useState3[1];
-
-  var _useState4 = React.useState({}),
-      validation = _useState4[0],
-      setValidation = _useState4[1];
-
-  React.useEffect(function () {
-    setDisplayAddDashboard(props.display);
-  }, [props.display]);
-
-  var onSave = function onSave() {
-    if (!checkFormValidation()) return;
-    var dashBoardService = new DashBoardService();
-    var dasboard = {
-      Name: name,
-      Description: description,
-      Tenant: Session.Tenant,
-      UpdatedByUserId: Session.CurrentUserId,
-      CreatedByUserId: Session.CurrentUserId
-    };
-    dashBoardService.add(dasboard).then(function (e) {
-      onCancel();
-    });
-  };
-
-  var checkFormValidation = function checkFormValidation() {
-    var isValid = true;
-    var formValidation = {};
-
-    if ((name === null || name === void 0 ? void 0 : name.length) == 0) {
-      formValidation['name'] = true;
-      isValid = false;
-    } else {
-      formValidation['name'] = false;
-    }
-
-    console.log(formValidation['name']);
-    setValidation(formValidation);
-    return isValid;
-  };
-
-  var onCancel = function onCancel() {
-    setDisplayAddDashboard(false);
-    props.onClose();
-    clear();
-  };
-
-  var clear = function clear() {
-    setDescription('');
-    setName('');
-  };
-
-  return React__default.createElement(dialog.Dialog, {
-    header: "New Dashboard",
-    visible: displayAddDashboard,
-    style: {
-      width: 'auto'
-    },
-    onHide: onCancel
-  }, React__default.createElement("form", {
-    id: "dashboard-crd",
-    name: "dashboard-crd"
-  }, React__default.createElement("div", {
-    className: "form"
-  }, React__default.createElement("div", {
-    className: "form-field"
-  }, React__default.createElement("label", {
-    htmlFor: "dashboard-name"
-  }, "Name"), React__default.createElement(inputtext.InputText, {
-    id: "dashboard-name",
-    className: "p-inputtext-sm " + (validation['name'] ? 'p-invalid' : ''),
-    value: name,
-    required: true,
-    onChange: function onChange(e) {
-      setName(e.target.value);
-    }
-  })), React__default.createElement("div", {
-    className: "form-field"
-  }, React__default.createElement("label", {
-    htmlFor: "dashboard-description"
-  }, "Description"), React__default.createElement(inputtextarea.InputTextarea, {
-    id: "dashboard-description",
-    className: "p-inputtext-sm",
-    value: description,
-    onChange: function onChange(e) {
-      setDescription(e.target.value);
-    }
-  }))), React__default.createElement("div", {
-    className: "dialog-footer dl-m-t-s"
-  }, React__default.createElement(button.Button, {
-    label: "Cancel",
-    className: "p-button-text",
-    onClick: onCancel
-  }), React__default.createElement(button.Button, {
-    label: "Ok",
-    form: "frm",
-    onClick: onSave,
-    autoFocus: true
-  }))));
-};
-
 var WidgetTypeListService = /*#__PURE__*/function () {
   function WidgetTypeListService() {
     this._ApiServices = new ApiServices();
@@ -1024,15 +907,18 @@ var Dashboard = function Dashboard(props) {
       setCurrentDashbord = _useState2[1];
 
   var _useState3 = React.useState(false),
-      displayAddDashboard = _useState3[0],
       setDisplayAddDashboard = _useState3[1];
 
   var _useState4 = React.useState(),
       selectedWidget = _useState4[0];
 
-  var _useState5 = React.useState(),
-      WidgetTypes = _useState5[0],
-      setWidgetTypes = _useState5[1];
+  var _useState5 = React.useState(false),
+      isInEditMode = _useState5[0],
+      setisInEditMode = _useState5[1];
+
+  var _useState6 = React.useState(),
+      WidgetTypes = _useState6[0],
+      setWidgetTypes = _useState6[1];
 
   var dashboardMoreButtonToggle = React.createRef();
   var dashboardService = new DashBoardService();
@@ -1041,16 +927,8 @@ var Dashboard = function Dashboard(props) {
     getDashboards();
     getWidgetTypes();
   }, []);
-  Session.CurrentUserId = props.userId;
-  Session.Tenant = props.tenant;
-  Session.Token = props.token;
   if ((props === null || props === void 0 ? void 0 : (_props$token = props.token) === null || _props$token === void 0 ? void 0 : _props$token.length) > 0) localStorage.setItem("token", props === null || props === void 0 ? void 0 : props.token);
 
-  var onDashboardDialogClose = function onDashboardDialogClose() {
-    getDashboards();
-    setDisplayAddDashboard(false);
-  };
-
   var getDashboards = function getDashboards() {
     dashboardService.getDataByFilters(new ApiQueryFilters()).then(function (data) {
       setDashbords(data.data.Result);
@@ -1064,6 +942,8 @@ var Dashboard = function Dashboard(props) {
     });
   };
 
+  var EditDashBoard = function EditDashBoard() {};
+
   var addWidget = function addWidget(widgetCode) {};
 
   return React.createElement("div", {
@@ -1087,19 +967,24 @@ var Dashboard = function Dashboard(props) {
     className: "buttons-overlay"
   }, React.createElement("div", {
     className: "buttons-list"
-  }, React.createElement("div", null, "set token")))), React.createElement("div", {
+  }, React.createElement("div", {
+    onClick: function onClick() {
+      return EditDashBoard();
+    }
+  }, "Edit"), React.createElement("div", {
+    onClick: function onClick() {
+      return setisInEditMode(true);
+    }
+  }, "Edit Design")))), React.createElement("div", {
     className: 'dl-flex-row'
-  }, React.createElement("div", null, React.createElement(button.Button, {
+  }, React.createElement("div", null, isInEditMode ? React.createElement(button.Button, {
     icon: "pi pi-plus",
     onClick: function onClick() {
       return setDisplayAddDashboard(true);
     },
     className: "dl-dashboard-add p-button-rounded p-button-success",
     "aria-label": "Search"
-  })), React.createElement(DashboardDialogComponent, {
-    display: displayAddDashboard,
-    onClose: onDashboardDialogClose
-  }), React.createElement("div", {
+  }) : null), React.createElement("div", {
     style: {
       width: "210px"
     }
@@ -1134,14 +1019,8 @@ var Dashboard = function Dashboard(props) {
   })))), React.createElement("div", {
     className: 'dl-dashboard-body'
   }, React.createElement(DashboardDesigner, {
-    onEditWidget: function onEditWidget(widget) {
-      throw new Error('Function not implemented.');
-    },
-    onAddWidget: function onAddWidget(widgetTypeCode) {
-      throw new Error('Function not implemented.');
-    },
-    onSaveDashboard: function onSaveDashboard() {
-      throw new Error('Function not implemented.');
+    openEditWidget: function openEditWidget(widget) {
+      return props.openAddEditWidget(widget);
     }
   })));
 };