profinansy-ui-lib 3.1.4 → 3.1.6

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

@@ -6,7 +6,10 @@ export declare const ContentWrapper: import("styled-components").StyledComponent
     open: boolean;
     showCloseButton: boolean;
 }, never>;
-export declare const Content: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Content: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    open: boolean;
+    showCloseButton: boolean;
+}, never>;
 export declare const ContentInside: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Header: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Title: import("styled-components").StyledComponent<"h2", import("styled-components").DefaultTheme, {

package/dist/index.js

@@ -3059,7 +3059,21 @@
     color: ${e=>e.color||e.theme.background.accent};
     animation: ${c} 1s infinite linear;
   }
-`;t.Dot=p},5585: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.Loader=void 0;const l=o(n(8156)),u=i(n(8379)),c=n(1608),s=n(1197),d=n(1899);t.Loader=({size:e="S",color:t})=>{const{mode:n}=(0,s.useMode)();return l.default.createElement(c.ThemeProvider,{theme:d.palette[n]},l.default.createElement(u.Container,{size:e,className:"loader"},l.default.createElement(u.Dot,{size:e,color:t})))}},5529:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Loader=void 0;var r=n(5585);Object.defineProperty(t,"Loader",{enumerable:!0,get:function(){return r.Loader}})},8105: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};Object.defineProperty(t,"__esModule",{value:!0}),t.CloseButton=t.Subtitle=t.Title=t.Header=t.ContentInside=t.Content=t.ContentWrapper=t.Layout=t.Wrapper=void 0;const o=i(n(1608)),l=n(1230),u=n(5601);t.Wrapper=o.default.div`
+`;t.Dot=p},5585: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.Loader=void 0;const l=o(n(8156)),u=i(n(8379)),c=n(1608),s=n(1197),d=n(1899);t.Loader=({size:e="S",color:t})=>{const{mode:n}=(0,s.useMode)();return l.default.createElement(c.ThemeProvider,{theme:d.palette[n]},l.default.createElement(u.Container,{size:e,className:"loader"},l.default.createElement(u.Dot,{size:e,color:t})))}},5529:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Loader=void 0;var r=n(5585);Object.defineProperty(t,"Loader",{enumerable:!0,get:function(){return r.Loader}})},8105: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};Object.defineProperty(t,"__esModule",{value:!0}),t.CloseButton=t.Subtitle=t.Title=t.Header=t.ContentInside=t.Content=t.ContentWrapper=t.Layout=t.Wrapper=void 0;const o=i(n(1608)),l=n(1230),u=n(5601),c=e=>o.keyframes`
+  from {
+    transform: ${e?"scale(0.8)":"scale(1)"};
+  }
+  to {
+    transform: ${e?"scale(1)":"scale(0.8)"};
+  }
+`,s=e=>o.keyframes`
+  from {
+    translate: ${e?"0 100%":"0 0"};
+  }
+  to {
+    translate: ${e?"0 0":"0 100%"};
+  }
+`;t.Wrapper=o.default.div`
   position: fixed;
   top: 0;
   bottom: 0;
@@ -3088,16 +3102,9 @@
   max-height: calc(100vh - 30px);
   min-width: 300px;
   max-width: 100vw;
-  animation: ${e=>{return o.css`
-      ${t=e.open,o.keyframes`
-  from {
-    transform: ${t?"scale(0.8)":"scale(1)"};
-  }
-  to {
-    transform: ${t?"scale(1)":"scale(0.8)"};
-  }
-`} 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards
-    `;var t}};
+  animation: ${e=>o.css`
+      ${c(e.open)} 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards
+    `};
   @media (max-width: 600px) {
     max-width: 100%;
     width: 100%;
@@ -3106,25 +3113,36 @@
     left: 0;
     max-height: 90vh;
     margin: 0;
-    animation: ${e=>{return o.css`
-        ${t=e.open,o.keyframes`
-  from {
-    translate: ${t?"0 100%":"0 0"};
-  }
-  to {
-    translate: ${t?"0 0":"0 100%"};
-  }
-`} 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards
-      `;var t}};
+    animation: ${e=>o.css`
+        ${s(e.open)} 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards
+      `};
   }
 `,t.Content=o.default.div`
+  position: relative;
   padding: 24px 16px;
   border-radius: 24px;
   box-shadow: 0 14px 30px -4px rgba(0, 0, 0, 0.2);
   background: ${e=>e.theme.background.content};
