@vonage/vivid-react 2.10.72 → 2.10.74

package/v3/VwcFilePicker/index.d.ts

@@ -1,12 +1,13 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** File-picker component
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/file-picker
-* @param {string | undefined} label - Indicates the file picker's label. **attribute** `label`
 * @param {number | undefined} maxFiles - The max files that can be selected. **attribute** `max-files`
 * @param {number} maxFileSize - The max file size that can be selected. **attribute** `max-file-size`
 * @param {string | undefined} accept - List of accepted files types **attribute** `accept`
 * @param {FileUploaderSize | undefined} size - The size the file-uploader should have. **attribute** `size`
+* @param  setFormValue
 * @param {boolean} autoDiscover
+* @param {HTMLInputElement} proxy
 */
 declare const VwcFilePicker: {
     (props: {
@@ -16,12 +17,13 @@ declare const VwcFilePicker: {
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         onChange?: ((event: SyntheticEvent) => void) | undefined;
-        label?: string | undefined;
         maxFiles?: any;
         maxFileSize?: number | undefined;
         accept?: string | undefined;
         size?: any;
+        setFormValue?: any;
         autoDiscover?: boolean | undefined;
+        proxy?: any;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcFilePicker/index.js

@@ -26,15 +26,6 @@ Code in this file were generated using following JSON:
    "privacy": "public",
    "readonly": true
   },
-  {
-   "kind": "field",
-   "name": "label",
-   "type": {
-    "text": "string | undefined"
-   },
-   "description": "Indicates the file picker's label.",
-   "privacy": "public"
-  },
   {
    "kind": "field",
    "name": "maxFiles",
@@ -141,6 +132,24 @@ Code in this file were generated using following JSON:
    "description": "The size the file-uploader should have.",
    "privacy": "public"
   },
+  {
+   "kind": "method",
+   "name": "nameChanged",
+   "parameters": [
+    {
+     "name": "previous",
+     "type": {
+      "text": "string"
+     }
+    },
+    {
+     "name": "next",
+     "type": {
+      "text": "string"
+     }
+    }
+   ]
+  },
   {
    "kind": "field",
    "name": "buttonTag",
@@ -178,6 +187,36 @@ Code in this file were generated using following JSON:
     }
    }
   },
+  {
+   "kind": "method",
+   "name": "#updateFormValue"
+  },
+  {
+   "kind": "method",
+   "name": "#setValueToAFakePathLikeNativeInput"
+  },
+  {
+   "kind": "field",
+   "name": "setFormValue"
+  },
+  {
+   "kind": "method",
+   "name": "validate",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
+  },
+  {
+   "kind": "method",
+   "name": "formResetCallback",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
+  },
   {
    "kind": "field",
    "name": "autoDiscover",
@@ -185,6 +224,17 @@ Code in this file were generated using following JSON:
     "text": "boolean"
    },
    "default": "false"
+  },
+  {
+   "kind": "field",
+   "name": "proxy",
+   "type": {
+    "text": "HTMLInputElement"
+   },
+   "inheritedFrom": {
+    "name": "FormAssociatedFilePicker",
+    "module": "libs/components/src/lib/file-picker/file-picker.form-associated.ts"
+   }
   }
  ],
  "events": [
@@ -194,14 +244,6 @@ Code in this file were generated using following JSON:
   }
  ],
  "attributes": [
-  {
-   "name": "label",
-   "type": {
-    "text": "string | undefined"
-   },
-   "description": "Indicates the file picker's label.",
-   "fieldName": "label"
-  },
   {
    "name": "max-files",
    "type": {
@@ -237,8 +279,8 @@ Code in this file were generated using following JSON:
   }
  ],
  "superclass": {
-  "name": "FoundationElement",
-  "package": "@microsoft/fast-foundation"
+  "name": "FormAssociatedFilePicker",
+  "module": "/libs/components/src/lib/file-picker/file-picker.form-associated"
  }
 }
 */
@@ -250,7 +292,7 @@ registerFilePicker('vvd3')
 const VwcFilePicker = wrapper(`vvd3-file-picker`,  {
     events: [{"name":"change","propName":"onChange"}],
     attributes: [],
-    properties: ['label', 'maxFiles', 'maxFileSize', 'accept', 'size', 'autoDiscover']
+    properties: ['maxFiles', 'maxFileSize', 'accept', 'size', 'setFormValue', 'autoDiscover', 'proxy']
 })
 
 VwcFilePicker.displayName = 'VwcFilePicker'

package/v3/VwcFilePicker/package.json

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

package/v3/VwcFocus/package.json

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

package/v3/{VwcFormAssociatedDatePicker → VwcFormAssociatedFilePicker}/index.d.ts

@@ -1,10 +1,9 @@
 import React, { ReactNode } from 'react';
