@vonage/vivid-react 3.5.2 → 5.19.0

package/VwcSurface/index.js

@@ -9,129 +9,28 @@ Code in this file were generated using following JSON:
  "properties": [
   {
    "name": "styles",
-   "type": "CSSResult[]"
-  },
-  {
-   "name": "slotElement",
-   "type": "HTMLSlotElement | null",
-   "bindable": false
-  },
-  {
-   "name": "absolute",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "fullwidth",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "fixed",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "x",
-   "type": "number | null",
-   "bindable": false
-  },
-  {
-   "name": "y",
-   "type": "number | null",
-   "bindable": false
-  },
-  {
-   "name": "quick",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "open",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "stayOpenOnBodyClick",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "menuCorner",
-   "type": "MenuCorner",
-   "bindable": false
-  },
-  {
-   "name": "corner",
-   "type": "\"TOP_LEFT\" | \"TOP_RIGHT\" | \"BOTTOM_LEFT\" | \"BOTTOM_RIGHT\" | \"TOP_START\" | \"TOP_END\" | \"BOTTOM_START\" | \"BOTTOM_END\"",
-   "bindable": false
-  },
-  {
-   "name": "anchor",
-   "type": "HTMLElement | null",
-   "bindable": false
-  },
-  {
-   "name": "mdcRoot",
-   "description": "Root element for MDC Foundation usage.\n\nDefine in your component with the `@query` decorator",
-   "type": "HTMLDivElement",
-   "bindable": false
+   "type": "array"
   }
  ],
- "events": [
-  {
-   "name": "opened"
-  },
-  {
-   "name": "closed"
-  }
- ]
+ "events": []
 }
 */
 import PropTypes from 'prop-types'
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import '@vonage/vwc-surface'
 
 
 /**  
-* @param {HTMLSlotElement | null} slotElement  
-* @param {boolean} absolute  
-* @param {boolean} fullwidth  
-* @param {boolean} fixed  
-* @param {number | null} x  
-* @param {number | null} y  
-* @param {boolean} quick  
-* @param {boolean} open  
-* @param {boolean} stayOpenOnBodyClick  
-* @param {MenuCorner} menuCorner  
-* @param {"TOP_LEFT" | "TOP_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_RIGHT" | "TOP_START" | "TOP_END" | "BOTTOM_START" | "BOTTOM_END"} corner  
-* @param {HTMLElement | null} anchor  
-* @param {HTMLDivElement} mdcRoot - Root element for MDC Foundation usage.
 
-Define in your component with the `@query` decorator 
 */
 const VwcSurface = wrapper('vwc-surface',  {
-    events: [{"name":"closed"},{"name":"opened"}],
+    events: [],
     attributes: [],
     properties: []
 });
 
 VwcSurface.propTypes = {
-  onOpened: PropTypes.func,
-  onClosed: PropTypes.func,
-  slotElement: PropTypes.any /* HTMLSlotElement | null */,
-  absolute: PropTypes.bool,
-  fullwidth: PropTypes.bool,
-  fixed: PropTypes.bool,
-  x: PropTypes.number,
-  y: PropTypes.number,
-  quick: PropTypes.bool,
-  open: PropTypes.bool,
-  stayOpenOnBodyClick: PropTypes.bool,
-  menuCorner: PropTypes.any /* MenuCorner */,
-  corner: PropTypes.oneOf(["TOP_LEFT","TOP_RIGHT","BOTTOM_LEFT","BOTTOM_RIGHT","TOP_START","TOP_END","BOTTOM_START","BOTTOM_END"]),
-  anchor: PropTypes.any /* HTMLElement | null */,
-  mdcRoot: PropTypes.any /* HTMLDivElement */
+
 }
 
 VwcSurface.defaultProps = {

package/VwcSurface/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vwc-surface",
-  "version": "3.5.2",
+  "version": "5.19.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vwc-surface": "2.45.0"
+    "@vonage/vwc-surface": "2.46.3"
   }
 }

package/VwcSwitch/index.d.ts

@@ -1,27 +1,18 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 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  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
 */
 declare const VwcSwitch: (props: {
     children?: ReactNode;
-    slot?: string | undefined;
-    id?: string | undefined;
-    style?: React.CSSProperties | undefined;
-    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-    onChange?: ((event: SyntheticEvent) => void) | undefined;
+    slot?: string;
+    id?: string;
+    style?: React.CSSProperties;
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    onChange?: (event: SyntheticEvent) => void;
+    onChange?: (event: SyntheticEvent) => void;
     connotation?: any;
-    enlarged?: boolean | undefined;
-    checked?: boolean | undefined;
-    disabled?: boolean | undefined;
-    ariaLabel?: string | undefined;
-    ariaLabelledBy?: string | undefined;
-    shadowRootOptions?: any;
+    enlarged?: boolean;
 }) => JSX.Element;
 export default VwcSwitch;

package/VwcSwitch/index.js

@@ -9,8 +9,7 @@ Code in this file were generated using following JSON:
  "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": "connotation"
   },
   {
    "name": "enlarged",
@@ -22,7 +21,6 @@ Code in this file were generated using following JSON:
   {
    "name": "connotation",
    "attribute": "connotation",
-   "type": "SwitchConnotation | undefined",
    "bindable": false
   },
   {
@@ -31,40 +29,6 @@ Code in this file were generated using following JSON:
    "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": [
@@ -73,18 +37,13 @@ Code in this file were generated using following JSON:
 }
 */
 import PropTypes from 'prop-types'
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-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  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"}],
@@ -94,13 +53,8 @@ const VwcSwitch = wrapper('vwc-switch',  {
 
 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 */
+  connotation: PropTypes.any /* type not provided *//* attribute: connotation */,
+  enlarged: PropTypes.bool/* default: false *//* attribute: enlarged */
 }
 
 VwcSwitch.defaultProps = {

package/VwcSwitch/package.json

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

package/VwcTab/index.d.ts

@@ -5,36 +5,17 @@ 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;
+    slot?: string;
+    id?: string;
+    style?: React.CSSProperties;
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    onInteracted?: (event: SyntheticEvent) => void;
+    onInteracted?: (event: SyntheticEvent) => void;
+    disabled?: boolean;
+    block?: boolean;
+    trailingIcon?: boolean;
 }) => JSX.Element;
 export default VwcTab;

package/VwcTab/index.js

@@ -21,71 +21,6 @@ Code in this file were generated using following JSON:
    "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": [
@@ -97,7 +32,7 @@ Code in this file were generated using following JSON:
 }
 */
 import PropTypes from 'prop-types'
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import '@vonage/vwc-tab-bar'
 import '@vonage/vwc-tab-bar/vwc-tab'
 
@@ -106,16 +41,6 @@ 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"}],
@@ -127,17 +52,7 @@ 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
+  trailingIcon: PropTypes.bool
 }
 
 VwcTab.defaultProps = {

package/VwcTab/package.json

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

package/VwcTabBar/index.d.ts

@@ -1,15 +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;
+    slot?: string;
+    id?: string;
+    style?: React.CSSProperties;
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    onActivated?: (event: SyntheticEvent) => void;
+    onActivated?: (event: SyntheticEvent) => void;
 }) => JSX.Element;
 export default VwcTabBar;

package/VwcTabBar/index.js

@@ -6,17 +6,6 @@ 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",
@@ -26,12 +15,12 @@ Code in this file were generated using following JSON:
 }
 */
 import PropTypes from 'prop-types'
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import '@vonage/vwc-tab-bar'
 
 
 /**  
-* @param {number} activeIndex  
+
 */
 const VwcTabBar = wrapper('vwc-tab-bar',  {
     events: [{"name":"MDCTabBar:activated","propName":"onActivated"}],
@@ -40,8 +29,7 @@ const VwcTabBar = wrapper('vwc-tab-bar',  {
 });
 
 VwcTabBar.propTypes = {
-  onActivated: PropTypes.func,
-  activeIndex: PropTypes.number
+  onActivated: PropTypes.func
 }
 
 VwcTabBar.defaultProps = {

package/VwcTabBar/package.json

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

package/VwcTag/index.d.ts

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

package/VwcTag/index.js

@@ -9,12 +9,11 @@ Code in this file were generated using following JSON:
  "properties": [
   {
    "name": "styles",
-   "type": "CSSResult",
    "bindable": false
   },
   {
    "name": "ripple",
-   "type": "Promise<Ripple | null>",
+   "type": "Promise<any>",
    "bindable": false
   },
   {
@@ -34,17 +33,14 @@ Code in this file were generated using following JSON:
   },
   {
    "name": "connotation",
-   "type": "TagConnotation | undefined",
    "bindable": false
   },
   {
    "name": "shape",
-   "type": "TagShape | undefined",
    "bindable": false
   },
   {
    "name": "layout",
-   "type": "TagLayout | undefined",
    "bindable": false
   },
   {
@@ -67,19 +63,19 @@ Code in this file were generated using following JSON:
 }
 */
 import PropTypes from 'prop-types'
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import '@vonage/vwc-tags/vwc-tag'
 
 
 /**  
-* @param {CSSResult} styles  
-* @param {Promise<Ripple | null>} ripple  
+* @param  styles  
+* @param {Promise<any>} ripple  
 * @param {HTMLElement} selectableElement  
 * @param {string | undefined} text  
 * @param {boolean} selected  
-* @param {TagConnotation | undefined} connotation  
-* @param {TagShape | undefined} shape  
-* @param {TagLayout | undefined} layout  
+* @param  connotation  
+* @param  shape  
+* @param  layout  
 * @param {boolean} selectable  
 * @param {boolean} removable  
 * @param {boolean} removeEventOnly  
@@ -91,14 +87,14 @@ const VwcTag = wrapper('vwc-tag',  {
 });
 
 VwcTag.propTypes = {
-  styles: PropTypes.any /* CSSResult */,
-  ripple: PropTypes.any /* Promise<Ripple | null> */,
+  styles: PropTypes.any /* type not provided */,
+  ripple: PropTypes.any /* Promise<any> */,
   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 */,
+  connotation: PropTypes.any /* type not provided */,
+  shape: PropTypes.any /* type not provided */,
+  layout: PropTypes.any /* type not provided */,
   selectable: PropTypes.bool,
   removable: PropTypes.bool,
   removeEventOnly: PropTypes.bool