+  margin: 20px ${e=>e.showCloseButton?"50px":"24px"};
+  max-height: calc(100vh - 30px);
+  min-width: 300px;
+  max-width: 100vw;
+  animation: ${e=>o.css`
+      ${c(e.open)} 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards
+    `};
   @media (max-width: 600px) {
     border-radius: 24px 24px 0 0;
     padding: 16px 8px;
+    max-width: 100%;
+    width: 100%;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    max-height: 90vh;
+    margin: 0;
+    animation: ${e=>o.css`
+        ${s(e.open)} 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards
+      `};
   }
 `,t.ContentInside=o.default.div`
   height: 100%;
@@ -3159,6 +3177,9 @@
   padding-top: 4px;
   margin: 0;
 `,t.CloseButton=o.default.button`
+  display: flex;
+  align-items: center;
+  justify-content: center;
   cursor: pointer;
   background: transparent;
   border: none;
@@ -3167,7 +3188,9 @@
   top: 0;
   right: -48px;
   width: 48px;
+  min-width: 48px;
   height: 48px;
+  min-height: 48px;
   transition: all 0.3s cubic-bezier(0.05, 0, 0, 1);
   &:hover {
     opacity: 0.8;
@@ -3177,7 +3200,7 @@
     right: 0;
     top: -48px;
   }
-`},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}),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.Modal=void 0;const l=o(n(8156)),u=i(n(8105)),c=n(7033),s=n(3848),d=o(n(4230)),f=o(n(4184)),p=n(1608),h=n(1197),m=n(1899);t.Modal=e=>{const{content:t,animation:n,showModal:r}=(0,c.useTransitionModal)(e.open,e.children,e.onClose);return r?l.default.createElement(v,Object.assign({},e,{animation:n}),t):null};const v=({onClose:e,children:t,title:n,subtitle:r,showCloseButton:a=!0,styleContent:i,styleContentInside:o,classNameWrapper:c,styleBackground:v,styleWrapper:g,classNameBackground:b,classNameContent:y,classNameHeader:w,animation:x,titlePosition:_="left"})=>{const O=()=>{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:(0,f.default)(c,"modal-wrapper"),open:x,style:g},l.default.createElement(u.Layout,{className:b,onClick:O,style:v}),l.default.createElement(u.ContentWrapper,{open:x,showCloseButton:a},a&&l.default.createElement(u.CloseButton,{onClick:O},l.default.createElement(d.default,{className:"modal-closeBtn"})),l.default.createElement(u.Content,{className:(0,f.default)(y,"modal-content"),style:i},l.default.createElement(u.ContentInside,{style:o,className:"modal-content-inside"},!!n&&l.default.createElement(u.Header,{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}})},1417: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.CloseButton=t.Title=t.Header=t.Content=t.Layout=t.Wrapper=void 0;const a=r(n(1608)),i=n(1230),o=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}),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.Modal=void 0;const l=o(n(8156)),u=i(n(8105)),c=n(7033),s=n(3848),d=o(n(4230)),f=o(n(4184)),p=n(1608),h=n(1197),m=n(1899);t.Modal=e=>{const{content:t,animation:n,showModal:r}=(0,c.useTransitionModal)(e.open,e.children,e.onClose);return r?l.default.createElement(v,Object.assign({},e,{animation:n}),t):null};const v=({onClose:e,children:t,title:n,subtitle:r,showCloseButton:a=!0,styleContent:i,styleContentInside:o,classNameWrapper:c,styleBackground:v,styleWrapper:g,classNameBackground:b,classNameContent:y,classNameHeader:w,animation:x,titlePosition:_="left"})=>{const O=()=>{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:(0,f.default)(c,"modal-wrapper"),open:x,style:g},l.default.createElement(u.Layout,{className:b,onClick:O,style:v}),l.default.createElement(u.Content,{open:x,showCloseButton:a,className:(0,f.default)(y,"modal-content"),style:i},a&&l.default.createElement(u.CloseButton,{onClick:O},l.default.createElement(d.default,{className:"modal-closeBtn"})),l.default.createElement(u.ContentInside,{style:o,className:"modal-content-inside"},!!n&&l.default.createElement(u.Header,{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}})},1417: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.CloseButton=t.Title=t.Header=t.Content=t.Layout=t.Wrapper=void 0;const a=r(n(1608)),i=n(1230),o=a.default.div`
   position: fixed;
   top: 0;
   bottom: 0;

package/package.json

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