[FEAT]: alwaysActive prop for FileItem. Also improvements on styles and size for Dropzone and FileItemContainer

Author: JinSSJ3

README.md

@@ -1,13 +1,13 @@
 :rocket: [Spanish](./README_ES.md)
 
 # Dropzone UI
+
 The best and most complete file upload library for [React](https://reactjs.org/) apps.
 
 <p align="center">
   <h1 align="center"><img src="https://user-images.githubusercontent.com/43678736/132112022-0ca409ae-cca2-43c8-be89-110376260a3f.png" alt="dropone-ui-logo" width="172" height="172" align="center"> Dropzone UI</h1>  
 </p>
 
-
 [![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/dropzone-ui/react/blob/HEAD/LICENSE)
 [![npm latest package](https://img.shields.io/npm/v/@dropzone-ui/react.svg?logo=npm&logoColor=fff&label=NPM+package&color=limegreen)](https://www.npmjs.com/package/@dropzone-ui/react)
 [![Rate on Openbase](https://badges.openbase.com/js/rating/@dropzone-ui/react.svg)](https://openbase.com/js/@dropzone-ui/react?utm_source=embedded&utm_medium=badge&utm_campaign=rate-badge)
@@ -21,8 +21,6 @@ The best and most complete file upload library for [React](https://reactjs.org/)
 [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
 [![GitHub Repo stars](https://img.shields.io/github/stars/dropzone-ui/react?label=Star%20me%20please%20:D&style=social)](https://github.com/dropzone-ui/react)
 
-
-
 ## Sample result:
 
 On `Drag`, `Drop`, `Upload` and full screen `preview`. (also changing view mode from `grid` to `list`).
@@ -38,14 +36,22 @@ Did you like the project? Please don't forget to give us a :star: star on :octoc
 
 ## Main Content
 
+Ordered by use:
+
 - :books: [\<Full Documentation\>](#dropzone-ui-react-components-api)
 
 - :performing_arts: [\<Examples and use cases\>](#Usage-and-examples)
 
 - :computer: [\<Server side implementation/>](#uploading)
- 
+
 - :earth_americas: [\<Localization\>](#localization)
 
+- [Code generator](#code-generator)
+
+## Code generator
+
+Want to generate the code that fits your needs? Just interact with the code generator [here](http://dropzone-ui.com/).
+
 ## Installation
 
 @dropzone-ui/react is available as an [npm package](https://www.npmjs.com/package/@dropzone-ui/react).
@@ -344,4 +350,4 @@ export interface CustomValidateFileResponse {
 This project is licensed under the terms of the
 [MIT license](/LICENSE).
 
-Did you like the project? Please don't forget to give us a :star: star on :octocat: [github](https://github.com/dropzone-ui/dropzone-ui) :D
+Did you like the project? Please don't forget to give us a :star: star on :octocat: [github](https://github.com/dropzone-ui/dropzone-ui) :D

build/components/dropzone/components/Dropzone/DropzoneProps.d.ts

@@ -5,11 +5,12 @@ import { FileDuiResponse } from "../utils/dropzone-ui.upload.utils";
 import { CustomValidateFileResponse, FileValidated } from "../utils/validation.utils";
 export interface DropzoneProps extends OverridableProps {
     /**
-     * This event is triggered when files are dropped or selected. Returns as first parameter the list of FileValidate files dropped or selected.
+     * This event is triggered when files are dropped or selected.
+     * Returns as first parameter the list of FileValidate files dropped or selected.
      */
     onDrop?: (filesDropped: FileValidated[]) => void;
     /**
-     * Upload Url or endpoint
+     * server Url or endpoint to upload the files
      */
     url?: string;
     /**
@@ -18,7 +19,14 @@ export interface DropzoneProps extends OverridableProps {
     method?: "POST" | "PUT" | "PATCH";
     /**
      * Extra configuration for uploading
-     * e.g. headers or token bearer
+     * e.g. headers or bearer token
+     * default:
+     * config = {
+     *   headers: {
+     *     "content-type": "multipart/form-data",
+     *   },
+     * }
+     *
      */
     config?: Object;
     /**

build/components/dropzone/components/DropzoneHeader/DropzoneHeader.d.ts

@@ -18,6 +18,7 @@ export interface DropzoneHeaderProps {
      * only English and Spanish is supported
      */
     localization?: Localization;
+    hideViewIcon?: boolean;
 }
 declare const DropzoneHeader: FC<DropzoneHeaderProps>;
 export default DropzoneHeader;

build/components/file-item/components/FileItem/FileItemProps.d.ts

@@ -100,6 +100,16 @@ export interface FileItemProps extends PaperProps {
      * only English and Spanish is supported
      */
     localization?: Localization;
+    /**
+     * The elevation or shadow of container
+     * range of shadows is from 0 to 4,
+     * other number o values are considered as 0
+     */
+    elevation?: "1" | "2" | "3" | "4" | 1 | 2 | 3 | 4 | false;
+    /**
+     * Flag that determines whether actions are visible always, or only on hover event
+     */
+    alwaysActive?: boolean;
 }
 /**
  * Base default props

build/components/file-item/components/FileItemMainLayer/FileItemMainLayer.d.ts

@@ -4,7 +4,7 @@ export interface FileItemMainLayerProps {
     showInfo: boolean;
     onOpenInfo: Function;
     onOpenImage: Function | undefined;
-    onDelete: Function;
+    onDelete: Function | undefined;
     fileName: string;
     info: boolean;
     valid: boolean;
@@ -26,6 +26,7 @@ export interface FileItemMainLayerProps {
      * only English and Spanish is supported
      */
     localization?: Localization;
+    hovering?: boolean;
 }
 declare const FileItemMainLayer: FC<FileItemMainLayerProps>;
 export default FileItemMainLayer;