@vonage/vivid-react 4.0.0 → 5.19.0

package/VwcSelect/index.js

@@ -14,8 +14,7 @@ Code in this file were generated using following JSON:
    "default": "false"
   },
   {
-   "name": "shape",
-   "type": "SelectShape | undefined"
+   "name": "shape"
   },
   {
    "name": "form",
@@ -26,8 +25,7 @@ Code in this file were generated using following JSON:
    "type": "string | undefined"
   },
   {
-   "name": "appearance",
-   "type": "SelectLayout | undefined"
+   "name": "appearance"
   }
  ],
  "properties": [
@@ -41,7 +39,6 @@ Code in this file were generated using following JSON:
   {
    "name": "shape",
    "attribute": "shape",
-   "type": "SelectShape | undefined",
    "bindable": false
   },
   {
@@ -59,187 +56,36 @@ Code in this file were generated using following JSON:
   {
    "name": "appearance",
    "attribute": "appearance",
-   "type": "SelectLayout | undefined",
-   "bindable": false
-  },
-  {
-   "name": "styles",
-   "type": "CSSResult[]"
-  },
-  {
-   "name": "disabled",
-   "type": "boolean",
    "bindable": false
-  },
-  {
-   "name": "outlined",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "label",
-   "type": "string",
-   "bindable": false
-  },
-  {
-   "name": "value",
-   "type": "string",
-   "bindable": false
-  },
-  {
-   "name": "icon",
-   "type": "string",
-   "bindable": false
-  },
-  {
-   "name": "helper",
-   "type": "string",
-   "bindable": false
-  },
-  {
-   "name": "validateOnInitialRender",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "validationMessage",
-   "type": "string",
-   "bindable": false
-  },
-  {
-   "name": "required",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "naturalMenuWidth",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "fixedMenuPosition",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "items",
-   "type": "ListItemBase[]"
-  },
-  {
-   "name": "selected",
-   "type": "ListItemBase | null",
-   "bindable": false
-  },
-  {
-   "name": "index",
-   "type": "number",
-   "bindable": false
-  },
-  {
-   "name": "validityTransform",
-   "type": "((value: string, nativeValidity: ValidityState) => Partial<ValidityState>) | null",
-   "bindable": true
-  },
-  {
-   "name": "validity",
-   "type": "ValidityState",
-   "bindable": false
-  },
-  {
-   "name": "shadowRootOptions",
-   "type": "ShadowRootInit",
-   "bindable": false
-  },
-  {
-   "name": "ripple",
-   "description": "Implement ripple getter for Ripple integration with mwc-formfield",
-   "type": "Promise<RippleInterface | null> | undefined"
   }
  ],
- "events": [
-  {
-   "name": "selected"
-  },
-  {
-   "name": "action"
-  },
-  {
-   "name": "opened"
-  },
-  {
-   "name": "closed"
-  },
-  {
-   "name": "change"
-  },
-  {
-   "name": "invalid"
-  }
- ]
+ "events": []
 }
 */
 import PropTypes from 'prop-types'
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 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 />
 */
 const VwcSelect = wrapper('vwc-select',  {
-    events: [{"name":"invalid"},{"name":"change"},{"name":"closed"},{"name":"opened"},{"name":"action"},{"name":"selected"}],
+    events: [],
     attributes: [],
-    properties: ["validityTransform"]
+    properties: []
 });
 
 VwcSelect.propTypes = {
-  onSelected: PropTypes.func,
-  onAction: PropTypes.func,
-  onOpened: PropTypes.func,
-  onClosed: PropTypes.func,
-  onChange: PropTypes.func,
-  onInvalid: PropTypes.func,
   dense: PropTypes.bool/* default: false *//* attribute: dense */,
-  shape: PropTypes.any /* SelectShape | undefined *//* attribute: shape */,
+  shape: PropTypes.any /* type not provided *//* attribute: shape */,
   form: PropTypes.string/* attribute: form */,
   name: PropTypes.string/* attribute: name */,
-  appearance: PropTypes.any /* SelectLayout | undefined *//* attribute: appearance */,
-  disabled: PropTypes.bool,
-  outlined: PropTypes.bool,
-  label: PropTypes.string,
-  value: PropTypes.string,
-  icon: PropTypes.string,
-  helper: PropTypes.string,
-  validateOnInitialRender: PropTypes.bool,
-  validationMessage: PropTypes.string,
-  required: PropTypes.bool,
-  naturalMenuWidth: PropTypes.bool,
-  fixedMenuPosition: PropTypes.bool,
-  selected: PropTypes.any /* ListItemBase | null */,
-  index: PropTypes.number,
-  validityTransform: PropTypes.any /* ((value: string, nativeValidity: ValidityState) => Partial<ValidityState>) | null */,
-  validity: PropTypes.any /* ValidityState */,
-  shadowRootOptions: PropTypes.any /* ShadowRootInit */
+  appearance: PropTypes.any /* type not provided *//* attribute: appearance */
 }
 
 VwcSelect.defaultProps = {

package/VwcSelect/package.json

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

package/VwcSlider/index.d.ts

@@ -1,34 +1,17 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 import '@vonage/vwc-slider';
 /** This component is an extension of [<mwc-slider>](https://github.com/material-components/material-components-web-components/tree/master/packages/slider)
-* @param {number} min
-* @param {number} max
-* @param {number} value
-* @param {number} step
-* @param {boolean} disabled
-* @param {boolean} pin
-* @param {boolean} markers
-* @param {string | undefined} ariaLabel
-* @param {string | undefined} ariaLabelledBy
-* @param {ShadowRootInit} shadowRootOptions
+
 */
 declare const VwcSlider: (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;
-    onInput?: ((event: SyntheticEvent) => void) | undefined;
-    min?: number | undefined;
-    max?: number | undefined;
-    value?: number | undefined;
-    step?: number | undefined;
-    disabled?: boolean | undefined;
-    pin?: boolean | undefined;
-    markers?: boolean | undefined;
-    ariaLabel?: string | undefined;
-    ariaLabelledBy?: string | undefined;
-    shadowRootOptions?: any;
+    slot?: string;
+    id?: string;
+    style?: React.CSSProperties;
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    onChange?: (event: SyntheticEvent) => void;
+    onInput?: (event: SyntheticEvent) => void;
+    onChange?: (event: SyntheticEvent) => void;
+    onChange?: (event: SyntheticEvent) => void;
 }) => JSX.Element;
 export default VwcSlider;

