logitude-dashboard-library 3.2.1 → 3.2.3

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

@@ -388,6 +388,12 @@ $dark-grey: #717585;
     align-items: flex-start;
 }
 
+.table-rows-number-indicator {
+    margin: 4px 0px 2px 0px;
+    color: #939393;
+    font-size: 11px;
+    padding-left: 12px;
+}
 .filter-label {
     font-size: 12px;
     color: $dark-grey;
@@ -717,21 +723,41 @@ $dark-grey: #717585;
 .dl-table-chart-container {
     overflow: auto;
     position: absolute;
-    top: 0;
+    top: 22px;
     right: 0;
     left: 0;
     bottom: 0;
-    height: calc(100% - 15px);
+    height: calc(100% - 35px);
     width: calc(100% - 25px);
     margin: 0 auto;
 
-    table {
-        border-collapse: collapse;
+    &::-webkit-scrollbar {
+        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;
+    }
+
+    .p-datatable {
         width: 100%;
-        height: auto;
-        max-height: 100%;
     }
 
+    .p-datatable > .p-datatable-wrapper {
+        overflow-x: inherit;
+    }
+
+
     td,
     th {
         border: 1px solid #ddd;
@@ -743,12 +769,18 @@ $dark-grey: #717585;
         font-weight: bold;
         font-size: 14px;
         white-space: nowrap;
+
+        .p-column-title {
+            font-weight: bold !important;
+            font-size: 14px !important;
+        }
     }
 
     td {
         border: 1px solid #ddd;
-        padding: 8px;
+        padding: 0.5rem 1rem !important;
         max-width: 1px;
+        height: 36px;
         min-width: 140px;
         line-height: normal;
         word-break: break-all;
@@ -840,4 +872,8 @@ $dark-grey: #717585;
 .title-tooltip-container-content > div {
     width: 8px !important;
     height: 4px !important;
+}
+
+.fc__tooltip {
+    max-width: 350px !important;
 }

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

@@ -83,6 +83,9 @@ export interface ChartInfo {
     minPlotHeightForValue: string;
     minAngleForValue: string;
     drawCrossLine: string;
+    palettecolors: string;
+    plotHoverEffect: string;
 }
 export declare function getSeriesPositionColor(position: number): string | null;
 export declare function getSeriesHoverPositionColor(position: number): string | null;
+export declare const getPlotColorByIndexOrder: (index: number) => string;

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

@@ -16,3 +16,19 @@ export declare const grey1Color = "#F6F6F6";
 export declare const grey2Color = "#F0F0F0";
 export declare const grey3Color = "#D9D9D9";
 export declare const grey4Color = "#A4A4A4";
+export declare const plotColorsDictionary: {
+    plotColor0: string;
+    plotColor1: string;
+    plotColor2: string;
+    plotColor3: string;
+    plotColor4: string;
+    plotColor5: string;
+    plotColor6: string;
+    plotColor7: string;
+    plotColor8: string;
+    plotColor9: string;
+    plotColor10: string;
+    plotColor11: string;
+    plotColor12: string;
+    plotColor13: string;
+};