@ercioko/meblotex-api 0.2.0 → 0.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.eslintrc +6 -0
- package/.nvmrc +1 -0
- package/.prettierrc +11 -0
- package/package.json +5 -16
- package/src/api/Api.ts +140 -0
- package/src/api/Endpoint.ts +76 -0
- package/src/api/createApi.ts +116 -0
- package/src/api/error.ts +17 -0
- package/{dist/api/index.d.ts → src/api/index.ts} +1 -0
- package/src/api/status.ts +3 -0
- package/src/api/utils/getAlert.ts +75 -0
- package/src/app_types.ts +695 -0
- package/src/components/ApiHostProvider.tsx +13 -0
- package/src/components/StatusTag.tsx +83 -0
- package/src/components/Table/DataTableWrapper.tsx +28 -0
- package/src/components/Table/FloatingActions.tsx +152 -0
- package/src/components/Table/Spinner.tsx +35 -0
- package/src/components/Table/Summary.tsx +18 -0
- package/src/components/Table/Table.tsx +474 -0
- package/src/components/Table/addIndexToObject.ts +6 -0
- package/src/components/Table/areProvidedColumnsDifferent.ts +26 -0
- package/src/components/Table/clicked.js +12 -0
- package/src/components/Table/displayActions.tsx +19 -0
- package/src/components/Table/hooks/useFetchPage.tsx +83 -0
- package/src/components/Table/hooks/useGetCellRenderer.tsx +197 -0
- package/src/components/Table/hooks/useGetColumnsWithCheckbox.tsx +34 -0
- package/src/components/Table/hooks/useGetDeleteRow.tsx +37 -0
- package/src/components/Table/hooks/useGetResizeColumn.ts +33 -0
- package/src/components/Table/hooks/useGetRowCheckbox.tsx +25 -0
- package/src/components/Table/hooks/useLoadDataSource.ts +24 -0
- package/src/components/Table/hooks/usePageSize.tsx +20 -0
- package/src/components/Table/hooks/useRenderRowActions.tsx +45 -0
- package/src/components/Table/hooks/useResizeColumns.ts +61 -0
- package/src/components/Table/index.ts +1 -0
- package/src/components/Table/providers/OrderProvider.tsx +20 -0
- package/src/components/Table/styles.ts +208 -0
- package/src/config.ts +7 -0
- package/src/db_types.ts +220 -0
- package/src/hooks/useApi.ts +43 -0
- package/src/hooks/useEndpoint.ts +35 -0
- package/src/lib/jednostkaNazwa.ts +6 -0
- package/src/lib/typDokumentuNazwa.ts +8 -0
- package/src/utils/Query.ts +30 -0
- package/src/utils/getWZNumber.ts +13 -0
- package/src/utils/getZamowienieDokumentNumber.ts +11 -0
- package/{dist/src/utils/index.js → src/utils/index.ts} +2 -2
- package/tsconfig.json +25 -0
- package/tsconfig.tsbuildinfo +1 -0
- package/dist/api/Api.d.ts +0 -33
- package/dist/api/Api.js +0 -152
- package/dist/api/Endpoint.d.ts +0 -13
- package/dist/api/Endpoint.js +0 -126
- package/dist/api/createApi.d.ts +0 -52
- package/dist/api/createApi.js +0 -81
- package/dist/api/error.d.ts +0 -15
- package/dist/api/error.js +0 -18
- package/dist/api/index.js +0 -34
- package/dist/api/status.d.ts +0 -3
- package/dist/api/status.js +0 -6
- package/dist/api/utils/getAlert.d.ts +0 -6
- package/dist/api/utils/getAlert.js +0 -65
- package/dist/api/utils/index.js +0 -8
- package/dist/app_types.d.ts +0 -607
- package/dist/app_types.js +0 -75
- package/dist/components/ApiHostProvider.d.ts +0 -7
- package/dist/components/ApiHostProvider.js +0 -35
- package/dist/components/StatusTag.d.ts +0 -11
- package/dist/components/StatusTag.js +0 -86
- package/dist/components/Table/DataTableWrapper.d.ts +0 -3
- package/dist/components/Table/DataTableWrapper.js +0 -44
- package/dist/components/Table/FloatingActions.d.ts +0 -14
- package/dist/components/Table/FloatingActions.js +0 -32
- package/dist/components/Table/Spinner.d.ts +0 -2
- package/dist/components/Table/Spinner.js +0 -26
- package/dist/components/Table/Summary.js +0 -16
- package/dist/components/Table/Table.d.ts +0 -28
- package/dist/components/Table/Table.js +0 -330
- package/dist/components/Table/addIndexToObject.d.ts +0 -3
- package/dist/components/Table/addIndexToObject.js +0 -17
- package/dist/components/Table/areProvidedColumnsDifferent.d.ts +0 -2
- package/dist/components/Table/areProvidedColumnsDifferent.js +0 -16
- package/dist/components/Table/clicked.js +0 -11
- package/dist/components/Table/displayActions.js +0 -11
- package/dist/components/Table/hooks/useFetchPage.d.ts +0 -18
- package/dist/components/Table/hooks/useFetchPage.js +0 -123
- package/dist/components/Table/hooks/useGetCellRenderer.d.ts +0 -25
- package/dist/components/Table/hooks/useGetCellRenderer.js +0 -166
- package/dist/components/Table/hooks/useGetColumnsWithCheckbox.d.ts +0 -5
- package/dist/components/Table/hooks/useGetColumnsWithCheckbox.js +0 -53
- package/dist/components/Table/hooks/useGetDeleteRow.d.ts +0 -9
- package/dist/components/Table/hooks/useGetDeleteRow.js +0 -74
- package/dist/components/Table/hooks/useGetResizeColumn.d.ts +0 -8
- package/dist/components/Table/hooks/useGetResizeColumn.js +0 -28
- package/dist/components/Table/hooks/useGetRowCheckbox.d.ts +0 -5
- package/dist/components/Table/hooks/useGetRowCheckbox.js +0 -54
- package/dist/components/Table/hooks/useLoadDataSource.d.ts +0 -10
- package/dist/components/Table/hooks/useLoadDataSource.js +0 -20
- package/dist/components/Table/hooks/usePageSize.d.ts +0 -5
- package/dist/components/Table/hooks/usePageSize.js +0 -16
- package/dist/components/Table/hooks/useRenderRowActions.d.ts +0 -6
- package/dist/components/Table/hooks/useRenderRowActions.js +0 -51
- package/dist/components/Table/hooks/useResizeColumns.d.ts +0 -9
- package/dist/components/Table/hooks/useResizeColumns.js +0 -60
- package/dist/components/Table/index.d.ts +0 -1
- package/dist/components/Table/index.js +0 -8
- package/dist/components/Table/providers/OrderProvider.d.ts +0 -9
- package/dist/components/Table/providers/OrderProvider.js +0 -17
- package/dist/components/Table/styles.d.ts +0 -6
- package/dist/components/Table/styles.js +0 -37
- package/dist/components/index.js +0 -26
- package/dist/config.d.ts +0 -6
- package/dist/config.js +0 -8
- package/dist/db_types.d.ts +0 -208
- package/dist/db_types.js +0 -2
- package/dist/hooks/index.js +0 -10
- package/dist/hooks/useApi.d.ts +0 -2
- package/dist/hooks/useApi.js +0 -42
- package/dist/hooks/useEndpoint.d.ts +0 -2
- package/dist/hooks/useEndpoint.js +0 -34
- package/dist/index.js +0 -19
- package/dist/lib/index.js +0 -18
- package/dist/lib/jednostka.d.ts +0 -6
- package/dist/lib/jednostkaNazwa.d.ts +0 -6
- package/dist/lib/jednostkaNazwa.js +0 -9
- package/dist/lib/typDokumentuNazwa.d.ts +0 -6
- package/dist/lib/typDokumentuNazwa.js +0 -11
- package/dist/lib/typ_dokument.d.ts +0 -0
- package/dist/lib/typ_dokumentu.d.ts +0 -6
- package/dist/lib/unit.d.ts +0 -0
- package/dist/src/api/Api.js +0 -316
- package/dist/src/api/Endpoint.js +0 -365
- package/dist/src/api/createApi.js +0 -50
- package/dist/src/api/error.js +0 -15
- package/dist/src/api/index.js +0 -5
- package/dist/src/api/status.js +0 -3
- package/dist/src/api/utils/getAlert.js +0 -63
- package/dist/src/api/utils/index.js +0 -1
- package/dist/src/app_types.js +0 -72
- package/dist/src/components/ApiHostProvider.js +0 -11
- package/dist/src/components/StatusTag.js +0 -153
- package/dist/src/components/Table/DataTableWrapper.js +0 -115
- package/dist/src/components/Table/FloatingActions.js +0 -60
- package/dist/src/components/Table/Spinner.js +0 -40
- package/dist/src/components/Table/Summary.js +0 -16
- package/dist/src/components/Table/Table.js +0 -498
- package/dist/src/components/Table/addIndexToObject.js +0 -57
- package/dist/src/components/Table/areProvidedColumnsDifferent.js +0 -19
- package/dist/src/components/Table/clicked.js +0 -12
- package/dist/src/components/Table/displayActions.js +0 -11
- package/dist/src/components/Table/hooks/useFetchPage.js +0 -254
- package/dist/src/components/Table/hooks/useGetCellRenderer.js +0 -231
- package/dist/src/components/Table/hooks/useGetColumnsWithCheckbox.js +0 -33
- package/dist/src/components/Table/hooks/useGetDeleteRow.js +0 -181
- package/dist/src/components/Table/hooks/useGetResizeColumn.js +0 -72
- package/dist/src/components/Table/hooks/useGetRowCheckbox.js +0 -55
- package/dist/src/components/Table/hooks/useLoadDataSource.js +0 -16
- package/dist/src/components/Table/hooks/usePageSize.js +0 -15
- package/dist/src/components/Table/hooks/useRenderRowActions.js +0 -50
- package/dist/src/components/Table/hooks/useResizeColumns.js +0 -70
- package/dist/src/components/Table/index.js +0 -1
- package/dist/src/components/Table/providers/OrderProvider.js +0 -65
- package/dist/src/components/Table/styles.js +0 -66
- package/dist/src/components/index.js +0 -4
- package/dist/src/config.js +0 -6
- package/dist/src/db_types.js +0 -1
- package/dist/src/hooks/index.js +0 -2
- package/dist/src/hooks/useApi.js +0 -84
- package/dist/src/hooks/useEndpoint.js +0 -60
- package/dist/src/index.js +0 -3
- package/dist/src/lib/index.js +0 -2
- package/dist/src/lib/jednostkaNazwa.js +0 -6
- package/dist/src/lib/typDokumentuNazwa.js +0 -16
- package/dist/src/utils/Query.js +0 -73
- package/dist/src/utils/getWZNumber.js +0 -4
- package/dist/src/utils/getZamowienieDokumentNumber.js +0 -4
- package/dist/utils/AlertContext.d.ts +0 -3
- package/dist/utils/AlertContext.js +0 -3
- package/dist/utils/Query.d.ts +0 -6
- package/dist/utils/Query.js +0 -33
- package/dist/utils/geNumber.d.ts +0 -2
- package/dist/utils/getDocNumber.d.ts +0 -2
- package/dist/utils/getWZNumber.js +0 -10
- package/dist/utils/getWzNumber.d.ts +0 -2
- package/dist/utils/getZamowienieDokumentNumber copy.d.ts +0 -2
- package/dist/utils/getZamowienieDokumentNumber.d.ts +0 -2
- package/dist/utils/getZamowienieDokumentNumber.js +0 -8
- package/dist/utils/index.d.ts +0 -3
- package/dist/utils/index.js +0 -12
- /package/{dist/api/utils/index.d.ts → src/api/utils/index.ts} +0 -0
- /package/{dist/components/index.d.ts → src/components/index.ts} +0 -0
- /package/{dist/hooks/index.d.ts → src/hooks/index.ts} +0 -0
- /package/{dist/index.d.ts → src/index.ts} +0 -0
- /package/{dist/lib/index.d.ts → src/lib/index.ts} +0 -0
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
exports.useApiHost = exports.ApiHostProvider = void 0;
|
|
27
|
-
var react_1 = __importStar(require("react"));
|
|
28
|
-
var ApiHostContext = (0, react_1.createContext)('');
|
|
29
|
-
var ApiHostProvider = function (_a) {
|
|
30
|
-
var children = _a.children, host = _a.host;
|
|
31
|
-
return (react_1.default.createElement(ApiHostContext.Provider, { value: host }, children));
|
|
32
|
-
};
|
|
33
|
-
exports.ApiHostProvider = ApiHostProvider;
|
|
34
|
-
var useApiHost = function () { return (0, react_1.useContext)(ApiHostContext); };
|
|
35
|
-
exports.useApiHost = useApiHost;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { TagProps } from 'antd';
|
|
3
|
-
export declare const statuses: readonly ["ZAM", "PRZ", "PRO", "WYP", "DWY", "WYB", "PDM", "WZM", "N", "B", "ARC", "WZ", "PW"];
|
|
4
|
-
export type Status = typeof statuses[number];
|
|
5
|
-
export declare const StyledTag: FC<TagProps>;
|
|
6
|
-
type Props = {
|
|
7
|
-
status: Status;
|
|
8
|
-
Tag?: FC<TagProps>;
|
|
9
|
-
};
|
|
10
|
-
declare const StatusTag: FC<Props>;
|
|
11
|
-
export default StatusTag;
|
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
25
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
|
-
};
|
|
27
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
-
exports.StyledTag = exports.statuses = void 0;
|
|
29
|
-
var react_1 = __importDefault(require("react"));
|
|
30
|
-
var antd_1 = require("antd");
|
|
31
|
-
exports.statuses = [
|
|
32
|
-
'ZAM',
|
|
33
|
-
'PRZ',
|
|
34
|
-
'PRO',
|
|
35
|
-
'WYP',
|
|
36
|
-
'DWY',
|
|
37
|
-
'WYB',
|
|
38
|
-
'PDM',
|
|
39
|
-
'WZM',
|
|
40
|
-
'N',
|
|
41
|
-
'B',
|
|
42
|
-
'ARC',
|
|
43
|
-
'WZ',
|
|
44
|
-
'PW',
|
|
45
|
-
];
|
|
46
|
-
var StyledTag = function (_a) {
|
|
47
|
-
var style = _a.style, props = __rest(_a, ["style"]);
|
|
48
|
-
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)));
|
|
49
|
-
};
|
|
50
|
-
exports.StyledTag = StyledTag;
|
|
51
|
-
var StatusTag = function (_a) {
|
|
52
|
-
var status = _a.status, _b = _a.Tag, Tag = _b === void 0 ? exports.StyledTag : _b;
|
|
53
|
-
switch (status) {
|
|
54
|
-
case 'ZAM':
|
|
55
|
-
return react_1.default.createElement(Tag, { color: "cyan" }, "Zam\u00F3wione");
|
|
56
|
-
case 'PRZ':
|
|
57
|
-
return react_1.default.createElement(Tag, { color: "blue" }, "Przyjete");
|
|
58
|
-
case 'PRO':
|
|
59
|
-
return react_1.default.createElement(Tag, { color: "gold" }, "W produkcji");
|
|
60
|
-
case 'WYP':
|
|
61
|
-
return react_1.default.createElement(Tag, { color: "orange" }, "Wyprodukowane");
|
|
62
|
-
case 'DWY':
|
|
63
|
-
return react_1.default.createElement(Tag, { color: "green" }, "Do wydania");
|
|
64
|
-
case 'WYB':
|
|
65
|
-
return react_1.default.createElement(Tag, { color: "lime" }, "Wybieranie");
|
|
66
|
-
case 'PDM':
|
|
67
|
-
return react_1.default.createElement(Tag, { color: "gray" }, "Przyj\u0119te do magazynu");
|
|
68
|
-
case 'WZM':
|
|
69
|
-
return react_1.default.createElement(Tag, { color: "green" }, "Wydane z magazynu");
|
|
70
|
-
case 'N':
|
|
71
|
-
return react_1.default.createElement(Tag, { color: "gold" }, "Bufor portal");
|
|
72
|
-
case 'B':
|
|
73
|
-
return react_1.default.createElement(Tag, { color: "blue" }, "Bufor");
|
|
74
|
-
case 'ARC':
|
|
75
|
-
return react_1.default.createElement(Tag, { color: "black" }, "Archiwum");
|
|
76
|
-
case 'WZ':
|
|
77
|
-
return react_1.default.createElement(Tag, { color: "blue" }, "Wydanie zewn\u0119trzne");
|
|
78
|
-
case 'PW':
|
|
79
|
-
return react_1.default.createElement(Tag, { color: "green" }, "Przych\u00F3d wewn\u0119trzny");
|
|
80
|
-
default:
|
|
81
|
-
// eslint-disable-next-line no-console
|
|
82
|
-
console.log('nieznany: ', status);
|
|
83
|
-
return react_1.default.createElement(Tag, { color: "red" }, "Nieznany");
|
|
84
|
-
}
|
|
85
|
-
};
|
|
86
|
-
exports.default = StatusTag;
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
|
-
export default Wrapper;
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __assign = (this && this.__assign) || function () {
|
|
7
|
-
__assign = Object.assign || function(t) {
|
|
8
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
-
s = arguments[i];
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
};
|
|
15
|
-
return __assign.apply(this, arguments);
|
|
16
|
-
};
|
|
17
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
18
|
-
var t = {};
|
|
19
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
20
|
-
t[p] = s[p];
|
|
21
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
22
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
23
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
24
|
-
t[p[i]] = s[p[i]];
|
|
25
|
-
}
|
|
26
|
-
return t;
|
|
27
|
-
};
|
|
28
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
29
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
30
|
-
};
|
|
31
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
32
|
-
var react_1 = __importDefault(require("react"));
|
|
33
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
34
|
-
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"])));
|
|
35
|
-
Wrapper.defaultProps = {
|
|
36
|
-
className: 'data-table-wrapper',
|
|
37
|
-
};
|
|
38
|
-
function DataTableWrapper(_a, ref) {
|
|
39
|
-
var children = _a.children, props = __rest(_a, ["children"]);
|
|
40
|
-
return (react_1.default.createElement(Wrapper, __assign({ className: "data-table-wrapper" }, props, { ref: ref }), children));
|
|
41
|
-
}
|
|
42
|
-
exports.default = Wrapper;
|
|
43
|
-
var templateObject_1;
|
|
44
|
-
// export default forwardRef(DataTableWrapper);
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { ActionFunction, Actions, DataRow } from '../../app_types';
|
|
2
|
-
export default function FloatingActions<DataType = DataRow>({ actionsDimensions, actionsFor, floatingButtons, actionHover, actionLeave, hide, actions, }: {
|
|
3
|
-
actionsDimensions: {
|
|
4
|
-
top: number;
|
|
5
|
-
width: number;
|
|
6
|
-
transition: string;
|
|
7
|
-
};
|
|
8
|
-
actionsFor: undefined;
|
|
9
|
-
floatingButtons: ActionFunction<DataType>[] | undefined;
|
|
10
|
-
actionHover: () => void;
|
|
11
|
-
actionLeave: () => void;
|
|
12
|
-
hide: (e?: MouseEvent | undefined) => void;
|
|
13
|
-
actions: Actions<DataType>;
|
|
14
|
-
}): JSX.Element;
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
-
};
|
|
9
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
exports.default = FloatingActions;
|
|
11
|
-
var antd_1 = require("antd");
|
|
12
|
-
var react_1 = __importDefault(require("react"));
|
|
13
|
-
var icons_1 = require("@ant-design/icons");
|
|
14
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
15
|
-
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"])));
|
|
16
|
-
function FloatingActions(_a) {
|
|
17
|
-
var actionsDimensions = _a.actionsDimensions, actionsFor = _a.actionsFor, floatingButtons = _a.floatingButtons, actionHover = _a.actionHover, actionLeave = _a.actionLeave, hide = _a.hide, actions = _a.actions;
|
|
18
|
-
return (react_1.default.createElement(StyledFloatingActions, { role: "button", style: actionsDimensions, className: "floating-actions ".concat(actionsFor ? 'shown' : ''), onClick: function (e) {
|
|
19
|
-
e.stopPropagation();
|
|
20
|
-
e.preventDefault();
|
|
21
|
-
} },
|
|
22
|
-
react_1.default.createElement(antd_1.Space, { size: 28 }, floatingButtons === null || floatingButtons === void 0 ? void 0 :
|
|
23
|
-
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)); }),
|
|
24
|
-
actions.delete ? (react_1.default.createElement("div", { className: "action", onMouseEnter: actionHover, onMouseLeave: actionLeave },
|
|
25
|
-
react_1.default.createElement("div", { className: "action-tooltip" }, "Usu\u0144"),
|
|
26
|
-
typeof actionsFor !== 'undefined' && (react_1.default.createElement(icons_1.DeleteTwoTone
|
|
27
|
-
// onClick={() => deleteRow(actionsFor.id)}
|
|
28
|
-
, {
|
|
29
|
-
// onClick={() => deleteRow(actionsFor.id)}
|
|
30
|
-
twoToneColor: "#F5222D" })))) : undefined)));
|
|
31
|
-
}
|
|
32
|
-
var templateObject_1;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
-
};
|
|
9
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
exports.default = Spinner;
|
|
11
|
-
var config_1 = __importDefault(require("../../config"));
|
|
12
|
-
var antd_1 = require("antd");
|
|
13
|
-
var react_1 = __importDefault(require("react"));
|
|
14
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
15
|
-
var ROW_SIZE = config_1.default.ROW_SIZE;
|
|
16
|
-
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"])));
|
|
17
|
-
function Spinner() {
|
|
18
|
-
return (react_1.default.createElement(StyledSpinner, { className: "spinner-wrapper", style: {
|
|
19
|
-
height: ROW_SIZE,
|
|
20
|
-
display: 'flex',
|
|
21
|
-
justifyContent: 'center',
|
|
22
|
-
alignItems: 'center',
|
|
23
|
-
} },
|
|
24
|
-
react_1.default.createElement(antd_1.Spin, { style: { margin: 0 } })));
|
|
25
|
-
}
|
|
26
|
-
var templateObject_1;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { TableData } from "./styles";
|
|
3
|
-
export default function Summary(param) {
|
|
4
|
-
var summary = param.summary, widths = param.widths;
|
|
5
|
-
return summary ? /*#__PURE__*/ React.createElement("div", {
|
|
6
|
-
className: "tr summary"
|
|
7
|
-
}, summary.map(function(e, i) {
|
|
8
|
-
return /*#__PURE__*/ React.createElement(TableData, {
|
|
9
|
-
key: i,
|
|
10
|
-
style: {
|
|
11
|
-
width: "".concat(widths[i], "px")
|
|
12
|
-
},
|
|
13
|
-
className: e === undefined ? "td orphan" : "td"
|
|
14
|
-
}, e);
|
|
15
|
-
})) : null;
|
|
16
|
-
};
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Actions, DataRow, TableColumn, loadPage as loadPageType, UseData } from '../../app_types';
|
|
3
|
-
import { ApiResponse } from '../../api/Api';
|
|
4
|
-
export declare const MARGIN_FOR_SPINNER = 55;
|
|
5
|
-
type Props<DataType = DataRow> = {
|
|
6
|
-
idKey?: keyof DataType;
|
|
7
|
-
added?: DataType[];
|
|
8
|
-
style?: React.CSSProperties;
|
|
9
|
-
columns: TableColumn<DataType>[];
|
|
10
|
-
filters?: Record<string, unknown> | undefined;
|
|
11
|
-
actions?: Actions<DataType>;
|
|
12
|
-
loadPage?: loadPageType<DataType>;
|
|
13
|
-
dataSource?: DataType[];
|
|
14
|
-
onDelete?: (row: DataType) => Promise<ApiResponse> | void;
|
|
15
|
-
selected?: number | DataType;
|
|
16
|
-
withCheckbox?: boolean;
|
|
17
|
-
checked?: number[];
|
|
18
|
-
setChecked?: React.Dispatch<React.SetStateAction<number[]>>;
|
|
19
|
-
suspend?: boolean;
|
|
20
|
-
pinned?: DataType[];
|
|
21
|
-
loadingDataSource?: boolean;
|
|
22
|
-
floatingActions?: boolean;
|
|
23
|
-
useData?: UseData<DataType>;
|
|
24
|
-
responsive?: boolean;
|
|
25
|
-
deleteMessage?: (record: DataType) => string;
|
|
26
|
-
};
|
|
27
|
-
declare function Table<DataType extends object = DataRow>(props: Props<DataType>): React.JSX.Element;
|
|
28
|
-
export default Table;
|
|
@@ -1,330 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
-
if (k2 === undefined) k2 = k;
|
|
15
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
-
}
|
|
19
|
-
Object.defineProperty(o, k2, desc);
|
|
20
|
-
}) : (function(o, m, k, k2) {
|
|
21
|
-
if (k2 === undefined) k2 = k;
|
|
22
|
-
o[k2] = m[k];
|
|
23
|
-
}));
|
|
24
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
-
}) : function(o, v) {
|
|
27
|
-
o["default"] = v;
|
|
28
|
-
});
|
|
29
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
-
if (mod && mod.__esModule) return mod;
|
|
31
|
-
var result = {};
|
|
32
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
-
__setModuleDefault(result, mod);
|
|
34
|
-
return result;
|
|
35
|
-
};
|
|
36
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
37
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
38
|
-
if (ar || !(i in from)) {
|
|
39
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
40
|
-
ar[i] = from[i];
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
44
|
-
};
|
|
45
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
46
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
47
|
-
};
|
|
48
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
49
|
-
exports.MARGIN_FOR_SPINNER = void 0;
|
|
50
|
-
var antd_1 = require("antd");
|
|
51
|
-
var react_1 = __importStar(require("react"));
|
|
52
|
-
var react_redux_1 = require("react-redux");
|
|
53
|
-
var react_virtualized_1 = require("react-virtualized");
|
|
54
|
-
var config_1 = __importDefault(require("../../config"));
|
|
55
|
-
var Spinner_1 = __importDefault(require("./Spinner"));
|
|
56
|
-
var useGetRowCheckbox_1 = __importDefault(require("./hooks/useGetRowCheckbox"));
|
|
57
|
-
var useGetCellRenderer_1 = __importDefault(require("./hooks/useGetCellRenderer"));
|
|
58
|
-
var useGetResizeColumn_1 = __importDefault(require("./hooks/useGetResizeColumn"));
|
|
59
|
-
var useRenderRowActions_1 = __importDefault(require("./hooks/useRenderRowActions"));
|
|
60
|
-
var addIndexToObject_1 = __importDefault(require("./addIndexToObject"));
|
|
61
|
-
var useGetColumnsWithCheckbox_1 = __importDefault(require("./hooks/useGetColumnsWithCheckbox"));
|
|
62
|
-
var useGetDeleteRow_1 = __importDefault(require("./hooks/useGetDeleteRow"));
|
|
63
|
-
var useResizeColumns_1 = __importDefault(require("./hooks/useResizeColumns"));
|
|
64
|
-
var useLoadDataSource_1 = __importDefault(require("./hooks/useLoadDataSource"));
|
|
65
|
-
var areProvidedColumnsDifferent_1 = __importDefault(require("./areProvidedColumnsDifferent"));
|
|
66
|
-
var useFetchPage_1 = __importDefault(require("./hooks/useFetchPage"));
|
|
67
|
-
var FloatingActions_1 = __importDefault(require("./FloatingActions"));
|
|
68
|
-
var DataTableWrapper_1 = __importDefault(require("./DataTableWrapper"));
|
|
69
|
-
var styles_1 = require("./styles");
|
|
70
|
-
var usePageSize_1 = require("./hooks/usePageSize");
|
|
71
|
-
var OrderProvider_1 = require("./providers/OrderProvider");
|
|
72
|
-
var ROW_SIZE = config_1.default.ROW_SIZE, ROW_SIZE_MOBILE = config_1.default.ROW_SIZE_MOBILE, MOBILE_BREAKPOINT = config_1.default.MOBILE_BREAKPOINT;
|
|
73
|
-
var getSearchBarCollapsed = function (s) { return s.searchBarCollapsed; };
|
|
74
|
-
exports.MARGIN_FOR_SPINNER = 55;
|
|
75
|
-
function BaseTable(_a) {
|
|
76
|
-
var _b, _c;
|
|
77
|
-
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;
|
|
78
|
-
var order = (0, OrderProvider_1.useOrder)().order;
|
|
79
|
-
var _f = (0, react_1.useState)(ROW_SIZE), rowSize = _f[0], setRowSize = _f[1];
|
|
80
|
-
var main = (0, react_1.useRef)(null);
|
|
81
|
-
var table = (0, react_1.useRef)(null);
|
|
82
|
-
var grid = (0, react_1.useRef)(null);
|
|
83
|
-
var _g = (0, react_1.useState)(((_b = main.current) === null || _b === void 0 ? void 0 : _b.offsetWidth) || 0), listWidth = _g[0], setListWidth = _g[1];
|
|
84
|
-
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];
|
|
85
|
-
var _j = (0, react_1.useState)(), hoveredRow = _j[0], setHoveredRow = _j[1]; // TODO: is it used anywhere?
|
|
86
|
-
var _k = useData((dataSource === null || dataSource === void 0 ? void 0 : dataSource.map((addIndexToObject_1.default))) || undefined), data = _k[0], setData = _k[1];
|
|
87
|
-
var _l = (0, react_1.useState)(), total = _l[0], setTotal = _l[1];
|
|
88
|
-
var _m = (0, react_1.useState)(providedColumns), columns = _m[0], setColumns = _m[1];
|
|
89
|
-
var _o = (0, react_1.useState)(false), loading = _o[0], setLoading = _o[1];
|
|
90
|
-
var _p = (0, react_1.useState)(), actionsFor = _p[0], setActionsFor = _p[1];
|
|
91
|
-
var _q = (0, react_1.useState)({
|
|
92
|
-
top: -20,
|
|
93
|
-
width: 0,
|
|
94
|
-
transition: '',
|
|
95
|
-
}), actionsDimensions = _q[0], setActionsDimensions = _q[1];
|
|
96
|
-
var collapsed = (0, react_redux_1.useSelector)(getSearchBarCollapsed);
|
|
97
|
-
var menuCollapsed = (0, react_redux_1.useSelector)(function (state) { return state.menuCollapsed; });
|
|
98
|
-
(0, react_1.useEffect)(function () {
|
|
99
|
-
setLoading(loadingDataSource);
|
|
100
|
-
}, [loadingDataSource]);
|
|
101
|
-
var deleteRow = (0, useGetDeleteRow_1.default)({
|
|
102
|
-
deleteMessage: deleteMessage,
|
|
103
|
-
onDelete: onDelete,
|
|
104
|
-
setData: setData,
|
|
105
|
-
data: data,
|
|
106
|
-
});
|
|
107
|
-
var resizeCol = (0, useGetResizeColumn_1.default)({ columns: columns, setColumns: setColumns });
|
|
108
|
-
var CellRenderer = (0, useGetCellRenderer_1.default)({
|
|
109
|
-
idKey: idKey,
|
|
110
|
-
columns: columns,
|
|
111
|
-
// TODO: improve
|
|
112
|
-
data: data,
|
|
113
|
-
actions: actions,
|
|
114
|
-
resizeCol: resizeCol,
|
|
115
|
-
setHoveredRow: setHoveredRow,
|
|
116
|
-
hoveredRow: hoveredRow,
|
|
117
|
-
selected: typeof selected === 'object'
|
|
118
|
-
? selected === null || selected === void 0 ? void 0 : selected.id
|
|
119
|
-
: selected, // TODO fix types
|
|
120
|
-
checked: checked,
|
|
121
|
-
});
|
|
122
|
-
var RowActions = (0, useRenderRowActions_1.default)({ data: data, actions: actions, deleteRow: deleteRow });
|
|
123
|
-
var getColumnsWithActions = (0, react_1.useCallback)(function (updatedColumns) {
|
|
124
|
-
var newUpdatedColumns = __spreadArray([], updatedColumns, true);
|
|
125
|
-
if (newUpdatedColumns[newUpdatedColumns.length - 1].key === 'akcje') {
|
|
126
|
-
newUpdatedColumns[newUpdatedColumns.length - 1] = __assign(__assign({}, newUpdatedColumns[newUpdatedColumns.length - 1]), { render: RowActions });
|
|
127
|
-
}
|
|
128
|
-
else if (actions.width) {
|
|
129
|
-
newUpdatedColumns.push({
|
|
130
|
-
title: 'Akcja',
|
|
131
|
-
width: actions.width,
|
|
132
|
-
key: 'akcje',
|
|
133
|
-
render: RowActions,
|
|
134
|
-
});
|
|
135
|
-
}
|
|
136
|
-
return newUpdatedColumns;
|
|
137
|
-
}, [RowActions, actions]);
|
|
138
|
-
var RowCheckbox = (0, useGetRowCheckbox_1.default)({
|
|
139
|
-
checked: checked,
|
|
140
|
-
setChecked: setChecked,
|
|
141
|
-
});
|
|
142
|
-
var getColumnsWithCheckbox = (0, useGetColumnsWithCheckbox_1.default)({
|
|
143
|
-
data: data,
|
|
144
|
-
checked: checked,
|
|
145
|
-
RowCheckbox: RowCheckbox,
|
|
146
|
-
});
|
|
147
|
-
var addCheckboxAndActions = (0, react_1.useCallback)(function () {
|
|
148
|
-
var updatedColumns = __spreadArray([], columns, true);
|
|
149
|
-
if (withCheckbox) {
|
|
150
|
-
updatedColumns = getColumnsWithCheckbox(updatedColumns);
|
|
151
|
-
}
|
|
152
|
-
if (!floatingActions && actions && actions.width) {
|
|
153
|
-
updatedColumns = getColumnsWithActions(updatedColumns);
|
|
154
|
-
}
|
|
155
|
-
if (withCheckbox || (!floatingActions && actions && actions.width)) {
|
|
156
|
-
// if (JSON.stringify(updatedColumns) !== JSON.stringify(columns)) {
|
|
157
|
-
setColumns(updatedColumns);
|
|
158
|
-
// }
|
|
159
|
-
}
|
|
160
|
-
}, [
|
|
161
|
-
getColumnsWithCheckbox,
|
|
162
|
-
getColumnsWithActions,
|
|
163
|
-
// columns,
|
|
164
|
-
withCheckbox,
|
|
165
|
-
actions,
|
|
166
|
-
floatingActions,
|
|
167
|
-
]);
|
|
168
|
-
(0, react_1.useEffect)(function () {
|
|
169
|
-
addCheckboxAndActions();
|
|
170
|
-
}, [addCheckboxAndActions, checked, data]);
|
|
171
|
-
var resizeColumns = (0, useResizeColumns_1.default)({
|
|
172
|
-
providedColumns: providedColumns,
|
|
173
|
-
columns: columns,
|
|
174
|
-
main: main,
|
|
175
|
-
floatingActions: floatingActions,
|
|
176
|
-
actions: actions,
|
|
177
|
-
setColumns: setColumns,
|
|
178
|
-
grid: grid,
|
|
179
|
-
});
|
|
180
|
-
(0, react_1.useEffect)(function () {
|
|
181
|
-
resizeColumns();
|
|
182
|
-
}, [resizeColumns, columns, collapsed, menuCollapsed, listWidth, listHeight]);
|
|
183
|
-
(0, react_1.useEffect)(function () {
|
|
184
|
-
var _a;
|
|
185
|
-
setListHeight(((_a = main.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 0 - rowSize);
|
|
186
|
-
}, [collapsed]);
|
|
187
|
-
var pageSize = (0, usePageSize_1.usePageSize)({ mainRef: main, rowSize: rowSize });
|
|
188
|
-
var handleResize = (0, react_1.useCallback)(function () {
|
|
189
|
-
if (main.current) {
|
|
190
|
-
if (responsive) {
|
|
191
|
-
setRowSize(main.current.offsetWidth < MOBILE_BREAKPOINT
|
|
192
|
-
? ROW_SIZE_MOBILE
|
|
193
|
-
: ROW_SIZE);
|
|
194
|
-
}
|
|
195
|
-
setListWidth(main.current.offsetWidth);
|
|
196
|
-
setListHeight(main.current.offsetHeight - rowSize);
|
|
197
|
-
}
|
|
198
|
-
}, [main]);
|
|
199
|
-
(0, react_1.useEffect)(function () {
|
|
200
|
-
handleResize();
|
|
201
|
-
}, [handleResize, menuCollapsed]);
|
|
202
|
-
(0, react_1.useEffect)(function () {
|
|
203
|
-
if (main.current) {
|
|
204
|
-
if (responsive) {
|
|
205
|
-
setRowSize(main.current.offsetWidth < MOBILE_BREAKPOINT
|
|
206
|
-
? ROW_SIZE_MOBILE
|
|
207
|
-
: ROW_SIZE);
|
|
208
|
-
}
|
|
209
|
-
setListWidth(main.current.offsetWidth);
|
|
210
|
-
setListHeight(main.current.offsetHeight - rowSize);
|
|
211
|
-
}
|
|
212
|
-
window.removeEventListener('resize', handleResize);
|
|
213
|
-
window.addEventListener('resize', handleResize);
|
|
214
|
-
return function () { return window.removeEventListener('resize', handleResize); };
|
|
215
|
-
}, [handleResize]);
|
|
216
|
-
(0, react_1.useEffect)(function () {
|
|
217
|
-
if ((0, areProvidedColumnsDifferent_1.default)(providedColumns, columns)) {
|
|
218
|
-
setColumns(providedColumns);
|
|
219
|
-
}
|
|
220
|
-
}, [providedColumns, columns]);
|
|
221
|
-
var floatingButtons = (0, react_1.useMemo)(function () {
|
|
222
|
-
if (actions) {
|
|
223
|
-
return __spreadArray(__spreadArray([], (actions.floatingOnly || []), true), (actions.buttons || []), true);
|
|
224
|
-
}
|
|
225
|
-
return undefined;
|
|
226
|
-
}, [actions]);
|
|
227
|
-
var fetchPage = (0, useFetchPage_1.default)({
|
|
228
|
-
suspend: suspend,
|
|
229
|
-
setLoading: setLoading,
|
|
230
|
-
pageSize: pageSize,
|
|
231
|
-
loadPage: loadPage,
|
|
232
|
-
filters: filters,
|
|
233
|
-
// TODO: improve
|
|
234
|
-
data: data,
|
|
235
|
-
pinned: pinned,
|
|
236
|
-
setData: setData,
|
|
237
|
-
setTotal: setTotal,
|
|
238
|
-
});
|
|
239
|
-
(0, useLoadDataSource_1.default)({
|
|
240
|
-
filters: filters,
|
|
241
|
-
added: added,
|
|
242
|
-
data: data,
|
|
243
|
-
dataSource: dataSource,
|
|
244
|
-
setData: setData,
|
|
245
|
-
fetchPage: fetchPage,
|
|
246
|
-
pageSize: pageSize,
|
|
247
|
-
loadPage: loadPage,
|
|
248
|
-
});
|
|
249
|
-
var hide = (0, react_1.useCallback)(function (e) {
|
|
250
|
-
if (!actionsFor) {
|
|
251
|
-
return;
|
|
252
|
-
}
|
|
253
|
-
if (e) {
|
|
254
|
-
e.stopPropagation();
|
|
255
|
-
}
|
|
256
|
-
setActionsFor(undefined);
|
|
257
|
-
setActionsDimensions(__assign(__assign({}, actionsDimensions), { width: 0, transition: '' }));
|
|
258
|
-
}, [actionsFor, actionsDimensions]);
|
|
259
|
-
var scrolled = (0, react_1.useCallback)(function (_a) {
|
|
260
|
-
var scrollTop = _a.scrollTop, clientHeight = _a.clientHeight;
|
|
261
|
-
if (actionsFor) {
|
|
262
|
-
hide();
|
|
263
|
-
}
|
|
264
|
-
if (dataSource !== undefined || loading || data.length === total) {
|
|
265
|
-
return;
|
|
266
|
-
}
|
|
267
|
-
var page = Math.ceil((data.length - ((pinned === null || pinned === void 0 ? void 0 : pinned.length) || 0)) / pageSize());
|
|
268
|
-
if (scrollTop < clientHeight * (page - 1)) {
|
|
269
|
-
return;
|
|
270
|
-
}
|
|
271
|
-
fetchPage(page);
|
|
272
|
-
}, [
|
|
273
|
-
fetchPage,
|
|
274
|
-
actionsFor,
|
|
275
|
-
dataSource,
|
|
276
|
-
data,
|
|
277
|
-
loading,
|
|
278
|
-
total,
|
|
279
|
-
pageSize,
|
|
280
|
-
hide,
|
|
281
|
-
pinned === null || pinned === void 0 ? void 0 : pinned.length,
|
|
282
|
-
]);
|
|
283
|
-
(0, react_1.useEffect)(function () {
|
|
284
|
-
if (loadPage !== undefined) {
|
|
285
|
-
fetchPage(0);
|
|
286
|
-
}
|
|
287
|
-
}, [order]);
|
|
288
|
-
(0, react_1.useEffect)(function () {
|
|
289
|
-
window.addEventListener('click', hide);
|
|
290
|
-
return function () { return window.removeEventListener('click', hide); };
|
|
291
|
-
}, [hide, actionsFor, actionsDimensions]);
|
|
292
|
-
var actionHover = (0, react_1.useCallback)(function () {
|
|
293
|
-
if (Array.isArray(floatingButtons)) {
|
|
294
|
-
setActionsDimensions(__assign(__assign({}, actionsDimensions), { width: floatingButtons.length * 24 +
|
|
295
|
-
(floatingButtons.length - 1) * 28 +
|
|
296
|
-
(actions.delete ? 53 : 0) +
|
|
297
|
-
98 +
|
|
298
|
-
(actions.additionalWidth || 0), transition: 'width 150ms ease-in-out' }));
|
|
299
|
-
}
|
|
300
|
-
}, [actionsDimensions, floatingButtons, actions]);
|
|
301
|
-
var actionLeave = (0, react_1.useCallback)(function () {
|
|
302
|
-
if (Array.isArray(floatingButtons) && actionsFor) {
|
|
303
|
-
setActionsDimensions(__assign(__assign({}, actionsDimensions), { width: floatingButtons.length * 24 +
|
|
304
|
-
(floatingButtons.length - 1) * 28 +
|
|
305
|
-
(actions.delete ? 53 : 0) +
|
|
306
|
-
74 }));
|
|
307
|
-
}
|
|
308
|
-
}, [actionsFor, actionsDimensions, floatingButtons, actions]);
|
|
309
|
-
var isVisibleCellRenderer = (0, react_1.useCallback)(function (_a) {
|
|
310
|
-
var columnIndex = _a.columnIndex, key = _a.key, rowIndex = _a.rowIndex, cellStyle = _a.style, isVisible = _a.isVisible, isScrolling = _a.isScrolling;
|
|
311
|
-
if (isVisible) {
|
|
312
|
-
return (react_1.default.createElement(CellRenderer, { isVisible: isVisible, columnIndex: columnIndex, key: key, rowKey: key, rowIndex: rowIndex, isScrolling: isScrolling, style: cellStyle }));
|
|
313
|
-
}
|
|
314
|
-
return null;
|
|
315
|
-
}, [CellRenderer]);
|
|
316
|
-
return (react_1.default.createElement(styles_1.DataTable, { style: style, className: "data-table", ref: main },
|
|
317
|
-
((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,
|
|
318
|
-
react_1.default.createElement(DataTableWrapper_1.default, null,
|
|
319
|
-
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) {
|
|
320
|
-
var index = _a.index;
|
|
321
|
-
return columns[index].width;
|
|
322
|
-
}, rowHeight: rowSize, fixedRowCount: 1, columnCount: columns.length, rowCount: data.length + 1, overscanRowCount: 22, styleBottomLeftGrid: { outline: 'none' }, styleBottomRightGrid: { outline: 'none' }, onScroll: scrolled, ref: grid }))),
|
|
323
|
-
data && loading ? react_1.default.createElement(Spinner_1.default, null) : undefined),
|
|
324
|
-
!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));
|
|
325
|
-
}
|
|
326
|
-
function Table(props) {
|
|
327
|
-
return (react_1.default.createElement(OrderProvider_1.OrderProvider, null,
|
|
328
|
-
react_1.default.createElement(BaseTable, __assign({}, props))));
|
|
329
|
-
}
|
|
330
|
-
exports.default = Table;
|