package/VwcSlider/index.js

@@ -7,67 +7,6 @@ Code in this file were generated using following JSON:
  "name": "vwc-slider",
  "path": "./../node_modules/@vonage/vwc-slider/src/vwc-slider.ts",
  "description": "This component is an extension of [<mwc-slider>](https://github.com/material-components/material-components-web-components/tree/master/packages/slider)",
- "properties": [
-  {
-   "name": "styles",
-   "type": "CSSResult[]"
-  },
-  {
-   "name": "min",
-   "type": "number",
-   "bindable": false
-  },
-  {
-   "name": "max",
-   "type": "number",
-   "bindable": false
-  },
-  {
-   "name": "value",
-   "type": "number",
-   "bindable": false
-  },
-  {
-   "name": "step",
-   "type": "number",
-   "bindable": false
-  },
-  {
-   "name": "disabled",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "pin",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "markers",
-   "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<RippleInterface | null> | undefined"
-  }
- ],
  "events": [
   {
    "name": "change"
@@ -80,21 +19,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-slider'
 
 
 /** This component is an extension of [<mwc-slider>](https://github.com/material-components/material-components-web-components/tree/master/packages/slider) 
-* @param {number} min  
-* @param {number} max  
-* @param {number} value  
-* @param {number} step  
-* @param {boolean} disabled  
-* @param {boolean} pin  
-* @param {boolean} markers  
-* @param {string | undefined} ariaLabel  
-* @param {string | undefined} ariaLabelledBy  
-* @param {ShadowRootInit} shadowRootOptions  
+
 */
 const VwcSlider = wrapper('vwc-slider',  {
     events: [{"name":"change","propName":"onChange"},{"name":"input"}],
@@ -105,17 +35,7 @@ const VwcSlider = wrapper('vwc-slider',  {
 VwcSlider.propTypes = {
   onChange: PropTypes.func,
   onInput: PropTypes.func,
-  onChange: PropTypes.func,
-  min: PropTypes.number,
-  max: PropTypes.number,
-  value: PropTypes.number,
-  step: PropTypes.number,
-  disabled: PropTypes.bool,
-  pin: PropTypes.bool,
-  markers: PropTypes.bool,
-  ariaLabel: PropTypes.string,
-  ariaLabelledBy: PropTypes.string,
-  shadowRootOptions: PropTypes.any /* ShadowRootInit */
+  onChange: PropTypes.func
 }
 
 VwcSlider.defaultProps = {

package/VwcSlider/package.json

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

package/VwcSnackbar/index.d.ts

@@ -2,41 +2,33 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 import '@vonage/vwc-snackbar';
 /**
 * @param {boolean} legacy
-* @param {"TOP-START" | "TOP-CENTER" | "TOP-END" | "BOTTOM-START" | "BOTTOM-CENTER" | "BOTTOM-END"} position
-* @param {SnackbarConnotation | undefined} connotation
+* @param {`${any}-${any}`} position
+* @param  connotation
 * @param {string | undefined} icon
 * @param {string | undefined} header
 * @param {string} message
 * @param {boolean | undefined} dismissible
-* @param {boolean} open
-* @param {number} timeoutMs
-* @param {boolean} closeOnEscape
-* @param {string} labelText
-* @param {boolean} stacked
-* @param {boolean} leading
 */
 declare const VwcSnackbar: (props: {
     children?: ReactNode;
-    slot?: string | undefined;
-    id?: string | undefined;
-    style?: React.CSSProperties | undefined;
-    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-    onOpening?: ((event: SyntheticEvent) => void) | undefined;
-    onOpened?: ((event: SyntheticEvent) => void) | undefined;
-    onClosing?: ((event: SyntheticEvent) => void) | undefined;
-    onClosed?: ((event: SyntheticEvent) => void) | undefined;
-    legacy?: boolean | undefined;
-    position?: "TOP-START" | "TOP-CENTER" | "TOP-END" | "BOTTOM-START" | "BOTTOM-CENTER" | "BOTTOM-END" | undefined;
+    slot?: string;
+    id?: string;
+    style?: React.CSSProperties;
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    onOpening?: (event: SyntheticEvent) => void;
+    onOpened?: (event: SyntheticEvent) => void;
+    onClosing?: (event: SyntheticEvent) => void;
+    onClosed?: (event: SyntheticEvent) => void;
+    onOpening?: (event: SyntheticEvent) => void;
+    onOpened?: (event: SyntheticEvent) => void;
+    onClosing?: (event: SyntheticEvent) => void;
+    onClosed?: (event: SyntheticEvent) => void;
+    legacy?: boolean;
+    position?: any;
     connotation?: any;
     icon?: string | undefined;
     header?: string | undefined;
-    message?: string | undefined;
+    message?: string;
     dismissible?: any;
-    open?: boolean | undefined;
-    timeoutMs?: number | undefined;
-    closeOnEscape?: boolean | undefined;
-    labelText?: string | undefined;
-    stacked?: boolean | undefined;
-    leading?: boolean | undefined;
 }) => JSX.Element;
 export default VwcSnackbar;

package/VwcSnackbar/index.js

@@ -14,12 +14,11 @@ Code in this file were generated using following JSON:
   },
   {
    "name": "position",
-   "type": "\"TOP-START\" | \"TOP-CENTER\" | \"TOP-END\" | \"BOTTOM-START\" | \"BOTTOM-CENTER\" | \"BOTTOM-END\"",
+   "type": "`${any}-${any}`",
    "bindable": false
   },
   {
    "name": "connotation",
-   "type": "SnackbarConnotation | undefined",
    "bindable": false
   },
   {
@@ -41,36 +40,6 @@ Code in this file were generated using following JSON:
    "name": "dismissible",
    "type": "boolean | undefined",
    "bindable": false
-  },
-  {
-   "name": "open",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "timeoutMs",
-   "type": "number",
-   "bindable": false
-  },
-  {
-   "name": "closeOnEscape",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "labelText",
-   "type": "string",
-   "bindable": false
-  },
-  {
-   "name": "stacked",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "leading",
-   "type": "boolean",
-   "bindable": false
   }
  ],
  "events": [
@@ -82,24 +51,18 @@ 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-snackbar'
 
 
 /**  
 * @param {boolean} legacy  
-* @param {"TOP-START" | "TOP-CENTER" | "TOP-END" | "BOTTOM-START" | "BOTTOM-CENTER" | "BOTTOM-END"} position  
-* @param {SnackbarConnotation | undefined} connotation  
+* @param {`${any}-${any}`} position  
+* @param  connotation  
 * @param {string | undefined} icon  
 * @param {string | undefined} header  
 * @param {string} message  
 * @param {boolean | undefined} dismissible  
-* @param {boolean} open  
-* @param {number} timeoutMs  
-* @param {boolean} closeOnEscape  
-* @param {string} labelText  
-* @param {boolean} stacked  
-* @param {boolean} leading  
 */
 const VwcSnackbar = wrapper('vwc-snackbar',  {
     events: [{"name":"closed","propName":"onClosed"},{"name":"closing","propName":"onClosing"},{"name":"opened","propName":"onOpened"},{"name":"opening","propName":"onOpening"}],
@@ -113,18 +76,12 @@ VwcSnackbar.propTypes = {
   onClosing: PropTypes.func,
   onClosed: PropTypes.func,
   legacy: PropTypes.bool,
-  position: PropTypes.oneOf(["TOP-START","TOP-CENTER","TOP-END","BOTTOM-START","BOTTOM-CENTER","BOTTOM-END"]),
-  connotation: PropTypes.any /* SnackbarConnotation | undefined */,
+  position: PropTypes.any /* `${any}-${any}` */,
+  connotation: PropTypes.any /* type not provided */,
   icon: PropTypes.string,
   header: PropTypes.string,
   message: PropTypes.string,
-  dismissible: PropTypes.any /* boolean | undefined */,
-  open: PropTypes.bool,
-  timeoutMs: PropTypes.number,
-  closeOnEscape: PropTypes.bool,
-  labelText: PropTypes.string,
-  stacked: PropTypes.bool,
-  leading: PropTypes.bool
+  dismissible: PropTypes.any /* boolean | undefined */
 }
 
 VwcSnackbar.defaultProps = {

package/VwcSnackbar/package.json

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

package/VwcSurface/index.d.ts

@@ -1,42 +1,13 @@
-import React, { ReactNode, SyntheticEvent } from 'react';
+import React, { ReactNode } from 'react';
 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
 */
 declare const VwcSurface: (props: {
     children?: ReactNode;
-    slot?: string | undefined;
-    id?: string | undefined;
-    style?: React.CSSProperties | undefined;
-    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-    onOpened?: ((event: SyntheticEvent) => void) | undefined;
-    onClosed?: ((event: SyntheticEvent) => void) | undefined;
-    slotElement?: any;
-    absolute?: boolean | undefined;
-    fullwidth?: boolean | undefined;
-    fixed?: boolean | undefined;
-    x?: number | undefined;
-    y?: number | undefined;
-    quick?: boolean | undefined;
-    open?: boolean | undefined;
-    stayOpenOnBodyClick?: boolean | undefined;
-    menuCorner?: any;
-    corner?: "TOP_LEFT" | "TOP_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_RIGHT" | "TOP_START" | "TOP_END" | "BOTTOM_START" | "BOTTOM_END" | undefined;
-    anchor?: any;
-    mdcRoot?: any;
+    slot?: string;
+    id?: string;
+    style?: React.CSSProperties;
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
 }) => JSX.Element;
 export default VwcSurface;