profinansy-ui-lib 3.4.52 → 3.4.54

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.
@@ -43,7 +43,7 @@ export declare function useDrop({ placement, onOpenList }: {
43
43
  };
44
44
  getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
45
45
  getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
46
- getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
46
+ getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
47
47
  active?: boolean;
48
48
  selected?: boolean;
49
49
  }) => Record<string, unknown>;
@@ -42,7 +42,7 @@ export declare function useDrop({ placement }: {
42
42
  };
43
43
  getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
44
44
  getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
45
- getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
45
+ getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
46
46
  active?: boolean;
47
47
  selected?: boolean;
48
48
  }) => Record<string, unknown>;
@@ -44,7 +44,7 @@ export declare function useHint({ placement, isClickMobile }?: HintOptions): {
44
44
  };
45
45
  getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
46
46
  getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
47
- getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
47
+ getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
48
48
  active?: boolean;
49
49
  selected?: boolean;
50
50
  }) => Record<string, unknown>;
@@ -47,7 +47,7 @@ export declare function usePopup({ placement, isHover }: {
47
47
  };
48
48
  getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
49
49
  getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
50
- getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
50
+ getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
51
51
  active?: boolean;
52
52
  selected?: boolean;
53
53
  }) => Record<string, unknown>;
@@ -1,2 +1,2 @@
1
1
  import { ITable } from './Table.typed';
2
- export declare function Table<TItem>({ columns, tCellRenderer, columnRenderer, RowWrapper, RowWrapperExpand, data, tableHeight, hints, rowHeight, stickyFirstColumn, stickyLastColumn, stickyHeader, stickyPageHeader, isDraggable, customSort, onScrollEndReach, onClickRow }: ITable<TItem>): JSX.Element;
2
+ export declare function Table<TItem>({ columns, tCellRenderer, columnRenderer, RowWrapper, RowWrapperExpand, data, tableHeight, hints, rowHeight, stickyFirstColumn, stickyLastColumn, stickyHeader, stickyPageHeader, isDraggable, customSort, onScrollEndReach, fixedHeaderOffset, onClickRow }: ITable<TItem>): JSX.Element;
@@ -6,5 +6,6 @@ export declare const Table: import("styled-components").StyledComponent<"table",
6
6
  export declare const FixedHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
7
7
  left: number;
8
8
  tableWidth: number;
9
+ fixedHeaderOffset: number;
9
10
  }, never>;
10
11
  export declare const Plug: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
