@vonage/vivid-react 2.10.56 → 2.10.59

package/VwcKeypad/index.js

@@ -0,0 +1,176 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-keypad",
+ "path": "./../node_modules/@vonage/vwc-keypad/src/vwc-keypad.ts",
+ "attributes": [
+  {
+   "name": "no-asterisk",
+   "type": "boolean",
+   "default": "false"
+  },
+  {
+   "name": "no-hash",
+   "type": "boolean",
+   "default": "false"
+  },
+  {
+   "name": "no-display",
+   "type": "boolean",
+   "default": "false"
+  },
+  {
+   "name": "actionText",
+   "type": "string",
+   "default": "\"Enter\""
+  },
+  {
+   "name": "cancelText",
+   "type": "string",
+   "default": "\"Cancel\""
+  },
+  {
+   "name": "digits",
+   "type": "string",
+   "default": "\"\""
+  },
+  {
+   "name": "currentPosition",
+   "type": "number",
+   "default": "0"
+  },
+  {
+   "name": "actionStarted",
+   "type": "boolean",
+   "default": "false"
+  }
+ ],
+ "properties": [
+  {
+   "name": "noAsterisk",
+   "attribute": "no-asterisk",
+   "type": "boolean",
+   "default": "false",
+   "bindable": false
+  },
+  {
+   "name": "noHash",
+   "attribute": "no-hash",
+   "type": "boolean",
+   "default": "false",
+   "bindable": false
+  },
+  {
+   "name": "noDisplay",
+   "attribute": "no-display",
+   "type": "boolean",
+   "default": "false",
+   "bindable": false
+  },
+  {
+   "name": "actionText",
+   "attribute": "actionText",
+   "type": "string",
+   "default": "\"Enter\"",
+   "bindable": false
+  },
+  {
+   "name": "cancelText",
+   "attribute": "cancelText",
+   "type": "string",
+   "default": "\"Cancel\"",
+   "bindable": false
+  },
+  {
+   "name": "digits",
+   "attribute": "digits",
+   "type": "string",
+   "default": "\"\"",
+   "bindable": false
+  },
+  {
+   "name": "currentPosition",
+   "attribute": "currentPosition",
+   "type": "number",
+   "default": "0",
+   "bindable": false
+  },
+  {
+   "name": "digitsDisplay",
+   "type": "HTMLTextAreaElement"
+  },
+  {
+   "name": "actionStarted",
+   "attribute": "actionStarted",
+   "type": "boolean",
+   "default": "false",
+   "bindable": false
+  }
+ ],
+ "events": [
+  {
+   "name": "digit-added"
+  },
+  {
+   "name": "digits-sent"
+  },
+  {
+   "name": "action-ended"
+  }
+ ]
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-keypad'
+
+
+/**  
+* @param {boolean} noAsterisk  attribute: <VwcKeypad no-asterisk />
+* @param {boolean} noHash  attribute: <VwcKeypad no-hash />
+* @param {boolean} noDisplay  attribute: <VwcKeypad no-display />
+* @param {string} actionText  attribute: <VwcKeypad actionText />
+* @param {string} cancelText  attribute: <VwcKeypad cancelText />
+* @param {string} digits  attribute: <VwcKeypad digits />
+* @param {number} currentPosition  attribute: <VwcKeypad currentPosition />
+* @param {boolean} actionStarted  attribute: <VwcKeypad actionStarted />
+*/
+const VwcKeypad = wrapper('vwc-keypad',  {
+    events: [{"name":"action-ended"},{"name":"digits-sent"},{"name":"digit-added"}],
+    attributes: [],
+    properties: []
+});
+
+VwcKeypad.propTypes = {
+  onDigitAdded: PropTypes.func,
+  onDigitsSent: PropTypes.func,
+  onActionEnded: PropTypes.func,
+  noAsterisk: PropTypes.bool/* default: false *//* attribute: no-asterisk */,
+  noHash: PropTypes.bool/* default: false *//* attribute: no-hash */,
+  noDisplay: PropTypes.bool/* default: false *//* attribute: no-display */,
+  actionText: PropTypes.string/* default: "Enter" *//* attribute: actionText */,
+  cancelText: PropTypes.string/* default: "Cancel" *//* attribute: cancelText */,
+  digits: PropTypes.string/* default: "" *//* attribute: digits */,
+  currentPosition: PropTypes.number/* default: 0 *//* attribute: currentPosition */,
+  actionStarted: PropTypes.bool/* default: false *//* attribute: actionStarted */
+}
+
+VwcKeypad.defaultProps = {
+  noAsterisk: false,
+  noHash: false,
+  noDisplay: false,
+  actionText: "Enter",
+  cancelText: "Cancel",
+  digits: "",
+  currentPosition: 0,
+  actionStarted: false
+}
+
+VwcKeypad.displayName = 'VwcKeypad'
+
+
+
+export default VwcKeypad

package/VwcKeypad/package.json

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

package/VwcLayout/index.d.ts

@@ -0,0 +1,20 @@
+import React, { ReactNode } from 'react';
+import '@vonage/vwc-layout';
+/**
+* @param {Gutters | undefined} gutters  attribute: <VwcLayout gutters />
+* @param {ColumnBasis} columnBasis  attribute: <VwcLayout column-basis />
+* @param {ColumnSpacing} columnSpacing  attribute: <VwcLayout column-spacing />
+* @param {AutoSizing | undefined} autoSizing  attribute: <VwcLayout auto-sizing />
+*/
+declare const VwcLayout: (props: {
+    children?: ReactNode;
+    slot?: string | undefined;
+    id?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    gutters?: any;
+    columnBasis?: any;
+    columnSpacing?: any;
+    autoSizing?: any;
+}) => JSX.Element;
+export default VwcLayout;

package/VwcLayout/index.js

@@ -0,0 +1,105 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-layout",
+ "path": "./../node_modules/@vonage/vwc-layout/src/vwc-layout.ts",
+ "attributes": [
+  {
+   "name": "gutters",
+   "type": "Gutters | undefined"
+  },
+  {
+   "name": "column-basis",
+   "type": "ColumnBasis",
+   "default": "\"sm\""
+  },
+  {
+   "name": "column-spacing",
+   "type": "ColumnSpacing",
+   "default": "\"md\""
+  },
+  {
+   "name": "auto-sizing",
+   "type": "AutoSizing | undefined"
+  }
+ ],
+ "properties": [
+  {
+   "name": "styles",
+   "type": "CSSResult",
+   "default": "\"style\""
+  },
+  {
+   "name": "gutters",
+   "attribute": "gutters",
+   "type": "Gutters | undefined",
+   "bindable": false
+  },
+  {
+   "name": "columnBasis",
+   "attribute": "column-basis",
+   "type": "ColumnBasis",
+   "default": "\"sm\"",
+   "bindable": true
+  },
+  {
+   "name": "columnSpacing",
+   "attribute": "column-spacing",
+   "type": "ColumnSpacing",
+   "default": "\"md\"",
+   "bindable": true
+  },
+  {
+   "name": "autoSizing",
+   "attribute": "auto-sizing",
+   "type": "AutoSizing | undefined",
+   "bindable": true
+  }
+ ],
+ "cssProperties": [
+  {
+   "name": "layout-grid-template-columns",
+   "description": "Controls the `grid-template-columns` of the layout",
+   "default": "\"repeat([the `auto-sizing` mapped value],\\tminmax([the `column-basis` mapped value], 1fr))\""
+  }
+ ],
+ "events": []
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-layout'
+
+
+/**  
+* @param {Gutters | undefined} gutters  attribute: <VwcLayout gutters />
+* @param {ColumnBasis} columnBasis  attribute: <VwcLayout column-basis />
+* @param {ColumnSpacing} columnSpacing  attribute: <VwcLayout column-spacing />
+* @param {AutoSizing | undefined} autoSizing  attribute: <VwcLayout auto-sizing />
+*/
+const VwcLayout = wrapper('vwc-layout',  {
+    events: [],
+    attributes: [],
+    properties: ["columnBasis","columnSpacing","autoSizing"]
+});
+
+VwcLayout.propTypes = {
+  gutters: PropTypes.any /* Gutters | undefined *//* attribute: gutters */,
+  columnBasis: PropTypes.any /* ColumnBasis *//* default: "sm" *//* attribute: column-basis */,
+  columnSpacing: PropTypes.any /* ColumnSpacing *//* default: "md" *//* attribute: column-spacing */,
+  autoSizing: PropTypes.any /* AutoSizing | undefined *//* attribute: auto-sizing */
+}
+
+VwcLayout.defaultProps = {
+  columnBasis: "sm",
+  columnSpacing: "md"
+}
+
+VwcLayout.displayName = 'VwcLayout'
+
+
+
+export default VwcLayout

