logitude-dashboard-library 1.4.50 → 1.4.52

package/dist/Utils/General.d.ts

@@ -0,0 +1,2 @@
+declare const isNullOrUndefined: (val: any) => boolean;
+export { isNullOrUndefined };

package/dist/assets/images/delete-icon.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.99983 3.51152H11.9998V4.7757H10.7998V12.9929C10.7998 13.1605 10.7366 13.3213 10.6241 13.4398C10.5116 13.5584 10.359 13.625 10.1998 13.625H1.79983C1.6407 13.625 1.48809 13.5584 1.37557 13.4398C1.26305 13.3213 1.19983 13.1605 1.19983 12.9929V4.7757H-0.000167847V3.51152H2.99983V1.61525C2.99983 1.4476 3.06305 1.28683 3.17557 1.16829C3.28809 1.04975 3.4407 0.983154 3.59983 0.983154H8.39983C8.55896 0.983154 8.71158 1.04975 8.8241 1.16829C8.93662 1.28683 8.99983 1.4476 8.99983 1.61525V3.51152ZM9.59983 4.7757H2.39983V12.3608H9.59983V4.7757ZM4.19983 6.67197H5.39983V10.4645H4.19983V6.67197ZM6.59983 6.67197H7.79983V10.4645H6.59983V6.67197ZM4.19983 2.24734V3.51152H7.79983V2.24734H4.19983Z" fill="#5FAFDA"/>
+</svg>

package/dist/assets/images/edit-icon.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.48527 5.38322L7.54247 4.4404L1.33333 10.6496V11.5924H2.27614L8.48527 5.38322ZM9.42807 4.4404L10.3709 3.4976L9.42807 2.55479L8.48527 3.4976L9.42807 4.4404ZM2.82843 12.9257H0V10.0973L8.95667 1.14058C9.21707 0.880224 9.63913 0.880224 9.89947 1.14058L11.7851 3.02619C12.0455 3.28654 12.0455 3.70865 11.7851 3.969L2.82843 12.9257Z" fill="#5FAFDA"/>
+</svg>

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

@@ -271,19 +271,68 @@ $dark-grey: #717585;
         }
     }
 
-    h1 {
-        text-transform: capitalize;
-        font-family: 'Manrope', sans-serif;
-        font-style: normal;
-        color: #292D30;
-        margin-top: 0;
-        margin-bottom: 0;
-        padding: 12px;
-        font-size: 12px;
-        font-weight: 600;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
+    .widget-titles-container {
+        display: flex;
+        flex-wrap: wrap;
+        width: calc(100% - 4rem);
+        padding: 0px 12px 12px 12px;
+
+        .title-container {
+            display: flex;
+            align-items: center;
+            justify-content: left;
+            flex: 1;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            min-width: 1px;
+    
+            .title {
+                text-transform: capitalize;
+                font-family: 'Manrope', sans-serif;
+                font-style: normal;
+                color: #292D30;
+                padding-top: 12px;
+                margin-top: 0;
+                margin-bottom: 0;
+                font-size: 12px;
+                font-weight: 600;
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                width: auto;
+            }
+        }
+    
+        .subtitle {
+            font-family: 'Manrope', sans-serif;
+            font-style: normal;
+            color: #292D30;
+            margin-top: 4px;
+            font-size: 12px;
+            font-weight: 600;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            width: 100%;
+        }
+    }
+
+    .widget-options-container {
+        display: flex;
+        align-items: center;
+        width: 60px;
+        column-gap: 6px;
+
+        svg {
+            width: 20px;
+            height: 20px;
+            transform: scale(1.2);
+
+            &:hover {
+                cursor: pointer;
+            }
+        }
     }
 }
 
@@ -313,7 +362,6 @@ $dark-grey: #717585;
     align-items: flex-start;
 }
 
