@vonage/vivid-react 0.0.1 → 2.10.47

package/VwcCheckbox/index.js

@@ -0,0 +1,126 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-checkbox",
+ "path": "./../node_modules/@vonage/vwc-checkbox/src/vwc-checkbox.ts",
+ "description": "This component is an extension of [<mwc-checkbox>](https://github.com/material-components/material-components-web-components/tree/master/packages/checkbox)",
+ "properties": [
+  {
+   "name": "styles",
+   "type": "CSSResult[]"
+  },
+  {
+   "name": "checked",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "indeterminate",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "disabled",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "name",
+   "type": "string | undefined",
+   "bindable": false
+  },
+  {
+   "name": "value",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "ariaLabel",
+   "type": "string | undefined",
+   "bindable": false
+  },
+  {
+   "name": "ariaLabelledBy",
+   "type": "string | undefined",
+   "bindable": false
+  },
+  {
+   "name": "ariaDescribedBy",
+   "type": "string | undefined",
+   "bindable": false
+  },
+  {
+   "name": "reducedTouchTarget",
+   "description": "Touch target extends beyond visual boundary of a component by default.\nSet to `true` to remove touch target added to the component.",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "isRippleActive"
+  },
+  {
+   "name": "shadowRootOptions",
+   "type": "ShadowRootInit",
+   "bindable": false
+  },
+  {
+   "name": "ripple",
+   "description": "Implement ripple getter for Ripple integration with mwc-formfield",
+   "type": "Promise<Ripple | null>"
+  }
+ ],
+ "events": [
+  "change"
+ ]
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-checkbox'
+
+
+/** This component is an extension of [<mwc-checkbox>](https://github.com/material-components/material-components-web-components/tree/master/packages/checkbox) 
+* @param {boolean} checked  
+* @param {boolean} indeterminate  
+* @param {boolean} disabled  
+* @param {string | undefined} name  
+* @param {string} value  
+* @param {string | undefined} ariaLabel  
+* @param {string | undefined} ariaLabelledBy  
+* @param {string | undefined} ariaDescribedBy  
+* @param {boolean} reducedTouchTarget - Touch target extends beyond visual boundary of a component by default.
+Set to `true` to remove touch target added to the component. 
+* @param {ShadowRootInit} shadowRootOptions  
+*/
+const VwcCheckbox = wrapper('vwc-checkbox',  {
+    events: [{"name":"change","propName":"onChange"}],
+    attributes: [],
+    properties: []
+});
+
+VwcCheckbox.propTypes = {
+  onChange: PropTypes.func,
+  checked: PropTypes.bool,
+  indeterminate: PropTypes.bool,
+  disabled: PropTypes.bool,
+  name: PropTypes.string,
+  value: PropTypes.string,
+  ariaLabel: PropTypes.string,
+  ariaLabelledBy: PropTypes.string,
+  ariaDescribedBy: PropTypes.string,
+  reducedTouchTarget: PropTypes.bool,
+  shadowRootOptions: PropTypes.any /* ShadowRootInit */
+}
+
+VwcCheckbox.defaultProps = {
+
+}
+
+VwcCheckbox.displayName = 'VwcCheckbox'
+
+
+
+export default VwcCheckbox

package/VwcCheckbox/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "@vonage/vivid-react-vwc-checkbox",
+  "version": "2.10.47",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "private": true,
+  "license": "MIT",
+  "dependencies": {
+    "@vonage/vwc-checkbox": "2.37.0"
+  }
+}

package/VwcChip/index.d.ts

@@ -0,0 +1,31 @@
+import React, { ReactNode } from 'react';
+import '@vonage/vwc-chips';
+import '@vonage/vwc-chips/vwc-chip';
+/**
+* @param {string} label
+* @param {ChipType | undefined} type
+* @param {boolean} selected
+* @param {string} icon
+* @param {string} iconClass
+* @param {boolean} removable
+* @param {string} removeIcon
+* @param {string} removeIconClass
+* @param {boolean} removeIconFocusable
+*/
+declare const VwcChip: (props: {
+    children?: ReactNode;
+    slot?: string | undefined;
+    id?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    label?: string | undefined;
+    type?: any;
+    selected?: boolean | undefined;
+    icon?: string | undefined;
+    iconClass?: string | undefined;
+    removable?: boolean | undefined;
+    removeIcon?: string | undefined;
+    removeIconClass?: string | undefined;
+    removeIconFocusable?: boolean | undefined;
+}) => JSX.Element;
+export default VwcChip;

