ywana-core8 0.0.875 → 0.0.876

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.875",
+  "version": "0.0.876",
   "description": "ywana-core8",
   "homepage": "https://ywana.github.io/workspace",
   "author": "Ernesto Roldan Garcia",

package/src/widgets/upload/Upload.test.js

@@ -26,7 +26,7 @@ const UploadProgressTest = (prop) => {
 const UploaderTest = (prop) => {
     return (
         <div style={{ padding: "1rem" }}>
-            <Uploader icon="cloud_upload" target="https://maso.developxp.com/kiosk/api/upload" />
+            <Uploader view="icon" icon="cloud_upload" target="https://maso.developxp.com/kiosk/api/upload" />
         </div>
     )
 }

package/src/widgets/upload/Uploader.js

@@ -1,6 +1,6 @@
 import React, { useState, useMemo } from 'react'
 import ResumableJS from 'resumablejs'
-import { UploadArea } from "./UploadArea";
+import { UploadArea, UploadIcon } from "./UploadArea";
 import { UploadProgress } from './UploadProgress';
 import { UPLOAD_STATES } from './UploadStates';
 import './Uploader.css'
@@ -9,7 +9,7 @@ import './Uploader.css'
 /**
  * Uploader
  */
-export const Uploader = ({ icon, label, target, accept, simultaneousUploads = 1, className, onProgress, onSuccess, onError, onComplete }) => {
+export const Uploader = ({ icon, label, view="area", target, accept, simultaneousUploads = 1, className, onProgress, onSuccess, onError, onComplete }) => {
 
         const resumable = useMemo(() => {
             const config = {
@@ -63,9 +63,19 @@ export const Uploader = ({ icon, label, target, accept, simultaneousUploads = 1,
             if (onComplete) onComplete(files)
         }
 
+        function renderView() {
+            switch (view) {
+                case "area": return <UploadArea resumable={resumable} icon={icon} label={label} />
+                case "icon": return <UploadIcon resumable={resumable} icon={icon} />
+                default: return <UploadArea resumable={resumable} icon={icon} label={label} />
+            }
+        }
+
         return (
             <div className={`uploader ${className}`}>
-                {state === UPLOAD_STATES.IDLE ? <UploadArea resumable={resumable} icon={icon} label={label}  /> : <UploadProgress files={files} /> }
+                {state === UPLOAD_STATES.IDLE ? renderView() : <UploadProgress files={files} /> }
             </div>
         )
     }
+
+