@vonage/vivid-react 2.10.77 → 2.10.79

package/v3/VwcCheckbox/package.json

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

package/v3/VwcCombobox/package.json

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

package/v3/VwcDataGrid/index.d.ts

@@ -1,7 +1,8 @@
-import React, { ReactNode } from 'react';
+import React, { ReactNode, SyntheticEvent } from 'react';
 /** Base class for data-grid
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/data-grid
 * @param {DataGridSelectionMode | undefined} selectionMode - Indicates the selection mode. **attribute** `selection-mode`
+* @param  toggleGeneratedHeader
 */
 declare const VwcDataGrid: {
     (props: {
@@ -10,7 +11,9 @@ declare const VwcDataGrid: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        onCellClick?: ((event: SyntheticEvent) => void) | undefined;
         selectionMode?: any;
+        toggleGeneratedHeader?: any;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcDataGrid/index.js

@@ -73,6 +73,15 @@ Code in this file were generated using following JSON:
    "name": "#handleRowSelection",
    "privacy": "private"
   },
+  {
+   "kind": "field",
+   "name": "#changeHandler",
+   "privacy": "private",
+   "type": {
+    "text": "object"
+   },
+   "default": "{\n\t\thandleChange(dataGrid: DataGrid, propertyName: string) {\n\t\t\tif (propertyName === 'columnDefinitions') {\n\t\t\t\tif (dataGrid.$fastController.isConnected) {\n\t\t\t\t\t(dataGrid as any).toggleGeneratedHeader();\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}"
+  },
   {
    "kind": "field",
    "name": "#setSelectedState",
@@ -100,6 +109,16 @@ Code in this file were generated using following JSON:
      }
     }
    ]
+  },
+  {
+   "kind": "field",
+   "name": "toggleGeneratedHeader"
+  }
+ ],
+ "events": [
+  {
+   "description": "Event that fires when a cell is clicked",
+   "name": "cell-click"
   }
  ],
  "attributes": [
@@ -124,9 +143,9 @@ import { registerDataGrid } from '@vonage/vivid'
 registerDataGrid('vvd3')
 
 const VwcDataGrid = wrapper(`vvd3-data-grid`,  {
-    events: [],
+    events: [{"name":"cell-click","propName":"onCellClick"}],
     attributes: [],
-    properties: ['selectionMode']
+    properties: ['selectionMode', 'toggleGeneratedHeader']
 })
 
 VwcDataGrid.displayName = 'VwcDataGrid'

package/v3/VwcDataGrid/package.json

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

package/v3/VwcDataGridCell/index.d.ts

@@ -13,6 +13,7 @@ declare const VwcDataGridCell: {
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         onSort?: ((event: SyntheticEvent) => void) | undefined;
+        onCellClick?: ((event: SyntheticEvent) => void) | undefined;
         ariaSelected?: string | null | undefined;
         ariaSort?: string | null | undefined;
         updateCellStyle?: any;

package/v3/VwcDataGridCell/index.js

@@ -120,6 +120,10 @@ Code in this file were generated using following JSON:
     }
    ]
   },
+  {
+   "kind": "method",
+   "name": "#getColumnDataKey"
+  },
   {
    "kind": "field",
    "name": "updateCellStyle"
@@ -129,6 +133,10 @@ Code in this file were generated using following JSON:
   {
    "description": "Event that fires when a sortable column header is clicked",
    "name": "sort"
+  },
+  {
+   "description": "Event that fires when a cell is clicked",
+   "name": "cell-click"
   }
  ],
  "attributes": [
@@ -163,7 +171,7 @@ import { registerDataGridCell } from '@vonage/vivid'
 registerDataGridCell('vvd3')
 
 const VwcDataGridCell = wrapper(`vvd3-data-grid-cell`,  {
-    events: [{"name":"sort","propName":"onSort"}],
+    events: [{"name":"cell-click","propName":"onCellClick"},{"name":"sort","propName":"onSort"}],
     attributes: [],
     properties: ['ariaSelected', 'ariaSort', 'updateCellStyle']
 })

package/v3/VwcDataGridCell/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-data-grid-cell",
-  "version": "3.43.0",
+  "version": "3.46.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "3.43.0"
+    "@vonage/vivid": "3.46.0"
   }
 }

