@pdfme/ui 1.1.4 → 1.1.6
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/.eslintrc.js +2 -2
- package/dist/index.js +3 -0
- package/dist/index.js.LICENSE.txt +95 -0
- package/dist/index.js.map +1 -0
- package/dist/types/{src/Designer.d.ts → Designer.d.ts} +1 -1
- package/dist/types/{src/Form.d.ts → Form.d.ts} +1 -1
- package/dist/types/{src/Viewer.d.ts → Viewer.d.ts} +1 -1
- package/dist/types/{src/class.d.ts → class.d.ts} +2 -4
- package/dist/types/{src/components → components}/CtlBar/Pager.d.ts +0 -1
- package/dist/types/{src/components → components}/CtlBar/Zoom.d.ts +0 -1
- package/dist/types/{src/components → components}/CtlBar/index.d.ts +0 -1
- package/dist/types/{src/components → components}/Designer/Main/Mask.d.ts +0 -1
- package/dist/types/components/Designer/Main/Moveable.d.ts +32 -0
- package/dist/types/{src/components → components}/Designer/Main/Selecto.d.ts +0 -1
- package/dist/types/{src/components → components}/Designer/Sidebar/DetailView/ExampleInputEditor.d.ts +0 -1
- package/dist/types/{src/components → components}/Designer/Sidebar/DetailView/PositionAndSizeEditor.d.ts +1 -2
- package/dist/types/{src/components → components}/Designer/Sidebar/DetailView/TextPropEditor.d.ts +0 -1
- package/dist/types/{src/components → components}/Designer/Sidebar/DetailView/TypeAndKeyEditor.d.ts +1 -2
- package/dist/types/{src/components → components}/Designer/Sidebar/DetailView/index.d.ts +1 -2
- package/dist/types/{src/components → components}/Designer/Sidebar/ListView/SelectableSortableContainer.d.ts +1 -2
- package/dist/types/{src/components → components}/Designer/Sidebar/ListView/index.d.ts +1 -2
- package/dist/types/{src/components → components}/Designer/Sidebar/index.d.ts +0 -1
- package/dist/types/{src/components → components}/Designer/index.d.ts +1 -2
- package/dist/types/{src/components → components}/Divider.d.ts +0 -1
- package/dist/types/{src/components → components}/Error.d.ts +0 -1
- package/dist/types/{src/components → components}/Preview.d.ts +0 -1
- package/dist/types/{src/components → components}/Schemas/BarcodeSchema.d.ts +1 -1
- package/dist/types/{src/components → components}/Schemas/ImageSchema.d.ts +1 -1
- package/dist/types/{src/components → components}/Schemas/SchemaUI.d.ts +1 -1
- package/dist/types/{src/components → components}/Schemas/TextSchema.d.ts +1 -1
- package/dist/types/{src/components → components}/Spinner.d.ts +0 -1
- package/dist/types/{src/components → components}/UnitPager.d.ts +0 -1
- package/dist/types/{src/contexts.d.ts → contexts.d.ts} +2 -2
- package/dist/types/{src/helper.d.ts → helper.d.ts} +0 -1
- package/dist/types/index.d.ts +7 -0
- package/package.json +16 -23
- package/src/Designer.tsx +10 -8
- package/src/Form.tsx +9 -7
- package/src/Viewer.tsx +9 -7
- package/src/class.ts +6 -10
- package/src/components/CtlBar/Pager.tsx +1 -1
- package/src/components/CtlBar/index.tsx +2 -2
- package/src/components/Designer/Main/Guides.tsx +1 -1
- package/src/components/Designer/Main/Mask.tsx +1 -1
- package/src/components/Designer/Main/Moveable.tsx +27 -15
- package/src/components/Designer/Main/Selecto.tsx +1 -1
- package/src/components/Designer/Main/index.tsx +55 -38
- package/src/components/Designer/Sidebar/DetailView/ExampleInputEditor.tsx +5 -5
- package/src/components/Designer/Sidebar/DetailView/PositionAndSizeEditor.tsx +15 -2
- package/src/components/Designer/Sidebar/DetailView/TextPropEditor.tsx +3 -2
- package/src/components/Designer/Sidebar/DetailView/TypeAndKeyEditor.tsx +2 -2
- package/src/components/Designer/Sidebar/DetailView/index.tsx +7 -7
- package/src/components/Designer/Sidebar/ListView/Item.tsx +1 -1
- package/src/components/Designer/Sidebar/ListView/SelectableSortableContainer.tsx +55 -51
- package/src/components/Designer/Sidebar/ListView/SelectableSortableItem.tsx +3 -3
- package/src/components/Designer/Sidebar/ListView/index.tsx +5 -5
- package/src/components/Designer/Sidebar/index.tsx +4 -4
- package/src/components/Designer/index.tsx +9 -9
- package/src/components/Error.tsx +1 -1
- package/src/components/Paper.tsx +2 -2
- package/src/components/Preview.tsx +9 -9
- package/src/components/Root.tsx +14 -12
- package/src/components/Schemas/BarcodeSchema.tsx +2 -2
- package/src/components/Schemas/ImageSchema.tsx +5 -5
- package/src/components/Schemas/SchemaUI.tsx +5 -4
- package/src/components/Schemas/TextSchema.tsx +2 -2
- package/src/contexts.ts +2 -2
- package/src/helper.ts +1 -8
- package/src/hooks.ts +2 -2
- package/src/i18n.ts +1 -1
- package/src/index.ts +45 -6
- package/tsconfig.json +22 -0
- package/webpack.config.js +35 -0
- package/dist/cjs/__tests__/assets/helper.js +0 -79
- package/dist/cjs/__tests__/assets/helper.js.map +0 -1
- package/dist/cjs/__tests__/components/Designer.test.js +0 -39
- package/dist/cjs/__tests__/components/Designer.test.js.map +0 -1
- package/dist/cjs/__tests__/components/Preview.test.js +0 -51
- package/dist/cjs/__tests__/components/Preview.test.js.map +0 -1
- package/dist/cjs/__tests__/helper.test.js +0 -94
- package/dist/cjs/__tests__/helper.test.js.map +0 -1
- package/dist/cjs/src/Designer.js +0 -61
- package/dist/cjs/src/Designer.js.map +0 -1
- package/dist/cjs/src/Form.js +0 -35
- package/dist/cjs/src/Form.js.map +0 -1
- package/dist/cjs/src/Viewer.js +0 -25
- package/dist/cjs/src/Viewer.js.map +0 -1
- package/dist/cjs/src/class.js +0 -119
- package/dist/cjs/src/class.js.map +0 -1
- package/dist/cjs/src/components/CtlBar/Pager.js +0 -49
- package/dist/cjs/src/components/CtlBar/Pager.js.map +0 -1
- package/dist/cjs/src/components/CtlBar/Zoom.js +0 -31
- package/dist/cjs/src/components/CtlBar/Zoom.js.map +0 -1
- package/dist/cjs/src/components/CtlBar/index.js +0 -33
- package/dist/cjs/src/components/CtlBar/index.js.map +0 -1
- package/dist/cjs/src/components/Designer/Main/Guides.js +0 -33
- package/dist/cjs/src/components/Designer/Main/Guides.js.map +0 -1
- package/dist/cjs/src/components/Designer/Main/Mask.js +0 -18
- package/dist/cjs/src/components/Designer/Main/Mask.js.map +0 -1
- package/dist/cjs/src/components/Designer/Main/Moveable.js +0 -37
- package/dist/cjs/src/components/Designer/Main/Moveable.js.map +0 -1
- package/dist/cjs/src/components/Designer/Main/Selecto.js +0 -11
- package/dist/cjs/src/components/Designer/Main/Selecto.js.map +0 -1
- package/dist/cjs/src/components/Designer/Main/index.js +0 -224
- package/dist/cjs/src/components/Designer/Main/index.js.map +0 -1
- package/dist/cjs/src/components/Designer/Sidebar/DetailView/ExampleInputEditor.js +0 -69
- package/dist/cjs/src/components/Designer/Sidebar/DetailView/ExampleInputEditor.js.map +0 -1
- package/dist/cjs/src/components/Designer/Sidebar/DetailView/PositionAndSizeEditor.js +0 -184
- package/dist/cjs/src/components/Designer/Sidebar/DetailView/PositionAndSizeEditor.js.map +0 -1
- package/dist/cjs/src/components/Designer/Sidebar/DetailView/TextPropEditor.js +0 -116
- package/dist/cjs/src/components/Designer/Sidebar/DetailView/TextPropEditor.js.map +0 -1
- package/dist/cjs/src/components/Designer/Sidebar/DetailView/TypeAndKeyEditor.js +0 -72
- package/dist/cjs/src/components/Designer/Sidebar/DetailView/TypeAndKeyEditor.js.map +0 -1
- package/dist/cjs/src/components/Designer/Sidebar/DetailView/index.js +0 -54
- package/dist/cjs/src/components/Designer/Sidebar/DetailView/index.js.map +0 -1
- package/dist/cjs/src/components/Designer/Sidebar/ListView/Item.js +0 -76
- package/dist/cjs/src/components/Designer/Sidebar/ListView/Item.js.map +0 -1
- package/dist/cjs/src/components/Designer/Sidebar/ListView/SelectableSortableContainer.js +0 -108
- package/dist/cjs/src/components/Designer/Sidebar/ListView/SelectableSortableContainer.js.map +0 -1
- package/dist/cjs/src/components/Designer/Sidebar/ListView/SelectableSortableItem.js +0 -62
- package/dist/cjs/src/components/Designer/Sidebar/ListView/SelectableSortableItem.js.map +0 -1
- package/dist/cjs/src/components/Designer/Sidebar/ListView/index.js +0 -84
- package/dist/cjs/src/components/Designer/Sidebar/ListView/index.js.map +0 -1
- package/dist/cjs/src/components/Designer/Sidebar/index.js +0 -105
- package/dist/cjs/src/components/Designer/Sidebar/index.js.map +0 -1
- package/dist/cjs/src/components/Designer/index.js +0 -235
- package/dist/cjs/src/components/Designer/index.js.map +0 -1
- package/dist/cjs/src/components/Divider.js +0 -9
- package/dist/cjs/src/components/Divider.js.map +0 -1
- package/dist/cjs/src/components/Error.js +0 -41
- package/dist/cjs/src/components/Error.js.map +0 -1
- package/dist/cjs/src/components/Paper.js +0 -63
- package/dist/cjs/src/components/Paper.js.map +0 -1
- package/dist/cjs/src/components/Preview.js +0 -102
- package/dist/cjs/src/components/Preview.js.map +0 -1
- package/dist/cjs/src/components/Root.js +0 -52
- package/dist/cjs/src/components/Root.js.map +0 -1
- package/dist/cjs/src/components/Schemas/BarcodeSchema.js +0 -94
- package/dist/cjs/src/components/Schemas/BarcodeSchema.js.map +0 -1
- package/dist/cjs/src/components/Schemas/ImageSchema.js +0 -72
- package/dist/cjs/src/components/Schemas/ImageSchema.js.map +0 -1
- package/dist/cjs/src/components/Schemas/SchemaUI.js +0 -55
- package/dist/cjs/src/components/Schemas/SchemaUI.js.map +0 -1
- package/dist/cjs/src/components/Schemas/TextSchema.js +0 -54
- package/dist/cjs/src/components/Schemas/TextSchema.js.map +0 -1
- package/dist/cjs/src/components/Spinner.js +0 -31
- package/dist/cjs/src/components/Spinner.js.map +0 -1
- package/dist/cjs/src/components/UnitPager.js +0 -63
- package/dist/cjs/src/components/UnitPager.js.map +0 -1
- package/dist/cjs/src/constants.js +0 -10
- package/dist/cjs/src/constants.js.map +0 -1
- package/dist/cjs/src/contexts.js +0 -10
- package/dist/cjs/src/contexts.js.map +0 -1
- package/dist/cjs/src/helper.js +0 -466
- package/dist/cjs/src/helper.js.map +0 -1
- package/dist/cjs/src/hooks.js +0 -100
- package/dist/cjs/src/hooks.js.map +0 -1
- package/dist/cjs/src/i18n.js +0 -50
- package/dist/cjs/src/i18n.js.map +0 -1
- package/dist/cjs/src/index.js +0 -24
- package/dist/cjs/src/index.js.map +0 -1
- package/dist/esm/__tests__/assets/helper.js +0 -51
- package/dist/esm/__tests__/assets/helper.js.map +0 -1
- package/dist/esm/__tests__/components/Designer.test.js +0 -34
- package/dist/esm/__tests__/components/Designer.test.js.map +0 -1
- package/dist/esm/__tests__/components/Preview.test.js +0 -46
- package/dist/esm/__tests__/components/Preview.test.js.map +0 -1
- package/dist/esm/__tests__/helper.test.js +0 -92
- package/dist/esm/__tests__/helper.test.js.map +0 -1
- package/dist/esm/src/Designer.js +0 -56
- package/dist/esm/src/Designer.js.map +0 -1
- package/dist/esm/src/Form.js +0 -30
- package/dist/esm/src/Form.js.map +0 -1
- package/dist/esm/src/Viewer.js +0 -20
- package/dist/esm/src/Viewer.js.map +0 -1
- package/dist/esm/src/class.js +0 -114
- package/dist/esm/src/class.js.map +0 -1
- package/dist/esm/src/components/CtlBar/Pager.js +0 -24
- package/dist/esm/src/components/CtlBar/Pager.js.map +0 -1
- package/dist/esm/src/components/CtlBar/Zoom.js +0 -26
- package/dist/esm/src/components/CtlBar/Zoom.js.map +0 -1
- package/dist/esm/src/components/CtlBar/index.js +0 -28
- package/dist/esm/src/components/CtlBar/index.js.map +0 -1
- package/dist/esm/src/components/Designer/Main/Guides.js +0 -28
- package/dist/esm/src/components/Designer/Main/Guides.js.map +0 -1
- package/dist/esm/src/components/Designer/Main/Mask.js +0 -13
- package/dist/esm/src/components/Designer/Main/Mask.js.map +0 -1
- package/dist/esm/src/components/Designer/Main/Moveable.js +0 -9
- package/dist/esm/src/components/Designer/Main/Moveable.js.map +0 -1
- package/dist/esm/src/components/Designer/Main/Selecto.js +0 -6
- package/dist/esm/src/components/Designer/Main/Selecto.js.map +0 -1
- package/dist/esm/src/components/Designer/Main/index.js +0 -196
- package/dist/esm/src/components/Designer/Main/index.js.map +0 -1
- package/dist/esm/src/components/Designer/Sidebar/DetailView/ExampleInputEditor.js +0 -44
- package/dist/esm/src/components/Designer/Sidebar/DetailView/ExampleInputEditor.js.map +0 -1
- package/dist/esm/src/components/Designer/Sidebar/DetailView/PositionAndSizeEditor.js +0 -179
- package/dist/esm/src/components/Designer/Sidebar/DetailView/PositionAndSizeEditor.js.map +0 -1
- package/dist/esm/src/components/Designer/Sidebar/DetailView/TextPropEditor.js +0 -91
- package/dist/esm/src/components/Designer/Sidebar/DetailView/TextPropEditor.js.map +0 -1
- package/dist/esm/src/components/Designer/Sidebar/DetailView/TypeAndKeyEditor.js +0 -47
- package/dist/esm/src/components/Designer/Sidebar/DetailView/TypeAndKeyEditor.js.map +0 -1
- package/dist/esm/src/components/Designer/Sidebar/DetailView/index.js +0 -26
- package/dist/esm/src/components/Designer/Sidebar/DetailView/index.js.map +0 -1
- package/dist/esm/src/components/Designer/Sidebar/ListView/Item.js +0 -51
- package/dist/esm/src/components/Designer/Sidebar/ListView/Item.js.map +0 -1
- package/dist/esm/src/components/Designer/Sidebar/ListView/SelectableSortableContainer.js +0 -80
- package/dist/esm/src/components/Designer/Sidebar/ListView/SelectableSortableContainer.js.map +0 -1
- package/dist/esm/src/components/Designer/Sidebar/ListView/SelectableSortableItem.js +0 -34
- package/dist/esm/src/components/Designer/Sidebar/ListView/SelectableSortableItem.js.map +0 -1
- package/dist/esm/src/components/Designer/Sidebar/ListView/index.js +0 -56
- package/dist/esm/src/components/Designer/Sidebar/ListView/index.js.map +0 -1
- package/dist/esm/src/components/Designer/Sidebar/index.js +0 -77
- package/dist/esm/src/components/Designer/Sidebar/index.js.map +0 -1
- package/dist/esm/src/components/Designer/index.js +0 -207
- package/dist/esm/src/components/Designer/index.js.map +0 -1
- package/dist/esm/src/components/Divider.js +0 -4
- package/dist/esm/src/components/Divider.js.map +0 -1
- package/dist/esm/src/components/Error.js +0 -16
- package/dist/esm/src/components/Error.js.map +0 -1
- package/dist/esm/src/components/Paper.js +0 -38
- package/dist/esm/src/components/Paper.js.map +0 -1
- package/dist/esm/src/components/Preview.js +0 -74
- package/dist/esm/src/components/Preview.js.map +0 -1
- package/dist/esm/src/components/Root.js +0 -24
- package/dist/esm/src/components/Root.js.map +0 -1
- package/dist/esm/src/components/Schemas/BarcodeSchema.js +0 -69
- package/dist/esm/src/components/Schemas/BarcodeSchema.js.map +0 -1
- package/dist/esm/src/components/Schemas/ImageSchema.js +0 -47
- package/dist/esm/src/components/Schemas/ImageSchema.js.map +0 -1
- package/dist/esm/src/components/Schemas/SchemaUI.js +0 -27
- package/dist/esm/src/components/Schemas/SchemaUI.js.map +0 -1
- package/dist/esm/src/components/Schemas/TextSchema.js +0 -29
- package/dist/esm/src/components/Schemas/TextSchema.js.map +0 -1
- package/dist/esm/src/components/Spinner.js +0 -26
- package/dist/esm/src/components/Spinner.js.map +0 -1
- package/dist/esm/src/components/UnitPager.js +0 -58
- package/dist/esm/src/components/UnitPager.js.map +0 -1
- package/dist/esm/src/constants.js +0 -7
- package/dist/esm/src/constants.js.map +0 -1
- package/dist/esm/src/contexts.js +0 -7
- package/dist/esm/src/contexts.js.map +0 -1
- package/dist/esm/src/helper.js +0 -439
- package/dist/esm/src/helper.js.map +0 -1
- package/dist/esm/src/hooks.js +0 -93
- package/dist/esm/src/hooks.js.map +0 -1
- package/dist/esm/src/i18n.js +0 -46
- package/dist/esm/src/i18n.js.map +0 -1
- package/dist/esm/src/index.js +0 -6
- package/dist/esm/src/index.js.map +0 -1
- package/dist/types/__tests__/assets/helper.d.ts +0 -3
- package/dist/types/__tests__/components/Designer.test.d.ts +0 -1
- package/dist/types/__tests__/components/Preview.test.d.ts +0 -1
- package/dist/types/__tests__/helper.test.d.ts +0 -1
- package/dist/types/src/components/Designer/Main/Moveable.d.ts +0 -31
- package/dist/types/src/index.d.ts +0 -6
- package/tsconfig.cjs.json +0 -10
- package/tsconfig.esm.json +0 -10
- /package/dist/types/{src/components → components}/Designer/Main/Guides.d.ts +0 -0
- /package/dist/types/{src/components → components}/Designer/Main/index.d.ts +0 -0
- /package/dist/types/{src/components → components}/Designer/Sidebar/ListView/Item.d.ts +0 -0
- /package/dist/types/{src/components → components}/Designer/Sidebar/ListView/SelectableSortableItem.d.ts +0 -0
- /package/dist/types/{src/components → components}/Paper.d.ts +0 -0
- /package/dist/types/{src/components → components}/Root.d.ts +0 -0
- /package/dist/types/{src/constants.d.ts → constants.d.ts} +0 -0
- /package/dist/types/{src/hooks.d.ts → hooks.d.ts} +0 -0
- /package/dist/types/{src/i18n.d.ts → i18n.d.ts} +0 -0
package/dist/cjs/src/index.js
DELETED
@@ -1,24 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
|
-
};
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
6
|
-
exports.validateBarcodeInput = exports.checkGenerateProps = exports.checkDesignerProps = exports.checkPreviewProps = exports.checkUIProps = exports.checkTemplate = exports.isBarcodeSchema = exports.isImageSchema = exports.isTextSchema = exports.BLANK_PDF = exports.Form = exports.Viewer = exports.Designer = void 0;
|
7
|
-
const Designer_js_1 = __importDefault(require("./Designer.js"));
|
8
|
-
exports.Designer = Designer_js_1.default;
|
9
|
-
const Form_js_1 = __importDefault(require("./Form.js"));
|
10
|
-
exports.Form = Form_js_1.default;
|
11
|
-
const Viewer_js_1 = __importDefault(require("./Viewer.js"));
|
12
|
-
exports.Viewer = Viewer_js_1.default;
|
13
|
-
var common_1 = require("@pdfme/common");
|
14
|
-
Object.defineProperty(exports, "BLANK_PDF", { enumerable: true, get: function () { return common_1.BLANK_PDF; } });
|
15
|
-
Object.defineProperty(exports, "isTextSchema", { enumerable: true, get: function () { return common_1.isTextSchema; } });
|
16
|
-
Object.defineProperty(exports, "isImageSchema", { enumerable: true, get: function () { return common_1.isImageSchema; } });
|
17
|
-
Object.defineProperty(exports, "isBarcodeSchema", { enumerable: true, get: function () { return common_1.isBarcodeSchema; } });
|
18
|
-
Object.defineProperty(exports, "checkTemplate", { enumerable: true, get: function () { return common_1.checkTemplate; } });
|
19
|
-
Object.defineProperty(exports, "checkUIProps", { enumerable: true, get: function () { return common_1.checkUIProps; } });
|
20
|
-
Object.defineProperty(exports, "checkPreviewProps", { enumerable: true, get: function () { return common_1.checkPreviewProps; } });
|
21
|
-
Object.defineProperty(exports, "checkDesignerProps", { enumerable: true, get: function () { return common_1.checkDesignerProps; } });
|
22
|
-
Object.defineProperty(exports, "checkGenerateProps", { enumerable: true, get: function () { return common_1.checkGenerateProps; } });
|
23
|
-
Object.defineProperty(exports, "validateBarcodeInput", { enumerable: true, get: function () { return common_1.validateBarcodeInput; } });
|
24
|
-
//# sourceMappingURL=index.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":";;;;;;AAAA,gEAAqC;AAI5B,mBAJF,qBAAQ,CAIE;AAHjB,wDAA6B;AAGF,eAHpB,iBAAI,CAGoB;AAF/B,4DAAiC;AAEd,iBAFZ,mBAAM,CAEY;AAyBzB,wCAWuB;AAVrB,mGAAA,SAAS,OAAA;AACT,sGAAA,YAAY,OAAA;AACZ,uGAAA,aAAa,OAAA;AACb,yGAAA,eAAe,OAAA;AACf,uGAAA,aAAa,OAAA;AACb,sGAAA,YAAY,OAAA;AACZ,2GAAA,iBAAiB,OAAA;AACjB,4GAAA,kBAAkB,OAAA;AAClB,4GAAA,kBAAkB,OAAA;AAClB,8GAAA,oBAAoB,OAAA"}
|
@@ -1,51 +0,0 @@
|
|
1
|
-
import * as hooks from '../../src/hooks.js';
|
2
|
-
import { uuid, getPdfPageSizes, pdf2Pngs } from '../../src/helper.js';
|
3
|
-
import { BLANK_PDF } from '@pdfme/common';
|
4
|
-
export const setupUIMock = () => {
|
5
|
-
const backgrounds = ['data:image/png;base64,a...'];
|
6
|
-
const pageSizes = [{ height: 297, width: 210 }];
|
7
|
-
const mock = jest.spyOn(hooks, 'useUIPreProcessor');
|
8
|
-
mock.mockImplementation(() => ({ backgrounds, pageSizes, scale: 1, error: null }));
|
9
|
-
getPdfPageSizes = jest.fn().mockReturnValue(Promise.resolve(pageSizes));
|
10
|
-
pdf2Pngs = jest.fn().mockReturnValue(Promise.resolve(backgrounds));
|
11
|
-
uuid = jest
|
12
|
-
.fn()
|
13
|
-
.mockReturnValueOnce('1')
|
14
|
-
.mockReturnValueOnce('2')
|
15
|
-
.mockReturnValueOnce('3')
|
16
|
-
.mockReturnValueOnce('4')
|
17
|
-
.mockReturnValueOnce('5');
|
18
|
-
const FontFace = jest.fn().mockReturnValue({ load: () => Promise.resolve() });
|
19
|
-
global.window.FontFace = FontFace;
|
20
|
-
};
|
21
|
-
export const getSampleTemplate = () => ({
|
22
|
-
columns: ['field1', 'field2'],
|
23
|
-
sampledata: [
|
24
|
-
{
|
25
|
-
field1: 'bb',
|
26
|
-
field2: 'aaaaaaaaaaaa',
|
27
|
-
},
|
28
|
-
],
|
29
|
-
basePdf: BLANK_PDF,
|
30
|
-
schemas: [
|
31
|
-
{
|
32
|
-
field1: {
|
33
|
-
type: 'text',
|
34
|
-
position: { x: 20, y: 20 },
|
35
|
-
width: 100,
|
36
|
-
height: 15,
|
37
|
-
alignment: 'left',
|
38
|
-
fontSize: 30,
|
39
|
-
characterSpacing: 0,
|
40
|
-
lineHeight: 1,
|
41
|
-
},
|
42
|
-
field2: {
|
43
|
-
type: 'image',
|
44
|
-
position: { x: 20, y: 35 },
|
45
|
-
width: 100,
|
46
|
-
height: 40,
|
47
|
-
},
|
48
|
-
},
|
49
|
-
],
|
50
|
-
});
|
51
|
-
//# sourceMappingURL=helper.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"helper.js","sourceRoot":"","sources":["../../../../__tests__/assets/helper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACtE,OAAO,EAAE,SAAS,EAAY,MAAM,eAAe,CAAC;AAEpD,MAAM,CAAC,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,eAA6B,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;IACtF,QAAsB,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;IACjF,IAAkB,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;AAEF,MAAM,CAAC,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,SAAS;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"}
|
@@ -1,34 +0,0 @@
|
|
1
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
2
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
3
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
4
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
5
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
6
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
7
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
8
|
-
});
|
9
|
-
};
|
10
|
-
/**
|
11
|
-
* @jest-environment jsdom
|
12
|
-
*/
|
13
|
-
import React from 'react';
|
14
|
-
import { render, act, waitFor } from '@testing-library/react';
|
15
|
-
import '@testing-library/jest-dom';
|
16
|
-
import Designer from '../../src/components/Designer/index.js';
|
17
|
-
import { I18nContext, FontContext } from '../../src/contexts.js';
|
18
|
-
import { curriedI18n } from '../../src/i18n.js';
|
19
|
-
import { SELECTABLE_CLASSNAME } from '../../src/constants.js';
|
20
|
-
import { getDefaultFont } from '@pdfme/common';
|
21
|
-
import { setupUIMock, getSampleTemplate } from '../assets/helper.js';
|
22
|
-
test('Designer snapshot', () => __awaiter(void 0, void 0, void 0, function* () {
|
23
|
-
setupUIMock();
|
24
|
-
let container = document.createElement('a');
|
25
|
-
act(() => {
|
26
|
-
const { container: c } = render(React.createElement(I18nContext.Provider, { value: curriedI18n('en') },
|
27
|
-
React.createElement(FontContext.Provider, { value: getDefaultFont() },
|
28
|
-
React.createElement(Designer, { template: getSampleTemplate(), onSaveTemplate: console.log, onChangeTemplate: console.log, size: { width: 1200, height: 1200 } }))));
|
29
|
-
container = c;
|
30
|
-
});
|
31
|
-
yield waitFor(() => Boolean(container === null || container === void 0 ? void 0 : container.getElementsByClassName(SELECTABLE_CLASSNAME)));
|
32
|
-
expect(container.firstChild).toMatchSnapshot();
|
33
|
-
}));
|
34
|
-
//# sourceMappingURL=Designer.test.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Designer.test.js","sourceRoot":"","sources":["../../../../__tests__/components/Designer.test.tsx"],"names":[],"mappings":";;;;;;;;;AAAA;;GAEG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,2BAA2B,CAAC;AACnC,OAAO,QAAQ,MAAM,wCAAwC,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAErE,IAAI,CAAC,mBAAmB,EAAE,GAAS,EAAE;IACnC,WAAW,EAAE,CAAC;IACd,IAAI,SAAS,GAAgB,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACzD,GAAG,CAAC,GAAG,EAAE;QACP,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,MAAM,CAC7B,oBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC;YAC5C,oBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,cAAc,EAAE;gBAC3C,oBAAC,QAAQ,IACP,QAAQ,EAAE,iBAAiB,EAAE,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,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,sBAAsB,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;IACtF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;AACjD,CAAC,CAAA,CAAC,CAAC"}
|
@@ -1,46 +0,0 @@
|
|
1
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
2
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
3
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
4
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
5
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
6
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
7
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
8
|
-
});
|
9
|
-
};
|
10
|
-
/**
|
11
|
-
* @jest-environment jsdom
|
12
|
-
*/
|
13
|
-
import React from 'react';
|
14
|
-
import { render, act, waitFor } from '@testing-library/react';
|
15
|
-
import '@testing-library/jest-dom';
|
16
|
-
import Preview from '../../src/components/Preview';
|
17
|
-
import { I18nContext, FontContext } from '../../src/contexts';
|
18
|
-
import { curriedI18n } from '../../src/i18n';
|
19
|
-
import { SELECTABLE_CLASSNAME } from '../../src/constants';
|
20
|
-
import { getDefaultFont } from '@pdfme/common';
|
21
|
-
import { setupUIMock, getSampleTemplate } from '../assets/helper';
|
22
|
-
test('Preview(as Viewer) snapshot', () => __awaiter(void 0, void 0, void 0, function* () {
|
23
|
-
setupUIMock();
|
24
|
-
let container = document.createElement('a');
|
25
|
-
act(() => {
|
26
|
-
const { container: c } = render(React.createElement(I18nContext.Provider, { value: curriedI18n('en') },
|
27
|
-
React.createElement(FontContext.Provider, { value: getDefaultFont() },
|
28
|
-
React.createElement(Preview, { template: getSampleTemplate(), inputs: [{ field1: 'field1', field2: 'field2' }], size: { width: 1200, height: 1200 } }))));
|
29
|
-
container = c;
|
30
|
-
});
|
31
|
-
yield waitFor(() => Boolean(container === null || container === void 0 ? void 0 : container.getElementsByClassName(SELECTABLE_CLASSNAME)));
|
32
|
-
expect(container.firstChild).toMatchSnapshot();
|
33
|
-
}));
|
34
|
-
test('Preview(as Form) snapshot', () => __awaiter(void 0, void 0, void 0, function* () {
|
35
|
-
setupUIMock();
|
36
|
-
let container = document.createElement('a');
|
37
|
-
act(() => {
|
38
|
-
const { container: c } = render(React.createElement(I18nContext.Provider, { value: curriedI18n('en') },
|
39
|
-
React.createElement(FontContext.Provider, { value: getDefaultFont() },
|
40
|
-
React.createElement(Preview, { template: getSampleTemplate(), inputs: [{ field1: 'field1', field2: 'field2' }], size: { width: 1200, height: 1200 }, onChangeInput: console.log }))));
|
41
|
-
container = c;
|
42
|
-
});
|
43
|
-
yield waitFor(() => Boolean(container === null || container === void 0 ? void 0 : container.getElementsByClassName(SELECTABLE_CLASSNAME)));
|
44
|
-
expect(container.firstChild).toMatchSnapshot();
|
45
|
-
}));
|
46
|
-
//# sourceMappingURL=Preview.test.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Preview.test.js","sourceRoot":"","sources":["../../../../__tests__/components/Preview.test.tsx"],"names":[],"mappings":";;;;;;;;;AAAA;;GAEG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,2BAA2B,CAAC;AACnC,OAAO,OAAO,MAAM,8BAA8B,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAElE,IAAI,CAAC,6BAA6B,EAAE,GAAS,EAAE;IAC7C,WAAW,EAAE,CAAC;IACd,IAAI,SAAS,GAAgB,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACzD,GAAG,CAAC,GAAG,EAAE;QACP,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,MAAM,CAC7B,oBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC;YAC5C,oBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,cAAc,EAAE;gBAC3C,oBAAC,OAAO,IACN,QAAQ,EAAE,iBAAiB,EAAE,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,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,sBAAsB,CAAC,oBAAoB,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,WAAW,EAAE,CAAC;IACd,IAAI,SAAS,GAAgB,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACzD,GAAG,CAAC,GAAG,EAAE;QACP,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,MAAM,CAC7B,oBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC;YAC5C,oBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,cAAc,EAAE;gBAC3C,oBAAC,OAAO,IACN,QAAQ,EAAE,iBAAiB,EAAE,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,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,sBAAsB,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;IACtF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;AACjD,CAAC,CAAA,CAAC,CAAC"}
|
@@ -1,92 +0,0 @@
|
|
1
|
-
import { uuid, getUniqSchemaKey } from '../src/helper';
|
2
|
-
describe('getUniqSchemaKey test', () => {
|
3
|
-
const getSchema = () => ({
|
4
|
-
type: 'text',
|
5
|
-
position: { x: 0, y: 0 },
|
6
|
-
width: 100,
|
7
|
-
height: 100,
|
8
|
-
});
|
9
|
-
test('getUniqSchemaKey case1', () => {
|
10
|
-
const copiedSchemaKey = 'a';
|
11
|
-
const schema = [Object.assign({ id: uuid(), key: 'b', data: 'b' }, getSchema())];
|
12
|
-
const stackUniqSchemaKeys = [];
|
13
|
-
const uniqSchemaKey = getUniqSchemaKey({ copiedSchemaKey, schema, stackUniqSchemaKeys });
|
14
|
-
expect(uniqSchemaKey).toBe('a copy');
|
15
|
-
});
|
16
|
-
test('getUniqSchemaKey case2', () => {
|
17
|
-
const copiedSchemaKey = 'a copy';
|
18
|
-
const schema = [Object.assign({ id: uuid(), key: 'a copy', data: 'a' }, getSchema())];
|
19
|
-
const stackUniqSchemaKeys = [];
|
20
|
-
const uniqSchemaKey = getUniqSchemaKey({ copiedSchemaKey, schema, stackUniqSchemaKeys });
|
21
|
-
expect(uniqSchemaKey).toBe('a copy 2');
|
22
|
-
});
|
23
|
-
test('getUniqSchemaKey case3', () => {
|
24
|
-
const copiedSchemaKey = 'a';
|
25
|
-
const schema = [
|
26
|
-
Object.assign({ id: uuid(), key: 'a', data: 'a' }, getSchema()),
|
27
|
-
Object.assign({ id: uuid(), key: 'a copy 2', data: 'a' }, getSchema()),
|
28
|
-
];
|
29
|
-
const stackUniqSchemaKeys = [];
|
30
|
-
const uniqSchemaKey = getUniqSchemaKey({ copiedSchemaKey, schema, stackUniqSchemaKeys });
|
31
|
-
expect(uniqSchemaKey).toBe('a copy 3');
|
32
|
-
});
|
33
|
-
test('getUniqSchemaKey case4', () => {
|
34
|
-
const copiedSchemaKey = 'a';
|
35
|
-
const schema = [
|
36
|
-
Object.assign({ id: uuid(), key: 'a', data: 'a' }, getSchema()),
|
37
|
-
Object.assign({ id: uuid(), key: 'a copy 2', data: 'a' }, getSchema()),
|
38
|
-
];
|
39
|
-
const stackUniqSchemaKeys = ['a copy 3'];
|
40
|
-
const uniqSchemaKey = getUniqSchemaKey({ copiedSchemaKey, schema, stackUniqSchemaKeys });
|
41
|
-
expect(uniqSchemaKey).toBe('a copy 4');
|
42
|
-
});
|
43
|
-
test('getUniqSchemaKey case5', () => {
|
44
|
-
const copiedSchemaKey = 'a';
|
45
|
-
const schema = [
|
46
|
-
Object.assign({ id: uuid(), key: 'a', data: 'a' }, getSchema()),
|
47
|
-
Object.assign({ id: uuid(), key: 'a copy 3', data: 'a' }, getSchema()),
|
48
|
-
];
|
49
|
-
const stackUniqSchemaKeys = [];
|
50
|
-
const uniqSchemaKey = getUniqSchemaKey({ copiedSchemaKey, schema, stackUniqSchemaKeys });
|
51
|
-
expect(uniqSchemaKey).toBe('a copy 4');
|
52
|
-
});
|
53
|
-
test('getUniqSchemaKey case6', () => {
|
54
|
-
const copiedSchemaKey = 'a';
|
55
|
-
const schema = [
|
56
|
-
Object.assign({ id: uuid(), key: 'a', data: 'a' }, getSchema()),
|
57
|
-
Object.assign({ id: uuid(), key: 'a copy 3', data: 'a' }, getSchema()),
|
58
|
-
];
|
59
|
-
const stackUniqSchemaKeys = ['a copy 4'];
|
60
|
-
const uniqSchemaKey = getUniqSchemaKey({ copiedSchemaKey, schema, stackUniqSchemaKeys });
|
61
|
-
expect(uniqSchemaKey).toBe('a copy 5');
|
62
|
-
});
|
63
|
-
test('getUniqSchemaKey case7', () => {
|
64
|
-
const copiedSchemaKey = 'a';
|
65
|
-
const schema = [Object.assign({ id: uuid(), key: 'a', data: 'a' }, getSchema())];
|
66
|
-
const stackUniqSchemaKeys = ['a copy 2', 'a copy 3', 'a copy 4'];
|
67
|
-
const uniqSchemaKey = getUniqSchemaKey({ copiedSchemaKey, schema, stackUniqSchemaKeys });
|
68
|
-
expect(uniqSchemaKey).toBe('a copy 5');
|
69
|
-
});
|
70
|
-
test('getUniqSchemaKey case8', () => {
|
71
|
-
const copiedSchemaKey = 'a copy 2';
|
72
|
-
const schema = [Object.assign({ id: uuid(), key: 'a copy 2', data: 'a' }, getSchema())];
|
73
|
-
const stackUniqSchemaKeys = ['a copy 3'];
|
74
|
-
const uniqSchemaKey = getUniqSchemaKey({ copiedSchemaKey, schema, stackUniqSchemaKeys });
|
75
|
-
expect(uniqSchemaKey).toBe('a copy 4');
|
76
|
-
});
|
77
|
-
test('getUniqSchemaKey case9', () => {
|
78
|
-
const copiedSchemaKey = 'a copy 9';
|
79
|
-
const schema = [Object.assign({ id: uuid(), key: 'a copy 9', data: 'a' }, getSchema())];
|
80
|
-
const stackUniqSchemaKeys = ['a copy 10'];
|
81
|
-
const uniqSchemaKey = getUniqSchemaKey({ copiedSchemaKey, schema, stackUniqSchemaKeys });
|
82
|
-
expect(uniqSchemaKey).toBe('a copy 11');
|
83
|
-
});
|
84
|
-
test('getUniqSchemaKey case10', () => {
|
85
|
-
const copiedSchemaKey = 'a copy 10';
|
86
|
-
const schema = [Object.assign({ id: uuid(), key: 'a copy 10', data: 'a' }, getSchema())];
|
87
|
-
const stackUniqSchemaKeys = [];
|
88
|
-
const uniqSchemaKey = getUniqSchemaKey({ copiedSchemaKey, schema, stackUniqSchemaKeys });
|
89
|
-
expect(uniqSchemaKey).toBe('a copy 11');
|
90
|
-
});
|
91
|
-
});
|
92
|
-
//# sourceMappingURL=helper.test.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"helper.test.js","sourceRoot":"","sources":["../../../__tests__/helper.test.ts"],"names":[],"mappings":"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"}
|
package/dist/esm/src/Designer.js
DELETED
@@ -1,56 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { checkDesignerProps, checkTemplate } from '@pdfme/common';
|
3
|
-
import { BaseUIClass } from './class.js';
|
4
|
-
import { DESTROYED_ERR_MSG } from './constants.js';
|
5
|
-
import { I18nContext, FontContext } from './contexts.js';
|
6
|
-
import DesignerComponent from './components/Designer/index.js';
|
7
|
-
import { cloneDeep } from './helper.js';
|
8
|
-
class Designer extends BaseUIClass {
|
9
|
-
constructor(props) {
|
10
|
-
super(props);
|
11
|
-
checkDesignerProps(props);
|
12
|
-
this.render();
|
13
|
-
}
|
14
|
-
saveTemplate() {
|
15
|
-
if (!this.domContainer)
|
16
|
-
throw Error(DESTROYED_ERR_MSG);
|
17
|
-
if (this.onSaveTemplateCallback) {
|
18
|
-
this.onSaveTemplateCallback(this.template);
|
19
|
-
}
|
20
|
-
}
|
21
|
-
updateTemplate(template) {
|
22
|
-
checkTemplate(template);
|
23
|
-
if (!this.domContainer)
|
24
|
-
throw Error(DESTROYED_ERR_MSG);
|
25
|
-
this.template = cloneDeep(template);
|
26
|
-
if (this.onChangeTemplateCallback) {
|
27
|
-
this.onChangeTemplateCallback(template);
|
28
|
-
}
|
29
|
-
this.render();
|
30
|
-
}
|
31
|
-
onSaveTemplate(cb) {
|
32
|
-
this.onSaveTemplateCallback = cb;
|
33
|
-
}
|
34
|
-
onChangeTemplate(cb) {
|
35
|
-
this.onChangeTemplateCallback = cb;
|
36
|
-
}
|
37
|
-
render() {
|
38
|
-
if (!this.domContainer || !this.root)
|
39
|
-
throw Error(DESTROYED_ERR_MSG);
|
40
|
-
this.root.render(React.createElement(I18nContext.Provider, { value: this.getI18n() },
|
41
|
-
React.createElement(FontContext.Provider, { value: this.getFont() },
|
42
|
-
React.createElement(DesignerComponent, { template: this.template, onSaveTemplate: (template) => {
|
43
|
-
this.template = template;
|
44
|
-
if (this.onSaveTemplateCallback) {
|
45
|
-
this.onSaveTemplateCallback(template);
|
46
|
-
}
|
47
|
-
}, onChangeTemplate: (template) => {
|
48
|
-
this.template = template;
|
49
|
-
if (this.onChangeTemplateCallback) {
|
50
|
-
this.onChangeTemplateCallback(template);
|
51
|
-
}
|
52
|
-
}, size: this.size }))));
|
53
|
-
}
|
54
|
-
}
|
55
|
-
export default Designer;
|
56
|
-
//# sourceMappingURL=Designer.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Designer.js","sourceRoot":"","sources":["../../../src/Designer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,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,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE,MAAM,KAAK,CAAC,iBAAiB,CAAC,CAAC;QACrE,IAAI,CAAC,IAAI,CAAC,MAAM,CACd,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
DELETED
@@ -1,30 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { PreviewUI } from './class.js';
|
3
|
-
import { DESTROYED_ERR_MSG } from './constants.js';
|
4
|
-
import { I18nContext, FontContext } from './contexts.js';
|
5
|
-
import Preview from './components/Preview.js';
|
6
|
-
class Form extends PreviewUI {
|
7
|
-
constructor(props) {
|
8
|
-
super(props);
|
9
|
-
this.render();
|
10
|
-
}
|
11
|
-
onChangeInput(cb) {
|
12
|
-
this.onChangeInputCallback = cb;
|
13
|
-
}
|
14
|
-
render() {
|
15
|
-
if (!this.domContainer || !this.root)
|
16
|
-
throw Error(DESTROYED_ERR_MSG);
|
17
|
-
this.root.render(React.createElement(I18nContext.Provider, { value: this.getI18n() },
|
18
|
-
React.createElement(FontContext.Provider, { value: this.getFont() },
|
19
|
-
React.createElement(Preview, { template: this.template, size: this.size, inputs: this.inputs, onChangeInput: (arg) => {
|
20
|
-
const { index, value, key } = arg;
|
21
|
-
if (this.onChangeInputCallback) {
|
22
|
-
this.onChangeInputCallback({ index, value, key });
|
23
|
-
}
|
24
|
-
this.inputs[index][key] = value;
|
25
|
-
this.render();
|
26
|
-
} }))));
|
27
|
-
}
|
28
|
-
}
|
29
|
-
export default Form;
|
30
|
-
//# sourceMappingURL=Form.js.map
|
package/dist/esm/src/Form.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../src/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,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,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE,MAAM,KAAK,CAAC,iBAAiB,CAAC,CAAC;QACrE,IAAI,CAAC,IAAI,CAAC,MAAM,CACd,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
DELETED
@@ -1,20 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { PreviewUI } from './class.js';
|
3
|
-
import { DESTROYED_ERR_MSG } from './constants.js';
|
4
|
-
import { I18nContext, FontContext } from './contexts.js';
|
5
|
-
import Preview from './components/Preview.js';
|
6
|
-
class Viewer extends PreviewUI {
|
7
|
-
constructor(props) {
|
8
|
-
super(props);
|
9
|
-
this.render();
|
10
|
-
}
|
11
|
-
render() {
|
12
|
-
if (!this.domContainer || !this.root)
|
13
|
-
throw Error(DESTROYED_ERR_MSG);
|
14
|
-
this.root.render(React.createElement(I18nContext.Provider, { value: this.getI18n() },
|
15
|
-
React.createElement(FontContext.Provider, { value: this.getFont() },
|
16
|
-
React.createElement(Preview, { template: this.template, size: this.size, inputs: this.inputs }))));
|
17
|
-
}
|
18
|
-
}
|
19
|
-
export default Viewer;
|
20
|
-
//# sourceMappingURL=Viewer.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Viewer.js","sourceRoot":"","sources":["../../../src/Viewer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,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,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE,MAAM,KAAK,CAAC,iBAAiB,CAAC,CAAC;QACrE,IAAI,CAAC,IAAI,CAAC,MAAM,CACd,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
DELETED
@@ -1,114 +0,0 @@
|
|
1
|
-
import { createRoot } from 'react-dom/client';
|
2
|
-
import { curriedI18n } from './i18n.js';
|
3
|
-
import { DESTROYED_ERR_MSG, DEFAULT_LANG } from './constants.js';
|
4
|
-
import { debounce, flatten, cloneDeep } from './helper.js';
|
5
|
-
import { getDefaultFont, checkUIProps, checkTemplate, checkInputs, checkUIOptions, checkPreviewProps, } from '@pdfme/common';
|
6
|
-
const generateColumnsAndSampledataIfNeeded = (template) => {
|
7
|
-
const { schemas, columns, sampledata } = template;
|
8
|
-
const flatSchemaLength = schemas
|
9
|
-
.map((schema) => Object.keys(schema).length)
|
10
|
-
.reduce((acc, cur) => acc + cur, 0);
|
11
|
-
const neetColumns = !columns || flatSchemaLength !== columns.length;
|
12
|
-
const needSampledata = !sampledata || flatSchemaLength !== Object.keys(sampledata[0]).length;
|
13
|
-
// columns
|
14
|
-
if (neetColumns) {
|
15
|
-
template.columns = flatten(schemas.map((schema) => Object.keys(schema)));
|
16
|
-
}
|
17
|
-
// sampledata
|
18
|
-
if (needSampledata) {
|
19
|
-
template.sampledata = [
|
20
|
-
schemas.reduce((acc, cur) => Object.assign(acc, Object.keys(cur).reduce((a, c) => Object.assign(a, { [c]: '' }), {})), {}),
|
21
|
-
];
|
22
|
-
}
|
23
|
-
return template;
|
24
|
-
};
|
25
|
-
export class BaseUIClass {
|
26
|
-
constructor(props) {
|
27
|
-
this.lang = DEFAULT_LANG;
|
28
|
-
this.font = getDefaultFont();
|
29
|
-
this.setSize = debounce(() => {
|
30
|
-
if (!this.domContainer)
|
31
|
-
throw Error(DESTROYED_ERR_MSG);
|
32
|
-
this.size = {
|
33
|
-
height: this.domContainer.clientHeight || window.innerHeight,
|
34
|
-
width: this.domContainer.clientWidth || window.innerWidth,
|
35
|
-
};
|
36
|
-
this.render();
|
37
|
-
}, 100);
|
38
|
-
this.resizeObserver = new ResizeObserver(this.setSize);
|
39
|
-
checkUIProps(props);
|
40
|
-
const { domContainer, template, options } = props;
|
41
|
-
const { lang, font } = options || {};
|
42
|
-
this.domContainer = domContainer;
|
43
|
-
this.template = generateColumnsAndSampledataIfNeeded(cloneDeep(template));
|
44
|
-
this.root = createRoot(this.domContainer);
|
45
|
-
this.size = {
|
46
|
-
height: this.domContainer.clientHeight || window.innerHeight,
|
47
|
-
width: this.domContainer.clientWidth || window.innerWidth,
|
48
|
-
};
|
49
|
-
this.resizeObserver.observe(this.domContainer);
|
50
|
-
if (lang) {
|
51
|
-
this.lang = lang;
|
52
|
-
}
|
53
|
-
if (font) {
|
54
|
-
this.font = font;
|
55
|
-
}
|
56
|
-
}
|
57
|
-
getI18n() {
|
58
|
-
return curriedI18n(this.lang);
|
59
|
-
}
|
60
|
-
getFont() {
|
61
|
-
return this.font;
|
62
|
-
}
|
63
|
-
getTemplate() {
|
64
|
-
if (!this.domContainer)
|
65
|
-
throw Error(DESTROYED_ERR_MSG);
|
66
|
-
return this.template;
|
67
|
-
}
|
68
|
-
updateTemplate(template) {
|
69
|
-
checkTemplate(template);
|
70
|
-
if (!this.domContainer)
|
71
|
-
throw Error(DESTROYED_ERR_MSG);
|
72
|
-
this.template = cloneDeep(template);
|
73
|
-
this.render();
|
74
|
-
}
|
75
|
-
updateOptions(options) {
|
76
|
-
checkUIOptions(options);
|
77
|
-
const { lang, font } = options || {};
|
78
|
-
if (lang) {
|
79
|
-
this.lang = lang;
|
80
|
-
}
|
81
|
-
if (font) {
|
82
|
-
this.font = font;
|
83
|
-
}
|
84
|
-
this.render();
|
85
|
-
}
|
86
|
-
destroy() {
|
87
|
-
if (!this.domContainer || !this.root)
|
88
|
-
throw Error(DESTROYED_ERR_MSG);
|
89
|
-
this.root.unmount();
|
90
|
-
this.resizeObserver.unobserve(this.domContainer);
|
91
|
-
this.domContainer = null;
|
92
|
-
this.root = null;
|
93
|
-
}
|
94
|
-
}
|
95
|
-
export class PreviewUI extends BaseUIClass {
|
96
|
-
constructor(props) {
|
97
|
-
super(props);
|
98
|
-
checkPreviewProps(props);
|
99
|
-
this.inputs = cloneDeep(props.inputs);
|
100
|
-
}
|
101
|
-
getInputs() {
|
102
|
-
if (!this.domContainer)
|
103
|
-
throw Error(DESTROYED_ERR_MSG);
|
104
|
-
return this.inputs;
|
105
|
-
}
|
106
|
-
setInputs(inputs) {
|
107
|
-
if (!this.domContainer)
|
108
|
-
throw Error(DESTROYED_ERR_MSG);
|
109
|
-
checkInputs(inputs);
|
110
|
-
this.inputs = cloneDeep(inputs);
|
111
|
-
this.render();
|
112
|
-
}
|
113
|
-
}
|
114
|
-
//# sourceMappingURL=class.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"class.js","sourceRoot":"","sources":["../../../src/class.ts"],"names":[],"mappings":"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"}
|
@@ -1,24 +0,0 @@
|
|
1
|
-
import React, { useContext } from 'react';
|
2
|
-
import { ChevronLeftIcon, ChevronRightIcon } from '@heroicons/react/24/outline';
|
3
|
-
import { I18nContext } from '../../contexts.js';
|
4
|
-
const btnStyle = {
|
5
|
-
cursor: 'pointer',
|
6
|
-
border: 'none',
|
7
|
-
background: 'none',
|
8
|
-
display: 'flex',
|
9
|
-
alignItems: 'center',
|
10
|
-
};
|
11
|
-
const Pager = ({ pageCursor, pageNum, setPageCursor }) => {
|
12
|
-
const i18n = useContext(I18nContext);
|
13
|
-
return (React.createElement("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center' } },
|
14
|
-
React.createElement("button", { style: Object.assign(Object.assign({ paddingLeft: '0.5rem' }, btnStyle), { cursor: pageCursor <= 0 ? 'not-allowed' : 'pointer' }), disabled: pageCursor <= 0, onClick: () => setPageCursor(pageCursor - 1) },
|
15
|
-
React.createElement(ChevronLeftIcon, { width: 20, height: 20, color: '#fff' })),
|
16
|
-
React.createElement("strong", { style: { color: 'white', fontSize: '0.9rem', minWidth: 45, textAlign: 'center' } },
|
17
|
-
pageCursor + 1,
|
18
|
-
"/",
|
19
|
-
pageNum),
|
20
|
-
React.createElement("button", { style: Object.assign(Object.assign({ paddingRight: '0.5rem' }, btnStyle), { cursor: pageCursor + 1 >= pageNum ? 'not-allowed' : 'pointer' }), disabled: pageCursor + 1 >= pageNum, onClick: () => setPageCursor(pageCursor + 1) },
|
21
|
-
React.createElement(ChevronRightIcon, { width: 20, height: 20, color: '#fff' }))));
|
22
|
-
};
|
23
|
-
export default Pager;
|
24
|
-
//# sourceMappingURL=Pager.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Pager.js","sourceRoot":"","sources":["../../../../../src/components/CtlBar/Pager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAChF,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,MAAM,QAAQ,GAAwB;IACpC,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,MAAM;IAClB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;CACrB,CAAC;AAQF,MAAM,KAAK,GAAG,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAS,EAAE,EAAE;IAC9D,MAAM,IAAI,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAErC,OAAO,CACL,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE;QAC7E,gCACE,KAAK,gCACH,WAAW,EAAE,QAAQ,IAClB,QAAQ,KACX,MAAM,EAAE,UAAU,IAAI,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,KAErD,QAAQ,EAAE,UAAU,IAAI,CAAC,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,UAAU,GAAG,CAAC,CAAC;YAE5C,oBAAC,eAAe,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,GAAI,CAClD;QACT,gCAAQ,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE;YACrF,UAAU,GAAG,CAAC;;YAAG,OAAO,CAClB;QACT,gCACE,KAAK,gCACH,YAAY,EAAE,QAAQ,IACnB,QAAQ,KACX,MAAM,EAAE,UAAU,GAAG,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,KAE/D,QAAQ,EAAE,UAAU,GAAG,CAAC,IAAI,OAAO,EACnC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,UAAU,GAAG,CAAC,CAAC;YAE5C,oBAAC,gBAAgB,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,GAAI,CACnD,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
@@ -1,26 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { MinusIcon, PlusIcon } from '@heroicons/react/24/outline';
|
3
|
-
const btnStyle = {
|
4
|
-
cursor: 'pointer',
|
5
|
-
border: 'none',
|
6
|
-
background: 'none',
|
7
|
-
display: 'flex',
|
8
|
-
alignItems: 'center',
|
9
|
-
};
|
10
|
-
const zoomStep = 0.25;
|
11
|
-
const maxZoom = 2;
|
12
|
-
const minZoom = 0.25;
|
13
|
-
const Pager = ({ zoomLevel, setZoomLevel }) => {
|
14
|
-
const nextZoomOut = zoomLevel - zoomStep;
|
15
|
-
const nextZoomIn = zoomLevel + zoomStep;
|
16
|
-
return (React.createElement("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center' } },
|
17
|
-
React.createElement("button", { style: Object.assign(Object.assign({ paddingLeft: '0.5rem' }, btnStyle), { cursor: minZoom >= nextZoomOut ? 'not-allowed' : 'pointer' }), disabled: minZoom >= nextZoomOut, onClick: () => setZoomLevel(nextZoomOut) },
|
18
|
-
React.createElement(MinusIcon, { width: 20, height: 20, color: '#fff' })),
|
19
|
-
React.createElement("strong", { style: { color: 'white', fontSize: '0.9rem', minWidth: 50, textAlign: 'center' } },
|
20
|
-
Math.round(zoomLevel * 100),
|
21
|
-
"%"),
|
22
|
-
React.createElement("button", { style: Object.assign(Object.assign({ paddingRight: '0.5rem' }, btnStyle), { cursor: maxZoom < nextZoomIn ? 'not-allowed' : 'pointer' }), disabled: maxZoom < nextZoomIn, onClick: () => setZoomLevel(nextZoomIn) },
|
23
|
-
React.createElement(PlusIcon, { width: 20, height: 20, color: '#fff' }))));
|
24
|
-
};
|
25
|
-
export default Pager;
|
26
|
-
//# sourceMappingURL=Zoom.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Zoom.js","sourceRoot":"","sources":["../../../../../src/components/CtlBar/Zoom.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAElE,MAAM,QAAQ,GAAwB;IACpC,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,MAAM;IAClB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;CACrB,CAAC;AAEF,MAAM,QAAQ,GAAG,IAAI,CAAC;AACtB,MAAM,OAAO,GAAG,CAAC,CAAC;AAClB,MAAM,OAAO,GAAG,IAAI,CAAC;AAOrB,MAAM,KAAK,GAAG,CAAC,EAAE,SAAS,EAAE,YAAY,EAAS,EAAE,EAAE;IACnD,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAC;IACzC,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAC;IAExC,OAAO,CACL,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE;QAC7E,gCACE,KAAK,gCACH,WAAW,EAAE,QAAQ,IAClB,QAAQ,KACX,MAAM,EAAE,OAAO,IAAI,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,KAE5D,QAAQ,EAAE,OAAO,IAAI,WAAW,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,CAAC;YAExC,oBAAC,SAAS,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,GAAI,CAC5C;QACT,gCAAQ,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE;YACrF,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,CAAC;gBACrB;QACT,gCACE,KAAK,gCACH,YAAY,EAAE,QAAQ,IACnB,QAAQ,KACX,MAAM,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,KAE1D,QAAQ,EAAE,OAAO,GAAG,UAAU,EAC9B,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC;YAEvC,oBAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,GAAI,CAC3C,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
@@ -1,28 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import Pager from './Pager.js';
|
3
|
-
import Zoom from './Zoom.js';
|
4
|
-
const barWidth = 250;
|
5
|
-
const CtlBar = (props) => {
|
6
|
-
const { size, pageCursor, pageNum, setPageCursor, zoomLevel, setZoomLevel } = props;
|
7
|
-
const width = pageNum > 1 ? barWidth : barWidth / 2;
|
8
|
-
return (React.createElement("div", { style: { position: 'absolute', width: '100%', minHeight: size.height } },
|
9
|
-
React.createElement("div", { style: {
|
10
|
-
display: 'flex',
|
11
|
-
alignItems: 'center',
|
12
|
-
justifyContent: 'center',
|
13
|
-
position: 'sticky',
|
14
|
-
zIndex: 1,
|
15
|
-
top: '90%',
|
16
|
-
left: `calc(50% - ${width / 2}px)`,
|
17
|
-
width,
|
18
|
-
background: '#777777e6',
|
19
|
-
borderRadius: 2,
|
20
|
-
padding: '0.5rem',
|
21
|
-
} },
|
22
|
-
pageNum > 1 && (React.createElement(React.Fragment, null,
|
23
|
-
React.createElement(Pager, { pageCursor: pageCursor, pageNum: pageNum, setPageCursor: setPageCursor }),
|
24
|
-
React.createElement("strong", { style: { color: 'white', fontSize: '0.9rem', padding: 0 } }, "|"))),
|
25
|
-
React.createElement(Zoom, { zoomLevel: zoomLevel, setZoomLevel: setZoomLevel }))));
|
26
|
-
};
|
27
|
-
export default CtlBar;
|
28
|
-
//# sourceMappingURL=index.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/CtlBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,MAAM,YAAY,CAAC;AAC/B,OAAO,IAAI,MAAM,WAAW,CAAC;AAY7B,MAAM,QAAQ,GAAG,GAAG,CAAC;AAErB,MAAM,MAAM,GAAG,CAAC,KAAY,EAAE,EAAE;IAC9B,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IACpF,MAAM,KAAK,GAAG,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC;IACpD,OAAO,CACL,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,CAAC,MAAM,EAAE;QACzE,6BACE,KAAK,EAAE;gBACL,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;gBACxB,QAAQ,EAAE,QAAQ;gBAClB,MAAM,EAAE,CAAC;gBACT,GAAG,EAAE,KAAK;gBACV,IAAI,EAAE,cAAc,KAAK,GAAG,CAAC,KAAK;gBAClC,KAAK;gBACL,UAAU,EAAE,WAAW;gBACvB,YAAY,EAAE,CAAC;gBACf,OAAO,EAAE,QAAQ;aAClB;YAEA,OAAO,GAAG,CAAC,IAAI,CACd;gBACE,oBAAC,KAAK,IAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,GAAI;gBACjF,gCAAQ,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAE,QAAY,CAC5E,CACJ;YACD,oBAAC,IAAI,IAAC,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,GAAI,CACtD,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|