@vonage/vivid-react 3.2.0 → 3.3.1

package/v3/VwcTextField/package.json

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

@@ -99,6 +99,23 @@ Code in this file were generated using following JSON:
    "privacy": "public",
    "default": "''"
   },
+  {
+   "kind": "field",
+   "name": "#clockChangeHandler",
+   "privacy": "private",
+   "type": {
+    "text": "object"
+   },
+   "default": "{\n\t\thandleChange: () => {\n\t\t\tif (this.value) {\n\t\t\t\tthis._presentationValue = formatPresentationTime(\n\t\t\t\t\tthis.value,\n\t\t\t\t\tthis._displaySeconds,\n\t\t\t\t\tthis._use12hClock\n\t\t\t\t);\n\t\t\t}\n\t\t},\n\t}"
+  },
+  {
+   "kind": "field",
+   "name": "#clockChangeObserver",
+   "privacy": "private",
+   "type": {
+    "text": "BindingObserver"
+   }
+  },
   {
    "kind": "field",
    "name": "#getFocusableEls",
@@ -272,7 +289,9 @@ Code in this file were generated using following JSON:
    {
     "name": "modelValue",
     "attributeName": "value",
-    "eventName": "input",
+    "eventNames": [
+     "input"
+    ],
     "valueMapping": "(event.target as HTMLInputElement).value"
    }
   ]

package/v3/VwcTimePicker/package.json

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

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

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

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

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

@@ -2,6 +2,9 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcTreeItem
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/tree-item
 * @param {string | undefined} text - Indicates the text's text. **attribute** `text`
