ywana-core8 0.0.353 → 0.0.354

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.353",
+  "version": "0.0.354",
   "description": "ywana-core8",
   "author": "Ernesto Roldan Garcia",
   "license": "MIT",

package/src/html/text.test.js

@@ -1,8 +1,10 @@
 import React, { useState } from 'react'
+import { useEffect } from 'react/cjs/react.production.min'
 import { Text, TEXTFORMATS } from './text'
 
 const TextTest = (prop) => {
 
+
     return (
         <>
            <Text format={TEXTFORMATS.NUMERIC}>846964.4199142859</Text>

package/src/http/token.test.js

@@ -1,31 +1,39 @@
-import React, { useState } from 'react'
-import { Button, TextField } from '../html'
-import sha256 from 'crypto-js/sha256';
-import hmacSHA512 from 'crypto-js/hmac-sha512';
-import Base64 from 'crypto-js/enc-base64';
+import React, { useState, useEffect } from 'react'
+import { TextField } from '../html'
+import CryptoJS from 'crypto-js';
+import { useEffect } from 'react/cjs/react.production.min';
 
-const TokenTest = (prop) => {
 
-    const [text, setText] = useState()
-    const [hash, setHash] = useState()
-    const [decripted, setDecripted] = useState()
+const Token = () => {
 
-    function encryptData(data, iv, key) {
+    const [encrypted, setEncrypted] = useState("")
+    const [decrypted, setDecrypted] = useState("")
 
+    
+    function decryptData(encrypted, secret) {
+        const bytes = CryptoJS.AES.decrypt(encrypted, secret);
+        const originalText = bytes.toString(CryptoJS.enc.Utf8);
+        return originalText;
     }
-
-
-    function decryptData(encrypted, iv, key) {
-
+    
+    function encryptData(message, secret) {
+        return CryptoJS.AES.encrypt(message, secret).toString();
+    }
+    
+    function change(id, value) {
+        const secret = '12345678';
+        const e = encryptData(value, secret)
+        setEncrypted(e)
+        const d = decryptData(e, secret)
+        setDecrypted(d)
     }
 
     return (
         <>
-            <TextField label="Text" onChange={(id, value) => setText(value)}></TextField>
-            <Button label="ENCRYPT" action={encryptData}></Button>
-            <TextField label="Encrypted" value={encripted}></TextField>
-            <Button label="DECRYPT" action={decryptData}></Button>
-            <TextField label="Decrypted" value={decripted} />
+            <TextField label="Text" onChange={(id, value) => change(id, value)}></TextField>
+            <TextField label="Encrypted" value={encrypted}></TextField>
+            <TextField label="Decrypted" value={decrypted}></TextField>
         </>
     )
-}
+}
+

package/src/site/site.css

@@ -109,6 +109,10 @@
 
 .site6>footer {
     grid-area: footer;
+}
+
+.site6>.site-console {
+    grid-area: footer;
     min-height: 20rem;
     background-color: rgb(222, 222, 222);
     color: #FFF;

package/src/site/site.js

@@ -104,7 +104,7 @@ export const SiteProvider = ({ children, siteLang, siteDictionary, showConsole }
 /**
  * Site
  */
-export const Site = ({ icon, logo, title, toolbar, children, init, min, lang, dictionary }) => {
+export const Site = ({ icon, logo, title, toolbar, footer, children, init, min, lang, dictionary }) => {
     return (
         <SiteProvider siteLang={lang} siteDictionary={dictionary}>
             <div className="site6">
@@ -121,6 +121,7 @@ export const Site = ({ icon, logo, title, toolbar, children, init, min, lang, di
                 <SitePromptDialog />
                 <SitePreview />
                 <SiteNotifications />
+                <SiteFooter>{footer}</SiteFooter>
             </div>
         </SiteProvider>
     )
@@ -141,6 +142,7 @@ const SiteHeader = (props) => {
         <Header icon={icon} title={title} />
     )
 }
+
 /**
  * Site ToolBar
  */
@@ -154,6 +156,19 @@ const SiteToolBar = ({ children }) => {
     )
 }
 
+/**
+ * Site Footer
+ */
+ const SiteFooter = ({ children }) => {
+    const context = useContext(SiteContext)
+    const { breadcrumb } = context
+    return (
+        <footer>
+            {children}
+        </footer>
+    )
+}
+
 /**
  * Site Aside
  */

package/src/site/site.test.js

@@ -9,8 +9,11 @@ import { Dialog } from './dialog'
 import { Button } from '../html'
 
 const SiteTest = (prop) => {
+
+    const footer = <div>FOOTER</div>
+
     return (
-        <Site icon="star" title="Site Test" init={"PAGE2"}>
+        <Site icon="star" title="Site Test" init={"PAGE2"} footer={footer}>
             <Page id="PAGE1" section="SECTION1" icon="description" title="Page 1" layout="workspace">
                 <Page1 />
             </Page>