@salutejs/plasma-new-hope 0.144.0-canary.1418.10833167538.0 → 0.144.0-canary.1430.10832391195.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (260) hide show
  1. package/cjs/components/Editable/Editable.css +8 -0
  2. package/cjs/components/Editable/Editable.js +156 -0
  3. package/cjs/components/Editable/Editable.js.map +1 -0
  4. package/cjs/components/Editable/Editable.styles.js +38 -0
  5. package/cjs/components/Editable/Editable.styles.js.map +1 -0
  6. package/cjs/components/Editable/Editable.styles_somxw2.css +4 -0
  7. package/cjs/components/Editable/Editable.tokens.js +21 -0
  8. package/cjs/components/Editable/Editable.tokens.js.map +1 -0
  9. package/cjs/components/Editable/utils/clearSelection.js +23 -0
  10. package/cjs/components/Editable/utils/clearSelection.js.map +1 -0
  11. package/cjs/components/Editable/utils/selectText.js +30 -0
  12. package/cjs/components/Editable/utils/selectText.js.map +1 -0
  13. package/cjs/components/Editable/variations/_size/base.js +9 -0
  14. package/cjs/components/Editable/variations/_size/base.js.map +1 -0
  15. package/cjs/components/Editable/variations/_size/base_54y6eh.css +1 -0
  16. package/cjs/components/Editable/variations/_view/base.js +9 -0
  17. package/cjs/components/Editable/variations/_view/base.js.map +1 -0
  18. package/cjs/components/Editable/variations/_view/base_11fpjfv.css +1 -0
  19. package/cjs/components/Grid/Grid.js +1 -1
  20. package/cjs/components/Grid/Grid.js.map +1 -1
  21. package/cjs/index.css +9 -0
  22. package/cjs/index.js +7 -0
  23. package/cjs/index.js.map +1 -1
  24. package/cjs/utils/constants.js +20 -0
  25. package/cjs/utils/constants.js.map +1 -0
  26. package/cjs/utils/index.js.map +1 -1
  27. package/emotion/cjs/components/Editable/Editable.js +161 -0
  28. package/emotion/cjs/components/Editable/Editable.styles.js +26 -0
  29. package/emotion/cjs/components/Editable/Editable.tokens.js +19 -0
  30. package/emotion/cjs/components/Editable/index.js +25 -0
  31. package/emotion/cjs/components/Editable/utils/clearSelection.js +19 -0
  32. package/emotion/cjs/components/Editable/utils/index.js +19 -0
  33. package/emotion/cjs/components/Editable/utils/selectText.js +26 -0
  34. package/emotion/cjs/components/Editable/variations/_size/base.js +10 -0
  35. package/emotion/cjs/components/Editable/variations/_size/tokens.json +1 -0
  36. package/emotion/cjs/components/Editable/variations/_view/base.js +10 -0
  37. package/emotion/cjs/components/Editable/variations/_view/tokens.json +5 -0
  38. package/emotion/cjs/components/Grid/Grid.js +1 -1
  39. package/emotion/cjs/examples/plasma_b2c/components/Editable/Editable.config.js +22 -0
  40. package/emotion/cjs/examples/plasma_b2c/components/Editable/Editable.js +22 -0
  41. package/emotion/cjs/examples/plasma_b2c/components/Editable/Editable.stories.tsx +81 -0
  42. package/emotion/cjs/examples/plasma_web/components/Editable/Editable.config.js +22 -0
  43. package/emotion/cjs/examples/plasma_web/components/Editable/Editable.js +22 -0
  44. package/emotion/cjs/examples/plasma_web/components/Editable/Editable.stories.tsx +81 -0
  45. package/emotion/cjs/index.js +11 -0
  46. package/emotion/cjs/utils/constants.js +19 -0
  47. package/emotion/cjs/utils/index.js +8 -2
  48. package/emotion/es/components/Editable/Editable.js +152 -0
  49. package/emotion/es/components/Editable/Editable.styles.js +19 -0
  50. package/emotion/es/components/Editable/Editable.tokens.js +13 -0
  51. package/emotion/es/components/Editable/index.js +2 -0
  52. package/emotion/es/components/Editable/utils/clearSelection.js +13 -0
  53. package/emotion/es/components/Editable/utils/index.js +2 -0
  54. package/emotion/es/components/Editable/utils/selectText.js +20 -0
  55. package/emotion/es/components/Editable/variations/_size/base.js +4 -0
  56. package/emotion/es/components/Editable/variations/_size/tokens.json +1 -0
  57. package/emotion/es/components/Editable/variations/_view/base.js +4 -0
  58. package/emotion/es/components/Editable/variations/_view/tokens.json +5 -0
  59. package/emotion/es/components/Grid/Grid.js +1 -1
  60. package/emotion/es/examples/plasma_b2c/components/Editable/Editable.config.js +16 -0
  61. package/emotion/es/examples/plasma_b2c/components/Editable/Editable.js +16 -0
  62. package/emotion/es/examples/plasma_b2c/components/Editable/Editable.stories.tsx +81 -0
  63. package/emotion/es/examples/plasma_web/components/Editable/Editable.config.js +16 -0
  64. package/emotion/es/examples/plasma_web/components/Editable/Editable.js +16 -0
  65. package/emotion/es/examples/plasma_web/components/Editable/Editable.stories.tsx +81 -0
  66. package/emotion/es/index.js +2 -1
  67. package/emotion/es/utils/constants.js +13 -0
  68. package/emotion/es/utils/index.js +2 -0
  69. package/es/components/Editable/Editable.css +8 -0
  70. package/es/components/Editable/Editable.js +151 -0
  71. package/es/components/Editable/Editable.js.map +1 -0
  72. package/es/components/Editable/Editable.styles.js +31 -0
  73. package/es/components/Editable/Editable.styles.js.map +1 -0
  74. package/es/components/Editable/Editable.styles_somxw2.css +4 -0
  75. package/es/components/Editable/Editable.tokens.js +16 -0
  76. package/es/components/Editable/Editable.tokens.js.map +1 -0
  77. package/es/components/Editable/utils/clearSelection.js +19 -0
  78. package/es/components/Editable/utils/clearSelection.js.map +1 -0
  79. package/es/components/Editable/utils/selectText.js +26 -0
  80. package/es/components/Editable/utils/selectText.js.map +1 -0
  81. package/es/components/Editable/variations/_size/base.js +5 -0
  82. package/es/components/Editable/variations/_size/base.js.map +1 -0
  83. package/es/components/Editable/variations/_size/base_54y6eh.css +1 -0
  84. package/es/components/Editable/variations/_view/base.js +5 -0
  85. package/es/components/Editable/variations/_view/base.js.map +1 -0
  86. package/es/components/Editable/variations/_view/base_11fpjfv.css +1 -0
  87. package/es/components/Grid/Grid.js +1 -1
  88. package/es/components/Grid/Grid.js.map +1 -1
  89. package/es/index.css +9 -0
  90. package/es/index.js +4 -0
  91. package/es/index.js.map +1 -1
  92. package/es/utils/constants.js +16 -0
  93. package/es/utils/constants.js.map +1 -0
  94. package/es/utils/index.js.map +1 -1
  95. package/package.json +2 -2
  96. package/styled-components/cjs/components/Editable/Editable.js +161 -0
  97. package/styled-components/cjs/components/Editable/Editable.styles.js +26 -0
  98. package/styled-components/cjs/components/Editable/Editable.tokens.js +19 -0
  99. package/styled-components/cjs/components/Editable/index.js +25 -0
  100. package/styled-components/cjs/components/Editable/utils/clearSelection.js +19 -0
  101. package/styled-components/cjs/components/Editable/utils/index.js +19 -0
  102. package/styled-components/cjs/components/Editable/utils/selectText.js +26 -0
  103. package/styled-components/cjs/components/Editable/variations/_size/base.js +10 -0
  104. package/styled-components/cjs/components/Editable/variations/_size/tokens.json +1 -0
  105. package/styled-components/cjs/components/Editable/variations/_view/base.js +10 -0
  106. package/styled-components/cjs/components/Editable/variations/_view/tokens.json +5 -0
  107. package/styled-components/cjs/components/Grid/Grid.js +1 -1
  108. package/styled-components/cjs/examples/plasma_b2c/components/Editable/Editable.config.js +22 -0
  109. package/styled-components/cjs/examples/plasma_b2c/components/Editable/Editable.js +22 -0
  110. package/styled-components/cjs/examples/plasma_b2c/components/Editable/Editable.stories.tsx +81 -0
  111. package/styled-components/cjs/examples/plasma_web/components/Editable/Editable.config.js +22 -0
  112. package/styled-components/cjs/examples/plasma_web/components/Editable/Editable.js +22 -0
  113. package/styled-components/cjs/examples/plasma_web/components/Editable/Editable.stories.tsx +81 -0
  114. package/styled-components/cjs/index.js +11 -0
  115. package/styled-components/cjs/utils/constants.js +19 -0
  116. package/styled-components/cjs/utils/index.js +8 -2
  117. package/styled-components/es/components/Editable/Editable.js +152 -0
  118. package/styled-components/es/components/Editable/Editable.styles.js +18 -0
  119. package/styled-components/es/components/Editable/Editable.tokens.js +13 -0
  120. package/styled-components/es/components/Editable/index.js +2 -0
  121. package/styled-components/es/components/Editable/utils/clearSelection.js +13 -0
  122. package/styled-components/es/components/Editable/utils/index.js +2 -0
  123. package/styled-components/es/components/Editable/utils/selectText.js +20 -0
  124. package/styled-components/es/components/Editable/variations/_size/base.js +4 -0
  125. package/styled-components/es/components/Editable/variations/_size/tokens.json +1 -0
  126. package/styled-components/es/components/Editable/variations/_view/base.js +4 -0
  127. package/styled-components/es/components/Editable/variations/_view/tokens.json +5 -0
  128. package/styled-components/es/components/Grid/Grid.js +1 -1
  129. package/styled-components/es/examples/plasma_b2c/components/Editable/Editable.config.js +16 -0
  130. package/styled-components/es/examples/plasma_b2c/components/Editable/Editable.js +16 -0
  131. package/styled-components/es/examples/plasma_b2c/components/Editable/Editable.stories.tsx +81 -0
  132. package/styled-components/es/examples/plasma_web/components/Editable/Editable.config.js +16 -0
  133. package/styled-components/es/examples/plasma_web/components/Editable/Editable.js +16 -0
  134. package/styled-components/es/examples/plasma_web/components/Editable/Editable.stories.tsx +81 -0
  135. package/styled-components/es/index.js +2 -1
  136. package/styled-components/es/utils/constants.js +13 -0
  137. package/styled-components/es/utils/index.js +2 -0
  138. package/types/components/Editable/Editable.d.ts +23 -0
  139. package/types/components/Editable/Editable.d.ts.map +1 -0
  140. package/types/components/Editable/Editable.styles.d.ts +8 -0
  141. package/types/components/Editable/Editable.styles.d.ts.map +1 -0
  142. package/types/components/Editable/Editable.tokens.d.ts +14 -0
  143. package/types/components/Editable/Editable.tokens.d.ts.map +1 -0
  144. package/types/components/Editable/Editable.types.d.ts +39 -0
  145. package/types/components/Editable/Editable.types.d.ts.map +1 -0
  146. package/types/components/Editable/index.d.ts +3 -0
  147. package/types/components/Editable/index.d.ts.map +1 -0
  148. package/types/components/Editable/utils/clearSelection.d.ts +2 -0
  149. package/types/components/Editable/utils/clearSelection.d.ts.map +1 -0
  150. package/types/components/Editable/utils/index.d.ts +3 -0
  151. package/types/components/Editable/utils/index.d.ts.map +1 -0
  152. package/types/components/Editable/utils/selectText.d.ts +2 -0
  153. package/types/components/Editable/utils/selectText.d.ts.map +1 -0
  154. package/types/components/Editable/variations/_size/base.d.ts +2 -0
  155. package/types/components/Editable/variations/_size/base.d.ts.map +1 -0
  156. package/types/components/Editable/variations/_view/base.d.ts +2 -0
  157. package/types/components/Editable/variations/_view/base.d.ts.map +1 -0
  158. package/types/components/Pagination/utils/index.d.ts +1 -1
  159. package/types/examples/plasma_b2c/components/Editable/Editable.config.d.ts +15 -0
  160. package/types/examples/plasma_b2c/components/Editable/Editable.config.d.ts.map +1 -0
  161. package/types/examples/plasma_b2c/components/Editable/Editable.d.ts +57 -0
  162. package/types/examples/plasma_b2c/components/Editable/Editable.d.ts.map +1 -0
  163. package/types/examples/plasma_web/components/Editable/Editable.config.d.ts +15 -0
  164. package/types/examples/plasma_web/components/Editable/Editable.config.d.ts.map +1 -0
  165. package/types/examples/plasma_web/components/Editable/Editable.d.ts +57 -0
  166. package/types/examples/plasma_web/components/Editable/Editable.d.ts.map +1 -0
  167. package/types/index.d.ts +1 -0
  168. package/types/index.d.ts.map +1 -1
  169. package/types/utils/constants.d.ts +14 -0
  170. package/types/utils/constants.d.ts.map +1 -0
  171. package/types/utils/index.d.ts +1 -0
  172. package/types/utils/index.d.ts.map +1 -1
  173. package/emotion/cjs/components/Mask/Mask.js +0 -207
  174. package/emotion/cjs/components/Mask/index.js +0 -12
  175. package/emotion/cjs/components/Mask/utils/constants.js +0 -31
  176. package/emotion/cjs/components/Mask/utils/createMask.js +0 -50
  177. package/emotion/cjs/components/Mask/utils/mask.js +0 -248
  178. package/emotion/cjs/components/Mask/utils/parseMask.js +0 -36
  179. package/emotion/cjs/components/Mask/utils/processInput.js +0 -52
  180. package/emotion/cjs/components/Mask/utils/processMask.js +0 -99
  181. package/emotion/cjs/components/Mask/utils/selection.js +0 -48
  182. package/emotion/cjs/components/Mask/utils/types/mask.types.js +0 -5
  183. package/emotion/cjs/components/Mask/utils/types/selectRange.types.js +0 -5
  184. package/emotion/cjs/examples/plasma_b2c/components/Mask/Mask.js +0 -9
  185. package/emotion/cjs/examples/plasma_b2c/components/Mask/Mask.stories.tsx +0 -131
  186. package/emotion/es/components/Mask/Mask.js +0 -199
  187. package/emotion/es/components/Mask/index.js +0 -1
  188. package/emotion/es/components/Mask/utils/constants.js +0 -25
  189. package/emotion/es/components/Mask/utils/createMask.js +0 -44
  190. package/emotion/es/components/Mask/utils/mask.js +0 -242
  191. package/emotion/es/components/Mask/utils/parseMask.js +0 -30
  192. package/emotion/es/components/Mask/utils/processInput.js +0 -46
  193. package/emotion/es/components/Mask/utils/processMask.js +0 -93
  194. package/emotion/es/components/Mask/utils/selection.js +0 -42
  195. package/emotion/es/components/Mask/utils/types/mask.types.js +0 -1
  196. package/emotion/es/components/Mask/utils/types/selectRange.types.js +0 -1
  197. package/emotion/es/examples/plasma_b2c/components/Mask/Mask.js +0 -3
  198. package/emotion/es/examples/plasma_b2c/components/Mask/Mask.stories.tsx +0 -131
  199. package/styled-components/cjs/components/Mask/Mask.js +0 -207
  200. package/styled-components/cjs/components/Mask/Mask.types.js +0 -5
  201. package/styled-components/cjs/components/Mask/index.js +0 -12
  202. package/styled-components/cjs/components/Mask/utils/constants.js +0 -31
  203. package/styled-components/cjs/components/Mask/utils/createMask.js +0 -50
  204. package/styled-components/cjs/components/Mask/utils/mask.js +0 -248
  205. package/styled-components/cjs/components/Mask/utils/parseMask.js +0 -36
  206. package/styled-components/cjs/components/Mask/utils/processInput.js +0 -52
  207. package/styled-components/cjs/components/Mask/utils/processMask.js +0 -99
  208. package/styled-components/cjs/components/Mask/utils/selection.js +0 -48
  209. package/styled-components/cjs/components/Mask/utils/types/input.types.js +0 -5
  210. package/styled-components/cjs/components/Mask/utils/types/mask.types.js +0 -5
  211. package/styled-components/cjs/components/Mask/utils/types/selectRange.types.js +0 -5
  212. package/styled-components/cjs/examples/plasma_b2c/components/Mask/Mask.js +0 -9
  213. package/styled-components/cjs/examples/plasma_b2c/components/Mask/Mask.stories.tsx +0 -131
  214. package/styled-components/es/components/Mask/Mask.js +0 -199
  215. package/styled-components/es/components/Mask/Mask.types.js +0 -1
  216. package/styled-components/es/components/Mask/index.js +0 -1
  217. package/styled-components/es/components/Mask/utils/constants.js +0 -25
  218. package/styled-components/es/components/Mask/utils/createMask.js +0 -44
  219. package/styled-components/es/components/Mask/utils/mask.js +0 -242
  220. package/styled-components/es/components/Mask/utils/parseMask.js +0 -30
  221. package/styled-components/es/components/Mask/utils/processInput.js +0 -46
  222. package/styled-components/es/components/Mask/utils/processMask.js +0 -93
  223. package/styled-components/es/components/Mask/utils/selection.js +0 -42
  224. package/styled-components/es/components/Mask/utils/types/input.types.js +0 -1
  225. package/styled-components/es/components/Mask/utils/types/mask.types.js +0 -1
  226. package/styled-components/es/components/Mask/utils/types/selectRange.types.js +0 -1
  227. package/styled-components/es/examples/plasma_b2c/components/Mask/Mask.js +0 -3
  228. package/styled-components/es/examples/plasma_b2c/components/Mask/Mask.stories.tsx +0 -131
  229. package/types/components/Mask/Mask.d.ts +0 -5
  230. package/types/components/Mask/Mask.d.ts.map +0 -1
  231. package/types/components/Mask/Mask.types.d.ts +0 -49
  232. package/types/components/Mask/Mask.types.d.ts.map +0 -1
  233. package/types/components/Mask/index.d.ts +0 -2
  234. package/types/components/Mask/index.d.ts.map +0 -1
  235. package/types/components/Mask/utils/constants.d.ts +0 -15
  236. package/types/components/Mask/utils/constants.d.ts.map +0 -1
  237. package/types/components/Mask/utils/createMask.d.ts +0 -19
  238. package/types/components/Mask/utils/createMask.d.ts.map +0 -1
  239. package/types/components/Mask/utils/mask.d.ts +0 -44
  240. package/types/components/Mask/utils/mask.d.ts.map +0 -1
  241. package/types/components/Mask/utils/parseMask.d.ts +0 -3
  242. package/types/components/Mask/utils/parseMask.d.ts.map +0 -1
  243. package/types/components/Mask/utils/processInput.d.ts +0 -15
  244. package/types/components/Mask/utils/processInput.d.ts.map +0 -1
  245. package/types/components/Mask/utils/processMask.d.ts +0 -9
  246. package/types/components/Mask/utils/processMask.d.ts.map +0 -1
  247. package/types/components/Mask/utils/selection.d.ts +0 -11
  248. package/types/components/Mask/utils/selection.d.ts.map +0 -1
  249. package/types/components/Mask/utils/types/input.types.d.ts +0 -26
  250. package/types/components/Mask/utils/types/input.types.d.ts.map +0 -1
  251. package/types/components/Mask/utils/types/mask.types.d.ts +0 -9
  252. package/types/components/Mask/utils/types/mask.types.d.ts.map +0 -1
  253. package/types/components/Mask/utils/types/selectRange.types.d.ts +0 -5
  254. package/types/components/Mask/utils/types/selectRange.types.d.ts.map +0 -1
  255. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +0 -191
  256. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +0 -1
  257. /package/emotion/cjs/components/{Mask/Mask.types.js → Editable/Editable.types.js} +0 -0
  258. /package/emotion/es/components/{Mask/Mask.types.js → Editable/Editable.types.js} +0 -0
  259. /package/{emotion/cjs/components/Mask/utils/types/input.types.js → styled-components/cjs/components/Editable/Editable.types.js} +0 -0
  260. /package/{emotion/es/components/Mask/utils/types/input.types.js → styled-components/es/components/Editable/Editable.types.js} +0 -0
@@ -1,42 +0,0 @@
1
- import { CharType } from './constants';
2
- var copyMaskChar = function copyMaskChar(count, maskChar) {
3
- var res = [];
4
- for (var i = 0; i < count; i++) {
5
- res.push({
6
- "char": maskChar,
7
- type: CharType.Mask
8
- });
9
- }
10
- return res;
11
- };
12
- var pasteMaskSymbols = function pasteMaskSymbols(maskString, maskChar, selection) {
13
- if (maskString) {
14
- var res = [];
15
- for (var i = selection.start; i < selection.end; i++) {
16
- res.push({
17
- "char": maskString[i],
18
- type: CharType.Mask
19
- });
20
- }
21
- return res;
22
- }
23
- return copyMaskChar(selection.end - selection.start, maskChar);
24
- };
25
- export var removeSelectedRange = function removeSelectedRange(args) {
26
- var value = args.value,
27
- selection = args.selection,
28
- maskChar = args.maskChar,
29
- maskString = args.maskString;
30
- if (selection.end < selection.start) {
31
- var tmp = selection.end;
32
- selection.end = selection.start;
33
- selection.start = tmp;
34
- }
35
- if (selection.start === selection.end) {
36
- return value;
37
- }
38
- if (value.length > selection.start) {
39
- return value.slice(0, selection.start).concat(pasteMaskSymbols(maskString, maskChar, selection), value.slice(selection.end, value.length));
40
- }
41
- return value;
42
- };
@@ -1,3 +0,0 @@
1
- import { composeMask } from '../../../../components/Mask';
2
- import { TextField } from '../TextField/TextField';
3
- export var Mask = /*#__PURE__*/composeMask(TextField);
@@ -1,131 +0,0 @@
1
- import React from 'react';
2
- import type { ComponentProps } from 'react';
3
- import type { StoryObj, Meta } from '@storybook/react';
4
- import { action } from '@storybook/addon-actions';
5
-
6
- import { WithTheme } from '../../../_helpers';
7
-
8
- import { Mask } from './Mask';
9
-
10
- const onChange = action('onChange');
11
- const onValueChange = action('onValueChange');
12
-
13
- const sizes = ['l', 'm', 's', 'xs'];
14
- const views = ['default', 'positive', 'warning', 'negative'];
15
-
16
- const meta: Meta<typeof Mask> = {
17
- title: 'plasma_b2c/Mask',
18
- component: Mask,
19
- decorators: [WithTheme],
20
- argTypes: {
21
- view: {
22
- options: views,
23
- control: {
24
- type: 'select',
25
- },
26
- },
27
- size: {
28
- options: sizes,
29
- control: {
30
- type: 'inline-radio',
31
- },
32
- },
33
- },
34
- };
35
-
36
- export default meta;
37
-
38
- type StoryPropsDefault = Omit<
39
- ComponentProps<typeof Mask>,
40
- | 'helperBlock'
41
- | 'contentLeft'
42
- | 'htmlSize'
43
- | 'contentRight'
44
- | 'type'
45
- | 'name'
46
- | 'onFocus'
47
- | 'onBlur'
48
- | 'onChange'
49
- | 'value'
50
- | 'checked'
51
- | 'maxLength'
52
- | 'minLength'
53
- | 'required'
54
- | 'enumerationType'
55
- | 'chips'
56
- | 'onChangeChips'
57
- >;
58
-
59
- const StoryDemo = ({ view, ...rest }: StoryPropsDefault) => {
60
- return (
61
- <div style={{ display: 'flex', flexDirection: 'column', gap: '2rem', width: '50%' }}>
62
- <Mask
63
- label="Маска телефона"
64
- mask="+7 (000) 000 - 00 - 00"
65
- maskChar="_"
66
- showPrefix={false}
67
- view={view}
68
- onChange={onChange}
69
- onValueChange={onValueChange}
70
- {...rest}
71
- />
72
-
73
- <Mask
74
- label="Маска телефона: отображается всегда"
75
- mask="+7 (000) 000 - 00 - 00"
76
- maskChar="_"
77
- view={view}
78
- alwaysShowMask
79
- onChange={onChange}
80
- onValueChange={onValueChange}
81
- {...rest}
82
- />
83
-
84
- <Mask
85
- label="Маска даты"
86
- mask="00/00/0000"
87
- maskString="DD/MM/YYYY"
88
- alwaysShowMask
89
- view={view}
90
- onChange={onChange}
91
- onValueChange={onValueChange}
92
- {...rest}
93
- />
94
-
95
- <Mask
96
- label="Маска даты: значения по умолчанию"
97
- // eslint-disable-next-line no-octal-escape
98
- mask="12.\04.0000"
99
- maskChar="_"
100
- alwaysShowMask
101
- view={view}
102
- onChange={onChange}
103
- onValueChange={onValueChange}
104
- {...rest}
105
- />
106
-
107
- <Mask
108
- label="Маска времени"
109
- mask="00:00"
110
- maskChar="_"
111
- alwaysShowMask
112
- view={view}
113
- onChange={onChange}
114
- onValueChange={onValueChange}
115
- {...rest}
116
- />
117
- </div>
118
- );
119
- };
120
-
121
- export const Default: StoryObj<StoryPropsDefault> = {
122
- args: {
123
- size: 'l',
124
- view: 'default',
125
- labelPlacement: 'outer',
126
- placeholder: 'Заполните поле',
127
- disabled: false,
128
- readOnly: false,
129
- },
130
- render: (args) => <StoryDemo {...args} />,
131
- };
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- import type { FC } from 'react';
3
- import type { MaskProps } from './Mask.types';
4
- export declare const composeMask: <T extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">>(InputComponent: React.FC<T>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<T & MaskProps> & React.RefAttributes<HTMLInputElement>>;
5
- //# sourceMappingURL=Mask.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Mask.d.ts","sourceRoot":"","sources":["../../../src/components/Mask/Mask.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAChF,OAAO,KAAK,EAAe,EAAE,EAAmC,MAAM,OAAO,CAAC;AAK9E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAK9C,eAAO,MAAM,WAAW,qNAoNlB,CAAC"}
@@ -1,49 +0,0 @@
1
- import type { ChangeEvent } from 'react';
2
- import type { ReformatFn } from './utils/types/input.types';
3
- export declare type MaskProps = {
4
- /**
5
- * Маска.
6
- * Поддерживаются следующие символы:
7
- * 0 — любая цифра 0-9
8
- * * — любой символ
9
- * a — A-Z, a-z
10
- * я — А-Я, а-я, ё, Ё
11
- * q — буква "q"
12
- * 2 — цифра "2"
13
- * \a — "\" - символ экранирования; "a" - буква
14
- */
15
- mask?: string;
16
- /**
17
- * Символ маскирования.
18
- */
19
- maskChar?: string;
20
- /**
21
- * Строка, которая будет отображена в незаполненную часть маски.
22
- * Если передать maskString, то maskChar игнорируется.
23
- */
24
- maskString?: string;
25
- /**
26
- * Отображать ли маску во время ввода.
27
- */
28
- showMask?: boolean;
29
- /**
30
- * Отображать ли маску всегда.
31
- */
32
- alwaysShowMask?: boolean;
33
- /**
34
- * Отображать ли префикс маски. Например у маски телефона "+7"
35
- */
36
- showPrefix?: boolean;
37
- /**
38
- * Функция форматирования, которая позволяет задать собственные правила форматирования.
39
- */
40
- reformat?: ReformatFn;
41
- /**
42
- * Callback при изменении значения маски
43
- */
44
- onChange?: (event: ChangeEvent<HTMLInputElement>, params: {
45
- maskedValue: string;
46
- value: string;
47
- }) => void;
48
- };
49
- //# sourceMappingURL=Mask.types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Mask.types.d.ts","sourceRoot":"","sources":["../../../src/components/Mask/Mask.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5D,oBAAY,SAAS,GAAG;IACpB;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,EAAE,MAAM,EAAE;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAC7G,CAAC"}
@@ -1,2 +0,0 @@
1
- export { composeMask } from './Mask';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Mask/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC"}
@@ -1,15 +0,0 @@
1
- export declare enum CharType {
2
- User = 1,
3
- Char = 2,
4
- Mask = 3
5
- }
6
- export declare enum KeyboardCode {
7
- Backspace = 8,
8
- Delete = 46
9
- }
10
- export declare const escapeChar = "\\";
11
- export declare const defaultFormatChars: {
12
- str: string;
13
- regexp: RegExp;
14
- }[];
15
- //# sourceMappingURL=constants.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/Mask/utils/constants.ts"],"names":[],"mappings":"AAAA,oBAAY,QAAQ;IAChB,IAAI,IAAI;IACR,IAAI,IAAI;IACR,IAAI,IAAI;CACX;AAED,oBAAY,YAAY;IACpB,SAAS,IAAI;IACb,MAAM,KAAK;CACd;AAED,eAAO,MAAM,UAAU,OAAO,CAAC;AAE/B,eAAO,MAAM,kBAAkB;;;GAiB9B,CAAC"}
@@ -1,19 +0,0 @@
1
- import { Mask } from './mask';
2
- import type { CreateInputArgs, InputValueInfo } from './types/input.types';
3
- export declare const defaults: {
4
- maskFormat: {
5
- str: string;
6
- regexp: RegExp;
7
- }[];
8
- maskChar: string;
9
- showMask: boolean;
10
- removeSelectedRange: (args: {
11
- value: InputValueInfo[];
12
- selection: import("./types/selectRange.types").SelectRange;
13
- maskChar: string;
14
- maskString: string;
15
- }) => InputValueInfo[];
16
- showPrefix: boolean;
17
- };
18
- export declare const createMask: (params: CreateInputArgs) => Mask;
19
- //# sourceMappingURL=createMask.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"createMask.d.ts","sourceRoot":"","sources":["../../../../src/components/Mask/utils/createMask.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE3E,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;CAMpB,CAAC;AAEF,eAAO,MAAM,UAAU,WAAY,eAAe,KAAG,IA+BpD,CAAC"}
@@ -1,44 +0,0 @@
1
- import type { InputState, InputValueInfo, ReformatFn } from './types/input.types';
2
- import type { MaskInfo, MaskItemsMap } from './types/mask.types';
3
- import type { SelectRange } from './types/selectRange.types';
4
- export declare class Mask {
5
- selection: SelectRange;
6
- value: Array<InputValueInfo> | string;
7
- maskedValue: string;
8
- visibleValue: string;
9
- mask: Array<MaskInfo>;
10
- maskChar: string;
11
- maskFormatMap: MaskItemsMap;
12
- showPrefix: boolean;
13
- callbacks: Array<(state: InputState) => any>;
14
- maskString?: string;
15
- reformat?: ReformatFn;
16
- constructor(showPrefix: boolean, maskChar: string, maskString?: string, reformat?: ReformatFn);
17
- private get parseMaskFormat();
18
- get getSelection(): {
19
- start: number;
20
- end: number;
21
- };
22
- get getState(): {
23
- value: string | InputValueInfo[];
24
- maskedValue: string;
25
- visibleValue: string;
26
- selection: SelectRange;
27
- };
28
- set setSelection(newSelection: SelectRange);
29
- set setShowStartChars(show: boolean);
30
- updateMask(newMask?: string): void;
31
- updateMaskChar(newMaskChar: string): void;
32
- updateMaskString(newMaskString: string): void;
33
- updateReformat(newReformat: ReformatFn): void;
34
- updateValue(data: string | Array<InputValueInfo>): void;
35
- removePreviosOrSelected(): void;
36
- removeNextOrSelected(): void;
37
- paste(value: string): void;
38
- input(input: string): void;
39
- applyChanges(result: InputState): void;
40
- subscribe(callback: (state: InputState) => any): void;
41
- unsubscribe(callback: (state: InputState) => any): void;
42
- notify(): void;
43
- }
44
- //# sourceMappingURL=mask.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"mask.d.ts","sourceRoot":"","sources":["../../../../src/components/Mask/utils/mask.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAClF,OAAO,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAE7D,qBAAa,IAAI;IACb,SAAS,EAAE,WAAW,CAAC;IAEvB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,MAAM,CAAC;IAEtC,WAAW,EAAE,MAAM,CAAC;IAEpB,YAAY,EAAE,MAAM,CAAC;IAErB,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;IAEtB,QAAQ,EAAE,MAAM,CAAC;IAEjB,aAAa,EAAE,YAAY,CAAC;IAE5B,UAAU,EAAE,OAAO,CAAC;IAEpB,SAAS,EAAE,KAAK,CAAC,CAAC,KAAK,EAAE,UAAU,KAAK,GAAG,CAAC,CAAC;IAE7C,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,QAAQ,CAAC,EAAE,UAAU,CAAC;gBAEV,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,UAAU;IAe7F,OAAO,KAAK,eAAe,GAK1B;IAED,IAAI,YAAY;;;MAIf;IAED,IAAI,QAAQ;;;;;MAOX;IAED,IAAI,YAAY,CAAC,YAAY,EAAE,WAAW,EAEzC;IAED,IAAI,iBAAiB,CAAC,IAAI,EAAE,OAAO,EAElC;IAED,UAAU,CAAC,OAAO,CAAC,EAAE,MAAM;IAK3B,cAAc,CAAC,WAAW,EAAE,MAAM;IAUlC,gBAAgB,CAAC,aAAa,EAAE,MAAM;IAUtC,cAAc,CAAC,WAAW,EAAE,UAAU;IAKtC,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC;IAgChD,uBAAuB;IAUvB,oBAAoB;IASpB,KAAK,CAAC,KAAK,EAAE,MAAM;IAInB,KAAK,CAAC,KAAK,EAAE,MAAM;IA4BnB,YAAY,CAAC,MAAM,EAAE,UAAU;IAoB/B,SAAS,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,GAAG;IAI9C,WAAW,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,GAAG;IAIhD,MAAM;CAMT"}
@@ -1,3 +0,0 @@
1
- import type { MaskInfo, MaskItemsMap } from './types/mask.types';
2
- export declare const parseMask: (mask?: string | undefined, format?: MaskItemsMap | undefined) => Array<MaskInfo>;
3
- //# sourceMappingURL=parseMask.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"parseMask.d.ts","sourceRoot":"","sources":["../../../../src/components/Mask/utils/parseMask.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEjE,eAAO,MAAM,SAAS,oEAA2C,MAAM,QAAQ,CAoC9E,CAAC"}
@@ -1,15 +0,0 @@
1
- import type { InputState, InputValueInfo } from './types/input.types';
2
- import type { MaskInfo } from './types/mask.types';
3
- import type { SelectRange } from './types/selectRange.types';
4
- declare type ProcessInputArgs = {
5
- data: Array<InputValueInfo>;
6
- selection: SelectRange;
7
- mask: Array<MaskInfo>;
8
- maskChar?: string;
9
- maskString?: string;
10
- showPrefix?: boolean;
11
- input?: string;
12
- };
13
- export declare const processInput: (args: ProcessInputArgs) => InputState;
14
- export {};
15
- //# sourceMappingURL=processInput.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"processInput.d.ts","sourceRoot":"","sources":["../../../../src/components/Mask/utils/processInput.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACtE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAE7D,aAAK,gBAAgB,GAAG;IACpB,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC;IAC5B,SAAS,EAAE,WAAW,CAAC;IACvB,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,YAAY,SAAU,gBAAgB,KAAG,UAoCrD,CAAC"}
@@ -1,9 +0,0 @@
1
- import type { MaskInfo } from './types/mask.types';
2
- import type { SelectRange } from './types/selectRange.types';
3
- import type { InputValueInfo } from './types/input.types';
4
- export declare const processMask: (data: Array<InputValueInfo>, mask: Array<MaskInfo>, input: string, maskChar: string, maskString: string, selection: SelectRange) => {
5
- value: InputValueInfo[];
6
- maskedValue: string;
7
- inputValuesApplied: number;
8
- };
9
- //# sourceMappingURL=processMask.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"processMask.d.ts","sourceRoot":"","sources":["../../../../src/components/Mask/utils/processMask.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAG1D,eAAO,MAAM,WAAW,SACd,MAAM,cAAc,CAAC,QACrB,MAAM,QAAQ,CAAC,SACd,MAAM,YACH,MAAM,cACJ,MAAM,aACP,WAAW;;;;CAqHzB,CAAC"}
@@ -1,11 +0,0 @@
1
- import type { InputValueInfo } from './types/input.types';
2
- import type { SelectRange } from './types/selectRange.types';
3
- declare type RemoveSelectionRangeArgs = {
4
- value: Array<InputValueInfo>;
5
- selection: SelectRange;
6
- maskChar: string;
7
- maskString: string;
8
- };
9
- export declare const removeSelectedRange: (args: RemoveSelectionRangeArgs) => Array<InputValueInfo>;
10
- export {};
11
- //# sourceMappingURL=selection.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"selection.d.ts","sourceRoot":"","sources":["../../../../src/components/Mask/utils/selection.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAE7D,aAAK,wBAAwB,GAAG;IAC5B,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC;IAC7B,SAAS,EAAE,WAAW,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;CACtB,CAAC;AA4BF,eAAO,MAAM,mBAAmB,SAAU,wBAAwB,KAAG,MAAM,cAAc,CAoBxF,CAAC"}
@@ -1,26 +0,0 @@
1
- import { CharType } from '../constants';
2
- import type { SelectRange } from './selectRange.types';
3
- export declare type InputValueInfo = {
4
- char: string;
5
- type: CharType;
6
- };
7
- export declare type InputState = {
8
- value: Array<InputValueInfo> | string;
9
- visibleValue: string;
10
- maskedValue: string;
11
- selection: SelectRange;
12
- };
13
- export declare type ReformatFn = (params: {
14
- value: Array<InputValueInfo> | string;
15
- selection: SelectRange;
16
- input?: string;
17
- }) => InputState;
18
- export declare type CreateInputArgs = {
19
- value: string;
20
- mask?: string;
21
- maskChar?: string;
22
- maskString?: string;
23
- showPrefix?: boolean;
24
- reformat?: ReformatFn;
25
- };
26
- //# sourceMappingURL=input.types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"input.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Mask/utils/types/input.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,oBAAY,cAAc,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,QAAQ,CAAC;CAClB,CAAC;AAEF,oBAAY,UAAU,GAAG;IACrB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,MAAM,CAAC;IACtC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,WAAW,CAAC;CAC1B,CAAC;AAEF,oBAAY,UAAU,GAAG,CAAC,MAAM,EAAE;IAC9B,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,MAAM,CAAC;IACtC,SAAS,EAAE,WAAW,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,KAAK,UAAU,CAAC;AAEjB,oBAAY,eAAe,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC"}
@@ -1,9 +0,0 @@
1
- export declare type MaskInfo = {
2
- str?: string;
3
- regexp?: RegExp;
4
- char?: string;
5
- };
6
- export declare type MaskItemsMap = {
7
- [key: string]: MaskInfo;
8
- };
9
- //# sourceMappingURL=mask.types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"mask.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Mask/utils/types/mask.types.ts"],"names":[],"mappings":"AAAA,oBAAY,QAAQ,GAAG;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,YAAY,GAAG;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,CAAC;CAC3B,CAAC"}
@@ -1,5 +0,0 @@
1
- export declare type SelectRange = {
2
- start: number;
3
- end: number;
4
- };
5
- //# sourceMappingURL=selectRange.types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"selectRange.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Mask/utils/types/selectRange.types.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACf,CAAC"}