@ercioko/meblotex-api 0.2.2 → 0.2.4

package/dist/components/Table/areProvidedColumnsDifferent.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = areProvidedColumnsDifferent;
+function areProvidedColumnsDifferent(providedColumns, currentColumns) {
+    var providedKeys = providedColumns.map(function (c) { return String(c.key).toLowerCase(); });
+    var currentKeys = currentColumns.map(function (c) { return String(c.key).toLowerCase(); });
+    var currentHasActions = currentKeys.includes('akcje');
+    var providedHasActions = providedKeys.includes('akcje');
+    var currentHasCheckbox = currentKeys.includes('checkbox');
+    var providedHasCheckbox = providedKeys.includes('checkbox');
+    var providedKeysWithAdditional = providedKeys.concat(currentHasActions && !providedHasActions ? ['akcje'] : []);
+    if (currentHasCheckbox && !providedHasCheckbox) {
+        providedKeysWithAdditional.unshift('checkbox');
+    }
+    return (JSON.stringify(providedKeysWithAdditional) !== JSON.stringify(currentKeys));
+}

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

@@ -0,0 +1,18 @@
+import { loadPage as loadPageType } from '../../../app_types';
+type Props<DataType extends object> = {
+    suspend?: boolean;
+    setLoading?: (v: boolean) => void;
+    pageSize: () => number;
+    loadPage?: loadPageType<DataType>;
+    filters: any;
+    data: (DataType & {
+        index: number;
+    })[];
+    pinned: DataType[];
+    setData: (rows: (DataType & {
+        index: number;
+    })[]) => void;
+    setTotal: (total: number) => void;
+};
+export default function useFetchPage<DataType extends object>({ suspend, setLoading, pageSize, loadPage, filters, data, pinned, setData, setTotal, }: Props<DataType>): (page: number, size?: number) => Promise<void>;
+export {};

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

