@vonage/vivid-react 4.0.0 → 5.19.0

package/v3/VwcTimePicker/index.d.ts

@@ -1,13 +1,14 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcTimePicker
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/time-picker
-* @param {string} min - The earliest accepted time of the time-picker. **attribute** `min`
-* @param {string} max - The latest accepted time of the time-picker. **attribute** `max`
+* @param {string} min - Sets the minimum time the user can set **attribute** `min`
+* @param {string} max - Sets the maximum time the user can set **attribute** `max`
 * @param {string} type
 * @param {string} step
 * @param {number | null} minutesStep - Distance between presented minute options. **attribute** `minutes-step`
 * @param {number | null} secondsStep - Distance between presented seconds options. If null, seconds are not presented. **attribute** `seconds-step`
 * @param {'12h' | '24h' | undefined} clock - Forces a 12h or 24h clock to be used. **attribute** `clock`
+* @param {TextFieldSize | undefined} scale - Sets the display size of the picker field input element. **attribute** `scale`
 * @param {boolean} readOnly - Whether the date-picker is readonly. **attribute** `readonly`
 * @param {string} value - The current value of the element. **attribute** `current-value`
 * @param {string | undefined} helperText - Provides additional information to help the user enter the correct information.
@@ -28,32 +29,33 @@ It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 declare const VwcTimePicker: {
     (props: {
         children?: ReactNode;
-        slot?: string | undefined;
-        id?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        onInput?: ((event: SyntheticEvent) => void) | undefined;
-        onChange?: ((event: SyntheticEvent) => void) | undefined;
-        min?: string | undefined;
-        max?: string | undefined;
-        type?: string | undefined;
-        step?: string | undefined;
-        minutesStep?: number | undefined;
-        secondsStep?: number | undefined;
-        clock?: any;
-        readOnly?: boolean | undefined;
-        value?: string | undefined;
-        helperText?: string | undefined;
-        errorText?: string | undefined;
-        validate?: any;
-        label?: string | undefined;
-        currentValue?: any;
-        initialValue?: string | undefined;
-        disabled?: boolean | undefined;
-        name?: string | undefined;
-        required?: boolean | 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;
+        "min"?: string;
+        "max"?: string;
+        "type"?: string;
+        "step"?: string;
+        "minutesStep"?: number;
+        "secondsStep"?: number;
+        "clock"?: any;
+        "scale"?: any;
+        "readOnly"?: boolean;
+        "value"?: string;
+        "helperText"?: string | undefined;
+        "errorText"?: string | undefined;
+        "validate"?: any;
+        "label"?: string | undefined;
+        "currentValue"?: any;
+        "initialValue"?: string;
+        "disabled"?: boolean;
+        "name"?: string;
+        "required"?: boolean;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcTimePicker/index.js

@@ -20,7 +20,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string"
    },
-   "description": "The earliest accepted time of the time-picker.",
+   "description": "Sets the minimum time the user can set",
    "privacy": "public",
    "default": "''"
   },
@@ -30,7 +30,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string"
    },
-   "description": "The latest accepted time of the time-picker.",
+   "description": "Sets the maximum time the user can set",
    "privacy": "public",
    "default": "''"
   },
@@ -132,6 +132,19 @@ Code in this file were generated using following JSON:
     "module": "src/shared/picker-field/mixins/time-selection-picker.ts"
    }
   },
+  {
+   "kind": "field",
+   "name": "scale",
+   "type": {
+    "text": "TextFieldSize | undefined"
+   },
+   "description": "Sets the display size of the picker field input element.",
+   "privacy": "public",
+   "inheritedFrom": {
+    "name": "PickerField",
+    "module": "src/shared/picker-field/picker-field.ts"
+   }
+  },
   {
    "kind": "field",
    "name": "readOnly",
@@ -540,7 +553,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string"
    },
-   "description": "The earliest accepted time of the time-picker.",
+   "description": "Sets the minimum time the user can set",
    "default": "''",
    "fieldName": "min"
   },
@@ -549,7 +562,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string"
    },
-   "description": "The latest accepted time of the time-picker.",
+   "description": "Sets the maximum time the user can set",
    "default": "''",
    "fieldName": "max"
   },
