@vonage/vivid-react 3.3.0 → 3.4.0

package/v3/VwcCombobox/index.js

@@ -11,9 +11,40 @@ Code in this file were generated using following JSON:
   {
    "description": "Default slot.",
    "name": ""
+  },
+  {
+   "description": "Slot to add an icon to the combobox control.",
+   "name": "icon"
+  },
+  {
+   "description": "Slot to add meta content to the combobox control.",
+   "name": "meta"
+  },
+  {
+   "description": "Describes how to use the combobox. Alternative to the `helper-text` attribute.",
+   "name": "helper-text"
   }
  ],
  "members": [
+  {
+   "kind": "field",
+   "name": "autocomplete",
+   "type": {
+    "text": "ComboboxAutocomplete | undefined"
+   },
+   "description": "The autocomplete attribute.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "filteredOptions",
+   "type": {
+    "text": "ListboxOption[]"
+   },
+   "default": "[]",
+   "description": "The collection of currently filtered options.",
+   "privacy": "public"
+  },
   {
    "kind": "field",
    "name": "appearance",
@@ -23,6 +54,24 @@ Code in this file were generated using following JSON:
    "description": "The appearance attribute.",
    "privacy": "public"
   },
+  {
+   "kind": "field",
+   "name": "shape",
+   "type": {
+    "text": "ComboboxShape | undefined"
+   },
+   "description": "The shape attribute.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "scale",
+   "type": {
+    "text": "ComboboxSize | undefined"
+   },
+   "description": "The size the combobox should have.",
+   "privacy": "public"
+  },
   {
    "kind": "field",
    "name": "placement",
@@ -54,6 +103,197 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "HTMLElement"
    }
+  },
+  {
+   "kind": "method",
+   "name": "validate",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
+   "description": "{@inheritDoc (FormAssociated:interface).validate}"
+  },
+  {
+   "kind": "field",
+   "name": "isAutocompleteInline",
+   "type": {
+    "text": "boolean"
+   },
+   "privacy": "private",
+   "readonly": true
+  },
+  {
+   "kind": "field",
+   "name": "isAutocompleteList",
+   "type": {
+    "text": "boolean"
+   },
+   "privacy": "private",
+   "readonly": true
+  },
+  {
+   "kind": "field",
+   "name": "isAutocompleteBoth",
+   "type": {
+    "text": "boolean"
+   },
+   "privacy": "private",
+   "readonly": true
+  },
+  {
+   "kind": "field",
+   "name": "open",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "The open attribute.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "options",
+   "type": {
+    "text": "ListboxOption[]"
+   },
+   "description": "The list of options.",
+   "privacy": "public",
+   "inheritedFrom": {
+    "name": "Listbox",
+    "module": "libs/components/src/shared/foundation/listbox/listbox.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "placeholder",
+   "type": {
+    "text": "string"
+   },
+   "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "value",
+   "description": "The value property.",
+   "privacy": "public"
+  },
+  {
+   "kind": "method",
+   "name": "filterOptions",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
+   "description": "Filter available options by text value.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "proxy",
+   "inheritedFrom": {
+    "name": "FormAssociatedCombobox",
+    "module": "libs/components/src/lib/combobox/combobox.form-associated.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "length",
+   "type": {
+    "text": "number"
+   },
+   "description": "The number of options.",
+   "privacy": "public",
+   "readonly": true,
+   "inheritedFrom": {
+    "name": "Listbox",
+    "module": "libs/components/src/shared/foundation/listbox/listbox.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "disabled",
+   "type": {
+    "text": "boolean"
+   },
+   "description": "The disabled state of the listbox.",
+   "privacy": "public",
+   "inheritedFrom": {
+    "name": "Listbox",
+    "module": "libs/components/src/shared/foundation/listbox/listbox.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "selectedIndex",
+   "type": {
+    "text": "number"
+   },
+   "default": "-1",
+   "description": "The index of the selected option.",
+   "privacy": "public",
+   "inheritedFrom": {
+    "name": "Listbox",
+    "module": "libs/components/src/shared/foundation/listbox/listbox.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "selectedOptions",
+   "type": {
+    "text": "ListboxOption[]"
+   },
+   "default": "[]",
+   "description": "A collection of the selected options.",
+   "privacy": "public",
+   "inheritedFrom": {
+    "name": "Listbox",
+    "module": "libs/components/src/shared/foundation/listbox/listbox.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "slottedOptionFilter",
+   "static": true,
+   "description": "A static filter to include only selectable options.",
+   "parameters": [
+    {
+     "description": "element to filter",
+     "name": "n"
+    }
+   ],
+   "privacy": "public",
+   "inheritedFrom": {
+    "name": "Listbox",
+    "module": "libs/components/src/shared/foundation/listbox/listbox.ts"
+   }
+  },
+  {
+   "kind": "method",
+   "name": "selectFirstOption",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
+   "description": "Moves focus to the first selectable option.",
+   "privacy": "public",
+   "inheritedFrom": {
+    "name": "Listbox",
+    "module": "libs/components/src/shared/foundation/listbox/listbox.ts"
+   }
+  },
+  {
+   "kind": "method",
+   "name": "setSelectedOptions",
+   "privacy": "public",
+   "description": "Sets an option as selected and gives it focus.",
+   "inheritedFrom": {
+    "name": "Listbox",
+    "module": "libs/components/src/shared/foundation/listbox/listbox.ts"
+   }
   }
  ],
  "events": [
@@ -66,6 +306,14 @@ Code in this file were generated using following JSON:
   }
  ],
  "attributes": [
+  {
+   "name": "autocomplete",
+   "type": {
+    "text": "ComboboxAutocomplete | undefined"
+   },
+   "description": "The autocomplete attribute.",
+   "fieldName": "autocomplete"
+  },
   {
    "name": "appearance",
    "type": {
@@ -74,6 +322,22 @@ Code in this file were generated using following JSON:
    "description": "The appearance attribute.",
    "fieldName": "appearance"
   },
+  {
+   "name": "shape",
+   "type": {
+    "text": "ComboboxShape | undefined"
+   },
+   "description": "The shape attribute.",
+   "fieldName": "shape"
+  },
+  {
+   "name": "scale",
+   "type": {
+    "text": "ComboboxSize | undefined"
+   },
+   "description": "The size the combobox should have.",
+   "fieldName": "scale"
+  },
   {
    "name": "placement",
    "type": {
@@ -90,11 +354,39 @@ Code in this file were generated using following JSON:
    "default": "false",
    "description": "Whether the dropdown is using a fixed positioning strategy.",
    "fieldName": "fixedDropdown"
+  },
+  {
+   "name": "open",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "The open attribute.",
+   "fieldName": "open"
+  },
+  {
+   "name": "placeholder",
+   "type": {
+    "text": "string"
+   },
+   "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
+   "fieldName": "placeholder"
+  },
+  {
+   "type": {
+    "text": "boolean"
+   },
+   "description": "The disabled state of the listbox.",
+   "fieldName": "disabled",
+   "inheritedFrom": {
+    "name": "Listbox",
+    "module": "libs/components/src/shared/foundation/listbox/listbox.ts"
+   }
   }
  ],
  "superclass": {
-  "name": "FoundationCombobox",
-  "package": "@microsoft/fast-foundation"
+  "name": "FormAssociatedCombobox",
+  "module": "/libs/components/src/lib/combobox/combobox.form-associated"
  },
  "vividComponent": {
   "public": true,
@@ -120,7 +412,7 @@ registerCombobox('vvd3')
 const VwcCombobox = wrapper(`vvd3-combobox`,  {
     events: [{"name":"change","propName":"onChange"}],
     attributes: [],
-    properties: ['appearance', 'placement', 'fixedDropdown', '_popup', '_anchor']
+    properties: ['autocomplete', 'filteredOptions', 'appearance', 'shape', 'scale', 'placement', 'fixedDropdown', '_popup', '_anchor', 'open', 'options', 'placeholder', 'value', 'proxy', 'disabled', 'selectedIndex', 'selectedOptions', 'slottedOptionFilter']
 })
 
 VwcCombobox.displayName = 'VwcCombobox'

package/v3/VwcCombobox/package.json

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

package/v3/VwcDataGrid/index.d.ts

@@ -1,8 +1,25 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcDataGrid
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/data-grid
+* @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 {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
+* @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} focusRowIndex - The index of the row that will receive focus the next time the
+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 row.
+* @param {number} focusColumnIndex - The index of the column that will receive focus the next time the
+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 {string} rowElementTag - Set by the component templates.
 * @param {DataGridSelectionMode | undefined} selectionMode - Indicates the selection mode. **attribute** `selection-mode`
-* @param  toggleGeneratedHeader
 */
 declare const VwcDataGrid: {
     (props: {
@@ -12,8 +29,18 @@ declare const VwcDataGrid: {
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         onCellClick?: ((event: SyntheticEvent) => void) | undefined;
+        noTabbing?: boolean | undefined;
+        generateHeader?: any;
+        gridTemplateColumns?: string | undefined;
+        rowsData?: any[] | undefined;
+        columnDefinitions?: any;
+        rowItemTemplate?: any;
+        cellItemTemplate?: any;
+        headerCellItemTemplate?: any;
+        focusRowIndex?: number | undefined;
+        focusColumnIndex?: number | undefined;
+        rowElementTag?: string | undefined;
         selectionMode?: any;
-        toggleGeneratedHeader?: any;
     }): JSX.Element;
     displayName: string;
 };