@vonage/vivid-react/VwcSurface/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-surface",
 "path": "./../node_modules/@vonage/vwc-surface/vwc-surface.d.ts",
 "properties": [
  {
   "name": "styles",
   "type": "CSSResult[]"
  },
  {
   "name": "slotElement",
   "type": "HTMLSlotElement | null",
   "bindable": false
  },
  {
   "name": "absolute",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "fullwidth",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "fixed",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "x",
   "type": "number | null",
   "bindable": false
  },
  {
   "name": "y",
   "type": "number | null",
   "bindable": false
  },
  {
   "name": "quick",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "open",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "stayOpenOnBodyClick",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "menuCorner",
   "type": "MenuCorner",
   "bindable": false
  },
  {
   "name": "corner",
   "type": "\"TOP_LEFT\" | \"TOP_RIGHT\" | \"BOTTOM_LEFT\" | \"BOTTOM_RIGHT\" | \"TOP_START\" | \"TOP_END\" | \"BOTTOM_START\" | \"BOTTOM_END\"",
   "bindable": false
  },
  {
   "name": "anchor",
   "type": "HTMLElement | null",
   "bindable": false
  },
  {
   "name": "mdcRoot",
   "description": "Root element for MDC Foundation usage.\n\nDefine in your component with the `@query` decorator",
   "type": "HTMLDivElement",
   "bindable": false
  }
 ],
 "events": [
  {
   "name": "opened"
  },
  {
   "name": "closed"
  }
 ]
}
*/
import PropTypes from 'prop-types'
import wrapper from '@vonage/vivid-react-wrapper'
import '@vonage/vwc-surface'


/**  
* @param {HTMLSlotElement | null} slotElement  
* @param {boolean} absolute  
* @param {boolean} fullwidth  
* @param {boolean} fixed  
* @param {number | null} x  
* @param {number | null} y  
* @param {boolean} quick  
* @param {boolean} open  
* @param {boolean} stayOpenOnBodyClick  
* @param {MenuCorner} menuCorner  
* @param {"TOP_LEFT" | "TOP_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_RIGHT" | "TOP_START" | "TOP_END" | "BOTTOM_START" | "BOTTOM_END"} corner  
* @param {HTMLElement | null} anchor  
* @param {HTMLDivElement} mdcRoot - Root element for MDC Foundation usage.

Define in your component with the `@query` decorator 
*/
const VwcSurface = wrapper('vwc-surface',  {
    events: [{"name":"closed"},{"name":"opened"}],
    attributes: [],
    properties: []
});

VwcSurface.propTypes = {
  onOpened: PropTypes.func,
  onClosed: PropTypes.func,
  slotElement: PropTypes.any /* HTMLSlotElement | null */,
  absolute: PropTypes.bool,
  fullwidth: PropTypes.bool,
  fixed: PropTypes.bool,
  x: PropTypes.number,
  y: PropTypes.number,
  quick: PropTypes.bool,
  open: PropTypes.bool,
  stayOpenOnBodyClick: PropTypes.bool,
  menuCorner: PropTypes.any /* MenuCorner */,
  corner: PropTypes.oneOf(["TOP_LEFT","TOP_RIGHT","BOTTOM_LEFT","BOTTOM_RIGHT","TOP_START","TOP_END","BOTTOM_START","BOTTOM_END"]),
  anchor: PropTypes.any /* HTMLElement | null */,
  mdcRoot: PropTypes.any /* HTMLDivElement */
}

VwcSurface.defaultProps = {

}

VwcSurface.displayName = 'VwcSurface'



export default VwcSurface