@consta/uikit 3.29.0 → 4.0.1

package/__internal__/src/components/Popover/Popover.js

@@ -1,163 +1,2 @@
-import { __assign, __read, __rest, __spread } from "tslib";
-import './Popover.css';
-import React, { forwardRef, useEffect, useLayoutEffect, useMemo } from 'react';
-import { useClickOutside } from '../../hooks/useClickOutside/useClickOutside';
-import { useComponentSize } from '../../hooks/useComponentSize/useComponentSize';
-import { useForkRef } from '../../hooks/useForkRef/useForkRef';
-import { cn } from '../../utils/bem';
-import { isNumber, isString } from '../../utils/type-guards';
-import { PortalWithTheme, usePortalContext } from '../PortalWithTheme/PortalWithTheme';
-import { useTheme } from '../Theme/Theme';
-import { getComputedPositionAndDirection } from './helpers';
-import { usePopoverReposition } from './usePopoverReposition';
-export { usePopoverReposition };
-/**
- * Стороны упорядочены по приоритету:
- * Используется первая сторона, в которую смог вписаться поповер.
- */
-export var directionsStartCenter = [
-    'downCenter',
-    'upCenter',
-    'downRight',
-    'downLeft',
-    'upRight',
-    'upLeft',
-    'leftUp',
-    'leftCenter',
-    'leftDown',
-    'rightUp',
-    'rightCenter',
-    'rightDown',
-];
-export var directionsStartEdge = [
-    'downStartLeft',
-    'upStartLeft',
-    'downStartRight',
-    'upStartRight',
-    'leftStartUp',
-    'leftStartDown',
-    'rightStartUp',
-    'rightStartDown',
-];
-export var popoverPropOffset = [
-    '3xs',
-    '2xs',
-    'xs',
-    's',
-    'm',
-    'l',
-    'xl',
-    '2xl',
-    '3xl',
-    '4xl',
-    '5xl',
-    '6xl',
-];
-export var directions = __spread(directionsStartCenter, directionsStartEdge);
-var getOffset = function (ref, propOffset) {
-    if (isNumber(propOffset)) {
-        return propOffset;
-    }
-    if (isString(propOffset) && ref.current) {
-        var cssVar = getComputedStyle(ref.current).getPropertyValue("--space-" + propOffset);
-        if (cssVar && /px$/.test(cssVar)) {
-            return Number(cssVar.slice(0, cssVar.length - 2));
-        }
-        if (cssVar && /rem$/.test(cssVar)) {
-            var fontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
-            var rem = Number(cssVar.slice(0, cssVar.length - 3));
-            return fontSize * rem;
-        }
-        if (cssVar && /em$/.test(cssVar)) {
-            var fontSize = parseFloat(getComputedStyle(ref.current).fontSize);
-            var em = Number(cssVar.slice(0, cssVar.length - 2));
-            return fontSize * em;
-        }
-        return 0;
-    }
-    return 0;
-};
-var isRenderProp = function (children) { return typeof children === 'function'; };
-/**
- * Подписчик на PortalWithThemeProvider
- * получает рефы всех вложенных порталов в модалку
- * для дальнейшего исключения их из useClickOutside
- */
-var ContextConsumer = function (_a) {
-    var onClickOutside = _a.onClickOutside, children = _a.children, ignoreClicksInsideRefs = _a.ignoreClicksInsideRefs;
-    var refs = usePortalContext().refs;
-    useClickOutside({
-        isActive: !!onClickOutside,
-        ignoreClicksInsideRefs: __spread((ignoreClicksInsideRefs || []), (refs || [])),
-        handler: function (event) { return onClickOutside === null || onClickOutside === void 0 ? void 0 : onClickOutside(event); }
-    });
-    return React.createElement(React.Fragment, null, children);
-};
-var cnPopover = cn('Popover');
-export var Popover = forwardRef(function (props, componentRef) {
-    var _a;
-    var children = props.children, _b = props.direction, passedDirection = _b === void 0 ? 'upCenter' : _b, _c = props.offset, propOffset = _c === void 0 ? 0 : _c, arrowOffset = props.arrowOffset, _d = props.possibleDirections, possibleDirections = _d === void 0 ? directions : _d, _e = props.isInteractive, isInteractive = _e === void 0 ? true : _e, onClickOutside = props.onClickOutside, _f = props.spareDirection, spareDirection = _f === void 0 ? 'downStartLeft' : _f, style = props.style, className = props.className, passedPosition = props.position, anchorRef = props.anchorRef, equalAnchorWidth = props.equalAnchorWidth, onSetDirection = props.onSetDirection, otherProps = __rest(props, ["children", "direction", "offset", "arrowOffset", "possibleDirections", "isInteractive", "onClickOutside", "spareDirection", "style", "className", "position", "anchorRef", "equalAnchorWidth", "onSetDirection"]);
-    var ref = React.useRef(null);
-    var theme = useTheme().theme;
-    var _g = __read(React.useState(), 2), anchorClientRect = _g[0], setAnchorClientRect = _g[1];
-    var _h = useComponentSize(ref), width = _h.width, height = _h.height;
-    var anchorSize = useComponentSize(anchorRef || { current: null });
-    var previousDirectionRef = React.useRef(null);
-    var _j = __read(React.useState([]), 2), bannedDirections = _j[0], setBannedDirections = _j[1];
-    var resetBannedDirections = function () {
-        setBannedDirections(function (state) { return (state.length ? [] : state); });
-        previousDirectionRef.current = null;
-    };
-    var updateAnchorClientRect = function () { var _a; return setAnchorClientRect((_a = anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()); };
-    var offset = useMemo(function () { return getOffset(ref, propOffset); }, [propOffset, Boolean(ref.current)]);
-    var _k = getComputedPositionAndDirection({
-        contentSize: { width: width, height: height },
-        viewportSize: {
-            // Размер вьюпорта без скроллбаров
-            width: document.documentElement.clientWidth,
-            height: document.documentElement.clientHeight
-        },
-        arrowOffset: arrowOffset,
-        offset: offset,
-        direction: passedDirection,
-        possibleDirections: possibleDirections,
-        bannedDirections: bannedDirections,
-        position: anchorClientRect
-            ? { x: anchorClientRect.left, y: anchorClientRect.top }
-            : passedPosition,
-        anchorSize: anchorSize,
-        spareDirection: spareDirection
-    }), position = _k.position, direction = _k.direction;
-    useLayoutEffect(function () { return onSetDirection === null || onSetDirection === void 0 ? void 0 : onSetDirection(direction); }, [direction]);
-    useEffect(updateAnchorClientRect, [anchorSize]);
-    usePopoverReposition({
-        isActive: true,
-        scrollAnchorRef: anchorRef || { current: null },
-        onRequestReposition: function () {
-            resetBannedDirections();
-            updateAnchorClientRect();
-        }
-    });
-    /**
-     * Может возникнуть ситуация, когда перерасчет поповера всегда будет выдавать 2 направления
-     * и бесконечно зацикливать себя. Для избежания таких кейсов мы запоминаем стороны,
-     * которые не подошли, чтобы не возвращаться к ним и предотвратить бесконечный ререндер.
-     * См. PopoverBannedPositionsStory
-     */
-    useLayoutEffect(function () {
-        if (previousDirectionRef.current !== direction) {
-            if (previousDirectionRef.current &&
-                !bannedDirections.includes(previousDirectionRef.current)) {
-                setBannedDirections(function (state) {
-                    return previousDirectionRef.current ? __spread(state, [previousDirectionRef.current]) : state;
-                });
-            }
-            previousDirectionRef.current = direction;
-        }
-    }, [direction]);
-    // Сбрасываем при любом изменении пропсов, чтобы заново начать перебор направлений
-    // Главное не сбрасывать при изменении размеров поповера, т.к. именно оно может вызвать бесконечный перебор
-    useLayoutEffect(resetBannedDirections, [props]);
-    return (React.createElement(PortalWithTheme, __assign({}, otherProps, { preset: theme, className: cnPopover({ direction: direction }, [className]), container: window.document.body, ref: useForkRef([ref, componentRef]), style: __assign(__assign({}, style), (_a = {}, _a['--popover-top'] = ((position === null || position === void 0 ? void 0 : position.y) || 0) + window.scrollY + "px", _a['--popover-left'] = ((position === null || position === void 0 ? void 0 : position.x) || 0) + window.scrollX + "px", _a["--popover-width"] = equalAnchorWidth ? anchorSize.width + "px" : undefined, _a["--popover-pointer-events"] = isInteractive ? undefined : 'none', _a["--popover-visibility"] = position ? undefined : 'hidden', _a)) }),
-        React.createElement(ContextConsumer, { onClickOutside: onClickOutside, ignoreClicksInsideRefs: [ref, anchorRef || { current: null }] }, isRenderProp(children) ? children(direction) : children)));
-});
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";var _excluded=["children","direction","offset","arrowOffset","possibleDirections","isInteractive","onClickOutside","spareDirection","style","className","position","anchorRef","equalAnchorWidth","onSetDirection"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./Popover.css";import React,{forwardRef,useEffect,useLayoutEffect,useMemo}from"react";import{useClickOutside}from"../../hooks/useClickOutside/useClickOutside";import{useComponentSize}from"../../hooks/useComponentSize/useComponentSize";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{cn}from"../../utils/bem";import{isNumber,isString}from"../../utils/type-guards";import{PortalWithTheme,usePortalContext}from"../PortalWithTheme/PortalWithTheme";import{useTheme}from"../Theme/Theme";import{getComputedPositionAndDirection}from"./helpers";import{usePopoverReposition}from"./usePopoverReposition";export{usePopoverReposition};export var directionsStartCenter=["downCenter","upCenter","downRight","downLeft","upRight","upLeft","leftUp","leftCenter","leftDown","rightUp","rightCenter","rightDown"];export var directionsStartEdge=["downStartLeft","upStartLeft","downStartRight","upStartRight","leftStartUp","leftStartDown","rightStartUp","rightStartDown"];export var popoverPropOffset=["3xs","2xs","xs","s","m","l","xl","2xl","3xl","4xl","5xl","6xl"];export var directions=[].concat(directionsStartCenter,directionsStartEdge);var getOffset=function(a,b){if(isNumber(b))return b;if(isString(b)&&a.current){var g=getComputedStyle(a.current).getPropertyValue("--space-".concat(b));if(g&&/px$/.test(g))return+g.slice(0,g.length-2);if(g&&/rem$/.test(g)){var c=parseFloat(getComputedStyle(document.documentElement).fontSize),d=+g.slice(0,g.length-3);return c*d}if(g&&/em$/.test(g)){var e=parseFloat(getComputedStyle(a.current).fontSize),f=+g.slice(0,g.length-2);return e*f}return 0}return 0},isRenderProp=function(a){return"function"==typeof a},ContextConsumer=function(a){var b=a.onClickOutside,c=a.children,d=a.ignoreClicksInsideRefs,e=usePortalContext(),f=e.refs;return useClickOutside({isActive:!!b,ignoreClicksInsideRefs:[].concat(_toConsumableArray(d||[]),_toConsumableArray(f||[])),handler:b}),c},cnPopover=cn("Popover");export var Popover=forwardRef(function(a,b){var c,d=a.children,e=a.direction,f=void 0===e?"upCenter":e,g=a.offset,h=void 0===g?0:g,i=a.arrowOffset,j=a.possibleDirections,k=void 0===j?directions:j,l=a.isInteractive,m=a.onClickOutside,n=a.spareDirection,o=void 0===n?"downStartLeft":n,p=a.style,q=a.className,r=a.position,s=a.anchorRef,t=a.equalAnchorWidth,u=a.onSetDirection,v=_objectWithoutProperties(a,_excluded),w=React.useRef(null),x=useTheme(),y=x.theme,z=React.useState(),A=_slicedToArray(z,2),B=A[0],C=A[1],D=useComponentSize(w),E=D.width,F=D.height,G=useComponentSize(s||{current:null}),H=React.useRef(null),I=React.useState([]),J=_slicedToArray(I,2),K=J[0],L=J[1],M=function(){L(function(a){return a.length?[]:a}),H.current=null},N=function(){var a;return C(null===s||void 0===s||null===(a=s.current)||void 0===a?void 0:a.getBoundingClientRect())},O=useMemo(function(){return getOffset(w,h)},[h,!!w.current]),P=getComputedPositionAndDirection({contentSize:{width:E,height:F},viewportSize:{width:document.documentElement.clientWidth,height:document.documentElement.clientHeight},arrowOffset:i,offset:O,direction:f,possibleDirections:k,bannedDirections:K,position:B?{x:B.left,y:B.top}:r,anchorSize:G,spareDirection:o}),Q=P.position,R=P.direction;return useLayoutEffect(function(){return null===u||void 0===u?void 0:u(R)},[R]),useEffect(N,[G]),usePopoverReposition({isActive:!0,scrollAnchorRef:s||{current:null},onRequestReposition:function onRequestReposition(){M(),N()}}),useLayoutEffect(function(){H.current!==R&&(H.current&&!K.includes(H.current)&&L(function(a){return H.current?[].concat(_toConsumableArray(a),[H.current]):a}),H.current=R)},[R]),useLayoutEffect(M,[a]),React.createElement(PortalWithTheme,Object.assign({},v,{preset:y,className:cnPopover({direction:R},[q]),container:window.document.body,ref:useForkRef([w,b]),style:_objectSpread(_objectSpread({},p),{},(c={},_defineProperty(c,"--popover-top","".concat(((null===Q||void 0===Q?void 0:Q.y)||0)+window.scrollY,"px")),_defineProperty(c,"--popover-left","".concat(((null===Q||void 0===Q?void 0:Q.x)||0)+window.scrollX,"px")),_defineProperty(c,"--popover-width",t?"".concat(G.width,"px"):void 0),_defineProperty(c,"--popover-pointer-events",void 0===l||l?void 0:"none"),_defineProperty(c,"--popover-visibility",Q?void 0:"hidden"),c))}),React.createElement(ContextConsumer,{onClickOutside:m,ignoreClicksInsideRefs:[w,s||{current:null}]},isRenderProp(d)?d(R):d))});
+//# sourceMappingURL=Popover.js.map

package/__internal__/src/components/Popover/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","names":["React","forwardRef","useEffect","useLayoutEffect","useMemo","useClickOutside","useComponentSize","useForkRef","cn","isNumber","isString","PortalWithTheme","usePortalContext","useTheme","getComputedPositionAndDirection","usePopoverReposition","directionsStartCenter","directionsStartEdge","popoverPropOffset","directions","getOffset","ref","propOffset","current","cssVar","getComputedStyle","getPropertyValue","test","slice","length","fontSize","parseFloat","document","documentElement","rem","em","isRenderProp","children","ContextConsumer","onClickOutside","ignoreClicksInsideRefs","refs","isActive","handler","cnPopover","Popover","props","componentRef","direction","passedDirection","offset","arrowOffset","possibleDirections","isInteractive","spareDirection","style","className","passedPosition","position","anchorRef","equalAnchorWidth","onSetDirection","otherProps","useRef","theme","useState","anchorClientRect","setAnchorClientRect","width","height","anchorSize","previousDirectionRef","bannedDirections","setBannedDirections","resetBannedDirections","state","updateAnchorClientRect","getBoundingClientRect","contentSize","viewportSize","clientWidth","clientHeight","x","left","y","top","scrollAnchorRef","onRequestReposition","includes","window","body","scrollY","scrollX"],"sources":["../../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import './Popover.css';\n\nimport React, { forwardRef, useEffect, useLayoutEffect, useMemo } from 'react';\n\nimport {\n  ClickOutsideHandler,\n  useClickOutside,\n} from '../../hooks/useClickOutside/useClickOutside';\nimport { useComponentSize } from '../../hooks/useComponentSize/useComponentSize';\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { cn } from '../../utils/bem';\nimport { isNumber, isString } from '../../utils/type-guards';\nimport { PropsWithJsxAttributes } from '../../utils/types/PropsWithJsxAttributes';\nimport {\n  PortalWithTheme,\n  usePortalContext,\n} from '../PortalWithTheme/PortalWithTheme';\nimport { useTheme } from '../Theme/Theme';\nimport { getComputedPositionAndDirection } from './helpers';\nimport { usePopoverReposition } from './usePopoverReposition';\n\nexport { usePopoverReposition };\n\n/**\n * Стороны упорядочены по приоритету:\n * Используется первая сторона, в которую смог вписаться поповер.\n */\nexport const directionsStartCenter = [\n  'downCenter',\n  'upCenter',\n\n  'downRight',\n  'downLeft',\n  'upRight',\n  'upLeft',\n\n  'leftUp',\n  'leftCenter',\n  'leftDown',\n\n  'rightUp',\n  'rightCenter',\n  'rightDown',\n] as const;\n\nexport const directionsStartEdge = [\n  'downStartLeft',\n  'upStartLeft',\n\n  'downStartRight',\n  'upStartRight',\n\n  'leftStartUp',\n  'leftStartDown',\n\n  'rightStartUp',\n  'rightStartDown',\n] as const;\n\nexport const popoverPropOffset = [\n  '3xs',\n  '2xs',\n  'xs',\n  's',\n  'm',\n  'l',\n  'xl',\n  '2xl',\n  '3xl',\n  '4xl',\n  '5xl',\n  '6xl',\n] as const;\nexport type PopoverPropOffset = typeof popoverPropOffset[number] | number;\n\nexport const directions = [...directionsStartCenter, ...directionsStartEdge];\n\nexport type Direction = typeof directions[number];\n\nexport type Position = { x: number; y: number } | undefined;\n\nexport type PositioningProps =\n  | {\n      anchorRef: React.RefObject<HTMLElement>;\n      equalAnchorWidth?: boolean;\n      position?: never;\n    }\n  | {\n      anchorRef?: never;\n      equalAnchorWidth?: never;\n      position: Position;\n    };\n\ntype ChildrenRenderProp = (direction: Direction) => React.ReactNode;\n\nexport type Props = PropsWithJsxAttributes<\n  {\n    direction?: Direction;\n    spareDirection?: Direction;\n    offset?: PopoverPropOffset;\n    arrowOffset?: number;\n    possibleDirections?: readonly Direction[];\n    isInteractive?: boolean;\n    children: React.ReactNode | ChildrenRenderProp;\n    onClickOutside?: ClickOutsideHandler;\n    onSetDirection?: (direction: Direction) => void;\n  } & PositioningProps\n>;\n\nconst getOffset = (\n  ref: React.RefObject<HTMLDivElement>,\n  propOffset: PopoverPropOffset,\n) => {\n  if (isNumber(propOffset)) {\n    return propOffset;\n  }\n\n  if (isString(propOffset) && ref.current) {\n    const cssVar = getComputedStyle(ref.current).getPropertyValue(\n      `--space-${propOffset}`,\n    );\n\n    if (cssVar && /px$/.test(cssVar)) {\n      return Number(cssVar.slice(0, cssVar.length - 2));\n    }\n\n    if (cssVar && /rem$/.test(cssVar)) {\n      const fontSize = parseFloat(\n        getComputedStyle(document.documentElement).fontSize,\n      );\n      const rem = Number(cssVar.slice(0, cssVar.length - 3));\n\n      return fontSize * rem;\n    }\n\n    if (cssVar && /em$/.test(cssVar)) {\n      const fontSize = parseFloat(getComputedStyle(ref.current).fontSize);\n      const em = Number(cssVar.slice(0, cssVar.length - 2));\n\n      return fontSize * em;\n    }\n\n    return 0;\n  }\n\n  return 0;\n};\n\nconst isRenderProp = (\n  children: React.ReactNode | ChildrenRenderProp,\n): children is ChildrenRenderProp => typeof children === 'function';\n\n/**\n * Подписчик на PortalWithThemeProvider\n * получает рефы всех вложенных порталов в модалку\n * для дальнейшего исключения их из useClickOutside\n */\nconst ContextConsumer: React.FC<{\n  onClickOutside?: (event: MouseEvent) => void;\n  ignoreClicksInsideRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;\n  children: React.ReactNode;\n}> = ({ onClickOutside, children, ignoreClicksInsideRefs }) => {\n  const { refs } = usePortalContext();\n\n  useClickOutside({\n    isActive: !!onClickOutside,\n    ignoreClicksInsideRefs: [\n      ...(ignoreClicksInsideRefs || []),\n      ...(refs || []),\n    ],\n    handler: onClickOutside,\n  });\n\n  return children as React.ReactElement;\n};\n\nconst cnPopover = cn('Popover');\n\nexport const Popover = forwardRef<HTMLDivElement, Props>(\n  (props, componentRef) => {\n    const {\n      children,\n      direction: passedDirection = 'upCenter',\n      offset: propOffset = 0,\n      arrowOffset,\n      possibleDirections = directions,\n      isInteractive = true,\n      onClickOutside,\n      spareDirection = 'downStartLeft',\n      style,\n      className,\n      position: passedPosition,\n      anchorRef,\n      equalAnchorWidth,\n      onSetDirection,\n      ...otherProps\n    } = props;\n\n    const ref = React.useRef<HTMLDivElement>(null);\n    const { theme } = useTheme();\n\n    const [anchorClientRect, setAnchorClientRect] = React.useState<\n      DOMRect | undefined\n    >();\n    const { width, height } = useComponentSize(ref);\n    const anchorSize = useComponentSize(anchorRef || { current: null });\n    const previousDirectionRef = React.useRef<Direction | null>(null);\n    const [bannedDirections, setBannedDirections] = React.useState<\n      readonly Direction[]\n    >([]);\n\n    const resetBannedDirections = () => {\n      setBannedDirections((state) => (state.length ? [] : state));\n      previousDirectionRef.current = null;\n    };\n\n    const updateAnchorClientRect = () =>\n      setAnchorClientRect(anchorRef?.current?.getBoundingClientRect());\n\n    const offset = useMemo(\n      () => getOffset(ref, propOffset),\n      [propOffset, Boolean(ref.current)],\n    );\n\n    const { position, direction } = getComputedPositionAndDirection({\n      contentSize: { width, height },\n      viewportSize: {\n        // Размер вьюпорта без скроллбаров\n        width: document.documentElement.clientWidth,\n        height: document.documentElement.clientHeight,\n      },\n      arrowOffset,\n      offset,\n      direction: passedDirection,\n      possibleDirections,\n      bannedDirections,\n      position: anchorClientRect\n        ? { x: anchorClientRect.left, y: anchorClientRect.top }\n        : passedPosition,\n      anchorSize,\n      spareDirection,\n    });\n\n    useLayoutEffect(() => onSetDirection?.(direction), [direction]);\n\n    useEffect(updateAnchorClientRect, [anchorSize]);\n\n    usePopoverReposition({\n      isActive: true,\n      scrollAnchorRef: anchorRef || { current: null },\n      onRequestReposition: () => {\n        resetBannedDirections();\n        updateAnchorClientRect();\n      },\n    });\n\n    /**\n     * Может возникнуть ситуация, когда перерасчет поповера всегда будет выдавать 2 направления\n     * и бесконечно зацикливать себя. Для избежания таких кейсов мы запоминаем стороны,\n     * которые не подошли, чтобы не возвращаться к ним и предотвратить бесконечный ререндер.\n     * См. PopoverBannedPositionsStory\n     */\n\n    useLayoutEffect(() => {\n      if (previousDirectionRef.current !== direction) {\n        if (\n          previousDirectionRef.current &&\n          !bannedDirections.includes(previousDirectionRef.current)\n        ) {\n          setBannedDirections((state) =>\n            previousDirectionRef.current\n              ? [...state, previousDirectionRef.current]\n              : state,\n          );\n        }\n        previousDirectionRef.current = direction;\n      }\n    }, [direction]);\n\n    // Сбрасываем при любом изменении пропсов, чтобы заново начать перебор направлений\n    // Главное не сбрасывать при изменении размеров поповера, т.к. именно оно может вызвать бесконечный перебор\n\n    useLayoutEffect(resetBannedDirections, [props]);\n\n    return (\n      <PortalWithTheme\n        {...otherProps}\n        preset={theme}\n        className={cnPopover({ direction }, [className])}\n        container={window.document.body}\n        ref={useForkRef([ref, componentRef])}\n        style={{\n          ...style,\n          ['--popover-top' as string]: `${\n            (position?.y || 0) + window.scrollY\n          }px`,\n          ['--popover-left' as string]: `${\n            (position?.x || 0) + window.scrollX\n          }px`,\n          [`--popover-width` as string]: equalAnchorWidth\n            ? `${anchorSize.width}px`\n            : undefined,\n          [`--popover-pointer-events` as string]: isInteractive\n            ? undefined\n            : 'none',\n          [`--popover-visibility` as string]: position ? undefined : 'hidden',\n        }}\n      >\n        <ContextConsumer\n          onClickOutside={onClickOutside}\n          ignoreClicksInsideRefs={[ref, anchorRef || { current: null }]}\n        >\n          {isRenderProp(children) ? children(direction) : children}\n        </ContextConsumer>\n      </PortalWithTheme>\n    );\n  },\n);\n"],"mappings":"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"}

package/__internal__/src/components/Popover/helpers.js

@@ -1,81 +1,2 @@
-import { __read, __spread } from "tslib";
-var getPosition = function (x, y) { return ({
-    x: Math.round(x),
-    y: Math.round(y)
-}); };
-export var getPositionsByDirection = function (_a) {
-    var contentSize = _a.contentSize, anchorSize = _a.anchorSize, _b = _a.position, x = _b.x, y = _b.y, _c = _a.arrowOffset, arrowOffset = _c === void 0 ? 0 : _c, _d = _a.offset, offset = _d === void 0 ? 0 : _d;
-    var contentWidth = contentSize.width, contentHeight = contentSize.height;
-    var anchorWidth = anchorSize.width, anchorHeight = anchorSize.height;
-    var anchorCenter = {
-        x: x + anchorWidth / 2,
-        y: y + anchorHeight / 2
-    };
-    var xForRightDirections = x + anchorWidth + offset;
-    var xForLeftDirections = x - contentWidth - offset;
-    var xForVerticalDirections = {
-        right: anchorCenter.x - arrowOffset,
-        center: anchorCenter.x - contentWidth / 2,
-        left: anchorCenter.x - contentWidth + arrowOffset
-    };
-    var yForDownDirections = y + anchorHeight + offset;
-    var yForUpDirections = y - contentHeight - offset;
-    var yForHorizontalDirections = {
-        up: anchorCenter.y - contentHeight + arrowOffset,
-        center: anchorCenter.y - contentHeight / 2,
-        down: anchorCenter.y - arrowOffset
-    };
-    var xForStartLeftDirections = x;
-    var xForStartRightDirections = x - contentWidth + anchorWidth;
-    var yForStartUpDirections = y;
-    var yForStartDownDirections = y - contentHeight + anchorHeight;
-    return {
-        upLeft: getPosition(xForVerticalDirections.left, yForUpDirections),
-        upCenter: getPosition(xForVerticalDirections.center, yForUpDirections),
-        upRight: getPosition(xForVerticalDirections.right, yForUpDirections),
-        downLeft: getPosition(xForVerticalDirections.left, yForDownDirections),
-        downCenter: getPosition(xForVerticalDirections.center, yForDownDirections),
-        downRight: getPosition(xForVerticalDirections.right, yForDownDirections),
-        rightUp: getPosition(xForRightDirections, yForHorizontalDirections.up),
-        rightCenter: getPosition(xForRightDirections, yForHorizontalDirections.center),
-        rightDown: getPosition(xForRightDirections, yForHorizontalDirections.down),
-        leftUp: getPosition(xForLeftDirections, yForHorizontalDirections.up),
-        leftCenter: getPosition(xForLeftDirections, yForHorizontalDirections.center),
-        leftDown: getPosition(xForLeftDirections, yForHorizontalDirections.down),
-        downStartLeft: getPosition(xForStartLeftDirections, yForDownDirections),
-        downStartRight: getPosition(xForStartRightDirections, yForDownDirections),
-        upStartLeft: getPosition(xForStartLeftDirections, yForUpDirections),
-        upStartRight: getPosition(xForStartRightDirections, yForUpDirections),
-        leftStartUp: getPosition(xForLeftDirections, yForStartUpDirections),
-        leftStartDown: getPosition(xForLeftDirections, yForStartDownDirections),
-        rightStartUp: getPosition(xForRightDirections, yForStartUpDirections),
-        rightStartDown: getPosition(xForRightDirections, yForStartDownDirections)
-    };
-};
-export var getComputedPositionAndDirection = function (_a) {
-    var initialPosition = _a.position, contentSize = _a.contentSize, viewportSize = _a.viewportSize, _b = _a.anchorSize, anchorSize = _b === void 0 ? { width: 0, height: 0 } : _b, arrowOffset = _a.arrowOffset, initialDirection = _a.direction, possibleDirections = _a.possibleDirections, bannedDirections = _a.bannedDirections, spareDirection = _a.spareDirection, _c = _a.offset, offset = _c === void 0 ? 0 : _c;
-    if (!initialPosition) {
-        return { position: initialPosition, direction: initialDirection };
-    }
-    var positionsByDirection = getPositionsByDirection({
-        contentSize: contentSize,
-        anchorSize: anchorSize,
-        position: initialPosition,
-        arrowOffset: arrowOffset,
-        offset: offset
-    });
-    var direction = __spread([initialDirection], possibleDirections).filter(function (dir) { return !bannedDirections.includes(dir); })
-        .find(function (dir) {
-        var pos = positionsByDirection[dir];
-        var width = contentSize.width, height = contentSize.height;
-        var isFittingDown = pos.y + height <= viewportSize.height;
-        var isFittingUp = pos.y >= 0;
-        var isFittingLeft = pos.x >= 0;
-        var isFittingRight = pos.x + width <= viewportSize.width;
-        return isFittingUp && isFittingDown && isFittingLeft && isFittingRight;
-    }) || spareDirection;
-    return {
-        direction: direction,
-        position: positionsByDirection[direction]
-    };
-};
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";var getPosition=function(a,b){return{x:Math.round(a),y:Math.round(b)}};export var getPositionsByDirection=function(a){var b=a.contentSize,c=a.anchorSize,d=a.position,e=d.x,f=d.y,g=a.arrowOffset,h=void 0===g?0:g,i=a.offset,j=void 0===i?0:i,k=b.width,l=b.height,m=c.width,n=c.height,o={x:e+m/2,y:f+n/2},p=e+m+j,q=e-k-j,r={right:o.x-h,center:o.x-k/2,left:o.x-k+h},s=f+n+j,t=f-l-j,u={up:o.y-l+h,center:o.y-l/2,down:o.y-h},v=e,w=e-k+m,x=f,y=f-l+n;return{upLeft:getPosition(r.left,t),upCenter:getPosition(r.center,t),upRight:getPosition(r.right,t),downLeft:getPosition(r.left,s),downCenter:getPosition(r.center,s),downRight:getPosition(r.right,s),rightUp:getPosition(p,u.up),rightCenter:getPosition(p,u.center),rightDown:getPosition(p,u.down),leftUp:getPosition(q,u.up),leftCenter:getPosition(q,u.center),leftDown:getPosition(q,u.down),downStartLeft:getPosition(v,s),downStartRight:getPosition(w,s),upStartLeft:getPosition(v,t),upStartRight:getPosition(w,t),leftStartUp:getPosition(q,x),leftStartDown:getPosition(q,y),rightStartUp:getPosition(p,x),rightStartDown:getPosition(p,y)}};export var getComputedPositionAndDirection=function(a){var b=a.position,c=a.contentSize,d=a.viewportSize,e=a.anchorSize,f=void 0===e?{width:0,height:0}:e,g=a.arrowOffset,h=a.direction,i=a.possibleDirections,j=a.bannedDirections,k=a.spareDirection,l=a.offset,m=void 0===l?0:l;if(!b)return{position:b,direction:h};var n=getPositionsByDirection({contentSize:c,anchorSize:f,position:b,arrowOffset:g,offset:m}),o=[h].concat(_toConsumableArray(i)).filter(function(a){return!j.includes(a)}).find(function(a){var b=n[a],e=c.width,f=c.height,g=b.y+f<=d.height,h=0<=b.y,i=0<=b.x,j=b.x+e<=d.width;return h&&g&&i&&j})||k;return{direction:o,position:n[o]}};
+//# sourceMappingURL=helpers.js.map

package/__internal__/src/components/Popover/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":["getPosition","x","y","Math","round","getPositionsByDirection","contentSize","anchorSize","position","arrowOffset","offset","contentWidth","width","contentHeight","height","anchorWidth","anchorHeight","anchorCenter","xForRightDirections","xForLeftDirections","xForVerticalDirections","right","center","left","yForDownDirections","yForUpDirections","yForHorizontalDirections","up","down","xForStartLeftDirections","xForStartRightDirections","yForStartUpDirections","yForStartDownDirections","upLeft","upCenter","upRight","downLeft","downCenter","downRight","rightUp","rightCenter","rightDown","leftUp","leftCenter","leftDown","downStartLeft","downStartRight","upStartLeft","upStartRight","leftStartUp","leftStartDown","rightStartUp","rightStartDown","getComputedPositionAndDirection","initialPosition","viewportSize","initialDirection","direction","possibleDirections","bannedDirections","spareDirection","positionsByDirection","filter","dir","includes","find","pos","isFittingDown","isFittingUp","isFittingLeft","isFittingRight"],"sources":["../../../../../src/components/Popover/helpers.ts"],"sourcesContent":["import { Direction, Position } from './Popover';\n\ntype Size = Pick<ClientRect, 'width' | 'height'>;\n\ntype PositionsByDirection = Record<Direction, NonNullable<Position>>;\n\nconst getPosition = (x: number, y: number): NonNullable<Position> => ({\n  x: Math.round(x),\n  y: Math.round(y),\n});\n\nexport const getPositionsByDirection = ({\n  contentSize,\n  anchorSize,\n  position: { x, y },\n  arrowOffset = 0,\n  offset = 0,\n}: {\n  contentSize: Size;\n  anchorSize: Size;\n  position: NonNullable<Position>;\n  arrowOffset?: number;\n  offset?: number;\n}): PositionsByDirection => {\n  const { width: contentWidth, height: contentHeight } = contentSize;\n  const { width: anchorWidth, height: anchorHeight } = anchorSize;\n  const anchorCenter = {\n    x: x + anchorWidth / 2,\n    y: y + anchorHeight / 2,\n  };\n\n  const xForRightDirections = x + anchorWidth + offset;\n  const xForLeftDirections = x - contentWidth - offset;\n  const xForVerticalDirections = {\n    right: anchorCenter.x - arrowOffset,\n    center: anchorCenter.x - contentWidth / 2,\n    left: anchorCenter.x - contentWidth + arrowOffset,\n  };\n\n  const yForDownDirections = y + anchorHeight + offset;\n  const yForUpDirections = y - contentHeight - offset;\n  const yForHorizontalDirections = {\n    up: anchorCenter.y - contentHeight + arrowOffset,\n    center: anchorCenter.y - contentHeight / 2,\n    down: anchorCenter.y - arrowOffset,\n  };\n\n  const xForStartLeftDirections = x;\n  const xForStartRightDirections = x - contentWidth + anchorWidth;\n\n  const yForStartUpDirections = y;\n  const yForStartDownDirections = y - contentHeight + anchorHeight;\n\n  return {\n    upLeft: getPosition(xForVerticalDirections.left, yForUpDirections),\n    upCenter: getPosition(xForVerticalDirections.center, yForUpDirections),\n    upRight: getPosition(xForVerticalDirections.right, yForUpDirections),\n\n    downLeft: getPosition(xForVerticalDirections.left, yForDownDirections),\n    downCenter: getPosition(xForVerticalDirections.center, yForDownDirections),\n    downRight: getPosition(xForVerticalDirections.right, yForDownDirections),\n\n    rightUp: getPosition(xForRightDirections, yForHorizontalDirections.up),\n    rightCenter: getPosition(\n      xForRightDirections,\n      yForHorizontalDirections.center,\n    ),\n    rightDown: getPosition(xForRightDirections, yForHorizontalDirections.down),\n\n    leftUp: getPosition(xForLeftDirections, yForHorizontalDirections.up),\n    leftCenter: getPosition(\n      xForLeftDirections,\n      yForHorizontalDirections.center,\n    ),\n    leftDown: getPosition(xForLeftDirections, yForHorizontalDirections.down),\n\n    downStartLeft: getPosition(xForStartLeftDirections, yForDownDirections),\n    downStartRight: getPosition(xForStartRightDirections, yForDownDirections),\n\n    upStartLeft: getPosition(xForStartLeftDirections, yForUpDirections),\n    upStartRight: getPosition(xForStartRightDirections, yForUpDirections),\n\n    leftStartUp: getPosition(xForLeftDirections, yForStartUpDirections),\n    leftStartDown: getPosition(xForLeftDirections, yForStartDownDirections),\n\n    rightStartUp: getPosition(xForRightDirections, yForStartUpDirections),\n    rightStartDown: getPosition(xForRightDirections, yForStartDownDirections),\n  };\n};\n\ntype ComputedPositionAndDirectionParams = {\n  // Координата точки, к которой крепится поповер. Для якоря — координата левой верхней точки якоря\n  position: Position;\n  contentSize: Size;\n  viewportSize: Size;\n  anchorSize?: Size;\n  offset?: number;\n  arrowOffset?: number;\n  direction: Direction;\n  spareDirection: Direction;\n  possibleDirections: readonly Direction[];\n  bannedDirections: readonly Direction[];\n};\n\nexport const getComputedPositionAndDirection = ({\n  position: initialPosition,\n  contentSize,\n  viewportSize,\n  anchorSize = { width: 0, height: 0 },\n  arrowOffset,\n  direction: initialDirection,\n  possibleDirections,\n  bannedDirections,\n  spareDirection,\n  offset = 0,\n}: ComputedPositionAndDirectionParams): {\n  direction: Direction;\n  position: Position;\n} => {\n  if (!initialPosition) {\n    return { position: initialPosition, direction: initialDirection };\n  }\n\n  const positionsByDirection = getPositionsByDirection({\n    contentSize,\n    anchorSize,\n    position: initialPosition,\n    arrowOffset,\n    offset,\n  });\n\n  const direction =\n    [initialDirection, ...possibleDirections]\n      .filter((dir) => !bannedDirections.includes(dir))\n      .find((dir) => {\n        const pos = positionsByDirection[dir];\n        const { width, height } = contentSize;\n\n        const isFittingDown = pos.y + height <= viewportSize.height;\n        const isFittingUp = pos.y >= 0;\n\n        const isFittingLeft = pos.x >= 0;\n        const isFittingRight = pos.x + width <= viewportSize.width;\n\n        return isFittingUp && isFittingDown && isFittingLeft && isFittingRight;\n      }) || spareDirection;\n\n  return {\n    direction,\n    position: positionsByDirection[direction],\n  };\n};\n"],"mappings":"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"}

package/__internal__/src/components/Popover/index.d.ts

@@ -0,0 +1 @@
+export * from './Popover';

package/__internal__/src/components/Popover/index.js

@@ -0,0 +1,2 @@
+export*from"./Popover";
+//# sourceMappingURL=index.js.map

package/__internal__/src/components/Popover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Popover/index.ts"],"sourcesContent":["export * from './Popover';\n"],"mappings":"AAAA"}

package/__internal__/src/components/Popover/usePopoverReposition.js

@@ -1,29 +1,2 @@
-import { useEffect } from 'react';
-import { useMutableRef } from '../../hooks/useMutableRef/useMutableRef';
-var getAllParents = function (element) {
-    var mutableParents = [];
-    var currentNode = element;
-    while (currentNode) {
-        currentNode !== element && mutableParents.push(currentNode);
-        currentNode = currentNode.parentNode;
-    }
-    return mutableParents;
-};
-/** Запрос репозиции поповера при ресайзе окна и скролле */
-export var usePopoverReposition = function (_a) {
-    var isActive = _a.isActive, scrollAnchorRef = _a.scrollAnchorRef, onRequestReposition = _a.onRequestReposition;
-    var onRequestRepositionRef = useMutableRef(onRequestReposition);
-    useEffect(function () {
-        var fn = function () { return onRequestRepositionRef.current(); };
-        if (isActive) {
-            window.addEventListener('resize', fn);
-            var allParents_1 = (scrollAnchorRef === null || scrollAnchorRef === void 0 ? void 0 : scrollAnchorRef.current) ? getAllParents(scrollAnchorRef.current) : [];
-            allParents_1.forEach(function (parentEl) { return parentEl.addEventListener('scroll', fn); });
-            return function () {
-                window.removeEventListener('resize', fn);
-                allParents_1.forEach(function (parentEl) { return parentEl.removeEventListener('scroll', fn); });
-            };
-        }
-        return undefined;
-    }, [scrollAnchorRef]);
-};
+import{useEffect}from"react";import{useMutableRef}from"../../hooks/useMutableRef/useMutableRef";var getAllParents=function(a){for(var b=[],c=a;c;)c!==a&&b.push(c),c=c.parentNode;return b};export var usePopoverReposition=function(a){var b=a.isActive,c=a.scrollAnchorRef,d=a.onRequestReposition,e=useMutableRef(d);useEffect(function(){var a=function(){return e.current()};if(b){window.addEventListener("resize",a);var d=null!==c&&void 0!==c&&c.current?getAllParents(c.current):[];return d.forEach(function(b){return b.addEventListener("scroll",a)}),function(){window.removeEventListener("resize",a),d.forEach(function(b){return b.removeEventListener("scroll",a)})}}},[c])};
+//# sourceMappingURL=usePopoverReposition.js.map

package/__internal__/src/components/Popover/usePopoverReposition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePopoverReposition.js","names":["useEffect","useMutableRef","getAllParents","element","mutableParents","currentNode","push","parentNode","usePopoverReposition","isActive","scrollAnchorRef","onRequestReposition","onRequestRepositionRef","fn","current","window","addEventListener","allParents","forEach","parentEl","removeEventListener"],"sources":["../../../../../src/components/Popover/usePopoverReposition.ts"],"sourcesContent":["import React, { useEffect } from 'react';\n\nimport { useMutableRef } from '../../hooks/useMutableRef/useMutableRef';\n\nconst getAllParents = (element: HTMLElement): readonly Node[] => {\n  const mutableParents: Node[] = [];\n  let currentNode: Node | null = element;\n\n  while (currentNode) {\n    currentNode !== element && mutableParents.push(currentNode);\n    currentNode = currentNode.parentNode;\n  }\n\n  return mutableParents;\n};\n\n/** Запрос репозиции поповера при ресайзе окна и скролле */\nexport const usePopoverReposition = ({\n  isActive,\n  scrollAnchorRef,\n  onRequestReposition,\n}: {\n  isActive: boolean;\n  /** При скролле родителей этого элемента будет запрашиваться репозиция поповера */\n  scrollAnchorRef: React.RefObject<HTMLElement | null>;\n  onRequestReposition: () => void;\n}) => {\n  const onRequestRepositionRef = useMutableRef(onRequestReposition);\n\n  useEffect(() => {\n    const fn = () => onRequestRepositionRef.current();\n    if (isActive) {\n      window.addEventListener('resize', fn);\n\n      const allParents = scrollAnchorRef?.current\n        ? getAllParents(scrollAnchorRef.current)\n        : [];\n      allParents.forEach((parentEl) => parentEl.addEventListener('scroll', fn));\n\n      return () => {\n        window.removeEventListener('resize', fn);\n\n        allParents.forEach((parentEl) =>\n          parentEl.removeEventListener('scroll', fn),\n        );\n      };\n    }\n    return undefined;\n  }, [scrollAnchorRef]);\n};\n"],"mappings":"AAAA,OAAgBA,SAAhB,KAAiC,OAAjC,CAEA,OAASC,aAAT,+CAEA,GAAMC,cAAa,CAAG,SAACC,CAAD,CAA2C,QACzDC,EAAsB,CAAG,EADgC,CAE3DC,CAAwB,CAAGF,CAFgC,CAIxDE,CAJwD,EAK7DA,CAAW,GAAKF,CAAhB,EAA2BC,CAAc,CAACE,IAAf,CAAoBD,CAApB,CALkC,CAM7DA,CAAW,CAAGA,CAAW,CAACE,UANmC,CAS/D,MAAOH,EACR,CAVD,CAaA,MAAO,IAAMI,qBAAoB,CAAG,WAS9B,IARJC,EAQI,GARJA,QAQI,CAPJC,CAOI,GAPJA,eAOI,CANJC,CAMI,GANJA,mBAMI,CACEC,CAAsB,CAAGX,aAAa,CAACU,CAAD,CADxC,CAGJX,SAAS,CAAC,UAAM,CACd,GAAMa,EAAE,CAAG,iBAAMD,EAAsB,CAACE,OAAvB,EAAN,CAAX,CACA,GAAIL,CAAJ,CAAc,CACZM,MAAM,CAACC,gBAAP,CAAwB,QAAxB,CAAkCH,CAAlC,CADY,CAGZ,GAAMI,EAAU,CAAG,OAAAP,CAAe,WAAfA,CAAA,EAAAA,CAAe,CAAEI,OAAjB,CACfZ,aAAa,CAACQ,CAAe,CAACI,OAAjB,CADE,CAEf,EAFJ,CAKA,MAFAG,EAAU,CAACC,OAAX,CAAmB,SAACC,CAAD,QAAcA,EAAQ,CAACH,gBAAT,CAA0B,QAA1B,CAAoCH,CAApC,CAAd,CAAnB,CAEA,CAAO,UAAM,CACXE,MAAM,CAACK,mBAAP,CAA2B,QAA3B,CAAqCP,CAArC,CADW,CAGXI,CAAU,CAACC,OAAX,CAAmB,SAACC,CAAD,QACjBA,EAAQ,CAACC,mBAAT,CAA6B,QAA7B,CAAuCP,CAAvC,CADiB,CAAnB,CAGD,CACF,CAEF,CAnBQ,CAmBN,CAACH,CAAD,CAnBM,CAoBV,CAhCM"}

package/__internal__/src/components/PortalWithTheme/PortalWithTheme.d.ts

@@ -5,4 +5,4 @@ export declare const PortalWithTheme: React.ForwardRefExoticComponent<{
     container?: Element | undefined;
 } & {
     preset: import("../Theme/Theme").ThemePreset;
-} & Pick<React.HTMLAttributes<HTMLDivElement>, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLDivElement>>;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "preset"> & React.RefAttributes<HTMLDivElement>>;

package/__internal__/src/components/PortalWithTheme/PortalWithTheme.js

@@ -1,28 +1,2 @@
-import { __assign, __rest } from "tslib";
-import React, { useEffect, useRef } from 'react';
-import ReactDOM from 'react-dom';
-import { useForkRef } from '../../hooks/useForkRef/useForkRef';
-import { Theme } from '../Theme/Theme';
-import { PortalWithThemeProvider, usePortalContext, } from './PortalWithThemeContext/PortalWithThemeContext';
-export { usePortalContext };
-var getZIndex = function (contextZindex, propZindex) {
-    if (typeof propZindex === 'number') {
-        return propZindex;
-    }
-    if (contextZindex) {
-        return contextZindex + 1;
-    }
-    return undefined;
-};
-export var PortalWithTheme = React.forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.container, container = _b === void 0 ? window.document.body : _b, styleProp = _a.style, rest = __rest(_a, ["children", "container", "style"]);
-    var _c = usePortalContext(), addRefs = _c.addRefs, zIndexContext = _c.zIndex;
-    var themeRef = useRef(null);
-    var zIndex = getZIndex(zIndexContext, styleProp === null || styleProp === void 0 ? void 0 : styleProp.zIndex);
-    var style = __assign(__assign({}, styleProp), { zIndex: zIndex });
-    useEffect(function () {
-        addRefs && addRefs([themeRef]);
-    }, [themeRef]);
-    return ReactDOM.createPortal(React.createElement(PortalWithThemeProvider, { zIndex: zIndex },
-        React.createElement(Theme, __assign({ ref: useForkRef([themeRef, ref]), style: style }, rest), children)), container);
-});
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["children","container","style"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import React,{useEffect,useRef}from"react";import ReactDOM from"react-dom";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{Theme}from"../Theme/Theme";import{PortalWithThemeProvider,usePortalContext}from"./PortalWithThemeContext/PortalWithThemeContext";export{usePortalContext};var getZIndex=function(a,b){return"number"==typeof b?b:a?a+1:void 0};export var PortalWithTheme=React.forwardRef(function(a,b){var c=a.children,d=a.container,e=void 0===d?window.document.body:d,f=a.style,g=_objectWithoutProperties(a,_excluded),h=usePortalContext(),i=h.addRefs,j=h.zIndex,k=useRef(null),l=getZIndex(j,null===f||void 0===f?void 0:f.zIndex),m=_objectSpread(_objectSpread({},f),{},{zIndex:l});return useEffect(function(){i&&i([k])},[k]),ReactDOM.createPortal(React.createElement(PortalWithThemeProvider,{zIndex:l},React.createElement(Theme,Object.assign({ref:useForkRef([k,b]),style:m},g),c)),e)});
+//# sourceMappingURL=PortalWithTheme.js.map

package/__internal__/src/components/PortalWithTheme/PortalWithTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortalWithTheme.js","names":["React","useEffect","useRef","ReactDOM","useForkRef","Theme","PortalWithThemeProvider","usePortalContext","getZIndex","contextZindex","propZindex","PortalWithTheme","forwardRef","ref","children","container","window","document","body","styleProp","style","rest","addRefs","zIndexContext","zIndex","themeRef","createPortal"],"sources":["../../../../../src/components/PortalWithTheme/PortalWithTheme.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { Theme, ThemeProps } from '../Theme/Theme';\nimport {\n  PortalWithThemeProvider,\n  usePortalContext,\n} from './PortalWithThemeContext/PortalWithThemeContext';\n\nexport { usePortalContext };\n\ntype Props = {\n  container?: Element;\n} & ThemeProps;\n\nconst getZIndex = (contextZindex?: number, propZindex?: number | string) => {\n  if (typeof propZindex === 'number') {\n    return propZindex;\n  }\n\n  if (contextZindex) {\n    return contextZindex + 1;\n  }\n\n  return undefined;\n};\n\nexport const PortalWithTheme = React.forwardRef<HTMLDivElement, Props>(\n  (\n    { children, container = window.document.body, style: styleProp, ...rest },\n    ref,\n  ) => {\n    const { addRefs, zIndex: zIndexContext } = usePortalContext();\n\n    const themeRef = useRef(null);\n\n    const zIndex = getZIndex(zIndexContext, styleProp?.zIndex);\n\n    const style = {\n      ...styleProp,\n      zIndex,\n    };\n\n    useEffect(() => {\n      addRefs && addRefs([themeRef]);\n    }, [themeRef]);\n\n    return ReactDOM.createPortal(\n      <PortalWithThemeProvider zIndex={zIndex}>\n        <Theme ref={useForkRef([themeRef, ref])} style={style} {...rest}>\n          {children}\n        </Theme>\n      </PortalWithThemeProvider>,\n      container,\n    );\n  },\n);\n"],"mappings":"yyBAAA,MAAOA,MAAP,EAAgBC,SAAhB,CAA2BC,MAA3B,KAAyC,OAAzC,CACA,MAAOC,SAAP,KAAqB,WAArB,CAEA,OAASC,UAAT,yCACA,OAASC,KAAT,sBACA,OACEC,uBADF,CAEEC,gBAFF,uDAKA,OAASA,gBAAT,EAMA,GAAMC,UAAS,CAAG,SAACC,CAAD,CAAyBC,CAAzB,CAA0D,OAChD,QAAtB,QAAOA,EAD+D,CAEjEA,CAFiE,CAKtED,CALsE,CAMjEA,CAAa,CAAG,CANiD,OAU3E,CAVD,CAYA,MAAO,IAAME,gBAAe,CAAGX,KAAK,CAACY,UAAN,CAC7B,WAEEC,CAFF,CAGK,IAFDC,EAEC,GAFDA,QAEC,KAFSC,SAET,CAFSA,CAET,YAFqBC,MAAM,CAACC,QAAP,CAAgBC,IAErC,GAFkDC,CAElD,GAF2CC,KAE3C,CAFgEC,CAEhE,yCACwCd,gBAAgB,EADxD,CACKe,CADL,GACKA,OADL,CACsBC,CADtB,GACcC,MADd,CAGGC,CAAQ,CAAGvB,MAAM,CAAC,IAAD,CAHpB,CAKGsB,CAAM,CAAGhB,SAAS,CAACe,CAAD,QAAgBJ,CAAhB,WAAgBA,CAAhB,QAAgBA,CAAS,CAAEK,MAA3B,CALrB,CAOGJ,CAAK,gCACND,CADM,MAETK,MAAM,CAANA,CAFS,EAPR,CAgBH,MAJAvB,UAAS,CAAC,UAAM,CACdqB,CAAO,EAAIA,CAAO,CAAC,CAACG,CAAD,CAAD,CACnB,CAFQ,CAEN,CAACA,CAAD,CAFM,CAIT,CAAOtB,QAAQ,CAACuB,YAAT,CACL,oBAAC,uBAAD,EAAyB,MAAM,CAAEF,CAAjC,EACE,oBAAC,KAAD,gBAAO,GAAG,CAAEpB,UAAU,CAAC,CAACqB,CAAD,CAAWZ,CAAX,CAAD,CAAtB,CAAyC,KAAK,CAAEO,CAAhD,EAA2DC,CAA3D,EACGP,CADH,CADF,CADK,CAMLC,CANK,CAQR,CA5B4B,CAAxB"}

package/__internal__/src/components/PortalWithTheme/PortalWithThemeContext/PortalWithThemeContext.d.ts

@@ -15,4 +15,5 @@ export declare function usePortalContext(): {
  */
 export declare const PortalWithThemeProvider: React.FC<{
     zIndex?: number;
+    children?: React.ReactNode;
 }>;

package/__internal__/src/components/PortalWithTheme/PortalWithThemeContext/PortalWithThemeContext.js

@@ -1,45 +1,2 @@
-import { __read, __spread } from "tslib";
-import React, { createContext, useContext, useEffect, useState } from 'react';
-var Context = createContext({
-    refs: [],
-    zIndex: undefined
-});
-export function usePortalContext() {
-    return useContext(Context);
-}
-/**
- * PortalWithThemeProvider
- * нужен для того чтобы получать рефы дочерних порталов и прокидывать их в родительские порталы
- * Это нужно чтобы в компонетах использовать usePortalContext()
- * и получать рефы всех вложенных порталов в компонент, чтобы без ошибочно реализовать onOutsideClick.
- * Проблема заклбчалась в том что при нажатии на любой вложенный портал,
- * компонент думал ччто клик произашел вне компонента и срабатывал onOutsideClick.
- * Сечас когда мы знаем рефы всех вложенных порталов мы можем игнорировать события кликов на вложенных порталах
- */
-export var PortalWithThemeProvider = function (props) {
-    var _a = __read(useState([]), 2), refs = _a[0], setRefs = _a[1];
-    var contextAddRefs = usePortalContext().addRefs;
-    /**
-     * фукция для добавления рефов дочерних порталов
-     * @param {React.RefObject<HTMLElement>[]} addRef массив ссылок
-     */
-    var addRefs = function (addRef) {
-        if (addRef.length > 0) {
-            var newRefs = __spread(refs.filter(function (item) { return item.current; }), addRef.filter(function (addItem) {
-                if (!addItem.current) {
-                    return false;
-                }
-                return !refs.find(function (item) { return item.current === addItem.current; });
-            }));
-            setRefs(newRefs);
-        }
-    };
-    /**
-     * при изменении дочерних рефов необходимо добавить их в родительские порталы
-     */
-    useEffect(function () {
-        contextAddRefs && contextAddRefs(refs);
-    }, [refs]);
-    useEffect(function () { return function () { return setRefs([]); }; }, []);
-    return (React.createElement(Context.Provider, { value: { refs: refs, addRefs: addRefs, zIndex: props.zIndex } }, props.children));
-};
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import React,{createContext,useContext,useEffect,useState}from"react";var Context=createContext({refs:[],zIndex:void 0});export function usePortalContext(){return useContext(Context)}export var PortalWithThemeProvider=function(a){var b=useState([]),c=_slicedToArray(b,2),d=c[0],e=c[1],f=usePortalContext(),g=f.addRefs;return useEffect(function(){g&&g(d)},[d]),useEffect(function(){return function(){return e([])}},[]),React.createElement(Context.Provider,{value:{refs:d,addRefs:function addRefs(a){if(0<a.length){var b=[].concat(_toConsumableArray(d.filter(function(a){return a.current})),_toConsumableArray(a.filter(function(a){return!!a.current&&!d.find(function(b){return b.current===a.current})})));e(b)}},zIndex:a.zIndex}},a.children)};
+//# sourceMappingURL=PortalWithThemeContext.js.map

package/__internal__/src/components/PortalWithTheme/PortalWithThemeContext/PortalWithThemeContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortalWithThemeContext.js","names":["React","createContext","useContext","useEffect","useState","Context","refs","zIndex","usePortalContext","PortalWithThemeProvider","props","setRefs","contextAddRefs","addRefs","addRef","length","newRefs","filter","item","current","addItem","find","children"],"sources":["../../../../../../src/components/PortalWithTheme/PortalWithThemeContext/PortalWithThemeContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useEffect, useState } from 'react';\n\nconst Context = createContext<{\n  refs: React.RefObject<HTMLElement>[];\n  addRefs?: (ref: React.RefObject<HTMLElement>[]) => void;\n  zIndex?: number;\n}>({\n  refs: [],\n  zIndex: undefined,\n});\n\nexport function usePortalContext() {\n  return useContext(Context);\n}\n/**\n * PortalWithThemeProvider\n * нужен для того чтобы получать рефы дочерних порталов и прокидывать их в родительские порталы\n * Это нужно чтобы в компонетах использовать usePortalContext()\n * и получать рефы всех вложенных порталов в компонент, чтобы без ошибочно реализовать onOutsideClick.\n * Проблема заклбчалась в том что при нажатии на любой вложенный портал,\n * компонент думал ччто клик произашел вне компонента и срабатывал onOutsideClick.\n * Сечас когда мы знаем рефы всех вложенных порталов мы можем игнорировать события кликов на вложенных порталах\n */\nexport const PortalWithThemeProvider: React.FC<{\n  zIndex?: number;\n  children?: React.ReactNode;\n}> = (props) => {\n  const [refs, setRefs] = useState<React.RefObject<HTMLElement>[]>([]);\n  const { addRefs: contextAddRefs } = usePortalContext();\n\n  /**\n   * фукция для добавления рефов дочерних порталов\n   * @param {React.RefObject<HTMLElement>[]} addRef массив ссылок\n   */\n  const addRefs = (addRef: React.RefObject<HTMLElement>[]) => {\n    if (addRef.length > 0) {\n      const newRefs = [\n        ...refs.filter((item) => item.current),\n        ...addRef.filter((addItem) => {\n          if (!addItem.current) {\n            return false;\n          }\n          return !refs.find((item) => item.current === addItem.current);\n        }),\n      ];\n      setRefs(newRefs);\n    }\n  };\n\n  /**\n   * при изменении дочерних рефов необходимо добавить их в родительские порталы\n   */\n  useEffect(() => {\n    contextAddRefs && contextAddRefs(refs);\n  }, [refs]);\n\n  useEffect(() => () => setRefs([]), []);\n\n  return (\n    // eslint-disable-next-line react/jsx-no-constructed-context-values\n    <Context.Provider value={{ refs, addRefs, zIndex: props.zIndex }}>\n      {props.children}\n    </Context.Provider>\n  );\n};\n"],"mappings":"0IAAA,MAAOA,MAAP,EAAgBC,aAAhB,CAA+BC,UAA/B,CAA2CC,SAA3C,CAAsDC,QAAtD,KAAsE,OAAtE,CAEA,GAAMC,QAAO,CAAGJ,aAAa,CAI1B,CACDK,IAAI,CAAE,EADL,CAEDC,MAAM,OAFL,CAJ0B,CAA7B,CASA,MAAO,SAASC,iBAAT,EAA4B,CACjC,MAAON,WAAU,CAACG,OAAD,CAClB,CAUD,MAAO,IAAMI,wBAGX,CAAG,SAACC,CAAD,CAAW,OACUN,QAAQ,CAAiC,EAAjC,CADlB,uBACPE,CADO,MACDK,CADC,QAEsBH,gBAAgB,EAFtC,CAEGI,CAFH,GAENC,OAFM,CAgCd,MANAV,UAAS,CAAC,UAAM,CACdS,CAAc,EAAIA,CAAc,CAACN,CAAD,CACjC,CAFQ,CAEN,CAACA,CAAD,CAFM,CAMT,CAFAH,SAAS,CAAC,iBAAM,kBAAMQ,EAAO,CAAC,EAAD,CAAb,CAAN,CAAD,CAA0B,EAA1B,CAET,CAEE,oBAAC,OAAD,CAAS,QAAT,EAAkB,KAAK,CAAE,CAAEL,IAAI,CAAJA,CAAF,CAAQO,OAAO,CA1B1B,QAAVA,QAAU,CAACC,CAAD,CAA4C,CAC1D,GAAoB,CAAhB,CAAAA,CAAM,CAACC,MAAX,CAAuB,CACrB,GAAMC,EAAO,8BACRV,CAAI,CAACW,MAAL,CAAY,SAACC,CAAD,QAAUA,EAAI,CAACC,OAAf,CAAZ,CADQ,qBAERL,CAAM,CAACG,MAAP,CAAc,SAACG,CAAD,CAAa,SACvBA,CAAO,CAACD,OADe,EAIrB,CAACb,CAAI,CAACe,IAAL,CAAU,SAACH,CAAD,QAAUA,EAAI,CAACC,OAAL,GAAiBC,CAAO,CAACD,OAAnC,CAAV,CACT,CALE,CAFQ,EAAb,CASAR,CAAO,CAACK,CAAD,CACR,CACF,CAa0B,CAAiBT,MAAM,CAAEG,CAAK,CAACH,MAA/B,CAAzB,EACGG,CAAK,CAACY,QADT,CAIH,CAzCM"}

package/__internal__/src/components/PortalWithTheme/index.d.ts

@@ -0,0 +1 @@
+export * from './PortalWithTheme';

package/__internal__/src/components/PortalWithTheme/index.js

@@ -0,0 +1,2 @@
+export*from"./PortalWithTheme";
+//# sourceMappingURL=index.js.map

package/__internal__/src/components/PortalWithTheme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/PortalWithTheme/index.ts"],"sourcesContent":["export * from './PortalWithTheme';\n"],"mappings":"AAAA"}