iris-gantt 1.3.0 → 1.3.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/dist/Gantt/Gantt.d.ts +2 -2
- package/dist/Gantt/Gantt.d.ts.map +1 -1
- package/dist/Gantt/types.d.ts +7 -0
- package/dist/Gantt/types.d.ts.map +1 -1
- package/dist/iris-gantt.js +1174 -1161
- package/dist/iris-gantt.umd.cjs +14 -14
- package/package.json +1 -1
package/dist/iris-gantt.js
CHANGED
|
@@ -1,75 +1,75 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { Typography as Ht, Select as ye, InputNumber as
|
|
3
|
-
import { FontAwesomeIcon as
|
|
4
|
-
import { faChevronDown as Yt, faPlus as Ct, faGripVertical as Jt, faChevronRight as fr, faTimesCircle as mr, faSearchMinus as xr, faSearchPlus as
|
|
1
|
+
import re, { useState as z, memo as dr, forwardRef as Ot, useCallback as $e, useEffect as Je, useRef as Qe } from "react";
|
|
2
|
+
import { Typography as Ht, Select as ye, InputNumber as Ye, Button as fe, Popover as cr, Tooltip as _e, Input as He, Space as Rt, Divider as Ut, Form as le, Modal as bt, DatePicker as Vt, ColorPicker as Xt, Alert as ur, Card as _t, List as Ft, Tag as pr, Menu as hr } from "antd";
|
|
3
|
+
import { FontAwesomeIcon as ce } from "@fortawesome/react-fontawesome";
|
|
4
|
+
import { faChevronDown as Yt, faPlus as Ct, faGripVertical as Jt, faChevronRight as fr, faTimesCircle as mr, faSearchMinus as xr, faSearchPlus as gr, faRotateLeft as qt, faFileCsv as yr, faFileExcel as br, faFileCode as wr, faFilePdf as vr, faExclamationTriangle as Sr, faLink as Gt, faTrash as Zt, faInfoCircle as jr, faEdit as Tr, faCopy as Dr, faFlag as kr, faTasks as Mr, faFolder as Lr } from "@fortawesome/free-solid-svg-icons";
|
|
5
5
|
import Kt from "dayjs";
|
|
6
|
-
var gt = { exports: {} },
|
|
7
|
-
var
|
|
6
|
+
var gt = { exports: {} }, lt = {};
|
|
7
|
+
var It;
|
|
8
8
|
function Er() {
|
|
9
|
-
if (
|
|
10
|
-
|
|
11
|
-
var t =
|
|
12
|
-
function
|
|
13
|
-
var c,
|
|
14
|
-
|
|
15
|
-
for (c in s) l.call(s, c) && !
|
|
16
|
-
if (i && i.defaultProps) for (c in s = i.defaultProps, s)
|
|
17
|
-
return { $$typeof: o, type: i, key:
|
|
9
|
+
if (It) return lt;
|
|
10
|
+
It = 1;
|
|
11
|
+
var t = re, o = /* @__PURE__ */ Symbol.for("react.element"), a = /* @__PURE__ */ Symbol.for("react.fragment"), l = Object.prototype.hasOwnProperty, r = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, x = { key: !0, ref: !0, __self: !0, __source: !0 };
|
|
12
|
+
function f(i, s, g) {
|
|
13
|
+
var c, y = {}, S = null, u = null;
|
|
14
|
+
g !== void 0 && (S = "" + g), s.key !== void 0 && (S = "" + s.key), s.ref !== void 0 && (u = s.ref);
|
|
15
|
+
for (c in s) l.call(s, c) && !x.hasOwnProperty(c) && (y[c] = s[c]);
|
|
16
|
+
if (i && i.defaultProps) for (c in s = i.defaultProps, s) y[c] === void 0 && (y[c] = s[c]);
|
|
17
|
+
return { $$typeof: o, type: i, key: S, ref: u, props: y, _owner: r.current };
|
|
18
18
|
}
|
|
19
|
-
return
|
|
19
|
+
return lt.Fragment = a, lt.jsx = f, lt.jsxs = f, lt;
|
|
20
20
|
}
|
|
21
|
-
var
|
|
22
|
-
var
|
|
21
|
+
var dt = {};
|
|
22
|
+
var At;
|
|
23
23
|
function $r() {
|
|
24
|
-
return
|
|
25
|
-
var t =
|
|
24
|
+
return At || (At = 1, process.env.NODE_ENV !== "production" && (function() {
|
|
25
|
+
var t = re, o = /* @__PURE__ */ Symbol.for("react.element"), a = /* @__PURE__ */ Symbol.for("react.portal"), l = /* @__PURE__ */ Symbol.for("react.fragment"), r = /* @__PURE__ */ Symbol.for("react.strict_mode"), x = /* @__PURE__ */ Symbol.for("react.profiler"), f = /* @__PURE__ */ Symbol.for("react.provider"), i = /* @__PURE__ */ Symbol.for("react.context"), s = /* @__PURE__ */ Symbol.for("react.forward_ref"), g = /* @__PURE__ */ Symbol.for("react.suspense"), c = /* @__PURE__ */ Symbol.for("react.suspense_list"), y = /* @__PURE__ */ Symbol.for("react.memo"), S = /* @__PURE__ */ Symbol.for("react.lazy"), u = /* @__PURE__ */ Symbol.for("react.offscreen"), p = Symbol.iterator, b = "@@iterator";
|
|
26
26
|
function w(n) {
|
|
27
27
|
if (n === null || typeof n != "object")
|
|
28
28
|
return null;
|
|
29
|
-
var
|
|
30
|
-
return typeof
|
|
29
|
+
var m = p && n[p] || n[b];
|
|
30
|
+
return typeof m == "function" ? m : null;
|
|
31
31
|
}
|
|
32
|
-
var
|
|
33
|
-
function
|
|
32
|
+
var j = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
|
|
33
|
+
function L(n) {
|
|
34
34
|
{
|
|
35
|
-
for (var
|
|
36
|
-
T[
|
|
35
|
+
for (var m = arguments.length, T = new Array(m > 1 ? m - 1 : 0), P = 1; P < m; P++)
|
|
36
|
+
T[P - 1] = arguments[P];
|
|
37
37
|
E("error", n, T);
|
|
38
38
|
}
|
|
39
39
|
}
|
|
40
|
-
function E(n,
|
|
40
|
+
function E(n, m, T) {
|
|
41
41
|
{
|
|
42
|
-
var
|
|
43
|
-
|
|
44
|
-
var
|
|
45
|
-
return String(
|
|
42
|
+
var P = j.ReactDebugCurrentFrame, H = P.getStackAddendum();
|
|
43
|
+
H !== "" && (m += "%s", T = T.concat([H]));
|
|
44
|
+
var R = T.map(function(C) {
|
|
45
|
+
return String(C);
|
|
46
46
|
});
|
|
47
|
-
|
|
47
|
+
R.unshift("Warning: " + m), Function.prototype.apply.call(console[n], console, R);
|
|
48
48
|
}
|
|
49
49
|
}
|
|
50
|
-
var
|
|
50
|
+
var B = !1, ne = !1, V = !1, pe = !1, M = !1, q;
|
|
51
51
|
q = /* @__PURE__ */ Symbol.for("react.module.reference");
|
|
52
|
-
function
|
|
53
|
-
return !!(typeof n == "string" || typeof n == "function" || n === l || n ===
|
|
52
|
+
function U(n) {
|
|
53
|
+
return !!(typeof n == "string" || typeof n == "function" || n === l || n === x || M || n === r || n === g || n === c || pe || n === u || B || ne || V || typeof n == "object" && n !== null && (n.$$typeof === S || n.$$typeof === y || n.$$typeof === f || n.$$typeof === i || n.$$typeof === s || // This needs to include all possible module reference object
|
|
54
54
|
// types supported by any Flight configuration anywhere since
|
|
55
55
|
// we don't know which Flight build this will end up being used
|
|
56
56
|
// with.
|
|
57
57
|
n.$$typeof === q || n.getModuleId !== void 0));
|
|
58
58
|
}
|
|
59
|
-
function D(n,
|
|
60
|
-
var
|
|
61
|
-
if (
|
|
62
|
-
return
|
|
63
|
-
var
|
|
64
|
-
return
|
|
59
|
+
function D(n, m, T) {
|
|
60
|
+
var P = n.displayName;
|
|
61
|
+
if (P)
|
|
62
|
+
return P;
|
|
63
|
+
var H = m.displayName || m.name || "";
|
|
64
|
+
return H !== "" ? T + "(" + H + ")" : T;
|
|
65
65
|
}
|
|
66
|
-
function
|
|
66
|
+
function W(n) {
|
|
67
67
|
return n.displayName || "Context";
|
|
68
68
|
}
|
|
69
|
-
function
|
|
69
|
+
function ae(n) {
|
|
70
70
|
if (n == null)
|
|
71
71
|
return null;
|
|
72
|
-
if (typeof n.tag == "number" &&
|
|
72
|
+
if (typeof n.tag == "number" && L("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof n == "function")
|
|
73
73
|
return n.displayName || n.name || null;
|
|
74
74
|
if (typeof n == "string")
|
|
75
75
|
return n;
|
|
@@ -78,11 +78,11 @@ function $r() {
|
|
|
78
78
|
return "Fragment";
|
|
79
79
|
case a:
|
|
80
80
|
return "Portal";
|
|
81
|
-
case
|
|
81
|
+
case x:
|
|
82
82
|
return "Profiler";
|
|
83
83
|
case r:
|
|
84
84
|
return "StrictMode";
|
|
85
|
-
case
|
|
85
|
+
case g:
|
|
86
86
|
return "Suspense";
|
|
87
87
|
case c:
|
|
88
88
|
return "SuspenseList";
|
|
@@ -90,20 +90,20 @@ function $r() {
|
|
|
90
90
|
if (typeof n == "object")
|
|
91
91
|
switch (n.$$typeof) {
|
|
92
92
|
case i:
|
|
93
|
-
var
|
|
94
|
-
return
|
|
95
|
-
case
|
|
93
|
+
var m = n;
|
|
94
|
+
return W(m) + ".Consumer";
|
|
95
|
+
case f:
|
|
96
96
|
var T = n;
|
|
97
|
-
return
|
|
97
|
+
return W(T._context) + ".Provider";
|
|
98
98
|
case s:
|
|
99
99
|
return D(n, n.render, "ForwardRef");
|
|
100
|
-
case
|
|
101
|
-
var
|
|
102
|
-
return
|
|
103
|
-
case
|
|
104
|
-
var
|
|
100
|
+
case y:
|
|
101
|
+
var P = n.displayName || null;
|
|
102
|
+
return P !== null ? P : ae(n.type) || "Memo";
|
|
103
|
+
case S: {
|
|
104
|
+
var H = n, R = H._payload, C = H._init;
|
|
105
105
|
try {
|
|
106
|
-
return
|
|
106
|
+
return ae(C(R));
|
|
107
107
|
} catch {
|
|
108
108
|
return null;
|
|
109
109
|
}
|
|
@@ -111,14 +111,14 @@ function $r() {
|
|
|
111
111
|
}
|
|
112
112
|
return null;
|
|
113
113
|
}
|
|
114
|
-
var J = Object.assign,
|
|
114
|
+
var J = Object.assign, xe = 0, Fe, ke, _, Y, ue, K, Q;
|
|
115
115
|
function G() {
|
|
116
116
|
}
|
|
117
117
|
G.__reactDisabledLog = !0;
|
|
118
118
|
function h() {
|
|
119
119
|
{
|
|
120
|
-
if (
|
|
121
|
-
|
|
120
|
+
if (xe === 0) {
|
|
121
|
+
Fe = console.log, ke = console.info, _ = console.warn, Y = console.error, ue = console.group, K = console.groupCollapsed, Q = console.groupEnd;
|
|
122
122
|
var n = {
|
|
123
123
|
configurable: !0,
|
|
124
124
|
enumerable: !0,
|
|
@@ -135,12 +135,12 @@ function $r() {
|
|
|
135
135
|
groupEnd: n
|
|
136
136
|
});
|
|
137
137
|
}
|
|
138
|
-
|
|
138
|
+
xe++;
|
|
139
139
|
}
|
|
140
140
|
}
|
|
141
141
|
function k() {
|
|
142
142
|
{
|
|
143
|
-
if (
|
|
143
|
+
if (xe--, xe === 0) {
|
|
144
144
|
var n = {
|
|
145
145
|
configurable: !0,
|
|
146
146
|
enumerable: !0,
|
|
@@ -148,237 +148,237 @@ function $r() {
|
|
|
148
148
|
};
|
|
149
149
|
Object.defineProperties(console, {
|
|
150
150
|
log: J({}, n, {
|
|
151
|
-
value:
|
|
151
|
+
value: Fe
|
|
152
152
|
}),
|
|
153
153
|
info: J({}, n, {
|
|
154
|
-
value:
|
|
154
|
+
value: ke
|
|
155
155
|
}),
|
|
156
156
|
warn: J({}, n, {
|
|
157
|
-
value:
|
|
157
|
+
value: _
|
|
158
158
|
}),
|
|
159
159
|
error: J({}, n, {
|
|
160
|
-
value:
|
|
160
|
+
value: Y
|
|
161
161
|
}),
|
|
162
162
|
group: J({}, n, {
|
|
163
|
-
value:
|
|
163
|
+
value: ue
|
|
164
164
|
}),
|
|
165
165
|
groupCollapsed: J({}, n, {
|
|
166
|
-
value:
|
|
166
|
+
value: K
|
|
167
167
|
}),
|
|
168
168
|
groupEnd: J({}, n, {
|
|
169
|
-
value:
|
|
169
|
+
value: Q
|
|
170
170
|
})
|
|
171
171
|
});
|
|
172
172
|
}
|
|
173
|
-
|
|
173
|
+
xe < 0 && L("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
|
|
174
174
|
}
|
|
175
175
|
}
|
|
176
|
-
var $ =
|
|
177
|
-
function
|
|
176
|
+
var $ = j.ReactCurrentDispatcher, O;
|
|
177
|
+
function I(n, m, T) {
|
|
178
178
|
{
|
|
179
|
-
if (
|
|
179
|
+
if (O === void 0)
|
|
180
180
|
try {
|
|
181
181
|
throw Error();
|
|
182
|
-
} catch (
|
|
183
|
-
var
|
|
184
|
-
|
|
182
|
+
} catch (H) {
|
|
183
|
+
var P = H.stack.trim().match(/\n( *(at )?)/);
|
|
184
|
+
O = P && P[1] || "";
|
|
185
185
|
}
|
|
186
186
|
return `
|
|
187
|
-
` +
|
|
187
|
+
` + O + n;
|
|
188
188
|
}
|
|
189
189
|
}
|
|
190
|
-
var
|
|
190
|
+
var se = !1, ee;
|
|
191
191
|
{
|
|
192
|
-
var
|
|
193
|
-
|
|
192
|
+
var Re = typeof WeakMap == "function" ? WeakMap : Map;
|
|
193
|
+
ee = new Re();
|
|
194
194
|
}
|
|
195
|
-
function
|
|
196
|
-
if (!n ||
|
|
195
|
+
function ie(n, m) {
|
|
196
|
+
if (!n || se)
|
|
197
197
|
return "";
|
|
198
198
|
{
|
|
199
|
-
var T =
|
|
199
|
+
var T = ee.get(n);
|
|
200
200
|
if (T !== void 0)
|
|
201
201
|
return T;
|
|
202
202
|
}
|
|
203
|
-
var
|
|
204
|
-
|
|
205
|
-
var
|
|
203
|
+
var P;
|
|
204
|
+
se = !0;
|
|
205
|
+
var H = Error.prepareStackTrace;
|
|
206
206
|
Error.prepareStackTrace = void 0;
|
|
207
|
-
var
|
|
208
|
-
|
|
207
|
+
var R;
|
|
208
|
+
R = $.current, $.current = null, h();
|
|
209
209
|
try {
|
|
210
|
-
if (
|
|
211
|
-
var
|
|
210
|
+
if (m) {
|
|
211
|
+
var C = function() {
|
|
212
212
|
throw Error();
|
|
213
213
|
};
|
|
214
|
-
if (Object.defineProperty(
|
|
214
|
+
if (Object.defineProperty(C.prototype, "props", {
|
|
215
215
|
set: function() {
|
|
216
216
|
throw Error();
|
|
217
217
|
}
|
|
218
218
|
}), typeof Reflect == "object" && Reflect.construct) {
|
|
219
219
|
try {
|
|
220
|
-
Reflect.construct(
|
|
221
|
-
} catch (
|
|
222
|
-
|
|
220
|
+
Reflect.construct(C, []);
|
|
221
|
+
} catch (je) {
|
|
222
|
+
P = je;
|
|
223
223
|
}
|
|
224
|
-
Reflect.construct(n, [],
|
|
224
|
+
Reflect.construct(n, [], C);
|
|
225
225
|
} else {
|
|
226
226
|
try {
|
|
227
|
-
|
|
228
|
-
} catch (
|
|
229
|
-
|
|
227
|
+
C.call();
|
|
228
|
+
} catch (je) {
|
|
229
|
+
P = je;
|
|
230
230
|
}
|
|
231
|
-
n.call(
|
|
231
|
+
n.call(C.prototype);
|
|
232
232
|
}
|
|
233
233
|
} else {
|
|
234
234
|
try {
|
|
235
235
|
throw Error();
|
|
236
|
-
} catch (
|
|
237
|
-
|
|
236
|
+
} catch (je) {
|
|
237
|
+
P = je;
|
|
238
238
|
}
|
|
239
239
|
n();
|
|
240
240
|
}
|
|
241
|
-
} catch (
|
|
242
|
-
if (
|
|
243
|
-
for (var
|
|
244
|
-
`),
|
|
245
|
-
`),
|
|
246
|
-
|
|
247
|
-
for (;
|
|
248
|
-
if (
|
|
249
|
-
if (
|
|
241
|
+
} catch (je) {
|
|
242
|
+
if (je && P && typeof je.stack == "string") {
|
|
243
|
+
for (var N = je.stack.split(`
|
|
244
|
+
`), he = P.stack.split(`
|
|
245
|
+
`), Z = N.length - 1, de = he.length - 1; Z >= 1 && de >= 0 && N[Z] !== he[de]; )
|
|
246
|
+
de--;
|
|
247
|
+
for (; Z >= 1 && de >= 0; Z--, de--)
|
|
248
|
+
if (N[Z] !== he[de]) {
|
|
249
|
+
if (Z !== 1 || de !== 1)
|
|
250
250
|
do
|
|
251
|
-
if (
|
|
252
|
-
var
|
|
253
|
-
` +
|
|
254
|
-
return n.displayName &&
|
|
251
|
+
if (Z--, de--, de < 0 || N[Z] !== he[de]) {
|
|
252
|
+
var ge = `
|
|
253
|
+
` + N[Z].replace(" at new ", " at ");
|
|
254
|
+
return n.displayName && ge.includes("<anonymous>") && (ge = ge.replace("<anonymous>", n.displayName)), typeof n == "function" && ee.set(n, ge), ge;
|
|
255
255
|
}
|
|
256
|
-
while (
|
|
256
|
+
while (Z >= 1 && de >= 0);
|
|
257
257
|
break;
|
|
258
258
|
}
|
|
259
259
|
}
|
|
260
260
|
} finally {
|
|
261
|
-
|
|
261
|
+
se = !1, $.current = R, k(), Error.prepareStackTrace = H;
|
|
262
262
|
}
|
|
263
|
-
var
|
|
264
|
-
return typeof n == "function" &&
|
|
263
|
+
var Ke = n ? n.displayName || n.name : "", Ve = Ke ? I(Ke) : "";
|
|
264
|
+
return typeof n == "function" && ee.set(n, Ve), Ve;
|
|
265
265
|
}
|
|
266
|
-
function Me(n,
|
|
267
|
-
return
|
|
266
|
+
function Me(n, m, T) {
|
|
267
|
+
return ie(n, !1);
|
|
268
268
|
}
|
|
269
269
|
function Ie(n) {
|
|
270
|
-
var
|
|
271
|
-
return !!(
|
|
270
|
+
var m = n.prototype;
|
|
271
|
+
return !!(m && m.isReactComponent);
|
|
272
272
|
}
|
|
273
|
-
function
|
|
273
|
+
function Pe(n, m, T) {
|
|
274
274
|
if (n == null)
|
|
275
275
|
return "";
|
|
276
276
|
if (typeof n == "function")
|
|
277
|
-
return
|
|
277
|
+
return ie(n, Ie(n));
|
|
278
278
|
if (typeof n == "string")
|
|
279
|
-
return
|
|
279
|
+
return I(n);
|
|
280
280
|
switch (n) {
|
|
281
|
-
case
|
|
282
|
-
return
|
|
281
|
+
case g:
|
|
282
|
+
return I("Suspense");
|
|
283
283
|
case c:
|
|
284
|
-
return
|
|
284
|
+
return I("SuspenseList");
|
|
285
285
|
}
|
|
286
286
|
if (typeof n == "object")
|
|
287
287
|
switch (n.$$typeof) {
|
|
288
288
|
case s:
|
|
289
289
|
return Me(n.render);
|
|
290
|
-
case
|
|
291
|
-
return
|
|
292
|
-
case
|
|
293
|
-
var
|
|
290
|
+
case y:
|
|
291
|
+
return Pe(n.type, m, T);
|
|
292
|
+
case S: {
|
|
293
|
+
var P = n, H = P._payload, R = P._init;
|
|
294
294
|
try {
|
|
295
|
-
return
|
|
295
|
+
return Pe(R(H), m, T);
|
|
296
296
|
} catch {
|
|
297
297
|
}
|
|
298
298
|
}
|
|
299
299
|
}
|
|
300
300
|
return "";
|
|
301
301
|
}
|
|
302
|
-
var De = Object.prototype.hasOwnProperty,
|
|
303
|
-
function
|
|
302
|
+
var De = Object.prototype.hasOwnProperty, Oe = {}, at = j.ReactDebugCurrentFrame;
|
|
303
|
+
function Ue(n) {
|
|
304
304
|
if (n) {
|
|
305
|
-
var
|
|
306
|
-
|
|
305
|
+
var m = n._owner, T = Pe(n.type, n._source, m ? m.type : null);
|
|
306
|
+
at.setExtraStackFrame(T);
|
|
307
307
|
} else
|
|
308
|
-
|
|
308
|
+
at.setExtraStackFrame(null);
|
|
309
309
|
}
|
|
310
|
-
function
|
|
310
|
+
function vt(n, m, T, P, H) {
|
|
311
311
|
{
|
|
312
|
-
var
|
|
313
|
-
for (var
|
|
314
|
-
if (
|
|
315
|
-
var
|
|
312
|
+
var R = Function.call.bind(De);
|
|
313
|
+
for (var C in n)
|
|
314
|
+
if (R(n, C)) {
|
|
315
|
+
var N = void 0;
|
|
316
316
|
try {
|
|
317
|
-
if (typeof n[
|
|
318
|
-
var
|
|
319
|
-
throw
|
|
317
|
+
if (typeof n[C] != "function") {
|
|
318
|
+
var he = Error((P || "React class") + ": " + T + " type `" + C + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[C] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
|
|
319
|
+
throw he.name = "Invariant Violation", he;
|
|
320
320
|
}
|
|
321
|
-
|
|
322
|
-
} catch (
|
|
323
|
-
|
|
321
|
+
N = n[C](m, C, P, T, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
|
|
322
|
+
} catch (Z) {
|
|
323
|
+
N = Z;
|
|
324
324
|
}
|
|
325
|
-
|
|
325
|
+
N && !(N instanceof Error) && (Ue(H), L("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", P || "React class", T, C, typeof N), Ue(null)), N instanceof Error && !(N.message in Oe) && (Oe[N.message] = !0, Ue(H), L("Failed %s type: %s", T, N.message), Ue(null));
|
|
326
326
|
}
|
|
327
327
|
}
|
|
328
328
|
}
|
|
329
|
-
var
|
|
330
|
-
function
|
|
331
|
-
return
|
|
329
|
+
var ut = Array.isArray;
|
|
330
|
+
function Ce(n) {
|
|
331
|
+
return ut(n);
|
|
332
332
|
}
|
|
333
333
|
function St(n) {
|
|
334
334
|
{
|
|
335
|
-
var
|
|
335
|
+
var m = typeof Symbol == "function" && Symbol.toStringTag, T = m && n[Symbol.toStringTag] || n.constructor.name || "Object";
|
|
336
336
|
return T;
|
|
337
337
|
}
|
|
338
338
|
}
|
|
339
|
-
function
|
|
339
|
+
function Ae(n) {
|
|
340
340
|
try {
|
|
341
|
-
return
|
|
341
|
+
return Le(n), !1;
|
|
342
342
|
} catch {
|
|
343
343
|
return !0;
|
|
344
344
|
}
|
|
345
345
|
}
|
|
346
|
-
function
|
|
346
|
+
function Le(n) {
|
|
347
347
|
return "" + n;
|
|
348
348
|
}
|
|
349
|
-
function
|
|
350
|
-
if (
|
|
351
|
-
return
|
|
349
|
+
function Se(n) {
|
|
350
|
+
if (Ae(n))
|
|
351
|
+
return L("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", St(n)), Le(n);
|
|
352
352
|
}
|
|
353
|
-
var
|
|
353
|
+
var pt = j.ReactCurrentOwner, Nt = {
|
|
354
354
|
key: !0,
|
|
355
355
|
ref: !0,
|
|
356
356
|
__self: !0,
|
|
357
357
|
__source: !0
|
|
358
|
-
},
|
|
359
|
-
function
|
|
358
|
+
}, ht, ft;
|
|
359
|
+
function jt(n) {
|
|
360
360
|
if (De.call(n, "ref")) {
|
|
361
|
-
var
|
|
362
|
-
if (
|
|
361
|
+
var m = Object.getOwnPropertyDescriptor(n, "ref").get;
|
|
362
|
+
if (m && m.isReactWarning)
|
|
363
363
|
return !1;
|
|
364
364
|
}
|
|
365
365
|
return n.ref !== void 0;
|
|
366
366
|
}
|
|
367
|
-
function
|
|
367
|
+
function Tt(n) {
|
|
368
368
|
if (De.call(n, "key")) {
|
|
369
|
-
var
|
|
370
|
-
if (
|
|
369
|
+
var m = Object.getOwnPropertyDescriptor(n, "key").get;
|
|
370
|
+
if (m && m.isReactWarning)
|
|
371
371
|
return !1;
|
|
372
372
|
}
|
|
373
373
|
return n.key !== void 0;
|
|
374
374
|
}
|
|
375
|
-
function
|
|
376
|
-
typeof n.ref == "string" &&
|
|
375
|
+
function ot(n, m) {
|
|
376
|
+
typeof n.ref == "string" && pt.current;
|
|
377
377
|
}
|
|
378
|
-
function
|
|
378
|
+
function Dt(n, m) {
|
|
379
379
|
{
|
|
380
380
|
var T = function() {
|
|
381
|
-
|
|
381
|
+
ht || (ht = !0, L("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", m));
|
|
382
382
|
};
|
|
383
383
|
T.isReactWarning = !0, Object.defineProperty(n, "key", {
|
|
384
384
|
get: T,
|
|
@@ -386,10 +386,10 @@ function $r() {
|
|
|
386
386
|
});
|
|
387
387
|
}
|
|
388
388
|
}
|
|
389
|
-
function
|
|
389
|
+
function kt(n, m) {
|
|
390
390
|
{
|
|
391
391
|
var T = function() {
|
|
392
|
-
|
|
392
|
+
ft || (ft = !0, L("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", m));
|
|
393
393
|
};
|
|
394
394
|
T.isReactWarning = !0, Object.defineProperty(n, "ref", {
|
|
395
395
|
get: T,
|
|
@@ -397,70 +397,70 @@ function $r() {
|
|
|
397
397
|
});
|
|
398
398
|
}
|
|
399
399
|
}
|
|
400
|
-
var
|
|
401
|
-
var
|
|
400
|
+
var st = function(n, m, T, P, H, R, C) {
|
|
401
|
+
var N = {
|
|
402
402
|
// This tag allows us to uniquely identify this as a React Element
|
|
403
403
|
$$typeof: o,
|
|
404
404
|
// Built-in properties that belong on the element
|
|
405
405
|
type: n,
|
|
406
|
-
key:
|
|
406
|
+
key: m,
|
|
407
407
|
ref: T,
|
|
408
|
-
props:
|
|
408
|
+
props: C,
|
|
409
409
|
// Record the component responsible for creating this element.
|
|
410
|
-
_owner:
|
|
410
|
+
_owner: R
|
|
411
411
|
};
|
|
412
|
-
return
|
|
412
|
+
return N._store = {}, Object.defineProperty(N._store, "validated", {
|
|
413
413
|
configurable: !1,
|
|
414
414
|
enumerable: !1,
|
|
415
415
|
writable: !0,
|
|
416
416
|
value: !1
|
|
417
|
-
}), Object.defineProperty(
|
|
417
|
+
}), Object.defineProperty(N, "_self", {
|
|
418
418
|
configurable: !1,
|
|
419
419
|
enumerable: !1,
|
|
420
420
|
writable: !1,
|
|
421
|
-
value:
|
|
422
|
-
}), Object.defineProperty(
|
|
421
|
+
value: P
|
|
422
|
+
}), Object.defineProperty(N, "_source", {
|
|
423
423
|
configurable: !1,
|
|
424
424
|
enumerable: !1,
|
|
425
425
|
writable: !1,
|
|
426
|
-
value:
|
|
427
|
-
}), Object.freeze && (Object.freeze(
|
|
426
|
+
value: H
|
|
427
|
+
}), Object.freeze && (Object.freeze(N.props), Object.freeze(N)), N;
|
|
428
428
|
};
|
|
429
|
-
function Mt(n,
|
|
429
|
+
function Mt(n, m, T, P, H) {
|
|
430
430
|
{
|
|
431
|
-
var
|
|
432
|
-
T !== void 0 && (
|
|
433
|
-
for (
|
|
434
|
-
De.call(
|
|
431
|
+
var R, C = {}, N = null, he = null;
|
|
432
|
+
T !== void 0 && (Se(T), N = "" + T), Tt(m) && (Se(m.key), N = "" + m.key), jt(m) && (he = m.ref, ot(m, H));
|
|
433
|
+
for (R in m)
|
|
434
|
+
De.call(m, R) && !Nt.hasOwnProperty(R) && (C[R] = m[R]);
|
|
435
435
|
if (n && n.defaultProps) {
|
|
436
|
-
var
|
|
437
|
-
for (
|
|
438
|
-
|
|
436
|
+
var Z = n.defaultProps;
|
|
437
|
+
for (R in Z)
|
|
438
|
+
C[R] === void 0 && (C[R] = Z[R]);
|
|
439
439
|
}
|
|
440
|
-
if (
|
|
441
|
-
var
|
|
442
|
-
|
|
440
|
+
if (N || he) {
|
|
441
|
+
var de = typeof n == "function" ? n.displayName || n.name || "Unknown" : n;
|
|
442
|
+
N && Dt(C, de), he && kt(C, de);
|
|
443
443
|
}
|
|
444
|
-
return
|
|
444
|
+
return st(n, N, he, H, P, pt.current, C);
|
|
445
445
|
}
|
|
446
446
|
}
|
|
447
|
-
var
|
|
448
|
-
function
|
|
447
|
+
var qe = j.ReactCurrentOwner, mt = j.ReactDebugCurrentFrame;
|
|
448
|
+
function Ee(n) {
|
|
449
449
|
if (n) {
|
|
450
|
-
var
|
|
451
|
-
|
|
450
|
+
var m = n._owner, T = Pe(n.type, n._source, m ? m.type : null);
|
|
451
|
+
mt.setExtraStackFrame(T);
|
|
452
452
|
} else
|
|
453
|
-
|
|
453
|
+
mt.setExtraStackFrame(null);
|
|
454
454
|
}
|
|
455
|
-
var
|
|
456
|
-
|
|
457
|
-
function
|
|
455
|
+
var Ge;
|
|
456
|
+
Ge = !1;
|
|
457
|
+
function Ze(n) {
|
|
458
458
|
return typeof n == "object" && n !== null && n.$$typeof === o;
|
|
459
459
|
}
|
|
460
|
-
function
|
|
460
|
+
function it() {
|
|
461
461
|
{
|
|
462
|
-
if (
|
|
463
|
-
var n =
|
|
462
|
+
if (qe.current) {
|
|
463
|
+
var n = ae(qe.current.type);
|
|
464
464
|
if (n)
|
|
465
465
|
return `
|
|
466
466
|
|
|
@@ -469,152 +469,152 @@ Check the render method of \`` + n + "`.";
|
|
|
469
469
|
return "";
|
|
470
470
|
}
|
|
471
471
|
}
|
|
472
|
-
function
|
|
472
|
+
function Lt(n) {
|
|
473
473
|
return "";
|
|
474
474
|
}
|
|
475
|
-
var
|
|
475
|
+
var xt = {};
|
|
476
476
|
function d(n) {
|
|
477
477
|
{
|
|
478
|
-
var
|
|
479
|
-
if (!
|
|
478
|
+
var m = it();
|
|
479
|
+
if (!m) {
|
|
480
480
|
var T = typeof n == "string" ? n : n.displayName || n.name;
|
|
481
|
-
T && (
|
|
481
|
+
T && (m = `
|
|
482
482
|
|
|
483
483
|
Check the top-level render call using <` + T + ">.");
|
|
484
484
|
}
|
|
485
|
-
return
|
|
485
|
+
return m;
|
|
486
486
|
}
|
|
487
487
|
}
|
|
488
|
-
function v(n,
|
|
488
|
+
function v(n, m) {
|
|
489
489
|
{
|
|
490
490
|
if (!n._store || n._store.validated || n.key != null)
|
|
491
491
|
return;
|
|
492
492
|
n._store.validated = !0;
|
|
493
|
-
var T = d(
|
|
494
|
-
if (
|
|
493
|
+
var T = d(m);
|
|
494
|
+
if (xt[T])
|
|
495
495
|
return;
|
|
496
|
-
|
|
497
|
-
var
|
|
498
|
-
n && n._owner && n._owner !==
|
|
496
|
+
xt[T] = !0;
|
|
497
|
+
var P = "";
|
|
498
|
+
n && n._owner && n._owner !== qe.current && (P = " It was passed a child from " + ae(n._owner.type) + "."), Ee(n), L('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', T, P), Ee(null);
|
|
499
499
|
}
|
|
500
500
|
}
|
|
501
|
-
function F(n,
|
|
501
|
+
function F(n, m) {
|
|
502
502
|
{
|
|
503
503
|
if (typeof n != "object")
|
|
504
504
|
return;
|
|
505
|
-
if (
|
|
505
|
+
if (Ce(n))
|
|
506
506
|
for (var T = 0; T < n.length; T++) {
|
|
507
|
-
var
|
|
508
|
-
|
|
507
|
+
var P = n[T];
|
|
508
|
+
Ze(P) && v(P, m);
|
|
509
509
|
}
|
|
510
|
-
else if (
|
|
510
|
+
else if (Ze(n))
|
|
511
511
|
n._store && (n._store.validated = !0);
|
|
512
512
|
else if (n) {
|
|
513
|
-
var
|
|
514
|
-
if (typeof
|
|
515
|
-
for (var
|
|
516
|
-
|
|
513
|
+
var H = w(n);
|
|
514
|
+
if (typeof H == "function" && H !== n.entries)
|
|
515
|
+
for (var R = H.call(n), C; !(C = R.next()).done; )
|
|
516
|
+
Ze(C.value) && v(C.value, m);
|
|
517
517
|
}
|
|
518
518
|
}
|
|
519
519
|
}
|
|
520
|
-
function
|
|
520
|
+
function A(n) {
|
|
521
521
|
{
|
|
522
|
-
var
|
|
523
|
-
if (
|
|
522
|
+
var m = n.type;
|
|
523
|
+
if (m == null || typeof m == "string")
|
|
524
524
|
return;
|
|
525
525
|
var T;
|
|
526
|
-
if (typeof
|
|
527
|
-
T =
|
|
528
|
-
else if (typeof
|
|
526
|
+
if (typeof m == "function")
|
|
527
|
+
T = m.propTypes;
|
|
528
|
+
else if (typeof m == "object" && (m.$$typeof === s || // Note: Memo only checks outer props here.
|
|
529
529
|
// Inner props are checked in the reconciler.
|
|
530
|
-
|
|
531
|
-
T =
|
|
530
|
+
m.$$typeof === y))
|
|
531
|
+
T = m.propTypes;
|
|
532
532
|
else
|
|
533
533
|
return;
|
|
534
534
|
if (T) {
|
|
535
|
-
var
|
|
536
|
-
|
|
537
|
-
} else if (
|
|
538
|
-
|
|
539
|
-
var
|
|
540
|
-
|
|
535
|
+
var P = ae(m);
|
|
536
|
+
vt(T, n.props, "prop", P, n);
|
|
537
|
+
} else if (m.PropTypes !== void 0 && !Ge) {
|
|
538
|
+
Ge = !0;
|
|
539
|
+
var H = ae(m);
|
|
540
|
+
L("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", H || "Unknown");
|
|
541
541
|
}
|
|
542
|
-
typeof
|
|
542
|
+
typeof m.getDefaultProps == "function" && !m.getDefaultProps.isReactClassApproved && L("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
|
|
543
543
|
}
|
|
544
544
|
}
|
|
545
|
-
function
|
|
545
|
+
function oe(n) {
|
|
546
546
|
{
|
|
547
|
-
for (var
|
|
548
|
-
var
|
|
549
|
-
if (
|
|
550
|
-
|
|
547
|
+
for (var m = Object.keys(n.props), T = 0; T < m.length; T++) {
|
|
548
|
+
var P = m[T];
|
|
549
|
+
if (P !== "children" && P !== "key") {
|
|
550
|
+
Ee(n), L("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", P), Ee(null);
|
|
551
551
|
break;
|
|
552
552
|
}
|
|
553
553
|
}
|
|
554
|
-
n.ref !== null && (
|
|
554
|
+
n.ref !== null && (Ee(n), L("Invalid attribute `ref` supplied to `React.Fragment`."), Ee(null));
|
|
555
555
|
}
|
|
556
556
|
}
|
|
557
557
|
var X = {};
|
|
558
|
-
function
|
|
558
|
+
function be(n, m, T, P, H, R) {
|
|
559
559
|
{
|
|
560
|
-
var
|
|
561
|
-
if (!
|
|
562
|
-
var
|
|
563
|
-
(n === void 0 || typeof n == "object" && n !== null && Object.keys(n).length === 0) && (
|
|
564
|
-
var
|
|
565
|
-
|
|
566
|
-
var
|
|
567
|
-
n === null ?
|
|
560
|
+
var C = U(n);
|
|
561
|
+
if (!C) {
|
|
562
|
+
var N = "";
|
|
563
|
+
(n === void 0 || typeof n == "object" && n !== null && Object.keys(n).length === 0) && (N += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
|
|
564
|
+
var he = Lt();
|
|
565
|
+
he ? N += he : N += it();
|
|
566
|
+
var Z;
|
|
567
|
+
n === null ? Z = "null" : Ce(n) ? Z = "array" : n !== void 0 && n.$$typeof === o ? (Z = "<" + (ae(n.type) || "Unknown") + " />", N = " Did you accidentally export a JSX literal instead of a component?") : Z = typeof n, L("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Z, N);
|
|
568
568
|
}
|
|
569
|
-
var
|
|
570
|
-
if (
|
|
571
|
-
return
|
|
572
|
-
if (
|
|
573
|
-
var
|
|
574
|
-
if (
|
|
575
|
-
if (
|
|
576
|
-
if (
|
|
577
|
-
for (var
|
|
578
|
-
F(
|
|
579
|
-
Object.freeze && Object.freeze(
|
|
569
|
+
var de = Mt(n, m, T, H, R);
|
|
570
|
+
if (de == null)
|
|
571
|
+
return de;
|
|
572
|
+
if (C) {
|
|
573
|
+
var ge = m.children;
|
|
574
|
+
if (ge !== void 0)
|
|
575
|
+
if (P)
|
|
576
|
+
if (Ce(ge)) {
|
|
577
|
+
for (var Ke = 0; Ke < ge.length; Ke++)
|
|
578
|
+
F(ge[Ke], n);
|
|
579
|
+
Object.freeze && Object.freeze(ge);
|
|
580
580
|
} else
|
|
581
|
-
|
|
581
|
+
L("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
|
|
582
582
|
else
|
|
583
|
-
F(
|
|
583
|
+
F(ge, n);
|
|
584
584
|
}
|
|
585
|
-
if (De.call(
|
|
586
|
-
var
|
|
585
|
+
if (De.call(m, "key")) {
|
|
586
|
+
var Ve = ae(n), je = Object.keys(m).filter(function(lr) {
|
|
587
587
|
return lr !== "key";
|
|
588
|
-
}), $t =
|
|
589
|
-
if (!X[
|
|
590
|
-
var ir =
|
|
591
|
-
|
|
588
|
+
}), $t = je.length > 0 ? "{key: someKey, " + je.join(": ..., ") + ": ...}" : "{key: someKey}";
|
|
589
|
+
if (!X[Ve + $t]) {
|
|
590
|
+
var ir = je.length > 0 ? "{" + je.join(": ..., ") + ": ...}" : "{}";
|
|
591
|
+
L(`A props object containing a "key" prop is being spread into JSX:
|
|
592
592
|
let props = %s;
|
|
593
593
|
<%s {...props} />
|
|
594
594
|
React keys must be passed directly to JSX without using spread:
|
|
595
595
|
let props = %s;
|
|
596
|
-
<%s key={someKey} {...props} />`, $t,
|
|
596
|
+
<%s key={someKey} {...props} />`, $t, Ve, ir, Ve), X[Ve + $t] = !0;
|
|
597
597
|
}
|
|
598
598
|
}
|
|
599
|
-
return n === l ?
|
|
599
|
+
return n === l ? oe(de) : A(de), de;
|
|
600
600
|
}
|
|
601
601
|
}
|
|
602
|
-
function
|
|
603
|
-
return
|
|
602
|
+
function te(n, m, T) {
|
|
603
|
+
return be(n, m, T, !0);
|
|
604
604
|
}
|
|
605
|
-
function
|
|
606
|
-
return
|
|
605
|
+
function we(n, m, T) {
|
|
606
|
+
return be(n, m, T, !1);
|
|
607
607
|
}
|
|
608
|
-
var
|
|
609
|
-
|
|
610
|
-
})()),
|
|
608
|
+
var ze = we, Et = te;
|
|
609
|
+
dt.Fragment = l, dt.jsx = ze, dt.jsxs = Et;
|
|
610
|
+
})()), dt;
|
|
611
611
|
}
|
|
612
612
|
var zt;
|
|
613
613
|
function Fr() {
|
|
614
614
|
return zt || (zt = 1, process.env.NODE_ENV === "production" ? gt.exports = Er() : gt.exports = $r()), gt.exports;
|
|
615
615
|
}
|
|
616
616
|
var e = Fr();
|
|
617
|
-
const
|
|
617
|
+
const me = (t, o, a) => {
|
|
618
618
|
const l = new Date(t);
|
|
619
619
|
switch (a) {
|
|
620
620
|
case "hour":
|
|
@@ -637,14 +637,14 @@ const fe = (t, o, a) => {
|
|
|
637
637
|
break;
|
|
638
638
|
}
|
|
639
639
|
return l;
|
|
640
|
-
},
|
|
640
|
+
}, yt = (t, o) => {
|
|
641
641
|
const a = o.getTime() - t.getTime();
|
|
642
642
|
return Math.ceil(a / (1e3 * 60 * 60 * 24));
|
|
643
643
|
}, Rr = (t, o) => {
|
|
644
644
|
const a = o.getTime() - t.getTime();
|
|
645
645
|
return Math.ceil(a / (1e3 * 60 * 60));
|
|
646
|
-
},
|
|
647
|
-
const a = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], l = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], r = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
|
|
646
|
+
}, ve = (t, o) => {
|
|
647
|
+
const a = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], l = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], r = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], x = {
|
|
648
648
|
YYYY: t.getFullYear().toString(),
|
|
649
649
|
YY: t.getFullYear().toString().slice(-2),
|
|
650
650
|
MMMM: l[t.getMonth()],
|
|
@@ -659,13 +659,13 @@ const fe = (t, o, a) => {
|
|
|
659
659
|
mm: String(t.getMinutes()).padStart(2, "0"),
|
|
660
660
|
m: String(t.getMinutes())
|
|
661
661
|
};
|
|
662
|
-
return o.replace(/YYYY|YY|MMMM|MMM|MM|M|DD|D|dddd|HH|H|mm|m/g, (
|
|
662
|
+
return o.replace(/YYYY|YY|MMMM|MMM|MM|M|DD|D|dddd|HH|H|mm|m/g, (f) => x[f]);
|
|
663
663
|
}, Bt = (t) => {
|
|
664
664
|
const o = t.getDay();
|
|
665
665
|
return o === 0 || o === 6;
|
|
666
666
|
}, Wt = (t, o) => o.some(
|
|
667
667
|
(a) => a.getFullYear() === t.getFullYear() && a.getMonth() === t.getMonth() && a.getDate() === t.getDate()
|
|
668
|
-
),
|
|
668
|
+
), rt = (t) => {
|
|
669
669
|
const o = new Date(t);
|
|
670
670
|
return o.setHours(0, 0, 0, 0), o;
|
|
671
671
|
}, bn = (t) => {
|
|
@@ -676,24 +676,24 @@ const fe = (t, o, a) => {
|
|
|
676
676
|
case "hour":
|
|
677
677
|
return Rr(t, o);
|
|
678
678
|
case "day":
|
|
679
|
-
return
|
|
679
|
+
return yt(t, o);
|
|
680
680
|
case "week":
|
|
681
|
-
return Math.ceil(
|
|
681
|
+
return Math.ceil(yt(t, o) / 7);
|
|
682
682
|
case "month":
|
|
683
683
|
return (o.getFullYear() - t.getFullYear()) * 12 + (o.getMonth() - t.getMonth());
|
|
684
684
|
default:
|
|
685
|
-
return
|
|
685
|
+
return yt(t, o);
|
|
686
686
|
}
|
|
687
687
|
};
|
|
688
688
|
function Pr(t) {
|
|
689
689
|
if (!t || typeof t != "string") return null;
|
|
690
690
|
const o = t.trim(), a = /^(\d+)(FS|SS|FF|SF)(([+-])(\d+)([dhwm]))?$/i, l = o.match(a);
|
|
691
691
|
if (!l) return null;
|
|
692
|
-
const r = parseInt(l[1], 10),
|
|
693
|
-
let
|
|
692
|
+
const r = parseInt(l[1], 10), x = l[2].toUpperCase();
|
|
693
|
+
let f = 0, i = "day";
|
|
694
694
|
if (l[3]) {
|
|
695
695
|
const s = l[4] === "-" ? -1 : 1;
|
|
696
|
-
switch (
|
|
696
|
+
switch (f = parseInt(l[5], 10) * s, l[6].toLowerCase()) {
|
|
697
697
|
case "d":
|
|
698
698
|
i = "day";
|
|
699
699
|
break;
|
|
@@ -708,7 +708,7 @@ function Pr(t) {
|
|
|
708
708
|
break;
|
|
709
709
|
}
|
|
710
710
|
}
|
|
711
|
-
return { taskNumber: r, type:
|
|
711
|
+
return { taskNumber: r, type: x, lag: f, lagUnit: i };
|
|
712
712
|
}
|
|
713
713
|
function Pt(t, o) {
|
|
714
714
|
switch (o) {
|
|
@@ -734,7 +734,7 @@ function Or(t, o) {
|
|
|
734
734
|
}[t.type];
|
|
735
735
|
let r = `${o}${l}`;
|
|
736
736
|
if (t.lag && t.lag !== 0) {
|
|
737
|
-
const
|
|
737
|
+
const x = t.lag > 0 ? "+" : "", i = (t.lagUnit || "day").charAt(0);
|
|
738
738
|
let s = t.lag;
|
|
739
739
|
if (t.lagUnit && t.lagUnit !== "day")
|
|
740
740
|
switch (t.lagUnit) {
|
|
@@ -748,7 +748,7 @@ function Or(t, o) {
|
|
|
748
748
|
s = t.lag / 30;
|
|
749
749
|
break;
|
|
750
750
|
}
|
|
751
|
-
r += `${
|
|
751
|
+
r += `${x}${Math.round(s)}${i}`;
|
|
752
752
|
}
|
|
753
753
|
return r;
|
|
754
754
|
}
|
|
@@ -760,7 +760,7 @@ function Cr(t) {
|
|
|
760
760
|
SF: "s2e"
|
|
761
761
|
}[t];
|
|
762
762
|
}
|
|
763
|
-
const
|
|
763
|
+
const nt = (t) => t ? {
|
|
764
764
|
// Popover styles
|
|
765
765
|
popover: {
|
|
766
766
|
backgroundColor: t.popoverBackground || "#fff",
|
|
@@ -837,49 +837,49 @@ const at = (t) => t ? {
|
|
|
837
837
|
lineHeight: t.lineHeight || 1.5714285714285714,
|
|
838
838
|
color: t.fontColor || "rgba(0, 0, 0, 0.88)"
|
|
839
839
|
}
|
|
840
|
-
} : {}, { Text: Te, Paragraph: Nr } = Ht, { Option:
|
|
840
|
+
} : {}, { Text: Te, Paragraph: Nr } = Ht, { Option: Be } = ye, _r = ({
|
|
841
841
|
task: t,
|
|
842
842
|
allTasks: o,
|
|
843
843
|
links: a,
|
|
844
844
|
onAddDependency: l,
|
|
845
845
|
onRemoveDependency: r,
|
|
846
|
-
onTaskUpdate:
|
|
847
|
-
children:
|
|
846
|
+
onTaskUpdate: x,
|
|
847
|
+
children: f,
|
|
848
848
|
styleConfig: i
|
|
849
849
|
}) => {
|
|
850
|
-
const s =
|
|
851
|
-
if (
|
|
852
|
-
const
|
|
853
|
-
if (E !== t.duration &&
|
|
854
|
-
const
|
|
855
|
-
|
|
850
|
+
const s = nt(i), [g, c] = z(!1), [y, S] = z(null), [u, p] = z("e2s"), [b, w] = z("lag"), [j, L] = z(0), [E, B] = z(t.duration), [ne, V] = z(!0), pe = "day", M = a.find((_) => _.target === t.id), q = !!M, U = re.useMemo(() => o.length === 0 ? /* @__PURE__ */ new Date() : new Date(Math.min(...o.map((_) => _.start.getTime()))), [o]), D = () => {
|
|
851
|
+
if (y) {
|
|
852
|
+
const _ = b === "lag" ? j : -j, Y = Pt(_, pe);
|
|
853
|
+
if (E !== t.duration && x) {
|
|
854
|
+
const ue = me(new Date(t.start), E, "day");
|
|
855
|
+
x({
|
|
856
856
|
...t,
|
|
857
857
|
duration: E,
|
|
858
|
-
end:
|
|
858
|
+
end: ue
|
|
859
859
|
});
|
|
860
860
|
}
|
|
861
|
-
l(
|
|
862
|
-
}
|
|
863
|
-
},
|
|
864
|
-
|
|
865
|
-
},
|
|
866
|
-
|
|
867
|
-
}, J = (
|
|
868
|
-
if (c(
|
|
869
|
-
if (V(!0),
|
|
870
|
-
|
|
871
|
-
const
|
|
872
|
-
|
|
861
|
+
l(y, t.id, u, Y), c(!1), W();
|
|
862
|
+
}
|
|
863
|
+
}, W = () => {
|
|
864
|
+
S(null), p("e2s"), w("lag"), L(0), B(t.duration);
|
|
865
|
+
}, ae = () => {
|
|
866
|
+
M && r && (r(M.id), c(!1), W());
|
|
867
|
+
}, J = (_) => {
|
|
868
|
+
if (c(_), _) {
|
|
869
|
+
if (V(!0), M) {
|
|
870
|
+
S(M.source), p(M.type);
|
|
871
|
+
const Y = M.lag || 0;
|
|
872
|
+
Y >= 0 ? (w("lag"), L(Y)) : (w("lead"), L(Math.abs(Y)));
|
|
873
873
|
} else
|
|
874
|
-
|
|
875
|
-
|
|
876
|
-
}
|
|
877
|
-
},
|
|
878
|
-
if (!
|
|
879
|
-
const
|
|
880
|
-
let
|
|
881
|
-
|
|
882
|
-
const
|
|
874
|
+
W();
|
|
875
|
+
B(t.duration);
|
|
876
|
+
}
|
|
877
|
+
}, xe = () => {
|
|
878
|
+
if (!ne) return null;
|
|
879
|
+
const _ = u === "e2s", Y = u === "s2s", ue = u === "e2e", K = u === "s2e";
|
|
880
|
+
let Q = 0, G = 0, h = "", k = 0, $ = -1;
|
|
881
|
+
_ ? (Q = 50, G = 350, k = 250, $ = 350, h = "M 250 60 L 300 60 L 300 140 L 348 140") : ue ? (Q = 100, G = 100, k = 300, $ = -1, h = "M 300 60 L 350 60 L 350 140 L 302 140") : Y ? (Q = 250, G = 250, k = 250, $ = -1, h = "M 250 60 L 200 60 L 200 140 L 248 140") : K && (Q = 350, G = 50, k = 350, $ = 250, h = "M 350 60 L 300 60 L 300 140 L 252 140");
|
|
882
|
+
const O = y === "gantt-start-date", I = o.find((se) => se.id === y);
|
|
883
883
|
return /* @__PURE__ */ e.jsx("div", { style: {
|
|
884
884
|
width: "100%",
|
|
885
885
|
height: 90,
|
|
@@ -894,8 +894,8 @@ const at = (t) => t ? {
|
|
|
894
894
|
/* @__PURE__ */ e.jsx("defs", { children: /* @__PURE__ */ e.jsx("marker", { id: "arrowhead", markerWidth: "12", markerHeight: "9", refX: "12", refY: "4.5", orient: "auto", children: /* @__PURE__ */ e.jsx("polygon", { points: "0 0, 12 4.5, 0 9", fill: "#8c8c8c" }) }) }),
|
|
895
895
|
/* @__PURE__ */ e.jsx("line", { x1: k, x2: k, y1: "0", y2: "200", stroke: "#f0f0f0", strokeDasharray: "3,3" }),
|
|
896
896
|
$ !== -1 && /* @__PURE__ */ e.jsx("line", { x1: $, x2: $, y1: "0", y2: "200", stroke: "#f0f0f0", strokeDasharray: "3,3" }),
|
|
897
|
-
/* @__PURE__ */ e.jsx("rect", { x:
|
|
898
|
-
/* @__PURE__ */ e.jsx("text", { x:
|
|
897
|
+
/* @__PURE__ */ e.jsx("rect", { x: Q, y: "35", width: "200", height: "50", rx: "4", fill: "#e6f4ff", stroke: "#91caff", strokeWidth: "2" }),
|
|
898
|
+
/* @__PURE__ */ e.jsx("text", { x: Q + 100, y: "66", fontSize: "15", textAnchor: "middle", fill: "#003a8c", fontWeight: "600", children: O ? "Start Date" : I ? `Stage ${o.indexOf(I) + 1}` : "Predecessor" }),
|
|
899
899
|
/* @__PURE__ */ e.jsx("rect", { x: G, y: "115", width: "200", height: "50", rx: "4", fill: "#e6f4ff", stroke: "#91caff", strokeWidth: "2" }),
|
|
900
900
|
/* @__PURE__ */ e.jsxs("text", { x: G + 100, y: "146", fontSize: "15", textAnchor: "middle", fill: "#003a8c", fontWeight: "600", children: [
|
|
901
901
|
"Stage ",
|
|
@@ -903,31 +903,31 @@ const at = (t) => t ? {
|
|
|
903
903
|
] }),
|
|
904
904
|
/* @__PURE__ */ e.jsx("path", { d: h, fill: "none", stroke: "#8c8c8c", strokeWidth: "2.5", markerEnd: "url(#arrowhead)" })
|
|
905
905
|
] }) });
|
|
906
|
-
},
|
|
907
|
-
const
|
|
908
|
-
if (!
|
|
909
|
-
const
|
|
910
|
-
let
|
|
906
|
+
}, Fe = () => {
|
|
907
|
+
const _ = y === "gantt-start-date", Y = o.find((G) => G.id === y);
|
|
908
|
+
if (!y) return "Select a checklist from the list to see how it will relate to the current stage.";
|
|
909
|
+
const ue = o.indexOf(t) + 1, K = _ ? "Start Date" : `Stage ${o.indexOf(Y) + 1}`;
|
|
910
|
+
let Q = "";
|
|
911
911
|
switch (u) {
|
|
912
912
|
case "e2s":
|
|
913
|
-
|
|
913
|
+
Q = `Stage ${ue} starts after ${K} finishes`;
|
|
914
914
|
break;
|
|
915
915
|
case "s2s":
|
|
916
|
-
|
|
916
|
+
Q = `Stage ${ue} starts when ${K} starts`;
|
|
917
917
|
break;
|
|
918
918
|
case "e2e":
|
|
919
|
-
|
|
919
|
+
Q = `Stage ${ue} finishes when ${K} finishes`;
|
|
920
920
|
break;
|
|
921
921
|
case "s2e":
|
|
922
|
-
|
|
922
|
+
Q = `Stage ${ue} finishes when ${K} starts`;
|
|
923
923
|
break;
|
|
924
924
|
}
|
|
925
|
-
if (
|
|
926
|
-
const G = `${
|
|
927
|
-
b === "lag" ?
|
|
925
|
+
if (j > 0) {
|
|
926
|
+
const G = `${j} ${pe}${j > 1 ? "s" : ""}`;
|
|
927
|
+
b === "lag" ? Q += ` + ${G} delay` : Q += ` - ${G} overlap`;
|
|
928
928
|
}
|
|
929
|
-
return
|
|
930
|
-
},
|
|
929
|
+
return Q + ".";
|
|
930
|
+
}, ke = /* @__PURE__ */ e.jsxs("div", { style: {
|
|
931
931
|
width: 550,
|
|
932
932
|
backgroundColor: s.popover?.backgroundColor || "#fff",
|
|
933
933
|
borderRadius: s.popover?.borderRadius || "8px",
|
|
@@ -942,33 +942,33 @@ const at = (t) => t ? {
|
|
|
942
942
|
{
|
|
943
943
|
showSearch: !0,
|
|
944
944
|
placeholder: "Select checklist",
|
|
945
|
-
value:
|
|
946
|
-
onChange:
|
|
945
|
+
value: y,
|
|
946
|
+
onChange: S,
|
|
947
947
|
style: { width: "100%" },
|
|
948
|
-
filterOption: (
|
|
949
|
-
if (
|
|
950
|
-
return "start date".includes(
|
|
951
|
-
const
|
|
952
|
-
if (!
|
|
953
|
-
const
|
|
954
|
-
return
|
|
948
|
+
filterOption: (_, Y) => {
|
|
949
|
+
if (Y?.value === "gantt-start-date")
|
|
950
|
+
return "start date".includes(_.toLowerCase());
|
|
951
|
+
const ue = o.find((Q) => Q.id === Y?.value);
|
|
952
|
+
if (!ue) return !1;
|
|
953
|
+
const K = o.indexOf(ue) + 1;
|
|
954
|
+
return ue.text.toLowerCase().includes(_.toLowerCase()) || K.toString().includes(_);
|
|
955
955
|
},
|
|
956
956
|
optionLabelProp: "label",
|
|
957
957
|
children: [
|
|
958
|
-
o.filter((
|
|
958
|
+
o.filter((_) => _.id !== t.id).map((_) => /* @__PURE__ */ e.jsx(Be, { value: _.id, label: _.text, children: /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", flexDirection: "column", padding: "4px 0" }, children: [
|
|
959
959
|
/* @__PURE__ */ e.jsxs(Te, { style: { fontSize: "13px" }, children: [
|
|
960
|
-
o.indexOf(
|
|
960
|
+
o.indexOf(_) + 1,
|
|
961
961
|
". ",
|
|
962
|
-
|
|
962
|
+
_.text
|
|
963
963
|
] }),
|
|
964
964
|
/* @__PURE__ */ e.jsxs(Te, { type: "secondary", style: { fontSize: "11px" }, children: [
|
|
965
965
|
"Start: ",
|
|
966
|
-
|
|
966
|
+
ve(_.start, "MMM D, YYYY")
|
|
967
967
|
] })
|
|
968
|
-
] }) },
|
|
969
|
-
/* @__PURE__ */ e.jsx(
|
|
968
|
+
] }) }, _.id)),
|
|
969
|
+
/* @__PURE__ */ e.jsx(Be, { value: "gantt-start-date", label: "Start Date", children: /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", flexDirection: "column", padding: "4px 0", borderTop: "1px solid #f0f0f0", marginTop: "4px", paddingTop: "8px" }, children: [
|
|
970
970
|
/* @__PURE__ */ e.jsx(Te, { style: { fontSize: "13px", fontWeight: 600 }, children: "Start Date" }),
|
|
971
|
-
/* @__PURE__ */ e.jsx(Te, { type: "secondary", style: { fontSize: "11px" }, children:
|
|
971
|
+
/* @__PURE__ */ e.jsx(Te, { type: "secondary", style: { fontSize: "11px" }, children: ve(U, "MMM D, YYYY") })
|
|
972
972
|
] }) }, "gantt-start-date")
|
|
973
973
|
]
|
|
974
974
|
}
|
|
@@ -980,10 +980,10 @@ const at = (t) => t ? {
|
|
|
980
980
|
onChange: p,
|
|
981
981
|
style: { width: "100%" },
|
|
982
982
|
children: [
|
|
983
|
-
/* @__PURE__ */ e.jsx(
|
|
984
|
-
/* @__PURE__ */ e.jsx(
|
|
985
|
-
/* @__PURE__ */ e.jsx(
|
|
986
|
-
/* @__PURE__ */ e.jsx(
|
|
983
|
+
/* @__PURE__ */ e.jsx(Be, { value: "e2s", children: "FS" }),
|
|
984
|
+
/* @__PURE__ */ e.jsx(Be, { value: "e2e", children: "FF" }),
|
|
985
|
+
/* @__PURE__ */ e.jsx(Be, { value: "s2s", children: "SS" }),
|
|
986
|
+
/* @__PURE__ */ e.jsx(Be, { value: "s2e", children: "SF" })
|
|
987
987
|
]
|
|
988
988
|
}
|
|
989
989
|
) })
|
|
@@ -998,8 +998,8 @@ const at = (t) => t ? {
|
|
|
998
998
|
onChange: w,
|
|
999
999
|
style: { width: "100%" },
|
|
1000
1000
|
children: [
|
|
1001
|
-
/* @__PURE__ */ e.jsx(
|
|
1002
|
-
/* @__PURE__ */ e.jsx(
|
|
1001
|
+
/* @__PURE__ */ e.jsx(Be, { value: "lag", children: "Lag by" }),
|
|
1002
|
+
/* @__PURE__ */ e.jsx(Be, { value: "lead", children: "Lead by" })
|
|
1003
1003
|
]
|
|
1004
1004
|
}
|
|
1005
1005
|
)
|
|
@@ -1007,11 +1007,11 @@ const at = (t) => t ? {
|
|
|
1007
1007
|
/* @__PURE__ */ e.jsxs("div", { style: { flex: 1 }, children: [
|
|
1008
1008
|
/* @__PURE__ */ e.jsx(Te, { style: { fontSize: "12px", display: "block", marginBottom: 6, color: s.font?.color }, children: "Days" }),
|
|
1009
1009
|
/* @__PURE__ */ e.jsx(
|
|
1010
|
-
|
|
1010
|
+
Ye,
|
|
1011
1011
|
{
|
|
1012
1012
|
min: 0,
|
|
1013
|
-
value:
|
|
1014
|
-
onChange: (
|
|
1013
|
+
value: j,
|
|
1014
|
+
onChange: (_) => L(_ || 0),
|
|
1015
1015
|
style: { width: "100%" },
|
|
1016
1016
|
placeholder: "0"
|
|
1017
1017
|
}
|
|
@@ -1021,11 +1021,11 @@ const at = (t) => t ? {
|
|
|
1021
1021
|
/* @__PURE__ */ e.jsxs("div", { style: { marginBottom: 14 }, children: [
|
|
1022
1022
|
/* @__PURE__ */ e.jsx(Te, { style: { fontSize: "12px", display: "block", marginBottom: 6, color: s.font?.color }, children: "Duration (days)" }),
|
|
1023
1023
|
/* @__PURE__ */ e.jsx(
|
|
1024
|
-
|
|
1024
|
+
Ye,
|
|
1025
1025
|
{
|
|
1026
1026
|
min: 1,
|
|
1027
1027
|
value: E,
|
|
1028
|
-
onChange: (
|
|
1028
|
+
onChange: (_) => B(_ || 1),
|
|
1029
1029
|
style: { width: "100%" },
|
|
1030
1030
|
placeholder: "Duration"
|
|
1031
1031
|
}
|
|
@@ -1047,32 +1047,32 @@ const at = (t) => t ? {
|
|
|
1047
1047
|
/* @__PURE__ */ e.jsx(
|
|
1048
1048
|
"a",
|
|
1049
1049
|
{
|
|
1050
|
-
onClick: () => V(!
|
|
1050
|
+
onClick: () => V(!ne),
|
|
1051
1051
|
style: {
|
|
1052
1052
|
fontSize: "12px",
|
|
1053
1053
|
color: "#1890ff",
|
|
1054
1054
|
cursor: "pointer",
|
|
1055
1055
|
textDecoration: "none"
|
|
1056
1056
|
},
|
|
1057
|
-
children:
|
|
1057
|
+
children: ne ? "Hide preview" : "Show preview"
|
|
1058
1058
|
}
|
|
1059
1059
|
)
|
|
1060
1060
|
] }),
|
|
1061
|
-
|
|
1062
|
-
|
|
1061
|
+
ne && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
1062
|
+
xe(),
|
|
1063
1063
|
/* @__PURE__ */ e.jsx(Nr, { style: {
|
|
1064
1064
|
fontSize: "12px",
|
|
1065
1065
|
color: s.font?.color || "#262626",
|
|
1066
1066
|
marginBottom: 14,
|
|
1067
1067
|
lineHeight: "1.5"
|
|
1068
|
-
}, children:
|
|
1068
|
+
}, children: Fe() })
|
|
1069
1069
|
] }),
|
|
1070
1070
|
/* @__PURE__ */ e.jsxs("div", { style: { display: "flex", justifyContent: "flex-end", gap: 10 }, children: [
|
|
1071
1071
|
q && /* @__PURE__ */ e.jsx(
|
|
1072
|
-
|
|
1072
|
+
fe,
|
|
1073
1073
|
{
|
|
1074
1074
|
danger: !0,
|
|
1075
|
-
onClick:
|
|
1075
|
+
onClick: ae,
|
|
1076
1076
|
style: {
|
|
1077
1077
|
...s.buttonDanger
|
|
1078
1078
|
},
|
|
@@ -1080,11 +1080,11 @@ const at = (t) => t ? {
|
|
|
1080
1080
|
}
|
|
1081
1081
|
),
|
|
1082
1082
|
/* @__PURE__ */ e.jsx(
|
|
1083
|
-
|
|
1083
|
+
fe,
|
|
1084
1084
|
{
|
|
1085
1085
|
type: "primary",
|
|
1086
1086
|
onClick: D,
|
|
1087
|
-
disabled: !
|
|
1087
|
+
disabled: !y,
|
|
1088
1088
|
style: {
|
|
1089
1089
|
...s.buttonPrimary,
|
|
1090
1090
|
minWidth: 100
|
|
@@ -1097,72 +1097,72 @@ const at = (t) => t ? {
|
|
|
1097
1097
|
return /* @__PURE__ */ e.jsx(
|
|
1098
1098
|
cr,
|
|
1099
1099
|
{
|
|
1100
|
-
content:
|
|
1100
|
+
content: ke,
|
|
1101
1101
|
trigger: "click",
|
|
1102
|
-
open:
|
|
1102
|
+
open: g,
|
|
1103
1103
|
onOpenChange: J,
|
|
1104
1104
|
placement: "bottomLeft",
|
|
1105
1105
|
overlayClassName: "dependency-popover",
|
|
1106
1106
|
overlayInnerStyle: { padding: 0 },
|
|
1107
|
-
children:
|
|
1107
|
+
children: f
|
|
1108
1108
|
}
|
|
1109
1109
|
);
|
|
1110
1110
|
}, Qt = dr(Ot(
|
|
1111
|
-
({ tasks: t, allTasks: o = [], columns: a, selectedTask: l, onTaskClick: r, onTaskContextMenu:
|
|
1112
|
-
const w =
|
|
1113
|
-
|
|
1114
|
-
const [
|
|
1115
|
-
if (!
|
|
1116
|
-
const
|
|
1117
|
-
return
|
|
1118
|
-
}, V = (
|
|
1119
|
-
if (q ===
|
|
1120
|
-
const
|
|
1121
|
-
|
|
1122
|
-
...
|
|
1111
|
+
({ tasks: t, allTasks: o = [], columns: a, selectedTask: l, onTaskClick: r, onTaskContextMenu: x, onTaskUpdate: f, onTaskDragStart: i, onAddTask: s, onAddDependency: g, onRemoveDependency: c, links: y = [], dropIndicator: S, reorderTask: u, styleConfig: p }, b) => {
|
|
1112
|
+
const w = re.useRef(null);
|
|
1113
|
+
re.useImperativeHandle(b, () => w.current);
|
|
1114
|
+
const [j, L] = re.useState(null), [E, B] = re.useState(0), ne = (M, q = 0) => {
|
|
1115
|
+
if (!M.parent) return q;
|
|
1116
|
+
const U = t.find((D) => D.id === M.parent);
|
|
1117
|
+
return U ? ne(U, q + 1) : q;
|
|
1118
|
+
}, V = (M, q) => {
|
|
1119
|
+
if (q === M.duration) return;
|
|
1120
|
+
const U = me(new Date(M.start), q, "day");
|
|
1121
|
+
f?.({
|
|
1122
|
+
...M,
|
|
1123
1123
|
duration: q,
|
|
1124
|
-
end:
|
|
1124
|
+
end: U
|
|
1125
1125
|
});
|
|
1126
|
-
}, pe = (
|
|
1126
|
+
}, pe = (M, q) => {
|
|
1127
1127
|
if (q.template)
|
|
1128
|
-
return q.template(
|
|
1128
|
+
return q.template(M);
|
|
1129
1129
|
switch (q.name) {
|
|
1130
1130
|
case "text": {
|
|
1131
|
-
const
|
|
1132
|
-
return /* @__PURE__ */ e.jsxs("div", { className: "gantt-grid-cell-text", style: { paddingLeft:
|
|
1131
|
+
const U = ne(M);
|
|
1132
|
+
return /* @__PURE__ */ e.jsxs("div", { className: "gantt-grid-cell-text", style: { paddingLeft: U * 14 }, children: [
|
|
1133
1133
|
/* @__PURE__ */ e.jsx(
|
|
1134
1134
|
"div",
|
|
1135
1135
|
{
|
|
1136
1136
|
className: "gantt-row-drag-handle",
|
|
1137
1137
|
onMouseDown: (D) => {
|
|
1138
|
-
D.preventDefault(), i?.(
|
|
1138
|
+
D.preventDefault(), i?.(M.id, D.clientX, D.clientY, "reorder");
|
|
1139
1139
|
},
|
|
1140
|
-
children: /* @__PURE__ */ e.jsx(
|
|
1140
|
+
children: /* @__PURE__ */ e.jsx(ce, { icon: Jt })
|
|
1141
1141
|
}
|
|
1142
1142
|
),
|
|
1143
|
-
|
|
1144
|
-
D.stopPropagation(),
|
|
1145
|
-
}, children: /* @__PURE__ */ e.jsx(
|
|
1146
|
-
/* @__PURE__ */ e.jsx("span", { className: "gantt-task-name-text", children:
|
|
1143
|
+
M.type === "project" ? /* @__PURE__ */ e.jsx("span", { className: "gantt-tree-icon", onClick: (D) => {
|
|
1144
|
+
D.stopPropagation(), f?.({ ...M, open: !M.open });
|
|
1145
|
+
}, children: /* @__PURE__ */ e.jsx(ce, { icon: M.open ? Yt : fr }) }) : /* @__PURE__ */ e.jsx("span", { style: { width: 16, display: "inline-block" } }),
|
|
1146
|
+
/* @__PURE__ */ e.jsx("span", { className: "gantt-task-name-text", children: M.text })
|
|
1147
1147
|
] });
|
|
1148
1148
|
}
|
|
1149
1149
|
case "start":
|
|
1150
|
-
return
|
|
1150
|
+
return ve(M.start, "DD-MM-YYYY");
|
|
1151
1151
|
case "end":
|
|
1152
|
-
return
|
|
1152
|
+
return ve(M.end, "DD-MM-YYYY");
|
|
1153
1153
|
case "duration":
|
|
1154
|
-
return
|
|
1155
|
-
|
|
1154
|
+
return j === M.id ? /* @__PURE__ */ e.jsx(
|
|
1155
|
+
Ye,
|
|
1156
1156
|
{
|
|
1157
1157
|
size: "small",
|
|
1158
1158
|
min: 1,
|
|
1159
1159
|
value: E,
|
|
1160
|
-
onChange: (D) =>
|
|
1160
|
+
onChange: (D) => B(D || 1),
|
|
1161
1161
|
onBlur: () => {
|
|
1162
|
-
V(
|
|
1162
|
+
V(M, E), L(null);
|
|
1163
1163
|
},
|
|
1164
1164
|
onPressEnter: () => {
|
|
1165
|
-
V(
|
|
1165
|
+
V(M, E), L(null);
|
|
1166
1166
|
},
|
|
1167
1167
|
autoFocus: !0,
|
|
1168
1168
|
style: { width: "100%", fontSize: "12px" }
|
|
@@ -1171,7 +1171,7 @@ const at = (t) => t ? {
|
|
|
1171
1171
|
"div",
|
|
1172
1172
|
{
|
|
1173
1173
|
onClick: (D) => {
|
|
1174
|
-
D.stopPropagation(), M
|
|
1174
|
+
D.stopPropagation(), L(M.id), B(M.duration);
|
|
1175
1175
|
},
|
|
1176
1176
|
style: {
|
|
1177
1177
|
backgroundColor: "#fff7e6",
|
|
@@ -1185,23 +1185,23 @@ const at = (t) => t ? {
|
|
|
1185
1185
|
cursor: "text"
|
|
1186
1186
|
},
|
|
1187
1187
|
children: [
|
|
1188
|
-
|
|
1188
|
+
M.duration,
|
|
1189
1189
|
" day",
|
|
1190
|
-
|
|
1190
|
+
M.duration !== 1 ? "s" : ""
|
|
1191
1191
|
]
|
|
1192
1192
|
}
|
|
1193
1193
|
);
|
|
1194
1194
|
case "predecessors": {
|
|
1195
|
-
const D =
|
|
1195
|
+
const D = y.filter((W) => W.target === M.id)[0];
|
|
1196
1196
|
return /* @__PURE__ */ e.jsx(
|
|
1197
1197
|
_r,
|
|
1198
1198
|
{
|
|
1199
|
-
task:
|
|
1199
|
+
task: M,
|
|
1200
1200
|
allTasks: o,
|
|
1201
|
-
links:
|
|
1202
|
-
onAddDependency: (
|
|
1203
|
-
onRemoveDependency: (
|
|
1204
|
-
onTaskUpdate:
|
|
1201
|
+
links: y,
|
|
1202
|
+
onAddDependency: (W, ae, J, xe) => g?.(W, ae, J, xe),
|
|
1203
|
+
onRemoveDependency: (W) => c?.(W),
|
|
1204
|
+
onTaskUpdate: f,
|
|
1205
1205
|
styleConfig: p,
|
|
1206
1206
|
children: /* @__PURE__ */ e.jsx(
|
|
1207
1207
|
"div",
|
|
@@ -1215,7 +1215,7 @@ const at = (t) => t ? {
|
|
|
1215
1215
|
gap: "4px"
|
|
1216
1216
|
},
|
|
1217
1217
|
children: D ? (() => {
|
|
1218
|
-
const
|
|
1218
|
+
const W = o.find((J) => J.id === D.source), ae = W ? o.indexOf(W) + 1 : 0;
|
|
1219
1219
|
return /* @__PURE__ */ e.jsx(
|
|
1220
1220
|
"span",
|
|
1221
1221
|
{
|
|
@@ -1228,7 +1228,7 @@ const at = (t) => t ? {
|
|
|
1228
1228
|
borderRadius: "4px",
|
|
1229
1229
|
whiteSpace: "nowrap"
|
|
1230
1230
|
},
|
|
1231
|
-
children: Or(D,
|
|
1231
|
+
children: Or(D, ae)
|
|
1232
1232
|
}
|
|
1233
1233
|
);
|
|
1234
1234
|
})() : /* @__PURE__ */ e.jsx(
|
|
@@ -1240,8 +1240,8 @@ const at = (t) => t ? {
|
|
|
1240
1240
|
textDecoration: "none",
|
|
1241
1241
|
fontWeight: 500
|
|
1242
1242
|
},
|
|
1243
|
-
onMouseEnter: (
|
|
1244
|
-
onMouseLeave: (
|
|
1243
|
+
onMouseEnter: (W) => W.currentTarget.style.textDecoration = "underline",
|
|
1244
|
+
onMouseLeave: (W) => W.currentTarget.style.textDecoration = "none",
|
|
1245
1245
|
children: "Add"
|
|
1246
1246
|
}
|
|
1247
1247
|
)
|
|
@@ -1252,13 +1252,13 @@ const at = (t) => t ? {
|
|
|
1252
1252
|
}
|
|
1253
1253
|
case "add":
|
|
1254
1254
|
return /* @__PURE__ */ e.jsx(
|
|
1255
|
-
|
|
1255
|
+
fe,
|
|
1256
1256
|
{
|
|
1257
1257
|
type: "primary",
|
|
1258
1258
|
size: "small",
|
|
1259
|
-
icon: /* @__PURE__ */ e.jsx(
|
|
1260
|
-
onClick: (
|
|
1261
|
-
|
|
1259
|
+
icon: /* @__PURE__ */ e.jsx(ce, { icon: Ct, style: { fontSize: 12 } }),
|
|
1260
|
+
onClick: (U) => {
|
|
1261
|
+
U.stopPropagation(), s?.(M.id);
|
|
1262
1262
|
},
|
|
1263
1263
|
title: "Add Subtask",
|
|
1264
1264
|
style: {
|
|
@@ -1279,46 +1279,46 @@ const at = (t) => t ? {
|
|
|
1279
1279
|
"div",
|
|
1280
1280
|
{
|
|
1281
1281
|
className: "gantt-progress-bar-fill",
|
|
1282
|
-
style: { width: `${
|
|
1282
|
+
style: { width: `${M.progress}%` }
|
|
1283
1283
|
}
|
|
1284
1284
|
) }),
|
|
1285
1285
|
/* @__PURE__ */ e.jsxs("span", { className: "gantt-progress-text", children: [
|
|
1286
|
-
|
|
1286
|
+
M.progress,
|
|
1287
1287
|
"%"
|
|
1288
1288
|
] })
|
|
1289
1289
|
] });
|
|
1290
1290
|
case "index":
|
|
1291
|
-
return /* @__PURE__ */ e.jsx("span", { style: { color: "#8c8c8c" }, children: o.indexOf(
|
|
1291
|
+
return /* @__PURE__ */ e.jsx("span", { style: { color: "#8c8c8c" }, children: o.indexOf(M) + 1 });
|
|
1292
1292
|
default:
|
|
1293
|
-
return
|
|
1293
|
+
return M[q.name] || "";
|
|
1294
1294
|
}
|
|
1295
1295
|
};
|
|
1296
1296
|
return /* @__PURE__ */ e.jsxs("div", { className: "gantt-grid", ref: w, children: [
|
|
1297
|
-
/* @__PURE__ */ e.jsx("div", { className: "gantt-grid-header", style: { display: "flex", minWidth: "100%" }, children: a.map((
|
|
1297
|
+
/* @__PURE__ */ e.jsx("div", { className: "gantt-grid-header", style: { display: "flex", minWidth: "100%" }, children: a.map((M) => /* @__PURE__ */ e.jsx(
|
|
1298
1298
|
"div",
|
|
1299
1299
|
{
|
|
1300
1300
|
className: "gantt-grid-header-cell",
|
|
1301
1301
|
style: {
|
|
1302
|
-
width:
|
|
1303
|
-
minWidth:
|
|
1302
|
+
width: M.width,
|
|
1303
|
+
minWidth: M.width,
|
|
1304
1304
|
/* Ensure column maintains width */
|
|
1305
|
-
justifyContent:
|
|
1305
|
+
justifyContent: M.align === "center" ? "center" : "flex-start"
|
|
1306
1306
|
},
|
|
1307
|
-
children:
|
|
1308
|
-
|
|
1309
|
-
|
|
1307
|
+
children: M.name === "add" ? /* @__PURE__ */ e.jsx("span", { style: { fontSize: 11, color: "#64748b", fontWeight: 600, whiteSpace: "nowrap" }, children: "Add" }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
1308
|
+
M.label,
|
|
1309
|
+
M.name === "start" && /* @__PURE__ */ e.jsx(ce, { icon: Yt, style: { marginLeft: 8, fontSize: 10, color: "#64748b" } })
|
|
1310
1310
|
] })
|
|
1311
1311
|
},
|
|
1312
|
-
|
|
1312
|
+
M.name
|
|
1313
1313
|
)) }),
|
|
1314
|
-
/* @__PURE__ */ e.jsx("div", { className: "gantt-grid-body", children: t.map((
|
|
1315
|
-
const q = u?.id ===
|
|
1314
|
+
/* @__PURE__ */ e.jsx("div", { className: "gantt-grid-body", children: t.map((M) => {
|
|
1315
|
+
const q = u?.id === M.id, U = u?.descendantIds.includes(M.id);
|
|
1316
1316
|
return /* @__PURE__ */ e.jsxs(
|
|
1317
1317
|
"div",
|
|
1318
1318
|
{
|
|
1319
|
-
className: `gantt-grid-row ${l ===
|
|
1320
|
-
onClick: () => r(
|
|
1321
|
-
onContextMenu: (D) =>
|
|
1319
|
+
className: `gantt-grid-row ${l === M.id ? "selected" : ""} ${q ? "dragging-row" : ""} ${U ? "descendant-dragging-row" : ""} ${S?.taskId === M.id ? `drop-target-${S.position}` : ""}`,
|
|
1320
|
+
onClick: () => r(M.id),
|
|
1321
|
+
onContextMenu: (D) => x?.(D, M.id),
|
|
1322
1322
|
style: {
|
|
1323
1323
|
display: "flex",
|
|
1324
1324
|
minWidth: "100%"
|
|
@@ -1326,7 +1326,7 @@ const at = (t) => t ? {
|
|
|
1326
1326
|
},
|
|
1327
1327
|
children: [
|
|
1328
1328
|
a.map((D) => {
|
|
1329
|
-
const
|
|
1329
|
+
const W = D.name === "add";
|
|
1330
1330
|
return /* @__PURE__ */ e.jsx(
|
|
1331
1331
|
"div",
|
|
1332
1332
|
{
|
|
@@ -1338,21 +1338,21 @@ const at = (t) => t ? {
|
|
|
1338
1338
|
textAlign: D.align || "left",
|
|
1339
1339
|
display: "flex",
|
|
1340
1340
|
alignItems: "center",
|
|
1341
|
-
justifyContent:
|
|
1341
|
+
justifyContent: W ? "center" : D.name === "text" ? "flex-start" : D.align === "center" ? "center" : D.align === "right" ? "flex-end" : "flex-start",
|
|
1342
1342
|
visibility: "visible",
|
|
1343
1343
|
/* Ensure column is visible */
|
|
1344
1344
|
opacity: 1
|
|
1345
1345
|
/* Ensure column is not transparent */
|
|
1346
1346
|
},
|
|
1347
|
-
children: pe(
|
|
1347
|
+
children: pe(M, D)
|
|
1348
1348
|
},
|
|
1349
|
-
`${
|
|
1349
|
+
`${M.id}-${D.name}`
|
|
1350
1350
|
);
|
|
1351
1351
|
}),
|
|
1352
|
-
|
|
1352
|
+
S?.taskId === M.id && /* @__PURE__ */ e.jsx("div", { className: `gantt-drop-indicator ${S.position}` })
|
|
1353
1353
|
]
|
|
1354
1354
|
},
|
|
1355
|
-
|
|
1355
|
+
M.id
|
|
1356
1356
|
);
|
|
1357
1357
|
}) })
|
|
1358
1358
|
] });
|
|
@@ -1365,30 +1365,30 @@ const Yr = ({
|
|
|
1365
1365
|
selected: a,
|
|
1366
1366
|
dragging: l,
|
|
1367
1367
|
onClick: r,
|
|
1368
|
-
onDragStart:
|
|
1369
|
-
dragDeltaX:
|
|
1368
|
+
onDragStart: x,
|
|
1369
|
+
dragDeltaX: f = 0,
|
|
1370
1370
|
dragType: i = null,
|
|
1371
1371
|
readonly: s = !1
|
|
1372
1372
|
}) => {
|
|
1373
|
-
const
|
|
1374
|
-
s || (p.preventDefault(), p.stopPropagation(),
|
|
1373
|
+
const g = (p, b) => {
|
|
1374
|
+
s || (p.preventDefault(), p.stopPropagation(), x(p.clientX, p.clientY, b));
|
|
1375
1375
|
}, c = () => {
|
|
1376
1376
|
const p = ["gantt-task-bar"];
|
|
1377
1377
|
return t.type === "milestone" && p.push("milestone"), t.type === "project" && p.push("project"), a && p.push("selected"), l && p.push("dragging"), t.status && p.push(`status-${t.status}`), p.join(" ");
|
|
1378
|
-
},
|
|
1378
|
+
}, y = () => {
|
|
1379
1379
|
let p = o.left, b = o.width;
|
|
1380
|
-
return l && i && (i === "move" ? p +=
|
|
1380
|
+
return l && i && (i === "move" ? p += f : i === "resize-left" ? (p += f, b -= f) : i === "resize-right" && (b += f)), {
|
|
1381
1381
|
left: `${p}px`,
|
|
1382
1382
|
width: `${Math.max(b, 0)}px`,
|
|
1383
1383
|
// Color handled by CSS classes (.project, .milestone) or task.color override
|
|
1384
1384
|
backgroundColor: t.color || void 0
|
|
1385
1385
|
};
|
|
1386
|
-
},
|
|
1386
|
+
}, S = (p = !1) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
1387
1387
|
!s && !p && /* @__PURE__ */ e.jsx(
|
|
1388
1388
|
"div",
|
|
1389
1389
|
{
|
|
1390
1390
|
className: "gantt-task-resize-handle gantt-task-resize-left",
|
|
1391
|
-
onMouseDown: (b) =>
|
|
1391
|
+
onMouseDown: (b) => g(b, "resize-left")
|
|
1392
1392
|
}
|
|
1393
1393
|
),
|
|
1394
1394
|
!p && t.type !== "milestone" && /* @__PURE__ */ e.jsx(
|
|
@@ -1407,15 +1407,15 @@ const Yr = ({
|
|
|
1407
1407
|
"div",
|
|
1408
1408
|
{
|
|
1409
1409
|
className: "gantt-task-resize-handle gantt-task-resize-right",
|
|
1410
|
-
onMouseDown: (b) =>
|
|
1410
|
+
onMouseDown: (b) => g(b, "resize-right")
|
|
1411
1411
|
}
|
|
1412
1412
|
)
|
|
1413
1413
|
] }), u = /* @__PURE__ */ e.jsxs("div", { className: "gantt-tooltip", children: [
|
|
1414
1414
|
/* @__PURE__ */ e.jsx("div", { className: "gantt-tooltip-title", children: t.text }),
|
|
1415
1415
|
/* @__PURE__ */ e.jsxs("div", { className: "gantt-tooltip-dates", children: [
|
|
1416
|
-
|
|
1416
|
+
ve(t.start, "MMM D"),
|
|
1417
1417
|
" - ",
|
|
1418
|
-
|
|
1418
|
+
ve(t.end, "MMM D")
|
|
1419
1419
|
] }),
|
|
1420
1420
|
/* @__PURE__ */ e.jsxs("div", { className: "gantt-tooltip-progress", children: [
|
|
1421
1421
|
"Progress: ",
|
|
@@ -1430,7 +1430,7 @@ const Yr = ({
|
|
|
1430
1430
|
if (t.segments && t.segments.length > 0 || t.onHoldPeriods && t.onHoldPeriods.length > 0) {
|
|
1431
1431
|
const p = t.end.getTime() - t.start.getTime(), b = t.segments && t.segments.length > 0 ? t.segments : [{ start: t.start, end: t.end, duration: t.duration || 0 }];
|
|
1432
1432
|
return /* @__PURE__ */ e.jsxs("div", { className: "gantt-task-group", children: [
|
|
1433
|
-
t.onHoldPeriods?.map((w,
|
|
1433
|
+
t.onHoldPeriods?.map((w, j) => /* @__PURE__ */ e.jsx(
|
|
1434
1434
|
"div",
|
|
1435
1435
|
{
|
|
1436
1436
|
className: "gantt-on-hold-period",
|
|
@@ -1439,9 +1439,9 @@ const Yr = ({
|
|
|
1439
1439
|
width: `${(w.end.getTime() - w.start.getTime()) / p * o.width}px`
|
|
1440
1440
|
}
|
|
1441
1441
|
},
|
|
1442
|
-
`hold-${
|
|
1442
|
+
`hold-${j}`
|
|
1443
1443
|
)),
|
|
1444
|
-
b.map((w,
|
|
1444
|
+
b.map((w, j) => /* @__PURE__ */ e.jsx(_e, { title: u, mouseEnterDelay: 0.5, children: /* @__PURE__ */ e.jsx(
|
|
1445
1445
|
"div",
|
|
1446
1446
|
{
|
|
1447
1447
|
className: c() + " segment",
|
|
@@ -1451,85 +1451,85 @@ const Yr = ({
|
|
|
1451
1451
|
backgroundColor: t.color || void 0
|
|
1452
1452
|
},
|
|
1453
1453
|
onClick: r,
|
|
1454
|
-
onMouseDown: (
|
|
1455
|
-
children: j
|
|
1454
|
+
onMouseDown: (L) => g(L, "move"),
|
|
1455
|
+
children: S(j > 0)
|
|
1456
1456
|
}
|
|
1457
|
-
) }, `seg-${
|
|
1457
|
+
) }, `seg-${j}`))
|
|
1458
1458
|
] });
|
|
1459
1459
|
}
|
|
1460
|
-
return /* @__PURE__ */ e.jsx(
|
|
1460
|
+
return /* @__PURE__ */ e.jsx(_e, { title: u, mouseEnterDelay: 0.5, children: /* @__PURE__ */ e.jsx(
|
|
1461
1461
|
"div",
|
|
1462
1462
|
{
|
|
1463
1463
|
className: c(),
|
|
1464
|
-
style:
|
|
1464
|
+
style: y(),
|
|
1465
1465
|
onClick: r,
|
|
1466
|
-
onMouseDown: (p) =>
|
|
1467
|
-
children:
|
|
1466
|
+
onMouseDown: (p) => g(p, "move"),
|
|
1467
|
+
children: S()
|
|
1468
1468
|
}
|
|
1469
1469
|
) });
|
|
1470
|
-
},
|
|
1471
|
-
const l = (i) => o.find((s) => s.id === i), r =
|
|
1470
|
+
}, Ir = ({ links: t, tasks: o, getTaskPosition: a }) => {
|
|
1471
|
+
const l = (i) => o.find((s) => s.id === i), r = re.useMemo(() => {
|
|
1472
1472
|
let i = 0, s = 0;
|
|
1473
|
-
return o.forEach((
|
|
1473
|
+
return o.forEach((g) => {
|
|
1474
1474
|
try {
|
|
1475
|
-
const c = a(
|
|
1475
|
+
const c = a(g);
|
|
1476
1476
|
c && typeof c.left == "number" && typeof c.width == "number" && (i = Math.max(i, c.left + c.width)), c && typeof c.top == "number" && typeof c.height == "number" && (s = Math.max(s, c.top + c.height));
|
|
1477
1477
|
} catch (c) {
|
|
1478
|
-
console.warn("Failed to position task for link rendering:",
|
|
1478
|
+
console.warn("Failed to position task for link rendering:", g.id, c);
|
|
1479
1479
|
}
|
|
1480
1480
|
}), {
|
|
1481
1481
|
width: Math.max(i, 1e3),
|
|
1482
1482
|
height: Math.max(s, 100)
|
|
1483
1483
|
};
|
|
1484
|
-
}, [o, a]),
|
|
1485
|
-
const s = l(i.source),
|
|
1486
|
-
if (!s || !
|
|
1487
|
-
const c = a(s),
|
|
1484
|
+
}, [o, a]), x = (i) => {
|
|
1485
|
+
const s = l(i.source), g = l(i.target);
|
|
1486
|
+
if (!s || !g) return "";
|
|
1487
|
+
const c = a(s), y = a(g), S = c.top + c.height / 2, u = y.top + y.height / 2;
|
|
1488
1488
|
let p = 0, b = 0;
|
|
1489
1489
|
switch (i.type) {
|
|
1490
1490
|
case "e2s":
|
|
1491
|
-
p = c.left + c.width, b =
|
|
1491
|
+
p = c.left + c.width, b = y.left;
|
|
1492
1492
|
break;
|
|
1493
1493
|
case "s2s":
|
|
1494
|
-
p = c.left, b =
|
|
1494
|
+
p = c.left, b = y.left;
|
|
1495
1495
|
break;
|
|
1496
1496
|
case "e2e":
|
|
1497
|
-
p = c.left + c.width, b =
|
|
1497
|
+
p = c.left + c.width, b = y.left + y.width;
|
|
1498
1498
|
break;
|
|
1499
1499
|
case "s2e":
|
|
1500
|
-
p = c.left, b =
|
|
1500
|
+
p = c.left, b = y.left + y.width;
|
|
1501
1501
|
break;
|
|
1502
1502
|
}
|
|
1503
|
-
const w = b - p,
|
|
1503
|
+
const w = b - p, j = u - S, L = 20;
|
|
1504
1504
|
if (i.type === "e2s")
|
|
1505
|
-
if (w >=
|
|
1505
|
+
if (w >= L) {
|
|
1506
1506
|
const E = p + w / 2;
|
|
1507
|
-
return `M ${p},${
|
|
1507
|
+
return `M ${p},${S} L ${E},${S} L ${E},${u} L ${b},${u}`;
|
|
1508
1508
|
} else {
|
|
1509
|
-
const E =
|
|
1510
|
-
return `M ${p},${
|
|
1509
|
+
const E = L / 2, B = S + j / 2;
|
|
1510
|
+
return `M ${p},${S} L ${p + E},${S} L ${p + E},${B} L ${b - E},${B} L ${b - E},${u} L ${b},${u}`;
|
|
1511
1511
|
}
|
|
1512
1512
|
else if (i.type === "s2s") {
|
|
1513
|
-
const E = Math.min(p, b) -
|
|
1514
|
-
return `M ${p},${
|
|
1513
|
+
const E = Math.min(p, b) - L / 2;
|
|
1514
|
+
return `M ${p},${S} L ${E},${S} L ${E},${u} L ${b},${u}`;
|
|
1515
1515
|
} else if (i.type === "e2e") {
|
|
1516
|
-
const E = Math.max(p, b) +
|
|
1517
|
-
return `M ${p},${
|
|
1516
|
+
const E = Math.max(p, b) + L / 2;
|
|
1517
|
+
return `M ${p},${S} L ${E},${S} L ${E},${u} L ${b},${u}`;
|
|
1518
1518
|
} else if (i.type === "s2e")
|
|
1519
|
-
if (w <= -
|
|
1519
|
+
if (w <= -L) {
|
|
1520
1520
|
const E = p + w / 2;
|
|
1521
|
-
return `M ${p},${
|
|
1521
|
+
return `M ${p},${S} L ${E},${S} L ${E},${u} L ${b},${u}`;
|
|
1522
1522
|
} else {
|
|
1523
|
-
const E =
|
|
1524
|
-
return `M ${p},${
|
|
1523
|
+
const E = L / 2, B = S + j / 2;
|
|
1524
|
+
return `M ${p},${S} L ${p - E},${S} L ${p - E},${B} L ${b + E},${B} L ${b + E},${u} L ${b},${u}`;
|
|
1525
1525
|
}
|
|
1526
1526
|
return "";
|
|
1527
|
-
},
|
|
1527
|
+
}, f = (i) => {
|
|
1528
1528
|
const s = l(i.target);
|
|
1529
1529
|
if (!s) return "";
|
|
1530
|
-
const
|
|
1530
|
+
const g = a(s), c = g.top + g.height / 2, y = 8, S = 6;
|
|
1531
1531
|
let u = 0, p = !0;
|
|
1532
|
-
return i.type === "e2s" || i.type === "s2s" ? (u =
|
|
1532
|
+
return i.type === "e2s" || i.type === "s2s" ? (u = g.left, p = !0) : (u = g.left + g.width, p = !1), p ? `M ${u},${c} L ${u - y},${c - S / 2} L ${u - y},${c + S / 2} Z` : `M ${u},${c} L ${u + y},${c - S / 2} L ${u + y},${c + S / 2} Z`;
|
|
1533
1533
|
};
|
|
1534
1534
|
return t.length === 0 ? null : /* @__PURE__ */ e.jsx(
|
|
1535
1535
|
"svg",
|
|
@@ -1545,10 +1545,10 @@ const Yr = ({
|
|
|
1545
1545
|
pointerEvents: "none"
|
|
1546
1546
|
},
|
|
1547
1547
|
children: t.map((i) => {
|
|
1548
|
-
const s = l(i.source),
|
|
1549
|
-
if (!s || !
|
|
1550
|
-
const c =
|
|
1551
|
-
return !c || !
|
|
1548
|
+
const s = l(i.source), g = l(i.target);
|
|
1549
|
+
if (!s || !g) return null;
|
|
1550
|
+
const c = x(i), y = f(i);
|
|
1551
|
+
return !c || !y ? null : /* @__PURE__ */ e.jsxs("g", { className: "gantt-link", children: [
|
|
1552
1552
|
/* @__PURE__ */ e.jsx(
|
|
1553
1553
|
"path",
|
|
1554
1554
|
{
|
|
@@ -1561,7 +1561,7 @@ const Yr = ({
|
|
|
1561
1561
|
/* @__PURE__ */ e.jsx(
|
|
1562
1562
|
"path",
|
|
1563
1563
|
{
|
|
1564
|
-
d:
|
|
1564
|
+
d: y,
|
|
1565
1565
|
className: "gantt-link-arrow"
|
|
1566
1566
|
}
|
|
1567
1567
|
)
|
|
@@ -1569,8 +1569,8 @@ const Yr = ({
|
|
|
1569
1569
|
})
|
|
1570
1570
|
}
|
|
1571
1571
|
);
|
|
1572
|
-
},
|
|
1573
|
-
const [
|
|
1572
|
+
}, Ar = (t, o, a = 60, l = "day", r = 1) => {
|
|
1573
|
+
const [x, f] = z({
|
|
1574
1574
|
taskId: null,
|
|
1575
1575
|
initialX: 0,
|
|
1576
1576
|
initialY: 0,
|
|
@@ -1579,54 +1579,54 @@ const Yr = ({
|
|
|
1579
1579
|
type: null,
|
|
1580
1580
|
dragDeltaX: 0,
|
|
1581
1581
|
dragDeltaY: 0
|
|
1582
|
-
}), i =
|
|
1582
|
+
}), i = $e((c, y, S, u) => {
|
|
1583
1583
|
const p = t.find((b) => b.id === c);
|
|
1584
|
-
p &&
|
|
1584
|
+
p && f({
|
|
1585
1585
|
taskId: c,
|
|
1586
|
-
initialX:
|
|
1587
|
-
initialY:
|
|
1586
|
+
initialX: y,
|
|
1587
|
+
initialY: S,
|
|
1588
1588
|
initialStart: new Date(p.start),
|
|
1589
1589
|
initialEnd: new Date(p.end),
|
|
1590
1590
|
type: u,
|
|
1591
1591
|
dragDeltaX: 0,
|
|
1592
1592
|
dragDeltaY: 0
|
|
1593
1593
|
});
|
|
1594
|
-
}, [t]), s =
|
|
1595
|
-
if (!
|
|
1596
|
-
const
|
|
1597
|
-
if (
|
|
1594
|
+
}, [t]), s = $e((c, y) => {
|
|
1595
|
+
if (!x.taskId || !x.type) return null;
|
|
1596
|
+
const S = c - x.initialX, u = y - x.initialY;
|
|
1597
|
+
if (f((E) => ({
|
|
1598
1598
|
...E,
|
|
1599
|
-
dragDeltaX:
|
|
1599
|
+
dragDeltaX: S,
|
|
1600
1600
|
dragDeltaY: u
|
|
1601
|
-
})),
|
|
1602
|
-
const p = t.find((E) => E.id ===
|
|
1601
|
+
})), x.type === "reorder") return null;
|
|
1602
|
+
const p = t.find((E) => E.id === x.taskId);
|
|
1603
1603
|
if (!p) return null;
|
|
1604
|
-
const b = Math.round(
|
|
1605
|
-
let w = new Date(
|
|
1606
|
-
switch (
|
|
1604
|
+
const b = Math.round(S / a);
|
|
1605
|
+
let w = new Date(x.initialStart), j = new Date(x.initialEnd);
|
|
1606
|
+
switch (x.type) {
|
|
1607
1607
|
case "move":
|
|
1608
|
-
w =
|
|
1608
|
+
w = me(x.initialStart, b * r, l), j = me(x.initialEnd, b * r, l);
|
|
1609
1609
|
break;
|
|
1610
1610
|
case "resize-left":
|
|
1611
|
-
w =
|
|
1611
|
+
w = me(x.initialStart, b * r, l), w >= j && (w = me(j, -r, l));
|
|
1612
1612
|
break;
|
|
1613
1613
|
case "resize-right":
|
|
1614
|
-
|
|
1614
|
+
j = me(x.initialEnd, b * r, l), j <= w && (j = me(w, r, l));
|
|
1615
1615
|
break;
|
|
1616
1616
|
}
|
|
1617
|
-
const
|
|
1617
|
+
const L = yt(w, j);
|
|
1618
1618
|
return {
|
|
1619
1619
|
...p,
|
|
1620
1620
|
start: w,
|
|
1621
|
-
end:
|
|
1622
|
-
duration:
|
|
1621
|
+
end: j,
|
|
1622
|
+
duration: L
|
|
1623
1623
|
};
|
|
1624
|
-
}, [
|
|
1624
|
+
}, [x, t, a, r, l]), g = $e((c) => {
|
|
1625
1625
|
if (c && o) {
|
|
1626
|
-
const { id:
|
|
1627
|
-
o(
|
|
1626
|
+
const { id: y, ...S } = c;
|
|
1627
|
+
o(y, S);
|
|
1628
1628
|
}
|
|
1629
|
-
|
|
1629
|
+
f({
|
|
1630
1630
|
taskId: null,
|
|
1631
1631
|
initialX: 0,
|
|
1632
1632
|
initialY: 0,
|
|
@@ -1638,10 +1638,10 @@ const Yr = ({
|
|
|
1638
1638
|
});
|
|
1639
1639
|
}, [o]);
|
|
1640
1640
|
return {
|
|
1641
|
-
dragState:
|
|
1641
|
+
dragState: x,
|
|
1642
1642
|
handleDragStart: i,
|
|
1643
1643
|
handleDrag: s,
|
|
1644
|
-
handleDragEnd:
|
|
1644
|
+
handleDragEnd: g
|
|
1645
1645
|
};
|
|
1646
1646
|
}, er = Ot(
|
|
1647
1647
|
({
|
|
@@ -1650,38 +1650,38 @@ const Yr = ({
|
|
|
1650
1650
|
range: a,
|
|
1651
1651
|
scales: l,
|
|
1652
1652
|
config: r,
|
|
1653
|
-
selectedTask:
|
|
1654
|
-
onTaskClick:
|
|
1653
|
+
selectedTask: x,
|
|
1654
|
+
onTaskClick: f,
|
|
1655
1655
|
onTaskDragStart: i,
|
|
1656
1656
|
onTaskDragEnd: s,
|
|
1657
|
-
onTaskUpdate:
|
|
1657
|
+
onTaskUpdate: g,
|
|
1658
1658
|
zoomLevel: c,
|
|
1659
|
-
baselines:
|
|
1660
|
-
},
|
|
1661
|
-
const [u, p] =
|
|
1659
|
+
baselines: y
|
|
1660
|
+
}, S) => {
|
|
1661
|
+
const [u, p] = z(t), b = (r.columnWidth || 60) * c, w = r.baselines && y && y.size > 0, { dragState: j, handleDragStart: L, handleDrag: E, handleDragEnd: B } = Ar(
|
|
1662
1662
|
u,
|
|
1663
|
-
|
|
1663
|
+
g,
|
|
1664
1664
|
b,
|
|
1665
1665
|
l[1].unit,
|
|
1666
1666
|
l[1].step
|
|
1667
1667
|
);
|
|
1668
|
-
|
|
1668
|
+
re.useEffect(() => {
|
|
1669
1669
|
(t.length !== u.length || t.some((k, $) => {
|
|
1670
|
-
const
|
|
1671
|
-
return !
|
|
1670
|
+
const O = u[$];
|
|
1671
|
+
return !O || k.id !== O.id || k.start.getTime() !== O.start.getTime() || k.end.getTime() !== O.end.getTime();
|
|
1672
1672
|
})) && p(t);
|
|
1673
1673
|
}, [t]);
|
|
1674
|
-
const
|
|
1674
|
+
const ne = re.useCallback((h) => {
|
|
1675
1675
|
const k = [];
|
|
1676
1676
|
let $ = new Date(a.start);
|
|
1677
1677
|
for (; $ <= a.end; )
|
|
1678
1678
|
k.push({
|
|
1679
1679
|
date: new Date($),
|
|
1680
|
-
label:
|
|
1681
|
-
}), $ =
|
|
1680
|
+
label: ve($, h.format || "D")
|
|
1681
|
+
}), $ = me($, h.step, h.unit);
|
|
1682
1682
|
return k;
|
|
1683
|
-
}, [a.start, a.end]), V =
|
|
1684
|
-
const k = l[1], $ = a.start.getTime(),
|
|
1683
|
+
}, [a.start, a.end]), V = re.useCallback((h) => {
|
|
1684
|
+
const k = l[1], $ = a.start.getTime(), I = h.getTime() - $, ee = {
|
|
1685
1685
|
hour: 36e5,
|
|
1686
1686
|
day: 864e5,
|
|
1687
1687
|
week: 6048e5,
|
|
@@ -1689,84 +1689,84 @@ const Yr = ({
|
|
|
1689
1689
|
quarter: 7776e6,
|
|
1690
1690
|
year: 31536e6
|
|
1691
1691
|
}[k.unit] || 864e5;
|
|
1692
|
-
return
|
|
1692
|
+
return I / (ee * k.step) * b;
|
|
1693
1693
|
}, [l, a.start, b]), pe = (h) => {
|
|
1694
1694
|
const k = V(h.start), $ = V(h.end);
|
|
1695
1695
|
return {
|
|
1696
1696
|
left: k,
|
|
1697
1697
|
width: Math.max($ - k, 0)
|
|
1698
1698
|
};
|
|
1699
|
-
},
|
|
1699
|
+
}, M = (h) => {
|
|
1700
1700
|
const k = V(h.start), $ = V(h.end);
|
|
1701
1701
|
return {
|
|
1702
1702
|
left: k,
|
|
1703
1703
|
width: Math.max($ - k, 0)
|
|
1704
1704
|
};
|
|
1705
1705
|
}, q = (h) => {
|
|
1706
|
-
const k = pe(h), $ = u.findIndex((
|
|
1706
|
+
const k = pe(h), $ = u.findIndex((ee) => ee.id === h.id), O = r.rowHeight || 48, I = 32, se = (O - I) / 2;
|
|
1707
1707
|
return {
|
|
1708
1708
|
left: k.left,
|
|
1709
1709
|
width: k.width,
|
|
1710
|
-
top: $ *
|
|
1711
|
-
height:
|
|
1710
|
+
top: $ * O + se,
|
|
1711
|
+
height: I
|
|
1712
1712
|
};
|
|
1713
|
-
},
|
|
1714
|
-
|
|
1713
|
+
}, U = re.useRef(null), D = $e((h) => {
|
|
1714
|
+
j.taskId && j.type && (U.current && cancelAnimationFrame(U.current), U.current = requestAnimationFrame(() => {
|
|
1715
1715
|
const k = E(h.clientX, h.clientY);
|
|
1716
1716
|
k && p(
|
|
1717
|
-
($) => $.map((
|
|
1717
|
+
($) => $.map((O) => O.id === k.id ? k : O)
|
|
1718
1718
|
);
|
|
1719
1719
|
}));
|
|
1720
|
-
}, [
|
|
1721
|
-
if (
|
|
1722
|
-
const h = u.find((k) => k.id ===
|
|
1723
|
-
|
|
1720
|
+
}, [j, E]), W = $e(() => {
|
|
1721
|
+
if (j.taskId) {
|
|
1722
|
+
const h = u.find((k) => k.id === j.taskId);
|
|
1723
|
+
B(h || null), s();
|
|
1724
1724
|
}
|
|
1725
|
-
}, [
|
|
1725
|
+
}, [j, u, B, s]), ae = l[1], J = re.useMemo(() => ne(ae), [ne, ae]), xe = re.useCallback(() => {
|
|
1726
1726
|
const h = [];
|
|
1727
|
-
let k = -1, $ = -1,
|
|
1728
|
-
return J.forEach((
|
|
1729
|
-
const
|
|
1730
|
-
|
|
1731
|
-
}), k !== -1 && h.push({ label:
|
|
1732
|
-
}, [J, b]),
|
|
1727
|
+
let k = -1, $ = -1, O = 0, I = "";
|
|
1728
|
+
return J.forEach((se) => {
|
|
1729
|
+
const ee = se.date.getMonth(), Re = se.date.getFullYear(), ie = ve(se.date, "MMM YYYY");
|
|
1730
|
+
ee !== k || Re !== $ ? (k !== -1 && h.push({ label: I, width: O }), k = ee, $ = Re, O = b, I = ie) : O += b;
|
|
1731
|
+
}), k !== -1 && h.push({ label: I, width: O }), h;
|
|
1732
|
+
}, [J, b]), Fe = re.useCallback(() => {
|
|
1733
1733
|
const h = [];
|
|
1734
|
-
let k = -1, $ = 0,
|
|
1735
|
-
return J.forEach((
|
|
1736
|
-
const
|
|
1737
|
-
|
|
1738
|
-
}), k !== -1 && h.push({ label:
|
|
1739
|
-
}, [J, b]),
|
|
1734
|
+
let k = -1, $ = 0, O = -1, I = -1, se = "";
|
|
1735
|
+
return J.forEach((ee) => {
|
|
1736
|
+
const ie = ee.date.getDate() <= 15 ? 0 : 1, Me = ee.date.getMonth(), Ie = ee.date.getFullYear(), Pe = ve(ee.date, "MMM"), De = new Date(Ie, Me + 1, 0).getDate(), Oe = ie === 0 ? `${Pe} 1 - 15` : `${Pe} 16 - ${De}`;
|
|
1737
|
+
ie !== k || Me !== O || Ie !== I ? (k !== -1 && h.push({ label: se, width: $ }), k = ie, O = Me, I = Ie, $ = b, se = Oe) : $ += b;
|
|
1738
|
+
}), k !== -1 && h.push({ label: se, width: $ }), h;
|
|
1739
|
+
}, [J, b]), ke = re.useMemo(() => xe(), [xe]), _ = re.useMemo(() => Fe(), [Fe]), Y = re.useMemo(() => J.length * b, [J.length, b]), ue = re.useMemo(() => {
|
|
1740
1740
|
const h = /* @__PURE__ */ new Date();
|
|
1741
1741
|
return h.setHours(0, 0, 0, 0), h;
|
|
1742
|
-
}, []),
|
|
1742
|
+
}, []), K = re.useMemo(() => {
|
|
1743
1743
|
if (!r.showTodayLine) return null;
|
|
1744
|
-
const h = V(
|
|
1745
|
-
return h >= -b && h <=
|
|
1746
|
-
}, [r.showTodayLine,
|
|
1744
|
+
const h = V(ue);
|
|
1745
|
+
return h >= -b && h <= Y + b ? Math.max(0, Math.min(h, Y)) : null;
|
|
1746
|
+
}, [r.showTodayLine, ue, Y, b, V]), Q = re.useMemo(() => {
|
|
1747
1747
|
if (r.projectStartDate)
|
|
1748
|
-
return
|
|
1748
|
+
return rt(r.projectStartDate);
|
|
1749
1749
|
if (t.length > 0) {
|
|
1750
1750
|
const h = t.map((k) => k.start.getTime());
|
|
1751
|
-
return
|
|
1751
|
+
return rt(new Date(Math.min(...h)));
|
|
1752
1752
|
}
|
|
1753
1753
|
return null;
|
|
1754
|
-
}, [r.projectStartDate, t]), G =
|
|
1755
|
-
if (!r.showProjectStartLine || !
|
|
1756
|
-
const h = V(
|
|
1757
|
-
return h >= -b && h <=
|
|
1758
|
-
}, [r.showProjectStartLine,
|
|
1754
|
+
}, [r.projectStartDate, t]), G = re.useMemo(() => {
|
|
1755
|
+
if (!r.showProjectStartLine || !Q) return null;
|
|
1756
|
+
const h = V(Q);
|
|
1757
|
+
return h >= -b && h <= Y + b ? Math.max(0, Math.min(h, Y)) : null;
|
|
1758
|
+
}, [r.showProjectStartLine, Q, Y, b, V]);
|
|
1759
1759
|
return /* @__PURE__ */ e.jsxs(
|
|
1760
1760
|
"div",
|
|
1761
1761
|
{
|
|
1762
1762
|
className: "gantt-timeline-container",
|
|
1763
|
-
ref:
|
|
1763
|
+
ref: S,
|
|
1764
1764
|
onMouseMove: D,
|
|
1765
|
-
onMouseUp:
|
|
1766
|
-
style: { width:
|
|
1765
|
+
onMouseUp: W,
|
|
1766
|
+
style: { width: Y, position: "relative" },
|
|
1767
1767
|
children: [
|
|
1768
|
-
/* @__PURE__ */ e.jsxs("div", { className: "gantt-timeline-header", style: { width:
|
|
1769
|
-
|
|
1768
|
+
/* @__PURE__ */ e.jsxs("div", { className: "gantt-timeline-header", style: { width: Y, minWidth: Y, position: "relative" }, children: [
|
|
1769
|
+
K !== null && r.showTodayLine && r.todayLineLabel && r.todayLineLabel !== "" && /* @__PURE__ */ e.jsx(
|
|
1770
1770
|
"div",
|
|
1771
1771
|
{
|
|
1772
1772
|
className: "gantt-today-line-label",
|
|
@@ -1774,7 +1774,7 @@ const Yr = ({
|
|
|
1774
1774
|
position: "absolute",
|
|
1775
1775
|
top: "calc(var(--gantt-scale-height, 24px) * 2)",
|
|
1776
1776
|
// Position at the start of the day row (after month and range rows)
|
|
1777
|
-
left: `${
|
|
1777
|
+
left: `${K}px`,
|
|
1778
1778
|
transform: "translateX(-50%)",
|
|
1779
1779
|
backgroundColor: r.todayLineColor || "#ff4d4f",
|
|
1780
1780
|
color: "#ffffff",
|
|
@@ -1820,7 +1820,7 @@ const Yr = ({
|
|
|
1820
1820
|
children: r.projectStartLineLabel
|
|
1821
1821
|
}
|
|
1822
1822
|
),
|
|
1823
|
-
/* @__PURE__ */ e.jsx("div", { className: "gantt-timeline-scale gantt-timeline-scale-month", style: { width:
|
|
1823
|
+
/* @__PURE__ */ e.jsx("div", { className: "gantt-timeline-scale gantt-timeline-scale-month", style: { width: Y }, children: ke.map((h, k) => /* @__PURE__ */ e.jsx(
|
|
1824
1824
|
"div",
|
|
1825
1825
|
{
|
|
1826
1826
|
className: "gantt-timeline-cell",
|
|
@@ -1828,13 +1828,13 @@ const Yr = ({
|
|
|
1828
1828
|
width: h.width,
|
|
1829
1829
|
minWidth: h.width,
|
|
1830
1830
|
maxWidth: h.width,
|
|
1831
|
-
borderRight: k ===
|
|
1831
|
+
borderRight: k === ke.length - 1 ? "none" : "var(--wx-gantt-border)"
|
|
1832
1832
|
},
|
|
1833
1833
|
children: h.label
|
|
1834
1834
|
},
|
|
1835
1835
|
`top-${k}`
|
|
1836
1836
|
)) }),
|
|
1837
|
-
/* @__PURE__ */ e.jsx("div", { className: "gantt-timeline-scale gantt-timeline-scale-range", style: { width:
|
|
1837
|
+
/* @__PURE__ */ e.jsx("div", { className: "gantt-timeline-scale gantt-timeline-scale-range", style: { width: Y }, children: _.map((h, k) => /* @__PURE__ */ e.jsx(
|
|
1838
1838
|
"div",
|
|
1839
1839
|
{
|
|
1840
1840
|
className: "gantt-timeline-cell",
|
|
@@ -1842,18 +1842,18 @@ const Yr = ({
|
|
|
1842
1842
|
width: h.width,
|
|
1843
1843
|
minWidth: h.width,
|
|
1844
1844
|
maxWidth: h.width,
|
|
1845
|
-
borderRight: k ===
|
|
1845
|
+
borderRight: k === _.length - 1 ? "none" : "var(--wx-gantt-border)"
|
|
1846
1846
|
},
|
|
1847
1847
|
children: h.label
|
|
1848
1848
|
},
|
|
1849
1849
|
`mid-${k}`
|
|
1850
1850
|
)) }),
|
|
1851
|
-
/* @__PURE__ */ e.jsx("div", { className: "gantt-timeline-scale gantt-timeline-scale-day", style: { width:
|
|
1852
|
-
const $ = r.weekends && Bt(h.date),
|
|
1851
|
+
/* @__PURE__ */ e.jsx("div", { className: "gantt-timeline-scale gantt-timeline-scale-day", style: { width: Y }, children: J.map((h, k) => {
|
|
1852
|
+
const $ = r.weekends && Bt(h.date), O = r.holidays && Wt(h.date, r.holidays);
|
|
1853
1853
|
return /* @__PURE__ */ e.jsx(
|
|
1854
1854
|
"div",
|
|
1855
1855
|
{
|
|
1856
|
-
className: `gantt-timeline-cell ${$ ? "weekend" : ""} ${
|
|
1856
|
+
className: `gantt-timeline-cell ${$ ? "weekend" : ""} ${O ? "holiday" : ""}`,
|
|
1857
1857
|
style: {
|
|
1858
1858
|
width: b,
|
|
1859
1859
|
minWidth: b,
|
|
@@ -1866,17 +1866,17 @@ const Yr = ({
|
|
|
1866
1866
|
);
|
|
1867
1867
|
}) })
|
|
1868
1868
|
] }),
|
|
1869
|
-
/* @__PURE__ */ e.jsxs("div", { className: "gantt-timeline-body", style: { width:
|
|
1870
|
-
|
|
1869
|
+
/* @__PURE__ */ e.jsxs("div", { className: "gantt-timeline-body", style: { width: Y, position: "relative" }, children: [
|
|
1870
|
+
K !== null && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
1871
1871
|
r.showTodayLineMarker !== !1 && (() => {
|
|
1872
|
-
const h = r.todayLineMarkerSize || 8, k = r.todayLineColor || "#ff4d4f", $ = r.todayLineMarkerStyle || "triangle",
|
|
1872
|
+
const h = r.todayLineMarkerSize || 8, k = r.todayLineColor || "#ff4d4f", $ = r.todayLineMarkerStyle || "triangle", O = r.todayLineOpacity !== void 0 ? r.todayLineOpacity : 1;
|
|
1873
1873
|
return $ === "triangle" ? /* @__PURE__ */ e.jsx(
|
|
1874
1874
|
"div",
|
|
1875
1875
|
{
|
|
1876
1876
|
className: "gantt-today-line-marker",
|
|
1877
1877
|
style: {
|
|
1878
1878
|
position: "absolute",
|
|
1879
|
-
left: `${
|
|
1879
|
+
left: `${K}px`,
|
|
1880
1880
|
top: "-4px",
|
|
1881
1881
|
transform: "translateX(-50%)",
|
|
1882
1882
|
width: 0,
|
|
@@ -1886,7 +1886,7 @@ const Yr = ({
|
|
|
1886
1886
|
borderBottom: `${h}px solid ${k}`,
|
|
1887
1887
|
zIndex: 7,
|
|
1888
1888
|
pointerEvents: "none",
|
|
1889
|
-
opacity:
|
|
1889
|
+
opacity: O
|
|
1890
1890
|
}
|
|
1891
1891
|
}
|
|
1892
1892
|
) : $ === "arrow" ? /* @__PURE__ */ e.jsx(
|
|
@@ -1895,7 +1895,7 @@ const Yr = ({
|
|
|
1895
1895
|
className: "gantt-today-line-marker",
|
|
1896
1896
|
style: {
|
|
1897
1897
|
position: "absolute",
|
|
1898
|
-
left: `${
|
|
1898
|
+
left: `${K}px`,
|
|
1899
1899
|
top: "-6px",
|
|
1900
1900
|
transform: "translateX(-50%)",
|
|
1901
1901
|
width: 0,
|
|
@@ -1905,7 +1905,7 @@ const Yr = ({
|
|
|
1905
1905
|
borderBottom: `${h * 0.7}px solid ${k}`,
|
|
1906
1906
|
zIndex: 7,
|
|
1907
1907
|
pointerEvents: "none",
|
|
1908
|
-
opacity:
|
|
1908
|
+
opacity: O
|
|
1909
1909
|
}
|
|
1910
1910
|
}
|
|
1911
1911
|
) : $ === "dot" ? /* @__PURE__ */ e.jsx(
|
|
@@ -1914,7 +1914,7 @@ const Yr = ({
|
|
|
1914
1914
|
className: "gantt-today-line-marker",
|
|
1915
1915
|
style: {
|
|
1916
1916
|
position: "absolute",
|
|
1917
|
-
left: `${
|
|
1917
|
+
left: `${K}px`,
|
|
1918
1918
|
top: `-${h / 2}px`,
|
|
1919
1919
|
transform: "translateX(-50%)",
|
|
1920
1920
|
width: `${h}px`,
|
|
@@ -1923,7 +1923,7 @@ const Yr = ({
|
|
|
1923
1923
|
backgroundColor: k,
|
|
1924
1924
|
zIndex: 7,
|
|
1925
1925
|
pointerEvents: "none",
|
|
1926
|
-
opacity:
|
|
1926
|
+
opacity: O
|
|
1927
1927
|
}
|
|
1928
1928
|
}
|
|
1929
1929
|
) : null;
|
|
@@ -1934,7 +1934,7 @@ const Yr = ({
|
|
|
1934
1934
|
className: "gantt-today-line",
|
|
1935
1935
|
style: {
|
|
1936
1936
|
position: "absolute",
|
|
1937
|
-
left: `${
|
|
1937
|
+
left: `${K}px`,
|
|
1938
1938
|
top: 0,
|
|
1939
1939
|
bottom: 0,
|
|
1940
1940
|
width: `${r.todayLineWidth || 1}px`,
|
|
@@ -1951,7 +1951,7 @@ const Yr = ({
|
|
|
1951
1951
|
] }),
|
|
1952
1952
|
G !== null && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
1953
1953
|
r.showProjectStartLineMarker !== !1 && (() => {
|
|
1954
|
-
const h = r.projectStartLineMarkerSize || 8, k = r.projectStartLineColor || "#40a9ff", $ = r.projectStartLineMarkerStyle || "triangle",
|
|
1954
|
+
const h = r.projectStartLineMarkerSize || 8, k = r.projectStartLineColor || "#40a9ff", $ = r.projectStartLineMarkerStyle || "triangle", O = r.projectStartLineOpacity !== void 0 ? r.projectStartLineOpacity : 1;
|
|
1955
1955
|
return $ === "triangle" ? /* @__PURE__ */ e.jsx(
|
|
1956
1956
|
"div",
|
|
1957
1957
|
{
|
|
@@ -1968,7 +1968,7 @@ const Yr = ({
|
|
|
1968
1968
|
borderBottom: `${h}px solid ${k}`,
|
|
1969
1969
|
zIndex: 7,
|
|
1970
1970
|
pointerEvents: "none",
|
|
1971
|
-
opacity:
|
|
1971
|
+
opacity: O
|
|
1972
1972
|
}
|
|
1973
1973
|
}
|
|
1974
1974
|
) : $ === "arrow" ? /* @__PURE__ */ e.jsx(
|
|
@@ -1987,7 +1987,7 @@ const Yr = ({
|
|
|
1987
1987
|
borderBottom: `${h * 0.7}px solid ${k}`,
|
|
1988
1988
|
zIndex: 7,
|
|
1989
1989
|
pointerEvents: "none",
|
|
1990
|
-
opacity:
|
|
1990
|
+
opacity: O
|
|
1991
1991
|
}
|
|
1992
1992
|
}
|
|
1993
1993
|
) : $ === "dot" ? /* @__PURE__ */ e.jsx(
|
|
@@ -2005,7 +2005,7 @@ const Yr = ({
|
|
|
2005
2005
|
backgroundColor: k,
|
|
2006
2006
|
zIndex: 7,
|
|
2007
2007
|
pointerEvents: "none",
|
|
2008
|
-
opacity:
|
|
2008
|
+
opacity: O
|
|
2009
2009
|
}
|
|
2010
2010
|
}
|
|
2011
2011
|
) : null;
|
|
@@ -2032,38 +2032,38 @@ const Yr = ({
|
|
|
2032
2032
|
)
|
|
2033
2033
|
] }),
|
|
2034
2034
|
/* @__PURE__ */ e.jsx("div", { className: "gantt-timeline-grid", children: J.map((h, k) => {
|
|
2035
|
-
const $ = r.weekends && Bt(h.date),
|
|
2035
|
+
const $ = r.weekends && Bt(h.date), O = r.holidays && Wt(h.date, r.holidays);
|
|
2036
2036
|
return /* @__PURE__ */ e.jsx(
|
|
2037
2037
|
"div",
|
|
2038
2038
|
{
|
|
2039
|
-
className: `gantt-timeline-grid-column ${$ ? "weekend" : ""} ${
|
|
2039
|
+
className: `gantt-timeline-grid-column ${$ ? "weekend" : ""} ${O ? "holiday" : ""}`,
|
|
2040
2040
|
style: { width: b, minWidth: b }
|
|
2041
2041
|
},
|
|
2042
2042
|
k
|
|
2043
2043
|
);
|
|
2044
2044
|
}) }),
|
|
2045
2045
|
o.length > 0 && /* @__PURE__ */ e.jsx(
|
|
2046
|
-
|
|
2046
|
+
Ir,
|
|
2047
2047
|
{
|
|
2048
2048
|
links: o,
|
|
2049
2049
|
tasks: u,
|
|
2050
2050
|
getTaskPosition: q
|
|
2051
2051
|
}
|
|
2052
2052
|
),
|
|
2053
|
-
/* @__PURE__ */ e.jsx("div", { className: "gantt-timeline-tasks", style: { width:
|
|
2054
|
-
const k = pe(h), $ = w ?
|
|
2053
|
+
/* @__PURE__ */ e.jsx("div", { className: "gantt-timeline-tasks", style: { width: Y }, children: u.map((h) => {
|
|
2054
|
+
const k = pe(h), $ = w ? y?.get(h.id) : void 0, O = $ ? M($) : void 0;
|
|
2055
2055
|
return /* @__PURE__ */ e.jsxs(
|
|
2056
2056
|
"div",
|
|
2057
2057
|
{
|
|
2058
2058
|
className: "gantt-timeline-row",
|
|
2059
2059
|
children: [
|
|
2060
|
-
$ &&
|
|
2060
|
+
$ && O && /* @__PURE__ */ e.jsx(
|
|
2061
2061
|
"div",
|
|
2062
2062
|
{
|
|
2063
2063
|
className: `gantt-baseline-bar ${h.type === "milestone" ? "milestone" : ""}`,
|
|
2064
2064
|
style: {
|
|
2065
|
-
left: `${
|
|
2066
|
-
width: `${
|
|
2065
|
+
left: `${O.left}px`,
|
|
2066
|
+
width: `${O.width}px`
|
|
2067
2067
|
},
|
|
2068
2068
|
title: `Baseline: ${$.start.toLocaleDateString()} - ${$.end.toLocaleDateString()}`
|
|
2069
2069
|
}
|
|
@@ -2073,13 +2073,13 @@ const Yr = ({
|
|
|
2073
2073
|
{
|
|
2074
2074
|
task: h,
|
|
2075
2075
|
position: k,
|
|
2076
|
-
selected:
|
|
2077
|
-
dragging:
|
|
2078
|
-
dragDeltaX:
|
|
2079
|
-
dragType:
|
|
2080
|
-
onClick: () =>
|
|
2081
|
-
onDragStart: (
|
|
2082
|
-
|
|
2076
|
+
selected: x === h.id,
|
|
2077
|
+
dragging: j.taskId === h.id,
|
|
2078
|
+
dragDeltaX: j.dragDeltaX,
|
|
2079
|
+
dragType: j.type,
|
|
2080
|
+
onClick: () => f(h.id),
|
|
2081
|
+
onDragStart: (I, se, ee) => {
|
|
2082
|
+
L(h.id, I, se, ee), i(h.id, I, se);
|
|
2083
2083
|
},
|
|
2084
2084
|
readonly: r.readonly
|
|
2085
2085
|
}
|
|
@@ -2098,16 +2098,16 @@ const Yr = ({
|
|
|
2098
2098
|
er.displayName = "Timeline";
|
|
2099
2099
|
const tr = Ot((t, o) => /* @__PURE__ */ e.jsx("div", { className: "gantt-chart-wrapper", style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ e.jsx(er, { ...t, ref: o }) }));
|
|
2100
2100
|
tr.displayName = "Chart";
|
|
2101
|
-
const { Search: zr } =
|
|
2102
|
-
const [l, r] =
|
|
2101
|
+
const { Search: zr } = He, Br = ({ onFilterChange: t, owners: o = [], uiConfig: a = {} }) => {
|
|
2102
|
+
const [l, r] = z({
|
|
2103
2103
|
searchText: "",
|
|
2104
2104
|
status: "all",
|
|
2105
2105
|
priority: "all",
|
|
2106
2106
|
owner: ""
|
|
2107
|
-
}),
|
|
2108
|
-
const
|
|
2109
|
-
r(
|
|
2110
|
-
},
|
|
2107
|
+
}), x = (s) => {
|
|
2108
|
+
const g = { ...l, ...s };
|
|
2109
|
+
r(g), t(g);
|
|
2110
|
+
}, f = () => {
|
|
2111
2111
|
const s = {
|
|
2112
2112
|
searchText: "",
|
|
2113
2113
|
status: "all",
|
|
@@ -2122,7 +2122,7 @@ const { Search: zr } = Ue, Br = ({ onFilterChange: t, owners: o = [], uiConfig:
|
|
|
2122
2122
|
{
|
|
2123
2123
|
placeholder: a.searchPlaceholder || "Search stages...",
|
|
2124
2124
|
value: l.searchText,
|
|
2125
|
-
onChange: (s) =>
|
|
2125
|
+
onChange: (s) => x({ searchText: s.target.value }),
|
|
2126
2126
|
allowClear: !0,
|
|
2127
2127
|
className: "gantt-search-antd",
|
|
2128
2128
|
style: { width: 250 }
|
|
@@ -2133,7 +2133,7 @@ const { Search: zr } = Ue, Br = ({ onFilterChange: t, owners: o = [], uiConfig:
|
|
|
2133
2133
|
ye,
|
|
2134
2134
|
{
|
|
2135
2135
|
value: l.status,
|
|
2136
|
-
onChange: (s) =>
|
|
2136
|
+
onChange: (s) => x({ status: s }),
|
|
2137
2137
|
className: "gantt-filter-select-antd",
|
|
2138
2138
|
style: { width: 140 },
|
|
2139
2139
|
options: [
|
|
@@ -2148,7 +2148,7 @@ const { Search: zr } = Ue, Br = ({ onFilterChange: t, owners: o = [], uiConfig:
|
|
|
2148
2148
|
ye,
|
|
2149
2149
|
{
|
|
2150
2150
|
value: l.priority,
|
|
2151
|
-
onChange: (s) =>
|
|
2151
|
+
onChange: (s) => x({ priority: s }),
|
|
2152
2152
|
className: "gantt-filter-select-antd",
|
|
2153
2153
|
style: { width: 130 },
|
|
2154
2154
|
options: [
|
|
@@ -2163,7 +2163,7 @@ const { Search: zr } = Ue, Br = ({ onFilterChange: t, owners: o = [], uiConfig:
|
|
|
2163
2163
|
ye,
|
|
2164
2164
|
{
|
|
2165
2165
|
value: l.owner || void 0,
|
|
2166
|
-
onChange: (s) =>
|
|
2166
|
+
onChange: (s) => x({ owner: s || "" }),
|
|
2167
2167
|
className: "gantt-filter-select-antd",
|
|
2168
2168
|
style: { width: 130 },
|
|
2169
2169
|
placeholder: a.allOwnersText || "All Owners",
|
|
@@ -2175,140 +2175,140 @@ const { Search: zr } = Ue, Br = ({ onFilterChange: t, owners: o = [], uiConfig:
|
|
|
2175
2175
|
}
|
|
2176
2176
|
),
|
|
2177
2177
|
i && /* @__PURE__ */ e.jsx(
|
|
2178
|
-
|
|
2178
|
+
fe,
|
|
2179
2179
|
{
|
|
2180
2180
|
type: "default",
|
|
2181
2181
|
danger: !0,
|
|
2182
|
-
icon: /* @__PURE__ */ e.jsx(
|
|
2183
|
-
onClick:
|
|
2182
|
+
icon: /* @__PURE__ */ e.jsx(ce, { icon: mr }),
|
|
2183
|
+
onClick: f,
|
|
2184
2184
|
className: "gantt-filter-clear-antd",
|
|
2185
2185
|
children: a.clearFiltersText || "Clear"
|
|
2186
2186
|
}
|
|
2187
2187
|
)
|
|
2188
2188
|
] })
|
|
2189
2189
|
] }) });
|
|
2190
|
-
},
|
|
2190
|
+
}, We = (t, o) => t ? typeof t == "string" ? /* @__PURE__ */ e.jsx(ce, { icon: o }) : t : /* @__PURE__ */ e.jsx(ce, { icon: o }), Wr = ({
|
|
2191
2191
|
zoomLevel: t,
|
|
2192
2192
|
setZoomLevel: o,
|
|
2193
2193
|
onExport: a,
|
|
2194
2194
|
onFilterChange: l,
|
|
2195
2195
|
owners: r,
|
|
2196
|
-
onAddTask:
|
|
2197
|
-
uiConfig:
|
|
2196
|
+
onAddTask: x,
|
|
2197
|
+
uiConfig: f,
|
|
2198
2198
|
iconConfig: i = {},
|
|
2199
2199
|
styleConfig: s
|
|
2200
2200
|
}) => {
|
|
2201
|
-
const
|
|
2201
|
+
const g = nt(s), c = f.showZoomButtons !== !1, y = f.showExportButtons !== !1, S = c && y;
|
|
2202
2202
|
return /* @__PURE__ */ e.jsxs("div", { className: "gantt-toolbar-wrapper", children: [
|
|
2203
2203
|
/* @__PURE__ */ e.jsxs("div", { className: "gantt-toolbar", children: [
|
|
2204
|
-
/* @__PURE__ */ e.jsx("div", { className: "gantt-toolbar-left", children: /* @__PURE__ */ e.jsx(Rt, { size: 8, children:
|
|
2205
|
-
|
|
2204
|
+
/* @__PURE__ */ e.jsx("div", { className: "gantt-toolbar-left", children: /* @__PURE__ */ e.jsx(Rt, { size: 8, children: f.showAddTaskButton !== !1 && /* @__PURE__ */ e.jsx(
|
|
2205
|
+
fe,
|
|
2206
2206
|
{
|
|
2207
2207
|
type: "primary",
|
|
2208
|
-
icon:
|
|
2209
|
-
onClick: () =>
|
|
2210
|
-
style:
|
|
2211
|
-
children:
|
|
2208
|
+
icon: We(i.addTask, Ct),
|
|
2209
|
+
onClick: () => x?.(),
|
|
2210
|
+
style: g.buttonPrimary,
|
|
2211
|
+
children: f.addTaskButtonText || "New Stage"
|
|
2212
2212
|
}
|
|
2213
2213
|
) }) }),
|
|
2214
2214
|
/* @__PURE__ */ e.jsx("div", { className: "gantt-toolbar-right", children: /* @__PURE__ */ e.jsxs(Rt, { size: 4, children: [
|
|
2215
2215
|
c && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
2216
|
-
/* @__PURE__ */ e.jsx(
|
|
2217
|
-
|
|
2216
|
+
/* @__PURE__ */ e.jsx(_e, { title: f.zoomOutTooltip || "Zoom Out", children: /* @__PURE__ */ e.jsx(
|
|
2217
|
+
fe,
|
|
2218
2218
|
{
|
|
2219
|
-
icon:
|
|
2219
|
+
icon: We(i.zoomOut, xr),
|
|
2220
2220
|
onClick: () => o(Math.max(0.5, t - 0.25)),
|
|
2221
|
-
style:
|
|
2221
|
+
style: g.buttonSecondary
|
|
2222
2222
|
}
|
|
2223
2223
|
) }),
|
|
2224
|
-
/* @__PURE__ */ e.jsx(
|
|
2225
|
-
|
|
2224
|
+
/* @__PURE__ */ e.jsx(_e, { title: f.zoomInTooltip || "Zoom In", children: /* @__PURE__ */ e.jsx(
|
|
2225
|
+
fe,
|
|
2226
2226
|
{
|
|
2227
|
-
icon:
|
|
2227
|
+
icon: We(i.zoomIn, gr),
|
|
2228
2228
|
onClick: () => o(Math.min(2, t + 0.25)),
|
|
2229
|
-
style:
|
|
2229
|
+
style: g.buttonSecondary
|
|
2230
2230
|
}
|
|
2231
2231
|
) }),
|
|
2232
|
-
/* @__PURE__ */ e.jsx(
|
|
2233
|
-
|
|
2232
|
+
/* @__PURE__ */ e.jsx(_e, { title: f.resetZoomTooltip || "Reset Zoom", children: /* @__PURE__ */ e.jsx(
|
|
2233
|
+
fe,
|
|
2234
2234
|
{
|
|
2235
|
-
icon:
|
|
2235
|
+
icon: We(i.resetZoom, qt),
|
|
2236
2236
|
onClick: () => o(1),
|
|
2237
|
-
style:
|
|
2237
|
+
style: g.buttonSecondary
|
|
2238
2238
|
}
|
|
2239
2239
|
) })
|
|
2240
2240
|
] }),
|
|
2241
|
-
|
|
2242
|
-
|
|
2243
|
-
/* @__PURE__ */ e.jsx(
|
|
2244
|
-
|
|
2241
|
+
S && /* @__PURE__ */ e.jsx(Ut, { type: "vertical", style: { height: 24, margin: "0 4px" } }),
|
|
2242
|
+
y && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
2243
|
+
/* @__PURE__ */ e.jsx(_e, { title: f.exportCSVTooltip || "Export to CSV", children: /* @__PURE__ */ e.jsx(
|
|
2244
|
+
fe,
|
|
2245
2245
|
{
|
|
2246
|
-
icon:
|
|
2246
|
+
icon: We(i.exportCSV, yr),
|
|
2247
2247
|
onClick: () => a("csv"),
|
|
2248
|
-
style:
|
|
2248
|
+
style: g.buttonSecondary
|
|
2249
2249
|
}
|
|
2250
2250
|
) }),
|
|
2251
|
-
/* @__PURE__ */ e.jsx(
|
|
2252
|
-
|
|
2251
|
+
/* @__PURE__ */ e.jsx(_e, { title: f.exportExcelTooltip || "Export to Excel", children: /* @__PURE__ */ e.jsx(
|
|
2252
|
+
fe,
|
|
2253
2253
|
{
|
|
2254
|
-
icon:
|
|
2254
|
+
icon: We(i.exportExcel, br),
|
|
2255
2255
|
onClick: () => a("excel"),
|
|
2256
|
-
style:
|
|
2256
|
+
style: g.buttonSecondary
|
|
2257
2257
|
}
|
|
2258
2258
|
) }),
|
|
2259
|
-
/* @__PURE__ */ e.jsx(
|
|
2260
|
-
|
|
2259
|
+
/* @__PURE__ */ e.jsx(_e, { title: f.exportJSONTooltip || "Export to JSON", children: /* @__PURE__ */ e.jsx(
|
|
2260
|
+
fe,
|
|
2261
2261
|
{
|
|
2262
|
-
icon:
|
|
2262
|
+
icon: We(i.exportJSON, wr),
|
|
2263
2263
|
onClick: () => a("json"),
|
|
2264
|
-
style:
|
|
2264
|
+
style: g.buttonSecondary
|
|
2265
2265
|
}
|
|
2266
2266
|
) }),
|
|
2267
|
-
/* @__PURE__ */ e.jsx(
|
|
2268
|
-
|
|
2267
|
+
/* @__PURE__ */ e.jsx(_e, { title: f.exportPDFTooltip || "Export to PDF", children: /* @__PURE__ */ e.jsx(
|
|
2268
|
+
fe,
|
|
2269
2269
|
{
|
|
2270
|
-
icon:
|
|
2270
|
+
icon: We(i.exportPDF, vr),
|
|
2271
2271
|
onClick: () => a("pdf"),
|
|
2272
|
-
style:
|
|
2272
|
+
style: g.buttonSecondary
|
|
2273
2273
|
}
|
|
2274
2274
|
) })
|
|
2275
2275
|
] })
|
|
2276
2276
|
] }) })
|
|
2277
2277
|
] }),
|
|
2278
|
-
|
|
2278
|
+
f.showFilterSearch !== !1 && /* @__PURE__ */ e.jsx(
|
|
2279
2279
|
Br,
|
|
2280
2280
|
{
|
|
2281
2281
|
onFilterChange: l,
|
|
2282
2282
|
owners: r,
|
|
2283
|
-
uiConfig:
|
|
2283
|
+
uiConfig: f
|
|
2284
2284
|
}
|
|
2285
2285
|
)
|
|
2286
2286
|
] });
|
|
2287
|
-
}, { Option:
|
|
2288
|
-
const [
|
|
2289
|
-
const c =
|
|
2290
|
-
|
|
2291
|
-
text:
|
|
2287
|
+
}, { Option: et } = ye, { TextArea: Hr } = He, Ur = ({ onCreateTask: t, onClose: o, uiConfig: a = {}, parentId: l, parentTaskName: r, styleConfig: x }) => {
|
|
2288
|
+
const [f] = le.useForm(), i = nt(x), s = (g) => {
|
|
2289
|
+
const c = g.start.toDate(), y = new Date(c);
|
|
2290
|
+
y.setDate(y.getDate() + (g.duration || 1)), t({
|
|
2291
|
+
text: g.text,
|
|
2292
2292
|
start: c,
|
|
2293
|
-
end:
|
|
2294
|
-
duration:
|
|
2295
|
-
progress:
|
|
2296
|
-
type:
|
|
2297
|
-
color: typeof
|
|
2298
|
-
owner:
|
|
2299
|
-
priority:
|
|
2300
|
-
details:
|
|
2293
|
+
end: y,
|
|
2294
|
+
duration: g.duration || 1,
|
|
2295
|
+
progress: g.progress || 0,
|
|
2296
|
+
type: g.type,
|
|
2297
|
+
color: typeof g.color == "string" ? g.color : g.color?.toHexString?.() || "#4A90E2",
|
|
2298
|
+
owner: g.owner || "",
|
|
2299
|
+
priority: g.priority || "medium",
|
|
2300
|
+
details: g.details || "",
|
|
2301
2301
|
parent: l
|
|
2302
2302
|
// Set parent for subtasks
|
|
2303
2303
|
}, l), o();
|
|
2304
2304
|
};
|
|
2305
2305
|
return /* @__PURE__ */ e.jsx(
|
|
2306
|
-
|
|
2306
|
+
bt,
|
|
2307
2307
|
{
|
|
2308
2308
|
title: l ? (a.taskCreatorTitle || "Create Checklist") + (r ? ` for "${r}"` : "") : a.taskCreatorTitle || "Create New Stage",
|
|
2309
2309
|
open: !0,
|
|
2310
2310
|
onCancel: o,
|
|
2311
|
-
onOk: () =>
|
|
2311
|
+
onOk: () => f.submit(),
|
|
2312
2312
|
okText: a.taskCreatorOkText || "Create Stage",
|
|
2313
2313
|
cancelText: a.taskCreatorCancelText || "Cancel",
|
|
2314
2314
|
width: 600,
|
|
@@ -2320,9 +2320,9 @@ const { Search: zr } = Ue, Br = ({ onFilterChange: t, owners: o = [], uiConfig:
|
|
|
2320
2320
|
okButtonProps: { style: i.buttonPrimary },
|
|
2321
2321
|
cancelButtonProps: { style: i.buttonSecondary },
|
|
2322
2322
|
children: /* @__PURE__ */ e.jsxs(
|
|
2323
|
-
|
|
2323
|
+
le,
|
|
2324
2324
|
{
|
|
2325
|
-
form:
|
|
2325
|
+
form: f,
|
|
2326
2326
|
layout: "vertical",
|
|
2327
2327
|
onFinish: s,
|
|
2328
2328
|
initialValues: {
|
|
@@ -2335,49 +2335,49 @@ const { Search: zr } = Ue, Br = ({ onFilterChange: t, owners: o = [], uiConfig:
|
|
|
2335
2335
|
},
|
|
2336
2336
|
children: [
|
|
2337
2337
|
/* @__PURE__ */ e.jsx(
|
|
2338
|
-
|
|
2338
|
+
le.Item,
|
|
2339
2339
|
{
|
|
2340
2340
|
name: "text",
|
|
2341
2341
|
label: a.taskNameLabel || "Stage Name",
|
|
2342
2342
|
rules: [{ required: !0, message: a.taskNameRequired || "Please enter stage name" }],
|
|
2343
|
-
children: /* @__PURE__ */ e.jsx(
|
|
2343
|
+
children: /* @__PURE__ */ e.jsx(He, { placeholder: a.taskNamePlaceholder || "Enter stage name", autoFocus: !0, style: i.input })
|
|
2344
2344
|
}
|
|
2345
2345
|
),
|
|
2346
2346
|
/* @__PURE__ */ e.jsxs("div", { style: { display: "flex", gap: 16 }, children: [
|
|
2347
|
-
/* @__PURE__ */ e.jsx(
|
|
2348
|
-
/* @__PURE__ */ e.jsx(
|
|
2349
|
-
/* @__PURE__ */ e.jsx(
|
|
2350
|
-
/* @__PURE__ */ e.jsx(
|
|
2347
|
+
/* @__PURE__ */ e.jsx(le.Item, { name: "type", label: a.typeLabel || "Type", style: { flex: 1 }, children: /* @__PURE__ */ e.jsxs(ye, { style: i.input, children: [
|
|
2348
|
+
/* @__PURE__ */ e.jsx(et, { value: "task", children: a.taskTypeOptions?.task || "Stage" }),
|
|
2349
|
+
/* @__PURE__ */ e.jsx(et, { value: "milestone", children: a.taskTypeOptions?.milestone || "Milestone" }),
|
|
2350
|
+
/* @__PURE__ */ e.jsx(et, { value: "project", children: a.taskTypeOptions?.project || "Project" })
|
|
2351
2351
|
] }) }),
|
|
2352
|
-
/* @__PURE__ */ e.jsx(
|
|
2353
|
-
/* @__PURE__ */ e.jsx(
|
|
2354
|
-
/* @__PURE__ */ e.jsx(
|
|
2355
|
-
/* @__PURE__ */ e.jsx(
|
|
2352
|
+
/* @__PURE__ */ e.jsx(le.Item, { name: "priority", label: a.priorityLabel || "Priority", style: { flex: 1 }, children: /* @__PURE__ */ e.jsxs(ye, { style: i.input, children: [
|
|
2353
|
+
/* @__PURE__ */ e.jsx(et, { value: "low", children: a.priorityOptions?.low || "Low" }),
|
|
2354
|
+
/* @__PURE__ */ e.jsx(et, { value: "medium", children: a.priorityOptions?.medium || "Medium" }),
|
|
2355
|
+
/* @__PURE__ */ e.jsx(et, { value: "high", children: a.priorityOptions?.high || "High" })
|
|
2356
2356
|
] }) })
|
|
2357
2357
|
] }),
|
|
2358
2358
|
/* @__PURE__ */ e.jsxs("div", { style: { display: "flex", gap: 16 }, children: [
|
|
2359
|
-
/* @__PURE__ */ e.jsx(
|
|
2360
|
-
/* @__PURE__ */ e.jsx(
|
|
2359
|
+
/* @__PURE__ */ e.jsx(le.Item, { name: "start", label: a.startDateLabel || "Start Date", style: { flex: 1 }, children: /* @__PURE__ */ e.jsx(Vt, { style: { width: "100%", ...i.input } }) }),
|
|
2360
|
+
/* @__PURE__ */ e.jsx(le.Item, { name: "duration", label: a.durationLabel || "Duration (days)", style: { flex: 1 }, children: /* @__PURE__ */ e.jsx(Ye, { min: 0, style: { width: "100%", ...i.input } }) })
|
|
2361
2361
|
] }),
|
|
2362
2362
|
/* @__PURE__ */ e.jsxs("div", { style: { display: "flex", gap: 16 }, children: [
|
|
2363
|
-
/* @__PURE__ */ e.jsx(
|
|
2364
|
-
/* @__PURE__ */ e.jsx(
|
|
2363
|
+
/* @__PURE__ */ e.jsx(le.Item, { name: "color", label: a.colorLabel || "Color", style: { flex: 1 }, children: /* @__PURE__ */ e.jsx(Xt, { showText: !0 }) }),
|
|
2364
|
+
/* @__PURE__ */ e.jsx(le.Item, { name: "progress", label: a.progressLabel || "Progress (%)", style: { flex: 1 }, children: /* @__PURE__ */ e.jsx(Ye, { min: 0, max: 100, style: { width: "100%", ...i.input } }) })
|
|
2365
2365
|
] }),
|
|
2366
|
-
/* @__PURE__ */ e.jsx(
|
|
2367
|
-
/* @__PURE__ */ e.jsx(
|
|
2366
|
+
/* @__PURE__ */ e.jsx(le.Item, { name: "owner", label: a.ownerLabel || "Owner", children: /* @__PURE__ */ e.jsx(He, { placeholder: a.ownerPlaceholder || "Assign to...", style: i.input }) }),
|
|
2367
|
+
/* @__PURE__ */ e.jsx(le.Item, { name: "details", label: a.detailsLabel || "Details", children: /* @__PURE__ */ e.jsx(Hr, { placeholder: a.detailsPlaceholder || "Add stage description...", rows: 3, style: i.input }) })
|
|
2368
2368
|
]
|
|
2369
2369
|
}
|
|
2370
2370
|
)
|
|
2371
2371
|
}
|
|
2372
2372
|
);
|
|
2373
|
-
}, { Option:
|
|
2374
|
-
const [
|
|
2375
|
-
const
|
|
2376
|
-
|
|
2373
|
+
}, { Option: tt } = ye, { TextArea: Vr } = He, { confirm: Xr } = bt, Jr = ({ task: t, onUpdate: o, onDelete: a, onClose: l, uiConfig: r = {}, styleConfig: x }) => {
|
|
2374
|
+
const [f] = le.useForm(), i = nt(x), s = (c) => {
|
|
2375
|
+
const y = c.start.toDate(), S = new Date(y);
|
|
2376
|
+
S.setDate(S.getDate() + (c.duration || 1)), o({
|
|
2377
2377
|
...t,
|
|
2378
2378
|
text: c.text,
|
|
2379
|
-
start:
|
|
2380
|
-
end:
|
|
2379
|
+
start: y,
|
|
2380
|
+
end: S,
|
|
2381
2381
|
duration: c.duration || 1,
|
|
2382
2382
|
progress: c.progress || 0,
|
|
2383
2383
|
type: c.type,
|
|
@@ -2386,10 +2386,10 @@ const { Search: zr } = Ue, Br = ({ onFilterChange: t, owners: o = [], uiConfig:
|
|
|
2386
2386
|
priority: c.priority || "medium",
|
|
2387
2387
|
details: c.details || ""
|
|
2388
2388
|
}), l();
|
|
2389
|
-
},
|
|
2389
|
+
}, g = () => {
|
|
2390
2390
|
Xr({
|
|
2391
2391
|
title: r.deleteConfirmTitle ? `${r.deleteConfirmTitle}: "${t.text}"?` : `Are you sure you want to delete "${t.text}"?`,
|
|
2392
|
-
icon: /* @__PURE__ */ e.jsx(
|
|
2392
|
+
icon: /* @__PURE__ */ e.jsx(ce, { icon: Sr, style: { color: "#faad14", marginRight: 8 } }),
|
|
2393
2393
|
content: r.deleteConfirmContent || "This action cannot be undone.",
|
|
2394
2394
|
okText: r.deleteConfirmOkText || "Yes, Delete",
|
|
2395
2395
|
okType: "danger",
|
|
@@ -2400,15 +2400,15 @@ const { Search: zr } = Ue, Br = ({ onFilterChange: t, owners: o = [], uiConfig:
|
|
|
2400
2400
|
});
|
|
2401
2401
|
};
|
|
2402
2402
|
return /* @__PURE__ */ e.jsx(
|
|
2403
|
-
|
|
2403
|
+
bt,
|
|
2404
2404
|
{
|
|
2405
2405
|
title: r.taskEditorTitle || "Edit Stage",
|
|
2406
2406
|
open: !0,
|
|
2407
2407
|
onCancel: l,
|
|
2408
2408
|
footer: [
|
|
2409
|
-
/* @__PURE__ */ e.jsx(
|
|
2410
|
-
/* @__PURE__ */ e.jsx(
|
|
2411
|
-
/* @__PURE__ */ e.jsx(
|
|
2409
|
+
/* @__PURE__ */ e.jsx(fe, { danger: !0, onClick: g, style: { float: "left", ...i.buttonDanger }, children: r.taskEditorDeleteText || "Delete" }, "delete"),
|
|
2410
|
+
/* @__PURE__ */ e.jsx(fe, { onClick: l, style: i.buttonSecondary, children: r.taskEditorCancelText || "Cancel" }, "cancel"),
|
|
2411
|
+
/* @__PURE__ */ e.jsx(fe, { type: "primary", onClick: () => f.submit(), style: i.buttonPrimary, children: r.taskEditorSaveText || "Save Changes" }, "submit")
|
|
2412
2412
|
],
|
|
2413
2413
|
width: 600,
|
|
2414
2414
|
className: "gantt-modal-antd",
|
|
@@ -2417,9 +2417,9 @@ const { Search: zr } = Ue, Br = ({ onFilterChange: t, owners: o = [], uiConfig:
|
|
|
2417
2417
|
header: { borderBottom: `1px solid ${i.modal?.borderColor || "#f0f0f0"}`, marginBottom: 16 }
|
|
2418
2418
|
},
|
|
2419
2419
|
children: /* @__PURE__ */ e.jsxs(
|
|
2420
|
-
|
|
2420
|
+
le,
|
|
2421
2421
|
{
|
|
2422
|
-
form:
|
|
2422
|
+
form: f,
|
|
2423
2423
|
layout: "vertical",
|
|
2424
2424
|
onFinish: s,
|
|
2425
2425
|
initialValues: {
|
|
@@ -2435,65 +2435,65 @@ const { Search: zr } = Ue, Br = ({ onFilterChange: t, owners: o = [], uiConfig:
|
|
|
2435
2435
|
},
|
|
2436
2436
|
children: [
|
|
2437
2437
|
/* @__PURE__ */ e.jsx(
|
|
2438
|
-
|
|
2438
|
+
le.Item,
|
|
2439
2439
|
{
|
|
2440
2440
|
name: "text",
|
|
2441
2441
|
label: r.taskNameLabel || "Stage Name",
|
|
2442
2442
|
rules: [{ required: !0, message: r.taskNameRequired || "Please enter stage name" }],
|
|
2443
|
-
children: /* @__PURE__ */ e.jsx(
|
|
2443
|
+
children: /* @__PURE__ */ e.jsx(He, { placeholder: r.taskNamePlaceholder || "Enter stage name", style: i.input })
|
|
2444
2444
|
}
|
|
2445
2445
|
),
|
|
2446
2446
|
/* @__PURE__ */ e.jsxs("div", { style: { display: "flex", gap: 16 }, children: [
|
|
2447
|
-
/* @__PURE__ */ e.jsx(
|
|
2448
|
-
/* @__PURE__ */ e.jsx(
|
|
2449
|
-
/* @__PURE__ */ e.jsx(
|
|
2450
|
-
/* @__PURE__ */ e.jsx(
|
|
2447
|
+
/* @__PURE__ */ e.jsx(le.Item, { name: "type", label: r.typeLabel || "Type", style: { flex: 1 }, children: /* @__PURE__ */ e.jsxs(ye, { style: i.input, children: [
|
|
2448
|
+
/* @__PURE__ */ e.jsx(tt, { value: "task", children: r.taskTypeOptions?.task || "Stage" }),
|
|
2449
|
+
/* @__PURE__ */ e.jsx(tt, { value: "milestone", children: r.taskTypeOptions?.milestone || "Milestone" }),
|
|
2450
|
+
/* @__PURE__ */ e.jsx(tt, { value: "project", children: r.taskTypeOptions?.project || "Project" })
|
|
2451
2451
|
] }) }),
|
|
2452
|
-
/* @__PURE__ */ e.jsx(
|
|
2453
|
-
/* @__PURE__ */ e.jsx(
|
|
2454
|
-
/* @__PURE__ */ e.jsx(
|
|
2455
|
-
/* @__PURE__ */ e.jsx(
|
|
2452
|
+
/* @__PURE__ */ e.jsx(le.Item, { name: "priority", label: r.priorityLabel || "Priority", style: { flex: 1 }, children: /* @__PURE__ */ e.jsxs(ye, { style: i.input, children: [
|
|
2453
|
+
/* @__PURE__ */ e.jsx(tt, { value: "low", children: r.priorityOptions?.low || "Low" }),
|
|
2454
|
+
/* @__PURE__ */ e.jsx(tt, { value: "medium", children: r.priorityOptions?.medium || "Medium" }),
|
|
2455
|
+
/* @__PURE__ */ e.jsx(tt, { value: "high", children: r.priorityOptions?.high || "High" })
|
|
2456
2456
|
] }) })
|
|
2457
2457
|
] }),
|
|
2458
2458
|
/* @__PURE__ */ e.jsxs("div", { style: { display: "flex", gap: 16 }, children: [
|
|
2459
|
-
/* @__PURE__ */ e.jsx(
|
|
2460
|
-
/* @__PURE__ */ e.jsx(
|
|
2459
|
+
/* @__PURE__ */ e.jsx(le.Item, { name: "start", label: r.startDateLabel || "Start Date", style: { flex: 1 }, children: /* @__PURE__ */ e.jsx(Vt, { style: { width: "100%", ...i.input } }) }),
|
|
2460
|
+
/* @__PURE__ */ e.jsx(le.Item, { name: "duration", label: r.durationLabel || "Duration (days)", style: { flex: 1 }, children: /* @__PURE__ */ e.jsx(Ye, { min: 0, style: { width: "100%", ...i.input } }) })
|
|
2461
2461
|
] }),
|
|
2462
2462
|
/* @__PURE__ */ e.jsxs("div", { style: { display: "flex", gap: 16 }, children: [
|
|
2463
|
-
/* @__PURE__ */ e.jsx(
|
|
2464
|
-
/* @__PURE__ */ e.jsx(
|
|
2463
|
+
/* @__PURE__ */ e.jsx(le.Item, { name: "color", label: r.colorLabel || "Color", style: { flex: 1 }, children: /* @__PURE__ */ e.jsx(Xt, { showText: !0 }) }),
|
|
2464
|
+
/* @__PURE__ */ e.jsx(le.Item, { name: "progress", label: r.progressLabel || "Progress (%)", style: { flex: 1 }, children: /* @__PURE__ */ e.jsx(Ye, { min: 0, max: 100, style: { width: "100%", ...i.input } }) })
|
|
2465
2465
|
] }),
|
|
2466
|
-
/* @__PURE__ */ e.jsx(
|
|
2467
|
-
/* @__PURE__ */ e.jsx(
|
|
2466
|
+
/* @__PURE__ */ e.jsx(le.Item, { name: "owner", label: r.ownerLabel || "Owner", children: /* @__PURE__ */ e.jsx(He, { placeholder: r.ownerPlaceholder || "Assign to...", style: i.input }) }),
|
|
2467
|
+
/* @__PURE__ */ e.jsx(le.Item, { name: "details", label: r.detailsLabel || "Details", children: /* @__PURE__ */ e.jsx(Vr, { placeholder: r.detailsPlaceholder || "Add stage description...", rows: 3, style: i.input }) })
|
|
2468
2468
|
]
|
|
2469
2469
|
}
|
|
2470
2470
|
)
|
|
2471
2471
|
}
|
|
2472
2472
|
);
|
|
2473
|
-
}, { Title:
|
|
2473
|
+
}, { Title: ct, Text: Xe, Paragraph: qr } = Ht, { Option: Ne } = ye, Gr = ({
|
|
2474
2474
|
task: t,
|
|
2475
2475
|
allTasks: o,
|
|
2476
2476
|
links: a,
|
|
2477
2477
|
onAddDependency: l,
|
|
2478
2478
|
onRemoveDependency: r,
|
|
2479
|
-
onTaskUpdate:
|
|
2480
|
-
onClose:
|
|
2479
|
+
onTaskUpdate: x,
|
|
2480
|
+
onClose: f,
|
|
2481
2481
|
styleConfig: i
|
|
2482
2482
|
}) => {
|
|
2483
|
-
const s =
|
|
2484
|
-
if (
|
|
2483
|
+
const s = nt(i), [g, c] = z(""), [y, S] = z("e2s"), [u, p] = z(0), [b, w] = z("day"), [j, L] = z(t.duration), [E, B] = z(""), ne = a.filter((D) => D.target === t.id), V = o.filter((D) => D.id !== t.id && D.id !== t.parent), pe = () => {
|
|
2484
|
+
if (g) {
|
|
2485
2485
|
const D = Pt(u, b);
|
|
2486
|
-
if (
|
|
2487
|
-
const
|
|
2488
|
-
|
|
2486
|
+
if (j !== t.duration && x) {
|
|
2487
|
+
const W = me(new Date(t.start), j, "day");
|
|
2488
|
+
x({
|
|
2489
2489
|
...t,
|
|
2490
|
-
duration:
|
|
2491
|
-
end:
|
|
2490
|
+
duration: j,
|
|
2491
|
+
end: W
|
|
2492
2492
|
});
|
|
2493
2493
|
}
|
|
2494
|
-
l(
|
|
2494
|
+
l(g, t.id, y, D), c(""), p(0), w("day");
|
|
2495
2495
|
}
|
|
2496
|
-
},
|
|
2496
|
+
}, M = () => {
|
|
2497
2497
|
if (!E.trim()) return;
|
|
2498
2498
|
const D = Pr(E.trim());
|
|
2499
2499
|
if (!D) {
|
|
@@ -2501,13 +2501,13 @@ const { Search: zr } = Ue, Br = ({ onFilterChange: t, owners: o = [], uiConfig:
|
|
|
2501
2501
|
Example: 3FS+10d`);
|
|
2502
2502
|
return;
|
|
2503
2503
|
}
|
|
2504
|
-
const
|
|
2505
|
-
if (!
|
|
2504
|
+
const W = D.taskNumber - 1, ae = o[W];
|
|
2505
|
+
if (!ae) {
|
|
2506
2506
|
alert(`Task ${D.taskNumber} not found`);
|
|
2507
2507
|
return;
|
|
2508
2508
|
}
|
|
2509
|
-
const J = Cr(D.type),
|
|
2510
|
-
l(
|
|
2509
|
+
const J = Cr(D.type), xe = Pt(D.lag, D.lagUnit);
|
|
2510
|
+
l(ae.id, t.id, J, xe), B("");
|
|
2511
2511
|
}, q = (D) => {
|
|
2512
2512
|
switch (D) {
|
|
2513
2513
|
case "e2s":
|
|
@@ -2519,7 +2519,7 @@ Example: 3FS+10d`);
|
|
|
2519
2519
|
case "s2e":
|
|
2520
2520
|
return "Start-to-Finish (SF)";
|
|
2521
2521
|
}
|
|
2522
|
-
},
|
|
2522
|
+
}, U = (D) => {
|
|
2523
2523
|
switch (D) {
|
|
2524
2524
|
case "e2s":
|
|
2525
2525
|
return "blue";
|
|
@@ -2532,11 +2532,11 @@ Example: 3FS+10d`);
|
|
|
2532
2532
|
}
|
|
2533
2533
|
};
|
|
2534
2534
|
return /* @__PURE__ */ e.jsx(
|
|
2535
|
-
|
|
2535
|
+
bt,
|
|
2536
2536
|
{
|
|
2537
|
-
title: /* @__PURE__ */ e.jsx(
|
|
2537
|
+
title: /* @__PURE__ */ e.jsx(ct, { level: 4, style: { margin: 0, color: s.font?.color }, children: "Dependency Editor" }),
|
|
2538
2538
|
open: !0,
|
|
2539
|
-
onCancel:
|
|
2539
|
+
onCancel: f,
|
|
2540
2540
|
footer: null,
|
|
2541
2541
|
width: 700,
|
|
2542
2542
|
styles: {
|
|
@@ -2557,13 +2557,13 @@ Example: 3FS+10d`);
|
|
|
2557
2557
|
/* @__PURE__ */ e.jsx(
|
|
2558
2558
|
_t,
|
|
2559
2559
|
{
|
|
2560
|
-
title: /* @__PURE__ */ e.jsx(
|
|
2560
|
+
title: /* @__PURE__ */ e.jsx(ct, { level: 5, style: { margin: 0, fontSize: 14, color: s.font?.color }, children: "Settings" }),
|
|
2561
2561
|
size: "small",
|
|
2562
2562
|
style: { flex: 1, ...s.modal },
|
|
2563
2563
|
headStyle: { borderBottom: `1px solid ${s.modal?.borderColor || "#f0f0f0"}` },
|
|
2564
2564
|
children: /* @__PURE__ */ e.jsxs(Rt, { direction: "vertical", style: { width: "100%" }, size: "middle", children: [
|
|
2565
2565
|
/* @__PURE__ */ e.jsxs("div", { children: [
|
|
2566
|
-
/* @__PURE__ */ e.jsx(
|
|
2566
|
+
/* @__PURE__ */ e.jsx(Xe, { style: { display: "block", marginBottom: 8, fontSize: 13, color: s.font?.color }, children: "Predecessor" }),
|
|
2567
2567
|
/* @__PURE__ */ e.jsx(
|
|
2568
2568
|
ye,
|
|
2569
2569
|
{
|
|
@@ -2571,9 +2571,9 @@ Example: 3FS+10d`);
|
|
|
2571
2571
|
placeholder: "Select a task",
|
|
2572
2572
|
optionFilterProp: "children",
|
|
2573
2573
|
style: { width: "100%", ...s.input },
|
|
2574
|
-
value:
|
|
2574
|
+
value: g,
|
|
2575
2575
|
onChange: c,
|
|
2576
|
-
children: V.map((D) => /* @__PURE__ */ e.jsxs(
|
|
2576
|
+
children: V.map((D) => /* @__PURE__ */ e.jsxs(Ne, { value: D.id, children: [
|
|
2577
2577
|
"[",
|
|
2578
2578
|
o.indexOf(D) + 1,
|
|
2579
2579
|
"] ",
|
|
@@ -2583,27 +2583,27 @@ Example: 3FS+10d`);
|
|
|
2583
2583
|
)
|
|
2584
2584
|
] }),
|
|
2585
2585
|
/* @__PURE__ */ e.jsxs("div", { children: [
|
|
2586
|
-
/* @__PURE__ */ e.jsx(
|
|
2586
|
+
/* @__PURE__ */ e.jsx(Xe, { style: { display: "block", marginBottom: 8, fontSize: 13, color: s.font?.color }, children: "Type" }),
|
|
2587
2587
|
/* @__PURE__ */ e.jsxs(
|
|
2588
2588
|
ye,
|
|
2589
2589
|
{
|
|
2590
2590
|
style: { width: "100%", ...s.input },
|
|
2591
|
-
value:
|
|
2592
|
-
onChange:
|
|
2591
|
+
value: y,
|
|
2592
|
+
onChange: S,
|
|
2593
2593
|
children: [
|
|
2594
|
-
/* @__PURE__ */ e.jsx(
|
|
2595
|
-
/* @__PURE__ */ e.jsx(
|
|
2596
|
-
/* @__PURE__ */ e.jsx(
|
|
2597
|
-
/* @__PURE__ */ e.jsx(
|
|
2594
|
+
/* @__PURE__ */ e.jsx(Ne, { value: "e2s", children: "Finish-to-Start (FS)" }),
|
|
2595
|
+
/* @__PURE__ */ e.jsx(Ne, { value: "s2s", children: "Start-to-Start (SS)" }),
|
|
2596
|
+
/* @__PURE__ */ e.jsx(Ne, { value: "e2e", children: "Finish-to-Finish (FF)" }),
|
|
2597
|
+
/* @__PURE__ */ e.jsx(Ne, { value: "s2e", children: "Start-to-Finish (SF)" })
|
|
2598
2598
|
]
|
|
2599
2599
|
}
|
|
2600
2600
|
)
|
|
2601
2601
|
] }),
|
|
2602
2602
|
/* @__PURE__ */ e.jsxs("div", { style: { display: "flex", gap: 12 }, children: [
|
|
2603
2603
|
/* @__PURE__ */ e.jsxs("div", { style: { flex: 1 }, children: [
|
|
2604
|
-
/* @__PURE__ */ e.jsx(
|
|
2604
|
+
/* @__PURE__ */ e.jsx(Xe, { style: { display: "block", marginBottom: 8, fontSize: 13, color: s.font?.color }, children: "Lag/Lead" }),
|
|
2605
2605
|
/* @__PURE__ */ e.jsx(
|
|
2606
|
-
|
|
2606
|
+
Ye,
|
|
2607
2607
|
{
|
|
2608
2608
|
style: { width: "100%", ...s.input },
|
|
2609
2609
|
value: u,
|
|
@@ -2612,7 +2612,7 @@ Example: 3FS+10d`);
|
|
|
2612
2612
|
)
|
|
2613
2613
|
] }),
|
|
2614
2614
|
/* @__PURE__ */ e.jsxs("div", { style: { flex: 1 }, children: [
|
|
2615
|
-
/* @__PURE__ */ e.jsx(
|
|
2615
|
+
/* @__PURE__ */ e.jsx(Xe, { style: { display: "block", marginBottom: 8, fontSize: 13, color: s.font?.color }, children: "Units" }),
|
|
2616
2616
|
/* @__PURE__ */ e.jsxs(
|
|
2617
2617
|
ye,
|
|
2618
2618
|
{
|
|
@@ -2620,35 +2620,35 @@ Example: 3FS+10d`);
|
|
|
2620
2620
|
value: b,
|
|
2621
2621
|
onChange: w,
|
|
2622
2622
|
children: [
|
|
2623
|
-
/* @__PURE__ */ e.jsx(
|
|
2624
|
-
/* @__PURE__ */ e.jsx(
|
|
2625
|
-
/* @__PURE__ */ e.jsx(
|
|
2626
|
-
/* @__PURE__ */ e.jsx(
|
|
2623
|
+
/* @__PURE__ */ e.jsx(Ne, { value: "day", children: "Days" }),
|
|
2624
|
+
/* @__PURE__ */ e.jsx(Ne, { value: "hour", children: "Hours" }),
|
|
2625
|
+
/* @__PURE__ */ e.jsx(Ne, { value: "week", children: "Weeks" }),
|
|
2626
|
+
/* @__PURE__ */ e.jsx(Ne, { value: "month", children: "Months" })
|
|
2627
2627
|
]
|
|
2628
2628
|
}
|
|
2629
2629
|
)
|
|
2630
2630
|
] })
|
|
2631
2631
|
] }),
|
|
2632
2632
|
/* @__PURE__ */ e.jsxs("div", { children: [
|
|
2633
|
-
/* @__PURE__ */ e.jsx(
|
|
2633
|
+
/* @__PURE__ */ e.jsx(Xe, { style: { display: "block", marginBottom: 8, fontSize: 13, color: s.font?.color }, children: "Duration (days)" }),
|
|
2634
2634
|
/* @__PURE__ */ e.jsx(
|
|
2635
|
-
|
|
2635
|
+
Ye,
|
|
2636
2636
|
{
|
|
2637
2637
|
style: { width: "100%", ...s.input },
|
|
2638
2638
|
min: 1,
|
|
2639
|
-
value:
|
|
2640
|
-
onChange: (D) =>
|
|
2639
|
+
value: j,
|
|
2640
|
+
onChange: (D) => L(D || 1)
|
|
2641
2641
|
}
|
|
2642
2642
|
)
|
|
2643
2643
|
] }),
|
|
2644
2644
|
/* @__PURE__ */ e.jsx(
|
|
2645
|
-
|
|
2645
|
+
fe,
|
|
2646
2646
|
{
|
|
2647
2647
|
type: "primary",
|
|
2648
|
-
icon: /* @__PURE__ */ e.jsx(
|
|
2648
|
+
icon: /* @__PURE__ */ e.jsx(ce, { icon: Ct, style: { marginRight: 8 } }),
|
|
2649
2649
|
block: !0,
|
|
2650
2650
|
onClick: pe,
|
|
2651
|
-
disabled: !
|
|
2651
|
+
disabled: !g,
|
|
2652
2652
|
style: {
|
|
2653
2653
|
height: 40,
|
|
2654
2654
|
marginTop: 8,
|
|
@@ -2663,7 +2663,7 @@ Example: 3FS+10d`);
|
|
|
2663
2663
|
/* @__PURE__ */ e.jsxs(
|
|
2664
2664
|
_t,
|
|
2665
2665
|
{
|
|
2666
|
-
title: /* @__PURE__ */ e.jsx(
|
|
2666
|
+
title: /* @__PURE__ */ e.jsx(ct, { level: 5, style: { margin: 0, fontSize: 14, color: s.font?.color }, children: "Quick Add" }),
|
|
2667
2667
|
size: "small",
|
|
2668
2668
|
style: { width: 250, ...s.modal },
|
|
2669
2669
|
headStyle: { borderBottom: `1px solid ${s.modal?.borderColor || "#f0f0f0"}` },
|
|
@@ -2674,12 +2674,12 @@ Example: 3FS+10d`);
|
|
|
2674
2674
|
"Example: 3FS+10d"
|
|
2675
2675
|
] }),
|
|
2676
2676
|
/* @__PURE__ */ e.jsx(
|
|
2677
|
-
|
|
2677
|
+
He,
|
|
2678
2678
|
{
|
|
2679
2679
|
placeholder: "e.g. 5FS+2d",
|
|
2680
2680
|
value: E,
|
|
2681
|
-
onChange: (D) =>
|
|
2682
|
-
onPressEnter:
|
|
2681
|
+
onChange: (D) => B(D.target.value),
|
|
2682
|
+
onPressEnter: M,
|
|
2683
2683
|
style: {
|
|
2684
2684
|
marginBottom: 16,
|
|
2685
2685
|
height: 40,
|
|
@@ -2688,10 +2688,10 @@ Example: 3FS+10d`);
|
|
|
2688
2688
|
}
|
|
2689
2689
|
),
|
|
2690
2690
|
/* @__PURE__ */ e.jsx(
|
|
2691
|
-
|
|
2691
|
+
fe,
|
|
2692
2692
|
{
|
|
2693
2693
|
block: !0,
|
|
2694
|
-
onClick:
|
|
2694
|
+
onClick: M,
|
|
2695
2695
|
style: {
|
|
2696
2696
|
height: 40,
|
|
2697
2697
|
...s.buttonSecondary
|
|
@@ -2705,14 +2705,14 @@ Example: 3FS+10d`);
|
|
|
2705
2705
|
] }),
|
|
2706
2706
|
/* @__PURE__ */ e.jsx(Ut, { style: { margin: "0 0 24px 0", borderColor: s.modal?.borderColor } }),
|
|
2707
2707
|
/* @__PURE__ */ e.jsxs("div", { style: { maxHeight: 300, overflowY: "auto" }, children: [
|
|
2708
|
-
/* @__PURE__ */ e.jsx(
|
|
2708
|
+
/* @__PURE__ */ e.jsx(ct, { level: 5, style: { fontSize: 14, marginBottom: 16, color: s.font?.color }, children: "Current Dependencies" }),
|
|
2709
2709
|
/* @__PURE__ */ e.jsx(
|
|
2710
2710
|
Ft,
|
|
2711
2711
|
{
|
|
2712
|
-
dataSource:
|
|
2713
|
-
locale: { emptyText: /* @__PURE__ */ e.jsx(
|
|
2712
|
+
dataSource: ne,
|
|
2713
|
+
locale: { emptyText: /* @__PURE__ */ e.jsx(Xe, { type: "secondary", style: { color: s.font?.color, opacity: 0.5 }, children: "No dependencies added yet." }) },
|
|
2714
2714
|
renderItem: (D) => {
|
|
2715
|
-
const
|
|
2715
|
+
const W = o.find((ae) => ae.id === D.source);
|
|
2716
2716
|
return /* @__PURE__ */ e.jsx(
|
|
2717
2717
|
Ft.Item,
|
|
2718
2718
|
{
|
|
@@ -2725,11 +2725,11 @@ Example: 3FS+10d`);
|
|
|
2725
2725
|
},
|
|
2726
2726
|
actions: [
|
|
2727
2727
|
/* @__PURE__ */ e.jsx(
|
|
2728
|
-
|
|
2728
|
+
fe,
|
|
2729
2729
|
{
|
|
2730
2730
|
type: "text",
|
|
2731
2731
|
danger: !0,
|
|
2732
|
-
icon: /* @__PURE__ */ e.jsx(
|
|
2732
|
+
icon: /* @__PURE__ */ e.jsx(ce, { icon: Zt }),
|
|
2733
2733
|
onClick: () => r(D.id)
|
|
2734
2734
|
},
|
|
2735
2735
|
"delete"
|
|
@@ -2749,13 +2749,13 @@ Example: 3FS+10d`);
|
|
|
2749
2749
|
color: "#fff",
|
|
2750
2750
|
fontSize: 12,
|
|
2751
2751
|
fontWeight: "bold"
|
|
2752
|
-
}, children:
|
|
2752
|
+
}, children: W ? o.indexOf(W) + 1 : "?" }),
|
|
2753
2753
|
title: /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 12 }, children: [
|
|
2754
|
-
/* @__PURE__ */ e.jsx("span", { style: { fontWeight: 600, color: s.font?.color }, children:
|
|
2755
|
-
/* @__PURE__ */ e.jsx(pr, { color:
|
|
2754
|
+
/* @__PURE__ */ e.jsx("span", { style: { fontWeight: 600, color: s.font?.color }, children: W?.text || "Unknown Task" }),
|
|
2755
|
+
/* @__PURE__ */ e.jsx(pr, { color: U(D.type), style: { margin: 0 }, children: q(D.type) })
|
|
2756
2756
|
] }),
|
|
2757
2757
|
description: /* @__PURE__ */ e.jsx("div", { style: { display: "flex", alignItems: "center", gap: 16, marginTop: 4 }, children: /* @__PURE__ */ e.jsxs("span", { style: { fontSize: 12, color: s.font?.color, opacity: 0.7 }, children: [
|
|
2758
|
-
/* @__PURE__ */ e.jsx(
|
|
2758
|
+
/* @__PURE__ */ e.jsx(ce, { icon: Gt, style: { marginRight: 6 } }),
|
|
2759
2759
|
"Lag: ",
|
|
2760
2760
|
D.lag || 0,
|
|
2761
2761
|
" days"
|
|
@@ -2769,11 +2769,11 @@ Example: 3FS+10d`);
|
|
|
2769
2769
|
)
|
|
2770
2770
|
] }),
|
|
2771
2771
|
/* @__PURE__ */ e.jsxs("div", { style: { marginTop: 24, padding: "16px", background: "#fff7e6", borderRadius: 8, border: "1px solid #ffe7ba" }, children: [
|
|
2772
|
-
/* @__PURE__ */ e.jsxs(
|
|
2773
|
-
/* @__PURE__ */ e.jsx(
|
|
2772
|
+
/* @__PURE__ */ e.jsxs(ct, { level: 5, style: { fontSize: 13, marginBottom: 8, display: "flex", alignItems: "center" }, children: [
|
|
2773
|
+
/* @__PURE__ */ e.jsx(ce, { icon: jr, style: { marginRight: 8, color: "#fa8c16" } }),
|
|
2774
2774
|
"Coming soon"
|
|
2775
2775
|
] }),
|
|
2776
|
-
/* @__PURE__ */ e.jsx(
|
|
2776
|
+
/* @__PURE__ */ e.jsx(Xe, { style: { fontSize: 12, color: "rgba(0,0,0,0.65)" }, children: "Dependency visualization on the chart and automatic lag calculations based on working hours." })
|
|
2777
2777
|
] })
|
|
2778
2778
|
] })
|
|
2779
2779
|
}
|
|
@@ -2784,40 +2784,40 @@ Example: 3FS+10d`);
|
|
|
2784
2784
|
task: a,
|
|
2785
2785
|
onEdit: l,
|
|
2786
2786
|
onDelete: r,
|
|
2787
|
-
onCopy:
|
|
2788
|
-
onDependencies:
|
|
2787
|
+
onCopy: x,
|
|
2788
|
+
onDependencies: f,
|
|
2789
2789
|
onConvertToMilestone: i,
|
|
2790
2790
|
onConvertToTask: s,
|
|
2791
|
-
onConvertToProject:
|
|
2791
|
+
onConvertToProject: g,
|
|
2792
2792
|
onAutoSchedule: c,
|
|
2793
|
-
onClose:
|
|
2794
|
-
styleConfig:
|
|
2793
|
+
onClose: y,
|
|
2794
|
+
styleConfig: S
|
|
2795
2795
|
}) => {
|
|
2796
|
-
const u =
|
|
2796
|
+
const u = nt(S);
|
|
2797
2797
|
if (!a) return null;
|
|
2798
2798
|
const p = [
|
|
2799
2799
|
{
|
|
2800
2800
|
key: "edit",
|
|
2801
2801
|
label: "Edit",
|
|
2802
|
-
icon: /* @__PURE__ */ e.jsx(
|
|
2802
|
+
icon: /* @__PURE__ */ e.jsx(ce, { icon: Tr }),
|
|
2803
2803
|
onClick: () => {
|
|
2804
|
-
l(),
|
|
2804
|
+
l(), y();
|
|
2805
2805
|
}
|
|
2806
2806
|
},
|
|
2807
2807
|
{
|
|
2808
2808
|
key: "copy",
|
|
2809
2809
|
label: "Copy",
|
|
2810
|
-
icon: /* @__PURE__ */ e.jsx(
|
|
2810
|
+
icon: /* @__PURE__ */ e.jsx(ce, { icon: Dr }),
|
|
2811
2811
|
onClick: () => {
|
|
2812
|
-
|
|
2812
|
+
x(), y();
|
|
2813
2813
|
}
|
|
2814
2814
|
},
|
|
2815
2815
|
{
|
|
2816
2816
|
key: "dependencies",
|
|
2817
2817
|
label: "Dependencies",
|
|
2818
|
-
icon: /* @__PURE__ */ e.jsx(
|
|
2818
|
+
icon: /* @__PURE__ */ e.jsx(ce, { icon: Gt }),
|
|
2819
2819
|
onClick: () => {
|
|
2820
|
-
|
|
2820
|
+
f(), y();
|
|
2821
2821
|
}
|
|
2822
2822
|
},
|
|
2823
2823
|
{
|
|
@@ -2831,28 +2831,28 @@ Example: 3FS+10d`);
|
|
|
2831
2831
|
{
|
|
2832
2832
|
key: "milestone",
|
|
2833
2833
|
label: "Milestone",
|
|
2834
|
-
icon: /* @__PURE__ */ e.jsx(
|
|
2834
|
+
icon: /* @__PURE__ */ e.jsx(ce, { icon: kr }),
|
|
2835
2835
|
disabled: a.type === "milestone",
|
|
2836
2836
|
onClick: () => {
|
|
2837
|
-
i(),
|
|
2837
|
+
i(), y();
|
|
2838
2838
|
}
|
|
2839
2839
|
},
|
|
2840
2840
|
{
|
|
2841
2841
|
key: "task",
|
|
2842
2842
|
label: "Task",
|
|
2843
|
-
icon: /* @__PURE__ */ e.jsx(
|
|
2843
|
+
icon: /* @__PURE__ */ e.jsx(ce, { icon: Mr }),
|
|
2844
2844
|
disabled: a.type === "task",
|
|
2845
2845
|
onClick: () => {
|
|
2846
|
-
s(),
|
|
2846
|
+
s(), y();
|
|
2847
2847
|
}
|
|
2848
2848
|
},
|
|
2849
2849
|
{
|
|
2850
2850
|
key: "project",
|
|
2851
2851
|
label: "Project",
|
|
2852
|
-
icon: /* @__PURE__ */ e.jsx(
|
|
2852
|
+
icon: /* @__PURE__ */ e.jsx(ce, { icon: Lr }),
|
|
2853
2853
|
disabled: a.type === "project",
|
|
2854
2854
|
onClick: () => {
|
|
2855
|
-
|
|
2855
|
+
g(), y();
|
|
2856
2856
|
}
|
|
2857
2857
|
}
|
|
2858
2858
|
]
|
|
@@ -2860,9 +2860,9 @@ Example: 3FS+10d`);
|
|
|
2860
2860
|
{
|
|
2861
2861
|
key: "auto-schedule",
|
|
2862
2862
|
label: "Auto Schedule",
|
|
2863
|
-
icon: /* @__PURE__ */ e.jsx(
|
|
2863
|
+
icon: /* @__PURE__ */ e.jsx(ce, { icon: qt }),
|
|
2864
2864
|
onClick: () => {
|
|
2865
|
-
c?.(),
|
|
2865
|
+
c?.(), y();
|
|
2866
2866
|
}
|
|
2867
2867
|
},
|
|
2868
2868
|
{
|
|
@@ -2871,10 +2871,10 @@ Example: 3FS+10d`);
|
|
|
2871
2871
|
{
|
|
2872
2872
|
key: "delete",
|
|
2873
2873
|
label: "Delete",
|
|
2874
|
-
icon: /* @__PURE__ */ e.jsx(
|
|
2874
|
+
icon: /* @__PURE__ */ e.jsx(ce, { icon: Zt }),
|
|
2875
2875
|
danger: !0,
|
|
2876
2876
|
onClick: () => {
|
|
2877
|
-
r(),
|
|
2877
|
+
r(), y();
|
|
2878
2878
|
}
|
|
2879
2879
|
}
|
|
2880
2880
|
];
|
|
@@ -2906,102 +2906,102 @@ Example: 3FS+10d`);
|
|
|
2906
2906
|
}
|
|
2907
2907
|
);
|
|
2908
2908
|
}, Kr = (t, o = []) => {
|
|
2909
|
-
const [a, l] =
|
|
2910
|
-
|
|
2909
|
+
const [a, l] = z([]), [r, x] = z(-1), [f, i] = z(t), [s, g] = z(o);
|
|
2910
|
+
Je(() => {
|
|
2911
2911
|
i(t);
|
|
2912
|
-
}, [t]),
|
|
2913
|
-
|
|
2912
|
+
}, [t]), Je(() => {
|
|
2913
|
+
g(o);
|
|
2914
2914
|
}, [o]);
|
|
2915
|
-
const c =
|
|
2916
|
-
const
|
|
2917
|
-
type:
|
|
2915
|
+
const c = $e((L, E, B) => {
|
|
2916
|
+
const ne = {
|
|
2917
|
+
type: L,
|
|
2918
2918
|
before: E,
|
|
2919
|
-
after:
|
|
2919
|
+
after: B,
|
|
2920
2920
|
timestamp: Date.now()
|
|
2921
2921
|
}, V = a.slice(0, r + 1);
|
|
2922
|
-
V.push(
|
|
2923
|
-
}, [a, r]),
|
|
2922
|
+
V.push(ne), V.length > 50 ? V.shift() : x(r + 1), l(V);
|
|
2923
|
+
}, [a, r]), y = $e(() => {
|
|
2924
2924
|
if (r < 0) return;
|
|
2925
|
-
const
|
|
2926
|
-
i(
|
|
2927
|
-
}, [a, r]),
|
|
2925
|
+
const L = a[r];
|
|
2926
|
+
i(L.before.tasks), g(L.before.links), x(r - 1);
|
|
2927
|
+
}, [a, r]), S = $e(() => {
|
|
2928
2928
|
if (r >= a.length - 1) return;
|
|
2929
|
-
const
|
|
2930
|
-
i(
|
|
2931
|
-
}, [a, r]), u = r >= 0, p = r < a.length - 1, b =
|
|
2932
|
-
const E = { tasks:
|
|
2933
|
-
c("task_update", E, { tasks:
|
|
2934
|
-
}, [
|
|
2935
|
-
const E = { tasks:
|
|
2936
|
-
c("task_create", E, { tasks:
|
|
2937
|
-
}, [
|
|
2938
|
-
const E = { tasks:
|
|
2939
|
-
c("task_delete", E, { tasks:
|
|
2940
|
-
}, [
|
|
2929
|
+
const L = a[r + 1];
|
|
2930
|
+
i(L.after.tasks), g(L.after.links), x(r + 1);
|
|
2931
|
+
}, [a, r]), u = r >= 0, p = r < a.length - 1, b = $e((L) => {
|
|
2932
|
+
const E = { tasks: f, links: s }, B = f.map((V) => V.id === L.id ? L : V);
|
|
2933
|
+
c("task_update", E, { tasks: B, links: s }), i(B);
|
|
2934
|
+
}, [f, s, c]), w = $e((L) => {
|
|
2935
|
+
const E = { tasks: f, links: s }, B = [...f, L];
|
|
2936
|
+
c("task_create", E, { tasks: B, links: s }), i(B);
|
|
2937
|
+
}, [f, s, c]), j = $e((L) => {
|
|
2938
|
+
const E = { tasks: f, links: s }, B = f.filter((pe) => pe.id !== L), ne = s.filter((pe) => pe.source !== L && pe.target !== L);
|
|
2939
|
+
c("task_delete", E, { tasks: B, links: ne }), i(B), g(ne);
|
|
2940
|
+
}, [f, s, c]);
|
|
2941
2941
|
return {
|
|
2942
|
-
tasks:
|
|
2942
|
+
tasks: f,
|
|
2943
2943
|
links: s,
|
|
2944
2944
|
setTasks: i,
|
|
2945
|
-
setLinks:
|
|
2946
|
-
undo:
|
|
2947
|
-
redo:
|
|
2945
|
+
setLinks: g,
|
|
2946
|
+
undo: y,
|
|
2947
|
+
redo: S,
|
|
2948
2948
|
canUndo: u,
|
|
2949
2949
|
canRedo: p,
|
|
2950
2950
|
updateTask: b,
|
|
2951
2951
|
createTask: w,
|
|
2952
|
-
deleteTask:
|
|
2952
|
+
deleteTask: j,
|
|
2953
2953
|
saveState: c,
|
|
2954
2954
|
history: a
|
|
2955
2955
|
};
|
|
2956
2956
|
}, rr = (t, o, a = { mode: "forward" }) => {
|
|
2957
2957
|
const l = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
|
|
2958
|
-
return t.forEach((
|
|
2959
|
-
l.set(
|
|
2960
|
-
}), o.forEach((
|
|
2961
|
-
|
|
2958
|
+
return t.forEach((x) => {
|
|
2959
|
+
l.set(x.id, []), r.set(x.id, []);
|
|
2960
|
+
}), o.forEach((x) => {
|
|
2961
|
+
x.type === "e2s" && (l.get(x.target)?.push(x.source), r.get(x.source)?.push(x.target));
|
|
2962
2962
|
}), a.mode === "forward" ? Qr(t, l, a) : en(t, r, a);
|
|
2963
2963
|
}, Qr = (t, o, a) => {
|
|
2964
|
-
const l = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Set(),
|
|
2964
|
+
const l = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Set(), x = a.projectStart || /* @__PURE__ */ new Date(), f = (i) => {
|
|
2965
2965
|
if (r.has(i)) return;
|
|
2966
2966
|
const s = t.find((p) => p.id === i);
|
|
2967
2967
|
if (!s) return;
|
|
2968
|
-
const
|
|
2969
|
-
|
|
2970
|
-
let c =
|
|
2971
|
-
|
|
2968
|
+
const g = o.get(i) || [];
|
|
2969
|
+
g.forEach((p) => f(p));
|
|
2970
|
+
let c = x;
|
|
2971
|
+
g.forEach((p) => {
|
|
2972
2972
|
const b = l.get(p);
|
|
2973
2973
|
b && b.end > c && (c = new Date(b.end));
|
|
2974
2974
|
});
|
|
2975
|
-
const
|
|
2975
|
+
const y = new Date(c), S = me(y, s.duration, "day"), u = {
|
|
2976
2976
|
...s,
|
|
2977
|
-
start:
|
|
2978
|
-
end:
|
|
2977
|
+
start: y,
|
|
2978
|
+
end: S
|
|
2979
2979
|
};
|
|
2980
2980
|
l.set(i, u), r.add(i);
|
|
2981
2981
|
};
|
|
2982
|
-
return t.forEach((i) =>
|
|
2982
|
+
return t.forEach((i) => f(i.id)), t.map((i) => l.get(i.id) || i);
|
|
2983
2983
|
}, en = (t, o, a) => {
|
|
2984
|
-
const l = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Set(),
|
|
2984
|
+
const l = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Set(), x = a.projectEnd || new Date(
|
|
2985
2985
|
Math.max(...t.map((i) => i.end.getTime()))
|
|
2986
|
-
),
|
|
2986
|
+
), f = (i) => {
|
|
2987
2987
|
if (r.has(i)) return;
|
|
2988
2988
|
const s = t.find((p) => p.id === i);
|
|
2989
2989
|
if (!s) return;
|
|
2990
|
-
const
|
|
2991
|
-
|
|
2992
|
-
let c =
|
|
2993
|
-
|
|
2990
|
+
const g = o.get(i) || [];
|
|
2991
|
+
g.forEach((p) => f(p));
|
|
2992
|
+
let c = x;
|
|
2993
|
+
g.forEach((p) => {
|
|
2994
2994
|
const b = l.get(p);
|
|
2995
2995
|
b && b.start < c && (c = new Date(b.start));
|
|
2996
2996
|
});
|
|
2997
|
-
const
|
|
2997
|
+
const y = new Date(c), S = me(y, -s.duration, "day"), u = {
|
|
2998
2998
|
...s,
|
|
2999
|
-
start:
|
|
3000
|
-
end:
|
|
2999
|
+
start: S,
|
|
3000
|
+
end: y
|
|
3001
3001
|
};
|
|
3002
3002
|
l.set(i, u), r.add(i);
|
|
3003
3003
|
};
|
|
3004
|
-
return t.forEach((i) =>
|
|
3004
|
+
return t.forEach((i) => f(i.id)), t.map((i) => l.get(i.id) || i);
|
|
3005
3005
|
}, tn = (t) => {
|
|
3006
3006
|
const o = /* @__PURE__ */ new Map();
|
|
3007
3007
|
t.forEach((l) => {
|
|
@@ -3009,16 +3009,16 @@ Example: 3FS+10d`);
|
|
|
3009
3009
|
});
|
|
3010
3010
|
const a = [...t];
|
|
3011
3011
|
return o.forEach((l) => {
|
|
3012
|
-
const r = l.sort((
|
|
3013
|
-
for (let
|
|
3014
|
-
const
|
|
3015
|
-
if (
|
|
3016
|
-
const s = a.findIndex((
|
|
3012
|
+
const r = l.sort((x, f) => x.start.getTime() - f.start.getTime());
|
|
3013
|
+
for (let x = 1; x < r.length; x++) {
|
|
3014
|
+
const f = r[x], i = r[x - 1];
|
|
3015
|
+
if (f.start < i.end) {
|
|
3016
|
+
const s = a.findIndex((g) => g.id === f.id);
|
|
3017
3017
|
if (s >= 0) {
|
|
3018
|
-
const
|
|
3018
|
+
const g = new Date(i.end), c = me(g, f.duration, "day");
|
|
3019
3019
|
a[s] = {
|
|
3020
|
-
...
|
|
3021
|
-
start:
|
|
3020
|
+
...f,
|
|
3021
|
+
start: g,
|
|
3022
3022
|
end: c
|
|
3023
3023
|
};
|
|
3024
3024
|
}
|
|
@@ -3042,8 +3042,8 @@ Example: 3FS+10d`);
|
|
|
3042
3042
|
const o = ["ID", "Task Name", "Start Date", "End Date", "Duration", "Progress", "Type", "Owner", "Priority"], a = t.map((r) => [
|
|
3043
3043
|
r.id,
|
|
3044
3044
|
r.text,
|
|
3045
|
-
|
|
3046
|
-
|
|
3045
|
+
ve(r.start, "YYYY-MM-DD"),
|
|
3046
|
+
ve(r.end, "YYYY-MM-DD"),
|
|
3047
3047
|
r.duration.toString(),
|
|
3048
3048
|
`${r.progress}%`,
|
|
3049
3049
|
r.type || "task",
|
|
@@ -3051,16 +3051,16 @@ Example: 3FS+10d`);
|
|
|
3051
3051
|
r.priority || "medium"
|
|
3052
3052
|
]), l = [
|
|
3053
3053
|
o.join(","),
|
|
3054
|
-
...a.map((r) => r.map((
|
|
3054
|
+
...a.map((r) => r.map((x) => `"${x}"`).join(","))
|
|
3055
3055
|
].join(`
|
|
3056
3056
|
`);
|
|
3057
|
-
|
|
3057
|
+
wt(l, "gantt-tasks.csv", "text/csv");
|
|
3058
3058
|
}, ar = (t) => {
|
|
3059
3059
|
const o = ["ID", "Task Name", "Start Date", "End Date", "Duration", "Progress", "Type", "Owner", "Priority", "Details"], a = t.map((r) => [
|
|
3060
3060
|
r.id,
|
|
3061
3061
|
r.text,
|
|
3062
|
-
|
|
3063
|
-
|
|
3062
|
+
ve(r.start, "MM/DD/YYYY"),
|
|
3063
|
+
ve(r.end, "MM/DD/YYYY"),
|
|
3064
3064
|
r.duration.toString(),
|
|
3065
3065
|
r.progress.toString(),
|
|
3066
3066
|
r.type || "task",
|
|
@@ -3070,10 +3070,10 @@ Example: 3FS+10d`);
|
|
|
3070
3070
|
]), l = "\uFEFF" + [
|
|
3071
3071
|
// BOM for UTF-8
|
|
3072
3072
|
o.join(" "),
|
|
3073
|
-
...a.map((r) => r.map((
|
|
3073
|
+
...a.map((r) => r.map((x) => x.replace(/\t/g, " ")).join(" "))
|
|
3074
3074
|
].join(`
|
|
3075
3075
|
`);
|
|
3076
|
-
|
|
3076
|
+
wt(l, "gantt-tasks.xls", "application/vnd.ms-excel");
|
|
3077
3077
|
}, or = (t, o) => {
|
|
3078
3078
|
const a = {
|
|
3079
3079
|
tasks: t,
|
|
@@ -3081,7 +3081,7 @@ Example: 3FS+10d`);
|
|
|
3081
3081
|
exported: (/* @__PURE__ */ new Date()).toISOString(),
|
|
3082
3082
|
version: "1.0"
|
|
3083
3083
|
}, l = JSON.stringify(a, null, 2);
|
|
3084
|
-
|
|
3084
|
+
wt(l, "gantt-project.json", "application/json");
|
|
3085
3085
|
}, sr = (t) => {
|
|
3086
3086
|
const o = `
|
|
3087
3087
|
GANTT CHART PROJECT
|
|
@@ -3090,15 +3090,15 @@ Generated: ${(/* @__PURE__ */ new Date()).toLocaleString()}
|
|
|
3090
3090
|
Tasks:
|
|
3091
3091
|
${t.map((a, l) => `
|
|
3092
3092
|
${l + 1}. ${a.text}
|
|
3093
|
-
Start: ${
|
|
3094
|
-
End: ${
|
|
3093
|
+
Start: ${ve(a.start, "MM/DD/YYYY")}
|
|
3094
|
+
End: ${ve(a.end, "MM/DD/YYYY")}
|
|
3095
3095
|
Duration: ${a.duration} days
|
|
3096
3096
|
Progress: ${a.progress}%
|
|
3097
3097
|
${a.owner ? `Owner: ${a.owner}` : ""}
|
|
3098
3098
|
`).join(`
|
|
3099
3099
|
`)}
|
|
3100
3100
|
`.trim();
|
|
3101
|
-
|
|
3101
|
+
wt(o, "gantt-report.txt", "text/plain"), alert("PDF export is a simplified text version. For full PDF with charts, a PDF library would be needed.");
|
|
3102
3102
|
}, nn = (t, o, a = "png") => {
|
|
3103
3103
|
if (!document.getElementById(t)) {
|
|
3104
3104
|
alert("Could not find Gantt chart element to export");
|
|
@@ -3109,7 +3109,7 @@ ${l + 1}. ${a.text}
|
|
|
3109
3109
|
return;
|
|
3110
3110
|
}
|
|
3111
3111
|
alert("Image export requires html2canvas library. Install with: npm install html2canvas");
|
|
3112
|
-
},
|
|
3112
|
+
}, wt = (t, o, a) => {
|
|
3113
3113
|
const l = new Blob([t], { type: a }), r = URL.createObjectURL(l);
|
|
3114
3114
|
an(r, o), URL.revokeObjectURL(r);
|
|
3115
3115
|
}, an = (t, o) => {
|
|
@@ -3119,17 +3119,17 @@ ${l + 1}. ${a.text}
|
|
|
3119
3119
|
const l = new FileReader();
|
|
3120
3120
|
l.onload = (r) => {
|
|
3121
3121
|
try {
|
|
3122
|
-
const
|
|
3122
|
+
const x = r.target?.result, f = JSON.parse(x), i = f.tasks.map((s) => ({
|
|
3123
3123
|
...s,
|
|
3124
3124
|
start: new Date(s.start),
|
|
3125
3125
|
end: new Date(s.end)
|
|
3126
3126
|
}));
|
|
3127
|
-
o({ tasks: i, links:
|
|
3127
|
+
o({ tasks: i, links: f.links || [] });
|
|
3128
3128
|
} catch {
|
|
3129
3129
|
a(new Error("Invalid JSON file"));
|
|
3130
3130
|
}
|
|
3131
3131
|
}, l.onerror = () => a(new Error("Failed to read file")), l.readAsText(t);
|
|
3132
|
-
}),
|
|
3132
|
+
}), Sn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
3133
3133
|
__proto__: null,
|
|
3134
3134
|
exportToCSV: nr,
|
|
3135
3135
|
exportToExcel: ar,
|
|
@@ -3139,15 +3139,15 @@ ${l + 1}. ${a.text}
|
|
|
3139
3139
|
importFromJSON: on
|
|
3140
3140
|
}, Symbol.toStringTag, { value: "Module" })), sn = (t, o) => t.filter((a) => {
|
|
3141
3141
|
if (o.searchText) {
|
|
3142
|
-
const l = o.searchText.toLowerCase(), r = a.text.toLowerCase().includes(l),
|
|
3143
|
-
if (!r && !
|
|
3142
|
+
const l = o.searchText.toLowerCase(), r = a.text.toLowerCase().includes(l), x = a.owner?.toLowerCase().includes(l), f = a.details?.toLowerCase().includes(l);
|
|
3143
|
+
if (!r && !x && !f)
|
|
3144
3144
|
return !1;
|
|
3145
3145
|
}
|
|
3146
3146
|
if (o.status !== "all" && (a.progress === 0 ? "not-started" : a.progress === 100 ? "completed" : "in-progress") !== o.status || o.priority !== "all" && a.priority !== o.priority || o.owner && a.owner !== o.owner)
|
|
3147
3147
|
return !1;
|
|
3148
3148
|
if (o.dateRange) {
|
|
3149
|
-
const l = a.start.getTime(), r = o.dateRange.start.getTime(),
|
|
3150
|
-
if (l < r || l >
|
|
3149
|
+
const l = a.start.getTime(), r = o.dateRange.start.getTime(), x = o.dateRange.end.getTime();
|
|
3150
|
+
if (l < r || l > x)
|
|
3151
3151
|
return !1;
|
|
3152
3152
|
}
|
|
3153
3153
|
return !0;
|
|
@@ -3239,46 +3239,46 @@ ${l + 1}. ${a.text}
|
|
|
3239
3239
|
start: "Start"
|
|
3240
3240
|
},
|
|
3241
3241
|
taskNameRequired: "Please enter task name"
|
|
3242
|
-
},
|
|
3242
|
+
}, jn = ({
|
|
3243
3243
|
tasks: t = [],
|
|
3244
3244
|
links: o = [],
|
|
3245
3245
|
config: a = {},
|
|
3246
3246
|
uiConfig: l = {},
|
|
3247
3247
|
styleConfig: r = {},
|
|
3248
|
-
iconConfig:
|
|
3249
|
-
onTaskUpdate:
|
|
3248
|
+
iconConfig: x = {},
|
|
3249
|
+
onTaskUpdate: f,
|
|
3250
3250
|
onTaskCreate: i,
|
|
3251
3251
|
onTaskDelete: s,
|
|
3252
|
-
onLinkCreate:
|
|
3252
|
+
onLinkCreate: g,
|
|
3253
3253
|
onLinkDelete: c,
|
|
3254
|
-
baselines:
|
|
3254
|
+
baselines: y
|
|
3255
3255
|
}) => {
|
|
3256
|
-
const
|
|
3256
|
+
const S = { ...cn, ...l }, u = re.useMemo(() => {
|
|
3257
3257
|
const d = {};
|
|
3258
3258
|
return r.primary && (d["--wx-gantt-primary"] = r.primary), r.primarySelected && (d["--wx-gantt-primary-selected"] = r.primarySelected), r.success && (d["--wx-gantt-success"] = r.success), r.warning && (d["--wx-gantt-warning"] = r.warning), r.danger && (d["--wx-gantt-danger"] = r.danger), r.background && (d["--wx-gantt-background"] = r.background), r.backgroundAlt && (d["--wx-gantt-background-alt"] = r.backgroundAlt), r.backgroundHover && (d["--wx-gantt-background-hover"] = r.backgroundHover), r.selectColor && (d["--wx-gantt-select-color"] = r.selectColor), r.taskColor && (d["--wx-gantt-task-color"] = r.taskColor), r.taskFillColor && (d["--wx-gantt-task-fill-color"] = r.taskFillColor), r.projectColor && (d["--wx-gantt-project-color"] = r.projectColor), r.milestoneColor && (d["--wx-gantt-milestone-color"] = r.milestoneColor), r.fontColor && (d["--wx-gantt-font-color"] = r.fontColor), r.fontColorAlt && (d["--wx-gantt-font-color-alt"] = r.fontColorAlt), r.iconColor && (d["--wx-gantt-icon-color"] = r.iconColor), r.borderColor && (d["--wx-gantt-border-color"] = r.borderColor), r.fontFamily && (d["--wx-gantt-font-family"] = r.fontFamily), r.fontMono && (d["--wx-gantt-font-mono"] = r.fontMono), r.fontSize && (d["--wx-gantt-font-size"] = r.fontSize), r.fontWeight && (d["--wx-gantt-font-weight"] = String(r.fontWeight)), r.lineHeight && (d["--wx-gantt-line-height"] = String(r.lineHeight)), r.spacingXS && (d["--gantt-spacing-xs"] = r.spacingXS), r.spacingSM && (d["--gantt-spacing-sm"] = r.spacingSM), r.spacingMD && (d["--gantt-spacing-md"] = r.spacingMD), r.spacingLG && (d["--gantt-spacing-lg"] = r.spacingLG), r.customCSSVariables && Object.entries(r.customCSSVariables).forEach(([v, F]) => {
|
|
3259
3259
|
d[v.startsWith("--") ? v : `--${v}`] = F;
|
|
3260
3260
|
}), d;
|
|
3261
3261
|
}, [r]), p = Array.isArray(t) ? t : [], b = Array.isArray(o) ? o : [], {
|
|
3262
3262
|
tasks: w,
|
|
3263
|
-
links:
|
|
3264
|
-
setTasks:
|
|
3263
|
+
links: j,
|
|
3264
|
+
setTasks: L,
|
|
3265
3265
|
setLinks: E,
|
|
3266
|
-
undo:
|
|
3267
|
-
redo:
|
|
3266
|
+
undo: B,
|
|
3267
|
+
redo: ne,
|
|
3268
3268
|
updateTask: V,
|
|
3269
3269
|
createTask: pe,
|
|
3270
|
-
deleteTask:
|
|
3270
|
+
deleteTask: M,
|
|
3271
3271
|
saveState: q
|
|
3272
|
-
} = Kr(p, b), [
|
|
3273
|
-
|
|
3274
|
-
|
|
3275
|
-
}, [
|
|
3276
|
-
const [
|
|
3272
|
+
} = Kr(p, b), [U, D] = z(w), [W, ae] = z(null), [J, xe] = z(null), [Fe, ke] = z(!1), [_, Y] = z(void 0), [ue, K] = z(void 0), [Q, G] = z(!1), [h, k] = z(null), [$, O] = z(null), [I, se] = z(null), [ee, Re] = z(null), [ie, Me] = z(null), [Ie, Pe] = z(1), [De, Oe] = z(() => y && y.size > 0 ? y : p.length > 0 ? rn(p) : /* @__PURE__ */ new Map());
|
|
3273
|
+
Je(() => {
|
|
3274
|
+
y && y.size > 0 && Oe(y);
|
|
3275
|
+
}, [y]);
|
|
3276
|
+
const [at] = z(a.theme || "light"), [Ue, vt] = z({
|
|
3277
3277
|
searchText: "",
|
|
3278
3278
|
status: "all",
|
|
3279
3279
|
priority: "all",
|
|
3280
3280
|
owner: ""
|
|
3281
|
-
}),
|
|
3281
|
+
}), ut = Qe(null), Ce = Qe(null), St = Qe(null), Ae = Qe(!1), Le = Qe(null), Se = {
|
|
3282
3282
|
columns: a.columns || ln(l),
|
|
3283
3283
|
scales: dn,
|
|
3284
3284
|
readonly: !1,
|
|
@@ -3294,7 +3294,7 @@ ${l + 1}. ${a.text}
|
|
|
3294
3294
|
// Always enabled
|
|
3295
3295
|
weekends: !0,
|
|
3296
3296
|
holidays: [],
|
|
3297
|
-
theme:
|
|
3297
|
+
theme: at,
|
|
3298
3298
|
locale: "en",
|
|
3299
3299
|
// Today and Project Start lines - enabled by default, labels visible by default
|
|
3300
3300
|
showTodayLine: a.showTodayLine !== !1,
|
|
@@ -3341,119 +3341,132 @@ ${l + 1}. ${a.text}
|
|
|
3341
3341
|
// Marker style
|
|
3342
3342
|
...a
|
|
3343
3343
|
};
|
|
3344
|
-
|
|
3345
|
-
const d = sn(w,
|
|
3344
|
+
Je(() => {
|
|
3345
|
+
const d = sn(w, Ue);
|
|
3346
3346
|
D(((F) => {
|
|
3347
|
-
const
|
|
3347
|
+
const A = [], oe = (X) => {
|
|
3348
3348
|
if (!X) return !1;
|
|
3349
|
-
const
|
|
3350
|
-
return
|
|
3349
|
+
const be = F.find((te) => te.id === X);
|
|
3350
|
+
return be && !be.open && be.type === "project" ? !0 : oe(be?.parent);
|
|
3351
3351
|
};
|
|
3352
3352
|
return F.forEach((X) => {
|
|
3353
|
-
|
|
3354
|
-
}),
|
|
3353
|
+
oe(X.parent) || A.push(X);
|
|
3354
|
+
}), A;
|
|
3355
3355
|
})(d));
|
|
3356
|
-
}, [w,
|
|
3357
|
-
const
|
|
3356
|
+
}, [w, Ue]);
|
|
3357
|
+
const pt = re.useMemo(() => {
|
|
3358
3358
|
if (!w || !Array.isArray(w)) return [];
|
|
3359
3359
|
try {
|
|
3360
3360
|
return Array.from(new Set(w.map((d) => d?.owner).filter(Boolean)));
|
|
3361
3361
|
} catch (d) {
|
|
3362
3362
|
return console.warn("Error extracting owners:", d), [];
|
|
3363
3363
|
}
|
|
3364
|
-
}, [w]),
|
|
3365
|
-
const d =
|
|
3364
|
+
}, [w]), ht = (() => {
|
|
3365
|
+
const d = U.length > 0 ? U : w;
|
|
3366
3366
|
if (d.length === 0) {
|
|
3367
3367
|
const X = /* @__PURE__ */ new Date();
|
|
3368
3368
|
return {
|
|
3369
|
-
start:
|
|
3370
|
-
end:
|
|
3369
|
+
start: rt(me(X, -30, "day")),
|
|
3370
|
+
end: rt(me(X, 60, "day"))
|
|
3371
3371
|
};
|
|
3372
3372
|
}
|
|
3373
|
-
const v = d.map((X) => X.start.getTime()), F = d.map((X) => X.end.getTime()),
|
|
3373
|
+
const v = d.map((X) => X.start.getTime()), F = d.map((X) => X.end.getTime()), A = new Date(Math.min(...v)), oe = new Date(Math.max(...F));
|
|
3374
3374
|
return {
|
|
3375
|
-
start:
|
|
3376
|
-
end:
|
|
3375
|
+
start: rt(me(A, -7, "day")),
|
|
3376
|
+
end: rt(oe)
|
|
3377
3377
|
};
|
|
3378
|
-
})(),
|
|
3379
|
-
|
|
3380
|
-
},
|
|
3381
|
-
if (
|
|
3378
|
+
})(), ft = (d) => {
|
|
3379
|
+
ae(d);
|
|
3380
|
+
}, jt = (d, v) => {
|
|
3381
|
+
if (Se.readonly) return;
|
|
3382
3382
|
d.preventDefault();
|
|
3383
|
-
const F = w.find((
|
|
3383
|
+
const F = w.find((A) => A.id === v);
|
|
3384
3384
|
F && Me({ x: d.clientX, y: d.clientY, task: F });
|
|
3385
|
-
},
|
|
3386
|
-
if (!
|
|
3387
|
-
const d =
|
|
3385
|
+
}, Tt = () => {
|
|
3386
|
+
if (!ie?.task) return;
|
|
3387
|
+
const d = ie.task, v = {
|
|
3388
3388
|
...d,
|
|
3389
3389
|
id: `task-${Date.now()}`,
|
|
3390
3390
|
text: `${d.text} (Copy)`,
|
|
3391
|
-
start:
|
|
3392
|
-
end:
|
|
3391
|
+
start: me(d.start, 7, "day"),
|
|
3392
|
+
end: me(d.end, 7, "day")
|
|
3393
3393
|
};
|
|
3394
3394
|
pe(v), i && i(v);
|
|
3395
|
-
},
|
|
3396
|
-
if (!
|
|
3397
|
-
const v = { ...
|
|
3398
|
-
V(v),
|
|
3399
|
-
},
|
|
3400
|
-
if (!
|
|
3401
|
-
if (
|
|
3402
|
-
const
|
|
3403
|
-
let
|
|
3404
|
-
return
|
|
3405
|
-
|
|
3406
|
-
}),
|
|
3407
|
-
},
|
|
3408
|
-
|
|
3395
|
+
}, ot = (d) => {
|
|
3396
|
+
if (!ie?.task) return;
|
|
3397
|
+
const v = { ...ie.task, type: d };
|
|
3398
|
+
V(v), f && f(v);
|
|
3399
|
+
}, Dt = (d, v, F, A) => {
|
|
3400
|
+
if (!Se.readonly)
|
|
3401
|
+
if (A === "reorder") {
|
|
3402
|
+
const oe = U.findIndex((te) => te.id === d), X = (te, we) => {
|
|
3403
|
+
let ze = [];
|
|
3404
|
+
return we.filter((n) => n.parent === te).forEach((n) => {
|
|
3405
|
+
ze.push(n.id), ze = [...ze, ...X(n.id, we)];
|
|
3406
|
+
}), ze;
|
|
3407
|
+
}, be = X(d, w);
|
|
3408
|
+
se({ id: d, initialIndex: oe, currentY: F, descendantIds: be }), document.body.classList.add("gantt-dragging");
|
|
3409
3409
|
} else
|
|
3410
|
-
|
|
3411
|
-
},
|
|
3412
|
-
if (
|
|
3413
|
-
const d = w.find((F) => F.id ===
|
|
3410
|
+
O(d);
|
|
3411
|
+
}, kt = () => {
|
|
3412
|
+
if (I && ee) {
|
|
3413
|
+
const d = w.find((F) => F.id === I.id), v = w.find((F) => F.id === ee.taskId);
|
|
3414
3414
|
if (d && v && d.id !== v.id) {
|
|
3415
|
-
const F = [d.id, ...
|
|
3415
|
+
const F = [d.id, ...I.descendantIds];
|
|
3416
3416
|
if (!F.includes(v.id)) {
|
|
3417
|
-
const
|
|
3418
|
-
X !== -1 && (
|
|
3419
|
-
const
|
|
3420
|
-
let
|
|
3421
|
-
if (
|
|
3422
|
-
const
|
|
3423
|
-
|
|
3424
|
-
} else if (
|
|
3425
|
-
const
|
|
3426
|
-
let
|
|
3427
|
-
return
|
|
3428
|
-
|
|
3429
|
-
}),
|
|
3430
|
-
},
|
|
3431
|
-
|
|
3417
|
+
const A = [...w], oe = ee.position === "inside" ? v.id : v.parent, X = A.findIndex((R) => R.id === d.id);
|
|
3418
|
+
X !== -1 && (A[X] = { ...A[X], parent: oe });
|
|
3419
|
+
const be = A.filter((R) => F.includes(R.id)), te = A.filter((R) => !F.includes(R.id));
|
|
3420
|
+
let we = te.findIndex((R) => R.id === v.id);
|
|
3421
|
+
if (ee.position === "inside") {
|
|
3422
|
+
const R = te.filter((C) => C.parent === v.id);
|
|
3423
|
+
R.length > 0 ? we = te.findIndex((C) => C.id === R[R.length - 1].id) + 1 : we++;
|
|
3424
|
+
} else if (ee.position === "below") {
|
|
3425
|
+
const R = (N, he) => {
|
|
3426
|
+
let Z = [];
|
|
3427
|
+
return he.filter((ge) => ge.parent === N).forEach((ge) => {
|
|
3428
|
+
Z.push(ge.id), Z = [...Z, ...R(ge.id, he)];
|
|
3429
|
+
}), Z;
|
|
3430
|
+
}, C = R(v.id, te);
|
|
3431
|
+
C.length > 0 ? we = te.findIndex((N) => N.id === C[C.length - 1]) + 1 : we++;
|
|
3432
|
+
}
|
|
3433
|
+
const ze = { tasks: [...w], links: [...j] };
|
|
3434
|
+
te.splice(we, 0, ...be), L(te), q("task_update", ze, { tasks: te, links: j });
|
|
3435
|
+
const n = w.filter((R) => R.parent === d.parent).findIndex((R) => R.id === d.id) + 1, T = te.filter((R) => R.parent === oe).findIndex((R) => R.id === d.id) + 1, P = {
|
|
3436
|
+
currentSequenceId: n,
|
|
3437
|
+
targetSequenceId: T,
|
|
3438
|
+
targetStageId: oe ?? null
|
|
3439
|
+
}, H = te.find((R) => R.id === d.id);
|
|
3440
|
+
if (H && f) {
|
|
3441
|
+
const R = {
|
|
3442
|
+
...H,
|
|
3443
|
+
sequence_id: T,
|
|
3444
|
+
stage_id: oe ?? null
|
|
3445
|
+
};
|
|
3446
|
+
f(R, P);
|
|
3432
3447
|
}
|
|
3433
|
-
const Be = { tasks: [...w], links: [...S] };
|
|
3434
|
-
oe.splice(be, 0, ...ge), M(oe), q("task_update", Be, { tasks: oe, links: S });
|
|
3435
3448
|
}
|
|
3436
3449
|
}
|
|
3437
3450
|
}
|
|
3438
|
-
|
|
3439
|
-
},
|
|
3440
|
-
|
|
3441
|
-
const v =
|
|
3451
|
+
O(null), se(null), Re(null), document.body.classList.remove("gantt-dragging");
|
|
3452
|
+
}, st = Qe(null), Mt = re.useCallback((d) => {
|
|
3453
|
+
I && (st.current && cancelAnimationFrame(st.current), st.current = requestAnimationFrame(() => {
|
|
3454
|
+
const v = Se.rowHeight || 44, F = Ce.current?.querySelector(".gantt-grid-body");
|
|
3442
3455
|
if (!F) return;
|
|
3443
|
-
const
|
|
3444
|
-
let X = Math.floor(
|
|
3445
|
-
X = Math.max(0, Math.min(X,
|
|
3446
|
-
const
|
|
3447
|
-
if (
|
|
3448
|
-
const
|
|
3449
|
-
let
|
|
3450
|
-
|
|
3456
|
+
const A = F.getBoundingClientRect(), oe = d.clientY - A.top;
|
|
3457
|
+
let X = Math.floor(oe / v);
|
|
3458
|
+
X = Math.max(0, Math.min(X, U.length - 1));
|
|
3459
|
+
const be = U[X];
|
|
3460
|
+
if (be) {
|
|
3461
|
+
const te = oe - X * v;
|
|
3462
|
+
let we = "above";
|
|
3463
|
+
be.type === "project" ? te < v * 0.3 ? we = "above" : te > v * 0.7 ? we = "below" : we = "inside" : we = te < v / 2 ? "above" : "below", be.id !== I.id ? Re({ taskId: be.id, position: we }) : Re(null);
|
|
3451
3464
|
}
|
|
3452
|
-
|
|
3465
|
+
se((te) => te ? { ...te, currentY: d.clientY } : null);
|
|
3453
3466
|
}));
|
|
3454
|
-
}, [
|
|
3455
|
-
|
|
3456
|
-
},
|
|
3467
|
+
}, [I, U, Se.rowHeight]), qe = () => {
|
|
3468
|
+
I && kt();
|
|
3469
|
+
}, mt = (d, v) => {
|
|
3457
3470
|
const F = {
|
|
3458
3471
|
...d,
|
|
3459
3472
|
id: `task-${Date.now()}`,
|
|
@@ -3461,152 +3474,152 @@ ${l + 1}. ${a.text}
|
|
|
3461
3474
|
// Set parent if provided (for subtasks)
|
|
3462
3475
|
};
|
|
3463
3476
|
pe(F);
|
|
3464
|
-
const
|
|
3477
|
+
const A = {
|
|
3465
3478
|
taskId: F.id,
|
|
3466
3479
|
start: new Date(F.start),
|
|
3467
3480
|
// Capture original start date
|
|
3468
3481
|
end: new Date(F.end)
|
|
3469
3482
|
// Capture original end date
|
|
3470
3483
|
};
|
|
3471
|
-
|
|
3472
|
-
const X = new Map(
|
|
3473
|
-
return X.set(F.id,
|
|
3484
|
+
Oe((oe) => {
|
|
3485
|
+
const X = new Map(oe);
|
|
3486
|
+
return X.set(F.id, A), X;
|
|
3474
3487
|
}), i && i(F);
|
|
3475
|
-
},
|
|
3476
|
-
V(d),
|
|
3477
|
-
},
|
|
3478
|
-
|
|
3488
|
+
}, Ee = (d) => {
|
|
3489
|
+
V(d), f && f(d);
|
|
3490
|
+
}, Ge = (d) => {
|
|
3491
|
+
M(d), Oe((v) => {
|
|
3479
3492
|
const F = new Map(v);
|
|
3480
3493
|
return F.delete(d), F;
|
|
3481
3494
|
}), s && s(d);
|
|
3482
|
-
},
|
|
3483
|
-
const
|
|
3484
|
-
E([...
|
|
3485
|
-
},
|
|
3486
|
-
const v =
|
|
3495
|
+
}, Ze = (d, v, F, A) => {
|
|
3496
|
+
const oe = { id: `link-${Date.now()}`, source: d, target: v, type: F, lag: A };
|
|
3497
|
+
E([...j, oe]), g && g(oe);
|
|
3498
|
+
}, it = (d) => {
|
|
3499
|
+
const v = j.filter((F) => F.id !== d);
|
|
3487
3500
|
E(v), c && c(d);
|
|
3488
3501
|
};
|
|
3489
|
-
|
|
3502
|
+
Je(() => {
|
|
3490
3503
|
const d = new Map(De);
|
|
3491
3504
|
let v = !1;
|
|
3492
|
-
w.forEach((
|
|
3493
|
-
De.has(
|
|
3494
|
-
taskId:
|
|
3495
|
-
start: new Date(
|
|
3505
|
+
w.forEach((A) => {
|
|
3506
|
+
De.has(A.id) || (d.set(A.id, {
|
|
3507
|
+
taskId: A.id,
|
|
3508
|
+
start: new Date(A.start),
|
|
3496
3509
|
// Capture original start date
|
|
3497
|
-
end: new Date(
|
|
3510
|
+
end: new Date(A.end)
|
|
3498
3511
|
// Capture original end date
|
|
3499
3512
|
}), v = !0);
|
|
3500
3513
|
});
|
|
3501
|
-
const F = new Set(w.map((
|
|
3502
|
-
De.forEach((
|
|
3503
|
-
F.has(
|
|
3504
|
-
}), v &&
|
|
3505
|
-
}, [w]),
|
|
3514
|
+
const F = new Set(w.map((A) => A.id));
|
|
3515
|
+
De.forEach((A, oe) => {
|
|
3516
|
+
F.has(oe) || (d.delete(oe), v = !0);
|
|
3517
|
+
}), v && Oe(d);
|
|
3518
|
+
}, [w]), Je(() => {
|
|
3506
3519
|
const d = (v) => {
|
|
3507
|
-
(v.ctrlKey || v.metaKey) && (v.key === "z" && !v.shiftKey ? (v.preventDefault(),
|
|
3520
|
+
(v.ctrlKey || v.metaKey) && (v.key === "z" && !v.shiftKey ? (v.preventDefault(), B()) : (v.key === "y" || v.key === "z" && v.shiftKey) && (v.preventDefault(), ne()));
|
|
3508
3521
|
};
|
|
3509
3522
|
return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
|
|
3510
|
-
}, [
|
|
3511
|
-
const d =
|
|
3523
|
+
}, [B, ne]), Je(() => {
|
|
3524
|
+
const d = Ce.current?.querySelector(".gantt-grid-body"), v = ut.current?.querySelector(".gantt-timeline-body");
|
|
3512
3525
|
if (!d || !v) return;
|
|
3513
3526
|
const F = () => {
|
|
3514
|
-
|
|
3515
|
-
|
|
3527
|
+
Ae.current || (Ae.current = !0, v.scrollTop = d.scrollTop, Le.current && clearTimeout(Le.current), Le.current = window.setTimeout(() => {
|
|
3528
|
+
Ae.current = !1;
|
|
3516
3529
|
}, 150));
|
|
3517
|
-
},
|
|
3518
|
-
|
|
3519
|
-
|
|
3530
|
+
}, A = () => {
|
|
3531
|
+
Ae.current || (Ae.current = !0, d.scrollTop = v.scrollTop, Le.current && clearTimeout(Le.current), Le.current = window.setTimeout(() => {
|
|
3532
|
+
Ae.current = !1;
|
|
3520
3533
|
}, 150));
|
|
3521
3534
|
};
|
|
3522
|
-
return d.addEventListener("scroll", F, { passive: !0 }), v.addEventListener("scroll",
|
|
3523
|
-
d.removeEventListener("scroll", F), v.removeEventListener("scroll",
|
|
3535
|
+
return d.addEventListener("scroll", F, { passive: !0 }), v.addEventListener("scroll", A, { passive: !0 }), () => {
|
|
3536
|
+
d.removeEventListener("scroll", F), v.removeEventListener("scroll", A), Le.current && clearTimeout(Le.current);
|
|
3524
3537
|
};
|
|
3525
|
-
}, [
|
|
3526
|
-
const
|
|
3538
|
+
}, [U]);
|
|
3539
|
+
const Lt = {
|
|
3527
3540
|
height: a.containerHeight || "100%",
|
|
3528
3541
|
minHeight: a.containerMinHeight || "400px"
|
|
3529
|
-
},
|
|
3542
|
+
}, xt = a.gridWidth ? { "--gantt-grid-width": a.gridWidth } : {};
|
|
3530
3543
|
return /* @__PURE__ */ e.jsxs(
|
|
3531
3544
|
"div",
|
|
3532
3545
|
{
|
|
3533
|
-
className: `gantt-page-wrapper theme-${
|
|
3534
|
-
style: { ...
|
|
3546
|
+
className: `gantt-page-wrapper theme-${at}`,
|
|
3547
|
+
style: { ...Lt, ...u },
|
|
3535
3548
|
children: [
|
|
3536
|
-
|
|
3549
|
+
S.showHeader && /* @__PURE__ */ e.jsx("div", { className: "gantt-page-header", children: /* @__PURE__ */ e.jsx("div", { className: "gantt-page-header-left", children: /* @__PURE__ */ e.jsx("h1", { className: "gantt-page-title", children: S.headerTitle }) }) }),
|
|
3537
3550
|
/* @__PURE__ */ e.jsxs(
|
|
3538
3551
|
"div",
|
|
3539
3552
|
{
|
|
3540
|
-
className: `gantt-container theme-${
|
|
3541
|
-
style:
|
|
3553
|
+
className: `gantt-container theme-${Se.theme}`,
|
|
3554
|
+
style: xt,
|
|
3542
3555
|
children: [
|
|
3543
3556
|
/* @__PURE__ */ e.jsx(
|
|
3544
3557
|
Wr,
|
|
3545
3558
|
{
|
|
3546
3559
|
zoomLevel: Ie,
|
|
3547
|
-
setZoomLevel:
|
|
3560
|
+
setZoomLevel: Pe,
|
|
3548
3561
|
onExport: (d) => {
|
|
3549
|
-
d === "csv" && nr(w), d === "excel" && ar(w), d === "json" && or(w,
|
|
3562
|
+
d === "csv" && nr(w), d === "excel" && ar(w), d === "json" && or(w, j), d === "pdf" && sr(w);
|
|
3550
3563
|
},
|
|
3551
|
-
onFilterChange: (d) =>
|
|
3552
|
-
owners:
|
|
3564
|
+
onFilterChange: (d) => vt(d),
|
|
3565
|
+
owners: pt || [],
|
|
3553
3566
|
onAddTask: (d) => {
|
|
3554
3567
|
if (d) {
|
|
3555
3568
|
const v = w.find((F) => F.id === d);
|
|
3556
|
-
|
|
3569
|
+
Y(d), K(v?.text);
|
|
3557
3570
|
} else
|
|
3558
|
-
|
|
3559
|
-
|
|
3571
|
+
Y(void 0), K(void 0);
|
|
3572
|
+
ke(!0);
|
|
3560
3573
|
},
|
|
3561
|
-
uiConfig:
|
|
3562
|
-
iconConfig:
|
|
3574
|
+
uiConfig: S,
|
|
3575
|
+
iconConfig: x,
|
|
3563
3576
|
styleConfig: r
|
|
3564
3577
|
}
|
|
3565
3578
|
),
|
|
3566
|
-
/* @__PURE__ */ e.jsxs("div", { className: "gantt-layout", ref: St, onMouseMove: Mt, onMouseUp:
|
|
3579
|
+
/* @__PURE__ */ e.jsxs("div", { className: "gantt-layout", ref: St, onMouseMove: Mt, onMouseUp: qe, onMouseLeave: qe, children: [
|
|
3567
3580
|
/* @__PURE__ */ e.jsx(
|
|
3568
3581
|
Qt,
|
|
3569
3582
|
{
|
|
3570
|
-
ref:
|
|
3571
|
-
tasks:
|
|
3572
|
-
columns:
|
|
3573
|
-
selectedTask:
|
|
3574
|
-
onTaskClick:
|
|
3575
|
-
onTaskContextMenu:
|
|
3576
|
-
onTaskUpdate:
|
|
3577
|
-
onTaskDragStart:
|
|
3583
|
+
ref: Ce,
|
|
3584
|
+
tasks: U,
|
|
3585
|
+
columns: Se.columns || [],
|
|
3586
|
+
selectedTask: W,
|
|
3587
|
+
onTaskClick: ft,
|
|
3588
|
+
onTaskContextMenu: jt,
|
|
3589
|
+
onTaskUpdate: Ee,
|
|
3590
|
+
onTaskDragStart: Dt,
|
|
3578
3591
|
onAddTask: (d) => {
|
|
3579
3592
|
if (d) {
|
|
3580
3593
|
const v = w.find((F) => F.id === d);
|
|
3581
|
-
|
|
3594
|
+
Y(d), K(v?.text);
|
|
3582
3595
|
} else
|
|
3583
|
-
|
|
3584
|
-
|
|
3596
|
+
Y(void 0), K(void 0);
|
|
3597
|
+
ke(!0);
|
|
3585
3598
|
},
|
|
3586
|
-
onAddDependency:
|
|
3587
|
-
onRemoveDependency:
|
|
3599
|
+
onAddDependency: Ze,
|
|
3600
|
+
onRemoveDependency: it,
|
|
3588
3601
|
onDependencyClick: (d) => {
|
|
3589
3602
|
const v = w.find((F) => F.id === d);
|
|
3590
3603
|
v && (k(v), G(!0));
|
|
3591
3604
|
},
|
|
3592
|
-
links:
|
|
3605
|
+
links: j,
|
|
3593
3606
|
allTasks: w,
|
|
3594
|
-
dropIndicator:
|
|
3595
|
-
reorderTask:
|
|
3596
|
-
iconConfig:
|
|
3607
|
+
dropIndicator: ee,
|
|
3608
|
+
reorderTask: I,
|
|
3609
|
+
iconConfig: x,
|
|
3597
3610
|
styleConfig: r
|
|
3598
3611
|
}
|
|
3599
3612
|
),
|
|
3600
3613
|
/* @__PURE__ */ e.jsx(
|
|
3601
3614
|
tr,
|
|
3602
3615
|
{
|
|
3603
|
-
ref:
|
|
3604
|
-
tasks:
|
|
3605
|
-
links:
|
|
3606
|
-
range:
|
|
3607
|
-
scales:
|
|
3608
|
-
config:
|
|
3609
|
-
selectedTask:
|
|
3616
|
+
ref: ut,
|
|
3617
|
+
tasks: U,
|
|
3618
|
+
links: j,
|
|
3619
|
+
range: ht,
|
|
3620
|
+
scales: Se.scales,
|
|
3621
|
+
config: Se,
|
|
3622
|
+
selectedTask: W,
|
|
3610
3623
|
draggedTask: $,
|
|
3611
3624
|
onTaskClick: () => {
|
|
3612
3625
|
},
|
|
@@ -3615,113 +3628,113 @@ ${l + 1}. ${a.text}
|
|
|
3615
3628
|
onTaskDragEnd: () => {
|
|
3616
3629
|
},
|
|
3617
3630
|
onTaskUpdate: (d, v) => {
|
|
3618
|
-
const F = w.find((
|
|
3619
|
-
F &&
|
|
3631
|
+
const F = w.find((A) => A.id === d);
|
|
3632
|
+
F && Ee({ ...F, ...v });
|
|
3620
3633
|
},
|
|
3621
3634
|
zoomLevel: Ie,
|
|
3622
3635
|
baselines: De
|
|
3623
3636
|
}
|
|
3624
3637
|
)
|
|
3625
3638
|
] }),
|
|
3626
|
-
|
|
3639
|
+
Fe && /* @__PURE__ */ e.jsx(
|
|
3627
3640
|
Ur,
|
|
3628
3641
|
{
|
|
3629
|
-
onCreateTask:
|
|
3642
|
+
onCreateTask: mt,
|
|
3630
3643
|
onClose: () => {
|
|
3631
|
-
|
|
3644
|
+
ke(!1), Y(void 0), K(void 0);
|
|
3632
3645
|
},
|
|
3633
|
-
uiConfig:
|
|
3634
|
-
parentId:
|
|
3635
|
-
parentTaskName:
|
|
3646
|
+
uiConfig: S,
|
|
3647
|
+
parentId: _,
|
|
3648
|
+
parentTaskName: ue,
|
|
3636
3649
|
styleConfig: r
|
|
3637
3650
|
}
|
|
3638
3651
|
),
|
|
3639
|
-
J && /* @__PURE__ */ e.jsx(Jr, { task: J, onUpdate:
|
|
3640
|
-
|
|
3652
|
+
J && /* @__PURE__ */ e.jsx(Jr, { task: J, onUpdate: Ee, onDelete: Ge, onClose: () => xe(null), uiConfig: S, styleConfig: r }),
|
|
3653
|
+
Q && h && /* @__PURE__ */ e.jsx(
|
|
3641
3654
|
Gr,
|
|
3642
3655
|
{
|
|
3643
3656
|
task: h,
|
|
3644
3657
|
allTasks: w,
|
|
3645
|
-
links:
|
|
3646
|
-
onAddDependency:
|
|
3647
|
-
onRemoveDependency:
|
|
3648
|
-
onTaskUpdate:
|
|
3658
|
+
links: j,
|
|
3659
|
+
onAddDependency: Ze,
|
|
3660
|
+
onRemoveDependency: it,
|
|
3661
|
+
onTaskUpdate: Ee,
|
|
3649
3662
|
onClose: () => {
|
|
3650
3663
|
G(!1), k(null);
|
|
3651
3664
|
},
|
|
3652
3665
|
styleConfig: r
|
|
3653
3666
|
}
|
|
3654
3667
|
),
|
|
3655
|
-
|
|
3668
|
+
ie && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
3656
3669
|
/* @__PURE__ */ e.jsx("div", { className: "gantt-context-menu-overlay", onClick: () => Me(null), onContextMenu: (d) => {
|
|
3657
3670
|
d.preventDefault(), Me(null);
|
|
3658
3671
|
} }),
|
|
3659
3672
|
/* @__PURE__ */ e.jsx(
|
|
3660
3673
|
Zr,
|
|
3661
3674
|
{
|
|
3662
|
-
x:
|
|
3663
|
-
y:
|
|
3664
|
-
task:
|
|
3675
|
+
x: ie.x,
|
|
3676
|
+
y: ie.y,
|
|
3677
|
+
task: ie.task,
|
|
3665
3678
|
onEdit: () => {
|
|
3666
|
-
|
|
3679
|
+
ie.task && xe(ie.task);
|
|
3667
3680
|
},
|
|
3668
3681
|
onDelete: () => {
|
|
3669
|
-
|
|
3682
|
+
ie.task && Ge(ie.task.id);
|
|
3670
3683
|
},
|
|
3671
|
-
onCopy:
|
|
3684
|
+
onCopy: Tt,
|
|
3672
3685
|
onDependencies: () => {
|
|
3673
|
-
|
|
3686
|
+
ie.task && (k(ie.task), G(!0));
|
|
3674
3687
|
},
|
|
3675
|
-
onConvertToMilestone: () =>
|
|
3676
|
-
onConvertToTask: () =>
|
|
3677
|
-
onConvertToProject: () =>
|
|
3688
|
+
onConvertToMilestone: () => ot("milestone"),
|
|
3689
|
+
onConvertToTask: () => ot("task"),
|
|
3690
|
+
onConvertToProject: () => ot("project"),
|
|
3678
3691
|
onClose: () => Me(null),
|
|
3679
3692
|
onAutoSchedule: () => {
|
|
3680
|
-
const d = rr(w,
|
|
3681
|
-
|
|
3693
|
+
const d = rr(w, j, { mode: "forward" });
|
|
3694
|
+
L(d), Me(null);
|
|
3682
3695
|
},
|
|
3683
|
-
iconConfig:
|
|
3696
|
+
iconConfig: x,
|
|
3684
3697
|
styleConfig: r
|
|
3685
3698
|
}
|
|
3686
3699
|
)
|
|
3687
3700
|
] }),
|
|
3688
|
-
|
|
3701
|
+
I && /* @__PURE__ */ e.jsx(
|
|
3689
3702
|
"div",
|
|
3690
3703
|
{
|
|
3691
3704
|
className: "gantt-grid-row ghost-row",
|
|
3692
3705
|
style: {
|
|
3693
|
-
height:
|
|
3694
|
-
top:
|
|
3695
|
-
left:
|
|
3706
|
+
height: Se.rowHeight,
|
|
3707
|
+
top: I.currentY - (Se.rowHeight || 48) / 2,
|
|
3708
|
+
left: Ce.current?.getBoundingClientRect().left,
|
|
3696
3709
|
position: "fixed",
|
|
3697
3710
|
pointerEvents: "none",
|
|
3698
3711
|
opacity: 0.8,
|
|
3699
3712
|
zIndex: 9999,
|
|
3700
|
-
width:
|
|
3713
|
+
width: Ce.current?.offsetWidth,
|
|
3701
3714
|
backgroundColor: "#ffffff",
|
|
3702
3715
|
boxShadow: "0 4px 12px rgba(0,0,0,0.15)",
|
|
3703
3716
|
border: "1px solid #2196F3",
|
|
3704
3717
|
display: "flex"
|
|
3705
3718
|
},
|
|
3706
|
-
children:
|
|
3707
|
-
const v = w.find((F) => F.id ===
|
|
3719
|
+
children: Se.columns?.map((d) => /* @__PURE__ */ e.jsx("div", { className: "gantt-grid-cell", style: { width: d.width, textAlign: d.align || "left" }, children: (() => {
|
|
3720
|
+
const v = w.find((F) => F.id === I.id);
|
|
3708
3721
|
if (!v) return null;
|
|
3709
3722
|
if (d.template) return d.template(v);
|
|
3710
3723
|
switch (d.name) {
|
|
3711
3724
|
case "text":
|
|
3712
3725
|
return /* @__PURE__ */ e.jsxs("div", { className: "gantt-grid-cell-text", children: [
|
|
3713
|
-
/* @__PURE__ */ e.jsx(
|
|
3726
|
+
/* @__PURE__ */ e.jsx(ce, { icon: Jt, style: { marginRight: 8, color: "#adb5bd" } }),
|
|
3714
3727
|
/* @__PURE__ */ e.jsxs("span", { className: "gantt-task-name-text", children: [
|
|
3715
3728
|
v.text,
|
|
3716
|
-
|
|
3729
|
+
I.descendantIds.length > 0 && /* @__PURE__ */ e.jsxs("span", { children: [
|
|
3717
3730
|
" +",
|
|
3718
|
-
|
|
3731
|
+
I.descendantIds.length,
|
|
3719
3732
|
" subtasks"
|
|
3720
3733
|
] })
|
|
3721
3734
|
] })
|
|
3722
3735
|
] });
|
|
3723
3736
|
case "start":
|
|
3724
|
-
return
|
|
3737
|
+
return ve(v.start, "DD MMM YYYY");
|
|
3725
3738
|
case "duration":
|
|
3726
3739
|
return `${v.duration}`;
|
|
3727
3740
|
default:
|
|
@@ -3737,54 +3750,54 @@ ${l + 1}. ${a.text}
|
|
|
3737
3750
|
}
|
|
3738
3751
|
);
|
|
3739
3752
|
}, un = (t, o) => {
|
|
3740
|
-
const a = /* @__PURE__ */ new Set(), l = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(),
|
|
3753
|
+
const a = /* @__PURE__ */ new Set(), l = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(), x = /* @__PURE__ */ new Map();
|
|
3741
3754
|
t.forEach((u) => {
|
|
3742
|
-
r.set(u.id, []),
|
|
3755
|
+
r.set(u.id, []), x.set(u.id, []);
|
|
3743
3756
|
}), o.forEach((u) => {
|
|
3744
|
-
u.type === "e2s" && (r.get(u.source)?.push(u.target),
|
|
3757
|
+
u.type === "e2s" && (r.get(u.source)?.push(u.target), x.get(u.target)?.push(u.source));
|
|
3745
3758
|
});
|
|
3746
|
-
const
|
|
3759
|
+
const f = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), s = (u, p = /* @__PURE__ */ new Set()) => {
|
|
3747
3760
|
if (p.has(u)) return;
|
|
3748
3761
|
p.add(u);
|
|
3749
|
-
const b = t.find((
|
|
3762
|
+
const b = t.find((j) => j.id === u);
|
|
3750
3763
|
if (!b) return;
|
|
3751
|
-
const w =
|
|
3764
|
+
const w = x.get(u) || [];
|
|
3752
3765
|
if (w.length === 0)
|
|
3753
|
-
|
|
3766
|
+
f.set(u, 0), i.set(u, b.duration);
|
|
3754
3767
|
else {
|
|
3755
|
-
let
|
|
3756
|
-
w.forEach((
|
|
3757
|
-
s(
|
|
3758
|
-
const E = i.get(
|
|
3759
|
-
|
|
3760
|
-
}),
|
|
3768
|
+
let j = 0;
|
|
3769
|
+
w.forEach((L) => {
|
|
3770
|
+
s(L, p);
|
|
3771
|
+
const E = i.get(L) || 0;
|
|
3772
|
+
j = Math.max(j, E);
|
|
3773
|
+
}), f.set(u, j), i.set(u, j + b.duration);
|
|
3761
3774
|
}
|
|
3762
3775
|
};
|
|
3763
3776
|
t.forEach((u) => s(u.id));
|
|
3764
|
-
const
|
|
3777
|
+
const g = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), y = Math.max(...Array.from(i.values())), S = (u, p = /* @__PURE__ */ new Set()) => {
|
|
3765
3778
|
if (p.has(u)) return;
|
|
3766
3779
|
p.add(u);
|
|
3767
|
-
const b = t.find((
|
|
3780
|
+
const b = t.find((j) => j.id === u);
|
|
3768
3781
|
if (!b) return;
|
|
3769
3782
|
const w = r.get(u) || [];
|
|
3770
3783
|
if (w.length === 0)
|
|
3771
|
-
c.set(u,
|
|
3784
|
+
c.set(u, y), g.set(u, y - b.duration);
|
|
3772
3785
|
else {
|
|
3773
|
-
let
|
|
3774
|
-
w.forEach((
|
|
3775
|
-
|
|
3776
|
-
const E =
|
|
3777
|
-
|
|
3778
|
-
}), c.set(u,
|
|
3786
|
+
let j = 1 / 0;
|
|
3787
|
+
w.forEach((L) => {
|
|
3788
|
+
S(L, p);
|
|
3789
|
+
const E = g.get(L) || 0;
|
|
3790
|
+
j = Math.min(j, E);
|
|
3791
|
+
}), c.set(u, j), g.set(u, j - b.duration);
|
|
3779
3792
|
}
|
|
3780
3793
|
};
|
|
3781
|
-
return t.forEach((u) =>
|
|
3782
|
-
const p =
|
|
3794
|
+
return t.forEach((u) => S(u.id)), t.forEach((u) => {
|
|
3795
|
+
const p = f.get(u.id) || 0, w = (g.get(u.id) || 0) - p;
|
|
3783
3796
|
l.set(u.id, w), Math.abs(w) < 0.01 && a.add(u.id);
|
|
3784
3797
|
}), {
|
|
3785
3798
|
criticalTasks: a,
|
|
3786
3799
|
taskFloats: l,
|
|
3787
|
-
projectDuration:
|
|
3800
|
+
projectDuration: y
|
|
3788
3801
|
};
|
|
3789
3802
|
}, pn = (t, o) => o.criticalTasks.has(t), hn = (t, o) => o.taskFloats.get(t) || 0, Tn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
3790
3803
|
__proto__: null,
|
|
@@ -3797,24 +3810,24 @@ export {
|
|
|
3797
3810
|
tr as Chart,
|
|
3798
3811
|
Tn as CriticalPath,
|
|
3799
3812
|
Gr as DependencyEditor,
|
|
3800
|
-
|
|
3813
|
+
Sn as ExportUtils,
|
|
3801
3814
|
Br as FilterSearch,
|
|
3802
|
-
|
|
3815
|
+
jn as Gantt,
|
|
3803
3816
|
Qt as Grid,
|
|
3804
3817
|
Yr as TaskBar,
|
|
3805
3818
|
Ur as TaskCreator,
|
|
3806
3819
|
Jr as TaskEditor,
|
|
3807
3820
|
er as Timeline,
|
|
3808
3821
|
Wr as Toolbar,
|
|
3809
|
-
|
|
3822
|
+
me as addToDate,
|
|
3810
3823
|
sn as applyFilters,
|
|
3811
3824
|
wn as calculateDuration,
|
|
3812
3825
|
rn as createBaseline,
|
|
3813
|
-
|
|
3814
|
-
|
|
3826
|
+
ve as formatDate,
|
|
3827
|
+
yt as getDaysBetween,
|
|
3815
3828
|
bn as getEndOfDay,
|
|
3816
3829
|
Rr as getHoursBetween,
|
|
3817
|
-
|
|
3830
|
+
rt as getStartOfDay,
|
|
3818
3831
|
Wt as isHoliday,
|
|
3819
3832
|
Bt as isWeekend,
|
|
3820
3833
|
Kr as useUndoRedo
|