@ercioko/meblotex-api 0.2.2 → 0.2.4

package/dist/components/ApiHostProvider.js

@@ -0,0 +1,35 @@
+"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.useApiHost = exports.ApiHostProvider = void 0;
+var react_1 = __importStar(require("react"));
+var ApiHostContext = (0, react_1.createContext)('');
+var ApiHostProvider = function (_a) {
+    var children = _a.children, host = _a.host;
+    return (react_1.default.createElement(ApiHostContext.Provider, { value: host }, children));
+};
+exports.ApiHostProvider = ApiHostProvider;
+var useApiHost = function () { return (0, react_1.useContext)(ApiHostContext); };
+exports.useApiHost = useApiHost;

package/dist/components/StatusTag.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { TagProps } from 'antd';
+export declare const statuses: readonly ["ZAM", "PRZ", "PRO", "WYP", "DWY", "WYB", "PDM", "WZM", "N", "B", "ARC", "WZ", "PW"];
+export type Status = typeof statuses[number];
+export declare const StyledTag: FC<TagProps>;
+type Props = {
+    status: Status;
+    Tag?: FC<TagProps>;
+};
+declare const StatusTag: FC<Props>;
+export default StatusTag;

package/dist/components/StatusTag.js

@@ -0,0 +1,86 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledTag = exports.statuses = void 0;
+var react_1 = __importDefault(require("react"));
+var antd_1 = require("antd");
+exports.statuses = [
+    'ZAM',
+    'PRZ',
+    'PRO',
+    'WYP',
+    'DWY',
+    'WYB',
+    'PDM',
+    'WZM',
+    'N',
+    'B',
+    'ARC',
+    'WZ',
+    'PW',
+];
+var StyledTag = function (_a) {
+    var style = _a.style, props = __rest(_a, ["style"]);
+    return (react_1.default.createElement(antd_1.Tag, __assign({ style: __assign({ textAlign: 'center', overflow: 'hidden', textOverflow: 'ellipsis', position: 'absolute', top: '50%', transform: 'translateY(-50%)', right: '0', left: '0' }, style) }, props)));
+};
+exports.StyledTag = StyledTag;
+var StatusTag = function (_a) {
+    var status = _a.status, _b = _a.Tag, Tag = _b === void 0 ? exports.StyledTag : _b;
+    switch (status) {
+        case 'ZAM':
+            return react_1.default.createElement(Tag, { color: "cyan" }, "Zam\u00F3wione");
+        case 'PRZ':
+            return react_1.default.createElement(Tag, { color: "blue" }, "Przyjete");
+        case 'PRO':
+            return react_1.default.createElement(Tag, { color: "gold" }, "W produkcji");
+        case 'WYP':
+            return react_1.default.createElement(Tag, { color: "orange" }, "Wyprodukowane");
+        case 'DWY':
+            return react_1.default.createElement(Tag, { color: "green" }, "Do wydania");
+        case 'WYB':
+            return react_1.default.createElement(Tag, { color: "lime" }, "Wybieranie");
+        case 'PDM':
+            return react_1.default.createElement(Tag, { color: "gray" }, "Przyj\u0119te do magazynu");
+        case 'WZM':
+            return react_1.default.createElement(Tag, { color: "green" }, "Wydane z magazynu");
+        case 'N':
+            return react_1.default.createElement(Tag, { color: "gold" }, "Bufor portal");
+        case 'B':
+            return react_1.default.createElement(Tag, { color: "blue" }, "Bufor");
+        case 'ARC':
+            return react_1.default.createElement(Tag, { color: "black" }, "Archiwum");
+        case 'WZ':
+            return react_1.default.createElement(Tag, { color: "blue" }, "Wydanie zewn\u0119trzne");
+        case 'PW':
+            return react_1.default.createElement(Tag, { color: "green" }, "Przych\u00F3d wewn\u0119trzny");
+        default:
+            // eslint-disable-next-line no-console
+            console.log('nieznany: ', status);
+            return react_1.default.createElement(Tag, { color: "red" }, "Nieznany");
+    }
+};
+exports.default = StatusTag;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export default Wrapper;

