@vonage/vivid-react 3.4.1 → 3.5.0

package/v3/VwcTimePicker/package.json

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

@@ -5,7 +5,11 @@ import React, { ReactNode } from 'react';
 * @param {boolean} alternate - toggle color scheme **attribute** `alternate`
 * @param {Placement | undefined} placement - placement of the toggletip **attribute** `placement`
 * @param {boolean} open - indicates whether the toggletip is open **attribute** `open`
-* @param {string | HTMLElement} anchor
+* @param {AnchorType | undefined} anchor - ID or direct reference to the component's anchor element. **attribute** `anchor`
+* @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
+* @param {string | HTMLElement} anchor  **attribute** `anchor`
 */
 declare const VwcToggletip: {
     (props: {
@@ -19,6 +23,8 @@ declare const VwcToggletip: {
         placement?: any;
         open?: boolean | undefined;
         anchor?: any;
+        VIVID_VERSION?: string | undefined;
+        componentName?: string | undefined;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcToggletip/index.js

@@ -147,6 +147,85 @@ Code in this file were generated using following JSON:
    "kind": "field",
    "name": "#closeOnEscape",
    "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "anchor",
+   "type": {
+    "text": "AnchorType | undefined"
+   },
+   "description": "ID or direct reference to the component's anchor element.",
+   "privacy": "public",
+   "inheritedFrom": {
+    "name": "Anchored",
+    "module": "src/shared/patterns/anchored.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "#updateAnchorEl",
+   "privacy": "private",
+   "inheritedFrom": {
+    "name": "Anchored",
+    "module": "src/shared/patterns/anchored.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "#observer",
+   "privacy": "private",
+   "type": {
+    "text": "MutationObserver | undefined"
+   },
+   "inheritedFrom": {
+    "name": "Anchored",
+    "module": "src/shared/patterns/anchored.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "#observeMissingAnchor",
+   "privacy": "private",
+   "inheritedFrom": {
+    "name": "Anchored",
+    "module": "src/shared/patterns/anchored.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "#cleanupObserverIfNeeded",
+   "privacy": "private",
+   "inheritedFrom": {
+    "name": "Anchored",
+    "module": "src/shared/patterns/anchored.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"
+   }
   }
  ],
  "attributes": [
@@ -159,6 +238,7 @@ Code in this file were generated using following JSON:
    "fieldName": "headline"
   },
   {
+   "name": "alternate",
    "type": {
     "text": "boolean"
    },
@@ -167,6 +247,7 @@ Code in this file were generated using following JSON:
    "fieldName": "alternate"
   },
   {
+   "name": "placement",
    "type": {
     "text": "Placement | undefined"
    },
@@ -175,17 +256,36 @@ Code in this file were generated using following JSON:
    "fieldName": "placement"
   },
   {
+   "name": "open",
    "type": {
     "text": "boolean"
    },
    "default": "false",
    "description": "indicates whether the toggletip is open",
    "fieldName": "open"
+  },
+  {
+   "name": "anchor",
+   "type": {
+    "text": "AnchorType | undefined"
+   },
+   "description": "ID or direct reference to the component's anchor element.",
+   "fieldName": "anchor",
+   "inheritedFrom": {
+    "name": "Anchored",
+    "module": "src/shared/patterns/anchored.ts"
+   }
+  }
+ ],
+ "mixins": [
+  {
+   "name": "Anchored",
+   "module": "/src/shared/patterns/anchored"
   }
  ],
  "superclass": {
   "name": "VividElement",
-  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
+  "module": "/src/shared/foundation/vivid-element/vivid-element"
  },
  "vividComponent": {
   "public": true,
@@ -201,7 +301,7 @@ registerToggletip('vvd3')
 const VwcToggletip = wrapper(`vvd3-toggletip`,  {
     events: [],
     attributes: [],
-    properties: ['headline', 'alternate', 'placement', 'open', 'anchor']
+    properties: ['headline', 'alternate', 'placement', 'open', 'anchor', 'VIVID_VERSION', 'componentName', 'anchor']
 })
 
 VwcToggletip.displayName = 'VwcToggletip'

package/v3/VwcToggletip/package.json

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

@@ -5,7 +5,11 @@ import React, { ReactNode } from 'react';
 accepts string **attribute** `text`
 * @param {Placement | undefined} placement  **attribute** `placement`
 * @param {boolean} open  **attribute** `open`
-* @param {string | HTMLElement} anchor
+* @param {AnchorType | undefined} anchor - ID or direct reference to the component's anchor element. **attribute** `anchor`
+* @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
+* @param {string | HTMLElement} anchor  **attribute** `anchor`
 */
 declare const VwcTooltip: {
     (props: {
@@ -18,6 +22,8 @@ declare const VwcTooltip: {
         placement?: any;
         open?: boolean | undefined;
         anchor?: any;
+        VIVID_VERSION?: string | undefined;
+        componentName?: string | undefined;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcTooltip/index.js

@@ -80,6 +80,85 @@ Code in this file were generated using following JSON:
    "kind": "field",
    "name": "#closeOnEscape",
    "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "anchor",
+   "type": {
+    "text": "AnchorType | undefined"
+   },
+   "description": "ID or direct reference to the component's anchor element.",
+   "privacy": "public",
+   "inheritedFrom": {
+    "name": "Anchored",
+    "module": "src/shared/patterns/anchored.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "#updateAnchorEl",
+   "privacy": "private",
+   "inheritedFrom": {
+    "name": "Anchored",
+    "module": "src/shared/patterns/anchored.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "#observer",
+   "privacy": "private",
+   "type": {
+    "text": "MutationObserver | undefined"
+   },
+   "inheritedFrom": {
+    "name": "Anchored",
+    "module": "src/shared/patterns/anchored.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "#observeMissingAnchor",
+   "privacy": "private",
+   "inheritedFrom": {
+    "name": "Anchored",
+    "module": "src/shared/patterns/anchored.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "#cleanupObserverIfNeeded",
+   "privacy": "private",
+   "inheritedFrom": {
+    "name": "Anchored",
+    "module": "src/shared/patterns/anchored.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"
+   }
   }
  ],
  "attributes": [
@@ -92,22 +171,42 @@ Code in this file were generated using following JSON:
    "fieldName": "text"
   },
   {
+   "name": "placement",
    "type": {
     "text": "Placement | undefined"
    },
    "fieldName": "placement"
   },
   {
+   "name": "open",
    "type": {
     "text": "boolean"
    },
    "default": "false",
    "fieldName": "open"
+  },
+  {
+   "name": "anchor",
+   "type": {
+    "text": "AnchorType | undefined"
+   },
+   "description": "ID or direct reference to the component's anchor element.",
+   "fieldName": "anchor",
+   "inheritedFrom": {
+    "name": "Anchored",
+    "module": "src/shared/patterns/anchored.ts"
+   }
+  }
+ ],
+ "mixins": [
+  {
+   "name": "Anchored",
+   "module": "/src/shared/patterns/anchored"
   }
  ],
  "superclass": {
   "name": "VividElement",
-  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
+  "module": "/src/shared/foundation/vivid-element/vivid-element"
  },
  "vividComponent": {
   "public": true,
@@ -123,7 +222,7 @@ registerTooltip('vvd3')
 const VwcTooltip = wrapper(`vvd3-tooltip`,  {
     events: [],
     attributes: [],
-    properties: ['text', 'placement', 'open', 'anchor']
+    properties: ['text', 'placement', 'open', 'anchor', 'VIVID_VERSION', 'componentName', 'anchor']
 })
 
 VwcTooltip.displayName = 'VwcTooltip'

package/v3/VwcTooltip/package.json

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

@@ -5,6 +5,11 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {boolean} expanded - When true, the control will be appear expanded by user interaction. **attribute** `expanded`
 * @param {boolean} selected - When true, the control will appear selected by user interaction. **attribute** `selected`
 * @param {boolean} disabled - When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled | disabled HTML attribute for more information. **attribute** `disabled`
+* @param {'host'} _vividAriaBehaviour
+* @param {string | undefined} icon - A decorative icon the custom element should have. **attribute** `icon`
+* @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 VwcTreeItem: {
     (props: {
@@ -19,6 +24,10 @@ declare const VwcTreeItem: {
         expanded?: boolean | undefined;
         selected?: boolean | undefined;
         disabled?: boolean | undefined;
+        _vividAriaBehaviour?: any;
+        icon?: string | undefined;
+        VIVID_VERSION?: string | undefined;
+        componentName?: string | undefined;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcTreeItem/index.js

@@ -39,7 +39,7 @@ Code in this file were generated using following JSON:
    "name": "item"
   },
   {
-   "description": "Add an icon to the component.",
+   "description": "The preferred way to add an icon to the component.",
    "name": "icon"
   }
  ],
@@ -132,6 +132,58 @@ Code in this file were generated using following JSON:
    "description": "Whether the tree is nested",
    "privacy": "public",
    "readonly": true
+  },
+  {
+   "kind": "field",
+   "name": "_vividAriaBehaviour",
+   "default": "'host'",
+   "type": {
+    "text": "'host'"
+   },
+   "inheritedFrom": {
+    "name": "HostSemantics",
+    "module": "src/shared/aria/host-semantics.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "icon",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "A decorative icon the custom element should have.",
+   "privacy": "public",
+   "inheritedFrom": {
+    "name": "AffixIcon",
+    "module": "src/shared/patterns/affix.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": [
@@ -160,6 +212,7 @@ Code in this file were generated using following JSON:
    "fieldName": "text"
   },
   {
+   "name": "expanded",
    "type": {
     "text": "boolean"
    },
@@ -168,6 +221,7 @@ Code in this file were generated using following JSON:
    "fieldName": "expanded"
   },
   {
+   "name": "selected",
    "type": {
     "text": "boolean"
    },
@@ -176,17 +230,40 @@ Code in this file were generated using following JSON:
    "fieldName": "selected"
   },
   {
+   "name": "disabled",
    "type": {
     "text": "boolean"
    },
    "default": "false",
    "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled | disabled HTML attribute for more information.",
    "fieldName": "disabled"
+  },
+  {
+   "name": "icon",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "A decorative icon the custom element should have.",
+   "fieldName": "icon",
+   "inheritedFrom": {
+    "name": "AffixIcon",
+    "module": "src/shared/patterns/affix.ts"
+   }
+  }
+ ],
+ "mixins": [
+  {
+   "name": "HostSemantics",
+   "module": "/src/shared/aria/host-semantics"
+  },
+  {
+   "name": "AffixIcon",
+   "module": "/src/shared/patterns/affix"
   }
  ],
  "superclass": {
   "name": "VividElement",
-  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
+  "module": "/src/shared/foundation/vivid-element/vivid-element"
  },
  "vividComponent": {
   "public": true,
@@ -202,7 +279,7 @@ registerTreeItem('vvd3')
 const VwcTreeItem = wrapper(`vvd3-tree-item`,  {
     events: [{"name":"selected-change","propName":"onSelectedChange"},{"name":"expanded-change","propName":"onExpandedChange"}],
     attributes: [],
-    properties: ['text', 'expanded', 'selected', 'disabled']
+    properties: ['text', 'expanded', 'selected', 'disabled', '_vividAriaBehaviour', 'icon', 'VIVID_VERSION', 'componentName']
 })
 
 VwcTreeItem.displayName = 'VwcTreeItem'

package/v3/VwcTreeItem/package.json

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

@@ -4,6 +4,10 @@ import React, { ReactNode } from 'react';
 * @param {boolean} renderCollapsedNodes - /**
  When true, the control will be appear expanded by user interaction. **attribute** `render-collapsed-nodes`
 * @param {HTMLElement | TreeItem | null} currentSelected - The currently selected tree item
+* @param {'host'} _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 VwcTreeView: {
     (props: {
@@ -14,6 +18,9 @@ declare const VwcTreeView: {
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         renderCollapsedNodes?: boolean | undefined;
         currentSelected?: any;
+        _vividAriaBehaviour?: any;
+        VIVID_VERSION?: string | undefined;
+        componentName?: string | undefined;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcTreeView/index.js

@@ -122,6 +122,45 @@ Code in this file were generated using following JSON:
      "text": "HTMLElement[]"
     }
    }
+  },
+  {
+   "kind": "field",
+   "name": "_vividAriaBehaviour",
+   "default": "'host'",
+   "type": {
+    "text": "'host'"
+   },
+   "inheritedFrom": {
+    "name": "HostSemantics",
+    "module": "src/shared/aria/host-semantics.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"
+   }
   }
  ],
  "attributes": [
@@ -134,9 +173,15 @@ Code in this file were generated using following JSON:
    "fieldName": "renderCollapsedNodes"
   }
  ],
+ "mixins": [
+  {
+   "name": "HostSemantics",
+   "module": "/src/shared/aria/host-semantics"
+  }
+ ],
  "superclass": {
   "name": "VividElement",
-  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element.js"
+  "module": "/src/shared/foundation/vivid-element/vivid-element.js"
  },
  "vividComponent": {
   "public": true,
@@ -152,7 +197,7 @@ registerTreeView('vvd3')
 const VwcTreeView = wrapper(`vvd3-tree-view`,  {
     events: [],
     attributes: [],
-    properties: ['renderCollapsedNodes', 'currentSelected']
+    properties: ['renderCollapsedNodes', 'currentSelected', '_vividAriaBehaviour', 'VIVID_VERSION', 'componentName']
 })
 
 VwcTreeView.displayName = 'VwcTreeView'

package/v3/VwcTreeView/package.json

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

@@ -6,7 +6,10 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {boolean} autoplay - Allows the video will play automatically (muted) **attribute** `autoplay`
 * @param {boolean} loop - Allows the video to loop back to the beginning when finished **attribute** `loop`
 * @param {string} playbackRates - Sets the available playback rates. When an empty string, no choices will be available **attribute** `playback-rates`
-* @param {MediaSkipBy} skipBy - Allows the video to loop back to the beginning when finished **attribute** `skip-by`
+* @param {VideoPlayerMediaSkipBy} skipBy - Allows the video to loop back to the beginning when finished **attribute** `skip-by`
+* @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 VwcVideoPlayer: {
     (props: {
@@ -24,6 +27,8 @@ declare const VwcVideoPlayer: {
         loop?: boolean | undefined;
         playbackRates?: string | undefined;
         skipBy?: any;
+        VIVID_VERSION?: string | undefined;
+        componentName?: string | undefined;
     }): JSX.Element;
     displayName: string;
 };