logitude-dashboard-library 1.2.10 → 1.2.11

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

@@ -40,7 +40,7 @@ $dark-grey: #717585;
     height: 100%;
 }
 
-.grid {
+.dl-grid {
     display: grid;
     grid-template-columns: repeat(12, 1fr);
     grid-column-gap: 10px;
@@ -54,6 +54,69 @@ $dark-grey: #717585;
     }
 
 }
+.dl-grid-container {
+    position: relative;
+
+    .react-grid-layout {
+        position: absolute;
+        top: 0;
+        width: 100%;
+    }
+}
+.dl-relativ-container{
+    
+    position: relative;
+    width: 100%;
+    height: 100%;
+
+}
+.dl-scroll-container{
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    overflow-y: scroll;
+}
+
+.dl-flex-stretch{
+    height: 100%;
+    flex-direction: row;
+    box-sizing: border-box;
+    display: flex;
+    place-content: stretch;
+    align-items: stretch;
+    max-height: 100%;
+}
+
+.dl-box {
+    display: flex;
+    flex-flow: column;
+    height: 100%;
+  }
+  
+  .dl-box .dl-row {
+    border: 1px dotted grey;
+  }
+  
+  .dl-box .dl-row.dl-header {
+    flex: 0 1 auto;
+    /* The above is shorthand for:
+    flex-grow: 0,
+    flex-shrink: 1,
+    flex-basis: auto
+    */
+  }
+  
+  .dl-box .dl-row.dl-content {
+    flex: 1 1 auto;
+    overflow-y: scroll;
+  }
+  
+  .dl-box .dl-row.dl-footer {
+    flex: 0 1 40px;
+  }
+
 
 
 
@@ -163,15 +226,7 @@ $dark-grey: #717585;
 }
 
 
-.grid-container {
-    position: relative;
 
-    .react-grid-layout {
-        position: absolute;
-        top: 0;
-        width: 100%;
-    }
-}
 
 
 

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

@@ -1,56 +1,24 @@
-import React from "react";
-import { WidgetComponent } from "../../types/WidgetComponent";
-import { Widget } from "../../types/widget";
-declare class DashboardDesigner extends React.Component<any, any> {
-    moreButtonToggle: any;
-    widgetButtonToggle: any;
-    addWidgetButtonToggle: any;
-    widgetComponents: WidgetComponent[];
-    constructor(props: any);
-    static layoutGridProps: {
-        rowHeight: number;
-        className: string;
-        cols: {
-            lg: number;
-            md: number;
-            sm: number;
-            xs: number;
-            xxs: number;
-        };
-        useCSSTransforms: boolean;
+/// <reference types="react" />
+import ColumnChartComponent from "./ChartsComponents/ColumnChartComponent";
+declare const DashboardDesigner: () => JSX.Element;
+export declare const layoutGridProps: {
+    rowHeight: number;
+    className: string;
+    cols: {
+        lg: number;
+        md: number;
+        sm: number;
+        xs: number;
+        xxs: number;
     };
-    componentDidUpdate(prevProps: any, prevState: any): void;
-    private UpdatePlaceholderDimensions;
-    showMsg: boolean;
-    onLayoutChange(layout: any, layouts: any): void;
-    deletePanel: (i: any) => void;
-    editWidget: (widget: any) => void;
-    addPanel: (newWidget: Widget) => void;
-    EvaluateNewWidgetPosition(): {
-        x: number;
-        y: number;
-    };
-    SaveGrid(): void;
-    hideDialog: () => void;
-    reset(): void;
-    setToken(): void;
-    changeTitle(i: any): void;
-    selectedWidget: any;
-    addComponent(componentType: any): void;
-    onOkButton: (data: any) => void;
-    onCancelButton: () => void;
-    saveToStorage: (key: any, value: any) => void;
-    getFromStorage: (key: any) => any;
-    FindWidget(el: any): any;
-    toggleDialog(): void;
-    toggleWidget(widget: any): void;
-    getRandomInt(min: any, max: any): any;
-    widgetToEdit: any;
-    renderNewWidgetDialog(): JSX.Element;
-    renderPageHeader(): JSX.Element;
-    renderGridWidgetsPlaceholder(): JSX.Element;
-    renderLayoutGrid(layout: any): JSX.Element;
-    renderWidgetComponent(el: any): JSX.Element;
-    render(): JSX.Element;
-}
+    useCSSTransforms: boolean;
+};
+export declare const WidgetTypes: {
+    Name: string;
+    Disabled: boolean;
+}[];
+export declare const widgetComponents: {
+    type: string;
+    component: typeof ColumnChartComponent;
+}[];
 export default DashboardDesigner;