profinansy-ui-lib 3.0.16 → 3.0.17

package/dist/components/uikit/Modal/Modal.typed.d.ts

@@ -18,6 +18,8 @@ export interface IModal {
     styleContent?: CSSProperties;
     /** инлайновые стили для фона попапа */
     styleBackground?: CSSProperties;
+    /** инлайновые стили для контейнера попапа */
+    styleWrapper?: CSSProperties;
     /** класс для фона попапа */
     classNameBackground?: string;
     /** класс для контента попапа */

package/dist/index.js

@@ -1451,7 +1451,7 @@
   z-index: 10;
   top: 6px;
   right: 6px;
-`},1673:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Modal=void 0;const l=i(n(8156)),u=o(n(8105)),c=n(7033),s=n(3848),d=i(n(505)),f=i(n(4184)),p=n(1608),h=n(1197),m=n(1899),v=n(6286);t.Modal=e=>{const{content:t,animation:n,showModal:r}=(0,c.useTransitionModal)(e.open,e.children,e.onClose);return r?l.default.createElement(g,Object.assign({},e,{animation:n}),t):null};const g=({onClose:e,children:t,title:n,subtitle:r,showCloseButton:a=!0,borderHeader:o=!1,styleContent:i,classNameWrapper:c,styleBackground:g,classNameBackground:b,classNameContent:y,classNameHeader:w,animation:x,titlePosition:_="left"})=>{const k=()=>{e&&e()},{mode:M}=(0,h.useMode)();return l.default.createElement(s.Portal,{id:"react-modals"},l.default.createElement(p.ThemeProvider,{theme:m.palette[M]},l.default.createElement(u.Wrapper,{className:c,open:x},l.default.createElement(u.Layout,{className:b,onClick:k,style:g}),l.default.createElement(u.Content,{className:(0,f.default)(y,"modal-content"),style:i},a&&l.default.createElement(u.CloseButton,null,l.default.createElement(v.CircleButton,{icon:l.default.createElement(d.default,{className:"modal-closeBtn"}),onClick:k,size:"M"})),!!n&&l.default.createElement(u.Header,{borderHeader:o,className:(0,f.default)(w,"modal-header")},l.default.createElement(u.Title,{titlePosition:_},n),!!r&&l.default.createElement(u.Subtitle,null,r)),t))))}},6298:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Modal=void 0;var r=n(1673);Object.defineProperty(t,"Modal",{enumerable:!0,get:function(){return r.Modal}})},8109:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Wrapper=t.EyeIconStyle=t.EyeCloseIconStyle=t.Container=void 0;const a=r(n(1608)),o=r(n(217)),i=r(n(2839)),l=a.default.div`
+`},1673:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Modal=void 0;const l=i(n(8156)),u=o(n(8105)),c=n(7033),s=n(3848),d=i(n(505)),f=i(n(4184)),p=n(1608),h=n(1197),m=n(1899),v=n(6286);t.Modal=e=>{const{content:t,animation:n,showModal:r}=(0,c.useTransitionModal)(e.open,e.children,e.onClose);return r?l.default.createElement(g,Object.assign({},e,{animation:n}),t):null};const g=({onClose:e,children:t,title:n,subtitle:r,showCloseButton:a=!0,borderHeader:o=!1,styleContent:i,classNameWrapper:c,styleBackground:g,styleWrapper:b,classNameBackground:y,classNameContent:w,classNameHeader:x,animation:_,titlePosition:k="left"})=>{const M=()=>{e&&e()},{mode:O}=(0,h.useMode)();return l.default.createElement(s.Portal,{id:"react-modals"},l.default.createElement(p.ThemeProvider,{theme:m.palette[O]},l.default.createElement(u.Wrapper,{className:c,open:_,style:b},l.default.createElement(u.Layout,{className:y,onClick:M,style:g}),l.default.createElement(u.Content,{className:(0,f.default)(w,"modal-content"),style:i},a&&l.default.createElement(u.CloseButton,null,l.default.createElement(v.CircleButton,{icon:l.default.createElement(d.default,{className:"modal-closeBtn"}),onClick:M,size:"M"})),!!n&&l.default.createElement(u.Header,{borderHeader:o,className:(0,f.default)(x,"modal-header")},l.default.createElement(u.Title,{titlePosition:k},n),!!r&&l.default.createElement(u.Subtitle,null,r)),t))))}},6298:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Modal=void 0;var r=n(1673);Object.defineProperty(t,"Modal",{enumerable:!0,get:function(){return r.Modal}})},8109:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Wrapper=t.EyeIconStyle=t.EyeCloseIconStyle=t.Container=void 0;const a=r(n(1608)),o=r(n(217)),i=r(n(2839)),l=a.default.div`
   position: relative;
   width: 100%;
   & input {
@@ -1530,7 +1530,7 @@
   align-items: center;
   width: fit-content;
   cursor: pointer;
-`;t.Target=p},7896:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Popup=void 0;const l=o(n(8156)),u=i(n(1482)),c=n(2851),s=n(6298),d=n(2091),f=o(n(5939)),p=i(n(4184)),h=n(550),m=n(1608),v=n(1197),g=n(1899);t.Popup=({content:e,classNameBlock:t,targetClass:n,isHover:r=!1,width:a="232px",targetElement:o})=>{const[i,b]=(0,l.useState)(!1),y=(0,l.useRef)(null),[w,x,_,k]=null!=e?e:[],{link:M}=(0,c.useGetVideoLink)({videoLink:k}),{xs:O}=(0,h.useBreakpoints)(),E={padding:"0px",background:"transparent",maxWidth:"960px",maxHeight:O?"250px":"540px",width:"100%",height:"100%",overflow:"hidden"},{mode:P}=(0,v.useMode)();return l.default.createElement(m.ThemeProvider,{theme:g.palette[P]},l.default.createElement(d.Tooltip,{ref:y,isHover:r,closeClickOutSide:!i,data:l.default.createElement(f.Container,{className:t,width:a},l.default.createElement(f.Content,null,l.default.createElement(f.Title,{dangerouslySetInnerHTML:{__html:w||""}}),!!k&&l.default.createElement(f.PlayBtn,{onClick:()=>b(!0)},l.default.createElement("img",{width:200,height:100,src:"https://storage.yandexcloud.net/public-files.profinansy.ru/images/suggestion-video-preview.png",alt:"video-preview"})),l.default.createElement(f.Description,{dangerouslySetInnerHTML:{__html:x||""}}),_&&l.default.createElement("a",{href:_,target:"_blank",rel:"noreferrer"},l.default.createElement(f.Link,null,"Подробнее..."))),l.default.createElement(s.Modal,{open:i,styleContent:E,onClose:()=>{b(!1)}},l.default.createElement(f.Ifram,{src:M,allowFullScreen:!0})))},l.default.createElement(f.Target,{className:(0,p.default)(n)},o||l.default.createElement(u.default,null))))}},8911:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Popup=void 0;var r=n(7896);Object.defineProperty(t,"Popup",{enumerable:!0,get:function(){return r.Popup}})},7537:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Portal=void 0;const r=n(3935),a=n(5171);t.Portal=({id:e,children:t})=>{const n=(0,a.usePortal)(e);return n?(0,r.createPortal)(t,n):null}},3848:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Portal=void 0;var r=n(7537);Object.defineProperty(t,"Portal",{enumerable:!0,get:function(){return r.Portal}})},5171:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.usePortal=void 0;const r=n(8156);t.usePortal=e=>{const[t,n]=(0,r.useState)(null);return(0,r.useEffect)((()=>{const t=document.querySelector(`#${e}`),r=t||(e=>{const t=document.createElement("div");return t.setAttribute("id",e),t})(e);return t||document.body.appendChild(r),n(r),()=>{n(null),r.childElementCount||r.remove()}}),[e]),t}},896:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Element=t.Container=t.NativeInput=t.Text=void 0;const a=r(n(1608)),o=a.default.span`
+`;t.Target=p},7896:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Popup=void 0;const l=o(n(8156)),u=i(n(1482)),c=n(2851),s=n(6298),d=n(2091),f=o(n(5939)),p=i(n(4184)),h=n(550),m=n(1608),v=n(1197),g=n(1899);t.Popup=({content:e,classNameBlock:t,targetClass:n,isHover:r=!1,width:a="232px",targetElement:o})=>{const[i,b]=(0,l.useState)(!1),y=(0,l.useRef)(null),[w,x,_,k]=null!=e?e:[],{link:M}=(0,c.useGetVideoLink)({videoLink:k}),{xs:O}=(0,h.useBreakpoints)(),E={padding:"0px",background:"transparent",maxWidth:"960px",maxHeight:O?"250px":"540px",width:"100%",height:"100%",overflow:"hidden"},{mode:P}=(0,v.useMode)();return l.default.createElement(m.ThemeProvider,{theme:g.palette[P]},l.default.createElement(d.Tooltip,{ref:y,isHover:r,closeClickOutSide:!i,data:l.default.createElement(f.Container,{className:t,width:a},l.default.createElement(f.Content,null,l.default.createElement(f.Title,{dangerouslySetInnerHTML:{__html:w||""}}),!!k&&l.default.createElement(f.PlayBtn,{onClick:()=>b(!0)},l.default.createElement("img",{width:200,height:100,src:"https://storage.yandexcloud.net/public-files.profinansy.ru/images/suggestion-video-preview.png",alt:"video-preview"})),l.default.createElement(f.Description,{dangerouslySetInnerHTML:{__html:x||""}}),_&&l.default.createElement("a",{href:_,target:"_blank",rel:"noreferrer"},l.default.createElement(f.Link,null,"Подробнее..."))),l.default.createElement(s.Modal,{open:i,styleContent:E,styleWrapper:{zIndex:3e5},onClose:()=>{b(!1)}},l.default.createElement(f.Ifram,{src:M,allowFullScreen:!0})))},l.default.createElement(f.Target,{className:(0,p.default)(n)},o||l.default.createElement(u.default,null))))}},8911:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Popup=void 0;var r=n(7896);Object.defineProperty(t,"Popup",{enumerable:!0,get:function(){return r.Popup}})},7537:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Portal=void 0;const r=n(3935),a=n(5171);t.Portal=({id:e,children:t})=>{const n=(0,a.usePortal)(e);return n?(0,r.createPortal)(t,n):null}},3848:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Portal=void 0;var r=n(7537);Object.defineProperty(t,"Portal",{enumerable:!0,get:function(){return r.Portal}})},5171:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.usePortal=void 0;const r=n(8156);t.usePortal=e=>{const[t,n]=(0,r.useState)(null);return(0,r.useEffect)((()=>{const t=document.querySelector(`#${e}`),r=t||(e=>{const t=document.createElement("div");return t.setAttribute("id",e),t})(e);return t||document.body.appendChild(r),n(r),()=>{n(null),r.childElementCount||r.remove()}}),[e]),t}},896:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Element=t.Container=t.NativeInput=t.Text=void 0;const a=r(n(1608)),o=a.default.span`
   position: relative;
   top: 0;
   left: 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "profinansy-ui-lib",
-  "version": "3.0.16",
+  "version": "3.0.17",
   "main": "./dist/index.js",
   "license": "MIT",
   "devDependencies": {