@hestia-earth/ui-components 0.9.6 → 0.9.7

package/files/files-form/files-form.component.d.ts

@@ -2,7 +2,7 @@
 import { OnInit, ElementRef } from '@angular/core';
 import { Observable } from 'rxjs';
 import { JSON as HestiaJson, SchemaType, NodeType, Bibliography, Source } from '@hestia-earth/schema';
-import { IErrorProperty, INodeProperty, suggestionType } from '../files-form.model';
+import { IErrorProperty, INodeProperty } from '../files-form.model';
 import { HeUsersService } from '../../users/users.service';
 import { HeSearchService } from '../../search/search.service';
 import * as i0 from "@angular/core";
@@ -55,14 +55,14 @@ export declare class FilesFormComponent implements OnInit {
     nodeProperty?: INodeProperty;
     properties: INodeProperty[];
     formatter: (value: any) => any;
-    suggestNewProperty: (fullKey: string) => (text$: Observable<string>) => Observable<{
+    suggestNewProperty: ({ fullKey }: INodeProperty) => (text$: Observable<string>) => Observable<{
         name: string;
         prop: any;
     }[]>;
     private suggestExistingNode;
     private suggestNode;
     private suggester;
-    propertySuggest: (fullKey: string, suggestType: suggestionType) => (text$: Observable<string>) => Observable<any[]>;
+    propertySuggest: ({ fullKey, suggestions }: INodeProperty) => (text$: Observable<string>) => Observable<any[]>;
     constructor(ref: ElementRef, searchService: HeSearchService, usersService: HeUsersService);
     ngOnInit(): void;
     trackByIndex(index: number, _value: any): number;

package/node/node.service.d.ts

@@ -38,14 +38,6 @@ export interface INodeErrorLog {
     error: string;
     stack?: string;
 }
-export interface DeepRelation {
-    '@id': string;
-    '@type': string;
-    name: string;
-    aggregated: boolean;
-    childIds: string[];
-    parentIds: string[];
-}
 export declare class HeNodeService {
     protected http: HttpClient;
     protected authService: HeAuthService;
@@ -58,10 +50,6 @@ export declare class HeNodeService {
     getErrorLog({ dataState, aggregated, ...node }: IJSONNode): Promise<INodeErrorLog>;
     triggerPipeline({ dataState, ...node }: IJSONNode): Promise<Object>;
     downloadRaw<T = any>(url: string, responseType?: any): Promise<T>;
-    getDeepRelations({ dataState, ...node }: IJSONNode, params: {
-        connections: string[];
-        includeAggregated: boolean;
-    }): Promise<DeepRelation[]>;
     nodeTypeUrl(type: any): string;
     nodeUrl(node: IJSONNode): string;
     nodeLogsUrl(node: IJSONNode): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hestia-earth/ui-components",
-  "version": "0.9.6",
+  "version": "0.9.7",
   "description": "Hestia reusable components",
   "repository": {
     "type": "git",

package/styles.scss

@@ -54,31 +54,37 @@ ngb-highlight {
 }
 
 ngb-tooltip-window {
-  background-color: $black;
-  border-radius: $tag-radius;
+  background-color: $blue;
+  border-radius: $radius-large;
   color: $white;
-  font-size: .75rem;
-  padding: .25rem;
+  font-size: $size-6;
+  line-height: 18px;
+  padding: 10px 18px;
   z-index: 1050;
 }
 
+$popover-border-width: 1px;
+$popover-border-color: $blue;
+$popover-header-bg: $white;
+$popover-body-color: $blue;
+$popover-arrow-width: 1rem;
+$popover-arrow-height: 0.5rem;
+$popover-arrow-border: $popover-border-color;
+
 ngb-popover-window {
-  font-size: .75rem;
+  font-size: $size-6;
+  line-height: 18px;
   max-width: 50vw;
   z-index: 1060;
 
-  .arrow {
-    margin: 0 !important;
-  }
-
   .popover-header {
-    background-color: $light;
+    background-color: $popover-header-bg;
     border-bottom: 1px solid #ebebeb;
-    border-top-left-radius: $tag-radius;
-    border-top-right-radius: $tag-radius;
-    font-size: 1rem;
+    border-top-left-radius: $radius-large;
+    border-top-right-radius: $radius-large;
+    font-size: $size-5;
     margin-bottom: 0;
-    padding: .5rem .75rem;
+    padding: 0.5rem 0.75rem;
 
     + .popover-body {
       border-top-left-radius: 0;
@@ -87,10 +93,93 @@ ngb-popover-window {
   }
 
   .popover-body {
-    background-color: $black;
-    border-radius: $tag-radius;
+    background-color: $popover-body-color;
+    border-radius: $radius-large;
     color: $white;
-    padding: .5rem .75rem;
+    padding: 18px;
+  }
+
+  .popover-arrow {
+    display: block;
+    width: $popover-arrow-width;
+    height: $popover-arrow-height;
+
+    &:before,
+    &:after {
+      position: absolute;
+      display: block;
+      content: "";
+      border-color: transparent;
+      border-style: solid;
+      border-width: 0;
+    }
+  }
+
+  &.bs-popover-top,
+  &.bs-popover-auto[data-popper-placement^="top"] {
+    > .popover-arrow {
+      bottom: calc($popover-arrow-height * -1 - $popover-border-width);
+
+      &:after {
+        border-width: $popover-arrow-height calc($popover-arrow-width * 0.5) 0;
+        bottom: $popover-border-width;
+        border-top-color: $popover-body-color;
+      }
+    }
+  }
+
+  &.bs-popover-end,
+  &.bs-popover-auto[data-popper-placement^="right"] {
+    > .popover-arrow {
+      left: calc($popover-arrow-height * -1 - $popover-border-width);
+      width: $popover-arrow-height;
+      height: $popover-arrow-width;
+
+      &:after {
+        border-width: calc($popover-arrow-width * 0.5) $popover-arrow-height calc($popover-arrow-width * 0.5) 0;
+        left: $popover-border-width;
+        border-right-color: $popover-body-color;
+      }
+    }
+  }
+
+  &.bs-popover-bottom,
+  &.bs-popover-auto[data-popper-placement^="bottom"] {
+    > .popover-arrow {
+      top: calc($popover-arrow-height * -1 - $popover-border-width);
+
+      &:after {
+        border-width: 0 calc($popover-arrow-width * 0.5) $popover-arrow-height;
+        top: $popover-border-width;
+        border-bottom-color: $popover-body-color;
+      }
+    }
+
+    .popover-header:before {
+      position: absolute;
+      top: 0;
+      left: 50%;
+      display: block;
+      width: $popover-arrow-width;
+      margin-left: calc($popover-arrow-width * -0.5);
+      content: "";
+      border-bottom: $popover-border-width solid $popover-header-bg;
+    }
+  }
+
+  &.bs-popover-start,
+  &.bs-popover-auto[data-popper-placement^="left"] {
+    > .popover-arrow {
+      right: calc($popover-arrow-height * -1 - $popover-border-width);
+      width: $popover-arrow-height;
+      height: $popover-arrow-width;
+
+      &:after {
+        border-width: calc($popover-arrow-width * 0.5) 0 calc($popover-arrow-width * 0.5) $popover-arrow-height;
+        right: $popover-border-width;
+        border-left-color: $popover-body-color;
+      }
+    }
   }
 }