@salutejs/plasma-new-hope 0.112.1-canary.1325.10159014222.0 → 0.113.0-canary.1310.10159980270.0

package/cjs/components/Breadcrumbs/Breadcrumbs.css

@@ -0,0 +1,13 @@
+.base_1vy4dme_bcchm3r__d3e4eaba{font-family:var(--plasma-link-font-family);color:var(--plasma-link-color);}.base_1vy4dme_bcchm3r__d3e4eaba::before{border-bottom:var(--plasma-link-underline-border) solid currentColor;}.base_1vy4dme_bcchm3r__d3e4eaba:hover{color:var(--plasma-link-color-hover,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:hover::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:active{color:var(--plasma-link-color-active,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:active::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited{color:var(--plasma-link-color-visited,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited:hover{color:var(--plasma-link-color-visited-hover,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited:hover::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited:active{color:var(--plasma-link-color-visited-active,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited:active::before{opacity:1;}
+
+.base_1w750p8_b1j3f4f__d44baab5[disabled]{opacity:var(--plasma-link-disabled-opacity);cursor:not-allowed;}.base_1w750p8_b1j3f4f__d44baab5[disabled]:hover,.base_1w750p8_b1j3f4f__d44baab5[disabled]:active{color:var(--plasma-link-color);}.base_1w750p8_b1j3f4f__d44baab5[disabled]::before{opacity:1;}
+
+.base_153fcja_b1iw8i40__3469524b:focus{outline:none;}.base_153fcja_b1iw8i40__3469524b:focus-visible::before{top:-0.0625rem;right:-0.0625rem;opacity:1;border-radius:0.375rem;box-shadow:0 0 0 0.0625rem var(--plasma-link-focus-color);border-bottom:none;}
+
+.Link_1oiwct5_b1j91s21__5667805d{position:relative;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:color 0.15s ease-in;transition:color 0.15s ease-in;}.Link_1oiwct5_b1j91s21__5667805d::before{content:'';position:absolute;inset:0;opacity:0.4;}
+
+.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);}
+
+.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);}
+.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);}
+.Breadcrumbs_styles_1troyzr_sajtslk__0db10aef{color:var(--plasma-breadcrumbs-color);opacity:var(--plasma-breadcrumbs-opacity);}

package/cjs/components/Breadcrumbs/Breadcrumbs.js

@@ -0,0 +1,59 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var index$1 = require('../../utils/index.js');
+var base$1 = require('./variations/_size/base.js');
+var base = require('./variations/_view/base.js');
+var Breadcrumbs_styles = require('./Breadcrumbs.styles.js');
+var index = require('./utils/index.js');
+
+var breadcrumbsRoot = function breadcrumbsRoot(Root) {
+  return /*#__PURE__*/React.forwardRef(function (_ref, outerRootRef) {
+    var view = _ref.view,
+      size = _ref.size,
+      separator = _ref.separator,
+      items = _ref.items,
+      _ref$showItems = _ref.showItems,
+      showItems = _ref$showItems === void 0 ? items.length : _ref$showItems,
+      className = _ref.className;
+    var renderSeparator = separator !== null && separator !== void 0 ? separator : /*#__PURE__*/React.createElement(Breadcrumbs_styles.Separator, {
+      color: "inherit",
+      size: index.convertIconSize(size)
+    });
+    var renderItems = index.getRenderItems(items, renderSeparator, showItems);
+    var itemsWithSeparator = index.addSeparator(renderItems, renderSeparator);
+    return /*#__PURE__*/React.createElement(Root, {
+      ref: outerRootRef,
+      size: size,
+      view: view,
+      className: index$1.cx(className),
+      items: items
+    }, itemsWithSeparator.map(function (item) {
+      return item;
+    }));
+  });
+};
+var breadcrumbsConfig = {
+  name: 'Breadcrumbs',
+  tag: 'div',
+  layout: breadcrumbsRoot,
+  base: Breadcrumbs_styles.base,
+  variations: {
+    view: {
+      css: base.base
+    },
+    size: {
+      css: base$1.base
+    }
+  },
+  defaults: {
+    view: 'default',
+    size: 'm'
+  }
+};
+
+exports.breadcrumbsConfig = breadcrumbsConfig;
+exports.breadcrumbsRoot = breadcrumbsRoot;
+//# sourceMappingURL=Breadcrumbs.js.map

package/cjs/components/Breadcrumbs/Breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { BreadcrumbsProps } from './Breadcrumbs.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base, Separator } from './Breadcrumbs.styles';\nimport { addSeparator, convertIconSize, getRenderItems } from './utils';\n\nexport const breadcrumbsRoot = (Root: RootProps<HTMLDivElement, BreadcrumbsProps>) =>\n    forwardRef<HTMLDivElement, BreadcrumbsProps>(\n        ({ view, size, separator, items, showItems = items.length, className }, outerRootRef) => {\n            const renderSeparator = separator ?? <Separator color=\"inherit\" size={convertIconSize(size)} />;\n            const renderItems: ReactNode[] = getRenderItems(items, renderSeparator, showItems);\n            const itemsWithSeparator = addSeparator(renderItems, renderSeparator);\n\n            return (\n                <Root ref={outerRootRef} size={size} view={view} className={cx(className)} items={items}>\n                    {itemsWithSeparator.map((item) => {\n                        return item;\n                    })}\n                </Root>\n            );\n        },\n    );\n\nexport const breadcrumbsConfig = {\n    name: 'Breadcrumbs',\n    tag: 'div',\n    layout: breadcrumbsRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["breadcrumbsRoot","Root","forwardRef","_ref","outerRootRef","view","size","separator","items","_ref$showItems","showItems","length","className","renderSeparator","React","createElement","Separator","color","convertIconSize","renderItems","getRenderItems","itemsWithSeparator","addSeparator","ref","cx","map","item","breadcrumbsConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;;;;IAWaA,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAAiD,EAAA;AAAA,EAAA,oBAC7EC,gBAAU,CACN,UAAAC,IAAA,EAAwEC,YAAY,EAAK;AAAA,IAAA,IAAtFC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;MAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS;MAAEC,KAAK,GAAAL,IAAA,CAALK,KAAK;MAAAC,cAAA,GAAAN,IAAA,CAAEO,SAAS;AAATA,MAAAA,SAAS,GAAAD,cAAA,KAAA,KAAA,CAAA,GAAGD,KAAK,CAACG,MAAM,GAAAF,cAAA;MAAEG,SAAS,GAAAT,IAAA,CAATS,SAAS,CAAA;AAChE,IAAA,IAAMC,eAAe,GAAGN,SAAS,KAAA,IAAA,IAATA,SAAS,KAAA,KAAA,CAAA,GAATA,SAAS,gBAAIO,KAAA,CAAAC,aAAA,CAACC,4BAAS,EAAA;AAACC,MAAAA,KAAK,EAAC,SAAS;MAACX,IAAI,EAAEY,qBAAe,CAACZ,IAAI,CAAA;AAAE,KAAE,CAAC,CAAA;IAC/F,IAAMa,WAAwB,GAAGC,oBAAc,CAACZ,KAAK,EAAEK,eAAe,EAAEH,SAAS,CAAC,CAAA;AAClF,IAAA,IAAMW,kBAAkB,GAAGC,kBAAY,CAACH,WAAW,EAAEN,eAAe,CAAC,CAAA;AAErE,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACd,IAAI,EAAA;AAACsB,MAAAA,GAAG,EAAEnB,YAAa;AAACE,MAAAA,IAAI,EAAEA,IAAK;AAACD,MAAAA,IAAI,EAAEA,IAAK;AAACO,MAAAA,SAAS,EAAEY,UAAE,CAACZ,SAAS,CAAE;AAACJ,MAAAA,KAAK,EAAEA,KAAAA;AAAM,KAAA,EACnFa,kBAAkB,CAACI,GAAG,CAAC,UAACC,IAAI,EAAK;AAC9B,MAAA,OAAOA,IAAI,CAAA;AACf,KAAC,CACC,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMC,iBAAiB,GAAG;AAC7BC,EAAAA,IAAI,EAAE,aAAa;AACnBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE9B,eAAe;AACvB+B,EAAAA,IAAI,EAAJA,uBAAI;AACJC,EAAAA,UAAU,EAAE;AACR3B,IAAAA,IAAI,EAAE;AACF4B,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACD5B,IAAAA,IAAI,EAAE;AACF2B,MAAAA,GAAG,EAAEE,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACN/B,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}

package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js

@@ -0,0 +1,46 @@
+import './Breadcrumbs.styles_1troyzr.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@linaria/react');
+var Link$1 = require('../Link/Link.js');
+require('@linaria/core');
+var common = require('../../engines/common.js');
+require('react');
+var IconDisclosureRight = require('../_Icon/Icons/IconDisclosureRight.js');
+var Breadcrumbs_tokens = require('./Breadcrumbs.tokens.js');
+
+var mergedLinkConfig = /*#__PURE__*/common.mergeConfig(Link$1.linkConfig);
+var Link = /*#__PURE__*/common.component(mergedLinkConfig);
+var _exp = function _exp() {
+  return Link;
+};
+var _exp2 = function _exp2() {
+  return function (_ref) {
+    var isHref = _ref.isHref;
+    return isHref ? 1 : "var(".concat(Breadcrumbs_tokens.tokens.breadcrumbsOpacity, ")");
+  };
+};
+var StyledLink = /*#__PURE__*/react.styled(_exp())({
+  name: "StyledLink",
+  "class": "shehk3i",
+  propsAsIs: true,
+  vars: {
+    "shehk3i-0": [/*#__PURE__*/_exp2()]
+  }
+});
+var base = "bkgt5xr";
+var _exp12 = function _exp12() {
+  return IconDisclosureRight.IconDisclosureRight;
+};
+var Separator = /*#__PURE__*/react.styled(_exp12())({
+  name: "Separator",
+  "class": "sajtslk",
+  propsAsIs: true
+});
+
+exports.Separator = Separator;
+exports.StyledLink = StyledLink;
+exports.base = base;
+//# sourceMappingURL=Breadcrumbs.styles.js.map

package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.styles.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { linkConfig } from '../Link';\nimport { component, mergeConfig } from '../../engines';\nimport { IconDisclosureRight } from '../_Icon';\nimport { addFocus } from '../../mixins';\n\nimport { tokens } from './Breadcrumbs.tokens';\n\nconst mergedLinkConfig = mergeConfig(linkConfig);\nconst Link = component(mergedLinkConfig);\n\nexport const StyledLink = styled(Link)<{ isHref: boolean }>`\n    opacity: ${({ isHref }) => (isHref ? 1 : `var(${tokens.breadcrumbsOpacity})`)};\n\n    ${addFocus({\n        outlineOffset: '0rem',\n        outlineSize: '0.125rem',\n        outlineRadius: '0rem',\n        outlineColor: `var(${tokens.breadcrumbsFocusOutlineColor})`,\n    })}\n`;\n\nexport const base = css`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(${tokens.breadcrumbsGap});\n\n    color: var(${tokens.breadcrumbsColor});\n    font-family: var(${tokens.breadcrumbsFontFamily});\n    font-size: var(${tokens.breadcrumbsFontSize});\n    font-weight: var(${tokens.breadcrumbsFontWeight});\n    font-style: var(${tokens.breadcrumbsFontStyle});\n    letter-spacing: var(${tokens.breadcrumbsLetterSpacing});\n    line-height: var(${tokens.breadcrumbsLineHeight});\n`;\n\nexport const Separator = styled(IconDisclosureRight)`\n    color: var(${tokens.breadcrumbsColor});\n    opacity: var(${tokens.breadcrumbsOpacity});\n`;\n"],"names":["mergedLinkConfig","mergeConfig","linkConfig","Link","component","_exp","_exp2","_ref","isHref","concat","tokens","breadcrumbsOpacity","StyledLink","styled","name","class","propsAsIs","vars","base","_exp12","IconDisclosureRight","Separator"],"mappings":";;;;;;;;;;;;AAUA,IAAMA,gBAAgB,gBAAGC,kBAAW,CAACC,iBAAU,CAAC,CAAA;AAChD,IAAMC,IAAI,gBAAGC,gBAAS,CAACJ,gBAAgB,CAAC,CAAA;AAAC,IAAAK,IAAA,GAVvBA,SAUuBA,IAAAA,GAAA;AAAA,EAAA,OAERF,IAAI,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAG,KAAA,GAZnBA,SAYmBA,KAAAA,GAAA;AAAA,EAAA,OACtB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAcA,MAAM,GAAG,CAAC,GAAA,MAAA,CAAAC,MAAA,CAAUC,yBAAM,CAACC,kBAAmB,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAD1E,IAAMC,UAAU,gBAAGC,YAAM,CAAAR,IAAA,EAAA,CAAA,CAAA;AAAAS,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACjBX,KAAkE,EAAA,CAAA;AAAA,GAAA;AAAA,CAQhF,EAAA;AAEM,IAAMY,IAAI,GAahB,UAAA;AAAC,IAAAC,MAAA,GApCgBA,SAoChBA,MAAAA,GAAA;AAAA,EAAA,OAE8BC,uCAAmB,CAAA;AAAA,CAAA,CAAA;AAA5C,IAAMC,SAAS,gBAAGR,YAAM,CAAAM,MAAA,EAAA,CAAA,CAAA;AAAAL,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAG9B;;;;;;"}

package/cjs/components/Breadcrumbs/Breadcrumbs.styles_1troyzr.css

@@ -0,0 +1,3 @@
+.shehk3i{opacity:var(--shehk3i-0);position:relative;}.shehk3i::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;}.shehk3i.focus-visible:focus::before,.shehk3i[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
+.bkgt5xr{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);}
+.sajtslk{color:var(--plasma-breadcrumbs-color);opacity:var(--plasma-breadcrumbs-opacity);}

package/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var classes = {
+  breadcrumbsRoot: 'breadcrumbs-root'
+};
+var tokens = {
+  breadcrumbsGap: '--plasma-breadcrumbs-gap',
+  breadcrumbsOpacity: '--plasma-breadcrumbs-opacity',
+  breadcrumbsFocusOutlineColor: '--plasma-breadcrumbs-focus-outline-color',
+  breadcrumbsColor: '--plasma-breadcrumbs-color',
+  breadcrumbsFontFamily: '--plasma-breadcrumbs-font-family',
+  breadcrumbsFontSize: '--plasma-breadcrumbs-font-size',
+  breadcrumbsFontStyle: '--plasma-breadcrumbs-font-style',
+  breadcrumbsFontWeight: '--plasma-breadcrumbs-font-weight',
+  breadcrumbsLetterSpacing: '--plasma-breadcrumbs-letter-spacing',
+  breadcrumbsLineHeight: '--plasma-breadcrumbs-line-height'
+};
+
+exports.classes = classes;
+exports.tokens = tokens;
+//# sourceMappingURL=Breadcrumbs.tokens.js.map

package/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js.map

@@ -0,0 +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;;;;;"}

package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var index = require('../../utils/index.js');
+var BreadcrumbShorter_styles = require('./BreadcrumbShorter.styles.js');
+
+var BreadcrumbShorter = function BreadcrumbShorter(_ref) {
+  var children = _ref.children,
+    separator = _ref.separator;
+  var _useState = React.useState(false),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    openShorter = _useState2[0],
+    setOpenShorter = _useState2[1];
+  var renderItems = index.addSeparator(children, separator);
+  var onKeyPress = function onKeyPress(event) {
+    event.persist();
+    if (event.keyCode === 13) {
+      setOpenShorter(true);
+    }
+  };
+  return /*#__PURE__*/React.createElement(BreadcrumbShorter_styles.StyledRoot, null, !openShorter && /*#__PURE__*/React.createElement(BreadcrumbShorter_styles.StyledShorter, {
+    tabIndex: 0,
+    onClick: function onClick() {
+      return setOpenShorter(true);
+    },
+    onKeyDown: onKeyPress
+  }, "..."), openShorter && /*#__PURE__*/React.createElement(BreadcrumbShorter_styles.StyledHidden, null, renderItems.map(function (item) {
+    return item;
+  })));
+};
+
+exports.BreadcrumbShorter = BreadcrumbShorter;
+//# sourceMappingURL=BreadcrumbShorter.js.map

package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js.map

@@ -0,0 +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,cAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,uCAAA,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,kBAAY,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,mCAAU,EAAA,IAAA,EACN,CAACV,WAAW,iBACTQ,KAAA,CAAAC,aAAA,CAACE,sCAAa,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,qCAAY,QACRb,WAAW,CAACc,GAAG,CAAC,UAACC,IAAI,EAAK;AACvB,IAAA,OAAOA,IAAI,CAAA;GACd,CACS,CAEV,CAAC,CAAA;AAErB;;;;"}

package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('styled-components');
+var addFocus = require('../../../../mixins/addFocus.js');
+var Breadcrumbs_tokens = require('../../Breadcrumbs.tokens.js');
+
+var StyledRoot = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-1ufgggn-0"
+})([""]);
+var StyledShorter = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-1ufgggn-1"
+})(["cursor:pointer;", ""], /*#__PURE__*/addFocus.addFocus({
+  outlineOffset: '0.125rem',
+  outlineSize: '0.125rem',
+  outlineRadius: '0',
+  outlineColor: /*#__PURE__*/"var(".concat(Breadcrumbs_tokens.tokens.breadcrumbsFocusOutlineColor, ")")
+}));
+var StyledHidden = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-1ufgggn-2"
+})(["display:flex;align-items:center;gap:var(", ");"], Breadcrumbs_tokens.tokens.breadcrumbsGap);
+
+exports.StyledHidden = StyledHidden;
+exports.StyledRoot = StyledRoot;
+exports.StyledShorter = StyledShorter;
+//# sourceMappingURL=BreadcrumbShorter.styles.js.map

package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js.map

@@ -0,0 +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,iBAAQ,CAAC;AACPC,EAAAA,aAAa,EAAE,UAAU;AACzBC,EAAAA,WAAW,EAAE,UAAU;AACvBC,EAAAA,aAAa,EAAE,GAAG;AAClBC,EAAAA,YAAY,eAAAC,MAAAA,CAAAA,MAAA,CAASC,yBAAM,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,yBAAM,CAACG,cAAc;;;;;;"}

package/cjs/components/Breadcrumbs/utils/index.js

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var BreadcrumbShorter = require('../ui/BreadcrumbShorter/BreadcrumbShorter.js');
+var Breadcrumbs_styles = require('../Breadcrumbs.styles.js');
+
+var shortItems = function shortItems(items, renderSeparator, showItems) {
+  if (!showItems || showItems < 2 || items.length <= showItems) {
+    return items;
+  }
+  var leftSlice = Math.floor(showItems / 2);
+  var rightSlice = items.length - leftSlice - showItems % 2;
+  var renderItems = items.slice(leftSlice, rightSlice);
+  var shorter = /*#__PURE__*/React.createElement(BreadcrumbShorter.BreadcrumbShorter, {
+    separator: renderSeparator
+  }, renderItems);
+  items.splice(leftSlice, rightSlice - leftSlice, shorter);
+  return items;
+};
+var convertIconSize = function convertIconSize(size) {
+  switch (size) {
+    case 's':
+    case 'xs':
+      return 'xs';
+    default:
+      return 's';
+  }
+};
+var getRenderItems = function getRenderItems(items, renderSeparator, showItems) {
+  return shortItems(items.map(function (item) {
+    if ('renderItem' in item) {
+      return item.renderItem();
+    }
+    return /*#__PURE__*/React.createElement(Breadcrumbs_styles.StyledLink, {
+      tabIndex: 0,
+      href: item.href,
+      isHref: !!item.href
+    }, item.title);
+  }), renderSeparator, showItems);
+};
+var addSeparator = function addSeparator(items, renderSeparator) {
+  return items.flatMap(function (item, idx) {
+    return idx < items.length - 1 ? [item, renderSeparator] : [item];
+  });
+};
+
+exports.addSeparator = addSeparator;
+exports.convertIconSize = convertIconSize;
+exports.getRenderItems = getRenderItems;
+exports.shortItems = shortItems;
+//# sourceMappingURL=index.js.map

package/cjs/components/Breadcrumbs/utils/index.js.map

@@ -0,0 +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,mCAAiB,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,6BAAU,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;;;;;;;"}

package/cjs/components/Breadcrumbs/variations/_size/base.js

@@ -0,0 +1,9 @@
+import './base_x642ct.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var base = "b1js38v0";
+
+exports.base = base;
+//# sourceMappingURL=base.js.map

package/cjs/components/Breadcrumbs/variations/_size/base.js.map

@@ -0,0 +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;;;;"}

package/cjs/components/Breadcrumbs/variations/_size/base_x642ct.css

@@ -0,0 +1 @@
+

package/cjs/components/Breadcrumbs/variations/_view/base.js

@@ -0,0 +1,9 @@
+import './base_x642ct.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var base = "b1m0s7h0";
+
+exports.base = base;
+//# sourceMappingURL=base.js.map

package/cjs/components/Breadcrumbs/variations/_view/base.js.map

@@ -0,0 +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;;;;"}

package/cjs/components/Breadcrumbs/variations/_view/base_x642ct.css

@@ -0,0 +1 @@
+

package/cjs/components/Modal/hooks/useModal.js

@@ -14,12 +14,14 @@ require('@linaria/react');
 var ESCAPE_KEYCODE = 27;
 var useModal = function useModal(_ref) {
   var id = _ref.id,
+    isOpen = _ref.isOpen,
     popupInfo = _ref.popupInfo,
     onEscKeyDown = _ref.onEscKeyDown,
     onClose = _ref.onClose,
     _ref$closeOnEsc = _ref.closeOnEsc,
     closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc;
   var popupController = PopupContext.usePopupContext();
+  var overflow = React.useRef(document.body.style.overflowY);
 
   // При ESC закрывает текущее окно, если это возможно
   var onKeyDown = React.useCallback(function (event) {
@@ -42,6 +44,19 @@ var useModal = function useModal(_ref) {
       window.removeEventListener('keydown', onKeyDown);
     };
   }, [onClose, onEscKeyDown, popupController.items, closeOnEsc]);
+
+  // linaria не поддерживает динамический global
+  React.useEffect(function () {
+    if (isOpen) {
+      overflow.current = document.body.style.overflowY;
+      document.body.style.overflowY = 'hidden';
+    }
+  }, [isOpen]);
+  React.useEffect(function () {
+    if (!isOpen && !ModalContext.hasModals(popupController.items)) {
+      document.body.style.overflowY = overflow.current;
+    }
+  }, [isOpen, overflow.current, popupController.items]);
   var modalInfo = _rollupPluginBabelHelpers.objectSpread2({
     id: id,
     info: {

package/cjs/components/Modal/hooks/useModal.js.map

@@ -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,EAAmF;AAAA,EAAA,IAA7EC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAEC,YAAY,GAAAH,IAAA,CAAZG,YAAY;IAAEC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IAAAC,eAAA,GAAAL,IAAA,CAAEM,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,eAAA,CAAA;AAC9E,EAAA,IAAME,eAAe,GAAGC,4BAAe,EAAE,CAAA;;AAEzC;AACA,EAAA,IAAMC,SAAS,GAAGC,iBAAW,CACzB,UAACC,KAAoB,EAAK;IACtB,IAAI,CAACL,UAAU,EAAE;AACb,MAAA,OAAA;AACJ,KAAA;AACA,IAAA,IAAIK,KAAK,CAACC,OAAO,KAAKd,cAAc,IAAIe,2BAAc,CAACN,eAAe,CAACO,KAAK,CAAC,KAAKb,EAAE,EAAE;AAClF,MAAA,IAAIE,YAAY,EAAE;QACdA,YAAY,CAACQ,KAAK,CAAC,CAAA;AACnB,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAIP,OAAO,EAAE;AACTA,QAAAA,OAAO,EAAE,CAAA;AACb,OAAA;AACJ,KAAA;AACJ,GAAC,EACD,CAACA,OAAO,EAAED,YAAY,EAAEI,eAAe,CAACO,KAAK,EAAER,UAAU,CAC7D,CAAC,CAAA;AAEDS,EAAAA,eAAS,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,CAACL,OAAO,EAAED,YAAY,EAAEI,eAAe,CAACO,KAAK,EAAER,UAAU,CAAC,CAAC,CAAA;EAE9D,IAAMa,SAAoB,GAAAC,uCAAA,CAAA;AACtBnB,IAAAA,EAAE,EAAFA,EAAE;AACFoB,IAAAA,IAAI,EAAE;AACFC,MAAAA,OAAO,EAAE,IAAA;AACb,KAAA;AAAC,GAAA,EACEpB,SAAS,CACf,CAAA;EAED,OAAO;AAAEiB,IAAAA,SAAS,EAATA,SAAAA;GAAW,CAAA;AACxB;;;;"}
+{"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,4BAAe,EAAE,CAAA;EACzC,IAAMC,QAAQ,GAAGC,YAAM,CAASC,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,SAAS,CAAC,CAAA;;AAE9D;AACA,EAAA,IAAMC,SAAS,GAAGC,iBAAW,CACzB,UAACC,KAAoB,EAAK;IACtB,IAAI,CAACX,UAAU,EAAE;AACb,MAAA,OAAA;AACJ,KAAA;AACA,IAAA,IAAIW,KAAK,CAACC,OAAO,KAAKrB,cAAc,IAAIsB,2BAAc,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,eAAS,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,eAAS,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,eAAS,CAAC,YAAM;IACZ,IAAI,CAACpB,MAAM,IAAI,CAACyB,sBAAS,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,uCAAA,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;;;;"}

package/cjs/components/Popup/PopupContext.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var ModalContext = require('../Modal/ModalContext.js');
 
 var POPUP_PORTAL_ID = 'plasma-popup-root';
 var items = [];
@@ -22,36 +21,22 @@ var usePopupContext = function usePopupContext() {
 };
 var PopupProvider = function PopupProvider(_ref) {
   var children = _ref.children;
-  var prevBodyOverflowY = React.useRef(document.body.style.overflowY);
   var _useState = React.useState([]),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     items = _useState2[0],
     setItems = _useState2[1];
   var register = function register(info) {
-    setItems(function (prevItems) {
-      var _info$info;
-      if ((_info$info = info.info) !== null && _info$info !== void 0 && _info$info.isModal && !ModalContext.hasModals(prevItems)) {
-        prevBodyOverflowY.current = document.body.style.overflowY;
-        document.body.style.overflowY = 'hidden';
-      }
-      return [].concat(_rollupPluginBabelHelpers.toConsumableArray(prevItems), [info]);
-    });
+    setItems([].concat(_rollupPluginBabelHelpers.toConsumableArray(items), [info]));
   };
   var unregister = function unregister(id) {
-    setItems(function (prevItems) {
-      var index = prevItems.findIndex(function (item) {
-        return id === item.id;
-      });
-      if (index === -1) {
-        return prevItems;
-      }
-      var prevHasModals = ModalContext.hasModals(prevItems);
-      prevItems.splice(index, 1);
-      if (prevHasModals && !ModalContext.hasModals(prevItems)) {
-        document.body.style.overflowY = prevBodyOverflowY.current;
-      }
-      return _rollupPluginBabelHelpers.toConsumableArray(prevItems);
+    var index = items.findIndex(function (item) {
+      return id === item.id;
     });
+    if (index === -1) {
+      return;
+    }
+    items.splice(index, 1);
+    setItems(_rollupPluginBabelHelpers.toConsumableArray(items));
   };
   var context = {
     items: items,

package/cjs/components/Popup/PopupContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopupContext.js","sources":["../../../src/components/Popup/PopupContext.tsx"],"sourcesContent":["import React, { createContext, useEffect, useState, useContext, FC, PropsWithChildren, useRef } from 'react';\n\nimport { hasModals } from '../Modal/ModalContext';\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 prevBodyOverflowY = useRef(document.body.style.overflowY);\n    const [items, setItems] = useState<PopupInfo[]>([]);\n\n    const register = (info: PopupInfo) => {\n        setItems((prevItems) => {\n            if (info.info?.isModal && !hasModals(prevItems)) {\n                prevBodyOverflowY.current = document.body.style.overflowY;\n                document.body.style.overflowY = 'hidden';\n            }\n\n            return [...prevItems, info];\n        });\n    };\n\n    const unregister = (id: string) => {\n        setItems((prevItems) => {\n            const index = prevItems.findIndex((item: PopupInfo) => id === item.id);\n\n            if (index === -1) {\n                return prevItems;\n            }\n\n            const prevHasModals = hasModals(prevItems);\n            prevItems.splice(index, 1);\n\n            if (prevHasModals && !hasModals(prevItems)) {\n                document.body.style.overflowY = prevBodyOverflowY.current;\n            }\n\n            return [...prevItems];\n        });\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","prevBodyOverflowY","useRef","document","body","style","overflowY","_useState","useState","_useState2","_slicedToArray","setItems","info","prevItems","_info$info","isModal","hasModals","current","concat","_toConsumableArray","id","index","findIndex","item","prevHasModals","splice","context","useEffect","portal","createElement","contains","removeChild","React","Provider","value"],"mappings":"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"}
+{"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,mBAAa,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,gBAAU,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,cAAQ,CAAc,EAAE,CAAC;IAAAC,UAAA,GAAAC,uCAAA,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,2CAAA,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,2CAAA,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,eAAS,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;;;;;;"}

package/cjs/components/Popup/hooks/usePopup.js

@@ -69,11 +69,6 @@ var usePopup = function usePopup(_ref) {
     popupController.unregister(id);
     setVisible(false);
   }, [isOpen, isVisible, animationInfo]);
-  React.useEffect(function () {
-    return function () {
-      popupController.unregister(id);
-    };
-  }, [id]);
   return {
     isVisible: isVisible,
     setVisible: setVisible,

package/cjs/components/Popup/hooks/usePopup.js.map

@@ -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    useEffect(() => {\n        return () => {\n            popupController.unregister(id);\n        };\n    }, [id]);\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":"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"}
+{"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":"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"}

package/cjs/index.css

@@ -33,6 +33,10 @@
 
 .ButtonGroup_styles_92nbdg_b181uun8__0ffde6c1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
 
+.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);}
+.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);}
+.Breadcrumbs_styles_1troyzr_sajtslk__0db10aef{color:var(--plasma-breadcrumbs-color);opacity:var(--plasma-breadcrumbs-opacity);}
+
 .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);}
 
 .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/cjs/index.js

@@ -27,6 +27,8 @@ var IconButton = require('./components/IconButton/IconButton.js');
 var IconButton_tokens = require('./components/IconButton/IconButton.tokens.js');
 var ButtonGroup = require('./components/ButtonGroup/ButtonGroup.js');
 var ButtonGroup_tokens = require('./components/ButtonGroup/ButtonGroup.tokens.js');
+var Breadcrumbs = require('./components/Breadcrumbs/Breadcrumbs.js');
+var Breadcrumbs_tokens = require('./components/Breadcrumbs/Breadcrumbs.tokens.js');
 var Chip = require('./components/Chip/Chip.js');
 var Chip_tokens = require('./components/Chip/Chip.tokens.js');
 var CellTextboxLabel = require('./components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js');
@@ -292,6 +294,10 @@ exports.buttonGroupConfig = ButtonGroup.buttonGroupConfig;
 exports.buttonGroupRoot = ButtonGroup.buttonGroupRoot;
 exports.buttonGroupClasses = ButtonGroup_tokens.classes;
 exports.buttonGroupTokens = ButtonGroup_tokens.tokens;
+exports.breadcrumbsConfig = Breadcrumbs.breadcrumbsConfig;
+exports.breadcrumbsRoot = Breadcrumbs.breadcrumbsRoot;
+exports.breadcrumbsClasses = Breadcrumbs_tokens.classes;
+exports.breadcrumbsTokens = Breadcrumbs_tokens.tokens;
 exports.chipConfig = Chip.chipConfig;
 exports.chipRoot = Chip.chipRoot;
 exports.chipTokens = Chip_tokens.tokens;

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}