@tenorlab/react-dashboard 1.6.2 → 1.6.3

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.
package/README.md CHANGED
@@ -1,7 +1,7 @@
1
1
  # @tenorlab/react-dashboard
2
2
 
3
3
  [![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://opensource.org/licenses/MIT)
4
- [![Template: Pro](https://img.shields.io/badge/Template-Pro--Available-gold.svg)](https://www.tenorlab.com)
4
+ [![Tenorlab Pro](https://img.shields.io/badge/Template-Pro--Available-gold.svg)](https://www.tenorlab.com)
5
5
  [![Framework: React](https://img.shields.io/badge/Framework-React-blue.svg)](https://react.dev/)
6
6
 
7
7
  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
13
13
  > **Note**: This package re-exports all types and utilities from `@tenorlab/dashboard-core`. You do not need to install the core package separately.
14
14
 
15
15
 
16
- ## Pro Template Demos
16
+ ## Tenorlab Pro Demos
17
17
  - [React Demo](https://react.tenorlab.com) (built with @tenorlab/react-dashboard)
18
18
  - [Vue Demo](https://vue.tenorlab.com) (built with @tenorlab/vue-dashboard)
19
19
  - [Nuxt Demo](https://nuxt.tenorlab.com) (built with @tenorlab/vue-dashboard)
@@ -397,7 +397,7 @@ export function DashboardReadonly() {
397
397
 
398
398
  #### 5. Full Editable Dashboard
399
399
 
400
- For editable dashboard examples, including **Undo/Redo**, **Zooming**, **Catalog Flyouts**, and **Multiple Dashboards**, please refer to the [Pro Template](https://www.tenorlab.com).
400
+ For editable dashboard examples, including **Undo/Redo**, **Zooming**, **Catalog Flyouts**, and **Multiple Dashboards**, please refer to [Tenorlab Pro](https://www.tenorlab.com).
401
401
 
402
402
 
403
403
  ------
@@ -426,7 +426,7 @@ For editable dashboard examples, including **Undo/Redo**, **Zooming**, **Catalog
426
426
  - [@tenorlab/react-dashboard](https://www.npmjs.com/package/@tenorlab/react-dashboard): React-specific components
427
427
  - [@tenorlab/vue-dashboard](https://www.npmjs.com/package/@tenorlab/vue-dashboard): Vue-specific components
428
428
 
429
- ### Pro Template Demos
429
+ ### Tenorlab Pro Demos
430
430
  - [React Demo](https://react.tenorlab.com) (built with @tenorlab/react-dashboard)
431
431
  - [Vue Demo](https://vue.tenorlab.com) (built with @tenorlab/vue-dashboard)
432
432
  - [Nuxt Demo](https://nuxt.tenorlab.com) (built with @tenorlab/vue-dashboard)
@@ -446,9 +446,9 @@ For editable dashboard examples, including **Undo/Redo**, **Zooming**, **Catalog
446
446
 
447
447
  It provides the foundational components and logic for building dashboards. You are free to use it in any project, personal or commercial.
448
448
 
449
- ## ⚡️ Go Pro and Save Time: Tenorlab App Template
449
+ ## ⚡️ Go Pro and Save Time: Tenorlab Pro
450
450
 
451
- A commercial license for a full-blown professional app template is available for purchase [**here**](https://www.tenorlab.com) and comes with:
451
+ A commercial license for a full-blown professional app code is available for purchase [**here**](https://www.tenorlab.com) and comes with:
452
452
 
453
453
  * **Full Application Shell:** A clean, optimized Vite + TypeScript project structure (with either React, Vue or Nuxt).
454
454
  * **Dashboard Management:** Production-ready logic for creating, listing, renaming, and deleting multiple user-defined dashboards.
@@ -8,10 +8,12 @@ import { RefAttributes } from 'react';
8
8
  import { StoreApi } from 'zustand';
9
9
  import { UseBoundStore } from 'zustand';
10
10
 
11
- export declare function AddIcon({ className }: TIconProps): JSX_2.Element;
11
+ export declare const AddIcon: typeof PlusCircleIcon;
12
12
 
13
13
  export declare function Button(props: IButtonProps): JSX_2.Element;
14
14
 
15
+ export declare function ChevronDownIcon({ className }: TIconProps): JSX_2.Element;
16
+
15
17
  export declare function CircleQuestionMark({ className }: TIconProps): JSX_2.Element;
16
18
 
17
19
  export declare function CrosshairIcon({ className }: TIconProps): JSX_2.Element;
@@ -35,6 +37,8 @@ declare type DraggablePanelProps = {
35
37
  children: React.ReactNode;
36
38
  };
37
39
 
40
+ export declare const Dropdown: default_2.FC<TProps>;
41
+
38
42
  /**
39
43
  * Component to safely load and render dynamic widgets.
40
44
  * This ensures the widget component (and its hooks) is called consistently.
@@ -301,6 +305,8 @@ export declare const ListItemMiddleChild: ForwardRefExoticComponent<TListItemChi
301
305
 
302
306
  export declare const ListItemRightChild: ForwardRefExoticComponent<TListItemChildProps & RefAttributes<HTMLDivElement>>;
303
307
 
308
+ export declare function MinusCircleIcon({ className }: TIconProps): JSX_2.Element;
309
+
304
310
  export declare function MonitorIcon({ className }: TIconProps): JSX_2.Element;
305
311
 
306
312
  export declare function MonitorSmartphoneIcon({ className }: TIconProps): JSX_2.Element;
@@ -309,6 +315,8 @@ export declare function MoveLeftIcon({ className }: TIconProps): JSX_2.Element;
309
315
 
310
316
  export declare function MoveRightIcon({ className }: TIconProps): JSX_2.Element;
311
317
 
318
+ export declare function PlusCircleIcon({ className }: TIconProps): JSX_2.Element;
319
+
312
320
  export declare function RedoIcon({ className }: TIconProps): JSX_2.Element;
313
321
 
314
322
  export declare function RenameIcon({ className }: TIconProps): JSX_2.Element;
@@ -482,7 +490,20 @@ export declare type TManifestEntry = {
482
490
  meta: TWidgetMetaInfoBase;
483
491
  };
484
492
 
485
- declare type TProps = {
493
+ declare interface TProps {
494
+ testid?: string;
495
+ label?: string;
496
+ hideLabel?: boolean;
497
+ showChevron?: boolean;
498
+ hide?: boolean;
499
+ enabled: boolean;
500
+ isMenuOpen: boolean;
501
+ toggleOpen: (open: boolean) => void;
502
+ icon?: ReactNode;
503
+ children?: ReactNode;
504
+ }
505
+
506
+ declare type TProps_2 = {
486
507
  children: React.ReactNode;
487
508
  addCssClasses?: string;
488
509
  };
@@ -662,9 +683,9 @@ export declare function WidgetContainerRow(props: IDashboardWidgetProps): IDashb
662
683
 
663
684
  export declare function WidgetsCatalogFlyout(props: TWidgetsCatalogFlyoutProps): JSX_2.Element;
664
685
 
665
- export declare function WrapperColumnContent({ children, addCssClasses }: TProps): JSX_2.Element;
686
+ export declare function WrapperColumnContent({ children, addCssClasses }: TProps_2): JSX_2.Element;
666
687
 
667
- export declare function WrapperColumnContentListItem({ children, addCssClasses }: TProps): JSX_2.Element;
688
+ export declare function WrapperColumnContentListItem({ children, addCssClasses }: TProps_2): JSX_2.Element;
668
689
 
669
690
  export declare function XCircleIcon({ className }: TIconProps): JSX_2.Element;
670
691