@finam/web-ui-kit-components 3.34.0 → 3.34.1

package/CHANGELOG.md

@@ -1,3 +1,5 @@
+## 3.34.1
+* В `DraggablePopover` ограничено число последовательных коррекций позиции: окно, размер которого зависит от собственной позиции, больше не вызывает бесконечную цепочку `onChangePosition`; при достижении лимита в консоль выводится `warning` с историей коррекций и метриками экрана
 ## 3.34.0
 * В `TextArea` добавлен prop `resizable` — изменение высоты поля пользователем за правый нижний угол
 * В `TextArea` применён `customScroll`

package/dist/DraggablePopover/DraggablePopover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DraggablePopover.d.ts","sourceRoot":"","sources":["../../src/DraggablePopover/DraggablePopover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,SAAS,EAEV,MAAM,OAAO,CAAC;AAGf,OAAkB,EAAE,eAAe,EAAiC,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAO5G,OAAO,EAAE,YAAY,EAAuB,MAAM,mBAAmB,CAAC;AAUtE,MAAM,WAAW,KAAM,SAAQ,OAAO,CAAC,cAAc,CAAC;IACpD,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gFAAgF;IAChF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kDAAkD;IAClD,IAAI,EAAE,OAAO,CAAC;IACd,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,uCAAuC;IACvC,QAAQ,EAAE,SAAS,CAAC;IACpB,sEAAsE;IACtE,gBAAgB,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;IACtD,yBAAyB;IACzB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,oFAAoF;IACpF,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED,YAAY,EAAE,eAAe,EAAE,CAAC;wMAY7B,KAAK;AAuMR,wBAAsC"}
+{"version":3,"file":"DraggablePopover.d.ts","sourceRoot":"","sources":["../../src/DraggablePopover/DraggablePopover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,SAAS,EAEV,MAAM,OAAO,CAAC;AAGf,OAAkB,EAAE,eAAe,EAAiC,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAO5G,OAAO,EAAE,YAAY,EAAuB,MAAM,mBAAmB,CAAC;AAoCtE,MAAM,WAAW,KAAM,SAAQ,OAAO,CAAC,cAAc,CAAC;IACpD,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gFAAgF;IAChF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kDAAkD;IAClD,IAAI,EAAE,OAAO,CAAC;IACd,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,uCAAuC;IACvC,QAAQ,EAAE,SAAS,CAAC;IACpB,sEAAsE;IACtE,gBAAgB,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;IACtD,yBAAyB;IACzB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,oFAAoF;IACpF,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED,YAAY,EAAE,eAAe,EAAE,CAAC;wMAY7B,KAAK;AAiQR,wBAAsC"}

package/dist/DraggablePopover/DraggablePopover.js

@@ -19,6 +19,7 @@ import { DraggableWrap, PaperStyled, transitionClassName } from "./DraggablePopo
 import { useIsomorphicEffect } from "../utils/useIsomorphicEffect.js";
 import { transitionClassNames } from "../utils/transition.js";
 const DEFAULT_OFFSET = 16;
+const MAX_POSITION_CORRECTIONS = 2;
 const DraggablePopover = (_0)=>{
     let { show, children, onEsc, layerId: layerIdProp, className, onChangePosition, onExited, modalManager: modalManagerProp } = _0, draggableProps = _object_without_properties__(_0, [
         "show",
@@ -38,6 +39,12 @@ const DraggablePopover = (_0)=>{
     const rootRef = useRef(null);
     const [zIndex, setZIndex] = useState(0);
     const [resized, setResized] = useReducer((prev)=>!prev, false);
+    const correctionsRef = useRef({
+        resized,
+        count: 0,
+        warned: false,
+        log: []
+    });
     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), [
@@ -66,6 +73,8 @@ const DraggablePopover = (_0)=>{
         onStart
     ]);
     const handleDragStop = useCallback((e, data)=>{
+        correctionsRef.current.count = 0;
+        correctionsRef.current.log = [];
         onChangePosition({
             x: data.x,
             y: data.y
@@ -116,6 +125,12 @@ const DraggablePopover = (_0)=>{
     useIsomorphicEffect(()=>{
         const popover = popoverRef.current;
         if (!popover) return;
+        if (correctionsRef.current.resized !== resized) correctionsRef.current = {
+            resized,
+            count: 0,
+            warned: false,
+            log: []
+        };
         const screenWidth = document.documentElement.scrollWidth;
         const screenHeight = document.documentElement.scrollHeight;
         const prevWidth = popover.style.width;
@@ -133,7 +148,50 @@ const DraggablePopover = (_0)=>{
         if (screenHeightDiff > 0) nextPosition.y -= screenHeightDiff;
         nextPosition.x = Math.max(0, nextPosition.x);
         nextPosition.y = Math.max(0, nextPosition.y);
-        if (position.x !== nextPosition.x || position.y !== nextPosition.y) onChangePosition(nextPosition);
+        if (position.x !== nextPosition.x || position.y !== nextPosition.y) {
+            const corrections = correctionsRef.current;
+            if (corrections.log.length <= MAX_POSITION_CORRECTIONS) corrections.log.push({
+                from: position,
+                to: nextPosition,
+                diff: {
+                    width: screenWidthDiff,
+                    height: screenHeightDiff
+                },
+                popover: {
+                    width: popover.offsetWidth,
+                    height: popover.offsetHeight
+                }
+            });
+            if (corrections.count >= MAX_POSITION_CORRECTIONS) {
+                if (!corrections.warned) {
+                    var _window_visualViewport, _window_visualViewport1, _window_visualViewport2;
+                    corrections.warned = true;
+                    console.warn(`DraggablePopover (layer "${layerIdRef.current}"): position corrections limit reached, popover is left outside the screen. If popover size changes together with position, the consumer makes its size depend on position (e.g. max-height from position.y); if size and diff stay the same, removing the popover changes the rest of the layout`, {
+                        corrections: corrections.log,
+                        resized,
+                        screen: {
+                            scrollWidth: screenWidth,
+                            scrollHeight: screenHeight,
+                            scrollWidthWithout: screenWidthWithout,
+                            scrollHeightWithout: screenHeightWithout,
+                            clientWidth: document.documentElement.clientWidth,
+                            clientHeight: document.documentElement.clientHeight
+                        },
+                        viewport: {
+                            devicePixelRatio: window.devicePixelRatio,
+                            visualViewportScale: null == (_window_visualViewport = window.visualViewport) ? void 0 : _window_visualViewport.scale,
+                            innerWidth: window.innerWidth,
+                            innerHeight: window.innerHeight,
+                            visualViewportWidth: null == (_window_visualViewport1 = window.visualViewport) ? void 0 : _window_visualViewport1.width,
+                            visualViewportHeight: null == (_window_visualViewport2 = window.visualViewport) ? void 0 : _window_visualViewport2.height
+                        }
+                    });
+                }
+                return;
+            }
+            corrections.count += 1;
+            onChangePosition(nextPosition);
+        }
     }, [
         position.x,
         position.y,

package/dist/DraggablePopover/DraggablePopover.js.map

@@ -1 +1 @@
-{"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} 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 = Math.max(0, nextPosition.x);\n    nextPosition.y = Math.max(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      nodeRef={popoverRef}\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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"}
+{"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} 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\n/**\n * Сколько коррекций позиции подряд допускается между изменениями размера окна и перетаскиваниями.\n * Если размер окна зависит от его позиции (например, потребитель задаёт `max-height` от `y`),\n * сдвиг окна не убирает переполнение экрана, и цепочка коррекций становится бесконечной.\n */\nconst MAX_POSITION_CORRECTIONS = 2;\n\n/** Запись об одной коррекции позиции, нужна для диагностики упёршейся в лимит цепочки */\ninterface CorrectionLog {\n  /** Позиция, с которой окно отрисовано */\n  from: ControlPosition;\n  /** Позиция, на которую окно сдвигается */\n  to: ControlPosition;\n  /** Насколько окно выходит за скролл-размер документа */\n  diff: { width: number; height: number; };\n  /** Размер окна на момент коррекции: меняется вместе с позицией, если размер от неё зависит */\n  popover: { width: number; height: number; };\n}\n\ninterface CorrectionsState {\n  resized: boolean;\n  count: number;\n  warned: boolean;\n  log: CorrectionLog[];\n}\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  const correctionsRef = useRef<CorrectionsState>({ resized, count: 0, warned: false, log: [] });\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    correctionsRef.current.count = 0;\n    correctionsRef.current.log = [];\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    if (correctionsRef.current.resized !== resized) {\n      correctionsRef.current = { resized, count: 0, warned: false, log: [] };\n    }\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 = Math.max(0, nextPosition.x);\n    nextPosition.y = Math.max(0, nextPosition.y);\n\n    if (position.x !== nextPosition.x || position.y !== nextPosition.y) {\n      const corrections = correctionsRef.current;\n\n      // Последняя запись — проход, упёршийся в лимит, остальные — применённые коррекции\n      if (corrections.log.length <= MAX_POSITION_CORRECTIONS) {\n        corrections.log.push({\n          from: position,\n          to: nextPosition,\n          diff: { width: screenWidthDiff, height: screenHeightDiff },\n          popover: { width: popover.offsetWidth, height: popover.offsetHeight },\n        });\n      }\n\n      if (corrections.count >= MAX_POSITION_CORRECTIONS) {\n        if (!corrections.warned) {\n          corrections.warned = true;\n          console.warn(\n            `DraggablePopover (layer \"${layerIdRef.current}\"): position corrections limit reached, ` +\n            'popover is left outside the screen. If popover size changes together with position, ' +\n            'the consumer makes its size depend on position (e.g. max-height from position.y); ' +\n            'if size and diff stay the same, removing the popover changes the rest of the layout',\n            {\n              corrections: corrections.log,\n              resized,\n              screen: {\n                scrollWidth: screenWidth,\n                scrollHeight: screenHeight,\n                scrollWidthWithout: screenWidthWithout,\n                scrollHeightWithout: screenHeightWithout,\n                clientWidth: document.documentElement.clientWidth,\n                clientHeight: document.documentElement.clientHeight,\n              },\n              viewport: {\n                /** Зум браузера и масштаб системы по отдельности не различимы, меняется оба раза */\n                devicePixelRatio: window.devicePixelRatio,\n                /** Масштаб жестом, на десктопе всегда 1 */\n                visualViewportScale: window.visualViewport?.scale,\n                /** Больше clientWidth/clientHeight на полосы скроллбаров */\n                innerWidth: window.innerWidth,\n                innerHeight: window.innerHeight,\n                /** Дробный размер вьюпорта: при зуме не совпадает с целым clientWidth/clientHeight */\n                visualViewportWidth: window.visualViewport?.width,\n                visualViewportHeight: window.visualViewport?.height,\n              },\n            },\n          );\n        }\n\n        return;\n      }\n\n      corrections.count += 1;\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      nodeRef={popoverRef}\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","MAX_POSITION_CORRECTIONS","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","correctionsRef","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","corrections","_window_visualViewport","_window_visualViewport1","_window_visualViewport2","console","window","handleResize","debounce","resizeObserver","paperClassName","classNames","transitionGrow","createPortal","Draggable","DraggableWrap","tokens","CSSTransition","transitionClassNames","transitionGrowParent","transitionClassName","PaperStyled","memo"],"mappings":"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"}

package/dist/index.js

@@ -1,5 +1,5 @@
 export * from "./types.js";
-const version = "3.34.0";
+const version = "3.34.1";
 export { default as Button } from "./Button/index.js";
 export { default as ButtonAsync } from "./ButtonAsync/index.js";
 export { default as MarketingButton } from "./MarketingButton/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finam/web-ui-kit-components",
-  "version": "3.34.0",
+  "version": "3.34.1",
   "description": "Components library for web-ui-kit",
   "author": "",
   "license": "ISC",
@@ -53,7 +53,7 @@
   },
   "scripts": {
     "clean": "rimraf dist tsconfig.tsbuildinfo",
-    "build:lib": "npm run clean && npm run lint:es && npm run lint:styles && npm run compile:es && npm run compile:styles:es",
+    "build:lib": "npm run clean && npm run compile:es && npm run compile:styles:es",
     "compile:es": "rslib build -c ../../rslib.config.ts",
     "compile:styles:es": "wyw-in-js -o dist -m es2015 -t true --source-root dist --insert-css-requires dist \"dist/**/*.js\"",
     "lint:es": "eslint .",