@vonage/vivid-react/VwcDataGrid/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-data-grid",
 "path": "./../node_modules/@vonage/vwc-data-grid/vwc-data-grid-api.d.ts",
 "properties": [
  {
   "name": "styles",
   "type": "CSSResult[]"
  },
  {
   "name": "baseGrid",
   "type": "GridElement",
   "bindable": false
  },
  {
   "name": "dataProvider",
   "type": "((params: unknown, callback: (pageItems: unknown[], treeLevelSize: number) => void) => void) | undefined",
   "bindable": true
  },
  {
   "name": "multiSort",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "heightByRows",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "reordering",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "columns",
   "type": "DataGridColumn[]",
   "bindable": true
  },
  {
   "name": "rowDetailsRenderer",
   "type": "RowDetailsRenderer | undefined",
   "bindable": true
  },
  {
   "name": "items",
   "type": "unknown[] | undefined",
   "bindable": true
  },
  {
   "name": "selectedItems",
   "type": "unknown[]"
  },
  {
   "name": "floatingLabelFoundation",
   "type": "MDCFloatingLabelFoundation | undefined",
   "bindable": false
  },
  {
   "name": "lineRippleFoundation",
   "type": "MDCLineRippleFoundation | undefined",
   "bindable": false
  }
 ],
 "events": [
  {
   "name": "selected-items-changed",
   "propName": "onSelectedItemsChange"
  }
 ]
}
*/
import PropTypes from 'prop-types'
import wrapper from '@vonage/vivid-react-wrapper'
import '@vonage/vwc-data-grid'


/**  
* @param {GridElement} baseGrid  
* @param {((params: unknown, callback: (pageItems: unknown[], treeLevelSize: number) => void) => void) | undefined} dataProvider  
* @param {boolean} multiSort  
* @param {boolean} heightByRows  
* @param {boolean} reordering  
* @param {DataGridColumn[]} columns  
* @param {RowDetailsRenderer | undefined} rowDetailsRenderer  
* @param {unknown[] | undefined} items  
* @param {MDCFloatingLabelFoundation | undefined} floatingLabelFoundation  
* @param {MDCLineRippleFoundation | undefined} lineRippleFoundation  
*/
const VwcDataGrid = wrapper('vwc-data-grid',  {
    events: [{"name":"selected-items-changed","propName":"onSelectedItemsChange"}],
    attributes: [],
    properties: ["dataProvider","columns","rowDetailsRenderer","items"]
});

VwcDataGrid.propTypes = {
  onSelectedItemsChange: PropTypes.func,
  baseGrid: PropTypes.any /* GridElement */,
  dataProvider: PropTypes.any /* ((params: unknown, callback: (pageItems: unknown[], treeLevelSize: number) => void) => void) | undefined */,
  multiSort: PropTypes.bool,
  heightByRows: PropTypes.bool,
  reordering: PropTypes.bool,
  columns: PropTypes.array,
  rowDetailsRenderer: PropTypes.any /* RowDetailsRenderer | undefined */,
  items: PropTypes.any /* unknown[] | undefined */,
  floatingLabelFoundation: PropTypes.any /* MDCFloatingLabelFoundation | undefined */,
  lineRippleFoundation: PropTypes.any /* MDCLineRippleFoundation | undefined */
}

VwcDataGrid.defaultProps = {

}

VwcDataGrid.displayName = 'VwcDataGrid'



export default VwcDataGrid