@vonage/vivid-react 4.0.0 → 5.19.0

package/VwcRadio/index.js

@@ -7,135 +7,27 @@ Code in this file were generated using following JSON:
  "name": "vwc-radio",
  "path": "./../node_modules/@vonage/vwc-radio/src/vwc-radio.ts",
  "description": "This component is an extension of [<mwc-radio>](https://github.com/material-components/material-components-web-components/tree/master/packages/radio)",
- "properties": [
-  {
-   "name": "styles",
-   "type": "CSSResult[]"
-  },
-  {
-   "name": "global",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "checked",
-   "description": "We define our own getter/setter for `checked` because we need to track\nchanges to it synchronously.\n\nThe order in which the `checked` property is set across radio buttons\nwithin the same group is very important. However, we can't rely on\nUpdatingElement's `updated` callback to observe these changes (which is\nalso what the `@observer` decorator uses), because it batches changes to\nall properties.\n\nConsider:\n\n  radio1.disabled = true;\n  radio2.checked = true;\n  radio1.checked = true;\n\nIn this case we'd first see all changes for radio1, and then for radio2,\nand we couldn't tell that radio1 was the most recently checked.",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "disabled",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "value",
-   "type": "string",
-   "bindable": false
-  },
-  {
-   "name": "name",
-   "type": "string",
-   "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": "formElementTabIndex",
-   "description": "input's tabindex is updated based on checked status.\nTab navigation will be removed from unchecked radios.",
-   "type": "number",
-   "bindable": false
-  },
-  {
-   "name": "ariaLabel",
-   "type": "string | undefined",
-   "bindable": false
-  },
-  {
-   "name": "ariaLabelledBy",
-   "type": "string | undefined",
-   "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": [
-  {
-   "name": "checked"
-  },
   "change"
  ]
 }
 */
 import PropTypes from 'prop-types'
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import '@vonage/vwc-radio'
 
 
 /** This component is an extension of [<mwc-radio>](https://github.com/material-components/material-components-web-components/tree/master/packages/radio) 
-* @param {boolean} global  
-* @param {boolean} checked - We define our own getter/setter for `checked` because we need to track
-changes to it synchronously.
 
-The order in which the `checked` property is set across radio buttons
-within the same group is very important. However, we can't rely on
-UpdatingElement's `updated` callback to observe these changes (which is
-also what the `@observer` decorator uses), because it batches changes to
-all properties.
-
-Consider:
-
-  radio1.disabled = true;
-  radio2.checked = true;
-  radio1.checked = true;
-
-In this case we'd first see all changes for radio1, and then for radio2,
-and we couldn't tell that radio1 was the most recently checked. 
-* @param {boolean} disabled  
-* @param {string} value  
-* @param {string} name  
-* @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 {number} formElementTabIndex - input's tabindex is updated based on checked status.
-Tab navigation will be removed from unchecked radios. 
-* @param {string | undefined} ariaLabel  
-* @param {string | undefined} ariaLabelledBy  
-* @param {ShadowRootInit} shadowRootOptions  
 */
 const VwcRadio = wrapper('vwc-radio',  {
-    events: [{"name":"change","propName":"onChange"},{"name":"checked"}],
+    events: [{"name":"change","propName":"onChange"}],
     attributes: [],
     properties: []
 });
 
 VwcRadio.propTypes = {
-  onChecked: PropTypes.func,
-  onChange: PropTypes.func,
-  global: PropTypes.bool,
-  checked: PropTypes.bool,
-  disabled: PropTypes.bool,
-  value: PropTypes.string,
-  name: PropTypes.string,
-  reducedTouchTarget: PropTypes.bool,
-  formElementTabIndex: PropTypes.number,
-  ariaLabel: PropTypes.string,
-  ariaLabelledBy: PropTypes.string,
-  shadowRootOptions: PropTypes.any /* ShadowRootInit */
+  onChange: PropTypes.func
 }
 
 VwcRadio.defaultProps = {

package/VwcRadio/package.json

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

package/VwcRadioListItem/index.d.ts

@@ -1,41 +1,14 @@
-import React, { ReactNode, SyntheticEvent } from 'react';
+import React, { ReactNode } from 'react';
 import '@vonage/vwc-list';
 import '@vonage/vwc-list/vwc-radio-list-item';
 /** This component is an extension of [<mwc-radio-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 VwcRadioListItem: (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;
 }) => JSX.Element;
 export default VwcRadioListItem;

package/VwcRadioListItem/index.js

@@ -7,134 +7,26 @@ Code in this file were generated using following JSON:
  "name": "vwc-radio-list-item",
  "path": "./../node_modules/@vonage/vwc-list/src/vwc-radio-list-item.ts",
  "description": "This component is an extension of [<mwc-radio-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"
-  }
- ]
+ "events": []
 }
 */
 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-radio-list-item'
 
 
 /** This component is an extension of [<mwc-radio-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 VwcRadioListItem = wrapper('vwc-radio-list-item',  {
-    events: [{"name":"list-item-rendered"},{"name":"request-selected"}],
+    events: [],
     attributes: [],
     properties: []
 });
 
 VwcRadioListItem.propTypes = {
-  onRequestSelected: PropTypes.func,
-  onListItemRendered: 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
+
 }
 
 VwcRadioListItem.defaultProps = {

package/VwcRadioListItem/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vwc-radio-list-item",
-  "version": "4.0.0",
+  "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/VwcSchemeSelect/index.d.ts

@@ -1,14 +1,14 @@
 import React, { ReactNode } from 'react';
 import '@vonage/vwc-scheme-select';
 /**
-* @param {SchemeOption[]} schemes
+* @param {array} schemes
 */
 declare const VwcSchemeSelect: (props: {
     children?: ReactNode;
-    slot?: string | undefined;
-    id?: string | undefined;
-    style?: React.CSSProperties | undefined;
-    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-    schemes?: any[] | undefined;
+    slot?: string;
+    id?: string;
+    style?: React.CSSProperties;
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    schemes?: any[];
 }) => JSX.Element;
 export default VwcSchemeSelect;

package/VwcSchemeSelect/index.js

@@ -9,34 +9,34 @@ Code in this file were generated using following JSON:
  "properties": [
   {
    "name": "schemes",
-   "type": "SchemeOption[]",
-   "default": "[\"syncWithOsSettings\",\"light\",\"dark\"]",
-   "bindable": true
+   "type": "array",
+   "default": "[\"SYNC_WITH_OS_SETTINGS\",\"LIGHT\",\"DARK\"]",
+   "bindable": false
   }
  ],
  "events": []
 }
 */
 import PropTypes from 'prop-types'
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import '@vonage/vwc-scheme-select'
 
 
 /**  
-* @param {SchemeOption[]} schemes  
+* @param {array} schemes  
 */
 const VwcSchemeSelect = wrapper('vwc-scheme-select',  {
     events: [],
     attributes: [],
-    properties: ["schemes"]
+    properties: []
 });
 
 VwcSchemeSelect.propTypes = {
-  schemes: PropTypes.array/* default: ["syncWithOsSettings","light","dark"] */
+  schemes: PropTypes.array/* default: ["SYNC_WITH_OS_SETTINGS","LIGHT","DARK"] */
 }
 
 VwcSchemeSelect.defaultProps = {
-  schemes: ["syncWithOsSettings","light","dark"]
+  schemes: ["SYNC_WITH_OS_SETTINGS","LIGHT","DARK"]
 }
 
 VwcSchemeSelect.displayName = 'VwcSchemeSelect'

package/VwcSchemeSelect/package.json

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

package/VwcScrubBar/index.d.ts

@@ -8,10 +8,10 @@ import '@vonage/vwc-media-controller/vwc-scrub-bar';
 */
 declare const VwcScrubBar: (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;
     trackEl?: any;
     floatingLabelFoundation?: any;
     lineRippleFoundation?: any;

package/VwcScrubBar/index.js

@@ -32,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-media-controller'
 import '@vonage/vwc-media-controller/vwc-scrub-bar'
 

package/VwcScrubBar/package.json

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

package/VwcSelect/index.d.ts

@@ -1,60 +1,22 @@
-import React, { ReactNode, SyntheticEvent } from 'react';
+import React, { ReactNode } from 'react';
 import '@vonage/vwc-select';
 /** This component is an extension of [<mwc-select>](https://github.com/material-components/material-components-web-components/tree/master/packages/select)
 * @param {boolean} dense  attribute: &lt;VwcSelect dense />
-* @param {SelectShape | undefined} shape  attribute: &lt;VwcSelect shape />
+* @param  shape  attribute: &lt;VwcSelect shape />
 * @param {string | undefined} form  attribute: &lt;VwcSelect form />
 * @param {string | undefined} name  attribute: &lt;VwcSelect name />
-* @param {SelectLayout | undefined} appearance  attribute: &lt;VwcSelect appearance />
-* @param {boolean} disabled
-* @param {boolean} outlined
-* @param {string} label
-* @param {string} value
-* @param {string} icon
-* @param {string} helper
-* @param {boolean} validateOnInitialRender
-* @param {string} validationMessage
-* @param {boolean} required
-* @param {boolean} naturalMenuWidth
-* @param {boolean} fixedMenuPosition
-* @param {ListItemBase | null} selected
-* @param {number} index
-* @param {((value: string, nativeValidity: ValidityState) => Partial<ValidityState>) | null} validityTransform
-* @param {ValidityState} validity
-* @param {ShadowRootInit} shadowRootOptions
+* @param  appearance  attribute: &lt;VwcSelect appearance />
 */
 declare const VwcSelect: (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;
-    onOpened?: ((event: SyntheticEvent) => void) | undefined;
-    onClosed?: ((event: SyntheticEvent) => void) | undefined;
-    onChange?: ((event: SyntheticEvent) => void) | undefined;
-    onInvalid?: ((event: SyntheticEvent) => void) | undefined;
-    dense?: boolean | undefined;
+    slot?: string;
+    id?: string;
+    style?: React.CSSProperties;
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    dense?: boolean;
     shape?: any;
     form?: string | undefined;
     name?: string | undefined;
     appearance?: any;
-    disabled?: boolean | undefined;
-    outlined?: boolean | undefined;
-    label?: string | undefined;
-    value?: string | undefined;
-    icon?: string | undefined;
-    helper?: string | undefined;
-    validateOnInitialRender?: boolean | undefined;
-    validationMessage?: string | undefined;
-    required?: boolean | undefined;
-    naturalMenuWidth?: boolean | undefined;
-    fixedMenuPosition?: boolean | undefined;
-    selected?: any;
-    index?: number | undefined;
-    validityTransform?: any;
-    validity?: any;
-    shadowRootOptions?: any;
 }) => JSX.Element;
 export default VwcSelect;