@prom-ui/core 1.19.0 → 2.0.0-alpha.0

package/Overlay/cjs/index.production.v2.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-transition-group"),r=require("clsx"),o=require("@prom-ui/core/Backdrop"),n=require("@prom-ui/core/KeyPress"),a=require("@prom-ui/core/Portal"),i=require("@prom-ui/core/Media"),l=require("@prom-ui/core/Button"),c=require("@prom-ui/core/Icon"),u=require("@prom-ui/core/useBodyTTag"),s=require("@prom-ui/icons/Close2"),d=require("@prom-ui/icons/ArrowBack"),f=require("@prom-ui/core/ErrorCatch"),p=require("@prom-ui/core/Link"),m=require("@prom-ui/icons/colors/PromTroubleHappens"),v=require("@prom-ui/icons/colors/PromNoSignal"),y=require("react-easy-swipe");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function _(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var b=_(e),g=h(r),E=h(y);function C(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var o=r.call(e,t||"default");if("object"!=typeof o)return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function O(){return O=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},O.apply(this,arguments)}function x(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},a=Object.keys(e);for(o=0;o<a.length;o++)r=a[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)r=a[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}function S(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function w(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var o,n,a,i,l=[],c=!0,u=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(o=a.call(r)).done)&&(l.push(o.value),l.length!==t);c=!0);}catch(s){u=!0,n=s}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(u)throw n}}return l}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return P(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return P(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function P(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,o=new Array(t);r<t;r++)o[r]=e[r];return o}var N,B,k,j,q,T,z,R,I={root:"-yvLz",backdrop:"MKZgL",popup:"RJENA",popup_placement_top:"ERdxO",popup_placement_bottom:"MJb6v",popup_placement_right:"nL79b",popup_placement_left:"p-p5e",content:"uHLyZ",header:"ntf6X",header__grid:"-OCio",header__item:"gjOzy",header__title:"-s4aZ gjOzy",header__titleText:"zkpK2",header__action:"fzZrE gjOzy",header__actionButton:"CC-hv",header__actionIcon:"LoRyP",footer:"nE-cV",enter:"v7DoD",exit:"E0PkA",enterActive:"RFXzo",exitActive:"a2xd2",errorContainer:"_6Vqfn",errorContainerLoading:"_1NWwx",errorIcon:"B2x3n",errorTitle:"xzjW5",errorDescription:"_9ITQZ",errorWrapReloadButton:"TztMO",errorWrapCloseButton:"_6pk7M",errorCloseButtonLoading:"_4NTmf"},A=function(e){var t=e.isShowPrevButton,r=e.isShowCloseButton,o=e.children,n=e.title,a=e.onClose,i=e.onPrev,f=u.useBodyTTag().t;return b.default.createElement("header",{className:I.header},void 0!==o?o:b.default.createElement("div",{className:I.header__grid},b.default.createElement("div",{className:I.header__action},t&&b.default.createElement(l.Button,{className:I.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:i,"aria-label":f(N||(N=S(["Назад"]))),"data-qaid":"prev"},b.default.createElement(c.Icon,{"icon-as":d.SvgArrowBack,className:I.header__actionIcon}))),b.default.createElement("div",{className:I.header__title},"string"==typeof n?b.default.createElement("span",{className:I.header__titleText,"data-qaid":"title"},n):n),b.default.createElement("div",{className:I.header__action},r&&a&&b.default.createElement(l.Button,{className:I.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:a,"aria-label":f(B||(B=S(["Закрыть"]))),"data-qaid":"close"},b.default.createElement(c.Icon,{"icon-as":s.SvgClose2,className:I.header__actionIcon})))))},L=function(e,t,r){return["top","bottom"].includes(e)?{height:t,maxHeight:r}:{width:t,maxWidth:r}},M=function(){var e;return Boolean(null===(e=navigator)||void 0===e?void 0:e.onLine)?"default":"offline"},D=function(e){var t=e.onClickReload,r=e.onClickClose,o=e.errorType,n=void 0===o?"default":o,a=e.loading,i=void 0!==a&&a,s=u.useBodyTTag().t,d={default:{icon:m.SvgPromTroubleHappens,title:s(k||(k=S(["Ой, кажется что-то пошло не так"]))),description:s(j||(j=S(["Мы уже разбираемся с этим"])))},offline:{icon:v.SvgPromNoSignal,title:s(q||(q=S(["Нет соединения"]))),description:s(T||(T=S(["Проверьте подключение к Интернету"])))}};return b.default.createElement("div",{className:g.default(I.errorContainer,C({},I.errorContainerLoading,i)),"data-qaid":"overlay_error_catch","data-testid":"overlay_error_catch"},b.default.createElement(c.Icon,{className:I.errorIcon,"icon-as":d[n].icon,"data-qaid":"overlay_error_catch_icon","data-testid":"overlay_error_catch_icon"}),b.default.createElement("div",{className:I.errorTitle,"data-qaid":"overlay_error_catch_title","data-testid":"overlay_error_catch_title"},d[n].title),b.default.createElement("div",{className:I.errorDescription,"data-qaid":"overlay_error_catch_description","data-testid":"overlay_error_catch_description"},d[n].description),b.default.createElement("div",{className:I.errorWrapReloadButton},b.default.createElement(l.Button,{"button-theme":"violet","button-padding-left":"4xl","button-padding-right":"4xl",type:"button",onClick:t,loading:i,"data-qaid":"overlay_error_catch_reload_button","data-testid":"overlay_error_catch_reload_button"},s(z||(z=S(["Попробовать еще раз"]))))),b.default.createElement("div",{className:I.errorWrapCloseButton},b.default.createElement(p.Link,{className:i?I.errorCloseButtonLoading:void 0,"link-as":"button","link-color":"blue-500",type:"button",onClick:r,"data-qaid":"overlay_error_catch_close_button","data-testid":"overlay_error_catch_close_button"},s(R||(R=S(["Закрыть"]))))))};D.displayName="ErrorComponent";var W=function(t){var r=t.children,o=t.name,n=t.onClose,a=w(e.useState(!1),2),i=a[0],l=a[1],c=w(e.useState("default"),2),u=c[0],s=c[1];return e.useEffect((function(){i?setTimeout((function(){s(M()),l(!1)}),600):s(M())}),[i]),i?b.default.createElement(D,{errorType:u,loading:!0}):b.default.createElement(f.ErrorCatch,{name:o,errorView:b.default.createElement(D,{onClickClose:n,errorType:u,onClickReload:function(){return l(!0)}})},r)};W.displayName="OverlayErrCatch";var H=["-webkit","-moz","-ms","-o"],K=["transform","transition"],Z=function(e,t){if(e)for(var r in t){var o=-1!==K.indexOf(r);if(t[r]){if(e.style.setProperty(r,t[r]),o)for(var n=0,a=H;n<a.length;n++){var i=a[n];e.style.setProperty("".concat(i,"-").concat(r),t[r])}}else if(e.style.removeProperty(r),o)for(var l=0,c=H;l<c.length;l++){var u=c[l];e.style.removeProperty("".concat(u,"-").concat(r))}}},X=function(e){var t=e.isActive,r=void 0===t||t,o=e.children,n=e.onClose,a=e.placement,i=e.rootRef,l=e.contentRef,c=b.useRef(null),u=b.useRef(!1),s=b.useRef(0);if(!r)return b.createElement(b.Fragment,null,o);return b.createElement(E.default,{onSwipeMove:function(e,t){var r,o,n,d=e.x,f=e.y,p=(null===(r=l.current)||void 0===r?void 0:r.scrollHeight)||0,m=(null===(o=l.current)||void 0===o?void 0:o.offsetHeight)||0,v=(null===(n=l.current)||void 0===n?void 0:n.scrollTop)||0,y=p-(v+m),h=null,_=!1,b=!1,g=Math.abs(d),E=Math.abs(f);"top"===a?(h="translateY(".concat(f>=0?0:f,"px)"),_=y<=1&&f<=0&&E>g,b=E>70):"bottom"===a?(h="translateY(".concat(f<=0?0:f,"px)"),_=v<=1&&f>=0&&E>g,b=E>70):"left"===a?(h="translateX(".concat(d>=0?0:d,"px)"),_=d<=0&&g>E,b=g>70):"right"===a&&(h="translateX(".concat(d<=0?0:d,"px)"),_=d>=0&&g>E,b=g>70),null===c.current&&(c.current=!!_),c.current&&(s.current||(s.current=(new Date).getTime()),!u.current&&b&&(u.current=!0),null==t||t.preventDefault(),Z(i.current,{transform:h}),Z(l.current,{"pointer-events":"none",overflow:"hidden"}))},onSwipeEnd:function(){if(c.current){Z(i.current,{transition:"transform ".concat(225,"ms cubic-bezier(0, 0, 0.2, 1) 0ms"),transform:null}),Z(l.current,{"pointer-events":null,overflow:null}),setTimeout((function(){Z(i.current,{transition:null})}),225);var e=(new Date).getTime()-s.current;u.current&&e<250&&n&&n({})}s.current=0,c.current=null,u.current=!1}},o)},F=["children","onClose","onOpen","onPrev","onOpened","onClosed","isOpen","isBodyScrollLock","isShowCloseButton","isShowPrevButton","isCloseOnEscape","isCloseOnSwipe","isCloseOutsideClick","isAnimated","isRenderPortal","header","footer","padding","title","placement","size","maxSize","zIndex","contentRef","dataQaId","errCatchName"],Q=function(e){var r=e.children,l=e.onClose,c=e.onOpen,u=e.onPrev,s=e.onOpened,d=e.onClosed,f=e.isOpen,p=e.isBodyScrollLock,m=void 0===p||p,v=e.isShowCloseButton,y=void 0===v||v,h=e.isShowPrevButton,_=void 0!==h&&h,E=e.isCloseOnEscape,C=void 0===E||E,S=e.isCloseOnSwipe,w=void 0===S||S,P=e.isCloseOutsideClick,N=void 0===P||P,B=e.isAnimated,k=void 0===B||B,j=e.isRenderPortal,q=void 0===j||j,T=e.header,z=e.footer,R=e.padding,M=void 0===R?"20px 20px 20px 20px":R,D=e.title,H=e.placement,K=void 0===H?"adaptive":H,Z=e.size,Q=void 0===Z?"adaptive":Z,V=e.maxSize,J=void 0===V?"90%":V,Y=e.zIndex,U=void 0===Y?5e3:Y,$=e.contentRef,G=e.dataQaId,ee=e.errCatchName,te=void 0===ee?"OverlayErrCatch":ee,re=x(e,F),oe=b.useRef(null),ne=$||b.useRef(null),ae=i.useMedia({minWidth:"medium"}),ie=K,le=Q;return"adaptive"===Q&&(le="top"===K||"bottom"===K?"auto":"adaptive"===K?ae?400:"auto":400),"adaptive"===K&&(ie=ae?"right":"bottom"),b.createElement(b.Fragment,null,b.createElement(o.Backdrop,{isOpen:f,isAnimated:k,zIndex:U,isRenderPortal:q,isBodyScrollLock:m}),b.createElement(t.CSSTransition,{in:f,timeout:k?225:0,classNames:I,unmountOnExit:!0,onEnter:c,onEntered:s,onExited:d},b.createElement(a.Portal,{isActive:q},b.createElement(X,{isActive:m&&w,rootRef:oe,contentRef:ne,placement:ie,onClose:l},b.createElement("div",O({className:I.root,role:"presentation",style:{zIndex:U}},re),b.createElement(n.KeyPress,{isActive:C,code:"Escape",onKeyDown:l}),b.createElement("div",{className:I.backdrop,"aria-hidden":!0,onClick:function(e){N&&l&&l(e)}}),b.createElement("div",{ref:oe,className:g.default(I.popup,I["popup_placement_".concat(ie)]),"aria-modal":!0,role:"dialog",style:L(ie,le,J),"data-qaid":G},b.createElement(A,{isShowCloseButton:y,isShowPrevButton:_,onClose:l,onPrev:u,title:D},T),b.createElement("footer",{className:I.footer},z),b.createElement("div",{className:I.content,ref:ne,style:{padding:M}},b.createElement(W,{onClose:l,name:te},r))))))))};Q.displayName="Overlay",exports.Overlay=Q,require("./style.production.v2.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-transition-group"),r=require("clsx"),o=require("@prom-ui/core/Backdrop"),n=require("@prom-ui/core/KeyPress"),a=require("@prom-ui/core/Portal"),i=require("@prom-ui/core/Media"),l=require("@prom-ui/core/Button"),c=require("@prom-ui/core/Icon"),u=require("@prom-ui/core/useBodyTTag"),s=require("@prom-ui/icons/Close2"),d=require("@prom-ui/icons/ArrowBack"),f=require("@prom-ui/core/ErrorCatch"),p=require("@prom-ui/core/Link"),m=require("@prom-ui/icons/colors/PromTroubleHappens"),v=require("@prom-ui/icons/colors/PromNoSignal"),y=require("react-easy-swipe");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function _(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var b=_(e),g=h(r),E=h(y);function C(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,o=Array(t);r<t;r++)o[r]=e[r];return o}function O(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var o=r.call(e,t||"default");if("object"!=typeof o)return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function x(){return x=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)({}).hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},x.apply(null,arguments)}function w(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var o,n,a,i,l=[],c=!0,u=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(o=a.call(r)).done)&&(l.push(o.value),l.length!==t);c=!0);}catch(e){u=!0,n=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(u)throw n}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return C(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?C(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function P(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var S,N,B,k,q,j,T,R,z={root:"-yvLz",backdrop:"MKZgL",popup:"RJENA",popup_placement_top:"ERdxO",popup_placement_bottom:"MJb6v",popup_placement_right:"nL79b",popup_placement_left:"p-p5e",content:"uHLyZ",header:"ntf6X",header__grid:"-OCio",header__item:"gjOzy",header__title:"-s4aZ gjOzy",header__titleText:"zkpK2",header__action:"fzZrE gjOzy",header__actionButton:"CC-hv",header__actionIcon:"LoRyP",footer:"nE-cV",enter:"v7DoD",exit:"E0PkA",enterActive:"RFXzo",exitActive:"a2xd2",errorContainer:"_6Vqfn",errorContainerLoading:"_1NWwx",errorIcon:"B2x3n",errorTitle:"xzjW5",errorDescription:"_9ITQZ",errorWrapReloadButton:"TztMO",errorWrapCloseButton:"_6pk7M",errorCloseButtonLoading:"_4NTmf"},I=function(e){var t=e.isShowPrevButton,r=e.isShowCloseButton,o=e.children,n=e.title,a=e.onClose,i=e.onPrev,f=u.useBodyTTag().t;return b.default.createElement("header",{className:z.header},void 0!==o?o:b.default.createElement("div",{className:z.header__grid},b.default.createElement("div",{className:z.header__action},t&&b.default.createElement(l.Button,{className:z.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:i,"aria-label":f(S||(S=P(["Назад"]))),"data-qaid":"prev"},b.default.createElement(c.Icon,{"icon-as":d.SvgArrowBack,className:z.header__actionIcon}))),b.default.createElement("div",{className:z.header__title},"string"==typeof n?b.default.createElement("span",{className:z.header__titleText,"data-qaid":"title"},n):n),b.default.createElement("div",{className:z.header__action},r&&a&&b.default.createElement(l.Button,{className:z.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:a,"aria-label":f(N||(N=P(["Закрыть"]))),"data-qaid":"close"},b.default.createElement(c.Icon,{"icon-as":s.SvgClose2,className:z.header__actionIcon})))))},A=function(e,t,r){return["top","bottom"].includes(e)?{height:t,maxHeight:r}:{width:t,maxWidth:r}},L=function(){var e;return Boolean(null===(e=navigator)||void 0===e?void 0:e.onLine)?"default":"offline"},M=function(e){var t=e.onClickReload,r=e.onClickClose,o=e.errorType,n=void 0===o?"default":o,a=e.loading,i=void 0!==a&&a,s=u.useBodyTTag().t,d={default:{icon:m.SvgPromTroubleHappens,title:s(B||(B=P(["Ой, кажется что-то пошло не так"]))),description:s(k||(k=P(["Мы уже разбираемся с этим"])))},offline:{icon:v.SvgPromNoSignal,title:s(q||(q=P(["Нет соединения"]))),description:s(j||(j=P(["Проверьте подключение к Интернету"])))}};return b.default.createElement("div",{className:g.default(z.errorContainer,O({},z.errorContainerLoading,i)),"data-qaid":"overlay_error_catch","data-testid":"overlay_error_catch"},b.default.createElement(c.Icon,{className:z.errorIcon,"icon-as":d[n].icon,"data-qaid":"overlay_error_catch_icon","data-testid":"overlay_error_catch_icon"}),b.default.createElement("div",{className:z.errorTitle,"data-qaid":"overlay_error_catch_title","data-testid":"overlay_error_catch_title"},d[n].title),b.default.createElement("div",{className:z.errorDescription,"data-qaid":"overlay_error_catch_description","data-testid":"overlay_error_catch_description"},d[n].description),b.default.createElement("div",{className:z.errorWrapReloadButton},b.default.createElement(l.Button,{"button-theme":"violet","button-padding-left":"4xl","button-padding-right":"4xl",type:"button",onClick:t,loading:i,"data-qaid":"overlay_error_catch_reload_button","data-testid":"overlay_error_catch_reload_button"},s(T||(T=P(["Попробовать еще раз"]))))),b.default.createElement("div",{className:z.errorWrapCloseButton},b.default.createElement(p.Link,{className:i?z.errorCloseButtonLoading:void 0,"link-as":"button","link-color":"blue-500",type:"button",onClick:r,"data-qaid":"overlay_error_catch_close_button","data-testid":"overlay_error_catch_close_button"},s(R||(R=P(["Закрыть"]))))))};M.displayName="ErrorComponent";var D=function(t){var r=t.children,o=t.name,n=t.onClose,a=w(e.useState(!1),2),i=a[0],l=a[1],c=w(e.useState("default"),2),u=c[0],s=c[1];return e.useEffect((function(){i?setTimeout((function(){s(L()),l(!1)}),600):s(L())}),[i]),i?b.default.createElement(M,{errorType:u,loading:!0}):b.default.createElement(f.ErrorCatch,{name:o,errorView:b.default.createElement(M,{onClickClose:n,errorType:u,onClickReload:function(){return l(!0)}})},r)};D.displayName="OverlayErrCatch";var W=["-webkit","-moz","-ms","-o"],H=["transform","transition"],K=function(e,t){if(e)for(var r in t){var o=-1!==H.indexOf(r);if(t[r]){if(e.style.setProperty(r,t[r]),o)for(var n=0,a=W;n<a.length;n++){var i=a[n];e.style.setProperty("".concat(i,"-").concat(r),t[r])}}else if(e.style.removeProperty(r),o)for(var l=0,c=W;l<c.length;l++){var u=c[l];e.style.removeProperty("".concat(u,"-").concat(r))}}},Z=function(e){var t=e.isActive,r=void 0===t||t,o=e.children,n=e.onClose,a=e.placement,i=e.rootRef,l=e.contentRef,c=b.useRef(null),u=b.useRef(!1),s=b.useRef(0);if(!r)return b.createElement(b.Fragment,null,o);return b.createElement(E.default,{onSwipeMove:function(e,t){var r,o,n,d=e.x,f=e.y,p=(null===(r=l.current)||void 0===r?void 0:r.scrollHeight)||0,m=(null===(o=l.current)||void 0===o?void 0:o.offsetHeight)||0,v=(null===(n=l.current)||void 0===n?void 0:n.scrollTop)||0,y=p-(v+m),h=null,_=!1,b=!1,g=Math.abs(d),E=Math.abs(f);"top"===a?(h="translateY(".concat(f>=0?0:f,"px)"),_=y<=1&&f<=0&&E>g,b=E>70):"bottom"===a?(h="translateY(".concat(f<=0?0:f,"px)"),_=v<=1&&f>=0&&E>g,b=E>70):"left"===a?(h="translateX(".concat(d>=0?0:d,"px)"),_=d<=0&&g>E,b=g>70):"right"===a&&(h="translateX(".concat(d<=0?0:d,"px)"),_=d>=0&&g>E,b=g>70),null===c.current&&(c.current=!!_),c.current&&(s.current||(s.current=(new Date).getTime()),!u.current&&b&&(u.current=!0),null==t||t.preventDefault(),K(i.current,{transform:h}),K(l.current,{"pointer-events":"none",overflow:"hidden"}))},onSwipeEnd:function(){if(c.current){K(i.current,{transition:"transform ".concat(225,"ms cubic-bezier(0, 0, 0.2, 1) 0ms"),transform:null}),K(l.current,{"pointer-events":null,overflow:null}),setTimeout((function(){K(i.current,{transition:null})}),225);var e=(new Date).getTime()-s.current;u.current&&e<250&&n&&n({})}s.current=0,c.current=null,u.current=!1}},o)},X=["children","onClose","onOpen","onPrev","onOpened","onClosed","isOpen","isBodyScrollLock","isShowCloseButton","isShowPrevButton","isCloseOnEscape","isCloseOnSwipe","isCloseOutsideClick","isAnimated","isRenderPortal","header","footer","padding","title","placement","size","maxSize","zIndex","contentRef","dataQaId","errCatchName"],F=function(e){var r=e.children,l=e.onClose,c=e.onOpen,u=e.onPrev,s=e.onOpened,d=e.onClosed,f=e.isOpen,p=e.isBodyScrollLock,m=void 0===p||p,v=e.isShowCloseButton,y=void 0===v||v,h=e.isShowPrevButton,_=void 0!==h&&h,E=e.isCloseOnEscape,C=void 0===E||E,O=e.isCloseOnSwipe,w=void 0===O||O,P=e.isCloseOutsideClick,S=void 0===P||P,N=e.isAnimated,B=void 0===N||N,k=e.isRenderPortal,q=void 0===k||k,j=e.header,T=e.footer,R=e.padding,L=void 0===R?"20px 20px 20px 20px":R,M=e.title,W=e.placement,H=void 0===W?"adaptive":W,K=e.size,F=void 0===K?"adaptive":K,Q=e.maxSize,V=void 0===Q?"90%":Q,J=e.zIndex,Y=void 0===J?5e3:J,U=e.contentRef,$=e.dataQaId,G=e.errCatchName,ee=void 0===G?"OverlayErrCatch":G,te=function(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r={};for(var o in e)if({}.hasOwnProperty.call(e,o)){if(-1!==t.indexOf(o))continue;r[o]=e[o]}return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)r=a[o],-1===t.indexOf(r)&&{}.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(e,X),re=b.useRef(null),oe=b.useRef(null),ne=U||oe,ae=i.useMedia({minWidth:"medium"}),ie=b.useRef(null),le=H,ce=F;return"adaptive"===F&&(ce="top"===H||"bottom"===H?"auto":"adaptive"===H?ae?400:"auto":400),"adaptive"===H&&(le=ae?"right":"bottom"),b.createElement(b.Fragment,null,b.createElement(o.Backdrop,{isOpen:f,isAnimated:B,zIndex:Y,isRenderPortal:q,isBodyScrollLock:m}),b.createElement(t.CSSTransition,{nodeRef:ie,in:f,timeout:B?225:0,classNames:z,unmountOnExit:!0,onEnter:c,onEntered:s,onExited:d},b.createElement(a.Portal,{isActive:q},b.createElement(Z,{isActive:m&&w,rootRef:re,contentRef:ne,placement:le,onClose:l},b.createElement("div",x({ref:ie,className:z.root,role:"presentation",style:{zIndex:Y}},te),b.createElement(n.KeyPress,{isActive:C,code:"Escape",onKeyDown:l}),b.createElement("div",{className:z.backdrop,"aria-hidden":!0,onClick:function(e){S&&l&&l(e)}}),b.createElement("div",{ref:re,className:g.default(z.popup,z["popup_placement_".concat(le)]),"aria-modal":!0,role:"dialog",style:A(le,ce,V),"data-qaid":$},b.createElement(I,{isShowCloseButton:y,isShowPrevButton:_,onClose:l,onPrev:u,title:M},j),b.createElement("footer",{className:z.footer},T),b.createElement("div",{className:z.content,ref:ne,style:{padding:L}},b.createElement(D,{onClose:l,name:ee},r))))))))};F.displayName="Overlay",exports.Overlay=F,require("./style.production.v2.css");

