@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.
- package/dist/CHANGELOG.md +2 -0
- package/dist/{JsonEditor-CpSpVa0v.cjs → JsonEditor-Bqfq8lgO.cjs} +1 -1
- package/dist/{MarkdownEditor-NYMcKLJy.cjs → MarkdownEditor-CM2NGihS.cjs} +1 -1
- package/dist/MarkdownEditor-CjpaYr68.cjs +1 -0
- package/dist/MarkdownEditorContainer-B4t1E65d.cjs +1 -0
- package/dist/components/MarkdownEditor/MarkdownEditor.js +23 -21
- package/dist/components/MarkdownEditor/MarkdownEditorContainer.js +28 -26
- package/dist/components/New/Button/ButtonWrappers.js +58 -48
- package/dist/components-manifest.json +11 -4
- package/dist/dial-ui-kit.cjs +2 -2
- package/dist/{editor-Bc9xzKuR.cjs → editor-eZo55lDw.cjs} +1 -1
- package/dist/editors.cjs +1 -1
- package/dist/lazy-4AJBZ-Eh.cjs +1 -0
- package/dist/src/components/MarkdownEditor/MarkdownEditor.d.ts +2 -0
- package/dist/src/components/MarkdownEditor/MarkdownEditorContainer.d.ts +2 -0
- package/dist/src/components/New/Button/ButtonWrappers.d.ts +2 -1
- package/package.json +1 -1
- package/dist/MarkdownEditor-CPzMv3lE.cjs +0 -1
- package/dist/MarkdownEditorContainer-DVPRplYf.cjs +0 -1
- package/dist/lazy-Cy9WobJf.cjs +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const r=require("./lazy-
|
|
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-
|
|
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 +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;
|
package/dist/lazy-Cy9WobJf.cjs
DELETED
|
@@ -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;
|