@tcn/ui 0.0.1

package/dist/inputs/mask_input/mask.js

@@ -0,0 +1,174 @@
+import { AlphaCharacter as g } from "./alpha_character.js";
+import { AlphaNumericCharacter as f } from "./alpha_numeric_character.js";
+import { ConstantCharacter as _ } from "./constant_character.js";
+import { LanguageCharacter as C } from "./language_character.js";
+import { NumericCharacter as p } from "./numeric_character.js";
+const u = {
+  a: g,
+  9: p,
+  "*": f,
+  u: C
+}, m = Object.keys(u);
+class k {
+  _cursorPosition;
+  _characters;
+  get currentCharacter() {
+    return this._characters[this._cursorPosition];
+  }
+  constructor(r) {
+    this._cursorPosition = 0, this._characters = this._makeCharacters(r);
+  }
+  moveRight() {
+    this._cursorPosition = Math.min(this._characters.length, this._cursorPosition + 1), this.currentCharacter && this.currentCharacter.enterFromLeft(this);
+  }
+  moveLeft() {
+    this._cursorPosition !== 0 && (this._cursorPosition = Math.max(0, this._cursorPosition - 1), this.currentCharacter && this.currentCharacter.enterFromRight(this));
+  }
+  forceMoveTo(r) {
+    const t = Math.min(this.getCharacterLength(), r);
+    this._cursorPosition = t;
+  }
+  moveTo(r) {
+    const t = this._characters[r - 1], e = r >= this._characters.length;
+    this._cursorPosition = r, e && t && !t.isFilled() && this.moveLeft(), this.currentCharacter && this.currentCharacter.enter(this);
+  }
+  getCursorPosition() {
+    return this._cursorPosition;
+  }
+  insert(r) {
+    if ([...r].length > 1)
+      throw new Error("You can only insert a single character.");
+    return this.currentCharacter ? this.currentCharacter.insert(r, this) : !1;
+  }
+  insertPush(r) {
+    if ([...r].length > 1)
+      throw new Error("You can only insert a single character.");
+    return this.currentCharacter != null && this.currentCharacter.type !== "constant" ? this.currentCharacter.insert(r, this) : !1;
+  }
+  deleteCharacter() {
+    this.currentCharacter && this.currentCharacter.delete();
+  }
+  clearAll() {
+    this._characters.forEach((r) => r.delete()), this._cursorPosition = 0;
+  }
+  clearRange(r, t) {
+    t = t ?? this._characters.length - 1;
+    for (let e = r; e < t; e++)
+      this._characters[e] && this._characters[e].delete();
+  }
+  getFilledValue() {
+    const r = this._cursorPosition, t = [];
+    for (let e = 0; e < this._characters.length; e++) {
+      const a = this._characters[e];
+      if (!a.isFilled() && a.type !== "constant") {
+        let n = !1;
+        for (let c = e; c < this._characters.length; c++) {
+          const s = this._characters[c];
+          if (s.isFilled() && s.type !== "constant") {
+            n = !0;
+            break;
+          }
+        }
+        if (!n) {
+          for (; r > e; ) {
+            const c = this._characters[e];
+            t.push(c.value), e++;
+          }
+          break;
+        }
+      }
+      t.push(a.value);
+    }
+    return t.join("");
+  }
+  isFilledBeyondIndex(r) {
+    for (let t = r + 1; t < this._characters.length; t++)
+      if (this._characters[t].isFilled() && this._characters[t].type !== "constant")
+        return !0;
+    return !1;
+  }
+  isEmptyBeforeIndex(r) {
+    for (let t = r - 1; t > 0; t--)
+      if (!this._characters[t].isFilled())
+        return !0;
+    return !1;
+  }
+  isPreviousCharacterEmpty() {
+    const r = this._cursorPosition - 1, t = this._characters[r];
+    return t == null ? !1 : t.type === "constant" && !this.arePreviousCharactersAllConstants() ? !0 : !t.isFilled();
+  }
+  arePreviousCharactersAllConstants(r = this._cursorPosition - 1) {
+    return this._characters.slice(0, r).every((t) => t.type === "constant");
+  }
+  ifFilled() {
+    return this._characters.filter((r) => r.type !== "constant").every((r) => r.isFilled());
+  }
+  getValue() {
+    return this._characters.map((r) => r.value).join("");
+  }
+  getFilledLength() {
+    return this.getFilledValue().length;
+  }
+  getValueLength() {
+    return this.getValue().length;
+  }
+  getCharacterLength() {
+    return this._characters.length;
+  }
+  getInsertableSlotLength() {
+    return this._characters.filter((r) => r.type !== "constant").length;
+  }
+  getInsertableSlotIndexForCharacter(r) {
+    let t = 0;
+    const e = Math.min(r, this._characters.length - 1);
+    for (let a = 0; a < e; a++)
+      this._characters[a].type !== "constant" && t++;
+    return t;
+  }
+  getCharacterIndexforInsertableSlotIndex(r) {
+    let t = 0;
+    for (let e = 0; e < this._characters.length; e++)
+      if (this._characters[e].type !== "constant" && t++, t > r)
+        return e;
+    return this._characters.length;
+  }
+  getInsertableSlotValues() {
+    return this._characters.filter((t) => t.type !== "constant" && t.isFilled()).map((t) => t.value).join("");
+  }
+  getValueWithinRange(r, t) {
+    const e = [];
+    for (let a = r; a < t; a++)
+      e.push(this._characters[a].value);
+    return e.join("");
+  }
+  _makeCharacters(r) {
+    const { mask: t, placeholder: e } = r, a = [], { maskParts: n, placeholderParts: c } = this._getParts(t, e);
+    for (let s = 0; s < n.length; s++) {
+      let h = n[s], i = c[s];
+      const o = h === "\\", l = u[h];
+      o || l == null ? (o && (s++, h = n[s]), a.push(new _(h, i))) : a.push(new l(h, i));
+    }
+    return a;
+  }
+  _getParts(r, t) {
+    const e = [...r], a = t != null ? [...t] : new Array(e.length);
+    if (a.length !== e.length)
+      throw new Error(
+        "Invalid mask overlay. It needs to be the exact character length as the mask."
+      );
+    return this._validateMask(r, e), {
+      maskParts: e,
+      placeholderParts: a
+    };
+  }
+  _validateMask(r, t) {
+    if (r.length === 0)
+      throw new Error("Mask cannot be an empty string.");
+    if (t.filter((a) => m.indexOf(a) === -1).length === t.length)
+      throw new Error("You cannot have a mask that is all constants.");
+  }
+}
+export {
+  k as Mask
+};
+//# sourceMappingURL=mask.js.map