package/dist/components/Table/DataTableWrapper.js

@@ -0,0 +1,44 @@
+"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 __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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  max-height: 100%;\n  border-bottom: 1px solid #e8e8e8;\n  margin-top: 0;\n"], ["\n  position: relative;\n  width: 100%;\n  max-height: 100%;\n  border-bottom: 1px solid #e8e8e8;\n  margin-top: 0;\n"])));
+Wrapper.defaultProps = {
+    className: 'data-table-wrapper',
+};
+function DataTableWrapper(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (react_1.default.createElement(Wrapper, __assign({ className: "data-table-wrapper" }, props, { ref: ref }), children));
+}
+exports.default = Wrapper;
+var templateObject_1;
+// export default forwardRef(DataTableWrapper);

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

@@ -0,0 +1,14 @@
+import { ActionFunction, Actions, DataRow } from '../../app_types';
+export default function FloatingActions<DataType = DataRow>({ actionsDimensions, actionsFor, floatingButtons, actionHover, actionLeave, hide, actions, }: {
+    actionsDimensions: {
+        top: number;
+        width: number;
+        transition: string;
+    };
+    actionsFor: undefined;
+    floatingButtons: ActionFunction<DataType>[] | undefined;
+    actionHover: () => void;
+    actionLeave: () => void;
+    hide: (e?: MouseEvent | undefined) => void;
+    actions: Actions<DataType>;
+}): JSX.Element;

package/dist/components/Table/FloatingActions.js

