@globalpayments/vega 1.0.0 → 2.13.0-backfill-beta.0

package/dist/collection/helpers/formatter/test/responsive-map-formatter/responsiveMarginFormatter.test.js

@@ -0,0 +1,43 @@
+import { LogUtility } from '../../../../utils/log';
+import ResponsiveMarginFormatter from '../../responsive-map-formatter/responsiveMarginFormatter';
+test('should console warn when input not in scope', () => {
+  spyOn(LogUtility, 'warn');
+  ResponsiveMarginFormatter.formatToken('24');
+  expect(LogUtility.warn).toHaveBeenCalled();
+});
+test('should return format when input in spacing scope', () => {
+  const result = ResponsiveMarginFormatter.formatToken('size-24');
+  expect(result).toEqual('v-m-size-24');
+});
+test('should return format when input in scope and with prefix not in scope', () => {
+  const result = ResponsiveMarginFormatter.formatToken('size-24', 'default');
+  expect(result).toEqual('v-m-size-24');
+});
+test('should return format when input in directional spacingType scope', () => {
+  const result = ResponsiveMarginFormatter.formatToken({ bottom: 'size-24' });
+  expect(result).toEqual('v-mb-size-24');
+});
+test('should return format when input in directional spacingType scope and with prefix', () => {
+  const result = ResponsiveMarginFormatter.formatToken({ bottom: 'size-24' }, 'XL');
+  expect(result).toEqual('XL:v-mb-size-24');
+});
+test('should return format when input in directional spacingType scope and with prefix not in scope', () => {
+  const result = ResponsiveMarginFormatter.formatToken({ bottom: 'size-24' }, 'test');
+  expect(result).toEqual('v-mb-size-24');
+});
+test('should return format when input in directional spacingType scope x', () => {
+  const result = ResponsiveMarginFormatter.formatToken({ x: 'size-16' });
+  expect(result).toEqual('v-mx-size-16');
+});
+test('should return format when input in directional spacingType scope x and with prefix', () => {
+  const result = ResponsiveMarginFormatter.formatToken({ x: 'size-16' }, 'L');
+  expect(result).toEqual('L:v-mx-size-16');
+});
+test('should return format when input in directional spacingType scope y', () => {
+  const result = ResponsiveMarginFormatter.formatToken({ y: 'size-16' });
+  expect(result).toEqual('v-my-size-16');
+});
+test('should return format when input in directional spacingType scope y and with prefix', () => {
+  const result = ResponsiveMarginFormatter.formatToken({ y: 'size-16' }, 'L');
+  expect(result).toEqual('L:v-my-size-16');
+});

package/dist/collection/helpers/formatter/test/responsive-map-formatter/responsivePaddingFormatter.test.js

@@ -0,0 +1,43 @@
+import { LogUtility } from '../../../../utils/log';
+import ResponsivePaddingFormatter from '../../responsive-map-formatter/responsivePaddingFormatter';
+test('should console warn when input not in scope', () => {
+  spyOn(LogUtility, 'warn');
+  ResponsivePaddingFormatter.formatToken('24');
+  expect(LogUtility.warn).toHaveBeenCalled();
+});
+test('should return format when input in spacing scope', () => {
+  const result = ResponsivePaddingFormatter.formatToken('size-24');
+  expect(result).toEqual('v-p-size-24');
+});
+test('should return format when input in scope and with prefix not in scope', () => {
+  const result = ResponsivePaddingFormatter.formatToken('size-24', 'default');
+  expect(result).toEqual('v-p-size-24');
+});
+test('should return format when input in directional spacingType scope', () => {
+  const result = ResponsivePaddingFormatter.formatToken({ bottom: 'size-24' });
+  expect(result).toEqual('v-pb-size-24');
+});
+test('should return format when input in directional spacingType scope and with prefix', () => {
+  const result = ResponsivePaddingFormatter.formatToken({ bottom: 'size-24' }, 'XL');
+  expect(result).toEqual('XL:v-pb-size-24');
+});
+test('should return format when input in directional spacingType scope and with prefix not in scope', () => {
+  const result = ResponsivePaddingFormatter.formatToken({ bottom: 'size-24' }, 'test');
+  expect(result).toEqual('v-pb-size-24');
+});
+test('should return format when input in directional spacingType scope x', () => {
+  const result = ResponsivePaddingFormatter.formatToken({ x: 'size-16' });
+  expect(result).toEqual('v-px-size-16');
+});
+test('should return format when input in directional spacingType scope x and with prefix', () => {
+  const result = ResponsivePaddingFormatter.formatToken({ x: 'size-16' }, 'L');
+  expect(result).toEqual('L:v-px-size-16');
+});
+test('should return format when input in directional spacingType scope y', () => {
+  const result = ResponsivePaddingFormatter.formatToken({ y: 'size-16' });
+  expect(result).toEqual('v-py-size-16');
+});
+test('should return format when input in directional spacingType scope y and with prefix', () => {
+  const result = ResponsivePaddingFormatter.formatToken({ y: 'size-16' }, 'L');
+  expect(result).toEqual('L:v-py-size-16');
+});

package/dist/collection/helpers/formatter/test/responsive-map-formatter/responsiveSizeFormatter.test.js

@@ -0,0 +1,27 @@
+import ResponsiveSizeFormatter from '../../responsive-map-formatter/responsiveSizeFormatter';
+test('should return proper when input a size type of number', () => {
+  const result = ResponsiveSizeFormatter.format(20);
+  expect(result).toEqual(20);
+});
+test('should return proper when input a responsive size type of number', () => {
+  const result = ResponsiveSizeFormatter.format({
+    default: 20,
+    L: 40,
+  });
+  expect(result).toEqual(40);
+});
+test('should return null when input null', () => {
+  const result = ResponsiveSizeFormatter.format(null);
+  expect(result).toEqual(null);
+});
+test('should return proper when input a size type of string', () => {
+  const result = ResponsiveSizeFormatter.format('25%');
+  expect(result).toEqual('25%');
+});
+test('should return proper when input a responsive size type of string', () => {
+  const result = ResponsiveSizeFormatter.format({
+    default: '20%',
+    L: '40%',
+  });
+  expect(result).toEqual('40%');
+});

package/dist/collection/helpers/formatter/test/responsive-map-formatter/responsiveTextAlignFormatter.test.js

