profinansy-ui-lib 3.2.67 → 3.2.69

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

@@ -1,3 +1,3 @@
 import { IPageTitle } from './PageTitle.typed';
-declare const PageTitle: ({ text }: IPageTitle) => JSX.Element;
+declare const PageTitle: ({ text, hint }: IPageTitle) => JSX.Element;
 export { PageTitle };

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

@@ -1,6 +1,6 @@
 declare const _default: {
     title: string;
-    component: ({ text }: import("./PageTitle.typed").IPageTitle) => JSX.Element;
+    component: ({ text, hint }: import("./PageTitle.typed").IPageTitle) => JSX.Element;
     tags: string[];
 };
 export default _default;

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

@@ -1,3 +1,7 @@
+import { IPopup } from '../Popup/Popup.typed';
 export interface IPageTitle {
+    /**Текст заголовка*/
     text: string;
+    /**Добавить подсказку к полю*/
+    hint?: IPopup;
 }

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

@@ -71,6 +71,7 @@ export interface IColumnTable {
     hint?: string;
     sort?: boolean;
     maxWidth?: string;
+    width?: string;
     alignment?: 'left' | 'right' | 'center';
 }
 export interface ITableSort {

package/dist/components/uikit/Table/components/TBody/TBody.styled.d.ts

@@ -1,6 +1,7 @@
 import { IColumnTable } from '../../Table.typed';
 export declare const TBody: import("styled-components").StyledComponent<"tbody", import("styled-components").DefaultTheme, {}, never>;
 export declare const TD: import("styled-components").StyledComponent<"td", import("styled-components").DefaultTheme, {
+    width?: string;
     maxWidth?: string;
     isScrolled: boolean;
     isScrolledEnd: boolean;

package/dist/index.js

@@ -3992,7 +3992,7 @@
   right: ${e=>e.notificationsCount<99?"12px":"8px"};
   border-radius: 50%;
   font-size: 8px;
-  background: ${e=>e.theme.icons.accent};
+  background: ${e=>e.theme.icons.negative};
   color: ${e=>e.theme.text.contrastThemed};
   border: 1px solid rgba(255, 255, 255, 1);
   width: ${e=>e.notificationsCount<99?"15px":"18px"};
@@ -5867,7 +5867,7 @@ margin-right: 8px;
   border: ${e=>(0,l.getMode)(e.theme)[e.mode].default.border};
   border-radius: 7px;
   cursor: default;
-`;t.Loading=p},6450: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.Button=void 0;const l=o(n(8156)),u=o(n(8228)),c=n(5529),s=i(n(4184)),d=n(1197),f=n(1608),p=n(1899),h=n(5465),m=n(5492),v=(0,l.forwardRef)((({text:e,textCustom:t,type:n="button",mode:r="primary",disabled:a=!1,iconLeft:o,iconRight:i,size:v="M",loading:g=!1,form:b="square",width:y,style:w,onClick:x,className:_,isFill:O=!0},E)=>{const{mode:M}=(0,d.useMode)();return l.default.createElement(f.ThemeProvider,{theme:p.palette[M]},l.default.createElement(u.Button,{$form:b,ref:E,type:n,style:w,className:(0,s.default)(_,"button"),disabled:a||g,onClick:e=>{!x||g||a||x(e)},size:v,mode:r,width:y,isFill:O,isText:!!e||!!t},g&&l.default.createElement(u.Loading,{mode:r},l.default.createElement(c.Loader,{color:(0,h.getMode)(p.palette[M])[r].default.color})),o?l.default.createElement(u.IconLeft,{isText:!!e,size:v},o):null,e?l.default.createElement(m.Typography,{tag:"span",variant:"XS"===v?"description-Medium":"text-Medium"},e):null,!e&&t?t:null,i?l.default.createElement(u.IconRight,{isText:!!e,size:v},i):null))}));t.Button=v},2258:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Button=void 0;var r=n(6450);Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return r.Button}})},6324: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.TitleLinkContainer=t.FirstLine=t.Subtitle=t.TitleLink=t.Title=t.TitleContainer=t.Header=t.Container=void 0;const i=o(n(1608)),l=n(4542),u=i.default.div`
+`;t.Loading=p},6450: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.Button=void 0;const l=o(n(8156)),u=o(n(8228)),c=n(5529),s=i(n(4184)),d=n(1197),f=n(1608),p=n(1899),h=n(5465),m=n(5492),v=(0,l.forwardRef)((({text:e,textCustom:t,type:n="button",mode:r="primary",disabled:a=!1,iconLeft:o,iconRight:i,size:v="M",loading:g=!1,form:b="square",width:y,style:w,onClick:x,className:_,isFill:O=!0},E)=>{const{mode:M}=(0,d.useMode)();return l.default.createElement(f.ThemeProvider,{theme:p.palette[M]},l.default.createElement(u.Button,{$form:b,ref:E,type:n,style:w,className:(0,s.default)(_,"button"),disabled:a||g,onClick:e=>{!x||g||a||x(e)},size:v,mode:r,width:y,isFill:O,isText:!!e||!!t},g&&l.default.createElement(u.Loading,{mode:r},l.default.createElement(c.Loader,{color:(0,h.getMode)(p.palette[M])[r].default.color})),o?l.default.createElement(u.IconLeft,{isText:!!e,size:v},o):null,e?l.default.createElement(m.Typography,{tag:"span",variant:"XS"===v?"description-Medium":"text-Medium"},e):null,!e&&t?t:null,i?l.default.createElement(u.IconRight,{isText:!!e,size:v},i):null))}));t.Button=v},2258:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Button=void 0;var r=n(6450);Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return r.Button}})},6324: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.TitleLinkContainer=t.FirstLine=t.Subtitle=t.TitleLink=t.Title=t.TitleContainer=t.Header=t.Container=void 0;const i=o(n(1608)),l=n(4542),u=n(140),c=i.default.div`
   width: ${e=>e.width};
   background: ${e=>e.theme.background.content};
   box-shadow: ${e=>e.theme.shadow.basicDefault};
@@ -5882,10 +5882,10 @@ margin-right: 8px;
         box-shadow: ${e=>e.theme.shadow.basicHover};
       }
     `}
-`;t.Container=u;const c=i.default.div`
+`;t.Container=c;const s=i.default.div`
   width: 100%;
   margin-bottom: ${e=>e.isMarginBottom?"12px":"0"};
-`;t.Header=c;const s=i.default.div`
+`;t.Header=s;const d=i.default.div`
   width: 100%;
   display: flex;
   align-items: center;
@@ -5896,7 +5896,7 @@ margin-right: 8px;
         align-items: flex-start;
       }
     `}
-`;t.FirstLine=s;const d=i.default.div`
+`;t.FirstLine=d;const f=i.default.div`
   width: 100%;
   display: flex;
   align-items: center;
@@ -5907,7 +5907,7 @@ margin-right: 8px;
         margin-bottom: 8px;
       }
     `}
-`;t.TitleContainer=d;const f=i.default.h4`
+`;t.TitleContainer=f;const p=i.default.h4`
   font-family: Manrope, sans-serif;
   margin-top: 0;
   margin-bottom: 0;
@@ -5915,12 +5915,17 @@ margin-right: 8px;
   font-weight: 700;
   font-size: 18px;
   line-height: 24px;
-`;t.Title=f;const p=i.default.div`
+`;t.Title=p;const h=i.default.div`
   display: flex;
   align-items: center;
   gap: 4px;
   flex-wrap: nowrap;
-`;t.TitleLinkContainer=p;const h=i.default.a`
+  @media (max-width: ${u.MOBILE_WIDTH}px) {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 2px;
+  }
+`;t.TitleLinkContainer=h;const m=i.default.a`
   text-decoration: none;
   font-family: Manrope, sans-serif;
   margin-top: 0;
@@ -5929,13 +5934,17 @@ margin-right: 8px;
   font-weight: 700;
   font-size: 18px;
   line-height: 24px;
-`;t.TitleLink=h;const m=i.default.p`
+  transition: color 0.3s ${l.AnimationFunctions.animation_1};
+  &:hover {
+    color: ${e=>e.theme.text.accent};
+  }
+`;t.TitleLink=m;const v=i.default.p`
   color: ${e=>e.theme.text.secondary};
   font-size: 12px;
   font-weight: 400;
   line-height: 16px;
   margin-top: 4px;
-`;t.Subtitle=m},4789: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.Card=void 0;const l=o(n(8156)),u=n(1608),c=o(n(6324)),s=i(n(4184)),d=n(1197),f=n(1899),p=n(8471),h=n(8911),m=(0,l.forwardRef)(((e,t)=>{const{children:n,title:r,headerCustom:a,subtitle:o,titleLink:i,className:m,classNameTitle:v,classNameHeader:g,isHover:b=!1,hint:y=null,width:w="100%",padding:x="16px",margin:_="0px 0px 16px 0px",rightContent:O,adaptiveRightContent:E}=e,{mode:M}=(0,d.useMode)();return l.default.createElement(u.ThemeProvider,{theme:f.palette[M]},l.default.createElement(c.Container,{margin:_,padding:x,width:w,isHover:b,className:(0,s.default)(m,"card-container"),ref:t},a||l.default.createElement(l.default.Fragment,null,r&&l.default.createElement(c.Header,{isMarginBottom:!!n,className:(0,s.default)(g,"card-header")},l.default.createElement(c.FirstLine,{adaptiveRightContent:E},l.default.createElement(c.TitleContainer,{adaptiveRightContent:E},i?l.default.createElement(c.TitleLinkContainer,null,l.default.createElement(c.TitleLink,{href:i,target:"_blank",rel:"noreferrer",className:(0,s.default)(v,"card-title")},r),y&&l.default.createElement(h.Popup,Object.assign({},y))):l.default.createElement(c.Title,{className:(0,s.default)(v,"card-title")},y?l.default.createElement(p.TextWithPopup,{text:r,hint:y}):r)),O||null),o&&l.default.createElement(c.Subtitle,null,o))),n))}));t.Card=m},3159:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Card=void 0;var r=n(4789);Object.defineProperty(t,"Card",{enumerable:!0,get:function(){return r.Card}})},9855: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.Text=t.Element=t.Container=t.NativeInput=void 0;const a=r(n(1608)),o=n(4542),i=n(5492),l=a.default.span`
+`;t.Subtitle=v},4789: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.Card=void 0;const l=o(n(8156)),u=n(1608),c=o(n(6324)),s=i(n(4184)),d=n(1197),f=n(1899),p=n(8471),h=n(8911),m=(0,l.forwardRef)(((e,t)=>{const{children:n,title:r,headerCustom:a,subtitle:o,titleLink:i,className:m,classNameTitle:v,classNameHeader:g,isHover:b=!1,hint:y=null,width:w="100%",padding:x="16px",margin:_="0px 0px 16px 0px",rightContent:O,adaptiveRightContent:E}=e,{mode:M}=(0,d.useMode)();return l.default.createElement(u.ThemeProvider,{theme:f.palette[M]},l.default.createElement(c.Container,{margin:_,padding:x,width:w,isHover:b,className:(0,s.default)(m,"card-container"),ref:t},a||l.default.createElement(l.default.Fragment,null,r&&l.default.createElement(c.Header,{isMarginBottom:!!n,className:(0,s.default)(g,"card-header")},l.default.createElement(c.FirstLine,{adaptiveRightContent:E},l.default.createElement(c.TitleContainer,{adaptiveRightContent:E},i?l.default.createElement(c.TitleLinkContainer,null,l.default.createElement(c.TitleLink,{href:i,target:"_blank",rel:"noreferrer",className:(0,s.default)(v,"card-title")},r," ",">"),y&&l.default.createElement(h.Popup,Object.assign({},y))):l.default.createElement(c.Title,{className:(0,s.default)(v,"card-title")},y?l.default.createElement(p.TextWithPopup,{text:r,hint:y}):r)),O||null),o&&l.default.createElement(c.Subtitle,null,o))),n))}));t.Card=m},3159:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Card=void 0;var r=n(4789);Object.defineProperty(t,"Card",{enumerable:!0,get:function(){return r.Card}})},9855: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.Text=t.Element=t.Container=t.NativeInput=void 0;const a=r(n(1608)),o=n(4542),i=n(5492),l=a.default.span`
   margin: 2px;
   position: relative;
   top: 0;
@@ -6503,7 +6512,7 @@ margin-right: 8px;
   & svg path {
     fill: ${e=>e.theme.icons.primary};
   }
-`;t.CloseButton=d},1048: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.ModalMobile=void 0;const l=i(n(8156)),u=n(7033),c=n(3848),s=n(7493),d=o(n(1417)),f=n(1608),p=n(1197),h=n(1899),m=i(n(3179));t.ModalMobile=e=>{const{animation:t,showModal:n,content:r,handleClose:a}=(0,u.useTransitionModal)({isOpen:e.isOpen,children:e.children,onClose:e.onClose});return n?l.default.createElement(v,Object.assign({},e,{onClose:a,animation:t}),r):null};const v=({title:e,leftButtonText:t,rightButtonText:n,children:r,animation:a,onClose:o,onLeftButton:i,onRightButton:v,closeIconVisible:g})=>{const b=()=>{o&&o()};(0,u.useControlsForModal)(o);const{mode:y}=(0,p.useMode)();return l.default.createElement(c.Portal,{id:"react-sidebar"},l.default.createElement(f.ThemeProvider,{theme:h.palette[y]},l.default.createElement(d.Wrapper,{isOpen:a},l.default.createElement(d.Layout,{onClick:b}),l.default.createElement(d.Content,{isOpen:a},l.default.createElement(d.Header,null,!!t&&l.default.createElement(s.TextButton,{text:t,style:{color:"#F84708"},onClick:i}),l.default.createElement(d.Title,null,e),!!n&&l.default.createElement(s.TextButton,{text:n,onClick:v}),g&&l.default.createElement(d.CloseButton,{onClick:b},l.default.createElement(m.default,{className:"modal-mobile-closeBtn"}))),l.default.createElement("div",null,r)))))}},3555:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ModalMobile=void 0;var r=n(1048);Object.defineProperty(t,"ModalMobile",{enumerable:!0,get:function(){return r.ModalMobile}})},2625: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.PageTitle=void 0;const a=r(n(8156)),o=n(5492);t.PageTitle=({text:e})=>a.default.createElement(o.Typography,{tag:"h1",variant:"header2-Bold",colorName:"primary"},e)},7126:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.PageTitle=void 0;var r=n(2625);Object.defineProperty(t,"PageTitle",{enumerable:!0,get:function(){return r.PageTitle}})},8109: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.Wrapper=t.EyeIconStyle=t.EyeCloseIconStyle=t.Container=void 0;const a=r(n(1608)),o=r(n(217)),i=r(n(2839)),l=a.default.div`
+`;t.CloseButton=d},1048: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.ModalMobile=void 0;const l=i(n(8156)),u=n(7033),c=n(3848),s=n(7493),d=o(n(1417)),f=n(1608),p=n(1197),h=n(1899),m=i(n(3179));t.ModalMobile=e=>{const{animation:t,showModal:n,content:r,handleClose:a}=(0,u.useTransitionModal)({isOpen:e.isOpen,children:e.children,onClose:e.onClose});return n?l.default.createElement(v,Object.assign({},e,{onClose:a,animation:t}),r):null};const v=({title:e,leftButtonText:t,rightButtonText:n,children:r,animation:a,onClose:o,onLeftButton:i,onRightButton:v,closeIconVisible:g})=>{const b=()=>{o&&o()};(0,u.useControlsForModal)(o);const{mode:y}=(0,p.useMode)();return l.default.createElement(c.Portal,{id:"react-sidebar"},l.default.createElement(f.ThemeProvider,{theme:h.palette[y]},l.default.createElement(d.Wrapper,{isOpen:a},l.default.createElement(d.Layout,{onClick:b}),l.default.createElement(d.Content,{isOpen:a},l.default.createElement(d.Header,null,!!t&&l.default.createElement(s.TextButton,{text:t,style:{color:"#F84708"},onClick:i}),l.default.createElement(d.Title,null,e),!!n&&l.default.createElement(s.TextButton,{text:n,onClick:v}),g&&l.default.createElement(d.CloseButton,{onClick:b},l.default.createElement(m.default,{className:"modal-mobile-closeBtn"}))),l.default.createElement("div",null,r)))))}},3555:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ModalMobile=void 0;var r=n(1048);Object.defineProperty(t,"ModalMobile",{enumerable:!0,get:function(){return r.ModalMobile}})},2625: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.PageTitle=void 0;const a=r(n(8156)),o=n(5492),i=n(8471);t.PageTitle=({text:e,hint:t})=>a.default.createElement(a.default.Fragment,null,a.default.createElement(o.Typography,{tag:"h1",variant:"header2-Bold",colorName:"primary"},t?a.default.createElement(i.TextWithPopup,{text:e,hint:t}):e))},7126:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.PageTitle=void 0;var r=n(2625);Object.defineProperty(t,"PageTitle",{enumerable:!0,get:function(){return r.PageTitle}})},8109: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.Wrapper=t.EyeIconStyle=t.EyeCloseIconStyle=t.Container=void 0;const a=r(n(1608)),o=r(n(217)),i=r(n(2839)),l=a.default.div`
   position: relative;
   width: 100%;
   & input {
@@ -6641,6 +6650,7 @@ margin-right: 8px;
   line-height: 16px;
   border-radius: 100px;
   font-weight: 400;
+  white-space: nowrap;
   background: ${e=>e.theme.background.accentSecondaryTint};
   color: ${e=>e.theme.text.accent};
   transition: ${()=>`opacity 0.3s ${l.AnimationFunctions.animation_1}`};
@@ -7150,6 +7160,9 @@ margin-right: 8px;
   ${e=>e.maxWidth&&i.css`
       max-width: ${e.maxWidth};
     `}
+  ${e=>e.width&&i.css`
+      max-width: ${e.width};
+    `}
   ${e=>e.stickyFirstColumn&&i.css`
       &:first-of-type {
         position: sticky;
@@ -7224,7 +7237,7 @@ margin-right: 8px;
   display: flex;
   align-items: center;
   ${({alignment:e})=>(0,l.getAlignment)(e)}
-`},4484: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.TBody=void 0;const l=i(n(8156)),u=o(n(8530)),c=n(5492),s=n(8432);t.TBody=function({RowWrapper:e,RowWrapperExpand:t,data:n,columns:r,isScrolled:a,isScrolledEnd:o,rowHeight:i=42,tCellRenderer:d,stickyFirstColumn:f=!1,stickyLastColumn:p=!1,onScrollEndReach:h}){const{lastRowRef:m}=(0,s.useLastRow)(h),v=(e,t)=>l.default.createElement(l.default.Fragment,null,r.map(((i,s)=>l.default.createElement(l.default.Fragment,{key:s},d?l.default.createElement(u.TD,{maxWidth:i.maxWidth,isScrolled:a,isScrolledEnd:o,stickyFirstColumn:f,stickyLastColumn:p},l.default.createElement(u.TDItem,{alignment:i.alignment},d({rowData:e,columnKey:i.key,index:s,cellRowIndex:t,isLastCell:s===r.length-1,isLastRow:t===(null==n?void 0:n.length)-1}))):l.default.createElement(u.TD,{maxWidth:i.maxWidth,isScrolled:a,isScrolledEnd:o,stickyFirstColumn:f,stickyLastColumn:p},l.default.createElement(u.TDItem,{alignment:i.alignment},l.default.createElement(c.Typography,{variant:"caption-Medium",tag:"span",whiteSpace:"nowrap",colorName:"primary"},e[i.key])))))));return l.default.createElement(u.TBody,null,null==n?void 0:n.map(((a,o)=>{var c;return l.default.createElement(l.default.Fragment,{key:o},l.default.createElement(u.TR,{ref:e=>{o===(null==n?void 0:n.length)-1&&m(e)},style:{height:i},withoutBorder:!!(null===(c=n[o])||void 0===c?void 0:c.expandContent)},e?l.default.createElement(e,{data:a},v(a,o)):l.default.createElement(l.default.Fragment,null,v(a,o))),(e=>e.expandContent?l.default.createElement(u.ExpandTR,null,t?l.default.createElement(t,{data:e},l.default.createElement("td",{colSpan:r.length},e.expandContent)):l.default.createElement("td",{colSpan:r.length},e.expandContent)):null)(a))})))}},8357: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.THItem=t.TH=t.Sort=t.THead=t.getTriangle=void 0;const i=o(n(1608)),l=n(5892);t.getTriangle=(e,t=!1,n)=>({position:"absolute",bottom:t?-5:0,left:"50%",transform:`translateX(-50%) rotate(${t?"180deg":"0deg"})`,content:'""',width:0,height:0,borderLeft:"5px solid transparent",borderRight:"5px solid transparent",borderBottom:`5px solid ${e?n.stroke.contrast:n.stroke.accent}`}),t.THead=i.default.thead`
+`},4484: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.TBody=void 0;const l=i(n(8156)),u=o(n(8530)),c=n(5492),s=n(8432);t.TBody=function({RowWrapper:e,RowWrapperExpand:t,data:n,columns:r,isScrolled:a,isScrolledEnd:o,rowHeight:i=42,tCellRenderer:d,stickyFirstColumn:f=!1,stickyLastColumn:p=!1,onScrollEndReach:h}){const{lastRowRef:m}=(0,s.useLastRow)(h),v=(e,t)=>l.default.createElement(l.default.Fragment,null,r.map(((i,s)=>l.default.createElement(l.default.Fragment,{key:s},d?l.default.createElement(u.TD,{width:i.width,maxWidth:i.maxWidth,isScrolled:a,isScrolledEnd:o,stickyFirstColumn:f,stickyLastColumn:p},l.default.createElement(u.TDItem,{alignment:i.alignment},d({rowData:e,columnKey:i.key,index:s,cellRowIndex:t,isLastCell:s===r.length-1,isLastRow:t===(null==n?void 0:n.length)-1}))):l.default.createElement(u.TD,{maxWidth:i.maxWidth,isScrolled:a,isScrolledEnd:o,stickyFirstColumn:f,stickyLastColumn:p},l.default.createElement(u.TDItem,{alignment:i.alignment},l.default.createElement(c.Typography,{variant:"caption-Medium",tag:"span",whiteSpace:"nowrap",colorName:"primary"},e[i.key])))))));return l.default.createElement(u.TBody,null,null==n?void 0:n.map(((a,o)=>{var c;return l.default.createElement(l.default.Fragment,{key:o},l.default.createElement(u.TR,{ref:e=>{o===(null==n?void 0:n.length)-1&&m(e)},style:{height:i},withoutBorder:!!(null===(c=n[o])||void 0===c?void 0:c.expandContent)},e?l.default.createElement(e,{data:a},v(a,o)):l.default.createElement(l.default.Fragment,null,v(a,o))),(e=>e.expandContent?l.default.createElement(u.ExpandTR,null,t?l.default.createElement(t,{data:e},l.default.createElement("td",{colSpan:r.length},e.expandContent)):l.default.createElement("td",{colSpan:r.length},e.expandContent)):null)(a))})))}},8357: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.THItem=t.TH=t.Sort=t.THead=t.getTriangle=void 0;const i=o(n(1608)),l=n(5892);t.getTriangle=(e,t=!1,n)=>({position:"absolute",bottom:t?-5:0,left:"50%",transform:`translateX(-50%) rotate(${t?"180deg":"0deg"})`,content:'""',width:0,height:0,borderLeft:"5px solid transparent",borderRight:"5px solid transparent",borderBottom:`5px solid ${e?n.stroke.contrast:n.stroke.accent}`}),t.THead=i.default.thead`
   position: ${e=>e.stickyHeader?"sticky":"relative"};
   top: 0;
   z-index: 2;
@@ -7411,7 +7424,7 @@ margin-right: 8px;
   align-items: center;
   flex-wrap: nowrap;
   gap: 4px;
-`;t.TextWithPopup=({text:e,hint:t})=>{const{lastWord:n,newText:r}=(0,u.useMemo)((()=>{const t=e.split(" ");return{lastWord:t.pop(),newText:t.join(" ")}}),[e]);return u.default.createElement(u.default.Fragment,null,r," ",u.default.createElement(c,null,n,u.default.createElement(l.Popup,Object.assign({},t))))}},800: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.Textarea=t.Length=t.Content=t.Container=void 0;const a=r(n(1608));t.Container=a.default.div`
+`;t.TextWithPopup=({text:e,hint:t})=>{const{lastWord:n,newText:r}=(0,u.useMemo)((()=>{const t=e.split(" ");return{lastWord:t.pop(),newText:t.join(" ")}}),[e]);return u.default.createElement(u.default.Fragment,null,r," ",u.default.createElement(c,null,n,u.default.createElement("div",null,u.default.createElement(l.Popup,Object.assign({},t)))))}},800: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.Textarea=t.Length=t.Content=t.Container=void 0;const a=r(n(1608));t.Container=a.default.div`
   width: 100%;
 `,t.Content=a.default.div`
   position: relative;

package/package.json

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