@esvndev/es-print-template 0.0.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 (54) hide show
  1. package/README.md +93 -0
  2. package/dist/component/edit-template/component/block-content.d.ts +25 -0
  3. package/dist/component/edit-template/component/block-signature.d.ts +17 -0
  4. package/dist/component/edit-template/component/block-table.d.ts +17 -0
  5. package/dist/component/edit-template/component/input-number.d.ts +18 -0
  6. package/dist/component/edit-template/component/select-field.d.ts +24 -0
  7. package/dist/component/edit-template/component/select-signature.d.ts +12 -0
  8. package/dist/component/edit-template/component/select-table-feld-component.d.ts +18 -0
  9. package/dist/component/edit-template/component/select-table.d.ts +17 -0
  10. package/dist/component/edit-template/component/setting-content.d.ts +16 -0
  11. package/dist/component/edit-template/component/setting-element/date.d.ts +9 -0
  12. package/dist/component/edit-template/component/setting-element/format.d.ts +11 -0
  13. package/dist/component/edit-template/component/setting-element/image.d.ts +12 -0
  14. package/dist/component/edit-template/component/setting-layout.d.ts +19 -0
  15. package/dist/component/edit-template/component/setting-page/index.d.ts +10 -0
  16. package/dist/component/edit-template/component/setting-page/setting-image.d.ts +11 -0
  17. package/dist/component/edit-template/component/setting-page/upload-image.d.ts +19 -0
  18. package/dist/component/edit-template/component/sidebar.d.ts +24 -0
  19. package/dist/component/edit-template/component/toolbar.d.ts +33 -0
  20. package/dist/component/edit-template/hooks/constant.d.ts +25 -0
  21. package/dist/component/edit-template/hooks/fonts.d.ts +4 -0
  22. package/dist/component/edit-template/hooks/index.d.ts +4 -0
  23. package/dist/component/edit-template/hooks/isNullOrUndefined.d.ts +2 -0
  24. package/dist/component/edit-template/hooks/useOnClickOutside.d.ts +1 -0
  25. package/dist/component/edit-template/hooks/utils.d.ts +122 -0
  26. package/dist/component/edit-template/icon/index.d.ts +2 -0
  27. package/dist/component/edit-template/index.d.ts +23 -0
  28. package/dist/component/edit-template/style/Style.d.ts +29 -0
  29. package/dist/component/edit-template/type/index.d.ts +2 -0
  30. package/dist/component/edit-template/type/print-type.d.ts +293 -0
  31. package/dist/component/edit-template/type/type-data.d.ts +32 -0
  32. package/dist/component/input/input-text/index.d.ts +35 -0
  33. package/dist/component/modal/index.d.ts +106 -0
  34. package/dist/component/modal/modal-edit-tempate.d.ts +21 -0
  35. package/dist/component/modal/modal-print-options.d.ts +33 -0
  36. package/dist/component/modal/modal.d.ts +36 -0
  37. package/dist/component/modal/sidebar-fields.d.ts +10 -0
  38. package/dist/component/modal/tab-select-file.d.ts +9 -0
  39. package/dist/component/modal-header/index.d.ts +10 -0
  40. package/dist/component/sidebar/index.d.ts +11 -0
  41. package/dist/index.d.ts +445 -0
  42. package/dist/index.js +92194 -0
  43. package/dist/index.js.map +1 -0
  44. package/dist/index.mjs +92168 -0
  45. package/dist/index.mjs.map +1 -0
  46. package/dist/styles/index.css +128 -0
  47. package/dist/styles/index.css.map +1 -0
  48. package/dist/styles/layout.css +29 -0
  49. package/dist/styles/layout.css.map +1 -0
  50. package/dist/styles/select-background.css +34 -0
  51. package/dist/styles/select-background.css.map +1 -0
  52. package/dist/styles/tab.css +20 -0
  53. package/dist/styles/tab.css.map +1 -0
  54. package/package.json +79 -0
