@vonage/vivid-react 4.0.0 → 5.20.0

package/v3/VwcTreeView/index.js

@@ -20,7 +20,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "boolean"
    },
-   "description": "/**\n When true, the control will be appear expanded by user interaction.",
+   "description": "When true, the control will be appear expanded by user interaction.",
    "privacy": "public"
   },
   {
@@ -32,15 +32,6 @@ Code in this file were generated using following JSON:
    "description": "The currently selected tree item",
    "privacy": "public"
   },
-  {
-   "kind": "method",
-   "name": "slottedTreeItemsChanged",
-   "return": {
-    "type": {
-     "text": "void"
-    }
-   }
-  },
   {
    "kind": "field",
    "name": "nested",
@@ -123,18 +114,6 @@ Code in this file were generated using following JSON:
     }
    }
   },
-  {
-   "kind": "field",
-   "name": "_vividAriaBehaviour",
-   "default": "'host'",
-   "type": {
-    "text": "'host'"
-   },
-   "inheritedFrom": {
-    "name": "HostSemantics",
-    "module": "src/shared/aria/host-semantics.ts"
-   }
-  },
   {
    "kind": "field",
    "name": "VIVID_VERSION",
@@ -169,7 +148,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "boolean"
    },
-   "description": "/**\n When true, the control will be appear expanded by user interaction.",
+   "description": "When true, the control will be appear expanded by user interaction.",
    "fieldName": "renderCollapsedNodes"
   }
  ],
@@ -189,7 +168,7 @@ Code in this file were generated using following JSON:
  }
 }
 */
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import { registerTreeView } from '@vonage/vivid'
 
 registerTreeView('vvd3')
@@ -197,7 +176,7 @@ registerTreeView('vvd3')
 const VwcTreeView = wrapper(`vvd3-tree-view`,  {
     events: [],
     attributes: [],
-    properties: ['renderCollapsedNodes', 'currentSelected', '_vividAriaBehaviour', 'VIVID_VERSION', 'componentName']
+    properties: ['renderCollapsedNodes', 'currentSelected', 'VIVID_VERSION', 'componentName']
 })
 
 VwcTreeView.displayName = 'VwcTreeView'

package/v3/VwcTreeView/package.json

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

package/v3/VwcUiCtx/index.d.ts

