@vonage/vivid-react 3.5.2 → 5.19.0

package/VwcCard/index.js

@@ -39,7 +39,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-card'
 
 

package/VwcCard/package.json

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

package/VwcCarousel/index.d.ts

@@ -5,10 +5,10 @@ import '@vonage/vwc-carousel';
 */
 declare const VwcCarousel: (props: {
     children?: ReactNode;
-    slot?: string | undefined;
-    id?: string | undefined;
-    style?: React.CSSProperties | undefined;
-    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-    autoplay?: boolean | undefined;
+    slot?: string;
+    id?: string;
+    style?: React.CSSProperties;
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    autoplay?: boolean;
 }) => JSX.Element;
 export default VwcCarousel;

package/VwcCarousel/index.js

@@ -17,7 +17,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-carousel'
 
 

package/VwcCarousel/package.json

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

package/VwcCarouselItem/index.d.ts

@@ -6,9 +6,9 @@ import '@vonage/vwc-carousel/vwc-carousel-item';
 */
 declare const VwcCarouselItem: (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;
 }) => JSX.Element;
 export default VwcCarouselItem;

package/VwcCarouselItem/index.js

@@ -20,7 +20,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-carousel'
 import '@vonage/vwc-carousel/vwc-carousel-item'
 

package/VwcCarouselItem/package.json

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

package/VwcCheckListItem/index.d.ts

@@ -2,40 +2,15 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 import '@vonage/vwc-list';
 import '@vonage/vwc-list/vwc-check-list-item';
 /** This component is an extension of [<mwc-check-list-item>](https://github.com/material-components/material-components-web-components/tree/master/packages/list)
-* @param {boolean} left
-* @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
-* @param {string} text
+
 */
 declare const VwcCheckListItem: (props: {
     children?: ReactNode;
-    slot?: string | undefined;
-    id?: string | undefined;
-    style?: React.CSSProperties | undefined;
-    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-    onRequestSelected?: ((event: SyntheticEvent) => void) | undefined;
-    onListItemRendered?: ((event: SyntheticEvent) => void) | undefined;
-    left?: boolean | undefined;
-    value?: string | undefined;
-    group?: string | null | undefined;
-    tabindex?: number | undefined;
-    disabled?: boolean | undefined;
-    twoline?: boolean | undefined;
-    activated?: boolean | undefined;
-    graphic?: any;
-    multipleGraphics?: boolean | undefined;
-    hasMeta?: boolean | undefined;
-    noninteractive?: boolean | undefined;
-    selected?: boolean | undefined;
-    text?: string | undefined;
+    slot?: string;
+    id?: string;
+    style?: React.CSSProperties;
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    onRequestSelected?: (event: SyntheticEvent) => void;
+    onRequestSelected?: (event: SyntheticEvent) => void;
 }) => JSX.Element;
 export default VwcCheckListItem;

package/VwcCheckListItem/index.js

@@ -7,88 +7,7 @@ Code in this file were generated using following JSON:
  "name": "vwc-check-list-item",
  "path": "./../node_modules/@vonage/vwc-list/src/vwc-check-list-item.ts",
  "description": "This component is an extension of [<mwc-check-list-item>](https://github.com/material-components/material-components-web-components/tree/master/packages/list)",
- "properties": [
-  {
-   "name": "styles",
-   "type": "CSSResult[]"
-  },
-  {
-   "name": "left",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "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",
-   "bindable": false
-  }
- ],
  "events": [
-  {
-   "name": "request-selected"
-  },
-  {
-   "name": "list-item-rendered"
-  },
   {
    "name": "request-selected",
    "propName": "onRequestSelected"
@@ -97,49 +16,22 @@ 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-list'
 import '@vonage/vwc-list/vwc-check-list-item'
 
 
 /** This component is an extension of [<mwc-check-list-item>](https://github.com/material-components/material-components-web-components/tree/master/packages/list) 
-* @param {boolean} left  
-* @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  
-* @param {string} text  
+
 */
 const VwcCheckListItem = wrapper('vwc-check-list-item',  {
-    events: [{"name":"request-selected","propName":"onRequestSelected"},{"name":"list-item-rendered"}],
+    events: [{"name":"request-selected","propName":"onRequestSelected"}],
     attributes: [],
     properties: []
 });
 
 VwcCheckListItem.propTypes = {
-  onRequestSelected: PropTypes.func,
-  onListItemRendered: PropTypes.func,
-  onRequestSelected: PropTypes.func,
-  left: PropTypes.bool,
-  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,
-  text: PropTypes.string
+  onRequestSelected: PropTypes.func
 }
 
 VwcCheckListItem.defaultProps = {

package/VwcCheckListItem/package.json

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

package/VwcCheckbox/index.d.ts

@@ -1,34 +1,15 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 import '@vonage/vwc-checkbox';
 /** This component is an extension of [<mwc-checkbox>](https://github.com/material-components/material-components-web-components/tree/master/packages/checkbox)
-* @param {boolean} checked
-* @param {boolean} indeterminate
-* @param {boolean} disabled
-* @param {string | undefined} name
-* @param {string} value
-* @param {string | undefined} ariaLabel
-* @param {string | undefined} ariaLabelledBy
-* @param {string | undefined} ariaDescribedBy
-* @param {boolean} reducedTouchTarget - Touch target extends beyond visual boundary of a component by default.
-Set to `true` to remove touch target added to the component.
-* @param {ShadowRootInit} shadowRootOptions
+
 */
 declare const VwcCheckbox: (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;
-    checked?: boolean | undefined;
-    indeterminate?: boolean | undefined;
-    disabled?: boolean | undefined;
-    name?: string | undefined;
-    value?: string | undefined;
-    ariaLabel?: string | undefined;
-    ariaLabelledBy?: string | undefined;
-    ariaDescribedBy?: string | undefined;
-    reducedTouchTarget?: boolean | undefined;
-    shadowRootOptions?: any;
+    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;
 }) => JSX.Element;
 export default VwcCheckbox;

package/VwcCheckbox/index.js

@@ -7,93 +7,18 @@ Code in this file were generated using following JSON:
  "name": "vwc-checkbox",
  "path": "./../node_modules/@vonage/vwc-checkbox/src/vwc-checkbox.ts",
  "description": "This component is an extension of [<mwc-checkbox>](https://github.com/material-components/material-components-web-components/tree/master/packages/checkbox)",
- "properties": [
-  {
-   "name": "styles",
-   "type": "CSSResult[]"
-  },
-  {
-   "name": "checked",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "indeterminate",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "disabled",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "name",
-   "type": "string | undefined",
-   "bindable": false
-  },
-  {
-   "name": "value",
-   "type": "string",
-   "bindable": false
-  },
-  {
-   "name": "ariaLabel",
-   "type": "string | undefined",
-   "bindable": false
-  },
-  {
-   "name": "ariaLabelledBy",
-   "type": "string | undefined",
-   "bindable": false
-  },
-  {
-   "name": "ariaDescribedBy",
-   "type": "string | undefined",
-   "bindable": false
-  },
-  {
-   "name": "reducedTouchTarget",
-   "description": "Touch target extends beyond visual boundary of a component by default.\nSet to `true` to remove touch target added to the component.",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "isRippleActive"
-  },
-  {
-   "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 wrapper from '@repo/react-component-wrapper'
 import '@vonage/vwc-checkbox'
 
 
 /** This component is an extension of [<mwc-checkbox>](https://github.com/material-components/material-components-web-components/tree/master/packages/checkbox) 
-* @param {boolean} checked  
-* @param {boolean} indeterminate  
-* @param {boolean} disabled  
-* @param {string | undefined} name  
-* @param {string} value  
-* @param {string | undefined} ariaLabel  
-* @param {string | undefined} ariaLabelledBy  
-* @param {string | undefined} ariaDescribedBy  
-* @param {boolean} reducedTouchTarget - Touch target extends beyond visual boundary of a component by default.
-Set to `true` to remove touch target added to the component. 
-* @param {ShadowRootInit} shadowRootOptions  
+
 */
 const VwcCheckbox = wrapper('vwc-checkbox',  {
     events: [{"name":"change","propName":"onChange"}],
@@ -102,17 +27,7 @@ const VwcCheckbox = wrapper('vwc-checkbox',  {
 });
 
 VwcCheckbox.propTypes = {
-  onChange: PropTypes.func,
-  checked: PropTypes.bool,
-  indeterminate: PropTypes.bool,
-  disabled: PropTypes.bool,
-  name: PropTypes.string,
-  value: PropTypes.string,
-  ariaLabel: PropTypes.string,
-  ariaLabelledBy: PropTypes.string,
-  ariaDescribedBy: PropTypes.string,
-  reducedTouchTarget: PropTypes.bool,
-  shadowRootOptions: PropTypes.any /* ShadowRootInit */
+  onChange: PropTypes.func
 }
 
 VwcCheckbox.defaultProps = {

package/VwcCheckbox/package.json

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

package/VwcChip/index.d.ts

@@ -14,18 +14,18 @@ import '@vonage/vwc-chips/vwc-chip';
 */
 declare const VwcChip: (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;
+    slot?: string;
+    id?: string;
+    style?: React.CSSProperties;
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    label?: string;
     type?: any;
-    selected?: boolean | undefined;
-    icon?: string | undefined;
-    iconClass?: string | undefined;
-    removable?: boolean | undefined;
-    removeIcon?: string | undefined;
-    removeIconClass?: string | undefined;
-    removeIconFocusable?: boolean | undefined;
+    selected?: boolean;
+    icon?: string;
+    iconClass?: string;
+    removable?: boolean;
+    removeIcon?: string;
+    removeIconClass?: string;
+    removeIconFocusable?: boolean;
 }) => JSX.Element;
 export default VwcChip;

package/VwcChip/index.js

@@ -8,8 +8,7 @@ Code in this file were generated using following JSON:
  "path": "./../node_modules/@vonage/vwc-chips/vwc-chip.d.ts",
  "properties": [
   {
-   "name": "styles",
-   "type": "CSSResult"
+   "name": "styles"
   },
   {
    "name": "label",
@@ -61,7 +60,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-chips'
 import '@vonage/vwc-chips/vwc-chip'
 

package/VwcChip/package.json

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

package/VwcChipSet/index.d.ts

@@ -6,11 +6,12 @@ import '@vonage/vwc-chips/vwc-chip-set';
 */
 declare const VwcChipSet: (props: {
     children?: ReactNode;
-    slot?: string | undefined;
-    id?: string | undefined;
-    style?: React.CSSProperties | undefined;
-    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-    onSelection?: ((event: SyntheticEvent) => void) | undefined;
+    slot?: string;
+    id?: string;
+    style?: React.CSSProperties;
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    onSelection?: (event: SyntheticEvent) => void;
+    onSelection?: (event: SyntheticEvent) => void;
     type?: any;
 }) => JSX.Element;
 export default VwcChipSet;

package/VwcChipSet/index.js

@@ -8,8 +8,7 @@ Code in this file were generated using following JSON:
  "path": "./../node_modules/@vonage/vwc-chips/vwc-chip-set.d.ts",
  "properties": [
   {
-   "name": "styles",
-   "type": "CSSResult"
+   "name": "styles"
   },
   {
    "name": "type",
@@ -30,7 +29,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-chips'
 import '@vonage/vwc-chips/vwc-chip-set'
 

package/VwcChipSet/package.json

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

package/VwcCircularProgress/index.d.ts

@@ -1,24 +1,14 @@
 import React, { ReactNode } from 'react';
 import '@vonage/vwc-circular-progress';
 /**
-* @param {CircularProgressConnotation | undefined} connotation
-* @param {boolean} indeterminate
-* @param {number} progress
-* @param {number} density
-* @param {boolean} closed
-* @param {string | undefined} ariaLabel
+* @param  connotation
 */
 declare const VwcCircularProgress: (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;
     connotation?: any;
-    indeterminate?: boolean | undefined;
-    progress?: number | undefined;
-    density?: number | undefined;
-    closed?: boolean | undefined;
-    ariaLabel?: string | undefined;
 }) => JSX.Element;
 export default VwcCircularProgress;