@epam/ai-dial-scheduled-tasks 1.1.0-dev.141 → 1.1.0-dev.158
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/components/ScheduledTaskCard/ScheduledTaskCard.d.ts +4 -3
- package/components/ScheduledTaskCard/ScheduledTaskCard.d.ts.map +1 -1
- package/components/ScheduledTaskDetailView/ScheduledTaskDetailView.d.ts.map +1 -1
- package/index.css +1 -1
- package/index.js +249 -216
- package/models/scheduled-task-card-props.d.ts +10 -0
- package/models/scheduled-task-card-props.d.ts.map +1 -1
- package/models/scheduled-task-detail-view-props.d.ts +12 -0
- package/models/scheduled-task-detail-view-props.d.ts.map +1 -1
- package/models/scheduled-task-item.d.ts +2 -0
- package/models/scheduled-task-item.d.ts.map +1 -1
- package/package.json +4 -4
|
@@ -2,9 +2,10 @@ import { FC } from 'react';
|
|
|
2
2
|
import { ScheduledTaskCardProps } from '../../models/scheduled-task-card-props';
|
|
3
3
|
/**
|
|
4
4
|
* Single scheduled-task card: title, optional "new" badge and description,
|
|
5
|
-
* schedule pill
|
|
6
|
-
*
|
|
7
|
-
*
|
|
5
|
+
* schedule pill (replaced by a "Paused" badge when `item.isActive` is
|
|
6
|
+
* `false`), and location breadcrumb. Renders on the shared `CardShell` from
|
|
7
|
+
* `@epam/ai-dial-ui-kit` (radius, padding, shadow, hover lift), the same shell
|
|
8
|
+
* the Catalog browse card uses. The card has a fixed height; a long
|
|
8
9
|
* description is clamped with an ellipsis, and the schedule pill (plus the
|
|
9
10
|
* location breadcrumb, when present) is pinned to the bottom regardless of
|
|
10
11
|
* description length.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScheduledTaskCard.d.ts","sourceRoot":"","sources":["../../../src/components/ScheduledTaskCard/ScheduledTaskCard.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScheduledTaskCard.d.ts","sourceRoot":"","sources":["../../../src/components/ScheduledTaskCard/ScheduledTaskCard.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,EAAE,EAAiB,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAGrF;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CA+IxD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScheduledTaskDetailView.d.ts","sourceRoot":"","sources":["../../../src/components/ScheduledTaskDetailView/ScheduledTaskDetailView.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScheduledTaskDetailView.d.ts","sourceRoot":"","sources":["../../../src/components/ScheduledTaskDetailView/ScheduledTaskDetailView.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,+CAA+C,CAAC;AAIlG;;;;;;GAMG;AACH,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,4BAA4B,CAuSpE,CAAC"}
|
package/index.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.
|
|
1
|
+
._title_xe5uf_1{color:var(--stc-title-text,var(--text-primary,#161b2d))}._description_xe5uf_5{color:var(--stc-desc-text,var(--text-control-disable-beta,#848e9c))}._schedulePill_xe5uf_9{background:var(--stc-pill-bg,var(--bg-layer-sunken,#eef1f7));border-color:var(--stc-pill-border,var(--stroke-tertiary,#e0e6f0))}._scheduleLabel_xe5uf_14{color:var(--stc-schedule-label-text,var(--text-control-disable-beta,#848e9c))}._locationLabel_xe5uf_18{color:var(--stc-location-label-text,var(--text-secondary,#57647a))}._locationLeaf_xe5uf_22{color:var(--stc-location-leaf-text,var(--text-secondary,#57647a))}._newBadge_xe5uf_26{background:var(--stc-new-badge-bg,var(--bg-control-accent,#124ace));color:var(--stc-new-badge-text,var(--text-control-permanent,#fcfcfc))}._pausedPill_xe5uf_31{background:var(--stc-paused-bg,var(--bg-layer-sunken,#eef1f7));border-color:var(--stc-paused-border,var(--stroke-tertiary,#e0e6f0))}._pausedLabel_xe5uf_36{color:var(--stc-paused-text,var(--text-control-disable-beta,#848e9c))}._locationDivider_xe5uf_40{border-top:1px solid var(--stc-location-divider-border,var(--stroke-tertiary,#e0e6f0))}._card_1a43j_1{--stcs-skeleton-bg:var(--bg-layer-4,#d1dbea)}._countBadge_4bnxj_1{background:var(--sts-badge-bg,var(--bg-layer-raised,#fcfcfc));color:var(--sts-badge-text,var(--text-secondary,#57647a))}._container_r5sk9_1{background:var(--st-bg,var(--bg-layer-base,#f5f7fa))}._subtitle_r5sk9_5{color:var(--st-subtitle-text,var(--text-secondary,#57647a))}._sortButton_r5sk9_9{color:var(--st-sort-text,var(--text-accent,#1d4ed8))}._detailsColumn_1mg3v_1{border-inline-end-color:var(--stcf-details-border,var(--stroke-tertiary,#e0e6f0))}._sectionSubtitle_1mg3v_5{color:var(--stcf-subtitle-text,var(--text-secondary,#57647a))}._instructionsError_1mg3v_9{color:var(--stcf-error-text,var(--text-error,#ae2f2f))}._subtitleText_8bk8k_1{color:var(--strhl-subtitle-text,var(--text-secondary,#57647a))}._successIcon_8bk8k_5{color:var(--strhl-success-icon,var(--text-success,#007274))}._errorIcon_8bk8k_9{color:var(--strhl-error-icon,var(--text-error,#ae2f2f))}._missedIcon_8bk8k_13{color:var(--strhl-missed-icon,var(--text-secondary,#57647a))}._currentRun_8bk8k_17{background:var(--strhl-current-run-bg,var(--bg-accent-primary-alpha,#7da4ff2e))}._container_1ci42_1{background:var(--stdv-bg,var(--bg-layer-base,#f5f7fa))}._header_1ci42_5{border-bottom-color:var(--stdv-header-border,var(--stroke-tertiary,#e0e6f0))}._detailsColumn_1ci42_9{border-inline-end-color:var(--stdv-details-border,var(--stroke-tertiary,#e0e6f0))}._subtitleText_1ci42_13{color:var(--stdv-subtitle-text,var(--text-secondary,#57647a))}._successIcon_1ci42_17{color:var(--stdv-success-icon,var(--text-success,#007274))}._errorIcon_1ci42_21{color:var(--stdv-error-icon,var(--text-error,#ae2f2f))}._missedIcon_1ci42_25{color:var(--stdv-missed-icon,var(--text-secondary,#57647a))}._historyCard_1ci42_29{background:var(--stdv-history-bg,var(--bg-layer-raised,#fcfcfc))}
|
|
2
2
|
/*$vite$:1*/
|
package/index.js
CHANGED
|
@@ -1,35 +1,40 @@
|
|
|
1
1
|
import { MDMessageViewer as e, PanelEmptyState as t, buildCssVars as n, mergeClasses as r } from "@epam/ai-dial-chat-shared";
|
|
2
2
|
import { SearchBar as i } from "@epam/ai-dial-kit";
|
|
3
|
-
import { ButtonAppearance as a, ButtonDropdown as o, ButtonVariant as s, Calendar as c, CalendarMode as l, CardShell as u, DIAL_ICON_SIZE as d,
|
|
4
|
-
import { IconAlertTriangle as
|
|
5
|
-
import { Suspense as
|
|
3
|
+
import { ButtonAppearance as a, ButtonDropdown as o, ButtonVariant as s, Calendar as c, CalendarMode as l, CardShell as u, DIAL_ICON_SIZE as d, DialSwitch as f, FolderPath as p, GhostButton as m, GhostIconButton as h, Highlight as g, Input as _, LazyMarkdownEditor as v, NeutralButton as y, NumberInput as b, PrimaryButton as x, Select as S, Skeleton as C, SkeletonVariant as w, Spinner as T, Textarea as E } from "@epam/ai-dial-ui-kit";
|
|
4
|
+
import { IconAlertTriangle as D, IconArrowLeft as O, IconCalendarTime as ee, IconCircleCheck as k, IconCircleX as A, IconPencilMinus as j, IconPlayerPause as M, IconPlus as te } from "@tabler/icons-react";
|
|
5
|
+
import { Suspense as N, lazy as P, useEffect as ne, useMemo as re, useRef as F } from "react";
|
|
6
6
|
import { Fragment as I, jsx as L, jsxs as R } from "react/jsx-runtime";
|
|
7
7
|
import { BuilderFormContainer as z } from "@epam/ai-dial-builder-form";
|
|
8
8
|
//#region src/models/scheduled-task-item.ts
|
|
9
9
|
var B = /* @__PURE__ */ function(e) {
|
|
10
10
|
return e.Shared = "shared", e.MyTasks = "myTasks", e;
|
|
11
11
|
}({}), V = {
|
|
12
|
-
title: "
|
|
13
|
-
description: "
|
|
14
|
-
schedulePill: "
|
|
15
|
-
scheduleLabel: "
|
|
16
|
-
locationLabel: "
|
|
17
|
-
locationLeaf: "
|
|
18
|
-
newBadge: "
|
|
19
|
-
|
|
12
|
+
title: "_title_xe5uf_1",
|
|
13
|
+
description: "_description_xe5uf_5",
|
|
14
|
+
schedulePill: "_schedulePill_xe5uf_9",
|
|
15
|
+
scheduleLabel: "_scheduleLabel_xe5uf_14",
|
|
16
|
+
locationLabel: "_locationLabel_xe5uf_18",
|
|
17
|
+
locationLeaf: "_locationLeaf_xe5uf_22",
|
|
18
|
+
newBadge: "_newBadge_xe5uf_26",
|
|
19
|
+
pausedPill: "_pausedPill_xe5uf_31",
|
|
20
|
+
pausedLabel: "_pausedLabel_xe5uf_36",
|
|
21
|
+
locationDivider: "_locationDivider_xe5uf_40"
|
|
20
22
|
}, H = ({ item: e, searchQuery: t = "", onCardClick: i, labels: a, styles: o, className: s }) => {
|
|
21
|
-
let c = a?.newBadgeLabel ?? "NEW", { colors:
|
|
22
|
-
"--stc-title-text":
|
|
23
|
-
"--stc-desc-text":
|
|
24
|
-
"--stc-pill-bg":
|
|
25
|
-
"--stc-pill-border":
|
|
26
|
-
"--stc-schedule-label-text":
|
|
27
|
-
"--stc-location-label-text":
|
|
28
|
-
"--stc-location-leaf-text":
|
|
29
|
-
"--stc-new-badge-bg":
|
|
30
|
-
"--stc-new-badge-text":
|
|
31
|
-
"--stc-location-divider-border":
|
|
32
|
-
|
|
23
|
+
let c = a?.newBadgeLabel ?? "NEW", l = a?.pausedBadgeLabel ?? "Paused", { colors: f, typography: m } = o ?? {}, h = m?.titleClassName ?? "dial-body-semi-text", _ = m?.descriptionClassName ?? "dial-small-text", v = m?.scheduleLabelClassName ?? "dial-tiny-text", y = m?.locationLabelClassName ?? "dial-tiny-text", b = m?.locationLeafClassName ?? "dial-tiny-semi-text", x = m?.newBadgeClassName ?? "dial-tiny-semi-text", S = m?.pausedBadgeClassName ?? "dial-tiny-text", C = n({
|
|
24
|
+
"--stc-title-text": f?.titleText,
|
|
25
|
+
"--stc-desc-text": f?.descriptionText,
|
|
26
|
+
"--stc-pill-bg": f?.schedulePillBackground,
|
|
27
|
+
"--stc-pill-border": f?.schedulePillBorder,
|
|
28
|
+
"--stc-schedule-label-text": f?.scheduleLabelText,
|
|
29
|
+
"--stc-location-label-text": f?.locationLabelText,
|
|
30
|
+
"--stc-location-leaf-text": f?.locationLeafText,
|
|
31
|
+
"--stc-new-badge-bg": f?.newBadgeBackground,
|
|
32
|
+
"--stc-new-badge-text": f?.newBadgeText,
|
|
33
|
+
"--stc-location-divider-border": f?.locationDividerBorder,
|
|
34
|
+
"--stc-paused-bg": f?.pausedBadgeBackground,
|
|
35
|
+
"--stc-paused-border": f?.pausedBadgeBorder,
|
|
36
|
+
"--stc-paused-text": f?.pausedBadgeText
|
|
37
|
+
}), w = i ? {
|
|
33
38
|
tabIndex: 0,
|
|
34
39
|
onClick: () => i(e.id),
|
|
35
40
|
onKeyDown: (t) => {
|
|
@@ -39,77 +44,83 @@ var B = /* @__PURE__ */ function(e) {
|
|
|
39
44
|
return /* @__PURE__ */ R(u, {
|
|
40
45
|
role: i ? "button" : "group",
|
|
41
46
|
"aria-label": e.displayName,
|
|
42
|
-
style:
|
|
47
|
+
style: C,
|
|
43
48
|
className: r("h-[232px]", i && "cursor-pointer", s),
|
|
44
|
-
...
|
|
49
|
+
...w,
|
|
45
50
|
children: [
|
|
46
51
|
/* @__PURE__ */ R("div", {
|
|
47
52
|
className: "flex min-w-0 shrink-0 items-center gap-2",
|
|
48
|
-
children: [/* @__PURE__ */ L(
|
|
53
|
+
children: [/* @__PURE__ */ L(g, {
|
|
49
54
|
text: e.displayName,
|
|
50
55
|
query: t,
|
|
51
56
|
maxLines: 1,
|
|
52
|
-
className: r(
|
|
57
|
+
className: r(h, V.title)
|
|
53
58
|
}), e.isNew && /* @__PURE__ */ L("span", {
|
|
54
|
-
className: r("shrink-0 rounded-full px-2 py-0.5",
|
|
59
|
+
className: r("shrink-0 rounded-full px-2 py-0.5", x, V.newBadge),
|
|
55
60
|
children: c
|
|
56
61
|
})]
|
|
57
62
|
}),
|
|
58
63
|
e.descriptionPreview && /* @__PURE__ */ L("p", {
|
|
59
|
-
className: r("line-clamp-4 min-h-0 flex-1 overflow-hidden !leading-[22px]",
|
|
64
|
+
className: r("line-clamp-4 min-h-0 flex-1 overflow-hidden !leading-[22px]", _, V.description),
|
|
60
65
|
children: e.descriptionPreview
|
|
61
66
|
}),
|
|
62
67
|
/* @__PURE__ */ R("div", {
|
|
63
68
|
className: "mt-auto flex shrink-0 flex-col gap-3",
|
|
64
69
|
children: [/* @__PURE__ */ L("div", {
|
|
65
70
|
className: "flex min-h-[28px] items-center",
|
|
66
|
-
children: /* @__PURE__ */
|
|
67
|
-
className: r("inline-
|
|
71
|
+
children: e.isActive === !1 ? /* @__PURE__ */ R("span", {
|
|
72
|
+
className: r("inline-flex items-center gap-1.5 rounded-full border px-2 py-1", V.pausedPill, S, V.pausedLabel),
|
|
73
|
+
children: [/* @__PURE__ */ L(M, {
|
|
74
|
+
size: d.SM,
|
|
75
|
+
"aria-hidden": !0
|
|
76
|
+
}), l]
|
|
77
|
+
}) : /* @__PURE__ */ L("span", {
|
|
78
|
+
className: r("inline-block rounded-lg border px-2 py-1", V.schedulePill, v, V.scheduleLabel),
|
|
68
79
|
children: e.scheduleLabel
|
|
69
80
|
})
|
|
70
|
-
}), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ L(
|
|
81
|
+
}), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ L(p, {
|
|
71
82
|
segments: e.locationSegments,
|
|
72
|
-
labelClassName: r(
|
|
73
|
-
leafClassName: r(
|
|
83
|
+
labelClassName: r(y, V.locationLabel),
|
|
84
|
+
leafClassName: r(b, V.locationLeaf),
|
|
74
85
|
className: r("pt-3", V.locationDivider)
|
|
75
86
|
})]
|
|
76
87
|
})
|
|
77
88
|
]
|
|
78
89
|
});
|
|
79
|
-
},
|
|
90
|
+
}, U = { card: "_card_1a43j_1" }, ie = [
|
|
80
91
|
"100%",
|
|
81
92
|
"100%",
|
|
82
93
|
"61%"
|
|
83
|
-
],
|
|
94
|
+
], W = "var(--stcs-skeleton-bg)", G = ({ styles: e }) => /* @__PURE__ */ R(u, {
|
|
84
95
|
"aria-hidden": !0,
|
|
85
96
|
style: n({ "--stcs-skeleton-bg": e?.colors?.skeletonColor }),
|
|
86
|
-
className: r("h-[232px]",
|
|
97
|
+
className: r("h-[232px]", U.card),
|
|
87
98
|
children: [
|
|
88
|
-
/* @__PURE__ */ L(
|
|
89
|
-
variant:
|
|
99
|
+
/* @__PURE__ */ L(C, {
|
|
100
|
+
variant: w.Rectangular,
|
|
90
101
|
width: "60%",
|
|
91
102
|
height: "20px",
|
|
92
|
-
color:
|
|
103
|
+
color: W,
|
|
93
104
|
className: "shrink-0"
|
|
94
105
|
}),
|
|
95
106
|
/* @__PURE__ */ L("div", {
|
|
96
107
|
className: "flex min-h-0 flex-1 flex-col gap-3 overflow-hidden",
|
|
97
|
-
children:
|
|
98
|
-
variant:
|
|
108
|
+
children: ie.map((e, t) => /* @__PURE__ */ L(C, {
|
|
109
|
+
variant: w.Rectangular,
|
|
99
110
|
width: e,
|
|
100
111
|
height: "16px",
|
|
101
|
-
color:
|
|
112
|
+
color: W
|
|
102
113
|
}, t))
|
|
103
114
|
}),
|
|
104
|
-
/* @__PURE__ */ L(
|
|
105
|
-
variant:
|
|
115
|
+
/* @__PURE__ */ L(C, {
|
|
116
|
+
variant: w.Rectangular,
|
|
106
117
|
width: "110px",
|
|
107
118
|
height: "28px",
|
|
108
|
-
color:
|
|
119
|
+
color: W,
|
|
109
120
|
className: "shrink-0 rounded-lg"
|
|
110
121
|
})
|
|
111
122
|
]
|
|
112
|
-
}),
|
|
123
|
+
}), ae = ({ items: e, searchQuery: t, onCardClick: n, labels: r, cardStyles: i, trailingSkeletonCount: a = 0, skeletonStyles: o }) => /* @__PURE__ */ R("div", {
|
|
113
124
|
className: "grid grid-cols-1 gap-5 desktop:grid-cols-3",
|
|
114
125
|
children: [e.map((e) => /* @__PURE__ */ L(H, {
|
|
115
126
|
item: e,
|
|
@@ -117,8 +128,8 @@ var B = /* @__PURE__ */ function(e) {
|
|
|
117
128
|
onCardClick: n,
|
|
118
129
|
labels: r,
|
|
119
130
|
styles: i
|
|
120
|
-
}, e.id)), Array.from({ length: a }, (e, t) => /* @__PURE__ */ L(
|
|
121
|
-
}),
|
|
131
|
+
}, e.id)), Array.from({ length: a }, (e, t) => /* @__PURE__ */ L(G, { styles: o }, `skeleton-${t}`))]
|
|
132
|
+
}), oe = { countBadge: "_countBadge_4bnxj_1" }, se = ({ title: e, count: t, children: i, styles: a }) => {
|
|
122
133
|
let o = a?.typography?.titleClassName ?? "dial-small-semi-text", s = a?.typography?.countBadgeClassName ?? "dial-tiny-text", c = n({
|
|
123
134
|
"--sts-badge-bg": a?.colors?.countBadgeBackground,
|
|
124
135
|
"--sts-badge-text": a?.colors?.countBadgeText
|
|
@@ -133,113 +144,113 @@ var B = /* @__PURE__ */ function(e) {
|
|
|
133
144
|
className: o,
|
|
134
145
|
children: e
|
|
135
146
|
}), /* @__PURE__ */ L("span", {
|
|
136
|
-
className: r("rounded-full px-2 py-0.5", s,
|
|
147
|
+
className: r("rounded-full px-2 py-0.5", s, oe.countBadge),
|
|
137
148
|
children: t
|
|
138
149
|
})]
|
|
139
150
|
}), i]
|
|
140
151
|
});
|
|
141
|
-
},
|
|
152
|
+
}, K = {
|
|
142
153
|
container: "_container_r5sk9_1",
|
|
143
154
|
subtitle: "_subtitle_r5sk9_5",
|
|
144
155
|
sortButton: "_sortButton_r5sk9_9"
|
|
145
|
-
},
|
|
156
|
+
}, ce = [B.Shared, B.MyTasks], le = (e, t, n, r, i, a) => {
|
|
146
157
|
if (!e) return t ? a.loadingMoreLabel : n ? a.errorLabel : r > 0 ? `${r}` : i ? a.noResultsLabel : a.emptyStateLabel;
|
|
147
|
-
},
|
|
158
|
+
}, ue = (e) => {
|
|
148
159
|
if (!e || e === document.body) return null;
|
|
149
160
|
let { overflow: t, overflowY: n } = getComputedStyle(e);
|
|
150
|
-
return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e :
|
|
151
|
-
},
|
|
152
|
-
let { colors: D, typography:
|
|
161
|
+
return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e : ue(e.parentElement);
|
|
162
|
+
}, de = ({ labels: e, onCreateClick: c, searchQuery: l, onSearchQueryChange: u, sortKey: f, onSortChange: p, items: h, isLoading: g = !1, error: _, onRetry: v, hasMore: y = !1, isLoadingMore: b = !1, skeletonCount: S = 6, onLoadMore: C, onCardClick: w, styles: E }) => {
|
|
163
|
+
let { colors: D, typography: O, emptyStateIconSize: k = 48 } = E ?? {}, A = O?.titleClassName ?? "dial-h1-text", j = O?.subtitleClassName ?? "dial-body-text", M = n({
|
|
153
164
|
"--st-bg": D?.background,
|
|
154
165
|
"--st-subtitle-text": D?.subtitleText,
|
|
155
166
|
"--st-sort-text": D?.sortButtonText
|
|
156
|
-
}),
|
|
167
|
+
}), N = e.sortOptions.find((e) => e.key === f)?.label ?? "", P = re(() => {
|
|
157
168
|
let t = { [B.Shared]: e.sharedSectionTitle };
|
|
158
|
-
return
|
|
169
|
+
return ce.map((e) => ({
|
|
159
170
|
key: e,
|
|
160
171
|
title: t[e],
|
|
161
172
|
items: h.filter((t) => t.sectionKey === e)
|
|
162
173
|
})).filter((e) => e.items.length > 0);
|
|
163
|
-
}, [h, e.sharedSectionTitle]),
|
|
164
|
-
|
|
165
|
-
let e =
|
|
174
|
+
}, [h, e.sharedSectionTitle]), I = le(g, b, !!_, h.length, l.trim().length > 0, e), z = F(null);
|
|
175
|
+
ne(() => {
|
|
176
|
+
let e = z.current;
|
|
166
177
|
if (!e || !C) return;
|
|
167
|
-
let t =
|
|
178
|
+
let t = ue(e.parentElement);
|
|
168
179
|
if (!t) return;
|
|
169
180
|
let n = () => {
|
|
170
|
-
if (
|
|
181
|
+
if (b || g || !y) return;
|
|
171
182
|
let n = t.getBoundingClientRect(), r = e.getBoundingClientRect();
|
|
172
183
|
r.top < n.bottom && r.bottom > n.top && C();
|
|
173
184
|
};
|
|
174
185
|
return t.addEventListener("scroll", n, { passive: !0 }), n(), () => t.removeEventListener("scroll", n);
|
|
175
186
|
}, [
|
|
176
187
|
y,
|
|
177
|
-
|
|
188
|
+
b,
|
|
178
189
|
g,
|
|
179
190
|
C
|
|
180
191
|
]);
|
|
181
|
-
let
|
|
182
|
-
if (g) return /* @__PURE__ */ L(
|
|
192
|
+
let V = () => {
|
|
193
|
+
if (g) return /* @__PURE__ */ L(T, {});
|
|
183
194
|
if (_) return /* @__PURE__ */ R("div", {
|
|
184
195
|
className: "flex flex-col items-center gap-3",
|
|
185
196
|
children: [/* @__PURE__ */ L("p", {
|
|
186
|
-
className: r(
|
|
197
|
+
className: r(j, K.subtitle),
|
|
187
198
|
children: e.errorLabel
|
|
188
|
-
}), /* @__PURE__ */ L(
|
|
199
|
+
}), /* @__PURE__ */ L(m, {
|
|
189
200
|
label: e.retryLabel,
|
|
190
201
|
onClick: v
|
|
191
202
|
})]
|
|
192
203
|
});
|
|
193
204
|
if (h.length === 0) return l.trim() ? /* @__PURE__ */ L("p", {
|
|
194
|
-
className: r(
|
|
205
|
+
className: r(j, K.subtitle),
|
|
195
206
|
children: e.noResultsLabel
|
|
196
207
|
}) : /* @__PURE__ */ L(t, {
|
|
197
|
-
icon: /* @__PURE__ */ L(
|
|
208
|
+
icon: /* @__PURE__ */ L(ee, {
|
|
198
209
|
"aria-hidden": !0,
|
|
199
|
-
size:
|
|
210
|
+
size: k,
|
|
200
211
|
stroke: 1
|
|
201
212
|
}),
|
|
202
213
|
label: e.emptyStateLabel
|
|
203
214
|
});
|
|
204
|
-
let n =
|
|
215
|
+
let n = P.length - 1;
|
|
205
216
|
return /* @__PURE__ */ R("div", {
|
|
206
217
|
className: "flex w-full flex-col gap-6",
|
|
207
|
-
children: [
|
|
218
|
+
children: [P.map((t, r) => /* @__PURE__ */ L(se, {
|
|
208
219
|
title: t.title,
|
|
209
220
|
count: t.items.length,
|
|
210
|
-
children: /* @__PURE__ */ L(
|
|
221
|
+
children: /* @__PURE__ */ L(ae, {
|
|
211
222
|
items: t.items,
|
|
212
223
|
searchQuery: l,
|
|
213
|
-
onCardClick:
|
|
224
|
+
onCardClick: w,
|
|
214
225
|
labels: e.cardLabels,
|
|
215
|
-
trailingSkeletonCount:
|
|
226
|
+
trailingSkeletonCount: b && r === n ? S : 0,
|
|
216
227
|
skeletonStyles: { colors: { skeletonColor: D?.skeletonColor } }
|
|
217
228
|
})
|
|
218
229
|
}, t.key)), /* @__PURE__ */ L("div", {
|
|
219
|
-
ref:
|
|
230
|
+
ref: z,
|
|
220
231
|
"aria-hidden": !0,
|
|
221
232
|
className: "h-px w-full"
|
|
222
233
|
})]
|
|
223
234
|
});
|
|
224
|
-
},
|
|
235
|
+
}, H = g || !!_ || h.length === 0;
|
|
225
236
|
return /* @__PURE__ */ R("div", {
|
|
226
|
-
style:
|
|
227
|
-
className: r("flex h-full w-full flex-col gap-6 overflow-y-auto px-8 py-4",
|
|
237
|
+
style: M,
|
|
238
|
+
className: r("flex h-full w-full flex-col gap-6 overflow-y-auto px-8 py-4", K.container),
|
|
228
239
|
children: [
|
|
229
240
|
/* @__PURE__ */ R("div", {
|
|
230
241
|
className: "flex items-start justify-between gap-4",
|
|
231
242
|
children: [/* @__PURE__ */ R("div", {
|
|
232
243
|
className: "min-w-0 gap-2",
|
|
233
244
|
children: [/* @__PURE__ */ L("h1", {
|
|
234
|
-
className: r("truncate",
|
|
245
|
+
className: r("truncate", A),
|
|
235
246
|
children: e.title
|
|
236
247
|
}), /* @__PURE__ */ L("p", {
|
|
237
|
-
className: r("mt-1",
|
|
248
|
+
className: r("mt-1", j, K.subtitle),
|
|
238
249
|
children: e.subtitle
|
|
239
250
|
})]
|
|
240
|
-
}), /* @__PURE__ */ L(
|
|
251
|
+
}), /* @__PURE__ */ L(x, {
|
|
241
252
|
label: e.createButtonLabel,
|
|
242
|
-
iconBefore: /* @__PURE__ */ L(
|
|
253
|
+
iconBefore: /* @__PURE__ */ L(te, {
|
|
243
254
|
size: d.SM,
|
|
244
255
|
"aria-hidden": !0
|
|
245
256
|
}),
|
|
@@ -268,12 +279,12 @@ var B = /* @__PURE__ */ function(e) {
|
|
|
268
279
|
}
|
|
269
280
|
})
|
|
270
281
|
}), e.sortOptions.length > 0 && /* @__PURE__ */ L(o, {
|
|
271
|
-
label:
|
|
282
|
+
label: N,
|
|
272
283
|
variant: s.Primary,
|
|
273
284
|
appearance: a.Ghost,
|
|
274
285
|
items: e.sortOptions.map((e) => ({
|
|
275
286
|
...e,
|
|
276
|
-
onClick: () =>
|
|
287
|
+
onClick: () => p(e.key)
|
|
277
288
|
}))
|
|
278
289
|
})]
|
|
279
290
|
}),
|
|
@@ -281,42 +292,42 @@ var B = /* @__PURE__ */ function(e) {
|
|
|
281
292
|
role: "status",
|
|
282
293
|
"aria-live": "polite",
|
|
283
294
|
className: "sr-only",
|
|
284
|
-
children:
|
|
295
|
+
children: I
|
|
285
296
|
}),
|
|
286
297
|
/* @__PURE__ */ L("div", {
|
|
287
|
-
className: r("mx-auto flex size-full w-full max-w-[1180px] flex-col",
|
|
288
|
-
children:
|
|
298
|
+
className: r("mx-auto flex size-full w-full max-w-[1180px] flex-col", H && "items-center justify-center"),
|
|
299
|
+
children: V()
|
|
289
300
|
})
|
|
290
301
|
]
|
|
291
302
|
});
|
|
292
|
-
},
|
|
303
|
+
}, fe = /* @__PURE__ */ function(e) {
|
|
293
304
|
return e.FirstToRun = "firstToRun", e.LastToRun = "lastToRun", e.Newest = "newest", e.NameAZ = "nameAZ", e;
|
|
294
|
-
}({}),
|
|
305
|
+
}({}), pe = 500, q = /* @__PURE__ */ function(e) {
|
|
295
306
|
return e.OneTime = "oneTime", e.Hourly = "hourly", e.Daily = "daily", e.Weekly = "weekly", e.Monthly = "monthly", e;
|
|
296
|
-
}({}), J = (e) => String(e).padStart(2, "0"),
|
|
307
|
+
}({}), J = (e) => String(e).padStart(2, "0"), me = (e) => e ? new Date(e) : null, he = (e) => {
|
|
297
308
|
if (e == null) return "";
|
|
298
309
|
let t = e instanceof Date ? e : new Date(e);
|
|
299
310
|
return Number.isNaN(t.getTime()) ? "" : `${t.getFullYear()}-${J(t.getMonth() + 1)}-${J(t.getDate())}T${J(t.getHours())}:${J(t.getMinutes())}`;
|
|
300
|
-
},
|
|
311
|
+
}, ge = (e) => {
|
|
301
312
|
if (!e) return null;
|
|
302
313
|
let [t, n, r] = e.split("-").map(Number);
|
|
303
314
|
return new Date(t, n - 1, r);
|
|
304
|
-
},
|
|
315
|
+
}, _e = (e) => {
|
|
305
316
|
if (e == null) return "";
|
|
306
317
|
let t = e instanceof Date ? e : new Date(e);
|
|
307
318
|
return Number.isNaN(t.getTime()) ? "" : `${t.getFullYear()}-${J(t.getMonth() + 1)}-${J(t.getDate())}`;
|
|
308
|
-
},
|
|
319
|
+
}, ve = (e) => {
|
|
309
320
|
let t = Number(e);
|
|
310
321
|
return e && Number.isFinite(t) ? String(t + 1) : null;
|
|
311
|
-
},
|
|
322
|
+
}, ye = (e) => {
|
|
312
323
|
let t = typeof e == "string" ? Number(e) : NaN;
|
|
313
324
|
return Number.isFinite(t) ? String(t - 1) : "";
|
|
314
325
|
}, Y = {
|
|
315
326
|
detailsColumn: "_detailsColumn_1mg3v_1",
|
|
316
327
|
sectionSubtitle: "_sectionSubtitle_1mg3v_5",
|
|
317
328
|
instructionsError: "_instructionsError_1mg3v_9"
|
|
318
|
-
}, X = (e) => `${e} *`,
|
|
319
|
-
let { colors: h, typography:
|
|
329
|
+
}, X = (e) => `${e} *`, be = P(async () => ({ default: (await v()).MarkdownEditor })), xe = ({ labels: e, values: t, errors: i, modelOptions: a, onFieldChange: o, onBack: s, onCancel: u, onSubmit: d, isSubmitting: f = !1, markdownEditorTheme: p, styles: m }) => {
|
|
330
|
+
let { colors: h, typography: g } = m ?? {}, v = g?.titleClassName ?? "dial-h1-text", y = g?.sectionTitleClassName ?? "dial-body-semi-text", x = g?.sectionSubtitleClassName ?? "dial-tiny-text", C = g?.instructionsLabelClassName ?? "dial-body-semi-text mb-1", w = g?.instructionsErrorClassName ?? "dial-small-text", D = n({
|
|
320
331
|
"--stcf-details-border": h?.detailsColumnBorder,
|
|
321
332
|
"--stcf-subtitle-text": h?.sectionSubtitleText,
|
|
322
333
|
"--stcf-error-text": h?.instructionsErrorText
|
|
@@ -349,14 +360,14 @@ var B = /* @__PURE__ */ function(e) {
|
|
|
349
360
|
/* @__PURE__ */ R("div", {
|
|
350
361
|
className: "flex flex-col gap-1",
|
|
351
362
|
children: [/* @__PURE__ */ L("h2", {
|
|
352
|
-
className:
|
|
363
|
+
className: y,
|
|
353
364
|
children: e.detailsSectionTitle
|
|
354
365
|
}), /* @__PURE__ */ L("p", {
|
|
355
|
-
className: r(
|
|
366
|
+
className: r(x, Y.sectionSubtitle),
|
|
356
367
|
children: e.detailsSectionSubtitle
|
|
357
368
|
})]
|
|
358
369
|
}),
|
|
359
|
-
/* @__PURE__ */ L(
|
|
370
|
+
/* @__PURE__ */ L(_, {
|
|
360
371
|
id: "scheduled-task-display-name",
|
|
361
372
|
value: t.displayName,
|
|
362
373
|
onChange: (e) => o("displayName", e ?? ""),
|
|
@@ -367,7 +378,7 @@ var B = /* @__PURE__ */ function(e) {
|
|
|
367
378
|
invalid: !!i.displayName,
|
|
368
379
|
error: i.displayName
|
|
369
380
|
}),
|
|
370
|
-
/* @__PURE__ */ L(
|
|
381
|
+
/* @__PURE__ */ L(E, {
|
|
371
382
|
id: "scheduled-task-description",
|
|
372
383
|
value: t.description ?? "",
|
|
373
384
|
onChange: (e) => o("description", e),
|
|
@@ -377,7 +388,7 @@ var B = /* @__PURE__ */ function(e) {
|
|
|
377
388
|
error: i.description,
|
|
378
389
|
caption: t.description ? `${t.description.length}/500` : void 0
|
|
379
390
|
}),
|
|
380
|
-
/* @__PURE__ */ L(
|
|
391
|
+
/* @__PURE__ */ L(S, {
|
|
381
392
|
labelProps: {
|
|
382
393
|
label: e.modelOrAgentLabel,
|
|
383
394
|
required: !0
|
|
@@ -394,7 +405,7 @@ var B = /* @__PURE__ */ function(e) {
|
|
|
394
405
|
/* @__PURE__ */ R("div", {
|
|
395
406
|
className: "flex flex-col gap-3",
|
|
396
407
|
children: [
|
|
397
|
-
/* @__PURE__ */ L(
|
|
408
|
+
/* @__PURE__ */ L(S, {
|
|
398
409
|
labelProps: { label: e.repeatLabel },
|
|
399
410
|
value: t.repeat,
|
|
400
411
|
onChange: (e) => o("repeat", e),
|
|
@@ -408,12 +419,12 @@ var B = /* @__PURE__ */ function(e) {
|
|
|
408
419
|
children: [/* @__PURE__ */ L(c, {
|
|
409
420
|
id: "scheduled-task-run-at",
|
|
410
421
|
mode: l.DateTime,
|
|
411
|
-
value:
|
|
412
|
-
onChange: (e) => o("runAt",
|
|
422
|
+
value: me(t.runAt),
|
|
423
|
+
onChange: (e) => o("runAt", he(e)),
|
|
413
424
|
label: X(e.runAtLabel),
|
|
414
425
|
invalid: !!i.runAt
|
|
415
426
|
}), i.runAt && /* @__PURE__ */ L("p", {
|
|
416
|
-
className: r(
|
|
427
|
+
className: r(w, Y.instructionsError),
|
|
417
428
|
children: i.runAt
|
|
418
429
|
})]
|
|
419
430
|
}),
|
|
@@ -428,7 +439,7 @@ var B = /* @__PURE__ */ function(e) {
|
|
|
428
439
|
label: X(e.timeLabel),
|
|
429
440
|
invalid: !!i.time
|
|
430
441
|
}), i.time && /* @__PURE__ */ L("p", {
|
|
431
|
-
className: r(
|
|
442
|
+
className: r(w, Y.instructionsError),
|
|
432
443
|
children: i.time
|
|
433
444
|
})]
|
|
434
445
|
}),
|
|
@@ -437,16 +448,16 @@ var B = /* @__PURE__ */ function(e) {
|
|
|
437
448
|
children: [/* @__PURE__ */ L(c, {
|
|
438
449
|
id: "scheduled-task-day-of-week",
|
|
439
450
|
mode: l.Weekday,
|
|
440
|
-
value:
|
|
441
|
-
onChange: (e) => o("dayOfWeek",
|
|
451
|
+
value: ve(t.dayOfWeek),
|
|
452
|
+
onChange: (e) => o("dayOfWeek", ye(e)),
|
|
442
453
|
label: X(e.dayOfWeekLabel),
|
|
443
454
|
invalid: !!i.dayOfWeek
|
|
444
455
|
}), i.dayOfWeek && /* @__PURE__ */ L("p", {
|
|
445
|
-
className: r(
|
|
456
|
+
className: r(w, Y.instructionsError),
|
|
446
457
|
children: i.dayOfWeek
|
|
447
458
|
})]
|
|
448
459
|
}),
|
|
449
|
-
t.repeat === q.Monthly && /* @__PURE__ */ L(
|
|
460
|
+
t.repeat === q.Monthly && /* @__PURE__ */ L(_, {
|
|
450
461
|
id: "scheduled-task-day-of-month",
|
|
451
462
|
value: t.dayOfMonth ?? "",
|
|
452
463
|
onChange: (e) => o("dayOfMonth", e ?? ""),
|
|
@@ -457,7 +468,7 @@ var B = /* @__PURE__ */ function(e) {
|
|
|
457
468
|
invalid: !!i.dayOfMonth,
|
|
458
469
|
error: i.dayOfMonth
|
|
459
470
|
}),
|
|
460
|
-
t.repeat === q.Hourly && /* @__PURE__ */ L(
|
|
471
|
+
t.repeat === q.Hourly && /* @__PURE__ */ L(b, {
|
|
461
472
|
id: "scheduled-task-minute",
|
|
462
473
|
integer: !0,
|
|
463
474
|
min: 0,
|
|
@@ -478,13 +489,13 @@ var B = /* @__PURE__ */ function(e) {
|
|
|
478
489
|
children: [/* @__PURE__ */ L(c, {
|
|
479
490
|
id: "scheduled-task-start-date",
|
|
480
491
|
mode: l.Date,
|
|
481
|
-
value:
|
|
482
|
-
onChange: (e) => o("startDate",
|
|
492
|
+
value: ge(t.startDate),
|
|
493
|
+
onChange: (e) => o("startDate", _e(e)),
|
|
483
494
|
label: e.startDateLabel,
|
|
484
495
|
placeholder: e.startDatePlaceholder,
|
|
485
496
|
invalid: !!i.startDate
|
|
486
497
|
}), i.startDate && /* @__PURE__ */ L("p", {
|
|
487
|
-
className: r(
|
|
498
|
+
className: r(w, Y.instructionsError),
|
|
488
499
|
children: i.startDate
|
|
489
500
|
})]
|
|
490
501
|
}), /* @__PURE__ */ R("div", {
|
|
@@ -492,13 +503,13 @@ var B = /* @__PURE__ */ function(e) {
|
|
|
492
503
|
children: [/* @__PURE__ */ L(c, {
|
|
493
504
|
id: "scheduled-task-end-date",
|
|
494
505
|
mode: l.Date,
|
|
495
|
-
value:
|
|
496
|
-
onChange: (e) => o("endDate",
|
|
506
|
+
value: ge(t.endDate),
|
|
507
|
+
onChange: (e) => o("endDate", _e(e)),
|
|
497
508
|
label: e.endDateLabel,
|
|
498
509
|
placeholder: e.endDatePlaceholder,
|
|
499
510
|
invalid: !!i.endDate
|
|
500
511
|
}), i.endDate && /* @__PURE__ */ L("p", {
|
|
501
|
-
className: r(
|
|
512
|
+
className: r(w, Y.instructionsError),
|
|
502
513
|
children: i.endDate
|
|
503
514
|
})]
|
|
504
515
|
})]
|
|
@@ -515,10 +526,10 @@ var B = /* @__PURE__ */ function(e) {
|
|
|
515
526
|
children: [/* @__PURE__ */ R("div", {
|
|
516
527
|
className: "flex flex-col gap-1",
|
|
517
528
|
children: [/* @__PURE__ */ L("h2", {
|
|
518
|
-
className:
|
|
529
|
+
className: y,
|
|
519
530
|
children: e.configurationSectionTitle
|
|
520
531
|
}), /* @__PURE__ */ L("p", {
|
|
521
|
-
className: r(
|
|
532
|
+
className: r(x, Y.sectionSubtitle),
|
|
522
533
|
children: e.configurationSectionSubtitle
|
|
523
534
|
})]
|
|
524
535
|
}), /* @__PURE__ */ R("div", {
|
|
@@ -530,9 +541,9 @@ var B = /* @__PURE__ */ function(e) {
|
|
|
530
541
|
className: C,
|
|
531
542
|
children: e.instructionsLabel
|
|
532
543
|
}),
|
|
533
|
-
/* @__PURE__ */ L(
|
|
534
|
-
fallback: /* @__PURE__ */ L(
|
|
535
|
-
children: /* @__PURE__ */ L(
|
|
544
|
+
/* @__PURE__ */ L(N, {
|
|
545
|
+
fallback: /* @__PURE__ */ L(T, {}),
|
|
546
|
+
children: /* @__PURE__ */ L(be, {
|
|
536
547
|
value: t.prompt,
|
|
537
548
|
onChange: (e) => o("prompt", e),
|
|
538
549
|
height: 480,
|
|
@@ -540,7 +551,7 @@ var B = /* @__PURE__ */ function(e) {
|
|
|
540
551
|
})
|
|
541
552
|
}),
|
|
542
553
|
i.prompt && /* @__PURE__ */ L("p", {
|
|
543
|
-
className: r(
|
|
554
|
+
className: r(w, Y.instructionsError),
|
|
544
555
|
children: i.prompt
|
|
545
556
|
})
|
|
546
557
|
]
|
|
@@ -555,7 +566,7 @@ var B = /* @__PURE__ */ function(e) {
|
|
|
555
566
|
errorIcon: "_errorIcon_8bk8k_9",
|
|
556
567
|
missedIcon: "_missedIcon_8bk8k_13",
|
|
557
568
|
currentRun: "_currentRun_8bk8k_17"
|
|
558
|
-
},
|
|
569
|
+
}, Se = ({ status: e }) => {
|
|
559
570
|
switch (e) {
|
|
560
571
|
case Z.Success: return /* @__PURE__ */ L(k, {
|
|
561
572
|
size: d.SM,
|
|
@@ -569,22 +580,22 @@ var B = /* @__PURE__ */ function(e) {
|
|
|
569
580
|
});
|
|
570
581
|
case Z.InProgress: return /* @__PURE__ */ L("span", {
|
|
571
582
|
"aria-hidden": !0,
|
|
572
|
-
children: /* @__PURE__ */ L(
|
|
583
|
+
children: /* @__PURE__ */ L(T, { size: d.SM })
|
|
573
584
|
});
|
|
574
|
-
case Z.Missed: return /* @__PURE__ */ L(
|
|
585
|
+
case Z.Missed: return /* @__PURE__ */ L(D, {
|
|
575
586
|
size: d.SM,
|
|
576
587
|
className: Q.missedIcon,
|
|
577
588
|
"aria-hidden": !0
|
|
578
589
|
});
|
|
579
590
|
default: return null;
|
|
580
591
|
}
|
|
581
|
-
},
|
|
582
|
-
let { colors:
|
|
583
|
-
"--strhl-success-icon":
|
|
584
|
-
"--strhl-error-icon":
|
|
585
|
-
"--strhl-missed-icon":
|
|
586
|
-
"--strhl-subtitle-text":
|
|
587
|
-
"--strhl-current-run-bg":
|
|
592
|
+
}, Ce = ({ items: e, isLoading: t = !1, isLoadingMore: i = !1, skeletonCount: a = 6, error: o, onRetry: s, currentRunId: c, onRunClick: l, labels: u, footer: d, styles: f }) => {
|
|
593
|
+
let { colors: p, typography: h } = f ?? {}, g = h?.runTimestampClassName ?? "dial-small-text", _ = h?.subtitleClassName ?? "dial-body-text", v = n({
|
|
594
|
+
"--strhl-success-icon": p?.successIconColor,
|
|
595
|
+
"--strhl-error-icon": p?.errorIconColor,
|
|
596
|
+
"--strhl-missed-icon": p?.missedIconColor,
|
|
597
|
+
"--strhl-subtitle-text": p?.subtitleTextColor,
|
|
598
|
+
"--strhl-current-run-bg": p?.currentRunBackground
|
|
588
599
|
}), y = (e) => {
|
|
589
600
|
let t = u.runStatusLabels[e.status], n = e.id === c, i = n && u.currentRunLabel ? `${t} ${e.timestampLabel} — ${u.currentRunLabel}` : `${t} ${e.timestampLabel}`, a = !!l;
|
|
590
601
|
return /* @__PURE__ */ R("li", {
|
|
@@ -604,18 +615,18 @@ var B = /* @__PURE__ */ function(e) {
|
|
|
604
615
|
children: e.timestampLabel
|
|
605
616
|
}), /* @__PURE__ */ L("span", {
|
|
606
617
|
className: "flex h-8 w-14 shrink-0 items-center justify-end",
|
|
607
|
-
children: /* @__PURE__ */ L(
|
|
618
|
+
children: /* @__PURE__ */ L(Se, { status: e.status })
|
|
608
619
|
})]
|
|
609
620
|
}, e.id);
|
|
610
621
|
}, b = (e) => Array.from({ length: e }, (e, t) => /* @__PURE__ */ R("li", {
|
|
611
622
|
"aria-hidden": "true",
|
|
612
623
|
className: "flex h-8 items-center justify-between gap-2 pe-2 ps-5",
|
|
613
|
-
children: [/* @__PURE__ */ L(
|
|
614
|
-
variant:
|
|
624
|
+
children: [/* @__PURE__ */ L(C, {
|
|
625
|
+
variant: w.Rectangular,
|
|
615
626
|
width: "160px",
|
|
616
627
|
height: "16px"
|
|
617
|
-
}), /* @__PURE__ */ L(
|
|
618
|
-
variant:
|
|
628
|
+
}), /* @__PURE__ */ L(C, {
|
|
629
|
+
variant: w.Rectangular,
|
|
619
630
|
width: "16px",
|
|
620
631
|
height: "16px",
|
|
621
632
|
className: "shrink-0 rounded-full"
|
|
@@ -632,7 +643,7 @@ var B = /* @__PURE__ */ function(e) {
|
|
|
632
643
|
role: "alert",
|
|
633
644
|
className: r(_, Q.subtitleText),
|
|
634
645
|
children: u.errorLabel
|
|
635
|
-
}), /* @__PURE__ */ L(
|
|
646
|
+
}), /* @__PURE__ */ L(m, {
|
|
636
647
|
label: u.retryLabel,
|
|
637
648
|
onClick: s
|
|
638
649
|
})]
|
|
@@ -653,7 +664,7 @@ var B = /* @__PURE__ */ function(e) {
|
|
|
653
664
|
role: "alert",
|
|
654
665
|
className: r(_, Q.subtitleText),
|
|
655
666
|
children: u.errorLabel
|
|
656
|
-
}), /* @__PURE__ */ L(
|
|
667
|
+
}), /* @__PURE__ */ L(m, {
|
|
657
668
|
label: u.retryLabel,
|
|
658
669
|
onClick: s
|
|
659
670
|
})]
|
|
@@ -669,34 +680,34 @@ var B = /* @__PURE__ */ function(e) {
|
|
|
669
680
|
errorIcon: "_errorIcon_1ci42_21",
|
|
670
681
|
missedIcon: "_missedIcon_1ci42_25",
|
|
671
682
|
historyCard: "_historyCard_1ci42_29"
|
|
672
|
-
},
|
|
673
|
-
let { colors:
|
|
674
|
-
"--stdv-bg":
|
|
675
|
-
"--stdv-header-border":
|
|
676
|
-
"--stdv-details-border":
|
|
677
|
-
"--stdv-subtitle-text":
|
|
678
|
-
"--stdv-success-icon":
|
|
679
|
-
"--stdv-error-icon":
|
|
680
|
-
"--stdv-missed-icon":
|
|
681
|
-
"--stdv-history-bg":
|
|
682
|
-
}),
|
|
683
|
+
}, we = ({ labels: t, onBack: i, onEdit: a, isActive: o, isActiveUpdating: s = !1, isActiveDisabled: c = !1, onActiveChange: l, displayName: u, isLoading: p = !1, error: g, onRetry: _, description: v, modelLabel: b, repeatsLabel: x, activeWindowLabel: S, nextRunLabel: C, instructionsMarkdown: w, renderInstructions: E, runs: D, runsIsLoading: ee = !1, runsIsLoadingMore: k = !1, runsSkeletonCount: A = 6, runsError: M, onRunsRetry: te, runsHasMore: N = !1, onRunsLoadMore: P, onRunClick: ne, styles: re }) => {
|
|
684
|
+
let { colors: F, typography: z } = re ?? {}, B = z?.titleClassName ?? "dial-h1-text", V = z?.sectionTitleClassName ?? "dial-body-semi-text", H = z?.fieldLabelClassName ?? "dial-tiny-text", U = z?.fieldValueClassName ?? "dial-body-text", ie = z?.runTimestampClassName ?? "dial-small-text", W = n({
|
|
685
|
+
"--stdv-bg": F?.background,
|
|
686
|
+
"--stdv-header-border": F?.headerBorder,
|
|
687
|
+
"--stdv-details-border": F?.detailsColumnBorder,
|
|
688
|
+
"--stdv-subtitle-text": F?.subtitleText,
|
|
689
|
+
"--stdv-success-icon": F?.successIconColor,
|
|
690
|
+
"--stdv-error-icon": F?.errorIconColor,
|
|
691
|
+
"--stdv-missed-icon": F?.missedIconColor,
|
|
692
|
+
"--stdv-history-bg": F?.historyCardBackground
|
|
693
|
+
}), G = P && N && t.historyShowMoreLabel ? /* @__PURE__ */ L("li", {
|
|
683
694
|
className: r("sticky bottom-0 z-10 rounded-b-xl px-6 pb-5 pt-2", $.historyCard),
|
|
684
|
-
children: /* @__PURE__ */ L(
|
|
695
|
+
children: /* @__PURE__ */ L(m, {
|
|
685
696
|
label: t.historyShowMoreLabel,
|
|
686
|
-
onClick:
|
|
687
|
-
disabled:
|
|
697
|
+
onClick: P,
|
|
698
|
+
disabled: k
|
|
688
699
|
})
|
|
689
700
|
}) : void 0;
|
|
690
701
|
return /* @__PURE__ */ R("div", {
|
|
691
|
-
style:
|
|
702
|
+
style: W,
|
|
692
703
|
className: r("flex h-full w-full flex-col overflow-y-auto", $.container),
|
|
693
704
|
children: [
|
|
694
705
|
/* @__PURE__ */ R("div", {
|
|
695
706
|
className: r("flex h-16 shrink-0 items-center justify-between gap-2 border-b px-8", $.header),
|
|
696
707
|
children: [/* @__PURE__ */ R("div", {
|
|
697
708
|
className: "flex min-w-0 items-center gap-2",
|
|
698
|
-
children: [/* @__PURE__ */ L(
|
|
699
|
-
icon: /* @__PURE__ */ L(
|
|
709
|
+
children: [/* @__PURE__ */ L(h, {
|
|
710
|
+
icon: /* @__PURE__ */ L(O, {
|
|
700
711
|
size: d.LG,
|
|
701
712
|
className: "rtl:scale-x-[-1]",
|
|
702
713
|
"aria-hidden": !0
|
|
@@ -704,34 +715,56 @@ var B = /* @__PURE__ */ function(e) {
|
|
|
704
715
|
"aria-label": t.backAriaLabel,
|
|
705
716
|
onClick: i
|
|
706
717
|
}), /* @__PURE__ */ L("h1", {
|
|
707
|
-
className: r("truncate",
|
|
708
|
-
children:
|
|
718
|
+
className: r("truncate", B),
|
|
719
|
+
children: u
|
|
720
|
+
})]
|
|
721
|
+
}), /* @__PURE__ */ R("div", {
|
|
722
|
+
className: "flex shrink-0 items-center gap-2",
|
|
723
|
+
children: [o !== void 0 && /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L("span", {
|
|
724
|
+
className: U,
|
|
725
|
+
children: t.activeStatusLabel
|
|
726
|
+
}), /* @__PURE__ */ L("div", {
|
|
727
|
+
role: "group",
|
|
728
|
+
"aria-checked": o,
|
|
729
|
+
"aria-label": t.activeStatusLabel,
|
|
730
|
+
children: /* @__PURE__ */ L(f, {
|
|
731
|
+
switchId: "scheduled-task-active-switch",
|
|
732
|
+
isOn: o,
|
|
733
|
+
disabled: s || c,
|
|
734
|
+
onChange: (e) => l?.(e)
|
|
735
|
+
})
|
|
736
|
+
})] }), a && /* @__PURE__ */ L(y, {
|
|
737
|
+
label: t.editButtonLabel,
|
|
738
|
+
iconBefore: /* @__PURE__ */ L(j, {
|
|
739
|
+
size: d.SM,
|
|
740
|
+
"aria-hidden": !0
|
|
741
|
+
}),
|
|
742
|
+
onClick: a,
|
|
743
|
+
className: "shrink-0"
|
|
709
744
|
})]
|
|
710
|
-
}), a && /* @__PURE__ */ L(v, {
|
|
711
|
-
label: t.editButtonLabel,
|
|
712
|
-
iconBefore: /* @__PURE__ */ L(j, {
|
|
713
|
-
size: d.SM,
|
|
714
|
-
"aria-hidden": !0
|
|
715
|
-
}),
|
|
716
|
-
onClick: a,
|
|
717
|
-
className: "shrink-0"
|
|
718
745
|
})]
|
|
719
746
|
}),
|
|
720
|
-
|
|
747
|
+
t.activeStatusAnnouncement != null && /* @__PURE__ */ L("span", {
|
|
748
|
+
role: "status",
|
|
749
|
+
"aria-live": "polite",
|
|
750
|
+
className: "sr-only",
|
|
751
|
+
children: t.activeStatusAnnouncement
|
|
752
|
+
}),
|
|
753
|
+
p && /* @__PURE__ */ L("div", {
|
|
721
754
|
className: "flex flex-1 items-center justify-center",
|
|
722
|
-
children: /* @__PURE__ */ L(
|
|
755
|
+
children: /* @__PURE__ */ L(T, {})
|
|
723
756
|
}),
|
|
724
|
-
!
|
|
757
|
+
!p && g && /* @__PURE__ */ R("div", {
|
|
725
758
|
className: "flex flex-1 flex-col items-center justify-center gap-3",
|
|
726
759
|
children: [/* @__PURE__ */ L("p", {
|
|
727
|
-
className: r(
|
|
760
|
+
className: r(U, $.subtitleText),
|
|
728
761
|
children: t.errorLabel
|
|
729
|
-
}), /* @__PURE__ */ L(
|
|
762
|
+
}), /* @__PURE__ */ L(m, {
|
|
730
763
|
label: t.retryLabel,
|
|
731
|
-
onClick:
|
|
764
|
+
onClick: _
|
|
732
765
|
})]
|
|
733
766
|
}),
|
|
734
|
-
!
|
|
767
|
+
!p && !g && /* @__PURE__ */ R("div", {
|
|
735
768
|
className: "flex flex-1 flex-col desktop:flex-row",
|
|
736
769
|
children: [
|
|
737
770
|
/* @__PURE__ */ R("div", {
|
|
@@ -740,47 +773,47 @@ var B = /* @__PURE__ */ function(e) {
|
|
|
740
773
|
className: r("flex w-full flex-col gap-5 border-e px-8 py-6 desktop:w-[360px] desktop:shrink-0", $.detailsColumn),
|
|
741
774
|
children: [
|
|
742
775
|
/* @__PURE__ */ L("h2", {
|
|
743
|
-
className:
|
|
776
|
+
className: V,
|
|
744
777
|
children: t.detailsTitle
|
|
745
778
|
}),
|
|
746
|
-
|
|
779
|
+
v && /* @__PURE__ */ R("div", {
|
|
747
780
|
className: "flex flex-col gap-1",
|
|
748
781
|
children: [/* @__PURE__ */ L("span", {
|
|
749
|
-
className:
|
|
782
|
+
className: H,
|
|
750
783
|
children: t.descriptionLabel
|
|
751
784
|
}), /* @__PURE__ */ L("p", {
|
|
752
|
-
className:
|
|
753
|
-
children:
|
|
785
|
+
className: U,
|
|
786
|
+
children: v
|
|
754
787
|
})]
|
|
755
788
|
}),
|
|
756
|
-
|
|
789
|
+
b && /* @__PURE__ */ R("div", {
|
|
757
790
|
className: "flex flex-col gap-1",
|
|
758
791
|
children: [/* @__PURE__ */ L("span", {
|
|
759
|
-
className:
|
|
792
|
+
className: H,
|
|
760
793
|
children: t.modelLabel
|
|
761
794
|
}), /* @__PURE__ */ L("p", {
|
|
762
|
-
className:
|
|
763
|
-
children:
|
|
795
|
+
className: U,
|
|
796
|
+
children: b
|
|
764
797
|
})]
|
|
765
798
|
}),
|
|
766
|
-
|
|
799
|
+
x && /* @__PURE__ */ R("div", {
|
|
767
800
|
className: "flex flex-col gap-1",
|
|
768
801
|
children: [/* @__PURE__ */ L("span", {
|
|
769
|
-
className:
|
|
802
|
+
className: H,
|
|
770
803
|
children: t.repeatsLabel
|
|
771
804
|
}), /* @__PURE__ */ L("p", {
|
|
772
|
-
className:
|
|
773
|
-
children:
|
|
805
|
+
className: U,
|
|
806
|
+
children: x
|
|
774
807
|
})]
|
|
775
808
|
}),
|
|
776
|
-
|
|
809
|
+
S && /* @__PURE__ */ R("div", {
|
|
777
810
|
className: "flex flex-col gap-1",
|
|
778
811
|
children: [/* @__PURE__ */ L("span", {
|
|
779
|
-
className:
|
|
812
|
+
className: H,
|
|
780
813
|
children: t.activeWindowLabel
|
|
781
814
|
}), /* @__PURE__ */ L("p", {
|
|
782
|
-
className:
|
|
783
|
-
children:
|
|
815
|
+
className: U,
|
|
816
|
+
children: S
|
|
784
817
|
})]
|
|
785
818
|
})
|
|
786
819
|
]
|
|
@@ -788,16 +821,16 @@ var B = /* @__PURE__ */ function(e) {
|
|
|
788
821
|
/* @__PURE__ */ R("div", {
|
|
789
822
|
className: "flex w-full min-w-0 flex-1 flex-col gap-5 px-8 py-6",
|
|
790
823
|
children: [/* @__PURE__ */ L("h2", {
|
|
791
|
-
className:
|
|
824
|
+
className: V,
|
|
792
825
|
children: t.configurationTitle
|
|
793
826
|
}), /* @__PURE__ */ R("div", {
|
|
794
827
|
role: "group",
|
|
795
828
|
"aria-label": t.instructionsLabel,
|
|
796
829
|
className: "flex flex-col gap-1",
|
|
797
830
|
children: [/* @__PURE__ */ L("span", {
|
|
798
|
-
className:
|
|
831
|
+
className: H,
|
|
799
832
|
children: t.instructionsLabel
|
|
800
|
-
}),
|
|
833
|
+
}), w && ((t) => E ? E(t) : /* @__PURE__ */ L(e, { content: t }))(w)]
|
|
801
834
|
})]
|
|
802
835
|
}),
|
|
803
836
|
/* @__PURE__ */ L("div", {
|
|
@@ -808,30 +841,30 @@ var B = /* @__PURE__ */ function(e) {
|
|
|
808
841
|
className: r("sticky top-0 z-10 flex flex-col gap-1 rounded-t-xl px-6 pb-2 pt-5", $.historyCard),
|
|
809
842
|
children: [
|
|
810
843
|
/* @__PURE__ */ L("h2", {
|
|
811
|
-
className:
|
|
844
|
+
className: V,
|
|
812
845
|
children: t.historyTitle
|
|
813
846
|
}),
|
|
814
|
-
|
|
815
|
-
className: r(
|
|
816
|
-
children:
|
|
847
|
+
C && /* @__PURE__ */ L("p", {
|
|
848
|
+
className: r(ie, $.subtitleText),
|
|
849
|
+
children: C
|
|
817
850
|
}),
|
|
818
851
|
t.historyLoadingMoreLabel && /* @__PURE__ */ L("span", {
|
|
819
852
|
role: "status",
|
|
820
853
|
"aria-live": "polite",
|
|
821
854
|
className: "sr-only",
|
|
822
|
-
children:
|
|
855
|
+
children: k ? t.historyLoadingMoreLabel : ""
|
|
823
856
|
})
|
|
824
857
|
]
|
|
825
858
|
}), /* @__PURE__ */ L("div", {
|
|
826
859
|
className: "flex flex-1 flex-col gap-4 px-6 pb-2",
|
|
827
|
-
children: /* @__PURE__ */ L(
|
|
828
|
-
items:
|
|
829
|
-
isLoading:
|
|
830
|
-
isLoadingMore:
|
|
831
|
-
skeletonCount:
|
|
832
|
-
error:
|
|
833
|
-
onRetry:
|
|
834
|
-
onRunClick:
|
|
860
|
+
children: /* @__PURE__ */ L(Ce, {
|
|
861
|
+
items: D,
|
|
862
|
+
isLoading: ee,
|
|
863
|
+
isLoadingMore: k,
|
|
864
|
+
skeletonCount: A,
|
|
865
|
+
error: M,
|
|
866
|
+
onRetry: te,
|
|
867
|
+
onRunClick: ne,
|
|
835
868
|
labels: {
|
|
836
869
|
historyTitle: t.historyTitle,
|
|
837
870
|
emptyLabel: t.historyEmptyLabel,
|
|
@@ -839,13 +872,13 @@ var B = /* @__PURE__ */ function(e) {
|
|
|
839
872
|
retryLabel: t.historyRetryLabel,
|
|
840
873
|
runStatusLabels: t.runStatusLabels
|
|
841
874
|
},
|
|
842
|
-
footer:
|
|
875
|
+
footer: G,
|
|
843
876
|
styles: {
|
|
844
|
-
typography: { runTimestampClassName:
|
|
877
|
+
typography: { runTimestampClassName: ie },
|
|
845
878
|
colors: {
|
|
846
|
-
successIconColor:
|
|
847
|
-
errorIconColor:
|
|
848
|
-
missedIconColor:
|
|
879
|
+
successIconColor: F?.successIconColor,
|
|
880
|
+
errorIconColor: F?.errorIconColor,
|
|
881
|
+
missedIconColor: F?.missedIconColor
|
|
849
882
|
}
|
|
850
883
|
}
|
|
851
884
|
})
|
|
@@ -856,7 +889,7 @@ var B = /* @__PURE__ */ function(e) {
|
|
|
856
889
|
})
|
|
857
890
|
]
|
|
858
891
|
});
|
|
859
|
-
},
|
|
892
|
+
}, Te = ({ modelLabel: t, instructionsLabel: n, modelDisplayName: r, instructionsMarkdown: i, renderInstructions: a, styles: o }) => {
|
|
860
893
|
let s = o?.typography?.fieldLabelClassName ?? "dial-tiny-text", c = o?.typography?.fieldValueClassName ?? "dial-body-text";
|
|
861
894
|
return /* @__PURE__ */ R("div", {
|
|
862
895
|
className: "flex flex-col gap-3",
|
|
@@ -879,4 +912,4 @@ var B = /* @__PURE__ */ function(e) {
|
|
|
879
912
|
});
|
|
880
913
|
};
|
|
881
914
|
//#endregion
|
|
882
|
-
export {
|
|
915
|
+
export { pe as DESCRIPTION_MAX_LENGTH, H as ScheduledTaskCard, ae as ScheduledTaskCardGrid, G as ScheduledTaskCardSkeleton, xe as ScheduledTaskCreateForm, we as ScheduledTaskDetailView, Te as ScheduledTaskDetailsSummary, q as ScheduledTaskRepeat, Ce as ScheduledTaskRunHistoryList, Z as ScheduledTaskRunStatus, se as ScheduledTaskSection, B as ScheduledTaskSectionKey, de as ScheduledTasks, fe as ScheduledTasksSortKey };
|
|
@@ -3,6 +3,8 @@ import { ScheduledTaskItem } from './scheduled-task-item';
|
|
|
3
3
|
export interface ScheduledTaskCardLabels {
|
|
4
4
|
/** Label shown in the "new" badge when `item.isNew` is set. Defaults to `'NEW'`. */
|
|
5
5
|
newBadgeLabel?: string;
|
|
6
|
+
/** Label shown in the "Paused" badge when `item.isActive` is `false`. Defaults to `'Paused'`. */
|
|
7
|
+
pausedBadgeLabel?: string;
|
|
6
8
|
}
|
|
7
9
|
/**
|
|
8
10
|
* Color overrides for the {@link ScheduledTaskCard} component, applied as CSS
|
|
@@ -29,6 +31,12 @@ export interface ScheduledTaskCardColors {
|
|
|
29
31
|
newBadgeText?: string;
|
|
30
32
|
/** Divider border color above the location breadcrumb. Fallback: `--stroke-tertiary`. */
|
|
31
33
|
locationDividerBorder?: string;
|
|
34
|
+
/** "Paused" badge background. Fallback: `--bg-layer-sunken`. */
|
|
35
|
+
pausedBadgeBackground?: string;
|
|
36
|
+
/** "Paused" badge border color. Fallback: `--stroke-tertiary`. */
|
|
37
|
+
pausedBadgeBorder?: string;
|
|
38
|
+
/** "Paused" badge icon and text color. Fallback: `--text-control-disable-beta`. */
|
|
39
|
+
pausedBadgeText?: string;
|
|
32
40
|
}
|
|
33
41
|
/** Typography overrides for the {@link ScheduledTaskCard} component. */
|
|
34
42
|
export interface ScheduledTaskCardTypography {
|
|
@@ -44,6 +52,8 @@ export interface ScheduledTaskCardTypography {
|
|
|
44
52
|
locationLeafClassName?: string;
|
|
45
53
|
/** CSS class applied to the "new" badge text. Defaults to `'dial-tiny-semi-text'`. */
|
|
46
54
|
newBadgeClassName?: string;
|
|
55
|
+
/** CSS class applied to the "Paused" badge's label text. Defaults to `'dial-tiny-text'`. */
|
|
56
|
+
pausedBadgeClassName?: string;
|
|
47
57
|
}
|
|
48
58
|
/** Style overrides for the {@link ScheduledTaskCard} component. */
|
|
49
59
|
export interface ScheduledTaskCardStyles {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scheduled-task-card-props.d.ts","sourceRoot":"","sources":["../../src/models/scheduled-task-card-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,mGAAmG;AACnG,MAAM,WAAW,uBAAuB;IACtC,oFAAoF;IACpF,aAAa,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"scheduled-task-card-props.d.ts","sourceRoot":"","sources":["../../src/models/scheduled-task-card-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,mGAAmG;AACnG,MAAM,WAAW,uBAAuB;IACtC,oFAAoF;IACpF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iGAAiG;IACjG,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED;;;GAGG;AACH,MAAM,WAAW,uBAAuB;IACtC,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sFAAsF;IACtF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,+DAA+D;IAC/D,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,iEAAiE;IACjE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,+EAA+E;IAC/E,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qFAAqF;IACrF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,wFAAwF;IACxF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,wEAAwE;IACxE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yFAAyF;IACzF,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,gEAAgE;IAChE,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,kEAAkE;IAClE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mFAAmF;IACnF,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,wEAAwE;AACxE,MAAM,WAAW,2BAA2B;IAC1C,kFAAkF;IAClF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iGAAiG;IACjG,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,2FAA2F;IAC3F,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,kGAAkG;IAClG,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,6GAA6G;IAC7G,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,sFAAsF;IACtF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4FAA4F;IAC5F,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,mEAAmE;AACnE,MAAM,WAAW,uBAAuB;IACtC,wDAAwD;IACxD,MAAM,CAAC,EAAE,uBAAuB,CAAC;IACjC,kCAAkC;IAClC,UAAU,CAAC,EAAE,2BAA2B,CAAC;CAC1C;AAED,yDAAyD;AACzD,MAAM,WAAW,sBAAsB;IACrC,oCAAoC;IACpC,IAAI,EAAE,iBAAiB,CAAC;IACxB,0FAA0F;IAC1F,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qKAAqK;IACrK,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,wBAAwB;IACxB,MAAM,CAAC,EAAE,uBAAuB,CAAC;IACjC,uBAAuB;IACvB,MAAM,CAAC,EAAE,uBAAuB,CAAC;IACjC,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
|
|
@@ -19,6 +19,10 @@ export interface ScheduledTaskDetailViewLabels {
|
|
|
19
19
|
repeatsLabel: string;
|
|
20
20
|
/** Label for the activity-window field, e.g. "Active". Shown only for a recurring task whose window is bounded. */
|
|
21
21
|
activeWindowLabel: string;
|
|
22
|
+
/** Accessible name and visible label of the header's Active switch. Distinct from `activeWindowLabel`, which describes the cron activity date window. Shown only when `isActive` is defined. */
|
|
23
|
+
activeStatusLabel: string;
|
|
24
|
+
/** Announced via `aria-live` after a pause/resume mutation completes, separate from the switch's own accessible name. Empty string announces nothing. */
|
|
25
|
+
activeStatusAnnouncement?: string;
|
|
22
26
|
/** Title of the Configuration section. */
|
|
23
27
|
configurationTitle: string;
|
|
24
28
|
/** Label for the instructions field. */
|
|
@@ -90,6 +94,14 @@ export interface ScheduledTaskDetailViewProps {
|
|
|
90
94
|
onBack: () => void;
|
|
91
95
|
/** Called when the user activates the header's Edit action. When omitted, no Edit action renders. */
|
|
92
96
|
onEdit?: () => void;
|
|
97
|
+
/** Whether the schedule is currently active (resumed) or paused. When `undefined`, the Active switch does not render. */
|
|
98
|
+
isActive?: boolean;
|
|
99
|
+
/** When `true`, the Active switch renders disabled while a pause/resume request is in flight. Defaults to `false`. */
|
|
100
|
+
isActiveUpdating?: boolean;
|
|
101
|
+
/** When `true`, the Active switch renders disabled (e.g. a completed one-time schedule that cannot be resumed), independent of `isActiveUpdating`. Defaults to `false`. */
|
|
102
|
+
isActiveDisabled?: boolean;
|
|
103
|
+
/** Called with the newly requested value when the user toggles the Active switch. The component performs no network call or optimistic update itself. */
|
|
104
|
+
onActiveChange?: (nextActive: boolean) => void;
|
|
93
105
|
/** Task title shown in the header and used as the page's accessible name. */
|
|
94
106
|
displayName: string;
|
|
95
107
|
/** When `true`, the entire body (Details, Configuration, and History) shows a page-level spinner instead of the fields below. Defaults to `false`. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scheduled-task-detail-view-props.d.ts","sourceRoot":"","sources":["../../src/models/scheduled-task-detail-view-props.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"scheduled-task-detail-view-props.d.ts","sourceRoot":"","sources":["../../src/models/scheduled-task-detail-view-props.ts"],"names":[],"mappings":"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"}
|
|
@@ -19,6 +19,8 @@ export interface ScheduledTaskItem {
|
|
|
19
19
|
locationSegments?: string[];
|
|
20
20
|
/** When set, the card shows a "new" badge for this task. */
|
|
21
21
|
isNew?: boolean;
|
|
22
|
+
/** When explicitly `false`, the card shows a "Paused" badge in place of the schedule pill. `true` or `undefined` renders the schedule pill as usual. */
|
|
23
|
+
isActive?: boolean;
|
|
22
24
|
/** Section this item is grouped under in the card grid. */
|
|
23
25
|
sectionKey: ScheduledTaskSectionKey;
|
|
24
26
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scheduled-task-item.d.ts","sourceRoot":"","sources":["../../src/models/scheduled-task-item.ts"],"names":[],"mappings":"AAAA,6EAA6E;AAC7E,oBAAY,uBAAuB;IACjC,8EAA8E;IAC9E,MAAM,WAAW;IACjB,uCAAuC;IACvC,OAAO,YAAY;CACpB;AAED,0KAA0K;AAC1K,MAAM,WAAW,iBAAiB;IAChC,uCAAuC;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,4CAA4C;IAC5C,WAAW,EAAE,MAAM,CAAC;IACpB,oEAAoE;IACpE,aAAa,EAAE,MAAM,CAAC;IACtB,yEAAyE;IACzE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,+JAA+J;IAC/J,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,4DAA4D;IAC5D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,2DAA2D;IAC3D,UAAU,EAAE,uBAAuB,CAAC;CACrC"}
|
|
1
|
+
{"version":3,"file":"scheduled-task-item.d.ts","sourceRoot":"","sources":["../../src/models/scheduled-task-item.ts"],"names":[],"mappings":"AAAA,6EAA6E;AAC7E,oBAAY,uBAAuB;IACjC,8EAA8E;IAC9E,MAAM,WAAW;IACjB,uCAAuC;IACvC,OAAO,YAAY;CACpB;AAED,0KAA0K;AAC1K,MAAM,WAAW,iBAAiB;IAChC,uCAAuC;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,4CAA4C;IAC5C,WAAW,EAAE,MAAM,CAAC;IACpB,oEAAoE;IACpE,aAAa,EAAE,MAAM,CAAC;IACtB,yEAAyE;IACzE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,+JAA+J;IAC/J,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,4DAA4D;IAC5D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,wJAAwJ;IACxJ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,UAAU,EAAE,uBAAuB,CAAC;CACrC"}
|
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.158",
|
|
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-builder-form": "1.1.0-dev.
|
|
21
|
-
"@epam/ai-dial-chat-shared": "1.1.0-dev.
|
|
22
|
-
"@epam/ai-dial-kit": "1.1.0-dev.
|
|
20
|
+
"@epam/ai-dial-builder-form": "1.1.0-dev.158",
|
|
21
|
+
"@epam/ai-dial-chat-shared": "1.1.0-dev.158",
|
|
22
|
+
"@epam/ai-dial-kit": "1.1.0-dev.158",
|
|
23
23
|
"@epam/ai-dial-ui-kit": "^0.13.0-dev.26",
|
|
24
24
|
"@tabler/icons-react": "^3.44.0",
|
|
25
25
|
"react": "^19.0.0"
|