@tenorlab/react-dashboard 1.5.44 → 1.6.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 tenorlab
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,6 +1,10 @@
 # @tenorlab/react-dashboard
 
-Foundation components for creating user-configurable, high-performance dashboards in React. Built on top of **@tenorlab/dashboard-core**.
+[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://opensource.org/licenses/MIT)
+[![Template: Pro](https://img.shields.io/badge/Template-Pro--Available-gold.svg)](https://www.tenorlab.com)
+[![Framework: React](https://img.shields.io/badge/Framework-React-blue.svg)](https://react.dev/)
+
+Foundation components for creating user-configurable, high-performance dashboards in React.
 
 ## 🏗 Relationship to Core
 
@@ -10,14 +14,15 @@ This package extends **@tenorlab/dashboard-core**. It provides the React impleme
 
 
 ## Demos
--- [React Demo](https://react.tenorlab.com) (built with @tenorlab/react-dashboard)
--- [Vue Demo](https://vue.tenorlab.com) (built with @tenorlab/vue-dashboard)
+
+* [**React Demo**](https://react.tenorlab.com) (built with **@tenorlab/react-dashboard**)
+* [**Vue Demo**](https://vue.tenorlab.com) (built with **@tenorlab/vue-dashboard**)
 
 
 ## ✨ Features
 
 - **Type-Safe:** Deep integration with TypeScript 5.8+ for full IDE support.
-- **State Management:** Built-in `useDashboardStore` (Zustand) and `useDashboardUndoService`.
+- **State Management:** Built-in `useDashboardStore` and `useDashboardUndoService`.
 - **User Configurable:** Ready-to-use components for adding, removing, and dragging widgets.
 - **Themeable:** Native support for CSS Variables and Tailwind CSS.
 - **Vite Optimized:** Full ESM support and tree-shakeable.
@@ -73,19 +78,12 @@ import {
   WrapperColumnContent
 } from '@tenorlab/react-dashboard'
 
-const WidgetKey: TDashboardWidgetKey = 'WidgetTotalOrders'
-
 export function WidgetTotalOrders(props: IDashboardWidgetProps): IDashboardWidget {
   return (
     <DashboardWidgetBase
-      widgetKey={WidgetKey}
+      widgetKey="WidgetTotalOrders"
       title="Total Orders"
-      parentWidgetKey={props.parentWidgetKey}
-      index={props.index}
-      maxIndex={props.maxIndex}
-      isEditing={props.isEditing}
-      onRemoveClick={props.onRemoveClick}
-      onMoveClick={props.onMoveClick}
+      {...props}
     >
       <WrapperColumnContent>
         <div className="dashboard-number number-xl text-primary">1,250</div>
@@ -361,8 +359,8 @@ For a complete example including **Undo/Redo**, **Zooming**, **Catalog Flyouts**
 
 - **`DashboardGrid`**: The main layout engine for positioning widgets.
 - **`WidgetContainer`**: Wrapper providing common widget UI (headers, actions, loading states).
-- **`WidgetsCatalogFlyout`**: A slide-out panel for users to browse and add new widgets.
-- **`DynamicWidgetLoader`**: Lazy-loading utility for high-performance dashboards.
+- **`WidgetsCatalogFlyout`**: A draggable panel for users to browse and add new widgets.
+- **`DynamicWidgetLoader`**: The core widget loader component.
 
 ### Hooks & State
 
@@ -374,24 +372,33 @@ For a complete example including **Undo/Redo**, **Zooming**, **Catalog Flyouts**
 
 
 ## Links
+
  - [@tenorlab/react-dashboard](https://www.npmjs.com/package/@tenorlab/react-dashboard): React-specific components
  - [@tenorlab/vue-dashboard](https://www.npmjs.com/package/@tenorlab/vue-dashboard): Vue-specific components
  - [Official Website](https://www.tenorlab.com)
- - [React Demo](https://react.tenorlab.com) (built with @tenorlab/react-dashboard)
- - [Vue Demo](https://vue.tenorlab.com) (built with @tenorlab/vue-dashboard)
- - [Buy a License](https://payhip.com/b/gPBpo)
+ - [React Demo](https://react.tenorlab.com)
+ - [Vue Demo](https://vue.tenorlab.com)
+ - [Get the Pro Template](https://payhip.com/b/gPBpo)
  - [Follow on BlueSky](https://bsky.app/profile/tenorlab.bsky.social)
 
 
 ------
 
 
-## ⚖️ Licensing
+## ⚖️ Licensing & Usage
+
+**@tenorlab/react-dashboard** is [MIT licensed](https://opensource.org/licenses/MIT). 
+
+It provides the foundational components and logic for building dashboards. You are free to use it in any project, personal or commercial.
+
+## ⚡️ Go Pro and Save Time: Tenorlab App Template
 
-This project is dual-licensed:
+A commercial license for a full-blown professional app template is available for purchase [**here**](https://www.tenorlab.com) and comes with:
 
-1. **Non-Commercial / Personal Use:** Licensed under the [Polyform Non-Commercial 1.0.0](https://polyformproject.org/licenses/non-commercial/1.0.0/). Free for students, hobbyists, and open-source projects.
-2. **Commercial Use:** Requires a **Tenorlab Commercial License**.
+* **Full Application Shell:** A clean, optimized Vite + TypeScript project structure (with either React or Vue).
+* **Dashboard Management:** Production-ready logic for creating, listing, renaming, and deleting multiple user-defined dashboards.
+* **Implementation Examples:** Expert patterns for both "Read-Only" (Analyst view) and "User-Editable" (Admin view) dashboard modes.
+* **Tenorlab Theme Engine:** A sophisticated Tailwind-based system supporting multiple custom themes (not just Light/Dark mode).
 
-If you are using this library to build a revenue-generating product or within a commercial entity, please visit [https://payhip.com/b/gPBpo](https://payhip.com/b/gPBpo) to purchase a license.
 
+[**Live React Demo**](https://react.tenorlab.com), [**Live Vue Demo**](https://vue.tenorlab.com)

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@tenorlab/react-dashboard",
-  "version": "1.5.44",
+  "version": "1.6.0",
   "description": "Foundation components for creating user-configurable dashboards in React",
   "author": "Damiano Fusco",
+  "license": "MIT",
   "type": "module",
   "repository": {
     "type": "git",
@@ -32,7 +33,9 @@
     "push": "npm run pretty; git add .; git commit -m \"Latest\"; git push"
   },
   "files": [
-    "dist"
+    "dist",
+    "LICENSE",
+    "README.md"
   ],
   "exports": {
     ".": {
@@ -54,7 +57,7 @@
     "zustand": "^5.0.0 || ^5.0.9"
   },
   "devDependencies": {
-    "@tenorlab/dashboard-core": "^1.5.5",
+    "@tenorlab/dashboard-core": "^1.6.0",
     "@types/node": "^24.10.1",
     "@types/react": "19.2.3",
     "@types/react-dom": "19.2.3",