@vonage/vivid-react 2.10.98 → 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"
   }
 }