@vonage/vivid-react 3.5.1 → 4.0.0

package/v3/VwcCombobox/index.js

@@ -188,6 +188,28 @@ Code in this file were generated using following JSON:
    "description": "Filter available options by text value.",
    "privacy": "public"
   },
+  {
+   "kind": "method",
+   "name": "_isDefaultSelected",
+   "privacy": "protected",
+   "parameters": [
+    {
+     "name": "option",
+     "type": {
+      "text": "ListboxOption"
+     }
+    }
+   ],
+   "return": {
+    "type": {
+     "text": "boolean"
+    }
+   },
+   "inheritedFrom": {
+    "name": "Listbox",
+    "module": "src/shared/foundation/listbox/listbox.ts"
+   }
+  },
   {
    "kind": "field",
    "name": "helperText",
@@ -533,6 +555,45 @@ Code in this file were generated using following JSON:
     "module": "src/shared/foundation/listbox/listbox.ts"
    }
   },
+  {
+   "kind": "method",
+   "name": "getNextSelectableIndex",
+   "privacy": "protected",
+   "parameters": [
+    {
+     "name": "fromIndex",
+     "type": {
+      "text": "number"
+     }
+    }
+   ],
+   "inheritedFrom": {
+    "name": "Listbox",
+    "module": "src/shared/foundation/listbox/listbox.ts"
+   }
+  },
+  {
+   "kind": "method",
+   "name": "_validSelectedIndex",
+   "privacy": "protected",
+   "return": {
+    "type": {
+     "text": "number"
+    }
+   },
+   "parameters": [
+    {
+     "name": "index",
+     "type": {
+      "text": "number"
+     }
+    }
+   ],
+   "inheritedFrom": {
+    "name": "Listbox",
+    "module": "src/shared/foundation/listbox/listbox.ts"
+   }
+  },
   {
    "kind": "method",
    "name": "selectFirstOption",
@@ -548,6 +609,40 @@ Code in this file were generated using following JSON:
     "module": "src/shared/foundation/listbox/listbox.ts"
    }
   },
+  {
+   "kind": "method",
+   "name": "_newDefaultSelectedIndex",
+   "privacy": "protected",
+   "return": {
+    "type": {
+     "text": "number | null"
+    }
+   },
+   "parameters": [
+    {
+     "name": "prev",
+     "type": {
+      "text": "ListboxOption[]"
+     }
+    },
+    {
+     "name": "next",
+     "type": {
+      "text": "ListboxOption[]"
+     }
+    },
+    {
+     "name": "currentSelectedIndex",
+     "type": {
+      "text": "number"
+     }
+    }
+   ],
+   "inheritedFrom": {
+    "name": "Listbox",
+    "module": "src/shared/foundation/listbox/listbox.ts"
+   }
+  },
   {
    "kind": "method",
    "name": "setSelectedOptions",
@@ -786,6 +881,10 @@ Code in this file were generated using following JSON:
   }
  ],
  "mixins": [
+  {
+   "name": "WithContextualHelp",
+   "module": "/src/shared/patterns"
+  },
   {
    "name": "WithFeedback",
    "module": "/src/shared/feedback/mixins"
@@ -828,6 +927,45 @@ Code in this file were generated using following JSON:
     "valueMapping": "event.currentTarget.value"
    }
   ]
+ },
+ "vividTesting": {
+  "selectors": [],
+  "actions": [
+   {
+    "name": "fill",
+    "args": [
+     "comboboxFill"
+    ]
+   },
+   {
+    "name": "clear",
+    "args": [
+     "comboboxClear"
+    ]
+   },
+   {
+    "name": "selectOptionByText",
+    "args": [
+     "selectOptionByText"
+    ]
+   },
+   {
+    "name": "selectOptionByValue",
+    "args": [
+     "selectOptionByValue"
+    ]
+   }
+  ],
+  "queries": [],
+  "refs": [
+   {
+    "name": "control",
+    "args": [
+     "shadow",
+     "input.control"
+    ]
+   }
+  ]
  }
 }
 */

package/v3/VwcCombobox/package.json

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

package/v3/VwcContextualHelp/index.d.ts

