@salutejs/plasma-new-hope 0.116.1-canary.1345.10274146329.0 → 0.117.0-canary.1310.10273026728.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (232) hide show
  1. package/cjs/components/Breadcrumbs/Breadcrumbs.css +13 -0
  2. package/cjs/components/Breadcrumbs/Breadcrumbs.js +59 -0
  3. package/cjs/components/Breadcrumbs/Breadcrumbs.js.map +1 -0
  4. package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +46 -0
  5. package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -0
  6. package/cjs/components/Breadcrumbs/Breadcrumbs.styles_1troyzr.css +3 -0
  7. package/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js +23 -0
  8. package/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js.map +1 -0
  9. package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +36 -0
  10. package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js.map +1 -0
  11. package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +27 -0
  12. package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js.map +1 -0
  13. package/cjs/components/Breadcrumbs/utils/index.js +54 -0
  14. package/cjs/components/Breadcrumbs/utils/index.js.map +1 -0
  15. package/cjs/components/Breadcrumbs/variations/_size/base.js +9 -0
  16. package/cjs/components/Breadcrumbs/variations/_size/base.js.map +1 -0
  17. package/cjs/components/Breadcrumbs/variations/_size/base_x642ct.css +1 -0
  18. package/cjs/components/Breadcrumbs/variations/_view/base.js +9 -0
  19. package/cjs/components/Breadcrumbs/variations/_view/base.js.map +1 -0
  20. package/cjs/components/Breadcrumbs/variations/_view/base_x642ct.css +1 -0
  21. package/cjs/components/Modal/Modal.js +1 -3
  22. package/cjs/components/Modal/Modal.js.map +1 -1
  23. package/cjs/index.css +4 -0
  24. package/cjs/index.js +6 -2
  25. package/cjs/index.js.map +1 -1
  26. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.js +59 -0
  27. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +33 -0
  28. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.template-doc.mdx +96 -0
  29. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js +21 -0
  30. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.types.js +5 -0
  31. package/emotion/cjs/components/Breadcrumbs/index.js +31 -0
  32. package/emotion/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +42 -0
  33. package/emotion/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +20 -0
  34. package/emotion/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.js +5 -0
  35. package/emotion/cjs/components/Breadcrumbs/utils/index.js +50 -0
  36. package/emotion/cjs/components/Breadcrumbs/variations/_size/base.js +8 -0
  37. package/emotion/cjs/components/Breadcrumbs/variations/_size/tokens.json +0 -0
  38. package/emotion/cjs/components/Breadcrumbs/variations/_view/base.js +8 -0
  39. package/emotion/cjs/components/Breadcrumbs/variations/_view/tokens.json +0 -0
  40. package/emotion/cjs/components/Modal/Modal.js +3 -4
  41. package/emotion/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +25 -0
  42. package/emotion/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.js +11 -0
  43. package/emotion/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
  44. package/emotion/cjs/examples/plasma_b2c/components/Modal/Modal.stories.tsx +1 -115
  45. package/emotion/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +25 -0
  46. package/emotion/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.js +11 -0
  47. package/emotion/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
  48. package/emotion/cjs/examples/plasma_web/components/Modal/Modal.stories.tsx +1 -115
  49. package/emotion/cjs/hooks/index.js +0 -7
  50. package/emotion/cjs/index.js +11 -0
  51. package/emotion/es/components/Breadcrumbs/Breadcrumbs.js +50 -0
  52. package/emotion/es/components/Breadcrumbs/Breadcrumbs.styles.js +26 -0
  53. package/emotion/es/components/Breadcrumbs/Breadcrumbs.template-doc.mdx +96 -0
  54. package/emotion/es/components/Breadcrumbs/Breadcrumbs.tokens.js +15 -0
  55. package/emotion/es/components/Breadcrumbs/Breadcrumbs.types.js +1 -0
  56. package/emotion/es/components/Breadcrumbs/index.js +2 -0
  57. package/emotion/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +33 -0
  58. package/emotion/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +13 -0
  59. package/emotion/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.js +1 -0
  60. package/emotion/es/components/Breadcrumbs/utils/index.js +43 -0
  61. package/emotion/es/components/Breadcrumbs/variations/_size/base.js +2 -0
  62. package/emotion/es/components/Breadcrumbs/variations/_size/tokens.json +0 -0
  63. package/emotion/es/components/Breadcrumbs/variations/_view/base.js +2 -0
  64. package/emotion/es/components/Breadcrumbs/variations/_view/tokens.json +0 -0
  65. package/emotion/es/components/Modal/Modal.js +2 -3
  66. package/emotion/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +19 -0
  67. package/emotion/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.js +5 -0
  68. package/emotion/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
  69. package/emotion/es/examples/plasma_b2c/components/Modal/Modal.stories.tsx +1 -115
  70. package/emotion/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +19 -0
  71. package/emotion/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.js +5 -0
  72. package/emotion/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
  73. package/emotion/es/examples/plasma_web/components/Modal/Modal.stories.tsx +1 -115
  74. package/emotion/es/hooks/index.js +0 -1
  75. package/emotion/es/index.js +1 -0
  76. package/es/components/Breadcrumbs/Breadcrumbs.css +13 -0
  77. package/es/components/Breadcrumbs/Breadcrumbs.js +54 -0
  78. package/es/components/Breadcrumbs/Breadcrumbs.js.map +1 -0
  79. package/es/components/Breadcrumbs/Breadcrumbs.styles.js +40 -0
  80. package/es/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -0
  81. package/es/components/Breadcrumbs/Breadcrumbs.styles_1troyzr.css +3 -0
  82. package/es/components/Breadcrumbs/Breadcrumbs.tokens.js +18 -0
  83. package/es/components/Breadcrumbs/Breadcrumbs.tokens.js.map +1 -0
  84. package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +32 -0
  85. package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js.map +1 -0
  86. package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +21 -0
  87. package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js.map +1 -0
  88. package/es/components/Breadcrumbs/utils/index.js +47 -0
  89. package/es/components/Breadcrumbs/utils/index.js.map +1 -0
  90. package/es/components/Breadcrumbs/variations/_size/base.js +5 -0
  91. package/es/components/Breadcrumbs/variations/_size/base.js.map +1 -0
  92. package/es/components/Breadcrumbs/variations/_size/base_x642ct.css +1 -0
  93. package/es/components/Breadcrumbs/variations/_view/base.js +5 -0
  94. package/es/components/Breadcrumbs/variations/_view/base.js.map +1 -0
  95. package/es/components/Breadcrumbs/variations/_view/base_x642ct.css +1 -0
  96. package/es/components/Modal/Modal.js +2 -4
  97. package/es/components/Modal/Modal.js.map +1 -1
  98. package/es/index.css +4 -0
  99. package/es/index.js +2 -1
  100. package/es/index.js.map +1 -1
  101. package/package.json +4 -4
  102. package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.js +59 -0
  103. package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +32 -0
  104. package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.template-doc.mdx +96 -0
  105. package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js +21 -0
  106. package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.types.js +5 -0
  107. package/styled-components/cjs/components/Breadcrumbs/index.js +31 -0
  108. package/styled-components/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +42 -0
  109. package/styled-components/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +24 -0
  110. package/styled-components/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.js +5 -0
  111. package/styled-components/cjs/components/Breadcrumbs/utils/index.js +50 -0
  112. package/styled-components/cjs/components/Breadcrumbs/variations/_size/base.js +8 -0
  113. package/styled-components/cjs/components/Breadcrumbs/variations/_size/tokens.json +0 -0
  114. package/styled-components/cjs/components/Breadcrumbs/variations/_view/base.js +8 -0
  115. package/styled-components/cjs/components/Breadcrumbs/variations/_view/tokens.json +0 -0
  116. package/styled-components/cjs/components/Modal/Modal.js +3 -4
  117. package/styled-components/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +25 -0
  118. package/styled-components/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.js +11 -0
  119. package/styled-components/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
  120. package/styled-components/cjs/examples/plasma_b2c/components/Modal/Modal.stories.tsx +1 -115
  121. package/styled-components/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +25 -0
  122. package/styled-components/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.js +11 -0
  123. package/styled-components/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
  124. package/styled-components/cjs/examples/plasma_web/components/Modal/Modal.stories.tsx +1 -115
  125. package/styled-components/cjs/hooks/index.js +0 -7
  126. package/styled-components/cjs/index.js +11 -0
  127. package/styled-components/es/components/Breadcrumbs/Breadcrumbs.js +50 -0
  128. package/styled-components/es/components/Breadcrumbs/Breadcrumbs.styles.js +24 -0
  129. package/styled-components/es/components/Breadcrumbs/Breadcrumbs.template-doc.mdx +96 -0
  130. package/styled-components/es/components/Breadcrumbs/Breadcrumbs.tokens.js +15 -0
  131. package/styled-components/es/components/Breadcrumbs/Breadcrumbs.types.js +1 -0
  132. package/styled-components/es/components/Breadcrumbs/index.js +2 -0
  133. package/styled-components/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +33 -0
  134. package/styled-components/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +17 -0
  135. package/styled-components/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.js +1 -0
  136. package/styled-components/es/components/Breadcrumbs/utils/index.js +43 -0
  137. package/styled-components/es/components/Breadcrumbs/variations/_size/base.js +2 -0
  138. package/styled-components/es/components/Breadcrumbs/variations/_size/tokens.json +0 -0
  139. package/styled-components/es/components/Breadcrumbs/variations/_view/base.js +2 -0
  140. package/styled-components/es/components/Breadcrumbs/variations/_view/tokens.json +0 -0
  141. package/styled-components/es/components/Modal/Modal.js +2 -3
  142. package/styled-components/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +19 -0
  143. package/styled-components/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.js +5 -0
  144. package/styled-components/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
  145. package/styled-components/es/examples/plasma_b2c/components/Modal/Modal.stories.tsx +1 -115
  146. package/styled-components/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +19 -0
  147. package/styled-components/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.js +5 -0
  148. package/styled-components/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
  149. package/styled-components/es/examples/plasma_web/components/Modal/Modal.stories.tsx +1 -115
  150. package/styled-components/es/hooks/index.js +0 -1
  151. package/styled-components/es/index.js +1 -0
  152. package/types/components/Breadcrumbs/Breadcrumbs.d.ts +35 -0
  153. package/types/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -0
  154. package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts +7 -0
  155. package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts.map +1 -0
  156. package/types/components/Breadcrumbs/Breadcrumbs.tokens.d.ts +16 -0
  157. package/types/components/Breadcrumbs/Breadcrumbs.tokens.d.ts.map +1 -0
  158. package/types/components/Breadcrumbs/Breadcrumbs.types.d.ts +38 -0
  159. package/types/components/Breadcrumbs/Breadcrumbs.types.d.ts.map +1 -0
  160. package/types/components/Breadcrumbs/index.d.ts +4 -0
  161. package/types/components/Breadcrumbs/index.d.ts.map +1 -0
  162. package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.d.ts +4 -0
  163. package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.d.ts.map +1 -0
  164. package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.d.ts +4 -0
  165. package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.d.ts.map +1 -0
  166. package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.d.ts +8 -0
  167. package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.d.ts.map +1 -0
  168. package/types/components/Breadcrumbs/utils/index.d.ts +7 -0
  169. package/types/components/Breadcrumbs/utils/index.d.ts.map +1 -0
  170. package/types/components/Breadcrumbs/variations/_size/base.d.ts +2 -0
  171. package/types/components/Breadcrumbs/variations/_size/base.d.ts.map +1 -0
  172. package/types/components/Breadcrumbs/variations/_view/base.d.ts +2 -0
  173. package/types/components/Breadcrumbs/variations/_view/base.d.ts.map +1 -0
  174. package/types/components/Modal/Modal.d.ts.map +1 -1
  175. package/types/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.d.ts +18 -0
  176. package/types/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.d.ts.map +1 -0
  177. package/types/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.d.ts +19 -0
  178. package/types/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -0
  179. package/types/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.d.ts +18 -0
  180. package/types/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.d.ts.map +1 -0
  181. package/types/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.d.ts +19 -0
  182. package/types/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -0
  183. package/types/hooks/index.d.ts +0 -1
  184. package/types/hooks/index.d.ts.map +1 -1
  185. package/types/index.d.ts +1 -0
  186. package/types/index.d.ts.map +1 -1
  187. package/cjs/hooks/useFocusTrap.js +0 -97
  188. package/cjs/hooks/useFocusTrap.js.map +0 -1
  189. package/cjs/utils/focusManager.js +0 -56
  190. package/cjs/utils/focusManager.js.map +0 -1
  191. package/cjs/utils/scopeTab.js +0 -37
  192. package/cjs/utils/scopeTab.js.map +0 -1
  193. package/cjs/utils/tabbable.js +0 -51
  194. package/cjs/utils/tabbable.js.map +0 -1
  195. package/emotion/cjs/hooks/useFocusTrap.js +0 -95
  196. package/emotion/cjs/utils/focusManager.js +0 -60
  197. package/emotion/cjs/utils/scopeTab.js +0 -35
  198. package/emotion/cjs/utils/tabbable.js +0 -46
  199. package/emotion/cjs/utils/useFocusTrap.js +0 -95
  200. package/emotion/es/hooks/useFocusTrap.js +0 -90
  201. package/emotion/es/utils/focusManager.js +0 -55
  202. package/emotion/es/utils/scopeTab.js +0 -30
  203. package/emotion/es/utils/tabbable.js +0 -40
  204. package/emotion/es/utils/useFocusTrap.js +0 -90
  205. package/es/hooks/useFocusTrap.js +0 -93
  206. package/es/hooks/useFocusTrap.js.map +0 -1
  207. package/es/utils/focusManager.js +0 -52
  208. package/es/utils/focusManager.js.map +0 -1
  209. package/es/utils/scopeTab.js +0 -33
  210. package/es/utils/scopeTab.js.map +0 -1
  211. package/es/utils/tabbable.js +0 -43
  212. package/es/utils/tabbable.js.map +0 -1
  213. package/styled-components/cjs/hooks/useFocusTrap.js +0 -95
  214. package/styled-components/cjs/utils/focusManager.js +0 -60
  215. package/styled-components/cjs/utils/scopeTab.js +0 -35
  216. package/styled-components/cjs/utils/tabbable.js +0 -46
  217. package/styled-components/cjs/utils/useFocusTrap.js +0 -95
  218. package/styled-components/es/hooks/useFocusTrap.js +0 -90
  219. package/styled-components/es/utils/focusManager.js +0 -55
  220. package/styled-components/es/utils/scopeTab.js +0 -30
  221. package/styled-components/es/utils/tabbable.js +0 -40
  222. package/styled-components/es/utils/useFocusTrap.js +0 -90
  223. package/types/hooks/useFocusTrap.d.ts +0 -6
  224. package/types/hooks/useFocusTrap.d.ts.map +0 -1
  225. package/types/utils/focusManager.d.ts +0 -15
  226. package/types/utils/focusManager.d.ts.map +0 -1
  227. package/types/utils/scopeTab.d.ts +0 -7
  228. package/types/utils/scopeTab.d.ts.map +0 -1
  229. package/types/utils/tabbable.d.ts +0 -6
  230. package/types/utils/tabbable.d.ts.map +0 -1
  231. package/types/utils/useFocusTrap.d.ts +0 -6
  232. package/types/utils/useFocusTrap.d.ts.map +0 -1