package/VwcChip/index.js

@@ -0,0 +1,106 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-chip",
+ "path": "./../node_modules/@vonage/vwc-chips/vwc-chip.d.ts",
+ "properties": [
+  {
+   "name": "styles",
+   "type": "CSSResult"
+  },
+  {
+   "name": "label",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "type",
+   "type": "ChipType | undefined",
+   "bindable": false
+  },
+  {
+   "name": "selected",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "icon",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "iconClass",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "removable",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "removeIcon",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "removeIconClass",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "removeIconFocusable",
+   "type": "boolean",
+   "bindable": false
+  }
+ ],
+ "events": []
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-chips'
+import '@vonage/vwc-chips/vwc-chip'
+
+
+/**  
+* @param {string} label  
+* @param {ChipType | undefined} type  
+* @param {boolean} selected  
+* @param {string} icon  
+* @param {string} iconClass  
+* @param {boolean} removable  
+* @param {string} removeIcon  
+* @param {string} removeIconClass  
+* @param {boolean} removeIconFocusable  
+*/
+const VwcChip = wrapper('vwc-chip',  {
+    events: [],
+    attributes: [],
+    properties: []
+});
+
+VwcChip.propTypes = {
+  label: PropTypes.string,
+  type: PropTypes.any /* ChipType | undefined */,
+  selected: PropTypes.bool,
+  icon: PropTypes.string,
+  iconClass: PropTypes.string,
+  removable: PropTypes.bool,
+  removeIcon: PropTypes.string,
+  removeIconClass: PropTypes.string,
+  removeIconFocusable: PropTypes.bool
+}
+
+VwcChip.defaultProps = {
+
+}
+
+VwcChip.displayName = 'VwcChip'
+
+
+
+export default VwcChip

package/VwcChip/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "@vonage/vivid-react-vwc-chip",
+  "version": "2.10.47",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "private": true,
+  "license": "MIT",
+  "dependencies": {
+    "@vonage/vwc-chips": "2.37.0"
+  }
+}

package/VwcChipSet/index.d.ts

@@ -0,0 +1,16 @@
+import React, { ReactNode, SyntheticEvent } from 'react';
+import '@vonage/vwc-chips';
+import '@vonage/vwc-chips/vwc-chip-set';
+/**
+* @param {ChipType | undefined} type
+*/
+declare const VwcChipSet: (props: {
+    children?: ReactNode;
+    slot?: string | undefined;
+    id?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    onSelection?: ((event: SyntheticEvent) => void) | undefined;
+    type?: any;
+}) => JSX.Element;
+export default VwcChipSet;

package/VwcChipSet/index.js

@@ -0,0 +1,60 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-chip-set",
+ "path": "./../node_modules/@vonage/vwc-chips/vwc-chip-set.d.ts",
+ "properties": [
+  {
+   "name": "styles",
+   "type": "CSSResult"
+  },
+  {
+   "name": "type",
+   "type": "ChipType | undefined",
+   "bindable": false
+  },
+  {
+   "name": "chips",
+   "type": "readonly ChipBase[]"
+  }
+ ],
+ "events": [
+  {
+   "name": "MDCChip:selection",
+   "propName": "onSelection"
+  }
+ ]
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-chips'
+import '@vonage/vwc-chips/vwc-chip-set'
+
+
+/**  
+* @param {ChipType | undefined} type  
+*/
+const VwcChipSet = wrapper('vwc-chip-set',  {
+    events: [{"name":"MDCChip:selection","propName":"onSelection"}],
+    attributes: [],
+    properties: []
+});
+
+VwcChipSet.propTypes = {
+  onSelection: PropTypes.func,
+  type: PropTypes.any /* ChipType | undefined */
+}
+
+VwcChipSet.defaultProps = {
+
+}
+
+VwcChipSet.displayName = 'VwcChipSet'
+
+
+
+export default VwcChipSet

