profinansy-ui-lib 3.1.16 → 3.1.17

package/dist/components/uikit/SideModal/SideModal.styled.d.ts

@@ -1,3 +1,4 @@
+import { ISideModal } from './SideModal.typed';
 export declare const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isOpen: boolean;
 }, never>;
@@ -5,6 +6,7 @@ export declare const Layout: import("styled-components").StyledComponent<"div",
 export declare const Sidebar: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     headerHeight: number;
     isOpen: boolean;
+    size?: ISideModal['size'];
 }, never>;
 export declare const Header: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const LeftWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -5,6 +5,12 @@ export interface ISideModal {
     isOpen: boolean;
     /** Заголовок попапа */
     title: string;
+    /** Размер попапа */
+    size?: {
+        desktop?: string;
+        tablet?: string;
+        mobile?: string;
+    };
     /** Класс для попапа */
     classNameContent?: string;
     /** Класс для хэдера попапа */

package/dist/index.js

@@ -3478,8 +3478,8 @@
   top: ${e=>`${e.headerHeight}px`};
   height: ${e=>`calc(100vh - ${e.headerHeight}px)`};
   background: ${e=>e.theme.background.primary};
-  width: 840px;
-  max-width: 840px;
+  width: ${e=>{var t;return(null===(t=e.size)||void 0===t?void 0:t.desktop)||"840px"}};
+  max-width: ${e=>{var t;return(null===(t=e.size)||void 0===t?void 0:t.desktop)||"840px"}};
   z-index: 100;
   padding: 24px 16px 24px 24px;
   box-shadow: 0 14px 30px -4px rgba(0, 0, 0, 0.2);
@@ -3494,8 +3494,8 @@
 `} 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards
     `;var t}};
   @media (max-width: ${u.TABLET_WIDTH}px) {
-    width: 550px;
-    max-width: 550px;
+    width: ${e=>{var t;return(null===(t=e.size)||void 0===t?void 0:t.tablet)||"550px"}};
+    max-width: ${e=>{var t;return(null===(t=e.size)||void 0===t?void 0:t.tablet)||"550px"}};
   }
   @media (max-width: ${u.MOBILE_WIDTH}px) {
     padding: 16px 8px 16px 16px;
@@ -3504,7 +3504,7 @@
     top: auto;
     left: 0;
     bottom: 0;
-    max-height: 90vh;
+    max-height: ${e=>{var t;return(null===(t=e.size)||void 0===t?void 0:t.mobile)||"90vh"}};
     animation: ${e=>{return o.css`
         ${t=e.isOpen,o.keyframes`
   from {
@@ -3579,7 +3579,7 @@
     left: auto;
     top: -48px;
   }
-`},998: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}),i=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},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.SideModal=void 0;const l=i(n(8156)),u=o(n(4230)),c=n(7033),s=o(n(4184)),d=n(3848),f=i(n(9540)),p=n(840),h=n(1608),m=n(1197),v=n(1899),g=n(7217);t.SideModal=e=>{const{content:t,animation:n,showModal:r}=(0,c.useTransitionModal)(e.isOpen,e.children,e.onClose);return r?l.default.createElement(b,Object.assign({},e,{animation:n}),t):null};const b=({onClose:e,children:t,title:n,animation:r,rightContent:a,bottomContent:i,classNameHeader:o,classNameContent:c,alert:b})=>{const[y,w]=(0,l.useState)(0),x=(0,l.useRef)(null),_=()=>{e&&e()};(0,l.useEffect)((()=>{if(x.current){const{height:e}=x.current.getBoundingClientRect();w(e)}}),[null==x?void 0:x.current]);const{mode:O}=(0,m.useMode)(),{commonHeight:M}=(0,g.useGetHeaderHeight)();return l.default.createElement(d.Portal,{id:"react-sideModals"},l.default.createElement(h.ThemeProvider,{theme:v.palette[O]},l.default.createElement(f.Wrapper,{isOpen:r,className:"sideModal-wrapper"},l.default.createElement(f.Layout,{onClick:_}),l.default.createElement(f.Sidebar,{isOpen:r,headerHeight:M,className:(0,s.default)(c,"sideModal-content"),id:"side-modal"},l.default.createElement(f.CloseButton,{onClick:_},l.default.createElement(u.default,{className:"modal-closeBtn"})),l.default.createElement(f.Header,{className:(0,s.default)(o,"sideModal-header")},l.default.createElement(f.LeftWrapper,null,l.default.createElement(f.Title,{className:"sideModal-title"},n)),a||null),l.default.createElement(f.Content,{bottomHeight:y,className:"sideModal-contentInside"},l.default.createElement(l.default.Fragment,null,t),i&&l.default.createElement(f.BottomContent,{ref:x},i)),b&&l.default.createElement(p.Alert,{modal:Object.assign(Object.assign({},null==b?void 0:b.modal),{containerId:"side-modal"}),confirmButton:Object.assign({},null==b?void 0:b.confirmButton),cancelButton:Object.assign({},null==b?void 0:b.cancelButton)})))))}},2545:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.SideModal=void 0;var r=n(998);Object.defineProperty(t,"SideModal",{enumerable:!0,get:function(){return r.SideModal}})},8126: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.Skeleton=void 0;const a=r(n(1608)).default.div`
+`},998: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}),i=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},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.SideModal=void 0;const l=i(n(8156)),u=o(n(4230)),c=n(7033),s=o(n(4184)),d=n(3848),f=i(n(9540)),p=n(840),h=n(1608),m=n(1197),v=n(1899),g=n(7217);t.SideModal=e=>{const{content:t,animation:n,showModal:r}=(0,c.useTransitionModal)(e.isOpen,e.children,e.onClose);return r?l.default.createElement(b,Object.assign({},e,{animation:n}),t):null};const b=({onClose:e,children:t,title:n,animation:r,rightContent:a,bottomContent:i,classNameHeader:o,classNameContent:c,alert:b,size:y})=>{const[w,x]=(0,l.useState)(0),_=(0,l.useRef)(null),O=()=>{e&&e()};(0,l.useEffect)((()=>{if(_.current){const{height:e}=_.current.getBoundingClientRect();x(e)}}),[null==_?void 0:_.current]);const{mode:M}=(0,m.useMode)(),{commonHeight:k}=(0,g.useGetHeaderHeight)();return l.default.createElement(d.Portal,{id:"react-sideModals"},l.default.createElement(h.ThemeProvider,{theme:v.palette[M]},l.default.createElement(f.Wrapper,{isOpen:r,className:"sideModal-wrapper"},l.default.createElement(f.Layout,{onClick:O}),l.default.createElement(f.Sidebar,{size:y,isOpen:r,headerHeight:k,className:(0,s.default)(c,"sideModal-content"),id:"side-modal"},l.default.createElement(f.CloseButton,{onClick:O},l.default.createElement(u.default,{className:"modal-closeBtn"})),l.default.createElement(f.Header,{className:(0,s.default)(o,"sideModal-header")},l.default.createElement(f.LeftWrapper,null,l.default.createElement(f.Title,{className:"sideModal-title"},n)),a||null),l.default.createElement(f.Content,{bottomHeight:w,className:"sideModal-contentInside"},l.default.createElement(l.default.Fragment,null,t),i&&l.default.createElement(f.BottomContent,{ref:_},i)),b&&l.default.createElement(p.Alert,{modal:Object.assign(Object.assign({},null==b?void 0:b.modal),{containerId:"side-modal"}),confirmButton:Object.assign({},null==b?void 0:b.confirmButton),cancelButton:Object.assign({},null==b?void 0:b.cancelButton)})))))}},2545:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.SideModal=void 0;var r=n(998);Object.defineProperty(t,"SideModal",{enumerable:!0,get:function(){return r.SideModal}})},8126: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.Skeleton=void 0;const a=r(n(1608)).default.div`
   width: 100%;
   max-width: ${e=>e.maxWidth?`${e.maxWidth}px`:"100%"};
   height: ${e=>`${e.height}px`};

package/package.json

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