@salutejs/plasma-new-hope 0.335.0-canary.2199.17384366399.0 → 0.335.0-canary.2203.17432366342.0

package/es/components/NavigationDrawer/ui/MenuItem/MenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.js","sources":["../../../../../src/components/NavigationDrawer/ui/MenuItem/MenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport { MenuItemProps } from 'src/components/NavigationDrawer/ui/MenuItem/MenuItem.types';\nimport cls from 'classnames';\nimport {\n    ExtraCounter,\n    IconWrapper,\n    Icon,\n    StyledIndicator,\n    RightContentWrapper,\n    ContentLeftWrapper,\n    Label,\n} from 'src/components/NavigationDrawer/ui/MenuItem/MenuItem.styles';\nimport { classes } from 'src/components/NavigationDrawer/NavigationDrawer.tokens';\nimport { Link } from 'src/examples/components/Link/Link';\n\nexport const MenuItem: React.FC<MenuItemProps> = (props) => {\n    const {\n        onClick,\n        href,\n        target,\n        disabled,\n        selected,\n        icon,\n        contentLeft,\n        withContentLeft,\n        label,\n        isOpen,\n        hasIndicator,\n        counter,\n    } = props;\n\n    const onMenuClick = typeof onClick === 'function' && !disabled ? onClick : undefined;\n\n    const hasCustomContentLeft = contentLeft && withContentLeft;\n\n    const menuClasses = cls(\n        classes.navigationDrawerMenuItem,\n        selected && classes.navigationDrawerMenuItemSelected,\n        disabled && classes.navigationDrawerMenuItemDisabled,\n        hasCustomContentLeft && classes.navigationDrawerMenuItemContentLeft,\n        !withContentLeft && classes.navigationDrawerMenuItemWithoutContentLeft,\n    );\n\n    const indicators = (\n        <>\n            {hasIndicator && (\n                <StyledIndicator className={cls(withContentLeft && classes.navigationDrawerMenuIndicator)} />\n            )}\n            {counter !== undefined && (\n                <ExtraCounter className={cls(withContentLeft && classes.navigationDrawerMenuCounter)} count={counter} />\n            )}\n        </>\n    );\n\n    const contentLeftItem = contentLeft ? (\n        <ContentLeftWrapper>\n            {contentLeft}\n            {indicators}\n        </ContentLeftWrapper>\n    ) : null;\n\n    const iconItem = icon ? (\n        <IconWrapper>\n            <Icon>{icon}</Icon>\n            {indicators}\n        </IconWrapper>\n    ) : null;\n\n    const menuItemContent = withContentLeft ? (\n        <>\n            {contentLeft && contentLeftItem}\n            {icon && iconItem}\n            {isOpen && <Label>{label}</Label>}\n        </>\n    ) : (\n        <>\n            <Label>{label}</Label>\n            <RightContentWrapper>{indicators}</RightContentWrapper>\n        </>\n    );\n\n    return typeof onClick === 'function' ? (\n        <div className={menuClasses} onClick={onMenuClick}>\n            {menuItemContent}\n        </div>\n    ) : (\n        <Link\n            className={cls(classes.navigationDrawerMenuLink, menuClasses)}\n            href={href}\n            rel=\"noopener noreferrer\"\n            target={target}\n        >\n            {menuItemContent}\n        </Link>\n    );\n};\n"],"names":["MenuItem","props","onClick","href","target","disabled","selected","icon","contentLeft","withContentLeft","label","isOpen","hasIndicator","counter","onMenuClick","undefined","hasCustomContentLeft","menuClasses","cls","classes","navigationDrawerMenuItem","navigationDrawerMenuItemSelected","navigationDrawerMenuItemDisabled","navigationDrawerMenuItemContentLeft","navigationDrawerMenuItemWithoutContentLeft","indicators","React","createElement","Fragment","StyledIndicator","className","navigationDrawerMenuIndicator","ExtraCounter","navigationDrawerMenuCounter","count","contentLeftItem","ContentLeftWrapper","iconItem","IconWrapper","Icon","menuItemContent","Label","RightContentWrapper","Link","navigationDrawerMenuLink","rel"],"mappings":"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"}

package/es/components/NavigationDrawer/ui/MenuItem/MenuItem.styles.js

@@ -0,0 +1,54 @@
+import './MenuItem.styles_1jc86lh.css';
+import { styled } from '@linaria/react';
+import { component, mergeConfig } from '../../../../engines/common.js';
+import { counterConfig } from '../../../Counter/Counter.js';
+import { indicatorConfig } from '../../../Indicator/Indicator.js';
+
+var mergedCounterConfig = /*#__PURE__*/mergeConfig(counterConfig);
+var Counter = /*#__PURE__*/component(mergedCounterConfig);
+var indicatorMergedConfig = /*#__PURE__*/mergeConfig(indicatorConfig);
+var Indicator = /*#__PURE__*/component(indicatorMergedConfig);
+var _exp = function _exp() {
+  return Counter;
+};
+var ExtraCounter = /*#__PURE__*/styled(_exp())({
+  name: "ExtraCounter",
+  "class": "e1gh4xi",
+  propsAsIs: true
+});
+var _exp24 = function _exp24() {
+  return Indicator;
+};
+var StyledIndicator = /*#__PURE__*/styled(_exp24())({
+  name: "StyledIndicator",
+  "class": "stvv1dr",
+  propsAsIs: true
+});
+var IconWrapper = /*#__PURE__*/styled('div')({
+  name: "IconWrapper",
+  "class": "i1dhk4c",
+  propsAsIs: false
+});
+var Icon = /*#__PURE__*/styled('div')({
+  name: "Icon",
+  "class": "i7xwwzp",
+  propsAsIs: false
+});
+var ContentLeftWrapper = /*#__PURE__*/styled('div')({
+  name: "ContentLeftWrapper",
+  "class": "cc26hzf",
+  propsAsIs: false
+});
+var RightContentWrapper = /*#__PURE__*/styled('div')({
+  name: "RightContentWrapper",
+  "class": "ry1cfbm",
+  propsAsIs: false
+});
+var Label = /*#__PURE__*/styled('span')({
+  name: "Label",
+  "class": "l14iipd",
+  propsAsIs: false
+});
+
+export { ContentLeftWrapper, ExtraCounter, Icon, IconWrapper, Label, RightContentWrapper, StyledIndicator };
+//# sourceMappingURL=MenuItem.styles.js.map