package/VwcChipSet/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "@vonage/vivid-react-vwc-chip-set",
+  "version": "2.10.47",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "private": true,
+  "license": "MIT",
+  "dependencies": {
+    "@vonage/vwc-chips": "2.37.0"
+  }
+}

package/VwcCircularProgress/index.d.ts

@@ -0,0 +1,24 @@
+import React, { ReactNode } from 'react';
+import '@vonage/vwc-circular-progress';
+/**
+* @param {CircularProgressConnotation | undefined} connotation
+* @param {boolean} indeterminate
+* @param {number} progress
+* @param {number} density
+* @param {boolean} closed
+* @param {string | undefined} ariaLabel
+*/
+declare const VwcCircularProgress: (props: {
+    children?: ReactNode;
+    slot?: string | undefined;
+    id?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    connotation?: any;
+    indeterminate?: boolean | undefined;
+    progress?: number | undefined;
+    density?: number | undefined;
+    closed?: boolean | undefined;
+    ariaLabel?: string | undefined;
+}) => JSX.Element;
+export default VwcCircularProgress;

package/VwcCircularProgress/index.js

@@ -0,0 +1,84 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-circular-progress",
+ "path": "./../node_modules/@vonage/vwc-circular-progress/vwc-circular-progress.d.ts",
+ "properties": [
+  {
+   "name": "connotation",
+   "type": "CircularProgressConnotation | undefined",
+   "bindable": false
+  },
+  {
+   "name": "styles",
+   "type": "CSSResult[]"
+  },
+  {
+   "name": "indeterminate",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "progress",
+   "type": "number",
+   "bindable": false
+  },
+  {
+   "name": "density",
+   "type": "number",
+   "bindable": false
+  },
+  {
+   "name": "closed",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "ariaLabel",
+   "type": "string | undefined",
+   "bindable": false
+  }
+ ],
+ "events": []
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-circular-progress'
+
+
+/**  
+* @param {CircularProgressConnotation | undefined} connotation  
+* @param {boolean} indeterminate  
+* @param {number} progress  
+* @param {number} density  
+* @param {boolean} closed  
+* @param {string | undefined} ariaLabel  
+*/
+const VwcCircularProgress = wrapper('vwc-circular-progress',  {
+    events: [],
+    attributes: [],
+    properties: []
+});
+
+VwcCircularProgress.propTypes = {
+  connotation: PropTypes.any /* CircularProgressConnotation | undefined */,
+  indeterminate: PropTypes.bool,
+  progress: PropTypes.number,
+  density: PropTypes.number,
+  closed: PropTypes.bool,
+  ariaLabel: PropTypes.string
+}
+
+VwcCircularProgress.defaultProps = {
+
+}
+
+VwcCircularProgress.displayName = 'VwcCircularProgress'
+
+
+
+export default VwcCircularProgress

package/VwcCircularProgress/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "@vonage/vivid-react-vwc-circular-progress",
+  "version": "2.10.47",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "private": true,
+  "license": "MIT",
+  "dependencies": {
+    "@vonage/vwc-circular-progress": "2.37.0"
+  }
+}

package/VwcDataGrid/index.d.ts

@@ -0,0 +1,33 @@
+import React, { ReactNode, SyntheticEvent } from 'react';
+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
+*/
+declare const VwcDataGrid: (props: {
+    children?: ReactNode;
+    slot?: string | undefined;
+    id?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    onSelectedItemsChange?: ((event: SyntheticEvent) => void) | undefined;
+    baseGrid?: any;
+    dataProvider?: any;
+    multiSort?: boolean | undefined;
+    heightByRows?: boolean | undefined;
+    reordering?: boolean | undefined;
+    columns?: any[] | undefined;
+    rowDetailsRenderer?: any;
+    items?: any;
+    floatingLabelFoundation?: any;
+    lineRippleFoundation?: any;
+}) => JSX.Element;
+export default VwcDataGrid;

package/VwcDataGrid/index.js

@@ -0,0 +1,122 @@
+/*
+* 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

package/VwcDataGrid/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "@vonage/vivid-react-vwc-data-grid",
+  "version": "2.10.47",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "private": true,
+  "license": "MIT",
+  "dependencies": {
+    "@vonage/vwc-data-grid": "2.37.0"
+  }
+}