@@ -0,0 +1,19 @@
+import { LogUtility } from '../../../../utils/log';
+import ResponsiveTextAlignFormatter from '../../responsive-map-formatter/responsiveTextAlignFormatter';
+test('should console warn when input not in scope', () => {
+  spyOn(LogUtility, 'warn');
+  ResponsiveTextAlignFormatter.formatToken('l');
+  expect(LogUtility.warn).toHaveBeenCalled();
+});
+test('should return format when input in scope', () => {
+  const result = ResponsiveTextAlignFormatter.formatToken('left');
+  expect(result).toEqual('v-text-left');
+});
+test('should return format when input in scope and with prefix', () => {
+  const result = ResponsiveTextAlignFormatter.formatToken('right', 'M');
+  expect(result).toEqual('M:v-text-right');
+});
+test('should return format when input in scope and with prefix not in scope', () => {
+  const result = ResponsiveTextAlignFormatter.formatToken('center', 'test');
+  expect(result).toEqual('v-text-center');
+});

package/dist/collection/helpers/formatter/test/responsive-map-formatter/responsiveTranslocationFormatter.test.js

@@ -0,0 +1,51 @@
+import ResponsiveTranslocationFormatter from '../../responsive-map-formatter/responsiveTranslocationFormatter';
+test('should return proper when input a translocation type', () => {
+  const result = ResponsiveTranslocationFormatter.format({
+    X: 0,
+    Y: 20,
+  });
+  expect(result).toEqual({
+    X: 0,
+    Y: 20,
+  });
+  const result1 = ResponsiveTranslocationFormatter.format({
+    X: null,
+    Y: 20,
+  });
+  expect(result1).toBeNull();
+  const result2 = ResponsiveTranslocationFormatter.format({
+    X: undefined,
+    Y: 20,
+  });
+  expect(result2).toBeNull();
+  const result3 = ResponsiveTranslocationFormatter.format({
+    X: 0,
+    Y: null,
+  });
+  expect(result3).toBeNull();
+  const result4 = ResponsiveTranslocationFormatter.format({
+    X: 0,
+    Y: undefined,
+  });
+  expect(result4).toBeNull();
+});
+test('should return proper when input a responsive translocation type', () => {
+  const result = ResponsiveTranslocationFormatter.format({
+    default: {
+      X: 20,
+      Y: 20,
+    },
+    L: {
+      X: 40,
+      Y: 40,
+    },
+  });
+  expect(result).toEqual({
+    X: 40,
+    Y: 40,
+  });
+});
+test('should return null when input null', () => {
+  const result = ResponsiveTranslocationFormatter.format(null);
+  expect(result).toEqual(null);
+});

package/dist/collection/helpers/formatter/test/responsive-map-formatter/responsiveWidthAndHeightFormatter.test.js

@@ -0,0 +1,20 @@
+import ResponsiveWidthAndHeightFormatter from '../../responsive-map-formatter/responsiveWidthAndHeightFormatter';
+test('should return proper when input a width and height type', () => {
+  const result = ResponsiveWidthAndHeightFormatter.format(100);
+  expect(result).toEqual('100px');
+  const result1 = ResponsiveWidthAndHeightFormatter.format('120px');
+  expect(result1).toEqual('120px');
+  const result2 = ResponsiveWidthAndHeightFormatter.format('150vw');
+  expect(result2).toEqual('150vw');
+  const result3 = ResponsiveWidthAndHeightFormatter.format('150vh');
+  expect(result3).toEqual('150vh');
+  const result4 = ResponsiveWidthAndHeightFormatter.format('size-2');
+  expect(result4).toEqual('2px');
+});
+test('should return proper when input a responsive translocation type', () => {
+  const result = ResponsiveWidthAndHeightFormatter.format({
+    M: '100px',
+    L: 200,
+  });
+  expect(result).toEqual('200px');
+});

package/dist/collection/helpers/formatter/test/state-formatter/stateBackgroundColorFormatter.test.js

@@ -0,0 +1,18 @@
+import { LogUtility } from '../../../../utils/log';
+import StateBackgroundColorFormatter from '../../state-formatter/stateBackgroundColorFormatter';
+test('should console warn when input not in scope', () => {
+  spyOn(LogUtility, 'warn');
+  StateBackgroundColorFormatter.formatToken('non');
+  expect(LogUtility.warn).toHaveBeenCalled();
+});
+test('should return format when input in scope', () => {
+  expect(StateBackgroundColorFormatter.formatToken('bg-action')).toEqual('background-color: rgba(var(--v-bg-action, 19, 98, 226, 1));');
+});
+test('should return states when getStates called', () => {
+  expect(StateBackgroundColorFormatter.getStates()).toEqual([
+    'default',
+    'hover',
+    'active',
+    'focus-visible',
+  ]);
+});

package/dist/collection/helpers/formatter/test/state-formatter/stateBorderColorFormatter.test.js

@@ -0,0 +1,13 @@
+import { LogUtility } from '../../../../utils/log';
+import StateBorderColorFormatter from '../../state-formatter/stateBorderColorFormatter';
+test('should console warn when input not in scope', () => {
+  spyOn(LogUtility, 'warn');
+  StateBorderColorFormatter.formatToken('non');
+  expect(LogUtility.warn).toHaveBeenCalled();
+});
+test('should return format when input in scope', () => {
+  expect(StateBorderColorFormatter.formatToken('border-color-action')).toEqual('border-color: rgba(var(--v-border-color-action, 19, 98, 226, 1));');
+});
+test('should return states when getStates called', () => {
+  expect(StateBorderColorFormatter.getStates()).toEqual(['default', 'focus-visible', 'hover', 'active']);
+});

package/dist/collection/helpers/formatter/test/state-formatter/stateBorderFormatter.test.js

@@ -0,0 +1,13 @@
+import { LogUtility } from '../../../../utils/log';
+import StateBorderFormatter from '../../state-formatter/stateBorderFormatter';
+test('should console warn when input not in scope', () => {
+  spyOn(LogUtility, 'warn');
+  StateBorderFormatter.formatToken('non');
+  expect(LogUtility.warn).toHaveBeenCalled();
+});
+test('should return format when input in scope', () => {
+  expect(StateBorderFormatter.formatToken('border-secondary-btn')).toEqual('border: 2px solid rgba(var(--v-border-secondary-btn, 19, 98, 226, 1));');
+});
+test('should return states when getStates called', () => {
+  expect(StateBorderFormatter.getStates()).toEqual(['default', 'focus-visible', 'hover', 'active']);
+});

