@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 +6 -6
- package/dist/react-dashboard.d.ts +25 -4
- package/dist/react-dashboard.es.js +1515 -1344
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
# @tenorlab/react-dashboard
|
|
2
2
|
|
|
3
3
|
[](https://opensource.org/licenses/MIT)
|
|
4
|
-
[](https://www.tenorlab.com)
|
|
5
5
|
[](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
|
|
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
|
|
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
|
|
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
|
|
449
|
+
## ⚡️ Go Pro and Save Time: Tenorlab Pro
|
|
450
450
|
|
|
451
|
-
A commercial license for a full-blown professional app
|
|
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
|
|
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
|
|
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 }:
|
|
686
|
+
export declare function WrapperColumnContent({ children, addCssClasses }: TProps_2): JSX_2.Element;
|
|
666
687
|
|
|
667
|
-
export declare function WrapperColumnContentListItem({ children, addCssClasses }:
|
|
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
|
|