@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
@@ -1,69 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
3
|
-
if (k2 === undefined) k2 = k;
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
7
|
-
}
|
8
|
-
Object.defineProperty(o, k2, desc);
|
9
|
-
}) : (function(o, m, k, k2) {
|
10
|
-
if (k2 === undefined) k2 = k;
|
11
|
-
o[k2] = m[k];
|
12
|
-
}));
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
15
|
-
}) : function(o, v) {
|
16
|
-
o["default"] = v;
|
17
|
-
});
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
19
|
-
if (mod && mod.__esModule) return mod;
|
20
|
-
var result = {};
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
22
|
-
__setModuleDefault(result, mod);
|
23
|
-
return result;
|
24
|
-
};
|
25
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
26
|
-
const react_1 = __importStar(require("react"));
|
27
|
-
const helper_js_1 = require("../../../../helper.js");
|
28
|
-
const contexts_js_1 = require("../../../../contexts.js");
|
29
|
-
const outline_1 = require("@heroicons/react/24/outline");
|
30
|
-
const ExampleInputEditor = (props) => {
|
31
|
-
const { changeSchemas, activeSchema } = props;
|
32
|
-
const i18n = (0, react_1.useContext)(contexts_js_1.I18nContext);
|
33
|
-
return (react_1.default.createElement("div", null,
|
34
|
-
react_1.default.createElement("label", null, i18n('inputExample')),
|
35
|
-
activeSchema.type === 'image' ? (react_1.default.createElement("div", { style: { position: 'relative' } }, activeSchema.data ? (react_1.default.createElement("div", { style: { margin: '0 auto' } },
|
36
|
-
react_1.default.createElement("button", { style: {
|
37
|
-
position: 'absolute',
|
38
|
-
top: 0,
|
39
|
-
left: 0,
|
40
|
-
display: 'flex',
|
41
|
-
justifyContent: 'center',
|
42
|
-
alignItems: 'center',
|
43
|
-
color: '#333',
|
44
|
-
background: '#f2f2f2',
|
45
|
-
cursor: 'pointer',
|
46
|
-
borderRadius: 2,
|
47
|
-
border: '1px solid #767676',
|
48
|
-
height: 20,
|
49
|
-
width: 20,
|
50
|
-
}, "aria-label": "close", onClick: () => changeSchemas([{ key: 'data', value: '', schemaId: activeSchema.id }]) },
|
51
|
-
react_1.default.createElement(outline_1.XMarkIcon, { width: 10, height: 10 })),
|
52
|
-
react_1.default.createElement("img", { style: { maxHeight: 180 }, src: activeSchema.data, alt: "Input Example" }))) : (react_1.default.createElement("label", null,
|
53
|
-
react_1.default.createElement("input", { style: { color: '#333', background: 'none' }, onChange: (e) => {
|
54
|
-
const { files } = e.target;
|
55
|
-
(0, helper_js_1.readFiles)(files, 'dataURL').then((result) => {
|
56
|
-
changeSchemas([
|
57
|
-
{ key: 'data', value: result, schemaId: activeSchema.id },
|
58
|
-
]);
|
59
|
-
});
|
60
|
-
}, type: "file", accept: "image/jpeg, image/png" }))))) : (react_1.default.createElement("textarea", { rows: 6, onChange: (e) => changeSchemas([{ key: 'data', value: e.target.value, schemaId: activeSchema.id }]), style: {
|
61
|
-
width: '100%',
|
62
|
-
border: '1px solid #767676',
|
63
|
-
borderRadius: 2,
|
64
|
-
color: '#333',
|
65
|
-
background: activeSchema.data ? 'none' : '#ffa19b',
|
66
|
-
}, value: activeSchema.data }))));
|
67
|
-
};
|
68
|
-
exports.default = ExampleInputEditor;
|
69
|
-
//# sourceMappingURL=ExampleInputEditor.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"ExampleInputEditor.js","sourceRoot":"","sources":["../../../../../../../src/components/Designer/Sidebar/DetailView/ExampleInputEditor.tsx"],"names":[],"mappings":"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"}
|
@@ -1,184 +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
|
-
const react_1 = __importDefault(require("react"));
|
7
|
-
const helper_js_1 = require("../../../../helper.js");
|
8
|
-
const inputSetStyle = { marginRight: '1rem', display: 'flex', alignItems: 'center' };
|
9
|
-
const inputStyle = {
|
10
|
-
width: 70,
|
11
|
-
border: '1px solid #767676',
|
12
|
-
borderRadius: 2,
|
13
|
-
color: '#333',
|
14
|
-
background: 'none',
|
15
|
-
};
|
16
|
-
const buttonStyle = {
|
17
|
-
display: 'flex',
|
18
|
-
background: 'none',
|
19
|
-
alignItems: 'center',
|
20
|
-
borderRadius: 2,
|
21
|
-
border: '1px solid rgb(118, 118, 118)',
|
22
|
-
cursor: 'pointer',
|
23
|
-
};
|
24
|
-
const svgBaseProp = {
|
25
|
-
style: { width: '100%', height: '100%' },
|
26
|
-
xmlns: 'http://www.w3.org/2000/svg',
|
27
|
-
enableBackground: 'new 0 0 24 24',
|
28
|
-
height: '24px',
|
29
|
-
viewBox: '0 0 24 24',
|
30
|
-
width: '24px',
|
31
|
-
fill: '#000000',
|
32
|
-
};
|
33
|
-
const PositionAndSizeEditor = (props) => {
|
34
|
-
const { changeSchemas, schemas, activeSchema, activeElements, pageSize } = props;
|
35
|
-
const align = (type) => {
|
36
|
-
const ids = activeElements.map((ae) => ae.id);
|
37
|
-
const ass = schemas.filter((s) => ids.includes(s.id));
|
38
|
-
const isVertical = ['left', 'center', 'right'].includes(type);
|
39
|
-
const tgtPos = isVertical ? 'x' : 'y';
|
40
|
-
const tgtSize = isVertical ? 'width' : 'height';
|
41
|
-
const isSingle = ass.length === 1;
|
42
|
-
const root = pageSize[tgtSize];
|
43
|
-
const min = isSingle ? 0 : Math.min(...ass.map((as) => as.position[tgtPos]));
|
44
|
-
const max = isSingle ? root : Math.max(...ass.map((as) => as.position[tgtPos] + as[tgtSize]));
|
45
|
-
let basePos = min;
|
46
|
-
let adjust = (_) => 0;
|
47
|
-
if (['center', 'middle'].includes(type)) {
|
48
|
-
basePos = (min + max) / 2;
|
49
|
-
adjust = (num) => num / 2;
|
50
|
-
}
|
51
|
-
else if (['right', 'bottom'].includes(type)) {
|
52
|
-
basePos = max;
|
53
|
-
adjust = (num) => num;
|
54
|
-
}
|
55
|
-
changeSchemas(ass.map((as) => ({
|
56
|
-
key: `position.${tgtPos}`,
|
57
|
-
value: (0, helper_js_1.round)(basePos - adjust(as[tgtSize]), 2),
|
58
|
-
schemaId: as.id,
|
59
|
-
})));
|
60
|
-
};
|
61
|
-
const distribute = (type) => {
|
62
|
-
const ids = activeElements.map((ae) => ae.id);
|
63
|
-
const ass = schemas.filter((s) => ids.includes(s.id));
|
64
|
-
const isVertical = type === 'vertical';
|
65
|
-
const tgtPos = isVertical ? 'y' : 'x';
|
66
|
-
const tgtSize = isVertical ? 'height' : 'width';
|
67
|
-
const min = Math.min(...ass.map((as) => as.position[tgtPos]));
|
68
|
-
const max = Math.max(...ass.map((as) => as.position[tgtPos] + as[tgtSize]));
|
69
|
-
if (ass.length < 3)
|
70
|
-
return;
|
71
|
-
const boxPos = min;
|
72
|
-
const boxSize = max - min;
|
73
|
-
const sum = ass.reduce((acc, cur) => acc + cur[tgtSize], 0);
|
74
|
-
const remain = boxSize - sum;
|
75
|
-
const unit = remain / (ass.length - 1);
|
76
|
-
let prev = 0;
|
77
|
-
changeSchemas(ass.map((as, index) => {
|
78
|
-
prev += index === 0 ? 0 : ass[index - 1][tgtSize] + unit;
|
79
|
-
const value = (0, helper_js_1.round)(boxPos + prev, 2);
|
80
|
-
return { key: `position.${tgtPos}`, value, schemaId: as.id };
|
81
|
-
}));
|
82
|
-
};
|
83
|
-
const layoutBtns = [
|
84
|
-
{
|
85
|
-
id: 'left',
|
86
|
-
icon: (react_1.default.createElement("svg", Object.assign({}, svgBaseProp),
|
87
|
-
react_1.default.createElement("rect", { fill: "none", height: "24", width: "24" }),
|
88
|
-
react_1.default.createElement("path", { d: "M4,22H2V2h2V22z M22,7H6v3h16V7z M16,14H6v3h10V14z" }))),
|
89
|
-
action: () => align('left'),
|
90
|
-
},
|
91
|
-
{
|
92
|
-
id: 'center',
|
93
|
-
icon: (react_1.default.createElement("svg", Object.assign({}, svgBaseProp),
|
94
|
-
react_1.default.createElement("rect", { fill: "none", height: "24", width: "24" }),
|
95
|
-
react_1.default.createElement("polygon", { points: "11,2 13,2 13,7 21,7 21,10 13,10 13,14 18,14 18,17 13,17 13,22 11,22 11,17 6,17 6,14 11,14 11,10 3,10 3,7 11,7" }))),
|
96
|
-
action: () => align('center'),
|
97
|
-
},
|
98
|
-
{
|
99
|
-
id: 'right',
|
100
|
-
icon: (react_1.default.createElement("svg", Object.assign({}, svgBaseProp),
|
101
|
-
react_1.default.createElement("rect", { fill: "none", height: "24", width: "24" }),
|
102
|
-
react_1.default.createElement("path", { d: "M20,2h2v20h-2V2z M2,10h16V7H2V10z M8,17h10v-3H8V17z" }))),
|
103
|
-
action: () => align('right'),
|
104
|
-
},
|
105
|
-
{
|
106
|
-
id: 'top',
|
107
|
-
icon: (react_1.default.createElement("svg", Object.assign({}, svgBaseProp),
|
108
|
-
react_1.default.createElement("rect", { fill: "none", height: "24", width: "24" }),
|
109
|
-
react_1.default.createElement("path", { d: "M22,2v2H2V2H22z M7,22h3V6H7V22z M14,16h3V6h-3V16z" }))),
|
110
|
-
action: () => align('top'),
|
111
|
-
},
|
112
|
-
{
|
113
|
-
id: 'middle',
|
114
|
-
icon: (react_1.default.createElement("svg", Object.assign({}, svgBaseProp),
|
115
|
-
react_1.default.createElement("rect", { fill: "none", height: "24", width: "24" }),
|
116
|
-
react_1.default.createElement("polygon", { points: "22,11 17,11 17,6 14,6 14,11 10,11 10,3 7,3 7,11 1.84,11 1.84,13 7,13 7,21 10,21 10,13 14,13 14,18 17,18 17,13 22,13" }))),
|
117
|
-
action: () => align('middle'),
|
118
|
-
},
|
119
|
-
{
|
120
|
-
id: 'bottom',
|
121
|
-
icon: (react_1.default.createElement("svg", Object.assign({}, svgBaseProp),
|
122
|
-
react_1.default.createElement("rect", { fill: "none", height: "24", width: "24" }),
|
123
|
-
react_1.default.createElement("path", { d: "M22,22H2v-2h20V22z M10,2H7v16h3V2z M17,8h-3v10h3V8z" }))),
|
124
|
-
action: () => align('bottom'),
|
125
|
-
},
|
126
|
-
{
|
127
|
-
id: 'vertical',
|
128
|
-
icon: (react_1.default.createElement("svg", Object.assign({}, svgBaseProp),
|
129
|
-
react_1.default.createElement("rect", { fill: "none", height: "24", width: "24" }),
|
130
|
-
react_1.default.createElement("path", { d: "M22,2v2H2V2H22z M7,10.5v3h10v-3H7z M2,20v2h20v-2H2z" }))),
|
131
|
-
action: () => distribute('vertical'),
|
132
|
-
},
|
133
|
-
{
|
134
|
-
id: 'horizontal',
|
135
|
-
icon: (react_1.default.createElement("svg", Object.assign({}, svgBaseProp),
|
136
|
-
react_1.default.createElement("rect", { fill: "none", height: "24", width: "24" }),
|
137
|
-
react_1.default.createElement("path", { d: "M4,22H2V2h2V22z M22,2h-2v20h2V2z M13.5,7h-3v10h3V7z" }))),
|
138
|
-
action: () => distribute('horizontal'),
|
139
|
-
},
|
140
|
-
];
|
141
|
-
return (react_1.default.createElement("div", null,
|
142
|
-
react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center', marginBottom: '0.5rem' } }, layoutBtns.map((b) => (react_1.default.createElement("button", { key: b.id, title: b.id, onClick: b.action, style: buttonStyle },
|
143
|
-
react_1.default.createElement("object", { width: 15, height: 15 }, b.icon))))),
|
144
|
-
react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between' } },
|
145
|
-
react_1.default.createElement("div", { style: inputSetStyle },
|
146
|
-
react_1.default.createElement("label", { style: { width: 17 } }, "X"),
|
147
|
-
react_1.default.createElement("input", { style: inputStyle, type: "number", onChange: (e) => {
|
148
|
-
const value = Number(e.target.value);
|
149
|
-
if (value >= 0 && activeSchema.width + value < pageSize.width) {
|
150
|
-
changeSchemas([{ key: 'position.x', value, schemaId: activeSchema.id }]);
|
151
|
-
}
|
152
|
-
}, value: activeSchema.position.x }),
|
153
|
-
react_1.default.createElement("span", { style: { fontSize: '0.6rem' } }, "mm")),
|
154
|
-
react_1.default.createElement("div", { style: inputSetStyle },
|
155
|
-
react_1.default.createElement("label", { style: { width: 17 } }, "Y"),
|
156
|
-
react_1.default.createElement("input", { style: inputStyle, type: "number", onChange: (e) => {
|
157
|
-
const value = Number(e.target.value);
|
158
|
-
if (value >= 0 && activeSchema.height + value < pageSize.height) {
|
159
|
-
changeSchemas([{ key: 'position.y', value, schemaId: activeSchema.id }]);
|
160
|
-
}
|
161
|
-
}, value: activeSchema.position.y }),
|
162
|
-
react_1.default.createElement("span", { style: { fontSize: '0.6rem' } }, "mm"))),
|
163
|
-
react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between' } },
|
164
|
-
react_1.default.createElement("div", { style: inputSetStyle },
|
165
|
-
react_1.default.createElement("label", { style: { width: 17 } }, "W"),
|
166
|
-
react_1.default.createElement("input", { style: inputStyle, type: "number", onChange: (e) => {
|
167
|
-
const value = Number(e.target.value);
|
168
|
-
if (value >= 0 && activeSchema.position.x + value < pageSize.width) {
|
169
|
-
changeSchemas([{ key: 'width', value, schemaId: activeSchema.id }]);
|
170
|
-
}
|
171
|
-
}, value: activeSchema.width }),
|
172
|
-
react_1.default.createElement("span", { style: { fontSize: '0.6rem' } }, "mm")),
|
173
|
-
react_1.default.createElement("div", { style: inputSetStyle },
|
174
|
-
react_1.default.createElement("label", { style: { width: 17 } }, "H"),
|
175
|
-
react_1.default.createElement("input", { style: inputStyle, type: "number", onChange: (e) => {
|
176
|
-
const value = Number(e.target.value);
|
177
|
-
if (value >= 0 && activeSchema.position.y + value < pageSize.height) {
|
178
|
-
changeSchemas([{ key: 'height', value, schemaId: activeSchema.id }]);
|
179
|
-
}
|
180
|
-
}, value: activeSchema.height }),
|
181
|
-
react_1.default.createElement("span", { style: { fontSize: '0.6rem' } }, "mm")))));
|
182
|
-
};
|
183
|
-
exports.default = PositionAndSizeEditor;
|
184
|
-
//# sourceMappingURL=PositionAndSizeEditor.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"PositionAndSizeEditor.js","sourceRoot":"","sources":["../../../../../../../src/components/Designer/Sidebar/DetailView/PositionAndSizeEditor.tsx"],"names":[],"mappings":"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"}
|
@@ -1,116 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
3
|
-
if (k2 === undefined) k2 = k;
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
7
|
-
}
|
8
|
-
Object.defineProperty(o, k2, desc);
|
9
|
-
}) : (function(o, m, k, k2) {
|
10
|
-
if (k2 === undefined) k2 = k;
|
11
|
-
o[k2] = m[k];
|
12
|
-
}));
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
15
|
-
}) : function(o, v) {
|
16
|
-
o["default"] = v;
|
17
|
-
});
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
19
|
-
if (mod && mod.__esModule) return mod;
|
20
|
-
var result = {};
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
22
|
-
__setModuleDefault(result, mod);
|
23
|
-
return result;
|
24
|
-
};
|
25
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
26
|
-
const react_1 = __importStar(require("react"));
|
27
|
-
const common_1 = require("@pdfme/common");
|
28
|
-
const contexts_js_1 = require("../../../../contexts.js");
|
29
|
-
const outline_1 = require("@heroicons/react/24/outline");
|
30
|
-
const inputStyle = {
|
31
|
-
width: '90%',
|
32
|
-
color: '#333',
|
33
|
-
background: 'none',
|
34
|
-
borderRadius: 2,
|
35
|
-
border: '1px solid #767676',
|
36
|
-
};
|
37
|
-
const selectStyle = inputStyle;
|
38
|
-
const NumberInputSet = (props) => {
|
39
|
-
const { label, value, width, onChange } = props;
|
40
|
-
return (react_1.default.createElement("div", { style: { width } },
|
41
|
-
react_1.default.createElement("label", null, label),
|
42
|
-
react_1.default.createElement("input", { style: inputStyle, onChange: onChange, value: value, type: "number" })));
|
43
|
-
};
|
44
|
-
const ColorInputSet = (props) => {
|
45
|
-
const { label, value, onChange, onClear } = props;
|
46
|
-
return (react_1.default.createElement("div", { style: { width: '45%' } },
|
47
|
-
react_1.default.createElement("label", null, label),
|
48
|
-
react_1.default.createElement("div", { style: { display: 'flex' } },
|
49
|
-
react_1.default.createElement("input", { onChange: onChange, value: value || '#ffffff', type: "color", style: inputStyle }),
|
50
|
-
react_1.default.createElement("button", { onClick: onClear, style: {
|
51
|
-
display: 'flex',
|
52
|
-
background: 'none',
|
53
|
-
alignItems: 'center',
|
54
|
-
borderRadius: 2,
|
55
|
-
border: '1px solid #767676',
|
56
|
-
cursor: 'pointer',
|
57
|
-
} },
|
58
|
-
react_1.default.createElement(outline_1.XMarkIcon, { width: 10, height: 10 })))));
|
59
|
-
};
|
60
|
-
const SelectSet = (props) => {
|
61
|
-
const { label, value, options, onChange } = props;
|
62
|
-
return (react_1.default.createElement("div", { style: { width: '45%' } },
|
63
|
-
react_1.default.createElement("label", null,
|
64
|
-
label,
|
65
|
-
":"),
|
66
|
-
react_1.default.createElement("select", { style: selectStyle, onChange: onChange, value: value }, options.map((o) => (react_1.default.createElement("option", { key: o, value: o }, o))))));
|
67
|
-
};
|
68
|
-
const TextPropEditor = (props) => {
|
69
|
-
var _a, _b, _c, _d, _e, _f, _g;
|
70
|
-
const { changeSchemas, activeSchema } = props;
|
71
|
-
const alignments = ['left', 'center', 'right'];
|
72
|
-
const font = (0, react_1.useContext)(contexts_js_1.FontContext);
|
73
|
-
const fallbackFontName = (0, common_1.getFallbackFontName)(font);
|
74
|
-
if (activeSchema.type !== 'text')
|
75
|
-
return react_1.default.createElement(react_1.default.Fragment, null);
|
76
|
-
return (react_1.default.createElement("div", { style: { fontSize: '0.7rem' } },
|
77
|
-
react_1.default.createElement("div", { style: {
|
78
|
-
display: 'flex',
|
79
|
-
alignItems: 'center',
|
80
|
-
justifyContent: 'space-between',
|
81
|
-
marginBottom: '0.25rem',
|
82
|
-
} },
|
83
|
-
react_1.default.createElement(SelectSet, { label: 'FontName', value: (_a = activeSchema.fontName) !== null && _a !== void 0 ? _a : fallbackFontName, options: Object.keys(font), onChange: (e) => {
|
84
|
-
changeSchemas([{ key: 'fontName', value: e.target.value, schemaId: activeSchema.id }]);
|
85
|
-
} }),
|
86
|
-
react_1.default.createElement(SelectSet, { label: 'Alignment', value: (_b = activeSchema.alignment) !== null && _b !== void 0 ? _b : 'left', options: alignments, onChange: (e) => changeSchemas([{ key: 'alignment', value: e.target.value, schemaId: activeSchema.id }]) })),
|
87
|
-
react_1.default.createElement("div", { style: {
|
88
|
-
display: 'flex',
|
89
|
-
alignItems: 'center',
|
90
|
-
justifyContent: 'space-between',
|
91
|
-
marginBottom: '0.25rem',
|
92
|
-
} },
|
93
|
-
react_1.default.createElement(NumberInputSet, { width: "30%", label: 'FontSize(pt)', value: (_c = activeSchema.fontSize) !== null && _c !== void 0 ? _c : common_1.DEFAULT_FONT_SIZE, onChange: (e) => changeSchemas([
|
94
|
-
{ key: 'fontSize', value: Number(e.target.value), schemaId: activeSchema.id },
|
95
|
-
]) }),
|
96
|
-
react_1.default.createElement(NumberInputSet, { width: "30%", label: 'LineHeight(em)', value: (_d = activeSchema.lineHeight) !== null && _d !== void 0 ? _d : common_1.DEFAULT_LINE_HEIGHT, onChange: (e) => changeSchemas([
|
97
|
-
{ key: 'lineHeight', value: Number(e.target.value), schemaId: activeSchema.id },
|
98
|
-
]) }),
|
99
|
-
react_1.default.createElement(NumberInputSet, { width: "40%", label: 'CharacterSpacing(pt)', value: (_e = activeSchema.characterSpacing) !== null && _e !== void 0 ? _e : common_1.DEFAULT_CHARACTER_SPACING, onChange: (e) => changeSchemas([
|
100
|
-
{ key: 'characterSpacing', value: Number(e.target.value), schemaId: activeSchema.id },
|
101
|
-
]) })),
|
102
|
-
react_1.default.createElement("div", { style: {
|
103
|
-
marginBottom: '0.25rem',
|
104
|
-
display: 'flex',
|
105
|
-
alignItems: 'center',
|
106
|
-
justifyContent: 'space-between',
|
107
|
-
} },
|
108
|
-
react_1.default.createElement(ColorInputSet, { label: 'FontColor', value: (_f = activeSchema.fontColor) !== null && _f !== void 0 ? _f : '#000000', onChange: (e) => changeSchemas([{ key: 'fontColor', value: e.target.value, schemaId: activeSchema.id }]), onClear: () => changeSchemas([
|
109
|
-
{ key: 'fontColor', value: common_1.DEFAULT_FONT_COLOR, schemaId: activeSchema.id },
|
110
|
-
]) }),
|
111
|
-
react_1.default.createElement(ColorInputSet, { label: 'Background', value: (_g = activeSchema.backgroundColor) !== null && _g !== void 0 ? _g : '#ffffff', onChange: (e) => changeSchemas([
|
112
|
-
{ key: 'backgroundColor', value: e.target.value, schemaId: activeSchema.id },
|
113
|
-
]), onClear: () => changeSchemas([{ key: 'backgroundColor', value: '', schemaId: activeSchema.id }]) }))));
|
114
|
-
};
|
115
|
-
exports.default = TextPropEditor;
|
116
|
-
//# sourceMappingURL=TextPropEditor.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"TextPropEditor.js","sourceRoot":"","sources":["../../../../../../../src/components/Designer/Sidebar/DetailView/TextPropEditor.tsx"],"names":[],"mappings":"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"}
|
@@ -1,72 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
3
|
-
if (k2 === undefined) k2 = k;
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
7
|
-
}
|
8
|
-
Object.defineProperty(o, k2, desc);
|
9
|
-
}) : (function(o, m, k, k2) {
|
10
|
-
if (k2 === undefined) k2 = k;
|
11
|
-
o[k2] = m[k];
|
12
|
-
}));
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
15
|
-
}) : function(o, v) {
|
16
|
-
o["default"] = v;
|
17
|
-
});
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
19
|
-
if (mod && mod.__esModule) return mod;
|
20
|
-
var result = {};
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
22
|
-
__setModuleDefault(result, mod);
|
23
|
-
return result;
|
24
|
-
};
|
25
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
26
|
-
const react_1 = __importStar(require("react"));
|
27
|
-
const common_1 = require("@pdfme/common");
|
28
|
-
const contexts_js_1 = require("../../../../contexts.js");
|
29
|
-
const ErrorLabel = ({ isError, msg }) => (react_1.default.createElement("span", { style: { color: isError ? '#ffa19b' : 'inherit', fontWeight: isError ? 'bold' : 'inherit' } }, msg));
|
30
|
-
const TypeAndKeyEditor = (props) => {
|
31
|
-
const { changeSchemas, activeSchema, schemas } = props;
|
32
|
-
const i18n = (0, react_1.useContext)(contexts_js_1.I18nContext);
|
33
|
-
const inputRef = (0, react_1.useRef)(null);
|
34
|
-
const getHasSameKey = (0, react_1.useCallback)(() => {
|
35
|
-
const schemaKeys = schemas.map((s) => s.key);
|
36
|
-
const index = schemaKeys.indexOf(activeSchema.key);
|
37
|
-
if (index > -1) {
|
38
|
-
schemaKeys.splice(index, 1);
|
39
|
-
}
|
40
|
-
return schemaKeys.includes(activeSchema.key);
|
41
|
-
}, [schemas, activeSchema]);
|
42
|
-
const blankKey = !activeSchema.key;
|
43
|
-
const hasSameKey = getHasSameKey();
|
44
|
-
return (react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center' } },
|
45
|
-
react_1.default.createElement("div", null,
|
46
|
-
react_1.default.createElement("label", { style: { marginBottom: 0 } }, i18n('type')),
|
47
|
-
react_1.default.createElement("select", { style: {
|
48
|
-
width: '100%',
|
49
|
-
border: '1px solid #767676',
|
50
|
-
borderRadius: 2,
|
51
|
-
color: '#333',
|
52
|
-
background: 'none',
|
53
|
-
}, onChange: (e) => changeSchemas([{ key: 'type', value: e.target.value, schemaId: activeSchema.id }]), value: activeSchema.type }, common_1.schemaTypes.map((t) => (react_1.default.createElement("option", { key: t, value: t }, t))))),
|
54
|
-
react_1.default.createElement("div", null,
|
55
|
-
react_1.default.createElement("label", { style: { marginBottom: 0 } },
|
56
|
-
i18n('fieldName'),
|
57
|
-
react_1.default.createElement("u", { style: { fontSize: '0.7rem' } },
|
58
|
-
"(",
|
59
|
-
react_1.default.createElement(ErrorLabel, { msg: i18n('require'), isError: blankKey }),
|
60
|
-
"+",
|
61
|
-
react_1.default.createElement(ErrorLabel, { msg: i18n('uniq'), isError: hasSameKey }),
|
62
|
-
")")),
|
63
|
-
react_1.default.createElement("input", { ref: inputRef, onChange: (e) => changeSchemas([{ key: 'key', value: e.target.value, schemaId: activeSchema.id }]), style: {
|
64
|
-
width: '100%',
|
65
|
-
border: '1px solid #767676',
|
66
|
-
borderRadius: 2,
|
67
|
-
color: '#333',
|
68
|
-
background: hasSameKey || blankKey ? '#ffa19b' : 'none',
|
69
|
-
}, value: activeSchema.key }))));
|
70
|
-
};
|
71
|
-
exports.default = TypeAndKeyEditor;
|
72
|
-
//# sourceMappingURL=TypeAndKeyEditor.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"TypeAndKeyEditor.js","sourceRoot":"","sources":["../../../../../../../src/components/Designer/Sidebar/DetailView/TypeAndKeyEditor.tsx"],"names":[],"mappings":"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"}
|
@@ -1,54 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
3
|
-
if (k2 === undefined) k2 = k;
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
7
|
-
}
|
8
|
-
Object.defineProperty(o, k2, desc);
|
9
|
-
}) : (function(o, m, k, k2) {
|
10
|
-
if (k2 === undefined) k2 = k;
|
11
|
-
o[k2] = m[k];
|
12
|
-
}));
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
15
|
-
}) : function(o, v) {
|
16
|
-
o["default"] = v;
|
17
|
-
});
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
19
|
-
if (mod && mod.__esModule) return mod;
|
20
|
-
var result = {};
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
22
|
-
__setModuleDefault(result, mod);
|
23
|
-
return result;
|
24
|
-
};
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
27
|
-
};
|
28
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
29
|
-
const react_1 = __importStar(require("react"));
|
30
|
-
const contexts_js_1 = require("../../../../contexts.js");
|
31
|
-
const Divider_js_1 = __importDefault(require("../../../Divider.js"));
|
32
|
-
const TextPropEditor_js_1 = __importDefault(require("./TextPropEditor.js"));
|
33
|
-
const ExampleInputEditor_js_1 = __importDefault(require("./ExampleInputEditor.js"));
|
34
|
-
const PositionAndSizeEditor_js_1 = __importDefault(require("./PositionAndSizeEditor.js"));
|
35
|
-
const TypeAndKeyEditor_js_1 = __importDefault(require("./TypeAndKeyEditor.js"));
|
36
|
-
const DetailView = (props) => {
|
37
|
-
const { activeSchema } = props;
|
38
|
-
const i18n = (0, react_1.useContext)(contexts_js_1.I18nContext);
|
39
|
-
return (react_1.default.createElement("div", null,
|
40
|
-
react_1.default.createElement("div", { style: { height: 40, display: 'flex', alignItems: 'center' } },
|
41
|
-
react_1.default.createElement("span", { style: { textAlign: 'center', width: '100%', fontWeight: 'bold' } }, i18n('editField'))),
|
42
|
-
react_1.default.createElement(Divider_js_1.default, null),
|
43
|
-
react_1.default.createElement("div", { style: { fontSize: '0.9rem' } },
|
44
|
-
react_1.default.createElement(TypeAndKeyEditor_js_1.default, Object.assign({}, props)),
|
45
|
-
react_1.default.createElement(Divider_js_1.default, null),
|
46
|
-
react_1.default.createElement(PositionAndSizeEditor_js_1.default, Object.assign({}, props)),
|
47
|
-
react_1.default.createElement(Divider_js_1.default, null),
|
48
|
-
activeSchema.type === 'text' && (react_1.default.createElement(react_1.default.Fragment, null,
|
49
|
-
react_1.default.createElement(TextPropEditor_js_1.default, Object.assign({}, props)),
|
50
|
-
react_1.default.createElement(Divider_js_1.default, null))),
|
51
|
-
react_1.default.createElement(ExampleInputEditor_js_1.default, Object.assign({}, props)))));
|
52
|
-
};
|
53
|
-
exports.default = DetailView;
|
54
|
-
//# sourceMappingURL=index.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/Designer/Sidebar/DetailView/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,yDAAsD;AACtD,qEAA0C;AAE1C,4EAAiD;AACjD,oFAAyD;AACzD,0FAA+D;AAC/D,gFAAqD;AAErD,MAAM,UAAU,GAAG,CACjB,KAEC,EACD,EAAE;IACF,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAC/B,MAAM,IAAI,GAAG,IAAA,kBAAU,EAAC,yBAAW,CAAC,CAAC;IAErC,OAAO,CACL;QACE,uCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE;YAC/D,wCAAM,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,IACpE,IAAI,CAAC,WAAW,CAAC,CACb,CACH;QACN,8BAAC,oBAAO,OAAG;QACX,uCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;YAChC,8BAAC,6BAAgB,oBAAK,KAAK,EAAI;YAC/B,8BAAC,oBAAO,OAAG;YACX,8BAAC,kCAAqB,oBAAK,KAAK,EAAI;YACpC,8BAAC,oBAAO,OAAG;YACV,YAAY,CAAC,IAAI,KAAK,MAAM,IAAI,CAC/B;gBACE,8BAAC,2BAAc,oBAAK,KAAK,EAAI;gBAC7B,8BAAC,oBAAO,OAAG,CACV,CACJ;YACD,8BAAC,+BAAkB,oBAAK,KAAK,EAAI,CAC7B,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}
|
@@ -1,76 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
3
|
-
if (k2 === undefined) k2 = k;
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
7
|
-
}
|
8
|
-
Object.defineProperty(o, k2, desc);
|
9
|
-
}) : (function(o, m, k, k2) {
|
10
|
-
if (k2 === undefined) k2 = k;
|
11
|
-
o[k2] = m[k];
|
12
|
-
}));
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
15
|
-
}) : function(o, v) {
|
16
|
-
o["default"] = v;
|
17
|
-
});
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
19
|
-
if (mod && mod.__esModule) return mod;
|
20
|
-
var result = {};
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
22
|
-
__setModuleDefault(result, mod);
|
23
|
-
return result;
|
24
|
-
};
|
25
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
26
|
-
var t = {};
|
27
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
28
|
-
t[p] = s[p];
|
29
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
30
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
31
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
32
|
-
t[p[i]] = s[p[i]];
|
33
|
-
}
|
34
|
-
return t;
|
35
|
-
};
|
36
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
37
|
-
const react_1 = __importStar(require("react"));
|
38
|
-
const contexts_js_1 = require("../../../../contexts.js");
|
39
|
-
const outline_1 = require("@heroicons/react/24/outline");
|
40
|
-
const Item = react_1.default.memo(react_1.default.forwardRef((_a, ref) => {
|
41
|
-
var { value, status, title, style, dragOverlay, onClick, onMouseEnter, onMouseLeave, dragging, fadeIn, listeners, sorting, transition, transform } = _a, props = __rest(_a, ["value", "status", "title", "style", "dragOverlay", "onClick", "onMouseEnter", "onMouseLeave", "dragging", "fadeIn", "listeners", "sorting", "transition", "transform"]);
|
42
|
-
const i18n = (0, react_1.useContext)(contexts_js_1.I18nContext);
|
43
|
-
(0, react_1.useEffect)(() => {
|
44
|
-
if (!dragOverlay) {
|
45
|
-
return;
|
46
|
-
}
|
47
|
-
document.body.style.cursor = 'grabbing';
|
48
|
-
return () => {
|
49
|
-
document.body.style.cursor = '';
|
50
|
-
};
|
51
|
-
}, [dragOverlay]);
|
52
|
-
const { x, y, scaleX, scaleY } = transform || { x: 0, y: 0, scaleX: 1, scaleY: 1 };
|
53
|
-
return (react_1.default.createElement("li", { style: {
|
54
|
-
transition,
|
55
|
-
transform: `translate(${x}px, ${y}px) scale(${scaleX}, ${scaleY})`,
|
56
|
-
}, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, ref: ref },
|
57
|
-
react_1.default.createElement("div", Object.assign({ style: Object.assign({ display: 'flex', alignItems: 'center' }, style) }, props),
|
58
|
-
react_1.default.createElement("button", Object.assign({}, listeners, { style: { padding: '0.5rem', background: 'none', border: 'none', display: 'flex' } }),
|
59
|
-
react_1.default.createElement("object", { style: { cursor: 'grab' }, width: 15 },
|
60
|
-
react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", width: "16", height: "16" },
|
61
|
-
react_1.default.createElement("path", { d: "M10 13a1 1 0 100-2 1 1 0 000 2zm-4 0a1 1 0 100-2 1 1 0 000 2zm1-5a1 1 0 11-2 0 1 1 0 012 0zm3 1a1 1 0 100-2 1 1 0 000 2zm1-5a1 1 0 11-2 0 1 1 0 012 0zM6 5a1 1 0 100-2 1 1 0 000 2z" })))),
|
62
|
-
react_1.default.createElement("div", { style: {
|
63
|
-
width: '100%',
|
64
|
-
padding: '0.5rem',
|
65
|
-
paddingLeft: 0,
|
66
|
-
cursor: 'pointer',
|
67
|
-
overflow: 'hidden',
|
68
|
-
whiteSpace: 'nowrap',
|
69
|
-
textOverflow: 'ellipsis',
|
70
|
-
}, title: title || '', onClick: () => onClick && onClick() }, status === undefined ? (value) : (react_1.default.createElement("span", { style: { display: 'flex', alignItems: 'center' } },
|
71
|
-
react_1.default.createElement(outline_1.ExclamationTriangleIcon, { width: 15, style: { marginRight: '0.5rem' } }),
|
72
|
-
status === 'is-warning' ? i18n('noKeyName') : value,
|
73
|
-
status === 'is-danger' ? i18n('notUniq') : ''))))));
|
74
|
-
}));
|
75
|
-
exports.default = Item;
|
76
|
-
//# sourceMappingURL=Item.js.map
|