@vonage/vivid-react 3.3.0 → 3.4.0

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,
@@ -177,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.4.0",
+  "version": "4.16.2",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.4.0"
+    "@vonage/vivid": "4.16.2"
   }
 }

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,
@@ -193,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'

package/v3/VwcTextField/package.json

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

package/v3/VwcTimePicker/index.js

@@ -99,6 +99,23 @@ Code in this file were generated using following JSON:
    "privacy": "public",
    "default": "''"
   },
+  {
+   "kind": "field",
+   "name": "#clockChangeHandler",
+   "privacy": "private",
+   "type": {
+    "text": "object"
+   },
+   "default": "{\n\t\thandleChange: () => {\n\t\t\tif (this.value) {\n\t\t\t\tthis._presentationValue = formatPresentationTime(\n\t\t\t\t\tthis.value,\n\t\t\t\t\tthis._displaySeconds,\n\t\t\t\t\tthis._use12hClock\n\t\t\t\t);\n\t\t\t}\n\t\t},\n\t}"
+  },
+  {
+   "kind": "field",
+   "name": "#clockChangeObserver",
+   "privacy": "private",
+   "type": {
+    "text": "BindingObserver"
+   }
+  },
   {
    "kind": "field",
    "name": "#getFocusableEls",

package/v3/VwcTimePicker/package.json

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

package/v3/VwcToggletip/index.js

@@ -184,8 +184,8 @@ Code in this file were generated using following JSON:
   }
  ],
  "superclass": {
-  "name": "FoundationElement",
-  "package": "@microsoft/fast-foundation"
+  "name": "VividElement",
+  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
  },
  "vividComponent": {
   "public": true,

package/v3/VwcToggletip/package.json

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