@vonage/vivid-react 3.5.1 → 4.0.0

package/v3/VwcImagePlaceholder/index.js

@@ -0,0 +1,116 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "",
+ "name": "ImagePlaceholder",
+ "members": [
+  {
+   "kind": "field",
+   "name": "fileName",
+   "type": {
+    "text": "string | undefined"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "size",
+   "type": {
+    "text": "string | undefined"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "errorMessage",
+   "type": {
+    "text": "string | undefined"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "icon",
+   "type": {
+    "text": "string | 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"
+   }
+  }
+ ],
+ "attributes": [
+  {
+   "name": "file-name",
+   "type": {
+    "text": "string | undefined"
+   },
+   "fieldName": "fileName"
+  },
+  {
+   "name": "size",
+   "type": {
+    "text": "string | undefined"
+   },
+   "fieldName": "size"
+  },
+  {
+   "name": "error-message",
+   "type": {
+    "text": "string | undefined"
+   },
+   "fieldName": "errorMessage"
+  },
+  {
+   "name": "icon",
+   "type": {
+    "text": "string | undefined"
+   },
+   "fieldName": "icon"
+  }
+ ],
+ "superclass": {
+  "name": "VividElement",
+  "module": "/src/shared/foundation/vivid-element/vivid-element"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerImagePlaceholder } from '@vonage/vivid'
+
+registerImagePlaceholder('vvd3')
+
+const VwcImagePlaceholder = wrapper(`vvd3-image-placeholder`,  {
+    events: [],
+    attributes: [],
+    properties: ['fileName', 'size', 'errorMessage', 'icon', 'VIVID_VERSION', 'componentName']
+})
+
+VwcImagePlaceholder.displayName = 'VwcImagePlaceholder'
+
+export default VwcImagePlaceholder

package/v3/VwcImagePlaceholder/package.json

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

package/v3/VwcInlineTimePicker/index.d.ts

@@ -11,7 +11,6 @@ import React, { ReactNode } from 'react';
 * @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 {boolean} specialHandling
 * @param {VividAriaBehaviour} _vividAriaBehaviour
 */
 declare const VwcInlineTimePicker: {
@@ -30,7 +29,6 @@ declare const VwcInlineTimePicker: {
         focusedPickerClass?: string | undefined;
         VIVID_VERSION?: string | undefined;
         componentName?: string | undefined;
-        specialHandling?: boolean | undefined;
         _vividAriaBehaviour?: any;
     }): JSX.Element;
     displayName: string;

package/v3/VwcInlineTimePicker/index.js

@@ -150,18 +150,6 @@ Code in this file were generated using following JSON:
     "module": "src/shared/foundation/vivid-element/vivid-element.ts"
    }
   },
-  {
-   "kind": "field",
-   "name": "specialHandling",
-   "type": {
-    "text": "boolean"
-   },
-   "default": "false",
-   "inheritedFrom": {
-    "name": "VividElement",
-    "module": "src/shared/foundation/vivid-element/vivid-element.ts"
-   }
-  },
   {
    "kind": "field",
    "name": "_vividAriaBehaviour",
@@ -211,7 +199,7 @@ registerInlineTimePicker('vvd3')
 const VwcInlineTimePicker = wrapper(`vvd3-inline-time-picker`,  {
     events: [],
     attributes: [],
-    properties: ['value', 'minutesStep', 'secondsStep', 'clock', 'min', 'max', 'focusedPickerClass', 'VIVID_VERSION', 'componentName', 'specialHandling', '_vividAriaBehaviour']
+    properties: ['value', 'minutesStep', 'secondsStep', 'clock', 'min', 'max', 'focusedPickerClass', 'VIVID_VERSION', 'componentName', '_vividAriaBehaviour']
 })
 
 VwcInlineTimePicker.displayName = 'VwcInlineTimePicker'

package/v3/VwcInlineTimePicker/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-inline-time-picker",
-  "version": "4.28.0",
+  "version": "5.5.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.28.0"
+    "@vonage/vivid": "5.5.0"
   }
 }

package/v3/VwcLayout/package.json

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

package/v3/VwcListbox/index.js

@@ -69,6 +69,37 @@ Code in this file were generated using following JSON:
    ],
    "privacy": "public"
   },
