ywana-core8 0.1.21 → 0.1.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.1.21",
+  "version": "0.1.23",
   "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, autoComplete="new-password" } = props
+    const { id, type = 'text', className, label, labelPosition = 'top', placeholder, value, outlined, readOnly = false, canClear = true, onChange, onEnter, onClick, onFocus, onBlur, autoComplete="one-time-code" } = props
 
     function onKeyPress(event) {
         var key = event.charCode ? event.charCode : event.keyCode ? event.keyCode : 0;

package/src/widgets/login/ResetPasswordBox.js

@@ -20,14 +20,14 @@ export const ResetPasswordBox = ({ title, userRequired = true, oldPwdRequired =
     function validateUser(user) {
         let error = ""
         const isValid = user && user.length > 0
-        error = <Text>User is required.</Text>
+        if (!isValid) error = "User is required."
         return [isValid, error]
     }
 
     function validateOldPassword(oldPassword) {
         let error = ""
         const isValid = oldPassword && oldPassword.length > 0
-        error = <Text>Old password is required.</Text>
+        if (!isValid) error = "Old password is required." 
         return [isValid, error]
     }
 
@@ -35,7 +35,7 @@ export const ResetPasswordBox = ({ title, userRequired = true, oldPwdRequired =
 
         const hasPassword = password && password.length > 0
         if (!hasPassword) {
-            const error = <Text>Password is required</Text>
+            const error = "Password is required"
             return [false, error]
         }
 
@@ -50,7 +50,7 @@ export const ResetPasswordBox = ({ title, userRequired = true, oldPwdRequired =
     function validatePasswordsMatch(password1, password2) {
         let error = ""
         const isValid = password1 === password2
-        error = <Text>Passwords do not match.</Text>
+        if (!isValid) error = "Passwords do not match."
         return [isValid, error]
     }
 
@@ -108,6 +108,7 @@ export const ResetPasswordBox = ({ title, userRequired = true, oldPwdRequired =
     const password1Style = errors.password1 ? "error" : ""
     const password2Style = errors.password2 ? "error" : ""
 
+    console.log("ResetPasswordBox", errors)
     return (
         <div className="reset-password-box">
             <header>
@@ -116,18 +117,18 @@ export const ResetPasswordBox = ({ title, userRequired = true, oldPwdRequired =
             <main className={`reset-password-form`}>
 
                 {userRequired ? <TextField id="user" className={userStyle} outlined icon="person" label={userLabel} lapse={100} onChange={changeField} onEnter={ok} /> : null}
-                {userRequired ? errors.user ? <div className="error-message">{errors.user}</div> : null : null}
+                {userRequired ? errors.user ? <div className="error-message"><Text>{errors.user}</Text></div> : null : null}
                 
                 {oldPwdRequired ? <TextField id="oldPassword" className={oldPasswordStyle} outlined icon="lock" type="password" label="Old Password" lapse={100} onChange={changeField} onEnter={ok} /> : null}
-                {oldPwdRequired ? errors.oldPassword ? <div className="error-message">{errors.oldPassword}</div> : null : null}
+                {oldPwdRequired ? errors.oldPassword ? <div className="error-message"><Text>{errors.oldPassword}</Text></div> : null : null}
 
                 <TextField id="password1" className={password1Style} outlined icon="lock" type="password" label={passwordLabel} lapse={100} onChange={changeField} onEnter={ok} />
-                { errors.password1 ? <div className="error-message">{errors.password1}</div> : null }
+                { errors.password1 ? <div className="error-message"><Text>{errors.password1}</Text></div> : null }
 
                 {children}
 
                 <TextField id="password2" className={password2Style} outlined icon="lock" type="password" label={password2Label} lapse={100} onChange={changeField} onEnter={ok} />
-                { errors.password2 ? <div className="error-message">{errors.password2}</div> : null }
+                { errors.password2 ? <div className="error-message"><Text>{errors.password2}</Text></div> : null }
 
             </main>
             <footer>