@@ -0,0 +1,123 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = useFetchPage;
+var antd_1 = require("antd");
+var react_1 = require("react");
+var addIndexToObject_1 = __importDefault(require("../addIndexToObject"));
+var OrderProvider_1 = require("../providers/OrderProvider");
+function useFetchPage(_a) {
+    var _this = this;
+    var suspend = _a.suspend, setLoading = _a.setLoading, pageSize = _a.pageSize, loadPage = _a.loadPage, filters = _a.filters, data = _a.data, pinned = _a.pinned, setData = _a.setData, setTotal = _a.setTotal;
+    var order = (0, OrderProvider_1.useOrder)().order;
+    return (0, react_1.useCallback)(function (page, size) { return __awaiter(_this, void 0, void 0, function () {
+        var loaded, newData_1, e_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (typeof suspend === 'boolean' && suspend) {
+                        setLoading(false);
+                        return [2 /*return*/];
+                    }
+                    if (size === undefined) {
+                        size = pageSize();
+                    }
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, 4, 5]);
+                    setLoading(true);
+                    return [4 /*yield*/, loadPage(page, size, filters, order)];
+                case 2:
+                    loaded = _a.sent();
+                    if (page !== 0) {
+                        newData_1 = __spreadArray(__spreadArray([], (data || []), true), loaded.data, true);
+                    }
+                    else {
+                        newData_1 = loaded.data || [];
+                    }
+                    if (Array.isArray(pinned)) {
+                        pinned.forEach(function (pinnedEl, pinnedIdx) {
+                            var indexes = newData_1
+                                .map(function (_a, index) {
+                                var id = _a.id;
+                                return ({ id: id, index: index });
+                            })
+                                // TODO fix
+                                // @ts-ignore
+                                .filter(function (el) { return el.id === pinnedEl.id; })
+                                .map(function (_a) {
+                                var index = _a.index;
+                                return index;
+                            });
+                            indexes.forEach(function (index) {
+                                if (index !== pinnedIdx) {
+                                    newData_1.splice(index, 1);
+                                }
+                            });
+                            if (!indexes.includes(pinnedIdx)) {
+                                newData_1.unshift(pinnedEl);
+                            }
+                        });
+                    }
+                    setData(newData_1.map(addIndexToObject_1.default));
+                    setTotal(loaded.total);
+                    return [3 /*break*/, 5];
+                case 3:
+                    e_1 = _a.sent();
+                    antd_1.message.error("".concat(e_1));
+                    return [3 /*break*/, 5];
+                case 4:
+                    setLoading(false);
+                    return [7 /*endfinally*/];
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); }, [suspend, pageSize, loadPage, filters, data, order]);
+}

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { Actions, DataRow, TableColumn } from '../../../app_types';
+import { ResizeColumnType } from './useGetResizeColumn';
+type Props<DataType = DataRow> = {
+    idKey?: keyof DataType;
+    columns: TableColumn<DataType>[];
+    data?: (DataType & {
+        index: number;
+    })[];
+    actions: Actions<DataType>;
+    resizeCol: ResizeColumnType;
+    setHoveredRow: (prev: unknown) => void;
+    hoveredRow: undefined;
+    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 {};

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

@@ -0,0 +1,166 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = useGetCellRenderer;
+var react_1 = __importStar(require("react"));
+var react_draggable_1 = __importDefault(require("react-draggable"));
+var OrderProvider_1 = require("../providers/OrderProvider");
+var styles_1 = require("../styles");
+var isKeyInRow = function (key, row) { return key in row; };
+function useGetCellRenderer(_a) {
+    var columns = _a.columns, data = _a.data, actions = _a.actions, resizeCol = _a.resizeCol, setHoveredRow = _a.setHoveredRow, hoveredRow = _a.hoveredRow, selected = _a.selected, checked = _a.checked, idKey = _a.idKey;
+    var _b = (0, OrderProvider_1.useOrder)(), order = _b.order, setOrder = _b.setOrder;
+    var sortByColumn = (0, react_1.useCallback)(function (_a) {
+        var orderNested = _a.orderNested, key = _a.key;
+        if (key === 'akcje') {
+            return;
+        }
+        if (Array.isArray(orderNested)) {
+            setOrder(__spreadArray(__spreadArray([], orderNested, true), [
+                Array.isArray(order) &&
+                    order[0] === orderNested[0] &&
+                    order[1] === orderNested[1] &&
+                    order[2] === 'ASC'
+                    ? 'DESC'
+                    : 'ASC',
+            ], false));
+        }
+        else if (data && key in data[0]) {
+            setOrder([
+                key,
+                Array.isArray(order) && order[0] === key && order[1] === 'ASC'
+                    ? 'DESC'
+                    : 'ASC',
+            ]);
+        }
+    }, [order, setOrder, data]);
+    var getBackgroundColor = (0, react_1.useCallback)(function (rowIndex) {
+        var row = data[rowIndex - 1];
+        var dataIdKey = 'id' in row ? 'id' : idKey;
+        var hasId = typeof (row === null || row === void 0 ? void 0 : row[dataIdKey]) !== 'undefined';
+        /// TODO: fix selected types
+        // @ts-ignore
+        var isSelectedSingle = selected === (row === null || row === void 0 ? void 0 : row[dataIdKey]) && hasId;
+        if (isSelectedSingle) {
+            return '#bae7ff';
+        }
+        if (typeof checked === 'undefined') {
+            return undefined;
+        }
+        if (row && 'index' in row) {
+            var isSelected = checked.includes(row.index);
+            if ((actions === null || actions === void 0 ? void 0 : actions.onRowClick) && hoveredRow === rowIndex && !isSelected) {
+                return '#AAA';
+            }
+            if (isSelected) {
+                return '#bae7ff';
+            }
+            return undefined;
+        }
+    }, [checked, actions, data]);
+    var handleOnClick = (0, react_1.useCallback)(function (rowIndex) { return function (e) {
+        e.stopPropagation();
+        actions === null || actions === void 0 ? void 0 : actions.onRowClick(data[rowIndex - 1]);
+    }; }, [actions, data]);
+    return (0, react_1.useCallback)(function (_a) {
+        // const hoverRow = useCallback(
+        //   (rowIndex) => () => {
+        //     setHoveredRow(rowIndex);
+        //   },
+        //   [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 colCfg = columns[columnIndex];
+        var value;
+        var row = data[rowIndex - 1];
+        if (row && isKeyInRow(colCfg.key, row)) {
+            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); } },
+                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;
+                        return resizeCol(columnIndex, deltaX);
+                    }, position: { x: 0, y: undefined } },
+                    react_1.default.createElement("div", { className: "DragHandleIcon" }, "\u22EE"))));
+        }
+        var clickable = (actions === null || actions === void 0 ? void 0 : actions.onRowClick) && colCfg.key !== 'akcje';
+        var divProps = colCfg.resized
+            ? { className: 'td resized' }
+            : { className: 'td' };
+        var content = value;
+        if (isScrolling && colCfg.lightRender) {
+            // TODO: improve
+            // @ts-ignore
+            content = colCfg.lightRender(value, data[rowIndex - 1], rowIndex);
+        }
+        else if (colCfg.render) {
+            // TODO: improve
+            // @ts-ignore
+            content = colCfg.render(value, data[rowIndex - 1], rowIndex);
+        }
+        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));
+    }, [
+        columns,
+        data,
+        actions,
+        resizeCol,
+        setHoveredRow,
+        hoveredRow,
+        selected,
+        checked,
+        sortByColumn,
+    ]);
+}

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

