@salutejs/plasma-new-hope 0.326.1-canary.2043.15849605311.0 → 0.327.0-canary.1741.15743877104.0

package/es/components/Drawer/Drawer.js

@@ -1,8 +1,8 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useMemo } from 'react';
-import { useForkRef } from '@salutejs/plasma-core';
-import { cx } from '../../utils/index.js';
+import { useForkRef, safeUseId } from '@salutejs/plasma-core';
 import { DEFAULT_Z_INDEX } from '../Popup/utils/index.js';
+import { cx } from '../../utils/index.js';
 import { classes, tokens } from './Drawer.tokens.js';
 import { base } from './variations/_view/base.js';
 import { base as base$1 } from './variations/_size/base.js';
@@ -11,123 +11,113 @@ import { StyledPopup, StyledPanel } from './Drawer.styles.js';
 import { getIdLastDrawer } from './DrawerContext.js';
 import { useFocusTrap } from '../../hooks/useFocusTrap.js';
 import { usePopupContext } from '../Popup/PopupContext.js';
-import { safeUseId } from '../../utils/react.js';
 import { useDrawer } from './hooks/useDrawer.js';
 import { Overlay } from '../Overlay/Overlay.js';
 import { getSizeValueFromProp } from '../../utils/getSizeValueFromProp.js';
 
-var _excluded = ["id", "zIndex", "popupInfo", "withBlur", "children", "view", "size", "width", "height", "isOpen", "opened", "initialFocusRef", "focusAfterRef", "className", "customBackgroundColor", "customContentBackgroundColor", "onClose", "onOverlayClick", "onEscKeyDown", "offset", "frame", "borderRadius", "placement", "closeOnEsc", "closeOnOverlayClick", "asModal"];
-
 // issue #823
 
-var drawerRoot = function drawerRoot(Root) {
-  return /*#__PURE__*/forwardRef(function (_ref, outerRef) {
-    var id = _ref.id,
-      zIndex = _ref.zIndex,
-      popupInfo = _ref.popupInfo,
-      withBlur = _ref.withBlur,
-      children = _ref.children,
-      view = _ref.view,
-      size = _ref.size,
-      width = _ref.width,
-      height = _ref.height,
-      isOpen = _ref.isOpen,
-      opened = _ref.opened,
-      initialFocusRef = _ref.initialFocusRef,
-      focusAfterRef = _ref.focusAfterRef,
-      className = _ref.className,
-      customBackgroundColor = _ref.customBackgroundColor,
-      customContentBackgroundColor = _ref.customContentBackgroundColor,
-      onClose = _ref.onClose,
-      onOverlayClick = _ref.onOverlayClick,
-      onEscKeyDown = _ref.onEscKeyDown,
-      offset = _ref.offset,
-      frame = _ref.frame,
-      _ref$borderRadius = _ref.borderRadius,
-      borderRadius = _ref$borderRadius === void 0 ? 'none' : _ref$borderRadius,
-      _ref$placement = _ref.placement,
-      placement = _ref$placement === void 0 ? 'right' : _ref$placement,
-      _ref$closeOnEsc = _ref.closeOnEsc,
-      closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
-      _ref$closeOnOverlayCl = _ref.closeOnOverlayClick,
-      closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
-      _ref$asModal = _ref.asModal,
-      asModal = _ref$asModal === void 0 ? true : _ref$asModal,
-      rest = _objectWithoutProperties(_ref, _excluded);
-    var innerIsOpen = Boolean(isOpen || opened);
-    var trapRef = useFocusTrap(true, initialFocusRef, focusAfterRef);
-    var popupController = usePopupContext();
-    var innerRef = useForkRef(trapRef, outerRef);
-    var uniqId = safeUseId();
-    var innerId = id || uniqId;
-    var overlayBackgroundToken = withBlur ? "var(".concat(tokens.drawerOverlayWithBlurColor, ")") : "var(".concat(tokens.drawerOverlayColor, ")");
-    var innerWidth = width ? getSizeValueFromProp(width) : '100%';
-    var innerHeight = height ? getSizeValueFromProp(height) : '100%';
-    var placementClass = placement ? classes["".concat(placement, "Placement")] : undefined;
-    var _useDrawer = useDrawer({
-        id: innerId,
-        isOpen: innerIsOpen,
-        closeOnEsc: closeOnEsc,
-        onEscKeyDown: onEscKeyDown,
-        onClose: onClose,
-        popupInfo: popupInfo,
-        disableScroll: asModal
-      }),
-      drawerInfo = _useDrawer.drawerInfo;
-    var transparent = useMemo(function () {
-      return getIdLastDrawer(Array.from(popupController.items.values())) !== innerId;
-    }, [innerId, popupController.items]);
-    var onDrawerOverlayKeyDown = function onDrawerOverlayKeyDown(event) {
-      if (onOverlayClick) {
-        onOverlayClick(event);
-        return;
-      }
-      if (onClose) {
-        onClose();
-      }
-    };
-    return /*#__PURE__*/React.createElement(StyledPopup, _extends({
-      id: innerId,
-      ref: asModal ? innerRef : outerRef,
-      className: cx(placementClass),
-      opened: innerIsOpen,
-      zIndex: zIndex,
-      placement: placement,
-      popupInfo: drawerInfo,
-      frame: frame,
-      width: innerWidth,
-      height: innerHeight,
-      offset: offset,
-      withAnimation: true,
-      overlay: asModal && /*#__PURE__*/React.createElement(Root, {
-        view: view
-      }, /*#__PURE__*/React.createElement(Overlay, {
-        className: classes.overlay,
-        zIndex: zIndex || DEFAULT_Z_INDEX,
-        backgroundColorProperty: overlayBackgroundToken,
-        withBlur: withBlur,
-        transparent: transparent,
-        isClickable: closeOnOverlayClick,
-        onOverlayClick: onDrawerOverlayKeyDown
-      }))
-    }, rest), /*#__PURE__*/React.createElement(Root, {
-      view: view,
-      size: size,
-      style: {
-        width: innerWidth,
-        height: innerHeight
-      },
-      borderRadius: borderRadius
-    }, /*#__PURE__*/React.createElement(StyledPanel, {
-      width: innerWidth,
-      height: innerHeight,
-      customBackgroundColor: customBackgroundColor,
-      customContentBackgroundColor: customContentBackgroundColor,
-      className: className
-    }, children)));
+const drawerRoot = Root => /*#__PURE__*/forwardRef(({
+  id,
+  zIndex,
+  popupInfo,
+  withBlur,
+  children,
+  view,
+  size,
+  width,
+  height,
+  isOpen,
+  opened,
+  initialFocusRef,
+  focusAfterRef,
+  className,
+  customBackgroundColor,
+  customContentBackgroundColor,
+  onClose,
+  onOverlayClick,
+  onEscKeyDown,
+  offset,
+  frame,
+  borderRadius = 'none',
+  placement = 'right',
+  closeOnEsc = true,
+  closeOnOverlayClick = true,
+  asModal = true,
+  ...rest
+}, outerRef) => {
+  const innerIsOpen = Boolean(isOpen || opened);
+  const trapRef = useFocusTrap(true, initialFocusRef, focusAfterRef);
+  const popupController = usePopupContext();
+  const innerRef = useForkRef(trapRef, outerRef);
+  const uniqId = safeUseId();
+  const innerId = id || uniqId;
+  const overlayBackgroundToken = withBlur ? `var(${tokens.drawerOverlayWithBlurColor})` : `var(${tokens.drawerOverlayColor})`;
+  const innerWidth = width ? getSizeValueFromProp(width) : '100%';
+  const innerHeight = height ? getSizeValueFromProp(height) : '100%';
+  const placementClass = placement ? classes[`${placement}Placement`] : undefined;
+  const {
+    drawerInfo
+  } = useDrawer({
+    id: innerId,
+    isOpen: innerIsOpen,
+    closeOnEsc,
+    onEscKeyDown,
+    onClose,
+    popupInfo,
+    disableScroll: asModal
   });
-};
-var drawerConfig = {
+  const transparent = useMemo(() => getIdLastDrawer(popupController.items) !== innerId, [innerId, popupController.items]);
+  const onDrawerOverlayKeyDown = event => {
+    if (onOverlayClick) {
+      onOverlayClick(event);
+      return;
+    }
+    if (onClose) {
+      onClose();
+    }
+  };
+  return /*#__PURE__*/React.createElement(StyledPopup, _extends({
+    id: innerId,
+    ref: asModal ? innerRef : outerRef,
+    className: cx(placementClass),
+    opened: innerIsOpen,
+    zIndex: zIndex,
+    placement: placement,
+    popupInfo: drawerInfo,
+    frame: frame,
+    width: innerWidth,
+    height: innerHeight,
+    offset: offset,
+    withAnimation: true,
+    overlay: asModal && /*#__PURE__*/React.createElement(Root, {
+      view: view
+    }, /*#__PURE__*/React.createElement(Overlay, {
+      className: classes.overlay,
+      zIndex: zIndex || DEFAULT_Z_INDEX,
+      backgroundColorProperty: overlayBackgroundToken,
+      withBlur: withBlur,
+      transparent: transparent,
+      isClickable: closeOnOverlayClick,
+      onOverlayClick: onDrawerOverlayKeyDown
+    }))
+  }, rest), /*#__PURE__*/React.createElement(Root, {
+    view: view,
+    size: size,
+    style: {
+      width: innerWidth,
+      height: innerHeight
+    },
+    borderRadius: borderRadius
+  }, /*#__PURE__*/React.createElement(StyledPanel, {
+    width: innerWidth,
+    height: innerHeight,
+    customBackgroundColor: customBackgroundColor,
+    customContentBackgroundColor: customContentBackgroundColor,
+    className: className
+  }, children)));
+});
+const drawerConfig = {
   name: 'Drawer',
   tag: 'div',
   layout: drawerRoot,

package/es/components/Drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sources":["../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { cx, getSizeValueFromProp, safeUseId } from 'src/utils';\nimport type { RootProps } from 'src/engines';\n\nimport { usePopupContext } from '../Popup';\nimport { Overlay } from '../Overlay';\nimport { DEFAULT_Z_INDEX } from '../Popup/utils';\nimport { useFocusTrap } from '../../hooks';\n\nimport { classes, tokens } from './Drawer.tokens';\nimport type { DrawerProps } from './Drawer.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as borderRadiusCSS } from './variations/_borderRadius/base';\nimport { StyledPopup, StyledPanel } from './Drawer.styles';\nimport { getIdLastDrawer } from './DrawerContext';\nimport { useDrawer } from './hooks';\n\n// issue #823\n\nexport const drawerRoot = (Root: RootProps<HTMLDivElement, DrawerProps>) =>\n    forwardRef<HTMLDivElement, DrawerProps>(\n        (\n            {\n                id,\n                zIndex,\n                popupInfo,\n                withBlur,\n                children,\n                view,\n                size,\n                width,\n                height,\n                isOpen,\n                opened,\n                initialFocusRef,\n                focusAfterRef,\n                className,\n                customBackgroundColor,\n                customContentBackgroundColor,\n                onClose,\n                onOverlayClick,\n                onEscKeyDown,\n                offset,\n                frame,\n                borderRadius = 'none',\n                placement = 'right',\n                closeOnEsc = true,\n                closeOnOverlayClick = true,\n                asModal = true,\n                ...rest\n            },\n            outerRef,\n        ) => {\n            const innerIsOpen = Boolean(isOpen || opened);\n\n            const trapRef = useFocusTrap(true, initialFocusRef, focusAfterRef);\n            const popupController = usePopupContext();\n\n            const innerRef = useForkRef<HTMLDivElement>(trapRef, outerRef);\n\n            const uniqId = safeUseId();\n            const innerId = id || uniqId;\n            const overlayBackgroundToken = withBlur\n                ? `var(${tokens.drawerOverlayWithBlurColor})`\n                : `var(${tokens.drawerOverlayColor})`;\n            const innerWidth = width ? getSizeValueFromProp(width) : '100%';\n            const innerHeight = height ? getSizeValueFromProp(height) : '100%';\n\n            const placementClass = placement ? classes[`${placement}Placement` as keyof typeof classes] : undefined;\n\n            const { drawerInfo } = useDrawer({\n                id: innerId,\n                isOpen: innerIsOpen,\n                closeOnEsc,\n                onEscKeyDown,\n                onClose,\n                popupInfo,\n                disableScroll: asModal,\n            });\n            const transparent = useMemo(() => getIdLastDrawer(Array.from(popupController.items.values())) !== innerId, [\n                innerId,\n                popupController.items,\n            ]);\n\n            const onDrawerOverlayKeyDown = (event: React.MouseEvent<HTMLDivElement>) => {\n                if (onOverlayClick) {\n                    onOverlayClick(event);\n                    return;\n                }\n\n                if (onClose) {\n                    onClose();\n                }\n            };\n\n            return (\n                <StyledPopup\n                    id={innerId}\n                    ref={asModal ? innerRef : outerRef}\n                    className={cx(placementClass)}\n                    opened={innerIsOpen}\n                    zIndex={zIndex}\n                    placement={placement}\n                    popupInfo={drawerInfo}\n                    frame={frame}\n                    width={innerWidth}\n                    height={innerHeight}\n                    offset={offset}\n                    withAnimation\n                    overlay={\n                        asModal && (\n                            <Root view={view}>\n                                <Overlay\n                                    className={classes.overlay}\n                                    zIndex={zIndex || DEFAULT_Z_INDEX}\n                                    backgroundColorProperty={overlayBackgroundToken}\n                                    withBlur={withBlur}\n                                    transparent={transparent}\n                                    isClickable={closeOnOverlayClick}\n                                    onOverlayClick={onDrawerOverlayKeyDown}\n                                />\n                            </Root>\n                        )\n                    }\n                    {...rest}\n                >\n                    <Root\n                        view={view}\n                        size={size}\n                        style={{ width: innerWidth, height: innerHeight }}\n                        borderRadius={borderRadius}\n                    >\n                        <StyledPanel\n                            width={innerWidth}\n                            height={innerHeight}\n                            customBackgroundColor={customBackgroundColor}\n                            customContentBackgroundColor={customContentBackgroundColor}\n                            className={className}\n                        >\n                            {children}\n                        </StyledPanel>\n                    </Root>\n                </StyledPopup>\n            );\n        },\n    );\n\nexport const drawerConfig = {\n    name: 'Drawer',\n    tag: 'div',\n    layout: drawerRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        borderRadius: {\n            css: borderRadiusCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n        borderRadius: 'none',\n    },\n};\n"],"names":["drawerRoot","Root","forwardRef","_ref","outerRef","id","zIndex","popupInfo","withBlur","children","view","size","width","height","isOpen","opened","initialFocusRef","focusAfterRef","className","customBackgroundColor","customContentBackgroundColor","onClose","onOverlayClick","onEscKeyDown","offset","frame","_ref$borderRadius","borderRadius","_ref$placement","placement","_ref$closeOnEsc","closeOnEsc","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$asModal","asModal","rest","_objectWithoutProperties","_excluded","innerIsOpen","Boolean","trapRef","useFocusTrap","popupController","usePopupContext","innerRef","useForkRef","uniqId","safeUseId","innerId","overlayBackgroundToken","concat","tokens","drawerOverlayWithBlurColor","drawerOverlayColor","innerWidth","getSizeValueFromProp","innerHeight","placementClass","classes","undefined","_useDrawer","useDrawer","disableScroll","drawerInfo","transparent","useMemo","getIdLastDrawer","Array","from","items","values","onDrawerOverlayKeyDown","event","React","createElement","StyledPopup","_extends","ref","cx","withAnimation","overlay","Overlay","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","style","StyledPanel","drawerConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","borderRadiusCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;;;;AAmBA;;IAEaA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAA4C,EAAA;AAAA,EAAA,oBACnEC,UAAU,CACN,UAAAC,IAAA,EA8BIC,QAAQ,EACP;AAAA,IAAA,IA7BGC,EAAE,GAAAF,IAAA,CAAFE,EAAE;MACFC,MAAM,GAAAH,IAAA,CAANG,MAAM;MACNC,SAAS,GAAAJ,IAAA,CAATI,SAAS;MACTC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;MACRC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;MACRC,IAAI,GAAAP,IAAA,CAAJO,IAAI;MACJC,IAAI,GAAAR,IAAA,CAAJQ,IAAI;MACJC,KAAK,GAAAT,IAAA,CAALS,KAAK;MACLC,MAAM,GAAAV,IAAA,CAANU,MAAM;MACNC,MAAM,GAAAX,IAAA,CAANW,MAAM;MACNC,MAAM,GAAAZ,IAAA,CAANY,MAAM;MACNC,eAAe,GAAAb,IAAA,CAAfa,eAAe;MACfC,aAAa,GAAAd,IAAA,CAAbc,aAAa;MACbC,SAAS,GAAAf,IAAA,CAATe,SAAS;MACTC,qBAAqB,GAAAhB,IAAA,CAArBgB,qBAAqB;MACrBC,4BAA4B,GAAAjB,IAAA,CAA5BiB,4BAA4B;MAC5BC,OAAO,GAAAlB,IAAA,CAAPkB,OAAO;MACPC,cAAc,GAAAnB,IAAA,CAAdmB,cAAc;MACdC,YAAY,GAAApB,IAAA,CAAZoB,YAAY;MACZC,MAAM,GAAArB,IAAA,CAANqB,MAAM;MACNC,KAAK,GAAAtB,IAAA,CAALsB,KAAK;MAAAC,iBAAA,GAAAvB,IAAA,CACLwB,YAAY;AAAZA,MAAAA,YAAY,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,iBAAA;MAAAE,cAAA,GAAAzB,IAAA,CACrB0B,SAAS;AAATA,MAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,cAAA;MAAAE,eAAA,GAAA3B,IAAA,CACnB4B,UAAU;AAAVA,MAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,eAAA;MAAAE,qBAAA,GAAA7B,IAAA,CACjB8B,mBAAmB;AAAnBA,MAAAA,mBAAmB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,qBAAA;MAAAE,YAAA,GAAA/B,IAAA,CAC1BgC,OAAO;AAAPA,MAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,YAAA;AACXE,MAAAA,IAAI,GAAAC,wBAAA,CAAAlC,IAAA,EAAAmC,SAAA,CAAA,CAAA;AAIX,IAAA,IAAMC,WAAW,GAAGC,OAAO,CAAC1B,MAAM,IAAIC,MAAM,CAAC,CAAA;IAE7C,IAAM0B,OAAO,GAAGC,YAAY,CAAC,IAAI,EAAE1B,eAAe,EAAEC,aAAa,CAAC,CAAA;AAClE,IAAA,IAAM0B,eAAe,GAAGC,eAAe,EAAE,CAAA;AAEzC,IAAA,IAAMC,QAAQ,GAAGC,UAAU,CAAiBL,OAAO,EAAErC,QAAQ,CAAC,CAAA;AAE9D,IAAA,IAAM2C,MAAM,GAAGC,SAAS,EAAE,CAAA;AAC1B,IAAA,IAAMC,OAAO,GAAG5C,EAAE,IAAI0C,MAAM,CAAA;AAC5B,IAAA,IAAMG,sBAAsB,GAAG1C,QAAQ,GAAA,MAAA,CAAA2C,MAAA,CAC1BC,MAAM,CAACC,0BAA0B,gBAAAF,MAAA,CACjCC,MAAM,CAACE,kBAAkB,EAAG,GAAA,CAAA,CAAA;IACzC,IAAMC,UAAU,GAAG3C,KAAK,GAAG4C,oBAAoB,CAAC5C,KAAK,CAAC,GAAG,MAAM,CAAA;IAC/D,IAAM6C,WAAW,GAAG5C,MAAM,GAAG2C,oBAAoB,CAAC3C,MAAM,CAAC,GAAG,MAAM,CAAA;IAElE,IAAM6C,cAAc,GAAG7B,SAAS,GAAG8B,OAAO,CAAAR,EAAAA,CAAAA,MAAA,CAAItB,SAAS,EAAoC,WAAA,CAAA,CAAA,GAAG+B,SAAS,CAAA;IAEvG,IAAAC,UAAA,GAAuBC,SAAS,CAAC;AAC7BzD,QAAAA,EAAE,EAAE4C,OAAO;AACXnC,QAAAA,MAAM,EAAEyB,WAAW;AACnBR,QAAAA,UAAU,EAAVA,UAAU;AACVR,QAAAA,YAAY,EAAZA,YAAY;AACZF,QAAAA,OAAO,EAAPA,OAAO;AACPd,QAAAA,SAAS,EAATA,SAAS;AACTwD,QAAAA,aAAa,EAAE5B,OAAAA;AACnB,OAAC,CAAC;MARM6B,UAAU,GAAAH,UAAA,CAAVG,UAAU,CAAA;IASlB,IAAMC,WAAW,GAAGC,OAAO,CAAC,YAAA;AAAA,MAAA,OAAMC,eAAe,CAACC,KAAK,CAACC,IAAI,CAAC1B,eAAe,CAAC2B,KAAK,CAACC,MAAM,EAAE,CAAC,CAAC,KAAKtB,OAAO,CAAA;AAAA,KAAA,EAAE,CACvGA,OAAO,EACPN,eAAe,CAAC2B,KAAK,CACxB,CAAC,CAAA;AAEF,IAAA,IAAME,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIC,KAAuC,EAAK;AACxE,MAAA,IAAInD,cAAc,EAAE;QAChBA,cAAc,CAACmD,KAAK,CAAC,CAAA;AACrB,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAIpD,OAAO,EAAE;AACTA,QAAAA,OAAO,EAAE,CAAA;AACb,OAAA;KACH,CAAA;AAED,IAAA,oBACIqD,KAAA,CAAAC,aAAA,CAACC,WAAW,EAAAC,QAAA,CAAA;AACRxE,MAAAA,EAAE,EAAE4C,OAAQ;AACZ6B,MAAAA,GAAG,EAAE3C,OAAO,GAAGU,QAAQ,GAAGzC,QAAS;AACnCc,MAAAA,SAAS,EAAE6D,EAAE,CAACrB,cAAc,CAAE;AAC9B3C,MAAAA,MAAM,EAAEwB,WAAY;AACpBjC,MAAAA,MAAM,EAAEA,MAAO;AACfuB,MAAAA,SAAS,EAAEA,SAAU;AACrBtB,MAAAA,SAAS,EAAEyD,UAAW;AACtBvC,MAAAA,KAAK,EAAEA,KAAM;AACbb,MAAAA,KAAK,EAAE2C,UAAW;AAClB1C,MAAAA,MAAM,EAAE4C,WAAY;AACpBjC,MAAAA,MAAM,EAAEA,MAAO;MACfwD,aAAa,EAAA,IAAA;AACbC,MAAAA,OAAO,EACH9C,OAAO,iBACHuC,KAAA,CAAAC,aAAA,CAAC1E,IAAI,EAAA;AAACS,QAAAA,IAAI,EAAEA,IAAAA;AAAK,OAAA,eACbgE,KAAA,CAAAC,aAAA,CAACO,OAAO,EAAA;QACJhE,SAAS,EAAEyC,OAAO,CAACsB,OAAQ;QAC3B3E,MAAM,EAAEA,MAAM,IAAI6E,eAAgB;AAClCC,QAAAA,uBAAuB,EAAElC,sBAAuB;AAChD1C,QAAAA,QAAQ,EAAEA,QAAS;AACnByD,QAAAA,WAAW,EAAEA,WAAY;AACzBoB,QAAAA,WAAW,EAAEpD,mBAAoB;AACjCX,QAAAA,cAAc,EAAEkD,sBAAAA;AAAuB,OAC1C,CACC,CAAA;AAEb,KAAA,EACGpC,IAAI,CAERsC,eAAAA,KAAA,CAAAC,aAAA,CAAC1E,IAAI,EAAA;AACDS,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;AACX2E,MAAAA,KAAK,EAAE;AAAE1E,QAAAA,KAAK,EAAE2C,UAAU;AAAE1C,QAAAA,MAAM,EAAE4C,WAAAA;OAAc;AAClD9B,MAAAA,YAAY,EAAEA,YAAAA;AAAa,KAAA,eAE3B+C,KAAA,CAAAC,aAAA,CAACY,WAAW,EAAA;AACR3E,MAAAA,KAAK,EAAE2C,UAAW;AAClB1C,MAAAA,MAAM,EAAE4C,WAAY;AACpBtC,MAAAA,qBAAqB,EAAEA,qBAAsB;AAC7CC,MAAAA,4BAA4B,EAAEA,4BAA6B;AAC3DF,MAAAA,SAAS,EAAEA,SAAAA;KAEVT,EAAAA,QACQ,CACX,CACG,CAAC,CAAA;AAEtB,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAM+E,YAAY,GAAG;AACxBC,EAAAA,IAAI,EAAE,QAAQ;AACdC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE3F,UAAU;AAClB4F,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,UAAU,EAAE;AACRnF,IAAAA,IAAI,EAAE;AACFoF,MAAAA,GAAG,EAAEC,IAAAA;KACR;AACDpF,IAAAA,IAAI,EAAE;AACFmF,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACDrE,IAAAA,YAAY,EAAE;AACVmE,MAAAA,GAAG,EAAEG,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNxF,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTgB,IAAAA,YAAY,EAAE,MAAA;AAClB,GAAA;AACJ;;;;"}
+{"version":3,"file":"Drawer.js","sources":["../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport { useForkRef, safeUseId } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines';\nimport { usePopupContext } from '../Popup';\nimport { Overlay } from '../Overlay';\nimport { DEFAULT_Z_INDEX } from '../Popup/utils';\nimport { cx, getSizeValueFromProp } from '../../utils';\nimport { useFocusTrap } from '../../hooks';\n\nimport { classes, tokens } from './Drawer.tokens';\nimport type { DrawerProps } from './Drawer.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as borderRadiusCSS } from './variations/_borderRadius/base';\nimport { StyledPopup, StyledPanel } from './Drawer.styles';\nimport { getIdLastDrawer } from './DrawerContext';\nimport { useDrawer } from './hooks';\n\n// issue #823\n\nexport const drawerRoot = (Root: RootProps<HTMLDivElement, DrawerProps>) =>\n    forwardRef<HTMLDivElement, DrawerProps>(\n        (\n            {\n                id,\n                zIndex,\n                popupInfo,\n                withBlur,\n                children,\n                view,\n                size,\n                width,\n                height,\n                isOpen,\n                opened,\n                initialFocusRef,\n                focusAfterRef,\n                className,\n                customBackgroundColor,\n                customContentBackgroundColor,\n                onClose,\n                onOverlayClick,\n                onEscKeyDown,\n                offset,\n                frame,\n                borderRadius = 'none',\n                placement = 'right',\n                closeOnEsc = true,\n                closeOnOverlayClick = true,\n                asModal = true,\n                ...rest\n            },\n            outerRef,\n        ) => {\n            const innerIsOpen = Boolean(isOpen || opened);\n\n            const trapRef = useFocusTrap(true, initialFocusRef, focusAfterRef);\n            const popupController = usePopupContext();\n\n            const innerRef = useForkRef<HTMLDivElement>(trapRef, outerRef);\n\n            const uniqId = safeUseId();\n            const innerId = id || uniqId;\n            const overlayBackgroundToken = withBlur\n                ? `var(${tokens.drawerOverlayWithBlurColor})`\n                : `var(${tokens.drawerOverlayColor})`;\n            const innerWidth = width ? getSizeValueFromProp(width) : '100%';\n            const innerHeight = height ? getSizeValueFromProp(height) : '100%';\n\n            const placementClass = placement ? classes[`${placement}Placement` as keyof typeof classes] : undefined;\n\n            const { drawerInfo } = useDrawer({\n                id: innerId,\n                isOpen: innerIsOpen,\n                closeOnEsc,\n                onEscKeyDown,\n                onClose,\n                popupInfo,\n                disableScroll: asModal,\n            });\n            const transparent = useMemo(() => getIdLastDrawer(popupController.items) !== innerId, [\n                innerId,\n                popupController.items,\n            ]);\n\n            const onDrawerOverlayKeyDown = (event: React.MouseEvent<HTMLDivElement>) => {\n                if (onOverlayClick) {\n                    onOverlayClick(event);\n                    return;\n                }\n\n                if (onClose) {\n                    onClose();\n                }\n            };\n\n            return (\n                <StyledPopup\n                    id={innerId}\n                    ref={asModal ? innerRef : outerRef}\n                    className={cx(placementClass)}\n                    opened={innerIsOpen}\n                    zIndex={zIndex}\n                    placement={placement}\n                    popupInfo={drawerInfo}\n                    frame={frame}\n                    width={innerWidth}\n                    height={innerHeight}\n                    offset={offset}\n                    withAnimation\n                    overlay={\n                        asModal && (\n                            <Root view={view}>\n                                <Overlay\n                                    className={classes.overlay}\n                                    zIndex={zIndex || DEFAULT_Z_INDEX}\n                                    backgroundColorProperty={overlayBackgroundToken}\n                                    withBlur={withBlur}\n                                    transparent={transparent}\n                                    isClickable={closeOnOverlayClick}\n                                    onOverlayClick={onDrawerOverlayKeyDown}\n                                />\n                            </Root>\n                        )\n                    }\n                    {...rest}\n                >\n                    <Root\n                        view={view}\n                        size={size}\n                        style={{ width: innerWidth, height: innerHeight }}\n                        borderRadius={borderRadius}\n                    >\n                        <StyledPanel\n                            width={innerWidth}\n                            height={innerHeight}\n                            customBackgroundColor={customBackgroundColor}\n                            customContentBackgroundColor={customContentBackgroundColor}\n                            className={className}\n                        >\n                            {children}\n                        </StyledPanel>\n                    </Root>\n                </StyledPopup>\n            );\n        },\n    );\n\nexport const drawerConfig = {\n    name: 'Drawer',\n    tag: 'div',\n    layout: drawerRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        borderRadius: {\n            css: borderRadiusCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n        borderRadius: 'none',\n    },\n};\n"],"names":["drawerRoot","Root","forwardRef","id","zIndex","popupInfo","withBlur","children","view","size","width","height","isOpen","opened","initialFocusRef","focusAfterRef","className","customBackgroundColor","customContentBackgroundColor","onClose","onOverlayClick","onEscKeyDown","offset","frame","borderRadius","placement","closeOnEsc","closeOnOverlayClick","asModal","rest","outerRef","innerIsOpen","Boolean","trapRef","useFocusTrap","popupController","usePopupContext","innerRef","useForkRef","uniqId","safeUseId","innerId","overlayBackgroundToken","tokens","drawerOverlayWithBlurColor","drawerOverlayColor","innerWidth","getSizeValueFromProp","innerHeight","placementClass","classes","undefined","drawerInfo","useDrawer","disableScroll","transparent","useMemo","getIdLastDrawer","items","onDrawerOverlayKeyDown","event","React","createElement","StyledPopup","_extends","ref","cx","withAnimation","overlay","Overlay","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","style","StyledPanel","drawerConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","borderRadiusCSS","defaults"],"mappings":"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"}

package/es/components/Drawer/Drawer.styles.js

@@ -1,42 +1,32 @@
 import './Drawer.styles_11rwbjh.css';
 import { styled } from '@linaria/react';
-import { component, mergeConfig } from '../../engines/common.js';
-import { popupConfig } from '../Popup/Popup.js';
+import { mergeConfig, component } from '../../engines/common.js';
 import { panelConfig } from '../Panel/Panel.js';
+import { popupConfig } from '../Popup/Popup.js';
 
-var mergedPanelConfig = /*#__PURE__*/mergeConfig(panelConfig);
-var Panel = /*#__PURE__*/component(mergedPanelConfig);
-var Popup = /*#__PURE__*/component(popupConfig);
-var _exp = function _exp() {
-  return Panel;
-};
-var StyledPanel = /*#__PURE__*/styled(_exp())({
+const mergedPanelConfig = mergeConfig(panelConfig);
+const Panel = component(mergedPanelConfig);
+const Popup = component(popupConfig);
+const _exp = /*#__PURE__*/() => Panel;
+const StyledPanel = /*#__PURE__*/styled(_exp())({
   name: "StyledPanel",
-  "class": "s1ewnow2",
+  class: "s1ewnow2",
   propsAsIs: true
 });
-var _exp4 = function _exp4() {
-  return Popup;
-};
-var _exp10 = function _exp10() {
-  return function (_ref) {
-    var width = _ref.width;
-    return width || 'auto';
-  };
-};
-var _exp11 = function _exp11() {
-  return function (_ref2) {
-    var height = _ref2.height;
-    return height || 'auto';
-  };
-};
-var StyledPopup = /*#__PURE__*/styled(_exp4())({
+const _exp4 = /*#__PURE__*/() => Popup;
+const _exp10 = /*#__PURE__*/() => ({
+  width
+}) => width || 'auto';
+const _exp11 = /*#__PURE__*/() => ({
+  height
+}) => height || 'auto';
+const StyledPopup = /*#__PURE__*/styled(_exp4())({
   name: "StyledPopup",
-  "class": "sv7q57r",
+  class: "sv7q57r",
   propsAsIs: true,
   vars: {
-    "sv7q57r-0": [/*#__PURE__*/_exp10()],
-    "sv7q57r-1": [/*#__PURE__*/_exp11()]
+    "sv7q57r-0": [_exp10()],
+    "sv7q57r-1": [_exp11()]
   }
 });
 

package/es/components/Drawer/Drawer.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.styles.js","sources":["../../../src/components/Drawer/Drawer.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../engines';\nimport { popupClasses, popupConfig } from '../Popup';\nimport { panelTokens, panelConfig } from '../Panel';\n\nimport type { DrawerPlacement } from './Drawer.types';\nimport { classes, tokens } from './Drawer.tokens';\n\nconst mergedPanelConfig = mergeConfig(panelConfig);\nconst Panel = component(mergedPanelConfig);\n\nconst Popup = component(popupConfig);\n\nconst animationVariants = {\n    right: {\n        show: {\n            start: 'translate(100%, -50%)',\n            end: 'translate(0, -50%)',\n        },\n        hide: {\n            start: 'translate(0, -50%)',\n            end: 'translate(100%, -50%)',\n        },\n    },\n    bottom: {\n        show: {\n            start: 'translate(-50%, 100%)',\n            end: 'translate(-50%, 0)',\n        },\n        hide: {\n            start: 'translate(-50%, 0)',\n            end: 'translate(-50%, 100%)',\n        },\n    },\n    left: {\n        show: {\n            start: 'translate(-100%, -50%)',\n            end: 'translate(0, -50%)',\n        },\n        hide: {\n            start: 'translate(0, -50%)',\n            end: 'translate(-100%, -50%)',\n        },\n    },\n    top: {\n        show: {\n            start: 'translate(-50%, -100%)',\n            end: 'translate(-50%, 0)',\n        },\n        hide: {\n            start: 'translate(-50%, 0)',\n            end: 'translate(-50%, -100%)',\n        },\n    },\n};\n\nconst templateAnimationStyle = (placement: DrawerPlacement) => `\n        &.${classes[`${placement}Placement` as keyof typeof classes]} {\n            && .${popupClasses.root} {\n                animation: ${placement}ShowAnimation 0.2s forwards;\n            }\n\n            &&.${popupClasses.endAnimation} .${popupClasses.root} {\n                animation: ${placement}HideAnimation 0.2s forwards;\n            }\n\n            @keyframes ${placement}ShowAnimation {\n                0% {\n                    transform: ${animationVariants[placement].show.start};\n                    opacity: 0;\n                }\n\n                100% {\n                    transform: ${animationVariants[placement].show.end};\n                    opacity: 1;\n                }\n            }\n\n            @keyframes ${placement}HideAnimation {\n                0% {\n                    transform: ${animationVariants[placement].hide.start};\n                    opacity: 1;\n                }\n\n                100% {\n                    transform: ${animationVariants[placement].hide.end};\n                    opacity: 0;\n                }\n            }\n        }\n    `;\n\nconst getAnimationStyles = () => {\n    return Object.keys(animationVariants).reduce((acc, placement) => {\n        acc += templateAnimationStyle(placement as DrawerPlacement);\n        return acc;\n    }, '');\n};\n\nexport const StyledPanel = styled(Panel)`\n    ${panelTokens.closeColor}: var(${tokens.closeIconColor});\n`;\n\nexport const StyledPopup = styled(Popup)<{\n    placement: DrawerPlacement;\n    width?: number | string;\n    height?: number | string;\n}>`\n    &&.${classes.overlay} {\n        animation: fadeIn 0.2s forwards;\n    }\n\n    &&.${popupClasses.endAnimation} .${classes.overlay} {\n        animation: fadeOut 0.2s forwards;\n    }\n\n    @keyframes fadeIn {\n        from {\n            opacity: 0;\n        }\n\n        to {\n            opacity: 1;\n        }\n    }\n\n    @keyframes fadeOut {\n        from {\n            opacity: 1;\n        }\n\n        to {\n            opacity: 0;\n        }\n    }\n\n    && .${popupClasses.root}, && .${popupClasses.root} > div {\n        width: ${({ width }) => width || 'auto'};\n        height: ${({ height }) => height || 'auto'};\n    }\n\n    ${getAnimationStyles()}\n`;\n"],"names":["mergedPanelConfig","mergeConfig","panelConfig","Panel","component","Popup","popupConfig","_exp","StyledPanel","styled","name","class","propsAsIs","_exp4","_exp10","_ref","width","_exp11","_ref2","height","StyledPopup","vars"],"mappings":";;;;;AASA,IAAMA,iBAAiB,gBAAGC,WAAW,CAACC,WAAW,CAAC,CAAA;AAClD,IAAMC,KAAK,gBAAGC,SAAS,CAACJ,iBAAiB,CAAC,CAAA;AAE1C,IAAMK,KAAK,gBAAGD,SAAS,CAACE,WAAW,CAAC,CAAA;AAAC,IAAAC,IAAA,GAXnBA,SAWmBA,IAAAA,GAAA;AAAA,EAAA,OAwFHJ,KAAK,CAAA;AAAA,CAAA,CAAA;AAAhC,IAAMK,WAAW,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAEhC,EAAA;AAAC,IAAAC,KAAA,GArGgBA,SAqGhBA,KAAAA,GAAA;AAAA,EAAA,OAEgCR,KAAK,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAS,MAAA,GAvGrBA,SAuGqBA,MAAAA,GAAA;AAAA,EAAA,OAkCtB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,KAAAA,GAAAA,IAAAA,CAAAA,KAAAA,CAAAA;IAAAA,OAAYA,KAAK,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GAzI7BA,SAyI6BA,MAAAA,GAAA;AAAA,EAAA,OAC7B,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAaA,MAAM,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAnC3C,IAAMC,WAAW,gBAAGX,MAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAS,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAkChBP,MAA8B,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAC7BG,MAAgC,EAAA,CAAA;AAAA,GAAA;AAAA,CAIjD;;;;"}
+{"version":3,"file":"Drawer.styles.js","sources":["../../../src/components/Drawer/Drawer.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../engines';\nimport { popupClasses, popupConfig } from '../Popup';\nimport { panelTokens, panelConfig } from '../Panel';\n\nimport type { DrawerPlacement } from './Drawer.types';\nimport { classes, tokens } from './Drawer.tokens';\n\nconst mergedPanelConfig = mergeConfig(panelConfig);\nconst Panel = component(mergedPanelConfig);\n\nconst Popup = component(popupConfig);\n\nconst animationVariants = {\n    right: {\n        show: {\n            start: 'translate(100%, -50%)',\n            end: 'translate(0, -50%)',\n        },\n        hide: {\n            start: 'translate(0, -50%)',\n            end: 'translate(100%, -50%)',\n        },\n    },\n    bottom: {\n        show: {\n            start: 'translate(-50%, 100%)',\n            end: 'translate(-50%, 0)',\n        },\n        hide: {\n            start: 'translate(-50%, 0)',\n            end: 'translate(-50%, 100%)',\n        },\n    },\n    left: {\n        show: {\n            start: 'translate(-100%, -50%)',\n            end: 'translate(0, -50%)',\n        },\n        hide: {\n            start: 'translate(0, -50%)',\n            end: 'translate(-100%, -50%)',\n        },\n    },\n    top: {\n        show: {\n            start: 'translate(-50%, -100%)',\n            end: 'translate(-50%, 0)',\n        },\n        hide: {\n            start: 'translate(-50%, 0)',\n            end: 'translate(-50%, -100%)',\n        },\n    },\n};\n\nconst templateAnimationStyle = (placement: DrawerPlacement) => `\n        &.${classes[`${placement}Placement` as keyof typeof classes]} {\n            && .${popupClasses.root} {\n                animation: ${placement}ShowAnimation 0.2s forwards;\n            }\n\n            &&.${popupClasses.endAnimation} .${popupClasses.root} {\n                animation: ${placement}HideAnimation 0.2s forwards;\n            }\n\n            @keyframes ${placement}ShowAnimation {\n                0% {\n                    transform: ${animationVariants[placement].show.start};\n                    opacity: 0;\n                }\n\n                100% {\n                    transform: ${animationVariants[placement].show.end};\n                    opacity: 1;\n                }\n            }\n\n            @keyframes ${placement}HideAnimation {\n                0% {\n                    transform: ${animationVariants[placement].hide.start};\n                    opacity: 1;\n                }\n\n                100% {\n                    transform: ${animationVariants[placement].hide.end};\n                    opacity: 0;\n                }\n            }\n        }\n    `;\n\nconst getAnimationStyles = () => {\n    return Object.keys(animationVariants).reduce((acc, placement) => {\n        acc += templateAnimationStyle(placement as DrawerPlacement);\n        return acc;\n    }, '');\n};\n\nexport const StyledPanel = styled(Panel)`\n    ${panelTokens.closeColor}: var(${tokens.closeIconColor});\n`;\n\nexport const StyledPopup = styled(Popup)<{\n    placement: DrawerPlacement;\n    width?: number | string;\n    height?: number | string;\n}>`\n    &&.${classes.overlay} {\n        animation: fadeIn 0.2s forwards;\n    }\n\n    &&.${popupClasses.endAnimation} .${classes.overlay} {\n        animation: fadeOut 0.2s forwards;\n    }\n\n    @keyframes fadeIn {\n        from {\n            opacity: 0;\n        }\n\n        to {\n            opacity: 1;\n        }\n    }\n\n    @keyframes fadeOut {\n        from {\n            opacity: 1;\n        }\n\n        to {\n            opacity: 0;\n        }\n    }\n\n    && .${popupClasses.root}, && .${popupClasses.root} > div {\n        width: ${({ width }) => width || 'auto'};\n        height: ${({ height }) => height || 'auto'};\n    }\n\n    ${getAnimationStyles()}\n`;\n"],"names":["mergedPanelConfig","mergeConfig","panelConfig","Panel","component","Popup","popupConfig","_exp","StyledPanel","styled","name","class","propsAsIs","_exp4","_exp10","width","_exp11","height","StyledPopup","vars"],"mappings":";;;;;AASA,MAAMA,iBAAiB,GAAGC,WAAW,CAACC,WAAW,CAAC,CAAA;AAClD,MAAMC,KAAK,GAAGC,SAAS,CAACJ,iBAAiB,CAAC,CAAA;AAE1C,MAAMK,KAAK,GAAGD,SAAS,CAACE,WAAW,CAAC,CAAA;AAAC,MAAAC,IAAA,gBAXnBA,MAmGgBJ,KAAK,CAAA;AAAhC,MAAMK,WAAW,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAEhC,EAAA;AAAC,MAAAC,KAAA,gBArGgBA,MAuGgBR,KAAK,CAAA;AAAA,MAAAS,MAAA,gBAvGrBA,MAyID,CAAC;AAAEC,EAAAA,KAAAA;AAAM,CAAC,KAAKA,KAAK,IAAI,MAAM,CAAA;AAAA,MAAAC,MAAA,gBAzI7BA,MA0IA,CAAC;AAAEC,EAAAA,MAAAA;AAAO,CAAC,KAAKA,MAAM,IAAI,MAAM,CAAA;AAnC3C,MAAMC,WAAW,gBAAGT,MAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAO,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,CAkChBL,MAA8B,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,CAC7BE,MAAgC,EAAA,CAAA;AAAA,GAAA;AAAA,CAIjD;;;;"}

package/es/components/Drawer/Drawer.tokens.js

@@ -1,4 +1,4 @@
-var classes = {
+const classes = {
   content: 'drawer-content',
   header: 'drawer-header',
   footer: 'drawer-footer',
@@ -11,7 +11,7 @@ var classes = {
   rightPlacement: 'drawer-right-placement',
   leftPlacement: 'drawer-left-placement'
 };
-var tokens = {
+const tokens = {
   drawerOverlayWithBlurColor: '--plasma-drawer-overlay-with-blur-color',
   drawerOverlayColor: '--plasma-drawer-overlay-color',
   background: '--plasma-drawer-background',

package/es/components/Drawer/Drawer.tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.tokens.js","sources":["../../../src/components/Drawer/Drawer.tokens.ts"],"sourcesContent":["export const classes = {\n    content: 'drawer-content',\n    header: 'drawer-header',\n    footer: 'drawer-footer',\n    overlay: 'drawer-overlay',\n    horizontal: 'drawer-horizontal',\n    hasHeader: 'drawer-has-header',\n    isRightClose: 'drawer-right-close-button',\n    topPlacement: 'drawer-top-placement',\n    bottomPlacement: 'drawer-bottom-placement',\n    rightPlacement: 'drawer-right-placement',\n    leftPlacement: 'drawer-left-placement',\n};\n\nexport const tokens = {\n    drawerOverlayWithBlurColor: '--plasma-drawer-overlay-with-blur-color',\n    drawerOverlayColor: '--plasma-drawer-overlay-color',\n    background: '--plasma-drawer-background',\n    shadow: '--plasma-drawer-shadow',\n    contentBackgroundColor: '--plasma-drawer-content-background-color',\n    padding: '--plasma-drawer-padding',\n    borderRadius: '--plasma-drawer-border-radius',\n    closeIconColor: '--plasma-drawer-close-icon-color',\n};\n"],"names":["classes","content","header","footer","overlay","horizontal","hasHeader","isRightClose","topPlacement","bottomPlacement","rightPlacement","leftPlacement","tokens","drawerOverlayWithBlurColor","drawerOverlayColor","background","shadow","contentBackgroundColor","padding","borderRadius","closeIconColor"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,OAAO,EAAE,gBAAgB;AACzBC,EAAAA,MAAM,EAAE,eAAe;AACvBC,EAAAA,MAAM,EAAE,eAAe;AACvBC,EAAAA,OAAO,EAAE,gBAAgB;AACzBC,EAAAA,UAAU,EAAE,mBAAmB;AAC/BC,EAAAA,SAAS,EAAE,mBAAmB;AAC9BC,EAAAA,YAAY,EAAE,2BAA2B;AACzCC,EAAAA,YAAY,EAAE,sBAAsB;AACpCC,EAAAA,eAAe,EAAE,yBAAyB;AAC1CC,EAAAA,cAAc,EAAE,wBAAwB;AACxCC,EAAAA,aAAa,EAAE,uBAAA;AACnB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,0BAA0B,EAAE,yCAAyC;AACrEC,EAAAA,kBAAkB,EAAE,+BAA+B;AACnDC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,MAAM,EAAE,wBAAwB;AAChCC,EAAAA,sBAAsB,EAAE,0CAA0C;AAClEC,EAAAA,OAAO,EAAE,yBAAyB;AAClCC,EAAAA,YAAY,EAAE,+BAA+B;AAC7CC,EAAAA,cAAc,EAAE,kCAAA;AACpB;;;;"}
+{"version":3,"file":"Drawer.tokens.js","sources":["../../../src/components/Drawer/Drawer.tokens.ts"],"sourcesContent":["export const classes = {\n    content: 'drawer-content',\n    header: 'drawer-header',\n    footer: 'drawer-footer',\n    overlay: 'drawer-overlay',\n    horizontal: 'drawer-horizontal',\n    hasHeader: 'drawer-has-header',\n    isRightClose: 'drawer-right-close-button',\n    topPlacement: 'drawer-top-placement',\n    bottomPlacement: 'drawer-bottom-placement',\n    rightPlacement: 'drawer-right-placement',\n    leftPlacement: 'drawer-left-placement',\n};\n\nexport const tokens = {\n    drawerOverlayWithBlurColor: '--plasma-drawer-overlay-with-blur-color',\n    drawerOverlayColor: '--plasma-drawer-overlay-color',\n    background: '--plasma-drawer-background',\n    shadow: '--plasma-drawer-shadow',\n    contentBackgroundColor: '--plasma-drawer-content-background-color',\n    padding: '--plasma-drawer-padding',\n    borderRadius: '--plasma-drawer-border-radius',\n    closeIconColor: '--plasma-drawer-close-icon-color',\n};\n"],"names":["classes","content","header","footer","overlay","horizontal","hasHeader","isRightClose","topPlacement","bottomPlacement","rightPlacement","leftPlacement","tokens","drawerOverlayWithBlurColor","drawerOverlayColor","background","shadow","contentBackgroundColor","padding","borderRadius","closeIconColor"],"mappings":"AAAO,MAAMA,OAAO,GAAG;AACnBC,EAAAA,OAAO,EAAE,gBAAgB;AACzBC,EAAAA,MAAM,EAAE,eAAe;AACvBC,EAAAA,MAAM,EAAE,eAAe;AACvBC,EAAAA,OAAO,EAAE,gBAAgB;AACzBC,EAAAA,UAAU,EAAE,mBAAmB;AAC/BC,EAAAA,SAAS,EAAE,mBAAmB;AAC9BC,EAAAA,YAAY,EAAE,2BAA2B;AACzCC,EAAAA,YAAY,EAAE,sBAAsB;AACpCC,EAAAA,eAAe,EAAE,yBAAyB;AAC1CC,EAAAA,cAAc,EAAE,wBAAwB;AACxCC,EAAAA,aAAa,EAAE,uBAAA;AACnB,EAAC;AAEM,MAAMC,MAAM,GAAG;AAClBC,EAAAA,0BAA0B,EAAE,yCAAyC;AACrEC,EAAAA,kBAAkB,EAAE,+BAA+B;AACnDC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,MAAM,EAAE,wBAAwB;AAChCC,EAAAA,sBAAsB,EAAE,0CAA0C;AAClEC,EAAAA,OAAO,EAAE,yBAAyB;AAClCC,EAAAA,YAAY,EAAE,+BAA+B;AAC7CC,EAAAA,cAAc,EAAE,kCAAA;AACpB;;;;"}

package/es/components/Drawer/DrawerContext.js

@@ -1,17 +1,14 @@
 /**
  * Взаимодействие с Drawer оконами.
  */
-var getDrawers = function getDrawers(items) {
-  return items.filter(function (item) {
-    var _item$info;
-    return item === null || item === void 0 || (_item$info = item.info) === null || _item$info === void 0 ? void 0 : _item$info.isDrawer;
-  });
+const getDrawers = items => {
+  return items.filter(item => item?.info?.isDrawer);
 };
-var hasDrawers = function hasDrawers(items) {
+const hasDrawers = items => {
   return getDrawers(items).length > 0;
 };
-var getIdLastDrawer = function getIdLastDrawer(items) {
-  var drawers = getDrawers(items);
+const getIdLastDrawer = items => {
+  const drawers = getDrawers(items);
   if (!drawers.length) {
     return;
   }

package/es/components/Drawer/DrawerContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerContext.js","sources":["../../../src/components/Drawer/DrawerContext.tsx"],"sourcesContent":["import { PopupInfo } from '../Popup/Popup.types';\n\nexport interface DrawerInfo extends PopupInfo {\n    id: string;\n    info?: {\n        isDrawer?: true;\n    };\n}\n\n/**\n * Взаимодействие с Drawer оконами.\n */\nconst getDrawers = (items: DrawerInfo[]): DrawerInfo[] => {\n    return items.filter((item: DrawerInfo) => item?.info?.isDrawer);\n};\n\nexport const hasDrawers = (items: DrawerInfo[]): boolean => {\n    return getDrawers(items).length > 0;\n};\n\nexport const getIdLastDrawer = (items: DrawerInfo[]): string | undefined => {\n    const drawers = getDrawers(items);\n    if (!drawers.length) {\n        return;\n    }\n    return drawers[drawers.length - 1].id;\n};\n\nexport const getIdFirstDrawer = (items: DrawerInfo[]): string | undefined => {\n    const drawers = getDrawers(items);\n    if (!drawers.length) {\n        return;\n    }\n    return drawers[0].id;\n};\n"],"names":["getDrawers","items","filter","item","_item$info","info","isDrawer","hasDrawers","length","getIdLastDrawer","drawers","id"],"mappings":"AASA;AACA;AACA;AACA,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,KAAmB,EAAmB;AACtD,EAAA,OAAOA,KAAK,CAACC,MAAM,CAAC,UAACC,IAAgB,EAAA;AAAA,IAAA,IAAAC,UAAA,CAAA;AAAA,IAAA,OAAKD,IAAI,KAAA,IAAA,IAAJA,IAAI,KAAA,KAAA,CAAA,IAAA,CAAAC,UAAA,GAAJD,IAAI,CAAEE,IAAI,MAAAD,IAAAA,IAAAA,UAAA,KAAVA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,UAAA,CAAYE,QAAQ,CAAA;GAAC,CAAA,CAAA;AACnE,CAAC,CAAA;IAEYC,UAAU,GAAG,SAAbA,UAAUA,CAAIN,KAAmB,EAAc;AACxD,EAAA,OAAOD,UAAU,CAACC,KAAK,CAAC,CAACO,MAAM,GAAG,CAAC,CAAA;AACvC,EAAC;IAEYC,eAAe,GAAG,SAAlBA,eAAeA,CAAIR,KAAmB,EAAyB;AACxE,EAAA,IAAMS,OAAO,GAAGV,UAAU,CAACC,KAAK,CAAC,CAAA;AACjC,EAAA,IAAI,CAACS,OAAO,CAACF,MAAM,EAAE;AACjB,IAAA,OAAA;AACJ,GAAA;EACA,OAAOE,OAAO,CAACA,OAAO,CAACF,MAAM,GAAG,CAAC,CAAC,CAACG,EAAE,CAAA;AACzC;;;;"}
+{"version":3,"file":"DrawerContext.js","sources":["../../../src/components/Drawer/DrawerContext.tsx"],"sourcesContent":["import { PopupInfo } from '../Popup/Popup.types';\n\nexport interface DrawerInfo extends PopupInfo {\n    id: string;\n    info?: {\n        isDrawer?: true;\n    };\n}\n\n/**\n * Взаимодействие с Drawer оконами.\n */\nconst getDrawers = (items: DrawerInfo[]): DrawerInfo[] => {\n    return items.filter((item: DrawerInfo) => item?.info?.isDrawer);\n};\n\nexport const hasDrawers = (items: DrawerInfo[]): boolean => {\n    return getDrawers(items).length > 0;\n};\n\nexport const getIdLastDrawer = (items: DrawerInfo[]): string | undefined => {\n    const drawers = getDrawers(items);\n    if (!drawers.length) {\n        return;\n    }\n    return drawers[drawers.length - 1].id;\n};\n\nexport const getIdFirstDrawer = (items: DrawerInfo[]): string | undefined => {\n    const drawers = getDrawers(items);\n    if (!drawers.length) {\n        return;\n    }\n    return drawers[0].id;\n};\n"],"names":["getDrawers","items","filter","item","info","isDrawer","hasDrawers","length","getIdLastDrawer","drawers","id"],"mappings":"AASA;AACA;AACA;AACA,MAAMA,UAAU,GAAIC,KAAmB,IAAmB;EACtD,OAAOA,KAAK,CAACC,MAAM,CAAEC,IAAgB,IAAKA,IAAI,EAAEC,IAAI,EAAEC,QAAQ,CAAC,CAAA;AACnE,CAAC,CAAA;AAEYC,MAAAA,UAAU,GAAIL,KAAmB,IAAc;AACxD,EAAA,OAAOD,UAAU,CAACC,KAAK,CAAC,CAACM,MAAM,GAAG,CAAC,CAAA;AACvC,EAAC;AAEYC,MAAAA,eAAe,GAAIP,KAAmB,IAAyB;AACxE,EAAA,MAAMQ,OAAO,GAAGT,UAAU,CAACC,KAAK,CAAC,CAAA;AACjC,EAAA,IAAI,CAACQ,OAAO,CAACF,MAAM,EAAE;AACjB,IAAA,OAAA;AACJ,GAAA;EACA,OAAOE,OAAO,CAACA,OAAO,CAACF,MAAM,GAAG,CAAC,CAAC,CAACG,EAAE,CAAA;AACzC;;;;"}

package/es/components/Drawer/hooks/useDrawer.js

@@ -1,29 +1,27 @@
-import { objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import { useRef, useCallback, useEffect } from 'react';
 import { getIdLastDrawer, hasDrawers } from '../DrawerContext.js';
 import { usePopupContext } from '../../Popup/PopupContext.js';
 import { canUseDOM } from '../../../utils/canUseDOM.js';
 
-var ESCAPE_KEYCODE = 27;
-var useDrawer = function useDrawer(_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,
-    _ref$disableScroll = _ref.disableScroll,
-    disableScroll = _ref$disableScroll === void 0 ? true : _ref$disableScroll;
-  var popupController = usePopupContext();
-  var overflow = useRef(canUseDOM ? document.body.style.overflow : 'initial');
+const ESCAPE_KEYCODE = 27;
+const useDrawer = ({
+  id,
+  isOpen,
+  popupInfo,
+  onEscKeyDown,
+  onClose,
+  closeOnEsc = true,
+  disableScroll = true
+}) => {
+  const popupController = usePopupContext();
+  const overflow = useRef(canUseDOM ? document.body.style.overflow : 'initial');
 
   // При ESC закрывает текущее окно, если это возможно
-  var onKeyDown = useCallback(function (event) {
+  const onKeyDown = useCallback(event => {
     if (!closeOnEsc) {
       return;
     }
-    if (event.keyCode === ESCAPE_KEYCODE && getIdLastDrawer(Array.from(popupController.items.values())) === id) {
+    if (event.keyCode === ESCAPE_KEYCODE && getIdLastDrawer(popupController.items) === id) {
       if (onEscKeyDown) {
         onEscKeyDown(event);
         return;
@@ -33,15 +31,15 @@ var useDrawer = function useDrawer(_ref) {
       }
     }
   }, [onClose, onEscKeyDown, popupController.items, closeOnEsc]);
-  useEffect(function () {
+  useEffect(() => {
     window.addEventListener('keydown', onKeyDown);
-    return function () {
+    return () => {
       window.removeEventListener('keydown', onKeyDown);
     };
   }, [onKeyDown]);
 
   // linaria не поддерживает динамический global
-  useEffect(function () {
+  useEffect(() => {
     if (!canUseDOM) {
       return;
     }
@@ -50,22 +48,23 @@ var useDrawer = function useDrawer(_ref) {
       document.body.style.overflow = 'hidden';
     }
   }, [isOpen, disableScroll]);
-  useEffect(function () {
+  useEffect(() => {
     if (!canUseDOM) {
       return;
     }
-    if (!isOpen && !hasDrawers(Array.from(popupController.items.values()))) {
+    if (!isOpen && !hasDrawers(popupController.items)) {
       document.body.style.overflow = overflow.current;
     }
   }, [isOpen, popupController.items]);
-  var drawerInfo = _objectSpread2({
-    id: id,
+  const drawerInfo = {
+    id,
     info: {
       isDrawer: true
-    }
-  }, popupInfo);
+    },
+    ...popupInfo
+  };
   return {
-    drawerInfo: drawerInfo
+    drawerInfo
   };
 };
 

package/es/components/Drawer/hooks/useDrawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDrawer.js","sources":["../../../../src/components/Drawer/hooks/useDrawer.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nimport { DrawerInfo, getIdLastDrawer, hasDrawers } from '../DrawerContext';\nimport { DrawerHookArgs } from '../Drawer.types';\nimport { usePopupContext } from '../../Popup';\nimport { canUseDOM } from '../../../utils';\n\nconst ESCAPE_KEYCODE = 27;\n\nexport const useDrawer = ({\n    id,\n    isOpen,\n    popupInfo,\n    onEscKeyDown,\n    onClose,\n    closeOnEsc = true,\n    disableScroll = true,\n}: DrawerHookArgs) => {\n    const popupController = usePopupContext();\n    const overflow = useRef<string>(canUseDOM ? document.body.style.overflow : 'initial');\n\n    // При ESC закрывает текущее окно, если это возможно\n    const onKeyDown = useCallback(\n        (event: KeyboardEvent) => {\n            if (!closeOnEsc) {\n                return;\n            }\n            if (\n                event.keyCode === ESCAPE_KEYCODE &&\n                getIdLastDrawer(Array.from(popupController.items.values())) === id\n            ) {\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    }, [onKeyDown]);\n\n    // linaria не поддерживает динамический global\n    useEffect(() => {\n        if (!canUseDOM) {\n            return;\n        }\n\n        if (isOpen && disableScroll) {\n            overflow.current = document.body.style.overflow;\n\n            document.body.style.overflow = 'hidden';\n        }\n    }, [isOpen, disableScroll]);\n\n    useEffect(() => {\n        if (!canUseDOM) {\n            return;\n        }\n\n        if (!isOpen && !hasDrawers(Array.from(popupController.items.values()))) {\n            document.body.style.overflow = overflow.current;\n        }\n    }, [isOpen, popupController.items]);\n\n    const drawerInfo: DrawerInfo = {\n        id,\n        info: {\n            isDrawer: true,\n        },\n        ...popupInfo,\n    };\n\n    return { drawerInfo };\n};\n"],"names":["ESCAPE_KEYCODE","useDrawer","_ref","id","isOpen","popupInfo","onEscKeyDown","onClose","_ref$closeOnEsc","closeOnEsc","_ref$disableScroll","disableScroll","popupController","usePopupContext","overflow","useRef","canUseDOM","document","body","style","onKeyDown","useCallback","event","keyCode","getIdLastDrawer","Array","from","items","values","useEffect","window","addEventListener","removeEventListener","current","hasDrawers","drawerInfo","_objectSpread","info","isDrawer"],"mappings":";;;;;;AAOA,IAAMA,cAAc,GAAG,EAAE,CAAA;IAEZC,SAAS,GAAG,SAAZA,SAASA,CAAAC,IAAA,EAQA;AAAA,EAAA,IAPlBC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IACFC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,YAAY,GAAAJ,IAAA,CAAZI,YAAY;IACZC,OAAO,GAAAL,IAAA,CAAPK,OAAO;IAAAC,eAAA,GAAAN,IAAA,CACPO,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,eAAA;IAAAE,kBAAA,GAAAR,IAAA,CACjBS,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,kBAAA,CAAA;AAEpB,EAAA,IAAME,eAAe,GAAGC,eAAe,EAAE,CAAA;AACzC,EAAA,IAAMC,QAAQ,GAAGC,MAAM,CAASC,SAAS,GAAGC,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACL,QAAQ,GAAG,SAAS,CAAC,CAAA;;AAErF;AACA,EAAA,IAAMM,SAAS,GAAGC,WAAW,CACzB,UAACC,KAAoB,EAAK;IACtB,IAAI,CAACb,UAAU,EAAE;AACb,MAAA,OAAA;AACJ,KAAA;IACA,IACIa,KAAK,CAACC,OAAO,KAAKvB,cAAc,IAChCwB,eAAe,CAACC,KAAK,CAACC,IAAI,CAACd,eAAe,CAACe,KAAK,CAACC,MAAM,EAAE,CAAC,CAAC,KAAKzB,EAAE,EACpE;AACE,MAAA,IAAIG,YAAY,EAAE;QACdA,YAAY,CAACgB,KAAK,CAAC,CAAA;AACnB,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAIf,OAAO,EAAE;AACTA,QAAAA,OAAO,EAAE,CAAA;AACb,OAAA;AACJ,KAAA;AACJ,GAAC,EACD,CAACA,OAAO,EAAED,YAAY,EAAEM,eAAe,CAACe,KAAK,EAAElB,UAAU,CAC7D,CAAC,CAAA;AAEDoB,EAAAA,SAAS,CAAC,YAAM;AACZC,IAAAA,MAAM,CAACC,gBAAgB,CAAC,SAAS,EAAEX,SAAS,CAAC,CAAA;AAC7C,IAAA,OAAO,YAAM;AACTU,MAAAA,MAAM,CAACE,mBAAmB,CAAC,SAAS,EAAEZ,SAAS,CAAC,CAAA;KACnD,CAAA;AACL,GAAC,EAAE,CAACA,SAAS,CAAC,CAAC,CAAA;;AAEf;AACAS,EAAAA,SAAS,CAAC,YAAM;IACZ,IAAI,CAACb,SAAS,EAAE;AACZ,MAAA,OAAA;AACJ,KAAA;IAEA,IAAIZ,MAAM,IAAIO,aAAa,EAAE;MACzBG,QAAQ,CAACmB,OAAO,GAAGhB,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACL,QAAQ,CAAA;AAE/CG,MAAAA,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACL,QAAQ,GAAG,QAAQ,CAAA;AAC3C,KAAA;AACJ,GAAC,EAAE,CAACV,MAAM,EAAEO,aAAa,CAAC,CAAC,CAAA;AAE3BkB,EAAAA,SAAS,CAAC,YAAM;IACZ,IAAI,CAACb,SAAS,EAAE;AACZ,MAAA,OAAA;AACJ,KAAA;AAEA,IAAA,IAAI,CAACZ,MAAM,IAAI,CAAC8B,UAAU,CAACT,KAAK,CAACC,IAAI,CAACd,eAAe,CAACe,KAAK,CAACC,MAAM,EAAE,CAAC,CAAC,EAAE;MACpEX,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACL,QAAQ,GAAGA,QAAQ,CAACmB,OAAO,CAAA;AACnD,KAAA;GACH,EAAE,CAAC7B,MAAM,EAAEQ,eAAe,CAACe,KAAK,CAAC,CAAC,CAAA;EAEnC,IAAMQ,UAAsB,GAAAC,cAAA,CAAA;AACxBjC,IAAAA,EAAE,EAAFA,EAAE;AACFkC,IAAAA,IAAI,EAAE;AACFC,MAAAA,QAAQ,EAAE,IAAA;AACd,KAAA;AAAC,GAAA,EACEjC,SAAS,CACf,CAAA;EAED,OAAO;AAAE8B,IAAAA,UAAU,EAAVA,UAAAA;GAAY,CAAA;AACzB;;;;"}
+{"version":3,"file":"useDrawer.js","sources":["../../../../src/components/Drawer/hooks/useDrawer.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nimport { DrawerInfo, getIdLastDrawer, hasDrawers } from '../DrawerContext';\nimport { DrawerHookArgs } from '../Drawer.types';\nimport { usePopupContext } from '../../Popup';\nimport { canUseDOM } from '../../../utils';\n\nconst ESCAPE_KEYCODE = 27;\n\nexport const useDrawer = ({\n    id,\n    isOpen,\n    popupInfo,\n    onEscKeyDown,\n    onClose,\n    closeOnEsc = true,\n    disableScroll = true,\n}: DrawerHookArgs) => {\n    const popupController = usePopupContext();\n    const overflow = useRef<string>(canUseDOM ? document.body.style.overflow : 'initial');\n\n    // При ESC закрывает текущее окно, если это возможно\n    const onKeyDown = useCallback(\n        (event: KeyboardEvent) => {\n            if (!closeOnEsc) {\n                return;\n            }\n            if (event.keyCode === ESCAPE_KEYCODE && getIdLastDrawer(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    }, [onKeyDown]);\n\n    // linaria не поддерживает динамический global\n    useEffect(() => {\n        if (!canUseDOM) {\n            return;\n        }\n\n        if (isOpen && disableScroll) {\n            overflow.current = document.body.style.overflow;\n\n            document.body.style.overflow = 'hidden';\n        }\n    }, [isOpen, disableScroll]);\n\n    useEffect(() => {\n        if (!canUseDOM) {\n            return;\n        }\n\n        if (!isOpen && !hasDrawers(popupController.items)) {\n            document.body.style.overflow = overflow.current;\n        }\n    }, [isOpen, popupController.items]);\n\n    const drawerInfo: DrawerInfo = {\n        id,\n        info: {\n            isDrawer: true,\n        },\n        ...popupInfo,\n    };\n\n    return { drawerInfo };\n};\n"],"names":["ESCAPE_KEYCODE","useDrawer","id","isOpen","popupInfo","onEscKeyDown","onClose","closeOnEsc","disableScroll","popupController","usePopupContext","overflow","useRef","canUseDOM","document","body","style","onKeyDown","useCallback","event","keyCode","getIdLastDrawer","items","useEffect","window","addEventListener","removeEventListener","current","hasDrawers","drawerInfo","info","isDrawer"],"mappings":";;;;;AAOA,MAAMA,cAAc,GAAG,EAAE,CAAA;AAElB,MAAMC,SAAS,GAAGA,CAAC;EACtBC,EAAE;EACFC,MAAM;EACNC,SAAS;EACTC,YAAY;EACZC,OAAO;AACPC,EAAAA,UAAU,GAAG,IAAI;AACjBC,EAAAA,aAAa,GAAG,IAAA;AACJ,CAAC,KAAK;AAClB,EAAA,MAAMC,eAAe,GAAGC,eAAe,EAAE,CAAA;AACzC,EAAA,MAAMC,QAAQ,GAAGC,MAAM,CAASC,SAAS,GAAGC,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACL,QAAQ,GAAG,SAAS,CAAC,CAAA;;AAErF;AACA,EAAA,MAAMM,SAAS,GAAGC,WAAW,CACxBC,KAAoB,IAAK;IACtB,IAAI,CAACZ,UAAU,EAAE;AACb,MAAA,OAAA;AACJ,KAAA;AACA,IAAA,IAAIY,KAAK,CAACC,OAAO,KAAKpB,cAAc,IAAIqB,eAAe,CAACZ,eAAe,CAACa,KAAK,CAAC,KAAKpB,EAAE,EAAE;AACnF,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,EAAEf,UAAU,CAC7D,CAAC,CAAA;AAEDgB,EAAAA,SAAS,CAAC,MAAM;AACZC,IAAAA,MAAM,CAACC,gBAAgB,CAAC,SAAS,EAAER,SAAS,CAAC,CAAA;AAC7C,IAAA,OAAO,MAAM;AACTO,MAAAA,MAAM,CAACE,mBAAmB,CAAC,SAAS,EAAET,SAAS,CAAC,CAAA;KACnD,CAAA;AACL,GAAC,EAAE,CAACA,SAAS,CAAC,CAAC,CAAA;;AAEf;AACAM,EAAAA,SAAS,CAAC,MAAM;IACZ,IAAI,CAACV,SAAS,EAAE;AACZ,MAAA,OAAA;AACJ,KAAA;IAEA,IAAIV,MAAM,IAAIK,aAAa,EAAE;MACzBG,QAAQ,CAACgB,OAAO,GAAGb,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACL,QAAQ,CAAA;AAE/CG,MAAAA,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACL,QAAQ,GAAG,QAAQ,CAAA;AAC3C,KAAA;AACJ,GAAC,EAAE,CAACR,MAAM,EAAEK,aAAa,CAAC,CAAC,CAAA;AAE3Be,EAAAA,SAAS,CAAC,MAAM;IACZ,IAAI,CAACV,SAAS,EAAE;AACZ,MAAA,OAAA;AACJ,KAAA;IAEA,IAAI,CAACV,MAAM,IAAI,CAACyB,UAAU,CAACnB,eAAe,CAACa,KAAK,CAAC,EAAE;MAC/CR,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACL,QAAQ,GAAGA,QAAQ,CAACgB,OAAO,CAAA;AACnD,KAAA;GACH,EAAE,CAACxB,MAAM,EAAEM,eAAe,CAACa,KAAK,CAAC,CAAC,CAAA;AAEnC,EAAA,MAAMO,UAAsB,GAAG;IAC3B3B,EAAE;AACF4B,IAAAA,IAAI,EAAE;AACFC,MAAAA,QAAQ,EAAE,IAAA;KACb;IACD,GAAG3B,SAAAA;GACN,CAAA;EAED,OAAO;AAAEyB,IAAAA,UAAAA;GAAY,CAAA;AACzB;;;;"}

package/es/components/Drawer/ui/DrawerContent/DrawerContent.js

@@ -1,11 +1,11 @@
-import { objectSpread2 as _objectSpread2 } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { panelContentRoot, panelContentConfig } from '../../../Panel/ui/PanelContent/PanelContent.js';
 
-var drawerContentRoot = panelContentRoot;
-var drawerContentConfig = /*#__PURE__*/_objectSpread2(/*#__PURE__*/_objectSpread2({}, panelContentConfig), {}, {
+const drawerContentRoot = panelContentRoot;
+const drawerContentConfig = {
+  ...panelContentConfig,
   name: 'DrawerContent',
   layout: drawerContentRoot
-});
+};
 
 export { drawerContentConfig, drawerContentRoot };
 //# sourceMappingURL=DrawerContent.js.map

package/es/components/Drawer/ui/DrawerContent/DrawerContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerContent.js","sources":["../../../../../src/components/Drawer/ui/DrawerContent/DrawerContent.tsx"],"sourcesContent":["import { panelContentConfig, panelContentRoot } from '../../../Panel';\n\nexport const drawerContentRoot = panelContentRoot;\n\nexport const drawerContentConfig = {\n    ...panelContentConfig,\n    name: 'DrawerContent',\n    layout: drawerContentRoot,\n};\n"],"names":["drawerContentRoot","panelContentRoot","drawerContentConfig","_objectSpread","panelContentConfig","name","layout"],"mappings":";;;AAEO,IAAMA,iBAAiB,GAAGC,iBAAgB;IAEpCC,mBAAmB,gBAAAC,cAAA,cAAAA,cAAA,KACzBC,kBAAkB,CAAA,EAAA,EAAA,EAAA;AACrBC,EAAAA,IAAI,EAAE,eAAe;AACrBC,EAAAA,MAAM,EAAEN,iBAAAA;AAAiB,CAC5B;;;;"}
+{"version":3,"file":"DrawerContent.js","sources":["../../../../../src/components/Drawer/ui/DrawerContent/DrawerContent.tsx"],"sourcesContent":["import { panelContentConfig, panelContentRoot } from '../../../Panel';\n\nexport const drawerContentRoot = panelContentRoot;\n\nexport const drawerContentConfig = {\n    ...panelContentConfig,\n    name: 'DrawerContent',\n    layout: drawerContentRoot,\n};\n"],"names":["drawerContentRoot","panelContentRoot","drawerContentConfig","panelContentConfig","name","layout"],"mappings":";;AAEO,MAAMA,iBAAiB,GAAGC,iBAAgB;AAE1C,MAAMC,mBAAmB,GAAG;AAC/B,EAAA,GAAGC,kBAAkB;AACrBC,EAAAA,IAAI,EAAE,eAAe;AACrBC,EAAAA,MAAM,EAAEL,iBAAAA;AACZ;;;;"}

package/es/components/Drawer/ui/DrawerFooter/DrawerFooter.js

@@ -1,11 +1,11 @@
-import { objectSpread2 as _objectSpread2 } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { panelFooterRoot, panelFooterConfig } from '../../../Panel/ui/PanelFooter/PanelFooter.js';
 
-var drawerFooterRoot = panelFooterRoot;
-var drawerFooterConfig = /*#__PURE__*/_objectSpread2(/*#__PURE__*/_objectSpread2({}, panelFooterConfig), {}, {
+const drawerFooterRoot = panelFooterRoot;
+const drawerFooterConfig = {
+  ...panelFooterConfig,
   name: 'DrawerFooter',
   layout: drawerFooterRoot
-});
+};
 
 export { drawerFooterConfig, drawerFooterRoot };
 //# sourceMappingURL=DrawerFooter.js.map