@plone-collective/volto-image-editor 1.0.0-alpha.2 → 1.0.0

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 (65) hide show
  1. package/.changelog.draft +13 -3
  2. package/CHANGELOG.md +17 -0
  3. package/README.md +74 -0
  4. package/locales/ca/LC_MESSAGES/volto.po +192 -0
  5. package/locales/de/LC_MESSAGES/volto.po +75 -70
  6. package/locales/en/LC_MESSAGES/volto.po +28 -28
  7. package/locales/es/LC_MESSAGES/volto.po +64 -65
  8. package/locales/pt_BR/LC_MESSAGES/volto.mo +0 -0
  9. package/locales/pt_BR/LC_MESSAGES/volto.po +63 -63
  10. package/locales/volto.pot +29 -29
  11. package/package.json +1 -2
  12. package/src/components/ImageEditor/Editor/ImageEditor.scss +66 -19
  13. package/src/components/ImageEditor/Editor/ImageEditor.tsx +53 -28
  14. package/src/components/ImageEditor/Wrapper/ImageEditorWrapper.scss +6 -2
  15. package/src/components/ImageEditor/components/Navigation/Navigation.scss +50 -9
  16. package/src/components/ImageEditor/components/Navigation/Navigation.tsx +99 -39
  17. package/src/components/ImageEditor/components/SettingsModal/SettingsModal.scss +87 -191
  18. package/src/components/ImageEditor/components/SettingsModal/SettingsModal.stories.tsx +1 -1
  19. package/src/components/ImageEditor/components/SettingsModal/SettingsModal.tsx +214 -251
  20. package/src/components/Widgets/FileWidget.scss +6 -1
  21. package/src/config/editorModes.ts +140 -0
  22. package/src/config/settings.ts +22 -2
  23. package/src/config/widgets.ts +9 -0
  24. package/src/icons/AspectRatioIcons.tsx +25 -20
  25. package/src/icons/BrightnessIcon.tsx +6 -18
  26. package/src/icons/ContrastIcon.tsx +6 -18
  27. package/src/icons/CropIcon.tsx +4 -18
  28. package/src/icons/DownloadIcon.tsx +4 -19
  29. package/src/icons/FlipHorizontalIcon.tsx +6 -20
  30. package/src/icons/FlipVerticalIcon.tsx +6 -26
  31. package/src/icons/HueIcon.tsx +4 -19
  32. package/src/icons/IconWrapper.tsx +18 -0
  33. package/src/icons/ResetIcon.tsx +4 -18
  34. package/src/icons/ResetRotationIcon.tsx +3 -16
  35. package/src/icons/RestrictionIcons.tsx +9 -10
  36. package/src/icons/RotateLeftIcon.tsx +4 -20
  37. package/src/icons/RotateRightIcon.tsx +4 -20
  38. package/src/icons/SaturationIcon.tsx +6 -19
  39. package/src/icons/SettingsIcon.tsx +3 -19
  40. package/src/icons/StencilIcons.tsx +5 -3
  41. package/src/icons/index.ts +34 -0
  42. package/src/icons/svg/aspectRatio.svg +5 -0
  43. package/src/icons/svg/brightness.svg +11 -0
  44. package/src/icons/svg/contrast.svg +11 -0
  45. package/src/icons/svg/crop.svg +5 -0
  46. package/src/icons/svg/flipHorizontal.svg +1 -0
  47. package/src/icons/svg/flipVertical.svg +1 -0
  48. package/src/icons/svg/image.svg +11 -0
  49. package/src/icons/svg/rectangle.svg +11 -0
  50. package/src/icons/svg/rectangleFilled.svg +3 -0
  51. package/src/icons/svg/saturation.svg +11 -0
  52. package/src/icons/svg/square.svg +11 -0
  53. package/src/index.ts +2 -0
  54. package/src/theme/mixins.scss +44 -0
  55. package/src/theme/variables.scss +90 -0
  56. package/src/components/ImageEditor/components/Button/Button.mdx +0 -260
  57. package/src/components/ImageEditor/components/Button/Button.scss +0 -30
  58. package/src/components/ImageEditor/components/Button/Button.stories.tsx +0 -69
  59. package/src/components/ImageEditor/components/Button/Button.tsx +0 -27
  60. package/src/components/ImageEditor/components/Slider/Slider.mdx +0 -380
  61. package/src/components/ImageEditor/components/Slider/Slider.scss +0 -231
  62. package/src/components/ImageEditor/components/Slider/Slider.stories.tsx +0 -121
  63. package/src/components/ImageEditor/components/Slider/Slider.tsx +0 -322
  64. package/src/customizations/volto/components/manage/Widgets/FileWidget.jsx +0 -3
  65. /package/src/{components/ImageEditor/types → types}/ImageSettings.ts +0 -0
package/locales/en/LC_MESSAGES/volto.po CHANGED
@@ -12,7 +12,7 @@ msgstr ""
12
12
  "Plural-Forms: \n"
13
13
 
14
14
  #. Default: "Aspect Ratio"
15
- #: components/ImageEditor/components/SettingsModal
15
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
16
16
  msgid "Aspect Ratio"
17
17
  msgstr ""
18
18
 
@@ -22,7 +22,7 @@ msgid "Choose a file"
22
22
  msgstr ""
23
23
 
24
24
  #. Default: "Circle"
25
- #: components/ImageEditor/components/SettingsModal
25
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
26
26
  msgid "Circle"
27
27
  msgstr ""
28
28
 
@@ -42,12 +42,12 @@ msgid "Drop files here ..."
42
42
  msgstr ""
43
43
 
44
44
  #. Default: "Edit image"
45
- #: components/ImageEditor/ImageEditorWrapper
45
+ #: components/ImageEditor/Wrapper/ImageEditorWrapper
46
46
  msgid "Edit image"
47
47
  msgstr ""
48
48
 
49
49
  #. Default: "Editor Settings"
50
- #: components/ImageEditor/components/SettingsModal
50
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
51
51
  msgid "Editor Settings"
52
52
  msgstr ""
53
53
 
@@ -57,87 +57,87 @@ msgid "File is not of the accepted type {accept}"
57
57
  msgstr ""
58
58
 
59
59
  #. Default: "Fill"
60
- #: components/ImageEditor/components/SettingsModal
60
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
61
61
  msgid "Fill Area"
62
62
  msgstr ""
63
63
 
64
64
  #. Default: "Fit"
65
- #: components/ImageEditor/components/SettingsModal
65
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
66
66
  msgid "Fit Area"
67
67
  msgstr ""
68
68
 
69
69
  #. Default: "Free"
70
- #: components/ImageEditor/components/SettingsModal
70
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
71
71
  msgid "Free aspect ratio"
72
72
  msgstr ""
73
73
 
74
74
  #. Default: "Image Restriction"
75
- #: components/ImageEditor/components/SettingsModal
75
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
76
76
  msgid "Image Restriction"
77
77
  msgstr ""
78
78
 
79
79
  #. Default: "2:1"
80
- #: components/ImageEditor/components/SettingsModal
80
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
81
81
  msgid "Landscape (2:1)"
82
82
  msgstr ""
83
83
 
84
84
  #. Default: "Max height"
85
- #: components/ImageEditor/components/SettingsModal
85
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
86
86
  msgid "Max height"
87
87
  msgstr ""
88
88
 
89
89
  #. Default: "Max width"
90
- #: components/ImageEditor/components/SettingsModal
90
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
91
91
  msgid "Max width"
92
92
  msgstr ""
93
93
 
94
94
  #. Default: "Maximum Crop Dimensions"
95
- #: components/ImageEditor/components/SettingsModal
95
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
96
96
  msgid "Maximum Crop Dimensions"
97
97
  msgstr ""
98
98
 
99
99
  #. Default: "Min height"
100
- #: components/ImageEditor/components/SettingsModal
100
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
101
101
  msgid "Min height"
102
102
  msgstr ""
103
103
 
104
104
  #. Default: "Min width"
105
- #: components/ImageEditor/components/SettingsModal
105
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
106
106
  msgid "Min width"
107
107
  msgstr ""
108
108
 
109
109
  #. Default: "Minimum Dimensions"
110
- #: components/ImageEditor/components/SettingsModal
110
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
111
111
  msgid "Minimum Dimensions"
112
112
  msgstr ""
113
113
 
114
114
  #. Default: "9:16"
115
- #: components/ImageEditor/components/SettingsModal
115
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
116
116
  msgid "Mobile (9:16)"
117
117
  msgstr ""
118
118
 
119
119
  #. Default: "4:3"
120
- #: components/ImageEditor/components/SettingsModal
120
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
121
121
  msgid "Monitor (4:3)"
122
122
  msgstr ""
123
123
 
124
124
  #. Default: "Free"
125
- #: components/ImageEditor/components/SettingsModal
125
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
126
126
  msgid "No Restriction"
127
127
  msgstr ""
128
128
 
129
129
  #. Default: "3:4"
130
- #: components/ImageEditor/components/SettingsModal
130
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
131
131
  msgid "Photo (3:4)"
132
132
  msgstr ""
133
133
 
134
134
  #. Default: "1:2"
135
- #: components/ImageEditor/components/SettingsModal
135
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
136
136
  msgid "Portrait (1:2)"
137
137
  msgstr ""
138
138
 
139
139
  #. Default: "Rectangle"
140
- #: components/ImageEditor/components/SettingsModal
140
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
141
141
  msgid "Rectangle"
142
142
  msgstr ""
143
143
 
@@ -147,27 +147,27 @@ msgid "Replace existing file"
147
147
  msgstr ""
148
148
 
149
149
  #. Default: "Reset rotation and flip"
150
- #: components/ImageEditor/components/Navigation
150
+ #: components/ImageEditor/components/Navigation/Navigation
151
151
  msgid "Reset rotation and flip"
152
152
  msgstr ""
153
153
 
154
154
  #. Default: "1:1"
155
- #: components/ImageEditor/components/SettingsModal
155
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
156
156
  msgid "Square (1:1)"
157
157
  msgstr ""
158
158
 
159
159
  #. Default: "Stencil"
160
- #: components/ImageEditor/components/SettingsModal
160
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
161
161
  msgid "Stencil"
162
162
  msgstr ""
163
163
 
164
164
  #. Default: "Stencil Grid"
165
- #: components/ImageEditor/components/SettingsModal
165
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
166
166
  msgid "Stencil Grid"
167
167
  msgstr ""
168
168
 
169
169
  #. Default: "Stencil Type"
170
- #: components/ImageEditor/components/SettingsModal
170
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
171
171
  msgid "Stencil Type"
172
172
  msgstr ""
173
173
 
@@ -177,11 +177,11 @@ msgid "The file you uploaded exceeded the maximum allowed size of {size} bytes"
177
177
  msgstr ""
178
178
 
179
179
  #. Default: "21:9"
180
- #: components/ImageEditor/components/SettingsModal
180
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
181
181
  msgid "Ultra Wide (21:9)"
182
182
  msgstr ""
183
183
 
184
184
  #. Default: "16:9"
185
- #: components/ImageEditor/components/SettingsModal
185
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
186
186
  msgid "Widescreen (16:9)"
187
187
  msgstr ""
package/locales/es/LC_MESSAGES/volto.po CHANGED
@@ -4,7 +4,7 @@ msgstr ""
4
4
  "Report-Msgid-Bugs-To: \n"
5
5
  "POT-Creation-Date: 2023-05-09 11:45-0400\n"
6
6
  "PO-Revision-Date: 2023-05-10 11:34-0400\n"
7
- "Last-Translator: Leonardo J. Caballero G. <leonardocaballero@gmail.com>\n"
7
+ "Last-Translator: Víctor Fernández de Alba <sneridagh@gmail.com>\n"
8
8
  "Language: es\n"
9
9
  "Language-Team: ES <LL@li.org>\n"
10
10
  "Content-Type: text/plain; charset=utf-8\n"
@@ -16,179 +16,178 @@ msgstr ""
16
16
  "Language-Name: Español\n"
17
17
  "Domain: volto\n"
18
18
  "X-Is-Fallback-For: es-ar es-bo es-cl es-co es-cr es-do es-ec es-es es-sv es-gt es-hn es-mx es-ni es-pa es-py es-pe es-pr es-us es-uy es-ve\n"
19
- "X-Generator: Poedit 2.2.1\n"
20
19
 
21
20
  #. Default: "Aspect Ratio"
22
- #: components/ImageEditor/components/SettingsModal
21
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
23
22
  msgid "Aspect Ratio"
24
- msgstr ""
23
+ msgstr "Relación de aspecto"
25
24
 
26
25
  #. Default: "Choose a file"
27
26
  #: components/Widgets/FileWidget
28
27
  msgid "Choose a file"
29
- msgstr ""
28
+ msgstr "Selecciona un archivo"
30
29
 
31
30
  #. Default: "Circle"
32
- #: components/ImageEditor/components/SettingsModal
31
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
33
32
  msgid "Circle"
34
- msgstr ""
33
+ msgstr "Círculo"
35
34
 
36
35
  #. Default: "Drop file here to replace the existing file"
37
36
  #: components/Widgets/FileWidget
38
37
  msgid "Drop file here to replace the existing file"
39
- msgstr ""
38
+ msgstr "Arrastra el archivo aquí para reemplazar el archivo existente"
40
39
 
41
40
  #. Default: "Drop file here to upload a new file"
42
41
  #: components/Widgets/FileWidget
43
42
  msgid "Drop file here to upload a new file"
44
- msgstr ""
43
+ msgstr "Arrastra el archivo aquí para subir un archivo nuevo"
45
44
 
46
45
  #. Default: "Drop files here ..."
47
46
  #: components/Widgets/FileWidget
48
47
  msgid "Drop files here ..."
49
- msgstr ""
48
+ msgstr "Arrastra archivos aquí ..."
50
49
 
51
50
  #. Default: "Edit image"
52
- #: components/ImageEditor/ImageEditorWrapper
51
+ #: components/ImageEditor/Wrapper/ImageEditorWrapper
53
52
  msgid "Edit image"
54
- msgstr ""
53
+ msgstr "Editar imagen"
55
54
 
56
55
  #. Default: "Editor Settings"
57
- #: components/ImageEditor/components/SettingsModal
56
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
58
57
  msgid "Editor Settings"
59
- msgstr ""
58
+ msgstr "Ajustes del editor"
60
59
 
61
60
  #. Default: "File is not of the accepted type {accept}"
62
61
  #: components/Widgets/FileWidget
63
62
  msgid "File is not of the accepted type {accept}"
64
- msgstr ""
63
+ msgstr "El archivo no tiene el tipo aceptado: {accept}"
65
64
 
66
65
  #. Default: "Fill"
67
- #: components/ImageEditor/components/SettingsModal
66
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
68
67
  msgid "Fill Area"
69
- msgstr ""
68
+ msgstr "Rellenar área"
70
69
 
71
70
  #. Default: "Fit"
72
- #: components/ImageEditor/components/SettingsModal
71
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
73
72
  msgid "Fit Area"
74
- msgstr ""
73
+ msgstr "Ajustar al área"
75
74
 
76
75
  #. Default: "Free"
77
- #: components/ImageEditor/components/SettingsModal
76
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
78
77
  msgid "Free aspect ratio"
79
- msgstr ""
78
+ msgstr "Relación de aspecto libre"
80
79
 
81
80
  #. Default: "Image Restriction"
82
- #: components/ImageEditor/components/SettingsModal
81
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
83
82
  msgid "Image Restriction"
84
- msgstr ""
83
+ msgstr "Restricción de imagen"
85
84
 
86
85
  #. Default: "2:1"
87
- #: components/ImageEditor/components/SettingsModal
86
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
88
87
  msgid "Landscape (2:1)"
89
- msgstr ""
88
+ msgstr "Apaisado (2:1)"
90
89
 
91
90
  #. Default: "Max height"
92
- #: components/ImageEditor/components/SettingsModal
91
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
93
92
  msgid "Max height"
94
- msgstr ""
93
+ msgstr "Altura máxima"
95
94
 
96
95
  #. Default: "Max width"
97
- #: components/ImageEditor/components/SettingsModal
96
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
98
97
  msgid "Max width"
99
- msgstr ""
98
+ msgstr "Anchura máxima"
100
99
 
101
100
  #. Default: "Maximum Crop Dimensions"
102
- #: components/ImageEditor/components/SettingsModal
101
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
103
102
  msgid "Maximum Crop Dimensions"
104
- msgstr ""
103
+ msgstr "Dimensiones máximas de recorte"
105
104
 
106
105
  #. Default: "Min height"
107
- #: components/ImageEditor/components/SettingsModal
106
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
108
107
  msgid "Min height"
109
- msgstr ""
108
+ msgstr "Altura mínima"
110
109
 
111
110
  #. Default: "Min width"
112
- #: components/ImageEditor/components/SettingsModal
111
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
113
112
  msgid "Min width"
114
- msgstr ""
113
+ msgstr "Anchura mínima"
115
114
 
116
115
  #. Default: "Minimum Dimensions"
117
- #: components/ImageEditor/components/SettingsModal
116
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
118
117
  msgid "Minimum Dimensions"
119
- msgstr ""
118
+ msgstr "Dimensiones mínimas"
120
119
 
121
120
  #. Default: "9:16"
122
- #: components/ImageEditor/components/SettingsModal
121
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
123
122
  msgid "Mobile (9:16)"
124
- msgstr ""
123
+ msgstr "Móvil (9:16)"
125
124
 
126
125
  #. Default: "4:3"
127
- #: components/ImageEditor/components/SettingsModal
126
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
128
127
  msgid "Monitor (4:3)"
129
- msgstr ""
128
+ msgstr "Monitor (4:3)"
130
129
 
131
130
  #. Default: "Free"
132
- #: components/ImageEditor/components/SettingsModal
131
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
133
132
  msgid "No Restriction"
134
- msgstr ""
133
+ msgstr "Sin restricción"
135
134
 
136
135
  #. Default: "3:4"
137
- #: components/ImageEditor/components/SettingsModal
136
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
138
137
  msgid "Photo (3:4)"
139
- msgstr ""
138
+ msgstr "Foto (3:4)"
140
139
 
141
140
  #. Default: "1:2"
142
- #: components/ImageEditor/components/SettingsModal
141
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
143
142
  msgid "Portrait (1:2)"
144
- msgstr ""
143
+ msgstr "Retrato (1:2)"
145
144
 
146
145
  #. Default: "Rectangle"
147
- #: components/ImageEditor/components/SettingsModal
146
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
148
147
  msgid "Rectangle"
149
- msgstr ""
148
+ msgstr "Rectángulo"
150
149
 
151
150
  #. Default: "Replace existing file"
152
151
  #: components/Widgets/FileWidget
153
152
  msgid "Replace existing file"
154
- msgstr ""
153
+ msgstr "Reemplazar archivo existente"
155
154
 
156
155
  #. Default: "Reset rotation and flip"
157
- #: components/ImageEditor/components/Navigation
156
+ #: components/ImageEditor/components/Navigation/Navigation
158
157
  msgid "Reset rotation and flip"
159
- msgstr ""
158
+ msgstr "Restablecer rotación y volteo"
160
159
 
161
160
  #. Default: "1:1"
162
- #: components/ImageEditor/components/SettingsModal
161
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
163
162
  msgid "Square (1:1)"
164
- msgstr ""
163
+ msgstr "Cuadrado (1:1)"
165
164
 
166
165
  #. Default: "Stencil"
167
- #: components/ImageEditor/components/SettingsModal
166
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
168
167
  msgid "Stencil"
169
- msgstr ""
168
+ msgstr "Plantilla"
170
169
 
171
170
  #. Default: "Stencil Grid"
172
- #: components/ImageEditor/components/SettingsModal
171
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
173
172
  msgid "Stencil Grid"
174
- msgstr ""
173
+ msgstr "Cuadrícula de plantilla"
175
174
 
176
175
  #. Default: "Stencil Type"
177
- #: components/ImageEditor/components/SettingsModal
176
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
178
177
  msgid "Stencil Type"
179
- msgstr ""
178
+ msgstr "Tipo de plantilla"
180
179
 
181
180
  #. Default: "The file you uploaded exceeded the maximum allowed size of {size} bytes"
182
181
  #: components/Widgets/FileWidget
183
182
  msgid "The file you uploaded exceeded the maximum allowed size of {size} bytes"
184
- msgstr ""
183
+ msgstr "El archivo que subiste es más grande que el tamaño máximo permitido de {size} bytes"
185
184
 
186
185
  #. Default: "21:9"
187
- #: components/ImageEditor/components/SettingsModal
186
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
188
187
  msgid "Ultra Wide (21:9)"
189
- msgstr ""
188
+ msgstr "Ultrapanorámico (21:9)"
190
189
 
191
190
  #. Default: "16:9"
192
- #: components/ImageEditor/components/SettingsModal
191
+ #: components/ImageEditor/components/SettingsModal/SettingsModal
193
192
  msgid "Widescreen (16:9)"
194
- msgstr ""
193
+ msgstr "Panorámico (16:9)"