@vonage/vivid-react 2.10.56 → 2.10.59

package/VwcSwitch/index.js

@@ -0,0 +1,114 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-switch",
+ "path": "./../node_modules/@vonage/vwc-switch/src/vwc-switch.ts",
+ "description": "This component is an extension of [<mwc-switch>](https://github.com/material-components/material-components-web-components/tree/master/packages/switch)",
+ "attributes": [
+  {
+   "name": "connotation",
+   "type": "SwitchConnotation | undefined"
+  },
+  {
+   "name": "enlarged",
+   "type": "boolean",
+   "default": "false"
+  }
+ ],
+ "properties": [
+  {
+   "name": "connotation",
+   "attribute": "connotation",
+   "type": "SwitchConnotation | undefined",
+   "bindable": false
+  },
+  {
+   "name": "enlarged",
+   "attribute": "enlarged",
+   "type": "boolean",
+   "default": "false",
+   "bindable": false
+  },
+  {
+   "name": "styles",
+   "type": "CSSResult[]"
+  },
+  {
+   "name": "checked",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "disabled",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "ariaLabel",
+   "type": "string | undefined",
+   "bindable": false
+  },
+  {
+   "name": "ariaLabelledBy",
+   "type": "string | undefined",
+   "bindable": false
+  },
+  {
+   "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-switch'
+
+
+/** This component is an extension of [<mwc-switch>](https://github.com/material-components/material-components-web-components/tree/master/packages/switch) 
+* @param {SwitchConnotation | undefined} connotation  attribute: &lt;VwcSwitch connotation />
+* @param {boolean} enlarged  attribute: &lt;VwcSwitch enlarged />
+* @param {boolean} checked  
+* @param {boolean} disabled  
+* @param {string | undefined} ariaLabel  
+* @param {string | undefined} ariaLabelledBy  
+* @param {ShadowRootInit} shadowRootOptions  
+*/
+const VwcSwitch = wrapper('vwc-switch',  {
+    events: [{"name":"change","propName":"onChange"}],
+    attributes: [],
+    properties: []
+});
+
+VwcSwitch.propTypes = {
+  onChange: PropTypes.func,
+  connotation: PropTypes.any /* SwitchConnotation | undefined *//* attribute: connotation */,
+  enlarged: PropTypes.bool/* default: false *//* attribute: enlarged */,
+  checked: PropTypes.bool,
+  disabled: PropTypes.bool,
+  ariaLabel: PropTypes.string,
+  ariaLabelledBy: PropTypes.string,
+  shadowRootOptions: PropTypes.any /* ShadowRootInit */
+}
+
+VwcSwitch.defaultProps = {
+  enlarged: false
+}
+
+VwcSwitch.displayName = 'VwcSwitch'
+
+
+
+export default VwcSwitch

package/VwcSwitch/package.json

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

package/VwcTab/index.d.ts

@@ -0,0 +1,40 @@
+import React, { ReactNode, SyntheticEvent } from 'react';
+import '@vonage/vwc-tab-bar';
+import '@vonage/vwc-tab-bar/vwc-tab';
+/**
+* @param {boolean} disabled
+* @param {boolean} block
+* @param {boolean} trailingIcon
+* @param {ShadowRootInit} shadowRootOptions
+* @param {string} label
+* @param {string} icon
+* @param {boolean} hasImageIcon
+* @param {boolean} isFadingIndicator
+* @param {boolean} minWidth
+* @param {boolean} isMinWidthIndicator
+* @param {string} indicatorIcon
+* @param {boolean} stacked
+* @param {boolean} focusOnActivate
+*/
+declare const VwcTab: (props: {
+    children?: ReactNode;
+    slot?: string | undefined;
+    id?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    onInteracted?: ((event: SyntheticEvent) => void) | undefined;
+    disabled?: boolean | undefined;
+    block?: boolean | undefined;
+    trailingIcon?: boolean | undefined;
+    shadowRootOptions?: any;
+    label?: string | undefined;
+    icon?: string | undefined;
+    hasImageIcon?: boolean | undefined;
+    isFadingIndicator?: boolean | undefined;
+    minWidth?: boolean | undefined;
+    isMinWidthIndicator?: boolean | undefined;
+    indicatorIcon?: string | undefined;
+    stacked?: boolean | undefined;
+    focusOnActivate?: boolean | undefined;
+}) => JSX.Element;
+export default VwcTab;

package/VwcTab/index.js

@@ -0,0 +1,151 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-tab",
+ "path": "./../node_modules/@vonage/vwc-tab-bar/vwc-tab.d.ts",
+ "properties": [
+  {
+   "name": "disabled",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "block",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "trailingIcon",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "styles",
+   "type": "CSSResult[]"
+  },
+  {
+   "name": "shadowRootOptions",
+   "type": "ShadowRootInit",
+   "bindable": false
+  },
+  {
+   "name": "label",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "icon",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "hasImageIcon",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "isFadingIndicator",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "minWidth",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "isMinWidthIndicator",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "active",
+   "type": "boolean"
+  },
+  {
+   "name": "indicatorIcon",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "stacked",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "focusOnActivate",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "ripple",
+   "type": "Promise<Ripple | null>"
+  },
+  {
+   "name": "isRippleActive"
+  }
+ ],
+ "events": [
+  {
+   "name": "MDCTab:interacted",
+   "propName": "onInteracted"
+  }
+ ]
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-tab-bar'
+import '@vonage/vwc-tab-bar/vwc-tab'
+
+
+/**  
+* @param {boolean} disabled  
+* @param {boolean} block  
+* @param {boolean} trailingIcon  
+* @param {ShadowRootInit} shadowRootOptions  
+* @param {string} label  
+* @param {string} icon  
+* @param {boolean} hasImageIcon  
+* @param {boolean} isFadingIndicator  
+* @param {boolean} minWidth  
+* @param {boolean} isMinWidthIndicator  
+* @param {string} indicatorIcon  
+* @param {boolean} stacked  
+* @param {boolean} focusOnActivate  
+*/
+const VwcTab = wrapper('vwc-tab',  {
+    events: [{"name":"MDCTab:interacted","propName":"onInteracted"}],
+    attributes: [],
+    properties: []
+});
+
+VwcTab.propTypes = {
+  onInteracted: PropTypes.func,
+  disabled: PropTypes.bool,
+  block: PropTypes.bool,
+  trailingIcon: PropTypes.bool,
+  shadowRootOptions: PropTypes.any /* ShadowRootInit */,
+  label: PropTypes.string,
+  icon: PropTypes.string,
+  hasImageIcon: PropTypes.bool,
+  isFadingIndicator: PropTypes.bool,
+  minWidth: PropTypes.bool,
+  isMinWidthIndicator: PropTypes.bool,
+  indicatorIcon: PropTypes.string,
+  stacked: PropTypes.bool,
+  focusOnActivate: PropTypes.bool
+}
+
+VwcTab.defaultProps = {
+
+}
+
+VwcTab.displayName = 'VwcTab'
+
+
+
+export default VwcTab

package/VwcTab/package.json

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

package/VwcTabBar/index.d.ts

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

package/VwcTabBar/index.js

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

package/VwcTabBar/package.json

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

package/VwcTag/index.d.ts

@@ -0,0 +1,34 @@
+import React, { ReactNode } from 'react';
+import '@vonage/vwc-tags/vwc-tag';
+/**
+* @param {CSSResult} styles
+* @param {Promise<Ripple | null>} ripple
+* @param {HTMLElement} selectableElement
+* @param {string | undefined} text
+* @param {boolean} selected
+* @param {TagConnotation | undefined} connotation
+* @param {TagShape | undefined} shape
+* @param {TagLayout | undefined} layout
+* @param {boolean} selectable
+* @param {boolean} removable
+* @param {boolean} removeEventOnly
+*/
+declare const VwcTag: (props: {
+    children?: ReactNode;
+    slot?: string | undefined;
+    id?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    styles?: any;
+    ripple?: any;
+    selectableElement?: any;
+    text?: string | undefined;
+    selected?: boolean | undefined;
+    connotation?: any;
+    shape?: any;
+    layout?: any;
+    selectable?: boolean | undefined;
+    removable?: boolean | undefined;
+    removeEventOnly?: boolean | undefined;
+}) => JSX.Element;
+export default VwcTag;

package/VwcTag/index.js

@@ -0,0 +1,115 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-tag",
+ "path": "./../node_modules/@vonage/vwc-tags/vwc-tag.d.ts",
+ "properties": [
+  {
+   "name": "styles",
+   "type": "CSSResult",
+   "bindable": false
+  },
+  {
+   "name": "ripple",
+   "type": "Promise<Ripple | null>",
+   "bindable": false
+  },
+  {
+   "name": "selectableElement",
+   "type": "HTMLElement",
+   "bindable": false
+  },
+  {
+   "name": "text",
+   "type": "string | undefined",
+   "bindable": false
+  },
+  {
+   "name": "selected",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "connotation",
+   "type": "TagConnotation | undefined",
+   "bindable": false
+  },
+  {
+   "name": "shape",
+   "type": "TagShape | undefined",
+   "bindable": false
+  },
+  {
+   "name": "layout",
+   "type": "TagLayout | undefined",
+   "bindable": false
+  },
+  {
+   "name": "selectable",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "removable",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "removeEventOnly",
+   "type": "boolean",
+   "bindable": false
+  }
+ ],
+ "events": []
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-tags/vwc-tag'
+
+
+/**  
+* @param {CSSResult} styles  
+* @param {Promise<Ripple | null>} ripple  
+* @param {HTMLElement} selectableElement  
+* @param {string | undefined} text  
+* @param {boolean} selected  
+* @param {TagConnotation | undefined} connotation  
+* @param {TagShape | undefined} shape  
+* @param {TagLayout | undefined} layout  
+* @param {boolean} selectable  
+* @param {boolean} removable  
+* @param {boolean} removeEventOnly  
+*/
+const VwcTag = wrapper('vwc-tag',  {
+    events: [],
+    attributes: [],
+    properties: []
+});
+
+VwcTag.propTypes = {
+  styles: PropTypes.any /* CSSResult */,
+  ripple: PropTypes.any /* Promise<Ripple | null> */,
+  selectableElement: PropTypes.any /* HTMLElement */,
+  text: PropTypes.string,
+  selected: PropTypes.bool,
+  connotation: PropTypes.any /* TagConnotation | undefined */,
+  shape: PropTypes.any /* TagShape | undefined */,
+  layout: PropTypes.any /* TagLayout | undefined */,
+  selectable: PropTypes.bool,
+  removable: PropTypes.bool,
+  removeEventOnly: PropTypes.bool
+}
+
+VwcTag.defaultProps = {
+
+}
+
+VwcTag.displayName = 'VwcTag'
+
+
+
+export default VwcTag

package/VwcTag/package.json

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

package/VwcText/index.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactNode } from 'react';
+import '@vonage/vwc-text';
+/**
+* @param {VVDFontFace | undefined} fontFace  attribute: <VwcText font-face />
+* @param {TextConnotation | undefined} connotation  attribute: <VwcText connotation />
+* @param {boolean} tight  attribute: <VwcText tight />
+*/
+declare const VwcText: (props: {
+    children?: ReactNode;
+    slot?: string | undefined;
+    id?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    fontFace?: any;
+    connotation?: any;
+    tight?: boolean | undefined;
+}) => JSX.Element;
+export default VwcText;

package/VwcText/index.js

@@ -0,0 +1,83 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-text",
+ "path": "./../node_modules/@vonage/vwc-text/src/vwc-text.ts",
+ "attributes": [
+  {
+   "name": "font-face",
+   "type": "VVDFontFace | undefined"
+  },
+  {
+   "name": "connotation",
+   "type": "TextConnotation | undefined"
+  },
+  {
+   "name": "tight",
+   "type": "boolean",
+   "default": "false"
+  }
+ ],
+ "properties": [
+  {
+   "name": "styles",
+   "type": "CSSResult",
+   "default": "\"style\""
+  },
+  {
+   "name": "fontFace",
+   "attribute": "font-face",
+   "type": "VVDFontFace | undefined",
+   "bindable": true
+  },
+  {
+   "name": "connotation",
+   "attribute": "connotation",
+   "type": "TextConnotation | undefined",
+   "bindable": false
+  },
+  {
+   "name": "tight",
+   "attribute": "tight",
+   "type": "boolean",
+   "default": "false",
+   "bindable": false
+  }
+ ],
+ "events": []
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-text'
+
+
+/**  
+* @param {VVDFontFace | undefined} fontFace  attribute: <VwcText font-face />
+* @param {TextConnotation | undefined} connotation  attribute: <VwcText connotation />
+* @param {boolean} tight  attribute: <VwcText tight />
+*/
+const VwcText = wrapper('vwc-text',  {
+    events: [],
+    attributes: [],
+    properties: ["fontFace"]
+});
+
+VwcText.propTypes = {
+  fontFace: PropTypes.any /* VVDFontFace | undefined *//* attribute: font-face */,
+  connotation: PropTypes.any /* TextConnotation | undefined *//* attribute: connotation */,
+  tight: PropTypes.bool/* default: false *//* attribute: tight */
+}
+
+VwcText.defaultProps = {
+  tight: false
+}
+
+VwcText.displayName = 'VwcText'
+
+
+
+export default VwcText

package/VwcText/package.json

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