@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,248 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Mask = void 0;
7
- var _constants = /*#__PURE__*/require("./constants");
8
- var _parseMask = /*#__PURE__*/require("./parseMask");
9
- var _processInput = /*#__PURE__*/require("./processInput");
10
- var _selection = /*#__PURE__*/require("./selection");
11
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
12
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
13
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
14
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
15
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
16
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
17
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
18
- var Mask = exports.Mask = /*#__PURE__*/function () {
19
- function Mask(showPrefix, maskChar, maskString, reformat) {
20
- _classCallCheck(this, Mask);
21
- _defineProperty(this, "selection", void 0);
22
- _defineProperty(this, "value", void 0);
23
- _defineProperty(this, "maskedValue", void 0);
24
- _defineProperty(this, "visibleValue", void 0);
25
- _defineProperty(this, "mask", void 0);
26
- _defineProperty(this, "maskChar", void 0);
27
- _defineProperty(this, "maskFormatMap", void 0);
28
- _defineProperty(this, "showPrefix", void 0);
29
- _defineProperty(this, "callbacks", void 0);
30
- _defineProperty(this, "maskString", void 0);
31
- _defineProperty(this, "reformat", void 0);
32
- this.value = '';
33
- this.mask = [];
34
- this.maskedValue = '';
35
- this.visibleValue = '';
36
- this.selection = {
37
- start: 0,
38
- end: 0
39
- };
40
- this.callbacks = [];
41
- this.maskFormatMap = this.parseMaskFormat;
42
- this.showPrefix = showPrefix;
43
- this.maskChar = maskChar;
44
- this.maskString = maskString;
45
- this.reformat = reformat;
46
- }
47
- return _createClass(Mask, [{
48
- key: "parseMaskFormat",
49
- get: function get() {
50
- return _constants.defaultFormatChars.reduce(function (acc, current) {
51
- acc[String(current.str)] = current;
52
- return acc;
53
- }, {});
54
- }
55
- }, {
56
- key: "getSelection",
57
- get: function get() {
58
- var _this$selection = this.selection,
59
- start = _this$selection.start,
60
- end = _this$selection.end;
61
- return {
62
- start: start,
63
- end: end
64
- };
65
- }
66
- }, {
67
- key: "getState",
68
- get: function get() {
69
- return {
70
- value: this.value,
71
- maskedValue: this.maskedValue,
72
- visibleValue: this.visibleValue,
73
- selection: this.selection
74
- };
75
- }
76
- }, {
77
- key: "setSelection",
78
- set: function set(newSelection) {
79
- this.selection = newSelection;
80
- }
81
- }, {
82
- key: "setShowStartChars",
83
- set: function set(show) {
84
- this.showPrefix = show;
85
- }
86
- }, {
87
- key: "updateMask",
88
- value: function updateMask(newMask) {
89
- this.mask = (0, _parseMask.parseMask)(newMask, this.maskFormatMap);
90
- this.updateValue(this.value);
91
- }
92
- }, {
93
- key: "updateMaskChar",
94
- value: function updateMaskChar(newMaskChar) {
95
- if (this.maskChar.length > 1) {
96
- throw new Error('maskChar должен содержать только 1 символ');
97
- }
98
- this.maskChar = newMaskChar;
99
- this.updateValue(this.value);
100
- }
101
- }, {
102
- key: "updateMaskString",
103
- value: function updateMaskString(newMaskString) {
104
- if (newMaskString && newMaskString.length !== this.mask.length) {
105
- throw new Error('maskString должна иметь такую же длину, как и mask');
106
- }
107
- this.maskString = newMaskString;
108
- this.updateValue(this.value);
109
- }
110
- }, {
111
- key: "updateReformat",
112
- value: function updateReformat(newReformat) {
113
- this.reformat = newReformat;
114
- this.updateValue(this.value);
115
- }
116
- }, {
117
- key: "updateValue",
118
- value: function updateValue(data) {
119
- var result;
120
- if (this.reformat) {
121
- result = this.reformat({
122
- value: data,
123
- selection: this.selection
124
- });
125
- } else {
126
- var dataList;
127
- if (Array.isArray(data)) {
128
- dataList = data;
129
- } else {
130
- dataList = [];
131
- for (var i = 0; i < data.length; i++) {
132
- dataList.push({
133
- "char": data[i],
134
- type: _constants.CharType.User
135
- });
136
- }
137
- }
138
- result = (0, _processInput.processInput)({
139
- data: dataList,
140
- selection: this.selection,
141
- mask: this.mask,
142
- maskChar: this.maskChar,
143
- maskString: this.maskString,
144
- showPrefix: this.showPrefix
145
- });
146
- }
147
- this.applyChanges(result);
148
- }
149
- }, {
150
- key: "removePreviosOrSelected",
151
- value: function removePreviosOrSelected() {
152
- var _this$selection2 = this.selection,
153
- start = _this$selection2.start,
154
- end = _this$selection2.end;
155
- if (start === end) {
156
- var newStart = end - 1 < 0 ? 0 : end - 1;
157
- this.setSelection = {
158
- start: newStart,
159
- end: end
160
- };
161
- }
162
- this.input('');
163
- }
164
- }, {
165
- key: "removeNextOrSelected",
166
- value: function removeNextOrSelected() {
167
- var _this$selection3 = this.selection,
168
- start = _this$selection3.start,
169
- end = _this$selection3.end;
170
- if (start === end) {
171
- this.setSelection = {
172
- start: start,
173
- end: end + 1
174
- };
175
- }
176
- this.input('');
177
- }
178
- }, {
179
- key: "paste",
180
- value: function paste(value) {
181
- this.input(value);
182
- }
183
- }, {
184
- key: "input",
185
- value: function input(_input) {
186
- var result;
187
- if (this.reformat) {
188
- result = this.reformat({
189
- value: this.value,
190
- input: _input,
191
- selection: this.selection
192
- });
193
- } else {
194
- var tmpValue = (0, _selection.removeSelectedRange)({
195
- value: this.value,
196
- selection: this.selection,
197
- maskChar: this.maskChar,
198
- maskString: String(this.maskString)
199
- });
200
- this.selection.end = this.selection.start;
201
- result = (0, _processInput.processInput)({
202
- data: tmpValue,
203
- input: _input,
204
- selection: this.selection,
205
- mask: this.mask,
206
- maskChar: this.maskChar,
207
- maskString: this.maskString,
208
- showPrefix: this.showPrefix
209
- });
210
- }
211
- this.applyChanges(result);
212
- }
213
- }, {
214
- key: "applyChanges",
215
- value: function applyChanges(result) {
216
- var oldMaskedValue = this.maskedValue;
217
- var oldVisibleValue = this.visibleValue;
218
- var oldSelection = this.selection;
219
- this.value = result.value;
220
- this.maskedValue = result.maskedValue;
221
- this.visibleValue = result.visibleValue;
222
- this.setSelection = result.selection;
223
- if (oldMaskedValue !== this.maskedValue || oldVisibleValue !== this.visibleValue || oldSelection.start !== this.selection.start || oldSelection.end !== this.selection.end) {
224
- this.notify();
225
- }
226
- }
227
- }, {
228
- key: "subscribe",
229
- value: function subscribe(callback) {
230
- this.callbacks.push(callback);
231
- }
232
- }, {
233
- key: "unsubscribe",
234
- value: function unsubscribe(callback) {
235
- this.callbacks = this.callbacks.filter(function (item) {
236
- return item !== callback;
237
- });
238
- }
239
- }, {
240
- key: "notify",
241
- value: function notify() {
242
- var state = this.getState;
243
- this.callbacks.forEach(function (callback) {
244
- callback(state);
245
- });
246
- }
247
- }]);
248
- }();
@@ -1,36 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.parseMask = void 0;
7
- var _constants = /*#__PURE__*/require("./constants");
8
- var parseMask = exports.parseMask = function parseMask(mask, format) {
9
- if (!mask) {
10
- return [];
11
- }
12
- var stack = [];
13
- var escape = false;
14
- mask.split('').forEach(function (maskChar) {
15
- var item = format === null || format === void 0 ? void 0 : format[maskChar];
16
- if (escape && item) {
17
- item = undefined;
18
- escape = false;
19
- }
20
- if (!item) {
21
- if (!escape && maskChar === _constants.escapeChar) {
22
- escape = true;
23
- return;
24
- }
25
- escape = false;
26
- stack.push({
27
- "char": maskChar
28
- });
29
- return;
30
- }
31
- if (item.regexp) {
32
- stack.push(item);
33
- }
34
- });
35
- return stack;
36
- };
@@ -1,52 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.processInput = void 0;
7
- var _constants = /*#__PURE__*/require("./constants");
8
- var _processMask2 = /*#__PURE__*/require("./processMask");
9
- var processInput = exports.processInput = function processInput(args) {
10
- var data = args.data,
11
- _args$input = args.input,
12
- input = _args$input === void 0 ? '' : _args$input,
13
- selection = args.selection,
14
- mask = args.mask,
15
- _args$maskChar = args.maskChar,
16
- maskChar = _args$maskChar === void 0 ? '' : _args$maskChar,
17
- _args$maskString = args.maskString,
18
- maskString = _args$maskString === void 0 ? '' : _args$maskString,
19
- showPrefix = args.showPrefix;
20
- var _processMask = (0, _processMask2.processMask)(data, mask, input, maskChar, maskString, selection),
21
- value = _processMask.value,
22
- maskedValue = _processMask.maskedValue,
23
- inputValuesApplied = _processMask.inputValuesApplied;
24
- var selectionPosition = selection.start + inputValuesApplied;
25
- var bound = value.length - 1;
26
- var charsCount = 0;
27
- while (bound >= 0 && value[bound].type !== _constants.CharType.User) {
28
- if (value[bound].type === _constants.CharType.Mask) {
29
- charsCount = 0;
30
- }
31
- if (value[bound].type === _constants.CharType.Char) {
32
- charsCount++;
33
- }
34
- bound--;
35
- }
36
- if (showPrefix || bound >= 0 || input && input.trim()) {
37
- bound += charsCount;
38
- }
39
- var visibleValue = '';
40
- for (var i = 0; i <= bound; i++) {
41
- visibleValue += value[i]["char"];
42
- }
43
- return {
44
- value: value,
45
- visibleValue: visibleValue,
46
- maskedValue: maskedValue,
47
- selection: {
48
- start: selectionPosition,
49
- end: selectionPosition
50
- }
51
- };
52
- };
@@ -1,99 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.processMask = void 0;
7
- var _constants = /*#__PURE__*/require("./constants");
8
- var processMask = exports.processMask = function processMask(data, mask, input, maskChar, maskString, selection) {
9
- var value = [];
10
- var valueIndex = 0;
11
- var pastedIndex = 0;
12
- var maskedValue = '';
13
- var inputValuesApplied = 0;
14
- var processMaskPartAsChar = function processMaskPartAsChar(maskPart, pastedValuesStack, item) {
15
- if (pastedValuesStack && pastedValuesStack[0] === maskPart["char"]) {
16
- pastedIndex++;
17
- } else if (item && (item["char"] === maskPart["char"] || item.type !== _constants.CharType.User) || input) {
18
- valueIndex++;
19
- }
20
- value.push({
21
- "char": String(maskPart["char"]),
22
- type: _constants.CharType.Char
23
- });
24
- if (pastedValuesStack) {
25
- inputValuesApplied++;
26
- }
27
- maskedValue += maskPart["char"];
28
- };
29
- var processMaskPartAsRegExp = function processMaskPartAsRegExp(maskPart, maskIndex, pastedValuesStack, item) {
30
- var _maskPart$regexp2;
31
- var part = null;
32
- if (pastedValuesStack) {
33
- var i = 0;
34
- while (!(maskPart !== null && maskPart !== void 0 && (_maskPart$regexp = maskPart.regexp) !== null && _maskPart$regexp !== void 0 && _maskPart$regexp.test(pastedValuesStack[i])) && pastedValuesStack.length > i) {
35
- var _maskPart$regexp;
36
- i++;
37
- pastedIndex++;
38
- }
39
- if (pastedValuesStack.length > i) {
40
- pastedIndex++;
41
- inputValuesApplied++;
42
- valueIndex++;
43
- part = pastedValuesStack[i];
44
- value.push({
45
- "char": part,
46
- type: _constants.CharType.User
47
- });
48
- maskedValue += part;
49
- }
50
- }
51
- if (part) {
52
- return;
53
- }
54
- if (item && item.type === _constants.CharType.Char && data.length > valueIndex + 1) {
55
- valueIndex++;
56
- processMaskItem(maskPart, maskIndex);
57
- return;
58
- }
59
- if (item && item.type === _constants.CharType.User && maskPart !== null && maskPart !== void 0 && (_maskPart$regexp2 = maskPart.regexp) !== null && _maskPart$regexp2 !== void 0 && _maskPart$regexp2.test(item["char"])) {
60
- value.push({
61
- "char": item["char"],
62
- type: _constants.CharType.User
63
- });
64
- maskedValue += item["char"];
65
- valueIndex++;
66
- return;
67
- }
68
- part = maskString ? maskString[maskIndex] : maskChar;
69
- value.push({
70
- "char": part,
71
- type: _constants.CharType.Mask
72
- });
73
- if (data.length > maskIndex) {
74
- valueIndex++;
75
- }
76
- maskedValue += part;
77
- };
78
- var processMaskItem = function processMaskItem(maskPart, maskIndex) {
79
- var item = data.length > valueIndex ? data[valueIndex] : null;
80
- var pastedValuesStack = '';
81
- if (selection.start <= maskIndex && pastedIndex < input.length) {
82
- pastedValuesStack = input.slice(pastedIndex);
83
- }
84
- if (maskPart["char"]) {
85
- return processMaskPartAsChar(maskPart, pastedValuesStack, item);
86
- }
87
- if (maskPart.regexp) {
88
- return processMaskPartAsRegExp(maskPart, maskIndex, pastedValuesStack, item);
89
- }
90
- };
91
- mask.forEach(function (maskPart, maskIndex) {
92
- processMaskItem(maskPart, maskIndex);
93
- });
94
- return {
95
- value: value,
96
- maskedValue: maskedValue,
97
- inputValuesApplied: inputValuesApplied
98
- };
99
- };
@@ -1,48 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.removeSelectedRange = void 0;
7
- var _constants = /*#__PURE__*/require("./constants");
8
- var copyMaskChar = function copyMaskChar(count, maskChar) {
9
- var res = [];
10
- for (var i = 0; i < count; i++) {
11
- res.push({
12
- "char": maskChar,
13
- type: _constants.CharType.Mask
14
- });
15
- }
16
- return res;
17
- };
18
- var pasteMaskSymbols = function pasteMaskSymbols(maskString, maskChar, selection) {
19
- if (maskString) {
20
- var res = [];
21
- for (var i = selection.start; i < selection.end; i++) {
22
- res.push({
23
- "char": maskString[i],
24
- type: _constants.CharType.Mask
25
- });
26
- }
27
- return res;
28
- }
29
- return copyMaskChar(selection.end - selection.start, maskChar);
30
- };
31
- var removeSelectedRange = exports.removeSelectedRange = function removeSelectedRange(args) {
32
- var value = args.value,
33
- selection = args.selection,
34
- maskChar = args.maskChar,
35
- maskString = args.maskString;
36
- if (selection.end < selection.start) {
37
- var tmp = selection.end;
38
- selection.end = selection.start;
39
- selection.start = tmp;
40
- }
41
- if (selection.start === selection.end) {
42
- return value;
43
- }
44
- if (value.length > selection.start) {
45
- return value.slice(0, selection.start).concat(pasteMaskSymbols(maskString, maskChar, selection), value.slice(selection.end, value.length));
46
- }
47
- return value;
48
- };
@@ -1,5 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
@@ -1,5 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
@@ -1,5 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
@@ -1,9 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Mask = void 0;
7
- var _Mask = /*#__PURE__*/require("../../../../components/Mask");
8
- var _TextField = /*#__PURE__*/require("../TextField/TextField");
9
- var Mask = exports.Mask = /*#__PURE__*/(0, _Mask.composeMask)(_TextField.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
- };