@vonage/vivid-react 3.5.2 → 4.0.0

package/v3/VwcAudioPlayer/package.json

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

package/v3/VwcAvatar/package.json

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

package/v3/VwcBadge/package.json

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

package/v3/VwcBanner/index.js

@@ -260,6 +260,35 @@ Code in this file were generated using following JSON:
  "vividComponent": {
   "public": true,
   "name": "banner"
+ },
+ "vividTesting": {
+  "selectors": [
+   {
+    "name": "byText",
+    "args": [
+     "byText"
+    ]
+   }
+  ],
+  "actions": [
+   {
+    "name": "dismiss",
+    "args": [
+     "clickButton",
+     "#dismissButton"
+    ]
+   }
+  ],
+  "queries": [],
+  "refs": [
+   {
+    "name": "dismissButton",
+    "args": [
+     "shadowButton",
+     ".dismiss-button"
+    ]
+   }
+  ]
  }
 }
 */

package/v3/VwcBanner/package.json

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

package/v3/VwcBaseProgress/package.json

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

package/v3/VwcBreadcrumb/package.json

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

package/v3/VwcBreadcrumbItem/package.json

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

package/v3/VwcButton/index.js

@@ -290,6 +290,19 @@ Code in this file were generated using following JSON:
    "description": "Indicates the button's label.",
    "privacy": "public"
   },
+  {
+   "kind": "method",
+   "name": "clickHandler",
+   "parameters": [
+    {
+     "name": "event",
+     "type": {
+      "text": "Event"
+     }
+    }
+   ],
+   "description": "Handles click events.\nPrevents interaction when disabled or pending."
+  },
   {
    "kind": "field",
    "name": "iconTrailing",
@@ -1246,6 +1259,35 @@ Code in this file were generated using following JSON:
  "vividComponent": {
   "public": true,
   "name": "button"
+ },
+ "vividTesting": {
+  "selectors": [
+   {
+    "name": "byLabel",
+    "args": [
+     "byLabel"
+    ]
+   }
+  ],
+  "actions": [
+   {
+    "name": "click",
+    "args": [
+     "click",
+     "#control"
+    ]
+   }
+  ],
+  "queries": [],
+  "refs": [
+   {
+    "name": "control",
+    "args": [
+     "shadow",
+     "button.control"
+    ]
+   }
+  ]
  }
 }
 */

package/v3/VwcButton/package.json

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

package/v3/VwcCalendar/package.json

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

package/v3/VwcCalendarEvent/package.json

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

package/v3/VwcCard/index.js

@@ -454,6 +454,19 @@ Code in this file were generated using following JSON:
  "vividComponent": {
   "public": true,
   "name": "card"
+ },
+ "vividTesting": {
+  "selectors": [],
+  "actions": [],
+  "queries": [
+   {
+    "name": "headline",
+    "args": [
+     "headline"
+    ]
+   }
+  ],
+  "refs": []
  }
 }
 */

package/v3/VwcCard/package.json

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

package/v3/VwcCheckbox/index.js

@@ -104,10 +104,6 @@ Code in this file were generated using following JSON:
    "description": "The indeterminate state of the control.",
    "privacy": "public"
   },
-  {
-   "kind": "method",
-   "name": "ariaCheckedChanged"
-  },
   {
    "kind": "field",
    "name": "_vividAriaBehaviour",
@@ -700,6 +696,57 @@ Code in this file were generated using following JSON:
     "valueMapping": "event.currentTarget.checked"
    }
   ]
+ },
+ "vividTesting": {
+  "selectors": [],
+  "actions": [
+   {
+    "name": "check",
+    "args": [
+     "check",
+     "#control"
+    ]
+   },
+   {
+    "name": "uncheck",
+    "args": [
+     "uncheck",
+     "#control"
+    ]
+   }
+  ],
+  "queries": [
+   {
+    "name": "checked",
+    "args": [
+     "checkedState",
+     "\"checked\""
+    ]
+   },
+   {
+    "name": "unchecked",
+    "args": [
+     "checkedState",
+     "\"unchecked\""
+    ]
+   },
+   {
+    "name": "indeterminate",
+    "args": [
+     "checkedState",
+     "\"indeterminate\""
+    ]
+   }
+  ],
+  "refs": [
+   {
+    "name": "control",
+    "args": [
+     "shadow",
+     "div.control"
+    ]
+   }
+  ]
  }
 }
 */

package/v3/VwcCheckbox/package.json

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

package/v3/VwcColorPicker/index.d.ts

@@ -0,0 +1,61 @@
+import React, { ReactNode, SyntheticEvent } from 'react';
+/** VwcColorPicker
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/color-picker
+* @param {string} placeholder - Sets the placeholder value of the element, generally used to provide a hint to the user. **attribute** `placeholder`
+* @param {string | undefined} savedColorsKey - Sets the localStorage saved colors key explicitly. **attribute** `saved-colors-key`
+* @param {boolean} disableSavedColors - Disables the saving colors functionality **attribute** `disable-saved-colors`
+* @param {number} maxSwatches - Limits number of swatches that can be saved. **attribute** `max-swatches`
+* @param {string | undefined} helperText - Provides additional information to help the user enter the correct information.
+To add HTML to the helper text, use the helper-text slot instead. **attribute** `helper-text`
+* @param {string | undefined} errorText - Provides a custom error message. Any current error state will be overridden. **attribute** `error-text`
+* @param  validate
+* @param {string | undefined} successText - Provides a custom success message. Any current error state will be overridden. **attribute** `success-text`
+* @param {'delegate'} _vividAriaBehaviour
+* @param {boolean} open - Indicates whether the popup is open **attribute** `open`
+* @param {ColorSwatch[]} swatches - List of color swatches, has to be an array of objects
+
+### Examples
+* @param {string | undefined} label - The label for the form element. **attribute** `label`
+* @param {string} value - The current value of the element. **attribute** `current-value`
+* @param  currentValue
+* @param {string} initialValue - The default value of the element. This value sets the `value` property
+only when the `value` property has not been explicitly set. **attribute** `value`
+* @param {boolean} disabled - Sets the element's disabled state. A disabled element will not be included during form submission. **attribute** `disabled`
+* @param {string} name - The name of the element. This element's value will be surfaced during form submission under the provided name. **attribute** `name`
+* @param {boolean} required - Require the field to be completed prior to form submission. **attribute** `required`
+* @param {string} VIVID_VERSION - The current version of the Vivid library, which is useful for debugging.
+It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
+* @param {string} componentName - Core component name, without prefix
+*/
+declare const VwcColorPicker: {
+    (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;
+        placeholder?: string | undefined;
+        savedColorsKey?: string | undefined;
+        disableSavedColors?: boolean | undefined;
+        maxSwatches?: number | undefined;
+        helperText?: string | undefined;
+        errorText?: string | undefined;
+        validate?: any;
+        successText?: string | undefined;
+        _vividAriaBehaviour?: any;
+        open?: boolean | undefined;
+        swatches?: any[] | undefined;
+        label?: string | undefined;
+        value?: string | undefined;
+        currentValue?: any;
+        initialValue?: string | undefined;
+        disabled?: boolean | undefined;
+        name?: string | undefined;
+        required?: boolean | undefined;
+        VIVID_VERSION?: string | undefined;
+        componentName?: string | undefined;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcColorPicker;