profinansy-ui-lib 3.1.75 → 3.1.76

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

@@ -1,6 +1,7 @@
 import { IModal } from '../../../Modal/Modal.typed';
 interface IProps {
     data: IModal;
+    containerId: string;
 }
-declare const ModalInside: ({ data }: IProps) => JSX.Element;
+declare const ModalInside: ({ data, containerId }: IProps) => JSX.Element;
 export { ModalInside };

package/dist/index.js

@@ -3269,7 +3269,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}),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.SideModal=void 0;const l=o(n(8156)),u=i(n(4230)),c=i(n(5881)),s=n(7033),d=i(n(4184)),f=n(3848),p=o(n(9540)),h=n(840),m=n(1608),v=n(1197),g=n(1899),b=n(7217),y=n(7565);t.SideModal=e=>{const{animation:t,showModal:n,content:r,handleClose:a}=(0,s.useTransitionModal)({isOpen:e.isOpen,children:e.children,onClose:e.onClose,onBeforeClose:e.onBeforeClose,isCloseInside:e.isCloseInside});return n?l.default.createElement(w,Object.assign({},e,{onClose:a,animation:t}),r):null};const w=({onClose:e,children:t,title:n,animation:r,rightContent:a,bottomContent:o,classNameHeader:i,classNameContent:w,alert:x,modal:_,size:O,onBack:M})=>{const[k,E]=(0,l.useState)(0),P=(0,l.useRef)(null),C=()=>{e&&e()};(0,l.useEffect)((()=>{if(P.current){const{height:e}=P.current.getBoundingClientRect();E(e)}else E(0)}),[null==P?void 0:P.current]);const{mode:j}=(0,v.useMode)();(0,s.useControlsForModal)(e);const{commonHeight:T}=(0,b.useGetHeaderHeight)();return l.default.createElement(f.Portal,{id:"react-sideModals"},l.default.createElement(m.ThemeProvider,{theme:g.palette[j]},l.default.createElement(p.Wrapper,{isOpen:r,className:"sideModal-wrapper"},l.default.createElement(p.Layout,{onClick:C}),l.default.createElement(p.Sidebar,{size:O,isOpen:r,headerHeight:T,className:(0,d.default)(w,"sideModal-content"),id:"side-modal"},l.default.createElement(p.CloseButton,{onClick:C},l.default.createElement(u.default,{className:"modal-closeBtn"})),l.default.createElement(p.Header,{className:(0,d.default)(i,"sideModal-header")},l.default.createElement(p.LeftWrapper,null,M&&l.default.createElement(p.BackButton,null,l.default.createElement(c.default,{onClick:M})),l.default.createElement(p.Title,{className:"sideModal-title"},n)),a||null),l.default.createElement(p.Content,{bottomHeight:k,className:"sideModal-contentInside"},l.default.createElement(l.default.Fragment,null,t),o&&l.default.createElement(p.BottomContent,{ref:P},o)),x&&l.default.createElement(h.Alert,{modal:Object.assign(Object.assign({},null==x?void 0:x.modal),{containerId:"side-modal"}),confirmButton:Object.assign({},null==x?void 0:x.confirmButton),cancelButton:Object.assign({},null==x?void 0:x.cancelButton)}),_&&l.default.createElement(y.ModalInside,{data:_})))))}},7565: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};Object.defineProperty(t,"__esModule",{value:!0}),t.ModalInside=void 0;const i=o(n(8156)),l=n(6298);t.ModalInside=({data:e})=>{const t=(0,i.useMemo)((()=>{const t=Object.assign({},e);return delete t.children,t}),[e]);return i.default.createElement(l.Modal,Object.assign({},t,{styleContent:{maxHeight:"calc(100vh - 185px)"},styleContentInside:{maxHeight:"calc(100vh - 235px)"},containerId:"side-modal"}),e.children)}},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}),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.SideModal=void 0;const l=o(n(8156)),u=i(n(4230)),c=i(n(5881)),s=n(7033),d=i(n(4184)),f=n(3848),p=o(n(9540)),h=n(840),m=n(1608),v=n(1197),g=n(1899),b=n(7217),y=n(7565),w=n(5025);t.SideModal=e=>{const{animation:t,showModal:n,content:r,handleClose:a}=(0,s.useTransitionModal)({isOpen:e.isOpen,children:e.children,onClose:e.onClose,onBeforeClose:e.onBeforeClose,isCloseInside:e.isCloseInside});return n?l.default.createElement(x,Object.assign({},e,{onClose:a,animation:t}),r):null};const x=({onClose:e,children:t,title:n,animation:r,rightContent:a,bottomContent:o,classNameHeader:i,classNameContent:x,alert:_,modal:O,size:M,onBack:k})=>{const[E,P]=(0,l.useState)(0),C=(0,l.useRef)(null),j=(0,w.useId)(),T=()=>{e&&e()};(0,l.useEffect)((()=>{if(C.current){const{height:e}=C.current.getBoundingClientRect();P(e)}else P(0)}),[null==C?void 0:C.current]);const{mode:S}=(0,v.useMode)();(0,s.useControlsForModal)(e);const{commonHeight:D}=(0,b.useGetHeaderHeight)();return l.default.createElement(f.Portal,{id:"react-sideModals"},l.default.createElement(m.ThemeProvider,{theme:g.palette[S]},l.default.createElement(p.Wrapper,{isOpen:r,className:"sideModal-wrapper"},l.default.createElement(p.Layout,{onClick:T}),l.default.createElement(p.Sidebar,{size:M,isOpen:r,headerHeight:D,className:(0,d.default)(x,"sideModal-content"),id:j},l.default.createElement(p.CloseButton,{onClick:T},l.default.createElement(u.default,{className:"modal-closeBtn"})),l.default.createElement(p.Header,{className:(0,d.default)(i,"sideModal-header")},l.default.createElement(p.LeftWrapper,null,k&&l.default.createElement(p.BackButton,null,l.default.createElement(c.default,{onClick:k})),l.default.createElement(p.Title,{className:"sideModal-title"},n)),a||null),l.default.createElement(p.Content,{bottomHeight:E,className:"sideModal-contentInside"},l.default.createElement(l.default.Fragment,null,t),o&&l.default.createElement(p.BottomContent,{ref:C},o)),_&&l.default.createElement(h.Alert,{modal:Object.assign(Object.assign({},null==_?void 0:_.modal),{containerId:j}),confirmButton:Object.assign({},null==_?void 0:_.confirmButton),cancelButton:Object.assign({},null==_?void 0:_.cancelButton)}),O&&l.default.createElement(y.ModalInside,{data:O,containerId:j})))))}},7565: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};Object.defineProperty(t,"__esModule",{value:!0}),t.ModalInside=void 0;const i=o(n(8156)),l=n(6298);t.ModalInside=({data:e,containerId:t})=>{const n=(0,i.useMemo)((()=>{const t=Object.assign({},e);return delete t.children,t}),[e]);return i.default.createElement(l.Modal,Object.assign({},n,{styleContent:{maxHeight:"calc(100vh - 185px)"},styleContentInside:{maxHeight:"calc(100vh - 235px)"},containerId:t}),e.children)}},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`};
@@ -3293,6 +3293,7 @@
     border 0.3s ${o.AnimationFunctions.animation_1};
   & > span {
     color: ${e=>e.theme.text.primary};
+    white-space: nowrap;
   }
   & svg {
     transform: ${e=>e.isASC?"rotate(180deg)":"rotate(0deg)"};

package/package.json

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