@epam/ai-dial-ui-kit 0.16.0-dev.67 → 0.16.0-dev.69
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/dist/CHANGELOG.md +7 -0
- package/dist/{DateCellRenderer-DMq0adkA.cjs → DateCellRenderer-VFKHZI-J.cjs} +23 -23
- package/dist/components/New/Breadcrumbs/Breadcrumbs.js +65 -61
- package/dist/components/New/Breadcrumbs/constants.js +40 -21
- package/dist/components/New/Grid/Grid.js +201 -182
- package/dist/components/New/Grid/components/GridEmptyState.js +13 -0
- package/dist/components/New/Select/Select.js +112 -109
- package/dist/components-manifest.json +57 -13
- package/dist/dial-ui-kit.cjs +3 -3
- package/dist/grid.cjs +1 -1
- package/dist/index.css +1 -1
- package/dist/migration-guides/0.16.0/grid-empty-state-pattern.md +100 -0
- package/dist/migration-guides/README.md +1 -0
- package/dist/src/components/New/Breadcrumbs/Breadcrumbs.d.ts +8 -5
- package/dist/src/components/New/Breadcrumbs/constants.d.ts +17 -10
- package/dist/src/components/New/Grid/Grid.d.ts +42 -7
- package/dist/src/components/New/Grid/components/GridEmptyState.d.ts +21 -0
- package/dist/src/components/New/NoDataContent/NoDataContent.d.ts +8 -0
- package/dist/src/components/New/Select/Select.d.ts +6 -0
- package/dist/src/components/New/constants/icon.d.ts +2 -2
- package/dist/src/types/breadcrumbs.d.ts +6 -0
- package/dist/types/breadcrumbs.js +1 -1
- package/package.json +1 -1
package/dist/CHANGELOG.md
CHANGED
|
@@ -29,8 +29,13 @@ Versions match the git tags on the `development` branch.
|
|
|
29
29
|
- **`DialAnalyticsCard`, `DialAnalyticsBar`, `DialAnalyticsBarGroup`, `DialAnalyticsErrorTag`, `DialAnalyticsHistogram`, `DialSteps` — removed from the kit** — the legacy analytics set, its `AnalyticsCardVariant` enum, `DEFAULT_ANALYTICS_BAR_COLOR_MAP`, the `AnalyticsBarColorStop` / `AnalyticsCardCompareItem` types and the 1.0 `DialSteps` are gone. All of them already have 2.0 versions: `AnalyticsCard`, `AnalyticsBar`, `AnalyticsBarGroup` and `AnalyticsHistogram` (#978) and `Steps`; `DialAnalyticsErrorTag` is replaced by a red filled `Badge`. `Step` and `StepStatus` stay.
|
|
30
30
|
See [migration guide](migration-guides/0.16.0/legacy-analytics-and-steps-removal.md).
|
|
31
31
|
|
|
32
|
+
- **`Grid` (2.0) — empty state follows the Patterns 2.0 empty-state behaviour** — the grid drew a 100px `IconZoomCancel` instead of the shared `NoDataContent` card, said "No results found" / "Sorry, we couldn't find any results for your search." even when it simply had no rows, announced that message on every load, and left the column-filter case to ag-Grid's own unstyled no-matching-rows overlay. It now shows the shared card in both cases: no rows → `emptyStateTitle` (`'No items yet'`), `emptyStateDescription` (`'Items will appear here once they are added.'`) and the new `emptyStateAction`, announced only with the new `emptyStateLive`; filters leaving no rows → the new `filteredEmptyStateTitle` (`'No items found'`) / `filteredEmptyStateDescription` (`'Try a different search term or check your filters.'`), always announced. The grid sets `overlayComponentSelector` instead of `noRowsOverlayComponent`. Hosts that pass their own copy keep it; a host that filters `rowData` itself and relied on the announcement sets `emptyStateLive`.
|
|
33
|
+
See [migration guide](migration-guides/0.16.0/grid-empty-state-pattern.md).
|
|
34
|
+
|
|
32
35
|
### Added
|
|
33
36
|
|
|
37
|
+
- **`Select` (2.0) — `filteredEmptyStateTitle` / `filteredEmptyStateDescription`, and the no-match message is announced** — a search that left no options showed the same `emptyStateTitle` as an empty list ("No options available"), so a host had to switch the copy on the query itself, and the message was never announced. The new props carry the "No [entities] found" copy for a non-empty query and fall back to `emptyStateTitle` / `emptyStateDescription`, so hosts that already switch the copy see no change; with a query the message is a `role="status"` region. Additive.
|
|
38
|
+
|
|
34
39
|
- **`ErrorBoundary` (2.0)** — DIAL Chat (`react-error-boundary` with its own `ErrorAlert`) and Models Garden (a hand-written class around `StateScreen`) each built their crash screen, and only Models Garden announced the crash. It catches a render error in its subtree and shows a `StateScreen` with a warning badge and a focused `PrimaryButton`; the button calls `onReset` and renders the children again, or reloads the page when there is no `onReset`. `resetKeys` clears the error when a value such as the route path changes, and `onError` reports it. The crash is announced through an assertive `LiveRegion` mounted with the boundary, before the error. All text comes from props. No new public class: it is addressed through `dial-kit-state-screen` and `dial-kit-live-region`. Additive.
|
|
35
40
|
|
|
36
41
|
- **`Spinner` (2.0) — `fullScreen`, `focusRef`** — Quick Apps, the editor and Models Garden each wrapped `Spinner` for their loading screen (`fullWidth` with `h-screen` or `h-dvh`, their own background and layer), and the three drifted apart. `fullScreen` makes the status root a fixed overlay on `bg-layer-base` at the kit's popup layer with the ring centred, so it covers the page and its header wherever it is rendered. `focusRef` makes the ring focusable (`tabIndex={-1}`) and points the ref at it, so a host can move focus to the loading state after a retry removes the focused control; the ring, not the overlay, takes focus, so the outline stays on screen. Both default off. Additive.
|
|
@@ -87,6 +92,8 @@ Versions match the git tags on the `development` branch.
|
|
|
87
92
|
|
|
88
93
|
- **`Calendar` (2.0) — `time` mode opens an hour/minute picker, `showTimePicker`** — the `time` field was a bare masked `HH:mm` input, which is easy to mistype and gives no sense of what is valid. A clock button at the field's trailing edge now opens a popover with an hour and a minute column: picking an hour keeps the current minutes (or `00`), picking minutes closes the popover, and ArrowUp / ArrowDown / Home / End move between options. Typing `HH:mm` still works and `onChange` / `onBlur` fire as before, so consumers need no changes, but the field now renders inside a wrapper and shows the button; `showTimePicker={false}` restores the bare field. The `datetime` popover's time field is unchanged. Requested from `ai-dial-chat`.
|
|
89
94
|
|
|
95
|
+
- **`Breadcrumbs` (2.0) — `BreadcrumbsSize.Tiny`, a 16px trail for a dense header** — the new size draws the trail at `dial-tiny-text` (12px / 16px) with a `dial-tiny-semi-text` current page, the design's Tiny Text. It also lifts the two limits the other sizes keep. The middle segments are not capped at 30% of the trail nor the current page at 51%: the middle gives way first, down to a letter and its chevron, and the current page truncates only once nothing else can, so a long current label is no longer cut while the row has room. The `nav` does not clip, since the segments truncate on their own, so a segment's focus ring stays whole without a `-m-1 p-1` wrapper; the ring is the design's 1px outline at a 1px offset around a 4px radius. `BreadcrumbsSize.Small` stays the default and, like `BreadcrumbsSize.Heading`, is unchanged.
|
|
96
|
+
|
|
90
97
|
### Changed
|
|
91
98
|
|
|
92
99
|
- **`StarterButton` (2.0) — transparent at rest** — the starter pill no longer fills with `bg-control-neutral` (`#fcfcfc`) at rest: it is transparent with the 1px `border-default` stroke (`--stroke-default`, `#b2c2dd`), and fills only on hover (`bg-control-neutral-hover-muted`, `#e0e6f0`) and press (`bg-control-neutral-active`, `#d1dbea`), as the design specifies. On a surface other than the page background it now shows that surface through. Label, icons, focus ring and disabled state are unchanged.
|