package/v3/VwcDataGridRow/index.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { ReactNode, SyntheticEvent } from 'react';
 /** Base class for data-grid
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/data-grid-row
 * @param {string | null} ariaSelected - Indicates the selected status. **attribute** `aria-selected`
@@ -10,6 +10,7 @@ declare const VwcDataGridRow: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        onCellClick?: ((event: SyntheticEvent) => void) | undefined;
         ariaSelected?: string | null | undefined;
     }): JSX.Element;
     displayName: string;

package/v3/VwcDataGridRow/index.js

@@ -69,6 +69,12 @@ Code in this file were generated using following JSON:
    "privacy": "public"
   }
  ],
+ "events": [
+  {
+   "description": "Event that fires when a cell is clicked",
+   "name": "cell-click"
+  }
+ ],
  "attributes": [
   {
    "name": "aria-selected",
@@ -92,7 +98,7 @@ import { registerDataGridRow } from '@vonage/vivid'
 registerDataGridRow('vvd3')
 
 const VwcDataGridRow = wrapper(`vvd3-data-grid-row`,  {
-    events: [],
+    events: [{"name":"cell-click","propName":"onCellClick"}],
     attributes: [],
     properties: ['ariaSelected']
 })

package/v3/VwcDataGridRow/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-data-grid-row",
-  "version": "3.43.0",
+  "version": "3.46.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "3.43.0"
+    "@vonage/vivid": "3.46.0"
   }
 }

package/v3/VwcDatePicker/package.json

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

package/v3/VwcDatePickerBase/package.json

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

package/v3/VwcDateRangePicker/package.json

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

package/v3/VwcDialog/index.d.ts

@@ -9,9 +9,8 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {boolean} fullWidthBody  **attribute** `full-width-body`
 * @param {string | null} ariaLabel  **attribute** `aria-label`
 * @param {string | null} dismissButtonAriaLabel  **attribute** `dismiss-button-aria-label`
+* @param {boolean} noLightDismiss  **attribute** `no-light-dismiss`
 * @param {string} returnValue
-* @param {HTMLElement[] | undefined} footerSlottedContent
-* @param {HTMLElement[] | undefined} actionItemsSlottedContent
 */
 declare const VwcDialog: {
     (props: {
@@ -29,9 +28,8 @@ declare const VwcDialog: {
         fullWidthBody?: boolean | undefined;
         ariaLabel?: string | null | undefined;
         dismissButtonAriaLabel?: string | null | undefined;
+        noLightDismiss?: boolean | undefined;
         returnValue?: string | undefined;
-        footerSlottedContent?: any;
-        actionItemsSlottedContent?: any;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcDialog/index.js

@@ -92,6 +92,14 @@ Code in this file were generated using following JSON:
    },
    "default": "null"
   },
+  {
+   "kind": "field",
+   "name": "noLightDismiss",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false"
+  },
   {
    "kind": "field",
    "name": "#modal",
@@ -108,11 +116,6 @@ Code in this file were generated using following JSON:
     "text": "string"
    }
   },
-  {
-   "kind": "field",
-   "name": "modal",
-   "readonly": true
-  },
   {
    "kind": "field",
    "name": "#dialogElement",
@@ -127,24 +130,6 @@ Code in this file were generated using following JSON:
    "privacy": "private",
    "readonly": true
   },
-  {
-   "kind": "method",
-   "name": "openChanged",
-   "parameters": [
-    {
-     "name": "oldValue",
-     "type": {
-      "text": "boolean"
-     }
-    },
-    {
-     "name": "newValue",
-     "type": {
-      "text": "boolean"
-     }
-    }
-   ]
-  },
   {
    "kind": "field",
    "name": "#handleScrimClick",
@@ -178,20 +163,6 @@ Code in this file were generated using following JSON:
   {
    "kind": "method",
    "name": "showModal"
-  },
-  {
-   "kind": "field",
-   "name": "footerSlottedContent",
-   "type": {
-    "text": "HTMLElement[] | undefined"
-   }
-  },
-  {
-   "kind": "field",
-   "name": "actionItemsSlottedContent",
-   "type": {
-    "text": "HTMLElement[] | undefined"
-   }
   }
  ],
  "events": [
@@ -260,6 +231,14 @@ Code in this file were generated using following JSON:
    },
    "default": "null",
    "fieldName": "dismissButtonAriaLabel"
+  },
+  {
+   "name": "no-light-dismiss",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "fieldName": "noLightDismiss"
   }
  ],
  "superclass": {
@@ -276,7 +255,7 @@ registerDialog('vvd3')
 const VwcDialog = wrapper(`vvd3-dialog`,  {
     events: [{"name":"close","propName":"onClose"}],
     attributes: [],
-    properties: ['open', 'icon', 'iconPlacement', 'subtitle', 'headline', 'fullWidthBody', 'ariaLabel', 'dismissButtonAriaLabel', 'returnValue', 'footerSlottedContent', 'actionItemsSlottedContent']
+    properties: ['open', 'icon', 'iconPlacement', 'subtitle', 'headline', 'fullWidthBody', 'ariaLabel', 'dismissButtonAriaLabel', 'noLightDismiss', 'returnValue']
 })
 
 VwcDialog.displayName = 'VwcDialog'

package/v3/VwcDialog/package.json

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

package/v3/VwcDivider/package.json

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

package/v3/VwcElevation/package.json

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

package/v3/VwcEmptyState/package.json

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

package/v3/VwcFab/package.json

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

package/v3/VwcFilePicker/package.json

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

package/v3/VwcFocus/package.json

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

package/v3/VwcFormAssociatedFilePicker/package.json

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

package/v3/VwcHeader/package.json

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

package/v3/VwcIcon/package.json

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

package/v3/VwcLayout/package.json

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

package/v3/VwcListbox/package.json

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

package/v3/VwcMenu/index.d.ts

@@ -1,8 +1,8 @@
 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 {string | null} ariaLabel  **attribute** `aria-label`
 * @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 {boolean} open - indicates whether the menu is open **attribute** `open`
@@ -18,8 +18,8 @@ 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;
-        anchor?: any;
         autoDismiss?: boolean | undefined;
         open?: boolean | undefined;
         actionItemsSlottedContent?: any;