+* @param {boolean} expanded - When true, the control will be appear expanded by user interaction. **attribute** `expanded`
+* @param {boolean} selected - When true, the control will appear selected by user interaction. **attribute** `selected`
+* @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`
 */
 declare const VwcTreeItem: {
     (props: {
@@ -13,6 +16,9 @@ declare const VwcTreeItem: {
         onExpandedChange?: ((event: SyntheticEvent) => void) | undefined;
         onSelectedChange?: ((event: SyntheticEvent) => void) | undefined;
         text?: string | undefined;
+        expanded?: boolean | undefined;
+        selected?: boolean | undefined;
+        disabled?: boolean | undefined;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcTreeItem/index.js

@@ -52,6 +52,86 @@ Code in this file were generated using following JSON:
    },
    "description": "Indicates the text's text.",
    "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "expanded",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "When true, the control will be appear expanded by user interaction.",
+   "privacy": "public"
+  },
+  {
+   "kind": "method",
+   "name": "expandedChanged",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
+  },
+  {
+   "kind": "field",
+   "name": "selected",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "When true, the control will appear selected by user interaction.",
+   "privacy": "public"
+  },
+  {
+   "kind": "method",
+   "name": "selectedChanged",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
+  },
+  {
+   "kind": "field",
+   "name": "disabled",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "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": "method",
+   "name": "itemsChanged",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
+  },
+  {
+   "kind": "method",
+   "name": "focusItem",
+   "static": true,
+   "parameters": [
+    {
+     "name": "el",
+     "type": {
+      "text": "HTMLElement"
+     },
+     "description": "the element to focus"
+    }
+   ],
+   "description": "Places document focus on a tree item",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "isNestedItem",
+   "description": "Whether the tree is nested",
+   "privacy": "public",
+   "readonly": true
   }
  ],
  "events": [
@@ -78,11 +158,35 @@ Code in this file were generated using following JSON:
    },
    "description": "Indicates the text's text.",
    "fieldName": "text"
+  },
+  {
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "When true, the control will be appear expanded by user interaction.",
+   "fieldName": "expanded"
+  },
+  {
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "When true, the control will appear selected by user interaction.",
+   "fieldName": "selected"
+  },
+  {
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "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"
   }
  ],
  "superclass": {
-  "name": "FastTreeItem",
-  "package": "@microsoft/fast-foundation"
+  "name": "VividElement",
+  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
  },
  "vividComponent": {
   "public": true,
@@ -98,7 +202,7 @@ registerTreeItem('vvd3')
 const VwcTreeItem = wrapper(`vvd3-tree-item`,  {
     events: [{"name":"selected-change","propName":"onSelectedChange"},{"name":"expanded-change","propName":"onExpandedChange"}],
     attributes: [],
-    properties: ['text']
+    properties: ['text', 'expanded', 'selected', 'disabled']
 })
 
 VwcTreeItem.displayName = 'VwcTreeItem'

package/v3/VwcTreeItem/package.json

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

@@ -1,7 +1,9 @@
 import React, { ReactNode } from 'react';
 /** VwcTreeView
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/tree-view
-
+* @param {boolean} renderCollapsedNodes - /**
+ When true, the control will be appear expanded by user interaction. **attribute** `render-collapsed-nodes`
+* @param {HTMLElement | TreeItem | null} currentSelected - The currently selected tree item
 */
 declare const VwcTreeView: {
     (props: {
@@ -10,6 +12,8 @@ declare const VwcTreeView: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        renderCollapsedNodes?: boolean | undefined;
+        currentSelected?: any;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcTreeView/index.js

@@ -13,9 +13,130 @@ Code in this file were generated using following JSON:
    "name": ""
   }
  ],
+ "members": [
+  {
+   "kind": "field",
+   "name": "renderCollapsedNodes",
+   "type": {
+    "text": "boolean"
+   },
+   "description": "/**\n When true, the control will be appear expanded by user interaction.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "currentSelected",
+   "type": {
+    "text": "HTMLElement | TreeItem | null"
+   },
+   "description": "The currently selected tree item",
+   "privacy": "public"
+  },
+  {
+   "kind": "method",
+   "name": "slottedTreeItemsChanged",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
+  },
+  {
+   "kind": "field",
+   "name": "nested",
+   "type": {
+    "text": "boolean"
+   },
+   "privacy": "private"
+  },
+  {
+   "kind": "method",
+   "name": "focusNextNode",
+   "privacy": "private",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
+   "parameters": [
+    {
+     "name": "delta",
+     "type": {
+      "text": "number"
+     }
+    },
+    {
+     "name": "item",
+     "type": {
+      "text": "TreeItem"
+     }
+    }
+   ],
+   "description": "Move focus to a tree item based on its offset from the provided item"
+  },
+  {
+   "kind": "field",
+   "name": "setItems",
+   "privacy": "private",
+   "description": "Updates the tree view when slottedTreeItems changes"
+  },
+  {
+   "kind": "method",
+   "name": "getValidFocusableItem",
+   "privacy": "private",
+   "return": {
+    "type": {
+     "text": "null | HTMLElement | TreeItem"
+    }
+   },
+   "description": "checks if there are any nested tree items"
+  },
+  {
+   "kind": "method",
+   "name": "checkForNestedItems",
+   "privacy": "private",
+   "return": {
+    "type": {
+     "text": "boolean"
+    }
+   },
+   "description": "checks if there are any nested tree items"
+  },
+  {
+   "kind": "field",
+   "name": "isFocusableElement",
+   "privacy": "private",
+   "description": "check if the item is focusable"
+  },
+  {
+   "kind": "field",
+   "name": "isSelectedElement",
+   "privacy": "private"
+  },
+  {
+   "kind": "method",
+   "name": "getVisibleNodes",
+   "privacy": "private",
+   "return": {
+    "type": {
+     "text": "HTMLElement[]"
+    }
+   }
+  }
+ ],
+ "attributes": [
+  {
+   "name": "render-collapsed-nodes",
+   "type": {
+    "text": "boolean"
+   },
+   "description": "/**\n When true, the control will be appear expanded by user interaction.",
+   "fieldName": "renderCollapsedNodes"
+  }
+ ],
  "superclass": {
-  "name": "FastTreeView",
-  "package": "@microsoft/fast-foundation"
+  "name": "VividElement",
+  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element.js"
  },
  "vividComponent": {
   "public": true,
@@ -31,7 +152,7 @@ registerTreeView('vvd3')
 const VwcTreeView = wrapper(`vvd3-tree-view`,  {
     events: [],
     attributes: [],
-    properties: []
+    properties: ['renderCollapsedNodes', 'currentSelected']
 })
 
 VwcTreeView.displayName = 'VwcTreeView'

package/v3/VwcTreeView/package.json

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

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

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

@@ -0,0 +1,16 @@
+import React, { ReactNode } from 'react';
+/** Base class for all Vivid elements.
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/vivid-element
+
+*/
+declare const VwcVividElement: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcVividElement;

package/v3/VwcVividElement/index.js

@@ -0,0 +1,30 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "Base class for all Vivid elements.",
+ "name": "VividElement",
+ "superclass": {
+  "name": "FASTElement",
+  "package": "@microsoft/fast-element"
+ },
+ "customElement": true
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerVividElement } from '@vonage/vivid'
+
+registerVividElement('vvd3')
+
+const VwcVividElement = wrapper(`vvd3-vivid-element`,  {
+    events: [],
+    attributes: [],
+    properties: []
+})
+
+VwcVividElement.displayName = 'VwcVividElement'
+
+export default VwcVividElement

package/v3/VwcVividElement/package.json

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

package/v3/VwcVividFoundationButton/index.d.ts

@@ -0,0 +1,36 @@
+import React, { ReactNode } from 'react';
+/** A Button Custom HTML Element.
+Based largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element .
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/vivid-foundation-button
+* @param {boolean} autofocus - Determines if the element should receive document focus on page load. **attribute** `autofocus`
+* @param {string} formId - The id of a form to associate the element to. **attribute** `form`
+* @param {string} formaction - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details. **attribute** `formaction`
+* @param {string} formenctype - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details. **attribute** `formenctype`
+* @param {string} formmethod - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details. **attribute** `formmethod`
+* @param {boolean} formnovalidate - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details. **attribute** `formnovalidate`
+* @param {'_self' | '_blank' | '_parent' | '_top'} formtarget - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details. **attribute** `formtarget`
+* @param {'submit' | 'reset' | 'button'} type - The button type. **attribute** `type`
+* @param {HTMLButtonElement} control
+* @param  proxy
+*/
+declare const VwcVividFoundationButton: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        autofocus?: boolean | undefined;
+        formId?: string | undefined;
+        formaction?: string | undefined;
+        formenctype?: string | undefined;
+        formmethod?: string | undefined;
+        formnovalidate?: boolean | undefined;
+        formtarget?: any;
+        type?: any;
+        control?: any;
+        proxy?: any;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcVividFoundationButton;