@vonage/vivid-react 3.3.0 → 3.4.0

package/v3/VwcTabPanel/index.js

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

package/v3/VwcTabPanel/package.json

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

@@ -1,10 +1,15 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcTabs
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/tabs
+* @param {TabsOrientation} orientation - The orientation **attribute** `orientation`
+* @param {string} activeid - The id of the active tab **attribute** `activeid`
+* @param {boolean} activeindicator - Whether or not to show the active indicator **attribute** `activeindicator`
+* @param {HTMLElement} activetab - A reference to the active tab
 * @param {HTMLElement | undefined} tablist
 * @param {TabsConnotation | undefined} connotation - The connotation the tabs should have. **attribute** `connotation`
-* @param {Gutters | undefined} gutters - sets the initial preferred margin from predefined available options **attribute** `gutters`
+* @param {TabsGutters | undefined} gutters - sets the initial preferred margin from predefined available options **attribute** `gutters`
 * @param {boolean} scrollablePanel - sets overflow to the tab-panel **attribute** `scrollable-panel`
+* @param {'align-start' | 'stretch' | undefined} tabsLayout - Controls the layout of the tabs. **attribute** `tabs-layout`
 */
 declare const VwcTabs: {
     (props: {
@@ -14,10 +19,15 @@ declare const VwcTabs: {
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         onChange?: ((event: SyntheticEvent) => void) | undefined;
+        orientation?: any;
+        activeid?: string | undefined;
+        activeindicator?: boolean | undefined;
+        activetab?: any;
         tablist?: any;
         connotation?: any;
         gutters?: any;
         scrollablePanel?: boolean | undefined;
+        tabsLayout?: any;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcTabs/index.js

@@ -26,55 +26,170 @@ Code in this file were generated using following JSON:
  "members": [
   {
    "kind": "field",
-   "name": "tablist",
+   "name": "orientation",
    "type": {
-    "text": "HTMLElement | undefined"
-   }
+    "text": "TabsOrientation"
+   },
+   "description": "The orientation",
+   "privacy": "public"
   },
   {
    "kind": "field",
-   "name": "connotation",
+   "name": "activeid",
    "type": {
-    "text": "TabsConnotation | undefined"
+    "text": "string"
    },
-   "description": "The connotation the tabs should have.",
+   "description": "The id of the active tab",
    "privacy": "public"
   },
   {
    "kind": "field",
-   "name": "gutters",
+   "name": "#isLastTabSelectedAfterRemove",
+   "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "activeindicator",
    "type": {
-    "text": "Gutters | undefined"
+    "text": "boolean"
    },
-   "description": "sets the initial preferred margin from predefined available options",
+   "default": "true",
+   "description": "Whether or not to show the active indicator",
    "privacy": "public"
   },
   {
    "kind": "field",
-   "name": "scrollablePanel",
+   "name": "activetab",
    "type": {
-    "text": "boolean"
+    "text": "HTMLElement"
    },
-   "default": "false",
-   "description": "sets overflow to the tab-panel",
+   "description": "A reference to the active tab",
    "privacy": "public"
   },
+  {
+   "kind": "field",
+   "name": "prevActiveTabIndex",
+   "type": {
+    "text": "number"
+   },
+   "privacy": "private",
+   "default": "0"
+  },
+  {
+   "kind": "field",
+   "name": "activeTabIndex",
+   "type": {
+    "text": "number"
+   },
+   "privacy": "private",
+   "default": "0"
+  },
+  {
+   "kind": "field",
+   "name": "tabIds",
+   "type": {
+    "text": "Array<string>"
+   },
+   "privacy": "private",
+   "default": "[]"
+  },
+  {
+   "kind": "field",
+   "name": "tabpanelIds",
+   "type": {
+    "text": "Array<string>"
+   },
+   "privacy": "private",
+   "default": "[]"
+  },
+  {
+   "kind": "field",
+   "name": "change",
+   "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "isDisabledElement",
+   "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "isHiddenElement",
+   "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "isFocusableElement",
+   "privacy": "private"
+  },
+  {
+   "kind": "method",
+   "name": "getActiveIndex",
+   "privacy": "private",
+   "return": {
+    "type": {
+     "text": "number"
+    }
+   }
+  },
+  {
+   "kind": "field",
+   "name": "setTabs",
+   "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "setTabPanels",
+   "privacy": "private"
+  },
+  {
+   "kind": "method",
+   "name": "getTabIds",
+   "privacy": "private",
+   "return": {
+    "type": {
+     "text": "Array<string>"
+    }
+   }
+  },
   {
    "kind": "method",
-   "name": "connotationChanged"
+   "name": "getTabPanelIds",
+   "privacy": "private",
+   "return": {
+    "type": {
+     "text": "Array<string>"
+    }
+   }
   },
   {
    "kind": "method",
-   "name": "orientationChanged",
+   "name": "setComponent",
+   "privacy": "private",
    "return": {
     "type": {
      "text": "void"
     }
    }
   },
+  {
+   "kind": "field",
+   "name": "handleTabClick",
+   "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "#isHorizontal",
+   "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "#handleTabKeyDown",
+   "privacy": "private"
+  },
   {
    "kind": "method",
-   "name": "activeidChanged",
+   "name": "adjust",
    "return": {
     "type": {
      "text": "void"
@@ -82,22 +197,46 @@ Code in this file were generated using following JSON:
    },
    "parameters": [
     {
-     "name": "oldValue",
+     "name": "adjustment",
      "type": {
-      "text": "string"
+      "text": "number"
      }
-    },
+    }
+   ],
+   "description": "The adjust method for FASTTabs",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "adjustForward",
+   "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "adjustBackward",
+   "privacy": "private"
+  },
+  {
+   "kind": "method",
+   "name": "#moveToNextTab",
+   "parameters": [
     {
-     "name": "newValue",
+     "name": "direction",
      "type": {
-      "text": "string"
+      "text": "1 | -1"
      }
     }
    ]
   },
+  {
+   "kind": "field",
+   "name": "#moveToTabByIndex",
+   "privacy": "private"
+  },
   {
    "kind": "method",
-   "name": "tabsChanged",
+   "name": "focusTab",
+   "privacy": "private",
    "return": {
     "type": {
      "text": "void"
@@ -105,17 +244,70 @@ Code in this file were generated using following JSON:
    }
   },
   {
-   "kind": "method",
-   "name": "tabpanelsChanged",
-   "return": {
-    "type": {
-     "text": "void"
-    }
+   "kind": "field",
+   "name": "tablist",
+   "type": {
+    "text": "HTMLElement | undefined"
    }
   },
+  {
+   "kind": "field",
+   "name": "connotation",
+   "type": {
+    "text": "TabsConnotation | undefined"
+   },
+   "description": "The connotation the tabs should have.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "gutters",
+   "type": {
+    "text": "TabsGutters | undefined"
+   },
+   "description": "sets the initial preferred margin from predefined available options",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "scrollablePanel",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "sets overflow to the tab-panel",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "tabsLayout",
+   "type": {
+    "text": "'align-start' | 'stretch' | undefined"
+   },
+   "description": "Controls the layout of the tabs.",
+   "privacy": "public"
+  },
   {
    "kind": "method",
-   "name": "patchIndicatorStyleTransition"
+   "name": "#updateScrollStatus"
+  },
+  {
+   "kind": "field",
+   "name": "#shouldMoveIndicator",
+   "privacy": "private",
+   "readonly": true
+  },
+  {
+   "kind": "method",
+   "name": "#patchIndicatorStyleTransition"
+  },
+  {
+   "kind": "field",
+   "name": "#resizeObserver",
+   "privacy": "private",
+   "type": {
+    "text": "ResizeObserver | undefined"
+   }
   },
   {
    "kind": "method",
@@ -141,7 +333,33 @@ Code in this file were generated using following JSON:
   },
   {
    "kind": "method",
-   "name": "#patchActiveID"
+   "name": "#getGridProperty"
+  },
+  {
+   "kind": "method",
+   "name": "#getTranslateProperty"
+  },
+  {
+   "kind": "method",
+   "name": "#handleActiveIndicatorPosition",
+   "parameters": [
+    {
+     "name": "animate",
+     "default": "true"
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "#animateActiveIndicator",
+   "parameters": [
+    {
+     "name": "animate",
+     "type": {
+      "text": "boolean"
+     }
+    }
+   ]
   }
  ],
  "events": [
@@ -154,6 +372,30 @@ Code in this file were generated using following JSON:
   }
  ],
  "attributes": [
+  {
+   "name": "orientation",
+   "type": {
+    "text": "TabsOrientation"
+   },
+   "description": "The orientation",
+   "fieldName": "orientation"
+  },
+  {
+   "name": "activeid",
+   "type": {
+    "text": "string"
+   },
+   "description": "The id of the active tab",
+   "fieldName": "activeid"
+  },
+  {
+   "type": {
+    "text": "boolean"
+   },
+   "default": "true",
+   "description": "Whether or not to show the active indicator",
+   "fieldName": "activeindicator"
+  },
   {
    "name": "connotation",
    "type": {
@@ -165,7 +407,7 @@ Code in this file were generated using following JSON:
   {
    "name": "gutters",
    "type": {
-    "text": "Gutters | undefined"
+    "text": "TabsGutters | undefined"
    },
    "description": "sets the initial preferred margin from predefined available options",
    "fieldName": "gutters"
@@ -178,11 +420,19 @@ Code in this file were generated using following JSON:
    "default": "false",
    "description": "sets overflow to the tab-panel",
    "fieldName": "scrollablePanel"
+  },
+  {
+   "name": "tabs-layout",
+   "type": {
+    "text": "'align-start' | 'stretch' | undefined"
+   },
+   "description": "Controls the layout of the tabs.",
+   "fieldName": "tabsLayout"
   }
  ],
  "superclass": {
-  "name": "FoundationTabs",
-  "package": "@microsoft/fast-foundation"
+  "name": "VividElement",
+  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
  },
  "vividComponent": {
   "public": true,
@@ -198,7 +448,7 @@ registerTabs('vvd3')
 const VwcTabs = wrapper(`vvd3-tabs`,  {
     events: [{"name":"change","propName":"onChange"}],
     attributes: [],
-    properties: ['tablist', 'connotation', 'gutters', 'scrollablePanel']
+    properties: ['orientation', 'activeid', 'activeindicator', 'activetab', 'tablist', 'connotation', 'gutters', 'scrollablePanel', 'tabsLayout']
 })
 
 VwcTabs.displayName = 'VwcTabs'

package/v3/VwcTabs/package.json

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

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

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

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

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

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

package/v3/VwcTextAnchor/package.json

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

@@ -1,7 +1,21 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcTextArea
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/text-area
+* @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 {TextAreaResize} resize - The resize mode of the element. **attribute** `resize`
+* @param {boolean} autofocus - Indicates that this element should get focus after the page finishes loading. **attribute** `autofocus`
+* @param {string} formId - The https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id | id of the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form | form the element is associated to **attribute** `form`
+* @param {string} list - Allows associating a https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist to the element by https://developer.mozilla.org/en-US/docs/Web/API/Element/id. **attribute** `list`
+* @param {number} maxlength - The maximum number of characters a user can enter. **attribute** `maxlength`
+* @param {number} minlength - The minimum number of characters a user can enter. **attribute** `minlength`
+* @param {string} name - The name of the element. **attribute** `name`
+* @param {string} placeholder - Sets the placeholder value of the element, generally used to provide a hint to the user. **attribute** `placeholder`
+* @param {number} cols - Sizes the element horizontally by a number of character columns. **attribute** `cols`
+* @param {number} rows - Sizes the element vertically by a number of character rows. **attribute** `rows`
+* @param {boolean} spellcheck - Sets if the element is eligible for spell checking
+but the UA. **attribute** `spellcheck`
 * @param {TextAreaWrap | undefined} wrap - The wrap attribute **attribute** `wrap`
+* @param  proxy
 */
 declare const VwcTextArea: {
     (props: {
@@ -12,7 +26,20 @@ declare const VwcTextArea: {
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         onChange?: ((event: SyntheticEvent) => void) | undefined;
         onInput?: ((event: SyntheticEvent) => void) | undefined;
+        readOnly?: boolean | undefined;
+        resize?: any;
+        autofocus?: boolean | undefined;
+        formId?: string | undefined;
+        list?: string | undefined;
+        maxlength?: number | undefined;
+        minlength?: number | undefined;
+        name?: string | undefined;
+        placeholder?: string | undefined;
+        cols?: number | undefined;
+        rows?: number | undefined;
+        spellcheck?: boolean | undefined;
         wrap?: any;
+        proxy?: any;
     }): JSX.Element;
     displayName: string;
 };