package/dist/inputs/mask_input/mask.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mask.js","sources":["../../../src/inputs/mask_input/mask.ts"],"sourcesContent":["import { AlphaCharacter } from './alpha_character.js';\nimport { AlphaNumericCharacter } from './alpha_numeric_character.js';\nimport { Character } from './character.js';\nimport { ConstantCharacter } from './constant_character.js';\nimport { LanguageCharacter } from './language_character.js';\nimport { MaskConfig } from './mask_config.js';\nimport { MaskCursor } from './mask_cursor.js';\nimport { NumericCharacter } from './numeric_character.js';\n\nconst characterMap = {\n  a: AlphaCharacter,\n  '9': NumericCharacter,\n  '*': AlphaNumericCharacter,\n  u: LanguageCharacter,\n};\n\nconst dynamicCharacters = Object.keys(characterMap);\n\nexport class Mask implements MaskCursor {\n  private _cursorPosition: number;\n  private _characters: Character[];\n\n  get currentCharacter() {\n    return this._characters[this._cursorPosition];\n  }\n\n  constructor(config: MaskConfig) {\n    this._cursorPosition = 0;\n    this._characters = this._makeCharacters(config);\n  }\n\n  moveRight(): void {\n    this._cursorPosition = Math.min(this._characters.length, this._cursorPosition + 1);\n    this.currentCharacter && this.currentCharacter.enterFromLeft(this);\n  }\n\n  moveLeft(): void {\n    if (this._cursorPosition === 0) {\n      return;\n    }\n\n    this._cursorPosition = Math.max(0, this._cursorPosition - 1);\n    this.currentCharacter && this.currentCharacter.enterFromRight(this);\n  }\n\n  forceMoveTo(position: number): void {\n    const finalPosition = Math.min(this.getCharacterLength(), position);\n\n    this._cursorPosition = finalPosition;\n  }\n\n  moveTo(position: number): void {\n    const prevCharacter = this._characters[position - 1];\n    const isCursorBeyond = position >= this._characters.length;\n    this._cursorPosition = position;\n\n    if (isCursorBeyond && prevCharacter && !prevCharacter.isFilled()) {\n      this.moveLeft();\n    }\n\n    this.currentCharacter && this.currentCharacter.enter(this);\n  }\n\n  getCursorPosition(): number {\n    return this._cursorPosition;\n  }\n\n  insert(character: string): boolean {\n    const parts = [...character];\n\n    if (parts.length > 1) {\n      throw new Error('You can only insert a single character.');\n    }\n\n    if (this.currentCharacter) {\n      return this.currentCharacter.insert(character, this);\n    }\n\n    return false;\n  }\n\n  insertPush(character: string) {\n    const parts = [...character];\n\n    if (parts.length > 1) {\n      throw new Error('You can only insert a single character.');\n    }\n\n    if (this.currentCharacter != null && this.currentCharacter.type !== 'constant') {\n      return this.currentCharacter.insert(character, this);\n    }\n\n    return false;\n  }\n\n  deleteCharacter(): void {\n    this.currentCharacter && this.currentCharacter.delete();\n  }\n\n  clearAll(): void {\n    this._characters.forEach(c => c.delete());\n    this._cursorPosition = 0;\n  }\n\n  clearRange(start: number, end?: number) {\n    end = end == null ? this._characters.length - 1 : end;\n\n    for (let i = start; i < end; i++) {\n      this._characters[i] && this._characters[i].delete();\n    }\n  }\n\n  getFilledValue() {\n    const cursorPosition = this._cursorPosition;\n    const characters: string[] = [];\n\n    for (let x = 0; x < this._characters.length; x++) {\n      const c = this._characters[x];\n\n      if (!c.isFilled() && c.type !== 'constant') {\n        let hasMoreFilled = false;\n        for (let i = x; i < this._characters.length; i++) {\n          const character = this._characters[i];\n          if (character.isFilled() && character.type !== 'constant') {\n            hasMoreFilled = true;\n            break;\n          }\n        }\n\n        if (!hasMoreFilled) {\n          while (cursorPosition > x) {\n            const constantCharacter = this._characters[x];\n            characters.push(constantCharacter.value);\n            x++;\n          }\n          break;\n        }\n      }\n\n      characters.push(c.value);\n    }\n\n    return characters.join('');\n  }\n\n  isFilledBeyondIndex(index: number) {\n    for (let x = index + 1; x < this._characters.length; x++) {\n      if (this._characters[x].isFilled() && this._characters[x].type !== 'constant') {\n        return true;\n      }\n    }\n\n    return false;\n  }\n\n  isEmptyBeforeIndex(index: number) {\n    for (let x = index - 1; x > 0; x--) {\n      if (!this._characters[x].isFilled()) {\n        return true;\n      }\n    }\n\n    return false;\n  }\n\n  isPreviousCharacterEmpty(): boolean {\n    const index = this._cursorPosition - 1;\n    const character = this._characters[index];\n\n    if (character == null) {\n      return false;\n    }\n\n    if (character.type === 'constant' && !this.arePreviousCharactersAllConstants()) {\n      return true;\n    }\n\n    return !character.isFilled();\n  }\n\n  arePreviousCharactersAllConstants(index = this._cursorPosition - 1): boolean {\n    return this._characters.slice(0, index).every(c => c.type === 'constant');\n  }\n\n  ifFilled() {\n    return this._characters.filter(c => c.type !== 'constant').every(c => c.isFilled());\n  }\n\n  getValue() {\n    return this._characters.map(c => c.value).join('');\n  }\n\n  getFilledLength() {\n    return this.getFilledValue().length;\n  }\n\n  getValueLength() {\n    return this.getValue().length;\n  }\n\n  getCharacterLength(): number {\n    return this._characters.length;\n  }\n\n  getInsertableSlotLength(): number {\n    return this._characters.filter(c => c.type !== 'constant').length;\n  }\n\n  getInsertableSlotIndexForCharacter(characterIndex: number): number {\n    let insertableSlotCount = 0;\n    const length = Math.min(characterIndex, this._characters.length - 1);\n\n    for (let x = 0; x < length; x++) {\n      const character = this._characters[x];\n      if (character.type !== 'constant') {\n        insertableSlotCount++;\n      }\n    }\n\n    return insertableSlotCount;\n  }\n\n  getCharacterIndexforInsertableSlotIndex(slotIndex: number): number {\n    let insertableSlotCount = 0;\n\n    for (let x = 0; x < this._characters.length; x++) {\n      const character = this._characters[x];\n      if (character.type !== 'constant') {\n        insertableSlotCount++;\n      }\n\n      if (insertableSlotCount > slotIndex) {\n        return x;\n      }\n    }\n\n    return this._characters.length;\n  }\n\n  getInsertableSlotValues(): string {\n    const values = this._characters\n      .filter(c => c.type !== 'constant' && c.isFilled())\n      .map(c => c.value)\n      .join('');\n\n    return values;\n  }\n\n  getValueWithinRange(start: number, end: number) {\n    const characters: string[] = [];\n    for (let x = start; x < end; x++) {\n      characters.push(this._characters[x].value);\n    }\n\n    return characters.join('');\n  }\n\n  private _makeCharacters(config: MaskConfig) {\n    const { mask, placeholder } = config;\n    const characters: Character[] = [];\n    const { maskParts, placeholderParts } = this._getParts(mask, placeholder);\n\n    for (let x = 0; x < maskParts.length; x++) {\n      let character = maskParts[x];\n      let placeholderCharacter = placeholderParts[x];\n      const isEscaping = character === '\\\\';\n      const CharacterType = characterMap[character];\n      if (isEscaping || CharacterType == null) {\n        if (isEscaping) {\n          x++;\n          character = maskParts[x];\n        }\n        characters.push(new ConstantCharacter(character, placeholderCharacter));\n      } else {\n        characters.push(new CharacterType(character, placeholderCharacter));\n      }\n    }\n\n    return characters;\n  }\n\n  private _getParts(mask: string, placeholder?: string) {\n    const parts = [...mask];\n    const placeholderParts =\n      placeholder != null ? [...placeholder] : new Array(parts.length);\n    if (placeholderParts.length !== parts.length) {\n      throw new Error(\n        'Invalid mask overlay. It needs to be the exact character length as the mask.'\n      );\n    }\n    this._validateMask(mask, parts);\n\n    return {\n      maskParts: parts,\n      placeholderParts: placeholderParts,\n    };\n  }\n\n  private _validateMask(mask: string, parts: string[]) {\n    if (mask.length === 0) {\n      throw new Error('Mask cannot be an empty string.');\n    }\n\n    const constants = parts.filter(c => dynamicCharacters.indexOf(c) === -1);\n    if (constants.length === parts.length) {\n      throw new Error('You cannot have a mask that is all constants.');\n    }\n  }\n}\n"],"names":["characterMap","AlphaCharacter","NumericCharacter","AlphaNumericCharacter","LanguageCharacter","dynamicCharacters","Mask","config","position","finalPosition","prevCharacter","isCursorBeyond","character","c","start","end","i","cursorPosition","characters","x","hasMoreFilled","constantCharacter","index","characterIndex","insertableSlotCount","length","slotIndex","mask","placeholder","maskParts","placeholderParts","placeholderCharacter","isEscaping","CharacterType","ConstantCharacter","parts"],"mappings":"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"}

package/dist/inputs/mask_input/mask_config.d.ts

@@ -0,0 +1,26 @@
+export interface MaskConfig {
+    /**
+     * * '9' 0-9
+     * * 'a' A-Z, a-z
+     * * '*' A-Z, a-z, 0-9
+     * * All other characters are considered as constants. To use "9", "a", or "*" as a constant
+     * escape it with a backslash. This example, "$9.\9\9" will allow the user to decide what
+     * the first number will be, but because the second two are escaped, they became constants
+     * and part of the template.
+     * @example
+     * <InputMask mask={{mask: "99/99/9999"}}>
+     */
+    mask: string;
+    /**
+     * The placeholder overlays the mask to give more meaning to the mask. If the
+     * placeholder has a different amount of characters it will throw a run time error.
+     *
+     * In the example below the input's value would be "mm/dd/yyyy". If the user types a "0"
+     * then a "5", then the input's value would be "05/dd/yyyy". By default the placeholder
+     * places "_" in every spot the user can put custom input.
+     * @example
+     * <InputMask mask={{mask:"99/99/99", placeholder:"mm/dd/yyyy"}} />
+     */
+    placeholder?: string;
+}
+//# sourceMappingURL=mask_config.d.ts.map

package/dist/inputs/mask_input/mask_config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mask_config.d.ts","sourceRoot":"","sources":["../../../src/inputs/mask_input/mask_config.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACzB;;;;;;;;;;OAUG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;;;;;;;OASG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}

package/dist/inputs/mask_input/mask_config.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=mask_config.js.map

package/dist/inputs/mask_input/mask_config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mask_config.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/inputs/mask_input/mask_cursor.d.ts

@@ -0,0 +1,14 @@
+export interface MaskCursor {
+    moveRight(): void;
+    moveLeft(): void;
+    moveTo(position: number): void;
+    insert(value: string): boolean;
+    insertPush(value: string): boolean;
+    isFilledBeyondIndex(index: number): boolean;
+    isEmptyBeforeIndex(index: number): boolean;
+    isPreviousCharacterEmpty(): boolean;
+    arePreviousCharactersAllConstants(): boolean;
+    getCharacterLength(): number;
+    getCursorPosition(): number;
+}
+//# sourceMappingURL=mask_cursor.d.ts.map

package/dist/inputs/mask_input/mask_cursor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mask_cursor.d.ts","sourceRoot":"","sources":["../../../src/inputs/mask_input/mask_cursor.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACzB,SAAS,IAAI,IAAI,CAAC;IAElB,QAAQ,IAAI,IAAI,CAAC;IAEjB,MAAM,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IAE/B,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;IAE/B,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;IAEnC,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;IAE5C,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;IAE3C,wBAAwB,IAAI,OAAO,CAAC;IAEpC,iCAAiC,IAAI,OAAO,CAAC;IAE7C,kBAAkB,IAAI,MAAM,CAAC;IAE7B,iBAAiB,IAAI,MAAM,CAAC;CAC7B"}

package/dist/inputs/mask_input/mask_cursor.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=mask_cursor.js.map

package/dist/inputs/mask_input/mask_cursor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mask_cursor.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/inputs/mask_input/mask_input.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { InputProps } from '../input/input.js';
+import { MaskConfig } from './mask_config.js';
+export interface MaskInputProps extends Omit<InputProps, 'onChange' | 'placeholder'> {
+    value?: string;
+    mask: MaskConfig | MaskConfig[];
+    onChange?: (value: string, isComplete: boolean) => void;
+    preparePasteValue?: (value: string) => string;
+    prepareCutValue?: (value: string) => string;
+    prepareCopyValue?: (value: string) => string;
+}
+export declare const MaskInput: React.ForwardRefExoticComponent<MaskInputProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=mask_input.d.ts.map

package/dist/inputs/mask_input/mask_input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mask_input.d.ts","sourceRoot":"","sources":["../../../src/inputs/mask_input/mask_input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4C,MAAM,OAAO,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAG9C,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,aAAa,CAAC;IAClF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,UAAU,GAAG,UAAU,EAAE,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACxD,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9C,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAC9C;AAED,eAAO,MAAM,SAAS,yFAoOrB,CAAC"}

package/dist/inputs/mask_input/mask_input.js

@@ -0,0 +1,122 @@
+import { jsx as V } from "react/jsx-runtime";
+import { useSignalValue as B } from "@tcn/state";
+import "../../utils/focus_redirect.js";
+import "../../utils/click_away_listener.js";
+import "../../utils/scroll_away_listener.js";
+import A, { useRef as I, useState as j, useLayoutEffect as p } from "react";
+import { useForkRef as K } from "../../utils/hooks/use_fork_ref.js";
+import "../../utils/hooks/use_resize_observer.js";
+import { KeyCaptureInput as F } from "./key_capture_input.js";
+import { MaskPresenter as _ } from "./mask_presenter.js";
+const Y = A.forwardRef(
+  function({
+    value: m = "",
+    onChange: d,
+    mask: c,
+    onPaste: g,
+    onCut: S,
+    onCopy: v,
+    preparePasteValue: w = (i) => i,
+    prepareCutValue: R = (i) => i,
+    prepareCopyValue: y = (i) => i,
+    ...C
+  }, E) {
+    const i = Array.isArray(c) ? c : [c], f = I(null), D = K(E, f), [e] = j(() => new _(i)), P = B(e.valueBroadcast);
+    B(e.maskConfigsBroadcast);
+    function T(t, s, n, o, l, r) {
+      switch (n != null ? e.setSelection(n.start, n.end) : e.forceMoveCursorTo(o), s) {
+        case "Delete":
+          e.delete();
+        case "Backspace":
+          e.backspace();
+      }
+      e.insertText(t);
+      const a = e.valueBroadcast.get(), u = e.cursorPositionBroadcast.get();
+      r.value = a, r.setSelectionRange(u, u), d && d(a, e.isComplete());
+    }
+    p(() => {
+      const t = Array.isArray(c) ? c : [c], s = t.map((o) => o.mask).join("|"), n = e.maskConfigsBroadcast.get().map((o) => o.mask).join("|");
+      s !== n && e.setMaskConfigs(t);
+    }, [e, c]), p(() => {
+      e.setValue(m);
+      const t = e.selectionBroadcast.get(), s = e.cursorPositionBroadcast.get(), n = f.current;
+      n != null && (t != null ? n.setSelectionRange(t.start, t.end) : n.setSelectionRange(s, s));
+    }, [e, m]);
+    function M(t) {
+      const s = t.currentTarget, n = s.selectionStart, o = s.selectionEnd;
+      n != null && o != null && n !== o ? e.setSelection(n, o) : e.moveCursorTo(n || 0), e.insertText(w(t.clipboardData.getData("text/plain")));
+      const r = e.cursorPositionBroadcast.get();
+      s.value = e.valueBroadcast.get(), s.setSelectionRange(r, r), t.preventDefault(), g && g(t), d && d(e.valueBroadcast.get(), e.isComplete());
+    }
+    function x(t) {
+      const s = t.currentTarget, n = s.selectionStart, o = s.selectionEnd;
+      if (n != null && o != null && n !== o) {
+        e.setSelection(n, o);
+        const r = R(e.getSelectedValue());
+        e.clearRange(n, o);
+        const a = e.cursorPositionBroadcast.get();
+        t.clipboardData.setData("text/plain", r), s.value = e.valueBroadcast.get(), s.setSelectionRange(a, a);
+      }
+      t.preventDefault(), S && S(t);
+    }
+    function L(t) {
+      const s = t.currentTarget, n = s.selectionStart, o = s.selectionEnd;
+      if (n != null && o != null && n !== o) {
+        e.setSelection(n, o);
+        const r = y(e.getSelectedValue());
+        t.clipboardData.setData("text/plain", r);
+      }
+      t.preventDefault(), v && v(t);
+    }
+    return p(() => {
+      let t = "unknown";
+      if (f.current == null)
+        return;
+      function n() {
+        t = "mouse";
+      }
+      function o() {
+        t = "keyboard";
+      }
+      function l() {
+        const r = f.current;
+        if (r == null)
+          return;
+        const a = r.selectionStart, u = r.selectionEnd, k = a != null && u != null && a !== u;
+        if (r !== document.activeElement || t === "keyboard") {
+          t = "unknown";
+          return;
+        }
+        const b = e.filledValueBroadcast.get();
+        if (k && b.length === 0) {
+          e.moveCursorTo(0), r.setSelectionRange(0, 0), t = "unknown";
+          return;
+        }
+        if (!k) {
+          e.moveCursorTo(u || 0);
+          const h = e.cursorPositionBroadcast.get();
+          r.setSelectionRange(h, h);
+        }
+        t = "unknown";
+      }
+      return document.addEventListener("selectionchange", l), document.addEventListener("mousedown", n), document.addEventListener("keydown", o), () => {
+        document.removeEventListener("selectionchange", l), document.removeEventListener("mousedown", n), document.removeEventListener("keydown", o);
+      };
+    }, [e]), /* @__PURE__ */ V(
+      F,
+      {
+        value: P,
+        ref: D,
+        onCopy: L,
+        onPaste: M,
+        onCut: x,
+        onKeyCapture: T,
+        ...C
+      }
+    );
+  }
+);
+export {
+  Y as MaskInput
+};
+//# sourceMappingURL=mask_input.js.map

package/dist/inputs/mask_input/mask_input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mask_input.js","sources":["../../../src/inputs/mask_input/mask_input.tsx"],"sourcesContent":["import { useSignalValue } from '@tcn/state';\nimport { useForkRef } from '../../utils/index.js';\nimport React, { useRef, useState, useLayoutEffect } from 'react';\nimport { InputProps } from '../input/input.js';\nimport { KeyCaptureInput, Range } from './key_capture_input.js';\nimport { MaskConfig } from './mask_config.js';\nimport { MaskPresenter } from './mask_presenter.js';\n\nexport interface MaskInputProps extends Omit<InputProps, 'onChange' | 'placeholder'> {\n  value?: string;\n  mask: MaskConfig | MaskConfig[];\n  onChange?: (value: string, isComplete: boolean) => void;\n  preparePasteValue?: (value: string) => string;\n  prepareCutValue?: (value: string) => string;\n  prepareCopyValue?: (value: string) => string;\n}\n\nexport const MaskInput = React.forwardRef<HTMLInputElement, MaskInputProps>(\n  function MaskInput(\n    {\n      value = '',\n      onChange,\n      mask,\n      onPaste,\n      onCut,\n      onCopy,\n      preparePasteValue = s => s,\n      prepareCutValue = s => s,\n      prepareCopyValue = s => s,\n      ...props\n    }: MaskInputProps,\n    ref\n  ) {\n    // Fix copy on input, its not working\n    const masks = Array.isArray(mask) ? mask : [mask];\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const forkedRef = useForkRef(ref, inputRef);\n\n    const [presenter] = useState(() => {\n      const presenter = new MaskPresenter(masks);\n      return presenter;\n    });\n\n    const internalValue = useSignalValue(presenter.valueBroadcast);\n    useSignalValue(presenter.maskConfigsBroadcast);\n\n    function handleInput(\n      input: string,\n      key: string,\n      selection: Range | null,\n      cursorPosition: number,\n      _: number,\n      inputElement: HTMLInputElement\n    ) {\n      if (selection != null) {\n        presenter.setSelection(selection.start, selection.end);\n      } else {\n        presenter.forceMoveCursorTo(cursorPosition);\n      }\n\n      switch (key) {\n        case 'Delete': {\n          presenter.delete();\n        }\n        case 'Backspace': {\n          presenter.backspace();\n        }\n      }\n\n      presenter.insertText(input);\n\n      const value = presenter.valueBroadcast.get();\n      const resolvedCursorPosition = presenter.cursorPositionBroadcast.get();\n\n      inputElement.value = value;\n      inputElement.setSelectionRange(resolvedCursorPosition, resolvedCursorPosition);\n\n      onChange && onChange(value, presenter.isComplete());\n    }\n\n    useLayoutEffect(() => {\n      const masks = Array.isArray(mask) ? mask : [mask];\n\n      const oldMaskString = masks.map(m => m.mask).join('|');\n      const newMaskString = presenter.maskConfigsBroadcast\n        .get()\n        .map(m => m.mask)\n        .join('|');\n\n      if (oldMaskString !== newMaskString) {\n        presenter.setMaskConfigs(masks);\n      }\n    }, [presenter, mask]);\n\n    useLayoutEffect(() => {\n      presenter.setValue(value);\n      const selection = presenter.selectionBroadcast.get();\n      const cursorPosition = presenter.cursorPositionBroadcast.get();\n\n      const input = inputRef.current;\n\n      if (input != null) {\n        const hasSelection = selection != null;\n\n        if (hasSelection) {\n          input.setSelectionRange(selection.start, selection.end);\n        } else {\n          input.setSelectionRange(cursorPosition, cursorPosition);\n        }\n      }\n    }, [presenter, value]);\n\n    function handlePaste(event: React.ClipboardEvent<HTMLInputElement>) {\n      const inputElement = event.currentTarget;\n      const start = inputElement.selectionStart;\n      const end = inputElement.selectionEnd;\n      const hasSelection = start != null && end != null && start !== end;\n\n      if (hasSelection) {\n        presenter.setSelection(start, end);\n      } else {\n        presenter.moveCursorTo(start || 0);\n      }\n\n      presenter.insertText(preparePasteValue(event.clipboardData.getData('text/plain')));\n      const resolvedCursorPosition = presenter.cursorPositionBroadcast.get();\n\n      inputElement.value = presenter.valueBroadcast.get();\n      inputElement.setSelectionRange(resolvedCursorPosition, resolvedCursorPosition);\n\n      event.preventDefault();\n      onPaste && onPaste(event);\n      onChange && onChange(presenter.valueBroadcast.get(), presenter.isComplete());\n    }\n\n    function handleCut(event: React.ClipboardEvent<HTMLInputElement>) {\n      const inputElement = event.currentTarget;\n      const start = inputElement.selectionStart;\n      const end = inputElement.selectionEnd;\n      const hasSelection = start != null && end != null && start !== end;\n\n      if (hasSelection) {\n        presenter.setSelection(start, end);\n        const value = prepareCutValue(presenter.getSelectedValue());\n        presenter.clearRange(start, end);\n        const resolvedCursorPosition = presenter.cursorPositionBroadcast.get();\n\n        event.clipboardData.setData('text/plain', value);\n        inputElement.value = presenter.valueBroadcast.get();\n        inputElement.setSelectionRange(resolvedCursorPosition, resolvedCursorPosition);\n      }\n\n      event.preventDefault();\n      onCut && onCut(event);\n    }\n\n    function handleCopy(event: React.ClipboardEvent<HTMLInputElement>) {\n      const input = event.currentTarget;\n      const start = input.selectionStart;\n      const end = input.selectionEnd;\n      const hasSelection = start != null && end != null && start !== end;\n\n      if (hasSelection) {\n        presenter.setSelection(start, end);\n        const value = prepareCopyValue(presenter.getSelectedValue());\n\n        event.clipboardData.setData('text/plain', value);\n      }\n\n      event.preventDefault();\n      onCopy && onCopy(event);\n    }\n\n    useLayoutEffect(() => {\n      let mode = 'unknown';\n\n      const input = inputRef.current;\n\n      if (input == null) {\n        return;\n      }\n\n      function handleMouseDown() {\n        mode = 'mouse';\n      }\n\n      function handleKeyDown() {\n        mode = 'keyboard';\n      }\n\n      function handleSelection() {\n        const input = inputRef.current;\n\n        if (input == null) {\n          return;\n        }\n\n        const start = input.selectionStart;\n        const end = input.selectionEnd;\n        const hasSelection = start != null && end != null && start !== end;\n        if (input !== document.activeElement || mode === 'keyboard') {\n          mode = 'unknown';\n          return;\n        }\n\n        const value = presenter.filledValueBroadcast.get();\n\n        if (hasSelection && value.length === 0) {\n          presenter.moveCursorTo(0);\n          input.setSelectionRange(0, 0);\n          mode = 'unknown';\n          return;\n        }\n\n        if (!hasSelection) {\n          presenter.moveCursorTo(end || 0);\n          const cursorPosition = presenter.cursorPositionBroadcast.get();\n          input.setSelectionRange(cursorPosition, cursorPosition);\n        }\n\n        mode = 'unknown';\n      }\n\n      document.addEventListener('selectionchange', handleSelection);\n      document.addEventListener('mousedown', handleMouseDown);\n      document.addEventListener('keydown', handleKeyDown);\n      return () => {\n        document.removeEventListener('selectionchange', handleSelection);\n        document.removeEventListener('mousedown', handleMouseDown);\n        document.removeEventListener('keydown', handleKeyDown);\n      };\n    }, [presenter]);\n\n    return (\n      <KeyCaptureInput\n        value={internalValue}\n        ref={forkedRef}\n        onCopy={handleCopy}\n        onPaste={handlePaste}\n        onCut={handleCut}\n        onKeyCapture={handleInput}\n        {...props}\n      />\n    );\n  }\n);\n"],"names":["MaskInput","React","value","onChange","mask","onPaste","onCut","onCopy","preparePasteValue","s","prepareCutValue","prepareCopyValue","props","ref","masks","inputRef","useRef","forkedRef","useForkRef","presenter","useState","MaskPresenter","internalValue","useSignalValue","handleInput","input","key","selection","cursorPosition","_","inputElement","resolvedCursorPosition","useLayoutEffect","oldMaskString","m","newMaskString","handlePaste","event","start","end","handleCut","handleCopy","mode","handleMouseDown","handleKeyDown","handleSelection","hasSelection","jsx","KeyCaptureInput"],"mappings":"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"}

package/dist/inputs/mask_input/mask_presenter.d.ts

@@ -0,0 +1,45 @@
+import { Mask } from './mask.js';
+import { MaskConfig } from './mask_config.js';
+interface SelectionRange {
+    start: number;
+    end: number;
+}
+export declare class MaskPresenter {
+    private _masks;
+    private _currentMaskIndex;
+    private _value;
+    private _filledValue;
+    private _cursorPosition;
+    private _selection;
+    private _maskConfigs;
+    get valueBroadcast(): import('@tcn/state').IBroadcast<string>;
+    get filledValueBroadcast(): import('@tcn/state').IBroadcast<string>;
+    get cursorPositionBroadcast(): import('@tcn/state').IBroadcast<number>;
+    get selectionBroadcast(): import('@tcn/state').IBroadcast<SelectionRange | null>;
+    get currentMask(): Mask;
+    get maskConfigsBroadcast(): import('@tcn/state').IBroadcast<MaskConfig[]>;
+    constructor(maskConfigs: MaskConfig[]);
+    private _createMasks;
+    initialize(): void;
+    isComplete(): boolean;
+    setMaskConfigs(maskConfigs: MaskConfig[]): void;
+    setValue(value: string): void;
+    insertText(text: string): void;
+    delete(): void;
+    private _transitionToPreviousMaskIfNecessary;
+    private _removeCharactersWithinSelection;
+    backspace(): void;
+    moveCursorRight(): void;
+    moveCursorLeft(): void;
+    moveCursorTo(position: number): void;
+    forceMoveCursorTo(position: number): void;
+    clearRange(start: number, end: number): void;
+    clearAll(): void;
+    getLength(): number;
+    selectAll(): void;
+    setSelection(start: number, end: number): void;
+    removeSelection(): void;
+    getSelectedValue(): string;
+}
+export {};
+//# sourceMappingURL=mask_presenter.d.ts.map

package/dist/inputs/mask_input/mask_presenter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mask_presenter.d.ts","sourceRoot":"","sources":["../../../src/inputs/mask_input/mask_presenter.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAmB9C,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb;AAED,qBAAa,aAAa;IACxB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,iBAAiB,CAAS;IAClC,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,YAAY,CAAiB;IACrC,OAAO,CAAC,eAAe,CAAiB;IACxC,OAAO,CAAC,UAAU,CAAgC;IAClD,OAAO,CAAC,YAAY,CAAuB;IAE3C,IAAI,cAAc,4CAEjB;IAED,IAAI,oBAAoB,4CAEvB;IAED,IAAI,uBAAuB,4CAE1B;IAED,IAAI,kBAAkB,2DAErB;IAED,IAAI,WAAW,SAEd;IAED,IAAI,oBAAoB,kDAEvB;gBAEW,WAAW,EAAE,UAAU,EAAE;IAUrC,OAAO,CAAC,YAAY;IAepB,UAAU;IAIV,UAAU;IAIV,cAAc,CAAC,WAAW,EAAE,UAAU,EAAE;IAWxC,QAAQ,CAAC,KAAK,EAAE,MAAM;IAYtB,UAAU,CAAC,IAAI,EAAE,MAAM;IAuDvB,MAAM;IAcN,OAAO,CAAC,oCAAoC;IA2B5C,OAAO,CAAC,gCAAgC;IAMxC,SAAS;IAoBT,eAAe;IAOf,cAAc;IAOd,YAAY,CAAC,QAAQ,EAAE,MAAM;IAS7B,iBAAiB,CAAC,QAAQ,EAAE,MAAM;IAIlC,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM;IASrC,QAAQ;IAKR,SAAS;IAIT,SAAS;IAIT,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM;IAKvC,eAAe;IAMf,gBAAgB;CAQjB"}

package/dist/inputs/mask_input/mask_presenter.js

@@ -0,0 +1,146 @@
+import { Signal as i } from "@tcn/state";
+import { Mask as g } from "./mask.js";
+function M(s) {
+  const t = /* @__PURE__ */ new Set();
+  return s.forEach((e) => t.add(e.getCharacterLength())), t.size === s.length;
+}
+function _(s, t) {
+  return s.getInsertableSlotLength() > t.getInsertableSlotLength() ? 1 : s.getInsertableSlotLength() > t.getInsertableSlotLength() ? -1 : s.getCharacterLength() - t.getCharacterLength();
+}
+class v {
+  _masks;
+  _currentMaskIndex;
+  _value;
+  _filledValue;
+  _cursorPosition;
+  _selection;
+  _maskConfigs;
+  get valueBroadcast() {
+    return this._value.broadcast;
+  }
+  get filledValueBroadcast() {
+    return this._filledValue.broadcast;
+  }
+  get cursorPositionBroadcast() {
+    return this._cursorPosition.broadcast;
+  }
+  get selectionBroadcast() {
+    return this._selection.broadcast;
+  }
+  get currentMask() {
+    return this._masks[this._currentMaskIndex];
+  }
+  get maskConfigsBroadcast() {
+    return this._maskConfigs.broadcast;
+  }
+  constructor(t) {
+    this._masks = this._createMasks(t), this._currentMaskIndex = 0, this._cursorPosition = new i(0), this._value = new i(this._masks[this._currentMaskIndex].getValue()), this._filledValue = new i(this._masks[this._currentMaskIndex].getFilledValue()), this._selection = new i(null), this._maskConfigs = new i(t);
+  }
+  _createMasks(t) {
+    const e = t.map((r) => new g(r));
+    if (t.length < 1)
+      throw new Error("Have to have at least one mask.");
+    if (!M(e))
+      throw new Error("Masks need to be different lengths.");
+    return e.sort(_), e;
+  }
+  initialize() {
+    this.moveCursorTo(0);
+  }
+  isComplete() {
+    return this.currentMask.ifFilled();
+  }
+  setMaskConfigs(t) {
+    const e = this._value.get();
+    this._masks = this._createMasks(t), this._currentMaskIndex = 0, this.moveCursorTo(0), this.insertText(e), this._maskConfigs.set(t);
+  }
+  setValue(t) {
+    if (this._value.get() === t)
+      return;
+    this.selectAll(), this.backspace();
+    const e = this._cursorPosition.get();
+    this.moveCursorTo(0), this.insertText(t), this.moveCursorTo(e);
+  }
+  insertText(t) {
+    const e = [...t], r = this._selection.get();
+    if (r != null && this._removeCharactersWithinSelection(r), e.length < 1) {
+      const a = this.currentMask.getValue(), l = this.currentMask.getFilledValue();
+      this._transitionToPreviousMaskIfNecessary(), this._value.set(a), this._filledValue.set(l), this._cursorPosition.set(this.currentMask.getCursorPosition());
+      return;
+    }
+    for (let a of e) {
+      if (this.currentMask.ifFilled() && this._currentMaskIndex + 1 < this._masks.length) {
+        const h = this.currentMask.getCursorPosition() >= this.currentMask.getCharacterLength(), u = this.currentMask.getInsertableSlotIndexForCharacter(
+          this.currentMask.getCursorPosition()
+        ), k = this.currentMask.getInsertableSlotValues();
+        this._currentMaskIndex += 1, this.currentMask.clearAll(), this.insertText(k);
+        const c = this.currentMask.getCharacterIndexforInsertableSlotIndex(u);
+        h ? this.currentMask.moveTo(c + 1) : this.currentMask.moveTo(c);
+      }
+      this.currentMask.insert(a) && this.currentMask.moveRight();
+    }
+    const n = this.currentMask.getValue(), o = this.currentMask.getFilledValue();
+    this._value.set(n), this._filledValue.set(o), this._cursorPosition.set(this.currentMask.getCursorPosition());
+  }
+  delete() {
+    const t = this._selection.get();
+    t != null ? this._removeCharactersWithinSelection(t) : this.currentMask.deleteCharacter(), this._transitionToPreviousMaskIfNecessary(), this._value.set(this.currentMask.getValue()), this._filledValue.set(this.currentMask.getFilledValue()), this._cursorPosition.set(this.currentMask.getCursorPosition());
+  }
+  _transitionToPreviousMaskIfNecessary() {
+    const t = this._masks[this._currentMaskIndex - 1];
+    if (t && this.currentMask.getInsertableSlotValues().length <= t.getInsertableSlotLength()) {
+      const r = this.currentMask.getInsertableSlotIndexForCharacter(
+        this.currentMask.getCursorPosition()
+      ), n = this.currentMask.getInsertableSlotValues();
+      this._currentMaskIndex -= 1, t.clearAll(), this.currentMask.moveTo(0), this.insertText(n);
+      const o = this.currentMask.getCharacterIndexforInsertableSlotIndex(r);
+      this.currentMask.moveTo(o);
+    }
+  }
+  _removeCharactersWithinSelection(t) {
+    this.currentMask.clearRange(t.start, t.end), this.currentMask.moveTo(t.start), this.removeSelection();
+  }
+  backspace() {
+    const t = this._selection.get();
+    t != null ? this._removeCharactersWithinSelection(t) : (this.currentMask.moveTo(this.currentMask.getCursorPosition() - 1), this.currentMask.deleteCharacter()), this._transitionToPreviousMaskIfNecessary(), this._value.set(this.currentMask.getValue()), this._filledValue.set(this.currentMask.getFilledValue()), this._cursorPosition.set(this.currentMask.getCursorPosition()), this.currentMask.getFilledLength() === 0 && (this._currentMaskIndex = 0, this.currentMask.clearAll());
+  }
+  moveCursorRight() {
+    this.removeSelection(), this.currentMask.moveRight(), this._cursorPosition.set(this.currentMask.getCursorPosition());
+  }
+  moveCursorLeft() {
+    this.removeSelection(), this.currentMask.moveLeft(), this._cursorPosition.set(this.currentMask.getCursorPosition());
+  }
+  moveCursorTo(t) {
+    const e = Math.min(this.currentMask.getValueLength(), t);
+    this.removeSelection(), this.currentMask.moveTo(e), this._cursorPosition.set(this.currentMask.getCursorPosition());
+  }
+  forceMoveCursorTo(t) {
+    this.currentMask.forceMoveTo(t);
+  }
+  clearRange(t, e) {
+    this.currentMask.clearRange(t, e), this.currentMask.moveTo(t), this._value.set(this.currentMask.getValue()), this._filledValue.set(this.currentMask.getFilledValue()), this._cursorPosition.set(this.currentMask.getCursorPosition());
+  }
+  clearAll() {
+    this.selectAll(), this.backspace();
+  }
+  getLength() {
+    return this.currentMask.getValueLength();
+  }
+  selectAll() {
+    this.setSelection(0, this.currentMask.getValueLength());
+  }
+  setSelection(t, e) {
+    this._selection.set({ start: Math.min(t, e), end: Math.max(t, e) }), this._cursorPosition.set(t);
+  }
+  removeSelection() {
+    this._selection.transform((t) => null);
+  }
+  getSelectedValue() {
+    const t = this._selection.get();
+    return t != null ? this.currentMask.getValueWithinRange(t.start, t.end) : "";
+  }
+}
+export {
+  v as MaskPresenter
+};
+//# sourceMappingURL=mask_presenter.js.map