logitude-dashboard-library 1.4.64 → 1.4.66

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

@@ -256,84 +256,105 @@ $dark-grey: #717585;
     align-items: flex-start;
 
     header {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
         position: unset;
         width: 100% !important;
         max-width: 100% !important;
         margin: 0;
         padding: 0;
 
+        &::after {
+            content: "";
+            border-bottom: 1px solid #E7E7E7;
+            width: calc(100% - 24px);
+            display: block;
+            margin: 0 auto;
+        }
+
         i {
             font-size: 18px;
             cursor: pointer;
         }
     }
 
-    .widget-titles-container {
+    .header-contents {
         display: flex;
-        flex-wrap: wrap;
-        width: calc(100% - 70px);
-        padding: 0px 12px 12px 12px;
-
-        .title-container {
+        
+        .widget-titles-container {
             display: flex;
-            align-items: center;
-            justify-content: left;
-            flex: 1;
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            min-width: 1px;
+            flex-wrap: wrap;
+            width: calc(100% - 70px);
+            padding: 0px 12px 6px 12px;
+            min-height: 28px;
     
-            .title {
-                text-transform: capitalize;
+            .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: 6px;
+                    line-height: 100%;
+                    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;
-                padding-top: 12px;
-                margin-top: 0;
-                margin-bottom: 0;
+                margin-top: 2px;
+                line-height: 100%;
                 font-size: 12px;
                 font-weight: 600;
                 white-space: nowrap;
                 overflow: hidden;
                 text-overflow: ellipsis;
-                width: auto;
+                width: 100%;
             }
         }
     
-        .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: 68px;
+            column-gap: 6px;
+    
+            svg {
+                width: 20px;
+                height: 20px;
+                transform: scale(1.2);
+    
+                &:hover {
+                    cursor: pointer;
+                }
+            }
         }
     }
 
-    .widget-options-container {
-        display: flex;
-        align-items: center;
-        width: 68px;
-        column-gap: 6px;
-
-        svg {
-            width: 20px;
-            height: 20px;
-            transform: scale(1.2);
+}
 
-            &:hover {
-                cursor: pointer;
-            }
-        }
-    }
+.kpi-custom-size {
+    -webkit-transform: scale(0.7);
+    -ms-transform: scale(0.7);
+    -o-transform: scale(0.7);
+    transform: scale(0.7);
+    margin-top: -4px;
 }
 
 .margin-top-6 {
@@ -467,6 +488,9 @@ $dark-grey: #717585;
 
 
 .dl-kpi-container-click {
+    display: flex;
+    align-items: center;
+    justify-content: center;
     width: 100%;
     height: 100%;
     cursor: pointer;
@@ -484,12 +508,12 @@ $dark-grey: #717585;
     margin-left: 12px;
     margin-right: 12px;
     max-width: calc(100% - 24px);
-    height: 68px;
+    height: 100%;
     flex-direction: column;
     box-sizing: border-box;
     display: flex;
-    place-content: flex-start center;
     align-items: center;
+    justify-content: center;
 }
 
 .dl-kpi-center-container {
@@ -511,10 +535,7 @@ $dark-grey: #717585;
 }
 
 .dl-kpi-label-container{
-    width: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
+    line-height: 100%;
 }
 
 .dl-kpi-label-span{
@@ -729,4 +750,8 @@ $dark-grey: #717585;
     width: 100%;
     height: 100%;
     min-height: 25px;
+}
+
+.db-justify-content-flex-start {
+    justify-content: flex-start;
 }

package/dist/copy-icon~GuWdHUAd.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.24985 3.5V1.25C3.24985 0.83579 3.58564 0.5 3.99985 0.5H12.9998C13.4141 0.5 13.7498 0.83579 13.7498 1.25V11.75C13.7498 12.1642 13.4141 12.5 12.9998 12.5H10.7498V14.7493C10.7498 15.1639 10.4124 15.5 9.99475 15.5H1.00499C0.587942 15.5 0.25 15.1665 0.25 14.7493L0.25195 4.25065C0.252025 3.83608 0.58948 3.5 1.00706 3.5H3.24985ZM1.75181 5L1.75014 14H9.24985V5H1.75181ZM4.74985 3.5H10.7498V11H12.2498V2H4.74985V3.5Z" fill="#5FAFDA"/>
+</svg>

package/dist/copy-icon~HOWuQVmq.svg

@@ -0,0 +1,3 @@
+<svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.24985 3.5V1.25C3.24985 0.83579 3.58564 0.5 3.99985 0.5H12.9998C13.4141 0.5 13.7498 0.83579 13.7498 1.25V11.75C13.7498 12.1642 13.4141 12.5 12.9998 12.5H10.7498V14.7493C10.7498 15.1639 10.4124 15.5 9.99475 15.5H1.00499C0.587942 15.5 0.25 15.1665 0.25 14.7493L0.25195 4.25065C0.252025 3.83608 0.58948 3.5 1.00706 3.5H3.24985ZM1.75181 5L1.75014 14H9.24985V5H1.75181ZM4.74985 3.5H10.7498V11H12.2498V2H4.74985V3.5Z" fill="#5FAFDA"/>
+</svg>

package/dist/copy-icon~RfJyMlEY.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.24985 3.5V1.25C3.24985 0.83579 3.58564 0.5 3.99985 0.5H12.9998C13.4141 0.5 13.7498 0.83579 13.7498 1.25V11.75C13.7498 12.1642 13.4141 12.5 12.9998 12.5H10.7498V14.7493C10.7498 15.1639 10.4124 15.5 9.99475 15.5H1.00499C0.587942 15.5 0.25 15.1665 0.25 14.7493L0.25195 4.25065C0.252025 3.83608 0.58948 3.5 1.00706 3.5H3.24985ZM1.75181 5L1.75014 14H9.24985V5H1.75181ZM4.74985 3.5H10.7498V11H12.2498V2H4.74985V3.5Z" fill="#5FAFDA"/>
+</svg>

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/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/CustomCharts/CustomChart.d.ts

@@ -6,6 +6,7 @@ export declare type CustomChartProps = {
     widget: ReactWidgetPM | undefined;
     widgetRef: ReactWidgetPM | undefined;
     dataBinding: DashboardDataBinding;
+    isPreviewModeActive?: boolean;
     onSelectDataPoint: (dataPointSelection: DataPointSelection) => void;
 };
 declare const CustomChart: (props: CustomChartProps) => React.JSX.Element;

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

@@ -12,6 +12,7 @@ declare type WidgetCardProps = {
     dateFilter: any;
     dataBinding: DashboardDataBinding;
     isInEditMode: boolean;
+    isPreviewModeActive?: boolean;
     onSelectDataPoint: (dataPointSelection: DataPointSelection) => void;
 };
 declare const WidgetCard: React.ForwardRefExoticComponent<WidgetCardProps & React.RefAttributes<unknown>>;