@vonage/vivid-react 3.2.0 → 3.3.1

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.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/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.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/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.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/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.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/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.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/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"