package/es/components/NavigationDrawer/ui/MenuItem/MenuItem.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.styles.js","sources":["../../../../../src/components/NavigationDrawer/ui/MenuItem/MenuItem.styles.ts"],"sourcesContent":["import { counterConfig, counterTokens } from 'src/components/Counter';\nimport { styled } from '@linaria/react';\nimport { component, mergeConfig } from 'src/engines';\nimport { indicatorTokens, indicatorConfig } from 'src/components/Indicator';\nimport { applyEllipsis } from 'src/mixins';\n\nimport { tokens } from '../../NavigationDrawer.tokens';\n\nconst mergedCounterConfig = mergeConfig(counterConfig);\nconst Counter = component(mergedCounterConfig);\n\nconst indicatorMergedConfig = mergeConfig(indicatorConfig);\nconst Indicator: React.FunctionComponent<React.HTMLAttributes<HTMLDivElement>> = component(\n    indicatorMergedConfig,\n) as never;\n\nexport const ExtraCounter = styled(Counter)`\n    margin: auto;\n\n    ${counterTokens.background}: var(${tokens.counterBackground});\n    ${counterTokens.color}: var(${tokens.counterColor});\n    ${counterTokens.borderRadius}: var(${tokens.counterBorderRadius});\n    ${counterTokens.height}: var(${tokens.counterHeight});\n    ${counterTokens.padding}: var(${tokens.counterPadding});\n    ${counterTokens.fontFamily}: var(${tokens.counterFontFamily});\n    ${counterTokens.fontSize}: var(${tokens.counterFontSize});\n    ${counterTokens.fontStyle}: var(${tokens.counterFontStyle});\n    ${counterTokens.fontWeight}: var(${tokens.counterFontWeight});\n    ${counterTokens.letterSpacing}: var(${tokens.counterLetterSpacing});\n    ${counterTokens.lineHeight}: var(${tokens.counterLineHeight});\n`;\n\nexport const StyledIndicator = styled(Indicator)`\n    margin: auto;\n\n    ${indicatorTokens.size}: var(${tokens.menuItemIndicatorSize});\n    ${indicatorTokens.color}: var(${tokens.menuItemIndicatorColor});\n`;\n\nexport const IconWrapper = styled.div`\n    position: relative;\n    width: var(${tokens.iconContainerSize});\n    height: var(${tokens.iconContainerSize});\n`;\n\nexport const Icon = styled.div`\n    margin: var(${tokens.iconMargin});\n    div {\n        width: var(${tokens.iconSize});\n        height: var(${tokens.iconSize});\n    }\n`;\n\nexport const ContentLeftWrapper = styled.div`\n    position: relative;\n    width: var(${tokens.menuItemContentLeftSize});\n    height: var(${tokens.menuItemContentLeftSize});\n`;\n\nexport const RightContentWrapper = styled.div`\n    position: relative;\n    height: var(${tokens.iconContainerSize});\n    display: flex;\n`;\n\nexport const Label = styled.span`\n    ${applyEllipsis()};\n`;\n"],"names":["mergedCounterConfig","mergeConfig","counterConfig","Counter","component","indicatorMergedConfig","indicatorConfig","Indicator","_exp","ExtraCounter","styled","name","class","propsAsIs","_exp24","StyledIndicator","IconWrapper","Icon","ContentLeftWrapper","RightContentWrapper","Label"],"mappings":";;;;;AAQA,IAAMA,mBAAmB,gBAAGC,WAAW,CAACC,aAAa,CAAC,CAAA;AACtD,IAAMC,OAAO,gBAAGC,SAAS,CAACJ,mBAAmB,CAAC,CAAA;AAE9C,IAAMK,qBAAqB,gBAAGJ,WAAW,CAACK,eAAe,CAAC,CAAA;AAC1D,IAAMC,SAAwE,gBAAGH,SAAS,CACtFC,qBACJ,CAAU,CAAA;AAAC,IAAAG,IAAA,GAbOA,SAaPA,IAAAA,GAAA;AAAA,EAAA,OAEwBL,OAAO,CAAA;AAAA,CAAA,CAAA;AAAnC,IAAMM,YAAY,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAcjC,EAAA;AAAC,IAAAC,MAAA,GA7BgBA,SA6BhBA,MAAAA,GAAA;AAAA,EAAA,OAEoCP,SAAS,CAAA;AAAA,CAAA,CAAA;AAAxC,IAAMQ,eAAe,gBAAGL,MAAM,CAAAI,MAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAKpC,EAAA;AAEM,IAAMG,WAAW,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIhC,EAAA;AAEM,IAAMI,IAAI,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,MAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMzB,EAAA;AAEM,IAAMK,kBAAkB,gBAAGR,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIvC,EAAA;AAEM,IAAMM,mBAAmB,gBAAGT,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,qBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIxC,EAAA;AAEM,IAAMO,KAAK,gBAAGV,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE1B;;;;"}

package/es/components/NavigationDrawer/ui/MenuItem/MenuItem.styles_1jc86lh.css

@@ -0,0 +1,7 @@
+.e1gh4xi{margin:auto;--plasma-counter-background:var(--plasma-navigation-drawer-avatar-extra-counter-background);--plasma-counter-color:var(--plasma-navigation-drawer-avatar-extra-counter-color);--plasma-counter-border-radius:var(--plasma-navigation-drawer-avatar-extra-counter-border-radius);--plasma-counter-height:var(--plasma-navigation-drawer-avatar-extra-counter-height);--plasma-counter-padding:var(--plasma-navigation-drawer-avatar-extra-counter-padding);--plasma-counter-font-family:var(--plasma-navigation-drawer-avatar-extra-counter-font-family);--plasma-counter-font-size:var(--plasma-navigation-drawer-avatar-extra-counter-font-size);--plasma-counter-font-style:var(--plasma-navigation-drawer-avatar-extra-counter-font-style);--plasma-counter-font-weight:var(--plasma-navigation-drawer-avatar-extra-counter-font-weight);--plasma-counter-letter-spacing:var(--plasma-navigation-drawer-avatar-extra-counter-letter-spacing);--plasma-counter-lineheight:var(--plasma-navigation-drawer-avatar-extra-counter-lineheight);}
+.stvv1dr{margin:auto;--plasma-indicator-size:var(--plasma-navigation-drawer-menu-item-indicator-size);--plasma-indicator-color:var(--plasma-navigation-drawer-menu-item-indicator-color);}
+.i1dhk4c{position:relative;width:var(--plasma-navigation-drawer-icon-container-size);height:var(--plasma-navigation-drawer-icon-container-size);}
+.i7xwwzp{margin:var(--plasma-navigation-drawer-icon-margin);}.i7xwwzp div{width:var(--plasma-navigation-drawer-icon-size);height:var(--plasma-navigation-drawer-icon-size);}
+.cc26hzf{position:relative;width:var(--plasma-navigation-drawer-menu-item-content-left-size);height:var(--plasma-navigation-drawer-menu-item-content-left-size);}
+.ry1cfbm{position:relative;height:var(--plasma-navigation-drawer-icon-container-size);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.l14iipd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

package/es/components/NavigationDrawer/ui/Section/Section.css

@@ -0,0 +1,48 @@
+.base_1vjakah_b15waymg__f123ad8a{color:var(--plasma-counter-color);background-color:var(--plasma-counter-background);}
+
+.base_mpen2h_b1t6e429__c433f416{font-family:var(--plasma-counter-font-family);font-size:var(--plasma-counter-font-size);font-style:var(--plasma-counter-font-style);font-weight:var(--plasma-counter-font-weight);-webkit-letter-spacing:var(--plasma-counter-letter-spacing);-moz-letter-spacing:var(--plasma-counter-letter-spacing);-ms-letter-spacing:var(--plasma-counter-letter-spacing);letter-spacing:var(--plasma-counter-letter-spacing);line-height:var(--plasma-counter-lineheight);border-radius:var(--plasma-counter-border-radius);height:var(--plasma-counter-height);padding:var(--plasma-counter-padding);}.base_mpen2h_b1t6e429__c433f416.base_mpen2h__PlasmaCounterRound__c433f416{width:var(--plasma-counter-height);}
+
+.Counter_styles_1uue90v_b1dqw7l5__00d0b847{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;}
+
+.Indicator_styles_v8giip_b5hgwnm__ffd4472f{border-radius:100%;}
+
+.base_1rjb5ly_bu942ai__5ed616c0{background-color:var(--plasma-indicator-color);}
+
+.base_7436cm_b17chi2r__254eb615{height:var(--plasma-indicator-size);width:var(--plasma-indicator-size);}
+
+.MenuItem_styles_1jc86lh_e1gh4xi__47602df6{margin:auto;--plasma-counter-background:var(--plasma-navigation-drawer-avatar-extra-counter-background);--plasma-counter-color:var(--plasma-navigation-drawer-avatar-extra-counter-color);--plasma-counter-border-radius:var(--plasma-navigation-drawer-avatar-extra-counter-border-radius);--plasma-counter-height:var(--plasma-navigation-drawer-avatar-extra-counter-height);--plasma-counter-padding:var(--plasma-navigation-drawer-avatar-extra-counter-padding);--plasma-counter-font-family:var(--plasma-navigation-drawer-avatar-extra-counter-font-family);--plasma-counter-font-size:var(--plasma-navigation-drawer-avatar-extra-counter-font-size);--plasma-counter-font-style:var(--plasma-navigation-drawer-avatar-extra-counter-font-style);--plasma-counter-font-weight:var(--plasma-navigation-drawer-avatar-extra-counter-font-weight);--plasma-counter-letter-spacing:var(--plasma-navigation-drawer-avatar-extra-counter-letter-spacing);--plasma-counter-lineheight:var(--plasma-navigation-drawer-avatar-extra-counter-lineheight);}
+.MenuItem_styles_1jc86lh_stvv1dr__47602df6{margin:auto;--plasma-indicator-size:var(--plasma-navigation-drawer-menu-item-indicator-size);--plasma-indicator-color:var(--plasma-navigation-drawer-menu-item-indicator-color);}
+.MenuItem_styles_1jc86lh_i1dhk4c__47602df6{position:relative;width:var(--plasma-navigation-drawer-icon-container-size);height:var(--plasma-navigation-drawer-icon-container-size);}
+.MenuItem_styles_1jc86lh_i7xwwzp__47602df6{margin:var(--plasma-navigation-drawer-icon-margin);}.MenuItem_styles_1jc86lh_i7xwwzp__47602df6 div{width:var(--plasma-navigation-drawer-icon-size);height:var(--plasma-navigation-drawer-icon-size);}
+.MenuItem_styles_1jc86lh_cc26hzf__47602df6{position:relative;width:var(--plasma-navigation-drawer-menu-item-content-left-size);height:var(--plasma-navigation-drawer-menu-item-content-left-size);}
+.MenuItem_styles_1jc86lh_ry1cfbm__47602df6{position:relative;height:var(--plasma-navigation-drawer-icon-container-size);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.MenuItem_styles_1jc86lh_l14iipd__47602df6{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+
+.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_avgvpx_b1iw8i40__d86ab9a8:focus{outline:none;}.base_avgvpx_b1iw8i40__d86ab9a8: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-color-focus);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;}
+
+.Link_config_zeymp2_d1calyk9__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-primary);--plasma-link-color-hover:var(--text-primary-hover);--plasma-link-color-active:var(--text-primary-active);--plasma-link-color-visited:var(--text-primary);--plasma-link-color-visited-hover:var(--text-primary-hover);--plasma-link-color-visited-active:var(--text-primary-active);--plasma-link-underline-border:0;}
+.Link_config_zeymp2_s1a4vrvj__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-secondary);--plasma-link-color-hover:var(--text-secondary-hover);--plasma-link-color-active:var(--text-secondary-active);--plasma-link-color-visited:var(--text-secondary);--plasma-link-color-visited-hover:var(--text-secondary-hover);--plasma-link-color-visited-active:var(--text-secondary-active);--plasma-link-underline-border:0;}
+.Link_config_zeymp2_t1hxd0ad__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-tertiary);--plasma-link-color-hover:var(--text-tertiary-hover);--plasma-link-color-active:var(--text-tertiary-active);--plasma-link-color-visited:var(--text-tertiary);--plasma-link-color-visited-hover:var(--text-tertiary-hover);--plasma-link-color-visited-active:var(--text-tertiary-active);--plasma-link-underline-border:0;}
+.Link_config_zeymp2_p1mbfmqw__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-paragraph);--plasma-link-color-hover:var(--text-paragraph-hover);--plasma-link-color-active:var(--text-paragraph-active);--plasma-link-color-visited:var(--text-paragraph);--plasma-link-color-visited-hover:var(--text-paragraph-hover);--plasma-link-color-visited-active:var(--text-paragraph-active);--plasma-link-underline-border:0;}
+.Link_config_zeymp2_a17wwycj__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-accent);--plasma-link-color-hover:var(--text-accent-hover);--plasma-link-color-active:var(--text-accent-active);--plasma-link-color-visited:var(--text-accent);--plasma-link-color-visited-hover:var(--text-accent-hover);--plasma-link-color-visited-active:var(--text-accent-active);--plasma-link-underline-border:0;}
+.Link_config_zeymp2_p14qgpkv__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-positive);--plasma-link-color-hover:var(--text-positive-hover);--plasma-link-color-active:var(--text-positive-active);--plasma-link-color-visited:var(--text-positive);--plasma-link-color-visited-hover:var(--text-positive-hover);--plasma-link-color-visited-active:var(--text-positive-active);--plasma-link-underline-border:0;}
+.Link_config_zeymp2_w1py6g25__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-warning);--plasma-link-color-hover:var(--text-warning-hover);--plasma-link-color-active:var(--text-warning-active);--plasma-link-color-visited:var(--text-warning);--plasma-link-color-visited-hover:var(--text-warning-hover);--plasma-link-color-visited-active:var(--text-warning-active);--plasma-link-underline-border:0;}
+.Link_config_zeymp2_n4mb9bq__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-negative);--plasma-link-color-hover:var(--text-negative-hover);--plasma-link-color-active:var(--text-negative-active);--plasma-link-color-visited:var(--text-negative);--plasma-link-color-visited-hover:var(--text-negative-hover);--plasma-link-color-visited-active:var(--text-negative-active);--plasma-link-underline-border:0;}
+.Link_config_zeymp2_c2p2703__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:inherit;--plasma-link-color-hover:inherit;--plasma-link-color-active:inherit;--plasma-link-color-visited:inherit;--plasma-link-color-visited-hover:inherit;--plasma-link-color-visited-active:inherit;--plasma-link-underline-border:0.0625rem;}
+.Link_config_zeymp2_tnow91e__36d400a7{--plasma-link-disabled-opacity:0.4;}
+.Link_config_zeymp2_tt8wdu3__36d400a7{--plasma-link-color-focus:var(--text-accent);}
+
+.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);}
+
+.Section_styles_147bzzp_swlgppx__60e0567c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
+.Section_styles_147bzzp_s1qtk9zr__60e0567c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;padding:var(--plasma-navigation-drawer-section-padding);gap:var(--plasma-navigation-drawer-section-header-gap);-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;box-sizing:border-box;height:var(--plasma-navigation-drawer-sidebar-width-closed);min-width:var(--plasma-navigation-drawer-sidebar-width-closed);color:var(--plasma-navigation-drawer-section-color);font-size:var(--plasma-navigation-drawer-section-font-size);font-family:var(--plasma-typo-body-s-font-family);font-style:var(--plasma-typo-text-s-font-style);font-weight:var(--plasma-typo-text-s-font-weight);line-height:var(--plasma-typo-text-s-line-height);-webkit-letter-spacing:var(--plasma-typo-text-s-letter-spacing);-moz-letter-spacing:var(--plasma-typo-text-s-letter-spacing);-ms-letter-spacing:var(--plasma-typo-text-s-letter-spacing);letter-spacing:var(--plasma-typo-text-s-letter-spacing);border-radius:var(--plasma-navigation-drawer-section-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.Section_styles_147bzzp_sqhdtrl__60e0567c{height:var(--plasma-navigation-drawer-divider-height);background:var(--plasma-navigation-drawer-divider-color);margin:10px 0;}
+.Section_styles_147bzzp_sxoeynx__60e0567c{width:var(--plasma-navigation-drawer-icon-container-size);min-width:var(--plasma-navigation-drawer-icon-container-size);height:var(--plasma-navigation-drawer-icon-container-size);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.Section_styles_147bzzp_sxoeynx__60e0567c div{width:var(--plasma-navigation-drawer-icon-size);height:var(--plasma-navigation-drawer-icon-size);}
+.Section_styles_147bzzp_a6i3xtj__60e0567c{margin:auto;}
+.Section_styles_147bzzp_lnmmdxt__60e0567c{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

package/es/components/NavigationDrawer/ui/Section/Section.js

@@ -0,0 +1,43 @@
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { useState } from 'react';
+import cls from 'classnames';
+import { MenuItem } from '../MenuItem/MenuItem.js';
+import { classes } from '../../NavigationDrawer.tokens.js';
+import { SectionIcon, ArrowIcon, StyledSection, SectionHeader, Label, SectionDivider } from './Section.styles.js';
+
+var _SectionDivider;
+var _excluded = ["items", "label", "withContentLeft", "isOpen", "className", "hasDivider"];
+var Section = function Section(_ref) {
+  var items = _ref.items,
+    label = _ref.label,
+    withContentLeft = _ref.withContentLeft,
+    isOpen = _ref.isOpen,
+    className = _ref.className,
+    _ref$hasDivider = _ref.hasDivider,
+    hasDivider = _ref$hasDivider === void 0 ? false : _ref$hasDivider,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isCollapsed = _useState2[0],
+    setIsCollapsed = _useState2[1];
+  var icon = /*#__PURE__*/React.createElement(SectionIcon, null, /*#__PURE__*/React.createElement(ArrowIcon, {
+    className: cls(isCollapsed && classes.navigationDrawerArrowInverse),
+    color: "inherit"
+  }));
+  return /*#__PURE__*/React.createElement(StyledSection, _extends({
+    className: className
+  }, rest), label ? /*#__PURE__*/React.createElement(SectionHeader, {
+    onClick: function onClick() {
+      return setIsCollapsed(!isCollapsed);
+    }
+  }, withContentLeft && label && icon, isOpen && /*#__PURE__*/React.createElement(Label, null, label), !withContentLeft && icon) : hasDivider && (_SectionDivider || (_SectionDivider = /*#__PURE__*/React.createElement(SectionDivider, null))), !isCollapsed && items.map(function (item, index) {
+    return /*#__PURE__*/React.createElement(MenuItem, _extends({}, item, {
+      key: index,
+      withContentLeft: withContentLeft,
+      isOpen: isOpen
+    }));
+  }));
+};
+
+export { Section };
+//# sourceMappingURL=Section.js.map

package/es/components/NavigationDrawer/ui/Section/Section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.js","sources":["../../../../../src/components/NavigationDrawer/ui/Section/Section.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport cls from 'classnames';\n\nimport { MenuItem } from '../MenuItem/MenuItem';\nimport { classes } from '../../NavigationDrawer.tokens';\n\nimport { SectionProps } from './Section.types';\nimport { StyledSection, SectionHeader, SectionDivider, SectionIcon, ArrowIcon, Label } from './Section.styles';\n\nexport const Section = <T extends boolean = false>({\n    items,\n    label,\n    withContentLeft,\n    isOpen,\n    className,\n    hasDivider = false,\n    ...rest\n}: SectionProps<T>) => {\n    const [isCollapsed, setIsCollapsed] = useState(false);\n\n    const icon = (\n        <SectionIcon>\n            <ArrowIcon className={cls(isCollapsed && classes.navigationDrawerArrowInverse)} color=\"inherit\" />\n        </SectionIcon>\n    );\n\n    return (\n        <StyledSection className={className} {...rest}>\n            {label ? (\n                <SectionHeader onClick={() => setIsCollapsed(!isCollapsed)}>\n                    {withContentLeft && label && icon}\n                    {isOpen && <Label>{label}</Label>}\n                    {!withContentLeft && icon}\n                </SectionHeader>\n            ) : (\n                hasDivider && <SectionDivider />\n            )}\n\n            {!isCollapsed &&\n                items.map((item, index) => (\n                    <MenuItem {...item} key={index} withContentLeft={withContentLeft} isOpen={isOpen} />\n                ))}\n        </StyledSection>\n    );\n};\n"],"names":["Section","_ref","items","label","withContentLeft","isOpen","className","_ref$hasDivider","hasDivider","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isCollapsed","setIsCollapsed","icon","React","createElement","SectionIcon","ArrowIcon","cls","classes","navigationDrawerArrowInverse","color","StyledSection","_extends","SectionHeader","onClick","Label","_SectionDivider","SectionDivider","map","item","index","MenuItem","key"],"mappings":";;;;;;;;;IASaA,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA,EAQG;AAAA,EAAA,IAPnBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,eAAe,GAAAH,IAAA,CAAfG,eAAe;IACfC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IACNC,SAAS,GAAAL,IAAA,CAATK,SAAS;IAAAC,eAAA,GAAAN,IAAA,CACTO,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;AACfE,IAAAA,IAAI,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA,CAAA;AAEP,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,IAAI,gBACNC,KAAA,CAAAC,aAAA,CAACC,WAAW,EAAA,IAAA,eACRF,KAAA,CAAAC,aAAA,CAACE,SAAS,EAAA;IAAChB,SAAS,EAAEiB,GAAG,CAACP,WAAW,IAAIQ,OAAO,CAACC,4BAA4B,CAAE;AAACC,IAAAA,KAAK,EAAC,SAAA;AAAS,GAAE,CACxF,CAChB,CAAA;AAED,EAAA,oBACIP,KAAA,CAAAC,aAAA,CAACO,aAAa,EAAAC,QAAA,CAAA;AAACtB,IAAAA,SAAS,EAAEA,SAAAA;GAAeG,EAAAA,IAAI,GACxCN,KAAK,gBACFgB,KAAA,CAAAC,aAAA,CAACS,aAAa,EAAA;IAACC,OAAO,EAAE,SAAAA,OAAA,GAAA;AAAA,MAAA,OAAMb,cAAc,CAAC,CAACD,WAAW,CAAC,CAAA;AAAA,KAAA;GACrDZ,EAAAA,eAAe,IAAID,KAAK,IAAIe,IAAI,EAChCb,MAAM,iBAAIc,KAAA,CAAAC,aAAA,CAACW,KAAK,EAAA,IAAA,EAAE5B,KAAa,CAAC,EAChC,CAACC,eAAe,IAAIc,IACV,CAAC,GAEhBV,UAAU,KAAAwB,eAAA,KAAAA,eAAA,gBAAIb,KAAA,CAAAC,aAAA,CAACa,cAAc,EAAA,IAAE,CAAC,CAAA,CACnC,EAEA,CAACjB,WAAW,IACTd,KAAK,CAACgC,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK,EAAA;IAAA,oBAClBjB,KAAA,CAAAC,aAAA,CAACiB,QAAQ,EAAAT,QAAA,KAAKO,IAAI,EAAA;AAAEG,MAAAA,GAAG,EAAEF,KAAM;AAAChC,MAAAA,eAAe,EAAEA,eAAgB;AAACC,MAAAA,MAAM,EAAEA,MAAAA;AAAO,KAAA,CAAE,CAAC,CAAA;AAAA,GACvF,CACM,CAAC,CAAA;AAExB;;;;"}

package/es/components/NavigationDrawer/ui/Section/Section.styles.js

@@ -0,0 +1,40 @@
+import './Section.styles_147bzzp.css';
+import { styled } from '@linaria/react';
+import { IconDisclosureDownCentered } from '../../../_Icon/Icons/IconDisclosureDownCentered.js';
+
+var StyledSection = /*#__PURE__*/styled('div')({
+  name: "StyledSection",
+  "class": "swlgppx",
+  propsAsIs: false
+});
+var SectionHeader = /*#__PURE__*/styled('div')({
+  name: "SectionHeader",
+  "class": "s1qtk9zr",
+  propsAsIs: false
+});
+var SectionDivider = /*#__PURE__*/styled('div')({
+  name: "SectionDivider",
+  "class": "sqhdtrl",
+  propsAsIs: false
+});
+var SectionIcon = /*#__PURE__*/styled('div')({
+  name: "SectionIcon",
+  "class": "sxoeynx",
+  propsAsIs: false
+});
+var _exp15 = function _exp15() {
+  return IconDisclosureDownCentered;
+};
+var ArrowIcon = /*#__PURE__*/styled(_exp15())({
+  name: "ArrowIcon",
+  "class": "a6i3xtj",
+  propsAsIs: true
+});
+var Label = /*#__PURE__*/styled('span')({
+  name: "Label",
+  "class": "lnmmdxt",
+  propsAsIs: false
+});
+
+export { ArrowIcon, Label, SectionDivider, SectionHeader, SectionIcon, StyledSection };
+//# sourceMappingURL=Section.styles.js.map

package/es/components/NavigationDrawer/ui/Section/Section.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.styles.js","sources":["../../../../../src/components/NavigationDrawer/ui/Section/Section.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { IconDisclosureDownCentered } from 'src/components/_Icon';\nimport { applyEllipsis } from 'src/mixins';\n\nimport { tokens } from '../../NavigationDrawer.tokens';\n\nexport const StyledSection = styled.div`\n    display: flex;\n    flex-direction: column;\n`;\n\nexport const SectionHeader = styled.div`\n    display: flex;\n    flex-direction: row;\n    padding: var(${tokens.sectionPadding});\n    gap: var(${tokens.sectionHeaderGap});\n    align-items: center;\n    cursor: pointer;\n    box-sizing: border-box;\n    height: var(${tokens.sidebarWidthClosed});\n    min-width: var(${tokens.sidebarWidthClosed});\n\n    color: var(${tokens.sectionColor});\n    font-size: var(${tokens.sectionFontSize});\n    font-family: var(--plasma-typo-body-s-font-family);\n    font-style: var(--plasma-typo-text-s-font-style);\n    font-weight: var(--plasma-typo-text-s-font-weight);\n    line-height: var(--plasma-typo-text-s-line-height);\n    letter-spacing: var(--plasma-typo-text-s-letter-spacing);\n\n    border-radius: var(${tokens.sectionBorderRadius});\n\n    user-select: none;\n`;\n\nexport const SectionDivider = styled.div`\n    height: var(${tokens.dividerHeight});\n    background: var(${tokens.dividerColor});\n    margin: 10px 0;\n`;\n\nexport const SectionIcon = styled.div`\n    width: var(${tokens.iconContainerSize});\n    min-width: var(${tokens.iconContainerSize});\n    height: var(${tokens.iconContainerSize});\n    display: flex;\n\n    div {\n        width: var(${tokens.iconSize});\n        height: var(${tokens.iconSize});\n    }\n`;\n\nexport const ArrowIcon = styled(IconDisclosureDownCentered)`\n    margin: auto;\n`;\n\nexport const Label = styled.span`\n    ${applyEllipsis()};\n`;\n"],"names":["StyledSection","styled","name","class","propsAsIs","SectionHeader","SectionDivider","SectionIcon","_exp15","IconDisclosureDownCentered","ArrowIcon","Label"],"mappings":";;;AAMO,IAAMA,aAAa,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGlC,EAAA;AAEM,IAAMC,aAAa,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAsBlC,EAAA;AAEM,IAAME,cAAc,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAInC,EAAA;AAEM,IAAMG,WAAW,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAUhC,EAAA;AAAC,IAAAI,MAAA,GAlDgBA,SAkDhBA,MAAAA,GAAA;AAAA,EAAA,OAE8BC,0BAA0B,CAAA;AAAA,CAAA,CAAA;AAAnD,IAAMC,SAAS,gBAAGT,MAAM,CAAAO,MAAA,EAAA,CAAA,CAAA;AAAAN,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAE9B,EAAA;AAEM,IAAMO,KAAK,gBAAGV,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE1B;;;;"}

package/es/components/NavigationDrawer/ui/Section/Section.styles_147bzzp.css

@@ -0,0 +1,6 @@
+.swlgppx{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
+.s1qtk9zr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;padding:var(--plasma-navigation-drawer-section-padding);gap:var(--plasma-navigation-drawer-section-header-gap);-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;box-sizing:border-box;height:var(--plasma-navigation-drawer-sidebar-width-closed);min-width:var(--plasma-navigation-drawer-sidebar-width-closed);color:var(--plasma-navigation-drawer-section-color);font-size:var(--plasma-navigation-drawer-section-font-size);font-family:var(--plasma-typo-body-s-font-family);font-style:var(--plasma-typo-text-s-font-style);font-weight:var(--plasma-typo-text-s-font-weight);line-height:var(--plasma-typo-text-s-line-height);-webkit-letter-spacing:var(--plasma-typo-text-s-letter-spacing);-moz-letter-spacing:var(--plasma-typo-text-s-letter-spacing);-ms-letter-spacing:var(--plasma-typo-text-s-letter-spacing);letter-spacing:var(--plasma-typo-text-s-letter-spacing);border-radius:var(--plasma-navigation-drawer-section-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.sqhdtrl{height:var(--plasma-navigation-drawer-divider-height);background:var(--plasma-navigation-drawer-divider-color);margin:10px 0;}
+.sxoeynx{width:var(--plasma-navigation-drawer-icon-container-size);min-width:var(--plasma-navigation-drawer-icon-container-size);height:var(--plasma-navigation-drawer-icon-container-size);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.sxoeynx div{width:var(--plasma-navigation-drawer-icon-size);height:var(--plasma-navigation-drawer-icon-size);}
+.a6i3xtj{margin:auto;}
+.lnmmdxt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

package/es/components/NavigationDrawer/variations/_size/base.js

@@ -0,0 +1,5 @@
+import './base_x642ct.css';
+var base = "b1jdq075";
+
+export { base };
+//# sourceMappingURL=base.js.map

package/es/components/NavigationDrawer/variations/_size/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../src/components/NavigationDrawer/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}

package/es/components/NavigationDrawer/variations/_size/base_x642ct.css

@@ -0,0 +1 @@
+

package/es/components/NavigationDrawer/variations/_view/base.js

@@ -0,0 +1,5 @@
+import './base_x642ct.css';
+var base = "b1oz43b2";
+
+export { base };
+//# sourceMappingURL=base.js.map

package/es/components/NavigationDrawer/variations/_view/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../src/components/NavigationDrawer/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}

package/es/components/NavigationDrawer/variations/_view/base_x642ct.css

@@ -0,0 +1 @@
+

package/es/components/Popup/Popup.js

@@ -1,17 +1,14 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useRef } from 'react';
 import { useForkRef } from '@salutejs/plasma-core';
-import Draggable from 'react-draggable';
-import { Resizable } from 're-resizable';
 import { cx } from '../../utils/index.js';
 import { PopupRoot } from './PopupRoot.js';
 import { classes } from './Popup.tokens.js';
-import { IconResizeDiagonalStyled, StyledPortalContainer, base } from './Popup.styles.js';
+import { StyledPortalContainer, base } from './Popup.styles.js';
 import { safeUseId } from '../../utils/react.js';
 import { usePopup } from './hooks/usePopup.js';
-import { getResizeDirections } from './utils/getResizeDirections.js';
-import { getRatioBasedOnPlacement } from './utils/getRatioBasedOnPlacement.js';
-import { getHandleStyles } from './utils/getHandleStyles.js';
+import { Draggable } from './ui/Draggable/Draggable.js';
+import { Resizable } from './ui/Resizable/Resizable.js';
 import { canUseDOM } from '../../utils/canUseDOM.js';
 import { Portal } from '../Portal/Portal.js';
 
@@ -77,7 +74,6 @@ var handlePosition = function handlePosition(placement, offset) {
  */
 var popupRoot = function popupRoot(Root) {
   return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
-    var _resizable$hiddenIcon, _resizable$icons, _resizable$hiddenIcon2, _resizable$icons2, _resizable$hiddenIcon3, _resizable$icons3, _resizable$hiddenIcon4, _resizable$icons4;
     var id = _ref.id,
       _ref$isOpen = _ref.isOpen,
       isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
@@ -99,11 +95,7 @@ var popupRoot = function popupRoot(Root) {
       draggable = _ref.draggable,
       outerResizable = _ref.resizable,
       rest = _objectWithoutProperties(_ref, _excluded);
-    var nodeRef = useRef(null);
     var innerIsOpen = isOpen || opened;
-    var resizable = typeof outerResizable === 'boolean' ? {
-      disabled: !outerResizable
-    } : outerResizable;
     var uniqId = safeUseId();
     var innerId = id || uniqId;
     var _usePopup = usePopup({
@@ -118,22 +110,11 @@ var popupRoot = function popupRoot(Root) {
       rootId = _usePopup.rootId;
     var portalRef = useRef(null);
     var contentRef = useRef(null);
-    var resizableContainer = useRef(null);
     var innerRef = useForkRef(contentRef, outerRootRef);
     if (!isVisible && !innerIsOpen) {
       return null;
     }
     var cls = cx(className, animationInfo !== null && animationInfo !== void 0 && animationInfo.endAnimation ? classes.endAnimation : '', animationInfo !== null && animationInfo !== void 0 && animationInfo.endTransition ? classes.endTransition : '');
-    var handleResizeStart = function handleResizeStart() {
-      if (resizableContainer !== null && resizableContainer !== void 0 && resizableContainer.current && resizableContainer.current.resizable) {
-        resizableContainer.current.resizable.classList.toggle(classes.resizableContainerNoSelect);
-      }
-    };
-    var handleResizeStop = function handleResizeStop() {
-      if (resizableContainer !== null && resizableContainer !== void 0 && resizableContainer.current && resizableContainer.current.resizable) {
-        resizableContainer.current.resizable.classList.toggle(classes.resizableContainerNoSelect);
-      }
-    };
     var rootNode = /*#__PURE__*/React.createElement(Root, {
       className: cls
     }, overlay, /*#__PURE__*/React.createElement(PopupRoot, _extends({
@@ -145,50 +126,11 @@ var popupRoot = function popupRoot(Root) {
       animationInfo: animationInfo,
       setVisible: setVisible
     }, rest), /*#__PURE__*/React.createElement(Draggable, {
-      nodeRef: nodeRef,
-      defaultClassName: draggable ? classes.draggablePopupWrapper : undefined,
-      defaultClassNameDragging: draggable ? classes.draggingPopupWrapper : undefined,
-      disabled: !draggable,
-      cancel: ".".concat(classes.resizableHandleWrapper)
-    }, /*#__PURE__*/React.createElement("div", {
-      ref: nodeRef
+      draggable: draggable
     }, /*#__PURE__*/React.createElement(Resizable, {
-      ref: resizableContainer,
-      enable: resizable && !resizable.disabled ? getResizeDirections(resizable.directions) : false,
-      resizeRatio: getRatioBasedOnPlacement(placement),
-      defaultSize: resizable === null || resizable === void 0 ? void 0 : resizable.defaultSize,
-      minWidth: resizable === null || resizable === void 0 ? void 0 : resizable.minWidth,
-      minHeight: resizable === null || resizable === void 0 ? void 0 : resizable.minHeight,
-      maxWidth: resizable === null || resizable === void 0 ? void 0 : resizable.maxWidth,
-      maxHeight: resizable === null || resizable === void 0 ? void 0 : resizable.maxHeight,
-      onResizeStart: handleResizeStart,
-      onResizeStop: handleResizeStop,
-      handleComponent: {
-        topRight: resizable !== null && resizable !== void 0 && (_resizable$hiddenIcon = resizable.hiddenIcons) !== null && _resizable$hiddenIcon !== void 0 && _resizable$hiddenIcon.includes('top-right') ? undefined : /*#__PURE__*/React.createElement(React.Fragment, null, (resizable === null || resizable === void 0 || (_resizable$icons = resizable.icons) === null || _resizable$icons === void 0 ? void 0 : _resizable$icons.topRight) || /*#__PURE__*/React.createElement(IconResizeDiagonalStyled, {
-          className: classes.resizableTopRightIcon,
-          color: "inherit",
-          size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
-        })),
-        bottomRight: resizable !== null && resizable !== void 0 && (_resizable$hiddenIcon2 = resizable.hiddenIcons) !== null && _resizable$hiddenIcon2 !== void 0 && _resizable$hiddenIcon2.includes('bottom-right') ? undefined : /*#__PURE__*/React.createElement(React.Fragment, null, (resizable === null || resizable === void 0 || (_resizable$icons2 = resizable.icons) === null || _resizable$icons2 === void 0 ? void 0 : _resizable$icons2.bottomRight) || /*#__PURE__*/React.createElement(IconResizeDiagonalStyled, {
-          className: classes.resizableBottomRightIcon,
-          color: "inherit",
-          size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
-        })),
-        bottomLeft: resizable !== null && resizable !== void 0 && (_resizable$hiddenIcon3 = resizable.hiddenIcons) !== null && _resizable$hiddenIcon3 !== void 0 && _resizable$hiddenIcon3.includes('bottom-left') ? undefined : /*#__PURE__*/React.createElement(React.Fragment, null, (resizable === null || resizable === void 0 || (_resizable$icons3 = resizable.icons) === null || _resizable$icons3 === void 0 ? void 0 : _resizable$icons3.bottomLeft) || /*#__PURE__*/React.createElement(IconResizeDiagonalStyled, {
-          className: classes.resizableBottomLeftIcon,
-          color: "inherit",
-          size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
-        })),
-        topLeft: resizable !== null && resizable !== void 0 && (_resizable$hiddenIcon4 = resizable.hiddenIcons) !== null && _resizable$hiddenIcon4 !== void 0 && _resizable$hiddenIcon4.includes('top-left') ? undefined : /*#__PURE__*/React.createElement(React.Fragment, null, (resizable === null || resizable === void 0 || (_resizable$icons4 = resizable.icons) === null || _resizable$icons4 === void 0 ? void 0 : _resizable$icons4.topLeft) || /*#__PURE__*/React.createElement(IconResizeDiagonalStyled, {
-          className: classes.resizableTopLeftIcon,
-          color: "inherit",
-          size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
-        }))
-      },
-      className: classes.resizableContainer,
-      handleStyles: getHandleStyles(),
-      handleWrapperClass: classes.resizableHandleWrapper
-    }, children)))));
+      resizable: outerResizable,
+      placement: placement
+    }, children))));
     if (typeof frame !== 'string' && frame && frame.current && canUseDOM) {
       return /*#__PURE__*/React.createElement(Portal, {
         container: frame.current

package/es/components/Popup/Popup.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popup.js","sources":["../../../src/components/Popup/Popup.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport Draggable from 'react-draggable';\nimport { Resizable } from 're-resizable';\nimport type { Resizable as ResizableType } from 're-resizable';\nimport { RootProps } from 'src/engines/types';\nimport { canUseDOM, cx, safeUseId } from 'src/utils';\n\nimport { Portal } from '../Portal';\n\nimport { getRatioBasedOnPlacement, getResizeDirections, getHandleStyles } from './utils';\nimport type { PopupPlacementBasic, PopupPlacement, PopupPositionType, PopupProps } from './Popup.types';\nimport { PopupRoot } from './PopupRoot';\nimport { usePopup } from './hooks';\nimport { classes } from './Popup.tokens';\nimport { StyledPortalContainer, base, IconResizeDiagonalStyled } from './Popup.styles';\n\nexport const handlePosition = (\n    placement: PopupPlacement,\n    offset: [number, number] | [string, string],\n): PopupPositionType => {\n    let x = '0rem';\n    let y = '0rem';\n\n    if (offset) {\n        const [_x, _y] = offset;\n        x = typeof _x === 'number' ? `${_x}rem` : _x;\n        y = typeof _y === 'number' ? `${_y}rem` : _y;\n    }\n\n    if (!placement || placement === 'center') {\n        return {\n            left: `calc(50% + ${x})`,\n            top: `calc(50% - ${y})`,\n            transform: 'translate(-50%, -50%)',\n        };\n    }\n\n    let left;\n    let right;\n    let top;\n    let bottom;\n    let transform;\n    const placements = placement.split('-') as PopupPlacementBasic[];\n\n    placements.forEach((placementValue: PopupPlacementBasic) => {\n        switch (placementValue) {\n            case 'left':\n                left = x;\n                break;\n            case 'right':\n                right = x;\n                break;\n            case 'top':\n                top = y;\n                break;\n            case 'bottom':\n                bottom = y;\n                break;\n            default:\n                break;\n        }\n    });\n\n    const isCenteredX = left === undefined && right === undefined;\n    const isCenteredY = top === undefined && bottom === undefined;\n\n    if (isCenteredX) {\n        transform = 'translateX(-50%)';\n    }\n\n    if (isCenteredY) {\n        transform = 'translateY(-50%)';\n    }\n\n    return {\n        left: isCenteredX ? `calc(50% + ${x})` : left,\n        right,\n        top: isCenteredY ? `calc(50% - ${y})` : top,\n        bottom,\n        transform,\n    };\n};\n\n/**\n * Базовый компонент Popup.\n */\nexport const popupRoot = (Root: RootProps<HTMLDivElement, PopupProps>) =>\n    forwardRef<HTMLDivElement, PopupProps>(\n        (\n            {\n                id,\n                isOpen = false,\n                opened = false,\n                placement = 'center',\n                offset = [0, 0],\n                frame = 'document',\n                children,\n                overlay,\n                // eslint-disable-next-line @typescript-eslint/no-unused-vars\n                role,\n                zIndex,\n                popupInfo,\n                withAnimation = false,\n                className,\n                draggable,\n                resizable: outerResizable,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const nodeRef = useRef(null);\n\n            const innerIsOpen = isOpen || opened;\n            const resizable = typeof outerResizable === 'boolean' ? { disabled: !outerResizable } : outerResizable;\n\n            const uniqId = safeUseId();\n            const innerId = id || uniqId;\n\n            const { isVisible, animationInfo, setVisible, rootId } = usePopup({\n                isOpen: innerIsOpen,\n                id: innerId,\n                popupInfo,\n                withAnimation,\n            });\n\n            const portalRef = useRef<HTMLDivElement | null>(null);\n            const contentRef = useRef<HTMLDivElement | null>(null);\n            const resizableContainer = useRef<ResizableType>(null);\n\n            const innerRef = useForkRef<HTMLDivElement>(contentRef, outerRootRef);\n\n            if (!isVisible && !innerIsOpen) {\n                return null;\n            }\n\n            const cls = cx(\n                className,\n                animationInfo?.endAnimation ? classes.endAnimation : '',\n                animationInfo?.endTransition ? classes.endTransition : '',\n            );\n\n            const handleResizeStart = () => {\n                if (resizableContainer?.current && resizableContainer.current.resizable) {\n                    resizableContainer.current.resizable.classList.toggle(classes.resizableContainerNoSelect);\n                }\n            };\n\n            const handleResizeStop = () => {\n                if (resizableContainer?.current && resizableContainer.current.resizable) {\n                    resizableContainer.current.resizable.classList.toggle(classes.resizableContainerNoSelect);\n                }\n            };\n\n            const rootNode = (\n                <Root className={cls}>\n                    {overlay}\n\n                    <PopupRoot\n                        id={innerId}\n                        ref={innerRef}\n                        position={handlePosition(placement, offset)}\n                        zIndex={zIndex}\n                        frame={frame}\n                        animationInfo={animationInfo}\n                        setVisible={setVisible}\n                        {...rest}\n                    >\n                        <Draggable\n                            nodeRef={nodeRef}\n                            defaultClassName={draggable ? classes.draggablePopupWrapper : undefined}\n                            defaultClassNameDragging={draggable ? classes.draggingPopupWrapper : undefined}\n                            disabled={!draggable}\n                            cancel={`.${classes.resizableHandleWrapper}`}\n                        >\n                            <div ref={nodeRef}>\n                                <Resizable\n                                    ref={resizableContainer}\n                                    enable={\n                                        resizable && !resizable.disabled\n                                            ? getResizeDirections(resizable.directions)\n                                            : false\n                                    }\n                                    resizeRatio={getRatioBasedOnPlacement(placement)}\n                                    defaultSize={resizable?.defaultSize}\n                                    minWidth={resizable?.minWidth}\n                                    minHeight={resizable?.minHeight}\n                                    maxWidth={resizable?.maxWidth}\n                                    maxHeight={resizable?.maxHeight}\n                                    onResizeStart={handleResizeStart}\n                                    onResizeStop={handleResizeStop}\n                                    handleComponent={{\n                                        topRight: resizable?.hiddenIcons?.includes('top-right') ? undefined : (\n                                            <>\n                                                {resizable?.icons?.topRight || (\n                                                    <IconResizeDiagonalStyled\n                                                        className={classes.resizableTopRightIcon}\n                                                        color=\"inherit\"\n                                                        size={resizable?.iconSize}\n                                                    />\n                                                )}\n                                            </>\n                                        ),\n                                        bottomRight: resizable?.hiddenIcons?.includes('bottom-right') ? undefined : (\n                                            <>\n                                                {resizable?.icons?.bottomRight || (\n                                                    <IconResizeDiagonalStyled\n                                                        className={classes.resizableBottomRightIcon}\n                                                        color=\"inherit\"\n                                                        size={resizable?.iconSize}\n                                                    />\n                                                )}\n                                            </>\n                                        ),\n                                        bottomLeft: resizable?.hiddenIcons?.includes('bottom-left') ? undefined : (\n                                            <>\n                                                {resizable?.icons?.bottomLeft || (\n                                                    <IconResizeDiagonalStyled\n                                                        className={classes.resizableBottomLeftIcon}\n                                                        color=\"inherit\"\n                                                        size={resizable?.iconSize}\n                                                    />\n                                                )}\n                                            </>\n                                        ),\n                                        topLeft: resizable?.hiddenIcons?.includes('top-left') ? undefined : (\n                                            <>\n                                                {resizable?.icons?.topLeft || (\n                                                    <IconResizeDiagonalStyled\n                                                        className={classes.resizableTopLeftIcon}\n                                                        color=\"inherit\"\n                                                        size={resizable?.iconSize}\n                                                    />\n                                                )}\n                                            </>\n                                        ),\n                                    }}\n                                    className={classes.resizableContainer}\n                                    handleStyles={getHandleStyles()}\n                                    handleWrapperClass={classes.resizableHandleWrapper}\n                                >\n                                    {children}\n                                </Resizable>\n                            </div>\n                        </Draggable>\n                    </PopupRoot>\n                </Root>\n            );\n\n            if (typeof frame !== 'string' && frame && frame.current && canUseDOM) {\n                return <Portal container={frame.current}>{rootNode}</Portal>;\n            }\n\n            const withFrameId = typeof frame === 'string' && frame !== 'document';\n            const containerElement = withFrameId && canUseDOM && document.getElementById(frame as string);\n\n            if (containerElement) {\n                return (\n                    <Portal container={containerElement}>\n                        <StyledPortalContainer ref={portalRef}>\n                            {portalRef.current && <Portal container={portalRef.current}>{rootNode}</Portal>}\n                        </StyledPortalContainer>{' '}\n                    </Portal>\n                );\n            }\n\n            const globalPortal = canUseDOM && document.getElementById(rootId);\n\n            return <>{globalPortal && <Portal container={globalPortal}>{rootNode}</Portal>}</>;\n        },\n    );\n\nexport const popupConfig = {\n    name: 'Popup',\n    tag: 'div',\n    layout: popupRoot,\n    base,\n    variations: {},\n    defaults: {},\n};\n"],"names":["handlePosition","placement","offset","x","y","_offset","_slicedToArray","_x","_y","concat","left","top","transform","right","bottom","placements","split","forEach","placementValue","isCenteredX","undefined","isCenteredY","popupRoot","Root","forwardRef","_ref","outerRootRef","_resizable$hiddenIcon","_resizable$icons","_resizable$hiddenIcon2","_resizable$icons2","_resizable$hiddenIcon3","_resizable$icons3","_resizable$hiddenIcon4","_resizable$icons4","id","_ref$isOpen","isOpen","_ref$opened","opened","_ref$placement","_ref$offset","_ref$frame","frame","children","overlay","zIndex","popupInfo","_ref$withAnimation","withAnimation","className","draggable","outerResizable","resizable","rest","_objectWithoutProperties","_excluded","nodeRef","useRef","innerIsOpen","disabled","uniqId","safeUseId","innerId","_usePopup","usePopup","isVisible","animationInfo","setVisible","rootId","portalRef","contentRef","resizableContainer","innerRef","useForkRef","cls","cx","endAnimation","classes","endTransition","handleResizeStart","current","classList","toggle","resizableContainerNoSelect","handleResizeStop","rootNode","React","createElement","PopupRoot","_extends","ref","position","Draggable","defaultClassName","draggablePopupWrapper","defaultClassNameDragging","draggingPopupWrapper","cancel","resizableHandleWrapper","Resizable","enable","getResizeDirections","directions","resizeRatio","getRatioBasedOnPlacement","defaultSize","minWidth","minHeight","maxWidth","maxHeight","onResizeStart","onResizeStop","handleComponent","topRight","hiddenIcons","includes","Fragment","icons","IconResizeDiagonalStyled","resizableTopRightIcon","color","size","iconSize","bottomRight","resizableBottomRightIcon","bottomLeft","resizableBottomLeftIcon","topLeft","resizableTopLeftIcon","handleStyles","getHandleStyles","handleWrapperClass","canUseDOM","Portal","container","withFrameId","containerElement","document","getElementById","StyledPortalContainer","globalPortal","popupConfig","name","tag","layout","base","variations","defaults"],"mappings":"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"}
+{"version":3,"file":"Popup.js","sources":["../../../src/components/Popup/Popup.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { RootProps } from 'src/engines/types';\nimport { canUseDOM, cx, safeUseId } from 'src/utils';\n\nimport { Portal } from '../Portal';\n\nimport { Draggable, Resizable } from './ui';\nimport type { PopupPlacementBasic, PopupPlacement, PopupPositionType, PopupProps } from './Popup.types';\nimport { PopupRoot } from './PopupRoot';\nimport { usePopup } from './hooks';\nimport { classes } from './Popup.tokens';\nimport { StyledPortalContainer, base } from './Popup.styles';\n\nexport const handlePosition = (\n    placement: PopupPlacement,\n    offset: [number, number] | [string, string],\n): PopupPositionType => {\n    let x = '0rem';\n    let y = '0rem';\n\n    if (offset) {\n        const [_x, _y] = offset;\n        x = typeof _x === 'number' ? `${_x}rem` : _x;\n        y = typeof _y === 'number' ? `${_y}rem` : _y;\n    }\n\n    if (!placement || placement === 'center') {\n        return {\n            left: `calc(50% + ${x})`,\n            top: `calc(50% - ${y})`,\n            transform: 'translate(-50%, -50%)',\n        };\n    }\n\n    let left;\n    let right;\n    let top;\n    let bottom;\n    let transform;\n    const placements = placement.split('-') as PopupPlacementBasic[];\n\n    placements.forEach((placementValue: PopupPlacementBasic) => {\n        switch (placementValue) {\n            case 'left':\n                left = x;\n                break;\n            case 'right':\n                right = x;\n                break;\n            case 'top':\n                top = y;\n                break;\n            case 'bottom':\n                bottom = y;\n                break;\n            default:\n                break;\n        }\n    });\n\n    const isCenteredX = left === undefined && right === undefined;\n    const isCenteredY = top === undefined && bottom === undefined;\n\n    if (isCenteredX) {\n        transform = 'translateX(-50%)';\n    }\n\n    if (isCenteredY) {\n        transform = 'translateY(-50%)';\n    }\n\n    return {\n        left: isCenteredX ? `calc(50% + ${x})` : left,\n        right,\n        top: isCenteredY ? `calc(50% - ${y})` : top,\n        bottom,\n        transform,\n    };\n};\n\n/**\n * Базовый компонент Popup.\n */\nexport const popupRoot = (Root: RootProps<HTMLDivElement, PopupProps>) =>\n    forwardRef<HTMLDivElement, PopupProps>(\n        (\n            {\n                id,\n                isOpen = false,\n                opened = false,\n                placement = 'center',\n                offset = [0, 0],\n                frame = 'document',\n                children,\n                overlay,\n                // eslint-disable-next-line @typescript-eslint/no-unused-vars\n                role,\n                zIndex,\n                popupInfo,\n                withAnimation = false,\n                className,\n                draggable,\n                resizable: outerResizable,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const innerIsOpen = isOpen || opened;\n\n            const uniqId = safeUseId();\n            const innerId = id || uniqId;\n\n            const { isVisible, animationInfo, setVisible, rootId } = usePopup({\n                isOpen: innerIsOpen,\n                id: innerId,\n                popupInfo,\n                withAnimation,\n            });\n\n            const portalRef = useRef<HTMLDivElement | null>(null);\n            const contentRef = useRef<HTMLDivElement | null>(null);\n\n            const innerRef = useForkRef<HTMLDivElement>(contentRef, outerRootRef);\n\n            if (!isVisible && !innerIsOpen) {\n                return null;\n            }\n\n            const cls = cx(\n                className,\n                animationInfo?.endAnimation ? classes.endAnimation : '',\n                animationInfo?.endTransition ? classes.endTransition : '',\n            );\n\n            const rootNode = (\n                <Root className={cls}>\n                    {overlay}\n\n                    <PopupRoot\n                        id={innerId}\n                        ref={innerRef}\n                        position={handlePosition(placement, offset)}\n                        zIndex={zIndex}\n                        frame={frame}\n                        animationInfo={animationInfo}\n                        setVisible={setVisible}\n                        {...rest}\n                    >\n                        <Draggable draggable={draggable}>\n                            <Resizable resizable={outerResizable} placement={placement}>\n                                {children}\n                            </Resizable>\n                        </Draggable>\n                    </PopupRoot>\n                </Root>\n            );\n\n            if (typeof frame !== 'string' && frame && frame.current && canUseDOM) {\n                return <Portal container={frame.current}>{rootNode}</Portal>;\n            }\n\n            const withFrameId = typeof frame === 'string' && frame !== 'document';\n            const containerElement = withFrameId && canUseDOM && document.getElementById(frame as string);\n\n            if (containerElement) {\n                return (\n                    <Portal container={containerElement}>\n                        <StyledPortalContainer ref={portalRef}>\n                            {portalRef.current && <Portal container={portalRef.current}>{rootNode}</Portal>}\n                        </StyledPortalContainer>{' '}\n                    </Portal>\n                );\n            }\n\n            const globalPortal = canUseDOM && document.getElementById(rootId);\n\n            return <>{globalPortal && <Portal container={globalPortal}>{rootNode}</Portal>}</>;\n        },\n    );\n\nexport const popupConfig = {\n    name: 'Popup',\n    tag: 'div',\n    layout: popupRoot,\n    base,\n    variations: {},\n    defaults: {},\n};\n"],"names":["handlePosition","placement","offset","x","y","_offset","_slicedToArray","_x","_y","concat","left","top","transform","right","bottom","placements","split","forEach","placementValue","isCenteredX","undefined","isCenteredY","popupRoot","Root","forwardRef","_ref","outerRootRef","id","_ref$isOpen","isOpen","_ref$opened","opened","_ref$placement","_ref$offset","_ref$frame","frame","children","overlay","zIndex","popupInfo","_ref$withAnimation","withAnimation","className","draggable","outerResizable","resizable","rest","_objectWithoutProperties","_excluded","innerIsOpen","uniqId","safeUseId","innerId","_usePopup","usePopup","isVisible","animationInfo","setVisible","rootId","portalRef","useRef","contentRef","innerRef","useForkRef","cls","cx","endAnimation","classes","endTransition","rootNode","React","createElement","PopupRoot","_extends","ref","position","Draggable","Resizable","current","canUseDOM","Portal","container","withFrameId","containerElement","document","getElementById","StyledPortalContainer","globalPortal","Fragment","popupConfig","name","tag","layout","base","variations","defaults"],"mappings":"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"}

package/es/components/Popup/ui/Draggable/Draggable.js

@@ -0,0 +1,24 @@
+import React, { useRef } from 'react';
+import ReactDraggable from 'react-draggable';
+import { classes } from '../../Popup.tokens.js';
+
+var Draggable = function Draggable(_ref) {
+  var children = _ref.children,
+    draggable = _ref.draggable;
+  var nodeRef = useRef(null);
+  if (!draggable) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+  }
+  return /*#__PURE__*/React.createElement(ReactDraggable, {
+    nodeRef: nodeRef,
+    defaultClassName: draggable ? classes.draggablePopupWrapper : undefined,
+    defaultClassNameDragging: draggable ? classes.draggingPopupWrapper : undefined,
+    disabled: !draggable,
+    cancel: ".".concat(classes.resizableHandleWrapper)
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: nodeRef
+  }, children));
+};
+
+export { Draggable };
+//# sourceMappingURL=Draggable.js.map

package/es/components/Popup/ui/Draggable/Draggable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Draggable.js","sources":["../../../../../src/components/Popup/ui/Draggable/Draggable.tsx"],"sourcesContent":["import React, { useRef, FC, PropsWithChildren } from 'react';\nimport ReactDraggable from 'react-draggable';\nimport { classes } from 'src/components/Popup/Popup.tokens';\n\nimport { PopupProps } from '../../Popup.types';\n\nexport const Draggable: FC<PropsWithChildren<{ draggable: PopupProps['draggable'] }>> = ({ children, draggable }) => {\n    const nodeRef = useRef(null);\n\n    if (!draggable) {\n        return <>{children}</>;\n    }\n\n    return (\n        <ReactDraggable\n            nodeRef={nodeRef}\n            defaultClassName={draggable ? classes.draggablePopupWrapper : undefined}\n            defaultClassNameDragging={draggable ? classes.draggingPopupWrapper : undefined}\n            disabled={!draggable}\n            cancel={`.${classes.resizableHandleWrapper}`}\n        >\n            <div ref={nodeRef}>{children}</div>\n        </ReactDraggable>\n    );\n};\n"],"names":["Draggable","_ref","children","draggable","nodeRef","useRef","React","createElement","Fragment","ReactDraggable","defaultClassName","classes","draggablePopupWrapper","undefined","defaultClassNameDragging","draggingPopupWrapper","disabled","cancel","concat","resizableHandleWrapper","ref"],"mappings":";;;;IAMaA,SAAwE,GAAG,SAA3EA,SAAwEA,CAAAC,IAAA,EAAgC;AAAA,EAAA,IAA1BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS,CAAA;AAC1G,EAAA,IAAMC,OAAO,GAAGC,MAAM,CAAC,IAAI,CAAC,CAAA;EAE5B,IAAI,CAACF,SAAS,EAAE;IACZ,oBAAOG,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAGN,IAAAA,EAAAA,QAAW,CAAC,CAAA;AAC1B,GAAA;AAEA,EAAA,oBACII,KAAA,CAAAC,aAAA,CAACE,cAAc,EAAA;AACXL,IAAAA,OAAO,EAAEA,OAAQ;AACjBM,IAAAA,gBAAgB,EAAEP,SAAS,GAAGQ,OAAO,CAACC,qBAAqB,GAAGC,SAAU;AACxEC,IAAAA,wBAAwB,EAAEX,SAAS,GAAGQ,OAAO,CAACI,oBAAoB,GAAGF,SAAU;IAC/EG,QAAQ,EAAE,CAACb,SAAU;AACrBc,IAAAA,MAAM,EAAAC,GAAAA,CAAAA,MAAA,CAAMP,OAAO,CAACQ,sBAAsB,CAAA;GAE1Cb,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKa,IAAAA,GAAG,EAAEhB,OAAAA;GAAUF,EAAAA,QAAc,CACtB,CAAC,CAAA;AAEzB;;;;"}