@ercioko/meblotex-api 0.1.0

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

@@ -0,0 +1,254 @@
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+function _ts_generator(thisArg, body) {
+    var f, y, t, g, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
+    };
+    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(_)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
+        };
+    }
+}
+import { message } from 'antd';
+import React, { useCallback } from 'react';
+import addIndexToObject from '../addIndexToObject';
+import { useOrder } from '../providers/OrderProvider';
+export default function useFetchPage(param) {
+    var suspend = param.suspend, setLoading = param.setLoading, pageSize = param.pageSize, loadPage = param.loadPage, filters = param.filters, data = param.data, pinned = param.pinned, setData = param.setData, setTotal = param.setTotal;
+    var order = useOrder().order;
+    return useCallback(function() {
+        var _ref = _async_to_generator(function(page, size) {
+            var loaded, newData, e;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        if (typeof suspend === 'boolean' && suspend) {
+                            setLoading(false);
+                            return [
+                                2
+                            ];
+                        }
+                        if (size === undefined) {
+                            size = pageSize();
+                        }
+                        _state.label = 1;
+                    case 1:
+                        _state.trys.push([
+                            1,
+                            3,
+                            4,
+                            5
+                        ]);
+                        setLoading(true);
+                        return [
+                            4,
+                            loadPage(page, size, filters, order)
+                        ];
+                    case 2:
+                        loaded = _state.sent();
+                        if (page !== 0) {
+                            newData = _to_consumable_array(data || []).concat(_to_consumable_array(loaded.data));
+                        } else {
+                            newData = loaded.data || [];
+                        }
+                        if (Array.isArray(pinned)) {
+                            pinned.forEach(function(pinnedEl, pinnedIdx) {
+                                var indexes = newData.map(function(param, index) {
+                                    var id = param.id;
+                                    return {
+                                        id: id,
+                                        index: index
+                                    };
+                                })// TODO fix
+                                // @ts-ignore
+                                .filter(function(el) {
+                                    return el.id === pinnedEl.id;
+                                }).map(function(param) {
+                                    var index = param.index;
+                                    return index;
+                                });
+                                indexes.forEach(function(index) {
+                                    if (index !== pinnedIdx) {
+                                        newData.splice(index, 1);
+                                    }
+                                });
+                                if (!indexes.includes(pinnedIdx)) {
+                                    newData.unshift(pinnedEl);
+                                }
+                            });
+                        }
+                        setData(newData.map(addIndexToObject));
+                        setTotal(loaded.total);
+                        return [
+                            3,
+                            5
+                        ];
+                    case 3:
+                        e = _state.sent();
+                        message.error("".concat(e));
+                        return [
+                            3,
+                            5
+                        ];
+                    case 4:
+                        setLoading(false);
+                        return [
+                            7
+                        ];
+                    case 5:
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function(page, size) {
+            return _ref.apply(this, arguments);
+        };
+    }(), [
+        suspend,
+        pageSize,
+        loadPage,
+        filters,
+        data,
+        order
+    ]);
+}

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

@@ -0,0 +1,231 @@
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+import React, { useCallback } from 'react';
+import Draggable from 'react-draggable';
+import { useOrder } from '../providers/OrderProvider';
+import { TableData, TableHeader } from '../styles';
+var isKeyInRow = function(key, row) {
+    return key in row;
+};
+export default function useGetCellRenderer(param) {
+    var columns = param.columns, data = param.data, actions = param.actions, resizeCol = param.resizeCol, setHoveredRow = param.setHoveredRow, hoveredRow = param.hoveredRow, selected = param.selected, checked = param.checked, idKey = param.idKey;
+    var _useOrder = useOrder(), order = _useOrder.order, setOrder = _useOrder.setOrder;
+    var sortByColumn = useCallback(function(param) {
+        var orderNested = param.orderNested, key = param.key;
+        if (key === 'akcje') {
+            return;
+        }
+        if (Array.isArray(orderNested)) {
+            setOrder(_to_consumable_array(orderNested).concat([
+                Array.isArray(order) && order[0] === orderNested[0] && order[1] === orderNested[1] && order[2] === 'ASC' ? 'DESC' : 'ASC'
+            ]));
+        } 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 = 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 = useCallback(function(rowIndex) {
+        return function(e) {
+            e.stopPropagation();
+            actions === null || actions === void 0 ? void 0 : actions.onRowClick(data[rowIndex - 1]);
+        };
+    }, [
+        actions,
+        data
+    ]);
+    return useCallback(function(param) {
+        var columnIndex = param.columnIndex, rowIndex = param.rowIndex, rowKey = param.rowKey, style = param.style, isScrolling = param.isScrolling, isVisible = param.isVisible;
+        // const hoverRow = useCallback(
+        //   (rowIndex) => () => {
+        //     setHoveredRow(rowIndex);
+        //   },
+        //   [setHoveredRow]
+        // );
+        // const blurRow = useCallback(() => setHoveredRow(), []);
+        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 /*#__PURE__*/ React.createElement(TableHeader, {
+                key: rowKey,
+                style: _object_spread_props(_object_spread({}, style), {
+                    display: 'flex',
+                    alignItems: 'center'
+                }),
+                className: "td th",
+                onClick: function() {
+                    return sortByColumn(colCfg);
+                }
+            }, /*#__PURE__*/ React.createElement("div", {
+                className: "text-nowrap w-100".concat(colCfg.resized ? ' resized' : '')
+            }, colCfg.title), /*#__PURE__*/ React.createElement(Draggable, {
+                axis: "x",
+                defaultClassName: "DragHandle",
+                defaultClassNameDragging: "DragHandleActive",
+                onDrag: function(e, param) {
+                    var deltaX = param.deltaX;
+                    return resizeCol(columnIndex, deltaX);
+                },
+                position: {
+                    x: 0,
+                    y: undefined
+                }
+            }, /*#__PURE__*/ React.createElement("div", {
+                className: "DragHandleIcon"
+            }, "⋮")));
+        }
+        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 /*#__PURE__*/ React.createElement(TableData, _object_spread_props(_object_spread({
+            // onMouseOver={hoverRow(rowIndex)} // TODO: is it useful?
+            // onMouseLeave={blurRow}
+            $align: colCfg.align,
+            role: "button",
+            key: rowKey,
+            style: _object_spread_props(_object_spread({}, 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/src/components/Table/hooks/useGetColumnsWithCheckbox.js

@@ -0,0 +1,33 @@
+import { Checkbox } from 'antd';
+import React, { useCallback } from 'react';
+export default function useGetColumnsWithCheckbox(param) {
+    var checked = param.checked, data = param.data, RowCheckbox = param.RowCheckbox;
+    return 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(param) {
+    var allChecked = param.allChecked, RowCheckbox = param.RowCheckbox;
+    return {
+        title: /*#__PURE__*/ React.createElement(Checkbox, {
+            checked: allChecked,
+            disabled: true
+        }),
+        width: 54,
+        key: 'checkbox',
+        render: RowCheckbox
+    };
+}

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

@@ -0,0 +1,181 @@
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function _ts_generator(thisArg, body) {
+    var f, y, t, g, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
+    };
+    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(_)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
+        };
+    }
+}
+import { message } from 'antd';
+import React, { useCallback } from 'react';
+import addIndexToObject from '../addIndexToObject';
+export default function useGetDeleteRow(param) {
+    var onDelete = param.onDelete, setData = param.setData, data = param.data, deleteMessage = param.deleteMessage;
+    return useCallback(function() {
+        var _ref = _async_to_generator(function(row) {
+            var response, e;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        _state.trys.push([
+                            0,
+                            2,
+                            ,
+                            3
+                        ]);
+                        return [
+                            4,
+                            onDelete(row)
+                        ];
+                    case 1:
+                        response = _state.sent();
+                        if (!response) return [
+                            2
+                        ];
+                        deleteMessage && message.success(deleteMessage(row));
+                        setData(data.filter(function(e) {
+                            return JSON.stringify(e) !== JSON.stringify(row);
+                        }).map(addIndexToObject));
+                        return [
+                            3,
+                            3
+                        ];
+                    case 2:
+                        e = _state.sent();
+                        message.error("Wystąpił błąd ".concat(e));
+                        return [
+                            3,
+                            3
+                        ];
+                    case 3:
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function(row) {
+            return _ref.apply(this, arguments);
+        };
+    }(), [
+        data,
+        onDelete,
+        setData
+    ]);
+}