From d4116e368d61e515e893a5f76f6c72a23f0f3bd6 Mon Sep 17 00:00:00 2001
From: Artem Dzhereleiko <Dgerik2015@gmail.com>
Date: Wed, 30 Jul 2025 16:39:57 +0300
Subject: [PATCH] UI: Refactorign chip

---
 ...lated-field-arguments-table.component.html |  2 +-
 ...lated-field-arguments-table.component.scss |  6 -----
 .../string-items-list.component.html          |  1 +
 .../string-items-list.component.scss          | 22 -------------------
 .../components/string-items-list.component.ts |  2 +-
 ui-ngx/src/styles.scss                        |  2 +-
 6 files changed, 4 insertions(+), 31 deletions(-)
 delete mode 100644 ui-ngx/src/app/shared/components/string-items-list.component.scss

diff --git a/ui-ngx/src/app/modules/home/components/calculated-fields/components/arguments-table/calculated-field-arguments-table.component.html b/ui-ngx/src/app/modules/home/components/calculated-fields/components/arguments-table/calculated-field-arguments-table.component.html
index b4b5a939e1..4086b3e7b0 100644
--- a/ui-ngx/src/app/modules/home/components/calculated-fields/components/arguments-table/calculated-field-arguments-table.component.html
+++ b/ui-ngx/src/app/modules/home/components/calculated-fields/components/arguments-table/calculated-field-arguments-table.component.html
@@ -80,7 +80,7 @@
           {{ 'entity.key' | translate }}
         </mat-header-cell>
         <mat-cell *matCellDef="let argument" class="w-1/4 xs:w-1/3">
-          <mat-chip>
+          <mat-chip class="tb-chip-row-ellipsis">
             <div tbTruncateWithTooltip class="key-text">{{ argument.refEntityKey.key }}</div>
           </mat-chip>
         </mat-cell>
diff --git a/ui-ngx/src/app/modules/home/components/calculated-fields/components/arguments-table/calculated-field-arguments-table.component.scss b/ui-ngx/src/app/modules/home/components/calculated-fields/components/arguments-table/calculated-field-arguments-table.component.scss
index ae8fd25170..430958d0f4 100644
--- a/ui-ngx/src/app/modules/home/components/calculated-fields/components/arguments-table/calculated-field-arguments-table.component.scss
+++ b/ui-ngx/src/app/modules/home/components/calculated-fields/components/arguments-table/calculated-field-arguments-table.component.scss
@@ -55,12 +55,6 @@
 }
 
 :host ::ng-deep {
-  .mat-mdc-standard-chip {
-    .mdc-evolution-chip__cell--primary, .mdc-evolution-chip__action--primary, .mdc-evolution-chip__text-label {
-      overflow: hidden;
-    }
-  }
-
   .arguments-table:not(.arguments-table-with-error) {
     .mdc-data-table__row:last-child .mat-mdc-cell {
       border-bottom: none;
diff --git a/ui-ngx/src/app/shared/components/string-items-list.component.html b/ui-ngx/src/app/shared/components/string-items-list.component.html
index d467fbe5f0..0469be2589 100644
--- a/ui-ngx/src/app/shared/components/string-items-list.component.html
+++ b/ui-ngx/src/app/shared/components/string-items-list.component.html
@@ -23,6 +23,7 @@
   <mat-label *ngIf="label">{{ label }}</mat-label>
   <mat-chip-grid #itemsChipList formControlName="items" [required]="required">
     <mat-chip-row *ngFor="let item of itemList"
+                  class="tb-chip-row-ellipsis"
                   [removable]="!disabled"
                   [contentEditable]="editable && !disabled"
                   (removed)="removeItems(item)">
diff --git a/ui-ngx/src/app/shared/components/string-items-list.component.scss b/ui-ngx/src/app/shared/components/string-items-list.component.scss
deleted file mode 100644
index 726344037c..0000000000
--- a/ui-ngx/src/app/shared/components/string-items-list.component.scss
+++ /dev/null
@@ -1,22 +0,0 @@
-/**
- * Copyright © 2016-2025 The Thingsboard Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-.tb-string-items-list {
-  .mat-mdc-standard-chip {
-    .mdc-evolution-chip__cell--primary, .mat-mdc-chip-action-label {
-      overflow: hidden;
-    }
-  }
-}
diff --git a/ui-ngx/src/app/shared/components/string-items-list.component.ts b/ui-ngx/src/app/shared/components/string-items-list.component.ts
index 5fe6f44609..1c210fdf1f 100644
--- a/ui-ngx/src/app/shared/components/string-items-list.component.ts
+++ b/ui-ngx/src/app/shared/components/string-items-list.component.ts
@@ -39,7 +39,7 @@ export interface StringItemsOption {
 @Component({
   selector: 'tb-string-items-list',
   templateUrl: './string-items-list.component.html',
-  styleUrls: ['./string-items-list.component.scss'],
+  styleUrls: [],
   providers: [
     {
       provide: NG_VALUE_ACCESSOR,
diff --git a/ui-ngx/src/styles.scss b/ui-ngx/src/styles.scss
index 147f3087da..a8cf53534e 100644
--- a/ui-ngx/src/styles.scss
+++ b/ui-ngx/src/styles.scss
@@ -1257,7 +1257,7 @@ pre.tb-highlight {
 
   .tb-chip-row-ellipsis {
     overflow: hidden;
-    .mdc-evolution-chip__cell--primary, .mdc-evolution-chip__text-label {
+    .mdc-evolution-chip__cell--primary, .mdc-evolution-chip__action--primary, .mdc-evolution-chip__text-label {
       overflow: hidden;
     }
   }