@vonage/vivid-react 4.0.0 → 5.19.0

package/v3/VwcPopover/index.js

@@ -0,0 +1,179 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "",
+ "name": "Popover",
+ "members": [
+  {
+   "kind": "method",
+   "name": "setBlockPopover",
+   "static": true,
+   "parameters": [
+    {
+     "name": "onElement",
+     "type": {
+      "text": "HTMLElement"
+     }
+    },
+    {
+     "name": "block",
+     "type": {
+      "text": "boolean"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "field",
+   "name": "kind",
+   "type": {
+    "text": "'default' | 'autocomplete'"
+   },
+   "default": "'default'"
+  },
+  {
+   "kind": "field",
+   "name": "offset",
+   "type": {
+    "text": "number | undefined"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "anchorBlocksPopover",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false"
+  },
+  {
+   "kind": "field",
+   "name": "onAnchorBlockPopoverChanged"
+  },
+  {
+   "kind": "field",
+   "name": "anchorEl",
+   "type": {
+    "text": "HTMLElement | undefined"
+   }
+  },
+  {
+   "kind": "method",
+   "name": "anchorElChanged",
+   "parameters": [
+    {
+     "name": "prev",
+     "optional": true,
+     "type": {
+      "text": "HTMLElement"
+     }
+    },
+    {
+     "name": "next",
+     "optional": true,
+     "type": {
+      "text": "HTMLElement"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "field",
+   "name": "anchorId",
+   "type": {
+    "text": "string | undefined"
+   }
+  },
+  {
+   "kind": "method",
+   "name": "anchorIdChanged"
+  },
+  {
+   "kind": "method",
+   "name": "updateAnchor"
+  },
+  {
+   "kind": "field",
+   "name": "requestedOpenState",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false"
+  },
+  {
+   "kind": "method",
+   "name": "requestOpenState",
+   "parameters": [
+    {
+     "name": "open",
+     "type": {
+      "text": "boolean"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "field",
+   "name": "open",
+   "readonly": true
+  },
+  {
+   "kind": "field",
+   "name": "#observer",
+   "privacy": "private",
+   "type": {
+    "text": "MutationObserver | undefined"
+   }
+  },
+  {
+   "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"
+   }
+  }
+ ],
+ "superclass": {
+  "name": "VividElement",
+  "module": "/src/shared/foundation/vivid-element/vivid-element"
+ }
+}
+*/
+import wrapper from '@repo/react-component-wrapper'
+import { registerPopover } from '@vonage/vivid'
+
+registerPopover('vvd3')
+
+const VwcPopover = wrapper(`vvd3-popover`,  {
+    events: [],
+    attributes: [],
+    properties: ['kind', 'offset', 'anchorBlocksPopover', 'onAnchorBlockPopoverChanged', 'anchorEl', 'anchorId', 'requestedOpenState', 'VIVID_VERSION', 'componentName']
+})
+
+VwcPopover.displayName = 'VwcPopover'
+
+export default VwcPopover

package/v3/VwcPopover/package.json

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

package/v3/VwcPopup/index.d.ts

@@ -20,24 +20,24 @@ It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 declare const VwcPopup: {
     (props: {
         children?: ReactNode;
-        slot?: string | undefined;
-        id?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        popupEl?: any;
-        arrowEl?: any;
-        open?: boolean | undefined;
-        dismissible?: boolean | undefined;
-        arrow?: boolean | undefined;
-        alternate?: boolean | undefined;
-        placement?: any;
-        placementStrategy?: any;
-        animationFrame?: boolean | undefined;
-        strategy?: any;
-        offset?: number | undefined;
-        anchor?: 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;
+        "popupEl"?: any;
+        "arrowEl"?: any;
+        "open"?: boolean;
+        "dismissible"?: boolean;
+        "arrow"?: boolean;
+        "alternate"?: boolean;
+        "placement"?: any;
+        "placementStrategy"?: any;
+        "animationFrame"?: boolean;
+        "strategy"?: any;
+        "offset"?: number;
+        "anchor"?: any;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcPopup/index.js

@@ -364,7 +364,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 { registerPopup } from '@vonage/vivid'
 
 registerPopup('vvd3')

package/v3/VwcPopup/package.json

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

@@ -1,10 +1,9 @@
 import React, { ReactNode } from 'react';
 /** VwcProgress
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/progress
-* @param {ProgressShape | undefined} shape - Indicates the progress' shape. **attribute** `shape`
-* @param {ProgressConnotation | undefined} connotation - Indicates the progress' connotation. **attribute** `connotation`
-* @param {boolean} reverse - Indicates the progress' reverse status. **attribute** `reverse`
-* @param {'delegate'} _vividAriaBehaviour
+* @param {ProgressShape | undefined} shape - Sets the border radius **attribute** `shape`
+* @param {ProgressConnotation | undefined} connotation - Sets the connotation **attribute** `connotation`
+* @param {boolean} reverse - Sets the progress to show from right to left **attribute** `reverse`
 * @param {number | null} value - The value of the progress **attribute** `value`
 * @param {number} min - The minimum value **attribute** `min`
 * @param {number} max - The maximum value **attribute** `max`
@@ -16,20 +15,19 @@ It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 declare const VwcProgress: {
     (props: {
         children?: ReactNode;
-        slot?: string | undefined;
-        id?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        shape?: any;
-        connotation?: any;
-        reverse?: boolean | undefined;
-        _vividAriaBehaviour?: any;
-        value?: number | undefined;
-        min?: number | undefined;
-        max?: number | undefined;
-        paused?: 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;
+        "shape"?: any;
+        "connotation"?: any;
+        "reverse"?: boolean;
+        "value"?: number;
+        "min"?: number;
+        "max"?: number;
+        "paused"?: boolean;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcProgress/index.js

@@ -48,7 +48,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "ProgressShape | undefined"
    },
-   "description": "Indicates the progress' shape.",
+   "description": "Sets the border radius",
    "privacy": "public"
   },
   {
@@ -57,7 +57,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "ProgressConnotation | undefined"
    },
-   "description": "Indicates the progress' connotation.",
+   "description": "Sets the connotation",
    "privacy": "public"
   },
   {
@@ -67,21 +67,9 @@ Code in this file were generated using following JSON:
     "text": "boolean"
    },
    "default": "false",
-   "description": "Indicates the progress' reverse status.",
+   "description": "Sets the progress to show from right to left",
    "privacy": "public"
   },
-  {
-   "kind": "field",
-   "name": "_vividAriaBehaviour",
-   "default": "'delegate'",
-   "type": {
-    "text": "'delegate'"
-   },
-   "inheritedFrom": {
-    "name": "DelegatesAria",
-    "module": "src/shared/aria/delegates-aria.ts"
-   }
-  },
   {
    "kind": "field",
    "name": "value",
@@ -187,7 +175,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "ProgressShape | undefined"
    },
-   "description": "Indicates the progress' shape.",
+   "description": "Sets the border radius",
    "fieldName": "shape"
   },
   {
@@ -195,7 +183,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "ProgressConnotation | undefined"
    },
-   "description": "Indicates the progress' connotation.",
+   "description": "Sets the connotation",
    "fieldName": "connotation"
   },
   {
@@ -204,7 +192,7 @@ Code in this file were generated using following JSON:
     "text": "boolean"
    },
    "default": "false",
-   "description": "Indicates the progress' reverse status.",
+   "description": "Sets the progress to show from right to left",
    "fieldName": "reverse"
   },
   {
@@ -272,7 +260,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 { registerProgress } from '@vonage/vivid'
 
 registerProgress('vvd3')
@@ -280,7 +268,7 @@ registerProgress('vvd3')
 const VwcProgress = wrapper(`vvd3-progress`,  {
     events: [],
     attributes: [],
-    properties: ['shape', 'connotation', 'reverse', '_vividAriaBehaviour', 'value', 'min', 'max', 'paused', 'VIVID_VERSION', 'componentName']
+    properties: ['shape', 'connotation', 'reverse', 'value', 'min', 'max', 'paused', 'VIVID_VERSION', 'componentName']
 })
 
 VwcProgress.displayName = 'VwcProgress'

package/v3/VwcProgress/package.json

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

@@ -3,7 +3,6 @@ import React, { ReactNode } from 'react';
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/progress-ring
 * @param {ProgressRingConnotation | undefined} connotation  **attribute** `connotation`
 * @param {-6 | -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5 | undefined} size  **attribute** `size`
-* @param {'delegate'} _vividAriaBehaviour
 * @param {number | null} value - The value of the progress **attribute** `value`
 * @param {number} min - The minimum value **attribute** `min`
 * @param {number} max - The maximum value **attribute** `max`
@@ -15,19 +14,18 @@ It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 declare const VwcProgressRing: {
     (props: {
         children?: ReactNode;
-        slot?: string | undefined;
-        id?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        connotation?: any;
-        size?: any;
-        _vividAriaBehaviour?: any;
-        value?: number | undefined;
-        min?: number | undefined;
-        max?: number | undefined;
-        paused?: 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;
+        "connotation"?: any;
+        "size"?: any;
+        "value"?: number;
+        "min"?: number;
+        "max"?: number;
+        "paused"?: boolean;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcProgressRing/index.js

@@ -40,18 +40,6 @@ Code in this file were generated using following JSON:
     "text": "-6 | -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5 | undefined"
    }
   },
-  {
-   "kind": "field",
-   "name": "_vividAriaBehaviour",
-   "default": "'delegate'",
-   "type": {
-    "text": "'delegate'"
-   },
-   "inheritedFrom": {
-    "name": "DelegatesAria",
-    "module": "src/shared/aria/delegates-aria.ts"
-   }
-  },
   {
    "kind": "field",
    "name": "value",
@@ -231,7 +219,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 { registerProgressRing } from '@vonage/vivid'
 
 registerProgressRing('vvd3')
@@ -239,7 +227,7 @@ registerProgressRing('vvd3')
 const VwcProgressRing = wrapper(`vvd3-progress-ring`,  {
     events: [],
     attributes: [],
-    properties: ['connotation', 'size', '_vividAriaBehaviour', 'value', 'min', 'max', 'paused', 'VIVID_VERSION', 'componentName']
+    properties: ['connotation', 'size', 'value', 'min', 'max', 'paused', 'VIVID_VERSION', 'componentName']
 })
 
 VwcProgressRing.displayName = 'VwcProgressRing'

package/v3/VwcProgressRing/package.json

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

@@ -26,29 +26,30 @@ It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 declare const VwcRadio: {
     (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;
-        connotation?: any;
-        readOnly?: boolean | undefined;
-        checked?: boolean | undefined;
-        dirtyChecked?: boolean | undefined;
-        errorText?: string | undefined;
-        validate?: any;
-        label?: string | undefined;
-        defaultChecked?: boolean | undefined;
-        checkedAttribute?: any;
-        currentChecked?: any;
-        value?: 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;
+        onChange?: (event: SyntheticEvent) => void;
+        onChange?: (event: SyntheticEvent) => void;
+        "connotation"?: any;
+        "readOnly"?: boolean;
+        "checked"?: boolean;
+        "dirtyChecked"?: boolean;
+        "errorText"?: string | undefined;
+        "validate"?: any;
+        "label"?: string | undefined;
+        "defaultChecked"?: boolean;
+        "checkedAttribute"?: any;
+        "currentChecked"?: any;
+        "value"?: string;
+        "currentValue"?: any;
+        "initialValue"?: string;
+        "disabled"?: boolean;
+        "name"?: string;
+        "required"?: boolean;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcRadio/index.js

@@ -646,7 +646,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 { registerRadio } from '@vonage/vivid'
 
 registerRadio('vvd3')

package/v3/VwcRadio/package.json

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

@@ -1,15 +1,15 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcRadioGroup
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/radio-group
-* @param {string} label - The label for the radio group **attribute** `label`
-* @param {boolean} required - When true, the radio group and all its radio buttons will be required **attribute** `required`
+* @param {string} label - Label of the the Radio Group **attribute** `label`
+* @param {boolean} required - Sets the required state **attribute** `required`
 * @param {boolean} readOnly - When true, the child radios 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} disabled - Disables the radio group and child radios. **attribute** `disabled`
+* @param {boolean} disabled - Whether the input element is disabled **attribute** `disabled`
 * @param {string} name - The name of the radio group. Setting this value will set the name value
 for all child radio elements. **attribute** `name`
 * @param {string} value - The value of the checked radio **attribute** `value`
 * @param {string} errorText  **attribute** `error-text`
-* @param {Orientation | 'horizontal' | 'vertical'} orientation - The orientation of the group **attribute** `orientation`
+* @param {Orientation | 'horizontal' | 'vertical'} orientation - Sets axis on which the tabs are aligned **attribute** `orientation`
 * @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} VIVID_VERSION - The current version of the Vivid library, which is useful for debugging.
@@ -19,22 +19,23 @@ It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 declare const VwcRadioGroup: {
     (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;
-        label?: string | undefined;
-        required?: boolean | undefined;
-        readOnly?: boolean | undefined;
-        disabled?: boolean | undefined;
-        name?: string | undefined;
-        value?: string | undefined;
-        errorText?: string | undefined;
-        orientation?: any;
-        helperText?: 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;
+        onChange?: (event: SyntheticEvent) => void;
+        onChange?: (event: SyntheticEvent) => void;
+        "label"?: string;
+        "required"?: boolean;
+        "readOnly"?: boolean;
+        "disabled"?: boolean;
+        "name"?: string;
+        "value"?: string;
+        "errorText"?: string;
+        "orientation"?: any;
+        "helperText"?: string | undefined;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };