@vonage/vivid-react 3.3.0 → 3.3.1

package/v3/VwcSlider/index.js

@@ -18,6 +18,242 @@ Code in this file were generated using following JSON:
   }
  ],
  "members": [
+  {
+   "kind": "field",
+   "name": "readOnly",
+   "type": {
+    "text": "boolean"
+   },
+   "description": "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.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "valueAsNumber",
+   "type": {
+    "text": "number"
+   },
+   "description": "The value property, typed as a number.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "valueTextFormatter",
+   "type": {
+    "text": "(value: string) => string"
+   },
+   "description": "Custom function that generates a string for the component's \"aria-valuetext\" attribute based on the current value.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "min",
+   "type": {
+    "text": "number"
+   },
+   "default": "0",
+   "description": "The minimum allowed value.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "max",
+   "type": {
+    "text": "number"
+   },
+   "default": "10",
+   "description": "The maximum allowed value.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "step",
+   "type": {
+    "text": "number"
+   },
+   "default": "1",
+   "description": "Value to increment or decrement via arrow keys, mouse click or drag.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "orientation",
+   "type": {
+    "text": "Orientation"
+   },
+   "description": "The orientation of the slider.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "mode",
+   "type": {
+    "text": "SliderMode"
+   },
+   "description": "The selection mode.",
+   "privacy": "public"
+  },
+  {
+   "kind": "method",
+   "name": "increment",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
+   "description": "Increment the value by the step",
+   "privacy": "public"
+  },
+  {
+   "kind": "method",
+   "name": "decrement",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
+   "description": "Decrement the value by the step",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "keypressHandler",
+   "privacy": "protected"
+  },
+  {
+   "kind": "method",
+   "name": "setThumbPositionForOrientation",
+   "privacy": "public",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
+   "parameters": [
+    {
+     "name": "_",
+     "type": {
+      "text": "Direction"
+     }
+    },
+    {
+     "description": "writing mode",
+     "name": "direction"
+    }
+   ],
+   "description": "Places the thumb based on the current value"
+  },
+  {
+   "kind": "method",
+   "name": "#thumbTrackEndOffset",
+   "parameters": [
+    {
+     "name": "value",
+     "type": {
+      "text": "number"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "updateStepMultiplier",
+   "privacy": "private",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
+   "description": "Update the step multiplier used to ensure rounding errors from steps that\nare not whole numbers"
+  },
+  {
+   "kind": "field",
+   "name": "setupTrackConstraints",
+   "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "setupListeners",
+   "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "midpoint",
+   "type": {
+    "text": "string"
+   },
+   "privacy": "private",
+   "readonly": true
+  },
+  {
+   "kind": "method",
+   "name": "setupDefaultValue",
+   "privacy": "private",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
+  },
+  {
+   "kind": "field",
+   "name": "handleThumbMouseDown",
+   "privacy": "private",
+   "description": "Handle mouse moves during a thumb drag operation\nIf the event handler is null it removes the events"
+  },
+  {
+   "kind": "field",
+   "name": "handleMouseMove",
+   "privacy": "private",
+   "description": "Handle mouse moves during a thumb drag operation"
+  },
+  {
+   "kind": "method",
+   "name": "#calculateValueFromMouseEvent",
+   "parameters": [
+    {
+     "name": "e",
+     "type": {
+      "text": "Pick<MouseEvent, 'pageX' | 'pageY'>"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "field",
+   "name": "handleWindowMouseUp",
+   "privacy": "private",
+   "description": "Handle a window mouse up during a drag operation"
+  },
+  {
+   "kind": "field",
+   "name": "stopDragging",
+   "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "handleMouseDown",
+   "privacy": "private",
+   "parameters": [
+    {
+     "description": "MouseEvent or null. If there is no event handler it will remove the events",
+     "name": "e"
+    }
+   ],
+   "description": ""
+  },
+  {
+   "kind": "method",
+   "name": "#roundToNearestStep",
+   "parameters": [
+    {
+     "name": "value",
+     "type": {
+      "text": "number"
+     }
+    }
+   ]
+  },
   {
    "kind": "field",
    "name": "ariaLabel",
@@ -63,15 +299,6 @@ Code in this file were generated using following JSON:
    "description": "slider connotation",
    "privacy": "public"
   },
-  {
-   "kind": "field",
-   "name": "valueTextFormatter",
-   "type": {
-    "text": "(value: string) => string"
-   },
-   "description": "Custom function that generates a string for the component's \"aria-valuetext\" attribute based on the current value.",
-   "privacy": "public"
-  },
   {
    "kind": "field",
    "name": "#isNonVisibleFocus",
@@ -101,15 +328,11 @@ Code in this file were generated using following JSON:
   },
   {
    "kind": "field",
-   "name": "handleMouseDown"
-  },
-  {
-   "kind": "field",
-   "name": "handleThumbMouseDown"
-  },
-  {
-   "kind": "field",
-   "name": "keypressHandler"
+   "name": "proxy",
+   "inheritedFrom": {
+    "name": "FormAssociatedSlider",
+    "module": "libs/components/src/lib/slider/slider.form-associated.ts"
+   }
   }
  ],
  "events": [
@@ -122,6 +345,54 @@ Code in this file were generated using following JSON:
   }
  ],
  "attributes": [
+  {
+   "name": "readonly",
+   "type": {
+    "text": "boolean"
+   },
+   "description": "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.",
+   "fieldName": "readOnly"
+  },
+  {
+   "type": {
+    "text": "number"
+   },
+   "default": "0",
+   "description": "The minimum allowed value.",
+   "fieldName": "min"
+  },
+  {
+   "type": {
+    "text": "number"
+   },
+   "default": "10",
+   "description": "The maximum allowed value.",
+   "fieldName": "max"
+  },
+  {
+   "type": {
+    "text": "number"
+   },
+   "default": "1",
+   "description": "Value to increment or decrement via arrow keys, mouse click or drag.",
+   "fieldName": "step"
+  },
+  {
+   "name": "orientation",
+   "type": {
+    "text": "Orientation"
+   },
+   "description": "The orientation of the slider.",
+   "fieldName": "orientation"
+  },
+  {
+   "name": "mode",
+   "type": {
+    "text": "SliderMode"
+   },
+   "description": "The selection mode.",
+   "fieldName": "mode"
+  },
   {
    "name": "aria-label",
    "type": {
@@ -164,8 +435,8 @@ Code in this file were generated using following JSON:
   }
  ],
  "superclass": {
-  "name": "FastSlider",
-  "package": "@microsoft/fast-foundation"
+  "name": "FormAssociatedSlider",
+  "module": "/libs/components/src/lib/slider/slider.form-associated"
  },
  "vividComponent": {
   "public": true,
@@ -191,7 +462,7 @@ registerSlider('vvd3')
 const VwcSlider = wrapper(`vvd3-slider`,  {
     events: [{"name":"change","propName":"onChange"}],
     attributes: [],
-    properties: ['ariaLabel', 'ariaValuetext', 'markers', 'pin', 'connotation', 'valueTextFormatter', 'handleMouseDown', 'handleThumbMouseDown', 'keypressHandler', 'min', 'max', 'step', 'orientation', 'markers', 'connotation', 'pin', 'disabled', 'value']
+    properties: ['readOnly', 'valueAsNumber', 'valueTextFormatter', 'min', 'max', 'step', 'orientation', 'mode', 'ariaLabel', 'ariaValuetext', 'markers', 'pin', 'connotation', 'proxy', 'min', 'max', 'step', 'orientation', 'markers', 'connotation', 'pin', 'disabled', 'value']
 })
 
 VwcSlider.displayName = 'VwcSlider'

package/v3/VwcSlider/package.json

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

package/v3/VwcSplitButton/index.js

@@ -425,8 +425,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/VwcSplitButton/package.json

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

package/v3/VwcSwitch/index.d.ts

@@ -1,8 +1,13 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcSwitch
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/switch
+* @param {string | null} ariaLabel  **attribute** `aria-label`
 * @param {string | undefined} label - Indicates the switch's label. **attribute** `label`
 * @param {SwitchConnotation | undefined} connotation - Indicates the switch's connotation. **attribute** `connotation`
+* @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 {boolean} defaultChecked
+* @param  checked
+* @param  proxy
 * @param {boolean} checked
 * @param {boolean} readonly
 * @param {boolean} disabled
@@ -18,9 +23,13 @@ declare const VwcSwitch: {
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         onChange?: ((event: SyntheticEvent) => void) | undefined;
         onClick?: ((event: SyntheticEvent) => void) | undefined;
+        ariaLabel?: string | null | undefined;
         label?: string | undefined;
         connotation?: any;
-        checked?: boolean | undefined;
+        readOnly?: boolean | undefined;
+        defaultChecked?: boolean | undefined;
+        checked?: any;
+        proxy?: any;
         readonly?: boolean | undefined;
         disabled?: boolean | undefined;
         value?: string | undefined;

package/v3/VwcSwitch/index.js

@@ -130,6 +130,14 @@ Code in this file were generated using following JSON:
   }
  ],
  "members": [
+  {
+   "kind": "field",
+   "name": "ariaLabel",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null"
+  },
   {
    "kind": "field",
    "name": "label",
@@ -147,6 +155,45 @@ Code in this file were generated using following JSON:
    },
    "description": "Indicates the switch's connotation.",
    "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "readOnly",
+   "type": {
+    "text": "boolean"
+   },
+   "description": "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.",
+   "privacy": "public"
+  },
+  {
+   "kind": "method",
+   "name": "updateForm",
+   "privacy": "private",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
+  },
+  {
+   "kind": "field",
+   "name": "defaultChecked",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "!!this.checkedAttribute"
+  },
+  {
+   "kind": "field",
+   "name": "checked"
+  },
+  {
+   "kind": "field",
+   "name": "proxy",
+   "inheritedFrom": {
+    "name": "FormAssociatedSwitch",
+    "module": "libs/components/src/lib/switch/switch.form-associated.ts"
+   }
   }
  ],
  "events": [
@@ -159,6 +206,14 @@ Code in this file were generated using following JSON:
   }
  ],
  "attributes": [
+  {
+   "name": "aria-label",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null",
+   "fieldName": "ariaLabel"
+  },
   {
    "name": "label",
    "type": {
@@ -174,11 +229,19 @@ Code in this file were generated using following JSON:
    },
    "description": "Indicates the switch's connotation.",
    "fieldName": "connotation"
+  },
+  {
+   "name": "readonly",
+   "type": {
+    "text": "boolean"
+   },
+   "description": "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.",
+   "fieldName": "readOnly"
   }
  ],
  "superclass": {
-  "name": "FoundationSwitch",
-  "package": "@microsoft/fast-foundation"
+  "name": "FormAssociatedSwitch",
+  "module": "/libs/components/src/lib/switch/switch.form-associated"
  },
  "vividComponent": {
   "public": true,
@@ -204,7 +267,7 @@ registerSwitch('vvd3')
 const VwcSwitch = wrapper(`vvd3-switch`,  {
     events: [{"name":"change","propName":"onChange"},{"name":"click","propName":"onClick"}],
     attributes: [],
-    properties: ['label', 'connotation', 'checked', 'readonly', 'disabled', 'value', 'name']
+    properties: ['ariaLabel', 'label', 'connotation', 'readOnly', 'defaultChecked', 'checked', 'proxy', 'checked', 'readonly', 'disabled', 'value', 'name']
 })
 
 VwcSwitch.displayName = 'VwcSwitch'

package/v3/VwcSwitch/package.json

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

package/v3/VwcTab/index.d.ts

@@ -1,9 +1,11 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcTab
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/tab
+* @param {boolean} disabled - When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled | disabled HTML attribute for more information. **attribute** `disabled`
 * @param {TabConnotation | undefined} connotation - The connotation the tab should have. **attribute** `connotation`
 * @param {TabShape | undefined} shape - The shape the tab should have. **attribute** `shape`
 * @param {string | undefined} label - Indicates the tab's label. **attribute** `label`
+* @param {boolean} removable - Indicates the tab's label. **attribute** `removable`
 * @param {number} tabIndex  **attribute** `tabIndex`
 * @param {string | null} ariaSelected  **attribute** `aria-selected`
 */
@@ -15,9 +17,11 @@ declare const VwcTab: {
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         onClick?: ((event: SyntheticEvent) => void) | undefined;
+        disabled?: boolean | undefined;
         connotation?: any;
         shape?: any;
         label?: string | undefined;
+        removable?: boolean | undefined;
         tabIndex?: number | undefined;
         ariaSelected?: string | null | undefined;
     }): JSX.Element;

package/v3/VwcTab/index.js

@@ -64,6 +64,15 @@ Code in this file were generated using following JSON:
   }
  ],
  "members": [
+  {
+   "kind": "field",
+   "name": "disabled",
+   "type": {
+    "text": "boolean"
+   },
+   "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled | disabled HTML attribute for more information.",
+   "privacy": "public"
+  },
   {
    "kind": "field",
    "name": "connotation",
@@ -91,6 +100,16 @@ Code in this file were generated using following JSON:
    "description": "Indicates the tab's label.",
    "privacy": "public"
   },
+  {
+   "kind": "field",
+   "name": "removable",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Indicates the tab's label.",
+   "privacy": "public"
+  },
   {
    "kind": "field",
    "name": "tabIndex",
@@ -106,9 +125,40 @@ Code in this file were generated using following JSON:
     "text": "string | null"
    },
    "default": "null"
+  },
+  {
+   "kind": "method",
+   "name": "_handleCloseClick",
+   "parameters": [
+    {
+     "name": "e",
+     "type": {
+      "text": "Event"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "_onKeyDown",
+   "parameters": [
+    {
+     "name": "e",
+     "type": {
+      "text": "KeyboardEvent"
+     }
+    }
+   ]
   }
  ],
  "attributes": [
+  {
+   "type": {
+    "text": "boolean"
+   },
+   "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled | disabled HTML attribute for more information.",
+   "fieldName": "disabled"
+  },
   {
    "name": "connotation",
    "type": {
@@ -133,6 +183,14 @@ Code in this file were generated using following JSON:
    "description": "Indicates the tab's label.",
    "fieldName": "label"
   },
+  {
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Indicates the tab's label.",
+   "fieldName": "removable"
+  },
   {
    "type": {
     "text": "number"
@@ -150,8 +208,8 @@ Code in this file were generated using following JSON:
   }
  ],
  "superclass": {
-  "name": "FoundationTab",
-  "package": "@microsoft/fast-foundation"
+  "name": "VividElement",
+  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
  },
  "vividComponent": {
   "public": true,
@@ -167,7 +225,7 @@ registerTab('vvd3')
 const VwcTab = wrapper(`vvd3-tab`,  {
     events: [{"name":"click","propName":"onClick"}],
     attributes: [],
-    properties: ['connotation', 'shape', 'label', 'tabIndex', 'ariaSelected']
+    properties: ['disabled', 'connotation', 'shape', 'label', 'removable', 'tabIndex', 'ariaSelected']
 })
 
 VwcTab.displayName = 'VwcTab'

package/v3/VwcTab/package.json

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