@salutejs/plasma-web 1.585.0-canary.2031.15774276345.0 → 1.585.0-canary.2040.15828624275.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (551) hide show
  1. package/.swc/plugins/v7_linux_x86_64_14.0.0/358fecaab1701de64a7bceee21e5f3a204d1107aa33eb372d1dab77a43118622 +0 -0
  2. package/.swc/plugins/v7_linux_x86_64_14.0.0/cce279a62b5dde357ee7b421711ef357c3f0a29cd3cb6e86336f7345fd604d8e +0 -0
  3. package/components/Accordion/Accordion.config.js +359 -32
  4. package/components/Accordion/Accordion.js +12 -12
  5. package/components/Accordion/index.js +16 -15
  6. package/components/Attach/Attach.config.js +818 -36
  7. package/components/Attach/Attach.js +11 -11
  8. package/components/Attach/index.js +6 -7
  9. package/components/AudioPlayer/index.js +6 -7
  10. package/components/Autocomplete/Autocomplete.config.js +636 -42
  11. package/components/Autocomplete/Autocomplete.js +11 -7
  12. package/components/Autocomplete/index.js +6 -7
  13. package/components/Avatar/Avatar.config.js +419 -44
  14. package/components/Avatar/Avatar.js +19 -7
  15. package/components/Avatar/index.js +6 -7
  16. package/components/AvatarGroup/AvatarGroup.js +10 -6
  17. package/components/AvatarGroup/index.js +6 -7
  18. package/components/Badge/Badge.config.js +285 -41
  19. package/components/Badge/Badge.js +11 -11
  20. package/components/Badge/Badge.perftest.js +54 -20
  21. package/components/Badge/index.js +6 -7
  22. package/components/Breadcrumbs/Breadcrumbs.config.js +111 -21
  23. package/components/Breadcrumbs/Breadcrumbs.js +12 -12
  24. package/components/Breadcrumbs/index.js +6 -7
  25. package/components/Button/Button.config.js +542 -54
  26. package/components/Button/Button.js +12 -12
  27. package/components/Button/Button.perftest.js +76 -34
  28. package/components/Button/index.js +6 -7
  29. package/components/ButtonBase/index.js +6 -7
  30. package/components/ButtonGroup/ButtonGroup.config.js +570 -59
  31. package/components/ButtonGroup/ButtonGroup.js +11 -11
  32. package/components/ButtonGroup/index.js +6 -7
  33. package/components/Calendar/Calendar.js +39 -18
  34. package/components/Calendar/Calendar.perftest.js +122 -82
  35. package/components/Calendar/CalendarBase.config.js +318 -21
  36. package/components/Calendar/CalendarDouble.config.js +320 -21
  37. package/components/Calendar/index.js +24 -32
  38. package/components/Card/index.js +27 -38
  39. package/components/Carousel/Carousel.config.js +57 -18
  40. package/components/Carousel/Carousel.js +55 -20
  41. package/components/Carousel/Legacy/Carousel.examples.js +74 -40
  42. package/components/Carousel/Legacy/Carousel.js +11 -7
  43. package/components/Carousel/index.js +19 -21
  44. package/components/Cell/Cell.config.js +180 -18
  45. package/components/Cell/Cell.js +12 -12
  46. package/components/Cell/index.js +25 -33
  47. package/components/Checkbox/Checkbox.config.js +297 -42
  48. package/components/Checkbox/Checkbox.js +12 -11
  49. package/components/Checkbox/Checkbox.perftest.js +57 -22
  50. package/components/Checkbox/index.js +6 -7
  51. package/components/Chip/Chip.config.js +322 -41
  52. package/components/Chip/Chip.js +12 -12
  53. package/components/Chip/index.js +6 -7
  54. package/components/ChipGroup/ChipGroup.config.js +208 -27
  55. package/components/ChipGroup/ChipGroup.js +11 -7
  56. package/components/ChipGroup/index.js +6 -7
  57. package/components/CodeField/CodeField.config.js +145 -27
  58. package/components/CodeField/CodeField.js +11 -7
  59. package/components/CodeField/index.js +28 -39
  60. package/components/Combobox/Combobox.config.js +819 -42
  61. package/components/Combobox/Combobox.d.ts +24 -24
  62. package/components/Combobox/Combobox.js +55 -20
  63. package/components/Combobox/Legacy/Combobox.config.js +354 -21
  64. package/components/Combobox/Legacy/Combobox.d.ts +2 -2
  65. package/components/Combobox/Legacy/Combobox.js +41 -17
  66. package/components/Combobox/Legacy/index.js +27 -38
  67. package/components/Combobox/index.js +28 -39
  68. package/components/Counter/Counter.config.js +222 -33
  69. package/components/Counter/Counter.js +11 -11
  70. package/components/Counter/index.js +16 -15
  71. package/components/DatePicker/DatePicker.config.js +586 -27
  72. package/components/DatePicker/DatePicker.js +21 -9
  73. package/components/DatePicker/index.js +22 -27
  74. package/components/Divider/Divider.config.js +109 -27
  75. package/components/Divider/Divider.js +11 -11
  76. package/components/Divider/index.js +16 -15
  77. package/components/Drawer/Drawer.config.js +78 -22
  78. package/components/Drawer/Drawer.js +31 -29
  79. package/components/Drawer/index.js +21 -26
  80. package/components/Dropdown/Dropdown.config.js +245 -22
  81. package/components/Dropdown/Dropdown.js +50 -15
  82. package/components/Dropdown/components/DropdownItem.js +200 -73
  83. package/components/Dropdown/components/DropdownList.js +19 -8
  84. package/components/Dropdown/components/DropdownOld.config.js +142 -23
  85. package/components/Dropdown/components/DropdownPopup.js +158 -37
  86. package/components/Dropdown/index.js +28 -36
  87. package/components/Dropzone/Dropzone.config.js +86 -21
  88. package/components/Dropzone/Dropzone.js +11 -7
  89. package/components/Dropzone/index.js +19 -21
  90. package/components/Editable/Editable.config.js +56 -18
  91. package/components/Editable/Editable.js +63 -13
  92. package/components/Editable/index.js +6 -7
  93. package/components/ElasticGrid/ElasticGrid.perftest.js +49 -28
  94. package/components/ElasticGrid/index.js +6 -7
  95. package/components/EmptyState/EmptyState.config.js +114 -18
  96. package/components/EmptyState/EmptyState.js +19 -7
  97. package/components/EmptyState/index.js +6 -7
  98. package/components/Flow/Flow.js +10 -6
  99. package/components/Flow/index.js +6 -7
  100. package/components/Grid/Grid.config.js +102 -22
  101. package/components/Grid/Grid.js +21 -18
  102. package/components/Grid/index.js +18 -20
  103. package/components/IconButton/IconButton.config.js +425 -43
  104. package/components/IconButton/IconButton.js +12 -12
  105. package/components/IconButton/index.js +6 -7
  106. package/components/Image/Image.js +11 -11
  107. package/components/Image/index.js +6 -7
  108. package/components/Indicator/Indicator.config.js +149 -27
  109. package/components/Indicator/Indicator.js +19 -7
  110. package/components/Indicator/index.js +6 -7
  111. package/components/Link/Link.config.js +235 -34
  112. package/components/Link/Link.js +12 -12
  113. package/components/Link/index.js +6 -7
  114. package/components/LinkButton/LinkButton.config.js +274 -31
  115. package/components/LinkButton/LinkButton.js +11 -7
  116. package/components/LinkButton/index.js +6 -7
  117. package/components/List/List.config.js +177 -25
  118. package/components/List/List.js +12 -12
  119. package/components/List/index.js +16 -15
  120. package/components/Mask/Mask.js +10 -6
  121. package/components/Mask/index.js +6 -7
  122. package/components/Modal/Modal.perftest.js +25 -20
  123. package/components/Modal/index.js +18 -20
  124. package/components/ModalBase/Modal.config.js +47 -15
  125. package/components/ModalBase/ModalBase.js +12 -12
  126. package/components/ModalBase/index.js +16 -15
  127. package/components/Note/Note.config.js +245 -25
  128. package/components/Note/Note.js +11 -7
  129. package/components/Note/index.js +19 -21
  130. package/components/Notification/Notification.config.js +361 -30
  131. package/components/Notification/Notification.js +38 -23
  132. package/components/Notification/index.js +22 -27
  133. package/components/NumberFormat/NumberFormat.js +10 -13
  134. package/components/NumberFormat/index.js +6 -7
  135. package/components/NumberInput/NumberInput.config.js +394 -42
  136. package/components/NumberInput/NumberInput.js +11 -7
  137. package/components/NumberInput/index.js +19 -21
  138. package/components/Overlay/index.js +6 -7
  139. package/components/Pagination/Pagination.config.js +399 -43
  140. package/components/Pagination/Pagination.js +12 -12
  141. package/components/Pagination/index.js +6 -7
  142. package/components/PaginationDots/index.js +18 -20
  143. package/components/Popover/Popover.config.js +43 -15
  144. package/components/Popover/Popover.js +11 -7
  145. package/components/Popover/index.js +6 -7
  146. package/components/Popup/index.js +6 -7
  147. package/components/PopupBase/PopupBase.js +10 -10
  148. package/components/PopupBase/index.js +22 -27
  149. package/components/Portal/index.js +6 -7
  150. package/components/PreviewGallery/PreviewGallery.perftest.js +104 -74
  151. package/components/PreviewGallery/index.js +24 -32
  152. package/components/Price/Price.config.js +15 -11
  153. package/components/Price/Price.js +12 -12
  154. package/components/Price/index.js +16 -15
  155. package/components/Progress/Progress.config.js +147 -25
  156. package/components/Progress/Progress.js +12 -8
  157. package/components/Progress/index.js +6 -7
  158. package/components/Radiobox/Radiobox.config.js +304 -49
  159. package/components/Radiobox/Radiobox.d.ts +2 -48
  160. package/components/Radiobox/Radiobox.js +19 -16
  161. package/components/Radiobox/Radiobox.perftest.js +35 -31
  162. package/components/Radiobox/index.js +15 -14
  163. package/components/Range/Range.config.js +319 -27
  164. package/components/Range/Range.js +11 -11
  165. package/components/Range/index.js +16 -15
  166. package/components/Rating/Rating.config.js +469 -31
  167. package/components/Rating/Rating.js +11 -7
  168. package/components/Rating/index.js +19 -21
  169. package/components/SSRProvider/index.js +6 -7
  170. package/components/Segment/Segment.js +27 -32
  171. package/components/Segment/SegmentGroup.config.js +196 -38
  172. package/components/Segment/SegmentItem.config.js +266 -31
  173. package/components/Segment/index.js +21 -26
  174. package/components/Select/Select.config.js +1017 -54
  175. package/components/Select/Select.d.ts +6 -6
  176. package/components/Select/Select.js +50 -15
  177. package/components/Select/Select.perftest.js +46 -33
  178. package/components/Select/index.js +16 -15
  179. package/components/Sheet/Sheet.config.js +63 -18
  180. package/components/Sheet/Sheet.js +12 -12
  181. package/components/Sheet/index.js +16 -15
  182. package/components/Skeleton/LineSkeleton.config.js +446 -49
  183. package/components/Skeleton/Skeleton.js +23 -28
  184. package/components/Skeleton/index.js +18 -20
  185. package/components/Slider/Slider.config.js +273 -25
  186. package/components/Slider/Slider.js +12 -13
  187. package/components/Slider/index.js +6 -7
  188. package/components/Spinner/Spinner.config.js +151 -32
  189. package/components/Spinner/Spinner.js +23 -16
  190. package/components/Spinner/index.js +6 -7
  191. package/components/Steps/Steps.config.js +366 -47
  192. package/components/Steps/Steps.js +12 -8
  193. package/components/Steps/index.js +6 -7
  194. package/components/Switch/Switch.config.js +193 -33
  195. package/components/Switch/Switch.js +12 -8
  196. package/components/Switch/Switch.perftest.js +61 -23
  197. package/components/Switch/index.js +6 -7
  198. package/components/Table/Table.config.js +257 -21
  199. package/components/Table/Table.js +12 -12
  200. package/components/Table/index.js +6 -7
  201. package/components/Tabs/TabItem.js +26 -24
  202. package/components/Tabs/Tabs.js +26 -24
  203. package/components/Tabs/Tabs.perftest.js +72 -53
  204. package/components/Tabs/TabsController.js +15 -16
  205. package/components/Tabs/horizontal/HorizontalTabItem.config.js +398 -38
  206. package/components/Tabs/horizontal/HorizontalTabs.config.js +256 -37
  207. package/components/Tabs/index.js +27 -35
  208. package/components/Tabs/vertical/VerticalTabItem.config.js +186 -27
  209. package/components/Tabs/vertical/VerticalTabs.config.js +133 -27
  210. package/components/TextArea/TextArea.config.js +695 -43
  211. package/components/TextArea/TextArea.js +12 -12
  212. package/components/TextArea/TextArea.perftest.js +62 -28
  213. package/components/TextArea/index.js +6 -7
  214. package/components/TextField/TextField.config.js +856 -54
  215. package/components/TextField/TextField.js +206 -88
  216. package/components/TextField/TextField.perftest.js +103 -37
  217. package/components/TextField/index.js +16 -15
  218. package/components/TextFieldGroup/TextFieldGroup.config.js +356 -34
  219. package/components/TextFieldGroup/TextFieldGroup.js +11 -11
  220. package/components/TextFieldGroup/index.js +6 -7
  221. package/components/Toast/Toast.config.js +174 -42
  222. package/components/Toast/Toast.js +26 -14
  223. package/components/Toast/index.js +18 -20
  224. package/components/Tokens/Colors/Colors.styles.d.ts +1 -1
  225. package/components/Tokens/Colors/Colors.styles.js +147 -51
  226. package/components/Tokens/NumberTokens/NumberTokens.styles.js +70 -23
  227. package/components/Tokens/Typography/Typography.styles.d.ts +1 -1
  228. package/components/Tokens/Typography/Typography.styles.js +205 -77
  229. package/components/Toolbar/Toolbar.config.js +105 -21
  230. package/components/Toolbar/Toolbar.js +21 -13
  231. package/components/Toolbar/index.js +19 -21
  232. package/components/Tooltip/Tooltip.config.js +100 -20
  233. package/components/Tooltip/Tooltip.js +11 -7
  234. package/components/Tooltip/Tooltip.perftest.js +87 -78
  235. package/components/Tooltip/index.js +6 -7
  236. package/components/Tree/Tree.config.js +176 -21
  237. package/components/Tree/Tree.js +11 -7
  238. package/components/Tree/index.js +6 -7
  239. package/components/Typography/Body.config.js +161 -47
  240. package/components/Typography/Dspl.config.js +105 -31
  241. package/components/Typography/Heading.config.js +161 -47
  242. package/components/Typography/Old/Body.config.js +99 -31
  243. package/components/Typography/Old/Button.config.js +73 -23
  244. package/components/Typography/Old/Caption.config.js +42 -15
  245. package/components/Typography/Old/Display.config.js +99 -31
  246. package/components/Typography/Old/Footnote.config.js +73 -23
  247. package/components/Typography/Old/Headline.config.js +151 -47
  248. package/components/Typography/Old/Paragraph.config.js +73 -23
  249. package/components/Typography/Old/ParagraphText.config.js +73 -23
  250. package/components/Typography/Old/Subtitle.config.js +42 -15
  251. package/components/Typography/Old/Underline.config.js +42 -15
  252. package/components/Typography/Old/index.js +152 -80
  253. package/components/Typography/Text.config.js +133 -39
  254. package/components/Typography/Typography.js +116 -59
  255. package/components/Typography/index.js +117 -215
  256. package/components/Upload/Upload.perftest.js +65 -30
  257. package/components/Upload/index.js +18 -20
  258. package/components/UploadAudio/index.js +6 -7
  259. package/components/UploadVisual/index.js +6 -7
  260. package/css/cjs/components/Carousel/Carousel.config.js +1 -1
  261. package/css/cjs/components/Carousel/Carousel.config.js.map +1 -1
  262. package/css/cjs/components/Carousel/Carousel.config_uusoxc.css +2 -0
  263. package/css/cjs/components/Carousel/Carousel.css +2 -2
  264. package/css/cjs/components/Carousel/Carousel.js +1 -1
  265. package/css/cjs/components/Carousel/Carousel.js.map +1 -1
  266. package/css/cjs/index.css +2 -2
  267. package/css/es/components/Carousel/Carousel.config.js +1 -1
  268. package/css/es/components/Carousel/Carousel.config.js.map +1 -1
  269. package/css/es/components/Carousel/Carousel.config_uusoxc.css +2 -0
  270. package/css/es/components/Carousel/Carousel.css +2 -2
  271. package/css/es/components/Carousel/Carousel.js +1 -1
  272. package/css/es/components/Carousel/Carousel.js.map +1 -1
  273. package/css/es/index.css +2 -2
  274. package/es/components/Accordion/Accordion.config.js +350 -27
  275. package/es/components/Accordion/Accordion.js +3 -5
  276. package/es/components/Accordion/index.js +1 -1
  277. package/es/components/Attach/Attach.config.js +809 -31
  278. package/es/components/Attach/Attach.js +2 -4
  279. package/es/components/Attach/index.js +1 -1
  280. package/es/components/AudioPlayer/index.js +1 -1
  281. package/es/components/Autocomplete/Autocomplete.config.js +627 -37
  282. package/es/components/Autocomplete/Autocomplete.js +2 -2
  283. package/es/components/Autocomplete/index.js +1 -1
  284. package/es/components/Avatar/Avatar.config.js +410 -39
  285. package/es/components/Avatar/Avatar.js +3 -3
  286. package/es/components/Avatar/index.js +1 -1
  287. package/es/components/AvatarGroup/AvatarGroup.js +2 -2
  288. package/es/components/AvatarGroup/index.js +1 -1
  289. package/es/components/Badge/Badge.config.js +276 -36
  290. package/es/components/Badge/Badge.js +2 -4
  291. package/es/components/Badge/Badge.perftest.js +39 -13
  292. package/es/components/Badge/index.js +1 -1
  293. package/es/components/Breadcrumbs/Breadcrumbs.config.js +102 -16
  294. package/es/components/Breadcrumbs/Breadcrumbs.js +3 -5
  295. package/es/components/Breadcrumbs/index.js +1 -1
  296. package/es/components/Button/Button.config.js +533 -49
  297. package/es/components/Button/Button.js +3 -5
  298. package/es/components/Button/Button.perftest.js +53 -27
  299. package/es/components/Button/index.js +1 -1
  300. package/es/components/ButtonBase/index.js +1 -1
  301. package/es/components/ButtonGroup/ButtonGroup.config.js +561 -54
  302. package/es/components/ButtonGroup/ButtonGroup.js +2 -4
  303. package/es/components/ButtonGroup/index.js +1 -1
  304. package/es/components/Calendar/Calendar.js +12 -12
  305. package/es/components/Calendar/Calendar.perftest.js +97 -76
  306. package/es/components/Calendar/CalendarBase.config.js +309 -16
  307. package/es/components/Calendar/CalendarDouble.config.js +311 -16
  308. package/es/components/Calendar/index.js +1 -1
  309. package/es/components/Card/index.js +1 -1
  310. package/es/components/Carousel/Carousel.config.js +48 -13
  311. package/es/components/Carousel/Carousel.js +40 -13
  312. package/es/components/Carousel/Legacy/Carousel.examples.js +57 -28
  313. package/es/components/Carousel/Legacy/Carousel.js +3 -3
  314. package/es/components/Carousel/index.js +1 -1
  315. package/es/components/Cell/Cell.config.js +171 -13
  316. package/es/components/Cell/Cell.js +3 -5
  317. package/es/components/Cell/index.js +1 -1
  318. package/es/components/Checkbox/Checkbox.config.js +288 -37
  319. package/es/components/Checkbox/Checkbox.js +3 -4
  320. package/es/components/Checkbox/Checkbox.perftest.js +43 -16
  321. package/es/components/Checkbox/index.js +1 -1
  322. package/es/components/Chip/Chip.config.js +313 -36
  323. package/es/components/Chip/Chip.js +3 -5
  324. package/es/components/Chip/index.js +1 -1
  325. package/es/components/ChipGroup/ChipGroup.config.js +199 -22
  326. package/es/components/ChipGroup/ChipGroup.js +2 -2
  327. package/es/components/ChipGroup/index.js +1 -1
  328. package/es/components/CodeField/CodeField.config.js +136 -22
  329. package/es/components/CodeField/CodeField.js +2 -2
  330. package/es/components/CodeField/index.js +1 -1
  331. package/es/components/Combobox/Combobox.config.js +810 -37
  332. package/es/components/Combobox/Combobox.js +40 -13
  333. package/es/components/Combobox/Legacy/Combobox.config.js +345 -16
  334. package/es/components/Combobox/Legacy/Combobox.js +12 -12
  335. package/es/components/Combobox/Legacy/index.js +1 -1
  336. package/es/components/Combobox/index.js +1 -1
  337. package/es/components/Counter/Counter.config.js +213 -28
  338. package/es/components/Counter/Counter.js +2 -4
  339. package/es/components/Counter/index.js +1 -1
  340. package/es/components/DatePicker/DatePicker.config.js +577 -22
  341. package/es/components/DatePicker/DatePicker.js +4 -4
  342. package/es/components/DatePicker/index.js +1 -1
  343. package/es/components/Divider/Divider.config.js +100 -22
  344. package/es/components/Divider/Divider.js +2 -4
  345. package/es/components/Divider/index.js +1 -1
  346. package/es/components/Drawer/Drawer.config.js +69 -17
  347. package/es/components/Drawer/Drawer.js +8 -16
  348. package/es/components/Drawer/index.js +1 -1
  349. package/es/components/Dropdown/Dropdown.config.js +236 -17
  350. package/es/components/Dropdown/Dropdown.js +36 -9
  351. package/es/components/Dropdown/components/DropdownItem.js +135 -63
  352. package/es/components/Dropdown/components/DropdownList.js +6 -3
  353. package/es/components/Dropdown/components/DropdownOld.config.js +133 -18
  354. package/es/components/Dropdown/components/DropdownPopup.js +107 -28
  355. package/es/components/Dropdown/index.js +1 -1
  356. package/es/components/Dropzone/Dropzone.config.js +77 -16
  357. package/es/components/Dropzone/Dropzone.js +2 -2
  358. package/es/components/Dropzone/index.js +1 -1
  359. package/es/components/Editable/Editable.config.js +47 -13
  360. package/es/components/Editable/Editable.js +3 -3
  361. package/es/components/Editable/index.js +1 -1
  362. package/es/components/ElasticGrid/ElasticGrid.perftest.js +34 -21
  363. package/es/components/ElasticGrid/index.js +1 -1
  364. package/es/components/EmptyState/EmptyState.config.js +105 -13
  365. package/es/components/EmptyState/EmptyState.js +2 -2
  366. package/es/components/EmptyState/index.js +1 -1
  367. package/es/components/Flow/Flow.js +2 -2
  368. package/es/components/Flow/index.js +1 -1
  369. package/es/components/Grid/Grid.config.js +93 -17
  370. package/es/components/Grid/Grid.js +2 -2
  371. package/es/components/Grid/index.js +1 -1
  372. package/es/components/IconButton/IconButton.config.js +416 -38
  373. package/es/components/IconButton/IconButton.js +3 -5
  374. package/es/components/IconButton/index.js +1 -1
  375. package/es/components/Image/Image.js +3 -5
  376. package/es/components/Image/index.js +1 -1
  377. package/es/components/Indicator/Indicator.config.js +140 -22
  378. package/es/components/Indicator/Indicator.js +3 -3
  379. package/es/components/Indicator/index.js +1 -1
  380. package/es/components/Link/Link.config.js +226 -29
  381. package/es/components/Link/Link.js +3 -5
  382. package/es/components/Link/index.js +1 -1
  383. package/es/components/LinkButton/LinkButton.config.js +265 -26
  384. package/es/components/LinkButton/LinkButton.js +2 -2
  385. package/es/components/LinkButton/index.js +1 -1
  386. package/es/components/List/List.config.js +168 -20
  387. package/es/components/List/List.js +3 -5
  388. package/es/components/List/index.js +1 -1
  389. package/es/components/Mask/Mask.js +1 -1
  390. package/es/components/Mask/index.js +1 -1
  391. package/es/components/Modal/Modal.perftest.js +10 -12
  392. package/es/components/Modal/index.js +1 -1
  393. package/es/components/ModalBase/Modal.config.js +38 -10
  394. package/es/components/ModalBase/ModalBase.js +3 -5
  395. package/es/components/ModalBase/index.js +1 -1
  396. package/es/components/Note/Note.config.js +236 -20
  397. package/es/components/Note/Note.js +2 -2
  398. package/es/components/Note/index.js +1 -1
  399. package/es/components/Notification/Notification.config.js +352 -25
  400. package/es/components/Notification/Notification.js +11 -15
  401. package/es/components/Notification/index.js +1 -1
  402. package/es/components/NumberFormat/NumberFormat.js +1 -9
  403. package/es/components/NumberFormat/index.js +1 -1
  404. package/es/components/NumberInput/NumberInput.config.js +385 -37
  405. package/es/components/NumberInput/NumberInput.js +2 -2
  406. package/es/components/NumberInput/index.js +1 -1
  407. package/es/components/Overlay/index.js +1 -1
  408. package/es/components/Pagination/Pagination.config.js +390 -38
  409. package/es/components/Pagination/Pagination.js +3 -5
  410. package/es/components/Pagination/index.js +1 -1
  411. package/es/components/PaginationDots/index.js +1 -1
  412. package/es/components/Popover/Popover.config.js +34 -10
  413. package/es/components/Popover/Popover.js +2 -2
  414. package/es/components/Popover/index.js +1 -1
  415. package/es/components/Popup/index.js +1 -1
  416. package/es/components/PopupBase/PopupBase.js +2 -4
  417. package/es/components/PopupBase/index.js +1 -1
  418. package/es/components/Portal/index.js +1 -1
  419. package/es/components/PreviewGallery/PreviewGallery.perftest.js +76 -65
  420. package/es/components/PreviewGallery/index.js +1 -1
  421. package/es/components/Price/Price.config.js +7 -7
  422. package/es/components/Price/Price.js +3 -5
  423. package/es/components/Price/index.js +1 -1
  424. package/es/components/Progress/Progress.config.js +138 -20
  425. package/es/components/Progress/Progress.js +3 -3
  426. package/es/components/Progress/index.js +1 -1
  427. package/es/components/Radiobox/Radiobox.config.js +295 -44
  428. package/es/components/Radiobox/Radiobox.js +4 -5
  429. package/es/components/Radiobox/Radiobox.perftest.js +21 -25
  430. package/es/components/Radiobox/index.js +1 -1
  431. package/es/components/Range/Range.config.js +310 -22
  432. package/es/components/Range/Range.js +2 -4
  433. package/es/components/Range/index.js +1 -1
  434. package/es/components/Rating/Rating.config.js +460 -26
  435. package/es/components/Rating/Rating.js +2 -2
  436. package/es/components/Rating/index.js +1 -1
  437. package/es/components/SSRProvider/index.js +1 -1
  438. package/es/components/Segment/Segment.js +5 -10
  439. package/es/components/Segment/SegmentGroup.config.js +187 -33
  440. package/es/components/Segment/SegmentItem.config.js +257 -26
  441. package/es/components/Segment/index.js +1 -1
  442. package/es/components/Select/Select.config.js +1008 -49
  443. package/es/components/Select/Select.js +36 -9
  444. package/es/components/Select/Select.perftest.js +32 -27
  445. package/es/components/Select/index.js +1 -1
  446. package/es/components/Sheet/Sheet.config.js +54 -13
  447. package/es/components/Sheet/Sheet.js +3 -5
  448. package/es/components/Sheet/index.js +1 -1
  449. package/es/components/Skeleton/LineSkeleton.config.js +437 -44
  450. package/es/components/Skeleton/Skeleton.js +5 -11
  451. package/es/components/Skeleton/index.js +1 -1
  452. package/es/components/Slider/Slider.config.js +264 -20
  453. package/es/components/Slider/Slider.js +3 -5
  454. package/es/components/Slider/index.js +1 -1
  455. package/es/components/Spinner/Spinner.config.js +142 -27
  456. package/es/components/Spinner/Spinner.js +8 -7
  457. package/es/components/Spinner/index.js +1 -1
  458. package/es/components/Steps/Steps.config.js +357 -42
  459. package/es/components/Steps/Steps.js +3 -3
  460. package/es/components/Steps/index.js +1 -1
  461. package/es/components/Switch/Switch.config.js +184 -28
  462. package/es/components/Switch/Switch.js +3 -3
  463. package/es/components/Switch/Switch.perftest.js +46 -16
  464. package/es/components/Switch/index.js +1 -1
  465. package/es/components/Table/Table.config.js +248 -16
  466. package/es/components/Table/Table.js +3 -5
  467. package/es/components/Table/index.js +1 -1
  468. package/es/components/Tabs/TabItem.js +10 -14
  469. package/es/components/Tabs/Tabs.js +10 -14
  470. package/es/components/Tabs/Tabs.perftest.js +49 -46
  471. package/es/components/Tabs/TabsController.js +5 -7
  472. package/es/components/Tabs/horizontal/HorizontalTabItem.config.js +389 -33
  473. package/es/components/Tabs/horizontal/HorizontalTabs.config.js +247 -32
  474. package/es/components/Tabs/index.js +1 -1
  475. package/es/components/Tabs/vertical/VerticalTabItem.config.js +177 -22
  476. package/es/components/Tabs/vertical/VerticalTabs.config.js +124 -22
  477. package/es/components/TextArea/TextArea.config.js +686 -38
  478. package/es/components/TextArea/TextArea.js +3 -5
  479. package/es/components/TextArea/TextArea.perftest.js +47 -21
  480. package/es/components/TextArea/index.js +1 -1
  481. package/es/components/TextField/TextField.config.js +847 -49
  482. package/es/components/TextField/TextField.js +147 -77
  483. package/es/components/TextField/TextField.perftest.js +80 -30
  484. package/es/components/TextField/index.js +1 -1
  485. package/es/components/TextFieldGroup/TextFieldGroup.config.js +347 -29
  486. package/es/components/TextFieldGroup/TextFieldGroup.js +2 -4
  487. package/es/components/TextFieldGroup/index.js +1 -1
  488. package/es/components/Toast/Toast.config.js +165 -37
  489. package/es/components/Toast/Toast.js +4 -4
  490. package/es/components/Toast/index.js +1 -1
  491. package/es/components/Tokens/Colors/Colors.styles.js +90 -43
  492. package/es/components/Tokens/NumberTokens/NumberTokens.styles.js +37 -18
  493. package/es/components/Tokens/Typography/Typography.styles.js +135 -68
  494. package/es/components/Toolbar/Toolbar.config.js +96 -16
  495. package/es/components/Toolbar/Toolbar.js +4 -6
  496. package/es/components/Toolbar/index.js +1 -1
  497. package/es/components/Tooltip/Tooltip.config.js +91 -15
  498. package/es/components/Tooltip/Tooltip.js +2 -2
  499. package/es/components/Tooltip/Tooltip.perftest.js +70 -69
  500. package/es/components/Tooltip/index.js +1 -1
  501. package/es/components/Tree/Tree.config.js +167 -16
  502. package/es/components/Tree/Tree.js +2 -2
  503. package/es/components/Tree/index.js +1 -1
  504. package/es/components/Typography/Body.config.js +131 -38
  505. package/es/components/Typography/Dspl.config.js +83 -24
  506. package/es/components/Typography/Heading.config.js +131 -38
  507. package/es/components/Typography/Old/Body.config.js +77 -24
  508. package/es/components/Typography/Old/Button.config.js +55 -17
  509. package/es/components/Typography/Old/Caption.config.js +33 -10
  510. package/es/components/Typography/Old/Display.config.js +77 -24
  511. package/es/components/Typography/Old/Footnote.config.js +55 -17
  512. package/es/components/Typography/Old/Headline.config.js +121 -38
  513. package/es/components/Typography/Old/Paragraph.config.js +55 -17
  514. package/es/components/Typography/Old/ParagraphText.config.js +55 -17
  515. package/es/components/Typography/Old/Subtitle.config.js +33 -10
  516. package/es/components/Typography/Old/Underline.config.js +33 -10
  517. package/es/components/Typography/Old/index.js +45 -45
  518. package/es/components/Typography/Text.config.js +107 -31
  519. package/es/components/Typography/Typography.js +35 -35
  520. package/es/components/Typography/index.js +1 -1
  521. package/es/components/Upload/Upload.perftest.js +51 -24
  522. package/es/components/Upload/index.js +1 -1
  523. package/es/components/UploadAudio/index.js +1 -1
  524. package/es/components/UploadVisual/index.js +1 -1
  525. package/es/helpers/index.js +1 -0
  526. package/es/hocs/index.js +1 -1
  527. package/es/hooks/index.js +1 -1
  528. package/es/index.js +1 -1
  529. package/es/mixins/index.js +1 -1
  530. package/es/tokens/colors.js +1 -1
  531. package/es/tokens/index.js +1 -1
  532. package/es/tokens/sizes.js +1 -1
  533. package/es/tokens/typography.js +37 -37
  534. package/es/types/index.js +1 -1
  535. package/es/utils/index.js +1 -1
  536. package/helpers/index.js +31 -0
  537. package/hocs/index.js +16 -15
  538. package/hooks/index.js +22 -27
  539. package/index.js +99 -927
  540. package/mixins/index.js +112 -119
  541. package/package.json +10 -10
  542. package/tokens/colors.js +189 -48
  543. package/tokens/index.js +17 -35
  544. package/tokens/sizes.js +33 -9
  545. package/tokens/typography.js +228 -362
  546. package/types/index.js +2 -3
  547. package/utils/index.js +72 -125
  548. package/css/cjs/components/Carousel/Carousel.config_1r461vi.css +0 -2
  549. package/css/es/components/Carousel/Carousel.config_1r461vi.css +0 -2
  550. package/es/hooks/useFocusTrap.component-test.js +0 -165
  551. package/hooks/useFocusTrap.component-test.js +0 -171
