@vonage/vivid-react 0.0.1 → 2.10.47

package/VwcListItem/index.js

@@ -0,0 +1,171 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-list-item",
+ "path": "./../node_modules/@vonage/vwc-list/src/vwc-list-item.ts",
+ "description": "This component is an extension of [<mwc-list-item>](https://github.com/material-components/material-components-web-components/tree/master/packages/list)",
+ "attributes": [
+  {
+   "name": "connotation",
+   "type": "ListItemConnotation | undefined"
+  },
+  {
+   "name": "shape",
+   "type": "Shape.Rounded | undefined"
+  }
+ ],
+ "properties": [
+  {
+   "name": "connotation",
+   "attribute": "connotation",
+   "type": "ListItemConnotation | undefined",
+   "bindable": false
+  },
+  {
+   "name": "shape",
+   "attribute": "shape",
+   "type": "Shape.Rounded | undefined",
+   "bindable": false
+  },
+  {
+   "name": "styles",
+   "type": "CSSResult[]"
+  },
+  {
+   "name": "ripple",
+   "type": "Promise<Ripple | null>"
+  },
+  {
+   "name": "value",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "group",
+   "type": "string | null",
+   "bindable": false
+  },
+  {
+   "name": "tabindex",
+   "type": "number",
+   "bindable": false
+  },
+  {
+   "name": "disabled",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "twoline",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "activated",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "graphic",
+   "type": "GraphicType",
+   "bindable": false
+  },
+  {
+   "name": "multipleGraphics",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "hasMeta",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "noninteractive",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "selected",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "text",
+   "type": "string"
+  }
+ ],
+ "events": [
+  {
+   "name": "request-selected"
+  },
+  {
+   "name": "list-item-rendered"
+  },
+  "click",
+  {
+   "name": "request-selected",
+   "propName": "onRequestSelected"
+  }
+ ]
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-list'
+import '@vonage/vwc-list/vwc-list-item'
+
+
+/** This component is an extension of [<mwc-list-item>](https://github.com/material-components/material-components-web-components/tree/master/packages/list) 
+* @param {ListItemConnotation | undefined} connotation  attribute: &lt;VwcListItem connotation />
+* @param {Shape.Rounded | undefined} shape  attribute: &lt;VwcListItem shape />
+* @param {string} value  
+* @param {string | null} group  
+* @param {number} tabindex  
+* @param {boolean} disabled  
+* @param {boolean} twoline  
+* @param {boolean} activated  
+* @param {GraphicType} graphic  
+* @param {boolean} multipleGraphics  
+* @param {boolean} hasMeta  
+* @param {boolean} noninteractive  
+* @param {boolean} selected  
+*/
+const VwcListItem = wrapper('vwc-list-item',  {
+    events: [{"name":"request-selected","propName":"onRequestSelected"},{"name":"click","propName":"onClick"},{"name":"list-item-rendered"}],
+    attributes: [],
+    properties: []
+});
+
+VwcListItem.propTypes = {
+  onRequestSelected: PropTypes.func,
+  onListItemRendered: PropTypes.func,
+  onClick: PropTypes.func,
+  onRequestSelected: PropTypes.func,
+  connotation: PropTypes.any /* ListItemConnotation | undefined *//* attribute: connotation */,
+  shape: PropTypes.any /* Shape.Rounded | undefined *//* attribute: shape */,
+  value: PropTypes.string,
+  group: PropTypes.string,
+  tabindex: PropTypes.number,
+  disabled: PropTypes.bool,
+  twoline: PropTypes.bool,
+  activated: PropTypes.bool,
+  graphic: PropTypes.any /* GraphicType */,
+  multipleGraphics: PropTypes.bool,
+  hasMeta: PropTypes.bool,
+  noninteractive: PropTypes.bool,
+  selected: PropTypes.bool
+}
+
+VwcListItem.defaultProps = {
+
+}
+
+VwcListItem.displayName = 'VwcListItem'
+
+
+
+export default VwcListItem

package/VwcListItem/package.json

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

package/VwcMenu/index.d.ts

