@transferwise/components 46.45.0 → 46.46.1

package/build/common/textFormat/formatWithPattern/formatWithPattern.js

@@ -0,0 +1,27 @@
+'use strict';
+
+var getSymbolsInPatternWithPosition = require('../getSymbolsInPatternWithPosition/getSymbolsInPatternWithPosition.js');
+
+const formatWithPattern = (value, pattern) => {
+  if (!value || value === '') {
+    return '';
+  }
+  const valueArray = value.toString().split('');
+  const patternWithSymbolsPosition = getSymbolsInPatternWithPosition(pattern);
+  let patternSymbol = [];
+  // valueArray.length increments during the cycle cause we are adding new elements.
+  for (let index = 0; index < valueArray.length; index += 1) {
+    patternSymbol = patternWithSymbolsPosition.filter(pattern => pattern.index === index);
+    // Add pattern's symbol at n position
+    if (patternSymbol.length === 1) {
+      const last = patternSymbol.pop();
+      if (last) {
+        valueArray.splice(index, 0, last.symbol);
+      }
+    }
+  }
+  return valueArray.join('');
+};
+
+module.exports = formatWithPattern;
+//# sourceMappingURL=formatWithPattern.js.map

package/build/common/textFormat/formatWithPattern/formatWithPattern.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatWithPattern.js","sources":["../../../../src/common/textFormat/formatWithPattern/formatWithPattern.ts"],"sourcesContent":["import getSymbolsInPatternWithPosition from '../getSymbolsInPatternWithPosition';\nimport type { SymbolWithPosition } from '../getSymbolsInPatternWithPosition/getSymbolsInPatternWithPosition';\n\nconst formatWithPattern = (value: string, pattern: string): string => {\n  if (!value || value === '') {\n    return '';\n  }\n\n  const valueArray = value.toString().split('');\n\n  const patternWithSymbolsPosition = getSymbolsInPatternWithPosition(pattern);\n\n  let patternSymbol: SymbolWithPosition[] = [];\n  // valueArray.length increments during the cycle cause we are adding new elements.\n  for (let index = 0; index < valueArray.length; index += 1) {\n    patternSymbol = patternWithSymbolsPosition.filter((pattern) => pattern.index === index);\n    // Add pattern's symbol at n position\n    if (patternSymbol.length === 1) {\n      const last = patternSymbol.pop();\n      if (last) {\n        valueArray.splice(index, 0, last.symbol);\n      }\n    }\n  }\n\n  return valueArray.join('');\n};\n\nexport default formatWithPattern;\n"],"names":["formatWithPattern","value","pattern","valueArray","toString","split","patternWithSymbolsPosition","getSymbolsInPatternWithPosition","patternSymbol","index","length","filter","last","pop","splice","symbol","join"],"mappings":";;;;AAGA,MAAMA,iBAAiB,GAAGA,CAACC,KAAa,EAAEC,OAAe,KAAY;AACnE,EAAA,IAAI,CAACD,KAAK,IAAIA,KAAK,KAAK,EAAE,EAAE;AAC1B,IAAA,OAAO,EAAE,CAAA;AACX,GAAA;EAEA,MAAME,UAAU,GAAGF,KAAK,CAACG,QAAQ,EAAE,CAACC,KAAK,CAAC,EAAE,CAAC,CAAA;AAE7C,EAAA,MAAMC,0BAA0B,GAAGC,+BAA+B,CAACL,OAAO,CAAC,CAAA;EAE3E,IAAIM,aAAa,GAAyB,EAAE,CAAA;AAC5C;AACA,EAAA,KAAK,IAAIC,KAAK,GAAG,CAAC,EAAEA,KAAK,GAAGN,UAAU,CAACO,MAAM,EAAED,KAAK,IAAI,CAAC,EAAE;AACzDD,IAAAA,aAAa,GAAGF,0BAA0B,CAACK,MAAM,CAAET,OAAO,IAAKA,OAAO,CAACO,KAAK,KAAKA,KAAK,CAAC,CAAA;AACvF;AACA,IAAA,IAAID,aAAa,CAACE,MAAM,KAAK,CAAC,EAAE;AAC9B,MAAA,MAAME,IAAI,GAAGJ,aAAa,CAACK,GAAG,EAAE,CAAA;AAChC,MAAA,IAAID,IAAI,EAAE;QACRT,UAAU,CAACW,MAAM,CAACL,KAAK,EAAE,CAAC,EAAEG,IAAI,CAACG,MAAM,CAAC,CAAA;AAC1C,OAAA;AACF,KAAA;AACF,GAAA;AAEA,EAAA,OAAOZ,UAAU,CAACa,IAAI,CAAC,EAAE,CAAC,CAAA;AAC5B;;;;"}

package/build/common/textFormat/formatWithPattern/formatWithPattern.mjs

@@ -0,0 +1,25 @@
+import getSymbolsInPatternWithPosition from '../getSymbolsInPatternWithPosition/getSymbolsInPatternWithPosition.mjs';
+
+const formatWithPattern = (value, pattern) => {
+  if (!value || value === '') {
+    return '';
+  }
+  const valueArray = value.toString().split('');
+  const patternWithSymbolsPosition = getSymbolsInPatternWithPosition(pattern);
+  let patternSymbol = [];
+  // valueArray.length increments during the cycle cause we are adding new elements.
+  for (let index = 0; index < valueArray.length; index += 1) {
+    patternSymbol = patternWithSymbolsPosition.filter(pattern => pattern.index === index);
+    // Add pattern's symbol at n position
+    if (patternSymbol.length === 1) {
+      const last = patternSymbol.pop();
+      if (last) {
+        valueArray.splice(index, 0, last.symbol);
+      }
+    }
+  }
+  return valueArray.join('');
+};
+
+export { formatWithPattern as default };
+//# sourceMappingURL=formatWithPattern.mjs.map

package/build/common/textFormat/formatWithPattern/formatWithPattern.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatWithPattern.mjs","sources":["../../../../src/common/textFormat/formatWithPattern/formatWithPattern.ts"],"sourcesContent":["import getSymbolsInPatternWithPosition from '../getSymbolsInPatternWithPosition';\nimport type { SymbolWithPosition } from '../getSymbolsInPatternWithPosition/getSymbolsInPatternWithPosition';\n\nconst formatWithPattern = (value: string, pattern: string): string => {\n  if (!value || value === '') {\n    return '';\n  }\n\n  const valueArray = value.toString().split('');\n\n  const patternWithSymbolsPosition = getSymbolsInPatternWithPosition(pattern);\n\n  let patternSymbol: SymbolWithPosition[] = [];\n  // valueArray.length increments during the cycle cause we are adding new elements.\n  for (let index = 0; index < valueArray.length; index += 1) {\n    patternSymbol = patternWithSymbolsPosition.filter((pattern) => pattern.index === index);\n    // Add pattern's symbol at n position\n    if (patternSymbol.length === 1) {\n      const last = patternSymbol.pop();\n      if (last) {\n        valueArray.splice(index, 0, last.symbol);\n      }\n    }\n  }\n\n  return valueArray.join('');\n};\n\nexport default formatWithPattern;\n"],"names":["formatWithPattern","value","pattern","valueArray","toString","split","patternWithSymbolsPosition","getSymbolsInPatternWithPosition","patternSymbol","index","length","filter","last","pop","splice","symbol","join"],"mappings":";;AAGA,MAAMA,iBAAiB,GAAGA,CAACC,KAAa,EAAEC,OAAe,KAAY;AACnE,EAAA,IAAI,CAACD,KAAK,IAAIA,KAAK,KAAK,EAAE,EAAE;AAC1B,IAAA,OAAO,EAAE,CAAA;AACX,GAAA;EAEA,MAAME,UAAU,GAAGF,KAAK,CAACG,QAAQ,EAAE,CAACC,KAAK,CAAC,EAAE,CAAC,CAAA;AAE7C,EAAA,MAAMC,0BAA0B,GAAGC,+BAA+B,CAACL,OAAO,CAAC,CAAA;EAE3E,IAAIM,aAAa,GAAyB,EAAE,CAAA;AAC5C;AACA,EAAA,KAAK,IAAIC,KAAK,GAAG,CAAC,EAAEA,KAAK,GAAGN,UAAU,CAACO,MAAM,EAAED,KAAK,IAAI,CAAC,EAAE;AACzDD,IAAAA,aAAa,GAAGF,0BAA0B,CAACK,MAAM,CAAET,OAAO,IAAKA,OAAO,CAACO,KAAK,KAAKA,KAAK,CAAC,CAAA;AACvF;AACA,IAAA,IAAID,aAAa,CAACE,MAAM,KAAK,CAAC,EAAE;AAC9B,MAAA,MAAME,IAAI,GAAGJ,aAAa,CAACK,GAAG,EAAE,CAAA;AAChC,MAAA,IAAID,IAAI,EAAE;QACRT,UAAU,CAACW,MAAM,CAACL,KAAK,EAAE,CAAC,EAAEG,IAAI,CAACG,MAAM,CAAC,CAAA;AAC1C,OAAA;AACF,KAAA;AACF,GAAA;AAEA,EAAA,OAAOZ,UAAU,CAACa,IAAI,CAAC,EAAE,CAAC,CAAA;AAC5B;;;;"}

package/build/common/textFormat/getCountOfSymbolsInSelection/getCountOfSymbolsInSelection.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var getSymbolsInPatternWithPosition = require('../getSymbolsInPatternWithPosition/getSymbolsInPatternWithPosition.js');
+
+const getCountOfSymbolsInSelection = (selectionStart, selectionEnd, pattern) => getSymbolsInPatternWithPosition(pattern).filter(symbol => symbol.index >= selectionStart && symbol.index < selectionEnd).length;
+
+module.exports = getCountOfSymbolsInSelection;
+//# sourceMappingURL=getCountOfSymbolsInSelection.js.map

package/build/common/textFormat/getCountOfSymbolsInSelection/getCountOfSymbolsInSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCountOfSymbolsInSelection.js","sources":["../../../../src/common/textFormat/getCountOfSymbolsInSelection/getCountOfSymbolsInSelection.ts"],"sourcesContent":["import getSymbolsInPatternWithPosition from '../getSymbolsInPatternWithPosition';\n\nconst getCountOfSymbolsInSelection = (\n  selectionStart: number,\n  selectionEnd: number,\n  pattern: string,\n) =>\n  getSymbolsInPatternWithPosition(pattern).filter(\n    (symbol) => symbol.index >= selectionStart && symbol.index < selectionEnd,\n  ).length;\n\nexport default getCountOfSymbolsInSelection;\n"],"names":["getCountOfSymbolsInSelection","selectionStart","selectionEnd","pattern","getSymbolsInPatternWithPosition","filter","symbol","index","length"],"mappings":";;;;AAEA,MAAMA,4BAA4B,GAAGA,CACnCC,cAAsB,EACtBC,YAAoB,EACpBC,OAAe,KAEfC,+BAA+B,CAACD,OAAO,CAAC,CAACE,MAAM,CAC5CC,MAAM,IAAKA,MAAM,CAACC,KAAK,IAAIN,cAAc,IAAIK,MAAM,CAACC,KAAK,GAAGL,YAAY,CAC1E,CAACM;;;;"}

package/build/common/textFormat/getCountOfSymbolsInSelection/getCountOfSymbolsInSelection.mjs

@@ -0,0 +1,6 @@
+import getSymbolsInPatternWithPosition from '../getSymbolsInPatternWithPosition/getSymbolsInPatternWithPosition.mjs';
+
+const getCountOfSymbolsInSelection = (selectionStart, selectionEnd, pattern) => getSymbolsInPatternWithPosition(pattern).filter(symbol => symbol.index >= selectionStart && symbol.index < selectionEnd).length;
+
+export { getCountOfSymbolsInSelection as default };
+//# sourceMappingURL=getCountOfSymbolsInSelection.mjs.map

package/build/common/textFormat/getCountOfSymbolsInSelection/getCountOfSymbolsInSelection.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCountOfSymbolsInSelection.mjs","sources":["../../../../src/common/textFormat/getCountOfSymbolsInSelection/getCountOfSymbolsInSelection.ts"],"sourcesContent":["import getSymbolsInPatternWithPosition from '../getSymbolsInPatternWithPosition';\n\nconst getCountOfSymbolsInSelection = (\n  selectionStart: number,\n  selectionEnd: number,\n  pattern: string,\n) =>\n  getSymbolsInPatternWithPosition(pattern).filter(\n    (symbol) => symbol.index >= selectionStart && symbol.index < selectionEnd,\n  ).length;\n\nexport default getCountOfSymbolsInSelection;\n"],"names":["getCountOfSymbolsInSelection","selectionStart","selectionEnd","pattern","getSymbolsInPatternWithPosition","filter","symbol","index","length"],"mappings":";;AAEA,MAAMA,4BAA4B,GAAGA,CACnCC,cAAsB,EACtBC,YAAoB,EACpBC,OAAe,KAEfC,+BAA+B,CAACD,OAAO,CAAC,CAACE,MAAM,CAC5CC,MAAM,IAAKA,MAAM,CAACC,KAAK,IAAIN,cAAc,IAAIK,MAAM,CAACC,KAAK,GAAGL,YAAY,CAC1E,CAACM;;;;"}

package/build/common/textFormat/getCursorPositionAfterKeystroke/getCursorPositionAfterKeystroke.js

@@ -0,0 +1,30 @@
+'use strict';
+
+var getCountOfSymbolsInSelection = require('../getCountOfSymbolsInSelection/getCountOfSymbolsInSelection.js');
+var getDistanceToSymbol = require('../getDistanceToSymbol/getDistanceToSymbol.js');
+
+const getCursorPositionAfterActionStroke = (action, selectionStart, selectionEnd, pattern, pastedLength) => {
+  let cursorPosition = selectionStart;
+  switch (action) {
+    case 'Backspace':
+      // If not multiple delete.
+      if (selectionStart === selectionEnd) {
+        cursorPosition -= getDistanceToSymbol.getDistanceToPreviousSymbol(selectionStart, pattern);
+        cursorPosition = cursorPosition > 0 ? cursorPosition - 1 : 0;
+      }
+      break;
+    case 'Paste':
+      cursorPosition += pastedLength + getCountOfSymbolsInSelection(selectionStart, selectionStart + pastedLength, pattern) + getDistanceToSymbol.getDistanceToNextSymbol(selectionStart + pastedLength, pattern);
+      break;
+    case 'Cut':
+    case 'Delete':
+      break;
+    default:
+      cursorPosition += 1 + getDistanceToSymbol.getDistanceToNextSymbol(selectionStart, pattern);
+      break;
+  }
+  return cursorPosition;
+};
+
+module.exports = getCursorPositionAfterActionStroke;
+//# sourceMappingURL=getCursorPositionAfterKeystroke.js.map

package/build/common/textFormat/getCursorPositionAfterKeystroke/getCursorPositionAfterKeystroke.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCursorPositionAfterKeystroke.js","sources":["../../../../src/common/textFormat/getCursorPositionAfterKeystroke/getCursorPositionAfterKeystroke.ts"],"sourcesContent":["import getCountOfSymbolsInSelection from '../getCountOfSymbolsInSelection';\nimport { getDistanceToNextSymbol, getDistanceToPreviousSymbol } from '../getDistanceToSymbol';\n\nconst getCursorPositionAfterActionStroke = (\n  action: string,\n  selectionStart: number,\n  selectionEnd: number,\n  pattern: string,\n  pastedLength: number,\n): number => {\n  let cursorPosition = selectionStart;\n\n  switch (action) {\n    case 'Backspace':\n      // If not multiple delete.\n      if (selectionStart === selectionEnd) {\n        cursorPosition -= getDistanceToPreviousSymbol(selectionStart, pattern);\n        cursorPosition = cursorPosition > 0 ? cursorPosition - 1 : 0;\n      }\n      break;\n\n    case 'Paste':\n      cursorPosition +=\n        pastedLength +\n        getCountOfSymbolsInSelection(selectionStart, selectionStart + pastedLength, pattern) +\n        getDistanceToNextSymbol(selectionStart + pastedLength, pattern);\n      break;\n\n    case 'Cut':\n    case 'Delete':\n      break;\n\n    default:\n      cursorPosition += 1 + getDistanceToNextSymbol(selectionStart, pattern);\n      break;\n  }\n\n  return cursorPosition;\n};\n\nexport default getCursorPositionAfterActionStroke;\n"],"names":["getCursorPositionAfterActionStroke","action","selectionStart","selectionEnd","pattern","pastedLength","cursorPosition","getDistanceToPreviousSymbol","getCountOfSymbolsInSelection","getDistanceToNextSymbol"],"mappings":";;;;;AAGA,MAAMA,kCAAkC,GAAGA,CACzCC,MAAc,EACdC,cAAsB,EACtBC,YAAoB,EACpBC,OAAe,EACfC,YAAoB,KACV;EACV,IAAIC,cAAc,GAAGJ,cAAc,CAAA;AAEnC,EAAA,QAAQD,MAAM;AACZ,IAAA,KAAK,WAAW;AACd;MACA,IAAIC,cAAc,KAAKC,YAAY,EAAE;AACnCG,QAAAA,cAAc,IAAIC,+CAA2B,CAACL,cAAc,EAAEE,OAAO,CAAC,CAAA;QACtEE,cAAc,GAAGA,cAAc,GAAG,CAAC,GAAGA,cAAc,GAAG,CAAC,GAAG,CAAC,CAAA;AAC9D,OAAA;AACA,MAAA,MAAA;AAEF,IAAA,KAAK,OAAO;MACVA,cAAc,IACZD,YAAY,GACZG,4BAA4B,CAACN,cAAc,EAAEA,cAAc,GAAGG,YAAY,EAAED,OAAO,CAAC,GACpFK,2CAAuB,CAACP,cAAc,GAAGG,YAAY,EAAED,OAAO,CAAC,CAAA;AACjE,MAAA,MAAA;AAEF,IAAA,KAAK,KAAK,CAAA;AACV,IAAA,KAAK,QAAQ;AACX,MAAA,MAAA;AAEF,IAAA;MACEE,cAAc,IAAI,CAAC,GAAGG,2CAAuB,CAACP,cAAc,EAAEE,OAAO,CAAC,CAAA;AACtE,MAAA,MAAA;AACJ,GAAA;AAEA,EAAA,OAAOE,cAAc,CAAA;AACvB;;;;"}

package/build/common/textFormat/getCursorPositionAfterKeystroke/getCursorPositionAfterKeystroke.mjs

@@ -0,0 +1,28 @@
+import getCountOfSymbolsInSelection from '../getCountOfSymbolsInSelection/getCountOfSymbolsInSelection.mjs';
+import { getDistanceToNextSymbol, getDistanceToPreviousSymbol } from '../getDistanceToSymbol/getDistanceToSymbol.mjs';
+
+const getCursorPositionAfterActionStroke = (action, selectionStart, selectionEnd, pattern, pastedLength) => {
+  let cursorPosition = selectionStart;
+  switch (action) {
+    case 'Backspace':
+      // If not multiple delete.
+      if (selectionStart === selectionEnd) {
+        cursorPosition -= getDistanceToPreviousSymbol(selectionStart, pattern);
+        cursorPosition = cursorPosition > 0 ? cursorPosition - 1 : 0;
+      }
+      break;
+    case 'Paste':
+      cursorPosition += pastedLength + getCountOfSymbolsInSelection(selectionStart, selectionStart + pastedLength, pattern) + getDistanceToNextSymbol(selectionStart + pastedLength, pattern);
+      break;
+    case 'Cut':
+    case 'Delete':
+      break;
+    default:
+      cursorPosition += 1 + getDistanceToNextSymbol(selectionStart, pattern);
+      break;
+  }
+  return cursorPosition;
+};
+
+export { getCursorPositionAfterActionStroke as default };
+//# sourceMappingURL=getCursorPositionAfterKeystroke.mjs.map

package/build/common/textFormat/getCursorPositionAfterKeystroke/getCursorPositionAfterKeystroke.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCursorPositionAfterKeystroke.mjs","sources":["../../../../src/common/textFormat/getCursorPositionAfterKeystroke/getCursorPositionAfterKeystroke.ts"],"sourcesContent":["import getCountOfSymbolsInSelection from '../getCountOfSymbolsInSelection';\nimport { getDistanceToNextSymbol, getDistanceToPreviousSymbol } from '../getDistanceToSymbol';\n\nconst getCursorPositionAfterActionStroke = (\n  action: string,\n  selectionStart: number,\n  selectionEnd: number,\n  pattern: string,\n  pastedLength: number,\n): number => {\n  let cursorPosition = selectionStart;\n\n  switch (action) {\n    case 'Backspace':\n      // If not multiple delete.\n      if (selectionStart === selectionEnd) {\n        cursorPosition -= getDistanceToPreviousSymbol(selectionStart, pattern);\n        cursorPosition = cursorPosition > 0 ? cursorPosition - 1 : 0;\n      }\n      break;\n\n    case 'Paste':\n      cursorPosition +=\n        pastedLength +\n        getCountOfSymbolsInSelection(selectionStart, selectionStart + pastedLength, pattern) +\n        getDistanceToNextSymbol(selectionStart + pastedLength, pattern);\n      break;\n\n    case 'Cut':\n    case 'Delete':\n      break;\n\n    default:\n      cursorPosition += 1 + getDistanceToNextSymbol(selectionStart, pattern);\n      break;\n  }\n\n  return cursorPosition;\n};\n\nexport default getCursorPositionAfterActionStroke;\n"],"names":["getCursorPositionAfterActionStroke","action","selectionStart","selectionEnd","pattern","pastedLength","cursorPosition","getDistanceToPreviousSymbol","getCountOfSymbolsInSelection","getDistanceToNextSymbol"],"mappings":";;;AAGA,MAAMA,kCAAkC,GAAGA,CACzCC,MAAc,EACdC,cAAsB,EACtBC,YAAoB,EACpBC,OAAe,EACfC,YAAoB,KACV;EACV,IAAIC,cAAc,GAAGJ,cAAc,CAAA;AAEnC,EAAA,QAAQD,MAAM;AACZ,IAAA,KAAK,WAAW;AACd;MACA,IAAIC,cAAc,KAAKC,YAAY,EAAE;AACnCG,QAAAA,cAAc,IAAIC,2BAA2B,CAACL,cAAc,EAAEE,OAAO,CAAC,CAAA;QACtEE,cAAc,GAAGA,cAAc,GAAG,CAAC,GAAGA,cAAc,GAAG,CAAC,GAAG,CAAC,CAAA;AAC9D,OAAA;AACA,MAAA,MAAA;AAEF,IAAA,KAAK,OAAO;MACVA,cAAc,IACZD,YAAY,GACZG,4BAA4B,CAACN,cAAc,EAAEA,cAAc,GAAGG,YAAY,EAAED,OAAO,CAAC,GACpFK,uBAAuB,CAACP,cAAc,GAAGG,YAAY,EAAED,OAAO,CAAC,CAAA;AACjE,MAAA,MAAA;AAEF,IAAA,KAAK,KAAK,CAAA;AACV,IAAA,KAAK,QAAQ;AACX,MAAA,MAAA;AAEF,IAAA;MACEE,cAAc,IAAI,CAAC,GAAGG,uBAAuB,CAACP,cAAc,EAAEE,OAAO,CAAC,CAAA;AACtE,MAAA,MAAA;AACJ,GAAA;AAEA,EAAA,OAAOE,cAAc,CAAA;AACvB;;;;"}

package/build/common/textFormat/getDistanceToSymbol/getDistanceToSymbol.js

@@ -0,0 +1,32 @@
+'use strict';
+
+var getSymbolsInPatternWithPosition = require('../getSymbolsInPatternWithPosition/getSymbolsInPatternWithPosition.js');
+
+const getDistanceToNextSymbol = (selectionStart, pattern) => {
+  const patternArray = getSymbolsInPatternWithPosition(pattern);
+  const applicablePattern = patternArray.filter(symbol => symbol.index >= selectionStart);
+  return countConsecutiveSymbols(selectionStart, applicablePattern, 'left');
+};
+const getDistanceToPreviousSymbol = (selectionStart, pattern) => {
+  const patternArray = getSymbolsInPatternWithPosition(pattern);
+  const applicablePattern = patternArray.filter(symbol => symbol.index < selectionStart).reverse();
+  return countConsecutiveSymbols(selectionStart, applicablePattern, 'right');
+};
+const countConsecutiveSymbols = (selectionStart, applicablePattern, direction) => {
+  let cursor = selectionStart;
+  let groupSize;
+  for (groupSize = 0; groupSize < applicablePattern.length; groupSize += 1) {
+    const condition = direction === 'left' ? cursor : cursor - 1;
+    if (applicablePattern[groupSize].index === condition) {
+      cursor = direction === 'left' ? cursor + 1 : cursor - 1;
+    } else {
+      // Exit if not consecutive.
+      break;
+    }
+  }
+  return groupSize;
+};
+
+exports.getDistanceToNextSymbol = getDistanceToNextSymbol;
+exports.getDistanceToPreviousSymbol = getDistanceToPreviousSymbol;
+//# sourceMappingURL=getDistanceToSymbol.js.map

package/build/common/textFormat/getDistanceToSymbol/getDistanceToSymbol.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDistanceToSymbol.js","sources":["../../../../src/common/textFormat/getDistanceToSymbol/getDistanceToSymbol.ts"],"sourcesContent":["import getSymbolsInPatternWithPosition from '../getSymbolsInPatternWithPosition';\nimport { SymbolWithPosition } from '../getSymbolsInPatternWithPosition/getSymbolsInPatternWithPosition';\n\nexport const getDistanceToNextSymbol = (selectionStart: number, pattern: string) => {\n  const patternArray = getSymbolsInPatternWithPosition(pattern);\n  const applicablePattern = patternArray.filter((symbol) => symbol.index >= selectionStart);\n  return countConsecutiveSymbols(selectionStart, applicablePattern, 'left');\n};\n\nexport const getDistanceToPreviousSymbol = (selectionStart: number, pattern: string) => {\n  const patternArray = getSymbolsInPatternWithPosition(pattern);\n  const applicablePattern = patternArray\n    .filter((symbol) => symbol.index < selectionStart)\n    .reverse();\n  return countConsecutiveSymbols(selectionStart, applicablePattern, 'right');\n};\n\nconst countConsecutiveSymbols = (\n  selectionStart: number,\n  applicablePattern: SymbolWithPosition[],\n  direction: 'left' | 'right',\n) => {\n  let cursor = selectionStart;\n  let groupSize;\n\n  for (groupSize = 0; groupSize < applicablePattern.length; groupSize += 1) {\n    const condition = direction === 'left' ? cursor : cursor - 1;\n    if (applicablePattern[groupSize].index === condition) {\n      cursor = direction === 'left' ? cursor + 1 : cursor - 1;\n    } else {\n      // Exit if not consecutive.\n      break;\n    }\n  }\n  return groupSize;\n};\n"],"names":["getDistanceToNextSymbol","selectionStart","pattern","patternArray","getSymbolsInPatternWithPosition","applicablePattern","filter","symbol","index","countConsecutiveSymbols","getDistanceToPreviousSymbol","reverse","direction","cursor","groupSize","length","condition"],"mappings":";;;;MAGaA,uBAAuB,GAAGA,CAACC,cAAsB,EAAEC,OAAe,KAAI;AACjF,EAAA,MAAMC,YAAY,GAAGC,+BAA+B,CAACF,OAAO,CAAC,CAAA;AAC7D,EAAA,MAAMG,iBAAiB,GAAGF,YAAY,CAACG,MAAM,CAAEC,MAAM,IAAKA,MAAM,CAACC,KAAK,IAAIP,cAAc,CAAC,CAAA;AACzF,EAAA,OAAOQ,uBAAuB,CAACR,cAAc,EAAEI,iBAAiB,EAAE,MAAM,CAAC,CAAA;AAC3E,EAAC;MAEYK,2BAA2B,GAAGA,CAACT,cAAsB,EAAEC,OAAe,KAAI;AACrF,EAAA,MAAMC,YAAY,GAAGC,+BAA+B,CAACF,OAAO,CAAC,CAAA;AAC7D,EAAA,MAAMG,iBAAiB,GAAGF,YAAY,CACnCG,MAAM,CAAEC,MAAM,IAAKA,MAAM,CAACC,KAAK,GAAGP,cAAc,CAAC,CACjDU,OAAO,EAAE,CAAA;AACZ,EAAA,OAAOF,uBAAuB,CAACR,cAAc,EAAEI,iBAAiB,EAAE,OAAO,CAAC,CAAA;AAC5E,EAAC;AAED,MAAMI,uBAAuB,GAAGA,CAC9BR,cAAsB,EACtBI,iBAAuC,EACvCO,SAA2B,KACzB;EACF,IAAIC,MAAM,GAAGZ,cAAc,CAAA;AAC3B,EAAA,IAAIa,SAAS,CAAA;AAEb,EAAA,KAAKA,SAAS,GAAG,CAAC,EAAEA,SAAS,GAAGT,iBAAiB,CAACU,MAAM,EAAED,SAAS,IAAI,CAAC,EAAE;IACxE,MAAME,SAAS,GAAGJ,SAAS,KAAK,MAAM,GAAGC,MAAM,GAAGA,MAAM,GAAG,CAAC,CAAA;IAC5D,IAAIR,iBAAiB,CAACS,SAAS,CAAC,CAACN,KAAK,KAAKQ,SAAS,EAAE;MACpDH,MAAM,GAAGD,SAAS,KAAK,MAAM,GAAGC,MAAM,GAAG,CAAC,GAAGA,MAAM,GAAG,CAAC,CAAA;AACzD,KAAC,MAAM;AACL;AACA,MAAA,MAAA;AACF,KAAA;AACF,GAAA;AACA,EAAA,OAAOC,SAAS,CAAA;AAClB,CAAC;;;;;"}

package/build/common/textFormat/getDistanceToSymbol/getDistanceToSymbol.mjs

@@ -0,0 +1,29 @@
+import getSymbolsInPatternWithPosition from '../getSymbolsInPatternWithPosition/getSymbolsInPatternWithPosition.mjs';
+
+const getDistanceToNextSymbol = (selectionStart, pattern) => {
+  const patternArray = getSymbolsInPatternWithPosition(pattern);
+  const applicablePattern = patternArray.filter(symbol => symbol.index >= selectionStart);
+  return countConsecutiveSymbols(selectionStart, applicablePattern, 'left');
+};
+const getDistanceToPreviousSymbol = (selectionStart, pattern) => {
+  const patternArray = getSymbolsInPatternWithPosition(pattern);
+  const applicablePattern = patternArray.filter(symbol => symbol.index < selectionStart).reverse();
+  return countConsecutiveSymbols(selectionStart, applicablePattern, 'right');
+};
+const countConsecutiveSymbols = (selectionStart, applicablePattern, direction) => {
+  let cursor = selectionStart;
+  let groupSize;
+  for (groupSize = 0; groupSize < applicablePattern.length; groupSize += 1) {
+    const condition = direction === 'left' ? cursor : cursor - 1;
+    if (applicablePattern[groupSize].index === condition) {
+      cursor = direction === 'left' ? cursor + 1 : cursor - 1;
+    } else {
+      // Exit if not consecutive.
+      break;
+    }
+  }
+  return groupSize;
+};
+
+export { getDistanceToNextSymbol, getDistanceToPreviousSymbol };
+//# sourceMappingURL=getDistanceToSymbol.mjs.map

package/build/common/textFormat/getDistanceToSymbol/getDistanceToSymbol.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDistanceToSymbol.mjs","sources":["../../../../src/common/textFormat/getDistanceToSymbol/getDistanceToSymbol.ts"],"sourcesContent":["import getSymbolsInPatternWithPosition from '../getSymbolsInPatternWithPosition';\nimport { SymbolWithPosition } from '../getSymbolsInPatternWithPosition/getSymbolsInPatternWithPosition';\n\nexport const getDistanceToNextSymbol = (selectionStart: number, pattern: string) => {\n  const patternArray = getSymbolsInPatternWithPosition(pattern);\n  const applicablePattern = patternArray.filter((symbol) => symbol.index >= selectionStart);\n  return countConsecutiveSymbols(selectionStart, applicablePattern, 'left');\n};\n\nexport const getDistanceToPreviousSymbol = (selectionStart: number, pattern: string) => {\n  const patternArray = getSymbolsInPatternWithPosition(pattern);\n  const applicablePattern = patternArray\n    .filter((symbol) => symbol.index < selectionStart)\n    .reverse();\n  return countConsecutiveSymbols(selectionStart, applicablePattern, 'right');\n};\n\nconst countConsecutiveSymbols = (\n  selectionStart: number,\n  applicablePattern: SymbolWithPosition[],\n  direction: 'left' | 'right',\n) => {\n  let cursor = selectionStart;\n  let groupSize;\n\n  for (groupSize = 0; groupSize < applicablePattern.length; groupSize += 1) {\n    const condition = direction === 'left' ? cursor : cursor - 1;\n    if (applicablePattern[groupSize].index === condition) {\n      cursor = direction === 'left' ? cursor + 1 : cursor - 1;\n    } else {\n      // Exit if not consecutive.\n      break;\n    }\n  }\n  return groupSize;\n};\n"],"names":["getDistanceToNextSymbol","selectionStart","pattern","patternArray","getSymbolsInPatternWithPosition","applicablePattern","filter","symbol","index","countConsecutiveSymbols","getDistanceToPreviousSymbol","reverse","direction","cursor","groupSize","length","condition"],"mappings":";;MAGaA,uBAAuB,GAAGA,CAACC,cAAsB,EAAEC,OAAe,KAAI;AACjF,EAAA,MAAMC,YAAY,GAAGC,+BAA+B,CAACF,OAAO,CAAC,CAAA;AAC7D,EAAA,MAAMG,iBAAiB,GAAGF,YAAY,CAACG,MAAM,CAAEC,MAAM,IAAKA,MAAM,CAACC,KAAK,IAAIP,cAAc,CAAC,CAAA;AACzF,EAAA,OAAOQ,uBAAuB,CAACR,cAAc,EAAEI,iBAAiB,EAAE,MAAM,CAAC,CAAA;AAC3E,EAAC;MAEYK,2BAA2B,GAAGA,CAACT,cAAsB,EAAEC,OAAe,KAAI;AACrF,EAAA,MAAMC,YAAY,GAAGC,+BAA+B,CAACF,OAAO,CAAC,CAAA;AAC7D,EAAA,MAAMG,iBAAiB,GAAGF,YAAY,CACnCG,MAAM,CAAEC,MAAM,IAAKA,MAAM,CAACC,KAAK,GAAGP,cAAc,CAAC,CACjDU,OAAO,EAAE,CAAA;AACZ,EAAA,OAAOF,uBAAuB,CAACR,cAAc,EAAEI,iBAAiB,EAAE,OAAO,CAAC,CAAA;AAC5E,EAAC;AAED,MAAMI,uBAAuB,GAAGA,CAC9BR,cAAsB,EACtBI,iBAAuC,EACvCO,SAA2B,KACzB;EACF,IAAIC,MAAM,GAAGZ,cAAc,CAAA;AAC3B,EAAA,IAAIa,SAAS,CAAA;AAEb,EAAA,KAAKA,SAAS,GAAG,CAAC,EAAEA,SAAS,GAAGT,iBAAiB,CAACU,MAAM,EAAED,SAAS,IAAI,CAAC,EAAE;IACxE,MAAME,SAAS,GAAGJ,SAAS,KAAK,MAAM,GAAGC,MAAM,GAAGA,MAAM,GAAG,CAAC,CAAA;IAC5D,IAAIR,iBAAiB,CAACS,SAAS,CAAC,CAACN,KAAK,KAAKQ,SAAS,EAAE;MACpDH,MAAM,GAAGD,SAAS,KAAK,MAAM,GAAGC,MAAM,GAAG,CAAC,GAAGA,MAAM,GAAG,CAAC,CAAA;AACzD,KAAC,MAAM;AACL;AACA,MAAA,MAAA;AACF,KAAA;AACF,GAAA;AACA,EAAA,OAAOC,SAAS,CAAA;AAClB,CAAC;;;;"}

package/build/common/textFormat/getSymbolsInPatternWithPosition/getSymbolsInPatternWithPosition.js

@@ -0,0 +1,18 @@
+'use strict';
+
+const getSymbolsInPatternWithPosition = pattern => {
+  const patternWithSymbolsPosition = [];
+  const patternArray = pattern.split('');
+  patternArray.forEach((symbol, index) => {
+    if (symbol !== '*') {
+      patternWithSymbolsPosition.push({
+        index,
+        symbol
+      });
+    }
+  });
+  return patternWithSymbolsPosition;
+};
+
+module.exports = getSymbolsInPatternWithPosition;
+//# sourceMappingURL=getSymbolsInPatternWithPosition.js.map

package/build/common/textFormat/getSymbolsInPatternWithPosition/getSymbolsInPatternWithPosition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSymbolsInPatternWithPosition.js","sources":["../../../../src/common/textFormat/getSymbolsInPatternWithPosition/getSymbolsInPatternWithPosition.ts"],"sourcesContent":["export type SymbolWithPosition = {\n  index: number;\n  symbol: string;\n};\n\nconst getSymbolsInPatternWithPosition = (pattern: string): SymbolWithPosition[] => {\n  const patternWithSymbolsPosition: SymbolWithPosition[] = [];\n  const patternArray = pattern.split('');\n  patternArray.forEach((symbol, index) => {\n    if (symbol !== '*') {\n      patternWithSymbolsPosition.push({ index, symbol });\n    }\n  });\n\n  return patternWithSymbolsPosition;\n};\n\nexport default getSymbolsInPatternWithPosition;\n"],"names":["getSymbolsInPatternWithPosition","pattern","patternWithSymbolsPosition","patternArray","split","forEach","symbol","index","push"],"mappings":";;AAKMA,MAAAA,+BAA+B,GAAIC,OAAe,IAA0B;EAChF,MAAMC,0BAA0B,GAAyB,EAAE,CAAA;AAC3D,EAAA,MAAMC,YAAY,GAAGF,OAAO,CAACG,KAAK,CAAC,EAAE,CAAC,CAAA;AACtCD,EAAAA,YAAY,CAACE,OAAO,CAAC,CAACC,MAAM,EAAEC,KAAK,KAAI;IACrC,IAAID,MAAM,KAAK,GAAG,EAAE;MAClBJ,0BAA0B,CAACM,IAAI,CAAC;QAAED,KAAK;AAAED,QAAAA,MAAAA;AAAQ,OAAA,CAAC,CAAA;AACpD,KAAA;AACF,GAAC,CAAC,CAAA;AAEF,EAAA,OAAOJ,0BAA0B,CAAA;AACnC;;;;"}

package/build/common/textFormat/getSymbolsInPatternWithPosition/getSymbolsInPatternWithPosition.mjs

@@ -0,0 +1,16 @@
+const getSymbolsInPatternWithPosition = pattern => {
+  const patternWithSymbolsPosition = [];
+  const patternArray = pattern.split('');
+  patternArray.forEach((symbol, index) => {
+    if (symbol !== '*') {
+      patternWithSymbolsPosition.push({
+        index,
+        symbol
+      });
+    }
+  });
+  return patternWithSymbolsPosition;
+};
+
+export { getSymbolsInPatternWithPosition as default };
+//# sourceMappingURL=getSymbolsInPatternWithPosition.mjs.map

package/build/common/textFormat/getSymbolsInPatternWithPosition/getSymbolsInPatternWithPosition.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSymbolsInPatternWithPosition.mjs","sources":["../../../../src/common/textFormat/getSymbolsInPatternWithPosition/getSymbolsInPatternWithPosition.ts"],"sourcesContent":["export type SymbolWithPosition = {\n  index: number;\n  symbol: string;\n};\n\nconst getSymbolsInPatternWithPosition = (pattern: string): SymbolWithPosition[] => {\n  const patternWithSymbolsPosition: SymbolWithPosition[] = [];\n  const patternArray = pattern.split('');\n  patternArray.forEach((symbol, index) => {\n    if (symbol !== '*') {\n      patternWithSymbolsPosition.push({ index, symbol });\n    }\n  });\n\n  return patternWithSymbolsPosition;\n};\n\nexport default getSymbolsInPatternWithPosition;\n"],"names":["getSymbolsInPatternWithPosition","pattern","patternWithSymbolsPosition","patternArray","split","forEach","symbol","index","push"],"mappings":"AAKMA,MAAAA,+BAA+B,GAAIC,OAAe,IAA0B;EAChF,MAAMC,0BAA0B,GAAyB,EAAE,CAAA;AAC3D,EAAA,MAAMC,YAAY,GAAGF,OAAO,CAACG,KAAK,CAAC,EAAE,CAAC,CAAA;AACtCD,EAAAA,YAAY,CAACE,OAAO,CAAC,CAACC,MAAM,EAAEC,KAAK,KAAI;IACrC,IAAID,MAAM,KAAK,GAAG,EAAE;MAClBJ,0BAA0B,CAACM,IAAI,CAAC;QAAED,KAAK;AAAED,QAAAA,MAAAA;AAAQ,OAAA,CAAC,CAAA;AACpD,KAAA;AACF,GAAC,CAAC,CAAA;AAEF,EAAA,OAAOJ,0BAA0B,CAAA;AACnC;;;;"}

package/build/common/textFormat/unformatWithPattern/unformatWithPattern.js

@@ -0,0 +1,14 @@
+'use strict';
+
+const unformatWithPattern = (value, pattern) => {
+  let valueArray = [''];
+  if (value && value.length > 0) {
+    valueArray = value.toString().split('');
+    valueArray = valueArray.filter(element => !getSymbolsInPattern(pattern).includes(element));
+  }
+  return valueArray.join('');
+};
+const getSymbolsInPattern = pattern => pattern.split('').filter(symbol => symbol !== '*');
+
+module.exports = unformatWithPattern;
+//# sourceMappingURL=unformatWithPattern.js.map

package/build/common/textFormat/unformatWithPattern/unformatWithPattern.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unformatWithPattern.js","sources":["../../../../src/common/textFormat/unformatWithPattern/unformatWithPattern.ts"],"sourcesContent":["const unformatWithPattern = (value: string, pattern: string): string => {\n  let valueArray = [''];\n  if (value && value.length > 0) {\n    valueArray = value.toString().split('');\n    valueArray = valueArray.filter((element) => !getSymbolsInPattern(pattern).includes(element));\n  }\n\n  return valueArray.join('');\n};\n\nconst getSymbolsInPattern = (pattern: string): string[] =>\n  pattern.split('').filter((symbol) => symbol !== '*');\n\nexport default unformatWithPattern;\n"],"names":["unformatWithPattern","value","pattern","valueArray","length","toString","split","filter","element","getSymbolsInPattern","includes","join","symbol"],"mappings":";;AAAA,MAAMA,mBAAmB,GAAGA,CAACC,KAAa,EAAEC,OAAe,KAAY;AACrE,EAAA,IAAIC,UAAU,GAAG,CAAC,EAAE,CAAC,CAAA;AACrB,EAAA,IAAIF,KAAK,IAAIA,KAAK,CAACG,MAAM,GAAG,CAAC,EAAE;IAC7BD,UAAU,GAAGF,KAAK,CAACI,QAAQ,EAAE,CAACC,KAAK,CAAC,EAAE,CAAC,CAAA;AACvCH,IAAAA,UAAU,GAAGA,UAAU,CAACI,MAAM,CAAEC,OAAO,IAAK,CAACC,mBAAmB,CAACP,OAAO,CAAC,CAACQ,QAAQ,CAACF,OAAO,CAAC,CAAC,CAAA;AAC9F,GAAA;AAEA,EAAA,OAAOL,UAAU,CAACQ,IAAI,CAAC,EAAE,CAAC,CAAA;AAC5B,EAAC;AAED,MAAMF,mBAAmB,GAAIP,OAAe,IAC1CA,OAAO,CAACI,KAAK,CAAC,EAAE,CAAC,CAACC,MAAM,CAAEK,MAAM,IAAKA,MAAM,KAAK,GAAG,CAAC;;;;"}

package/build/common/textFormat/unformatWithPattern/unformatWithPattern.mjs

@@ -0,0 +1,12 @@
+const unformatWithPattern = (value, pattern) => {
+  let valueArray = [''];
+  if (value && value.length > 0) {
+    valueArray = value.toString().split('');
+    valueArray = valueArray.filter(element => !getSymbolsInPattern(pattern).includes(element));
+  }
+  return valueArray.join('');
+};
+const getSymbolsInPattern = pattern => pattern.split('').filter(symbol => symbol !== '*');
+
+export { unformatWithPattern as default };
+//# sourceMappingURL=unformatWithPattern.mjs.map

package/build/common/textFormat/unformatWithPattern/unformatWithPattern.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"unformatWithPattern.mjs","sources":["../../../../src/common/textFormat/unformatWithPattern/unformatWithPattern.ts"],"sourcesContent":["const unformatWithPattern = (value: string, pattern: string): string => {\n  let valueArray = [''];\n  if (value && value.length > 0) {\n    valueArray = value.toString().split('');\n    valueArray = valueArray.filter((element) => !getSymbolsInPattern(pattern).includes(element));\n  }\n\n  return valueArray.join('');\n};\n\nconst getSymbolsInPattern = (pattern: string): string[] =>\n  pattern.split('').filter((symbol) => symbol !== '*');\n\nexport default unformatWithPattern;\n"],"names":["unformatWithPattern","value","pattern","valueArray","length","toString","split","filter","element","getSymbolsInPattern","includes","join","symbol"],"mappings":"AAAA,MAAMA,mBAAmB,GAAGA,CAACC,KAAa,EAAEC,OAAe,KAAY;AACrE,EAAA,IAAIC,UAAU,GAAG,CAAC,EAAE,CAAC,CAAA;AACrB,EAAA,IAAIF,KAAK,IAAIA,KAAK,CAACG,MAAM,GAAG,CAAC,EAAE;IAC7BD,UAAU,GAAGF,KAAK,CAACI,QAAQ,EAAE,CAACC,KAAK,CAAC,EAAE,CAAC,CAAA;AACvCH,IAAAA,UAAU,GAAGA,UAAU,CAACI,MAAM,CAAEC,OAAO,IAAK,CAACC,mBAAmB,CAACP,OAAO,CAAC,CAACQ,QAAQ,CAACF,OAAO,CAAC,CAAC,CAAA;AAC9F,GAAA;AAEA,EAAA,OAAOL,UAAU,CAACQ,IAAI,CAAC,EAAE,CAAC,CAAA;AAC5B,EAAC;AAED,MAAMF,mBAAmB,GAAIP,OAAe,IAC1CA,OAAO,CAACI,KAAK,CAAC,EAAE,CAAC,CAACC,MAAM,CAAEK,MAAM,IAAKA,MAAM,KAAK,GAAG,CAAC;;;;"}

package/build/common/theme.js

@@ -0,0 +1,13 @@
+'use strict';
+
+exports.Theme = void 0;
+(function (Theme) {
+  Theme["LIGHT"] = "light";
+  Theme["DARK"] = "dark";
+  Theme["NAVY"] = "navy";
+  Theme["PERSONAL"] = "personal";
+  Theme["PERSONAL_FOREST_GREEN"] = "personal--forest-green";
+  Theme["PERSONAL_BRIGHT_GREEN"] = "personal--bright-green";
+  Theme["PERSONAL_DARK"] = "personal--dark";
+})(exports.Theme || (exports.Theme = {}));
+//# sourceMappingURL=theme.js.map

package/build/common/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sources":["../../src/common/theme.ts"],"sourcesContent":["export enum Theme {\n  LIGHT = 'light',\n  DARK = 'dark',\n  NAVY = 'navy',\n  PERSONAL = 'personal',\n  PERSONAL_FOREST_GREEN = 'personal--forest-green',\n  PERSONAL_BRIGHT_GREEN = 'personal--bright-green',\n  PERSONAL_DARK = 'personal--dark',\n}\n\nexport type ThemeLight = 'light';\nexport type ThemeDark = 'dark';\nexport type ThemeNavy = 'navy';\nexport type ThemePersonal = 'personal';\nexport type ThemePersonalForestGreen = 'personal--forest-green';\nexport type ThemePersonalBrightGreen = 'personal--bright-green';\nexport type ThemePersonalDark = 'personal--dark';\n\nexport type ThemeType =\n  | ThemeLight\n  | ThemeDark\n  | ThemeNavy\n  | ThemePersonal\n  | ThemePersonalForestGreen\n  | ThemePersonalBrightGreen\n  | ThemePersonalDark;\n\nexport const modernThemes = new Set<ThemeType>([\n  'personal',\n  'personal--forest-green',\n  'personal--bright-green',\n  'personal--dark',\n]);\n\nexport const getThemeClassName = (theme: ThemeType) => `np-theme-${theme}`;\n"],"names":["Theme"],"mappings":";;AAAYA,uBAQX;AARD,CAAA,UAAYA,KAAK,EAAA;AACfA,EAAAA,KAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACfA,EAAAA,KAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACbA,EAAAA,KAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACbA,EAAAA,KAAA,CAAA,UAAA,CAAA,GAAA,UAAqB,CAAA;AACrBA,EAAAA,KAAA,CAAA,uBAAA,CAAA,GAAA,wBAAgD,CAAA;AAChDA,EAAAA,KAAA,CAAA,uBAAA,CAAA,GAAA,wBAAgD,CAAA;AAChDA,EAAAA,KAAA,CAAA,eAAA,CAAA,GAAA,gBAAgC,CAAA;AAClC,CAAC,EARWA,aAAK,KAALA,aAAK,GAQhB,EAAA,CAAA,CAAA;;"}

package/build/common/theme.mjs

@@ -0,0 +1,13 @@
+var Theme;
+(function (Theme) {
+  Theme["LIGHT"] = "light";
+  Theme["DARK"] = "dark";
+  Theme["NAVY"] = "navy";
+  Theme["PERSONAL"] = "personal";
+  Theme["PERSONAL_FOREST_GREEN"] = "personal--forest-green";
+  Theme["PERSONAL_BRIGHT_GREEN"] = "personal--bright-green";
+  Theme["PERSONAL_DARK"] = "personal--dark";
+})(Theme || (Theme = {}));
+
+export { Theme };
+//# sourceMappingURL=theme.mjs.map

package/build/common/theme.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.mjs","sources":["../../src/common/theme.ts"],"sourcesContent":["export enum Theme {\n  LIGHT = 'light',\n  DARK = 'dark',\n  NAVY = 'navy',\n  PERSONAL = 'personal',\n  PERSONAL_FOREST_GREEN = 'personal--forest-green',\n  PERSONAL_BRIGHT_GREEN = 'personal--bright-green',\n  PERSONAL_DARK = 'personal--dark',\n}\n\nexport type ThemeLight = 'light';\nexport type ThemeDark = 'dark';\nexport type ThemeNavy = 'navy';\nexport type ThemePersonal = 'personal';\nexport type ThemePersonalForestGreen = 'personal--forest-green';\nexport type ThemePersonalBrightGreen = 'personal--bright-green';\nexport type ThemePersonalDark = 'personal--dark';\n\nexport type ThemeType =\n  | ThemeLight\n  | ThemeDark\n  | ThemeNavy\n  | ThemePersonal\n  | ThemePersonalForestGreen\n  | ThemePersonalBrightGreen\n  | ThemePersonalDark;\n\nexport const modernThemes = new Set<ThemeType>([\n  'personal',\n  'personal--forest-green',\n  'personal--bright-green',\n  'personal--dark',\n]);\n\nexport const getThemeClassName = (theme: ThemeType) => `np-theme-${theme}`;\n"],"names":["Theme"],"mappings":"IAAYA,MAQX;AARD,CAAA,UAAYA,KAAK,EAAA;AACfA,EAAAA,KAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACfA,EAAAA,KAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACbA,EAAAA,KAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACbA,EAAAA,KAAA,CAAA,UAAA,CAAA,GAAA,UAAqB,CAAA;AACrBA,EAAAA,KAAA,CAAA,uBAAA,CAAA,GAAA,wBAAgD,CAAA;AAChDA,EAAAA,KAAA,CAAA,uBAAA,CAAA,GAAA,wBAAgD,CAAA;AAChDA,EAAAA,KAAA,CAAA,eAAA,CAAA,GAAA,gBAAgC,CAAA;AAClC,CAAC,EARWA,KAAK,KAALA,KAAK,GAQhB,EAAA,CAAA,CAAA;;;;"}

package/build/criticalBanner/CriticalCommsBanner.js

@@ -0,0 +1,77 @@
+'use strict';
+
+var icons = require('@transferwise/icons');
+var componentsTheming = require('@wise/components-theming');
+var classNames = require('classnames');
+var avatarTypes = require('../avatar/avatarTypes.js');
+var Avatar = require('../avatar/Avatar.js');
+var Body = require('../body/Body.js');
+var Button = require('../button/Button.js');
+var Title = require('../title/Title.js');
+var jsxRuntime = require('react/jsx-runtime');
+var size = require('../common/propsValues/size.js');
+var typography = require('../common/propsValues/typography.js');
+var control = require('../common/propsValues/control.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var classNames__default = /*#__PURE__*/_interopDefault(classNames);
+
+function CriticalCommsBanner({
+  title,
+  subtitle,
+  action,
+  className
+}) {
+  const {
+    isModern
+  } = componentsTheming.useTheme();
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: classNames__default.default('critical-comms', className),
+    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "critical-comms-body",
+      children: [/*#__PURE__*/jsxRuntime.jsx(Avatar, {
+        size: size.Size.MEDIUM,
+        type: avatarTypes.AvatarType.ICON,
+        className: classNames__default.default(isModern ? 'm-r-2' : 'm-r-1'),
+        backgroundColor: isModern ? 'var(--color-sentiment-negative)' : 'var(--color-background-negative)',
+        children: isModern ? /*#__PURE__*/jsxRuntime.jsx(icons.AlertCircleFill, {}) : /*#__PURE__*/jsxRuntime.jsx(icons.Alert, {
+          size: 24
+        })
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "critical-comms-content d-flex align-items-center flex-grow-1",
+        children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: classNames__default.default('flex-grow-1', {
+            'p-x-2': !isModern
+          }),
+          children: [/*#__PURE__*/jsxRuntime.jsx(Title, {
+            type: isModern ? typography.Typography.TITLE_BODY : typography.Typography.TITLE_GROUP,
+            className: "critical-comms--title",
+            children: title
+          }), /*#__PURE__*/jsxRuntime.jsx(Body, {
+            className: "critical-comms--subtitle",
+            children: subtitle
+          })]
+        }), action ? /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "critical-comms--cta",
+          children: /*#__PURE__*/jsxRuntime.jsx(Button, {
+            block: isModern,
+            size: size.Size.SMALL,
+            type: control.ControlType.NEGATIVE,
+            priority: isModern ? control.Priority.SECONDARY : control.Priority.PRIMARY,
+            className: "cta-btn",
+            onClick: () => {
+              if (action) {
+                window.location.href = action.href;
+              }
+            },
+            children: action.label
+          })
+        }) : null]
+      })]
+    })
+  });
+}
+
+module.exports = CriticalCommsBanner;
+//# sourceMappingURL=CriticalCommsBanner.js.map

package/build/criticalBanner/CriticalCommsBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CriticalCommsBanner.js","sources":["../../src/criticalBanner/CriticalCommsBanner.tsx"],"sourcesContent":["import { Alert as DangerIcon, AlertCircleFill } from '@transferwise/icons';\nimport { useTheme } from '@wise/components-theming';\nimport classNames from 'classnames';\n\nimport Avatar, { AvatarType } from '../avatar';\nimport Body from '../body';\nimport Button from '../button';\nimport { ControlType, Priority, Size, Typography } from '../common';\nimport Title from '../title';\n\nexport type CriticalCommsBannerProps = {\n  title: string;\n  subtitle?: string;\n  action?: {\n    label: string;\n    href: string;\n  };\n  className?: string;\n};\n\nfunction CriticalCommsBanner({ title, subtitle, action, className }: CriticalCommsBannerProps) {\n  const { isModern } = useTheme();\n  return (\n    <div className={classNames('critical-comms', className)}>\n      <div className=\"critical-comms-body\">\n        <Avatar\n          size={Size.MEDIUM}\n          type={AvatarType.ICON}\n          className={classNames(isModern ? 'm-r-2' : 'm-r-1')}\n          backgroundColor={\n            isModern ? 'var(--color-sentiment-negative)' : 'var(--color-background-negative)'\n          }\n        >\n          {isModern ? <AlertCircleFill /> : <DangerIcon size={24} />}\n        </Avatar>\n        <div className=\"critical-comms-content d-flex align-items-center flex-grow-1\">\n          <div className={classNames('flex-grow-1', { 'p-x-2': !isModern })}>\n            <Title\n              type={isModern ? Typography.TITLE_BODY : Typography.TITLE_GROUP}\n              className=\"critical-comms--title\"\n            >\n              {title}\n            </Title>\n            <Body className=\"critical-comms--subtitle\">{subtitle}</Body>\n          </div>\n          {action ? (\n            <div className=\"critical-comms--cta\">\n              <Button\n                block={isModern}\n                size={Size.SMALL}\n                type={ControlType.NEGATIVE}\n                priority={isModern ? Priority.SECONDARY : Priority.PRIMARY}\n                className=\"cta-btn\"\n                onClick={() => {\n                  if (action) {\n                    window.location.href = action.href;\n                  }\n                }}\n              >\n                {action.label}\n              </Button>\n            </div>\n          ) : null}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default CriticalCommsBanner;\n"],"names":["CriticalCommsBanner","title","subtitle","action","className","isModern","useTheme","_jsx","classNames","children","_jsxs","Avatar","size","Size","MEDIUM","type","AvatarType","ICON","backgroundColor","AlertCircleFill","DangerIcon","Title","Typography","TITLE_BODY","TITLE_GROUP","Body","Button","block","SMALL","ControlType","NEGATIVE","priority","Priority","SECONDARY","PRIMARY","onClick","window","location","href","label"],"mappings":";;;;;;;;;;;;;;;;;;;AAoBA,SAASA,mBAAmBA,CAAC;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,MAAM;AAAEC,EAAAA,SAAAA;AAAqC,CAAA,EAAA;EAC3F,MAAM;AAAEC,IAAAA,QAAAA;GAAU,GAAGC,0BAAQ,EAAE,CAAA;AAC/B,EAAA,oBACEC,cAAA,CAAA,KAAA,EAAA;AAAKH,IAAAA,SAAS,EAAEI,2BAAU,CAAC,gBAAgB,EAAEJ,SAAS,CAAE;AAAAK,IAAAA,QAAA,eACtDC,eAAA,CAAA,KAAA,EAAA;AAAKN,MAAAA,SAAS,EAAC,qBAAqB;MAAAK,QAAA,EAAA,cAClCF,cAAA,CAACI,MAAM,EAAA;QACLC,IAAI,EAAEC,SAAI,CAACC,MAAO;QAClBC,IAAI,EAAEC,sBAAU,CAACC,IAAK;QACtBb,SAAS,EAAEI,2BAAU,CAACH,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAE;AACpDa,QAAAA,eAAe,EACbb,QAAQ,GAAG,iCAAiC,GAAG,kCAChD;QAAAI,QAAA,EAEAJ,QAAQ,gBAAGE,cAAA,CAACY,qBAAe,EAAA,EAAG,CAAA,gBAAGZ,cAAA,CAACa,WAAU,EAAA;AAACR,UAAAA,IAAI,EAAE,EAAA;SAAG,CAAA;OACjD,CACR,eAAAF,eAAA,CAAA,KAAA,EAAA;AAAKN,QAAAA,SAAS,EAAC,8DAA8D;AAAAK,QAAAA,QAAA,gBAC3EC,eAAA,CAAA,KAAA,EAAA;AAAKN,UAAAA,SAAS,EAAEI,2BAAU,CAAC,aAAa,EAAE;AAAE,YAAA,OAAO,EAAE,CAACH,QAAAA;AAAU,WAAA,CAAE;UAAAI,QAAA,EAAA,cAChEF,cAAA,CAACc,KAAK,EAAA;YACJN,IAAI,EAAEV,QAAQ,GAAGiB,qBAAU,CAACC,UAAU,GAAGD,qBAAU,CAACE,WAAY;AAChEpB,YAAAA,SAAS,EAAC,uBAAuB;AAAAK,YAAAA,QAAA,EAEhCR,KAAAA;AAAK,WACD,CACP,eAAAM,cAAA,CAACkB,IAAI,EAAA;AAACrB,YAAAA,SAAS,EAAC,0BAA0B;AAAAK,YAAAA,QAAA,EAAEP,QAAAA;AAAQ,WAAO,CAC7D,CAAA;AAAA,SAAK,CACL,EAACC,MAAM,gBACLI,cAAA,CAAA,KAAA,EAAA;AAAKH,UAAAA,SAAS,EAAC,qBAAqB;UAAAK,QAAA,eAClCF,cAAA,CAACmB,MAAM,EAAA;AACLC,YAAAA,KAAK,EAAEtB,QAAS;YAChBO,IAAI,EAAEC,SAAI,CAACe,KAAM;YACjBb,IAAI,EAAEc,mBAAW,CAACC,QAAS;YAC3BC,QAAQ,EAAE1B,QAAQ,GAAG2B,gBAAQ,CAACC,SAAS,GAAGD,gBAAQ,CAACE,OAAQ;AAC3D9B,YAAAA,SAAS,EAAC,SAAS;YACnB+B,OAAO,EAAEA,MAAK;AACZ,cAAA,IAAIhC,MAAM,EAAE;AACViC,gBAAAA,MAAM,CAACC,QAAQ,CAACC,IAAI,GAAGnC,MAAM,CAACmC,IAAI,CAAA;AACpC,eAAA;aACA;YAAA7B,QAAA,EAEDN,MAAM,CAACoC,KAAAA;WACF,CAAA;SACL,CAAC,GACJ,IAAI,CAAA;AAAA,OACL,CACP,CAAA;KAAK,CAAA;AACP,GAAK,CAAC,CAAA;AAEV;;;;"}

package/build/criticalBanner/CriticalCommsBanner.mjs

@@ -0,0 +1,71 @@
+import { AlertCircleFill, Alert } from '@transferwise/icons';
+import { useTheme } from '@wise/components-theming';
+import classNames from 'classnames';
+import { AvatarType } from '../avatar/avatarTypes.mjs';
+import Avatar from '../avatar/Avatar.mjs';
+import Body from '../body/Body.mjs';
+import Button from '../button/Button.mjs';
+import Title from '../title/Title.mjs';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Size } from '../common/propsValues/size.mjs';
+import { Typography } from '../common/propsValues/typography.mjs';
+import { ControlType, Priority } from '../common/propsValues/control.mjs';
+
+function CriticalCommsBanner({
+  title,
+  subtitle,
+  action,
+  className
+}) {
+  const {
+    isModern
+  } = useTheme();
+  return /*#__PURE__*/jsx("div", {
+    className: classNames('critical-comms', className),
+    children: /*#__PURE__*/jsxs("div", {
+      className: "critical-comms-body",
+      children: [/*#__PURE__*/jsx(Avatar, {
+        size: Size.MEDIUM,
+        type: AvatarType.ICON,
+        className: classNames(isModern ? 'm-r-2' : 'm-r-1'),
+        backgroundColor: isModern ? 'var(--color-sentiment-negative)' : 'var(--color-background-negative)',
+        children: isModern ? /*#__PURE__*/jsx(AlertCircleFill, {}) : /*#__PURE__*/jsx(Alert, {
+          size: 24
+        })
+      }), /*#__PURE__*/jsxs("div", {
+        className: "critical-comms-content d-flex align-items-center flex-grow-1",
+        children: [/*#__PURE__*/jsxs("div", {
+          className: classNames('flex-grow-1', {
+            'p-x-2': !isModern
+          }),
+          children: [/*#__PURE__*/jsx(Title, {
+            type: isModern ? Typography.TITLE_BODY : Typography.TITLE_GROUP,
+            className: "critical-comms--title",
+            children: title
+          }), /*#__PURE__*/jsx(Body, {
+            className: "critical-comms--subtitle",
+            children: subtitle
+          })]
+        }), action ? /*#__PURE__*/jsx("div", {
+          className: "critical-comms--cta",
+          children: /*#__PURE__*/jsx(Button, {
+            block: isModern,
+            size: Size.SMALL,
+            type: ControlType.NEGATIVE,
+            priority: isModern ? Priority.SECONDARY : Priority.PRIMARY,
+            className: "cta-btn",
+            onClick: () => {
+              if (action) {
+                window.location.href = action.href;
+              }
+            },
+            children: action.label
+          })
+        }) : null]
+      })]
+    })
+  });
+}
+
+export { CriticalCommsBanner as default };
+//# sourceMappingURL=CriticalCommsBanner.mjs.map

package/build/criticalBanner/CriticalCommsBanner.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CriticalCommsBanner.mjs","sources":["../../src/criticalBanner/CriticalCommsBanner.tsx"],"sourcesContent":["import { Alert as DangerIcon, AlertCircleFill } from '@transferwise/icons';\nimport { useTheme } from '@wise/components-theming';\nimport classNames from 'classnames';\n\nimport Avatar, { AvatarType } from '../avatar';\nimport Body from '../body';\nimport Button from '../button';\nimport { ControlType, Priority, Size, Typography } from '../common';\nimport Title from '../title';\n\nexport type CriticalCommsBannerProps = {\n  title: string;\n  subtitle?: string;\n  action?: {\n    label: string;\n    href: string;\n  };\n  className?: string;\n};\n\nfunction CriticalCommsBanner({ title, subtitle, action, className }: CriticalCommsBannerProps) {\n  const { isModern } = useTheme();\n  return (\n    <div className={classNames('critical-comms', className)}>\n      <div className=\"critical-comms-body\">\n        <Avatar\n          size={Size.MEDIUM}\n          type={AvatarType.ICON}\n          className={classNames(isModern ? 'm-r-2' : 'm-r-1')}\n          backgroundColor={\n            isModern ? 'var(--color-sentiment-negative)' : 'var(--color-background-negative)'\n          }\n        >\n          {isModern ? <AlertCircleFill /> : <DangerIcon size={24} />}\n        </Avatar>\n        <div className=\"critical-comms-content d-flex align-items-center flex-grow-1\">\n          <div className={classNames('flex-grow-1', { 'p-x-2': !isModern })}>\n            <Title\n              type={isModern ? Typography.TITLE_BODY : Typography.TITLE_GROUP}\n              className=\"critical-comms--title\"\n            >\n              {title}\n            </Title>\n            <Body className=\"critical-comms--subtitle\">{subtitle}</Body>\n          </div>\n          {action ? (\n            <div className=\"critical-comms--cta\">\n              <Button\n                block={isModern}\n                size={Size.SMALL}\n                type={ControlType.NEGATIVE}\n                priority={isModern ? Priority.SECONDARY : Priority.PRIMARY}\n                className=\"cta-btn\"\n                onClick={() => {\n                  if (action) {\n                    window.location.href = action.href;\n                  }\n                }}\n              >\n                {action.label}\n              </Button>\n            </div>\n          ) : null}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default CriticalCommsBanner;\n"],"names":["CriticalCommsBanner","title","subtitle","action","className","isModern","useTheme","_jsx","classNames","children","_jsxs","Avatar","size","Size","MEDIUM","type","AvatarType","ICON","backgroundColor","AlertCircleFill","DangerIcon","Title","Typography","TITLE_BODY","TITLE_GROUP","Body","Button","block","SMALL","ControlType","NEGATIVE","priority","Priority","SECONDARY","PRIMARY","onClick","window","location","href","label"],"mappings":";;;;;;;;;;;;;AAoBA,SAASA,mBAAmBA,CAAC;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,MAAM;AAAEC,EAAAA,SAAAA;AAAqC,CAAA,EAAA;EAC3F,MAAM;AAAEC,IAAAA,QAAAA;GAAU,GAAGC,QAAQ,EAAE,CAAA;AAC/B,EAAA,oBACEC,GAAA,CAAA,KAAA,EAAA;AAAKH,IAAAA,SAAS,EAAEI,UAAU,CAAC,gBAAgB,EAAEJ,SAAS,CAAE;AAAAK,IAAAA,QAAA,eACtDC,IAAA,CAAA,KAAA,EAAA;AAAKN,MAAAA,SAAS,EAAC,qBAAqB;MAAAK,QAAA,EAAA,cAClCF,GAAA,CAACI,MAAM,EAAA;QACLC,IAAI,EAAEC,IAAI,CAACC,MAAO;QAClBC,IAAI,EAAEC,UAAU,CAACC,IAAK;QACtBb,SAAS,EAAEI,UAAU,CAACH,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAE;AACpDa,QAAAA,eAAe,EACbb,QAAQ,GAAG,iCAAiC,GAAG,kCAChD;QAAAI,QAAA,EAEAJ,QAAQ,gBAAGE,GAAA,CAACY,eAAe,EAAA,EAAG,CAAA,gBAAGZ,GAAA,CAACa,KAAU,EAAA;AAACR,UAAAA,IAAI,EAAE,EAAA;SAAG,CAAA;OACjD,CACR,eAAAF,IAAA,CAAA,KAAA,EAAA;AAAKN,QAAAA,SAAS,EAAC,8DAA8D;AAAAK,QAAAA,QAAA,gBAC3EC,IAAA,CAAA,KAAA,EAAA;AAAKN,UAAAA,SAAS,EAAEI,UAAU,CAAC,aAAa,EAAE;AAAE,YAAA,OAAO,EAAE,CAACH,QAAAA;AAAU,WAAA,CAAE;UAAAI,QAAA,EAAA,cAChEF,GAAA,CAACc,KAAK,EAAA;YACJN,IAAI,EAAEV,QAAQ,GAAGiB,UAAU,CAACC,UAAU,GAAGD,UAAU,CAACE,WAAY;AAChEpB,YAAAA,SAAS,EAAC,uBAAuB;AAAAK,YAAAA,QAAA,EAEhCR,KAAAA;AAAK,WACD,CACP,eAAAM,GAAA,CAACkB,IAAI,EAAA;AAACrB,YAAAA,SAAS,EAAC,0BAA0B;AAAAK,YAAAA,QAAA,EAAEP,QAAAA;AAAQ,WAAO,CAC7D,CAAA;AAAA,SAAK,CACL,EAACC,MAAM,gBACLI,GAAA,CAAA,KAAA,EAAA;AAAKH,UAAAA,SAAS,EAAC,qBAAqB;UAAAK,QAAA,eAClCF,GAAA,CAACmB,MAAM,EAAA;AACLC,YAAAA,KAAK,EAAEtB,QAAS;YAChBO,IAAI,EAAEC,IAAI,CAACe,KAAM;YACjBb,IAAI,EAAEc,WAAW,CAACC,QAAS;YAC3BC,QAAQ,EAAE1B,QAAQ,GAAG2B,QAAQ,CAACC,SAAS,GAAGD,QAAQ,CAACE,OAAQ;AAC3D9B,YAAAA,SAAS,EAAC,SAAS;YACnB+B,OAAO,EAAEA,MAAK;AACZ,cAAA,IAAIhC,MAAM,EAAE;AACViC,gBAAAA,MAAM,CAACC,QAAQ,CAACC,IAAI,GAAGnC,MAAM,CAACmC,IAAI,CAAA;AACpC,eAAA;aACA;YAAA7B,QAAA,EAEDN,MAAM,CAACoC,KAAAA;WACF,CAAA;SACL,CAAC,GACJ,IAAI,CAAA;AAAA,OACL,CACP,CAAA;KAAK,CAAA;AACP,GAAK,CAAC,CAAA;AAEV;;;;"}