@vonage/vivid-react 3.4.1 → 3.5.0

package/v3/VwcDataGrid/index.d.ts

@@ -4,7 +4,7 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {boolean} noTabbing - When true the component will not add itself to the tab queue.
 Default is false. **attribute** `no-tabbing`
 * @param {GenerateHeaderOptions} generateHeader - Whether the grid should automatically generate a header row and its type **attribute** `generate-header`
-* @param {string} gridTemplateColumns - String that gets applied to the the css gridTemplateColumns attribute of child rows **attribute** `grid-template-columns`
+* @param {string} gridTemplateColumns - String that gets applied to the css gridTemplateColumns attribute of child rows **attribute** `grid-template-columns`
 * @param {object[]} rowsData - The data being displayed in the grid
 * @param {ColumnDefinition[] | null} columnDefinitions - The column definitions of the grid
 * @param {ViewTemplate} rowItemTemplate - The template to use for the programmatic generation of rows
@@ -20,6 +20,9 @@ within the grid.  Changing this value when focus is already within
 the grid moves focus to the specified column.
 * @param {string} rowElementTag - Set by the component templates.
 * @param {DataGridSelectionMode | undefined} selectionMode - Indicates the selection mode. **attribute** `selection-mode`
+* @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 VwcDataGrid: {
     (props: {
@@ -41,6 +44,8 @@ declare const VwcDataGrid: {
         focusColumnIndex?: number | undefined;
         rowElementTag?: string | undefined;
         selectionMode?: any;
+        VIVID_VERSION?: string | undefined;
+        componentName?: string | undefined;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcDataGrid/index.js

@@ -63,7 +63,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string"
    },
-   "description": "String that gets applied to the the css gridTemplateColumns attribute of child rows",
+   "description": "String that gets applied to the css gridTemplateColumns attribute of child rows",
    "privacy": "public"
   },
   {
@@ -339,21 +339,6 @@ Code in this file were generated using following JSON:
    },
    "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\tdataGrid.toggleGeneratedHeader();\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t}"
   },
-  {
-   "kind": "field",
-   "name": "#setSelectedState",
-   "privacy": "private"
-  },
-  {
-   "kind": "field",
-   "name": "#resetSelection",
-   "privacy": "private"
-  },
-  {
-   "kind": "field",
-   "name": "#initSelections",
-   "privacy": "private"
-  },
   {
    "kind": "method",
    "name": "generateColumns",
@@ -366,6 +351,33 @@ Code in this file were generated using following JSON:
      }
     }
    ]
+  },
+  {
+   "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"
+   }
   }
  ],
  "events": [
@@ -400,7 +412,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string"
    },
