[BUILD]: create build for V.2.8.1

Author: JinSSJ3

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

@@ -0,0 +1,5 @@
+import React from "react";
+import "./Dropzone.scss";
+import { DropzoneProps } from "./DropzoneProps";
+declare const Dropzone: React.FC<DropzoneProps>;
+export default Dropzone;

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

@@ -0,0 +1,150 @@
+import { OverridableProps } from "@unlimited-react-components/kernel";
+import { Localization } from "../../../../localization/localization";
+import { FileItemContainerProps } from "../../../file-item/components/FileItemContainer/FileItemContainerProps";
+import { FileValidated } from "../utils/validation.utils";
+export interface DropzoneProps extends OverridableProps {
+    /**
+     * What to do when Drop event is triggered
+     * In most cases is to retrieve the list of files validated
+     */
+    onDrop?: Function;
+    /**
+     * Upload Url or endpoint
+     */
+    url?: string;
+    /**
+     * upload method, can be POST | PUT | PATCH
+     */
+    method?: "POST" | "PUT" | "PATCH";
+    /**
+     * Extra configuration for uploading
+     * e.g. headers or token bearer
+     */
+    config?: Object;
+    /**
+     * If true, onDrop event will return the list of files, but also
+     * will upload the files if url was set, and also config
+     */
+    uploadOnDrop?: boolean;
+    /**
+     * Max number of files to be accepted.
+     */
+    maxFiles?: number;
+    /**
+     * max file size allowed in bytes
+     */
+    maxFileSize?: number;
+    /**
+     * If true, the dropzone component itself will be clickable
+     */
+    clickable?: boolean;
+    /**
+     * Extra featur to perform on click
+     * Only if clickable was set to true
+     */
+    onClick?: Function;
+    /**
+     * The default implementation of accept
+     * checks the file's mime type or extension
+     * against this list. This is a comma
+     * separated list of mime types or file extensions.
+     * Eg.: image/*,application/pdf,.psd
+     */
+    accept?: string;
+    /**
+     * If true, files that does not match accept
+     * criteria will be ignored
+     */
+    removeOnDrop?: boolean;
+    /**
+     * If present, delete all butoon will be visible
+     * and will trigger this function onClick
+     */
+    onReset?: Function;
+    /**
+     * if true, will show a ripple everytime
+     * the user drops files os selects files
+     */
+    disableRipple?: boolean;
+    /**
+     * The background color for dropzone,
+     * by default is linear-gradient(to bottom, aliceblue,#b7a8a8)
+     */
+    backgroundColor?: string;
+    /**
+     * custom validator
+     * must be a function that recieves as first parameter a File Object
+     * and must return a boolean value
+     */
+    validator?: (f: File) => boolean;
+    /**
+     * The current number of valid files
+     */
+    /**
+     * If present will make change view visible
+     * and also return the selected view mode
+     */
+    onChangeView?: Function;
+    /**
+     * The current view
+     */
+    view?: FileItemContainerProps["view"];
+    /**
+     * The max height of the container
+     * in string format
+     * by default "500px"
+     *
+     * examples:
+     *    "50vh"
+     *    "20%"
+     *    "40em"
+     *    "1rem"
+     */
+    maxHeight?: string;
+    /**
+     * if true, shows the dropzone footer
+     */
+    footer?: boolean;
+    /**
+      * if true, shows the dropzone footer
+      */
+    header?: boolean;
+    /**
+     * Just like any other input component
+     * the value prop is the current value
+     */
+    value?: FileValidated[];
+    /**
+     * In both cases of uploading (onDropUpload, or with clicking upload button)
+     * This event is the result one by one of the uploading process
+     */
+    onUploading?: (files: FileValidated[]) => void;
+    /**
+     * A message to show in the footer when the uploading process happens
+     */
+    uploadingMessage?: string;
+    /**
+     * The onChange Event occurs when the value is changed
+     */
+    onChange?: (files: FileValidated[]) => void;
+    /**
+     * The behaviuor on drop files
+     */
+    behaviour?: "add" | "replace";
+    /**
+     * Label to place when no files selected
+     */
+    label?: string;
+    /**
+     * Use this prop only in development mode
+     * This will make dropzone to simulate a server upload
+     */
+    fakeUploading?: boolean;
+    /**
+    * language to be used
+    * for now
+    * only English, French and Spanish are supported
+    */
+    localization?: Localization;
+}
+export declare const DropzonePropsDefault: DropzoneProps;

build/components/dropzone/components/DropzoneFooter.tsx/DropzoneFooter.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { DropzoneFooterProps } from "./DropzoneFooterProps";
+declare const DropzoneFooter: FC<DropzoneFooterProps>;
+export default DropzoneFooter;

build/components/dropzone/components/DropzoneFooter.tsx/DropzoneFooterProps.d.ts

@@ -0,0 +1,11 @@
+import { Localization } from "../../../../localization/localization";
+export interface DropzoneFooterProps {
+    accept?: string;
+    message?: string;
+    /**
+    * language to be used
+    * for now
+    * only English and Spanish is supported
+    */
+    localization?: Localization;
+}

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

@@ -0,0 +1,22 @@
+import { FC } from "react";
+import { Localization } from "../../../../localization/localization";
+import { FileItemContainerProps } from "../../../file-item/components/FileItemContainer/FileItemContainerProps";
+export interface DropzoneHeaderProps {
+    maxFileSize?: number;
+    numberOfValidFiles?: number;
+    maxFiles?: number;
+    onReset?: Function;
+    handleReset: Function;
+    view: FileItemContainerProps["view"];
+    onChangeView?: Function;
+    onUploadStart?: Function;
+    urlPresent?: boolean;
+    /**
+     * language to be used
+     * for now
+     * only English and Spanish is supported
+     */
+    localization?: Localization;
+}
+declare const DropzoneHeader: FC<DropzoneHeaderProps>;
+export default DropzoneHeader;

build/components/dropzone/components/DropzoneLabel/DropzoneLabel.d.ts

@@ -0,0 +1,6 @@
+import React, { FC } from "react";
+export interface DropzoneLabelProps {
+    children: React.ReactNode | string;
+}
+declare const DropzoneLabel: FC<DropzoneLabelProps>;
+export default DropzoneLabel;

build/components/dropzone/components/hooks/useDropzoneStyles.d.ts

@@ -0,0 +1,9 @@
+/**
+ *
+ * @param color The color theme
+ * @param backgroundColor the background Color
+ * @param maxHeight the max heith for dropzone container
+ * @returns a valid classnname for the component
+ */
+declare const useDropzoneStyles: (color: string | undefined, backgroundColor: string | undefined, maxHeight: string | undefined) => string;
+export default useDropzoneStyles;

build/components/dropzone/components/utils/dropzone-ui.upload.utils.d.ts

@@ -0,0 +1,6 @@
+import { DropzoneProps } from "../Dropzone/DropzoneProps";
+import { FileValidated } from "./validation.utils";
+export declare const uploadPromiseAxios: (file: FileValidated, url: string, method: DropzoneProps["method"], config: any) => Promise<FileValidated>;
+/**
+ * In construction
+ */

build/components/dropzone/components/utils/dropzone-ui.utils.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function createRipple<T extends HTMLButtonElement | HTMLAnchorElement | HTMLDivElement>(event: React.MouseEvent<T, MouseEvent>, color: string): void;

build/components/dropzone/components/utils/errors.utils.d.ts

@@ -0,0 +1,2 @@
+export declare const ERROR_MAX_SIZE: (maxSize: number) => string;
+export declare const ERROR_ACCEPT = "File's type is not allowed";