@@ -591,6 +604,18 @@ Code in this file were generated using following JSON:
     "module": "src/shared/picker-field/mixins/time-selection-picker.ts"
    }
   },
+  {
+   "name": "scale",
+   "type": {
+    "text": "TextFieldSize | undefined"
+   },
+   "description": "Sets the display size of the picker field input element.",
+   "fieldName": "scale",
+   "inheritedFrom": {
+    "name": "PickerField",
+    "module": "src/shared/picker-field/picker-field.ts"
+   }
+  },
   {
    "name": "readonly",
    "type": {
@@ -725,7 +750,8 @@ Code in this file were generated using following JSON:
     "name": "modelValue",
     "propName": "value",
     "eventNames": [
-     "input"
+     "input",
+     "@lazy:change"
     ],
     "valueMapping": "event.currentTarget.value"
    }
@@ -746,7 +772,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 { registerTimePicker } from '@vonage/vivid'
 
 registerTimePicker('vvd3')
@@ -754,7 +780,7 @@ registerTimePicker('vvd3')
 const VwcTimePicker = wrapper(`vvd3-time-picker`,  {
     events: [{"name":"change","propName":"onChange"},{"name":"input","propName":"onInput"}],
     attributes: [],
-    properties: ['min', 'max', 'type', 'step', 'minutesStep', 'secondsStep', 'clock', 'readOnly', 'value', 'helperText', 'errorText', 'validate', 'label', 'currentValue', 'initialValue', 'disabled', 'name', 'required', 'VIVID_VERSION', 'componentName']
+    properties: ['min', 'max', 'type', 'step', 'minutesStep', 'secondsStep', 'clock', 'scale', 'readOnly', 'value', 'helperText', 'errorText', 'validate', 'label', 'currentValue', 'initialValue', 'disabled', 'name', 'required', 'VIVID_VERSION', 'componentName']
 })
 
 VwcTimePicker.displayName = 'VwcTimePicker'

package/v3/VwcTimePicker/package.json

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

@@ -2,10 +2,10 @@ import React, { ReactNode } from 'react';
 /** VwcToggletip
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/toggletip
 * @param {string | HTMLElement} anchor  **attribute** `anchor`
-* @param {string | undefined} headline - the optional title of the toggletip **attribute** `headline`
-* @param {boolean} alternate - toggle color scheme **attribute** `alternate`
-* @param {Placement | undefined} placement - placement of the toggletip **attribute** `placement`
-* @param {boolean} open - indicates whether the toggletip is open **attribute** `open`
+* @param {string | undefined} headline - Headline text for the Toggletip **attribute** `headline`
+* @param {boolean} alternate - Inverted color scheme **attribute** `alternate`
+* @param {Placement | undefined} placement - Prefered placement of the toggletip in relation to the anchor element **attribute** `placement`
+* @param {boolean} open - Sets the open state of the Toggletip **attribute** `open`
 * @param {AnchorType | undefined} anchor - ID or direct reference to the component's anchor element. **attribute** `anchor`
 * @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`.
@@ -14,17 +14,17 @@ It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 declare const VwcToggletip: {
     (props: {
         children?: ReactNode;
-        slot?: string | undefined;
-        id?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        anchor?: any;
-        headline?: string | undefined;
-        alternate?: boolean | undefined;
-        placement?: any;
-        open?: boolean | 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;
+        "anchor"?: any;
+        "headline"?: string | undefined;
+        "alternate"?: boolean;
+        "placement"?: any;
+        "open"?: boolean;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcToggletip/index.js

@@ -37,7 +37,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string | undefined"
    },
-   "description": "the optional title of the toggletip",
+   "description": "Headline text for the Toggletip",
    "privacy": "public"
   },
   {
@@ -47,7 +47,7 @@ Code in this file were generated using following JSON:
     "text": "boolean"
    },
    "default": "false",
-   "description": "toggle color scheme",
+   "description": "Inverted color scheme",
    "privacy": "public"
   },
   {
@@ -57,7 +57,7 @@ Code in this file were generated using following JSON:
     "text": "Placement | undefined"
    },
    "default": "'right'",
-   "description": "placement of the toggletip",
+   "description": "Prefered placement of the toggletip in relation to the anchor element",
    "privacy": "public"
   },
   {
@@ -67,32 +67,9 @@ Code in this file were generated using following JSON:
     "text": "boolean"
    },
    "default": "false",
-   "description": "indicates whether the toggletip is open",
+   "description": "Sets the open state of the Toggletip",
    "privacy": "public"
   },
-  {
-   "kind": "method",
-   "name": "openChanged",
-   "return": {
-    "type": {
-     "text": "void"
-    }
-   },
-   "parameters": [
-    {
-     "name": "oldValue",
-     "type": {
-      "text": "boolean"
-     }
-    },
-    {
-     "name": "newValue",
-     "type": {
-      "text": "boolean"
-     }
-    }
-   ]
-  },
   {
    "kind": "method",
    "name": "#setupAnchor",
@@ -234,7 +211,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string | undefined"
    },
-   "description": "the optional title of the toggletip",
+   "description": "Headline text for the Toggletip",
    "fieldName": "headline"
   },
   {
@@ -243,7 +220,7 @@ Code in this file were generated using following JSON:
     "text": "boolean"
    },
    "default": "false",
-   "description": "toggle color scheme",
+   "description": "Inverted color scheme",
    "fieldName": "alternate"
   },
   {
@@ -252,7 +229,7 @@ Code in this file were generated using following JSON:
     "text": "Placement | undefined"
    },
    "default": "'right'",
-   "description": "placement of the toggletip",
+   "description": "Prefered placement of the toggletip in relation to the anchor element",
    "fieldName": "placement"
   },
   {
@@ -261,7 +238,7 @@ Code in this file were generated using following JSON:
     "text": "boolean"
    },
    "default": "false",
-   "description": "indicates whether the toggletip is open",
+   "description": "Sets the open state of the Toggletip",
    "fieldName": "open"
   },
   {
@@ -325,7 +302,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 { registerToggletip } from '@vonage/vivid'
 
 registerToggletip('vvd3')

package/v3/VwcToggletip/package.json

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

@@ -2,8 +2,7 @@ import React, { ReactNode } from 'react';
 /** VwcTooltip
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/tooltip
 * @param {string | HTMLElement} anchor  **attribute** `anchor`
-* @param {string | undefined} text - the text of the tooltip
-accepts string **attribute** `text`
+* @param {string | undefined} text - Text content of the Tooltip **attribute** `text`
 * @param {Placement | undefined} placement  **attribute** `placement`
 * @param {boolean} open  **attribute** `open`
 * @param {AnchorType | undefined} anchor - ID or direct reference to the component's anchor element. **attribute** `anchor`
@@ -14,16 +13,16 @@ It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 declare const VwcTooltip: {
     (props: {
         children?: ReactNode;
-        slot?: string | undefined;
-        id?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        anchor?: any;
-        text?: string | undefined;
-        placement?: any;
-        open?: boolean | 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;
+        "anchor"?: any;
+        "text"?: string | undefined;
+        "placement"?: any;
+        "open"?: boolean;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcTooltip/index.js

@@ -20,7 +20,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string | undefined"
    },
-   "description": "the text of the tooltip\naccepts string",
+   "description": "Text content of the Tooltip",
    "privacy": "public"
   },
   {
@@ -171,7 +171,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string | undefined"
    },
-   "description": "the text of the tooltip\naccepts string",
+   "description": "Text content of the Tooltip",
    "fieldName": "text"
   },
   {
@@ -246,7 +246,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 { registerTooltip } from '@vonage/vivid'
 
 registerTooltip('vvd3')

package/v3/VwcTooltip/package.json

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

@@ -5,8 +5,8 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {boolean} expanded - When true, the control will be appear expanded by user interaction. **attribute** `expanded`
 * @param {boolean} selected - When true, the control will appear selected by user interaction. **attribute** `selected`
 * @param {boolean} disabled - When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled | disabled HTML attribute for more information. **attribute** `disabled`
-* @param {'host'} _vividAriaBehaviour
-* @param {string | undefined} icon - A decorative icon the custom element should have. **attribute** `icon`
+* @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 {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
@@ -14,20 +14,19 @@ It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 declare const VwcTreeItem: {
     (props: {
         children?: ReactNode;
-        slot?: string | undefined;
-        id?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        onExpandedChange?: ((event: SyntheticEvent) => void) | undefined;
-        onSelectedChange?: ((event: SyntheticEvent) => void) | undefined;
-        text?: string | undefined;
-        expanded?: boolean | undefined;
-        selected?: boolean | undefined;
-        disabled?: boolean | undefined;
-        _vividAriaBehaviour?: any;
-        icon?: 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;
+        onExpandedChange?: (event: SyntheticEvent) => void;
+        onSelectedChange?: (event: SyntheticEvent) => void;
+        "text"?: string | undefined;
+        "expanded"?: boolean;
+        "selected"?: boolean;
+        "disabled"?: boolean;
+        "icon"?: string | undefined;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcTreeItem/index.js

@@ -63,15 +63,6 @@ Code in this file were generated using following JSON:
    "description": "When true, the control will be appear expanded by user interaction.",
    "privacy": "public"
   },
-  {
-   "kind": "method",
-   "name": "expandedChanged",
-   "return": {
-    "type": {
-     "text": "void"
-    }
-   }
-  },
   {
    "kind": "field",
    "name": "selected",
@@ -82,15 +73,6 @@ Code in this file were generated using following JSON:
    "description": "When true, the control will appear selected by user interaction.",
    "privacy": "public"
   },
-  {
-   "kind": "method",
-   "name": "selectedChanged",
-   "return": {
-    "type": {
-     "text": "void"
-    }
-   }
-  },
   {
    "kind": "field",
    "name": "disabled",
@@ -133,25 +115,13 @@ Code in this file were generated using following JSON:
    "privacy": "public",
    "readonly": true
   },
-  {
-   "kind": "field",
-   "name": "_vividAriaBehaviour",
-   "default": "'host'",
-   "type": {
-    "text": "'host'"
-   },
-   "inheritedFrom": {
-    "name": "HostSemantics",
-    "module": "src/shared/aria/host-semantics.ts"
-   }
-  },
   {
    "kind": "field",
    "name": "icon",
    "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",
@@ -243,7 +213,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",
@@ -271,7 +241,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 { registerTreeItem } from '@vonage/vivid'
 
 registerTreeItem('vvd3')
@@ -279,7 +249,7 @@ registerTreeItem('vvd3')
 const VwcTreeItem = wrapper(`vvd3-tree-item`,  {
     events: [{"name":"selected-change","propName":"onSelectedChange"},{"name":"expanded-change","propName":"onExpandedChange"}],
     attributes: [],
-    properties: ['text', 'expanded', 'selected', 'disabled', '_vividAriaBehaviour', 'icon', 'VIVID_VERSION', 'componentName']
+    properties: ['text', 'expanded', 'selected', 'disabled', 'icon', 'VIVID_VERSION', 'componentName']
 })
 
 VwcTreeItem.displayName = 'VwcTreeItem'

package/v3/VwcTreeItem/package.json

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

@@ -1,10 +1,8 @@
 import React, { ReactNode } from 'react';
 /** VwcTreeView
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/tree-view
-* @param {boolean} renderCollapsedNodes - /**
- When true, the control will be appear expanded by user interaction. **attribute** `render-collapsed-nodes`
+* @param {boolean} renderCollapsedNodes - When true, the control will be appear expanded by user interaction. **attribute** `render-collapsed-nodes`
 * @param {HTMLElement | TreeItem | null} currentSelected - The currently selected tree item
-* @param {'host'} _vividAriaBehaviour
 * @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
@@ -12,15 +10,14 @@ It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 declare const VwcTreeView: {
     (props: {
         children?: ReactNode;
-        slot?: string | undefined;
-        id?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        renderCollapsedNodes?: boolean | undefined;
-        currentSelected?: any;
-        _vividAriaBehaviour?: any;
-        VIVID_VERSION?: string | undefined;
-        componentName?: string | undefined;
+        slot?: string;
+        id?: string;
+        style?: React.CSSProperties;
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+        "renderCollapsedNodes"?: boolean;
+        "currentSelected"?: any;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };