@vonage/vivid-react 2.10.58 → 2.10.60

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.60",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "private": true,
+  "license": "MIT",
+  "dependencies": {
+    "@vonage/vwc-empty-state": "2.42.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;

package/VwcExpansionPanel/index.js

@@ -0,0 +1,199 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-expansion-panel",
+ "path": "./../node_modules/@vonage/vwc-expansion-panel/src/vwc-expansion-panel.ts",
+ "attributes": [
+  {
+   "name": "header",
+   "type": "string",
+   "default": "\"\"",
+   "deprecatedMessage": "use \"heading\" instead"
+  },
+  {
+   "name": "heading",
+   "description": "The heading of the expanded panel",
+   "type": "string",
+   "default": "\"\""
+  },
+  {
+   "name": "icon",
+   "type": "string",
+   "default": "\"\""
+  },
+  {
+   "name": "indicatorIconSet",
+   "type": "string",
+   "default": "\"chevron\""
+  },
+  {
+   "name": "meta",
+   "type": "string",
+   "default": "\"\""
+  },
+  {
+   "name": "dense",
+   "type": "boolean",
+   "default": "false"
+  },
+  {
+   "name": "leadingToggle",
+   "type": "boolean",
+   "default": "false"
+  },
+  {
+   "name": "noRipple",
+   "type": "boolean",
+   "default": "false"
+  },
+  {
+   "name": "open",
+   "type": "boolean",
+   "default": "false"
+  }
+ ],
+ "properties": [
+  {
+   "name": "styles",
+   "type": "CSSResult",
+   "default": "\"style\""
+  },
+  {
+   "name": "header",
+   "attribute": "header",
+   "type": "string",
+   "default": "\"\"",
+   "deprecatedMessage": "use \"heading\" instead",
+   "bindable": false
+  },
+  {
+   "name": "heading",
+   "attribute": "heading",
+   "description": "The heading of the expanded panel",
+   "type": "string",
+   "default": "\"\"",
+   "bindable": false
+  },
+  {
+   "name": "icon",
+   "attribute": "icon",
+   "type": "string",
+   "default": "\"\"",
+   "bindable": false
+  },
+  {
+   "name": "indicatorIconSet",
+   "attribute": "indicatorIconSet",
+   "type": "string",
+   "default": "\"chevron\"",
+   "bindable": false
+  },
+  {
+   "name": "meta",
+   "attribute": "meta",
+   "type": "string",
+   "default": "\"\"",
+   "bindable": false
+  },
+  {
+   "name": "dense",
+   "attribute": "dense",
+   "type": "boolean",
+   "default": "false",
+   "bindable": false
+  },
+  {
+   "name": "leadingToggle",
+   "attribute": "leadingToggle",
+   "type": "boolean",
+   "default": "false",
+   "bindable": false
+  },
+  {
+   "name": "noRipple",
+   "attribute": "noRipple",
+   "type": "boolean",
+   "default": "false",
+   "bindable": false
+  },
+  {
+   "name": "ripple",
+   "type": "Promise<Ripple>",
+   "bindable": false
+  },
+  {
+   "name": "open",
+   "attribute": "open",
+   "type": "boolean",
+   "default": "false",
+   "bindable": false
+  }
+ ],
+ "events": [
+  {
+   "name": "closed"
+  },
+  {
+   "name": "opened"
+  }
+ ]
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-expansion-panel'
+
+
+/**  
+* @param {string} header  attribute: &lt;VwcExpansionPanel header />
+* @param {string} heading - The heading of the expanded panel attribute: &lt;VwcExpansionPanel heading />
+* @param {string} icon  attribute: &lt;VwcExpansionPanel icon />
+* @param {string} indicatorIconSet  attribute: &lt;VwcExpansionPanel indicatorIconSet />
+* @param {string} meta  attribute: &lt;VwcExpansionPanel meta />
+* @param {boolean} dense  attribute: &lt;VwcExpansionPanel dense />
+* @param {boolean} leadingToggle  attribute: &lt;VwcExpansionPanel leadingToggle />
+* @param {boolean} noRipple  attribute: &lt;VwcExpansionPanel noRipple />
+* @param {Promise<Ripple>} ripple  
+* @param {boolean} open  attribute: &lt;VwcExpansionPanel open />
+*/
+const VwcExpansionPanel = wrapper('vwc-expansion-panel',  {
+    events: [{"name":"opened"},{"name":"closed"}],
+    attributes: [],
+    properties: []
+});
+
+VwcExpansionPanel.propTypes = {
+  onClosed: PropTypes.func,
+  onOpened: PropTypes.func,
+  header: PropTypes.string/* default: "" *//* attribute: header */,
+  heading: PropTypes.string/* default: "" *//* attribute: heading */,
+  icon: PropTypes.string/* default: "" *//* attribute: icon */,
+  indicatorIconSet: PropTypes.string/* default: "chevron" *//* attribute: indicatorIconSet */,
+  meta: PropTypes.string/* default: "" *//* attribute: meta */,
+  dense: PropTypes.bool/* default: false *//* attribute: dense */,
+  leadingToggle: PropTypes.bool/* default: false *//* attribute: leadingToggle */,
+  noRipple: PropTypes.bool/* default: false *//* attribute: noRipple */,
+  ripple: PropTypes.any /* Promise<Ripple> */,
+  open: PropTypes.bool/* default: false *//* attribute: open */
+}
+
+VwcExpansionPanel.defaultProps = {
+  header: "",
+  heading: "",
+  icon: "",
+  indicatorIconSet: "chevron",
+  meta: "",
+  dense: false,
+  leadingToggle: false,
+  noRipple: false,
+  open: false
+}
+
+VwcExpansionPanel.displayName = 'VwcExpansionPanel'
+
+
+
+export default VwcExpansionPanel

package/VwcExpansionPanel/package.json

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

package/VwcFab/index.d.ts

@@ -0,0 +1,32 @@
+import React, { ReactNode } from 'react';
+import '@vonage/vwc-fab';
+/** This component is an extension of [<mwc-fab>](https://github.com/material-components/material-components-web-components/tree/master/packages/fab)
+* @param {"regular" | "cta" | undefined} connotation  attribute: &lt;VwcFab connotation />
+* @param {ShadowRootInit} shadowRootOptions
+* @param {boolean} mini
+* @param {boolean} exited
+* @param {boolean} disabled
+* @param {boolean} extended
+* @param {boolean} showIconAtEnd
+* @param {boolean} reducedTouchTarget
+* @param {string} icon
+* @param {string} label
+*/
+declare const VwcFab: (props: {
+    children?: ReactNode;
+    slot?: string | undefined;
+    id?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    connotation?: "regular" | "cta" | undefined;
+    shadowRootOptions?: any;
+    mini?: boolean | undefined;
+    exited?: boolean | undefined;
+    disabled?: boolean | undefined;
+    extended?: boolean | undefined;
+    showIconAtEnd?: boolean | undefined;
+    reducedTouchTarget?: boolean | undefined;
+    icon?: string | undefined;
+    label?: string | undefined;
+}) => JSX.Element;
+export default VwcFab;

package/VwcFab/index.js

@@ -0,0 +1,124 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-fab",
+ "path": "./../node_modules/@vonage/vwc-fab/src/vwc-fab.ts",
+ "description": "This component is an extension of [<mwc-fab>](https://github.com/material-components/material-components-web-components/tree/master/packages/fab)",
+ "attributes": [
+  {
+   "name": "connotation",
+   "type": "\"regular\" | \"cta\" | undefined"
+  }
+ ],
+ "properties": [
+  {
+   "name": "connotation",
+   "attribute": "connotation",
+   "type": "\"regular\" | \"cta\" | undefined",
+   "bindable": false
+  },
+  {
+   "name": "styles",
+   "type": "CSSResult[]"
+  },
+  {
+   "name": "shadowRootOptions",
+   "type": "ShadowRootInit",
+   "bindable": false
+  },
+  {
+   "name": "ripple",
+   "type": "Promise<Ripple | null>"
+  },
+  {
+   "name": "mini",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "exited",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "disabled",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "extended",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "showIconAtEnd",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "reducedTouchTarget",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "icon",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "label",
+   "type": "string",
+   "bindable": false
+  }
+ ],
+ "events": []
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-fab'
+
+
+/** This component is an extension of [<mwc-fab>](https://github.com/material-components/material-components-web-components/tree/master/packages/fab) 
+* @param {"regular" | "cta" | undefined} connotation  attribute: &lt;VwcFab connotation />
+* @param {ShadowRootInit} shadowRootOptions  
+* @param {boolean} mini  
+* @param {boolean} exited  
+* @param {boolean} disabled  
+* @param {boolean} extended  
+* @param {boolean} showIconAtEnd  
+* @param {boolean} reducedTouchTarget  
+* @param {string} icon  
+* @param {string} label  
+*/
+const VwcFab = wrapper('vwc-fab',  {
+    events: [],
+    attributes: [],
+    properties: []
+});
+
+VwcFab.propTypes = {
+  connotation: PropTypes.any /* "regular" | "cta" | undefined *//* attribute: connotation */,
+  shadowRootOptions: PropTypes.any /* ShadowRootInit */,
+  mini: PropTypes.bool,
+  exited: PropTypes.bool,
+  disabled: PropTypes.bool,
+  extended: PropTypes.bool,
+  showIconAtEnd: PropTypes.bool,
+  reducedTouchTarget: PropTypes.bool,
+  icon: PropTypes.string,
+  label: PropTypes.string
+}
+
+VwcFab.defaultProps = {
+
+}
+
+VwcFab.displayName = 'VwcFab'
+
+
+
+export default VwcFab

package/VwcFab/package.json

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

package/VwcFilePicker/index.d.ts

@@ -0,0 +1,24 @@
+import React, { ReactNode } from 'react';
+import '@vonage/vwc-file-picker';
+/**
+* @param {string} label
+* @param {string} helper
+* @param {string} validationMessage
+* @param {string} notAFileError
+* @param {string} tooManyFilesError
+* @param {boolean} noCounter
+*/
+declare const VwcFilePicker: (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;
+    helper?: string | undefined;
+    validationMessage?: string | undefined;
+    notAFileError?: string | undefined;
+    tooManyFilesError?: string | undefined;
+    noCounter?: boolean | undefined;
+}) => JSX.Element;
+export default VwcFilePicker;

