@epam/ai-dial-ui-kit 0.14.0-dev.40 → 0.14.0-dev.44

package/dist/JsonEditor-BlaSMX26.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),o=require("./lazy-B1eG0EeX.cjs"),u=require("@monaco-editor/react"),c={[o.EditorThemes.dark]:{base:"vs-dark",inherit:!1,rules:[{token:"string.key.json",foreground:"#37BABC"},{token:"string.value.json",foreground:"#5C8DEA"},{token:"number",foreground:"#D97C27"},{token:"keyword.json",foreground:"#F4CE46"},{token:"delimiter",foreground:"#EEF1F7"},{token:"delimiter.bracket.json",foreground:"#A972FF"},{token:"delimiter.parenthesis",foreground:"#A972FF"}],colors:{"editor.foreground":"#F76464","editor.background":"#161B2D","editorCursor.foreground":"#EEF1F7","editor.selectionBackground":"#5C8DEA2B","editorLineNumber.foreground":"#242C42","scrollbarSlider.background":"#242C42","scrollbarSlider.hoverBackground":"#242C42","scrollbarSlider.activeBackground":"#242C42"}},[o.EditorThemes.light]:{base:"vs",inherit:!1,rules:[{token:"string.key.json",foreground:"#009D9F"},{token:"string.value.json",foreground:"#2764D9"},{token:"number",foreground:"#B25500"},{token:"keyword.json",foreground:"#3F3D25"},{token:"delimiter",foreground:"#161B2D"},{token:"delimiter.bracket.json",foreground:"#7E39EC"},{token:"delimiter.parenthesis",foreground:"#7E39EC"}],colors:{"editor.foreground":"#AE2F2F","editor.background":"#EEF1F7","editorCursor.foreground":"#161B2D","editor.selectionBackground":"#5C8DEA2B","editorLineNumber.foreground":"#242C42","scrollbarSlider.background":"#242C42","scrollbarSlider.hoverBackground":"#242C42","scrollbarSlider.activeBackground":"#242C42"}}},g=({value:n,onChange:t,onValidateJSON:i,options:s,currentTheme:e,themesConfig:d=c})=>{function a(r){r?.editor?.defineTheme(e,d[e]),r.languages.json.jsonDefaults.setDiagnosticsOptions({validate:!0,enableSchemaRequest:!1,schemas:[{uri:"http://custom-schema/object-required.json",fileMatch:["*"],schema:{type:"object",description:"Top-level value must be an object",additionalProperties:!0}}]})}return l.jsx(u.Editor,{beforeMount:a,height:"100%",defaultLanguage:"json",value:n,onChange:t,theme:e,onValidate:i,options:{minimap:{enabled:!1},formatOnType:!0,formatOnPaste:!0,selectOnLineNumbers:!1,automaticLayout:!0,scrollBeyondLastLine:!1,wordWrap:"on",smoothScrolling:!0,overviewRulerLanes:0,scrollbar:{horizontal:"hidden",verticalScrollbarSize:4,verticalSliderSize:4},...s??{}}})};exports.DialJsonEditor=g;

package/dist/{MarkdownEditor-CBH7ILah.cjs → MarkdownEditor-5kljDPcm.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("@uiw/react-md-editor"),m=require("./lazy-CJ-0Pjkj.cjs"),u=require("./merge-classes-Dipy1Ih1.cjs"),x=({value:t,onChange:s,height:o=300,preview:i="edit",theme:a=m.EditorThemes.dark,className:n,placeholder:r})=>{const d=r!==void 0&&!t;return e.jsxs("div",{"data-color-mode":a,className:u.mergeClasses("relative",n),children:[e.jsx(c,{value:t,onChange:l=>s?.(l||""),height:o,preview:i}),d&&e.jsx("div",{className:"pointer-events-none absolute left-0 top-8 px-2 dial-small-text text-secondary opacity-40",children:r})]})};exports.DialMarkdownEditor=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("@uiw/react-md-editor"),m=require("./lazy-B1eG0EeX.cjs"),u=require("./merge-classes-Dipy1Ih1.cjs"),x=({value:t,onChange:s,height:o=300,preview:i="edit",theme:a=m.EditorThemes.dark,className:n,placeholder:r})=>{const d=r!==void 0&&!t;return e.jsxs("div",{"data-color-mode":a,className:u.mergeClasses("relative",n),children:[e.jsx(c,{value:t,onChange:l=>s?.(l||""),height:o,preview:i}),d&&e.jsx("div",{className:"pointer-events-none absolute left-0 top-8 px-2 dial-small-text text-secondary opacity-40",children:r})]})};exports.DialMarkdownEditor=x;

package/dist/{MarkdownEditor-CMRC_XsQ.cjs → MarkdownEditor-C0_gU7Fi.cjs}

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

package/dist/MarkdownEditorContainer-BqTGQArV.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),m=require("./Switch-CUKClcEz.cjs"),E=require("./lazy-B1eG0EeX.cjs"),N=require("./MarkdownEditor-5kljDPcm.cjs"),b=({value:r,onChangeValue:l,label:i,headerContent:a,switcherLabel:d,height:c=300,theme:u=E.EditorThemes.dark,onValidateJSON:x,preview:j="edit"})=>{const w=n.useId(),[t,C]=n.useState(!1),[f,p]=n.useState(null);n.useEffect(()=>{t&&typeof window<"u"&&Promise.resolve().then(()=>require("./JsonEditor-BlaSMX26.cjs")).then(s=>{p(()=>s.DialJsonEditor)})},[t]);const h=n.useCallback(s=>{l?.(s)},[l]),S=n.useCallback(s=>{x?.(s)},[x]),o=!!d;return e.jsx("div",{className:"size-full flex flex-col",children:e.jsx("div",{className:"flex flex-col gap-8",children:e.jsxs("div",{children:[(i||a||o)&&e.jsxs("div",{className:"flex justify-between items-center mb-2",children:[i&&e.jsx(m.DialLabel,{label:i}),e.jsxs("div",{className:"flex items-center gap-2 flex-1 justify-end",children:[a,o&&e.jsx("label",{className:"flex items-center gap-2 cursor-pointer",children:e.jsx(m.DialSwitch,{isOn:t,label:d,switchId:w,onChange:s=>C(s)})})]})]}),o&&t?e.jsx("div",{className:"border border-primary rounded",style:{height:`${c}px`},children:f&&e.jsx(f,{value:r,onChange:h,onValidateJSON:S,currentTheme:u})}):e.jsx(N.DialMarkdownEditor,{value:r,onChange:h,height:c,preview:j,theme:u})]})})})};exports.DialMarkdownEditorContainer=b;

package/dist/components/Analytics/BarGroup/BarGroup.js

@@ -1,37 +1,41 @@
-import { jsx as t, jsxs as x, Fragment as H } from "react/jsx-runtime";
-import { Fragment as I } from "react";
-import { DialAccordion as J } from "../../Accordion/Accordion.js";
+import { jsx as t, jsxs as f, Fragment as J } from "react/jsx-runtime";
+import { Fragment as Q } from "react";
+import { DialAccordion as R } from "../../Accordion/Accordion.js";
 import { DialAnalyticsBar as b } from "../Bar/Bar.js";
-import { DialLoader as Q } from "../../Loader/Loader.js";
+import { DialLoader as U } from "../../Loader/Loader.js";
 import { DialTooltip as g } from "../../Tooltip/Tooltip.js";
 import { mergeClasses as a } from "../../../utils/merge-classes.js";