@@ -0,0 +1,32 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = FloatingActions;
+var antd_1 = require("antd");
+var react_1 = __importDefault(require("react"));
+var icons_1 = require("@ant-design/icons");
+var styled_components_1 = __importDefault(require("styled-components"));
+var StyledFloatingActions = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  & {\n    position: absolute;\n    left: 100px;\n    pointer-events: none;\n    transition: width 300ms ease-in-out, padding 300ms ease-in-out;\n    box-sizing: content-box;\n    overflow: hidden;\n    padding-top: 20px;\n    z-index: 2;\n  }\n  &.shown {\n    pointer-events: all;\n  }\n  & > div {\n    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);\n    height: 58px;\n    background: #fff;\n    border-radius: 10px;\n    margin: 10px;\n  }\n  & > div > div:first-child {\n    margin-left: 27px;\n  }\n  & > div > div:last-child {\n    margin-right: 27px;\n  }\n  & > div .action {\n    width: 24px;\n    height: 24px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: 150ms ease-in-out;\n    position: relative;\n  }\n  & > div .action .action-tooltip {\n    position: absolute;\n    top: -35px;\n    background: #595959;\n    color: #fff;\n    border-radius: 8px;\n    padding: 2px 10px;\n    display: none;\n  }\n  & > div .action .action-tooltip::after {\n    content: '';\n    position: absolute;\n    top: 100%;\n    left: calc(50% - 8px);\n    display: block;\n    width: 0;\n    height: 0;\n    border-width: 8px;\n    border-style: solid;\n    border-color: #595959 transparent transparent transparent;\n  }\n  & > div .action:hover {\n    width: 48px;\n    height: 48px;\n  }\n  & > div .action:hover:enabled {\n    cursor: pointer;\n  }\n  & > div .action:hover .action-tooltip {\n    display: initial;\n  }\n  & > div .action:hover span {\n    background: rgba(0, 0, 0, 0.1);\n  }\n  & > div .action:hover span svg {\n    font-size: 28px;\n  }\n  & > div .action span {\n    padding: 10px;\n    border-radius: 100px;\n    transition: 150ms ease-in-out;\n  }\n  & > div .action span svg {\n    transition: 150ms ease-in-out;\n    font-size: 24px;\n  }\n"], ["\n  & {\n    position: absolute;\n    left: 100px;\n    pointer-events: none;\n    transition: width 300ms ease-in-out, padding 300ms ease-in-out;\n    box-sizing: content-box;\n    overflow: hidden;\n    padding-top: 20px;\n    z-index: 2;\n  }\n  &.shown {\n    pointer-events: all;\n  }\n  & > div {\n    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);\n    height: 58px;\n    background: #fff;\n    border-radius: 10px;\n    margin: 10px;\n  }\n  & > div > div:first-child {\n    margin-left: 27px;\n  }\n  & > div > div:last-child {\n    margin-right: 27px;\n  }\n  & > div .action {\n    width: 24px;\n    height: 24px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: 150ms ease-in-out;\n    position: relative;\n  }\n  & > div .action .action-tooltip {\n    position: absolute;\n    top: -35px;\n    background: #595959;\n    color: #fff;\n    border-radius: 8px;\n    padding: 2px 10px;\n    display: none;\n  }\n  & > div .action .action-tooltip::after {\n    content: '';\n    position: absolute;\n    top: 100%;\n    left: calc(50% - 8px);\n    display: block;\n    width: 0;\n    height: 0;\n    border-width: 8px;\n    border-style: solid;\n    border-color: #595959 transparent transparent transparent;\n  }\n  & > div .action:hover {\n    width: 48px;\n    height: 48px;\n  }\n  & > div .action:hover:enabled {\n    cursor: pointer;\n  }\n  & > div .action:hover .action-tooltip {\n    display: initial;\n  }\n  & > div .action:hover span {\n    background: rgba(0, 0, 0, 0.1);\n  }\n  & > div .action:hover span svg {\n    font-size: 28px;\n  }\n  & > div .action span {\n    padding: 10px;\n    border-radius: 100px;\n    transition: 150ms ease-in-out;\n  }\n  & > div .action span svg {\n    transition: 150ms ease-in-out;\n    font-size: 24px;\n  }\n"])));
+function FloatingActions(_a) {
+    var actionsDimensions = _a.actionsDimensions, actionsFor = _a.actionsFor, floatingButtons = _a.floatingButtons, actionHover = _a.actionHover, actionLeave = _a.actionLeave, hide = _a.hide, actions = _a.actions;
+    return (react_1.default.createElement(StyledFloatingActions, { role: "button", style: actionsDimensions, className: "floating-actions ".concat(actionsFor ? 'shown' : ''), onClick: function (e) {
+            e.stopPropagation();
+            e.preventDefault();
+        } },
+        react_1.default.createElement(antd_1.Space, { size: 28 }, floatingButtons === null || floatingButtons === void 0 ? void 0 :
+            floatingButtons.map(function (_, i) { return (react_1.default.createElement("div", { role: "button", key: i.toString(), className: "action", onMouseEnter: actionHover, onMouseLeave: actionLeave, onClick: function () { return hide(); } }, actions.tooltips && actions.tooltips[i] ? (react_1.default.createElement("div", { className: "action-tooltip" }, actions.tooltips[i])) : undefined)); }),
+            actions.delete ? (react_1.default.createElement("div", { className: "action", onMouseEnter: actionHover, onMouseLeave: actionLeave },
+                react_1.default.createElement("div", { className: "action-tooltip" }, "Usu\u0144"),
+                typeof actionsFor !== 'undefined' && (react_1.default.createElement(icons_1.DeleteTwoTone
+                // onClick={() => deleteRow(actionsFor.id)}
+                , { 
+                    // onClick={() => deleteRow(actionsFor.id)}
+                    twoToneColor: "#F5222D" })))) : undefined)));
+}
+var templateObject_1;

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function Spinner(): React.JSX.Element;

package/dist/components/Table/Spinner.js

