DashboardApi
declare class DashboardApi extends BaseApi
Extends
BaseApi
Methods
Method Details
getAvailableRuntimeBarWidgets
Returns list of widgets that are available at runtime
getAvailableRuntimeBarWidgets(): ("view" | "ribbon" | "row-count" | "application-name" | "theme" | "alert" | "export" | "styledCell" | "quickSearch" | "calculatedColumn" | "settingsPanel" | "dashboard" | "flashingCell" | "cell-summary")[];
Returns
("view" | "ribbon" | "row-count" | "application-name" | "theme" | "alert" | "export" | "styledCell" | "quickSearch" | "calculatedColumn" | "settingsPanel" | "dashboard" | "flashingCell" | "cell-summary")[]
getAvailableRuntimeTabsWidgetIds
getAvailableRuntimeTabsWidgetIds(): ("view" | "column-chooser" | "theme" | "alert" | "export" | "styledCell" | "quickSearch" | "calculatedColumn" | "settingsPanel" | "dashboard" | "flashingCell" | "cell-summary")[];
Returns
("view" | "column-chooser" | "theme" | "alert" | "export" | "styledCell" | "quickSearch" | "calculatedColumn" | "settingsPanel" | "dashboard" | "flashingCell" | "cell-summary")[]
getCustomWidgets
getCustomWidgets(): DashboardState['customWidgets'];
Returns
DashboardState
['customWidgets']
getDashboardState
getDashboardState(): DashboardState;
Returns
getRuntimeCustomWidgets
Returns a list of custom widget ids
getRuntimeCustomWidgets(): string[];
Returns
string[]
getWidgetDefinition
getWidgetDefinition(widgetType: WidgetIdType): {
readonly label: "Noop";
readonly component: react.FunctionComponent<WidgetProps<never>>;
readonly instances: WidgetInstanceType.Multiple;
readonly getDefaultWidgetSize: (_options: {
location: WidgetLocation;
orientation: "horizontal" | "vertical";
}) => Partial<{
width: number;
height: number;
}>;
} | {
readonly label: "Info";
readonly component: react.FunctionComponent<InfoWidgetProps>;
readonly instances: WidgetInstanceType.Multiple;
readonly getDefaultWidgetSize: (_options: {
location: WidgetLocation;
orientation: "horizontal" | "vertical";
}) => Partial<{
width: number;
height: number;
}>;
} | {
readonly label: "[Ribbon]";
readonly component: react.FunctionComponent<TabsWidgetProps>;
readonly instances: WidgetInstanceType.Multiple;
readonly getDefaultWidgetSize: (_options: {
location: WidgetLocation;
orientation: "horizontal" | "vertical";
}) => Partial<{
width: number;
height: number;
}>;
} | {
readonly label: "Button";
readonly component: react.FunctionComponent<ButtonWidgetProps>;
readonly instances: WidgetInstanceType.Multiple;
readonly getDefaultWidgetSize: (_options: {
location: WidgetLocation;
orientation: "horizontal" | "vertical";
}) => Partial<{
width: number;
height: number;
}>;
} | {
readonly label: "Custom Content";
readonly component: react.FunctionComponent<CustomContentWidgetProps>;
readonly instances: WidgetInstanceType.Multiple;
readonly getDefaultWidgetSize: (_options: {
location: WidgetLocation;
orientation: "horizontal" | "vertical";
}) => Partial<{
width: number;
height: number;
}>;
} | {
readonly label: "Row Count";
readonly component: react.FunctionComponent<RowCountWidgetProps>;
readonly instances: WidgetInstanceType.Multiple;
readonly getDefaultWidgetSize: (_options: {
location: WidgetLocation;
orientation: "horizontal" | "vertical";
}) => Partial<{
width: number;
height: number;
}>;
} | {
readonly label: "Application Name";
readonly component: react.FunctionComponent<ApplicationNameWidgetProps>;
readonly instances: WidgetInstanceType.Multiple;
readonly getDefaultWidgetSize: (_options: {
location: WidgetLocation;
orientation: "horizontal" | "vertical";
}) => Partial<{
width: number;
height: number;
}>;
} | {
readonly label: "Custom";
readonly component: react.FunctionComponent<CustomWidgetProps>;
readonly instances: WidgetInstanceType.Multiple;
readonly getDefaultWidgetSize: (_options: {
location: WidgetLocation;
orientation: "horizontal" | "vertical";
}) => Partial<{
width: number;
height: number;
}>;
} | {
readonly label: "Column Chooser";
readonly component: ({ orientation, location }: ColumnChooserWidgetProps) => JSX.Element;
readonly getDefaultWidgetSize: typeof getWidgetSize;
readonly instances: WidgetInstanceType.Multiple;
} | {
readonly component: react.FunctionComponent<ThemeWidgetProps>;
readonly label: string;
readonly instances: WidgetInstanceType.Single;
readonly getDefaultWidgetSize: (_options: {
location: WidgetLocation;
orientation: "horizontal" | "vertical";
}) => Partial<{
width: number;
height: number;
}>;
} | {
readonly component: react.FunctionComponent<ViewWidgetProps>;
readonly label: string;
readonly instances: WidgetInstanceType.Single;
readonly getDefaultWidgetSize: (_options: {
location: WidgetLocation;
orientation: "horizontal" | "vertical";
}) => Partial<{
width: number;
height: number;
}>;
} | {
readonly component: react.FunctionComponent<StyledCellsWidgetProps>;
readonly label: string;
readonly instances: WidgetInstanceType.Single;
readonly getDefaultWidgetSize: (_options: {
location: WidgetLocation;
orientation: "horizontal" | "vertical";
}) => Partial<{
width: number;
height: number;
}>;
} | {
readonly component: react.FunctionComponent<QuickSearchWidgetProps>;
readonly label: string;
readonly instances: WidgetInstanceType.Single;
readonly getDefaultWidgetSize: (_options: {
location: WidgetLocation;
orientation: "horizontal" | "vertical";
}) => Partial<{
width: number;
height: number;
}>;
} | {
readonly component: react.FunctionComponent<CalculatedColumnWidgetProps>;
readonly label: string;
readonly instances: WidgetInstanceType.Single;
readonly getDefaultWidgetSize: (_options: {
location: WidgetLocation;
orientation: "horizontal" | "vertical";
}) => Partial<{
width: number;
height: number;
}>;
} | {
readonly component: react.FunctionComponent<SettingsPanelWidgetProps>;
readonly label: string;
readonly instances: WidgetInstanceType.Single;
readonly getDefaultWidgetSize: (_options: {
location: WidgetLocation;
orientation: "horizontal" | "vertical";
}) => Partial<{
width: number;
height: number;
}>;
} | {
readonly component: react.FunctionComponent<DashboardWidgetProps>;
readonly label: "Dashboard";
readonly instances: WidgetInstanceType.Single;
readonly getDefaultWidgetSize: (_options: {
location: WidgetLocation;
orientation: "horizontal" | "vertical";
}) => Partial<{
width: number;
height: number;
}>;
} | {
readonly component: react.FunctionComponent<FlashingCellsWidgetProps>;
readonly label: string;
readonly instances: WidgetInstanceType.Single;
readonly getDefaultWidgetSize: (_options: {
location: WidgetLocation;
orientation: "horizontal" | "vertical";
}) => Partial<{
width: number;
height: number;
}>;
} | {
readonly component: (props: ExportWidgetProps) => JSX.Element;
readonly label: string;
readonly instances: WidgetInstanceType.Single;
readonly getDefaultWidgetSize: (_options: {
location: WidgetLocation;
orientation: "horizontal" | "vertical";
}) => Partial<{
width: number;
height: number;
}>;
} | {
readonly component: (props: CellSummaryWidgetProps) => JSX.Element;
readonly label: string;
readonly instances: WidgetInstanceType.Multiple;
readonly getDefaultWidgetSize: (_options: {
location: WidgetLocation;
orientation: "horizontal" | "vertical";
}) => Partial<{
width: number;
height: number;
}>;
} | {
readonly component: react.FunctionComponent<AlertWidgetProps>;
readonly label: string;
readonly instances: WidgetInstanceType.Single;
readonly getDefaultWidgetSize: (_options: {
location: WidgetLocation;
orientation: "horizontal" | "vertical";
}) => Partial<{
width: number;
height: number;
}>;
};
Parameters
Parameter | Type |
---|---|
widgetType | WidgetIdType |
Returns
{ readonly label: "Noop"; readonly component: react.FunctionComponent<
WidgetProps
<never>>; readonly instances: WidgetInstanceType.Multiple; readonly getDefaultWidgetSize: (_options: { location: WidgetLocation; orientation: "horizontal" | "vertical"; }) => Partial<{ width: number; height: number; }>; } | { readonly label: "Info"; readonly component: react.FunctionComponent<InfoWidgetProps>; readonly instances: WidgetInstanceType.Multiple; readonly getDefaultWidgetSize: (_options: { location: WidgetLocation; orientation: "horizontal" | "vertical"; }) => Partial<{ width: number; height: number; }>; } | { readonly label: "[Ribbon]"; readonly component: react.FunctionComponent<TabsWidgetProps>; readonly instances: WidgetInstanceType.Multiple; readonly getDefaultWidgetSize: (_options: { location: WidgetLocation; orientation: "horizontal" | "vertical"; }) => Partial<{ width: number; height: number; }>; } | { readonly label: "Button"; readonly component: react.FunctionComponent<ButtonWidgetProps>; readonly instances: WidgetInstanceType.Multiple; readonly getDefaultWidgetSize: (_options: { location: WidgetLocation; orientation: "horizontal" | "vertical"; }) => Partial<{ width: number; height: number; }>; } | { readonly label: "Custom Content"; readonly component: react.FunctionComponent<CustomContentWidgetProps>; readonly instances: WidgetInstanceType.Multiple; readonly getDefaultWidgetSize: (_options: { location: WidgetLocation; orientation: "horizontal" | "vertical"; }) => Partial<{ width: number; height: number; }>; } | { readonly label: "Row Count"; readonly component: react.FunctionComponent<RowCountWidgetProps>; readonly instances: WidgetInstanceType.Multiple; readonly getDefaultWidgetSize: (_options: { location: WidgetLocation; orientation: "horizontal" | "vertical"; }) => Partial<{ width: number; height: number; }>; } | { readonly label: "Application Name"; readonly component: react.FunctionComponent<ApplicationNameWidgetProps>; readonly instances: WidgetInstanceType.Multiple; readonly getDefaultWidgetSize: (_options: { location: WidgetLocation; orientation: "horizontal" | "vertical"; }) => Partial<{ width: number; height: number; }>; } | { readonly label: "Custom"; readonly component: react.FunctionComponent<CustomWidgetProps>; readonly instances: WidgetInstanceType.Multiple; readonly getDefaultWidgetSize: (_options: { location: WidgetLocation; orientation: "horizontal" | "vertical"; }) => Partial<{ width: number; height: number; }>; } | { readonly label: "Column Chooser"; readonly component: ({ orientation, location }: ColumnChooserWidgetProps) => JSX.Element; readonly getDefaultWidgetSize: typeof getWidgetSize; readonly instances: WidgetInstanceType.Multiple; } | { readonly component: react.FunctionComponent<ThemeWidgetProps>; readonly label: string; readonly instances: WidgetInstanceType.Single; readonly getDefaultWidgetSize: (_options: { location: WidgetLocation; orientation: "horizontal" | "vertical"; }) => Partial<{ width: number; height: number; }>; } | { readonly component: react.FunctionComponent<ViewWidgetProps>; readonly label: string; readonly instances: WidgetInstanceType.Single; readonly getDefaultWidgetSize: (_options: { location: WidgetLocation; orientation: "horizontal" | "vertical"; }) => Partial<{ width: number; height: number; }>; } | { readonly component: react.FunctionComponent<StyledCellsWidgetProps>; readonly label: string; readonly instances: WidgetInstanceType.Single; readonly getDefaultWidgetSize: (_options: { location: WidgetLocation; orientation: "horizontal" | "vertical"; }) => Partial<{ width: number; height: number; }>; } | { readonly component: react.FunctionComponent<QuickSearchWidgetProps>; readonly label: string; readonly instances: WidgetInstanceType.Single; readonly getDefaultWidgetSize: (_options: { location: WidgetLocation; orientation: "horizontal" | "vertical"; }) => Partial<{ width: number; height: number; }>; } | { readonly component: react.FunctionComponent<CalculatedColumnWidgetProps>; readonly label: string; readonly instances: WidgetInstanceType.Single; readonly getDefaultWidgetSize: (_options: { location: WidgetLocation; orientation: "horizontal" | "vertical"; }) => Partial<{ width: number; height: number; }>; } | { readonly component: react.FunctionComponent<SettingsPanelWidgetProps>; readonly label: string; readonly instances: WidgetInstanceType.Single; readonly getDefaultWidgetSize: (_options: { location: WidgetLocation; orientation: "horizontal" | "vertical"; }) => Partial<{ width: number; height: number; }>; } | { readonly component: react.FunctionComponent<DashboardWidgetProps>; readonly label: "Dashboard"; readonly instances: WidgetInstanceType.Single; readonly getDefaultWidgetSize: (_options: { location: WidgetLocation; orientation: "horizontal" | "vertical"; }) => Partial<{ width: number; height: number; }>; } | { readonly component: react.FunctionComponent<FlashingCellsWidgetProps>; readonly label: string; readonly instances: WidgetInstanceType.Single; readonly getDefaultWidgetSize: (_options: { location: WidgetLocation; orientation: "horizontal" | "vertical"; }) => Partial<{ width: number; height: number; }>; } | { readonly component: (props: ExportWidgetProps) => JSX.Element; readonly label: string; readonly instances: WidgetInstanceType.Single; readonly getDefaultWidgetSize: (_options: { location: WidgetLocation; orientation: "horizontal" | "vertical"; }) => Partial<{ width: number; height: number; }>; } | { readonly component: (props: CellSummaryWidgetProps) => JSX.Element; readonly label: string; readonly instances: WidgetInstanceType.Multiple; readonly getDefaultWidgetSize: (_options: { location: WidgetLocation; orientation: "horizontal" | "vertical"; }) => Partial<{ width: number; height: number; }>; } | { readonly component: react.FunctionComponent<AlertWidgetProps>; readonly label: string; readonly instances: WidgetInstanceType.Single; readonly getDefaultWidgetSize: (_options: { location: WidgetLocation; orientation: "horizontal" | "vertical"; }) => Partial<{ width: number; height: number; }>; }
getWidgetLabel
getWidgetLabel(widgetType: WidgetIdType): string;
Parameters
Parameter | Type |
---|---|
widgetType | WidgetIdType |
Returns
string
setCellSummaryAggregationFunctionForWidget
setCellSummaryAggregationFunctionForWidget(fnName: AggregationFunctionType, dashboardWidgetId: string): void;
Parameters
Parameter | Type |
---|---|
fnName | AggregationFunctionType |
dashboardWidgetId | string |
Returns
void
setDashboardBarWidgets
setDashboardBarWidgets(position: DashboardPosition, widgetsState: WidgetState[]): void;
Parameters
Parameter | Type |
---|---|
position | DashboardPosition |
widgetsState | WidgetState [] |
Returns
void
setDashboardDrawerSize
setDashboardDrawerSize(position: DashboardPosition, size: number): void;
Parameters
Parameter | Type |
---|---|
position | DashboardPosition |
size | number |
Returns
void
setDashboardStyle
setDashboardStyle(position: DashboardPosition, style: DashboardSection['style']): void;
Parameters
Parameter | Type |
---|---|
position | DashboardPosition |
style | DashboardSection ['style'] |
Returns
void
setDashboardTabs
setDashboardTabs(position: DashboardPosition, tabItems: DashboardRibbonDefinition['tabs']): void;
Parameters
Parameter | Type |
---|---|
position | DashboardPosition |
tabItems | DashboardRibbonDefinition['tabs'] |
Returns
void
setOpenTabName
setOpenTabName(position: DashboardPosition, tabName: string | null): void;
Parameters
| Parameter | Type |
| --------- | ------------------- | ----- |
| position | DashboardPosition
|
| tabName | string | null
|
Returns
void