@epam/ai-dial-ui-kit 0.15.0-dev.41 → 0.15.0-dev.42
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/README.md +1 -0
- package/dist/CHANGELOG.md +2 -0
- package/dist/{DateCellRenderer-DFknFcs1.cjs → DateCellRenderer-ChqbDlQ2.cjs} +1 -1
- package/dist/{DateCellRenderer-J9A5gyDz.cjs → DateCellRenderer-Cl_mNbi1.cjs} +2 -2
- package/dist/JsonEditor-CpSpVa0v.cjs +1 -0
- package/dist/{MarkdownEditor-FVzYMdkC.cjs → MarkdownEditor-CPzMv3lE.cjs} +1 -1
- package/dist/{MarkdownEditor-C7BONfsl.cjs → MarkdownEditor-NYMcKLJy.cjs} +1 -1
- package/dist/MarkdownEditorContainer-DVPRplYf.cjs +1 -0
- package/dist/components/MarkdownEditor/MarkdownEditorContainer.js +18 -16
- package/dist/components/New/AutocompleteTagInput/AutocompleteTagInput.js +206 -0
- package/dist/components/New/AutocompleteTagInput/utils.js +11 -0
- package/dist/components-manifest.json +166 -3
- package/dist/constants/public-class-names.js +2 -0
- package/dist/dial-ui-kit.cjs +2 -2
- package/dist/dial-ui-kit.js +87 -85
- package/dist/editor-Bc9xzKuR.cjs +1 -0
- package/dist/editors.cjs +1 -1
- package/dist/file-manager.cjs +1 -1
- package/dist/grid.cjs +1 -1
- package/dist/lazy-Cy9WobJf.cjs +1 -0
- package/dist/src/components/New/AutocompleteTagInput/AutocompleteTagInput.d.ts +97 -0
- package/dist/src/components/New/AutocompleteTagInput/utils.d.ts +17 -0
- package/dist/src/components/New/AutocompleteTagInput/utils.spec.d.ts +1 -0
- package/dist/src/constants/public-class-names.d.ts +2 -0
- package/dist/src/index.d.ts +2 -0
- package/dist/{use-file-manager-tabs-Bj_ENNKt.cjs → use-file-manager-tabs-C-dMqEFy.cjs} +1 -1
- package/package.json +1 -1
- package/dist/JsonEditor-BDe6elKO.cjs +0 -1
- package/dist/MarkdownEditorContainer-GvlxX6kx.cjs +0 -1
- package/dist/lazy-BEsZqouS.cjs +0 -1
package/dist/dial-ui-kit.js
CHANGED
|
@@ -4,7 +4,7 @@ import { DialLabel as m } from "./components/Label/Label.js";
|
|
|
4
4
|
import { DialAccordion as f } from "./components/Accordion/Accordion.js";
|
|
5
5
|
import { DialIcon as x } from "./components/Icon/Icon.js";
|
|
6
6
|
import { DialNotification as T } from "./components/Notification/Notification.js";
|
|
7
|
-
import { DialLoader as
|
|
7
|
+
import { DialLoader as u } from "./components/Loader/Loader.js";
|
|
8
8
|
import { Spinner as S } from "./components/Spinner/Spinner.js";
|
|
9
9
|
import { ProgressBar as I } from "./components/ProgressBar/ProgressBar.js";
|
|
10
10
|
import { DialPagination as E } from "./components/Pagination/Pagination.js";
|
|
@@ -31,7 +31,7 @@ import { DialGrid as mo } from "./components/Grid/Grid.js";
|
|
|
31
31
|
import { DialDateCellRenderer as fo } from "./components/Grid/renderers/DateCellRenderer.js";
|
|
32
32
|
import { DEFAULT_DATE_FORMAT_OPTIONS as xo, DEFAULT_LOCALE as Do } from "./components/Grid/renderers/constants.js";
|
|
33
33
|
import { DialTabs as co } from "./components/Tabs/Tabs.js";
|
|
34
|
-
import { DialBreadcrumb as
|
|
34
|
+
import { DialBreadcrumb as so } from "./components/Breadcrumb/Breadcrumb.js";
|
|
35
35
|
import { DialBreadcrumbItem as Io } from "./components/Breadcrumb/BreadcrumbItem.js";
|
|
36
36
|
import { DialButton as Eo } from "./components/Button/Button.js";
|
|
37
37
|
import { DialIconButton as Co } from "./components/IconButton/IconButton.js";
|
|
@@ -52,7 +52,7 @@ import { DialRadioGroupPopupField as mr } from "./components/RadioGroupPopupFiel
|
|
|
52
52
|
import { DialFormPopup as fr } from "./components/FormPopup/FormPopup.js";
|
|
53
53
|
import { DialInput as xr } from "./components/Input/Input.js";
|
|
54
54
|
import { DialNumberInput as Tr } from "./components/NumberInput/NumberInput.js";
|
|
55
|
-
import { DialPasswordInput as
|
|
55
|
+
import { DialPasswordInput as ur } from "./components/PasswordInput/PasswordInput.js";
|
|
56
56
|
import { DialSearch as Sr } from "./components/Search/Search.js";
|
|
57
57
|
import { DialInputPopup as Ir } from "./components/InputPopup/InputPopup.js";
|
|
58
58
|
import { DialAutocompleteInputValue as Er } from "./components/AutocompleteInput/AutocompleteInputValue.js";
|
|
@@ -77,7 +77,7 @@ import { MenuItemMark as pe } from "./types/menu-item.js";
|
|
|
77
77
|
import { ElementSize as ne } from "./types/size.js";
|
|
78
78
|
import { ScreenResolution as le, TabOrientation as xe, TabView as De } from "./types/tab.js";
|
|
79
79
|
import { FormItemOrientation as ce } from "./types/form-item.js";
|
|
80
|
-
import { SelectSize as
|
|
80
|
+
import { SelectSize as se, SelectVariant as Se } from "./types/select.js";
|
|
81
81
|
import { DialFileManagerActions as Ie, DialFileManagerTabs as Ae, FileManagerColumnKey as Ee } from "./types/file-manager.js";
|
|
82
82
|
import { FlexibleActionsDirection as Ce } from "./types/flexible-actions.js";
|
|
83
83
|
import { DialItemType as Be } from "./types/item.js";
|
|
@@ -96,7 +96,7 @@ import { getTimezoneLabel as rt } from "./utils/timezone.js";
|
|
|
96
96
|
import { NAME_COLUMN as tt, SIZE_COLUMN as at, UPDATED_AT_COLUMN as it } from "./constants/file-grid-columns.js";
|
|
97
97
|
import { BASE_ICON_PROPS as mt, BASE_ICON_SIZE as nt, DIAL_ICON_SIZE as ft } from "./constants/icon.js";
|
|
98
98
|
import { NOT_ALLOWED_SPACES as xt, NOT_ALLOWED_SPACES_REGEXP as Dt, NOT_ALLOWED_SYMBOLS as Tt, NOT_ALLOWED_SYMBOLS_REGEXP as ct } from "./constants/validation.js";
|
|
99
|
-
import { DIAL_KIT_CLASS as
|
|
99
|
+
import { DIAL_KIT_CLASS as st } from "./constants/public-class-names.js";
|
|
100
100
|
import { DialSchemaRenderer as dt } from "./components/SchemaRenderer/SchemaRenderer.js";
|
|
101
101
|
import { JsonSchemaType as At, SchemaDisplayMode as Et, SchemaOrientation as _t, SchemaRendererVariant as Ct } from "./components/SchemaRenderer/types.js";
|
|
102
102
|
import { LazyDialJsonEditor as Bt } from "./components/JsonEditor/lazy.js";
|
|
@@ -112,7 +112,7 @@ import { FolderPath as ra } from "./components/New/FolderPath/FolderPath.js";
|
|
|
112
112
|
import { BreadcrumbsSize as ta } from "./types/breadcrumbs.js";
|
|
113
113
|
import { Breadcrumbs as ia } from "./components/New/Breadcrumbs/Breadcrumbs.js";
|
|
114
114
|
import { DangerButton as ma, GhostButton as na, LinkButton as fa, NeutralButton as la, OutlinedButton as xa, PrimaryButton as Da, StarterButton as Ta } from "./components/New/Button/ButtonWrappers.js";
|
|
115
|
-
import { DangerIconButton as
|
|
115
|
+
import { DangerIconButton as ua, GhostIconButton as sa, NeutralIconButton as Sa, PrimaryIconButton as da, StaticIconButton as Ia } from "./components/New/IconButton/IconButtonWrappers.js";
|
|
116
116
|
import { Button as Ea } from "./components/New/Button/Button.js";
|
|
117
117
|
import { IconButton as Ca } from "./components/New/IconButton/IconButton.js";
|
|
118
118
|
import { FabButton as Ba } from "./components/FabButton/FabButton.js";
|
|
@@ -135,7 +135,7 @@ import { ThemeScope as ii, useThemeScope as pi } from "./components/New/ThemeSco
|
|
|
135
135
|
import { MenuItem as ni } from "./components/New/MenuItem/MenuItem.js";
|
|
136
136
|
import { CaptionText as li, ErrorText as xi } from "./components/New/CaptionText/CaptionText.js";
|
|
137
137
|
import { Accordion as Ti } from "./components/New/Accordion/Accordion.js";
|
|
138
|
-
import { AccordionCaretPosition as
|
|
138
|
+
import { AccordionCaretPosition as ui } from "./types/accordion.js";
|
|
139
139
|
import { Switch as Si } from "./components/New/Switch/Switch.js";
|
|
140
140
|
import { Radio as Ii } from "./components/New/Radio/Radio.js";
|
|
141
141
|
import { RadioGroup as Ei } from "./components/New/RadioGroup/RadioGroup.js";
|
|
@@ -162,41 +162,43 @@ import { EntityType as np } from "./types/entity-type.js";
|
|
|
162
162
|
import { SideDrawer as lp } from "./components/New/SideDrawer/SideDrawer.js";
|
|
163
163
|
import { Tag as Dp } from "./components/New/Tag/Tag.js";
|
|
164
164
|
import { TagAppearance as cp } from "./types/tag.js";
|
|
165
|
-
import { TagInput as
|
|
166
|
-
import {
|
|
167
|
-
import {
|
|
168
|
-
import {
|
|
169
|
-
import {
|
|
170
|
-
import {
|
|
171
|
-
import {
|
|
172
|
-
import {
|
|
173
|
-
import {
|
|
174
|
-
import {
|
|
175
|
-
import {
|
|
176
|
-
import {
|
|
177
|
-
import {
|
|
178
|
-
import {
|
|
179
|
-
import {
|
|
180
|
-
import {
|
|
181
|
-
import {
|
|
182
|
-
import {
|
|
183
|
-
import {
|
|
184
|
-
import {
|
|
185
|
-
import {
|
|
186
|
-
import {
|
|
187
|
-
import {
|
|
188
|
-
import {
|
|
189
|
-
import {
|
|
190
|
-
import {
|
|
191
|
-
import {
|
|
192
|
-
import {
|
|
193
|
-
import {
|
|
194
|
-
import {
|
|
195
|
-
import {
|
|
165
|
+
import { TagInput as sp } from "./components/New/TagInput/TagInput.js";
|
|
166
|
+
import { AutocompleteTagInput as dp } from "./components/New/AutocompleteTagInput/AutocompleteTagInput.js";
|
|
167
|
+
import { Search as Ap } from "./components/New/Search/Search.js";
|
|
168
|
+
import { matchesAccept as _p } from "./utils/file-accept.js";
|
|
169
|
+
import { Slider as Lp } from "./components/New/Slider/Slider.js";
|
|
170
|
+
import { Tooltip as gp } from "./components/New/Tooltip/Tooltip.js";
|
|
171
|
+
import { TooltipContainer as Op } from "./components/New/Tooltip/TooltipContainer.js";
|
|
172
|
+
import { TooltipContent as Fp } from "./components/New/Tooltip/TooltipContent.js";
|
|
173
|
+
import { TooltipTrigger as Mp } from "./components/New/Tooltip/TooltipTrigger.js";
|
|
174
|
+
import { TooltipPlacement as hp } from "./types/tooltip.js";
|
|
175
|
+
import { InteractiveTooltip as Gp } from "./components/New/InteractiveTooltip/InteractiveTooltip.js";
|
|
176
|
+
import { EllipsisTooltip as wp } from "./components/New/EllipsisTooltip/EllipsisTooltip.js";
|
|
177
|
+
import { CollapsibleSidebar as kp } from "./components/New/CollapsibleSidebar/CollapsibleSidebar.js";
|
|
178
|
+
import { ResizableContainer as Vp } from "./components/New/ResizableContainer/ResizableContainer.js";
|
|
179
|
+
import { ConditionalResizableContainer as Wp } from "./components/New/ResizableContainer/ConditionalResizableContainer.js";
|
|
180
|
+
import { NoDataContent as Qp } from "./components/New/NoDataContent/NoDataContent.js";
|
|
181
|
+
import { TransferQueue as Zp } from "./components/New/TransferQueue/TransferQueue.js";
|
|
182
|
+
import { DEFAULT_TRANSFER_QUEUE_LABELS as Xp, TRANSFER_QUEUE_AUTO_CLOSE_DELAY_MS as jp } from "./components/New/TransferQueue/constants.js";
|
|
183
|
+
import { TransferQueueItemStatus as $p } from "./types/transfer-queue.js";
|
|
184
|
+
import { GRID_SELECTION_COLUMN_ID as rm, Grid as em } from "./components/New/Grid/Grid.js";
|
|
185
|
+
import { DateCellRenderer as am } from "./components/New/Grid/renderers/DateCellRenderer.js";
|
|
186
|
+
import { DEFAULT_DATE_FORMAT_OPTIONS as pm, DEFAULT_LOCALE as mm } from "./components/New/Grid/renderers/constants.js";
|
|
187
|
+
import { GRID_ALIGN_RIGHT_CLASS as fm, GRID_ROOT_CLASS as lm, ROW_HEIGHT as xm, GRID_THEME_PARAMS as Dm } from "./components/New/Grid/constants.js";
|
|
188
|
+
import { DIAL_KIT_ICON_STROKE as cm } from "./components/New/constants/icon.js";
|
|
189
|
+
import { convertToDate as sm, convertToDate as Sm } from "./utils/grid-date.js";
|
|
190
|
+
import { baseColumnComparator as Im, checkColDefsChanges as Am } from "./utils/grid-comparators.js";
|
|
191
|
+
import { DEFAULT_ANALYTICS_BAR_COLOR_MAP as _m } from "./components/Analytics/Bar/utils.js";
|
|
192
|
+
import { DialAnalyticsBar as Lm } from "./components/Analytics/Bar/Bar.js";
|
|
193
|
+
import { DialAnalyticsBarGroup as gm } from "./components/Analytics/BarGroup/BarGroup.js";
|
|
194
|
+
import { DialAnalyticsCard as Om } from "./components/Analytics/Card/Card.js";
|
|
195
|
+
import { DialAnalyticsErrorTag as Fm } from "./components/Analytics/ErrorTag/ErrorTag.js";
|
|
196
|
+
import { DialAnalyticsHistogram as Mm } from "./components/Analytics/Histogram/Histogram.js";
|
|
196
197
|
export {
|
|
197
198
|
Ti as Accordion,
|
|
198
|
-
|
|
199
|
+
ui as AccordionCaretPosition,
|
|
199
200
|
i as AnalyticsCardVariant,
|
|
201
|
+
dp as AutocompleteTagInput,
|
|
200
202
|
op as Avatar,
|
|
201
203
|
ep as AvatarShape,
|
|
202
204
|
mt as BASE_ICON_PROPS,
|
|
@@ -218,30 +220,30 @@ export {
|
|
|
218
220
|
Bi as Checkbox,
|
|
219
221
|
Ni as CheckboxBox,
|
|
220
222
|
$a as CloseButton,
|
|
221
|
-
|
|
222
|
-
|
|
223
|
+
kp as CollapsibleSidebar,
|
|
224
|
+
Wp as ConditionalResizableContainer,
|
|
223
225
|
ri as ConfirmationPopup,
|
|
224
226
|
oe as ConfirmationPopupVariant,
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
227
|
+
_m as DEFAULT_ANALYTICS_BAR_COLOR_MAP,
|
|
228
|
+
pm as DEFAULT_DATE_FORMAT_OPTIONS,
|
|
229
|
+
mm as DEFAULT_DATE_LOCALE,
|
|
228
230
|
xo as DEFAULT_GRID_DATE_FORMAT_OPTIONS,
|
|
229
231
|
Do as DEFAULT_GRID_DATE_LOCALE,
|
|
230
|
-
|
|
232
|
+
Xp as DEFAULT_TRANSFER_QUEUE_LABELS,
|
|
231
233
|
ft as DIAL_ICON_SIZE,
|
|
232
|
-
|
|
233
|
-
|
|
234
|
+
st as DIAL_KIT_CLASS,
|
|
235
|
+
cm as DIAL_KIT_ICON_STROKE,
|
|
234
236
|
ma as DangerButton,
|
|
235
|
-
|
|
236
|
-
|
|
237
|
+
ua as DangerIconButton,
|
|
238
|
+
am as DateCellRenderer,
|
|
237
239
|
f as DialAccordion,
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
240
|
+
Lm as DialAnalyticsBar,
|
|
241
|
+
gm as DialAnalyticsBarGroup,
|
|
242
|
+
Om as DialAnalyticsCard,
|
|
243
|
+
Fm as DialAnalyticsErrorTag,
|
|
244
|
+
Mm as DialAnalyticsHistogram,
|
|
243
245
|
Er as DialAutocompleteInputValue,
|
|
244
|
-
|
|
246
|
+
so as DialBreadcrumb,
|
|
245
247
|
Io as DialBreadcrumbItem,
|
|
246
248
|
Eo as DialButton,
|
|
247
249
|
yr as DialButtonDropdown,
|
|
@@ -285,14 +287,14 @@ export {
|
|
|
285
287
|
No as DialLinkButton,
|
|
286
288
|
Rr as DialLoadFileArea,
|
|
287
289
|
Pr as DialLoadFileAreaField,
|
|
288
|
-
|
|
290
|
+
u as DialLoader,
|
|
289
291
|
Oo as DialNeutralButton,
|
|
290
292
|
bo as DialNeutralIconButton,
|
|
291
293
|
b as DialNoDataContent,
|
|
292
294
|
T as DialNotification,
|
|
293
295
|
Tr as DialNumberInput,
|
|
294
296
|
E as DialPagination,
|
|
295
|
-
|
|
297
|
+
ur as DialPasswordInput,
|
|
296
298
|
tr as DialPopup,
|
|
297
299
|
Ro as DialPrimaryButton,
|
|
298
300
|
ho as DialPrimaryIconButton,
|
|
@@ -328,7 +330,7 @@ export {
|
|
|
328
330
|
ye as EDITABLE_CONTAINER_ATTRIBUTE,
|
|
329
331
|
Kr as EditorThemes,
|
|
330
332
|
ne as ElementSize,
|
|
331
|
-
|
|
333
|
+
wp as EllipsisTooltip,
|
|
332
334
|
pp as EntityIdentity,
|
|
333
335
|
np as EntityType,
|
|
334
336
|
wt as ErrorMessageNotification,
|
|
@@ -345,16 +347,16 @@ export {
|
|
|
345
347
|
Hi as FolderName,
|
|
346
348
|
ra as FolderPath,
|
|
347
349
|
ce as FormItemOrientation,
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
350
|
+
fm as GRID_ALIGN_RIGHT_CLASS,
|
|
351
|
+
lm as GRID_ROOT_CLASS,
|
|
352
|
+
xm as GRID_ROW_HEIGHT,
|
|
353
|
+
rm as GRID_SELECTION_COLUMN_ID,
|
|
354
|
+
Dm as GRID_THEME_PARAMS,
|
|
353
355
|
kt as GeneralMessageNotification,
|
|
354
356
|
vt as GeneralToastNotification,
|
|
355
357
|
na as GhostButton,
|
|
356
|
-
|
|
357
|
-
|
|
358
|
+
sa as GhostIconButton,
|
|
359
|
+
em as Grid,
|
|
358
360
|
Je as GridSelectionMode,
|
|
359
361
|
ht as Highlight,
|
|
360
362
|
Ca as IconButton,
|
|
@@ -364,7 +366,7 @@ export {
|
|
|
364
366
|
Pa as InlineSelect,
|
|
365
367
|
Ma as InlineSelectTrigger,
|
|
366
368
|
Ka as Input,
|
|
367
|
-
|
|
369
|
+
Gp as InteractiveTooltip,
|
|
368
370
|
At as JsonSchemaType,
|
|
369
371
|
ka as Label,
|
|
370
372
|
Bt as LazyDialJsonEditor,
|
|
@@ -383,7 +385,7 @@ export {
|
|
|
383
385
|
ct as NOT_ALLOWED_SYMBOLS_REGEXP,
|
|
384
386
|
la as NeutralButton,
|
|
385
387
|
Sa as NeutralIconButton,
|
|
386
|
-
|
|
388
|
+
Qp as NoDataContent,
|
|
387
389
|
Mt as Notification,
|
|
388
390
|
Rt as NotificationType,
|
|
389
391
|
Ft as NotificationVariant,
|
|
@@ -399,17 +401,17 @@ export {
|
|
|
399
401
|
Ei as RadioGroup,
|
|
400
402
|
Xr as RadioGroupOrientation,
|
|
401
403
|
Ci as RadioGroupPopupField,
|
|
402
|
-
|
|
404
|
+
Vp as ResizableContainer,
|
|
403
405
|
Ne as ResizableContainerSide,
|
|
404
406
|
at as SIZE_COLUMN,
|
|
405
407
|
Et as SchemaDisplayMode,
|
|
406
408
|
_t as SchemaOrientation,
|
|
407
409
|
Ct as SchemaRendererVariant,
|
|
408
410
|
le as ScreenResolution,
|
|
409
|
-
|
|
411
|
+
Ap as Search,
|
|
410
412
|
Pi as SegmentedControl,
|
|
411
413
|
ha as Select,
|
|
412
|
-
|
|
414
|
+
se as SelectSize,
|
|
413
415
|
Se as SelectVariant,
|
|
414
416
|
Ki as SharedEntityIndicator,
|
|
415
417
|
lp as SideDrawer,
|
|
@@ -417,7 +419,7 @@ export {
|
|
|
417
419
|
Re as SkeletonAvatarShape,
|
|
418
420
|
Fe as SkeletonAvatarSize,
|
|
419
421
|
Pe as SkeletonVariant,
|
|
420
|
-
|
|
422
|
+
Lp as Slider,
|
|
421
423
|
S as Spinner,
|
|
422
424
|
Ta as StarterButton,
|
|
423
425
|
Ia as StaticIconButton,
|
|
@@ -425,35 +427,35 @@ export {
|
|
|
425
427
|
Qt as SuccessMessageNotification,
|
|
426
428
|
Yt as SuccessToastNotification,
|
|
427
429
|
Si as Switch,
|
|
428
|
-
|
|
430
|
+
jp as TRANSFER_QUEUE_AUTO_CLOSE_DELAY_MS,
|
|
429
431
|
xe as TabOrientation,
|
|
430
432
|
De as TabView,
|
|
431
433
|
bi as Tabs,
|
|
432
434
|
Dp as Tag,
|
|
433
435
|
cp as TagAppearance,
|
|
434
|
-
|
|
436
|
+
sp as TagInput,
|
|
435
437
|
Va as Textarea,
|
|
436
438
|
Ha as TextareaResize,
|
|
437
439
|
ii as ThemeScope,
|
|
438
440
|
Ri as ToggleIconButton,
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
441
|
+
gp as Tooltip,
|
|
442
|
+
Op as TooltipContainer,
|
|
443
|
+
Fp as TooltipContent,
|
|
444
|
+
hp as TooltipPlacement,
|
|
445
|
+
Mp as TooltipTrigger,
|
|
446
|
+
Zp as TransferQueue,
|
|
447
|
+
$p as TransferQueueItemStatus,
|
|
446
448
|
it as UPDATED_AT_COLUMN,
|
|
447
449
|
Zt as WarningMessageNotification,
|
|
448
450
|
Jt as WarningToastNotification,
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
451
|
+
Im as baseColumnComparator,
|
|
452
|
+
Am as checkColDefsChanges,
|
|
453
|
+
sm as convertGridDateToDate,
|
|
454
|
+
Sm as convertToDate,
|
|
453
455
|
Ge as editableContainerProps,
|
|
454
456
|
ap as extractInitials,
|
|
455
457
|
rt as getTimezoneLabel,
|
|
456
|
-
|
|
458
|
+
_p as matchesAccept,
|
|
457
459
|
je as mergeClasses,
|
|
458
460
|
be as useDialFileManagerTabs,
|
|
459
461
|
Ue as useEditableItem,
|
|
@@ -0,0 +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;
|
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-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;
|
package/dist/file-manager.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./use-file-manager-tabs-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./use-file-manager-tabs-C-dMqEFy.cjs");exports.DialDestinationFolderPopup=e.DialDestinationFolderPopup;exports.DialFileManager=e.DialFileManager;exports.DialFileManagerActions=e.DialFileManagerActions;exports.DialFileManagerTabs=e.DialFileManagerTabs;exports.DialFoldersTree=e.DialFoldersTree;exports.FileManagerColumnKey=e.FileManagerColumnKey;exports.FileManagerProvider=e.FileManagerProvider;exports.NAME_COLUMN=e.NAME_COLUMN;exports.SIZE_COLUMN=e.SIZE_COLUMN;exports.UPDATED_AT_COLUMN=e.UPDATED_AT_COLUMN;exports.useDialFileManagerTabs=e.useDialFileManagerTabs;exports.useFileManagerContext=e.useFileManagerContext;
|
package/dist/grid.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./DateCellRenderer-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./DateCellRenderer-Cl_mNbi1.cjs"),D=require("./DateCellRenderer-ChqbDlQ2.cjs");exports.DEFAULT_GRID_DATE_FORMAT_OPTIONS=e.DEFAULT_DATE_FORMAT_OPTIONS;exports.DEFAULT_GRID_DATE_LOCALE=e.DEFAULT_LOCALE;exports.DialDateCellRenderer=e.DialDateCellRenderer;exports.DialGrid=e.DialGrid;exports.GridSelectionMode=e.GridSelectionMode;exports.baseColumnComparator=e.baseColumnComparator;exports.checkColDefsChanges=e.checkColDefsChanges;exports.convertGridDateToDate=e.convertToDate;exports.convertToDate=e.convertToDate;exports.DEFAULT_DATE_FORMAT_OPTIONS=D.DEFAULT_DATE_FORMAT_OPTIONS;exports.DEFAULT_DATE_LOCALE=D.DEFAULT_LOCALE;exports.DateCellRenderer=D.DateCellRenderer;exports.GRID_ALIGN_RIGHT_CLASS=D.GRID_ALIGN_RIGHT_CLASS;exports.GRID_ROOT_CLASS=D.GRID_ROOT_CLASS;exports.GRID_ROW_HEIGHT=D.ROW_HEIGHT;exports.GRID_SELECTION_COLUMN_ID=D.GRID_SELECTION_COLUMN_ID;exports.GRID_THEME_PARAMS=D.GRID_THEME_PARAMS;exports.Grid=D.Grid;
|
|
@@ -0,0 +1 @@
|
|
|
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;
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { LabelProps } from '../Label/Label';
|
|
3
|
+
import { ElementSize } from '../../../types/size';
|
|
4
|
+
import { AutocompleteTagInputSuggestion } from './utils';
|
|
5
|
+
export type { AutocompleteTagInputSuggestion } from './utils';
|
|
6
|
+
export interface AutocompleteTagInputProps {
|
|
7
|
+
id?: string;
|
|
8
|
+
/** Controlled tag list. */
|
|
9
|
+
value?: string[];
|
|
10
|
+
/** Initial tag list when uncontrolled. */
|
|
11
|
+
defaultValue?: string[];
|
|
12
|
+
/** Values offered while typing; a picked suggestion adds its `value` as a tag. */
|
|
13
|
+
suggestions: AutocompleteTagInputSuggestion[];
|
|
14
|
+
/** How many matching suggestions the list shows at most. */
|
|
15
|
+
maxSuggestions?: number;
|
|
16
|
+
size?: ElementSize;
|
|
17
|
+
labelProps?: LabelProps;
|
|
18
|
+
placeholder?: string;
|
|
19
|
+
caption?: string;
|
|
20
|
+
error?: string;
|
|
21
|
+
invalid?: boolean;
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
readOnly?: boolean;
|
|
24
|
+
ariaLabel?: string;
|
|
25
|
+
tagListLabel?: string;
|
|
26
|
+
/** Accessible name of a tag's remove button; defaults to `Remove <tag>`. */
|
|
27
|
+
getRemoveTagLabel?: (tag: string) => string;
|
|
28
|
+
className?: string;
|
|
29
|
+
fieldClassName?: string;
|
|
30
|
+
tagClassName?: string;
|
|
31
|
+
listClassName?: string;
|
|
32
|
+
onChange?: (tags: string[]) => void;
|
|
33
|
+
}
|
|
34
|
+
/**
|
|
35
|
+
* A tag input that suggests values while typing and also accepts its own.
|
|
36
|
+
* aliases: Autocomplete|Combobox|TagAutocomplete|ChipAutocomplete|MultiValueAutocomplete
|
|
37
|
+
* Design system 2.0
|
|
38
|
+
*
|
|
39
|
+
* Typing opens a list of the `suggestions` that match the text (by label, value
|
|
40
|
+
* or description) and are not already tags, capped at `maxSuggestions`, with the
|
|
41
|
+
* first one highlighted. Enter or comma adds the highlighted suggestion, or the
|
|
42
|
+
* typed text when nothing matches; clicking a suggestion adds it too. The arrow
|
|
43
|
+
* keys move the highlight and wrap at the ends; Escape and leaving the field
|
|
44
|
+
* close the list without adding what was typed. Backspace on an empty input
|
|
45
|
+
* removes the last tag, and duplicate tags are ignored. Entered text is not
|
|
46
|
+
* validated — say what format is expected through `caption`.
|
|
47
|
+
*
|
|
48
|
+
* Reach for {@link TagInput} when there is nothing to suggest, and for a
|
|
49
|
+
* multiple `Select` when only listed values are allowed.
|
|
50
|
+
*
|
|
51
|
+
* The input follows the ARIA combobox pattern: it keeps focus while the list is
|
|
52
|
+
* open, and the highlighted suggestion is announced through
|
|
53
|
+
* `aria-activedescendant`. The tags are a list named by `tagListLabel`, and each
|
|
54
|
+
* remove button is named after its tag.
|
|
55
|
+
*
|
|
56
|
+
* Works controlled (`value` + `onChange`) or uncontrolled (`defaultValue`).
|
|
57
|
+
*
|
|
58
|
+
* @example
|
|
59
|
+
* ```tsx
|
|
60
|
+
* const [types, setTypes] = useState<string[]>([]);
|
|
61
|
+
*
|
|
62
|
+
* <AutocompleteTagInput
|
|
63
|
+
* id="attachment-types"
|
|
64
|
+
* labelProps={{ label: 'Attachment types', required: true }}
|
|
65
|
+
* caption="Choose a suggested MIME type or add one as <type>/<subtype>"
|
|
66
|
+
* suggestions={[
|
|
67
|
+
* { value: 'image/png', label: 'PNG', description: 'image/png' },
|
|
68
|
+
* { value: 'application/pdf', label: 'PDF', description: 'application/pdf' },
|
|
69
|
+
* ]}
|
|
70
|
+
* value={types}
|
|
71
|
+
* onChange={setTypes}
|
|
72
|
+
* />
|
|
73
|
+
* ```
|
|
74
|
+
*
|
|
75
|
+
* @param [id] - The id of the text input, linked to the label.
|
|
76
|
+
* @param [value] - Controlled tag list.
|
|
77
|
+
* @param [defaultValue=[]] - Initial tag list when uncontrolled.
|
|
78
|
+
* @param suggestions - Values offered while typing.
|
|
79
|
+
* @param [maxSuggestions=5] - How many matching suggestions the list shows at most.
|
|
80
|
+
* @param [size=ElementSize.Standard] - Field height: standard is 40px, small is 24px.
|
|
81
|
+
* @param [labelProps] - Props of the {@link Label} rendered above the field.
|
|
82
|
+
* @param [placeholder] - Placeholder shown while there are no tags.
|
|
83
|
+
* @param [caption] - Helper text rendered below the field when there is no `error`.
|
|
84
|
+
* @param [error] - Error message rendered below the field (pass `invalid` too for error styling).
|
|
85
|
+
* @param [invalid=false] - Applies the field's error styling and marks the input `aria-invalid`.
|
|
86
|
+
* @param [disabled=false] - Disables typing and tag removal.
|
|
87
|
+
* @param [readOnly=false] - Shows the tags without allowing new ones or removal.
|
|
88
|
+
* @param [ariaLabel] - Accessible name for the input; use it when there is no visible label.
|
|
89
|
+
* @param [tagListLabel="Tags"] - Accessible name of the tag list.
|
|
90
|
+
* @param [getRemoveTagLabel] - Accessible name of a tag's remove button, given the tag; pass a translated one, as the default is the English `Remove <tag>`.
|
|
91
|
+
* @param [className] - Additional CSS classes for the outer container.
|
|
92
|
+
* @param [fieldClassName] - Additional CSS classes for the field itself.
|
|
93
|
+
* @param [tagClassName] - Additional CSS classes applied to every tag.
|
|
94
|
+
* @param [listClassName] - Additional CSS classes for the floating suggestion list.
|
|
95
|
+
* @param [onChange] - Called with the new list whenever a tag is added or removed.
|
|
96
|
+
*/
|
|
97
|
+
export declare const AutocompleteTagInput: FC<AutocompleteTagInputProps>;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export interface AutocompleteTagInputSuggestion {
|
|
2
|
+
/** The tag added when the suggestion is picked. */
|
|
3
|
+
value: string;
|
|
4
|
+
/** The suggestion's name, shown at the leading edge of its row. */
|
|
5
|
+
label: string;
|
|
6
|
+
/** Secondary text shown at the trailing edge of the row, e.g. the value itself. */
|
|
7
|
+
description?: string;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* The suggestions to show for the typed text: not already a tag, and with the
|
|
11
|
+
* query in their label, value or description (case-insensitive), in the order
|
|
12
|
+
* given, capped at `limit`.
|
|
13
|
+
*
|
|
14
|
+
* Kept pure and separate from the component so the filtering can be tested
|
|
15
|
+
* without driving the input.
|
|
16
|
+
*/
|
|
17
|
+
export declare const filterAutocompleteSuggestions: (suggestions: AutocompleteTagInputSuggestion[], query: string, tags: string[], limit: number) => AutocompleteTagInputSuggestion[];
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -103,6 +103,8 @@ export declare const DIAL_KIT_CLASS: {
|
|
|
103
103
|
readonly numberInput: "dial-kit-number-input";
|
|
104
104
|
/** The `TagInput` field, additive to `dial-kit-input`. */
|
|
105
105
|
readonly tagInput: "dial-kit-tag-input";
|
|
106
|
+
/** The `AutocompleteTagInput` field, additive to `dial-kit-input`. */
|
|
107
|
+
readonly autocompleteTagInput: "dial-kit-autocomplete-tag-input";
|
|
106
108
|
/** The root of a `Select`, wrapping its label, field and caption. */
|
|
107
109
|
readonly select: "dial-kit-select";
|
|
108
110
|
/** The trigger button of an `InlineSelect`. */
|
package/dist/src/index.d.ts
CHANGED
|
@@ -259,6 +259,8 @@ export type { TagProps } from './components/New/Tag/Tag';
|
|
|
259
259
|
export { TagAppearance } from './types/tag';
|
|
260
260
|
export { TagInput } from './components/New/TagInput/TagInput';
|
|
261
261
|
export type { TagInputProps } from './components/New/TagInput/TagInput';
|
|
262
|
+
export { AutocompleteTagInput } from './components/New/AutocompleteTagInput/AutocompleteTagInput';
|
|
263
|
+
export type { AutocompleteTagInputProps, AutocompleteTagInputSuggestion, } from './components/New/AutocompleteTagInput/AutocompleteTagInput';
|
|
262
264
|
export { Search } from './components/New/Search/Search';
|
|
263
265
|
export type { SearchProps } from './components/New/Search/Search';
|
|
264
266
|
export { matchesAccept } from './utils/file-accept';
|