@tenorlab/react-dashboard 1.6.3 → 1.6.4

package/dist/core.d.ts

@@ -197,6 +197,7 @@ export declare interface IDashboardConfig {
     responsiveGrid: boolean;
     widgets: TDashboardWidgetKey[];
     childWidgetsConfig: IChildWidgetConfigEntry[];
+    savedProps?: IWidgetSavedProps[];
     cssSettings: IDashboardSettingEntry[];
     _version?: number;
     _stateDescription?: string;
@@ -282,7 +283,10 @@ export declare interface IDashboardWidgetPropsBase<TExtraProps = any> {
     noShadow?: boolean;
     noBorder?: boolean;
     noPadding?: boolean;
+    noCollapse?: boolean;
     direction?: TWidgetDirection;
+    widgetSavedProps?: IWidgetSavedProps;
+    meta?: TWidgetMetaInfoBase;
     extraProps?: TExtraProps;
 }
 
@@ -315,6 +319,12 @@ export declare interface IDynamicWidgetCatalogEntryBase<TFrameworkElementType =
     loader?: TWidgetFactoryBase<TFrameworkComponentType>;
 }
 
+export declare interface IWidgetSavedProps {
+    parentWidgetKey?: TDashboardWidgetKey;
+    widgetKey: TDashboardWidgetKey;
+    isCollapsed?: boolean;
+}
+
 /**
  * @name localWidgetDiscovery
  * @description Scans local directories for widgets.
@@ -537,8 +547,10 @@ export declare type TWidgetMetaInfoBase<TFrameworkElementType = any> = {
     description: string;
     categories: TWidgetCategory[];
     noDuplicatedWidgets?: boolean;
-    icon?: TFrameworkElementType | undefined;
+    icon?: TFrameworkElementType | string | undefined;
     externalDependencies: string[];
+    tags?: string[];
+    noCollapse?: boolean;
 };
 
 /**

package/dist/react-dashboard.d.ts

@@ -12,11 +12,11 @@ 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 ChevronDownIcon({ className, style }: TIconProps): JSX_2.Element;
 
-export declare function CircleQuestionMark({ className }: TIconProps): JSX_2.Element;
+export declare function CircleQuestionMark({ className, style }: TIconProps): JSX_2.Element;
 
-export declare function CrosshairIcon({ className }: TIconProps): JSX_2.Element;
+export declare function CrosshairIcon({ className, style }: TIconProps): JSX_2.Element;
 
 export declare const DashboardGrid: ForwardRefExoticComponent<IDashboardGridProps & RefAttributes<HTMLDivElement>>;
 
@@ -24,7 +24,7 @@ export declare const DashboardWidgetBase: (props: IDashboardWidgetProps & {
     ref?: React.ForwardedRef<HTMLDivElement>;
 }) => React.ReactElement | null;
 
-export declare function DeleteIcon({ className }: TIconProps): JSX_2.Element;
+export declare function DeleteIcon({ className, style }: TIconProps): JSX_2.Element;
 
 export declare const DraggablePanel: ForwardRefExoticComponent<DraggablePanelProps & RefAttributes<HTMLDivElement>>;
 
@@ -46,15 +46,15 @@ export declare const Dropdown: default_2.FC<TProps>;
  * @param {string} props.widgetKey
  * @param {(key: string) => Promise<void>} props.onRemoveClick
  */
-export declare function DynamicWidgetLoader({ index, maxIndex, widgetKey, parentWidgetKey, targetContainerKey, childWidgetsConfig, widgetCatalog, isEditing, extraProps, onRemoveClick, onMoveClick, selectContainer, }: TDynamicWidgetLoaderProps): JSX_2.Element;
+export declare function DynamicWidgetLoader({ index, maxIndex, widgetKey, parentWidgetKey, targetContainerKey, childWidgetsConfig, savedProps, widgetCatalog, isEditing, extraProps, onRemoveClick, onMoveClick, selectContainer, savedPropsChanged, }: TDynamicWidgetLoaderProps): JSX_2.Element;
 
-export declare function EditIcon({ className }: TIconProps): JSX_2.Element;
+export declare function EditIcon({ className, style }: TIconProps): JSX_2.Element;
 
-export declare function GridIcon({ className }: TIconProps): JSX_2.Element;
+export declare function GridIcon({ className, style }: TIconProps): JSX_2.Element;
 
-export declare function HandGrabIcon({ className }: TIconProps): JSX_2.Element;
+export declare function HandGrabIcon({ className, style }: TIconProps): JSX_2.Element;
 
-export declare function HandIcon({ className }: TIconProps): JSX_2.Element;
+export declare function HandIcon({ className, style }: TIconProps): JSX_2.Element;
 
 export declare interface IButtonProps {
     disabled?: boolean;
@@ -110,6 +110,7 @@ export declare interface IDashboardConfig {
     responsiveGrid: boolean;
     widgets: TDashboardWidgetKey[];
     childWidgetsConfig: IChildWidgetConfigEntry[];
+    savedProps?: IWidgetSavedProps[];
     cssSettings: IDashboardSettingEntry[];
     _version?: number;
     _stateDescription?: string;
@@ -185,9 +186,12 @@ export declare interface IDashboardWidget extends JSX.Element {
  */
 export declare interface IDashboardWidgetProps<TExtraProps = any> extends IDashboardWidgetPropsBase<TExtraProps> {
     children?: ReactNode;
+    titleNode?: ReactNode;
+    titleRightNode?: ReactNode;
     onRemoveClick?: (widgetKey: TDashboardWidgetKey, parentWidgetKey?: TDashboardWidgetKey) => void;
     onMoveClick?: (direction: -1 | 1, widgetKey: TDashboardWidgetKey, parentWidgetKey?: TDashboardWidgetKey) => void;
     selectContainer?: (containerKey?: TDashboardWidgetKey) => void;
+    savedPropsChanged?: (value: IWidgetSavedProps) => any;
 }
 
 /**
@@ -225,7 +229,10 @@ export declare interface IDashboardWidgetPropsBase<TExtraProps = any> {
     noShadow?: boolean;
     noBorder?: boolean;
     noPadding?: boolean;
+    noCollapse?: boolean;
     direction?: TWidgetDirection;
+    widgetSavedProps?: IWidgetSavedProps;
+    meta?: TWidgetMetaInfoBase;
     extraProps?: TExtraProps;
 }
 
@@ -295,6 +302,12 @@ export declare interface ITooltipProps {
     title: string;
 }
 
+declare interface IWidgetSavedProps {
+    parentWidgetKey?: TDashboardWidgetKey;
+    widgetKey: TDashboardWidgetKey;
+    isCollapsed?: boolean;
+}
+
 export declare const ListItem: ForwardRefExoticComponent<TStackProps & {
 innerClass?: string;
 } & RefAttributes<HTMLDivElement>>;
@@ -305,34 +318,35 @@ 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 MinusCircleIcon({ className, style }: TIconProps): JSX_2.Element;
 
-export declare function MonitorIcon({ className }: TIconProps): JSX_2.Element;
+export declare function MonitorIcon({ className, style }: TIconProps): JSX_2.Element;
 
-export declare function MonitorSmartphoneIcon({ className }: TIconProps): JSX_2.Element;
+export declare function MonitorSmartphoneIcon({ className, style }: TIconProps): JSX_2.Element;
 
-export declare function MoveLeftIcon({ className }: TIconProps): JSX_2.Element;
+export declare function MoveLeftIcon({ className, style }: TIconProps): JSX_2.Element;
 
-export declare function MoveRightIcon({ className }: TIconProps): JSX_2.Element;
+export declare function MoveRightIcon({ className, style }: TIconProps): JSX_2.Element;
 
-export declare function PlusCircleIcon({ className }: TIconProps): JSX_2.Element;
+export declare function PlusCircleIcon({ className, style }: TIconProps): JSX_2.Element;
 
-export declare function RedoIcon({ className }: TIconProps): JSX_2.Element;
+export declare function RedoIcon({ className, style }: TIconProps): JSX_2.Element;
 
-export declare function RenameIcon({ className }: TIconProps): JSX_2.Element;
+export declare function RenameIcon({ className, style }: TIconProps): JSX_2.Element;
 
-export declare function SettingsIcon({ className }: TIconProps): JSX_2.Element;
+export declare function SettingsIcon({ className, style }: TIconProps): JSX_2.Element;
 
 export declare const showToast: (options: any) => void;
 
 export declare function Stack(props: TStackProps): JSX_2.Element;
 
-export declare function SvgBaseWrapper({ children, className, }: {
+export declare function SvgBaseWrapper({ children, className, style, }: {
     children: React.ReactNode;
     className?: string;
+    style?: React.CSSProperties;
 }): JSX_2.Element;
 
-export declare function TabletSmartphoneIcon({ className }: TIconProps): JSX_2.Element;
+export declare function TabletSmartphoneIcon({ className, style }: TIconProps): JSX_2.Element;
 
 /**
  * @name TAddWidgetResponse
@@ -349,7 +363,7 @@ declare type TAddWidgetResponse = {
     allUpdatedDashboardConfigs: IDashboardConfig[];
 };
 
-export declare function TargetIcon({ className }: TIconProps): JSX_2.Element;
+export declare function TargetIcon({ className, style }: TIconProps): JSX_2.Element;
 
 export declare type TButtonJustifyCss = 'justify-start' | 'justify-center' | 'justify-end';
 
@@ -362,6 +376,10 @@ declare type TDashboardSlice = {
     currentDashboardConfig: IDashboardConfig;
     targetContainerKey?: TDashboardWidgetKey | undefined;
     getNextContainerKey: (containerWidgetKey: TDashboardWidgetKey) => TDashboardWidgetKey;
+    getCurrentDashboardConfig: () => IDashboardConfig;
+    getCurrentDashboardId: () => string;
+    getIsResponsive: () => boolean;
+    getTargetContainerKey: () => TDashboardWidgetKey | undefined;
     setIsLoading: (value: boolean) => boolean;
     setIsEditing: (value: boolean) => boolean;
     setTargetContainerKey: (value: TDashboardWidgetKey | undefined) => TDashboardWidgetKey | undefined;
@@ -430,12 +448,14 @@ declare type TDynamicWidgetLoaderProps<TExtraProps = any> = {
     parentWidgetKey?: TDashboardWidgetKey;
     targetContainerKey?: TDashboardWidgetKey;
     childWidgetsConfig?: IChildWidgetConfigEntry[];
+    savedProps?: IWidgetSavedProps[];
     widgetCatalog: TDashboardWidgetCatalog;
     isEditing: boolean;
     extraProps?: TExtraProps;
     onRemoveClick?: (widgetKey: TDashboardWidgetKey, parentWidgetKey?: TDashboardWidgetKey) => void;
     onMoveClick?: (direction: -1 | 1, widgetKey: TDashboardWidgetKey, parentWidgetKey?: TDashboardWidgetKey) => void;
     selectContainer?: (containerKey: TDashboardWidgetKey) => void;
+    savedPropsChanged: (value: IWidgetSavedProps) => any;
 };
 
 /**
@@ -467,9 +487,10 @@ declare type TGetSavedDashboards = (userID: number | string, clientAppKey: strin
 
 declare type TIconProps = {
     className?: string;
+    style?: React.CSSProperties;
 };
 
-export declare function TimerResetIcon({ className }: TIconProps): JSX_2.Element;
+export declare function TimerResetIcon({ className, style }: TIconProps): JSX_2.Element;
 
 declare type TListItemChildProps = {
     testId?: string;
@@ -625,8 +646,10 @@ export declare type TWidgetMetaInfoBase<TFrameworkElementType = any> = {
     description: string;
     categories: TWidgetCategory[];
     noDuplicatedWidgets?: boolean;
-    icon?: TFrameworkElementType | undefined;
+    icon?: TFrameworkElementType | string | undefined;
     externalDependencies: string[];
+    tags?: string[];
+    noCollapse?: boolean;
 };
 
 export declare type TWidgetsCatalogFlyoutProps = {
@@ -651,7 +674,7 @@ export declare type TWidgetsCatalogFlyoutProps = {
  */
 export declare type TWidgetSize = 'default' | 'large' | 'xlarge';
 
-export declare function UndoIcon({ className }: TIconProps): JSX_2.Element;
+export declare function UndoIcon({ className, style }: TIconProps): JSX_2.Element;
 
 export declare const useDashboardStore: UseBoundStore<Omit<StoreApi<TDashboardSlice>, "subscribe"> & {
 subscribe: {
@@ -687,10 +710,10 @@ export declare function WrapperColumnContent({ children, addCssClasses }: TProps
 
 export declare function WrapperColumnContentListItem({ children, addCssClasses }: TProps_2): JSX_2.Element;
 
-export declare function XCircleIcon({ className }: TIconProps): JSX_2.Element;
+export declare function XCircleIcon({ className, style }: TIconProps): JSX_2.Element;
 
-export declare function ZoomInIcon({ className }: TIconProps): JSX_2.Element;
+export declare function ZoomInIcon({ className, style }: TIconProps): JSX_2.Element;
 
-export declare function ZoomOutIcon({ className }: TIconProps): JSX_2.Element;
+export declare function ZoomOutIcon({ className, style }: TIconProps): JSX_2.Element;
 
 export { }