@banch0u/core-project-test-repository 1.6.2 → 1.7.1
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.
|
@@ -0,0 +1,204 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
|
+
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
4
|
+
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
5
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
6
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
7
|
+
import React, { useState, useEffect } from "react";
|
|
8
|
+
import style from "./index.module.scss";
|
|
9
|
+
import { Table as AntTable } from "antd";
|
|
10
|
+
import { DragDropContext, Droppable, Draggable } from "react-beautiful-dnd";
|
|
11
|
+
import Cookies from "js-cookie";
|
|
12
|
+
var Table = function Table(_ref) {
|
|
13
|
+
var tableId = _ref.tableId,
|
|
14
|
+
columns = _ref.columns,
|
|
15
|
+
dataSource = _ref.dataSource,
|
|
16
|
+
selectedColumns = _ref.selectedColumns,
|
|
17
|
+
innerW = _ref.innerW,
|
|
18
|
+
disableDrag = _ref.disableDrag;
|
|
19
|
+
var getSavedOrder = function getSavedOrder(id) {
|
|
20
|
+
var savedOrder = Cookies.get("columnOrder_".concat(id));
|
|
21
|
+
return savedOrder ? savedOrder.split(",") : null;
|
|
22
|
+
};
|
|
23
|
+
var sortColumns = function sortColumns(cols, order) {
|
|
24
|
+
if (!order) return cols;
|
|
25
|
+
var orderedCols = cols.filter(function (col) {
|
|
26
|
+
return order.includes(col.dataIndex);
|
|
27
|
+
});
|
|
28
|
+
var unorderedCols = cols.filter(function (col) {
|
|
29
|
+
return !order.includes(col.dataIndex);
|
|
30
|
+
});
|
|
31
|
+
return [].concat(_toConsumableArray(orderedCols.sort(function (a, b) {
|
|
32
|
+
return order.indexOf(a.dataIndex) - order.indexOf(b.dataIndex);
|
|
33
|
+
})), _toConsumableArray(unorderedCols));
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
// Get initial saved order only if disableDrag is false
|
|
37
|
+
var savedOrder = disableDrag ? null : getSavedOrder(tableId);
|
|
38
|
+
var initialOrderedColumns = sortColumns(columns.filter(function (col) {
|
|
39
|
+
return !col.fixed;
|
|
40
|
+
}), savedOrder);
|
|
41
|
+
var _useState = useState(initialOrderedColumns),
|
|
42
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
43
|
+
orderedColumns = _useState2[0],
|
|
44
|
+
setOrderedColumns = _useState2[1];
|
|
45
|
+
useEffect(function () {
|
|
46
|
+
if (!disableDrag) {
|
|
47
|
+
var _savedOrder = getSavedOrder(tableId);
|
|
48
|
+
setOrderedColumns(sortColumns(columns.filter(function (col) {
|
|
49
|
+
return !col.fixed;
|
|
50
|
+
}), _savedOrder));
|
|
51
|
+
} else {
|
|
52
|
+
setOrderedColumns(columns.filter(function (col) {
|
|
53
|
+
return !col.fixed;
|
|
54
|
+
}));
|
|
55
|
+
}
|
|
56
|
+
}, [tableId, columns, disableDrag]);
|
|
57
|
+
var handleDragEnd = function handleDragEnd(result) {
|
|
58
|
+
if (!result.destination) return;
|
|
59
|
+
var reorderedColumns = Array.from(orderedColumns);
|
|
60
|
+
var _reorderedColumns$spl = reorderedColumns.splice(result.source.index, 1),
|
|
61
|
+
_reorderedColumns$spl2 = _slicedToArray(_reorderedColumns$spl, 1),
|
|
62
|
+
removed = _reorderedColumns$spl2[0];
|
|
63
|
+
reorderedColumns.splice(result.destination.index, 0, removed);
|
|
64
|
+
setOrderedColumns(reorderedColumns);
|
|
65
|
+
if (!disableDrag) {
|
|
66
|
+
Cookies.set("columnOrder_".concat(tableId), reorderedColumns.map(function (col) {
|
|
67
|
+
return col.dataIndex;
|
|
68
|
+
}).join(","), {
|
|
69
|
+
expires: 7
|
|
70
|
+
});
|
|
71
|
+
}
|
|
72
|
+
};
|
|
73
|
+
var calculateLeft = function calculateLeft(index) {
|
|
74
|
+
return fixedLeftColumns.slice(0, index).reduce(function (total, col) {
|
|
75
|
+
return total + col.width;
|
|
76
|
+
}, 0);
|
|
77
|
+
};
|
|
78
|
+
var calculateRight = function calculateRight(index) {
|
|
79
|
+
return fixedRightColumns.slice(0, index).reduce(function (total, col) {
|
|
80
|
+
return total + col.width;
|
|
81
|
+
}, 0);
|
|
82
|
+
};
|
|
83
|
+
var filteredColumns = function filteredColumns(cols) {
|
|
84
|
+
return cols.filter(function (col) {
|
|
85
|
+
return !selectedColumns || selectedColumns.includes(col.dataIndex);
|
|
86
|
+
});
|
|
87
|
+
};
|
|
88
|
+
var fixedLeftColumns = filteredColumns(columns.filter(function (col) {
|
|
89
|
+
return col.fixed === "left";
|
|
90
|
+
}));
|
|
91
|
+
var fixedRightColumns = filteredColumns(columns.filter(function (col) {
|
|
92
|
+
return col.fixed === "right";
|
|
93
|
+
}));
|
|
94
|
+
var draggableColumns = filteredColumns(orderedColumns);
|
|
95
|
+
var DraggableHeader = function DraggableHeader(props) {
|
|
96
|
+
return /*#__PURE__*/React.createElement("tr", null, fixedLeftColumns.map(function (col, index) {
|
|
97
|
+
return /*#__PURE__*/React.createElement("th", {
|
|
98
|
+
key: col.dataIndex,
|
|
99
|
+
className: style.draggableHeader,
|
|
100
|
+
style: {
|
|
101
|
+
position: "sticky",
|
|
102
|
+
left: calculateLeft(index),
|
|
103
|
+
zIndex: 99999,
|
|
104
|
+
background: "white"
|
|
105
|
+
}
|
|
106
|
+
}, col.title);
|
|
107
|
+
}), draggableColumns.map(function (col, index) {
|
|
108
|
+
return /*#__PURE__*/React.createElement("th", {
|
|
109
|
+
key: col.dataIndex,
|
|
110
|
+
className: style.draggableHeader,
|
|
111
|
+
style: {
|
|
112
|
+
cursor: disableDrag ? "default" : "move"
|
|
113
|
+
}
|
|
114
|
+
}, col.title);
|
|
115
|
+
}), fixedRightColumns.map(function (col, index) {
|
|
116
|
+
return /*#__PURE__*/React.createElement("th", {
|
|
117
|
+
key: col.dataIndex,
|
|
118
|
+
className: style.draggableHeader,
|
|
119
|
+
style: {
|
|
120
|
+
position: "sticky",
|
|
121
|
+
right: calculateRight(index),
|
|
122
|
+
zIndex: 99999,
|
|
123
|
+
background: "white"
|
|
124
|
+
}
|
|
125
|
+
}, col.title);
|
|
126
|
+
}));
|
|
127
|
+
};
|
|
128
|
+
var DraggableWrapper = function DraggableWrapper(props) {
|
|
129
|
+
return /*#__PURE__*/React.createElement(DragDropContext, {
|
|
130
|
+
onDragEnd: handleDragEnd
|
|
131
|
+
}, /*#__PURE__*/React.createElement(Droppable, {
|
|
132
|
+
droppableId: "droppable_".concat(tableId),
|
|
133
|
+
direction: "horizontal"
|
|
134
|
+
}, function (provided) {
|
|
135
|
+
return /*#__PURE__*/React.createElement("tr", _extends({
|
|
136
|
+
ref: provided.innerRef
|
|
137
|
+
}, provided.droppableProps), fixedLeftColumns.map(function (col, index) {
|
|
138
|
+
return /*#__PURE__*/React.createElement("th", {
|
|
139
|
+
key: col.dataIndex,
|
|
140
|
+
className: style.draggableHeader,
|
|
141
|
+
style: {
|
|
142
|
+
position: "sticky",
|
|
143
|
+
left: calculateLeft(index),
|
|
144
|
+
zIndex: 99,
|
|
145
|
+
background: "white"
|
|
146
|
+
}
|
|
147
|
+
}, col.title);
|
|
148
|
+
}), draggableColumns.map(function (col, index) {
|
|
149
|
+
return /*#__PURE__*/React.createElement(Draggable, {
|
|
150
|
+
key: col.dataIndex,
|
|
151
|
+
draggableId: "".concat(col.dataIndex, "_").concat(tableId),
|
|
152
|
+
index: index
|
|
153
|
+
}, function (provided) {
|
|
154
|
+
return /*#__PURE__*/React.createElement("th", _extends({
|
|
155
|
+
ref: provided.innerRef
|
|
156
|
+
}, provided.draggableProps, provided.dragHandleProps, {
|
|
157
|
+
className: style.draggableHeader,
|
|
158
|
+
style: _objectSpread(_objectSpread({}, provided.draggableProps.style), {}, {
|
|
159
|
+
cursor: "move"
|
|
160
|
+
})
|
|
161
|
+
}), col.title);
|
|
162
|
+
});
|
|
163
|
+
}), fixedRightColumns.map(function (col, index) {
|
|
164
|
+
return /*#__PURE__*/React.createElement("th", {
|
|
165
|
+
key: col.dataIndex,
|
|
166
|
+
className: style.draggableHeader,
|
|
167
|
+
style: {
|
|
168
|
+
position: "sticky",
|
|
169
|
+
right: calculateRight(index),
|
|
170
|
+
zIndex: 99,
|
|
171
|
+
background: "white"
|
|
172
|
+
}
|
|
173
|
+
}, col.title);
|
|
174
|
+
}), provided.placeholder);
|
|
175
|
+
}));
|
|
176
|
+
};
|
|
177
|
+
var components = {
|
|
178
|
+
header: {
|
|
179
|
+
row: function row(props) {
|
|
180
|
+
return disableDrag ? /*#__PURE__*/React.createElement(DraggableHeader, _extends({}, props, {
|
|
181
|
+
columns: columns
|
|
182
|
+
})) : /*#__PURE__*/React.createElement(DraggableWrapper, _extends({}, props, {
|
|
183
|
+
columns: columns
|
|
184
|
+
}));
|
|
185
|
+
}
|
|
186
|
+
}
|
|
187
|
+
};
|
|
188
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
189
|
+
className: style.table_container
|
|
190
|
+
}, /*#__PURE__*/React.createElement(AntTable, {
|
|
191
|
+
rowClassName: function rowClassName(record) {
|
|
192
|
+
return record.className;
|
|
193
|
+
},
|
|
194
|
+
columns: [].concat(_toConsumableArray(fixedLeftColumns), _toConsumableArray(draggableColumns), _toConsumableArray(fixedRightColumns)),
|
|
195
|
+
dataSource: dataSource,
|
|
196
|
+
pagination: false,
|
|
197
|
+
components: components,
|
|
198
|
+
scroll: {
|
|
199
|
+
x: innerW * (Array.isArray(selectedColumns) ? selectedColumns.length - 1 : 0),
|
|
200
|
+
y: "calc(88vh - ".concat(window.innerWidth > 1537 ? "260px" : "280px", ")")
|
|
201
|
+
}
|
|
202
|
+
}));
|
|
203
|
+
};
|
|
204
|
+
export default Table;
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
.table_container {
|
|
2
|
+
table {
|
|
3
|
+
tr {
|
|
4
|
+
th:first-child {
|
|
5
|
+
font-family: Inter !important;
|
|
6
|
+
font-size: 18px !important;
|
|
7
|
+
font-weight: 400 !important;
|
|
8
|
+
line-height: 21.78px !important;
|
|
9
|
+
text-align: center !important;
|
|
10
|
+
color: #000000 !important;
|
|
11
|
+
}
|
|
12
|
+
th {
|
|
13
|
+
background: #fff !important;
|
|
14
|
+
text-align: center !important;
|
|
15
|
+
|
|
16
|
+
padding: 5px !important;
|
|
17
|
+
font-family: Inter !important;
|
|
18
|
+
font-size: 16px !important;
|
|
19
|
+
font-weight: 400 !important;
|
|
20
|
+
line-height: 19.36px !important;
|
|
21
|
+
|
|
22
|
+
border-color: #bebebe !important;
|
|
23
|
+
border-top: 1px solid #bebebe !important;
|
|
24
|
+
border-start-start-radius: 0px !important;
|
|
25
|
+
border-start-end-radius: 0px !important;
|
|
26
|
+
color: #646464 !important;
|
|
27
|
+
}
|
|
28
|
+
td {
|
|
29
|
+
padding: 0px !important;
|
|
30
|
+
font-size: 16px !important;
|
|
31
|
+
font-weight: 400 !important;
|
|
32
|
+
line-height: 24px !important;
|
|
33
|
+
text-align: center !important;
|
|
34
|
+
border-color: #fff !important;
|
|
35
|
+
color: #343434 !important;
|
|
36
|
+
}
|
|
37
|
+
// th:first-child {
|
|
38
|
+
// border-right: 1px solid #BEBEBE !important;
|
|
39
|
+
// }
|
|
40
|
+
// td:first-child {
|
|
41
|
+
// border-right: 1px solid #BEBEBE !important;
|
|
42
|
+
// }
|
|
43
|
+
|
|
44
|
+
// th:last-child {
|
|
45
|
+
// border-right: none !important;
|
|
46
|
+
// }
|
|
47
|
+
}
|
|
48
|
+
tr:first-child {
|
|
49
|
+
td {
|
|
50
|
+
padding: 0 !important;
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
// @media screen and (max-width: 1537px) {
|
|
55
|
+
// table {
|
|
56
|
+
// tr {
|
|
57
|
+
// th {
|
|
58
|
+
// font-size: 12px !important;
|
|
59
|
+
// font-weight: 600 !important;
|
|
60
|
+
// line-height: 18px !important;
|
|
61
|
+
// }
|
|
62
|
+
// td {
|
|
63
|
+
// font-size: 12px !important;
|
|
64
|
+
// font-weight: 500 !important;
|
|
65
|
+
// line-height: 18px !important;
|
|
66
|
+
// text-align: center;
|
|
67
|
+
// }
|
|
68
|
+
// }
|
|
69
|
+
// }
|
|
70
|
+
// }
|
|
71
|
+
}
|
|
72
|
+
.draggableHeader {
|
|
73
|
+
background: #fff;
|
|
74
|
+
z-index: 2;
|
|
75
|
+
white-space: nowrap;
|
|
76
|
+
}
|
package/dist/index.js
CHANGED
|
@@ -7,6 +7,7 @@ export { default as Pagination } from "./components/Pagination";
|
|
|
7
7
|
export { default as FormModal } from "./components/FormModal";
|
|
8
8
|
export { default as useNotification } from "./hooks/useNotification";
|
|
9
9
|
export { default as message } from "./utils/message";
|
|
10
|
+
export { default as Table } from "./components/Table";
|
|
10
11
|
import LoginPage from "./pages/Login";
|
|
11
12
|
import PlatformPage from "./pages/Platform";
|
|
12
13
|
import HeaderLayout from "./layout/Header";
|
|
@@ -19,12 +19,13 @@ export var refreshToken = createAsyncThunk("/refreshToken", /*#__PURE__*/functio
|
|
|
19
19
|
_context.next = 4;
|
|
20
20
|
return AuthServices.refreshToken(token);
|
|
21
21
|
case 4:
|
|
22
|
-
_context.next =
|
|
22
|
+
_context.next = 9;
|
|
23
23
|
break;
|
|
24
24
|
case 6:
|
|
25
25
|
_context.prev = 6;
|
|
26
26
|
_context.t0 = _context["catch"](1);
|
|
27
|
-
|
|
27
|
+
console.error("Token refresh failed", _context.t0);
|
|
28
|
+
case 9:
|
|
28
29
|
case "end":
|
|
29
30
|
return _context.stop();
|
|
30
31
|
}
|
|
@@ -2,7 +2,7 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
|
|
2
2
|
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
3
3
|
import { createAsyncThunk, createSlice } from "@reduxjs/toolkit";
|
|
4
4
|
import Services from "./service";
|
|
5
|
-
import { setNotificationsRender
|
|
5
|
+
import { setNotificationsRender } from "../global";
|
|
6
6
|
import { errorMessage } from "../../../utils/message";
|
|
7
7
|
var initialState = {
|
|
8
8
|
notification: []
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@banch0u/core-project-test-repository",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.7.1",
|
|
4
4
|
"description": "Shared core features for all projects",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"files": [
|
|
@@ -15,9 +15,10 @@
|
|
|
15
15
|
"license": "MIT",
|
|
16
16
|
"scripts": {
|
|
17
17
|
"clean": "rimraf dist",
|
|
18
|
-
"build": "npm run clean && babel src --out-dir dist --copy-files",
|
|
18
|
+
"build": "npm run precheck && npm run clean && babel src --out-dir dist --copy-files",
|
|
19
19
|
"watch": "chokidar \"src\" -i 'dist' -c \"npm run build && yalc push --force\"",
|
|
20
|
-
"dev": "npm run watch",
|
|
20
|
+
"dev": "npm run precheck && npm run watch",
|
|
21
|
+
"precheck": "node compiler-checks.js",
|
|
21
22
|
"publish:patch": "npm run build && npm version patch && npm publish",
|
|
22
23
|
"publish:minor": "npm run build && npm version minor && npm publish",
|
|
23
24
|
"publish:major": "npm run build && npm version major && npm publish"
|
|
@@ -25,7 +26,9 @@
|
|
|
25
26
|
"dependencies": {
|
|
26
27
|
"@microsoft/signalr": "^8.0.7",
|
|
27
28
|
"@pdftron/webviewer": "^11.2.0",
|
|
28
|
-
"
|
|
29
|
+
"@reduxjs/toolkit": "^2.6.1",
|
|
30
|
+
"antd": "^5.16.0",
|
|
31
|
+
"axios": "^1.8.4"
|
|
29
32
|
},
|
|
30
33
|
"peerDependencies": {
|
|
31
34
|
"react": "^18.0.0 || ^19.0.0",
|
|
@@ -38,11 +41,18 @@
|
|
|
38
41
|
"devDependencies": {
|
|
39
42
|
"@babel/cli": "^7.26.4",
|
|
40
43
|
"@babel/core": "^7.26.10",
|
|
44
|
+
"@babel/eslint-parser": "^7.27.0",
|
|
41
45
|
"@babel/plugin-transform-runtime": "^7.26.9",
|
|
42
46
|
"@babel/preset-env": "^7.26.9",
|
|
43
47
|
"@babel/preset-react": "^7.26.3",
|
|
44
48
|
"babel-loader": "^9.2.1",
|
|
45
49
|
"chokidar-cli": "^3.0.0",
|
|
50
|
+
"eslint": "^8.57.1",
|
|
51
|
+
"eslint-import-resolver-node": "^0.3.9",
|
|
52
|
+
"eslint-plugin-import": "^2.31.0",
|
|
53
|
+
"eslint-plugin-react": "^7.37.4",
|
|
54
|
+
"eslint-plugin-react-hooks": "^5.2.0",
|
|
55
|
+
"eslint-plugin-unused-imports": "^4.1.4",
|
|
46
56
|
"npm-run-all": "^4.1.5",
|
|
47
57
|
"rimraf": "^6.0.1"
|
|
48
58
|
}
|