@@ -0,0 +1,5 @@
+export default function useGetColumnsWithCheckbox({ checked, data, RowCheckbox, }: {
+    checked: any;
+    data: any;
+    RowCheckbox: any;
+}): (updatedColumns: any) => any;

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

@@ -0,0 +1,53 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = useGetColumnsWithCheckbox;
+var antd_1 = require("antd");
+var react_1 = __importStar(require("react"));
+function useGetColumnsWithCheckbox(_a) {
+    var checked = _a.checked, data = _a.data, RowCheckbox = _a.RowCheckbox;
+    return (0, react_1.useCallback)(function getColumnsWithCheckbox(updatedColumns) {
+        var checkboxColumn = getCheckboxColumn({
+            allChecked: (data === null || data === void 0 ? void 0 : data.length) === (checked === null || checked === void 0 ? void 0 : checked.length),
+            RowCheckbox: RowCheckbox,
+        });
+        if (updatedColumns[0].key === 'checkbox') {
+            updatedColumns[0] = checkboxColumn;
+        }
+        else {
+            updatedColumns.unshift(checkboxColumn);
+        }
+        return updatedColumns;
+    }, [checked, data, RowCheckbox]);
+}
+function getCheckboxColumn(_a) {
+    var allChecked = _a.allChecked, RowCheckbox = _a.RowCheckbox;
+    return {
+        title: react_1.default.createElement(antd_1.Checkbox, { checked: allChecked, disabled: true }),
+        width: 54,
+        key: 'checkbox',
+        render: RowCheckbox,
+    };
+}

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

@@ -0,0 +1,9 @@
+import { ApiResponse } from '../../../api/Api';
+type UseGetDeleteRow<DataType> = {
+    onDelete: (row: DataType) => Promise<ApiResponse> | void;
+    setData: (rows: DataType[]) => void;
+    data: DataType[];
+    deleteMessage?: (record: DataType) => string;
+};
+export default function useGetDeleteRow<DataType>({ onDelete, setData, data, deleteMessage, }: UseGetDeleteRow<DataType>): (row: DataType) => Promise<void>;
+export {};

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

@@ -0,0 +1,74 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = useGetDeleteRow;
+var antd_1 = require("antd");
+var react_1 = require("react");
+var addIndexToObject_1 = __importDefault(require("../addIndexToObject"));
+function useGetDeleteRow(_a) {
+    var _this = this;
+    var onDelete = _a.onDelete, setData = _a.setData, data = _a.data, deleteMessage = _a.deleteMessage;
+    return (0, react_1.useCallback)(function (row) { return __awaiter(_this, void 0, void 0, function () {
+        var response, e_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, , 3]);
+                    return [4 /*yield*/, onDelete(row)];
+                case 1:
+                    response = _a.sent();
+                    if (!response)
+                        return [2 /*return*/];
+                    deleteMessage &&
+                        antd_1.message.success(deleteMessage(row));
+                    setData(data
+                        .filter(function (e) { return JSON.stringify(e) !== JSON.stringify(row); })
+                        .map(addIndexToObject_1.default));
+                    return [3 /*break*/, 3];
+                case 2:
+                    e_1 = _a.sent();
+                    antd_1.message.error("Wyst\u0105pi\u0142 b\u0142\u0105d ".concat(e_1));
+                    return [3 /*break*/, 3];
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); }, [data, onDelete, setData]);
+}

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

