profinansy-ui-lib 3.1.30 → 3.1.31

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

@@ -6,3 +6,7 @@ export declare const Container: import("styled-components").StyledComponent<"div
 export declare const Button: import("styled-components").StyledComponent<"button", DefaultTheme, {
     isActive: boolean;
 }, never>;
+export declare const LineIndicator: import("styled-components").StyledComponent<"div", DefaultTheme, {
+    position: number;
+    width: number;
+}, never>;

package/dist/index.js

@@ -3241,9 +3241,10 @@
         color: ${e=>e.theme.text.contrast};
       }
     `}
-`;t.Tab=u},1376: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.TabListCell=void 0;const l=o(n(8156)),u=i(n(885)),c=o(n(4184)),s=n(1608),d=n(1197),f=n(1899);t.TabListCell=({listClass:e,styleTab:t={},styleList:n={},tabClass:r,options:a,size:i="S",selectedValue:o,onChange:p})=>{const{mode:h}=(0,d.useMode)();return l.default.createElement(s.ThemeProvider,{theme:f.palette[h]},l.default.createElement(u.Container,{style:n,className:(0,c.default)("tabList-container",e)},a.map((e=>l.default.createElement(u.Tab,{size:i,style:t,active:o===e.value,className:(0,c.default)("tabList-item",r),key:e.value,onClick:t=>((e,t)=>{p&&p(e,t)})(e.value,t)},e.label)))))}},2844:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.TabListCell=void 0;var r=n(1376);Object.defineProperty(t,"TabListCell",{enumerable:!0,get:function(){return r.TabListCell}})},1713: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.Button=t.Container=t.Wrapper=void 0;const a=r(n(1608)),i=n(4542);t.Wrapper=a.default.div`
+`;t.Tab=u},1376: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.TabListCell=void 0;const l=o(n(8156)),u=i(n(885)),c=o(n(4184)),s=n(1608),d=n(1197),f=n(1899);t.TabListCell=({listClass:e,styleTab:t={},styleList:n={},tabClass:r,options:a,size:i="S",selectedValue:o,onChange:p})=>{const{mode:h}=(0,d.useMode)();return l.default.createElement(s.ThemeProvider,{theme:f.palette[h]},l.default.createElement(u.Container,{style:n,className:(0,c.default)("tabList-container",e)},a.map((e=>l.default.createElement(u.Tab,{size:i,style:t,active:o===e.value,className:(0,c.default)("tabList-item",r),key:e.value,onClick:t=>((e,t)=>{p&&p(e,t)})(e.value,t)},e.label)))))}},2844:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.TabListCell=void 0;var r=n(1376);Object.defineProperty(t,"TabListCell",{enumerable:!0,get:function(){return r.TabListCell}})},1713: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.LineIndicator=t.Button=t.Container=t.Wrapper=void 0;const a=r(n(1608)),i=n(4542);t.Wrapper=a.default.div`
   max-width: 100%;
 `,t.Container=a.default.div`
+  position: relative;
   display: flex;
   align-items: center;
   gap: 20px;
@@ -3263,7 +3264,6 @@
   background: transparent;
   outline: none;
   border: none;
-  border-bottom: ${e=>e.isActive?`2px solid ${e.theme.stroke.accent}`:"2px solid transparent"};
   color: ${e=>e.isActive?e.theme.text.primary:e.theme.text.fourth};
   cursor: pointer;
   display: flex;
@@ -3281,7 +3281,17 @@
     cursor: default;
     pointer-events: none;
   }
-`},1579: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};Object.defineProperty(t,"__esModule",{value:!0}),t.Tabs=void 0;const o=i(n(8156)),l=i(n(1713)),u=n(1489),c=n(5492),s=n(4103),d=n(1197),f=n(1899),p=n(1608);t.Tabs=({style:e,onChange:t,options:n,selectedValue:r,indent:a=16,counterType:i})=>{const h=(0,o.useRef)(null),{mode:m}=(0,d.useMode)();return o.default.createElement(p.ThemeProvider,{theme:f.palette[m]},o.default.createElement(l.Wrapper,null,o.default.createElement(u.DragScroll,null,o.default.createElement(l.Container,{indent:a,style:e,ref:h},n.map(((e,n)=>o.default.createElement(l.Button,{key:n,onClick:r=>((e,n,r)=>{t&&t(e,n),(e=>{if(h.current&&h.current.children[e]){const t=h.current.children[e],n=h.current.getBoundingClientRect(),r=t.getBoundingClientRect(),a=r.right-n.right,i=r.left-n.left;a>0?h.current.scrollTo({left:h.current.scrollLeft+a+10,behavior:"smooth"}):i<0&&h.current.scrollTo({left:h.current.scrollLeft+i-10,behavior:"smooth"})}})(r)})(e.value,r,n),isActive:r===e.value},o.default.createElement(c.Typography,{tag:"span",variant:"controls-Medium"},e.label),void 0!==e.dataCount&&o.default.createElement(s.Counter,{number:e.dataCount,type:i,style:{marginLeft:"4px"}}))))))))}},9532:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Tabs=void 0;var r=n(1579);Object.defineProperty(t,"Tabs",{enumerable:!0,get:function(){return r.Tabs}})},6952:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getMode=t.TextButtonSize=void 0,t.TextButtonSize={M:{fontWeight:400,fontSize:"14px",lineHeight:"16px"},S:{fontWeight:400,fontSize:"12px",lineHeight:"16px"}},t.getMode=e=>({blue:{default:{color:e.text.accent},hover:{color:e.text.accentSecondary},active:{color:e.text.accent},disabled:{color:e.text.tertiary}},gray:{default:{color:e.text.secondary},hover:{color:e.text.secondary},active:{color:e.text.secondary},disabled:{color:e.text.tertiary}}})},9876: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.IconRight=t.IconLeft=t.TextButton=void 0;const a=r(n(1608)),i=n(6952);t.TextButton=a.default.button`
+`,t.LineIndicator=a.default.div`
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: ${e=>`${e.width}px`};
+  height: 2px;
+  background: ${e=>e.theme.stroke.accent};
+  transition: ${()=>`all 0.3s ${i.AnimationFunctions.animation_1}`};
+  will-change: transform;
+  transform: ${e=>`translateX(${e.position}px)`};
+`},1579: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};Object.defineProperty(t,"__esModule",{value:!0}),t.Tabs=void 0;const o=i(n(8156)),l=i(n(1713)),u=n(1489),c=n(5492),s=n(4103),d=n(1197),f=n(1899),p=n(1608);t.Tabs=({style:e,onChange:t,options:n,selectedValue:r,indent:a=16,counterType:i})=>{const[h,m]=(0,o.useState)({left:0,width:0}),v=(0,o.useRef)(null);(0,o.useEffect)((()=>{if(r){const e=n.findIndex((e=>e.value===r));g(e)}}),[r]);const g=e=>{if(v.current&&v.current.children[e]){const t=v.current.children[e],n=v.current.getBoundingClientRect(),r=t.getBoundingClientRect(),a=v.current.scrollLeft,i=r.left-n.left+a,o=r.width;m({left:i,width:o})}},{mode:b}=(0,d.useMode)();return o.default.createElement(p.ThemeProvider,{theme:f.palette[b]},o.default.createElement(l.Wrapper,null,o.default.createElement(u.DragScroll,null,o.default.createElement(l.Container,{indent:a,style:e,ref:v},n.map(((e,n)=>o.default.createElement(l.Button,{key:n,onClick:r=>((e,n,r)=>{t&&t(e,n),(e=>{if(v.current&&v.current.children[e]){const t=v.current.children[e],n=v.current.getBoundingClientRect(),r=t.getBoundingClientRect(),a=r.right-n.right,i=r.left-n.left;a>0?v.current.scrollTo({left:v.current.scrollLeft+a+10,behavior:"smooth"}):i<0&&v.current.scrollTo({left:v.current.scrollLeft+i-10,behavior:"smooth"})}})(r)})(e.value,r,n),isActive:r===e.value},o.default.createElement(c.Typography,{tag:"span",variant:"controls-Medium"},e.label),void 0!==e.dataCount&&o.default.createElement(s.Counter,{number:e.dataCount,type:i,style:{marginLeft:"4px"}})))),o.default.createElement(l.LineIndicator,{position:h.left,width:h.width})))))}},9532:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Tabs=void 0;var r=n(1579);Object.defineProperty(t,"Tabs",{enumerable:!0,get:function(){return r.Tabs}})},6952:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getMode=t.TextButtonSize=void 0,t.TextButtonSize={M:{fontWeight:400,fontSize:"14px",lineHeight:"16px"},S:{fontWeight:400,fontSize:"12px",lineHeight:"16px"}},t.getMode=e=>({blue:{default:{color:e.text.accent},hover:{color:e.text.accentSecondary},active:{color:e.text.accent},disabled:{color:e.text.tertiary}},gray:{default:{color:e.text.secondary},hover:{color:e.text.secondary},active:{color:e.text.secondary},disabled:{color:e.text.tertiary}}})},9876: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.IconRight=t.IconLeft=t.TextButton=void 0;const a=r(n(1608)),i=n(6952);t.TextButton=a.default.button`
   font-family: Manrope, sans-serif;
   cursor: pointer;
   width: fit-content;

package/package.json

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