@skbkontur/react-ui 6.1.5 → 6.1.6-2ffa7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (185) hide show
  1. package/components/FxInput/FxInput.d.ts +1 -1
  2. package/components/FxInput/FxInput.js.map +1 -1
  3. package/components/MaskedInput/MaskedInput.d.ts +6 -2
  4. package/components/MaskedInput/MaskedInput.js +10 -126
  5. package/components/MaskedInput/MaskedInput.js.map +1 -1
  6. package/components/MaskedInput/MaskedInputLegacy.d.ts +3 -0
  7. package/components/MaskedInput/MaskedInputLegacy.js +142 -0
  8. package/components/MaskedInput/MaskedInputLegacy.js.map +1 -0
  9. package/components/MaskedInput/index.d.ts +1 -0
  10. package/components/MaskedInput/index.js +1 -0
  11. package/components/MaskedInput/index.js.map +1 -1
  12. package/components/MaskedInputV2/MaskedInputV2.d.ts +61 -0
  13. package/components/MaskedInputV2/MaskedInputV2.helpers.d.ts +9 -0
  14. package/components/MaskedInputV2/MaskedInputV2.helpers.js +17 -0
  15. package/components/MaskedInputV2/MaskedInputV2.helpers.js.map +1 -0
  16. package/components/MaskedInputV2/MaskedInputV2.js +293 -0
  17. package/components/MaskedInputV2/MaskedInputV2.js.map +1 -0
  18. package/components/MaskedInputV2/MaskedInputV2.phone.d.ts +25 -0
  19. package/components/MaskedInputV2/MaskedInputV2.phone.js +35 -0
  20. package/components/MaskedInputV2/MaskedInputV2.phone.js.map +1 -0
  21. package/components/MaskedInputV2/MaskedInputV2.styles.d.ts +7 -0
  22. package/components/MaskedInputV2/MaskedInputV2.styles.js +19 -0
  23. package/components/MaskedInputV2/MaskedInputV2.styles.js.map +1 -0
  24. package/components/MaskedInputV2/index.d.ts +2 -0
  25. package/components/MaskedInputV2/index.js +3 -0
  26. package/components/MaskedInputV2/index.js.map +1 -0
  27. package/components/MaskedInputV2/internal/MaskOverlay.d.ts +19 -0
  28. package/components/MaskedInputV2/internal/MaskOverlay.js +54 -0
  29. package/components/MaskedInputV2/internal/MaskOverlay.js.map +1 -0
  30. package/components/MaskedInputV2/internal/MaskedCore.d.ts +8 -0
  31. package/components/MaskedInputV2/internal/MaskedCore.js +186 -0
  32. package/components/MaskedInputV2/internal/MaskedCore.js.map +1 -0
  33. package/components/MaskedInputV2/internal/MaskedCore.types.d.ts +37 -0
  34. package/components/MaskedInputV2/internal/MaskedCore.types.js +2 -0
  35. package/components/MaskedInputV2/internal/MaskedCore.types.js.map +1 -0
  36. package/components/MaskedInputV2/internal/MaskedInternal.styles.d.ts +15 -0
  37. package/components/MaskedInputV2/internal/MaskedInternal.styles.js +34 -0
  38. package/components/MaskedInputV2/internal/MaskedInternal.styles.js.map +1 -0
  39. package/components/MaskedInputV2/internal/buildSlotMap.d.ts +11 -0
  40. package/components/MaskedInputV2/internal/buildSlotMap.js +37 -0
  41. package/components/MaskedInputV2/internal/buildSlotMap.js.map +1 -0
  42. package/components/MaskedInputV2/internal/computeMaskAlignPadding.d.ts +6 -0
  43. package/components/MaskedInputV2/internal/computeMaskAlignPadding.js +47 -0
  44. package/components/MaskedInputV2/internal/computeMaskAlignPadding.js.map +1 -0
  45. package/components/MaskedInputV2/internal/computePasteMaskedCursor.d.ts +3 -0
  46. package/components/MaskedInputV2/internal/computePasteMaskedCursor.js +11 -0
  47. package/components/MaskedInputV2/internal/computePasteMaskedCursor.js.map +1 -0
  48. package/components/MaskedInputV2/internal/extractRaw.d.ts +10 -0
  49. package/components/MaskedInputV2/internal/extractRaw.js +16 -0
  50. package/components/MaskedInputV2/internal/extractRaw.js.map +1 -0
  51. package/components/MaskedInputV2/internal/findNearestRawLeft.d.ts +10 -0
  52. package/components/MaskedInputV2/internal/findNearestRawLeft.js +18 -0
  53. package/components/MaskedInputV2/internal/findNearestRawLeft.js.map +1 -0
  54. package/components/MaskedInputV2/internal/helpers.d.ts +8 -0
  55. package/components/MaskedInputV2/internal/helpers.js +9 -0
  56. package/components/MaskedInputV2/internal/helpers.js.map +1 -0
  57. package/components/MaskedInputV2/internal/maskedCoreClipboard.d.ts +25 -0
  58. package/components/MaskedInputV2/internal/maskedCoreClipboard.js +30 -0
  59. package/components/MaskedInputV2/internal/maskedCoreClipboard.js.map +1 -0
  60. package/components/MaskedInputV2/internal/maskedCoreDeletion.d.ts +28 -0
  61. package/components/MaskedInputV2/internal/maskedCoreDeletion.js +70 -0
  62. package/components/MaskedInputV2/internal/maskedCoreDeletion.js.map +1 -0
  63. package/components/MaskedInputV2/internal/maskedCoreInputChange.d.ts +35 -0
  64. package/components/MaskedInputV2/internal/maskedCoreInputChange.js +31 -0
  65. package/components/MaskedInputV2/internal/maskedCoreInputChange.js.map +1 -0
  66. package/components/MaskedInputV2/internal/maskedCoreNavigation.d.ts +13 -0
  67. package/components/MaskedInputV2/internal/maskedCoreNavigation.js +79 -0
  68. package/components/MaskedInputV2/internal/maskedCoreNavigation.js.map +1 -0
  69. package/components/MaskedInputV2/internal/measureInputTextWidth.d.ts +2 -0
  70. package/components/MaskedInputV2/internal/measureInputTextWidth.js +30 -0
  71. package/components/MaskedInputV2/internal/measureInputTextWidth.js.map +1 -0
  72. package/components/MaskedInputV2/internal/setMaskInputSelectionRange.d.ts +2 -0
  73. package/components/MaskedInputV2/internal/setMaskInputSelectionRange.js +25 -0
  74. package/components/MaskedInputV2/internal/setMaskInputSelectionRange.js.map +1 -0
  75. package/components/MaskedInputV2/internal/showOverlay.d.ts +3 -0
  76. package/components/MaskedInputV2/internal/showOverlay.js +16 -0
  77. package/components/MaskedInputV2/internal/showOverlay.js.map +1 -0
  78. package/components/MaskedInputV2/internal/stripMaskChars.d.ts +11 -0
  79. package/components/MaskedInputV2/internal/stripMaskChars.js +20 -0
  80. package/components/MaskedInputV2/internal/stripMaskChars.js.map +1 -0
  81. package/components/MaskedInputV2/internal/types.d.ts +74 -0
  82. package/components/MaskedInputV2/internal/types.js +2 -0
  83. package/components/MaskedInputV2/internal/types.js.map +1 -0
  84. package/components/MaskedInputV2/internal/useInputOverflow.d.ts +4 -0
  85. package/components/MaskedInputV2/internal/useInputOverflow.js +34 -0
  86. package/components/MaskedInputV2/internal/useInputOverflow.js.map +1 -0
  87. package/components/MaskedInputV2/internal/useMaskAlignPadding.d.ts +2 -0
  88. package/components/MaskedInputV2/internal/useMaskAlignPadding.js +33 -0
  89. package/components/MaskedInputV2/internal/useMaskAlignPadding.js.map +1 -0
  90. package/components/MaskedInputV2/internal/useMaskEngine.d.ts +42 -0
  91. package/components/MaskedInputV2/internal/useMaskEngine.js +72 -0
  92. package/components/MaskedInputV2/internal/useMaskEngine.js.map +1 -0
  93. package/components/MaskedInputV2/internal/useMaskedCoreHandlers.d.ts +34 -0
  94. package/components/MaskedInputV2/internal/useMaskedCoreHandlers.js +272 -0
  95. package/components/MaskedInputV2/internal/useMaskedCoreHandlers.js.map +1 -0
  96. package/components/MaskedInputV2/react-imask/imask/controls/html-input-mask-element.d.ts +16 -0
  97. package/components/MaskedInputV2/react-imask/imask/controls/html-input-mask-element.js +59 -0
  98. package/components/MaskedInputV2/react-imask/imask/controls/html-input-mask-element.js.map +1 -0
  99. package/components/MaskedInputV2/react-imask/imask/controls/html-mask-element.d.ts +20 -0
  100. package/components/MaskedInputV2/react-imask/imask/controls/html-mask-element.js +106 -0
  101. package/components/MaskedInputV2/react-imask/imask/controls/html-mask-element.js.map +1 -0
  102. package/components/MaskedInputV2/react-imask/imask/controls/input-history.d.ts +17 -0
  103. package/components/MaskedInputV2/react-imask/imask/controls/input-history.js +49 -0
  104. package/components/MaskedInputV2/react-imask/imask/controls/input-history.js.map +1 -0
  105. package/components/MaskedInputV2/react-imask/imask/controls/input.d.ts +95 -0
  106. package/components/MaskedInputV2/react-imask/imask/controls/input.js +420 -0
  107. package/components/MaskedInputV2/react-imask/imask/controls/input.js.map +1 -0
  108. package/components/MaskedInputV2/react-imask/imask/controls/mask-element.d.ts +30 -0
  109. package/components/MaskedInputV2/react-imask/imask/controls/mask-element.js +59 -0
  110. package/components/MaskedInputV2/react-imask/imask/controls/mask-element.js.map +1 -0
  111. package/components/MaskedInputV2/react-imask/imask/core/action-details.d.ts +30 -0
  112. package/components/MaskedInputV2/react-imask/imask/core/action-details.js +100 -0
  113. package/components/MaskedInputV2/react-imask/imask/core/action-details.js.map +1 -0
  114. package/components/MaskedInputV2/react-imask/imask/core/change-details.d.ts +20 -0
  115. package/components/MaskedInputV2/react-imask/imask/core/change-details.js +46 -0
  116. package/components/MaskedInputV2/react-imask/imask/core/change-details.js.map +1 -0
  117. package/components/MaskedInputV2/react-imask/imask/core/continuous-tail-details.d.ts +21 -0
  118. package/components/MaskedInputV2/react-imask/imask/core/continuous-tail-details.js +52 -0
  119. package/components/MaskedInputV2/react-imask/imask/core/continuous-tail-details.js.map +1 -0
  120. package/components/MaskedInputV2/react-imask/imask/core/holder.d.ts +34 -0
  121. package/components/MaskedInputV2/react-imask/imask/core/holder.js +38 -0
  122. package/components/MaskedInputV2/react-imask/imask/core/holder.js.map +1 -0
  123. package/components/MaskedInputV2/react-imask/imask/core/tail-details.d.ts +20 -0
  124. package/components/MaskedInputV2/react-imask/imask/core/tail-details.js +2 -0
  125. package/components/MaskedInputV2/react-imask/imask/core/tail-details.js.map +1 -0
  126. package/components/MaskedInputV2/react-imask/imask/core/utils.d.ts +24 -0
  127. package/components/MaskedInputV2/react-imask/imask/core/utils.js +100 -0
  128. package/components/MaskedInputV2/react-imask/imask/core/utils.js.map +1 -0
  129. package/components/MaskedInputV2/react-imask/imask/imask.d.ts +5 -0
  130. package/components/MaskedInputV2/react-imask/imask/imask.js +7 -0
  131. package/components/MaskedInputV2/react-imask/imask/imask.js.map +1 -0
  132. package/components/MaskedInputV2/react-imask/imask/index.d.ts +17 -0
  133. package/components/MaskedInputV2/react-imask/imask/index.js +16 -0
  134. package/components/MaskedInputV2/react-imask/imask/index.js.map +1 -0
  135. package/components/MaskedInputV2/react-imask/imask/masked/base.d.ts +114 -0
  136. package/components/MaskedInputV2/react-imask/imask/masked/base.js +411 -0
  137. package/components/MaskedInputV2/react-imask/imask/masked/base.js.map +1 -0
  138. package/components/MaskedInputV2/react-imask/imask/masked/create.d.ts +14 -0
  139. package/components/MaskedInputV2/react-imask/imask/masked/create.js +11 -0
  140. package/components/MaskedInputV2/react-imask/imask/masked/create.js.map +1 -0
  141. package/components/MaskedInputV2/react-imask/imask/masked/factory.d.ts +62 -0
  142. package/components/MaskedInputV2/react-imask/imask/masked/factory.js +107 -0
  143. package/components/MaskedInputV2/react-imask/imask/masked/factory.js.map +1 -0
  144. package/components/MaskedInputV2/react-imask/imask/masked/pattern.d.ts +101 -0
  145. package/components/MaskedInputV2/react-imask/imask/masked/pattern.js +549 -0
  146. package/components/MaskedInputV2/react-imask/imask/masked/pattern.js.map +1 -0
  147. package/components/MaskedInputV2/react-imask/imask/masked/patterns/block.d.ts +30 -0
  148. package/components/MaskedInputV2/react-imask/imask/masked/patterns/block.js +2 -0
  149. package/components/MaskedInputV2/react-imask/imask/masked/patterns/block.js.map +1 -0
  150. package/components/MaskedInputV2/react-imask/imask/masked/patterns/chunk-tail-details.d.ts +20 -0
  151. package/components/MaskedInputV2/react-imask/imask/masked/patterns/chunk-tail-details.js +182 -0
  152. package/components/MaskedInputV2/react-imask/imask/masked/patterns/chunk-tail-details.js.map +1 -0
  153. package/components/MaskedInputV2/react-imask/imask/masked/patterns/cursor.d.ts +31 -0
  154. package/components/MaskedInputV2/react-imask/imask/masked/patterns/cursor.js +163 -0
  155. package/components/MaskedInputV2/react-imask/imask/masked/patterns/cursor.js.map +1 -0
  156. package/components/MaskedInputV2/react-imask/imask/masked/patterns/fixed-definition.d.ts +42 -0
  157. package/components/MaskedInputV2/react-imask/imask/masked/patterns/fixed-definition.js +158 -0
  158. package/components/MaskedInputV2/react-imask/imask/masked/patterns/fixed-definition.js.map +1 -0
  159. package/components/MaskedInputV2/react-imask/imask/masked/patterns/input-definition.d.ts +56 -0
  160. package/components/MaskedInputV2/react-imask/imask/masked/patterns/input-definition.js +185 -0
  161. package/components/MaskedInputV2/react-imask/imask/masked/patterns/input-definition.js.map +1 -0
  162. package/components/MaskedInputV2/react-imask/imask/masked/regexp.d.ts +17 -0
  163. package/components/MaskedInputV2/react-imask/imask/masked/regexp.js +36 -0
  164. package/components/MaskedInputV2/react-imask/imask/masked/regexp.js.map +1 -0
  165. package/components/MaskedInputV2/react-imask/index.d.ts +3 -0
  166. package/components/MaskedInputV2/react-imask/index.js +4 -0
  167. package/components/MaskedInputV2/react-imask/index.js.map +1 -0
  168. package/components/MaskedInputV2/react-imask/input.d.ts +8 -0
  169. package/components/MaskedInputV2/react-imask/input.js +35 -0
  170. package/components/MaskedInputV2/react-imask/input.js.map +1 -0
  171. package/components/MaskedInputV2/react-imask/mixin.d.ts +31 -0
  172. package/components/MaskedInputV2/react-imask/mixin.js +246 -0
  173. package/components/MaskedInputV2/react-imask/mixin.js.map +1 -0
  174. package/lib/events/keyboard/KeyboardEventCodes.d.ts +2 -0
  175. package/lib/events/keyboard/KeyboardEventCodes.js +2 -0
  176. package/lib/events/keyboard/KeyboardEventCodes.js.map +1 -1
  177. package/lib/events/keyboard/KeyboardMapKeys.js +2 -0
  178. package/lib/events/keyboard/KeyboardMapKeys.js.map +1 -1
  179. package/lib/events/keyboard/identifiers.d.ts +2 -0
  180. package/lib/events/keyboard/identifiers.js +6 -0
  181. package/lib/events/keyboard/identifiers.js.map +1 -1
  182. package/lib/featureFlagsContext/ReactUIFeatureFlagsContext.d.ts +1 -0
  183. package/lib/featureFlagsContext/ReactUIFeatureFlagsContext.js +1 -0
  184. package/lib/featureFlagsContext/ReactUIFeatureFlagsContext.js.map +1 -1
  185. package/package.json +4 -1
@@ -0,0 +1,34 @@
1
+ import { useLayoutEffect, useState } from 'react';
2
+ import { measureInputTextWidth } from './measureInputTextWidth.js';
3
+ export function isInputTextOverflowing(input, displayValue) {
4
+ if (input.scrollWidth > input.clientWidth) {
5
+ return true;
6
+ }
7
+ var text = input.value || displayValue;
8
+ return measureInputTextWidth(input, text) > input.clientWidth;
9
+ }
10
+ /** Горизонтальное переполнение текста внутри input. */
11
+ export function useInputOverflow(inputRef, displayValue, remeasureKey) {
12
+ var _a = useState(false), overflow = _a[0], setOverflow = _a[1];
13
+ useLayoutEffect(function () {
14
+ var input = inputRef.current;
15
+ if (!input) {
16
+ return;
17
+ }
18
+ var measure = function () {
19
+ setOverflow(function (prev) {
20
+ var next = isInputTextOverflowing(input, displayValue);
21
+ return prev === next ? prev : next;
22
+ });
23
+ };
24
+ measure();
25
+ if (typeof ResizeObserver === 'undefined') {
26
+ return;
27
+ }
28
+ var observer = new ResizeObserver(measure);
29
+ observer.observe(input);
30
+ return function () { return observer.disconnect(); };
31
+ }, [displayValue, inputRef, remeasureKey]);
32
+ return overflow;
33
+ }
34
+ //# sourceMappingURL=useInputOverflow.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useInputOverflow.js","sourceRoot":"","sources":["useInputOverflow.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAEnE,MAAM,UAAU,sBAAsB,CAAC,KAAuB,EAAE,YAAoB;IAClF,IAAI,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC;QAC1C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAM,IAAI,GAAG,KAAK,CAAC,KAAK,IAAI,YAAY,CAAC;IACzC,OAAO,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC;AAChE,CAAC;AAED,uDAAuD;AACvD,MAAM,UAAU,gBAAgB,CAC9B,QAAkD,EAClD,YAAoB,EACpB,YAAqB;IAEf,IAAA,KAA0B,QAAQ,CAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAC;IAEhD,eAAe,CAAC;QACd,IAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC/B,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAO;QACT,CAAC;QAED,IAAM,OAAO,GAAG;YACd,WAAW,CAAC,UAAC,IAAI;gBACf,IAAM,IAAI,GAAG,sBAAsB,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;gBACzD,OAAO,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;YACrC,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,OAAO,EAAE,CAAC;QAEV,IAAI,OAAO,cAAc,KAAK,WAAW,EAAE,CAAC;YAC1C,OAAO;QACT,CAAC;QAED,IAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,OAAO,CAAC,CAAC;QAC7C,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAExB,OAAO,cAAM,OAAA,QAAQ,CAAC,UAAU,EAAE,EAArB,CAAqB,CAAC;IACrC,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC;IAE3C,OAAO,QAAQ,CAAC;AAClB,CAAC","sourcesContent":["import type React from 'react';\nimport { useLayoutEffect, useState } from 'react';\n\nimport { measureInputTextWidth } from './measureInputTextWidth.js';\n\nexport function isInputTextOverflowing(input: HTMLInputElement, displayValue: string): boolean {\n if (input.scrollWidth > input.clientWidth) {\n return true;\n }\n\n const text = input.value || displayValue;\n return measureInputTextWidth(input, text) > input.clientWidth;\n}\n\n/** Горизонтальное переполнение текста внутри input. */\nexport function useInputOverflow(\n inputRef: React.RefObject<HTMLInputElement | null>,\n displayValue: string,\n remeasureKey: unknown,\n): boolean {\n const [overflow, setOverflow] = useState(false);\n\n useLayoutEffect(() => {\n const input = inputRef.current;\n if (!input) {\n return;\n }\n\n const measure = () => {\n setOverflow((prev) => {\n const next = isInputTextOverflowing(input, displayValue);\n return prev === next ? prev : next;\n });\n };\n\n measure();\n\n if (typeof ResizeObserver === 'undefined') {\n return;\n }\n\n const observer = new ResizeObserver(measure);\n observer.observe(input);\n\n return () => observer.disconnect();\n }, [displayValue, inputRef, remeasureKey]);\n\n return overflow;\n}\n"]}
@@ -0,0 +1,2 @@
1
+ import type React from 'react';
2
+ export declare function useMaskAlignPadding(inputRef: React.RefObject<HTMLInputElement | null>, overlayRef: React.RefObject<HTMLElement | null>, displayValue: string, textAlign: React.CSSProperties['textAlign'] | undefined, enabled: boolean): number;
@@ -0,0 +1,33 @@
1
+ import { useLayoutEffect, useState } from 'react';
2
+ import { computeMaskAlignPadding, needsMaskAlignPadding } from './computeMaskAlignPadding.js';
3
+ export function useMaskAlignPadding(inputRef, overlayRef, displayValue, textAlign, enabled) {
4
+ var _a = useState(0), paddingLeft = _a[0], setPaddingLeft = _a[1];
5
+ useLayoutEffect(function () {
6
+ if (!enabled || !needsMaskAlignPadding(textAlign)) {
7
+ setPaddingLeft(0);
8
+ return;
9
+ }
10
+ var input = inputRef.current;
11
+ if (!input) {
12
+ return;
13
+ }
14
+ var update = function () {
15
+ setPaddingLeft(function (prev) {
16
+ var next = computeMaskAlignPadding(input, displayValue, textAlign, overlayRef.current);
17
+ return prev === next ? prev : next;
18
+ });
19
+ };
20
+ update();
21
+ if (typeof ResizeObserver === 'undefined') {
22
+ return;
23
+ }
24
+ var observer = new ResizeObserver(update);
25
+ observer.observe(input);
26
+ if (overlayRef.current) {
27
+ observer.observe(overlayRef.current);
28
+ }
29
+ return function () { return observer.disconnect(); };
30
+ }, [displayValue, enabled, inputRef, overlayRef, textAlign]);
31
+ return paddingLeft;
32
+ }
33
+ //# sourceMappingURL=useMaskAlignPadding.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useMaskAlignPadding.js","sourceRoot":"","sources":["useMaskAlignPadding.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,uBAAuB,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAE9F,MAAM,UAAU,mBAAmB,CACjC,QAAkD,EAClD,UAA+C,EAC/C,YAAoB,EACpB,SAAuD,EACvD,OAAgB;IAEV,IAAA,KAAgC,QAAQ,CAAC,CAAC,CAAC,EAA1C,WAAW,QAAA,EAAE,cAAc,QAAe,CAAC;IAElD,eAAe,CAAC;QACd,IAAI,CAAC,OAAO,IAAI,CAAC,qBAAqB,CAAC,SAAS,CAAC,EAAE,CAAC;YAClD,cAAc,CAAC,CAAC,CAAC,CAAC;YAClB,OAAO;QACT,CAAC;QAED,IAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC/B,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAO;QACT,CAAC;QAED,IAAM,MAAM,GAAG;YACb,cAAc,CAAC,UAAC,IAAI;gBAClB,IAAM,IAAI,GAAG,uBAAuB,CAAC,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;gBACzF,OAAO,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;YACrC,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,MAAM,EAAE,CAAC;QAET,IAAI,OAAO,cAAc,KAAK,WAAW,EAAE,CAAC;YAC1C,OAAO;QACT,CAAC;QAED,IAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,MAAM,CAAC,CAAC;QAC5C,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACxB,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;YACvB,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QACvC,CAAC;QAED,OAAO,cAAM,OAAA,QAAQ,CAAC,UAAU,EAAE,EAArB,CAAqB,CAAC;IACrC,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC;IAE7D,OAAO,WAAW,CAAC;AACrB,CAAC","sourcesContent":["import type React from 'react';\nimport { useLayoutEffect, useState } from 'react';\n\nimport { computeMaskAlignPadding, needsMaskAlignPadding } from './computeMaskAlignPadding.js';\n\nexport function useMaskAlignPadding(\n inputRef: React.RefObject<HTMLInputElement | null>,\n overlayRef: React.RefObject<HTMLElement | null>,\n displayValue: string,\n textAlign: React.CSSProperties['textAlign'] | undefined,\n enabled: boolean,\n): number {\n const [paddingLeft, setPaddingLeft] = useState(0);\n\n useLayoutEffect(() => {\n if (!enabled || !needsMaskAlignPadding(textAlign)) {\n setPaddingLeft(0);\n return;\n }\n\n const input = inputRef.current;\n if (!input) {\n return;\n }\n\n const update = () => {\n setPaddingLeft((prev) => {\n const next = computeMaskAlignPadding(input, displayValue, textAlign, overlayRef.current);\n return prev === next ? prev : next;\n });\n };\n\n update();\n\n if (typeof ResizeObserver === 'undefined') {\n return;\n }\n\n const observer = new ResizeObserver(update);\n observer.observe(input);\n if (overlayRef.current) {\n observer.observe(overlayRef.current);\n }\n\n return () => observer.disconnect();\n }, [displayValue, enabled, inputRef, overlayRef, textAlign]);\n\n return paddingLeft;\n}\n"]}
@@ -0,0 +1,42 @@
1
+ import type { MaskedPattern, MaskedPatternOptions } from '../react-imask/imask/index.js';
2
+ import type { IMaskInputProps } from '../react-imask/index.js';
3
+ import type { MaskState, SlotMap } from './types.js';
4
+ export interface MaskEngine {
5
+ /**
6
+ * Применить raw-ввод, получить MaskState.
7
+ * Чистая функция (без побочных эффектов на внешний стейт).
8
+ */
9
+ compute(raw: string, focused: boolean): MaskState;
10
+ /**
11
+ * Применить вставку с учётом текущего курсора.
12
+ * Возвращает новый raw и флаг переполнения.
13
+ */
14
+ applyPaste(currentRaw: string, rawCursorPos: number, pasted: string): PasteResult;
15
+ /** Карта слотов. Пересчитывается только при смене маски. */
16
+ slotMap: SlotMap;
17
+ /** Доступ к IMask-инстансу для edge cases (imaskProps escape hatch). */
18
+ imask: MaskedPattern;
19
+ }
20
+ interface PasteResult {
21
+ raw: string;
22
+ overflow: boolean;
23
+ }
24
+ export type MaskEager = NonNullable<MaskedPatternOptions['eager']>;
25
+ /** Пропсы хука {@link useMaskEngine}. */
26
+ interface UseMaskEngineProps {
27
+ mask: string;
28
+ maskChar?: string;
29
+ formatChars?: Record<string, string>;
30
+ unmask: boolean;
31
+ alwaysShowMask: boolean;
32
+ imaskProps?: IMaskInputProps<HTMLInputElement>;
33
+ }
34
+ /**
35
+ * Создаёт headless IMask-движок для MaskedInputV2.
36
+ * IMask используется как калькулятор состояния, без привязки к DOM.
37
+ *
38
+ * @param props — настройки маски и поведения отображения.
39
+ * @returns объект {@link MaskEngine} с методами `compute`, `applyPaste`, `slotMap` и `imask`.
40
+ */
41
+ export declare function useMaskEngine(props: UseMaskEngineProps): MaskEngine;
42
+ export {};
@@ -0,0 +1,72 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ import { useMemo } from 'react';
13
+ import { getDefinitions, getMaskChar } from '../MaskedInputV2.helpers.js';
14
+ import { createMask } from '../react-imask/imask/masked/create.js';
15
+ import { buildSlotMap, extractRaw } from './helpers.js';
16
+ /**
17
+ * Создаёт headless IMask-движок для MaskedInputV2.
18
+ * IMask используется как калькулятор состояния, без привязки к DOM.
19
+ *
20
+ * @param props — настройки маски и поведения отображения.
21
+ * @returns объект {@link MaskEngine} с методами `compute`, `applyPaste`, `slotMap` и `imask`.
22
+ */
23
+ export function useMaskEngine(props) {
24
+ var _a, _b;
25
+ var mask = (_a = props.mask) !== null && _a !== void 0 ? _a : '';
26
+ var eager = (_b = props.imaskProps) === null || _b === void 0 ? void 0 : _b.eager;
27
+ var imask = useMemo(function () {
28
+ return createMask(__assign({ mask: mask.replace(/0/g, '{\\0}'), placeholderChar: getMaskChar(props.maskChar), definitions: getDefinitions(props.formatChars), eager: eager !== null && eager !== void 0 ? eager : 'append', overwrite: 'shift', lazy: true }, props.imaskProps));
29
+ }, [mask, props.imaskProps, props.maskChar, eager, JSON.stringify(props.formatChars)]);
30
+ // SlotMap пересчитывается при смене маски
31
+ var slotMap = useMemo(function () { return buildSlotMap(imask); }, [imask]);
32
+ function compute(raw, focused) {
33
+ var lazy = !props.alwaysShowMask && !focused;
34
+ imask.updateOptions({ lazy: true });
35
+ imask.resolve(raw, { input: true });
36
+ if (focused && !raw && (imask.eager === 'append' || imask.eager === true)) {
37
+ imask._appendEager();
38
+ }
39
+ var lazyValue = imask.value;
40
+ var displayValue = lazyValue;
41
+ var typedValue = lazyValue;
42
+ if (!lazy) {
43
+ imask.updateOptions({ lazy: false });
44
+ imask.resolve(raw, { input: true });
45
+ displayValue = imask.displayValue;
46
+ }
47
+ var unmaskedValue = raw === '' ? '' : imask.unmaskedValue;
48
+ var maskedValue = raw === '' ? '' : lazyValue;
49
+ return {
50
+ displayValue: displayValue,
51
+ typedValue: typedValue,
52
+ typedLength: typedValue.length,
53
+ outputValue: props.unmask ? unmaskedValue : maskedValue,
54
+ isComplete: imask.isComplete,
55
+ acceptedLength: imask.unmaskedValue.length,
56
+ };
57
+ }
58
+ function applyPaste(currentRaw, rawCursorPos, pasted) {
59
+ var before = currentRaw.slice(0, rawCursorPos);
60
+ var after = currentRaw.slice(rawCursorPos);
61
+ var pastedRaw = extractRaw(pasted, { imask: imask });
62
+ var candidate = before + pastedRaw + after;
63
+ imask.unmaskedValue = candidate;
64
+ var accepted = imask.rawInputValue;
65
+ return {
66
+ raw: accepted,
67
+ overflow: accepted.length < candidate.length,
68
+ };
69
+ }
70
+ return { compute: compute, applyPaste: applyPaste, slotMap: slotMap, imask: imask };
71
+ }
72
+ //# sourceMappingURL=useMaskEngine.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useMaskEngine.js","sourceRoot":"","sources":["useMaskEngine.ts"],"names":[],"mappings":"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","sourcesContent":["import { useMemo } from 'react';\n\nimport { getDefinitions, getMaskChar } from '../MaskedInputV2.helpers.js';\nimport type { MaskedPattern, MaskedPatternOptions } from '../react-imask/imask/index.js';\nimport { createMask } from '../react-imask/imask/masked/create.js';\nimport type { IMaskInputProps } from '../react-imask/index.js';\nimport { buildSlotMap, extractRaw } from './helpers.js';\nimport type { MaskState, SlotMap } from './types.js';\n\nexport interface MaskEngine {\n /**\n * Применить raw-ввод, получить MaskState.\n * Чистая функция (без побочных эффектов на внешний стейт).\n */\n compute(raw: string, focused: boolean): MaskState;\n\n /**\n * Применить вставку с учётом текущего курсора.\n * Возвращает новый raw и флаг переполнения.\n */\n applyPaste(currentRaw: string, rawCursorPos: number, pasted: string): PasteResult;\n\n /** Карта слотов. Пересчитывается только при смене маски. */\n slotMap: SlotMap;\n\n /** Доступ к IMask-инстансу для edge cases (imaskProps escape hatch). */\n imask: MaskedPattern;\n}\n\ninterface PasteResult {\n raw: string;\n overflow: boolean;\n}\n\nexport type MaskEager = NonNullable<MaskedPatternOptions['eager']>;\n\n/** Пропсы хука {@link useMaskEngine}. */\ninterface UseMaskEngineProps {\n mask: string;\n maskChar?: string;\n formatChars?: Record<string, string>;\n unmask: boolean;\n alwaysShowMask: boolean;\n imaskProps?: IMaskInputProps<HTMLInputElement>;\n}\n\n/**\n * Создаёт headless IMask-движок для MaskedInputV2.\n * IMask используется как калькулятор состояния, без привязки к DOM.\n *\n * @param props — настройки маски и поведения отображения.\n * @returns объект {@link MaskEngine} с методами `compute`, `applyPaste`, `slotMap` и `imask`.\n */\nexport function useMaskEngine(props: UseMaskEngineProps): MaskEngine {\n const mask = props.mask ?? '';\n const eager = props.imaskProps?.eager;\n const imask = useMemo(\n () =>\n createMask({\n mask: mask.replace(/0/g, '{\\\\0}') as any,\n placeholderChar: getMaskChar(props.maskChar),\n definitions: getDefinitions(props.formatChars),\n eager: eager ?? 'append',\n overwrite: 'shift',\n lazy: true,\n ...(props.imaskProps as object),\n }) as unknown as MaskedPattern,\n [mask, props.imaskProps, props.maskChar, eager, JSON.stringify(props.formatChars)],\n );\n\n // SlotMap пересчитывается при смене маски\n const slotMap = useMemo(() => buildSlotMap(imask), [imask]);\n\n function compute(raw: string, focused: boolean): MaskState {\n const lazy = !props.alwaysShowMask && !focused;\n\n imask.updateOptions({ lazy: true });\n imask.resolve(raw, { input: true });\n\n if (focused && !raw && (imask.eager === 'append' || imask.eager === true)) {\n imask._appendEager();\n }\n const lazyValue = imask.value;\n\n let displayValue = lazyValue;\n let typedValue = lazyValue;\n\n if (!lazy) {\n imask.updateOptions({ lazy: false });\n imask.resolve(raw, { input: true });\n displayValue = imask.displayValue;\n }\n\n const unmaskedValue = raw === '' ? '' : imask.unmaskedValue;\n const maskedValue = raw === '' ? '' : lazyValue;\n return {\n displayValue,\n typedValue,\n typedLength: typedValue.length,\n outputValue: props.unmask ? unmaskedValue : maskedValue,\n isComplete: imask.isComplete,\n acceptedLength: imask.unmaskedValue.length,\n };\n }\n\n function applyPaste(currentRaw: string, rawCursorPos: number, pasted: string): PasteResult {\n const before = currentRaw.slice(0, rawCursorPos);\n const after = currentRaw.slice(rawCursorPos);\n\n const pastedRaw = extractRaw(pasted, { imask });\n const candidate = before + pastedRaw + after;\n\n imask.unmaskedValue = candidate;\n const accepted = imask.rawInputValue;\n\n return {\n raw: accepted,\n overflow: accepted.length < candidate.length,\n };\n }\n\n return { compute, applyPaste, slotMap, imask };\n}\n"]}
@@ -0,0 +1,34 @@
1
+ import type React from 'react';
2
+ import type { MaskedCoreProps, MaskedSelectionIntent } from './MaskedCore.types.js';
3
+ type MaskedCoreHandlerProps = Pick<MaskedCoreProps, 'maskState' | 'slotMap' | 'engine' | 'currentRaw' | 'onRawChange' | 'onUnexpectedInput' | 'onUndo' | 'onRedo' | 'coreInputRef' | 'onKeyDown' | 'onMouseUp' | 'onInput' | 'onSelect' | 'onFocus' | 'onBlur' | 'onPaste' | 'selectAllOnFocus'> & {
4
+ syncOverlayScroll: () => void;
5
+ requestSelectionIntent: (intent: MaskedSelectionIntent) => void;
6
+ };
7
+ /**
8
+ * Собирает обработчики DOM-событий для {@link MaskedCore}.
9
+ * Инкапсулирует логику ввода, навигации, clipboard и undo/redo.
10
+ *
11
+ * @param props — состояние маски, движок и колбэки от MaskedInputV2.
12
+ * @returns refs и обработчики для прямого `<input>`.
13
+ */
14
+ export declare function useMaskedCoreHandlers(props: MaskedCoreHandlerProps): {
15
+ pendingCursorRef: React.RefObject<number | null>;
16
+ selectionRange: {
17
+ start: number;
18
+ end: number;
19
+ };
20
+ syncSelection: (el: HTMLInputElement) => void;
21
+ handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
22
+ handleKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
23
+ handleSelect: (e?: React.SyntheticEvent<HTMLInputElement>) => void;
24
+ handlePaste: (e: React.ClipboardEvent<HTMLInputElement>) => void;
25
+ handleBeforeInput: (e: React.FormEvent<HTMLInputElement>) => void;
26
+ handleCopy: (e: React.ClipboardEvent<HTMLInputElement>) => void;
27
+ handleCut: (e: React.ClipboardEvent<HTMLInputElement>) => void;
28
+ handleInput: (e: React.ChangeEvent<HTMLInputElement>) => void;
29
+ handleMouseDown: () => void;
30
+ handleMouseUp: (e: React.MouseEvent<HTMLInputElement>) => void;
31
+ handleFocus: (e: React.FocusEvent<HTMLInputElement>) => void;
32
+ handleBlur: (e: React.FocusEvent<HTMLInputElement>) => void;
33
+ };
34
+ export {};
@@ -0,0 +1,272 @@
1
+ import { useCallback, useRef, useState } from 'react';
2
+ import { isKeyArrow, isKeyBackspace, isKeyDelete, isKeyEnd, isKeyHome, isShortcutRedo, isShortcutSelectAll, isShortcutUndo, } from '../../../lib/events/keyboard/identifiers.js';
3
+ import { scrollInputCaretIntoView } from '../../../lib/scrollInputCaretIntoView.js';
4
+ import { extractRaw } from './extractRaw.js';
5
+ import { computeMaskedCut, getMaskedCopyText } from './maskedCoreClipboard.js';
6
+ import { computeMaskedDeletion } from './maskedCoreDeletion.js';
7
+ import { applyMaskedInputChange } from './maskedCoreInputChange.js';
8
+ import { calcNavigationSelection } from './maskedCoreNavigation.js';
9
+ import { setMaskInputSelectionRange } from './setMaskInputSelectionRange.js';
10
+ /**
11
+ * Собирает обработчики DOM-событий для {@link MaskedCore}.
12
+ * Инкапсулирует логику ввода, навигации, clipboard и undo/redo.
13
+ *
14
+ * @param props — состояние маски, движок и колбэки от MaskedInputV2.
15
+ * @returns refs и обработчики для прямого `<input>`.
16
+ */
17
+ export function useMaskedCoreHandlers(props) {
18
+ var maskState = props.maskState, slotMap = props.slotMap, engine = props.engine, currentRaw = props.currentRaw, onRawChange = props.onRawChange, onUnexpectedInput = props.onUnexpectedInput, onUndo = props.onUndo, onRedo = props.onRedo, coreInputRef = props.coreInputRef, inputOnKeyDown = props.onKeyDown, inputOnMouseUp = props.onMouseUp, inputOnInput = props.onInput, inputOnSelect = props.onSelect, inputOnFocus = props.onFocus, inputOnBlur = props.onBlur, inputOnPaste = props.onPaste, selectAllOnFocus = props.selectAllOnFocus, syncOverlayScroll = props.syncOverlayScroll, requestSelectionIntent = props.requestSelectionIntent;
19
+ var pendingCursorRef = useRef(null);
20
+ var resetCaretOnMouseUpRef = useRef(false);
21
+ var pointerFocusRef = useRef(false);
22
+ /** Блокирует нативный change/input после нашего paste (beforeinput/input race в браузере). */
23
+ var ignoreChangeFromPasteRef = useRef(false);
24
+ var lastSelectionRef = useRef({ start: 0, end: 0 });
25
+ var _a = useState({ start: 0, end: 0 }), selectionRange = _a[0], setSelectionRange = _a[1];
26
+ var syncSelection = useCallback(function (el) {
27
+ var _a, _b;
28
+ var start = (_a = el.selectionStart) !== null && _a !== void 0 ? _a : 0;
29
+ var end = (_b = el.selectionEnd) !== null && _b !== void 0 ? _b : 0;
30
+ lastSelectionRef.current = { start: start, end: end };
31
+ setSelectionRange(function (prev) { return (prev.start === start && prev.end === end ? prev : { start: start, end: end }); });
32
+ }, []);
33
+ function getFocusedInputCaretPos() {
34
+ return engine.compute(currentRaw, true).typedLength;
35
+ }
36
+ function scrollCaretIntoView(el) {
37
+ scrollInputCaretIntoView(el);
38
+ syncOverlayScroll();
39
+ }
40
+ function resetCaretToInputStart(el) {
41
+ var pos = getFocusedInputCaretPos();
42
+ pendingCursorRef.current = pos;
43
+ setMaskInputSelectionRange(el, pos);
44
+ scrollCaretIntoView(el);
45
+ syncSelection(el);
46
+ }
47
+ function setPendingCursor(pos) {
48
+ requestSelectionIntent(null);
49
+ pendingCursorRef.current = pos;
50
+ setMaskInputSelectionRange(coreInputRef.current, pos);
51
+ }
52
+ function handleChange(e) {
53
+ var _a;
54
+ if (ignoreChangeFromPasteRef.current) {
55
+ return;
56
+ }
57
+ requestSelectionIntent(null);
58
+ resetCaretOnMouseUpRef.current = false;
59
+ var _b = applyMaskedInputChange({
60
+ browserDraft: e.target.value,
61
+ cursorPos: (_a = e.target.selectionStart) !== null && _a !== void 0 ? _a : 0,
62
+ typedValue: maskState.typedValue,
63
+ currentRaw: currentRaw,
64
+ oldSelection: lastSelectionRef.current,
65
+ engine: engine,
66
+ }), newRaw = _b.newRaw, cursorPos = _b.cursorPos, rejected = _b.rejected;
67
+ setPendingCursor(cursorPos);
68
+ if (rejected) {
69
+ onUnexpectedInput();
70
+ return;
71
+ }
72
+ onRawChange(newRaw, 'input', cursorPos);
73
+ }
74
+ function handleKeyDown(e) {
75
+ requestSelectionIntent(null);
76
+ resetCaretOnMouseUpRef.current = false;
77
+ var el = coreInputRef.current;
78
+ if (isShortcutSelectAll(e) || isKeyArrow(e) || isKeyEnd(e) || isKeyHome(e) || isKeyBackspace(e) || isKeyDelete(e)) {
79
+ pendingCursorRef.current = null;
80
+ }
81
+ if (isShortcutSelectAll(e)) {
82
+ e.preventDefault();
83
+ setMaskInputSelectionRange(el, 0, maskState.typedLength);
84
+ if (el) {
85
+ scrollCaretIntoView(el);
86
+ syncSelection(el);
87
+ }
88
+ }
89
+ else if (isKeyArrow(e) || isKeyEnd(e) || isKeyHome(e)) {
90
+ e.preventDefault();
91
+ var _a = calcNavigationSelection(e, maskState.typedLength, el), start = _a[0], end = _a[1], dir = _a[2];
92
+ setMaskInputSelectionRange(el, start, end, dir);
93
+ if (el) {
94
+ scrollCaretIntoView(el);
95
+ syncSelection(el);
96
+ }
97
+ }
98
+ else if (isKeyBackspace(e) || isKeyDelete(e)) {
99
+ e.preventDefault();
100
+ if (el) {
101
+ handleDeletion(isKeyBackspace(e), el);
102
+ }
103
+ }
104
+ else if (isShortcutUndo(e)) {
105
+ e.preventDefault();
106
+ onUndo === null || onUndo === void 0 ? void 0 : onUndo();
107
+ }
108
+ else if (isShortcutRedo(e)) {
109
+ e.preventDefault();
110
+ onRedo === null || onRedo === void 0 ? void 0 : onRedo();
111
+ }
112
+ inputOnKeyDown === null || inputOnKeyDown === void 0 ? void 0 : inputOnKeyDown(e);
113
+ }
114
+ function handleDeletion(isBackspace, el) {
115
+ var _a, _b;
116
+ var result = computeMaskedDeletion({
117
+ isBackspace: isBackspace,
118
+ selStart: (_a = el.selectionStart) !== null && _a !== void 0 ? _a : 0,
119
+ selEnd: (_b = el.selectionEnd) !== null && _b !== void 0 ? _b : 0,
120
+ currentRaw: currentRaw,
121
+ slotMap: slotMap,
122
+ });
123
+ if (!result) {
124
+ onUnexpectedInput();
125
+ return;
126
+ }
127
+ pendingCursorRef.current = result.cursorPos;
128
+ onRawChange(result.newRaw, 'input', result.cursorPos);
129
+ }
130
+ function handleSelect(e) {
131
+ var _a, _b, _c;
132
+ var el = coreInputRef.current;
133
+ if (!el) {
134
+ return;
135
+ }
136
+ var max = maskState.typedLength;
137
+ var start = (_a = el.selectionStart) !== null && _a !== void 0 ? _a : 0;
138
+ var end = (_b = el.selectionEnd) !== null && _b !== void 0 ? _b : 0;
139
+ lastSelectionRef.current = { start: start, end: end };
140
+ if (end > max) {
141
+ setMaskInputSelectionRange(el, Math.min(start, max), max, (_c = el.selectionDirection) !== null && _c !== void 0 ? _c : 'none');
142
+ }
143
+ syncSelection(el);
144
+ syncOverlayScroll();
145
+ if (e) {
146
+ inputOnSelect === null || inputOnSelect === void 0 ? void 0 : inputOnSelect(e);
147
+ }
148
+ }
149
+ function handlePaste(e) {
150
+ inputOnPaste === null || inputOnPaste === void 0 ? void 0 : inputOnPaste(e);
151
+ e.preventDefault();
152
+ if (!e.clipboardData) {
153
+ return;
154
+ }
155
+ // Игнорируем последующий input/change от браузера (beforeinput insertFromPaste и т.п.),
156
+ // иначе controlled value перетирается ненормализованным черновиком.
157
+ ignoreChangeFromPasteRef.current = true;
158
+ setTimeout(function () {
159
+ ignoreChangeFromPasteRef.current = false;
160
+ }, 0);
161
+ onRawChange(e.clipboardData.getData('text/plain'), 'paste');
162
+ }
163
+ function handleBeforeInput(e) {
164
+ var nativeEvent = e.nativeEvent;
165
+ if (nativeEvent.inputType === 'insertFromPaste') {
166
+ e.preventDefault();
167
+ ignoreChangeFromPasteRef.current = true;
168
+ setTimeout(function () {
169
+ ignoreChangeFromPasteRef.current = false;
170
+ }, 0);
171
+ }
172
+ }
173
+ function handleCopy(e) {
174
+ var _a, _b;
175
+ var el = coreInputRef.current;
176
+ if (!el) {
177
+ return;
178
+ }
179
+ var start = (_a = el.selectionStart) !== null && _a !== void 0 ? _a : 0;
180
+ var end = (_b = el.selectionEnd) !== null && _b !== void 0 ? _b : 0;
181
+ e.clipboardData.setData('text/plain', getMaskedCopyText(maskState.displayValue, start, end));
182
+ e.preventDefault();
183
+ }
184
+ function handleCut(e) {
185
+ var _a, _b;
186
+ handleCopy(e);
187
+ var el = coreInputRef.current;
188
+ if (!el) {
189
+ return;
190
+ }
191
+ var start = (_a = el.selectionStart) !== null && _a !== void 0 ? _a : 0;
192
+ var end = (_b = el.selectionEnd) !== null && _b !== void 0 ? _b : 0;
193
+ var _c = computeMaskedCut(start, end, currentRaw, slotMap), newRaw = _c.newRaw, cursorPos = _c.cursorPos;
194
+ pendingCursorRef.current = cursorPos;
195
+ onRawChange(newRaw, 'input', cursorPos);
196
+ }
197
+ function handleInput(e) {
198
+ inputOnInput === null || inputOnInput === void 0 ? void 0 : inputOnInput(e);
199
+ }
200
+ function handleMouseDown() {
201
+ requestSelectionIntent(null);
202
+ pointerFocusRef.current = true;
203
+ }
204
+ function handleMouseUp(e) {
205
+ var el = e.currentTarget;
206
+ if (resetCaretOnMouseUpRef.current && !selectAllOnFocus) {
207
+ resetCaretOnMouseUpRef.current = false;
208
+ resetCaretToInputStart(el);
209
+ }
210
+ else {
211
+ resetCaretOnMouseUpRef.current = false;
212
+ handleSelect();
213
+ }
214
+ inputOnMouseUp === null || inputOnMouseUp === void 0 ? void 0 : inputOnMouseUp(e);
215
+ }
216
+ function handleFocus(e) {
217
+ var domValue = e.currentTarget.value;
218
+ if (domValue !== maskState.typedValue) {
219
+ var syncedRaw = extractRaw(domValue, engine);
220
+ if (syncedRaw !== currentRaw) {
221
+ onRawChange(syncedRaw, 'input');
222
+ }
223
+ }
224
+ if (selectAllOnFocus) {
225
+ requestSelectionIntent('select-all');
226
+ pointerFocusRef.current = false;
227
+ resetCaretOnMouseUpRef.current = false;
228
+ }
229
+ else if (pointerFocusRef.current) {
230
+ resetCaretOnMouseUpRef.current = currentRaw.length === 0;
231
+ pointerFocusRef.current = false;
232
+ requestSelectionIntent(null);
233
+ }
234
+ else {
235
+ // Tab / programmatic focus() (в т.ч. ref.focus()): после актуализации
236
+ // maskState каретка должна оказаться после typed / leading fixed.
237
+ requestSelectionIntent('caret-end');
238
+ pendingCursorRef.current = null;
239
+ }
240
+ inputOnFocus === null || inputOnFocus === void 0 ? void 0 : inputOnFocus(e);
241
+ syncSelection(e.currentTarget);
242
+ }
243
+ function handleBlur(e) {
244
+ var _a;
245
+ var pos = (_a = e.currentTarget.selectionStart) !== null && _a !== void 0 ? _a : lastSelectionRef.current.start;
246
+ var collapsed = { start: pos, end: pos };
247
+ lastSelectionRef.current = collapsed;
248
+ setSelectionRange(collapsed);
249
+ pointerFocusRef.current = false;
250
+ resetCaretOnMouseUpRef.current = false;
251
+ requestSelectionIntent(null);
252
+ inputOnBlur === null || inputOnBlur === void 0 ? void 0 : inputOnBlur(e);
253
+ }
254
+ return {
255
+ pendingCursorRef: pendingCursorRef,
256
+ selectionRange: selectionRange,
257
+ syncSelection: syncSelection,
258
+ handleChange: handleChange,
259
+ handleKeyDown: handleKeyDown,
260
+ handleSelect: handleSelect,
261
+ handlePaste: handlePaste,
262
+ handleBeforeInput: handleBeforeInput,
263
+ handleCopy: handleCopy,
264
+ handleCut: handleCut,
265
+ handleInput: handleInput,
266
+ handleMouseDown: handleMouseDown,
267
+ handleMouseUp: handleMouseUp,
268
+ handleFocus: handleFocus,
269
+ handleBlur: handleBlur,
270
+ };
271
+ }
272
+ //# sourceMappingURL=useMaskedCoreHandlers.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useMaskedCoreHandlers.js","sourceRoot":"","sources":["useMaskedCoreHandlers.ts"],"names":[],"mappings":"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","sourcesContent":["import type React from 'react';\nimport { useCallback, useRef, useState } from 'react';\n\nimport {\n isKeyArrow,\n isKeyBackspace,\n isKeyDelete,\n isKeyEnd,\n isKeyHome,\n isShortcutRedo,\n isShortcutSelectAll,\n isShortcutUndo,\n} from '../../../lib/events/keyboard/identifiers.js';\nimport { scrollInputCaretIntoView } from '../../../lib/scrollInputCaretIntoView.js';\nimport { extractRaw } from './extractRaw.js';\nimport type { MaskedCoreProps, MaskedSelectionIntent } from './MaskedCore.types.js';\nimport { computeMaskedCut, getMaskedCopyText } from './maskedCoreClipboard.js';\nimport { computeMaskedDeletion } from './maskedCoreDeletion.js';\nimport { applyMaskedInputChange } from './maskedCoreInputChange.js';\nimport { calcNavigationSelection } from './maskedCoreNavigation.js';\nimport { setMaskInputSelectionRange } from './setMaskInputSelectionRange.js';\n\ntype MaskedCoreHandlerProps = Pick<\n MaskedCoreProps,\n | 'maskState'\n | 'slotMap'\n | 'engine'\n | 'currentRaw'\n | 'onRawChange'\n | 'onUnexpectedInput'\n | 'onUndo'\n | 'onRedo'\n | 'coreInputRef'\n | 'onKeyDown'\n | 'onMouseUp'\n | 'onInput'\n | 'onSelect'\n | 'onFocus'\n | 'onBlur'\n | 'onPaste'\n | 'selectAllOnFocus'\n> & {\n syncOverlayScroll: () => void;\n requestSelectionIntent: (intent: MaskedSelectionIntent) => void;\n};\n\n/**\n * Собирает обработчики DOM-событий для {@link MaskedCore}.\n * Инкапсулирует логику ввода, навигации, clipboard и undo/redo.\n *\n * @param props — состояние маски, движок и колбэки от MaskedInputV2.\n * @returns refs и обработчики для прямого `<input>`.\n */\nexport function useMaskedCoreHandlers(props: MaskedCoreHandlerProps) {\n const {\n maskState,\n slotMap,\n engine,\n currentRaw,\n onRawChange,\n onUnexpectedInput,\n onUndo,\n onRedo,\n coreInputRef,\n onKeyDown: inputOnKeyDown,\n onMouseUp: inputOnMouseUp,\n onInput: inputOnInput,\n onSelect: inputOnSelect,\n onFocus: inputOnFocus,\n onBlur: inputOnBlur,\n onPaste: inputOnPaste,\n selectAllOnFocus,\n syncOverlayScroll,\n requestSelectionIntent,\n } = props;\n\n const pendingCursorRef = useRef<number | null>(null);\n const resetCaretOnMouseUpRef = useRef(false);\n const pointerFocusRef = useRef(false);\n /** Блокирует нативный change/input после нашего paste (beforeinput/input race в браузере). */\n const ignoreChangeFromPasteRef = useRef(false);\n const lastSelectionRef = useRef<{ start: number; end: number }>({ start: 0, end: 0 });\n const [selectionRange, setSelectionRange] = useState({ start: 0, end: 0 });\n\n const syncSelection = useCallback((el: HTMLInputElement) => {\n const start = el.selectionStart ?? 0;\n const end = el.selectionEnd ?? 0;\n lastSelectionRef.current = { start, end };\n setSelectionRange((prev) => (prev.start === start && prev.end === end ? prev : { start, end }));\n }, []);\n\n function getFocusedInputCaretPos() {\n return engine.compute(currentRaw, true).typedLength;\n }\n\n function scrollCaretIntoView(el: HTMLInputElement) {\n scrollInputCaretIntoView(el);\n syncOverlayScroll();\n }\n\n function resetCaretToInputStart(el: HTMLInputElement) {\n const pos = getFocusedInputCaretPos();\n pendingCursorRef.current = pos;\n setMaskInputSelectionRange(el, pos);\n scrollCaretIntoView(el);\n syncSelection(el);\n }\n\n function setPendingCursor(pos: number) {\n requestSelectionIntent(null);\n pendingCursorRef.current = pos;\n setMaskInputSelectionRange(coreInputRef.current, pos);\n }\n\n function handleChange(e: React.ChangeEvent<HTMLInputElement>) {\n if (ignoreChangeFromPasteRef.current) {\n return;\n }\n\n requestSelectionIntent(null);\n resetCaretOnMouseUpRef.current = false;\n\n const { newRaw, cursorPos, rejected } = applyMaskedInputChange({\n browserDraft: e.target.value,\n cursorPos: e.target.selectionStart ?? 0,\n typedValue: maskState.typedValue,\n currentRaw,\n oldSelection: lastSelectionRef.current,\n engine,\n });\n\n setPendingCursor(cursorPos);\n\n if (rejected) {\n onUnexpectedInput();\n return;\n }\n\n onRawChange(newRaw, 'input', cursorPos);\n }\n\n function handleKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\n requestSelectionIntent(null);\n resetCaretOnMouseUpRef.current = false;\n\n const el = coreInputRef.current;\n\n if (isShortcutSelectAll(e) || isKeyArrow(e) || isKeyEnd(e) || isKeyHome(e) || isKeyBackspace(e) || isKeyDelete(e)) {\n pendingCursorRef.current = null;\n }\n\n if (isShortcutSelectAll(e)) {\n e.preventDefault();\n setMaskInputSelectionRange(el, 0, maskState.typedLength);\n if (el) {\n scrollCaretIntoView(el);\n syncSelection(el);\n }\n } else if (isKeyArrow(e) || isKeyEnd(e) || isKeyHome(e)) {\n e.preventDefault();\n const [start, end, dir] = calcNavigationSelection(e, maskState.typedLength, el);\n setMaskInputSelectionRange(el, start, end, dir);\n if (el) {\n scrollCaretIntoView(el);\n syncSelection(el);\n }\n } else if (isKeyBackspace(e) || isKeyDelete(e)) {\n e.preventDefault();\n if (el) {\n handleDeletion(isKeyBackspace(e), el);\n }\n } else if (isShortcutUndo(e)) {\n e.preventDefault();\n onUndo?.();\n } else if (isShortcutRedo(e)) {\n e.preventDefault();\n onRedo?.();\n }\n\n inputOnKeyDown?.(e);\n }\n\n function handleDeletion(isBackspace: boolean, el: HTMLInputElement) {\n const result = computeMaskedDeletion({\n isBackspace,\n selStart: el.selectionStart ?? 0,\n selEnd: el.selectionEnd ?? 0,\n currentRaw,\n slotMap,\n });\n\n if (!result) {\n onUnexpectedInput();\n return;\n }\n\n pendingCursorRef.current = result.cursorPos;\n onRawChange(result.newRaw, 'input', result.cursorPos);\n }\n\n function handleSelect(e?: React.SyntheticEvent<HTMLInputElement>) {\n const el = coreInputRef.current;\n if (!el) {\n return;\n }\n\n const max = maskState.typedLength;\n const start = el.selectionStart ?? 0;\n const end = el.selectionEnd ?? 0;\n lastSelectionRef.current = { start, end };\n\n if (end > max) {\n setMaskInputSelectionRange(el, Math.min(start, max), max, el.selectionDirection ?? 'none');\n }\n\n syncSelection(el);\n syncOverlayScroll();\n\n if (e) {\n inputOnSelect?.(e);\n }\n }\n\n function handlePaste(e: React.ClipboardEvent<HTMLInputElement>) {\n inputOnPaste?.(e);\n e.preventDefault();\n\n if (!e.clipboardData) {\n return;\n }\n\n // Игнорируем последующий input/change от браузера (beforeinput insertFromPaste и т.п.),\n // иначе controlled value перетирается ненормализованным черновиком.\n ignoreChangeFromPasteRef.current = true;\n setTimeout(() => {\n ignoreChangeFromPasteRef.current = false;\n }, 0);\n\n onRawChange(e.clipboardData.getData('text/plain'), 'paste');\n }\n\n function handleBeforeInput(e: React.FormEvent<HTMLInputElement>) {\n const nativeEvent = e.nativeEvent as InputEvent;\n if (nativeEvent.inputType === 'insertFromPaste') {\n e.preventDefault();\n ignoreChangeFromPasteRef.current = true;\n setTimeout(() => {\n ignoreChangeFromPasteRef.current = false;\n }, 0);\n }\n }\n\n function handleCopy(e: React.ClipboardEvent<HTMLInputElement>) {\n const el = coreInputRef.current;\n if (!el) {\n return;\n }\n\n const start = el.selectionStart ?? 0;\n const end = el.selectionEnd ?? 0;\n e.clipboardData.setData('text/plain', getMaskedCopyText(maskState.displayValue, start, end));\n e.preventDefault();\n }\n\n function handleCut(e: React.ClipboardEvent<HTMLInputElement>) {\n handleCopy(e);\n\n const el = coreInputRef.current;\n if (!el) {\n return;\n }\n\n const start = el.selectionStart ?? 0;\n const end = el.selectionEnd ?? 0;\n const { newRaw, cursorPos } = computeMaskedCut(start, end, currentRaw, slotMap);\n\n pendingCursorRef.current = cursorPos;\n onRawChange(newRaw, 'input', cursorPos);\n }\n\n function handleInput(e: React.ChangeEvent<HTMLInputElement>) {\n inputOnInput?.(e);\n }\n\n function handleMouseDown() {\n requestSelectionIntent(null);\n pointerFocusRef.current = true;\n }\n\n function handleMouseUp(e: React.MouseEvent<HTMLInputElement>) {\n const el = e.currentTarget;\n\n if (resetCaretOnMouseUpRef.current && !selectAllOnFocus) {\n resetCaretOnMouseUpRef.current = false;\n resetCaretToInputStart(el);\n } else {\n resetCaretOnMouseUpRef.current = false;\n handleSelect();\n }\n\n inputOnMouseUp?.(e);\n }\n\n function handleFocus(e: React.FocusEvent<HTMLInputElement>) {\n const domValue = e.currentTarget.value;\n if (domValue !== maskState.typedValue) {\n const syncedRaw = extractRaw(domValue, engine);\n if (syncedRaw !== currentRaw) {\n onRawChange(syncedRaw, 'input');\n }\n }\n\n if (selectAllOnFocus) {\n requestSelectionIntent('select-all');\n pointerFocusRef.current = false;\n resetCaretOnMouseUpRef.current = false;\n } else if (pointerFocusRef.current) {\n resetCaretOnMouseUpRef.current = currentRaw.length === 0;\n pointerFocusRef.current = false;\n requestSelectionIntent(null);\n } else {\n // Tab / programmatic focus() (в т.ч. ref.focus()): после актуализации\n // maskState каретка должна оказаться после typed / leading fixed.\n requestSelectionIntent('caret-end');\n pendingCursorRef.current = null;\n }\n\n inputOnFocus?.(e);\n syncSelection(e.currentTarget);\n }\n\n function handleBlur(e: React.FocusEvent<HTMLInputElement>) {\n const pos = e.currentTarget.selectionStart ?? lastSelectionRef.current.start;\n const collapsed = { start: pos, end: pos };\n\n lastSelectionRef.current = collapsed;\n setSelectionRange(collapsed);\n pointerFocusRef.current = false;\n resetCaretOnMouseUpRef.current = false;\n requestSelectionIntent(null);\n\n inputOnBlur?.(e);\n }\n\n return {\n pendingCursorRef,\n selectionRange,\n syncSelection,\n handleChange,\n handleKeyDown,\n handleSelect,\n handlePaste,\n handleBeforeInput,\n handleCopy,\n handleCut,\n handleInput,\n handleMouseDown,\n handleMouseUp,\n handleFocus,\n handleBlur,\n };\n}\n"]}
@@ -0,0 +1,16 @@
1
+ import { HTMLMaskElement } from './html-mask-element.js';
2
+ export type InputElement = HTMLTextAreaElement | HTMLInputElement;
3
+ /** Bridge between InputElement and {@link Masked} */
4
+ export declare class HTMLInputMaskElement extends HTMLMaskElement {
5
+ /** InputElement to use mask on */
6
+ input: InputElement;
7
+ constructor(input: InputElement);
8
+ /** Returns InputElement selection start */
9
+ get _unsafeSelectionStart(): number | null;
10
+ /** Returns InputElement selection end */
11
+ get _unsafeSelectionEnd(): number | null;
12
+ /** Sets InputElement selection */
13
+ _unsafeSelect(start: number, end: number): void;
14
+ get value(): string;
15
+ set value(value: string);
16
+ }
@@ -0,0 +1,59 @@
1
+ var __extends = (this && this.__extends) || (function () {
2
+ var extendStatics = function (d, b) {
3
+ extendStatics = Object.setPrototypeOf ||
4
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
5
+ function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
6
+ return extendStatics(d, b);
7
+ };
8
+ return function (d, b) {
9
+ if (typeof b !== "function" && b !== null)
10
+ throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
11
+ extendStatics(d, b);
12
+ function __() { this.constructor = d; }
13
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
14
+ };
15
+ })();
16
+ /* eslint-disable eqeqeq */
17
+ import { HTMLMaskElement } from './html-mask-element.js';
18
+ /** Bridge between InputElement and {@link Masked} */
19
+ var HTMLInputMaskElement = /** @class */ (function (_super) {
20
+ __extends(HTMLInputMaskElement, _super);
21
+ function HTMLInputMaskElement(input) {
22
+ var _this = _super.call(this, input) || this;
23
+ _this.input = input;
24
+ return _this;
25
+ }
26
+ Object.defineProperty(HTMLInputMaskElement.prototype, "_unsafeSelectionStart", {
27
+ /** Returns InputElement selection start */
28
+ get: function () {
29
+ return this.input.selectionStart != null ? this.input.selectionStart : this.value.length;
30
+ },
31
+ enumerable: false,
32
+ configurable: true
33
+ });
34
+ Object.defineProperty(HTMLInputMaskElement.prototype, "_unsafeSelectionEnd", {
35
+ /** Returns InputElement selection end */
36
+ get: function () {
37
+ return this.input.selectionEnd;
38
+ },
39
+ enumerable: false,
40
+ configurable: true
41
+ });
42
+ /** Sets InputElement selection */
43
+ HTMLInputMaskElement.prototype._unsafeSelect = function (start, end) {
44
+ this.input.setSelectionRange(start, end);
45
+ };
46
+ Object.defineProperty(HTMLInputMaskElement.prototype, "value", {
47
+ get: function () {
48
+ return this.input.value;
49
+ },
50
+ set: function (value) {
51
+ this.input.value = value;
52
+ },
53
+ enumerable: false,
54
+ configurable: true
55
+ });
56
+ return HTMLInputMaskElement;
57
+ }(HTMLMaskElement));
58
+ export { HTMLInputMaskElement };
59
+ //# sourceMappingURL=html-input-mask-element.js.map