@vonage/vivid-react 2.10.93 → 3.0.0

package/v3/VwcTextField/index.d.ts

@@ -18,6 +18,7 @@ declare const VwcTextField: {
         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;
         appearance?: any;
         shape?: any;

package/v3/VwcTextField/index.js

@@ -104,9 +104,42 @@ Code in this file were generated using following JSON:
     "text": "Reflector<this, HTMLInputElement> | undefined"
    }
   },
+  {
+   "kind": "field",
+   "name": "#helperTextMirrorEl",
+   "privacy": "private",
+   "type": {
+    "text": "HTMLElement | undefined"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "#helperTextSlotMutationObserver",
+   "privacy": "private",
+   "type": {
+    "text": "MutationObserver | undefined"
+   }
+  },
   {
    "kind": "method",
    "name": "focus"
+  },
+  {
+   "kind": "method",
+   "name": "#updateHelperTextMutationObserver"
+  },
+  {
+   "kind": "method",
+   "name": "#updateMirroredHelperText"
+  }
+ ],
+ "events": [
+  {
+   "type": {
+    "text": "CustomEvent<undefined>"
+   },
+   "description": "Fires a custom 'change' event when the value has changed",
+   "name": "change"
   }
  ],
  "attributes": [
@@ -142,7 +175,7 @@ Code in this file were generated using following JSON:
   "vueModels": [
    {
     "name": "modelValue",
-    "attributeName": "current-value",
+    "attributeName": "value",
     "eventName": "input",
     "valueMapping": "(event.target as HTMLInputElement).value"
    }
@@ -156,7 +189,7 @@ import { registerTextField } from '@vonage/vivid'
 registerTextField('vvd3')
 
 const VwcTextField = wrapper(`vvd3-text-field`,  {
-    events: [{"name":"input","propName":"onInput"}],
+    events: [{"name":"input","propName":"onInput"},{"name":"change","propName":"onChange"}],
     attributes: [],
     properties: ['appearance', 'shape', 'autoComplete', 'leadingActionItemsSlottedContent', 'icon', 'value', 'placeholder', 'label', 'onInput']
 })

package/v3/VwcTextField/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-text-field",
-  "version": "3.53.0",
+  "version": "4.1.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "3.53.0"
+    "@vonage/vivid": "4.1.0"
   }
 }

package/v3/VwcTimePicker/index.d.ts

@@ -19,6 +19,7 @@ declare const VwcTimePicker: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        onInput?: ((event: SyntheticEvent) => void) | undefined;
         onChange?: ((event: SyntheticEvent) => void) | undefined;
         readOnly?: boolean | undefined;
         minutesStep?: number | undefined;

package/v3/VwcTimePicker/index.js

@@ -194,6 +194,16 @@ Code in this file were generated using following JSON:
  ],
  "events": [
   {
+   "type": {
+    "text": "CustomEvent<undefined>"
+   },
+   "description": "Emitted when the time is changed by the user.",
+   "name": "input"
+  },
+  {
+   "type": {
+    "text": "CustomEvent<undefined>"
+   },
    "description": "Emitted when the time is changed by the user.",
    "name": "change"
   }
@@ -261,7 +271,7 @@ Code in this file were generated using following JSON:
   "vueModels": [
    {
     "name": "modelValue",
-    "attributeName": "current-value",
+    "attributeName": "value",
     "eventName": "input",
     "valueMapping": "(event.target as HTMLInputElement).value"
    }
@@ -275,7 +285,7 @@ import { registerTimePicker } from '@vonage/vivid'
 registerTimePicker('vvd3')
 
 const VwcTimePicker = wrapper(`vvd3-time-picker`,  {
-    events: [{"name":"change","propName":"onChange"}],
+    events: [{"name":"change","propName":"onChange"},{"name":"input","propName":"onInput"}],
     attributes: [],
     properties: ['readOnly', 'minutesStep', 'secondsStep', 'clock', 'min', 'max', 'value', 'type', 'step', 'proxy']
 })

package/v3/VwcTimePicker/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-time-picker",
-  "version": "3.53.0",
+  "version": "4.1.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "3.53.0"
+    "@vonage/vivid": "4.1.0"
   }
 }

package/v3/VwcToggletip/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-toggletip",
-  "version": "3.53.0",
+  "version": "4.1.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "3.53.0"
+    "@vonage/vivid": "4.1.0"
   }
 }

package/v3/VwcTooltip/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-tooltip",
-  "version": "3.53.0",
+  "version": "4.1.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "3.53.0"
+    "@vonage/vivid": "4.1.0"
   }
 }

package/v3/VwcTreeItem/index.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcTreeItem
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/tree-item
 * @param {string | undefined} text - Indicates the text's text. **attribute** `text`
@@ -10,6 +10,8 @@ declare const VwcTreeItem: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        onExpandedChange?: ((event: SyntheticEvent) => void) | undefined;
+        onSelectedChange?: ((event: SyntheticEvent) => void) | undefined;
         text?: string | undefined;
     }): JSX.Element;
     displayName: string;

package/v3/VwcTreeItem/index.js

@@ -27,6 +27,10 @@ Code in this file were generated using following JSON:
   {
    "name": "--vvd-tree-item-accent-soft",
    "default": "var(--vvd-color-neutral-100)"
+  },
+  {
+   "name": "--vvd-tree-item-accent-firm",
+   "default": "var(--vvd-color-canvas-text)"
   }
  ],
  "slots": [
@@ -50,6 +54,22 @@ Code in this file were generated using following JSON:
    "privacy": "public"
   }
  ],
+ "events": [
+  {
+   "type": {
+    "text": "CustomEvent<HTMLElement>"
+   },
+   "description": "Fires a custom 'expanded-change' event when the expanded state changes",
+   "name": "expanded-change"
+  },
+  {
+   "type": {
+    "text": "CustomEvent<HTMLElement>"
+   },
+   "description": "Fires a custom 'selected-change' event when the selected state changes",
+   "name": "selected-change"
+  }
+ ],
  "attributes": [
   {
    "name": "text",
@@ -76,7 +96,7 @@ import { registerTreeItem } from '@vonage/vivid'
 registerTreeItem('vvd3')
 
 const VwcTreeItem = wrapper(`vvd3-tree-item`,  {
-    events: [],
+    events: [{"name":"selected-change","propName":"onSelectedChange"},{"name":"expanded-change","propName":"onExpandedChange"}],
     attributes: [],
     properties: ['text']
 })

package/v3/VwcTreeItem/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-tree-item",
-  "version": "3.53.0",
+  "version": "4.1.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "3.53.0"
+    "@vonage/vivid": "4.1.0"
   }
 }

package/v3/VwcTreeView/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-tree-view",
-  "version": "3.53.0",
+  "version": "4.1.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "3.53.0"
+    "@vonage/vivid": "4.1.0"
   }
 }

package/v3/VwcVideoPlayer/index.js

@@ -120,14 +120,23 @@ Code in this file were generated using following JSON:
  ],
  "events": [
   {
+   "type": {
+    "text": "CustomEvent<undefined>"
+   },
    "description": "Fired when the video is played",
    "name": "play"
   },
   {
+   "type": {
+    "text": "CustomEvent<undefined>"
+   },
    "description": "Fired when the video is paused",
    "name": "pause"
   },
   {
+   "type": {
+    "text": "CustomEvent<undefined>"
+   },
    "description": "Fired when the video is ended",
    "name": "ended"
   }

package/v3/VwcVideoPlayer/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-video-player",
-  "version": "3.53.0",
+  "version": "4.1.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "3.53.0"
+    "@vonage/vivid": "4.1.0"
   }
 }

package/VwcDialog/index.d.ts

@@ -1,40 +0,0 @@
-import React, { ReactNode, SyntheticEvent } from 'react';
-import '@vonage/vwc-dialog';
-/**
-* @param {boolean | undefined} closeButton
-* @param {Position | undefined} topPosition
-* @param {boolean} hideActions
-* @param {boolean} stacked
-* @param {string} heading
-* @param {string} scrimClickAction
-* @param {string} escapeKeyAction
-* @param {boolean} open
-* @param {string} defaultAction
-* @param {string} actionAttribute
-* @param {string} initialFocusAttribute
-* @param {string} suppressDefaultPressSelector
-*/
-declare const VwcDialog: (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;
-    closeButton?: any;
-    topPosition?: any;
-    hideActions?: boolean | undefined;
-    stacked?: boolean | undefined;
-    heading?: string | undefined;
-    scrimClickAction?: string | undefined;
-    escapeKeyAction?: string | undefined;
-    open?: boolean | undefined;
-    defaultAction?: string | undefined;
-    actionAttribute?: string | undefined;
-    initialFocusAttribute?: string | undefined;
-    suppressDefaultPressSelector?: string | undefined;
-}) => JSX.Element;
-export default VwcDialog;

package/VwcDialog/index.js

@@ -1,135 +0,0 @@
-/*
-* DO NOT EDIT THIS FILE. IT IS GENERATED
-*/
-/*
-Code in this file were generated using following JSON:
-{
- "name": "vwc-dialog",
- "path": "./../node_modules/@vonage/vwc-dialog/vwc-dialog.d.ts",
- "properties": [
-  {
-   "name": "closeButton",
-   "type": "boolean | undefined",
-   "bindable": true
-  },
-  {
-   "name": "topPosition",
-   "type": "Position | undefined",
-   "bindable": false
-  },
-  {
-   "name": "styles",
-   "type": "CSSResult[]"
-  },
-  {
-   "name": "hideActions",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "stacked",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "heading",
-   "type": "string",
-   "bindable": false
-  },
-  {
-   "name": "scrimClickAction",
-   "type": "string",
-   "bindable": false
-  },
-  {
-   "name": "escapeKeyAction",
-   "type": "string",
-   "bindable": false
-  },
-  {
-   "name": "open",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "defaultAction",
-   "type": "string",
-   "bindable": false
-  },
-  {
-   "name": "actionAttribute",
-   "type": "string",
-   "bindable": false
-  },
-  {
-   "name": "initialFocusAttribute",
-   "type": "string",
-   "bindable": false
-  },
-  {
-   "name": "suppressDefaultPressSelector",
-   "type": "string",
-   "bindable": false
-  }
- ],
- "events": [
-  "opening",
-  "opened",
-  "closing",
-  "closed"
- ]
-}
-*/
-import PropTypes from 'prop-types'
-import wrapper from '@vonage/vivid-react-wrapper'
-import '@vonage/vwc-dialog'
-
-
-/**  
-* @param {boolean | undefined} closeButton  
-* @param {Position | undefined} topPosition  
-* @param {boolean} hideActions  
-* @param {boolean} stacked  
-* @param {string} heading  
-* @param {string} scrimClickAction  
-* @param {string} escapeKeyAction  
-* @param {boolean} open  
-* @param {string} defaultAction  
-* @param {string} actionAttribute  
-* @param {string} initialFocusAttribute  
-* @param {string} suppressDefaultPressSelector  
-*/
-const VwcDialog = wrapper('vwc-dialog',  {
-    events: [{"name":"closed","propName":"onClosed"},{"name":"closing","propName":"onClosing"},{"name":"opened","propName":"onOpened"},{"name":"opening","propName":"onOpening"}],
-    attributes: [],
-    properties: ["closeButton"]
-});
-
-VwcDialog.propTypes = {
-  onOpening: PropTypes.func,
-  onOpened: PropTypes.func,
-  onClosing: PropTypes.func,
-  onClosed: PropTypes.func,
-  closeButton: PropTypes.any /* boolean | undefined */,
-  topPosition: PropTypes.any /* Position | undefined */,
-  hideActions: PropTypes.bool,
-  stacked: PropTypes.bool,
-  heading: PropTypes.string,
-  scrimClickAction: PropTypes.string,
-  escapeKeyAction: PropTypes.string,
-  open: PropTypes.bool,
-  defaultAction: PropTypes.string,
-  actionAttribute: PropTypes.string,
-  initialFocusAttribute: PropTypes.string,
-  suppressDefaultPressSelector: PropTypes.string
-}
-
-VwcDialog.defaultProps = {
-
-}
-
-VwcDialog.displayName = 'VwcDialog'
-
-
-
-export default VwcDialog

package/VwcDialog/package.json

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

package/VwcDrawer/index.d.ts

@@ -1,20 +0,0 @@
-import React, { ReactNode } from 'react';
-import '@vonage/vwc-drawer';
-/** This component is an extension of [<mwc-drawer>](https://github.com/material-components/material-components-web-components/tree/master/packages/drawer)
-* @param {boolean} drawerAlternate  attribute: &lt;VwcDrawer drawer-alternate />
-* @param {boolean} open
-* @param {boolean} hasHeader
-* @param {string} type
-*/
-declare const VwcDrawer: (props: {
-    children?: ReactNode;
-    slot?: string | undefined;
-    id?: string | undefined;
-    style?: React.CSSProperties | undefined;
-    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-    drawerAlternate?: boolean | undefined;
-    open?: boolean | undefined;
-    hasHeader?: boolean | undefined;
-    type?: string | undefined;
-}) => JSX.Element;
-export default VwcDrawer;

package/VwcDrawer/index.js

@@ -1,80 +0,0 @@
-/*
-* DO NOT EDIT THIS FILE. IT IS GENERATED
-*/
-/*
-Code in this file were generated using following JSON:
-{
- "name": "vwc-drawer",
- "path": "./../node_modules/@vonage/vwc-drawer/src/vwc-drawer.ts",
- "description": "This component is an extension of [<mwc-drawer>](https://github.com/material-components/material-components-web-components/tree/master/packages/drawer)",
- "attributes": [
-  {
-   "name": "drawer-alternate",
-   "type": "boolean",
-   "default": "false"
-  }
- ],
- "properties": [
-  {
-   "name": "drawerAlternate",
-   "attribute": "drawer-alternate",
-   "type": "boolean",
-   "default": "false",
-   "bindable": false
-  },
-  {
-   "name": "styles",
-   "type": "CSSResult[]"
-  },
-  {
-   "name": "open",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "hasHeader",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "type",
-   "type": "string",
-   "bindable": false
-  }
- ],
- "events": []
-}
-*/
-import PropTypes from 'prop-types'
-import wrapper from '@vonage/vivid-react-wrapper'
-import '@vonage/vwc-drawer'
-
-
-/** This component is an extension of [<mwc-drawer>](https://github.com/material-components/material-components-web-components/tree/master/packages/drawer) 
-* @param {boolean} drawerAlternate  attribute: &lt;VwcDrawer drawer-alternate />
-* @param {boolean} open  
-* @param {boolean} hasHeader  
-* @param {string} type  
-*/
-const VwcDrawer = wrapper('vwc-drawer',  {
-    events: [],
-    attributes: [],
-    properties: []
-});
-
-VwcDrawer.propTypes = {
-  drawerAlternate: PropTypes.bool/* default: false *//* attribute: drawer-alternate */,
-  open: PropTypes.bool,
-  hasHeader: PropTypes.bool,
-  type: PropTypes.string
-}
-
-VwcDrawer.defaultProps = {
-  drawerAlternate: false
-}
-
-VwcDrawer.displayName = 'VwcDrawer'
-
-
-
-export default VwcDrawer

package/VwcDrawer/package.json

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

package/VwcSideDrawer/index.d.ts

@@ -1,22 +0,0 @@
-import React, { ReactNode } from 'react';
-import '@vonage/vwc-side-drawer';
-/**
-* @param {boolean} alternate
-* @param {boolean | undefined} hasTopBar
-* @param {boolean} modal
-* @param {boolean} open
-* @param {"start" | "end" | undefined} position
-*/
-declare const VwcSideDrawer: (props: {
-    children?: ReactNode;
-    slot?: string | undefined;
-    id?: string | undefined;
-    style?: React.CSSProperties | undefined;
-    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-    alternate?: boolean | undefined;
-    hasTopBar?: any;
-    modal?: boolean | undefined;
-    open?: boolean | undefined;
-    position?: "start" | "end" | undefined;
-}) => JSX.Element;
-export default VwcSideDrawer;