@globalpayments/vega 2.25.0 → 2.27.0

package/dist/collection/components/vega-field-label/vega-field-label.js

@@ -12,7 +12,7 @@ import { VegaClick, VegaLabelButtonClick } from '../../helpers/event-manager/eve
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { VegaFieldLabelSuffixElementRenderer } from './slimmers/renderers/vega-field-label-suffix-element-renderer';
 /**
- * @version 1.10.0
+ * @vegaVersion 1.10.0
  */
 /**
  * This is an internal used component and shouldn't be used by clients,
@@ -31,7 +31,7 @@ export class VegaFieldLabel {
      * It provides essential information and functionality related to
      *    the suffix button's role and behavior.
      *
-     * @version 2.25.0
+     * @vegaVersion 2.25.0
      */
     this.suffixButtonProps = null;
     /**
@@ -40,7 +40,7 @@ export class VegaFieldLabel {
      * It provides descriptive text that helps identify the
      *    purpose or content expected in the field.
      *
-     * @version 1.10.0
+     * @vegaVersion 1.10.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.label = '';
@@ -49,13 +49,13 @@ export class VegaFieldLabel {
      *
      * Specifies whether the field must be filled in to pass form validation.
      *
-     * @version 1.10.0
+     * @vegaVersion 1.10.0
      */
     this.isFieldRequired = false;
     /**
      * Specifies whether the field is disabled.
      *
-     * @version 1.10.0
+     * @vegaVersion 1.10.0
      */
     this.disabled = false;
     /*
@@ -112,7 +112,7 @@ export class VegaFieldLabel {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.25.0"
           }],
         "text": "Specifies the properties for the suffix button associated with the input.\n\nIt provides essential information and functionality related to\n   the suffix button's role and behavior."
@@ -131,7 +131,7 @@ export class VegaFieldLabel {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.10.0"
           }],
         "text": "Specifies the label or title for the field.\n\nIt provides descriptive text that helps identify the\n   purpose or content expected in the field."
@@ -152,7 +152,7 @@ export class VegaFieldLabel {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.10.0"
           }],
         "text": "Determines whether the input field is required.\n\nSpecifies whether the field must be filled in to pass form validation."
@@ -173,7 +173,7 @@ export class VegaFieldLabel {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.10.0"
           }],
         "text": "Specifies whether the field is disabled."
@@ -191,7 +191,7 @@ export class VegaFieldLabel {
       "composed": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.43.0"
           }],
         "text": "An event emitter notifying that the field label has been clicked."
@@ -209,7 +209,7 @@ export class VegaFieldLabel {
       "composed": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.25.0"
           }],
         "text": "An event emitter notifying that the suffix button associated with the field label has been clicked."
@@ -230,7 +230,7 @@ export class VegaFieldLabel {
             "name": "eventSemantics",
             "text": "namespace:native"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.25.0"
           }],
         "text": "An event emitter notifying that the suffix button associated with the field label has been clicked."

package/dist/collection/components/vega-file-uploader/slimmers/controllers/vega-file-uploader-drop-file-filter-controller.js

@@ -0,0 +1,51 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { MapToComponentField, VegaSlimmer } from 'vega-slimmer/core';
+/** Used to filters files based on accepted file types specified in the `accept` property. */
+export class VegaFileUploaderDropFileFilterController extends VegaSlimmer {
+  /**
+   * Filters the files based on accepted file types if specified.
+   *
+   * @param {FileList|null} fileList - FileList is a FileList object
+   * @returns {File[]} An array of `File` objects after filtering based on the accepted file types specified in the `accept` property
+   */
+  process(fileList) {
+    const files = Array.from(fileList || []);
+    if (fileList && this.accept && this.accept !== '*' && this.accept !== '/*') {
+      const acceptFileTypes = this.accept.split(',');
+      return files.filter((file) => this.validateFileType(file, acceptFileTypes));
+    }
+    return files;
+  }
+  /**
+   * Checks if a given file matches any of the accepted file types based on file name, MIME type, or base type.
+   *
+   * @param {File} file - File object
+   * @param {string[]} acceptTypes - An array of strings that represent the file types that are accepted. These strings can have different formats:
+   * @returns {boolean} A boolean value, indicating whether the provided file matches any of the accepted file types specified in the `acceptTypes` array.
+   */
+  validateFileType(file, acceptTypes) {
+    const fileName = file.name;
+    const fileType = (file.type || '').toLowerCase();
+    const fileBaseType = fileType.replace(/\/.*$/, '');
+    return acceptTypes.some((acceptFileType) => {
+      acceptFileType = acceptFileType.trim().toLowerCase();
+      if (acceptFileType.startsWith('.')) {
+        return fileName.toLowerCase().endsWith(acceptFileType);
+      }
+      else if (acceptFileType.endsWith('/*')) {
+        return fileBaseType === acceptFileType.replace(/\/.*$/, '');
+      }
+      else {
+        return fileType === acceptFileType;
+      }
+    });
+  }
+}
+__decorate([
+  MapToComponentField()
+], VegaFileUploaderDropFileFilterController.prototype, "accept", void 0);

