feat(FinancialReports): add loading progress bar.

fix(preformance): Optimize preformance of virtualized list.
fix(preformance): Optimize financial reports preformance.

client/src/style/App.scss

@@ -100,3 +100,80 @@ body.hide-scrollbar .Pane2{
   background-color: rgba(0,10,30, .7);
 }
 
+
+.ReactVirtualized__Collection {
+}
+
+.ReactVirtualized__Collection__innerScrollContainer {
+}
+
+/* Grid default theme */
+
+.ReactVirtualized__Grid {
+}
+
+.ReactVirtualized__Grid__innerScrollContainer {
+}
+
+/* Table default theme */
+
+.ReactVirtualized__Table {
+}
+
+.ReactVirtualized__Table__Grid {
+}
+
+.ReactVirtualized__Table__headerRow {
+  font-weight: 700;
+  text-transform: uppercase;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+.ReactVirtualized__Table__row {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+.ReactVirtualized__Table__headerTruncatedText {
+  display: inline-block;
+  max-width: 100%;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+.ReactVirtualized__Table__headerColumn,
+.ReactVirtualized__Table__rowColumn {
+  margin-right: 10px;
+  min-width: 0px;
+}
+.ReactVirtualized__Table__rowColumn {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.ReactVirtualized__Table__headerColumn:first-of-type,
+.ReactVirtualized__Table__rowColumn:first-of-type {
+  margin-left: 10px;
+}
+.ReactVirtualized__Table__sortableHeaderColumn {
+  cursor: pointer;
+}
+
+.ReactVirtualized__Table__sortableHeaderIconContainer {
+  display: flex;
+  align-items: center;
+}
+.ReactVirtualized__Table__sortableHeaderIcon {
+  flex: 0 0 24px;
+  height: 1em;
+  width: 1em;
+  fill: currentColor;
+}
+
+/* List default theme */
+
+.ReactVirtualized__List {
+}

client/src/style/components/DataTable/DataTable.scss

@@ -68,6 +68,11 @@
       .bp3-context-menu-popover-target{
         z-index: 100;
       }
+
+      .tr-context{
+        display: flex;
+        flex: 1 0 auto;
+      }
     }
 
     .th,
@@ -256,6 +261,11 @@
         }
       }
     }
+
+    .tr-inner{
+      display: flex;
+      width: 100%;
+    }
   }
 
   .no-results {
@@ -314,4 +324,9 @@
       overflow-x: hidden;
     }
   }
+
+
+  .ReactVirtualized__Grid{
+    will-change: auto !important;
+  }
 }

client/src/style/pages/FinancialStatements/FinancialReportPage.scss

@@ -9,7 +9,7 @@
     border-radius: 2px;
     background-color: #fdecda;
     color: #342515;
-    font-size: 12px;
+    font-size: 13px;
 
     button{
       font-size: 12px;
@@ -29,4 +29,10 @@
       fill: #975f19;
     }
   }
-}
+
+  .financial-progressbar{
+    .progress-materializecss{
+      top: -2px;
+    }
+  }
+}

client/src/style/pages/FinancialStatements/Journal.scss

@@ -36,6 +36,10 @@
           font-weight: 600;
         }
 
+        .tr{
+          height: 28px;
+        }
+
       }
     }
   }