@vonage/vivid-react 3.5.2 → 5.19.0

package/VwcMenu/index.js

@@ -9,193 +9,32 @@ Code in this file were generated using following JSON:
  "properties": [
   {
    "name": "styles",
-   "type": "CSSResult[]"
-  },
-  {
-   "name": "slotElement",
-   "type": "HTMLSlotElement | null"
-  },
-  {
-   "name": "anchor",
-   "type": "HTMLElement | null",
-   "bindable": true
-  },
-  {
-   "name": "open",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "quick",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "wrapFocus",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "innerRole",
-   "type": "\"menu\" | \"listbox\"",
-   "bindable": false
-  },
-  {
-   "name": "corner",
-   "type": "\"TOP_LEFT\" | \"TOP_RIGHT\" | \"BOTTOM_LEFT\" | \"BOTTOM_RIGHT\" | \"TOP_START\" | \"TOP_END\" | \"BOTTOM_START\" | \"BOTTOM_END\"",
-   "bindable": false
-  },
-  {
-   "name": "x",
-   "type": "number | null",
-   "bindable": false
-  },
-  {
-   "name": "y",
-   "type": "number | null",
-   "bindable": false
-  },
-  {
-   "name": "absolute",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "multi",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "activatable",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "fixed",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "forceGroupSelection",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "fullwidth",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "menuCorner",
-   "type": "MenuCorner",
-   "bindable": false
-  },
-  {
-   "name": "stayOpenOnBodyClick",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "defaultFocus",
-   "type": "\"NONE\" | \"LIST_ROOT\" | \"FIRST_ITEM\" | \"LAST_ITEM\"",
-   "bindable": false
+   "type": "array"
   },
   {
    "name": "listElement",
    "type": "VWCList | null",
    "bindable": false
-  },
-  {
-   "name": "items",
-   "type": "ListItemBase[]"
-  },
-  {
-   "name": "index",
-   "type": "MWCListIndex"
-  },
-  {
-   "name": "selected",
-   "type": "ListItemBase | ListItemBase[] | null"
-  },
-  {
-   "name": "mdcRoot",
-   "description": "Root element for MDC Foundation usage.\n\nDefine in your component with the `@query` decorator",
-   "type": "MenuSurface"
   }
  ],
- "events": [
-  {
-   "name": "selected"
-  },
-  {
-   "name": "action"
-  },
-  {
-   "name": "items-updated"
-  },
-  {
-   "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-menu'
 
 
 /**  
-* @param {HTMLElement | null} anchor  
-* @param {boolean} open  
-* @param {boolean} quick  
-* @param {boolean} wrapFocus  
-* @param {"menu" | "listbox"} innerRole  
-* @param {"TOP_LEFT" | "TOP_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_RIGHT" | "TOP_START" | "TOP_END" | "BOTTOM_START" | "BOTTOM_END"} corner  
-* @param {number | null} x  
-* @param {number | null} y  
-* @param {boolean} absolute  
-* @param {boolean} multi  
-* @param {boolean} activatable  
-* @param {boolean} fixed  
-* @param {boolean} forceGroupSelection  
-* @param {boolean} fullwidth  
-* @param {MenuCorner} menuCorner  
-* @param {boolean} stayOpenOnBodyClick  
-* @param {"NONE" | "LIST_ROOT" | "FIRST_ITEM" | "LAST_ITEM"} defaultFocus  
 * @param {VWCList | null} listElement  
 */
 const VwcMenu = wrapper('vwc-menu',  {
-    events: [{"name":"closed"},{"name":"opened"},{"name":"items-updated"},{"name":"action"},{"name":"selected"}],
+    events: [],
     attributes: [],
-    properties: ["anchor"]
+    properties: []
 });
 
 VwcMenu.propTypes = {
-  onSelected: PropTypes.func,
-  onAction: PropTypes.func,
-  onItemsUpdated: PropTypes.func,
-  onOpened: PropTypes.func,
-  onClosed: PropTypes.func,
-  anchor: PropTypes.any /* HTMLElement | null */,
-  open: PropTypes.bool,
-  quick: PropTypes.bool,
-  wrapFocus: PropTypes.bool,
-  innerRole: PropTypes.oneOf(["menu","listbox"]),
-  corner: PropTypes.oneOf(["TOP_LEFT","TOP_RIGHT","BOTTOM_LEFT","BOTTOM_RIGHT","TOP_START","TOP_END","BOTTOM_START","BOTTOM_END"]),
-  x: PropTypes.number,
-  y: PropTypes.number,
-  absolute: PropTypes.bool,
-  multi: PropTypes.bool,
-  activatable: PropTypes.bool,
-  fixed: PropTypes.bool,
-  forceGroupSelection: PropTypes.bool,
-  fullwidth: PropTypes.bool,
-  menuCorner: PropTypes.any /* MenuCorner */,
-  stayOpenOnBodyClick: PropTypes.bool,
-  defaultFocus: PropTypes.oneOf(["NONE","LIST_ROOT","FIRST_ITEM","LAST_ITEM"]),
   listElement: PropTypes.any /* VWCList | null */
 }
 

package/VwcMenu/package.json

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

package/VwcNotchedOutline/index.d.ts

@@ -2,16 +2,13 @@ import React, { ReactNode } from 'react';
 import '@vonage/vwc-notched-outline';
 /** This component is an extension of [<mwc-notched-outline>](https://github.com/material-components/material-components-web-components/tree/master/packages/notched-outline)
 This component is NOT meant to be used itself, but serves as an adjustment/definition for the usage of it in other components
-* @param {number} width
-* @param {boolean} open
+
 */
 declare const VwcNotchedOutline: (props: {
     children?: ReactNode;
-    slot?: string | undefined;
-    id?: string | undefined;
-    style?: React.CSSProperties | undefined;
-    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-    width?: number | undefined;
-    open?: boolean | undefined;
+    slot?: string;
+    id?: string;
+    style?: React.CSSProperties;
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
 }) => JSX.Element;
 export default VwcNotchedOutline;

package/VwcNotchedOutline/index.js

@@ -7,34 +7,17 @@ Code in this file were generated using following JSON:
  "name": "vwc-notched-outline",
  "path": "./../node_modules/@vonage/vwc-notched-outline/src/vwc-notched-outline.ts",
  "description": "This component is an extension of [<mwc-notched-outline>](https://github.com/material-components/material-components-web-components/tree/master/packages/notched-outline)\nThis component is NOT meant to be used itself, but serves as an adjustment/definition for the usage of it in other components",
- "properties": [
-  {
-   "name": "styles",
-   "type": "CSSResult[]"
-  },
-  {
-   "name": "width",
-   "type": "number",
-   "bindable": false
-  },
-  {
-   "name": "open",
-   "type": "boolean",
-   "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-notched-outline'
 
 
 /** This component is an extension of [<mwc-notched-outline>](https://github.com/material-components/material-components-web-components/tree/master/packages/notched-outline)
 This component is NOT meant to be used itself, but serves as an adjustment/definition for the usage of it in other components 
-* @param {number} width  
-* @param {boolean} open  
+
 */
 const VwcNotchedOutline = wrapper('vwc-notched-outline',  {
     events: [],
@@ -43,8 +26,7 @@ const VwcNotchedOutline = wrapper('vwc-notched-outline',  {
 });
 
 VwcNotchedOutline.propTypes = {
-  width: PropTypes.number,
-  open: PropTypes.bool
+
 }
 
 VwcNotchedOutline.defaultProps = {

package/VwcNotchedOutline/package.json

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

package/VwcNote/index.d.ts

@@ -1,16 +1,16 @@
 import React, { ReactNode } from 'react';
 import '@vonage/vwc-note';
 /**
-* @param {NoteConnotation | undefined} connotation
+* @param  connotation
 * @param {string | undefined} icon
 * @param {string | undefined} header
 */
 declare const VwcNote: (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;
     icon?: string | undefined;
     header?: string | undefined;

package/VwcNote/index.js

@@ -9,7 +9,6 @@ Code in this file were generated using following JSON:
  "properties": [
   {
    "name": "connotation",
-   "type": "NoteConnotation | undefined",
    "bindable": false
   },
   {
@@ -27,12 +26,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-note'
 
 
 /**  
-* @param {NoteConnotation | undefined} connotation  
+* @param  connotation  
 * @param {string | undefined} icon  
 * @param {string | undefined} header  
 */
@@ -43,7 +42,7 @@ const VwcNote = wrapper('vwc-note',  {
 });
 
 VwcNote.propTypes = {
-  connotation: PropTypes.any /* NoteConnotation | undefined */,
+  connotation: PropTypes.any /* type not provided */,
   icon: PropTypes.string,
   header: PropTypes.string
 }

package/VwcNote/package.json

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

package/VwcPagination/index.d.ts

@@ -6,12 +6,13 @@ import '@vonage/vwc-pagination';
 */
 declare const VwcPagination: (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;
-    total?: number | undefined;
-    selectedIndex?: number | 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;
+    total?: number;
+    selectedIndex?: number;
 }) => JSX.Element;
 export default VwcPagination;

package/VwcPagination/index.js

@@ -24,7 +24,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-pagination'
 
 

package/VwcPagination/package.json

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

package/VwcPopup/index.d.ts

@@ -3,24 +3,24 @@ import '@vonage/vwc-popup';
 /** Popup are used to display a message or notification to the user and are displayed on top of all other web page elements.
 Popup's goal is to provide additional, helpful content.
 To trigger the Popup, it should be paired with an anchor (e.g., a button).
-* @param {CSSResult} styles
+* @param  styles
 * @param {boolean} open  attribute: <VwcPopup open />
 * @param {string} anchor  attribute: <VwcPopup anchor />
 * @param {boolean | undefined} dismissible  attribute: <VwcPopup dismissible />
-* @param {Placement} corner  attribute: <VwcPopup corner />
-* @param {Strategy} strategy  attribute: <VwcPopup strategy />
+* @param  corner  attribute: <VwcPopup corner />
+* @param  strategy  attribute: <VwcPopup strategy />
 * @param {boolean | undefined} arrow  attribute: <VwcPopup arrow />
 * @param {boolean | undefined} alternate  attribute: <VwcPopup alternate />
 */
 declare const VwcPopup: (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;
-    open?: boolean | undefined;
-    anchor?: string | undefined;
+    open?: boolean;
+    anchor?: string;
     dismissible?: any;
     corner?: any;
     strategy?: any;

package/VwcPopup/index.js

@@ -24,12 +24,10 @@ Code in this file were generated using following JSON:
   },
   {
    "name": "corner",
-   "type": "Placement",
    "default": "\"left\""
   },
   {
    "name": "strategy",
-   "type": "Strategy",
    "default": "\"fixed\""
   },
   {
@@ -44,7 +42,6 @@ Code in this file were generated using following JSON:
  "properties": [
   {
    "name": "styles",
-   "type": "CSSResult",
    "default": "\"style\"",
    "bindable": false
   },
@@ -71,14 +68,12 @@ Code in this file were generated using following JSON:
   {
    "name": "corner",
    "attribute": "corner",
-   "type": "Placement",
    "default": "\"left\"",
    "bindable": false
   },
   {
    "name": "strategy",
    "attribute": "strategy",
-   "type": "Strategy",
    "default": "\"fixed\"",
    "bindable": false
   },
@@ -99,19 +94,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-popup'
 
 
 /** Popup are used to display a message or notification to the user and are displayed on top of all other web page elements.
 Popup's goal is to provide additional, helpful content.   
 To trigger the Popup, it should be paired with an anchor (e.g., a button). 
-* @param {CSSResult} styles  
+* @param  styles  
 * @param {boolean} open  attribute: <VwcPopup open />
 * @param {string} anchor  attribute: <VwcPopup anchor />
 * @param {boolean | undefined} dismissible  attribute: <VwcPopup dismissible />
-* @param {Placement} corner  attribute: <VwcPopup corner />
-* @param {Strategy} strategy  attribute: <VwcPopup strategy />
+* @param  corner  attribute: <VwcPopup corner />
+* @param  strategy  attribute: <VwcPopup strategy />
 * @param {boolean | undefined} arrow  attribute: <VwcPopup arrow />
 * @param {boolean | undefined} alternate  attribute: <VwcPopup alternate />
 */
@@ -122,12 +117,12 @@ const VwcPopup = wrapper('vwc-popup',  {
 });
 
 VwcPopup.propTypes = {
-  styles: PropTypes.any /* CSSResult *//* default: "style" */,
+  styles: PropTypes.any /* type not provided *//* default: "style" */,
   open: PropTypes.bool/* default: false *//* attribute: open */,
   anchor: PropTypes.string/* default: "" *//* attribute: anchor */,
   dismissible: PropTypes.any /* boolean | undefined *//* attribute: dismissible */,
-  corner: PropTypes.any /* Placement *//* default: "left" *//* attribute: corner */,
-  strategy: PropTypes.any /* Strategy *//* default: "fixed" *//* attribute: strategy */,
+  corner: PropTypes.any /* type not provided *//* default: "left" *//* attribute: corner */,
+  strategy: PropTypes.any /* type not provided *//* default: "fixed" *//* attribute: strategy */,
   arrow: PropTypes.any /* boolean | undefined *//* attribute: arrow */,
   alternate: PropTypes.any /* boolean | undefined *//* attribute: alternate */
 }

package/VwcPopup/package.json

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

package/VwcRadio/index.d.ts

@@ -1,52 +1,15 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 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
 */
 declare const VwcRadio: (props: {
     children?: ReactNode;
-    slot?: string | undefined;
-    id?: string | undefined;
-    style?: React.CSSProperties | undefined;
-    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-    onChecked?: ((event: SyntheticEvent) => void) | undefined;
-    onChange?: ((event: SyntheticEvent) => void) | undefined;
-    global?: boolean | undefined;
-    checked?: boolean | undefined;
-    disabled?: boolean | undefined;
-    value?: string | undefined;
-    name?: string | undefined;
-    reducedTouchTarget?: boolean | undefined;
-    formElementTabIndex?: number | 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;
+    onChange?: (event: SyntheticEvent) => void;
 }) => JSX.Element;
 export default VwcRadio;