ywana-core8 0.0.499 → 0.0.502

package/package.json

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

package/src/site/dialog.css

@@ -42,6 +42,7 @@
   font-size: 1rem;
   font-weight: 600;
   padding: 1rem;
+  display: flex;
 }
 
 .dialog-panel > main {

package/src/site/dialog.js

@@ -6,28 +6,29 @@ import './dialog.css'
 /**
  * Dialog
  * 
- * <Dialog title={title} open={true} onAction={onAction} actions={actions}>
+ * <Dialog title={title} open={true} actions={actions}>
  */
 export const Dialog = (props) => {
 
     const site = useContext(SiteContext)
-    const { icon, title = "Dialog", children, onAction, actions, className } = props
+    const { icon, title = "Dialog", toolbar, children, actions, className } = props
 
     function close() {
         if (className === "prompt") {
             site.closePromptDialog()
         } else {
-            site.closeDialog()
+            site.closeDialog() 
         }
     }
 
     return (
         <Fragment>
             <div className={`overlay ${className}`} onMouseDown={close} />
-            <dialog className={`dialog-panel  ${className}`}>
+            <dialog className={`dialog-panel ${className}`}>
                 <header>
                     {icon ? <MenuIcon icon={icon} /> : null}
                     <Text>{title}</Text>
+                    {toolbar}
                 </header>
                 <main>
                     {children}

package/src/site/site.css

@@ -4,8 +4,8 @@
     height: 100vh;
     display: grid;
     grid-template-columns: auto 1fr 1fr auto;
-    grid-template-rows: var(--site-header-height) 1fr auto;
-    grid-template-areas: "header header nav nav" "menu main main aside" "footer footer footer footer";
+    grid-template-rows: var(--site-header-height) 1fr auto auto;
+    grid-template-areas: "header header nav nav" "menu main main aside" "footer footer footer footer" "console console console console";
     background-color: var(--background-color);
 }
 
@@ -112,7 +112,7 @@
 }
 
 .site6>.site-console {
-    grid-area: footer;
+    grid-area: console;
     min-height: 20rem;
     background-color: rgb(222, 222, 222);
     color: #000;

package/src/site/site.js

@@ -172,8 +172,6 @@ const SiteToolBar = ({ children }) => {
  * Site Footer
  */
  const SiteFooter = ({ children }) => {
-    const context = useContext(SiteContext)
-    const { breadcrumb } = context
     return (
         <footer>
             {children}
@@ -317,7 +315,7 @@ const SiteConsole = () => {
     }
 
     return context.showConsole ? (
-        <footer className="site-console" >
+        <div className="site-console" >
             <Header>
                 <Tabs>
                     <Tab label="Console" />
@@ -329,6 +327,6 @@ const SiteConsole = () => {
             <main>
                 {context.consoleLines.map((line,index) => <div key={`log-${index}`}>{line}</div>)}
             </main>
-        </footer>
+        </div>
     ) : ''
 }