@vonage/vivid-react 3.5.0 → 3.5.2

package/v3/VwcFilePicker/package.json

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

package/v3/VwcHeader/package.json

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

package/v3/VwcHostSemanticsBehavior/package.json

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

package/v3/VwcIcon/package.json

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

package/v3/VwcImagePlaceholder/index.d.ts

@@ -0,0 +1,28 @@
+import React, { ReactNode } from 'react';
+/** VwcImagePlaceholder
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/image-placeholder
+* @param {string | undefined} fileName  **attribute** `file-name`
+* @param {string | undefined} size  **attribute** `size`
+* @param {string | undefined} errorMessage  **attribute** `error-message`
+* @param {string | undefined} icon  **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
+*/
+declare const VwcImagePlaceholder: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        fileName?: string | undefined;
+        size?: string | undefined;
+        errorMessage?: string | undefined;
+        icon?: string | undefined;
+        VIVID_VERSION?: string | undefined;
+        componentName?: string | undefined;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcImagePlaceholder;

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": "4.29.0",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "private": true,
+  "license": "MIT",
+  "dependencies": {
+    "@vonage/vivid": "4.29.0"
+  }
+}

package/v3/VwcInlineTimePicker/package.json

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

package/v3/VwcLayout/package.json

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

package/v3/VwcListbox/package.json

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

package/v3/VwcMenu/package.json

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

package/v3/VwcMenuItem/index.d.ts

