@pdfme/ui 1.1.1 → 1.1.3
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/dist/cjs/src/Designer.js +4 -3
- package/dist/cjs/src/Designer.js.map +1 -1
- package/dist/cjs/src/Form.js +4 -3
- package/dist/cjs/src/Form.js.map +1 -1
- package/dist/cjs/src/Viewer.js +4 -3
- package/dist/cjs/src/Viewer.js.map +1 -1
- package/dist/cjs/src/class.js +3 -5
- package/dist/cjs/src/class.js.map +1 -1
- package/dist/esm/src/Designer.js +4 -3
- package/dist/esm/src/Designer.js.map +1 -1
- package/dist/esm/src/Form.js +4 -3
- package/dist/esm/src/Form.js.map +1 -1
- package/dist/esm/src/Viewer.js +4 -3
- package/dist/esm/src/Viewer.js.map +1 -1
- package/dist/esm/src/class.js +3 -2
- package/dist/esm/src/class.js.map +1 -1
- package/package.json +5 -5
- package/src/Designer.tsx +4 -4
- package/src/Form.tsx +4 -4
- package/src/Viewer.tsx +4 -4
- package/src/class.ts +7 -5
package/dist/cjs/src/Designer.js
CHANGED
|
@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
const react_1 = __importDefault(require("react"));
|
|
7
|
-
const
|
|
7
|
+
const client_1 = require("react-dom/client");
|
|
8
8
|
const common_1 = require("@pdfme/common");
|
|
9
9
|
const class_js_1 = require("./class.js");
|
|
10
10
|
const constants_js_1 = require("./constants.js");
|
|
@@ -43,7 +43,8 @@ class Designer extends class_js_1.BaseUIClass {
|
|
|
43
43
|
render() {
|
|
44
44
|
if (!this.domContainer)
|
|
45
45
|
throw Error(constants_js_1.DESTROYED_ERR_MSG);
|
|
46
|
-
|
|
46
|
+
const root = (0, client_1.createRoot)(this.domContainer);
|
|
47
|
+
root.render(react_1.default.createElement(contexts_js_1.I18nContext.Provider, { value: this.getI18n() },
|
|
47
48
|
react_1.default.createElement(contexts_js_1.FontContext.Provider, { value: this.getFont() },
|
|
48
49
|
react_1.default.createElement(index_js_1.default, { template: this.template, onSaveTemplate: (template) => {
|
|
49
50
|
this.template = template;
|
|
@@ -55,7 +56,7 @@ class Designer extends class_js_1.BaseUIClass {
|
|
|
55
56
|
if (this.onChangeTemplateCallback) {
|
|
56
57
|
this.onChangeTemplateCallback(template);
|
|
57
58
|
}
|
|
58
|
-
}, size: this.size })))
|
|
59
|
+
}, size: this.size }))));
|
|
59
60
|
}
|
|
60
61
|
}
|
|
61
62
|
exports.default = Designer;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Designer.js","sourceRoot":"","sources":["../../../src/Designer.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,
|
|
1
|
+
{"version":3,"file":"Designer.js","sourceRoot":"","sources":["../../../src/Designer.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,6CAA8C;AAC9C,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,MAAM,IAAI,GAAG,IAAA,mBAAU,EAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAC3C,IAAI,CAAC,MAAM,CACT,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,CACxB,CAAC;IACJ,CAAC;CACF;AAED,kBAAe,QAAQ,CAAC"}
|
package/dist/cjs/src/Form.js
CHANGED
|
@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
const react_1 = __importDefault(require("react"));
|
|
7
|
-
const
|
|
7
|
+
const client_1 = require("react-dom/client");
|
|
8
8
|
const class_js_1 = require("./class.js");
|
|
9
9
|
const constants_js_1 = require("./constants.js");
|
|
10
10
|
const contexts_js_1 = require("./contexts.js");
|
|
@@ -20,7 +20,8 @@ class Form extends class_js_1.PreviewUI {
|
|
|
20
20
|
render() {
|
|
21
21
|
if (!this.domContainer)
|
|
22
22
|
throw Error(constants_js_1.DESTROYED_ERR_MSG);
|
|
23
|
-
|
|
23
|
+
const root = (0, client_1.createRoot)(this.domContainer);
|
|
24
|
+
root.render(react_1.default.createElement(contexts_js_1.I18nContext.Provider, { value: this.getI18n() },
|
|
24
25
|
react_1.default.createElement(contexts_js_1.FontContext.Provider, { value: this.getFont() },
|
|
25
26
|
react_1.default.createElement(Preview_js_1.default, { template: this.template, size: this.size, inputs: this.inputs, onChangeInput: (arg) => {
|
|
26
27
|
const { index, value, key } = arg;
|
|
@@ -29,7 +30,7 @@ class Form extends class_js_1.PreviewUI {
|
|
|
29
30
|
}
|
|
30
31
|
this.inputs[index][key] = value;
|
|
31
32
|
this.render();
|
|
32
|
-
} })))
|
|
33
|
+
} }))));
|
|
33
34
|
}
|
|
34
35
|
}
|
|
35
36
|
exports.default = Form;
|
package/dist/cjs/src/Form.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../src/Form.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,
|
|
1
|
+
{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../src/Form.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,6CAA8C;AAE9C,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,MAAM,IAAI,GAAG,IAAA,mBAAU,EAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAC3C,IAAI,CAAC,MAAM,CACT,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,CACxB,CAAC;IACJ,CAAC;CACF;AAED,kBAAe,IAAI,CAAC"}
|
package/dist/cjs/src/Viewer.js
CHANGED
|
@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
const react_1 = __importDefault(require("react"));
|
|
7
|
-
const
|
|
7
|
+
const client_1 = require("react-dom/client");
|
|
8
8
|
const class_js_1 = require("./class.js");
|
|
9
9
|
const constants_js_1 = require("./constants.js");
|
|
10
10
|
const contexts_js_1 = require("./contexts.js");
|
|
@@ -17,9 +17,10 @@ class Viewer extends class_js_1.PreviewUI {
|
|
|
17
17
|
render() {
|
|
18
18
|
if (!this.domContainer)
|
|
19
19
|
throw Error(constants_js_1.DESTROYED_ERR_MSG);
|
|
20
|
-
|
|
20
|
+
const root = (0, client_1.createRoot)(this.domContainer);
|
|
21
|
+
root.render(react_1.default.createElement(contexts_js_1.I18nContext.Provider, { value: this.getI18n() },
|
|
21
22
|
react_1.default.createElement(contexts_js_1.FontContext.Provider, { value: this.getFont() },
|
|
22
|
-
react_1.default.createElement(Preview_js_1.default, { template: this.template, size: this.size, inputs: this.inputs })))
|
|
23
|
+
react_1.default.createElement(Preview_js_1.default, { template: this.template, size: this.size, inputs: this.inputs }))));
|
|
23
24
|
}
|
|
24
25
|
}
|
|
25
26
|
exports.default = Viewer;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Viewer.js","sourceRoot":"","sources":["../../../src/Viewer.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,
|
|
1
|
+
{"version":3,"file":"Viewer.js","sourceRoot":"","sources":["../../../src/Viewer.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,6CAA8C;AAE9C,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,MAAM,IAAI,GAAG,IAAA,mBAAU,EAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAC3C,IAAI,CAAC,MAAM,CACT,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,CACxB,CAAC;IACJ,CAAC;CACF;AAED,kBAAe,MAAM,CAAC"}
|
package/dist/cjs/src/class.js
CHANGED
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
3
|
exports.PreviewUI = exports.BaseUIClass = void 0;
|
|
7
|
-
const
|
|
4
|
+
const client_1 = require("react-dom/client");
|
|
8
5
|
const i18n_js_1 = require("./i18n.js");
|
|
9
6
|
const constants_js_1 = require("./constants.js");
|
|
10
7
|
const helper_js_1 = require("./helper.js");
|
|
@@ -91,7 +88,8 @@ class BaseUIClass {
|
|
|
91
88
|
destroy() {
|
|
92
89
|
if (!this.domContainer)
|
|
93
90
|
throw Error(constants_js_1.DESTROYED_ERR_MSG);
|
|
94
|
-
|
|
91
|
+
const root = (0, client_1.createRoot)(this.domContainer);
|
|
92
|
+
root.unmount();
|
|
95
93
|
this.resizeObserver.unobserve(this.domContainer);
|
|
96
94
|
this.domContainer = null;
|
|
97
95
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"class.js","sourceRoot":"","sources":["../../../src/class.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"class.js","sourceRoot":"","sources":["../../../src/class.ts"],"names":[],"mappings":"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"}
|
package/dist/esm/src/Designer.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import
|
|
2
|
+
import { createRoot } from 'react-dom/client';
|
|
3
3
|
import { checkDesignerProps, checkTemplate } from '@pdfme/common';
|
|
4
4
|
import { BaseUIClass } from './class.js';
|
|
5
5
|
import { DESTROYED_ERR_MSG } from './constants.js';
|
|
@@ -38,7 +38,8 @@ class Designer extends BaseUIClass {
|
|
|
38
38
|
render() {
|
|
39
39
|
if (!this.domContainer)
|
|
40
40
|
throw Error(DESTROYED_ERR_MSG);
|
|
41
|
-
|
|
41
|
+
const root = createRoot(this.domContainer);
|
|
42
|
+
root.render(React.createElement(I18nContext.Provider, { value: this.getI18n() },
|
|
42
43
|
React.createElement(FontContext.Provider, { value: this.getFont() },
|
|
43
44
|
React.createElement(DesignerComponent, { template: this.template, onSaveTemplate: (template) => {
|
|
44
45
|
this.template = template;
|
|
@@ -50,7 +51,7 @@ class Designer extends BaseUIClass {
|
|
|
50
51
|
if (this.onChangeTemplateCallback) {
|
|
51
52
|
this.onChangeTemplateCallback(template);
|
|
52
53
|
}
|
|
53
|
-
}, size: this.size })))
|
|
54
|
+
}, size: this.size }))));
|
|
54
55
|
}
|
|
55
56
|
}
|
|
56
57
|
export default Designer;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Designer.js","sourceRoot":"","sources":["../../../src/Designer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,
|
|
1
|
+
{"version":3,"file":"Designer.js","sourceRoot":"","sources":["../../../src/Designer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAA2B,kBAAkB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC3F,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,iBAAiB,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,QAAS,SAAQ,WAAW;IAIhC,YAAY,KAAoB;QAC9B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,kBAAkB,CAAC,KAAK,CAAC,CAAC;QAE1B,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAEM,YAAY;QACjB,IAAI,CAAC,IAAI,CAAC,YAAY;YAAE,MAAM,KAAK,CAAC,iBAAiB,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,aAAa,CAAC,QAAQ,CAAC,CAAC;QACxB,IAAI,CAAC,IAAI,CAAC,YAAY;YAAE,MAAM,KAAK,CAAC,iBAAiB,CAAC,CAAC;QACvD,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC,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,iBAAiB,CAAC,CAAC;QACvD,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAC3C,IAAI,CAAC,MAAM,CACT,oBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE;YACzC,oBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE;gBACzC,oBAAC,iBAAiB,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,CACxB,CAAC;IACJ,CAAC;CACF;AAED,eAAe,QAAQ,CAAC"}
|
package/dist/esm/src/Form.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import
|
|
2
|
+
import { createRoot } from 'react-dom/client';
|
|
3
3
|
import { PreviewUI } from './class.js';
|
|
4
4
|
import { DESTROYED_ERR_MSG } from './constants.js';
|
|
5
5
|
import { I18nContext, FontContext } from './contexts.js';
|
|
@@ -15,7 +15,8 @@ class Form extends PreviewUI {
|
|
|
15
15
|
render() {
|
|
16
16
|
if (!this.domContainer)
|
|
17
17
|
throw Error(DESTROYED_ERR_MSG);
|
|
18
|
-
|
|
18
|
+
const root = createRoot(this.domContainer);
|
|
19
|
+
root.render(React.createElement(I18nContext.Provider, { value: this.getI18n() },
|
|
19
20
|
React.createElement(FontContext.Provider, { value: this.getFont() },
|
|
20
21
|
React.createElement(Preview, { template: this.template, size: this.size, inputs: this.inputs, onChangeInput: (arg) => {
|
|
21
22
|
const { index, value, key } = arg;
|
|
@@ -24,7 +25,7 @@ class Form extends PreviewUI {
|
|
|
24
25
|
}
|
|
25
26
|
this.inputs[index][key] = value;
|
|
26
27
|
this.render();
|
|
27
|
-
} })))
|
|
28
|
+
} }))));
|
|
28
29
|
}
|
|
29
30
|
}
|
|
30
31
|
export default Form;
|
package/dist/esm/src/Form.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../src/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,
|
|
1
|
+
{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../src/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,OAAO,MAAM,yBAAyB,CAAC;AAE9C,MAAM,IAAK,SAAQ,SAAS;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,iBAAiB,CAAC,CAAC;QACvD,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAC3C,IAAI,CAAC,MAAM,CACT,oBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE;YACzC,oBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE;gBACzC,oBAAC,OAAO,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,CACxB,CAAC;IACJ,CAAC;CACF;AAED,eAAe,IAAI,CAAC"}
|
package/dist/esm/src/Viewer.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import
|
|
2
|
+
import { createRoot } from 'react-dom/client';
|
|
3
3
|
import { PreviewUI } from './class.js';
|
|
4
4
|
import { DESTROYED_ERR_MSG } from './constants.js';
|
|
5
5
|
import { I18nContext, FontContext } from './contexts.js';
|
|
@@ -12,9 +12,10 @@ class Viewer extends PreviewUI {
|
|
|
12
12
|
render() {
|
|
13
13
|
if (!this.domContainer)
|
|
14
14
|
throw Error(DESTROYED_ERR_MSG);
|
|
15
|
-
|
|
15
|
+
const root = createRoot(this.domContainer);
|
|
16
|
+
root.render(React.createElement(I18nContext.Provider, { value: this.getI18n() },
|
|
16
17
|
React.createElement(FontContext.Provider, { value: this.getFont() },
|
|
17
|
-
React.createElement(Preview, { template: this.template, size: this.size, inputs: this.inputs })))
|
|
18
|
+
React.createElement(Preview, { template: this.template, size: this.size, inputs: this.inputs }))));
|
|
18
19
|
}
|
|
19
20
|
}
|
|
20
21
|
export default Viewer;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Viewer.js","sourceRoot":"","sources":["../../../src/Viewer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,
|
|
1
|
+
{"version":3,"file":"Viewer.js","sourceRoot":"","sources":["../../../src/Viewer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,OAAO,MAAM,yBAAyB,CAAC;AAE9C,MAAM,MAAO,SAAQ,SAAS;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,iBAAiB,CAAC,CAAC;QACvD,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAC3C,IAAI,CAAC,MAAM,CACT,oBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE;YACzC,oBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE;gBACzC,oBAAC,OAAO,IAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,GAAI,CACrD,CACF,CACxB,CAAC;IACJ,CAAC;CACF;AAED,eAAe,MAAM,CAAC"}
|
package/dist/esm/src/class.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { createRoot } from 'react-dom/client';
|
|
2
2
|
import { curriedI18n } from './i18n.js';
|
|
3
3
|
import { DESTROYED_ERR_MSG, DEFAULT_LANG } from './constants.js';
|
|
4
4
|
import { debounce, flatten, cloneDeep } from './helper.js';
|
|
@@ -85,7 +85,8 @@ export class BaseUIClass {
|
|
|
85
85
|
destroy() {
|
|
86
86
|
if (!this.domContainer)
|
|
87
87
|
throw Error(DESTROYED_ERR_MSG);
|
|
88
|
-
|
|
88
|
+
const root = createRoot(this.domContainer);
|
|
89
|
+
root.unmount();
|
|
89
90
|
this.resizeObserver.unobserve(this.domContainer);
|
|
90
91
|
this.domContainer = null;
|
|
91
92
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"class.js","sourceRoot":"","sources":["../../../src/class.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"class.js","sourceRoot":"","sources":["../../../src/class.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pdfme/ui",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.3",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"author": "hand-dot",
|
|
6
6
|
"license": "MIT",
|
|
@@ -53,8 +53,8 @@
|
|
|
53
53
|
"@scena/react-guides": "^0.16.0",
|
|
54
54
|
"hotkeys-js": "^3.8.7",
|
|
55
55
|
"pdfjs-dist": "^2.12.313",
|
|
56
|
-
"react": "^
|
|
57
|
-
"react-dom": "^
|
|
56
|
+
"react": "^18.2.0",
|
|
57
|
+
"react-dom": "^18.2.0",
|
|
58
58
|
"react-moveable": "^0.30.3",
|
|
59
59
|
"react-selecto": "^1.12.0",
|
|
60
60
|
"worker-loader": "^3.0.8"
|
|
@@ -64,8 +64,8 @@
|
|
|
64
64
|
"@testing-library/react": "^12.1.2",
|
|
65
65
|
"@types/css-font-loading-module": "^0.0.7",
|
|
66
66
|
"@types/pdfjs-dist": "^2.7.4",
|
|
67
|
-
"@types/react": "^
|
|
68
|
-
"@types/react-dom": "^
|
|
67
|
+
"@types/react": "^18.0.26",
|
|
68
|
+
"@types/react-dom": "^18.0.10",
|
|
69
69
|
"eslint-plugin-react": "^7.28.0",
|
|
70
70
|
"eslint-plugin-react-hooks": "^4.3.0",
|
|
71
71
|
"jest-canvas-mock": "^2.3.1",
|
package/src/Designer.tsx
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import
|
|
2
|
+
import { createRoot } from 'react-dom/client';
|
|
3
3
|
import { Template, DesignerProps, checkDesignerProps, checkTemplate } from '@pdfme/common';
|
|
4
4
|
import { BaseUIClass } from './class.js';
|
|
5
5
|
import { DESTROYED_ERR_MSG } from './constants.js';
|
|
@@ -45,7 +45,8 @@ class Designer extends BaseUIClass {
|
|
|
45
45
|
|
|
46
46
|
protected render() {
|
|
47
47
|
if (!this.domContainer) throw Error(DESTROYED_ERR_MSG);
|
|
48
|
-
|
|
48
|
+
const root = createRoot(this.domContainer);
|
|
49
|
+
root.render(
|
|
49
50
|
<I18nContext.Provider value={this.getI18n()}>
|
|
50
51
|
<FontContext.Provider value={this.getFont()}>
|
|
51
52
|
<DesignerComponent
|
|
@@ -65,8 +66,7 @@ class Designer extends BaseUIClass {
|
|
|
65
66
|
size={this.size}
|
|
66
67
|
/>
|
|
67
68
|
</FontContext.Provider>
|
|
68
|
-
</I18nContext.Provider
|
|
69
|
-
this.domContainer
|
|
69
|
+
</I18nContext.Provider>
|
|
70
70
|
);
|
|
71
71
|
}
|
|
72
72
|
}
|
package/src/Form.tsx
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import
|
|
2
|
+
import { createRoot } from 'react-dom/client';
|
|
3
3
|
import { PreviewProps } from '@pdfme/common';
|
|
4
4
|
import { PreviewUI } from './class.js';
|
|
5
5
|
import { DESTROYED_ERR_MSG } from './constants.js';
|
|
@@ -20,7 +20,8 @@ class Form extends PreviewUI {
|
|
|
20
20
|
|
|
21
21
|
protected render() {
|
|
22
22
|
if (!this.domContainer) throw Error(DESTROYED_ERR_MSG);
|
|
23
|
-
|
|
23
|
+
const root = createRoot(this.domContainer);
|
|
24
|
+
root.render(
|
|
24
25
|
<I18nContext.Provider value={this.getI18n()}>
|
|
25
26
|
<FontContext.Provider value={this.getFont()}>
|
|
26
27
|
<Preview
|
|
@@ -37,8 +38,7 @@ class Form extends PreviewUI {
|
|
|
37
38
|
}}
|
|
38
39
|
/>
|
|
39
40
|
</FontContext.Provider>
|
|
40
|
-
</I18nContext.Provider
|
|
41
|
-
this.domContainer
|
|
41
|
+
</I18nContext.Provider>
|
|
42
42
|
);
|
|
43
43
|
}
|
|
44
44
|
}
|
package/src/Viewer.tsx
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import
|
|
2
|
+
import { createRoot } from 'react-dom/client';
|
|
3
3
|
import { PreviewProps } from '@pdfme/common';
|
|
4
4
|
import { PreviewUI } from './class.js';
|
|
5
5
|
import { DESTROYED_ERR_MSG } from './constants.js';
|
|
@@ -14,13 +14,13 @@ class Viewer extends PreviewUI {
|
|
|
14
14
|
|
|
15
15
|
protected render() {
|
|
16
16
|
if (!this.domContainer) throw Error(DESTROYED_ERR_MSG);
|
|
17
|
-
|
|
17
|
+
const root = createRoot(this.domContainer);
|
|
18
|
+
root.render(
|
|
18
19
|
<I18nContext.Provider value={this.getI18n()}>
|
|
19
20
|
<FontContext.Provider value={this.getFont()}>
|
|
20
21
|
<Preview template={this.template} size={this.size} inputs={this.inputs} />
|
|
21
22
|
</FontContext.Provider>
|
|
22
|
-
</I18nContext.Provider
|
|
23
|
-
this.domContainer
|
|
23
|
+
</I18nContext.Provider>
|
|
24
24
|
);
|
|
25
25
|
}
|
|
26
26
|
}
|
package/src/class.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { createRoot } from 'react-dom/client';
|
|
2
2
|
import { curriedI18n } from './i18n.js';
|
|
3
3
|
import { DESTROYED_ERR_MSG, DEFAULT_LANG } from './constants.js';
|
|
4
4
|
import { debounce, flatten, cloneDeep } from './helper.js';
|
|
@@ -84,10 +84,10 @@ export abstract class BaseUIClass {
|
|
|
84
84
|
this.domContainer = domContainer;
|
|
85
85
|
this.template = generateColumnsAndSampledataIfNeeded(cloneDeep(template));
|
|
86
86
|
this.size = {
|
|
87
|
-
height: this.domContainer
|
|
88
|
-
width: this.domContainer
|
|
87
|
+
height: this.domContainer!.clientHeight || window.innerHeight,
|
|
88
|
+
width: this.domContainer!.clientWidth || window.innerWidth,
|
|
89
89
|
};
|
|
90
|
-
this.resizeObserver.observe(this.domContainer);
|
|
90
|
+
this.resizeObserver.observe(this.domContainer!);
|
|
91
91
|
|
|
92
92
|
if (lang) {
|
|
93
93
|
this.lang = lang;
|
|
@@ -134,7 +134,9 @@ export abstract class BaseUIClass {
|
|
|
134
134
|
|
|
135
135
|
public destroy() {
|
|
136
136
|
if (!this.domContainer) throw Error(DESTROYED_ERR_MSG);
|
|
137
|
-
|
|
137
|
+
const root = createRoot(this.domContainer);
|
|
138
|
+
root.unmount();
|
|
139
|
+
|
|
138
140
|
this.resizeObserver.unobserve(this.domContainer);
|
|
139
141
|
this.domContainer = null;
|
|
140
142
|
}
|