@epam/ai-dial-ui-kit 0.15.0-dev.2 → 0.15.0-dev.21
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 +185 -0
- package/dist/CHANGELOG.md +35 -0
- package/dist/DateCellRenderer-CkFOYZGc.cjs +1 -0
- package/dist/{DateCellRenderer-BVM-Q8yx.cjs → DateCellRenderer-ZLb4GAUV.cjs} +26 -26
- package/dist/IconButton-CVttu-k-.cjs +1 -0
- package/dist/{JsonEditor-qv1Z0dLX.cjs → JsonEditor-BDe6elKO.cjs} +1 -1
- package/dist/{MarkdownEditor-DHn2pYOJ.cjs → MarkdownEditor-C7BONfsl.cjs} +1 -1
- package/dist/{MarkdownEditor-jQ8nDJfx.cjs → MarkdownEditor-FVzYMdkC.cjs} +1 -1
- package/dist/{MarkdownEditorContainer-Bzcnoemw.cjs → MarkdownEditorContainer-BA94ffC4.cjs} +1 -1
- package/dist/{Switch-CUKClcEz.cjs → Switch-CfxMs3AZ.cjs} +1 -1
- package/dist/components/Dropdown/Dropdown.js +70 -65
- package/dist/components/Dropdown/DropdownSubMenuItem.js +63 -55
- package/dist/components/Dropdown/constants.js +16 -14
- package/dist/components/DropdownIcon/DropdownIcon.js +43 -32
- package/dist/components/FileManager/FileManager.js +2 -2
- package/dist/components/New/Accordion/Accordion.js +72 -66
- package/dist/components/New/Breadcrumbs/Breadcrumbs.js +159 -0
- package/dist/components/New/Breadcrumbs/constants.js +41 -0
- package/dist/components/New/ButtonDropdown/ButtonDropdown.js +7 -6
- package/dist/components/New/Calendar/Calendar.js +337 -289
- package/dist/components/New/Calendar/constants.js +5 -5
- package/dist/components/New/CaptionText/CaptionText.js +18 -15
- package/dist/components/New/CardShell/CardShell.js +5 -3
- package/dist/components/New/Checkbox/Checkbox.js +67 -56
- package/dist/components/New/Checkbox/CheckboxBox.js +5 -3
- package/dist/components/New/CloseButton/CloseButton.js +18 -16
- package/dist/components/New/CollapsibleSidebar/CollapsibleSidebar.js +39 -34
- package/dist/components/New/ConfirmationPopup/ConfirmationPopup.js +44 -39
- package/dist/components/New/Dropdown/Dropdown.js +112 -105
- package/dist/components/New/Dropdown/DropdownSubMenuItem.js +17 -17
- package/dist/components/New/Dropdown/constants.js +22 -17
- package/dist/components/New/EllipsisTooltip/EllipsisTooltip.js +20 -18
- package/dist/components/New/FileDropzone/FileDropzone.js +27 -25
- package/dist/components/New/FileIcon/FileIcon.js +55 -0
- package/dist/components/New/FileIcon/constants.js +134 -0
- package/dist/components/New/FileIcon/icons/FileGlyph.js +150 -0
- package/dist/components/New/FileIcon/icons/FolderGlyph.js +50 -0
- package/dist/components/New/FileName/FileName.js +78 -0
- package/dist/components/New/FilterChips/FilterChips.js +43 -0
- package/dist/components/New/FilterChips/constants.js +5 -0
- package/dist/components/New/FolderName/FolderName.js +16 -0
- package/dist/components/New/FolderPath/FolderPath.js +29 -28
- package/dist/components/New/Highlight/Highlight.js +23 -30
- package/dist/components/New/InfoButton/InfoButton.js +13 -11
- package/dist/components/New/InlineSelect/InlineSelect.js +43 -41
- package/dist/components/New/InteractiveTooltip/InteractiveTooltip.js +41 -39
- package/dist/components/New/InteractiveTooltip/constants.js +2 -2
- package/dist/components/New/Label/Label.js +13 -8
- package/dist/components/New/MenuItem/MenuItem.js +29 -27
- package/dist/components/New/MenuItem/constants.js +9 -8
- package/dist/components/New/NoDataContent/NoDataContent.js +21 -19
- package/dist/components/New/Notification/Notification.js +33 -29
- package/dist/components/New/NumberInput/NumberInput.js +42 -33
- package/dist/components/New/PasswordInput/PasswordInput.js +41 -35
- package/dist/components/New/Popup/Popup.js +46 -44
- package/dist/components/New/Popup/constants.js +3 -3
- package/dist/components/New/Radio/Radio.js +75 -64
- package/dist/components/New/RadioGroup/RadioGroup.js +76 -65
- package/dist/components/New/RadioGroupPopupField/RadioGroupPopupField.js +117 -106
- package/dist/components/New/ResizableContainer/ResizableContainer.js +42 -40
- package/dist/components/New/Search/Search.js +29 -27
- package/dist/components/New/SegmentedControl/SegmentedControl.js +29 -23
- package/dist/components/New/Select/Select.js +120 -109
- package/dist/components/New/Select/constants.js +23 -20
- package/dist/components/New/SharedEntityIndicator/SharedEntityIndicator.js +34 -0
- package/dist/components/New/Switch/Switch.js +69 -58
- package/dist/components/New/Tabs/Tabs.js +125 -61
- package/dist/components/New/Tag/Tag.js +42 -40
- package/dist/components/New/TagInput/TagInput.js +45 -43
- package/dist/components/New/ToggleIconButton/ToggleIconButton.js +26 -24
- package/dist/components/New/Tooltip/TooltipContent.js +11 -9
- package/dist/components/New/Tooltip/constants.js +1 -1
- package/dist/components/New/TransferQueue/TransferQueue.js +124 -0
- package/dist/components/New/TransferQueue/TransferQueueHeader.js +71 -0
- package/dist/components/New/TransferQueue/TransferQueueRow.js +119 -0
- package/dist/components/New/TransferQueue/constants.js +24 -0
- package/dist/components/New/constants/overlay.js +15 -9
- package/dist/components/Popup/constants.js +8 -8
- package/dist/components/ProgressBar/ProgressBar.js +45 -33
- package/dist/components/SchemaRenderer/components/SchemaAdditionalPropertiesEditor.js +46 -31
- package/dist/components/SchemaRenderer/components/SchemaKeyValueEditor.js +223 -135
- package/dist/components/SchemaRenderer/types.js +19 -8
- package/dist/components/SchemaRenderer/utils.js +121 -96
- package/dist/components/Skeleton/Skeleton.js +25 -19
- package/dist/components/Spinner/Spinner.js +7 -5
- package/dist/components/Tooltip/TooltipContent.js +11 -11
- package/dist/components-manifest.json +779 -37
- package/dist/constants/public-class-names.js +198 -0
- package/dist/dial-ui-kit.cjs +2 -2
- package/dist/dial-ui-kit.js +322 -295
- package/dist/editors.cjs +1 -1
- package/dist/file-manager.cjs +1 -1
- package/dist/grid.cjs +1 -1
- package/dist/index.css +2 -2
- package/dist/lazy-BEsZqouS.cjs +1 -0
- package/dist/merge-classes-BEJXjzkx.cjs +1 -0
- package/dist/node_modules/tailwind-merge/dist/bundle-mjs.js +419 -399
- package/dist/src/components/New/Accordion/Accordion.d.ts +4 -0
- package/dist/src/components/New/Breadcrumbs/Breadcrumbs.d.ts +94 -0
- package/dist/src/components/New/Breadcrumbs/constants.d.ts +60 -0
- package/dist/src/components/New/Calendar/Calendar.d.ts +14 -1
- package/dist/src/components/New/Calendar/constants.d.ts +1 -1
- package/dist/src/components/New/Dropdown/Dropdown.d.ts +9 -1
- package/dist/src/components/New/Dropdown/constants.d.ts +3 -0
- package/dist/src/components/New/FileIcon/FileIcon.d.ts +61 -0
- package/dist/src/components/New/FileIcon/constants.d.ts +16 -0
- package/dist/src/components/New/FileIcon/icons/FileGlyph.d.ts +18 -0
- package/dist/src/components/New/FileIcon/icons/FolderGlyph.d.ts +17 -0
- package/dist/src/components/New/FileName/FileName.d.ts +79 -0
- package/dist/src/components/New/FilterChips/FilterChips.d.ts +69 -0
- package/dist/src/components/New/FilterChips/constants.d.ts +13 -0
- package/dist/src/components/New/FolderName/FolderName.d.ts +37 -0
- package/dist/src/components/New/InteractiveTooltip/constants.d.ts +5 -4
- package/dist/src/components/New/Notification/Notification.d.ts +18 -0
- package/dist/src/components/New/Popup/constants.d.ts +1 -1
- package/dist/src/components/New/Select/constants.d.ts +3 -2
- package/dist/src/components/New/SharedEntityIndicator/SharedEntityIndicator.d.ts +35 -0
- package/dist/src/components/New/Tabs/Tabs.d.ts +54 -6
- package/dist/src/components/New/Tooltip/constants.d.ts +5 -3
- package/dist/src/components/New/TransferQueue/TransferQueue.d.ts +139 -0
- package/dist/src/components/New/TransferQueue/TransferQueueHeader.d.ts +16 -0
- package/dist/src/components/New/TransferQueue/TransferQueueRow.d.ts +10 -0
- package/dist/src/components/New/TransferQueue/constants.d.ts +6 -0
- package/dist/src/components/New/constants/overlay.d.ts +13 -0
- package/dist/src/components/Popup/constants.d.ts +1 -1
- package/dist/src/components/SchemaRenderer/types.d.ts +11 -0
- package/dist/src/components/SchemaRenderer/utils.d.ts +5 -1
- package/dist/src/constants/public-class-names.d.ts +189 -0
- package/dist/src/index.d.ts +21 -0
- package/dist/src/types/accordion.d.ts +7 -0
- package/dist/src/types/breadcrumbs.d.ts +9 -0
- package/dist/src/types/transfer-queue.d.ts +10 -0
- package/dist/src/utils/__tests__/timezone.spec.d.ts +1 -0
- package/dist/src/utils/sub-menu-floating.d.ts +7 -4
- package/dist/src/utils/timezone.d.ts +24 -0
- package/dist/types/accordion.js +4 -0
- package/dist/types/breadcrumbs.js +4 -0
- package/dist/types/transfer-queue.js +4 -0
- package/dist/use-file-manager-tabs-4s-dbnmu.cjs +3 -0
- package/dist/utils/merge-classes.js +12 -5
- package/dist/utils/sub-menu-floating.js +98 -54
- package/dist/utils/timezone.js +19 -0
- package/package.json +2 -2
- package/dist/DateCellRenderer-ssp7eaZY.cjs +0 -1
- package/dist/IconButton-DWqoaBWf.cjs +0 -1
- package/dist/lazy-tfN4sKhq.cjs +0 -1
- package/dist/merge-classes-Dipy1Ih1.cjs +0 -1
- package/dist/use-file-manager-tabs-DjdR_mYM.cjs +0 -3
package/dist/src/index.d.ts
CHANGED
|
@@ -138,9 +138,12 @@ export { type DialCopiedItem, type DialDeletedItem, type DialUploadFileItem, typ
|
|
|
138
138
|
export { GridSelectionMode } from './models/selection-mode';
|
|
139
139
|
export { mergeClasses } from './utils/merge-classes';
|
|
140
140
|
export { wrapInRootFolder } from './utils/flat-to-hierarchy-convertor.ts';
|
|
141
|
+
export { getTimezoneLabel } from './utils/timezone';
|
|
142
|
+
export type { TimezoneLabelOptions } from './utils/timezone';
|
|
141
143
|
export { NAME_COLUMN, SIZE_COLUMN, UPDATED_AT_COLUMN, } from './constants/file-grid-columns';
|
|
142
144
|
export { DIAL_ICON_SIZE, BASE_ICON_PROPS, BASE_ICON_SIZE, } from './constants/icon.ts';
|
|
143
145
|
export { NOT_ALLOWED_SYMBOLS, NOT_ALLOWED_SPACES, NOT_ALLOWED_SYMBOLS_REGEXP, NOT_ALLOWED_SPACES_REGEXP, } from './constants/validation.ts';
|
|
146
|
+
export { DIAL_KIT_CLASS } from './constants/public-class-names';
|
|
144
147
|
export { DialSchemaRenderer } from './components/SchemaRenderer/SchemaRenderer';
|
|
145
148
|
export { SchemaRendererVariant, SchemaDisplayMode, SchemaOrientation, JsonSchemaType, } from './components/SchemaRenderer/types';
|
|
146
149
|
export type { DialSchemaRendererProps, JsonSchema, JsonSchemaDef, ValidationError, } from './components/SchemaRenderer/types';
|
|
@@ -157,6 +160,9 @@ export { Calendar } from './components/New/Calendar/Calendar';
|
|
|
157
160
|
export type { CalendarProps, CalendarValue, } from './components/New/Calendar/Calendar';
|
|
158
161
|
export { FolderPath } from './components/New/FolderPath/FolderPath';
|
|
159
162
|
export type { FolderPathProps } from './components/New/FolderPath/FolderPath';
|
|
163
|
+
export { BreadcrumbsSize } from './types/breadcrumbs';
|
|
164
|
+
export { Breadcrumbs } from './components/New/Breadcrumbs/Breadcrumbs';
|
|
165
|
+
export type { BreadcrumbsProps, BreadcrumbsItem, } from './components/New/Breadcrumbs/Breadcrumbs';
|
|
160
166
|
export { DangerButton, GhostButton, LinkButton, NeutralButton, OutlinedButton, PrimaryButton, } from './components/New/Button/ButtonWrappers';
|
|
161
167
|
export { DangerIconButton, GhostIconButton, NeutralIconButton, PrimaryIconButton, StaticIconButton, } from './components/New/IconButton/IconButtonWrappers';
|
|
162
168
|
export { Button } from './components/New/Button/Button';
|
|
@@ -203,6 +209,7 @@ export type { CaptionTextProps } from './components/New/CaptionText/CaptionText'
|
|
|
203
209
|
export { CaptionText, ErrorText, } from './components/New/CaptionText/CaptionText';
|
|
204
210
|
export { Accordion } from './components/New/Accordion/Accordion';
|
|
205
211
|
export type { AccordionProps } from './components/New/Accordion/Accordion';
|
|
212
|
+
export { AccordionCaretPosition } from './types/accordion';
|
|
206
213
|
export { Switch } from './components/New/Switch/Switch';
|
|
207
214
|
export type { SwitchProps } from './components/New/Switch/Switch';
|
|
208
215
|
export { Radio } from './components/New/Radio/Radio';
|
|
@@ -221,8 +228,18 @@ export { SegmentedControl } from './components/New/SegmentedControl/SegmentedCon
|
|
|
221
228
|
export type { SegmentedControlProps, SegmentedControlItem, } from './components/New/SegmentedControl/SegmentedControl';
|
|
222
229
|
export { Tabs } from './components/New/Tabs/Tabs';
|
|
223
230
|
export type { TabsProps, TabItem } from './components/New/Tabs/Tabs';
|
|
231
|
+
export { FilterChips } from './components/New/FilterChips/FilterChips';
|
|
232
|
+
export type { FilterChipsProps, FilterChipItem, } from './components/New/FilterChips/FilterChips';
|
|
224
233
|
export { FileDropzone } from './components/New/FileDropzone/FileDropzone';
|
|
225
234
|
export type { FileDropzoneProps } from './components/New/FileDropzone/FileDropzone';
|
|
235
|
+
export { FileIcon } from './components/New/FileIcon/FileIcon';
|
|
236
|
+
export type { FileIconProps } from './components/New/FileIcon/FileIcon';
|
|
237
|
+
export { FileName } from './components/New/FileName/FileName';
|
|
238
|
+
export type { FileNameProps } from './components/New/FileName/FileName';
|
|
239
|
+
export { FolderName } from './components/New/FolderName/FolderName';
|
|
240
|
+
export type { FolderNameProps } from './components/New/FolderName/FolderName';
|
|
241
|
+
export { SharedEntityIndicator } from './components/New/SharedEntityIndicator/SharedEntityIndicator';
|
|
242
|
+
export type { SharedEntityIndicatorProps } from './components/New/SharedEntityIndicator/SharedEntityIndicator';
|
|
226
243
|
export { Tag } from './components/New/Tag/Tag';
|
|
227
244
|
export type { TagProps } from './components/New/Tag/Tag';
|
|
228
245
|
export { TagAppearance } from './types/tag';
|
|
@@ -253,6 +270,10 @@ export { ConditionalResizableContainer } from './components/New/ResizableContain
|
|
|
253
270
|
export type { ConditionalResizableContainerProps } from './components/New/ResizableContainer/ConditionalResizableContainer';
|
|
254
271
|
export { NoDataContent } from './components/New/NoDataContent/NoDataContent';
|
|
255
272
|
export type { NoDataContentProps } from './components/New/NoDataContent/NoDataContent';
|
|
273
|
+
export { TransferQueue } from './components/New/TransferQueue/TransferQueue';
|
|
274
|
+
export type { TransferQueueItem, TransferQueueLabels, TransferQueueProps, } from './components/New/TransferQueue/TransferQueue';
|
|
275
|
+
export { DEFAULT_TRANSFER_QUEUE_LABELS, TRANSFER_QUEUE_AUTO_CLOSE_DELAY_MS, } from './components/New/TransferQueue/constants';
|
|
276
|
+
export { TransferQueueItemStatus } from './types/transfer-queue';
|
|
256
277
|
export { Grid, GRID_SELECTION_COLUMN_ID } from './components/New/Grid/Grid';
|
|
257
278
|
export type { GridProps } from './components/New/Grid/Grid';
|
|
258
279
|
export { DateCellRenderer } from './components/New/Grid/renderers/DateCellRenderer';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export declare enum BreadcrumbsSize {
|
|
2
|
+
/** 14px `dial-small-text`, with a `dial-small-semi-text` current page. */
|
|
3
|
+
Small = "small",
|
|
4
|
+
/**
|
|
5
|
+
* 18px `dial-h2-text`, for a trail that doubles as the page heading. The
|
|
6
|
+
* token is semibold, so every segment is — including the current page.
|
|
7
|
+
*/
|
|
8
|
+
Heading = "heading"
|
|
9
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/** Lifecycle status of one item in a `TransferQueue`. */
|
|
2
|
+
export declare enum TransferQueueItemStatus {
|
|
3
|
+
/** Queued or running; the row shows a spinner and, when cancelable, a cancel control. */
|
|
4
|
+
InProgress = "inProgress",
|
|
5
|
+
Success = "success",
|
|
6
|
+
/** Delivered, but not everything the user asked for made it through. */
|
|
7
|
+
Warning = "warning",
|
|
8
|
+
Failed = "failed",
|
|
9
|
+
Canceled = "canceled"
|
|
10
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
1
|
+
import { HTMLProps, ReactNode } from 'react';
|
|
2
2
|
export interface SubMenuHoverOptions {
|
|
3
3
|
delay?: number | {
|
|
4
4
|
open?: number;
|
|
@@ -8,7 +8,10 @@ export interface SubMenuHoverOptions {
|
|
|
8
8
|
}
|
|
9
9
|
/**
|
|
10
10
|
* Shared floating state for right-side submenus.
|
|
11
|
-
* Handles open state, Floating UI positioning
|
|
11
|
+
* Handles open state, Floating UI positioning, hover/dismiss/role interactions,
|
|
12
|
+
* and the menu keyboard pattern: the inline-end arrow, Enter, or Space on the
|
|
13
|
+
* trigger opens the submenu and focuses its first row; ArrowUp/ArrowDown/Home/End
|
|
14
|
+
* move between its rows; the inline-start arrow closes it back to the trigger.
|
|
12
15
|
*/
|
|
13
16
|
export declare function useSubMenuFloating(gap: number, ariaRole?: 'menu' | 'listbox', disabled?: boolean, hoverOptions?: SubMenuHoverOptions): {
|
|
14
17
|
isOpen: boolean;
|
|
@@ -38,8 +41,8 @@ export declare function useSubMenuFloating(gap: number, ariaRole?: 'menu' | 'lis
|
|
|
38
41
|
refs: import('@floating-ui/react').ExtendedRefs<import('@floating-ui/react').ReferenceType>;
|
|
39
42
|
elements: import('@floating-ui/react').ExtendedElements<import('@floating-ui/react').ReferenceType>;
|
|
40
43
|
};
|
|
41
|
-
getReferenceProps: (userProps?:
|
|
42
|
-
getFloatingProps: (userProps?:
|
|
44
|
+
getReferenceProps: (userProps?: HTMLProps<Element>) => Record<string, unknown>;
|
|
45
|
+
getFloatingProps: (userProps?: HTMLProps<HTMLElement>) => Record<string, unknown>;
|
|
43
46
|
};
|
|
44
47
|
interface SubMenuPanelProps {
|
|
45
48
|
refs: ReturnType<typeof useSubMenuFloating>['refs'];
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Options for {@link getTimezoneLabel}.
|
|
3
|
+
*/
|
|
4
|
+
export interface TimezoneLabelOptions {
|
|
5
|
+
/** BCP 47 locale tag; only affects how the platform renders the offset
|
|
6
|
+
* (e.g. `fr` renders `UTC+01:00` where `en` renders `GMT+01:00`). Omitting
|
|
7
|
+
* it passes `undefined` to `Intl`, which resolves to the runtime's default
|
|
8
|
+
* locale. */
|
|
9
|
+
locale?: string;
|
|
10
|
+
/** IANA timezone name; defaults to the viewer's zone from
|
|
11
|
+
* `Intl.DateTimeFormat().resolvedOptions().timeZone`. */
|
|
12
|
+
timeZone?: string;
|
|
13
|
+
/** The date whose offset is rendered — the one in effect on `date`, so a
|
|
14
|
+
* value across a DST boundary from today shows its own offset. Defaults to
|
|
15
|
+
* today. */
|
|
16
|
+
date?: Date;
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* Returns a timezone as a hint label for time-of-day fields, e.g.
|
|
20
|
+
* `(GMT+01:00) Europe/Berlin`: the UTC offset in effect at `options.date`
|
|
21
|
+
* rendered by `Intl` (`timeZoneName: 'longOffset'`), followed by the IANA
|
|
22
|
+
* timezone name.
|
|
23
|
+
*/
|
|
24
|
+
export declare const getTimezoneLabel: ({ locale, timeZone, date, }?: TimezoneLabelOptions) => string;
|