@dreamcommerce/aurora 2.8.4-9 → 2.8.5
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/dropdown/components/search.js +1 -5
- package/build/cjs/packages/aurora/src/components/dropdown/components/search.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/file_picker/use_file_picker.js +1 -6
- 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/components/image_preview.js +0 -1
- package/build/cjs/packages/aurora/src/components/image_picker/components/image_preview.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/image_picker/index.js +0 -8
- package/build/cjs/packages/aurora/src/components/image_picker/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/css/button/main.module.less.js +1 -1
- package/build/esm/packages/aurora/src/components/dropdown/components/search.js +2 -6
- package/build/esm/packages/aurora/src/components/dropdown/components/search.js.map +1 -1
- package/build/esm/packages/aurora/src/components/file_picker/use_file_picker.js +1 -6
- 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/components/image_preview.js +0 -1
- package/build/esm/packages/aurora/src/components/image_picker/components/image_preview.js.map +1 -1
- package/build/esm/packages/aurora/src/components/image_picker/index.js +0 -8
- package/build/esm/packages/aurora/src/components/image_picker/index.js.map +1 -1
- package/build/esm/packages/aurora/src/css/button/main.module.less.js +1 -1
- package/package.json +2 -2
|
@@ -27,12 +27,8 @@ onKeyUp }) => {
|
|
|
27
27
|
const { toggleDropdown, isOpen } = index.useDropdownContext();
|
|
28
28
|
const ref = React.useRef(null);
|
|
29
29
|
use_keyboard_open_close.useKeyboardOpenClose(toggleDropdown, isOpen, ref);
|
|
30
|
-
const [value, setValue] = React.useState('');
|
|
31
|
-
const handleOnChange = (event) => {
|
|
32
|
-
setValue(event.target.value);
|
|
33
|
-
};
|
|
34
30
|
return (React__default['default'].createElement("aside", { className: main_module['default'][css_classes.cssDropdownSearch], ref: ref },
|
|
35
|
-
React__default['default'].createElement(input['default'], { placeholder: "Szukaj", padding: "small", onKeyUp: onKeyUp,
|
|
31
|
+
React__default['default'].createElement(input['default'], { placeholder: "Szukaj", padding: "small", onKeyUp: onKeyUp, autoFocus: true })));
|
|
36
32
|
};
|
|
37
33
|
|
|
38
34
|
exports.default = Search;
|
|
@@ -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;
|
|
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;"}
|
|
@@ -12,9 +12,8 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
|
|
|
12
12
|
const [isDragOver, setDragOver] = React.useState(false);
|
|
13
13
|
const [isPreview, setPreview] = React.useState(true);
|
|
14
14
|
React.useEffect(() => {
|
|
15
|
-
console.log('useEffect - set');
|
|
16
15
|
setFile(initialFile);
|
|
17
|
-
}, []);
|
|
16
|
+
}, [initialFile]);
|
|
18
17
|
React.useEffect(() => {
|
|
19
18
|
initialErrors && setErrors(initialErrors);
|
|
20
19
|
}, [initialErrors]);
|
|
@@ -49,7 +48,6 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
|
|
|
49
48
|
};
|
|
50
49
|
const updateFile = (files) => {
|
|
51
50
|
if (files === null || files === void 0 ? void 0 : files.length) {
|
|
52
|
-
console.log('updateFile - set1');
|
|
53
51
|
setFile({
|
|
54
52
|
fileName: files === null || files === void 0 ? void 0 : files[0].name,
|
|
55
53
|
fileUrl: URL.createObjectURL(files === null || files === void 0 ? void 0 : files[0])
|
|
@@ -59,7 +57,6 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
|
|
|
59
57
|
onChange === null || onChange === void 0 ? void 0 : onChange(files);
|
|
60
58
|
}
|
|
61
59
|
else {
|
|
62
|
-
console.log('updateFile - set2');
|
|
63
60
|
setFile(undefined);
|
|
64
61
|
onChange === null || onChange === void 0 ? void 0 : onChange(files);
|
|
65
62
|
}
|
|
@@ -79,11 +76,9 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
|
|
|
79
76
|
const onFileDelete = () => {
|
|
80
77
|
inputRef.current.value = '';
|
|
81
78
|
setFile(undefined);
|
|
82
|
-
console.log('onFileDelete - set');
|
|
83
79
|
setPreview(true);
|
|
84
80
|
setErrors([]);
|
|
85
81
|
onChange === null || onChange === void 0 ? void 0 : onChange(null);
|
|
86
|
-
console.log('onFileDelete - 2', file);
|
|
87
82
|
};
|
|
88
83
|
const onPreviewError = () => {
|
|
89
84
|
setPreview(false);
|
|
@@ -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;
|
|
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;"}
|
|
@@ -12,7 +12,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
13
|
|
|
14
14
|
const ImagePreview = ({ isValid, file, onError, onLoad }) => {
|
|
15
|
-
console.log('ImagePreview', file.fileUrl);
|
|
16
15
|
return (React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].imagePickerImagePreviewWrapper] }, isValid ? (React__default['default'].createElement("img", { alt: "", src: (file === null || file === void 0 ? void 0 : file.fileUrl) || '', onError: onError, onLoad: onLoad, className: main_module['default'][css_classes['default'].imagePickerImagePreview] })) : (React__default['default'].createElement(icon_wrong_file_format['default'], { className: main_module['default'][css_classes['default'].imagePickerWrongFileFormatIcon] }))));
|
|
17
16
|
};
|
|
18
17
|
|
package/build/cjs/packages/aurora/src/components/image_picker/components/image_preview.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;
|
|
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;"}
|
|
@@ -32,14 +32,6 @@ const ImagePicker = React.memo(({ id, onChange, onError, errors: initialErrors,
|
|
|
32
32
|
const [t] = useTranslation.useTranslation();
|
|
33
33
|
const inputRef = React.createRef();
|
|
34
34
|
const { onDropFile, onFileChange, onDragOver, onDragLeave, onFileDelete, onPreviewError, file, errors, isPreview, isDragOver } = use_file_picker.useFilePicker({ initialFile, onChange, allowedExtensions, initialErrors, onError, inputRef });
|
|
35
|
-
const [testFile, setTestFile] = React.useState(file);
|
|
36
|
-
React.useEffect(() => {
|
|
37
|
-
console.log('ImagePicker - file', file);
|
|
38
|
-
setTestFile(file);
|
|
39
|
-
}, [file]);
|
|
40
|
-
React.useEffect(() => {
|
|
41
|
-
console.log('ImagePicker - testFile', testFile);
|
|
42
|
-
}, [testFile]);
|
|
43
35
|
const [imageSize, setImageSize] = React.useState(undefined);
|
|
44
36
|
const acceptFiles = utils.getAcceptFilesParametersFromAllowedExtensions(allowedExtensions);
|
|
45
37
|
const imagePickerClassName = classnames__default['default'](main_module['default'][css_classes['default'].imagePicker], className && className);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,iEAAqE;AAClG,2BAA2B,yDAA6D;AACxF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,2BAA2B,yDAA6D;AACxF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
|
|
6
6
|
|
|
7
|
-
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_btn__1OX4j {\n transition: background-color 0.3s, color 0.3s, border-color 0.3s;\n display: inline-block;\n padding: 0.643rem 2rem;\n font-family: inherit;\n color: #135cc8;\n text-align: center;\n text-decoration: none;\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n background-color: transparent;\n border: 2px solid transparent;\n border-radius: 20px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: pointer;\n vertical-align: middle;\n}\n.main-module_btn__1OX4j:hover {\n border-color: #135cc8;\n background-color: #135cc8;\n color: #ffffff;\n}\n.main-module_btn_bg__oIy2H {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n color: #ffffff;\n background-color: #3c83ec;\n}\n.main-module_btn_outline__1psTf {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n border-color: #3c83ec;\n}\n.main-module_btn_link__3tDbi {\n min-width: auto;\n font-weight: 600;\n letter-spacing: inherit;\n padding: 0.393rem 0;\n}\n.main-module_btn_link__3tDbi:hover {\n border-color: transparent;\n background-color: transparent;\n color: inherit;\n text-decoration: underline;\n}\n.main-module_btn_secondary__285QT {\n color: #5c657e;\n}\n.main-module_btn_alert__3zWIt {\n background-color: #e60c54;\n}\n.main-module_btn_on-dark-bg__a5FAF {\n color: #ffffff;\n}\n.main-module_btn_on-dark-bg__a5FAF:hover {\n color: #ffffff;\n}\n.main-module_btn_s__rRebe {\n min-width: auto;\n padding: 0.393rem 1rem;\n}\n.main-module_btn_inactive__26wIq {\n opacity: 0.4;\n cursor: default;\n pointer-events: none;\n}\n";
|
|
7
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_btn__1OX4j {\n transition: background-color 0.3s, color 0.3s, border-color 0.3s;\n display: inline-block;\n padding: 0.643rem 2rem;\n font-family: inherit;\n color: #135cc8;\n text-align: center;\n text-decoration: none;\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n background-color: transparent;\n border: 2px solid transparent;\n border-radius: 20px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: pointer;\n vertical-align: middle;\n}\n.main-module_btn__1OX4j:hover {\n border-color: #135cc8;\n background-color: #135cc8;\n color: #ffffff;\n}\n.main-module_btn_bg__oIy2H {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n color: #ffffff;\n background-color: #3c83ec;\n}\n.main-module_btn_outline__1psTf {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n border-color: #3c83ec;\n}\n.main-module_btn_link__3tDbi {\n min-width: auto;\n font-weight: 600;\n letter-spacing: inherit;\n padding: 0.393rem 0;\n}\n.main-module_btn_link__3tDbi:hover {\n border-color: transparent;\n background-color: transparent;\n color: inherit;\n text-decoration: underline;\n}\n.main-module_btn_secondary__285QT {\n color: #5c657e;\n}\n.main-module_btn_alert__3zWIt {\n background-color: #e60c54;\n}\n.main-module_btn_on-dark-bg__a5FAF {\n color: #ffffff;\n}\n.main-module_btn_on-dark-bg__a5FAF:hover {\n color: #ffffff;\n}\n.main-module_btn_on-dark-bg__a5FAF .main-module_btn_outline__1psTf {\n border-color: #ffffff;\n}\n.main-module_btn_s__rRebe {\n min-width: auto;\n padding: 0.393rem 1rem;\n}\n.main-module_btn_inactive__26wIq {\n opacity: 0.4;\n cursor: default;\n pointer-events: none;\n}\n";
|
|
8
8
|
var cssClasses = {"btn":"main-module_btn__1OX4j","btn_bg":"main-module_btn_bg__oIy2H","btn_outline":"main-module_btn_outline__1psTf","btn_link":"main-module_btn_link__3tDbi","btn_secondary":"main-module_btn_secondary__285QT","btn_alert":"main-module_btn_alert__3zWIt","btn_on-dark-bg":"main-module_btn_on-dark-bg__a5FAF","btn_s":"main-module_btn_s__rRebe","btn_inactive":"main-module_btn_inactive__26wIq"};
|
|
9
9
|
styleInject_es['default'](css_248z);
|
|
10
10
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { useRef
|
|
1
|
+
import React, { useRef } from 'react';
|
|
2
2
|
import { useDropdownContext } from '../context/index.js';
|
|
3
3
|
import Input from '../../controls/components/input.js';
|
|
4
4
|
import { cssDropdownSearch } from '../css_classes.js';
|
|
@@ -19,12 +19,8 @@ onKeyUp }) => {
|
|
|
19
19
|
const { toggleDropdown, isOpen } = useDropdownContext();
|
|
20
20
|
const ref = useRef(null);
|
|
21
21
|
useKeyboardOpenClose(toggleDropdown, isOpen, ref);
|
|
22
|
-
const [value, setValue] = useState('');
|
|
23
|
-
const handleOnChange = (event) => {
|
|
24
|
-
setValue(event.target.value);
|
|
25
|
-
};
|
|
26
22
|
return (React.createElement("aside", { className: cssClasses[cssDropdownSearch], ref: ref },
|
|
27
|
-
React.createElement(Input, { placeholder: "Szukaj", padding: "small", onKeyUp: onKeyUp,
|
|
23
|
+
React.createElement(Input, { placeholder: "Szukaj", padding: "small", onKeyUp: onKeyUp, autoFocus: true })));
|
|
28
24
|
};
|
|
29
25
|
|
|
30
26
|
export default Search;
|
|
@@ -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;
|
|
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;"}
|
|
@@ -8,9 +8,8 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
|
|
|
8
8
|
const [isDragOver, setDragOver] = useState(false);
|
|
9
9
|
const [isPreview, setPreview] = useState(true);
|
|
10
10
|
useEffect(() => {
|
|
11
|
-
console.log('useEffect - set');
|
|
12
11
|
setFile(initialFile);
|
|
13
|
-
}, []);
|
|
12
|
+
}, [initialFile]);
|
|
14
13
|
useEffect(() => {
|
|
15
14
|
initialErrors && setErrors(initialErrors);
|
|
16
15
|
}, [initialErrors]);
|
|
@@ -45,7 +44,6 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
|
|
|
45
44
|
};
|
|
46
45
|
const updateFile = (files) => {
|
|
47
46
|
if (files === null || files === void 0 ? void 0 : files.length) {
|
|
48
|
-
console.log('updateFile - set1');
|
|
49
47
|
setFile({
|
|
50
48
|
fileName: files === null || files === void 0 ? void 0 : files[0].name,
|
|
51
49
|
fileUrl: URL.createObjectURL(files === null || files === void 0 ? void 0 : files[0])
|
|
@@ -55,7 +53,6 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
|
|
|
55
53
|
onChange === null || onChange === void 0 ? void 0 : onChange(files);
|
|
56
54
|
}
|
|
57
55
|
else {
|
|
58
|
-
console.log('updateFile - set2');
|
|
59
56
|
setFile(undefined);
|
|
60
57
|
onChange === null || onChange === void 0 ? void 0 : onChange(files);
|
|
61
58
|
}
|
|
@@ -75,11 +72,9 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
|
|
|
75
72
|
const onFileDelete = () => {
|
|
76
73
|
inputRef.current.value = '';
|
|
77
74
|
setFile(undefined);
|
|
78
|
-
console.log('onFileDelete - set');
|
|
79
75
|
setPreview(true);
|
|
80
76
|
setErrors([]);
|
|
81
77
|
onChange === null || onChange === void 0 ? void 0 : onChange(null);
|
|
82
|
-
console.log('onFileDelete - 2', file);
|
|
83
78
|
};
|
|
84
79
|
const onPreviewError = () => {
|
|
85
80
|
setPreview(false);
|
|
@@ -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;"}
|
|
@@ -4,7 +4,6 @@ import styles from '../../../css/image_picker/main.module.less.js';
|
|
|
4
4
|
import IconWrongFileFormat from '../../../assets/icon_wrong_file_format.js';
|
|
5
5
|
|
|
6
6
|
const ImagePreview = ({ isValid, file, onError, onLoad }) => {
|
|
7
|
-
console.log('ImagePreview', file.fileUrl);
|
|
8
7
|
return (React.createElement("div", { className: styles[CSS_CLASSES.imagePickerImagePreviewWrapper] }, isValid ? (React.createElement("img", { alt: "", src: (file === null || file === void 0 ? void 0 : file.fileUrl) || '', onError: onError, onLoad: onLoad, className: styles[CSS_CLASSES.imagePickerImagePreview] })) : (React.createElement(IconWrongFileFormat, { className: styles[CSS_CLASSES.imagePickerWrongFileFormatIcon] }))));
|
|
9
8
|
};
|
|
10
9
|
|
package/build/esm/packages/aurora/src/components/image_picker/components/image_preview.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;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -23,14 +23,6 @@ const ImagePicker = memo(({ id, onChange, onError, errors: initialErrors, allowe
|
|
|
23
23
|
const [t] = useTranslation();
|
|
24
24
|
const inputRef = createRef();
|
|
25
25
|
const { onDropFile, onFileChange, onDragOver, onDragLeave, onFileDelete, onPreviewError, file, errors, isPreview, isDragOver } = useFilePicker({ initialFile, onChange, allowedExtensions, initialErrors, onError, inputRef });
|
|
26
|
-
const [testFile, setTestFile] = useState(file);
|
|
27
|
-
useEffect(() => {
|
|
28
|
-
console.log('ImagePicker - file', file);
|
|
29
|
-
setTestFile(file);
|
|
30
|
-
}, [file]);
|
|
31
|
-
useEffect(() => {
|
|
32
|
-
console.log('ImagePicker - testFile', testFile);
|
|
33
|
-
}, [testFile]);
|
|
34
26
|
const [imageSize, setImageSize] = useState(undefined);
|
|
35
27
|
const acceptFiles = getAcceptFilesParametersFromAllowedExtensions(allowedExtensions);
|
|
36
28
|
const imagePickerClassName = classnames(styles[CSS_CLASSES.imagePicker], className && className);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,iEAAqE;AACpG,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;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,iEAAqE;AACpG,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;"}
|
|
@@ -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_btn__1OX4j {\n transition: background-color 0.3s, color 0.3s, border-color 0.3s;\n display: inline-block;\n padding: 0.643rem 2rem;\n font-family: inherit;\n color: #135cc8;\n text-align: center;\n text-decoration: none;\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n background-color: transparent;\n border: 2px solid transparent;\n border-radius: 20px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: pointer;\n vertical-align: middle;\n}\n.main-module_btn__1OX4j:hover {\n border-color: #135cc8;\n background-color: #135cc8;\n color: #ffffff;\n}\n.main-module_btn_bg__oIy2H {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n color: #ffffff;\n background-color: #3c83ec;\n}\n.main-module_btn_outline__1psTf {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n border-color: #3c83ec;\n}\n.main-module_btn_link__3tDbi {\n min-width: auto;\n font-weight: 600;\n letter-spacing: inherit;\n padding: 0.393rem 0;\n}\n.main-module_btn_link__3tDbi:hover {\n border-color: transparent;\n background-color: transparent;\n color: inherit;\n text-decoration: underline;\n}\n.main-module_btn_secondary__285QT {\n color: #5c657e;\n}\n.main-module_btn_alert__3zWIt {\n background-color: #e60c54;\n}\n.main-module_btn_on-dark-bg__a5FAF {\n color: #ffffff;\n}\n.main-module_btn_on-dark-bg__a5FAF:hover {\n color: #ffffff;\n}\n.main-module_btn_s__rRebe {\n min-width: auto;\n padding: 0.393rem 1rem;\n}\n.main-module_btn_inactive__26wIq {\n opacity: 0.4;\n cursor: default;\n pointer-events: none;\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_btn__1OX4j {\n transition: background-color 0.3s, color 0.3s, border-color 0.3s;\n display: inline-block;\n padding: 0.643rem 2rem;\n font-family: inherit;\n color: #135cc8;\n text-align: center;\n text-decoration: none;\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n background-color: transparent;\n border: 2px solid transparent;\n border-radius: 20px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: pointer;\n vertical-align: middle;\n}\n.main-module_btn__1OX4j:hover {\n border-color: #135cc8;\n background-color: #135cc8;\n color: #ffffff;\n}\n.main-module_btn_bg__oIy2H {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n color: #ffffff;\n background-color: #3c83ec;\n}\n.main-module_btn_outline__1psTf {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n border-color: #3c83ec;\n}\n.main-module_btn_link__3tDbi {\n min-width: auto;\n font-weight: 600;\n letter-spacing: inherit;\n padding: 0.393rem 0;\n}\n.main-module_btn_link__3tDbi:hover {\n border-color: transparent;\n background-color: transparent;\n color: inherit;\n text-decoration: underline;\n}\n.main-module_btn_secondary__285QT {\n color: #5c657e;\n}\n.main-module_btn_alert__3zWIt {\n background-color: #e60c54;\n}\n.main-module_btn_on-dark-bg__a5FAF {\n color: #ffffff;\n}\n.main-module_btn_on-dark-bg__a5FAF:hover {\n color: #ffffff;\n}\n.main-module_btn_on-dark-bg__a5FAF .main-module_btn_outline__1psTf {\n border-color: #ffffff;\n}\n.main-module_btn_s__rRebe {\n min-width: auto;\n padding: 0.393rem 1rem;\n}\n.main-module_btn_inactive__26wIq {\n opacity: 0.4;\n cursor: default;\n pointer-events: none;\n}\n";
|
|
4
4
|
var cssClasses = {"btn":"main-module_btn__1OX4j","btn_bg":"main-module_btn_bg__oIy2H","btn_outline":"main-module_btn_outline__1psTf","btn_link":"main-module_btn_link__3tDbi","btn_secondary":"main-module_btn_secondary__285QT","btn_alert":"main-module_btn_alert__3zWIt","btn_on-dark-bg":"main-module_btn_on-dark-bg__a5FAF","btn_s":"main-module_btn_s__rRebe","btn_inactive":"main-module_btn_inactive__26wIq"};
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
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.8.
|
|
5
|
+
"version": "2.8.5",
|
|
6
6
|
"description": "aurora",
|
|
7
7
|
"author": "k0ssak",
|
|
8
8
|
"license": "MIT",
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
"update-visuals": "jest -c .config/jest/jest.config.visual.js --updateSnapshot"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
|
-
"@dreamcommerce/utilities": "^1.
|
|
47
|
+
"@dreamcommerce/utilities": "^1.10.0",
|
|
48
48
|
"@shoper/jest_config": "^0.0.0",
|
|
49
49
|
"@shoper/tsconfig": "^0.0.0",
|
|
50
50
|
"@storybook/react": "6.5.7",
|