@vonage/vivid-react 3.3.0 → 3.3.1

package/v3/VwcFilePicker/index.js

@@ -32,6 +32,24 @@ Code in this file were generated using following JSON:
    "privacy": "public",
    "readonly": true
   },
+  {
+   "kind": "method",
+   "name": "#syncSingleFileState"
+  },
+  {
+   "kind": "field",
+   "name": "singleFile",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Single file state.",
+   "privacy": "public"
+  },
+  {
+   "kind": "method",
+   "name": "singleFileChanged"
+  },
   {
    "kind": "field",
    "name": "maxFiles",
@@ -138,6 +156,102 @@ Code in this file were generated using following JSON:
    "description": "The size the file-uploader should have.",
    "privacy": "public"
   },
+  {
+   "kind": "field",
+   "name": "invalidFileTypeError",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Overrides the localized error message for invalid file type",
+   "privacy": "public"
+  },
+  {
+   "kind": "method",
+   "name": "invalidFileTypeErrorChanged",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
+   "parameters": [
+    {
+     "name": "_oldValue",
+     "type": {
+      "text": "string"
+     }
+    },
+    {
+     "name": "newValue",
+     "type": {
+      "text": "string"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "field",
+   "name": "maxFilesExceededError",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Overrides the localized error message for max file exceed",
+   "privacy": "public"
+  },
+  {
+   "kind": "method",
+   "name": "maxFilesExceededErrorChanged",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
+   "parameters": [
+    {
+     "name": "_oldValue",
+     "type": {
+      "text": "string"
+     }
+    },
+    {
+     "name": "newValue",
+     "type": {
+      "text": "string"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "field",
+   "name": "fileTooBigError",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Overrides the localized error message for file too big",
+   "privacy": "public"
+  },
+  {
+   "kind": "method",
+   "name": "fileTooBigErrorChanged",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
+   "parameters": [
+    {
+     "name": "_oldValue",
+     "type": {
+      "text": "string"
+     }
+    },
+    {
+     "name": "newValue",
+     "type": {
+      "text": "string"
+     }
+    }
+   ]
+  },
   {
    "kind": "method",
    "name": "nameChanged",
@@ -166,6 +280,30 @@ Code in this file were generated using following JSON:
    "default": "'vwc-button'",
    "description": "Used internally to hold the tag that button is registered at."
   },
+  {
+   "kind": "field",
+   "name": "iconTag",
+   "type": {
+    "text": "string"
+   },
+   "privacy": "private",
+   "default": "'vwc-icon'",
+   "description": "Used internally to hold the tag that icon is registered at."
+  },
+  {
+   "kind": "field",
+   "name": "#localizeErrorMessage",
+   "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "#localizeFileSizeNumberAndUnits",
+   "privacy": "private"
+  },
+  {
+   "kind": "method",
+   "name": "#addRemoveButtonToFilesPreview"
+  },
   {
    "kind": "method",
    "name": "#chooseFile",
@@ -184,6 +322,10 @@ Code in this file were generated using following JSON:
     }
    }
   },
+  {
+   "kind": "method",
+   "name": "#keepOnlyNewestFile"
+  },
   {
    "kind": "method",
    "name": "#handleFilesChanged",
@@ -235,6 +377,11 @@ Code in this file were generated using following JSON:
     }
    ]
   },
+  {
+   "kind": "method",
+   "name": "removeAllFiles",
+   "description": "Removes all files from the File Picker."
+  },
   {
    "kind": "field",
    "name": "autoDiscover",
@@ -265,6 +412,15 @@ Code in this file were generated using following JSON:
   }
  ],
  "attributes": [
+  {
+   "name": "single-file",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Single file state.",
+   "fieldName": "singleFile"
+  },
   {
    "name": "max-files",
    "type": {
@@ -297,6 +453,30 @@ Code in this file were generated using following JSON:
    },
    "description": "The size the file-uploader should have.",
    "fieldName": "size"
+  },
+  {
+   "name": "invalid-file-type-error",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Overrides the localized error message for invalid file type",
+   "fieldName": "invalidFileTypeError"
+  },
+  {
+   "name": "max-files-exceeded-error",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Overrides the localized error message for max file exceed",
+   "fieldName": "maxFilesExceededError"
+  },
+  {
+   "name": "file-too-big-error",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Overrides the localized error message for file too big",
+   "fieldName": "fileTooBigError"
   }
  ],
  "superclass": {
@@ -317,7 +497,7 @@ registerFilePicker('vvd3')
 const VwcFilePicker = wrapper(`vvd3-file-picker`,  {
     events: [{"name":"change","propName":"onChange"}],
     attributes: [],
-    properties: ['maxFiles', 'maxFileSize', 'accept', 'size', 'setFormValue', 'autoDiscover', 'proxy']
+    properties: ['singleFile', 'maxFiles', 'maxFileSize', 'accept', 'size', 'invalidFileTypeError', 'maxFilesExceededError', 'fileTooBigError', 'setFormValue', 'autoDiscover', 'proxy']
 })
 
 VwcFilePicker.displayName = 'VwcFilePicker'

package/v3/VwcFilePicker/package.json

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

package/v3/VwcFormAssociatedCheckbox/index.d.ts

@@ -0,0 +1,17 @@
+import React, { ReactNode } from 'react';
+/** VwcFormAssociatedCheckbox
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/form-associated-checkbox
+* @param  proxy
+*/
+declare const VwcFormAssociatedCheckbox: {
+    (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 VwcFormAssociatedCheckbox;

package/v3/VwcFormAssociatedCheckbox/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": "FormAssociatedCheckbox",
+ "members": [
+  {
+   "kind": "field",
+   "name": "proxy"
+  }
+ ],
+ "mixins": [
+  {
+   "name": "CheckableFormAssociated",
+   "module": "/libs/components/src/shared/foundation/form-associated/form-associated"
+  }
+ ],
+ "superclass": {
+  "name": "_Checkbox",
+  "module": "libs/components/src/lib/checkbox/checkbox.form-associated.ts"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerFormAssociatedCheckbox } from '@vonage/vivid'
+
+registerFormAssociatedCheckbox('vvd3')
+
+const VwcFormAssociatedCheckbox = wrapper(`vvd3-form-associated-checkbox`,  {
+    events: [],
+    attributes: [],
+    properties: ['proxy']
+})
+
+VwcFormAssociatedCheckbox.displayName = 'VwcFormAssociatedCheckbox'
+
+export default VwcFormAssociatedCheckbox

package/v3/VwcFormAssociatedCheckbox/package.json

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

package/v3/VwcFormAssociatedFilePicker/index.js

@@ -19,7 +19,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/VwcFormAssociatedFilePicker/package.json

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

package/v3/VwcFormAssociatedNumberField/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/VwcFormAssociatedNumberField/package.json

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

package/v3/VwcFormAssociatedRadio/index.d.ts

@@ -0,0 +1,19 @@
+import React, { ReactNode } from 'react';
+/** VwcFormAssociatedRadio
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/form-associated-radio
+* @param  proxy
+* @param  validate
+*/
+declare const VwcFormAssociatedRadio: {
+    (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;
+        validate?: any;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcFormAssociatedRadio;

package/v3/VwcFormAssociatedRadio/index.js

@@ -0,0 +1,64 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "",
+ "name": "FormAssociatedRadio",
+ "members": [
+  {
+   "kind": "field",
+   "name": "proxy"
+  },
+  {
+   "kind": "field",
+   "name": "#radioSiblings",
+   "privacy": "private",
+   "type": {
+    "text": "_Radio[]"
+   },
+   "readonly": true
+  },
+  {
+   "kind": "field",
+   "name": "#validateValueMissingWithSiblings",
+   "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "#syncSiblingsRequiredValidationStatus",
+   "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "validate"
+  }
+ ],
+ "mixins": [
+  {
+   "name": "CheckableFormAssociated",
+   "module": "/libs/components/src/shared/foundation/form-associated/form-associated"
+  }
+ ],
+ "superclass": {
+  "name": "_Radio",
+  "module": "libs/components/src/lib/radio/radio.form-associated.ts"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerFormAssociatedRadio } from '@vonage/vivid'
+
+registerFormAssociatedRadio('vvd3')
+
+const VwcFormAssociatedRadio = wrapper(`vvd3-form-associated-radio`,  {
+    events: [],
+    attributes: [],
+    properties: ['proxy', 'validate']
+})
+
+VwcFormAssociatedRadio.displayName = 'VwcFormAssociatedRadio'
+
+export default VwcFormAssociatedRadio

package/v3/VwcFormAssociatedRadio/package.json

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

package/v3/VwcFormAssociatedRangeSlider/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/VwcFormAssociatedRangeSlider/package.json

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

package/v3/VwcFormAssociatedSearchableSelect/index.d.ts

@@ -0,0 +1,17 @@
+import React, { ReactNode } from 'react';
+/** VwcFormAssociatedSearchableSelect
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/form-associated-searchable-select
+* @param  proxy
+*/
+declare const VwcFormAssociatedSearchableSelect: {
+    (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 VwcFormAssociatedSearchableSelect;

package/v3/VwcFormAssociatedSearchableSelect/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": "FormAssociatedSearchableSelect",
+ "members": [
+  {
+   "kind": "field",
+   "name": "proxy"
+  }
+ ],
+ "mixins": [
+  {
+   "name": "FormAssociated",
+   "module": "/libs/components/src/shared/foundation/form-associated/form-associated"
+  }
+ ],
+ "superclass": {
+  "name": "_SearchableSelect",
+  "module": "libs/components/src/lib/searchable-select/searchable-select.form-associated.ts"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerFormAssociatedSearchableSelect } from '@vonage/vivid'
+
+registerFormAssociatedSearchableSelect('vvd3')
+
+const VwcFormAssociatedSearchableSelect = wrapper(`vvd3-form-associated-searchable-select`,  {
+    events: [],
+    attributes: [],
+    properties: ['proxy']
+})
+
+VwcFormAssociatedSearchableSelect.displayName = 'VwcFormAssociatedSearchableSelect'
+
+export default VwcFormAssociatedSearchableSelect

package/v3/VwcFormAssociatedSearchableSelect/package.json

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

package/v3/VwcFormAssociatedSelect/index.d.ts

@@ -0,0 +1,27 @@
+import React, { ReactNode } from 'react';
+/** VwcFormAssociatedSelect
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/form-associated-select
+* @param  proxy
+* @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 VwcFormAssociatedSelect: {
+    (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;
+        options?: any[] | undefined;
+        disabled?: boolean | undefined;
+        selectedIndex?: number | undefined;
+        selectedOptions?: any[] | undefined;
+        slottedOptionFilter?: any;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcFormAssociatedSelect;