@sima-land/ui-nucleons 45.0.0-alpha.4 → 45.0.0-alpha.6

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 (502) hide show
  1. package/_internal/custom-scrollbar/index.js +6 -27
  2. package/_internal/custom-scrollbar/index.js.map +1 -0
  3. package/_internal/dropdown-loading/index.js +3 -3
  4. package/_internal/dropdown-loading/index.js.map +1 -0
  5. package/_internal/page-scroll-lock/adapters/body-scroll-lock.js +5 -1
  6. package/_internal/page-scroll-lock/adapters/body-scroll-lock.js.map +1 -0
  7. package/_internal/page-scroll-lock/adapters/ui-nucleons.js +1 -0
  8. package/_internal/page-scroll-lock/adapters/ui-nucleons.js.map +1 -0
  9. package/_internal/page-scroll-lock/context.js +4 -25
  10. package/_internal/page-scroll-lock/context.js.map +1 -0
  11. package/_internal/page-scroll-lock/hook.js +1 -0
  12. package/_internal/page-scroll-lock/hook.js.map +1 -0
  13. package/_internal/page-scroll-lock/index.js +1 -0
  14. package/_internal/page-scroll-lock/index.js.map +1 -0
  15. package/_internal/page-scroll-lock/types.js +1 -0
  16. package/_internal/page-scroll-lock/types.js.map +1 -0
  17. package/_internal/utils/dropdown.js +1 -0
  18. package/_internal/utils/dropdown.js.map +1 -0
  19. package/alert/index.d.ts +2 -2
  20. package/alert/index.js +6 -31
  21. package/alert/index.js.map +1 -0
  22. package/arrow-button/index.js +20 -32
  23. package/arrow-button/index.js.map +1 -0
  24. package/autocomplete/autocomplete.js +60 -95
  25. package/autocomplete/autocomplete.js.map +1 -0
  26. package/autocomplete/index.js +1 -0
  27. package/autocomplete/index.js.map +1 -0
  28. package/autocomplete/types.js +1 -0
  29. package/autocomplete/types.js.map +1 -0
  30. package/autocomplete-deprecated/index.d.ts +1 -1
  31. package/autocomplete-deprecated/index.js +45 -80
  32. package/autocomplete-deprecated/index.js.map +1 -0
  33. package/avatar/avatar.module.scss +3 -1
  34. package/avatar/index.d.ts +1 -1
  35. package/avatar/index.js +12 -33
  36. package/avatar/index.js.map +1 -0
  37. package/avatar/user.d.ts +1 -1
  38. package/avatar/user.js +9 -29
  39. package/avatar/user.js.map +1 -0
  40. package/avatar/utils.js +1 -0
  41. package/avatar/utils.js.map +1 -0
  42. package/base-input/base-input.js +11 -48
  43. package/base-input/base-input.js.map +1 -0
  44. package/base-input/index.js +1 -0
  45. package/base-input/index.js.map +1 -0
  46. package/base-input/types.js +1 -0
  47. package/base-input/types.js.map +1 -0
  48. package/base-input/utils.js +2 -1
  49. package/base-input/utils.js.map +1 -0
  50. package/base-input-deprecated/index.d.ts +2 -2
  51. package/base-input-deprecated/index.js +11 -48
  52. package/base-input-deprecated/index.js.map +1 -0
  53. package/bordered-layout/index.d.ts +1 -1
  54. package/bordered-layout/index.js +3 -3
  55. package/bordered-layout/index.js.map +1 -0
  56. package/bottom-bar/bottom-bar.js +4 -16
  57. package/bottom-bar/bottom-bar.js.map +1 -0
  58. package/bottom-bar/index.js +1 -0
  59. package/bottom-bar/index.js.map +1 -0
  60. package/bottom-bar/types.js +1 -0
  61. package/bottom-bar/types.js.map +1 -0
  62. package/box/index.d.ts +1 -1
  63. package/box/index.js +3 -2
  64. package/box/index.js.map +1 -0
  65. package/button/index.d.ts +2 -2
  66. package/button/index.js +8 -45
  67. package/button/index.js.map +1 -0
  68. package/card/index.js +4 -21
  69. package/card/index.js.map +1 -0
  70. package/card/slots.d.ts +1 -1
  71. package/card/slots.js +12 -46
  72. package/card/slots.js.map +1 -0
  73. package/card/utils.js +1 -0
  74. package/card/utils.js.map +1 -0
  75. package/carousel/draggable.d.ts +1 -1
  76. package/carousel/draggable.js +6 -28
  77. package/carousel/draggable.js.map +1 -0
  78. package/carousel/helpers/draggable-event.js +1 -0
  79. package/carousel/helpers/draggable-event.js.map +1 -0
  80. package/carousel/index.d.ts +1 -1
  81. package/carousel/index.js +22 -43
  82. package/carousel/index.js.map +1 -0
  83. package/checkbox/index.d.ts +2 -2
  84. package/checkbox/index.js +6 -45
  85. package/checkbox/index.js.map +1 -0
  86. package/checkbox-field/index.d.ts +3 -2
  87. package/checkbox-field/index.js +8 -47
  88. package/checkbox-field/index.js.map +1 -0
  89. package/chips/index.d.ts +1 -1
  90. package/chips/index.js +4 -39
  91. package/chips/index.js.map +1 -0
  92. package/chips/item.d.ts +1 -1
  93. package/chips/item.js +4 -5
  94. package/chips/item.js.map +1 -0
  95. package/clean-buttons/index.d.ts +1 -0
  96. package/clean-buttons/index.js +8 -41
  97. package/clean-buttons/index.js.map +1 -0
  98. package/clean-buttons/types.js +1 -0
  99. package/clean-buttons/types.js.map +1 -0
  100. package/clean-buttons/utils.js +1 -0
  101. package/clean-buttons/utils.js.map +1 -0
  102. package/colors/index.js +1 -0
  103. package/colors/index.js.map +1 -0
  104. package/context/viewport.js +1 -0
  105. package/context/viewport.js.map +1 -0
  106. package/dot-nav/index.d.ts +1 -1
  107. package/dot-nav/index.js +13 -34
  108. package/dot-nav/index.js.map +1 -0
  109. package/dropdown/index.d.ts +2 -2
  110. package/dropdown/index.js +5 -39
  111. package/dropdown/index.js.map +1 -0
  112. package/dropdown/utils.js +1 -0
  113. package/dropdown/utils.js.map +1 -0
  114. package/dropdown-item/index.d.ts +1 -1
  115. package/dropdown-item/index.js +6 -22
  116. package/dropdown-item/index.js.map +1 -0
  117. package/dropdown-item/types.js +1 -0
  118. package/dropdown-item/types.js.map +1 -0
  119. package/dropdown-item/utils.js +1 -0
  120. package/dropdown-item/utils.js.map +1 -0
  121. package/expandable/index.d.ts +2 -2
  122. package/expandable/index.js +15 -36
  123. package/expandable/index.js.map +1 -0
  124. package/expandable/utils.js +1 -0
  125. package/expandable/utils.js.map +1 -0
  126. package/field-block/index.js +3 -9
  127. package/field-block/index.js.map +1 -0
  128. package/field-grid/index.d.ts +7 -1
  129. package/field-grid/index.js +50 -66
  130. package/field-grid/index.js.map +1 -0
  131. package/file-icon/index.d.ts +1 -1
  132. package/file-icon/index.js +7 -23
  133. package/file-icon/index.js.map +1 -0
  134. package/group-overflow/index.js +9 -44
  135. package/group-overflow/index.js.map +1 -0
  136. package/group-overflow/utils.js +1 -0
  137. package/group-overflow/utils.js.map +1 -0
  138. package/helpers/bounds-of.js +1 -0
  139. package/helpers/bounds-of.js.map +1 -0
  140. package/helpers/center-of.js +1 -0
  141. package/helpers/center-of.js.map +1 -0
  142. package/helpers/create-container.js +1 -0
  143. package/helpers/create-container.js.map +1 -0
  144. package/helpers/define-slots.d.ts +1 -1
  145. package/helpers/define-slots.js +1 -0
  146. package/helpers/define-slots.js.map +1 -0
  147. package/helpers/events.d.ts +1 -1
  148. package/helpers/events.js +1 -0
  149. package/helpers/events.js.map +1 -0
  150. package/helpers/find-child-element.js +1 -0
  151. package/helpers/find-child-element.js.map +1 -0
  152. package/helpers/find-offset-parent.js +1 -0
  153. package/helpers/find-offset-parent.js.map +1 -0
  154. package/helpers/find-sibling-index.js +1 -0
  155. package/helpers/find-sibling-index.js.map +1 -0
  156. package/helpers/fit-element-height.js +1 -0
  157. package/helpers/fit-element-height.js.map +1 -0
  158. package/helpers/format-date.js +1 -0
  159. package/helpers/format-date.js.map +1 -0
  160. package/helpers/format-number.js +1 -0
  161. package/helpers/format-number.js.map +1 -0
  162. package/helpers/get-date-interval-data.js +1 -0
  163. package/helpers/get-date-interval-data.js.map +1 -0
  164. package/helpers/get-declination.js +1 -0
  165. package/helpers/get-declination.js.map +1 -0
  166. package/helpers/get-fraction-depth.js +1 -0
  167. package/helpers/get-fraction-depth.js.map +1 -0
  168. package/helpers/get-no-index.js +1 -0
  169. package/helpers/get-no-index.js.map +1 -0
  170. package/helpers/get-relative-pos.js +1 -0
  171. package/helpers/get-relative-pos.js.map +1 -0
  172. package/helpers/get-scroll-parent.js +1 -0
  173. package/helpers/get-scroll-parent.js.map +1 -0
  174. package/helpers/is-browser.js +1 -0
  175. package/helpers/is-browser.js.map +1 -0
  176. package/helpers/is-fully-scrolled.js +1 -0
  177. package/helpers/is-fully-scrolled.js.map +1 -0
  178. package/helpers/is-touch-device.js +1 -0
  179. package/helpers/is-touch-device.js.map +1 -0
  180. package/helpers/layer.js +1 -0
  181. package/helpers/layer.js.map +1 -0
  182. package/helpers/max-index-of.js +1 -0
  183. package/helpers/max-index-of.js.map +1 -0
  184. package/helpers/media-query-list.js +1 -0
  185. package/helpers/media-query-list.js.map +1 -0
  186. package/helpers/on.d.ts +1 -1
  187. package/helpers/on.js +1 -0
  188. package/helpers/on.js.map +1 -0
  189. package/helpers/point.js +1 -0
  190. package/helpers/point.js.map +1 -0
  191. package/helpers/rename.js +1 -0
  192. package/helpers/rename.js.map +1 -0
  193. package/helpers/scroll-to-child.js +1 -0
  194. package/helpers/scroll-to-child.js.map +1 -0
  195. package/helpers/styles.js +1 -0
  196. package/helpers/styles.js.map +1 -0
  197. package/helpers/with-prevent.js +1 -0
  198. package/helpers/with-prevent.js.map +1 -0
  199. package/hint/hint-view.js +6 -18
  200. package/hint/hint-view.js.map +1 -0
  201. package/hint/hint.js +6 -23
  202. package/hint/hint.js.map +1 -0
  203. package/hint/index.js +1 -0
  204. package/hint/index.js.map +1 -0
  205. package/hint/utils.js +23 -4
  206. package/hint/utils.js.map +1 -0
  207. package/hint-deprecated/index.d.ts +2 -2
  208. package/hint-deprecated/index.js +4 -40
  209. package/hint-deprecated/index.js.map +1 -0
  210. package/hooks/breakpoint/index.js +4 -25
  211. package/hooks/breakpoint/index.js.map +1 -0
  212. package/hooks/breakpoint/types.js +1 -0
  213. package/hooks/breakpoint/types.js.map +1 -0
  214. package/hooks/breakpoint/utils.js +1 -0
  215. package/hooks/breakpoint/utils.js.map +1 -0
  216. package/hooks/identity.js +1 -0
  217. package/hooks/identity.js.map +1 -0
  218. package/hooks/index.js +1 -0
  219. package/hooks/index.js.map +1 -0
  220. package/hooks/intersection/index.js +1 -0
  221. package/hooks/intersection/index.js.map +1 -0
  222. package/hooks/intersection/test-utils.js +6 -2
  223. package/hooks/intersection/test-utils.js.map +1 -0
  224. package/hooks/keydown.js +1 -0
  225. package/hooks/keydown.js.map +1 -0
  226. package/hooks/media.js +1 -0
  227. package/hooks/media.js.map +1 -0
  228. package/hooks/styles.js +1 -0
  229. package/hooks/styles.js.map +1 -0
  230. package/info-text/index.js +16 -42
  231. package/info-text/index.js.map +1 -0
  232. package/input/index.js +34 -58
  233. package/input/index.js.map +1 -0
  234. package/input/utils.js +1 -0
  235. package/input/utils.js.map +1 -0
  236. package/layout/index.js +1 -0
  237. package/layout/index.js.map +1 -0
  238. package/layout/layout.js +4 -15
  239. package/layout/layout.js.map +1 -0
  240. package/layout/legacy.d.ts +5 -5
  241. package/layout/legacy.js +4 -39
  242. package/layout/legacy.js.map +1 -0
  243. package/layout/types.js +1 -0
  244. package/layout/types.js.map +1 -0
  245. package/link/index.d.ts +6 -3
  246. package/link/index.js +5 -38
  247. package/link/index.js.map +1 -0
  248. package/loading-overlay/index.d.ts +1 -1
  249. package/loading-overlay/index.js +3 -3
  250. package/loading-overlay/index.js.map +1 -0
  251. package/masked-field/index.d.ts +2 -2
  252. package/masked-field/index.js +11 -40
  253. package/masked-field/index.js.map +1 -0
  254. package/masked-input/hook.js +1 -0
  255. package/masked-input/hook.js.map +1 -0
  256. package/masked-input/index.js +1 -0
  257. package/masked-input/index.js.map +1 -0
  258. package/masked-input/masked-input.js +11 -41
  259. package/masked-input/masked-input.js.map +1 -0
  260. package/masked-input/types.js +1 -0
  261. package/masked-input/types.js.map +1 -0
  262. package/masked-input/utils.js +1 -0
  263. package/masked-input/utils.js.map +1 -0
  264. package/modal/index.d.ts +1 -1
  265. package/modal/index.js +4 -10
  266. package/modal/index.js.map +1 -0
  267. package/modal/slots.js +10 -45
  268. package/modal/slots.js.map +1 -0
  269. package/modal/utils.js +1 -0
  270. package/modal/utils.js.map +1 -0
  271. package/modal-overlay/index.js +8 -39
  272. package/modal-overlay/index.js.map +1 -0
  273. package/modal-overlay/utils.js +1 -0
  274. package/modal-overlay/utils.js.map +1 -0
  275. package/no-index/index.d.ts +3 -3
  276. package/no-index/index.js +5 -8
  277. package/no-index/index.js.map +1 -0
  278. package/no-index-mark/index.d.ts +2 -2
  279. package/no-index-mark/index.js +8 -6
  280. package/no-index-mark/index.js.map +1 -0
  281. package/package.json +7 -14
  282. package/pagination/index.d.ts +4 -20
  283. package/pagination/index.js +10 -15
  284. package/pagination/index.js.map +1 -0
  285. package/pagination/pagination-item.d.ts +8 -0
  286. package/pagination/pagination-item.js +20 -0
  287. package/pagination/pagination-item.js.map +1 -0
  288. package/pagination/pagination-item.module.scss +49 -0
  289. package/pagination/pagination.d.ts +8 -0
  290. package/pagination/pagination.js +98 -0
  291. package/pagination/pagination.js.map +1 -0
  292. package/pagination/pagination.module.scss +15 -70
  293. package/pagination/types.d.ts +28 -0
  294. package/pagination/types.js +3 -0
  295. package/pagination/types.js.map +1 -0
  296. package/pagination/utils.d.ts +25 -41
  297. package/pagination/utils.js +51 -85
  298. package/pagination/utils.js.map +1 -0
  299. package/{pagination → pagination-deprecated}/base-pagination.d.ts +6 -1
  300. package/{pagination → pagination-deprecated}/base-pagination.js +34 -47
  301. package/pagination-deprecated/base-pagination.js.map +1 -0
  302. package/pagination-deprecated/index.d.ts +22 -0
  303. package/pagination-deprecated/index.js +16 -0
  304. package/pagination-deprecated/index.js.map +1 -0
  305. package/{pagination → pagination-deprecated}/page-button.d.ts +2 -1
  306. package/pagination-deprecated/page-button.js +17 -0
  307. package/pagination-deprecated/page-button.js.map +1 -0
  308. package/pagination-deprecated/pagination.module.scss +76 -0
  309. package/pagination-deprecated/utils.d.ts +58 -0
  310. package/pagination-deprecated/utils.js +125 -0
  311. package/pagination-deprecated/utils.js.map +1 -0
  312. package/panel/index.js +4 -6
  313. package/panel/index.js.map +1 -0
  314. package/phone-input/images/armenia.png +0 -0
  315. package/phone-input/images/azerbaijan.png +0 -0
  316. package/phone-input/images/belarus.png +0 -0
  317. package/phone-input/images/georgia.png +0 -0
  318. package/phone-input/images/kazakhstan.png +0 -0
  319. package/phone-input/images/kyrgyzstan.png +0 -0
  320. package/phone-input/images/moldova.png +0 -0
  321. package/phone-input/images/other.png +0 -0
  322. package/phone-input/images/russia.png +0 -0
  323. package/phone-input/images/tajikistan.png +0 -0
  324. package/phone-input/images/turkmenistan.png +0 -0
  325. package/phone-input/images/ukraine.png +0 -0
  326. package/phone-input/images/uzbekistan.png +0 -0
  327. package/phone-input/index.js +1 -0
  328. package/phone-input/index.js.map +1 -0
  329. package/phone-input/phone-input.js +27 -56
  330. package/phone-input/phone-input.js.map +1 -0
  331. package/phone-input/presets.js +4 -1
  332. package/phone-input/presets.js.map +1 -0
  333. package/phone-input/types.js +1 -0
  334. package/phone-input/types.js.map +1 -0
  335. package/phone-input/utils.js +1 -0
  336. package/phone-input/utils.js.map +1 -0
  337. package/phone-input-deprecated/index.d.ts +1 -1
  338. package/phone-input-deprecated/index.js +43 -71
  339. package/phone-input-deprecated/index.js.map +1 -0
  340. package/plate/index.d.ts +2 -2
  341. package/plate/index.js +5 -38
  342. package/plate/index.js.map +1 -0
  343. package/popup/index.js +1 -0
  344. package/popup/index.js.map +1 -0
  345. package/popup/popup-view.js +5 -19
  346. package/popup/popup-view.js.map +1 -0
  347. package/popup/popup.js +11 -42
  348. package/popup/popup.js.map +1 -0
  349. package/popup/utils.js +1 -0
  350. package/popup/utils.js.map +1 -0
  351. package/portal/index.d.ts +1 -1
  352. package/portal/index.js +1 -0
  353. package/portal/index.js.map +1 -0
  354. package/price/index.js +3 -2
  355. package/price/index.js.map +1 -0
  356. package/price/utils.js +1 -0
  357. package/price/utils.js.map +1 -0
  358. package/radio-button/index.js +4 -17
  359. package/radio-button/index.js.map +1 -0
  360. package/range/index.d.ts +1 -1
  361. package/range/index.js +7 -33
  362. package/range/index.js.map +1 -0
  363. package/rating/index.d.ts +1 -1
  364. package/rating/index.js +5 -23
  365. package/rating/index.js.map +1 -0
  366. package/rating/types.js +1 -0
  367. package/rating/types.js.map +1 -0
  368. package/rating/utils.js +1 -0
  369. package/rating/utils.js.map +1 -0
  370. package/screen/index.d.ts +5 -5
  371. package/screen/index.js +12 -37
  372. package/screen/index.js.map +1 -0
  373. package/screen/slots.d.ts +3 -3
  374. package/screen/slots.js +31 -62
  375. package/screen/slots.js.map +1 -0
  376. package/screen/utils.js +1 -0
  377. package/screen/utils.js.map +1 -0
  378. package/select/index.js +1 -0
  379. package/select/index.js.map +1 -0
  380. package/select/parts/block.js +20 -32
  381. package/select/parts/block.js.map +1 -0
  382. package/select/parts/button.js +9 -42
  383. package/select/parts/button.js.map +1 -0
  384. package/select/parts/menu.js +14 -46
  385. package/select/parts/menu.js.map +1 -0
  386. package/select/select.js +28 -47
  387. package/select/select.js.map +1 -0
  388. package/select/types.js +1 -0
  389. package/select/types.js.map +1 -0
  390. package/select/utils.js +1 -0
  391. package/select/utils.js.map +1 -0
  392. package/select-deprecated/index.d.ts +1 -1
  393. package/select-deprecated/index.js +34 -69
  394. package/select-deprecated/index.js.map +1 -0
  395. package/side-page/index.js +12 -45
  396. package/side-page/index.js.map +1 -0
  397. package/side-page/slots.js +7 -19
  398. package/side-page/slots.js.map +1 -0
  399. package/spinner/index.d.ts +1 -1
  400. package/spinner/index.js +4 -5
  401. package/spinner/index.js.map +1 -0
  402. package/spinner/spinner.module.scss +3 -1
  403. package/stepper/index.d.ts +2 -2
  404. package/stepper/index.js +14 -52
  405. package/stepper/index.js.map +1 -0
  406. package/stroked-svg/index.d.ts +2 -2
  407. package/stroked-svg/index.js +4 -41
  408. package/stroked-svg/index.js.map +1 -0
  409. package/styling/borders.js +1 -0
  410. package/styling/borders.js.map +1 -0
  411. package/styling/colors.js +1 -0
  412. package/styling/colors.js.map +1 -0
  413. package/styling/fonts.js +1 -0
  414. package/styling/fonts.js.map +1 -0
  415. package/styling/shadows.js +1 -0
  416. package/styling/shadows.js.map +1 -0
  417. package/styling/shapes.js +1 -0
  418. package/styling/shapes.js.map +1 -0
  419. package/styling/sizes.js +1 -0
  420. package/styling/sizes.js.map +1 -0
  421. package/styling/sizes.module.scss +3 -1
  422. package/styling/utils.js +1 -0
  423. package/styling/utils.js.map +1 -0
  424. package/super-ellipse-clip-path/index.js +3 -8
  425. package/super-ellipse-clip-path/index.js.map +1 -0
  426. package/switcher-row/index.js +6 -10
  427. package/switcher-row/index.js.map +1 -0
  428. package/tabs/index.d.ts +1 -1
  429. package/tabs/index.js +5 -26
  430. package/tabs/index.js.map +1 -0
  431. package/text/index.d.ts +2 -2
  432. package/text/index.js +4 -25
  433. package/text/index.js.map +1 -0
  434. package/text-button/index.d.ts +2 -2
  435. package/text-button/index.js +6 -20
  436. package/text-button/index.js.map +1 -0
  437. package/text-field/index.d.ts +2 -2
  438. package/text-field/index.js +26 -55
  439. package/text-field/index.js.map +1 -0
  440. package/textarea/index.js +24 -48
  441. package/textarea/index.js.map +1 -0
  442. package/timer/index.d.ts +1 -1
  443. package/timer/index.js +4 -25
  444. package/timer/index.js.map +1 -0
  445. package/timer/types.js +1 -0
  446. package/timer/types.js.map +1 -0
  447. package/timer/utils.js +1 -0
  448. package/timer/utils.js.map +1 -0
  449. package/toggle/index.d.ts +2 -2
  450. package/toggle/index.js +6 -43
  451. package/toggle/index.js.map +1 -0
  452. package/tooltip/index.d.ts +2 -2
  453. package/tooltip/index.js +5 -28
  454. package/tooltip/index.js.map +1 -0
  455. package/top-bar/index.js +1 -0
  456. package/top-bar/index.js.map +1 -0
  457. package/top-bar/top-bar.js +11 -58
  458. package/top-bar/top-bar.js.map +1 -0
  459. package/top-bar/types.js +1 -0
  460. package/top-bar/types.js.map +1 -0
  461. package/top-bar/utils.d.ts +2 -2
  462. package/top-bar/utils.js +22 -39
  463. package/top-bar/utils.js.map +1 -0
  464. package/touch-slider/index.d.ts +1 -1
  465. package/touch-slider/index.js +3 -4
  466. package/touch-slider/index.js.map +1 -0
  467. package/types.js +1 -0
  468. package/types.js.map +1 -0
  469. package/unknown-content/index.d.ts +1 -1
  470. package/unknown-content/index.js +4 -25
  471. package/unknown-content/index.js.map +1 -0
  472. package/unknown-content/utils.js +1 -0
  473. package/unknown-content/utils.js.map +1 -0
  474. package/upload-area/index.js +1 -0
  475. package/upload-area/index.js.map +1 -0
  476. package/upload-area/types.js +1 -0
  477. package/upload-area/types.js.map +1 -0
  478. package/upload-area/upload-area.js +9 -38
  479. package/upload-area/upload-area.js.map +1 -0
  480. package/upload-area/utils.js +1 -0
  481. package/upload-area/utils.js.map +1 -0
  482. package/with-hint/index.d.ts +1 -1
  483. package/with-hint/index.js +4 -28
  484. package/with-hint/index.js.map +1 -0
  485. package/with-hint/positioning-hint.d.ts +1 -1
  486. package/with-hint/positioning-hint.js +4 -25
  487. package/with-hint/positioning-hint.js.map +1 -0
  488. package/with-hint/utils.js +1 -0
  489. package/with-hint/utils.js.map +1 -0
  490. package/with-tooltip/index.d.ts +1 -1
  491. package/with-tooltip/index.js +7 -31
  492. package/with-tooltip/index.js.map +1 -0
  493. package/with-tooltip/positioning-tooltip.d.ts +1 -1
  494. package/with-tooltip/positioning-tooltip.js +5 -26
  495. package/with-tooltip/positioning-tooltip.js.map +1 -0
  496. package/with-tooltip/utils.js +1 -0
  497. package/with-tooltip/utils.js.map +1 -0
  498. package/file-icon/unknown.svg +0 -9
  499. package/pagination/page-button.js +0 -32
  500. package/rating/star.svg +0 -3
  501. package/readme.md +0 -183
  502. package/upload-area/upload.svg +0 -6
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ /// <reference types="react" />
2
2
  import { DropdownItemProps } from '../dropdown-item';
