@vonage/vivid-react 0.0.1 → 2.10.47

package/VwcDrawer/index.js

@@ -0,0 +1,80 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-drawer",
+ "path": "./../node_modules/@vonage/vwc-drawer/src/vwc-drawer.ts",
+ "description": "This component is an extension of [<mwc-drawer>](https://github.com/material-components/material-components-web-components/tree/master/packages/drawer)",
+ "attributes": [
+  {
+   "name": "drawer-alternate",
+   "type": "boolean",
+   "default": "false"
+  }
+ ],
+ "properties": [
+  {
+   "name": "drawerAlternate",
+   "attribute": "drawer-alternate",
+   "type": "boolean",
+   "default": "false",
+   "bindable": false
+  },
+  {
+   "name": "styles",
+   "type": "CSSResult[]"
+  },
+  {
+   "name": "open",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "hasHeader",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "type",
+   "type": "string",
+   "bindable": false
+  }
+ ],
+ "events": []
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-drawer'
+
+
+/** This component is an extension of [<mwc-drawer>](https://github.com/material-components/material-components-web-components/tree/master/packages/drawer) 
+* @param {boolean} drawerAlternate  attribute: &lt;VwcDrawer drawer-alternate />
+* @param {boolean} open  
+* @param {boolean} hasHeader  
+* @param {string} type  
+*/
+const VwcDrawer = wrapper('vwc-drawer',  {
+    events: [],
+    attributes: [],
+    properties: []
+});
+
+VwcDrawer.propTypes = {
+  drawerAlternate: PropTypes.bool/* default: false *//* attribute: drawer-alternate */,
+  open: PropTypes.bool,
+  hasHeader: PropTypes.bool,
+  type: PropTypes.string
+}
+
+VwcDrawer.defaultProps = {
+  drawerAlternate: false
+}
+
+VwcDrawer.displayName = 'VwcDrawer'
+
+
+
+export default VwcDrawer

package/VwcDrawer/package.json

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

package/VwcDropdown/index.d.ts

@@ -0,0 +1,61 @@
+import React, { ReactNode, SyntheticEvent } from 'react';
+import '@vonage/vwc-dropdown';
+/**
+* @param {HTMLSlotElement | null} slotElement
+* @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
+* @param {MWCListIndex} index
+* @param {MenuSurface} mdcRoot - Root element for MDC Foundation usage.
+
+Define in your component with the `@query` decorator
+*/
+declare const VwcDropdown: (props: {
+    children?: ReactNode;
+    slot?: string | undefined;
+    id?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    onSelected?: ((event: SyntheticEvent) => void) | undefined;
+    onAction?: ((event: SyntheticEvent) => void) | undefined;
+    onItemsUpdated?: ((event: SyntheticEvent) => void) | undefined;
+    onOpened?: ((event: SyntheticEvent) => void) | undefined;
+    onClosed?: ((event: SyntheticEvent) => void) | undefined;
+    slotElement?: any;
+    anchor?: any;
+    open?: boolean | undefined;
+    quick?: boolean | undefined;
+    wrapFocus?: boolean | undefined;
+    innerRole?: "menu" | "listbox" | undefined;
+    corner?: "TOP_LEFT" | "TOP_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_RIGHT" | "TOP_START" | "TOP_END" | "BOTTOM_START" | "BOTTOM_END" | undefined;
+    x?: number | undefined;
+    y?: number | undefined;
+    absolute?: boolean | undefined;
+    multi?: boolean | undefined;
+    activatable?: boolean | undefined;
+    fixed?: boolean | undefined;
+    forceGroupSelection?: boolean | undefined;
+    fullwidth?: boolean | undefined;
+    menuCorner?: any;
+    stayOpenOnBodyClick?: boolean | undefined;
+    defaultFocus?: "NONE" | "LIST_ROOT" | "FIRST_ITEM" | "LAST_ITEM" | undefined;
+    listElement?: any;
+    index?: any;
+    mdcRoot?: any;
+}) => JSX.Element;
+export default VwcDropdown;

package/VwcDropdown/index.js

@@ -0,0 +1,221 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-dropdown",
+ "path": "./../node_modules/@vonage/vwc-dropdown/vwc-dropdown.d.ts",
+ "properties": [
+  {
+   "name": "styles",
+   "type": "CSSResult[]"
+  },
+  {
+   "name": "slotElement",
+   "type": "HTMLSlotElement | null",
+   "bindable": false
+  },
+  {
+   "name": "anchor",
+   "type": "HTMLElement | null",
+   "bindable": false
+  },
+  {
+   "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",
+   "bindable": false
+  },
+  {
+   "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",
+   "bindable": false
+  }
+ ],
+ "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-dropdown'
+
+
+/**  
+* @param {HTMLSlotElement | null} slotElement  
+* @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  
+* @param {MWCListIndex} index  
+* @param {MenuSurface} mdcRoot - Root element for MDC Foundation usage.
+
+Define in your component with the `@query` decorator 
+*/
+const VwcDropdown = wrapper('vwc-dropdown',  {
+    events: [{"name":"closed"},{"name":"opened"},{"name":"items-updated"},{"name":"action"},{"name":"selected"}],
+    attributes: [],
+    properties: []
+});
+
+VwcDropdown.propTypes = {
+  onSelected: PropTypes.func,
+  onAction: PropTypes.func,
+  onItemsUpdated: PropTypes.func,
+  onOpened: PropTypes.func,
+  onClosed: PropTypes.func,
+  slotElement: PropTypes.any /* HTMLSlotElement | null */,
+  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 */,
+  index: PropTypes.any /* MWCListIndex */,
+  mdcRoot: PropTypes.any /* MenuSurface */
+}
+
+VwcDropdown.defaultProps = {
+
+}
+
+VwcDropdown.displayName = 'VwcDropdown'
+
+
+
+export default VwcDropdown