package/Overlay/components/OverlayErrCatch.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 type OverlayErrCatchProps = React.PropsWithChildren<{
     name: string;
-    onClose: (e: any) => void;
+    onClose: React.MouseEventHandler<HTMLButtonElement>;
 }>;
 export declare const OverlayErrCatch: React.FC<OverlayErrCatchProps>;
 export {};

package/Overlay/components/SwipeClose.d.ts

@@ -2,9 +2,9 @@ import * as React from 'react';
 type SwipeCloseProps = {
     isActive?: boolean;
     children: React.ReactNode;
-    rootRef: React.RefObject<HTMLDivElement>;
-    contentRef: React.RefObject<HTMLDivElement>;
-    onClose: (e: any) => void;
+    rootRef: React.RefObject<HTMLDivElement | null>;
+    contentRef: React.RefObject<HTMLDivElement | null>;
+    onClose: (e: unknown) => void;
     placement: 'adaptive' | 'top' | 'right' | 'bottom' | 'left';
 };
 export declare const SwipeClose: React.FC<SwipeCloseProps>;

package/Overlay/index.d.ts

@@ -64,7 +64,7 @@ export type OverlayProps = React.ComponentProps<'div'> & {
     zIndex?: number;
     /** HTML Атрибут `data-qaid` для автотестов */
     /** `ref` для блока с контентом */
-    contentRef?: React.RefObject<HTMLDivElement>;
+    contentRef?: React.RefObject<HTMLDivElement | null>;
     dataQaId?: string;
     /** Название компонента для удобного дебага ошибок */
     errCatchName?: string;

package/Overlay/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Overlay",
-  "version": "1.19.0",
+  "version": "2.0.0-alpha.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/PhotoGallery/cjs/index.development.js

@@ -38,83 +38,77 @@ function _interopNamespaceCompat(e) {
 var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
 var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
 
-function _iterableToArrayLimit(arr, i) {
-  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
-  if (null != _i) {
-    var _s,
-      _e,
-      _x,
-      _r,
-      _arr = [],
-      _n = !0,
-      _d = !1;
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
     try {
-      if (_x = (_i = _i.call(arr)).next, 0 === i) {
-        if (Object(_i) !== _i) return;
-        _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
-    } catch (err) {
-      _d = !0, _e = err;
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
     } finally {
       try {
-        if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return;
+        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
       } finally {
-        if (_d) throw _e;
+        if (o) throw n;
       }
     }
-    return _arr;
+    return a;
   }
 }
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _taggedTemplateLiteral(strings, raw) {
-  if (!raw) {
-    raw = strings.slice(0);
-  }
-  return Object.freeze(Object.defineProperties(strings, {
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+}
+function _taggedTemplateLiteral(e, t) {
+  return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
     raw: {
-      value: Object.freeze(raw)
+      value: Object.freeze(t)
     }
   }));
 }
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
 }
 
 var reqMap = new Map();
 var scrollInToViewElement = function scrollInToViewElement(target, parent) {
   var isAnimate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  if (!parent) {
+    return;
+  }
   if (reqMap.has(parent)) {
     cancelAnimationFrame(reqMap.get(parent));
     reqMap["delete"](parent);
@@ -145,7 +139,7 @@ var getIndexFromScroll = function getIndexFromScroll(target, size) {
   return Math.round(scrollIndex);
 };
 var getVideoEmbedId = function getVideoEmbedId(videoUrl) {
-  var regExp = /^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?v(?:i)?=|\&v(?:i)?=))([^#\&\?]*).*/;
+  var regExp = /^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?v(?:i)?=|\&v(?:i)?=))([^#\&\?]*).*/; // eslint-disable-line no-useless-escape
   var matches = regExp.exec(videoUrl);
   return matches && matches[1];
 };
@@ -158,6 +152,8 @@ var getVideoPreviewImage = function getVideoPreviewImage(videoUrl) {
   return "https://img.youtube.com/vi/".concat(embedId, "/0.jpg");
 };
 
+/* eslint-disable */
+
 // fork rfom https://github.com/manuelstofer/pinchzoom
 // @ts-nocheck
 
@@ -998,8 +994,8 @@ var MainPhotosImage = /*#__PURE__*/React__namespace.forwardRef(function (_ref, r
   var isVideo = !!videoSrc;
   var reset = function reset() {
     var _pinchZoomRef$current, _videoIframeRef$curre;
-    (_pinchZoomRef$current = pinchZoomRef.current) === null || _pinchZoomRef$current === void 0 ? void 0 : _pinchZoomRef$current.reset();
-    (_videoIframeRef$curre = videoIframeRef.current) === null || _videoIframeRef$curre === void 0 || (_videoIframeRef$curre = _videoIframeRef$curre.contentWindow) === null || _videoIframeRef$curre === void 0 ? void 0 : _videoIframeRef$curre.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*');
+    (_pinchZoomRef$current = pinchZoomRef.current) === null || _pinchZoomRef$current === void 0 || _pinchZoomRef$current.reset();
+    (_videoIframeRef$curre = videoIframeRef.current) === null || _videoIframeRef$curre === void 0 || (_videoIframeRef$curre = _videoIframeRef$curre.contentWindow) === null || _videoIframeRef$curre === void 0 || _videoIframeRef$curre.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*');
   };
   React__namespace.useEffect(function () {
     requestAnimationFrame(function () {
@@ -1009,6 +1005,7 @@ var MainPhotosImage = /*#__PURE__*/React__namespace.forwardRef(function (_ref, r
           animationDuration: 200,
           setOffsetsOnce: false,
           onDoubleTap: function onDoubleTap(target) {
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
             // @ts-ignore
             if ((target === null || target === void 0 ? void 0 : target.zoomFactor) === 1) {
               triggerInteraction('maybeZoomImage');
@@ -1019,7 +1016,7 @@ var MainPhotosImage = /*#__PURE__*/React__namespace.forwardRef(function (_ref, r
     });
     return function () {
       var _pinchZoomRef$current2;
-      (_pinchZoomRef$current2 = pinchZoomRef.current) === null || _pinchZoomRef$current2 === void 0 ? void 0 : _pinchZoomRef$current2.destroy();
+      (_pinchZoomRef$current2 = pinchZoomRef.current) === null || _pinchZoomRef$current2 === void 0 || _pinchZoomRef$current2.destroy();
     };
   }, [videoSrc]);
   React__namespace.useEffect(function () {
@@ -1065,6 +1062,7 @@ var MainPhotosImage = /*#__PURE__*/React__namespace.forwardRef(function (_ref, r
     "data-testid": "photo_gallery_main_image"
   });
 });
+MainPhotosImage.displayName = 'MainPhotosImage';
 
 var MainPhotos = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
   var items = _ref.items,
@@ -1076,7 +1074,7 @@ var MainPhotos = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
   var localScrollRef = React__namespace.useRef(null);
   var destroyMainPhoto = function destroyMainPhoto() {
     mainPhotoRefs.current.forEach(function (currentRef) {
-      currentRef === null || currentRef === void 0 ? void 0 : currentRef.reset();
+      currentRef === null || currentRef === void 0 || currentRef.reset();
     });
   };
   var scrollToIndex = function scrollToIndex(index) {
@@ -1148,7 +1146,7 @@ var MainPhotos = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
         "data-testid": "photo_gallery_main_item"
       }, /*#__PURE__*/React__namespace.createElement(MainPhotosImage, {
         ref: function ref(el) {
-          return mainPhotoRefs.current[index] = el;
+          mainPhotoRefs.current[index] = el;
         },
         src: previewSrc,
         videoSrc: videoSrc,
@@ -1157,6 +1155,7 @@ var MainPhotos = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
     }));
   });
 });
+MainPhotos.displayName = 'MainPhotos';
 
 var PreviewPhotos = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
   var items = _ref.items,
@@ -1182,7 +1181,10 @@ var PreviewPhotos = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref
   };
   return /*#__PURE__*/React__namespace.createElement("div", {
     ref: localScrollRef,
-    className: css.preview
+    className: css.preview,
+    onScroll: function onScroll() {
+      triggerInteraction('scrollPreviews');
+    }
   }, items.map(function (_ref2, index) {
     var type = _ref2.type,
       src = _ref2.src;
@@ -1224,6 +1226,7 @@ var PreviewPhotos = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref
     }))));
   }));
 });
+PreviewPhotos.displayName = 'PreviewPhotos';
 
 var _templateObject;
 var Header = function Header(_ref) {
@@ -1271,7 +1274,7 @@ var SlotContainer = function SlotContainer(_ref) {
   var refSlot = React__namespace.useRef(null);
   React__namespace.useEffect(function () {
     var _refSlot$current;
-    (_refSlot$current = refSlot.current) === null || _refSlot$current === void 0 ? void 0 : _refSlot$current.scrollTo({
+    (_refSlot$current = refSlot.current) === null || _refSlot$current === void 0 || _refSlot$current.scrollTo({
       top: 0
     });
   }, [selectedIndex]);
@@ -1301,6 +1304,7 @@ var PhotoGallery = function PhotoGallery(_ref) {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     selectedIndex = _React$useState2[0],
     setSelectedIndex = _React$useState2[1];
+  var nodeRef = React__namespace.useRef(null);
   var triggerInteraction = function triggerInteraction(eventName) {
     if (typeof onInteraction === 'function') {
       onInteraction(eventName);
@@ -1315,8 +1319,8 @@ var PhotoGallery = function PhotoGallery(_ref) {
     if (isOpen) {
       var _refPreviewPhotos$cur, _refMainPhotos$curren;
       setSelectedIndex(visibleIndex);
-      (_refPreviewPhotos$cur = refPreviewPhotos.current) === null || _refPreviewPhotos$cur === void 0 ? void 0 : _refPreviewPhotos$cur.scrollToIndex(visibleIndex, false);
-      (_refMainPhotos$curren = refMainPhotos.current) === null || _refMainPhotos$curren === void 0 ? void 0 : _refMainPhotos$curren.scrollToIndex(visibleIndex, false);
+      (_refPreviewPhotos$cur = refPreviewPhotos.current) === null || _refPreviewPhotos$cur === void 0 || _refPreviewPhotos$cur.scrollToIndex(visibleIndex, false);
+      (_refMainPhotos$curren = refMainPhotos.current) === null || _refMainPhotos$curren === void 0 || _refMainPhotos$curren.scrollToIndex(visibleIndex, false);
     }
   }, [isOpen]);
   React__namespace.useEffect(function () {
@@ -1332,31 +1336,31 @@ var PhotoGallery = function PhotoGallery(_ref) {
       clearTimeoutHandle();
       timer = setTimeout(function () {
         var _refPreviewPhotos$cur2, _refMainPhotos$curren2;
-        (_refPreviewPhotos$cur2 = refPreviewPhotos.current) === null || _refPreviewPhotos$cur2 === void 0 ? void 0 : _refPreviewPhotos$cur2.scrollToIndex(selectedIndex, false);
-        (_refMainPhotos$curren2 = refMainPhotos.current) === null || _refMainPhotos$curren2 === void 0 ? void 0 : _refMainPhotos$curren2.scrollToIndex(selectedIndex, false);
+        (_refPreviewPhotos$cur2 = refPreviewPhotos.current) === null || _refPreviewPhotos$cur2 === void 0 || _refPreviewPhotos$cur2.scrollToIndex(selectedIndex, false);
+        (_refMainPhotos$curren2 = refMainPhotos.current) === null || _refMainPhotos$curren2 === void 0 || _refMainPhotos$curren2.scrollToIndex(selectedIndex, false);
       }, 100);
     };
     window.addEventListener('resize', resizeHandle);
-    (_window = window) === null || _window === void 0 || (_window = _window.matchMedia('(orientation: portrait)')) === null || _window === void 0 ? void 0 : _window.addEventListener('change', resizeHandle);
+    (_window = window) === null || _window === void 0 || (_window = _window.matchMedia('(orientation: portrait)')) === null || _window === void 0 || _window.addEventListener('change', resizeHandle);
     return function () {
       var _window2;
       clearTimeoutHandle();
       window.removeEventListener('resize', resizeHandle);
-      (_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.matchMedia('(orientation: portrait)')) === null || _window2 === void 0 ? void 0 : _window2.removeEventListener('change', resizeHandle);
+      (_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.matchMedia('(orientation: portrait)')) === null || _window2 === void 0 || _window2.removeEventListener('change', resizeHandle);
     };
   }, [isOpen, selectedIndex]);
   var onChangePreviewPhoto = function onChangePreviewPhoto(index) {
     var _refPreviewPhotos$cur3, _refMainPhotos$curren3;
     refIsAllowChangePreviewPhoto.current = false;
     setSelectedIndex(index);
-    (_refPreviewPhotos$cur3 = refPreviewPhotos.current) === null || _refPreviewPhotos$cur3 === void 0 ? void 0 : _refPreviewPhotos$cur3.scrollToIndex(index);
-    (_refMainPhotos$curren3 = refMainPhotos.current) === null || _refMainPhotos$curren3 === void 0 ? void 0 : _refMainPhotos$curren3.scrollToIndex(index);
+    (_refPreviewPhotos$cur3 = refPreviewPhotos.current) === null || _refPreviewPhotos$cur3 === void 0 || _refPreviewPhotos$cur3.scrollToIndex(index);
+    (_refMainPhotos$curren3 = refMainPhotos.current) === null || _refMainPhotos$curren3 === void 0 || _refMainPhotos$curren3.scrollToIndex(index);
   };
   var onChangeMainPhoto = function onChangeMainPhoto(index) {
     if (refIsAllowChangePreviewPhoto.current) {
       var _refPreviewPhotos$cur4;
       setSelectedIndex(index);
-      (_refPreviewPhotos$cur4 = refPreviewPhotos.current) === null || _refPreviewPhotos$cur4 === void 0 ? void 0 : _refPreviewPhotos$cur4.scrollToIndex(index);
+      (_refPreviewPhotos$cur4 = refPreviewPhotos.current) === null || _refPreviewPhotos$cur4 === void 0 || _refPreviewPhotos$cur4.scrollToIndex(index);
     }
     if (!refIsAllowChangePreviewPhoto.current && selectedIndex === index) {
       refIsAllowChangePreviewPhoto.current = true;
@@ -1381,6 +1385,7 @@ var PhotoGallery = function PhotoGallery(_ref) {
     zIndex: zIndex,
     isBodyScrollLock: true
   }), /*#__PURE__*/React__namespace.createElement(reactTransitionGroup.CSSTransition, {
+    nodeRef: nodeRef,
     "in": isOpen,
     timeout: 240,
     classNames: css,
@@ -1395,6 +1400,7 @@ var PhotoGallery = function PhotoGallery(_ref) {
       return triggerInteraction('closed');
     }
   }, /*#__PURE__*/React__namespace.createElement(Portal.Portal, null, /*#__PURE__*/React__namespace.createElement("div", {
+    ref: nodeRef,
     className: css.root,
     "data-qaid": "photo_gallery",
     "data-testid": "photo_gallery",