@vonage/vivid-react 3.2.0 → 3.3.1

package/v3/VwcFormAssociatedTextArea/index.js

@@ -0,0 +1,41 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "",
+ "name": "FormAssociatedTextArea",
+ "members": [
+  {
+   "kind": "field",
+   "name": "proxy"
+  }
+ ],
+ "mixins": [
+  {
+   "name": "FormAssociated",
+   "module": "/libs/components/src/shared/foundation/form-associated/form-associated"
+  }
+ ],
+ "superclass": {
+  "name": "_TextArea",
+  "module": "libs/components/src/lib/text-area/text-area.form-associated.ts"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerFormAssociatedTextArea } from '@vonage/vivid'
+
+registerFormAssociatedTextArea('vvd3')
+
+const VwcFormAssociatedTextArea = wrapper(`vvd3-form-associated-text-area`,  {
+    events: [],
+    attributes: [],
+    properties: ['proxy']
+})
+
+VwcFormAssociatedTextArea.displayName = 'VwcFormAssociatedTextArea'
+
+export default VwcFormAssociatedTextArea

package/v3/VwcFormAssociatedTextArea/package.json

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

package/v3/VwcFormAssociatedTextField/index.d.ts

@@ -0,0 +1,17 @@
+import React, { ReactNode } from 'react';
+/** VwcFormAssociatedTextField
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/form-associated-text-field
+* @param  proxy
+*/
+declare const VwcFormAssociatedTextField: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        proxy?: any;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcFormAssociatedTextField;

package/v3/VwcFormAssociatedTextField/index.js

@@ -0,0 +1,41 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "",
+ "name": "FormAssociatedTextField",
+ "members": [
+  {
+   "kind": "field",
+   "name": "proxy"
+  }
+ ],
+ "mixins": [
+  {
+   "name": "FormAssociated",
+   "module": "/libs/components/src/shared/foundation/form-associated/form-associated"
+  }
+ ],
+ "superclass": {
+  "name": "_TextField",
+  "module": "libs/components/src/lib/text-field/text-field.form-associated.ts"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerFormAssociatedTextField } from '@vonage/vivid'
+
+registerFormAssociatedTextField('vvd3')
+
+const VwcFormAssociatedTextField = wrapper(`vvd3-form-associated-text-field`,  {
+    events: [],
+    attributes: [],
+    properties: ['proxy']
+})
+
+VwcFormAssociatedTextField.displayName = 'VwcFormAssociatedTextField'
+
+export default VwcFormAssociatedTextField

package/v3/VwcFormAssociatedTextField/package.json

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

package/v3/VwcFormAssociatedTimePicker/index.js

@@ -16,7 +16,7 @@ Code in this file were generated using following JSON:
  "mixins": [
   {
    "name": "FormAssociated",
-   "package": "@microsoft/fast-foundation"
+   "module": "/libs/components/src/shared/foundation/form-associated/form-associated"
   }
  ],
  "superclass": {

package/v3/VwcFormAssociatedTimePicker/package.json

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

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

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

@@ -24,6 +24,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-icon-success-primary",
    "default": "var(--vvd-color-success-500)"
   },
+  {
+   "name": "--vvd-icon-warning-primary",
+   "default": "var(--vvd-color-warning-300)"
+  },
   {
    "name": "--vvd-icon-alert-primary",
    "default": "var(--vvd-color-alert-500)"
@@ -78,6 +82,15 @@ Code in this file were generated using following JSON:
    "name": "iconUrl",
    "readonly": true
   },
+  {
+   "kind": "field",
+   "name": "#abortController",
+   "privacy": "private",
+   "type": {
+    "text": "AbortController | null"
+   },
+   "default": "null"
+  },
   {
    "kind": "method",
    "name": "nameChanged",
@@ -109,8 +122,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/VwcIcon/package.json

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

@@ -0,0 +1,27 @@
+import React, { ReactNode } from 'react';
+/** VwcInlineTimePicker
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/inline-time-picker
+* @param {string | undefined} value
+* @param {number} minutesStep
+* @param {number | undefined} secondsStep
+* @param {'12h' | '24h'} clock
+* @param {string | undefined} min
+* @param {string | undefined} max
+*/
+declare const VwcInlineTimePicker: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        value?: string | undefined;
+        minutesStep?: number | undefined;
+        secondsStep?: any;
+        clock?: any;
+        min?: string | undefined;
+        max?: string | undefined;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcInlineTimePicker;

package/v3/VwcInlineTimePicker/index.js

@@ -0,0 +1,125 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "",
+ "name": "InlineTimePicker",
+ "cssProperties": [
+  {
+   "name": "--vvd-time-picker-accent-primary",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-time-picker-accent-firm",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-time-picker-accent-faint",
+   "default": "var(--vvd-color-neutral-50)"
+  },
+  {
+   "name": "--vvd-time-picker-accent-soft",
+   "default": "var(--vvd-color-neutral-100)"
+  },
+  {
+   "name": "--vvd-time-picker-accent-dim",
+   "default": "var(--vvd-color-neutral-200)"
+  },
+  {
+   "name": "--vvd-time-picker-accent-pale",
+   "default": "var(--vvd-color-neutral-300)"
+  }
+ ],
+ "members": [
+  {
+   "kind": "field",
+   "name": "value",
+   "type": {
+    "text": "string | undefined"
+   }
+  },
+  {
+   "kind": "method",
+   "name": "valueChanged",
+   "parameters": [
+    {
+     "name": "_",
+     "optional": true,
+     "type": {
+      "text": "string"
+     }
+    },
+    {
+     "name": "newValue",
+     "optional": true,
+     "type": {
+      "text": "string"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "field",
+   "name": "minutesStep",
+   "type": {
+    "text": "number"
+   },
+   "default": "1"
+  },
+  {
+   "kind": "field",
+   "name": "secondsStep",
+   "type": {
+    "text": "number | undefined"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "clock",
+   "type": {
+    "text": "'12h' | '24h'"
+   },
+   "default": "'24h'"
+  },
+  {
+   "kind": "field",
+   "name": "min",
+   "type": {
+    "text": "string | undefined"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "max",
+   "type": {
+    "text": "string | undefined"
+   }
+  },
+  {
+   "kind": "method",
+   "name": "scrollSelectedOptionsToTop"
+  }
+ ],
+ "superclass": {
+  "name": "VividElement",
+  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerInlineTimePicker } from '@vonage/vivid'
+
+registerInlineTimePicker('vvd3')
+
+const VwcInlineTimePicker = wrapper(`vvd3-inline-time-picker`,  {
+    events: [],
+    attributes: [],
+    properties: ['value', 'minutesStep', 'secondsStep', 'clock', 'min', 'max']
+})
+
+VwcInlineTimePicker.displayName = 'VwcInlineTimePicker'
+
+export default VwcInlineTimePicker

package/v3/VwcInlineTimePicker/package.json

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

package/v3/VwcLayout/index.js

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

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

@@ -1,9 +1,11 @@
 import React, { ReactNode } from 'react';
 /** VwcListbox
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/listbox
-* @param {LisboxAppearance | undefined} appearance - The appearance the listbox should have. **attribute** `appearance`
-* @param {'horizontal' | 'vertical' | undefined} orientation - The direction the listbox options should flow. **attribute** `orientation`
-* @param {ListboxShape | undefined} shape - The shape the listbox should have. **attribute** `shape`
+* @param {ListboxOption[]} options - The list of options.
+* @param {boolean} disabled - The disabled state of the listbox. **attribute** `disabled`
+* @param {number} selectedIndex - The index of the selected option.
+* @param {ListboxOption[]} selectedOptions - A collection of the selected options.
+* @param  slottedOptionFilter - A static filter to include only selectable options.
 */
 declare const VwcListbox: {
     (props: {
@@ -12,9 +14,11 @@ declare const VwcListbox: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        appearance?: any;
-        orientation?: any;
-        shape?: any;
+        options?: any[] | undefined;
+        disabled?: boolean | undefined;
+        selectedIndex?: number | undefined;
+        selectedOptions?: any[] | undefined;
+        slottedOptionFilter?: any;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcListbox/index.js

@@ -7,123 +7,98 @@ Code in this file were generated using following JSON:
  "kind": "class",
  "description": "",
  "name": "Listbox",
- "cssProperties": [
-  {
-   "name": "--vvd-listbox-accent-intermediate",
-   "default": "var(--vvd-color-neutral-500)"
-  },
+ "members": [
   {
-   "name": "--vvd-listbox-accent-primary",
-   "default": "var(--vvd-color-canvas-text)"
+   "kind": "field",
+   "name": "length",
+   "type": {
+    "text": "number"
+   },
+   "description": "The number of options.",
+   "privacy": "public",
+   "readonly": true
   },
-  {
-   "name": "--vvd-listbox-accent-soft",
-   "default": "var(--vvd-color-neutral-100)"
-  }
- ],
- "slots": [
-  {
-   "description": "Default slot.",
-   "name": ""
-  }
- ],
- "members": [
   {
    "kind": "field",
-   "name": "appearance",
+   "name": "options",
    "type": {
-    "text": "LisboxAppearance | undefined"
+    "text": "ListboxOption[]"
    },
-   "description": "The appearance the listbox should have.",
+   "description": "The list of options.",
    "privacy": "public"
   },
   {
    "kind": "field",
-   "name": "orientation",
+   "name": "disabled",
    "type": {
-    "text": "'horizontal' | 'vertical' | undefined"
+    "text": "boolean"
    },
-   "description": "The direction the listbox options should flow.",
+   "description": "The disabled state of the listbox.",
    "privacy": "public"
   },
   {
-   "kind": "method",
-   "name": "orientationChanged",
-   "return": {
-    "type": {
-     "text": "void"
-    }
-   }
+   "kind": "field",
+   "name": "selectedIndex",
+   "type": {
+    "text": "number"
+   },
+   "default": "-1",
+   "description": "The index of the selected option.",
+   "privacy": "public"
   },
   {
    "kind": "field",
-   "name": "shape",
+   "name": "selectedOptions",
    "type": {
-    "text": "ListboxShape | undefined"
+    "text": "ListboxOption[]"
    },
-   "description": "The shape the listbox should have.",
+   "default": "[]",
+   "description": "A collection of the selected options.",
    "privacy": "public"
   },
   {
-   "kind": "method",
-   "name": "slottedOptionsChanged",
+   "kind": "field",
+   "name": "slottedOptionFilter",
+   "static": true,
+   "description": "A static filter to include only selectable options.",
    "parameters": [
     {
-     "name": "prev",
-     "type": {
-      "text": "Element[] | undefined"
-     }
-    },
-    {
-     "name": "next",
-     "type": {
-      "text": "Element[]"
-     }
+     "description": "element to filter",
+     "name": "n"
     }
-   ]
+   ],
+   "privacy": "public"
   },
   {
    "kind": "method",
-   "name": "#disableSlottedChildren",
+   "name": "selectFirstOption",
    "return": {
     "type": {
      "text": "void"
     }
-   }
-  }
- ],
- "attributes": [
-  {
-   "name": "appearance",
-   "type": {
-    "text": "LisboxAppearance | undefined"
    },
-   "description": "The appearance the listbox should have.",
-   "fieldName": "appearance"
+   "description": "Moves focus to the first selectable option.",
+   "privacy": "public"
   },
   {
-   "name": "orientation",
-   "type": {
-    "text": "'horizontal' | 'vertical' | undefined"
-   },
-   "description": "The direction the listbox options should flow.",
-   "fieldName": "orientation"
-  },
+   "kind": "method",
+   "name": "setSelectedOptions",
+   "privacy": "public",
+   "description": "Sets an option as selected and gives it focus."
+  }
+ ],
+ "attributes": [
   {
-   "name": "shape",
    "type": {
-    "text": "ListboxShape | undefined"
+    "text": "boolean"
    },
-   "description": "The shape the listbox should have.",
-   "fieldName": "shape"
+   "description": "The disabled state of the listbox.",
+   "fieldName": "disabled"
   }
  ],
  "superclass": {
-  "name": "FoundationListboxElement",
-  "package": "@microsoft/fast-foundation"
- },
- "vividComponent": {
-  "name": "listbox"
+  "name": "VividElement",
+  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
  }
 }
 */
@@ -135,7 +110,7 @@ registerListbox('vvd3')
 const VwcListbox = wrapper(`vvd3-listbox`,  {
     events: [],
     attributes: [],
-    properties: ['appearance', 'orientation', 'shape']
+    properties: ['options', 'disabled', 'selectedIndex', 'selectedOptions', 'slottedOptionFilter']
 })
 
 VwcListbox.displayName = 'VwcListbox'

package/v3/VwcListbox/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-listbox",
-  "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"
   }
 }