profinansy-ui-lib 3.1.31 → 3.1.32
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.
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { TTabProps } from './Tabs.typed';
|
|
2
|
-
declare const Tabs: ({ style, onChange, options, selectedValue, indent, counterType }: TTabProps) => JSX.Element;
|
|
2
|
+
declare const Tabs: ({ style, onChange, options, selectedValue, indent, counterType, classWrapper }: TTabProps) => JSX.Element;
|
|
3
3
|
export { Tabs };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
declare const _default: {
|
|
2
2
|
title: string;
|
|
3
|
-
component: ({ style, onChange, options, selectedValue, indent, counterType }: import("./Tabs.typed").TTabProps) => JSX.Element;
|
|
3
|
+
component: ({ style, onChange, options, selectedValue, indent, counterType, classWrapper }: import("./Tabs.typed").TTabProps) => JSX.Element;
|
|
4
4
|
tags: string[];
|
|
5
5
|
parameters: {
|
|
6
6
|
design: {
|
|
@@ -20,6 +20,8 @@ export type TTabProps = {
|
|
|
20
20
|
counterType?: TCounterType;
|
|
21
21
|
/** Отступ справа и слева */
|
|
22
22
|
indent?: number;
|
|
23
|
+
/** Класс для контейнера */
|
|
24
|
+
classWrapper?: string;
|
|
23
25
|
/** Действие при нажатии на таб */
|
|
24
26
|
onChange?: (value: string, event: MouseEvent<HTMLButtonElement>) => void;
|
|
25
27
|
};
|
package/dist/index.js
CHANGED
|
@@ -3291,7 +3291,7 @@
|
|
|
3291
3291
|
transition: ${()=>`all 0.3s ${i.AnimationFunctions.animation_1}`};
|
|
3292
3292
|
will-change: transform;
|
|
3293
3293
|
transform: ${e=>`translateX(${e.position}px)`};
|
|
3294
|
-
`},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[
|
|
3294
|
+
`},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,classWrapper:h})=>{const[m,v]=(0,o.useState)({left:0,width:0}),g=(0,o.useRef)(null);(0,o.useEffect)((()=>{if(r){const e=n.findIndex((e=>e.value===r));b(e)}}),[r]);const b=e=>{if(g.current&&g.current.children[e]){const t=g.current.children[e],n=g.current.getBoundingClientRect(),r=t.getBoundingClientRect(),a=g.current.scrollLeft,i=r.left-n.left+a,o=r.width;v({left:i,width:o})}},{mode:y}=(0,d.useMode)();return o.default.createElement(p.ThemeProvider,{theme:f.palette[y]},o.default.createElement(l.Wrapper,{className:h},o.default.createElement(u.DragScroll,null,o.default.createElement(l.Container,{indent:a,style:e,ref:g},n.map(((e,n)=>o.default.createElement(l.Button,{key:n,onClick:r=>((e,n,r)=>{t&&t(e,n),(e=>{if(g.current&&g.current.children[e]){const t=g.current.children[e],n=g.current.getBoundingClientRect(),r=t.getBoundingClientRect(),a=r.right-n.right,i=r.left-n.left;a>0?g.current.scrollTo({left:g.current.scrollLeft+a+10,behavior:"smooth"}):i<0&&g.current.scrollTo({left:g.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:m.left,width:m.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`
|
|
3295
3295
|
font-family: Manrope, sans-serif;
|
|
3296
3296
|
cursor: pointer;
|
|
3297
3297
|
width: fit-content;
|