profinansy-ui-lib 3.3.70 → 3.3.71
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 +1 -1
- package/dist/components/uikit/FilterButton/Drop/Drop.d.ts +1 -1
- package/dist/components/uikit/Hint/Hint.d.ts +1 -1
- package/dist/components/uikit/Popup/Popup.d.ts +1 -1
- package/dist/components/uikit/Table/Table.d.ts +1 -1
- package/dist/components/uikit/Table/Table.stories.d.ts +3 -0
- package/dist/components/uikit/Table/Table.typed.d.ts +8 -1
- package/dist/components/uikit/Table/components/THead/THead.d.ts +1 -2
- package/dist/components/uikit/Tooltip/Tooltip.d.ts +1 -1
- package/dist/index.js +2 -2
- package/package.json +1 -1
|
@@ -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>, "
|
|
46
|
+
getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
|
|
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>, "
|
|
45
|
+
getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
|
|
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>, "
|
|
47
|
+
getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
|
|
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>, "
|
|
50
|
+
getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
|
|
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, 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, onClickRow }: ITable<TItem>): JSX.Element;
|
|
@@ -43,6 +43,12 @@ export interface ITable<TItem> {
|
|
|
43
43
|
isLastCell: boolean;
|
|
44
44
|
cellRowIndex: number;
|
|
45
45
|
}) => JSX.Element;
|
|
46
|
+
/** функция для отрисовки ячейки шапки таблицы **/
|
|
47
|
+
columnRenderer?: (columnData: IColumnTable & {
|
|
48
|
+
title: string;
|
|
49
|
+
key: string;
|
|
50
|
+
columnIdx: number;
|
|
51
|
+
}) => JSX.Element;
|
|
46
52
|
}
|
|
47
53
|
export interface IBody<TItem> {
|
|
48
54
|
columns: IColumnTable[];
|
|
@@ -58,8 +64,9 @@ export interface IBody<TItem> {
|
|
|
58
64
|
onClickRow: ITable<TItem>['onClickRow'];
|
|
59
65
|
lastRowRef: React.MutableRefObject<HTMLTableRowElement>;
|
|
60
66
|
}
|
|
61
|
-
export interface IHead {
|
|
67
|
+
export interface IHead<TItem> {
|
|
62
68
|
columns: IColumnTable[];
|
|
69
|
+
columnRenderer: ITable<TItem>['columnRenderer'];
|
|
63
70
|
isScrolled: boolean;
|
|
64
71
|
isScrolledEnd: boolean;
|
|
65
72
|
stickyFirstColumn: boolean;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
1
|
import { IHead } from '../../Table.typed';
|
|
2
|
-
declare
|
|
3
|
-
export { THead };
|
|
2
|
+
export declare function THead<TItem>({ columns, hints, stickyFirstColumn, stickyLastColumn, stickyHeader, isScrolled, isScrolledEnd, activeSortField, sortRotated, columnRenderer, handleSort }: IHead<TItem>): JSX.Element;
|
|
@@ -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>, "
|
|
47
|
+
getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
|
|
48
48
|
active?: boolean;
|
|
49
49
|
selected?: boolean;
|
|
50
50
|
}) => Record<string, unknown>;
|
package/dist/index.js
CHANGED
|
@@ -7480,7 +7480,7 @@
|
|
|
7480
7480
|
left: ${e=>`${e.left}px`};
|
|
7481
7481
|
width: ${e=>`${e.tableWidth||1857}px`};
|
|
7482
7482
|
overflow: hidden;
|
|
7483
|
-
`},5458: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)),l=i(n(6630)),u=n(4484),s=n(9126),c=n(1899),d=n(1197),f=n(1608),m=n(5243),h=n(2280),p=n(5968),g=n(4176),v=n(9311);t.Table=function({columns:e,tCellRenderer:t,
|
|
7483
|
+
`},5458: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)),l=i(n(6630)),u=n(4484),s=n(9126),c=n(1899),d=n(1197),f=n(1608),m=n(5243),h=n(2280),p=n(5968),g=n(4176),v=n(9311);t.Table=function({columns:e,tCellRenderer:t,columnRenderer:n,RowWrapper:r,RowWrapperExpand:a,data:i,tableHeight:b,hints:y,rowHeight:w,stickyFirstColumn:x,stickyLastColumn:M,stickyHeader:k,stickyPageHeader:_,isDraggable:P,customSort:O,onScrollEndReach:E,onClickRow:j}){const S=(0,o.useRef)(null),C=(0,o.useRef)(null),{lastRowRef:T}=(0,v.useLastElement)(E),{mode:D}=(0,d.useMode)(),{sortedData:Z,handleSort:W,activeSortField:I,sortRotated:B}=(0,h.useSort)(i,O),{isScrolled:L,isScrolledEnd:z}=(0,m.useHorizontalScroll)(S,x,M),{reachedTop:H,tableWidth:A,tableLeftPosition:N}=(0,g.useStickHeader)(_,i,e,S,C,T);return(0,p.useDragging)(S,P),o.default.createElement(f.ThemeProvider,{theme:c.palette[D]},o.default.createElement(l.Container,{tableHeight:b,ref:S,isDraggable:P},o.default.createElement(l.Table,null,o.default.createElement(s.THead,{activeSortField:I,sortRotated:B,handleSort:W,columns:e,hints:y,isScrolled:L,isScrolledEnd:z,stickyFirstColumn:x,stickyLastColumn:M,stickyHeader:k,columnRenderer:n}),o.default.createElement(u.TBody,{lastRowRef:T,stickyFirstColumn:x,stickyLastColumn:M,isScrolled:L,isScrolledEnd:z,columns:e,data:Z,tCellRenderer:t,RowWrapper:r,RowWrapperExpand:a,rowHeight:w,onClickRow:j}),_&&H&&o.default.createElement(l.FixedHeader,{ref:C,tableWidth:A,left:N},o.default.createElement(s.THead,{activeSortField:I,sortRotated:B,handleSort:W,columns:e,hints:y,isScrolled:L,isScrolledEnd:z,stickyFirstColumn:x,stickyLastColumn:M,stickyHeader:k,columnRenderer:n})))))}},8530: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(1608)),l=n(5892),u=n(140);t.TBody=o.default.tbody`
|
|
7484
7484
|
&:before {
|
|
7485
7485
|
position: relative;
|
|
7486
7486
|
z-index: 3;
|
|
@@ -7658,7 +7658,7 @@
|
|
|
7658
7658
|
align-items: center;
|
|
7659
7659
|
gap: 4px;
|
|
7660
7660
|
${({alignment:e})=>(0,s.getAlignment)(e)}
|
|
7661
|
-
`},9126: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 l=o(n(8156)),u=i(n(8357)),s=n(5492),c=n(8911),d=n(1197);t.THead=({columns:e,hints:t,stickyFirstColumn:n=!1,stickyLastColumn:r=!1,stickyHeader:a=!1,isScrolled:i,isScrolledEnd:o,activeSortField:f,sortRotated:m,handleSort:
|
|
7661
|
+
`},9126: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 l=o(n(8156)),u=i(n(8357)),s=n(5492),c=n(8911),d=n(1197);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,d.useMode)();return l.default.createElement(u.THead,{stickyHeader:a},l.default.createElement("tr",null,e.map(((e,a)=>l.default.createElement(u.TH,{mode:g,isSort:e.sort,key:a,stickyFirstColumn:n,stickyLastColumn:r,isScrolled:i,isScrolledEnd:o,onClick:()=>e.sort?p(String(e.key)):null},l.default.createElement(u.THItem,{alignment:e.alignment},f===e.key&&l.default.createElement(u.Sort,{sortRotated:m}),h?h(Object.assign(Object.assign({},e),{columnIdx:a})):l.default.createElement(l.default.Fragment,null,l.default.createElement(s.Typography,{variant:"caption-Bold",tag:"span",whiteSpace:"nowrap",colorName:"primary"},e.title.split("\n").map(((e,t)=>l.default.createElement(l.default.Fragment,{key:t},e,l.default.createElement("br",null))))),e.hint&&t?l.default.createElement(c.Popup,{content:t[e.hint]||[]}):null)))))))}},5968:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useDragging=void 0;const r=n(8156);t.useDragging=(e,t)=>{const[n,a]=(0,r.useState)(!1),i=(0,r.useRef)(0),o=(0,r.useRef)(0);(0,r.useEffect)((()=>{const r=t=>{a(!0),e.current&&(i.current=t.pageX-e.current.offsetLeft,o.current=e.current.scrollLeft)},l=t=>{if(n&&(t.preventDefault(),e.current)){const n=2*(t.pageX-e.current.offsetLeft-i.current);e.current.scrollLeft=o.current-n}},u=()=>{a(!1)},s=e.current;return t&&(null==s||s.addEventListener("mousedown",r),null==s||s.addEventListener("mousemove",l),window.addEventListener("mouseup",u)),()=>{null==s||s.removeEventListener("mousedown",r),null==s||s.removeEventListener("mousemove",l),window.removeEventListener("mouseup",u)}}),[n,t])}},5243:(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,l]=(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),l(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}}},2280:(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),l=!!t,u="ASC"!==(l?null==t?void 0:t.activeSortDirection:null==i?void 0:i.order),s=l?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:u,handleSort:e=>{const n=(null==i?void 0:i.field)!==e?"ASC":"ASC"===i.order?"DESC":"ASC";if(l)return null==t?void 0:t.onSort(e,n);o({field:e,order:n})}}}},4176:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useStickHeader=void 0;const r=n(8156),a=n(140);t.useStickHeader=(e,t,n,i,o,l)=>{const[u,s]=(0,r.useState)(0),[c,d]=(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&&(d(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&&(d(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}=l.current?l.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,l,i]),{reachedTop:f,tableWidth:u,tableLeftPosition:c}}},8122:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.TCellText=t.Table=void 0;var r=n(5458);Object.defineProperty(t,"Table",{enumerable:!0,get:function(){return r.Table}});var a=n(6438);Object.defineProperty(t,"TCellText",{enumerable:!0,get:function(){return a.TCellText}})},5892:(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}},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`
|
|
7662
7662
|
max-width: 100%;
|
|
7663
7663
|
`,t.Container=a.default.div`
|
|
7664
7664
|
position: relative;
|