package/dist/styles/index.css ADDED
@@ -0,0 +1,128 @@
1
+ .select-background {
2
+ display: flex;
3
+ width: 100%;
4
+ }
5
+ .select-background .btn-scroll {
6
+ cursor: pointer;
7
+ display: flex;
8
+ align-items: center;
9
+ }
10
+ .select-background .list-background {
11
+ white-space: nowrap;
12
+ overflow-x: hidden;
13
+ scroll-behavior: smooth;
14
+ max-width: 400px;
15
+ }
16
+ .select-background .list-background > * {
17
+ display: inline-block;
18
+ }
19
+ .select-background .list-background .background-item {
20
+ display: inline-block;
21
+ cursor: pointer;
22
+ height: 100px;
23
+ width: 70px;
24
+ border: 1px solid #b1b1b1;
25
+ margin-left: 10px;
26
+ background-size: cover;
27
+ background-repeat: no-repeat;
28
+ background-position: center;
29
+ }
30
+ .select-background .list-background .background-item.active {
31
+ border: solid 1px #eb4619 !important;
32
+ }
33
+
34
+ .r-tab-custom {
35
+ border-radius: 5px;
36
+ color: #333333;
37
+ }
38
+ .r-tab-custom .r-tab-item {
39
+ font-weight: 500;
40
+ padding: 5px 10px;
41
+ border-radius: 8px 8px 0px 0px;
42
+ }
43
+ .r-tab-custom .r-tab-item.active {
44
+ background-color: #eb4619 !important;
45
+ color: #fff !important;
46
+ font-weight: 600;
47
+ }
48
+ .r-tab-custom :hover {
49
+ background-color: rgba(235, 70, 25, 0.1) !important;
50
+ color: #eb4619 !important;
51
+ }
52
+
53
+ .droppable-container {
54
+ padding: 1rem;
55
+ display: grid;
56
+ gap: 1rem;
57
+ grid-template-columns: repeat(1, minmax(0, 1fr));
58
+ color: #333333;
59
+ }
60
+ .droppable-container > *:hover {
61
+ background-color: rgba(235, 70, 25, 0.1) !important;
62
+ color: #eb4619 !important;
63
+ }
64
+ .droppable-container .droppable-element {
65
+ cursor: move;
66
+ padding: 12px 15px;
67
+ margin-bottom: 12px 15px;
68
+ background-color: #fff;
69
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
70
+ font-size: 17px;
71
+ font-weight: 500;
72
+ border: 1px solid #82868b;
73
+ border-radius: 8px;
74
+ align-items: center;
75
+ transition: all 0.3s ease;
76
+ }
77
+ .droppable-container .droppable-element svg {
78
+ margin-right: 10px;
79
+ }
80
+
81
+ .input-disable {
82
+ height: 28px;
83
+ border: 1px solid #b1b1b1 !important;
84
+ vertical-align: middle;
85
+ border-radius: 5px;
86
+ display: flex;
87
+ align-items: center;
88
+ padding-left: 7px;
89
+ white-space: nowrap;
90
+ width: 100%;
91
+ overflow: hidden;
92
+ }
93
+
94
+ .sortable-item.active {
95
+ background-color: rgba(235, 70, 25, 0.0705882353);
96
+ border-radius: 5px;
97
+ }
98
+
99
+ .btn-border-0 {
100
+ border-width: 0px !important;
101
+ }
102
+
103
+ .btn-reset-image {
104
+ width: 25px;
105
+ height: 25px;
106
+ border-radius: 5px;
107
+ display: flex;
108
+ justify-content: center;
109
+ align-items: center;
110
+ padding: 0;
111
+ position: absolute;
112
+ top: -8px;
113
+ right: -8px;
114
+ }
115
+
116
+ .btn-add-image {
117
+ width: 100%;
118
+ border-radius: 5px;
119
+ }
120
+
121
+ .react-grid-layout.full-border {
122
+ border: 1px solid #000000 !important;
123
+ }
124
+ .react-grid-layout.outside-border {
125
+ border: 1px solid #000000 !important;
126
+ }
127
+
128
+ /*# sourceMappingURL=index.css.map */
package/dist/styles/index.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../src/styles/select-background.scss","../../src/styles/tab.scss","../../src/styles/layout.scss","../../src/styles/index.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AACA;EACE;;;AChCR;EAEE;EAEA;;AACA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;;;ACnBJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;ACtBN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIA;EACE;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAIA;EACE;;AAGF;EACE","file":"index.css"}
package/dist/styles/layout.css ADDED
@@ -0,0 +1,29 @@
1
+ .droppable-container {
2
+ padding: 1rem;
3
+ display: grid;
4
+ gap: 1rem;
5
+ grid-template-columns: repeat(1, minmax(0, 1fr));
6
+ color: #333333;
7
+ }
8
+ .droppable-container > *:hover {
9
+ background-color: rgba(235, 70, 25, 0.1) !important;
10
+ color: #eb4619 !important;
11
+ }
12
+ .droppable-container .droppable-element {
13
+ cursor: move;
14
+ padding: 12px 15px;
15
+ margin-bottom: 12px 15px;
16
+ background-color: #fff;
17
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
18
+ font-size: 17px;
19
+ font-weight: 500;
20
+ border: 1px solid #82868b;
21
+ border-radius: 8px;
22
+ align-items: center;
23
+ transition: all 0.3s ease;
24
+ }
25
+ .droppable-container .droppable-element svg {
26
+ margin-right: 10px;
27
+ }
28
+
29
+ /*# sourceMappingURL=layout.css.map */
package/dist/styles/layout.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../src/styles/layout.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE","file":"layout.css"}
package/dist/styles/select-background.css ADDED
@@ -0,0 +1,34 @@
1
+ .select-background {
2
+ display: flex;
3
+ width: 100%;
4
+ }
5
+ .select-background .btn-scroll {
6
+ cursor: pointer;
7
+ display: flex;
8
+ align-items: center;
9
+ }
10
+ .select-background .list-background {
11
+ white-space: nowrap;
12
+ overflow-x: hidden;
13
+ scroll-behavior: smooth;
14
+ max-width: 400px;
15
+ }
16
+ .select-background .list-background > * {
17
+ display: inline-block;
18
+ }
19
+ .select-background .list-background .background-item {
20
+ display: inline-block;
21
+ cursor: pointer;
22
+ height: 100px;
23
+ width: 70px;
24
+ border: 1px solid #b1b1b1;
25
+ margin-left: 10px;
26
+ background-size: cover;
27
+ background-repeat: no-repeat;
28
+ background-position: center;
29
+ }
30
+ .select-background .list-background .background-item.active {
31
+ border: solid 1px #eb4619 !important;
32
+ }
33
+
34
+ /*# sourceMappingURL=select-background.css.map */
package/dist/styles/select-background.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../src/styles/select-background.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AACA;EACE","file":"select-background.css"}
package/dist/styles/tab.css ADDED
@@ -0,0 +1,20 @@
1
+ .r-tab-custom {
2
+ border-radius: 5px;
3
+ color: #333333;
4
+ }
5
+ .r-tab-custom .r-tab-item {
6
+ font-weight: 500;
7
+ padding: 5px 10px;
8
+ border-radius: 8px 8px 0px 0px;
9
+ }
10
+ .r-tab-custom .r-tab-item.active {
11
+ background-color: #eb4619 !important;
12
+ color: #fff !important;
13
+ font-weight: 600;
14
+ }
15
+ .r-tab-custom :hover {
16
+ background-color: rgba(235, 70, 25, 0.1) !important;
17
+ color: #eb4619 !important;
18
+ }
19
+
20
+ /*# sourceMappingURL=tab.css.map */
package/dist/styles/tab.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../src/styles/tab.scss"],"names":[],"mappings":"AAAA;EAEE;EAEA;;AACA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA","file":"tab.css"}
package/package.json ADDED
@@ -0,0 +1,79 @@
1
+ {
2
+ "name": "@esvndev/es-print-template",
3
+ "version": "0.0.1",
4
+ "main": "dist/index.js",
5
+ "module": "dist/index.mjs",
6
+ "types": "dist/index.d.ts",
7
+ "style": "dist/styles/index.scss",
8
+ "license": "MIT",
9
+ "author": "hungnv",
10
+ "keywords": [
11
+ "react",
12
+ "print",
13
+ "export",
14
+ "import"
15
+ ],
16
+ "type": "module",
17
+ "publishConfig": {
18
+ "access": "public",
19
+ "registry": "https://registry.npmjs.org/"
20
+ },
21
+ "files": [
22
+ "dist/**/*",
23
+ "LICENSE",
24
+ "README.md",
25
+ "CHANGELOG.md"
26
+ ],
27
+ "scripts": {
28
+ "build": "rollup -c && sass src/styles:dist/styles",
29
+ "build:css": "sass src/styles:dist/styles",
30
+ "start": "node dist/index.js"
31
+ },
32
+ "peerDependencies": {
33
+ "react": ">=16.8.6",
34
+ "react-dom": ">=16.8.6"
35
+ },
36
+ "dependencies": {
37
+ "i18next": "^21.8.2",
38
+ "react": ">=16.8.6",
39
+ "react-custom-scrollbars": "^4.2.1",
40
+ "react-i18next": "^11.16.9",
41
+ "react-numeric-component": "^1.0.7",
42
+ "react-router-dom": "^6.3.0",
43
+ "react-sortablejs": "^6.1.4",
44
+ "sortablejs": "^1.15.7"
45
+ },
46
+ "devDependencies": {
47
+ "@hookform/resolvers": "^2.8.10",
48
+ "@rollup/plugin-commonjs": "^20.0.0",
49
+ "@rollup/plugin-node-resolve": "^13.3.0",
50
+ "@rollup/plugin-typescript": "^8.5.0",
51
+ "@types/react-custom-scrollbars": "^4.0.10",
52
+ "@types/react-datepicker": "^7.0.0",
53
+ "@types/react-grid-layout": "^1.3.5",
54
+ "@types/react-input-mask": "^3.0.6",
55
+ "@types/react-resizable": "^3.0.7",
56
+ "@types/sortablejs": "^1.10.6",
57
+ "@types/styled-components": "^5.1.26",
58
+ "becoxy-icons": "^2.0.4",
59
+ "classnames": "2.3.1",
60
+ "postcss": "^8.4.35",
61
+ "react-grid-layout": "^1.4.4",
62
+ "react-number-format": "^5.4.3",
63
+ "react-table-edit": "^1.5.3",
64
+ "reactstrap": "9.0.1",
65
+ "rollup": "^2.56.2",
66
+ "rollup-plugin-dts": "4.2.3",
67
+ "rollup-plugin-peer-deps-external": "^2.2.4",
68
+ "rollup-plugin-postcss": "^4.0.2",
69
+ "rollup-plugin-terser": "^4.0.3",
70
+ "sass": "^1.71.1",
71
+ "sass-loader": "^14.1.1",
72
+ "styled-components": "^5.3.5",
73
+ "sweetalert2": "^11.4.14",
74
+ "sweetalert2-react-content": "^5.0.0",
75
+ "tslib": "^2.8.1",
76
+ "typescript": "^5.7.2",
77
+ "yup": "^0.32.11"
78
+ }
79
+ }