@vonage/vivid-react 3.2.0 → 3.3.1

package/v3/VwcTextAnchor/package.json

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

package/v3/VwcTextArea/index.d.ts

@@ -1,7 +1,21 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcTextArea
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/text-area
+* @param {boolean} readOnly - When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information. **attribute** `readOnly`
+* @param {TextAreaResize} resize - The resize mode of the element. **attribute** `resize`
+* @param {boolean} autofocus - Indicates that this element should get focus after the page finishes loading. **attribute** `autofocus`
+* @param {string} formId - The https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id | id of the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form | form the element is associated to **attribute** `form`
+* @param {string} list - Allows associating a https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist to the element by https://developer.mozilla.org/en-US/docs/Web/API/Element/id. **attribute** `list`
+* @param {number} maxlength - The maximum number of characters a user can enter. **attribute** `maxlength`
+* @param {number} minlength - The minimum number of characters a user can enter. **attribute** `minlength`
+* @param {string} name - The name of the element. **attribute** `name`
+* @param {string} placeholder - Sets the placeholder value of the element, generally used to provide a hint to the user. **attribute** `placeholder`
+* @param {number} cols - Sizes the element horizontally by a number of character columns. **attribute** `cols`
+* @param {number} rows - Sizes the element vertically by a number of character rows. **attribute** `rows`
+* @param {boolean} spellcheck - Sets if the element is eligible for spell checking
+but the UA. **attribute** `spellcheck`
 * @param {TextAreaWrap | undefined} wrap - The wrap attribute **attribute** `wrap`
+* @param  proxy
 */
 declare const VwcTextArea: {
     (props: {
@@ -12,7 +26,20 @@ declare const VwcTextArea: {
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         onChange?: ((event: SyntheticEvent) => void) | undefined;
         onInput?: ((event: SyntheticEvent) => void) | undefined;
+        readOnly?: boolean | undefined;
+        resize?: any;
+        autofocus?: boolean | undefined;
+        formId?: string | undefined;
+        list?: string | undefined;
+        maxlength?: number | undefined;
+        minlength?: number | undefined;
+        name?: string | undefined;
+        placeholder?: string | undefined;
+        cols?: number | undefined;
+        rows?: number | undefined;
+        spellcheck?: boolean | undefined;
         wrap?: any;
+        proxy?: any;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcTextArea/index.js

@@ -112,6 +112,131 @@ Code in this file were generated using following JSON:
   }
  ],
  "members": [
+  {
+   "kind": "field",
+   "name": "readOnly",
+   "type": {
+    "text": "boolean"
+   },
+   "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "resize",
+   "type": {
+    "text": "TextAreaResize"
+   },
+   "description": "The resize mode of the element.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "autofocus",
+   "type": {
+    "text": "boolean"
+   },
+   "description": "Indicates that this element should get focus after the page finishes loading.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "formId",
+   "type": {
+    "text": "string"
+   },
+   "description": "The https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id | id of the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form | form the element is associated to",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "list",
+   "type": {
+    "text": "string"
+   },
+   "description": "Allows associating a https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist to the element by https://developer.mozilla.org/en-US/docs/Web/API/Element/id.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "maxlength",
+   "type": {
+    "text": "number"
+   },
+   "description": "The maximum number of characters a user can enter.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "minlength",
+   "type": {
+    "text": "number"
+   },
+   "description": "The minimum number of characters a user can enter.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "name",
+   "type": {
+    "text": "string"
+   },
+   "description": "The name of the element.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "placeholder",
+   "type": {
+    "text": "string"
+   },
+   "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "cols",
+   "type": {
+    "text": "number"
+   },
+   "default": "20",
+   "description": "Sizes the element horizontally by a number of character columns.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "rows",
+   "type": {
+    "text": "number"
+   },
+   "description": "Sizes the element vertically by a number of character rows.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "spellcheck",
+   "type": {
+    "text": "boolean"
+   },
+   "description": "Sets if the element is eligible for spell checking\nbut the UA.",
+   "privacy": "public"
+  },
+  {
+   "kind": "method",
+   "name": "select",
+   "description": "Selects all the text in the text area",
+   "privacy": "public"
+  },
+  {
+   "kind": "method",
+   "name": "validate",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
+   "description": "{@inheritDoc (FormAssociated:interface).validate}"
+  },
   {
    "kind": "field",
    "name": "wrap",
@@ -128,6 +253,14 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "Reflector<this, HTMLTextAreaElement> | undefined"
    }
+  },
+  {
+   "kind": "field",
+   "name": "proxy",
+   "inheritedFrom": {
+    "name": "FormAssociatedTextArea",
+    "module": "libs/components/src/lib/text-area/text-area.form-associated.ts"
+   }
   }
  ],
  "events": [
@@ -140,6 +273,96 @@ Code in this file were generated using following JSON:
   }
  ],
  "attributes": [
+  {
+   "type": {
+    "text": "boolean"
+   },
+   "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
+   "fieldName": "readOnly"
+  },
+  {
+   "name": "resize",
+   "type": {
+    "text": "TextAreaResize"
+   },
+   "description": "The resize mode of the element.",
+   "fieldName": "resize"
+  },
+  {
+   "type": {
+    "text": "boolean"
+   },
+   "description": "Indicates that this element should get focus after the page finishes loading.",
+   "fieldName": "autofocus"
+  },
+  {
+   "name": "form",
+   "type": {
+    "text": "string"
+   },
+   "description": "The https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id | id of the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form | form the element is associated to",
+   "fieldName": "formId"
+  },
+  {
+   "name": "list",
+   "type": {
+    "text": "string"
+   },
+   "description": "Allows associating a https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist to the element by https://developer.mozilla.org/en-US/docs/Web/API/Element/id.",
+   "fieldName": "list"
+  },
+  {
+   "type": {
+    "text": "number"
+   },
+   "description": "The maximum number of characters a user can enter.",
+   "fieldName": "maxlength"
+  },
+  {
+   "type": {
+    "text": "number"
+   },
+   "description": "The minimum number of characters a user can enter.",
+   "fieldName": "minlength"
+  },
+  {
+   "name": "name",
+   "type": {
+    "text": "string"
+   },
+   "description": "The name of the element.",
+   "fieldName": "name"
+  },
+  {
+   "name": "placeholder",
+   "type": {
+    "text": "string"
+   },
+   "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
+   "fieldName": "placeholder"
+  },
+  {
+   "type": {
+    "text": "number"
+   },
+   "default": "20",
+   "description": "Sizes the element horizontally by a number of character columns.",
+   "fieldName": "cols"
+  },
+  {
+   "type": {
+    "text": "number"
+   },
+   "description": "Sizes the element vertically by a number of character rows.",
+   "fieldName": "rows"
+  },
+  {
+   "type": {
+    "text": "boolean"
+   },
+   "description": "Sets if the element is eligible for spell checking\nbut the UA.",
+   "fieldName": "spellcheck"
+  },
   {
    "name": "wrap",
    "type": {
@@ -150,8 +373,8 @@ Code in this file were generated using following JSON:
   }
  ],
  "superclass": {
-  "name": "FoundationTextArea",
-  "package": "@microsoft/fast-foundation"
+  "name": "FormAssociatedTextArea",
+  "module": "/libs/components/src/lib/text-area/text-area.form-associated"
  },
  "vividComponent": {
   "public": true,
@@ -160,7 +383,9 @@ Code in this file were generated using following JSON:
    {
     "name": "modelValue",
     "attributeName": "value",
-    "eventName": "input",
+    "eventNames": [
+     "input"
+    ],
     "valueMapping": "(event.target as HTMLInputElement).value"
    }
   ]
@@ -175,7 +400,7 @@ registerTextArea('vvd3')
 const VwcTextArea = wrapper(`vvd3-text-area`,  {
     events: [{"name":"input","propName":"onInput"},{"name":"change","propName":"onChange"}],
     attributes: [],
-    properties: ['wrap']
+    properties: ['readOnly', 'resize', 'autofocus', 'formId', 'list', 'maxlength', 'minlength', 'name', 'placeholder', 'cols', 'rows', 'spellcheck', 'wrap', 'proxy']
 })
 
 VwcTextArea.displayName = 'VwcTextArea'

package/v3/VwcTextArea/package.json

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

package/v3/VwcTextField/index.d.ts

@@ -1,13 +1,27 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** Base class for text-field
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/text-field
+* @param {boolean} readOnly - When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information. **attribute** `readonly`
+* @param {boolean} autofocus - Indicates that this element should get focus after the page finishes loading. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus | autofocus HTML attribute for more information. **attribute** `autofocus`
+* @param {string} placeholder - Sets the placeholder value of the element, generally used to provide a hint to the user. **attribute** `placeholder`
+* @param {TextFieldType} type - Allows setting a type or mode of text. **attribute** `type`
+* @param {string} list - Allows associating a https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist to the element by https://developer.mozilla.org/en-US/docs/Web/API/Element/id. **attribute** `list`
+* @param {number} maxlength - The maximum number of characters a user can enter. **attribute** `maxlength`
+* @param {number} minlength - The minimum number of characters a user can enter. **attribute** `minlength`
+* @param {string} pattern - A regular expression that the value must match to pass validation. **attribute** `pattern`
+* @param {number} size - Sets the width of the element to a specified number of characters. **attribute** `size`
+* @param {boolean} spellcheck - Controls whether or not to enable spell checking for the input field, or if the default spell checking configuration should be used. **attribute** `spellcheck`
 * @param {TextFieldAppearance | undefined} appearance  **attribute** `appearance`
 * @param {TextFieldShape | undefined} shape  **attribute** `shape`
 * @param {string | undefined} autoComplete  **attribute** `autoComplete`
+* @param {TextFieldSize | undefined} scale - The size the text-field should have. **attribute** `scale`
+* @param {string} inputMode - Hints at the type of data that might be entered by the user while editing the element or its contents.
+This allows a browser to display an appropriate virtual keyboard. **attribute** `inputmode`
 * @param {HTMLElement[] | undefined} leadingActionItemsSlottedContent
+* @param  proxy
 * @param {string | undefined} icon
 * @param {string | undefined} value
-* @param {string | undefined} placeholder
+* @param {string | undefined} placeholder  **attribute** `placeholder`
 * @param {string | undefined} label
 * @param {any} onInput
 */
@@ -20,13 +34,25 @@ declare const VwcTextField: {
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         onChange?: ((event: SyntheticEvent) => void) | undefined;
         onInput?: ((event: SyntheticEvent) => void) | undefined;
+        readOnly?: boolean | undefined;
+        autofocus?: boolean | undefined;
+        placeholder?: string | undefined;
+        type?: any;
+        list?: string | undefined;
+        maxlength?: number | undefined;
+        minlength?: number | undefined;
+        pattern?: string | undefined;
+        size?: number | undefined;
+        spellcheck?: boolean | undefined;
         appearance?: any;
         shape?: any;
         autoComplete?: string | undefined;
+        scale?: any;
+        inputMode?: string | undefined;
         leadingActionItemsSlottedContent?: any;
+        proxy?: any;
         icon?: string | undefined;
         value?: string | undefined;
-        placeholder?: string | undefined;
         label?: string | undefined;
     }): JSX.Element;
     displayName: string;

