@epam/ai-dial-scheduled-tasks 1.1.0-dev.62 → 1.1.0-dev.66
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScheduledTaskCreateForm.d.ts","sourceRoot":"","sources":["../../../src/components/ScheduledTaskCreateForm/ScheduledTaskCreateForm.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScheduledTaskCreateForm.d.ts","sourceRoot":"","sources":["../../../src/components/ScheduledTaskCreateForm/ScheduledTaskCreateForm.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAuC,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,4BAA4B,EAAE,MAAM,+CAA+C,CAAC;AA2B7F;;;;;;;;GAQG;AACH,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,4BAA4B,CA8UpE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScheduledTasks.d.ts","sourceRoot":"","sources":["../../../src/components/ScheduledTasks/ScheduledTasks.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScheduledTasks.d.ts","sourceRoot":"","sources":["../../../src/components/ScheduledTasks/ScheduledTasks.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAAE,EAAE,EAAW,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AA+BzE;;;;;GAKG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA0NlD,CAAC"}
|
package/index.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.
|
|
1
|
+
._title_10760_1{color:var(--stc-title-text,var(--text-primary,#161b2d))}._description_10760_5{color:var(--stc-desc-text,var(--text-control-disable,#6b7280))}._schedulePill_10760_9{background:var(--stc-pill-bg,var(--bg-layer-2,#eef1f7));border-color:var(--stc-pill-border,var(--stroke-tertiary,#e0e6f0))}._scheduleLabel_10760_14{color:var(--stc-schedule-label-text,var(--text-control-disable,#6b7280))}._locationLabel_10760_18{color:var(--stc-location-label-text,var(--text-secondary,#6b7280))}._locationLeaf_10760_22{color:var(--stc-location-leaf-text,var(--text-secondary,#6b7280))}._newBadge_10760_26{background:var(--stc-new-badge-bg,var(--bg-control-accent,#124ace));color:var(--stc-new-badge-text,var(--controls-text-permanent,#fcfcfc))}._countBadge_ilfph_1{background:var(--sts-badge-bg,var(--bg-layer-3,#fcfcfc));color:var(--sts-badge-text,var(--text-secondary,#6b7280))}._container_11gjj_1{background:var(--st-bg,var(--bg-layer-5,#f5f7fa))}._subtitle_11gjj_5{color:var(--st-subtitle-text,var(--text-secondary,#6b7280))}._sortButton_11gjj_9{color:var(--st-sort-text,var(--text-accent-primary,#124ace))}._container_pvqly_1{background:var(--stcf-bg,var(--bg-layer-5,#f5f7fa))}._header_pvqly_5{border-bottom-color:var(--stcf-header-border,var(--stroke-tertiary,#e0e6f0))}._detailsColumn_pvqly_9{border-inline-end-color:var(--stcf-details-border,var(--stroke-tertiary,#e0e6f0))}._sectionSubtitle_pvqly_13{color:var(--stcf-subtitle-text,var(--text-secondary,#6b7280))}._instructionsError_pvqly_17{color:var(--stcf-error-text,var(--text-error,#ae2f2f))}
|
|
2
2
|
/*$vite$:1*/
|
package/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { PanelEmptyState as e, buildCssVars as t, mergeClasses as n } from "@epam/ai-dial-chat-shared";
|
|
2
|
-
import {
|
|
3
|
-
import { Calendar as
|
|
2
|
+
import { GhostIconButton as r, Input as i, SearchBar as a, Textarea as o } from "@epam/ai-dial-kit";
|
|
3
|
+
import { Calendar as s, CalendarMode as c, CardShell as l, DIAL_ICON_SIZE as u, DialDropdown as d, DialSelectField as f, DialSpinner as p, FolderPath as m, GhostButton as h, Highlight as g, IconButton as _, LazyDialMarkdownEditor as v, NeutralButton as y, PrimaryButton as b } from "@epam/ai-dial-ui-kit";
|
|
4
4
|
import { IconArrowLeft as x, IconArrowsSort as S, IconCalendarTime as C, IconCheck as w, IconChevronUp as T, IconDotsVertical as E, IconEdit as D, IconPlayerPlay as O, IconPlus as k, IconTrash as A } from "@tabler/icons-react";
|
|
5
5
|
import { Suspense as j, lazy as M, useMemo as N } from "react";
|
|
6
6
|
import { Fragment as P, jsx as F, jsxs as I } from "react/jsx-runtime";
|
|
@@ -22,15 +22,15 @@ var L = /* @__PURE__ */ function(e) {
|
|
|
22
22
|
default: return n;
|
|
23
23
|
}
|
|
24
24
|
}, H = {
|
|
25
|
-
title: "
|
|
26
|
-
description: "
|
|
27
|
-
schedulePill: "
|
|
28
|
-
scheduleLabel: "
|
|
29
|
-
locationLabel: "
|
|
30
|
-
locationLeaf: "
|
|
31
|
-
newBadge: "
|
|
32
|
-
}, U = ({ item: e, searchQuery: r = "", onEdit: i, onRunNow: a, onDelete: o, labels: s, styles: c, className:
|
|
33
|
-
let
|
|
25
|
+
title: "_title_10760_1",
|
|
26
|
+
description: "_description_10760_5",
|
|
27
|
+
schedulePill: "_schedulePill_10760_9",
|
|
28
|
+
scheduleLabel: "_scheduleLabel_10760_14",
|
|
29
|
+
locationLabel: "_locationLabel_10760_18",
|
|
30
|
+
locationLeaf: "_locationLeaf_10760_22",
|
|
31
|
+
newBadge: "_newBadge_10760_26"
|
|
32
|
+
}, U = ({ item: e, searchQuery: r = "", onEdit: i, onRunNow: a, onDelete: o, labels: s, styles: c, className: f }) => {
|
|
33
|
+
let p = s?.newBadgeLabel ?? "NEW", h = s?.actionsLabel ?? "More actions", v = s?.editActionLabel ?? "Edit", y = s?.runNowActionLabel ?? "Run now", b = s?.deleteActionLabel ?? "Delete", { colors: x, typography: S } = c ?? {}, C = S?.titleClassName ?? "dial-body-semi-text", w = S?.descriptionClassName ?? "dial-small-text", T = S?.scheduleLabelClassName ?? "dial-tiny-text", k = S?.locationLabelClassName ?? "dial-tiny-text", j = S?.locationLeafClassName ?? "dial-tiny-semi-text", M = S?.newBadgeClassName ?? "dial-tiny-semi-text", N = t({
|
|
34
34
|
"--stc-title-text": x?.titleText,
|
|
35
35
|
"--stc-desc-text": x?.descriptionText,
|
|
36
36
|
"--stc-pill-bg": x?.schedulePillBackground,
|
|
@@ -43,17 +43,17 @@ var L = /* @__PURE__ */ function(e) {
|
|
|
43
43
|
}), P = [];
|
|
44
44
|
return i && P.push({
|
|
45
45
|
key: "edit",
|
|
46
|
-
label:
|
|
46
|
+
label: v,
|
|
47
47
|
icon: /* @__PURE__ */ F(D, {
|
|
48
|
-
size:
|
|
48
|
+
size: u.SM,
|
|
49
49
|
"aria-hidden": !0
|
|
50
50
|
}),
|
|
51
51
|
onClick: () => i(e.id)
|
|
52
52
|
}), a && P.push({
|
|
53
53
|
key: "runNow",
|
|
54
|
-
label:
|
|
54
|
+
label: y,
|
|
55
55
|
icon: /* @__PURE__ */ F(O, {
|
|
56
|
-
size:
|
|
56
|
+
size: u.SM,
|
|
57
57
|
"aria-hidden": !0
|
|
58
58
|
}),
|
|
59
59
|
onClick: () => a(e.id)
|
|
@@ -61,40 +61,40 @@ var L = /* @__PURE__ */ function(e) {
|
|
|
61
61
|
key: "delete",
|
|
62
62
|
label: b,
|
|
63
63
|
icon: /* @__PURE__ */ F(A, {
|
|
64
|
-
size:
|
|
64
|
+
size: u.SM,
|
|
65
65
|
"aria-hidden": !0
|
|
66
66
|
}),
|
|
67
67
|
danger: !0,
|
|
68
68
|
onClick: () => o(e.id)
|
|
69
|
-
}), /* @__PURE__ */ I(
|
|
69
|
+
}), /* @__PURE__ */ I(l, {
|
|
70
70
|
role: "group",
|
|
71
71
|
"aria-label": e.displayName,
|
|
72
72
|
style: N,
|
|
73
|
-
className: n("h-[232px]",
|
|
73
|
+
className: n("h-[232px]", f),
|
|
74
74
|
children: [
|
|
75
75
|
/* @__PURE__ */ I("div", {
|
|
76
76
|
className: "flex shrink-0 items-start justify-between gap-2",
|
|
77
77
|
children: [/* @__PURE__ */ I("div", {
|
|
78
78
|
className: "flex min-w-0 flex-1 items-center gap-2",
|
|
79
|
-
children: [/* @__PURE__ */ F(
|
|
79
|
+
children: [/* @__PURE__ */ F(g, {
|
|
80
80
|
text: e.displayName,
|
|
81
81
|
query: r,
|
|
82
82
|
maxLines: 1,
|
|
83
83
|
className: n(C, H.title)
|
|
84
84
|
}), e.isNew && /* @__PURE__ */ F("span", {
|
|
85
85
|
className: n("shrink-0 rounded-full px-2 py-0.5", M, H.newBadge),
|
|
86
|
-
children:
|
|
86
|
+
children: p
|
|
87
87
|
})]
|
|
88
|
-
}), P.length > 0 && /* @__PURE__ */ F(
|
|
88
|
+
}), P.length > 0 && /* @__PURE__ */ F(d, {
|
|
89
89
|
items: P,
|
|
90
90
|
matchReferenceWidth: !1,
|
|
91
91
|
placement: "bottom-end",
|
|
92
|
-
children: /* @__PURE__ */ F(
|
|
92
|
+
children: /* @__PURE__ */ F(_, {
|
|
93
93
|
icon: /* @__PURE__ */ F(E, {
|
|
94
|
-
size:
|
|
94
|
+
size: u.SM,
|
|
95
95
|
"aria-hidden": !0
|
|
96
96
|
}),
|
|
97
|
-
"aria-label":
|
|
97
|
+
"aria-label": h,
|
|
98
98
|
className: "shrink-0"
|
|
99
99
|
})
|
|
100
100
|
})]
|
|
@@ -111,7 +111,7 @@ var L = /* @__PURE__ */ function(e) {
|
|
|
111
111
|
className: n("inline-block rounded-lg border px-2 py-1", H.schedulePill, T, H.scheduleLabel),
|
|
112
112
|
children: e.scheduleLabel
|
|
113
113
|
})
|
|
114
|
-
}), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ F(
|
|
114
|
+
}), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ F(m, {
|
|
115
115
|
segments: e.locationSegments,
|
|
116
116
|
labelClassName: n(k, H.locationLabel),
|
|
117
117
|
leafClassName: n(j, H.locationLeaf),
|
|
@@ -131,7 +131,7 @@ var L = /* @__PURE__ */ function(e) {
|
|
|
131
131
|
labels: a,
|
|
132
132
|
styles: o
|
|
133
133
|
}, e.id))
|
|
134
|
-
}), G = { countBadge: "
|
|
134
|
+
}), G = { countBadge: "_countBadge_ilfph_1" }, K = ({ title: e, count: r, children: i, styles: a }) => {
|
|
135
135
|
let o = a?.typography?.titleClassName ?? "dial-small-semi-text", s = a?.typography?.countBadgeClassName ?? "dial-tiny-text", c = t({
|
|
136
136
|
"--sts-badge-bg": a?.colors?.countBadgeBackground,
|
|
137
137
|
"--sts-badge-text": a?.colors?.countBadgeText
|
|
@@ -152,35 +152,35 @@ var L = /* @__PURE__ */ function(e) {
|
|
|
152
152
|
}), i]
|
|
153
153
|
});
|
|
154
154
|
}, q = {
|
|
155
|
-
container: "
|
|
156
|
-
subtitle: "
|
|
157
|
-
sortButton: "
|
|
155
|
+
container: "_container_11gjj_1",
|
|
156
|
+
subtitle: "_subtitle_11gjj_5",
|
|
157
|
+
sortButton: "_sortButton_11gjj_9"
|
|
158
158
|
}, ee = [L.Shared, L.MyTasks], te = (e, t, n, r, i) => {
|
|
159
159
|
if (!e) return t ? i.errorLabel : n === 0 ? i.emptyStateLabel : r === 0 ? i.noResultsLabel : `${r}`;
|
|
160
|
-
}, J = ({ labels:
|
|
160
|
+
}, J = ({ labels: r, onCreateClick: i, searchQuery: o, onSearchQueryChange: s, sortKey: c, onSortChange: l, items: f, isLoading: m = !1, error: g, onRetry: _, onEdit: v, onRunNow: y, onDelete: x, styles: E }) => {
|
|
161
161
|
let { colors: D, typography: O, emptyStateIconSize: A = 48 } = E ?? {}, j = O?.titleClassName ?? "dial-h1-text", M = O?.subtitleClassName ?? "dial-body-text", P = t({
|
|
162
162
|
"--st-bg": D?.background,
|
|
163
163
|
"--st-subtitle-text": D?.subtitleText,
|
|
164
164
|
"--st-sort-text": D?.sortButtonText
|
|
165
|
-
}), R =
|
|
165
|
+
}), R = r.sortOptions.find((e) => e.key === c)?.label ?? "", B = N(() => V(z(f, o), c), [
|
|
166
166
|
f,
|
|
167
167
|
o,
|
|
168
|
-
|
|
168
|
+
c
|
|
169
169
|
]), H = N(() => {
|
|
170
|
-
let e = { [L.Shared]:
|
|
170
|
+
let e = { [L.Shared]: r.sharedSectionTitle };
|
|
171
171
|
return ee.map((t) => ({
|
|
172
172
|
key: t,
|
|
173
173
|
title: e[t],
|
|
174
174
|
items: B.filter((e) => e.sectionKey === t)
|
|
175
175
|
})).filter((e) => e.items.length > 0);
|
|
176
|
-
}, [B,
|
|
176
|
+
}, [B, r.sharedSectionTitle]), U = te(m, !!g, f.length, B.length, r), G = () => m ? /* @__PURE__ */ F(p, {}) : g ? /* @__PURE__ */ I("div", {
|
|
177
177
|
className: "flex flex-col items-center gap-3",
|
|
178
178
|
children: [/* @__PURE__ */ F("p", {
|
|
179
179
|
className: n(M, q.subtitle),
|
|
180
|
-
children:
|
|
181
|
-
}), /* @__PURE__ */ F(
|
|
182
|
-
label:
|
|
183
|
-
onClick:
|
|
180
|
+
children: r.errorLabel
|
|
181
|
+
}), /* @__PURE__ */ F(h, {
|
|
182
|
+
label: r.retryLabel,
|
|
183
|
+
onClick: _
|
|
184
184
|
})]
|
|
185
185
|
}) : f.length === 0 ? /* @__PURE__ */ F(e, {
|
|
186
186
|
icon: /* @__PURE__ */ F(C, {
|
|
@@ -188,10 +188,10 @@ var L = /* @__PURE__ */ function(e) {
|
|
|
188
188
|
size: A,
|
|
189
189
|
stroke: 1
|
|
190
190
|
}),
|
|
191
|
-
label:
|
|
191
|
+
label: r.emptyStateLabel
|
|
192
192
|
}) : B.length === 0 ? /* @__PURE__ */ F("p", {
|
|
193
193
|
className: n(M, q.subtitle),
|
|
194
|
-
children:
|
|
194
|
+
children: r.noResultsLabel
|
|
195
195
|
}) : /* @__PURE__ */ F("div", {
|
|
196
196
|
className: "flex w-full flex-col gap-6",
|
|
197
197
|
children: H.map((e) => /* @__PURE__ */ F(K, {
|
|
@@ -200,13 +200,13 @@ var L = /* @__PURE__ */ function(e) {
|
|
|
200
200
|
children: /* @__PURE__ */ F(W, {
|
|
201
201
|
items: e.items,
|
|
202
202
|
searchQuery: o,
|
|
203
|
-
onEdit:
|
|
204
|
-
onRunNow:
|
|
203
|
+
onEdit: v,
|
|
204
|
+
onRunNow: y,
|
|
205
205
|
onDelete: x,
|
|
206
|
-
labels:
|
|
206
|
+
labels: r.cardLabels
|
|
207
207
|
})
|
|
208
208
|
}, e.key))
|
|
209
|
-
}), J =
|
|
209
|
+
}), J = m || !!g || f.length === 0 || B.length === 0;
|
|
210
210
|
return /* @__PURE__ */ I("div", {
|
|
211
211
|
style: P,
|
|
212
212
|
className: n("flex h-full w-full flex-col gap-6 overflow-y-auto px-8 py-4", q.container),
|
|
@@ -217,18 +217,18 @@ var L = /* @__PURE__ */ function(e) {
|
|
|
217
217
|
className: "min-w-0 gap-2",
|
|
218
218
|
children: [/* @__PURE__ */ F("h1", {
|
|
219
219
|
className: n("truncate", j),
|
|
220
|
-
children:
|
|
220
|
+
children: r.title
|
|
221
221
|
}), /* @__PURE__ */ F("p", {
|
|
222
222
|
className: n("mt-1", M, q.subtitle),
|
|
223
|
-
children:
|
|
223
|
+
children: r.subtitle
|
|
224
224
|
})]
|
|
225
|
-
}), /* @__PURE__ */ F(
|
|
226
|
-
label:
|
|
225
|
+
}), /* @__PURE__ */ F(b, {
|
|
226
|
+
label: r.createButtonLabel,
|
|
227
227
|
iconBefore: /* @__PURE__ */ F(k, {
|
|
228
|
-
size:
|
|
228
|
+
size: u.SM,
|
|
229
229
|
"aria-hidden": !0
|
|
230
230
|
}),
|
|
231
|
-
onClick:
|
|
231
|
+
onClick: i,
|
|
232
232
|
className: "shrink-0"
|
|
233
233
|
})]
|
|
234
234
|
}),
|
|
@@ -236,13 +236,13 @@ var L = /* @__PURE__ */ function(e) {
|
|
|
236
236
|
className: "flex flex-wrap items-center gap-3",
|
|
237
237
|
children: [/* @__PURE__ */ F("div", {
|
|
238
238
|
className: "flex-1",
|
|
239
|
-
children: /* @__PURE__ */ F(
|
|
239
|
+
children: /* @__PURE__ */ F(a, {
|
|
240
240
|
value: o,
|
|
241
|
-
onChange:
|
|
241
|
+
onChange: s,
|
|
242
242
|
labels: {
|
|
243
|
-
placeholder:
|
|
244
|
-
ariaLabel:
|
|
245
|
-
clearLabel:
|
|
243
|
+
placeholder: r.searchPlaceholder,
|
|
244
|
+
ariaLabel: r.searchAriaLabel,
|
|
245
|
+
clearLabel: r.clearSearchLabel
|
|
246
246
|
},
|
|
247
247
|
iconSize: 18,
|
|
248
248
|
iconStrokeWidth: 1.8,
|
|
@@ -252,24 +252,24 @@ var L = /* @__PURE__ */ function(e) {
|
|
|
252
252
|
clearButtonClassName: "size-11 desktop:size-auto"
|
|
253
253
|
}
|
|
254
254
|
})
|
|
255
|
-
}),
|
|
255
|
+
}), r.sortOptions.length > 0 && /* @__PURE__ */ F(d, {
|
|
256
256
|
matchReferenceWidth: !1,
|
|
257
257
|
placement: "bottom-end",
|
|
258
258
|
listClassName: "cp-dropdown-overlay",
|
|
259
|
-
items:
|
|
259
|
+
items: r.sortOptions.map((e) => ({
|
|
260
260
|
key: e.key,
|
|
261
261
|
label: /* @__PURE__ */ I("span", {
|
|
262
262
|
className: "flex w-full items-center justify-between gap-2",
|
|
263
|
-
children: [e.label, e.key ===
|
|
264
|
-
size:
|
|
263
|
+
children: [e.label, e.key === c && /* @__PURE__ */ F(w, {
|
|
264
|
+
size: u.SM,
|
|
265
265
|
"aria-hidden": !0
|
|
266
266
|
})]
|
|
267
267
|
}),
|
|
268
|
-
onClick: () =>
|
|
268
|
+
onClick: () => l(e.key)
|
|
269
269
|
})),
|
|
270
|
-
children: /* @__PURE__ */ F(
|
|
270
|
+
children: /* @__PURE__ */ F(h, {
|
|
271
271
|
label: R,
|
|
272
|
-
"aria-label":
|
|
272
|
+
"aria-label": r.sortLabel,
|
|
273
273
|
className: n("rounded-[4px]", q.sortButton),
|
|
274
274
|
iconBefore: /* @__PURE__ */ F(S, {
|
|
275
275
|
size: 20,
|
|
@@ -309,19 +309,19 @@ var L = /* @__PURE__ */ function(e) {
|
|
|
309
309
|
let t = typeof e == "string" ? Number(e) : NaN;
|
|
310
310
|
return Number.isFinite(t) ? String(t - 1) : "";
|
|
311
311
|
}, Q = {
|
|
312
|
-
container: "
|
|
313
|
-
header: "
|
|
314
|
-
detailsColumn: "
|
|
315
|
-
sectionSubtitle: "
|
|
316
|
-
instructionsError: "
|
|
317
|
-
}, $ = (e) => `${e} *`, se = M(async () => ({ default: (await
|
|
312
|
+
container: "_container_pvqly_1",
|
|
313
|
+
header: "_header_pvqly_5",
|
|
314
|
+
detailsColumn: "_detailsColumn_pvqly_9",
|
|
315
|
+
sectionSubtitle: "_sectionSubtitle_pvqly_13",
|
|
316
|
+
instructionsError: "_instructionsError_pvqly_17"
|
|
317
|
+
}, $ = (e) => `${e} *`, se = M(async () => ({ default: (await v()).DialMarkdownEditor })), ce = ({ labels: e, values: a, errors: l, modelOptions: d, onFieldChange: m, onBack: h, onCancel: g, onSubmit: _, isSubmitting: v = !1, markdownEditorTheme: S, styles: C }) => {
|
|
318
318
|
let { colors: w, typography: T } = C ?? {}, E = T?.titleClassName ?? "dial-h1-text", D = T?.sectionTitleClassName ?? "dial-body-semi-text", O = T?.sectionSubtitleClassName ?? "dial-tiny-text", k = T?.scheduleSectionLabelClassName ?? "dial-body-semi-text mb-1", A = T?.instructionsErrorClassName ?? "dial-small-text", M = t({
|
|
319
319
|
"--stcf-bg": w?.background,
|
|
320
320
|
"--stcf-header-border": w?.headerBorder,
|
|
321
321
|
"--stcf-details-border": w?.detailsColumnBorder,
|
|
322
322
|
"--stcf-subtitle-text": w?.sectionSubtitleText,
|
|
323
323
|
"--stcf-error-text": w?.instructionsErrorText
|
|
324
|
-
}), N =
|
|
324
|
+
}), N = v || !a.displayName.trim() || !a.modelId || !a.prompt.trim();
|
|
325
325
|
return /* @__PURE__ */ I("div", {
|
|
326
326
|
style: M,
|
|
327
327
|
className: n("flex h-full w-full flex-col overflow-y-auto", Q.container),
|
|
@@ -329,9 +329,9 @@ var L = /* @__PURE__ */ function(e) {
|
|
|
329
329
|
className: n("flex h-16 items-center justify-between gap-6 border-b px-8", Q.header),
|
|
330
330
|
children: [/* @__PURE__ */ I("div", {
|
|
331
331
|
className: "flex min-w-0 flex-1 items-center gap-2",
|
|
332
|
-
children: [/* @__PURE__ */ F(
|
|
332
|
+
children: [/* @__PURE__ */ F(r, {
|
|
333
333
|
icon: /* @__PURE__ */ F(x, {
|
|
334
|
-
size:
|
|
334
|
+
size: u.LG,
|
|
335
335
|
className: "rtl:scale-x-[-1]",
|
|
336
336
|
"aria-hidden": !0
|
|
337
337
|
}),
|
|
@@ -343,15 +343,15 @@ var L = /* @__PURE__ */ function(e) {
|
|
|
343
343
|
})]
|
|
344
344
|
}), /* @__PURE__ */ I("div", {
|
|
345
345
|
className: "flex items-center gap-2",
|
|
346
|
-
children: [/* @__PURE__ */ F(
|
|
346
|
+
children: [/* @__PURE__ */ F(y, {
|
|
347
347
|
type: "button",
|
|
348
348
|
label: e.cancelButtonLabel,
|
|
349
|
-
onClick:
|
|
350
|
-
disabled:
|
|
351
|
-
}), /* @__PURE__ */ F(
|
|
349
|
+
onClick: g,
|
|
350
|
+
disabled: v
|
|
351
|
+
}), /* @__PURE__ */ F(b, {
|
|
352
352
|
type: "button",
|
|
353
353
|
label: e.createButtonLabel,
|
|
354
|
-
onClick:
|
|
354
|
+
onClick: _,
|
|
355
355
|
disabled: N
|
|
356
356
|
})]
|
|
357
357
|
})]
|
|
@@ -373,35 +373,35 @@ var L = /* @__PURE__ */ function(e) {
|
|
|
373
373
|
children: e.detailsSectionSubtitle
|
|
374
374
|
})]
|
|
375
375
|
}),
|
|
376
|
-
/* @__PURE__ */ F(
|
|
376
|
+
/* @__PURE__ */ F(i, {
|
|
377
377
|
id: "scheduled-task-display-name",
|
|
378
|
-
value:
|
|
378
|
+
value: a.displayName,
|
|
379
379
|
onChange: (e) => m("displayName", e ?? ""),
|
|
380
380
|
labelProps: {
|
|
381
381
|
label: e.displayNameLabel,
|
|
382
382
|
required: !0
|
|
383
383
|
},
|
|
384
|
-
invalid: !!
|
|
385
|
-
error:
|
|
384
|
+
invalid: !!l.displayName,
|
|
385
|
+
error: l.displayName
|
|
386
386
|
}),
|
|
387
|
-
/* @__PURE__ */ F(
|
|
387
|
+
/* @__PURE__ */ F(o, {
|
|
388
388
|
id: "scheduled-task-description",
|
|
389
|
-
value:
|
|
389
|
+
value: a.description ?? "",
|
|
390
390
|
onChange: (e) => m("description", e),
|
|
391
391
|
labelProps: { label: e.descriptionLabel },
|
|
392
392
|
maxLength: 500,
|
|
393
|
-
invalid: !!
|
|
394
|
-
error:
|
|
395
|
-
caption:
|
|
393
|
+
invalid: !!l.description,
|
|
394
|
+
error: l.description,
|
|
395
|
+
caption: a.description ? `${a.description.length}/500` : void 0
|
|
396
396
|
}),
|
|
397
|
-
/* @__PURE__ */ F(
|
|
397
|
+
/* @__PURE__ */ F(f, {
|
|
398
398
|
label: e.modelOrAgentLabel,
|
|
399
399
|
required: !0,
|
|
400
|
-
value:
|
|
400
|
+
value: a.modelId,
|
|
401
401
|
placeholder: e.modelPlaceholder,
|
|
402
402
|
onChange: (e) => m("modelId", e),
|
|
403
|
-
error:
|
|
404
|
-
options:
|
|
403
|
+
error: l.modelId,
|
|
404
|
+
options: d.map((e) => ({
|
|
405
405
|
value: e.id,
|
|
406
406
|
label: e.label
|
|
407
407
|
}))
|
|
@@ -413,9 +413,9 @@ var L = /* @__PURE__ */ function(e) {
|
|
|
413
413
|
className: k,
|
|
414
414
|
children: e.scheduleSectionLabel
|
|
415
415
|
}),
|
|
416
|
-
/* @__PURE__ */ F(
|
|
416
|
+
/* @__PURE__ */ F(f, {
|
|
417
417
|
label: e.scheduleTypeAriaLabel,
|
|
418
|
-
value:
|
|
418
|
+
value: a.scheduleType,
|
|
419
419
|
onChange: (e) => m("scheduleType", e),
|
|
420
420
|
options: [{
|
|
421
421
|
value: Y.Once,
|
|
@@ -425,24 +425,24 @@ var L = /* @__PURE__ */ function(e) {
|
|
|
425
425
|
label: e.scheduleTypeRecurringLabel
|
|
426
426
|
}]
|
|
427
427
|
}),
|
|
428
|
-
|
|
428
|
+
a.scheduleType === Y.Once && /* @__PURE__ */ I("div", {
|
|
429
429
|
className: "flex flex-col gap-1",
|
|
430
|
-
children: [/* @__PURE__ */ F(
|
|
430
|
+
children: [/* @__PURE__ */ F(s, {
|
|
431
431
|
id: "scheduled-task-run-at",
|
|
432
|
-
mode:
|
|
433
|
-
value: re(
|
|
432
|
+
mode: c.DateTime,
|
|
433
|
+
value: re(a.runAt),
|
|
434
434
|
onChange: (e) => m("runAt", ie(e)),
|
|
435
435
|
label: $(e.runAtLabel),
|
|
436
|
-
invalid: !!
|
|
437
|
-
}),
|
|
436
|
+
invalid: !!l.runAt
|
|
437
|
+
}), l.runAt && /* @__PURE__ */ F("p", {
|
|
438
438
|
className: n(A, Q.instructionsError),
|
|
439
|
-
children:
|
|
439
|
+
children: l.runAt
|
|
440
440
|
})]
|
|
441
441
|
}),
|
|
442
|
-
|
|
443
|
-
/* @__PURE__ */ F(
|
|
442
|
+
a.scheduleType === Y.Recurring && /* @__PURE__ */ I(P, { children: [
|
|
443
|
+
/* @__PURE__ */ F(f, {
|
|
444
444
|
label: e.frequencyLabel,
|
|
445
|
-
value:
|
|
445
|
+
value: a.frequency,
|
|
446
446
|
onChange: (e) => m("frequency", e),
|
|
447
447
|
options: e.frequencyOptions.map((e) => ({
|
|
448
448
|
value: e.key,
|
|
@@ -451,42 +451,42 @@ var L = /* @__PURE__ */ function(e) {
|
|
|
451
451
|
}),
|
|
452
452
|
/* @__PURE__ */ I("div", {
|
|
453
453
|
className: "flex flex-col gap-1",
|
|
454
|
-
children: [/* @__PURE__ */ F(
|
|
454
|
+
children: [/* @__PURE__ */ F(s, {
|
|
455
455
|
id: "scheduled-task-time",
|
|
456
|
-
mode:
|
|
457
|
-
value:
|
|
456
|
+
mode: c.Time,
|
|
457
|
+
value: a.time,
|
|
458
458
|
onChange: (e) => m("time", typeof e == "string" ? e : ""),
|
|
459
459
|
label: $(e.timeLabel),
|
|
460
|
-
invalid: !!
|
|
461
|
-
}),
|
|
460
|
+
invalid: !!l.time
|
|
461
|
+
}), l.time && /* @__PURE__ */ F("p", {
|
|
462
462
|
className: n(A, Q.instructionsError),
|
|
463
|
-
children:
|
|
463
|
+
children: l.time
|
|
464
464
|
})]
|
|
465
465
|
}),
|
|
466
|
-
|
|
466
|
+
a.frequency === X.Weekly && /* @__PURE__ */ I("div", {
|
|
467
467
|
className: "flex flex-col gap-1",
|
|
468
|
-
children: [/* @__PURE__ */ F(
|
|
468
|
+
children: [/* @__PURE__ */ F(s, {
|
|
469
469
|
id: "scheduled-task-day-of-week",
|
|
470
|
-
mode:
|
|
471
|
-
value: ae(
|
|
470
|
+
mode: c.Weekday,
|
|
471
|
+
value: ae(a.dayOfWeek),
|
|
472
472
|
onChange: (e) => m("dayOfWeek", oe(e)),
|
|
473
473
|
label: $(e.dayOfWeekLabel),
|
|
474
|
-
invalid: !!
|
|
475
|
-
}),
|
|
474
|
+
invalid: !!l.dayOfWeek
|
|
475
|
+
}), l.dayOfWeek && /* @__PURE__ */ F("p", {
|
|
476
476
|
className: n(A, Q.instructionsError),
|
|
477
|
-
children:
|
|
477
|
+
children: l.dayOfWeek
|
|
478
478
|
})]
|
|
479
479
|
}),
|
|
480
|
-
|
|
480
|
+
a.frequency === X.Monthly && /* @__PURE__ */ F(i, {
|
|
481
481
|
id: "scheduled-task-day-of-month",
|
|
482
|
-
value:
|
|
482
|
+
value: a.dayOfMonth ?? "",
|
|
483
483
|
onChange: (e) => m("dayOfMonth", e ?? ""),
|
|
484
484
|
labelProps: {
|
|
485
485
|
label: e.dayOfMonthLabel,
|
|
486
486
|
required: !0
|
|
487
487
|
},
|
|
488
|
-
invalid: !!
|
|
489
|
-
error:
|
|
488
|
+
invalid: !!l.dayOfMonth,
|
|
489
|
+
error: l.dayOfMonth
|
|
490
490
|
})
|
|
491
491
|
] })
|
|
492
492
|
]
|
|
@@ -516,17 +516,17 @@ var L = /* @__PURE__ */ function(e) {
|
|
|
516
516
|
children: e.instructionsLabel
|
|
517
517
|
}),
|
|
518
518
|
/* @__PURE__ */ F(j, {
|
|
519
|
-
fallback: /* @__PURE__ */ F(
|
|
519
|
+
fallback: /* @__PURE__ */ F(p, {}),
|
|
520
520
|
children: /* @__PURE__ */ F(se, {
|
|
521
|
-
value:
|
|
521
|
+
value: a.prompt,
|
|
522
522
|
onChange: (e) => m("prompt", e),
|
|
523
523
|
height: 480,
|
|
524
524
|
theme: S
|
|
525
525
|
})
|
|
526
526
|
}),
|
|
527
|
-
|
|
527
|
+
l.prompt && /* @__PURE__ */ F("p", {
|
|
528
528
|
className: n(A, Q.instructionsError),
|
|
529
|
-
children:
|
|
529
|
+
children: l.prompt
|
|
530
530
|
})
|
|
531
531
|
]
|
|
532
532
|
})]
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@epam/ai-dial-scheduled-tasks",
|
|
3
3
|
"description": "Presentational Scheduled Tasks page shell — header, toolbar, and empty state",
|
|
4
|
-
"version": "1.1.0-dev.
|
|
4
|
+
"version": "1.1.0-dev.66",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "./index.js",
|
|
@@ -17,9 +17,9 @@
|
|
|
17
17
|
}
|
|
18
18
|
},
|
|
19
19
|
"peerDependencies": {
|
|
20
|
-
"@epam/ai-dial-chat-shared": "1.1.0-dev.
|
|
21
|
-
"@epam/ai-dial-kit": "1.1.0-dev.
|
|
22
|
-
"@epam/ai-dial-ui-kit": "0.13.0-dev.
|
|
20
|
+
"@epam/ai-dial-chat-shared": "1.1.0-dev.66",
|
|
21
|
+
"@epam/ai-dial-kit": "1.1.0-dev.66",
|
|
22
|
+
"@epam/ai-dial-ui-kit": "0.13.0-dev.23",
|
|
23
23
|
"@tabler/icons-react": "^3.44.0",
|
|
24
24
|
"react": "^19.0.0"
|
|
25
25
|
},
|