package/dist/collection/components/vega-file-uploader/slimmers/controllers/vega-file-uploader-value-controller.js

@@ -36,13 +36,13 @@ export class VegaFileUploaderValueController extends VegaSlimmer {
   }
 }
 __decorate([
-  MapToComponentField({ writable: true })
+  MapToComponentField()
 ], VegaFileUploaderValueController.prototype, "host", void 0);
 __decorate([
   MapToComponentField({ writable: true })
 ], VegaFileUploaderValueController.prototype, "value", void 0);
 __decorate([
-  MapToComponentField({ writable: true })
+  MapToComponentField()
 ], VegaFileUploaderValueController.prototype, "changeEventEmitter", void 0);
 __decorate([
   MapToComponentMethod('watchValue')

package/dist/collection/components/vega-file-uploader/slimmers/renderers/vega-file-uploader-container-renderer.js

@@ -50,9 +50,10 @@ export class VegaFileUploaderContainerRenderer extends VegaSlimmer {
      * @param {DragEvent} e drag event object
      */
     this.dropHandler = (e) => {
+      var _a;
       e.preventDefault();
       if (!this.disabled) {
-        const files = this.getVegaFilesFromFileList(e.dataTransfer.files);
+        const files = this.getVegaFilesFromFileList(this.dropFileFilterController.process((_a = e.dataTransfer) === null || _a === void 0 ? void 0 : _a.files));
         this.selectFileChangeEventEmitHandler(files);
       }
     };
@@ -96,7 +97,7 @@ export class VegaFileUploaderContainerRenderer extends VegaSlimmer {
       }, padding: "size-24", border: "border-input-field", borderStyle: "dashed", backgroundColor: "bg-tertiary", corners: "rounded-8", tabIndex: 0, onDrop: this.dropHandler, onDragEnter: this.preventDefaultBehavior, onDragOver: this.preventDefaultBehavior, onClick: this.handleDropAreaClick, onKeyDown: createEnterKeyHandlerToTriggerClick() },
       h("vega-flex", { gap: "size-8", alignItems: "center", justifyContent: "center" },
         h("vega-icon", { color: "text-link", icon: VegaInternalIconManager.getIconKey('arrow-up-from-line') }),
-        h("vega-font", { color: "text-link", variant: "font-btn-label" }, "Select or drop your file here"))));
+        h("vega-font", { color: "text-link", variant: "font-btn-label" }, this.translationSlimmer.t('Select or drop your file here')))));
   }
   /**
    * Used to prevent the default behavior of the browser when a drag event occurs, such as preventing the browser from opening the file when it is dropped onto the page.
@@ -115,14 +116,16 @@ export class VegaFileUploaderContainerRenderer extends VegaSlimmer {
     if (files && files.length) {
       const e = this.selectFileChangeEventEmitter.emit(files);
       if (!e.defaultPrevented) {
-        this.vegaFileUploaderValueController.setValue([].concat(this.value, files));
+        this.vegaFileUploaderValueController.setValue(this.value && this.value.length
+          ? new Array().concat(this.value, files)
+          : files);
       }
     }
   }
   /**
    * extracting the files from a file list object. It first initializes an empty array `result` to store the extracted files
    *
-   * @param {FileList} fileList file list object
+   * @param {FileList|File[]|null} fileList file list object
    * @returns {VegaFileUploaderFile[]} the vega file array
    */
   getVegaFilesFromFileList(fileList) {
@@ -160,3 +163,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaFileUploaderContainerRenderer.prototype, "vegaFileUploaderValueController", void 0);
+__decorate([
+  MapToComponentField()
+], VegaFileUploaderContainerRenderer.prototype, "dropFileFilterController", void 0);
+__decorate([
+  MapToComponentField()
+], VegaFileUploaderContainerRenderer.prototype, "translationSlimmer", void 0);

