@dreamcommerce/aurora 2.8.4-1 → 2.8.4-11

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 (11) 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/file_picker/use_file_picker.js +2 -2
  4. package/build/cjs/packages/aurora/src/components/image_picker/index.js +10 -1
  5. package/build/cjs/packages/aurora/src/components/image_picker/index.js.map +1 -1
  6. package/build/esm/packages/aurora/src/components/dropdown/components/search.js +6 -2
  7. package/build/esm/packages/aurora/src/components/dropdown/components/search.js.map +1 -1
  8. package/build/esm/packages/aurora/src/components/file_picker/use_file_picker.js +2 -2
  9. package/build/esm/packages/aurora/src/components/image_picker/index.js +10 -1
  10. package/build/esm/packages/aurora/src/components/image_picker/index.js.map +1 -1
  11. 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/file_picker/use_file_picker.js CHANGED
@@ -12,8 +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
- setFile(initialFile);
16
- }, [initialFile]);
15
+ initialFile && setFile(initialFile);
16
+ }, []);
17
17
  React.useEffect(() => {
18
18
  initialErrors && setErrors(initialErrors);
19
19
  }, [initialErrors]);
package/build/cjs/packages/aurora/src/components/image_picker/index.js CHANGED
@@ -70,6 +70,15 @@ const ImagePicker = React.memo(({ id, onChange, onError, errors: initialErrors,
70
70
  onFileDelete();
71
71
  setImageSize(undefined);
72
72
  };
73
+ const handleOnFileChange = (event) => {
74
+ onFileChange(event);
75
+ updateFile(event.target.files);
76
+ };
77
+ const updateFile = (files) => {
78
+ if (files === null || files === void 0 ? void 0 : files.length) {
79
+ setImageSizeBasedOnUrl(URL.createObjectURL(files === null || files === void 0 ? void 0 : files[0]));
80
+ }
81
+ };
73
82
  return (React__default['default'].createElement("div", { className: imagePickerClassName },
74
83
  React__default['default'].createElement("div", { className: `${imagePickerWrapperClassName} ${dragOverStyles.imagePickerWrapper}` },
75
84
  file &&
@@ -77,7 +86,7 @@ const ImagePicker = React.memo(({ id, onChange, onError, errors: initialErrors,
77
86
  React__default['default'].createElement(image_preview.ImagePreview, { file: file, isValid: !(errors === null || errors === void 0 ? void 0 : errors.length), onError: onPreviewError }),
78
87
  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')))),
79
88
  React__default['default'].createElement(image_input['default'], { onDragLeave: onDragLeave, onDragOver: onDragOver, isDragOver: isDragOver, allowedExtensions: allowedExtensions, id: id, onDropFile: onDropFile }),
80
- React__default['default'].createElement("input", { onChange: onFileChange, id: id, ref: inputRef, type: "file", name: name, className: main_module['default'][css_classes['default'].imagePickerInput], accept: acceptFiles })),
89
+ React__default['default'].createElement("input", { onChange: handleOnFileChange, id: id, ref: inputRef, type: "file", name: name, className: main_module['default'][css_classes['default'].imagePickerInput], accept: acceptFiles })),
81
90
  errors && React__default['default'].createElement(errors_list.ErrorsList, { errors: errors })));
82
91
  }, (prev, curr) => {
83
92
  var _a, _b, _c, _d;
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;"}
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;"}
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/file_picker/use_file_picker.js CHANGED
@@ -8,8 +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
- setFile(initialFile);
12
- }, [initialFile]);
11
+ initialFile && setFile(initialFile);
12
+ }, []);
13
13
  useEffect(() => {
14
14
  initialErrors && setErrors(initialErrors);
15
15
  }, [initialErrors]);
package/build/esm/packages/aurora/src/components/image_picker/index.js CHANGED
@@ -61,6 +61,15 @@ const ImagePicker = memo(({ id, onChange, onError, errors: initialErrors, allowe
61
61
  onFileDelete();
62
62
  setImageSize(undefined);
63
63
  };
64
+ const handleOnFileChange = (event) => {
65
+ onFileChange(event);
66
+ updateFile(event.target.files);
67
+ };
68
+ const updateFile = (files) => {
69
+ if (files === null || files === void 0 ? void 0 : files.length) {
70
+ setImageSizeBasedOnUrl(URL.createObjectURL(files === null || files === void 0 ? void 0 : files[0]));
71
+ }
72
+ };
64
73
  return (React.createElement("div", { className: imagePickerClassName },
65
74
  React.createElement("div", { className: `${imagePickerWrapperClassName} ${dragOverStyles.imagePickerWrapper}` },
66
75
  file &&
@@ -68,7 +77,7 @@ const ImagePicker = memo(({ id, onChange, onError, errors: initialErrors, allowe
68
77
  React.createElement(ImagePreview, { file: file, isValid: !(errors === null || errors === void 0 ? void 0 : errors.length), onError: onPreviewError }),
69
78
  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')))),
70
79
  React.createElement(ImageInput, { onDragLeave: onDragLeave, onDragOver: onDragOver, isDragOver: isDragOver, allowedExtensions: allowedExtensions, id: id, onDropFile: onDropFile }),
71
- React.createElement("input", { onChange: onFileChange, id: id, ref: inputRef, type: "file", name: name, className: styles[CSS_CLASSES.imagePickerInput], accept: acceptFiles })),
80
+ React.createElement("input", { onChange: handleOnFileChange, id: id, ref: inputRef, type: "file", name: name, className: styles[CSS_CLASSES.imagePickerInput], accept: acceptFiles })),
72
81
  errors && React.createElement(ErrorsList, { errors: errors })));
73
82
  }, (prev, curr) => {
74
83
  var _a, _b, _c, _d;
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;"}
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;"}
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-1",
5
+ "version": "2.8.4-11",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",