@epam/ai-dial-scheduled-tasks 1.1.0-dev.78 → 1.1.0-dev.88

package/components/ScheduledTasks/ScheduledTasks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScheduledTasks.d.ts","sourceRoot":"","sources":["../../../src/components/ScheduledTasks/ScheduledTasks.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAAE,EAAE,EAA8B,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AA8CzE;;;;;GAKG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAiQlD,CAAC"}
+{"version":3,"file":"ScheduledTasks.d.ts","sourceRoot":"","sources":["../../../src/components/ScheduledTasks/ScheduledTasks.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAAE,EAAE,EAA8B,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AA6CzE;;;;;GAKG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA4PlD,CAAC"}

package/index.d.ts

@@ -10,7 +10,6 @@ export { ScheduledTaskCardSkeleton } from './components/ScheduledTaskCardSkeleto
 export type { ScheduledTaskCardSkeletonProps, ScheduledTaskCardSkeletonStyles, ScheduledTaskCardSkeletonColors, } from './models/scheduled-task-card-skeleton-props';
 export type { ScheduledTaskItem, ScheduledTaskSortValues, } from './models/scheduled-task-item';
 export { ScheduledTaskSectionKey } from './models/scheduled-task-item';
-export { sortScheduledTaskItems } from './utils/filter-sort';
 export { ScheduledTasksSortKey } from './types/scheduled-tasks-sort-key';
 export { ScheduledTaskCreateForm } from './components/ScheduledTaskCreateForm/ScheduledTaskCreateForm';
 export type { ScheduledTaskCreateFormProps, ScheduledTaskCreateFormLabels, ScheduledTaskCreateFormValues, ScheduledTaskCreateFormErrors, ScheduledTaskCreateFormStyles, ScheduledTaskCreateFormColors, ScheduledTaskCreateFormTypography, ScheduledTaskCreateFormModelOption, ScheduledTaskFrequencyOption, } from './models/scheduled-task-create-form-props';

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAC5E,YAAY,EACV,mBAAmB,EACnB,oBAAoB,EACpB,wBAAwB,EACxB,oBAAoB,EACpB,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACrF,YAAY,EACV,sBAAsB,EACtB,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,2BAA2B,GAC5B,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wDAAwD,CAAC;AAC9F,YAAY,EACV,yBAAyB,EACzB,0BAA0B,EAC1B,0BAA0B,EAC1B,8BAA8B,GAC/B,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,0DAA0D,CAAC;AACjG,YAAY,EACV,0BAA0B,EAC1B,2BAA2B,GAC5B,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAAE,yBAAyB,EAAE,MAAM,kEAAkE,CAAC;AAC7G,YAAY,EACV,8BAA8B,EAC9B,+BAA+B,EAC/B,+BAA+B,GAChC,MAAM,6CAA6C,CAAC;AACrD,YAAY,EACV,iBAAiB,EACjB,uBAAuB,GACxB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8DAA8D,CAAC;AACvG,YAAY,EACV,4BAA4B,EAC5B,6BAA6B,EAC7B,6BAA6B,EAC7B,6BAA6B,EAC7B,6BAA6B,EAC7B,6BAA6B,EAC7B,iCAAiC,EACjC,kCAAkC,EAClC,4BAA4B,GAC7B,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAChF,OAAO,EACL,sBAAsB,EACtB,yBAAyB,GAC1B,MAAM,iCAAiC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAC5E,YAAY,EACV,mBAAmB,EACnB,oBAAoB,EACpB,wBAAwB,EACxB,oBAAoB,EACpB,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACrF,YAAY,EACV,sBAAsB,EACtB,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,2BAA2B,GAC5B,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wDAAwD,CAAC;AAC9F,YAAY,EACV,yBAAyB,EACzB,0BAA0B,EAC1B,0BAA0B,EAC1B,8BAA8B,GAC/B,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,0DAA0D,CAAC;AACjG,YAAY,EACV,0BAA0B,EAC1B,2BAA2B,GAC5B,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAAE,yBAAyB,EAAE,MAAM,kEAAkE,CAAC;AAC7G,YAAY,EACV,8BAA8B,EAC9B,+BAA+B,EAC/B,+BAA+B,GAChC,MAAM,6CAA6C,CAAC;AACrD,YAAY,EACV,iBAAiB,EACjB,uBAAuB,GACxB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8DAA8D,CAAC;AACvG,YAAY,EACV,4BAA4B,EAC5B,6BAA6B,EAC7B,6BAA6B,EAC7B,6BAA6B,EAC7B,6BAA6B,EAC7B,6BAA6B,EAC7B,iCAAiC,EACjC,kCAAkC,EAClC,4BAA4B,GAC7B,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAChF,OAAO,EACL,sBAAsB,EACtB,yBAAyB,GAC1B,MAAM,iCAAiC,CAAC"}

package/index.js

@@ -2,23 +2,12 @@ import { PanelEmptyState as e, buildCssVars as t, mergeClasses as n } from "@epa
 import { Input as r, SearchBar as i, Textarea as a } from "@epam/ai-dial-kit";
 import { Calendar as o, CalendarMode as s, CardShell as c, DIAL_ICON_SIZE as l, DialDropdown as u, DialSelectField as d, DialSkeleton as f, DialSkeletonVariant as p, DialSpinner as m, FolderPath as h, GhostButton as g, GhostIconButton as _, Highlight as v, IconButton as y, LazyDialMarkdownEditor as b, NeutralButton as x, PrimaryButton as S } from "@epam/ai-dial-ui-kit";
 import { IconArrowLeft as C, IconArrowsSort as w, IconCalendarTime as T, IconCheck as E, IconChevronUp as D, IconDotsVertical as O, IconEdit as k, IconPlayerPlay as A, IconPlus as j, IconTrash as M } from "@tabler/icons-react";
-import { Suspense as N, lazy as P, useEffect as ee, useMemo as F, useRef as te } from "react";
-import { Fragment as I, jsx as L, jsxs as R } from "react/jsx-runtime";
+import { Suspense as N, lazy as P, useEffect as ee, useMemo as te, useRef as ne } from "react";
+import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
 //#region src/models/scheduled-task-item.ts
-var z = /* @__PURE__ */ function(e) {
+var R = /* @__PURE__ */ function(e) {
 	return e.Shared = "shared", e.MyTasks = "myTasks", e;
-}({}), B = /* @__PURE__ */ function(e) {
-	return e.FirstToRun = "firstToRun", e.LastToRun = "lastToRun", e.Newest = "newest", e.NameAZ = "nameAZ", e;
-}({}), V = (e, t, n) => e == null && t == null ? 0 : e == null ? 1 : t == null ? -1 : n * (new Date(e).getTime() - new Date(t).getTime()), H = (e, t) => {
-	let n = [...e];
-	switch (t) {
-		case B.FirstToRun: return n.sort((e, t) => V(e.sortValues.nextRunAt, t.sortValues.nextRunAt, 1));
-		case B.LastToRun: return n.sort((e, t) => V(e.sortValues.nextRunAt, t.sortValues.nextRunAt, -1));
-		case B.Newest: return n.sort((e, t) => V(e.sortValues.createdAt, t.sortValues.createdAt, -1));
-		case B.NameAZ: return n.sort((e, t) => e.displayName.localeCompare(t.displayName));
-		default: return n;
-	}
-}, U = {
+}({}), z = {
 	title: "_title_10760_1",
 	description: "_description_10760_5",
 	schedulePill: "_schedulePill_10760_9",
@@ -26,7 +15,7 @@ var z = /* @__PURE__ */ function(e) {
 	locationLabel: "_locationLabel_10760_18",
 	locationLeaf: "_locationLeaf_10760_22",
 	newBadge: "_newBadge_10760_26"
-}, W = ({ item: e, searchQuery: r = "", onEdit: i, onRunNow: a, onDelete: o, labels: s, styles: d, className: f }) => {
+}, B = ({ item: e, searchQuery: r = "", onEdit: i, onRunNow: a, onDelete: o, labels: s, styles: d, className: f }) => {
 	let p = s?.newBadgeLabel ?? "NEW", m = s?.actionsLabel ?? "More actions", g = s?.editActionLabel ?? "Edit", _ = s?.runNowActionLabel ?? "Run now", b = s?.deleteActionLabel ?? "Delete", { colors: x, typography: S } = d ?? {}, C = S?.titleClassName ?? "dial-body-semi-text", w = S?.descriptionClassName ?? "dial-small-text", T = S?.scheduleLabelClassName ?? "dial-tiny-text", E = S?.locationLabelClassName ?? "dial-tiny-text", D = S?.locationLeafClassName ?? "dial-tiny-semi-text", j = S?.newBadgeClassName ?? "dial-tiny-semi-text", N = t({
 		"--stc-title-text": x?.titleText,
 		"--stc-desc-text": x?.descriptionText,
@@ -41,7 +30,7 @@ var z = /* @__PURE__ */ function(e) {
 	return i && P.push({
 		key: "edit",
 		label: g,
-		icon: /* @__PURE__ */ L(k, {
+		icon: /* @__PURE__ */ I(k, {
 			size: l.SM,
 			"aria-hidden": !0
 		}),
@@ -49,7 +38,7 @@ var z = /* @__PURE__ */ function(e) {
 	}), a && P.push({
 		key: "runNow",
 		label: _,
-		icon: /* @__PURE__ */ L(A, {
+		icon: /* @__PURE__ */ I(A, {
 			size: l.SM,
 			"aria-hidden": !0
 		}),
@@ -57,37 +46,37 @@ var z = /* @__PURE__ */ function(e) {
 	}), o && P.push({
 		key: "delete",
 		label: b,
-		icon: /* @__PURE__ */ L(M, {
+		icon: /* @__PURE__ */ I(M, {
 			size: l.SM,
 			"aria-hidden": !0
 		}),
 		danger: !0,
 		onClick: () => o(e.id)
-	}), /* @__PURE__ */ R(c, {
+	}), /* @__PURE__ */ L(c, {
 		role: "group",
 		"aria-label": e.displayName,
 		style: N,
 		className: n("h-[232px]", f),
 		children: [
-			/* @__PURE__ */ R("div", {
+			/* @__PURE__ */ L("div", {
 				className: "flex shrink-0 items-start justify-between gap-2",
-				children: [/* @__PURE__ */ R("div", {
+				children: [/* @__PURE__ */ L("div", {
 					className: "flex min-w-0 flex-1 items-center gap-2",
-					children: [/* @__PURE__ */ L(v, {
+					children: [/* @__PURE__ */ I(v, {
 						text: e.displayName,
 						query: r,
 						maxLines: 1,
-						className: n(C, U.title)
-					}), e.isNew && /* @__PURE__ */ L("span", {
-						className: n("shrink-0 rounded-full px-2 py-0.5", j, U.newBadge),
+						className: n(C, z.title)
+					}), e.isNew && /* @__PURE__ */ I("span", {
+						className: n("shrink-0 rounded-full px-2 py-0.5", j, z.newBadge),
 						children: p
 					})]
-				}), P.length > 0 && /* @__PURE__ */ L(u, {
+				}), P.length > 0 && /* @__PURE__ */ I(u, {
 					items: P,
 					matchReferenceWidth: !1,
 					placement: "bottom-end",
-					children: /* @__PURE__ */ L(y, {
-						icon: /* @__PURE__ */ L(O, {
+					children: /* @__PURE__ */ I(y, {
+						icon: /* @__PURE__ */ I(O, {
 							size: l.SM,
 							"aria-hidden": !0
 						}),
@@ -96,54 +85,54 @@ var z = /* @__PURE__ */ function(e) {
 					})
 				})]
 			}),
-			e.descriptionPreview && /* @__PURE__ */ L("p", {
-				className: n("line-clamp-4 min-h-0 flex-1 overflow-hidden !leading-[22px]", w, U.description),
+			e.descriptionPreview && /* @__PURE__ */ I("p", {
+				className: n("line-clamp-4 min-h-0 flex-1 overflow-hidden !leading-[22px]", w, z.description),
 				children: e.descriptionPreview
 			}),
-			/* @__PURE__ */ R("div", {
+			/* @__PURE__ */ L("div", {
 				className: "mt-auto flex shrink-0 flex-col gap-3",
-				children: [/* @__PURE__ */ L("div", {
+				children: [/* @__PURE__ */ I("div", {
 					className: "flex min-h-[28px] items-center",
-					children: /* @__PURE__ */ L("span", {
-						className: n("inline-block rounded-lg border px-2 py-1", U.schedulePill, T, U.scheduleLabel),
+					children: /* @__PURE__ */ I("span", {
+						className: n("inline-block rounded-lg border px-2 py-1", z.schedulePill, T, z.scheduleLabel),
 						children: e.scheduleLabel
 					})
-				}), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ L(h, {
+				}), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ I(h, {
 					segments: e.locationSegments,
-					labelClassName: n(E, U.locationLabel),
-					leafClassName: n(D, U.locationLeaf),
+					labelClassName: n(E, z.locationLabel),
+					leafClassName: n(D, z.locationLeaf),
 					className: "border-t border-tertiary pt-3"
 				})]
 			})
 		]
 	});
-}, G = [
+}, V = [
 	"100%",
 	"100%",
 	"61%"
-], K = ({ styles: e }) => {
+], H = ({ styles: e }) => {
 	let t = e?.colors?.skeletonColor ?? "var(--bg-layer-4)";
-	return /* @__PURE__ */ R(c, {
+	return /* @__PURE__ */ L(c, {
 		"aria-hidden": !0,
 		className: "h-[232px]",
 		children: [
-			/* @__PURE__ */ L(f, {
+			/* @__PURE__ */ I(f, {
 				variant: p.Rectangular,
 				width: "60%",
 				height: "20px",
 				color: t,
 				className: "shrink-0"
 			}),
-			/* @__PURE__ */ L("div", {
+			/* @__PURE__ */ I("div", {
 				className: "flex min-h-0 flex-1 flex-col gap-3 overflow-hidden",
-				children: G.map((e, n) => /* @__PURE__ */ L(f, {
+				children: V.map((e, n) => /* @__PURE__ */ I(f, {
 					variant: p.Rectangular,
 					width: e,
 					height: "16px",
 					color: t
 				}, n))
 			}),
-			/* @__PURE__ */ L(f, {
+			/* @__PURE__ */ I(f, {
 				variant: p.Rectangular,
 				width: "110px",
 				height: "28px",
@@ -152,9 +141,9 @@ var z = /* @__PURE__ */ function(e) {
 			})
 		]
 	});
-}, ne = ({ items: e, searchQuery: t, onEdit: n, onRunNow: r, onDelete: i, labels: a, cardStyles: o, trailingSkeletonCount: s = 0, skeletonStyles: c }) => /* @__PURE__ */ R("div", {
+}, U = ({ items: e, searchQuery: t, onEdit: n, onRunNow: r, onDelete: i, labels: a, cardStyles: o, trailingSkeletonCount: s = 0, skeletonStyles: c }) => /* @__PURE__ */ L("div", {
 	className: "grid grid-cols-1 gap-5 desktop:grid-cols-3",
-	children: [e.map((e) => /* @__PURE__ */ L(W, {
+	children: [e.map((e) => /* @__PURE__ */ I(B, {
 		item: e,
 		searchQuery: t,
 		onEdit: n,
@@ -162,54 +151,54 @@ var z = /* @__PURE__ */ function(e) {
 		onDelete: i,
 		labels: a,
 		styles: o
-	}, e.id)), Array.from({ length: s }, (e, t) => /* @__PURE__ */ L(K, { styles: c }, `skeleton-${t}`))]
-}), q = { countBadge: "_countBadge_ilfph_1" }, re = ({ title: e, count: r, children: i, styles: a }) => {
+	}, e.id)), Array.from({ length: s }, (e, t) => /* @__PURE__ */ I(H, { styles: c }, `skeleton-${t}`))]
+}), W = { countBadge: "_countBadge_ilfph_1" }, G = ({ title: e, count: r, children: i, styles: a }) => {
 	let o = a?.typography?.titleClassName ?? "dial-small-semi-text", s = a?.typography?.countBadgeClassName ?? "dial-tiny-text", c = t({
 		"--sts-badge-bg": a?.colors?.countBadgeBackground,
 		"--sts-badge-text": a?.colors?.countBadgeText
 	});
-	return /* @__PURE__ */ R("section", {
+	return /* @__PURE__ */ L("section", {
 		...e ? { "aria-label": e } : {},
 		style: c,
 		className: "flex flex-col gap-3",
-		children: [e && /* @__PURE__ */ R("div", {
+		children: [e && /* @__PURE__ */ L("div", {
 			className: "flex items-center gap-2 rtl:flex-row-reverse",
-			children: [/* @__PURE__ */ L("h2", {
+			children: [/* @__PURE__ */ I("h2", {
 				className: o,
 				children: e
-			}), /* @__PURE__ */ L("span", {
-				className: n("rounded-full px-2 py-0.5", s, q.countBadge),
+			}), /* @__PURE__ */ I("span", {
+				className: n("rounded-full px-2 py-0.5", s, W.countBadge),
 				children: r
 			})]
 		}), i]
 	});
-}, J = {
+}, K = {
 	container: "_container_11gjj_1",
 	subtitle: "_subtitle_11gjj_5",
 	sortButton: "_sortButton_11gjj_9"
-}, ie = [z.Shared, z.MyTasks], ae = (e, t, n, r, i, a) => {
+}, re = [R.Shared, R.MyTasks], ie = (e, t, n, r, i, a) => {
 	if (!e) return t ? a.loadingMoreLabel : n ? a.errorLabel : r > 0 ? `${r}` : i ? a.noResultsLabel : a.emptyStateLabel;
-}, oe = (e) => {
+}, q = (e) => {
 	if (!e || e === document.body) return null;
 	let { overflow: t, overflowY: n } = getComputedStyle(e);
-	return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e : oe(e.parentElement);
-}, se = ({ labels: r, onCreateClick: a, searchQuery: o, onSearchQueryChange: s, sortKey: c, onSortChange: d, items: f, isLoading: p = !1, error: h, onRetry: _, hasMore: v = !1, isLoadingMore: y = !1, skeletonCount: b = 6, onLoadMore: x, onEdit: C, onRunNow: O, onDelete: k, styles: A }) => {
-	let { colors: M, typography: N, emptyStateIconSize: P = 48 } = A ?? {}, I = N?.titleClassName ?? "dial-h1-text", B = N?.subtitleClassName ?? "dial-body-text", V = t({
+	return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e : q(e.parentElement);
+}, J = ({ labels: r, onCreateClick: a, searchQuery: o, onSearchQueryChange: s, sortKey: c, onSortChange: d, items: f, isLoading: p = !1, error: h, onRetry: _, hasMore: v = !1, isLoadingMore: y = !1, skeletonCount: b = 6, onLoadMore: x, onEdit: C, onRunNow: O, onDelete: k, styles: A }) => {
+	let { colors: M, typography: N, emptyStateIconSize: P = 48 } = A ?? {}, F = N?.titleClassName ?? "dial-h1-text", z = N?.subtitleClassName ?? "dial-body-text", B = t({
 		"--st-bg": M?.background,
 		"--st-subtitle-text": M?.subtitleText,
 		"--st-sort-text": M?.sortButtonText
-	}), U = r.sortOptions.find((e) => e.key === c)?.label ?? "", W = F(() => H(f, c), [f, c]), G = F(() => {
-		let e = { [z.Shared]: r.sharedSectionTitle };
-		return ie.map((t) => ({
+	}), V = r.sortOptions.find((e) => e.key === c)?.label ?? "", H = te(() => {
+		let e = { [R.Shared]: r.sharedSectionTitle };
+		return re.map((t) => ({
 			key: t,
 			title: e[t],
-			items: W.filter((e) => e.sectionKey === t)
+			items: f.filter((e) => e.sectionKey === t)
 		})).filter((e) => e.items.length > 0);
-	}, [W, r.sharedSectionTitle]), K = ae(p, y, !!h, f.length, o.trim().length > 0, r), q = te(null);
+	}, [f, r.sharedSectionTitle]), W = ie(p, y, !!h, f.length, o.trim().length > 0, r), J = ne(null);
 	ee(() => {
-		let e = q.current;
+		let e = J.current;
 		if (!e || !x) return;
-		let t = oe(e.parentElement);
+		let t = q(e.parentElement);
 		if (!t) return;
 		let n = () => {
 			if (y || p || !v) return;
@@ -223,36 +212,36 @@ var z = /* @__PURE__ */ function(e) {
 		p,
 		x
 	]);
-	let se = () => {
-		if (p) return /* @__PURE__ */ L(m, {});
-		if (h) return /* @__PURE__ */ R("div", {
+	let ae = () => {
+		if (p) return /* @__PURE__ */ I(m, {});
+		if (h) return /* @__PURE__ */ L("div", {
 			className: "flex flex-col items-center gap-3",
-			children: [/* @__PURE__ */ L("p", {
-				className: n(B, J.subtitle),
+			children: [/* @__PURE__ */ I("p", {
+				className: n(z, K.subtitle),
 				children: r.errorLabel
-			}), /* @__PURE__ */ L(g, {
+			}), /* @__PURE__ */ I(g, {
 				label: r.retryLabel,
 				onClick: _
 			})]
 		});
-		if (f.length === 0) return o.trim() ? /* @__PURE__ */ L("p", {
-			className: n(B, J.subtitle),
+		if (f.length === 0) return o.trim() ? /* @__PURE__ */ I("p", {
+			className: n(z, K.subtitle),
 			children: r.noResultsLabel
-		}) : /* @__PURE__ */ L(e, {
-			icon: /* @__PURE__ */ L(T, {
+		}) : /* @__PURE__ */ I(e, {
+			icon: /* @__PURE__ */ I(T, {
 				"aria-hidden": !0,
 				size: P,
 				stroke: 1
 			}),
 			label: r.emptyStateLabel
 		});
-		let t = G.length - 1;
-		return /* @__PURE__ */ R("div", {
+		let t = H.length - 1;
+		return /* @__PURE__ */ L("div", {
 			className: "flex w-full flex-col gap-6",
-			children: [G.map((e, n) => /* @__PURE__ */ L(re, {
+			children: [H.map((e, n) => /* @__PURE__ */ I(G, {
 				title: e.title,
 				count: e.items.length,
-				children: /* @__PURE__ */ L(ne, {
+				children: /* @__PURE__ */ I(U, {
 					items: e.items,
 					searchQuery: o,
 					onEdit: C,
@@ -262,31 +251,31 @@ var z = /* @__PURE__ */ function(e) {
 					trailingSkeletonCount: y && n === t ? b : 0,
 					skeletonStyles: { colors: { skeletonColor: M?.skeletonColor } }
 				})
-			}, e.key)), /* @__PURE__ */ L("div", {
-				ref: q,
+			}, e.key)), /* @__PURE__ */ I("div", {
+				ref: J,
 				"aria-hidden": !0,
 				className: "h-px w-full"
 			})]
 		});
-	}, ce = p || !!h || f.length === 0;
-	return /* @__PURE__ */ R("div", {
-		style: V,
-		className: n("flex h-full w-full flex-col gap-6 overflow-y-auto px-8 py-4", J.container),
+	}, oe = p || !!h || f.length === 0;
+	return /* @__PURE__ */ L("div", {
+		style: B,
+		className: n("flex h-full w-full flex-col gap-6 overflow-y-auto px-8 py-4", K.container),
 		children: [
-			/* @__PURE__ */ R("div", {
+			/* @__PURE__ */ L("div", {
 				className: "flex items-start justify-between gap-4",
-				children: [/* @__PURE__ */ R("div", {
+				children: [/* @__PURE__ */ L("div", {
 					className: "min-w-0 gap-2",
-					children: [/* @__PURE__ */ L("h1", {
-						className: n("truncate", I),
+					children: [/* @__PURE__ */ I("h1", {
+						className: n("truncate", F),
 						children: r.title
-					}), /* @__PURE__ */ L("p", {
-						className: n("mt-1", B, J.subtitle),
+					}), /* @__PURE__ */ I("p", {
+						className: n("mt-1", z, K.subtitle),
 						children: r.subtitle
 					})]
-				}), /* @__PURE__ */ L(S, {
+				}), /* @__PURE__ */ I(S, {
 					label: r.createButtonLabel,
-					iconBefore: /* @__PURE__ */ L(j, {
+					iconBefore: /* @__PURE__ */ I(j, {
 						size: l.SM,
 						"aria-hidden": !0
 					}),
@@ -294,11 +283,11 @@ var z = /* @__PURE__ */ function(e) {
 					className: "shrink-0"
 				})]
 			}),
-			/* @__PURE__ */ R("div", {
+			/* @__PURE__ */ L("div", {
 				className: "flex flex-wrap items-center gap-3",
-				children: [/* @__PURE__ */ L("div", {
+				children: [/* @__PURE__ */ I("div", {
 					className: "flex-1",
-					children: /* @__PURE__ */ L(i, {
+					children: /* @__PURE__ */ I(i, {
 						value: o,
 						onChange: s,
 						labels: {
@@ -314,60 +303,62 @@ var z = /* @__PURE__ */ function(e) {
 							clearButtonClassName: "size-11 desktop:size-auto"
 						}
 					})
-				}), r.sortOptions.length > 0 && /* @__PURE__ */ L(u, {
+				}), r.sortOptions.length > 0 && /* @__PURE__ */ I(u, {
 					matchReferenceWidth: !1,
 					placement: "bottom-end",
 					listClassName: "cp-dropdown-overlay",
 					items: r.sortOptions.map((e) => ({
 						key: e.key,
-						label: /* @__PURE__ */ R("span", {
+						label: /* @__PURE__ */ L("span", {
 							className: "flex w-full items-center justify-between gap-2",
-							children: [e.label, e.key === c && /* @__PURE__ */ L(E, {
+							children: [e.label, e.key === c && /* @__PURE__ */ I(E, {
 								size: l.SM,
 								"aria-hidden": !0
 							})]
 						}),
 						onClick: () => d(e.key)
 					})),
-					children: /* @__PURE__ */ L(g, {
-						label: U,
+					children: /* @__PURE__ */ I(g, {
+						label: V,
 						"aria-label": r.sortLabel,
-						className: n("rounded-[4px]", J.sortButton),
-						iconBefore: /* @__PURE__ */ L(w, {
+						className: n("rounded-[4px]", K.sortButton),
+						iconBefore: /* @__PURE__ */ I(w, {
 							size: 20,
 							"aria-hidden": !0
 						}),
-						iconAfter: /* @__PURE__ */ L(D, {
+						iconAfter: /* @__PURE__ */ I(D, {
 							size: 20,
 							"aria-hidden": !0
 						})
 					})
 				})]
 			}),
-			/* @__PURE__ */ L("span", {
+			/* @__PURE__ */ I("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
-				children: K
+				children: W
 			}),
-			/* @__PURE__ */ L("div", {
-				className: n("mx-auto flex size-full w-full max-w-[1180px] flex-col", ce && "items-center justify-center"),
-				children: se()
+			/* @__PURE__ */ I("div", {
+				className: n("mx-auto flex size-full w-full max-w-[1180px] flex-col", oe && "items-center justify-center"),
+				children: ae()
 			})
 		]
 	});
-}, ce = 500, Y = /* @__PURE__ */ function(e) {
+}, ae = /* @__PURE__ */ function(e) {
+	return e.FirstToRun = "firstToRun", e.LastToRun = "lastToRun", e.Newest = "newest", e.NameAZ = "nameAZ", e;
+}({}), oe = 500, Y = /* @__PURE__ */ function(e) {
 	return e.Once = "once", e.Recurring = "recurring", e;
 }({}), X = /* @__PURE__ */ function(e) {
 	return e.Daily = "daily", e.Weekly = "weekly", e.Monthly = "monthly", e;
-}({}), Z = (e) => String(e).padStart(2, "0"), le = (e) => e ? new Date(e) : null, ue = (e) => {
+}({}), Z = (e) => String(e).padStart(2, "0"), se = (e) => e ? new Date(e) : null, ce = (e) => {
 	if (e == null) return "";
 	let t = e instanceof Date ? e : new Date(e);
 	return Number.isNaN(t.getTime()) ? "" : `${t.getFullYear()}-${Z(t.getMonth() + 1)}-${Z(t.getDate())}T${Z(t.getHours())}:${Z(t.getMinutes())}`;
-}, de = (e) => {
+}, le = (e) => {
 	let t = Number(e);
 	return e && Number.isFinite(t) ? String(t + 1) : null;
-}, fe = (e) => {
+}, ue = (e) => {
 	let t = typeof e == "string" ? Number(e) : NaN;
 	return Number.isFinite(t) ? String(t - 1) : "";
 }, Q = {
@@ -376,7 +367,7 @@ var z = /* @__PURE__ */ function(e) {
 	detailsColumn: "_detailsColumn_pvqly_9",
 	sectionSubtitle: "_sectionSubtitle_pvqly_13",
 	instructionsError: "_instructionsError_pvqly_17"
-}, $ = (e) => `${e} *`, pe = P(async () => ({ default: (await b()).DialMarkdownEditor })), me = ({ labels: e, values: i, errors: c, modelOptions: u, onFieldChange: f, onBack: p, onCancel: h, onSubmit: g, isSubmitting: v = !1, markdownEditorTheme: y, styles: b }) => {
+}, $ = (e) => `${e} *`, de = P(async () => ({ default: (await b()).DialMarkdownEditor })), fe = ({ labels: e, values: i, errors: c, modelOptions: u, onFieldChange: f, onBack: p, onCancel: h, onSubmit: g, isSubmitting: v = !1, markdownEditorTheme: y, styles: b }) => {
 	let { colors: w, typography: T } = b ?? {}, E = T?.titleClassName ?? "dial-h1-text", D = T?.sectionTitleClassName ?? "dial-body-semi-text", O = T?.sectionSubtitleClassName ?? "dial-tiny-text", k = T?.scheduleSectionLabelClassName ?? "dial-body-semi-text mb-1", A = T?.instructionsErrorClassName ?? "dial-small-text", j = t({
 		"--stcf-bg": w?.background,
 		"--stcf-header-border": w?.headerBorder,
@@ -384,56 +375,56 @@ var z = /* @__PURE__ */ function(e) {
 		"--stcf-subtitle-text": w?.sectionSubtitleText,
 		"--stcf-error-text": w?.instructionsErrorText
 	}), M = v || !i.displayName.trim() || !i.modelId || !i.prompt.trim();
-	return /* @__PURE__ */ R("div", {
+	return /* @__PURE__ */ L("div", {
 		style: j,
 		className: n("flex h-full w-full flex-col overflow-y-auto", Q.container),
-		children: [/* @__PURE__ */ R("div", {
+		children: [/* @__PURE__ */ L("div", {
 			className: n("flex h-16 items-center justify-between gap-6 border-b px-8", Q.header),
-			children: [/* @__PURE__ */ R("div", {
+			children: [/* @__PURE__ */ L("div", {
 				className: "flex min-w-0 flex-1 items-center gap-2",
-				children: [/* @__PURE__ */ L(_, {
-					icon: /* @__PURE__ */ L(C, {
+				children: [/* @__PURE__ */ I(_, {
+					icon: /* @__PURE__ */ I(C, {
 						size: l.LG,
 						className: "rtl:scale-x-[-1]",
 						"aria-hidden": !0
 					}),
 					"aria-label": e.backButtonLabel,
 					onClick: p
-				}), /* @__PURE__ */ L("h1", {
+				}), /* @__PURE__ */ I("h1", {
 					className: n("truncate", E),
 					children: e.pageTitle
 				})]
-			}), /* @__PURE__ */ R("div", {
+			}), /* @__PURE__ */ L("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ L(x, {
+				children: [/* @__PURE__ */ I(x, {
 					label: e.cancelButtonLabel,
 					onClick: h,
 					disabled: v
-				}), /* @__PURE__ */ L(S, {
+				}), /* @__PURE__ */ I(S, {
 					label: e.createButtonLabel,
 					onClick: g,
 					disabled: M
 				})]
 			})]
-		}), /* @__PURE__ */ R("div", {
+		}), /* @__PURE__ */ L("div", {
 			className: "flex flex-1 flex-col desktop:flex-row",
 			children: [
-				/* @__PURE__ */ R("div", {
+				/* @__PURE__ */ L("div", {
 					role: "group",
 					"aria-label": e.detailsSectionTitle,
 					className: n("flex w-full flex-col gap-5 border-e px-8 py-6 desktop:w-[360px] desktop:shrink-0", Q.detailsColumn),
 					children: [
-						/* @__PURE__ */ R("div", {
+						/* @__PURE__ */ L("div", {
 							className: "flex flex-col gap-1",
-							children: [/* @__PURE__ */ L("h2", {
+							children: [/* @__PURE__ */ I("h2", {
 								className: D,
 								children: e.detailsSectionTitle
-							}), /* @__PURE__ */ L("p", {
+							}), /* @__PURE__ */ I("p", {
 								className: n(O, Q.sectionSubtitle),
 								children: e.detailsSectionSubtitle
 							})]
 						}),
-						/* @__PURE__ */ L(r, {
+						/* @__PURE__ */ I(r, {
 							id: "scheduled-task-display-name",
 							value: i.displayName,
 							onChange: (e) => f("displayName", e ?? ""),
@@ -444,7 +435,7 @@ var z = /* @__PURE__ */ function(e) {
 							invalid: !!c.displayName,
 							error: c.displayName
 						}),
-						/* @__PURE__ */ L(a, {
+						/* @__PURE__ */ I(a, {
 							id: "scheduled-task-description",
 							value: i.description ?? "",
 							onChange: (e) => f("description", e),
@@ -454,7 +445,7 @@ var z = /* @__PURE__ */ function(e) {
 							error: c.description,
 							caption: i.description ? `${i.description.length}/500` : void 0
 						}),
-						/* @__PURE__ */ L(d, {
+						/* @__PURE__ */ I(d, {
 							label: e.modelOrAgentLabel,
 							required: !0,
 							value: i.modelId,
@@ -466,14 +457,14 @@ var z = /* @__PURE__ */ function(e) {
 								label: e.label
 							}))
 						}),
-						/* @__PURE__ */ R("fieldset", {
+						/* @__PURE__ */ L("fieldset", {
 							className: "flex flex-col gap-3",
 							children: [
-								/* @__PURE__ */ L("legend", {
+								/* @__PURE__ */ I("legend", {
 									className: k,
 									children: e.scheduleSectionLabel
 								}),
-								/* @__PURE__ */ L(d, {
+								/* @__PURE__ */ I(d, {
 									label: e.scheduleTypeAriaLabel,
 									value: i.scheduleType,
 									onChange: (e) => f("scheduleType", e),
@@ -485,22 +476,22 @@ var z = /* @__PURE__ */ function(e) {
 										label: e.scheduleTypeRecurringLabel
 									}]
 								}),
-								i.scheduleType === Y.Once && /* @__PURE__ */ R("div", {
+								i.scheduleType === Y.Once && /* @__PURE__ */ L("div", {
 									className: "flex flex-col gap-1",
-									children: [/* @__PURE__ */ L(o, {
+									children: [/* @__PURE__ */ I(o, {
 										id: "scheduled-task-run-at",
 										mode: s.DateTime,
-										value: le(i.runAt),
-										onChange: (e) => f("runAt", ue(e)),
+										value: se(i.runAt),
+										onChange: (e) => f("runAt", ce(e)),
 										label: $(e.runAtLabel),
 										invalid: !!c.runAt
-									}), c.runAt && /* @__PURE__ */ L("p", {
+									}), c.runAt && /* @__PURE__ */ I("p", {
 										className: n(A, Q.instructionsError),
 										children: c.runAt
 									})]
 								}),
-								i.scheduleType === Y.Recurring && /* @__PURE__ */ R(I, { children: [
-									/* @__PURE__ */ L(d, {
+								i.scheduleType === Y.Recurring && /* @__PURE__ */ L(F, { children: [
+									/* @__PURE__ */ I(d, {
 										label: e.frequencyLabel,
 										value: i.frequency,
 										onChange: (e) => f("frequency", e),
@@ -509,35 +500,35 @@ var z = /* @__PURE__ */ function(e) {
 											label: e.label
 										}))
 									}),
-									/* @__PURE__ */ R("div", {
+									/* @__PURE__ */ L("div", {
 										className: "flex flex-col gap-1",
-										children: [/* @__PURE__ */ L(o, {
+										children: [/* @__PURE__ */ I(o, {
 											id: "scheduled-task-time",
 											mode: s.Time,
 											value: i.time,
 											onChange: (e) => f("time", typeof e == "string" ? e : ""),
 											label: $(e.timeLabel),
 											invalid: !!c.time
-										}), c.time && /* @__PURE__ */ L("p", {
+										}), c.time && /* @__PURE__ */ I("p", {
 											className: n(A, Q.instructionsError),
 											children: c.time
 										})]
 									}),
-									i.frequency === X.Weekly && /* @__PURE__ */ R("div", {
+									i.frequency === X.Weekly && /* @__PURE__ */ L("div", {
 										className: "flex flex-col gap-1",
-										children: [/* @__PURE__ */ L(o, {
+										children: [/* @__PURE__ */ I(o, {
 											id: "scheduled-task-day-of-week",
 											mode: s.Weekday,
-											value: de(i.dayOfWeek),
-											onChange: (e) => f("dayOfWeek", fe(e)),
+											value: le(i.dayOfWeek),
+											onChange: (e) => f("dayOfWeek", ue(e)),
 											label: $(e.dayOfWeekLabel),
 											invalid: !!c.dayOfWeek
-										}), c.dayOfWeek && /* @__PURE__ */ L("p", {
+										}), c.dayOfWeek && /* @__PURE__ */ I("p", {
 											className: n(A, Q.instructionsError),
 											children: c.dayOfWeek
 										})]
 									}),
-									i.frequency === X.Monthly && /* @__PURE__ */ L(r, {
+									i.frequency === X.Monthly && /* @__PURE__ */ I(r, {
 										id: "scheduled-task-day-of-month",
 										value: i.dayOfMonth ?? "",
 										onChange: (e) => f("dayOfMonth", e ?? ""),
@@ -553,45 +544,45 @@ var z = /* @__PURE__ */ function(e) {
 						})
 					]
 				}),
-				/* @__PURE__ */ R("div", {
+				/* @__PURE__ */ L("div", {
 					role: "group",
 					"aria-label": e.configurationSectionTitle,
 					className: "flex w-full min-w-0 flex-1 flex-col gap-5 px-8 py-6",
-					children: [/* @__PURE__ */ R("div", {
+					children: [/* @__PURE__ */ L("div", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ L("h2", {
+						children: [/* @__PURE__ */ I("h2", {
 							className: D,
 							children: e.configurationSectionTitle
-						}), /* @__PURE__ */ L("p", {
+						}), /* @__PURE__ */ I("p", {
 							className: n(O, Q.sectionSubtitle),
 							children: e.configurationSectionSubtitle
 						})]
-					}), /* @__PURE__ */ R("div", {
+					}), /* @__PURE__ */ L("div", {
 						role: "group",
 						"aria-label": e.instructionsLabel,
 						className: "flex flex-1 flex-col gap-1",
 						children: [
-							/* @__PURE__ */ L("span", {
+							/* @__PURE__ */ I("span", {
 								className: k,
 								children: e.instructionsLabel
 							}),
-							/* @__PURE__ */ L(N, {
-								fallback: /* @__PURE__ */ L(m, {}),
-								children: /* @__PURE__ */ L(pe, {
+							/* @__PURE__ */ I(N, {
+								fallback: /* @__PURE__ */ I(m, {}),
+								children: /* @__PURE__ */ I(de, {
 									value: i.prompt,
 									onChange: (e) => f("prompt", e),
 									height: 480,
 									theme: y
 								})
 							}),
-							c.prompt && /* @__PURE__ */ L("p", {
+							c.prompt && /* @__PURE__ */ I("p", {
 								className: n(A, Q.instructionsError),
 								children: c.prompt
 							})
 						]
 					})]
 				}),
-				/* @__PURE__ */ L("div", {
+				/* @__PURE__ */ I("div", {
 					"aria-hidden": !0,
 					className: "hidden desktop:block desktop:w-[360px] desktop:shrink-0"
 				})
@@ -600,4 +591,4 @@ var z = /* @__PURE__ */ function(e) {
 	});
 };
 //#endregion
-export { ce as DESCRIPTION_MAX_LENGTH, W as ScheduledTaskCard, ne as ScheduledTaskCardGrid, K as ScheduledTaskCardSkeleton, me as ScheduledTaskCreateForm, X as ScheduledTaskFrequency, Y as ScheduledTaskScheduleType, re as ScheduledTaskSection, z as ScheduledTaskSectionKey, se as ScheduledTasks, B as ScheduledTasksSortKey, H as sortScheduledTaskItems };
+export { oe as DESCRIPTION_MAX_LENGTH, B as ScheduledTaskCard, U as ScheduledTaskCardGrid, H as ScheduledTaskCardSkeleton, fe as ScheduledTaskCreateForm, X as ScheduledTaskFrequency, Y as ScheduledTaskScheduleType, G as ScheduledTaskSection, R as ScheduledTaskSectionKey, J as ScheduledTasks, ae as ScheduledTasksSortKey };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-scheduled-tasks",
   "description": "Presentational Scheduled Tasks page shell — header, toolbar, and empty state",
-  "version": "1.1.0-dev.78",
+  "version": "1.1.0-dev.88",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -17,9 +17,9 @@
     }
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.1.0-dev.78",
-    "@epam/ai-dial-kit": "1.1.0-dev.78",
-    "@epam/ai-dial-ui-kit": "0.13.0-dev.25",
+    "@epam/ai-dial-chat-shared": "1.1.0-dev.88",
+    "@epam/ai-dial-kit": "1.1.0-dev.88",
+    "@epam/ai-dial-ui-kit": "^0.13.0-dev.26",
     "@tabler/icons-react": "^3.44.0",
     "react": "^19.0.0"
   },

package/utils/filter-sort.d.ts

@@ -1,4 +0,0 @@
-import { ScheduledTaskItem } from '../models/scheduled-task-item';
-/** Sorts a (typically already-filtered) list of items by the given toolbar sort key. */
-export declare const sortScheduledTaskItems: (items: ScheduledTaskItem[], sortKey: string) => ScheduledTaskItem[];
-//# sourceMappingURL=filter-sort.d.ts.map

package/utils/filter-sort.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"filter-sort.d.ts","sourceRoot":"","sources":["../../src/utils/filter-sort.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAgBvE,wFAAwF;AACxF,eAAO,MAAM,sBAAsB,GACjC,OAAO,iBAAiB,EAAE,EAC1B,SAAS,MAAM,KACd,iBAAiB,EAgCnB,CAAC"}