@vonage/vivid-react/VwcListItem/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-list-item",
 "path": "./../node_modules/@vonage/vwc-list/src/vwc-list-item.ts",
 "description": "This component is an extension of [<mwc-list-item>](https://github.com/material-components/material-components-web-components/tree/master/packages/list)",
 "attributes": [
  {
   "name": "connotation",
   "type": "ListItemConnotation | undefined"
  },
  {
   "name": "shape",
   "type": "Shape.Rounded | undefined"
  }
 ],
 "properties": [
  {
   "name": "connotation",
   "attribute": "connotation",
   "type": "ListItemConnotation | undefined",
   "bindable": false
  },
  {
   "name": "shape",
   "attribute": "shape",
   "type": "Shape.Rounded | undefined",
   "bindable": false
  },
  {
   "name": "styles",
   "type": "CSSResult[]"
  },
  {
   "name": "ripple",
   "type": "Promise<Ripple | null>"
  },
  {
   "name": "value",
   "type": "string",
   "bindable": false
  },
  {
   "name": "group",
   "type": "string | null",
   "bindable": false
  },
  {
   "name": "tabindex",
   "type": "number",
   "bindable": false
  },
  {
   "name": "disabled",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "twoline",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "activated",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "graphic",
   "type": "GraphicType",
   "bindable": false
  },
  {
   "name": "multipleGraphics",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "hasMeta",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "noninteractive",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "selected",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "text",
   "type": "string"
  }
 ],
 "events": [
  {
   "name": "request-selected"
  },
  {
   "name": "list-item-rendered"
  },
  "click",
  {
   "name": "request-selected",
   "propName": "onRequestSelected"
  }
 ]
}
*/
import PropTypes from 'prop-types'
import wrapper from '@vonage/vivid-react-wrapper'
import '@vonage/vwc-list'
import '@vonage/vwc-list/vwc-list-item'


/** This component is an extension of [<mwc-list-item>](https://github.com/material-components/material-components-web-components/tree/master/packages/list) 
* @param {ListItemConnotation | undefined} connotation  attribute: &lt;VwcListItem connotation />
* @param {Shape.Rounded | undefined} shape  attribute: &lt;VwcListItem shape />
* @param {string} value  
* @param {string | null} group  
* @param {number} tabindex  
* @param {boolean} disabled  
* @param {boolean} twoline  
* @param {boolean} activated  
* @param {GraphicType} graphic  
* @param {boolean} multipleGraphics  
* @param {boolean} hasMeta  
* @param {boolean} noninteractive  
* @param {boolean} selected  
*/
const VwcListItem = wrapper('vwc-list-item',  {
    events: [{"name":"request-selected","propName":"onRequestSelected"},{"name":"click","propName":"onClick"},{"name":"list-item-rendered"}],
    attributes: [],
    properties: []
});

VwcListItem.propTypes = {
  onRequestSelected: PropTypes.func,
  onListItemRendered: PropTypes.func,
  onClick: PropTypes.func,
  onRequestSelected: PropTypes.func,
  connotation: PropTypes.any /* ListItemConnotation | undefined *//* attribute: connotation */,
  shape: PropTypes.any /* Shape.Rounded | undefined *//* attribute: shape */,
  value: PropTypes.string,
  group: PropTypes.string,
  tabindex: PropTypes.number,
  disabled: PropTypes.bool,
  twoline: PropTypes.bool,
  activated: PropTypes.bool,
  graphic: PropTypes.any /* GraphicType */,
  multipleGraphics: PropTypes.bool,
  hasMeta: PropTypes.bool,
  noninteractive: PropTypes.bool,
  selected: PropTypes.bool
}

VwcListItem.defaultProps = {

}

VwcListItem.displayName = 'VwcListItem'



export default VwcListItem