@epam/ai-dial-ui-kit 0.15.0-dev.6 → 0.15.0-dev.7
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 +139 -0
- package/dist/CHANGELOG.md +10 -0
- package/dist/{DateCellRenderer-BVM-Q8yx.cjs → DateCellRenderer-4iMidqal.cjs} +26 -26
- package/dist/DateCellRenderer-CTTAnQjB.cjs +1 -0
- package/dist/JsonEditor-D2jSlRFi.cjs +1 -0
- package/dist/{MarkdownEditor-jQ8nDJfx.cjs → MarkdownEditor-BzEbdj7R.cjs} +1 -1
- package/dist/{MarkdownEditor-DHn2pYOJ.cjs → MarkdownEditor-C9-ZMRVi.cjs} +1 -1
- package/dist/MarkdownEditorContainer-BvwJjkiZ.cjs +1 -0
- package/dist/components/Dropdown/Dropdown.js +70 -65
- package/dist/components/Dropdown/DropdownSubMenuItem.js +63 -55
- package/dist/components/Dropdown/constants.js +14 -12
- package/dist/components/DropdownIcon/DropdownIcon.js +43 -32
- package/dist/components/MarkdownEditor/MarkdownEditorContainer.js +18 -16
- package/dist/components/New/Accordion/Accordion.js +39 -37
- package/dist/components/New/ButtonDropdown/ButtonDropdown.js +7 -6
- package/dist/components/New/Calendar/Calendar.js +253 -222
- package/dist/components/New/CaptionText/CaptionText.js +18 -15
- package/dist/components/New/CardShell/CardShell.js +4 -2
- package/dist/components/New/Checkbox/Checkbox.js +67 -56
- package/dist/components/New/Checkbox/CheckboxBox.js +4 -2
- 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 +101 -95
- package/dist/components/New/EllipsisTooltip/EllipsisTooltip.js +19 -17
- package/dist/components/New/FileDropzone/FileDropzone.js +27 -25
- 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 +12 -10
- package/dist/components/New/InlineSelect/InlineSelect.js +43 -41
- package/dist/components/New/InteractiveTooltip/InteractiveTooltip.js +40 -38
- 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 +20 -18
- package/dist/components/New/Notification/Notification.js +18 -16
- 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 +45 -43
- 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 +28 -26
- package/dist/components/New/SegmentedControl/SegmentedControl.js +29 -23
- package/dist/components/New/Select/Select.js +120 -109
- package/dist/components/New/Switch/Switch.js +69 -58
- package/dist/components/New/Tabs/Tabs.js +28 -22
- package/dist/components/New/Tag/Tag.js +42 -40
- package/dist/components/New/TagInput/TagInput.js +44 -42
- package/dist/components/New/ToggleIconButton/ToggleIconButton.js +25 -23
- package/dist/components/New/Tooltip/TooltipContent.js +10 -8
- package/dist/components/ProgressBar/ProgressBar.js +45 -31
- package/dist/components/Skeleton/Skeleton.js +25 -19
- package/dist/components/Spinner/Spinner.js +6 -4
- package/dist/components-manifest.json +7 -2
- package/dist/constants/public-class-names.js +152 -0
- package/dist/dial-ui-kit.cjs +2 -2
- package/dist/dial-ui-kit.js +203 -201
- package/dist/editor-_174x-qy.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-DM-7dL0Y.cjs +1 -0
- package/dist/src/constants/public-class-names.d.ts +143 -0
- package/dist/src/index.d.ts +1 -0
- package/dist/use-file-manager-tabs-DKmWaOlC.cjs +3 -0
- package/package.json +1 -1
- package/dist/DateCellRenderer-ssp7eaZY.cjs +0 -1
- package/dist/JsonEditor-qv1Z0dLX.cjs +0 -1
- package/dist/MarkdownEditorContainer-Bzcnoemw.cjs +0 -1
- package/dist/lazy-tfN4sKhq.cjs +0 -1
- package/dist/use-file-manager-tabs-DjdR_mYM.cjs +0 -3
|
@@ -0,0 +1,143 @@
|
|
|
1
|
+
export declare const DIAL_KIT_CLASS: {
|
|
2
|
+
/** The `role="status"` root of a `Spinner`. */
|
|
3
|
+
readonly spinner: "dial-kit-spinner";
|
|
4
|
+
/**
|
|
5
|
+
* The outermost element of a `ProgressBar`: the box wrapping its label,
|
|
6
|
+
* track and readout — or the track itself, which is the root when the bar
|
|
7
|
+
* has neither.
|
|
8
|
+
*/
|
|
9
|
+
readonly progressBar: "dial-kit-progress-bar";
|
|
10
|
+
/** The root of a `Skeleton`, wrapping its avatar and text rows. */
|
|
11
|
+
readonly skeleton: "dial-kit-skeleton";
|
|
12
|
+
/**
|
|
13
|
+
* The `Notification` surface. Present on every wrapper too — the toast and
|
|
14
|
+
* section-message variants of error, info, success, warning, loading and
|
|
15
|
+
* general all render this component.
|
|
16
|
+
*/
|
|
17
|
+
readonly notification: "dial-kit-notification";
|
|
18
|
+
/** The empty-state root of `NoDataContent`. */
|
|
19
|
+
readonly noDataContent: "dial-kit-no-data-content";
|
|
20
|
+
/** The text element of a `Highlight`, which renders the matched query. */
|
|
21
|
+
readonly highlight: "dial-kit-highlight";
|
|
22
|
+
/** The caption line under a field, rendered by `CaptionText`. */
|
|
23
|
+
readonly captionText: "dial-kit-caption-text";
|
|
24
|
+
/**
|
|
25
|
+
* A caption in its error variant — what `ErrorText` renders. Additive to
|
|
26
|
+
* `captionText`, since one component draws both.
|
|
27
|
+
*/
|
|
28
|
+
readonly errorText: "dial-kit-error-text";
|
|
29
|
+
/** The `Label` root, which wraps the `label` element and its info button. */
|
|
30
|
+
readonly label: "dial-kit-label";
|
|
31
|
+
/** The `article` element of a `CardShell`. */
|
|
32
|
+
readonly cardShell: "dial-kit-card-shell";
|
|
33
|
+
/** The `aside` element of a `CollapsibleSidebar`. */
|
|
34
|
+
readonly collapsibleSidebar: "dial-kit-collapsible-sidebar";
|
|
35
|
+
/** The content box inside a `ResizableContainer`'s resize frame. */
|
|
36
|
+
readonly resizableContainer: "dial-kit-resizable-container";
|
|
37
|
+
/**
|
|
38
|
+
* The `role="dialog"` panel of a `Popup`. Its backdrop is reached through
|
|
39
|
+
* `overlayClassName`.
|
|
40
|
+
*/
|
|
41
|
+
readonly popup: "dial-kit-popup";
|
|
42
|
+
/** The `Popup` panel of a `ConfirmationPopup`, additive to `popup`. */
|
|
43
|
+
readonly confirmationPopup: "dial-kit-confirmation-popup";
|
|
44
|
+
/** The root of an `Accordion`. */
|
|
45
|
+
readonly accordion: "dial-kit-accordion";
|
|
46
|
+
/** The breadcrumb root of a `FolderPath`. */
|
|
47
|
+
readonly folderPath: "dial-kit-folder-path";
|
|
48
|
+
/**
|
|
49
|
+
* The trigger wrapper of a `Dropdown`. Its floating panel is reached through
|
|
50
|
+
* `listClassName`.
|
|
51
|
+
*/
|
|
52
|
+
readonly dropdown: "dial-kit-dropdown";
|
|
53
|
+
/**
|
|
54
|
+
* The `role="none"` item list inside a dropdown overlay — the box that holds
|
|
55
|
+
* the rows and owns their vertical padding. Present in both generations, and
|
|
56
|
+
* on a submenu's own list. It is *not* the floating panel.
|
|
57
|
+
*/
|
|
58
|
+
readonly dropdownList: "dial-kit-dropdown-list";
|
|
59
|
+
/**
|
|
60
|
+
* One row of a floating overlay: a dropdown item, a `Select` option, a
|
|
61
|
+
* submenu trigger, or a submenu child. It sits on the element that draws the
|
|
62
|
+
* row box — so on the wrapper, not the inner button, for a row that has a
|
|
63
|
+
* `rightControl` beside it.
|
|
64
|
+
*/
|
|
65
|
+
readonly menuItem: "dial-kit-menuitem";
|
|
66
|
+
/**
|
|
67
|
+
* The trailing check of a chosen `MenuItemMark.Check` row. Decorative, like
|
|
68
|
+
* the glyph itself — the row's `aria-checked` / `aria-selected` carries the
|
|
69
|
+
* state.
|
|
70
|
+
*/
|
|
71
|
+
readonly menuItemCheck: "dial-kit-menuitem-check";
|
|
72
|
+
/** The primary icon of a `DialDropdownIcon` trigger. */
|
|
73
|
+
readonly dropdownIcon: "dial-kit-dropdown-icon";
|
|
74
|
+
/**
|
|
75
|
+
* The caret badge of a `DialDropdownIcon` trigger — the round plate the
|
|
76
|
+
* chevron sits on. Absent when `showCaret` is `false`.
|
|
77
|
+
*/
|
|
78
|
+
readonly dropdownIconCaret: "dial-kit-dropdown-icon-caret";
|
|
79
|
+
/** The bubble of a `Tooltip`, rendered by `TooltipContent` into a portal. */
|
|
80
|
+
readonly tooltip: "dial-kit-tooltip";
|
|
81
|
+
/** The panel of an `InteractiveTooltip` — the one whose content takes focus. */
|
|
82
|
+
readonly interactiveTooltip: "dial-kit-interactive-tooltip";
|
|
83
|
+
/** The text element of an `EllipsisTooltip`, which is also its trigger. */
|
|
84
|
+
readonly ellipsisTooltip: "dial-kit-ellipsis-tooltip";
|
|
85
|
+
/** The `Search` field, additive to the `dial-kit-input` its `Input` carries. */
|
|
86
|
+
readonly search: "dial-kit-search";
|
|
87
|
+
/** The `PasswordInput` field, additive to `dial-kit-input`. */
|
|
88
|
+
readonly passwordInput: "dial-kit-password-input";
|
|
89
|
+
/** The `NumberInput` field, additive to `dial-kit-input`. */
|
|
90
|
+
readonly numberInput: "dial-kit-number-input";
|
|
91
|
+
/** The `TagInput` field, additive to `dial-kit-input`. */
|
|
92
|
+
readonly tagInput: "dial-kit-tag-input";
|
|
93
|
+
/** The root of a `Select`, wrapping its label, field and caption. */
|
|
94
|
+
readonly select: "dial-kit-select";
|
|
95
|
+
/** The trigger button of an `InlineSelect`. */
|
|
96
|
+
readonly inlineSelect: "dial-kit-inline-select";
|
|
97
|
+
/** The root of a `Calendar`, wrapping its label and date field. */
|
|
98
|
+
readonly calendar: "dial-kit-calendar";
|
|
99
|
+
/** The drop area of a `FileDropzone`. */
|
|
100
|
+
readonly fileDropzone: "dial-kit-file-dropzone";
|
|
101
|
+
/** The row of a `Switch`: the control and its label. */
|
|
102
|
+
readonly switch: "dial-kit-switch";
|
|
103
|
+
/** The row of a `Checkbox`: the box and its label. */
|
|
104
|
+
readonly checkbox: "dial-kit-checkbox";
|
|
105
|
+
/** The decorative box a `CheckboxBox` draws, in a checkbox or a menu row. */
|
|
106
|
+
readonly checkboxBox: "dial-kit-checkbox-box";
|
|
107
|
+
/** The row of a `Radio`: the circle and its label. */
|
|
108
|
+
readonly radio: "dial-kit-radio";
|
|
109
|
+
/** The root of a `RadioGroup`, wrapping its label and its radios. */
|
|
110
|
+
readonly radioGroup: "dial-kit-radio-group";
|
|
111
|
+
/**
|
|
112
|
+
* The root of a `RadioGroupPopupField`, wrapping its label and the collapsed
|
|
113
|
+
* field that opens the group.
|
|
114
|
+
*/
|
|
115
|
+
readonly radioGroupPopupField: "dial-kit-radio-group-popup-field";
|
|
116
|
+
/** The `role="radiogroup"` track of a `SegmentedControl`. */
|
|
117
|
+
readonly segmentedControl: "dial-kit-segmented-control";
|
|
118
|
+
/** One segment of a `SegmentedControl`. */
|
|
119
|
+
readonly segmentedControlItem: "dial-kit-segmented-control-item";
|
|
120
|
+
/** The `role="tablist"` root of `Tabs`. */
|
|
121
|
+
readonly tabs: "dial-kit-tabs";
|
|
122
|
+
/**
|
|
123
|
+
* One tab inside `Tabs`. The selected tab's underline keeps its own
|
|
124
|
+
* `dial-kit-tab-selected-underline`.
|
|
125
|
+
*/
|
|
126
|
+
readonly tab: "dial-kit-tab";
|
|
127
|
+
/** A `Tag` pill, wherever it is rendered — including a `TagInput`'s rows. */
|
|
128
|
+
readonly tag: "dial-kit-tag";
|
|
129
|
+
/**
|
|
130
|
+
* A `ToggleIconButton`, additive to the `dial-kit-base-icon-button` it
|
|
131
|
+
* already carries.
|
|
132
|
+
*/
|
|
133
|
+
readonly toggleIconButton: "dial-kit-toggle-icon-button";
|
|
134
|
+
/** A `CloseButton`, additive to `dial-kit-base-icon-button`. */
|
|
135
|
+
readonly closeButton: "dial-kit-close-button";
|
|
136
|
+
/** An `InfoButton`, additive to `dial-kit-base-icon-button`. */
|
|
137
|
+
readonly infoButton: "dial-kit-info-button";
|
|
138
|
+
/**
|
|
139
|
+
* The wrapper of a `ButtonDropdown` — its trigger carries
|
|
140
|
+
* `dial-kit-base-button`.
|
|
141
|
+
*/
|
|
142
|
+
readonly buttonDropdown: "dial-kit-button-dropdown";
|
|
143
|
+
};
|
package/dist/src/index.d.ts
CHANGED
|
@@ -143,6 +143,7 @@ export type { TimezoneLabelOptions } from './utils/timezone';
|
|
|
143
143
|
export { NAME_COLUMN, SIZE_COLUMN, UPDATED_AT_COLUMN, } from './constants/file-grid-columns';
|
|
144
144
|
export { DIAL_ICON_SIZE, BASE_ICON_PROPS, BASE_ICON_SIZE, } from './constants/icon.ts';
|
|
145
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';
|
|
146
147
|
export { DialSchemaRenderer } from './components/SchemaRenderer/SchemaRenderer';
|
|
147
148
|
export { SchemaRendererVariant, SchemaDisplayMode, SchemaOrientation, JsonSchemaType, } from './components/SchemaRenderer/types';
|
|
148
149
|
export type { DialSchemaRendererProps, JsonSchema, JsonSchemaDef, ValidationError, } from './components/SchemaRenderer/types';
|