@@ -26,6 +26,8 @@ export interface ITable<TItem> {
26
26
  RowWrapperExpand?: React.ElementType;
27
27
  /** Объект с подсказками. Нужно, чтобы понимать, откуда вообще тянуть подсказки **/
28
28
  hints?: Record<string, string[]>;
29
+ /** На сколько пикселей от хэдера по высоте должен крепиться фиксированный к странице хэдер таблицы **/
30
+ fixedHeaderOffset?: number;
29
31
  /** Обрабатывает клик по строке **/
30
32
  onClickRow?: (val: TItem) => void;
31
33
  /** Добавление своей сортировки таблицы **/
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { ITable } from '../Table.typed';
3
- export declare const useStickHeader: <TItem>(stickyHeader: boolean, data: TItem[], columns: import("../Table.typed").IColumnTable[], wrapperRef: React.MutableRefObject<HTMLDivElement>, tableHeadWrapperRef: React.MutableRefObject<HTMLDivElement>, lastRowRef: React.MutableRefObject<HTMLTableRowElement>) => {
3
+ export declare const useStickHeader: <TItem>(stickyHeader: boolean, fixedHeaderOffset: number, data: TItem[], columns: import("../Table.typed").IColumnTable[], wrapperRef: React.MutableRefObject<HTMLDivElement>, tableHeadWrapperRef: React.MutableRefObject<HTMLDivElement>, lastRowRef: React.MutableRefObject<HTMLTableRowElement>) => {
4
4
  reachedTop: boolean;
5
5
  tableWidth: number;
6
6
  tableLeftPosition: number;
@@ -44,7 +44,7 @@ export declare function useTooltip({ placement, isHover, showArrow }: {
44
44
  };
45
45
  getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
46
46
  getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
47
- getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
47
+ getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
48
48
  active?: boolean;
49
49
  selected?: boolean;
50
50
  }) => Record<string, unknown>;
package/dist/index.js CHANGED
@@ -981,13 +981,13 @@
981
981
  0% {
982
982
  transform: scale(1);
983
983
  }
984
- 60% {
984
+ 40% {
985
985
  transform: scale(1);
986
986
  }
987
- 71% {
987
+ 50% {
988
988
  transform: scale(1.05);
989
989
  }
990
- 80% {
990
+ 70% {
991
991
  transform: scale(1.05);
992
992
  }
993
993
  100% {
@@ -1021,7 +1021,7 @@
1021
1021
  left: 0;
1022
1022
  width: 1.5em;
1023
1023
  height: 100%;
1024
- background-color: rgba(255, 255, 255, 0.4);
1024
+ background-color: rgba(255, 255, 255, 0.5);
1025
1025
  filter: blur(10px);
1026
1026
  transform: translateX(-12em) skewX(45deg);
1027
1027
  animation: ${c} 5s ${l.AnimationFunctions.animation_1} infinite;
@@ -4188,7 +4188,7 @@
4188
4188
  width: 100%;
4189
4189
  `,t.FixedHeader=o.default.div`
4190
4190
  position: fixed;
4191
- top: ${l.HEIGHT_HEADER}px;
4191
+ top: ${e=>l.HEIGHT_HEADER+(e.fixedHeaderOffset||0)}px;
4192
4192
  z-index: 10;
4193
4193
  left: ${e=>`${e.left}px`};
4194
4194
  width: ${e=>`${e.tableWidth||1857}px`};
@@ -4203,7 +4203,7 @@
4203
4203
  & + thead {
4204
4204
  top: -10px;
4205
4205
  }
4206
- `},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),d=n(41899),c=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:k,stickyHeader:x,stickyPageHeader:_,isDraggable:P,customSort:j,onScrollEndReach:E,onClickRow:O}){const S=(0,o.useRef)(null),C=(0,o.useRef)(null),{lastRowRef:T}=(0,v.useLastElement)(E),{mode:W}=(0,c.useMode)(),{sortedData:Z,handleSort:D,activeSortField:I,sortRotated:z}=(0,h.useSort)(i,j),{isScrolled:H,isScrolledEnd:A}=(0,m.useHorizontalScroll)(S,M,k),{reachedTop:N,tableWidth:L,tableLeftPosition:B}=(0,g.useStickHeader)(_,i,e,S,C,T);return(0,p.useDragging)(S,P),o.default.createElement(f.ThemeProvider,{theme:d.palette[W]},o.default.createElement(u.Container,{tableHeight:b,ref:S,isDraggable:P},o.default.createElement(u.Table,null,o.default.createElement(s.THead,{activeSortField:I,sortRotated:z,handleSort:D,columns:e,hints:y,isScrolled:H,isScrolledEnd:A,stickyFirstColumn:M,stickyLastColumn:k,stickyHeader:x,columnRenderer:n}),o.default.createElement(l.TBody,{lastRowRef:T,stickyFirstColumn:M,stickyLastColumn:k,isScrolled:H,isScrolledEnd:A,columns:e,data:Z,tCellRenderer:t,RowWrapper:r,RowWrapperExpand:a,rowHeight:w,onClickRow:O}),_&&N&&o.default.createElement(u.FixedHeader,{ref:C,tableWidth:L,left:B},o.default.createElement(u.Plug,null),o.default.createElement(s.THead,{activeSortField:I,sortRotated:z,handleSort:D,columns:e,hints:y,isScrolled:H,isScrolledEnd:A,stickyFirstColumn:M,stickyLastColumn:k,stickyHeader:x,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`
4206
+ `},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),d=n(41899),c=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:k,stickyHeader:x,stickyPageHeader:_,isDraggable:P,customSort:j,onScrollEndReach:E,fixedHeaderOffset:O,onClickRow:S}){const C=(0,o.useRef)(null),T=(0,o.useRef)(null),{lastRowRef:W}=(0,v.useLastElement)(E),{mode:Z}=(0,c.useMode)(),{sortedData:D,handleSort:I,activeSortField:z,sortRotated:H}=(0,h.useSort)(i,j),{isScrolled:A,isScrolledEnd:N}=(0,m.useHorizontalScroll)(C,M,k),{reachedTop:L,tableWidth:B,tableLeftPosition:$}=(0,g.useStickHeader)(_,O,i,e,C,T,W);return(0,p.useDragging)(C,P),o.default.createElement(f.ThemeProvider,{theme:d.palette[Z]},o.default.createElement(u.Container,{tableHeight:b,ref:C,isDraggable:P},o.default.createElement(u.Table,null,o.default.createElement(s.THead,{activeSortField:z,sortRotated:H,handleSort:I,columns:e,hints:y,isScrolled:A,isScrolledEnd:N,stickyFirstColumn:M,stickyLastColumn:k,stickyHeader:x,columnRenderer:n}),o.default.createElement(l.TBody,{lastRowRef:W,stickyFirstColumn:M,stickyLastColumn:k,isScrolled:A,isScrolledEnd:N,columns:e,data:D,tCellRenderer:t,RowWrapper:r,RowWrapperExpand:a,rowHeight:w,onClickRow:S}),_&&L&&o.default.createElement(u.FixedHeader,{ref:T,fixedHeaderOffset:O,tableWidth:B,left:$},o.default.createElement(u.Plug,null),o.default.createElement(s.THead,{activeSortField:z,sortRotated:H,handleSort:I,columns:e,hints:y,isScrolled:A,isScrolledEnd:N,stickyFirstColumn:M,stickyLastColumn:k,stickyHeader:x,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`
4207
4207
  &:before {
4208
4208
  position: relative;
4209
4209
  z-index: 3;
@@ -4405,7 +4405,7 @@
4405
4405
  align-items: center;
4406
4406
  gap: 4px;
4407
4407
  ${({alignment:e})=>(0,s.getAlignment)(e)}
4408
- `},99126: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.THead=void 0;const u=o(n(8156)),l=i(n(78357)),s=n(65492),d=n(28911),c=n(91197);t.THead=function({columns:e,hints:t,stickyFirstColumn:n=!1,stickyLastColumn:r=!1,stickyHeader:a=!1,isScrolled:i,isScrolledEnd:o,activeSortField:f,sortRotated:m,columnRenderer:h,handleSort:p}){const{mode:g}=(0,c.useMode)();return u.default.createElement(l.THead,{stickyHeader:a},u.default.createElement("tr",null,e.map(((e,a)=>u.default.createElement(l.TH,{mode:g,isSort:e.sort,key:a,stickyFirstColumn:n,stickyLastColumn:r,isScrolled:i,isScrolledEnd:o,onClick:()=>e.sort?p(String(e.key)):null},u.default.createElement(l.THItem,{alignment:e.alignment},f===e.key&&u.default.createElement(l.Sort,{sortRotated:m}),h?h(Object.assign(Object.assign({},e),{columnIdx:a})):u.default.createElement(u.default.Fragment,null,u.default.createElement(s.Typography,{variant:"caption-Bold",tag:"span",whiteSpace:"nowrap",colorName:"primary"},e.title.split("\n").map(((e,t)=>u.default.createElement(u.default.Fragment,{key:t},e,u.default.createElement("br",null))))),e.hint&&t?u.default.createElement(d.Popup,{content:t[e.hint]||[]}):null)))))))}},45243:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useHorizontalScroll=void 0;const r=n(8156);t.useHorizontalScroll=(e,t,n)=>{const[a,i]=(0,r.useState)(!1),[o,u]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{const r=()=>{if(e.current){const{scrollLeft:t,scrollWidth:n,clientWidth:r}=e.current;i(t>0),u(t+r>=n)}},a=e.current;return(t||n)&&(r(),null==a||a.addEventListener("scroll",r)),()=>{null==a||a.removeEventListener("scroll",r)}}),[t,n]),{tableContainerRef:e,isScrolled:a,isScrolledEnd:o}}},10140:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useSort=void 0;const r=n(8156);t.useSort=function(e,t){const[n,a]=(0,r.useState)(e),[i,o]=(0,r.useState)(null),u=!!t,l="ASC"!==(u?null==t?void 0:t.activeSortDirection:null==i?void 0:i.order),s=u?null==t?void 0:t.activeSortField:null==i?void 0:i.field;return(0,r.useEffect)((()=>{const t=[...e];i&&t.sort(((e,t)=>{const n=e[i.field],r=t[i.field];return"number"==typeof n&&"number"==typeof r?((e,t)=>"ASC"===i.order?e-t:t-e)(n,r):"string"==typeof n&&"string"==typeof r?((e,t)=>"ASC"===i.order?e.localeCompare(t):t.localeCompare(e))(n,r):"number"==typeof n?-1:1})),a(t)}),[e,i]),{sortedData:n,activeSortField:s,sortRotated:l,handleSort:e=>{const n=(null==i?void 0:i.field)!==e?"ASC":"ASC"===i.order?"DESC":"ASC";if(u)return null==t?void 0:t.onSort(e,n);o({field:e,order:n})}}}},54176:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useStickHeader=void 0;const r=n(8156),a=n(40140);t.useStickHeader=(e,t,n,i,o,u)=>{const[l,s]=(0,r.useState)(0),[d,c]=(0,r.useState)(0),[f,m]=(0,r.useState)(!1),h=(0,r.useCallback)((()=>{var t;e&&(null===(t=o.current)||void 0===t||t.scrollTo(i.current.scrollLeft,0))}),[e,o,i]),p=(0,r.useCallback)((()=>{var t,n;e&&(c(null===(t=i.current)||void 0===t?void 0:t.getBoundingClientRect().x),s(null===(n=i.current)||void 0===n?void 0:n.offsetWidth),g())}),[e,i,f,t,n]),g=(0,r.useCallback)((()=>{if(i.current&&e&&f){const e=i.current.querySelectorAll("thead");if(e.length>1){const t=e[0].querySelectorAll("th"),n=e[1].querySelectorAll("th");Array.from(t).map((e=>e.offsetWidth)).filter(((e,t)=>{n[t]&&(n[t].style.minWidth=`${e}px`),n[t]&&(n[t].style.width=`${e}px`),n[t]&&(n[t].style.maxWidth=`${e}px`)}))}}}),[i,t,n,e,f]);return(0,r.useEffect)((()=>{var t,n;e&&(c(null===(t=i.current)||void 0===t?void 0:t.getBoundingClientRect().x),s(null===(n=i.current)||void 0===n?void 0:n.offsetWidth))}),[e,i]),(0,r.useEffect)((()=>{var e;null===(e=o.current)||void 0===e||e.scrollTo(i.current.scrollLeft,0)}),[f,o,i]),(0,r.useEffect)((()=>{if(!i.current)return;const e=new ResizeObserver((()=>{p()}));return e.observe(i.current),()=>e.disconnect()}),[i,p]),(0,r.useEffect)((()=>{const e=i.current;return null==e||e.addEventListener("scroll",h),null===window||void 0===window||window.addEventListener("resize",p),()=>{null==e||e.removeEventListener("scroll",h),null===window||void 0===window||window.removeEventListener("resize",p)}}),[h,p,o,i]),(0,r.useEffect)((()=>{const t=()=>{if(!e)return;const{y:t}=u.current?u.current.getBoundingClientRect():{y:0},{y:n}=i.current?i.current.getBoundingClientRect():{y:0},r=n-a.HEIGHT_HEADER+20,o=t-a.HEIGHT_HEADER;m(r<=0&&o>=50)};return document.addEventListener("scroll",t),()=>document.removeEventListener("scroll",t)}),[e,u,i]),{reachedTop:f,tableWidth:l,tableLeftPosition:d}}},48122:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.TCellText=t.Table=void 0;var r=n(65458);Object.defineProperty(t,"Table",{enumerable:!0,get:function(){return r.Table}});var a=n(96438);Object.defineProperty(t,"TCellText",{enumerable:!0,get:function(){return a.TCellText}})},35892:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getAlignment=void 0,t.getAlignment=e=>{const t={justifyContent:"flex-start",textAlign:e};return"right"===e&&(t.justifyContent="flex-end"),"center"===e&&(t.justifyContent="center"),t}},41713: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(11608)),i=n(64542);t.Wrapper=a.default.div`
4408
+ `},99126: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.THead=void 0;const u=o(n(8156)),l=i(n(78357)),s=n(65492),d=n(28911),c=n(91197);t.THead=function({columns:e,hints:t,stickyFirstColumn:n=!1,stickyLastColumn:r=!1,stickyHeader:a=!1,isScrolled:i,isScrolledEnd:o,activeSortField:f,sortRotated:m,columnRenderer:h,handleSort:p}){const{mode:g}=(0,c.useMode)();return u.default.createElement(l.THead,{stickyHeader:a},u.default.createElement("tr",null,e.map(((e,a)=>u.default.createElement(l.TH,{mode:g,isSort:e.sort,key:a,stickyFirstColumn:n,stickyLastColumn:r,isScrolled:i,isScrolledEnd:o,onClick:()=>e.sort?p(String(e.key)):null},u.default.createElement(l.THItem,{alignment:e.alignment},f===e.key&&u.default.createElement(l.Sort,{sortRotated:m}),h?h(Object.assign(Object.assign({},e),{columnIdx:a})):u.default.createElement(u.default.Fragment,null,u.default.createElement(s.Typography,{variant:"caption-Bold",tag:"span",whiteSpace:"nowrap",colorName:"primary"},e.title.split("\n").map(((e,t)=>u.default.createElement(u.default.Fragment,{key:t},e,u.default.createElement("br",null))))),e.hint&&t?u.default.createElement(d.Popup,{content:t[e.hint]||[]}):null)))))))}},45243:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useHorizontalScroll=void 0;const r=n(8156);t.useHorizontalScroll=(e,t,n)=>{const[a,i]=(0,r.useState)(!1),[o,u]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{const r=()=>{if(e.current){const{scrollLeft:t,scrollWidth:n,clientWidth:r}=e.current;i(t>0),u(t+r>=n)}},a=e.current;return(t||n)&&(r(),null==a||a.addEventListener("scroll",r)),()=>{null==a||a.removeEventListener("scroll",r)}}),[t,n]),{tableContainerRef:e,isScrolled:a,isScrolledEnd:o}}},10140:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useSort=void 0;const r=n(8156);t.useSort=function(e,t){const[n,a]=(0,r.useState)(e),[i,o]=(0,r.useState)(null),u=!!t,l="ASC"!==(u?null==t?void 0:t.activeSortDirection:null==i?void 0:i.order),s=u?null==t?void 0:t.activeSortField:null==i?void 0:i.field;return(0,r.useEffect)((()=>{const t=[...e];i&&t.sort(((e,t)=>{const n=e[i.field],r=t[i.field];return"number"==typeof n&&"number"==typeof r?((e,t)=>"ASC"===i.order?e-t:t-e)(n,r):"string"==typeof n&&"string"==typeof r?((e,t)=>"ASC"===i.order?e.localeCompare(t):t.localeCompare(e))(n,r):"number"==typeof n?-1:1})),a(t)}),[e,i]),{sortedData:n,activeSortField:s,sortRotated:l,handleSort:e=>{const n=(null==i?void 0:i.field)!==e?"ASC":"ASC"===i.order?"DESC":"ASC";if(u)return null==t?void 0:t.onSort(e,n);o({field:e,order:n})}}}},54176:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useStickHeader=void 0;const r=n(8156),a=n(40140);t.useStickHeader=(e,t,n,i,o,u,l)=>{const[s,d]=(0,r.useState)(0),[c,f]=(0,r.useState)(0),[m,h]=(0,r.useState)(!1),p=(0,r.useCallback)((()=>{var t;e&&(null===(t=u.current)||void 0===t||t.scrollTo(o.current.scrollLeft,0))}),[e,u,o]),g=(0,r.useCallback)((()=>{var t,n;e&&(f(null===(t=o.current)||void 0===t?void 0:t.getBoundingClientRect().x),d(null===(n=o.current)||void 0===n?void 0:n.offsetWidth),v())}),[e,o,m,n,i]),v=(0,r.useCallback)((()=>{if(o.current&&e&&m){const e=o.current.querySelectorAll("thead");if(e.length>1){const t=e[0].querySelectorAll("th"),n=e[1].querySelectorAll("th");Array.from(t).map((e=>e.offsetWidth)).filter(((e,t)=>{n[t]&&(n[t].style.minWidth=`${e}px`),n[t]&&(n[t].style.width=`${e}px`),n[t]&&(n[t].style.maxWidth=`${e}px`)}))}}}),[o,n,i,e,m]);return(0,r.useEffect)((()=>{var t,n;e&&(f(null===(t=o.current)||void 0===t?void 0:t.getBoundingClientRect().x),d(null===(n=o.current)||void 0===n?void 0:n.offsetWidth))}),[e,o]),(0,r.useEffect)((()=>{var e;null===(e=u.current)||void 0===e||e.scrollTo(o.current.scrollLeft,0)}),[m,u,o]),(0,r.useEffect)((()=>{if(!o.current)return;const e=new ResizeObserver((()=>{g()}));return e.observe(o.current),()=>e.disconnect()}),[o,g]),(0,r.useEffect)((()=>{const e=o.current;return null==e||e.addEventListener("scroll",p),null===window||void 0===window||window.addEventListener("resize",g),()=>{null==e||e.removeEventListener("scroll",p),null===window||void 0===window||window.removeEventListener("resize",g)}}),[p,g,u,o]),(0,r.useEffect)((()=>{const n=()=>{if(!e)return;const{y:n}=l.current?l.current.getBoundingClientRect():{y:0},{y:r}=o.current?o.current.getBoundingClientRect():{y:0},i=t||0,u=r-a.HEIGHT_HEADER+20-i,s=n-a.HEIGHT_HEADER-i-44;h(u<=0&&s>=50)};return document.addEventListener("scroll",n),()=>document.removeEventListener("scroll",n)}),[e,l,o]),{reachedTop:m,tableWidth:s,tableLeftPosition:c}}},48122:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.TCellText=t.Table=void 0;var r=n(65458);Object.defineProperty(t,"Table",{enumerable:!0,get:function(){return r.Table}});var a=n(96438);Object.defineProperty(t,"TCellText",{enumerable:!0,get:function(){return a.TCellText}})},35892:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getAlignment=void 0,t.getAlignment=e=>{const t={justifyContent:"flex-start",textAlign:e};return"right"===e&&(t.justifyContent="flex-end"),"center"===e&&(t.justifyContent="center"),t}},41713: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(11608)),i=n(64542);t.Wrapper=a.default.div`
4409
4409
  max-width: 100%;
4410
4410
  `,t.Container=a.default.div`
4411
4411
  position: relative;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "profinansy-ui-lib",
3
- "version": "3.4.52",
3
+ "version": "3.4.54",
4
4
  "main": "./dist/index.js",
5
5
  "license": "MIT",
6
6
  "devDependencies": {