package/v3/VwcTextField/index.js

@@ -56,6 +56,107 @@ Code in this file were generated using following JSON:
   }
  ],
  "members": [
+  {
+   "kind": "field",
+   "name": "readOnly",
+   "type": {
+    "text": "boolean"
+   },
+   "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "autofocus",
+   "type": {
+    "text": "boolean"
+   },
+   "description": "Indicates that this element should get focus after the page finishes loading. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus | autofocus HTML attribute for more information.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "placeholder",
+   "type": {
+    "text": "string"
+   },
+   "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "type",
+   "type": {
+    "text": "TextFieldType"
+   },
+   "description": "Allows setting a type or mode of text.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "list",
+   "type": {
+    "text": "string"
+   },
+   "description": "Allows associating a https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist to the element by https://developer.mozilla.org/en-US/docs/Web/API/Element/id.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "maxlength",
+   "type": {
+    "text": "number"
+   },
+   "description": "The maximum number of characters a user can enter.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "minlength",
+   "type": {
+    "text": "number"
+   },
+   "description": "The minimum number of characters a user can enter.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "pattern",
+   "type": {
+    "text": "string"
+   },
+   "description": "A regular expression that the value must match to pass validation.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "size",
+   "type": {
+    "text": "number"
+   },
+   "description": "Sets the width of the element to a specified number of characters.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "spellcheck",
+   "type": {
+    "text": "boolean"
+   },
+   "description": "Controls whether or not to enable spell checking for the input field, or if the default spell checking configuration should be used.",
+   "privacy": "public"
+  },
+  {
+   "kind": "method",
+   "name": "select",
+   "description": "Selects all the text in the text field",
+   "privacy": "public"
+  },
+  {
+   "kind": "method",
+   "name": "validate",
+   "description": "{@inheritDoc (FormAssociated:interface).validate}"
+  },
   {
    "kind": "field",
    "name": "appearance",
@@ -77,6 +178,24 @@ Code in this file were generated using following JSON:
     "text": "string | undefined"
    }
   },
