@vonage/vivid-react/VwcMenu/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-menu",
 "path": "./../node_modules/@vonage/vwc-menu/vwc-menu.d.ts",
 "properties": [
  {
   "name": "styles",
   "type": "CSSResult[]"
  },
  {
   "name": "slotElement",
   "type": "HTMLSlotElement | null"
  },
  {
   "name": "anchor",
   "type": "HTMLElement | null",
   "bindable": true
  },
  {
   "name": "open",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "quick",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "wrapFocus",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "innerRole",
   "type": "\"menu\" | \"listbox\"",
   "bindable": false
  },
  {
   "name": "corner",
   "type": "\"TOP_LEFT\" | \"TOP_RIGHT\" | \"BOTTOM_LEFT\" | \"BOTTOM_RIGHT\" | \"TOP_START\" | \"TOP_END\" | \"BOTTOM_START\" | \"BOTTOM_END\"",
   "bindable": false
  },
  {
   "name": "x",
   "type": "number | null",
   "bindable": false
  },
  {
   "name": "y",
   "type": "number | null",
   "bindable": false
  },
  {
   "name": "absolute",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "multi",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "activatable",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "fixed",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "forceGroupSelection",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "fullwidth",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "menuCorner",
   "type": "MenuCorner",
   "bindable": false
  },
  {
   "name": "stayOpenOnBodyClick",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "defaultFocus",
   "type": "\"NONE\" | \"LIST_ROOT\" | \"FIRST_ITEM\" | \"LAST_ITEM\"",
   "bindable": false
  },
  {
   "name": "listElement",
   "type": "VWCList | null",
   "bindable": false
  },
  {
   "name": "items",
   "type": "ListItemBase[]"
  },
  {
   "name": "index",
   "type": "MWCListIndex"
  },
  {
   "name": "selected",
   "type": "ListItemBase | ListItemBase[] | null"
  },
  {
   "name": "mdcRoot",
   "description": "Root element for MDC Foundation usage.\n\nDefine in your component with the `@query` decorator",
   "type": "MenuSurface"
  }
 ],
 "events": [
  {
   "name": "selected"
  },
  {
   "name": "action"
  },
  {
   "name": "items-updated"
  },
  {
   "name": "opened"
  },
  {
   "name": "closed"
  }
 ]
}
*/
import PropTypes from 'prop-types'
import wrapper from '@vonage/vivid-react-wrapper'
import '@vonage/vwc-menu'


/**  
* @param {HTMLElement | null} anchor  
* @param {boolean} open  
* @param {boolean} quick  
* @param {boolean} wrapFocus  
* @param {"menu" | "listbox"} innerRole  
* @param {"TOP_LEFT" | "TOP_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_RIGHT" | "TOP_START" | "TOP_END" | "BOTTOM_START" | "BOTTOM_END"} corner  
* @param {number | null} x  
* @param {number | null} y  
* @param {boolean} absolute  
* @param {boolean} multi  
* @param {boolean} activatable  
* @param {boolean} fixed  
* @param {boolean} forceGroupSelection  
* @param {boolean} fullwidth  
* @param {MenuCorner} menuCorner  
* @param {boolean} stayOpenOnBodyClick  
* @param {"NONE" | "LIST_ROOT" | "FIRST_ITEM" | "LAST_ITEM"} defaultFocus  
* @param {VWCList | null} listElement  
*/
const VwcMenu = wrapper('vwc-menu',  {
    events: [{"name":"closed"},{"name":"opened"},{"name":"items-updated"},{"name":"action"},{"name":"selected"}],
    attributes: [],
    properties: ["anchor"]
});

VwcMenu.propTypes = {
  onSelected: PropTypes.func,
  onAction: PropTypes.func,
  onItemsUpdated: PropTypes.func,
  onOpened: PropTypes.func,
  onClosed: PropTypes.func,
  anchor: PropTypes.any /* HTMLElement | null */,
  open: PropTypes.bool,
  quick: PropTypes.bool,
  wrapFocus: PropTypes.bool,
  innerRole: PropTypes.oneOf(["menu","listbox"]),
  corner: PropTypes.oneOf(["TOP_LEFT","TOP_RIGHT","BOTTOM_LEFT","BOTTOM_RIGHT","TOP_START","TOP_END","BOTTOM_START","BOTTOM_END"]),
  x: PropTypes.number,
  y: PropTypes.number,
  absolute: PropTypes.bool,
  multi: PropTypes.bool,
  activatable: PropTypes.bool,
  fixed: PropTypes.bool,
  forceGroupSelection: PropTypes.bool,
  fullwidth: PropTypes.bool,
  menuCorner: PropTypes.any /* MenuCorner */,
  stayOpenOnBodyClick: PropTypes.bool,
  defaultFocus: PropTypes.oneOf(["NONE","LIST_ROOT","FIRST_ITEM","LAST_ITEM"]),
  listElement: PropTypes.any /* VWCList | null */
}

VwcMenu.defaultProps = {

}

VwcMenu.displayName = 'VwcMenu'



export default VwcMenu