@epam/ai-dial-ui-kit 0.15.0-dev.47 → 0.15.0-dev.49

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.
@@ -1 +1 @@
1
- "use strict";const r=require("./lazy-Cy9WobJf.cjs"),o={[r.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"}},[r.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"}}};exports.EDITOR_THEMES_CONFIG=o;
1
+ "use strict";const r=require("./lazy-4AJBZ-Eh.cjs"),o={[r.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"}},[r.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"}}};exports.EDITOR_THEMES_CONFIG=o;
package/dist/editors.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lazy-Cy9WobJf.cjs"),r=()=>Promise.resolve().then(()=>require("./MarkdownEditorContainer-DVPRplYf.cjs"));exports.EditorThemes=o.EditorThemes;exports.LazyDialJsonEditor=o.LazyDialJsonEditor;exports.LazyDialMarkdownEditor=o.LazyDialMarkdownEditor;exports.LazyMarkdownEditor=o.LazyMarkdownEditor;exports.LazyDialMarkdownEditorContainer=r;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lazy-4AJBZ-Eh.cjs"),r=()=>Promise.resolve().then(()=>require("./MarkdownEditorContainer-B4t1E65d.cjs"));exports.EditorThemes=o.EditorThemes;exports.LazyDialJsonEditor=o.LazyDialJsonEditor;exports.LazyDialMarkdownEditor=o.LazyDialMarkdownEditor;exports.LazyMarkdownEditor=o.LazyMarkdownEditor;exports.LazyDialMarkdownEditorContainer=r;
@@ -0,0 +1 @@
1
+ "use strict";var o=(r=>(r.dark="dark",r.light="light",r))(o||{});const e=()=>Promise.resolve().then(()=>require("./JsonEditor-Bqfq8lgO.cjs")),i=()=>Promise.resolve().then(()=>require("./MarkdownEditor-CjpaYr68.cjs")),a=()=>Promise.resolve().then(()=>require("./MarkdownEditor-CM2NGihS.cjs"));exports.EditorThemes=o;exports.LazyDialJsonEditor=e;exports.LazyDialMarkdownEditor=i;exports.LazyMarkdownEditor=a;
@@ -9,6 +9,7 @@ export interface DialMarkdownEditorProps {
9
9
  theme?: EditorThemes;
10
10
  className?: string;
11
11
  placeholder?: ReactNode;
12
+ showDragbar?: boolean;
12
13
  }
13
14
  /**
14
15
  * A Markdown editor component built on top of @uiw/react-md-editor.
@@ -32,5 +33,6 @@ export interface DialMarkdownEditorProps {
32
33
  * @param [placeholder] - Content to display when the editor is empty
33
34
  * @param [theme='dark'] - Theme for the editor ('light' or 'dark')
34
35
  * @param [className] - Additional CSS classes for the container
36
+ * @param [showDragbar=true] - Whether to show the bottom drag bar that resizes the editor height
35
37
  */
36
38
  export declare const DialMarkdownEditor: FC<DialMarkdownEditorProps>;
@@ -12,6 +12,7 @@ export interface DialMarkdownEditorContainerProps {
12
12
  theme?: EditorThemes;
13
13
  onValidateJSON?: OnValidate;
14
14
  preview?: PreviewType;
15
+ showDragbar?: boolean;
15
16
  }
16
17
  /**
17
18
  * A container component that combines Markdown and JSON editing capabilities
@@ -45,5 +46,6 @@ export interface DialMarkdownEditorContainerProps {
45
46
  * @param [theme='dark'] - Theme for the editor (EditorThemes.dark or EditorThemes.light)
46
47
  * @param [onValidateJSON] - Callback fired when JSON validation occurs
47
48
  * @param [preview='edit'] - Preview mode for Markdown editor
49
+ * @param [showDragbar=true] - Whether to show the Markdown editor's bottom drag bar that resizes its height
48
50
  */
49
51
  export declare const DialMarkdownEditorContainer: FC<DialMarkdownEditorContainerProps>;
@@ -47,6 +47,8 @@ export declare const DangerButton: FC<ButtonVariantProps>;
47
47
  * pill whose icons are stroked with the accent gradient
48
48
  * Design system 2.0
49
49
  *
50
+ * `iconBefore` defaults to a sparkles icon; pass `null` for a label-only pill.
51
+ *
50
52
  * An SVG stroke cannot take a CSS gradient, so the button renders its own
51
53
  * `linearGradient` with a per-instance id and hands it to its icons through
52
54
  * the `--dial-kit-starter-icon-stroke` custom property. Any icon that strokes
@@ -55,7 +57,6 @@ export declare const DangerButton: FC<ButtonVariantProps>;
55
57
  * ```tsx
56
58
  * <StarterButton
57
59
  * label="Summarize this document"
58
- * iconBefore={<IconSparkles />}
59
60
  * onClick={handleClick}
60
61
  * />
61
62
  * ```
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@epam/ai-dial-ui-kit",
3
- "version": "0.15.0-dev.47",
3
+ "version": "0.15.0-dev.49",
4
4
  "type": "module",
5
5
  "license": "Apache-2.0",
6
6
  "description": "A modern UI kit for building AI DIAL interfaces with React",
@@ -1 +0,0 @@
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-Cy9WobJf.cjs"),u=require("./merge-classes-BEJXjzkx.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;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react");require("./editor-Bc9xzKuR.cjs");const E=require("./lazy-Cy9WobJf.cjs");require("@monaco-editor/react");const m=require("./Switch-DE6MrcqJ.cjs"),N=require("./MarkdownEditor-CPzMv3lE.cjs"),b=({value:o,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-CpSpVa0v.cjs")).then(s=>{p(()=>s.DialJsonEditor)})},[t]);const h=n.useCallback(s=>{l?.(s)},[l]),S=n.useCallback(s=>{x?.(s)},[x]),r=!!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||r)&&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,r&&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)})})]})]}),r&&t?e.jsx("div",{className:"border border-primary rounded",style:{height:`${c}px`},children:f&&e.jsx(f,{value:o,onChange:h,onValidateJSON:S,currentTheme:u})}):e.jsx(N.DialMarkdownEditor,{value:o,onChange:h,height:c,preview:j,theme:u})]})})})};exports.DialMarkdownEditorContainer=b;
@@ -1 +0,0 @@
1
- "use strict";var o=(r=>(r.dark="dark",r.light="light",r))(o||{});const e=()=>Promise.resolve().then(()=>require("./JsonEditor-CpSpVa0v.cjs")),i=()=>Promise.resolve().then(()=>require("./MarkdownEditor-CPzMv3lE.cjs")),a=()=>Promise.resolve().then(()=>require("./MarkdownEditor-NYMcKLJy.cjs"));exports.EditorThemes=o;exports.LazyDialJsonEditor=e;exports.LazyDialMarkdownEditor=i;exports.LazyMarkdownEditor=a;