@contrail/document-generation 1.0.6 → 1.0.8

package/lib/components/component-generator.d.ts

@@ -0,0 +1,14 @@
+import { DocumentElement } from "@contrail/documents";
+import { ComponentPropertyDefinition, ComponentPropertyTemplate, ComponentTemplate } from "../interfaces";
+import { PropertyValueFormatter } from "@contrail/types";
+export declare class ComponentGenerator {
+    static generateComponent(data: any, options: DocumentElement, template: ComponentTemplate): any;
+    static generatedModelBindings(data: any): {
+        item: string;
+        projectItem: string;
+        viewable: string;
+    };
+    static generateComponentFromPropertyTemplate(data: any, options: DocumentElement, template: ComponentPropertyTemplate): DocumentElement;
+    static generatePropertyTextElements(data: any, properties: Array<ComponentPropertyDefinition>, options: DocumentElement): Array<DocumentElement>;
+    static generatePropertyTextElement(data: any, property: ComponentPropertyDefinition, options: DocumentElement, formatter: PropertyValueFormatter): DocumentElement;
+}

package/lib/components/component-generator.js

@@ -0,0 +1,101 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComponentGenerator = void 0;
+const documents_1 = require("@contrail/documents");
+const nanoid_1 = require("nanoid");
+const types_1 = require("@contrail/types");
+const util_1 = require("@contrail/util");
+class ComponentGenerator {
+    static generateComponent(data, options, template) {
+        let component;
+        if (template.propertyTemplate) {
+            component = this.generateComponentFromPropertyTemplate(data, options, template.propertyTemplate);
+        }
+        else {
+            throw Error("No component property template defined");
+        }
+        return component;
+    }
+    static generatedModelBindings(data) {
+        return {
+            item: `item:${data.item.id}`,
+            projectItem: `project-item:${data.projectItem.id}`,
+            viewable: `item:${data.item.id}`,
+        };
+    }
+    static generateComponentFromPropertyTemplate(data, options, template) {
+        var _a;
+        let componentElement = documents_1.DocumentElementFactory.initNewElement('component');
+        if (options) {
+            componentElement = Object.assign(componentElement, options);
+        }
+        let yPosition = 0;
+        const imageDimension = template.imageDimension || {};
+        const imageHeight = imageDimension.height || imageDimension.width || 125;
+        const imageWidth = imageDimension.width || 125;
+        const imageUrl = util_1.ObjectUtil.getByPath(data, `viewable.mediumViewableDownloadUrl`);
+        const elements = [{
+                type: "image",
+                size: { width: imageWidth, height: imageHeight },
+                propertyBindings: { url: 'viewable.mediumViewableDownloadUrl' },
+                url: imageUrl,
+            }];
+        yPosition += imageHeight;
+        const textOptions = {
+            style: {
+                text: {
+                    align: template.textHorizontalAlignment
+                }
+            },
+            size: {
+                width: imageWidth
+            }
+        };
+        elements.push(...this.generatePropertyTextElements(data, template.properties, textOptions));
+        const modelBindings = this.generatedModelBindings(data);
+        componentElement.elements = elements;
+        componentElement.modelBindings = modelBindings;
+        if (((_a = componentElement === null || componentElement === void 0 ? void 0 : componentElement.elements) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+            componentElement.elements = componentElement.elements.map((e) => {
+                e.id = (0, nanoid_1.nanoid)(16);
+                return e;
+            });
+        }
+        return componentElement;
+    }
+    static generatePropertyTextElements(data, properties, options) {
+        const elements = [];
+        const formatter = new types_1.PropertyValueFormatter();
+        for (let property of properties) {
+            let element = this.generatePropertyTextElement(data, property, options, formatter);
+            elements.push(element);
+        }
+        return elements;
+    }
+    static generatePropertyTextElement(data, property, options, formatter) {
+        var _a, _b, _c;
+        const key = `${util_1.StringUtil.convertToCamelCase(property.typeRootSlug)}.${property.propertyDefinition.slug}`;
+        let style = property.style || {
+            font: {
+                size: 8,
+            },
+            color: 'rgba(0,0,0,.5)',
+        };
+        if ((_a = options === null || options === void 0 ? void 0 : options.style) === null || _a === void 0 ? void 0 : _a.text) {
+            style.text = options.style.text;
+        }
+        let element = Object.assign({
+            label: property.includeLabel ? (_b = property.propertyDefinition) === null || _b === void 0 ? void 0 : _b.label : null,
+            type: "text",
+            position: { x: 0, y: 0 },
+            size: { height: 25, width: ((_c = options === null || options === void 0 ? void 0 : options.size) === null || _c === void 0 ? void 0 : _c.width) || 125 },
+            style,
+            propertyBindings: { text: key }
+        });
+        const value = util_1.ObjectUtil.getByPath(data, key);
+        const display = formatter.formatValueForProperty(value, property.propertyDefinition);
+        element.text = display;
+        return element;
+    }
+}
+exports.ComponentGenerator = ComponentGenerator;

package/lib/components/component-grid-generator.d.ts

@@ -0,0 +1,7 @@
+import { DocumentElement, PositionDefinition, SizeDefinition } from "@contrail/documents";
+import { ComponentGridTemplate } from "../interfaces";
+export declare class ComponentGridGenerator {
+    static generateComponentGrid(data: any, startingPosition: PositionDefinition, template: ComponentGridTemplate, idealSize: SizeDefinition): Array<DocumentElement>;
+    private static getComponentSize;
+    private static adjustComponentTemplate;
+}

package/lib/components/component-grid-generator.js

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComponentGridGenerator = void 0;
+const util_1 = require("@contrail/util");
+const component_generator_1 = require("./component-generator");
+const component_util_1 = require("./component-util");
+class ComponentGridGenerator {
+    static generateComponentGrid(data, startingPosition = { x: 0, y: 0 }, template, idealSize) {
+        if (!data) {
+            console.warn("WARN: data null in generateComponentGrid");
+            return [];
+        }
+        if (!template) {
+            console.warn("WARN: template null in generateComponentGrid");
+            return [];
+        }
+        if (!template.componentTemplate) {
+            console.warn("WARN: component template is null generateComponentGrid");
+            return [];
+        }
+        const elements = [];
+        let dataIndex = 0;
+        let gridTemplate = template;
+        const optimizeTemplate = true;
+        if (optimizeTemplate) {
+            gridTemplate = this.adjustComponentTemplate(data, idealSize, template);
+        }
+        const componentTemplate = gridTemplate.componentTemplate;
+        const componentPosition = util_1.ObjectUtil.cloneDeep(startingPosition);
+        const componentSize = this.getComponentSize(data, gridTemplate);
+        if (componentSize.width < 120) {
+            componentSize.width = 120;
+        }
+        const componentPadding = gridTemplate.componentPadding || 20;
+        componentPosition.x += componentPadding;
+        componentPosition.y += componentPadding;
+        for (let row = 0; row < gridTemplate.gridDimensions.rows; row++) {
+            for (let col = 0; col < gridTemplate.gridDimensions.cols; col++) {
+                if (dataIndex >= data.length) {
+                    continue;
+                }
+                let dataObj = data[dataIndex];
+                dataObj.viewable = dataObj.item;
+                const position = util_1.ObjectUtil.cloneDeep(componentPosition);
+                let component = component_generator_1.ComponentGenerator.generateComponent(dataObj, { position }, componentTemplate);
+                elements.push(component);
+                dataIndex++;
+                componentPosition.x += componentSize.width + (componentPadding * 2);
+            }
+            componentPosition.y += componentSize.height + (componentPadding * 2);
+            componentPosition.x = startingPosition.x + componentPadding;
+        }
+        return elements;
+    }
+    static getComponentSize(data, template) {
+        if (!(data === null || data === void 0 ? void 0 : data.length)) {
+            return null;
+        }
+        const firstData = data[0];
+        const element = component_generator_1.ComponentGenerator.generateComponent(firstData, {}, template.componentTemplate);
+        return component_util_1.ComponentUtil.getComponentSize(element);
+    }
+    static adjustComponentTemplate(data, idealSize, template) {
+        const componentSize = this.getComponentSize(data, template);
+        const adjustedTemplate = util_1.ObjectUtil.cloneDeep(template);
+        const requiredSize = {
+            width: componentSize.width * template.gridDimensions.cols + ((template.gridDimensions.cols * 2) * template.componentPadding || 20),
+            height: componentSize.height * template.gridDimensions.rows + ((template.gridDimensions.rows * 2) * template.componentPadding || 20)
+        };
+        const requiredHeightAdjustment = (idealSize.height - requiredSize.height) / template.gridDimensions.rows;
+        const requiredWidthAdjustment = (idealSize.width - requiredSize.width) / template.gridDimensions.cols;
+        console.log("requiredHeightAdjustment: ", requiredHeightAdjustment, " requiredWidthAdjustment: ", requiredWidthAdjustment);
+        if (requiredHeightAdjustment < 0 && requiredHeightAdjustment < requiredWidthAdjustment) {
+            adjustedTemplate.componentTemplate.propertyTemplate.imageDimension.width += requiredHeightAdjustment;
+        }
+        if (requiredWidthAdjustment < 0 && requiredWidthAdjustment < requiredHeightAdjustment) {
+            adjustedTemplate.componentTemplate.propertyTemplate.imageDimension.width += requiredWidthAdjustment;
+        }
+        return adjustedTemplate;
+    }
+}
+exports.ComponentGridGenerator = ComponentGridGenerator;

package/lib/components/component-util.d.ts

@@ -0,0 +1,4 @@
+import { DocumentElement, SizeDefinition } from "@contrail/documents";
+export declare class ComponentUtil {
+    static getComponentSize(element: DocumentElement): SizeDefinition;
+}

package/lib/components/component-util.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComponentUtil = void 0;
+class ComponentUtil {
+    static getComponentSize(element) {
+        var _a, _b, _c, _d, _e;
+        const sizeDefinition = {
+            width: 0,
+            height: 0,
+        };
+        const imageElement = ((_a = element.elements) === null || _a === void 0 ? void 0 : _a.find(el => el.type === 'image')) || {};
+        sizeDefinition.width = (_b = imageElement.size) === null || _b === void 0 ? void 0 : _b.width;
+        const LINE_PADDING = 8;
+        const textElements = (_c = element.elements) === null || _c === void 0 ? void 0 : _c.filter(el => el.type === 'text');
+        let textHeight = 0;
+        textElements.forEach(el => {
+            var _a, _b;
+            let fontSize = ((_b = (_a = el.style) === null || _a === void 0 ? void 0 : _a.font) === null || _b === void 0 ? void 0 : _b.size) || 12;
+            textHeight += fontSize + LINE_PADDING;
+        });
+        const imageHeight = (((_d = imageElement.size) === null || _d === void 0 ? void 0 : _d.height) || ((_e = imageElement.size) === null || _e === void 0 ? void 0 : _e.width) || 150);
+        sizeDefinition.height = imageHeight + textHeight;
+        return sizeDefinition;
+    }
+}
+exports.ComponentUtil = ComponentUtil;

package/lib/document-generator.js

@@ -76,10 +76,8 @@ class DocumentGenerator {
         return elements;
     }
     static generateGroupHeading(dataGroup, template, position, span) {
-        console.log("generateGroupHeading: ", dataGroup.name, span);
         const elements = [];
         const heading = documents_1.DocumentElementFactory.createTextElement("Placeholder", {});
-        console.log("template.frameGroupHeaderTemplate.size.height: ", template.frameGroupHeaderTemplate.size.height);
         heading.style = { border: { width: 1, color: "rgba(0,0,0,0)" }, color: "#000000", backgroundColor: template.frameGroupHeaderTemplate.style.backgroundColor || 'black' };
         heading.text = `<p><span style=\"font-size: ${template.frameGroupHeaderTemplate.style.font.size}pt;\"><strong><span style=\"color: ${template.frameGroupHeaderTemplate.style.color};\">${dataGroup.name}</span></strong></span></p>`;
         heading.position = position;

package/lib/frame-generator.js

@@ -2,8 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FrameGenerator = void 0;
 const documents_1 = require("@contrail/documents");
-const component_grid_generator_1 = require("./component-grid-generator");
+const component_grid_generator_1 = require("./components/component-grid-generator");
 const util_1 = require("@contrail/util");
+const document_util_1 = require("./util/document-util");
 class FrameGenerator {
     static generateFrameForDataGroup(dataGroup, framePosition, template) {
         const elements = [];
@@ -21,11 +22,15 @@ class FrameGenerator {
         const HEADER_MARGIN = 20;
         const gridPosition = util_1.ObjectUtil.cloneDeep(headerPosition);
         gridPosition.y = gridPosition.y + frameHeaderDimensions.height + HEADER_MARGIN;
-        const componentGridPosition = util_1.ObjectUtil.cloneDeep(gridPosition);
-        const componentGridSize = template.frameSize;
+        const relativeGridPosition = document_util_1.DocumentUtil.getRelativePosition(framePosition, gridPosition);
+        const frameSize = template.frameSize;
+        const idealGridSize = {
+            width: frameSize.width - relativeGridPosition.x - FRAME_PADDING,
+            height: frameSize.height - relativeGridPosition.y - FRAME_PADDING
+        };
         elements.push(util_1.ObjectUtil.cloneDeep(frame));
         elements.push(...this.generateFrameHeaderForDataGroup(dataGroup, headerPosition, template, frameHeaderDimensions));
-        elements.push(...component_grid_generator_1.ComponentGridGenerator.generateComponentGrid(dataGroup.data, componentGridPosition, template.componentGridTemplate, componentGridSize));
+        elements.push(...component_grid_generator_1.ComponentGridGenerator.generateComponentGrid(dataGroup.data, gridPosition, template.componentGridTemplate, idealGridSize));
         return elements;
     }
     static generateFrameHeaderForDataGroup(dataGroup, position, template, headerSize) {

package/lib/interfaces.d.ts

@@ -1,5 +1,6 @@
 import { DataGroupStructure } from "@contrail/data-grouping";
-import { PositionDefinition, SizeDefinition, Document, DocumentElement } from "@contrail/documents";
+import { PositionDefinition, SizeDefinition, DocumentElement, StyleDefinition } from "@contrail/documents";
+import { TypeProperty } from "@contrail/types";
 export declare enum Orientation {
     HORIZONTAL = "horizontal",
     VERTICAL = "vertical"
@@ -22,11 +23,25 @@ export interface DocumentTemplate {
 }
 export interface ComponentGridTemplate {
     componentTemplate: ComponentTemplate;
+    componentPadding?: number;
     gridDimensions: {
         rows: number;
         cols: number;
     };
 }
 export interface ComponentTemplate {
-    templateDocument: Document;
+    propertyTemplate?: ComponentPropertyTemplate;
+}
+export interface ComponentPropertyTemplate {
+    imageDimension?: SizeDefinition;
+    imageLocation?: 'top' | 'right' | 'left' | 'bottom';
+    textHorizontalAlignment?: 'center' | 'right' | 'left';
+    properties: Array<ComponentPropertyDefinition>;
+}
+export interface ComponentPropertyDefinition {
+    style?: StyleDefinition;
+    propertyDefinition: TypeProperty;
+    slug: string;
+    typeRootSlug: string;
+    includeLabel?: boolean;
 }

package/lib/scripts/test.js

@@ -10,7 +10,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const document_generator_1 = require("../document-generator");
-const test_data_1 = require("../test-data");
+const interfaces_1 = require("../interfaces");
 const sdk_1 = require("@contrail/sdk");
 const fs = require("fs");
 const nanoid_1 = require("nanoid");
@@ -18,24 +18,123 @@ const data_grouping_1 = require("@contrail/data-grouping");
 function run() {
     return __awaiter(this, void 0, void 0, function* () {
         const generator = new document_generator_1.DocumentGenerator();
-        const orgSlug = 'new-balance-prod';
+        const orgSlug = 'converse-prod';
         yield loginSDK(orgSlug);
-        const assortmentId = 'OBZc68qwHM0Xsw4k';
-        const documentTemplateDefinition = test_data_1.VERTICAL_DOCUMENT_TEMPLATE;
+        const assortmentId = 'Z7nTOauGtuuiU9UC';
         const itemType = yield new sdk_1.Types().getType({ path: 'item' });
+        const projectItemType = yield new sdk_1.Types().getType({ path: 'project-item' });
+        const PROPERTY_COMPONENT_TEMPLATE = {
+            imageDimension: { width: 600 },
+            imageLocation: 'top',
+            textHorizontalAlignment: 'center',
+            properties: [{
+                    propertyDefinition: itemType.typeProperties.find(p => p.slug === 'name'),
+                    typeRootSlug: 'item',
+                    slug: "name",
+                    style: {
+                        font: {
+                            size: 14,
+                            weight: 'bold',
+                        },
+                        color: 'rgba(0,0,0,.5)',
+                    }
+                }, {
+                    propertyDefinition: itemType.typeProperties.find(p => p.slug === 'optionName'),
+                    typeRootSlug: 'item',
+                    slug: "optionName",
+                    style: {
+                        font: {
+                            size: 10,
+                            weight: 'bold',
+                        },
+                        color: 'green',
+                    }
+                }, {
+                    propertyDefinition: itemType.typeProperties.find(p => p.slug === 'category'),
+                    typeRootSlug: 'item',
+                    slug: "category",
+                    includeLabel: true,
+                }, {
+                    propertyDefinition: itemType.typeProperties.find(p => p.slug === 'designTheme'),
+                    typeRootSlug: 'item',
+                    slug: "designTheme",
+                    includeLabel: true,
+                }, {
+                    propertyDefinition: itemType.typeProperties.find(p => p.slug === 'baseStyleNumber'),
+                    typeRootSlug: 'item',
+                    slug: "baseStyleNumber",
+                }, {
+                    propertyDefinition: itemType.typeProperties.find(p => p.slug === 'closureType'),
+                    typeRootSlug: 'item',
+                    slug: "closureType",
+                    includeLabel: true,
+                }, {
+                    propertyDefinition: itemType.typeProperties.find(p => p.slug === 'colorFamily'),
+                    typeRootSlug: 'item',
+                    slug: "colorFamily",
+                    includeLabel: true,
+                }, {
+                    propertyDefinition: projectItemType.typeProperties.find(p => p.slug === 'colorwayStatus'),
+                    slug: "colorwayStatus",
+                    typeRootSlug: 'project-item',
+                    includeLabel: true,
+                }]
+        };
+        const documentTemplateDefinition = {
+            frameOrientation: interfaces_1.Orientation.VERTICAL,
+            frameSize: { width: 1200, height: 675 },
+            framePadding: 30,
+            frameHeaderTemplate: {
+                style: {
+                    color: '#000000',
+                    font: {
+                        size: 20
+                    },
+                    backgroundColor: '#FFFFFF',
+                },
+                size: {
+                    height: 60,
+                }
+            },
+            frameGroupHeaderTemplate: {
+                style: {
+                    color: '#ffffff',
+                    font: {
+                        size: 20
+                    },
+                    backgroundColor: 'black',
+                },
+                size: {
+                    height: 60,
+                }
+            },
+            componentGridTemplate: {
+                gridDimensions: { cols: 8, rows: 2 },
+                componentPadding: 5,
+                componentTemplate: {
+                    propertyTemplate: PROPERTY_COMPONENT_TEMPLATE
+                }
+            }
+        };
         const groupingProperties = [
             {
-                property: itemType.typeProperties.find(p => p.slug === 'modelSeries'),
+                property: itemType.typeProperties.find(p => p.slug === 'designPack'),
+                scope: 'item',
+                sort: sdk_1.SortOrderOptions.ASC,
+                values: null,
+            }, {
+                property: itemType.typeProperties.find(p => p.slug === 'category'),
                 scope: 'item',
                 sort: sdk_1.SortOrderOptions.ASC,
                 values: null,
             }, {
-                property: itemType.typeProperties.find(p => p.slug === 'gender'),
+                property: itemType.typeProperties.find(p => p.slug === 'class'),
                 scope: 'item',
                 sort: sdk_1.SortOrderOptions.ASC,
                 values: null,
             },
         ];
+        documentTemplateDefinition.componentGridTemplate.componentTemplate.propertyTemplate = PROPERTY_COMPONENT_TEMPLATE;
         const dataGroup = yield getDataGroupStructure(assortmentId, groupingProperties, documentTemplateDefinition);
         const params = {
             startingCoordinates: { x: 500, y: 500 },

package/lib/test-data.d.ts

@@ -1,6 +1,5 @@
 import { DataGroupStructure } from "@contrail/data-grouping";
 import { ComponentGridTemplate, DocumentTemplate } from "./interfaces";
-import { Document } from '@contrail/documents';
 export declare const TEST_ITEM_MODEL: {
     item: {
         id: string;
@@ -68,7 +67,6 @@ export declare const TEST_GROUP_2: {
 };
 export declare const TEST_ROOT_GROUP: DataGroupStructure;
 export declare const TEST_TWO_LEVEL_ROOT_GROUP: DataGroupStructure;
-export declare const ITEM_COMPONENT_TEMPLATE: Document;
 export declare const COMPONENT_GRID_TEMPLATE: ComponentGridTemplate;
 export declare const HORIZONTAL_DOCUMENT_TEMPLATE: DocumentTemplate;
 export declare const VERTICAL_DOCUMENT_TEMPLATE: DocumentTemplate;

package/lib/test-data.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.VERTICAL_DOCUMENT_TEMPLATE = exports.HORIZONTAL_DOCUMENT_TEMPLATE = exports.COMPONENT_GRID_TEMPLATE = exports.ITEM_COMPONENT_TEMPLATE = exports.TEST_TWO_LEVEL_ROOT_GROUP = exports.TEST_ROOT_GROUP = exports.TEST_GROUP_2 = exports.TEST_GROUP = exports.TEST_ITEM_MODEL = void 0;
+exports.VERTICAL_DOCUMENT_TEMPLATE = exports.HORIZONTAL_DOCUMENT_TEMPLATE = exports.COMPONENT_GRID_TEMPLATE = exports.TEST_TWO_LEVEL_ROOT_GROUP = exports.TEST_ROOT_GROUP = exports.TEST_GROUP_2 = exports.TEST_GROUP = exports.TEST_ITEM_MODEL = void 0;
 const types_1 = require("@contrail/types");
 const interfaces_1 = require("./interfaces");
 const sdk_1 = require("@contrail/sdk");
@@ -104,51 +104,15 @@ exports.TEST_TWO_LEVEL_ROOT_GROUP = {
         properties: {},
     }
 };
-exports.ITEM_COMPONENT_TEMPLATE = {
-    elements: [{
-            type: "image",
-            size: { width: 125, height: 125 },
-            propertyBindings: { url: 'viewable.mediumViewableDownloadUrl' }
-        }, {
-            type: "text",
-            position: { x: 0, y: 126 },
-            size: { height: 25, width: 125 },
-            style: {
-                font: {
-                    size: 8,
-                }
-            },
-            propertyBindings: { text: 'item.name' }
-        }, {
-            type: "text",
-            position: { x: 0, y: 151 },
-            size: { height: 25, width: 125 },
-            style: {
-                font: {
-                    size: 8,
-                },
-                color: 'rgba(0,0,0,.5)',
-            },
-            propertyBindings: { text: 'item.optionName' }
-        }, {
-            type: "text",
-            position: { x: 0, y: 151 },
-            size: { height: 25, width: 125 },
-            style: {
-                font: {
-                    size: 8,
-                },
-                color: 'rgba(0,0,0,.5)',
-            },
-            propertyBindings: { text: 'item.gender' }
-        },
-    ]
-};
 exports.COMPONENT_GRID_TEMPLATE = {
     gridDimensions: { cols: 7, rows: 3 },
     componentTemplate: {
-        templateDocument: exports.ITEM_COMPONENT_TEMPLATE
-    }
+        propertyTemplate: {
+            properties: [],
+            imageLocation: 'top',
+        }
+    },
+    componentPadding: 20
 };
 exports.HORIZONTAL_DOCUMENT_TEMPLATE = {
     frameOrientation: interfaces_1.Orientation.HORIZONTAL,

package/lib/util/document-util.d.ts

@@ -0,0 +1,7 @@
+import { PositionDefinition } from "@contrail/documents";
+export declare class DocumentUtil {
+    static getRelativePosition(position1: PositionDefinition, position2: PositionDefinition): {
+        x: number;
+        y: number;
+    };
+}

package/lib/util/document-util.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DocumentUtil = void 0;
+class DocumentUtil {
+    static getRelativePosition(position1, position2) {
+        const relativePosition = {
+            x: position2.x - position1.x,
+            y: position2.y - position1.y,
+        };
+        return relativePosition;
+    }
+}
+exports.DocumentUtil = DocumentUtil;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contrail/document-generation",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "description": "Utilities for automatic generation of documents.",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -42,9 +42,9 @@
     "testEnvironment": "node"
   },
   "dependencies": {
-    "@contrail/data-grouping": "^1.0.11",
+    "@contrail/data-grouping": "^1.0.15",
     "@contrail/documents": "^1.0.44",
     "@contrail/types": "^3.0.27",
-    "@contrail/util": "^1.0.26"
+    "@contrail/util": "^1.0.27"
   }
 }

package/lib/component-generator.d.ts

@@ -1,9 +0,0 @@
-import { DocumentElement } from "@contrail/documents";
-import { ComponentTemplate } from "./interfaces";
-export declare class ComponentGenerator {
-    static generateComponent(data: any, options: DocumentElement, template: ComponentTemplate): DocumentElement;
-    static generatedModelBindings(data: any): {
-        item: string;
-        viewable: string;
-    };
-}

package/lib/component-generator.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComponentGenerator = void 0;
-const documents_1 = require("@contrail/documents");
-class ComponentGenerator {
-    static generateComponent(data, options, template) {
-        const componentDefinition = {
-            defaultTemplate: template.templateDocument,
-        };
-        const modelBindings = this.generatedModelBindings(data);
-        const component = documents_1.DocumentElementFactory.createComponentFromComponentDefinition(componentDefinition, data, modelBindings, options);
-        return component;
-    }
-    static generatedModelBindings(data) {
-        return {
-            item: `item:${data.item.id}`,
-            viewable: `item:${data.item.id}`,
-        };
-    }
-}
-exports.ComponentGenerator = ComponentGenerator;

package/lib/component-grid-generator.d.ts

@@ -1,5 +0,0 @@
-import { DocumentElement, PositionDefinition, SizeDefinition } from "@contrail/documents";
-import { ComponentGridTemplate } from "./interfaces";
-export declare class ComponentGridGenerator {
-    static generateComponentGrid(data: any, startingPosition: PositionDefinition, template: ComponentGridTemplate, documentSize: SizeDefinition): Array<DocumentElement>;
-}

package/lib/component-grid-generator.js

@@ -1,48 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComponentGridGenerator = void 0;
-const util_1 = require("@contrail/util");
-const component_generator_1 = require("./component-generator");
-class ComponentGridGenerator {
-    static generateComponentGrid(data, startingPosition = { x: 0, y: 0 }, template, documentSize) {
-        if (!data) {
-            console.warn("WARN: data null in generateComponentGrid");
-            return [];
-        }
-        if (!template) {
-            console.warn("WARN: template null in generateComponentGrid");
-            return [];
-        }
-        if (!template.componentTemplate) {
-            console.warn("WARN: component template is null generateComponentGrid");
-            return [];
-        }
-        const elements = [];
-        let dataIndex = 0;
-        const componentTemplate = template.componentTemplate;
-        const componentPosition = util_1.ObjectUtil.cloneDeep(startingPosition);
-        const COMPONENT_WIDTH = 150;
-        const COMPONENT_HEIGHT = 180;
-        const COMPONENT_PADDING = 20;
-        componentPosition.x += COMPONENT_PADDING;
-        componentPosition.y += COMPONENT_PADDING;
-        for (let row = 0; row < template.gridDimensions.rows; row++) {
-            for (let col = 0; col < template.gridDimensions.cols; col++) {
-                if (dataIndex >= data.length) {
-                    continue;
-                }
-                let dataObj = data[dataIndex];
-                dataObj.viewable = dataObj.item;
-                const position = util_1.ObjectUtil.cloneDeep(componentPosition);
-                let component = component_generator_1.ComponentGenerator.generateComponent(dataObj, { position }, componentTemplate);
-                elements.push(component);
-                dataIndex++;
-                componentPosition.x += COMPONENT_WIDTH + COMPONENT_PADDING;
-            }
-            componentPosition.y += COMPONENT_HEIGHT + COMPONENT_PADDING;
-            componentPosition.x = startingPosition.x + COMPONENT_PADDING;
-        }
-        return elements;
-    }
-}
-exports.ComponentGridGenerator = ComponentGridGenerator;