@epam/ai-dial-ui-kit 0.16.0-dev.45 → 0.16.0-dev.47
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 +11 -10
- package/dist/CHANGELOG.md +4 -1
- package/dist/DateCellRenderer-uqWWm9rI.cjs +63 -0
- package/dist/MarkdownEditor-BtLY7OVq.cjs +1 -0
- package/dist/components/New/Analytics/Bar/Bar.js +104 -0
- package/dist/components/New/Analytics/BarGroup/BarGroup.js +143 -0
- package/dist/components/New/Analytics/Card/Card.js +99 -0
- package/dist/components/New/Analytics/Histogram/Histogram.js +212 -0
- package/dist/components-manifest.json +3153 -5303
- package/dist/constants/public-class-names.js +8 -7
- package/dist/dial-ui-kit.cjs +3 -3
- package/dist/dial-ui-kit.js +381 -456
- package/dist/editors.cjs +1 -1
- package/dist/editors.js +4 -10
- package/dist/grid.cjs +1 -1
- package/dist/grid.js +23 -31
- package/dist/{merge-classes-B0SnCG4i.cjs → icon-D93YIwGJ.cjs} +1 -1
- package/dist/index.css +1 -1
- package/dist/migration-guides/0.16.0/legacy-file-manager-removal.md +5 -3
- package/dist/migration-guides/0.16.0/unused-legacy-components-removal.md +128 -0
- package/dist/migration-guides/README.md +1 -0
- package/dist/node_modules/react-dnd/dist/internals/registration.js +5 -13
- package/dist/src/components/New/Analytics/Bar/Bar.d.ts +86 -0
- package/dist/src/components/New/Analytics/BarGroup/BarGroup.d.ts +103 -0
- package/dist/src/components/New/Analytics/Card/Card.d.ts +91 -0
- package/dist/src/components/New/Analytics/Histogram/Histogram.d.ts +59 -0
- package/dist/src/components/New/MarkdownEditor/lazy.d.ts +8 -2
- package/dist/src/components/New/SegmentedControl/SegmentedControl.d.ts +2 -2
- package/dist/src/constants/public-class-names.d.ts +8 -7
- package/dist/src/index.d.ts +10 -53
- package/dist/src/subpaths/editors.d.ts +9 -15
- package/dist/src/subpaths/grid.d.ts +2 -8
- package/dist/src/types/editor.d.ts +0 -6
- package/dist/src/utils/grid-registration.d.ts +6 -8
- package/package.json +1 -12
- package/dist/DateCellRenderer-DrDOIpWg.cjs +0 -63
- package/dist/IconButton-CsePS6PY.cjs +0 -1
- package/dist/JsonEditor-DQhHSm93.cjs +0 -1
- package/dist/MarkdownEditor-CvIPIbPq.cjs +0 -1
- package/dist/MarkdownEditor-TR6X_gdl.cjs +0 -1
- package/dist/MarkdownEditorContainer-JIn_VNUX.cjs +0 -1
- package/dist/Switch-HEL_aq23.cjs +0 -1
- package/dist/assets/icons/file/c.svg.js +0 -5
- package/dist/assets/icons/file/cpp.svg.js +0 -5
- package/dist/assets/icons/file/cs.svg.js +0 -5
- package/dist/assets/icons/file/ini.svg.js +0 -5
- package/dist/assets/icons/file/json.svg.js +0 -5
- package/dist/assets/icons/file/md.svg.js +0 -5
- package/dist/assets/icons/file/py.svg.js +0 -5
- package/dist/assets/icons/open-popup.svg.js +0 -5
- package/dist/components/AutocompleteInput/AutocompleteInputValue.js +0 -21
- package/dist/components/ButtonDropdown/ButtonDropdown.js +0 -33
- package/dist/components/ButtonDropdown/constants.js +0 -8
- package/dist/components/Checkbox/Checkbox.js +0 -64
- package/dist/components/Checkbox/constants.js +0 -4
- package/dist/components/CollapsibleSidebar/CollapsibleSidebar.js +0 -84
- package/dist/components/ConfirmationPopup/ConfirmationPopup.js +0 -75
- package/dist/components/ConfirmationPopup/constants.js +0 -32
- package/dist/components/DraggableItem/DraggableItem.js +0 -61
- package/dist/components/DraggableItem/constants.js +0 -6
- package/dist/components/DropdownIcon/DropdownIcon.js +0 -103
- package/dist/components/FileIcon/FileIcon.js +0 -37
- package/dist/components/FileIcon/constants.js +0 -60
- package/dist/components/FileName/FileName.js +0 -68
- package/dist/components/FolderName/FolderName.js +0 -57
- package/dist/components/FormItem/FormItem.js +0 -90
- package/dist/components/FormItem/constants.js +0 -9
- package/dist/components/FormPopup/FormPopup.js +0 -59
- package/dist/components/FormPopup/constants.js +0 -6
- package/dist/components/Grid/Grid.js +0 -333
- package/dist/components/Grid/constants.js +0 -33
- package/dist/components/Grid/renderers/DateCellRenderer.js +0 -27
- package/dist/components/Grid/renderers/constants.js +0 -25
- package/dist/components/InputPopup/InputPopup.js +0 -174
- package/dist/components/JsonEditor/JsonEditor.js +0 -65
- package/dist/components/JsonEditor/lazy.js +0 -4
- package/dist/components/MarkdownEditor/MarkdownEditor.js +0 -39
- package/dist/components/MarkdownEditor/MarkdownEditorContainer.js +0 -82
- package/dist/components/MarkdownEditor/lazy.js +0 -4
- package/dist/components/Notification/Notification.js +0 -67
- package/dist/components/Notification/constants.js +0 -24
- package/dist/components/NumberInput/NumberInput.js +0 -41
- package/dist/components/Pagination/Pagination.js +0 -80
- package/dist/components/Pagination/utils.js +0 -10
- package/dist/components/PasswordInput/Icons/HideIcon.js +0 -16
- package/dist/components/PasswordInput/Icons/ShowIcon.js +0 -16
- package/dist/components/PasswordInput/PasswordInput.js +0 -21
- package/dist/components/Popup/Popup.js +0 -110
- package/dist/components/Popup/constants.js +0 -12
- package/dist/components/RadioButton/RadioButton.js +0 -103
- package/dist/components/RadioGroup/RadioGroup.js +0 -92
- package/dist/components/RadioGroup/constants.js +0 -10
- package/dist/components/RadioGroupPopupField/RadioGroupPopupField.js +0 -101
- package/dist/components/ResizableContainer/ConditionalResizableContainer.js +0 -6
- package/dist/components/ResizableContainer/ResizableContainer.js +0 -79
- package/dist/components/ResizableContainer/components/ResizeHandle.js +0 -20
- package/dist/components/ResizableContainer/components/ResizeIcon.js +0 -11
- package/dist/components/SchemaRenderer/SchemaRenderer.js +0 -151
- package/dist/components/SchemaRenderer/components/SchemaAdditionalPropertiesEditor.js +0 -56
- package/dist/components/SchemaRenderer/components/SchemaAnyOfEditor.js +0 -74
- package/dist/components/SchemaRenderer/components/SchemaArrayEditor.js +0 -118
- package/dist/components/SchemaRenderer/components/SchemaField.js +0 -78
- package/dist/components/SchemaRenderer/components/SchemaFieldContent.js +0 -114
- package/dist/components/SchemaRenderer/components/SchemaKeyValueEditor.js +0 -272
- package/dist/components/SchemaRenderer/components/SchemaObjectEditor.js +0 -36
- package/dist/components/SchemaRenderer/components/SchemaOneOfEditor.js +0 -192
- package/dist/components/SchemaRenderer/components/SchemaPrimitiveField.js +0 -161
- package/dist/components/SchemaRenderer/components/SchemaSection.js +0 -81
- package/dist/components/SchemaRenderer/context.js +0 -12
- package/dist/components/Search/Search.js +0 -63
- package/dist/components/Search/constants.js +0 -27
- package/dist/components/SegmentedControl/SegmentedControl.js +0 -87
- package/dist/components/SegmentedControl/constants.js +0 -8
- package/dist/components/Select/MultiSelectTags.js +0 -23
- package/dist/components/Select/Select.js +0 -435
- package/dist/components/Select/SelectSubMenuItem.js +0 -90
- package/dist/components/Select/constants.js +0 -15
- package/dist/components/SelectField/SelectField.js +0 -66
- package/dist/components/SharedEntityIndicator/SharedEntityIndicator.js +0 -34
- package/dist/components/Slider/Slider.js +0 -158
- package/dist/components/Switch/Switch.js +0 -70
- package/dist/components/TagInput/TagInput.js +0 -179
- package/dist/components/Textarea/Textarea.js +0 -43
- package/dist/constants/editor.js +0 -52
- package/dist/icon-CrGVkVpG.cjs +0 -1
- package/dist/icon-DhjrDQ8I.cjs +0 -1
- package/dist/lazy-kq-xfXXv.cjs +0 -1
- package/dist/node_modules/react-dnd/dist/hooks/useDrag/DragSourceImpl.js +0 -25
- package/dist/node_modules/react-dnd/dist/hooks/useDrag/connectors.js +0 -21
- package/dist/node_modules/react-dnd/dist/hooks/useDrag/useDrag.js +0 -20
- package/dist/node_modules/react-dnd/dist/hooks/useDrag/useDragSource.js +0 -19
- package/dist/node_modules/react-dnd/dist/hooks/useDrag/useDragSourceConnector.js +0 -22
- package/dist/node_modules/react-dnd/dist/hooks/useDrag/useDragSourceMonitor.js +0 -15
- package/dist/node_modules/react-dnd/dist/hooks/useDrag/useDragType.js +0 -13
- package/dist/node_modules/react-dnd/dist/hooks/useDrag/useRegisteredDragSource.js +0 -23
- package/dist/node_modules/react-dnd/dist/internals/DragSourceMonitorImpl.js +0 -88
- package/dist/node_modules/react-dnd/dist/internals/SourceConnector.js +0 -87
- package/dist/src/components/AutocompleteInput/AutocompleteInputValue.d.ts +0 -34
- package/dist/src/components/ButtonDropdown/ButtonDropdown.d.ts +0 -24
- package/dist/src/components/ButtonDropdown/constants.d.ts +0 -2
- package/dist/src/components/Checkbox/Checkbox.d.ts +0 -36
- package/dist/src/components/Checkbox/constants.d.ts +0 -1
- package/dist/src/components/CollapsibleSidebar/CollapsibleSidebar.d.ts +0 -46
- package/dist/src/components/ConfirmationPopup/ConfirmationPopup.d.ts +0 -55
- package/dist/src/components/ConfirmationPopup/constants.d.ts +0 -18
- package/dist/src/components/DraggableItem/DraggableItem.d.ts +0 -33
- package/dist/src/components/DraggableItem/constants.d.ts +0 -3
- package/dist/src/components/DropdownIcon/DropdownIcon.d.ts +0 -38
- package/dist/src/components/FileIcon/FileIcon.d.ts +0 -33
- package/dist/src/components/FileIcon/constants.d.ts +0 -9
- package/dist/src/components/FileName/FileName.d.ts +0 -49
- package/dist/src/components/FolderName/FolderName.d.ts +0 -37
- package/dist/src/components/FormItem/FormItem.d.ts +0 -66
- package/dist/src/components/FormItem/constants.d.ts +0 -3
- package/dist/src/components/FormPopup/FormPopup.d.ts +0 -46
- package/dist/src/components/FormPopup/constants.d.ts +0 -3
- package/dist/src/components/Grid/Grid.d.ts +0 -120
- package/dist/src/components/Grid/comparators/base-column-comparator.d.ts +0 -1
- package/dist/src/components/Grid/constants.d.ts +0 -28
- package/dist/src/components/Grid/renderers/DateCellRenderer.d.ts +0 -34
- package/dist/src/components/Grid/renderers/constants.d.ts +0 -7
- package/dist/src/components/Grid/renderers/utils.d.ts +0 -1
- package/dist/src/components/InputPopup/InputPopup.d.ts +0 -61
- package/dist/src/components/JsonEditor/JsonEditor.d.ts +0 -25
- package/dist/src/components/JsonEditor/lazy.d.ts +0 -14
- package/dist/src/components/MarkdownEditor/MarkdownEditor.d.ts +0 -38
- package/dist/src/components/MarkdownEditor/MarkdownEditorContainer.d.ts +0 -51
- package/dist/src/components/MarkdownEditor/lazy.d.ts +0 -7
- package/dist/src/components/Notification/Notification.d.ts +0 -58
- package/dist/src/components/Notification/constants.d.ts +0 -8
- package/dist/src/components/NumberInput/NumberInput.d.ts +0 -34
- package/dist/src/components/Pagination/Pagination.d.ts +0 -11
- package/dist/src/components/Pagination/utils.d.ts +0 -9
- package/dist/src/components/PasswordInput/Icons/HideIcon.d.ts +0 -16
- package/dist/src/components/PasswordInput/Icons/ShowIcon.d.ts +0 -16
- package/dist/src/components/PasswordInput/PasswordInput.d.ts +0 -26
- package/dist/src/components/Popup/Popup.d.ts +0 -64
- package/dist/src/components/Popup/constants.d.ts +0 -5
- package/dist/src/components/RadioButton/RadioButton.d.ts +0 -54
- package/dist/src/components/RadioGroup/RadioGroup.d.ts +0 -66
- package/dist/src/components/RadioGroup/constants.d.ts +0 -5
- package/dist/src/components/RadioGroupPopupField/RadioGroupPopupField.d.ts +0 -74
- package/dist/src/components/ResizableContainer/ConditionalResizableContainer.d.ts +0 -35
- package/dist/src/components/ResizableContainer/ResizableContainer.d.ts +0 -72
- package/dist/src/components/ResizableContainer/components/ResizeHandle.d.ts +0 -10
- package/dist/src/components/ResizableContainer/components/ResizeIcon.d.ts +0 -8
- package/dist/src/components/SchemaRenderer/SchemaRenderer.d.ts +0 -30
- package/dist/src/components/SchemaRenderer/components/SchemaAdditionalPropertiesEditor.d.ts +0 -20
- package/dist/src/components/SchemaRenderer/components/SchemaAnyOfEditor.d.ts +0 -31
- package/dist/src/components/SchemaRenderer/components/SchemaArrayEditor.d.ts +0 -31
- package/dist/src/components/SchemaRenderer/components/SchemaField.d.ts +0 -29
- package/dist/src/components/SchemaRenderer/components/SchemaFieldContent.d.ts +0 -25
- package/dist/src/components/SchemaRenderer/components/SchemaKeyValueEditor.d.ts +0 -33
- package/dist/src/components/SchemaRenderer/components/SchemaObjectEditor.d.ts +0 -31
- package/dist/src/components/SchemaRenderer/components/SchemaOneOfEditor.d.ts +0 -31
- package/dist/src/components/SchemaRenderer/components/SchemaPrimitiveField.d.ts +0 -31
- package/dist/src/components/SchemaRenderer/components/SchemaSection.d.ts +0 -33
- package/dist/src/components/SchemaRenderer/context.d.ts +0 -19
- package/dist/src/components/SchemaRenderer/types.d.ts +0 -62
- package/dist/src/components/SchemaRenderer/utils.d.ts +0 -1
- package/dist/src/components/Search/Search.d.ts +0 -35
- package/dist/src/components/Search/constants.d.ts +0 -8
- package/dist/src/components/SegmentedControl/SegmentedControl.d.ts +0 -40
- package/dist/src/components/SegmentedControl/constants.d.ts +0 -5
- package/dist/src/components/Select/MultiSelectTags.d.ts +0 -8
- package/dist/src/components/Select/Select.d.ts +0 -100
- package/dist/src/components/Select/SelectSubMenuItem.d.ts +0 -8
- package/dist/src/components/Select/constants.d.ts +0 -9
- package/dist/src/components/SelectField/SelectField.d.ts +0 -42
- package/dist/src/components/SharedEntityIndicator/SharedEntityIndicator.d.ts +0 -31
- package/dist/src/components/Slider/Slider.d.ts +0 -57
- package/dist/src/components/Switch/Switch.d.ts +0 -34
- package/dist/src/components/TagInput/TagInput.d.ts +0 -52
- package/dist/src/components/Textarea/Textarea.d.ts +0 -39
- package/dist/src/constants/editor.d.ts +0 -2
- package/dist/src/constants/storybook/form-item.d.ts +0 -3
- package/dist/src/models/segmented-control.d.ts +0 -7
- package/dist/src/types/form-item.d.ts +0 -31
- package/dist/src/types/select.d.ts +0 -8
- package/dist/types/form-item.js +0 -4
- package/dist/types/select.js +0 -5
|
@@ -1,18 +1,10 @@
|
|
|
1
|
-
function
|
|
2
|
-
const
|
|
1
|
+
function n(r, g, a) {
|
|
2
|
+
const t = a.getRegistry(), e = t.addTarget(r, g);
|
|
3
3
|
return [
|
|
4
|
-
|
|
5
|
-
() =>
|
|
6
|
-
];
|
|
7
|
-
}
|
|
8
|
-
function c(t, o, g) {
|
|
9
|
-
const e = g.getRegistry(), r = e.addSource(t, o);
|
|
10
|
-
return [
|
|
11
|
-
r,
|
|
12
|
-
() => e.removeSource(r)
|
|
4
|
+
e,
|
|
5
|
+
() => t.removeTarget(e)
|
|
13
6
|
];
|
|
14
7
|
}
|
|
15
8
|
export {
|
|
16
|
-
|
|
17
|
-
s as registerTarget
|
|
9
|
+
n as registerTarget
|
|
18
10
|
};
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
import { FC, ReactNode } from 'react';
|
|
2
|
+
import { AnalyticsBarColorStop } from '../../../../models/analytics';
|
|
3
|
+
export interface AnalyticsBarProps {
|
|
4
|
+
/**
|
|
5
|
+
* Current value used to size and color the bar. Pass `null` when there is no
|
|
6
|
+
* data (em dash, no progress bar). Omit it when `error` is set.
|
|
7
|
+
*/
|
|
8
|
+
value?: number | null;
|
|
9
|
+
/** Upper bound of the scale. Defaults to `1`. */
|
|
10
|
+
maxValue?: number;
|
|
11
|
+
/**
|
|
12
|
+
* Renders the error state: the bar fills with the error color and an error tag
|
|
13
|
+
* replaces the value label.
|
|
14
|
+
*/
|
|
15
|
+
error?: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* Renders the loading state: a loader replaces the value label and the bar shows
|
|
18
|
+
* an empty track while the value is being fetched.
|
|
19
|
+
*/
|
|
20
|
+
isLoading?: boolean;
|
|
21
|
+
/** Optional label rendered above the bar, on the left. */
|
|
22
|
+
title?: ReactNode;
|
|
23
|
+
/**
|
|
24
|
+
* Text rendered above the bar, on the right. Defaults to `value`, or an em dash
|
|
25
|
+
* (`—`) when `value` is `null`. Pass a formatted node (e.g. `"85%"`) to override.
|
|
26
|
+
*/
|
|
27
|
+
valueLabel?: ReactNode;
|
|
28
|
+
/**
|
|
29
|
+
* Ordered list of color bands keyed by ratio (value / maxValue).
|
|
30
|
+
* Defaults to {@link DEFAULT_ANALYTICS_BAR_COLOR_MAP}.
|
|
31
|
+
*/
|
|
32
|
+
colorMap?: AnalyticsBarColorStop[];
|
|
33
|
+
/** Additional CSS classes for the outer container. */
|
|
34
|
+
className?: string;
|
|
35
|
+
/** Additional CSS classes for the title label. */
|
|
36
|
+
titleClassName?: string;
|
|
37
|
+
/** Additional CSS classes for the value label. */
|
|
38
|
+
valueClassName?: string;
|
|
39
|
+
/**
|
|
40
|
+
* Renders the bar on a single row: the title takes the left half and the bar
|
|
41
|
+
* with its value takes the right half. Defaults to the stacked layout.
|
|
42
|
+
*/
|
|
43
|
+
inline?: boolean;
|
|
44
|
+
/** Accessible label for the bar. Falls back to the `title` when it is a string. */
|
|
45
|
+
ariaLabel?: string;
|
|
46
|
+
}
|
|
47
|
+
/**
|
|
48
|
+
* A compact analytics meter: a horizontal bar whose fill width and color reflect a
|
|
49
|
+
* value relative to `maxValue`, with an optional title on the left and value on the right.
|
|
50
|
+
* aliases: MetricBar|Meter|ScoreBar
|
|
51
|
+
* Design system 2.0
|
|
52
|
+
*
|
|
53
|
+
* The fill color is resolved from `colorMap` based on the normalized ratio
|
|
54
|
+
* (`value / maxValue`), so the bar shifts hue as the value grows. An empty bar
|
|
55
|
+
* (value `0`) shows only the `bg-layer-1` track. A missing value (`null`) shows
|
|
56
|
+
* an em dash and no progress bar.
|
|
57
|
+
*
|
|
58
|
+
* @example
|
|
59
|
+
* ```tsx
|
|
60
|
+
* <AnalyticsBar title="Relevance" value={0.82} valueLabel="82%" />
|
|
61
|
+
* ```
|
|
62
|
+
*
|
|
63
|
+
* @example
|
|
64
|
+
* ```tsx
|
|
65
|
+
* <AnalyticsBar
|
|
66
|
+
* title="Score"
|
|
67
|
+
* value={640}
|
|
68
|
+
* maxValue={1000}
|
|
69
|
+
* colorMap={customColorMap}
|
|
70
|
+
* />
|
|
71
|
+
* ```
|
|
72
|
+
*
|
|
73
|
+
* @param [value] - Current value used to size and color the bar. Pass `null` for no data (em dash, no bar). Omit when `error` is set.
|
|
74
|
+
* @param [maxValue=1] - Upper bound of the scale.
|
|
75
|
+
* @param [error] - Renders the error state (error-colored bar + error tag).
|
|
76
|
+
* @param [isLoading] - Renders the loading state (loader + empty track).
|
|
77
|
+
* @param [title] - Optional label rendered above the bar, on the left.
|
|
78
|
+
* @param [valueLabel] - Text rendered above the bar, on the right. Defaults to `value` or `—` when null.
|
|
79
|
+
* @param [colorMap=DEFAULT_ANALYTICS_BAR_COLOR_MAP] - Color bands keyed by ratio.
|
|
80
|
+
* @param [className] - Additional CSS classes for the outer container.
|
|
81
|
+
* @param [titleClassName] - Additional CSS classes for the title label.
|
|
82
|
+
* @param [valueClassName] - Additional CSS classes for the value label.
|
|
83
|
+
* @param [inline] - Renders the title and bar on a single row (50% / 50%).
|
|
84
|
+
* @param [ariaLabel] - Accessible label for the bar.
|
|
85
|
+
*/
|
|
86
|
+
export declare const AnalyticsBar: FC<AnalyticsBarProps>;
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
import { FC, ReactNode } from 'react';
|
|
2
|
+
import { AnalyticsBarColorStop } from '../../../../models/analytics';
|
|
3
|
+
export interface AnalyticsBarGroupProps {
|
|
4
|
+
/** Title passed to the accordion header. */
|
|
5
|
+
title: ReactNode;
|
|
6
|
+
/** Tooltip shown when hovering the accordion header title. */
|
|
7
|
+
titleTooltip?: ReactNode;
|
|
8
|
+
/** Description passed to the accordion header. Defaults to the number of entries. */
|
|
9
|
+
description?: ReactNode;
|
|
10
|
+
/**
|
|
11
|
+
* Map of metric name to numeric value. Each entry renders one bar.
|
|
12
|
+
* Pass `null` for a key when there is no data (em dash, no progress bar).
|
|
13
|
+
*/
|
|
14
|
+
data: Record<string, number | null>;
|
|
15
|
+
/**
|
|
16
|
+
* When provided, enables compare mode: keys are the union of `data` and
|
|
17
|
+
* `compareData`. Each entry renders two bars and, when both sides are numeric,
|
|
18
|
+
* a delta badge (`compareData[key] - data[key]`, three decimal places). A
|
|
19
|
+
* missing key (or explicit `null`) on either side shows an em dash with no
|
|
20
|
+
* progress bar and no delta. A rounded delta of `0` is omitted.
|
|
21
|
+
*/
|
|
22
|
+
compareData?: Record<string, number | null>;
|
|
23
|
+
/**
|
|
24
|
+
* Labels shown next to each of the two bars in compare mode.
|
|
25
|
+
* The first label is for `data`, the second for `compareData`.
|
|
26
|
+
* Has no effect when `compareData` is not set.
|
|
27
|
+
*/
|
|
28
|
+
compareLabels?: [ReactNode, ReactNode];
|
|
29
|
+
/** Upper bound passed to every bar. Defaults to the bar's own default (`1`). */
|
|
30
|
+
maxValue?: number;
|
|
31
|
+
/** Color map passed to every bar. */
|
|
32
|
+
colorMap?: AnalyticsBarColorStop[];
|
|
33
|
+
/** Whether the accordion is expanded initially. Defaults to `true`. */
|
|
34
|
+
defaultExpanded?: boolean;
|
|
35
|
+
/**
|
|
36
|
+
* Renders the group permanently expanded: the content is always visible and
|
|
37
|
+
* the accordion header has no toggle or chevron icon.
|
|
38
|
+
*/
|
|
39
|
+
nonCollapsible?: boolean;
|
|
40
|
+
/** Renders a loader in place of the bars while the data is being fetched. */
|
|
41
|
+
isLoading?: boolean;
|
|
42
|
+
/**
|
|
43
|
+
* Invoked with the entry key and value when a bar is clicked. When set, each
|
|
44
|
+
* bar becomes an interactive button. In compare mode the whole entry (label,
|
|
45
|
+
* delta, both bars) is the click target.
|
|
46
|
+
*/
|
|
47
|
+
onBarClick?: (key: string, value: number | null) => void;
|
|
48
|
+
/** Renders every bar on a single row (50% title, 50% bar + value). */
|
|
49
|
+
inline?: boolean;
|
|
50
|
+
/** Additional CSS classes for each bar's title label. */
|
|
51
|
+
barTitleClassName?: string;
|
|
52
|
+
/** Additional CSS classes for each bar's value label. */
|
|
53
|
+
barValueClassName?: string;
|
|
54
|
+
/**
|
|
55
|
+
* Additional CSS classes for each bar's outer container (e.g. for custom hover
|
|
56
|
+
* effects). In compare mode these classes apply to the shared container around
|
|
57
|
+
* both bars (one continuous block), and the entry wrapper is a Tailwind
|
|
58
|
+
* `group` — use `group-hover:` (not `hover:`) for pair hover. When `onBarClick`
|
|
59
|
+
* is set, that container also gets a default accent fill on group hover and
|
|
60
|
+
* `:focus-visible`.
|
|
61
|
+
*/
|
|
62
|
+
barClassName?: string;
|
|
63
|
+
/** Map of bar key to tooltip content. When provided, hovering each bar shows its description. */
|
|
64
|
+
barDescriptions?: Record<string, ReactNode>;
|
|
65
|
+
/** Additional CSS classes for the accordion container. */
|
|
66
|
+
className?: string;
|
|
67
|
+
}
|
|
68
|
+
/**
|
|
69
|
+
* A collapsible group of analytics bars built from a key/value map. Wraps
|
|
70
|
+
* {@link Accordion}: the `title` is shown in the header, the number of entries
|
|
71
|
+
* is shown as the header description, and each entry renders a {@link AnalyticsBar}
|
|
72
|
+
* with the key as its title and the value as its value.
|
|
73
|
+
* aliases: MetricBarGroup|BarList|NumericResults
|
|
74
|
+
* Design system 2.0
|
|
75
|
+
*
|
|
76
|
+
* @example
|
|
77
|
+
* ```tsx
|
|
78
|
+
* <AnalyticsBarGroup
|
|
79
|
+
* title="Relevance"
|
|
80
|
+
* data={{ accuracy: 0.82, recall: 0.64, precision: 0.91 }}
|
|
81
|
+
* />
|
|
82
|
+
* ```
|
|
83
|
+
*
|
|
84
|
+
* @param title - Title passed to the accordion header.
|
|
85
|
+
* @param [titleTooltip] - Tooltip shown when hovering the accordion header title.
|
|
86
|
+
* @param [description] - Description passed to the accordion header. Defaults to the number of entries.
|
|
87
|
+
* @param data - Map of metric name to numeric value (or `null` when missing). Each entry renders one bar.
|
|
88
|
+
* @param [compareData] - Enables compare mode: union of keys, delta badge (`compareData − data`) when both sides are numeric and the rounded delta is non-zero, em dash (no bar) when a side is missing.
|
|
89
|
+
* @param [compareLabels] - Labels for the two bars in compare mode: first for `data`, second for `compareData`.
|
|
90
|
+
* @param [maxValue] - Upper bound passed to every bar.
|
|
91
|
+
* @param [colorMap] - Color map passed to every bar.
|
|
92
|
+
* @param [defaultExpanded=true] - Whether the accordion is expanded initially.
|
|
93
|
+
* @param [nonCollapsible] - Renders the group permanently expanded without a toggle or chevron.
|
|
94
|
+
* @param [isLoading] - Renders a loader in place of the bars while the data is being fetched.
|
|
95
|
+
* @param [onBarClick] - Invoked with the entry key and value when a bar (or, in compare mode, the whole entry) is clicked.
|
|
96
|
+
* @param [inline] - Renders every bar on a single row (50% title, 50% bar + value).
|
|
97
|
+
* @param [barTitleClassName] - Additional CSS classes for each bar's title label.
|
|
98
|
+
* @param [barValueClassName] - Additional CSS classes for each bar's value label.
|
|
99
|
+
* @param [barClassName] - Additional CSS classes for each bar's outer container. In compare mode they apply to the shared pair container (one continuous block); the entry is a Tailwind `group` — use `group-hover:` for pair hover; when `onBarClick` is set that container also gets a default accent fill on hover and `:focus-visible`.
|
|
100
|
+
* @param [barDescriptions] - Map of bar key to tooltip content. Hovering each bar shows its description.
|
|
101
|
+
* @param [className] - Additional CSS classes for the accordion container.
|
|
102
|
+
*/
|
|
103
|
+
export declare const AnalyticsBarGroup: FC<AnalyticsBarGroupProps>;
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import { FC, ReactNode } from 'react';
|
|
2
|
+
import { AnalyticsCardCompareItem } from '../../../../models/analytics';
|
|
3
|
+
import { AnalyticsCardVariant } from '../../../../types/analytics';
|
|
4
|
+
export interface AnalyticsCardProps {
|
|
5
|
+
title: ReactNode;
|
|
6
|
+
value?: ReactNode;
|
|
7
|
+
description?: ReactNode;
|
|
8
|
+
variant?: AnalyticsCardVariant;
|
|
9
|
+
/** Renders an error tag in place of the value when the value is unavailable. */
|
|
10
|
+
error?: boolean;
|
|
11
|
+
/** Renders a loader in place of the value while the value is being fetched. */
|
|
12
|
+
isLoading?: boolean;
|
|
13
|
+
/** Additional CSS classes for the outer container. */
|
|
14
|
+
className?: string;
|
|
15
|
+
/**
|
|
16
|
+
* When provided, shows a delta badge next to the title.
|
|
17
|
+
* Values ≥ 0 use `bg-success text-success`; negative values use error styles.
|
|
18
|
+
* Positive values are prefixed with `+`.
|
|
19
|
+
*/
|
|
20
|
+
delta?: number;
|
|
21
|
+
/**
|
|
22
|
+
* Overrides the automatic sign-based style of the delta badge.
|
|
23
|
+
* Use when a positive delta is semantically bad (e.g. response time went up)
|
|
24
|
+
* or a negative delta is semantically good (e.g. error rate went down).
|
|
25
|
+
* When omitted, `delta ≥ 0` → success, `delta < 0` → error.
|
|
26
|
+
*/
|
|
27
|
+
deltaPositive?: boolean;
|
|
28
|
+
/**
|
|
29
|
+
* Suffix appended to the formatted delta with no space (e.g. `"s"` → `+9s`,
|
|
30
|
+
* `-19s`). Any string is valid (`s`, `ms`, `%`).
|
|
31
|
+
*/
|
|
32
|
+
deltaUnit?: string;
|
|
33
|
+
/**
|
|
34
|
+
* When provided, enables compare mode: the value area is split 50/50 with a
|
|
35
|
+
* vertical divider and each side shows its own sub-title and value.
|
|
36
|
+
* `value` is ignored when `compareValues` is set.
|
|
37
|
+
*/
|
|
38
|
+
compareValues?: [AnalyticsCardCompareItem, AnalyticsCardCompareItem];
|
|
39
|
+
}
|
|
40
|
+
/**
|
|
41
|
+
* A simple analytics summary card that displays a single metric as a title,
|
|
42
|
+
* a prominent value, and an optional description.
|
|
43
|
+
* aliases: MetricCard|StatCard|KpiCard
|
|
44
|
+
* Design system 2.0
|
|
45
|
+
*
|
|
46
|
+
* Two visual variants are available via the {@link AnalyticsCardVariant} enum:
|
|
47
|
+
* - `Default` — `bg-layer-3`, large `dial-display2-text` value, supports a description.
|
|
48
|
+
* - `Compact` — denser `bg-layer-2` card with a `dial-body-semi-text` value and no
|
|
49
|
+
* description (the `description` prop is ignored in this variant).
|
|
50
|
+
*
|
|
51
|
+
* **Compare mode** — pass `compareValues` to split the value area 50/50 between two
|
|
52
|
+
* metrics, each with its own sub-title. Long sub-titles truncate to a single line and
|
|
53
|
+
* show the full text in a tooltip. Pair with `delta` to show a change badge next
|
|
54
|
+
* to the card title, and `deltaUnit` for a suffix such as `"s"`.
|
|
55
|
+
*
|
|
56
|
+
* @example
|
|
57
|
+
* ```tsx
|
|
58
|
+
* <AnalyticsCard
|
|
59
|
+
* title="Total requests"
|
|
60
|
+
* value="12,480"
|
|
61
|
+
* description="+12% vs last week"
|
|
62
|
+
* />
|
|
63
|
+
* ```
|
|
64
|
+
*
|
|
65
|
+
* @example
|
|
66
|
+
* ```tsx
|
|
67
|
+
* <AnalyticsCard
|
|
68
|
+
* title="Response time"
|
|
69
|
+
* delta={9}
|
|
70
|
+
* deltaUnit="s"
|
|
71
|
+
* deltaPositive={false}
|
|
72
|
+
* compareValues={[
|
|
73
|
+
* { title: 'This week', value: '248ms' },
|
|
74
|
+
* { title: 'Last week', value: '220ms' },
|
|
75
|
+
* ]}
|
|
76
|
+
* />
|
|
77
|
+
* ```
|
|
78
|
+
*
|
|
79
|
+
* @param title - Short label describing the metric, rendered above the value.
|
|
80
|
+
* @param [value] - The primary metric value. Ignored when `compareValues` is set.
|
|
81
|
+
* @param [description] - Optional supporting text. Ignored when `variant` is `Compact`.
|
|
82
|
+
* @param [variant=AnalyticsCardVariant.Default] - Visual style of the card.
|
|
83
|
+
* @param [error] - Renders an error tag in place of the value.
|
|
84
|
+
* @param [isLoading] - Renders a loader in place of the value.
|
|
85
|
+
* @param [className] - Additional CSS classes for the card container.
|
|
86
|
+
* @param [delta] - Numeric change shown as a badge next to the title. ≥0 = success, <0 = error.
|
|
87
|
+
* @param [deltaPositive] - Overrides sign-based badge colour. Use for lower-is-better metrics.
|
|
88
|
+
* @param [deltaUnit] - Suffix appended to the formatted delta (e.g. `"s"` → `+9s`).
|
|
89
|
+
* @param [compareValues] - Enables compare mode with two side-by-side metrics.
|
|
90
|
+
*/
|
|
91
|
+
export declare const AnalyticsCard: FC<AnalyticsCardProps>;
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { FC, ReactNode } from 'react';
|
|
2
|
+
import { AnalyticsBarColorStop } from '../../../../models/analytics';
|
|
3
|
+
export interface AnalyticsHistogramProps {
|
|
4
|
+
/** Title rendered above the histogram. */
|
|
5
|
+
title: ReactNode;
|
|
6
|
+
/** Values to distribute across the columns. */
|
|
7
|
+
values: number[];
|
|
8
|
+
/**
|
|
9
|
+
* Ordered color bands defining the columns (and their colors), keyed by value.
|
|
10
|
+
* Defaults to {@link DEFAULT_ANALYTICS_BAR_COLOR_MAP}.
|
|
11
|
+
*/
|
|
12
|
+
colorMap?: AnalyticsBarColorStop[];
|
|
13
|
+
/** Noun used in the hover tooltip: `"{n} out of {k} {valueTitle}"`. */
|
|
14
|
+
valueTitle?: string;
|
|
15
|
+
/** When `true`, renders each column's count inside its bar. */
|
|
16
|
+
showCount?: boolean;
|
|
17
|
+
/** Renders a loader in place of the histogram while the data is being fetched. */
|
|
18
|
+
isLoading?: boolean;
|
|
19
|
+
/** Additional CSS classes for the outer container. */
|
|
20
|
+
className?: string;
|
|
21
|
+
/** Second set of values to overlay in compare mode. Primary bars are striped; compare bars are solid. */
|
|
22
|
+
compareValues?: number[];
|
|
23
|
+
/** Label for the primary values set, shown on the first tooltip line in compare mode. */
|
|
24
|
+
valueSetLabel?: string;
|
|
25
|
+
/** Label for the compare values set, shown on the first tooltip line in compare mode. */
|
|
26
|
+
compareValueSetLabel?: string;
|
|
27
|
+
}
|
|
28
|
+
/**
|
|
29
|
+
* A histogram that distributes `values` across the bands of a color map and draws a
|
|
30
|
+
* column per band. Each column's height is relative to the Y-axis max (an even
|
|
31
|
+
* ceiling of the dataset size — the "out of N" in the tooltip). Empty columns
|
|
32
|
+
* are outlined, populated columns are filled with their band color. A left
|
|
33
|
+
* Y-axis (count) and horizontal grid lines provide scale; interval labels run
|
|
34
|
+
* along the bottom. Hovering a column reveals a tooltip with its share of the
|
|
35
|
+
* total.
|
|
36
|
+
* aliases: Distribution|ColumnChart|FrequencyChart
|
|
37
|
+
* Design system 2.0
|
|
38
|
+
*
|
|
39
|
+
* @example
|
|
40
|
+
* ```tsx
|
|
41
|
+
* <AnalyticsHistogram
|
|
42
|
+
* title="Score distribution"
|
|
43
|
+
* values={[0.1, 0.15, 0.4, 0.42, 0.43, 0.9, 1]}
|
|
44
|
+
* valueTitle="responses"
|
|
45
|
+
* />
|
|
46
|
+
* ```
|
|
47
|
+
*
|
|
48
|
+
* @param title - Title rendered above the histogram.
|
|
49
|
+
* @param values - Values to distribute across the columns.
|
|
50
|
+
* @param [colorMap=DEFAULT_ANALYTICS_BAR_COLOR_MAP] - Color bands defining the columns.
|
|
51
|
+
* @param [valueTitle='values'] - Noun used in the hover tooltip.
|
|
52
|
+
* @param [showCount] - When `true`, renders each column's count inside its bar.
|
|
53
|
+
* @param [isLoading] - Renders a loader in place of the histogram while the data is being fetched.
|
|
54
|
+
* @param [className] - Additional CSS classes for the outer container.
|
|
55
|
+
* @param [compareValues] - Second set of values; enables compare mode (primary striped, compare solid).
|
|
56
|
+
* @param [valueSetLabel] - Label for the primary values set (compare mode tooltip).
|
|
57
|
+
* @param [compareValueSetLabel] - Label for the compare values set (compare mode tooltip).
|
|
58
|
+
*/
|
|
59
|
+
export declare const AnalyticsHistogram: FC<AnalyticsHistogramProps>;
|
|
@@ -1,7 +1,13 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Shared leaf module for the 2.0 Markdown editor's lazy loader. Both
|
|
3
3
|
* `src/index.ts` (root) and `src/subpaths/editors.ts` (`./editors`)
|
|
4
|
-
* re-export this same binding instead of each declaring their own copy
|
|
5
|
-
*
|
|
4
|
+
* re-export this same binding instead of each declaring their own copy of
|
|
5
|
+
* the loader function. The duplication it replaced was an emitted-topology
|
|
6
|
+
* defect, not just source-level duplication: a loader function's body
|
|
7
|
+
* containing its own `import()` call, when duplicated verbatim into more than
|
|
8
|
+
* one entry's own emitted chunk, can pull an unrelated dynamically-imported
|
|
9
|
+
* feature into the initial graph in some Vite/Rolldown versions - see
|
|
10
|
+
* `openspec/changes/isolate-heavy-feature-modules` Section 9's
|
|
11
|
+
* `diagnosis-baseline.txt` for the measured reproduction.
|
|
6
12
|
*/
|
|
7
13
|
export declare const LazyMarkdownEditor: () => Promise<typeof import('./MarkdownEditor')>;
|
|
@@ -37,8 +37,8 @@ export interface SegmentedControlProps<T extends string> {
|
|
|
37
37
|
* revealing a panel, so it takes `role="radiogroup"` with `role="radio"`
|
|
38
38
|
* segments. The group is a single tab stop — the selected segment holds it, and
|
|
39
39
|
* the arrow keys, `Home` and `End` move the selection, per the ARIA radio-group
|
|
40
|
-
* pattern.
|
|
41
|
-
* the behaviour this
|
|
40
|
+
* pattern. The removed 1.0 `DialSegmentedControl` used `tablist`/`tab`
|
|
41
|
+
* instead; that is the behaviour this replaced.
|
|
42
42
|
*
|
|
43
43
|
* An icon-only segment still needs a name: give it `aria-label`, since the icon
|
|
44
44
|
* carries no text. A segment with a string `label` is named by it.
|
|
@@ -32,6 +32,14 @@ export declare const DIAL_KIT_CLASS: {
|
|
|
32
32
|
readonly errorText: "dial-kit-error-text";
|
|
33
33
|
/** The `Label` root, which wraps the `label` element and its info button. */
|
|
34
34
|
readonly label: "dial-kit-label";
|
|
35
|
+
/** The root of an `AnalyticsCard`: the box holding its title, value and description. */
|
|
36
|
+
readonly analyticsCard: "dial-kit-analytics-card";
|
|
37
|
+
/** The root of an `AnalyticsBar`: the title row and track, stacked or inline. */
|
|
38
|
+
readonly analyticsBar: "dial-kit-analytics-bar";
|
|
39
|
+
/** The root of an `AnalyticsBarGroup`: its accordion, header and bars. */
|
|
40
|
+
readonly analyticsBarGroup: "dial-kit-analytics-bar-group";
|
|
41
|
+
/** The root of an `AnalyticsHistogram`: its title, axis and columns. */
|
|
42
|
+
readonly analyticsHistogram: "dial-kit-analytics-histogram";
|
|
35
43
|
/** The `article` element of a `CardShell`. */
|
|
36
44
|
readonly cardShell: "dial-kit-card-shell";
|
|
37
45
|
/** The `aside` element of a `CollapsibleSidebar`. */
|
|
@@ -93,13 +101,6 @@ export declare const DIAL_KIT_CLASS: {
|
|
|
93
101
|
* state.
|
|
94
102
|
*/
|
|
95
103
|
readonly menuItemCheck: "dial-kit-menuitem-check";
|
|
96
|
-
/** The primary icon of a `DialDropdownIcon` trigger. */
|
|
97
|
-
readonly dropdownIcon: "dial-kit-dropdown-icon";
|
|
98
|
-
/**
|
|
99
|
-
* The caret badge of a `DialDropdownIcon` trigger — the round plate the
|
|
100
|
-
* chevron sits on. Absent when `showCaret` is `false`.
|
|
101
|
-
*/
|
|
102
|
-
readonly dropdownIconCaret: "dial-kit-dropdown-icon-caret";
|
|
103
104
|
/** The bubble of a `Tooltip`, rendered by `TooltipContent` into a portal. */
|
|
104
105
|
readonly tooltip: "dial-kit-tooltip";
|
|
105
106
|
/** The panel of an `InteractiveTooltip` — the one whose content takes focus. */
|
package/dist/src/index.d.ts
CHANGED
|
@@ -16,43 +16,18 @@ export { DialLabel } from './components/Label/Label';
|
|
|
16
16
|
export { DialAccordion } from './components/Accordion/Accordion';
|
|
17
17
|
export type { DialAccordionProps } from './components/Accordion/Accordion';
|
|
18
18
|
export { DialIcon } from './components/Icon/Icon';
|
|
19
|
-
export { DialNotification } from './components/Notification/Notification.tsx';
|
|
20
|
-
export type { DialNotificationProps } from './components/Notification/Notification.tsx';
|
|
21
19
|
export { DialLoader } from './components/Loader/Loader';
|
|
22
20
|
export { Spinner } from './components/Spinner/Spinner';
|
|
23
21
|
export type { SpinnerProps } from './components/Spinner/Spinner';
|
|
24
22
|
export { ProgressBar } from './components/ProgressBar/ProgressBar';
|
|
25
23
|
export type { ProgressBarProps } from './components/ProgressBar/ProgressBar';
|
|
26
|
-
export { DialPagination } from './components/Pagination/Pagination';
|
|
27
|
-
export type { DialPaginationProps } from './components/Pagination/Pagination';
|
|
28
|
-
export { DialCheckbox } from './components/Checkbox/Checkbox';
|
|
29
24
|
export { DialSteps } from './components/Steps/Steps';
|
|
30
|
-
export { DialRadioButton } from './components/RadioButton/RadioButton';
|
|
31
|
-
export { DialRadioGroup } from './components/RadioGroup/RadioGroup';
|
|
32
|
-
export { DialSlider } from './components/Slider/Slider';
|
|
33
|
-
export type { DialSliderProps } from './components/Slider/Slider';
|
|
34
25
|
export { DialNoDataContent } from './components/NoDataContent/NoDataContent';
|
|
35
26
|
export type { DialNoDataContentProps } from './components/NoDataContent/NoDataContent';
|
|
36
|
-
export { DialCollapsibleSidebar } from './components/CollapsibleSidebar/CollapsibleSidebar';
|
|
37
27
|
export { DialLabelledText } from './components/LabelledText/LabelledText';
|
|
38
28
|
export { DialTag } from './components/Tag/Tag';
|
|
39
29
|
export { DialEllipsisTooltip } from './components/EllipsisTooltip/EllipsisTooltip';
|
|
40
|
-
export { DialDraggableItem } from './components/DraggableItem/DraggableItem';
|
|
41
|
-
export { DialFileIcon } from './components/FileIcon/FileIcon';
|
|
42
|
-
export type { DialFileIconProps } from './components/FileIcon/FileIcon';
|
|
43
|
-
export { DialFormItem } from './components/FormItem/FormItem';
|
|
44
|
-
export { DialSharedEntityIndicator } from './components/SharedEntityIndicator/SharedEntityIndicator';
|
|
45
|
-
export { DialFileName } from './components/FileName/FileName';
|
|
46
|
-
export { DialFolderName } from './components/FolderName/FolderName';
|
|
47
|
-
export { DialResizableContainer } from './components/ResizableContainer/ResizableContainer';
|
|
48
|
-
export { DialConditionalResizableContainer } from './components/ResizableContainer/ConditionalResizableContainer';
|
|
49
30
|
export { Skeleton } from './components/Skeleton/Skeleton';
|
|
50
|
-
export { DialGrid } from './components/Grid/Grid';
|
|
51
|
-
export type { DialGridProps } from './components/Grid/Grid';
|
|
52
|
-
export { DialDateCellRenderer } from './components/Grid/renderers/DateCellRenderer';
|
|
53
|
-
export type { DateValue as DialGridDateValue, DialDateCellRendererProps, } from './components/Grid/renderers/DateCellRenderer';
|
|
54
|
-
export { DEFAULT_DATE_FORMAT_OPTIONS as DEFAULT_GRID_DATE_FORMAT_OPTIONS, DEFAULT_LOCALE as DEFAULT_GRID_DATE_LOCALE, } from './components/Grid/renderers/constants';
|
|
55
|
-
export { convertToDate as convertGridDateToDate } from './components/Grid/renderers/utils';
|
|
56
31
|
export { DialTabs } from './components/Tabs/Tabs';
|
|
57
32
|
export { DialBreadcrumb } from './components/Breadcrumb/Breadcrumb';
|
|
58
33
|
export type { DialBreadcrumbProps } from './components/Breadcrumb/Breadcrumb';
|
|
@@ -64,38 +39,18 @@ export { DialDangerButton, DialNeutralButton, DialPrimaryButton, DialGhostButton
|
|
|
64
39
|
export { DialDangerIconButton, DialGhostIconButton, DialNeutralIconButton, DialPrimaryIconButton, DialSecondaryIconButton, DialSuccessIconButton, DialTertiaryIconButton, } from './components/IconButton/IconButtonWrappers';
|
|
65
40
|
export { DialCloseButton } from './components/CloseButton/CloseButton';
|
|
66
41
|
export { DialRemoveButton } from './components/RemoveButton/RemoveButton';
|
|
67
|
-
export { DialTextarea } from './components/Textarea/Textarea';
|
|
68
42
|
export { DialTooltip } from './components/Tooltip/Tooltip';
|
|
69
43
|
export type { DialTooltipProps } from './components/Tooltip/Tooltip';
|
|
70
44
|
export { DialTooltipContainer } from './components/Tooltip/TooltipContainer';
|
|
71
45
|
export { DialTooltipContent } from './components/Tooltip/TooltipContent';
|
|
72
46
|
export { DialTooltipTrigger } from './components/Tooltip/TooltipTrigger';
|
|
73
47
|
export type { DialTooltipContainerOptions } from './components/Tooltip/TooltipContext';
|
|
74
|
-
export { DialSwitch } from './components/Switch/Switch';
|
|
75
|
-
export { DialSegmentedControl } from './components/SegmentedControl/SegmentedControl';
|
|
76
|
-
export type { DialSegmentedControlProps } from './components/SegmentedControl/SegmentedControl';
|
|
77
|
-
export { DialPopup } from './components/Popup/Popup';
|
|
78
|
-
export { DialConfirmationPopup } from './components/ConfirmationPopup/ConfirmationPopup';
|
|
79
|
-
export { DialRadioGroupPopupField } from './components/RadioGroupPopupField/RadioGroupPopupField';
|
|
80
|
-
export { DialFormPopup } from './components/FormPopup/FormPopup';
|
|
81
48
|
export { DialInput } from './components/Input/Input';
|
|
82
49
|
export type { DialInputButtonProps } from './components/Input/Button/InputButton';
|
|
83
50
|
export type { DialInputProps } from './components/Input/Input';
|
|
84
|
-
export { DialNumberInput } from './components/NumberInput/NumberInput';
|
|
85
|
-
export { DialPasswordInput } from './components/PasswordInput/PasswordInput';
|
|
86
|
-
export { DialSearch } from './components/Search/Search';
|
|
87
|
-
export type { DialSearchProps } from './components/Search/Search';
|
|
88
|
-
export { DialInputPopup } from './components/InputPopup/InputPopup';
|
|
89
|
-
export { DialAutocompleteInputValue } from './components/AutocompleteInput/AutocompleteInputValue';
|
|
90
|
-
export { DialTagInput } from './components/TagInput/TagInput';
|
|
91
|
-
export { DialSelect } from './components/Select/Select';
|
|
92
|
-
export { DialSelectField } from './components/SelectField/SelectField';
|
|
93
51
|
export { DialLoadFileArea } from './components/LoadFileArea/LoadFileArea';
|
|
94
52
|
export { DialLoadFileAreaField } from './components/LoadFileArea/LoadFileAreaField';
|
|
95
53
|
export { DialDropdown } from './components/Dropdown/Dropdown';
|
|
96
|
-
export { DialButtonDropdown } from './components/ButtonDropdown/ButtonDropdown';
|
|
97
|
-
export { DialDropdownIcon } from './components/DropdownIcon/DropdownIcon';
|
|
98
|
-
export type { DialDropdownIconProps } from './components/DropdownIcon/DropdownIcon';
|
|
99
54
|
export { EditorThemes } from './types/editor';
|
|
100
55
|
export { ButtonVariant, ButtonAppearance } from './types/button';
|
|
101
56
|
export { RadioGroupOrientation } from './types/radio-group';
|
|
@@ -106,8 +61,6 @@ export { MenuItemMark } from './types/menu-item';
|
|
|
106
61
|
export { ElementSize } from './types/size';
|
|
107
62
|
export { ScreenResolution, TabOrientation, TabStatus, TabView, } from './types/tab';
|
|
108
63
|
export type { DialBreadcrumbPathItem } from './models/breadcrumb';
|
|
109
|
-
export { FormItemOrientation } from './types/form-item';
|
|
110
|
-
export { SelectSize, SelectVariant } from './types/select';
|
|
111
64
|
export { FlexibleActionsDirection } from './types/flexible-actions';
|
|
112
65
|
export { DialItemType } from './types/item';
|
|
113
66
|
export { ResizableContainerSide } from './types/resizable-container';
|
|
@@ -118,7 +71,6 @@ export { StepStatus } from './models/step';
|
|
|
118
71
|
export type { Step } from './models/step';
|
|
119
72
|
export type { RadioButtonWithContent } from './models/radio';
|
|
120
73
|
export type { SelectOption } from './models/select';
|
|
121
|
-
export type { SegmentedControlOption } from './models/segmented-control';
|
|
122
74
|
export type { TabModel } from './models/tab';
|
|
123
75
|
export type { DropdownItem } from './models/dropdown';
|
|
124
76
|
export type { DialModifiedEntity } from './models/base-entity';
|
|
@@ -133,13 +85,10 @@ export type { TimezoneLabelOptions } from './utils/timezone';
|
|
|
133
85
|
export { DIAL_ICON_SIZE, BASE_ICON_PROPS, BASE_ICON_SIZE, } from './constants/icon.ts';
|
|
134
86
|
export { NOT_ALLOWED_SYMBOLS, NOT_ALLOWED_SPACES, NOT_ALLOWED_SYMBOLS_REGEXP, NOT_ALLOWED_SPACES_REGEXP, } from './constants/validation.ts';
|
|
135
87
|
export { DIAL_KIT_CLASS } from './constants/public-class-names';
|
|
136
|
-
export {
|
|
137
|
-
export {
|
|
138
|
-
export type { DialSchemaRendererProps, JsonSchema, JsonSchemaDef, ValidationError, SchemaRendererTexts, } from './components/SchemaRenderer/types';
|
|
88
|
+
export { SchemaRendererVariant, SchemaDisplayMode, SchemaOrientation, JsonSchemaType, } from './types/json-schema';
|
|
89
|
+
export type { JsonSchema, JsonSchemaDef, ValidationError, SchemaRendererTexts, } from './models/json-schema';
|
|
139
90
|
export { SchemaRenderer } from './components/New/SchemaRenderer/SchemaRenderer';
|
|
140
91
|
export type { SchemaRendererProps, SchemaRenderField, } from './components/New/SchemaRenderer/types';
|
|
141
|
-
export { LazyDialJsonEditor } from './components/JsonEditor/lazy';
|
|
142
|
-
export { LazyDialMarkdownEditor } from './components/MarkdownEditor/lazy';
|
|
143
92
|
export { NotificationVariant, NotificationType } from './types/notification.ts';
|
|
144
93
|
export { Notification } from './components/New/Notification/Notification';
|
|
145
94
|
export { Highlight } from './components/New/Highlight/Highlight';
|
|
@@ -175,6 +124,14 @@ export type { MultiSelectTagsProps } from './components/New/Select/MultiSelectTa
|
|
|
175
124
|
export { InfoButton } from './components/New/InfoButton/InfoButton';
|
|
176
125
|
export type { InfoButtonProps } from './components/New/InfoButton/InfoButton';
|
|
177
126
|
export type { LabelProps } from './components/New/Label/Label';
|
|
127
|
+
export { AnalyticsCard } from './components/New/Analytics/Card/Card';
|
|
128
|
+
export type { AnalyticsCardProps } from './components/New/Analytics/Card/Card';
|
|
129
|
+
export { AnalyticsBar } from './components/New/Analytics/Bar/Bar';
|
|
130
|
+
export type { AnalyticsBarProps } from './components/New/Analytics/Bar/Bar';
|
|
131
|
+
export { AnalyticsBarGroup } from './components/New/Analytics/BarGroup/BarGroup';
|
|
132
|
+
export type { AnalyticsBarGroupProps } from './components/New/Analytics/BarGroup/BarGroup';
|
|
133
|
+
export { AnalyticsHistogram } from './components/New/Analytics/Histogram/Histogram';
|
|
134
|
+
export type { AnalyticsHistogramProps } from './components/New/Analytics/Histogram/Histogram';
|
|
178
135
|
export { Label } from './components/New/Label/Label';
|
|
179
136
|
export { Textarea, TextareaResize } from './components/New/Textarea/Textarea';
|
|
180
137
|
export { Input } from './components/New/Input/Input';
|
|
@@ -1,22 +1,16 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* `@epam/ai-dial-ui-kit/editors` - curated subpath for the
|
|
3
|
-
*
|
|
2
|
+
* `@epam/ai-dial-ui-kit/editors` - curated subpath for the Markdown editor
|
|
3
|
+
* lazy loader.
|
|
4
4
|
*
|
|
5
|
-
* The
|
|
6
|
-
* `src/index.ts` re-exports (`components/
|
|
7
|
-
*
|
|
8
|
-
*
|
|
9
|
-
*
|
|
10
|
-
*
|
|
11
|
-
*
|
|
12
|
-
* this re-export back to the leaf module to keep attaching lazy-loading
|
|
13
|
-
* metadata to `DialJsonEditor`/`DialMarkdownEditor`/`MarkdownEditor` (2.0)
|
|
5
|
+
* The loader below is re-exported from the same shared leaf module
|
|
6
|
+
* `src/index.ts` re-exports (`components/New/MarkdownEditor/lazy`), so this
|
|
7
|
+
* entry and the root reference one emitted chunk instead of each carrying
|
|
8
|
+
* its own duplicate copy of the loader's `import()` call - see that module's
|
|
9
|
+
* comment for the emitted-topology defect that duplication caused.
|
|
10
|
+
* `src/mcp/generate-manifest.ts` follows this re-export back to the leaf
|
|
11
|
+
* module to keep attaching lazy-loading metadata to `MarkdownEditor` (2.0)
|
|
14
12
|
* in the published MCP component manifest.
|
|
15
13
|
*/
|
|
16
|
-
export { LazyDialJsonEditor } from '../components/JsonEditor/lazy';
|
|
17
|
-
export { LazyDialMarkdownEditor } from '../components/MarkdownEditor/lazy';
|
|
18
14
|
export { LazyMarkdownEditor } from '../components/New/MarkdownEditor/lazy';
|
|
19
|
-
export declare const LazyDialMarkdownEditorContainer: () => Promise<typeof import('../components/MarkdownEditor/MarkdownEditorContainer')>;
|
|
20
15
|
export { EditorThemes } from '../types/editor';
|
|
21
16
|
export type { MarkdownEditorProps } from '../components/New/MarkdownEditor/MarkdownEditor';
|
|
22
|
-
export type { DialMarkdownEditorContainerProps } from '../components/MarkdownEditor/MarkdownEditorContainer';
|
|
@@ -1,19 +1,13 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* `@epam/ai-dial-ui-kit/grid` - curated subpath for
|
|
2
|
+
* `@epam/ai-dial-ui-kit/grid` - curated subpath for the Grid.
|
|
3
3
|
*
|
|
4
4
|
* Re-exports the Grid-related names from the root `src/index.ts` barrel.
|
|
5
5
|
* This subpath is an ergonomic feature boundary, not a substitute for the
|
|
6
6
|
* root entry's own tree-shaking (which
|
|
7
7
|
* `preserveModules` already provides for a root `import { Button } from
|
|
8
8
|
* '@epam/ai-dial-ui-kit'`). Importing from here pulls in ag-grid-community /
|
|
9
|
-
* ag-grid-react, exactly as importing `Grid
|
|
9
|
+
* ag-grid-react, exactly as importing `Grid` from the root does.
|
|
10
10
|
*/
|
|
11
|
-
export { DialGrid } from '../components/Grid/Grid';
|
|
12
|
-
export type { DialGridProps } from '../components/Grid/Grid';
|
|
13
|
-
export { DialDateCellRenderer } from '../components/Grid/renderers/DateCellRenderer';
|
|
14
|
-
export type { DateValue as DialGridDateValue, DialDateCellRendererProps, } from '../components/Grid/renderers/DateCellRenderer';
|
|
15
|
-
export { DEFAULT_DATE_FORMAT_OPTIONS as DEFAULT_GRID_DATE_FORMAT_OPTIONS, DEFAULT_LOCALE as DEFAULT_GRID_DATE_LOCALE, } from '../components/Grid/renderers/constants';
|
|
16
|
-
export { convertToDate as convertGridDateToDate } from '../components/Grid/renderers/utils';
|
|
17
11
|
export { Grid, GRID_SELECTION_COLUMN_ID } from '../components/New/Grid/Grid';
|
|
18
12
|
export type { GridProps } from '../components/New/Grid/Grid';
|
|
19
13
|
export { GridAppearance, GridColorScheme } from '../types/grid';
|
|
@@ -1,9 +1,3 @@
|
|
|
1
|
-
import { editor } from 'monaco-editor';
|
|
2
|
-
export type JSONEditorError = editor.IMarker;
|
|
3
|
-
export type JSONEditorThemeConfig = editor.IStandaloneThemeData;
|
|
4
|
-
export interface JSONEditorErrorNotification extends JSONEditorError {
|
|
5
|
-
id: string;
|
|
6
|
-
}
|
|
7
1
|
export declare enum EditorThemes {
|
|
8
2
|
dark = "dark",
|
|
9
3
|
light = "light"
|