react-native-advanced-input-mask/src/web/helper/RTLMask.ts

Text input mask for React Native on iOS, Android and web. Synchronous and easy formatting without hustle

import Mask from "./Mask";
import RTLCaretStringIterator from "./RTLCaretStringIterator";

import type CaretStringIterator from "./CaretStringIterator";
import type { Notation } from "../../types";
import type CaretString from "../model/CaretString";
import type { MaskResult } from "../model/types";

export default class RTLMask extends Mask {
  private static rtlCache: Map<string, RTLMask> = new Map();

  constructor(format: string, customNotations: Notation[]) {
    super(RTLMask.reversedFormat(format), customNotations);
  }

  static getOrCreate(format: string, customNotations: Notation[]): RTLMask {
    const key = RTLMask.reversedFormat(format);
    const cachedMask = RTLMask.rtlCache.get(key);

    if (!cachedMask) {
      const newMask = new RTLMask(format, customNotations);

      RTLMask.rtlCache.set(key, newMask);

      return newMask;
    }

    return cachedMask;
  }

  apply(text: CaretString): MaskResult {
    return super.apply(text.reversed()).reversed();
  }

  makeIterator(text: CaretString): CaretStringIterator {
    return new RTLCaretStringIterator(text);
  }

  private static reversedFormat(format: string): string {
    const mapped = format.split("").reduceRight((acc, char) => {
      switch (char) {
        case "[":
          return acc + "]";
        case "]":
          return acc + "[";
        case "{":
          return acc + "}";
        case "}":
          return acc + "{";
        default:
          return acc + char;
      }
    }, "");

    return mapped;
  }
}