@salutejs/plasma-new-hope 0.112.1-canary.1325.10159014222.0 → 0.113.0-canary.1310.10159980270.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 +53 -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/hooks/useModal.js +15 -0
- package/cjs/components/Modal/hooks/useModal.js.map +1 -1
- package/cjs/components/Popup/PopupContext.js +8 -23
- package/cjs/components/Popup/PopupContext.js.map +1 -1
- package/cjs/components/Popup/hooks/usePopup.js +0 -5
- package/cjs/components/Popup/hooks/usePopup.js.map +1 -1
- package/cjs/index.css +4 -0
- package/cjs/index.js +6 -0
- 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/README.md +78 -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 +49 -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/hooks/useModal.js +15 -0
- package/emotion/cjs/components/Popup/PopupContext.js +8 -23
- package/emotion/cjs/components/Popup/hooks/usePopup.js +0 -5
- 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_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/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/README.md +78 -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 +42 -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/hooks/useModal.js +17 -2
- package/emotion/es/components/Popup/PopupContext.js +9 -24
- package/emotion/es/components/Popup/hooks/usePopup.js +0 -5
- 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_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/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 +46 -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/hooks/useModal.js +17 -2
- package/es/components/Modal/hooks/useModal.js.map +1 -1
- package/es/components/Popup/PopupContext.js +9 -24
- package/es/components/Popup/PopupContext.js.map +1 -1
- package/es/components/Popup/hooks/usePopup.js +0 -5
- package/es/components/Popup/hooks/usePopup.js.map +1 -1
- package/es/index.css +4 -0
- package/es/index.js +2 -0
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- 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/README.md +78 -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 +49 -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/hooks/useModal.js +15 -0
- package/styled-components/cjs/components/Popup/PopupContext.js +8 -23
- package/styled-components/cjs/components/Popup/hooks/usePopup.js +0 -5
- 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_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/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/README.md +78 -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 +42 -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/hooks/useModal.js +17 -2
- package/styled-components/es/components/Popup/PopupContext.js +9 -24
- package/styled-components/es/components/Popup/hooks/usePopup.js +0 -5
- 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_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/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/Header/ui/HeaderArrow/HeaderArrow.d.ts +2 -2
- package/types/components/Modal/hooks/useModal.d.ts +1 -1
- package/types/components/Modal/hooks/useModal.d.ts.map +1 -1
- package/types/components/Popup/PopupContext.d.ts.map +1 -1
- package/types/components/Popup/hooks/usePopup.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_b2c/components/Header/Header.d.ts +1 -1
- 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/examples/plasma_web/components/Header/Header.d.ts +1 -1
- package/types/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.tokens.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tokens.ts"],"sourcesContent":["export const classes = {\n breadcrumbsRoot: 'breadcrumbs-root',\n};\n\nexport const tokens = {\n breadcrumbsGap: '--plasma-breadcrumbs-gap',\n breadcrumbsOpacity: '--plasma-breadcrumbs-opacity',\n breadcrumbsFocusOutlineColor: '--plasma-breadcrumbs-focus-outline-color',\n\n breadcrumbsColor: '--plasma-breadcrumbs-color',\n breadcrumbsFontFamily: '--plasma-breadcrumbs-font-family',\n breadcrumbsFontSize: '--plasma-breadcrumbs-font-size',\n breadcrumbsFontStyle: '--plasma-breadcrumbs-font-style',\n breadcrumbsFontWeight: '--plasma-breadcrumbs-font-weight',\n breadcrumbsLetterSpacing: '--plasma-breadcrumbs-letter-spacing',\n breadcrumbsLineHeight: '--plasma-breadcrumbs-line-height',\n};\n"],"names":["classes","breadcrumbsRoot","tokens","breadcrumbsGap","breadcrumbsOpacity","breadcrumbsFocusOutlineColor","breadcrumbsColor","breadcrumbsFontFamily","breadcrumbsFontSize","breadcrumbsFontStyle","breadcrumbsFontWeight","breadcrumbsLetterSpacing","breadcrumbsLineHeight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,eAAe,EAAE,kBAAA;AACrB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,cAAc,EAAE,0BAA0B;AAC1CC,EAAAA,kBAAkB,EAAE,8BAA8B;AAClDC,EAAAA,4BAA4B,EAAE,0CAA0C;AAExEC,EAAAA,gBAAgB,EAAE,4BAA4B;AAC9CC,EAAAA,qBAAqB,EAAE,kCAAkC;AACzDC,EAAAA,mBAAmB,EAAE,gCAAgC;AACrDC,EAAAA,oBAAoB,EAAE,iCAAiC;AACvDC,EAAAA,qBAAqB,EAAE,kCAAkC;AACzDC,EAAAA,wBAAwB,EAAE,qCAAqC;AAC/DC,EAAAA,qBAAqB,EAAE,kCAAA;AAC3B;;;;"}
|
@@ -0,0 +1,32 @@
|
|
1
|
+
import { slicedToArray as _slicedToArray } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
|
2
|
+
import React, { useState } from 'react';
|
3
|
+
import { addSeparator } from '../../utils/index.js';
|
4
|
+
import { StyledRoot, StyledShorter, StyledHidden } from './BreadcrumbShorter.styles.js';
|
5
|
+
|
6
|
+
var BreadcrumbShorter = function BreadcrumbShorter(_ref) {
|
7
|
+
var children = _ref.children,
|
8
|
+
separator = _ref.separator;
|
9
|
+
var _useState = useState(false),
|
10
|
+
_useState2 = _slicedToArray(_useState, 2),
|
11
|
+
openShorter = _useState2[0],
|
12
|
+
setOpenShorter = _useState2[1];
|
13
|
+
var renderItems = addSeparator(children, separator);
|
14
|
+
var onKeyPress = function onKeyPress(event) {
|
15
|
+
event.persist();
|
16
|
+
if (event.keyCode === 13) {
|
17
|
+
setOpenShorter(true);
|
18
|
+
}
|
19
|
+
};
|
20
|
+
return /*#__PURE__*/React.createElement(StyledRoot, null, !openShorter && /*#__PURE__*/React.createElement(StyledShorter, {
|
21
|
+
tabIndex: 0,
|
22
|
+
onClick: function onClick() {
|
23
|
+
return setOpenShorter(true);
|
24
|
+
},
|
25
|
+
onKeyDown: onKeyPress
|
26
|
+
}, "..."), openShorter && /*#__PURE__*/React.createElement(StyledHidden, null, renderItems.map(function (item) {
|
27
|
+
return item;
|
28
|
+
})));
|
29
|
+
};
|
30
|
+
|
31
|
+
export { BreadcrumbShorter };
|
32
|
+
//# sourceMappingURL=BreadcrumbShorter.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"BreadcrumbShorter.js","sources":["../../../../../src/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode, useState, KeyboardEvent } from 'react';\n\nimport { addSeparator } from '../../utils';\n\nimport { StyledHidden, StyledRoot, StyledShorter } from './BreadcrumbShorter.styles';\nimport { BreadcrumbShorterProps } from './BreadcrumbShorter.types';\n\nexport const BreadcrumbShorter: React.FC<HTMLAttributes<HTMLDivElement> & BreadcrumbShorterProps> = ({\n children,\n separator,\n}) => {\n const [openShorter, setOpenShorter] = useState(false);\n\n const renderItems: ReactNode[] = addSeparator(children, separator);\n\n const onKeyPress = (event: KeyboardEvent<HTMLDivElement>) => {\n event.persist();\n\n if (event.keyCode === 13) {\n setOpenShorter(true);\n }\n };\n\n return (\n <StyledRoot>\n {!openShorter && (\n <StyledShorter tabIndex={0} onClick={() => setOpenShorter(true)} onKeyDown={onKeyPress}>\n ...\n </StyledShorter>\n )}\n {openShorter && (\n <StyledHidden>\n {renderItems.map((item) => {\n return item;\n })}\n </StyledHidden>\n )}\n </StyledRoot>\n );\n};\n"],"names":["BreadcrumbShorter","_ref","children","separator","_useState","useState","_useState2","_slicedToArray","openShorter","setOpenShorter","renderItems","addSeparator","onKeyPress","event","persist","keyCode","React","createElement","StyledRoot","StyledShorter","tabIndex","onClick","onKeyDown","StyledHidden","map","item"],"mappings":";;;;;IAOaA,iBAAoF,GAAG,SAAvFA,iBAAoFA,CAAAC,IAAA,EAG3F;AAAA,EAAA,IAFFC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,SAAS,GAAAF,IAAA,CAATE,SAAS,CAAA;AAET,EAAA,IAAAC,SAAA,GAAsCC,QAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA9CI,IAAAA,WAAW,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,cAAc,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAElC,EAAA,IAAMI,WAAwB,GAAGC,YAAY,CAACT,QAAQ,EAAEC,SAAS,CAAC,CAAA;AAElE,EAAA,IAAMS,UAAU,GAAG,SAAbA,UAAUA,CAAIC,KAAoC,EAAK;IACzDA,KAAK,CAACC,OAAO,EAAE,CAAA;AAEf,IAAA,IAAID,KAAK,CAACE,OAAO,KAAK,EAAE,EAAE;MACtBN,cAAc,CAAC,IAAI,CAAC,CAAA;AACxB,KAAA;GACH,CAAA;AAED,EAAA,oBACIO,KAAA,CAAAC,aAAA,CAACC,UAAU,EAAA,IAAA,EACN,CAACV,WAAW,iBACTQ,KAAA,CAAAC,aAAA,CAACE,aAAa,EAAA;AAACC,IAAAA,QAAQ,EAAE,CAAE;IAACC,OAAO,EAAE,SAAAA,OAAA,GAAA;MAAA,OAAMZ,cAAc,CAAC,IAAI,CAAC,CAAA;KAAC;AAACa,IAAAA,SAAS,EAAEV,UAAAA;AAAW,GAAA,EAAC,KAEzE,CAClB,EACAJ,WAAW,iBACRQ,KAAA,CAAAC,aAAA,CAACM,YAAY,QACRb,WAAW,CAACc,GAAG,CAAC,UAACC,IAAI,EAAK;AACvB,IAAA,OAAOA,IAAI,CAAA;GACd,CACS,CAEV,CAAC,CAAA;AAErB;;;;"}
|
@@ -0,0 +1,21 @@
|
|
1
|
+
import styled from 'styled-components';
|
2
|
+
import { addFocus } from '../../../../mixins/addFocus.js';
|
3
|
+
import { tokens } from '../../Breadcrumbs.tokens.js';
|
4
|
+
|
5
|
+
var StyledRoot = /*#__PURE__*/styled.div.withConfig({
|
6
|
+
componentId: "plasma-new-hope__sc-1ufgggn-0"
|
7
|
+
})([""]);
|
8
|
+
var StyledShorter = /*#__PURE__*/styled.div.withConfig({
|
9
|
+
componentId: "plasma-new-hope__sc-1ufgggn-1"
|
10
|
+
})(["cursor:pointer;", ""], /*#__PURE__*/addFocus({
|
11
|
+
outlineOffset: '0.125rem',
|
12
|
+
outlineSize: '0.125rem',
|
13
|
+
outlineRadius: '0',
|
14
|
+
outlineColor: /*#__PURE__*/"var(".concat(tokens.breadcrumbsFocusOutlineColor, ")")
|
15
|
+
}));
|
16
|
+
var StyledHidden = /*#__PURE__*/styled.div.withConfig({
|
17
|
+
componentId: "plasma-new-hope__sc-1ufgggn-2"
|
18
|
+
})(["display:flex;align-items:center;gap:var(", ");"], tokens.breadcrumbsGap);
|
19
|
+
|
20
|
+
export { StyledHidden, StyledRoot, StyledShorter };
|
21
|
+
//# sourceMappingURL=BreadcrumbShorter.styles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"BreadcrumbShorter.styles.js","sources":["../../../../../src/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { addFocus } from '../../../../mixins';\nimport { tokens } from '../../Breadcrumbs.tokens';\n\nexport const StyledRoot = styled.div``;\nexport const StyledShorter = styled.div`\n cursor: pointer;\n ${addFocus({\n outlineOffset: '0.125rem',\n outlineSize: '0.125rem',\n outlineRadius: '0',\n outlineColor: `var(${tokens.breadcrumbsFocusOutlineColor})`,\n })}\n`;\nexport const StyledHidden = styled.div`\n display: flex;\n align-items: center;\n gap: var(${tokens.breadcrumbsGap});\n`;\n"],"names":["StyledRoot","styled","div","withConfig","componentId","StyledShorter","addFocus","outlineOffset","outlineSize","outlineRadius","outlineColor","concat","tokens","breadcrumbsFocusOutlineColor","StyledHidden","breadcrumbsGap"],"mappings":";;;;IAKaA,UAAU,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CAAE,CAAA,CAAA,CAAA,EAAA,CAAA,EAAA;IACzBC,aAAa,gBAAGJ,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CAAA,CAAA,CAAA,CAAA,iBAAA,EAAA,EAAA,CAAA,eAEjCE,QAAQ,CAAC;AACPC,EAAAA,aAAa,EAAE,UAAU;AACzBC,EAAAA,WAAW,EAAE,UAAU;AACvBC,EAAAA,aAAa,EAAE,GAAG;AAClBC,EAAAA,YAAY,eAAAC,MAAAA,CAAAA,MAAA,CAASC,MAAM,CAACC,4BAA4B,EAAA,GAAA,CAAA;AAC5D,CAAC,CAAC,EACL;IACYC,YAAY,gBAAGb,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CAGvBQ,CAAAA,CAAAA,CAAAA,0CAAAA,EAAAA,IAAAA,CAAAA,EAAAA,MAAM,CAACG,cAAc;;;;"}
|
@@ -0,0 +1,46 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { BreadcrumbShorter } from '../ui/BreadcrumbShorter/BreadcrumbShorter.js';
|
3
|
+
import { StyledLink } from '../Breadcrumbs.styles.js';
|
4
|
+
|
5
|
+
var shortItems = function shortItems(items, renderSeparator, showItems) {
|
6
|
+
if (!showItems || showItems < 2 || items.length <= showItems) {
|
7
|
+
return items;
|
8
|
+
}
|
9
|
+
var leftSlice = Math.floor(showItems / 2);
|
10
|
+
var rightSlice = items.length - leftSlice - showItems % 2;
|
11
|
+
var renderItems = items.slice(leftSlice, rightSlice);
|
12
|
+
var shorter = /*#__PURE__*/React.createElement(BreadcrumbShorter, {
|
13
|
+
separator: renderSeparator
|
14
|
+
}, renderItems);
|
15
|
+
items.splice(leftSlice, rightSlice - leftSlice, shorter);
|
16
|
+
return items;
|
17
|
+
};
|
18
|
+
var convertIconSize = function convertIconSize(size) {
|
19
|
+
switch (size) {
|
20
|
+
case 's':
|
21
|
+
case 'xs':
|
22
|
+
return 'xs';
|
23
|
+
default:
|
24
|
+
return 's';
|
25
|
+
}
|
26
|
+
};
|
27
|
+
var getRenderItems = function getRenderItems(items, renderSeparator, showItems) {
|
28
|
+
return shortItems(items.map(function (item) {
|
29
|
+
if ('renderItem' in item) {
|
30
|
+
return item.renderItem();
|
31
|
+
}
|
32
|
+
return /*#__PURE__*/React.createElement(StyledLink, {
|
33
|
+
tabIndex: 0,
|
34
|
+
href: item.href,
|
35
|
+
isHref: !!item.href
|
36
|
+
}, item.title);
|
37
|
+
}), renderSeparator, showItems);
|
38
|
+
};
|
39
|
+
var addSeparator = function addSeparator(items, renderSeparator) {
|
40
|
+
return items.flatMap(function (item, idx) {
|
41
|
+
return idx < items.length - 1 ? [item, renderSeparator] : [item];
|
42
|
+
});
|
43
|
+
};
|
44
|
+
|
45
|
+
export { addSeparator, convertIconSize, getRenderItems, shortItems };
|
46
|
+
//# sourceMappingURL=index.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/Breadcrumbs/utils/index.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\n\nimport { BreadcrumbShorter } from '../ui/BreadcrumbShorter/BreadcrumbShorter';\nimport { StyledLink } from '../Breadcrumbs.styles';\nimport { BreadcrumbsItem } from '../Breadcrumbs.types';\n\nexport const shortItems = (items: ReactNode[], renderSeparator: ReactNode, showItems?: number) => {\n if (!showItems || showItems < 2 || items.length <= showItems) {\n return items;\n }\n\n const leftSlice = Math.floor(showItems / 2);\n const rightSlice = items.length - leftSlice - (showItems % 2);\n\n const renderItems: ReactNode[] = items.slice(leftSlice, rightSlice);\n const shorter = <BreadcrumbShorter separator={renderSeparator}>{renderItems}</BreadcrumbShorter>;\n items.splice(leftSlice, rightSlice - leftSlice, shorter);\n return items;\n};\n\nexport const convertIconSize = (size?: 'xs' | 's' | 'm' | 'l') => {\n switch (size) {\n case 's':\n case 'xs':\n return 'xs';\n default:\n return 's';\n }\n};\n\nexport const getRenderItems = (items: BreadcrumbsItem[], renderSeparator: ReactNode, showItems?: number) => {\n return shortItems(\n items.map((item: BreadcrumbsItem) => {\n if ('renderItem' in item) {\n return item.renderItem();\n }\n return (\n <StyledLink tabIndex={0} href={item.href} isHref={!!item.href}>\n {item.title}\n </StyledLink>\n );\n }),\n renderSeparator,\n showItems,\n );\n};\n\nexport const addSeparator = (items: ReactNode[], renderSeparator: ReactNode) => {\n return items.flatMap((item, idx) => (idx < items.length - 1 ? [item, renderSeparator] : [item]));\n};\n"],"names":["shortItems","items","renderSeparator","showItems","length","leftSlice","Math","floor","rightSlice","renderItems","slice","shorter","React","createElement","BreadcrumbShorter","separator","splice","convertIconSize","size","getRenderItems","map","item","renderItem","StyledLink","tabIndex","href","isHref","title","addSeparator","flatMap","idx"],"mappings":";;;;AAMO,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,KAAkB,EAAEC,eAA0B,EAAEC,SAAkB,EAAK;AAC9F,EAAA,IAAI,CAACA,SAAS,IAAIA,SAAS,GAAG,CAAC,IAAIF,KAAK,CAACG,MAAM,IAAID,SAAS,EAAE;AAC1D,IAAA,OAAOF,KAAK,CAAA;AAChB,GAAA;EAEA,IAAMI,SAAS,GAAGC,IAAI,CAACC,KAAK,CAACJ,SAAS,GAAG,CAAC,CAAC,CAAA;EAC3C,IAAMK,UAAU,GAAGP,KAAK,CAACG,MAAM,GAAGC,SAAS,GAAIF,SAAS,GAAG,CAAE,CAAA;EAE7D,IAAMM,WAAwB,GAAGR,KAAK,CAACS,KAAK,CAACL,SAAS,EAAEG,UAAU,CAAC,CAAA;AACnE,EAAA,IAAMG,OAAO,gBAAGC,KAAA,CAAAC,aAAA,CAACC,iBAAiB,EAAA;AAACC,IAAAA,SAAS,EAAEb,eAAAA;AAAgB,GAAA,EAAEO,WAA+B,CAAC,CAAA;EAChGR,KAAK,CAACe,MAAM,CAACX,SAAS,EAAEG,UAAU,GAAGH,SAAS,EAAEM,OAAO,CAAC,CAAA;AACxD,EAAA,OAAOV,KAAK,CAAA;AAChB,EAAC;IAEYgB,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAA6B,EAAK;AAC9D,EAAA,QAAQA,IAAI;AACR,IAAA,KAAK,GAAG,CAAA;AACR,IAAA,KAAK,IAAI;AACL,MAAA,OAAO,IAAI,CAAA;AACf,IAAA;AACI,MAAA,OAAO,GAAG,CAAA;AAClB,GAAA;AACJ,EAAC;AAEM,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAIlB,KAAwB,EAAEC,eAA0B,EAAEC,SAAkB,EAAK;EACxG,OAAOH,UAAU,CACbC,KAAK,CAACmB,GAAG,CAAC,UAACC,IAAqB,EAAK;IACjC,IAAI,YAAY,IAAIA,IAAI,EAAE;AACtB,MAAA,OAAOA,IAAI,CAACC,UAAU,EAAE,CAAA;AAC5B,KAAA;AACA,IAAA,oBACIV,KAAA,CAAAC,aAAA,CAACU,UAAU,EAAA;AAACC,MAAAA,QAAQ,EAAE,CAAE;MAACC,IAAI,EAAEJ,IAAI,CAACI,IAAK;AAACC,MAAAA,MAAM,EAAE,CAAC,CAACL,IAAI,CAACI,IAAAA;KACpDJ,EAAAA,IAAI,CAACM,KACE,CAAC,CAAA;AAErB,GAAC,CAAC,EACFzB,eAAe,EACfC,SACJ,CAAC,CAAA;AACL,EAAC;AAEM,IAAMyB,YAAY,GAAG,SAAfA,YAAYA,CAAI3B,KAAkB,EAAEC,eAA0B,EAAK;AAC5E,EAAA,OAAOD,KAAK,CAAC4B,OAAO,CAAC,UAACR,IAAI,EAAES,GAAG,EAAA;AAAA,IAAA,OAAMA,GAAG,GAAG7B,KAAK,CAACG,MAAM,GAAG,CAAC,GAAG,CAACiB,IAAI,EAAEnB,eAAe,CAAC,GAAG,CAACmB,IAAI,CAAC,CAAA;AAAA,GAAC,CAAC,CAAA;AACpG;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/Breadcrumbs/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/Breadcrumbs/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
|
2
|
-
import { useCallback, useEffect } from 'react';
|
3
|
-
import { getIdLastModal } from '../ModalContext.js';
|
2
|
+
import { useRef, useCallback, useEffect } from 'react';
|
3
|
+
import { getIdLastModal, hasModals } from '../ModalContext.js';
|
4
4
|
import { usePopupContext } from '../../Popup/PopupContext.js';
|
5
5
|
import '@salutejs/plasma-core';
|
6
6
|
import '../../../utils/react.js';
|
@@ -10,12 +10,14 @@ import '@linaria/react';
|
|
10
10
|
var ESCAPE_KEYCODE = 27;
|
11
11
|
var useModal = function useModal(_ref) {
|
12
12
|
var id = _ref.id,
|
13
|
+
isOpen = _ref.isOpen,
|
13
14
|
popupInfo = _ref.popupInfo,
|
14
15
|
onEscKeyDown = _ref.onEscKeyDown,
|
15
16
|
onClose = _ref.onClose,
|
16
17
|
_ref$closeOnEsc = _ref.closeOnEsc,
|
17
18
|
closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc;
|
18
19
|
var popupController = usePopupContext();
|
20
|
+
var overflow = useRef(document.body.style.overflowY);
|
19
21
|
|
20
22
|
// При ESC закрывает текущее окно, если это возможно
|
21
23
|
var onKeyDown = useCallback(function (event) {
|
@@ -38,6 +40,19 @@ var useModal = function useModal(_ref) {
|
|
38
40
|
window.removeEventListener('keydown', onKeyDown);
|
39
41
|
};
|
40
42
|
}, [onClose, onEscKeyDown, popupController.items, closeOnEsc]);
|
43
|
+
|
44
|
+
// linaria не поддерживает динамический global
|
45
|
+
useEffect(function () {
|
46
|
+
if (isOpen) {
|
47
|
+
overflow.current = document.body.style.overflowY;
|
48
|
+
document.body.style.overflowY = 'hidden';
|
49
|
+
}
|
50
|
+
}, [isOpen]);
|
51
|
+
useEffect(function () {
|
52
|
+
if (!isOpen && !hasModals(popupController.items)) {
|
53
|
+
document.body.style.overflowY = overflow.current;
|
54
|
+
}
|
55
|
+
}, [isOpen, overflow.current, popupController.items]);
|
41
56
|
var modalInfo = _objectSpread2({
|
42
57
|
id: id,
|
43
58
|
info: {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"useModal.js","sources":["../../../../src/components/Modal/hooks/useModal.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react';\n\nimport { ModalInfo, getIdLastModal } from '../ModalContext';\nimport { ModalHookArgs } from '../Modal.types';\nimport { usePopupContext } from '../../Popup';\n\nconst ESCAPE_KEYCODE = 27;\n\nexport const useModal = ({ id, popupInfo, onEscKeyDown, onClose, closeOnEsc = true }: ModalHookArgs) => {\n const popupController = usePopupContext();\n\n // При ESC закрывает текущее окно, если это возможно\n const onKeyDown = useCallback(\n (event: KeyboardEvent) => {\n if (!closeOnEsc) {\n return;\n }\n if (event.keyCode === ESCAPE_KEYCODE && getIdLastModal(popupController.items) === id) {\n if (onEscKeyDown) {\n onEscKeyDown(event);\n return;\n }\n\n if (onClose) {\n onClose();\n }\n }\n },\n [onClose, onEscKeyDown, popupController.items, closeOnEsc],\n );\n\n useEffect(() => {\n window.addEventListener('keydown', onKeyDown);\n return () => {\n window.removeEventListener('keydown', onKeyDown);\n };\n }, [onClose, onEscKeyDown, popupController.items, closeOnEsc]);\n\n const modalInfo: ModalInfo = {\n id,\n info: {\n isModal: true,\n },\n ...popupInfo,\n };\n\n return { modalInfo };\n};\n"],"names":["ESCAPE_KEYCODE","useModal","_ref","id","popupInfo","onEscKeyDown","onClose","_ref$closeOnEsc","closeOnEsc","popupController","usePopupContext","onKeyDown","useCallback","event","keyCode","getIdLastModal","items","useEffect","window","addEventListener","removeEventListener","modalInfo","_objectSpread","info","isModal"],"mappings":";;;;;;;;;AAMA,IAAMA,cAAc,GAAG,EAAE,CAAA;IAEZC,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,
|
1
|
+
{"version":3,"file":"useModal.js","sources":["../../../../src/components/Modal/hooks/useModal.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nimport { ModalInfo, getIdLastModal, hasModals } from '../ModalContext';\nimport { ModalHookArgs } from '../Modal.types';\nimport { usePopupContext } from '../../Popup';\n\nconst ESCAPE_KEYCODE = 27;\n\nexport const useModal = ({ id, isOpen, popupInfo, onEscKeyDown, onClose, closeOnEsc = true }: ModalHookArgs) => {\n const popupController = usePopupContext();\n const overflow = useRef<string>(document.body.style.overflowY);\n\n // При ESC закрывает текущее окно, если это возможно\n const onKeyDown = useCallback(\n (event: KeyboardEvent) => {\n if (!closeOnEsc) {\n return;\n }\n if (event.keyCode === ESCAPE_KEYCODE && getIdLastModal(popupController.items) === id) {\n if (onEscKeyDown) {\n onEscKeyDown(event);\n return;\n }\n\n if (onClose) {\n onClose();\n }\n }\n },\n [onClose, onEscKeyDown, popupController.items, closeOnEsc],\n );\n\n useEffect(() => {\n window.addEventListener('keydown', onKeyDown);\n return () => {\n window.removeEventListener('keydown', onKeyDown);\n };\n }, [onClose, onEscKeyDown, popupController.items, closeOnEsc]);\n\n // linaria не поддерживает динамический global\n useEffect(() => {\n if (isOpen) {\n overflow.current = document.body.style.overflowY;\n document.body.style.overflowY = 'hidden';\n }\n }, [isOpen]);\n\n useEffect(() => {\n if (!isOpen && !hasModals(popupController.items)) {\n document.body.style.overflowY = overflow.current;\n }\n }, [isOpen, overflow.current, popupController.items]);\n\n const modalInfo: ModalInfo = {\n id,\n info: {\n isModal: true,\n },\n ...popupInfo,\n };\n\n return { modalInfo };\n};\n"],"names":["ESCAPE_KEYCODE","useModal","_ref","id","isOpen","popupInfo","onEscKeyDown","onClose","_ref$closeOnEsc","closeOnEsc","popupController","usePopupContext","overflow","useRef","document","body","style","overflowY","onKeyDown","useCallback","event","keyCode","getIdLastModal","items","useEffect","window","addEventListener","removeEventListener","current","hasModals","modalInfo","_objectSpread","info","isModal"],"mappings":";;;;;;;;;AAMA,IAAMA,cAAc,GAAG,EAAE,CAAA;IAEZC,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAA2F;AAAA,EAAA,IAArFC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAEC,YAAY,GAAAJ,IAAA,CAAZI,YAAY;IAAEC,OAAO,GAAAL,IAAA,CAAPK,OAAO;IAAAC,eAAA,GAAAN,IAAA,CAAEO,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,eAAA,CAAA;AACtF,EAAA,IAAME,eAAe,GAAGC,eAAe,EAAE,CAAA;EACzC,IAAMC,QAAQ,GAAGC,MAAM,CAASC,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,SAAS,CAAC,CAAA;;AAE9D;AACA,EAAA,IAAMC,SAAS,GAAGC,WAAW,CACzB,UAACC,KAAoB,EAAK;IACtB,IAAI,CAACX,UAAU,EAAE;AACb,MAAA,OAAA;AACJ,KAAA;AACA,IAAA,IAAIW,KAAK,CAACC,OAAO,KAAKrB,cAAc,IAAIsB,cAAc,CAACZ,eAAe,CAACa,KAAK,CAAC,KAAKpB,EAAE,EAAE;AAClF,MAAA,IAAIG,YAAY,EAAE;QACdA,YAAY,CAACc,KAAK,CAAC,CAAA;AACnB,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAIb,OAAO,EAAE;AACTA,QAAAA,OAAO,EAAE,CAAA;AACb,OAAA;AACJ,KAAA;AACJ,GAAC,EACD,CAACA,OAAO,EAAED,YAAY,EAAEI,eAAe,CAACa,KAAK,EAAEd,UAAU,CAC7D,CAAC,CAAA;AAEDe,EAAAA,SAAS,CAAC,YAAM;AACZC,IAAAA,MAAM,CAACC,gBAAgB,CAAC,SAAS,EAAER,SAAS,CAAC,CAAA;AAC7C,IAAA,OAAO,YAAM;AACTO,MAAAA,MAAM,CAACE,mBAAmB,CAAC,SAAS,EAAET,SAAS,CAAC,CAAA;KACnD,CAAA;AACL,GAAC,EAAE,CAACX,OAAO,EAAED,YAAY,EAAEI,eAAe,CAACa,KAAK,EAAEd,UAAU,CAAC,CAAC,CAAA;;AAE9D;AACAe,EAAAA,SAAS,CAAC,YAAM;AACZ,IAAA,IAAIpB,MAAM,EAAE;MACRQ,QAAQ,CAACgB,OAAO,GAAGd,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,SAAS,CAAA;AAChDH,MAAAA,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,SAAS,GAAG,QAAQ,CAAA;AAC5C,KAAA;AACJ,GAAC,EAAE,CAACb,MAAM,CAAC,CAAC,CAAA;AAEZoB,EAAAA,SAAS,CAAC,YAAM;IACZ,IAAI,CAACpB,MAAM,IAAI,CAACyB,SAAS,CAACnB,eAAe,CAACa,KAAK,CAAC,EAAE;MAC9CT,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,SAAS,GAAGL,QAAQ,CAACgB,OAAO,CAAA;AACpD,KAAA;AACJ,GAAC,EAAE,CAACxB,MAAM,EAAEQ,QAAQ,CAACgB,OAAO,EAAElB,eAAe,CAACa,KAAK,CAAC,CAAC,CAAA;EAErD,IAAMO,SAAoB,GAAAC,cAAA,CAAA;AACtB5B,IAAAA,EAAE,EAAFA,EAAE;AACF6B,IAAAA,IAAI,EAAE;AACFC,MAAAA,OAAO,EAAE,IAAA;AACb,KAAA;AAAC,GAAA,EACE5B,SAAS,CACf,CAAA;EAED,OAAO;AAAEyB,IAAAA,SAAS,EAATA,SAAAA;GAAW,CAAA;AACxB;;;;"}
|
@@ -1,6 +1,5 @@
|
|
1
1
|
import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
2
|
-
import React, { useContext,
|
3
|
-
import { hasModals } from '../Modal/ModalContext.js';
|
2
|
+
import React, { useContext, useState, useEffect, createContext } from 'react';
|
4
3
|
|
5
4
|
var POPUP_PORTAL_ID = 'plasma-popup-root';
|
6
5
|
var items = [];
|
@@ -18,36 +17,22 @@ var usePopupContext = function usePopupContext() {
|
|
18
17
|
};
|
19
18
|
var PopupProvider = function PopupProvider(_ref) {
|
20
19
|
var children = _ref.children;
|
21
|
-
var prevBodyOverflowY = useRef(document.body.style.overflowY);
|
22
20
|
var _useState = useState([]),
|
23
21
|
_useState2 = _slicedToArray(_useState, 2),
|
24
22
|
items = _useState2[0],
|
25
23
|
setItems = _useState2[1];
|
26
24
|
var register = function register(info) {
|
27
|
-
setItems(
|
28
|
-
var _info$info;
|
29
|
-
if ((_info$info = info.info) !== null && _info$info !== void 0 && _info$info.isModal && !hasModals(prevItems)) {
|
30
|
-
prevBodyOverflowY.current = document.body.style.overflowY;
|
31
|
-
document.body.style.overflowY = 'hidden';
|
32
|
-
}
|
33
|
-
return [].concat(_toConsumableArray(prevItems), [info]);
|
34
|
-
});
|
25
|
+
setItems([].concat(_toConsumableArray(items), [info]));
|
35
26
|
};
|
36
27
|
var unregister = function unregister(id) {
|
37
|
-
|
38
|
-
|
39
|
-
return id === item.id;
|
40
|
-
});
|
41
|
-
if (index === -1) {
|
42
|
-
return prevItems;
|
43
|
-
}
|
44
|
-
var prevHasModals = hasModals(prevItems);
|
45
|
-
prevItems.splice(index, 1);
|
46
|
-
if (prevHasModals && !hasModals(prevItems)) {
|
47
|
-
document.body.style.overflowY = prevBodyOverflowY.current;
|
48
|
-
}
|
49
|
-
return _toConsumableArray(prevItems);
|
28
|
+
var index = items.findIndex(function (item) {
|
29
|
+
return id === item.id;
|
50
30
|
});
|
31
|
+
if (index === -1) {
|
32
|
+
return;
|
33
|
+
}
|
34
|
+
items.splice(index, 1);
|
35
|
+
setItems(_toConsumableArray(items));
|
51
36
|
};
|
52
37
|
var context = {
|
53
38
|
items: items,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"PopupContext.js","sources":["../../../src/components/Popup/PopupContext.tsx"],"sourcesContent":["import React, { createContext, useEffect, useState, useContext, FC, PropsWithChildren
|
1
|
+
{"version":3,"file":"PopupContext.js","sources":["../../../src/components/Popup/PopupContext.tsx"],"sourcesContent":["import React, { createContext, useEffect, useState, useContext, FC, PropsWithChildren } from 'react';\n\nimport type { PopupContextType, PopupInfo } from './Popup.types';\n\nexport const POPUP_PORTAL_ID = 'plasma-popup-root';\n\nconst items: PopupInfo[] = [];\n\nconst PopupContext = createContext<PopupContextType>({\n items,\n register(_info: PopupInfo): void {\n throw new Error('Function not implemented. Add PopupProvider');\n },\n unregister(_id: string): void {\n throw new Error('Function not implemented. Add PopupProvider');\n },\n});\n\nexport const usePopupContext = () => useContext(PopupContext);\n\nexport const PopupProvider: FC<PropsWithChildren> = ({ children }) => {\n const [items, setItems] = useState<PopupInfo[]>([]);\n\n const register = (info: PopupInfo) => {\n setItems([...items, info]);\n };\n\n const unregister = (id: string) => {\n const index = items.findIndex((item: PopupInfo) => id === item.id);\n\n if (index === -1) {\n return;\n }\n\n items.splice(index, 1);\n setItems([...items]);\n };\n\n const context = {\n items,\n register,\n unregister,\n };\n\n useEffect(() => {\n return () => {\n const portal = document.createElement('div');\n if (portal && document.body.contains(portal)) {\n document.body.removeChild(portal);\n }\n };\n }, []);\n\n return <PopupContext.Provider value={context}>{children}</PopupContext.Provider>;\n};\n"],"names":["POPUP_PORTAL_ID","items","PopupContext","createContext","register","_info","Error","unregister","_id","usePopupContext","useContext","PopupProvider","_ref","children","_useState","useState","_useState2","_slicedToArray","setItems","info","concat","_toConsumableArray","id","index","findIndex","item","splice","context","useEffect","portal","document","createElement","body","contains","removeChild","React","Provider","value"],"mappings":";;;AAIO,IAAMA,eAAe,GAAG,oBAAmB;AAElD,IAAMC,KAAkB,GAAG,EAAE,CAAA;AAE7B,IAAMC,YAAY,gBAAGC,aAAa,CAAmB;AACjDF,EAAAA,KAAK,EAALA,KAAK;EACLG,QAAQ,EAAA,SAAAA,QAACC,CAAAA,KAAgB,EAAQ;AAC7B,IAAA,MAAM,IAAIC,KAAK,CAAC,6CAA6C,CAAC,CAAA;GACjE;EACDC,UAAU,EAAA,SAAAA,UAACC,CAAAA,GAAW,EAAQ;AAC1B,IAAA,MAAM,IAAIF,KAAK,CAAC,6CAA6C,CAAC,CAAA;AAClE,GAAA;AACJ,CAAC,CAAC,CAAA;AAEWG,IAAAA,eAAe,GAAG,SAAlBA,eAAeA,GAAA;EAAA,OAASC,UAAU,CAACR,YAAY,CAAC,CAAA;AAAA,EAAA;IAEhDS,aAAoC,GAAG,SAAvCA,aAAoCA,CAAAC,IAAA,EAAqB;AAAA,EAAA,IAAfC,QAAQ,GAAAD,IAAA,CAARC,QAAQ,CAAA;AAC3D,EAAA,IAAAC,SAAA,GAA0BC,QAAQ,CAAc,EAAE,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA5Cb,IAAAA,KAAK,GAAAe,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,QAAQ,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAEtB,EAAA,IAAMZ,QAAQ,GAAG,SAAXA,QAAQA,CAAIe,IAAe,EAAK;IAClCD,QAAQ,CAAA,EAAA,CAAAE,MAAA,CAAAC,kBAAA,CAAKpB,KAAK,CAAA,EAAA,CAAEkB,IAAI,CAAA,CAAC,CAAC,CAAA;GAC7B,CAAA;AAED,EAAA,IAAMZ,UAAU,GAAG,SAAbA,UAAUA,CAAIe,EAAU,EAAK;AAC/B,IAAA,IAAMC,KAAK,GAAGtB,KAAK,CAACuB,SAAS,CAAC,UAACC,IAAe,EAAA;AAAA,MAAA,OAAKH,EAAE,KAAKG,IAAI,CAACH,EAAE,CAAA;KAAC,CAAA,CAAA;AAElE,IAAA,IAAIC,KAAK,KAAK,CAAC,CAAC,EAAE;AACd,MAAA,OAAA;AACJ,KAAA;AAEAtB,IAAAA,KAAK,CAACyB,MAAM,CAACH,KAAK,EAAE,CAAC,CAAC,CAAA;AACtBL,IAAAA,QAAQ,CAAAG,kBAAA,CAAKpB,KAAK,CAAC,CAAC,CAAA;GACvB,CAAA;AAED,EAAA,IAAM0B,OAAO,GAAG;AACZ1B,IAAAA,KAAK,EAALA,KAAK;AACLG,IAAAA,QAAQ,EAARA,QAAQ;AACRG,IAAAA,UAAU,EAAVA,UAAAA;GACH,CAAA;AAEDqB,EAAAA,SAAS,CAAC,YAAM;AACZ,IAAA,OAAO,YAAM;AACT,MAAA,IAAMC,MAAM,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC,CAAA;MAC5C,IAAIF,MAAM,IAAIC,QAAQ,CAACE,IAAI,CAACC,QAAQ,CAACJ,MAAM,CAAC,EAAE;AAC1CC,QAAAA,QAAQ,CAACE,IAAI,CAACE,WAAW,CAACL,MAAM,CAAC,CAAA;AACrC,OAAA;KACH,CAAA;GACJ,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,oBAAOM,KAAA,CAAAJ,aAAA,CAAC7B,YAAY,CAACkC,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEV,OAAAA;AAAQ,GAAA,EAAEd,QAAgC,CAAC,CAAA;AACpF;;;;"}
|
@@ -65,11 +65,6 @@ var usePopup = function usePopup(_ref) {
|
|
65
65
|
popupController.unregister(id);
|
66
66
|
setVisible(false);
|
67
67
|
}, [isOpen, isVisible, animationInfo]);
|
68
|
-
useEffect(function () {
|
69
|
-
return function () {
|
70
|
-
popupController.unregister(id);
|
71
|
-
};
|
72
|
-
}, [id]);
|
73
68
|
return {
|
74
69
|
isVisible: isVisible,
|
75
70
|
setVisible: setVisible,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"usePopup.js","sources":["../../../../src/components/Popup/hooks/usePopup.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { PopupAnimationInfo, PopupHookArgs } from '../Popup.types';\nimport { usePopupContext } from '../PopupContext';\n\n// Хук для поключения анимации\nconst usePopupAnimation = (): PopupAnimationInfo => {\n const [endAnimation, setEndAnimation] = useState<boolean>(false);\n const [endTransition, setEndTransition] = useState<boolean>(false);\n\n return { endAnimation, endTransition, setEndTransition, setEndAnimation };\n};\n\n// Хук для внутреннего состояния, необходимого для правильного отображения вложенных окон, а также для анимации\nexport const usePopup = ({ isOpen, id, popupInfo, withAnimation }: PopupHookArgs) => {\n const [isVisible, setVisible] = useState<boolean>(false);\n const popupController = usePopupContext();\n const animationInfo = usePopupAnimation();\n\n // для использования transition в качестве анимации\n useEffect(() => {\n if (withAnimation && animationInfo) {\n animationInfo.setEndTransition(!isVisible || animationInfo?.endAnimation);\n }\n }, [animationInfo, withAnimation, isVisible]);\n\n // сначала добавление/удаление из контекста, и только после этого отображение/скрытие\n useEffect(() => {\n // при первом открытии\n if (isOpen && !isVisible) {\n popupController.register({ id, ...popupInfo });\n setVisible(true);\n animationInfo.setEndAnimation(false);\n return;\n }\n\n if (isOpen || !isVisible) {\n return;\n }\n\n // если есть анимация - закрытие по окончании анимации\n if (withAnimation) {\n animationInfo.setEndAnimation(true);\n return;\n }\n\n // иначе обычное закрытие\n popupController.unregister(id);\n setVisible(false);\n }, [isOpen, isVisible, animationInfo]);\n\n
|
1
|
+
{"version":3,"file":"usePopup.js","sources":["../../../../src/components/Popup/hooks/usePopup.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { PopupAnimationInfo, PopupHookArgs } from '../Popup.types';\nimport { usePopupContext } from '../PopupContext';\n\n// Хук для поключения анимации\nconst usePopupAnimation = (): PopupAnimationInfo => {\n const [endAnimation, setEndAnimation] = useState<boolean>(false);\n const [endTransition, setEndTransition] = useState<boolean>(false);\n\n return { endAnimation, endTransition, setEndTransition, setEndAnimation };\n};\n\n// Хук для внутреннего состояния, необходимого для правильного отображения вложенных окон, а также для анимации\nexport const usePopup = ({ isOpen, id, popupInfo, withAnimation }: PopupHookArgs) => {\n const [isVisible, setVisible] = useState<boolean>(false);\n const popupController = usePopupContext();\n const animationInfo = usePopupAnimation();\n\n // для использования transition в качестве анимации\n useEffect(() => {\n if (withAnimation && animationInfo) {\n animationInfo.setEndTransition(!isVisible || animationInfo?.endAnimation);\n }\n }, [animationInfo, withAnimation, isVisible]);\n\n // сначала добавление/удаление из контекста, и только после этого отображение/скрытие\n useEffect(() => {\n // при первом открытии\n if (isOpen && !isVisible) {\n popupController.register({ id, ...popupInfo });\n setVisible(true);\n animationInfo.setEndAnimation(false);\n return;\n }\n\n if (isOpen || !isVisible) {\n return;\n }\n\n // если есть анимация - закрытие по окончании анимации\n if (withAnimation) {\n animationInfo.setEndAnimation(true);\n return;\n }\n\n // иначе обычное закрытие\n popupController.unregister(id);\n setVisible(false);\n }, [isOpen, isVisible, animationInfo]);\n\n return { isVisible, setVisible, animationInfo, withAnimation };\n};\n"],"names":["usePopupAnimation","_useState","useState","_useState2","_slicedToArray","endAnimation","setEndAnimation","_useState3","_useState4","endTransition","setEndTransition","usePopup","_ref","isOpen","id","popupInfo","withAnimation","_useState5","_useState6","isVisible","setVisible","popupController","usePopupContext","animationInfo","useEffect","register","_objectSpread","unregister"],"mappings":";;;;AAKA;AACA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiBA,GAA6B;AAChD,EAAA,IAAAC,SAAA,GAAwCC,QAAQ,CAAU,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAzDI,IAAAA,YAAY,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,eAAe,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AACpC,EAAA,IAAAI,UAAA,GAA0CL,QAAQ,CAAU,KAAK,CAAC;IAAAM,UAAA,GAAAJ,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAA3DE,IAAAA,aAAa,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,gBAAgB,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;EAEtC,OAAO;AAAEH,IAAAA,YAAY,EAAZA,YAAY;AAAEI,IAAAA,aAAa,EAAbA,aAAa;AAAEC,IAAAA,gBAAgB,EAAhBA,gBAAgB;AAAEJ,IAAAA,eAAe,EAAfA,eAAAA;GAAiB,CAAA;AAC7E,CAAC,CAAA;;AAED;IACaK,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAAgE;AAAA,EAAA,IAA1DC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,EAAE,GAAAF,IAAA,CAAFE,EAAE;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAEC,aAAa,GAAAJ,IAAA,CAAbI,aAAa,CAAA;AAC3D,EAAA,IAAAC,UAAA,GAAgCf,QAAQ,CAAU,KAAK,CAAC;IAAAgB,UAAA,GAAAd,cAAA,CAAAa,UAAA,EAAA,CAAA,CAAA;AAAjDE,IAAAA,SAAS,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,UAAU,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAC5B,EAAA,IAAMG,eAAe,GAAGC,eAAe,EAAE,CAAA;AACzC,EAAA,IAAMC,aAAa,GAAGvB,iBAAiB,EAAE,CAAA;;AAEzC;AACAwB,EAAAA,SAAS,CAAC,YAAM;IACZ,IAAIR,aAAa,IAAIO,aAAa,EAAE;AAChCA,MAAAA,aAAa,CAACb,gBAAgB,CAAC,CAACS,SAAS,KAAII,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAa,CAAElB,YAAY,CAAC,CAAA,CAAA;AAC7E,KAAA;GACH,EAAE,CAACkB,aAAa,EAAEP,aAAa,EAAEG,SAAS,CAAC,CAAC,CAAA;;AAE7C;AACAK,EAAAA,SAAS,CAAC,YAAM;AACZ;AACA,IAAA,IAAIX,MAAM,IAAI,CAACM,SAAS,EAAE;MACtBE,eAAe,CAACI,QAAQ,CAAAC,cAAA,CAAA;AAAGZ,QAAAA,EAAE,EAAFA,EAAAA;OAAOC,EAAAA,SAAS,CAAE,CAAC,CAAA;MAC9CK,UAAU,CAAC,IAAI,CAAC,CAAA;AAChBG,MAAAA,aAAa,CAACjB,eAAe,CAAC,KAAK,CAAC,CAAA;AACpC,MAAA,OAAA;AACJ,KAAA;AAEA,IAAA,IAAIO,MAAM,IAAI,CAACM,SAAS,EAAE;AACtB,MAAA,OAAA;AACJ,KAAA;;AAEA;AACA,IAAA,IAAIH,aAAa,EAAE;AACfO,MAAAA,aAAa,CAACjB,eAAe,CAAC,IAAI,CAAC,CAAA;AACnC,MAAA,OAAA;AACJ,KAAA;;AAEA;AACAe,IAAAA,eAAe,CAACM,UAAU,CAACb,EAAE,CAAC,CAAA;IAC9BM,UAAU,CAAC,KAAK,CAAC,CAAA;GACpB,EAAE,CAACP,MAAM,EAAEM,SAAS,EAAEI,aAAa,CAAC,CAAC,CAAA;EAEtC,OAAO;AAAEJ,IAAAA,SAAS,EAATA,SAAS;AAAEC,IAAAA,UAAU,EAAVA,UAAU;AAAEG,IAAAA,aAAa,EAAbA,aAAa;AAAEP,IAAAA,aAAa,EAAbA,aAAAA;GAAe,CAAA;AAClE;;;;"}
|
package/es/index.css
CHANGED
@@ -33,6 +33,10 @@
|
|
33
33
|
|
34
34
|
.ButtonGroup_styles_92nbdg_b181uun8__0ffde6c1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
35
35
|
|
36
|
+
.Breadcrumbs_styles_1troyzr_shehk3i__0db10aef{opacity:var(--shehk3i-0);position:relative;}.Breadcrumbs_styles_1troyzr_shehk3i__0db10aef::before{content:'';position:absolute;top:0rem;left:0rem;right:0rem;bottom:0rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Breadcrumbs_styles_1troyzr_shehk3i__0db10aef.Breadcrumbs_styles_1troyzr_focusVisible__0db10aef:focus::before,.Breadcrumbs_styles_1troyzr_shehk3i__0db10aef[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
|
37
|
+
.Breadcrumbs_styles_1troyzr_bkgt5xr__0db10aef{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-breadcrumbs-gap);color:var(--plasma-breadcrumbs-color);font-family:var(--plasma-breadcrumbs-font-family);font-size:var(--plasma-breadcrumbs-font-size);font-weight:var(--plasma-breadcrumbs-font-weight);font-style:var(--plasma-breadcrumbs-font-style);-webkit-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-moz-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-ms-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);letter-spacing:var(--plasma-breadcrumbs-letter-spacing);line-height:var(--plasma-breadcrumbs-line-height);}
|
38
|
+
.Breadcrumbs_styles_1troyzr_sajtslk__0db10aef{color:var(--plasma-breadcrumbs-color);opacity:var(--plasma-breadcrumbs-opacity);}
|
39
|
+
|
36
40
|
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
37
41
|
|
38
42
|
.base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}
|
package/es/index.js
CHANGED
@@ -23,6 +23,8 @@ export { iconButtonConfig, iconButtonRoot } from './components/IconButton/IconBu
|
|
23
23
|
export { tokens as iconButtonTokens } from './components/IconButton/IconButton.tokens.js';
|
24
24
|
export { buttonGroupConfig, buttonGroupRoot } from './components/ButtonGroup/ButtonGroup.js';
|
25
25
|
export { classes as buttonGroupClasses, tokens as buttonGroupTokens } from './components/ButtonGroup/ButtonGroup.tokens.js';
|
26
|
+
export { breadcrumbsConfig, breadcrumbsRoot } from './components/Breadcrumbs/Breadcrumbs.js';
|
27
|
+
export { classes as breadcrumbsClasses, tokens as breadcrumbsTokens } from './components/Breadcrumbs/Breadcrumbs.tokens.js';
|
26
28
|
export { chipConfig, chipRoot } from './components/Chip/Chip.js';
|
27
29
|
export { tokens as chipTokens } from './components/Chip/Chip.tokens.js';
|
28
30
|
export { CellTextboxLabel } from './components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js';
|
package/es/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
3
|
-
"version": "0.
|
3
|
+
"version": "0.113.0-canary.1310.10159980270.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "cjs/index.js",
|
6
6
|
"module": "es/index.js",
|
@@ -118,5 +118,5 @@
|
|
118
118
|
"react-popper": "2.3.0",
|
119
119
|
"storeon": "3.1.5"
|
120
120
|
},
|
121
|
-
"gitHead": "
|
121
|
+
"gitHead": "cdb6bb109695bd82a647fd71ed83fd1da6f7aebd"
|
122
122
|
}
|
@@ -0,0 +1,59 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
5
|
+
value: true
|
6
|
+
});
|
7
|
+
exports.breadcrumbsRoot = exports.breadcrumbsConfig = void 0;
|
8
|
+
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
|
+
var _utils = /*#__PURE__*/require("../../utils");
|
10
|
+
var _base = /*#__PURE__*/require("./variations/_size/base");
|
11
|
+
var _base2 = /*#__PURE__*/require("./variations/_view/base");
|
12
|
+
var _Breadcrumbs = /*#__PURE__*/require("./Breadcrumbs.styles");
|
13
|
+
var _utils2 = /*#__PURE__*/require("./utils");
|
14
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
15
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
16
|
+
var breadcrumbsRoot = exports.breadcrumbsRoot = function breadcrumbsRoot(Root) {
|
17
|
+
return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, outerRootRef) {
|
18
|
+
var view = _ref.view,
|
19
|
+
size = _ref.size,
|
20
|
+
separator = _ref.separator,
|
21
|
+
items = _ref.items,
|
22
|
+
_ref$showItems = _ref.showItems,
|
23
|
+
showItems = _ref$showItems === void 0 ? items.length : _ref$showItems,
|
24
|
+
className = _ref.className;
|
25
|
+
var renderSeparator = separator !== null && separator !== void 0 ? separator : /*#__PURE__*/_react["default"].createElement(_Breadcrumbs.Separator, {
|
26
|
+
color: "inherit",
|
27
|
+
size: (0, _utils2.convertIconSize)(size)
|
28
|
+
});
|
29
|
+
var renderItems = (0, _utils2.getRenderItems)(items, renderSeparator, showItems);
|
30
|
+
var itemsWithSeparator = (0, _utils2.addSeparator)(renderItems, renderSeparator);
|
31
|
+
return /*#__PURE__*/_react["default"].createElement(Root, {
|
32
|
+
ref: outerRootRef,
|
33
|
+
size: size,
|
34
|
+
view: view,
|
35
|
+
className: (0, _utils.cx)(className),
|
36
|
+
items: items
|
37
|
+
}, itemsWithSeparator.map(function (item) {
|
38
|
+
return item;
|
39
|
+
}));
|
40
|
+
});
|
41
|
+
};
|
42
|
+
var breadcrumbsConfig = exports.breadcrumbsConfig = {
|
43
|
+
name: 'Breadcrumbs',
|
44
|
+
tag: 'div',
|
45
|
+
layout: breadcrumbsRoot,
|
46
|
+
base: _Breadcrumbs.base,
|
47
|
+
variations: {
|
48
|
+
view: {
|
49
|
+
css: _base2.base
|
50
|
+
},
|
51
|
+
size: {
|
52
|
+
css: _base.base
|
53
|
+
}
|
54
|
+
},
|
55
|
+
defaults: {
|
56
|
+
view: 'default',
|
57
|
+
size: 'm'
|
58
|
+
}
|
59
|
+
};
|
@@ -0,0 +1,32 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
5
|
+
value: true
|
6
|
+
});
|
7
|
+
exports.base = exports.StyledLink = exports.Separator = void 0;
|
8
|
+
var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
|
9
|
+
var _Link = /*#__PURE__*/require("../Link");
|
10
|
+
var _engines = /*#__PURE__*/require("../../engines");
|
11
|
+
var _Icon = /*#__PURE__*/require("../_Icon");
|
12
|
+
var _mixins = /*#__PURE__*/require("../../mixins");
|
13
|
+
var _Breadcrumbs = /*#__PURE__*/require("./Breadcrumbs.tokens");
|
14
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
15
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
16
|
+
var mergedLinkConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Link.linkConfig);
|
17
|
+
var Link = /*#__PURE__*/(0, _engines.component)(mergedLinkConfig);
|
18
|
+
var StyledLink = exports.StyledLink = /*#__PURE__*/(0, _styledComponents["default"])(Link).withConfig({
|
19
|
+
componentId: "plasma-new-hope__sc-4bjoev-0"
|
20
|
+
})(["opacity:", ";", ""], function (_ref) {
|
21
|
+
var isHref = _ref.isHref;
|
22
|
+
return isHref ? 1 : "var(".concat(_Breadcrumbs.tokens.breadcrumbsOpacity, ")");
|
23
|
+
}, /*#__PURE__*/(0, _mixins.addFocus)({
|
24
|
+
outlineOffset: '0rem',
|
25
|
+
outlineSize: '0.125rem',
|
26
|
+
outlineRadius: '0rem',
|
27
|
+
outlineColor: /*#__PURE__*/"var(".concat(_Breadcrumbs.tokens.breadcrumbsFocusOutlineColor, ")")
|
28
|
+
}));
|
29
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:flex;flex-direction:row;align-items:center;gap:var(", ");color:var(", ");font-family:var(", ");font-size:var(", ");font-weight:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");"], _Breadcrumbs.tokens.breadcrumbsGap, _Breadcrumbs.tokens.breadcrumbsColor, _Breadcrumbs.tokens.breadcrumbsFontFamily, _Breadcrumbs.tokens.breadcrumbsFontSize, _Breadcrumbs.tokens.breadcrumbsFontWeight, _Breadcrumbs.tokens.breadcrumbsFontStyle, _Breadcrumbs.tokens.breadcrumbsLetterSpacing, _Breadcrumbs.tokens.breadcrumbsLineHeight);
|
30
|
+
var Separator = exports.Separator = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconDisclosureRight).withConfig({
|
31
|
+
componentId: "plasma-new-hope__sc-4bjoev-1"
|
32
|
+
})(["color:var(", ");opacity:var(", ");"], _Breadcrumbs.tokens.breadcrumbsColor, _Breadcrumbs.tokens.breadcrumbsOpacity);
|
@@ -0,0 +1,96 @@
|
|
1
|
+
---
|
2
|
+
id: breadcrumbs
|
3
|
+
title: Breadcrumbs
|
4
|
+
---
|
5
|
+
|
6
|
+
import { PropsTable, Description } from '@site/src/components';
|
7
|
+
|
8
|
+
# Breadcrumbs
|
9
|
+
<PropsTable name="Breadcrumbs" />
|
10
|
+
|
11
|
+
# Обычное использование
|
12
|
+
|
13
|
+
```tsx live
|
14
|
+
import React from 'react';
|
15
|
+
import { Breadcrumbs } from '@salutejs/plasma-web';
|
16
|
+
|
17
|
+
export function App() {
|
18
|
+
const items = [
|
19
|
+
{ title: 'Home', href: '/' },
|
20
|
+
{ title: 'About as', href: '/' },
|
21
|
+
{ renderItem: () => <span>Custom Item</span> },
|
22
|
+
{ title: 'Contacts' },
|
23
|
+
];
|
24
|
+
|
25
|
+
return (
|
26
|
+
<div>
|
27
|
+
<Breadcrumbs items={items} />
|
28
|
+
</div>
|
29
|
+
);
|
30
|
+
}
|
31
|
+
```
|
32
|
+
# Использование с shorter
|
33
|
+
```tsx live
|
34
|
+
import React from 'react';
|
35
|
+
import { Breadcrumbs } from '@salutejs/plasma-web';
|
36
|
+
|
37
|
+
export function App() {
|
38
|
+
const items = [
|
39
|
+
{ title: 'Home', href: '/' },
|
40
|
+
{ title: 'About as', href: '/' },
|
41
|
+
{ renderItem: () => <span>Custom Item</span> },
|
42
|
+
{ title: 'Contacts' },
|
43
|
+
];
|
44
|
+
|
45
|
+
return (
|
46
|
+
<div style={{"flexDirection": 'column'}}>
|
47
|
+
<div>
|
48
|
+
<Breadcrumbs items={items} showItems={2} />
|
49
|
+
</div>
|
50
|
+
<div>
|
51
|
+
<Breadcrumbs items={items} showItems={3} />
|
52
|
+
</div>
|
53
|
+
</div>
|
54
|
+
);
|
55
|
+
}
|
56
|
+
```
|
57
|
+
|
58
|
+
# Использование с кастомным элементом
|
59
|
+
```tsx live
|
60
|
+
import React from 'react';
|
61
|
+
import { Breadcrumbs, Dropdown } from '@salutejs/plasma-web';
|
62
|
+
|
63
|
+
export function App() {
|
64
|
+
const items = [
|
65
|
+
{ title: 'Home', href: '/' },
|
66
|
+
{ title: 'About as', href: '/' },
|
67
|
+
{
|
68
|
+
renderItem: () => {
|
69
|
+
const itemsDropdown = [
|
70
|
+
{
|
71
|
+
value: 'Custom Item 1',
|
72
|
+
label: 'Custom Item 1',
|
73
|
+
},
|
74
|
+
{
|
75
|
+
value: 'Custom Item 2',
|
76
|
+
label: 'Custom Item 2',
|
77
|
+
},
|
78
|
+
];
|
79
|
+
return (
|
80
|
+
<Dropdown variant="tight" placement="bottom" items={itemsDropdown} trigger="hover">
|
81
|
+
<span>...</span>
|
82
|
+
</Dropdown>
|
83
|
+
);
|
84
|
+
},
|
85
|
+
},
|
86
|
+
{ title: 'Contacts' },
|
87
|
+
];
|
88
|
+
|
89
|
+
|
90
|
+
return (
|
91
|
+
<div style={{height: '200px'}}>
|
92
|
+
<Breadcrumbs items={items} />
|
93
|
+
</div>
|
94
|
+
);
|
95
|
+
}
|
96
|
+
```
|
@@ -0,0 +1,21 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.tokens = exports.classes = void 0;
|
7
|
+
var classes = exports.classes = {
|
8
|
+
breadcrumbsRoot: 'breadcrumbs-root'
|
9
|
+
};
|
10
|
+
var tokens = exports.tokens = {
|
11
|
+
breadcrumbsGap: '--plasma-breadcrumbs-gap',
|
12
|
+
breadcrumbsOpacity: '--plasma-breadcrumbs-opacity',
|
13
|
+
breadcrumbsFocusOutlineColor: '--plasma-breadcrumbs-focus-outline-color',
|
14
|
+
breadcrumbsColor: '--plasma-breadcrumbs-color',
|
15
|
+
breadcrumbsFontFamily: '--plasma-breadcrumbs-font-family',
|
16
|
+
breadcrumbsFontSize: '--plasma-breadcrumbs-font-size',
|
17
|
+
breadcrumbsFontStyle: '--plasma-breadcrumbs-font-style',
|
18
|
+
breadcrumbsFontWeight: '--plasma-breadcrumbs-font-weight',
|
19
|
+
breadcrumbsLetterSpacing: '--plasma-breadcrumbs-letter-spacing',
|
20
|
+
breadcrumbsLineHeight: '--plasma-breadcrumbs-line-height'
|
21
|
+
};
|