@vonage/vivid-react 3.4.1 → 3.5.1

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'

package/v3/VwcVividFoundationButton/package.json

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

@@ -1,122 +0,0 @@
-import React, { ReactNode } from 'react';
-/** Some states and properties are applicable to all host language elements regardless of whether a role is applied.
-The following global states and properties are supported by all roles and by all base markup elements.
-https://www.w3.org/TR/wai-aria-1.1/#global_states
-
-This is intended to be used as a mixin. Be sure you extend FASTElement.
-* For more info on this Vivid element please visit https://vivid.deno.dev/components/a-riaglobal-states-and-properties
-* @param {'true' | 'false' | string | null} ariaAtomic - Indicates whether assistive technologies will present all, or only parts of,
-the changed region based on the change notifications defined by the aria-relevant attribute.
-https://www.w3.org/TR/wai-aria-1.1/#aria-atomic **attribute** `aria-atomic`
-* @param {'true' | 'false' | string | null} ariaBusy - Indicates an element is being modified and that assistive technologies MAY want to wait
-until the modifications are complete before exposing them to the user.
-https://www.w3.org/TR/wai-aria-1.1/#aria-busy **attribute** `aria-busy`
-* @param {string | null} ariaControls - Identifies the element (or elements) whose contents or presence are controlled by the current element.
-
-https://www.w3.org/TR/wai-aria-1.1/#aria-controls **attribute** `aria-controls`
-* @param {| 'page'
-        | 'step'
-        | 'location'
-        | 'date'
-        | 'time'
-        | 'true'
-        | 'false'
-        | string
-        | null} ariaCurrent - Indicates the element that represents the current item within a container or set of related elements.
-
-https://www.w3.org/TR/wai-aria-1.1/#aria-current **attribute** `aria-current`
-* @param {string | null} ariaDescribedby - Identifies the element (or elements) that describes the object.
-
-https://www.w3.org/TR/wai-aria-1.1/#aria-describedby **attribute** `aria-describedby`
-* @param {string | null} ariaDetails - Identifies the element that provides a detailed, extended description for the object.
-
-https://www.w3.org/TR/wai-aria-1.1/#aria-details **attribute** `aria-details`
-* @param {'true' | 'false' | string | null} ariaDisabled - Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
-
-https://www.w3.org/TR/wai-aria-1.1/#aria-disabled **attribute** `aria-disabled`
-* @param {string | null} ariaErrormessage - Identifies the element that provides an error message for the object.
-
-https://www.w3.org/TR/wai-aria-1.1/#aria-errormessage **attribute** `aria-errormessage`
-* @param {string | null} ariaFlowto - Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,
-allows assistive technology to override the general default of reading in document source order.
-
-https://www.w3.org/TR/wai-aria-1.1/#aria-flowto **attribute** `aria-flowto`
-* @param {| 'false'
-        | 'true'
-        | 'menu'
-        | 'listbox'
-        | 'tree'
-        | 'grid'
-        | 'dialog'
-        | string
-        | null} ariaHaspopup - Indicates the availability and type of interactive popup element,
-such as menu or dialog, that can be triggered by an element.
-
-https://www.w3.org/TR/wai-aria-1.1/#aria-haspopup **attribute** `aria-haspopup`
-* @param {'false' | 'true' | string | null} ariaHidden - Indicates whether the element is exposed to an accessibility API
-
-https://www.w3.org/TR/wai-aria-1.1/#aria-hidden **attribute** `aria-hidden`
-* @param {'false' | 'true' | 'grammar' | 'spelling' | string | null} ariaInvalid - Indicates the entered value does not conform to the format expected by the application.
-
-https://www.w3.org/TR/wai-aria-1.1/#aria-invalid **attribute** `aria-invalid`
-* @param {string | null} ariaKeyshortcuts - Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.
-
-https://www.w3.org/TR/wai-aria-1.1/#aria-keyshortcuts **attribute** `aria-keyshortcuts`
-* @param {string | null} ariaLabel - Defines a string value that labels the current element.
-
-https://www.w3.org/TR/wai-aria-1.1/#aria-label **attribute** `aria-label`
-* @param {string | null} ariaLabelledby - Identifies the element (or elements) that labels the current element.
-
-https://www.w3.org/TR/wai-aria-1.1/#aria-labelledby **attribute** `aria-labelledby`
-* @param {'assertive' | 'off' | 'polite' | string | null} ariaLive - Indicates that an element will be updated, and describes the types of updates the user agents,
-assistive technologies, and user can expect from the live region.
-
-https://www.w3.org/TR/wai-aria-1.1/#aria-live **attribute** `aria-live`
-* @param {string | null} ariaOwns - Identifies an element (or elements) in order to define a visual,
-functional, or contextual parent/child relationship between DOM elements
-where the DOM hierarchy cannot be used to represent the relationship.
-
-https://www.w3.org/TR/wai-aria-1.1/#aria-owns **attribute** `aria-owns`
-* @param {| 'additions'
-        | 'additions text'
-        | 'all'
-        | 'removals'
-        | 'text'
-        | string
-        | null} ariaRelevant - Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.
-
-https://www.w3.org/TR/wai-aria-1.1/#aria-relevant **attribute** `aria-relevant`
-* @param {string | null} ariaRoledescription - Defines a human-readable, author-localized description for the role of an element.
-
-https://www.w3.org/TR/wai-aria-1.1/#aria-roledescription **attribute** `aria-roledescription`
-*/
-declare const VwcARIAGlobalStatesAndProperties: {
-    (props: {
-        children?: ReactNode;
-        slot?: string | undefined;
-        id?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        ariaAtomic?: any;
-        ariaBusy?: any;
-        ariaControls?: string | null | undefined;
-        ariaCurrent?: any;
-        ariaDescribedby?: string | null | undefined;
-        ariaDetails?: string | null | undefined;
-        ariaDisabled?: any;
-        ariaErrormessage?: string | null | undefined;
-        ariaFlowto?: string | null | undefined;
-        ariaHaspopup?: any;
-        ariaHidden?: any;
-        ariaInvalid?: any;
-        ariaKeyshortcuts?: string | null | undefined;
-        ariaLabel?: string | null | undefined;
-        ariaLabelledby?: string | null | undefined;
-        ariaLive?: any;
-        ariaOwns?: string | null | undefined;
-        ariaRelevant?: any;
-        ariaRoledescription?: string | null | undefined;
-    }): JSX.Element;
-    displayName: string;
-};
-export default VwcARIAGlobalStatesAndProperties;