profinansy-ui-lib 3.5.64 → 3.5.65

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

@@ -1,2 +1,2 @@
 import { ITable } from './Table.typed';
-export declare function Table<TItem>({ columns, tCellRenderer, columnRenderer, RowWrapper, RowWrapperExpand, data, tableHeight, hints, rowHeight, stickyFirstColumn, stickyLastColumn, stickyHeader, stickyPageHeader, isDraggable, customSort, onScrollEndReach, fixedHeaderOffset, onClickRow, onDoubleClickRow }: ITable<TItem>): JSX.Element;
+export declare function Table<TItem>({ columns, tCellRenderer, columnRenderer, RowWrapper, RowWrapperExpand, data, tableHeight, hints, rowHeight, stickyFirstColumn, stickyLastColumn, stickyHeader, stickyPageHeader, isDraggable, customSort, onScrollEndReach, fixedHeaderOffset, isScrollWithButton, onClickRow, onDoubleClickRow }: ITable<TItem>): JSX.Element;

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

@@ -9,3 +9,4 @@ export declare const FixedHeader: import("styled-components").StyledComponent<"d
     fixedHeaderOffset: number;
 }, never>;
 export declare const Plug: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ScrollWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -11,6 +11,8 @@ export interface ITable<TItem> {
     rowHeight?: number;
     /** Скролить ли таблицу горизонтально зажав мышку  **/
     isDraggable?: boolean;
+    /** Отключить скролл мышкой и добавить кастомный скролл сбоку  **/
+    isScrollWithButton?: boolean;
     /** Закрепить первую колонку **/
     stickyFirstColumn?: boolean;
     /** Закрепить последнюю колонку **/

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

@@ -0,0 +1,7 @@
+import { MutableRefObject } from 'react';
+interface IProps<TItem> {
+    contentRef: MutableRefObject<HTMLElement>;
+    data: TItem[];
+}
+export declare function ScrollButton<TItem>({ data, contentRef }: IProps<TItem>): JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ScrollBar: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ScrollThumb: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    thumbHeight: number;
+    thumbPosition: number;
+}, never>;

package/dist/index.js

@@ -4495,7 +4495,7 @@
   align-items: center;
   position: relative;
   cursor: pointer;
-`;t.Container=s},27692: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.Switch=void 0;const u=o(n(8156)),l=n(28911),s=i(n(7588)),c=o(n(94184)),d=n(11608),f=n(91197),m=n(41899);t.Switch=e=>{const{checked:t=!1,text:n,name:r,onChange:a,size:i="M",isTextLeft:o=!1,color:h,value:p,style:g,hint:v=null}=e,{mode:b}=(0,f.useMode)();return u.default.createElement(d.ThemeProvider,{theme:m.palette[b]},u.default.createElement(s.Container,{className:(0,c.default)("switch-container"),style:g},u.default.createElement(s.NativeInput,{sizeInput:i,value:p,type:"checkbox",checked:t,name:r,onChange:e=>{a(e.target.checked,e)}}),u.default.createElement(s.Element,{isTextLeft:o,size:i}),!!n&&u.default.createElement(s.Text,{color:h,isTextLeft:o,size:i,className:(0,c.default)("switch-text")},n),v&&u.default.createElement(s.Hint,null,u.default.createElement(l.Popup,Object.assign({},v)))))}},54748:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Switch=void 0;var r=n(27692);Object.defineProperty(t,"Switch",{enumerable:!0,get:function(){return r.Switch}})},36630: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.Plug=t.FixedHeader=t.Table=t.Container=void 0;const o=i(n(11608)),u=n(62998),l=n(40140);t.Container=o.default.div`
+`;t.Container=s},27692: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.Switch=void 0;const u=o(n(8156)),l=n(28911),s=i(n(7588)),c=o(n(94184)),d=n(11608),f=n(91197),m=n(41899);t.Switch=e=>{const{checked:t=!1,text:n,name:r,onChange:a,size:i="M",isTextLeft:o=!1,color:h,value:p,style:g,hint:v=null}=e,{mode:b}=(0,f.useMode)();return u.default.createElement(d.ThemeProvider,{theme:m.palette[b]},u.default.createElement(s.Container,{className:(0,c.default)("switch-container"),style:g},u.default.createElement(s.NativeInput,{sizeInput:i,value:p,type:"checkbox",checked:t,name:r,onChange:e=>{a(e.target.checked,e)}}),u.default.createElement(s.Element,{isTextLeft:o,size:i}),!!n&&u.default.createElement(s.Text,{color:h,isTextLeft:o,size:i,className:(0,c.default)("switch-text")},n),v&&u.default.createElement(s.Hint,null,u.default.createElement(l.Popup,Object.assign({},v)))))}},54748:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Switch=void 0;var r=n(27692);Object.defineProperty(t,"Switch",{enumerable:!0,get:function(){return r.Switch}})},36630: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.ScrollWrapper=t.Plug=t.FixedHeader=t.Table=t.Container=void 0;const o=i(n(11608)),u=n(62998),l=n(40140);t.Container=o.default.div`
   width: 100%;
   height: ${e=>e.tableHeight?`${e.tableHeight}px`:"auto"};
   overflow: auto;
@@ -4526,7 +4526,39 @@
   & + thead {
     top: -10px;
   }
-`},65458: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.Table=void 0;const o=i(n(8156)),u=i(n(36630)),l=n(64484),s=n(99126),c=n(41899),d=n(91197),f=n(11608),m=n(45243),h=n(10140),p=n(78628),g=n(54176),v=n(99311);t.Table=function({columns:e,tCellRenderer:t,columnRenderer:n,RowWrapper:r,RowWrapperExpand:a,data:i,tableHeight:b,hints:y,rowHeight:w,stickyFirstColumn:M,stickyLastColumn:x,stickyHeader:k,stickyPageHeader:_,isDraggable:P,customSort:O,onScrollEndReach:j,fixedHeaderOffset:E,onClickRow:S,onDoubleClickRow:C}){const T=(0,o.useRef)(null),W=(0,o.useRef)(null),{lastRowRef:Z}=(0,v.useLastElement)(j),{mode:D}=(0,d.useMode)(),{sortedData:I,handleSort:H,activeSortField:z,activeSortOrder:A}=(0,h.useSort)(i,O),{isScrolled:L,isScrolledEnd:N}=(0,m.useHorizontalScroll)(T,M,x),{reachedTop:B,tableWidth:F,tableLeftPosition:$}=(0,g.useStickHeader)(_,E,i,e,T,W,Z);return(0,p.useDragging)(T,P),o.default.createElement(f.ThemeProvider,{theme:c.palette[D]},o.default.createElement(u.Container,{tableHeight:b,ref:T,isDraggable:P},o.default.createElement(u.Table,null,o.default.createElement(s.THead,{activeSortField:z,activeSortOrder:A,handleSort:H,columns:e,hints:y,isScrolled:L,isScrolledEnd:N,stickyFirstColumn:M,stickyLastColumn:x,stickyHeader:k,columnRenderer:n}),o.default.createElement(l.TBody,{lastRowRef:Z,stickyFirstColumn:M,stickyLastColumn:x,isScrolled:L,isScrolledEnd:N,columns:e,data:I,tCellRenderer:t,RowWrapper:r,RowWrapperExpand:a,rowHeight:w,onClickRow:S,onDoubleClickRow:C}),_&&B&&o.default.createElement(u.FixedHeader,{ref:W,fixedHeaderOffset:E,tableWidth:F,left:$},o.default.createElement(u.Plug,null),o.default.createElement(s.THead,{activeSortField:z,activeSortOrder:A,handleSort:H,columns:e,hints:y,isScrolled:L,isScrolledEnd:N,stickyFirstColumn:M,stickyLastColumn:x,stickyHeader:k,columnRenderer:n})))))}},28530: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.TDItem=t.ExpandTR=t.TR=t.TD=t.TBody=void 0;const o=i(n(11608)),u=n(35892),l=n(40140);t.TBody=o.default.tbody`
+`,t.ScrollWrapper=o.default.div`
+  width: 100%;
+  display: flex;
+  gap: 4px;
+  //  Когда кастомный скролл, то отключается и горизонтальный тоже!!
+  & > div {
+    overflow: hidden !important;
+  }
+`},65458: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.Table=void 0;const o=i(n(8156)),u=i(n(36630)),l=n(64484),s=n(99126),c=n(41899),d=n(91197),f=n(11608),m=n(45243),h=n(10140),p=n(78628),g=n(54176),v=n(99311),b=n(9906);t.Table=function({columns:e,tCellRenderer:t,columnRenderer:n,RowWrapper:r,RowWrapperExpand:a,data:i,tableHeight:y,hints:w,rowHeight:M,stickyFirstColumn:x,stickyLastColumn:k,stickyHeader:_,stickyPageHeader:P,isDraggable:O,customSort:j,onScrollEndReach:E,fixedHeaderOffset:S,isScrollWithButton:C,onClickRow:T,onDoubleClickRow:W}){const Z=(0,o.useRef)(null),D=(0,o.useRef)(null),{lastRowRef:I}=(0,v.useLastElement)(E),{mode:H}=(0,d.useMode)(),{sortedData:z,handleSort:A,activeSortField:L,activeSortOrder:N}=(0,h.useSort)(i,j),{isScrolled:B,isScrolledEnd:F}=(0,m.useHorizontalScroll)(Z,x,k),{reachedTop:$,tableWidth:R,tableLeftPosition:V}=(0,g.useStickHeader)(P,S,i,e,Z,D,I);(0,p.useDragging)(Z,O);const X=()=>o.default.createElement(u.Container,{tableHeight:y,ref:Z,isDraggable:O},o.default.createElement(u.Table,null,o.default.createElement(s.THead,{activeSortField:L,activeSortOrder:N,handleSort:A,columns:e,hints:w,isScrolled:B,isScrolledEnd:F,stickyFirstColumn:x,stickyLastColumn:k,stickyHeader:_,columnRenderer:n}),o.default.createElement(l.TBody,{lastRowRef:I,stickyFirstColumn:x,stickyLastColumn:k,isScrolled:B,isScrolledEnd:F,columns:e,data:z,tCellRenderer:t,RowWrapper:r,RowWrapperExpand:a,rowHeight:M,onClickRow:T,onDoubleClickRow:W}),P&&$&&o.default.createElement(u.FixedHeader,{ref:D,fixedHeaderOffset:S,tableWidth:R,left:V},o.default.createElement(u.Plug,null),o.default.createElement(s.THead,{activeSortField:L,activeSortOrder:N,handleSort:A,columns:e,hints:w,isScrolled:B,isScrolledEnd:F,stickyFirstColumn:x,stickyLastColumn:k,stickyHeader:_,columnRenderer:n}))));return C?o.default.createElement(f.ThemeProvider,{theme:c.palette[H]},o.default.createElement(u.ScrollWrapper,null,X(),o.default.createElement(b.ScrollButton,{contentRef:Z,data:z}))):o.default.createElement(f.ThemeProvider,{theme:c.palette[H]},X())}},59950: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.ScrollThumb=t.ScrollBar=t.Container=void 0;const a=r(n(11608));t.Container=a.default.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  align-items: center;
+  position: relative;
+`,t.ScrollBar=a.default.div`
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 4px;
+  height: calc(100% - 80px);
+  background: ${e=>e.theme.background.secondary};
+  border-radius: 12px;
+  top: 40px;
+`,t.ScrollThumb=a.default.div`
+  cursor: pointer;
+  position: absolute;
+  left: 0;
+  width: 100%;
+  height: ${({thumbHeight:e})=>e}%;
+  background: ${e=>e.theme.stroke.secondary};
+  border-radius: 12px;
+  top: ${({thumbPosition:e})=>e}%;
+`},9906: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.ScrollButton=void 0;const o=i(n(8156)),u=i(n(59950)),l=n(8760);t.ScrollButton=function({data:e,contentRef:t}){const[n,r]=(0,o.useState)(!1),[a,i]=(0,o.useState)(0),[s,c]=(0,o.useState)(0),[d,f]=(0,o.useState)(!1),[m,h]=(0,o.useState)(0),[p,g]=(0,o.useState)(0),v=e=>{if(!d||!t.current)return;const{scrollHeight:n,clientHeight:r}=t.current,i=n-r,o=100-a,u=e.clientY-m,l=Math.min(Math.max(p+u/r*100,0),o);c(l),t.current.scrollTop=l/o*i},b=()=>{f(!1)},y=e=>{if(t.current){const n=200;t.current.scrollBy({top:"up"===e?-n:n,behavior:"smooth"})}};return(0,o.useEffect)((()=>{const e=()=>{const e=t.current;if(e){const{scrollTop:t,scrollHeight:n,clientHeight:r}=e;c(t/(n-r)*(100-a))}},n=t.current;if(n)return(()=>{if(t.current){const{clientHeight:e,scrollHeight:n}=t.current;i(e/n*100)}})(),n.addEventListener("scroll",e),()=>{n.removeEventListener("scroll",e)}}),[t,e,a]),(0,o.useEffect)((()=>(d?(document.addEventListener("mousemove",v),document.addEventListener("mouseup",b)):(document.removeEventListener("mousemove",v),document.removeEventListener("mouseup",b)),()=>{document.removeEventListener("mousemove",v),document.removeEventListener("mouseup",b)})),[d]),(0,o.useEffect)((()=>{const e=t.current;e&&e.scrollHeight-e.clientHeight>0&&r(!0)}),[e,t]),n?o.default.createElement(u.Container,null,o.default.createElement(l.ArrowButton,{onClick:()=>y("up"),size:"M",style:{transform:"rotate(90deg)"}}),o.default.createElement(u.ScrollBar,null,o.default.createElement(u.ScrollThumb,{onMouseDown:e=>{f(!0),h(e.clientY),g(s)},thumbHeight:a,thumbPosition:s})),o.default.createElement(l.ArrowButton,{onClick:()=>y("down"),size:"M",style:{transform:"rotate(-90deg)"}})):null}},28530: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.TDItem=t.ExpandTR=t.TR=t.TD=t.TBody=void 0;const o=i(n(11608)),u=n(35892),l=n(40140);t.TBody=o.default.tbody`
   &:before {
     position: relative;
     z-index: 3;

package/package.json

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