You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: CHANGELOG.md
+62-27Lines changed: 62 additions & 27 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -9,34 +9,73 @@
9
9
10
10
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
-\<ToolTip/\>: New component added for displaying message for non valid files and upload status on a tooltip when user hovers FileItem. Idea was suggested by [mateusmx](https://github.com/mateusmx).
18
-
-\<FileItem/\>: Added resultOnLayer prop that allows keep the behaviour thta makes FileItem show the result of validation and upload on the FullInfoLayer when user pressed the `info` button. If not presnt or false, the default behaviour will be to show that info when user hovers the FileItem on a ToolTip. If true, the tooltip won´t be displayed.
16
+
## 🧪 New features
17
+
18
+
-\<FileItem/\>: Added `onWatch` prop. This prop provides an event handler for allowing full screen video previews. It works like `onSee` prop. It returns as first parameter the file object. If `onWatch` is present, file is `valid` and file type is `video`, `FileItem` will display the `play` button.
19
+
-\<VideoPreview/\>: Added new component`VideoPreview`. This component is quite similar to `FullScreenPreview`. As the name sugests, this component is meant to be used to show video previews. Supported videos are the default supported videos by a [`<video/>`](https://www.w3schools.com/tags/tag_video.asp) tag (mp4, ogg, webm). First prop `videoSource` can be a `File` object or a `URI string` representation. Works in the same way as `FullScreenPreview`, it rcieves a `onClose` prop and an `open` prop.
20
+
It also recieves `autoplay` and `controls` props like classic html [`<video/>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video#attributes) tag.
21
+
22
+
## 🐛 Fixes or improvements
23
+
24
+
-\<FullScreenPreview/>: Improved media query style.
25
+
26
+
## 📚 Improved documentation.
27
+
28
+
- Added documentation about new prop on `FileItem`.
29
+
- Added documentation about new component `VideoPreview`.
-\<FileItem/\>: Added `resultOnToolip` prop. This prop provides another hover interaction. If present or `true`, FileItem will show the file validation status and the upload status on a nice tooltip. Otherwhise, if not present, false or undefined, FileItem will display the result on the InfoLayer. Special thanks to @mateusmx, 👏 who suggested this feature🧪.
38
+
39
+
-\<Dropzone/\>: Added `disableScroll` prop. This prop disables the css property `overflow: auto` in FileItemContainer inside Dropzone, when it displays the FileItem list inside of it. It also disables the `maxHeight` property and forces the `view` prop to be `"grid"`. The purpose of this special prop is to allow FileItemContainer to grow at the same time FileItem list increases and prevent triggering scrollbars.
40
+
41
+
## 🐛 Fixes or improvements
42
+
43
+
-\<Dropzone/>: Fixed issue in FileItemContainer that made it to overflow the size of Dropzone.
-\<FileItem/\>: Added `alwaysActive` prop. This prop provides hover interaction. If false (by default), FileItem will hide the main layer with all the buttons except the file validation status and the upload status. If true, main layer will be visible all the time.
27
-
-\<FileItem/\>: Added `elevation` prop. This prop provides the user to decide about the shadow and border on the `FileItem` container.
54
+
55
+
-\<FileItem/\>: Added `alwaysActive` prop. This prop provides hover interaction. If false (by default), FileItem will hide the main layer with all the buttons except the file validation status and the upload status. If true, main layer will be visible all the time.
56
+
-\<FileItem/\>: Added `elevation` prop. This prop provides the user to decide about the shadow and border on the `FileItem` container.
28
57
-`Webpage` in beta version was released. You can visit [dropzone-ui.com](http://www.dropzone-ui.com). In there you can find a nice code generator.
29
-
30
-
### Fixes or improvements
31
-
-\<Dropzone/\>: Fixed Spanish translation on footer.
32
-
-\<Dropzone/\>: Hide "view" button when view prop is provided.
33
-
-\<Dropzone/\>: Fix issue that hides dropzone label when FileItems are outside.
34
-
-\<Dropzone/\>: Fixed minor issues on minHeight.
35
-
-\<FileItem/\>: Hide "delete" button when onDelete prop is not provided
36
-
-\<FileItem/\>: Change `word-break` css propertie from `break-all` to `break-word`;
58
+
59
+
### Fixesor improvements
60
+
61
+
-\<Dropzone/\>: Fixed Spanish translation on footer.
62
+
-\<Dropzone/\>: Hide "view" button when view prop is provided.
63
+
-\<Dropzone/\>: Fix issue that hides dropzone label when FileItems are outside.
64
+
-\<Dropzone/\>: Fixed minor issues on minHeight.
65
+
-\<FileItem/\>: Hide "delete" button when onDelete prop is not provided
66
+
-\<FileItem/\>: Change `word-break` css propertie from `break-all` to `break-word`;
37
67
38
68
### Future feature
39
-
-\<FileItem/\>: Show `upload status` on hover event.
69
+
70
+
-\<FileItem/\>: Show `upload status` on hover event.
0 commit comments