@@ -0,0 +1,22 @@
+import React, { ReactNode } from 'react';
+/** VwcContextualHelp
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/contextual-help
+* @param {Placement | undefined} placement - Placement of the toggletip **attribute** `placement`
+* @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 VwcContextualHelp: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        placement?: any;
+        VIVID_VERSION?: string | undefined;
+        componentName?: string | undefined;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcContextualHelp;

package/v3/VwcContextualHelp/index.js

@@ -0,0 +1,130 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "",
+ "name": "ContextualHelp",
+ "cssProperties": [
+  {
+   "name": "--vvd-button-accent-primary",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-button-accent-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-button-accent-primary-increment",
+   "default": "var(--vvd-color-neutral-800)"
+  },
+  {
+   "name": "--vvd-button-accent-contrast",
+   "default": "var(--vvd-color-neutral-800)"
+  },
+  {
+   "name": "--vvd-button-accent-fierce",
+   "default": "var(--vvd-color-neutral-700)"
+  },
+  {
+   "name": "--vvd-button-accent-firm",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-button-accent-soft",
+   "default": "var(--vvd-color-neutral-100)"
+  },
+  {
+   "name": "--vvd-button-accent-faint",
+   "default": "var(--vvd-color-neutral-50)"
+  },
+  {
+   "name": "--vvd-button-accent-fierce-primary",
+   "default": "var(--vvd-color-canvas-text)"
+  }
+ ],
+ "slots": [
+  {
+   "description": "Default slot.",
+   "name": ""
+  },
+  {
+   "description": "Custom icon slot (optional).",
+   "name": "icon"
+  }
+ ],
+ "members": [
+  {
+   "kind": "field",
+   "name": "placement",
+   "type": {
+    "text": "Placement | undefined"
+   },
+   "default": "'right'",
+   "description": "Placement of the toggletip",
+   "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"
+   }
+  }
+ ],
+ "attributes": [
+  {
+   "name": "placement",
+   "type": {
+    "text": "Placement | undefined"
+   },
+   "default": "'right'",
+   "description": "Placement of the toggletip",
+   "fieldName": "placement"
+  }
+ ],
+ "superclass": {
+  "name": "VividElement",
+  "module": "/src/shared/foundation/vivid-element/vivid-element"
+ },
+ "vividComponent": {
+  "name": "contextual-help"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerContextualHelp } from '@vonage/vivid'
+
+registerContextualHelp('vvd3')
+
+const VwcContextualHelp = wrapper(`vvd3-contextual-help`,  {
+    events: [],
+    attributes: [],
+    properties: ['placement', 'VIVID_VERSION', 'componentName']
+})
+
+VwcContextualHelp.displayName = 'VwcContextualHelp'
+
+export default VwcContextualHelp

package/v3/VwcContextualHelp/package.json

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

package/v3/VwcDataGrid/index.d.ts

@@ -18,6 +18,7 @@ within the grid moves focus to the specified row.
 grid is focused. This value changes as focus moves to different rows
 within the grid.  Changing this value when focus is already within
 the grid moves focus to the specified column.
+* @param {number | undefined} fixedColumns - Number of columns to be fixed when scrolling horizontally **attribute** `fixed-columns`
 * @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.
@@ -42,6 +43,7 @@ declare const VwcDataGrid: {
         headerCellItemTemplate?: any;
         focusRowIndex?: number | undefined;
         focusColumnIndex?: number | undefined;
+        fixedColumns?: any;
         rowElementTag?: string | undefined;
         selectionMode?: any;
         VIVID_VERSION?: string | undefined;

package/v3/VwcDataGrid/index.js

@@ -135,26 +135,26 @@ Code in this file were generated using following JSON:
   },
   {
    "kind": "field",
-   "name": "rowElementTag",
+   "name": "fixedColumns",
    "type": {
-    "text": "string"
+    "text": "number | undefined"
    },
-   "description": "Set by the component templates."
+   "description": "Number of columns to be fixed when scrolling horizontally",
+   "privacy": "public"
   },
   {
    "kind": "field",
-   "name": "rowsRepeatBehavior",
+   "name": "rowElementTag",
    "type": {
-    "text": "RepeatBehavior | null"
+    "text": "string"
    },
-   "privacy": "private",
-   "default": "null"
+   "description": "Set by the component templates."
   },
   {
    "kind": "field",
-   "name": "rowsPlaceholder",
+   "name": "behaviorOrchestrator",
    "type": {
-    "text": "Node | null"
+    "text": "ViewBehaviorOrchestrator | null"
    },
    "privacy": "private",
    "default": "null"
@@ -186,6 +186,14 @@ Code in this file were generated using following JSON:
    "privacy": "private",
    "default": "false"
   },
+  {
+   "kind": "field",
+   "name": "resizeObserver",
+   "type": {
+    "text": "ResizeObserver | undefined"
+   },
+   "privacy": "private"
+  },
   {
    "kind": "field",
    "name": "observer",
@@ -415,6 +423,14 @@ Code in this file were generated using following JSON:
    "description": "String that gets applied to the css gridTemplateColumns attribute of child rows",
    "fieldName": "gridTemplateColumns"
   },
+  {
+   "name": "fixed-columns",
+   "type": {
+    "text": "number | undefined"
+   },
+   "description": "Number of columns to be fixed when scrolling horizontally",
+   "fieldName": "fixedColumns"
+  },
   {
    "name": "selection-mode",
    "type": {
@@ -442,7 +458,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', 'VIVID_VERSION', 'componentName']
+    properties: ['noTabbing', 'generateHeader', 'gridTemplateColumns', 'rowsData', 'columnDefinitions', 'rowItemTemplate', 'cellItemTemplate', 'headerCellItemTemplate', 'focusRowIndex', 'focusColumnIndex', 'fixedColumns', '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.28.0",
+  "version": "5.5.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.28.0"
+    "@vonage/vivid": "5.5.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,9 +9,10 @@ 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 {'host'} _vividAriaBehaviour
 * @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
@@ -34,6 +35,7 @@ declare const VwcDataGridCell: {
         selected?: boolean | undefined;
         ariaSort?: string | null | undefined;
         sortDirection?: any;
+        _vividAriaBehaviour?: any;
         VIVID_VERSION?: string | undefined;
         componentName?: string | undefined;
     }): JSX.Element;

package/v3/VwcDataGridCell/index.js

@@ -212,12 +212,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",
@@ -261,6 +255,18 @@ Code in this file were generated using following JSON:
    "kind": "method",
    "name": "#getColumnDataKey"
   },
+  {
+   "kind": "field",
+   "name": "_vividAriaBehaviour",
+   "default": "'host'",
+   "type": {
+    "text": "'host'"
+   },
+   "inheritedFrom": {
+    "name": "HostSemantics",
+    "module": "src/shared/aria/host-semantics.ts"
+   }
+  },
   {
    "kind": "field",
    "name": "VIVID_VERSION",
@@ -338,24 +344,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 +357,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": {
@@ -387,7 +379,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: ['ariaSelected', 'cellType', 'gridColumn', 'rowData', 'columnDefinition', 'selected', 'ariaSelected', 'ariaSort', 'sortDirection', 'VIVID_VERSION', 'componentName']
+    properties: ['ariaSelected', 'cellType', 'gridColumn', 'rowData', 'columnDefinition', 'selected', 'ariaSelected', 'ariaSort', 'sortDirection', '_vividAriaBehaviour', '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.28.0",
+  "version": "5.5.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.28.0"
+    "@vonage/vivid": "5.5.0"
   }
 }

package/v3/VwcDataGridRow/index.d.ts

@@ -10,8 +10,9 @@ 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 {'host'} _vividAriaBehaviour
 * @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
@@ -34,6 +35,7 @@ declare const VwcDataGridRow: {
         rowIndex?: number | undefined;
         ariaSelected?: string | null | undefined;
         selected?: any;
+        _vividAriaBehaviour?: any;
         VIVID_VERSION?: string | undefined;
         componentName?: string | undefined;
     }): JSX.Element;

package/v3/VwcDataGridRow/index.js

@@ -147,18 +147,9 @@ Code in this file were generated using following JSON:
   },
   {
    "kind": "field",
-   "name": "cellsRepeatBehavior",
+   "name": "behaviorOrchestrator",
    "type": {
-    "text": "RepeatBehavior | null"
-   },
-   "privacy": "private",
-   "default": "null"
-  },
-  {
-   "kind": "field",
-   "name": "cellsPlaceholder",
-   "type": {
-    "text": "Node | null"
+    "text": "ViewBehaviorOrchestrator | null"
    },
    "privacy": "private",
    "default": "null"
@@ -249,6 +240,18 @@ Code in this file were generated using following JSON:
    "description": "Reflects selected state of the row",
    "privacy": "public"
   },
+  {
+   "kind": "field",
+   "name": "_vividAriaBehaviour",
+   "default": "'host'",
+   "type": {
+    "text": "'host'"
+   },
+   "inheritedFrom": {
+    "name": "HostSemantics",
+    "module": "src/shared/aria/host-semantics.ts"
+   }
+  },
   {
    "kind": "field",
    "name": "VIVID_VERSION",
@@ -310,15 +313,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 +323,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"
@@ -345,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', 'selected', 'VIVID_VERSION', 'componentName']
+    properties: ['gridTemplateColumns', 'rowType', 'rowData', 'columnDefinitions', 'cellItemTemplate', 'headerCellItemTemplate', 'rowIndex', 'ariaSelected', 'selected', '_vividAriaBehaviour', 'VIVID_VERSION', 'componentName']
 })
 
 VwcDataGridRow.displayName = 'VwcDataGridRow'