@vonage/vivid-react 3.3.0 → 3.3.1

package/v3/VwcDataGrid/index.js

@@ -14,6 +14,263 @@ Code in this file were generated using following JSON:
   }
  ],
  "members": [
+  {
+   "kind": "method",
+   "name": "generateTemplateColumns",
+   "privacy": "private",
+   "static": true,
+   "return": {
+    "type": {
+     "text": "string"
+    }
+   },
+   "parameters": [
+    {
+     "name": "columnDefinitions",
+     "type": {
+      "text": "ColumnDefinition[]"
+     }
+    }
+   ],
+   "description": "generates a gridTemplateColumns based on columndata array"
+  },
+  {
+   "kind": "field",
+   "name": "noTabbing",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "When true the component will not add itself to the tab queue.\nDefault is false.",
+   "privacy": "public"
+  },
+  {
+   "kind": "method",
+   "name": "#setTabIndex"
+  },
+  {
+   "kind": "field",
+   "name": "generateHeader",
+   "type": {
+    "text": "GenerateHeaderOptions"
+   },
+   "description": "Whether the grid should automatically generate a header row and its type",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "gridTemplateColumns",
+   "type": {
+    "text": "string"
+   },
+   "description": "String that gets applied to the the css gridTemplateColumns attribute of child rows",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "rowsData",
+   "type": {
+    "text": "object[]"
+   },
+   "default": "[]",
+   "description": "The data being displayed in the grid",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "columnDefinitions",
+   "type": {
+    "text": "ColumnDefinition[] | null"
+   },
+   "default": "null",
+   "description": "The column definitions of the grid",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "rowItemTemplate",
+   "type": {
+    "text": "ViewTemplate"
+   },
+   "description": "The template to use for the programmatic generation of rows",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "cellItemTemplate",
+   "type": {
+    "text": "ViewTemplate | undefined"
+   },
+   "description": "The template used to render cells in generated rows.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "headerCellItemTemplate",
+   "type": {
+    "text": "ViewTemplate | undefined"
+   },
+   "description": "The template used to render header cells in generated rows.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "focusRowIndex",
+   "type": {
+    "text": "number"
+   },
+   "default": "0",
+   "description": "The index of the row that will receive focus the next time the\ngrid is focused. This value changes as focus moves to different\nrows within the grid.  Changing this value when focus is already\nwithin the grid moves focus to the specified row.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "focusColumnIndex",
+   "type": {
+    "text": "number"
+   },
+   "default": "0",
+   "description": "The index of the column that will receive focus the next time the\ngrid is focused. This value changes as focus moves to different rows\nwithin the grid.  Changing this value when focus is already within\nthe grid moves focus to the specified column.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "rowElementTag",
+   "type": {
+    "text": "string"
+   },
+   "description": "Set by the component templates."
+  },
+  {
+   "kind": "field",
+   "name": "rowsRepeatBehavior",
+   "type": {
+    "text": "RepeatBehavior | null"
+   },
+   "privacy": "private",
+   "default": "null"
+  },
+  {
+   "kind": "field",
+   "name": "rowsPlaceholder",
+   "type": {
+    "text": "Node | null"
+   },
+   "privacy": "private",
+   "default": "null"
+  },
+  {
+   "kind": "field",
+   "name": "generatedHeader",
+   "type": {
+    "text": "DataGridRow | null"
+   },
+   "privacy": "private",
+   "default": "null"
+  },
+  {
+   "kind": "field",
+   "name": "isUpdatingFocus",
+   "type": {
+    "text": "boolean"
+   },
+   "privacy": "private",
+   "default": "false"
+  },
+  {
+   "kind": "field",
+   "name": "pendingFocusUpdate",
+   "type": {
+    "text": "boolean"
+   },
+   "privacy": "private",
+   "default": "false"
+  },
+  {
+   "kind": "field",
+   "name": "observer",
+   "type": {
+    "text": "MutationObserver"
+   },
+   "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "rowindexUpdateQueued",
+   "type": {
+    "text": "boolean"
+   },
+   "privacy": "private",
+   "default": "false"
+  },
+  {
+   "kind": "field",
+   "name": "columnDefinitionsStale",
+   "type": {
+    "text": "boolean"
+   },
+   "privacy": "private",
+   "default": "true"
+  },
+  {
+   "kind": "field",
+   "name": "generatedGridTemplateColumns",
+   "type": {
+    "text": "string"
+   },
+   "privacy": "private",
+   "default": "''"
+  },
+  {
+   "kind": "field",
+   "name": "focusOnCell",
+   "privacy": "private"
+  },
+  {
+   "kind": "method",
+   "name": "queueFocusUpdate",
+   "privacy": "private",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
+  },
+  {
+   "kind": "method",
+   "name": "updateFocus",
+   "privacy": "private",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
+  },
+  {
+   "kind": "method",
+   "name": "toggleGeneratedHeader",
+   "privacy": "private",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
+  },
+  {
+   "kind": "field",
+   "name": "onChildListChange",
+   "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "queueRowIndexUpdate",
+   "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "updateRowIndexes",
+   "privacy": "private"
+  },
   {
    "kind": "field",
    "name": "selectionMode",
@@ -80,7 +337,7 @@ Code in this file were generated using following JSON:
    "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}"
+   "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",
@@ -109,10 +366,6 @@ Code in this file were generated using following JSON:
      }
     }
    ]
