@ercioko/meblotex-api 0.2.7 → 0.2.8

package/dist/api/createApi.d.ts

@@ -23,7 +23,7 @@ export declare const createApi: (host: string) => {
     web_login: Endpoint<unknown>;
     web_logout: Endpoint<unknown>;
     nowe_zamowienie_cecha_wartosc: Endpoint<unknown>;
-    new_order_element_bundle: Endpoint<unknown>;
+    new_order_element_set: Endpoint<unknown>;
     nowe_zamowienie_towar: Endpoint<unknown>;
     nowe_zamowienie_towar_atrybut: Endpoint<unknown>;
     nowe_zamowienie_towar_atrybut2: Endpoint<unknown>;

package/dist/api/createApi.js

@@ -53,7 +53,7 @@ var createApi = function (host) { return ({
     web_login: new Endpoint_1.default('web_auth/login', host),
     web_logout: new Endpoint_1.default('web_auth/logout', host),
     nowe_zamowienie_cecha_wartosc: new Endpoint_1.default('nowe_zamowienie/cecha_wartosc', host),
-    new_order_element_bundle: new Endpoint_1.default('new_order_element/bundle', host),
+    new_order_element_set: new Endpoint_1.default('new_order_element/set', host),
     nowe_zamowienie_towar: new Endpoint_1.default('nowe_zamowienie/towar', host),
     nowe_zamowienie_towar_atrybut: new Endpoint_1.default('nowe_zamowienie/towar_atrybut', host),
     nowe_zamowienie_towar_atrybut2: new Endpoint_1.default('nowe_zamowienie/towar_atrybut2', host),

package/dist/app_types.d.ts

@@ -98,12 +98,6 @@ export type TowarAtrybutRoot = TowarAtrybutResponseElement & {
     features?: TowarAtrybutRoots;
     children?: TowarAtrybutRoots;
 };
-export type BundleResponse = BundleResponseElement[];
-export type BundleResponseElement = {
-    id_towar: number;
-    nazwa: string;
-    wartosc_opis: string;
-};
 export type TowarAtrybutRoots = TowarAtrybutRoot[];
 export type UseFeatureValues = {
     cecha_predefiniowana1: NoweZamowienieCechaWartosc[];

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

@@ -24,5 +24,5 @@ type Props<DataType = DataRow> = {
     responsive?: boolean;
     deleteMessage?: (record: DataType) => string;
 };
-declare function Table<DataType extends object = DataRow>(props: Props<DataType>): React.JSX.Element;
-export default Table;
+declare function BaseTable<DataType extends object = DataRow>({ style, columns: providedColumns, filters, actions, loadPage, onDelete, added, dataSource, withCheckbox, checked, setChecked, selected, loadingDataSource, floatingActions, suspend, pinned, useData, responsive, deleteMessage, idKey, }: Props<DataType>): JSX.Element;
+export default BaseTable;

package/dist/components/Table/Table.js

@@ -50,7 +50,7 @@ exports.MARGIN_FOR_SPINNER = void 0;
 var antd_1 = require("antd");
 var react_1 = __importStar(require("react"));
 var react_redux_1 = require("react-redux");
-var react_virtualized_1 = require("react-virtualized");
+var react_window_1 = require("react-window");
 var config_1 = __importDefault(require("../../config"));
 var Spinner_1 = __importDefault(require("./Spinner"));
 var useGetRowCheckbox_1 = __importDefault(require("./hooks/useGetRowCheckbox"));
@@ -64,7 +64,6 @@ var useResizeColumns_1 = __importDefault(require("./hooks/useResizeColumns"));
 var useLoadDataSource_1 = __importDefault(require("./hooks/useLoadDataSource"));
 var areProvidedColumnsDifferent_1 = __importDefault(require("./areProvidedColumnsDifferent"));
 var useFetchPage_1 = __importDefault(require("./hooks/useFetchPage"));
-var FloatingActions_1 = __importDefault(require("./FloatingActions"));
 var DataTableWrapper_1 = __importDefault(require("./DataTableWrapper"));
 var styles_1 = require("./styles");
 var usePageSize_1 = require("./hooks/usePageSize");
@@ -153,14 +152,11 @@ function BaseTable(_a) {
             updatedColumns = getColumnsWithActions(updatedColumns);
         }
         if (withCheckbox || (!floatingActions && actions && actions.width)) {
-            // if (JSON.stringify(updatedColumns) !== JSON.stringify(columns)) {
             setColumns(updatedColumns);
-            // }
         }
     }, [
         getColumnsWithCheckbox,
         getColumnsWithActions,
-        // columns,
         withCheckbox,
         actions,
         floatingActions,
@@ -246,85 +242,32 @@ function BaseTable(_a) {
         pageSize: pageSize,
         loadPage: loadPage,
     });
-    var hide = (0, react_1.useCallback)(function (e) {
-        if (!actionsFor) {
-            return;
-        }
-        if (e) {
-            e.stopPropagation();
-        }
-        setActionsFor(undefined);
-        setActionsDimensions(__assign(__assign({}, actionsDimensions), { width: 0, transition: '' }));
-    }, [actionsFor, actionsDimensions]);
-    var scrolled = (0, react_1.useCallback)(function (_a) {
-        var scrollTop = _a.scrollTop, clientHeight = _a.clientHeight;
-        if (actionsFor) {
-            hide();
-        }
-        if (dataSource !== undefined || loading || data.length === total) {
-            return;
-        }
-        var page = Math.ceil((data.length - ((pinned === null || pinned === void 0 ? void 0 : pinned.length) || 0)) / pageSize());
-        if (scrollTop < clientHeight * (page - 1)) {
-            return;
-        }
-        fetchPage(page);
-    }, [
-        fetchPage,
-        actionsFor,
-        dataSource,
-        data,
-        loading,
-        total,
-        pageSize,
-        hide,
-        pinned === null || pinned === void 0 ? void 0 : pinned.length,
-    ]);
     (0, react_1.useEffect)(function () {
         if (loadPage !== undefined) {
             fetchPage(0);
         }
     }, [order]);
     (0, react_1.useEffect)(function () {
-        window.addEventListener('click', hide);
-        return function () { return window.removeEventListener('click', hide); };
-    }, [hide, actionsFor, actionsDimensions]);
-    var actionHover = (0, react_1.useCallback)(function () {
-        if (Array.isArray(floatingButtons)) {
-            setActionsDimensions(__assign(__assign({}, actionsDimensions), { width: floatingButtons.length * 24 +
-                    (floatingButtons.length - 1) * 28 +
-                    (actions.delete ? 53 : 0) +
-                    98 +
-                    (actions.additionalWidth || 0), transition: 'width 150ms ease-in-out' }));
-        }
-    }, [actionsDimensions, floatingButtons, actions]);
-    var actionLeave = (0, react_1.useCallback)(function () {
-        if (Array.isArray(floatingButtons) && actionsFor) {
-            setActionsDimensions(__assign(__assign({}, actionsDimensions), { width: floatingButtons.length * 24 +
-                    (floatingButtons.length - 1) * 28 +
-                    (actions.delete ? 53 : 0) +
-                    74 }));
-        }
-    }, [actionsFor, actionsDimensions, floatingButtons, actions]);
-    var isVisibleCellRenderer = (0, react_1.useCallback)(function (_a) {
-        var columnIndex = _a.columnIndex, key = _a.key, rowIndex = _a.rowIndex, cellStyle = _a.style, isVisible = _a.isVisible, isScrolling = _a.isScrolling;
-        if (isVisible) {
-            return (react_1.default.createElement(CellRenderer, { isVisible: isVisible, columnIndex: columnIndex, key: key, rowKey: key, rowIndex: rowIndex, isScrolling: isScrolling, style: cellStyle }));
+        if (grid.current) {
+            grid.current.resetAfterIndices({
+                columnIndex: 0,
+                rowIndex: 0,
+                shouldForceUpdate: true,
+            });
         }
-        return null;
-    }, [CellRenderer]);
-    return (react_1.default.createElement(styles_1.DataTable, { style: style, className: "data-table", ref: main },
-        ((actions === null || actions === void 0 ? void 0 : actions.both) || floatingActions) && actions ? (react_1.default.createElement(FloatingActions_1.default, { actionsDimensions: actionsDimensions, actionsFor: actionsFor, floatingButtons: floatingButtons, actionHover: actionHover, actionLeave: actionLeave, hide: hide, actions: actions })) : undefined,
-        react_1.default.createElement(DataTableWrapper_1.default, null,
-            react_1.default.createElement(styles_1.StyledTable, { className: "table", ref: table }, data && (react_1.default.createElement(react_virtualized_1.MultiGrid, { cellRenderer: isVisibleCellRenderer, height: listHeight, width: listWidth, columnWidth: function (_a) {
-                    var index = _a.index;
-                    return columns[index].width;
-                }, rowHeight: rowSize, fixedRowCount: 1, columnCount: columns.length, rowCount: data.length + 1, overscanRowCount: 22, styleBottomLeftGrid: { outline: 'none' }, styleBottomRightGrid: { outline: 'none' }, onScroll: scrolled, ref: grid }))),
-            data && loading ? react_1.default.createElement(Spinner_1.default, null) : undefined),
-        !data ? (react_1.default.createElement("div", { className: "data-table-no-data" }, loading ? react_1.default.createElement(antd_1.Spin, null) : react_1.default.createElement(antd_1.Empty, { description: "Brak danych" }))) : undefined));
-}
-function Table(props) {
+    }, [data, columns]);
+    if (loadingDataSource) {
+        return react_1.default.createElement(Spinner_1.default, null);
+    }
+    var getItemKey = function (_a) {
+        var columnIndex = _a.columnIndex, rowIndex = _a.rowIndex;
+        var cellIndex = rowIndex * columns.length + columnIndex;
+        return cellIndex;
+    };
+    var getColumnWidth = (0, react_1.useCallback)(function (index) { return columns[index].width; }, [columns]);
     return (react_1.default.createElement(OrderProvider_1.OrderProvider, null,
-        react_1.default.createElement(BaseTable, __assign({}, props))));
+        react_1.default.createElement(DataTableWrapper_1.default, null, data.length ? (react_1.default.createElement(styles_1.StyledTable, { ref: main, style: style },
+            react_1.default.createElement(styles_1.DataTable, { ref: table, role: "table", "aria-rowcount": total, "aria-colcount": columns.length },
+                react_1.default.createElement(react_window_1.VariableSizeGrid, { columnCount: columns.length, columnWidth: getColumnWidth, height: listHeight, rowCount: total || 0, rowHeight: function () { return rowSize; }, width: listWidth, itemKey: getItemKey, ref: grid }, CellRenderer)))) : (react_1.default.createElement(antd_1.Empty, { description: "No Data" })))));
 }
