@vonage/vivid-react/VwcTextfield/index.js

Vivid wrapped for easy React usage & IDE autocomplete support & typescript typings

/*
* DO NOT EDIT THIS FILE. IT IS GENERATED
*/
/*
Code in this file were generated using following JSON:
{
 "name": "vwc-textfield",
 "path": "./../node_modules/@vonage/vwc-textfield/vwc-textfield.d.ts",
 "properties": [
  {
   "name": "noActionsSync",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "dense",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "shape",
   "type": "TextfieldShape | undefined",
   "bindable": false
  },
  {
   "name": "autocomplete",
   "type": "string | undefined",
   "bindable": false
  },
  {
   "name": "form",
   "type": "string | undefined",
   "bindable": true
  },
  {
   "name": "appearance",
   "type": "TextfieldLayout | undefined",
   "bindable": false
  },
  {
   "name": "styles",
   "type": "CSSResult[]"
  },
  {
   "name": "value",
   "type": "string",
   "bindable": false
  },
  {
   "name": "type",
   "type": "TextFieldType",
   "bindable": false
  },
  {
   "name": "placeholder",
   "type": "string",
   "bindable": false
  },
  {
   "name": "label",
   "type": "string",
   "bindable": false
  },
  {
   "name": "icon",
   "type": "string",
   "bindable": false
  },
  {
   "name": "iconTrailing",
   "type": "string",
   "bindable": false
  },
  {
   "name": "disabled",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "required",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "minLength",
   "type": "number",
   "bindable": false
  },
  {
   "name": "maxLength",
   "type": "number",
   "bindable": false
  },
  {
   "name": "outlined",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "helper",
   "type": "string",
   "bindable": false
  },
  {
   "name": "validateOnInitialRender",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "validationMessage",
   "type": "string",
   "bindable": false
  },
  {
   "name": "autoValidate",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "pattern",
   "type": "string",
   "bindable": false
  },
  {
   "name": "min",
   "type": "string | number",
   "bindable": false
  },
  {
   "name": "max",
   "type": "string | number",
   "bindable": false
  },
  {
   "name": "step",
   "type": "number | null",
   "bindable": false
  },
  {
   "name": "size",
   "type": "number | null",
   "bindable": false
  },
  {
   "name": "helperPersistent",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "charCounter",
   "type": "boolean | TextAreaCharCounter",
   "bindable": false
  },
  {
   "name": "endAligned",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "prefix",
   "type": "string",
   "bindable": false
  },
  {
   "name": "suffix",
   "type": "string",
   "bindable": false
  },
  {
   "name": "name",
   "type": "string",
   "bindable": false
  },
  {
   "name": "inputMode",
   "type": "TextFieldInputMode",
   "bindable": false
  },
  {
   "name": "readOnly",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "autocapitalize",
   "type": "string",
   "bindable": false
  },
  {
   "name": "validity",
   "type": "ValidityState"
  },
  {
   "name": "willValidate",
   "type": "boolean"
  },
  {
   "name": "selectionStart",
   "type": "number | null"
  },
  {
   "name": "selectionEnd",
   "type": "number | null"
  },
  {
   "name": "validityTransform",
   "type": "((value: string, nativeValidity: ValidityState) => Partial<ValidityState>) | null",
   "bindable": true
  },
  {
   "name": "shadowRootOptions",
   "type": "ShadowRootInit",
   "bindable": false
  },
  {
   "name": "ripple",
   "description": "Implement ripple getter for Ripple integration with mwc-formfield",
   "type": "Promise<RippleInterface | null> | undefined"
  }
 ],
 "events": [
  "input",
  "blur",
  "focus"
 ]
}
*/
import PropTypes from 'prop-types'
import wrapper from '@vonage/vivid-react-wrapper'
import '@vonage/vwc-textfield'


/**  
* @param {boolean} noActionsSync  
* @param {boolean} dense  
* @param {TextfieldShape | undefined} shape  
* @param {string | undefined} autocomplete  
* @param {string | undefined} form  
* @param {TextfieldLayout | undefined} appearance  
* @param {string} value  
* @param {TextFieldType} type  
* @param {string} placeholder  
* @param {string} label  
* @param {string} icon  
* @param {string} iconTrailing  
* @param {boolean} disabled  
* @param {boolean} required  
* @param {number} minLength  
* @param {number} maxLength  
* @param {boolean} outlined  
* @param {string} helper  
* @param {boolean} validateOnInitialRender  
* @param {string} validationMessage  
* @param {boolean} autoValidate  
* @param {string} pattern  
* @param {string | number} min  
* @param {string | number} max  
* @param {number | null} step  
* @param {number | null} size  
* @param {boolean} helperPersistent  
* @param {boolean | TextAreaCharCounter} charCounter  
* @param {boolean} endAligned  
* @param {string} prefix  
* @param {string} suffix  
* @param {string} name  
* @param {TextFieldInputMode} inputMode  
* @param {boolean} readOnly  
* @param {string} autocapitalize  
* @param {((value: string, nativeValidity: ValidityState) => Partial<ValidityState>) | null} validityTransform  
* @param {ShadowRootInit} shadowRootOptions  
*/
const VwcTextfield = wrapper('vwc-textfield',  {
    events: [{"name":"focus","propName":"onFocus"},{"name":"blur","propName":"onBlur"},{"name":"input","propName":"onInput"}],
    attributes: [],
    properties: ["form","validityTransform"]
});

VwcTextfield.propTypes = {
  onInput: PropTypes.func,
  onBlur: PropTypes.func,
  onFocus: PropTypes.func,
  noActionsSync: PropTypes.bool,
  dense: PropTypes.bool,
  shape: PropTypes.any /* TextfieldShape | undefined */,
  autocomplete: PropTypes.string,
  form: PropTypes.string,
  appearance: PropTypes.any /* TextfieldLayout | undefined */,
  value: PropTypes.string,
  type: PropTypes.any /* TextFieldType */,
  placeholder: PropTypes.string,
  label: PropTypes.string,
  icon: PropTypes.string,
  iconTrailing: PropTypes.string,
  disabled: PropTypes.bool,
  required: PropTypes.bool,
  minLength: PropTypes.number,
  maxLength: PropTypes.number,
  outlined: PropTypes.bool,
  helper: PropTypes.string,
  validateOnInitialRender: PropTypes.bool,
  validationMessage: PropTypes.string,
  autoValidate: PropTypes.bool,
  pattern: PropTypes.string,
  min: PropTypes.any /* string | number */,
  max: PropTypes.any /* string | number */,
  step: PropTypes.number,
  size: PropTypes.number,
  helperPersistent: PropTypes.bool,
  charCounter: PropTypes.any /* boolean | TextAreaCharCounter */,
  endAligned: PropTypes.bool,
  prefix: PropTypes.string,
  suffix: PropTypes.string,
  name: PropTypes.string,
  inputMode: PropTypes.any /* TextFieldInputMode */,
  readOnly: PropTypes.bool,
  autocapitalize: PropTypes.string,
  validityTransform: PropTypes.any /* ((value: string, nativeValidity: ValidityState) => Partial<ValidityState>) | null */,
  shadowRootOptions: PropTypes.any /* ShadowRootInit */
}

VwcTextfield.defaultProps = {

}

VwcTextfield.displayName = 'VwcTextfield'



export default VwcTextfield