@vonage/vivid-react 4.0.0 → 5.19.0

package/v3/VwcTextField/index.d.ts

@@ -13,22 +13,22 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {boolean | undefined} required  **attribute** `required`
 * @param {string | undefined} successText  **attribute** `success-text`
 * @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 {boolean} autofocus - Indicates that an element should be focused on page load, or when the Dialog that it is part of
+is displayed **attribute** `autofocus`
+* @param {string} placeholder - Text that appears in the input element when it has no value set **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 {string} list - Value of the id attribute of the `` of autocomplete options **attribute** `list`
+* @param {number} maxlength - Maximum length (number of characters) of `value` **attribute** `maxlength`
+* @param {number} minlength - Minimum length (number of characters) of `value` **attribute** `minlength`
+* @param {string} pattern - Pattern the `value` must match to be valid **attribute** `pattern`
+* @param {number} size - Size (in chars) of the input element **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 {TextFieldSize | undefined} scale - Sets the display size of the input element **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 {string | undefined} helperText - Provides additional information to help the user enter the correct information.
 To add HTML to the helper text, use the helper-text slot instead. **attribute** `helper-text`
 * @param {string} value - The current value of the element. **attribute** `current-value`
@@ -36,8 +36,8 @@ To add HTML to the helper text, use the helper-text slot instead. **attribute**
 * @param {string | undefined} errorText - Provides a custom error message. Any current error state will be overridden. **attribute** `error-text`
 * @param {string | undefined} successText - Provides a custom success message. Any current error state will be overridden. **attribute** `success-text`
 * @param {string | undefined} label - The label for the form element. **attribute** `label`
