@vonage/vivid-react 3.4.0 → 3.5.0

package/v3/VwcVideoPlayer/index.js

@@ -66,7 +66,7 @@ Code in this file were generated using following JSON:
    "kind": "field",
    "name": "skipBy",
    "type": {
-    "text": "MediaSkipBy"
+    "text": "VideoPlayerMediaSkipBy"
    },
    "description": "Allows the video to loop back to the beginning when finished",
    "privacy": "public"
@@ -116,6 +116,33 @@ Code in this file were generated using following JSON:
   {
    "kind": "method",
    "name": "#setupPlayerEvents"
+  },
+  {
+   "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": [
@@ -159,6 +186,7 @@ Code in this file were generated using following JSON:
    "fieldName": "src"
   },
   {
+   "name": "autoplay",
    "type": {
     "text": "boolean"
    },
@@ -167,6 +195,7 @@ Code in this file were generated using following JSON:
    "fieldName": "autoplay"
   },
   {
+   "name": "loop",
    "type": {
     "text": "boolean"
    },
@@ -182,22 +211,28 @@ Code in this file were generated using following JSON:
    "default": "DEFAULT_PLAYBACK_RATES",
    "description": "Sets the available playback rates. When an empty string, no choices will be available",
    "resolveInitializer": {
-    "module": "libs/components/src/lib/video-player/video-player.ts"
+    "module": "src/lib/video-player/video-player.ts"
    },
    "fieldName": "playbackRates"
   },
   {
    "name": "skip-by",
    "type": {
-    "text": "MediaSkipBy"
+    "text": "VideoPlayerMediaSkipBy"
    },
    "description": "Allows the video to loop back to the beginning when finished",
    "fieldName": "skipBy"
   }
  ],
