@vonage/vivid-react 4.0.0 → 5.19.0

package/VwcList/index.js

@@ -7,132 +7,25 @@ Code in this file were generated using following JSON:
  "name": "vwc-list",
  "path": "./../node_modules/@vonage/vwc-list/src/vwc-list.ts",
  "description": "This component is an extension of [<mwc-list>](https://github.com/material-components/material-components-web-components/tree/master/packages/list)",
- "properties": [
-  {
-   "name": "styles",
-   "type": "CSSResult[]"
-  },
-  {
-   "name": "emptyMessage",
-   "type": "string | undefined",
-   "bindable": false
-  },
-  {
-   "name": "activatable",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "multi",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "wrapFocus",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "itemRoles",
-   "type": "string | null",
-   "bindable": false
-  },
-  {
-   "name": "innerRole",
-   "type": "string | null",
-   "bindable": false
-  },
-  {
-   "name": "innerAriaLabel",
-   "type": "string | null",
-   "bindable": false
-  },
-  {
-   "name": "rootTabbable",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "noninteractive",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "itemsReady",
-   "type": "Promise<never[]>",
-   "bindable": true
-  },
-  {
-   "name": "items",
-   "type": "ListItemBase[]"
-  },
-  {
-   "name": "selected",
-   "type": "ListItemBase | ListItemBase[] | null"
-  },
-  {
-   "name": "index",
-   "type": "MWCListIndex"
-  },
-  {
-   "name": "layout",
-   "type": "(updateItems?: boolean | undefined) => void"
-  },
-  {
-   "name": "debouncedLayout",
-   "type": "(updateItems?: boolean | undefined) => void | undefined"
-  }
- ],
- "events": [
-  {
-   "name": "selected"
-  },
-  {
-   "name": "action"
-  },
-  {
-   "name": "items-updated"
-  }
- ]
+ "events": []
 }
 */
 import PropTypes from 'prop-types'
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import '@vonage/vwc-list'
 
 
 /** This component is an extension of [<mwc-list>](https://github.com/material-components/material-components-web-components/tree/master/packages/list) 
-* @param {string | undefined} emptyMessage  
-* @param {boolean} activatable  
-* @param {boolean} multi  
-* @param {boolean} wrapFocus  
-* @param {string | null} itemRoles  
-* @param {string | null} innerRole  
-* @param {string | null} innerAriaLabel  
-* @param {boolean} rootTabbable  
-* @param {boolean} noninteractive  
-* @param {Promise<never[]>} itemsReady  
+
 */
 const VwcList = wrapper('vwc-list',  {
-    events: [{"name":"items-updated"},{"name":"action"},{"name":"selected"}],
+    events: [],
     attributes: [],
-    properties: ["itemsReady"]
+    properties: []
 });
 
 VwcList.propTypes = {
-  onSelected: PropTypes.func,
-  onAction: PropTypes.func,
-  onItemsUpdated: PropTypes.func,
-  emptyMessage: PropTypes.string,
-  activatable: PropTypes.bool,
-  multi: PropTypes.bool,
-  wrapFocus: PropTypes.bool,
-  itemRoles: PropTypes.string,
-  innerRole: PropTypes.string,
-  innerAriaLabel: PropTypes.string,
-  rootTabbable: PropTypes.bool,
-  noninteractive: PropTypes.bool,
-  itemsReady: PropTypes.any /* Promise<never[]> */
+
 }
 
 VwcList.defaultProps = {

package/VwcList/package.json

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

@@ -7,13 +7,15 @@ import '@vonage/vwc-list/vwc-list-expansion-panel';
 */
 declare const VwcListExpansionPanel: (props: {
     children?: ReactNode;
-    slot?: string | undefined;
-    id?: string | undefined;
-    style?: React.CSSProperties | undefined;
-    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-    onClosed?: ((event: SyntheticEvent) => void) | undefined;
-    onOpened?: ((event: SyntheticEvent) => void) | undefined;
+    slot?: string;
+    id?: string;
+    style?: React.CSSProperties;
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    onClosed?: (event: SyntheticEvent) => void;
+    onOpened?: (event: SyntheticEvent) => void;
+    onClosed?: (event: SyntheticEvent) => void;
+    onOpened?: (event: SyntheticEvent) => void;
     headerListItemIcon?: any;
-    open?: boolean | undefined;
+    open?: boolean;
 }) => JSX.Element;
 export default VwcListExpansionPanel;

package/VwcListExpansionPanel/index.js

@@ -10,7 +10,6 @@ Code in this file were generated using following JSON:
  "properties": [
   {
    "name": "styles",
-   "type": "CSSResult",
    "default": "\"style\""
   },
   {
@@ -35,7 +34,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-list'
 import '@vonage/vwc-list/vwc-list-expansion-panel'
 

package/VwcListExpansionPanel/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vwc-list-expansion-panel",
-  "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/VwcListItem/index.d.ts

@@ -2,41 +2,20 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 import '@vonage/vwc-list';
 import '@vonage/vwc-list/vwc-list-item';
 /** This component is an extension of [<mwc-list-item>](https://github.com/material-components/material-components-web-components/tree/master/packages/list)
-* @param {ListItemConnotation | undefined} connotation  attribute: &lt;VwcListItem connotation />
-* @param {Shape.Rounded | undefined} shape  attribute: &lt;VwcListItem shape />
-* @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  connotation  attribute: &lt;VwcListItem connotation />
+* @param  shape  attribute: &lt;VwcListItem shape />
 */
 declare const VwcListItem: (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;
-    onClick?: ((event: SyntheticEvent) => void) | undefined;
+    slot?: string;
+    id?: string;
+    style?: React.CSSProperties;
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    onClick?: (event: SyntheticEvent) => void;
+    onRequestSelected?: (event: SyntheticEvent) => void;
+    onClick?: (event: SyntheticEvent) => void;
+    onRequestSelected?: (event: SyntheticEvent) => void;
     connotation?: any;
     shape?: any;
-    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;
 }) => JSX.Element;
 export default VwcListItem;

package/VwcListItem/index.js

@@ -9,102 +9,25 @@ Code in this file were generated using following JSON:
  "description": "This component is an extension of [<mwc-list-item>](https://github.com/material-components/material-components-web-components/tree/master/packages/list)",
  "attributes": [
   {
-   "name": "connotation",
-   "type": "ListItemConnotation | undefined"
+   "name": "connotation"
   },
   {
-   "name": "shape",
-   "type": "Shape.Rounded | undefined"
+   "name": "shape"
   }
  ],
  "properties": [
   {
    "name": "connotation",
    "attribute": "connotation",
-   "type": "ListItemConnotation | undefined",
    "bindable": false
   },
   {
    "name": "shape",
    "attribute": "shape",
-   "type": "Shape.Rounded | undefined",
-   "bindable": false
-  },
-  {
-   "name": "styles",
-   "type": "CSSResult[]"
-  },
-  {
-   "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"
   }
  ],
  "events": [
-  {
-   "name": "request-selected"
-  },
-  {
-   "name": "list-item-rendered"
-  },
   "click",
   {
    "name": "request-selected",
@@ -114,50 +37,26 @@ 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-list-item'
 
 
 /** This component is an extension of [<mwc-list-item>](https://github.com/material-components/material-components-web-components/tree/master/packages/list) 
-* @param {ListItemConnotation | undefined} connotation  attribute: &lt;VwcListItem connotation />
-* @param {Shape.Rounded | undefined} shape  attribute: &lt;VwcListItem shape />
-* @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  connotation  attribute: &lt;VwcListItem connotation />
+* @param  shape  attribute: &lt;VwcListItem shape />
 */
 const VwcListItem = wrapper('vwc-list-item',  {
-    events: [{"name":"request-selected","propName":"onRequestSelected"},{"name":"click","propName":"onClick"},{"name":"list-item-rendered"}],
+    events: [{"name":"request-selected","propName":"onRequestSelected"},{"name":"click","propName":"onClick"}],
     attributes: [],
     properties: []
 });
 
 VwcListItem.propTypes = {
-  onRequestSelected: PropTypes.func,
-  onListItemRendered: PropTypes.func,
   onClick: PropTypes.func,
   onRequestSelected: PropTypes.func,
-  connotation: PropTypes.any /* ListItemConnotation | undefined *//* attribute: connotation */,
-  shape: PropTypes.any /* Shape.Rounded | undefined *//* attribute: shape */,
-  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
+  connotation: PropTypes.any /* type not provided *//* attribute: connotation */,
+  shape: PropTypes.any /* type not provided *//* attribute: shape */
 }
 
 VwcListItem.defaultProps = {

package/VwcListItem/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vwc-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/VwcMenu/index.d.ts

@@ -1,53 +1,14 @@
-import React, { ReactNode, SyntheticEvent } from 'react';
+import React, { ReactNode } from 'react';
 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
 */
 declare const VwcMenu: (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;
-    onItemsUpdated?: ((event: SyntheticEvent) => void) | undefined;
-    onOpened?: ((event: SyntheticEvent) => void) | undefined;
-    onClosed?: ((event: SyntheticEvent) => void) | undefined;
-    anchor?: any;
-    open?: boolean | undefined;
-    quick?: boolean | undefined;
-    wrapFocus?: boolean | undefined;
-    innerRole?: "menu" | "listbox" | undefined;
-    corner?: "TOP_LEFT" | "TOP_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_RIGHT" | "TOP_START" | "TOP_END" | "BOTTOM_START" | "BOTTOM_END" | undefined;
-    x?: number | undefined;
-    y?: number | undefined;
-    absolute?: boolean | undefined;
-    multi?: boolean | undefined;
-    activatable?: boolean | undefined;
-    fixed?: boolean | undefined;
-    forceGroupSelection?: boolean | undefined;
-    fullwidth?: boolean | undefined;
-    menuCorner?: any;
-    stayOpenOnBodyClick?: boolean | undefined;
-    defaultFocus?: "NONE" | "LIST_ROOT" | "FIRST_ITEM" | "LAST_ITEM" | undefined;
+    slot?: string;
+    id?: string;
+    style?: React.CSSProperties;
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
     listElement?: any;
 }) => JSX.Element;
 export default VwcMenu;