@vonage/vivid-react 2.10.63 → 2.10.65

package/v3/VwcFilePicker/index.js

@@ -0,0 +1,258 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "File-picker component",
+ "name": "FilePicker",
+ "members": [
+  {
+   "kind": "field",
+   "name": "#dropzone",
+   "privacy": "private",
+   "type": {
+    "text": "Dropzone | undefined"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "files",
+   "type": {
+    "text": "File[]"
+   },
+   "description": "Files that have been added to the file picker and passed validation.",
+   "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",
+   "type": {
+    "text": "number | undefined"
+   },
+   "description": "The max files that can be selected.",
+   "privacy": "public"
+  },
+  {
+   "kind": "method",
+   "name": "maxFilesChanged",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
+   "parameters": [
+    {
+     "name": "_oldValue",
+     "type": {
+      "text": "number"
+     }
+    },
+    {
+     "name": "newValue",
+     "type": {
+      "text": "number"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "field",
+   "name": "maxFileSize",
+   "type": {
+    "text": "number"
+   },
+   "default": "256",
+   "description": "The max file size that can be selected.",
+   "privacy": "public"
+  },
+  {
+   "kind": "method",
+   "name": "maxFileSizeChanged",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
+   "parameters": [
+    {
+     "name": "_oldValue",
+     "type": {
+      "text": "number"
+     }
+    },
+    {
+     "name": "newValue",
+     "type": {
+      "text": "number"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "field",
+   "name": "accept",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "List of accepted files types",
+   "privacy": "public"
+  },
+  {
+   "kind": "method",
+   "name": "acceptChanged",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
+   "parameters": [
+    {
+     "name": "_oldValue",
+     "type": {
+      "text": "string"
+     }
+    },
+    {
+     "name": "newValue",
+     "type": {
+      "text": "string"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "field",
+   "name": "size",
+   "type": {
+    "text": "FileUploaderSize | undefined"
+   },
+   "description": "The size the file-uploader should have.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "buttonTag",
+   "type": {
+    "text": "string"
+   },
+   "privacy": "private",
+   "default": "'vwc-button'",
+   "description": "Used internally to hold the tag that button is registered at."
+  },
+  {
+   "kind": "method",
+   "name": "#chooseFile",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
+  },
+  {
+   "kind": "method",
+   "name": "#updateHiddenFileInput",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
+  },
+  {
+   "kind": "method",
+   "name": "#handleFilesChanged",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
+  },
+  {
+   "kind": "field",
+   "name": "autoDiscover",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false"
+  }
+ ],
+ "events": [
+  {
+   "description": "Emitted when a file is added or removed.",
+   "name": "change"
+  }
+ ],
+ "attributes": [
+  {
+   "name": "label",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Indicates the file picker's label.",
+   "fieldName": "label"
+  },
+  {
+   "name": "max-files",
+   "type": {
+    "text": "number | undefined"
+   },
+   "description": "The max files that can be selected.",
+   "fieldName": "maxFiles"
+  },
+  {
+   "name": "max-file-size",
+   "type": {
+    "text": "number"
+   },
+   "default": "256",
+   "description": "The max file size that can be selected.",
+   "fieldName": "maxFileSize"
+  },
+  {
+   "name": "accept",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "List of accepted files types",
+   "fieldName": "accept"
+  },
+  {
+   "name": "size",
+   "type": {
+    "text": "FileUploaderSize | undefined"
+   },
+   "description": "The size the file-uploader should have.",
+   "fieldName": "size"
+  }
+ ],
+ "superclass": {
+  "name": "FoundationElement",
+  "package": "@microsoft/fast-foundation"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerFilePicker } from '@vonage/vivid'
+
+registerFilePicker('vvd3')
+
+const VwcFilePicker = wrapper(`vvd3-file-picker`,  {
+    events: [{"name":"change","propName":"onChange"}],
+    attributes: [],
+    properties: ['label', 'maxFiles', 'maxFileSize', 'accept', 'size', 'autoDiscover']
+})
+
+VwcFilePicker.displayName = 'VwcFilePicker'
+
+export default VwcFilePicker

package/v3/VwcFilePicker/package.json

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

package/v3/VwcFocus/package.json

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

package/v3/VwcHeader/package.json

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

package/v3/VwcIcon/index.d.ts

@@ -3,6 +3,7 @@ import React, { ReactNode } from 'react';
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/icon
 * @param {IconConnotation | undefined} connotation - The connotation the icon should have. **attribute** `connotation`
 * @param {-6 | -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5 | undefined} size  **attribute** `size`
+* @param {boolean} iconLoaded
 * @param {string | undefined} name - Indicates which icon to resolve. **attribute** `name`
 */
 declare const VwcIcon: {
@@ -14,6 +15,7 @@ declare const VwcIcon: {
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         connotation?: any;
         size?: any;
+        iconLoaded?: boolean | undefined;
         name?: string | undefined;
     }): JSX.Element;
     displayName: string;

package/v3/VwcIcon/index.js

@@ -56,6 +56,14 @@ Code in this file were generated using following JSON:
     "text": "-6 | -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5 | undefined"
    }
   },
+  {
+   "kind": "field",
+   "name": "iconLoaded",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false"
+  },
   {
    "kind": "field",
    "name": "name",
@@ -65,6 +73,11 @@ Code in this file were generated using following JSON:
    "description": "Indicates which icon to resolve.",
    "privacy": "public"
   },
+  {
+   "kind": "field",
+   "name": "iconUrl",
+   "readonly": true
+  },
   {
    "kind": "method",
    "name": "nameChanged",
@@ -110,7 +123,7 @@ registerIcon('vvd3')
 const VwcIcon = wrapper(`vvd3-icon`,  {
     events: [],
     attributes: [],
-    properties: ['connotation', 'size', 'name']
+    properties: ['connotation', 'size', 'iconLoaded', 'name']
 })
 
 VwcIcon.displayName = 'VwcIcon'

package/v3/VwcIcon/package.json

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

package/v3/VwcLayout/index.d.ts

@@ -1,5 +1,8 @@
 import React, { ReactNode } from 'react';
 /** Base class for layout
+
+[--layout-grid-template-columns=repeat([the `auto-sizing` mapped value],
+minmax([the `column-basis` mapped value], 1fr))] - Controls the `grid-template-columns` of the layout.
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/layout
 * @param {Gutters | undefined} gutters - sets the initial preferred margin from predefined available options **attribute** `gutters`
 * @param {ColumnBasis | undefined} columnBasis - sets the initial preferred measure of a column from predefined available options **attribute** `column-basis`

package/v3/VwcLayout/index.js

@@ -5,11 +5,8 @@
 Code in this file were generated using following JSON:
 {
  "kind": "class",
- "description": "Base class for layout",
+ "description": "Base class for layout\n\n[--layout-grid-template-columns=repeat([the `auto-sizing` mapped value],\nminmax([the `column-basis` mapped value], 1fr))] - Controls the `grid-template-columns` of the layout.",
  "name": "Layout",
- "cssProperties": [
-  {}
- ],
  "slots": [
   {
    "description": "Default slot.",

package/v3/VwcLayout/package.json

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

package/v3/VwcListbox/package.json

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

package/v3/VwcListboxOption/package.json

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

package/v3/VwcMenu/index.d.ts

@@ -1,13 +1,12 @@
-import React, { ReactNode } from 'react';
+import React, { ReactNode, SyntheticEvent } from 'react';
 /** Base class for menu
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/menu
-* @param {Popup | undefined} _popup
-* @param {boolean} open - indicates whether the menu is open **attribute** `open`
-* @param {Placement | undefined} placement - the placement of the menu **attribute** `placement`
-* @param {string | undefined} anchor - ID reference to element in the menu's owner document. **attribute** `anchor`
+* @param {Placement | undefined} placement - placement of the menu **attribute** `placement`
+* @param {AnchorType} anchor - id or direct reference to the menu's anchor element **attribute** `anchor`
 * @param {boolean} autoDismiss - indicates whether the menu will automatically close when
 the user clicks outside the menu **attribute** `auto-dismiss`
-* @param  popupOpenChanged
+* @param {boolean} open - indicates whether the menu is open **attribute** `open`
+* @param {HTMLElement[] | undefined} actionItemsSlottedContent
 */
 declare const VwcMenu: {
     (props: {
@@ -16,12 +15,13 @@ declare const VwcMenu: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        _popup?: any;
-        open?: boolean | undefined;
+        onOpen?: ((event: SyntheticEvent) => void) | undefined;
+        onClose?: ((event: SyntheticEvent) => void) | undefined;
         placement?: any;
-        anchor?: string | undefined;
+        anchor?: any;
         autoDismiss?: boolean | undefined;
-        popupOpenChanged?: any;
+        open?: boolean | undefined;
+        actionItemsSlottedContent?: any;
     }): JSX.Element;
     displayName: string;
 };