@vonage/vivid-react 3.4.1 → 3.5.0

package/v3/VwcPopup/index.js

@@ -0,0 +1,380 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "",
+ "name": "Popup",
+ "slots": [
+  {
+   "description": "Default slot.",
+   "name": ""
+  }
+ ],
+ "members": [
+  {
+   "kind": "field",
+   "name": "#middleware",
+   "privacy": "private",
+   "type": {
+    "text": "Array<any>"
+   },
+   "readonly": true
+  },
+  {
+   "kind": "field",
+   "name": "#cleanup",
+   "privacy": "private",
+   "type": {
+    "text": "() => void | undefined"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "popupEl",
+   "type": {
+    "text": "HTMLElement"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "arrowEl",
+   "type": {
+    "text": "HTMLElement"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "open",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "indicates whether the popup is open",
+   "privacy": "public"
+  },
+  {
+   "kind": "method",
+   "name": "openChanged",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
+   "parameters": [
+    {
+     "name": "_",
+     "type": {
+      "text": "boolean"
+     }
+    },
+    {
+     "name": "newValue",
+     "type": {
+      "text": "boolean"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "field",
+   "name": "dismissible",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "adds close button to the popup",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "arrow",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "adds small triangle to indicate the trigger element",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "alternate",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "set the color-scheme to dark",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "placement",
+   "type": {
+    "text": "Placement | undefined"
+   },
+   "description": "the placement of the popup",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "placementStrategy",
+   "type": {
+    "text": "PlacementStrategyId"
+   },
+   "description": "The placement strategy of the popup.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "animationFrame",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Whether to update the position of the floating element on every animation frame if required.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "strategy",
+   "type": {
+    "text": "Strategy | undefined"
+   },
+   "default": "'fixed'",
+   "description": "The strategy of the popup",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "offset",
+   "type": {
+    "text": "number | null"
+   },
+   "default": "null",
+   "description": "Adds offset to the popup",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "anchor",
+   "type": {
+    "text": "HTMLElement | undefined"
+   },
+   "description": "The element to anchor the popup to.",
+   "privacy": "public"
+  },
+  {
+   "kind": "method",
+   "name": "#updateAutoUpdate"
+  },
+  {
+   "kind": "method",
+   "name": "#togglePopover"
+  },
+  {
+   "kind": "field",
+   "name": "#lastPositionUpdate",
+   "privacy": "private",
+   "type": {
+    "text": "Promise<void> | undefined"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "#autoUpdateCallback",
+   "privacy": "private"
+  },
+  {
+   "kind": "method",
+   "name": "updatePosition",
+   "description": "Updates popup's position",
+   "privacy": "public",
+   "async": true
+  },
+  {
+   "kind": "method",
+   "name": "#assignPopupPosition",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
+   "parameters": [
+    {
+     "name": "data",
+     "type": {
+      "text": "any"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "#assignArrowPosition",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
+   "parameters": [
+    {
+     "name": "data",
+     "type": {
+      "text": "any"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "field",
+   "name": "anchorEl",
+   "type": {
+    "text": "HTMLElement | null"
+   },
+   "readonly": true
+  },
+  {
+   "kind": "method",
+   "name": "show",
+   "return": {
+    "type": {
+     "text": "Promise<void>"
+    }
+   },
+   "description": "Shows the popup.\nUnlike toggling the `open` attribute, show() will wait for the popup to become visible and positioned correctly."
+  },
+  {
+   "kind": "method",
+   "name": "hide",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
+  },
+  {
+   "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"
+   }
+  }
+ ],
+ "attributes": [
+  {
+   "name": "open",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "indicates whether the popup is open",
+   "fieldName": "open"
+  },
+  {
+   "name": "dismissible",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "adds close button to the popup",
+   "fieldName": "dismissible"
+  },
+  {
+   "name": "arrow",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "adds small triangle to indicate the trigger element",
+   "fieldName": "arrow"
+  },
+  {
+   "name": "alternate",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "set the color-scheme to dark",
+   "fieldName": "alternate"
+  },
+  {
+   "name": "placement",
+   "type": {
+    "text": "Placement | undefined"
+   },
+   "description": "the placement of the popup",
+   "fieldName": "placement"
+  },
+  {
+   "name": "animation-frame",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Whether to update the position of the floating element on every animation frame if required.",
+   "fieldName": "animationFrame"
+  },
+  {
+   "name": "strategy",
+   "type": {
+    "text": "Strategy | undefined"
+   },
+   "default": "'fixed'",
+   "description": "The strategy of the popup",
+   "fieldName": "strategy"
+  },
+  {
+   "name": "offset",
+   "type": {
+    "text": "number | null"
+   },
+   "default": "null",
+   "description": "Adds offset to the popup",
+   "fieldName": "offset"
+  }
+ ],
+ "superclass": {
+  "name": "VividElement",
+  "module": "/src/shared/foundation/vivid-element/vivid-element"
+ },
+ "vividComponent": {
+  "name": "popup"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerPopup } from '@vonage/vivid'
+
+registerPopup('vvd3')
+
+const VwcPopup = wrapper(`vvd3-popup`,  {
+    events: [],
+    attributes: [],
+    properties: ['popupEl', 'arrowEl', 'open', 'dismissible', 'arrow', 'alternate', 'placement', 'placementStrategy', 'animationFrame', 'strategy', 'offset', 'anchor', 'VIVID_VERSION', 'componentName']
+})
+
+VwcPopup.displayName = 'VwcPopup'
+
+export default VwcPopup

package/v3/{VwcAnchor → VwcPopup}/package.json

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

@@ -1,14 +1,17 @@
 import React, { ReactNode } from 'react';
 /** VwcProgress
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/progress
-* @param {string | null} ariaLabel  **attribute** `aria-label`
 * @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 {number | null} value - The value of the progress
-* @param {number} min - The minimum value
-* @param {number} max - The maximum value
-* @param {boolean} paused - Indicates the progress is paused
+* @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`
+* @param {boolean} paused - Indicates the progress is paused **attribute** `paused`
+* @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 VwcProgress: {
     (props: {
@@ -17,14 +20,16 @@ declare const VwcProgress: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        ariaLabel?: string | 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;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcProgress/index.js

@@ -42,14 +42,6 @@ Code in this file were generated using following JSON:
   }
  ],
  "members": [
-  {
-   "kind": "field",
-   "name": "ariaLabel",
-   "type": {
-    "text": "string | null"
-   },
-   "default": "null"
-  },
   {
    "kind": "field",
    "name": "shape",
@@ -78,6 +70,18 @@ Code in this file were generated using following JSON:
    "description": "Indicates the progress' reverse status.",
    "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",
@@ -88,7 +92,7 @@ Code in this file were generated using following JSON:
    "privacy": "public",
    "inheritedFrom": {
     "name": "BaseProgress",
-    "module": "libs/components/src/shared/foundation/progress/base-progress.ts"
+    "module": "src/shared/foundation/progress/base-progress.ts"
    }
   },
   {
@@ -101,7 +105,7 @@ Code in this file were generated using following JSON:
    "privacy": "public",
    "inheritedFrom": {
     "name": "BaseProgress",
-    "module": "libs/components/src/shared/foundation/progress/base-progress.ts"
+    "module": "src/shared/foundation/progress/base-progress.ts"
    }
   },
   {
@@ -114,7 +118,7 @@ Code in this file were generated using following JSON:
    "privacy": "public",
    "inheritedFrom": {
     "name": "BaseProgress",
-    "module": "libs/components/src/shared/foundation/progress/base-progress.ts"
+    "module": "src/shared/foundation/progress/base-progress.ts"
    }
   },
   {
@@ -124,7 +128,7 @@ Code in this file were generated using following JSON:
    "description": "",
    "inheritedFrom": {
     "name": "BaseProgress",
-    "module": "libs/components/src/shared/foundation/progress/base-progress.ts"
+    "module": "src/shared/foundation/progress/base-progress.ts"
    }
   },
   {
@@ -137,7 +141,7 @@ Code in this file were generated using following JSON:
    "privacy": "public",
    "inheritedFrom": {
     "name": "BaseProgress",
-    "module": "libs/components/src/shared/foundation/progress/base-progress.ts"
+    "module": "src/shared/foundation/progress/base-progress.ts"
    }
   },
   {
@@ -146,19 +150,38 @@ Code in this file were generated using following JSON:
    "privacy": "private",
    "inheritedFrom": {
     "name": "BaseProgress",
-    "module": "libs/components/src/shared/foundation/progress/base-progress.ts"
+    "module": "src/shared/foundation/progress/base-progress.ts"
    }
-  }
- ],
- "attributes": [
+  },
   {
-   "name": "aria-label",
+   "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 | null"
+    "text": "string"
    },
-   "default": "null",
-   "fieldName": "ariaLabel"
+   "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"
+   }
+  }
+ ],
+ "attributes": [
   {
    "name": "shape",
    "type": {
@@ -176,21 +199,72 @@ Code in this file were generated using following JSON:
    "fieldName": "connotation"
   },
   {
+   "name": "reverse",
    "type": {
     "text": "boolean"
    },
-   "description": "Indicates the progress' reverse status.",
-   "fieldName": "reverse",
    "default": "false",
+   "description": "Indicates the progress' reverse status.",
+   "fieldName": "reverse"
+  },
+  {
+   "name": "value",
+   "type": {
+    "text": "number | null"
+   },
+   "description": "The value of the progress",
+   "fieldName": "value",
+   "inheritedFrom": {
+    "name": "BaseProgress",
+    "module": "src/shared/foundation/progress/base-progress.ts"
+   }
+  },
+  {
+   "name": "min",
+   "type": {
+    "text": "number"
+   },
+   "description": "The minimum value",
+   "fieldName": "min",
    "inheritedFrom": {
     "name": "BaseProgress",
-    "module": "libs/components/src/shared/foundation/progress/base-progress.ts"
+    "module": "src/shared/foundation/progress/base-progress.ts"
    }
+  },
+  {
+   "name": "max",
+   "type": {
+    "text": "number"
+   },
+   "description": "The maximum value",
+   "fieldName": "max",
+   "inheritedFrom": {
+    "name": "BaseProgress",
+    "module": "src/shared/foundation/progress/base-progress.ts"
+   }
+  },
+  {
+   "name": "paused",
+   "type": {
+    "text": "boolean"
+   },
+   "description": "Indicates the progress is paused",
+   "fieldName": "paused",
+   "inheritedFrom": {
+    "name": "BaseProgress",
+    "module": "src/shared/foundation/progress/base-progress.ts"
+   }
+  }
+ ],
+ "mixins": [
+  {
+   "name": "DelegatesAria",
+   "module": "/src/shared/aria/delegates-aria"
   }
  ],
  "superclass": {
   "name": "BaseProgress",
-  "module": "/libs/components/src/shared/foundation/progress/base-progress"
+  "module": "/src/shared/foundation/progress/base-progress"
  },
  "vividComponent": {
   "public": true,
@@ -206,7 +280,7 @@ registerProgress('vvd3')
 const VwcProgress = wrapper(`vvd3-progress`,  {
     events: [],
     attributes: [],
-    properties: ['ariaLabel', 'shape', 'connotation', 'reverse', 'value', 'min', 'max', 'paused']
+    properties: ['shape', 'connotation', 'reverse', '_vividAriaBehaviour', '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": "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/VwcProgressRing/index.d.ts

@@ -1,13 +1,16 @@
 import React, { ReactNode } from 'react';
 /** VwcProgressRing
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/progress-ring
-* @param {string | null} ariaLabel  **attribute** `aria-label`
 * @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
-* @param {number} max - The maximum value
-* @param {boolean} paused - Indicates the progress is paused
+* @param {number} min - The minimum value **attribute** `min`
+* @param {number} max - The maximum value **attribute** `max`
+* @param {boolean} paused - Indicates the progress is paused **attribute** `paused`
+* @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 VwcProgressRing: {
     (props: {
@@ -16,13 +19,15 @@ declare const VwcProgressRing: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        ariaLabel?: string | 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;
     }): JSX.Element;
     displayName: string;
 };