@@ -0,0 +1,8 @@
+import { DataRow, TableColumn } from '../../../app_types';
+type Props<DataType = DataRow> = {
+    columns: TableColumn<DataType>[];
+    setColumns: React.Dispatch<React.SetStateAction<TableColumn<DataType>[]>>;
+};
+export type ResizeColumnType = (columnIndex: number, deltaX: number) => void;
+export default function useGetResizeColumn<DataType>({ columns, setColumns, }: Props<DataType>): ResizeColumnType;
+export {};

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

@@ -0,0 +1,28 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = useGetResizeColumn;
+// TODO: fix resizing
+var react_1 = require("react");
+function useGetResizeColumn(_a) {
+    var columns = _a.columns, setColumns = _a.setColumns;
+    return (0, react_1.useCallback)(function (columnIndex, deltaX) {
+        var updatedColumns = columns.map(function (colCfg, index) {
+            if (columnIndex === index) {
+                return __assign(__assign({}, colCfg), { width: Math.max(colCfg.width + deltaX, 50), resized: true });
+            }
+            return __assign({}, colCfg);
+        });
+        // setColumns(updatedColumns);
+    }, [columns, setColumns]);
+}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+export default function useGetRowCheckbox({ checked, setChecked }: {
+    checked: any;
+    setChecked: any;
+}): (v: any, row: any, index: any) => React.JSX.Element;

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

@@ -0,0 +1,54 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = useGetRowCheckbox;
+var antd_1 = require("antd");
+var react_1 = __importStar(require("react"));
+function useGetRowCheckbox(_a) {
+    var checked = _a.checked, setChecked = _a.setChecked;
+    return (0, react_1.useCallback)(function RowCheckbox(v, row, index) {
+        var isInChecked = checked.indexOf(index) !== -1;
+        var handleOnChange = (0, react_1.useCallback)(function (_a) {
+            var hasBeenChecked = _a.target.checked;
+            var shouldBeInChecked = !isInChecked && hasBeenChecked;
+            if (shouldBeInChecked) {
+                setChecked(__spreadArray(__spreadArray([], checked, true), [index], false));
+            }
+            else {
+                setChecked(checked.filter(function (e) { return e !== index; }));
+            }
+        }, [checked, isInChecked]);
+        return react_1.default.createElement(antd_1.Checkbox, { checked: isInChecked, onChange: handleOnChange });
+    }, [checked]);
+}

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

@@ -0,0 +1,10 @@
+export default function useLoadDataSource({ filters, added, data, dataSource, setData, fetchPage, pageSize, loadPage, }: {
+    filters: any;
+    added: any;
+    data: any;
+    dataSource: any;
+    setData: any;
+    fetchPage: any;
+    pageSize: any;
+    loadPage: any;
+}): void;

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

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = useLoadDataSource;
+var react_1 = require("react");
+var addIndexToObject_1 = __importDefault(require("../addIndexToObject"));
+function useLoadDataSource(_a) {
+    var filters = _a.filters, added = _a.added, data = _a.data, dataSource = _a.dataSource, setData = _a.setData, fetchPage = _a.fetchPage, pageSize = _a.pageSize, loadPage = _a.loadPage;
+    (0, react_1.useEffect)(function () {
+        if (dataSource !== undefined &&
+            JSON.stringify(data) !== JSON.stringify(dataSource.map(addIndexToObject_1.default))) {
+            setData(dataSource.map(addIndexToObject_1.default));
+        }
+        else if (loadPage !== undefined) {
+            fetchPage(0, pageSize() * 2);
+        }
+    }, [filters, added, dataSource]);
+}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare function usePageSize({ mainRef, rowSize, }: {
+    mainRef: React.MutableRefObject<HTMLDivElement>;
+    rowSize: number;
+}): () => number;

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePageSize = usePageSize;
+var react_1 = require("react");
+var Table_1 = require("../Table");
+function usePageSize(_a) {
+    var mainRef = _a.mainRef, rowSize = _a.rowSize;
+    return (0, react_1.useCallback)(function () {
+        var _a;
+        var maxSpace = Math.ceil((((_a = mainRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 0 - Table_1.MARGIN_FOR_SPINNER) / rowSize);
+        if (mainRef.current && maxSpace >= 0) {
+            return maxSpace;
+        }
+        return 2;
+    }, [mainRef]);
+}