@@ -1,4 +1,4 @@
1
- import React, { useCallback, useRef, useState } from 'react';
1
+ import React, { useState } from 'react';
2
2
  import styled from 'styled-components';
3
3
  import type { ComponentProps } from 'react';
4
4
  import type { StoryObj, Meta } from '@storybook/react';
@@ -6,7 +6,6 @@ import { SSRProvider } from '@salutejs/plasma-core';
6
6
 
7
7
  import { PopupProvider, popupClasses } from '../Popup/Popup';
8
8
  import { Button } from '../Button/Button';
9
- import { TextField } from '../TextField/TextField';
10
9
  import { WithTheme } from '../../../_helpers';
11
10
 
12
11
  import { Modal, modalClasses } from './Modal';
@@ -207,116 +206,3 @@ export const ModalDemo: StoryObj<StoryModalProps> = {
207
206
  },
208
207
  render: (args) => <StoryModalDemo {...args} />,
209
208
  };
210
-
211
- const StyledModalAnimation = styled(Modal)`
212
- /* stylelint-disable */
213
- && .${popupClasses.root} {
214
- animation: fadeIn 1s forwards;
215
- }
216
-
217
- &&.${popupClasses.endAnimation} .${popupClasses.root} {
218
- animation: fadeOut 1s forwards;
219
- }
220
-
221
- && .${modalClasses.overlay} {
222
- animation: overlayFadeIn 1s forwards;
223
- }
224
-
225
- &&.${popupClasses.endAnimation} .${modalClasses.overlay} {
226
- animation: overlayFadeOut 1s forwards;
227
- }
228
- /* stylelint-enable */
229
-
230
- @keyframes overlayFadeIn {
231
- from {
232
- opacity: 0;
233
- }
234
-
235
- to {
236
- opacity: 1;
237
- }
238
- }
239
-
240
- @keyframes overlayFadeOut {
241
- from {
242
- opacity: 1;
243
- }
244
-
245
- to {
246
- opacity: 0;
247
- }
248
- }
249
-
250
- @keyframes fadeIn {
251
- from {
252
- opacity: 0;
253
- transform: translate(-50%, 100%);
254
- }
255
-
256
- to {
257
- opacity: 1;
258
- transform: translate(-50%, -50%);
259
- }
260
- }
261
-
262
- @keyframes fadeOut {
263
- from {
264
- opacity: 1;
265
- transform: translate(-50%, -50%);
266
- }
267
-
268
- to {
269
- opacity: 0;
270
- transform: translate(-50%, 100%);
271
- }
272
- }
273
- `;
274
-
275
- const StoryModalAnimationDemo = ({ placement, offsetX, offsetY, ...rest }: StoryModalProps) => {
276
- const ref = useRef(null);
277
- const [isOpen, setIsOpen] = useState(false);
278
-
279
- const close = useCallback(() => {
280
- setIsOpen(false);
281
- }, []);
282
-
283
- return (
284
- <SSRProvider>
285
- {/* <StyledWrapper> */}
286
- <PopupProvider>
287
- <Button view="default" text="Открыть новое модальное окно" onClick={() => setIsOpen(!isOpen)} />
288
- <StyledModalAnimation
289
- id="modal"
290
- frame="theme-root"
291
- withAnimation
292
- onClose={() => setIsOpen(false)}
293
- isOpen={isOpen}
294
- placement={placement}
295
- offset={[offsetX, offsetY]}
296
- initialFocusRef={ref}
297
- {...rest}
298
- >
299
- <Content>
300
- <TextField value="Text" onChange={() => {}} />
301
- <TextField ref={ref} value="Text2" onChange={() => {}} />
302
- <Button text="Закрыть" onClick={close} />
303
- </Content>
304
- </StyledModalAnimation>
305
- </PopupProvider>
306
- {/* </StyledWrapper> */}
307
- </SSRProvider>
308
- );
309
- };
310
-
311
- export const ModalBottomAnimation: StoryObj<StoryModalProps> = {
312
- args: {
313
- placement: 'bottom',
314
- withAnimation: true,
315
- withBlur: false,
316
- closeOnEsc: true,
317
- closeOnOverlayClick: true,
318
- offsetX: 0,
319
- offsetY: 0,
320
- },
321
- render: (args) => <StoryModalAnimationDemo {...args} />,
322
- };
@@ -1,5 +1,4 @@
1
1
  export { useUniqId } from './useUniqId';
