@vonage/vivid-react 3.5.2 → 5.19.0

package/v3/VwcDataGrid/index.js

@@ -41,7 +41,7 @@ Code in this file were generated using following JSON:
     "text": "boolean"
    },
    "default": "false",
-   "description": "When true the component will not add itself to the tab queue.\nDefault is false.",
+   "description": "Remove the grid from the tab order",
    "privacy": "public"
   },
   {
@@ -73,7 +73,7 @@ Code in this file were generated using following JSON:
     "text": "object[]"
    },
    "default": "[]",
-   "description": "The data being displayed in the grid",
+   "description": "Content of the grid in data format",
    "privacy": "public"
   },
   {
@@ -83,7 +83,7 @@ Code in this file were generated using following JSON:
     "text": "ColumnDefinition[] | null"
    },
    "default": "null",
-   "description": "The column definitions of the grid",
+   "description": "Configure the grid header columns",
    "privacy": "public"
   },
   {
@@ -92,7 +92,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "ViewTemplate"
    },
-   "description": "The template to use for the programmatic generation of rows",
+   "description": "Templete to use when rendering rows",
    "privacy": "public"
   },
   {
@@ -101,7 +101,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "ViewTemplate | undefined"
    },
-   "description": "The template used to render cells in generated rows.",
+   "description": "Templete to use when rendering cells",
    "privacy": "public"
   },
   {
@@ -110,7 +110,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "ViewTemplate | undefined"
    },
-   "description": "The template used to render header cells in generated rows.",
+   "description": "Templete to use when rendering grid header cells",
    "privacy": "public"
   },
   {
@@ -120,7 +120,7 @@ Code in this file were generated using following JSON:
     "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.",
+   "description": "Index of row to be focused on when the Data Grid receives focus",
    "privacy": "public"
   },
   {
@@ -130,7 +130,7 @@ Code in this file were generated using following JSON:
     "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.",
+   "description": "Index of column to be focused on when the Data Grid receives focus",
    "privacy": "public"
   },
   {
@@ -139,7 +139,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "number | undefined"
    },
-   "description": "Number of columns to be fixed when scrolling horizontally",
+   "description": "Sets the number of columns fixed to the left when horizontal scrolling",
    "privacy": "public"
   },
   {
@@ -148,22 +148,13 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string"
    },
-   "description": "Set by the component templates."
+   "description": "Element tag for header rows"
   },
   {
    "kind": "field",
-   "name": "rowsRepeatBehavior",
+   "name": "behaviorOrchestrator",
    "type": {
-    "text": "RepeatBehavior | null"
-   },
-   "privacy": "private",
-   "default": "null"
-  },
-  {
-   "kind": "field",
-   "name": "rowsPlaceholder",
-   "type": {
-    "text": "Node | null"
+    "text": "ViewBehaviorOrchestrator | null"
    },
    "privacy": "private",
    "default": "null"
@@ -294,7 +285,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "DataGridSelectionMode | undefined"
    },
-   "description": "Indicates the selection mode.",
+   "description": "Set the selection mode",
    "privacy": "public"
   },
   {
@@ -315,18 +306,6 @@ Code in this file were generated using following JSON:
    },
    "readonly": true
   },
