@andersonalmeidax0/webcomponents 0.2.0 → 0.2.1

package/XInput.jsx

@@ -105,7 +105,7 @@ class XInputExternal extends React.Component {
   }
 
   componentDidMount = () => {
-    this.log('XInputExternal.didmount localvalue:['+this.state.localValue+']');
+    //this.log('XInputExternal.didmount localvalue:['+this.state.localValue+']');
 
   }
 
@@ -116,28 +116,34 @@ class XInputExternal extends React.Component {
   //if(this.props.width)
   //  w=this.props.width;
   //console.log('XInputExternal.didmount RENDER:['+this.state.localValue+']');
+  return (
+    <React.Fragment>
+        <input  id={this.props.id} type="text" readOnly={this.props.readOnly} defaultValue={this.state.localValue} onChange={this.onChangeCheckInterceptor}  
+         onKeyDown ={(e)=>{if (e.keyCode === 13){this.log('Xint.onKEnter');this.props.onEnterKey(); }}} />          
+        {(this.state.valid)?'':' (numero invalido)'}
+      </React.Fragment>
+    );
+  }  
 
 
+  /*
   if(this.props.cellStyle)
     return (
       <React.Fragment>
-      <input id={this.props.id}  style={this.style1(this.state.valid)} readOnly={this.props.readOnly} 
-      defaultValue={this.state.localValue}  value={this.state.localValue}  onChange={this.onChangeCheckInterceptor}  
-      onKeyDown ={(e)=>{if (e.keyCode === 13){this.log('Xint.onKEnter');this.props.onEnterKey();/*this.setState({localValue:''})*/; }}} />
+      <input id={this.props.id} type="text"  readOnly={this.props.readOnly}  defaultValue={this.state.localValue}  value={this.state.localValue}  onChange={this.onChangeCheckInterceptor}  
+      onKeyDown ={(e)=>{if (e.keyCode === 13){this.log('Xint.onKEnter');this.props.onEnterKey();}}} />
       {(this.state.valid)?'':'(invalid)'}
         </React.Fragment>
     ); else
     return (
       <React.Fragment>
-          <input  id={this.props.id} readOnly={this.props.readOnly}   
-          xstyle={this.style1(this.state.valid)} 
-          xclassName="card" 
-          defaultValue={this.state.localValue} onChange={this.onChangeCheckInterceptor}  />
+          <input  id={this.props.id} type="text" readOnly={this.props.readOnly} defaultValue={this.state.localValue} onChange={this.onChangeCheckInterceptor}  
+           onKeyDown ={(e)=>{if (e.keyCode === 13){this.log('Xint.onKEnter');this.props.onEnterKey(); }}} />          
           {(this.state.valid)?'':' (invalid)'}
         </React.Fragment>
-
     );
   }
+  */
 }
 
 

package/jzcomponents/JZEditComponent.jsx

@@ -151,7 +151,7 @@ class JZEditComponent extends React.Component {
           <XFormEdit id={this.props._id}  metadata={this.props.editConfig}  textlabels={true}   formData={this.state.currObj} />
          
           
-          <nav class="actions">
+          <nav >
           {this.props.editConfig.hasSaveFn&&this.props.editConfig.hasSaveFn(this.state.currObj)&&<React.Fragment>{DEBUG_ID&&'Save_'+this.props._id}<XButton label='Salvar'  id={'Save_'+this.props._id}  onClick={this.evtSubmit}/></React.Fragment>}<span> </span>
           {this.props.editConfig.hasBackFn&&this.props.editConfig.hasBackFn(this.state.currObj)&&<XButton label='Voltar'   onClick={this.evtCancel}/>}<span> </span>
           {this.props.editConfig.extraButtons&&this.props.editConfig.extraButtons.map((v,i)=> {return <React.Fragment  key={i} >{DEBUG_ID&&v.btnLabel+'_'+this.props._id}<XButton id={v.btnLabel+'_'+this.props._id}  label={v.btnLabel}   onClick={()=>v.evtBtn(this.state.currObj)}/><span> </span></React.Fragment> } )} 

package/jzcomponents/XFormEdit.jsx

@@ -58,7 +58,7 @@ class XFormEdit extends React.Component {
           <ul>
           {this.props.metadata.fields.filter((item) => { return (item.show) }).map((v, i) => 
           {
-             return <li>{this.renderFieldL2(v,i)}</li>;
+             return <li key={i}>{this.renderFieldL2(v,i)}</li>;
           }
           )}
           </ul>
@@ -131,7 +131,7 @@ class XFormEdit extends React.Component {
           {v.label&&<legend>{v.label}</legend>}
           {v.fields.map((v, i) => 
           {
-             return <li>{this.renderFieldL2(v,i)}</li>;
+             return <li key={i}>{this.renderFieldL2(v,i)}</li>;
           })}
         </fieldset>
         );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@andersonalmeidax0/webcomponents",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "webcomponents",
   "main": "webcomponents",
   "scripts": {

package/releasenotes.txt

@@ -35,6 +35,7 @@ XTableRead: sem div
 JZEditComponent: sem fieldset de form e de buttonbar,  buttonbar com <nav>
 JZInPlaceListComp: sem span  
 
+0.2.1: bug li with key, JZEditNav no class for nav, Xinput um render unico (sem cellStyle) 
 
 
 npm login