@vonage/vivid-react 3.4.1 → 3.5.0

package/v3/VwcListbox/index.js

@@ -85,10 +85,38 @@ Code in this file were generated using following JSON:
    "name": "setSelectedOptions",
    "privacy": "public",
    "description": "Sets an option as selected and gives it focus."
+  },
+  {
+   "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": "disabled",
    "type": {
     "text": "boolean"
    },
@@ -98,7 +126,7 @@ Code in this file were generated using following JSON:
  ],
  "superclass": {
   "name": "VividElement",
-  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
+  "module": "/src/shared/foundation/vivid-element/vivid-element"
  }
 }
 */
@@ -110,7 +138,7 @@ registerListbox('vvd3')
 const VwcListbox = wrapper(`vvd3-listbox`,  {
     events: [],
     attributes: [],
-    properties: ['options', 'disabled', 'selectedIndex', 'selectedOptions', 'slottedOptionFilter']
+    properties: ['options', 'disabled', 'selectedIndex', 'selectedOptions', 'slottedOptionFilter', 'VIVID_VERSION', 'componentName']
 })
 
 VwcListbox.displayName = 'VwcListbox'

package/v3/VwcListbox/package.json

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

@@ -1,7 +1,6 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcMenu
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/menu
-* @param {string | null} ariaLabel  **attribute** `aria-label`
 * @param {Placement | undefined} placement - placement of the menu **attribute** `placement`
 * @param {'auto' | 'legacy' | 'off' | undefined} trigger - Controls how the menu opens and closes itself. **attribute** `trigger`
 * @param {boolean} autoDismiss - indicates whether the menu will automatically close when focus moves away from it. **attribute** `auto-dismiss`
@@ -9,6 +8,11 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {boolean} open - indicates whether the menu is open **attribute** `open`
 * @param  _onFocusout
 * @param {HTMLElement[] | undefined} actionItemsSlottedContent
+* @param {AnchorType | undefined} anchor - ID or direct reference to the component's anchor element. **attribute** `anchor`
+* @param {'delegate'} _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
 */
 declare const VwcMenu: {
     (props: {
@@ -19,7 +23,6 @@ declare const VwcMenu: {
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         onOpen?: ((event: SyntheticEvent) => void) | undefined;
         onClose?: ((event: SyntheticEvent) => void) | undefined;
-        ariaLabel?: string | null | undefined;
         placement?: any;
         trigger?: any;
         autoDismiss?: boolean | undefined;
@@ -27,6 +30,10 @@ declare const VwcMenu: {
         open?: boolean | undefined;
         _onFocusout?: any;
         actionItemsSlottedContent?: any;
+        anchor?: any;
+        _vividAriaBehaviour?: any;
+        VIVID_VERSION?: string | undefined;
+        componentName?: string | undefined;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcMenu/index.js

@@ -30,7 +30,7 @@ Code in this file were generated using following JSON:
    "kind": "field",
    "name": "menuItems",
    "type": {
-    "text": "Element[] | undefined"
+    "text": "HTMLElement[] | undefined"
    },
    "privacy": "private"
   },
@@ -53,16 +53,6 @@ Code in this file were generated using following JSON:
    "default": "-1",
    "description": "The index of the focusable element in the items array\ndefaults to -1"
   },
-  {
-   "kind": "field",
-   "name": "focusableElementRoles",
-   "type": {
-    "text": "{ [key: string]: string }"
-   },
-   "privacy": "private",
-   "static": true,
-   "default": "roleForMenuItem"
-  },
   {
    "kind": "method",
    "name": "focus",
@@ -116,18 +106,6 @@ Code in this file were generated using following JSON:
    },
    "description": "get an array of valid DOM children"
   },
-  {
-   "kind": "field",
-   "name": "isMenuItemElement",
-   "privacy": "private",
-   "description": "check if the item is a menu item"
-  },
-  {
-   "kind": "field",
-   "name": "isFocusableElement",
-   "privacy": "private",
-   "description": "check if the item is focusable"
-  },
   {
    "kind": "method",
    "name": "setFocus",
@@ -143,23 +121,9 @@ Code in this file were generated using following JSON:
      "type": {
       "text": "number"
      }
-    },
-    {
-     "name": "adjustment",
-     "type": {
-      "text": "number"
-     }
     }
    ]
   },