-  {
-   "kind": "method",
-   "name": "selectionModeChanged",
-   "parameters": [
-    {
-     "name": "oldValue",
-     "type": {
-      "text": "DataGridSelectionMode"
-     }
-    }
-   ]
-  },
   {
    "kind": "field",
    "name": "#handleKeypress",
@@ -354,7 +333,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\tdataGrid.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\t/* v8 ignore else -- @preserve *\/\n\t\t\tif (propertyName === 'columnDefinitions') {\n\t\t\t\t/* v8 ignore else -- @preserve *\/\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": "method",
@@ -413,7 +392,7 @@ Code in this file were generated using following JSON:
     "text": "boolean"
    },
    "default": "false",
-   "description": "When true the component will not add itself to the tab queue.\nDefault is false.",
+   "description": "Remove the grid from the tab order",
    "fieldName": "noTabbing"
   },
   {
@@ -437,7 +416,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "number | undefined"
    },
-   "description": "Number of columns to be fixed when scrolling horizontally",
+   "description": "Sets the number of columns fixed to the left when horizontal scrolling",
    "fieldName": "fixedColumns"
   },
   {
@@ -445,7 +424,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "DataGridSelectionMode | undefined"
    },
-   "description": "Indicates the selection mode.",
+   "description": "Set the selection mode",
    "fieldName": "selectionMode"
   }
  ],
@@ -459,7 +438,7 @@ Code in this file were generated using following JSON:
  }
 }
 */
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import { registerDataGrid } from '@vonage/vivid'
 
 registerDataGrid('vvd3')

package/v3/VwcDataGrid/package.json

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

package/v3/VwcDataGridCell/index.d.ts

@@ -1,7 +1,7 @@
 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 {boolean | undefined} ariaSelected  **attribute** `aria-selected`
+* @param {boolean | undefined} ariaSelected
 * @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
@@ -9,8 +9,8 @@ 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 {string | null} ariaSelected - Indicates the selected status.
+* @param {string | null} ariaSort - Indicates the sort status.
 * @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`.
@@ -19,23 +19,23 @@ It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 declare const VwcDataGridCell: {
     (props: {
         children?: ReactNode;
-        slot?: string | undefined;
-        id?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        onSort?: ((event: SyntheticEvent) => void) | undefined;
-        onCellClick?: ((event: SyntheticEvent) => void) | undefined;
-        onCellFocused?: ((event: SyntheticEvent) => void) | undefined;
-        ariaSelected?: any;
-        cellType?: any;
-        gridColumn?: string | undefined;
-        rowData?: any;
-        columnDefinition?: any;
-        selected?: boolean | undefined;
-        ariaSort?: string | null | undefined;
-        sortDirection?: any;
-        VIVID_VERSION?: string | undefined;
-        componentName?: string | undefined;
+        slot?: string;
+        id?: string;
+        style?: React.CSSProperties;
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+        onSort?: (event: SyntheticEvent) => void;
+        onCellClick?: (event: SyntheticEvent) => void;
+        onCellFocused?: (event: SyntheticEvent) => void;
+        "ariaSelected"?: any;
+        "cellType"?: any;
+        "gridColumn"?: string;
+        "rowData"?: any;
+        "columnDefinition"?: any;
+        "selected"?: boolean;
+        "ariaSort"?: string | null;
+        "sortDirection"?: any;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcDataGridCell/index.js

@@ -77,6 +77,10 @@ Code in this file were generated using following JSON:
   {
    "description": "Default slot.",
    "name": ""
+  },
+  {
+   "description": "Add action items to the cell using this slot.",
+   "name": "action-items"
   }
  ],
  "members": [
@@ -136,57 +140,6 @@ Code in this file were generated using following JSON:
    "privacy": "private",
    "default": "null"
   },
-  {
-   "kind": "method",
-   "name": "handleFocusin",
-   "return": {
-    "type": {
-     "text": "void"
-    }
-   },
-   "parameters": [
-    {
-     "name": "_",
-     "type": {
-      "text": "FocusEvent"
-     }
-    }
-   ]
-  },
-  {
-   "kind": "method",
-   "name": "handleFocusout",
-   "return": {
-    "type": {
-     "text": "void"
-    }
-   },
-   "parameters": [
-    {
-     "name": "_",
-     "type": {
-      "text": "FocusEvent"
-     }
-    }
-   ]
-  },
-  {
-   "kind": "method",
-   "name": "handleKeydown",
-   "return": {
-    "type": {
-     "text": "void"
-    }
-   },
-   "parameters": [
-    {
-     "name": "e",
-     "type": {
-      "text": "KeyboardEvent"
-     }
-    }
-   ]
-  },
   {
    "kind": "method",
    "name": "updateCellView",
@@ -212,12 +165,6 @@ Code in this file were generated using following JSON:
    "name": "updateCellStyle",
    "privacy": "private"
   },
-  {
-   "kind": "method",
-   "name": "calculateAriaSelectedValue",
-   "privacy": "private",
-   "description": ""
-  },
   {
    "kind": "field",
    "name": "selected",
@@ -338,24 +285,6 @@ Code in this file were generated using following JSON:
    "description": "Reflects selected state of the row",
    "fieldName": "selected"
   },
-  {
-   "name": "aria-selected",
-   "type": {
-    "text": "string | null"
-   },
-   "default": "null",
-   "description": "Indicates the selected status.",
-   "fieldName": "ariaSelected"
-  },
-  {
-   "name": "aria-sort",
-   "type": {
-    "text": "string | null"
-   },
-   "default": "null",
-   "description": "Indicates the sort status.",
-   "fieldName": "ariaSort"
-  },
   {
    "name": "sort-direction",
    "type": {
@@ -369,6 +298,10 @@ Code in this file were generated using following JSON:
   {
    "name": "Localized",
    "module": "/src/shared/patterns"
+  },
+  {
+   "name": "HostSemantics",
+   "module": "/src/shared/aria/host-semantics"
   }
  ],
  "superclass": {
@@ -381,7 +314,7 @@ Code in this file were generated using following JSON:
  }
 }
 */
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 
 
 const VwcDataGridCell = wrapper(`vvd3-data-grid-cell`,  {

package/v3/VwcDataGridCell/package.json

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

package/v3/VwcDataGridRow/index.d.ts

@@ -10,7 +10,7 @@ x **attribute** `grid-template-columns`
 * @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`
+* @param {string | null} ariaSelected - Indicates the selected status.
 * @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`.
@@ -19,23 +19,23 @@ It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 declare const VwcDataGridRow: {
     (props: {
         children?: ReactNode;
-        slot?: string | undefined;
-        id?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        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;
-        selected?: any;
-        VIVID_VERSION?: string | undefined;
-        componentName?: string | undefined;
+        slot?: string;
+        id?: string;
+        style?: React.CSSProperties;
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+        onCellClick?: (event: SyntheticEvent) => void;
+        onRowFocused?: (event: SyntheticEvent) => void;
+        "gridTemplateColumns"?: string;
+        "rowType"?: any;
+        "rowData"?: any;
+        "columnDefinitions"?: any;
+        "cellItemTemplate"?: any;
+        "headerCellItemTemplate"?: any;
+        "rowIndex"?: number;
+        "ariaSelected"?: string | null;
+        "selected"?: any;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcDataGridRow/index.js

@@ -147,73 +147,13 @@ Code in this file were generated using following JSON:
   },
   {
    "kind": "field",
-   "name": "cellsRepeatBehavior",
+   "name": "behaviorOrchestrator",
    "type": {
-    "text": "RepeatBehavior | null"
+    "text": "ViewBehaviorOrchestrator | null"
    },
    "privacy": "private",
    "default": "null"
   },
-  {
-   "kind": "field",
-   "name": "cellsPlaceholder",
-   "type": {
-    "text": "Node | null"
-   },
-   "privacy": "private",
-   "default": "null"
-  },
-  {
-   "kind": "method",
-   "name": "handleFocusout",
-   "return": {
-    "type": {
-     "text": "void"
-    }
-   },
-   "parameters": [
-    {
-     "name": "_",
-     "type": {
-      "text": "FocusEvent"
-     }
-    }
-   ]
-  },
-  {
-   "kind": "method",
-   "name": "handleCellFocus",
-   "return": {
-    "type": {
-     "text": "void"
-    }
-   },
-   "parameters": [
-    {
-     "name": "e",
-     "type": {
-      "text": "Event"
-     }
-    }
-   ]
-  },
-  {
-   "kind": "method",
-   "name": "handleKeydown",
-   "return": {
-    "type": {
-     "text": "void"
-    }
-   },
-   "parameters": [
-    {
-     "name": "e",
-     "type": {
-      "text": "KeyboardEvent"
-     }
-    }
-   ]
-  },
   {
    "kind": "method",
    "name": "updateItemTemplate",
@@ -310,15 +250,6 @@ Code in this file were generated using following JSON:
    "description": "The type of row",
    "fieldName": "rowType"
   },
-  {
-   "name": "aria-selected",
-   "type": {
-    "text": "string | null"
-   },
-   "default": "null",
-   "description": "Indicates the selected status.",
-   "fieldName": "ariaSelected"
-  },
   {
    "name": "selected",
    "type": {
@@ -329,6 +260,12 @@ Code in this file were generated using following JSON:
    "fieldName": "selected"
   }
  ],
+ "mixins": [
+  {
+   "name": "HostSemantics",
+   "module": "/src/shared/aria/host-semantics"
+  }
+ ],
  "superclass": {
   "name": "VividElement",
   "module": "/src/shared/foundation/vivid-element/vivid-element"
@@ -339,7 +276,7 @@ Code in this file were generated using following JSON:
  }
 }
 */
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 
 
 const VwcDataGridRow = wrapper(`vvd3-data-grid-row`,  {

package/v3/VwcDataGridRow/package.json

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

package/v3/VwcDatePicker/index.d.ts

@@ -6,6 +6,7 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @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 {TextFieldSize | undefined} scale - Sets the display size of the picker field input element. **attribute** `scale`
 * @param {boolean} readOnly - Whether the date-picker is readonly. **attribute** `readonly`
 * @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`
@@ -25,28 +26,31 @@ It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 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;
-        onInput?: ((event: SyntheticEvent) => void) | undefined;
-        onChange?: ((event: SyntheticEvent) => void) | undefined;
-        errorText?: string | undefined;
-        type?: string | undefined;
-        min?: string | undefined;
-        max?: string | undefined;
-        value?: string | undefined;
-        readOnly?: boolean | undefined;
-        helperText?: 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;
+        slot?: string;
+        id?: string;
+        style?: React.CSSProperties;
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+        onInput?: (event: SyntheticEvent) => void;
+        onChange?: (event: SyntheticEvent) => void;
+        onChange?: (event: SyntheticEvent) => void;
+        onInput?: (event: SyntheticEvent) => void;
+        "errorText"?: string | undefined;
+        "type"?: string;
+        "min"?: string;
+        "max"?: string;
+        "value"?: string;
+        "scale"?: any;
+        "readOnly"?: boolean;
+        "helperText"?: string | undefined;
+        "validate"?: any;
+        "label"?: string | undefined;
+        "currentValue"?: any;
+        "initialValue"?: string;
+        "disabled"?: boolean;
+        "name"?: string;
+        "required"?: boolean;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };