@pdfme/ui 1.2.0 → 1.2.2

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.
@@ -10,35 +10,32 @@ export declare abstract class BaseUIClass {
10
10
  constructor(props: UIProps);
11
11
  protected getI18n(): (key: "type" | "field" | "cancel" | "fieldName" | "require" | "uniq" | "inputExample" | "edit" | "plsInputName" | "fieldMustUniq" | "notUniq" | "noKeyName" | "fieldsList" | "addNewField" | "editField" | "errorOccurred" | "errorBulkUpdateFieldName" | "commitBulkUpdateFieldName" | "bulkUpdateFieldName") => string;
12
12
  protected getFont(): Record<string, {
13
+ data: (string | ArrayBuffer | Uint8Array) & (string | ArrayBuffer | Uint8Array | undefined);
13
14
  fallback?: boolean | undefined;
14
15
  subset?: boolean | undefined;
15
- data: string | ArrayBuffer | Uint8Array;
16
16
  }>;
17
17
  getTemplate(): {
18
- columns?: string[] | undefined;
19
- sampledata?: Record<string, string>[] | undefined;
20
18
  schemas: Record<string, {
21
- backgroundColor?: string | undefined;
22
- fontSize?: number | undefined;
23
- lineHeight?: number | undefined;
19
+ type: "text";
20
+ height: number;
21
+ width: number;
22
+ position: {
23
+ x: number;
24
+ y: number;
25
+ };
24
26
  rotate?: number | undefined;
25
27
  alignment?: "center" | "left" | "right" | undefined;
28
+ fontSize?: number | undefined;
26
29
  fontName?: string | undefined;
27
30
  fontColor?: string | undefined;
31
+ backgroundColor?: string | undefined;
28
32
  characterSpacing?: number | undefined;
33
+ lineHeight?: number | undefined;
29
34
  dynamicFontSize?: {
30
35
  max: number;
31
36
  min: number;
32
37
  } | undefined;
33
- type: "text";
34
- height: number;
35
- width: number;
36
- position: {
37
- x: number;
38
- y: number;
39
- };
40
38
  } | {
41
- rotate?: number | undefined;
42
39
  type: "image";
43
40
  height: number;
44
41
  width: number;
@@ -46,8 +43,8 @@ export declare abstract class BaseUIClass {
46
43
  x: number;
47
44
  y: number;
48
45
  };
49
- } | {
50
46
  rotate?: number | undefined;
47
+ } | {
51
48
  type: "qrcode" | "japanpost" | "ean13" | "ean8" | "code39" | "code128" | "nw7" | "itf14" | "upca" | "upce";
52
49
  height: number;
53
50
  width: number;
@@ -55,8 +52,11 @@ export declare abstract class BaseUIClass {
55
52
  x: number;
56
53
  y: number;
57
54
  };
55
+ rotate?: number | undefined;
58
56
  }>[];
59
- basePdf: string | ArrayBuffer | Uint8Array;
57
+ basePdf: (string | ArrayBuffer | Uint8Array) & (string | ArrayBuffer | Uint8Array | undefined);
58
+ sampledata?: Record<string, string>[] | undefined;
59
+ columns?: string[] | undefined;
60
60
  };
61
61
  updateTemplate(template: Template): void;
62
62
  updateOptions(options: UIOptions): void;
@@ -1,38 +1,27 @@
1
1
  import { DesignerReactProps, Template } from '@pdfme/common';
2
2
  declare const TemplateEditor: ({ template, size, onSaveTemplate, onChangeTemplate, }: {
3
- options?: {
4
- font?: Record<string, {
5
- fallback?: boolean | undefined;
6
- subset?: boolean | undefined;
7
- data: string | ArrayBuffer | Uint8Array;
8
- }> | undefined;
9
- lang?: "en" | "ja" | "ar" | undefined;
10
- } | undefined;
11
3
  template: {
12
- columns?: string[] | undefined;
13
- sampledata?: Record<string, string>[] | undefined;
14
4
  schemas: Record<string, {
15
- backgroundColor?: string | undefined;
16
- fontSize?: number | undefined;
17
- lineHeight?: number | undefined;
5
+ type: "text";
6
+ height: number;
7
+ width: number;
8
+ position: {
9
+ x: number;
10
+ y: number;
11
+ };
18
12
  rotate?: number | undefined;
19
13
  alignment?: "center" | "left" | "right" | undefined;
14
+ fontSize?: number | undefined;
20
15
  fontName?: string | undefined;
21
16
  fontColor?: string | undefined;
17
+ backgroundColor?: string | undefined;
22
18
  characterSpacing?: number | undefined;
19
+ lineHeight?: number | undefined;
23
20
  dynamicFontSize?: {
24
21
  max: number;
25
22
  min: number;
26
23
  } | undefined;
27
- type: "text";
28
- height: number;
29
- width: number;
30
- position: {
31
- x: number;
32
- y: number;
33
- };
34
24
  } | {
35
- rotate?: number | undefined;
36
25
  type: "image";
37
26
  height: number;
38
27
  width: number;
@@ -40,8 +29,8 @@ declare const TemplateEditor: ({ template, size, onSaveTemplate, onChangeTemplat
40
29
  x: number;
41
30
  y: number;
42
31
  };
43
- } | {
44
32
  rotate?: number | undefined;
33
+ } | {
45
34
  type: "qrcode" | "japanpost" | "ean13" | "ean8" | "code39" | "code128" | "nw7" | "itf14" | "upca" | "upce";
46
35
  height: number;
47
36
  width: number;
@@ -49,38 +38,38 @@ declare const TemplateEditor: ({ template, size, onSaveTemplate, onChangeTemplat
49
38
  x: number;
50
39
  y: number;
51
40
  };
41
+ rotate?: number | undefined;
52
42
  }>[];
53
- basePdf: string | ArrayBuffer | Uint8Array;
43
+ basePdf: (string | ArrayBuffer | Uint8Array) & (string | ArrayBuffer | Uint8Array | undefined);
44
+ sampledata?: Record<string, string>[] | undefined;
45
+ columns?: string[] | undefined;
54
46
  };
55
47
  size: {
56
48
  height: number;
57
49
  width: number;
58
50
  };
59
51
  onSaveTemplate: (args_0: {
60
- columns?: string[] | undefined;
61
- sampledata?: Record<string, string>[] | undefined;
62
52
  schemas: Record<string, {
63
- backgroundColor?: string | undefined;
64
- fontSize?: number | undefined;
65
- lineHeight?: number | undefined;
53
+ type: "text";
54
+ height: number;
55
+ width: number;
56
+ position: {
57
+ x: number;
58
+ y: number;
59
+ };
66
60
  rotate?: number | undefined;
67
61
  alignment?: "center" | "left" | "right" | undefined;
62
+ fontSize?: number | undefined;
68
63
  fontName?: string | undefined;
69
64
  fontColor?: string | undefined;
65
+ backgroundColor?: string | undefined;
70
66
  characterSpacing?: number | undefined;
67
+ lineHeight?: number | undefined;
71
68
  dynamicFontSize?: {
72
69
  max: number;
73
70
  min: number;
74
71
  } | undefined;
75
- type: "text";
76
- height: number;
77
- width: number;
78
- position: {
79
- x: number;
80
- y: number;
81
- };
82
72
  } | {
83
- rotate?: number | undefined;
84
73
  type: "image";
85
74
  height: number;
86
75
  width: number;
@@ -88,8 +77,8 @@ declare const TemplateEditor: ({ template, size, onSaveTemplate, onChangeTemplat
88
77
  x: number;
89
78
  y: number;
90
79
  };
91
- } | {
92
80
  rotate?: number | undefined;
81
+ } | {
93
82
  type: "qrcode" | "japanpost" | "ean13" | "ean8" | "code39" | "code128" | "nw7" | "itf14" | "upca" | "upce";
94
83
  height: number;
95
84
  width: number;
@@ -97,9 +86,20 @@ declare const TemplateEditor: ({ template, size, onSaveTemplate, onChangeTemplat
97
86
  x: number;
98
87
  y: number;
99
88
  };
89
+ rotate?: number | undefined;
100
90
  }>[];
101
- basePdf: string | ArrayBuffer | Uint8Array;
91
+ basePdf: (string | ArrayBuffer | Uint8Array) & (string | ArrayBuffer | Uint8Array | undefined);
92
+ sampledata?: Record<string, string>[] | undefined;
93
+ columns?: string[] | undefined;
102
94
  }, ...args_1: unknown[]) => void;
95
+ options?: {
96
+ font?: Record<string, {
97
+ data: (string | ArrayBuffer | Uint8Array) & (string | ArrayBuffer | Uint8Array | undefined);
98
+ fallback?: boolean | undefined;
99
+ subset?: boolean | undefined;
100
+ }> | undefined;
101
+ lang?: "en" | "ja" | "ar" | undefined;
102
+ } | undefined;
103
103
  } & {
104
104
  onChangeTemplate: (t: Template) => void;
105
105
  }) => JSX.Element;
@@ -2,7 +2,6 @@ import React from 'react';
2
2
  import { SchemaUIProps } from './SchemaUI';
3
3
  declare const _default: React.ForwardRefExoticComponent<SchemaUIProps & {
4
4
  schema: {
5
- rotate?: number | undefined;
6
5
  type: "qrcode" | "japanpost" | "ean13" | "ean8" | "code39" | "code128" | "nw7" | "itf14" | "upca" | "upce";
7
6
  height: number;
8
7
  width: number;
@@ -10,6 +9,7 @@ declare const _default: React.ForwardRefExoticComponent<SchemaUIProps & {
10
9
  x: number;
11
10
  y: number;
12
11
  };
12
+ rotate?: number | undefined;
13
13
  };
14
14
  } & React.RefAttributes<HTMLInputElement>>;
15
15
  export default _default;
@@ -2,7 +2,6 @@ import React from 'react';
2
2
  import { SchemaUIProps } from './SchemaUI';
3
3
  declare const _default: React.ForwardRefExoticComponent<SchemaUIProps & {
4
4
  schema: {
5
- rotate?: number | undefined;
6
5
  type: "image";
7
6
  height: number;
8
7
  width: number;
@@ -10,6 +9,7 @@ declare const _default: React.ForwardRefExoticComponent<SchemaUIProps & {
10
9
  x: number;
11
10
  y: number;
12
11
  };
12
+ rotate?: number | undefined;
13
13
  };
14
14
  } & React.RefAttributes<HTMLInputElement>>;
15
15
  export default _default;
@@ -2,25 +2,25 @@ import React from 'react';
2
2
  import { SchemaUIProps } from './SchemaUI';
3
3
  declare const _default: React.ForwardRefExoticComponent<SchemaUIProps & {
4
4
  schema: {
5
- backgroundColor?: string | undefined;
6
- fontSize?: number | undefined;
7
- lineHeight?: number | undefined;
5
+ type: "text";
6
+ height: number;
7
+ width: number;
8
+ position: {
9
+ x: number;
10
+ y: number;
11
+ };
8
12
  rotate?: number | undefined;
9
13
  alignment?: "center" | "left" | "right" | undefined;
14
+ fontSize?: number | undefined;
10
15
  fontName?: string | undefined;
11
16
  fontColor?: string | undefined;
17
+ backgroundColor?: string | undefined;
12
18
  characterSpacing?: number | undefined;
19
+ lineHeight?: number | undefined;
13
20
  dynamicFontSize?: {
14
21
  max: number;
15
22
  min: number;
16
23
  } | undefined;
17
- type: "text";
18
- height: number;
19
- width: number;
20
- position: {
21
- x: number;
22
- y: number;
23
- };
24
24
  };
25
25
  } & React.RefAttributes<HTMLTextAreaElement>>;
26
26
  export default _default;
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  export declare const I18nContext: import("react").Context<(key: "type" | "field" | "cancel" | "fieldName" | "require" | "uniq" | "inputExample" | "edit" | "plsInputName" | "fieldMustUniq" | "notUniq" | "noKeyName" | "fieldsList" | "addNewField" | "editField" | "errorOccurred" | "errorBulkUpdateFieldName" | "commitBulkUpdateFieldName" | "bulkUpdateFieldName") => string>;
3
3
  export declare const FontContext: import("react").Context<Record<string, {
4
+ data: (string | ArrayBuffer | Uint8Array) & (string | ArrayBuffer | Uint8Array | undefined);
4
5
  fallback?: boolean | undefined;
5
6
  subset?: boolean | undefined;
6
- data: string | ArrayBuffer | Uint8Array;
7
7
  }>>;
@@ -27,6 +27,16 @@ export declare const getPdfPageSizes: (pdfBlob: Blob) => Promise<{
27
27
  export declare const pdf2Pngs: (pdfBlob: Blob, width: number) => Promise<string[]>;
28
28
  export declare const b64toBlob: (base64: string) => Blob;
29
29
  export declare const templateSchemas2SchemasList: (_template: Template) => Promise<({
30
+ type: "text";
31
+ data: string;
32
+ key: string;
33
+ id: string;
34
+ height: number;
35
+ width: number;
36
+ position: {
37
+ x: number;
38
+ y: number;
39
+ };
30
40
  backgroundColor?: string | undefined;
31
41
  fontSize?: number | undefined;
32
42
  lineHeight?: number | undefined;
@@ -39,18 +49,7 @@ export declare const templateSchemas2SchemasList: (_template: Template) => Promi
39
49
  max: number;
40
50
  min: number;
41
51
  } | undefined;
42
- type: "text";
43
- data: string;
44
- key: string;
45
- id: string;
46
- height: number;
47
- width: number;
48
- position: {
49
- x: number;
50
- y: number;
51
- };
52
52
  } | {
53
- rotate?: number | undefined;
54
53
  type: "image";
55
54
  data: string;
56
55
  key: string;
@@ -61,8 +60,8 @@ export declare const templateSchemas2SchemasList: (_template: Template) => Promi
61
60
  x: number;
62
61
  y: number;
63
62
  };
64
- } | {
65
63
  rotate?: number | undefined;
64
+ } | {
66
65
  type: "qrcode" | "japanpost" | "ean13" | "ean8" | "code39" | "code128" | "nw7" | "itf14" | "upca" | "upce";
67
66
  data: string;
68
67
  key: string;
@@ -73,6 +72,7 @@ export declare const templateSchemas2SchemasList: (_template: Template) => Promi
73
72
  x: number;
74
73
  y: number;
75
74
  };
75
+ rotate?: number | undefined;
76
76
  })[][]>;
77
77
  export declare const fmtTemplate: (template: Template, schemasList: SchemaForUI[][]) => Template;
78
78
  export declare const getInitialSchema: () => SchemaForUI;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pdfme/ui",
3
- "version": "1.2.0",
3
+ "version": "1.2.2",
4
4
  "sideEffects": false,
5
5
  "author": "hand-dot",
6
6
  "license": "MIT",
@@ -41,7 +41,7 @@
41
41
  "@dnd-kit/core": "^5.0.1",
42
42
  "@dnd-kit/sortable": "^6.0.0",
43
43
  "@heroicons/react": "^2.0.13",
44
- "@pdfme/common": "file:../common",
44
+ "@pdfme/common": "^1.2.1",
45
45
  "@scena/react-guides": "^0.16.0",
46
46
  "hotkeys-js": "^3.8.7",
47
47
  "pdfjs-dist": "^2.12.313",
package/tsconfig.json CHANGED
@@ -13,7 +13,7 @@
13
13
  "allowSyntheticDefaultImports": true,
14
14
  "strict": true,
15
15
  "types": ["node", "jest", "@types/jest"],
16
- "typeRoots": ["../node_modules/@types", "../common/dist/types/src/index.d.ts"],
16
+ "typeRoots": ["../node_modules/@types"],
17
17
  "sourceMap": true
18
18
  },
19
19
  "baseUrl": ".",