-exports.default = Table;
+exports.default = BaseTable;

package/dist/components/Table/hooks/useGetCellRenderer.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { Actions, DataRow, TableColumn } from '../../../app_types';
 import { ResizeColumnType } from './useGetResizeColumn';
+import { GridChildComponentProps } from 'react-window';
 type Props<DataType = DataRow> = {
     idKey?: keyof DataType;
     columns: TableColumn<DataType>[];
@@ -14,12 +15,5 @@ type Props<DataType = DataRow> = {
     selected: number | DataType;
     checked: number[];
 };
-export default function useGetCellRenderer<DataType extends object>({ columns, data, actions, resizeCol, setHoveredRow, hoveredRow, selected, checked, idKey, }: Props<DataType>): ({ columnIndex, rowIndex, rowKey, style, isScrolling, isVisible }: {
-    columnIndex: any;
-    rowIndex: any;
-    rowKey: any;
-    style: any;
-    isScrolling: any;
-    isVisible: any;
-}) => React.JSX.Element;
+export default function useGetCellRenderer<DataType extends object>({ columns, data, actions, resizeCol, setHoveredRow, hoveredRow, selected, checked, idKey, }: Props<DataType>): ({ columnIndex, rowIndex, style, isScrolling }: GridChildComponentProps) => React.JSX.Element;
 export {};

package/dist/components/Table/hooks/useGetCellRenderer.js

@@ -115,7 +115,7 @@ function useGetCellRenderer(_a) {
         //   [setHoveredRow]
         // );
         // const blurRow = useCallback(() => setHoveredRow(), []);
-        var columnIndex = _a.columnIndex, rowIndex = _a.rowIndex, rowKey = _a.rowKey, style = _a.style, isScrolling = _a.isScrolling, isVisible = _a.isVisible;
+        var columnIndex = _a.columnIndex, rowIndex = _a.rowIndex, style = _a.style, isScrolling = _a.isScrolling;
         var colCfg = columns[columnIndex];
         var value;
         var row = data[rowIndex - 1];
@@ -123,7 +123,7 @@ function useGetCellRenderer(_a) {
             value = rowIndex !== 0 ? row[colCfg.key] : undefined;
         }
         if (rowIndex === 0) {
-            return (react_1.default.createElement(styles_1.TableHeader, { key: rowKey, style: __assign(__assign({}, style), { display: 'flex', alignItems: 'center' }), className: "td th", onClick: function () { return sortByColumn(colCfg); } },
+            return (react_1.default.createElement(styles_1.TableHeader, { style: __assign(__assign({}, style), { display: 'flex', alignItems: 'center' }), className: "td th", onClick: function () { return sortByColumn(colCfg); } },
                 react_1.default.createElement("div", { className: "text-nowrap w-100".concat(colCfg.resized ? ' resized' : '') }, colCfg.title),
                 react_1.default.createElement(react_draggable_1.default, { axis: "x", defaultClassName: "DragHandle", defaultClassNameDragging: "DragHandleActive", onDrag: function (e, _a) {
                         var deltaX = _a.deltaX;
@@ -149,9 +149,7 @@ function useGetCellRenderer(_a) {
         return (react_1.default.createElement(styles_1.TableData
         // onMouseOver={hoverRow(rowIndex)} // TODO: is it useful?
         // onMouseLeave={blurRow}
-        , __assign({ "$align": colCfg.align, role: "button", key: rowKey, style: __assign(__assign({}, style), { cursor: clickable ? 'pointer' : undefined, backgroundColor: getBackgroundColor(rowIndex), color: (actions === null || actions === void 0 ? void 0 : actions.onRowClick) && hoveredRow === rowIndex
-                    ? 'black'
-                    : undefined }) }, divProps, { className: "tr td ".concat((rowIndex - 1) % 2 === 0 ? 'td-light' : ''), onClick: clickable ? handleOnClick(rowIndex) : null }), content));
+        , __assign({ "$align": colCfg.align, role: "button", style: __assign(__assign({}, style), { cursor: clickable ? 'pointer' : undefined, backgroundColor: getBackgroundColor(rowIndex), color: (actions === null || actions === void 0 ? void 0 : actions.onRowClick) && hoveredRow === rowIndex ? 'black' : undefined }) }, divProps, { className: "tr td ".concat((rowIndex - 1) % 2 === 0 ? 'td-light' : ''), onClick: clickable ? handleOnClick(rowIndex) : null }), content));
     }, [
         columns,
         data,

package/dist/src/api/createApi.js

@@ -22,7 +22,7 @@ export var createApi = function(host) {
         web_login: new Endpoint('web_auth/login', host),
         web_logout: new Endpoint('web_auth/logout', host),
         nowe_zamowienie_cecha_wartosc: new Endpoint('nowe_zamowienie/cecha_wartosc', host),
-        new_order_element_bundle: new Endpoint('new_order_element/bundle', host),
+        new_order_element_set: new Endpoint('new_order_element/set', host),
         nowe_zamowienie_towar: new Endpoint('nowe_zamowienie/towar', host),
         nowe_zamowienie_towar_atrybut: new Endpoint('nowe_zamowienie/towar_atrybut', host),
         nowe_zamowienie_towar_atrybut2: new Endpoint('nowe_zamowienie/towar_atrybut2', host),

package/dist/src/components/Table/Table.js

@@ -112,10 +112,10 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
-import { Spin, Empty } from 'antd';
+import { Empty } from 'antd';
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useSelector } from 'react-redux';
-import { MultiGrid } from 'react-virtualized';
+import { VariableSizeGrid as Grid } from 'react-window';
 import config from '../../config';
 import Spinner from './Spinner';
 import useGetRowCheckbox from './hooks/useGetRowCheckbox';
@@ -129,7 +129,6 @@ import useResizeColumns from './hooks/useResizeColumns';
 import useLoadDataSource from './hooks/useLoadDataSource';
 import areProvidedColumnsDifferent from './areProvidedColumnsDifferent';
 import useFetchPage from './hooks/useFetchPage';
-import FloatingActions from './FloatingActions';
 import DataTableWrapper from './DataTableWrapper';
 import { DataTable, StyledTable } from './styles';
 import { usePageSize } from './hooks/usePageSize';
@@ -233,14 +232,11 @@ function BaseTable(param) {
             updatedColumns = getColumnsWithActions(updatedColumns);
         }
         if (withCheckbox || !floatingActions && actions && actions.width) {
-            // if (JSON.stringify(updatedColumns) !== JSON.stringify(columns)) {
             setColumns(updatedColumns);
-        // }
         }
     }, [
         getColumnsWithCheckbox,
         getColumnsWithActions,
-        // columns,
         withCheckbox,
         actions,
         floatingActions
@@ -352,46 +348,6 @@ function BaseTable(param) {
         pageSize: pageSize,
         loadPage: loadPage
     });
-    var hide = useCallback(function(e) {
-        if (!actionsFor) {
-            return;
-        }
-        if (e) {
-            e.stopPropagation();
-        }
-        setActionsFor(undefined);
-        setActionsDimensions(_object_spread_props(_object_spread({}, actionsDimensions), {
-            width: 0,
-            transition: ''
-        }));
-    }, [
-        actionsFor,
-        actionsDimensions
-    ]);
-    var scrolled = useCallback(function(param) {
-        var scrollTop = param.scrollTop, clientHeight = param.clientHeight;
-        if (actionsFor) {
-            hide();
-        }
-        if (dataSource !== undefined || loading || data.length === total) {
-            return;
-        }
-        var page = Math.ceil((data.length - ((pinned === null || pinned === void 0 ? void 0 : pinned.length) || 0)) / pageSize());
-        if (scrollTop < clientHeight * (page - 1)) {
-            return;
-        }
-        fetchPage(page);
-    }, [
-        fetchPage,
-        actionsFor,
-        dataSource,
-        data,
-        loading,
-        total,
-        pageSize,
-        hide,
-        pinned === null || pinned === void 0 ? void 0 : pinned.length
-    ]);
     useEffect(function() {
         if (loadPage !== undefined) {
             fetchPage(0);
@@ -400,99 +356,51 @@ function BaseTable(param) {
         order
     ]);
     useEffect(function() {
-        window.addEventListener('click', hide);
-        return function() {
-            return window.removeEventListener('click', hide);
-        };
-    }, [
-        hide,
-        actionsFor,
-        actionsDimensions
-    ]);
-    var actionHover = useCallback(function() {
-        if (Array.isArray(floatingButtons)) {
-            setActionsDimensions(_object_spread_props(_object_spread({}, actionsDimensions), {
-                width: floatingButtons.length * 24 + (floatingButtons.length - 1) * 28 + (actions.delete ? 53 : 0) + 98 + (actions.additionalWidth || 0),
-                transition: 'width 150ms ease-in-out'
-            }));
-        }
-    }, [
-        actionsDimensions,
-        floatingButtons,
-        actions
-    ]);
-    var actionLeave = useCallback(function() {
-        if (Array.isArray(floatingButtons) && actionsFor) {
-            setActionsDimensions(_object_spread_props(_object_spread({}, actionsDimensions), {
-                width: floatingButtons.length * 24 + (floatingButtons.length - 1) * 28 + (actions.delete ? 53 : 0) + 74
-            }));
+        if (grid.current) {
+            grid.current.resetAfterIndices({
+                columnIndex: 0,
+                rowIndex: 0,
+                shouldForceUpdate: true
+            });
         }
     }, [
-        actionsFor,
-        actionsDimensions,
-        floatingButtons,
-        actions
+        data,
+        columns
     ]);
-    var isVisibleCellRenderer = useCallback(function(param) {
-        var columnIndex = param.columnIndex, key = param.key, rowIndex = param.rowIndex, cellStyle = param.style, isVisible = param.isVisible, isScrolling = param.isScrolling;
-        if (isVisible) {
-            return /*#__PURE__*/ React.createElement(CellRenderer, {
-                isVisible: isVisible,
-                columnIndex: columnIndex,
-                key: key,
-                rowKey: key,
-                rowIndex: rowIndex,
-                isScrolling: isScrolling,
-                style: cellStyle
-            });
-        }
-        return null;
+    if (loadingDataSource) {
+        return /*#__PURE__*/ React.createElement(Spinner, null);
+    }
+    var getItemKey = function(param) {
+        var columnIndex = param.columnIndex, rowIndex = param.rowIndex;
+        var cellIndex = rowIndex * columns.length + columnIndex;
+        return cellIndex;
+    };
+    var getColumnWidth = useCallback(function(index) {
+        return columns[index].width;
     }, [
-        CellRenderer
+        columns
     ]);
-    return /*#__PURE__*/ React.createElement(DataTable, {
-        style: style,
-        className: "data-table",
-        ref: main
-    }, ((actions === null || actions === void 0 ? void 0 : actions.both) || floatingActions) && actions ? /*#__PURE__*/ React.createElement(FloatingActions, {
-        actionsDimensions: actionsDimensions,
-        actionsFor: actionsFor,
-        floatingButtons: floatingButtons,
-        actionHover: actionHover,
-        actionLeave: actionLeave,
-        hide: hide,
-        actions: actions
-    }) : undefined, /*#__PURE__*/ React.createElement(DataTableWrapper, null, /*#__PURE__*/ React.createElement(StyledTable, {
-        className: "table",
-        ref: table
-    }, data && /*#__PURE__*/ React.createElement(MultiGrid, {
-        cellRenderer: isVisibleCellRenderer,
-        height: listHeight,
-        width: listWidth,
-        columnWidth: function(param) {
-            var index = param.index;
-            return columns[index].width;
-        },
-        rowHeight: rowSize,
-        fixedRowCount: 1,
+    return /*#__PURE__*/ React.createElement(OrderProvider, null, /*#__PURE__*/ React.createElement(DataTableWrapper, null, data.length ? /*#__PURE__*/ React.createElement(StyledTable, {
+        ref: main,
+        style: style
+    }, /*#__PURE__*/ React.createElement(DataTable, {
+        ref: table,
+        role: "table",
+        "aria-rowcount": total,
+        "aria-colcount": columns.length
+    }, /*#__PURE__*/ React.createElement(Grid, {
         columnCount: columns.length,
-        rowCount: data.length + 1,
-        overscanRowCount: 22,
-        styleBottomLeftGrid: {
-            outline: 'none'
-        },
-        styleBottomRightGrid: {
-            outline: 'none'
+        columnWidth: getColumnWidth,
+        height: listHeight,
+        rowCount: total || 0,
+        rowHeight: function() {
+            return rowSize;
         },
-        onScroll: scrolled,
+        width: listWidth,
+        itemKey: getItemKey,
         ref: grid
-    })), data && loading ? /*#__PURE__*/ React.createElement(Spinner, null) : undefined), !data ? /*#__PURE__*/ React.createElement("div", {
-        className: "data-table-no-data"
-    }, loading ? /*#__PURE__*/ React.createElement(Spin, null) : /*#__PURE__*/ React.createElement(Empty, {
-        description: "Brak danych"
-    })) : undefined);
-}
-function Table(props) {
-    return /*#__PURE__*/ React.createElement(OrderProvider, null, /*#__PURE__*/ React.createElement(BaseTable, props));
+    }, CellRenderer))) : /*#__PURE__*/ React.createElement(Empty, {
+        description: "No Data"
+    })));
 }
-export default Table;
+export default BaseTable;

package/dist/src/components/Table/hooks/useGetCellRenderer.js

@@ -143,7 +143,7 @@ export default function useGetCellRenderer(param) {
         data
     ]);
     return useCallback(function(param) {
-        var columnIndex = param.columnIndex, rowIndex = param.rowIndex, rowKey = param.rowKey, style = param.style, isScrolling = param.isScrolling, isVisible = param.isVisible;
+        var columnIndex = param.columnIndex, rowIndex = param.rowIndex, style = param.style, isScrolling = param.isScrolling;
         // const hoverRow = useCallback(
         //   (rowIndex) => () => {
         //     setHoveredRow(rowIndex);
@@ -159,7 +159,6 @@ export default function useGetCellRenderer(param) {
         }
         if (rowIndex === 0) {
             return /*#__PURE__*/ React.createElement(TableHeader, {
-                key: rowKey,
                 style: _object_spread_props(_object_spread({}, style), {
                     display: 'flex',
                     alignItems: 'center'
@@ -207,7 +206,6 @@ export default function useGetCellRenderer(param) {
             // onMouseLeave={blurRow}
             $align: colCfg.align,
             role: "button",
-            key: rowKey,
             style: _object_spread_props(_object_spread({}, style), {
                 cursor: clickable ? 'pointer' : undefined,
                 backgroundColor: getBackgroundColor(rowIndex),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ercioko/meblotex-api",
-  "version": "0.2.7",
+  "version": "0.2.8",
   "description": "Shared modules for Meblotex app",
   "main": "./dist/index.js",
   "typings": "./dist/index.d.ts",
@@ -23,7 +23,9 @@
     "url": "https://github.com/erykdziedzic/meblotex-api/issues"
   },
   "homepage": "https://github.com/erykdziedzic/meblotex-api#readme",
-  "files": ["./dist"],
+  "files": [
+    "./dist"
+  ],
   "peerDependencies": {
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
@@ -33,13 +35,14 @@
   "dependencies": {
     "antd": "^5.19.4",
     "react-draggable": "^4.4.6",
-    "react-virtualized": "^9.22.5"
+    "react-window": "^1.8.10"
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",
     "@swc/cli": "^0.4.0",
     "@swc/core": "^1.7.3",
     "@types/react": "^18.3.3",
+    "@types/react-window": "^1.8.8",
     "@types/styled-components": "^5.1.34",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^8.10.0",