-const V = ({
-  title: h,
-  titleTooltip: N,
-  description: y,
-  data: c,
-  compareData: n,
+const k = ({
+  title: x,
+  titleTooltip: h,
+  description: S,
+  data: i,
+  compareData: r,
   compareLabels: m,
-  maxValue: d,
-  colorMap: p,
-  defaultExpanded: S = !0,
+  maxValue: p,
+  colorMap: u,
+  defaultExpanded: E = !0,
   nonCollapsible: G,
   isLoading: K,
-  onBarClick: i,
-  inline: o,
-  barTitleClassName: v,
+  onBarClick: o,
+  inline: c,
+  barTitleClassName: N,
   barValueClassName: P,
-  barClassName: u,
+  barClassName: v,
   barDescriptions: C,
   className: T
 }) => {
-  const W = Object.entries(c), q = o ? a("text-secondary", v) : v, j = m ? "dial-tiny-text text-secondary" : void 0, z = N ? /* @__PURE__ */ t(g, { tooltip: N, children: h }) : h, E = n ? [.../* @__PURE__ */ new Set([...Object.keys(c), ...Object.keys(n)])] : [], F = "cursor-pointer rounded-sm text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-primary";
+  const W = Object.entries(i), q = c ? a("text-secondary", N) : N, j = m ? "dial-tiny-text text-secondary" : void 0, z = h ? /* @__PURE__ */ t(g, { tooltip: h, children: x }) : x, H = r ? [.../* @__PURE__ */ new Set([...Object.keys(i), ...Object.keys(r)])] : [], y = "cursor-pointer rounded-sm text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-primary", F = "group flex flex-col gap-1.5", I = a(
+    "flex flex-col gap-1.5 pl-2",
+    o && "group-hover:bg-accent-primary-alpha group-focus-visible:bg-accent-primary-alpha",
+    v
+  );
   return /* @__PURE__ */ t(
-    J,
+    R,
     {
       title: z,
-      description: y,
-      defaultExpanded: S,
+      description: S,
+      defaultExpanded: E,
       nonCollapsible: G,
       className: T,
       children: /* @__PURE__ */ t(
@@ -39,11 +43,11 @@ const V = ({
         {
           className: a(
             "flex flex-col",
-            n ? "gap-4" : o ? "gap-2" : "gap-3"
+            r ? "gap-4" : c ? "gap-2" : "gap-3"
           ),
-          children: K ? /* @__PURE__ */ t(Q, { fullWidth: !1, className: "self-center" }) : n ? E.map((e) => {
-            const s = e in c ? c[e] : null, r = e in n ? n[e] : null, l = typeof s == "number" && typeof r == "number" ? parseFloat((r - s).toFixed(3)) : null, L = l != null && l !== 0, A = L && l > 0, D = L ? A ? `+${l}` : String(l) : null, O = C?.[e], $ = /* @__PURE__ */ t("span", { className: "dial-small-text text-secondary", children: e }), w = /* @__PURE__ */ x(H, { children: [
-              /* @__PURE__ */ x("div", { className: "flex items-center gap-2", children: [
+          children: K ? /* @__PURE__ */ t(U, { fullWidth: !1, className: "self-center" }) : r ? H.map((e) => {
+            const l = e in i ? i[e] : null, n = e in r ? r[e] : null, s = typeof l == "number" && typeof n == "number" ? parseFloat((n - l).toFixed(3)) : null, L = s != null && s !== 0, A = L && s > 0, D = L ? A ? `+${s}` : String(s) : null, O = C?.[e], $ = /* @__PURE__ */ t("span", { className: "dial-small-text text-secondary", children: e }), w = /* @__PURE__ */ f(J, { children: [
+              /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
                 O ? /* @__PURE__ */ t(g, { tooltip: O, children: $ }) : $,
                 D != null && /* @__PURE__ */ t(
                   "span",
@@ -56,17 +60,16 @@ const V = ({
                   }
                 )
               ] }),
-              /* @__PURE__ */ x("div", { className: "flex flex-col gap-1.5 pl-2", children: [
+              /* @__PURE__ */ f("div", { className: I, children: [
                 /* @__PURE__ */ t(
                   b,
                   {
                     title: m?.[0],
-                    value: s,
-                    maxValue: d,
-                    colorMap: p,
-                    inline: o,
+                    value: l,
+                    maxValue: p,
+                    colorMap: u,
+                    inline: c,
                     titleClassName: j,
-                    className: u,
                     ariaLabel: e
                   }
                 ),
@@ -74,61 +77,60 @@ const V = ({
                   b,
                   {
                     title: m?.[1],
-                    value: r,
-                    maxValue: d,
-                    colorMap: p,
-                    inline: o,
+                    value: n,
+                    maxValue: p,
+                    colorMap: u,
+                    inline: c,
                     titleClassName: j,
-                    className: u,
                     ariaLabel: `${e} compare`
                   }
                 )
               ] })
             ] });
-            return i ? /* @__PURE__ */ t(
+            return o ? /* @__PURE__ */ t(
               "button",
               {
                 type: "button",
-                onClick: () => i(e, s),
+                onClick: () => o(e, l),
                 className: a(
-                  "flex flex-col gap-1.5",
-                  F
+                  F,
+                  y
                 ),
                 children: w
               },
               e
-            ) : /* @__PURE__ */ t("div", { className: "flex flex-col gap-1.5", children: w }, e);
-          }) : W.map(([e, s]) => {
-            const r = /* @__PURE__ */ t(
+            ) : /* @__PURE__ */ t("div", { className: F, children: w }, e);
+          }) : W.map(([e, l]) => {
+            const n = /* @__PURE__ */ t(
               b,
               {
                 title: e,
-                value: s,
-                maxValue: d,
-                colorMap: p,
-                inline: o,
+                value: l,
+                maxValue: p,
+                colorMap: u,
+                inline: c,
                 titleClassName: q,
                 valueClassName: P,
-                className: u
+                className: v
               }
-            ), f = i ? /* @__PURE__ */ t(
+            ), d = o ? /* @__PURE__ */ t(
               "button",
               {
                 type: "button",
-                onClick: () => i(e, s),
-                className: F,
-                children: r
+                onClick: () => o(e, l),
+                className: y,
+                children: n
               }
-            ) : r, l = C?.[e];
-            return l ? /* @__PURE__ */ t(
+            ) : n, s = C?.[e];
+            return s ? /* @__PURE__ */ t(
               g,
               {
-                tooltip: l,
+                tooltip: s,
                 triggerClassName: "flex flex-col",
-                children: f
+                children: d
               },
               e
-            ) : /* @__PURE__ */ t(I, { children: f }, e);
+            ) : /* @__PURE__ */ t(Q, { children: d }, e);
           })
         }
       )
@@ -136,5 +138,5 @@ const V = ({
   );
 };
 export {
-  V as DialAnalyticsBarGroup
+  k as DialAnalyticsBarGroup
 };

package/dist/components/Grid/constants.js

@@ -1,7 +1,7 @@
 const o = "h-full w-full", e = ".ag-checkbox-input", t = {
   accentColor: "var(--bg-control-accent, var(--bg-accent-primary, #5C8DEA))",
-  backgroundColor: "var(--bg-layer-raised, var(--bg-layer-3, #FCFCFC))",
-  oddRowBackgroundColor: "var(--bg-layer-sunken, var(--bg-layer-2, #EEF1F7))",
+  backgroundColor: "var(--bg-layer-3, #FCFCFC)",
+  oddRowBackgroundColor: "var(--bg-layer-2, #EEF1F7)",
   // The row tint has to stay translucent: the row it paints carries body text
   // and a checkbox filled with `accentColor`, so an opaque accent hides both.
   // `--bg-accent-primary-alpha` is the tint every other 1.0 control hovers

package/dist/components/MarkdownEditor/MarkdownEditorContainer.js

@@ -1,28 +1,26 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import { useId as g, useState as x, useEffect as J, useCallback as u } from "react";
-import "../../constants/editor.js";
-import { EditorThemes as S } from "../../types/editor.js";
-import "@monaco-editor/react";
-import { DialSwitch as b } from "../Switch/Switch.js";
+import { DialSwitch as S } from "../Switch/Switch.js";
+import { EditorThemes as b } from "../../types/editor.js";
 import { DialMarkdownEditor as v } from "./MarkdownEditor.js";
 import { DialLabel as y } from "../Label/Label.js";
-const $ = ({
+const z = ({
   value: s,
   onChangeValue: l,
-  label: t,
+  label: i,
   headerContent: d,
   switcherLabel: a,
   height: c = 300,
-  theme: m = S.dark,
+  theme: m = b.dark,
   onValidateJSON: f,
   preview: C = "edit"
 }) => {
-  const N = g(), [i, w] = x(!1), [p, D] = x(null);
+  const N = g(), [n, w] = x(!1), [p, D] = x(null);
   J(() => {
-    i && typeof window < "u" && import("../JsonEditor/JsonEditor.js").then((o) => {
+    n && typeof window < "u" && import("../JsonEditor/JsonEditor.js").then((o) => {
       D(() => o.DialJsonEditor);
     });
-  }, [i]);
+  }, [n]);
   const h = u(
     (o) => {
       l?.(o);
@@ -33,16 +31,16 @@ const $ = ({
       f?.(o);
     },
     [f]
-  ), n = !!a;
+  ), t = !!a;
   return /* @__PURE__ */ e("div", { className: "size-full flex flex-col", children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-8", children: /* @__PURE__ */ r("div", { children: [
-    (t || d || n) && /* @__PURE__ */ r("div", { className: "flex justify-between items-center mb-2", children: [
-      t && /* @__PURE__ */ e(y, { label: t }),
+    (i || d || t) && /* @__PURE__ */ r("div", { className: "flex justify-between items-center mb-2", children: [
+      i && /* @__PURE__ */ e(y, { label: i }),
       /* @__PURE__ */ r("div", { className: "flex items-center gap-2 flex-1 justify-end", children: [
         d,
-        n && /* @__PURE__ */ e("label", { className: "flex items-center gap-2 cursor-pointer", children: /* @__PURE__ */ e(
-          b,
+        t && /* @__PURE__ */ e("label", { className: "flex items-center gap-2 cursor-pointer", children: /* @__PURE__ */ e(
+          S,
           {
-            isOn: i,
+            isOn: n,
             label: a,
             switchId: N,
             onChange: (o) => w(o)
@@ -50,7 +48,7 @@ const $ = ({
         ) })
       ] })
     ] }),
-    n && i ? /* @__PURE__ */ e(
+    t && n ? /* @__PURE__ */ e(
       "div",
       {
         className: "border border-primary rounded",
@@ -78,5 +76,5 @@ const $ = ({
   ] }) }) });
 };
 export {
-  $ as DialMarkdownEditorContainer
+  z as DialMarkdownEditorContainer
 };