profinansy-ui-lib 3.3.56 → 3.3.57
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -12,6 +12,7 @@ export declare const Content: import("styled-components").StyledComponent<"div",
|
|
|
12
12
|
}, never>;
|
|
13
13
|
export declare const ContentInside: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
14
14
|
isOverflowAuto: boolean;
|
|
15
|
+
bottomHeight: number;
|
|
15
16
|
}, never>;
|
|
16
17
|
export declare const Header: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
17
18
|
export declare const FirstLineHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
package/dist/index.js
CHANGED
|
@@ -6649,9 +6649,10 @@
|
|
|
6649
6649
|
}
|
|
6650
6650
|
`,t.ContentInside=o.default.div`
|
|
6651
6651
|
height: 100%;
|
|
6652
|
-
max-height: ${e=>e.isOverflowAuto?"auto"
|
|
6652
|
+
max-height: ${e=>e.isOverflowAuto?"auto":`calc(100vh - ${e.bottomHeight}px - 78px)`};
|
|
6653
6653
|
overflow-y: ${e=>e.isOverflowAuto?"visible":"auto"};
|
|
6654
6654
|
padding: 0 8px;
|
|
6655
|
+
margin-bottom: ${e=>e.bottomHeight}px;
|
|
6655
6656
|
${l.Scroll};
|
|
6656
6657
|
@media (max-width: ${u.MOBILE_WIDTH}px) {
|
|
6657
6658
|
max-height: calc(90vh - 48px);
|
|
@@ -6684,15 +6685,16 @@
|
|
|
6684
6685
|
padding-top: 4px;
|
|
6685
6686
|
margin: 0;
|
|
6686
6687
|
`,t.BottomContent=o.default.div`
|
|
6687
|
-
margin-top: 10px;
|
|
6688
6688
|
width: 100%;
|
|
6689
6689
|
bottom: 0;
|
|
6690
|
-
|
|
6690
|
+
left: 0;
|
|
6691
|
+
position: fixed;
|
|
6692
|
+
border-radius: 0 0 24px 24px;
|
|
6691
6693
|
border-top: 0.5px solid ${e=>e.theme.stroke.tertiary};
|
|
6692
6694
|
background: ${e=>e.theme.background.content};
|
|
6693
|
-
padding: 24px
|
|
6695
|
+
padding: 24px;
|
|
6694
6696
|
@media (max-width: ${u.MOBILE_WIDTH}px) {
|
|
6695
|
-
padding: 16px
|
|
6697
|
+
padding: 16px;
|
|
6696
6698
|
}
|
|
6697
6699
|
`,t.CloseButton=o.default.button`
|
|
6698
6700
|
display: flex;
|
|
@@ -6718,7 +6720,7 @@
|
|
|
6718
6720
|
right: 0;
|
|
6719
6721
|
top: -48px;
|
|
6720
6722
|
}
|
|
6721
|
-
`},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=
|
|
6723
|
+
`},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=i(n(8156)),u=i(n(8105)),s=n(7033),c=n(3848),d=o(n(4230)),f=o(n(4184)),m=n(1608),h=n(1197),p=n(1899);t.Modal=e=>{const{animation:t,showModal:n,content:r,handleClose:a}=(0,s.useTransitionModal)({isOpen:e.open,children:e.children,onClose:e.onClose});return n?l.default.createElement(g,Object.assign({},e,{onClose:a,animation:t}),r):null};const g=({onClose:e,children:t,title:n,subtitle:r,showCloseButton:a=!0,styleContent:i,styleContentInside:o,classNameWrapper:g,styleBackground:v,styleWrapper:b,classNameBackground:y,classNameContent:w,classNameHeader:x,animation:M,disableClosing:k=!1,titlePosition:_="left",isOverflowAuto:P=!1,rightContent:O,bottomContent:E,adaptiveRightContent:j,containerId:S="react-modals"})=>{const[C,T]=(0,l.useState)(0),D=(0,l.useRef)(null),Z=()=>{k||W()};(0,l.useEffect)((()=>{if(D.current){const{height:e}=D.current.getBoundingClientRect();T(e)}else T(0)}),[null==D?void 0:D.current]);const W=()=>{e&&e()};(0,s.useControlsForModal)(Z);const{mode:I}=(0,h.useMode)();return l.default.createElement(c.Portal,{id:S},l.default.createElement(m.ThemeProvider,{theme:p.palette[I]},l.default.createElement(u.Wrapper,{className:(0,f.default)(g,"modal-wrapper"),open:M,style:b,isOverflowAuto:P},l.default.createElement(u.Layout,{className:y,onClick:Z,style:v}),l.default.createElement(u.ContentWrapper,null,l.default.createElement(u.Content,{isOverflowAuto:P,open:M,showCloseButton:a,className:(0,f.default)(w,"modal-content"),style:i},a&&l.default.createElement(u.CloseButton,{onClick:e},l.default.createElement(d.default,{className:"modal-closeBtn"})),l.default.createElement(u.ContentInside,{bottomHeight:C,isOverflowAuto:P,style:o,className:"modal-contentInside"},!!n&&l.default.createElement(u.Header,{className:(0,f.default)(x,"modal-header")},l.default.createElement(u.FirstLineHeader,{adaptiveRightContent:j},l.default.createElement(u.Title,{titlePosition:_,tag:"h5",variant:"header5-Bold"},n),O||null),!!r&&l.default.createElement(u.Subtitle,{tag:"span",variant:"text-Regular"},r)),t),E&&l.default.createElement(u.BottomContent,{ref:D},E))))))}},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(6401),o=a.default.div`
|
|
6722
6724
|
position: fixed;
|
|
6723
6725
|
top: 0;
|
|
6724
6726
|
bottom: 0;
|