@vonage/vivid-react/VwcList/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",
 "path": "./../node_modules/@vonage/vwc-list/src/vwc-list.ts",
 "description": "This component is an extension of [<mwc-list>](https://github.com/material-components/material-components-web-components/tree/master/packages/list)",
 "properties": [
  {
   "name": "styles",
   "type": "CSSResult[]"
  },
  {
   "name": "emptyMessage",
   "type": "string | undefined",
   "bindable": false
  },
  {
   "name": "activatable",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "multi",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "wrapFocus",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "itemRoles",
   "type": "string | null",
   "bindable": false
  },
  {
   "name": "innerRole",
   "type": "string | null",
   "bindable": false
  },
  {
   "name": "innerAriaLabel",
   "type": "string | null",
   "bindable": false
  },
  {
   "name": "rootTabbable",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "noninteractive",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "itemsReady",
   "type": "Promise<never[]>",
   "bindable": true
  },
  {
   "name": "items",
   "type": "ListItemBase[]"
  },
  {
   "name": "selected",
   "type": "ListItemBase | ListItemBase[] | null"
  },
  {
   "name": "index",
   "type": "MWCListIndex"
  },
  {
   "name": "layout",
   "type": "(updateItems?: boolean | undefined) => void"
  },
  {
   "name": "debouncedLayout",
   "type": "(updateItems?: boolean | undefined) => void | undefined"
  }
 ],
 "events": [
  {
   "name": "selected"
  },
  {
   "name": "action"
  },
  {
   "name": "items-updated"
  }
 ]
}
*/
import PropTypes from 'prop-types'
import wrapper from '@vonage/vivid-react-wrapper'
import '@vonage/vwc-list'


/** This component is an extension of [<mwc-list>](https://github.com/material-components/material-components-web-components/tree/master/packages/list) 
* @param {string | undefined} emptyMessage  
* @param {boolean} activatable  
* @param {boolean} multi  
* @param {boolean} wrapFocus  
* @param {string | null} itemRoles  
* @param {string | null} innerRole  
* @param {string | null} innerAriaLabel  
* @param {boolean} rootTabbable  
* @param {boolean} noninteractive  
* @param {Promise<never[]>} itemsReady  
*/
const VwcList = wrapper('vwc-list',  {
    events: [{"name":"items-updated"},{"name":"action"},{"name":"selected"}],
    attributes: [],
    properties: ["itemsReady"]
});

VwcList.propTypes = {
  onSelected: PropTypes.func,
  onAction: PropTypes.func,
  onItemsUpdated: PropTypes.func,
  emptyMessage: PropTypes.string,
  activatable: PropTypes.bool,
  multi: PropTypes.bool,
  wrapFocus: PropTypes.bool,
  itemRoles: PropTypes.string,
  innerRole: PropTypes.string,
  innerAriaLabel: PropTypes.string,
  rootTabbable: PropTypes.bool,
  noninteractive: PropTypes.bool,
  itemsReady: PropTypes.any /* Promise<never[]> */
}

VwcList.defaultProps = {

}

VwcList.displayName = 'VwcList'



export default VwcList