package/VwcDropdown/package.json

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

package/VwcElevation/index.d.ts

@@ -0,0 +1,14 @@
+import React, { ReactNode } from 'react';
+import '@vonage/vwc-elevation';
+/**
+* @param {number} dp
+*/
+declare const VwcElevation: (props: {
+    children?: ReactNode;
+    slot?: string | undefined;
+    id?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    dp?: number | undefined;
+}) => JSX.Element;
+export default VwcElevation;

package/VwcElevation/index.js

@@ -0,0 +1,45 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-elevation",
+ "path": "./../node_modules/@vonage/vwc-elevation/vwc-elevation.d.ts",
+ "properties": [
+  {
+   "name": "dp",
+   "type": "number",
+   "bindable": false
+  }
+ ],
+ "events": []
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-elevation'
+
+
+/**  
+* @param {number} dp  
+*/
+const VwcElevation = wrapper('vwc-elevation',  {
+    events: [],
+    attributes: [],
+    properties: []
+});
+
+VwcElevation.propTypes = {
+  dp: PropTypes.number
+}
+
+VwcElevation.defaultProps = {
+
+}
+
+VwcElevation.displayName = 'VwcElevation'
+
+
+
+export default VwcElevation

package/VwcElevation/package.json

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

package/VwcEmptyState/index.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactNode } from 'react';
+import '@vonage/vwc-empty-state';
+/**
+* @param {string | undefined} icon
+* @param {string | undefined} heading
+* @param {string | undefined} body
+*/
+declare const VwcEmptyState: (props: {
+    children?: ReactNode;
+    slot?: string | undefined;
+    id?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    icon?: string | undefined;
+    heading?: string | undefined;
+    body?: string | undefined;
+}) => JSX.Element;
+export default VwcEmptyState;

package/VwcEmptyState/index.js

@@ -0,0 +1,59 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-empty-state",
+ "path": "./../node_modules/@vonage/vwc-empty-state/vwc-empty-state.d.ts",
+ "properties": [
+  {
+   "name": "icon",
+   "type": "string | undefined",
+   "bindable": false
+  },
+  {
+   "name": "heading",
+   "type": "string | undefined",
+   "bindable": false
+  },
+  {
+   "name": "body",
+   "type": "string | undefined",
+   "bindable": false
+  }
+ ],
+ "events": []
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-empty-state'
+
+
+/**  
+* @param {string | undefined} icon  
+* @param {string | undefined} heading  
+* @param {string | undefined} body  
+*/
+const VwcEmptyState = wrapper('vwc-empty-state',  {
+    events: [],
+    attributes: [],
+    properties: []
+});
+
+VwcEmptyState.propTypes = {
+  icon: PropTypes.string,
+  heading: PropTypes.string,
+  body: PropTypes.string
+}
+
+VwcEmptyState.defaultProps = {
+
+}
+
+VwcEmptyState.displayName = 'VwcEmptyState'
+
+
+
+export default VwcEmptyState

package/VwcEmptyState/package.json

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

package/VwcExpansionPanel/index.d.ts

@@ -0,0 +1,34 @@
+import React, { ReactNode, SyntheticEvent } from 'react';
+import '@vonage/vwc-expansion-panel';
+/**
+* @param {string} header  attribute: <VwcExpansionPanel header />
+* @param {string} heading - The heading of the expanded panel attribute: <VwcExpansionPanel heading />
+* @param {string} icon  attribute: <VwcExpansionPanel icon />
+* @param {string} indicatorIconSet  attribute: <VwcExpansionPanel indicatorIconSet />
+* @param {string} meta  attribute: <VwcExpansionPanel meta />
+* @param {boolean} dense  attribute: <VwcExpansionPanel dense />
+* @param {boolean} leadingToggle  attribute: <VwcExpansionPanel leadingToggle />
+* @param {boolean} noRipple  attribute: <VwcExpansionPanel noRipple />
+* @param {Promise<Ripple>} ripple
+* @param {boolean} open  attribute: &lt;VwcExpansionPanel open />
+*/
+declare const VwcExpansionPanel: (props: {
+    children?: ReactNode;
+    slot?: string | undefined;
+    id?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    onClosed?: ((event: SyntheticEvent) => void) | undefined;
+    onOpened?: ((event: SyntheticEvent) => void) | undefined;
+    header?: string | undefined;
+    heading?: string | undefined;
+    icon?: string | undefined;
+    indicatorIconSet?: string | undefined;
+    meta?: string | undefined;
+    dense?: boolean | undefined;
+    leadingToggle?: boolean | undefined;
+    noRipple?: boolean | undefined;
+    ripple?: any;
+    open?: boolean | undefined;
+}) => JSX.Element;
+export default VwcExpansionPanel;