@vonage/vivid-react 3.4.1 → 3.5.1

package/v3/VwcSelect/package.json

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

package/v3/VwcSelectableBox/index.d.ts

@@ -1,13 +1,16 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcSelectableBox
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/selectable-box
-* @param {string | null} ariaLabel  **attribute** `aria-label`
 * @param {boolean} checked - Controls the checked state of the box **attribute** `checked`
-* @param {boolean} clickable - DEPRECATED: Replaced by the clickable-box prop **attribute** `clickable`
+* @param {boolean} clickable  **attribute** `clickable`
 * @param {boolean} clickableBox - Makes the entire selectable box clickable **attribute** `clickable-box`
 * @param {SelectableBoxConnotation | undefined} connotation - The connotation the selectable box should have. **attribute** `connotation`
 * @param {SelectableBoxControlType | undefined} controlType - The type of control the box should have: checkbox or radio. **attribute** `control-type`
 * @param {boolean} tight - Removes the padding around the box's slot content **attribute** `tight`
+* @param {'delegate'} _vividAriaBehaviour
+* @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 VwcSelectableBox: {
     (props: {
@@ -17,13 +20,15 @@ declare const VwcSelectableBox: {
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         onChange?: ((event: SyntheticEvent) => void) | undefined;
-        ariaLabel?: string | null | undefined;
         checked?: boolean | undefined;
         clickable?: boolean | undefined;
         clickableBox?: boolean | undefined;
         connotation?: any;
         controlType?: any;
         tight?: boolean | undefined;
+        _vividAriaBehaviour?: any;
+        VIVID_VERSION?: string | undefined;
+        componentName?: string | undefined;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcSelectableBox/index.js

@@ -56,14 +56,6 @@ Code in this file were generated using following JSON:
   }
  ],
  "members": [
-  {
-   "kind": "field",
-   "name": "ariaLabel",
-   "type": {
-    "text": "string | null"
-   },
-   "default": "null"
-  },
   {
    "kind": "field",
    "name": "checked",
@@ -81,8 +73,8 @@ Code in this file were generated using following JSON:
     "text": "boolean"
    },
    "default": "false",
-   "description": "DEPRECATED: Replaced by the clickable-box prop",
-   "privacy": "public"
+   "privacy": "public",
+   "description": ""
   },
   {
    "kind": "field",
@@ -121,6 +113,45 @@ Code in this file were generated using following JSON:
    "default": "false",
    "description": "Removes the padding around the box's slot content",
    "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "_vividAriaBehaviour",
+   "default": "'delegate'",
+   "type": {
+    "text": "'delegate'"
+   },
+   "inheritedFrom": {
+    "name": "DelegatesAria",
+    "module": "src/shared/aria/delegates-aria.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "VIVID_VERSION",
+   "static": true,
+   "default": "__PACKAGE_VERSION__",
+   "description": "The current version of the Vivid library, which is useful for debugging.\nIt can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.",
+   "type": {
+    "text": "string"
+   },
+   "inheritedFrom": {
+    "name": "VividElement",
+    "module": "src/shared/foundation/vivid-element/vivid-element.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "componentName",
+   "type": {
+    "text": "string"
+   },
+   "static": true,
+   "description": "Core component name, without prefix",
+   "inheritedFrom": {
+    "name": "VividElement",
+    "module": "src/shared/foundation/vivid-element/vivid-element.ts"
+   }
   }
  ],
  "events": [
@@ -134,14 +165,7 @@ Code in this file were generated using following JSON:
  ],
  "attributes": [
   {
-   "name": "aria-label",
-   "type": {
-    "text": "string | null"
-   },
-   "default": "null",
-   "fieldName": "ariaLabel"
-  },
-  {
+   "name": "checked",
    "type": {
     "text": "boolean"
    },
@@ -150,11 +174,11 @@ Code in this file were generated using following JSON:
    "fieldName": "checked"
   },
   {
+   "name": "clickable",
    "type": {
     "text": "boolean"
    },
    "default": "false",
-   "description": "DEPRECATED: Replaced by the clickable-box prop",
    "fieldName": "clickable"
   },
   {
@@ -183,6 +207,7 @@ Code in this file were generated using following JSON:
    "fieldName": "controlType"
   },
   {
+   "name": "tight",
    "type": {
     "text": "boolean"
    },
@@ -191,9 +216,15 @@ Code in this file were generated using following JSON:
    "fieldName": "tight"
   }
  ],
+ "mixins": [
+  {
+   "name": "DelegatesAria",
+   "module": "/src/shared/aria/delegates-aria"
+  }
+ ],
  "superclass": {
   "name": "VividElement",
-  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
+  "module": "/src/shared/foundation/vivid-element/vivid-element"
  },
  "vividComponent": {
   "public": true,
@@ -209,7 +240,7 @@ registerSelectableBox('vvd3')
 const VwcSelectableBox = wrapper(`vvd3-selectable-box`,  {
     events: [{"name":"change","propName":"onChange"}],
     attributes: [],
-    properties: ['ariaLabel', 'checked', 'clickable', 'clickableBox', 'connotation', 'controlType', 'tight']
+    properties: ['checked', 'clickable', 'clickableBox', 'connotation', 'controlType', 'tight', '_vividAriaBehaviour', 'VIVID_VERSION', 'componentName']
 })
 
 VwcSelectableBox.displayName = 'VwcSelectableBox'

package/v3/VwcSelectableBox/package.json

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

package/v3/VwcSideDrawer/index.d.ts

@@ -5,6 +5,9 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {boolean} modal - sets the side drawer's type to modal **attribute** `modal`
 * @param {boolean} open - indicates whether the side drawer is open **attribute** `open`
 * @param {boolean} trailing - sets the side of the side drawer **attribute** `trailing`
+* @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 VwcSideDrawer: {
     (props: {
@@ -20,6 +23,8 @@ declare const VwcSideDrawer: {
         modal?: boolean | undefined;
         open?: boolean | undefined;
         trailing?: boolean | undefined;
+        VIVID_VERSION?: string | undefined;
+        componentName?: string | undefined;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcSideDrawer/index.js

@@ -75,6 +75,33 @@ Code in this file were generated using following JSON:
      "text": "void"
     }
    }
+  },
+  {
+   "kind": "field",
+   "name": "VIVID_VERSION",
+   "static": true,
+   "default": "__PACKAGE_VERSION__",
+   "description": "The current version of the Vivid library, which is useful for debugging.\nIt can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.",
+   "type": {
+    "text": "string"
+   },
+   "inheritedFrom": {
+    "name": "VividElement",
+    "module": "src/shared/foundation/vivid-element/vivid-element.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "componentName",
+   "type": {
+    "text": "string"
+   },
+   "static": true,
+   "description": "Core component name, without prefix",
+   "inheritedFrom": {
+    "name": "VividElement",
+    "module": "src/shared/foundation/vivid-element/vivid-element.ts"
+   }
   }
  ],
  "events": [
@@ -102,6 +129,7 @@ Code in this file were generated using following JSON:
  ],
  "attributes": [
   {
+   "name": "alternate",
    "type": {
     "text": "boolean"
    },
@@ -110,6 +138,7 @@ Code in this file were generated using following JSON:
    "fieldName": "alternate"
   },
   {
+   "name": "modal",
    "type": {
     "text": "boolean"
    },
@@ -118,6 +147,7 @@ Code in this file were generated using following JSON:
    "fieldName": "modal"
   },
   {
+   "name": "open",
    "type": {
     "text": "boolean"
    },
@@ -126,6 +156,7 @@ Code in this file were generated using following JSON:
    "fieldName": "open"
   },
   {
+   "name": "trailing",
    "type": {
     "text": "boolean"
    },
@@ -136,7 +167,7 @@ Code in this file were generated using following JSON:
  ],
  "superclass": {
   "name": "VividElement",
-  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
+  "module": "/src/shared/foundation/vivid-element/vivid-element"
  },
  "vividComponent": {
   "public": true,
@@ -152,7 +183,7 @@ registerSideDrawer('vvd3')
 const VwcSideDrawer = wrapper(`vvd3-side-drawer`,  {
     events: [{"name":"cancel","propName":"onCancel"},{"name":"open","propName":"onOpen"},{"name":"close","propName":"onClose"}],
     attributes: [],
-    properties: ['alternate', 'modal', 'open', 'trailing']
+    properties: ['alternate', 'modal', 'open', 'trailing', 'VIVID_VERSION', 'componentName']
 })
 
 VwcSideDrawer.displayName = 'VwcSideDrawer'

package/v3/VwcSideDrawer/package.json

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

package/v3/VwcSlider/index.d.ts

@@ -1,6 +1,15 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcSlider
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/slider
+* @param {number} min  **attribute** `min`
+* @param {number} max  **attribute** `max`
+* @param {number} step  **attribute** `step`
+* @param {string} orientation  **attribute** `orientation`
+* @param {boolean} markers  **attribute** `markers`
+* @param {string} connotation  **attribute** `connotation`
+* @param {boolean} pin  **attribute** `pin`
+* @param {boolean} disabled  **attribute** `disabled`
+* @param {string} value  **attribute** `current-value`
 * @param {boolean} readOnly - When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information. **attribute** `readonly`
 * @param {number} valueAsNumber - The value property, typed as a number.
 * @param {(value: string) => string} valueTextFormatter - Custom function that generates a string for the component's "aria-valuetext" attribute based on the current value.
@@ -9,21 +18,20 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {number} step - Value to increment or decrement via arrow keys, mouse click or drag. **attribute** `step`
 * @param {Orientation} orientation - The orientation of the slider. **attribute** `orientation`
 * @param {SliderMode} mode - The selection mode. **attribute** `mode`
-* @param {string | null} ariaLabel  **attribute** `aria-label`
-* @param {string | null} ariaValuetext  **attribute** `aria-valuetext`
 * @param {boolean} markers - Display markers on/off **attribute** `markers`
 * @param {boolean} pin - Show current value on the thumb. **attribute** `pin`
 * @param {SliderConnotation | undefined} connotation - slider connotation **attribute** `connotation`
-* @param  proxy
-* @param {number} min  **attribute** `min`
-* @param {number} max  **attribute** `max`
-* @param {number} step  **attribute** `step`
-* @param {string} orientation  **attribute** `orientation`
-* @param {boolean} markers  **attribute** `markers`
-* @param {string} connotation  **attribute** `connotation`
-* @param {boolean} pin  **attribute** `pin`
-* @param {boolean} disabled
-* @param {string} value
+* @param {'delegate'} _vividAriaBehaviour
+* @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 VwcSlider: {
     (props: {
@@ -33,22 +41,26 @@ declare const VwcSlider: {
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         onChange?: ((event: SyntheticEvent) => void) | undefined;
-        readOnly?: boolean | undefined;
-        valueAsNumber?: number | undefined;
-        valueTextFormatter?: any;
         min?: number | undefined;
         max?: number | undefined;
         step?: number | undefined;
-        orientation?: any;
-        mode?: any;
-        ariaLabel?: string | null | undefined;
-        ariaValuetext?: string | null | undefined;
+        orientation?: string | undefined;
         markers?: boolean | undefined;
+        connotation?: string | undefined;
         pin?: boolean | undefined;
-        connotation?: any;
-        proxy?: any;
         disabled?: boolean | undefined;
         value?: string | undefined;
+        readOnly?: boolean | undefined;
+        valueAsNumber?: number | undefined;
+        valueTextFormatter?: any;
+        mode?: any;
+        _vividAriaBehaviour?: any;
+        currentValue?: any;
+        initialValue?: string | undefined;
+        name?: string | undefined;
+        required?: boolean | undefined;
+        VIVID_VERSION?: string | undefined;
+        componentName?: string | undefined;
     }): JSX.Element;
     displayName: string;
 };