@epam/ai-dial-scheduled-tasks 1.1.0-dev.426 → 1.1.0-dev.431
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.
|
@@ -2,9 +2,10 @@ import { FC } from 'react';
|
|
|
2
2
|
import { ScheduledTasksProps } from '../../models/scheduled-tasks-props';
|
|
3
3
|
/**
|
|
4
4
|
* Scheduled Tasks page shell: header with title/subtitle/create action, a
|
|
5
|
-
* search + sort toolbar,
|
|
6
|
-
* an error with retry, the empty state, a
|
|
7
|
-
* grid, depending on
|
|
5
|
+
* search + sort toolbar, an optional `banner` slot, and a content region
|
|
6
|
+
* that shows a loading spinner, an error with retry, the empty state, a
|
|
7
|
+
* no-results state, or a flat card grid, depending on
|
|
8
|
+
* `isLoading`/`error`/`items`.
|
|
8
9
|
*/
|
|
9
10
|
export declare const ScheduledTasks: FC<ScheduledTasksProps>;
|
|
10
11
|
//# sourceMappingURL=ScheduledTasks.d.ts.map
|
|
@@ -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,EAA8B,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAwCzE;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA0OlD,CAAC"}
|
package/index.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { MARKDOWN_EDITOR_MAX_HEIGHT_CLASS_NAME as e, MDMessageViewer as t, PanelEmptyState as n, buildCssVars as r, mergeClasses as i } from "@epam/ai-dial-chat-shared";
|
|
2
|
-
import {
|
|
3
|
-
import { IconAlertTriangle as j, IconArrowLeft as
|
|
4
|
-
import { Suspense as
|
|
5
|
-
import { Fragment as
|
|
6
|
-
import { BuilderFormContainer as
|
|
7
|
-
import { LazyMarkdownEditor as
|
|
8
|
-
var
|
|
2
|
+
import { ButtonAppearance as a, ButtonDropdown as o, ButtonVariant as s, Calendar as c, CalendarMode as l, CardShell as u, DIAL_ICON_SIZE as d, DIAL_KIT_ICON_STROKE as f, ElementSize as p, FolderPath as m, GhostButton as h, GhostIconButton as g, Highlight as _, Input as v, Label as y, MenuItemMark as b, NeutralButton as x, NumberInput as S, PrimaryButton as C, Search as w, Select as T, Skeleton as E, SkeletonVariant as D, Spinner as O, Switch as k, Textarea as A } from "@epam/ai-dial-ui-kit";
|
|
3
|
+
import { IconAlertTriangle as j, IconArrowLeft as M, IconCalendarTime as ee, IconCircleCheck as te, IconCircleX as N, IconClipboardX as P, IconPencilMinus as ne, IconPlayerPause as re, IconPlus as ie, IconTrashX as ae } from "@tabler/icons-react";
|
|
4
|
+
import { Suspense as oe, lazy as F, useEffect as se, useId as I, useMemo as L, useRef as R } from "react";
|
|
5
|
+
import { Fragment as z, jsx as B, jsxs as V } from "react/jsx-runtime";
|
|
6
|
+
import { BuilderFormContainer as H } from "@epam/ai-dial-builder-form";
|
|
7
|
+
import { LazyMarkdownEditor as U } from "@epam/ai-dial-ui-kit/editors";
|
|
8
|
+
var W = {
|
|
9
9
|
title: "_title_1hxc3_1",
|
|
10
10
|
description: "_description_1hxc3_5",
|
|
11
11
|
schedulePill: "_schedulePill_1hxc3_9",
|
|
@@ -16,8 +16,8 @@ var K = {
|
|
|
16
16
|
pausedPill: "_pausedPill_1hxc3_31",
|
|
17
17
|
pausedLabel: "_pausedLabel_1hxc3_36",
|
|
18
18
|
locationDivider: "_locationDivider_1hxc3_40"
|
|
19
|
-
},
|
|
20
|
-
let c = a?.newBadgeLabel ?? "NEW", l = a?.pausedBadgeLabel ?? "Paused", { colors: p, typography:
|
|
19
|
+
}, G = ({ item: e, searchQuery: t = "", onCardClick: n, labels: a, styles: o, className: s }) => {
|
|
20
|
+
let c = a?.newBadgeLabel ?? "NEW", l = a?.pausedBadgeLabel ?? "Paused", { colors: p, typography: h } = o ?? {}, g = h?.titleClassName ?? "dial-body-semi-text", v = h?.descriptionClassName ?? "dial-small-text", y = h?.descriptionSizeClassName ?? "dial-tiny-text", b = h?.scheduleLabelClassName ?? "dial-tiny-text", x = h?.locationLabelClassName ?? "dial-tiny-text", S = h?.locationLeafClassName ?? "dial-tiny-semi-text", C = h?.newBadgeClassName ?? "dial-tiny-semi-text", w = h?.pausedBadgeClassName ?? "dial-tiny-text", T = r({
|
|
21
21
|
"--stc-title-text": p?.titleText,
|
|
22
22
|
"--stc-desc-text": p?.descriptionText,
|
|
23
23
|
"--stc-pill-bg": p?.schedulePillBackground,
|
|
@@ -38,197 +38,192 @@ var K = {
|
|
|
38
38
|
(t.key === "Enter" || t.key === " ") && (t.preventDefault(), n(e.id));
|
|
39
39
|
}
|
|
40
40
|
} : {};
|
|
41
|
-
return /* @__PURE__ */
|
|
41
|
+
return /* @__PURE__ */ V(u, {
|
|
42
42
|
role: n ? "button" : "group",
|
|
43
43
|
"aria-label": e.displayName,
|
|
44
44
|
style: T,
|
|
45
45
|
className: i("h-[232px]", n && "cursor-pointer", s),
|
|
46
46
|
...E,
|
|
47
47
|
children: [
|
|
48
|
-
/* @__PURE__ */
|
|
48
|
+
/* @__PURE__ */ V("div", {
|
|
49
49
|
className: "flex min-w-0 shrink-0 items-center gap-2",
|
|
50
|
-
children: [/* @__PURE__ */
|
|
50
|
+
children: [/* @__PURE__ */ B(_, {
|
|
51
51
|
text: e.displayName,
|
|
52
52
|
query: t,
|
|
53
53
|
maxLines: 1,
|
|
54
|
-
className: i(
|
|
55
|
-
}), e.isNew && /* @__PURE__ */
|
|
56
|
-
className: i("shrink-0 rounded-full px-2 py-0.5", C,
|
|
54
|
+
className: i(g, W.title)
|
|
55
|
+
}), e.isNew && /* @__PURE__ */ B("span", {
|
|
56
|
+
className: i("shrink-0 rounded-full px-2 py-0.5", C, W.newBadge),
|
|
57
57
|
children: c
|
|
58
58
|
})]
|
|
59
59
|
}),
|
|
60
|
-
e.descriptionPreview && /* @__PURE__ */
|
|
61
|
-
className: i("line-clamp-4 min-h-0 flex-1 overflow-hidden",
|
|
60
|
+
e.descriptionPreview && /* @__PURE__ */ B("p", {
|
|
61
|
+
className: i("line-clamp-4 min-h-0 flex-1 overflow-hidden", y, v, W.description),
|
|
62
62
|
children: e.descriptionPreview
|
|
63
63
|
}),
|
|
64
|
-
/* @__PURE__ */
|
|
64
|
+
/* @__PURE__ */ V("div", {
|
|
65
65
|
className: "mt-auto flex shrink-0 flex-col gap-3",
|
|
66
|
-
children: [/* @__PURE__ */
|
|
66
|
+
children: [/* @__PURE__ */ B("div", {
|
|
67
67
|
className: "flex min-h-[28px] items-center",
|
|
68
|
-
children: e.isActive === !1 ? /* @__PURE__ */
|
|
69
|
-
className: i("inline-flex items-center gap-1.5 rounded-full border px-2 py-1",
|
|
70
|
-
children: [/* @__PURE__ */
|
|
68
|
+
children: e.isActive === !1 ? /* @__PURE__ */ V("span", {
|
|
69
|
+
className: i("inline-flex items-center gap-1.5 rounded-full border px-2 py-1", W.pausedPill, w, W.pausedLabel),
|
|
70
|
+
children: [/* @__PURE__ */ B(re, {
|
|
71
71
|
size: d.SM,
|
|
72
72
|
"aria-hidden": !0,
|
|
73
73
|
stroke: f
|
|
74
74
|
}), l]
|
|
75
|
-
}) : /* @__PURE__ */
|
|
76
|
-
className: i("inline-block rounded-lg border px-2 py-1",
|
|
75
|
+
}) : /* @__PURE__ */ B("span", {
|
|
76
|
+
className: i("inline-block rounded-lg border px-2 py-1", W.schedulePill, b, W.scheduleLabel),
|
|
77
77
|
children: e.scheduleLabel
|
|
78
78
|
})
|
|
79
|
-
}), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */
|
|
79
|
+
}), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ B(m, {
|
|
80
80
|
segments: e.locationSegments,
|
|
81
|
-
labelClassName: i(x,
|
|
82
|
-
leafClassName: i(S,
|
|
83
|
-
className: i("pt-3",
|
|
81
|
+
labelClassName: i(x, W.locationLabel),
|
|
82
|
+
leafClassName: i(S, W.locationLeaf),
|
|
83
|
+
className: i("pt-3", W.locationDivider)
|
|
84
84
|
})]
|
|
85
85
|
})
|
|
86
86
|
]
|
|
87
87
|
});
|
|
88
|
-
},
|
|
88
|
+
}, ce = { card: "_card_11bez_1" }, le = [
|
|
89
89
|
"100%",
|
|
90
90
|
"100%",
|
|
91
91
|
"61%"
|
|
92
|
-
],
|
|
92
|
+
], K = "var(--stcs-skeleton-bg)", ue = ({ styles: e }) => /* @__PURE__ */ V(u, {
|
|
93
93
|
"aria-hidden": !0,
|
|
94
94
|
style: r({ "--stcs-skeleton-bg": e?.colors?.skeletonColor }),
|
|
95
|
-
className: i("h-[232px]",
|
|
95
|
+
className: i("h-[232px]", ce.card),
|
|
96
96
|
children: [
|
|
97
|
-
/* @__PURE__ */
|
|
98
|
-
variant:
|
|
97
|
+
/* @__PURE__ */ B(E, {
|
|
98
|
+
variant: D.Rectangular,
|
|
99
99
|
width: "60%",
|
|
100
100
|
height: "20px",
|
|
101
|
-
color:
|
|
101
|
+
color: K,
|
|
102
102
|
className: "shrink-0"
|
|
103
103
|
}),
|
|
104
|
-
/* @__PURE__ */
|
|
104
|
+
/* @__PURE__ */ B("div", {
|
|
105
105
|
className: "flex min-h-0 flex-1 flex-col gap-3 overflow-hidden",
|
|
106
|
-
children:
|
|
107
|
-
variant:
|
|
106
|
+
children: le.map((e, t) => /* @__PURE__ */ B(E, {
|
|
107
|
+
variant: D.Rectangular,
|
|
108
108
|
width: e,
|
|
109
109
|
height: "16px",
|
|
110
|
-
color:
|
|
110
|
+
color: K
|
|
111
111
|
}, t))
|
|
112
112
|
}),
|
|
113
|
-
/* @__PURE__ */
|
|
114
|
-
variant:
|
|
113
|
+
/* @__PURE__ */ B(E, {
|
|
114
|
+
variant: D.Rectangular,
|
|
115
115
|
width: "110px",
|
|
116
116
|
height: "28px",
|
|
117
|
-
color:
|
|
117
|
+
color: K,
|
|
118
118
|
className: "shrink-0 rounded-lg"
|
|
119
119
|
})
|
|
120
120
|
]
|
|
121
|
-
}),
|
|
121
|
+
}), de = ({ items: e, searchQuery: t, onCardClick: n, labels: r, cardStyles: i, trailingSkeletonCount: a = 0, skeletonStyles: o }) => /* @__PURE__ */ V("div", {
|
|
122
122
|
className: "grid grid-cols-1 gap-5 desktop:grid-cols-3",
|
|
123
|
-
children: [e.map((e) => /* @__PURE__ */
|
|
123
|
+
children: [e.map((e) => /* @__PURE__ */ B(G, {
|
|
124
124
|
item: e,
|
|
125
125
|
searchQuery: t,
|
|
126
126
|
onCardClick: n,
|
|
127
127
|
labels: r,
|
|
128
128
|
styles: i
|
|
129
|
-
}, e.id)), Array.from({ length: a }, (e, t) => /* @__PURE__ */
|
|
129
|
+
}, e.id)), Array.from({ length: a }, (e, t) => /* @__PURE__ */ B(ue, { styles: o }, `skeleton-${t}`))]
|
|
130
130
|
}), q = {
|
|
131
131
|
container: "_container_r5sk9_1",
|
|
132
132
|
subtitle: "_subtitle_r5sk9_5",
|
|
133
133
|
sortButton: "_sortButton_r5sk9_9"
|
|
134
|
-
},
|
|
134
|
+
}, fe = (e, t, n, r, i, a) => {
|
|
135
135
|
if (!e) return t ? a.loadingMoreLabel : n ? a.errorLabel : r > 0 ? `${r}` : i ? a.noResultsLabel : a.emptyStateLabel;
|
|
136
|
-
},
|
|
136
|
+
}, pe = (e) => {
|
|
137
137
|
if (!e || e === document.body) return null;
|
|
138
138
|
let { overflow: t, overflowY: n } = getComputedStyle(e);
|
|
139
|
-
return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e :
|
|
140
|
-
},
|
|
141
|
-
let { colors:
|
|
142
|
-
"--st-bg":
|
|
143
|
-
"--st-subtitle-text":
|
|
144
|
-
"--st-sort-text":
|
|
145
|
-
}),
|
|
139
|
+
return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e : pe(e.parentElement);
|
|
140
|
+
}, me = ({ labels: e, onCreateClick: t, searchQuery: c, onSearchQueryChange: l, sortKey: u, onSortChange: m, items: g, isLoading: _ = !1, error: v, onRetry: y, hasMore: x = !1, isLoadingMore: S = !1, skeletonCount: T = 6, onLoadMore: E, onCardClick: D, banner: k, styles: A }) => {
|
|
141
|
+
let { colors: j, typography: M, emptyStateIconSize: te = 48 } = A ?? {}, N = M?.titleClassName ?? "dial-h1-text", P = M?.subtitleClassName ?? "dial-body-text", ne = r({
|
|
142
|
+
"--st-bg": j?.background,
|
|
143
|
+
"--st-subtitle-text": j?.subtitleText,
|
|
144
|
+
"--st-sort-text": j?.sortButtonText
|
|
145
|
+
}), re = (e) => {
|
|
146
146
|
l(e ?? "");
|
|
147
|
-
},
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
}), z = ge(y, C, !!b, v.length, c.trim().length > 0, e), G = B(null);
|
|
163
|
-
ce(() => {
|
|
164
|
-
let e = G.current;
|
|
165
|
-
if (!e || !D) return;
|
|
166
|
-
let t = _e(e.parentElement);
|
|
147
|
+
}, ae = e.sortOptions.find((e) => e.value === u)?.label ?? e.sortLabel, oe = L(() => e.sortOptions.map((e) => ({
|
|
148
|
+
key: e.value,
|
|
149
|
+
label: e.label,
|
|
150
|
+
mark: b.Check,
|
|
151
|
+
checked: e.value === u,
|
|
152
|
+
onClick: () => m(e.value)
|
|
153
|
+
})), [
|
|
154
|
+
e.sortOptions,
|
|
155
|
+
u,
|
|
156
|
+
m
|
|
157
|
+
]), F = fe(_, S, !!v, g.length, c.trim().length > 0, e), I = R(null);
|
|
158
|
+
se(() => {
|
|
159
|
+
let e = I.current;
|
|
160
|
+
if (!e || !E) return;
|
|
161
|
+
let t = pe(e.parentElement);
|
|
167
162
|
if (!t) return;
|
|
168
163
|
let n = () => {
|
|
169
|
-
if (
|
|
164
|
+
if (S || _ || !x) return;
|
|
170
165
|
let n = t.getBoundingClientRect(), r = e.getBoundingClientRect();
|
|
171
|
-
r.top < n.bottom && r.bottom > n.top &&
|
|
166
|
+
r.top < n.bottom && r.bottom > n.top && E();
|
|
172
167
|
};
|
|
173
168
|
return t.addEventListener("scroll", n, { passive: !0 }), n(), () => t.removeEventListener("scroll", n);
|
|
174
169
|
}, [
|
|
170
|
+
x,
|
|
175
171
|
S,
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
D
|
|
172
|
+
_,
|
|
173
|
+
E
|
|
179
174
|
]);
|
|
180
|
-
let
|
|
175
|
+
let z = () => _ ? /* @__PURE__ */ B(O, {}) : v ? /* @__PURE__ */ V("div", {
|
|
181
176
|
className: "flex flex-col items-center gap-3",
|
|
182
|
-
children: [/* @__PURE__ */
|
|
183
|
-
className: i(
|
|
177
|
+
children: [/* @__PURE__ */ B("p", {
|
|
178
|
+
className: i(P, q.subtitle),
|
|
184
179
|
children: e.errorLabel
|
|
185
|
-
}), /* @__PURE__ */
|
|
180
|
+
}), /* @__PURE__ */ B(h, {
|
|
186
181
|
label: e.retryLabel,
|
|
187
|
-
onClick:
|
|
182
|
+
onClick: y
|
|
188
183
|
})]
|
|
189
|
-
}) :
|
|
190
|
-
className: i(
|
|
184
|
+
}) : g.length === 0 ? c.trim() ? /* @__PURE__ */ B("p", {
|
|
185
|
+
className: i(P, q.subtitle),
|
|
191
186
|
children: e.noResultsLabel
|
|
192
|
-
}) : /* @__PURE__ */
|
|
193
|
-
icon: /* @__PURE__ */
|
|
187
|
+
}) : /* @__PURE__ */ B(n, {
|
|
188
|
+
icon: /* @__PURE__ */ B(ee, {
|
|
194
189
|
"aria-hidden": !0,
|
|
195
190
|
size: te,
|
|
196
191
|
stroke: 1
|
|
197
192
|
}),
|
|
198
193
|
label: e.emptyStateLabel
|
|
199
|
-
}) : /* @__PURE__ */
|
|
194
|
+
}) : /* @__PURE__ */ V("div", {
|
|
200
195
|
className: "flex w-full flex-col gap-6",
|
|
201
|
-
children: [/* @__PURE__ */
|
|
202
|
-
items:
|
|
196
|
+
children: [/* @__PURE__ */ B(de, {
|
|
197
|
+
items: g,
|
|
203
198
|
searchQuery: c,
|
|
204
|
-
onCardClick:
|
|
199
|
+
onCardClick: D,
|
|
205
200
|
labels: e.cardLabels,
|
|
206
|
-
trailingSkeletonCount:
|
|
207
|
-
skeletonStyles: { colors: { skeletonColor:
|
|
208
|
-
}), /* @__PURE__ */
|
|
209
|
-
ref:
|
|
201
|
+
trailingSkeletonCount: S ? T : 0,
|
|
202
|
+
skeletonStyles: { colors: { skeletonColor: j?.skeletonColor } }
|
|
203
|
+
}), /* @__PURE__ */ B("div", {
|
|
204
|
+
ref: I,
|
|
210
205
|
"aria-hidden": !0,
|
|
211
206
|
className: "h-px w-full"
|
|
212
207
|
})]
|
|
213
|
-
}),
|
|
214
|
-
return /* @__PURE__ */
|
|
215
|
-
style:
|
|
208
|
+
}), H = _ || !!v || g.length === 0;
|
|
209
|
+
return /* @__PURE__ */ V("div", {
|
|
210
|
+
style: ne,
|
|
216
211
|
className: i("flex h-full w-full flex-col gap-6 overflow-y-auto px-8 py-4", q.container),
|
|
217
212
|
children: [
|
|
218
|
-
/* @__PURE__ */
|
|
213
|
+
/* @__PURE__ */ V("div", {
|
|
219
214
|
className: "flex items-start justify-between gap-4",
|
|
220
|
-
children: [/* @__PURE__ */
|
|
215
|
+
children: [/* @__PURE__ */ V("div", {
|
|
221
216
|
className: "min-w-0 gap-2",
|
|
222
|
-
children: [/* @__PURE__ */
|
|
223
|
-
className: i("truncate",
|
|
217
|
+
children: [/* @__PURE__ */ B("h1", {
|
|
218
|
+
className: i("truncate", N),
|
|
224
219
|
children: e.title
|
|
225
|
-
}), /* @__PURE__ */
|
|
226
|
-
className: i("mt-1",
|
|
220
|
+
}), /* @__PURE__ */ B("p", {
|
|
221
|
+
className: i("mt-1", P, q.subtitle),
|
|
227
222
|
children: e.subtitle
|
|
228
223
|
})]
|
|
229
|
-
}), /* @__PURE__ */
|
|
224
|
+
}), /* @__PURE__ */ B(C, {
|
|
230
225
|
label: e.createButtonLabel,
|
|
231
|
-
iconBefore: /* @__PURE__ */
|
|
226
|
+
iconBefore: /* @__PURE__ */ B(ie, {
|
|
232
227
|
size: d.SM,
|
|
233
228
|
"aria-hidden": !0,
|
|
234
229
|
stroke: f
|
|
@@ -237,81 +232,73 @@ var K = {
|
|
|
237
232
|
className: "shrink-0"
|
|
238
233
|
})]
|
|
239
234
|
}),
|
|
240
|
-
/* @__PURE__ */
|
|
235
|
+
/* @__PURE__ */ V("div", {
|
|
241
236
|
className: "flex flex-wrap items-center gap-3",
|
|
242
|
-
children: [/* @__PURE__ */
|
|
237
|
+
children: [/* @__PURE__ */ B("div", {
|
|
243
238
|
role: "search",
|
|
244
239
|
className: "flex-1",
|
|
245
|
-
children: /* @__PURE__ */
|
|
240
|
+
children: /* @__PURE__ */ B(w, {
|
|
246
241
|
value: c,
|
|
247
|
-
onChange:
|
|
242
|
+
onChange: re,
|
|
248
243
|
placeholder: e.searchPlaceholder,
|
|
249
244
|
clearLabel: e.clearSearchLabel,
|
|
250
245
|
"aria-label": e.searchAriaLabel,
|
|
251
|
-
size:
|
|
252
|
-
})
|
|
253
|
-
}), e.sortOptions.length > 0 && /* @__PURE__ */ U(p, {
|
|
254
|
-
items: R,
|
|
255
|
-
open: F,
|
|
256
|
-
onOpenChange: I,
|
|
257
|
-
children: /* @__PURE__ */ U(a, {
|
|
258
|
-
label: L,
|
|
259
|
-
variant: s.Primary,
|
|
260
|
-
appearance: o.Ghost,
|
|
261
|
-
className: q.sortButton,
|
|
262
|
-
iconAfter: U(F ? ie : re, {
|
|
263
|
-
size: d.SM,
|
|
264
|
-
stroke: f,
|
|
265
|
-
"aria-hidden": !0
|
|
266
|
-
})
|
|
246
|
+
size: p.Large
|
|
267
247
|
})
|
|
248
|
+
}), e.sortOptions.length > 0 && /* @__PURE__ */ B(o, {
|
|
249
|
+
items: oe,
|
|
250
|
+
label: ae,
|
|
251
|
+
variant: s.Primary,
|
|
252
|
+
appearance: a.Ghost,
|
|
253
|
+
className: q.sortButton
|
|
268
254
|
})]
|
|
269
255
|
}),
|
|
270
|
-
|
|
256
|
+
k,
|
|
257
|
+
/* @__PURE__ */ B("span", {
|
|
271
258
|
role: "status",
|
|
272
259
|
"aria-live": "polite",
|
|
273
260
|
className: "sr-only",
|
|
274
|
-
children:
|
|
261
|
+
children: F
|
|
275
262
|
}),
|
|
276
|
-
/* @__PURE__ */
|
|
277
|
-
className: i("mx-auto flex size-full w-full max-w-[1180px] flex-col",
|
|
278
|
-
children:
|
|
263
|
+
/* @__PURE__ */ B("div", {
|
|
264
|
+
className: i("mx-auto flex size-full w-full max-w-[1180px] flex-col", H && "items-center justify-center"),
|
|
265
|
+
children: z()
|
|
279
266
|
})
|
|
280
267
|
]
|
|
281
268
|
});
|
|
282
|
-
},
|
|
269
|
+
}, he = /* @__PURE__ */ function(e) {
|
|
283
270
|
return e.FirstToRun = "firstToRun", e.LastToRun = "lastToRun", e.Newest = "newest", e.NameAZ = "nameAZ", e;
|
|
284
|
-
}({}),
|
|
271
|
+
}({}), ge = 500, J = /* @__PURE__ */ function(e) {
|
|
285
272
|
return e.OneTime = "oneTime", e.Hourly = "hourly", e.Daily = "daily", e.Weekly = "weekly", e.Monthly = "monthly", e;
|
|
286
|
-
}({}), Y = (e) => String(e).padStart(2, "0"),
|
|
273
|
+
}({}), Y = (e) => String(e).padStart(2, "0"), _e = (e) => e ? new Date(e) : null, ve = (e) => {
|
|
287
274
|
if (e == null) return "";
|
|
288
275
|
let t = e instanceof Date ? e : new Date(e);
|
|
289
276
|
return Number.isNaN(t.getTime()) ? "" : `${t.getFullYear()}-${Y(t.getMonth() + 1)}-${Y(t.getDate())}T${Y(t.getHours())}:${Y(t.getMinutes())}`;
|
|
290
|
-
},
|
|
277
|
+
}, ye = (e) => {
|
|
291
278
|
if (!e) return null;
|
|
292
279
|
let [t, n, r] = e.split("-").map(Number);
|
|
293
280
|
return new Date(t, n - 1, r);
|
|
294
|
-
},
|
|
281
|
+
}, be = (e) => {
|
|
295
282
|
if (e == null) return "";
|
|
296
283
|
let t = e instanceof Date ? e : new Date(e);
|
|
297
284
|
return Number.isNaN(t.getTime()) ? "" : `${t.getFullYear()}-${Y(t.getMonth() + 1)}-${Y(t.getDate())}`;
|
|
298
|
-
},
|
|
285
|
+
}, xe = (e) => {
|
|
299
286
|
let t = Number(e);
|
|
300
287
|
return e && Number.isFinite(t) ? String(t + 1) : null;
|
|
301
|
-
},
|
|
288
|
+
}, Se = (e) => {
|
|
302
289
|
let t = typeof e == "string" ? Number(e) : NaN;
|
|
303
290
|
return Number.isFinite(t) ? String(t - 1) : "";
|
|
304
291
|
}, X = {
|
|
305
292
|
detailsColumn: "_detailsColumn_1mg3v_1",
|
|
306
293
|
sectionSubtitle: "_sectionSubtitle_1mg3v_5",
|
|
307
294
|
instructionsError: "_instructionsError_1mg3v_9"
|
|
308
|
-
},
|
|
309
|
-
let _ =
|
|
310
|
-
"--stcf-details-border":
|
|
311
|
-
"--stcf-subtitle-text":
|
|
312
|
-
"--stcf-error-text":
|
|
313
|
-
}),
|
|
314
|
-
return /* @__PURE__ */
|
|
295
|
+
}, Ce = F(async () => ({ default: (await U()).MarkdownEditor })), we = ({ labels: t, values: n, errors: a, modelSelector: o, modelLabelId: s, onFieldChange: u, onBack: d, onCancel: f, onSubmit: p, isSubmitting: m = !1, markdownEditorTheme: h, styles: g }) => {
|
|
296
|
+
let _ = I(), { colors: b, typography: x } = g ?? {}, C = x?.titleClassName ?? "dial-h1-text", w = x?.sectionTitleClassName ?? "dial-body-semi-text", E = x?.sectionSubtitleClassName ?? "dial-tiny-text", D = x?.instructionsLabelClassName ?? "dial-body-semi-text mb-1", k = x?.instructionsErrorClassName ?? "dial-small-text", j = r({
|
|
297
|
+
"--stcf-details-border": b?.detailsColumnBorder,
|
|
298
|
+
"--stcf-subtitle-text": b?.sectionSubtitleText,
|
|
299
|
+
"--stcf-error-text": b?.instructionsErrorText
|
|
300
|
+
}), M = m || !n.displayName.trim() || !n.modelId || !n.prompt.trim();
|
|
301
|
+
return /* @__PURE__ */ B(H, {
|
|
315
302
|
labels: {
|
|
316
303
|
title: t.pageTitle,
|
|
317
304
|
backButtonLabel: t.backButtonLabel,
|
|
@@ -323,32 +310,32 @@ var K = {
|
|
|
323
310
|
onCancel: f,
|
|
324
311
|
onSubmit: p,
|
|
325
312
|
isCancelDisabled: m,
|
|
326
|
-
isSubmitDisabled:
|
|
313
|
+
isSubmitDisabled: M,
|
|
327
314
|
isSubmitting: m,
|
|
328
315
|
styles: {
|
|
329
|
-
colors: { background:
|
|
316
|
+
colors: { background: b?.background },
|
|
330
317
|
header: {
|
|
331
|
-
colors: { borderColor:
|
|
332
|
-
typography: { fontClassName:
|
|
318
|
+
colors: { borderColor: b?.headerBorder },
|
|
319
|
+
typography: { fontClassName: C }
|
|
333
320
|
},
|
|
334
|
-
cssVars:
|
|
321
|
+
cssVars: j
|
|
335
322
|
},
|
|
336
|
-
left: /* @__PURE__ */
|
|
323
|
+
left: /* @__PURE__ */ V("div", {
|
|
337
324
|
role: "group",
|
|
338
325
|
"aria-label": t.detailsSectionTitle,
|
|
339
326
|
className: i("flex flex-1 flex-col gap-5 border-e px-8 py-6", X.detailsColumn),
|
|
340
327
|
children: [
|
|
341
|
-
/* @__PURE__ */
|
|
328
|
+
/* @__PURE__ */ V("div", {
|
|
342
329
|
className: "flex flex-col gap-1",
|
|
343
|
-
children: [/* @__PURE__ */
|
|
330
|
+
children: [/* @__PURE__ */ B("h2", {
|
|
344
331
|
className: w,
|
|
345
332
|
children: t.detailsSectionTitle
|
|
346
|
-
}), /* @__PURE__ */
|
|
347
|
-
className: i(
|
|
333
|
+
}), /* @__PURE__ */ B("p", {
|
|
334
|
+
className: i(E, X.sectionSubtitle),
|
|
348
335
|
children: t.detailsSectionSubtitle
|
|
349
336
|
})]
|
|
350
337
|
}),
|
|
351
|
-
/* @__PURE__ */
|
|
338
|
+
/* @__PURE__ */ B(v, {
|
|
352
339
|
id: "scheduled-task-display-name",
|
|
353
340
|
value: n.displayName,
|
|
354
341
|
onChange: (e) => u("displayName", e ?? ""),
|
|
@@ -359,7 +346,7 @@ var K = {
|
|
|
359
346
|
invalid: !!a.displayName,
|
|
360
347
|
error: a.displayName
|
|
361
348
|
}),
|
|
362
|
-
/* @__PURE__ */
|
|
349
|
+
/* @__PURE__ */ B(A, {
|
|
363
350
|
id: "scheduled-task-description",
|
|
364
351
|
value: n.description ?? "",
|
|
365
352
|
onChange: (e) => u("description", e),
|
|
@@ -369,25 +356,25 @@ var K = {
|
|
|
369
356
|
error: a.description,
|
|
370
357
|
caption: n.description ? `${n.description.length}/500` : void 0
|
|
371
358
|
}),
|
|
372
|
-
/* @__PURE__ */
|
|
359
|
+
/* @__PURE__ */ V("div", {
|
|
373
360
|
className: "flex flex-col gap-1",
|
|
374
361
|
children: [
|
|
375
|
-
/* @__PURE__ */
|
|
362
|
+
/* @__PURE__ */ B(y, {
|
|
376
363
|
id: s,
|
|
377
364
|
label: t.modelOrAgentLabel,
|
|
378
365
|
required: !0
|
|
379
366
|
}),
|
|
380
367
|
o,
|
|
381
|
-
a.modelId && /* @__PURE__ */
|
|
382
|
-
className: i(
|
|
368
|
+
a.modelId && /* @__PURE__ */ B("p", {
|
|
369
|
+
className: i(k, X.instructionsError),
|
|
383
370
|
children: a.modelId
|
|
384
371
|
})
|
|
385
372
|
]
|
|
386
373
|
}),
|
|
387
|
-
/* @__PURE__ */
|
|
374
|
+
/* @__PURE__ */ V("div", {
|
|
388
375
|
className: "flex flex-col gap-3",
|
|
389
376
|
children: [
|
|
390
|
-
/* @__PURE__ */
|
|
377
|
+
/* @__PURE__ */ B(T, {
|
|
391
378
|
labelProps: { label: t.repeatLabel },
|
|
392
379
|
value: n.repeat,
|
|
393
380
|
onChange: (e) => u("repeat", e),
|
|
@@ -396,27 +383,27 @@ var K = {
|
|
|
396
383
|
label: e.label
|
|
397
384
|
}))
|
|
398
385
|
}),
|
|
399
|
-
n.repeat === J.OneTime && /* @__PURE__ */
|
|
386
|
+
n.repeat === J.OneTime && /* @__PURE__ */ V("div", {
|
|
400
387
|
className: "flex flex-col gap-1",
|
|
401
|
-
children: [/* @__PURE__ */
|
|
388
|
+
children: [/* @__PURE__ */ B(c, {
|
|
402
389
|
id: "scheduled-task-run-at",
|
|
403
390
|
mode: l.DateTime,
|
|
404
|
-
value:
|
|
405
|
-
onChange: (e) => u("runAt",
|
|
391
|
+
value: _e(n.runAt),
|
|
392
|
+
onChange: (e) => u("runAt", ve(e)),
|
|
406
393
|
labelProps: {
|
|
407
394
|
label: t.runAtLabel,
|
|
408
395
|
required: !0
|
|
409
396
|
},
|
|
410
397
|
invalid: !!a.runAt
|
|
411
|
-
}), a.runAt && /* @__PURE__ */
|
|
412
|
-
className: i(
|
|
398
|
+
}), a.runAt && /* @__PURE__ */ B("p", {
|
|
399
|
+
className: i(k, X.instructionsError),
|
|
413
400
|
children: a.runAt
|
|
414
401
|
})]
|
|
415
402
|
}),
|
|
416
|
-
n.repeat !== J.OneTime && /* @__PURE__ */
|
|
417
|
-
n.repeat !== J.Hourly && /* @__PURE__ */
|
|
403
|
+
n.repeat !== J.OneTime && /* @__PURE__ */ V(z, { children: [
|
|
404
|
+
n.repeat !== J.Hourly && /* @__PURE__ */ V("div", {
|
|
418
405
|
className: "flex flex-col gap-1",
|
|
419
|
-
children: [/* @__PURE__ */
|
|
406
|
+
children: [/* @__PURE__ */ B(c, {
|
|
420
407
|
id: "scheduled-task-time",
|
|
421
408
|
mode: l.Time,
|
|
422
409
|
value: n.time,
|
|
@@ -426,29 +413,29 @@ var K = {
|
|
|
426
413
|
required: !0
|
|
427
414
|
},
|
|
428
415
|
invalid: !!a.time
|
|
429
|
-
}), a.time && /* @__PURE__ */
|
|
430
|
-
className: i(
|
|
416
|
+
}), a.time && /* @__PURE__ */ B("p", {
|
|
417
|
+
className: i(k, X.instructionsError),
|
|
431
418
|
children: a.time
|
|
432
419
|
})]
|
|
433
420
|
}),
|
|
434
|
-
n.repeat === J.Weekly && /* @__PURE__ */
|
|
421
|
+
n.repeat === J.Weekly && /* @__PURE__ */ V("div", {
|
|
435
422
|
className: "flex flex-col gap-1",
|
|
436
|
-
children: [/* @__PURE__ */
|
|
423
|
+
children: [/* @__PURE__ */ B(c, {
|
|
437
424
|
id: "scheduled-task-day-of-week",
|
|
438
425
|
mode: l.Weekday,
|
|
439
|
-
value:
|
|
440
|
-
onChange: (e) => u("dayOfWeek",
|
|
426
|
+
value: xe(n.dayOfWeek),
|
|
427
|
+
onChange: (e) => u("dayOfWeek", Se(e)),
|
|
441
428
|
labelProps: {
|
|
442
429
|
label: t.dayOfWeekLabel,
|
|
443
430
|
required: !0
|
|
444
431
|
},
|
|
445
432
|
invalid: !!a.dayOfWeek
|
|
446
|
-
}), a.dayOfWeek && /* @__PURE__ */
|
|
447
|
-
className: i(
|
|
433
|
+
}), a.dayOfWeek && /* @__PURE__ */ B("p", {
|
|
434
|
+
className: i(k, X.instructionsError),
|
|
448
435
|
children: a.dayOfWeek
|
|
449
436
|
})]
|
|
450
437
|
}),
|
|
451
|
-
n.repeat === J.Monthly && /* @__PURE__ */
|
|
438
|
+
n.repeat === J.Monthly && /* @__PURE__ */ B(v, {
|
|
452
439
|
id: "scheduled-task-day-of-month",
|
|
453
440
|
value: n.dayOfMonth ?? "",
|
|
454
441
|
onChange: (e) => u("dayOfMonth", e ?? ""),
|
|
@@ -459,7 +446,7 @@ var K = {
|
|
|
459
446
|
invalid: !!a.dayOfMonth,
|
|
460
447
|
error: a.dayOfMonth
|
|
461
448
|
}),
|
|
462
|
-
n.repeat === J.Hourly && /* @__PURE__ */
|
|
449
|
+
n.repeat === J.Hourly && /* @__PURE__ */ B(S, {
|
|
463
450
|
id: "scheduled-task-minute",
|
|
464
451
|
integer: !0,
|
|
465
452
|
min: 0,
|
|
@@ -473,34 +460,34 @@ var K = {
|
|
|
473
460
|
invalid: !!a.minute,
|
|
474
461
|
error: a.minute
|
|
475
462
|
}),
|
|
476
|
-
/* @__PURE__ */
|
|
463
|
+
/* @__PURE__ */ V("div", {
|
|
477
464
|
className: "flex flex-col gap-3 desktop:flex-row",
|
|
478
|
-
children: [/* @__PURE__ */
|
|
465
|
+
children: [/* @__PURE__ */ V("div", {
|
|
479
466
|
className: "flex flex-1 flex-col gap-1",
|
|
480
|
-
children: [/* @__PURE__ */
|
|
467
|
+
children: [/* @__PURE__ */ B(c, {
|
|
481
468
|
id: "scheduled-task-start-date",
|
|
482
469
|
mode: l.Date,
|
|
483
|
-
value:
|
|
484
|
-
onChange: (e) => u("startDate",
|
|
470
|
+
value: ye(n.startDate),
|
|
471
|
+
onChange: (e) => u("startDate", be(e)),
|
|
485
472
|
labelProps: { label: t.startDateLabel },
|
|
486
473
|
placeholder: t.startDatePlaceholder,
|
|
487
474
|
invalid: !!a.startDate
|
|
488
|
-
}), a.startDate && /* @__PURE__ */
|
|
489
|
-
className: i(
|
|
475
|
+
}), a.startDate && /* @__PURE__ */ B("p", {
|
|
476
|
+
className: i(k, X.instructionsError),
|
|
490
477
|
children: a.startDate
|
|
491
478
|
})]
|
|
492
|
-
}), /* @__PURE__ */
|
|
479
|
+
}), /* @__PURE__ */ V("div", {
|
|
493
480
|
className: "flex flex-1 flex-col gap-1",
|
|
494
|
-
children: [/* @__PURE__ */
|
|
481
|
+
children: [/* @__PURE__ */ B(c, {
|
|
495
482
|
id: "scheduled-task-end-date",
|
|
496
483
|
mode: l.Date,
|
|
497
|
-
value:
|
|
498
|
-
onChange: (e) => u("endDate",
|
|
484
|
+
value: ye(n.endDate),
|
|
485
|
+
onChange: (e) => u("endDate", be(e)),
|
|
499
486
|
labelProps: { label: t.endDateLabel },
|
|
500
487
|
placeholder: t.endDatePlaceholder,
|
|
501
488
|
invalid: !!a.endDate
|
|
502
|
-
}), a.endDate && /* @__PURE__ */
|
|
503
|
-
className: i(
|
|
489
|
+
}), a.endDate && /* @__PURE__ */ B("p", {
|
|
490
|
+
className: i(k, X.instructionsError),
|
|
504
491
|
children: a.endDate
|
|
505
492
|
})]
|
|
506
493
|
})]
|
|
@@ -510,30 +497,30 @@ var K = {
|
|
|
510
497
|
})
|
|
511
498
|
]
|
|
512
499
|
}),
|
|
513
|
-
children: /* @__PURE__ */
|
|
500
|
+
children: /* @__PURE__ */ V("div", {
|
|
514
501
|
role: "group",
|
|
515
502
|
"aria-label": t.configurationSectionTitle,
|
|
516
503
|
className: "flex flex-1 flex-col gap-5 px-8 py-6",
|
|
517
|
-
children: [/* @__PURE__ */
|
|
504
|
+
children: [/* @__PURE__ */ V("div", {
|
|
518
505
|
className: "flex flex-col gap-1",
|
|
519
|
-
children: [/* @__PURE__ */
|
|
506
|
+
children: [/* @__PURE__ */ B("h2", {
|
|
520
507
|
className: w,
|
|
521
508
|
children: t.configurationSectionTitle
|
|
522
|
-
}), /* @__PURE__ */
|
|
523
|
-
className: i(
|
|
509
|
+
}), /* @__PURE__ */ B("p", {
|
|
510
|
+
className: i(E, X.sectionSubtitle),
|
|
524
511
|
children: t.configurationSectionSubtitle
|
|
525
512
|
})]
|
|
526
|
-
}), /* @__PURE__ */
|
|
513
|
+
}), /* @__PURE__ */ V("div", {
|
|
527
514
|
className: "flex flex-1 flex-col gap-1",
|
|
528
515
|
children: [
|
|
529
|
-
/* @__PURE__ */
|
|
516
|
+
/* @__PURE__ */ B("label", {
|
|
530
517
|
htmlFor: _,
|
|
531
518
|
className: D,
|
|
532
519
|
children: t.instructionsLabel
|
|
533
520
|
}),
|
|
534
|
-
/* @__PURE__ */
|
|
535
|
-
fallback: /* @__PURE__ */
|
|
536
|
-
children: /* @__PURE__ */
|
|
521
|
+
/* @__PURE__ */ B(oe, {
|
|
522
|
+
fallback: /* @__PURE__ */ B(O, {}),
|
|
523
|
+
children: /* @__PURE__ */ B(Ce, {
|
|
537
524
|
id: _,
|
|
538
525
|
value: n.prompt,
|
|
539
526
|
onChange: (e) => u("prompt", e),
|
|
@@ -542,8 +529,8 @@ var K = {
|
|
|
542
529
|
theme: h
|
|
543
530
|
})
|
|
544
531
|
}),
|
|
545
|
-
a.prompt && /* @__PURE__ */
|
|
546
|
-
className: i(
|
|
532
|
+
a.prompt && /* @__PURE__ */ B("p", {
|
|
533
|
+
className: i(k, X.instructionsError),
|
|
547
534
|
children: a.prompt
|
|
548
535
|
})
|
|
549
536
|
]
|
|
@@ -559,25 +546,25 @@ var K = {
|
|
|
559
546
|
missedIcon: "_missedIcon_1bug5_13",
|
|
560
547
|
currentRun: "_currentRun_1bug5_17",
|
|
561
548
|
unreadDot: "_unreadDot_1bug5_21"
|
|
562
|
-
},
|
|
549
|
+
}, Te = ({ status: e }) => {
|
|
563
550
|
switch (e) {
|
|
564
|
-
case Z.Success: return /* @__PURE__ */
|
|
551
|
+
case Z.Success: return /* @__PURE__ */ B(te, {
|
|
565
552
|
size: d.SM,
|
|
566
553
|
className: Q.successIcon,
|
|
567
554
|
"aria-hidden": !0,
|
|
568
555
|
stroke: f
|
|
569
556
|
});
|
|
570
|
-
case Z.Error: return /* @__PURE__ */
|
|
557
|
+
case Z.Error: return /* @__PURE__ */ B(N, {
|
|
571
558
|
size: d.SM,
|
|
572
559
|
className: Q.errorIcon,
|
|
573
560
|
"aria-hidden": !0,
|
|
574
561
|
stroke: f
|
|
575
562
|
});
|
|
576
|
-
case Z.InProgress: return /* @__PURE__ */
|
|
563
|
+
case Z.InProgress: return /* @__PURE__ */ B("span", {
|
|
577
564
|
"aria-hidden": !0,
|
|
578
|
-
children: /* @__PURE__ */
|
|
565
|
+
children: /* @__PURE__ */ B(O, { size: d.SM })
|
|
579
566
|
});
|
|
580
|
-
case Z.Missed: return /* @__PURE__ */
|
|
567
|
+
case Z.Missed: return /* @__PURE__ */ B(j, {
|
|
581
568
|
size: d.SM,
|
|
582
569
|
className: Q.missedIcon,
|
|
583
570
|
"aria-hidden": !0,
|
|
@@ -585,8 +572,8 @@ var K = {
|
|
|
585
572
|
});
|
|
586
573
|
default: return null;
|
|
587
574
|
}
|
|
588
|
-
},
|
|
589
|
-
let { colors: m, typography:
|
|
575
|
+
}, Ee = ({ items: e, isLoading: t = !1, isLoadingMore: n = !1, skeletonCount: a = 6, error: o, onRetry: s, currentRunId: c, onRunClick: l, labels: u, footer: d, styles: p }) => {
|
|
576
|
+
let { colors: m, typography: g } = p ?? {}, _ = g?.runTimestampClassName ?? "dial-small-text", v = g?.subtitleClassName ?? "dial-body-text", y = u.unreadIndicatorLabel ?? "Unread", b = r({
|
|
590
577
|
"--strhl-success-icon": m?.successIconColor,
|
|
591
578
|
"--strhl-error-icon": m?.errorIconColor,
|
|
592
579
|
"--strhl-missed-icon": m?.missedIconColor,
|
|
@@ -595,7 +582,7 @@ var K = {
|
|
|
595
582
|
"--strhl-unread-dot": m?.unreadDotColor
|
|
596
583
|
}), x = (e) => {
|
|
597
584
|
let t = u.runStatusLabels[e.status], n = e.id === c, r = [e.isUnread ? y : void 0, n ? u.currentRunLabel : void 0].filter((e) => !!e), a = [`${t} ${e.timestampLabel}`, ...r].join(" — "), o = !!e.conversationId && !!l;
|
|
598
|
-
return /* @__PURE__ */
|
|
585
|
+
return /* @__PURE__ */ V("li", {
|
|
599
586
|
...o ? {
|
|
600
587
|
role: "button",
|
|
601
588
|
tabIndex: 0,
|
|
@@ -607,80 +594,80 @@ var K = {
|
|
|
607
594
|
"aria-label": a,
|
|
608
595
|
"aria-current": n ? "true" : void 0,
|
|
609
596
|
className: i("flex h-8 items-center justify-between gap-2 rounded-full pe-2 ps-5", n && Q.currentRun, o && "cursor-pointer"),
|
|
610
|
-
children: [/* @__PURE__ */
|
|
597
|
+
children: [/* @__PURE__ */ V("span", {
|
|
611
598
|
className: "flex items-center gap-2 truncate",
|
|
612
|
-
children: [/* @__PURE__ */
|
|
599
|
+
children: [/* @__PURE__ */ B("span", {
|
|
613
600
|
className: "relative flex size-3 shrink-0 items-center justify-center",
|
|
614
|
-
children: e.isUnread && /* @__PURE__ */
|
|
601
|
+
children: e.isUnread && /* @__PURE__ */ B("span", {
|
|
615
602
|
className: i("size-[5.33px] rounded-full", Q.unreadDot),
|
|
616
603
|
"aria-hidden": !0
|
|
617
604
|
})
|
|
618
|
-
}), /* @__PURE__ */
|
|
619
|
-
className: i(
|
|
605
|
+
}), /* @__PURE__ */ B("span", {
|
|
606
|
+
className: i(_, "truncate"),
|
|
620
607
|
children: e.timestampLabel
|
|
621
608
|
})]
|
|
622
|
-
}), /* @__PURE__ */
|
|
609
|
+
}), /* @__PURE__ */ B("span", {
|
|
623
610
|
className: "flex h-8 w-14 shrink-0 items-center justify-end",
|
|
624
|
-
children: /* @__PURE__ */
|
|
611
|
+
children: /* @__PURE__ */ B(Te, { status: e.status })
|
|
625
612
|
})]
|
|
626
613
|
}, e.id);
|
|
627
|
-
}, S = (e) => Array.from({ length: e }, (e, t) => /* @__PURE__ */
|
|
614
|
+
}, S = (e) => Array.from({ length: e }, (e, t) => /* @__PURE__ */ V("li", {
|
|
628
615
|
"aria-hidden": "true",
|
|
629
616
|
className: "flex h-8 items-center justify-between gap-2 pe-2 ps-5",
|
|
630
|
-
children: [/* @__PURE__ */
|
|
631
|
-
variant:
|
|
617
|
+
children: [/* @__PURE__ */ B(E, {
|
|
618
|
+
variant: D.Rectangular,
|
|
632
619
|
width: "160px",
|
|
633
620
|
height: "16px"
|
|
634
|
-
}), /* @__PURE__ */
|
|
635
|
-
variant:
|
|
621
|
+
}), /* @__PURE__ */ B(E, {
|
|
622
|
+
variant: D.Rectangular,
|
|
636
623
|
width: "16px",
|
|
637
624
|
height: "16px",
|
|
638
625
|
className: "shrink-0 rounded-full"
|
|
639
626
|
})]
|
|
640
627
|
}, `history-skeleton-${t}`));
|
|
641
|
-
return t && e.length === 0 ? /* @__PURE__ */
|
|
628
|
+
return t && e.length === 0 ? /* @__PURE__ */ B("ul", {
|
|
642
629
|
style: b,
|
|
643
630
|
"aria-label": u.historyTitle,
|
|
644
631
|
className: "flex flex-col gap-0.5",
|
|
645
632
|
children: S(a)
|
|
646
|
-
}) : o && e.length === 0 ? /* @__PURE__ */
|
|
633
|
+
}) : o && e.length === 0 ? /* @__PURE__ */ V("div", {
|
|
647
634
|
style: b,
|
|
648
635
|
className: "flex flex-col items-start gap-3",
|
|
649
|
-
children: [/* @__PURE__ */
|
|
636
|
+
children: [/* @__PURE__ */ B("p", {
|
|
650
637
|
role: "alert",
|
|
651
638
|
className: i(v, Q.subtitleText),
|
|
652
639
|
children: u.errorLabel
|
|
653
|
-
}), /* @__PURE__ */
|
|
640
|
+
}), /* @__PURE__ */ B(h, {
|
|
654
641
|
label: u.retryLabel,
|
|
655
642
|
onClick: s
|
|
656
643
|
})]
|
|
657
|
-
}) : e.length === 0 ? /* @__PURE__ */
|
|
644
|
+
}) : e.length === 0 ? /* @__PURE__ */ V("div", {
|
|
658
645
|
style: b,
|
|
659
646
|
className: "flex w-full flex-col items-center justify-center gap-2 py-4",
|
|
660
|
-
children: [/* @__PURE__ */
|
|
647
|
+
children: [/* @__PURE__ */ B(P, {
|
|
661
648
|
size: 44,
|
|
662
649
|
stroke: f,
|
|
663
650
|
className: Q.subtitleText,
|
|
664
651
|
"aria-hidden": !0
|
|
665
|
-
}), /* @__PURE__ */
|
|
652
|
+
}), /* @__PURE__ */ B("p", {
|
|
666
653
|
role: "status",
|
|
667
|
-
className:
|
|
654
|
+
className: _,
|
|
668
655
|
children: u.emptyLabel
|
|
669
656
|
})]
|
|
670
|
-
}) : /* @__PURE__ */
|
|
657
|
+
}) : /* @__PURE__ */ V("ul", {
|
|
671
658
|
style: b,
|
|
672
659
|
"aria-label": u.historyTitle,
|
|
673
660
|
className: "flex flex-col gap-0.5",
|
|
674
661
|
children: [
|
|
675
662
|
e.map(x),
|
|
676
663
|
n && S(a),
|
|
677
|
-
o ? /* @__PURE__ */
|
|
664
|
+
o ? /* @__PURE__ */ V("li", {
|
|
678
665
|
className: "flex flex-col items-start gap-3 px-5 py-2",
|
|
679
|
-
children: [/* @__PURE__ */
|
|
666
|
+
children: [/* @__PURE__ */ B("p", {
|
|
680
667
|
role: "alert",
|
|
681
668
|
className: i(v, Q.subtitleText),
|
|
682
669
|
children: u.errorLabel
|
|
683
|
-
}), /* @__PURE__ */
|
|
670
|
+
}), /* @__PURE__ */ B(h, {
|
|
684
671
|
label: u.retryLabel,
|
|
685
672
|
onClick: s
|
|
686
673
|
})]
|
|
@@ -696,8 +683,8 @@ var K = {
|
|
|
696
683
|
errorIcon: "_errorIcon_1ci42_21",
|
|
697
684
|
missedIcon: "_missedIcon_1ci42_25",
|
|
698
685
|
historyCard: "_historyCard_1ci42_29"
|
|
699
|
-
},
|
|
700
|
-
let { colors: L, typography: R } =
|
|
686
|
+
}, De = ({ labels: e, onBack: n, onEdit: a, onDelete: o, isDeleting: c = !1, isDeleted: l = !1, isActive: u, isActiveUpdating: p = !1, isActiveDisabled: m = !1, onActiveChange: _, displayName: v, isLoading: y = !1, error: b, onRetry: S, description: C, modelLabel: w, repeatsLabel: T, activeWindowLabel: E, nextRunLabel: D, instructionsMarkdown: A, renderInstructions: j, runs: ee, runsIsLoading: te = !1, runsIsLoadingMore: N = !1, runsSkeletonCount: P = 6, runsError: re, onRunsRetry: ie, runsHasMore: oe = !1, onRunsLoadMore: F, onRunClick: se, styles: I }) => {
|
|
687
|
+
let { colors: L, typography: R } = I ?? {}, z = R?.titleClassName ?? "dial-h2-text", H = R?.sectionTitleClassName ?? "dial-body-semi-text", U = R?.fieldLabelClassName ?? "dial-tiny-text", W = R?.fieldValueClassName ?? "dial-small-text", G = R?.runTimestampClassName ?? "dial-small-text", ce = r({
|
|
701
688
|
"--stdv-bg": L?.background,
|
|
702
689
|
"--stdv-header-border": L?.headerBorder,
|
|
703
690
|
"--stdv-details-border": L?.detailsColumnBorder,
|
|
@@ -706,25 +693,25 @@ var K = {
|
|
|
706
693
|
"--stdv-error-icon": L?.errorIconColor,
|
|
707
694
|
"--stdv-missed-icon": L?.missedIconColor,
|
|
708
695
|
"--stdv-history-bg": L?.historyCardBackground
|
|
709
|
-
}), le =
|
|
696
|
+
}), le = F && oe && e.historyShowMoreLabel ? /* @__PURE__ */ B("li", {
|
|
710
697
|
className: i("sticky bottom-0 z-10 rounded-b-xl px-6 pb-5 pt-2", $.historyCard),
|
|
711
|
-
children: /* @__PURE__ */
|
|
698
|
+
children: /* @__PURE__ */ B(h, {
|
|
712
699
|
label: e.historyShowMoreLabel,
|
|
713
|
-
onClick:
|
|
714
|
-
disabled:
|
|
700
|
+
onClick: F,
|
|
701
|
+
disabled: N
|
|
715
702
|
})
|
|
716
703
|
}) : void 0;
|
|
717
|
-
return /* @__PURE__ */
|
|
718
|
-
style:
|
|
704
|
+
return /* @__PURE__ */ V("div", {
|
|
705
|
+
style: ce,
|
|
719
706
|
className: i("flex h-full w-full flex-col overflow-y-auto", $.container),
|
|
720
707
|
children: [
|
|
721
|
-
/* @__PURE__ */
|
|
708
|
+
/* @__PURE__ */ V("div", {
|
|
722
709
|
className: i("flex h-16 shrink-0 items-center justify-between gap-2 border-b px-8", $.header),
|
|
723
|
-
children: [/* @__PURE__ */
|
|
710
|
+
children: [/* @__PURE__ */ V("div", {
|
|
724
711
|
className: "flex min-w-0 items-center gap-2",
|
|
725
712
|
children: [
|
|
726
|
-
/* @__PURE__ */
|
|
727
|
-
icon: /* @__PURE__ */
|
|
713
|
+
/* @__PURE__ */ B(g, {
|
|
714
|
+
icon: /* @__PURE__ */ B(M, {
|
|
728
715
|
size: d.LG,
|
|
729
716
|
className: "rtl:scale-x-[-1]",
|
|
730
717
|
"aria-hidden": !0,
|
|
@@ -733,29 +720,29 @@ var K = {
|
|
|
733
720
|
"aria-label": e.backAriaLabel,
|
|
734
721
|
onClick: n
|
|
735
722
|
}),
|
|
736
|
-
/* @__PURE__ */
|
|
737
|
-
className: i("truncate",
|
|
738
|
-
children:
|
|
723
|
+
/* @__PURE__ */ B("h1", {
|
|
724
|
+
className: i("truncate", z),
|
|
725
|
+
children: v
|
|
739
726
|
}),
|
|
740
|
-
l && /* @__PURE__ */
|
|
741
|
-
className: i("shrink-0",
|
|
727
|
+
l && /* @__PURE__ */ B("span", {
|
|
728
|
+
className: i("shrink-0", W, $.subtitleText),
|
|
742
729
|
children: e.deletedStateLabel
|
|
743
730
|
})
|
|
744
731
|
]
|
|
745
|
-
}), /* @__PURE__ */
|
|
732
|
+
}), /* @__PURE__ */ V("div", {
|
|
746
733
|
className: "flex shrink-0 items-center gap-2",
|
|
747
734
|
children: [
|
|
748
|
-
!l && u !== void 0 && /* @__PURE__ */
|
|
735
|
+
!l && u !== void 0 && /* @__PURE__ */ B(k, {
|
|
749
736
|
id: "scheduled-task-active-switch",
|
|
750
737
|
labelProps: { label: e.activeStatusLabel },
|
|
751
738
|
isOn: u,
|
|
752
739
|
disabled: p || m || c,
|
|
753
|
-
onChange: (e) =>
|
|
740
|
+
onChange: (e) => _?.(e)
|
|
754
741
|
}),
|
|
755
|
-
!l && o && /* @__PURE__ */
|
|
742
|
+
!l && o && /* @__PURE__ */ B(h, {
|
|
756
743
|
variant: s.Danger,
|
|
757
744
|
label: e.deleteButtonLabel,
|
|
758
|
-
iconBefore: /* @__PURE__ */
|
|
745
|
+
iconBefore: /* @__PURE__ */ B(ae, {
|
|
759
746
|
size: d.SM,
|
|
760
747
|
"aria-hidden": !0,
|
|
761
748
|
stroke: f
|
|
@@ -764,9 +751,9 @@ var K = {
|
|
|
764
751
|
disabled: c,
|
|
765
752
|
className: "shrink-0"
|
|
766
753
|
}),
|
|
767
|
-
!l && a && /* @__PURE__ */
|
|
754
|
+
!l && a && /* @__PURE__ */ B(x, {
|
|
768
755
|
label: e.editButtonLabel,
|
|
769
|
-
iconBefore: /* @__PURE__ */
|
|
756
|
+
iconBefore: /* @__PURE__ */ B(ne, {
|
|
770
757
|
size: d.SM,
|
|
771
758
|
"aria-hidden": !0,
|
|
772
759
|
stroke: f
|
|
@@ -778,127 +765,127 @@ var K = {
|
|
|
778
765
|
]
|
|
779
766
|
})]
|
|
780
767
|
}),
|
|
781
|
-
e.activeStatusAnnouncement != null && /* @__PURE__ */
|
|
768
|
+
e.activeStatusAnnouncement != null && /* @__PURE__ */ B("span", {
|
|
782
769
|
role: "status",
|
|
783
770
|
"aria-live": "polite",
|
|
784
771
|
className: "sr-only",
|
|
785
772
|
children: e.activeStatusAnnouncement
|
|
786
773
|
}),
|
|
787
|
-
y && /* @__PURE__ */
|
|
774
|
+
y && /* @__PURE__ */ B("div", {
|
|
788
775
|
className: "flex flex-1 items-center justify-center",
|
|
789
|
-
children: /* @__PURE__ */
|
|
776
|
+
children: /* @__PURE__ */ B(O, {})
|
|
790
777
|
}),
|
|
791
|
-
!y && b && /* @__PURE__ */
|
|
778
|
+
!y && b && /* @__PURE__ */ V("div", {
|
|
792
779
|
className: "flex flex-1 flex-col items-center justify-center gap-3",
|
|
793
|
-
children: [/* @__PURE__ */
|
|
794
|
-
className: i(
|
|
780
|
+
children: [/* @__PURE__ */ B("p", {
|
|
781
|
+
className: i(W, $.subtitleText),
|
|
795
782
|
children: e.errorLabel
|
|
796
|
-
}), /* @__PURE__ */
|
|
783
|
+
}), /* @__PURE__ */ B(h, {
|
|
797
784
|
label: e.retryLabel,
|
|
798
|
-
onClick:
|
|
785
|
+
onClick: S
|
|
799
786
|
})]
|
|
800
787
|
}),
|
|
801
|
-
!y && !b && /* @__PURE__ */
|
|
788
|
+
!y && !b && /* @__PURE__ */ V("div", {
|
|
802
789
|
className: "flex flex-1 flex-col desktop:flex-row",
|
|
803
790
|
children: [
|
|
804
|
-
/* @__PURE__ */
|
|
791
|
+
/* @__PURE__ */ V("div", {
|
|
805
792
|
role: "group",
|
|
806
793
|
"aria-label": e.detailsTitle,
|
|
807
794
|
className: i("flex w-full flex-col gap-5 border-e px-8 py-6 desktop:w-[360px] desktop:shrink-0", $.detailsColumn),
|
|
808
795
|
children: [
|
|
809
|
-
/* @__PURE__ */
|
|
810
|
-
className:
|
|
796
|
+
/* @__PURE__ */ B("h2", {
|
|
797
|
+
className: H,
|
|
811
798
|
children: e.detailsTitle
|
|
812
799
|
}),
|
|
813
|
-
C && /* @__PURE__ */
|
|
800
|
+
C && /* @__PURE__ */ V("div", {
|
|
814
801
|
className: "flex flex-col gap-1",
|
|
815
|
-
children: [/* @__PURE__ */
|
|
816
|
-
className: i(
|
|
802
|
+
children: [/* @__PURE__ */ B("span", {
|
|
803
|
+
className: i(U, $.subtitleText),
|
|
817
804
|
children: e.descriptionLabel
|
|
818
|
-
}), /* @__PURE__ */
|
|
819
|
-
className:
|
|
805
|
+
}), /* @__PURE__ */ B("p", {
|
|
806
|
+
className: W,
|
|
820
807
|
children: C
|
|
821
808
|
})]
|
|
822
809
|
}),
|
|
823
|
-
w && /* @__PURE__ */
|
|
810
|
+
w && /* @__PURE__ */ V("div", {
|
|
824
811
|
className: "flex flex-col gap-1",
|
|
825
|
-
children: [/* @__PURE__ */
|
|
826
|
-
className: i(
|
|
812
|
+
children: [/* @__PURE__ */ B("span", {
|
|
813
|
+
className: i(U, $.subtitleText),
|
|
827
814
|
children: e.modelLabel
|
|
828
|
-
}), /* @__PURE__ */
|
|
829
|
-
className:
|
|
815
|
+
}), /* @__PURE__ */ B("p", {
|
|
816
|
+
className: W,
|
|
830
817
|
children: w
|
|
831
818
|
})]
|
|
832
819
|
}),
|
|
833
|
-
T && /* @__PURE__ */
|
|
820
|
+
T && /* @__PURE__ */ V("div", {
|
|
834
821
|
className: "flex flex-col gap-1",
|
|
835
|
-
children: [/* @__PURE__ */
|
|
836
|
-
className: i(
|
|
822
|
+
children: [/* @__PURE__ */ B("span", {
|
|
823
|
+
className: i(U, $.subtitleText),
|
|
837
824
|
children: e.repeatsLabel
|
|
838
|
-
}), /* @__PURE__ */
|
|
839
|
-
className:
|
|
825
|
+
}), /* @__PURE__ */ B("p", {
|
|
826
|
+
className: W,
|
|
840
827
|
children: T
|
|
841
828
|
})]
|
|
842
829
|
}),
|
|
843
|
-
E && /* @__PURE__ */
|
|
830
|
+
E && /* @__PURE__ */ V("div", {
|
|
844
831
|
className: "flex flex-col gap-1",
|
|
845
|
-
children: [/* @__PURE__ */
|
|
846
|
-
className: i(
|
|
832
|
+
children: [/* @__PURE__ */ B("span", {
|
|
833
|
+
className: i(U, $.subtitleText),
|
|
847
834
|
children: e.activeWindowLabel
|
|
848
|
-
}), /* @__PURE__ */
|
|
849
|
-
className:
|
|
835
|
+
}), /* @__PURE__ */ B("p", {
|
|
836
|
+
className: W,
|
|
850
837
|
children: E
|
|
851
838
|
})]
|
|
852
839
|
})
|
|
853
840
|
]
|
|
854
841
|
}),
|
|
855
|
-
/* @__PURE__ */
|
|
842
|
+
/* @__PURE__ */ V("div", {
|
|
856
843
|
className: "flex w-full min-w-0 flex-1 flex-col gap-5 px-8 py-6",
|
|
857
|
-
children: [/* @__PURE__ */
|
|
858
|
-
className:
|
|
844
|
+
children: [/* @__PURE__ */ B("h2", {
|
|
845
|
+
className: H,
|
|
859
846
|
children: e.configurationTitle
|
|
860
|
-
}), /* @__PURE__ */
|
|
847
|
+
}), /* @__PURE__ */ V("div", {
|
|
861
848
|
role: "group",
|
|
862
849
|
"aria-label": e.instructionsLabel,
|
|
863
850
|
className: "flex flex-col gap-1",
|
|
864
|
-
children: [/* @__PURE__ */
|
|
865
|
-
className: i(
|
|
851
|
+
children: [/* @__PURE__ */ B("span", {
|
|
852
|
+
className: i(U, $.subtitleText),
|
|
866
853
|
children: e.instructionsLabel
|
|
867
|
-
}),
|
|
854
|
+
}), A && ((e) => j ? j(e) : /* @__PURE__ */ B(t, { content: e }))(A)]
|
|
868
855
|
})]
|
|
869
856
|
}),
|
|
870
|
-
/* @__PURE__ */
|
|
857
|
+
/* @__PURE__ */ B("div", {
|
|
871
858
|
className: "flex w-full justify-center p-6 desktop:w-auto desktop:items-start",
|
|
872
|
-
children: /* @__PURE__ */
|
|
859
|
+
children: /* @__PURE__ */ V("div", {
|
|
873
860
|
className: i("flex max-h-[70vh] w-full flex-col overflow-y-auto rounded-xl shadow-md desktop:w-[360px]", $.historyCard),
|
|
874
|
-
children: [/* @__PURE__ */
|
|
861
|
+
children: [/* @__PURE__ */ V("div", {
|
|
875
862
|
className: i("sticky top-0 z-10 flex flex-col gap-4 rounded-t-xl px-6 pb-2 pt-5", $.historyCard),
|
|
876
863
|
children: [
|
|
877
|
-
/* @__PURE__ */
|
|
878
|
-
className:
|
|
864
|
+
/* @__PURE__ */ B("h2", {
|
|
865
|
+
className: H,
|
|
879
866
|
children: e.historyTitle
|
|
880
867
|
}),
|
|
881
|
-
D && /* @__PURE__ */
|
|
882
|
-
className: i(
|
|
868
|
+
D && /* @__PURE__ */ B("p", {
|
|
869
|
+
className: i(G, $.subtitleText),
|
|
883
870
|
children: D
|
|
884
871
|
}),
|
|
885
|
-
e.historyLoadingMoreLabel && /* @__PURE__ */
|
|
872
|
+
e.historyLoadingMoreLabel && /* @__PURE__ */ B("span", {
|
|
886
873
|
role: "status",
|
|
887
874
|
"aria-live": "polite",
|
|
888
875
|
className: "sr-only",
|
|
889
|
-
children:
|
|
876
|
+
children: N ? e.historyLoadingMoreLabel : ""
|
|
890
877
|
})
|
|
891
878
|
]
|
|
892
|
-
}), /* @__PURE__ */
|
|
879
|
+
}), /* @__PURE__ */ B("div", {
|
|
893
880
|
className: "flex flex-1 flex-col gap-4 px-6 pb-2",
|
|
894
|
-
children: /* @__PURE__ */
|
|
895
|
-
items:
|
|
896
|
-
isLoading:
|
|
897
|
-
isLoadingMore:
|
|
898
|
-
skeletonCount:
|
|
899
|
-
error:
|
|
900
|
-
onRetry:
|
|
901
|
-
onRunClick:
|
|
881
|
+
children: /* @__PURE__ */ B(Ee, {
|
|
882
|
+
items: ee,
|
|
883
|
+
isLoading: te,
|
|
884
|
+
isLoadingMore: N,
|
|
885
|
+
skeletonCount: P,
|
|
886
|
+
error: re,
|
|
887
|
+
onRetry: ie,
|
|
888
|
+
onRunClick: se,
|
|
902
889
|
labels: {
|
|
903
890
|
historyTitle: e.historyTitle,
|
|
904
891
|
emptyLabel: e.historyEmptyLabel,
|
|
@@ -909,7 +896,7 @@ var K = {
|
|
|
909
896
|
},
|
|
910
897
|
footer: le,
|
|
911
898
|
styles: {
|
|
912
|
-
typography: { runTimestampClassName:
|
|
899
|
+
typography: { runTimestampClassName: G },
|
|
913
900
|
colors: {
|
|
914
901
|
successIconColor: L?.successIconColor,
|
|
915
902
|
errorIconColor: L?.errorIconColor,
|
|
@@ -925,27 +912,27 @@ var K = {
|
|
|
925
912
|
})
|
|
926
913
|
]
|
|
927
914
|
});
|
|
928
|
-
},
|
|
915
|
+
}, Oe = ({ modelLabel: e, instructionsLabel: n, modelDisplayName: r, instructionsMarkdown: i, renderInstructions: a, styles: o }) => {
|
|
929
916
|
let s = o?.typography?.fieldLabelClassName ?? "dial-tiny-text", c = o?.typography?.fieldValueClassName ?? "dial-body-text";
|
|
930
|
-
return /* @__PURE__ */
|
|
917
|
+
return /* @__PURE__ */ V("div", {
|
|
931
918
|
className: "flex flex-col gap-3",
|
|
932
|
-
children: [r && /* @__PURE__ */
|
|
919
|
+
children: [r && /* @__PURE__ */ V("div", {
|
|
933
920
|
className: "flex flex-col gap-2",
|
|
934
|
-
children: [/* @__PURE__ */
|
|
921
|
+
children: [/* @__PURE__ */ B("span", {
|
|
935
922
|
className: s,
|
|
936
923
|
children: e
|
|
937
|
-
}), /* @__PURE__ */
|
|
924
|
+
}), /* @__PURE__ */ B("p", {
|
|
938
925
|
className: c,
|
|
939
926
|
children: r
|
|
940
927
|
})]
|
|
941
|
-
}), i && /* @__PURE__ */
|
|
928
|
+
}), i && /* @__PURE__ */ V("div", {
|
|
942
929
|
className: "flex flex-col gap-2",
|
|
943
|
-
children: [/* @__PURE__ */
|
|
930
|
+
children: [/* @__PURE__ */ B("span", {
|
|
944
931
|
className: s,
|
|
945
932
|
children: n
|
|
946
|
-
}), ((e) => a ? a(e) : /* @__PURE__ */
|
|
933
|
+
}), ((e) => a ? a(e) : /* @__PURE__ */ B(t, { content: e }))(i)]
|
|
947
934
|
})]
|
|
948
935
|
});
|
|
949
936
|
};
|
|
950
937
|
//#endregion
|
|
951
|
-
export {
|
|
938
|
+
export { ge as DESCRIPTION_MAX_LENGTH, G as ScheduledTaskCard, de as ScheduledTaskCardGrid, ue as ScheduledTaskCardSkeleton, we as ScheduledTaskCreateForm, De as ScheduledTaskDetailView, Oe as ScheduledTaskDetailsSummary, J as ScheduledTaskRepeat, Ee as ScheduledTaskRunHistoryList, Z as ScheduledTaskRunStatus, me as ScheduledTasks, he as ScheduledTasksSortKey };
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { SelectOption } from '@epam/ai-dial-ui-kit';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
2
3
|
import { ScheduledTasksSortKey } from '../types/scheduled-tasks-sort-key';
|
|
3
4
|
import { ScheduledTaskCardGridLabels } from './scheduled-task-card-grid-props';
|
|
4
5
|
import { ScheduledTaskItem } from './scheduled-task-item';
|
|
@@ -16,10 +17,14 @@ export interface ScheduledTasksLabels {
|
|
|
16
17
|
searchAriaLabel: string;
|
|
17
18
|
/** Accessible label for the toolbar search input's clear action. */
|
|
18
19
|
clearSearchLabel: string;
|
|
19
|
-
/**
|
|
20
|
+
/** The sort control's own name, prepended to its accessible name. */
|
|
20
21
|
sortLabel: string;
|
|
21
|
-
/**
|
|
22
|
-
|
|
22
|
+
/**
|
|
23
|
+
* Values the sort menu lists; each `value` is a `ScheduledTasksSortKey`.
|
|
24
|
+
* Only the values — the component owns which one is marked as applied and
|
|
25
|
+
* what a click does.
|
|
26
|
+
*/
|
|
27
|
+
sortOptions: SelectOption[];
|
|
23
28
|
/** Message shown when the fetched task list is empty. */
|
|
24
29
|
emptyStateLabel: string;
|
|
25
30
|
/** Message shown when `searchQuery` filters every task out. */
|
|
@@ -95,6 +100,8 @@ export interface ScheduledTasksProps {
|
|
|
95
100
|
onLoadMore?: () => void;
|
|
96
101
|
/** Called with a task id when the user activates a card's body. Omit to render cards with no added interactive root semantics. */
|
|
97
102
|
onCardClick?: (id: string) => void;
|
|
103
|
+
/** Content rendered between the search/sort toolbar and the content region (e.g. a status banner). Renders nothing when omitted. */
|
|
104
|
+
banner?: ReactNode;
|
|
98
105
|
/** Style overrides. */
|
|
99
106
|
styles?: ScheduledTasksStyles;
|
|
100
107
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scheduled-tasks-props.d.ts","sourceRoot":"","sources":["../../src/models/scheduled-tasks-props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AACpF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,qEAAqE;AACrE,MAAM,WAAW,oBAAoB;IACnC,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,QAAQ,EAAE,MAAM,CAAC;IACjB,yDAAyD;IACzD,iBAAiB,EAAE,MAAM,CAAC;IAC1B,qDAAqD;IACrD,iBAAiB,EAAE,MAAM,CAAC;IAC1B,qDAAqD;IACrD,eAAe,EAAE,MAAM,CAAC;IACxB,oEAAoE;IACpE,gBAAgB,EAAE,MAAM,CAAC;IACzB,
|
|
1
|
+
{"version":3,"file":"scheduled-tasks-props.d.ts","sourceRoot":"","sources":["../../src/models/scheduled-tasks-props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AACpF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,qEAAqE;AACrE,MAAM,WAAW,oBAAoB;IACnC,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,QAAQ,EAAE,MAAM,CAAC;IACjB,yDAAyD;IACzD,iBAAiB,EAAE,MAAM,CAAC;IAC1B,qDAAqD;IACrD,iBAAiB,EAAE,MAAM,CAAC;IAC1B,qDAAqD;IACrD,eAAe,EAAE,MAAM,CAAC;IACxB,oEAAoE;IACpE,gBAAgB,EAAE,MAAM,CAAC;IACzB,qEAAqE;IACrE,SAAS,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,WAAW,EAAE,YAAY,EAAE,CAAC;IAC5B,yDAAyD;IACzD,eAAe,EAAE,MAAM,CAAC;IACxB,+DAA+D;IAC/D,cAAc,EAAE,MAAM,CAAC;IACvB,oEAAoE;IACpE,UAAU,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,UAAU,EAAE,MAAM,CAAC;IACnB,yIAAyI;IACzI,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kEAAkE;IAClE,UAAU,CAAC,EAAE,2BAA2B,CAAC;CAC1C;AAED;;;GAGG;AACH,MAAM,WAAW,oBAAoB;IACnC,8DAA8D;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qGAAqG;IACrG,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gEAAgE;IAChE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6GAA6G;IAC7G,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,qEAAqE;AACrE,MAAM,WAAW,wBAAwB;IACvC,oEAAoE;IACpE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sHAAsH;IACtH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,gEAAgE;AAChE,MAAM,WAAW,oBAAoB;IACnC,wDAAwD;IACxD,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,kCAAkC;IAClC,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,2DAA2D;IAC3D,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,sDAAsD;AACtD,MAAM,WAAW,mBAAmB;IAClC,wBAAwB;IACxB,MAAM,EAAE,oBAAoB,CAAC;IAC7B,uEAAuE;IACvE,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,iDAAiD;IACjD,WAAW,EAAE,MAAM,CAAC;IACpB,0DAA0D;IAC1D,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,iDAAiD;IACjD,OAAO,EAAE,qBAAqB,CAAC;IAC/B,4DAA4D;IAC5D,YAAY,EAAE,CAAC,GAAG,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACnD,+GAA+G;IAC/G,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,uGAAuG;IACvG,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+FAA+F;IAC/F,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4GAA4G;IAC5G,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wIAAwI;IACxI,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,0FAA0F;IAC1F,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8GAA8G;IAC9G,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,kIAAkI;IAClI,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,oIAAoI;IACpI,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,uBAAuB;IACvB,MAAM,CAAC,EAAE,oBAAoB,CAAC;CAC/B"}
|
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.431",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "./index.js",
|
|
@@ -17,8 +17,8 @@
|
|
|
17
17
|
}
|
|
18
18
|
},
|
|
19
19
|
"peerDependencies": {
|
|
20
|
-
"@epam/ai-dial-builder-form": "1.1.0-dev.
|
|
21
|
-
"@epam/ai-dial-chat-shared": "1.1.0-dev.
|
|
20
|
+
"@epam/ai-dial-builder-form": "1.1.0-dev.431",
|
|
21
|
+
"@epam/ai-dial-chat-shared": "1.1.0-dev.431",
|
|
22
22
|
"@epam/ai-dial-ui-kit": "^0.14.0-dev.30",
|
|
23
23
|
"@tabler/icons-react": "^3.44.0",
|
|
24
24
|
"@uiw/react-markdown-preview": "*",
|