@espressif/dashboard-ui-components 1.1.2 → 1.2.0

package/CHANGELOG.md

@@ -4,7 +4,131 @@ All notable changes to this project are documented here. The format is based on
 [Keep a Changelog](https://keepachangelog.com/en/1.1.0/), and this project adheres
 to [Semantic Versioning](https://semver.org/).
 
-## [Unreleased]
+## [1.2.0] - 2026-08-26
+
+A minor release that adds two new components (`Carousel`, `InputOTP`), extends
+localisation on `KeyValueManager`, and reworks how solid-surface icon cards
+render their inner disc so the glyph stays legible.
+
+### Added
+- **`Carousel`** — new component. Built on Embla Carousel with the autoplay
+  plugin. Slides are supplied as `data` (each with a stable `id`); `orientation`
+  chooses `horizontal` / `vertical`; `navigation` selects between built-in
+  `dots`, `arrows`, or a `custom` renderer that receives a
+  `CarouselNavigationState` (`canScrollPrev` / `canScrollNext`,
+  `selectedIndex`, `scrollSnaps`, `scrollPrev` / `scrollNext` / `scrollTo`).
+  `maxDots` caps the pagination row at a sliding window (clamped to `[1, 10]`,
+  default `5`). `autoplay` + `delay` (clamped to `[1000, 10000]` ms, default
+  `3000`) drive automatic advancement; `loop` wraps at the ends. `onNext` /
+  `onPrevious` fire after every direction change (user, keyboard, autoplay or
+  custom). `className` / `itemClassName` style the wrapper and each slide.
+  Exports: `Carousel`, `CarouselItem`, `CarouselNavigationState`,
+  `CarouselNavigationStyle`, `CarouselOrientation`, `CarouselProps`. Adds
+  `embla-carousel-react` and `embla-carousel-autoplay` as dependencies.
+- **`InputOTP`** — new component, alongside `InputOTPSeparator`. Built on the
+  `input-otp` package. Numeric by default; `allowAlphaNumeric` widens the
+  accepted characters to `[a-zA-Z0-9]`, and `regex` accepts a custom JS regex
+  source (which overrides `allowAlphaNumeric`). Slot count is clamped to
+  `[2, 12]` (default `6`). `separators` (e.g. `[3, 3]`) inserts group
+  boundaries between slot runs — ignored with a `console.warn` when the sum
+  does not equal `length`. Controlled or uncontrolled (`value` /
+  `defaultValue`); `onChange` fires on every keystroke, `onComplete` once the
+  final slot is filled. Composes with the standard input shell (`label`,
+  `required`, `size`, `rounded`, `disabled`, `startHelperContent` /
+  `endHelperContent`, `hintContent`, `error` / `errorContent`). Adds
+  `input-otp` as a dependency.
+- `KeyValueManager`: five new label overrides on the existing `labels` prop —
+  `keyLabel`, `valueLabel`, `actionLabel` (used for the column headers *and*
+  the add-popover field labels), `emptyItems` (message when the list is
+  empty) and `emptySearch` (message when a search returns no results). The
+  `search` placeholder is now derived at resolve time from `keyLabel` /
+  `valueLabel` when no explicit `search` is passed, so renaming the columns
+  updates the placeholder automatically. Backwards compatible — omitted
+  labels fall back to the existing defaults.
+- `IconAvatar`: `discClassName` and `discStyle` — extra classes and inline
+  style applied to the inner disc after the variant/legacy styling. Enables
+  the new solid-surface icon-disc treatment below without callers rebuilding
+  the avatar from scratch.
+
+### Changed
+- **Solid-surface icon cards** (`SimpleClickableCard`, `SimpleInfoCard`,
+  `IconTextActionCard`, and `Alert` when it renders an `IconAvatar`): when
+  the outer variant is `solid`, the inner icon disc now renders as a
+  translucent-foreground bubble on the same-color surface — a ≈15 %
+  foreground fill with a ≈30 % foreground border, glyph painted in the
+  color's `-foreground` token — instead of resolving the avatar to the
+  surface's opposite color. Reads as an inverted-fill circle enclosing the
+  glyph, restoring contrast against the same-color card. Non-solid variants
+  are unchanged and each consumer keeps its previous default (`Alert` still
+  opts into a solid avatar disc; the card components still fall through to
+  `IconAvatar`'s `legacy` tinted disc). Explicit `iconAvatarVariant` /
+  `iconAvatarColor` props always win. Internal only: `SOLID_ICON_AVATAR_COLOR`
+  is removed and `resolveIconAvatarColor` becomes `resolveIconAvatarDefaults`.
+
+### Fixed
+- Display issues on solid-variant `Alert` and card components where the icon
+  glyph could wash out against a same-color background. The redesign in
+  *Changed* restores contrast without any prop change on the caller side.
+
+### Internal
+Nothing in this section affects the published package.
+
+- Removed a stray tracked `todo.md` from the repository root.
+
+## [1.1.3] - 2026-08-08
+
+### Fixed
+- **Vite 8 compatibility**: `LottieAnimationContainer` and everything built on it
+  (`VerificationInProgress`, `AnimatedRainmakerLogo`, `AppLogo` when using the
+  Rainmaker preset) no longer crash with *"Element type is invalid … got: object"*
+  under Vite 8 / React 19 consumer apps. The library's built chunk left
+  `lottie-react` and its CJS-only transitive `lottie-web` as externals, and Vite
+  8's stricter CJS↔ESM interop resolved `Lottie`'s default export as a namespace
+  object at the JSX call site. Both packages are now bundled into the library's
+  own chunk so the interop is settled once, at library-build time. No API change.
+- **Vite 8 compatibility**: `DynamicList` would have hit the same interop trap
+  next (`lodash/startCase` is default-imported from pure-CJS `lodash`). Swapped
+  to `lodash-es` — native ESM, identical output, one line changed. `lodash` and
+  `@types/lodash` are no longer dependencies of the library.
+
+### Changed
+- **`Code` / `MarkdownContent` fenced code blocks now ship a curated Shiki
+  language + theme bundle** instead of registering every one of Shiki's
+  ~180 grammars. The library uses Shiki's fine-grained `createHighlighterCore`
+  API with a lazy singleton, and bundles:
+  - **Languages (20):** `javascript`, `typescript`, `jsx`, `tsx`, `json`, `yaml`,
+    `bash`, `html`, `css`, `markdown`, `python`, `go`, `rust`, `c`, `cpp`,
+    `csharp`, `java`, `sql`, `xml`, `dockerfile` — plus common aliases so
+    existing fences keep working (`js`, `ts`, `sh`, `shell`, `zsh`, `md`, `py`,
+    `yml`, `c++`, `c#`, `docker` all resolve to their canonical grammar).
+  - **Themes (4):** `everforest-light` / `everforest-dark` (defaults, unchanged)
+    and `github-light` / `github-dark`.
+
+  Fences that request a language or theme outside the curated set now render as
+  escaped plain text inside `<pre><code>` — with a `console.warn` for visibility —
+  instead of leaving the block empty on error. Consumer bundle savings are
+  substantial: a typical app that highlights any markdown drops **~5 MB of
+  unminified JS / ~1 MB gzip** of otherwise-lazy grammar chunks from its build
+  output. To widen support, add another `import('shiki/langs/<name>.mjs')` /
+  `import('shiki/themes/<name>.mjs')` and list the id in `SUPPORTED_LANGS` /
+  `SUPPORTED_THEMES`.
+- `EntryLayout`'s default background `.webp` now ships as an emitted asset file
+  next to the ESM chunk instead of an inlined data URL. Removes the ~33 % base64
+  overhead, restores parallel download, and lets browsers cache the image
+  independently of code changes. `.svg` / `.png` / `.jpg` continue to inline as
+  data URLs — this change only affects `.webp`.
+
+### Internal
+Nothing in this section affects the published package — it covers the demo app,
+which does not ship to consumers.
+
+- Demo: new `Code` component page under **Data Display**. Interactive prop
+  controls for `lang`, `theme`, `fileName`, `copyButton`; a gallery of examples
+  that walk through the curated bundle: a Python sample, the `sh` → `bash` alias
+  round-trip, the plain-text fallback for an unbundled language (`haskell`), and
+  the `github-light` / `github-dark` theme override.
+
+## [1.1.2] - 2026-08-06
 
 ### Added
 - `DataTable`: `noResultsAction` renders a call-to-action (e.g. an "Add device"

package/dist/{chunk-J7YNQMAC.js → chunk-742PUXQ6.js}

@@ -1,4 +1,4 @@
-import { ProgressBar } from './chunk-MOYKF2ZC.js';
+import { ProgressBar } from './chunk-KF3NDMZW.js';
 import { Card, CardContent } from './chunk-JPMN2UMF.js';
 import { Tooltip2 } from './chunk-34PXJOCS.js';
 import { jsx, jsxs } from 'react/jsx-runtime';