@dreamcommerce/aurora 2.8.4-3 → 2.8.4-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.
Files changed (13) hide show
  1. package/build/cjs/packages/aurora/src/components/dropdown/components/search.js +5 -1
  2. package/build/cjs/packages/aurora/src/components/dropdown/components/search.js.map +1 -1
  3. package/build/cjs/packages/aurora/src/components/image_picker/components/image_preview.js +1 -0
  4. package/build/cjs/packages/aurora/src/components/image_picker/components/image_preview.js.map +1 -1
  5. package/build/cjs/packages/aurora/src/components/image_picker/index.js +2 -4
  6. package/build/cjs/packages/aurora/src/components/image_picker/index.js.map +1 -1
  7. package/build/esm/packages/aurora/src/components/dropdown/components/search.js +6 -2
  8. package/build/esm/packages/aurora/src/components/dropdown/components/search.js.map +1 -1
  9. package/build/esm/packages/aurora/src/components/image_picker/components/image_preview.js +1 -0
  10. package/build/esm/packages/aurora/src/components/image_picker/components/image_preview.js.map +1 -1
  11. package/build/esm/packages/aurora/src/components/image_picker/index.js +2 -4
  12. package/build/esm/packages/aurora/src/components/image_picker/index.js.map +1 -1
  13. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/dropdown/components/search.js CHANGED
@@ -27,8 +27,12 @@ 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
+ };
30
34
  return (React__default['default'].createElement("aside", { className: main_module['default'][css_classes.cssDropdownSearch], ref: ref },
31
- React__default['default'].createElement(input['default'], { placeholder: "Szukaj", padding: "small", onKeyUp: onKeyUp, autoFocus: true })));
35
+ React__default['default'].createElement(input['default'], { placeholder: "Szukaj", padding: "small", onKeyUp: onKeyUp, onChange: handleOnChange, value: value, autoFocus: true })));
32
36
  };
33
37
 
34
38
  exports.default = Search;
package/build/cjs/packages/aurora/src/components/dropdown/components/search.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;"}
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;"}
package/build/cjs/packages/aurora/src/components/image_picker/components/image_preview.js CHANGED
@@ -12,6 +12,7 @@ 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);
15
16
  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] }))));
16
17
  };
