@pdfme/ui 1.0.0-beta.1

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.
Files changed (118) hide show
  1. package/.eslintrc.js +45 -0
  2. package/README.md +280 -0
  3. package/declaration.d.ts +8 -0
  4. package/dist/@pdfme/ui.js +3 -0
  5. package/dist/@pdfme/ui.js.LICENSE.txt +95 -0
  6. package/dist/@pdfme/ui.js.map +1 -0
  7. package/dist/types/common/src/barcode.d.ts +2 -0
  8. package/dist/types/common/src/constants.d.ts +6 -0
  9. package/dist/types/common/src/helper.d.ts +15 -0
  10. package/dist/types/common/src/index.d.ts +4 -0
  11. package/dist/types/common/src/schema.d.ts +3613 -0
  12. package/dist/types/common/src/type.d.ts +64 -0
  13. package/dist/types/common/src/utils.d.ts +12 -0
  14. package/dist/types/ui/src/Designer.d.ts +13 -0
  15. package/dist/types/ui/src/Form.d.ts +13 -0
  16. package/dist/types/ui/src/Viewer.d.ts +7 -0
  17. package/dist/types/ui/src/class.d.ts +72 -0
  18. package/dist/types/ui/src/components/Designer/Main/Guides.d.ts +9 -0
  19. package/dist/types/ui/src/components/Designer/Main/Mask.d.ts +3 -0
  20. package/dist/types/ui/src/components/Designer/Main/Moveable.d.ts +31 -0
  21. package/dist/types/ui/src/components/Designer/Main/Selecto.d.ts +8 -0
  22. package/dist/types/ui/src/components/Designer/Main/index.d.ts +24 -0
  23. package/dist/types/ui/src/components/Designer/Sidebar/DetailView/ExampleInputEditor.d.ts +3 -0
  24. package/dist/types/ui/src/components/Designer/Sidebar/DetailView/PositionAndSizeEditor.d.ts +3 -0
  25. package/dist/types/ui/src/components/Designer/Sidebar/DetailView/TextPropEditor.d.ts +3 -0
  26. package/dist/types/ui/src/components/Designer/Sidebar/DetailView/TypeAndKeyEditor.d.ts +3 -0
  27. package/dist/types/ui/src/components/Designer/Sidebar/DetailView/index.d.ts +3 -0
  28. package/dist/types/ui/src/components/Designer/Sidebar/ListView.d.ts +3 -0
  29. package/dist/types/ui/src/components/Designer/Sidebar/index.d.ts +26 -0
  30. package/dist/types/ui/src/components/Designer/index.d.ts +99 -0
  31. package/dist/types/ui/src/components/Divider.d.ts +2 -0
  32. package/dist/types/ui/src/components/Error.d.ts +7 -0
  33. package/dist/types/ui/src/components/Paper.d.ts +19 -0
  34. package/dist/types/ui/src/components/Preview/Pager/Page.d.ts +8 -0
  35. package/dist/types/ui/src/components/Preview/Pager/Unit.d.ts +8 -0
  36. package/dist/types/ui/src/components/Preview/index.d.ts +4 -0
  37. package/dist/types/ui/src/components/Root.d.ts +9 -0
  38. package/dist/types/ui/src/components/Schemas/BarcodeSchema.d.ts +15 -0
  39. package/dist/types/ui/src/components/Schemas/ImageSchema.d.ts +15 -0
  40. package/dist/types/ui/src/components/Schemas/SchemaUI.d.ts +14 -0
  41. package/dist/types/ui/src/components/Schemas/TextSchema.d.ts +22 -0
  42. package/dist/types/ui/src/components/Spinner.d.ts +2 -0
  43. package/dist/types/ui/src/constants.d.ts +5 -0
  44. package/dist/types/ui/src/contexts.d.ts +7 -0
  45. package/dist/types/ui/src/helper.d.ts +91 -0
  46. package/dist/types/ui/src/hooks.d.ts +26 -0
  47. package/dist/types/ui/src/i18n.d.ts +30 -0
  48. package/dist/types/ui/src/index.d.ts +5 -0
  49. package/dist/types/ui/src/libs/class.d.ts +84 -0
  50. package/dist/types/ui/src/libs/contexts.d.ts +7 -0
  51. package/dist/types/ui/src/libs/helper.d.ts +64 -0
  52. package/dist/types/ui/src/libs/hooks.d.ts +26 -0
  53. package/dist/types/ui/src/libs/i18n.d.ts +30 -0
  54. package/dist/types/ui/src/libs/ui.d.ts +64 -0
  55. package/package.json +80 -0
  56. package/public/Designer.html +90 -0
  57. package/public/Form.html +74 -0
  58. package/public/SauceHanSansJP.ttf +0 -0
  59. package/public/SauceHanSerifJP.ttf +0 -0
  60. package/public/Viewer.html +73 -0
  61. package/public/helper.js +51 -0
  62. package/public/index.html +54 -0
  63. package/src/Designer.tsx +72 -0
  64. package/src/Form.tsx +45 -0
  65. package/src/Viewer.tsx +27 -0
  66. package/src/assets/barcodeExamples/code128.png +0 -0
  67. package/src/assets/barcodeExamples/code39.png +0 -0
  68. package/src/assets/barcodeExamples/ean13.png +0 -0
  69. package/src/assets/barcodeExamples/ean8.png +0 -0
  70. package/src/assets/barcodeExamples/itf14.png +0 -0
  71. package/src/assets/barcodeExamples/japanpost.png +0 -0
  72. package/src/assets/barcodeExamples/nw7.png +0 -0
  73. package/src/assets/barcodeExamples/qrcode.png +0 -0
  74. package/src/assets/barcodeExamples/upca.png +0 -0
  75. package/src/assets/barcodeExamples/upce.png +0 -0
  76. package/src/assets/icons/back.svg +4 -0
  77. package/src/assets/icons/double-left.svg +11 -0
  78. package/src/assets/icons/double-right.svg +11 -0
  79. package/src/assets/icons/drag.svg +3 -0
  80. package/src/assets/icons/forward.svg +4 -0
  81. package/src/assets/icons/left.svg +4 -0
  82. package/src/assets/icons/right.svg +4 -0
  83. package/src/assets/icons/warning.svg +4 -0
  84. package/src/assets/imageExample.png +0 -0
  85. package/src/class.ts +147 -0
  86. package/src/components/Designer/Main/Guides.tsx +53 -0
  87. package/src/components/Designer/Main/Mask.tsx +19 -0
  88. package/src/components/Designer/Main/Moveable.tsx +79 -0
  89. package/src/components/Designer/Main/Selecto.tsx +29 -0
  90. package/src/components/Designer/Main/index.tsx +314 -0
  91. package/src/components/Designer/Sidebar/DetailView/ExampleInputEditor.tsx +62 -0
  92. package/src/components/Designer/Sidebar/DetailView/PositionAndSizeEditor.tsx +98 -0
  93. package/src/components/Designer/Sidebar/DetailView/TextPropEditor.tsx +178 -0
  94. package/src/components/Designer/Sidebar/DetailView/TypeAndKeyEditor.tsx +79 -0
  95. package/src/components/Designer/Sidebar/DetailView/index.tsx +39 -0
  96. package/src/components/Designer/Sidebar/ListView.tsx +180 -0
  97. package/src/components/Designer/Sidebar/index.tsx +102 -0
  98. package/src/components/Designer/index.tsx +283 -0
  99. package/src/components/Divider.tsx +7 -0
  100. package/src/components/Error.tsx +31 -0
  101. package/src/components/Paper.tsx +77 -0
  102. package/src/components/Preview/Pager/Page.tsx +85 -0
  103. package/src/components/Preview/Pager/Unit.tsx +87 -0
  104. package/src/components/Preview/index.tsx +102 -0
  105. package/src/components/Root.tsx +52 -0
  106. package/src/components/Schemas/BarcodeSchema.tsx +111 -0
  107. package/src/components/Schemas/ImageSchema.tsx +81 -0
  108. package/src/components/Schemas/SchemaUI.tsx +64 -0
  109. package/src/components/Schemas/TextSchema.tsx +62 -0
  110. package/src/components/Spinner.tsx +37 -0
  111. package/src/constants.ts +9 -0
  112. package/src/contexts.ts +8 -0
  113. package/src/helper.ts +516 -0
  114. package/src/hooks.ts +107 -0
  115. package/src/i18n.ts +64 -0
  116. package/src/index.ts +77 -0
  117. package/tsconfig.json +21 -0
  118. package/webpack.config.js +73 -0
@@ -0,0 +1,64 @@
1
+ import { z } from 'zod';
2
+ import { Lang, Size, Alignment, BarcodeSchemaType, SchemaType, CommonSchema as _CommonSchema, TextSchema, ImageSchema, BarcodeSchema, Schema, SchemaForUI, Font, BasePdf, Template, CommonProps, GeneratorOptions, GenerateProps, UIOptions, UIProps, PreviewProps, PreviewReactProps, DesignerProps, DesignerReactProps } from './schema';
3
+ export declare type Lang = z.infer<typeof Lang>;
4
+ export declare type Size = z.infer<typeof Size>;
5
+ export declare type Alignment = z.infer<typeof Alignment>;
6
+ export declare type SchemaType = z.infer<typeof SchemaType>;
7
+ export declare const schemaTypes: readonly ["text", "image", "qrcode", "japanpost", "ean13", "ean8", "code39", "code128", "nw7", "itf14", "upca", "upce"];
8
+ export declare type BarCodeType = z.infer<typeof BarcodeSchemaType>;
9
+ export declare type TextSchema = z.infer<typeof TextSchema>;
10
+ declare type CommonSchema = z.infer<typeof _CommonSchema>;
11
+ export declare const isTextSchema: (arg: CommonSchema) => arg is {
12
+ rotate?: number | undefined;
13
+ alignment?: "left" | "center" | "right" | undefined;
14
+ fontSize?: number | undefined;
15
+ fontName?: string | undefined;
16
+ fontColor?: string | undefined;
17
+ backgroundColor?: string | undefined;
18
+ characterSpacing?: number | undefined;
19
+ lineHeight?: number | undefined;
20
+ type: "text";
21
+ position: {
22
+ x: number;
23
+ y: number;
24
+ };
25
+ width: number;
26
+ height: number;
27
+ };
28
+ export declare type ImageSchema = z.infer<typeof ImageSchema>;
29
+ export declare const isImageSchema: (arg: CommonSchema) => arg is {
30
+ rotate?: number | undefined;
31
+ type: "image";
32
+ position: {
33
+ x: number;
34
+ y: number;
35
+ };
36
+ width: number;
37
+ height: number;
38
+ };
39
+ export declare type BarcodeSchema = z.infer<typeof BarcodeSchema>;
40
+ export declare const isBarcodeSchema: (arg: CommonSchema) => arg is {
41
+ rotate?: number | undefined;
42
+ type: "qrcode" | "japanpost" | "ean13" | "ean8" | "code39" | "code128" | "nw7" | "itf14" | "upca" | "upce";
43
+ position: {
44
+ x: number;
45
+ y: number;
46
+ };
47
+ width: number;
48
+ height: number;
49
+ };
50
+ export declare type Schema = z.infer<typeof Schema>;
51
+ export declare type SchemaForUI = z.infer<typeof SchemaForUI>;
52
+ export declare type Font = z.infer<typeof Font>;
53
+ export declare type BasePdf = z.infer<typeof BasePdf>;
54
+ export declare type Template = z.infer<typeof Template>;
55
+ export declare type CommonProps = z.infer<typeof CommonProps>;
56
+ export declare type GeneratorOptions = z.infer<typeof GeneratorOptions>;
57
+ export declare type GenerateProps = z.infer<typeof GenerateProps>;
58
+ export declare type UIOptions = z.infer<typeof UIOptions>;
59
+ export declare type UIProps = z.infer<typeof UIProps>;
60
+ export declare type PreviewProps = z.infer<typeof PreviewProps>;
61
+ export declare type PreviewReactProps = z.infer<typeof PreviewReactProps>;
62
+ export declare type DesignerProps = z.infer<typeof DesignerProps>;
63
+ export declare type DesignerReactProps = z.infer<typeof DesignerReactProps>;
64
+ export {};
@@ -0,0 +1,12 @@
1
+ export declare const uuid: () => string;
2
+ export declare const set: <T extends object>(obj: T, path: string | string[], value: any) => void;
3
+ export declare const debounce: <T extends Function>(cb: T, wait?: number) => T;
4
+ export declare const cloneDeep: <T>(value: T) => T;
5
+ export declare const uniq: <T>(array: T[]) => T[];
6
+ export declare const round: (number: number, precision: number) => number;
7
+ export declare const b64toUint8Array: (base64: string) => Uint8Array;
8
+ export declare const b64toBlob: (base64: string) => Blob;
9
+ export declare const arrayMove: <T>(array: T[], from: number, to: number) => T[];
10
+ export declare const flatten: <T>(arr: T[][]) => T[];
11
+ export declare const pt2mm: (pt: number) => number;
12
+ export declare const mm2pt: (mm: number) => number;
@@ -0,0 +1,13 @@
1
+ import { Template, DesignerProps } from '@pdfme/common';
2
+ import { BaseUIClass } from './class';
3
+ declare class Designer extends BaseUIClass {
4
+ private onSaveTemplateCallback?;
5
+ private onChangeTemplateCallback?;
6
+ constructor(props: DesignerProps);
7
+ saveTemplate(): void;
8
+ updateTemplate(template: Template): void;
9
+ onSaveTemplate(cb: (template: Template) => void): void;
10
+ onChangeTemplate(cb: (template: Template) => void): void;
11
+ protected render(): void;
12
+ }
13
+ export default Designer;
@@ -0,0 +1,13 @@
1
+ import { PreviewProps } from '@pdfme/common';
2
+ import { PreviewUI } from './class';
3
+ declare class Form extends PreviewUI {
4
+ private onChangeInputCallback?;
5
+ constructor(props: PreviewProps);
6
+ onChangeInput(cb: (arg: {
7
+ index: number;
8
+ value: string;
9
+ key: string;
10
+ }) => void): void;
11
+ protected render(): void;
12
+ }
13
+ export default Form;
@@ -0,0 +1,7 @@
1
+ import { PreviewProps } from '@pdfme/common';
2
+ import { PreviewUI } from './class';
3
+ declare class Viewer extends PreviewUI {
4
+ constructor(props: PreviewProps);
5
+ protected render(): void;
6
+ }
7
+ export default Viewer;
@@ -0,0 +1,72 @@
1
+ import { Template, Size, UIProps, PreviewProps } from '@pdfme/common';
2
+ export declare abstract class BaseUIClass {
3
+ protected domContainer: HTMLElement | null;
4
+ protected template: Template;
5
+ protected size: Size;
6
+ private readonly lang;
7
+ private readonly font;
8
+ private readonly setSize;
9
+ constructor(props: UIProps);
10
+ protected getI18n(): (key: "type" | "select" | "field" | "fieldName" | "require" | "uniq" | "inputExample" | "edit" | "plsSelect" | "plsInputName" | "plsAddNewField" | "fieldMustUniq" | "notUniq" | "noKeyName" | "fieldsList" | "addNewField" | "editField" | "previewWarnMsg" | "previewErrMsg" | "goToFirst" | "goToPrevious" | "goToNext" | "goToEnd" | "errorOccurred") => string;
11
+ protected getFont(): Record<string, {
12
+ fallback?: boolean | undefined;
13
+ subset?: boolean | undefined;
14
+ data: ArrayBuffer | Uint8Array;
15
+ }>;
16
+ getTemplate(): {
17
+ sampledata?: Record<string, string>[] | undefined;
18
+ columns?: string[] | undefined;
19
+ schemas: Record<string, {
20
+ rotate?: number | undefined;
21
+ alignment?: "left" | "center" | "right" | undefined;
22
+ fontSize?: number | undefined;
23
+ fontName?: string | undefined;
24
+ fontColor?: string | undefined;
25
+ backgroundColor?: string | undefined;
26
+ characterSpacing?: number | undefined;
27
+ lineHeight?: number | undefined;
28
+ type: "text";
29
+ position: {
30
+ x: number;
31
+ y: number;
32
+ };
33
+ width: number;
34
+ height: number;
35
+ } | {
36
+ rotate?: number | undefined;
37
+ type: "image";
38
+ position: {
39
+ x: number;
40
+ y: number;
41
+ };
42
+ width: number;
43
+ height: number;
44
+ } | {
45
+ rotate?: number | undefined;
46
+ type: "qrcode" | "japanpost" | "ean13" | "ean8" | "code39" | "code128" | "nw7" | "itf14" | "upca" | "upce";
47
+ position: {
48
+ x: number;
49
+ y: number;
50
+ };
51
+ width: number;
52
+ height: number;
53
+ }>[];
54
+ basePdf: string | ArrayBuffer | Uint8Array;
55
+ };
56
+ updateTemplate(template: Template): void;
57
+ destroy(): void;
58
+ protected abstract render(): void;
59
+ }
60
+ export declare abstract class PreviewUI extends BaseUIClass {
61
+ protected inputs: {
62
+ [key: string]: string;
63
+ }[];
64
+ constructor(props: PreviewProps);
65
+ getInputs(): {
66
+ [key: string]: string;
67
+ }[];
68
+ setInputs(inputs: {
69
+ [key: string]: string;
70
+ }[]): void;
71
+ protected abstract render(): void;
72
+ }
@@ -0,0 +1,9 @@
1
+ import { Ref } from 'react';
2
+ import Guides from '@scena/react-guides';
3
+ import { Size } from '@pdfme/common';
4
+ declare const _Guides: ({ paperSize, horizontalRef, verticalRef, }: {
5
+ paperSize: Size;
6
+ horizontalRef: Ref<Guides> | undefined;
7
+ verticalRef: Ref<Guides> | undefined;
8
+ }) => JSX.Element;
9
+ export default _Guides;
@@ -0,0 +1,3 @@
1
+ import { Size } from '@pdfme/common';
2
+ declare const Mask: ({ width, height }: Size) => JSX.Element;
3
+ export default Mask;
@@ -0,0 +1,31 @@
1
+ import React from 'react';
2
+ import { OnDrag, OnResize, OnDragEnd, OnDragGroupEnd, OnResizeEnd, OnResizeGroupEnd, OnClick } from 'react-moveable';
3
+ declare type Props = {
4
+ target: HTMLElement[];
5
+ bounds: {
6
+ left: number;
7
+ top: number;
8
+ bottom: number;
9
+ right: number;
10
+ };
11
+ horizontalGuidelines: number[];
12
+ verticalGuidelines: number[];
13
+ keepRatio: boolean;
14
+ onDrag: ((e: OnDrag) => void) & (({ target, left, top }: OnDrag) => void);
15
+ onDragEnd: ((e: OnDragEnd) => void) & (({ target }: {
16
+ target: HTMLElement | SVGElement;
17
+ }) => void);
18
+ onDragGroupEnd: ((e: OnDragGroupEnd) => void) & (({ targets }: {
19
+ targets: (HTMLElement | SVGElement)[];
20
+ }) => void);
21
+ onResize: ((e: OnResize) => void) & (({ target, width, height, direction }: OnResize) => void);
22
+ onResizeEnd: ((e: OnResizeEnd) => void) & (({ target }: {
23
+ target: HTMLElement | SVGElement;
24
+ }) => void);
25
+ onResizeGroupEnd: ((e: OnResizeGroupEnd) => void) & (({ targets }: {
26
+ targets: (HTMLElement | SVGElement)[];
27
+ }) => void);
28
+ onClick: ((e: OnClick) => void) & (() => void);
29
+ };
30
+ declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<any>>;
31
+ export default _default;
@@ -0,0 +1,8 @@
1
+ import { OnDragStart as _OnDragStart, OnSelect as _OnSelect } from 'react-selecto';
2
+ declare const _Selecto: ({ container, continueSelect, onDragStart, onSelect, }: {
3
+ container: HTMLElement | null;
4
+ continueSelect: boolean;
5
+ onDragStart: (e: _OnDragStart) => void;
6
+ onSelect: (e: _OnSelect) => void;
7
+ }) => JSX.Element;
8
+ export default _Selecto;
@@ -0,0 +1,24 @@
1
+ import React, { MutableRefObject } from 'react';
2
+ import { SchemaForUI, Size } from '@pdfme/common';
3
+ interface Props {
4
+ height: number;
5
+ hoveringSchemaId: string | null;
6
+ onChangeHoveringSchemaId: (id: string | null) => void;
7
+ pageCursor: number;
8
+ schemasList: SchemaForUI[][];
9
+ scale: number;
10
+ backgrounds: string[];
11
+ pageSizes: Size[];
12
+ size: Size;
13
+ activeElements: HTMLElement[];
14
+ onEdit: (targets: HTMLElement[]) => void;
15
+ changeSchemas: (objs: {
16
+ key: string;
17
+ value: string | number;
18
+ schemaId: string;
19
+ }[]) => void;
20
+ removeSchemas: (ids: string[]) => void;
21
+ paperRefs: MutableRefObject<HTMLDivElement[]>;
22
+ }
23
+ declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
24
+ export default _default;
@@ -0,0 +1,3 @@
1
+ import { SidebarProps } from '..';
2
+ declare const ExampleInputEditor: (props: Pick<SidebarProps, 'changeSchemas' | 'activeSchema'>) => JSX.Element;
3
+ export default ExampleInputEditor;
@@ -0,0 +1,3 @@
1
+ import { SidebarProps } from '..';
2
+ declare const PositionAndSizeEditor: (props: Pick<SidebarProps, 'pageSize' | 'changeSchemas' | 'activeSchema'>) => JSX.Element;
3
+ export default PositionAndSizeEditor;
@@ -0,0 +1,3 @@
1
+ import { SidebarProps } from '..';
2
+ declare const TextPropEditor: (props: Pick<SidebarProps, 'changeSchemas' | 'activeSchema'>) => JSX.Element;
3
+ export default TextPropEditor;
@@ -0,0 +1,3 @@
1
+ import { SidebarProps } from '..';
2
+ declare const TypeAndKeyEditor: (props: Pick<SidebarProps, 'schemas' | 'changeSchemas' | 'activeSchema'>) => JSX.Element;
3
+ export default TypeAndKeyEditor;
@@ -0,0 +1,3 @@
1
+ import { SidebarProps } from '..';
2
+ declare const DetailView: (props: Pick<SidebarProps, 'schemas' | 'pageSize' | 'changeSchemas' | 'activeSchema'>) => JSX.Element;
3
+ export default DetailView;
@@ -0,0 +1,3 @@
1
+ import { SidebarProps } from '.';
2
+ declare const ListView: (props: Pick<SidebarProps, 'schemas' | 'onSortEnd' | 'onEdit' | 'size' | 'hoveringSchemaId' | 'onChangeHoveringSchemaId'>) => JSX.Element;
3
+ export default ListView;
@@ -0,0 +1,26 @@
1
+ /// <reference types="react" />
2
+ import { SchemaForUI, Size } from '@pdfme/common';
3
+ export declare type SidebarProps = {
4
+ height: number;
5
+ hoveringSchemaId: string | null;
6
+ onChangeHoveringSchemaId: (id: string | null) => void;
7
+ size: Size;
8
+ pageSize: Size;
9
+ activeElement: HTMLElement | null;
10
+ activeSchema: SchemaForUI;
11
+ schemas: SchemaForUI[];
12
+ onSortEnd: ({ oldIndex, newIndex }: {
13
+ oldIndex: number;
14
+ newIndex: number;
15
+ }) => void;
16
+ onEdit: (id: string) => void;
17
+ onEditEnd: () => void;
18
+ changeSchemas: (objs: {
19
+ key: string;
20
+ value: string | number;
21
+ schemaId: string;
22
+ }[]) => void;
23
+ addSchema: () => void;
24
+ };
25
+ declare const Sidebar: (props: SidebarProps) => JSX.Element;
26
+ export default Sidebar;
@@ -0,0 +1,99 @@
1
+ /// <reference types="react" />
2
+ import { DesignerReactProps, Template } from '@pdfme/common';
3
+ declare const TemplateEditor: ({ template, size, onSaveTemplate, onChangeTemplate, }: {
4
+ options?: {
5
+ font?: Record<string, {
6
+ fallback?: boolean | undefined;
7
+ subset?: boolean | undefined;
8
+ data: ArrayBuffer | Uint8Array;
9
+ }> | undefined;
10
+ lang?: "en" | "ja" | undefined;
11
+ } | undefined;
12
+ template: {
13
+ sampledata?: Record<string, string>[] | undefined;
14
+ columns?: string[] | undefined;
15
+ schemas: Record<string, {
16
+ rotate?: number | undefined;
17
+ alignment?: "left" | "center" | "right" | undefined;
18
+ fontSize?: number | undefined;
19
+ fontName?: string | undefined;
20
+ fontColor?: string | undefined;
21
+ backgroundColor?: string | undefined;
22
+ characterSpacing?: number | undefined;
23
+ lineHeight?: number | undefined;
24
+ type: "text";
25
+ position: {
26
+ x: number;
27
+ y: number;
28
+ };
29
+ width: number;
30
+ height: number;
31
+ } | {
32
+ rotate?: number | undefined;
33
+ type: "image";
34
+ position: {
35
+ x: number;
36
+ y: number;
37
+ };
38
+ width: number;
39
+ height: number;
40
+ } | {
41
+ rotate?: number | undefined;
42
+ type: "qrcode" | "japanpost" | "ean13" | "ean8" | "code39" | "code128" | "nw7" | "itf14" | "upca" | "upce";
43
+ position: {
44
+ x: number;
45
+ y: number;
46
+ };
47
+ width: number;
48
+ height: number;
49
+ }>[];
50
+ basePdf: string | ArrayBuffer | Uint8Array;
51
+ };
52
+ size: {
53
+ width: number;
54
+ height: number;
55
+ };
56
+ onSaveTemplate: (args_0: {
57
+ sampledata?: Record<string, string>[] | undefined;
58
+ columns?: string[] | undefined;
59
+ schemas: Record<string, {
60
+ rotate?: number | undefined;
61
+ alignment?: "left" | "center" | "right" | undefined;
62
+ fontSize?: number | undefined;
63
+ fontName?: string | undefined;
64
+ fontColor?: string | undefined;
65
+ backgroundColor?: string | undefined;
66
+ characterSpacing?: number | undefined;
67
+ lineHeight?: number | undefined;
68
+ type: "text";
69
+ position: {
70
+ x: number;
71
+ y: number;
72
+ };
73
+ width: number;
74
+ height: number;
75
+ } | {
76
+ rotate?: number | undefined;
77
+ type: "image";
78
+ position: {
79
+ x: number;
80
+ y: number;
81
+ };
82
+ width: number;
83
+ height: number;
84
+ } | {
85
+ rotate?: number | undefined;
86
+ type: "qrcode" | "japanpost" | "ean13" | "ean8" | "code39" | "code128" | "nw7" | "itf14" | "upca" | "upce";
87
+ position: {
88
+ x: number;
89
+ y: number;
90
+ };
91
+ width: number;
92
+ height: number;
93
+ }>[];
94
+ basePdf: string | ArrayBuffer | Uint8Array;
95
+ }, ...args_1: unknown[]) => void;
96
+ } & {
97
+ onChangeTemplate: (t: Template) => void;
98
+ }) => JSX.Element;
99
+ export default TemplateEditor;
@@ -0,0 +1,2 @@
1
+ declare const Divider: () => JSX.Element;
2
+ export default Divider;
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ import { Size } from '@pdfme/common';
3
+ declare const Error: ({ size, error }: {
4
+ size: Size;
5
+ error: Error;
6
+ }) => JSX.Element;
7
+ export default Error;
@@ -0,0 +1,19 @@
1
+ import React, { MutableRefObject, ReactNode } from 'react';
2
+ import { SchemaForUI, Size } from '@pdfme/common';
3
+ declare const Paper: (porps: {
4
+ paperRefs?: React.MutableRefObject<HTMLDivElement[]> | undefined;
5
+ scale: number;
6
+ size: Size;
7
+ schemasList: SchemaForUI[][];
8
+ pageSizes: Size[];
9
+ backgrounds: string[];
10
+ renderPaper?: ((arg: {
11
+ index: number;
12
+ paperSize: Size;
13
+ }) => ReactNode) | undefined;
14
+ renderSchema: (arg: {
15
+ index: number;
16
+ schema: SchemaForUI;
17
+ }) => ReactNode;
18
+ }) => JSX.Element | null;
19
+ export default Paper;
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ declare type Props = {
3
+ pageCursor: number;
4
+ pageNum: number;
5
+ setPageCursor: (page: number) => void;
6
+ };
7
+ declare const Pager: ({ pageCursor, pageNum, setPageCursor }: Props) => JSX.Element;
8
+ export default Pager;
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ declare type Props = {
3
+ unitCursor: number;
4
+ unitNum: number;
5
+ setUnitCursor: (page: number) => void;
6
+ };
7
+ declare const UnitPager: ({ unitCursor, unitNum, setUnitCursor }: Props) => JSX.Element;
8
+ export default UnitPager;
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import { PreviewReactProps } from '@pdfme/common';
3
+ declare const Preview: ({ template, inputs, size, onChangeInput }: PreviewReactProps) => JSX.Element;
4
+ export default Preview;
@@ -0,0 +1,9 @@
1
+ import React, { ReactNode } from 'react';
2
+ import { Size } from '@pdfme/common';
3
+ declare type Props = {
4
+ size: Size;
5
+ scale: number;
6
+ children: ReactNode;
7
+ };
8
+ declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
9
+ export default _default;
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ import { SchemaUIProps } from './SchemaUI';
3
+ declare const _default: React.ForwardRefExoticComponent<SchemaUIProps & {
4
+ schema: {
5
+ rotate?: number | undefined;
6
+ type: "qrcode" | "japanpost" | "ean13" | "ean8" | "code39" | "code128" | "nw7" | "itf14" | "upca" | "upce";
7
+ position: {
8
+ x: number;
9
+ y: number;
10
+ };
11
+ width: number;
12
+ height: number;
13
+ };
14
+ } & React.RefAttributes<HTMLInputElement>>;
15
+ export default _default;
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ import { SchemaUIProps } from './SchemaUI';
3
+ declare const _default: React.ForwardRefExoticComponent<SchemaUIProps & {
4
+ schema: {
5
+ rotate?: number | undefined;
6
+ type: "image";
7
+ position: {
8
+ x: number;
9
+ y: number;
10
+ };
11
+ width: number;
12
+ height: number;
13
+ };
14
+ } & React.RefAttributes<HTMLInputElement>>;
15
+ export default _default;
@@ -0,0 +1,14 @@
1
+ import React from 'react';
2
+ import { SchemaForUI } from '@pdfme/common';
3
+ export interface SchemaUIProps {
4
+ schema: SchemaForUI;
5
+ editable: boolean;
6
+ onChange: (value: string) => void;
7
+ tabIndex?: number;
8
+ placeholder?: string;
9
+ }
10
+ declare const _default: React.ForwardRefExoticComponent<SchemaUIProps & {
11
+ border: string;
12
+ onChangeHoveringSchemaId?: ((id: string | null) => void) | undefined;
13
+ } & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
14
+ export default _default;
@@ -0,0 +1,22 @@
1
+ import React from 'react';
2
+ import { SchemaUIProps } from './SchemaUI';
3
+ declare const _default: React.ForwardRefExoticComponent<SchemaUIProps & {
4
+ schema: {
5
+ rotate?: number | undefined;
6
+ alignment?: "left" | "center" | "right" | undefined;
7
+ fontSize?: number | undefined;
8
+ fontName?: string | undefined;
9
+ fontColor?: string | undefined;
10
+ backgroundColor?: string | undefined;
11
+ characterSpacing?: number | undefined;
12
+ lineHeight?: number | undefined;
13
+ type: "text";
14
+ position: {
15
+ x: number;
16
+ y: number;
17
+ };
18
+ width: number;
19
+ height: number;
20
+ };
21
+ } & React.RefAttributes<HTMLTextAreaElement>>;
22
+ export default _default;
@@ -0,0 +1,2 @@
1
+ declare const Spinner: () => JSX.Element;
2
+ export default Spinner;
@@ -0,0 +1,5 @@
1
+ export declare const DEFAULT_LANG: "en";
2
+ export declare const DESTROYED_ERR_MSG = "this instance is already destroyed";
3
+ export declare const ZOOM = 3.7795275591;
4
+ export declare const SELECTABLE_CLASSNAME = "selectable";
5
+ export declare const RULER_HEIGHT = 30;
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ export declare const I18nContext: import("react").Context<(key: "type" | "select" | "field" | "fieldName" | "require" | "uniq" | "inputExample" | "edit" | "plsSelect" | "plsInputName" | "plsAddNewField" | "fieldMustUniq" | "notUniq" | "noKeyName" | "fieldsList" | "addNewField" | "editField" | "previewWarnMsg" | "previewErrMsg" | "goToFirst" | "goToPrevious" | "goToNext" | "goToEnd" | "errorOccurred") => string>;
3
+ export declare const FontContext: import("react").Context<Record<string, {
4
+ fallback?: boolean | undefined;
5
+ subset?: boolean | undefined;
6
+ data: ArrayBuffer | Uint8Array;
7
+ }>>;