@adminlte/react 0.3.0 → 0.4.0

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.
Files changed (5) hide show
  1. package/CHANGELOG.md +18 -1
  2. package/README.md +10 -10
  3. package/dist/css/adminlte.css +332 -131
  4. package/dist/index.d.ts +78 -79
  5. package/package.json +28 -27
package/CHANGELOG.md CHANGED
@@ -5,6 +5,21 @@ All notable changes to **@adminlte/react** are documented in this file.
5
5
  The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
6
6
  and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
7
7
 
8
+ ## [0.4.0] - 2026-08-13
9
+
10
+ ### Changed
11
+
12
+ - **AdminLTE core upgraded to 4.3.1.** The bundled stylesheet (`@adminlte/react/css`) picks up everything CSS-side from core [4.2.0](https://github.com/ColorlibHQ/AdminLTE/blob/master/CHANGELOG.md#420---2026-08-06), [4.3.0](https://github.com/ColorlibHQ/AdminLTE/blob/master/CHANGELOG.md#430---2026-08-10) and [4.3.1](https://github.com/ColorlibHQ/AdminLTE/blob/master/CHANGELOG.md#431---2026-08-10): the rebuilt v3 ribbons (`.ribbon-wrapper` + `.ribbon`, with 4.3.1's corner-geometry fix), the v3 social/post widgets (`.user-block`, `.post`, `.widget-user`, `.widget-user-2`, `.description-block`), and the contrast fixes core's expanded axe gate caught. The RTL stylesheet in the demo was refreshed to match. Core's new JavaScript (SidebarSearch, the `initialize()`/`teardown()` lifecycle, server-rendered ColorMode resolution) does not affect this port — `@adminlte/react` never loads `adminlte.js` (see the 0.3.0 notes).
13
+ - **All dependencies updated to their latest releases.** Two majors in the dev/demo toolchain: `apexcharts` 5.13 → **6.8** (the `ApexChart` wrapper needed no changes — its peer range was already `>=4.0.0` — and every chart page passes the Playwright suite against v6) and `@testing-library/jest-dom` 6 → 7; plus `jsdom` 29 → 30 and `@types/node` 25 → 26. Minors/patches: Next.js 16.3.0, React 19.2.8, ESLint 10.8.1, typescript-eslint 8.67, Vitest 4.1.10, Playwright 1.62.1, `@axe-core/playwright` 4.13, Tabulator 6.5.2, Tom Select 2.6.2, admin-lte 4.3.1.
14
+ - **Demo CDN pins refreshed to match the installed versions:** apexcharts 6.8.0, tabulator-tables 6.5.2, tom-select 2.6.2, OverlayScrollbars 2.11 → 2.16, Source Sans 3 5.0.12 → 5.3.0. Bootstrap 5.3.8 and Bootstrap Icons 1.13.1 were already current. The copy-paste snippets on the docs Plugins page were brought up to the same versions (they had drifted as far back as apexcharts 3).
15
+ - **Demo calendar migrated to FullCalendar 7** (from 6.1.20). v7 is a real migration, not a pin bump: the global bundle moved (`index.global.min.js` → `all/global.min.js`), CSS is no longer injected by the JS — the demo now loads `skeleton.css` plus the **classic** theme (the pre-v7 look) alongside the script — `Draggable` moved under the `FullCalendar.Interaction` namespace, and per-event `backgroundColor`/`borderColor`/`textColor` were renamed to `color`/`contrastColor`. Verified in-browser: month grid, toolbar views, per-event colors, and external drag-and-drop all work; v7's rewritten DOM (ARIA `grid`/`gridcell`, no tables) passes the a11y suite.
16
+
17
+ ### Notes
18
+
19
+ - **TypeScript stays on 6.0.3.** TS 7.0 has shipped, but `typescript-eslint` (peer `>=4.8.4 <6.1.0`) refuses to run under it ("typescript-eslint does not support TS 7.0"), which would break the lint gate — core made the same call in its 4.2.0 release. `tsc --noEmit` itself passes on 7.0.2, so the hold can be lifted as soon as typescript-eslint supports TS 7.
20
+ - Peer dependency ranges are unchanged — nothing consumers depend on narrowed.
21
+ - Verified: library build, type-check, lint and 19 unit tests; demo type-check and production build; all 67 Playwright route-smoke + a11y tests.
22
+
8
23
  ## [0.3.0] - 2026-07-02
9
24
 
10
25
  ### Changed
@@ -171,5 +186,7 @@ Next.js App Router and React Server Components.
171
186
  - Heavy third-party libraries are never bundled eagerly — they load via dynamic
172
187
  `import()` inside the components that use them.
173
188
 
174
- [Unreleased]: https://github.com/ColorlibHQ/adminlte-react/compare/v0.1.0...HEAD
189
+ [0.4.0]: https://github.com/ColorlibHQ/adminlte-react/compare/v0.3.0...v0.4.0
190
+ [0.3.0]: https://github.com/ColorlibHQ/adminlte-react/compare/v0.2.0...v0.3.0
191
+ [0.2.0]: https://github.com/ColorlibHQ/adminlte-react/compare/v0.1.0...v0.2.0
175
192
  [0.1.0]: https://github.com/ColorlibHQ/adminlte-react/releases/tag/v0.1.0
package/README.md CHANGED
@@ -9,14 +9,14 @@
9
9
 
10
10
  A modern React/Next.js component library for building admin dashboards and web applications with AdminLTE 4 styling and Bootstrap 5.3 — built for the Next.js App Router and React Server Components by [Colorlib](https://colorlib.com).
11
11
 
12
- **Status**: v0.3.0 (Early Release, AdminLTE core 4.1.0) · **Live demo:** [adminlte.io/themes/next-react](https://adminlte.io/themes/next-react/)
12
+ **Status**: v0.4.0 (Early Release, AdminLTE core 4.3.1) · **Live demo:** [adminlte.io/themes/next-react](https://adminlte.io/themes/next-react/)
13
13
 
14
14
  <p align="center">
15
15
  <a href="https://adminlte.io/themes/next-react/">
16
- <img alt="AdminLTE React dashboard — light theme" src="docs/screenshots/dashboard-light.png" width="49%">
16
+ <img alt="AdminLTE React dashboard — light theme" src="docs/screenshots/dashboard-light.webp" width="49%">
17
17
  </a>
18
18
  <a href="https://adminlte.io/themes/next-react/">
19
- <img alt="AdminLTE React dashboard — dark theme" src="docs/screenshots/dashboard-dark.png" width="49%">
19
+ <img alt="AdminLTE React dashboard — dark theme" src="docs/screenshots/dashboard-dark.webp" width="49%">
20
20
  </a>
21
21
  </p>
22
22
 
@@ -40,7 +40,7 @@ A modern React/Next.js component library for building admin dashboards and web a
40
40
  <!-- ADMINLTE-ECOSYSTEM:END -->
41
41
 
42
42
  <p align="center">
43
- <a href="https://adminlte.io/themes/next-react/"><img src=".github/preview.png" alt="AdminLTE 4 for React — dashboard preview" width="100%"></a>
43
+ <a href="https://adminlte.io/themes/next-react/"><img src=".github/preview.webp" alt="AdminLTE 4 for React — dashboard preview" width="100%"></a>
44
44
  </p>
45
45
 
46
46
 
@@ -377,7 +377,7 @@ Need advanced features, more pages, and dedicated support? Explore Colorlib's co
377
377
  <tr>
378
378
  <td align="center" width="50%">
379
379
  <a href="https://dashboardpack.com/theme-details/apex-dashboard-nextjs/?utm_source=github&utm_medium=readme&utm_campaign=adminlte-react">
380
- <img src="docs/screenshots/dashboardpack/apex.png" alt="Apex Dashboard — Next.js admin template with shadcn/ui" width="100%">
380
+ <img src="docs/screenshots/dashboardpack/apex.webp" alt="Apex Dashboard — Next.js admin template with shadcn/ui" width="100%">
381
381
  </a>
382
382
  <br>
383
383
  <a href="https://dashboardpack.com/theme-details/apex-dashboard-nextjs/?utm_source=github&utm_medium=readme&utm_campaign=adminlte-react"><strong>Apex Dashboard</strong></a>
@@ -386,7 +386,7 @@ Need advanced features, more pages, and dedicated support? Explore Colorlib's co
386
386
  </td>
387
387
  <td align="center" width="50%">
388
388
  <a href="https://dashboardpack.com/theme-details/zenith-shadcn/?utm_source=github&utm_medium=readme&utm_campaign=adminlte-react">
389
- <img src="docs/screenshots/dashboardpack/zenith.png" alt="Zenith — minimal Next.js admin dashboard with shadcn/ui" width="100%">
389
+ <img src="docs/screenshots/dashboardpack/zenith.webp" alt="Zenith — minimal Next.js admin dashboard with shadcn/ui" width="100%">
390
390
  </a>
391
391
  <br>
392
392
  <a href="https://dashboardpack.com/theme-details/zenith-shadcn/?utm_source=github&utm_medium=readme&utm_campaign=adminlte-react"><strong>Zenith Dashboard</strong></a>
@@ -397,7 +397,7 @@ Need advanced features, more pages, and dedicated support? Explore Colorlib's co
397
397
  <tr>
398
398
  <td align="center" width="50%">
399
399
  <a href="https://dashboardpack.com/theme-details/haze-dashboard-nuxt/?utm_source=github&utm_medium=readme&utm_campaign=adminlte-react">
400
- <img src="docs/screenshots/dashboardpack/haze.png" alt="Haze — Nuxt 4 admin dashboard with 92+ pages" width="100%">
400
+ <img src="docs/screenshots/dashboardpack/haze.webp" alt="Haze — Nuxt 4 admin dashboard with 92+ pages" width="100%">
401
401
  </a>
402
402
  <br>
403
403
  <a href="https://dashboardpack.com/theme-details/haze-dashboard-nuxt/?utm_source=github&utm_medium=readme&utm_campaign=adminlte-react"><strong>Haze</strong></a>
@@ -406,7 +406,7 @@ Need advanced features, more pages, and dedicated support? Explore Colorlib's co
406
406
  </td>
407
407
  <td align="center" width="50%">
408
408
  <a href="https://dashboardpack.com/theme-details/tailpanel/?utm_source=github&utm_medium=readme&utm_campaign=adminlte-react">
409
- <img src="docs/screenshots/dashboardpack/tailpanel.png" alt="TailPanel — React and Tailwind CSS admin panel" width="100%">
409
+ <img src="docs/screenshots/dashboardpack/tailpanel.webp" alt="TailPanel — React and Tailwind CSS admin panel" width="100%">
410
410
  </a>
411
411
  <br>
412
412
  <a href="https://dashboardpack.com/theme-details/tailpanel/?utm_source=github&utm_medium=readme&utm_campaign=adminlte-react"><strong>TailPanel</strong></a>
@@ -417,7 +417,7 @@ Need advanced features, more pages, and dedicated support? Explore Colorlib's co
417
417
  <tr>
418
418
  <td align="center" width="50%">
419
419
  <a href="https://dashboardpack.com/theme-details/admindek-html/?utm_source=github&utm_medium=readme&utm_campaign=adminlte-react">
420
- <img src="docs/screenshots/dashboardpack/admindek.png" alt="Admindek — feature-rich Bootstrap 5 dashboard" width="100%">
420
+ <img src="docs/screenshots/dashboardpack/admindek.webp" alt="Admindek — feature-rich Bootstrap 5 dashboard" width="100%">
421
421
  </a>
422
422
  <br>
423
423
  <a href="https://dashboardpack.com/theme-details/admindek-html/?utm_source=github&utm_medium=readme&utm_campaign=adminlte-react"><strong>Admindek</strong></a>
@@ -426,7 +426,7 @@ Need advanced features, more pages, and dedicated support? Explore Colorlib's co
426
426
  </td>
427
427
  <td align="center" width="50%">
428
428
  <a href="https://dashboardpack.com/theme-details/svelteforge-premium/?utm_source=github&utm_medium=readme&utm_campaign=adminlte-react">
429
- <img src="docs/screenshots/dashboardpack/svelteforge.png" alt="SvelteForge Premium — SvelteKit admin dashboard" width="100%">
429
+ <img src="docs/screenshots/dashboardpack/svelteforge.webp" alt="SvelteForge Premium — SvelteKit admin dashboard" width="100%">
430
430
  </a>
431
431
  <br>
432
432
  <a href="https://dashboardpack.com/theme-details/svelteforge-premium/?utm_source=github&utm_medium=readme&utm_campaign=adminlte-react"><strong>SvelteForge Premium</strong></a>