profinansy-ui-lib 3.6.52 → 3.6.53
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.
- package/dist/components/uikit/Dropdown/Dropdown.d.ts +2 -2
- package/dist/components/uikit/FilterButton/Drop/Drop.d.ts +2 -2
- package/dist/components/uikit/Hint/Hint.d.ts +2 -2
- package/dist/components/uikit/Popup/Popup.d.ts +2 -2
- package/dist/components/uikit/Table/Table.d.ts +1 -1
- package/dist/components/uikit/Table/Table.typed.d.ts +10 -0
- package/dist/components/uikit/Table/components/THead/THead.d.ts +1 -1
- package/dist/components/uikit/Table/components/THead/THead.styled.d.ts +5 -1
- package/dist/components/uikit/Table/hooks/useDragNDrop.d.ts +17 -0
- package/dist/components/uikit/Table/utils.d.ts +1 -1
- package/dist/components/uikit/Tooltip/Tooltip.d.ts +2 -2
- package/dist/index.js +32 -7
- package/package.json +1 -1
|
@@ -24,10 +24,10 @@ export declare function useDrop({ placement, onOpenList }: {
|
|
|
24
24
|
floating: HTMLElement;
|
|
25
25
|
} & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
|
|
26
26
|
context: {
|
|
27
|
-
x: number;
|
|
28
|
-
y: number;
|
|
29
27
|
placement: Placement;
|
|
30
28
|
strategy: import("@floating-ui/utils").Strategy;
|
|
29
|
+
x: number;
|
|
30
|
+
y: number;
|
|
31
31
|
middlewareData: import("@floating-ui/react").MiddlewareData;
|
|
32
32
|
isPositioned: boolean;
|
|
33
33
|
update: () => void;
|
|
@@ -23,10 +23,10 @@ export declare function useDrop({ placement }: {
|
|
|
23
23
|
floating: HTMLElement;
|
|
24
24
|
} & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
|
|
25
25
|
context: {
|
|
26
|
-
x: number;
|
|
27
|
-
y: number;
|
|
28
26
|
placement: Placement;
|
|
29
27
|
strategy: import("@floating-ui/utils").Strategy;
|
|
28
|
+
x: number;
|
|
29
|
+
y: number;
|
|
30
30
|
middlewareData: import("@floating-ui/react").MiddlewareData;
|
|
31
31
|
isPositioned: boolean;
|
|
32
32
|
update: () => void;
|
|
@@ -25,10 +25,10 @@ export declare function useHint({ placement, isClickMobile }?: HintOptions): {
|
|
|
25
25
|
floating: HTMLElement;
|
|
26
26
|
} & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
|
|
27
27
|
context: {
|
|
28
|
-
x: number;
|
|
29
|
-
y: number;
|
|
30
28
|
placement: Placement;
|
|
31
29
|
strategy: import("@floating-ui/utils").Strategy;
|
|
30
|
+
x: number;
|
|
31
|
+
y: number;
|
|
32
32
|
middlewareData: import("@floating-ui/react").MiddlewareData;
|
|
33
33
|
isPositioned: boolean;
|
|
34
34
|
update: () => void;
|
|
@@ -28,10 +28,10 @@ export declare function usePopup({ placement, isHover }: {
|
|
|
28
28
|
floating: HTMLElement;
|
|
29
29
|
} & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
|
|
30
30
|
context: {
|
|
31
|
-
x: number;
|
|
32
|
-
y: number;
|
|
33
31
|
placement: Placement;
|
|
34
32
|
strategy: import("@floating-ui/utils").Strategy;
|
|
33
|
+
x: number;
|
|
34
|
+
y: number;
|
|
35
35
|
middlewareData: import("@floating-ui/react").MiddlewareData;
|
|
36
36
|
isPositioned: boolean;
|
|
37
37
|
update: () => void;
|
|
@@ -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, fixedHeaderOffset, isScrollWithButton, onClickRow, onDoubleClickRow }: 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, isScrollWithButton, onClickRow, onDoubleClickRow, onColumnsReorder }: ITable<TItem>): JSX.Element;
|
|
@@ -56,6 +56,8 @@ export interface ITable<TItem> {
|
|
|
56
56
|
key: string;
|
|
57
57
|
columnIdx: number;
|
|
58
58
|
}) => JSX.Element;
|
|
59
|
+
/** Функция, которая вызывается при drag'n drop'e колонок. (Должна менять пропс columns) **/
|
|
60
|
+
onColumnsReorder?: (newColumnsOrder: IColumnTable[]) => void;
|
|
59
61
|
}
|
|
60
62
|
export interface IBody<TItem> {
|
|
61
63
|
columns: IColumnTable[];
|
|
@@ -84,17 +86,25 @@ export interface IHead<TItem> {
|
|
|
84
86
|
activeSortOrder: TSort;
|
|
85
87
|
hints: Record<string, string[]>;
|
|
86
88
|
handleSort: (field: string) => void;
|
|
89
|
+
onColumnsReorder?: (newColumnsOrder: IColumnTable[]) => void;
|
|
87
90
|
}
|
|
88
91
|
export interface IColumnTable {
|
|
89
92
|
title: string;
|
|
90
93
|
key: string;
|
|
91
94
|
hint?: string;
|
|
95
|
+
/** Включена ли сортировка для этой колонки **/
|
|
92
96
|
sort?: boolean;
|
|
93
97
|
maxWidth?: string;
|
|
94
98
|
width?: string;
|
|
95
99
|
alignment?: 'left' | 'right' | 'center';
|
|
100
|
+
/** Отключен ли drag'n drop конкретно для этой колонки **/
|
|
101
|
+
draggingDisabled?: boolean;
|
|
96
102
|
}
|
|
97
103
|
export interface ITableSort {
|
|
98
104
|
field: string;
|
|
99
105
|
order: TSort;
|
|
100
106
|
}
|
|
107
|
+
export declare enum TColumnStickPosition {
|
|
108
|
+
left = "left",
|
|
109
|
+
right = "right"
|
|
110
|
+
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { IHead } from '../../Table.typed';
|
|
2
|
-
export declare function THead<TItem>({ columns, hints, stickyFirstColumn, stickyLastColumn, stickyHeader, isScrolled, isScrolledEnd, activeSortField, activeSortOrder, columnRenderer, handleSort }: IHead<TItem>): JSX.Element;
|
|
2
|
+
export declare function THead<TItem>({ columns, hints, stickyFirstColumn, stickyLastColumn, stickyHeader, isScrolled, isScrolledEnd, activeSortField, activeSortOrder, columnRenderer, handleSort, onColumnsReorder }: IHead<TItem>): JSX.Element;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { IColumnTable, TSort } from '../../Table.typed';
|
|
1
|
+
import { IColumnTable, TColumnStickPosition, TSort } from '../../Table.typed';
|
|
2
2
|
export declare const THead: import("styled-components").StyledComponent<"thead", import("styled-components").DefaultTheme, {
|
|
3
3
|
stickyHeader: boolean;
|
|
4
4
|
}, never>;
|
|
@@ -13,7 +13,11 @@ export declare const TH: import("styled-components").StyledComponent<"th", impor
|
|
|
13
13
|
isScrolled: boolean;
|
|
14
14
|
isScrolledEnd: boolean;
|
|
15
15
|
isSort: boolean;
|
|
16
|
+
isDragEntered: boolean;
|
|
17
|
+
isDragging: boolean;
|
|
18
|
+
columnStickPosition: TColumnStickPosition;
|
|
16
19
|
}, never>;
|
|
17
20
|
export declare const THItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
18
21
|
alignment: IColumnTable['alignment'];
|
|
22
|
+
isDragging?: boolean;
|
|
19
23
|
}, never>;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { IColumnTable, TColumnStickPosition } from '../Table.typed';
|
|
2
|
+
type Args = {
|
|
3
|
+
columns: IColumnTable[];
|
|
4
|
+
onColumnsReorder?: (newColumnsOrder: IColumnTable[]) => void;
|
|
5
|
+
};
|
|
6
|
+
export declare const useDragNDrop: ({ columns, onColumnsReorder }: Args) => {
|
|
7
|
+
isDragging: boolean;
|
|
8
|
+
columnStickPosition: TColumnStickPosition;
|
|
9
|
+
onDragStart: (e: React.DragEvent<HTMLTableCellElement>, index: number) => void;
|
|
10
|
+
onDragOver: (e: React.DragEvent<HTMLTableCellElement>) => void;
|
|
11
|
+
handleDragOver: (dragOveredColumnIdx: number) => void;
|
|
12
|
+
handleDragEnd: () => void;
|
|
13
|
+
dragEnteredColumn: number;
|
|
14
|
+
draggingColumnIdx: number;
|
|
15
|
+
setDragEnteredColumn: import("react").Dispatch<import("react").SetStateAction<number>>;
|
|
16
|
+
};
|
|
17
|
+
export {};
|
|
@@ -25,10 +25,10 @@ export declare function useTooltip({ placement, isHover, showArrow }: {
|
|
|
25
25
|
floating: HTMLElement;
|
|
26
26
|
} & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
|
|
27
27
|
context: {
|
|
28
|
-
x: number;
|
|
29
|
-
y: number;
|
|
30
28
|
placement: Placement;
|
|
31
29
|
strategy: import("@floating-ui/utils").Strategy;
|
|
30
|
+
x: number;
|
|
31
|
+
y: number;
|
|
32
32
|
middlewareData: import("@floating-ui/react").MiddlewareData;
|
|
33
33
|
isPositioned: boolean;
|
|
34
34
|
update: () => void;
|
package/dist/index.js
CHANGED
|
@@ -5292,7 +5292,7 @@
|
|
|
5292
5292
|
& > div {
|
|
5293
5293
|
overflow: hidden !important;
|
|
5294
5294
|
}
|
|
5295
|
-
`},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)),s=n(64484),l=n(99126),c=n(41899),d=n(91197),f=n(11608),m=n(45243),p=n(10140),h=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:_,stickyLastColumn:k,stickyHeader:x,stickyPageHeader:P,isDraggable:O,customSort:E,onScrollEndReach:j,fixedHeaderOffset:S,isScrollWithButton:D,onClickRow:C,onDoubleClickRow:T}){const
|
|
5295
|
+
`},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)),s=n(64484),l=n(99126),c=n(41899),d=n(91197),f=n(11608),m=n(45243),p=n(10140),h=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:_,stickyLastColumn:k,stickyHeader:x,stickyPageHeader:P,isDraggable:O,customSort:E,onScrollEndReach:j,fixedHeaderOffset:S,isScrollWithButton:D,onClickRow:C,onDoubleClickRow:T,onColumnsReorder:W}){const I=(0,o.useRef)(null),Z=(0,o.useRef)(null),{lastRowRef:L}=(0,v.useLastElement)(j),{mode:H}=(0,d.useMode)(),{sortedData:A,handleSort:N,activeSortField:z,activeSortOrder:F}=(0,p.useSort)(i,E),{isScrolled:R,isScrolledEnd:B}=(0,m.useHorizontalScroll)(I,_,k),$=(0,o.useMemo)((()=>E?i:A),[E,i,A]),{reachedTop:Y,tableWidth:V,tableLeftPosition:X}=(0,g.useStickHeader)(P,S,i,e,I,Z,L);(0,h.useDragging)(I,O);const U=()=>o.default.createElement(u.Container,{tableHeight:y,ref:I,isDraggable:O},o.default.createElement(u.Table,null,o.default.createElement(l.THead,{onColumnsReorder:W,activeSortField:z,activeSortOrder:F,handleSort:N,columns:e,hints:w,isScrolled:R,isScrolledEnd:B,stickyFirstColumn:_,stickyLastColumn:k,stickyHeader:x,columnRenderer:n}),o.default.createElement(s.TBody,{lastRowRef:L,stickyFirstColumn:_,stickyLastColumn:k,isScrolled:R,isScrolledEnd:B,columns:e,data:$,tCellRenderer:t,RowWrapper:r,RowWrapperExpand:a,rowHeight:M,onClickRow:C,onDoubleClickRow:T}),P&&Y&&o.default.createElement(u.FixedHeader,{ref:Z,fixedHeaderOffset:S,tableWidth:V,left:X},o.default.createElement(u.Plug,null),o.default.createElement(l.THead,{activeSortField:z,activeSortOrder:F,handleSort:N,columns:e,hints:w,isScrolled:R,isScrolledEnd:B,stickyFirstColumn:_,stickyLastColumn:k,stickyHeader:x,columnRenderer:n}))));return D?o.default.createElement(f.ThemeProvider,{theme:c.palette[H]},o.default.createElement(u.ScrollWrapper,null,U(),o.default.createElement(b.ScrollButton,{contentRef:I,data:$}))):o.default.createElement(f.ThemeProvider,{theme:c.palette[H]},U())}},26717:(e,t)=>{"use strict";var n;Object.defineProperty(t,"__esModule",{value:!0}),t.TColumnStickPosition=void 0,(n=t.TColumnStickPosition||(t.TColumnStickPosition={})).left="left",n.right="right"},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`
|
|
5296
5296
|
display: flex;
|
|
5297
5297
|
flex-direction: column;
|
|
5298
5298
|
justify-content: space-between;
|
|
@@ -5444,7 +5444,7 @@
|
|
|
5444
5444
|
display: flex;
|
|
5445
5445
|
align-items: center;
|
|
5446
5446
|
${({alignment:e})=>(0,u.getAlignment)(e)}
|
|
5447
|
-
`},64484: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.TBody=void 0;const u=o(n(8156)),s=i(n(28530)),l=n(65492),c=n(91197);t.TBody=function({RowWrapper:e,RowWrapperExpand:t,data:n,columns:r,isScrolled:a,isScrolledEnd:i,rowHeight:o=44,tCellRenderer:d,stickyFirstColumn:f=!1,stickyLastColumn:m=!1,lastRowRef:p,onClickRow:h,onDoubleClickRow:g}){const{mode:v}=(0,c.useMode)(),b=(e,t)=>e.CustomRow?u.default.createElement("td",{colSpan:r.length},e.CustomRow):u.default.createElement(u.default.Fragment,null,r.map(((o,c)=>u.default.createElement(u.default.Fragment,{key:c},d?u.default.createElement(s.TD,{mode:v,width:o.width,maxWidth:o.maxWidth,isScrolled:a,isScrolledEnd:i,stickyFirstColumn:f,stickyLastColumn:m},u.default.createElement(s.TDItem,{alignment:o.alignment},d({rowData:e,columnKey:o.key,index:c,cellRowIndex:t,isLastCell:c===r.length-1,isLastRow:t===(null==n?void 0:n.length)-1}))):u.default.createElement(s.TD,{mode:v,maxWidth:o.maxWidth,isScrolled:a,isScrolledEnd:i,stickyFirstColumn:f,stickyLastColumn:m},u.default.createElement(s.TDItem,{alignment:o.alignment},u.default.createElement(l.Typography,{variant:"caption-Medium",tag:"span",whiteSpace:"nowrap",colorName:"primary"},e[o.key])))))));return u.default.createElement(s.TBody,null,null==n?void 0:n.map(((a,i)=>{var l;return u.default.createElement(u.default.Fragment,{key:i},u.default.createElement(s.TR,{isCustomRow:!!a.CustomRow,isActive:!!a.isActive,isClick:!!h||!!g,onClick:()=>(e=>{h&&h(e)})(a),onDoubleClick:()=>(e=>{g&&g(e)})(a),style:{height:o},withoutBorder:!!(null===(l=n[i])||void 0===l?void 0:l.expandContent)},e?u.default.createElement(e,{data:a},b(a,i)):u.default.createElement(u.default.Fragment,null,b(a,i))),(e=>e.expandContent?u.default.createElement(s.ExpandTR,null,t?u.default.createElement(t,{data:e},u.default.createElement("td",{colSpan:r.length},e.expandContent)):u.default.createElement("td",{colSpan:r.length},e.expandContent)):null)(a))})),u.default.createElement("tr",{ref:p}))}},96438: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.TCellText=void 0;const a=r(n(8156)),i=r(n(94184)),o=n(65492),u=n(40045);t.TCellText=({children:e,hiddenText:t,style:n,className:r,valueNumber:s,nowrap:l})=>{const c={};return l&&(c.whiteSpace="nowrap"),t?a.default.createElement(u.HiddenText,Object.assign({},t),a.default.createElement(o.Typography,Object.assign({variant:"caption-Medium",tag:"span",colorName:"primary",valueNumber:s,className:(0,i.default)(r,"TCellText")},c,n),e)):a.default.createElement(o.Typography,Object.assign({variant:"caption-Medium",tag:"span",colorName:"primary",valueNumber:s,className:(0,i.default)(r,"TCellText")},c,n),e)}},78357: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.THItem=t.TH=t.Sort=t.THead=void 0;const u=i(n(11608)),s=o(n(48335)),l=n(35892);t.THead=u.default.thead`
|
|
5447
|
+
`},64484: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.TBody=void 0;const u=o(n(8156)),s=i(n(28530)),l=n(65492),c=n(91197);t.TBody=function({RowWrapper:e,RowWrapperExpand:t,data:n,columns:r,isScrolled:a,isScrolledEnd:i,rowHeight:o=44,tCellRenderer:d,stickyFirstColumn:f=!1,stickyLastColumn:m=!1,lastRowRef:p,onClickRow:h,onDoubleClickRow:g}){const{mode:v}=(0,c.useMode)(),b=(e,t)=>e.CustomRow?u.default.createElement("td",{colSpan:r.length},e.CustomRow):u.default.createElement(u.default.Fragment,null,r.map(((o,c)=>u.default.createElement(u.default.Fragment,{key:c},d?u.default.createElement(s.TD,{mode:v,width:o.width,maxWidth:o.maxWidth,isScrolled:a,isScrolledEnd:i,stickyFirstColumn:f,stickyLastColumn:m},u.default.createElement(s.TDItem,{alignment:o.alignment},d({rowData:e,columnKey:o.key,index:c,cellRowIndex:t,isLastCell:c===r.length-1,isLastRow:t===(null==n?void 0:n.length)-1}))):u.default.createElement(s.TD,{mode:v,maxWidth:o.maxWidth,isScrolled:a,isScrolledEnd:i,stickyFirstColumn:f,stickyLastColumn:m},u.default.createElement(s.TDItem,{alignment:o.alignment},u.default.createElement(l.Typography,{variant:"caption-Medium",tag:"span",whiteSpace:"nowrap",colorName:"primary"},e[o.key])))))));return u.default.createElement(s.TBody,null,null==n?void 0:n.map(((a,i)=>{var l;return u.default.createElement(u.default.Fragment,{key:i},u.default.createElement(s.TR,{isCustomRow:!!a.CustomRow,isActive:!!a.isActive,isClick:!!h||!!g,onClick:()=>(e=>{h&&h(e)})(a),onDoubleClick:()=>(e=>{g&&g(e)})(a),style:{height:o},withoutBorder:!!(null===(l=n[i])||void 0===l?void 0:l.expandContent)},e?u.default.createElement(e,{data:a},b(a,i)):u.default.createElement(u.default.Fragment,null,b(a,i))),(e=>e.expandContent?u.default.createElement(s.ExpandTR,null,t?u.default.createElement(t,{data:e},u.default.createElement("td",{colSpan:r.length},e.expandContent)):u.default.createElement("td",{colSpan:r.length},e.expandContent)):null)(a))})),u.default.createElement("tr",{ref:p}))}},96438: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.TCellText=void 0;const a=r(n(8156)),i=r(n(94184)),o=n(65492),u=n(40045);t.TCellText=({children:e,hiddenText:t,style:n,className:r,valueNumber:s,nowrap:l})=>{const c={};return l&&(c.whiteSpace="nowrap"),t?a.default.createElement(u.HiddenText,Object.assign({},t),a.default.createElement(o.Typography,Object.assign({variant:"caption-Medium",tag:"span",colorName:"primary",valueNumber:s,className:(0,i.default)(r,"TCellText")},c,n),e)):a.default.createElement(o.Typography,Object.assign({variant:"caption-Medium",tag:"span",colorName:"primary",valueNumber:s,className:(0,i.default)(r,"TCellText")},c,n),e)}},78357: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.THItem=t.TH=t.Sort=t.THead=void 0;const u=i(n(11608)),s=o(n(48335)),l=n(26717),c=n(35892);t.THead=u.default.thead`
|
|
5448
5448
|
position: ${e=>e.stickyHeader?"sticky":"relative"};
|
|
5449
5449
|
top: 0;
|
|
5450
5450
|
z-index: 2;
|
|
@@ -5455,19 +5455,39 @@
|
|
|
5455
5455
|
|
|
5456
5456
|
transform: ${e=>"DESC"===e.activeSort?"rotate(0deg)":"rotate(180deg)"};
|
|
5457
5457
|
`,t.TH=u.default.th`
|
|
5458
|
-
|
|
5458
|
+
position: relative;
|
|
5459
|
+
background: ${e=>e.isDragEntered?e.theme.background.accentSecondaryTint:e.theme.background.secondaryAlpha};
|
|
5459
5460
|
padding: 0 12px;
|
|
5460
5461
|
height: 44px;
|
|
5461
5462
|
min-height: 44px;
|
|
5462
5463
|
max-height: 44px;
|
|
5463
5464
|
position: relative;
|
|
5464
|
-
|
|
5465
|
+
|
|
5466
|
+
&:after {
|
|
5467
|
+
display: ${e=>e.isDragEntered?"block":"none"};
|
|
5468
|
+
content: ' ';
|
|
5469
|
+
position: absolute;
|
|
5470
|
+
top: 0;
|
|
5471
|
+
${e=>e.columnStickPosition===l.TColumnStickPosition.right&&u.css`
|
|
5472
|
+
right: 0;
|
|
5473
|
+
`};
|
|
5474
|
+
${e=>e.columnStickPosition===l.TColumnStickPosition.left&&u.css`
|
|
5475
|
+
left: 0;
|
|
5476
|
+
`};
|
|
5477
|
+
width: 2px;
|
|
5478
|
+
height: 100%;
|
|
5479
|
+
background-color: ${e=>e.theme.interactiveButtons.brandBackground};
|
|
5480
|
+
}
|
|
5481
|
+
|
|
5482
|
+
${e=>(e.isSort||e.draggable)&&u.css`
|
|
5465
5483
|
position: relative;
|
|
5466
5484
|
cursor: pointer;
|
|
5485
|
+
|
|
5467
5486
|
&:hover {
|
|
5468
|
-
background: ${e
|
|
5487
|
+
background: ${e.isDragging?e.theme.background.secondaryAlpha:e.theme.background.accentSecondaryTint};
|
|
5469
5488
|
}
|
|
5470
5489
|
`};
|
|
5490
|
+
|
|
5471
5491
|
${e=>e.stickyFirstColumn&&u.css`
|
|
5472
5492
|
&:first-of-type {
|
|
5473
5493
|
position: sticky;
|
|
@@ -5515,11 +5535,16 @@
|
|
|
5515
5535
|
border-radius: 0 8px 8px 0;
|
|
5516
5536
|
}
|
|
5517
5537
|
`,t.THItem=u.default.div`
|
|
5538
|
+
pointer-events: ${e=>e.isDragging?"none":"unset"};
|
|
5539
|
+
* {
|
|
5540
|
+
pointer-events: ${e=>e.isDragging?"none":"unset"};
|
|
5541
|
+
}
|
|
5542
|
+
|
|
5518
5543
|
display: flex;
|
|
5519
5544
|
align-items: center;
|
|
5520
5545
|
gap: 4px;
|
|
5521
|
-
${({alignment:e})=>(0,
|
|
5522
|
-
`},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)),s=i(n(78357)),l=n(65492),c=n(28911),d=n(91197);t.THead=function({columns:e,hints:t,stickyFirstColumn:n=!1,stickyLastColumn:r=!1,stickyHeader:a=!1,isScrolled:i,isScrolledEnd:o,activeSortField:
|
|
5546
|
+
${({alignment:e})=>(0,c.getAlignment)(e)}
|
|
5547
|
+
`},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)),s=i(n(78357)),l=n(65492),c=n(28911),d=n(91197),f=n(74686);t.THead=function({columns:e,hints:t,stickyFirstColumn:n=!1,stickyLastColumn:r=!1,stickyHeader:a=!1,isScrolled:i,isScrolledEnd:o,activeSortField:m,activeSortOrder:p,columnRenderer:h,handleSort:g,onColumnsReorder:v}){const{mode:b}=(0,d.useMode)(),{onDragOver:y,columnStickPosition:w,handleDragEnd:M,handleDragOver:_,isDragging:k,onDragStart:x,dragEnteredColumn:P,draggingColumnIdx:O,setDragEnteredColumn:E}=(0,f.useDragNDrop)({columns:e,onColumnsReorder:v});return u.default.createElement(s.THead,{stickyHeader:a},u.default.createElement("tr",null,e.map(((a,d)=>{const f=!v||a.draggingDisabled||0===d&&n;return u.default.createElement(s.TH,{isDragEntered:P===d&&P!==O,columnStickPosition:w,draggable:!f,isDragging:O===d,onDragStart:e=>x(e,d),onDragOver:y,onDrop:()=>_(d),onDragEnd:()=>M(),onDragEnterCapture:()=>{var t;(null===(t=e[d])||void 0===t?void 0:t.draggingDisabled)||E(d)},onDragLeaveCapture:()=>{E((e=>e===d?null:e))},mode:b,isSort:a.sort,key:d,stickyFirstColumn:n,stickyLastColumn:r,isScrolled:i,isScrolledEnd:o,onClick:()=>a.sort?g(String(a.key)):null},u.default.createElement(s.THItem,{alignment:a.alignment,isDragging:k},m===a.key&&null!==p&&u.default.createElement(s.Sort,{activeSort:p}),h?h(Object.assign(Object.assign({},a),{columnIdx:d})):u.default.createElement(u.default.Fragment,null,u.default.createElement(l.Typography,{pointerEvents:k?"none":"unset",variant:"caption-Bold",tag:"span",whiteSpace:"nowrap",colorName:"primary"},a.title.split("\n").map(((e,t)=>u.default.createElement(u.default.Fragment,{key:t},e,u.default.createElement("br",null))))),a.hint&&t?u.default.createElement(c.Popup,{content:t[a.hint]||[]}):null)))}))))}},74686:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useDragNDrop=void 0;const r=n(8156),a=n(26717);t.useDragNDrop=({columns:e,onColumnsReorder:t})=>{const[n,i]=(0,r.useState)(!1),[o,u]=(0,r.useState)(null),[s,l]=(0,r.useState)(null);return{isDragging:n,columnStickPosition:o<s?a.TColumnStickPosition.right:a.TColumnStickPosition.left,onDragStart:(e,t)=>{e.dataTransfer.effectAllowed="move",i(!0),u(t)},onDragOver:e=>{e.preventDefault()},handleDragOver:n=>{var r;if(null===(r=e[n])||void 0===r?void 0:r.draggingDisabled)return;const a=[...e],[i]=a.splice(o,1);a.splice(n,0,i),t(a)},handleDragEnd:()=>{u(null),l(null),i(!1)},dragEnteredColumn:s,draggingColumnIdx:o,setDragEnteredColumn:l}}},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),a={null:"ASC",ASC:"DESC",DESC:null};t.useSort=function(e,t){const[n,i]=(0,r.useState)(e),[o,u]=(0,r.useState)({field:null,order:null}),s=!!t;return(0,r.useEffect)((()=>{t&&t.activeSortDirection!==o.order&&t.activeSortField!==o.field&&u({field:t.activeSortField,order:t.activeSortDirection})}),[t]),(0,r.useEffect)((()=>{const t=(e,t)=>{const n=e[o.field],r=t[o.field];return"number"==typeof n&&"number"==typeof r?((e,t)=>{const n=null!=e?e:-1/0,r=null!=t?t:-1/0;return"ASC"===o.order?n-r:r-n})(n,r):"string"==typeof n&&"string"==typeof r?isNaN(Date.parse(n))?((e,t)=>"ASC"===o.order?e.localeCompare(t):t.localeCompare(e))(n,r):((e,t)=>{const n=e?new Date(e).getTime():-1/0,r=t?new Date(t).getTime():-1/0;return"ASC"===o.order?n-r:r-n})(n,r):"number"==typeof n?"DESC"===o.order?-1:1:"DESC"===o.order?1:-1};if(!s)if(null==o?void 0:o.order){const n=[...e];n.sort(t),i(n)}else i([...e])}),[e,o]),{sortedData:n,activeSortField:o.field,activeSortOrder:o.order,handleSort:e=>{const n=a[o.field!==e?null:o.order];u({field:e,order:n}),s&&(null==t||t.onSort(e,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,s)=>{const[l,c]=(0,r.useState)(0),[d,f]=(0,r.useState)(0),[m,p]=(0,r.useState)(!1),h=(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),c(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),c(null===(n=o.current)||void 0===n?void 0:n.offsetWidth))}),[e,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",h),null===window||void 0===window||window.addEventListener("resize",g),()=>{null==e||e.removeEventListener("scroll",h),null===window||void 0===window||window.removeEventListener("resize",g)}}),[h,g,u,o]),(0,r.useEffect)((()=>{const n=()=>{var n,r,i;if(!e)return;const{y:l}=s.current?s.current.getBoundingClientRect():{y:0},{y:c}=o.current?o.current.getBoundingClientRect():{y:0},d=t||0,f=c-a.HEIGHT_HEADER+20-d,m=l-a.HEIGHT_HEADER-d-44,g=f<=0&&m>=50;g&&(null===(n=u.current)||void 0===n?void 0:n.scrollLeft)!==(null===(r=o.current)||void 0===r?void 0:r.scrollLeft)&&(null===(i=o.current)||void 0===i?void 0:i.scrollLeft)>0&&h(),p(g)};return document.addEventListener("scroll",n),()=>document.removeEventListener("scroll",n)}),[e,s,o,t]),{reachedTop:m,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.__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.NewTabCircle=t.RightButton=t.LeftButton=t.Mute=t.LineIndicator=t.Button=t.Container=t.Wrapper=void 0;const o=i(n(11608)),u=n(64542),s=n(8760),l=n(40140),c=o.keyframes`
|
|
5523
5548
|
from {
|
|
5524
5549
|
opacity: 0;
|
|
5525
5550
|
}
|