ding-react-admin 2.0.5 → 2.0.7

package/README.md

@@ -6,23 +6,19 @@
 
 Composable admin shell for React apps: **Ant Design 6** layout, **CRUD field system** (lists, forms, filters, inlines, bulk actions), **theme/density** controls, **`AuthProvider`** + **`useAuth`**, **data / permissions providers** (react-admin–style naming, intentionally small), and **React Router** helpers.
 
-## Live demo
+# -> Live demo
 
 [![Open playground](https://img.shields.io/badge/Try%20it-playground-1677ff?style=for-the-badge)](https://muhammadinaam.github.io/ding-react-admin/)
 
-Interactive demo on GitHub Pages — sign in with **`admin` / `admin`** or **`user` / `user`**.
+# -> Tutorial
 
-## Installation
+[Build an admin app and add a Users page](docs/tutorial-one-entity.md) — step-by-step from `yarn create vite` through CRUD and routes.
 
-```bash
-npm install ding-react-admin antd @ant-design/icons dayjs react-hook-form react-router-dom
-```
+Interactive demo on GitHub Pages — sign in with **`admin` / `admin`** or **`user` / `user`**.
 
-```bash
-yarn add ding-react-admin antd @ant-design/icons dayjs react-hook-form react-router-dom
-```
+## Installation
 
-Peer dependency versions and setup notes: [docs/install.md](docs/install.md).
+Install **`ding-react-admin`** plus its peer dependencies in one command — versions depend on whether you already have React. See **[docs/install.md](docs/install.md)** (yarn and npm, new vs existing app).
 
 ## Quick start
 
@@ -45,10 +41,6 @@ export function App() {
 
 For CRUD pages, add `DataProvider` and `PermissionsProvider` — see [Getting started](#getting-started) and [docs/quick-start.md](docs/quick-start.md).
 
-## Tutorial
-
-[Build an admin app and add a Users page](docs/tutorial-one-entity.md) — step-by-step from `yarn create vite` through CRUD and routes.
-
 ## Features
 
 - **Declarative CRUD** — describe list and form pages in JSX; field `source` names map to your API

package/dist/index.js

@@ -186,6 +186,7 @@ var We = r(function({ children: e, className: t, style: n, variant: r = "default
 		ref: i,
 		className: ["ding-admin-scroll", t].filter(Boolean).join(" "),
 		style: {
+			overflow: "auto",
 			...n,
 			"--ding-scroll-thumb": o,
 			"--ding-scroll-thumb-hover": s

package/dist/src/components/ScrollableArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollableArea.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollableArea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,kBAAkB,CAAC;AAE1B,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,sDAAsD;IACtD,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,cAAc,gHAgC1B,CAAC"}
+{"version":3,"file":"ScrollableArea.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollableArea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,kBAAkB,CAAC;AAE1B,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,sDAAsD;IACtD,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,cAAc,gHAiC1B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ding-react-admin",
-  "version": "2.0.5",
+  "version": "2.0.7",
   "type": "module",
   "license": "MIT",
   "description": "Composable admin shell (Ant Design + React Router): quick-start AdminApp or build your own layout.",
@@ -66,6 +66,7 @@
   },
   "devDependencies": {
     "@ant-design/icons": "^6.0.0",
+    "@types/node": "^24.12.2",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",

package/src/components/ScrollableArea.tsx

@@ -33,6 +33,7 @@ export const ScrollableArea = forwardRef<HTMLDivElement, ScrollableAreaProps>(
         className={["ding-admin-scroll", className].filter(Boolean).join(" ")}
         style={
           {
+            overflow: "auto",
             ...style,
             "--ding-scroll-thumb": thumb,
             "--ding-scroll-thumb-hover": thumbHover,