+  {
+   "kind": "field",
+   "name": "scale",
+   "type": {
+    "text": "TextFieldSize | undefined"
+   },
+   "description": "The size the text-field should have.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "inputMode",
+   "type": {
+    "text": "string"
+   },
+   "description": "Hints at the type of data that might be entered by the user while editing the element or its contents.\nThis allows a browser to display an appropriate virtual keyboard.",
+   "privacy": "public"
+  },
   {
    "kind": "field",
    "name": "leadingActionItemsSlottedContent",
@@ -131,6 +250,14 @@ Code in this file were generated using following JSON:
   {
    "kind": "method",
    "name": "#updateMirroredHelperText"
+  },
+  {
+   "kind": "field",
+   "name": "proxy",
+   "inheritedFrom": {
+    "name": "FormAssociatedTextField",
+    "module": "libs/components/src/lib/text-field/text-field.form-associated.ts"
+   }
   }
  ],
  "events": [
@@ -143,6 +270,81 @@ Code in this file were generated using following JSON:
   }
  ],
  "attributes": [
+  {
+   "name": "readonly",
+   "type": {
+    "text": "boolean"
+   },
+   "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
+   "fieldName": "readOnly"
+  },
+  {
+   "type": {
+    "text": "boolean"
+   },
+   "description": "Indicates that this element should get focus after the page finishes loading. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus | autofocus HTML attribute for more information.",
+   "fieldName": "autofocus"
+  },
+  {
+   "name": "placeholder",
+   "type": {
+    "text": "string"
+   },
+   "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
+   "fieldName": "placeholder"
+  },
+  {
+   "name": "type",
+   "type": {
+    "text": "TextFieldType"
+   },
+   "description": "Allows setting a type or mode of text.",
+   "fieldName": "type"
+  },
+  {
+   "name": "list",
+   "type": {
+    "text": "string"
+   },
+   "description": "Allows associating a https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist to the element by https://developer.mozilla.org/en-US/docs/Web/API/Element/id.",
+   "fieldName": "list"
+  },
+  {
+   "type": {
+    "text": "number"
+   },
+   "description": "The maximum number of characters a user can enter.",
+   "fieldName": "maxlength"
+  },
+  {
+   "type": {
+    "text": "number"
+   },
+   "description": "The minimum number of characters a user can enter.",
+   "fieldName": "minlength"
+  },
+  {
+   "name": "pattern",
+   "type": {
+    "text": "string"
+   },
+   "description": "A regular expression that the value must match to pass validation.",
+   "fieldName": "pattern"
+  },
+  {
+   "type": {
+    "text": "number"
+   },
+   "description": "Sets the width of the element to a specified number of characters.",
+   "fieldName": "size"
+  },
+  {
+   "type": {
+    "text": "boolean"
+   },
+   "description": "Controls whether or not to enable spell checking for the input field, or if the default spell checking configuration should be used.",
+   "fieldName": "spellcheck"
+  },
   {
    "name": "appearance",
    "type": {
@@ -163,11 +365,27 @@ Code in this file were generated using following JSON:
     "text": "string | undefined"
    },
    "fieldName": "autoComplete"
+  },
+  {
+   "name": "scale",
+   "type": {
+    "text": "TextFieldSize | undefined"
+   },
+   "description": "The size the text-field should have.",
+   "fieldName": "scale"
+  },
+  {
+   "name": "inputmode",
+   "type": {
+    "text": "string"
+   },
+   "description": "Hints at the type of data that might be entered by the user while editing the element or its contents.\nThis allows a browser to display an appropriate virtual keyboard.",
+   "fieldName": "inputMode"
   }
  ],
  "superclass": {
-  "name": "FoundationTextfield",
-  "package": "@microsoft/fast-foundation"
+  "name": "FormAssociatedTextField",
+  "module": "/libs/components/src/lib/text-field/text-field.form-associated"
  },
  "vividComponent": {
   "public": true,
@@ -176,7 +394,9 @@ Code in this file were generated using following JSON:
    {
     "name": "modelValue",
     "attributeName": "value",
-    "eventName": "input",
+    "eventNames": [
+     "input"
+    ],
     "valueMapping": "(event.target as HTMLInputElement).value"
    }
   ]
@@ -191,7 +411,7 @@ registerTextField('vvd3')
 const VwcTextField = wrapper(`vvd3-text-field`,  {
     events: [{"name":"input","propName":"onInput"},{"name":"change","propName":"onChange"}],
     attributes: [],
-    properties: ['appearance', 'shape', 'autoComplete', 'leadingActionItemsSlottedContent', 'icon', 'value', 'placeholder', 'label', 'onInput']
+    properties: ['readOnly', 'autofocus', 'placeholder', 'type', 'list', 'maxlength', 'minlength', 'pattern', 'size', 'spellcheck', 'appearance', 'shape', 'autoComplete', 'scale', 'inputMode', 'leadingActionItemsSlottedContent', 'proxy', 'icon', 'value', 'placeholder', 'label', 'onInput']
 })
 
 VwcTextField.displayName = 'VwcTextField'