17
18
 
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;AACA;"}
package/build/cjs/packages/aurora/src/components/image_picker/index.js CHANGED
@@ -33,7 +33,6 @@ const ImagePicker = React.memo(({ id, onChange, onError, errors: initialErrors,
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
35
  const [imageSize, setImageSize] = React.useState(undefined);
36
- const [imageIsUploaded, setImageIsUploaded] = React.useState(false);
37
36
  const acceptFiles = utils.getAcceptFilesParametersFromAllowedExtensions(allowedExtensions);
38
37
  const imagePickerClassName = classnames__default['default'](main_module['default'][css_classes['default'].imagePicker], className && className);
39
38
  const imagePickerWrapperClassName = classnames__default['default'](main_module['default'][css_classes['default'].imagePickerWrapper], file && main_module['default'][css_classes['default'].imagePickerWrapperHasFile], {
@@ -70,12 +69,11 @@ const ImagePicker = React.memo(({ id, onChange, onError, errors: initialErrors,
70
69
  const handleOnFileDelete = () => {
71
70
  onFileDelete();
72
71
  setImageSize(undefined);
73
- setImageIsUploaded(false);
72
+ console.log('file', file);
74
73
  };
75
74
  const handleOnFileChange = (event) => {
76
75
  onFileChange(event);
77
76
  updateFile(event.target.files);
78
- setImageIsUploaded(true);
79
77
  };
80
78
  const updateFile = (files) => {
81
79
  if (files === null || files === void 0 ? void 0 : files.length) {
@@ -85,7 +83,7 @@ const ImagePicker = React.memo(({ id, onChange, onError, errors: initialErrors,
85
83
  return (React__default['default'].createElement("div", { className: imagePickerClassName },
86
84
  React__default['default'].createElement("div", { className: `${imagePickerWrapperClassName} ${dragOverStyles.imagePickerWrapper}` },
87
85
  file &&
88
- (isPreview && imageIsUploaded ? (React__default['default'].createElement(React__default['default'].Fragment, null,
86
+ (isPreview ? (React__default['default'].createElement(React__default['default'].Fragment, null,
89
87
  React__default['default'].createElement(image_preview.ImagePreview, { file: file, isValid: !(errors === null || errors === void 0 ? void 0 : errors.length), onError: onPreviewError }),
90
88
  React__default['default'].createElement(uploaded_image_item.UploadedImageItem, { imageSize: imageSize, file: file, isValid: !(errors === null || errors === void 0 ? void 0 : errors.length), onFileDelete: handleOnFileDelete }))) : (React__default['default'].createElement("div", null, t('No preview')))),
91
89
  React__default['default'].createElement(image_input['default'], { onDragLeave: onDragLeave, onDragOver: onDragOver, isDragOver: isDragOver, allowedExtensions: allowedExtensions, id: id, onDropFile: onDropFile }),
package/build/cjs/packages/aurora/src/components/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,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;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;AACA;"}
package/build/esm/packages/aurora/src/components/dropdown/components/search.js CHANGED
@@ -1,4 +1,4 @@
1
- import React, { useRef } from 'react';
1
+ import React, { useRef, useState } 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,8 +19,12 @@ 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
+ };
22
26
  return (React.createElement("aside", { className: cssClasses[cssDropdownSearch], ref: ref },
23
- React.createElement(Input, { placeholder: "Szukaj", padding: "small", onKeyUp: onKeyUp, autoFocus: true })));
27
+ React.createElement(Input, { placeholder: "Szukaj", padding: "small", onKeyUp: onKeyUp, onChange: handleOnChange, value: value, autoFocus: true })));
24
28
  };
25
29
 
26
30
  export default Search;
package/build/esm/packages/aurora/src/components/dropdown/components/search.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;"}
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;"}
package/build/esm/packages/aurora/src/components/image_picker/components/image_preview.js CHANGED
@@ -4,6 +4,7 @@ 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);
7
8
  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] }))));
8
9
  };
9
10
 
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;AACA;"}
package/build/esm/packages/aurora/src/components/image_picker/index.js CHANGED
@@ -24,7 +24,6 @@ const ImagePicker = memo(({ id, onChange, onError, errors: initialErrors, allowe
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
26
  const [imageSize, setImageSize] = useState(undefined);
27
- const [imageIsUploaded, setImageIsUploaded] = useState(false);
28
27
  const acceptFiles = getAcceptFilesParametersFromAllowedExtensions(allowedExtensions);
29
28
  const imagePickerClassName = classnames(styles[CSS_CLASSES.imagePicker], className && className);
30
29
  const imagePickerWrapperClassName = classnames(styles[CSS_CLASSES.imagePickerWrapper], file && styles[CSS_CLASSES.imagePickerWrapperHasFile], {
@@ -61,12 +60,11 @@ const ImagePicker = memo(({ id, onChange, onError, errors: initialErrors, allowe
61
60
  const handleOnFileDelete = () => {
62
61
  onFileDelete();
63
62
  setImageSize(undefined);
64
- setImageIsUploaded(false);
63
+ console.log('file', file);
65
64
  };
66
65
  const handleOnFileChange = (event) => {
67
66
  onFileChange(event);
68
67
  updateFile(event.target.files);
69
- setImageIsUploaded(true);
70
68
  };
71
69
  const updateFile = (files) => {
72
70
  if (files === null || files === void 0 ? void 0 : files.length) {
@@ -76,7 +74,7 @@ const ImagePicker = memo(({ id, onChange, onError, errors: initialErrors, allowe
76
74
  return (React.createElement("div", { className: imagePickerClassName },
77
75
  React.createElement("div", { className: `${imagePickerWrapperClassName} ${dragOverStyles.imagePickerWrapper}` },
78
76
  file &&
79
- (isPreview && imageIsUploaded ? (React.createElement(React.Fragment, null,
77
+ (isPreview ? (React.createElement(React.Fragment, null,
80
78
  React.createElement(ImagePreview, { file: file, isValid: !(errors === null || errors === void 0 ? void 0 : errors.length), onError: onPreviewError }),
81
79
  React.createElement(UploadedImageItem, { imageSize: imageSize, file: file, isValid: !(errors === null || errors === void 0 ? void 0 : errors.length), onFileDelete: handleOnFileDelete }))) : (React.createElement("div", null, t('No preview')))),
82
80
  React.createElement(ImageInput, { onDragLeave: onDragLeave, onDragOver: onDragOver, isDragOver: isDragOver, allowedExtensions: allowedExtensions, id: id, onDropFile: onDropFile }),
package/build/esm/packages/aurora/src/components/image_picker/index.js.map CHANGED
@@ -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;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;AACA;"}
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.4-3",
5
+ "version": "2.8.4-5",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",