@epam/ai-dial-chat-shared 1.2.0-dev.98 → 1.2.0-rc.0

package/components/MarkdownRenderer/Table/TableHeader.js

@@ -1,30 +1,27 @@
 import { mergeClasses as e } from "../../../utils/merge-class.js";
 import t from "./TableHeader.module.scss.js";
-import { ElementSize as n, GhostIconButton as r, Tooltip as i } from "@epam/ai-dial-ui-kit";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { ElementSize as n, GhostIconButton as r } from "@epam/ai-dial-ui-kit";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/MarkdownRenderer/Table/TableHeader.tsx
-var s = ({ children: s, actions: c, className: l }) => /* @__PURE__ */ o("div", {
-	className: e("flex min-h-10 items-center gap-2 border-b px-2 py-2", t.tableHeader, l),
-	children: [s != null && /* @__PURE__ */ a("div", {
+var o = ({ children: o, actions: s, className: c }) => /* @__PURE__ */ a("div", {
+	className: e("flex min-h-10 items-center gap-2 border-b px-2 py-2", t.tableHeader, c),
+	children: [o != null && /* @__PURE__ */ i("div", {
 		className: "min-w-0 flex-1",
-		children: s
-	}), c != null && /* @__PURE__ */ a("div", {
+		children: o
+	}), s != null && /* @__PURE__ */ i("div", {
 		className: "ms-auto flex items-center gap-1",
-		children: c.map((e) => /* @__PURE__ */ a(i, {
-			tooltip: e.label,
-			asChild: !0,
-			children: /* @__PURE__ */ a(r, {
-				"aria-label": e.label,
-				icon: /* @__PURE__ */ a("span", {
-					"aria-hidden": !0,
-					className: "flex items-center",
-					children: e.icon
-				}),
-				size: n.Small,
-				onClick: e.onClick
-			})
+		children: s.map((e) => /* @__PURE__ */ i(r, {
+			tooltipProps: { tooltip: e.label },
+			"aria-label": e.label,
+			icon: /* @__PURE__ */ i("span", {
+				"aria-hidden": !0,
+				className: "flex items-center",
+				children: e.icon
+			}),
+			size: n.Small,
+			onClick: e.onClick
 		}, e.label))
 	})]
 });
 //#endregion
-export { s as TableHeader };
+export { o as TableHeader };

package/components/MarkdownRenderer/ThinkingShimmer.js

@@ -0,0 +1,14 @@
+import { buildCssVars as e } from "../../utils/build-css-vars.js";
+import t from "./MarkdownRenderer.module.scss.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/MarkdownRenderer/ThinkingShimmer.tsx
+var r = ({ label: r, colors: i }) => /* @__PURE__ */ n("span", {
+	className: t.thinking,
+	style: e({
+		"--cm-thinking-inverted": i?.thinkingPrimary,
+		"--cm-thinking-secondary": i?.thinkingSecondary
+	}),
+	children: r
+});
+//#endregion
+export { r as ThinkingShimmer };

package/components/MarkdownWithPlaceholders/MarkdownWithPlaceholders.js

@@ -2,7 +2,7 @@ import { rehypePromptVariables as e } from "../../utils/prompt-variables.js";
 import { MarkdownRenderer as t } from "../MarkdownRenderer/MarkdownRenderer.js";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/MarkdownWithPlaceholders/MarkdownWithPlaceholders.tsx
-var r = [e], i = ({ content: e, headingClassName: i }) => /* @__PURE__ */ n(t, {
+var r = [e], i = ({ content: e, headingClassName: i, ...a }) => /* @__PURE__ */ n(t, {
 	content: e,
 	rehypePlugins: r,
 	classNames: {
@@ -12,7 +12,8 @@ var r = [e], i = ({ content: e, headingClassName: i }) => /* @__PURE__ */ n(t, {
 		h4: i,
 		h5: i,
 		h6: i
-	}
+	},
+	...a
 });
 //#endregion
 export { i as MarkdownWithPlaceholders };

package/components/PanelEmptyState/PanelEmptyState.js

@@ -5,10 +5,11 @@ import { NoDataContent as r } from "@epam/ai-dial-ui-kit";
 import { memo as i } from "react";
 import { jsx as a } from "react/jsx-runtime";
 //#region src/components/PanelEmptyState/PanelEmptyState.tsx
-var o = i(({ label: i, colors: o, labelClassName: s = "dial-tiny-text", containerClassName: c }) => /* @__PURE__ */ a("div", {
+var o = i(({ label: i, colors: o, labelClassName: s = "dial-tiny-text", containerClassName: c, icon: l }) => /* @__PURE__ */ a("div", {
 	style: t({ "--pes-label-color": o?.label }),
 	children: /* @__PURE__ */ a(r, {
 		title: i,
+		icon: l,
 		titleClassName: e(n.label, s),
 		className: c
 	})

package/components/TextRefinementField/TextRefinementField.js

@@ -0,0 +1,86 @@
+import { mergeClasses as e } from "../../utils/merge-class.js";
+import { TextRefinementState as t } from "../../hooks/useTextRefinement.js";
+import { CaptionText as n, DIAL_ICON_SIZE as r, DIAL_KIT_ICON_STROKE as i, ElementSize as a, ErrorText as o, GhostButton as s, Label as c, Spinner as l } from "@epam/ai-dial-ui-kit";
+import { useRef as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { IconSparkles as m } from "@tabler/icons-react";
+//#region src/components/TextRefinementField/TextRefinementField.tsx
+var h = ({ isEnabled: h, fieldId: g, label: _, labelClassName: v, required: y, labels: b, refinement: x, disabled: S, feedbackClassName: C, errorClassName: w, children: T }) => {
+	let E = u(null);
+	if (!h) return /* @__PURE__ */ f(d, { children: T });
+	let D = x.state === t.Error, O = {
+		[t.Idle]: "",
+		[t.Pending]: b?.refinePendingAriaLabel ?? "Refining text",
+		[t.Success]: b?.refineSuccessAriaLabel ?? "Text refined. Undo is available.",
+		[t.Restored]: b?.refineUndoAriaLabel ?? "Original text restored.",
+		[t.Unchanged]: b?.refineUnchangedAriaLabel ?? "No changes were needed.",
+		[t.Error]: ""
+	}[x.state];
+	return /* @__PURE__ */ p("div", {
+		className: "flex min-w-0 flex-col gap-1",
+		role: "group",
+		"aria-labelledby": g + "-label",
+		"aria-describedby": D ? g + "-refinement-error" : void 0,
+		children: [
+			/* @__PURE__ */ p("div", {
+				className: "flex min-w-0 flex-wrap items-center gap-x-3",
+				children: [/* @__PURE__ */ f(c, {
+					id: g + "-label",
+					htmlFor: g,
+					className: v,
+					label: _,
+					required: y
+				}), /* @__PURE__ */ p("div", {
+					ref: E,
+					className: "ms-auto flex min-w-0 flex-wrap items-center",
+					children: [/* @__PURE__ */ f(s, {
+						size: a.Small,
+						label: b?.refineWithAiLabel ?? "Refine with AI",
+						disabled: S || !x.canRefine,
+						onClick: () => {
+							x.refine();
+						},
+						iconBefore: x.isPending ? /* @__PURE__ */ f("span", {
+							"aria-hidden": !0,
+							children: /* @__PURE__ */ f(l, {
+								size: r.SM,
+								ariaLabel: ""
+							})
+						}) : /* @__PURE__ */ f(m, {
+							size: r.SM,
+							stroke: i,
+							"aria-hidden": !0
+						})
+					}), x.canUndo && /* @__PURE__ */ f(s, {
+						size: a.Small,
+						label: b?.refineUndoLabel ?? "Undo",
+						disabled: S,
+						onClick: () => {
+							x.undo(), E.current?.querySelector("button")?.focus();
+						}
+					})]
+				})]
+			}),
+			/* @__PURE__ */ f("div", {
+				"aria-busy": x.isPending,
+				children: T
+			}),
+			/* @__PURE__ */ f("div", {
+				role: "status",
+				"aria-live": "polite",
+				children: /* @__PURE__ */ f(n, {
+					text: O,
+					className: C
+				})
+			}),
+			D && /* @__PURE__ */ f(o, {
+				role: "alert",
+				id: g + "-refinement-error",
+				className: e(C, w),
+				text: b?.refineErrorLabel ?? "Could not refine this text. Please try again."
+			})
+		]
+	});
+};
+//#endregion
+export { h as TextRefinementField };

package/constants/dial.js

@@ -1,4 +1,4 @@
 //#region src/constants/dial.ts
-var e = ".dial_folder";
+var e = ".dial_folder", t = "public";
 //#endregion
-export { e as HIDDEN_FILE };
+export { e as HIDDEN_FILE, t as PUBLIC_BUCKET };

package/constants/resizable-fields.js

@@ -1,4 +1,4 @@
 //#region src/constants/resizable-fields.ts
-var e = "max-h-[50vh]", t = "--resizable-field-max-height", n = "[&_.w-md-editor:not(.w-md-editor-fullscreen)]:max-h-[var(--resizable-field-max-height,70vh)]";
+var e = "max-h-[50vh]", t = "--resizable-field-max-height", n = "[&_.w-md-editor:not(.w-md-editor-fullscreen)]:max-h-[var(--resizable-field-max-height,70vh)]", r = "[&_.w-md-editor:not(.w-md-editor-fullscreen)]:!h-[var(--resizable-field-max-height,70vh)]";
 //#endregion
-export { n as MARKDOWN_EDITOR_MAX_HEIGHT_CLASS_NAME, t as RESIZABLE_FIELD_MAX_HEIGHT_CSS_VARIABLE, e as RESIZABLE_TEXTAREA_CLASS_NAME };
+export { r as MARKDOWN_EDITOR_FILL_HEIGHT_CLASS_NAME, n as MARKDOWN_EDITOR_MAX_HEIGHT_CLASS_NAME, t as RESIZABLE_FIELD_MAX_HEIGHT_CSS_VARIABLE, e as RESIZABLE_TEXTAREA_CLASS_NAME };