@@ -0,0 +1,53 @@
+import React, { ReactNode, SyntheticEvent } from 'react';
+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
+*/
+declare const VwcMenu: (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;
+    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;
+}) => JSX.Element;
+export default VwcMenu;

package/VwcMenu/index.js

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

package/VwcMenu/package.json

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

package/VwcNotchedOutline/index.d.ts

@@ -0,0 +1,17 @@
+import React, { ReactNode } from 'react';
+import '@vonage/vwc-notched-outline';
+/** This component is an extension of [<mwc-notched-outline>](https://github.com/material-components/material-components-web-components/tree/master/packages/notched-outline)
+This component is NOT meant to be used itself, but serves as an adjustment/definition for the usage of it in other components
+* @param {number} width
+* @param {boolean} open
+*/
+declare const VwcNotchedOutline: (props: {
+    children?: ReactNode;
+    slot?: string | undefined;
+    id?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    width?: number | undefined;
+    open?: boolean | undefined;
+}) => JSX.Element;
+export default VwcNotchedOutline;

package/VwcNotchedOutline/index.js

@@ -0,0 +1,58 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-notched-outline",
+ "path": "./../node_modules/@vonage/vwc-notched-outline/src/vwc-notched-outline.ts",
+ "description": "This component is an extension of [<mwc-notched-outline>](https://github.com/material-components/material-components-web-components/tree/master/packages/notched-outline)\nThis component is NOT meant to be used itself, but serves as an adjustment/definition for the usage of it in other components",
+ "properties": [
+  {
+   "name": "styles",
+   "type": "CSSResult[]"
+  },
+  {
+   "name": "width",
+   "type": "number",
+   "bindable": false
+  },
+  {
+   "name": "open",
+   "type": "boolean",
+   "bindable": false
+  }
+ ],
+ "events": []
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-notched-outline'
+
+
+/** This component is an extension of [<mwc-notched-outline>](https://github.com/material-components/material-components-web-components/tree/master/packages/notched-outline)
+This component is NOT meant to be used itself, but serves as an adjustment/definition for the usage of it in other components 
+* @param {number} width  
+* @param {boolean} open  
+*/
+const VwcNotchedOutline = wrapper('vwc-notched-outline',  {
+    events: [],
+    attributes: [],
+    properties: []
+});
+
+VwcNotchedOutline.propTypes = {
+  width: PropTypes.number,
+  open: PropTypes.bool
+}
+
+VwcNotchedOutline.defaultProps = {
+
+}
+
+VwcNotchedOutline.displayName = 'VwcNotchedOutline'
+
+
+
+export default VwcNotchedOutline

package/VwcNotchedOutline/package.json

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

package/VwcNote/index.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactNode } from 'react';
+import '@vonage/vwc-note';
+/**
+* @param {NoteConnotation | undefined} connotation
+* @param {string | undefined} icon
+* @param {string | undefined} header
+*/
+declare const VwcNote: (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;
+    icon?: string | undefined;
+    header?: string | undefined;
+}) => JSX.Element;
+export default VwcNote;

package/VwcNote/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-note",
+ "path": "./../node_modules/@vonage/vwc-note/vwc-note.d.ts",
+ "properties": [
+  {
+   "name": "connotation",
+   "type": "NoteConnotation | undefined",
+   "bindable": false
+  },
+  {
+   "name": "icon",
+   "type": "string | undefined",
+   "bindable": false
+  },
+  {
+   "name": "header",
+   "type": "string | undefined",
+   "bindable": false
+  }
+ ],
+ "events": []
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-note'
+
+
+/**  
+* @param {NoteConnotation | undefined} connotation  
+* @param {string | undefined} icon  
+* @param {string | undefined} header  
+*/
+const VwcNote = wrapper('vwc-note',  {
+    events: [],
+    attributes: [],
+    properties: []
+});
+
+VwcNote.propTypes = {
+  connotation: PropTypes.any /* NoteConnotation | undefined */,
+  icon: PropTypes.string,
+  header: PropTypes.string
+}
+
+VwcNote.defaultProps = {
+
+}
+
+VwcNote.displayName = 'VwcNote'
+
+
+
+export default VwcNote

package/VwcNote/package.json

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

package/VwcPagination/index.d.ts

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