3
3
  import { TextFieldProps } from '../text-field';
4
4
  export interface AutocompleteProps extends Omit<TextFieldProps, 'ref' | 'value' | 'defaultValue'> {
@@ -1,50 +1,17 @@
1
1
  "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- var __rest = (this && this.__rest) || function (s, e) {
26
- var t = {};
27
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
28
- t[p] = s[p];
29
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
30
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
31
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
32
- t[p[i]] = s[p[i]];
33
- }
34
- return t;
35
- };
36
2
  var __importDefault = (this && this.__importDefault) || function (mod) {
37
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
38
4
  };
39
5
  Object.defineProperty(exports, "__esModule", { value: true });
40
6
  exports.Autocomplete = void 0;
41
- const react_1 = __importStar(require("react"));
7
+ const jsx_runtime_1 = require("react/jsx-runtime");
8
+ const react_1 = require("react");
42
9
  const dropdown_1 = require("../dropdown");
43
10
  const dropdown_item_1 = require("../dropdown-item");
44
11
  const text_field_1 = require("../text-field");
45
12
  const dropdown_2 = require("../_internal/utils/dropdown");
46
- const down_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/down"));
47
- const up_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/up"));
13
+ const Down_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/Down"));
14
+ const Up_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/Up"));
48
15
  const dropdown_loading_1 = require("../_internal/dropdown-loading");
49
16
  const bind_1 = __importDefault(require("classnames/bind"));
50
17
  const autocomplete_module_scss_1 = __importDefault(require("./autocomplete.module.scss"));
@@ -55,8 +22,7 @@ const cx = bind_1.default.bind(autocomplete_module_scss_1.default);
55
22
  * @param props Свойства.
56
23
  * @return Элемент.
57
24
  */
58
- const Autocomplete = (_a) => {
59
- var { items, itemSize, onSelect, onChange, onKeyDown, style, className, value, defaultValue, loading, renderItem = String, preset = 'default', 'data-testid': dataTestId } = _a, restProps = __rest(_a, ["items", "itemSize", "onSelect", "onChange", "onKeyDown", "style", "className", "value", "defaultValue", "loading", "renderItem", "preset", 'data-testid']);
25
+ const Autocomplete = ({ items, itemSize, onSelect, onChange, onKeyDown, style, className, value, defaultValue, loading, renderItem = String, preset = 'default', 'data-testid': dataTestId, ...restProps }) => {
60
26
  const osComponentRef = (0, react_1.useRef)(null);
61
27
  const fieldRef = (0, react_1.useRef)(null);
62
28
  const menuRef = (0, react_1.useRef)(null);
@@ -64,7 +30,7 @@ const Autocomplete = (_a) => {
64
30
  const [realValue, setRealValue] = (0, react_1.useState)(value || defaultValue);
65
31
  const [activeIndex, setActiveIndex] = (0, react_1.useState)(null);
66
32
  const needMenu = preset === 'filled-only-list' ? withMenu && realValue && realValue.length > 0 : withMenu;
67
- const arrowIcon = needMenu ? (react_1.default.createElement(up_1.default, { className: cx('arrow'), "data-testid": 'autocomplete:arrow-up' })) : (react_1.default.createElement(down_1.default, { className: cx('arrow'), "data-testid": 'autocomplete:arrow-down' }));
33
+ const arrowIcon = needMenu ? ((0, jsx_runtime_1.jsx)(Up_1.default, { className: cx('arrow'), "data-testid": 'autocomplete:arrow-up' })) : ((0, jsx_runtime_1.jsx)(Down_1.default, { className: cx('arrow'), "data-testid": 'autocomplete:arrow-down' }));
68
34
  const endAdornment = preset === 'default' ? arrowIcon : undefined;
69
35
  (0, react_1.useEffect)(() => {
70
36
  setRealValue(value);
@@ -85,46 +51,45 @@ const Autocomplete = (_a) => {
85
51
  });
86
52
  }
87
53
  }, [activeIndex]);
88
- return (react_1.default.createElement("div", { style: style, className: cx('root', className), "data-testid": dataTestId },
89
- react_1.default.createElement(text_field_1.TextField, Object.assign({}, restProps, { ref: fieldRef, focused: withMenu, endAdornment: endAdornment, "data-testid": 'autocomplete:field', variant: 'desktop', value: realValue, multiline: false, className: cx('field'), onFocus: () => {
90
- toggleMenu(true);
91
- setActiveIndex(null);
92
- }, onBlur: () => {
93
- toggleMenu(false);
94
- }, onChange: (event) => {
95
- setRealValue(event.target.value);
96
- setActiveIndex(0);
97
- onChange === null || onChange === void 0 ? void 0 : onChange(event);
98
- }, onKeyDown: (event) => {
99
- const size = (items === null || items === void 0 ? void 0 : items.length) || 0;
100
- let nextIndex;
101
- switch (event.key) {
102
- case 'ArrowDown':
103
- nextIndex = (activeIndex !== null ? size + activeIndex + 1 : 0) % size;
104
- break;
105
- case 'ArrowUp':
106
- nextIndex = (size + Number(activeIndex) - 1) % size;
107
- break;
108
- case 'Enter':
109
- if (items && activeIndex !== null && items.length > activeIndex) {
110
- onSelect && onSelect(items[activeIndex]);
54
+ return ((0, jsx_runtime_1.jsxs)("div", { style: style, className: cx('root', className), "data-testid": dataTestId, children: [(0, jsx_runtime_1.jsx)(text_field_1.TextField, { ...restProps, ref: fieldRef, focused: withMenu, endAdornment: endAdornment, "data-testid": 'autocomplete:field', variant: 'desktop', value: realValue, multiline: false, className: cx('field'), onFocus: () => {
55
+ toggleMenu(true);
56
+ setActiveIndex(null);
57
+ }, onBlur: () => {
58
+ toggleMenu(false);
59
+ }, onChange: (event) => {
60
+ setRealValue(event.target.value);
61
+ setActiveIndex(0);
62
+ onChange === null || onChange === void 0 ? void 0 : onChange(event);
63
+ }, onKeyDown: (event) => {
64
+ const size = (items === null || items === void 0 ? void 0 : items.length) || 0;
65
+ let nextIndex;
66
+ switch (event.key) {
67
+ case 'ArrowDown':
68
+ nextIndex = (activeIndex !== null ? size + activeIndex + 1 : 0) % size;
69
+ break;
70
+ case 'ArrowUp':
71
+ nextIndex = (size + Number(activeIndex) - 1) % size;
72
+ break;
73
+ case 'Enter':
74
+ if (items && activeIndex !== null && items.length > activeIndex) {
75
+ onSelect && onSelect(items[activeIndex]);
76
+ toggleMenu(false);
77
+ }
78
+ break;
79
+ }
80
+ if (typeof nextIndex === 'number') {
81
+ event.preventDefault(); // не даём каретке в поле перемещаться
82
+ setActiveIndex(nextIndex);
83
+ }
84
+ onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
85
+ } }), needMenu && ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { ...(0, dropdown_2.placeDropdown)(restProps.size), ref: menuRef, "data-testid": 'autocomplete:menu', className: cx('menu'), role: 'menu', customScrollbarProps: { osComponentRef }, children: loading ? ((0, jsx_runtime_1.jsx)(dropdown_loading_1.DropdownLoading, { "data-testid": 'autocomplete:loading-area' })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: items && items.length > 0 ? (items.map((item, index) => ((0, jsx_runtime_1.jsx)(dropdown_item_1.DropdownItem, { size: itemSize, role: 'menuitem', checked: index === activeIndex, onMouseDown: event => {
86
+ // чтобы при нажатии на опцию предотвратить blur на поле
87
+ event.preventDefault();
88
+ }, onClick: () => {
89
+ onSelect === null || onSelect === void 0 ? void 0 : onSelect(item);
90
+ setActiveIndex(null);
111
91
  toggleMenu(false);
112
- }
113
- break;
114
- }
115
- if (typeof nextIndex === 'number') {
116
- event.preventDefault(); // не даём каретке в поле перемещаться
117
- setActiveIndex(nextIndex);
118
- }
119
- onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
120
- } })),
121
- needMenu && (react_1.default.createElement(dropdown_1.Dropdown, Object.assign({}, (0, dropdown_2.placeDropdown)(restProps.size), { ref: menuRef, "data-testid": 'autocomplete:menu', className: cx('menu'), role: 'menu', customScrollbarProps: { osComponentRef } }), loading ? (react_1.default.createElement(dropdown_loading_1.DropdownLoading, { "data-testid": 'autocomplete:loading-area' })) : (react_1.default.createElement(react_1.default.Fragment, null, items && items.length > 0 ? (items.map((item, index) => (react_1.default.createElement(dropdown_item_1.DropdownItem, { size: itemSize, key: index, role: 'menuitem', checked: index === activeIndex, onMouseDown: event => {
122
- // чтобы при нажатии на опцию предотвратить blur на поле
123
- event.preventDefault();
124
- }, onClick: () => {
125
- onSelect === null || onSelect === void 0 ? void 0 : onSelect(item);
126
- setActiveIndex(null);
127
- toggleMenu(false);
128
- } }, renderItem(item))))) : (react_1.default.createElement(dropdown_item_1.DropdownItem, { size: 'm', noHover: true }, "\u041D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E"))))))));
92
+ }, children: renderItem(item) }, index)))) : ((0, jsx_runtime_1.jsx)(dropdown_item_1.DropdownItem, { size: 'm', noHover: true, children: "\u041D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E" })) })) }))] }));
129
93
  };
130
94
  exports.Autocomplete = Autocomplete;
95
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/autocomplete-deprecated/index.tsx"],"names":[],"mappings":"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"}
@@ -1,3 +1,5 @@
1
+ @use 'sass:map';
2
+
1
3
  $sizes: 40, 48, 56, 64, 72, 80, 104;
2
4
 
3
5
  $textSizes: (
@@ -41,7 +43,7 @@ $textSizes: (
41
43
  width: #{$size}px;
42
44
  height: #{$size}px;
43
45
  .monogram {
44
- font-size: #{map-get($textSizes, $size)}px;
46
+ font-size: #{map.get($textSizes, $size)}px;
45
47
  }
46
48
  }
47
49
  }
package/avatar/index.d.ts CHANGED
@@ -27,4 +27,4 @@ export interface AvatarProps {
27
27
  * @param props Свойства компонента.
28
28
  * @return Элемент.
29
29
  */
30
- export declare const Avatar: ({ size: sizeProp, imageUrl, bgColor, bgOpacity, textColor, title, monogram, className, style, "data-testid": testId, }: AvatarProps) => JSX.Element;
30
+ export declare function Avatar({ size: sizeProp, imageUrl, bgColor, bgOpacity, textColor, title, monogram, className, style, 'data-testid': testId, }: AvatarProps): JSX.Element;
package/avatar/index.js CHANGED
@@ -1,37 +1,15 @@
1
1
  "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
2
  var __importDefault = (this && this.__importDefault) || function (mod) {
26
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
4
  };
28
5
  Object.defineProperty(exports, "__esModule", { value: true });
29
6
  exports.Avatar = void 0;
30
- const react_1 = __importStar(require("react"));
7
+ const jsx_runtime_1 = require("react/jsx-runtime");
8
+ const react_1 = require("react");
31
9
  const colors_1 = require("../colors");
32
10
  const utils_1 = require("./utils");
33
11
  const colors_2 = require("../styling/colors");
34
- const person_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/person"));
12
+ const Person_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/Person"));
35
13
  const bind_1 = __importDefault(require("classnames/bind"));
36
14
  const avatar_module_scss_1 = __importDefault(require("./avatar.module.scss"));
37
15
  const SIZES = [40, 48, 56, 64, 72, 80, 104];
@@ -50,16 +28,17 @@ const cx = bind_1.default.bind(avatar_module_scss_1.default);
50
28
  * @param props Свойства компонента.
51
29
  * @return Элемент.
52
30
  */
53
- const Avatar = ({ size: sizeProp = 72, imageUrl, bgColor = 'basic-gray4', bgOpacity = 1, textColor = 'basic-gray87', title, monogram = (0, utils_1.getMonogram)(title), className, style, 'data-testid': testId = 'avatar', }) => {
54
- const [needImage, toggleImage] = (0, react_1.useState)(Boolean(imageUrl));
31
+ function Avatar({ size: sizeProp = 72, imageUrl, bgColor = 'basic-gray4', bgOpacity = 1, textColor = 'basic-gray87', title, monogram = (0, utils_1.getMonogram)(title), className, style, 'data-testid': testId = 'avatar', }) {
32
+ const [needImage, toggleImage] = (0, react_1.useState)(() => Boolean(imageUrl));
55
33
  (0, react_1.useEffect)(() => {
56
34
  toggleImage(Boolean(imageUrl));
57
35
  }, [imageUrl]);
58
36
  const size = SIZES.includes(sizeProp) ? sizeProp : 72;
59
- return (react_1.default.createElement("div", { "data-testid": testId, className: cx('root', `size-${size}`, (0, colors_2.color)(textColor), className), style: Object.assign(Object.assign({}, style), { '--avatar-color': !needImage ? colors_1.COLORS.get(bgColor) : undefined, '--avatar-color-opacity': bgOpacity }) },
60
- !needImage && (react_1.default.createElement(react_1.default.Fragment, null, monogram ? (react_1.default.createElement("span", { className: cx('monogram') }, monogram.slice(0, 2).toUpperCase())) : (react_1.default.createElement(person_1.default, { fill: colors_1.COLORS.get(textColor), width: ICON_SIZES[size], height: ICON_SIZES[size], className: cx('icon') })))),
61
- needImage && (react_1.default.createElement(react_1.default.Fragment, null,
62
- react_1.default.createElement("img", { src: imageUrl, alt: '', className: cx('layer', 'image'), onError: () => toggleImage(false) }),
63
- react_1.default.createElement("div", { className: cx('layer', 'image-overlay') })))));
64
- };
37
+ return ((0, jsx_runtime_1.jsxs)("div", { "data-testid": testId, className: cx('root', `size-${size}`, (0, colors_2.color)(textColor), className), style: {
38
+ ...style,
39
+ '--avatar-color': !needImage ? colors_1.COLORS.get(bgColor) : undefined,
40
+ '--avatar-color-opacity': bgOpacity,
41
+ }, children: [!needImage && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: monogram ? ((0, jsx_runtime_1.jsx)("span", { className: cx('monogram'), children: monogram.slice(0, 2).toUpperCase() })) : ((0, jsx_runtime_1.jsx)(Person_1.default, { fill: colors_1.COLORS.get(textColor), width: ICON_SIZES[size], height: ICON_SIZES[size], className: cx('icon') })) })), needImage && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("img", { src: imageUrl, alt: '', className: cx('layer', 'image'), onError: () => toggleImage(false) }), (0, jsx_runtime_1.jsx)("div", { className: cx('layer', 'image-overlay') })] }))] }));
42
+ }
65
43
  exports.Avatar = Avatar;
44
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/avatar/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAA2D;AAC3D,sCAA0C;AAC1C,mCAAsC;AACtC,8CAAwD;AACxD,6FAAwE;AACxE,2DAAyC;AACzC,8EAA0C;AAoC1C,MAAM,KAAK,GAA0B,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;AAEnE,MAAM,UAAU,GAAmC;IACjD,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,GAAG,EAAE,EAAE;CACR,CAAC;AAEF,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,4BAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,MAAM,CAAC,EACrB,IAAI,EAAE,QAAQ,GAAG,EAAE,EACnB,QAAQ,EACR,OAAO,GAAG,aAAa,EACvB,SAAS,GAAG,CAAC,EACb,SAAS,GAAG,cAAc,EAC1B,KAAK,EACL,QAAQ,GAAG,IAAA,mBAAW,EAAC,KAAK,CAAC,EAC7B,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,GAAG,QAAQ,GACpB;IACZ,MAAM,CAAC,SAAS,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEnE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,IAAI,GAAS,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAE,QAAiB,CAAC,CAAC,CAAC,EAAE,CAAC;IAEtE,OAAO,CACL,gDACe,MAAM,EACnB,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,QAAQ,IAAI,EAAE,EAAE,IAAA,cAAU,EAAC,SAAS,CAAC,EAAE,SAAS,CAAC,EACvE,KAAK,EACH;YACE,GAAG,KAAK;YACR,gBAAgB,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,eAAM,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS;YAC9D,wBAAwB,EAAE,SAAS;SACnB,aAInB,CAAC,SAAS,IAAI,CACb,2DACG,QAAQ,CAAC,CAAC,CAAC,CACV,iCAAM,SAAS,EAAE,EAAE,CAAC,UAAU,CAAC,YAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,GAAQ,CAC7E,CAAC,CAAC,CAAC,CACF,uBAAC,gBAAS,IACR,IAAI,EAAE,eAAM,CAAC,GAAG,CAAC,SAAS,CAAC,EAC3B,KAAK,EAAE,UAAU,CAAC,IAAI,CAAC,EACvB,MAAM,EAAE,UAAU,CAAC,IAAI,CAAC,EACxB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,GACrB,CACH,GACA,CACJ,EAGA,SAAS,IAAI,CACZ,6DACE,gCACE,GAAG,EAAE,QAAQ,EACb,GAAG,EAAC,EAAE,EACN,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,GACjC,EACF,gCAAK,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC,GAAI,IAC/C,CACJ,IACG,CACP,CAAC;AACJ,CAAC;AA9DD,wBA8DC"}
package/avatar/user.d.ts CHANGED
@@ -7,4 +7,4 @@ export declare const colorKey: unique symbol;
7
7
  * @param props Свойства. Поддерживаются свойства Avatar.
8
8
  * @return Элемент.
9
9
  */
10
- export declare const UserAvatar: (props: UserAvatarProps) => JSX.Element;
10
+ export declare function UserAvatar(props: UserAvatarProps): JSX.Element;
package/avatar/user.js CHANGED
@@ -1,30 +1,8 @@
1
1
  "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
2
  Object.defineProperty(exports, "__esModule", { value: true });
26
3
  exports.UserAvatar = exports.colorKey = void 0;
27
- const react_1 = __importStar(require("react"));
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const react_1 = require("react");
28
6
  const lodash_1 = require("lodash");
29
7
  const _1 = require(".");
30
8
  const COLORS = [
@@ -49,13 +27,15 @@ exports.colorKey = Symbol.for('user-avatar:color-key');
49
27
  * @param props Свойства. Поддерживаются свойства Avatar.
50
28
  * @return Элемент.
51
29
  */
52
- const UserAvatar = (props) => {
30
+ function UserAvatar(props) {
53
31
  const [color, setColor] = (0, react_1.useState)();
54
32
  (0, react_1.useEffect)(() => {
33
+ const source = window;
55
34
  // запоминаем цвет (пока только один для всех аватаров на странице)
56
- window[exports.colorKey] = window[exports.colorKey] || (0, lodash_1.sample)(COLORS);
57
- setColor(window[exports.colorKey]);
35
+ source[exports.colorKey] = source[exports.colorKey] || (0, lodash_1.sample)(COLORS);
36
+ setColor(source[exports.colorKey]);
58
37
  }, []);
59
- return react_1.default.createElement(_1.Avatar, Object.assign({}, props, { bgColor: color, bgOpacity: color ? 0.48 : 0, textColor: 'basic-white' }));
60
- };
38
+ return (0, jsx_runtime_1.jsx)(_1.Avatar, { ...props, bgColor: color, bgOpacity: color ? 0.48 : 0, textColor: 'basic-white' });
39
+ }
61
40
  exports.UserAvatar = UserAvatar;
41
+ //# sourceMappingURL=user.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"user.js","sourceRoot":"","sources":["../../src/avatar/user.tsx"],"names":[],"mappings":";;;;AAAA,iCAA4C;AAC5C,mCAAgC;AAChC,wBAAwC;AAKxC,MAAM,MAAM,GAAyB;IACnC,qBAAqB;IACrB,gBAAgB;IAChB,iBAAiB;IACjB,kBAAkB;IAClB,wBAAwB;IACxB,kBAAkB;IAClB,mBAAmB;IACnB,mBAAmB;IACnB,wBAAwB;IACxB,0BAA0B;IAC1B,uBAAuB;IACvB,iBAAiB;IACjB,sBAAsB;IACtB,wBAAwB;CACzB,CAAC;AAEW,QAAA,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC;AAE5D;;;;GAIG;AACH,SAAgB,UAAU,CAAC,KAAsB;IAC/C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,GAA2B,CAAC;IAE9D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAQ,MAAM,CAAC;QAE3B,mEAAmE;QACnE,MAAM,CAAC,gBAAQ,CAAC,GAAG,MAAM,CAAC,gBAAQ,CAAC,IAAI,IAAA,eAAM,EAAC,MAAM,CAAC,CAAC;QAEtD,QAAQ,CAAC,MAAM,CAAC,gBAAQ,CAAC,CAAC,CAAC;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,uBAAC,SAAM,OAAK,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,EAAC,aAAa,GAAG,CAAC;AACpG,CAAC;AAbD,gCAaC"}
package/avatar/utils.js CHANGED
@@ -19,3 +19,4 @@ function getMonogram(value) {
19
19
  return '';
20
20
  }
21
21
  exports.getMonogram = getMonogram;
22
+ //# sourceMappingURL=utils.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/avatar/utils.ts"],"names":[],"mappings":";;;AAAA;;;;GAIG;AACH,SAAgB,WAAW,CAAC,KAAU;IACpC,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC7B,OAAO,KAAK;aACT,KAAK,CAAC,MAAM,CAAC;aACb,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;aACX,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;aACd,OAAO,EAAE;aACT,IAAI,CAAC,EAAE,CAAC;aACR,WAAW,EAAE,CAAC;KAClB;IAED,OAAO,EAAE,CAAC;AACZ,CAAC;AAZD,kCAYC"}
@@ -1,44 +1,11 @@
1
1
  "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- var __rest = (this && this.__rest) || function (s, e) {
26
- var t = {};
27
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
28
- t[p] = s[p];
29
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
30
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
31
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
32
- t[p[i]] = s[p[i]];
33
- }
34
- return t;
35
- };
36
2
  var __importDefault = (this && this.__importDefault) || function (mod) {
37
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
38
4
  };
39
5
  Object.defineProperty(exports, "__esModule", { value: true });
40
6
  exports.BaseInput = void 0;
41
- const react_1 = __importStar(require("react"));
7
+ const jsx_runtime_1 = require("react/jsx-runtime");
8
+ const react_1 = require("react");
42
9
  const fit_element_height_1 = require("../helpers/fit-element-height");
43
10
  const hooks_1 = require("../hooks");
44
11
  const utils_1 = require("./utils");
@@ -53,9 +20,8 @@ const cx = bind_1.default.bind(base_input_module_scss_1.default);
53
20
  * @param props Свойства.
54
21
  * @return Элемент.
55
22
  */
56
- function BaseInput(_a) {
57
- var _b;
58
- var { inputRef, textareaRef, style, className, restPlaceholder: restPlaceholderProp, 'data-testid': testId = 'base-input' } = _a, props = __rest(_a, ["inputRef", "textareaRef", "style", "className", "restPlaceholder", 'data-testid']);
23
+ function BaseInput({ inputRef, textareaRef, style, className, restPlaceholder: restPlaceholderProp, 'data-testid': testId = 'base-input', ...props }) {
24
+ var _a;
59
25
  const textareaInnerRef = (0, react_1.useRef)(null);
60
26
  const inputInnerRef = (0, react_1.useRef)(null);
61
27
  (0, react_1.useImperativeHandle)(textareaRef, () => textareaInnerRef.current);
@@ -68,16 +34,16 @@ function BaseInput(_a) {
68
34
  });
69
35
  let field;
70
36
  if (props.multiline) {
71
- field = (react_1.default.createElement("textarea", Object.assign({}, (0, utils_1.omitMultiline)(props), { ref: textareaInnerRef, rows: (_b = props.rows) !== null && _b !== void 0 ? _b : 1, "data-testid": 'base-input:field' // ВАЖНО: не даем переопределить data-test-id
37
+ field = ((0, jsx_runtime_1.jsx)("textarea", { ...(0, utils_1.omitMultiline)(props), ref: textareaInnerRef, rows: (_a = props.rows) !== null && _a !== void 0 ? _a : 1, "data-testid": 'base-input:field' // ВАЖНО: не даем переопределить data-test-id
72
38
  , className: cx('field', 'reset', 'multiline'), onInput: e => {
73
39
  var _a;
74
40
  (_a = props.onInput) === null || _a === void 0 ? void 0 : _a.call(props, e);
75
41
  (0, fit_element_height_1.fitElementHeight)({ target: e.currentTarget });
76
- } })));
42
+ } }));
77
43
  }
78
44
  else {
79
- field = (react_1.default.createElement("input", Object.assign({}, (0, utils_1.omitMultiline)(props), { ref: inputInnerRef, "data-testid": 'base-input:field' // ВАЖНО: не даем переопределить data-test-id
80
- , className: cx('field', 'reset') })));
45
+ field = ((0, jsx_runtime_1.jsx)("input", { ...(0, utils_1.omitMultiline)(props), ref: inputInnerRef, "data-testid": 'base-input:field' // ВАЖНО: не даем переопределить data-test-id
46
+ , className: cx('field', 'reset') }));
81
47
  }
82
48
  let restPlaceholder = null;
83
49
  // скрываем rest placeholder для неконтролируемых полей
@@ -85,12 +51,9 @@ function BaseInput(_a) {
85
51
  restPlaceholder =
86
52
  typeof restPlaceholderProp === 'string'
87
53
  ? { shiftValue: String(props.value), value: restPlaceholderProp }
88
- : Object.assign({ shiftValue: String(props.value), value: '' }, restPlaceholderProp);
54
+ : { shiftValue: String(props.value), value: '', ...restPlaceholderProp };
89
55
  }
90
- return (react_1.default.createElement("div", { style: style, className: cx('reset', 'root', className), "data-testid": testId },
91
- !props.multiline && restPlaceholder && restPlaceholder.value && (react_1.default.createElement("span", { "aria-hidden": true, className: cx('rest-placeholder') },
92
- react_1.default.createElement("span", { "data-testid": 'rest-placeholder-shift', className: cx('shift-part') }, restPlaceholder.shiftValue),
93
- react_1.default.createElement("span", { "data-testid": 'rest-placeholder', className: cx('main-part') }, restPlaceholder.value))),
94
- field));
56
+ return ((0, jsx_runtime_1.jsxs)("div", { style: style, className: cx('reset', 'root', className), "data-testid": testId, children: [!props.multiline && restPlaceholder && restPlaceholder.value && ((0, jsx_runtime_1.jsxs)("span", { "aria-hidden": true, className: cx('rest-placeholder'), children: [(0, jsx_runtime_1.jsx)("span", { "data-testid": 'rest-placeholder-shift', className: cx('shift-part'), children: restPlaceholder.shiftValue }), (0, jsx_runtime_1.jsx)("span", { "data-testid": 'rest-placeholder', className: cx('main-part'), children: restPlaceholder.value })] })), field] }));
95
57
  }
96
58
  exports.BaseInput = BaseInput;
59
+ //# sourceMappingURL=base-input.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base-input.js","sourceRoot":"","sources":["../../src/base-input/base-input.tsx"],"names":[],"mappings":"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"}
@@ -3,3 +3,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.BaseInput = void 0;
4
4
  var base_input_1 = require("./base-input");
5
5
  Object.defineProperty(exports, "BaseInput", { enumerable: true, get: function () { return base_input_1.BaseInput; } });
6
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/base-input/index.ts"],"names":[],"mappings":";;;AAOA,2CAAyC;AAAhC,uGAAA,SAAS,OAAA"}
@@ -1,2 +1,3 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/base-input/types.ts"],"names":[],"mappings":""}
@@ -7,8 +7,9 @@ exports.omitMultiline = void 0;
7
7
  * @return Копия без свойства multiline.
8
8
  */
9
9
  function omitMultiline(source) {
10
- const next = Object.assign({}, source);
10
+ const next = { ...source };
11
11
  delete next.multiline;
12
12
  return next;
13
13
  }
14
14
  exports.omitMultiline = omitMultiline;
15
+ //# sourceMappingURL=utils.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/base-input/utils.ts"],"names":[],"mappings":";;;AAAA;;;;GAIG;AACH,SAAgB,aAAa,CAAgC,MAAS;IACpE,MAAM,IAAI,GAAG,EAAE,GAAG,MAAM,EAAE,CAAC;IAE3B,OAAO,IAAI,CAAC,SAAS,CAAC;IAEtB,OAAO,IAAI,CAAC;AACd,CAAC;AAND,sCAMC"}
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ /// <reference types="react" />
2
2
  interface RestPlaceholder {
3
3
  value: string;
4
4
  shiftValue?: string;
@@ -20,5 +20,5 @@ export type BaseInputProps = CustomProps & React.TextareaHTMLAttributes<HTMLText
20
20
  * @param props Свойства. Поддерживаются свойства элемента input.
21
21
  * @return Элемент.
22
22
  */
23
- export declare const BaseInput: React.ForwardRefExoticComponent<CustomProps & React.TextareaHTMLAttributes<HTMLTextAreaElement> & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement | undefined>>;
23
+ export declare const BaseInput: import("react").ForwardRefExoticComponent<CustomProps & import("react").TextareaHTMLAttributes<HTMLTextAreaElement> & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement | HTMLTextAreaElement | undefined>>;
24
24
  export {};
@@ -1,44 +1,11 @@
1
1
  "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- var __rest = (this && this.__rest) || function (s, e) {
26
- var t = {};
27
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
28
- t[p] = s[p];
29
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
30
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
31
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
32
- t[p[i]] = s[p[i]];
33
- }
34
- return t;
35
- };
36
2
  var __importDefault = (this && this.__importDefault) || function (mod) {
37
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
38
4
  };
39
5
  Object.defineProperty(exports, "__esModule", { value: true });
40
6
  exports.BaseInput = void 0;
41
- const react_1 = __importStar(require("react"));
7
+ const jsx_runtime_1 = require("react/jsx-runtime");
8
+ const react_1 = require("react");
42
9
  const fit_element_height_1 = require("../helpers/fit-element-height");
43
10
  const bind_1 = __importDefault(require("classnames/bind"));
44
11
  const base_input_module_scss_1 = __importDefault(require("./base-input.module.scss"));
@@ -49,8 +16,7 @@ const cx = bind_1.default.bind(base_input_module_scss_1.default);
49
16
  * @param props Свойства. Поддерживаются свойства элемента input.
50
17
  * @return Элемент.
51
18
  */
52
- exports.BaseInput = (0, react_1.forwardRef)(function BaseInput(_a, ref) {
53
- var { className, disabled, multiline, onInput, restPlaceholder: restPlaceholderProp, rows = 1, style, value } = _a, props = __rest(_a, ["className", "disabled", "multiline", "onInput", "restPlaceholder", "rows", "style", "value"]);
19
+ exports.BaseInput = (0, react_1.forwardRef)(function BaseInput({ className, disabled, multiline, onInput, restPlaceholder: restPlaceholderProp, rows = 1, style, value, ...props }, ref) {
54
20
  const Element = multiline
55
21
  ? 'textarea'
56
22
  : 'input';
@@ -66,15 +32,12 @@ exports.BaseInput = (0, react_1.forwardRef)(function BaseInput(_a, ref) {
66
32
  });
67
33
  const restPlaceholder = typeof restPlaceholderProp === 'string'
68
34
  ? { shiftValue: value, value: restPlaceholderProp }
69
- : Object.assign({ shiftValue: value }, restPlaceholderProp);
70
- return (react_1.default.createElement("div", { "data-testid": 'base-input:root', style: style, className: cx('reset', 'root', disabled && 'disabled', className) },
71
- !multiline && Boolean(restPlaceholder.value) && (react_1.default.createElement("span", { "aria-hidden": true, className: cx('fake-text') },
72
- react_1.default.createElement("span", { className: cx('invisible-value') }, restPlaceholder.shiftValue),
73
- react_1.default.createElement("span", { className: cx('placeholder') }, restPlaceholder.value))),
74
- react_1.default.createElement(Element, Object.assign({ "data-testid": 'base-input:field' }, props, { rows: multiline ? rows : undefined, ref: inputRef, disabled: disabled,
75
- // ВАЖНО: не даем возможности задать стили/классы именно для этого элемента
76
- className: cx('field', 'reset', multiline && 'multiline'), value: value, onInput: (event) => {
77
- multiline && (0, fit_element_height_1.fitElementHeight)(event);
78
- onInput === null || onInput === void 0 ? void 0 : onInput(event);
79
- } }))));
35
+ : { shiftValue: value, ...restPlaceholderProp };
36
+ return ((0, jsx_runtime_1.jsxs)("div", { "data-testid": 'base-input:root', style: style, className: cx('reset', 'root', disabled && 'disabled', className), children: [!multiline && Boolean(restPlaceholder.value) && ((0, jsx_runtime_1.jsxs)("span", { "aria-hidden": true, className: cx('fake-text'), children: [(0, jsx_runtime_1.jsx)("span", { className: cx('invisible-value'), children: restPlaceholder.shiftValue }), (0, jsx_runtime_1.jsx)("span", { className: cx('placeholder'), children: restPlaceholder.value })] })), (0, jsx_runtime_1.jsx)(Element, { "data-testid": 'base-input:field', ...props, rows: multiline ? rows : undefined, ref: inputRef, disabled: disabled,
37
+ // ВАЖНО: не даем возможности задать стили/классы именно для этого элемента
38
+ className: cx('field', 'reset', multiline && 'multiline'), value: value, onInput: (event) => {
39
+ multiline && (0, fit_element_height_1.fitElementHeight)(event);
40
+ onInput === null || onInput === void 0 ? void 0 : onInput(event);
41
+ } })] }));
80
42
  });
43
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/base-input-deprecated/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAA2E;AAC3E,sEAAiE;AACjE,2DAAyC;AACzC,sFAA8C;AAE9C,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,gCAAM,CAAC,CAAC;AAyBnC;;;;;GAKG;AACU,QAAA,SAAS,GAAG,IAAA,kBAAU,EAGjC,SAAS,SAAS,CAClB,EACE,SAAS,EACT,QAAQ,EACR,SAAS,EACT,OAAO,EACP,eAAe,EAAE,mBAAmB,EACpC,IAAI,GAAG,CAAC,EACR,KAAK,EACL,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG;IAEH,MAAM,OAAO,GAAG,SAAS;QACvB,CAAC,CAAC,UAAU;QACZ,CAAC,CAAE,OAAgE,CAAC;IACtE,MAAM,QAAQ,GAAG,IAAA,cAAM,GAA0C,CAAC;IAElE,IAAA,2BAAmB,EAAC,GAAG,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAEjD,0DAA0D;IAC1D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,SAAS;YACP,QAAQ,CAAC,OAAO;YAChB,IAAA,qCAAgB,EAAC;gBACf,MAAM,EAAE,QAAQ,CAAC,OAAO;aACzB,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,MAAM,eAAe,GACnB,OAAO,mBAAmB,KAAK,QAAQ;QACrC,CAAC,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,mBAAmB,EAAE;QACnD,CAAC,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,GAAI,mBAA2B,EAAE,CAAC;IAE7D,OAAO,CACL,gDACc,iBAAiB,EAC7B,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,IAAI,UAAU,EAAE,SAAS,CAAC,aAEhE,CAAC,SAAS,IAAI,OAAO,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAC/C,uDAAkB,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,aAC1C,iCAAM,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,YAAG,eAAe,CAAC,UAAU,GAAQ,EAC3E,iCAAM,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,YAAG,eAAe,CAAC,KAAK,GAAQ,IAC7D,CACR,EACD,uBAAC,OAAO,mBACM,kBAAkB,KAC1B,KAAK,EACT,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAClC,GAAG,EAAE,QAAe,EACpB,QAAQ,EAAE,QAAQ;gBAClB,2EAA2E;gBAC3E,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,SAAS,IAAI,WAAW,CAAC,EACzD,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,CAAC,KAAU,EAAE,EAAE;oBACtB,SAAS,IAAI,IAAA,qCAAgB,EAAC,KAAK,CAAC,CAAC;oBACrC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAY,CAAC,CAAC;gBAC1B,CAAC,GACD,IACE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ /// <reference types="react" />
2
2
  export interface BorderedLayoutProps {
3
3
  /** Флаг добавления рамки сверху. */
4
4
  top?: boolean;