@contrail/documents 1.0.107 → 1.0.109

package/lib/components/components.js

@@ -1,143 +1,143 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComponentRegistry = exports.ITEM_VIEW_V3 = exports.ITEM_VIEW_V2 = exports.ITEM_VIEW = exports.ITEM_VIEW_TEMPLATE_V3 = exports.ITEM_VIEW_TEMPLATE_V2 = exports.ITEM_VIEW_TEMPLATE = void 0;
-const types_1 = require("../types");
-exports.ITEM_VIEW_TEMPLATE = {
-    elements: [
-        {
-            type: 'image',
-            size: { width: 125, height: 125 },
-            style: { background: { size: types_1.BackgroundSizeType.CONTAIN } },
-            propertyBindings: { url: 'thumbnail.downloadUrl' },
-        },
-        {
-            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' },
-        },
-    ],
-};
-exports.ITEM_VIEW_TEMPLATE_V2 = {
-    elements: [
-        {
-            type: 'image',
-            size: { width: 125, height: 125 },
-            style: { background: { size: types_1.BackgroundSizeType.CONTAIN } },
-            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' },
-        },
-    ],
-};
-exports.ITEM_VIEW_TEMPLATE_V3 = {
-    elements: [
-        {
-            type: 'image',
-            size: { width: 125, height: 125 },
-            style: { background: { size: types_1.BackgroundSizeType.CONTAIN } },
-            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: 176 },
-            size: { height: 25, width: 125 },
-            style: {
-                font: {
-                    size: 8,
-                },
-                color: 'rgba(0,0,0,.5)',
-            },
-            label: 'Item Type',
-            propertyBindings: { text: 'item.type.label' },
-        },
-    ],
-};
-exports.ITEM_VIEW = {
-    slug: 'item-view',
-    defaultTemplate: exports.ITEM_VIEW_TEMPLATE,
-};
-exports.ITEM_VIEW_V2 = {
-    slug: 'item-view-v2',
-    defaultTemplate: exports.ITEM_VIEW_TEMPLATE_V2,
-};
-exports.ITEM_VIEW_V3 = {
-    slug: 'item-view-v3',
-    defaultTemplate: exports.ITEM_VIEW_TEMPLATE_V3,
-};
-class ComponentRegistry {
-    static getComponentDefinition(slug) {
-        if (!this.componentDefinitionMap) {
-            this.initMap();
-        }
-        return this.componentDefinitionMap.get(slug);
-    }
-    static initMap() {
-        this.componentDefinitionMap = new Map();
-        this.componentDefinitionMap.set('item-view', exports.ITEM_VIEW);
-        this.componentDefinitionMap.set('item-view-v2', exports.ITEM_VIEW_V2);
-        this.componentDefinitionMap.set('item-view-v3', exports.ITEM_VIEW_V3);
-    }
-}
-exports.ComponentRegistry = ComponentRegistry;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComponentRegistry = exports.ITEM_VIEW_V3 = exports.ITEM_VIEW_V2 = exports.ITEM_VIEW = exports.ITEM_VIEW_TEMPLATE_V3 = exports.ITEM_VIEW_TEMPLATE_V2 = exports.ITEM_VIEW_TEMPLATE = void 0;
+const types_1 = require("../types");
+exports.ITEM_VIEW_TEMPLATE = {
+    elements: [
+        {
+            type: 'image',
+            size: { width: 125, height: 125 },
+            style: { background: { size: types_1.BackgroundSizeType.CONTAIN } },
+            propertyBindings: { url: 'thumbnail.downloadUrl' },
+        },
+        {
+            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' },
+        },
+    ],
+};
+exports.ITEM_VIEW_TEMPLATE_V2 = {
+    elements: [
+        {
+            type: 'image',
+            size: { width: 125, height: 125 },
+            style: { background: { size: types_1.BackgroundSizeType.CONTAIN } },
+            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' },
+        },
+    ],
+};
+exports.ITEM_VIEW_TEMPLATE_V3 = {
+    elements: [
+        {
+            type: 'image',
+            size: { width: 125, height: 125 },
+            style: { background: { size: types_1.BackgroundSizeType.CONTAIN } },
+            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: 176 },
+            size: { height: 25, width: 125 },
+            style: {
+                font: {
+                    size: 8,
+                },
+                color: 'rgba(0,0,0,.5)',
+            },
+            label: 'Item Type',
+            propertyBindings: { text: 'item.type.label' },
+        },
+    ],
+};
+exports.ITEM_VIEW = {
+    slug: 'item-view',
+    defaultTemplate: exports.ITEM_VIEW_TEMPLATE,
+};
+exports.ITEM_VIEW_V2 = {
+    slug: 'item-view-v2',
+    defaultTemplate: exports.ITEM_VIEW_TEMPLATE_V2,
+};
+exports.ITEM_VIEW_V3 = {
+    slug: 'item-view-v3',
+    defaultTemplate: exports.ITEM_VIEW_TEMPLATE_V3,
+};
+class ComponentRegistry {
+    static getComponentDefinition(slug) {
+        if (!this.componentDefinitionMap) {
+            this.initMap();
+        }
+        return this.componentDefinitionMap.get(slug);
+    }
+    static initMap() {
+        this.componentDefinitionMap = new Map();
+        this.componentDefinitionMap.set('item-view', exports.ITEM_VIEW);
+        this.componentDefinitionMap.set('item-view-v2', exports.ITEM_VIEW_V2);
+        this.componentDefinitionMap.set('item-view-v3', exports.ITEM_VIEW_V3);
+    }
+}
+exports.ComponentRegistry = ComponentRegistry;

package/lib/components/index.d.ts

@@ -1 +1 @@
-export * from './components';
+export * from './components';

package/lib/components/index.js

@@ -1,17 +1,17 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./components"), exports);
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./components"), exports);

package/lib/document-action.d.ts

@@ -1,7 +1,25 @@
-import { Action } from '@contrail/actions';
-import { DocumentChange } from './types';
-export declare class DocumentAction extends Action {
-    changeDefinition: DocumentChange;
-    undoChangeDefinition: DocumentChange;
-    constructor(change: any, undoChange?: any);
-}
+import { Action } from '@contrail/actions';
+import { DocumentChange, DocumentElement } from './types';
+export declare class DocumentAction extends Action {
+    changeDefinition: DocumentChange;
+    undoChangeDefinition: DocumentChange;
+    constructor(change: any, undoChange?: any);
+}
+export interface DocumentElementChanges {
+    elementsToUpdate?: Array<{
+        change: DocumentElement;
+        undo: DocumentElement;
+    }>;
+    elementsToCreate?: DocumentElement[];
+    elementsToDelete?: DocumentElement[];
+}
+export declare function uniqueElementsToUpdate(elementsToUpdate: Array<{
+    change: DocumentElement;
+    undo: DocumentElement;
+}>, mainElementsToUpdate: Array<{
+    change: DocumentElement;
+    undo: DocumentElement;
+}>): {
+    change: DocumentElement;
+    undo: DocumentElement;
+}[];

package/lib/document-action.js

@@ -1,10 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DocumentAction = void 0;
-const actions_1 = require("@contrail/actions");
-class DocumentAction extends actions_1.Action {
-    constructor(change, undoChange = null) {
-        super('document', change, undoChange);
-    }
-}
-exports.DocumentAction = DocumentAction;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.uniqueElementsToUpdate = exports.DocumentAction = void 0;
+const actions_1 = require("@contrail/actions");
+class DocumentAction extends actions_1.Action {
+    constructor(change, undoChange = null) {
+        super('document', change, undoChange);
+    }
+}
+exports.DocumentAction = DocumentAction;
+function uniqueElementsToUpdate(elementsToUpdate, mainElementsToUpdate) {
+    return elementsToUpdate.filter(({ change }) => mainElementsToUpdate.findIndex((elementToUpdate) => elementToUpdate.change.id === change.id) === -1);
+}
+exports.uniqueElementsToUpdate = uniqueElementsToUpdate;

package/lib/document-element-component-size-handler.d.ts

@@ -1,4 +1,4 @@
-export declare class DocumentElementComponentSizeHandler {
-    static updateSizeAndPositionForPropertyElements(propertyElements: any[]): any;
-    private static getYMargin;
-}
+export declare class DocumentElementComponentSizeHandler {
+    static updateSizeAndPositionForPropertyElements(propertyElements: any[]): any;
+    private static getYMargin;
+}

package/lib/document-element-component-size-handler.js

@@ -1,55 +1,55 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DocumentElementComponentSizeHandler = void 0;
-class DocumentElementComponentSizeHandler {
-    static updateSizeAndPositionForPropertyElements(propertyElements) {
-        const newElements = [];
-        let lastYPosition = 0;
-        let width = 200;
-        const imageElements = propertyElements.filter((element) => {
-            return element.type === 'image';
-        });
-        if (imageElements.length > 0) {
-            width = imageElements[0].size.width;
-        }
-        propertyElements.forEach((element) => {
-            var _a;
-            if (element.enabled === false) {
-                return;
-            }
-            element.position = {
-                x: 0,
-                y: lastYPosition,
-            };
-            lastYPosition = lastYPosition + this.getYMargin(element);
-            if (element.type === 'text') {
-                if (!((_a = element.style) === null || _a === void 0 ? void 0 : _a.font)) {
-                    element.style = Object.assign(Object.assign({}, element.style), { font: { size: 8 } });
-                }
-                if (!(element === null || element === void 0 ? void 0 : element.size)) {
-                    element.size = {};
-                }
-                element.size.height = element.style.font.size + 6;
-            }
-            element.size.width = width;
-            newElements.push(element);
-        });
-        return newElements;
-    }
-    static getYMargin(element) {
-        let marginY = 11;
-        if (element.type === 'image') {
-            marginY = element.size.height;
-        }
-        else if (element.type === 'text') {
-            if (element.size && element.size.height) {
-                marginY = element.size.height;
-            }
-            else if (element.style && element.style.font) {
-                marginY = element.style.font.size + 6;
-            }
-        }
-        return marginY;
-    }
-}
-exports.DocumentElementComponentSizeHandler = DocumentElementComponentSizeHandler;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DocumentElementComponentSizeHandler = void 0;
+class DocumentElementComponentSizeHandler {
+    static updateSizeAndPositionForPropertyElements(propertyElements) {
+        const newElements = [];
+        let lastYPosition = 0;
+        let width = 200;
+        const imageElements = propertyElements.filter((element) => {
+            return element.type === 'image';
+        });
+        if (imageElements.length > 0) {
+            width = imageElements[0].size.width;
+        }
+        propertyElements.forEach((element) => {
+            var _a;
+            if (element.enabled === false) {
+                return;
+            }
+            element.position = {
+                x: 0,
+                y: lastYPosition,
+            };
+            lastYPosition = lastYPosition + this.getYMargin(element);
+            if (element.type === 'text') {
+                if (!((_a = element.style) === null || _a === void 0 ? void 0 : _a.font)) {
+                    element.style = Object.assign(Object.assign({}, element.style), { font: { size: 8 } });
+                }
+                if (!(element === null || element === void 0 ? void 0 : element.size)) {
+                    element.size = {};
+                }
+                element.size.height = element.style.font.size + 6;
+            }
+            element.size.width = width;
+            newElements.push(element);
+        });
+        return newElements;
+    }
+    static getYMargin(element) {
+        let marginY = 11;
+        if (element.type === 'image') {
+            marginY = element.size.height;
+        }
+        else if (element.type === 'text') {
+            if (element.size && element.size.height) {
+                marginY = element.size.height;
+            }
+            else if (element.style && element.style.font) {
+                marginY = element.style.font.size + 6;
+            }
+        }
+        return marginY;
+    }
+}
+exports.DocumentElementComponentSizeHandler = DocumentElementComponentSizeHandler;

package/lib/document-element-factory.d.ts

@@ -1,12 +1,18 @@
-import { ComponentDefinition } from './components/components';
-import { DocumentElement } from './types/document-element';
-export declare class DocumentElementFactory {
-    static initNewElement(type: string): DocumentElement;
-    static createTextElement(text: string, options?: DocumentElement): DocumentElement;
-    static createShapeElement(type: string, options?: DocumentElement): DocumentElement;
-    static createElement(type: string, options?: DocumentElement): DocumentElement;
-    static createImageElement(options: DocumentElement): DocumentElement;
-    static createFrameElement(options: DocumentElement): DocumentElement;
-    static createComponent(componentType: string, model: any, modelBindings: any, options?: DocumentElement): DocumentElement;
-    static createComponentFromComponentDefinition(componentDefinition: ComponentDefinition, model: any, modelBindings: any, options?: DocumentElement): DocumentElement;
-}
+import { ComponentDefinition } from './components/components';
+import { DocumentElement } from './types/document-element';
+import { PositionDefinition } from './types';
+export declare class DocumentElementFactory {
+    static initNewElement(type: string): DocumentElement;
+    static createTextElement(text: string, options?: DocumentElement): DocumentElement;
+    static createShapeElement(type: string, options?: DocumentElement): DocumentElement;
+    static createElement(type: string, options?: DocumentElement): DocumentElement;
+    static createImageElement(options: DocumentElement): DocumentElement;
+    static createFrameElement(options: DocumentElement): DocumentElement;
+    static createComponent(componentType: string, model: any, modelBindings: any, options?: DocumentElement): DocumentElement;
+    static createComponentFromComponentDefinition(componentDefinition: ComponentDefinition, model: any, modelBindings: any, options?: DocumentElement): DocumentElement;
+    static copyElements(elements: DocumentElement[], commonOptions?: DocumentElement, documentId?: string, positionOffset?: PositionDefinition, lastFrameNumber?: number): {
+        oldIdToNewId: Map<string, string>;
+        newElements: DocumentElement[];
+    };
+    static isMask(element: DocumentElement): boolean;
+}