@vonage/vivid-react 5.21.0 → 5.23.0

package/v3/VwcFilePicker/index.js

@@ -1,695 +1,40 @@
-/*
-* DO NOT EDIT THIS FILE. IT IS GENERATED
-*/
-/*
-Code in this file were generated using following JSON:
-{
- "kind": "class",
- "description": "",
- "name": "FilePicker",
- "slots": [
-  {
-   "description": "Describes how to use the file-picker. Alternative to the `helper-text` attribute.",
-   "name": "helper-text"
-  }
- ],
- "members": [
-  {
-   "kind": "field",
-   "name": "singleFile",
-   "type": {
-    "text": "boolean"
-   },
-   "default": "false",
-   "description": "Allows only a single file; subsequent uploads replace the current file",
-   "privacy": "public"
-  },
-  {
-   "kind": "field",
-   "name": "maxFiles",
-   "type": {
-    "text": "number | null"
-   },
-   "default": "null",
-   "description": "Limits how many files can be selected; additional files will be rejected",
-   "privacy": "public"
-  },
-  {
-   "kind": "field",
-   "name": "maxFileSize",
-   "type": {
-    "text": "number"
-   },
-   "default": "256",
-   "description": "Maximum allowed file size per file",
-   "privacy": "public"
-  },
-  {
-   "kind": "field",
-   "name": "accept",
-   "type": {
-    "text": "string | undefined"
-   },
-   "description": "Defines a list of allowed file extensions or MIME types",
-   "privacy": "public"
-  },
-  {
-   "kind": "field",
-   "name": "size",
-   "type": {
-    "text": "FilePickerSize | undefined"
-   },
-   "description": "Sets the display size of the input element",
-   "privacy": "public"
-  },
-  {
-   "kind": "field",
-   "name": "invalidFileTypeError",
-   "type": {
-    "text": "string | undefined"
-   },
-   "description": "Custom error message shown when a file does not match the accepted types",
-   "privacy": "public"
-  },
-  {
-   "kind": "field",
-   "name": "maxFilesExceededError",
-   "type": {
-    "text": "string | undefined"
-   },
-   "description": "Custom error message shown when more than the allowed number of files are selected",
-   "privacy": "public"
-  },
-  {
-   "kind": "field",
-   "name": "fileTooBigError",
-   "type": {
-    "text": "string | undefined"
-   },
-   "description": "Custom error message shown when a file exceeds the maximum file size",
-   "privacy": "public"
-  },
-  {
-   "kind": "method",
-   "name": "#updateFormValue"
-  },
-  {
-   "kind": "method",
-   "name": "#setValueToAFakePathLikeNativeInput"
-  },
-  {
-   "kind": "method",
-   "name": "#getCustomValidationError",
-   "return": {
-    "type": {
-     "text": "string | null"
-    }
-   }
-  },
-  {
-   "kind": "field",
-   "name": "#customValidationChangeHandler",
-   "privacy": "private",
-   "type": {
-    "text": "object"
-   },
-   "default": "{\n\t\thandleChange: () => {\n\t\t\tthis._customValidationError =\n\t\t\t\tthis.#customValidationChangeObserver.observe(\n\t\t\t\t\tthis,\n\t\t\t\t\tExecutionContext.default\n\t\t\t\t);\n\t\t},\n\t}"
-  },
-  {
-   "kind": "field",
-   "name": "#customValidationChangeObserver",
-   "privacy": "private",
-   "type": {
-    "text": "ExpressionNotifier"
-   }
-  },
-  {
-   "kind": "method",
-   "name": "#startObservingCustomValidation"
-  },
-  {
-   "kind": "method",
-   "name": "#stopObservingCustomValidation"
-  },
-  {
-   "kind": "method",
-   "name": "#addFiles",
-   "parameters": [
-    {
-     "name": "files",
-     "type": {
-      "text": "File[] | FileList"
-     }
-    }
-   ]
-  },
-  {
-   "kind": "method",
-   "name": "removeAllFiles",
-   "description": "Removes all files from the File Picker."
-  },
-  {
-   "kind": "field",
-   "name": "files",
-   "type": {
-    "text": "File[]"
-   },
-   "description": "List of files that have been added to the file picker and passed validation",
-   "privacy": "public",
-   "readonly": true
-  },
-  {
-   "kind": "field",
-   "name": "rejectedFiles",
-   "type": {
-    "text": "File[]"
-   },
-   "description": "List of files that have been added to the file picker but failed validation",
-   "privacy": "public",
-   "readonly": true
-  },
-  {
-   "kind": "field",
-   "name": "helperText",
-   "type": {
-    "text": "string | undefined"
-   },
-   "description": "Provides additional information to help the user enter the correct information.\nTo add HTML to the helper text, use the helper-text slot instead.",
-   "privacy": "public",
-   "inheritedFrom": {
-    "name": "WithFeedback",
-    "module": "src/shared/feedback/mixins.ts"
-   }
-  },
-  {
-   "kind": "field",
-   "name": "errorText",
-   "type": {
-    "text": "string | undefined"
-   },
-   "description": "Provides a custom error message. Any current error state will be overridden.",
-   "privacy": "public",
-   "inheritedFrom": {
-    "name": "WithErrorText",
-    "module": "src/shared/patterns/form-elements/with-error-text.ts"
-   }
-  },
-  {
-   "kind": "field",
-   "name": "#blockValidateCalls",
-   "privacy": "private",
-   "type": {
-    "text": "boolean"
-   },
-   "default": "false",
-   "inheritedFrom": {
-    "name": "WithErrorText",
-    "module": "src/shared/patterns/form-elements/with-error-text.ts"
-   }
-  },
-  {
-   "kind": "field",
-   "name": "#originalValidateFn",
-   "privacy": "private",
-   "type": {
-    "text": "() => void"
-   },
-   "inheritedFrom": {
-    "name": "WithErrorText",
-    "module": "src/shared/patterns/form-elements/with-error-text.ts"
-   }
-  },
-  {
-   "kind": "method",
-   "name": "#forceCustomError",
-   "parameters": [
-    {
-     "name": "errorMessage",
-     "type": {
-      "text": "string"
-     }
-    }
-   ],
-   "inheritedFrom": {
-    "name": "WithErrorText",
-    "module": "src/shared/patterns/form-elements/with-error-text.ts"
-   }
-  },
-  {
-   "kind": "method",
-   "name": "#clearCustomErrorAndRevalidate",
-   "inheritedFrom": {
-    "name": "WithErrorText",
-    "module": "src/shared/patterns/form-elements/with-error-text.ts"
-   }
-  },
-  {
-   "kind": "field",
-   "name": "validate",
-   "inheritedFrom": {
-    "name": "WithErrorText",
-    "module": "src/shared/patterns/form-elements/with-error-text.ts"
-   }
-  },
-  {
-   "kind": "field",
-   "name": "label",
-   "type": {
-    "text": "string | undefined"
-   },
-   "description": "The label for the form element.",
-   "inheritedFrom": {
-    "name": "FormElement",
-    "module": "src/shared/patterns/form-elements/form-element.ts"
-   }
-  },
-  {
-   "kind": "field",
-   "name": "#handleInvalidEvent",
-   "privacy": "private",
-   "inheritedFrom": {
-    "name": "FormElement",
-    "module": "src/shared/patterns/form-elements/form-element.ts"
-   }
-  },
-  {
-   "kind": "field",
-   "name": "validity",
-   "type": {
-    "text": "ValidityState"
-   },
-   "description": "Returns the validity state of the element",
-   "readonly": true,
-   "inheritedFrom": {
-    "name": "FormAssociated",
-    "module": "src/shared/foundation/form-associated/form-associated.ts"
-   }
-  },
-  {
-   "kind": "field",
-   "name": "form",
-   "type": {
-    "text": "HTMLFormElement | null"
-   },
-   "description": "Retrieve a reference to the associated form.\nReturns null if not associated to any form.",
-   "readonly": true,
-   "inheritedFrom": {
-    "name": "FormAssociated",
-    "module": "src/shared/foundation/form-associated/form-associated.ts"
-   }
-  },
-  {
-   "kind": "field",
-   "name": "validationMessage",
-   "type": {
-    "text": "string"
-   },
-   "description": "Retrieve the localized validation message,\nor custom validation message if set.",
-   "readonly": true,
-   "inheritedFrom": {
-    "name": "FormAssociated",
-    "module": "src/shared/foundation/form-associated/form-associated.ts"
-   }
-  },
-  {
-   "kind": "field",
-   "name": "willValidate",
-   "type": {
-    "text": "boolean"
-   },
-   "description": "Whether the element will be validated when the\nform is submitted",
-   "readonly": true,
-   "inheritedFrom": {
-    "name": "FormAssociated",
-    "module": "src/shared/foundation/form-associated/form-associated.ts"
-   }
-  },
-  {
-   "kind": "field",
-   "name": "labels",
-   "type": {
-    "text": "ReadonlyArray<Node>"
-   },
-   "description": "A reference to all associated label elements",
-   "readonly": true,
-   "inheritedFrom": {
-    "name": "FormAssociated",
-    "module": "src/shared/foundation/form-associated/form-associated.ts"
-   }
-  },
-  {
-   "kind": "field",
-   "name": "value",
-   "type": {
-    "text": "string"
-   },
-   "description": "The current value of the element.",
-   "inheritedFrom": {
-    "name": "FormAssociated",
-    "module": "src/shared/foundation/form-associated/form-associated.ts"
-   }
-  },
-  {
-   "kind": "field",
-   "name": "currentValue",
-   "inheritedFrom": {
-    "name": "FormAssociated",
-    "module": "src/shared/foundation/form-associated/form-associated.ts"
-   }
-  },
-  {
-   "kind": "field",
-   "name": "initialValue",
-   "type": {
-    "text": "string"
-   },
-   "description": "The default value of the element. This value sets the `value` property\nonly when the `value` property has not been explicitly set.",
-   "inheritedFrom": {
-    "name": "FormAssociated",
-    "module": "src/shared/foundation/form-associated/form-associated.ts"
-   }
-  },
-  {
-   "kind": "field",
-   "name": "disabled",
-   "type": {
-    "text": "boolean"
-   },
-   "default": "false",
-   "description": "Sets the element's disabled state. A disabled element will not be included during form submission.",
-   "inheritedFrom": {
-    "name": "FormAssociated",
-    "module": "src/shared/foundation/form-associated/form-associated.ts"
-   }
-  },
-  {
-   "kind": "field",
-   "name": "name",
-   "type": {
-    "text": "string"
-   },
-   "description": "The name of the element. This element's value will be surfaced during form submission under the provided name.",
-   "inheritedFrom": {
-    "name": "FormAssociated",
-    "module": "src/shared/foundation/form-associated/form-associated.ts"
-   }
-  },
-  {
-   "kind": "field",
-   "name": "required",
-   "type": {
-    "text": "boolean"
-   },
-   "description": "Require the field to be completed prior to form submission.",
-   "default": "false",
-   "inheritedFrom": {
-    "name": "FormAssociated",
-    "module": "src/shared/foundation/form-associated/form-associated.ts"
-   }
-  },
-  {
-   "kind": "method",
-   "name": "checkValidity",
-   "return": {
-    "type": {
-     "text": "boolean"
-    }
-   },
-   "description": "Return the current validity of the element.",
-   "inheritedFrom": {
-    "name": "FormAssociated",
-    "module": "src/shared/foundation/form-associated/form-associated.ts"
-   }
-  },
-  {
-   "kind": "method",
-   "name": "reportValidity",
-   "return": {
-    "type": {
-     "text": "boolean"
-    }
-   },
-   "description": "Return the current validity of the element.\nIf false, fires an invalid event at the element.",
-   "inheritedFrom": {
-    "name": "FormAssociated",
-    "module": "src/shared/foundation/form-associated/form-associated.ts"
-   }
-  },
-  {
-   "kind": "field",
-   "name": "VIVID_VERSION",
-   "static": true,
-   "default": "__PACKAGE_VERSION__",
-   "description": "The current version of the Vivid library, which is useful for debugging.\nIt can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.",
-   "type": {
-    "text": "string"
-   },
-   "inheritedFrom": {
-    "name": "VividElement",
-    "module": "src/shared/foundation/vivid-element/vivid-element.ts"
-   }
-  },
-  {
-   "kind": "field",
-   "name": "componentName",
-   "type": {
-    "text": "string"
-   },
-   "static": true,
-   "description": "Core component name, without prefix",
-   "inheritedFrom": {
-    "name": "VividElement",
-    "module": "src/shared/foundation/vivid-element/vivid-element.ts"
-   }
-  }
- ],
- "events": [
-  {
-   "type": {
-    "text": "CustomEvent<undefined>"
-   },
-   "description": "Emitted when files are added or removed.",
-   "name": "change"
-  }
- ],
- "attributes": [
-  {
-   "name": "single-file",
-   "type": {
-    "text": "boolean"
-   },
-   "default": "false",
-   "description": "Allows only a single file; subsequent uploads replace the current file",
-   "fieldName": "singleFile"
-  },
-  {
-   "name": "max-files",
-   "type": {
-    "text": "number | null"
-   },
-   "default": "null",
-   "description": "Limits how many files can be selected; additional files will be rejected",
-   "fieldName": "maxFiles"
-  },
-  {
-   "name": "max-file-size",
-   "type": {
-    "text": "number"
-   },
-   "default": "256",
-   "description": "Maximum allowed file size per file",
-   "fieldName": "maxFileSize"
-  },
-  {
-   "name": "accept",
-   "type": {
-    "text": "string | undefined"
-   },
-   "description": "Defines a list of allowed file extensions or MIME types",
-   "fieldName": "accept"
-  },
-  {
-   "name": "size",
-   "type": {
-    "text": "FilePickerSize | undefined"
-   },
-   "description": "Sets the display size of the input element",
-   "fieldName": "size"
-  },
-  {
-   "name": "invalid-file-type-error",
-   "type": {
-    "text": "string | undefined"
-   },
-   "description": "Custom error message shown when a file does not match the accepted types",
-   "fieldName": "invalidFileTypeError"
-  },
-  {
-   "name": "max-files-exceeded-error",
-   "type": {
-    "text": "string | undefined"
-   },
-   "description": "Custom error message shown when more than the allowed number of files are selected",
-   "fieldName": "maxFilesExceededError"
-  },
-  {
-   "name": "file-too-big-error",
-   "type": {
-    "text": "string | undefined"
-   },
-   "description": "Custom error message shown when a file exceeds the maximum file size",
-   "fieldName": "fileTooBigError"
-  },
-  {
-   "name": "helper-text",
-   "type": {
-    "text": "string | undefined"
-   },
-   "description": "Provides additional information to help the user enter the correct information.\nTo add HTML to the helper text, use the helper-text slot instead.",
-   "fieldName": "helperText",
-   "inheritedFrom": {
-    "name": "WithFeedback",
-    "module": "src/shared/feedback/mixins.ts"
-   }
-  },
-  {
-   "name": "error-text",
-   "type": {
-    "text": "string | undefined"
-   },
-   "description": "Provides a custom error message. Any current error state will be overridden.",
-   "fieldName": "errorText",
-   "inheritedFrom": {
-    "name": "WithErrorText",
-    "module": "src/shared/patterns/form-elements/with-error-text.ts"
-   }
-  },
-  {
-   "name": "label",
-   "type": {
-    "text": "string | undefined"
-   },
-   "description": "The label for the form element.",
-   "fieldName": "label",
-   "inheritedFrom": {
-    "name": "FormElement",
-    "module": "src/shared/patterns/form-elements/form-element.ts"
-   }
-  },
-  {
-   "name": "current-value",
-   "type": {
-    "text": "string"
-   },
-   "description": "The current value of the element.",
-   "fieldName": "value",
-   "inheritedFrom": {
-    "name": "FormAssociated",
-    "module": "src/shared/foundation/form-associated/form-associated.ts"
-   }
-  },
-  {
-   "name": "value",
-   "type": {
-    "text": "string"
-   },
-   "description": "The default value of the element. This value sets the `value` property\nonly when the `value` property has not been explicitly set.",
-   "fieldName": "initialValue",
-   "inheritedFrom": {
-    "name": "FormAssociated",
-    "module": "src/shared/foundation/form-associated/form-associated.ts"
-   }
-  },
-  {
-   "name": "disabled",
-   "type": {
-    "text": "boolean"
-   },
-   "default": "false",
-   "description": "Sets the element's disabled state. A disabled element will not be included during form submission.",
-   "fieldName": "disabled",
-   "inheritedFrom": {
-    "name": "FormAssociated",
-    "module": "src/shared/foundation/form-associated/form-associated.ts"
-   }
-  },
-  {
-   "name": "name",
-   "type": {
-    "text": "string"
-   },
-   "description": "The name of the element. This element's value will be surfaced during form submission under the provided name.",
-   "fieldName": "name",
-   "inheritedFrom": {
-    "name": "FormAssociated",
-    "module": "src/shared/foundation/form-associated/form-associated.ts"
-   }
-  },
-  {
-   "name": "required",
-   "type": {
-    "text": "boolean"
-   },
-   "description": "Require the field to be completed prior to form submission.",
-   "default": "false",
-   "fieldName": "required",
-   "inheritedFrom": {
-    "name": "FormAssociated",
-    "module": "src/shared/foundation/form-associated/form-associated.ts"
-   }
-  }
- ],
- "mixins": [
-  {
-   "name": "WithContextualHelp",
-   "module": "/src/shared/patterns/form-elements/with-contextual-help"
-  },
-  {
-   "name": "WithFeedback",
-   "module": "/src/shared/feedback/mixins"
-  },
-  {
-   "name": "WithErrorText",
-   "module": "/src/shared/patterns"
-  },
-  {
-   "name": "FormElement",
-   "module": "/src/shared/patterns"
-  },
-  {
-   "name": "DelegatesAria",
-   "module": "/src/shared/aria/delegates-aria"
-  },
-  {
-   "name": "Localized",
-   "module": "/src/shared/patterns"
-  },
-  {
-   "name": "FormAssociated",
-   "module": "/src/shared/foundation/form-associated/form-associated"
-  }
- ],
- "superclass": {
-  "name": "VividElement",
-  "module": "/src/shared/foundation/vivid-element/vivid-element"
- },
- "vividComponent": {
-  "public": true,
-  "name": "file-picker"
- }
-}
-*/
-import wrapper from '@repo/react-component-wrapper'
-import { registerFilePicker } from '@vonage/vivid'
-
-registerFilePicker('vvd3')
-
-const VwcFilePicker = wrapper(`vvd3-file-picker`,  {
-    events: [{"name":"change","propName":"onChange"}],
-    attributes: [],
-    properties: ['singleFile', 'maxFiles', 'maxFileSize', 'accept', 'size', 'invalidFileTypeError', 'maxFilesExceededError', 'fileTooBigError', 'helperText', 'errorText', 'validate', 'label', 'value', 'currentValue', 'initialValue', 'disabled', 'name', 'required', 'VIVID_VERSION', 'componentName']
-})
-
-VwcFilePicker.displayName = 'VwcFilePicker'
-
-export default VwcFilePicker
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+require("../../chunk-KmRHZBOW.js");
+const require_index_es = require("../../index.es-CX858N60.js");
+//#region dist/v3/VwcFilePicker/index.js
+(0, require("@vonage/vivid").registerFilePicker)("vvd3");
+var VwcFilePicker = require_index_es.g(`vvd3-file-picker`, {
+	events: [{
+		"name": "change",
+		"propName": "onChange"
+	}],
+	attributes: [],
+	properties: [
+		"singleFile",
+		"maxFiles",
+		"maxFileSize",
+		"accept",
+		"size",
+		"invalidFileTypeError",
+		"maxFilesExceededError",
+		"fileTooBigError",
+		"helperText",
+		"errorText",
+		"validate",
+		"label",
+		"value",
+		"currentValue",
+		"initialValue",
+		"disabled",
+		"name",
+		"required",
+		"VIVID_VERSION",
+		"componentName"
+	]
+});
+VwcFilePicker.displayName = "VwcFilePicker";
+//#endregion
+exports.default = VwcFilePicker;