ywana-core8 0.0.858 → 0.0.860

package/package.json

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

package/src/html/textfield.js

@@ -12,7 +12,7 @@ import './textarea.css'
 export const TextField = (props) => {
 
     const site = useContext(SiteContext)
-    const { id, type = 'text', label, labelPosition = 'top', placeholder, value, outlined, readOnly = false, canClear = true, onChange, onEnter, onClick, onBlur } = props
+    const { id, type = 'text', label, labelPosition = 'top', placeholder, value, outlined, readOnly = false, canClear = true, onChange, onEnter, onClick, onFocus, onBlur } = props
 
     function onKeyPress(event) {
         var key = event.charCode ? event.charCode : event.keyCode ? event.keyCode : 0;
@@ -29,13 +29,7 @@ export const TextField = (props) => {
     }
 
     function focus() {
-        if (site && site.changeFocus) {
-            site.changeFocus({
-                lose: () => {
-                    // DO NOTHING
-                }
-            })
-        }
+        if (onFocus) onFocus()
     }
 
     function blur() {

package/src/site/site.js

@@ -26,8 +26,7 @@ export const SiteProvider = ({ children, siteLang, siteDictionary }) => {
     const [promptDialog, setPromptDialog] = useState()
     const [preview, setPreview] = useState()
     const [breadcrumb, setBreadcrumb] = useState()
-    const [focused, setFocused] = useState()
-
+    
     const value = {
 
         lang,
@@ -35,17 +34,7 @@ export const SiteProvider = ({ children, siteLang, siteDictionary }) => {
 
         dictionary,
         setDictionary,
-
-        focused,
-        changeFocus: (next) => {
-            if (focused) focused.lose()
-            setFocused(next)
-        },
-        clearFocus: () => {
-            if (focused) focused.lose()
-            setFocused(null)
-        },
-
+        
         sideNav,
         setSideNav,
 

package/src/site/view.css

@@ -8,20 +8,28 @@
 .view>header {
     width: 100%;
     display: flex;
-    align-items: center;
+    align-items: flex-end;
     background-color: rgb(200,200,200);
     min-height: 2rem;
-    padding-left: 1rem;
+    height: 2.5rem;
+    max-height: 2.5rem;
+}
+
+.view>header>.icon {
+    height: 2.4rem;
+    width: 3rem
 }
 
 .view>header>label {
     flex: 1;
+    height: 100%;
+    display: flex;
+    align-items: center;
 }
 
 .view>nav {
     min-height: 2rem;
     display: flex;
-    flex-direction: ;
     align-items: center;
     justify-content: flex-end;
     background-color: rgb(230,230,230);