package/dist/collection/helpers/formatter/test/state-formatter/stateFormatFacade.test.js

@@ -0,0 +1,27 @@
+import StateFormatFacade from '../../state-formatter/stateFormatFacade';
+test('should return format when input is bg-action', () => {
+  expect(StateFormatFacade.format('bg-action', 'backgroundColor')).toEqual(`:host{
+	background-color: rgba(var(--v-bg-action, 19, 98, 226, 1));
+}`);
+});
+test('should return format when input is border-color-action', () => {
+  expect(StateFormatFacade.format('border-color-action', 'borderColor')).toEqual(`:host{
+	border-color: rgba(var(--v-border-color-action, 19, 98, 226, 1));
+}`);
+});
+test('should return format when input is border-secondary-btn', () => {
+  expect(StateFormatFacade.format('border-secondary-btn', 'border')).toEqual(`:host{
+	border: 2px solid rgba(var(--v-border-secondary-btn, 19, 98, 226, 1));
+}`);
+});
+test('should return format when input is shadow-card', () => {
+  expect(StateFormatFacade.format('shadow-card', 'shadow')).toEqual(`:host{
+	box-shadow: var(--v-shadow-card, 0px 2px 8px 0px rgba(0, 0, 0, 0.04), 0px 2px 4px 0px rgba(0, 0, 0, 0.02));
+}`);
+});
+test('should raise warn when input invalid flag', () => {
+  const testFunction = () => {
+    StateFormatFacade.format('bg-action', 'invalid');
+  };
+  expect(testFunction).toThrowError('Invalid flag invalid passed into StateFormatFacade');
+});

package/dist/collection/helpers/formatter/test/state-formatter/stateShadowFormatter.test.js

@@ -0,0 +1,13 @@
+import { LogUtility } from '../../../../utils/log';
+import StateShadowFormatter from '../../state-formatter/stateShadowFormatter';
+test('should console warn when input not in scope', () => {
+  spyOn(LogUtility, 'warn');
+  StateShadowFormatter.formatToken('non');
+  expect(LogUtility.warn).toHaveBeenCalled();
+});
+test('should return format when input in scope', () => {
+  expect(StateShadowFormatter.formatToken('shadow-card')).toEqual('box-shadow: var(--v-shadow-card, 0px 2px 8px 0px rgba(0, 0, 0, 0.04), 0px 2px 4px 0px rgba(0, 0, 0, 0.02));');
+});
+test('should return states when getStates called', () => {
+  expect(StateShadowFormatter.getStates()).toEqual(['default', 'focus-visible', 'hover']);
+});

package/dist/collection/helpers/formatter/test/string-formatter/numberMaskStrategy.test.js

@@ -0,0 +1,83 @@
+import { NumberMaskStrategy } from '../../string-formatter/numberMaskStrategy';
+describe('numberStrategy', () => {
+  it('format input number', () => {
+    const numberStrategy = new NumberMaskStrategy();
+    expect(numberStrategy.format('1')).toBe('1');
+    expect(numberStrategy.format('1.2')).toBe('1.2');
+    expect(numberStrategy.format('1.2.2')).toBe('1.2');
+    expect(numberStrategy.format('1.2.2.')).toBe('1.2');
+    expect(numberStrategy.format('1.23')).toBe('1.23');
+    expect(numberStrategy.format('1.234')).toBe('1.234');
+    expect(numberStrategy.format('-2.22')).toBe('-2.22');
+    expect(numberStrategy.format('-2.22.')).toBe('-2.22');
+    expect(numberStrategy.format('t')).toBe('');
+    expect(numberStrategy.format('test')).toBe('');
+    expect(numberStrategy.format('-test')).toBe('');
+    expect(numberStrategy.format('e')).toBe('');
+    expect(numberStrategy.format('0.1')).toBe('0.1');
+    expect(numberStrategy.format('-0.1')).toBe('-0.1');
+    expect(numberStrategy.format('1q')).toBe('1');
+    expect(numberStrategy.format('1e')).toBe('1');
+    expect(numberStrategy.format('.')).toBe('');
+  });
+  it('format input allow 2 decimal places', () => {
+    const numberStrategy = new NumberMaskStrategy({ precision: 2 });
+    expect(numberStrategy.format('1')).toBe('1');
+    expect(numberStrategy.format('1.')).toBe('1.');
+    expect(numberStrategy.format('1.2')).toBe('1.2');
+    expect(numberStrategy.format('1.23')).toBe('1.23');
+    expect(numberStrategy.format('1.234')).toBe('1.23');
+    expect(numberStrategy.format('1.2345')).toBe('1.23');
+    expect(numberStrategy.format('12.345')).toBe('12.34');
+    expect(numberStrategy.format('123.45')).toBe('123.45');
+    expect(numberStrategy.format('123.456')).toBe('123.45');
+    expect(numberStrategy.format('123.456.')).toBe('123.45');
+    expect(numberStrategy.format('123.456.1.1')).toBe('123.45');
+    expect(numberStrategy.format('123.4=')).toBe('123.4');
+    expect(numberStrategy.format('-')).toBe('-');
+    expect(numberStrategy.format('-1')).toBe('-1');
+    expect(numberStrategy.format('-1.')).toBe('-1.');
+    expect(numberStrategy.format('-1.2')).toBe('-1.2');
+    expect(numberStrategy.format('-1.23')).toBe('-1.23');
+    expect(numberStrategy.format('-1.234')).toBe('-1.23');
+    expect(numberStrategy.format('-12.34')).toBe('-12.34');
+    expect(numberStrategy.format('-12.345')).toBe('-12.34');
+    expect(numberStrategy.format('-123.45')).toBe('-123.45');
+    expect(numberStrategy.format('-123.456')).toBe('-123.45');
+    expect(numberStrategy.format('-123.456.1.1')).toBe('-123.45');
+    expect(numberStrategy.format('-123.4=')).toBe('-123.4');
+    expect(numberStrategy.format('-123.4')).toBe('-123.4');
+    expect(numberStrategy.format('.')).toBe('');
+  });
+  it('format input allow 1 decimal places', () => {
+    const numberStrategy = new NumberMaskStrategy({ precision: 1 });
+    expect(numberStrategy.format('0.1')).toBe('0.1');
+    expect(numberStrategy.format('0.2')).toBe('0.2');
+    expect(numberStrategy.format('1.1')).toBe('1.1');
+    expect(numberStrategy.format('1.23')).toBe('1.2');
+    expect(numberStrategy.format('0.123')).toBe('0.1');
+    expect(numberStrategy.format('0.0')).toBe('0.0');
+  });
+  it('format input not allow negative', () => {
+    const numberStrategy = new NumberMaskStrategy({ allowNegative: false });
+    expect(numberStrategy.format('1')).toBe('1');
+    expect(numberStrategy.format('1.234')).toBe('1.234');
+    expect(numberStrategy.format('12.3456')).toBe('12.3456');
+    expect(numberStrategy.format('-2')).toBe('');
+    expect(numberStrategy.format('-2.34')).toBe('');
+  });
+  it('format input only allow integers', () => {
+    const numberStrategy = new NumberMaskStrategy({ precision: 0 });
+    expect(numberStrategy.format('1')).toBe('1');
+    expect(numberStrategy.format('1.')).toBe('1');
+    expect(numberStrategy.format('1.2')).toBe('1');
+    expect(numberStrategy.format('-')).toBe('-');
+    expect(numberStrategy.format('-1')).toBe('-1');
+    expect(numberStrategy.format('-1.')).toBe('-1');
+    expect(numberStrategy.format('-1.2')).toBe('-1');
+    expect(numberStrategy.format('--1')).toBe('');
+    expect(numberStrategy.format('+')).toBe('');
+    expect(numberStrategy.format('0')).toBe('0');
+    expect(numberStrategy.format('0.1')).toBe('0');
+  });
+});

package/dist/collection/helpers/formatter/test/string-formatter/stringMaskStrategy.test.js

@@ -0,0 +1,89 @@
+import { StringMaskStrategy } from '../../string-formatter/stringMaskStrategy';
+test('phone mask should work as expected', () => {
+  expect(StringMaskStrategy.PHONE_MASK.format('')).toBe('');
+  expect(StringMaskStrategy.PHONE_MASK.format('(')).toBe('(');
+  expect(StringMaskStrategy.PHONE_MASK.format('1234567890')).toBe('(123) 456-7890');
+  expect(StringMaskStrategy.PHONE_MASK.format('123')).toBe('(123');
+  expect(StringMaskStrategy.PHONE_MASK.format('1234')).toBe('(123) 4');
+  expect(StringMaskStrategy.PHONE_MASK.format('12345678901')).toBe('(123) 456-7890');
+  expect(StringMaskStrategy.PHONE_MASK.format('(123) 456-')).toBe('(123) 456-');
+  expect(StringMaskStrategy.PHONE_MASK.format('123.456')).toBe('(123) 456');
+  expect(StringMaskStrategy.PHONE_MASK.format('(123).3')).toBe('(123) 3');
+});
+test('zip code mask should work as expected', () => {
+  expect(StringMaskStrategy.ZIPCODE_MASK.format('123')).toBe('123');
+  expect(StringMaskStrategy.ZIPCODE_MASK.format('12345')).toBe('12345');
+  expect(StringMaskStrategy.ZIPCODE_MASK.format('123456')).toBe('12345');
+});
+test('tax id mask should work as expected', () => {
+  expect(StringMaskStrategy.TAX_ID_MASK.format('123456789')).toBe('12-3456789');
+  expect(StringMaskStrategy.TAX_ID_MASK.format('1234567890')).toBe('12-3456789');
+  expect(StringMaskStrategy.TAX_ID_MASK.format('123')).toBe('12-3');
+  expect(StringMaskStrategy.TAX_ID_MASK.format('12')).toBe('12');
+  expect(StringMaskStrategy.TAX_ID_MASK.format('12-')).toBe('12-');
+});
+test('should work as expected when slot and accept is regex', () => {
+  const mask1 = new StringMaskStrategy({
+    mask: '1-a-2-b-3-c',
+    slot: /[a-z]/g,
+    accept: /\d/g,
+  });
+  expect(mask1.format('1-2-3')).toBe('1-1-2-2-3-3');
+  const mask2 = new StringMaskStrategy({
+    mask: '1-a-2-b-3-c',
+    slot: /\d/g,
+    accept: /[a-z]/g,
+  });
+  expect(mask2.format('a-b-c')).toBe('a-a-b-b-c');
+  const mask3 = new StringMaskStrategy({
+    mask: '1-a-2-b-c-3',
+    slot: /\d/g,
+    accept: /[a-z]/g,
+  });
+  expect(mask3.format('a-b-c')).toBe('a-a-b-b-c-c');
+  const mask4 = new StringMaskStrategy({
+    mask: '1-a-2-b-c-3',
+    slot: /\d/g,
+    accept: /[a-z]/g,
+  });
+  expect(mask4.format('1-2-3')).toBe('1-a-');
+  const mask5 = new StringMaskStrategy({
+    mask: '1-a-2-b-c-3',
+    slot: /\d/g,
+    accept: /[a-z]/g,
+  });
+  expect(mask5.format('456')).toBe('');
+});
+test('mask format with caretPosition', () => {
+  expect(StringMaskStrategy.ZIPCODE_MASK.format('123456', 3)).toBe('12456'); // |456 -> 12|456
+});
+test('calculate caret position', () => {
+  expect(StringMaskStrategy.PHONE_MASK.calculateCaretPosition('(123) 456-7890', null)).toEqual(null);
+  expect(StringMaskStrategy.PHONE_MASK.calculateCaretPosition('(123) 456-7890', 10)).toEqual(10);
+  expect(StringMaskStrategy.PHONE_MASK.calculateCaretPosition('(123) 456-7890', 5)).toEqual(5); // (1|45) 678-90 -> (123|) 456-7890
+  expect(StringMaskStrategy.PHONE_MASK.calculateCaretPosition('(123123456789) 456-7890', 13)).toEqual(4); // (123|) 456-7890 -> paste 123456789 -> (123|) 456-7890
+});
+test('shouldOverrideComponentValueAfterBlur', () => {
+  const maskConfig = {
+    mask: '1-a-2-b-3-c',
+    slot: /[a-z]/g,
+    accept: /\d/g,
+  };
+  const mask1 = new StringMaskStrategy(maskConfig);
+  expect(mask1.shouldOverrideComponentValueAfterBlur()).toBeFalsy();
+  const mask2 = new StringMaskStrategy(Object.assign(Object.assign({}, maskConfig), { overrideValue: true }));
+  expect(mask2.shouldOverrideComponentValueAfterBlur()).toBeTruthy();
+  const mask3 = new StringMaskStrategy(Object.assign(Object.assign({}, maskConfig), { overrideValue: false }));
+  expect(mask3.shouldOverrideComponentValueAfterBlur()).toBeFalsy();
+});
+test('format in different insert mode', () => {
+  const maskConfig = {
+    mask: '***999',
+    slot: '9',
+    accept: /\d/g,
+  };
+  const mask1 = new StringMaskStrategy(maskConfig);
+  expect(mask1.format('123456')).toEqual('***123');
+  const mask2 = new StringMaskStrategy(Object.assign(Object.assign({}, maskConfig), { insertMode: false }));
+  expect(mask2.format('123456')).toEqual('***456');
+});

