ywana-core8 0.1.17 → 0.1.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.1.17",
+  "version": "0.1.19",
   "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', className, label, labelPosition = 'top', placeholder, value, outlined, readOnly = false, canClear = true, onChange, onEnter, onClick, onFocus, onBlur } = props
+    const { id, type = 'text', className, label, labelPosition = 'top', placeholder, value, outlined, readOnly = false, canClear = true, onChange, onEnter, onClick, onFocus, onBlur, autoComplete="off" } = props
 
     function onKeyPress(event) {
         var key = event.charCode ? event.charCode : event.keyCode ? event.keyCode : 0;
@@ -64,7 +64,7 @@ export const TextField = (props) => {
 
     return (
         <div className={`${style} ${id} ${className}`} onClick={onClick}>
-            <input id={id} type={type} placeholder={placeholderTxt} value={value} required onChange={change} onKeyDown={onKeyPress} onFocus={focus} onBlur={blur} readOnly={readOnly} step="any" />
+            <input id={id} type={type} placeholder={placeholderTxt} value={value} required onChange={change} onKeyDown={onKeyPress} onFocus={focus} onBlur={blur} readOnly={readOnly} step="any" autocomplete={autoComplete} />
             {readOnly === false && canClear && value && value.length > 0 ? <Icon icon="close" clickable size="small" action={clear} /> : null}
             {type === "password" ? <Icon id={`${id}-visibility`} icon="visibility_off" clickable size="small" action={toggle} /> : null}
             <span className="bar"></span>

package/src/widgets/explorer/Explorer.js

@@ -132,7 +132,7 @@ export const FilesSearchBox = (props) => {
 
     return (
         <div className="file-searchbox">
-            <TextField placeholder="Search..." onChange={searchChanged} outlined />
+            <TextField id="files-search-box" type="search" placeholder="Search..." onChange={searchChanged} outlined />
         </div>
     )
 }

package/src/widgets/login/LoginBox.js

@@ -56,7 +56,7 @@ export const LoginBox = ({
             </header>
             <main>
                 <TextField label={tx(userLabel)} value={user} onChange={changeUser} onEnter={ok} outlined />
-                <TextField label={tx(passwordLabel)} value={password} onChange={changePassword} onEnter={ok} type="password" outlined />
+                <TextField id="loginbox-password" label={tx(passwordLabel)} value={password} onChange={changePassword} onEnter={ok} type="password" outlined />
             </main>
             <footer>
                 { loading ? <div className="load-box"><Icon icon="refresh" /></div> : <Button label={tx(loginLabel)} action={ok} disabled={!canOK()} raised className="login-button" /> }

package/src/widgets/login/login_commons.js

@@ -4,37 +4,37 @@ export function validatePassword(contraseña) {
 
     // Verificar longitud mínima y máxima
     if (contraseña.length < 15 || contraseña.length > 50) {
-        error =  'La contraseña debe tener entre 15 y 50 caracteres.';
+        error = 'The password must be between 15 and 50 characters.';
         return [ false, error]
     }
 
     // Verificar al menos una letra (mayúscula o minúscula)
     if (!/[A-Za-z]/.test(contraseña)) {
-        error =  'La contraseña debe contener al menos una letra (A-Z o a-z).';
+        error = 'The password must contain at least one letter (A-Z or a-z).';
         return [ false, error]
     }
 
     // Verificar al menos un número
     if (!/[0-9]/.test(contraseña)) {
-        error =  'La contraseña debe contener al menos un número (0-9).';
+        error = 'The password must contain at least one number (0-9).';
         return [ false, error]
     }
 
     // Verificar al menos una minúscula
     if (!/[a-z]/.test(contraseña)) {
-        error =  'La contraseña debe contener al menos una letra en minúscula (a-z).';
+        error = 'The password must contain at least one lowercase letter (a-z).';
         return [ false, error]
     }
 
     // Verificar al menos una mayúscula
     if (!/[A-Z]/.test(contraseña)) {
-        error =  'La contraseña debe contener al menos una letra en mayúscula (A-Z).';
+        error = 'The password must contain at least one uppercase letter (A-Z).';
         return [ false, error]
     }
 
     // Verificar al menos un carácter especial
     if (!/[<>+&!?*\-_%\.:=]/.test(contraseña)) {
-        error =  'La contraseña debe contener al menos un carácter especial (< > + & ! ? * - _ % . : =).';
+        error = 'The password must contain at least one special character (< > + & ! ? * - _ % . : =).';
         return [ false, error]
     }