@vonage/vivid-react 2.10.63 → 2.10.64

package/v3/VwcButton/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-button",
-  "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/VwcCalendar/index.js

@@ -96,23 +96,12 @@ Code in this file were generated using following JSON:
    "parameters": [
     {
      "description": "event name",
-     "name": "event",
-     "type": {
-      "text": "string"
-     }
-    },
-    {
-     "description": "optional event detail object",
-     "name": "detail",
-     "optional": true,
-     "type": {
-      "text": "Object"
-     }
+     "name": "calendarEvent"
     }
    ],
    "return": {
     "type": {
-     "text": "boolean"
+     "text": ""
     }
    }
   },

package/v3/VwcCalendar/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-calendar",
-  "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/VwcCalendarEvent/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-calendar-event",
-  "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/VwcCard/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-card",
-  "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/VwcCheckbox/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-checkbox",
-  "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/VwcCombobox/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-combobox",
-  "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/VwcDataGrid/index.js

@@ -85,6 +85,19 @@ Code in this file were generated using following JSON:
    "kind": "field",
    "name": "#initSelections",
    "privacy": "private"
+  },
+  {
+   "kind": "method",
+   "name": "generateColumns",
+   "static": true,
+   "parameters": [
+    {
+     "name": "rowData",
+     "type": {
+      "text": "any"
+     }
+    }
+   ]
   }
  ],
  "attributes": [

package/v3/VwcDataGrid/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-data-grid",
-  "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/VwcDataGridCell/index.d.ts

@@ -2,6 +2,7 @@ import React, { ReactNode } from 'react';
 /** Base class for data-grid
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/data-grid-cell
 * @param {string | null} ariaSelected  **attribute** `aria-selected`
+* @param {string | null} ariaSort  **attribute** `aria-sort`
 * @param  updateCellStyle
 */
 declare const VwcDataGridCell: {
@@ -12,6 +13,7 @@ declare const VwcDataGridCell: {
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         ariaSelected?: string | null | undefined;
+        ariaSort?: string | null | undefined;
         updateCellStyle?: any;
     }): JSX.Element;
     displayName: string;

package/v3/VwcDataGridCell/index.js

@@ -66,6 +66,14 @@ Code in this file were generated using following JSON:
    },
    "default": "null"
   },
+  {
+   "kind": "field",
+   "name": "ariaSort",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null"
+  },
   {
    "kind": "method",
    "name": "ariaSelectedChanged",
@@ -121,6 +129,14 @@ Code in this file were generated using following JSON:
    },
    "default": "null",
    "fieldName": "ariaSelected"
