@vonage/vivid-react 3.2.0 → 3.3.1

package/v3/VwcCombobox/index.d.ts

@@ -1,13 +1,26 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcCombobox
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/combobox
+* @param {ComboboxAutocomplete | undefined} autocomplete - The autocomplete attribute. **attribute** `autocomplete`
+* @param {ListboxOption[]} filteredOptions - The collection of currently filtered options.
 * @param {ComboboxAppearance | undefined} appearance - The appearance attribute. **attribute** `appearance`
+* @param {ComboboxShape | undefined} shape - The shape attribute. **attribute** `shape`
+* @param {ComboboxSize | undefined} scale - The size the combobox should have. **attribute** `scale`
 * @param {PopupPlacement | undefined} placement - the placement of the combobox
 
 HTML Attribute: string **attribute** `placement`
 * @param {boolean} fixedDropdown - Whether the dropdown is using a fixed positioning strategy. **attribute** `fixed-dropdown`
 * @param {Popup} _popup
 * @param {HTMLElement} _anchor
+* @param {boolean} open - The open attribute. **attribute** `open`
+* @param {ListboxOption[]} options - The list of options.
+* @param {string} placeholder - Sets the placeholder value of the element, generally used to provide a hint to the user. **attribute** `placeholder`
+* @param  value - The value property.
+* @param  proxy
+* @param {boolean} disabled - The disabled state of the listbox. **attribute** `disabled`
+* @param {number} selectedIndex - The index of the selected option.
+* @param {ListboxOption[]} selectedOptions - A collection of the selected options.
+* @param  slottedOptionFilter - A static filter to include only selectable options.
 */
 declare const VwcCombobox: {
     (props: {
@@ -17,11 +30,24 @@ declare const VwcCombobox: {
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         onChange?: ((event: SyntheticEvent) => void) | undefined;
+        autocomplete?: any;
+        filteredOptions?: any[] | undefined;
         appearance?: any;
+        shape?: any;
+        scale?: any;
         placement?: any;
         fixedDropdown?: boolean | undefined;
         _popup?: any;
         _anchor?: any;
+        open?: boolean | undefined;
+        options?: any[] | undefined;
+        placeholder?: string | undefined;
+        value?: any;
+        proxy?: any;
+        disabled?: boolean | undefined;
+        selectedIndex?: number | undefined;
+        selectedOptions?: any[] | undefined;
+        slottedOptionFilter?: any;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcCombobox/index.js

@@ -14,6 +14,25 @@ Code in this file were generated using following JSON:
   }
  ],
  "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 +42,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 +91,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 +294,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 +310,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 +342,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,
@@ -103,7 +383,9 @@ Code in this file were generated using following JSON:
    {
     "name": "modelValue",
     "attributeName": "value",
-    "eventName": "change",
+    "eventNames": [
+     "change"
+    ],
     "valueMapping": "(event.target as HTMLInputElement).value"
    }
   ]
@@ -118,7 +400,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.1.0",
+  "version": "4.14.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.1.0"
+    "@vonage/vivid": "4.14.4"
   }
 }

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;
 };