2
- export { useFocusTrap } from './useFocusTrap';
3
2
  export { usePreviousValue } from './usePreviousValue';
4
3
  export { useForceUpdate } from './useForceUpdate';
5
4
  export { useDidMountEffect } from './useDidMountEffect';
@@ -7,6 +7,7 @@ export * from './utils';
7
7
  export * from './components/Button';
8
8
  export * from './components/IconButton';
9
9
  export * from './components/ButtonGroup';
10
+ export * from './components/Breadcrumbs';
10
11
  export * from './components/Chip';
11
12
  export * from './components/Cell';
12
13
  export * from './components/Link';
@@ -0,0 +1,35 @@
1
+ import React from 'react';
2
+ import { RootProps } from '../../engines';
3
+ import type { BreadcrumbsProps } from './Breadcrumbs.types';
4
+ export declare const breadcrumbsRoot: (Root: RootProps<HTMLDivElement, BreadcrumbsProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
5
+ view?: string | undefined;
6
+ size?: string | undefined;
7
+ separator?: React.ReactNode;
8
+ items: import("./Breadcrumbs.types").BreadcrumbsItem[];
9
+ showItems?: number | undefined;
10
+ } & React.RefAttributes<HTMLDivElement>>;
11
+ export declare const breadcrumbsConfig: {
12
+ name: string;
13
+ tag: string;
14
+ layout: (Root: RootProps<HTMLDivElement, BreadcrumbsProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
15
+ view?: string | undefined;
16
+ size?: string | undefined;
17
+ separator?: React.ReactNode;
18
+ items: import("./Breadcrumbs.types").BreadcrumbsItem[];
19
+ showItems?: number | undefined;
20
+ } & React.RefAttributes<HTMLDivElement>>;
21
+ base: import("@linaria/core").LinariaClassName;
22
+ variations: {
23
+ view: {
24
+ css: import("@linaria/core").LinariaClassName;
25
+ };
26
+ size: {
27
+ css: import("@linaria/core").LinariaClassName;
28
+ };
29
+ };
30
+ defaults: {
31
+ view: string;
32
+ size: string;
33
+ };
34
+ };
35
+ //# sourceMappingURL=Breadcrumbs.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAM5D,eAAO,MAAM,eAAe,SAAU,UAAU,cAAc,EAAE,gBAAgB,CAAC;;;;;;wCAa5E,CAAC;AAEN,eAAO,MAAM,iBAAiB;;;mBAfQ,UAAU,cAAc,EAAE,gBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;CAgChF,CAAC"}
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ export declare const StyledLink: import("@linaria/react").StyledComponent<{
3
+ isHref: boolean;
4
+ } & import("../../engines/types").PropsType<import("../../engines/types").Variants> & import("react").AnchorHTMLAttributes<HTMLAnchorElement> & import("../Link/Link").LinkCustomProps & import("react").RefAttributes<HTMLAnchorElement>>;
5
+ export declare const base: import("@linaria/core").LinariaClassName;
6
+ export declare const Separator: import("@linaria/react").StyledMeta & import("react").FC<import("../_Icon/IconRoot").IconProps>;
7
+ //# sourceMappingURL=Breadcrumbs.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Breadcrumbs.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.styles.ts"],"names":[],"mappings":";AAaA,eAAO,MAAM,UAAU;YAA0B,OAAO;0OASvD,CAAC;AAEF,eAAO,MAAM,IAAI,0CAahB,CAAC;AAEF,eAAO,MAAM,SAAS,iGAGrB,CAAC"}
@@ -0,0 +1,16 @@
1
+ export declare const classes: {
2
+ breadcrumbsRoot: string;
3
+ };
4
+ export declare const tokens: {
5
+ breadcrumbsGap: string;
6
+ breadcrumbsOpacity: string;
7
+ breadcrumbsFocusOutlineColor: string;
8
+ breadcrumbsColor: string;
9
+ breadcrumbsFontFamily: string;
10
+ breadcrumbsFontSize: string;
11
+ breadcrumbsFontStyle: string;
12
+ breadcrumbsFontWeight: string;
13
+ breadcrumbsLetterSpacing: string;
14
+ breadcrumbsLineHeight: string;
15
+ };
16
+ //# sourceMappingURL=Breadcrumbs.tokens.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Breadcrumbs.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;CAYlB,CAAC"}
@@ -0,0 +1,38 @@
1
+ import { HTMLAttributes, ReactNode } from 'react';
2
+ export declare type BreadcrumbsItem = {
3
+ /**
4
+ * Ссылка на страницу ( если не указана, то ссылка не кликабельна )
5
+ */
6
+ href?: string;
7
+ /**
8
+ * Элемент заголовка
9
+ */
10
+ title: string;
11
+ } | {
12
+ /**
13
+ * Функция рендера элемента
14
+ */
15
+ renderItem: () => ReactNode;
16
+ };
17
+ declare type Breadcrumbs = {
18
+ view?: string;
19
+ /**
20
+ * Размер компонента
21
+ */
22
+ size?: string;
23
+ /**
24
+ * Элемент разделителя
25
+ */
26
+ separator?: ReactNode;
27
+ /**
28
+ * Элементы Breadcrumbs
29
+ */
30
+ items: BreadcrumbsItem[];
31
+ /**
32
+ * Количество показываемых элементов - все остальные сокращаются
33
+ */
34
+ showItems?: number;
35
+ };
36
+ export declare type BreadcrumbsProps = HTMLAttributes<HTMLDivElement> & Breadcrumbs;
37
+ export {};
38
+ //# sourceMappingURL=Breadcrumbs.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Breadcrumbs.types.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,oBAAY,eAAe,GACrB;IACI;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACjB,GACD;IACI;;OAEG;IACH,UAAU,EAAE,MAAM,SAAS,CAAC;CAC/B,CAAC;AAER,aAAK,WAAW,GAAG;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;OAEG;IACH,KAAK,EAAE,eAAe,EAAE,CAAC;IAEzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,oBAAY,gBAAgB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,WAAW,CAAC"}
@@ -0,0 +1,4 @@
1
+ export { breadcrumbsRoot, breadcrumbsConfig } from './Breadcrumbs';
2
+ export type { BreadcrumbsProps } from './Breadcrumbs.types';
3
+ export { tokens as breadcrumbsTokens, classes as breadcrumbsClasses } from './Breadcrumbs.tokens';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACnE,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,OAAO,EAAE,MAAM,IAAI,iBAAiB,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}
@@ -0,0 +1,4 @@
1
+ import React, { HTMLAttributes } from 'react';
2
+ import { BreadcrumbShorterProps } from './BreadcrumbShorter.types';
3
+ export declare const BreadcrumbShorter: React.FC<HTMLAttributes<HTMLDivElement> & BreadcrumbShorterProps>;
4
+ //# sourceMappingURL=BreadcrumbShorter.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BreadcrumbShorter.d.ts","sourceRoot":"","sources":["../../../../../src/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAsC,MAAM,OAAO,CAAC;AAKlF,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAEnE,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,sBAAsB,CA0B/F,CAAC"}
@@ -0,0 +1,4 @@
1
+ export declare const StyledRoot: import("styled-components").StyledComponent<"div", any, {}, never>;
2
+ export declare const StyledShorter: import("styled-components").StyledComponent<"div", any, {}, never>;
3
+ export declare const StyledHidden: import("styled-components").StyledComponent<"div", any, {}, never>;
4
+ //# sourceMappingURL=BreadcrumbShorter.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BreadcrumbShorter.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,UAAU,oEAAe,CAAC;AACvC,eAAO,MAAM,aAAa,oEAQzB,CAAC;AACF,eAAO,MAAM,YAAY,oEAIxB,CAAC"}
@@ -0,0 +1,8 @@
1
+ import type { HTMLAttributes, ReactNode } from 'react';
2
+ declare type CustomBreadcrumbShorterProps = {
3
+ children: ReactNode[];
4
+ separator: ReactNode;
5
+ };
6
+ export declare type BreadcrumbShorterProps = CustomBreadcrumbShorterProps & HTMLAttributes<HTMLDivElement>;
7
+ export {};
8
+ //# sourceMappingURL=BreadcrumbShorter.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BreadcrumbShorter.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,aAAK,4BAA4B,GAAG;IAChC,QAAQ,EAAE,SAAS,EAAE,CAAC;IACtB,SAAS,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,oBAAY,sBAAsB,GAAG,4BAA4B,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC"}
@@ -0,0 +1,7 @@
1
+ import React, { ReactNode } from 'react';
2
+ import { BreadcrumbsItem } from '../Breadcrumbs.types';
3
+ export declare const shortItems: (items: ReactNode[], renderSeparator: ReactNode, showItems?: number | undefined) => React.ReactNode[];
4
+ export declare const convertIconSize: (size?: string | undefined) => "s" | "xs";
5
+ export declare const getRenderItems: (items: BreadcrumbsItem[], renderSeparator: ReactNode, showItems?: number | undefined) => React.ReactNode[];
6
+ export declare const addSeparator: (items: ReactNode[], renderSeparator: ReactNode) => React.ReactNode[];
7
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/utils/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,eAAO,MAAM,UAAU,UAAW,SAAS,EAAE,mBAAmB,SAAS,sDAYxE,CAAC;AAEF,eAAO,MAAM,eAAe,2CAQ3B,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,eAAe,EAAE,mBAAmB,SAAS,sDAiBlF,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,SAAS,EAAE,mBAAmB,SAAS,sBAE1E,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const base: import("@linaria/core").LinariaClassName;
2
+ //# sourceMappingURL=base.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Breadcrumbs/variations/_size/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const base: import("@linaria/core").LinariaClassName;
2
+ //# sourceMappingURL=base.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Breadcrumbs/variations/_view/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAE,SAAS,EAAa,MAAM,eAAe,CAAC;AAOrD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAQ3C;;;GAGG;AACH,eAAO,MAAM,SAAS,SAAU,UAAU,cAAc,EAAE,UAAU,CAAC,sFAiFhE,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBAnFQ,UAAU,cAAc,EAAE,UAAU,CAAC;;;;;;;;;;CAgGpE,CAAC"}
1
+ {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAE,SAAS,EAAa,MAAM,eAAe,CAAC;AAMrD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAQ3C;;;GAGG;AACH,eAAO,MAAM,SAAS,SAAU,UAAU,cAAc,EAAE,UAAU,CAAC,sFAiFhE,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBAnFQ,UAAU,cAAc,EAAE,UAAU,CAAC;;;;;;;;;;CAgGpE,CAAC"}
@@ -0,0 +1,18 @@
1
+ export declare const config: {
2
+ defaults: {
3
+ view: string;
4
+ size: string;
5
+ };
6
+ variations: {
7
+ view: {
8
+ default: import("@linaria/core").LinariaClassName;
9
+ };
10
+ size: {
11
+ l: import("@linaria/core").LinariaClassName;
12
+ m: import("@linaria/core").LinariaClassName;
13
+ s: import("@linaria/core").LinariaClassName;
14
+ xs: import("@linaria/core").LinariaClassName;
15
+ };
16
+ };
17
+ };
18
+ //# sourceMappingURL=Breadcrumbs.config.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Breadcrumbs.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;CAwDlB,CAAC"}
@@ -0,0 +1,19 @@
1
+ /// <reference types="react" />
2
+ export declare const Breadcrumbs: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
3
+ view: {
4
+ default: import("@linaria/core").LinariaClassName;
5
+ };
6
+ size: {
7
+ l: import("@linaria/core").LinariaClassName;
8
+ m: import("@linaria/core").LinariaClassName;
9
+ s: import("@linaria/core").LinariaClassName;
10
+ xs: import("@linaria/core").LinariaClassName;
11
+ };
12
+ }> & import("react").HTMLAttributes<HTMLDivElement> & {
13
+ view?: string | undefined;
14
+ size?: string | undefined;
15
+ separator?: import("react").ReactNode;
16
+ items: import("../../../../components/Breadcrumbs/Breadcrumbs.types").BreadcrumbsItem[];
17
+ showItems?: number | undefined;
18
+ } & import("react").RefAttributes<HTMLDivElement>>;
19
+ //# sourceMappingURL=Breadcrumbs.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;kDAA0B,CAAC"}
@@ -0,0 +1,18 @@
1
+ export declare const config: {
2
+ defaults: {
3
+ view: string;
4
+ size: string;
5
+ };
6
+ variations: {
7
+ view: {
8
+ default: import("@linaria/core").LinariaClassName;
9
+ };
10
+ size: {
11
+ l: import("@linaria/core").LinariaClassName;
12
+ m: import("@linaria/core").LinariaClassName;
13
+ s: import("@linaria/core").LinariaClassName;
14
+ xs: import("@linaria/core").LinariaClassName;
15
+ };
16
+ };
17
+ };
18
+ //# sourceMappingURL=Breadcrumbs.config.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Breadcrumbs.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;CAwDlB,CAAC"}
@@ -0,0 +1,19 @@
1
+ /// <reference types="react" />
2
+ export declare const Breadcrumbs: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
3
+ view: {
4
+ default: import("@linaria/core").LinariaClassName;
5
+ };
6
+ size: {
7
+ l: import("@linaria/core").LinariaClassName;
8
+ m: import("@linaria/core").LinariaClassName;
9
+ s: import("@linaria/core").LinariaClassName;
10
+ xs: import("@linaria/core").LinariaClassName;
11
+ };
12
+ }> & import("react").HTMLAttributes<HTMLDivElement> & {
13
+ view?: string | undefined;
14
+ size?: string | undefined;
15
+ separator?: import("react").ReactNode;
16
+ items: import("../../../../components/Breadcrumbs/Breadcrumbs.types").BreadcrumbsItem[];
17
+ showItems?: number | undefined;
18
+ } & import("react").RefAttributes<HTMLDivElement>>;
19
+ //# sourceMappingURL=Breadcrumbs.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;kDAA0B,CAAC"}
@@ -1,5 +1,4 @@
1
1
  export { useUniqId } from './useUniqId';
2
- export { useFocusTrap } from './useFocusTrap';
3
2
  export { usePreviousValue } from './usePreviousValue';
4
3
  export { useForceUpdate } from './useForceUpdate';
5
4
  export { useDidMountEffect } from './useDidMountEffect';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC"}
package/types/index.d.ts CHANGED
@@ -5,6 +5,7 @@ export * from './utils';
5
5
  export * from './components/Button';
6
6
  export * from './components/IconButton';
7
7
  export * from './components/ButtonGroup';
8
+ export * from './components/Breadcrumbs';
8
9
  export * from './components/Chip';
9
10
  export * from './components/Cell';
10
11
  export * from './components/Link';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC"}
@@ -1,97 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var focusManager$1 = require('../utils/focusManager.js');
7
- var tabbable = require('../utils/tabbable.js');
8
- var scopeTab = require('../utils/scopeTab.js');
9
-
10
- // Находим элемент для фокуса
11
- var getFocusElement = function getFocusElement(node, firstFocusSelector) {
12
- var focusElement = null;
13
- if (firstFocusSelector) {
14
- if (typeof firstFocusSelector === 'string') {
15
- focusElement = node.querySelector(firstFocusSelector);
16
- } else if (firstFocusSelector.current) {
17
- focusElement = firstFocusSelector.current;
18
- }
19
- }
20
- if (!focusElement) {
21
- var children = Array.from(node.querySelectorAll(tabbable.focusSelector));
22
- focusElement = children.find(function (el) {
23
- return tabbable.isTabble(el);
24
- }) || null;
25
- }
26
-
27
- // Если ничего не нашлось, то может ли сама нода быть под фокусом
28
- if (!focusElement && tabbable.isFocusable(node)) {
29
- focusElement = node;
30
- }
31
- return focusElement;
32
- };
33
- var processNode = function processNode(node, firstFocusSelector, ref) {
34
- if (ref !== null && ref !== void 0 && ref.current) {
35
- ref.current.removeEventListener('animationend', function () {
36
- processNode(node, firstFocusSelector, ref);
37
- });
38
- }
39
- var focusElement = getFocusElement(node, firstFocusSelector);
40
- if (focusElement) {
41
- focusElement.focus();
42
- }
43
- };
44
- var focusManager = /*#__PURE__*/new focusManager$1.FocusManager();
45
-
46
- /**
47
- * Захватывает фокус внутри DOM node.
48
- * */
49
- var useFocusTrap = function useFocusTrap() {
50
- var active = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
51
- var firstFocusSelector = arguments.length > 1 ? arguments[1] : undefined;
52
- var focusAfterNode = arguments.length > 2 ? arguments[2] : undefined;
53
- var activeAfterAnimation = arguments.length > 3 ? arguments[3] : undefined;
54
- var ref = React.useRef();
55
- var setRef = React.useCallback(function (node) {
56
- if (ref.current) {
57
- focusManager.teardownScopedFocus();
58
- focusManager.returnFocus();
59
- }
60
- if (active && node) {
61
- focusManager.setupScopedFocus(node);
62
- focusManager.markForFocusAfter(focusAfterNode);
63
-
64
- // Delay processing the HTML node by a frame. This ensures focus is assigned correctly.
65
- setTimeout(function () {
66
- if (ref !== null && ref !== void 0 && ref.current && node.ownerDocument && activeAfterAnimation) {
67
- ref.current.addEventListener('animationend', function () {
68
- processNode(node, firstFocusSelector, ref);
69
- });
70
- } else if (node.ownerDocument) {
71
- processNode(node, firstFocusSelector);
72
- }
73
- });
74
- ref.current = node;
75
- return;
76
- }
77
- ref.current = null;
78
- }, [active, firstFocusSelector]);
79
- React.useEffect(function () {
80
- if (!active) {
81
- return;
82
- }
83
- var handleKeyDown = function handleKeyDown(event) {
84
- if (event.key === 'Tab' && ref.current) {
85
- scopeTab.scopeTab(ref.current, event);
86
- }
87
- };
88
- document.addEventListener('keydown', handleKeyDown);
89
- return function () {
90
- document.removeEventListener('keydown', handleKeyDown);
91
- };
92
- }, [active]);
93
- return setRef;
94
- };
95
-
96
- exports.useFocusTrap = useFocusTrap;
97
- //# sourceMappingURL=useFocusTrap.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useFocusTrap.js","sources":["../../src/hooks/useFocusTrap.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nimport { FocusManager } from '../utils/focusManager';\nimport { focusSelector, isFocusable, isTabble } from '../utils/tabbable';\nimport { scopeTab } from '../utils/scopeTab';\n\n// Находим элемент для фокуса\nconst getFocusElement = (\n node: HTMLElement,\n firstFocusSelector?: string | React.RefObject<HTMLElement>,\n): HTMLElement | null => {\n let focusElement: HTMLElement | null = null;\n if (firstFocusSelector) {\n if (typeof firstFocusSelector === 'string') {\n focusElement = node.querySelector(firstFocusSelector);\n } else if (firstFocusSelector.current) {\n focusElement = firstFocusSelector.current;\n }\n }\n\n if (!focusElement) {\n const children = Array.from<HTMLElement>(node.querySelectorAll(focusSelector));\n focusElement = children.find((el) => isTabble(el)) || null;\n }\n\n // Если ничего не нашлось, то может ли сама нода быть под фокусом\n if (!focusElement && isFocusable(node)) {\n focusElement = node;\n }\n\n return focusElement;\n};\n\nconst processNode = (\n node: HTMLElement,\n firstFocusSelector?: string | React.RefObject<HTMLElement>,\n ref?: React.MutableRefObject<HTMLElement | null | undefined>,\n) => {\n if (ref?.current) {\n ref.current.removeEventListener('animationend', () => {\n processNode(node, firstFocusSelector, ref);\n });\n }\n const focusElement = getFocusElement(node, firstFocusSelector);\n\n if (focusElement) {\n focusElement.focus();\n }\n};\n\nconst focusManager = new FocusManager();\n\n/**\n * Захватывает фокус внутри DOM node.\n * */\nexport const useFocusTrap = (\n active = true,\n firstFocusSelector?: string | React.RefObject<HTMLElement>,\n focusAfterNode?: React.RefObject<HTMLElement>,\n activeAfterAnimation?: boolean,\n): ((instance: HTMLElement | null) => void) => {\n const ref = useRef<HTMLElement | null>();\n\n const setRef = useCallback(\n (node: HTMLElement | null) => {\n if (ref.current) {\n focusManager.teardownScopedFocus();\n focusManager.returnFocus();\n }\n\n if (active && node) {\n focusManager.setupScopedFocus(node);\n focusManager.markForFocusAfter(focusAfterNode);\n\n // Delay processing the HTML node by a frame. This ensures focus is assigned correctly.\n setTimeout(() => {\n if (ref?.current && node.ownerDocument && activeAfterAnimation) {\n ref.current.addEventListener('animationend', () => {\n processNode(node, firstFocusSelector, ref);\n });\n } else if (node.ownerDocument) {\n processNode(node, firstFocusSelector);\n }\n });\n\n ref.current = node;\n return;\n }\n\n ref.current = null;\n },\n [active, firstFocusSelector],\n );\n\n useEffect(() => {\n if (!active) {\n return;\n }\n\n const handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Tab' && ref.current) {\n scopeTab(ref.current, event);\n }\n };\n\n document.addEventListener('keydown', handleKeyDown);\n return () => {\n document.removeEventListener('keydown', handleKeyDown);\n };\n }, [active]);\n\n return setRef;\n};\n"],"names":["getFocusElement","node","firstFocusSelector","focusElement","querySelector","current","children","Array","from","querySelectorAll","focusSelector","find","el","isTabble","isFocusable","processNode","ref","removeEventListener","focus","focusManager","FocusManager","useFocusTrap","active","arguments","length","undefined","focusAfterNode","activeAfterAnimation","useRef","setRef","useCallback","teardownScopedFocus","returnFocus","setupScopedFocus","markForFocusAfter","setTimeout","ownerDocument","addEventListener","useEffect","handleKeyDown","event","key","scopeTab","document"],"mappings":"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"}