@contrail/document-generation 1.0.15 → 1.0.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/component-generator.d.ts +11 -0
- package/lib/components/component-generator.js +67 -0
- package/lib/components/component-grid-generator.d.ts +7 -0
- package/lib/components/component-grid-generator.js +81 -0
- package/lib/components/component-util.d.ts +4 -0
- package/lib/components/component-util.js +26 -0
- package/lib/document-generator.d.ts +11 -0
- package/lib/document-generator.js +106 -0
- package/lib/frame-generator.d.ts +9 -0
- package/lib/frame-generator.js +77 -0
- package/lib/index.d.ts +2 -0
- package/lib/index.js +18 -0
- package/lib/info-panel/info-panel-generator.d.ts +5 -0
- package/lib/info-panel/info-panel-generator.js +34 -0
- package/lib/interfaces.d.ts +56 -0
- package/lib/interfaces.js +8 -0
- package/lib/scripts/test.d.ts +1 -0
- package/lib/scripts/test.js +270 -0
- package/lib/test-data.d.ts +72 -0
- package/lib/test-data.js +176 -0
- package/lib/util/document-property-util.d.ts +7 -0
- package/lib/util/document-property-util.js +44 -0
- package/lib/util/document-text-element-util.d.ts +6 -0
- package/lib/util/document-text-element-util.js +52 -0
- package/lib/util/document-util.d.ts +7 -0
- package/lib/util/document-util.js +13 -0
- package/package.json +1 -1
- package/testdocument.json +1 -1
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { DocumentElement } from "@contrail/documents";
|
|
2
|
+
import { ComponentPropertyTemplate, ComponentTemplate } from "../interfaces";
|
|
3
|
+
export declare class ComponentGenerator {
|
|
4
|
+
static generateComponent(data: any, options: DocumentElement, template: ComponentTemplate): any;
|
|
5
|
+
static generatedModelBindings(data: any): {
|
|
6
|
+
item: string;
|
|
7
|
+
projectItem: string;
|
|
8
|
+
viewable: string;
|
|
9
|
+
};
|
|
10
|
+
static generateComponentFromPropertyTemplate(data: any, options: DocumentElement, template: ComponentPropertyTemplate): DocumentElement;
|
|
11
|
+
}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ComponentGenerator = void 0;
|
|
4
|
+
const documents_1 = require("@contrail/documents");
|
|
5
|
+
const nanoid_1 = require("nanoid");
|
|
6
|
+
const util_1 = require("@contrail/util");
|
|
7
|
+
const document_property_util_1 = require("../util/document-property-util");
|
|
8
|
+
class ComponentGenerator {
|
|
9
|
+
static generateComponent(data, options, template) {
|
|
10
|
+
let component;
|
|
11
|
+
if (template.propertyTemplate) {
|
|
12
|
+
component = this.generateComponentFromPropertyTemplate(data, options, template.propertyTemplate);
|
|
13
|
+
}
|
|
14
|
+
else {
|
|
15
|
+
throw Error("No component property template defined");
|
|
16
|
+
}
|
|
17
|
+
return component;
|
|
18
|
+
}
|
|
19
|
+
static generatedModelBindings(data) {
|
|
20
|
+
return {
|
|
21
|
+
item: `item:${data.item.id}`,
|
|
22
|
+
projectItem: `project-item:${data.projectItem.id}`,
|
|
23
|
+
viewable: `item:${data.item.id}`,
|
|
24
|
+
};
|
|
25
|
+
}
|
|
26
|
+
static generateComponentFromPropertyTemplate(data, options, template) {
|
|
27
|
+
var _a;
|
|
28
|
+
let componentElement = documents_1.DocumentElementFactory.initNewElement('component');
|
|
29
|
+
if (options) {
|
|
30
|
+
componentElement = Object.assign(componentElement, options);
|
|
31
|
+
}
|
|
32
|
+
let yPosition = 0;
|
|
33
|
+
const imageDimension = template.imageDimension || {};
|
|
34
|
+
const imageHeight = imageDimension.height || imageDimension.width || 125;
|
|
35
|
+
const imageWidth = imageDimension.width || 125;
|
|
36
|
+
const imageUrl = util_1.ObjectUtil.getByPath(data, `viewable.mediumViewableDownloadUrl`);
|
|
37
|
+
const elements = [{
|
|
38
|
+
type: "image",
|
|
39
|
+
size: { width: imageWidth, height: imageHeight },
|
|
40
|
+
propertyBindings: { url: 'viewable.mediumViewableDownloadUrl' },
|
|
41
|
+
url: imageUrl,
|
|
42
|
+
}];
|
|
43
|
+
yPosition += imageHeight;
|
|
44
|
+
const textOptions = {
|
|
45
|
+
style: {
|
|
46
|
+
text: {
|
|
47
|
+
align: template.textHorizontalAlignment
|
|
48
|
+
}
|
|
49
|
+
},
|
|
50
|
+
size: {
|
|
51
|
+
width: imageWidth
|
|
52
|
+
}
|
|
53
|
+
};
|
|
54
|
+
elements.push(...document_property_util_1.DocumentPropertyUtil.generatePropertyTextElements(data, template.properties, textOptions, { y: yPosition }, true));
|
|
55
|
+
const modelBindings = this.generatedModelBindings(data);
|
|
56
|
+
componentElement.elements = elements;
|
|
57
|
+
componentElement.modelBindings = modelBindings;
|
|
58
|
+
if (((_a = componentElement === null || componentElement === void 0 ? void 0 : componentElement.elements) === null || _a === void 0 ? void 0 : _a.length) > 0) {
|
|
59
|
+
componentElement.elements = componentElement.elements.map((e) => {
|
|
60
|
+
e.id = (0, nanoid_1.nanoid)(16);
|
|
61
|
+
return e;
|
|
62
|
+
});
|
|
63
|
+
}
|
|
64
|
+
return componentElement;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
exports.ComponentGenerator = ComponentGenerator;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { DocumentElement, PositionDefinition, SizeDefinition } from "@contrail/documents";
|
|
2
|
+
import { ComponentGridTemplate } from "../interfaces";
|
|
3
|
+
export declare class ComponentGridGenerator {
|
|
4
|
+
static generateComponentGrid(data: any, startingPosition: PositionDefinition, template: ComponentGridTemplate, idealSize: SizeDefinition): Array<DocumentElement>;
|
|
5
|
+
private static getComponentSize;
|
|
6
|
+
private static adjustComponentTemplate;
|
|
7
|
+
}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ComponentGridGenerator = void 0;
|
|
4
|
+
const util_1 = require("@contrail/util");
|
|
5
|
+
const component_generator_1 = require("./component-generator");
|
|
6
|
+
const component_util_1 = require("./component-util");
|
|
7
|
+
class ComponentGridGenerator {
|
|
8
|
+
static generateComponentGrid(data, startingPosition = { x: 0, y: 0 }, template, idealSize) {
|
|
9
|
+
if (!data) {
|
|
10
|
+
console.warn("WARN: data null in generateComponentGrid");
|
|
11
|
+
return [];
|
|
12
|
+
}
|
|
13
|
+
if (!template) {
|
|
14
|
+
console.warn("WARN: template null in generateComponentGrid");
|
|
15
|
+
return [];
|
|
16
|
+
}
|
|
17
|
+
if (!template.componentTemplate) {
|
|
18
|
+
console.warn("WARN: component template is null generateComponentGrid");
|
|
19
|
+
return [];
|
|
20
|
+
}
|
|
21
|
+
const elements = [];
|
|
22
|
+
let dataIndex = 0;
|
|
23
|
+
let gridTemplate = template;
|
|
24
|
+
const optimizeTemplate = true;
|
|
25
|
+
if (optimizeTemplate) {
|
|
26
|
+
gridTemplate = this.adjustComponentTemplate(data, idealSize, template);
|
|
27
|
+
}
|
|
28
|
+
const componentTemplate = gridTemplate.componentTemplate;
|
|
29
|
+
const componentPosition = util_1.ObjectUtil.cloneDeep(startingPosition);
|
|
30
|
+
const componentSize = this.getComponentSize(data, gridTemplate);
|
|
31
|
+
if (componentSize.width < 120) {
|
|
32
|
+
componentSize.width = 120;
|
|
33
|
+
}
|
|
34
|
+
const componentPadding = gridTemplate.componentPadding || 20;
|
|
35
|
+
componentPosition.x += componentPadding;
|
|
36
|
+
componentPosition.y += componentPadding;
|
|
37
|
+
for (let row = 0; row < gridTemplate.gridDimensions.rows; row++) {
|
|
38
|
+
for (let col = 0; col < gridTemplate.gridDimensions.cols; col++) {
|
|
39
|
+
if (dataIndex >= data.length) {
|
|
40
|
+
continue;
|
|
41
|
+
}
|
|
42
|
+
let dataObj = data[dataIndex];
|
|
43
|
+
dataObj.viewable = dataObj.item;
|
|
44
|
+
const position = util_1.ObjectUtil.cloneDeep(componentPosition);
|
|
45
|
+
let component = component_generator_1.ComponentGenerator.generateComponent(dataObj, { position }, componentTemplate);
|
|
46
|
+
elements.push(component);
|
|
47
|
+
dataIndex++;
|
|
48
|
+
componentPosition.x += componentSize.width + (componentPadding * 2);
|
|
49
|
+
}
|
|
50
|
+
componentPosition.y += componentSize.height + (componentPadding * 2);
|
|
51
|
+
componentPosition.x = startingPosition.x + componentPadding;
|
|
52
|
+
}
|
|
53
|
+
return elements;
|
|
54
|
+
}
|
|
55
|
+
static getComponentSize(data, template) {
|
|
56
|
+
if (!(data === null || data === void 0 ? void 0 : data.length)) {
|
|
57
|
+
return null;
|
|
58
|
+
}
|
|
59
|
+
const firstData = data[0];
|
|
60
|
+
const element = component_generator_1.ComponentGenerator.generateComponent(firstData, {}, template.componentTemplate);
|
|
61
|
+
return component_util_1.ComponentUtil.getComponentSize(element);
|
|
62
|
+
}
|
|
63
|
+
static adjustComponentTemplate(data, idealSize, template) {
|
|
64
|
+
const componentSize = this.getComponentSize(data, template);
|
|
65
|
+
const adjustedTemplate = util_1.ObjectUtil.cloneDeep(template);
|
|
66
|
+
const requiredSize = {
|
|
67
|
+
width: componentSize.width * template.gridDimensions.cols + ((template.gridDimensions.cols * 2) * template.componentPadding || 20),
|
|
68
|
+
height: componentSize.height * template.gridDimensions.rows + ((template.gridDimensions.rows * 2) * template.componentPadding || 20)
|
|
69
|
+
};
|
|
70
|
+
const requiredHeightAdjustment = (idealSize.height - requiredSize.height) / template.gridDimensions.rows;
|
|
71
|
+
const requiredWidthAdjustment = (idealSize.width - requiredSize.width) / template.gridDimensions.cols;
|
|
72
|
+
if (requiredHeightAdjustment < 0 && requiredHeightAdjustment < requiredWidthAdjustment) {
|
|
73
|
+
adjustedTemplate.componentTemplate.propertyTemplate.imageDimension.width += requiredHeightAdjustment;
|
|
74
|
+
}
|
|
75
|
+
if (requiredWidthAdjustment < 0 && requiredWidthAdjustment < requiredHeightAdjustment) {
|
|
76
|
+
adjustedTemplate.componentTemplate.propertyTemplate.imageDimension.width += requiredWidthAdjustment;
|
|
77
|
+
}
|
|
78
|
+
return adjustedTemplate;
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
exports.ComponentGridGenerator = ComponentGridGenerator;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ComponentUtil = void 0;
|
|
4
|
+
class ComponentUtil {
|
|
5
|
+
static getComponentSize(element) {
|
|
6
|
+
var _a, _b, _c, _d, _e;
|
|
7
|
+
const sizeDefinition = {
|
|
8
|
+
width: 0,
|
|
9
|
+
height: 0,
|
|
10
|
+
};
|
|
11
|
+
const imageElement = ((_a = element.elements) === null || _a === void 0 ? void 0 : _a.find(el => el.type === 'image')) || {};
|
|
12
|
+
sizeDefinition.width = (_b = imageElement.size) === null || _b === void 0 ? void 0 : _b.width;
|
|
13
|
+
const LINE_PADDING = 8;
|
|
14
|
+
const textElements = (_c = element.elements) === null || _c === void 0 ? void 0 : _c.filter(el => el.type === 'text');
|
|
15
|
+
let textHeight = 0;
|
|
16
|
+
textElements.forEach(el => {
|
|
17
|
+
var _a, _b;
|
|
18
|
+
let fontSize = ((_b = (_a = el.style) === null || _a === void 0 ? void 0 : _a.font) === null || _b === void 0 ? void 0 : _b.size) || 12;
|
|
19
|
+
textHeight += fontSize + LINE_PADDING;
|
|
20
|
+
});
|
|
21
|
+
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);
|
|
22
|
+
sizeDefinition.height = imageHeight + textHeight;
|
|
23
|
+
return sizeDefinition;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
exports.ComponentUtil = ComponentUtil;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { DocumentElement, PositionDefinition } from "@contrail/documents";
|
|
2
|
+
import { DocumentGenerationOptions, DocumentTemplate } from "./interfaces";
|
|
3
|
+
import { DataGroup } from "@contrail/data-grouping";
|
|
4
|
+
export declare class DocumentGenerator {
|
|
5
|
+
constructor();
|
|
6
|
+
static generateDocumentElements(options: DocumentGenerationOptions): Array<DocumentElement>;
|
|
7
|
+
static generateGroup(group: DataGroup, template: any, startingPosition: any, totalDepth: any, currentDepth: any): any[];
|
|
8
|
+
static getGroupSpan(group: DataGroup, totalDepth: any, currentDepth: any): number;
|
|
9
|
+
static generateFrameGroup(dataGroup: DataGroup, template: DocumentTemplate, position: PositionDefinition): Array<DocumentElement>;
|
|
10
|
+
static generateGroupHeading(dataGroup: DataGroup, template: DocumentTemplate, position: PositionDefinition, span: any): any[];
|
|
11
|
+
}
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.DocumentGenerator = void 0;
|
|
4
|
+
const documents_1 = require("@contrail/documents");
|
|
5
|
+
const interfaces_1 = require("./interfaces");
|
|
6
|
+
const util_1 = require("@contrail/util");
|
|
7
|
+
const frame_generator_1 = require("./frame-generator");
|
|
8
|
+
class DocumentGenerator {
|
|
9
|
+
constructor() {
|
|
10
|
+
}
|
|
11
|
+
static generateDocumentElements(options) {
|
|
12
|
+
const elements = [];
|
|
13
|
+
const structure = options.data.dataGroup;
|
|
14
|
+
const template = options.documentTemplateDefinition;
|
|
15
|
+
console.log("generateDocumentElements: ", structure.depth, structure.groupingProperties.length);
|
|
16
|
+
let position = options.startingCoordinates || { x: 0, y: 0 };
|
|
17
|
+
const group = structure.rootGroup;
|
|
18
|
+
elements.push(...this.generateGroup(group, template, position, structure.depth, 0));
|
|
19
|
+
return elements;
|
|
20
|
+
}
|
|
21
|
+
static generateGroup(group, template, startingPosition, totalDepth, currentDepth) {
|
|
22
|
+
const elements = [];
|
|
23
|
+
let position = util_1.ObjectUtil.cloneDeep(startingPosition);
|
|
24
|
+
if (currentDepth > 0) {
|
|
25
|
+
let groupHeaderPosition = { x: position.x + template.framePadding, y: position.y + template.framePadding };
|
|
26
|
+
let span = this.getGroupSpan(group, totalDepth, currentDepth);
|
|
27
|
+
elements.push(...this.generateGroupHeading(group, template, groupHeaderPosition, span));
|
|
28
|
+
let groupHeaderDimensions = { width: template.frameSize.width, height: template.frameGroupHeaderTemplate.size.height };
|
|
29
|
+
if (template.frameOrientation === interfaces_1.Orientation.HORIZONTAL) {
|
|
30
|
+
position = { x: position.x + groupHeaderDimensions.height + template.framePadding, y: position.y };
|
|
31
|
+
}
|
|
32
|
+
else {
|
|
33
|
+
position = { x: position.x, y: position.y + groupHeaderDimensions.height + template.framePadding };
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
if (currentDepth === totalDepth) {
|
|
37
|
+
elements.push(...this.generateFrameGroup(group, template, position));
|
|
38
|
+
}
|
|
39
|
+
if (currentDepth < totalDepth) {
|
|
40
|
+
for (let subGroup of group.subGroups) {
|
|
41
|
+
elements.push(...this.generateGroup(subGroup, template, position, totalDepth, currentDepth + 1));
|
|
42
|
+
let frameSetMultiple = this.getGroupSpan(subGroup, totalDepth, currentDepth + 1);
|
|
43
|
+
let paddingMultiple = 1;
|
|
44
|
+
if (currentDepth < totalDepth) {
|
|
45
|
+
paddingMultiple = frameSetMultiple;
|
|
46
|
+
}
|
|
47
|
+
if (template.frameOrientation === interfaces_1.Orientation.HORIZONTAL) {
|
|
48
|
+
position = { x: position.x, y: position.y + (template.frameSize.height * frameSetMultiple) + (template.framePadding * paddingMultiple) };
|
|
49
|
+
}
|
|
50
|
+
else {
|
|
51
|
+
position = { x: position.x + (template.frameSize.width * frameSetMultiple) + (template.framePadding * paddingMultiple), y: position.y };
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
return elements;
|
|
56
|
+
}
|
|
57
|
+
static getGroupSpan(group, totalDepth, currentDepth) {
|
|
58
|
+
let span = 1;
|
|
59
|
+
if (currentDepth !== totalDepth) {
|
|
60
|
+
span = group.subGroups.length;
|
|
61
|
+
}
|
|
62
|
+
return span;
|
|
63
|
+
}
|
|
64
|
+
static generateFrameGroup(dataGroup, template, position) {
|
|
65
|
+
const elements = [];
|
|
66
|
+
let framePosition = { x: position.x + template.framePadding, y: position.y + template.framePadding };
|
|
67
|
+
for (let group of dataGroup.subGroups) {
|
|
68
|
+
elements.push(...frame_generator_1.FrameGenerator.generateFrameForDataGroup(group, framePosition, template));
|
|
69
|
+
if (template.frameOrientation === interfaces_1.Orientation.HORIZONTAL) {
|
|
70
|
+
framePosition.x = framePosition.x + template.frameSize.width + template.framePadding || 10;
|
|
71
|
+
}
|
|
72
|
+
else {
|
|
73
|
+
framePosition.y = framePosition.y + template.frameSize.height + template.framePadding || 10;
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
return elements;
|
|
77
|
+
}
|
|
78
|
+
static generateGroupHeading(dataGroup, template, position, span) {
|
|
79
|
+
const elements = [];
|
|
80
|
+
const heading = documents_1.DocumentElementFactory.createTextElement("Placeholder", {});
|
|
81
|
+
heading.style = { border: { width: 1, color: "rgba(0,0,0,0)" }, color: "#000000", backgroundColor: template.frameGroupHeaderTemplate.style.backgroundColor || 'black' };
|
|
82
|
+
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>`;
|
|
83
|
+
heading.position = position;
|
|
84
|
+
if (template.frameOrientation === interfaces_1.Orientation.HORIZONTAL) {
|
|
85
|
+
let sizeDim = template.frameSize.height * span;
|
|
86
|
+
if (span > 1) {
|
|
87
|
+
sizeDim += (span - 1) * template.framePadding;
|
|
88
|
+
}
|
|
89
|
+
heading.size = { width: sizeDim, height: template.frameGroupHeaderTemplate.size.height };
|
|
90
|
+
heading.rotate = { angle: 270 };
|
|
91
|
+
heading.position.x = heading.position.x - (heading.size.width / 2) + (heading.size.height / 2);
|
|
92
|
+
heading.position.y = heading.position.y + (heading.size.width / 2) - (heading.size.height / 2);
|
|
93
|
+
}
|
|
94
|
+
else {
|
|
95
|
+
let sizeDim = template.frameSize.width * span;
|
|
96
|
+
if (span > 1) {
|
|
97
|
+
sizeDim += (span - 1) * template.framePadding;
|
|
98
|
+
}
|
|
99
|
+
heading.rotate = { angle: 0 };
|
|
100
|
+
heading.size = { width: sizeDim, height: template.frameGroupHeaderTemplate.size.height };
|
|
101
|
+
}
|
|
102
|
+
elements.push(heading);
|
|
103
|
+
return elements;
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
exports.DocumentGenerator = DocumentGenerator;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { DocumentElement, PositionDefinition, SizeDefinition } from "@contrail/documents";
|
|
2
|
+
import { DataGroup } from "@contrail/data-grouping";
|
|
3
|
+
import { DocumentTemplate } from "./interfaces";
|
|
4
|
+
export declare class FrameGenerator {
|
|
5
|
+
static generateFrameForDataGroup(dataGroup: DataGroup, framePosition: PositionDefinition, template: DocumentTemplate): any[];
|
|
6
|
+
static generateFrameHeaderForDataGroup(dataGroup: DataGroup, position: PositionDefinition, template: DocumentTemplate, headerSize: SizeDefinition): DocumentElement[];
|
|
7
|
+
static generateFrameInfoPanelForDataGroup(dataGroup: DataGroup, position: PositionDefinition, template: DocumentTemplate, panelSize: SizeDefinition): DocumentElement[];
|
|
8
|
+
static generateFrame(options: DocumentElement): DocumentElement;
|
|
9
|
+
}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.FrameGenerator = void 0;
|
|
4
|
+
const documents_1 = require("@contrail/documents");
|
|
5
|
+
const component_grid_generator_1 = require("./components/component-grid-generator");
|
|
6
|
+
const util_1 = require("@contrail/util");
|
|
7
|
+
const document_util_1 = require("./util/document-util");
|
|
8
|
+
const info_panel_generator_1 = require("./info-panel/info-panel-generator");
|
|
9
|
+
class FrameGenerator {
|
|
10
|
+
static generateFrameForDataGroup(dataGroup, framePosition, template) {
|
|
11
|
+
var _a, _b;
|
|
12
|
+
const elements = [];
|
|
13
|
+
const frame = this.generateFrame({
|
|
14
|
+
position: util_1.ObjectUtil.cloneDeep(framePosition),
|
|
15
|
+
size: template.frameSize,
|
|
16
|
+
style: { backgroundColor: "#fff", border: { width: 1, color: "#616161" } }
|
|
17
|
+
});
|
|
18
|
+
frame.name = dataGroup.name;
|
|
19
|
+
const FRAME_PADDING = 20;
|
|
20
|
+
const headerPosition = util_1.ObjectUtil.cloneDeep(framePosition);
|
|
21
|
+
headerPosition.y = headerPosition.y + FRAME_PADDING;
|
|
22
|
+
headerPosition.x = headerPosition.x + FRAME_PADDING;
|
|
23
|
+
const panelPosition = util_1.ObjectUtil.cloneDeep(framePosition);
|
|
24
|
+
panelPosition.y = panelPosition.y + FRAME_PADDING;
|
|
25
|
+
panelPosition.x = panelPosition.x + FRAME_PADDING;
|
|
26
|
+
let frameHeaderDimensions = { height: 0, width: 0 };
|
|
27
|
+
let framePanelDimensions = { height: 0, width: 0 };
|
|
28
|
+
let hasPanel = false;
|
|
29
|
+
let hasHeader = false;
|
|
30
|
+
elements.push(util_1.ObjectUtil.cloneDeep(frame));
|
|
31
|
+
if (template.frameHeaderTemplate) {
|
|
32
|
+
hasHeader = true;
|
|
33
|
+
frameHeaderDimensions = { height: 50, width: template.frameSize.width - 50 };
|
|
34
|
+
elements.push(...this.generateFrameHeaderForDataGroup(dataGroup, headerPosition, template, frameHeaderDimensions));
|
|
35
|
+
}
|
|
36
|
+
if (template.frameInfoPanelTemplate) {
|
|
37
|
+
hasPanel = true;
|
|
38
|
+
framePanelDimensions = { width: ((_b = (_a = template.frameInfoPanelTemplate.panelDocumentTemplate) === null || _a === void 0 ? void 0 : _a.size) === null || _b === void 0 ? void 0 : _b.width) || 300 };
|
|
39
|
+
framePanelDimensions.height = template.frameSize.height - (2 * FRAME_PADDING);
|
|
40
|
+
elements.push(...this.generateFrameInfoPanelForDataGroup(dataGroup, panelPosition, template, framePanelDimensions));
|
|
41
|
+
}
|
|
42
|
+
const GRID_MARGIN = 20;
|
|
43
|
+
let gridPosition = util_1.ObjectUtil.cloneDeep(framePosition);
|
|
44
|
+
if (hasHeader) {
|
|
45
|
+
gridPosition = util_1.ObjectUtil.cloneDeep(headerPosition);
|
|
46
|
+
gridPosition.y = gridPosition.y + frameHeaderDimensions.height + GRID_MARGIN;
|
|
47
|
+
}
|
|
48
|
+
if (hasPanel) {
|
|
49
|
+
gridPosition = util_1.ObjectUtil.cloneDeep(panelPosition);
|
|
50
|
+
gridPosition.x = gridPosition.x + framePanelDimensions.width + GRID_MARGIN;
|
|
51
|
+
}
|
|
52
|
+
const relativeGridPosition = document_util_1.DocumentUtil.getRelativePosition(framePosition, gridPosition);
|
|
53
|
+
const frameSize = template.frameSize;
|
|
54
|
+
const idealGridSize = {
|
|
55
|
+
width: frameSize.width - relativeGridPosition.x - FRAME_PADDING,
|
|
56
|
+
height: frameSize.height - relativeGridPosition.y - FRAME_PADDING
|
|
57
|
+
};
|
|
58
|
+
elements.push(...component_grid_generator_1.ComponentGridGenerator.generateComponentGrid(dataGroup.data, gridPosition, template.componentGridTemplate, idealGridSize));
|
|
59
|
+
return elements;
|
|
60
|
+
}
|
|
61
|
+
static generateFrameHeaderForDataGroup(dataGroup, position, template, headerSize) {
|
|
62
|
+
const heading = documents_1.DocumentElementFactory.createTextElement(dataGroup.name, template.frameHeaderTemplate);
|
|
63
|
+
heading.style = { border: { width: 1, color: "rgba(0,0,0,0)" }, color: "#000000", backgroundColor: template.frameHeaderTemplate.style.backgroundColor || 'black' };
|
|
64
|
+
heading.text = `<p><span style=\"font-size: ${template.frameHeaderTemplate.style.font.size}pt;\"><strong><span style=\"color: ${template.frameHeaderTemplate.style.color};\">${dataGroup.name}</span></strong></span></p>`;
|
|
65
|
+
heading.size = util_1.ObjectUtil.cloneDeep(headerSize);
|
|
66
|
+
heading.position = util_1.ObjectUtil.cloneDeep(position);
|
|
67
|
+
return [heading];
|
|
68
|
+
}
|
|
69
|
+
static generateFrameInfoPanelForDataGroup(dataGroup, position, template, panelSize) {
|
|
70
|
+
return info_panel_generator_1.InfoPanelGenerator.generatePanelFromTemplate(dataGroup.propertyValues, template.frameInfoPanelTemplate, position, panelSize);
|
|
71
|
+
}
|
|
72
|
+
static generateFrame(options) {
|
|
73
|
+
const frame = documents_1.DocumentElementFactory.createFrameElement(options);
|
|
74
|
+
return frame;
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
exports.FrameGenerator = FrameGenerator;
|
package/lib/index.d.ts
ADDED
package/lib/index.js
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./document-generator"), exports);
|
|
18
|
+
__exportStar(require("./interfaces"), exports);
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { DocumentElement, PositionDefinition, SizeDefinition } from "@contrail/documents";
|
|
2
|
+
import { FrameInfoPanelTemplate } from "../interfaces";
|
|
3
|
+
export declare class InfoPanelGenerator {
|
|
4
|
+
static generatePanelFromTemplate(data: any, template: FrameInfoPanelTemplate, position: PositionDefinition, panelSize: SizeDefinition): Array<DocumentElement>;
|
|
5
|
+
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.InfoPanelGenerator = void 0;
|
|
4
|
+
const documents_1 = require("@contrail/documents");
|
|
5
|
+
const util_1 = require("@contrail/util");
|
|
6
|
+
const document_property_util_1 = require("../util/document-property-util");
|
|
7
|
+
class InfoPanelGenerator {
|
|
8
|
+
static generatePanelFromTemplate(data, template, position, panelSize) {
|
|
9
|
+
var _a;
|
|
10
|
+
if (!template.propertyTemplate) {
|
|
11
|
+
throw Error("No panel property template defined");
|
|
12
|
+
}
|
|
13
|
+
const elements = [];
|
|
14
|
+
const panel = documents_1.DocumentElementFactory.createShapeElement('rectangle', {});
|
|
15
|
+
panel.style = ((_a = template.panelDocumentTemplate) === null || _a === void 0 ? void 0 : _a.style) || {};
|
|
16
|
+
panel.size = util_1.ObjectUtil.cloneDeep(panelSize) || {};
|
|
17
|
+
panel.position = util_1.ObjectUtil.cloneDeep(position);
|
|
18
|
+
elements.push(panel);
|
|
19
|
+
const textOptions = {
|
|
20
|
+
style: {
|
|
21
|
+
text: {
|
|
22
|
+
align: template.propertyTemplate.textHorizontalAlignment
|
|
23
|
+
}
|
|
24
|
+
},
|
|
25
|
+
size: {
|
|
26
|
+
width: panelSize.width - 10
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
const textElements = document_property_util_1.DocumentPropertyUtil.generatePropertyTextElements(data, template.propertyTemplate.properties, textOptions, { x: panel.position.x, y: panel.position.y }, false);
|
|
30
|
+
elements.push(...textElements);
|
|
31
|
+
return elements;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
exports.InfoPanelGenerator = InfoPanelGenerator;
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { DataGroupStructure } from "@contrail/data-grouping";
|
|
2
|
+
import { PositionDefinition, SizeDefinition, DocumentElement, StyleDefinition } from "@contrail/documents";
|
|
3
|
+
import { TypeProperty } from "@contrail/types";
|
|
4
|
+
export declare enum Orientation {
|
|
5
|
+
HORIZONTAL = "horizontal",
|
|
6
|
+
VERTICAL = "vertical"
|
|
7
|
+
}
|
|
8
|
+
export interface DocumentGenerationDataDefinition {
|
|
9
|
+
dataGroup: DataGroupStructure;
|
|
10
|
+
}
|
|
11
|
+
export interface DocumentGenerationOptions {
|
|
12
|
+
startingCoordinates: PositionDefinition;
|
|
13
|
+
data: DocumentGenerationDataDefinition;
|
|
14
|
+
documentTemplateDefinition: DocumentTemplate;
|
|
15
|
+
}
|
|
16
|
+
export interface DocumentTemplate {
|
|
17
|
+
frameOrientation: Orientation;
|
|
18
|
+
frameSize: SizeDefinition;
|
|
19
|
+
framePadding?: number;
|
|
20
|
+
frameGroupHeaderTemplate: DocumentElement;
|
|
21
|
+
frameHeaderTemplate?: DocumentElement;
|
|
22
|
+
frameInfoPanelTemplate?: FrameInfoPanelTemplate;
|
|
23
|
+
componentGridTemplate: ComponentGridTemplate;
|
|
24
|
+
}
|
|
25
|
+
export interface FrameInfoPanelTemplate {
|
|
26
|
+
panelDocumentTemplate: DocumentElement;
|
|
27
|
+
propertyTemplate: PanelPropertyTemplate;
|
|
28
|
+
}
|
|
29
|
+
export interface PanelPropertyTemplate {
|
|
30
|
+
textHorizontalAlignment?: 'center' | 'right' | 'left';
|
|
31
|
+
properties: Array<DocumentPropertyDefinition>;
|
|
32
|
+
}
|
|
33
|
+
export interface ComponentGridTemplate {
|
|
34
|
+
componentTemplate: ComponentTemplate;
|
|
35
|
+
componentPadding?: number;
|
|
36
|
+
gridDimensions: {
|
|
37
|
+
rows: number;
|
|
38
|
+
cols: number;
|
|
39
|
+
};
|
|
40
|
+
}
|
|
41
|
+
export interface ComponentTemplate {
|
|
42
|
+
propertyTemplate?: ComponentPropertyTemplate;
|
|
43
|
+
}
|
|
44
|
+
export interface ComponentPropertyTemplate {
|
|
45
|
+
imageDimension?: SizeDefinition;
|
|
46
|
+
imageLocation?: 'top' | 'right' | 'left' | 'bottom';
|
|
47
|
+
textHorizontalAlignment?: 'center' | 'right' | 'left';
|
|
48
|
+
properties: Array<DocumentPropertyDefinition>;
|
|
49
|
+
}
|
|
50
|
+
export interface DocumentPropertyDefinition {
|
|
51
|
+
style?: StyleDefinition;
|
|
52
|
+
propertyDefinition: TypeProperty;
|
|
53
|
+
slug: string;
|
|
54
|
+
typeRootSlug: string;
|
|
55
|
+
includeLabel?: boolean;
|
|
56
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Orientation = void 0;
|
|
4
|
+
var Orientation;
|
|
5
|
+
(function (Orientation) {
|
|
6
|
+
Orientation["HORIZONTAL"] = "horizontal";
|
|
7
|
+
Orientation["VERTICAL"] = "vertical";
|
|
8
|
+
})(Orientation = exports.Orientation || (exports.Orientation = {}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|