-   "description": "String that gets applied to the the css gridTemplateColumns attribute of child rows",
+   "description": "String that gets applied to the css gridTemplateColumns attribute of child rows",
    "fieldName": "gridTemplateColumns"
   },
   {
@@ -414,7 +426,7 @@ Code in this file were generated using following JSON:
  ],
  "superclass": {
   "name": "VividElement",
-  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
+  "module": "/src/shared/foundation/vivid-element/vivid-element"
  },
  "vividComponent": {
   "public": true,
@@ -430,7 +442,7 @@ registerDataGrid('vvd3')
 const VwcDataGrid = wrapper(`vvd3-data-grid`,  {
     events: [{"name":"cell-click","propName":"onCellClick"}],
     attributes: [],
-    properties: ['noTabbing', 'generateHeader', 'gridTemplateColumns', 'rowsData', 'columnDefinitions', 'rowItemTemplate', 'cellItemTemplate', 'headerCellItemTemplate', 'focusRowIndex', 'focusColumnIndex', 'rowElementTag', 'selectionMode']
+    properties: ['noTabbing', 'generateHeader', 'gridTemplateColumns', 'rowsData', 'columnDefinitions', 'rowItemTemplate', 'cellItemTemplate', 'headerCellItemTemplate', 'focusRowIndex', 'focusColumnIndex', 'rowElementTag', 'selectionMode', 'VIVID_VERSION', 'componentName']
 })
 
 VwcDataGrid.displayName = 'VwcDataGrid'

package/v3/VwcDataGrid/package.json

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

package/v3/VwcDataGridCell/index.d.ts

@@ -7,8 +7,13 @@ This will be applied to the css grid-column-index value
 applied to the cell **attribute** `grid-column`
 * @param {object | null} rowData - The base data for the parent row
 * @param {ColumnDefinitionExtended | null} columnDefinition - The base data for the column
+* @param {boolean} selected - Reflects selected state of the row **attribute** `selected`
 * @param {string | null} ariaSelected - Indicates the selected status. **attribute** `aria-selected`
 * @param {string | null} ariaSort - Indicates the sort status. **attribute** `aria-sort`
+* @param {DataGridCellSortStates | undefined} sortDirection - Sets the sorting direction. **attribute** `sort-direction`
+* @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 VwcDataGridCell: {
     (props: {
@@ -24,8 +29,12 @@ declare const VwcDataGridCell: {
         gridColumn?: string | undefined;
         rowData?: any;
         columnDefinition?: any;
+        selected?: boolean | undefined;
         ariaSelected?: string | null | undefined;
         ariaSort?: string | null | undefined;
+        sortDirection?: any;
+        VIVID_VERSION?: string | undefined;
+        componentName?: string | undefined;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcDataGridCell/index.js

@@ -212,6 +212,22 @@ Code in this file were generated using following JSON:
    "name": "updateCellStyle",
    "privacy": "private"
   },
+  {
+   "kind": "method",
+   "name": "calculateAriaSelectedValue",
+   "privacy": "private",
+   "description": ""
+  },
+  {
+   "kind": "field",
+   "name": "selected",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Reflects selected state of the row",
+   "privacy": "public"
+  },
   {
    "kind": "field",
    "name": "ariaSelected",
@@ -233,32 +249,50 @@ Code in this file were generated using following JSON:
    "privacy": "public"
   },
   {
-   "kind": "method",
-   "name": "ariaSelectedChanged",
-   "parameters": [
-    {
-     "name": "_",
-     "type": {
-      "text": "string | null"
-     }
-    },
-    {
-     "name": "selectedState",
-     "type": {
-      "text": "string | null"
-     }
-    }
-   ]
+   "kind": "field",
+   "name": "sortDirection",
+   "type": {
+    "text": "DataGridCellSortStates | undefined"
+   },
+   "description": "Sets the sorting direction.",
+   "privacy": "public"
   },
   {
    "kind": "method",
    "name": "#getColumnDataKey"
+  },
+  {
+   "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"
+   }
   }
  ],
  "events": [
   {
    "type": {
-    "text": "CustomEvent<{columnDataKey: string, ariaSort: string | null}>"
+    "text": "CustomEvent<{columnDataKey: string, ariaSort: string | null, sortDirection: string | null}>"
    },
    "description": "Event that fires when a sortable column header is clicked",
    "name": "sort"
@@ -295,6 +329,15 @@ Code in this file were generated using following JSON:
    "description": "The column index of the cell.\nThis will be applied to the css grid-column-index value\napplied to the cell",
    "fieldName": "gridColumn"
   },
+  {
+   "name": "selected",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Reflects selected state of the row",
+   "fieldName": "selected"
+  },
   {
    "name": "aria-selected",
    "type": {
@@ -312,11 +355,25 @@ Code in this file were generated using following JSON:
    "default": "null",
    "description": "Indicates the sort status.",
    "fieldName": "ariaSort"
+  },
+  {
+   "name": "sort-direction",
+   "type": {
+    "text": "DataGridCellSortStates | undefined"
+   },
+   "description": "Sets the sorting direction.",
+   "fieldName": "sortDirection"
+  }
+ ],
+ "mixins": [
+  {
+   "name": "Localized",
+   "module": "/src/shared/patterns"
   }
  ],
  "superclass": {
   "name": "VividElement",
-  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
+  "module": "/src/shared/foundation/vivid-element/vivid-element"
  },
  "vividComponent": {
   "public": true,
@@ -330,7 +387,7 @@ import wrapper from '@vonage/vivid-react-wrapper'
 const VwcDataGridCell = wrapper(`vvd3-data-grid-cell`,  {
     events: [{"name":"cell-focused","propName":"onCellFocused"},{"name":"cell-click","propName":"onCellClick"},{"name":"sort","propName":"onSort"}],
     attributes: [],
-    properties: ['cellType', 'gridColumn', 'rowData', 'columnDefinition', 'ariaSelected', 'ariaSort']
+    properties: ['cellType', 'gridColumn', 'rowData', 'columnDefinition', 'selected', 'ariaSelected', 'ariaSort', 'sortDirection', 'VIVID_VERSION', 'componentName']
 })
 
 VwcDataGridCell.displayName = 'VwcDataGridCell'

package/v3/VwcDataGridCell/package.json

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

package/v3/VwcDataGridRow/index.d.ts

@@ -11,6 +11,10 @@ x **attribute** `grid-template-columns`
 * @param {number} rowIndex - The index of the row in the parent grid.
 This is typically set programmatically by the parent grid.
 * @param {string | null} ariaSelected - Indicates the selected status. **attribute** `aria-selected`
+* @param {boolean | undefined} selected - Reflects selected state of the row **attribute** `selected`
+* @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 VwcDataGridRow: {
     (props: {
@@ -29,6 +33,9 @@ declare const VwcDataGridRow: {
         headerCellItemTemplate?: any;
         rowIndex?: number | undefined;
         ariaSelected?: string | null | undefined;
+        selected?: any;
+        VIVID_VERSION?: string | undefined;
+        componentName?: string | undefined;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcDataGridRow/index.js

@@ -238,6 +238,43 @@ Code in this file were generated using following JSON:
    "default": "null",
    "description": "Indicates the selected status.",
    "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "selected",
+   "type": {
+    "text": "boolean | undefined"
+   },
+   "default": "false",
+   "description": "Reflects selected state of the row",
+   "privacy": "public"
+  },
+  {
+   "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"
+   }
   }
  ],
  "events": [
@@ -281,11 +318,20 @@ Code in this file were generated using following JSON:
    "default": "null",
    "description": "Indicates the selected status.",
    "fieldName": "ariaSelected"
+  },
+  {
+   "name": "selected",
+   "type": {
+    "text": "boolean | undefined"
+   },
+   "default": "false",
+   "description": "Reflects selected state of the row",
+   "fieldName": "selected"
   }
  ],
  "superclass": {
   "name": "VividElement",
-  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
+  "module": "/src/shared/foundation/vivid-element/vivid-element"
  },
  "vividComponent": {
   "public": true,
@@ -299,7 +345,7 @@ import wrapper from '@vonage/vivid-react-wrapper'
 const VwcDataGridRow = wrapper(`vvd3-data-grid-row`,  {
     events: [{"name":"row-focused","propName":"onRowFocused"},{"name":"cell-click","propName":"onCellClick"}],
     attributes: [],
-    properties: ['gridTemplateColumns', 'rowType', 'rowData', 'columnDefinitions', 'cellItemTemplate', 'headerCellItemTemplate', 'rowIndex', 'ariaSelected']
+    properties: ['gridTemplateColumns', 'rowType', 'rowData', 'columnDefinitions', 'cellItemTemplate', 'headerCellItemTemplate', 'rowIndex', 'ariaSelected', 'selected', 'VIVID_VERSION', 'componentName']
 })
 
 VwcDataGridRow.displayName = 'VwcDataGridRow'

package/v3/VwcDataGridRow/package.json

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

package/v3/VwcDatePicker/index.d.ts

@@ -2,14 +2,25 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 /** Single date picker component.
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/date-picker
 * @param {string} type
-* @param {string} label
-* @param {string} min - The earliest accepted date of the date-picker. **attribute** `min`
-* @param {string} max - The latest accepted date of the date-picker.
-* @param {string} initialValue - The initial value of the date-picker. **attribute** `value`
-* @param {string} currentValue - The current value of the date-picker. **attribute** `current-value`
+* @param {string} min - The earliest accepted date. **attribute** `min`
+* @param {string} max - The latest accepted date. **attribute** `max`
+* @param {string} value - The current value of the element. **attribute** `current-value`
 * @param {boolean} readOnly - Whether the date-picker is readonly. **attribute** `readonly`
-* @param {string} value
-* @param {string | undefined} errorText
+* @param {string | undefined} helperText - Provides additional information to help the user enter the correct information.
+To add HTML to the helper text, use the helper-text slot instead. **attribute** `helper-text`
+* @param {string | undefined} errorText - Provides a custom error message. Any current error state will be overridden. **attribute** `error-text`
+* @param  validate
+* @param {string | undefined} label - The label for the form element. **attribute** `label`
+* @param  currentValue
+* @param {string} initialValue - The default value of the element. This value sets the `value` property
+only when the `value` property has not been explicitly set. **attribute** `value`
+* @param {boolean} disabled - Sets the element's disabled state. A disabled element will not be included during form submission. **attribute** `disabled`
+* @param {string} name - The name of the element. This element's value will be surfaced during form submission under the provided name. **attribute** `name`
+* @param {boolean} required - Require the field to be completed prior to form submission. **attribute** `required`
+* @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} errorText  **attribute** `error-text`
 */
 declare const VwcDatePicker: {
     (props: {
@@ -20,16 +31,22 @@ declare const VwcDatePicker: {
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         onInput?: ((event: SyntheticEvent) => void) | undefined;
         onChange?: ((event: SyntheticEvent) => void) | undefined;
-        onClearClick?: ((event: SyntheticEvent) => void) | undefined;
         type?: string | undefined;
-        label?: string | undefined;
         min?: string | undefined;
         max?: string | undefined;
-        initialValue?: string | undefined;
-        currentValue?: string | undefined;
-        readOnly?: boolean | undefined;
         value?: string | undefined;
+        readOnly?: boolean | undefined;
+        helperText?: string | undefined;
         errorText?: string | undefined;
+        validate?: any;
+        label?: string | undefined;
+        currentValue?: any;
+        initialValue?: string | undefined;
+        disabled?: boolean | undefined;
+        name?: string | undefined;
+        required?: boolean | undefined;
+        VIVID_VERSION?: string | undefined;
+        componentName?: string | undefined;
     }): JSX.Element;
     displayName: string;
 };