Merge pull request #5 from razorpay/latest_fork

Latest fork

Author: jyothishjose6190

package-lock.json

@@ -40,10 +40,10 @@
     "@fullstory/browser": "^1.4.9",
     "@hypertrace/hyperdash": "^1.2.1",
     "@hypertrace/hyperdash-angular": "^2.6.0",
-    "@types/d3-hierarchy": "^2.0.0",
+    "@types/d3-hierarchy": "^2.0.2",
     "@types/d3-transition": "1.1.5",
     "apollo-angular": "^2.6.0",
-    "core-js": "^3.18.0",
+    "core-js": "^3.18.1",
     "d3-array": "^2.12.0",
     "d3-axis": "^2.1.0",
     "d3-brush": "^1.1.6",
@@ -78,7 +78,7 @@
     "@commitlint/cli": "^13.1.0",
     "@commitlint/config-conventional": "^13.1.0",
     "@compodoc/compodoc": "^1.1.14",
-    "@ngneat/spectator": "^8.0.4",
+    "@ngneat/spectator": "^8.1.0",
     "@types/d3-array": "^2.9.0",
     "@types/d3-axis": "^2.0.0",
     "@types/d3-brush": "^2.1.0",
@@ -91,7 +91,7 @@
     "@types/d3-shape": "^2.1.0",
     "@types/d3-zoom": "^1.7.5",
     "@types/jest": "^26.0.24",
-    "@types/lodash-es": "^4.17.4",
+    "@types/lodash-es": "^4.17.5",
     "@types/mixpanel-browser": "^2.35.7",
     "@types/node": "^16.7.10",
     "@types/uuid": "^8.3.1",
@@ -103,7 +103,7 @@
     "jest": "^26.6.3",
     "jest-config": "^27.2.0",
     "jest-html-reporter": "^3.4.1",
-    "jest-junit": "^12.2.0",
+    "jest-junit": "^13.0.0",
     "jest-preset-angular": "^8.4.0",
     "lodash": "^4.17.21",
     "ng-mocks": "^12.5.0",

package.json

@@ -42,6 +42,7 @@ const iconsRootPath = 'assets/icons';
         { key: IconType.Dashboard, url: `${iconsRootPath}/dashboard.svg` },
         { key: IconType.Device, url: `${iconsRootPath}/device.svg` },
         { key: IconType.Download, url: `${iconsRootPath}/download.svg` },
+        { key: IconType.DrilldownFilter, url: `${iconsRootPath}/drilldown-filter.svg` },
         { key: IconType.Edge, url: `${iconsRootPath}/edge.svg` },
         { key: IconType.ExpandAll, url: `${iconsRootPath}/expand-all.svg` },
         { key: IconType.Expanded, url: `${iconsRootPath}/minus-circle.svg` },

projects/assets-library/assets/icons/drilldown-filter.svg

@@ -40,6 +40,7 @@ export const enum IconType {
   Device = 'svg:device',
   Done = 'done',
   Download = 'download',
+  DrilldownFilter = 'svg:drilldown-filter',
   Edge = 'edge',
   Error = 'error_outline',
   Empty = 'panorama_fish_eye',

projects/assets-library/src/icons/icon-library.module.ts

@@ -12,6 +12,10 @@
 .border {
   border: 1px solid $gray-2;
   border-radius: 6px;
+
+  &:hover {
+    border-color: $gray-4;
+  }
 }
 
 .underline {

projects/assets-library/src/icons/icon-type.ts

@@ -61,17 +61,17 @@ import { ApiTraceDetails, ApiTraceDetailService } from './api-trace-detail.servi
             (click)="this.navigateToFullTrace(traceDetails.traceId, traceDetails.startTime)"
           ></ht-button>
         </div>
+      </div>
 
-        <ht-navigable-tab-group class="tabs">
-          <ht-navigable-tab path="sequence"> Sequence </ht-navigable-tab>
-          <ng-container *ngIf="this.logEvents$ | async as logEvents">
-            <ht-navigable-tab path="logs" [labelTag]="logEvents.length"> Logs </ht-navigable-tab>
-          </ng-container>
-        </ht-navigable-tab-group>
+      <ht-navigable-tab-group class="tabs">
+        <ht-navigable-tab path="sequence"> Sequence </ht-navigable-tab>
+        <ng-container *ngIf="this.logEvents$ | async as logEvents">
+          <ht-navigable-tab path="logs" [labelTag]="logEvents.length"> Logs </ht-navigable-tab>
+        </ng-container>
+      </ht-navigable-tab-group>
 
-        <div class="scrollable-container">
-          <router-outlet></router-outlet>
-        </div>
+      <div class="scrollable-container">
+        <router-outlet></router-outlet>
       </div>
     </div>
   `

projects/components/src/number-input/number-input.component.scss

@@ -60,17 +60,17 @@ import { TraceDetails, TraceDetailService } from './trace-detail.service';
             htTooltip="Download Trace as Json"
           ></ht-download-json>
         </div>
+      </div>
 
-        <ht-navigable-tab-group class="tabs">
-          <ht-navigable-tab path="sequence"> Sequence </ht-navigable-tab>
-          <ng-container *ngIf="this.logEvents$ | async as logEvents">
-            <ht-navigable-tab path="logs" [labelTag]="logEvents.length"> Logs </ht-navigable-tab>
-          </ng-container>
-        </ht-navigable-tab-group>
+      <ht-navigable-tab-group class="tabs">
+        <ht-navigable-tab path="sequence"> Sequence </ht-navigable-tab>
+        <ng-container *ngIf="this.logEvents$ | async as logEvents">
+          <ht-navigable-tab path="logs" [labelTag]="logEvents.length"> Logs </ht-navigable-tab>
+        </ng-container>
+      </ht-navigable-tab-group>
 
-        <div class="scrollable-container">
-          <router-outlet></router-outlet>
-        </div>
+      <div class="scrollable-container">
+        <router-outlet></router-outlet>
       </div>
     </div>
   `