-  },
-  {
-   "kind": "field",
-   "name": "toggleGeneratedHeader"
   }
  ],
  "events": [
@@ -125,6 +378,31 @@ Code in this file were generated using following JSON:
   }
  ],
  "attributes": [
+  {
+   "name": "no-tabbing",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "When true the component will not add itself to the tab queue.\nDefault is false.",
+   "fieldName": "noTabbing"
+  },
+  {
+   "name": "generate-header",
+   "type": {
+    "text": "GenerateHeaderOptions"
+   },
+   "description": "Whether the grid should automatically generate a header row and its type",
+   "fieldName": "generateHeader"
+  },
+  {
+   "name": "grid-template-columns",
+   "type": {
+    "text": "string"
+   },
+   "description": "String that gets applied to the the css gridTemplateColumns attribute of child rows",
+   "fieldName": "gridTemplateColumns"
+  },
   {
    "name": "selection-mode",
    "type": {
@@ -135,8 +413,8 @@ Code in this file were generated using following JSON:
   }
  ],
  "superclass": {
-  "name": "FoundationDataGrid",
-  "package": "@microsoft/fast-foundation"
+  "name": "VividElement",
+  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
  },
  "vividComponent": {
   "public": true,
@@ -152,7 +430,7 @@ registerDataGrid('vvd3')
 const VwcDataGrid = wrapper(`vvd3-data-grid`,  {
     events: [{"name":"cell-click","propName":"onCellClick"}],
     attributes: [],
-    properties: ['selectionMode', 'toggleGeneratedHeader']
+    properties: ['noTabbing', 'generateHeader', 'gridTemplateColumns', 'rowsData', 'columnDefinitions', 'rowItemTemplate', 'cellItemTemplate', 'headerCellItemTemplate', 'focusRowIndex', 'focusColumnIndex', 'rowElementTag', 'selectionMode']
 })
 
 VwcDataGrid.displayName = 'VwcDataGrid'

package/v3/VwcDataGrid/package.json

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

package/v3/VwcDataGridCell/index.d.ts

@@ -1,9 +1,14 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcDataGridCell
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/data-grid-cell
+* @param {DataGridCellTypes} cellType - The type of cell **attribute** `cell-type`
+* @param {string} gridColumn - The column index of the cell.
+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 {string | null} ariaSelected - Indicates the selected status. **attribute** `aria-selected`
 * @param {string | null} ariaSort - Indicates the sort status. **attribute** `aria-sort`
-* @param  updateCellStyle
 */
 declare const VwcDataGridCell: {
     (props: {
@@ -15,9 +20,12 @@ declare const VwcDataGridCell: {
         onSort?: ((event: SyntheticEvent) => void) | undefined;
         onCellClick?: ((event: SyntheticEvent) => void) | undefined;
         onCellFocused?: ((event: SyntheticEvent) => void) | undefined;
+        cellType?: any;
+        gridColumn?: string | undefined;
+        rowData?: any;
+        columnDefinition?: any;
         ariaSelected?: string | null | undefined;
         ariaSort?: string | null | undefined;
-        updateCellStyle?: any;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcDataGridCell/index.js

@@ -82,48 +82,88 @@ Code in this file were generated using following JSON:
  "members": [
   {
    "kind": "field",
-   "name": "ariaSelected",
+   "name": "cellType",
    "type": {
-    "text": "string | null"
+    "text": "DataGridCellTypes"
+   },
+   "description": "The type of cell",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "gridColumn",
+   "type": {
+    "text": "string"
+   },
+   "description": "The column index of the cell.\nThis will be applied to the css grid-column-index value\napplied to the cell",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "rowData",
+   "type": {
+    "text": "object | null"
    },
    "default": "null",
-   "description": "Indicates the selected status.",
+   "description": "The base data for the parent row",
    "privacy": "public"
   },
   {
    "kind": "field",
-   "name": "ariaSort",
+   "name": "columnDefinition",
    "type": {
-    "text": "string | null"
+    "text": "ColumnDefinitionExtended | null"
    },
    "default": "null",
-   "description": "Indicates the sort status.",
+   "description": "The base data for the column",
    "privacy": "public"
   },
+  {
+   "kind": "field",
+   "name": "isActiveCell",
+   "type": {
+    "text": "boolean"
+   },
+   "privacy": "private",
+   "default": "false"
+  },
+  {
+   "kind": "field",
+   "name": "customCellView",
+   "type": {
+    "text": "HTMLView | null"
+   },
+   "privacy": "private",
+   "default": "null"
+  },
   {
    "kind": "method",
-   "name": "ariaSelectedChanged",
+   "name": "handleFocusin",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
    "parameters": [
     {
      "name": "_",
      "type": {
-      "text": "string | null"
-     }
-    },
-    {
-     "name": "selectedState",
-     "type": {
-      "text": "string | null"
+      "text": "FocusEvent"
      }
     }
    ]
   },
   {
    "kind": "method",
-   "name": "handleFocusin",
+   "name": "handleFocusout",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
    "parameters": [
     {
-     "name": "e",
+     "name": "_",
      "type": {
       "text": "FocusEvent"
      }
@@ -132,23 +172,87 @@ Code in this file were generated using following JSON:
   },
   {
    "kind": "method",
-   "name": "handleFocusout",
+   "name": "handleKeydown",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
    "parameters": [
     {
      "name": "e",
      "type": {
-      "text": "FocusEvent"
+      "text": "KeyboardEvent"
      }
     }
    ]
   },
   {
    "kind": "method",
-   "name": "#getColumnDataKey"
+   "name": "updateCellView",
+   "privacy": "private",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
+  },
+  {
+   "kind": "method",
+   "name": "disconnectCellView",
+   "privacy": "private",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
   },
   {
    "kind": "field",
-   "name": "updateCellStyle"
+   "name": "updateCellStyle",
+   "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "ariaSelected",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null",
+   "description": "Indicates the selected status.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "ariaSort",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null",
+   "description": "Indicates the sort status.",
+   "privacy": "public"
+  },
+  {
+   "kind": "method",
+   "name": "ariaSelectedChanged",
+   "parameters": [
+    {
+     "name": "_",
+     "type": {
+      "text": "string | null"
+     }
+    },
+    {
+     "name": "selectedState",
+     "type": {
+      "text": "string | null"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "#getColumnDataKey"
   }
  ],
  "events": [
@@ -175,6 +279,22 @@ Code in this file were generated using following JSON:
   }
  ],
  "attributes": [
+  {
+   "name": "cell-type",
+   "type": {
+    "text": "DataGridCellTypes"
+   },
+   "description": "The type of cell",
+   "fieldName": "cellType"
+  },
+  {
+   "name": "grid-column",
+   "type": {
+    "text": "string"
+   },
+   "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": "aria-selected",
    "type": {
@@ -195,8 +315,8 @@ Code in this file were generated using following JSON:
   }
  ],
  "superclass": {
-  "name": "FoundationDataGridCell",
-  "package": "@microsoft/fast-foundation"
+  "name": "VividElement",
+  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
  },
  "vividComponent": {
   "public": true,
@@ -212,7 +332,7 @@ registerDataGridCell('vvd3')
 const VwcDataGridCell = wrapper(`vvd3-data-grid-cell`,  {
     events: [{"name":"cell-focused","propName":"onCellFocused"},{"name":"cell-click","propName":"onCellClick"},{"name":"sort","propName":"onSort"}],
     attributes: [],
-    properties: ['ariaSelected', 'ariaSort', 'updateCellStyle']
+    properties: ['cellType', 'gridColumn', 'rowData', 'columnDefinition', 'ariaSelected', 'ariaSort']
 })
 
 VwcDataGridCell.displayName = 'VwcDataGridCell'

package/v3/VwcDataGridCell/package.json

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

package/v3/VwcDataGridRow/index.d.ts

@@ -1,6 +1,15 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcDataGridRow
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/data-grid-row
+* @param {string} gridTemplateColumns - String that gets applied to the the css gridTemplateColumns attribute for the row
+x **attribute** `grid-template-columns`
+* @param {DataGridRowTypes} rowType - The type of row **attribute** `row-type`
+* @param {object | null} rowData - The base data for this row
+* @param {ColumnDefinition[] | null} columnDefinitions - The column definitions of the row
+* @param {ViewTemplate | undefined} cellItemTemplate - The template used to render cells in generated rows.
+* @param {ViewTemplate | undefined} headerCellItemTemplate - The template used to render header cells in generated rows.
+* @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`
 */
 declare const VwcDataGridRow: {
@@ -12,6 +21,13 @@ declare const VwcDataGridRow: {
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         onCellClick?: ((event: SyntheticEvent) => void) | undefined;
         onRowFocused?: ((event: SyntheticEvent) => void) | undefined;
+        gridTemplateColumns?: string | undefined;
+        rowType?: any;
+        rowData?: any;
+        columnDefinitions?: any;
+        cellItemTemplate?: any;
+        headerCellItemTemplate?: any;
+        rowIndex?: number | undefined;
         ariaSelected?: string | null | undefined;
     }): JSX.Element;
     displayName: string;