@adyen/bento-vue2 1.41.0 → 1.42.0

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@adyen/bento-vue2",
-  "version": "1.41.0",
+  "version": "1.42.0",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -672,6 +672,15 @@
               },
               "default": "undefined"
             },
+            {
+              "name": "disabled",
+              "description": "Disables the filter from being interacted with.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
             {
               "name": "defaultValue",
               "description": "Default value of the filter to reset to.",
@@ -758,6 +767,15 @@
           "name": "bento-boolean-filter",
           "description": "Example description of the component...",
           "attributes": [
+            {
+              "name": "disabled",
+              "description": "Disables the filter from being interacted with.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
             {
               "name": "defaultValue",
               "description": "Default value of the filter to reset to.",
@@ -1208,6 +1226,15 @@
           "name": "bento-date-filter",
           "description": "The Date filter displays a calendar that allows\nto select a single date.",
           "attributes": [
+            {
+              "name": "disabled",
+              "description": "Disables the filter from being interacted with.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
             {
               "name": "isDateInput",
               "value": {
@@ -1403,6 +1430,15 @@
           "name": "bento-date-range-filter",
           "description": "The Date filter displays a calendar that allows\nto select a single date.",
           "attributes": [
+            {
+              "name": "disabled",
+              "description": "Disables the filter from being interacted with.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
             {
               "name": "defaultValue",
               "description": "Default value of the filter to reset to.",
@@ -1793,6 +1829,15 @@
           "name": "bento-input-filter",
           "description": "",
           "attributes": [
+            {
+              "name": "disabled",
+              "description": "Disables the filter from being interacted with.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
             {
               "name": "defaultValue",
               "description": "Default value of the filter to reset to.",
@@ -2481,6 +2526,15 @@
           "name": "bento-range-filter",
           "description": "Range filter used in the filter-bar component.",
           "attributes": [
+            {
+              "name": "disabled",
+              "description": "Disables the filter from being interacted with.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
             {
               "name": "defaultValue",
               "description": "Default value of the filter to reset to.",
@@ -7061,6 +7115,339 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "file-uploader",
+          "description": "",
+          "attributes": [
+            {
+              "name": "accept",
+              "required": false,
+              "description": "A string that defines the file types the file input should accept.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept",
+              "value": {
+                "kind": "expression",
+                "type": "TSIndexedAccessType"
+              },
+              "default": "null"
+            },
+            {
+              "name": "condensed",
+              "required": false,
+              "description": "Reduces the size of the uploader area.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "description",
+              "required": false,
+              "description": "Descriptive supporting text visbile underneath the label.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
+            {
+              "name": "disabled",
+              "required": false,
+              "description": "Disable the radio button (optional).",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "errorMessage",
+              "required": false,
+              "description": "Renders file-uploader with an error state and the error message beneath the input box",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
+            {
+              "name": "label",
+              "required": true,
+              "description": "The label of the component.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "maxCount",
+              "required": false,
+              "description": "Sets a maximum file count. Allows for uploading multiple files.",
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              },
+              "default": "1"
+            },
+            {
+              "name": "maxDimensions",
+              "required": false,
+              "description": "Sets a maximum image size (for image file types only).",
+              "value": {
+                "kind": "expression",
+                "type": "{\n    width?: number;\n    height?: number;\n}"
+              },
+              "default": "null"
+            },
+            {
+              "name": "maxSize",
+              "required": false,
+              "description": "Sets a maximum file size in Bytes",
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              },
+              "default": "null"
+            },
+            {
+              "name": "modelValue",
+              "required": false,
+              "description": "Used to support `v-model`. Doesn't actually set the value of the file uploader.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoFileUploaderValue"
+              },
+              "default": "null"
+            },
+            {
+              "name": "optional",
+              "required": false,
+              "description": "Sets the field as optional.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "required",
+              "required": false,
+              "description": "Sets the field as required.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "tooltipText",
+              "required": false,
+              "description": "Adds a info icon next to the label to display the passed tooltip message.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            }
+          ],
+          "events": [
+            {
+              "name": "change",
+              "description": "Emit that emits the input value"
+            },
+            {
+              "name": "update:modelValue",
+              "description": "Emit that emits the input value"
+            }
+          ],
+          "source": {
+            "module": "./src/components/file-uploader/file-uploader.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "file-uploader-file-card",
+          "description": "",
+          "attributes": [
+            {
+              "name": "file",
+              "required": true,
+              "description": "File to be uploaded",
+              "value": {
+                "kind": "expression",
+                "type": "FileObject"
+              }
+            },
+            {
+              "name": "supportedFileTypes",
+              "required": false,
+              "description": "Supported file types message",
+              "value": {
+                "kind": "expression",
+                "type": "SupportedFileTypes"
+              },
+              "default": "null"
+            }
+          ],
+          "events": [
+            {
+              "name": "cancel",
+              "description": "Triggered when the \"cancel\" button is clicked"
+            },
+            {
+              "name": "remove",
+              "description": "Triggered when the \"remove\" button is clicked"
+            },
+            {
+              "name": "retry",
+              "description": "Triggered when the \"retry\" button is clicked"
+            }
+          ],
+          "source": {
+            "module": "./src/components/file-uploader/components/file-uploader-file-card/file-uploader-file-card.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "file-uploader-file-card-animation",
+          "description": "",
+          "attributes": [
+            {
+              "name": "name",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "showFileIcon",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
+            }
+          ],
+          "source": {
+            "module": "./src/components/file-uploader/components/file-uploader-file-card/components/file-uploader-file-card-animation/file-uploader-file-card-animation.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "file-uploader-file-card-stub",
+          "description": "",
+          "attributes": [
+            {
+              "name": "file",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "{\n    name: string;\n    type: string;\n    progress?: number;\n}"
+              },
+              "default": "() => ({ name: 'file.text', type: 'text/plain' })"
+            },
+            {
+              "name": "fileType",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "FileType"
+              },
+              "default": "FileType.GENERIC"
+            },
+            {
+              "name": "fileState",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "FileState"
+              }
+            },
+            {
+              "name": "supportedFileTypes",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            }
+          ],
+          "source": {
+            "module": "./src/components/file-uploader/components/file-uploader-file-card/__tests__/file-uploader-file-card-stub.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "file-uploader-restrictions",
+          "description": "",
+          "attributes": [
+            {
+              "name": "condensed",
+              "required": false,
+              "description": "Reduces the size of the uploader area.",
+              "value": {
+                "kind": "expression",
+                "type": "TSIndexedAccessType"
+              },
+              "default": "null"
+            },
+            {
+              "name": "disabled",
+              "required": false,
+              "description": "Disables the File uploader",
+              "value": {
+                "kind": "expression",
+                "type": "TSIndexedAccessType"
+              },
+              "default": "null"
+            },
+            {
+              "name": "maxCount",
+              "required": false,
+              "description": "Sets a maximum file count.",
+              "value": {
+                "kind": "expression",
+                "type": "{\n    value: BentoFileUploaderProps[\"maxCount\"];\n    error: boolean;\n}"
+              },
+              "default": "null"
+            },
+            {
+              "name": "maxDimensions",
+              "required": false,
+              "description": "Sets a maximum image size (for image file types only).",
+              "value": {
+                "kind": "expression",
+                "type": "{\n    value: BentoFileUploaderProps[\"maxDimensions\"];\n    error: boolean;\n}"
+              },
+              "default": "null"
+            },
+            {
+              "name": "maxSize",
+              "required": false,
+              "description": "Sets a maximum file size in Bytes",
+              "value": {
+                "kind": "expression",
+                "type": "{\n    value: BentoFileUploaderProps[\"maxSize\"];\n    error: boolean;\n}"
+              },
+              "default": "null"
+            },
+            {
+              "name": "supportedFileTypes",
+              "required": false,
+              "description": "Supported file types message",
+              "value": {
+                "kind": "expression",
+                "type": "{\n    value: SupportedFileTypes;\n    error: boolean;\n}"
+              },
+              "default": "null"
+            }
+          ],
+          "source": {
+            "module": "./src/components/file-uploader/components/file-uploader-restrictions/file-uploader-restrictions.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "filter-bar",
           "description": "",
@@ -7148,8 +7535,8 @@
               "default": "false"
             },
             {
-              "name": "hasChevron",
-              "description": "Toggles if a chevron icon should be displayed in the button.\nThe chevron will change depending on the open state of the filter.",
+              "name": "isPersistentFilter",
+              "description": "Signifies if the filter is a persistent filter",
               "value": {
                 "kind": "expression",
                 "type": "boolean"
@@ -7792,7 +8179,11 @@
             },
             {
               "name": "keydown",
-              "description": "Emitted when a key is pressed"
+              "description": "Emitted when a key is pressed down"
+            },
+            {
+              "name": "keyup",
+              "description": "Emitted when a key is pressed and lifted up"
             },
             {
               "name": "input",
@@ -7827,10 +8218,129 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "input-field-password",
+          "description": "",
+          "attributes": [
+            {
+              "name": "condensed",
+              "required": false,
+              "description": "Reduces height of the input",
+              "value": {
+                "kind": "expression",
+                "type": "TSIndexedAccessType"
+              },
+              "default": "false"
+            },
+            {
+              "name": "disabled",
+              "required": false,
+              "description": "Disables the possibility of changing value in the input-field",
+              "value": {
+                "kind": "expression",
+                "type": "TSIndexedAccessType"
+              },
+              "default": "false"
+            },
+            {
+              "name": "errorMessage",
+              "required": false,
+              "description": "Renders input-field with an error state and the error message beneath the input box",
+              "value": {
+                "kind": "expression",
+                "type": "TSIndexedAccessType"
+              },
+              "default": "null"
+            },
+            {
+              "name": "placeholder",
+              "required": false,
+              "description": "Text displayed as the placeholder of the input-field",
+              "value": {
+                "kind": "expression",
+                "type": "TSIndexedAccessType"
+              },
+              "default": "''"
+            },
+            {
+              "name": "readonly",
+              "required": false,
+              "description": "Setting this property to true will set the input field to read only state.",
+              "value": {
+                "kind": "expression",
+                "type": "TSIndexedAccessType"
+              },
+              "default": "false"
+            },
+            {
+              "name": "value",
+              "required": false,
+              "description": "Text displayed as the value of the input-field",
+              "value": {
+                "kind": "expression",
+                "type": "TSIndexedAccessType"
+              },
+              "default": "undefined"
+            },
+            {
+              "name": "label",
+              "required": false,
+              "description": "Label to be shown with the input field",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
+            {
+              "name": "validation",
+              "required": false,
+              "description": "Configuration object for password field validation.\n\nThis object defines the validation criteria and associated messages for a password field.\nIt includes the following properties:\n\n- `title`: The title displayed at the top of the validation hint.\n- `suggestion`: The message displayed at the bottom of the validation hint, providing additional guidance.\n- `list`: An array of callback functions to be executed on the value after each user input, validating the password against the specified rules.\n\nBy default, the validation checks that:\n\n- The value has a minimum length of 8 characters.\n- The value contains at least one lowercase letter.\n- The value contains at least one uppercase letter.\n- The value contains at least one numeric digit.\n- The value contains at least one special character.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoInputFieldPasswordValidation"
+              },
+              "default": "undefined"
+            },
+            {
+              "name": "withHint",
+              "required": false,
+              "description": "Whether the password validation hint is displayed when the input field is activated via focus or input",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "true"
+            }
+          ],
+          "events": [
+            {
+              "name": "input:valid",
+              "description": "Emits an `input:valid` event when the value is validated against the provided validations.\nThis emission has a debounce and is emitted after an `input` event."
+            },
+            {
+              "name": "input",
+              "description": "Emits an `input` event whenever the value in the input is changed."
+            }
+          ],
+          "source": {
+            "module": "./src/components/input-field-password/input-field-password.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "input-with-dropdown-filter",
           "description": "",
           "attributes": [
+            {
+              "name": "disabled",
+              "required": false,
+              "description": "Disables the filter from being interacted with.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
             {
               "name": "defaultValue",
               "required": false,
@@ -10713,6 +11223,15 @@
           "name": "select-filter-button",
           "description": "",
           "attributes": [
+            {
+              "name": "disabled",
+              "description": "Disables the filter from being interacted with.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
             {
               "name": "defaultValue",
               "description": "Default value of the filter to reset to.",
@@ -10790,6 +11309,15 @@
           "name": "select-filter-dropdown",
           "description": "",
           "attributes": [
+            {
+              "name": "disabled",
+              "description": "Disables the filter from being interacted with.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
             {
               "name": "defaultValue",
               "description": "Default value of the filter to reset to.",
@@ -12211,6 +12739,24 @@
                 "type": "boolean"
               },
               "default": "false"
+            },
+            {
+              "name": "fallbackPosition",
+              "description": "Allows to configure to fallback position to the one specified, it could be 'auto' or ['right', 'top', ...].\nUseful when not using auto as starting placement.",
+              "value": {
+                "kind": "expression",
+                "type": "FallbackPositionProp"
+              },
+              "default": "() => ['top', 'bottom', 'right', 'left']"
+            },
+            {
+              "name": "disabledFocusTrap",
+              "description": "Disables focus-trap for tooltip.\nUseful for maintaining focus on the target element.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
             }
           ],
           "source": {