ywana-core8 0.0.881 → 0.0.882

package/package.json

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

package/src/html/text.js

@@ -44,4 +44,5 @@ export const Text = ({ format = TEXTFORMATS.HTML, children, className }) => {
     default: return <span className={className}>{value}</span>
   }
 
-}
+}
+

package/src/html/text.test.js

@@ -9,6 +9,7 @@ const TextTest = (prop) => {
         <>
            <Text format={TEXTFORMATS.NUMERIC}>846964.4199142859</Text>
            <Text format={TEXTFORMATS.NUMERIC}>{"345356345.345"}</Text>
+           <Text format={TEXTFORMATS.STRING}>Lorem Ipsum dolro sit amet....</Text>
         </>
     )
 }

package/src/html/textfield.js

@@ -45,7 +45,7 @@ export const TextField = (props) => {
     const labelPositionStyle = labelPosition == 'left' ? "label-left" : "label-top"
     const style = `${labelStyle} ${labelPositionStyle} ${borderStyle} textfield-${type}`
     const labelTxt = <Text>{label}</Text>
-    const placeholderTxt = placeholder ? <Text format={TEXTFORMATS.STRING}>{placeholder}</Text> : null
+    const placeholderTxt = site.translate ? site.translate(placeholder) : placeholder
 
     return (
         <div className={`${style} ${id}`} onClick={onClick}>
@@ -98,7 +98,8 @@ export const TextArea = (props) => {
     const labelStyle = label ? "" : "no-label"
     const style = `textarea ${labelStyle} textarea-${type}`
     const labelTxt = <Text>{label}</Text>
-    const placeholderTxt = <Text format={TEXTFORMATS.STRING} >{placeholder}</Text>
+
+    const placeholderTxt = site.translate ? site.translate(placeholder) : placeholder
 
     return (
         <div className={`${style}`} onClick={onClick}>

package/src/html/textfield.test.js

@@ -43,7 +43,7 @@ const TextFieldTest = (prop) => {
             <TokenField id="token2" label="Tokens DropDown" onChange={change} options={options} tokens={form.token2}/>
             <br/>
             <br/>
-            <TextArea id="text1" label="Text 1" value={form.text1} onChange={change} />
+            <TextArea id="text1" label="Text 1" value={form.text1} onChange={change} placeholder="loremitsum"/>
             <TextField id="date1" type="DATE" label="Date" value={form.date1} onChange={change} />
             <DateRange id="range1" value={form.range1} onChange={change}/>
         </>

package/src/site/site.js

@@ -34,6 +34,12 @@ export const SiteProvider = ({ children, siteLang, siteDictionary }) => {
 
         dictionary,
         setDictionary,
+        translate: (key) => {
+            if (!key) return key
+            if (dictionary === undefined) return key
+            const term = dictionary[key]
+            return term ? term[lang] : key
+        },
         
         sideNav,
         setSideNav,