+  {
+   "kind": "method",
+   "name": "getNextSelectableIndex",
+   "privacy": "protected",
+   "parameters": [
+    {
+     "name": "fromIndex",
+     "type": {
+      "text": "number"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "_validSelectedIndex",
+   "privacy": "protected",
+   "return": {
+    "type": {
+     "text": "number"
+    }
+   },
+   "parameters": [
+    {
+     "name": "index",
+     "type": {
+      "text": "number"
+     }
+    }
+   ]
+  },
   {
    "kind": "method",
    "name": "selectFirstOption",
@@ -80,6 +111,49 @@ Code in this file were generated using following JSON:
    "description": "Moves focus to the first selectable option.",
    "privacy": "public"
   },
+  {
+   "kind": "method",
+   "name": "_newDefaultSelectedIndex",
+   "privacy": "protected",
+   "return": {
+    "type": {
+     "text": "number | null"
+    }
+   },
+   "parameters": [
+    {
+     "name": "prev",
+     "type": {
+      "text": "ListboxOption[]"
+     }
+    },
+    {
+     "name": "next",
+     "type": {
+      "text": "ListboxOption[]"
+     }
+    },
+    {
+     "name": "currentSelectedIndex",
+     "type": {
+      "text": "number"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "_isDefaultSelected",
+   "privacy": "protected",
+   "parameters": [
+    {
+     "name": "option",
+     "type": {
+      "text": "ListboxOption"
+     }
+    }
+   ]
+  },
   {
    "kind": "method",
    "name": "setSelectedOptions",

package/v3/VwcListbox/package.json

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

package/v3/VwcMenu/index.d.ts

@@ -1,6 +1,7 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcMenu
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/menu
+* @param {number | null} offset - Adds offset to the popup **attribute** `offset`
 * @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`
@@ -23,6 +24,7 @@ declare const VwcMenu: {
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         onOpen?: ((event: SyntheticEvent) => void) | undefined;
         onClose?: ((event: SyntheticEvent) => void) | undefined;
+        offset?: number | undefined;
         placement?: any;
         trigger?: any;
         autoDismiss?: boolean | undefined;

package/v3/VwcMenu/index.js

@@ -26,6 +26,16 @@ Code in this file were generated using following JSON:
   }
  ],
  "members": [
+  {
+   "kind": "field",
+   "name": "offset",
+   "type": {
+    "text": "number | null"
+   },
+   "default": "null",
+   "description": "Adds offset to the popup",
+   "privacy": "public"
+  },
   {
    "kind": "field",
    "name": "menuItems",
@@ -366,6 +376,15 @@ Code in this file were generated using following JSON:
   }
  ],
  "attributes": [
+  {
+   "name": "offset",
+   "type": {
+    "text": "number | null"
+   },
+   "default": "null",
+   "description": "Adds offset to the popup",
+   "fieldName": "offset"
+  },
   {
    "name": "placement",
    "type": {
@@ -440,6 +459,34 @@ Code in this file were generated using following JSON:
  "vividComponent": {
   "public": true,
   "name": "menu"
+ },
+ "vividTesting": {
+  "selectors": [
+   {
+    "name": "byLabel",
+    "args": [
+     "byLabel"
+    ]
+   }
+  ],
+  "actions": [],
+  "queries": [
+   {
+    "name": "open",
+    "args": [
+     "open",
+     "true"
+    ]
+   },
+   {
+    "name": "closed",
+    "args": [
+     "open",
+     "false"
+    ]
+   }
+  ],
+  "refs": []
  }
 }
 */
@@ -451,7 +498,7 @@ registerMenu('vvd3')
 const VwcMenu = wrapper(`vvd3-menu`,  {
     events: [{"name":"close","propName":"onClose"},{"name":"open","propName":"onOpen"}],
     attributes: [],
-    properties: ['placement', 'trigger', 'autoDismiss', 'positionStrategy', 'open', '_onFocusout', 'actionItemsSlottedContent', 'anchor', '_vividAriaBehaviour', 'VIVID_VERSION', 'componentName']
+    properties: ['offset', '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.28.0",
+  "version": "5.5.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.28.0"
+    "@vonage/vivid": "5.5.0"
   }
 }

package/v3/VwcMenuItem/index.d.ts

@@ -4,7 +4,7 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {string | undefined} icon  **attribute** `icon`
 * @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 {MenuItemRole} role - The role of the element.
 * @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`

package/v3/VwcMenuItem/index.js

@@ -300,14 +300,6 @@ Code in this file were generated using following JSON:
    "description": "The expanded state of the element.",
    "fieldName": "expanded"
   },
-  {
-   "name": "role",
-   "type": {
-    "text": "MenuItemRole"
-   },
-   "description": "The role of the element.",
-   "fieldName": "role"
-  },
   {
    "name": "control-type",
    "type": {
@@ -406,6 +398,56 @@ Code in this file were generated using following JSON:
     "valueMapping": "event.currentTarget.checked"
    }
   ]
+ },
+ "vividTesting": {
+  "selectors": [
+   {
+    "name": "byText",
+    "args": [
+     "byText"
+    ]
+   }
+  ],
+  "actions": [
+   {
+    "name": "click",
+    "args": [
+     "click",
+     "#base"
+    ]
+   }
+  ],
+  "queries": [
+   {
+    "name": "checked",
+    "args": [
+     "checked",
+     "true"
+    ]
+   },
+   {
+    "name": "unchecked",
+    "args": [
+     "checked",
+     "false"
+    ]
+   },
+   {
+    "name": "disabled",
+    "args": [
+     "disabled"
+    ]
+   }
+  ],
+  "refs": [
+   {
+    "name": "base",
+    "args": [
+     "shadow",
+     ".base"
+    ]
+   }
+  ]
  }
 }
 */

package/v3/VwcMenuItem/package.json

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

package/v3/{VwcMenuBar → VwcMenubar}/index.d.ts

@@ -1,12 +1,12 @@
 import React, { ReactNode } from 'react';
-/** VwcMenuBar
-* For more info on this Vivid element please visit https://vivid.deno.dev/components/menu-bar
+/** VwcMenubar
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/menubar
 * @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: {
+declare const VwcMenubar: {
     (props: {
         children?: ReactNode;
         slot?: string | undefined;
@@ -19,4 +19,4 @@ declare const VwcMenuBar: {
     }): JSX.Element;
     displayName: string;
 };
-export default VwcMenuBar;
+export default VwcMenubar;

package/v3/{VwcMenuBar → VwcMenubar}/index.js

@@ -6,7 +6,7 @@ Code in this file were generated using following JSON:
 {
  "kind": "class",
  "description": "",
- "name": "MenuBar",
+ "name": "Menubar",
  "members": [
   {
    "kind": "field",
@@ -80,16 +80,14 @@ Code in this file were generated using following JSON:
 }
 */
 import wrapper from '@vonage/vivid-react-wrapper'
-import { registerMenuBar } from '@vonage/vivid'
 
-registerMenuBar('vvd3')
 
-const VwcMenuBar = wrapper(`vvd3-menu-bar`,  {
+const VwcMenubar = wrapper(`vvd3-menubar`,  {
     events: [],
     attributes: [],
     properties: ['menuItems', 'VIVID_VERSION', 'componentName']
 })
 
-VwcMenuBar.displayName = 'VwcMenuBar'
+VwcMenubar.displayName = 'VwcMenubar'
 
-export default VwcMenuBar
+export default VwcMenubar

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

@@ -1,11 +1,11 @@
 {
-  "name": "@vonage/vivid-react-vvd3-menu-bar",
-  "version": "4.28.0",
+  "name": "@vonage/vivid-react-vvd3-menubar",
+  "version": "5.5.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.28.0"
+    "@vonage/vivid": "5.5.0"
   }
 }

package/v3/VwcNav/package.json

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

package/v3/VwcNavDisclosure/index.js

@@ -289,6 +289,71 @@ Code in this file were generated using following JSON:
  "vividComponent": {
   "public": true,
   "name": "nav-disclosure"
+ },
+ "vividTesting": {
+  "selectors": [
+   {
+    "name": "byLabel",
+    "args": [
+     "byLabel"
+    ]
+   }
+  ],
+  "actions": [
+   {
+    "name": "expand",
+    "args": [
+     "toggleNavDisclosure",
+     "true"
+    ]
+   },
+   {
+    "name": "collapse",
+    "args": [
+     "toggleNavDisclosure",
+     "false"
+    ]
+   }
+  ],
+  "queries": [
+   {
+    "name": "current",
+    "args": [
+     "navCurrent",
+     "true"
+    ]
+   },
+   {
+    "name": "!current",
+    "args": [
+     "navCurrent",
+     "false"
+    ]
+   },
+   {
+    "name": "open",
+    "args": [
+     "open",
+     "true"
+    ]
+   },
+   {
+    "name": "closed",
+    "args": [
+     "open",
+     "false"
+    ]
+   }
+  ],
+  "refs": [
+   {
+    "name": "summary",
+    "args": [
+     "shadow",
+     "summary"
+    ]
+   }
+  ]
  }
 }
 */

package/v3/VwcNavDisclosure/package.json

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