package/dist/collection/helpers/formatter/test/string-formatter/thousandCommaStrategy.test.js

@@ -0,0 +1,11 @@
+import { ThousandCommaStrategy } from '../../string-formatter/thousandCommaStrategy';
+test('thousand comma strategy is working as expected', () => {
+  const strategy = new ThousandCommaStrategy();
+  expect(strategy.format('')).toBe('');
+  expect(strategy.format('123456')).toBe('123,456');
+  expect(strategy.format('12345678')).toBe('12,345,678');
+  expect(strategy.format('12,345,678')).toBe('12,345,678');
+  expect(strategy.format('12,345,')).toBe('12,345');
+  // eslint-disable-next-line spellcheck/spell-checker
+  expect(strategy.format('asd')).toBe('asd');
+});

package/dist/collection/helpers/icon/iconManager.js

@@ -0,0 +1,39 @@
+/**
+ * Internal icon manager controller.
+ */
+class IconManager {
+  constructor() {
+    this.icons = new Map();
+  }
+  /**
+   * Registers the icons into the map.
+   *
+   * @param {Record<string, string>} icons - icon records
+   */
+  register(icons) {
+    for (const key in icons) {
+      if (!this.icons.has(key)) {
+        this.icons.set(key, icons[key]);
+      }
+    }
+  }
+  /**
+   * Get an internal icon by name
+   *
+   * @param {string} name - The name of the icon
+   * @returns {Nullable<string>} returns the icon svg or null if not found
+   */
+  getIcon(name) {
+    return this.icons.get(name);
+  }
+  /**
+   *  Check if the icon manager has an icon by name
+   *
+   * @param {string} name - The name of the icon
+   * @returns {boolean} returns true if the icon exists
+   */
+  hasIcon(name) {
+    return this.icons.has(name);
+  }
+}
+export const VegaIconManager = new IconManager();

package/dist/collection/helpers/icon/internal-icon-manager.js

@@ -0,0 +1,40 @@
+import { VegaIconManager } from './iconManager';
+/**
+ * Internal icon manager
+ */
+class InternalIconManager {
+  /**
+   * Get the internal icon key by name
+   *
+   * @param {string} name - The name of the icon
+   * @returns {string} returns the internal icon key
+   */
+  getIconKey(name) {
+    return this.generateIconKeyWithNamespace(name, InternalIconManager.INTERNAL_ICON_NAMESPACE);
+  }
+  /**
+   * Register internal icons
+   *
+   * @param {Record<string, IconPayload>} icons - The icons to register
+   */
+  register(icons) {
+    const iconsWithNamespace = Object.entries(icons).reduce((icons, [name, value]) => {
+      const newKey = this.generateIconKeyWithNamespace(name, InternalIconManager.INTERNAL_ICON_NAMESPACE);
+      icons[newKey] = value;
+      return icons;
+    }, {});
+    VegaIconManager.register(iconsWithNamespace);
+  }
+  /**
+   * Generate the icon key with the namespace
+   *
+   * @param {string} name - The name of the icon
+   * @param {string} namespace - The namespace of the icon
+   * @returns {string} returns the key with the namespace
+   */
+  generateIconKeyWithNamespace(name, namespace) {
+    return [namespace, name].join(' ');
+  }
+}
+InternalIconManager.INTERNAL_ICON_NAMESPACE = 'v-internal-icon';
+export const VegaInternalIconManager = new InternalIconManager();

package/dist/collection/helpers/icon/test/iconManagerController.test.js

@@ -0,0 +1,39 @@
+import { VegaIconManager } from '../iconManager';
+describe('IconManagerController', () => {
+  beforeAll(() => {
+    const Icons = {
+      'chevron-left': {
+        icon: `<svg width="12" height="16" viewBox="0 0 12 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M1.2937 7.29414C0.903076 7.68477 0.903076 8.31914 1.2937 8.70977L7.2937 14.7098C7.68433 15.1004 8.3187 15.1004 8.70933 14.7098C9.09995 14.3191 9.09995 13.6848 8.70933 13.2941L3.41558 8.00039L8.7062 2.70664C9.09683 2.31602 9.09683 1.68164 8.7062 1.29102C8.31558 0.900391 7.6812 0.900391 7.29058 1.29102L1.29058 7.29102L1.2937 7.29414Z" fill="currentColor"/></svg>`,
+      },
+      'auto-size-icon': {
+        icon: `<svg width="142" height="26" viewBox="0 0 142 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H5.38012V9.88886H14.7732V0H20.2857V24.7222H14.9056V13.9144H5.42422V24.7659H0V0ZM81.3186 0H86.4784V24.7222H81.3186V0ZM141.868 0.0435179H136.708C136.708 3.19395 136.708 6.38814 136.664 9.58233C135.959 8.53217 134.856 7.78833 133.666 7.48204C131.461 6.86946 129.079 7.35077 127.227 8.70716C125.727 9.97612 124.669 11.7264 124.317 13.6516C123.92 15.4894 123.92 17.4147 124.317 19.2962C124.669 21.1339 125.684 22.7966 127.182 23.8906C128.77 24.8969 130.667 25.2907 132.519 25.0282C134.283 24.8531 135.826 23.8468 136.664 22.2716C136.664 22.824 136.703 23.3764 136.742 23.9288C136.762 24.2077 136.782 24.4867 136.796 24.7656H142C141.912 23.5843 141.868 22.3591 141.868 21.1777V0.0435179ZM129.784 13.039C130.137 11.9889 130.976 10.9388 132.166 10.6762C133.357 10.3262 134.636 10.6762 135.518 11.5514C136.444 12.4702 136.753 13.8267 136.841 15.0956C136.885 16.7583 136.753 18.4648 135.959 19.9525C135.076 21.4839 132.916 22.2716 131.284 21.3964C130.094 20.7401 129.609 19.3399 129.388 18.071C129.124 16.3645 129.256 14.6581 129.784 13.039ZM70.3382 4.15601L75.4537 2.31827V7.52523H79.5991V10.9382H75.4537V17.1515C75.4096 18.1142 75.4537 19.0768 75.5859 20.0394C75.6742 20.5645 76.1152 21.0021 76.6443 21.1334C77.6146 21.3084 78.5847 21.3084 79.5549 21.1771V24.5026C77.7469 25.0276 75.8506 25.1589 73.9984 24.9401C72.94 24.8088 71.9258 24.3276 71.2202 23.5399C70.6028 22.7085 70.3382 21.7021 70.3823 20.6958C70.3382 15.1826 70.3382 9.66925 70.3382 4.15601ZM35.5 8.2703C33.6037 7.04514 31.3106 6.56382 29.1056 7.00138C26.9889 7.35143 25.1367 8.48907 23.946 10.2831C22.4907 12.3396 22.1379 14.9212 22.2261 17.3716C22.3584 19.4718 22.9758 21.7909 24.4752 23.3224C25.9746 24.8538 28.1795 25.3789 30.2522 25.4664C32.0603 25.5539 33.9124 25.1601 35.5441 24.3725C37.264 23.4099 38.3665 21.6158 38.4546 19.6469H33.7361C33.6037 20.2595 33.2509 20.8283 32.81 21.3095C32.2808 21.7471 31.6193 22.0097 30.9577 22.0097C29.8553 22.1409 28.7969 21.7471 28.0473 20.9158C27.2534 19.9094 27.077 18.5967 27.1211 17.4153H38.8515C38.9838 15.7963 38.8075 14.1774 38.4106 12.6021C37.9696 10.8519 36.9553 9.32044 35.5 8.2703ZM27.2975 14.1774C27.2975 13.1272 27.6503 12.1208 28.3118 11.2895C29.5025 9.93302 32.0603 10.0205 32.9864 11.5958C33.4274 12.3833 33.6037 13.3022 33.6037 14.1774H27.2975ZM42.5126 8.75203C44.056 7.39558 46.2169 7.00178 48.2014 6.95802C50.1859 6.91427 52.3908 7.30807 54.0225 8.62074C55.2131 9.5834 55.6983 11.1586 55.7865 12.6463C55.8368 13.696 55.8297 14.7314 55.8225 15.7689V15.769C55.8171 16.5478 55.8117 17.3278 55.8306 18.1158C55.8389 18.5271 55.8425 18.9415 55.8461 19.3576V19.3576C55.8618 21.1545 55.8777 22.982 56.2715 24.723H51.553C51.4206 23.9791 51.3766 23.1915 51.3766 22.4039C50.4504 23.8478 48.9069 24.8105 47.1871 25.0293C45.776 25.2043 44.3207 25.0293 42.9536 24.5042C41.7629 23.9353 40.8368 22.8852 40.484 21.5725C39.9548 19.8661 40.2635 18.0283 41.2778 16.5844C42.2921 15.3154 43.6592 14.4403 45.2468 14.0465C46.9417 13.606 48.6735 13.5686 50.3747 13.5319C50.5325 13.5285 50.6901 13.5251 50.8474 13.5214C50.8474 13.4493 50.8477 13.377 50.848 13.3045V13.3038V13.3032V13.3026C50.8514 12.4946 50.8548 11.662 50.4504 10.9399C49.6567 9.80219 48.1132 9.53961 46.9666 10.3273C46.8343 10.4148 46.7461 10.5023 46.6579 10.5898C46.2169 11.0711 45.9964 11.7274 46.0847 12.3838H41.0132C40.9691 11.0711 41.4983 9.71469 42.5126 8.75203ZM47.0989 17.0657C46.4374 17.2844 45.8641 17.7657 45.5113 18.3783C45.0263 19.4285 45.3349 20.6536 46.261 21.3537C47.5399 22.1851 49.2598 21.8351 50.0977 20.5661C50.8914 19.3847 50.8914 17.9408 50.8914 16.5844C49.6126 16.4531 48.2896 16.5844 47.0989 17.0657ZM96.1373 6.95649C94.1088 6.95649 91.9474 7.35029 90.4039 8.70676C89.3901 9.66934 88.8168 11.0258 88.8605 12.426H93.9322C93.844 11.7259 94.1525 10.982 94.6821 10.5007C95.7405 9.66934 97.2394 9.80063 98.1658 10.7633C98.7448 11.5023 98.742 12.5111 98.7395 13.428C98.7393 13.4882 98.7392 13.5481 98.7392 13.6074C96.7543 13.6074 94.7704 13.6511 92.8738 14.1762C91.3741 14.5701 90.0071 15.4451 89.0816 16.7141C87.9786 18.3331 87.8021 20.3458 88.5519 22.1398C89.037 23.3212 89.9634 24.2401 91.1538 24.6777C92.477 25.0714 93.844 25.2027 95.2109 25.0277C96.8863 24.8527 98.3424 23.7151 99.2679 22.4023C99.2679 23.19 99.3125 23.9338 99.4445 24.7214H104.119C103.671 22.7031 103.674 20.573 103.678 18.5029V18.5028V18.5016V18.5003C103.678 18.3274 103.678 18.1549 103.678 17.983C103.678 16.189 103.678 14.3513 103.634 12.5135C103.502 11.1133 103.061 9.58184 101.914 8.66297C100.326 7.35029 98.1658 6.95649 96.1373 6.95649ZM93.5354 18.1143C93.9322 17.5455 94.5493 17.1516 95.2554 16.9329C96.4013 16.5828 97.5925 16.4953 98.7392 16.5828L98.7394 16.7751C98.7413 18.0786 98.7434 19.4825 97.9447 20.6084C97.1074 21.8335 95.4311 22.1835 94.1525 21.396C93.0941 20.6521 92.8293 19.2081 93.5354 18.1143ZM112.982 7.74535C114.526 6.95774 116.334 6.73897 118.01 7.13276C119.641 7.43906 121.009 8.53297 121.671 10.0644C122.123 11.1017 122.163 12.221 122.204 13.3359L122.204 13.3364C122.214 13.6322 122.225 13.9276 122.243 14.2212V24.7226H116.952V13.2148C116.952 12.2522 116.379 11.3771 115.496 10.8958C113.953 10.1957 112.145 10.8083 111.351 12.2959C110.93 13.169 110.941 14.1409 110.951 15.0687V15.0698C110.952 15.2111 110.954 15.3514 110.954 15.4901V24.6789H105.75V13.4336C105.75 13.0309 105.752 12.6264 105.754 12.2206C105.761 10.5979 105.768 8.95287 105.662 7.30779H110.602L110.63 7.84104C110.664 8.49637 110.699 9.15749 110.734 9.84562C111.263 9.01425 112.057 8.27042 112.982 7.74535ZM68.8393 7.35106C67.5163 7.21979 66.1933 7.48232 65.0026 8.09491C64.0325 8.7075 63.3268 9.58258 62.8859 10.7202C62.8859 9.6286 62.8419 8.53696 62.798 7.44526L62.7977 7.43857H57.9467C58.1672 9.58258 58.2554 11.7704 58.2114 13.9144C58.2114 15.125 58.2065 16.3356 58.2016 17.5462C58.1918 19.9674 58.1819 22.3886 58.2114 24.8097H63.3268V15.8398C63.3268 14.7021 63.5915 13.3894 64.5617 12.6893C65.7965 11.8142 67.384 11.8142 68.8393 11.9454V7.35106Z" fill="#596063"/></svg>`,
+        autoSize: true,
+      },
+    };
+    VegaIconManager.register(Icons);
+  });
+  it('should get an icon by call getIcon', () => {
+    expect(VegaIconManager.getIcon('chevron-left')).toEqual({
+      icon: `<svg width="12" height="16" viewBox="0 0 12 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M1.2937 7.29414C0.903076 7.68477 0.903076 8.31914 1.2937 8.70977L7.2937 14.7098C7.68433 15.1004 8.3187 15.1004 8.70933 14.7098C9.09995 14.3191 9.09995 13.6848 8.70933 13.2941L3.41558 8.00039L8.7062 2.70664C9.09683 2.31602 9.09683 1.68164 8.7062 1.29102C8.31558 0.900391 7.6812 0.900391 7.29058 1.29102L1.29058 7.29102L1.2937 7.29414Z" fill="currentColor"/></svg>`,
+    });
+    expect(VegaIconManager.getIcon('auto-size-icon')).toEqual({
+      icon: `<svg width="142" height="26" viewBox="0 0 142 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H5.38012V9.88886H14.7732V0H20.2857V24.7222H14.9056V13.9144H5.42422V24.7659H0V0ZM81.3186 0H86.4784V24.7222H81.3186V0ZM141.868 0.0435179H136.708C136.708 3.19395 136.708 6.38814 136.664 9.58233C135.959 8.53217 134.856 7.78833 133.666 7.48204C131.461 6.86946 129.079 7.35077 127.227 8.70716C125.727 9.97612 124.669 11.7264 124.317 13.6516C123.92 15.4894 123.92 17.4147 124.317 19.2962C124.669 21.1339 125.684 22.7966 127.182 23.8906C128.77 24.8969 130.667 25.2907 132.519 25.0282C134.283 24.8531 135.826 23.8468 136.664 22.2716C136.664 22.824 136.703 23.3764 136.742 23.9288C136.762 24.2077 136.782 24.4867 136.796 24.7656H142C141.912 23.5843 141.868 22.3591 141.868 21.1777V0.0435179ZM129.784 13.039C130.137 11.9889 130.976 10.9388 132.166 10.6762C133.357 10.3262 134.636 10.6762 135.518 11.5514C136.444 12.4702 136.753 13.8267 136.841 15.0956C136.885 16.7583 136.753 18.4648 135.959 19.9525C135.076 21.4839 132.916 22.2716 131.284 21.3964C130.094 20.7401 129.609 19.3399 129.388 18.071C129.124 16.3645 129.256 14.6581 129.784 13.039ZM70.3382 4.15601L75.4537 2.31827V7.52523H79.5991V10.9382H75.4537V17.1515C75.4096 18.1142 75.4537 19.0768 75.5859 20.0394C75.6742 20.5645 76.1152 21.0021 76.6443 21.1334C77.6146 21.3084 78.5847 21.3084 79.5549 21.1771V24.5026C77.7469 25.0276 75.8506 25.1589 73.9984 24.9401C72.94 24.8088 71.9258 24.3276 71.2202 23.5399C70.6028 22.7085 70.3382 21.7021 70.3823 20.6958C70.3382 15.1826 70.3382 9.66925 70.3382 4.15601ZM35.5 8.2703C33.6037 7.04514 31.3106 6.56382 29.1056 7.00138C26.9889 7.35143 25.1367 8.48907 23.946 10.2831C22.4907 12.3396 22.1379 14.9212 22.2261 17.3716C22.3584 19.4718 22.9758 21.7909 24.4752 23.3224C25.9746 24.8538 28.1795 25.3789 30.2522 25.4664C32.0603 25.5539 33.9124 25.1601 35.5441 24.3725C37.264 23.4099 38.3665 21.6158 38.4546 19.6469H33.7361C33.6037 20.2595 33.2509 20.8283 32.81 21.3095C32.2808 21.7471 31.6193 22.0097 30.9577 22.0097C29.8553 22.1409 28.7969 21.7471 28.0473 20.9158C27.2534 19.9094 27.077 18.5967 27.1211 17.4153H38.8515C38.9838 15.7963 38.8075 14.1774 38.4106 12.6021C37.9696 10.8519 36.9553 9.32044 35.5 8.2703ZM27.2975 14.1774C27.2975 13.1272 27.6503 12.1208 28.3118 11.2895C29.5025 9.93302 32.0603 10.0205 32.9864 11.5958C33.4274 12.3833 33.6037 13.3022 33.6037 14.1774H27.2975ZM42.5126 8.75203C44.056 7.39558 46.2169 7.00178 48.2014 6.95802C50.1859 6.91427 52.3908 7.30807 54.0225 8.62074C55.2131 9.5834 55.6983 11.1586 55.7865 12.6463C55.8368 13.696 55.8297 14.7314 55.8225 15.7689V15.769C55.8171 16.5478 55.8117 17.3278 55.8306 18.1158C55.8389 18.5271 55.8425 18.9415 55.8461 19.3576V19.3576C55.8618 21.1545 55.8777 22.982 56.2715 24.723H51.553C51.4206 23.9791 51.3766 23.1915 51.3766 22.4039C50.4504 23.8478 48.9069 24.8105 47.1871 25.0293C45.776 25.2043 44.3207 25.0293 42.9536 24.5042C41.7629 23.9353 40.8368 22.8852 40.484 21.5725C39.9548 19.8661 40.2635 18.0283 41.2778 16.5844C42.2921 15.3154 43.6592 14.4403 45.2468 14.0465C46.9417 13.606 48.6735 13.5686 50.3747 13.5319C50.5325 13.5285 50.6901 13.5251 50.8474 13.5214C50.8474 13.4493 50.8477 13.377 50.848 13.3045V13.3038V13.3032V13.3026C50.8514 12.4946 50.8548 11.662 50.4504 10.9399C49.6567 9.80219 48.1132 9.53961 46.9666 10.3273C46.8343 10.4148 46.7461 10.5023 46.6579 10.5898C46.2169 11.0711 45.9964 11.7274 46.0847 12.3838H41.0132C40.9691 11.0711 41.4983 9.71469 42.5126 8.75203ZM47.0989 17.0657C46.4374 17.2844 45.8641 17.7657 45.5113 18.3783C45.0263 19.4285 45.3349 20.6536 46.261 21.3537C47.5399 22.1851 49.2598 21.8351 50.0977 20.5661C50.8914 19.3847 50.8914 17.9408 50.8914 16.5844C49.6126 16.4531 48.2896 16.5844 47.0989 17.0657ZM96.1373 6.95649C94.1088 6.95649 91.9474 7.35029 90.4039 8.70676C89.3901 9.66934 88.8168 11.0258 88.8605 12.426H93.9322C93.844 11.7259 94.1525 10.982 94.6821 10.5007C95.7405 9.66934 97.2394 9.80063 98.1658 10.7633C98.7448 11.5023 98.742 12.5111 98.7395 13.428C98.7393 13.4882 98.7392 13.5481 98.7392 13.6074C96.7543 13.6074 94.7704 13.6511 92.8738 14.1762C91.3741 14.5701 90.0071 15.4451 89.0816 16.7141C87.9786 18.3331 87.8021 20.3458 88.5519 22.1398C89.037 23.3212 89.9634 24.2401 91.1538 24.6777C92.477 25.0714 93.844 25.2027 95.2109 25.0277C96.8863 24.8527 98.3424 23.7151 99.2679 22.4023C99.2679 23.19 99.3125 23.9338 99.4445 24.7214H104.119C103.671 22.7031 103.674 20.573 103.678 18.5029V18.5028V18.5016V18.5003C103.678 18.3274 103.678 18.1549 103.678 17.983C103.678 16.189 103.678 14.3513 103.634 12.5135C103.502 11.1133 103.061 9.58184 101.914 8.66297C100.326 7.35029 98.1658 6.95649 96.1373 6.95649ZM93.5354 18.1143C93.9322 17.5455 94.5493 17.1516 95.2554 16.9329C96.4013 16.5828 97.5925 16.4953 98.7392 16.5828L98.7394 16.7751C98.7413 18.0786 98.7434 19.4825 97.9447 20.6084C97.1074 21.8335 95.4311 22.1835 94.1525 21.396C93.0941 20.6521 92.8293 19.2081 93.5354 18.1143ZM112.982 7.74535C114.526 6.95774 116.334 6.73897 118.01 7.13276C119.641 7.43906 121.009 8.53297 121.671 10.0644C122.123 11.1017 122.163 12.221 122.204 13.3359L122.204 13.3364C122.214 13.6322 122.225 13.9276 122.243 14.2212V24.7226H116.952V13.2148C116.952 12.2522 116.379 11.3771 115.496 10.8958C113.953 10.1957 112.145 10.8083 111.351 12.2959C110.93 13.169 110.941 14.1409 110.951 15.0687V15.0698C110.952 15.2111 110.954 15.3514 110.954 15.4901V24.6789H105.75V13.4336C105.75 13.0309 105.752 12.6264 105.754 12.2206C105.761 10.5979 105.768 8.95287 105.662 7.30779H110.602L110.63 7.84104C110.664 8.49637 110.699 9.15749 110.734 9.84562C111.263 9.01425 112.057 8.27042 112.982 7.74535ZM68.8393 7.35106C67.5163 7.21979 66.1933 7.48232 65.0026 8.09491C64.0325 8.7075 63.3268 9.58258 62.8859 10.7202C62.8859 9.6286 62.8419 8.53696 62.798 7.44526L62.7977 7.43857H57.9467C58.1672 9.58258 58.2554 11.7704 58.2114 13.9144C58.2114 15.125 58.2065 16.3356 58.2016 17.5462C58.1918 19.9674 58.1819 22.3886 58.2114 24.8097H63.3268V15.8398C63.3268 14.7021 63.5915 13.3894 64.5617 12.6893C65.7965 11.8142 67.384 11.8142 68.8393 11.9454V7.35106Z" fill="#596063"/></svg>`,
+      autoSize: true,
+    });
+  });
+  it('should get undefined when the icon not registered', () => {
+    expect(VegaIconManager.getIcon('test')).toEqual(undefined);
+  });
+  it('should return true if icon exists in icon manager', () => {
+    const Icons = {
+      'mocked-icon': {
+        icon: `<svg width="12" height="16" viewBox="0 0 12 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M1.2937 7.29414C0.903076 7.68477 0.903076 8.31914 1.2937 8.70977L7.2937 14.7098C7.68433 15.1004 8.3187 15.1004 8.70933 14.7098C9.09995 14.3191 9.09995 13.6848 8.70933 13.2941L3.41558 8.00039L8.7062 2.70664C9.09683 2.31602 9.09683 1.68164 8.7062 1.29102C8.31558 0.900391 7.6812 0.900391 7.29058 1.29102L1.29058 7.29102L1.2937 7.29414Z" fill="currentColor"/></svg>`,
+      },
+    };
+    VegaIconManager.register(Icons);
+    expect(VegaIconManager.hasIcon('mocked-icon')).toBe(true);
+  });
+  it('should return false if icon not exists in icon manager', () => {
+    expect(VegaIconManager.hasIcon('no-register-icon')).toBe(false);
+  });
+});