@dreamcommerce/aurora 2.16.8-5 → 2.16.8-7
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/components/controls/hoc/control_xhr_image_picker/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/xhr_image_picker/index.js +10 -4
- package/build/cjs/packages/aurora/src/components/xhr_image_picker/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_xhr_image_picker/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/types.d.ts +3 -1
- package/build/esm/packages/aurora/src/components/xhr_image_picker/index.js +10 -4
- 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 +4 -1
- package/build/esm/packages/aurora/src/components/xhr_image_picker/types.js +1 -0
- package/build/esm/packages/aurora/src/components/xhr_image_picker/types.js.map +1 -1
- package/package.json +3 -3
package/build/cjs/packages/aurora/src/components/controls/hoc/control_xhr_image_picker/index.js
CHANGED
|
@@ -27,7 +27,7 @@ var ControlXhrImagePicker = function ControlXhrImagePicker(_ref) {
|
|
|
27
27
|
labelAdditionalInfo = _ref.labelAdditionalInfo,
|
|
28
28
|
onUploaded = _ref.onUploaded,
|
|
29
29
|
onImageSizeUpdated = _ref.onImageSizeUpdated,
|
|
30
|
-
|
|
30
|
+
imageEditor = _ref.imageEditor;
|
|
31
31
|
|
|
32
32
|
var _useState = React.useState(errors),
|
|
33
33
|
_useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
|
|
@@ -71,7 +71,7 @@ var ControlXhrImagePicker = function ControlXhrImagePicker(_ref) {
|
|
|
71
71
|
errors: errors,
|
|
72
72
|
onUploaded: onUploaded,
|
|
73
73
|
onImageSizeUpdated: onImageSizeUpdated,
|
|
74
|
-
|
|
74
|
+
imageEditor: imageEditor
|
|
75
75
|
}))), /*#__PURE__*/React__default['default'].createElement(index['default'].Errors, null));
|
|
76
76
|
};
|
|
77
77
|
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
+
var useTranslation = require('../../../../../external/react-i18next/dist/es/useTranslation.js');
|
|
6
7
|
var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
8
|
var constants = require('../file_picker/constants.js');
|
|
8
9
|
var http_requester_contants = require('../../../../star_core/build/esm/packages/star_core/src/features/http_requester/http_requester_contants.js');
|
|
@@ -31,7 +32,12 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
31
32
|
onImageSizeUpdated = _ref.onImageSizeUpdated,
|
|
32
33
|
_ref$allowedExtension = _ref.allowedExtensions,
|
|
33
34
|
allowedExtensions = _ref$allowedExtension === void 0 ? [constants.FILES_EXTENSIONS.WEBP, constants.FILES_EXTENSIONS.JPG, constants.FILES_EXTENSIONS.PNG, constants.FILES_EXTENSIONS.GIF, constants.FILES_EXTENSIONS.SVG, constants.FILES_EXTENSIONS.JPEG] : _ref$allowedExtension,
|
|
34
|
-
|
|
35
|
+
imageEditor = _ref.imageEditor;
|
|
36
|
+
|
|
37
|
+
var _useTranslation = useTranslation.useTranslation(),
|
|
38
|
+
_useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
|
|
39
|
+
t = _useTranslation2[0];
|
|
40
|
+
|
|
35
41
|
var httpApi = use_http_api.useHttpApi();
|
|
36
42
|
var pendingRequestRef = React__default['default'].useRef();
|
|
37
43
|
var initialImageFile = React.useRef();
|
|
@@ -174,18 +180,18 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
174
180
|
allowedExtensions: allowedExtensions,
|
|
175
181
|
initialFile: initialImageFile.current,
|
|
176
182
|
onImageSizeUpdated: onImageSizeUpdated,
|
|
177
|
-
topButtons:
|
|
183
|
+
topButtons: imageEditor && /*#__PURE__*/React__default['default'].createElement("button", {
|
|
178
184
|
className: main_module['default'][css_classes['default'].imagePickerEditButton],
|
|
179
185
|
onClick: function onClick() {
|
|
180
186
|
return showModal(modalId);
|
|
181
187
|
},
|
|
182
188
|
type: "button"
|
|
183
|
-
}, /*#__PURE__*/React__default['default'].createElement(icon_image['default'], null),
|
|
189
|
+
}, /*#__PURE__*/React__default['default'].createElement(icon_image['default'], null), t('Edit')),
|
|
184
190
|
editedImageResult: pinturaResult
|
|
185
191
|
}), /*#__PURE__*/React__default['default'].createElement(modal.ModalNew, {
|
|
186
192
|
name: modalId,
|
|
187
193
|
header: {
|
|
188
|
-
content:
|
|
194
|
+
content: imageEditor === null || imageEditor === void 0 ? void 0 : imageEditor.title
|
|
189
195
|
},
|
|
190
196
|
minWidth: "80vw"
|
|
191
197
|
}, /*#__PURE__*/React__default['default'].createElement(index$1.Pintura, {
|
|
@@ -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;AACA;AACA;AACA;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,6BAA6B,iEAAqE;AAClG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
package/build/esm/packages/aurora/src/components/controls/hoc/control_xhr_image_picker/index.js
CHANGED
|
@@ -19,7 +19,7 @@ var ControlXhrImagePicker = function ControlXhrImagePicker(_ref) {
|
|
|
19
19
|
labelAdditionalInfo = _ref.labelAdditionalInfo,
|
|
20
20
|
onUploaded = _ref.onUploaded,
|
|
21
21
|
onImageSizeUpdated = _ref.onImageSizeUpdated,
|
|
22
|
-
|
|
22
|
+
imageEditor = _ref.imageEditor;
|
|
23
23
|
|
|
24
24
|
var _useState = useState(errors),
|
|
25
25
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -63,7 +63,7 @@ var ControlXhrImagePicker = function ControlXhrImagePicker(_ref) {
|
|
|
63
63
|
errors: errors,
|
|
64
64
|
onUploaded: onUploaded,
|
|
65
65
|
onImageSizeUpdated: onImageSizeUpdated,
|
|
66
|
-
|
|
66
|
+
imageEditor: imageEditor
|
|
67
67
|
}))), /*#__PURE__*/React.createElement(Control.Errors, null));
|
|
68
68
|
};
|
|
69
69
|
|
|
@@ -179,7 +179,9 @@ export interface IControlXhrImagePicker extends IImagePicker, IControlCommonProp
|
|
|
179
179
|
onChange?: (file: IUseFilePickerOnChange, size?: TImageSize) => void;
|
|
180
180
|
labelAdditionalInfo?: string | ReactNode;
|
|
181
181
|
onUploaded?: (resp: IRequestResponse<any>, file: File) => void;
|
|
182
|
-
|
|
182
|
+
imageEditor?: {
|
|
183
|
+
title: string | ReactNode;
|
|
184
|
+
};
|
|
183
185
|
}
|
|
184
186
|
export interface ICellSelector {
|
|
185
187
|
rows?: number;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { useRef, useState, useEffect } from 'react';
|
|
2
|
+
import { useTranslation } from '../../../../../external/react-i18next/dist/es/useTranslation.js';
|
|
2
3
|
import { slicedToArray as _slicedToArray, 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';
|
|
@@ -23,7 +24,12 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
23
24
|
onImageSizeUpdated = _ref.onImageSizeUpdated,
|
|
24
25
|
_ref$allowedExtension = _ref.allowedExtensions,
|
|
25
26
|
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
|
-
|
|
27
|
+
imageEditor = _ref.imageEditor;
|
|
28
|
+
|
|
29
|
+
var _useTranslation = useTranslation(),
|
|
30
|
+
_useTranslation2 = _slicedToArray(_useTranslation, 1),
|
|
31
|
+
t = _useTranslation2[0];
|
|
32
|
+
|
|
27
33
|
var httpApi = useHttpApi();
|
|
28
34
|
var pendingRequestRef = React.useRef();
|
|
29
35
|
var initialImageFile = useRef();
|
|
@@ -166,18 +172,18 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
166
172
|
allowedExtensions: allowedExtensions,
|
|
167
173
|
initialFile: initialImageFile.current,
|
|
168
174
|
onImageSizeUpdated: onImageSizeUpdated,
|
|
169
|
-
topButtons:
|
|
175
|
+
topButtons: imageEditor && /*#__PURE__*/React.createElement("button", {
|
|
170
176
|
className: styles[CSS_CLASSES.imagePickerEditButton],
|
|
171
177
|
onClick: function onClick() {
|
|
172
178
|
return showModal(modalId);
|
|
173
179
|
},
|
|
174
180
|
type: "button"
|
|
175
|
-
}, /*#__PURE__*/React.createElement(IconImage, null),
|
|
181
|
+
}, /*#__PURE__*/React.createElement(IconImage, null), t('Edit')),
|
|
176
182
|
editedImageResult: pinturaResult
|
|
177
183
|
}), /*#__PURE__*/React.createElement(ModalNew, {
|
|
178
184
|
name: modalId,
|
|
179
185
|
header: {
|
|
180
|
-
content:
|
|
186
|
+
content: imageEditor === null || imageEditor === void 0 ? void 0 : imageEditor.title
|
|
181
187
|
},
|
|
182
188
|
minWidth: "80vw"
|
|
183
189
|
}, /*#__PURE__*/React.createElement(Pintura, {
|
|
@@ -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;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;AACA;AACA;AACA;"}
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
import { IImagePicker } from "../image_picker/types";
|
|
2
2
|
import { IRequestResponse } from '@dreamcommerce/star_core';
|
|
3
|
+
import { ReactNode } from 'react';
|
|
3
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;
|
|
7
|
-
|
|
8
|
+
imageEditor?: {
|
|
9
|
+
title: string | ReactNode;
|
|
10
|
+
};
|
|
8
11
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/xhr_image_picker/types.ts"],"names":[],"mappings":"AAAA,OAA6B,sCAAsC,CAAC;AACpE,OAAiC,0BAA0B,CAAC"}
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/xhr_image_picker/types.ts"],"names":[],"mappings":"AAAA,OAA6B,sCAAsC,CAAC;AACpE,OAAiC,0BAA0B,CAAC;AAC5D,OAA0B,OAAO,CAAC"}
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@dreamcommerce/aurora",
|
|
3
3
|
"packageManager": "yarn@3.2.0",
|
|
4
4
|
"sideEffects": false,
|
|
5
|
-
"version": "2.16.8-
|
|
5
|
+
"version": "2.16.8-7",
|
|
6
6
|
"description": "aurora",
|
|
7
7
|
"author": "k0ssak",
|
|
8
8
|
"license": "MIT",
|
|
@@ -45,8 +45,8 @@
|
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
47
|
"@dreamcommerce/utilities": "^1.13.0",
|
|
48
|
-
"@pqina/pintura": "
|
|
49
|
-
"@pqina/react-pintura": "
|
|
48
|
+
"@pqina/pintura": "8.81.1",
|
|
49
|
+
"@pqina/react-pintura": "9.0.3",
|
|
50
50
|
"@shoper/jest_config": "^0.0.0",
|
|
51
51
|
"@shoper/tsconfig": "^0.0.0",
|
|
52
52
|
"@storybook/react": "6.5.7",
|