@@ -1,6 +1,7 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcMenuItem
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/menu-item
+* @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`
@@ -18,7 +19,6 @@ import React, { ReactNode, SyntheticEvent } 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 {string | undefined} icon  **attribute** `icon`
 */
 declare const VwcMenuItem: {
     (props: {
@@ -29,6 +29,7 @@ declare const VwcMenuItem: {
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         onExpandedChange?: ((event: SyntheticEvent) => void) | undefined;
         onChange?: ((event: SyntheticEvent) => void) | undefined;
+        icon?: string | undefined;
         disabled?: boolean | undefined;
         expanded?: boolean | undefined;
         role?: any;
@@ -41,7 +42,6 @@ declare const VwcMenuItem: {
         checkedAppearance?: any;
         trailingMetaSlottedContent?: any;
         _vividAriaBehaviour?: any;
-        icon?: string | undefined;
         VIVID_VERSION?: string | undefined;
         componentName?: string | undefined;
     }): JSX.Element;

package/v3/VwcMenuItem/index.js

@@ -417,7 +417,7 @@ registerMenuItem('vvd3')
 const VwcMenuItem = wrapper(`vvd3-menu-item`,  {
     events: [{"name":"change","propName":"onChange"},{"name":"expanded-change","propName":"onExpandedChange"}],
     attributes: [],
-    properties: ['disabled', 'expanded', 'role', 'controlType', 'checked', 'text', 'textSecondary', 'connotation', 'checkTrailing', 'checkedAppearance', 'trailingMetaSlottedContent', '_vividAriaBehaviour', 'icon', 'VIVID_VERSION', 'componentName', 'icon']
+    properties: ['icon', 'disabled', 'expanded', 'role', 'controlType', 'checked', 'text', 'textSecondary', 'connotation', 'checkTrailing', 'checkedAppearance', 'trailingMetaSlottedContent', '_vividAriaBehaviour', 'icon', 'VIVID_VERSION', 'componentName']
 })
 
 VwcMenuItem.displayName = 'VwcMenuItem'

package/v3/VwcMenuItem/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-menu-item",
-  "version": "4.28.0",
+  "version": "4.29.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.28.0"
+    "@vonage/vivid": "4.29.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": "4.29.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.28.0"
+    "@vonage/vivid": "4.29.0"
   }
 }

package/v3/VwcNav/package.json

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

package/v3/VwcNavDisclosure/package.json

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

package/v3/VwcNavItem/package.json

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

package/v3/VwcNote/package.json

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

package/v3/VwcNumberField/package.json

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

package/v3/VwcOption/index.d.ts

@@ -5,16 +5,15 @@ Implements https://www.w3.org/TR/wai-aria-1.1/#option | ARIA option .
 * @param {boolean | undefined} checked - The checked state is used when the parent listbox is in multiple selection mode.
 To avoid accessibility conflicts, the checked state should not be present in
 single selection mode.
-* @param {boolean} defaultSelected - The defaultSelected state of the option.
+* @param {boolean} defaultSelected - The defaultSelected state of the option. **attribute** `selected`
 * @param {boolean} disabled - The disabled state of the option. **attribute** `disabled`
-* @param {boolean} selectedAttribute - The selected attribute value. This sets the initial selected value. **attribute** `selected`
-* @param {boolean} selected - The checked state of the control.
-* @param {boolean} dirtyValue - Track whether the value has been changed from the initial value
+* @param  selectedAttribute
+* @param {boolean} selected - The checked state of the control. **attribute** `current-selected`
+* @param {string} value - The value of the option. **attribute** `value`
 * @param {string | undefined} _label  **attribute** `label`
 * @param {string} label
 * @param {string | undefined} _text  **attribute** `text`
 * @param  text
-* @param {string} value
 * @param {string | undefined} matchedText - Text to highlighted as matching a search query. **attribute** `matched-text`
 * @param {OptionTagConnotation | undefined} tagConnotation - When displayed as a tag, the connotation of the tag. **attribute** `tag-connotation`
 * @param  proxy
@@ -35,14 +34,13 @@ declare const VwcOption: {
         checked?: any;
         defaultSelected?: boolean | undefined;
         disabled?: boolean | undefined;
-        selectedAttribute?: boolean | undefined;
+        selectedAttribute?: any;
         selected?: boolean | undefined;
-        dirtyValue?: boolean | undefined;
+        value?: string | undefined;
         _label?: string | undefined;
         label?: string | undefined;
         _text?: string | undefined;
         text?: any;
-        value?: string | undefined;
         matchedText?: string | undefined;
         tagConnotation?: any;
         proxy?: any;

package/v3/VwcOption/index.js

@@ -98,22 +98,7 @@ Code in this file were generated using following JSON:
   },
   {
    "kind": "field",
-   "name": "selectedAttribute",
-   "type": {
-    "text": "boolean"
-   },
-   "description": "The selected attribute value. This sets the initial selected value.",
-   "privacy": "public"
-  },
-  {
-   "kind": "method",
-   "name": "selectedAttributeChanged",
-   "privacy": "protected",
-   "return": {
-    "type": {
-     "text": "void"
-    }
-   }
+   "name": "selectedAttribute"
   },
   {
    "kind": "field",
@@ -136,30 +121,18 @@ Code in this file were generated using following JSON:
   },
   {
    "kind": "field",
-   "name": "dirtyValue",
-   "type": {
-    "text": "boolean"
-   },
-   "default": "false",
-   "description": "Track whether the value has been changed from the initial value"
-  },
-  {
-   "kind": "field",
-   "name": "initialValue",
+   "name": "value",
    "type": {
     "text": "string"
    },
-   "privacy": "protected",
-   "description": "The initial value of the option. This value sets the `value` property\nonly when the `value` property has not been explicitly set."
+   "default": "''",
+   "description": "The value of the option.",
+   "privacy": "public"
   },
   {
    "kind": "method",
-   "name": "initialValueChanged",
-   "return": {
-    "type": {
-     "text": "void"
-    }
-   }
+   "name": "valueChanged",
+   "privacy": "protected"
   },
   {
    "kind": "field",
@@ -190,13 +163,6 @@ Code in this file were generated using following JSON:
    "kind": "field",
    "name": "text"
   },
-  {
-   "kind": "field",
-   "name": "value",
-   "type": {
-    "text": "string"
-   }
-  },
   {
    "kind": "field",
    "name": "form",
@@ -230,7 +196,7 @@ Code in this file were generated using following JSON:
   {
    "kind": "field",
    "name": "proxy",
-   "default": "new Option(\n\t\t\tthis.text,\n\t\t\t// @ts-expect-error Propery is used before it is assigned\n\t\t\tthis.initialValue,\n\t\t\tthis.defaultSelected,\n\t\t\tthis.selected\n\t\t)",
+   "default": "new Option(\n\t\t\tthis.text,\n\t\t\tthis.value,\n\t\t\tthis.defaultSelected,\n\t\t\tthis.selected\n\t\t)",
    "description": ""
   },
   {
@@ -301,6 +267,15 @@ Code in this file were generated using following JSON:
   }
  ],
  "attributes": [
+  {
+   "name": "selected",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "The defaultSelected state of the option.",
+   "fieldName": "defaultSelected"
+  },
   {
    "name": "disabled",
    "type": {
@@ -310,20 +285,21 @@ Code in this file were generated using following JSON:
    "fieldName": "disabled"
   },
   {
-   "name": "selected",
+   "name": "current-selected",
    "type": {
     "text": "boolean"
    },
-   "description": "The selected attribute value. This sets the initial selected value.",
-   "fieldName": "selectedAttribute"
+   "description": "The checked state of the control.",
+   "fieldName": "selected"
   },
   {
    "name": "value",
    "type": {
     "text": "string"
    },
-   "description": "The initial value of the option. This value sets the `value` property\nonly when the `value` property has not been explicitly set.",
-   "fieldName": "initialValue"
+   "default": "''",
+   "description": "The value of the option.",
+   "fieldName": "value"
   },
   {
    "name": "label",
@@ -409,7 +385,7 @@ registerOption('vvd3')
 const VwcOption = wrapper(`vvd3-option`,  {
     events: [],
     attributes: [],
-    properties: ['checked', 'defaultSelected', 'disabled', 'selectedAttribute', 'selected', 'dirtyValue', '_label', 'label', '_text', 'text', 'value', 'matchedText', 'tagConnotation', 'proxy', '_vividAriaBehaviour', 'iconTrailing', 'icon', 'VIVID_VERSION', 'componentName']
+    properties: ['checked', 'defaultSelected', 'disabled', 'selectedAttribute', 'selected', 'value', '_label', 'label', '_text', 'text', 'matchedText', 'tagConnotation', 'proxy', '_vividAriaBehaviour', 'iconTrailing', 'icon', 'VIVID_VERSION', 'componentName']
 })
 
 VwcOption.displayName = 'VwcOption'