@@ -0,0 +1,16 @@
+import React, { ReactNode } from 'react';
+/** VwcUiCtx
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/ui-ctx
+
+*/
+declare const VwcUiCtx: {
+    (props: {
+        children?: ReactNode;
+        slot?: string;
+        id?: string;
+        style?: React.CSSProperties;
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcUiCtx;

package/v3/VwcUiCtx/index.js

@@ -0,0 +1,108 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "",
+ "name": "UiCtx",
+ "members": [
+  {
+   "kind": "method",
+   "name": "evalProp",
+   "return": {
+    "type": {
+     "text": "T"
+    }
+   },
+   "parameters": [
+    {
+     "name": "prop",
+     "type": {
+      "text": "Prop<T>"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "field",
+   "name": "bindings",
+   "type": {
+    "text": "Array<() => void>"
+   },
+   "privacy": "private",
+   "default": "[]"
+  },
+  {
+   "kind": "method",
+   "name": "bindProp",
+   "parameters": [
+    {
+     "name": "prop",
+     "type": {
+      "text": "Prop<T> | undefined"
+     }
+    },
+    {
+     "name": "bindFn",
+     "type": {
+      "text": "(value: T) => void"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "updateBindings"
+  },
+  {
+   "kind": "method",
+   "name": "bindToEl",
+   "parameters": [
+    {
+     "name": "target",
+     "type": {
+      "text": "T"
+     }
+    },
+    {
+     "name": "props",
+     "default": "{}",
+     "type": {
+      "text": "Partial<Props<T>>"
+     }
+    },
+    {
+     "name": "events",
+     "default": "[]",
+     "type": {
+      "text": "EventBinding[]"
+     }
+    },
+    {
+     "name": "children",
+     "default": "[]",
+     "type": {
+      "text": "Array<Node>"
+     }
+    }
+   ]
+  }
+ ]
+}
+*/
+import wrapper from '@repo/react-component-wrapper'
+import { registerUiCtx } from '@vonage/vivid'
+
+registerUiCtx('vvd3')
+
+const VwcUiCtx = wrapper(`vvd3-ui-ctx`,  {
+    events: [],
+    attributes: [],
+    properties: []
+})
+
+VwcUiCtx.displayName = 'VwcUiCtx'
+
+export default VwcUiCtx

package/v3/VwcUiCtx/package.json

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

package/v3/VwcVideoPlayer/index.d.ts

@@ -1,12 +1,12 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** Base class for video-player
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/video-player
-* @param {string | undefined} poster - Reference to an image which is displayed before the video is played **attribute** `poster`
-* @param {string | undefined} src - URL of a video file **attribute** `src`
-* @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 {VideoPlayerMediaSkipBy} skipBy - Allows the video to loop back to the beginning when finished **attribute** `skip-by`
+* @param {string | undefined} poster - Reference to poster image's source **attribute** `poster`
+* @param {string | undefined} src - Reference to the video's source **attribute** `src`
+* @param {boolean} autoplay - Sets the video to start playing automatically after loading **attribute** `autoplay`
+* @param {boolean} loop - Sets the video to loop **attribute** `loop`
+* @param {string} playbackRates - Sets the possible playback rates **attribute** `playback-rates`
+* @param {VideoPlayerMediaSkipBy} skipBy - Sets the amount to skip **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
@@ -14,21 +14,21 @@ It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 declare const VwcVideoPlayer: {
     (props: {
         children?: ReactNode;
-        slot?: string | undefined;
-        id?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        onPlay?: ((event: SyntheticEvent) => void) | undefined;
-        onPause?: ((event: SyntheticEvent) => void) | undefined;
-        onEnded?: ((event: SyntheticEvent) => void) | undefined;
-        poster?: string | undefined;
-        src?: string | undefined;
-        autoplay?: boolean | undefined;
-        loop?: boolean | undefined;
-        playbackRates?: string | undefined;
-        skipBy?: any;
-        VIVID_VERSION?: string | undefined;
-        componentName?: string | undefined;
+        slot?: string;
+        id?: string;
+        style?: React.CSSProperties;
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+        onPlay?: (event: SyntheticEvent) => void;
+        onPause?: (event: SyntheticEvent) => void;
+        onEnded?: (event: SyntheticEvent) => void;
+        "poster"?: string | undefined;
+        "src"?: string | undefined;
+        "autoplay"?: boolean;
+        "loop"?: boolean;
+        "playbackRates"?: string;
+        "skipBy"?: any;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcVideoPlayer/index.js

@@ -20,7 +20,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string | undefined"
    },
-   "description": "Reference to an image which is displayed before the video is played",
+   "description": "Reference to poster image's source",
    "privacy": "public"
   },
   {
@@ -29,7 +29,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string | undefined"
    },
-   "description": "URL of a video file",
+   "description": "Reference to the video's source",
    "privacy": "public"
   },
   {
@@ -39,7 +39,7 @@ Code in this file were generated using following JSON:
     "text": "boolean"
    },
    "default": "false",
-   "description": "Allows the video will play automatically (muted)",
+   "description": "Sets the video to start playing automatically after loading",
    "privacy": "public"
   },
   {
@@ -49,7 +49,7 @@ Code in this file were generated using following JSON:
     "text": "boolean"
    },
    "default": "false",
-   "description": "Allows the video to loop back to the beginning when finished",
+   "description": "Sets the video to loop",
    "privacy": "public"
   },
   {
@@ -59,7 +59,7 @@ Code in this file were generated using following JSON:
     "text": "string"
    },
    "default": "'0.5, 1, 1.5, 2'",
-   "description": "Sets the available playback rates. When an empty string, no choices will be available",
+   "description": "Sets the possible playback rates",
    "privacy": "public"
   },
   {
@@ -68,7 +68,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "VideoPlayerMediaSkipBy"
    },
-   "description": "Allows the video to loop back to the beginning when finished",
+   "description": "Sets the amount to skip",
    "privacy": "public"
   },
   {
@@ -174,7 +174,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string | undefined"
    },
-   "description": "Reference to an image which is displayed before the video is played",
+   "description": "Reference to poster image's source",
    "fieldName": "poster"
   },
   {
@@ -182,7 +182,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string | undefined"
    },
-   "description": "URL of a video file",
+   "description": "Reference to the video's source",
    "fieldName": "src"
   },
   {
@@ -191,7 +191,7 @@ Code in this file were generated using following JSON:
     "text": "boolean"
    },
    "default": "false",
-   "description": "Allows the video will play automatically (muted)",
+   "description": "Sets the video to start playing automatically after loading",
    "fieldName": "autoplay"
   },
   {
@@ -200,7 +200,7 @@ Code in this file were generated using following JSON:
     "text": "boolean"
    },
    "default": "false",
-   "description": "Allows the video to loop back to the beginning when finished",
+   "description": "Sets the video to loop",
    "fieldName": "loop"
   },
   {
@@ -209,7 +209,7 @@ Code in this file were generated using following JSON:
     "text": "string"
    },
    "default": "DEFAULT_PLAYBACK_RATES",
