@pdfme/ui 1.0.18 → 1.1.0

package/declaration.d.ts

@@ -1,7 +1,3 @@
-declare module '*.css';
-declare module '*.svg';
-declare module '*.ttf';
-
 declare module '*.png' {
   const value: any;
   export = value;

package/dist/cjs/__tests__/assets/helper.js

@@ -0,0 +1,79 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSampleTemplate = exports.setupUIMock = void 0;
+const hooks = __importStar(require("../../src/hooks.js"));
+const helper_js_1 = require("../../src/helper.js");
+const common_1 = require("@pdfme/common");
+const setupUIMock = () => {
+    const backgrounds = ['data:image/png;base64,a...'];
+    const pageSizes = [{ height: 297, width: 210 }];
+    const mock = jest.spyOn(hooks, 'useUIPreProcessor');
+    mock.mockImplementation(() => ({ backgrounds, pageSizes, scale: 1, error: null }));
+    helper_js_1.getPdfPageSizes = jest.fn().mockReturnValue(Promise.resolve(pageSizes));
+    helper_js_1.pdf2Pngs = jest.fn().mockReturnValue(Promise.resolve(backgrounds));
+    helper_js_1.uuid = jest
+        .fn()
+        .mockReturnValueOnce('1')
+        .mockReturnValueOnce('2')
+        .mockReturnValueOnce('3')
+        .mockReturnValueOnce('4')
+        .mockReturnValueOnce('5');
+    const FontFace = jest.fn().mockReturnValue({ load: () => Promise.resolve() });
+    global.window.FontFace = FontFace;
+};
+exports.setupUIMock = setupUIMock;
+const getSampleTemplate = () => ({
+    columns: ['field1', 'field2'],
+    sampledata: [
+        {
+            field1: 'bb',
+            field2: 'aaaaaaaaaaaa',
+        },
+    ],
+    basePdf: common_1.BLANK_PDF,
+    schemas: [
+        {
+            field1: {
+                type: 'text',
+                position: { x: 20, y: 20 },
+                width: 100,
+                height: 15,
+                alignment: 'left',
+                fontSize: 30,
+                characterSpacing: 0,
+                lineHeight: 1,
+            },
+            field2: {
+                type: 'image',
+                position: { x: 20, y: 35 },
+                width: 100,
+                height: 40,
+            },
+        },
+    ],
+});
+exports.getSampleTemplate = getSampleTemplate;
+//# sourceMappingURL=helper.js.map

package/dist/cjs/__tests__/assets/helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.js","sourceRoot":"","sources":["../../../../__tests__/assets/helper.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0DAA4C;AAC5C,mDAAsE;AACtE,0CAAoD;AAE7C,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,WAAW,GAAG,CAAC,4BAA4B,CAAC,CAAC;IACnD,MAAM,SAAS,GAAG,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;IAChD,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,mBAAmB,CAAC,CAAC;IACpD,IAAI,CAAC,kBAAkB,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAClF,2BAA6B,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;IACtF,oBAAsB,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;IACjF,gBAAkB,GAAG,IAAI;SACvB,EAAE,EAAE;SACJ,mBAAmB,CAAC,GAAG,CAAC;SACxB,mBAAmB,CAAC,GAAG,CAAC;SACxB,mBAAmB,CAAC,GAAG,CAAC;SACxB,mBAAmB,CAAC,GAAG,CAAC;SACxB,mBAAmB,CAAC,GAAG,CAAC,CAAC;IAC5B,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;IAC9E,MAAM,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ,CAAC;AACpC,CAAC,CAAC;AAhBW,QAAA,WAAW,eAgBtB;AAEK,MAAM,iBAAiB,GAAG,GAAa,EAAE,CAAC,CAAC;IAChD,OAAO,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC7B,UAAU,EAAE;QACV;YACE,MAAM,EAAE,IAAI;YACZ,MAAM,EAAE,cAAc;SACvB;KACF;IACD,OAAO,EAAE,kBAAS;IAClB,OAAO,EAAE;QACP;YACE,MAAM,EAAE;gBACN,IAAI,EAAE,MAAM;gBACZ,QAAQ,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE;gBAC1B,KAAK,EAAE,GAAG;gBACV,MAAM,EAAE,EAAE;gBACV,SAAS,EAAE,MAAM;gBACjB,QAAQ,EAAE,EAAE;gBACZ,gBAAgB,EAAE,CAAC;gBACnB,UAAU,EAAE,CAAC;aACd;YACD,MAAM,EAAE;gBACN,IAAI,EAAE,OAAO;gBACb,QAAQ,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE;gBAC1B,KAAK,EAAE,GAAG;gBACV,MAAM,EAAE,EAAE;aACX;SACF;KACF;CACF,CAAC,CAAC;AA7BU,QAAA,iBAAiB,qBA6B3B"}

package/dist/cjs/__tests__/components/Designer.test.js

@@ -0,0 +1,39 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * @jest-environment jsdom
+ */
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@testing-library/react");
+require("@testing-library/jest-dom");
+const index_js_1 = __importDefault(require("../../src/components/Designer/index.js"));
+const contexts_js_1 = require("../../src/contexts.js");
+const i18n_js_1 = require("../../src/i18n.js");
+const constants_js_1 = require("../../src/constants.js");
+const common_1 = require("@pdfme/common");
+const helper_js_1 = require("../assets/helper.js");
+test('Designer snapshot', () => __awaiter(void 0, void 0, void 0, function* () {
+    (0, helper_js_1.setupUIMock)();
+    let container = document.createElement('a');
+    (0, react_2.act)(() => {
+        const { container: c } = (0, react_2.render)(react_1.default.createElement(contexts_js_1.I18nContext.Provider, { value: (0, i18n_js_1.curriedI18n)('en') },
+            react_1.default.createElement(contexts_js_1.FontContext.Provider, { value: (0, common_1.getDefaultFont)() },
+                react_1.default.createElement(index_js_1.default, { template: (0, helper_js_1.getSampleTemplate)(), onSaveTemplate: console.log, onChangeTemplate: console.log, size: { width: 1200, height: 1200 } }))));
+        container = c;
+    });
+    yield (0, react_2.waitFor)(() => Boolean(container === null || container === void 0 ? void 0 : container.getElementsByClassName(constants_js_1.SELECTABLE_CLASSNAME)));
+    expect(container.firstChild).toMatchSnapshot();
+}));
+//# sourceMappingURL=Designer.test.js.map

package/dist/cjs/__tests__/components/Designer.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Designer.test.js","sourceRoot":"","sources":["../../../../__tests__/components/Designer.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA;;GAEG;AACH,kDAA0B;AAC1B,kDAA8D;AAC9D,qCAAmC;AACnC,sFAA8D;AAC9D,uDAAiE;AACjE,+CAAgD;AAChD,yDAA8D;AAC9D,0CAA+C;AAC/C,mDAAqE;AAErE,IAAI,CAAC,mBAAmB,EAAE,GAAS,EAAE;IACnC,IAAA,uBAAW,GAAE,CAAC;IACd,IAAI,SAAS,GAAgB,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACzD,IAAA,WAAG,EAAC,GAAG,EAAE;QACP,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,IAAA,cAAM,EAC7B,8BAAC,yBAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAA,qBAAW,EAAC,IAAI,CAAC;YAC5C,8BAAC,yBAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAA,uBAAc,GAAE;gBAC3C,8BAAC,kBAAQ,IACP,QAAQ,EAAE,IAAA,6BAAiB,GAAE,EAC7B,cAAc,EAAE,OAAO,CAAC,GAAG,EAC3B,gBAAgB,EAAE,OAAO,CAAC,GAAG,EAC7B,IAAI,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,GACnC,CACmB,CACF,CACxB,CAAC;QACF,SAAS,GAAG,CAAC,CAAC;IAChB,CAAC,CAAC,CAAC;IAEH,MAAM,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,sBAAsB,CAAC,mCAAoB,CAAC,CAAC,CAAC,CAAC;IACtF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;AACjD,CAAC,CAAA,CAAC,CAAC"}

package/dist/cjs/__tests__/components/Preview.test.js

@@ -0,0 +1,51 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * @jest-environment jsdom
+ */
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@testing-library/react");
+require("@testing-library/jest-dom");
+const Preview_1 = __importDefault(require("../../src/components/Preview"));
+const contexts_1 = require("../../src/contexts");
+const i18n_1 = require("../../src/i18n");
+const constants_1 = require("../../src/constants");
+const common_1 = require("@pdfme/common");
+const helper_1 = require("../assets/helper");
+test('Preview(as Viewer) snapshot', () => __awaiter(void 0, void 0, void 0, function* () {
+    (0, helper_1.setupUIMock)();
+    let container = document.createElement('a');
+    (0, react_2.act)(() => {
+        const { container: c } = (0, react_2.render)(react_1.default.createElement(contexts_1.I18nContext.Provider, { value: (0, i18n_1.curriedI18n)('en') },
+            react_1.default.createElement(contexts_1.FontContext.Provider, { value: (0, common_1.getDefaultFont)() },
+                react_1.default.createElement(Preview_1.default, { template: (0, helper_1.getSampleTemplate)(), inputs: [{ field1: 'field1', field2: 'field2' }], size: { width: 1200, height: 1200 } }))));
+        container = c;
+    });
+    yield (0, react_2.waitFor)(() => Boolean(container === null || container === void 0 ? void 0 : container.getElementsByClassName(constants_1.SELECTABLE_CLASSNAME)));
+    expect(container.firstChild).toMatchSnapshot();
+}));
+test('Preview(as Form) snapshot', () => __awaiter(void 0, void 0, void 0, function* () {
+    (0, helper_1.setupUIMock)();
+    let container = document.createElement('a');
+    (0, react_2.act)(() => {
+        const { container: c } = (0, react_2.render)(react_1.default.createElement(contexts_1.I18nContext.Provider, { value: (0, i18n_1.curriedI18n)('en') },
+            react_1.default.createElement(contexts_1.FontContext.Provider, { value: (0, common_1.getDefaultFont)() },
+                react_1.default.createElement(Preview_1.default, { template: (0, helper_1.getSampleTemplate)(), inputs: [{ field1: 'field1', field2: 'field2' }], size: { width: 1200, height: 1200 }, onChangeInput: console.log }))));
+        container = c;
+    });
+    yield (0, react_2.waitFor)(() => Boolean(container === null || container === void 0 ? void 0 : container.getElementsByClassName(constants_1.SELECTABLE_CLASSNAME)));
+    expect(container.firstChild).toMatchSnapshot();
+}));
+//# sourceMappingURL=Preview.test.js.map

package/dist/cjs/__tests__/components/Preview.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Preview.test.js","sourceRoot":"","sources":["../../../../__tests__/components/Preview.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA;;GAEG;AACH,kDAA0B;AAC1B,kDAA8D;AAC9D,qCAAmC;AACnC,2EAAmD;AACnD,iDAA8D;AAC9D,yCAA6C;AAC7C,mDAA2D;AAC3D,0CAA+C;AAC/C,6CAAkE;AAElE,IAAI,CAAC,6BAA6B,EAAE,GAAS,EAAE;IAC7C,IAAA,oBAAW,GAAE,CAAC;IACd,IAAI,SAAS,GAAgB,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACzD,IAAA,WAAG,EAAC,GAAG,EAAE;QACP,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,IAAA,cAAM,EAC7B,8BAAC,sBAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAA,kBAAW,EAAC,IAAI,CAAC;YAC5C,8BAAC,sBAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAA,uBAAc,GAAE;gBAC3C,8BAAC,iBAAO,IACN,QAAQ,EAAE,IAAA,0BAAiB,GAAE,EAC7B,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,EAChD,IAAI,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,GACnC,CACmB,CACF,CACxB,CAAC;QACF,SAAS,GAAG,CAAC,CAAC;IAChB,CAAC,CAAC,CAAC;IAEH,MAAM,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,sBAAsB,CAAC,gCAAoB,CAAC,CAAC,CAAC,CAAC;IACtF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;AACjD,CAAC,CAAA,CAAC,CAAC;AAEH,IAAI,CAAC,2BAA2B,EAAE,GAAS,EAAE;IAC3C,IAAA,oBAAW,GAAE,CAAC;IACd,IAAI,SAAS,GAAgB,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACzD,IAAA,WAAG,EAAC,GAAG,EAAE;QACP,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,IAAA,cAAM,EAC7B,8BAAC,sBAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAA,kBAAW,EAAC,IAAI,CAAC;YAC5C,8BAAC,sBAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAA,uBAAc,GAAE;gBAC3C,8BAAC,iBAAO,IACN,QAAQ,EAAE,IAAA,0BAAiB,GAAE,EAC7B,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,EAChD,IAAI,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,EACnC,aAAa,EAAE,OAAO,CAAC,GAAG,GAC1B,CACmB,CACF,CACxB,CAAC;QACF,SAAS,GAAG,CAAC,CAAC;IAChB,CAAC,CAAC,CAAC;IAEH,MAAM,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,sBAAsB,CAAC,gCAAoB,CAAC,CAAC,CAAC,CAAC;IACtF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;AACjD,CAAC,CAAA,CAAC,CAAC"}

package/dist/cjs/__tests__/helper.test.js

@@ -0,0 +1,94 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const helper_1 = require("../src/helper");
+describe('getUniqSchemaKey test', () => {
+    const getSchema = () => ({
+        type: 'text',
+        position: { x: 0, y: 0 },
+        width: 100,
+        height: 100,
+    });
+    test('getUniqSchemaKey case1', () => {
+        const copiedSchemaKey = 'a';
+        const schema = [Object.assign({ id: (0, helper_1.uuid)(), key: 'b', data: 'b' }, getSchema())];
+        const stackUniqSchemaKeys = [];
+        const uniqSchemaKey = (0, helper_1.getUniqSchemaKey)({ copiedSchemaKey, schema, stackUniqSchemaKeys });
+        expect(uniqSchemaKey).toBe('a copy');
+    });
+    test('getUniqSchemaKey case2', () => {
+        const copiedSchemaKey = 'a copy';
+        const schema = [Object.assign({ id: (0, helper_1.uuid)(), key: 'a copy', data: 'a' }, getSchema())];
+        const stackUniqSchemaKeys = [];
+        const uniqSchemaKey = (0, helper_1.getUniqSchemaKey)({ copiedSchemaKey, schema, stackUniqSchemaKeys });
+        expect(uniqSchemaKey).toBe('a copy 2');
+    });
+    test('getUniqSchemaKey case3', () => {
+        const copiedSchemaKey = 'a';
+        const schema = [
+            Object.assign({ id: (0, helper_1.uuid)(), key: 'a', data: 'a' }, getSchema()),
+            Object.assign({ id: (0, helper_1.uuid)(), key: 'a copy 2', data: 'a' }, getSchema()),
+        ];
+        const stackUniqSchemaKeys = [];
+        const uniqSchemaKey = (0, helper_1.getUniqSchemaKey)({ copiedSchemaKey, schema, stackUniqSchemaKeys });
+        expect(uniqSchemaKey).toBe('a copy 3');
+    });
+    test('getUniqSchemaKey case4', () => {
+        const copiedSchemaKey = 'a';
+        const schema = [
+            Object.assign({ id: (0, helper_1.uuid)(), key: 'a', data: 'a' }, getSchema()),
+            Object.assign({ id: (0, helper_1.uuid)(), key: 'a copy 2', data: 'a' }, getSchema()),
+        ];
+        const stackUniqSchemaKeys = ['a copy 3'];
+        const uniqSchemaKey = (0, helper_1.getUniqSchemaKey)({ copiedSchemaKey, schema, stackUniqSchemaKeys });
+        expect(uniqSchemaKey).toBe('a copy 4');
+    });
+    test('getUniqSchemaKey case5', () => {
+        const copiedSchemaKey = 'a';
+        const schema = [
+            Object.assign({ id: (0, helper_1.uuid)(), key: 'a', data: 'a' }, getSchema()),
+            Object.assign({ id: (0, helper_1.uuid)(), key: 'a copy 3', data: 'a' }, getSchema()),
+        ];
+        const stackUniqSchemaKeys = [];
+        const uniqSchemaKey = (0, helper_1.getUniqSchemaKey)({ copiedSchemaKey, schema, stackUniqSchemaKeys });
+        expect(uniqSchemaKey).toBe('a copy 4');
+    });
+    test('getUniqSchemaKey case6', () => {
+        const copiedSchemaKey = 'a';
+        const schema = [
+            Object.assign({ id: (0, helper_1.uuid)(), key: 'a', data: 'a' }, getSchema()),
+            Object.assign({ id: (0, helper_1.uuid)(), key: 'a copy 3', data: 'a' }, getSchema()),
+        ];
+        const stackUniqSchemaKeys = ['a copy 4'];
+        const uniqSchemaKey = (0, helper_1.getUniqSchemaKey)({ copiedSchemaKey, schema, stackUniqSchemaKeys });
+        expect(uniqSchemaKey).toBe('a copy 5');
+    });
+    test('getUniqSchemaKey case7', () => {
+        const copiedSchemaKey = 'a';
+        const schema = [Object.assign({ id: (0, helper_1.uuid)(), key: 'a', data: 'a' }, getSchema())];
+        const stackUniqSchemaKeys = ['a copy 2', 'a copy 3', 'a copy 4'];
+        const uniqSchemaKey = (0, helper_1.getUniqSchemaKey)({ copiedSchemaKey, schema, stackUniqSchemaKeys });
+        expect(uniqSchemaKey).toBe('a copy 5');
+    });
+    test('getUniqSchemaKey case8', () => {
+        const copiedSchemaKey = 'a copy 2';
+        const schema = [Object.assign({ id: (0, helper_1.uuid)(), key: 'a copy 2', data: 'a' }, getSchema())];
+        const stackUniqSchemaKeys = ['a copy 3'];
+        const uniqSchemaKey = (0, helper_1.getUniqSchemaKey)({ copiedSchemaKey, schema, stackUniqSchemaKeys });
+        expect(uniqSchemaKey).toBe('a copy 4');
+    });
+    test('getUniqSchemaKey case9', () => {
+        const copiedSchemaKey = 'a copy 9';
+        const schema = [Object.assign({ id: (0, helper_1.uuid)(), key: 'a copy 9', data: 'a' }, getSchema())];
+        const stackUniqSchemaKeys = ['a copy 10'];
+        const uniqSchemaKey = (0, helper_1.getUniqSchemaKey)({ copiedSchemaKey, schema, stackUniqSchemaKeys });
+        expect(uniqSchemaKey).toBe('a copy 11');
+    });
+    test('getUniqSchemaKey case10', () => {
+        const copiedSchemaKey = 'a copy 10';
+        const schema = [Object.assign({ id: (0, helper_1.uuid)(), key: 'a copy 10', data: 'a' }, getSchema())];
+        const stackUniqSchemaKeys = [];
+        const uniqSchemaKey = (0, helper_1.getUniqSchemaKey)({ copiedSchemaKey, schema, stackUniqSchemaKeys });
+        expect(uniqSchemaKey).toBe('a copy 11');
+    });
+});
+//# sourceMappingURL=helper.test.js.map

package/dist/cjs/__tests__/helper.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.test.js","sourceRoot":"","sources":["../../../__tests__/helper.test.ts"],"names":[],"mappings":"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"}

package/dist/cjs/src/Designer.js

@@ -0,0 +1,62 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_dom_1 = __importDefault(require("react-dom"));
+const common_1 = require("@pdfme/common");
+const class_js_1 = require("./class.js");
+const constants_js_1 = require("./constants.js");
+const contexts_js_1 = require("./contexts.js");
+const index_js_1 = __importDefault(require("./components/Designer/index.js"));
+const helper_js_1 = require("./helper.js");
+class Designer extends class_js_1.BaseUIClass {
+    constructor(props) {
+        super(props);
+        (0, common_1.checkDesignerProps)(props);
+        this.render();
+    }
+    saveTemplate() {
+        if (!this.domContainer)
+            throw Error(constants_js_1.DESTROYED_ERR_MSG);
+        if (this.onSaveTemplateCallback) {
+            this.onSaveTemplateCallback(this.template);
+        }
+    }
+    updateTemplate(template) {
+        (0, common_1.checkTemplate)(template);
+        if (!this.domContainer)
+            throw Error(constants_js_1.DESTROYED_ERR_MSG);
+        this.template = (0, helper_js_1.cloneDeep)(template);
+        if (this.onChangeTemplateCallback) {
+            this.onChangeTemplateCallback(template);
+        }
+        this.render();
+    }
+    onSaveTemplate(cb) {
+        this.onSaveTemplateCallback = cb;
+    }
+    onChangeTemplate(cb) {
+        this.onChangeTemplateCallback = cb;
+    }
+    render() {
+        if (!this.domContainer)
+            throw Error(constants_js_1.DESTROYED_ERR_MSG);
+        react_dom_1.default.render(react_1.default.createElement(contexts_js_1.I18nContext.Provider, { value: this.getI18n() },
+            react_1.default.createElement(contexts_js_1.FontContext.Provider, { value: this.getFont() },
+                react_1.default.createElement(index_js_1.default, { template: this.template, onSaveTemplate: (template) => {
+                        this.template = template;
+                        if (this.onSaveTemplateCallback) {
+                            this.onSaveTemplateCallback(template);
+                        }
+                    }, onChangeTemplate: (template) => {
+                        this.template = template;
+                        if (this.onChangeTemplateCallback) {
+                            this.onChangeTemplateCallback(template);
+                        }
+                    }, size: this.size }))), this.domContainer);
+    }
+}
+exports.default = Designer;
+//# sourceMappingURL=Designer.js.map

package/dist/cjs/src/Designer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Designer.js","sourceRoot":"","sources":["../../../src/Designer.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,0DAAiC;AACjC,0CAA2F;AAC3F,yCAAyC;AACzC,iDAAmD;AACnD,+CAAyD;AACzD,8EAA+D;AAC/D,2CAAwC;AAExC,MAAM,QAAS,SAAQ,sBAAW;IAIhC,YAAY,KAAoB;QAC9B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAA,2BAAkB,EAAC,KAAK,CAAC,CAAC;QAE1B,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAEM,YAAY;QACjB,IAAI,CAAC,IAAI,CAAC,YAAY;YAAE,MAAM,KAAK,CAAC,gCAAiB,CAAC,CAAC;QACvD,IAAI,IAAI,CAAC,sBAAsB,EAAE;YAC/B,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SAC5C;IACH,CAAC;IAEM,cAAc,CAAC,QAAkB;QACtC,IAAA,sBAAa,EAAC,QAAQ,CAAC,CAAC;QACxB,IAAI,CAAC,IAAI,CAAC,YAAY;YAAE,MAAM,KAAK,CAAC,gCAAiB,CAAC,CAAC;QACvD,IAAI,CAAC,QAAQ,GAAG,IAAA,qBAAS,EAAC,QAAQ,CAAC,CAAC;QACpC,IAAI,IAAI,CAAC,wBAAwB,EAAE;YACjC,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,CAAC;SACzC;QACD,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAEM,cAAc,CAAC,EAAgC;QACpD,IAAI,CAAC,sBAAsB,GAAG,EAAE,CAAC;IACnC,CAAC;IAEM,gBAAgB,CAAC,EAAgC;QACtD,IAAI,CAAC,wBAAwB,GAAG,EAAE,CAAC;IACrC,CAAC;IAES,MAAM;QACd,IAAI,CAAC,IAAI,CAAC,YAAY;YAAE,MAAM,KAAK,CAAC,gCAAiB,CAAC,CAAC;QACvD,mBAAQ,CAAC,MAAM,CACb,8BAAC,yBAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE;YACzC,8BAAC,yBAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE;gBACzC,8BAAC,kBAAiB,IAChB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,cAAc,EAAE,CAAC,QAAQ,EAAE,EAAE;wBAC3B,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;wBACzB,IAAI,IAAI,CAAC,sBAAsB,EAAE;4BAC/B,IAAI,CAAC,sBAAsB,CAAC,QAAQ,CAAC,CAAC;yBACvC;oBACH,CAAC,EACD,gBAAgB,EAAE,CAAC,QAAQ,EAAE,EAAE;wBAC7B,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;wBACzB,IAAI,IAAI,CAAC,wBAAwB,EAAE;4BACjC,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,CAAC;yBACzC;oBACH,CAAC,EACD,IAAI,EAAE,IAAI,CAAC,IAAI,GACf,CACmB,CACF,EACvB,IAAI,CAAC,YAAY,CAClB,CAAC;IACJ,CAAC;CACF;AAED,kBAAe,QAAQ,CAAC"}

package/dist/cjs/src/Form.js

@@ -0,0 +1,36 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_dom_1 = __importDefault(require("react-dom"));
+const class_js_1 = require("./class.js");
+const constants_js_1 = require("./constants.js");
+const contexts_js_1 = require("./contexts.js");
+const Preview_js_1 = __importDefault(require("./components/Preview.js"));
+class Form extends class_js_1.PreviewUI {
+    constructor(props) {
+        super(props);
+        this.render();
+    }
+    onChangeInput(cb) {
+        this.onChangeInputCallback = cb;
+    }
+    render() {
+        if (!this.domContainer)
+            throw Error(constants_js_1.DESTROYED_ERR_MSG);
+        react_dom_1.default.render(react_1.default.createElement(contexts_js_1.I18nContext.Provider, { value: this.getI18n() },
+            react_1.default.createElement(contexts_js_1.FontContext.Provider, { value: this.getFont() },
+                react_1.default.createElement(Preview_js_1.default, { template: this.template, size: this.size, inputs: this.inputs, onChangeInput: (arg) => {
+                        const { index, value, key } = arg;
+                        if (this.onChangeInputCallback) {
+                            this.onChangeInputCallback({ index, value, key });
+                        }
+                        this.inputs[index][key] = value;
+                        this.render();
+                    } }))), this.domContainer);
+    }
+}
+exports.default = Form;
+//# sourceMappingURL=Form.js.map

package/dist/cjs/src/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../src/Form.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,0DAAiC;AAEjC,yCAAuC;AACvC,iDAAmD;AACnD,+CAAyD;AACzD,yEAA8C;AAE9C,MAAM,IAAK,SAAQ,oBAAS;IAG1B,YAAY,KAAmB;QAC7B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAEM,aAAa,CAAC,EAAgE;QACnF,IAAI,CAAC,qBAAqB,GAAG,EAAE,CAAC;IAClC,CAAC;IAES,MAAM;QACd,IAAI,CAAC,IAAI,CAAC,YAAY;YAAE,MAAM,KAAK,CAAC,gCAAiB,CAAC,CAAC;QACvD,mBAAQ,CAAC,MAAM,CACb,8BAAC,yBAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE;YACzC,8BAAC,yBAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE;gBACzC,8BAAC,oBAAO,IACN,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,aAAa,EAAE,CAAC,GAAkD,EAAE,EAAE;wBACpE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,GAAG,CAAC;wBAClC,IAAI,IAAI,CAAC,qBAAqB,EAAE;4BAC9B,IAAI,CAAC,qBAAqB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;yBACnD;wBACD,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;wBAChC,IAAI,CAAC,MAAM,EAAE,CAAC;oBAChB,CAAC,GACD,CACmB,CACF,EACvB,IAAI,CAAC,YAAY,CAClB,CAAC;IACJ,CAAC;CACF;AAED,kBAAe,IAAI,CAAC"}

package/dist/cjs/src/Viewer.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_dom_1 = __importDefault(require("react-dom"));
+const class_js_1 = require("./class.js");
+const constants_js_1 = require("./constants.js");
+const contexts_js_1 = require("./contexts.js");
+const Preview_js_1 = __importDefault(require("./components/Preview.js"));
+class Viewer extends class_js_1.PreviewUI {
+    constructor(props) {
+        super(props);
+        this.render();
+    }
+    render() {
+        if (!this.domContainer)
+            throw Error(constants_js_1.DESTROYED_ERR_MSG);
+        react_dom_1.default.render(react_1.default.createElement(contexts_js_1.I18nContext.Provider, { value: this.getI18n() },
+            react_1.default.createElement(contexts_js_1.FontContext.Provider, { value: this.getFont() },
+                react_1.default.createElement(Preview_js_1.default, { template: this.template, size: this.size, inputs: this.inputs }))), this.domContainer);
+    }
+}
+exports.default = Viewer;
+//# sourceMappingURL=Viewer.js.map

package/dist/cjs/src/Viewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Viewer.js","sourceRoot":"","sources":["../../../src/Viewer.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,0DAAiC;AAEjC,yCAAuC;AACvC,iDAAmD;AACnD,+CAAyD;AACzD,yEAA8C;AAE9C,MAAM,MAAO,SAAQ,oBAAS;IAC5B,YAAY,KAAmB;QAC7B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAES,MAAM;QACd,IAAI,CAAC,IAAI,CAAC,YAAY;YAAE,MAAM,KAAK,CAAC,gCAAiB,CAAC,CAAC;QACvD,mBAAQ,CAAC,MAAM,CACb,8BAAC,yBAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE;YACzC,8BAAC,yBAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE;gBACzC,8BAAC,oBAAO,IAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,GAAI,CACrD,CACF,EACvB,IAAI,CAAC,YAAY,CAClB,CAAC;IACJ,CAAC;CACF;AAED,kBAAe,MAAM,CAAC"}

package/dist/cjs/src/class.js

@@ -0,0 +1,120 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PreviewUI = exports.BaseUIClass = void 0;
+const react_dom_1 = __importDefault(require("react-dom"));
+const i18n_js_1 = require("./i18n.js");
+const constants_js_1 = require("./constants.js");
+const helper_js_1 = require("./helper.js");
+const common_1 = require("@pdfme/common");
+const generateColumnsAndSampledataIfNeeded = (template) => {
+    const { schemas, columns, sampledata } = template;
+    const flatSchemaLength = schemas
+        .map((schema) => Object.keys(schema).length)
+        .reduce((acc, cur) => acc + cur, 0);
+    const neetColumns = !columns || flatSchemaLength !== columns.length;
+    const needSampledata = !sampledata || flatSchemaLength !== Object.keys(sampledata[0]).length;
+    // columns
+    if (neetColumns) {
+        template.columns = (0, helper_js_1.flatten)(schemas.map((schema) => Object.keys(schema)));
+    }
+    // sampledata
+    if (needSampledata) {
+        template.sampledata = [
+            schemas.reduce((acc, cur) => Object.assign(acc, Object.keys(cur).reduce((a, c) => Object.assign(a, { [c]: '' }), {})), {}),
+        ];
+    }
+    return template;
+};
+class BaseUIClass {
+    constructor(props) {
+        this.lang = constants_js_1.DEFAULT_LANG;
+        this.font = (0, common_1.getDefaultFont)();
+        this.setSize = (0, helper_js_1.debounce)(() => {
+            if (!this.domContainer)
+                throw Error(constants_js_1.DESTROYED_ERR_MSG);
+            this.size = {
+                height: this.domContainer.clientHeight || window.innerHeight,
+                width: this.domContainer.clientWidth || window.innerWidth,
+            };
+            this.render();
+        }, 100);
+        this.resizeObserver = new ResizeObserver(this.setSize);
+        (0, common_1.checkUIProps)(props);
+        const { domContainer, template, options } = props;
+        const { lang, font } = options || {};
+        this.domContainer = domContainer;
+        this.template = generateColumnsAndSampledataIfNeeded((0, helper_js_1.cloneDeep)(template));
+        this.size = {
+            height: this.domContainer.clientHeight || window.innerHeight,
+            width: this.domContainer.clientWidth || window.innerWidth,
+        };
+        this.resizeObserver.observe(this.domContainer);
+        if (lang) {
+            this.lang = lang;
+        }
+        if (font) {
+            this.font = font;
+        }
+    }
+    getI18n() {
+        return (0, i18n_js_1.curriedI18n)(this.lang);
+    }
+    getFont() {
+        return this.font;
+    }
+    getTemplate() {
+        if (!this.domContainer)
+            throw Error(constants_js_1.DESTROYED_ERR_MSG);
+        return this.template;
+    }
+    updateTemplate(template) {
+        (0, common_1.checkTemplate)(template);
+        if (!this.domContainer)
+            throw Error(constants_js_1.DESTROYED_ERR_MSG);
+        this.template = (0, helper_js_1.cloneDeep)(template);
+        this.render();
+    }
+    updateOptions(options) {
+        (0, common_1.checkUIOptions)(options);
+        const { lang, font } = options || {};
+        if (lang) {
+            this.lang = lang;
+        }
+        if (font) {
+            this.font = font;
+        }
+        this.render();
+    }
+    destroy() {
+        if (!this.domContainer)
+            throw Error(constants_js_1.DESTROYED_ERR_MSG);
+        react_dom_1.default.unmountComponentAtNode(this.domContainer);
+        this.resizeObserver.unobserve(this.domContainer);
+        this.domContainer = null;
+    }
+}
+exports.BaseUIClass = BaseUIClass;
+class PreviewUI extends BaseUIClass {
+    constructor(props) {
+        super(props);
+        (0, common_1.checkPreviewProps)(props);
+        this.inputs = (0, helper_js_1.cloneDeep)(props.inputs);
+    }
+    getInputs() {
+        if (!this.domContainer)
+            throw Error(constants_js_1.DESTROYED_ERR_MSG);
+        return this.inputs;
+    }
+    setInputs(inputs) {
+        if (!this.domContainer)
+            throw Error(constants_js_1.DESTROYED_ERR_MSG);
+        (0, common_1.checkInputs)(inputs);
+        this.inputs = (0, helper_js_1.cloneDeep)(inputs);
+        this.render();
+    }
+}
+exports.PreviewUI = PreviewUI;
+//# sourceMappingURL=class.js.map

package/dist/cjs/src/class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"class.js","sourceRoot":"","sources":["../../../src/class.ts"],"names":[],"mappings":"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"}