@epam/ai-dial-ui-kit 0.15.0-dev.41 → 0.15.0-dev.44

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.
@@ -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 s } from "./components/Loader/Loader.js";
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 uo } from "./components/Breadcrumb/Breadcrumb.js";
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 sr } from "./components/PasswordInput/PasswordInput.js";
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 ue, SelectVariant as Se } from "./types/select.js";
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 ut } from "./constants/public-class-names.js";
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 sa, GhostIconButton as ua, NeutralIconButton as Sa, PrimaryIconButton as da, StaticIconButton as Ia } from "./components/New/IconButton/IconButtonWrappers.js";
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 si } from "./types/accordion.js";
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 up } from "./components/New/TagInput/TagInput.js";
166
- import { Search as dp } from "./components/New/Search/Search.js";
167
- import { matchesAccept as Ap } from "./utils/file-accept.js";
168
- import { Slider as _p } from "./components/New/Slider/Slider.js";
169
- import { Tooltip as Lp } from "./components/New/Tooltip/Tooltip.js";
170
- import { TooltipContainer as gp } from "./components/New/Tooltip/TooltipContainer.js";
171
- import { TooltipContent as Op } from "./components/New/Tooltip/TooltipContent.js";
172
- import { TooltipTrigger as Fp } from "./components/New/Tooltip/TooltipTrigger.js";
173
- import { TooltipPlacement as Mp } from "./types/tooltip.js";
174
- import { InteractiveTooltip as hp } from "./components/New/InteractiveTooltip/InteractiveTooltip.js";
175
- import { EllipsisTooltip as Gp } from "./components/New/EllipsisTooltip/EllipsisTooltip.js";
176
- import { CollapsibleSidebar as wp } from "./components/New/CollapsibleSidebar/CollapsibleSidebar.js";
177
- import { ResizableContainer as kp } from "./components/New/ResizableContainer/ResizableContainer.js";
178
- import { ConditionalResizableContainer as Vp } from "./components/New/ResizableContainer/ConditionalResizableContainer.js";
179
- import { NoDataContent as Wp } from "./components/New/NoDataContent/NoDataContent.js";
180
- import { TransferQueue as Qp } from "./components/New/TransferQueue/TransferQueue.js";
181
- import { DEFAULT_TRANSFER_QUEUE_LABELS as Zp, TRANSFER_QUEUE_AUTO_CLOSE_DELAY_MS as Jp } from "./components/New/TransferQueue/constants.js";
182
- import { TransferQueueItemStatus as jp } from "./types/transfer-queue.js";
183
- import { GRID_SELECTION_COLUMN_ID as $p, Grid as om } from "./components/New/Grid/Grid.js";
184
- import { DateCellRenderer as em } from "./components/New/Grid/renderers/DateCellRenderer.js";
185
- import { DEFAULT_DATE_FORMAT_OPTIONS as am, DEFAULT_LOCALE as im } from "./components/New/Grid/renderers/constants.js";
186
- import { GRID_ALIGN_RIGHT_CLASS as mm, GRID_ROOT_CLASS as nm, ROW_HEIGHT as fm, GRID_THEME_PARAMS as lm } from "./components/New/Grid/constants.js";
187
- import { DIAL_KIT_ICON_STROKE as Dm } from "./components/New/constants/icon.js";
188
- import { convertToDate as cm, convertToDate as sm } from "./utils/grid-date.js";
189
- import { baseColumnComparator as Sm, checkColDefsChanges as dm } from "./utils/grid-comparators.js";
190
- import { DEFAULT_ANALYTICS_BAR_COLOR_MAP as Am } from "./components/Analytics/Bar/utils.js";
191
- import { DialAnalyticsBar as _m } from "./components/Analytics/Bar/Bar.js";
192
- import { DialAnalyticsBarGroup as Lm } from "./components/Analytics/BarGroup/BarGroup.js";
193
- import { DialAnalyticsCard as gm } from "./components/Analytics/Card/Card.js";
194
- import { DialAnalyticsErrorTag as Om } from "./components/Analytics/ErrorTag/ErrorTag.js";
195
- import { DialAnalyticsHistogram as Fm } from "./components/Analytics/Histogram/Histogram.js";
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
- si as AccordionCaretPosition,
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
- wp as CollapsibleSidebar,
222
- Vp as ConditionalResizableContainer,
223
+ kp as CollapsibleSidebar,
224
+ Wp as ConditionalResizableContainer,
223
225
  ri as ConfirmationPopup,
224
226
  oe as ConfirmationPopupVariant,
225
- Am as DEFAULT_ANALYTICS_BAR_COLOR_MAP,
226
- am as DEFAULT_DATE_FORMAT_OPTIONS,
227
- im as DEFAULT_DATE_LOCALE,
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
- Zp as DEFAULT_TRANSFER_QUEUE_LABELS,
232
+ Xp as DEFAULT_TRANSFER_QUEUE_LABELS,
231
233
  ft as DIAL_ICON_SIZE,
232
- ut as DIAL_KIT_CLASS,
233
- Dm as DIAL_KIT_ICON_STROKE,
234
+ st as DIAL_KIT_CLASS,
235
+ cm as DIAL_KIT_ICON_STROKE,
234
236
  ma as DangerButton,
235
- sa as DangerIconButton,
236
- em as DateCellRenderer,
237
+ ua as DangerIconButton,
238
+ am as DateCellRenderer,
237
239
  f as DialAccordion,
238
- _m as DialAnalyticsBar,
239
- Lm as DialAnalyticsBarGroup,
240
- gm as DialAnalyticsCard,
241
- Om as DialAnalyticsErrorTag,
242
- Fm as DialAnalyticsHistogram,
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
- uo as DialBreadcrumb,
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
- s as DialLoader,
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
- sr as DialPasswordInput,
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
- Gp as EllipsisTooltip,
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
- mm as GRID_ALIGN_RIGHT_CLASS,
349
- nm as GRID_ROOT_CLASS,
350
- fm as GRID_ROW_HEIGHT,
351
- $p as GRID_SELECTION_COLUMN_ID,
352
- lm as GRID_THEME_PARAMS,
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
- ua as GhostIconButton,
357
- om as Grid,
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
- hp as InteractiveTooltip,
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
- Wp as NoDataContent,
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
- kp as ResizableContainer,
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
- dp as Search,
411
+ Ap as Search,
410
412
  Pi as SegmentedControl,
411
413
  ha as Select,
412
- ue as SelectSize,
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
- _p as Slider,
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
- Jp as TRANSFER_QUEUE_AUTO_CLOSE_DELAY_MS,
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
- up as TagInput,
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
- Lp as Tooltip,
440
- gp as TooltipContainer,
441
- Op as TooltipContent,
442
- Mp as TooltipPlacement,
443
- Fp as TooltipTrigger,
444
- Qp as TransferQueue,
445
- jp as TransferQueueItemStatus,
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
- Sm as baseColumnComparator,
450
- dm as checkColDefsChanges,
451
- cm as convertGridDateToDate,
452
- sm as convertToDate,
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
- Ap as matchesAccept,
458
+ _p as matchesAccept,
457
459
  je as mergeClasses,
458
460
  be as useDialFileManagerTabs,
459
461
  Ue as useEditableItem,
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./use-file-manager-tabs-Bj_ENNKt.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;
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-J9A5gyDz.cjs"),D=require("./DateCellRenderer-DFknFcs1.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;
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,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[];
@@ -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`. */
@@ -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';