@vonage/vivid-react 3.4.1 → 3.5.1

package/v3/VwcRadioGroup/index.js

@@ -11,6 +11,10 @@ Code in this file were generated using following JSON:
   {
    "description": "Default slot.",
    "name": ""
+  },
+  {
+   "description": "Describes how to use the text-field. Alternative to the `helper-text` attribute.",
+   "name": "helper-text"
   }
  ],
  "members": [
@@ -18,9 +22,18 @@ Code in this file were generated using following JSON:
    "kind": "field",
    "name": "label",
    "type": {
-    "text": "string | undefined"
+    "text": "string"
+   },
+   "description": "The label for the radio group",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "required",
+   "type": {
+    "text": "boolean"
    },
-   "description": "Indicates the group's label.",
+   "description": "When true, the radio group and all its radio buttons will be required",
    "privacy": "public"
   },
   {
@@ -68,6 +81,13 @@ Code in this file were generated using following JSON:
    "description": "The value of the checked radio",
    "privacy": "public"
   },
+  {
+   "kind": "field",
+   "name": "errorText",
+   "type": {
+    "text": "string"
+   }
+  },
   {
    "kind": "field",
    "name": "orientation",
@@ -92,6 +112,11 @@ Code in this file were generated using following JSON:
    "privacy": "private",
    "readonly": true
   },
+  {
+   "kind": "field",
+   "name": "radioErrorHandler",
+   "privacy": "private"
+  },
   {
    "kind": "method",
    "name": "setupRadioButtons",
@@ -156,6 +181,46 @@ Code in this file were generated using following JSON:
    "kind": "field",
    "name": "moveLeft",
    "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "helperText",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Provides additional information to help the user enter the correct information.\nTo add HTML to the helper text, use the helper-text slot instead.",
+   "privacy": "public",
+   "inheritedFrom": {
+    "name": "WithFeedback",
+    "module": "src/shared/feedback/mixins.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"
+   }
   }
  ],
  "events": [
@@ -171,11 +236,19 @@ Code in this file were generated using following JSON:
   {
    "name": "label",
    "type": {
-    "text": "string | undefined"
+    "text": "string"
    },
-   "description": "Indicates the group's label.",
+   "description": "The label for the radio group",
    "fieldName": "label"
   },
+  {
+   "name": "required",
+   "type": {
+    "text": "boolean"
+   },
+   "description": "When true, the radio group and all its radio buttons will be required",
+   "fieldName": "required"
+  },
   {
    "name": "readonly",
    "type": {
@@ -208,6 +281,13 @@ Code in this file were generated using following JSON:
    "description": "The value of the checked radio",
    "fieldName": "value"
   },
+  {
+   "name": "error-text",
+   "type": {
+    "text": "string"
+   },
+   "fieldName": "errorText"
+  },
   {
    "name": "orientation",
    "type": {
@@ -215,11 +295,29 @@ Code in this file were generated using following JSON:
    },
    "description": "The orientation of the group",
    "fieldName": "orientation"
+  },
+  {
+   "name": "helper-text",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Provides additional information to help the user enter the correct information.\nTo add HTML to the helper text, use the helper-text slot instead.",
+   "fieldName": "helperText",
+   "inheritedFrom": {
+    "name": "WithFeedback",
+    "module": "src/shared/feedback/mixins.ts"
+   }
+  }
+ ],
+ "mixins": [
+  {
+   "name": "WithFeedback",
+   "module": "/src/shared/feedback/mixins"
   }
  ],
  "superclass": {
   "name": "VividElement",
-  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
+  "module": "/src/shared/foundation/vivid-element/vivid-element"
  },
  "vividComponent": {
   "public": true,
@@ -227,11 +325,11 @@ Code in this file were generated using following JSON:
   "vueModels": [
    {
     "name": "modelValue",
-    "attributeName": "value",
+    "propName": "value",
     "eventNames": [
      "change"
     ],
-    "valueMapping": "(event.target as HTMLInputElement).value"
+    "valueMapping": "event.currentTarget.value"
    }
   ]
  }
@@ -245,7 +343,7 @@ registerRadioGroup('vvd3')
 const VwcRadioGroup = wrapper(`vvd3-radio-group`,  {
     events: [{"name":"change","propName":"onChange"}],
     attributes: [],
-    properties: ['label', 'readOnly', 'disabled', 'name', 'value', 'orientation']
+    properties: ['label', 'required', 'readOnly', 'disabled', 'name', 'value', 'errorText', 'orientation', 'helperText', 'VIVID_VERSION', 'componentName']
 })
 
 VwcRadioGroup.displayName = 'VwcRadioGroup'

package/v3/VwcRadioGroup/package.json

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

@@ -30,7 +30,17 @@ and don't support IDL attribute binding. **attribute** `current-end`
 * @param {RangeSliderConnotation | undefined} connotation - The connotation of the component **attribute** `connotation`
 * @param {boolean} pin - Show current values on the thumbs. **attribute** `pin`
 * @param {(value: string) => string} valueTextFormatter - Custom function that generates a string for the component's "aria-valuetext" attribute based on the current value.
-* @param  proxy
+* @param {string | undefined} label - The label for the form element. **attribute** `label`
+* @param {string} value - The current value of the element. **attribute** `current-value`
+* @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`
+* @param {boolean} disabled - Sets the element's disabled state. A disabled element will not be included during form submission. **attribute** `disabled`
+* @param {string} name - The name of the element. This element's value will be surfaced during form submission under the provided name. **attribute** `name`
+* @param {boolean} required - Require the field to be completed prior to form submission. **attribute** `required`
+* @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 VwcRangeSlider: {
     (props: {
@@ -61,7 +71,15 @@ declare const VwcRangeSlider: {
         connotation?: any;
         pin?: boolean | undefined;
         valueTextFormatter?: any;
-        proxy?: any;
+        label?: string | undefined;
+        value?: string | undefined;
+        currentValue?: any;
+        initialValue?: string | undefined;
+        disabled?: boolean | undefined;
+        name?: string | undefined;
+        required?: boolean | undefined;
+        VIVID_VERSION?: string | undefined;
+        componentName?: string | undefined;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcRangeSlider/index.js

@@ -402,10 +402,213 @@ Code in this file were generated using following JSON:
   },
   {
    "kind": "field",
-   "name": "proxy",
+   "name": "label",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "The label for the form element.",
+   "inheritedFrom": {
+    "name": "FormElement",
+    "module": "src/shared/patterns/form-elements/form-element.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "#handleInvalidEvent",
+   "privacy": "private",
+   "inheritedFrom": {
+    "name": "FormElement",
+    "module": "src/shared/patterns/form-elements/form-element.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": "FormAssociatedRangeSlider",
-    "module": "libs/components/src/lib/range-slider/range-slider.form-associated.ts"
+    "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"
    }
   }
  ],
@@ -473,6 +676,7 @@ Code in this file were generated using following JSON:
    "fieldName": "currentEnd"
   },
   {
+   "name": "min",
    "type": {
     "text": "number"
    },
@@ -481,6 +685,7 @@ Code in this file were generated using following JSON:
    "fieldName": "min"
   },
   {
+   "name": "max",
    "type": {
     "text": "number"
    },
@@ -489,6 +694,7 @@ Code in this file were generated using following JSON:
    "fieldName": "max"
   },
   {
+   "name": "step",
    "type": {
     "text": "number"
    },
@@ -523,6 +729,7 @@ Code in this file were generated using following JSON:
    "fieldName": "ariaEndLabel"
   },
   {
+   "name": "markers",
    "type": {
     "text": "boolean"
    },
@@ -539,17 +746,106 @@ Code in this file were generated using following JSON:
    "fieldName": "connotation"
   },
   {
+   "name": "pin",
    "type": {
     "text": "boolean"
    },
    "default": "false",
    "description": "Show current values on the thumbs.",
    "fieldName": "pin"
+  },
+  {
+   "name": "label",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "The label for the form element.",
+   "fieldName": "label",
+   "inheritedFrom": {
+    "name": "FormElement",
+    "module": "src/shared/patterns/form-elements/form-element.ts"
+   }
+  },
+  {
+   "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": "Localized",
+   "module": "/src/shared/patterns"
+  },
+  {
+   "name": "FormElement",
+   "module": "/src/shared/patterns"
+  },
+  {
+   "name": "FormAssociated",
+   "module": "/src/shared/foundation/form-associated/form-associated"
   }
  ],
  "superclass": {
-  "name": "FormAssociatedRangeSlider",
-  "module": "/libs/components/src/lib/range-slider/range-slider.form-associated"
+  "name": "VividElement",
+  "module": "/src/shared/foundation/vivid-element/vivid-element"
  },
  "vividComponent": {
   "name": "range-slider",
@@ -557,19 +853,19 @@ Code in this file were generated using following JSON:
   "vueModels": [
    {
     "name": "start",
-    "attributeName": "start",
+    "propName": "start",
     "eventNames": [
      "input:start"
     ],
-    "valueMapping": "(event.target as any).start"
+    "valueMapping": "event.currentTarget.start"
    },
    {
     "name": "end",
-    "attributeName": "end",
+    "propName": "end",
     "eventNames": [
      "input:end"
     ],
-    "valueMapping": "(event.target as any).end"
+    "valueMapping": "event.currentTarget.end"
    }
   ]
  }
@@ -583,7 +879,7 @@ registerRangeSlider('vvd3')
 const VwcRangeSlider = wrapper(`vvd3-range-slider`,  {
     events: [{"name":"change","propName":"onChange"},{"name":"input","propName":"onInput"},{"name":"input:end","propName":"onInput:end"},{"name":"input:start","propName":"onInput:start"}],
     attributes: [],
-    properties: ['start', 'initialStart', 'currentStart', 'startAsNumber', 'end', 'initialEnd', 'currentEnd', 'endAsNumber', 'min', 'max', 'step', 'orientation', 'ariaStartLabel', 'ariaEndLabel', 'markers', 'connotation', 'pin', 'valueTextFormatter', 'proxy']
+    properties: ['start', 'initialStart', 'currentStart', 'startAsNumber', 'end', 'initialEnd', 'currentEnd', 'endAsNumber', 'min', 'max', 'step', 'orientation', 'ariaStartLabel', 'ariaEndLabel', 'markers', 'connotation', 'pin', 'valueTextFormatter', 'label', 'value', 'currentValue', 'initialValue', 'disabled', 'name', 'required', 'VIVID_VERSION', 'componentName']
 })
 
 VwcRangeSlider.displayName = 'VwcRangeSlider'

package/v3/VwcRangeSlider/package.json

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

@@ -0,0 +1,28 @@
+import React, { ReactNode } from 'react';
+/** VwcRichTextEditor
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/rich-text-editor
+* @param {string | undefined} value - Indicates the rich text editor's value.
+* @param {number | null} selectionStart  **attribute** `selection-start`
+* @param {number | null} selectionEnd  **attribute** `selection-end`
+* @param {string | undefined} placeholder  **attribute** `placeholder`
+* @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 VwcRichTextEditor: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        value?: string | undefined;
+        selectionStart?: number | undefined;
+        selectionEnd?: number | undefined;
+        placeholder?: string | undefined;
+        VIVID_VERSION?: string | undefined;
+        componentName?: string | undefined;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcRichTextEditor;