@dreamcommerce/aurora 2.17.11 → 2.17.13
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/build/cjs/packages/aurora/src/assets/icon_image.js +32 -0
- package/build/cjs/packages/aurora/src/assets/icon_image.js.map +1 -0
- package/build/cjs/packages/aurora/src/assets/icon_search.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_xhr_image_picker/index.js +4 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_xhr_image_picker/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/file_picker/use_file_picker.js +6 -2
- package/build/cjs/packages/aurora/src/components/file_picker/use_file_picker.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/image_picker/css_classes.js +2 -0
- package/build/cjs/packages/aurora/src/components/image_picker/css_classes.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/image_picker/index.js +20 -3
- package/build/cjs/packages/aurora/src/components/image_picker/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/modal_new/components/modal/modal.js +7 -1
- package/build/cjs/packages/aurora/src/components/modal_new/components/modal/modal.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/modal_new/components/modals_wrapper.js +1 -1
- package/build/cjs/packages/aurora/src/components/xhr_image_picker/index.js +109 -9
- package/build/cjs/packages/aurora/src/components/xhr_image_picker/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/css/image_picker/main.module.less.js +3 -1
- package/build/cjs/packages/aurora/src/css/image_picker/main.module.less.js.map +1 -1
- package/build/cjs/packages/aurora/src/index.js +2 -2
- package/build/cjs/packages/aurora/src/translations/en.json.js +5 -1
- package/build/cjs/packages/aurora/src/translations/en.json.js.map +1 -1
- package/build/cjs/packages/aurora/src/translations/pl.json.js +5 -1
- package/build/cjs/packages/aurora/src/translations/pl.json.js.map +1 -1
- package/build/cjs/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js +0 -5
- package/build/cjs/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js.map +1 -1
- package/build/esm/packages/aurora/src/assets/icon_image.d.ts +4 -0
- package/build/esm/packages/aurora/src/assets/icon_image.js +24 -0
- package/build/esm/packages/aurora/src/assets/icon_image.js.map +1 -0
- package/build/esm/packages/aurora/src/assets/icon_search.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_xhr_image_picker/index.js +4 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_xhr_image_picker/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/types.d.ts +1 -0
- package/build/esm/packages/aurora/src/components/file_picker/types.d.ts +1 -0
- package/build/esm/packages/aurora/src/components/file_picker/use_file_picker.js +6 -2
- package/build/esm/packages/aurora/src/components/file_picker/use_file_picker.js.map +1 -1
- package/build/esm/packages/aurora/src/components/image_picker/css_classes.d.ts +2 -0
- package/build/esm/packages/aurora/src/components/image_picker/css_classes.js +2 -0
- package/build/esm/packages/aurora/src/components/image_picker/css_classes.js.map +1 -1
- package/build/esm/packages/aurora/src/components/image_picker/index.js +20 -3
- package/build/esm/packages/aurora/src/components/image_picker/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/image_picker/types.d.ts +3 -1
- package/build/esm/packages/aurora/src/components/image_picker/types.js.map +1 -1
- package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal.js +7 -1
- package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal.js.map +1 -1
- package/build/esm/packages/aurora/src/components/modal_new/components/modals_wrapper.js +1 -1
- package/build/esm/packages/aurora/src/components/modal_new/types.d.ts +2 -0
- package/build/esm/packages/aurora/src/components/xhr_image_picker/index.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/xhr_image_picker/index.js +111 -11
- package/build/esm/packages/aurora/src/components/xhr_image_picker/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/xhr_image_picker/types.d.ts +7 -1
- package/build/esm/packages/aurora/src/css/image_picker/main.module.less.js +3 -1
- package/build/esm/packages/aurora/src/css/image_picker/main.module.less.js.map +1 -1
- package/build/esm/packages/aurora/src/index.d.ts +2 -1
- package/build/esm/packages/aurora/src/index.js +1 -1
- package/build/esm/packages/aurora/src/translations/en.json +3 -1
- package/build/esm/packages/aurora/src/translations/en.json.js +5 -2
- package/build/esm/packages/aurora/src/translations/en.json.js.map +1 -1
- package/build/esm/packages/aurora/src/translations/pl.json +3 -1
- package/build/esm/packages/aurora/src/translations/pl.json.js +5 -2
- package/build/esm/packages/aurora/src/translations/pl.json.js.map +1 -1
- package/build/esm/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js +0 -5
- package/build/esm/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js.map +1 -1
- package/package.json +1 -1
package/build/esm/packages/aurora/src/components/controls/hoc/control_xhr_image_picker/index.js
CHANGED
|
@@ -18,7 +18,8 @@ var ControlXhrImagePicker = function ControlXhrImagePicker(_ref) {
|
|
|
18
18
|
hint = _ref.hint,
|
|
19
19
|
labelAdditionalInfo = _ref.labelAdditionalInfo,
|
|
20
20
|
onUploaded = _ref.onUploaded,
|
|
21
|
-
onImageSizeUpdated = _ref.onImageSizeUpdated
|
|
21
|
+
onImageSizeUpdated = _ref.onImageSizeUpdated,
|
|
22
|
+
ImageEditor = _ref.ImageEditor;
|
|
22
23
|
|
|
23
24
|
var _useState = useState(errors),
|
|
24
25
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -61,7 +62,8 @@ var ControlXhrImagePicker = function ControlXhrImagePicker(_ref) {
|
|
|
61
62
|
className: className,
|
|
62
63
|
errors: errors,
|
|
63
64
|
onUploaded: onUploaded,
|
|
64
|
-
onImageSizeUpdated: onImageSizeUpdated
|
|
65
|
+
onImageSizeUpdated: onImageSizeUpdated,
|
|
66
|
+
ImageEditor: ImageEditor
|
|
65
67
|
}))), /*#__PURE__*/React.createElement(Control.Errors, null));
|
|
66
68
|
};
|
|
67
69
|
|
package/build/esm/packages/aurora/src/components/controls/hoc/control_xhr_image_picker/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -180,6 +180,7 @@ export interface IControlXhrImagePicker extends IImagePicker, IControlCommonProp
|
|
|
180
180
|
onChange?: (file: IUseFilePickerOnChange, size?: TImageSize) => void;
|
|
181
181
|
labelAdditionalInfo?: string | ReactNode;
|
|
182
182
|
onUploaded?: (resp: IRequestResponse<any>, file: File) => void;
|
|
183
|
+
ImageEditor?: React.FunctionComponent;
|
|
183
184
|
}
|
|
184
185
|
export interface ICellSelector {
|
|
185
186
|
rows?: number;
|
|
@@ -40,6 +40,7 @@ export interface IUseFilePicker {
|
|
|
40
40
|
onFileChange: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
41
41
|
onFileDelete: () => void;
|
|
42
42
|
onPreviewError: () => void;
|
|
43
|
+
changeFile: (files: FileList) => void;
|
|
43
44
|
file: TFilePickerFile | undefined;
|
|
44
45
|
errors: string[];
|
|
45
46
|
isPreview: boolean;
|
|
@@ -93,8 +93,11 @@ var useFilePicker = function useFilePicker(_ref) {
|
|
|
93
93
|
return isValid;
|
|
94
94
|
};
|
|
95
95
|
|
|
96
|
-
var onFileChange = function onFileChange(
|
|
97
|
-
|
|
96
|
+
var onFileChange = function onFileChange(event) {
|
|
97
|
+
changeFile(event.target.files);
|
|
98
|
+
};
|
|
99
|
+
|
|
100
|
+
var changeFile = function changeFile(files) {
|
|
98
101
|
setErrors([]);
|
|
99
102
|
updateFile(files);
|
|
100
103
|
};
|
|
@@ -163,6 +166,7 @@ var useFilePicker = function useFilePicker(_ref) {
|
|
|
163
166
|
onDragLeave: onDragLeave,
|
|
164
167
|
onFileDelete: onFileDelete,
|
|
165
168
|
onPreviewError: onPreviewError,
|
|
169
|
+
changeFile: changeFile,
|
|
166
170
|
file: file,
|
|
167
171
|
errors: errors,
|
|
168
172
|
isPreview: isPreview,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -3,6 +3,8 @@ declare const _default: {
|
|
|
3
3
|
imagePickerWrapper: string;
|
|
4
4
|
imagePickerWrapperError: string;
|
|
5
5
|
imagePickerWrapperHasFile: string;
|
|
6
|
+
imagePickerWrapperTopButtons: string;
|
|
7
|
+
imagePickerEditButton: string;
|
|
6
8
|
imagePickerLabel: string;
|
|
7
9
|
imagePickerDescription: string;
|
|
8
10
|
imagePickerImagePreview: string;
|
|
@@ -4,6 +4,8 @@ var CSS_CLASSES = {
|
|
|
4
4
|
imagePickerWrapper: "".concat(imagePicker, "__wrapper"),
|
|
5
5
|
imagePickerWrapperError: "".concat(imagePicker, "__wrapper-error"),
|
|
6
6
|
imagePickerWrapperHasFile: "".concat(imagePicker, "__wrapper-has-file"),
|
|
7
|
+
imagePickerWrapperTopButtons: "".concat(imagePicker, "__wrapper-top-buttons"),
|
|
8
|
+
imagePickerEditButton: "".concat(imagePicker, "__edit-button"),
|
|
7
9
|
imagePickerLabel: "".concat(imagePicker, "__label"),
|
|
8
10
|
imagePickerDescription: "".concat(imagePicker, "__description"),
|
|
9
11
|
imagePickerImagePreview: "".concat(imagePicker, "__image-preview"),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -24,7 +24,9 @@ var ImagePicker = /*#__PURE__*/memo(function (_ref) {
|
|
|
24
24
|
name = _ref.name,
|
|
25
25
|
_ref$className = _ref.className,
|
|
26
26
|
className = _ref$className === void 0 ? '' : _ref$className,
|
|
27
|
-
onImageSizeUpdated = _ref.onImageSizeUpdated
|
|
27
|
+
onImageSizeUpdated = _ref.onImageSizeUpdated,
|
|
28
|
+
topButtons = _ref.topButtons,
|
|
29
|
+
editedImageResult = _ref.editedImageResult;
|
|
28
30
|
|
|
29
31
|
var _useTranslation = useTranslation(),
|
|
30
32
|
_useTranslation2 = _slicedToArray(_useTranslation, 1),
|
|
@@ -46,6 +48,7 @@ var ImagePicker = /*#__PURE__*/memo(function (_ref) {
|
|
|
46
48
|
onDragLeave = _useFilePicker.onDragLeave,
|
|
47
49
|
onFileDelete = _useFilePicker.onFileDelete,
|
|
48
50
|
onPreviewError = _useFilePicker.onPreviewError,
|
|
51
|
+
changeFile = _useFilePicker.changeFile,
|
|
49
52
|
file = _useFilePicker.file,
|
|
50
53
|
errors = _useFilePicker.errors,
|
|
51
54
|
isPreview = _useFilePicker.isPreview,
|
|
@@ -65,6 +68,18 @@ var ImagePicker = /*#__PURE__*/memo(function (_ref) {
|
|
|
65
68
|
useEffect(function () {
|
|
66
69
|
initialFile && setImageSizeBasedOnUrl(initialFile === null || initialFile === void 0 ? void 0 : initialFile.fileUrl);
|
|
67
70
|
}, [initialFile]);
|
|
71
|
+
useEffect(function () {
|
|
72
|
+
if (!editedImageResult) return;
|
|
73
|
+
var fileList = createFileList(editedImageResult);
|
|
74
|
+
changeFile(fileList);
|
|
75
|
+
updateFile(fileList);
|
|
76
|
+
}, [editedImageResult]);
|
|
77
|
+
|
|
78
|
+
var createFileList = function createFileList(file) {
|
|
79
|
+
var fileArray = [];
|
|
80
|
+
fileArray.push(file);
|
|
81
|
+
return fileArray;
|
|
82
|
+
};
|
|
68
83
|
|
|
69
84
|
var setImageSizeBasedOnUrl = function setImageSizeBasedOnUrl(fileUrl) {
|
|
70
85
|
createImageFromUrl(fileUrl).then(function (image) {
|
|
@@ -144,7 +159,9 @@ var ImagePicker = /*#__PURE__*/memo(function (_ref) {
|
|
|
144
159
|
className: imagePickerClassName
|
|
145
160
|
}, /*#__PURE__*/React.createElement("div", {
|
|
146
161
|
className: "".concat(imagePickerWrapperClassName, " ").concat(dragOverStyles.imagePickerWrapper)
|
|
147
|
-
}, file && (isPreview ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(
|
|
162
|
+
}, file && (isPreview ? /*#__PURE__*/React.createElement(React.Fragment, null, topButtons && /*#__PURE__*/React.createElement("div", {
|
|
163
|
+
className: styles[CSS_CLASSES.imagePickerWrapperTopButtons]
|
|
164
|
+
}, topButtons), /*#__PURE__*/React.createElement(ImagePreview, {
|
|
148
165
|
file: file,
|
|
149
166
|
isValid: !(errors !== null && errors !== void 0 && errors.length),
|
|
150
167
|
onError: onPreviewError
|
|
@@ -174,7 +191,7 @@ var ImagePicker = /*#__PURE__*/memo(function (_ref) {
|
|
|
174
191
|
}, function (prev, curr) {
|
|
175
192
|
var _prev$initialFile, _curr$initialFile, _prev$initialFile2, _curr$initialFile2;
|
|
176
193
|
|
|
177
|
-
return ((_prev$initialFile = prev.initialFile) === null || _prev$initialFile === void 0 ? void 0 : _prev$initialFile.fileUrl) === ((_curr$initialFile = curr.initialFile) === null || _curr$initialFile === void 0 ? void 0 : _curr$initialFile.fileUrl) && ((_prev$initialFile2 = prev.initialFile) === null || _prev$initialFile2 === void 0 ? void 0 : _prev$initialFile2.fileName) === ((_curr$initialFile2 = curr.initialFile) === null || _curr$initialFile2 === void 0 ? void 0 : _curr$initialFile2.fileName) && prev.errors === curr.errors;
|
|
194
|
+
return ((_prev$initialFile = prev.initialFile) === null || _prev$initialFile === void 0 ? void 0 : _prev$initialFile.fileUrl) === ((_curr$initialFile = curr.initialFile) === null || _curr$initialFile === void 0 ? void 0 : _curr$initialFile.fileUrl) && ((_prev$initialFile2 = prev.initialFile) === null || _prev$initialFile2 === void 0 ? void 0 : _prev$initialFile2.fileName) === ((_curr$initialFile2 = curr.initialFile) === null || _curr$initialFile2 === void 0 ? void 0 : _curr$initialFile2.fileName) && prev.errors === curr.errors && prev.editedImageResult === curr.editedImageResult;
|
|
178
195
|
});
|
|
179
196
|
|
|
180
197
|
export default ImagePicker;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,iEAAqE;AACpG;AACA;AACA;AACA,gCAAgC,yDAA6D;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,iEAAqE;AACpG;AACA;AACA;AACA,gCAAgC,yDAA6D;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { IFilePicker, TFilesExtension } from "../file_picker/types";
|
|
2
|
-
import React from 'react';
|
|
2
|
+
import React, { ReactNode } from 'react';
|
|
3
3
|
export declare type TImagePickerFile = {
|
|
4
4
|
fileUrl: string;
|
|
5
5
|
fileName: string;
|
|
6
6
|
};
|
|
7
7
|
export interface IImagePicker extends IFilePicker {
|
|
8
8
|
onImageSizeUpdated?: (imageSize?: TImageSize) => void;
|
|
9
|
+
topButtons?: ReactNode;
|
|
10
|
+
editedImageResult?: File;
|
|
9
11
|
}
|
|
10
12
|
export interface ISelectedImagePreview {
|
|
11
13
|
file: TImagePickerFile;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/image_picker/types.ts"],"names":[],"mappings":"AAAA,OAA6C,qCAAqC,CAAC;
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/image_picker/types.ts"],"names":[],"mappings":"AAAA,OAA6C,qCAAqC,CAAC;AACnF,OAAiC,OAAO,CAAC"}
|
|
@@ -16,6 +16,8 @@ var ModalNew = function ModalNew(_ref) {
|
|
|
16
16
|
animationDirection = _ref$animationDirecti === void 0 ? MODAL_ANIMATION_DIRECTIONS.top : _ref$animationDirecti,
|
|
17
17
|
header = _ref.header,
|
|
18
18
|
footer = _ref.footer,
|
|
19
|
+
minWidth = _ref.minWidth,
|
|
20
|
+
maxWidth = _ref.maxWidth,
|
|
19
21
|
children = _ref.children;
|
|
20
22
|
|
|
21
23
|
var _useState = useState(false),
|
|
@@ -82,7 +84,11 @@ var ModalNew = function ModalNew(_ref) {
|
|
|
82
84
|
if (!$modalsManagerContainer) return null;
|
|
83
85
|
return renderModal ? /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement("div", {
|
|
84
86
|
id: name,
|
|
85
|
-
className: modalClassNames
|
|
87
|
+
className: "".concat(modalClassNames, " js__modal"),
|
|
88
|
+
style: {
|
|
89
|
+
minWidth: minWidth,
|
|
90
|
+
maxHeight: maxWidth
|
|
91
|
+
}
|
|
86
92
|
}, header && /*#__PURE__*/React.createElement(ModalHeader, {
|
|
87
93
|
content: header.content,
|
|
88
94
|
closeAction: handleCloseModal
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -46,7 +46,7 @@ var ModalsWrapper = function ModalsWrapper(_ref) {
|
|
|
46
46
|
}, showWrapper && /*#__PURE__*/React.createElement("div", {
|
|
47
47
|
className: "".concat(styles[cssModalsManagerWrapper])
|
|
48
48
|
}, /*#__PURE__*/React.createElement("div", {
|
|
49
|
-
className: modalsWrapperBackdropClassNames
|
|
49
|
+
className: "".concat(modalsWrapperBackdropClassNames, " js__modal-mask")
|
|
50
50
|
}), /*#__PURE__*/React.createElement("div", {
|
|
51
51
|
id: MODALS_CONTENT_ID,
|
|
52
52
|
className: "".concat(styles[cssModalsManagerWrapperContent])
|
|
@@ -22,6 +22,8 @@ export interface IModalNewProps {
|
|
|
22
22
|
animationDirection?: typeof MODAL_ANIMATION_DIRECTIONS[keyof typeof MODAL_ANIMATION_DIRECTIONS];
|
|
23
23
|
header?: IModalHeaderProps;
|
|
24
24
|
footer?: IModalFooterProps;
|
|
25
|
+
minWidth?: string;
|
|
26
|
+
maxWidth?: string;
|
|
25
27
|
children: ReactNode;
|
|
26
28
|
}
|
|
27
29
|
export interface IModalHeaderProps {
|
|
@@ -1,8 +1,14 @@
|
|
|
1
|
-
import React, { useRef, useEffect } from 'react';
|
|
2
|
-
import {
|
|
1
|
+
import React, { useRef, useState, useEffect } from 'react';
|
|
2
|
+
import { useTranslation } from '../../../../../external/react-i18next/dist/es/useTranslation.js';
|
|
3
|
+
import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
4
|
import { FILES_EXTENSIONS } from '../file_picker/constants.js';
|
|
4
5
|
import { REQUEST_TYPES } from '../../../../star_core/build/esm/packages/star_core/src/features/http_requester/http_requester_contants.js';
|
|
6
|
+
import CSS_CLASSES from '../image_picker/css_classes.js';
|
|
7
|
+
import IconImage from '../../assets/icon_image.js';
|
|
8
|
+
import styles from '../../css/image_picker/main.module.less.js';
|
|
5
9
|
import ImagePicker from '../image_picker/index.js';
|
|
10
|
+
import { useModalsContext } from '../modal_new/hooks/use_modals_context.js';
|
|
11
|
+
import { ModalNew } from '../modal_new/components/modal/modal.js';
|
|
6
12
|
import { useHttpApi } from '../../hooks/use_http_api.js';
|
|
7
13
|
|
|
8
14
|
var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
@@ -16,11 +22,43 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
16
22
|
onChange = _ref.onChange,
|
|
17
23
|
onImageSizeUpdated = _ref.onImageSizeUpdated,
|
|
18
24
|
_ref$allowedExtension = _ref.allowedExtensions,
|
|
19
|
-
allowedExtensions = _ref$allowedExtension === void 0 ? [FILES_EXTENSIONS.WEBP, FILES_EXTENSIONS.JPG, FILES_EXTENSIONS.PNG, FILES_EXTENSIONS.GIF, FILES_EXTENSIONS.SVG, FILES_EXTENSIONS.JPEG] : _ref$allowedExtension
|
|
25
|
+
allowedExtensions = _ref$allowedExtension === void 0 ? [FILES_EXTENSIONS.WEBP, FILES_EXTENSIONS.JPG, FILES_EXTENSIONS.PNG, FILES_EXTENSIONS.GIF, FILES_EXTENSIONS.SVG, FILES_EXTENSIONS.JPEG] : _ref$allowedExtension,
|
|
26
|
+
ImageEditor = _ref.ImageEditor;
|
|
27
|
+
|
|
28
|
+
var _useTranslation = useTranslation(),
|
|
29
|
+
_useTranslation2 = _slicedToArray(_useTranslation, 1),
|
|
30
|
+
t = _useTranslation2[0];
|
|
31
|
+
|
|
20
32
|
var httpApi = useHttpApi();
|
|
21
33
|
var pendingRequestRef = React.useRef();
|
|
22
34
|
var initialImageFile = useRef();
|
|
23
35
|
|
|
36
|
+
var _useModalsContext = useModalsContext(),
|
|
37
|
+
showModal = _useModalsContext.showModal,
|
|
38
|
+
hideModal = _useModalsContext.hideModal;
|
|
39
|
+
|
|
40
|
+
var modalId = "image-picker-editor-".concat(id);
|
|
41
|
+
|
|
42
|
+
var _useState = useState(),
|
|
43
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
44
|
+
initialImage = _useState2[0],
|
|
45
|
+
setInitialImage = _useState2[1];
|
|
46
|
+
|
|
47
|
+
var _useState3 = useState(),
|
|
48
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
49
|
+
image = _useState4[0],
|
|
50
|
+
setImage = _useState4[1];
|
|
51
|
+
|
|
52
|
+
var _useState5 = useState(''),
|
|
53
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
54
|
+
imageEditorSrc = _useState6[0],
|
|
55
|
+
setImageEditorSrc = _useState6[1];
|
|
56
|
+
|
|
57
|
+
var _useState7 = useState(),
|
|
58
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
59
|
+
imageEditorResult = _useState8[0],
|
|
60
|
+
setImageEditorResult = _useState8[1];
|
|
61
|
+
|
|
24
62
|
var handleControlChange = /*#__PURE__*/function () {
|
|
25
63
|
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(file) {
|
|
26
64
|
var fileList, fileAsDataUrl, _httpApi$fetch, response, cancelRequest, data;
|
|
@@ -29,19 +67,20 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
29
67
|
while (1) switch (_context.prev = _context.next) {
|
|
30
68
|
case 0:
|
|
31
69
|
fileList = file.fileList, fileAsDataUrl = file.fileAsDataUrl;
|
|
70
|
+
fileList && setImage(fileList[0]);
|
|
32
71
|
onChange === null || onChange === void 0 || onChange({
|
|
33
72
|
fileList: fileList,
|
|
34
73
|
fileAsDataUrl: fileAsDataUrl
|
|
35
74
|
});
|
|
36
75
|
|
|
37
76
|
if (!(!fileList || !fileList.length)) {
|
|
38
|
-
_context.next =
|
|
77
|
+
_context.next = 5;
|
|
39
78
|
break;
|
|
40
79
|
}
|
|
41
80
|
|
|
42
81
|
return _context.abrupt("return");
|
|
43
82
|
|
|
44
|
-
case
|
|
83
|
+
case 5:
|
|
45
84
|
if (pendingRequestRef.current) {
|
|
46
85
|
pendingRequestRef.current();
|
|
47
86
|
pendingRequestRef.current = undefined;
|
|
@@ -53,14 +92,14 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
53
92
|
data: fileList[0]
|
|
54
93
|
}), response = _httpApi$fetch.response, cancelRequest = _httpApi$fetch.cancelRequest;
|
|
55
94
|
pendingRequestRef.current = cancelRequest;
|
|
56
|
-
_context.next =
|
|
95
|
+
_context.next = 10;
|
|
57
96
|
return response;
|
|
58
97
|
|
|
59
|
-
case
|
|
98
|
+
case 10:
|
|
60
99
|
data = _context.sent;
|
|
61
100
|
onUploaded === null || onUploaded === void 0 || onUploaded(data, fileList[0]);
|
|
62
101
|
|
|
63
|
-
case
|
|
102
|
+
case 12:
|
|
64
103
|
case "end":
|
|
65
104
|
return _context.stop();
|
|
66
105
|
}
|
|
@@ -74,13 +113,56 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
74
113
|
|
|
75
114
|
useEffect(function () {
|
|
76
115
|
initialImageFile.current = initialFile;
|
|
116
|
+
|
|
117
|
+
var setFileFromUrl = /*#__PURE__*/function () {
|
|
118
|
+
var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(fileData) {
|
|
119
|
+
var response, data, file;
|
|
120
|
+
return _regeneratorRuntime().wrap(function _callee2$(_context2) {
|
|
121
|
+
while (1) switch (_context2.prev = _context2.next) {
|
|
122
|
+
case 0:
|
|
123
|
+
_context2.next = 2;
|
|
124
|
+
return fetch(fileData.fileUrl);
|
|
125
|
+
|
|
126
|
+
case 2:
|
|
127
|
+
response = _context2.sent;
|
|
128
|
+
_context2.next = 5;
|
|
129
|
+
return response.blob();
|
|
130
|
+
|
|
131
|
+
case 5:
|
|
132
|
+
data = _context2.sent;
|
|
133
|
+
file = new File([data], fileData.fileName);
|
|
134
|
+
setInitialImage(file);
|
|
135
|
+
|
|
136
|
+
case 8:
|
|
137
|
+
case "end":
|
|
138
|
+
return _context2.stop();
|
|
139
|
+
}
|
|
140
|
+
}, _callee2);
|
|
141
|
+
}));
|
|
142
|
+
|
|
143
|
+
return function setFileFromUrl(_x2) {
|
|
144
|
+
return _ref3.apply(this, arguments);
|
|
145
|
+
};
|
|
146
|
+
}();
|
|
147
|
+
|
|
148
|
+
if (!initialImageFile.current) return;
|
|
149
|
+
setFileFromUrl(initialImageFile.current);
|
|
77
150
|
return function () {
|
|
78
151
|
var _pendingRequestRef$cu;
|
|
79
152
|
|
|
80
153
|
return (_pendingRequestRef$cu = pendingRequestRef.current) === null || _pendingRequestRef$cu === void 0 ? void 0 : _pendingRequestRef$cu.call(pendingRequestRef);
|
|
81
154
|
};
|
|
82
155
|
}, []);
|
|
83
|
-
|
|
156
|
+
useEffect(function () {
|
|
157
|
+
var src = image !== null && image !== void 0 ? image : initialImage;
|
|
158
|
+
setImageEditorSrc(src !== null && src !== void 0 ? src : '');
|
|
159
|
+
}, [image, initialImage]);
|
|
160
|
+
|
|
161
|
+
var renderImageEditor = function renderImageEditor(defaultProps) {
|
|
162
|
+
return ImageEditor ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ImageEditor, _objectSpread2({}, defaultProps))) : null;
|
|
163
|
+
};
|
|
164
|
+
|
|
165
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ImagePicker, {
|
|
84
166
|
id: id,
|
|
85
167
|
name: name,
|
|
86
168
|
onChange: handleControlChange,
|
|
@@ -88,8 +170,26 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
88
170
|
errors: errors,
|
|
89
171
|
allowedExtensions: allowedExtensions,
|
|
90
172
|
initialFile: initialImageFile.current,
|
|
91
|
-
onImageSizeUpdated: onImageSizeUpdated
|
|
92
|
-
|
|
173
|
+
onImageSizeUpdated: onImageSizeUpdated,
|
|
174
|
+
topButtons: ImageEditor && /*#__PURE__*/React.createElement("button", {
|
|
175
|
+
className: styles[CSS_CLASSES.imagePickerEditButton],
|
|
176
|
+
onClick: function onClick() {
|
|
177
|
+
return showModal(modalId);
|
|
178
|
+
},
|
|
179
|
+
type: "button"
|
|
180
|
+
}, /*#__PURE__*/React.createElement(IconImage, null), t('Edit')),
|
|
181
|
+
editedImageResult: imageEditorResult
|
|
182
|
+
}), /*#__PURE__*/React.createElement(ModalNew, {
|
|
183
|
+
name: modalId,
|
|
184
|
+
header: t('Edit image'),
|
|
185
|
+
minWidth: "80vw"
|
|
186
|
+
}, renderImageEditor({
|
|
187
|
+
src: imageEditorSrc,
|
|
188
|
+
onEditionDone: function onEditionDone(result) {
|
|
189
|
+
hideModal(modalId);
|
|
190
|
+
setImageEditorResult(result);
|
|
191
|
+
}
|
|
192
|
+
})));
|
|
93
193
|
};
|
|
94
194
|
|
|
95
195
|
export default XhrImagePicker;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,iEAAqE;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,7 +1,13 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import { IImagePicker } from "../image_picker/types";
|
|
2
3
|
import { IRequestResponse } from '@dreamcommerce/star_core';
|
|
3
|
-
export interface IXhrImagePickerProps extends IImagePicker {
|
|
4
|
+
export interface IXhrImagePickerProps extends Omit<IImagePicker, 'topButtons'> {
|
|
4
5
|
url: string;
|
|
5
6
|
onUploaded?: (resp: IRequestResponse<any>, file: File) => void;
|
|
6
7
|
onUploadError?: Function;
|
|
8
|
+
ImageEditor?: React.FunctionComponent;
|
|
9
|
+
}
|
|
10
|
+
export interface IImageEditorProps {
|
|
11
|
+
src?: File | string;
|
|
12
|
+
onEditionDone?: (result: File | undefined) => void;
|
|
7
13
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_image-picker__wrapper__2RK3f {\n border: 1px dashed #abb4cd;\n border-radius: 2px;\n}\n.main-module_image-picker__wrapper-error__kCZeA {\n border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-error__kCZeA:hover {\n border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc {\n position: relative;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__label__1i_Fq {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 46px;\n left: 0;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__description__1v13N {\n display: none;\n}\n.main-module_image-picker__wrapper__2RK3f:hover {\n border-color: #135cc8;\n}\n.main-module_image-picker__wrapper__2RK3f:hover .main-module_image-picker__upload-icon__3sMvN {\n fill: #3c83ec;\n}\n.main-module_image-picker__label__1i_Fq {\n cursor: pointer;\n}\n.main-module_image-picker__input__3Wu2I {\n display: none;\n}\n.main-module_image-picker__description__1v13N {\n padding: 2rem 0;\n text-align: center;\n color: #3c83ec;\n}\n.main-module_image-picker__supported-formats__1_R_X {\n font-size: 12px;\n color: #59687e;\n}\n.main-module_image-picker__upload-icon__3sMvN {\n width: 1rem;\n height: auto;\n margin-bottom: 1rem;\n fill: #abb4cd;\n}\n.main-module_image-picker__delete-button__21_kT {\n display: flex;\n align-items: center;\n color: #3c83ec;\n cursor: pointer;\n background: transparent;\n}\n.main-module_image-picker__delete-button__21_kT:hover .main-module_image-picker__delete-label__3v2ot {\n text-decoration: underline;\n}\n.main-module_image-picker__delete-button__21_kT .main-module_image-picker__delete-label__3v2ot {\n color: #3c83ec;\n}\n.main-module_image-picker__delete-button__21_kT svg {\n fill: #3c83ec;\n}\n.main-module_image-picker__wrong-file-format-icon__X-NL0 {\n margin: 2rem 0 0.5rem;\n fill: #ffffff;\n}\n.main-module_image-picker__delete-icon__30pkO {\n fill: #3c83ec;\n margin-right: 0.5rem;\n}\n.main-module_image-picker__selected-file__3bRqa {\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 46px;\n}\n.main-module_image-picker__selected-file-name-wrapper__37MKd,\n.main-module_image-picker__selected-file-remove-wrapper__2v4W2 {\n padding: 1rem;\n}\n.main-module_image-picker__selected-file-remove-wrapper__2v4W2 {\n display: flex;\n justify-content: flex-end;\n}\n.main-module_image-picker__selected-file-name-wrapper__37MKd {\n color: #59687e;\n}\n.main-module_image-picker__image-preview-wrapper__1jPXU {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.main-module_image-picker__image-preview-wrapper__1jPXU svg {\n fill: transparent;\n}\n.main-module_image-picker__image-preview__12pRu {\n max-width: 100%;\n max-height: 100%;\n}\n.main-module_image-picker__error-text__rXAvw {\n margin-top: 0.5rem;\n color: #e60c54;\n}\n";
|
|
3
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_image-picker__wrapper__2RK3f {\n position: relative;\n border: 1px dashed #abb4cd;\n border-radius: 2px;\n}\n.main-module_image-picker__wrapper-error__kCZeA {\n border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-error__kCZeA:hover {\n border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc {\n position: relative;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__label__1i_Fq {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 46px;\n left: 0;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__description__1v13N {\n display: none;\n}\n.main-module_image-picker__wrapper__2RK3f:hover {\n border-color: #135cc8;\n}\n.main-module_image-picker__wrapper__2RK3f:hover .main-module_image-picker__upload-icon__3sMvN {\n fill: #3c83ec;\n}\n.main-module_image-picker__wrapper-top-buttons__241RY {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n top: 1rem;\n right: 1rem;\n z-index: 10;\n}\n.main-module_image-picker__edit-button__3O-iq {\n display: flex;\n align-items: center;\n gap: 4px;\n background-color: #ffffff;\n background-image: none;\n border: 0;\n border-radius: 2px;\n padding: 0.5rem;\n font-size: 12px;\n color: #3c83ec;\n cursor: pointer;\n}\n.main-module_image-picker__label__1i_Fq {\n cursor: pointer;\n}\n.main-module_image-picker__input__3Wu2I {\n display: none;\n}\n.main-module_image-picker__description__1v13N {\n padding: 2rem 0;\n text-align: center;\n color: #3c83ec;\n}\n.main-module_image-picker__supported-formats__1_R_X {\n font-size: 12px;\n color: #59687e;\n}\n.main-module_image-picker__upload-icon__3sMvN {\n width: 1rem;\n height: auto;\n margin-bottom: 1rem;\n fill: #abb4cd;\n}\n.main-module_image-picker__delete-button__21_kT {\n display: flex;\n align-items: center;\n color: #3c83ec;\n cursor: pointer;\n background: transparent;\n}\n.main-module_image-picker__delete-button__21_kT:hover .main-module_image-picker__delete-label__3v2ot {\n text-decoration: underline;\n}\n.main-module_image-picker__delete-button__21_kT .main-module_image-picker__delete-label__3v2ot {\n color: #3c83ec;\n}\n.main-module_image-picker__delete-button__21_kT svg {\n fill: #3c83ec;\n}\n.main-module_image-picker__wrong-file-format-icon__X-NL0 {\n margin: 2rem 0 0.5rem;\n fill: #ffffff;\n}\n.main-module_image-picker__delete-icon__30pkO {\n fill: #3c83ec;\n margin-right: 0.5rem;\n}\n.main-module_image-picker__selected-file__3bRqa {\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 46px;\n}\n.main-module_image-picker__selected-file-name-wrapper__37MKd,\n.main-module_image-picker__selected-file-remove-wrapper__2v4W2 {\n padding: 1rem;\n}\n.main-module_image-picker__selected-file-remove-wrapper__2v4W2 {\n display: flex;\n justify-content: flex-end;\n}\n.main-module_image-picker__selected-file-name-wrapper__37MKd {\n color: #59687e;\n}\n.main-module_image-picker__image-preview-wrapper__1jPXU {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.main-module_image-picker__image-preview-wrapper__1jPXU svg {\n fill: transparent;\n}\n.main-module_image-picker__image-preview__12pRu {\n max-width: 100%;\n max-height: 100%;\n}\n.main-module_image-picker__error-text__rXAvw {\n margin-top: 0.5rem;\n color: #e60c54;\n}\n";
|
|
4
4
|
var styles = {
|
|
5
5
|
"image-picker__wrapper": "main-module_image-picker__wrapper__2RK3f",
|
|
6
6
|
"image-picker__wrapper-error": "main-module_image-picker__wrapper-error__kCZeA",
|
|
@@ -8,6 +8,8 @@ var styles = {
|
|
|
8
8
|
"image-picker__label": "main-module_image-picker__label__1i_Fq",
|
|
9
9
|
"image-picker__description": "main-module_image-picker__description__1v13N",
|
|
10
10
|
"image-picker__upload-icon": "main-module_image-picker__upload-icon__3sMvN",
|
|
11
|
+
"image-picker__wrapper-top-buttons": "main-module_image-picker__wrapper-top-buttons__241RY",
|
|
12
|
+
"image-picker__edit-button": "main-module_image-picker__edit-button__3O-iq",
|
|
11
13
|
"image-picker__input": "main-module_image-picker__input__3Wu2I",
|
|
12
14
|
"image-picker__supported-formats": "main-module_image-picker__supported-formats__1_R_X",
|
|
13
15
|
"image-picker__delete-button": "main-module_image-picker__delete-button__21_kT",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,8DAAkE;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,8DAAkE;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -54,6 +54,7 @@ import { IControlRadioGroupOption } from "./components/controls/types";
|
|
|
54
54
|
import { IDatepickerRange } from "./components/date_picker/types";
|
|
55
55
|
import { IDropdownContext } from "./components/dropdown/context/types";
|
|
56
56
|
import { IHeadingProps } from "./components/heading/types";
|
|
57
|
+
import { IImageEditorProps } from "./components/xhr_image_picker/types";
|
|
57
58
|
import { ILoaderProps } from "./components/loader/types";
|
|
58
59
|
import { IWithLoader } from "./components/with_loader/types";
|
|
59
60
|
import IconArrow from "./assets/icon_arrow";
|
|
@@ -127,4 +128,4 @@ export { Accordion, Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect
|
|
|
127
128
|
/**
|
|
128
129
|
* export types
|
|
129
130
|
*/
|
|
130
|
-
export type { IDropdownProps, ISelectOption, IHeadingProps, ICellProps, IIRowProps, ITableProps, IDropdownContext, IControlRadioGroupOption, IColor, IColorPickerColor, IDatepickerRange, TFilePickerFile, TImagePickerFile, TMessageBoxType, ILoaderProps, IWithLoader, TFlashMessage, TFlashMessageExtended, TImageSize };
|
|
131
|
+
export type { IDropdownProps, ISelectOption, IHeadingProps, ICellProps, IIRowProps, ITableProps, IDropdownContext, IControlRadioGroupOption, IColor, IColorPickerColor, IDatepickerRange, TFilePickerFile, TImagePickerFile, TMessageBoxType, ILoaderProps, IWithLoader, TFlashMessage, TFlashMessageExtended, TImageSize, IImageEditorProps };
|
|
@@ -38,6 +38,7 @@ export { default as TagsSelector } from './components/tags_selector/index.js';
|
|
|
38
38
|
export { default as ControlTagsSelector } from './components/controls/hoc/control_tags_selector/index.js';
|
|
39
39
|
export { default as ControlTextarea } from './components/controls/hoc/control_textarea/index.js';
|
|
40
40
|
export { default as ImagePicker } from './components/image_picker/index.js';
|
|
41
|
+
export { ModalNew } from './components/modal_new/components/modal/modal.js';
|
|
41
42
|
export { default as XhrImagePicker } from './components/xhr_image_picker/index.js';
|
|
42
43
|
export { default as ControlXhrImagePicker } from './components/controls/hoc/control_xhr_image_picker/index.js';
|
|
43
44
|
export { default as Table } from './components/table/index.js';
|
|
@@ -59,7 +60,6 @@ export { default as Link } from './components/link/index.js';
|
|
|
59
60
|
export { default as Loader } from './components/loader/index.js';
|
|
60
61
|
export { default as Modal } from './components/modal/index.js';
|
|
61
62
|
export { ModalContext } from './components/modal/context/modal_context.js';
|
|
62
|
-
export { ModalNew } from './components/modal_new/components/modal/modal.js';
|
|
63
63
|
export { default as ModalProvider } from './components/modal/hoc/modal_provider.js';
|
|
64
64
|
export { default as useModals } from './components/modal_new/hooks/use_modals.js';
|
|
65
65
|
export { default as ModalsManager } from './components/modal_new/index.js';
|
|
@@ -26,6 +26,7 @@ var Add = "Add";
|
|
|
26
26
|
var Remove = "Remove";
|
|
27
27
|
var Search = "Search";
|
|
28
28
|
var save = "save";
|
|
29
|
+
var Edit = "Edit";
|
|
29
30
|
var en = {
|
|
30
31
|
date: date,
|
|
31
32
|
cancel: cancel,
|
|
@@ -83,9 +84,11 @@ var en = {
|
|
|
83
84
|
"Invalid file format": "Invalid file format",
|
|
84
85
|
save: save,
|
|
85
86
|
"Shades of color": "Shades of color",
|
|
86
|
-
"Select color": "Select color"
|
|
87
|
+
"Select color": "Select color",
|
|
88
|
+
Edit: Edit,
|
|
89
|
+
"Edit image": "Edit image"
|
|
87
90
|
};
|
|
88
91
|
|
|
89
92
|
export default en;
|
|
90
|
-
export { Add, Remove, Search, Yesterday, april, august, cancel, choose, color, date, december, february, friday, january, july, june, march, may, monday, november, october, saturday, save, september, sunday, thursday, tuesday, wednesday };
|
|
93
|
+
export { Add, Edit, Remove, Search, Yesterday, april, august, cancel, choose, color, date, december, february, friday, january, july, june, march, may, monday, november, october, saturday, save, september, sunday, thursday, tuesday, wednesday };
|
|
91
94
|
//# sourceMappingURL=en.json.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -26,6 +26,7 @@ var Add = "Dodaj";
|
|
|
26
26
|
var Remove = "Usuń";
|
|
27
27
|
var Search = "Szukaj";
|
|
28
28
|
var save = "zapisz";
|
|
29
|
+
var Edit = "Edytuj";
|
|
29
30
|
var pl = {
|
|
30
31
|
date: date,
|
|
31
32
|
cancel: cancel,
|
|
@@ -83,9 +84,11 @@ var pl = {
|
|
|
83
84
|
"Invalid file format": "Nieprawidłowy format pliku",
|
|
84
85
|
save: save,
|
|
85
86
|
"Shades of color": "Odcienie koloru",
|
|
86
|
-
"Select color": "Wybierz kolor"
|
|
87
|
+
"Select color": "Wybierz kolor",
|
|
88
|
+
Edit: Edit,
|
|
89
|
+
"Edit image": "Edytuj obrazek"
|
|
87
90
|
};
|
|
88
91
|
|
|
89
92
|
export default pl;
|
|
90
|
-
export { Add, Remove, Search, Yesterday, april, august, cancel, choose, color, date, december, february, friday, january, july, june, march, may, monday, november, october, saturday, save, september, sunday, thursday, tuesday, wednesday };
|
|
93
|
+
export { Add, Edit, Remove, Search, Yesterday, april, august, cancel, choose, color, date, december, february, friday, january, july, june, march, may, monday, november, october, saturday, save, september, sunday, thursday, tuesday, wednesday };
|
|
91
94
|
//# sourceMappingURL=pl.json.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|