+  },
+  {
+   "name": "aria-sort",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null",
+   "fieldName": "ariaSort"
   }
  ],
  "superclass": {
@@ -137,7 +153,7 @@ registerDataGridCell('vvd3')
 const VwcDataGridCell = wrapper(`vvd3-data-grid-cell`,  {
     events: [],
     attributes: [],
-    properties: ['ariaSelected', 'updateCellStyle']
+    properties: ['ariaSelected', 'ariaSort', 'updateCellStyle']
 })
 
 VwcDataGridCell.displayName = 'VwcDataGridCell'

package/v3/VwcDataGridCell/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-data-grid-cell",
-  "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/VwcDataGridRow/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-data-grid-row",
-  "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/VwcDatePicker/index.d.ts

@@ -0,0 +1,27 @@
+import React, { ReactNode } from 'react';
+/** Base class for date-picker
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/date-picker
+* @param {string | undefined} label - The label text of the date-picker. **attribute** `label`
+* @param {string | undefined} helperText - The helper-text text of the date-picker. **attribute** `helper-text`
+* @param {string | undefined} errorText - The error-text text of the date-picker. **attribute** `error-text`
+* @param {DateStr | null} value - The currently selected date of the date-picker. **attribute** `value`
+* @param {boolean} disabled - Whether the date-picker is disabled. **attribute** `disabled`
+* @param {boolean} readOnly - Whether the date-picker is readonly. **attribute** `readonly`
+*/
+declare const VwcDatePicker: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        label?: string | undefined;
+        helperText?: string | undefined;
+        errorText?: string | undefined;
+        value?: any;
+        disabled?: boolean | undefined;
+        readOnly?: boolean | undefined;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcDatePicker;

package/v3/VwcDatePicker/index.js

@@ -0,0 +1,201 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "Base class for date-picker",
+ "name": "DatePicker",
+ "cssProperties": [
+  {
+   "name": "--vvd-date-picker-accent-primary",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-date-picker-accent-faint",
+   "default": "var(--vvd-color-neutral-50)"
+  },
+  {
+   "name": "--vvd-date-picker-accent-soft",
+   "default": "var(--vvd-color-neutral-100)"
+  },
+  {
+   "name": "--vvd-date-picker-accent-dim",
+   "default": "var(--vvd-color-neutral-200)"
+  },
+  {
+   "name": "--vvd-date-picker-accent-pale",
+   "default": "var(--vvd-color-neutral-300)"
+  }
+ ],
+ "members": [
+  {
+   "kind": "field",
+   "name": "label",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "The label text of the date-picker.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "helperText",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "The helper-text text of the date-picker.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "errorText",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "The error-text text of the date-picker.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "value",
+   "type": {
+    "text": "DateStr | null"
+   },
+   "default": "null",
+   "description": "The currently selected date of the date-picker.",
+   "privacy": "public"
+  },
+  {
+   "kind": "method",
+   "name": "#updateValueDueToUserInteraction",
+   "parameters": [
+    {
+     "name": "newValue",
+     "type": {
+      "text": "DateStr | null"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "field",
+   "name": "disabled",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Whether the date-picker is disabled.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "readOnly",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Whether the date-picker is readonly.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "#dismissOnClickOutside",
+   "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "#isClosingPopup",
+   "privacy": "private",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false"
+  },
+  {
+   "kind": "method",
+   "name": "#openPopupIfPossible"
+  },
+  {
+   "kind": "method",
+   "name": "#closePopup",
+   "parameters": [
+    {
+     "name": "restoreFocusToTextField",
+     "default": "true"
+    }
+   ]
+  }
+ ],
+ "attributes": [
+  {
+   "name": "label",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "The label text of the date-picker.",
+   "fieldName": "label"
+  },
+  {
+   "name": "helper-text",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "The helper-text text of the date-picker.",
+   "fieldName": "helperText"
+  },
+  {
+   "name": "error-text",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "The error-text text of the date-picker.",
+   "fieldName": "errorText"
+  },
+  {
+   "type": {
+    "text": "DateStr | null"
+   },
+   "default": "null",
+   "description": "The currently selected date of the date-picker.",
+   "fieldName": "value"
+  },
+  {
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Whether the date-picker is disabled.",
+   "fieldName": "disabled"
+  },
+  {
+   "name": "readonly",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Whether the date-picker is readonly.",
+   "fieldName": "readOnly"
+  }
+ ],
+ "superclass": {
+  "name": "FoundationElement",
+  "package": "@microsoft/fast-foundation"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerDatePicker } from '@vonage/vivid'
+
+registerDatePicker('vvd3')
+
+const VwcDatePicker = wrapper(`vvd3-date-picker`,  {
+    events: [],
+    attributes: [],
+    properties: ['label', 'helperText', 'errorText', 'value', 'disabled', 'readOnly']
+})
+
+VwcDatePicker.displayName = 'VwcDatePicker'
+
+export default VwcDatePicker

package/v3/VwcDatePicker/package.json

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

package/v3/VwcDialog/index.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { ReactNode, SyntheticEvent } from 'react';
 /** Base class for dialog
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/dialog
 * @param {boolean} open - Indicates dialog's state **attribute** `open`
@@ -12,6 +12,7 @@ import React, { ReactNode } from 'react';
 * @param {string | null} ariaDescribedBy  **attribute** `aria-describedby`
 * @param {string} returnValue
 * @param {HTMLElement[] | undefined} footerSlottedContent
+* @param {HTMLElement[] | undefined} actionItemsSlottedContent
 */
 declare const VwcDialog: {
     (props: {
@@ -20,6 +21,7 @@ declare const VwcDialog: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        onClose?: ((event: SyntheticEvent) => void) | undefined;
         open?: boolean | undefined;
         icon?: string | undefined;
         iconPlacement?: any;
@@ -31,6 +33,7 @@ declare const VwcDialog: {
         ariaDescribedBy?: string | null | undefined;
         returnValue?: string | undefined;
         footerSlottedContent?: any;
+        actionItemsSlottedContent?: any;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcDialog/index.js

@@ -23,6 +23,10 @@ Code in this file were generated using following JSON:
   {
    "description": "Assign nodes to the main slot to fully override a dialog’s predefined flow and style with your own.",
    "name": "main"
+  },
+  {
+   "description": "Use the action-items slot in order to add action buttons to the bottom of the dialog.",
+   "name": "action-items"
   }
  ],
  "members": [
@@ -189,6 +193,19 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "HTMLElement[] | undefined"
    }
+  },
+  {
+   "kind": "field",
+   "name": "actionItemsSlottedContent",
+   "type": {
+    "text": "HTMLElement[] | undefined"
+   }
+  }
+ ],
+ "events": [
+  {
+   "description": "Fired when the dialog is closed",
+   "name": "close"
   }
  ],
  "attributes": [
@@ -273,9 +290,9 @@ import { registerDialog } from '@vonage/vivid'
 registerDialog('vvd3')
 
 const VwcDialog = wrapper(`vvd3-dialog`,  {
-    events: [],
+    events: [{"name":"close","propName":"onClose"}],
     attributes: [],
-    properties: ['open', 'icon', 'iconPlacement', 'subtitle', 'headline', 'fullWidthBody', 'ariaLabelledBy', 'ariaLabel', 'ariaDescribedBy', 'returnValue', 'footerSlottedContent']
+    properties: ['open', 'icon', 'iconPlacement', 'subtitle', 'headline', 'fullWidthBody', 'ariaLabelledBy', 'ariaLabel', 'ariaDescribedBy', 'returnValue', 'footerSlottedContent', 'actionItemsSlottedContent']
 })
 
 VwcDialog.displayName = 'VwcDialog'

package/v3/VwcDialog/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-dialog",
-  "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/VwcDivider/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-divider",
-  "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/VwcElevation/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-elevation",
-  "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/VwcEmptyState/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-empty-state",
-  "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/VwcFab/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-fab",
-  "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/VwcFilePicker/index.d.ts

@@ -0,0 +1,28 @@
+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 {boolean} autoDiscover
+*/
+declare const VwcFilePicker: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        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;
+        autoDiscover?: boolean | undefined;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcFilePicker;