@contrail/documents 1.0.1 → 1.0.3

package/lib/components/components.d.ts

@@ -0,0 +1,20 @@
+import { Document } from '../types/document';
+export interface ComponentDefinition {
+    slug: string;
+    defaultTemplate: Document;
+}
+export declare const ITEM_COLOR_VIEW_TEMPLATE: Document;
+export declare const ITEM_COLOR_VIEW_STATIC_THUMBNAIL_TEMPLATE: Document;
+export declare const ITEM_COLOR_VIEW: {
+    slug: string;
+    defaultTemplate: Document;
+};
+export declare const ITEM_COLOR_STATIC_THUMBNAIL_VIEW: {
+    slug: string;
+    defaultTemplate: Document;
+};
+export declare class ComponentRegistry {
+    private static componentDefinitionMap;
+    static getComponentDefinition(slug: string): ComponentDefinition;
+    private static initMap;
+}

package/lib/components/components.js

@@ -0,0 +1,97 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComponentRegistry = exports.ITEM_COLOR_STATIC_THUMBNAIL_VIEW = exports.ITEM_COLOR_VIEW = exports.ITEM_COLOR_VIEW_STATIC_THUMBNAIL_TEMPLATE = exports.ITEM_COLOR_VIEW_TEMPLATE = void 0;
+exports.ITEM_COLOR_VIEW_TEMPLATE = {
+    elements: [{
+            type: "image",
+            size: { width: 125, height: 125 },
+            propertyBindings: { url: 'thumbnail.downloadUrl' }
+        }, {
+            type: "text",
+            position: { x: 0, y: 126 },
+            style: {
+                font: {
+                    size: 8,
+                }
+            },
+            propertyBindings: { text: 'itemColor.item.name' }
+        }, {
+            type: "text",
+            position: { x: 0, y: 137 },
+            style: {
+                font: {
+                    size: 8,
+                }
+            },
+            propertyBindings: { text: 'itemColor.item.styleNumber' }
+        }, {
+            type: "text",
+            position: { x: 0, y: 148 },
+            style: {
+                font: {
+                    size: 10,
+                },
+                color: 'rgba(0,0,0,.5)',
+            },
+            propertyBindings: { text: 'itemColor.name' }
+        }
+    ]
+};
+exports.ITEM_COLOR_VIEW_STATIC_THUMBNAIL_TEMPLATE = {
+    elements: [{
+            type: "image",
+            size: { width: 125, height: 125 },
+            propertyBindings: { url: 'itemColor.thumbnail' }
+        }, {
+            type: "text",
+            position: { x: 0, y: 126 },
+            style: {
+                font: {
+                    size: 8,
+                }
+            },
+            propertyBindings: { text: 'itemColor.item.name' }
+        }, {
+            type: "text",
+            position: { x: 0, y: 137 },
+            style: {
+                font: {
+                    size: 8,
+                }
+            },
+            propertyBindings: { text: 'itemColor.item.styleNumber' }
+        }, {
+            type: "text",
+            position: { x: 0, y: 148 },
+            style: {
+                font: {
+                    size: 10,
+                },
+                color: 'rgba(0,0,0,.5)',
+            },
+            propertyBindings: { text: 'itemColor.name' }
+        }
+    ]
+};
+exports.ITEM_COLOR_VIEW = {
+    slug: 'item-color-view',
+    defaultTemplate: exports.ITEM_COLOR_VIEW_TEMPLATE,
+};
+exports.ITEM_COLOR_STATIC_THUMBNAIL_VIEW = {
+    slug: 'item-color-static-thumbnail-view',
+    defaultTemplate: exports.ITEM_COLOR_VIEW_STATIC_THUMBNAIL_TEMPLATE,
+};
+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-color-view', exports.ITEM_COLOR_VIEW);
+        this.componentDefinitionMap.set('item-color-static-thumbnail-view', exports.ITEM_COLOR_STATIC_THUMBNAIL_VIEW);
+    }
+}
+exports.ComponentRegistry = ComponentRegistry;

package/lib/components/index.d.ts

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

package/lib/components/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./components"), exports);

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

@@ -0,0 +1,8 @@
+import { DocumentElement } from './types/document-element';
+export declare class DocumentElementFactory {
+    private static initNewElement;
+    static createTextElement(text: string): DocumentElement;
+    static createShapeElement(type: string): DocumentElement;
+    static createImageElement(options: DocumentElement): DocumentElement;
+    static createComponent(componentType: string, model: any, modelBindings: any, options?: DocumentElement): DocumentElement;
+}

package/lib/document-element-factory.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DocumentElementFactory = void 0;
+const uuid_1 = require("uuid");
+const components_1 = require("./components/components");
+const document_element_property_binding_handler_1 = require("./document-element-property-binding-handler");
+class DocumentElementFactory {
+    static initNewElement(type) {
+        const element = {
+            id: uuid_1.v4(),
+            position: { x: 300, y: 300 },
+            type,
+            size: {
+                width: 0,
+                height: 0,
+            },
+            style: {
+                font: {
+                    size: 0,
+                    family: '',
+                    weight: '',
+                    style: '',
+                },
+                text: {
+                    decoration: '',
+                },
+                color: '',
+            },
+            text: '',
+            url: '',
+        };
+        return element;
+    }
+    static createTextElement(text) {
+        const element = this.initNewElement('text');
+        element.text = text;
+        element.size = { width: 65, height: 20 };
+        element.style = {
+            color: '#000000'
+        };
+        return element;
+    }
+    static createShapeElement(type) {
+        const element = this.initNewElement('shape');
+        element.type = type;
+        return element;
+    }
+    static createImageElement(options) {
+        let element = this.initNewElement('image');
+        element = Object.assign(element, options);
+        return element;
+    }
+    static createComponent(componentType, model, modelBindings, options) {
+        let element = this.initNewElement('component');
+        if (options) {
+            element = Object.assign(element, options);
+        }
+        const componentDefinition = components_1.ComponentRegistry.getComponentDefinition(componentType);
+        const elements = JSON.parse(JSON.stringify(componentDefinition.defaultTemplate.elements));
+        document_element_property_binding_handler_1.DocumentElementPropertyBindingHandler.bindPropertiesToElements(elements, model);
+        element.elements = elements;
+        element.modelBindings = modelBindings;
+        return element;
+    }
+}
+exports.DocumentElementFactory = DocumentElementFactory;

package/lib/document-element-property-binding-handler.d.ts

@@ -0,0 +1,5 @@
+import { DocumentElement } from './types/document-element';
+export declare class DocumentElementPropertyBindingHandler {
+    static bindPropertiesToElements(elements: Array<DocumentElement>, model: any): void;
+    static bindPropertiesToElement(element: DocumentElement, model: any): void;
+}

package/lib/document-element-property-binding-handler.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DocumentElementPropertyBindingHandler = void 0;
+const util_1 = require("@contrail/util");
+class DocumentElementPropertyBindingHandler {
+    static bindPropertiesToElements(elements, model) {
+        elements.map(el => {
+            this.bindPropertiesToElement(el, model);
+        });
+    }
+    static bindPropertiesToElement(element, model) {
+        const localModel = Object.assign({}, model);
+        if (!element.propertyBindings) {
+            return;
+        }
+        if (element.modelBindings) {
+        }
+        for (const propertyKey of Object.keys(element.propertyBindings)) {
+            const modelIndex = element.propertyBindings[propertyKey];
+            const propertyValue = util_1.ObjectUtil.getByPath(localModel, modelIndex) || '';
+            element[propertyKey] = propertyValue;
+        }
+        if (element.elements) {
+            this.bindPropertiesToElements(element.elements, localModel);
+        }
+    }
+}
+exports.DocumentElementPropertyBindingHandler = DocumentElementPropertyBindingHandler;

package/lib/index.d.ts

@@ -1 +1,4 @@
 export * from './types';
+export * from './components';
+export * from './document-element-factory';
+export * from './document-element-property-binding-handler';

package/lib/index.js

@@ -11,3 +11,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./types"), exports);
+__exportStar(require("./components"), exports);
+__exportStar(require("./document-element-factory"), exports);
+__exportStar(require("./document-element-property-binding-handler"), exports);

package/lib/types/document-element-event.d.ts

@@ -2,6 +2,7 @@ import { PositionDefinition, SizeDefinition } from "./common";
 import { DocumentElement } from "./document-element";
 export interface DocumentElementEvent {
     element: DocumentElement;
+    selectedElements?: Array<DocumentElement>;
     renderedElementPosition?: PositionDefinition;
     renderedElementSize?: SizeDefinition;
     eventType?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contrail/documents",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "Documents library for contrail platform",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -40,6 +40,7 @@
     "testEnvironment": "node"
   },
   "dependencies": {
+    "@contrail/util": "^1.0.9",
     "reflect-metadata": "^0.1.13"
   }
 }