@epam/ai-dial-ui-kit 0.10.0-dev.5 → 0.10.0-dev.50
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/JsonEditor-YH9ZPKw-.cjs +1 -0
- package/dist/JsonEditor-v2s0mWhr.js +111 -0
- package/dist/MarkdownEditor-BFHNvv8r.cjs +1 -0
- package/dist/MarkdownEditor-DKoiHXsk.js +22 -0
- package/dist/components-manifest.json +272 -60
- package/dist/dial-ui-kit.cjs.js +1 -71
- package/dist/dial-ui-kit.es.js +124 -60530
- package/dist/editor-Ba3vCFHk.cjs +1 -0
- package/dist/editor-Cu1dRT39.js +4 -0
- package/dist/index-BvcK6KjC.js +61261 -0
- package/dist/index-CB7yYrTR.cjs +71 -0
- package/dist/index.css +2 -2
- package/dist/mcp-server.cjs +9 -0
- package/dist/src/components/Alert/Alert.d.ts +8 -6
- package/dist/src/components/Alert/constants.d.ts +1 -1
- package/dist/src/components/Button/ButtonWrappers.d.ts +15 -0
- package/dist/src/components/Dropdown/Dropdown.d.ts +0 -47
- package/dist/src/components/Dropdown/DropdownSubMenuItem.d.ts +8 -0
- package/dist/src/components/FileManager/FileManager.d.ts +0 -4
- package/dist/src/components/FileManager/FileManagerContext.d.ts +6 -2
- package/dist/src/components/FileManager/FileManagerTooltip.d.ts +3 -2
- package/dist/src/components/FileManager/components/FileManagerItemName/FileManagerItemName.d.ts +3 -0
- package/dist/src/components/FileManager/components/FileManagerToolbar/DialFileManagerToolbar.d.ts +2 -2
- package/dist/src/components/FileManager/components/FoldersTree/FoldersTree.d.ts +8 -0
- package/dist/src/components/FileManager/components/FoldersTree/constants.d.ts +1 -0
- package/dist/src/components/FileManager/constants.d.ts +1 -0
- package/dist/src/components/FileManager/hooks/use-file-manager-columns.d.ts +1 -0
- package/dist/src/components/FileManager/hooks/use-folder-creation.d.ts +8 -1
- package/dist/src/components/FileManager/hooks/use-grid-context-menu.d.ts +3 -3
- package/dist/src/components/FileManager/hooks/use-trigger-view-create-folder.d.ts +26 -0
- package/dist/src/components/FileManager/utils.d.ts +7 -1
- package/dist/src/components/FormItem/constants.d.ts +1 -1
- package/dist/src/components/Pagination/Pagination.d.ts +8 -0
- package/dist/src/components/Pagination/utils.d.ts +5 -0
- package/dist/src/components/ProgressBar/ProgressBar.d.ts +13 -0
- package/dist/src/components/SchemaRenderer/components/SchemaField.d.ts +1 -0
- package/dist/src/components/SchemaRenderer/components/SchemaObjectEditor.d.ts +1 -1
- package/dist/src/components/SchemaRenderer/context.d.ts +1 -0
- package/dist/src/components/SchemaRenderer/types.d.ts +9 -1
- package/dist/src/components/SchemaRenderer/utils.d.ts +1 -0
- package/dist/src/components/Select/SelectSubMenuItem.d.ts +8 -0
- package/dist/src/components/Select/constants.d.ts +1 -0
- package/dist/src/components/Spinner/Spinner.d.ts +8 -0
- package/dist/src/hooks/use-editable-item.d.ts +5 -1
- package/dist/src/index.d.ts +10 -1
- package/dist/src/mcp/types.d.ts +7 -0
- package/dist/src/models/dropdown.d.ts +1 -0
- package/dist/src/models/select.d.ts +1 -0
- package/dist/src/types/alert.d.ts +2 -1
- package/dist/src/types/file-manager.d.ts +9 -0
- package/dist/src/utils/mobile.d.ts +2 -2
- package/dist/src/utils/sub-menu-floating.d.ts +51 -0
- package/package.json +5 -5
- /package/dist/{.cursor/hooks/post-write-verify.d.ts → src/components/Pagination/tests/utils.spec.d.ts} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index-CB7yYrTR.cjs"),o=require("./editor-Ba3vCFHk.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:t,onChange:n,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.jsxRuntimeExports.jsx(u.Editor,{beforeMount:a,height:"100%",defaultLanguage:"json",value:t,onChange:n,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;
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
import { j as l } from "./index-BvcK6KjC.js";
|
|
2
|
+
import { E as o } from "./editor-Cu1dRT39.js";
|
|
3
|
+
import { Editor as u } from "@monaco-editor/react";
|
|
4
|
+
const c = {
|
|
5
|
+
[o.dark]: {
|
|
6
|
+
base: "vs-dark",
|
|
7
|
+
inherit: !1,
|
|
8
|
+
rules: [
|
|
9
|
+
{ token: "string.key.json", foreground: "#37BABC" },
|
|
10
|
+
{ token: "string.value.json", foreground: "#5C8DEA" },
|
|
11
|
+
{ token: "number", foreground: "#D97C27" },
|
|
12
|
+
{ token: "keyword.json", foreground: "#F4CE46" },
|
|
13
|
+
{ token: "delimiter", foreground: "#EEF1F7" },
|
|
14
|
+
{ token: "delimiter.bracket.json", foreground: "#A972FF" },
|
|
15
|
+
{ token: "delimiter.parenthesis", foreground: "#A972FF" }
|
|
16
|
+
],
|
|
17
|
+
colors: {
|
|
18
|
+
"editor.foreground": "#F76464",
|
|
19
|
+
"editor.background": "#161B2D",
|
|
20
|
+
"editorCursor.foreground": "#EEF1F7",
|
|
21
|
+
"editor.selectionBackground": "#5C8DEA2B",
|
|
22
|
+
"editorLineNumber.foreground": "#242C42",
|
|
23
|
+
"scrollbarSlider.background": "#242C42",
|
|
24
|
+
"scrollbarSlider.hoverBackground": "#242C42",
|
|
25
|
+
"scrollbarSlider.activeBackground": "#242C42"
|
|
26
|
+
}
|
|
27
|
+
},
|
|
28
|
+
[o.light]: {
|
|
29
|
+
base: "vs",
|
|
30
|
+
inherit: !1,
|
|
31
|
+
rules: [
|
|
32
|
+
{ token: "string.key.json", foreground: "#009D9F" },
|
|
33
|
+
{ token: "string.value.json", foreground: "#2764D9" },
|
|
34
|
+
{ token: "number", foreground: "#B25500" },
|
|
35
|
+
{ token: "keyword.json", foreground: "#3F3D25" },
|
|
36
|
+
{ token: "delimiter", foreground: "#161B2D" },
|
|
37
|
+
{ token: "delimiter.bracket.json", foreground: "#7E39EC" },
|
|
38
|
+
{ token: "delimiter.parenthesis", foreground: "#7E39EC" }
|
|
39
|
+
],
|
|
40
|
+
colors: {
|
|
41
|
+
"editor.foreground": "#AE2F2F",
|
|
42
|
+
"editor.background": "#EEF1F7",
|
|
43
|
+
"editorCursor.foreground": "#161B2D",
|
|
44
|
+
"editor.selectionBackground": "#5C8DEA2B",
|
|
45
|
+
"editorLineNumber.foreground": "#242C42",
|
|
46
|
+
"scrollbarSlider.background": "#242C42",
|
|
47
|
+
"scrollbarSlider.hoverBackground": "#242C42",
|
|
48
|
+
"scrollbarSlider.activeBackground": "#242C42"
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
}, m = ({
|
|
52
|
+
value: n,
|
|
53
|
+
onChange: t,
|
|
54
|
+
onValidateJSON: i,
|
|
55
|
+
options: s,
|
|
56
|
+
currentTheme: e,
|
|
57
|
+
themesConfig: d = c
|
|
58
|
+
}) => {
|
|
59
|
+
function a(r) {
|
|
60
|
+
r?.editor?.defineTheme(
|
|
61
|
+
e,
|
|
62
|
+
d[e]
|
|
63
|
+
), r.languages.json.jsonDefaults.setDiagnosticsOptions({
|
|
64
|
+
validate: !0,
|
|
65
|
+
enableSchemaRequest: !1,
|
|
66
|
+
schemas: [
|
|
67
|
+
{
|
|
68
|
+
uri: "http://custom-schema/object-required.json",
|
|
69
|
+
fileMatch: ["*"],
|
|
70
|
+
schema: {
|
|
71
|
+
type: "object",
|
|
72
|
+
description: "Top-level value must be an object",
|
|
73
|
+
additionalProperties: !0
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
]
|
|
77
|
+
});
|
|
78
|
+
}
|
|
79
|
+
return /* @__PURE__ */ l.jsx(
|
|
80
|
+
u,
|
|
81
|
+
{
|
|
82
|
+
beforeMount: a,
|
|
83
|
+
height: "100%",
|
|
84
|
+
defaultLanguage: "json",
|
|
85
|
+
value: n,
|
|
86
|
+
onChange: t,
|
|
87
|
+
theme: e,
|
|
88
|
+
onValidate: i,
|
|
89
|
+
options: {
|
|
90
|
+
minimap: { enabled: !1 },
|
|
91
|
+
formatOnType: !0,
|
|
92
|
+
formatOnPaste: !0,
|
|
93
|
+
selectOnLineNumbers: !1,
|
|
94
|
+
automaticLayout: !0,
|
|
95
|
+
scrollBeyondLastLine: !1,
|
|
96
|
+
wordWrap: "on",
|
|
97
|
+
smoothScrolling: !0,
|
|
98
|
+
overviewRulerLanes: 0,
|
|
99
|
+
scrollbar: {
|
|
100
|
+
horizontal: "hidden",
|
|
101
|
+
verticalScrollbarSize: 4,
|
|
102
|
+
verticalSliderSize: 4
|
|
103
|
+
},
|
|
104
|
+
...s ?? {}
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
);
|
|
108
|
+
};
|
|
109
|
+
export {
|
|
110
|
+
m as DialJsonEditor
|
|
111
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CB7yYrTR.cjs"),a=require("./editor-Ba3vCFHk.cjs"),u=require("@uiw/react-md-editor"),c=({value:r,onChange:t,height:o=300,preview:i="edit",theme:d=a.EditorThemes.dark,className:n})=>e.jsxRuntimeExports.jsx("div",{"data-color-mode":d,className:n,children:e.jsxRuntimeExports.jsx(u,{value:r,onChange:s=>t?.(s||""),height:o,preview:i})});exports.DialMarkdownEditor=c;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { j as o } from "./index-BvcK6KjC.js";
|
|
2
|
+
import { E as s } from "./editor-Cu1dRT39.js";
|
|
3
|
+
import n from "@uiw/react-md-editor";
|
|
4
|
+
const j = ({
|
|
5
|
+
value: r,
|
|
6
|
+
onChange: t,
|
|
7
|
+
height: i = 300,
|
|
8
|
+
preview: d = "edit",
|
|
9
|
+
theme: e = s.dark,
|
|
10
|
+
className: m
|
|
11
|
+
}) => /* @__PURE__ */ o.jsx("div", { "data-color-mode": e, className: m, children: /* @__PURE__ */ o.jsx(
|
|
12
|
+
n,
|
|
13
|
+
{
|
|
14
|
+
value: r,
|
|
15
|
+
onChange: (a) => t?.(a || ""),
|
|
16
|
+
height: i,
|
|
17
|
+
preview: d
|
|
18
|
+
}
|
|
19
|
+
) });
|
|
20
|
+
export {
|
|
21
|
+
j as DialMarkdownEditor
|
|
22
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "0.10.0-dev.
|
|
3
|
-
"generatedAt": "2026-05-
|
|
2
|
+
"version": "0.10.0-dev.50",
|
|
3
|
+
"generatedAt": "2026-05-19T11:03:03.066Z",
|
|
4
4
|
"kit": {
|
|
5
5
|
"name": "@epam/ai-dial-ui-kit",
|
|
6
6
|
"description": "A modern UI kit for building AI DIAL interfaces with React",
|
|
@@ -109,7 +109,7 @@
|
|
|
109
109
|
},
|
|
110
110
|
{
|
|
111
111
|
"name": "DialAlert",
|
|
112
|
-
"category": "
|
|
112
|
+
"category": "Elements",
|
|
113
113
|
"description": "A contextual feedback component for displaying important messages.\naliases: Notification|StatusBanner\n\nRenders a colored container with an icon, message text, and an optional\nclose button.",
|
|
114
114
|
"props": [
|
|
115
115
|
{
|
|
@@ -119,6 +119,12 @@
|
|
|
119
119
|
"defaultValue": "AlertVariant.Info",
|
|
120
120
|
"description": "Defines the visual style and icon of the alert"
|
|
121
121
|
},
|
|
122
|
+
{
|
|
123
|
+
"name": "title",
|
|
124
|
+
"type": "ReactNode",
|
|
125
|
+
"required": false,
|
|
126
|
+
"description": "Optional heading displayed above the message in semibold"
|
|
127
|
+
},
|
|
122
128
|
{
|
|
123
129
|
"name": "message",
|
|
124
130
|
"type": "ReactNode",
|
|
@@ -154,7 +160,7 @@
|
|
|
154
160
|
}
|
|
155
161
|
],
|
|
156
162
|
"examples": [
|
|
157
|
-
"<DialAlert\n variant={AlertVariant.Info}\n message=\"This is an info alert.\"\n/>\n\n<DialAlert\n variant={AlertVariant.Success}\n message=\"Changes saved successfully.\"\n/>\n\n<DialAlert\n variant={AlertVariant.Error}\n closable\n message=\"Something went wrong.\"\n onClose={(e) => console.log('closed', e)}\n/>\n\n<DialAlert\n variant={AlertVariant.
|
|
163
|
+
"<DialAlert\n variant={AlertVariant.Info}\n message=\"This is an info alert.\"\n/>\n\n<DialAlert\n variant={AlertVariant.Success}\n title=\"Saved\"\n message=\"Changes saved successfully.\"\n/>\n\n<DialAlert\n variant={AlertVariant.Error}\n closable\n message=\"Something went wrong.\"\n onClose={(e) => console.log('closed', e)}\n/>\n\n<DialAlert\n variant={AlertVariant.Loading}\n title=\"Processing\"\n message=\"Please wait...\"\n/>"
|
|
158
164
|
],
|
|
159
165
|
"sourceFile": "components/Alert/Alert.tsx"
|
|
160
166
|
},
|
|
@@ -202,6 +208,104 @@
|
|
|
202
208
|
],
|
|
203
209
|
"sourceFile": "components/Loader/Loader.tsx"
|
|
204
210
|
},
|
|
211
|
+
{
|
|
212
|
+
"name": "DialSpinner",
|
|
213
|
+
"category": "Status",
|
|
214
|
+
"description": "",
|
|
215
|
+
"props": [
|
|
216
|
+
{
|
|
217
|
+
"name": "size",
|
|
218
|
+
"type": "number",
|
|
219
|
+
"required": false,
|
|
220
|
+
"defaultValue": "24"
|
|
221
|
+
},
|
|
222
|
+
{
|
|
223
|
+
"name": "className",
|
|
224
|
+
"type": "string",
|
|
225
|
+
"required": false
|
|
226
|
+
},
|
|
227
|
+
{
|
|
228
|
+
"name": "fullWidth",
|
|
229
|
+
"type": "boolean",
|
|
230
|
+
"required": false,
|
|
231
|
+
"defaultValue": "false"
|
|
232
|
+
},
|
|
233
|
+
{
|
|
234
|
+
"name": "ariaLabel",
|
|
235
|
+
"type": "string",
|
|
236
|
+
"required": false,
|
|
237
|
+
"defaultValue": "'Loading'"
|
|
238
|
+
}
|
|
239
|
+
],
|
|
240
|
+
"examples": [],
|
|
241
|
+
"sourceFile": "components/Spinner/Spinner.tsx"
|
|
242
|
+
},
|
|
243
|
+
{
|
|
244
|
+
"name": "DialProgressBar",
|
|
245
|
+
"category": "Status",
|
|
246
|
+
"description": "",
|
|
247
|
+
"props": [
|
|
248
|
+
{
|
|
249
|
+
"name": "value",
|
|
250
|
+
"type": "number",
|
|
251
|
+
"required": true
|
|
252
|
+
},
|
|
253
|
+
{
|
|
254
|
+
"name": "max",
|
|
255
|
+
"type": "number",
|
|
256
|
+
"required": false,
|
|
257
|
+
"defaultValue": "100"
|
|
258
|
+
},
|
|
259
|
+
{
|
|
260
|
+
"name": "size",
|
|
261
|
+
"type": "DialProgressBarSize",
|
|
262
|
+
"required": false,
|
|
263
|
+
"defaultValue": "DialProgressBarSize.Medium"
|
|
264
|
+
},
|
|
265
|
+
{
|
|
266
|
+
"name": "className",
|
|
267
|
+
"type": "string",
|
|
268
|
+
"required": false
|
|
269
|
+
},
|
|
270
|
+
{
|
|
271
|
+
"name": "ariaLabel",
|
|
272
|
+
"type": "string",
|
|
273
|
+
"required": false,
|
|
274
|
+
"defaultValue": "'Progress'"
|
|
275
|
+
}
|
|
276
|
+
],
|
|
277
|
+
"examples": [],
|
|
278
|
+
"sourceFile": "components/ProgressBar/ProgressBar.tsx"
|
|
279
|
+
},
|
|
280
|
+
{
|
|
281
|
+
"name": "DialPagination",
|
|
282
|
+
"category": "Navigation",
|
|
283
|
+
"description": "",
|
|
284
|
+
"props": [
|
|
285
|
+
{
|
|
286
|
+
"name": "page",
|
|
287
|
+
"type": "number",
|
|
288
|
+
"required": true
|
|
289
|
+
},
|
|
290
|
+
{
|
|
291
|
+
"name": "totalPages",
|
|
292
|
+
"type": "number",
|
|
293
|
+
"required": true
|
|
294
|
+
},
|
|
295
|
+
{
|
|
296
|
+
"name": "onPageChange",
|
|
297
|
+
"type": "(page: number) => void",
|
|
298
|
+
"required": true
|
|
299
|
+
},
|
|
300
|
+
{
|
|
301
|
+
"name": "className",
|
|
302
|
+
"type": "string",
|
|
303
|
+
"required": false
|
|
304
|
+
}
|
|
305
|
+
],
|
|
306
|
+
"examples": [],
|
|
307
|
+
"sourceFile": "components/Pagination/Pagination.tsx"
|
|
308
|
+
},
|
|
205
309
|
{
|
|
206
310
|
"name": "DialCheckbox",
|
|
207
311
|
"category": "Form",
|
|
@@ -1771,6 +1875,23 @@
|
|
|
1771
1875
|
],
|
|
1772
1876
|
"sourceFile": "components/Button/ButtonWrappers.tsx"
|
|
1773
1877
|
},
|
|
1878
|
+
{
|
|
1879
|
+
"name": "DialRoundedButton",
|
|
1880
|
+
"category": "Elements/Buttons",
|
|
1881
|
+
"description": "A pill-shaped neutral button with an optional selected state.",
|
|
1882
|
+
"props": [
|
|
1883
|
+
{
|
|
1884
|
+
"name": "selected",
|
|
1885
|
+
"type": "boolean",
|
|
1886
|
+
"required": false,
|
|
1887
|
+
"description": "Applies accent-primary tint and border when true"
|
|
1888
|
+
}
|
|
1889
|
+
],
|
|
1890
|
+
"examples": [
|
|
1891
|
+
"<DialRoundedButton label=\"Tag\" selected={isActive} onClick={handleClick} />"
|
|
1892
|
+
],
|
|
1893
|
+
"sourceFile": "components/Button/ButtonWrappers.tsx"
|
|
1894
|
+
},
|
|
1774
1895
|
{
|
|
1775
1896
|
"name": "DialErrorIconButton",
|
|
1776
1897
|
"category": "Elements/Buttons",
|
|
@@ -3016,133 +3137,112 @@
|
|
|
3016
3137
|
{
|
|
3017
3138
|
"name": "DialDropdown",
|
|
3018
3139
|
"category": "Dropdown",
|
|
3019
|
-
"description": "
|
|
3140
|
+
"description": "",
|
|
3020
3141
|
"props": [
|
|
3021
3142
|
{
|
|
3022
3143
|
"name": "children",
|
|
3023
3144
|
"type": "ReactNode",
|
|
3024
|
-
"required": true
|
|
3025
|
-
"description": "Trigger element(s) to anchor and open the menu"
|
|
3145
|
+
"required": true
|
|
3026
3146
|
},
|
|
3027
3147
|
{
|
|
3028
3148
|
"name": "menu",
|
|
3029
3149
|
"type": "DropdownMenuProps",
|
|
3030
|
-
"required": false
|
|
3031
|
-
"description": "Items-based menu definition"
|
|
3150
|
+
"required": false
|
|
3032
3151
|
},
|
|
3033
3152
|
{
|
|
3034
3153
|
"name": "renderOverlay",
|
|
3035
3154
|
"type": "() => ReactNode",
|
|
3036
|
-
"required": false
|
|
3037
|
-
"description": "Render function for fully custom overlay content (ignored when `menu` is provided)"
|
|
3155
|
+
"required": false
|
|
3038
3156
|
},
|
|
3039
3157
|
{
|
|
3040
3158
|
"name": "trigger",
|
|
3041
3159
|
"type": "DropdownTrigger[]",
|
|
3042
3160
|
"required": false,
|
|
3043
|
-
"defaultValue": "[DropdownTrigger.Click]"
|
|
3044
|
-
"description": "Interactions that open the menu"
|
|
3161
|
+
"defaultValue": "[DropdownTrigger.Click]"
|
|
3045
3162
|
},
|
|
3046
3163
|
{
|
|
3047
3164
|
"name": "placement",
|
|
3048
3165
|
"type": "Placement",
|
|
3049
|
-
"required": false
|
|
3050
|
-
"description": "Floating UI placement string; when omitted, auto placement is used"
|
|
3166
|
+
"required": false
|
|
3051
3167
|
},
|
|
3052
3168
|
{
|
|
3053
3169
|
"name": "allowedPlacements",
|
|
3054
3170
|
"type": "Placement[]",
|
|
3055
|
-
"required": false
|
|
3056
|
-
"description": "Restricts the allowed placements"
|
|
3171
|
+
"required": false
|
|
3057
3172
|
},
|
|
3058
3173
|
{
|
|
3059
3174
|
"name": "disabled",
|
|
3060
3175
|
"type": "boolean",
|
|
3061
3176
|
"required": false,
|
|
3062
|
-
"defaultValue": "false"
|
|
3063
|
-
"description": "Disables interaction and prevents opening"
|
|
3177
|
+
"defaultValue": "false"
|
|
3064
3178
|
},
|
|
3065
3179
|
{
|
|
3066
3180
|
"name": "open",
|
|
3067
3181
|
"type": "boolean",
|
|
3068
|
-
"required": false
|
|
3069
|
-
"description": "Controlled open state (when provided, `defaultOpen` is ignored)"
|
|
3182
|
+
"required": false
|
|
3070
3183
|
},
|
|
3071
3184
|
{
|
|
3072
3185
|
"name": "defaultOpen",
|
|
3073
3186
|
"type": "boolean",
|
|
3074
3187
|
"required": false,
|
|
3075
|
-
"defaultValue": "false"
|
|
3076
|
-
"description": "Initial open state in uncontrolled mode"
|
|
3188
|
+
"defaultValue": "false"
|
|
3077
3189
|
},
|
|
3078
3190
|
{
|
|
3079
3191
|
"name": "onOpenChange",
|
|
3080
3192
|
"type": "(open: boolean) => void",
|
|
3081
|
-
"required": false
|
|
3082
|
-
"description": "Fired whenever the open state changes"
|
|
3193
|
+
"required": false
|
|
3083
3194
|
},
|
|
3084
3195
|
{
|
|
3085
3196
|
"name": "closable",
|
|
3086
3197
|
"type": "boolean",
|
|
3087
3198
|
"required": false,
|
|
3088
|
-
"defaultValue": "false"
|
|
3089
|
-
"description": "Whether the overlay shows an internal close button"
|
|
3199
|
+
"defaultValue": "false"
|
|
3090
3200
|
},
|
|
3091
3201
|
{
|
|
3092
3202
|
"name": "onClose",
|
|
3093
3203
|
"type": "(e: MouseEvent<HTMLButtonElement>) => void",
|
|
3094
|
-
"required": false
|
|
3095
|
-
"description": "Fired when the close button inside the overlay is clicked"
|
|
3204
|
+
"required": false
|
|
3096
3205
|
},
|
|
3097
3206
|
{
|
|
3098
3207
|
"name": "className",
|
|
3099
3208
|
"type": "string",
|
|
3100
|
-
"required": false
|
|
3101
|
-
"description": "Additional CSS classes applied to the trigger wrapper"
|
|
3209
|
+
"required": false
|
|
3102
3210
|
},
|
|
3103
3211
|
{
|
|
3104
3212
|
"name": "listClassName",
|
|
3105
3213
|
"type": "string",
|
|
3106
|
-
"required": false
|
|
3107
|
-
"description": "Additional CSS classes applied to the floating overlay"
|
|
3214
|
+
"required": false
|
|
3108
3215
|
},
|
|
3109
3216
|
{
|
|
3110
3217
|
"name": "outsidePressIgnoreRef",
|
|
3111
3218
|
"type": "RefObject<HTMLElement | null>",
|
|
3112
|
-
"required": false
|
|
3113
|
-
"description": "Ref to an element that should not trigger outside press behavior"
|
|
3219
|
+
"required": false
|
|
3114
3220
|
},
|
|
3115
3221
|
{
|
|
3116
3222
|
"name": "outsideClosable",
|
|
3117
3223
|
"type": "boolean",
|
|
3118
3224
|
"required": false,
|
|
3119
|
-
"defaultValue": "true"
|
|
3120
|
-
"description": "Whether clicks outside the overlay should close it"
|
|
3225
|
+
"defaultValue": "true"
|
|
3121
3226
|
},
|
|
3122
3227
|
{
|
|
3123
3228
|
"name": "anchorToMouse",
|
|
3124
3229
|
"type": "boolean",
|
|
3125
3230
|
"required": false,
|
|
3126
|
-
"defaultValue": "false"
|
|
3127
|
-
"description": "Whether to anchor the dropdown to the mouse position"
|
|
3231
|
+
"defaultValue": "false"
|
|
3128
3232
|
},
|
|
3129
3233
|
{
|
|
3130
3234
|
"name": "matchReferenceWidth",
|
|
3131
3235
|
"type": "boolean",
|
|
3132
3236
|
"required": false,
|
|
3133
|
-
"defaultValue": "true"
|
|
3134
|
-
"description": "Whether to match the reference element's width"
|
|
3237
|
+
"defaultValue": "true"
|
|
3135
3238
|
},
|
|
3136
3239
|
{
|
|
3137
3240
|
"name": "maxDropdownHeight",
|
|
3138
3241
|
"type": "number | null",
|
|
3139
|
-
"required": false
|
|
3140
|
-
"description": "Maximum height of the dropdown menu; when omitted, no limit is applied"
|
|
3242
|
+
"required": false
|
|
3141
3243
|
}
|
|
3142
3244
|
],
|
|
3143
|
-
"examples": [
|
|
3144
|
-
"// Simple items menu\n<DialDropdown menu={{ items: [{ key: 'profile', label: 'Profile' }, { key: 'logout', label: 'Logout' }] }}>\n <button type=\"button\" className=\"px-3 py-2 rounded border\">Open</button>\n</DialDropdown>\n\n// Hover trigger\n<DialDropdown trigger={[DropdownTrigger.Hover]} placement=\"bottom-end\" menu={{ items }}>\n <button type=\"button\" className=\"px-3 py-2 rounded border\">Hover me</button>\n</DialDropdown>\n\n// Custom overlay content\n<DialDropdown closable renderOverlay={() => <div className=\"p-3\">Custom content</div>}>\n <button type=\"button\" className=\"px-3 py-2 rounded border\">Custom</button>\n</DialDropdown>"
|
|
3145
|
-
],
|
|
3245
|
+
"examples": [],
|
|
3146
3246
|
"sourceFile": "components/Dropdown/Dropdown.tsx"
|
|
3147
3247
|
},
|
|
3148
3248
|
{
|
|
@@ -3369,18 +3469,6 @@
|
|
|
3369
3469
|
"required": false,
|
|
3370
3470
|
"description": "Callback fired when files are downloaded"
|
|
3371
3471
|
},
|
|
3372
|
-
{
|
|
3373
|
-
"name": "onAddSibling",
|
|
3374
|
-
"type": "(items: DialFile[]) => void",
|
|
3375
|
-
"required": false,
|
|
3376
|
-
"description": "Callback fired when when a new folder is added as a sibling to the selected folder"
|
|
3377
|
-
},
|
|
3378
|
-
{
|
|
3379
|
-
"name": "onAddChild",
|
|
3380
|
-
"type": "(items: DialFile[]) => void",
|
|
3381
|
-
"required": false,
|
|
3382
|
-
"description": "Callback fired when when a new folder is added as a child to the selected folder"
|
|
3383
|
-
},
|
|
3384
3472
|
{
|
|
3385
3473
|
"name": "onRenameValidate",
|
|
3386
3474
|
"type": "(value: string, item: DialFile) => string | null",
|
|
@@ -3649,6 +3737,114 @@
|
|
|
3649
3737
|
"<DialSchemaRenderer\n schema={mySchema}\n onChange={(v) => console.log(v)}\n onDefaultValues={(defaults) => console.log(defaults)}\n/>"
|
|
3650
3738
|
],
|
|
3651
3739
|
"sourceFile": "components/SchemaRenderer/SchemaRenderer.tsx"
|
|
3740
|
+
},
|
|
3741
|
+
{
|
|
3742
|
+
"name": "DialJsonEditor",
|
|
3743
|
+
"category": "Data Display",
|
|
3744
|
+
"description": "A JSON editor component built on top of Monaco Editor.\nProvides syntax highlighting, validation, and theme support for JSON editing.\n\nLazy-loaded component. This component is not exported directly from the UI kit to avoid errors when using with SSR. Use `LazyDialJsonEditor` and the manifest `lazy` field for dynamic import guidance.",
|
|
3745
|
+
"props": [
|
|
3746
|
+
{
|
|
3747
|
+
"name": "value",
|
|
3748
|
+
"type": "string | undefined",
|
|
3749
|
+
"required": false,
|
|
3750
|
+
"description": "The JSON string value to edit"
|
|
3751
|
+
},
|
|
3752
|
+
{
|
|
3753
|
+
"name": "currentTheme",
|
|
3754
|
+
"type": "string",
|
|
3755
|
+
"required": true,
|
|
3756
|
+
"description": "The theme to apply to the editor"
|
|
3757
|
+
},
|
|
3758
|
+
{
|
|
3759
|
+
"name": "themesConfig",
|
|
3760
|
+
"type": "Record<EditorThemes, editor.IStandaloneThemeData>",
|
|
3761
|
+
"required": false,
|
|
3762
|
+
"defaultValue": "EDITOR_THEMES_CONFIG",
|
|
3763
|
+
"description": "Custom theme configurations"
|
|
3764
|
+
},
|
|
3765
|
+
{
|
|
3766
|
+
"name": "onChange",
|
|
3767
|
+
"type": "(value: string | undefined) => void",
|
|
3768
|
+
"required": true,
|
|
3769
|
+
"description": "Callback fired when the editor content changes"
|
|
3770
|
+
},
|
|
3771
|
+
{
|
|
3772
|
+
"name": "onValidateJSON",
|
|
3773
|
+
"type": "OnValidate",
|
|
3774
|
+
"required": false,
|
|
3775
|
+
"description": "Callback fired when JSON validation occurs"
|
|
3776
|
+
},
|
|
3777
|
+
{
|
|
3778
|
+
"name": "options",
|
|
3779
|
+
"type": "editor.IStandaloneEditorConstructionOptions",
|
|
3780
|
+
"required": false,
|
|
3781
|
+
"description": "Additional Monaco editor options"
|
|
3782
|
+
}
|
|
3783
|
+
],
|
|
3784
|
+
"examples": [],
|
|
3785
|
+
"sourceFile": "components/JsonEditor/JsonEditor.tsx",
|
|
3786
|
+
"lazy": {
|
|
3787
|
+
"loaderExportName": "LazyDialJsonEditor",
|
|
3788
|
+
"packageImport": "@epam/ai-dial-ui-kit",
|
|
3789
|
+
"ssr": false,
|
|
3790
|
+
"nextDynamicExample": "import dynamic from 'next/dynamic';\nimport { LazyDialJsonEditor } from '@epam/ai-dial-ui-kit';\n\nconst DialJsonEditor = dynamic(\n async () => (await LazyDialJsonEditor()).DialJsonEditor,\n { ssr: false },\n);"
|
|
3791
|
+
}
|
|
3792
|
+
},
|
|
3793
|
+
{
|
|
3794
|
+
"name": "DialMarkdownEditor",
|
|
3795
|
+
"category": "Data Display",
|
|
3796
|
+
"description": "A Markdown editor component built on top of\n\nLazy-loaded component. This component is not exported directly from the UI kit to avoid errors when using with SSR. Use `LazyDialMarkdownEditor` and the manifest `lazy` field for dynamic import guidance.",
|
|
3797
|
+
"props": [
|
|
3798
|
+
{
|
|
3799
|
+
"name": "value",
|
|
3800
|
+
"type": "string",
|
|
3801
|
+
"required": false,
|
|
3802
|
+
"description": "The current markdown content"
|
|
3803
|
+
},
|
|
3804
|
+
{
|
|
3805
|
+
"name": "onChange",
|
|
3806
|
+
"type": "(value: string) => void",
|
|
3807
|
+
"required": false,
|
|
3808
|
+
"description": "Callback fired when the editor content changes"
|
|
3809
|
+
},
|
|
3810
|
+
{
|
|
3811
|
+
"name": "height",
|
|
3812
|
+
"type": "number",
|
|
3813
|
+
"required": false,
|
|
3814
|
+
"defaultValue": "300",
|
|
3815
|
+
"description": "Height of the editor in pixels"
|
|
3816
|
+
},
|
|
3817
|
+
{
|
|
3818
|
+
"name": "preview",
|
|
3819
|
+
"type": "PreviewType",
|
|
3820
|
+
"required": false,
|
|
3821
|
+
"defaultValue": "'edit'",
|
|
3822
|
+
"description": "Preview mode ('edit', 'live', 'preview')"
|
|
3823
|
+
},
|
|
3824
|
+
{
|
|
3825
|
+
"name": "theme",
|
|
3826
|
+
"type": "EditorThemes",
|
|
3827
|
+
"required": false,
|
|
3828
|
+
"defaultValue": "EditorThemes.dark",
|
|
3829
|
+
"description": "Theme for the editor ('light' or 'dark')"
|
|
3830
|
+
},
|
|
3831
|
+
{
|
|
3832
|
+
"name": "className",
|
|
3833
|
+
"type": "string",
|
|
3834
|
+
"required": false,
|
|
3835
|
+
"description": "Additional CSS classes for the container"
|
|
3836
|
+
}
|
|
3837
|
+
],
|
|
3838
|
+
"examples": [
|
|
3839
|
+
"<DialMarkdownEditor\nvalue=\"# Hello World\"\nonChange={(value) => console.log(value)}\nheight={400}\ntheme=\"dark\"\n/>"
|
|
3840
|
+
],
|
|
3841
|
+
"sourceFile": "components/MarkdownEditor/MarkdownEditor.tsx",
|
|
3842
|
+
"lazy": {
|
|
3843
|
+
"loaderExportName": "LazyDialMarkdownEditor",
|
|
3844
|
+
"packageImport": "@epam/ai-dial-ui-kit",
|
|
3845
|
+
"ssr": false,
|
|
3846
|
+
"nextDynamicExample": "import dynamic from 'next/dynamic';\nimport { LazyDialMarkdownEditor } from '@epam/ai-dial-ui-kit';\n\nconst DialMarkdownEditor = dynamic(\n async () => (await LazyDialMarkdownEditor()).DialMarkdownEditor,\n { ssr: false },\n);"
|
|
3847
|
+
}
|
|
3652
3848
|
}
|
|
3653
3849
|
],
|
|
3654
3850
|
"types": [
|
|
@@ -3797,6 +3993,10 @@
|
|
|
3797
3993
|
{
|
|
3798
3994
|
"name": "Error",
|
|
3799
3995
|
"value": "'error'"
|
|
3996
|
+
},
|
|
3997
|
+
{
|
|
3998
|
+
"name": "Loading",
|
|
3999
|
+
"value": "'loading'"
|
|
3800
4000
|
}
|
|
3801
4001
|
],
|
|
3802
4002
|
"sourceFile": "types/alert.ts"
|
|
@@ -4382,6 +4582,10 @@
|
|
|
4382
4582
|
{
|
|
4383
4583
|
"name": "icon?",
|
|
4384
4584
|
"value": "ReactNode"
|
|
4585
|
+
},
|
|
4586
|
+
{
|
|
4587
|
+
"name": "children?",
|
|
4588
|
+
"value": "SelectOption[]"
|
|
4385
4589
|
}
|
|
4386
4590
|
],
|
|
4387
4591
|
"sourceFile": "models/select.ts"
|
|
@@ -4448,6 +4652,10 @@
|
|
|
4448
4652
|
{
|
|
4449
4653
|
"name": "onClick?",
|
|
4450
4654
|
"value": "(info: { key: string; domEvent: MouseEvent }) => void"
|
|
4655
|
+
},
|
|
4656
|
+
{
|
|
4657
|
+
"name": "children?",
|
|
4658
|
+
"value": "DropdownItem[]"
|
|
4451
4659
|
}
|
|
4452
4660
|
],
|
|
4453
4661
|
"sourceFile": "models/dropdown.ts"
|
|
@@ -4730,6 +4938,10 @@
|
|
|
4730
4938
|
"name": "description?",
|
|
4731
4939
|
"value": "string"
|
|
4732
4940
|
},
|
|
4941
|
+
{
|
|
4942
|
+
"name": "isHidden?",
|
|
4943
|
+
"value": "boolean"
|
|
4944
|
+
},
|
|
4733
4945
|
{
|
|
4734
4946
|
"name": "isProtected?",
|
|
4735
4947
|
"value": "boolean"
|
|
@@ -4823,7 +5035,7 @@
|
|
|
4823
5035
|
"name": "useEditableItem",
|
|
4824
5036
|
"sourceFile": "hooks/use-editable-item.tsx",
|
|
4825
5037
|
"description": "A React hook that manages the behavior of an inline-editable text input.\nIt provides validation handling, cancel/restore logic, auto-focus behavior,\nkeyboard shortcuts, and outside-click detection.",
|
|
4826
|
-
"signature": "function useEditableItem({\n value: initialValue,\n isEditing,\n restoreOnCancel = true,\n onValidate,\n onSave,\n onCancel,\n}: UseEditableItemOptions): UseEditableItemResult"
|
|
5038
|
+
"signature": "function useEditableItem({\n value: initialValue,\n isEditing,\n isCreating,\n isLoading = false,\n restoreOnCancel = true,\n onValidate,\n onSave,\n onCancel,\n onCreateFolderSave,\n onCreateFolderCancel,\n}: UseEditableItemOptions): UseEditableItemResult"
|
|
4827
5039
|
},
|
|
4828
5040
|
{
|
|
4829
5041
|
"name": "FileManagerProvider",
|
|
@@ -4840,7 +5052,7 @@
|
|
|
4840
5052
|
{
|
|
4841
5053
|
"name": "SchemaRendererVariant",
|
|
4842
5054
|
"sourceFile": "components/SchemaRenderer/types.ts",
|
|
4843
|
-
"signature": "enum SchemaRendererVariant { Sections = 'sections', Flat = 'flat' }"
|
|
5055
|
+
"signature": "enum SchemaRendererVariant { Sections = 'sections', Flat = 'flat', FlatSections = 'flat-sections' }"
|
|
4844
5056
|
},
|
|
4845
5057
|
{
|
|
4846
5058
|
"name": "SchemaDisplayMode",
|