package/VwcLayout/package.json

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

package/VwcLinearProgress/index.d.ts

@@ -0,0 +1,26 @@
+import React, { ReactNode } from 'react';
+import '@vonage/vwc-linear-progress';
+/**
+* @param {LinearProgressConnotation | undefined} connotation  attribute: <VwcLinearProgress connotation />
+* @param {boolean} indeterminate
+* @param {number} progress
+* @param {number} buffer
+* @param {boolean} reverse
+* @param {boolean} closed
+* @param {string | undefined} ariaLabel
+*/
+declare const VwcLinearProgress: (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;
+    buffer?: number | undefined;
+    reverse?: boolean | undefined;
+    closed?: boolean | undefined;
+    ariaLabel?: string | undefined;
+}) => JSX.Element;
+export default VwcLinearProgress;

package/VwcLinearProgress/index.js

@@ -0,0 +1,98 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-linear-progress",
+ "path": "./../node_modules/@vonage/vwc-linear-progress/src/vwc-linear-progress.ts",
+ "attributes": [
+  {
+   "name": "connotation",
+   "type": "LinearProgressConnotation | undefined"
+  }
+ ],
+ "properties": [
+  {
+   "name": "connotation",
+   "attribute": "connotation",
+   "type": "LinearProgressConnotation | undefined",
+   "bindable": false
+  },
+  {
+   "name": "styles",
+   "type": "CSSResult[]"
+  },
+  {
+   "name": "indeterminate",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "progress",
+   "type": "number",
+   "bindable": false
+  },
+  {
+   "name": "buffer",
+   "type": "number",
+   "bindable": false
+  },
+  {
+   "name": "reverse",
+   "type": "boolean",
+   "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-linear-progress'
+
+
+/**  
+* @param {LinearProgressConnotation | undefined} connotation  attribute: <VwcLinearProgress connotation />
+* @param {boolean} indeterminate  
+* @param {number} progress  
+* @param {number} buffer  
+* @param {boolean} reverse  
+* @param {boolean} closed  
+* @param {string | undefined} ariaLabel  
+*/
+const VwcLinearProgress = wrapper('vwc-linear-progress',  {
+    events: [],
+    attributes: [],
+    properties: []
+});
+
+VwcLinearProgress.propTypes = {
+  connotation: PropTypes.any /* LinearProgressConnotation | undefined *//* attribute: connotation */,
+  indeterminate: PropTypes.bool,
+  progress: PropTypes.number,
+  buffer: PropTypes.number,
+  reverse: PropTypes.bool,
+  closed: PropTypes.bool,
+  ariaLabel: PropTypes.string
+}
+
+VwcLinearProgress.defaultProps = {
+
+}
+
+VwcLinearProgress.displayName = 'VwcLinearProgress'
+
+
+
+export default VwcLinearProgress

package/VwcLinearProgress/package.json

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

package/VwcList/index.d.ts

@@ -0,0 +1,35 @@
+import React, { ReactNode, SyntheticEvent } from 'react';
+import '@vonage/vwc-list';
+/** This component is an extension of [<mwc-list>](https://github.com/material-components/material-components-web-components/tree/master/packages/list)
+* @param {string | undefined} emptyMessage
+* @param {boolean} activatable
+* @param {boolean} multi
+* @param {boolean} wrapFocus
+* @param {string | null} itemRoles
+* @param {string | null} innerRole
+* @param {string | null} innerAriaLabel
+* @param {boolean} rootTabbable
+* @param {boolean} noninteractive
+* @param {Promise<never[]>} itemsReady
+*/
+declare const VwcList: (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;
+    emptyMessage?: string | undefined;
+    activatable?: boolean | undefined;
+    multi?: boolean | undefined;
+    wrapFocus?: boolean | undefined;
+    itemRoles?: string | null | undefined;
+    innerRole?: string | null | undefined;
+    innerAriaLabel?: string | null | undefined;
+    rootTabbable?: boolean | undefined;
+    noninteractive?: boolean | undefined;
+    itemsReady?: any;
+}) => JSX.Element;
+export default VwcList;

package/VwcList/index.js

@@ -0,0 +1,146 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-list",
+ "path": "./../node_modules/@vonage/vwc-list/src/vwc-list.ts",
+ "description": "This component is an extension of [<mwc-list>](https://github.com/material-components/material-components-web-components/tree/master/packages/list)",
+ "properties": [
+  {
+   "name": "styles",
+   "type": "CSSResult[]"
+  },
+  {
+   "name": "emptyMessage",
+   "type": "string | undefined",
+   "bindable": false
+  },
+  {
+   "name": "activatable",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "multi",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "wrapFocus",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "itemRoles",
+   "type": "string | null",
+   "bindable": false
+  },
+  {
+   "name": "innerRole",
+   "type": "string | null",
+   "bindable": false
+  },
+  {
+   "name": "innerAriaLabel",
+   "type": "string | null",
+   "bindable": false
+  },
+  {
+   "name": "rootTabbable",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "noninteractive",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "itemsReady",
+   "type": "Promise<never[]>",
+   "bindable": true
+  },
+  {
+   "name": "items",
+   "type": "ListItemBase[]"
+  },
+  {
+   "name": "selected",
+   "type": "ListItemBase | ListItemBase[] | null"
+  },
+  {
+   "name": "index",
+   "type": "MWCListIndex"
+  },
+  {
+   "name": "layout",
+   "type": "(updateItems?: boolean | undefined) => void"
+  },
+  {
+   "name": "debouncedLayout",
+   "type": "(updateItems?: boolean | undefined) => void | undefined"
+  }
+ ],
+ "events": [
+  {
+   "name": "selected"
+  },
+  {
+   "name": "action"
+  },
+  {
+   "name": "items-updated"
+  }
+ ]
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-list'
+
+
+/** This component is an extension of [<mwc-list>](https://github.com/material-components/material-components-web-components/tree/master/packages/list) 
+* @param {string | undefined} emptyMessage  
+* @param {boolean} activatable  
+* @param {boolean} multi  
+* @param {boolean} wrapFocus  
+* @param {string | null} itemRoles  
+* @param {string | null} innerRole  
+* @param {string | null} innerAriaLabel  
+* @param {boolean} rootTabbable  
+* @param {boolean} noninteractive  
+* @param {Promise<never[]>} itemsReady  
+*/
+const VwcList = wrapper('vwc-list',  {
+    events: [{"name":"items-updated"},{"name":"action"},{"name":"selected"}],
+    attributes: [],
+    properties: ["itemsReady"]
+});
+
+VwcList.propTypes = {
+  onSelected: PropTypes.func,
+  onAction: PropTypes.func,
+  onItemsUpdated: PropTypes.func,
+  emptyMessage: PropTypes.string,
+  activatable: PropTypes.bool,
+  multi: PropTypes.bool,
+  wrapFocus: PropTypes.bool,
+  itemRoles: PropTypes.string,
+  innerRole: PropTypes.string,
+  innerAriaLabel: PropTypes.string,
+  rootTabbable: PropTypes.bool,
+  noninteractive: PropTypes.bool,
+  itemsReady: PropTypes.any /* Promise<never[]> */
+}
+
+VwcList.defaultProps = {
+
+}
+
+VwcList.displayName = 'VwcList'
+
+
+
+export default VwcList

package/VwcList/package.json

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

package/VwcListExpansionPanel/index.d.ts

@@ -0,0 +1,19 @@
+import React, { ReactNode, SyntheticEvent } from 'react';
+import '@vonage/vwc-list';
+import '@vonage/vwc-list/vwc-list-expansion-panel';
+/** This component support expand-collapse list
+* @param {typeof VWCIcon | undefined} headerListItemIcon
+* @param {boolean} open
+*/
+declare const VwcListExpansionPanel: (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;
+    headerListItemIcon?: any;
+    open?: boolean | undefined;
+}) => JSX.Element;
+export default VwcListExpansionPanel;