@globalpayments/vega 2.68.0 → 2.69.0

package/dist/collection/components/vega-table/vega-table-foot-cell/vega-table-foot-cell.js

@@ -0,0 +1,130 @@
+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 { Component, Host, h, Prop, Element, State } from '@stencil/core';
+import { sanitizeVegaComponent } from '../../../utils/component';
+import { InjectVegaGlobalSlimmer, InjectVegaSlimmer } from 'vega-slimmer/core';
+import { VegaTableFootCellStateController } from './slimmers/controllers/vega-table-foot-cell-state-controller';
+import ResponsiveFormatFacade from '../../../helpers/formatter/responsive-map-formatter/responsive-format-facade';
+import { PageResizeObserverSlimmer } from '../../../helpers/slimmers/page-resize-observer-slimmer';
+import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
+import { VegaTableFootCellRenderer } from './slimmers/renderers/vega-table-foot-cell-renderer';
+import { getCurrentBreakpoint } from '../../../utils/breakpoints';
+/**
+ * @vegaVersion 2.68.1
+ */
+export class VegaTableFootCell {
+  constructor() {
+    this.globalSlimmers = {};
+    this.vegaTableFootCellStateController = new VegaTableFootCellStateController();
+    this.vegaTableFootCellRenderer = new VegaTableFootCellRenderer();
+    this.pageResizeObserverSlimmer = new PageResizeObserverSlimmer();
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.currentBreakpoint = getCurrentBreakpoint();
+  }
+  render() {
+    return sanitizeVegaComponent(h(Host, { class: {
+        [`density-${ResponsiveFormatFacade.formatCustom(this.density)}`]: true,
+        'column-divider': this.columnDivider,
+      }, style: { width: this.width } }, this.vegaTableFootCellRenderer.render()), this.host);
+  }
+  static get is() { return "vega-table-foot-cell"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["vega-table-foot-cell.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["vega-table-foot-cell.css"]
+  }; }
+  static get properties() { return {
+    "breakpoint": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "VegaTableColumnBreakpoint",
+        "resolved": "\"L\" | \"M\" | \"S\" | \"XL\"",
+        "references": {
+          "VegaTableColumnBreakpoint": {
+            "location": "import",
+            "path": "../interface"
+          }
+        }
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.68.1"
+          }],
+        "text": "Defines the screen width at which the column becomes hidden.\n   If not set, the column remains visible at all times."
+      },
+      "attribute": "breakpoint",
+      "reflect": false
+    },
+    "textAlign": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'left' | 'right' | 'center'",
+        "resolved": "\"center\" | \"left\" | \"right\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.68.1"
+          }],
+        "text": "Determines the alignment of text within the foot cell."
+      },
+      "attribute": "text-align",
+      "reflect": false
+    },
+    "width": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.68.1"
+          }],
+        "text": "Specifies the width of the foot cell."
+      },
+      "attribute": "width",
+      "reflect": false
+    }
+  }; }
+  static get states() { return {
+    "currentBreakpoint": {},
+    "density": {},
+    "columnDivider": {}
+  }; }
+  static get elementRef() { return "host"; }
+}
+__decorate([
+  InjectVegaGlobalSlimmer()
+], VegaTableFootCell.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableFootCell.prototype, "vegaTableFootCellStateController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableFootCell.prototype, "vegaTableFootCellRenderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableFootCell.prototype, "pageResizeObserverSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableFootCell.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);

package/dist/collection/components/vega-table/vega-table-foot-row/slimmers/controllers/vega-table-foot-row-state-controller.js

@@ -0,0 +1,77 @@
+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 } from 'vega-slimmer/core';
+import { SubStateObserverSlimmer } from '../../../../../helpers/slimmers/sub-state/sub-state-observer-slimmer';
+/**
+ * Controller for the table foot row
+ */
+export class VegaTableFootRowStateController extends SubStateObserverSlimmer {
+  // eslint-disable-next-line jsdoc/require-jsdoc
+  constructor() {
+    super({
+      parent: 'vega-table',
+      subStates: [
+        {
+          subStateName: 'expandable',
+          parentStateName: 'rowExpandable',
+        },
+        {
+          subStateName: 'paddingX',
+          parentStateName: 'paddingX',
+        },
+        {
+          subStateName: 'selectionType',
+          parentStateName: 'rowSelection',
+          // eslint-disable-next-line jsdoc/require-jsdoc
+          callback: (rowSelection) => {
+            this.updateSelectionType(rowSelection);
+          },
+        },
+        {
+          subStateName: 'columnDivider',
+          parentStateName: 'columnDivider',
+        },
+        {
+          subStateName: 'density',
+          parentStateName: 'density',
+        },
+      ],
+    });
+    /**
+     * Update the selection config with the new config
+     *
+     * @param {VegaTableRowSelectionConfig} rowSelection - The updated row selection config.
+     */
+    this.updateSelectionType = (rowSelection) => {
+      if (rowSelection) {
+        const { type } = rowSelection;
+        this.selectionType = type;
+      }
+      else {
+        this.selectionType = null;
+      }
+    };
+  }
+}
+__decorate([
+  MapToComponentField()
+], VegaTableFootRowStateController.prototype, "host", void 0);
+__decorate([
+  MapToComponentField({ writable: true })
+], VegaTableFootRowStateController.prototype, "selectionType", void 0);
+__decorate([
+  MapToComponentField({ writable: true })
+], VegaTableFootRowStateController.prototype, "paddingX", void 0);
+__decorate([
+  MapToComponentField({ writable: true })
+], VegaTableFootRowStateController.prototype, "columnDivider", void 0);
+__decorate([
+  MapToComponentField({ writable: true })
+], VegaTableFootRowStateController.prototype, "density", void 0);
+__decorate([
+  MapToComponentField({ writable: true })
+], VegaTableFootRowStateController.prototype, "expandable", void 0);

package/dist/collection/components/vega-table/vega-table-foot-row/slimmers/renderers/vega-table-foot-row-renderer.js

@@ -0,0 +1,41 @@
+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';
+import { h } from '@stencil/core';
+export class VegaTableFootRowRenderer extends VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    this.renderFooterSelectionCell = () => {
+      if (this.selectionType !== 'multiple')
+        return;
+      return h("td", { class: "vega-table-selection-column" });
+    };
+    this.renderFooterExpandableCell = () => {
+      return this.expandable && h("td", { class: "vega-table-expand-action-column" });
+    };
+  }
+  render() {
+    return (h("tr", null,
+      h("td", { style: { width: this.paddingX[0] } }),
+      this.renderFooterSelectionCell(),
+      h("slot", null),
+      this.renderFooterExpandableCell(),
+      h("td", { style: { width: this.paddingX[1] } })));
+  }
+}
+__decorate([
+  MapToComponentField()
+], VegaTableFootRowRenderer.prototype, "host", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTableFootRowRenderer.prototype, "paddingX", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTableFootRowRenderer.prototype, "selectionType", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTableFootRowRenderer.prototype, "expandable", void 0);

package/dist/collection/components/vega-table/vega-table-foot-row/vega-table-foot-row.css

@@ -0,0 +1,52 @@
+/* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */
+/**
+ * Deprecated. Not for use in new websites.
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/word-break#break-word
+ */
+:host {
+  display: contents;
+}
+
+td {
+  background-color: rgba(var(--v-bg-table-header, 240, 243, 247, 1));
+  padding: 0px;
+  vertical-align: middle;
+}
+td:first-of-type {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+td:last-of-type {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+:host(.density-default) td:first-of-type,
+:host(.density-relaxed) td:first-of-type {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+:host(.density-default) td:last-of-type,
+:host(.density-relaxed) td:last-of-type {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+:host(.density-compact) td:first-of-type {
+  border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+:host(.density-compact) td:last-of-type {
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+
+.vega-table-expand-action-column {
+  width: 40px;
+  min-width: 40px;
+}
+
+.vega-table-selection-column {
+  width: 40px;
+  min-width: 40px;
+}

package/dist/collection/components/vega-table/vega-table-foot-row/vega-table-foot-row.js

@@ -0,0 +1,71 @@
+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 { Component, Host, h, Element, State } from '@stencil/core';
+import { InjectVegaGlobalSlimmer, InjectVegaSlimmer, slotPlaceholder, } from 'vega-slimmer/core';
+import { VegaTableFootRowRenderer } from './slimmers/renderers/vega-table-foot-row-renderer';
+import { sanitizeVegaComponent } from '../../../utils/component';
+import { VegaTableFootRowStateController } from './slimmers/controllers/vega-table-foot-row-state-controller';
+import ResponsiveFormatFacade from '../../../helpers/formatter/responsive-map-formatter/responsive-format-facade';
+import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
+import { PageResizeObserverSlimmer } from '../../../helpers/slimmers/page-resize-observer-slimmer';
+import { getCurrentBreakpoint } from '../../../utils/breakpoints';
+/**
+ * @vegaVersion 2.68.1
+ */
+export class VegaTableFootRow {
+  constructor() {
+    this.globalSlimmers = {};
+    this.vegaTableFootRowStateController = new VegaTableFootRowStateController();
+    this.vegaTableFootRowRenderer = new VegaTableFootRowRenderer();
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.pageResizeObserverSlimmer = new PageResizeObserverSlimmer();
+    this.currentBreakpoint = getCurrentBreakpoint();
+    /**
+     * Indicates whether the row is expandable.
+     */
+    this.expandable = false;
+  }
+  render() {
+    slotPlaceholder(h("slot", null));
+    return sanitizeVegaComponent(h(Host, { class: {
+        'column-divider': this.columnDivider,
+        [`density-${ResponsiveFormatFacade.formatCustom(this.density)}`]: true,
+      } }, this.vegaTableFootRowRenderer.render()), this.host);
+  }
+  static get is() { return "vega-table-foot-row"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["vega-table-foot-row.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["vega-table-foot-row.css"]
+  }; }
+  static get states() { return {
+    "currentBreakpoint": {},
+    "expandable": {},
+    "selectionType": {},
+    "paddingX": {},
+    "columnDivider": {},
+    "density": {}
+  }; }
+  static get elementRef() { return "host"; }
+}
+__decorate([
+  InjectVegaGlobalSlimmer()
+], VegaTableFootRow.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableFootRow.prototype, "vegaTableFootRowStateController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableFootRow.prototype, "vegaTableFootRowRenderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableFootRow.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableFootRow.prototype, "pageResizeObserverSlimmer", void 0);

package/dist/collection/components/vega-table/vega-table.css

@@ -63,6 +63,16 @@ table.v-table-fixed {
 .vega-table-scrollable-container.scrolled ::slotted(vega-table-head.fixed-header) {
   box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.1); /* TODO: wait design token upgrade */
 }
+.vega-table-scrollable-container.scrolled vega-table-foot.fixed-footer::after,
+.vega-table-scrollable-container.scrolled ::slotted(vega-table-foot.fixed-footer)::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 1px;
+  background-color: rgba(var(--v-bg-divider, 171, 198, 216, 1));
+}
 
 /* edit table styles start */
 vega-form {

package/dist/collection/components/vega-table/vega-table.js

@@ -840,7 +840,7 @@ export class VegaTable {
       "mutable": false,
       "complexType": {
         "original": "VegaTableScrollConfig",
-        "resolved": "{ maxHeight?: string | number; fixedHeader?: boolean; }",
+        "resolved": "{ maxHeight?: string | number; fixedHeader?: boolean; fixedFooter?: boolean; }",
         "references": {
           "VegaTableScrollConfig": {
             "location": "import",

package/dist/collection/components/vega-textarea/vega-textarea.js

@@ -90,7 +90,7 @@ export class VegaTextarea {
      * It provides essential information and functionality
      *  related to the suffix button's role and behavior.
      *
-     * @vegaVersion __VERSION__
+     * @vegaVersion 2.68.0
      */
     this.labelSuffixButtonConfig = null;
     /**
@@ -363,7 +363,7 @@ export class VegaTextarea {
       "docs": {
         "tags": [{
             "name": "vegaVersion",
-            "text": "__VERSION__"
+            "text": "2.68.0"
           }],
         "text": "Specifies the properties for the suffix button associated with the input.\n\nIt provides essential information and functionality\n related to the suffix button's role and behavior."
       },

package/dist/collection/global/icons/eye-slash.js

@@ -0,0 +1,3 @@
+export default {
+  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L525.6 386.7c39.6-40.6 66.4-86.1 79.9-118.4c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5 68.8 400.8 32 320 32c-68.2 0-125 26.3-169.3 60.8L38.8 5.1zM223.1 149.5C248.6 126.2 282.7 112 320 112c79.5 0 144 64.5 144 144c0 24.9-6.3 48.3-17.4 68.7L408 294.5c8.4-19.3 10.6-41.4 4.8-63.3c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3c0 10.2-2.4 19.8-6.6 28.3l-90.3-70.8zM373 389.9c-16.4 6.5-34.3 10.1-53 10.1c-79.5 0-144-64.5-144-144c0-6.9 .5-13.6 1.4-20.2L83.1 161.5C60.3 191.2 44 220.8 34.5 243.7c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1C174.5 443.2 239.2 480 320 480c47.8 0 89.9-12.9 126.2-32.5L373 389.9z"/></svg>`,
+};

package/dist/collection/global/icons/eye.js

@@ -0,0 +1,3 @@
+export default {
+  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM144 256a144 144 0 1 1 288 0 144 144 0 1 1 -288 0zm144-64c0 35.3-28.7 64-64 64c-7.1 0-13.9-1.2-20.3-3.3c-5.5-1.8-11.9 1.6-11.7 7.4c.3 6.9 1.3 13.8 3.2 20.7c13.7 51.2 66.4 81.6 117.6 67.9s81.6-66.4 67.9-117.6c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3z"/></svg>`,
+};

package/dist/collection/helpers/translation/locales/en.js

@@ -18,6 +18,8 @@ export const staticTranslations = {
   'The end time should be later than start time': 'The end time should be later than start time',
   'Phone number is not valid': 'Phone number is not valid',
   'Phone number is valid but it belongs to country {0}, not country {1}': 'Phone number is valid but it belongs to country {0}, not country {1}',
+  'The value does not exist in the source': 'The value does not exist in the source',
+  'There are values that do not exist in the source': 'There are values that do not exist in the source',
   // Component internal text
   'Viewing': 'Viewing',
   'Show': 'Show',

package/dist/collection/helpers/translation/tests/internal-translation-controller.test.js

@@ -233,6 +233,8 @@ describe('VegaTranslationController', () => {
       'Saturday': 'Saturday',
       'am': 'am',
       'pm': 'pm',
+      'The value does not exist in the source': 'The value does not exist in the source',
+      'There are values that do not exist in the source': 'There are values that do not exist in the source',
     });
     /* eslint-enable @typescript-eslint/naming-convention,spellcheck/spell-checker */
   });

package/dist/collection/helpers/validator/rules/input-select-value-in-source-rule.js

@@ -0,0 +1,85 @@
+import { InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract';
+/**
+ * A rule that checks if the value exists in the source or not
+ *
+ * @augments {InternalFormFieldValidationRule<SelectValueType<SelectType>>}
+ */
+export class InputSelectValueInSourceRule extends InternalFormFieldValidationRule {
+  /**
+   * It creates a new instance of the class with the given config.
+   *
+   * @param {() => SelectSourceItem[]} inputSelectSourceGetter - The input select source getter function
+   */
+  constructor(inputSelectSourceGetter) {
+    super();
+    this.inputSelectSourceGetter = inputSelectSourceGetter;
+    /**
+     * Generate an invalid result
+     *
+     * @param {string} message Error message
+     * @returns {EvaluateResultTranslation} invalid validation result
+     */
+    this.invalidResult = (message) => ({
+      isValid: false,
+      message,
+    });
+    /**
+     * Generate a valid result
+     *
+     * @returns {EvaluateResultTranslation} invalid validation result
+     */
+    this.validResult = () => ({
+      isValid: true,
+      message: '',
+    });
+  }
+  /**
+   * If the input is accepted and the status is not disabled and visible, then return true
+   *
+   * @param {unknown} input - The input to be evaluated.
+   * @param {FormFieldStatusMeta} [status] - FormFieldStatusMeta
+   * @returns {boolean} A boolean value.
+   */
+  canEvaluate(input, status) {
+    return status
+      ? this.isAcceptedInputType(input) && !status.disabled && status.visible
+      : this.isAcceptedInputType(input);
+  }
+  /**
+   * check if the value exists in the source
+   *
+   * @param {SelectValueType<SelectType>} input - The input to be evaluated.
+   * @returns {EvaluateResultTranslation} - The result of the evaluation.
+   */
+  evaluate(input) {
+    if (typeof input === 'string' &&
+      !this.inputSelectSourceGetter().find((item) => item.id === input)) {
+      return this.invalidResult(`The value does not exist in the source`);
+    }
+    else if (Array.isArray(input) &&
+      !input.every((value) => this.inputSelectSourceGetter().find((item) => item.id === value))) {
+      return this.invalidResult(`There are values that do not exist in the source`);
+    }
+    return this.validResult();
+  }
+  /**
+   * If the field is not disabled, visible, and has been touched or modified, then show the error
+   *
+   * @param {FormFieldStatusMeta} status - FormFieldStatusMeta
+   * @returns {boolean} A boolean value.
+   */
+  shouldShowError(status) {
+    return !status.disabled && status.visible && (status.touched || status.modified);
+  }
+  /**
+   * It returns true if the input is a string or an array of two strings, and each string is a valid string
+   *
+   * @param {unknown} input - The input value to be validated.
+   * @returns {boolean} A boolean value.
+   */
+  isAcceptedInputType(input) {
+    return ((typeof input === 'string' ||
+      (Array.isArray(input) && input.every((item) => typeof item === 'string'))) &&
+      input.length > 0);
+  }
+}

package/dist/collection/helpers/validator/test/rules/input-select-value-in-source-rule.test.js

@@ -0,0 +1,99 @@
+import { InputSelectValueInSourceRule } from '../../rules/input-select-value-in-source-rule';
+describe('inputSelectValueInSourceRule', () => {
+  test('return true if input can be evaluated', () => {
+    const rule = new InputSelectValueInSourceRule(() => [
+      { id: 'Maple', displayName: 'Maple' },
+      { id: 'Banana', displayName: 'Banana' },
+    ]);
+    expect(rule.canEvaluate('Maple')).toEqual(true);
+    expect(rule.canEvaluate('Maple', {
+      touched: true,
+      modified: true,
+      disabled: false,
+      visible: true,
+    })).toEqual(true);
+  });
+  test('return false if input can not be evaluated', () => {
+    const rule = new InputSelectValueInSourceRule(() => [
+      { id: 'Maple', displayName: 'Maple' },
+      { id: 'Banana', displayName: 'Banana' },
+    ]);
+    expect(rule.canEvaluate('')).toEqual(false);
+    expect(rule.canEvaluate(null)).toEqual(false);
+    expect(rule.canEvaluate(undefined)).toEqual(false);
+    expect(rule.canEvaluate([])).toEqual(false);
+    expect(rule.canEvaluate({})).toEqual(false);
+  });
+  test('return the valid evaluate result', () => {
+    const rule = new InputSelectValueInSourceRule(() => [
+      { id: 'Maple', displayName: 'Maple' },
+      { id: 'Banana', displayName: 'Banana' },
+    ]);
+    expect(rule.evaluate(['Maple', 'Banana'])).toEqual({
+      isValid: true,
+      message: ``,
+    });
+    expect(rule.evaluate(['Maple'])).toEqual({
+      isValid: true,
+      message: ``,
+    });
+    expect(rule.evaluate('Maple')).toEqual({
+      isValid: true,
+      message: ``,
+    });
+  });
+  test('return the invalid evaluate result as expected', () => {
+    const rule = new InputSelectValueInSourceRule(() => [
+      { id: 'Maple', displayName: 'Maple' },
+      { id: 'Banana', displayName: 'Banana' },
+    ]);
+    expect(rule.evaluate(['Map'])).toEqual({
+      isValid: false,
+      message: `There are values that do not exist in the source`,
+    });
+    expect(rule.evaluate(['Map', 'Banana'])).toEqual({
+      isValid: false,
+      message: `There are values that do not exist in the source`,
+    });
+    expect(rule.evaluate('Map')).toEqual({
+      isValid: false,
+      message: `The value does not exist in the source`,
+    });
+  });
+  test('should not show error message if status is disabled or invisible', () => {
+    const rule = new InputSelectValueInSourceRule(() => [
+      { id: 'Maple', displayName: 'Maple' },
+      { id: 'Banana', displayName: 'Banana' },
+    ]);
+    expect(rule.shouldShowError({
+      touched: true,
+      modified: true,
+      disabled: true,
+      visible: false,
+    })).toEqual(false);
+  });
+  test('should show error message if status is not disabled or invisible', () => {
+    const rule = new InputSelectValueInSourceRule(() => [
+      { id: 'Maple', displayName: 'Maple' },
+      { id: 'Banana', displayName: 'Banana' },
+    ]);
+    expect(rule.shouldShowError({
+      touched: true,
+      modified: true,
+      disabled: false,
+      visible: true,
+    })).toEqual(true);
+  });
+  test('should not show error message if status is not touched or not modified', () => {
+    const rule = new InputSelectValueInSourceRule(() => [
+      { id: 'Maple', displayName: 'Maple' },
+      { id: 'Banana', displayName: 'Banana' },
+    ]);
+    expect(rule.shouldShowError({
+      touched: false,
+      modified: false,
+      disabled: false,
+      visible: true,
+    })).toEqual(false);
+  });
+});

package/dist/esm/{app-globals-2f689986.js → app-globals-92d24d99.js}

@@ -1,18 +1,18 @@
 import { F as FeatureFlag } from './feature-flag-controller-51659753.js';
-import { V as VegaLoader, a as VegaNotify, b as VegaThemeManager, c as VegaDialog, d as VegaEventManager, e as VegaZIndexManager, f as VegaSkeletonLoader, g as VegaRTETokenExtension, h as VegaRTEFunctionExtension } from './function-extension-eb1d062f.js';
+import { V as VegaLoader, a as VegaNotify, b as VegaThemeManager, c as VegaDialog, d as VegaEventManager, e as VegaZIndexManager, f as VegaSkeletonLoader, g as VegaRTETokenExtension, h as VegaRTEFunctionExtension } from './function-extension-7ce27a8e.js';
 import { M as MapToComponentMethod, V as VegaSlimmer, s as setVegaLogLevel, G as GlobalSlimmersRegistry } from './global-slimmer-registry-17c4efd4.js';
 import { v as vegaEnvManager } from './vega-env-manager-8f8dc473.js';
 import { V as VegaIconManager } from './internal-icon-manager-f0486245.js';
 import './wait-for-vega-handler-c2c07ac3.js';
 import './ui-bb99c0c2.js';
-import { V as VegaInternalTranslation, a as VegaTranslation, s as staticTranslations } from './translation-f10b1e19.js';
+import { V as VegaInternalTranslation, a as VegaTranslation, s as staticTranslations } from './translation-96e5debd.js';
 import { V as VegaRTEContent } from './dto-renderer-manager-7abc53bf.js';
 import { v as vegaNonceManager, s as setVegaNonce } from './vega-nonce-manager-87615d3c.js';
 import { V as VegaRTEPresetToolbarItems } from './code-block-e8839202.js';
 import { T as TypographyUrls } from './typography-396de03f.js';
 import { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-81443274.js';
 import { w as waitForVega } from './index-c943d263.js';
-import { V as VegaRTELanguageExtension } from './language-extension-3331131f.js';
+import { V as VegaRTELanguageExtension } from './language-extension-44413556.js';
 import { U as UPDATE_TRANSLATION } from './static-subject-title-52f93124.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { O as Observer } from './observer-3959f9dd.js';