@progressio_resources/gravity-design-system 2.2.0 → 2.2.1

package/lib/components/gravity-table/gravity-table.component.d.ts

@@ -1,19 +1,18 @@
-import { AfterContentChecked, AfterViewInit, ElementRef, OnChanges, Renderer2, SimpleChanges } from '@angular/core';
+import { AfterViewInit, ElementRef, OnChanges, Renderer2, SimpleChanges } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class GravityTableComponent implements AfterViewInit, OnChanges, AfterContentChecked {
+export declare class GravityTableComponent implements AfterViewInit, OnChanges {
     private readonly renderer;
     tableDensity: 'standard' | 'compressed';
     tableSizeInput: 'xl' | 'lg' | 'md' | 'sm' | 'auto';
     readonly tableContainer: ElementRef;
-    private firstTime;
     private tableElement;
     tableId: string;
     tableSize: 'xl' | 'lg' | 'md' | 'sm';
     constructor(renderer: Renderer2);
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
-    ngAfterContentChecked(): void;
     private getTableHeaders;
+    initializeComponent(): void;
     private initializeTable;
     private adjustTableDensity;
     private adjustButtonsSize;

package/lib/components/gravity-tree-view/gravity-tree-view.component.d.ts

@@ -8,12 +8,14 @@ export declare class GravityTreeViewComponent implements OnDestroy, OnChanges {
     private readonly treeServiceSubscription;
     callbacks: TreeCallbacks;
     nodeItems: NodeItem<any>[];
+    showFilterInput: boolean;
     selectedItems: EventEmitter<any>;
     constructor(treeService: TreeService);
     ngOnDestroy(): void;
     ngOnChanges(changes: SimpleChanges): void;
-    private initialize;
+    initialize(): void;
     private initTreeStructure;
+    changeFilter(newValue: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GravityTreeViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GravityTreeViewComponent, "gravity-tree-view", never, { "callbacks": { "alias": "callbacks"; "required": false; }; "nodeItems": { "alias": "nodeItems"; "required": false; }; }, { "selectedItems": "selectedItems"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GravityTreeViewComponent, "gravity-tree-view", never, { "callbacks": { "alias": "callbacks"; "required": false; }; "nodeItems": { "alias": "nodeItems"; "required": false; }; "showFilterInput": { "alias": "showFilterInput"; "required": false; }; }, { "selectedItems": "selectedItems"; }, never, never, false, never>;
 }

package/lib/components/gravity-tree-view/service/tree-service.d.ts

@@ -7,10 +7,11 @@ import * as i0 from "@angular/core";
 export declare class TreeService implements OnDestroy {
     private readonly filterChangeSubjectSubscription;
     callbacks: TreeCallbacks;
+    filterValue: string;
     nodeItems: NodeItem<any>[];
+    selectedItems: any[];
     treeState: NodeState[];
     private filterChangeSubject;
-    private selectedItems;
     private selectedItemsSubject;
     private selectedStates;
     constructor();
@@ -33,25 +34,9 @@ export declare class TreeService implements OnDestroy {
     childStateChanged(state: NodeState): void;
     private anyChildSelected;
     static initState(parent: NodeState, nodeItem: NodeItem<any>): NodeState;
-    deleteById(id: string): void;
-    deleteByState(state: NodeState): void;
-    private delete;
-    private toggleExpandedTraverse;
-    private static deleteRoot;
-    private addNewNode;
-    private static remove;
     private allChildrenSelected;
-    private toggleExpandedTraverseAsc;
     private anyActiveSelected;
-    private static findById;
-    private getNodeState;
-    toggleExpanded(value: boolean): void;
-    addNodeById(nodeState: NodeState, id: string): void;
-    editItemById(id: string, item: any): void;
-    expandById(id: string): void;
-    collapseById(id: string): void;
-    getParentById(id: string): NodeItem<any>;
-    forceFilterTraverse(): void;
+    filterChanged(value: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TreeService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TreeService>;
 }

package/lib/vendor/gravity-tooltip/gravity-tooltip.directive.d.ts

@@ -84,7 +84,6 @@ export declare class GravityTooltipDirective implements OnChanges {
     onMouseEnter(): void;
     onMouseLeave(): void;
     onClick(): void;
-    ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     getShowDelay(): number;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progressio_resources/gravity-design-system",
   "description": "Gravity Design System",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "license": "SEE LICENSE IN LIBRARY-LICENSE",
   "peerDependencies": {
     "@angular/common": "^16.2.12",

package/src/lib/styles/components/_tables.scss

@@ -12,8 +12,8 @@
     thead tr {
       @extend .hr-title, .sm-bold;
 
-      background-color: var(--surface-primary);
-      color: var(--text-primary);
+      background-color: var(--on-bg-highlight-neutro-primary);
+      color: var(--on-bg-highlight-neutro-secondary);
 
       th:first-of-type {
         border-top-left-radius: $border-radius-sm;
@@ -32,20 +32,20 @@
 
         &:has(td.actions-column) {
           @for $dataColumnsCount from 3 through 9 {
-            /* N data columns (between 3 and 9) and 1 actions column */
+            /* 1 hidden mobile column, N data columns (between 3 and 9) and 1 actions column */
             /* We need to fill the table space with all N columns, and the actions column is fixed width */
-            &:has(> :nth-last-child(2):nth-child(#{$dataColumnsCount})) > :not(:last-child) {
-              width: calc(100% / #{$dataColumnsCount});
+            &:has(> td:nth-last-child(2):nth-child(#{$dataColumnsCount})) > td:not(:last-child) {
+              width: calc(100% / (#{$dataColumnsCount} - 1));
             }
           }
         }
 
         &:not(:has(td.actions-column)) {
           @for $dataColumnsCount from 3 through 9 {
-            /* N data columns (between 3 and 9) */
+            /* 1 hidden mobile column and N data columns (between 3 and 9) */
             /* We need to fill the table space with all N columns */
-            &:has(> :last-child:nth-child(#{$dataColumnsCount})) > * {
-              width: calc(100% / #{$dataColumnsCount});
+            &:has(> td:last-child:nth-child(#{$dataColumnsCount})) > td {
+              width: calc(100% / (#{$dataColumnsCount} - 1));
             }
           }
         }
@@ -143,7 +143,7 @@
     tr {
       background-color: var(--surface-secondary);
       border-radius: $border-radius-sm;
-      margin-bottom: 0.625rem;
+      margin-bottom: 1rem;
       padding: 0.75rem 1rem; //12px 16px
 
       &:has(.actions-column) td:not(:nth-last-of-type(2)):not(.mobile-menu-trigger), &:not(:has(.actions-column)) td:not(:last-of-type):not(.mobile-menu-trigger) {

package/src/lib/styles/overwrite/pretty-checkbox/_core.scss

@@ -29,7 +29,6 @@
 .#{$pretty--class-name} {
   position: relative;
   display: inline-block;
-  margin-right: 1em;
   white-space: nowrap;
   line-height: 1;
 

package/src/lib/styles/overwrite/pretty-checkbox/elements/switch/_general.scss

@@ -16,7 +16,7 @@
       border: 1px solid var(--bg-switch-off-primary);
       background-color: var(--bg-switch-off-primary);
       border-radius: 60px;
-      width: 3.125rem;
+      width: calc(3rem - 2px);
       box-sizing: unset;
       height: calc(100% - 2px);
       position: absolute;
@@ -36,7 +36,7 @@
         border-color: transparent;
         transform: scale(0.8);
         height: 1.375rem;
-        top: 9%;
+        top: 10%;
         width: 1.375rem;
       }
 

package/src/lib/styles/overwrite/pretty-checkbox/elements/switch/_mixin.scss

@@ -10,6 +10,6 @@
 
   label:after {
     background-color: var(--on-#{$varColorName}) !important;
-    left: 55%;
+    left: 50%;
   }
 }

package/src/lib/vendor/gravity-tooltip/gravity-tooltip.directive.ts

@@ -272,9 +272,6 @@ export class GravityTooltipDirective implements OnChanges {
     }, this.options['hideDelayAfterClick'])
   }
 
-  ngOnInit(): void {
-  }
-
   ngOnChanges(changes: SimpleChanges) {
     this.initOptions = this.renameProperties(this.initOptions);
     let changedOptions = this.getProperties(changes);