@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.
- package/cjs/components/Breadcrumbs/Breadcrumbs.css +13 -0
- package/cjs/components/Breadcrumbs/Breadcrumbs.js +59 -0
- package/cjs/components/Breadcrumbs/Breadcrumbs.js.map +1 -0
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +46 -0
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -0
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles_1troyzr.css +3 -0
- package/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js +23 -0
- package/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js.map +1 -0
- package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +36 -0
- package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js.map +1 -0
- package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +27 -0
- package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js.map +1 -0
- package/cjs/components/Breadcrumbs/utils/index.js +54 -0
- package/cjs/components/Breadcrumbs/utils/index.js.map +1 -0
- package/cjs/components/Breadcrumbs/variations/_size/base.js +9 -0
- package/cjs/components/Breadcrumbs/variations/_size/base.js.map +1 -0
- package/cjs/components/Breadcrumbs/variations/_size/base_x642ct.css +1 -0
- package/cjs/components/Breadcrumbs/variations/_view/base.js +9 -0
- package/cjs/components/Breadcrumbs/variations/_view/base.js.map +1 -0
- package/cjs/components/Breadcrumbs/variations/_view/base_x642ct.css +1 -0
- package/cjs/components/Modal/Modal.js +1 -3
- package/cjs/components/Modal/Modal.js.map +1 -1
- package/cjs/index.css +4 -0
- package/cjs/index.js +6 -2
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.js +59 -0
- package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +33 -0
- package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.template-doc.mdx +96 -0
- package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js +21 -0
- package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.types.js +5 -0
- package/emotion/cjs/components/Breadcrumbs/index.js +31 -0
- package/emotion/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +42 -0
- package/emotion/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +20 -0
- package/emotion/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.js +5 -0
- package/emotion/cjs/components/Breadcrumbs/utils/index.js +50 -0
- package/emotion/cjs/components/Breadcrumbs/variations/_size/base.js +8 -0
- package/emotion/cjs/components/Breadcrumbs/variations/_size/tokens.json +0 -0
- package/emotion/cjs/components/Breadcrumbs/variations/_view/base.js +8 -0
- package/emotion/cjs/components/Breadcrumbs/variations/_view/tokens.json +0 -0
- package/emotion/cjs/components/Modal/Modal.js +3 -4
- package/emotion/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +25 -0
- package/emotion/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.js +11 -0
- package/emotion/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
- package/emotion/cjs/examples/plasma_b2c/components/Modal/Modal.stories.tsx +1 -115
- package/emotion/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +25 -0
- package/emotion/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.js +11 -0
- package/emotion/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
- package/emotion/cjs/examples/plasma_web/components/Modal/Modal.stories.tsx +1 -115
- package/emotion/cjs/hooks/index.js +0 -7
- package/emotion/cjs/index.js +11 -0
- package/emotion/es/components/Breadcrumbs/Breadcrumbs.js +50 -0
- package/emotion/es/components/Breadcrumbs/Breadcrumbs.styles.js +26 -0
- package/emotion/es/components/Breadcrumbs/Breadcrumbs.template-doc.mdx +96 -0
- package/emotion/es/components/Breadcrumbs/Breadcrumbs.tokens.js +15 -0
- package/emotion/es/components/Breadcrumbs/Breadcrumbs.types.js +1 -0
- package/emotion/es/components/Breadcrumbs/index.js +2 -0
- package/emotion/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +33 -0
- package/emotion/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +13 -0
- package/emotion/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.js +1 -0
- package/emotion/es/components/Breadcrumbs/utils/index.js +43 -0
- package/emotion/es/components/Breadcrumbs/variations/_size/base.js +2 -0
- package/emotion/es/components/Breadcrumbs/variations/_size/tokens.json +0 -0
- package/emotion/es/components/Breadcrumbs/variations/_view/base.js +2 -0
- package/emotion/es/components/Breadcrumbs/variations/_view/tokens.json +0 -0
- package/emotion/es/components/Modal/Modal.js +2 -3
- package/emotion/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +19 -0
- package/emotion/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.js +5 -0
- package/emotion/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
- package/emotion/es/examples/plasma_b2c/components/Modal/Modal.stories.tsx +1 -115
- package/emotion/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +19 -0
- package/emotion/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.js +5 -0
- package/emotion/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
- package/emotion/es/examples/plasma_web/components/Modal/Modal.stories.tsx +1 -115
- package/emotion/es/hooks/index.js +0 -1
- package/emotion/es/index.js +1 -0
- package/es/components/Breadcrumbs/Breadcrumbs.css +13 -0
- package/es/components/Breadcrumbs/Breadcrumbs.js +54 -0
- package/es/components/Breadcrumbs/Breadcrumbs.js.map +1 -0
- package/es/components/Breadcrumbs/Breadcrumbs.styles.js +40 -0
- package/es/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -0
- package/es/components/Breadcrumbs/Breadcrumbs.styles_1troyzr.css +3 -0
- package/es/components/Breadcrumbs/Breadcrumbs.tokens.js +18 -0
- package/es/components/Breadcrumbs/Breadcrumbs.tokens.js.map +1 -0
- package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +32 -0
- package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js.map +1 -0
- package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +21 -0
- package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js.map +1 -0
- package/es/components/Breadcrumbs/utils/index.js +47 -0
- package/es/components/Breadcrumbs/utils/index.js.map +1 -0
- package/es/components/Breadcrumbs/variations/_size/base.js +5 -0
- package/es/components/Breadcrumbs/variations/_size/base.js.map +1 -0
- package/es/components/Breadcrumbs/variations/_size/base_x642ct.css +1 -0
- package/es/components/Breadcrumbs/variations/_view/base.js +5 -0
- package/es/components/Breadcrumbs/variations/_view/base.js.map +1 -0
- package/es/components/Breadcrumbs/variations/_view/base_x642ct.css +1 -0
- package/es/components/Modal/Modal.js +2 -4
- package/es/components/Modal/Modal.js.map +1 -1
- package/es/index.css +4 -0
- package/es/index.js +2 -1
- package/es/index.js.map +1 -1
- package/package.json +4 -4
- package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.js +59 -0
- package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +32 -0
- package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.template-doc.mdx +96 -0
- package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js +21 -0
- package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.types.js +5 -0
- package/styled-components/cjs/components/Breadcrumbs/index.js +31 -0
- package/styled-components/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +42 -0
- package/styled-components/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +24 -0
- package/styled-components/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.js +5 -0
- package/styled-components/cjs/components/Breadcrumbs/utils/index.js +50 -0
- package/styled-components/cjs/components/Breadcrumbs/variations/_size/base.js +8 -0
- package/styled-components/cjs/components/Breadcrumbs/variations/_size/tokens.json +0 -0
- package/styled-components/cjs/components/Breadcrumbs/variations/_view/base.js +8 -0
- package/styled-components/cjs/components/Breadcrumbs/variations/_view/tokens.json +0 -0
- package/styled-components/cjs/components/Modal/Modal.js +3 -4
- package/styled-components/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +25 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.js +11 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Modal/Modal.stories.tsx +1 -115
- package/styled-components/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +25 -0
- package/styled-components/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.js +11 -0
- package/styled-components/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
- package/styled-components/cjs/examples/plasma_web/components/Modal/Modal.stories.tsx +1 -115
- package/styled-components/cjs/hooks/index.js +0 -7
- package/styled-components/cjs/index.js +11 -0
- package/styled-components/es/components/Breadcrumbs/Breadcrumbs.js +50 -0
- package/styled-components/es/components/Breadcrumbs/Breadcrumbs.styles.js +24 -0
- package/styled-components/es/components/Breadcrumbs/Breadcrumbs.template-doc.mdx +96 -0
- package/styled-components/es/components/Breadcrumbs/Breadcrumbs.tokens.js +15 -0
- package/styled-components/es/components/Breadcrumbs/Breadcrumbs.types.js +1 -0
- package/styled-components/es/components/Breadcrumbs/index.js +2 -0
- package/styled-components/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +33 -0
- package/styled-components/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +17 -0
- package/styled-components/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.js +1 -0
- package/styled-components/es/components/Breadcrumbs/utils/index.js +43 -0
- package/styled-components/es/components/Breadcrumbs/variations/_size/base.js +2 -0
- package/styled-components/es/components/Breadcrumbs/variations/_size/tokens.json +0 -0
- package/styled-components/es/components/Breadcrumbs/variations/_view/base.js +2 -0
- package/styled-components/es/components/Breadcrumbs/variations/_view/tokens.json +0 -0
- package/styled-components/es/components/Modal/Modal.js +2 -3
- package/styled-components/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +19 -0
- package/styled-components/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.js +5 -0
- package/styled-components/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
- package/styled-components/es/examples/plasma_b2c/components/Modal/Modal.stories.tsx +1 -115
- package/styled-components/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +19 -0
- package/styled-components/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.js +5 -0
- package/styled-components/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.stories.tsx +42 -0
- package/styled-components/es/examples/plasma_web/components/Modal/Modal.stories.tsx +1 -115
- package/styled-components/es/hooks/index.js +0 -1
- package/styled-components/es/index.js +1 -0
- package/types/components/Breadcrumbs/Breadcrumbs.d.ts +35 -0
- package/types/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -0
- package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts +7 -0
- package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts.map +1 -0
- package/types/components/Breadcrumbs/Breadcrumbs.tokens.d.ts +16 -0
- package/types/components/Breadcrumbs/Breadcrumbs.tokens.d.ts.map +1 -0
- package/types/components/Breadcrumbs/Breadcrumbs.types.d.ts +38 -0
- package/types/components/Breadcrumbs/Breadcrumbs.types.d.ts.map +1 -0
- package/types/components/Breadcrumbs/index.d.ts +4 -0
- package/types/components/Breadcrumbs/index.d.ts.map +1 -0
- package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.d.ts +4 -0
- package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.d.ts.map +1 -0
- package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.d.ts +4 -0
- package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.d.ts.map +1 -0
- package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.d.ts +8 -0
- package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.d.ts.map +1 -0
- package/types/components/Breadcrumbs/utils/index.d.ts +7 -0
- package/types/components/Breadcrumbs/utils/index.d.ts.map +1 -0
- package/types/components/Breadcrumbs/variations/_size/base.d.ts +2 -0
- package/types/components/Breadcrumbs/variations/_size/base.d.ts.map +1 -0
- package/types/components/Breadcrumbs/variations/_view/base.d.ts +2 -0
- package/types/components/Breadcrumbs/variations/_view/base.d.ts.map +1 -0
- package/types/components/Modal/Modal.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.d.ts +18 -0
- package/types/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.d.ts +19 -0
- package/types/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.d.ts +18 -0
- package/types/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.d.ts +19 -0
- package/types/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -0
- package/types/hooks/index.d.ts +0 -1
- package/types/hooks/index.d.ts.map +1 -1
- package/types/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
- package/cjs/hooks/useFocusTrap.js +0 -97
- package/cjs/hooks/useFocusTrap.js.map +0 -1
- package/cjs/utils/focusManager.js +0 -56
- package/cjs/utils/focusManager.js.map +0 -1
- package/cjs/utils/scopeTab.js +0 -37
- package/cjs/utils/scopeTab.js.map +0 -1
- package/cjs/utils/tabbable.js +0 -51
- package/cjs/utils/tabbable.js.map +0 -1
- package/emotion/cjs/hooks/useFocusTrap.js +0 -95
- package/emotion/cjs/utils/focusManager.js +0 -60
- package/emotion/cjs/utils/scopeTab.js +0 -35
- package/emotion/cjs/utils/tabbable.js +0 -46
- package/emotion/cjs/utils/useFocusTrap.js +0 -95
- package/emotion/es/hooks/useFocusTrap.js +0 -90
- package/emotion/es/utils/focusManager.js +0 -55
- package/emotion/es/utils/scopeTab.js +0 -30
- package/emotion/es/utils/tabbable.js +0 -40
- package/emotion/es/utils/useFocusTrap.js +0 -90
- package/es/hooks/useFocusTrap.js +0 -93
- package/es/hooks/useFocusTrap.js.map +0 -1
- package/es/utils/focusManager.js +0 -52
- package/es/utils/focusManager.js.map +0 -1
- package/es/utils/scopeTab.js +0 -33
- package/es/utils/scopeTab.js.map +0 -1
- package/es/utils/tabbable.js +0 -43
- package/es/utils/tabbable.js.map +0 -1
- package/styled-components/cjs/hooks/useFocusTrap.js +0 -95
- package/styled-components/cjs/utils/focusManager.js +0 -60
- package/styled-components/cjs/utils/scopeTab.js +0 -35
- package/styled-components/cjs/utils/tabbable.js +0 -46
- package/styled-components/cjs/utils/useFocusTrap.js +0 -95
- package/styled-components/es/hooks/useFocusTrap.js +0 -90
- package/styled-components/es/utils/focusManager.js +0 -55
- package/styled-components/es/utils/scopeTab.js +0 -30
- package/styled-components/es/utils/tabbable.js +0 -40
- package/styled-components/es/utils/useFocusTrap.js +0 -90
- package/types/hooks/useFocusTrap.d.ts +0 -6
- package/types/hooks/useFocusTrap.d.ts.map +0 -1
- package/types/utils/focusManager.d.ts +0 -15
- package/types/utils/focusManager.d.ts.map +0 -1
- package/types/utils/scopeTab.d.ts +0 -7
- package/types/utils/scopeTab.d.ts.map +0 -1
- package/types/utils/tabbable.d.ts +0 -6
- package/types/utils/tabbable.d.ts.map +0 -1
- package/types/utils/useFocusTrap.d.ts +0 -6
- package/types/utils/useFocusTrap.d.ts.map +0 -1
@@ -1,4 +1,4 @@
|
|
1
|
-
import 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
|
-
};
|
@@ -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 @@
|
|
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 @@
|
|
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 @@
|
|
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;
|
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"}
|
package/types/hooks/index.d.ts
CHANGED
@@ -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,
|
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';
|
package/types/index.d.ts.map
CHANGED
@@ -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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"}
|