-* @param {string | undefined} icon - A decorative icon the custom element should have. **attribute** `icon`
-* @param {'delegate'} _vividAriaBehaviour
+* @param {string | undefined} icon - A decorative icon the custom element should have. See the [Vivid Icon
+Gallery](/icons/icons-gallery/) for available icons and `icon-name`s **attribute** `icon`
 * @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`
@@ -51,45 +51,46 @@ It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 declare const VwcTextField: {
     (props: {
         children?: ReactNode;
-        slot?: string | undefined;
-        id?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        onChange?: ((event: SyntheticEvent) => void) | undefined;
-        onBlur?: ((event: SyntheticEvent) => void) | undefined;
-        onFocus?: ((event: SyntheticEvent) => void) | undefined;
-        onInput?: ((event: SyntheticEvent) => void) | undefined;
-        icon?: string | undefined;
-        value?: string | undefined;
-        placeholder?: string | undefined;
-        label?: string | undefined;
-        charCount?: any;
-        disabled?: any;
-        errorText?: string | undefined;
-        helperText?: string | undefined;
-        required?: any;
-        successText?: string | undefined;
-        readOnly?: boolean | undefined;
-        autofocus?: boolean | 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;
-        _vividAriaBehaviour?: any;
-        currentValue?: any;
-        initialValue?: string | undefined;
-        name?: string | undefined;
-        VIVID_VERSION?: string | undefined;
-        componentName?: string | undefined;
+        slot?: string;
+        id?: string;
+        style?: React.CSSProperties;
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+        onInput?: (event: SyntheticEvent) => void;
+        onChange?: (event: SyntheticEvent) => void;
+        onBlur?: (event: SyntheticEvent) => void;
+        onChange?: (event: SyntheticEvent) => void;
+        onFocus?: (event: SyntheticEvent) => void;
+        onInput?: (event: SyntheticEvent) => void;
+        "icon"?: string | undefined;
+        "value"?: string | undefined;
+        "placeholder"?: string | undefined;
+        "label"?: string | undefined;
+        "onInput"?: any;
+        "charCount"?: any;
+        "disabled"?: any;
+        "errorText"?: string | undefined;
+        "helperText"?: string | undefined;
+        "required"?: any;
+        "successText"?: string | undefined;
+        "readOnly"?: boolean;
+        "autofocus"?: boolean;
+        "type"?: any;
+        "list"?: string;
+        "maxlength"?: number;
+        "minlength"?: number;
+        "pattern"?: string;
+        "size"?: number;
+        "spellcheck"?: boolean;
+        "appearance"?: any;
+        "shape"?: any;
+        "autoComplete"?: string | undefined;
+        "scale"?: any;
+        "inputMode"?: string;
+        "currentValue"?: any;
+        "initialValue"?: string;
+        "name"?: string;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcTextField/index.js

@@ -71,7 +71,7 @@ Code in this file were generated using following JSON:
    "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.",
+   "description": "Indicates that an element should be focused on page load, or when the Dialog that it is part of\nis displayed",
    "privacy": "public"
   },
   {
@@ -80,7 +80,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string"
    },
-   "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
+   "description": "Text that appears in the input element when it has no value set",
    "privacy": "public"
   },
   {
@@ -98,7 +98,7 @@ Code in this file were generated using following JSON:
    "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.",
+   "description": "Value of the id attribute of the `` of autocomplete options",
    "privacy": "public"
   },
   {
@@ -107,7 +107,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "number"
    },
-   "description": "The maximum number of characters a user can enter.",
+   "description": "Maximum length (number of characters) of `value`",
    "privacy": "public",
    "inheritedFrom": {
     "name": "WithCharCount",
@@ -120,7 +120,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "number"
    },
-   "description": "The minimum number of characters a user can enter.",
+   "description": "Minimum length (number of characters) of `value`",
    "privacy": "public"
   },
   {
@@ -129,7 +129,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string"
    },
-   "description": "A regular expression that the value must match to pass validation.",
+   "description": "Pattern the `value` must match to be valid",
    "privacy": "public"
   },
   {
@@ -138,7 +138,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "number"
    },
-   "description": "Sets the width of the element to a specified number of characters.",
+   "description": "Size (in chars) of the input element",
    "privacy": "public"
   },
   {
@@ -192,7 +192,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "TextFieldSize | undefined"
    },
-   "description": "The size the text-field should have.",
+   "description": "Sets the display size of the input element",
    "privacy": "public"
   },
   {
@@ -204,13 +204,6 @@ Code in this file were generated using following JSON:
    "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",
-   "type": {
-    "text": "HTMLElement[] | undefined"
-   }
-  },
   {
    "kind": "method",
    "name": "focus"
@@ -361,25 +354,13 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string | undefined"
    },
-   "description": "A decorative icon the custom element should have.",
+   "description": "A decorative icon the custom element should have. See the [Vivid Icon\nGallery](/icons/icons-gallery/) for available icons and `icon-name`s",
    "privacy": "public",
    "inheritedFrom": {
     "name": "AffixIcon",
     "module": "src/shared/patterns/affix.ts"
    }
   },
-  {
-   "kind": "field",
-   "name": "_vividAriaBehaviour",
-   "default": "'delegate'",
-   "type": {
-    "text": "'delegate'"
-   },
-   "inheritedFrom": {
-    "name": "DelegatesAria",
-    "module": "src/shared/aria/delegates-aria.ts"
-   }
-  },
   {
    "kind": "field",
    "name": "validity",
@@ -560,6 +541,13 @@ Code in this file were generated using following JSON:
   }
  ],
  "events": [
+  {
+   "type": {
+    "text": "CustomEvent<undefined>"
+   },
+   "description": "Fires a custom 'input' event when the value has changed",
+   "name": "input"
+  },
   {
    "type": {
     "text": "CustomEvent<undefined>"
@@ -582,7 +570,7 @@ Code in this file were generated using following JSON:
    "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.",
+   "description": "Indicates that an element should be focused on page load, or when the Dialog that it is part of\nis displayed",
    "fieldName": "autofocus"
   },
   {
@@ -590,7 +578,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string"
    },
-   "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
+   "description": "Text that appears in the input element when it has no value set",
    "fieldName": "placeholder"
   },
   {
@@ -606,7 +594,7 @@ Code in this file were generated using following JSON:
    "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.",
+   "description": "Value of the id attribute of the `` of autocomplete options",
    "fieldName": "list"
   },
   {
@@ -614,7 +602,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "number"
    },
-   "description": "The maximum number of characters a user can enter.",
+   "description": "Maximum length (number of characters) of `value`",
    "fieldName": "maxlength"
   },
   {
@@ -622,7 +610,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "number"
    },
-   "description": "The minimum number of characters a user can enter.",
+   "description": "Minimum length (number of characters) of `value`",
    "fieldName": "minlength"
   },
   {
@@ -630,7 +618,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string"
    },
-   "description": "A regular expression that the value must match to pass validation.",
+   "description": "Pattern the `value` must match to be valid",
    "fieldName": "pattern"
   },
   {
@@ -638,7 +626,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "number"
    },
-   "description": "Sets the width of the element to a specified number of characters.",
+   "description": "Size (in chars) of the input element",
    "fieldName": "size"
   },
   {
@@ -675,7 +663,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "TextFieldSize | undefined"
    },
-   "description": "The size the text-field should have.",
+   "description": "Sets the display size of the input element",
    "fieldName": "scale"
   },
   {
@@ -752,7 +740,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string | undefined"
    },
-   "description": "A decorative icon the custom element should have.",
+   "description": "A decorative icon the custom element should have. See the [Vivid Icon\nGallery](/icons/icons-gallery/) for available icons and `icon-name`s",
    "fieldName": "icon",
    "inheritedFrom": {
     "name": "AffixIcon",
@@ -872,7 +860,8 @@ Code in this file were generated using following JSON:
     "name": "modelValue",
     "propName": "value",
     "eventNames": [
-     "input"
+     "input",
+     "@lazy:change"
     ],
     "valueMapping": "event.currentTarget.value"
    }
@@ -916,7 +905,7 @@ Code in this file were generated using following JSON:
  }
 }
 */
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import { registerTextField } from '@vonage/vivid'
 
 registerTextField('vvd3')
@@ -924,7 +913,7 @@ registerTextField('vvd3')
 const VwcTextField = wrapper(`vvd3-text-field`,  {
     events: [{"name":"input","propName":"onInput"},{"name":"focus","propName":"onFocus"},{"name":"change","propName":"onChange"},{"name":"blur","propName":"onBlur"}],
     attributes: [],
-    properties: ['icon', 'value', 'placeholder', 'label', 'onInput', 'charCount', 'disabled', 'errorText', 'helperText', 'required', 'successText', 'readOnly', 'autofocus', 'placeholder', 'type', 'list', 'maxlength', 'minlength', 'pattern', 'size', 'spellcheck', 'appearance', 'shape', 'autoComplete', 'scale', 'inputMode', 'leadingActionItemsSlottedContent', 'helperText', 'value', 'charCount', 'errorText', 'successText', 'label', 'icon', '_vividAriaBehaviour', 'currentValue', 'initialValue', 'disabled', 'name', 'required', 'VIVID_VERSION', 'componentName']
+    properties: ['icon', 'value', 'placeholder', 'label', 'onInput', 'charCount', 'disabled', 'errorText', 'helperText', 'required', 'successText', 'readOnly', 'autofocus', 'placeholder', 'type', 'list', 'maxlength', 'minlength', 'pattern', 'size', 'spellcheck', 'appearance', 'shape', 'autoComplete', 'scale', 'inputMode', 'helperText', 'value', 'charCount', 'errorText', 'successText', 'label', 'icon', 'currentValue', 'initialValue', 'disabled', 'name', 'required', 'VIVID_VERSION', 'componentName']
 })
 
 VwcTextField.displayName = 'VwcTextField'

package/v3/VwcTextField/package.json

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

package/v3/VwcTextblockAttrs/index.d.ts

@@ -0,0 +1,17 @@
+import React, { ReactNode } from 'react';
+/** VwcTextblockAttrs
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/textblock-attrs
+* @param {{ [key: string]: { default: any } }} attrs
+*/
+declare const VwcTextblockAttrs: {
+    (props: {
+        children?: ReactNode;
+        slot?: string;
+        id?: string;
+        style?: React.CSSProperties;
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+        "attrs"?: any;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcTextblockAttrs;

package/v3/VwcTextblockAttrs/index.js

@@ -0,0 +1,95 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "",
+ "name": "TextblockAttrs",
+ "members": [
+  {
+   "kind": "field",
+   "name": "attrs",
+   "type": {
+    "text": "{ [key: string]: { default: any } }"
+   },
+   "default": "{}"
+  },
+  {
+   "kind": "method",
+   "name": "fromDOM",
+   "parameters": [
+    {
+     "name": "dom",
+     "type": {
+      "text": "HTMLElement"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "getStyle",
+   "parameters": [
+    {
+     "name": "node",
+     "type": {
+      "text": "Node"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "getDOMAttrsProperties",
+   "parameters": [
+    {
+     "name": "node",
+     "type": {
+      "text": "Node"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "getDOMAttrs",
+   "parameters": [
+    {
+     "name": "node",
+     "type": {
+      "text": "Node"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "extractFromNode",
+   "parameters": [
+    {
+     "name": "node",
+     "type": {
+      "text": "Node"
+     }
+    }
+   ]
+  }
+ ]
+}
+*/
+import wrapper from '@repo/react-component-wrapper'
+import { registerTextblockAttrs } from '@vonage/vivid'
+
+registerTextblockAttrs('vvd3')
+
+const VwcTextblockAttrs = wrapper(`vvd3-textblock-attrs`,  {
+    events: [],
+    attributes: [],
+    properties: ['attrs']
+})
+
+VwcTextblockAttrs.displayName = 'VwcTextblockAttrs'
+
+export default VwcTextblockAttrs

package/v3/VwcTextblockAttrs/package.json

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

package/v3/VwcTextblockMarks/index.d.ts

@@ -0,0 +1,16 @@
+import React, { ReactNode } from 'react';
+/** VwcTextblockMarks
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/textblock-marks
+
+*/
+declare const VwcTextblockMarks: {
+    (props: {
+        children?: ReactNode;
+        slot?: string;
+        id?: string;
+        style?: React.CSSProperties;
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcTextblockMarks;

package/v3/VwcTextblockMarks/index.js

@@ -0,0 +1,53 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "",
+ "name": "TextblockMarks",
+ "members": [
+  {
+   "kind": "method",
+   "name": "getAllowedMarksForNode",
+   "return": {
+    "type": {
+     "text": "string[]"
+    }
+   },
+   "parameters": [
+    {
+     "name": "nodeName",
+     "type": {
+      "text": "string"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "getReferencedNodeNames",
+   "return": {
+    "type": {
+     "text": "Set<string>"
+    }
+   }
+  }
+ ]
+}
+*/
+import wrapper from '@repo/react-component-wrapper'
+import { registerTextblockMarks } from '@vonage/vivid'
+
+registerTextblockMarks('vvd3')
+
+const VwcTextblockMarks = wrapper(`vvd3-textblock-marks`,  {
+    events: [],
+    attributes: [],
+    properties: []
+})
+
+VwcTextblockMarks.displayName = 'VwcTextblockMarks'
+
+export default VwcTextblockMarks

package/v3/VwcTextblockMarks/package.json

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