@vonage/vivid-react 3.4.0 → 3.5.0

package/v3/{VwcDatePickerBase → VwcDateTimePicker}/package.json

@@ -1,11 +1,11 @@
 {
-  "name": "@vonage/vivid-react-vvd3-date-picker-base",
-  "version": "4.16.2",
+  "name": "@vonage/vivid-react-vvd3-date-time-picker",
+  "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/{VwcFormAssociatedSlider → VwcDelegateAriaBehavior}/index.d.ts

@@ -1,17 +1,16 @@
 import React, { ReactNode } from 'react';
-/** VwcFormAssociatedSlider
-* For more info on this Vivid element please visit https://vivid.deno.dev/components/form-associated-slider
-* @param  proxy
+/** VwcDelegateAriaBehavior
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/delegate-aria-behavior
+
 */
-declare const VwcFormAssociatedSlider: {
+declare const VwcDelegateAriaBehavior: {
     (props: {
         children?: ReactNode;
         slot?: string | undefined;
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        proxy?: any;
     }): JSX.Element;
     displayName: string;
 };
-export default VwcFormAssociatedSlider;
+export default VwcDelegateAriaBehavior;

package/v3/VwcDelegateAriaBehavior/index.js

@@ -0,0 +1,208 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "",
+ "name": "DelegateAriaBehavior",
+ "members": [
+  {
+   "kind": "field",
+   "name": "boundProperties",
+   "type": {
+    "text": "BoundAriaProperties<T>"
+   },
+   "privacy": "private",
+   "readonly": true
+  },
+  {
+   "kind": "field",
+   "name": "forwardedProperties",
+   "type": {
+    "text": "Set<AriaPropertyName>"
+   },
+   "privacy": "private",
+   "readonly": true
+  },
+  {
+   "kind": "field",
+   "name": "isMitigationDisabled",
+   "type": {
+    "text": "boolean"
+   },
+   "privacy": "private",
+   "readonly": true
+  },
+  {
+   "kind": "field",
+   "name": "source",
+   "type": {
+    "text": "DelegatesAriaElement | null"
+   },
+   "privacy": "private",
+   "default": "null"
+  },
+  {
+   "kind": "method",
+   "name": "bind",
+   "parameters": [
+    {
+     "name": "source",
+     "type": {
+      "text": "DelegatesAriaElement"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "unbind"
+  },
+  {
+   "kind": "field",
+   "name": "bindingBehaviours",
+   "type": {
+    "text": "AttributeBindingBehavior[]"
+   },
+   "privacy": "private",
+   "default": "[]"
+  },
+  {
+   "kind": "method",
+   "name": "bindPropertiesToTarget",
+   "privacy": "private",
+   "parameters": [
+    {
+     "name": "source",
+     "type": {
+      "text": "DelegatesAriaElement"
+     }
+    },
+    {
+     "name": "boundProperties",
+     "type": {
+      "text": "BoundAriaProperties<T>"
+     }
+    },
+    {
+     "name": "target",
+     "type": {
+      "text": "HTMLElement"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "releasePropertyBindings",
+   "privacy": "private",
+   "parameters": [
+    {
+     "name": "source",
+     "type": {
+      "text": "DelegatesAriaElement"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "startForwardingPropertiesToTarget",
+   "privacy": "private",
+   "parameters": [
+    {
+     "name": "source",
+     "type": {
+      "text": "DelegatesAriaElement"
+     }
+    },
+    {
+     "name": "delegatedProperties",
+     "type": {
+      "text": "Set<AriaPropertyName>"
+     }
+    },
+    {
+     "name": "target",
+     "type": {
+      "text": "HTMLElement"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "stopForwardingPropertiesToTarget",
+   "privacy": "private",
+   "parameters": [
+    {
+     "name": "source",
+     "type": {
+      "text": "DelegatesAriaElement"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "field",
+   "name": "onSourceAriaPropertyChanged",
+   "privacy": "private"
+  },
+  {
+   "kind": "method",
+   "name": "forwardPropertyToTarget",
+   "privacy": "private",
+   "parameters": [
+    {
+     "name": "target",
+     "type": {
+      "text": "HTMLElement"
+     }
+    },
+    {
+     "name": "property",
+     "type": {
+      "text": "AriaPropertyName"
+     }
+    },
+    {
+     "name": "value",
+     "type": {
+      "text": "BoundValue"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "mitigateAccessibilityIssues",
+   "privacy": "private",
+   "parameters": [
+    {
+     "name": "source",
+     "type": {
+      "text": "AriaMixinElement"
+     }
+    }
+   ],
+   "description": "Sets role to presentation unless there are properties present that prohibit it.\nUsing role=\"presentation\" will cause non-global states or properties to be ignored.\nSee: https://www.w3.org/TR/wai-aria-1.3/#conflict_resolution_presentation_none"
+  }
+ ]
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerDelegateAriaBehavior } from '@vonage/vivid'
+
+registerDelegateAriaBehavior('vvd3')
+
+const VwcDelegateAriaBehavior = wrapper(`vvd3-delegate-aria-behavior`,  {
+    events: [],
+    attributes: [],
+    properties: []
+})
+
+VwcDelegateAriaBehavior.displayName = 'VwcDelegateAriaBehavior'
+
+export default VwcDelegateAriaBehavior

package/v3/{VwcDelegatesARIAButton → VwcDelegateAriaBehavior}/package.json

@@ -1,11 +1,11 @@
 {
-  "name": "@vonage/vivid-react-vvd3-delegates-ariabutton",
-  "version": "4.16.2",
+  "name": "@vonage/vivid-react-vvd3-delegate-aria-behavior",
+  "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/VwcDialPad/index.d.ts

@@ -13,6 +13,10 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {| string
         | null} endCallButtonLabel  **attribute** `end-call-button-label`
 * @param {string | null} callButtonLabel  **attribute** `call-button-label`
+* @param {boolean} autofocus - Indicates that this element should get focus after the page finishes loading. **attribute** `autofocus`
+* @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 VwcDialPad: {
     (props: {
@@ -39,6 +43,9 @@ declare const VwcDialPad: {
         noInput?: boolean | undefined;
         endCallButtonLabel?: any;
         callButtonLabel?: string | null | undefined;
+        autofocus?: boolean | undefined;
+        VIVID_VERSION?: string | undefined;
+        componentName?: string | undefined;
     }): JSX.Element;
     displayName: string;
 };
@@ -57,6 +64,10 @@ export default VwcDialPad;
 * @param {| string
         | null} endCallButtonLabel  **attribute** `end-call-button-label`
 * @param {string | null} callButtonLabel  **attribute** `call-button-label`
+* @param {boolean} autofocus - Indicates that this element should get focus after the page finishes loading. **attribute** `autofocus`
+* @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 VwcDialPad: {
     (props: {
@@ -83,6 +94,9 @@ declare const VwcDialPad: {
         noInput?: boolean | undefined;
         endCallButtonLabel?: any;
         callButtonLabel?: string | null | undefined;
+        autofocus?: boolean | undefined;
+        VIVID_VERSION?: string | undefined;
+        componentName?: string | undefined;
     }): JSX.Element;
     displayName: string;
 };
@@ -101,6 +115,10 @@ export default VwcDialPad;
 * @param {| string
         | null} endCallButtonLabel  **attribute** `end-call-button-label`
 * @param {string | null} callButtonLabel  **attribute** `call-button-label`
+* @param {boolean} autofocus - Indicates that this element should get focus after the page finishes loading. **attribute** `autofocus`
+* @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 VwcDialPad: {
     (props: {
@@ -127,6 +145,9 @@ declare const VwcDialPad: {
         noInput?: boolean | undefined;
         endCallButtonLabel?: any;
         callButtonLabel?: string | null | undefined;
+        autofocus?: boolean | undefined;
+        VIVID_VERSION?: string | undefined;
+        componentName?: string | undefined;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcDialPad/index.js

@@ -102,7 +102,7 @@ registerDialPad('vvd3')
 const VwcDialPad = wrapper(`vvd3-dial-pad`,  {
     events: [{"name":"end-call","propName":"onEndCall"},{"name":"dial","propName":"onDial"},{"name":"keypad-click","propName":"onKeypadClick"},{"name":"focus","propName":"onFocus"},{"name":"blur","propName":"onBlur"},{"name":"input","propName":"onInput"},{"name":"change","propName":"onChange"}],
     attributes: [],
-    properties: ['helperText', 'placeholder', 'value', 'pattern', 'disabled', 'pending', 'callActive', 'noCall', 'noInput', 'endCallButtonLabel', 'callButtonLabel']
+    properties: ['helperText', 'placeholder', 'value', 'pattern', 'disabled', 'pending', 'callActive', 'noCall', 'noInput', 'endCallButtonLabel', 'callButtonLabel', 'autofocus', 'VIVID_VERSION', 'componentName']
 })
 
 VwcDialPad.displayName = 'VwcDialPad'
@@ -181,6 +181,54 @@ export default VwcDialPad
    "default": "null",
    "privacy": "public",
    "description": ""
+  },
+  {
+   "kind": "field",
+   "name": "autofocus",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Indicates that this element should get focus after the page finishes loading.",
+   "privacy": "public"
+  },
+  {
+   "kind": "method",
+   "name": "focus",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
+   "description": "Moves focus into the diapl-pad.",
+   "privacy": "public"
+  },
+  {
+   "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": [
@@ -254,6 +302,7 @@ export default VwcDialPad
    "fieldName": "placeholder"
   },
   {
+   "name": "value",
    "type": {
     "text": "string"
    },
@@ -262,6 +311,7 @@ export default VwcDialPad
    "fieldName": "value"
   },
   {
+   "name": "pattern",
    "type": {
     "text": "string"
    },
@@ -275,7 +325,7 @@ registerDialPad('vvd3')
 const VwcDialPad = wrapper(`vvd3-dial-pad`,  {
     events: [{"name":"end-call","propName":"onEndCall"},{"name":"dial","propName":"onDial"},{"name":"keypad-click","propName":"onKeypadClick"},{"name":"focus","propName":"onFocus"},{"name":"blur","propName":"onBlur"},{"name":"input","propName":"onInput"},{"name":"change","propName":"onChange"}],
     attributes: [],
-    properties: ['helperText', 'placeholder', 'value', 'pattern', 'disabled', 'pending', 'callActive', 'noCall', 'noInput', 'endCallButtonLabel', 'callButtonLabel']
+    properties: ['helperText', 'placeholder', 'value', 'pattern', 'disabled', 'pending', 'callActive', 'noCall', 'noInput', 'endCallButtonLabel', 'callButtonLabel', 'autofocus', 'VIVID_VERSION', 'componentName']
 })
 
 VwcDialPad.displayName = 'VwcDialPad'
@@ -286,6 +336,7 @@ export default VwcDialPad
    "fieldName": "pattern"
   },
   {
+   "name": "disabled",
    "type": {
     "text": "boolean"
    },
@@ -294,6 +345,7 @@ export default VwcDialPad
    "fieldName": "disabled"
   },
   {
+   "name": "pending",
    "type": {
     "text": "boolean"
    },
@@ -343,11 +395,26 @@ export default VwcDialPad
    },
    "default": "null",
    "fieldName": "callButtonLabel"
+  },
+  {
+   "name": "autofocus",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Indicates that this element should get focus after the page finishes loading.",
+   "fieldName": "autofocus"
+  }
+ ],
+ "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,
@@ -355,11 +422,11 @@ export default VwcDialPad
   "vueModels": [
    {
     "name": "modelValue",
-    "attributeName": "value",
+    "propName": "value",
     "eventNames": [
      "input"
     ],
-    "valueMapping": "(event.target as any).value"
+    "valueMapping": "event.currentTarget.value"
    }
   ]
  }
@@ -373,7 +440,7 @@ registerDialPad('vvd3')
 const VwcDialPad = wrapper(`vvd3-dial-pad`,  {
     events: [{"name":"end-call","propName":"onEndCall"},{"name":"dial","propName":"onDial"},{"name":"keypad-click","propName":"onKeypadClick"},{"name":"focus","propName":"onFocus"},{"name":"blur","propName":"onBlur"},{"name":"input","propName":"onInput"},{"name":"change","propName":"onChange"}],
     attributes: [],
-    properties: ['helperText', 'placeholder', 'value', 'pattern', 'disabled', 'pending', 'callActive', 'noCall', 'noInput', 'endCallButtonLabel', 'callButtonLabel']
+    properties: ['helperText', 'placeholder', 'value', 'pattern', 'disabled', 'pending', 'callActive', 'noCall', 'noInput', 'endCallButtonLabel', 'callButtonLabel', 'autofocus', 'VIVID_VERSION', 'componentName']
 })
 
 VwcDialPad.displayName = 'VwcDialPad'

package/v3/VwcDialPad/package.json

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

@@ -7,7 +7,6 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {string | undefined} subtitle  **attribute** `subtitle`
 * @param {string | undefined} headline  **attribute** `headline`
 * @param {boolean} fullWidthBody  **attribute** `full-width-body`
-* @param {string | null} ariaLabel  **attribute** `aria-label`
 * @param {| string
         | null} dismissButtonAriaLabel  **attribute** `dismiss-button-aria-label`
 * @param {boolean} noLightDismiss - Prevents the dialog from being dismissed when clicking outside it. **attribute** `no-light-dismiss`
@@ -15,7 +14,12 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {boolean} noDismissButton - Hides the dismiss button. **attribute** `no-dismiss-button`
 * @param {boolean} nonDismissible - Disables all means of dismissal for the dialog. **attribute** `non-dismissible`
 * @param {boolean} modal - Controls whether the dialog is modal. **attribute** `modal`
+* @param {boolean} scrollableBody - Makes only the element's content area between the header and footer scrollable **attribute** `scrollable-body`
 * @param {string} returnValue
+* @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 VwcDialog: {
     (props: {
@@ -33,14 +37,17 @@ declare const VwcDialog: {
         subtitle?: string | undefined;
         headline?: string | undefined;
         fullWidthBody?: boolean | undefined;
-        ariaLabel?: string | null | undefined;
         dismissButtonAriaLabel?: any;
         noLightDismiss?: boolean | undefined;
         noDismissOnEsc?: boolean | undefined;
         noDismissButton?: boolean | undefined;
         nonDismissible?: boolean | undefined;
         modal?: boolean | undefined;
+        scrollableBody?: boolean | undefined;
         returnValue?: string | undefined;
+        _vividAriaBehaviour?: any;
+        VIVID_VERSION?: string | undefined;
+        componentName?: string | undefined;
     }): JSX.Element;
     displayName: string;
 };