@contrail/documents 1.5.1 → 1.5.3

package/CHANGELOG.md

@@ -7,6 +7,12 @@ Versioning follows [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 ## [Unreleased]
 
+## [1.5.3] - 2026-04-22
+
+### Added
+
+- Thumbnail-only mode for color cards.
+
 ## [1.4.2] - 2026-03-31
 
 - Publish new patch to include 1.3.29 changes and 1.4.0 minor update.

package/lib/components/color-component.service.d.ts

@@ -4,7 +4,7 @@ export declare class ColorComponentService {
     static isColorHexComponent(element: DocumentElement): boolean;
     static isColorImageComponent(element: DocumentElement): boolean;
     static isThumbnailOnlyComponent(element: DocumentElement): boolean;
-    static setThumbnailOnlyProperties(elements: any): void;
+    static setThumbnailOnlyProperties(elements: any): any;
     static getColorRectangle(elements: DocumentElement[]): DocumentElement;
     static getColorContainer(elements: DocumentElement[]): DocumentElement;
     static updateSizeAndPosition(elements: any, size?: SizeDefinition): any;

package/lib/components/color-component.service.js

@@ -23,22 +23,38 @@ class ColorComponentService {
         return !hasTextProperties;
     }
     static setThumbnailOnlyProperties(elements) {
-        const isThumbnailOnlyComponent = this.isThumbnailOnlyComponent({ elements });
-        const container = elements === null || elements === void 0 ? void 0 : elements.find((e) => e.type === 'rectangle' && (!e.propertyBindings || Object.keys(e.propertyBindings).length === 0));
-        if (isThumbnailOnlyComponent && elements) {
-            const colorRect = elements.find((e) => (e.type === 'rectangle' || e.type === 'image') &&
+        if (!elements)
+            return elements;
+        const isThumbnailOnly = this.isThumbnailOnlyComponent({ elements });
+        const containerIndex = elements.findIndex((e) => e.type === 'rectangle' && (!e.propertyBindings || Object.keys(e.propertyBindings).length === 0));
+        if (containerIndex === -1)
+            return elements;
+        if (isThumbnailOnly) {
+            const colorRectIndex = elements.findIndex((e) => (e.type === 'rectangle' || e.type === 'image') &&
                 e.propertyBindings &&
                 Object.keys(e.propertyBindings).length > 0);
-            if (colorRect && container) {
-                colorRect.position = { x: 0, y: 0 };
-                container.size = Object.assign({}, colorRect.size);
-                container.position = { x: 0, y: 0 };
-                container.style = Object.assign(Object.assign({}, container.style), { backgroundColor: 'transparent' });
+            if (colorRectIndex !== -1) {
+                return elements.map((element, index) => {
+                    if (index === colorRectIndex) {
+                        return Object.assign(Object.assign({}, element), { position: { x: 0, y: 0 } });
+                    }
+                    else if (index === containerIndex) {
+                        const colorRect = elements[colorRectIndex];
+                        return Object.assign(Object.assign({}, element), { size: Object.assign({}, colorRect.size), position: { x: 0, y: 0 }, style: Object.assign(Object.assign({}, element.style), { backgroundColor: 'transparent' }) });
+                    }
+                    return element;
+                });
             }
         }
-        else if (!isThumbnailOnlyComponent && container) {
-            container.style = Object.assign(Object.assign({}, container.style), { backgroundColor: '#FFFFFF' });
+        else {
+            return elements.map((element, index) => {
+                if (index === containerIndex) {
+                    return Object.assign(Object.assign({}, element), { style: Object.assign(Object.assign({}, element.style), { backgroundColor: '#FFFFFF' }) });
+                }
+                return element;
+            });
         }
+        return elements;
     }
     static getColorRectangle(elements) {
         return elements === null || elements === void 0 ? void 0 : elements.find((e) => ['rectangle', 'image'].indexOf(e.type) !== -1 && e.propertyBindings);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contrail/documents",
-  "version": "1.5.1",
+  "version": "1.5.3",
   "description": "Documents library for contrail platform",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -21,7 +21,8 @@
     "ts-jest": "^29.1.1",
     "tslint": "^5.11.0",
     "tslint-config-prettier": "^1.18.0",
-    "typescript": "^5.8.3"
+    "typescript": "^5.8.3",
+    "@contrail/telemetry": "^2.0.0"
   },
   "jest": {
     "moduleFileExtensions": [
@@ -41,8 +42,10 @@
     "@contrail/actions": "^1.0.18",
     "@contrail/document-table": "^1.1.0",
     "@contrail/document-util": "^1.2.0",
-    "@contrail/telemetry": "^2.0.0",
     "@contrail/types": "^3.4.0",
     "reflect-metadata": "^0.1.13"
+  },
+  "peerDependencies": {
+    "@contrail/telemetry": "^2.0.0"
   }
 }