profinansy-ui-lib 3.3.29 → 3.3.30

package/dist/components/uikit/Alert/Alert.d.ts

@@ -1,3 +1,3 @@
 import { IAlert } from './Alert.typed';
-declare const Alert: ({ modal, cancelButton, confirmButton }: IAlert) => JSX.Element;
+declare const Alert: ({ modal, cancelButton, confirmButton, text }: IAlert) => JSX.Element;
 export { Alert };

package/dist/components/uikit/Alert/Alert.stories.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
     title: string;
-    component: ({ modal, cancelButton, confirmButton }: import("./Alert.typed").IAlert) => JSX.Element;
+    component: ({ modal, cancelButton, confirmButton, text }: import("./Alert.typed").IAlert) => JSX.Element;
     tags: string[];
     parameters: {
         design: {

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

@@ -1,8 +1,10 @@
 import { IButton } from '../Button/Button.typed';
 import { IModal } from '../Modal/Modal.typed';
+import { ReactNode } from 'react';
 export interface IAlert {
     /** Пропсы для модалки. Принимает такие же свойства, как и компонент Modal. */
     modal: Omit<IModal, 'children'>;
+    text?: ReactNode;
     /** Пропсы для кнопки отмены. Принимает такие же свойства, как и компонент Button. */
     cancelButton?: IButton;
     /** Пропсы для кнопки подтверждения. Принимает такие же свойства, как и компонент Button. */

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

@@ -14,6 +14,9 @@ export declare const ContentInside: import("styled-components").StyledComponent<
     isOverflowAuto: boolean;
 }, never>;
 export declare const Header: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const FirstLineHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    adaptiveRightContent: number;
+}, never>;
 export declare const Title: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Typography/Typography.typed").ITypographyProps & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>>, import("styled-components").DefaultTheme, {
     titlePosition: 'left' | 'center';
 }, never>;

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

@@ -12,6 +12,10 @@ export interface IModal {
     disableClosing?: boolean;
     /** Заголовок модалки */
     title?: string;
+    /**Контент справа от заголовка*/
+    rightContent?: React.ReactElement;
+    /**Разрешение, на котором переносить контент справа от заголовка на вторую строку*/
+    adaptiveRightContent?: number;
     /** Подзаголовок модалки */
     subtitle?: string;
     /** инлайновые стили для контента попапа */

package/dist/index.js

@@ -5609,7 +5609,7 @@
   gap: 12px;
   width: 100%;
   justify-content: flex-end;
-`},7817: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.Alert=void 0;const a=r(n(8156)),o=n(9963),i=n(6298),l=n(2258);t.Alert=({modal:e,cancelButton:t,confirmButton:n})=>{const r=Object.assign(Object.assign({},e),{styleContent:Object.assign({maxWidth:"516px",width:"100%"},null==e?void 0:e.styleContent)});return a.default.createElement(i.Modal,Object.assign({},r),a.default.createElement(o.Buttons,null,a.default.createElement(l.Button,Object.assign({mode:"secondary"},t)),a.default.createElement(l.Button,Object.assign({mode:"critical"},n))))}},840:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Alert=void 0;var r=n(7817);Object.defineProperty(t,"Alert",{enumerable:!0,get:function(){return r.Alert}})},9879:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ArrowButtonSize=void 0,t.ArrowButtonSize={L:{size:"\n      width: 36px;\n      min-width: 36px;\n      height: 36px;\n      min-height: 36px;\n    "},M:{size:"\n      width: 28px;\n      min-width: 28px;\n      height: 28px;\n      min-height: 28px;\n    "},S:{size:"\n    width: 22px;\n    min-width: 22px;\n    height: 22px;\n    min-height: 22px;\n    "}}},8699: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.IconWrapper=t.Button=void 0;const a=r(n(1608)),o=n(4542),i=n(9879);t.Button=a.default.button`
+`},7817: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.Alert=void 0;const a=r(n(8156)),o=n(9963),i=n(6298),l=n(2258),u=n(5492);t.Alert=({modal:e,cancelButton:t,confirmButton:n,text:r})=>{const c=Object.assign(Object.assign({},e),{styleContent:Object.assign({maxWidth:"516px",width:"100%"},null==e?void 0:e.styleContent)});return a.default.createElement(i.Modal,Object.assign({},c),!!r&&a.default.createElement(u.Typography,{variant:"text-Regular",colorName:"primary",marginBottom:"24px"},r),a.default.createElement(o.Buttons,null,a.default.createElement(l.Button,Object.assign({mode:"secondary"},t)),a.default.createElement(l.Button,Object.assign({mode:"critical"},n))))}},840:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Alert=void 0;var r=n(7817);Object.defineProperty(t,"Alert",{enumerable:!0,get:function(){return r.Alert}})},9879:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ArrowButtonSize=void 0,t.ArrowButtonSize={L:{size:"\n      width: 36px;\n      min-width: 36px;\n      height: 36px;\n      min-height: 36px;\n    "},M:{size:"\n      width: 28px;\n      min-width: 28px;\n      height: 28px;\n      min-height: 28px;\n    "},S:{size:"\n    width: 22px;\n    min-width: 22px;\n    height: 22px;\n    min-height: 22px;\n    "}}},8699: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.IconWrapper=t.Button=void 0;const a=r(n(1608)),o=n(4542),i=n(9879);t.Button=a.default.button`
   border-radius: 50%;
   display: flex;
   justify-content: center;
@@ -6418,7 +6418,7 @@
     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}),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.Loader=void 0;const l=i(n(8156)),u=o(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}),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.CloseButton=t.Subtitle=t.Title=t.Header=t.ContentInside=t.Content=t.ContentWrapper=t.Layout=t.Wrapper=void 0;const i=o(n(1608)),l=n(1230),u=n(140),c=n(5492),s=n(4542),d=n(98);t.Wrapper=i.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}),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.Loader=void 0;const l=i(n(8156)),u=o(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}),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.CloseButton=t.Subtitle=t.Title=t.FirstLineHeader=t.Header=t.ContentInside=t.Content=t.ContentWrapper=t.Layout=t.Wrapper=void 0;const i=o(n(1608)),l=n(1230),u=n(140),c=n(5492),s=n(4542),d=n(98);t.Wrapper=i.default.div`
   position: fixed;
   top: 0;
   bottom: 0;
@@ -6499,6 +6499,18 @@
 `,t.Header=i.default.div`
   position: relative;
   margin-bottom: 20px;
+`,t.FirstLineHeader=i.default.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  ${e=>e.adaptiveRightContent&&i.css`
+      @media (max-width: ${e=>e.adaptiveRightContent}px) {
+        flex-direction: column;
+        align-items: flex-start;
+        gap: 4px;
+      }
+    `}
 `,t.Title=(0,i.default)(c.Typography)`
   width: 100%;
   color: ${e=>e.theme.text.primary};
@@ -6533,7 +6545,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}),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.Modal=void 0;const l=i(n(8156)),u=o(n(8105)),c=n(7033),s=n(3848),d=i(n(4230)),f=i(n(4184)),p=n(1608),h=n(1197),m=n(1899);t.Modal=e=>{const{animation:t,showModal:n,content:r,handleClose:a}=(0,c.useTransitionModal)({isOpen:e.open,children:e.children,onClose:e.onClose});return n?l.default.createElement(v,Object.assign({},e,{onClose:a,animation:t}),r):null};const v=({onClose:e,children:t,title:n,subtitle:r,showCloseButton:a=!0,styleContent:o,styleContentInside:i,classNameWrapper:v,styleBackground:g,styleWrapper:b,classNameBackground:y,classNameContent:w,classNameHeader:x,animation:_,disableClosing:O=!1,titlePosition:E="left",isOverflowAuto:M=!1,containerId:k="react-modals"})=>{const P=()=>{O||e&&e()};(0,c.useControlsForModal)(P);const{mode:C}=(0,h.useMode)();return l.default.createElement(s.Portal,{id:k},l.default.createElement(p.ThemeProvider,{theme:m.palette[C]},l.default.createElement(u.Wrapper,{className:(0,f.default)(v,"modal-wrapper"),open:_,style:b,isOverflowAuto:M},l.default.createElement(u.Layout,{className:y,onClick:P,style:g}),l.default.createElement(u.ContentWrapper,null,l.default.createElement(u.Content,{isOverflowAuto:M,open:_,showCloseButton:a&&!O,className:(0,f.default)(w,"modal-content"),style:o},!O&&a&&l.default.createElement(u.CloseButton,{onClick:P},l.default.createElement(d.default,{className:"modal-closeBtn"})),l.default.createElement(u.ContentInside,{isOverflowAuto:M,style:i,className:"modal-contentInside"},!!n&&l.default.createElement(u.Header,{className:(0,f.default)(x,"modal-header")},l.default.createElement(u.Title,{titlePosition:E,tag:"h5",variant:"header5-Bold"},n),!!r&&l.default.createElement(u.Subtitle,{tag:"span",variant:"text-Regular"},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)),o=n(1230),i=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}),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.Modal=void 0;const l=i(n(8156)),u=o(n(8105)),c=n(7033),s=n(3848),d=i(n(4230)),f=i(n(4184)),p=n(1608),h=n(1197),m=n(1899);t.Modal=e=>{const{animation:t,showModal:n,content:r,handleClose:a}=(0,c.useTransitionModal)({isOpen:e.open,children:e.children,onClose:e.onClose});return n?l.default.createElement(v,Object.assign({},e,{onClose:a,animation:t}),r):null};const v=({onClose:e,children:t,title:n,subtitle:r,showCloseButton:a=!0,styleContent:o,styleContentInside:i,classNameWrapper:v,styleBackground:g,styleWrapper:b,classNameBackground:y,classNameContent:w,classNameHeader:x,animation:_,disableClosing:O=!1,titlePosition:E="left",isOverflowAuto:M=!1,rightContent:k,adaptiveRightContent:P,containerId:C="react-modals"})=>{const j=()=>{O||e&&e()};(0,c.useControlsForModal)(j);const{mode:S}=(0,h.useMode)();return l.default.createElement(s.Portal,{id:C},l.default.createElement(p.ThemeProvider,{theme:m.palette[S]},l.default.createElement(u.Wrapper,{className:(0,f.default)(v,"modal-wrapper"),open:_,style:b,isOverflowAuto:M},l.default.createElement(u.Layout,{className:y,onClick:j,style:g}),l.default.createElement(u.ContentWrapper,null,l.default.createElement(u.Content,{isOverflowAuto:M,open:_,showCloseButton:a&&!O,className:(0,f.default)(w,"modal-content"),style:o},!O&&a&&l.default.createElement(u.CloseButton,{onClick:j},l.default.createElement(d.default,{className:"modal-closeBtn"})),l.default.createElement(u.ContentInside,{isOverflowAuto:M,style:i,className:"modal-contentInside"},!!n&&l.default.createElement(u.Header,{className:(0,f.default)(x,"modal-header")},l.default.createElement(u.FirstLineHeader,{adaptiveRightContent:P},l.default.createElement(u.Title,{titlePosition:E,tag:"h5",variant:"header5-Bold"},n),k||null),!!r&&l.default.createElement(u.Subtitle,{tag:"span",variant:"text-Regular"},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)),o=n(1230),i=a.default.div`
   position: fixed;
   top: 0;
   bottom: 0;
@@ -7475,6 +7487,7 @@
   border: none;
   padding: 0;
   background: transparent;
+  white-space: nowrap;
   display: flex;
   align-items: center;
   & path {

package/package.json

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