package/VwcFilePicker/index.js

@@ -0,0 +1,88 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-file-picker",
+ "path": "./../node_modules/@vonage/vwc-file-picker/vwc-file-picker.d.ts",
+ "properties": [
+  {
+   "name": "styles",
+   "type": "CSSResult[]"
+  },
+  {
+   "name": "label",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "helper",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "validationMessage",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "notAFileError",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "tooManyFilesError",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "drop-zone",
+   "type": "boolean"
+  },
+  {
+   "name": "noCounter",
+   "type": "boolean",
+   "bindable": false
+  }
+ ],
+ "events": []
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-file-picker'
+
+
+/**  
+* @param {string} label  
+* @param {string} helper  
+* @param {string} validationMessage  
+* @param {string} notAFileError  
+* @param {string} tooManyFilesError  
+* @param {boolean} noCounter  
+*/
+const VwcFilePicker = wrapper('vwc-file-picker',  {
+    events: [],
+    attributes: [],
+    properties: []
+});
+
+VwcFilePicker.propTypes = {
+  label: PropTypes.string,
+  helper: PropTypes.string,
+  validationMessage: PropTypes.string,
+  notAFileError: PropTypes.string,
+  tooManyFilesError: PropTypes.string,
+  noCounter: PropTypes.bool
+}
+
+VwcFilePicker.defaultProps = {
+
+}
+
+VwcFilePicker.displayName = 'VwcFilePicker'
+
+
+
+export default VwcFilePicker

package/VwcFilePicker/package.json

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

package/VwcFormfield/index.d.ts

@@ -0,0 +1,20 @@
+import React, { ReactNode } from 'react';
+import '@vonage/vwc-formfield';
+/**
+* @param {boolean} alignEnd
+* @param {boolean} spaceBetween
+* @param {boolean} nowrap
+* @param {string} label
+*/
+declare const VwcFormfield: (props: {
+    children?: ReactNode;
+    slot?: string | undefined;
+    id?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    alignEnd?: boolean | undefined;
+    spaceBetween?: boolean | undefined;
+    nowrap?: boolean | undefined;
+    label?: string | undefined;
+}) => JSX.Element;
+export default VwcFormfield;