@epam/ai-dial-ui-kit 0.14.0-dev.27 → 0.14.0-dev.28

package/dist/{index-DH0wvvGM.js → index-DMCwouOy.js}

@@ -62703,7 +62703,7 @@ const el = ({
     () => JSON.stringify(e, null, 2)
   );
   ye(() => {
-    typeof window < "u" && import("./JsonEditor-ClEQHs7z.js").then((d) => {
+    typeof window < "u" && import("./JsonEditor-ChyHaWtP.js").then((d) => {
       r(() => d.DialJsonEditor);
     });
   }, []);
@@ -67571,7 +67571,7 @@ const TU = "dial-kit-grid-selection", IU = 150, kU = 100, nq = ({
       hideTooltip: o
     }
   );
-}, oq = () => import("./JsonEditor-ClEQHs7z.js"), rq = () => import("./MarkdownEditor-BJqAweWT.js"), aq = () => import("./MarkdownEditor-DQnwQXiv.js");
+}, oq = () => import("./JsonEditor-ChyHaWtP.js"), rq = () => import("./MarkdownEditor-Wnyf1Mpi.js"), aq = () => import("./MarkdownEditor-V5mQ3NiV.js");
 export {
   XU as $,
   _$ as A,

package/dist/src/components/New/MarkdownEditor/MarkdownEditor.d.ts

@@ -10,6 +10,10 @@ export interface MarkdownEditorProps {
     placeholder?: string;
     /** Initial edit/live/preview mode; the toolbar lets the user switch it afterwards. */
     defaultPreview?: PreviewType;
+    /** `id` of the underlying textarea, so a visible `<label htmlFor>` can name it. */
+    id?: string;
+    /** Accessible name for the underlying textarea. Use it only where no visible label exists to pair with `id`. */
+    ariaLabel?: string;
 }
 /**
  * The 2.0 Markdown editor: a formatting toolbar (bold/italic/strikethrough,
@@ -29,5 +33,7 @@ export interface MarkdownEditorProps {
  * @param [className] - Additional CSS classes for the container
  * @param [placeholder] - Placeholder text shown when the editor is empty
  * @param [defaultPreview='edit'] - Initial edit/live/preview mode
+ * @param [id] - `id` of the underlying textarea, for a visible `<label htmlFor>`
+ * @param [ariaLabel] - Accessible name for the underlying textarea
  */
 export declare const MarkdownEditor: FC<MarkdownEditorProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epam/ai-dial-ui-kit",
-  "version": "0.14.0-dev.27",
+  "version": "0.14.0-dev.28",
   "type": "module",
   "license": "Apache-2.0",
   "description": "A modern UI kit for building AI DIAL interfaces with React",

package/dist/MarkdownEditor-BM5HAsVr.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-C-lQltPA.cjs"),x=require("react"),e=require("@uiw/react-md-editor"),o=require("@tabler/icons-react"),I=t.DIAL_ICON_SIZE.SM,s={size:I,stroke:t.DIAL_KIT_ICON_STROKE},n=(i,r)=>({...i,icon:r}),R=()=>[n(e.bold,t.jsxRuntimeExports.jsx(o.IconBold,{...s})),n(e.italic,t.jsxRuntimeExports.jsx(o.IconItalic,{...s})),n(e.strikethrough,t.jsxRuntimeExports.jsx(o.IconStrikethrough,{...s})),e.divider,e.group([e.heading1,e.heading2,e.heading3],{name:"heading",groupName:"heading",icon:t.jsxRuntimeExports.jsx(o.IconTextSize,{...s}),buttonProps:{"aria-label":"Text style",title:"Text style"}}),e.divider,n(e.unorderedListCommand,t.jsxRuntimeExports.jsx(o.IconList,{...s})),n(e.orderedListCommand,t.jsxRuntimeExports.jsx(o.IconListNumbers,{...s})),e.divider,n(e.quote,t.jsxRuntimeExports.jsx(o.IconQuote,{...s})),n(e.link,t.jsxRuntimeExports.jsx(o.IconLink,{...s})),n(e.code,t.jsxRuntimeExports.jsx(o.IconCode,{...s})),e.divider,n(e.table,t.jsxRuntimeExports.jsx(o.IconTable,{...s}))],p=()=>[n(e.codeEdit,t.jsxRuntimeExports.jsx(o.IconPencil,{...s})),n(e.codeLive,t.jsxRuntimeExports.jsx(o.IconLayoutColumns,{...s})),n(e.codePreview,t.jsxRuntimeExports.jsx(o.IconEye,{...s})),e.divider,n(e.fullscreen,t.jsxRuntimeExports.jsx(o.IconMaximize,{...s}))],g=({value:i,onChange:r,height:d=300,theme:c=t.EditorThemes.light,className:a,placeholder:m,defaultPreview:u="edit"})=>{const j=x.useMemo(()=>R(),[]),E=x.useMemo(()=>p(),[]);return t.jsxRuntimeExports.jsx("div",{"data-color-mode":c,className:t.mergeClasses("dial-kit-markdown-editor",a),children:t.jsxRuntimeExports.jsx(e,{value:i,onChange:l=>r?.(l||""),height:d,preview:u,commands:j,extraCommands:E,textareaProps:{placeholder:m}})})};exports.MarkdownEditor=g;

package/dist/MarkdownEditor-DQnwQXiv.js

@@ -1,69 +0,0 @@
-import { j as o, D as g, a as u, E as h, m as C } from "./index-DH0wvvGM.js";
-import { useMemo as r } from "react";
-import p, { divider as s, group as E, heading1 as L, heading2 as O, heading3 as k, bold as _, italic as T, strikethrough as M, unorderedListCommand as N, orderedListCommand as w, quote as S, link as b, code as P, table as R, codeEdit as f, codeLive as v, codePreview as A, fullscreen as D } from "@uiw/react-md-editor";
-import { IconTextSize as y, IconBold as z, IconItalic as B, IconStrikethrough as K, IconList as Z, IconListNumbers as q, IconQuote as F, IconLink as Q, IconCode as W, IconTable as G, IconPencil as H, IconLayoutColumns as J, IconEye as U, IconMaximize as V } from "@tabler/icons-react";
-const X = u.SM, e = {
-  size: X,
-  stroke: g
-}, t = (n, i) => ({
-  ...n,
-  icon: i
-}), Y = () => [
-  t(_, /* @__PURE__ */ o.jsx(z, { ...e })),
-  t(T, /* @__PURE__ */ o.jsx(B, { ...e })),
-  t(M, /* @__PURE__ */ o.jsx(K, { ...e })),
-  s,
-  E([L, O, k], {
-    name: "heading",
-    groupName: "heading",
-    icon: /* @__PURE__ */ o.jsx(y, { ...e }),
-    buttonProps: { "aria-label": "Text style", title: "Text style" }
-  }),
-  s,
-  t(N, /* @__PURE__ */ o.jsx(Z, { ...e })),
-  t(w, /* @__PURE__ */ o.jsx(q, { ...e })),
-  s,
-  t(S, /* @__PURE__ */ o.jsx(F, { ...e })),
-  t(b, /* @__PURE__ */ o.jsx(Q, { ...e })),
-  t(P, /* @__PURE__ */ o.jsx(W, { ...e })),
-  s,
-  t(R, /* @__PURE__ */ o.jsx(G, { ...e }))
-], $ = () => [
-  t(f, /* @__PURE__ */ o.jsx(H, { ...e })),
-  t(v, /* @__PURE__ */ o.jsx(J, { ...e })),
-  t(A, /* @__PURE__ */ o.jsx(U, { ...e })),
-  s,
-  t(D, /* @__PURE__ */ o.jsx(V, { ...e }))
-], no = ({
-  value: n,
-  onChange: i,
-  height: a = 300,
-  theme: d = h.light,
-  className: c,
-  placeholder: m,
-  defaultPreview: x = "edit"
-}) => {
-  const I = r(() => Y(), []), l = r(() => $(), []);
-  return /* @__PURE__ */ o.jsx(
-    "div",
-    {
-      "data-color-mode": d,
-      className: C("dial-kit-markdown-editor", c),
-      children: /* @__PURE__ */ o.jsx(
-        p,
-        {
-          value: n,
-          onChange: (j) => i?.(j || ""),
-          height: a,
-          preview: x,
-          commands: I,
-          extraCommands: l,
-          textareaProps: { placeholder: m }
-        }
-      )
-    }
-  );
-};
-export {
-  no as MarkdownEditor
-};