logitude-dashboard-library 3.2.41 → 3.2.43

package/dist/Utils/General.d.ts

@@ -1,3 +1,4 @@
+import { ReactWidgetPM } from "../types/widget";
 declare const isNullOrUndefined: (val: any) => boolean;
 declare const isNullOrUndefinedOrEmpty: (val: any) => boolean;
 declare const getGlobalNumberFormatting: () => {
@@ -5,7 +6,7 @@ declare const getGlobalNumberFormatting: () => {
     decimalSeparator: string;
 };
 declare const isValueInteger: (measureCode: string | null | undefined, measureFieldType: string | null | undefined) => boolean;
-declare const getTruncatedValue: (value: number | null | undefined | any, decimalDigitsCount?: number) => number | null | undefined;
-declare const getNumberInSystemLocalFormat: (value: number | null | undefined, decimalDigitsCount?: number, minimumFractionDigits?: number, isValueTruncated?: boolean) => string;
+declare const getTruncatedValue: (value: number | null | undefined | any, widget: ReactWidgetPM) => number | null | undefined;
+declare const getNumberInSystemLocalFormat: (value: number | null | undefined, decimalDigitsCount?: number, minimumFractionDigits?: number, isValueTruncated?: boolean, applyAbbreviation?: boolean) => string;
 declare const ConvertStringToPascalCaseHelper: (stringValue: string) => string;
 export { isNullOrUndefined, isNullOrUndefinedOrEmpty, getGlobalNumberFormatting, getNumberInSystemLocalFormat, ConvertStringToPascalCaseHelper, isValueInteger, getTruncatedValue };

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

@@ -9,7 +9,7 @@ $red: #F74E49;
 $dark-grey: #717585;
 
 .dl-dashboard-body {
-    background: #F3F3F3;
+    background: #f3f4f5;
     height: 100%;
     padding: 2px;
     margin: 0;
@@ -289,14 +289,14 @@ $dark-grey: #717585;
 
     .header-contents {
         display: flex;
-    
+
         .widget-titles-container {
             display: flex;
             flex-wrap: wrap;
             width: calc(100% - 70px);
             padding: 0px 12px 6px 12px;
             min-height: 28px;
-    
+
             .title-container {
                 display: flex;
                 align-items: center;
@@ -306,7 +306,7 @@ $dark-grey: #717585;
                 overflow: hidden;
                 text-overflow: ellipsis;
                 min-width: 1px;
-        
+
                 .title {
                     text-transform: capitalize;
                     font-family: 'Manrope', sans-serif;
@@ -323,7 +323,7 @@ $dark-grey: #717585;
                     width: auto;
                 }
             }
-        
+
             .subtitle {
                 font-family: 'Manrope', sans-serif;
                 font-style: normal;
@@ -350,7 +350,7 @@ $dark-grey: #717585;
             min-width: 1px;
             padding-top: 4px;
         }
-        
+
         .widget-table-titles-container {
             display: flex;
             flex: 1;
@@ -362,7 +362,7 @@ $dark-grey: #717585;
             width: 100%;
             max-width: calc(100% - 170px);
             overflow: hidden;
-    
+
             .title-container {
                 display: flex;
                 align-items: center;
@@ -372,7 +372,7 @@ $dark-grey: #717585;
                 text-overflow: ellipsis;
                 width: auto;
                 max-width: 60%;
-        
+
                 .title {
                     text-transform: capitalize;
                     font-family: 'Manrope', sans-serif;
@@ -386,7 +386,7 @@ $dark-grey: #717585;
                     width: auto;
                 }
             }
-        
+
             .subtitle {
                 font-family: "Manrope", sans-serif;
                 font-style: normal;
@@ -427,7 +427,7 @@ $dark-grey: #717585;
                 cursor: pointer;
             }
 
-            & > span {
+            &>span {
                 font-size: 12px;
             }
         }
@@ -438,12 +438,12 @@ $dark-grey: #717585;
             width: 68px;
             column-gap: 6px;
             padding-top: 6px;
-    
+
             svg {
                 width: 20px;
                 height: 20px;
                 transform: scale(1.2);
-    
+
                 &:hover {
                     cursor: pointer;
                 }
@@ -638,11 +638,11 @@ $dark-grey: #717585;
     max-width: 100%;
 }
 
-.dl-kpi-label-container{
+.dl-kpi-label-container {
     line-height: 100%;
 }
 
-.dl-kpi-label-span{
+.dl-kpi-label-span {
     font-family: "Manrope";
     font-style: normal;
     font-size: 16px;
@@ -658,12 +658,12 @@ $dark-grey: #717585;
     font-weight: bold;
 }
 
-.db-fc-container {
+.db-fc-parent-container {
     width: 100%;
     height: calc(100% - 5px);
 }
 
-.db-fc-parent-container {
+.db-fc-container {
     width: 100%;
     height: calc(100% - 5px);
 }
@@ -674,6 +674,7 @@ $dark-grey: #717585;
     fill: #323232 !important;
     fill-opacity: 100 !important;
 }
+
 .db-fc-container tspan {
     font-family: 'Manrope' !important;
     font-size: inherit !important;
@@ -691,12 +692,41 @@ $dark-grey: #717585;
     height: 100%;
 }
 
+.db-fc-container-guage {
+    width: 100%;
+    height: calc(100% - 5px);
+}
+
+.db-fc-container-guage text {
+    font-family: 'Manrope' !important;
+    font-size: inherit !important;
+    fill-opacity: 100 !important;
+}
+
+.db-fc-container-guage tspan {
+    font-family: 'Manrope' !important;
+    font-size: inherit !important;
+    fill: #323232 !important;
+    fill-opacity: 100 !important;
+}
+
+.db-fc-container-guage * {
+    font-family: 'Manrope' !important;
+    // font-size: 10px !important;
+}
+
+.db-fc-container-guage>*:first-child {
+    width: 100%;
+    height: 100%;
+}
+
 .dl-line {
     border-top: 1px solid #E7E7E7;
     margin-left: 12px;
     margin-right: 12px;
     position: relative;
 }
+
 .dl-kpi-no-data {
     font-family: 'Manrope' !important;
     font-size: 10px !important;
@@ -754,7 +784,8 @@ $dark-grey: #717585;
     color: #292D30;
 }
 
-.dl-kpi-unit, .comparison-value-dl-kpi-unit {
+.dl-kpi-unit,
+.comparison-value-dl-kpi-unit {
     font-family: 'Manrope';
     font-style: normal;
     font-weight: 600;
@@ -866,7 +897,7 @@ $dark-grey: #717585;
     }
 
     .dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content {
-        background-color: rgba(191,191,191,.7);
+        background-color: rgba(191, 191, 191, .7);
     }
 
     .dx-pivotgrid-fields-area-head td .dx-area-field,
@@ -905,17 +936,17 @@ $dark-grey: #717585;
         background: #FFFFFF;
     }
 
-    .dx-pivotgrid .dx-column-header, 
-    .dx-pivotgrid .dx-data-header, 
+    .dx-pivotgrid .dx-column-header,
+    .dx-pivotgrid .dx-data-header,
     .dx-pivotgrid .dx-total {
         background-color: rgba(221, 221, 221, .2) !important;
     }
-    
+
     .dx-pivotgrid .dx-grandtotal {
         background-color: #f5f5f5 !important;
     }
 
-    .dx-pivotgrid .dx-pivotgrid-vertical-headers td > span {
+    .dx-pivotgrid .dx-pivotgrid-vertical-headers td>span {
         font-family: "Manrope";
         font-size: 12px;
         font-weight: 500;
@@ -923,12 +954,12 @@ $dark-grey: #717585;
         color: #46494A;
     }
 
-    .dx-pivotgrid .dx-pivotgrid-vertical-headers td div > span {
+    .dx-pivotgrid .dx-pivotgrid-vertical-headers td div>span {
         font-weight: 600 !important;
         color: #46494A !important;
     }
 
-    .dx-pivotgrid .dx-pivotgrid-area-data tbody td > span {
+    .dx-pivotgrid .dx-pivotgrid-area-data tbody td>span {
         font-family: "Manrope";
         font-size: 12px;
         font-weight: 500;
@@ -942,21 +973,21 @@ $dark-grey: #717585;
             width: 10px;
             height: 10px
         }
-    
+
         &::-webkit-scrollbar-thumb {
             border: 1px solid rgba(0, 0, 0, 0);
             background-clip: padding-box;
             border-radius: 9999px;
             background-color: #D9D9D9;
         }
-    
+
         &::-webkit-scrollbar-track {
             background: #F3F3F3;
             border: 1px solid white;
             border-radius: 9999px;
         }
     }
-    
+
     .dx-area-field-container {
         .dx-pivotgrid-fields-area-head {
             td {
@@ -995,13 +1026,6 @@ $dark-grey: #717585;
     width: 100%;
     margin: 0 auto;
 
-    * {
-        -webkit-text-transform: capitalize !important;
-        -moz-text-transform: capitalize !important;
-        -ms-text-transform: capitalize !important;
-        -o-text-transform: capitalize !important;
-        text-transform: capitalize !important;
-    }
 
     &::-webkit-scrollbar {
         width: 10px;
@@ -1025,7 +1049,7 @@ $dark-grey: #717585;
         width: 100%;
     }
 
-    .p-datatable > .p-datatable-wrapper {
+    .p-datatable>.p-datatable-wrapper {
         overflow-x: inherit;
     }
 
@@ -1088,7 +1112,7 @@ $dark-grey: #717585;
         border: 0px !important
     }
 
-    tbody tr td{
+    tbody tr td {
         font-size: 14px;
     }
 
@@ -1111,7 +1135,17 @@ $dark-grey: #717585;
     }
 }
 
-.header-content > .p-column-title > .pi::before {
+.dl-table-chart-header-container {
+
+    -webkit-text-transform: capitalize !important;
+    -moz-text-transform: capitalize !important;
+    -ms-text-transform: capitalize !important;
+    -o-text-transform: capitalize !important;
+    text-transform: capitalize !important;
+
+}
+
+.header-content>.p-column-title>.pi::before {
     font-size: inherit !important;
 }
 
@@ -1147,7 +1181,7 @@ $dark-grey: #717585;
     margin-left: 1px;
 }
 
-.red-warning-icon{
+.red-warning-icon {
     width: 100%;
     height: 100%;
     min-height: 25px;
@@ -1158,7 +1192,8 @@ $dark-grey: #717585;
 }
 
 
-.widget-title-tooltip-text, .header-message-error-tooltip-text {
+.widget-title-tooltip-text,
+.header-message-error-tooltip-text {
     text-transform: capitalize;
     font-family: 'Manrope';
     font-weight: 500;
@@ -1174,8 +1209,8 @@ $dark-grey: #717585;
     white-space: normal;
 }
 
-.title-tooltip-container-content > div,
-.header-message-error-tooltip-container-content > div {
+.title-tooltip-container-content>div,
+.header-message-error-tooltip-container-content>div {
     width: 8px !important;
     height: 4px !important;
 }
@@ -1207,7 +1242,7 @@ $dark-grey: #717585;
     font-weight: 500;
 }
 
-.date-time-value-container{
+.date-time-value-container {
     display: flex;
     flex-direction: row;
     gap: 10px;

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

@@ -2,4 +2,4 @@ import { ChartObject } from "fusioncharts";
 import { SeriesMeasure } from "../../../../types/SeriesMeasure";
 import { ReactWidgetPM } from "../../../../types/widget";
 export declare function BuildFusionChartObject(seriesMeasures: SeriesMeasure[], widget: ReactWidgetPM): ChartObject;
-export declare const getGaugeObject: (data: any, widget: ReactWidgetPM) => ChartObject;
+export declare const getGaugeObject: (data: any, widget: ReactWidgetPM, isPreviewModeActive?: boolean | undefined) => ChartObject;

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

@@ -93,7 +93,12 @@ export interface ChartInfo {
     manageResize: string | null;
     valueBelowPivot: string | null;
     showValue: string | null;
+    valueFontSize: string | null;
+    valueFontColor: string | null;
     autoScale: string | null;
+    formatNumber: string | null;
+    forceDecimals: string | null;
+    decimals: string | null;
 }
 export declare function getSeriesPositionColor(position: number): string | null;
 export declare function getSeriesHoverPositionColor(position: number): string | null;