package/dist/collection/components/vega-file-uploader/vega-file-uploader.js

@@ -17,12 +17,15 @@ import { VegaChange, VegaPreview, VegaRemove, VegaRetry, VegaSelectFileChange, }
 import { VegaFileUploaderValueController } from './slimmers/controllers/vega-file-uploader-value-controller';
 import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form-field-controller-slimmer';
 import { FileUploaderRequiredRule } from '../../helpers/validator/rules/file-uploader-required-rule';
+import { VegaFileUploaderDropFileFilterController } from './slimmers/controllers/vega-file-uploader-drop-file-filter-controller';
+import { TranslationSlimmer } from '../../helpers/slimmers/translation';
 /**
- * @version 2.25.0
+ * @vegaVersion 2.25.0
  */
 export class VegaFileUploader {
   constructor() {
     this.globalSlimmers = {};
+    this.translationSlimmer = new TranslationSlimmer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     this.formFieldController = new FormFieldControllerSlimmer({
       propertyRules: [
@@ -42,6 +45,7 @@ export class VegaFileUploader {
     this.vegaFileUploaderFileListRenderer = new VegaFileUploaderFileListRenderer();
     this.vegaFileUploaderFileStatusRenderer = new VegaFileUploaderFileStatusRenderer();
     this.vegaFileUploaderValueController = new VegaFileUploaderValueController();
+    this.dropFileFilterController = new VegaFileUploaderDropFileFilterController();
     this.changeEventEmitter = createEventEmitSlimmer(VegaFileUploader, VegaChange);
     this.selectFileChangeEventEmitter = createEventEmitSlimmer(VegaFileUploader, VegaSelectFileChange);
     this.removeEventEmitter = createEventEmitSlimmer(VegaFileUploader, VegaRemove);
@@ -53,7 +57,7 @@ export class VegaFileUploader {
      * It provides descriptive text that helps identify the
      *    purpose or content expected in the field.
      *
-     * @version 2.25.0
+     * @vegaVersion 2.25.0
      */
     this.label = '';
     /**
@@ -61,53 +65,53 @@ export class VegaFileUploader {
      *    or when a file is dragged, determining how users
      *    interact with the file uploader.
      *
-     * @version 2.25.0
+     * @vegaVersion 2.25.0
      */
     this.variant = 'uploadArea';
     /**
      * Provides a supplementary prompt message that assists users in
      *    understanding the expected value for the file uploader field.
      *
-     * @version 2.25.0
+     * @vegaVersion 2.25.0
      */
     this.hint = '';
     /**
      * Specifies the initial file content to display, enabling a preview
      *    of the uploaded file or a default placeholder.
      *
-     * @version 2.25.0
+     * @vegaVersion 2.25.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = [];
     /**
      * Specifies whether the File Uploader field is disabled.
      *
-     * @version 2.25.0
+     * @vegaVersion 2.25.0
      */
     this.disabled = false;
     /**
      * Specifies whether uploading a file is mandatory.
      *
-     * @version 2.25.0
+     * @vegaVersion 2.25.0
      */
     this.required = false;
     /**
      * Defines custom validation rules for the File Uploader field.
      *
-     * @version 2.25.0
+     * @vegaVersion 2.25.0
      */
     this.validationRules = [];
     /**
      * Determines whether the input field should undergo automatic validation
      *    during the user's input.
      *
-     * @version 2.25.0
+     * @vegaVersion 2.25.0
      */
     this.autoValidation = true;
     /**
      * Specifies the validation status of the file uploader component.
      *
-     * @version 2.25.0
+     * @vegaVersion 2.25.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
@@ -147,7 +151,7 @@ export class VegaFileUploader {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.25.0"
           }],
         "text": "Specifies the label or title for the field.\n\nIt provides descriptive text that helps identify the\n   purpose or content expected in the field."
@@ -173,7 +177,7 @@ export class VegaFileUploader {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.25.0"
           }],
         "text": "Specifies the uploader type that activates when clicked\n   or when a file is dragged, determining how users\n   interact with the file uploader."
@@ -194,7 +198,7 @@ export class VegaFileUploader {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.25.0"
           }],
         "text": "Provides a supplementary prompt message that assists users in\n   understanding the expected value for the file uploader field."
@@ -207,7 +211,7 @@ export class VegaFileUploader {
       "type": "unknown",
       "mutable": true,
       "complexType": {
-        "original": "VegaFileUploaderFile[]",
+        "original": "VegaFileUploaderFile[] | null",
         "resolved": "VegaFileUploaderFile[]",
         "references": {
           "VegaFileUploaderFile": {
@@ -220,7 +224,7 @@ export class VegaFileUploader {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.25.0"
           }],
         "text": "Specifies the initial file content to display, enabling a preview\n   of the uploaded file or a default placeholder."
@@ -239,7 +243,7 @@ export class VegaFileUploader {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.25.0"
           }],
         "text": "Specifies whether the File Uploader field is disabled."
@@ -260,7 +264,7 @@ export class VegaFileUploader {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.25.0"
           }],
         "text": "Specifies whether uploading a file is mandatory."
@@ -286,7 +290,7 @@ export class VegaFileUploader {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.25.0"
           }],
         "text": "Defines custom validation rules for the File Uploader field."
@@ -305,7 +309,7 @@ export class VegaFileUploader {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.25.0"
           }],
         "text": "Determines whether the input field should undergo automatic validation\n   during the user's input."
@@ -318,7 +322,7 @@ export class VegaFileUploader {
       "type": "boolean",
       "mutable": true,
       "complexType": {
-        "original": "boolean",
+        "original": "boolean | null",
         "resolved": "boolean",
         "references": {}
       },
@@ -326,7 +330,7 @@ export class VegaFileUploader {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.25.0"
           }],
         "text": "Specifies the validation status of the file uploader component."
@@ -347,8 +351,11 @@ export class VegaFileUploader {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.25.0"
+          }, {
+            "name": "link",
+            "text": "https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept"
           }],
         "text": "Specifies the allowed file types for upload."
       },
@@ -364,7 +371,7 @@ export class VegaFileUploader {
       "composed": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.25.0"
           }],
         "text": "An event emitter notifying a change in the file list."
@@ -390,7 +397,7 @@ export class VegaFileUploader {
             "name": "eventSemantics",
             "text": "namespace:native"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.25.0"
           }],
         "text": "An event emitter notifying a change in the file list."
@@ -413,7 +420,7 @@ export class VegaFileUploader {
       "composed": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.25.0"
           }],
         "text": "An event emitter notifying a file selection change. By default, the component value\n  is updated, but this behavior can be prevented."
@@ -439,7 +446,7 @@ export class VegaFileUploader {
             "name": "eventSemantics",
             "text": "namespace:native"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.25.0"
           }],
         "text": "An event emitter notifying a file selection change. By default, the component value\n  is updated, but this behavior can be prevented."
@@ -462,7 +469,7 @@ export class VegaFileUploader {
       "composed": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.25.0"
           }],
         "text": "An event emitter notifying that a selected file will be removed. By default, the component value\n  is updated, but this behavior can be prevented."
@@ -488,7 +495,7 @@ export class VegaFileUploader {
             "name": "eventSemantics",
             "text": "namespace:native"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.25.0"
           }],
         "text": "An event emitter notifying that a selected file will be removed. By default, the component value\n  is updated, but this behavior can be prevented."
@@ -511,7 +518,7 @@ export class VegaFileUploader {
       "composed": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.25.0"
           }],
         "text": "An event emitter notifying that a file will be re-uploaded."
@@ -537,7 +544,7 @@ export class VegaFileUploader {
             "name": "eventSemantics",
             "text": "namespace:native"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.25.0"
           }],
         "text": "An event emitter notifying that a file will be re-uploaded."
@@ -560,7 +567,7 @@ export class VegaFileUploader {
       "composed": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.25.0"
           }],
         "text": "An event emitter notifying that a file will be opened for preview."
@@ -586,7 +593,7 @@ export class VegaFileUploader {
             "name": "eventSemantics",
             "text": "namespace:native"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.25.0"
           }],
         "text": "An event emitter notifying that a file will be opened for preview."
@@ -614,6 +621,9 @@ export class VegaFileUploader {
 __decorate([
   InjectVegaGlobalSlimmer()
 ], VegaFileUploader.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaFileUploader.prototype, "translationSlimmer", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaFileUploader.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
@@ -635,6 +645,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaFileUploader.prototype, "vegaFileUploaderValueController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaFileUploader.prototype, "dropFileFilterController", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaFileUploader.prototype, "changeEventEmitter", void 0);