logitude-dashboard-library 3.2.42 → 3.2.43

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

@@ -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;
@@ -726,6 +726,7 @@ $dark-grey: #717585;
     margin-right: 12px;
     position: relative;
 }
+
 .dl-kpi-no-data {
     font-family: 'Manrope' !important;
     font-size: 10px !important;
@@ -783,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;
@@ -895,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,
@@ -934,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;
@@ -952,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;
@@ -971,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 {
@@ -1024,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;
@@ -1054,7 +1049,7 @@ $dark-grey: #717585;
         width: 100%;
     }
 
-    .p-datatable > .p-datatable-wrapper {
+    .p-datatable>.p-datatable-wrapper {
         overflow-x: inherit;
     }
 
@@ -1117,7 +1112,7 @@ $dark-grey: #717585;
         border: 0px !important
     }
 
-    tbody tr td{
+    tbody tr td {
         font-size: 14px;
     }
 
@@ -1140,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;
 }
 
@@ -1176,7 +1181,7 @@ $dark-grey: #717585;
     margin-left: 1px;
 }
 
-.red-warning-icon{
+.red-warning-icon {
     width: 100%;
     height: 100%;
     min-height: 25px;
@@ -1187,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;
@@ -1203,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;
 }
@@ -1236,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/index.js

@@ -1783,7 +1783,7 @@ var TableChart = function TableChart(props) {
       return !isNullOrUndefined(columnValue) ? getNumberInSystemLocalFormat(Number(columnValue), decimalPlaces, decimalPlaces, true, isAbbreviationApplied) : "";
     }
 
-    return ConvertStringToPascalCaseHelper(columnValue);
+    return columnValue;
   };
 
   var cellTemplateBody = function cellTemplateBody(data, column) {
@@ -1842,7 +1842,7 @@ var TableChart = function TableChart(props) {
         onClick: function onClick() {
           return sortTableData(column.FieldCode, column.IsCalculatedColumn);
         },
-        className: "header-content"
+        className: "header-content dl-table-chart-header-container"
       }, React__default.createElement("span", {
         style: {
           color: getTableFormattingPropertyValue("TableHeaderFontColor"),
@@ -1859,7 +1859,7 @@ var TableChart = function TableChart(props) {
       onClick: function onClick() {
         return sortTableData(column.FieldCode, column.IsCalculatedColumn);
       },
-      className: "header-content"
+      className: "header-content dl-table-chart-header-container"
     }, React__default.createElement("span", {
       style: {
         color: getTableFormattingPropertyValue("TableHeaderFontColor"),