@vonage/vivid-react 2.10.71 → 2.10.72

package/v3/VwcDatePicker/index.js

@@ -32,39 +32,40 @@ Code in this file were generated using following JSON:
  "members": [
   {
    "kind": "field",
-   "name": "label",
+   "name": "min",
    "type": {
-    "text": "string | undefined"
+    "text": "string"
    },
-   "description": "The label text of the date-picker.",
-   "privacy": "public"
+   "description": "The earliest accepted date of the date-picker.",
+   "privacy": "public",
+   "default": "''"
   },
   {
    "kind": "field",
-   "name": "helperText",
+   "name": "max",
    "type": {
-    "text": "string | undefined"
+    "text": "string"
    },
-   "description": "The helper-text text of the date-picker.",
-   "privacy": "public"
+   "description": "The latest accepted date of the date-picker.",
+   "privacy": "public",
+   "default": "''"
   },
   {
    "kind": "field",
-   "name": "errorText",
+   "name": "initialValue",
    "type": {
-    "text": "string | undefined"
+    "text": "string"
    },
-   "description": "The error-text text of the date-picker.",
+   "description": "The initial value of the date-picker.",
    "privacy": "public"
   },
   {
    "kind": "field",
-   "name": "value",
+   "name": "currentValue",
    "type": {
-    "text": "DateStr | null"
+    "text": "string"
    },
-   "default": "null",
-   "description": "The currently selected date of the date-picker.",
+   "description": "The current value of the date-picker.",
    "privacy": "public"
   },
   {
@@ -74,21 +75,11 @@ Code in this file were generated using following JSON:
     {
      "name": "newValue",
      "type": {
-      "text": "DateStr | null"
+      "text": "DateStr"
      }
     }
    ]
   },
-  {
-   "kind": "field",
-   "name": "disabled",
-   "type": {
-    "text": "boolean"
-   },
-   "default": "false",
-   "description": "Whether the date-picker is disabled.",
-   "privacy": "public"
-  },
   {
    "kind": "field",
    "name": "readOnly",
@@ -99,6 +90,48 @@ Code in this file were generated using following JSON:
    "description": "Whether the date-picker is readonly.",
    "privacy": "public"
   },
+  {
+   "kind": "method",
+   "name": "readOnlyChanged",
+   "privacy": "protected",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
+  },
+  {
+   "kind": "method",
+   "name": "#getFocusableEls"
+  },
+  {
+   "kind": "method",
+   "name": "#isMonthAfterValidRange",
+   "parameters": [
+    {
+     "name": "month",
+     "type": {
+      "text": "Month"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "#isMonthBeforeValidRange",
+   "parameters": [
+    {
+     "name": "month",
+     "type": {
+      "text": "Month"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "validate"
+  },
   {
    "kind": "field",
    "name": "#dismissOnClickOutside",
@@ -126,48 +159,79 @@ Code in this file were generated using following JSON:
      "default": "true"
     }
    ]
-  }
- ],
- "attributes": [
+  },
+  {
+   "kind": "method",
+   "name": "_presentationValueChanged"
+  },
   {
-   "name": "label",
+   "kind": "method",
+   "name": "#isPresentationValueInvalid"
+  },
+  {
+   "kind": "field",
+   "name": "value",
+   "type": {
+    "text": "string"
+   },
+   "default": "''"
+  },
+  {
+   "kind": "field",
+   "name": "proxy",
    "type": {
-    "text": "string | undefined"
+    "text": "HTMLInputElement"
    },
-   "description": "The label text of the date-picker.",
-   "fieldName": "label"
+   "inheritedFrom": {
+    "name": "FormAssociatedDatePicker",
+    "module": "libs/components/src/lib/date-picker/date-picker.form-associated.ts"
+   }
   },
   {
-   "name": "helper-text",
+   "kind": "field",
+   "name": "type",
+   "type": {
+    "text": "string"
+   },
+   "default": "'date'",
+   "inheritedFrom": {
+    "name": "FormAssociatedDatePicker",
+    "module": "libs/components/src/lib/date-picker/date-picker.form-associated.ts"
+   }
+  }
+ ],
+ "attributes": [
+  {
    "type": {
-    "text": "string | undefined"
+    "text": "string"
    },
-   "description": "The helper-text text of the date-picker.",
-   "fieldName": "helperText"
+   "description": "The earliest accepted date of the date-picker.",
+   "default": "''",
+   "fieldName": "min"
   },
   {
-   "name": "error-text",
    "type": {
-    "text": "string | undefined"
+    "text": "string"
    },
-   "description": "The error-text text of the date-picker.",
-   "fieldName": "errorText"
+   "description": "The latest accepted date of the date-picker.",
+   "default": "''",
+   "fieldName": "max"
   },
   {
+   "name": "value",
    "type": {
-    "text": "DateStr | null"
+    "text": "string"
    },
-   "default": "null",
-   "description": "The currently selected date of the date-picker.",
-   "fieldName": "value"
+   "description": "The initial value of the date-picker.",
+   "fieldName": "initialValue"
   },
   {
+   "name": "current-value",
    "type": {
-    "text": "boolean"
+    "text": "string"
    },
-   "default": "false",
-   "description": "Whether the date-picker is disabled.",
-   "fieldName": "disabled"
+   "description": "The current value of the date-picker.",
+   "fieldName": "currentValue"
   },
   {
    "name": "readonly",
@@ -180,8 +244,8 @@ Code in this file were generated using following JSON:
   }
  ],
  "superclass": {
-  "name": "FoundationElement",
-  "package": "@microsoft/fast-foundation"
+  "name": "FormAssociatedDatePicker",
+  "module": "/libs/components/src/lib/date-picker/date-picker.form-associated"
  }
 }
 */
@@ -193,7 +257,7 @@ registerDatePicker('vvd3')
 const VwcDatePicker = wrapper(`vvd3-date-picker`,  {
     events: [],
     attributes: [],
-    properties: ['label', 'helperText', 'errorText', 'value', 'disabled', 'readOnly']
+    properties: ['min', 'max', 'initialValue', 'currentValue', 'readOnly', 'value', 'proxy', 'type']
 })
 
 VwcDatePicker.displayName = 'VwcDatePicker'

package/v3/VwcDatePicker/package.json

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

package/v3/VwcDialog/package.json

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

package/v3/VwcDivider/package.json

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

package/v3/VwcElevation/package.json

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

package/v3/VwcEmptyState/package.json

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

package/v3/VwcFab/index.js

@@ -57,6 +57,12 @@ Code in this file were generated using following JSON:
    "default": "var(--vvd-color-cta-600)"
   }
  ],
+ "slots": [
+  {
+   "description": "Slot to add an icon to fab.",
+   "name": "icon"
+  }
+ ],
  "members": [
   {
    "kind": "field",

package/v3/VwcFab/package.json

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

package/v3/VwcFilePicker/package.json

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

package/v3/VwcFocus/package.json

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

package/v3/VwcFormAssociatedDatePicker/index.d.ts

@@ -0,0 +1,19 @@
+import React, { ReactNode } from 'react';
+/** A form-associated base class for the @microsoft/fast-foundation#(TextField:class) component.
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/form-associated-date-picker
+* @param {HTMLInputElement} proxy
+* @param {string} type
+*/
+declare const VwcFormAssociatedDatePicker: {
+    (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;
+        type?: string | undefined;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcFormAssociatedDatePicker;

package/v3/VwcFormAssociatedDatePicker/index.js

@@ -0,0 +1,52 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "A form-associated base class for the @microsoft/fast-foundation#(TextField:class) component.",
+ "name": "FormAssociatedDatePicker",
+ "members": [
+  {
+   "kind": "field",
+   "name": "proxy",
+   "type": {
+    "text": "HTMLInputElement"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "type",
+   "type": {
+    "text": "string"
+   },
+   "default": "'date'"
+  }
+ ],
+ "mixins": [
+  {
+   "name": "FormAssociated",
+   "package": "@microsoft/fast-foundation"
+  }
+ ],
+ "superclass": {
+  "name": "_DatePicker",
+  "module": "libs/components/src/lib/date-picker/date-picker.form-associated.ts"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerFormAssociatedDatePicker } from '@vonage/vivid'
+
+registerFormAssociatedDatePicker('vvd3')
+
+const VwcFormAssociatedDatePicker = wrapper(`vvd3-form-associated-date-picker`,  {
+    events: [],
+    attributes: [],
+    properties: ['proxy', 'type']
+})
+
+VwcFormAssociatedDatePicker.displayName = 'VwcFormAssociatedDatePicker'
+
+export default VwcFormAssociatedDatePicker

package/v3/VwcFormAssociatedDatePicker/package.json

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

package/v3/VwcHeader/package.json

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

package/v3/VwcIcon/package.json

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

package/v3/VwcLayout/package.json

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

package/v3/VwcListbox/index.d.ts

@@ -2,6 +2,8 @@ import React, { ReactNode } from 'react';
 /** Base class for listbox
 * 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`
 */
 declare const VwcListbox: {
     (props: {
@@ -11,6 +13,8 @@ declare const VwcListbox: {
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         appearance?: any;
+        orientation?: any;
+        shape?: any;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcListbox/index.js

@@ -40,6 +40,60 @@ Code in this file were generated using following JSON:
    },
    "description": "The appearance the listbox should have.",
    "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "orientation",
+   "type": {
+    "text": "'horizontal' | 'vertical' | undefined"
+   },
+   "description": "The direction the listbox options should flow.",
+   "privacy": "public"
+  },
+  {
+   "kind": "method",
+   "name": "orientationChanged",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
+  },
+  {
+   "kind": "field",
+   "name": "shape",
+   "type": {
+    "text": "ListboxShape | undefined"
+   },
+   "description": "The shape the listbox should have.",
+   "privacy": "public"
+  },
+  {
+   "kind": "method",
+   "name": "slottedOptionsChanged",
+   "parameters": [
+    {
+     "name": "prev",
+     "type": {
+      "text": "Element[] | undefined"
+     }
+    },
+    {
+     "name": "next",
+     "type": {
+      "text": "Element[]"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "#disableSlottedChildren",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
   }
  ],
  "attributes": [
@@ -50,6 +104,22 @@ Code in this file were generated using following JSON:
    },
    "description": "The appearance the listbox should have.",
    "fieldName": "appearance"
+  },
+  {
+   "name": "orientation",
+   "type": {
+    "text": "'horizontal' | 'vertical' | undefined"
+   },
+   "description": "The direction the listbox options should flow.",
+   "fieldName": "orientation"
+  },
+  {
+   "name": "shape",
+   "type": {
+    "text": "ListboxShape | undefined"
+   },
+   "description": "The shape the listbox should have.",
+   "fieldName": "shape"
   }
  ],
  "superclass": {
@@ -66,7 +136,7 @@ registerListbox('vvd3')
 const VwcListbox = wrapper(`vvd3-listbox`,  {
     events: [],
     attributes: [],
-    properties: ['appearance']
+    properties: ['appearance', 'orientation', 'shape']
 })
 
 VwcListbox.displayName = 'VwcListbox'

package/v3/VwcListbox/package.json

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

package/v3/VwcListboxOption/package.json

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

package/v3/VwcMenu/package.json

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