package/utils/index.js CHANGED
@@ -1,127 +1,74 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "animatedScrollToX", {
7
- enumerable: true,
8
- get: function get() {
9
- return _plasmaCore.animatedScrollToX;
10
- }
11
- });
12
- Object.defineProperty(exports, "animatedScrollToY", {
13
- enumerable: true,
14
- get: function get() {
15
- return _plasmaCore.animatedScrollToY;
16
- }
17
- });
18
- Object.defineProperty(exports, "canUseDOM", {
19
- enumerable: true,
20
- get: function get() {
21
- return _plasmaCore.canUseDOM;
22
- }
23
- });
24
- Object.defineProperty(exports, "clearSelection", {
25
- enumerable: true,
26
- get: function get() {
27
- return _plasmaHope.clearSelection;
28
- }
29
- });
30
- Object.defineProperty(exports, "convertRoundnessMatrix", {
31
- enumerable: true,
32
- get: function get() {
33
- return _plasmaCore.convertRoundnessMatrix;
34
- }
35
- });
36
- Object.defineProperty(exports, "extractTextFrom", {
37
- enumerable: true,
38
- get: function get() {
39
- return _plasmaCore.extractTextFrom;
40
- }
41
- });
42
- Object.defineProperty(exports, "formatCurrency", {
43
- enumerable: true,
44
- get: function get() {
45
- return _plasmaCore.formatCurrency;
46
- }
47
- });
48
- Object.defineProperty(exports, "gridBreakpoints", {
49
- enumerable: true,
50
- get: function get() {
51
- return _plasmaHope.gridBreakpoints;
52
- }
53
- });
54
- Object.defineProperty(exports, "gridColumns", {
55
- enumerable: true,
56
- get: function get() {
57
- return _plasmaHope.gridColumns;
58
- }
59
- });
60
- Object.defineProperty(exports, "gridGutters", {
61
- enumerable: true,
62
- get: function get() {
63
- return _plasmaHope.gridGutters;
64
- }
65
- });
66
- Object.defineProperty(exports, "gridMargins", {
67
- enumerable: true,
68
- get: function get() {
69
- return _plasmaHope.gridMargins;
70
- }
71
- });
72
- Object.defineProperty(exports, "gridSizes", {
73
- enumerable: true,
74
- get: function get() {
75
- return _plasmaHope.gridSizes;
76
- }
77
- });
78
- Object.defineProperty(exports, "mediaQuery", {
79
- enumerable: true,
80
- get: function get() {
81
- return _plasmaHope.mediaQuery;
82
- }
83
- });
84
- Object.defineProperty(exports, "monthLongName", {
85
- enumerable: true,
86
- get: function get() {
87
- return _plasmaCore.monthLongName;
88
- }
89
- });
90
- Object.defineProperty(exports, "monthShortName", {
91
- enumerable: true,
92
- get: function get() {
93
- return _plasmaCore.monthShortName;
94
- }
95
- });
96
- Object.defineProperty(exports, "padZeroNumber", {
97
- enumerable: true,
98
- get: function get() {
99
- return _plasmaCore.padZeroNumber;
100
- }
101
- });
102
- Object.defineProperty(exports, "selectText", {
103
- enumerable: true,
104
- get: function get() {
105
- return _plasmaHope.selectText;
106
- }
107
- });
108
- Object.defineProperty(exports, "setRef", {
109
- enumerable: true,
110
- get: function get() {
111
- return _plasmaCore.setRef;
112
- }
113
- });
114
- Object.defineProperty(exports, "toCssSize", {
115
- enumerable: true,
116
- get: function get() {
117
- return _plasmaCore.toCssSize;
118
- }
119
- });
120
- Object.defineProperty(exports, "transformStyles", {
121
- enumerable: true,
122
- get: function get() {
123
- return _plasmaCore.transformStyles;
124
- }
125
- });
126
- var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
127
- var _plasmaHope = /*#__PURE__*/require("@salutejs/plasma-hope");
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: Object.getOwnPropertyDescriptor(all, name).get
9
+ });
10
+ }
11
+ _export(exports, {
12
+ get animatedScrollToX () {
13
+ return _plasmacore.animatedScrollToX;
14
+ },
15
+ get animatedScrollToY () {
16
+ return _plasmacore.animatedScrollToY;
17
+ },
18
+ get canUseDOM () {
19
+ return _plasmacore.canUseDOM;
20
+ },
21
+ get clearSelection () {
22
+ return _plasmahope.clearSelection;
23
+ },
24
+ get convertRoundnessMatrix () {
25
+ return _plasmacore.convertRoundnessMatrix;
26
+ },
27
+ get extractTextFrom () {
28
+ return _plasmacore.extractTextFrom;
29
+ },
30
+ get formatCurrency () {
31
+ return _plasmacore.formatCurrency;
32
+ },
33
+ get gridBreakpoints () {
34
+ return _plasmahope.gridBreakpoints;
35
+ },
36
+ get gridColumns () {
37
+ return _plasmahope.gridColumns;
38
+ },
39
+ get gridGutters () {
40
+ return _plasmahope.gridGutters;
41
+ },
42
+ get gridMargins () {
43
+ return _plasmahope.gridMargins;
44
+ },
45
+ get gridSizes () {
46
+ return _plasmahope.gridSizes;
47
+ },
48
+ get mediaQuery () {
49
+ return _plasmahope.mediaQuery;
50
+ },
51
+ get monthLongName () {
52
+ return _plasmacore.monthLongName;
53
+ },
54
+ get monthShortName () {
55
+ return _plasmacore.monthShortName;
56
+ },
57
+ get padZeroNumber () {
58
+ return _plasmacore.padZeroNumber;
59
+ },
60
+ get selectText () {
61
+ return _plasmahope.selectText;
62
+ },
63
+ get setRef () {
64
+ return _plasmacore.setRef;
65
+ },
66
+ get toCssSize () {
67
+ return _plasmacore.toCssSize;
68
+ },
69
+ get transformStyles () {
70
+ return _plasmacore.transformStyles;
71
+ }
72
+ });
73
+ var _plasmacore = require("@salutejs/plasma-core");
74
+ var _plasmahope = require("@salutejs/plasma-hope");
@@ -1,2 +0,0 @@
1
- .dv63qpm{--plasma-carousel-pagination-dot-background:var(--surface-transparent-tertiary);--plasma-carousel-pagination-dot-active-background:var(--surface-solid-default);}
2
-
@@ -1,2 +0,0 @@
1
- .dv63qpm{--plasma-carousel-pagination-dot-background:var(--surface-transparent-tertiary);--plasma-carousel-pagination-dot-active-background:var(--surface-solid-default);}
2
-
@@ -1,165 +0,0 @@
1
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
2
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
3
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
4
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
5
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
6
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
7
- import React, { useState } from 'react';
8
- import styled from 'styled-components';
9
- import { mount, CypressTestDecorator, getComponent } from '@salutejs/plasma-cy-utils';
10
- var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
11
- componentId: "plasma-web__sc-1m9jnbs-0"
12
- })(["margin:1rem 0;display:flex;justify-content:space-around;align-items:center;"]);
13
- describe('plasma-web: useFocusTrap', function () {
14
- var _Button, _Button2, _Button3, _Button4, _CypressTestDecorator, _CypressTestDecorator2, _CypressTestDecorator3, _CypressTestDecorator4;
15
- var ModalsProvider = getComponent('ModalsProvider');
16
- var Modal = getComponent('Modal');
17
- var Button = getComponent('Button');
18
- var P1 = getComponent('P1');
19
- var useFocusTrap = getComponent('useFocusTrap');
20
- function Demo() {
21
- var ref = useFocusTrap(true, '#focus-first');
22
- var _useState = useState(false),
23
- _useState2 = _slicedToArray(_useState, 2),
24
- showButtons = _useState2[0],
25
- setShowButtons = _useState2[1];
26
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
27
- onClick: function onClick() {
28
- return setShowButtons(true);
29
- }
30
- }, "Show buttons"), showButtons && /*#__PURE__*/React.createElement(StyledWrapper, {
31
- ref: ref
32
- }, /*#__PURE__*/React.createElement(Button, {
33
- style: {
34
- visibility: 'hidden'
35
- }
36
- }, "Btn"), _Button || (_Button = /*#__PURE__*/React.createElement(Button, null, "Button")), _Button2 || (_Button2 = /*#__PURE__*/React.createElement(Button, {
37
- id: "focus-first"
38
- }, "First")), /*#__PURE__*/React.createElement(Button, {
39
- style: {
40
- display: 'none'
41
- }
42
- }, "Not displayed"), /*#__PURE__*/React.createElement(Button, {
43
- onClick: function onClick() {
44
- return setShowButtons(false);
45
- }
46
- }, "Close"), /*#__PURE__*/React.createElement(Button, {
47
- style: {
48
- opacity: '0'
49
- }
50
- }, "Btn")));
51
- }
52
- function OneNode() {
53
- var ref = useFocusTrap();
54
- var _useState3 = useState(false),
55
- _useState4 = _slicedToArray(_useState3, 2),
56
- showButtons = _useState4[0],
57
- setShowButtons = _useState4[1];
58
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
59
- onClick: function onClick() {
60
- return setShowButtons(true);
61
- }
62
- }, "Show"), showButtons && /*#__PURE__*/React.createElement(Button, {
63
- ref: ref
64
- }, "Trapped button"));
65
- }
66
- function Double() {
67
- var refA = useFocusTrap();
68
- var refB = useFocusTrap();
69
- var _useState5 = useState(false),
70
- _useState6 = _slicedToArray(_useState5, 2),
71
- showButtonsA = _useState6[0],
72
- setShowButtonsA = _useState6[1];
73
- var _useState7 = useState(false),
74
- _useState8 = _slicedToArray(_useState7, 2),
75
- showButtonsB = _useState8[0],
76
- setShowButtonsB = _useState8[1];
77
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
78
- onClick: function onClick() {
79
- return setShowButtonsA(true);
80
- }
81
- }, "Show buttons A"), showButtonsA && /*#__PURE__*/React.createElement(StyledWrapper, {
82
- ref: refA
83
- }, _Button3 || (_Button3 = /*#__PURE__*/React.createElement(Button, null, "Button A")), /*#__PURE__*/React.createElement(Button, {
84
- onClick: function onClick() {
85
- return setShowButtonsB(true);
86
- }
87
- }, "Show buttons B"), showButtonsB && /*#__PURE__*/React.createElement(StyledWrapper, {
88
- ref: refB
89
- }, _Button4 || (_Button4 = /*#__PURE__*/React.createElement(Button, null, "Button B")), /*#__PURE__*/React.createElement(Button, {
90
- onClick: function onClick() {
91
- return setShowButtonsB(false);
92
- }
93
- }, "Close B")), /*#__PURE__*/React.createElement(Button, {
94
- onClick: function onClick() {
95
- return setShowButtonsA(false);
96
- }
97
- }, "Close A")));
98
- }
99
- it('check first focus', function () {
100
- mount(_CypressTestDecorator || (_CypressTestDecorator = /*#__PURE__*/React.createElement(CypressTestDecorator, null, /*#__PURE__*/React.createElement(ModalsProvider, null, /*#__PURE__*/React.createElement(Demo, null)))));
101
- cy.get('button').contains('Show buttons').type('{enter}');
102
- cy.focused().should(function ($p) {
103
- expect($p).to.contain('First');
104
- });
105
- });
106
- it('check tab cicle', function () {
107
- mount(_CypressTestDecorator2 || (_CypressTestDecorator2 = /*#__PURE__*/React.createElement(CypressTestDecorator, null, /*#__PURE__*/React.createElement(ModalsProvider, null, /*#__PURE__*/React.createElement(Demo, null)))));
108
- cy.get('button').contains('Show buttons').type('{enter}');
109
- cy.focused().tab();
110
- cy.focused().tab();
111
- cy.focused().tab();
112
- cy.focused().should(function ($p) {
113
- expect($p).to.contain('First');
114
- });
115
- });
116
- it('check one node', function () {
117
- mount(_CypressTestDecorator3 || (_CypressTestDecorator3 = /*#__PURE__*/React.createElement(CypressTestDecorator, null, /*#__PURE__*/React.createElement(ModalsProvider, null, /*#__PURE__*/React.createElement(OneNode, null)))));
118
- cy.get('button').contains('Show').type('{enter}');
119
- cy.focused().should(function ($p) {
120
- expect($p).to.contain('Trapped button');
121
- });
122
- cy.focused().tab();
123
- cy.focused().should(function ($p) {
124
- expect($p).to.contain('Trapped button');
125
- });
126
- });
127
- it('check blur and focus', function () {
128
- mount(_CypressTestDecorator4 || (_CypressTestDecorator4 = /*#__PURE__*/React.createElement(CypressTestDecorator, null, /*#__PURE__*/React.createElement(ModalsProvider, null, /*#__PURE__*/React.createElement(Double, null)))));
129
- cy.get('button').contains('Show buttons A').type('{enter}');
130
-
131
- // что выделяется после blur при открытым A
132
- cy.focused().blur();
133
- cy.get('body').tab();
134
- cy.focused().should(function ($p) {
135
- expect($p).to.contain('Button A');
136
- });
137
-
138
- // проверка первых элементов
139
- cy.get('button').contains('Show buttons B').type('{enter}');
140
- cy.focused().should(function ($p) {
141
- expect($p).to.contain('Button B');
142
- });
143
- cy.focused().tab();
144
-
145
- // что выделяется после blur при открытом B
146
- cy.focused().blur();
147
- cy.get('body').tab();
148
- cy.focused().should(function ($p) {
149
- expect($p).to.contain('Button B');
150
- });
151
-
152
- // проверка элемента при закрытии
153
- cy.get('button').contains('Close B').type('{enter}');
154
- cy.focused().should(function ($p) {
155
- expect($p).to.contain('Show buttons B');
156
- });
157
-
158
- // что выделяется после blur при закрытом B/открытом A
159
- cy.focused().blur();
160
- cy.get('body').tab();
161
- cy.focused().should(function ($p) {
162
- expect($p).to.contain('Button A');
163
- });
164
- });
165
- });
@@ -1,171 +0,0 @@
1
- "use strict";
2
-
3
- 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); }
4
- var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
5
- var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
6
- var _plasmaCyUtils = /*#__PURE__*/require("@salutejs/plasma-cy-utils");
7
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
8
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
9
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
10
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
11
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
12
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
13
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
14
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
15
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
16
- var StyledWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
17
- componentId: "plasma-web__sc-1m9jnbs-0"
18
- })(["margin:1rem 0;display:flex;justify-content:space-around;align-items:center;"]);
19
- describe('plasma-web: useFocusTrap', function () {
20
- var _Button, _Button2, _Button3, _Button4, _CypressTestDecorator, _CypressTestDecorator2, _CypressTestDecorator3, _CypressTestDecorator4;
21
- var ModalsProvider = (0, _plasmaCyUtils.getComponent)('ModalsProvider');
22
- var Modal = (0, _plasmaCyUtils.getComponent)('Modal');
23
- var Button = (0, _plasmaCyUtils.getComponent)('Button');
24
- var P1 = (0, _plasmaCyUtils.getComponent)('P1');
25
- var useFocusTrap = (0, _plasmaCyUtils.getComponent)('useFocusTrap');
26
- function Demo() {
27
- var ref = useFocusTrap(true, '#focus-first');
28
- var _useState = (0, _react.useState)(false),
29
- _useState2 = _slicedToArray(_useState, 2),
30
- showButtons = _useState2[0],
31
- setShowButtons = _useState2[1];
32
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(Button, {
33
- onClick: function onClick() {
34
- return setShowButtons(true);
35
- }
36
- }, "Show buttons"), showButtons && /*#__PURE__*/_react["default"].createElement(StyledWrapper, {
37
- ref: ref
38
- }, /*#__PURE__*/_react["default"].createElement(Button, {
39
- style: {
40
- visibility: 'hidden'
41
- }
42
- }, "Btn"), _Button || (_Button = /*#__PURE__*/_react["default"].createElement(Button, null, "Button")), _Button2 || (_Button2 = /*#__PURE__*/_react["default"].createElement(Button, {
43
- id: "focus-first"
44
- }, "First")), /*#__PURE__*/_react["default"].createElement(Button, {
45
- style: {
46
- display: 'none'
47
- }
48
- }, "Not displayed"), /*#__PURE__*/_react["default"].createElement(Button, {
49
- onClick: function onClick() {
50
- return setShowButtons(false);
51
- }
52
- }, "Close"), /*#__PURE__*/_react["default"].createElement(Button, {
53
- style: {
54
- opacity: '0'
55
- }
56
- }, "Btn")));
57
- }
58
- function OneNode() {
59
- var ref = useFocusTrap();
60
- var _useState3 = (0, _react.useState)(false),
61
- _useState4 = _slicedToArray(_useState3, 2),
62
- showButtons = _useState4[0],
63
- setShowButtons = _useState4[1];
64
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(Button, {
65
- onClick: function onClick() {
66
- return setShowButtons(true);
67
- }
68
- }, "Show"), showButtons && /*#__PURE__*/_react["default"].createElement(Button, {
69
- ref: ref
70
- }, "Trapped button"));
71
- }
72
- function Double() {
73
- var refA = useFocusTrap();
74
- var refB = useFocusTrap();
75
- var _useState5 = (0, _react.useState)(false),
76
- _useState6 = _slicedToArray(_useState5, 2),
77
- showButtonsA = _useState6[0],
78
- setShowButtonsA = _useState6[1];
79
- var _useState7 = (0, _react.useState)(false),
80
- _useState8 = _slicedToArray(_useState7, 2),
81
- showButtonsB = _useState8[0],
82
- setShowButtonsB = _useState8[1];
83
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(Button, {
84
- onClick: function onClick() {
85
- return setShowButtonsA(true);
86
- }
87
- }, "Show buttons A"), showButtonsA && /*#__PURE__*/_react["default"].createElement(StyledWrapper, {
88
- ref: refA
89
- }, _Button3 || (_Button3 = /*#__PURE__*/_react["default"].createElement(Button, null, "Button A")), /*#__PURE__*/_react["default"].createElement(Button, {
90
- onClick: function onClick() {
91
- return setShowButtonsB(true);
92
- }
93
- }, "Show buttons B"), showButtonsB && /*#__PURE__*/_react["default"].createElement(StyledWrapper, {
94
- ref: refB
95
- }, _Button4 || (_Button4 = /*#__PURE__*/_react["default"].createElement(Button, null, "Button B")), /*#__PURE__*/_react["default"].createElement(Button, {
96
- onClick: function onClick() {
97
- return setShowButtonsB(false);
98
- }
99
- }, "Close B")), /*#__PURE__*/_react["default"].createElement(Button, {
100
- onClick: function onClick() {
101
- return setShowButtonsA(false);
102
- }
103
- }, "Close A")));
104
- }
105
- it('check first focus', function () {
106
- (0, _plasmaCyUtils.mount)(_CypressTestDecorator || (_CypressTestDecorator = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.CypressTestDecorator, null, /*#__PURE__*/_react["default"].createElement(ModalsProvider, null, /*#__PURE__*/_react["default"].createElement(Demo, null)))));
107
- cy.get('button').contains('Show buttons').type('{enter}');
108
- cy.focused().should(function ($p) {
109
- expect($p).to.contain('First');
110
- });
111
- });
112
- it('check tab cicle', function () {
113
- (0, _plasmaCyUtils.mount)(_CypressTestDecorator2 || (_CypressTestDecorator2 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.CypressTestDecorator, null, /*#__PURE__*/_react["default"].createElement(ModalsProvider, null, /*#__PURE__*/_react["default"].createElement(Demo, null)))));
114
- cy.get('button').contains('Show buttons').type('{enter}');
115
- cy.focused().tab();
116
- cy.focused().tab();
117
- cy.focused().tab();
118
- cy.focused().should(function ($p) {
119
- expect($p).to.contain('First');
120
- });
121
- });
122
- it('check one node', function () {
123
- (0, _plasmaCyUtils.mount)(_CypressTestDecorator3 || (_CypressTestDecorator3 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.CypressTestDecorator, null, /*#__PURE__*/_react["default"].createElement(ModalsProvider, null, /*#__PURE__*/_react["default"].createElement(OneNode, null)))));
124
- cy.get('button').contains('Show').type('{enter}');
125
- cy.focused().should(function ($p) {
126
- expect($p).to.contain('Trapped button');
127
- });
128
- cy.focused().tab();
129
- cy.focused().should(function ($p) {
130
- expect($p).to.contain('Trapped button');
131
- });
132
- });
133
- it('check blur and focus', function () {
134
- (0, _plasmaCyUtils.mount)(_CypressTestDecorator4 || (_CypressTestDecorator4 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.CypressTestDecorator, null, /*#__PURE__*/_react["default"].createElement(ModalsProvider, null, /*#__PURE__*/_react["default"].createElement(Double, null)))));
135
- cy.get('button').contains('Show buttons A').type('{enter}');
136
-
137
- // что выделяется после blur при открытым A
138
- cy.focused().blur();
139
- cy.get('body').tab();
140
- cy.focused().should(function ($p) {
141
- expect($p).to.contain('Button A');
142
- });
143
-
144
- // проверка первых элементов
145
- cy.get('button').contains('Show buttons B').type('{enter}');
146
- cy.focused().should(function ($p) {
147
- expect($p).to.contain('Button B');
148
- });
149
- cy.focused().tab();
150
-
151
- // что выделяется после blur при открытом B
152
- cy.focused().blur();
153
- cy.get('body').tab();
154
- cy.focused().should(function ($p) {
155
- expect($p).to.contain('Button B');
156
- });
157
-
158
- // проверка элемента при закрытии
159
- cy.get('button').contains('Close B').type('{enter}');
160
- cy.focused().should(function ($p) {
161
- expect($p).to.contain('Show buttons B');
162
- });
163
-
164
- // что выделяется после blur при закрытом B/открытом A
165
- cy.focused().blur();
166
- cy.get('body').tab();
167
- cy.focused().should(function ($p) {
168
- expect($p).to.contain('Button A');
169
- });
170
- });
171
- });