@tenorlab/react-dashboard 1.6.1 → 1.6.3

package/README.md

@@ -1,7 +1,7 @@
 # @tenorlab/react-dashboard
 
 [![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)
+[![Tenorlab 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.
@@ -13,7 +13,7 @@ This package extends **@tenorlab/dashboard-core**. It provides the React impleme
 > **Note**: This package re-exports all types and utilities from `@tenorlab/dashboard-core`. You do not need to install the core package separately.
 
 
-## Pro Template Demos
+## Tenorlab Pro Demos
   - [React Demo](https://react.tenorlab.com) (built with @tenorlab/react-dashboard)
   - [Vue Demo](https://vue.tenorlab.com) (built with @tenorlab/vue-dashboard)
   - [Nuxt Demo](https://nuxt.tenorlab.com) (built with @tenorlab/vue-dashboard)
@@ -397,7 +397,7 @@ export function DashboardReadonly() {
 
 #### 5. Full Editable Dashboard
 
-For editable dashboard examples, including **Undo/Redo**, **Zooming**, **Catalog Flyouts**, and **Multiple Dashboards**, please refer to the [Pro Template](https://www.tenorlab.com).
+For editable dashboard examples, including **Undo/Redo**, **Zooming**, **Catalog Flyouts**, and **Multiple Dashboards**, please refer to  [Tenorlab Pro](https://www.tenorlab.com).
 
 
 ------
@@ -426,7 +426,7 @@ For editable dashboard examples, including **Undo/Redo**, **Zooming**, **Catalog
  - [@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
 
-### Pro Template Demos
+### Tenorlab Pro Demos
  - [React Demo](https://react.tenorlab.com) (built with @tenorlab/react-dashboard)
  - [Vue Demo](https://vue.tenorlab.com) (built with @tenorlab/vue-dashboard)
  - [Nuxt Demo](https://nuxt.tenorlab.com) (built with @tenorlab/vue-dashboard)
@@ -446,9 +446,9 @@ For editable dashboard examples, including **Undo/Redo**, **Zooming**, **Catalog
 
 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
+## ⚡️ Go Pro and Save Time: Tenorlab Pro
 
-A commercial license for a full-blown professional app template is available for purchase [**here**](https://www.tenorlab.com) and comes with:
+A commercial license for a full-blown professional app code is available for purchase [**here**](https://www.tenorlab.com) and comes with:
 
 * **Full Application Shell:** A clean, optimized Vite + TypeScript project structure (with either React, Vue or Nuxt).
 * **Dashboard Management:** Production-ready logic for creating, listing, renaming, and deleting multiple user-defined dashboards.

package/dist/core.d.ts

@@ -275,6 +275,9 @@ export declare interface IDashboardWidgetPropsBase<TExtraProps = any> {
     size?: TWidgetSize;
     borderCssClasses?: string;
     backgroundCssClasses?: string;
+    addCssClasses?: string;
+    overrideCssClasses?: string;
+    tags?: string[];
     hideTitle?: boolean;
     noShadow?: boolean;
     noBorder?: boolean;

package/dist/core.es.js

@@ -106,16 +106,12 @@ const W = [
         else {
           l.forEach((d) => {
             d.value = (d.value || "").replace(/NaN/g, "");
-            const c = a.cssSettings.find(
-              (g) => g.key === d.key
-            );
+            const c = a.cssSettings.find((g) => g.key === d.key);
             c && (Object.keys(c).forEach((g) => {
               g in d || (d[g] = c[g]);
             }), d.step = c.step, d.minValue = c.minValue, d.defaultValue = c.defaultValue, d.defaultUnit = c.defaultUnit, /\d+/g.test(d.value) === !1 && (d.value = c ? c.value : "1.0rem"));
           });
-          const o = a.cssSettings.filter((d) => !l.some(
-            (c) => c.key === d.key
-          ));
+          const o = a.cssSettings.filter((d) => !l.some((c) => c.key === d.key));
           s.cssSettings = [...l, ...o];
         }
         s.widgets = s.widgets.filter(
@@ -172,16 +168,12 @@ const W = [
         (r) => r.parentWidgetKey === i
       );
       if (!a || a.length === 0)
-        return t.widgets = t.widgets.filter(
-          (r) => r !== i
-        ), !1;
+        return t.widgets = t.widgets.filter((r) => r !== i), !1;
     }
     return !0;
   }), t;
 }, x = (e) => {
-  const t = e.widgets.filter(
-    (a) => a.includes("WidgetContainer")
-  ), i = {};
+  const t = e.widgets.filter((a) => a.includes("WidgetContainer")), i = {};
   return t.forEach((a, r) => {
     const n = `${a.split("_container")[0]}_container${r + 1}`;
     i[a] = n;
@@ -394,9 +386,7 @@ const W = [
         updatedDashboardConfig: o
       };
     } else {
-      const n = (e.widgets || []).filter(
-        (l) => `${l}`.trim().toLowerCase() !== a
-      ), s = e.childWidgetsConfig.filter(
+      const n = (e.widgets || []).filter((l) => `${l}`.trim().toLowerCase() !== a), s = e.childWidgetsConfig.filter(
         (l) => `${l.parentWidgetKey}`.trim().toLowerCase() !== a
       );
       return {

package/dist/react-dashboard.d.ts

@@ -8,10 +8,12 @@ import { RefAttributes } from 'react';
 import { StoreApi } from 'zustand';
 import { UseBoundStore } from 'zustand';
 
-export declare function AddIcon({ className }: TIconProps): JSX_2.Element;
+export declare const AddIcon: typeof PlusCircleIcon;
 
 export declare function Button(props: IButtonProps): JSX_2.Element;
 
+export declare function ChevronDownIcon({ className }: TIconProps): JSX_2.Element;
+
 export declare function CircleQuestionMark({ className }: TIconProps): JSX_2.Element;
 
 export declare function CrosshairIcon({ className }: TIconProps): JSX_2.Element;
@@ -35,6 +37,8 @@ declare type DraggablePanelProps = {
     children: React.ReactNode;
 };
 
+export declare const Dropdown: default_2.FC<TProps>;
+
 /**
  * Component to safely load and render dynamic widgets.
  * This ensures the widget component (and its hooks) is called consistently.
@@ -214,6 +218,9 @@ export declare interface IDashboardWidgetPropsBase<TExtraProps = any> {
     size?: TWidgetSize;
     borderCssClasses?: string;
     backgroundCssClasses?: string;
+    addCssClasses?: string;
+    overrideCssClasses?: string;
+    tags?: string[];
     hideTitle?: boolean;
     noShadow?: boolean;
     noBorder?: boolean;
@@ -298,6 +305,8 @@ export declare const ListItemMiddleChild: ForwardRefExoticComponent<TListItemChi
 
 export declare const ListItemRightChild: ForwardRefExoticComponent<TListItemChildProps & RefAttributes<HTMLDivElement>>;
 
+export declare function MinusCircleIcon({ className }: TIconProps): JSX_2.Element;
+
 export declare function MonitorIcon({ className }: TIconProps): JSX_2.Element;
 
 export declare function MonitorSmartphoneIcon({ className }: TIconProps): JSX_2.Element;
@@ -306,6 +315,8 @@ export declare function MoveLeftIcon({ className }: TIconProps): JSX_2.Element;
 
 export declare function MoveRightIcon({ className }: TIconProps): JSX_2.Element;
 
+export declare function PlusCircleIcon({ className }: TIconProps): JSX_2.Element;
+
 export declare function RedoIcon({ className }: TIconProps): JSX_2.Element;
 
 export declare function RenameIcon({ className }: TIconProps): JSX_2.Element;
@@ -479,7 +490,20 @@ export declare type TManifestEntry = {
     meta: TWidgetMetaInfoBase;
 };
 
-declare type TProps = {
+declare interface TProps {
+    testid?: string;
+    label?: string;
+    hideLabel?: boolean;
+    showChevron?: boolean;
+    hide?: boolean;
+    enabled: boolean;
+    isMenuOpen: boolean;
+    toggleOpen: (open: boolean) => void;
+    icon?: ReactNode;
+    children?: ReactNode;
+}
+
+declare type TProps_2 = {
     children: React.ReactNode;
     addCssClasses?: string;
 };
@@ -659,9 +683,9 @@ export declare function WidgetContainerRow(props: IDashboardWidgetProps): IDashb
 
 export declare function WidgetsCatalogFlyout(props: TWidgetsCatalogFlyoutProps): JSX_2.Element;
 
-export declare function WrapperColumnContent({ children, addCssClasses }: TProps): JSX_2.Element;
+export declare function WrapperColumnContent({ children, addCssClasses }: TProps_2): JSX_2.Element;
 
-export declare function WrapperColumnContentListItem({ children, addCssClasses }: TProps): JSX_2.Element;
+export declare function WrapperColumnContentListItem({ children, addCssClasses }: TProps_2): JSX_2.Element;
 
 export declare function XCircleIcon({ className }: TIconProps): JSX_2.Element;