-   "description": "Sets the available playback rates. When an empty string, no choices will be available",
+   "description": "Sets the possible playback rates",
    "resolveInitializer": {
     "module": "src/lib/video-player/video-player.ts"
    },
@@ -220,7 +220,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "VideoPlayerMediaSkipBy"
    },
-   "description": "Allows the video to loop back to the beginning when finished",
+   "description": "Sets the amount to skip",
    "fieldName": "skipBy"
   }
  ],
@@ -240,7 +240,7 @@ Code in this file were generated using following JSON:
  }
 }
 */
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import { registerVideoPlayer } from '@vonage/vivid'
 
 registerVideoPlayer('vvd3')

package/v3/VwcVideoPlayer/package.json

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

package/v3/VwcVisuallyHidden/index.d.ts

@@ -8,12 +8,12 @@ It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 declare const VwcVisuallyHidden: {
     (props: {
         children?: ReactNode;
-        slot?: string | undefined;
-        id?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        VIVID_VERSION?: string | undefined;
-        componentName?: string | undefined;
+        slot?: string;
+        id?: string;
+        style?: React.CSSProperties;
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcVisuallyHidden/index.js

@@ -45,7 +45,7 @@ Code in this file were generated using following JSON:
  ]
 }
 */
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import { registerVisuallyHidden } from '@vonage/vivid'
 
 registerVisuallyHidden('vvd3')

package/v3/VwcVisuallyHidden/package.json

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

package/v3/VwcVividElement/index.d.ts

@@ -4,18 +4,16 @@ import React, { ReactNode } from 'react';
 * @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 {VividAriaBehaviour} _vividAriaBehaviour
 */
 declare const VwcVividElement: {
     (props: {
         children?: ReactNode;
-        slot?: string | undefined;
-        id?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        VIVID_VERSION?: string | undefined;
-        componentName?: string | undefined;
-        _vividAriaBehaviour?: any;
+        slot?: string;
+        id?: string;
+        style?: React.CSSProperties;
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcVividElement/index.js

@@ -27,18 +27,6 @@ Code in this file were generated using following JSON:
    "static": true,
    "description": "Core component name, without prefix"
   },
-  {
-   "kind": "field",
-   "name": "_vividAriaBehaviour",
-   "type": {
-    "text": "VividAriaBehaviour"
-   },
-   "default": "'default'",
-   "inheritedFrom": {
-    "name": "AriaMixin",
-    "module": "src/shared/aria/aria-mixin.ts"
-   }
-  },
   {
    "kind": "method",
    "name": "#handleReplacedProp",
@@ -64,6 +52,10 @@ Code in this file were generated using following JSON:
   {
    "name": "ReplacedPropHandling",
    "module": "/src/shared/deprecation/replaced-props"
+  },
+  {
+   "name": "ReactiveControllerHostSupport",
+   "module": "/src/shared/framework/reactive-controller"
   }
  ],
  "superclass": {
@@ -108,7 +100,7 @@ Code in this file were generated using following JSON:
  "customElement": true
 }
 */
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import { registerVividElement } from '@vonage/vivid'
 
 registerVividElement('vvd3')
@@ -116,7 +108,7 @@ registerVividElement('vvd3')
 const VwcVividElement = wrapper(`vvd3-vivid-element`,  {
     events: [],
     attributes: [],
-    properties: ['VIVID_VERSION', 'componentName', '_vividAriaBehaviour']
+    properties: ['VIVID_VERSION', 'componentName']
 })
 
 VwcVividElement.displayName = 'VwcVividElement'

package/v3/VwcVividElement/package.json

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

package/v3/VwcVividFoundationButton/index.d.ts

@@ -11,7 +11,6 @@ Based largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/b
 * @param {'_self' | '_blank' | '_parent' | '_top'} formtarget - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details. **attribute** `formtarget`
 * @param {'submit' | 'reset' | 'button'} type - The button type. **attribute** `type`
 * @param {HTMLButtonElement} control
-* @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
@@ -26,28 +25,27 @@ It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 declare const VwcVividFoundationButton: {
     (props: {
         children?: ReactNode;
-        slot?: string | undefined;
-        id?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        autofocus?: boolean | undefined;
-        formId?: string | undefined;
-        formaction?: string | undefined;
-        formenctype?: string | undefined;
-        formmethod?: string | undefined;
-        formnovalidate?: boolean | undefined;
-        formtarget?: any;
-        type?: any;
-        control?: any;
-        _vividAriaBehaviour?: any;
-        value?: string | undefined;
-        currentValue?: any;
-        initialValue?: string | undefined;
-        disabled?: boolean | undefined;
-        name?: string | undefined;
-        required?: boolean | undefined;
-        VIVID_VERSION?: string | undefined;
-        componentName?: string | undefined;
+        slot?: string;
+        id?: string;
+        style?: React.CSSProperties;
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+        "autofocus"?: boolean;
+        "formId"?: string;
+        "formaction"?: string;
+        "formenctype"?: string;
+        "formmethod"?: string;
+        "formnovalidate"?: boolean;
+        "formtarget"?: "_self" | "_blank" | "_parent" | "_top";
+        "type"?: "submit" | "reset" | "button";
+        "control"?: any;
+        "value"?: string;
+        "currentValue"?: any;
+        "initialValue"?: string;
+        "disabled"?: boolean;
+        "name"?: string;
+        "required"?: boolean;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcVividFoundationButton/index.js

@@ -201,18 +201,6 @@ Code in this file were generated using following JSON:
    "privacy": "private",
    "description": "Overrides the focus call for where delegatesFocus is unsupported.\nThis check works for Chrome, Edge Chromium, FireFox, and Safari\nRelevant PR on the Firefox browser: https://phabricator.services.mozilla.com/D123858"
   },
-  {
-   "kind": "field",
-   "name": "_vividAriaBehaviour",
-   "default": "'delegate'",
-   "type": {
-    "text": "'delegate'"
-   },
-   "inheritedFrom": {
-    "name": "DelegatesAria",
-    "module": "src/shared/aria/delegates-aria.ts"
-   }
-  },
   {
    "kind": "field",
    "name": "validity",
@@ -548,7 +536,7 @@ Code in this file were generated using following JSON:
  }
 }
 */
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import { registerVividFoundationButton } from '@vonage/vivid'
 
 registerVividFoundationButton('vvd3')
@@ -556,7 +544,7 @@ registerVividFoundationButton('vvd3')
 const VwcVividFoundationButton = wrapper(`vvd3-vivid-foundation-button`,  {
     events: [],
     attributes: [],
-    properties: ['autofocus', 'formId', 'formaction', 'formenctype', 'formmethod', 'formnovalidate', 'formtarget', 'type', 'control', '_vividAriaBehaviour', 'value', 'currentValue', 'initialValue', 'disabled', 'name', 'required', 'VIVID_VERSION', 'componentName']
+    properties: ['autofocus', 'formId', 'formaction', 'formenctype', 'formmethod', 'formnovalidate', 'formtarget', 'type', 'control', 'value', 'currentValue', 'initialValue', 'disabled', 'name', 'required', 'VIVID_VERSION', 'componentName']
 })
 
 VwcVividFoundationButton.displayName = 'VwcVividFoundationButton'

package/v3/VwcVividFoundationButton/package.json

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