ywana-core8 0.0.875 → 0.0.877

package/package.json

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

package/src/site/site.js

@@ -109,7 +109,7 @@ export const Site = ({ icon, iconSrc, logo, title, toolbar, footer, children, in
             <div className="site6">
                 <SiteHeader icon={icon} iconSrc={iconSrc} title={title} />
                 <SiteToolBar >{toolbar}</SiteToolBar>
-                <SiteMenu logo={logo} title={title} min={min} >{children}</SiteMenu>
+                <SiteMenu iconSrc={iconSrc} title={title} min={min} >{children}</SiteMenu>
                 <SitePage init={init}>
                     {children}
                     <Page id="EMPTY">EMPTY</Page>
@@ -179,7 +179,7 @@ const SiteAside = () => {
 /**
  * SiteMenu
  */
-const SiteMenu = ({ logo, title, children, min }) => {
+const SiteMenu = ({ iconSrc, title, children, min }) => {
 
     const context = useContext(SiteContext)
     const { page, sideNav, setSideNav, showNav } = context
@@ -212,7 +212,7 @@ const SiteMenu = ({ logo, title, children, min }) => {
     const menutTitle = sideNav === 'max' ? title : ''
     return (
         <menu className={`${style} ${showNav ? 'show' : ''}`}>
-            <Header title={menutTitle} />
+            <Header title={menutTitle} iconSrc={iconSrc} />
             <main >
                 {Object.keys(sections).map(title => (
                     <Fragment key={title}>

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>
         )
     }
+
+