@@ -0,0 +1,26 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Spinner;
+var config_1 = __importDefault(require("../../config"));
+var antd_1 = require("antd");
+var react_1 = __importDefault(require("react"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var ROW_SIZE = config_1.default.ROW_SIZE;
+var StyledSpinner = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  & {\n    position: absolute;\n    bottom: -34px;\n    left: 50%;\n  }\n\n  .ant-spin {\n    display: flex;\n    justify-content: center;\n    margin: 15px 0;\n  }\n"], ["\n  & {\n    position: absolute;\n    bottom: -34px;\n    left: 50%;\n  }\n\n  .ant-spin {\n    display: flex;\n    justify-content: center;\n    margin: 15px 0;\n  }\n"])));
+function Spinner() {
+    return (react_1.default.createElement(StyledSpinner, { className: "spinner-wrapper", style: {
+            height: ROW_SIZE,
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+        } },
+        react_1.default.createElement(antd_1.Spin, { style: { margin: 0 } })));
+}
+var templateObject_1;

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

@@ -0,0 +1,28 @@
+import React from 'react';
+import { Actions, DataRow, TableColumn, loadPage as loadPageType, UseData } from '../../app_types';
+import { ApiResponse } from '../../api/Api';
+export declare const MARGIN_FOR_SPINNER = 55;
+type Props<DataType = DataRow> = {
+    idKey?: keyof DataType;
+    added?: DataType[];
+    style?: React.CSSProperties;
+    columns: TableColumn<DataType>[];
+    filters?: Record<string, unknown> | undefined;
+    actions?: Actions<DataType>;
+    loadPage?: loadPageType<DataType>;
+    dataSource?: DataType[];
+    onDelete?: (row: DataType) => Promise<ApiResponse> | void;
+    selected?: number | DataType;
+    withCheckbox?: boolean;
+    checked?: number[];
+    setChecked?: React.Dispatch<React.SetStateAction<number[]>>;
+    suspend?: boolean;
+    pinned?: DataType[];
+    loadingDataSource?: boolean;
+    floatingActions?: boolean;
+    useData?: UseData<DataType>;
+    responsive?: boolean;
+    deleteMessage?: (record: DataType) => string;
+};
+declare function Table<DataType extends object = DataRow>(props: Props<DataType>): React.JSX.Element;
+export default Table;

package/dist/components/Table/Table.js

@@ -0,0 +1,330 @@
+"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.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 config_1 = __importDefault(require("../../config"));
+var Spinner_1 = __importDefault(require("./Spinner"));
+var useGetRowCheckbox_1 = __importDefault(require("./hooks/useGetRowCheckbox"));
+var useGetCellRenderer_1 = __importDefault(require("./hooks/useGetCellRenderer"));
+var useGetResizeColumn_1 = __importDefault(require("./hooks/useGetResizeColumn"));
+var useRenderRowActions_1 = __importDefault(require("./hooks/useRenderRowActions"));
+var addIndexToObject_1 = __importDefault(require("./addIndexToObject"));
+var useGetColumnsWithCheckbox_1 = __importDefault(require("./hooks/useGetColumnsWithCheckbox"));
+var useGetDeleteRow_1 = __importDefault(require("./hooks/useGetDeleteRow"));
+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");
+var OrderProvider_1 = require("./providers/OrderProvider");
+var ROW_SIZE = config_1.default.ROW_SIZE, ROW_SIZE_MOBILE = config_1.default.ROW_SIZE_MOBILE, MOBILE_BREAKPOINT = config_1.default.MOBILE_BREAKPOINT;
+var getSearchBarCollapsed = function (s) { return s.searchBarCollapsed; };
+exports.MARGIN_FOR_SPINNER = 55;
+function BaseTable(_a) {
+    var _b, _c;
+    var style = _a.style, providedColumns = _a.columns, filters = _a.filters, actions = _a.actions, loadPage = _a.loadPage, onDelete = _a.onDelete, added = _a.added, dataSource = _a.dataSource, withCheckbox = _a.withCheckbox, checked = _a.checked, setChecked = _a.setChecked, selected = _a.selected, _d = _a.loadingDataSource, loadingDataSource = _d === void 0 ? false : _d, floatingActions = _a.floatingActions, suspend = _a.suspend, pinned = _a.pinned, _e = _a.useData, useData = _e === void 0 ? (react_1.useState) : _e, responsive = _a.responsive, deleteMessage = _a.deleteMessage, idKey = _a.idKey;
+    var order = (0, OrderProvider_1.useOrder)().order;
+    var _f = (0, react_1.useState)(ROW_SIZE), rowSize = _f[0], setRowSize = _f[1];
+    var main = (0, react_1.useRef)(null);
+    var table = (0, react_1.useRef)(null);
+    var grid = (0, react_1.useRef)(null);
+    var _g = (0, react_1.useState)(((_b = main.current) === null || _b === void 0 ? void 0 : _b.offsetWidth) || 0), listWidth = _g[0], setListWidth = _g[1];
+    var _h = (0, react_1.useState)((((_c = main.current) === null || _c === void 0 ? void 0 : _c.offsetHeight) || 0) - rowSize), listHeight = _h[0], setListHeight = _h[1];
+    var _j = (0, react_1.useState)(), hoveredRow = _j[0], setHoveredRow = _j[1]; // TODO: is it used anywhere?
+    var _k = useData((dataSource === null || dataSource === void 0 ? void 0 : dataSource.map((addIndexToObject_1.default))) || undefined), data = _k[0], setData = _k[1];
+    var _l = (0, react_1.useState)(), total = _l[0], setTotal = _l[1];
+    var _m = (0, react_1.useState)(providedColumns), columns = _m[0], setColumns = _m[1];
+    var _o = (0, react_1.useState)(false), loading = _o[0], setLoading = _o[1];
+    var _p = (0, react_1.useState)(), actionsFor = _p[0], setActionsFor = _p[1];
+    var _q = (0, react_1.useState)({
+        top: -20,
+        width: 0,
+        transition: '',
+    }), actionsDimensions = _q[0], setActionsDimensions = _q[1];
+    var collapsed = (0, react_redux_1.useSelector)(getSearchBarCollapsed);
+    var menuCollapsed = (0, react_redux_1.useSelector)(function (state) { return state.menuCollapsed; });
+    (0, react_1.useEffect)(function () {
+        setLoading(loadingDataSource);
+    }, [loadingDataSource]);
+    var deleteRow = (0, useGetDeleteRow_1.default)({
+        deleteMessage: deleteMessage,
+        onDelete: onDelete,
+        setData: setData,
+        data: data,
+    });
+    var resizeCol = (0, useGetResizeColumn_1.default)({ columns: columns, setColumns: setColumns });
+    var CellRenderer = (0, useGetCellRenderer_1.default)({
+        idKey: idKey,
+        columns: columns,
+        // TODO: improve
+        data: data,
+        actions: actions,
+        resizeCol: resizeCol,
+        setHoveredRow: setHoveredRow,
+        hoveredRow: hoveredRow,
+        selected: typeof selected === 'object'
+            ? selected === null || selected === void 0 ? void 0 : selected.id
+            : selected, // TODO fix types
+        checked: checked,
+    });
+    var RowActions = (0, useRenderRowActions_1.default)({ data: data, actions: actions, deleteRow: deleteRow });
+    var getColumnsWithActions = (0, react_1.useCallback)(function (updatedColumns) {
+        var newUpdatedColumns = __spreadArray([], updatedColumns, true);
+        if (newUpdatedColumns[newUpdatedColumns.length - 1].key === 'akcje') {
+            newUpdatedColumns[newUpdatedColumns.length - 1] = __assign(__assign({}, newUpdatedColumns[newUpdatedColumns.length - 1]), { render: RowActions });
+        }
+        else if (actions.width) {
+            newUpdatedColumns.push({
+                title: 'Akcja',
+                width: actions.width,
+                key: 'akcje',
+                render: RowActions,
+            });
+        }
+        return newUpdatedColumns;
+    }, [RowActions, actions]);
+    var RowCheckbox = (0, useGetRowCheckbox_1.default)({
+        checked: checked,
+        setChecked: setChecked,
+    });
+    var getColumnsWithCheckbox = (0, useGetColumnsWithCheckbox_1.default)({
+        data: data,
+        checked: checked,
+        RowCheckbox: RowCheckbox,
+    });
+    var addCheckboxAndActions = (0, react_1.useCallback)(function () {
+        var updatedColumns = __spreadArray([], columns, true);
+        if (withCheckbox) {
+            updatedColumns = getColumnsWithCheckbox(updatedColumns);
+        }
+        if (!floatingActions && actions && actions.width) {
+            updatedColumns = getColumnsWithActions(updatedColumns);
+        }
+        if (withCheckbox || (!floatingActions && actions && actions.width)) {
+            // if (JSON.stringify(updatedColumns) !== JSON.stringify(columns)) {
+            setColumns(updatedColumns);
+            // }
+        }
+    }, [
+        getColumnsWithCheckbox,
+        getColumnsWithActions,
+        // columns,
+        withCheckbox,
+        actions,
+        floatingActions,
+    ]);
+    (0, react_1.useEffect)(function () {
+        addCheckboxAndActions();
+    }, [addCheckboxAndActions, checked, data]);
+    var resizeColumns = (0, useResizeColumns_1.default)({
+        providedColumns: providedColumns,
+        columns: columns,
+        main: main,
+        floatingActions: floatingActions,
+        actions: actions,
+        setColumns: setColumns,
+        grid: grid,
+    });
+    (0, react_1.useEffect)(function () {
+        resizeColumns();
+    }, [resizeColumns, columns, collapsed, menuCollapsed, listWidth, listHeight]);
+    (0, react_1.useEffect)(function () {
+        var _a;
+        setListHeight(((_a = main.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 0 - rowSize);
+    }, [collapsed]);
+    var pageSize = (0, usePageSize_1.usePageSize)({ mainRef: main, rowSize: rowSize });
+    var handleResize = (0, react_1.useCallback)(function () {
+        if (main.current) {
+            if (responsive) {
+                setRowSize(main.current.offsetWidth < MOBILE_BREAKPOINT
+                    ? ROW_SIZE_MOBILE
+                    : ROW_SIZE);
+            }
+            setListWidth(main.current.offsetWidth);
+            setListHeight(main.current.offsetHeight - rowSize);
+        }
+    }, [main]);
+    (0, react_1.useEffect)(function () {
+        handleResize();
+    }, [handleResize, menuCollapsed]);
+    (0, react_1.useEffect)(function () {
+        if (main.current) {
+            if (responsive) {
+                setRowSize(main.current.offsetWidth < MOBILE_BREAKPOINT
+                    ? ROW_SIZE_MOBILE
+                    : ROW_SIZE);
+            }
+            setListWidth(main.current.offsetWidth);
+            setListHeight(main.current.offsetHeight - rowSize);
+        }
+        window.removeEventListener('resize', handleResize);
+        window.addEventListener('resize', handleResize);
+        return function () { return window.removeEventListener('resize', handleResize); };
+    }, [handleResize]);
+    (0, react_1.useEffect)(function () {
+        if ((0, areProvidedColumnsDifferent_1.default)(providedColumns, columns)) {
+            setColumns(providedColumns);
+        }
+    }, [providedColumns, columns]);
+    var floatingButtons = (0, react_1.useMemo)(function () {
+        if (actions) {
+            return __spreadArray(__spreadArray([], (actions.floatingOnly || []), true), (actions.buttons || []), true);
+        }
+        return undefined;
+    }, [actions]);
+    var fetchPage = (0, useFetchPage_1.default)({
+        suspend: suspend,
+        setLoading: setLoading,
+        pageSize: pageSize,
+        loadPage: loadPage,
+        filters: filters,
+        // TODO: improve
+        data: data,
+        pinned: pinned,
+        setData: setData,
+        setTotal: setTotal,
+    });
+    (0, useLoadDataSource_1.default)({
+        filters: filters,
+        added: added,
+        data: data,
+        dataSource: dataSource,
+        setData: setData,
+        fetchPage: fetchPage,
+        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 }));
+        }
+        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) {
+    return (react_1.default.createElement(OrderProvider_1.OrderProvider, null,
+        react_1.default.createElement(BaseTable, __assign({}, props))));
+}
+exports.default = Table;

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

@@ -0,0 +1,3 @@
+export default function addIndexToObject<DataType = Record<string, unknown>>(e: DataType, i: number): DataType & {
+    index: number;
+};

package/dist/components/Table/addIndexToObject.js

@@ -0,0 +1,17 @@
+"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 = addIndexToObject;
+function addIndexToObject(e, i) {
+    return __assign(__assign({}, e), { index: i + 1 });
+}

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

@@ -0,0 +1,2 @@
+import { DataRow, TableColumn } from '../../app_types';
+export default function areProvidedColumnsDifferent<DataType = DataRow>(providedColumns: TableColumn<DataType>[], currentColumns: TableColumn<DataType>[]): boolean;