+ "mixins": [
+  {
+   "name": "Localized",
+   "module": "/src/shared/patterns"
+  }
+ ],
  "superclass": {
   "name": "VividElement",
-  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
+  "module": "/src/shared/foundation/vivid-element/vivid-element"
  },
  "vividComponent": {
   "public": true,
@@ -213,7 +248,7 @@ registerVideoPlayer('vvd3')
 const VwcVideoPlayer = wrapper(`vvd3-video-player`,  {
     events: [{"name":"ended","propName":"onEnded"},{"name":"pause","propName":"onPause"},{"name":"play","propName":"onPlay"}],
     attributes: [],
-    properties: ['poster', 'src', 'autoplay', 'loop', 'playbackRates', 'skipBy']
+    properties: ['poster', 'src', 'autoplay', 'loop', 'playbackRates', 'skipBy', 'VIVID_VERSION', 'componentName']
 })
 
 VwcVideoPlayer.displayName = 'VwcVideoPlayer'

package/v3/VwcVideoPlayer/package.json

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

@@ -0,0 +1,20 @@
+import React, { ReactNode } from 'react';
+/** VwcVisuallyHidden
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/visually-hidden
+* @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 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;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcVisuallyHidden;

package/v3/VwcVisuallyHidden/index.js

@@ -0,0 +1,61 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "",
+ "name": "VisuallyHidden",
+ "superclass": {
+  "name": "VividElement",
+  "module": "/src/shared/foundation/vivid-element/vivid-element"
+ },
+ "vividComponent": {
+  "name": "visually-hidden"
+ },
+ "members": [
+  {
+   "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"
+   }
+  }
+ ]
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerVisuallyHidden } from '@vonage/vivid'
+
+registerVisuallyHidden('vvd3')
+
+const VwcVisuallyHidden = wrapper(`vvd3-visually-hidden`,  {
+    events: [],
+    attributes: [],
+    properties: ['VIVID_VERSION', 'componentName']
+})
+
+VwcVisuallyHidden.displayName = 'VwcVisuallyHidden'
+
+export default VwcVisuallyHidden

package/v3/VwcVisuallyHidden/package.json

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

package/v3/VwcVividElement/index.d.ts

@@ -1,7 +1,11 @@
 import React, { ReactNode } from 'react';
 /** Base class for all Vivid elements.
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/vivid-element
-
+* @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 {boolean} specialHandling
+* @param {VividAriaBehaviour} _vividAriaBehaviour
 */
 declare const VwcVividElement: {
     (props: {
@@ -10,6 +14,10 @@ declare const VwcVividElement: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        VIVID_VERSION?: string | undefined;
+        componentName?: string | undefined;
+        specialHandling?: boolean | undefined;
+        _vividAriaBehaviour?: any;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcVividElement/index.js

@@ -7,6 +7,77 @@ Code in this file were generated using following JSON:
  "kind": "class",
  "description": "Base class for all Vivid elements.",
  "name": "VividElement",
+ "members": [
+  {
+   "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"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "componentName",
+   "type": {
+    "text": "string"
+   },
+   "static": true,
+   "description": "Core component name, without prefix"
+  },
+  {
+   "kind": "field",
+   "name": "specialHandling",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "inheritedFrom": {
+    "name": "AriaMixin",
+    "module": "src/shared/aria/aria-mixin.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "_vividAriaBehaviour",
+   "type": {
+    "text": "VividAriaBehaviour"
+   },
+   "default": "'default'",
+   "inheritedFrom": {
+    "name": "AriaMixin",
+    "module": "src/shared/aria/aria-mixin.ts"
+   }
+  },
+  {
+   "kind": "method",
+   "name": "#handleReplacedProp",
+   "parameters": [
+    {
+     "name": "replacedProp",
+     "type": {
+      "text": "ReplacedPropConfiguration<any, any>"
+     }
+    }
+   ],
+   "inheritedFrom": {
+    "name": "ReplacedPropHandling",
+    "module": "src/shared/deprecation/replaced-props.ts"
+   }
+  }
+ ],
+ "mixins": [
+  {
+   "name": "AriaMixin",
+   "module": "/src/shared/aria/aria-mixin"
+  },
+  {
+   "name": "ReplacedPropHandling",
+   "module": "/src/shared/deprecation/replaced-props"
+  }
+ ],
  "superclass": {
   "name": "FASTElement",
   "package": "@microsoft/fast-element"
@@ -22,7 +93,7 @@ registerVividElement('vvd3')
 const VwcVividElement = wrapper(`vvd3-vivid-element`,  {
     events: [],
     attributes: [],
-    properties: []
+    properties: ['VIVID_VERSION', 'componentName', 'specialHandling', '_vividAriaBehaviour']
 })
 
 VwcVividElement.displayName = 'VwcVividElement'

package/v3/VwcVividElement/package.json

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

@@ -11,7 +11,17 @@ 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  proxy
+* @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 VwcVividFoundationButton: {
     (props: {
@@ -29,7 +39,15 @@ declare const VwcVividFoundationButton: {
         formtarget?: any;
         type?: any;
         control?: any;
-        proxy?: 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;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcVividFoundationButton/index.js

@@ -203,15 +203,210 @@ Code in this file were generated using following JSON:
   },
   {
    "kind": "field",
-   "name": "proxy",
+   "name": "_vividAriaBehaviour",
+   "default": "'delegate'",
+   "type": {
+    "text": "'delegate'"
+   },
    "inheritedFrom": {
-    "name": "FormAssociatedButton",
-    "module": "libs/components/src/shared/foundation/button/button.form-associated.ts"
+    "name": "DelegatesAria",
+    "module": "src/shared/aria/delegates-aria.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "validity",
+   "type": {
+    "text": "ValidityState"
+   },
+   "description": "Returns the validity state of the element",
+   "readonly": true,
+   "inheritedFrom": {
+    "name": "FormAssociated",
+    "module": "src/shared/foundation/form-associated/form-associated.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "form",
+   "type": {
+    "text": "HTMLFormElement | null"
+   },
+   "description": "Retrieve a reference to the associated form.\nReturns null if not associated to any form.",
+   "readonly": true,
+   "inheritedFrom": {
+    "name": "FormAssociated",
+    "module": "src/shared/foundation/form-associated/form-associated.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "validationMessage",
+   "type": {
+    "text": "string"
+   },
+   "description": "Retrieve the localized validation message,\nor custom validation message if set.",
+   "readonly": true,
+   "inheritedFrom": {
+    "name": "FormAssociated",
+    "module": "src/shared/foundation/form-associated/form-associated.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "willValidate",
+   "type": {
+    "text": "boolean"
+   },
+   "description": "Whether the element will be validated when the\nform is submitted",
+   "readonly": true,
+   "inheritedFrom": {
+    "name": "FormAssociated",
+    "module": "src/shared/foundation/form-associated/form-associated.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "labels",
+   "type": {
+    "text": "ReadonlyArray<Node>"
+   },
+   "description": "A reference to all associated label elements",
+   "readonly": true,
+   "inheritedFrom": {
+    "name": "FormAssociated",
+    "module": "src/shared/foundation/form-associated/form-associated.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "value",
+   "type": {
+    "text": "string"
+   },
+   "description": "The current value of the element.",
+   "inheritedFrom": {
+    "name": "FormAssociated",
+    "module": "src/shared/foundation/form-associated/form-associated.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "currentValue",
+   "inheritedFrom": {
+    "name": "FormAssociated",
+    "module": "src/shared/foundation/form-associated/form-associated.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "initialValue",
+   "type": {
+    "text": "string"
+   },
+   "description": "The default value of the element. This value sets the `value` property\nonly when the `value` property has not been explicitly set.",
+   "inheritedFrom": {
+    "name": "FormAssociated",
+    "module": "src/shared/foundation/form-associated/form-associated.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "disabled",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Sets the element's disabled state. A disabled element will not be included during form submission.",
+   "inheritedFrom": {
+    "name": "FormAssociated",
+    "module": "src/shared/foundation/form-associated/form-associated.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "name",
+   "type": {
+    "text": "string"
+   },
+   "description": "The name of the element. This element's value will be surfaced during form submission under the provided name.",
+   "inheritedFrom": {
+    "name": "FormAssociated",
+    "module": "src/shared/foundation/form-associated/form-associated.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "required",
+   "type": {
+    "text": "boolean"
+   },
+   "description": "Require the field to be completed prior to form submission.",
+   "default": "false",
+   "inheritedFrom": {
+    "name": "FormAssociated",
+    "module": "src/shared/foundation/form-associated/form-associated.ts"
+   }
+  },
+  {
+   "kind": "method",
+   "name": "checkValidity",
+   "return": {
+    "type": {
+     "text": "boolean"
+    }
+   },
+   "description": "Return the current validity of the element.",
+   "inheritedFrom": {
+    "name": "FormAssociated",
+    "module": "src/shared/foundation/form-associated/form-associated.ts"
+   }
+  },
+  {
+   "kind": "method",
+   "name": "reportValidity",
+   "return": {
+    "type": {
+     "text": "boolean"
+    }
+   },
+   "description": "Return the current validity of the element.\nIf false, fires an invalid event at the element.",
+   "inheritedFrom": {
+    "name": "FormAssociated",
+    "module": "src/shared/foundation/form-associated/form-associated.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": [
   {
+   "name": "autofocus",
    "type": {
     "text": "boolean"
    },
@@ -251,6 +446,7 @@ Code in this file were generated using following JSON:
    "fieldName": "formmethod"
   },
   {
+   "name": "formnovalidate",
    "type": {
     "text": "boolean"
    },
@@ -272,11 +468,83 @@ Code in this file were generated using following JSON:
    },
    "description": "The button type.",
    "fieldName": "type"
+  },
+  {
+   "name": "current-value",
+   "type": {
+    "text": "string"
+   },
+   "description": "The current value of the element.",
+   "fieldName": "value",
+   "inheritedFrom": {
+    "name": "FormAssociated",
+    "module": "src/shared/foundation/form-associated/form-associated.ts"
+   }
+  },
+  {
+   "name": "value",
+   "type": {
+    "text": "string"
+   },
+   "description": "The default value of the element. This value sets the `value` property\nonly when the `value` property has not been explicitly set.",
+   "fieldName": "initialValue",
+   "inheritedFrom": {
+    "name": "FormAssociated",
+    "module": "src/shared/foundation/form-associated/form-associated.ts"
+   }
+  },
+  {
+   "name": "disabled",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Sets the element's disabled state. A disabled element will not be included during form submission.",
+   "fieldName": "disabled",
+   "inheritedFrom": {
+    "name": "FormAssociated",
+    "module": "src/shared/foundation/form-associated/form-associated.ts"
+   }
+  },
+  {
+   "name": "name",
+   "type": {
+    "text": "string"
+   },
+   "description": "The name of the element. This element's value will be surfaced during form submission under the provided name.",
+   "fieldName": "name",
+   "inheritedFrom": {
+    "name": "FormAssociated",
+    "module": "src/shared/foundation/form-associated/form-associated.ts"
+   }
+  },
+  {
+   "name": "required",
+   "type": {
+    "text": "boolean"
+   },
+   "description": "Require the field to be completed prior to form submission.",
+   "default": "false",
+   "fieldName": "required",
+   "inheritedFrom": {
+    "name": "FormAssociated",
+    "module": "src/shared/foundation/form-associated/form-associated.ts"
+   }
+  }
+ ],
+ "mixins": [
+  {
+   "name": "DelegatesAria",
+   "module": "/src/shared/aria/delegates-aria"
+  },
+  {
+   "name": "FormAssociated",
+   "module": "/src/shared/foundation/form-associated/form-associated"
   }
  ],
  "superclass": {
-  "name": "FormAssociatedButton",
-  "module": "/libs/components/src/shared/foundation/button/button.form-associated"
+  "name": "VividElement",
+  "module": "/src/shared/foundation/vivid-element/vivid-element"
  }
 }
 */
@@ -288,7 +556,7 @@ registerVividFoundationButton('vvd3')
 const VwcVividFoundationButton = wrapper(`vvd3-vivid-foundation-button`,  {
     events: [],
     attributes: [],
-    properties: ['autofocus', 'formId', 'formaction', 'formenctype', 'formmethod', 'formnovalidate', 'formtarget', 'type', 'control', 'proxy']
+    properties: ['autofocus', 'formId', 'formaction', 'formenctype', 'formmethod', 'formnovalidate', 'formtarget', 'type', 'control', '_vividAriaBehaviour', 'value', 'currentValue', 'initialValue', 'disabled', 'name', 'required', 'VIVID_VERSION', 'componentName']
 })
 
 VwcVividFoundationButton.displayName = 'VwcVividFoundationButton'