-
 .filter-label {
     font-size: 12px;
     color: $dark-grey;
@@ -475,20 +523,20 @@ $dark-grey: #717585;
 
 .db-fc-container text {
     font-family: 'Manrope' !important;
-    font-size: 10px !important;
+    font-size: inherit !important;
     fill: #323232 !important;
     fill-opacity: 100 !important;
 }
 .db-fc-container tspan {
     font-family: 'Manrope' !important;
-    font-size: 10px !important;
+    font-size: inherit !important;
     fill: #323232 !important;
     fill-opacity: 100 !important;
 }
 
 .db-fc-container * {
     font-family: 'Manrope' !important;
-    font-size: 10px !important;
+    // font-size: 10px !important;
 }
 
 .db-fc-container>*:first-child {

package/dist/delete-icon~HsiaSdfs.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.99983 3.51152H11.9998V4.7757H10.7998V12.9929C10.7998 13.1605 10.7366 13.3213 10.6241 13.4398C10.5116 13.5584 10.359 13.625 10.1998 13.625H1.79983C1.6407 13.625 1.48809 13.5584 1.37557 13.4398C1.26305 13.3213 1.19983 13.1605 1.19983 12.9929V4.7757H-0.000167847V3.51152H2.99983V1.61525C2.99983 1.4476 3.06305 1.28683 3.17557 1.16829C3.28809 1.04975 3.4407 0.983154 3.59983 0.983154H8.39983C8.55896 0.983154 8.71158 1.04975 8.8241 1.16829C8.93662 1.28683 8.99983 1.4476 8.99983 1.61525V3.51152ZM9.59983 4.7757H2.39983V12.3608H9.59983V4.7757ZM4.19983 6.67197H5.39983V10.4645H4.19983V6.67197ZM6.59983 6.67197H7.79983V10.4645H6.59983V6.67197ZM4.19983 2.24734V3.51152H7.79983V2.24734H4.19983Z" fill="#5FAFDA"/>
+</svg>

package/dist/delete-icon~eciVlkBl.svg

@@ -0,0 +1,3 @@
+<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.99983 3.51152H11.9998V4.7757H10.7998V12.9929C10.7998 13.1605 10.7366 13.3213 10.6241 13.4398C10.5116 13.5584 10.359 13.625 10.1998 13.625H1.79983C1.6407 13.625 1.48809 13.5584 1.37557 13.4398C1.26305 13.3213 1.19983 13.1605 1.19983 12.9929V4.7757H-0.000167847V3.51152H2.99983V1.61525C2.99983 1.4476 3.06305 1.28683 3.17557 1.16829C3.28809 1.04975 3.4407 0.983154 3.59983 0.983154H8.39983C8.55896 0.983154 8.71158 1.04975 8.8241 1.16829C8.93662 1.28683 8.99983 1.4476 8.99983 1.61525V3.51152ZM9.59983 4.7757H2.39983V12.3608H9.59983V4.7757ZM4.19983 6.67197H5.39983V10.4645H4.19983V6.67197ZM6.59983 6.67197H7.79983V10.4645H6.59983V6.67197ZM4.19983 2.24734V3.51152H7.79983V2.24734H4.19983Z" fill="#5FAFDA"/>
+</svg>

package/dist/delete-icon~fYbwNrdz.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.99983 3.51152H11.9998V4.7757H10.7998V12.9929C10.7998 13.1605 10.7366 13.3213 10.6241 13.4398C10.5116 13.5584 10.359 13.625 10.1998 13.625H1.79983C1.6407 13.625 1.48809 13.5584 1.37557 13.4398C1.26305 13.3213 1.19983 13.1605 1.19983 12.9929V4.7757H-0.000167847V3.51152H2.99983V1.61525C2.99983 1.4476 3.06305 1.28683 3.17557 1.16829C3.28809 1.04975 3.4407 0.983154 3.59983 0.983154H8.39983C8.55896 0.983154 8.71158 1.04975 8.8241 1.16829C8.93662 1.28683 8.99983 1.4476 8.99983 1.61525V3.51152ZM9.59983 4.7757H2.39983V12.3608H9.59983V4.7757ZM4.19983 6.67197H5.39983V10.4645H4.19983V6.67197ZM6.59983 6.67197H7.79983V10.4645H6.59983V6.67197ZM4.19983 2.24734V3.51152H7.79983V2.24734H4.19983Z" fill="#5FAFDA"/>
+</svg>

package/dist/edit-icon~binDxVAt.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.48527 5.38322L7.54247 4.4404L1.33333 10.6496V11.5924H2.27614L8.48527 5.38322ZM9.42807 4.4404L10.3709 3.4976L9.42807 2.55479L8.48527 3.4976L9.42807 4.4404ZM2.82843 12.9257H0V10.0973L8.95667 1.14058C9.21707 0.880224 9.63913 0.880224 9.89947 1.14058L11.7851 3.02619C12.0455 3.28654 12.0455 3.70865 11.7851 3.969L2.82843 12.9257Z" fill="#5FAFDA"/>
+</svg>

package/dist/edit-icon~roheEGno.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.48527 5.38322L7.54247 4.4404L1.33333 10.6496V11.5924H2.27614L8.48527 5.38322ZM9.42807 4.4404L10.3709 3.4976L9.42807 2.55479L8.48527 3.4976L9.42807 4.4404ZM2.82843 12.9257H0V10.0973L8.95667 1.14058C9.21707 0.880224 9.63913 0.880224 9.89947 1.14058L11.7851 3.02619C12.0455 3.28654 12.0455 3.70865 11.7851 3.969L2.82843 12.9257Z" fill="#5FAFDA"/>
+</svg>

package/dist/edit-icon~xptiVoWp.svg

@@ -0,0 +1,3 @@
+<svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.48527 5.38322L7.54247 4.4404L1.33333 10.6496V11.5924H2.27614L8.48527 5.38322ZM9.42807 4.4404L10.3709 3.4976L9.42807 2.55479L8.48527 3.4976L9.42807 4.4404ZM2.82843 12.9257H0V10.0973L8.95667 1.14058C9.21707 0.880224 9.63913 0.880224 9.89947 1.14058L11.7851 3.02619C12.0455 3.28654 12.0455 3.70865 11.7851 3.969L2.82843 12.9257Z" fill="#5FAFDA"/>
+</svg>

package/dist/features/Dashboard/ChartsComponents/ApexChart.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { ReactWidgetPM } from "../../../types/widget";
 import { DataPointSelection } from '../../../types/SeriesMeasure';
 import { ApexOptions } from "apexcharts";
@@ -9,7 +9,7 @@ declare type ApexChartProps = {
     dataBinding: DashboardDataBinding;
     onSelectDataPoint: (dataPointSelection: DataPointSelection) => void;
 };
-declare const ApexChart: (props: ApexChartProps) => JSX.Element;
+declare const ApexChart: (props: ApexChartProps) => React.JSX.Element;
 export declare type ApexChartArgs = {
     options: ApexOptions;
     series: ApexAxisChartSeries | ApexNonAxisChartSeries;

package/dist/features/Dashboard/ChartsComponents/CustomCharts/CustomChart.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { DashboardDataBinding } from "../../../../types/DashboardDataBinding";
 import { DataPointSelection } from "../../../../types/SeriesMeasure";
 import { ReactWidgetPM } from "../../../../types/widget";
@@ -8,5 +8,5 @@ export declare type CustomChartProps = {
     dataBinding: DashboardDataBinding;
     onSelectDataPoint: (dataPointSelection: DataPointSelection) => void;
 };
-declare const CustomChart: (props: CustomChartProps) => JSX.Element;
+declare const CustomChart: (props: CustomChartProps) => React.JSX.Element;
 export default CustomChart;

package/dist/features/Dashboard/ChartsComponents/CustomCharts/KpiChart.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from "react";
 import { CustomChartProps } from "./CustomChart";
 declare type KpiChartProps = {
     customChartProps: CustomChartProps;
 };
-declare const KpiChart: (props: KpiChartProps) => JSX.Element;
+declare const KpiChart: (props: KpiChartProps) => React.JSX.Element;
 export default KpiChart;

package/dist/features/Dashboard/ChartsComponents/FusionChartTest.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare function FusionChartTest(): JSX.Element;
+import React from 'react';
+declare function FusionChartTest(): React.JSX.Element;
 export default FusionChartTest;

package/dist/features/Dashboard/ChartsComponents/FusionCharts/FusionChartObjectHelper.d.ts

@@ -69,11 +69,13 @@ export interface ChartInfo {
     sYAxisNameBorderPadding: number;
     pYAxisNameBorderPadding: number;
     xAxisNameFont: string;
+    xAxisName: string;
     xAxisNameFontSize: string;
     xAxisNameFontColor: string;
     yAxisNameFont: string;
     yAxisNameFontSize: string;
     yAxisNameFontColor: string;
+    yAxisName: string;
     adjustDiv: string;
 }
 export declare function getSeriesPositionColor(position: number): string | null;

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { Layouts } from "react-grid-layout";
+import React from "react";
 import { ReactWidgetPM } from "../../types/widget";
 import { DataPointSelection } from "../../types/SeriesMeasure";
 import { DashboardDataBinding } from "../../types/DashboardDataBinding";
@@ -13,7 +13,7 @@ declare type DashboardDesignerProps = {
     dataBinding: DashboardDataBinding;
     onSelectDataPoint: (dataPointSelection: DataPointSelection) => void;
 };
-declare const DashboardDesigner: (props: DashboardDesignerProps) => JSX.Element;
+declare const DashboardDesigner: (props: DashboardDesignerProps) => React.JSX.Element;
 export declare const layoutGridProps: {
     rowHeight: number;
     className: string;

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import "./styles.module.css";
 import { ReactWidgetPM } from './types/widget';
 import { DashboardDataBinding } from './types/DashboardDataBinding';
@@ -16,5 +16,5 @@ declare type DashboardProps = {
     openEditWidget: (Widget: ReactWidgetPM) => void;
     onSelectDataPoint: (dataPointSelection: DataPointSelection) => void;
 };
-declare const Dashboard: (props: DashboardProps) => JSX.Element;
+declare const Dashboard: (props: DashboardProps) => React.JSX.Element;
 export default Dashboard;