@vonage/vivid-react 3.2.0 → 3.3.1

package/v3/VwcSelect/index.js

@@ -60,6 +60,68 @@ Code in this file were generated using following JSON:
   }
  ],
  "members": [
+  {
+   "kind": "field",
+   "name": "multiple",
+   "type": {
+    "text": "boolean"
+   },
+   "description": "Indicates if the listbox is in multi-selection mode.",
+   "privacy": "public"
+  },
+  {
+   "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"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "open",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "The open attribute.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "value",
+   "description": "The value property.",
+   "privacy": "public"
+  },
+  {
+   "kind": "method",
+   "name": "multipleChanged",
+   "parameters": [
+    {
+     "name": "prev",
+     "type": {
+      "text": "boolean | undefined"
+     }
+    },
+    {
+     "name": "next",
+     "type": {
+      "text": "boolean"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "field",
+   "name": "scale",
+   "type": {
+    "text": "SelectSize | undefined"
+   },
+   "description": "The size the select should have.",
+   "privacy": "public"
+  },
   {
    "kind": "field",
    "name": "appearance",
@@ -97,6 +159,10 @@ Code in this file were generated using following JSON:
    "description": "The placeholder attribute.",
    "privacy": "public"
   },
+  {
+   "kind": "method",
+   "name": "labelChanged"
+  },
   {
    "kind": "field",
    "name": "displayValue",
@@ -135,6 +201,114 @@ Code in this file were generated using following JSON:
   {
    "kind": "method",
    "name": "formResetCallback"
+  },
+  {
+   "kind": "field",
+   "name": "proxy",
+   "inheritedFrom": {
+    "name": "FormAssociatedSelect",
+    "module": "libs/components/src/lib/select/select.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": "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": "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"
+   }
   }
  ],
  "events": [
@@ -154,6 +328,34 @@ Code in this file were generated using following JSON:
   }
  ],
  "attributes": [
+  {
+   "type": {
+    "text": "boolean"
+   },
+   "description": "Indicates if the listbox is in multi-selection mode.",
+   "fieldName": "multiple",
+   "inheritedFrom": {
+    "name": "Listbox",
+    "module": "libs/components/src/shared/foundation/listbox/listbox.ts"
+   }
+  },
+  {
+   "name": "open",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "The open attribute.",
+   "fieldName": "open"
+  },
+  {
+   "name": "scale",
+   "type": {
+    "text": "SelectSize | undefined"
+   },
+   "description": "The size the select should have.",
+   "fieldName": "scale"
+  },
   {
    "name": "appearance",
    "type": {
@@ -189,8 +391,8 @@ Code in this file were generated using following JSON:
   }
  ],
  "superclass": {
-  "name": "FoundationSelect",
-  "package": "@microsoft/fast-foundation"
+  "name": "FormAssociatedSelect",
+  "module": "/libs/components/src/lib/select/select.form-associated"
  },
  "vividComponent": {
   "public": true,
@@ -199,7 +401,9 @@ Code in this file were generated using following JSON:
    {
     "name": "modelValue",
     "attributeName": "value",
-    "eventName": "input",
+    "eventNames": [
+     "input"
+    ],
     "valueMapping": "(event.target as HTMLInputElement).value"
    }
   ]
@@ -214,7 +418,7 @@ registerSelect('vvd3')
 const VwcSelect = wrapper(`vvd3-select`,  {
     events: [{"name":"change","propName":"onChange"},{"name":"input","propName":"onInput"}],
     attributes: [],
-    properties: ['appearance', 'shape', 'fixedDropdown', 'placeholder']
+    properties: ['multiple', 'open', 'value', 'scale', 'appearance', 'shape', 'fixedDropdown', 'placeholder', 'proxy', 'options', 'disabled', 'selectedIndex', 'selectedOptions', 'slottedOptionFilter']
 })
 
 VwcSelect.displayName = 'VwcSelect'

package/v3/VwcSelect/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-select",
-  "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/VwcSelectableBox/index.js

@@ -192,8 +192,8 @@ Code in this file were generated using following JSON:
   }
  ],
  "superclass": {
-  "name": "FoundationElement",
-  "package": "@microsoft/fast-foundation"
+  "name": "VividElement",
+  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
  },
  "vividComponent": {
   "public": true,

package/v3/VwcSelectableBox/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-selectable-box",
-  "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/VwcSideDrawer/index.d.ts

@@ -15,6 +15,7 @@ declare const VwcSideDrawer: {
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         onClose?: ((event: SyntheticEvent) => void) | undefined;
         onOpen?: ((event: SyntheticEvent) => void) | undefined;
+        onCancel?: ((event: SyntheticEvent) => void) | undefined;
         alternate?: boolean | undefined;
         modal?: boolean | undefined;
         open?: boolean | undefined;

package/v3/VwcSideDrawer/index.js

@@ -91,6 +91,13 @@ Code in this file were generated using following JSON:
    },
    "description": "Fired when the side drawer is opened.",
    "name": "open"
+  },
+  {
+   "type": {
+    "text": "CustomEvent<undefined>"
+   },
+   "description": "Fired when the user requests to close the side-drawer. You can prevent the side drawer from closing by calling `.preventDefault()` on the event.",
+   "name": "cancel"
   }
  ],
  "attributes": [
@@ -128,8 +135,8 @@ Code in this file were generated using following JSON:
   }
  ],
  "superclass": {
-  "name": "FoundationElement",
-  "package": "@microsoft/fast-foundation"
+  "name": "VividElement",
+  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
  },
  "vividComponent": {
   "public": true,
@@ -143,7 +150,7 @@ import { registerSideDrawer } from '@vonage/vivid'
 registerSideDrawer('vvd3')
 
 const VwcSideDrawer = wrapper(`vvd3-side-drawer`,  {
-    events: [{"name":"open","propName":"onOpen"},{"name":"close","propName":"onClose"}],
+    events: [{"name":"cancel","propName":"onCancel"},{"name":"open","propName":"onOpen"},{"name":"close","propName":"onClose"}],
     attributes: [],
     properties: ['alternate', 'modal', 'open', 'trailing']
 })

package/v3/VwcSideDrawer/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-side-drawer",
-  "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/VwcSlider/index.d.ts

@@ -1,18 +1,27 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcSlider
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/slider
+* @param {boolean} readOnly - When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information. **attribute** `readonly`
+* @param {number} valueAsNumber - The value property, typed as a number.
+* @param {(value: string) => string} valueTextFormatter - Custom function that generates a string for the component's "aria-valuetext" attribute based on the current value.
+* @param {number} min - The minimum allowed value. **attribute** `min`
+* @param {number} max - The maximum allowed value. **attribute** `max`
+* @param {number} step - Value to increment or decrement via arrow keys, mouse click or drag. **attribute** `step`
+* @param {Orientation} orientation - The orientation of the slider. **attribute** `orientation`
+* @param {SliderMode} mode - The selection mode. **attribute** `mode`
 * @param {string | null} ariaLabel  **attribute** `aria-label`
 * @param {string | null} ariaValuetext  **attribute** `aria-valuetext`
 * @param {boolean} markers - Display markers on/off **attribute** `markers`
+* @param {boolean} pin - Show current value on the thumb. **attribute** `pin`
 * @param {SliderConnotation | undefined} connotation - slider connotation **attribute** `connotation`
-* @param {(value: string) => string} valueTextFormatter - Custom function that generates a string for the component's "aria-valuetext" attribute based on the current value.
-* @param {number} min
-* @param {number} max
-* @param {number} step
-* @param {string} orientation
+* @param  proxy
+* @param {number} min  **attribute** `min`
+* @param {number} max  **attribute** `max`
+* @param {number} step  **attribute** `step`
+* @param {string} orientation  **attribute** `orientation`
 * @param {boolean} markers  **attribute** `markers`
 * @param {string} connotation  **attribute** `connotation`
-* @param {boolean} pin
+* @param {boolean} pin  **attribute** `pin`
 * @param {boolean} disabled
 * @param {string} value
 */
@@ -24,16 +33,20 @@ declare const VwcSlider: {
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         onChange?: ((event: SyntheticEvent) => void) | undefined;
-        ariaLabel?: string | null | undefined;
-        ariaValuetext?: string | null | undefined;
-        markers?: boolean | undefined;
-        connotation?: any;
+        readOnly?: boolean | undefined;
+        valueAsNumber?: number | undefined;
         valueTextFormatter?: any;
         min?: number | undefined;
         max?: number | undefined;
         step?: number | undefined;
-        orientation?: string | undefined;
+        orientation?: any;
+        mode?: any;
+        ariaLabel?: string | null | undefined;
+        ariaValuetext?: string | null | undefined;
+        markers?: boolean | undefined;
         pin?: boolean | undefined;
+        connotation?: any;
+        proxy?: any;
         disabled?: boolean | undefined;
         value?: string | undefined;
     }): JSX.Element;