@ercioko/meblotex-api 0.1.0

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 });
+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,
+    ]);
+}
+exports.default = useGetCellRenderer;

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 });
+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]);
+}
+exports.default = useGetColumnsWithCheckbox;
+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 });
+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]);
+}
+exports.default = useGetDeleteRow;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+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 });
+// 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]);
+}
+exports.default = useGetResizeColumn;

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 });
+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]);
+}
+exports.default = useGetRowCheckbox;

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 });
+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]);
+}
+exports.default = useLoadDataSource;

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,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePageSize = void 0;
+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]);
+}
+exports.usePageSize = usePageSize;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+export default function useRenderRowActions({ data, actions, deleteRow }: {
+    data: any;
+    actions: any;
+    deleteRow: any;
+}): (v: any, row: any, rowIndex: any) => React.JSX.Element;

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

@@ -0,0 +1,51 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var antd_1 = require("antd");
+var react_1 = __importStar(require("react"));
+var icons_1 = require("@ant-design/icons");
+var styled_components_1 = __importDefault(require("styled-components"));
+var Action = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  span {\n    svg {\n      transition: 150ms ease-in-out;\n      font-size: 16px;\n    }\n\n    img {\n      width: 16px;\n      height: 16px;\n    }\n  }\n"], ["\n  span {\n    svg {\n      transition: 150ms ease-in-out;\n      font-size: 16px;\n    }\n\n    img {\n      width: 16px;\n      height: 16px;\n    }\n  }\n"])));
+function useRenderRowActions(_a) {
+    var data = _a.data, actions = _a.actions, deleteRow = _a.deleteRow;
+    return (0, react_1.useCallback)(function (v, row, rowIndex) {
+        var _a;
+        if (!data)
+            return null;
+        return (react_1.default.createElement(antd_1.Space, { size: 28 }, (_a = actions.buttons) === null || _a === void 0 ? void 0 :
+            _a.map(function (e, i) { return (react_1.default.createElement(Action, { key: i, className: "action" }, e(data[rowIndex - 1]))); }),
+            actions.delete ? (react_1.default.createElement(Action, { className: "action" },
+                react_1.default.createElement(icons_1.DeleteTwoTone, { onClick: function () { return deleteRow(data[rowIndex - 1]); }, twoToneColor: "#F5222D" }))) : undefined));
+    }, [data, actions, deleteRow]);
+}
+exports.default = useRenderRowActions;
+var templateObject_1;

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

@@ -0,0 +1,9 @@
+export default function useResizeColumns({ providedColumns, columns, main, floatingActions, actions, setColumns, grid, }: {
+    providedColumns: any;
+    columns: any;
+    main: any;
+    floatingActions: any;
+    actions: any;
+    setColumns: any;
+    grid: any;
+}): () => void;

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

@@ -0,0 +1,60 @@
+"use strict";
+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 });
+var react_1 = require("react");
+var areProvidedColumnsDifferent_1 = __importDefault(require("../areProvidedColumnsDifferent"));
+var SCROLLBAR_WIDTH = 16;
+function useResizeColumns(_a) {
+    var providedColumns = _a.providedColumns, columns = _a.columns, main = _a.main, floatingActions = _a.floatingActions, actions = _a.actions, setColumns = _a.setColumns, grid = _a.grid;
+    return (0, react_1.useCallback)(function () {
+        var _a, _b;
+        if ((0, areProvidedColumnsDifferent_1.default)(providedColumns, columns)) {
+            return;
+        }
+        var sum = columns.map(function (e) { return e.width; }).reduce(function (a, b) { return a + b; }, 0);
+        var restSum = columns
+            .slice(0, columns.length - 1)
+            .map(function (e) { return e.width; })
+            .reduce(function (a, b) { return a + b; }, 0);
+        var space = ((_a = main.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) - SCROLLBAR_WIDTH;
+        if (sum < space ||
+            (columns[columns.length - 1].modified &&
+                columns[columns.length - 1].width !== space - restSum)) {
+            if (!floatingActions &&
+                actions &&
+                columns[columns.length - 1].key !== 'akcje') {
+                return;
+            }
+            var updatedColumns = __spreadArray([], columns, true);
+            if (updatedColumns[columns.length - 1]) {
+                updatedColumns[columns.length - 1].width = space - restSum;
+                updatedColumns[columns.length - 1].modified = true;
+                setColumns(updatedColumns);
+            }
+            else {
+                console.error('updating non-existent column');
+            }
+        }
+        (_b = grid.current) === null || _b === void 0 ? void 0 : _b.recomputeGridSize();
+    }, [
+        providedColumns,
+        setColumns,
+        columns,
+        main,
+        floatingActions,
+        actions,
+        grid,
+    ]);
+}
+exports.default = useResizeColumns;

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

@@ -0,0 +1 @@
+export { default } from './Table';

package/dist/components/Table/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var Table_1 = require("./Table");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Table_1).default; } });

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Order } from '../../../app_types';
+export declare const useOrder: () => {
+    order?: Order;
+    setOrder: (order: Order) => void;
+};
+export declare const OrderProvider: ({ children }: {
+    children: any;
+}) => React.JSX.Element;

package/dist/components/Table/providers/OrderProvider.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OrderProvider = exports.useOrder = void 0;
+var react_1 = __importDefault(require("react"));
+var react_2 = require("react");
+var OrderContext = (0, react_2.createContext)({ order: undefined, setOrder: function () { } });
+var useOrder = function () { return (0, react_2.useContext)(OrderContext); };
+exports.useOrder = useOrder;
+var OrderProvider = function (_a) {
+    var children = _a.children;
+    var _b = (0, react_2.useState)(), order = _b[0], setOrder = _b[1];
+    return (react_1.default.createElement(OrderContext.Provider, { value: { order: order, setOrder: setOrder } }, children));
+};
+exports.OrderProvider = OrderProvider;

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

@@ -0,0 +1,6 @@
+export declare const DataTable: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledTable: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TableHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TableData: import("styled-components").StyledComponent<"div", any, {
+    $align?: 'right';
+}, never>;