@ercioko/meblotex-api 0.1.0

package/dist/app_types.js

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DokumentTyp = exports.TypDokumentu = exports.FormaPlatnosci = exports.TypWplaty = exports.RownanieTyp = exports.CechaTyp = exports.CechaKontrolka = exports.BuforStatus = exports.RabatSufix = exports.RabatPrefix = exports.Jednostka = exports.Zrodlo = void 0;
+var Zrodlo;
+(function (Zrodlo) {
+    Zrodlo["Web"] = "M";
+    Zrodlo["Producent"] = "P";
+})(Zrodlo = exports.Zrodlo || (exports.Zrodlo = {}));
+var Jednostka;
+(function (Jednostka) {
+    Jednostka[Jednostka["m2"] = 3] = "m2";
+    Jednostka[Jednostka["systemowy"] = null] = "systemowy";
+    Jednostka[Jednostka["szt"] = 1] = "szt";
+    Jednostka[Jednostka["m2old"] = -2] = "m2old";
+})(Jednostka = exports.Jednostka || (exports.Jednostka = {}));
+var RabatPrefix;
+(function (RabatPrefix) {
+    RabatPrefix["Brak"] = "N";
+    RabatPrefix["Narzut"] = "P";
+    RabatPrefix["Rabat"] = "M";
+})(RabatPrefix = exports.RabatPrefix || (exports.RabatPrefix = {}));
+var RabatSufix;
+(function (RabatSufix) {
+    RabatSufix["Procent"] = "%";
+    RabatSufix["Brak"] = "";
+})(RabatSufix = exports.RabatSufix || (exports.RabatSufix = {}));
+var BuforStatus;
+(function (BuforStatus) {
+    BuforStatus["False"] = "F";
+    BuforStatus["New"] = "N";
+    BuforStatus["Bufor"] = "B";
+})(BuforStatus = exports.BuforStatus || (exports.BuforStatus = {}));
+var CechaKontrolka;
+(function (CechaKontrolka) {
+    CechaKontrolka["PC_EDIT"] = "pcEdit    ";
+    CechaKontrolka["PC_CBX"] = "pcCbx     ";
+    CechaKontrolka["PC_HIDE"] = "pcHide    ";
+    CechaKontrolka["PT_BOOL"] = "ptBool    ";
+})(CechaKontrolka = exports.CechaKontrolka || (exports.CechaKontrolka = {}));
+var CechaTyp;
+(function (CechaTyp) {
+    CechaTyp["PT_INT"] = "ptInt     ";
+    CechaTyp["PT_TXT"] = "ptTxt     ";
+})(CechaTyp = exports.CechaTyp || (exports.CechaTyp = {}));
+var RownanieTyp;
+(function (RownanieTyp) {
+    RownanieTyp["Kalkulacja"] = "K";
+})(RownanieTyp = exports.RownanieTyp || (exports.RownanieTyp = {}));
+var TypWplaty;
+(function (TypWplaty) {
+    TypWplaty["Gotowka"] = "KP";
+    TypWplaty["Zaliczka"] = "ZA";
+    TypWplaty["Karta"] = "DK";
+    TypWplaty["Przelew"] = "DB";
+})(TypWplaty = exports.TypWplaty || (exports.TypWplaty = {}));
+var FormaPlatnosci;
+(function (FormaPlatnosci) {
+    FormaPlatnosci["Gotowka"] = "G";
+    FormaPlatnosci["Pobranie"] = "O";
+    FormaPlatnosci["Karta"] = "K";
+    FormaPlatnosci["Przelew"] = "P";
+})(FormaPlatnosci = exports.FormaPlatnosci || (exports.FormaPlatnosci = {}));
+var TypDokumentu;
+(function (TypDokumentu) {
+    TypDokumentu["Faktura"] = "FA";
+    TypDokumentu["FakturaDetal"] = "DE";
+    TypDokumentu["FakturaEksport"] = "EX";
+    TypDokumentu["Paragon"] = "PA";
+})(TypDokumentu = exports.TypDokumentu || (exports.TypDokumentu = {}));
+var DokumentTyp;
+(function (DokumentTyp) {
+    DokumentTyp["WydanieZewnetrzne"] = "WZ";
+    DokumentTyp["WydanieWewnetrzne"] = "WW";
+    DokumentTyp["PrzychodWewnetrzny"] = "PW";
+})(DokumentTyp = exports.DokumentTyp || (exports.DokumentTyp = {}));

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,2 @@
+declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+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,15 @@
+/// <reference types="react" />
+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 });
+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)));
+}
+exports.default = FloatingActions;
+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 });
+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 } })));
+}
+exports.default = Spinner;
+var templateObject_1;

package/dist/components/Table/Summary.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { TableData } from "./styles";
+export default function Summary(param) {
+    var summary = param.summary, widths = param.widths;
+    return summary ? /*#__PURE__*/ React.createElement("div", {
+        className: "tr summary"
+    }, summary.map(function(e, i) {
+        return /*#__PURE__*/ React.createElement(TableData, {
+            key: i,
+            style: {
+                width: "".concat(widths[i], "px")
+            },
+            className: e === undefined ? "td orphan" : "td"
+        }, e);
+    })) : null;
+};

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;