profinansy-ui-lib 3.6.51 → 3.6.53

package/dist/components/blocks/footer/constants.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { UserRole } from '../../../common.types';
 export declare const getFooterNavRows: (userRole: UserRole, hostname: string, leaderboardPermission: boolean) => {
     name: string;

package/dist/components/blocks/search/hooks/useAdaptDataForSearch.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ISearch } from '../../../../api/search/search.typed';
 export declare const useAdaptDataForSearch: (data: ISearch) => {
     listItems: import("../../../../api/search/search.typed").IInstrumentSearch[] | import("../../../../api/search/search.typed").ILinkItem[];

package/dist/components/blocks/search/hooks/useControlsKeyboard.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { ISubcategory } from '../../../../api/search/search.typed';
 declare const useControlsKeyboard: (listItems: ISubcategory['children']) => {
     selectedIndex: number;
-    itemRefs: import("react").MutableRefObject<(HTMLDivElement | HTMLAnchorElement)[]>;
+    itemRefs: import("react").MutableRefObject<(HTMLAnchorElement | HTMLDivElement)[]>;
 };
 export { useControlsKeyboard };

package/dist/components/blocks/search/hooks/useUpdateInput.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const useUpdateInput: () => {
     handleChange: (val: string) => void;
     value: string;

package/dist/components/blocks/sideMenu/hooks/useGetCoordinates.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const useGetCoordinates: () => {
     refButton: import("react").MutableRefObject<any>;
     coordinates: {

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, isScrollWithButton, 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, onColumnsReorder }: ITable<TItem>): JSX.Element;

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

@@ -56,6 +56,8 @@ export interface ITable<TItem> {
         key: string;
         columnIdx: number;
     }) => JSX.Element;
+    /** Функция, которая вызывается при drag'n drop'e колонок. (Должна менять пропс columns) **/
+    onColumnsReorder?: (newColumnsOrder: IColumnTable[]) => void;
 }
 export interface IBody<TItem> {
     columns: IColumnTable[];
@@ -84,17 +86,25 @@ export interface IHead<TItem> {
     activeSortOrder: TSort;
     hints: Record<string, string[]>;
     handleSort: (field: string) => void;
+    onColumnsReorder?: (newColumnsOrder: IColumnTable[]) => void;
 }
 export interface IColumnTable {
     title: string;
     key: string;
     hint?: string;
+    /** Включена ли сортировка для этой колонки **/
     sort?: boolean;
     maxWidth?: string;
     width?: string;
     alignment?: 'left' | 'right' | 'center';
+    /** Отключен ли drag'n drop конкретно для этой колонки **/
+    draggingDisabled?: boolean;
 }
 export interface ITableSort {
     field: string;
     order: TSort;
 }
+export declare enum TColumnStickPosition {
+    left = "left",
+    right = "right"
+}

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

@@ -1,2 +1,2 @@
 import { IHead } from '../../Table.typed';
-export declare function THead<TItem>({ columns, hints, stickyFirstColumn, stickyLastColumn, stickyHeader, isScrolled, isScrolledEnd, activeSortField, activeSortOrder, columnRenderer, handleSort }: IHead<TItem>): JSX.Element;
+export declare function THead<TItem>({ columns, hints, stickyFirstColumn, stickyLastColumn, stickyHeader, isScrolled, isScrolledEnd, activeSortField, activeSortOrder, columnRenderer, handleSort, onColumnsReorder }: IHead<TItem>): JSX.Element;

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

@@ -1,4 +1,4 @@
-import { IColumnTable, TSort } from '../../Table.typed';
+import { IColumnTable, TColumnStickPosition, TSort } from '../../Table.typed';
 export declare const THead: import("styled-components").StyledComponent<"thead", import("styled-components").DefaultTheme, {
     stickyHeader: boolean;
 }, never>;
@@ -13,7 +13,11 @@ export declare const TH: import("styled-components").StyledComponent<"th", impor
     isScrolled: boolean;
     isScrolledEnd: boolean;
     isSort: boolean;
+    isDragEntered: boolean;
+    isDragging: boolean;
+    columnStickPosition: TColumnStickPosition;
 }, never>;
 export declare const THItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     alignment: IColumnTable['alignment'];
+    isDragging?: boolean;
 }, never>;

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

@@ -0,0 +1,17 @@
+import { IColumnTable, TColumnStickPosition } from '../Table.typed';
+type Args = {
+    columns: IColumnTable[];
+    onColumnsReorder?: (newColumnsOrder: IColumnTable[]) => void;
+};
+export declare const useDragNDrop: ({ columns, onColumnsReorder }: Args) => {
+    isDragging: boolean;
+    columnStickPosition: TColumnStickPosition;
+    onDragStart: (e: React.DragEvent<HTMLTableCellElement>, index: number) => void;
+    onDragOver: (e: React.DragEvent<HTMLTableCellElement>) => void;
+    handleDragOver: (dragOveredColumnIdx: number) => void;
+    handleDragEnd: () => void;
+    dragEnteredColumn: number;
+    draggingColumnIdx: number;
+    setDragEnteredColumn: import("react").Dispatch<import("react").SetStateAction<number>>;
+};
+export {};

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

@@ -1,5 +1,5 @@
 import { IColumnTable } from './Table.typed';
 export declare const getAlignment: (alignment: IColumnTable['alignment']) => {
     justifyContent: string;
-    textAlign: "center" | "left" | "right";
+    textAlign: "center" | "right" | "left";
 };

package/dist/hooks/useLastElement.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const useLastElement: (callback: () => void) => {
     lastRowRef: import("react").MutableRefObject<any>;
 };