-/** A form-associated base class for the @microsoft/fast-foundation#(TextField:class) component.
-* For more info on this Vivid element please visit https://vivid.deno.dev/components/form-associated-date-picker
+/** VwcFormAssociatedFilePicker
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/form-associated-file-picker
 * @param {HTMLInputElement} proxy
-* @param {string} type
 */
-declare const VwcFormAssociatedDatePicker: {
+declare const VwcFormAssociatedFilePicker: {
     (props: {
         children?: ReactNode;
         slot?: string | undefined;
@@ -12,8 +11,7 @@ declare const VwcFormAssociatedDatePicker: {
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         proxy?: any;
-        type?: string | undefined;
     }): JSX.Element;
     displayName: string;
 };
-export default VwcFormAssociatedDatePicker;
+export default VwcFormAssociatedFilePicker;

package/v3/VwcFormAssociatedFilePicker/index.js

@@ -0,0 +1,44 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "",
+ "name": "FormAssociatedFilePicker",
+ "members": [
+  {
+   "kind": "field",
+   "name": "proxy",
+   "type": {
+    "text": "HTMLInputElement"
+   }
+  }
+ ],
+ "mixins": [
+  {
+   "name": "FormAssociated",
+   "package": "@microsoft/fast-foundation"
+  }
+ ],
+ "superclass": {
+  "name": "_FilePicker",
+  "module": "libs/components/src/lib/file-picker/file-picker.form-associated.ts"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerFormAssociatedFilePicker } from '@vonage/vivid'
+
+registerFormAssociatedFilePicker('vvd3')
+
+const VwcFormAssociatedFilePicker = wrapper(`vvd3-form-associated-file-picker`,  {
+    events: [],
+    attributes: [],
+    properties: ['proxy']
+})
+
+VwcFormAssociatedFilePicker.displayName = 'VwcFormAssociatedFilePicker'
+
+export default VwcFormAssociatedFilePicker

package/v3/VwcFormAssociatedFilePicker/package.json

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

package/v3/VwcHeader/package.json

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

package/v3/VwcIcon/package.json

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

package/v3/VwcLayout/package.json

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

package/v3/VwcListbox/package.json

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

package/v3/VwcMenu/index.d.ts

@@ -7,6 +7,7 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 the user clicks outside the menu **attribute** `auto-dismiss`
 * @param {boolean} open - indicates whether the menu is open **attribute** `open`
 * @param {HTMLElement[] | undefined} actionItemsSlottedContent
+* @param  handleFocusOut
 */
 declare const VwcMenu: {
     (props: {
@@ -22,6 +23,7 @@ declare const VwcMenu: {
         autoDismiss?: boolean | undefined;
         open?: boolean | undefined;
         actionItemsSlottedContent?: any;
+        handleFocusOut?: any;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcMenu/index.js

@@ -193,6 +193,10 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "HTMLElement[] | undefined"
    }
+  },
+  {
+   "kind": "field",
+   "name": "handleFocusOut"
   }
  ],
  "events": [
@@ -254,7 +258,7 @@ registerMenu('vvd3')
 const VwcMenu = wrapper(`vvd3-menu`,  {
     events: [{"name":"close","propName":"onClose"},{"name":"open","propName":"onOpen"}],
     attributes: [],
-    properties: ['placement', 'anchor', 'autoDismiss', 'open', 'actionItemsSlottedContent']
+    properties: ['placement', 'anchor', 'autoDismiss', 'open', 'actionItemsSlottedContent', 'handleFocusOut']
 })
 
 VwcMenu.displayName = 'VwcMenu'

package/v3/VwcMenu/package.json

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

package/v3/VwcMenuItem/index.d.ts

@@ -1,8 +1,10 @@
-import React, { ReactNode } from 'react';
+import React, { ReactNode, SyntheticEvent } from 'react';
 /** Base class for menu-item
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/menu-item
 * @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 {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  updateSubmenu
 */
 declare const VwcMenuItem: {
@@ -12,8 +14,11 @@ declare const VwcMenuItem: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        onChange?: ((event: SyntheticEvent) => void) | undefined;
         text?: string | undefined;
         textSecondary?: string | undefined;
+        checkTrailing?: boolean | undefined;
+        checkedAppearance?: any;
         updateSubmenu?: any;
     }): JSX.Element;
     displayName: string;

package/v3/VwcMenuItem/index.js

@@ -66,6 +66,25 @@ Code in this file were generated using following JSON:
    "description": "Indicates the menu item's secondary text.",
    "privacy": "public"
   },
+  {
+   "kind": "field",
+   "name": "checkTrailing",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Controls the placement of the menu item's checkmark or radio icon.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "checkedAppearance",
+   "type": {
+    "text": "CheckAppearance | undefined"
+   },
+   "description": "Controls the appearance of the check indicator.",
+   "privacy": "public"
+  },
   {
    "kind": "field",
    "name": "#submenuArray",
@@ -108,6 +127,23 @@ Code in this file were generated using following JSON:
    },
    "description": "Indicates the menu item's secondary text.",
    "fieldName": "textSecondary"
+  },
+  {
+   "name": "check-trailing",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Controls the placement of the menu item's checkmark or radio icon.",
+   "fieldName": "checkTrailing"
+  },
+  {
+   "name": "check-appearance",
+   "type": {
+    "text": "CheckAppearance | undefined"
+   },
+   "description": "Controls the appearance of the check indicator.",
+   "fieldName": "checkedAppearance"
   }
  ],
  "superclass": {
@@ -122,9 +158,9 @@ import { registerMenuItem } from '@vonage/vivid'
 registerMenuItem('vvd3')
 
 const VwcMenuItem = wrapper(`vvd3-menu-item`,  {
-    events: [],
+    events: [{"name":"change","propName":"onChange"}],
     attributes: [],
-    properties: ['text', 'textSecondary', 'updateSubmenu']
+    properties: ['text', 'textSecondary', 'checkTrailing', 'checkedAppearance', 'updateSubmenu']
 })
 
 VwcMenuItem.displayName = 'VwcMenuItem'

package/v3/VwcMenuItem/package.json

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

package/v3/VwcNav/package.json

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

package/v3/VwcNavDisclosure/package.json

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

package/v3/VwcNavItem/package.json

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

package/v3/VwcNote/package.json

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

package/v3/VwcNumberField/index.d.ts

@@ -1,6 +1,8 @@
-import React, { ReactNode } from 'react';
+import React, { ReactNode, SyntheticEvent } from 'react';
 /** Base class for number-field
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/number-field
+* @param {string | null} incrementButtonAriaLabel  **attribute** `increment-button-aria-label`
+* @param {string | null} decrementButtonAriaLabel  **attribute** `decrement-button-aria-label`
 * @param {NumberFieldAppearance | undefined} appearance  **attribute** `appearance`
 * @param {NumberFieldShape | undefined} shape  **attribute** `shape`
 * @param {string | undefined} autoComplete  **attribute** `autoComplete`
@@ -12,6 +14,10 @@ declare const VwcNumberField: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        onChange?: ((event: SyntheticEvent) => void) | undefined;
+        onInput?: ((event: SyntheticEvent) => void) | undefined;
+        incrementButtonAriaLabel?: string | null | undefined;
+        decrementButtonAriaLabel?: string | null | undefined;
         appearance?: any;
         shape?: any;
         autoComplete?: string | undefined;

package/v3/VwcNumberField/index.js

@@ -82,6 +82,22 @@ Code in this file were generated using following JSON:
   }
  ],
  "members": [
+  {
+   "kind": "field",
+   "name": "incrementButtonAriaLabel",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null"
+  },
+  {
+   "kind": "field",
+   "name": "decrementButtonAriaLabel",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null"
+  },
   {
    "kind": "field",
    "name": "appearance",
@@ -136,6 +152,22 @@ Code in this file were generated using following JSON:
   }
  ],
  "attributes": [
+  {
+   "name": "increment-button-aria-label",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null",
+   "fieldName": "incrementButtonAriaLabel"
+  },
+  {
+   "name": "decrement-button-aria-label",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null",
+   "fieldName": "decrementButtonAriaLabel"
+  },
   {
    "name": "appearance",
    "type": {
@@ -170,9 +202,9 @@ import { registerNumberField } from '@vonage/vivid'
 registerNumberField('vvd3')
 
 const VwcNumberField = wrapper(`vvd3-number-field`,  {
-    events: [],
+    events: [{"name":"input","propName":"onInput"},{"name":"change","propName":"onChange"}],
     attributes: [],
-    properties: ['appearance', 'shape', 'autoComplete']
+    properties: ['incrementButtonAriaLabel', 'decrementButtonAriaLabel', 'appearance', 'shape', 'autoComplete']
 })
 
 VwcNumberField.displayName = 'VwcNumberField'

package/v3/VwcNumberField/package.json

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

package/v3/{VwcListboxOption → VwcOption}/index.d.ts

@@ -1,12 +1,12 @@
 import React, { ReactNode } from 'react';
 /** Base class for option
-* For more info on this Vivid element please visit https://vivid.deno.dev/components/listbox-option
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/option
 * @param {string | undefined} _text  **attribute** `text`
 * @param  text
 * @param {string | undefined} _label  **attribute** `label`
 * @param {string} label
 */
-declare const VwcListboxOption: {
+declare const VwcOption: {
     (props: {
         children?: ReactNode;
         slot?: string | undefined;
@@ -20,4 +20,4 @@ declare const VwcListboxOption: {
     }): JSX.Element;
     displayName: string;
 };
-export default VwcListboxOption;
+export default VwcOption;