-  {
-   "kind": "field",
-   "name": "ariaLabel",
-   "type": {
-    "text": "string | null"
-   },
-   "default": "null"
-  },
   {
    "kind": "field",
    "name": "placement",
@@ -292,6 +256,97 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "HTMLElement[] | undefined"
    }
+  },
+  {
+   "kind": "field",
+   "name": "anchor",
+   "type": {
+    "text": "AnchorType | undefined"
+   },
+   "description": "ID or direct reference to the component's anchor element.",
+   "privacy": "public",
+   "inheritedFrom": {
+    "name": "Anchored",
+    "module": "src/shared/patterns/anchored.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "#updateAnchorEl",
+   "privacy": "private",
+   "inheritedFrom": {
+    "name": "Anchored",
+    "module": "src/shared/patterns/anchored.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "#observer",
+   "privacy": "private",
+   "type": {
+    "text": "MutationObserver | undefined"
+   },
+   "inheritedFrom": {
+    "name": "Anchored",
+    "module": "src/shared/patterns/anchored.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "#observeMissingAnchor",
+   "privacy": "private",
+   "inheritedFrom": {
+    "name": "Anchored",
+    "module": "src/shared/patterns/anchored.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "#cleanupObserverIfNeeded",
+   "privacy": "private",
+   "inheritedFrom": {
+    "name": "Anchored",
+    "module": "src/shared/patterns/anchored.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "_vividAriaBehaviour",
+   "default": "'delegate'",
+   "type": {
+    "text": "'delegate'"
+   },
+   "inheritedFrom": {
+    "name": "DelegatesAria",
+    "module": "src/shared/aria/delegates-aria.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": [
@@ -312,14 +367,7 @@ Code in this file were generated using following JSON:
  ],
  "attributes": [
   {
-   "name": "aria-label",
-   "type": {
-    "text": "string | null"
-   },
-   "default": "null",
-   "fieldName": "ariaLabel"
-  },
-  {
+   "name": "placement",
    "type": {
     "text": "Placement | undefined"
    },
@@ -354,17 +402,40 @@ Code in this file were generated using following JSON:
    "fieldName": "positionStrategy"
   },
   {
+   "name": "open",
    "type": {
     "text": "boolean"
    },
    "default": "false",
    "description": "indicates whether the menu is open",
    "fieldName": "open"
+  },
+  {
+   "name": "anchor",
+   "type": {
+    "text": "AnchorType | undefined"
+   },
+   "description": "ID or direct reference to the component's anchor element.",
+   "fieldName": "anchor",
+   "inheritedFrom": {
+    "name": "Anchored",
+    "module": "src/shared/patterns/anchored.ts"
+   }
+  }
+ ],
+ "mixins": [
+  {
+   "name": "Anchored",
+   "module": "/src/shared/patterns/anchored"
+  },
+  {
+   "name": "DelegatesAria",
+   "module": "/src/shared/aria/delegates-aria"
   }
  ],
  "superclass": {
   "name": "VividElement",
-  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
+  "module": "/src/shared/foundation/vivid-element/vivid-element"
  },
  "vividComponent": {
   "public": true,
@@ -380,7 +451,7 @@ registerMenu('vvd3')
 const VwcMenu = wrapper(`vvd3-menu`,  {
     events: [{"name":"close","propName":"onClose"},{"name":"open","propName":"onOpen"}],
     attributes: [],
-    properties: ['ariaLabel', 'placement', 'trigger', 'autoDismiss', 'positionStrategy', 'open', '_onFocusout', 'actionItemsSlottedContent']
+    properties: ['placement', 'trigger', 'autoDismiss', 'positionStrategy', 'open', '_onFocusout', 'actionItemsSlottedContent', 'anchor', '_vividAriaBehaviour', 'VIVID_VERSION', 'componentName']
 })
 
 VwcMenu.displayName = 'VwcMenu'

package/v3/VwcMenu/package.json

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

@@ -0,0 +1,22 @@
+import React, { ReactNode } from 'react';
+/** VwcMenuBar
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/menu-bar
+* @param {string | undefined} menuItems  **attribute** `menu-items`
+* @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 VwcMenuBar: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        menuItems?: string | undefined;
+        VIVID_VERSION?: string | undefined;
+        componentName?: string | undefined;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcMenuBar;

package/v3/VwcMenuBar/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": "MenuBar",
+ "members": [
+  {
+   "kind": "field",
+   "name": "menuItems",
+   "type": {
+    "text": "string | undefined"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "#textEditorElement",
+   "privacy": "private",
+   "readonly": true
+  },
+  {
+   "kind": "field",
+   "name": "#updateTextStyleState",
+   "privacy": "private",
+   "type": {
+    "text": "EventListener"
+   },
+   "default": "(() => {\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('text-styles-changed', {\n\t\t\t\tdetail: this.#textEditorElement?.selectionStyles,\n\t\t\t})\n\t\t);\n\t})"
+  },
+  {
+   "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": "menu-items",
+   "type": {
+    "text": "string | undefined"
+   },
+   "fieldName": "menuItems"
+  }
+ ],
+ "mixins": [
+  {
+   "name": "Localized",
+   "module": "/src/shared/patterns"
+  }
+ ],
+ "superclass": {
+  "name": "VividElement",
+  "module": "/src/shared/foundation/vivid-element/vivid-element"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerMenuBar } from '@vonage/vivid'
+
+registerMenuBar('vvd3')
+
+const VwcMenuBar = wrapper(`vvd3-menu-bar`,  {
+    events: [],
+    attributes: [],
+    properties: ['menuItems', 'VIVID_VERSION', 'componentName']
+})
+
+VwcMenuBar.displayName = 'VwcMenuBar'
+
+export default VwcMenuBar

package/v3/{VwcTextAnchor → VwcMenuBar}/package.json

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

@@ -4,14 +4,21 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {boolean} disabled - The disabled state of the element. **attribute** `disabled`
 * @param {boolean} expanded - The expanded state of the element. **attribute** `expanded`
 * @param {MenuItemRole} role - The role of the element. **attribute** `role`
+* @param {ControlType | undefined} controlType - Whether the menu item should behave as a checkbox or radio button. **attribute** `control-type`
 * @param {boolean} checked - The checked value of the element. **attribute** `checked`
 * @param {string | undefined} text - Indicates the menu item's text. **attribute** `text`
 * @param {string | undefined} textSecondary - Indicates the menu item's secondary text. **attribute** `text-secondary`
 * @param {MenuItemConnotation | undefined} connotation - The connotation the fab should have. **attribute** `connotation`
 * @param {boolean} checkTrailing - Controls the placement of the menu item's checkmark or radio icon. **attribute** `check-trailing`
-* @param {CheckAppearance | undefined} checkedAppearance - Controls the appearance of the check indicator. **attribute** `check-appearance`
+* @param {| 'normal'
+        | 'tick-only' | undefined} checkedAppearance - Controls the appearance of the check indicator. **attribute** `check-appearance`
 * @param {HTMLElement[] | undefined} trailingMetaSlottedContent
-* @param {string | undefined} icon
+* @param {'host'} _vividAriaBehaviour
+* @param {string | undefined} icon - A decorative icon the custom element should have. **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
+* @param {string | undefined} icon  **attribute** `icon`
 */
 declare const VwcMenuItem: {
     (props: {
@@ -25,6 +32,7 @@ declare const VwcMenuItem: {
         disabled?: boolean | undefined;
         expanded?: boolean | undefined;
         role?: any;
+        controlType?: any;
         checked?: boolean | undefined;
         text?: string | undefined;
         textSecondary?: string | undefined;
@@ -32,7 +40,10 @@ declare const VwcMenuItem: {
         checkTrailing?: boolean | undefined;
         checkedAppearance?: any;
         trailingMetaSlottedContent?: any;
+        _vividAriaBehaviour?: any;
         icon?: string | undefined;
+        VIVID_VERSION?: string | undefined;
+        componentName?: string | undefined;
     }): JSX.Element;
     displayName: string;
 };