@dreamcommerce/aurora 3.0.0-296 → 3.0.0-298
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/xhr_image_picker_control/xhr_image_picker_control.js +2 -0
- package/build/cjs/packages/aurora/src/components/controls/xhr_image_picker_control/xhr_image_picker_control.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/image_picker/components/image_picker_input.js +4 -2
- package/build/cjs/packages/aurora/src/components/image_picker/components/image_picker_input.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/image_picker/image_picker.js +4 -2
- package/build/cjs/packages/aurora/src/components/image_picker/image_picker.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.js +3 -1
- package/build/cjs/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/xhr_image_picker_control/xhr_image_picker_control.js +2 -0
- package/build/esm/packages/aurora/src/components/controls/xhr_image_picker_control/xhr_image_picker_control.js.map +1 -1
- package/build/esm/packages/aurora/src/components/image_picker/components/image_picker_input.d.ts +1 -0
- package/build/esm/packages/aurora/src/components/image_picker/components/image_picker_input.js +4 -2
- package/build/esm/packages/aurora/src/components/image_picker/components/image_picker_input.js.map +1 -1
- package/build/esm/packages/aurora/src/components/image_picker/image_picker.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/image_picker/image_picker.js +4 -2
- package/build/esm/packages/aurora/src/components/image_picker/image_picker.js.map +1 -1
- package/build/esm/packages/aurora/src/components/image_picker/image_picker_types.d.ts +2 -1
- package/build/esm/packages/aurora/src/components/image_picker/image_picker_types.js +1 -1
- package/build/esm/packages/aurora/src/components/image_picker/image_picker_types.js.map +1 -1
- package/build/esm/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.js +3 -1
- package/build/esm/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.js.map +1 -1
- package/package.json +1 -1
|
@@ -21,6 +21,7 @@ var XhrImagePickerControl = function XhrImagePickerControl(_ref) {
|
|
|
21
21
|
name = _ref.name,
|
|
22
22
|
onChange = _ref.onChange,
|
|
23
23
|
allowedExtensions = _ref.allowedExtensions,
|
|
24
|
+
allowedExtensionsLabel = _ref.allowedExtensionsLabel,
|
|
24
25
|
initialFile = _ref.initialFile,
|
|
25
26
|
className = _ref.className,
|
|
26
27
|
errors = _ref.errors,
|
|
@@ -57,6 +58,7 @@ var XhrImagePickerControl = function XhrImagePickerControl(_ref) {
|
|
|
57
58
|
onChange: handleControlChange,
|
|
58
59
|
onError: handleControlError,
|
|
59
60
|
allowedExtensions: allowedExtensions,
|
|
61
|
+
allowedExtensionsLabel: allowedExtensionsLabel,
|
|
60
62
|
initialFile: initialFile,
|
|
61
63
|
className: className,
|
|
62
64
|
errors: errors,
|
|
@@ -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;"}
|
|
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;"}
|
package/build/cjs/packages/aurora/src/components/image_picker/components/image_picker_input.js
CHANGED
|
@@ -6,8 +6,8 @@ var React = require('react');
|
|
|
6
6
|
var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
|
|
7
7
|
var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
8
8
|
var cn = require('../../../utilities/cn.js');
|
|
9
|
-
var upload_icon = require('../../../assets/icons/upload_icon.js');
|
|
10
9
|
var image_picker_drag_over_placeholder = require('./image_picker_drag_over_placeholder.js');
|
|
10
|
+
var upload_icon = require('../../../assets/icons/upload_icon.js');
|
|
11
11
|
|
|
12
12
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
13
13
|
|
|
@@ -18,6 +18,8 @@ var ImagePickerInput = function ImagePickerInput(_ref) {
|
|
|
18
18
|
onDropFile = _ref.onDropFile,
|
|
19
19
|
onDragOver = _ref.onDragOver,
|
|
20
20
|
onDragLeave = _ref.onDragLeave,
|
|
21
|
+
_ref$allowedExtension = _ref.allowedExtensionsLabel,
|
|
22
|
+
allowedExtensionsLabel = _ref$allowedExtension === void 0 ? 'Supported formats' : _ref$allowedExtension,
|
|
21
23
|
allowedExtensions = _ref.allowedExtensions,
|
|
22
24
|
isDragOver = _ref.isDragOver;
|
|
23
25
|
var _useTranslation = useTranslation.useTranslation(),
|
|
@@ -37,7 +39,7 @@ var ImagePickerInput = function ImagePickerInput(_ref) {
|
|
|
37
39
|
className: "aurora-text-xs aurora-text-interactive aurora-font-semibold"
|
|
38
40
|
}, "".concat(t('Drag a file here or browse'))), /*#__PURE__*/React__default['default'].createElement("span", {
|
|
39
41
|
className: "aurora-text-xs aurora-text-subtle-light aurora-font-normal aurora-text-center"
|
|
40
|
-
}, "".concat(t(
|
|
42
|
+
}, "".concat(t(allowedExtensionsLabel)), ": ", allowedExtensions.map(function (extension) {
|
|
41
43
|
return "*.".concat(extension);
|
|
42
44
|
}).join(', '))));
|
|
43
45
|
};
|
package/build/cjs/packages/aurora/src/components/image_picker/components/image_picker_input.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -8,13 +8,13 @@ var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBa
|
|
|
8
8
|
var cn = require('../../utilities/cn.js');
|
|
9
9
|
var error_list = require('../error_list/error_list.js');
|
|
10
10
|
var image_picker_constants = require('./image_picker_constants.js');
|
|
11
|
-
var image_picker_preview = require('./components/image_picker_preview.js');
|
|
12
11
|
var image_picker_drag_over_placeholder = require('./components/image_picker_drag_over_placeholder.js');
|
|
13
12
|
var image_picker_input = require('./components/image_picker_input.js');
|
|
13
|
+
var image_picker_preview = require('./components/image_picker_preview.js');
|
|
14
|
+
var image_picker_preview_container = require('./components/image_picker_preview_container.js');
|
|
14
15
|
var uploaded_image_picker_item = require('./components/uploaded_image_picker_item.js');
|
|
15
16
|
var image_picker_utils = require('./image_picker_utils.js');
|
|
16
17
|
var use_image_picker = require('./use_image_picker.js');
|
|
17
|
-
var image_picker_preview_container = require('./components/image_picker_preview_container.js');
|
|
18
18
|
|
|
19
19
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
20
20
|
|
|
@@ -27,6 +27,7 @@ var ImagePicker = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
27
27
|
initialErrors = _ref.errors,
|
|
28
28
|
_ref$allowedExtension = _ref.allowedExtensions,
|
|
29
29
|
allowedExtensions = _ref$allowedExtension === void 0 ? [image_picker_constants.IMAGE_PICKER_EXTENSIONS.WEBP, image_picker_constants.IMAGE_PICKER_EXTENSIONS.JPG, image_picker_constants.IMAGE_PICKER_EXTENSIONS.PNG, image_picker_constants.IMAGE_PICKER_EXTENSIONS.GIF, image_picker_constants.IMAGE_PICKER_EXTENSIONS.SVG, image_picker_constants.IMAGE_PICKER_EXTENSIONS.JPEG] : _ref$allowedExtension,
|
|
30
|
+
allowedExtensionsLabel = _ref.allowedExtensionsLabel,
|
|
30
31
|
initialFile = _ref.initialFile,
|
|
31
32
|
name = _ref.name,
|
|
32
33
|
onImageSizeUpdated = _ref.onImageSizeUpdated,
|
|
@@ -148,6 +149,7 @@ var ImagePicker = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
148
149
|
onDragOver: onDragOver,
|
|
149
150
|
isDragOver: isDragOver,
|
|
150
151
|
allowedExtensions: allowedExtensions,
|
|
152
|
+
allowedExtensionsLabel: allowedExtensionsLabel,
|
|
151
153
|
id: id,
|
|
152
154
|
onDropFile: onDropFile
|
|
153
155
|
})), /*#__PURE__*/React__default['default'].createElement("input", {
|
|
@@ -1 +1 @@
|
|
|
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;"}
|
|
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;"}
|
|
@@ -11,9 +11,9 @@ var modal = require('../modal/components/modal/modal.js');
|
|
|
11
11
|
var image_picker_constants = require('../image_picker/image_picker_constants.js');
|
|
12
12
|
var utilities = require('@dreamcommerce/utilities');
|
|
13
13
|
var image_picker = require('../image_picker/image_picker.js');
|
|
14
|
+
var image_edit_icon = require('../../assets/icons/image_edit_icon.js');
|
|
14
15
|
var http_requester_contants = require('../../../../star_core/build/esm/packages/star_core/src/features/http_requester/http_requester_contants.js');
|
|
15
16
|
var use_http_api = require('../../hooks/use_http_api.js');
|
|
16
|
-
var image_edit_icon = require('../../assets/icons/image_edit_icon.js');
|
|
17
17
|
|
|
18
18
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
19
19
|
|
|
@@ -31,6 +31,7 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
31
31
|
onImageSizeUpdated = _ref.onImageSizeUpdated,
|
|
32
32
|
_ref$allowedExtension = _ref.allowedExtensions,
|
|
33
33
|
allowedExtensions = _ref$allowedExtension === void 0 ? [image_picker_constants.IMAGE_PICKER_EXTENSIONS.WEBP, image_picker_constants.IMAGE_PICKER_EXTENSIONS.JPG, image_picker_constants.IMAGE_PICKER_EXTENSIONS.PNG, image_picker_constants.IMAGE_PICKER_EXTENSIONS.GIF, image_picker_constants.IMAGE_PICKER_EXTENSIONS.SVG, image_picker_constants.IMAGE_PICKER_EXTENSIONS.JPEG] : _ref$allowedExtension,
|
|
34
|
+
allowedExtensionsLabel = _ref.allowedExtensionsLabel,
|
|
34
35
|
ImageEditor = _ref.ImageEditor;
|
|
35
36
|
var _useTranslation = useTranslation.useTranslation(),
|
|
36
37
|
_useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
|
|
@@ -179,6 +180,7 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
179
180
|
onError: onError,
|
|
180
181
|
errors: errors,
|
|
181
182
|
allowedExtensions: allowedExtensions,
|
|
183
|
+
allowedExtensionsLabel: allowedExtensionsLabel,
|
|
182
184
|
initialFile: initialImageFile.current,
|
|
183
185
|
onImageSizeUpdated: onImageSizeUpdated,
|
|
184
186
|
topButtons: !!ImageEditor && imageExtenstion !== 'svg' && (/*#__PURE__*/React__default['default'].createElement("button", {
|
|
@@ -1 +1 @@
|
|
|
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;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;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -13,6 +13,7 @@ var XhrImagePickerControl = function XhrImagePickerControl(_ref) {
|
|
|
13
13
|
name = _ref.name,
|
|
14
14
|
onChange = _ref.onChange,
|
|
15
15
|
allowedExtensions = _ref.allowedExtensions,
|
|
16
|
+
allowedExtensionsLabel = _ref.allowedExtensionsLabel,
|
|
16
17
|
initialFile = _ref.initialFile,
|
|
17
18
|
className = _ref.className,
|
|
18
19
|
errors = _ref.errors,
|
|
@@ -49,6 +50,7 @@ var XhrImagePickerControl = function XhrImagePickerControl(_ref) {
|
|
|
49
50
|
onChange: handleControlChange,
|
|
50
51
|
onError: handleControlError,
|
|
51
52
|
allowedExtensions: allowedExtensions,
|
|
53
|
+
allowedExtensionsLabel: allowedExtensionsLabel,
|
|
52
54
|
initialFile: initialFile,
|
|
53
55
|
className: className,
|
|
54
56
|
errors: errors,
|
|
@@ -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;"}
|
|
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;"}
|
package/build/esm/packages/aurora/src/components/image_picker/components/image_picker_input.d.ts
CHANGED
|
@@ -4,6 +4,7 @@ declare type ImagePickerInput = {
|
|
|
4
4
|
onDropFile: (event: React.DragEvent<HTMLLabelElement>) => void;
|
|
5
5
|
onDragOver: (event: React.DragEvent<HTMLLabelElement>) => void;
|
|
6
6
|
onDragLeave: (event: React.DragEvent<HTMLLabelElement>) => void;
|
|
7
|
+
allowedExtensionsLabel?: string;
|
|
7
8
|
allowedExtensions: string[];
|
|
8
9
|
isDragOver: boolean;
|
|
9
10
|
};
|
package/build/esm/packages/aurora/src/components/image_picker/components/image_picker_input.js
CHANGED
|
@@ -2,14 +2,16 @@ import React from 'react';
|
|
|
2
2
|
import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
|
|
3
3
|
import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
4
4
|
import { cn } from '../../../utilities/cn.js';
|
|
5
|
-
import { UploadLineIcon } from '../../../assets/icons/upload_icon.js';
|
|
6
5
|
import { ImagePickerDragOverPlaceholder } from './image_picker_drag_over_placeholder.js';
|
|
6
|
+
import { UploadLineIcon } from '../../../assets/icons/upload_icon.js';
|
|
7
7
|
|
|
8
8
|
var ImagePickerInput = function ImagePickerInput(_ref) {
|
|
9
9
|
var id = _ref.id,
|
|
10
10
|
onDropFile = _ref.onDropFile,
|
|
11
11
|
onDragOver = _ref.onDragOver,
|
|
12
12
|
onDragLeave = _ref.onDragLeave,
|
|
13
|
+
_ref$allowedExtension = _ref.allowedExtensionsLabel,
|
|
14
|
+
allowedExtensionsLabel = _ref$allowedExtension === void 0 ? 'Supported formats' : _ref$allowedExtension,
|
|
13
15
|
allowedExtensions = _ref.allowedExtensions,
|
|
14
16
|
isDragOver = _ref.isDragOver;
|
|
15
17
|
var _useTranslation = useTranslation(),
|
|
@@ -29,7 +31,7 @@ var ImagePickerInput = function ImagePickerInput(_ref) {
|
|
|
29
31
|
className: "aurora-text-xs aurora-text-interactive aurora-font-semibold"
|
|
30
32
|
}, "".concat(t('Drag a file here or browse'))), /*#__PURE__*/React.createElement("span", {
|
|
31
33
|
className: "aurora-text-xs aurora-text-subtle-light aurora-font-normal aurora-text-center"
|
|
32
|
-
}, "".concat(t(
|
|
34
|
+
}, "".concat(t(allowedExtensionsLabel)), ": ", allowedExtensions.map(function (extension) {
|
|
33
35
|
return "*.".concat(extension);
|
|
34
36
|
}).join(', '))));
|
|
35
37
|
};
|
package/build/esm/packages/aurora/src/components/image_picker/components/image_picker_input.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -4,13 +4,13 @@ import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator,
|
|
|
4
4
|
import { cn } from '../../utilities/cn.js';
|
|
5
5
|
import { ErrorList } from '../error_list/error_list.js';
|
|
6
6
|
import { IMAGE_PICKER_EXTENSIONS } from './image_picker_constants.js';
|
|
7
|
-
import { ImagePickerPreview } from './components/image_picker_preview.js';
|
|
8
7
|
import { ImagePickerDragOverPlaceholder } from './components/image_picker_drag_over_placeholder.js';
|
|
9
8
|
import { ImagePickerInput } from './components/image_picker_input.js';
|
|
9
|
+
import { ImagePickerPreview } from './components/image_picker_preview.js';
|
|
10
|
+
import { ImagePickerPreviewContainer } from './components/image_picker_preview_container.js';
|
|
10
11
|
import { UploadedImagePickerItem } from './components/uploaded_image_picker_item.js';
|
|
11
12
|
import { getAcceptFilesParametersFromAllowedExtensions } from './image_picker_utils.js';
|
|
12
13
|
import { useImagePicker } from './use_image_picker.js';
|
|
13
|
-
import { ImagePickerPreviewContainer } from './components/image_picker_preview_container.js';
|
|
14
14
|
|
|
15
15
|
var ImagePicker = /*#__PURE__*/memo(function (_ref) {
|
|
16
16
|
var id = _ref.id,
|
|
@@ -19,6 +19,7 @@ var ImagePicker = /*#__PURE__*/memo(function (_ref) {
|
|
|
19
19
|
initialErrors = _ref.errors,
|
|
20
20
|
_ref$allowedExtension = _ref.allowedExtensions,
|
|
21
21
|
allowedExtensions = _ref$allowedExtension === void 0 ? [IMAGE_PICKER_EXTENSIONS.WEBP, IMAGE_PICKER_EXTENSIONS.JPG, IMAGE_PICKER_EXTENSIONS.PNG, IMAGE_PICKER_EXTENSIONS.GIF, IMAGE_PICKER_EXTENSIONS.SVG, IMAGE_PICKER_EXTENSIONS.JPEG] : _ref$allowedExtension,
|
|
22
|
+
allowedExtensionsLabel = _ref.allowedExtensionsLabel,
|
|
22
23
|
initialFile = _ref.initialFile,
|
|
23
24
|
name = _ref.name,
|
|
24
25
|
onImageSizeUpdated = _ref.onImageSizeUpdated,
|
|
@@ -140,6 +141,7 @@ var ImagePicker = /*#__PURE__*/memo(function (_ref) {
|
|
|
140
141
|
onDragOver: onDragOver,
|
|
141
142
|
isDragOver: isDragOver,
|
|
142
143
|
allowedExtensions: allowedExtensions,
|
|
144
|
+
allowedExtensionsLabel: allowedExtensionsLabel,
|
|
143
145
|
id: id,
|
|
144
146
|
onDropFile: onDropFile
|
|
145
147
|
})), /*#__PURE__*/React.createElement("input", {
|
|
@@ -1 +1 @@
|
|
|
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;"}
|
|
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;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React, { ChangeEvent, ReactNode } from 'react';
|
|
2
1
|
import { IMAGE_PICKER_EXTENSIONS, MIME_FILE_EXTENSIONS } from './image_picker_constants';
|
|
2
|
+
import React, { ChangeEvent, ReactNode } from 'react';
|
|
3
3
|
import { TControlErrors } from "../control/control_types";
|
|
4
4
|
export declare type TImagePickerFile = {
|
|
5
5
|
fileUrl: string;
|
|
@@ -17,6 +17,7 @@ export interface IImagePicker {
|
|
|
17
17
|
className?: string;
|
|
18
18
|
onChange?: (file: ImagePickerFileObject) => void;
|
|
19
19
|
allowedExtensions?: TImagePickerExtension[];
|
|
20
|
+
allowedExtensionsLabel?: string;
|
|
20
21
|
initialFile?: TImagePickerFile;
|
|
21
22
|
errors?: TControlErrors;
|
|
22
23
|
onError?: (errors: string[]) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"image_picker_types.js","sourceRoot":"","sources":["../../../../../../../src/components/image_picker/image_picker_types.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"image_picker_types.js","sourceRoot":"","sources":["../../../../../../../src/components/image_picker/image_picker_types.ts"],"names":[],"mappings":"AAAA,OAA8D,0BAA0B,CAAC;AACzF,OAA8C,OAAO,CAAC;AAEtD,OAA+B,yCAAyC,CAAC"}
|
|
@@ -7,9 +7,9 @@ import { Modal } from '../modal/components/modal/modal.js';
|
|
|
7
7
|
import { IMAGE_PICKER_EXTENSIONS } from '../image_picker/image_picker_constants.js';
|
|
8
8
|
import { FileUtils } from '@dreamcommerce/utilities';
|
|
9
9
|
import { ImagePicker } from '../image_picker/image_picker.js';
|
|
10
|
+
import { ImageEditLineIcon } from '../../assets/icons/image_edit_icon.js';
|
|
10
11
|
import { REQUEST_TYPES } from '../../../../star_core/build/esm/packages/star_core/src/features/http_requester/http_requester_contants.js';
|
|
11
12
|
import { useHttpApi } from '../../hooks/use_http_api.js';
|
|
12
|
-
import { ImageEditLineIcon } from '../../assets/icons/image_edit_icon.js';
|
|
13
13
|
|
|
14
14
|
var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
15
15
|
var id = _ref.id,
|
|
@@ -23,6 +23,7 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
23
23
|
onImageSizeUpdated = _ref.onImageSizeUpdated,
|
|
24
24
|
_ref$allowedExtension = _ref.allowedExtensions,
|
|
25
25
|
allowedExtensions = _ref$allowedExtension === void 0 ? [IMAGE_PICKER_EXTENSIONS.WEBP, IMAGE_PICKER_EXTENSIONS.JPG, IMAGE_PICKER_EXTENSIONS.PNG, IMAGE_PICKER_EXTENSIONS.GIF, IMAGE_PICKER_EXTENSIONS.SVG, IMAGE_PICKER_EXTENSIONS.JPEG] : _ref$allowedExtension,
|
|
26
|
+
allowedExtensionsLabel = _ref.allowedExtensionsLabel,
|
|
26
27
|
ImageEditor = _ref.ImageEditor;
|
|
27
28
|
var _useTranslation = useTranslation(),
|
|
28
29
|
_useTranslation2 = _slicedToArray(_useTranslation, 1),
|
|
@@ -171,6 +172,7 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
171
172
|
onError: onError,
|
|
172
173
|
errors: errors,
|
|
173
174
|
allowedExtensions: allowedExtensions,
|
|
175
|
+
allowedExtensionsLabel: allowedExtensionsLabel,
|
|
174
176
|
initialFile: initialImageFile.current,
|
|
175
177
|
onImageSizeUpdated: onImageSizeUpdated,
|
|
176
178
|
topButtons: !!ImageEditor && imageExtenstion !== 'svg' && (/*#__PURE__*/React.createElement("button", {
|
|
@@ -1 +1 @@
|
|
|
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;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;AACA;AACA;AACA;AACA;AACA;"}
|