profinansy-ui-lib 3.1.4 → 3.1.5
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,8 @@ export interface IModal {
|
|
|
12
12
|
title?: string;
|
|
13
13
|
/** Подзаголовок модалки */
|
|
14
14
|
subtitle?: string;
|
|
15
|
+
/** инлайновые стили для обертки контента попапа. Включает в себя зону с крестиком */
|
|
16
|
+
styleContentWrapper?: CSSProperties;
|
|
15
17
|
/** инлайновые стили для контента попапа */
|
|
16
18
|
styleContent?: CSSProperties;
|
|
17
19
|
styleContentInside?: CSSProperties;
|
package/dist/index.js
CHANGED
|
@@ -3159,6 +3159,9 @@
|
|
|
3159
3159
|
padding-top: 4px;
|
|
3160
3160
|
margin: 0;
|
|
3161
3161
|
`,t.CloseButton=o.default.button`
|
|
3162
|
+
display: flex;
|
|
3163
|
+
align-items: center;
|
|
3164
|
+
justify-content: center;
|
|
3162
3165
|
cursor: pointer;
|
|
3163
3166
|
background: transparent;
|
|
3164
3167
|
border: none;
|
|
@@ -3167,7 +3170,9 @@
|
|
|
3167
3170
|
top: 0;
|
|
3168
3171
|
right: -48px;
|
|
3169
3172
|
width: 48px;
|
|
3173
|
+
min-width: 48px;
|
|
3170
3174
|
height: 48px;
|
|
3175
|
+
min-height: 48px;
|
|
3171
3176
|
transition: all 0.3s cubic-bezier(0.05, 0, 0, 1);
|
|
3172
3177
|
&:hover {
|
|
3173
3178
|
opacity: 0.8;
|
|
@@ -3177,7 +3182,7 @@
|
|
|
3177
3182
|
right: 0;
|
|
3178
3183
|
top: -48px;
|
|
3179
3184
|
}
|
|
3180
|
-
`},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,
|
|
3185
|
+
`},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,styleContentWrapper:i,styleContent:o,styleContentInside:c,classNameWrapper:v,styleBackground:g,styleWrapper:b,classNameBackground:y,classNameContent:w,classNameHeader:x,animation:_,titlePosition:O="left"})=>{const M=()=>{e&&e()},{mode:k}=(0,h.useMode)();return l.default.createElement(s.Portal,{id:"react-modals"},l.default.createElement(p.ThemeProvider,{theme:m.palette[k]},l.default.createElement(u.Wrapper,{className:(0,f.default)(v,"modal-wrapper"),open:_,style:b},l.default.createElement(u.Layout,{className:y,onClick:M,style:g}),l.default.createElement(u.ContentWrapper,{style:i,className:"modal-content-wrapper",open:_,showCloseButton:a},a&&l.default.createElement(u.CloseButton,{onClick:M},l.default.createElement(d.default,{className:"modal-closeBtn"})),l.default.createElement(u.Content,{className:(0,f.default)(w,"modal-content"),style:o},l.default.createElement(u.ContentInside,{style:c,className:"modal-content-inside"},!!n&&l.default.createElement(u.Header,{className:(0,f.default)(x,"modal-header")},l.default.createElement(u.Title,{titlePosition:O},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`
|
|
3181
3186
|
position: fixed;
|
|
3182
3187
|
top: 0;
|
|
3183
3188
|
bottom: 0;
|