@finam/web-ui-kit-components 3.30.1 → 3.32.0

package/dist/DraggablePopover/DraggablePopover.js

@@ -1,39 +1,52 @@
-import { __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useRef, memo, useState, useReducer, } from 'react';
-import { createPortal } from 'react-dom';
-import debounce from 'lodash/debounce.js';
-import Draggable from 'react-draggable';
-import { CSSTransition } from 'react-transition-group';
-import { tokens } from '@finam/web-ui-kit-core/theme/contract';
-import { transitionGrow, transitionGrowParent } from '@finam/web-ui-kit-core/styles/transition';
-import classNames from 'clsx';
-import { KeyboardEventKey } from '../types.js';
-import { defaultModalManager } from '../Modal/index.js';
-import { useModalState } from '../ModalsProvider/index.js';
-import { defaultLayersManager } from './layersManager.js';
-import { correctPosition } from './utils.js';
-import { PaperStyled, DraggableWrap, transitionClassName } from './DraggablePopover.styles.js';
-import { useIsomorphicEffect } from '../utils/useIsomorphicEffect.js';
-import { transitionClassNames } from '../utils/transition.js';
+import { _ } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props__ } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties__ } from "@swc/helpers/_/_object_without_properties";
+import { jsx } from "react/jsx-runtime";
+import { memo, useCallback, useEffect, useMemo, useReducer, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+import debounce from "lodash/debounce.js";
+import react_draggable from "react-draggable";
+import { CSSTransition } from "react-transition-group";
+import { tokens } from "@finam/web-ui-kit-core/theme/contract";
+import { transitionGrow, transitionGrowParent } from "@finam/web-ui-kit-core/styles/transition";
+import clsx from "clsx";
+import { KeyboardEventKey } from "../types.js";
+import { defaultModalManager } from "../Modal/index.js";
+import { useModalState } from "../ModalsProvider/index.js";
+import { defaultLayersManager } from "./layersManager.js";
+import { correctPosition } from "./utils.js";
+import { DraggableWrap, PaperStyled, transitionClassName } from "./DraggablePopover.styles.js";
+import { useIsomorphicEffect } from "../utils/useIsomorphicEffect.js";
+import { transitionClassNames } from "../utils/transition.js";
 const DEFAULT_OFFSET = 16;
-const DraggablePopover = (_a) => {
-    var _b, _c, _d, _e;
-    var { show, children, onEsc, layerId: layerIdProp, className, onChangePosition, onExited, modalManager: modalManagerProp } = _a, draggableProps = __rest(_a, ["show", "children", "onEsc", "layerId", "className", "onChangePosition", "onExited", "modalManager"]);
-    const { position: positionProp, defaultPosition, onStart, onMouseDown, onStop, } = draggableProps;
+const DraggablePopover = (_0)=>{
+    let { show, children, onEsc, layerId: layerIdProp, className, onChangePosition, onExited, modalManager: modalManagerProp } = _0, draggableProps = _object_without_properties__(_0, [
+        "show",
+        "children",
+        "onEsc",
+        "layerId",
+        "className",
+        "onChangePosition",
+        "onExited",
+        "modalManager"
+    ]);
+    var _ref, _ref1, _ref2, _ref3;
+    const { position: positionProp, defaultPosition, onStart, onMouseDown, onStop } = draggableProps;
     const { className: modalClassName } = useModalState();
     const layerIdRef = useRef(layerIdProp || Math.random().toString());
     const popoverRef = useRef(null);
     const rootRef = useRef(null);
     const [zIndex, setZIndex] = useState(0);
-    const [resized, setResized] = useReducer(prev => !prev, false);
-    const positionX = (_c = (_b = positionProp === null || positionProp === void 0 ? void 0 : positionProp.x) !== null && _b !== void 0 ? _b : defaultPosition === null || defaultPosition === void 0 ? void 0 : defaultPosition.x) !== null && _c !== void 0 ? _c : DEFAULT_OFFSET;
-    const positionY = (_e = (_d = positionProp === null || positionProp === void 0 ? void 0 : positionProp.y) !== null && _d !== void 0 ? _d : defaultPosition === null || defaultPosition === void 0 ? void 0 : defaultPosition.y) !== null && _e !== void 0 ? _e : DEFAULT_OFFSET;
-    const position = useMemo(() => (correctPosition(positionX, positionY, popoverRef.current)
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    ), [positionX, positionY, resized]);
+    const [resized, setResized] = useReducer((prev)=>!prev, false);
+    const positionX = null != (_ref = null != (_ref1 = null == positionProp ? void 0 : positionProp.x) ? _ref1 : null == defaultPosition ? void 0 : defaultPosition.x) ? _ref : DEFAULT_OFFSET;
+    const positionY = null != (_ref2 = null != (_ref3 = null == positionProp ? void 0 : positionProp.y) ? _ref3 : null == defaultPosition ? void 0 : defaultPosition.y) ? _ref2 : DEFAULT_OFFSET;
+    const position = useMemo(()=>correctPosition(positionX, positionY, popoverRef.current), [
+        positionX,
+        positionY,
+        resized
+    ]);
     const modalManager = modalManagerProp || defaultModalManager;
-    const handleMouseDown = useCallback((e) => {
+    const handleMouseDown = useCallback((e)=>{
         const popover = popoverRef.current;
         const layerId = layerIdRef.current;
         defaultLayersManager.setLayerActive(layerId);
@@ -41,60 +54,68 @@ const DraggablePopover = (_a) => {
             modalManager.remove(popover);
             modalManager.add(popover);
         }
-        onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(e);
-    }, [modalManager, onMouseDown]);
-    const handleDragStart = useCallback((e, data) => {
+        null == onMouseDown || onMouseDown(e);
+    }, [
+        modalManager,
+        onMouseDown
+    ]);
+    const handleDragStart = useCallback((e, data)=>{
         e.preventDefault();
-        onStart === null || onStart === void 0 ? void 0 : onStart(e, data);
-    }, [onStart]);
-    const handleDragStop = useCallback((e, data) => {
-        onChangePosition({ x: data.x, y: data.y });
-        onStop === null || onStop === void 0 ? void 0 : onStop(e, data);
-    }, [onChangePosition, onStop]);
-    useEffect(() => {
-        if (!show)
-            return undefined;
+        null == onStart || onStart(e, data);
+    }, [
+        onStart
+    ]);
+    const handleDragStop = useCallback((e, data)=>{
+        onChangePosition({
+            x: data.x,
+            y: data.y
+        });
+        null == onStop || onStop(e, data);
+    }, [
+        onChangePosition,
+        onStop
+    ]);
+    useEffect(()=>{
+        if (!show) return;
         const popover = popoverRef.current;
         const layerId = layerIdRef.current;
-        defaultLayersManager.addLayerListener(layerId, () => {
-            setZIndex(prev => (defaultLayersManager.isLayerActive(layerId) ? 0 : prev + 1));
-        }, () => {
-            setZIndex(prevZIndex => prevZIndex - 1);
+        defaultLayersManager.addLayerListener(layerId, ()=>{
+            setZIndex((prev)=>defaultLayersManager.isLayerActive(layerId) ? 0 : prev + 1);
+        }, ()=>{
+            setZIndex((prevZIndex)=>prevZIndex - 1);
         });
         defaultLayersManager.setLayerActive(layerId);
-        if (popover) {
-            modalManager.add(popover);
-        }
-        return () => {
+        if (popover) modalManager.add(popover);
+        return ()=>{
             defaultLayersManager.removeLayerListener(layerId);
             setZIndex(0);
-            if (popover) {
-                modalManager.remove(popover);
-            }
+            if (popover) modalManager.remove(popover);
         };
-    }, [modalManager, show]);
-    useEffect(() => {
-        if (!show)
-            return undefined;
-        const handleKeyDown = (event) => {
+    }, [
+        modalManager,
+        show
+    ]);
+    useEffect(()=>{
+        if (!show) return;
+        const handleKeyDown = (event)=>{
             const { key } = event;
-            if ((key === KeyboardEventKey.ESCAPE || key === KeyboardEventKey.ESC) &&
-                onEsc && !event.defaultPrevented &&
-                defaultLayersManager.isLayerActive(layerIdRef.current) &&
-                popoverRef.current && modalManager.isTop(popoverRef.current)) {
+            if ((key === KeyboardEventKey.ESCAPE || key === KeyboardEventKey.ESC) && onEsc && !event.defaultPrevented && defaultLayersManager.isLayerActive(layerIdRef.current) && popoverRef.current && modalManager.isTop(popoverRef.current)) {
                 event.preventDefault();
                 onEsc();
             }
         };
         document.addEventListener('keydown', handleKeyDown);
-        return () => {
+        return ()=>{
             document.removeEventListener('keydown', handleKeyDown);
         };
-    }, [modalManager, onEsc, show]);
-    useIsomorphicEffect(() => {
+    }, [
+        modalManager,
+        onEsc,
+        show
+    ]);
+    useIsomorphicEffect(()=>{
         const popover = popoverRef.current;
-        if (!popover)
-            return;
+        if (!popover) return;
         const screenWidth = document.documentElement.scrollWidth;
         const screenHeight = document.documentElement.scrollHeight;
         const prevWidth = popover.style.width;
@@ -107,48 +128,79 @@ const DraggablePopover = (_a) => {
         popover.style.height = prevHeight;
         const screenWidthDiff = screenWidth - screenWidthWithout;
         const screenHeightDiff = screenHeight - screenHeightWithout;
-        const nextPosition = Object.assign({}, position);
-        if (screenWidthDiff > 0) {
-            nextPosition.x -= screenWidthDiff;
-        }
-        if (screenHeightDiff > 0) {
-            nextPosition.y -= screenHeightDiff;
-        }
+        const nextPosition = _({}, position);
+        if (screenWidthDiff > 0) nextPosition.x -= screenWidthDiff;
+        if (screenHeightDiff > 0) nextPosition.y -= screenHeightDiff;
         nextPosition.x = nextPosition.x < 0 ? 0 : nextPosition.x;
         nextPosition.y = nextPosition.y < 0 ? 0 : nextPosition.y;
-        if (position.x !== nextPosition.x || position.y !== nextPosition.y) {
-            onChangePosition(nextPosition);
-        }
-    }, [position.x, position.y, resized, onChangePosition]);
-    useEffect(() => {
+        if (position.x !== nextPosition.x || position.y !== nextPosition.y) onChangePosition(nextPosition);
+    }, [
+        position.x,
+        position.y,
+        resized,
+        onChangePosition
+    ]);
+    useEffect(()=>{
         const popover = popoverRef.current;
-        if (!show || !popover)
-            return undefined;
-        const handleResize = debounce(() => {
+        if (!show || !popover) return;
+        const handleResize = debounce(()=>{
             setResized();
         }, 250);
         setResized();
         window.addEventListener('resize', handleResize);
         let resizeObserver;
-        if ('ResizeObserver' in window) {
-            try {
-                resizeObserver = new window.ResizeObserver(handleResize);
-                resizeObserver.observe(popover);
-            }
-            catch (e) {
-                console.warn('Failed to create ResizeObserver for handling element resize', e);
-            }
+        if ('ResizeObserver' in window) try {
+            resizeObserver = new window.ResizeObserver(handleResize);
+            resizeObserver.observe(popover);
+        } catch (e) {
+            console.warn('Failed to create ResizeObserver for handling element resize', e);
         }
-        return () => {
+        return ()=>{
             handleResize.cancel();
             window.removeEventListener('resize', handleResize);
-            resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect();
+            null == resizeObserver || resizeObserver.disconnect();
         };
-    }, [show]);
-    const paperClassName = classNames(transitionGrow(), className);
-    return createPortal(_jsx(Draggable, Object.assign({ bounds: "parent" }, draggableProps, { 
-        // TODO: remove as after https://github.com/react-grid-layout/react-draggable/issues/768
-        nodeRef: popoverRef, position: position, onMouseDown: handleMouseDown, onStart: handleDragStart, onStop: handleDragStop, children: _jsx(DraggableWrap, { ref: popoverRef, className: modalClassName, style: { zIndex: `calc(${tokens.zIndex.draggablePopover} + ${zIndex})` }, children: _jsx(CSSTransition, { nodeRef: rootRef, mountOnEnter: true, unmountOnExit: true, classNames: transitionClassNames([transitionGrowParent, transitionClassName]), timeout: 300, in: show, onExited: onExited, children: _jsx(PaperStyled, { shadow: "modalDialog", ref: rootRef, className: paperClassName, tabIndex: 0, children: children }) }) }) })), document.body);
+    }, [
+        show
+    ]);
+    const paperClassName = clsx(transitionGrow(), className);
+    return /*#__PURE__*/ createPortal(/*#__PURE__*/ jsx(react_draggable, _object_spread_props__(_({
+        bounds: "parent"
+    }, draggableProps), {
+        nodeRef: popoverRef,
+        position: position,
+        onMouseDown: handleMouseDown,
+        onStart: handleDragStart,
+        onStop: handleDragStop,
+        children: /*#__PURE__*/ jsx(DraggableWrap, {
+            ref: popoverRef,
+            className: modalClassName,
+            style: {
+                zIndex: `calc(${tokens.zIndex.draggablePopover} + ${zIndex})`
+            },
+            children: /*#__PURE__*/ jsx(CSSTransition, {
+                nodeRef: rootRef,
+                mountOnEnter: true,
+                unmountOnExit: true,
+                classNames: transitionClassNames([
+                    transitionGrowParent,
+                    transitionClassName
+                ]),
+                timeout: 300,
+                in: show,
+                onExited: onExited,
+                children: /*#__PURE__*/ jsx(PaperStyled, {
+                    shadow: "modalDialog",
+                    ref: rootRef,
+                    className: paperClassName,
+                    tabIndex: 0,
+                    children: children
+                })
+            })
+        })
+    })), document.body);
 };
-export default memo(DraggablePopover);
+const DraggablePopover_DraggablePopover = /*#__PURE__*/ memo(DraggablePopover);
+export default DraggablePopover_DraggablePopover;
+
 //# sourceMappingURL=DraggablePopover.js.map

package/dist/DraggablePopover/DraggablePopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"DraggablePopover.js","sourceRoot":"","sources":["../../src/DraggablePopover/DraggablePopover.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DraggablePopover/DraggablePopover.js","sources":["../../src/DraggablePopover/DraggablePopover.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  memo,\n  useState,\n  ReactNode,\n  useReducer,\n  RefObject,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport debounce from 'lodash/debounce.js';\nimport Draggable, { ControlPosition, DraggableData, DraggableEvent, DraggableProps } from 'react-draggable';\nimport { CSSTransition } from 'react-transition-group';\nimport { tokens } from '@finam/web-ui-kit-core/theme/contract';\nimport { transitionGrow, transitionGrowParent } from '@finam/web-ui-kit-core/styles/transition';\nimport classNames from 'clsx';\n\nimport { KeyboardEventKey } from '../types.js';\nimport { ModalManager, defaultModalManager } from '../Modal/index.js';\nimport { useModalState } from '../ModalsProvider/index.js';\nimport { defaultLayersManager } from './layersManager.js';\nimport { correctPosition } from './utils.js';\nimport { PaperStyled, DraggableWrap, transitionClassName } from './DraggablePopover.styles.js';\nimport { useIsomorphicEffect } from '../utils/useIsomorphicEffect.js';\nimport { transitionClassNames } from '../utils/transition.js';\n\nconst DEFAULT_OFFSET = 16;\n\nexport interface Props extends Partial<DraggableProps> {\n  /** Кастомные классы передаваемые в компонент Paper перетаскиваемого окна */\n  className?: string;\n  /** Идентификатор слоя, используется для управления порядком отображения окон */\n  layerId?: string;\n  /** Управление видимостью перетаскиваемого окна */\n  show: boolean;\n  /** Коллбэк, вызываемый на нажатие ESCAPE */\n  onEsc?: () => void;\n  /** Содержимое перетаскиваемого окна */\n  children: ReactNode;\n  /** Коллбэк, вызываемый при изменении позиции перетаскиваемого окна */\n  onChangePosition: (position: ControlPosition) => void;\n  /** from CSSTransition */\n  onExited?: VoidFunction;\n  /** Экземпляр класса ModalManager для управления порядком открытых модальных окон */\n  modalManager?: ModalManager;\n}\n\nexport type { ControlPosition };\n\nconst DraggablePopover = ({\n  show,\n  children,\n  onEsc,\n  layerId: layerIdProp,\n  className,\n  onChangePosition,\n  onExited,\n  modalManager: modalManagerProp,\n  ...draggableProps\n}: Props) => {\n  const {\n    position: positionProp,\n    defaultPosition,\n    onStart,\n    onMouseDown,\n    onStop,\n  } = draggableProps;\n  const { className: modalClassName } = useModalState();\n  const layerIdRef = useRef<string>(layerIdProp || Math.random().toString());\n  const popoverRef = useRef<HTMLDivElement | null>(null);\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const [zIndex, setZIndex] = useState(0);\n  const [resized, setResized] = useReducer(prev => !prev, false);\n\n  const positionX = positionProp?.x ?? defaultPosition?.x ?? DEFAULT_OFFSET;\n  const positionY = positionProp?.y ?? defaultPosition?.y ?? DEFAULT_OFFSET;\n  const position = useMemo(() => (\n    correctPosition(positionX, positionY, popoverRef.current)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  ), [positionX, positionY, resized]);\n\n  const modalManager = modalManagerProp || defaultModalManager;\n\n  const handleMouseDown = useCallback((e: MouseEvent) => {\n    const popover = popoverRef.current;\n    const layerId = layerIdRef.current;\n\n    defaultLayersManager.setLayerActive(layerId);\n    if (popover) {\n      modalManager.remove(popover);\n      modalManager.add(popover);\n    }\n    onMouseDown?.(e);\n  }, [modalManager, onMouseDown]);\n\n  const handleDragStart = useCallback((e: DraggableEvent, data: DraggableData) => {\n    e.preventDefault();\n    onStart?.(e, data);\n  }, [onStart]);\n\n  const handleDragStop = useCallback((e: DraggableEvent, data: DraggableData) => {\n    onChangePosition({ x: data.x, y: data.y });\n    onStop?.(e, data);\n  }, [onChangePosition, onStop]);\n\n  useEffect(() => {\n    if (!show) return undefined;\n\n    const popover = popoverRef.current;\n    const layerId = layerIdRef.current;\n\n    defaultLayersManager.addLayerListener(\n      layerId,\n      () => {\n        setZIndex(prev => (defaultLayersManager.isLayerActive(layerId) ? 0 : prev + 1));\n      },\n      () => {\n        setZIndex(prevZIndex => prevZIndex - 1);\n      },\n    );\n    defaultLayersManager.setLayerActive(layerId);\n    if (popover) {\n      modalManager.add(popover);\n    }\n\n    return () => {\n      defaultLayersManager.removeLayerListener(layerId);\n      setZIndex(0);\n      if (popover) {\n        modalManager.remove(popover);\n      }\n    };\n  }, [modalManager, show]);\n\n  useEffect(() => {\n    if (!show) return undefined;\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      const { key } = event;\n      if (\n        (key === KeyboardEventKey.ESCAPE || key === KeyboardEventKey.ESC) &&\n        onEsc && !event.defaultPrevented &&\n        defaultLayersManager.isLayerActive(layerIdRef.current) &&\n        popoverRef.current && modalManager.isTop(popoverRef.current)\n      ) {\n        event.preventDefault();\n        onEsc();\n      }\n    };\n\n    document.addEventListener('keydown', handleKeyDown);\n\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [modalManager, onEsc, show]);\n\n  useIsomorphicEffect(() => {\n    const popover = popoverRef.current;\n    if (!popover) return;\n\n    const screenWidth = document.documentElement.scrollWidth;\n    const screenHeight = document.documentElement.scrollHeight;\n\n    const prevWidth = popover.style.width;\n    const prevHeight = popover.style.height;\n    popover.style.width = '0px';\n    popover.style.height = '0px';\n    const screenWidthWithout = document.documentElement.scrollWidth;\n    const screenHeightWithout = document.documentElement.scrollHeight;\n    popover.style.width = prevWidth;\n    popover.style.height = prevHeight;\n\n    const screenWidthDiff = screenWidth - screenWidthWithout;\n    const screenHeightDiff = screenHeight - screenHeightWithout;\n\n    const nextPosition = { ...position };\n    if (screenWidthDiff > 0) {\n      nextPosition.x -= screenWidthDiff;\n    }\n    if (screenHeightDiff > 0) {\n      nextPosition.y -= screenHeightDiff;\n    }\n\n    nextPosition.x = nextPosition.x < 0 ? 0 : nextPosition.x;\n    nextPosition.y = nextPosition.y < 0 ? 0 : nextPosition.y;\n\n    if (position.x !== nextPosition.x || position.y !== nextPosition.y) {\n      onChangePosition(nextPosition);\n    }\n  }, [position.x, position.y, resized, onChangePosition]);\n\n  useEffect(() => {\n    const popover = popoverRef.current;\n    if (!show || !popover) return undefined;\n\n    const handleResize = debounce(() => {\n      setResized();\n    }, 250);\n\n    setResized();\n    window.addEventListener('resize', handleResize);\n    let resizeObserver: ResizeObserver | undefined;\n    if ('ResizeObserver' in window) {\n      try {\n        resizeObserver = new window.ResizeObserver(handleResize);\n        resizeObserver.observe(popover);\n      } catch (e) {\n        console.warn('Failed to create ResizeObserver for handling element resize', e);\n      }\n    }\n\n    return () => {\n      handleResize.cancel();\n      window.removeEventListener('resize', handleResize);\n      resizeObserver?.disconnect();\n    };\n  }, [show]);\n\n  const paperClassName = classNames(\n    transitionGrow(),\n    className,\n  );\n\n  return createPortal(\n    <Draggable\n      bounds=\"parent\"\n      {...draggableProps}\n      // TODO: remove as after https://github.com/react-grid-layout/react-draggable/issues/768\n      nodeRef={popoverRef as RefObject<HTMLDivElement>}\n      position={position}\n      onMouseDown={handleMouseDown}\n      onStart={handleDragStart}\n      onStop={handleDragStop}\n    >\n      <DraggableWrap\n        ref={popoverRef}\n        className={modalClassName}\n        style={{ zIndex: `calc(${tokens.zIndex.draggablePopover} + ${zIndex})` }}\n      >\n        <CSSTransition\n          nodeRef={rootRef}\n          mountOnEnter={true}\n          unmountOnExit={true}\n          classNames={transitionClassNames([transitionGrowParent, transitionClassName])}\n          timeout={300}\n          in={show}\n          onExited={onExited}\n        >\n          <PaperStyled shadow=\"modalDialog\" ref={rootRef} className={paperClassName} tabIndex={0}>\n            {children}\n          </PaperStyled>\n        </CSSTransition>\n      </DraggableWrap>\n    </Draggable>,\n    document.body,\n  );\n};\n\nexport default memo(DraggablePopover);\n"],"names":["DEFAULT_OFFSET","DraggablePopover","show","children","onEsc","layerIdProp","className","onChangePosition","onExited","modalManagerProp","draggableProps","_ref","_ref2","positionProp","defaultPosition","onStart","onMouseDown","onStop","modalClassName","useModalState","layerIdRef","useRef","Math","popoverRef","rootRef","zIndex","setZIndex","useState","resized","setResized","useReducer","prev","positionX","positionY","position","useMemo","correctPosition","modalManager","defaultModalManager","handleMouseDown","useCallback","e","popover","layerId","defaultLayersManager","handleDragStart","data","handleDragStop","useEffect","prevZIndex","handleKeyDown","event","key","KeyboardEventKey","document","useIsomorphicEffect","screenWidth","screenHeight","prevWidth","prevHeight","screenWidthWithout","screenHeightWithout","screenWidthDiff","screenHeightDiff","nextPosition","handleResize","debounce","window","resizeObserver","console","paperClassName","classNames","transitionGrow","createPortal","Draggable","DraggableWrap","tokens","CSSTransition","transitionClassNames","transitionGrowParent","transitionClassName","PaperStyled","memo"],"mappings":"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"}

package/dist/DraggablePopover/DraggablePopover.styles.js

@@ -1,17 +1,18 @@
-import { styled } from '@linaria/react';
-import Paper from '../Paper/index.js';
-export const transitionClassName = "ui_components_tquukmj";
+import { styled } from "@linaria/react";
+import Paper from "../Paper/index.js";
+const transitionClassName = "ui_components_tquukmj";
 const _exp = () => (Paper);
-export const PaperStyled = /*#__PURE__*/styled(_exp())({
+const PaperStyled = /*#__PURE__*/styled(_exp())({
   name: "PaperStyled",
   class: "ui_components_ppj1yg3",
   propsAsIs: true
 });
-export const DraggableWrap = /*#__PURE__*/styled('div')({
+const DraggableWrap = /*#__PURE__*/styled('div')({
   name: "DraggableWrap",
   class: "ui_components_dg62omu",
   propsAsIs: false
 });
+export { DraggableWrap, PaperStyled, transitionClassName };
 //# sourceMappingURL=DraggablePopover.styles.js.map
 
 import "./DraggablePopover.styles.css";

package/dist/DraggablePopover/DraggablePopover.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"DraggablePopover.styles.js","sourceRoot":"","sources":["../../src/DraggablePopover/DraggablePopover.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAC/D,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,KAAK,MAAM,mBAAmB,CAAC;AAEtC,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAA,EAAE,CAAC;AAEzC,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;MAClC,mBAAmB;MACnB,mBAAmB;MACnB,mBAAmB;;;;;;;;;CASxB,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;aAI1B,MAAM,CAAC,MAAM,CAAC,gBAAgB;CAC1C,CAAC"}
+{"version":3,"file":"DraggablePopover/DraggablePopover.styles.js","sources":["../../src/DraggablePopover/DraggablePopover.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { tokens } from '@finam/web-ui-kit-core/theme/contract';\nimport { css } from '@linaria/core';\nimport Paper from '../Paper/index.js';\n\nexport const transitionClassName = css``;\n\nexport const PaperStyled = styled(Paper)`\n  &.${transitionClassName}-appear-active,\n  &.${transitionClassName}-enter-active,\n  &.${transitionClassName}-exit-active {\n    user-select: none;\n    pointer-events: none;\n  }\n\n  &.rounded {\n    border-radius: 12px;\n    overflow: hidden;\n  }\n`;\n\nexport const DraggableWrap = styled.div`\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: ${tokens.zIndex.draggablePopover};\n`;\n"],"names":["transitionClassName","css","PaperStyled","styled","Paper","DraggableWrap","tokens"],"mappings":";;;;AAKO,MAAMA,sBAAsBC,GAAG,CAAC,CAAC;AAEjC,MAAMC,cAAcC,OAAOC,MAAM,CAAC;IACrC,EAAEJ,oBAAoB;IACtB,EAAEA,oBAAoB;IACtB,EAAEA,oBAAoB;;;;;;;;;AAS1B,CAAC;AAEM,MAAMK,gBAAgBF,OAAO,GAAG,CAAC;;;;WAI7B,EAAEG,OAAO,MAAM,CAAC,gBAAgB,CAAC;AAC5C,CAAC"}

package/dist/DraggablePopover/index.js

@@ -1,3 +1,2 @@
-export { default } from './DraggablePopover.js';
-export { default as LayersManager, defaultLayersManager } from './layersManager.js';
-//# sourceMappingURL=index.js.map
+export { default } from "./DraggablePopover.js";
+export { default as LayersManager, defaultLayersManager } from "./layersManager.js";

package/dist/DraggablePopover/layersManager.js

@@ -1,50 +1,48 @@
 class LayersManager {
-    constructor() {
+    constructor(){
         this.layers = [];
-        this.setLayerActive = (id) => {
-            const layerIndex = this.layers.findIndex(layer => layer.id === id);
-            if (layerIndex < 0 || layerIndex >= this.layers.length - 1) {
-                return;
-            }
+        this.setLayerActive = (id)=>{
+            const layerIndex = this.layers.findIndex((layer)=>layer.id === id);
+            if (layerIndex < 0 || layerIndex >= this.layers.length - 1) return;
             const [layer] = this.layers.splice(layerIndex, 1);
-            this.layers.forEach((layerValue, index) => {
-                if (index >= layerIndex) {
-                    layerValue.onBack();
-                }
+            this.layers.forEach((layerValue, index)=>{
+                if (index >= layerIndex) layerValue.onBack();
             });
             this.layers.push(layer);
             layer.onFront();
         };
-        this.removeLayerListener = (id) => {
-            const layerIndex = this.layers.findIndex(layer => layer.id === id);
-            if (layerIndex < 0) {
-                return;
-            }
+        this.removeLayerListener = (id)=>{
+            const layerIndex = this.layers.findIndex((layer)=>layer.id === id);
+            if (layerIndex < 0) return;
             this.layers.splice(layerIndex, 1);
-            this.layers.forEach((layer, index) => {
-                if (index < layerIndex) {
-                    layer.onFront();
-                }
+            this.layers.forEach((layer, index)=>{
+                if (index < layerIndex) layer.onFront();
             });
         };
-        this.addLayerListener = (id, onFront, onBack) => {
-            if (!this.layers.some(layer => layer.id === id)) {
-                this.layers.forEach((layer) => {
+        this.addLayerListener = (id, onFront, onBack)=>{
+            if (!this.layers.some((layer)=>layer.id === id)) {
+                this.layers.forEach((layer)=>{
                     layer.onBack();
                 });
                 this.layers.push({
                     id,
                     onFront,
-                    onBack,
+                    onBack
                 });
             }
-            return () => {
+            return ()=>{
                 this.removeLayerListener(id);
             };
         };
-        this.isLayerActive = (id) => { var _a; return ((_a = this.layers[this.layers.length - 1]) === null || _a === void 0 ? void 0 : _a.id) === id; };
+        this.isLayerActive = (id)=>{
+            var _this_layers_;
+            return (null == (_this_layers_ = this.layers[this.layers.length - 1]) ? void 0 : _this_layers_.id) === id;
+        };
     }
 }
-export const defaultLayersManager = new LayersManager();
-export default LayersManager;
+const defaultLayersManager = new LayersManager();
+const layersManager = LayersManager;
+export default layersManager;
+export { defaultLayersManager };
+
 //# sourceMappingURL=layersManager.js.map

package/dist/DraggablePopover/layersManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"layersManager.js","sourceRoot":"","sources":["../../src/DraggablePopover/layersManager.ts"],"names":[],"mappings":"AAMA,MAAM,aAAa;IAAnB;QACU,WAAM,GAAY,EAAE,CAAC;QAE7B,mBAAc,GAAG,CAAC,EAAU,EAAE,EAAE;YAC9B,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;YACnE,IAAI,UAAU,GAAG,CAAC,IAAI,UAAU,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC3D,OAAO;YACT,CAAC;YACD,MAAM,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;YAClD,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE;gBACxC,IAAI,KAAK,IAAI,UAAU,EAAE,CAAC;oBACxB,UAAU,CAAC,MAAM,EAAE,CAAC;gBACtB,CAAC;YACH,CAAC,CAAC,CAAC;YACH,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACxB,KAAK,CAAC,OAAO,EAAE,CAAC;QAClB,CAAC,CAAC;QAEF,wBAAmB,GAAG,CAAC,EAAU,EAAE,EAAE;YACnC,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;YACnE,IAAI,UAAU,GAAG,CAAC,EAAE,CAAC;gBACnB,OAAO;YACT,CAAC;YACD,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;YAClC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;gBACnC,IAAI,KAAK,GAAG,UAAU,EAAE,CAAC;oBACvB,KAAK,CAAC,OAAO,EAAE,CAAC;gBAClB,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,qBAAgB,GAAG,CAAC,EAAU,EAAE,OAAmB,EAAE,MAAkB,EAAE,EAAE;YACzE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;gBAChD,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;oBAC5B,KAAK,CAAC,MAAM,EAAE,CAAC;gBACjB,CAAC,CAAC,CAAC;gBACH,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;oBACf,EAAE;oBACF,OAAO;oBACP,MAAM;iBACP,CAAC,CAAC;YACL,CAAC;YAED,OAAO,GAAG,EAAE;gBACV,IAAI,CAAC,mBAAmB,CAAC,EAAE,CAAC,CAAC;YAC/B,CAAC,CAAC;QACJ,CAAC,CAAC;QAEF,kBAAa,GAAG,CAAC,EAAU,EAAE,EAAE,WAAC,OAAA,CAAA,MAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,0CAAE,EAAE,MAAK,EAAE,CAAA,EAAA,CAAC;IACjF,CAAC;CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,IAAI,aAAa,EAAE,CAAC;AAExD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"DraggablePopover/layersManager.js","sources":["../../src/DraggablePopover/layersManager.ts"],"sourcesContent":["export interface Layer {\n  id: string;\n  onFront: () => void;\n  onBack: () => void;\n}\n\nclass LayersManager {\n  private layers: Layer[] = [];\n\n  setLayerActive = (id: string) => {\n    const layerIndex = this.layers.findIndex(layer => layer.id === id);\n    if (layerIndex < 0 || layerIndex >= this.layers.length - 1) {\n      return;\n    }\n    const [layer] = this.layers.splice(layerIndex, 1);\n    this.layers.forEach((layerValue, index) => {\n      if (index >= layerIndex) {\n        layerValue.onBack();\n      }\n    });\n    this.layers.push(layer);\n    layer.onFront();\n  };\n\n  removeLayerListener = (id: string) => {\n    const layerIndex = this.layers.findIndex(layer => layer.id === id);\n    if (layerIndex < 0) {\n      return;\n    }\n    this.layers.splice(layerIndex, 1);\n    this.layers.forEach((layer, index) => {\n      if (index < layerIndex) {\n        layer.onFront();\n      }\n    });\n  };\n\n  addLayerListener = (id: string, onFront: () => void, onBack: () => void) => {\n    if (!this.layers.some(layer => layer.id === id)) {\n      this.layers.forEach((layer) => {\n        layer.onBack();\n      });\n      this.layers.push({\n        id,\n        onFront,\n        onBack,\n      });\n    }\n\n    return () => {\n      this.removeLayerListener(id);\n    };\n  };\n\n  isLayerActive = (id: string) => this.layers[this.layers.length - 1]?.id === id;\n}\n\nexport const defaultLayersManager = new LayersManager();\n\nexport default LayersManager;\n"],"names":["LayersManager","id","layerIndex","layer","layerValue","index","onFront","onBack","_this_layers_","defaultLayersManager"],"mappings":"AAMA,MAAMA;;aACI,MAAM,GAAY,EAAE;aAE5B,cAAc,GAAG,CAACC;YAChB,MAAMC,aAAa,IAAI,CAAC,MAAM,CAAC,SAAS,CAACC,CAAAA,QAASA,MAAM,EAAE,KAAKF;YAC/D,IAAIC,aAAa,KAAKA,cAAc,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,GACvD;YAEF,MAAM,CAACC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAACD,YAAY;YAC/C,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAACE,YAAYC;gBAC/B,IAAIA,SAASH,YACXE,WAAW,MAAM;YAErB;YACA,IAAI,CAAC,MAAM,CAAC,IAAI,CAACD;YACjBA,MAAM,OAAO;QACf;aAEA,mBAAmB,GAAG,CAACF;YACrB,MAAMC,aAAa,IAAI,CAAC,MAAM,CAAC,SAAS,CAACC,CAAAA,QAASA,MAAM,EAAE,KAAKF;YAC/D,IAAIC,aAAa,GACf;YAEF,IAAI,CAAC,MAAM,CAAC,MAAM,CAACA,YAAY;YAC/B,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAACC,OAAOE;gBAC1B,IAAIA,QAAQH,YACVC,MAAM,OAAO;YAEjB;QACF;aAEA,gBAAgB,GAAG,CAACF,IAAYK,SAAqBC;YACnD,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAACJ,CAAAA,QAASA,MAAM,EAAE,KAAKF,KAAK;gBAC/C,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAACE;oBACnBA,MAAM,MAAM;gBACd;gBACA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;oBACfF;oBACAK;oBACAC;gBACF;YACF;YAEA,OAAO;gBACL,IAAI,CAAC,mBAAmB,CAACN;YAC3B;QACF;aAEA,aAAa,GAAG,CAACA;gBAAeO;mBAAAA,AAAAA,SAAAA,CAAAA,gBAAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,EAAE,AAAD,IAAlCA,KAAAA,IAAAA,cAAqC,EAAE,AAAD,MAAMP;;;AAC9E;AAEO,MAAMQ,uBAAuB,IAAIT;AAExC,sBAAeA"}

package/dist/DraggablePopover/utils.js

@@ -1,6 +1,6 @@
-export const correctPosition = (positionX, positionY, popoverEl) => {
-    var _a;
-    const parentRect = (_a = popoverEl === null || popoverEl === void 0 ? void 0 : popoverEl.parentElement) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+const correctPosition = (positionX, positionY, popoverEl)=>{
+    var _popoverEl_parentElement;
+    const parentRect = null == popoverEl ? void 0 : null == (_popoverEl_parentElement = popoverEl.parentElement) ? void 0 : _popoverEl_parentElement.getBoundingClientRect();
     let x = positionX;
     let y = positionY;
     if (parentRect && popoverEl) {
@@ -9,6 +9,11 @@ export const correctPosition = (positionX, positionY, popoverEl) => {
         x = Math.max(0, Math.min(x, Math.floor(parentRect.width) - popoverWidth));
         y = Math.max(0, Math.min(y, Math.floor(parentRect.height) - popoverHeight));
     }
-    return { x, y };
+    return {
+        x,
+        y
+    };
 };
+export { correctPosition };
+
 //# sourceMappingURL=utils.js.map

package/dist/DraggablePopover/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/DraggablePopover/utils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,SAAiB,EACjB,SAAiB,EACjB,SAA6B,EAC7B,EAAE;;IACF,MAAM,UAAU,GAAG,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,aAAa,0CAAE,qBAAqB,EAAE,CAAC;IAErE,IAAI,CAAC,GAAG,SAAS,CAAC;IAClB,IAAI,CAAC,GAAG,SAAS,CAAC;IAElB,IAAI,UAAU,IAAI,SAAS,EAAE,CAAC;QAC5B,MAAM,YAAY,GAAG,SAAS,CAAC,WAAW,IAAI,CAAC,CAAC;QAChD,MAAM,aAAa,GAAG,SAAS,CAAC,YAAY,IAAI,CAAC,CAAC;QAElD,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC;QAC1E,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC;IAC9E,CAAC;IAED,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;AAClB,CAAC,CAAC"}
+{"version":3,"file":"DraggablePopover/utils.js","sources":["../../src/DraggablePopover/utils.ts"],"sourcesContent":["export const correctPosition = (\n  positionX: number,\n  positionY: number,\n  popoverEl: HTMLElement | null,\n) => {\n  const parentRect = popoverEl?.parentElement?.getBoundingClientRect();\n\n  let x = positionX;\n  let y = positionY;\n\n  if (parentRect && popoverEl) {\n    const popoverWidth = popoverEl.offsetWidth || 0;\n    const popoverHeight = popoverEl.offsetHeight || 0;\n\n    x = Math.max(0, Math.min(x, Math.floor(parentRect.width) - popoverWidth));\n    y = Math.max(0, Math.min(y, Math.floor(parentRect.height) - popoverHeight));\n  }\n\n  return { x, y };\n};\n"],"names":["correctPosition","positionX","positionY","popoverEl","_popoverEl_parentElement","parentRect","x","y","popoverWidth","popoverHeight","Math"],"mappings":"AAAO,MAAMA,kBAAkB,CAC7BC,WACAC,WACAC;QAEmBC;IAAnB,MAAMC,aAAaD,QAAAA,YAAAA,KAAAA,IAAAA,QAAAA,CAAAA,2BAAAA,UAAW,aAAa,AAAD,IAAvBA,KAAAA,IAAAA,yBAA0B,qBAAqB;IAElE,IAAIE,IAAIL;IACR,IAAIM,IAAIL;IAER,IAAIG,cAAcF,WAAW;QAC3B,MAAMK,eAAeL,UAAU,WAAW,IAAI;QAC9C,MAAMM,gBAAgBN,UAAU,YAAY,IAAI;QAEhDG,IAAII,KAAK,GAAG,CAAC,GAAGA,KAAK,GAAG,CAACJ,GAAGI,KAAK,KAAK,CAACL,WAAW,KAAK,IAAIG;QAC3DD,IAAIG,KAAK,GAAG,CAAC,GAAGA,KAAK,GAAG,CAACH,GAAGG,KAAK,KAAK,CAACL,WAAW,MAAM,IAAII;IAC9D;IAEA,OAAO;QAAEH;QAAGC;IAAE;AAChB"}

package/dist/DropDownMenu/DropDownMenu.js

@@ -1,19 +1,36 @@
-import { __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, memo } from 'react';
-import classnames from 'clsx';
-import Popover from '../Popover/index.js';
-import MenuList from '../MenuList/index.js';
-import { menuClassNameSize } from '../MenuItem/index.js';
-import { paperStyles } from './DropDownMenu.styles.js';
-import { sharedMenuPadding } from '../MenuList/sharedMenuStyles.styles.js';
-/**
- * Это компонент для внутреннего использования в других компонентах ui-кита.
- * Сейчас он используется в компонентах SelectField, MultiSelectField
- */
-const DropDownMenu = forwardRef((_a, ref) => {
-    var { PaperProps, children, size = 'small' } = _a, otherProps = __rest(_a, ["PaperProps", "children", "size"]);
-    return (_jsx(Popover, Object.assign({ PaperProps: Object.assign(Object.assign({}, PaperProps), { className: classnames(paperStyles, sharedMenuPadding, menuClassNameSize(size), PaperProps === null || PaperProps === void 0 ? void 0 : PaperProps.className) }), ref: ref }, otherProps, { children: _jsx(MenuList, { size: size, children: children }) })));
+import { _ } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props__ } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties__ } from "@swc/helpers/_/_object_without_properties";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, memo } from "react";
+import clsx from "clsx";
+import Popover from "../Popover/index.js";
+import MenuList from "../MenuList/index.js";
+import { menuClassNameSize } from "../MenuItem/index.js";
+import { paperStyles } from "./DropDownMenu.styles.js";
+import { sharedMenuPadding } from "../MenuList/sharedMenuStyles.styles.js";
+const DropDownMenu = /*#__PURE__*/ forwardRef((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { PaperProps, children, size = 'small' } = _ref1, otherProps = _object_without_properties__(_ref1, [
+        "PaperProps",
+        "children",
+        "size"
+    ]), [ref] = _rest;
+    return /*#__PURE__*/ jsx(Popover, _object_spread_props__(_({
+        PaperProps: _object_spread_props__(_({}, PaperProps), {
+            className: clsx(paperStyles, sharedMenuPadding, menuClassNameSize(size), null == PaperProps ? void 0 : PaperProps.className)
+        }),
+        ref: ref
+    }, otherProps), {
+        children: /*#__PURE__*/ jsx(MenuList, {
+            size: size,
+            children: children
+        })
+    }));
 });
-export default memo(DropDownMenu);
+const DropDownMenu_DropDownMenu = /*#__PURE__*/ memo(DropDownMenu);
+export default DropDownMenu_DropDownMenu;
+
 //# sourceMappingURL=DropDownMenu.js.map

package/dist/DropDownMenu/DropDownMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropDownMenu.js","sourceRoot":"","sources":["../../src/DropDownMenu/DropDownMenu.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,OAAyB,MAAM,qBAAqB,CAAC;AAC5D,OAAO,QAA2B,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAY,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAO3E;;;GAGG;AACH,MAAM,YAAY,GAAG,UAAU,CAAwB,CAAC,EAKvD,EAAE,GAAG,EAAE,EAAE;QAL8C,EACtD,UAAU,EACV,QAAQ,EACR,IAAI,GAAG,OAAO,OAEf,EADI,UAAU,cAJyC,kCAKvD,CADc;IACJ,OAAA,CACT,KAAC,OAAO,kBACN,UAAU,kCACL,UAAU,KACb,SAAS,EAAE,UAAU,CACnB,WAAW,EACX,iBAAiB,EACjB,iBAAiB,CAAC,IAAI,CAAC,EACvB,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,CACtB,KAEH,GAAG,EAAE,GAAG,IACJ,UAAU,cAEd,KAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,YACjB,QAAQ,GACA,IACH,CACX,CAAA;CAAA,CAAC,CAAC;AAEH,eAAe,IAAI,CAAC,YAAY,CAAC,CAAC"}
+{"version":3,"file":"DropDownMenu/DropDownMenu.js","sources":["../../src/DropDownMenu/DropDownMenu.tsx"],"sourcesContent":["import { forwardRef, memo } from 'react';\nimport classnames from 'clsx';\nimport Popover, { PopoverProps } from '../Popover/index.js';\nimport MenuList, { MenuListProps } from '../MenuList/index.js';\nimport { menuClassNameSize, MenuSize } from '../MenuItem/index.js';\nimport { paperStyles } from './DropDownMenu.styles.js';\nimport { sharedMenuPadding } from '../MenuList/sharedMenuStyles.styles.js';\n\nexport interface Props extends PopoverProps {\n  children: MenuListProps['children'];\n  size?: MenuSize;\n}\n\n/**\n * Это компонент для внутреннего использования в других компонентах ui-кита.\n * Сейчас он используется в компонентах SelectField, MultiSelectField\n */\nconst DropDownMenu = forwardRef<HTMLDivElement, Props>(({\n  PaperProps,\n  children,\n  size = 'small',\n  ...otherProps\n}, ref) => (\n  <Popover\n    PaperProps={{\n      ...PaperProps,\n      className: classnames(\n        paperStyles,\n        sharedMenuPadding,\n        menuClassNameSize(size),\n        PaperProps?.className,\n      ),\n    }}\n    ref={ref}\n    {...otherProps}\n  >\n    <MenuList size={size}>\n      {children}\n    </MenuList>\n  </Popover>\n));\n\nexport default memo(DropDownMenu);\n"],"names":["DropDownMenu","forwardRef","PaperProps","children","size","otherProps","ref","Popover","classnames","paperStyles","sharedMenuPadding","menuClassNameSize","MenuList","memo"],"mappings":";;;;;;;;;;;AAiBA,MAAMA,eAAe,WAAHA,GAAGC,WAAkC,CAAC,IAAD;;;;iCAAC,EACtDC,UAAU,EACVC,QAAQ,EACRC,OAAO,OAAO,EAEf,UADIC,aAAAA,6BAAAA,OAAAA;;;;SACFC,IAAAA,GAAAA;yBACD,IAACC,SAAOA,uBAAAA,EAAAA;QACN,YAAY,6BACPL,aAAAA;YACH,WAAWM,KACTC,aACAC,mBACAC,kBAAkBP,OAClBF,QAAAA,aAAAA,KAAAA,IAAAA,WAAY,SAAS;;QAGzB,KAAKI;OACDD,aAAAA;kBAEJ,kBAACO,UAAQA;YAAC,MAAMR;sBACbD;;;;AAKP,gDAAeU,KAAKb"}

package/dist/DropDownMenu/DropDownMenu.styles.js

@@ -1,4 +1,5 @@
-export const paperStyles = "ui_components_p1r0rzco";
+const paperStyles = "ui_components_p1r0rzco";
+export { paperStyles };
 //# sourceMappingURL=DropDownMenu.styles.js.map
 
 import "./DropDownMenu.styles.css";

package/dist/DropDownMenu/DropDownMenu.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropDownMenu.styles.js","sourceRoot":"","sources":["../../src/DropDownMenu/DropDownMenu.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAEpC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;CAG7B,CAAC"}
+{"version":3,"file":"DropDownMenu/DropDownMenu.styles.js","sources":["../../src/DropDownMenu/DropDownMenu.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const paperStyles = css`\n  max-height: calc(100% - 96px);\n  -webkit-overflow-scrolling: touch;\n`;\n"],"names":["paperStyles","css"],"mappings":";AAEO,MAAMA,cAAcC,GAAG,CAAC;;;AAG/B,CAAC"}