piral-dashboard 1.0.0-pre.2296 → 1.0.1-beta.5640

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2019 - 2021 smapiot
+Copyright (c) 2019 - 2023 smapiot
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -1,6 +1,6 @@
-[![Piral Logo](https://github.com/smapiot/piral/raw/master/docs/assets/logo.png)](https://piral.io)
+[![Piral Logo](https://github.com/smapiot/piral/raw/main/docs/assets/logo.png)](https://piral.io)
 
-# [Piral Dashboard](https://piral.io) · [![GitHub License](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/smapiot/piral/blob/master/LICENSE) [![npm version](https://img.shields.io/npm/v/piral-dashboard.svg?style=flat)](https://www.npmjs.com/package/piral-dashboard) [![tested with jest](https://img.shields.io/badge/tested_with-jest-99424f.svg)](https://jestjs.io) [![Gitter Chat](https://badges.gitter.im/gitterHQ/gitter.png)](https://gitter.im/piral-io/community)
+# [Piral Dashboard](https://piral.io) · [![GitHub License](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/smapiot/piral/blob/main/LICENSE) [![npm version](https://img.shields.io/npm/v/piral-dashboard.svg?style=flat)](https://www.npmjs.com/package/piral-dashboard) [![tested with jest](https://img.shields.io/badge/tested_with-jest-99424f.svg)](https://jestjs.io) [![Gitter Chat](https://badges.gitter.im/gitterHQ/gitter.png)](https://gitter.im/piral-io/community)
 
 This is plugin that only has a peer dependency to `piral-core`. What `piral-dashboard` brings to the table is a set of Pilet API extensions that can be used with `piral` or `piral-core`.
 
@@ -10,6 +10,12 @@ Many portal and tool applications come with a dashboard view that easily allows
 
 Alternatives: Use extensions to define this generically without the need for a plugin. Place each dashboard in its own extension slot registering components dynamically for these.
 
+## Video
+
+We also have a video for this plugin:
+
+@[youtube](https://youtu.be/ycZLPRaoLAQ)
+
 ## Documentation
 
 The following functions are brought to the Pilet API.
@@ -83,7 +89,7 @@ const instance = createInstance({
 });
 ```
 
-Via the options the `defaultPreferences` and the global / initially available `tiles` can be defined.
+Via the options the `defaultPreferences` and the global/initially available `tiles` can be defined.
 
 Consider for example:
 
@@ -110,17 +116,35 @@ const instance = createInstance({
 });
 ```
 
-To fully integrate the dashboard the `Dashboard` component can be used. It can be part of a page or a page itself:
+By default, the dashboard is located at the homepage (`/`). You can change this via the `routes` setting:
 
-```jsx
-<SetRoute path="/" component={Dashboard} />
+```ts
+const instance = createInstance({
+  // important part
+  plugins: [createDashboardApi({
+    routes: ['/dashboard'],
+  })],
+  // ...
+});
 ```
 
-The `Dashboard` component also comes with a prop called `filter`, which might be handy together with custom options for actually using multiple dashboards.
+Or alternatively, don't use any route for it and just reference the `Dashboard` component on any page or within the layout.
+
+```ts
+// for the instance
+const instance = createInstance({
+  // important part
+  plugins: [createDashboardApi({
+    routes: [],
+  })],
+  // ...
+});
+
+
+// in some component, maybe even in the layout
+import { Dashboard } from 'piral-dashboard';
 
-```jsx
-<SetRoute path="/dashboard1" component={props => <Dashboard {...props} filter={tile => tile.preferences.category === 'self'} />} />
-<SetRoute path="/dashboard2" component={props => <Dashboard {...props} filter={tile => tile.preferences.category === 'group'} />} />
+// then use: <Dashboard />
 ```
 
 ### Customizing

package/esm/Dashboard.d.ts

@@ -1,7 +1,11 @@
 import * as React from 'react';
-import { RouteComponentProps } from 'react-router-dom';
+import type { RouteComponentProps } from 'react-router-dom';
 import { TileRegistration } from './types';
 export interface DashboardProps extends RouteComponentProps {
     filter?(tile: TileRegistration): boolean;
 }
+/**
+ * The dashboard component. Integrate this as a page or in a component
+ * where dashboard information (tiles) should be shown.
+ */
 export declare const Dashboard: React.FC<DashboardProps>;

package/esm/Dashboard.js

@@ -1,19 +1,22 @@
-import { __assign } from "tslib";
 import * as React from 'react';
 import { useGlobalState } from 'piral-core';
 import { PiralDashboardContainer, PiralDashboardTile } from './components';
-export var Dashboard = function (props) {
-    var tiles = useGlobalState(function (s) { return s.registry.tiles; });
-    var _a = props.filter, filter = _a === void 0 ? function () { return true; } : _a;
-    var children = Object.keys(tiles)
-        .filter(function (tile) { return filter(tiles[tile]); })
-        .map(function (tile) {
-        var _a = tiles[tile], Component = _a.component, preferences = _a.preferences;
-        var _b = preferences.initialColumns, initialColumns = _b === void 0 ? 1 : _b, _c = preferences.initialRows, initialRows = _c === void 0 ? 1 : _c, _d = preferences.resizable, resizable = _d === void 0 ? false : _d;
+/**
+ * The dashboard component. Integrate this as a page or in a component
+ * where dashboard information (tiles) should be shown.
+ */
+export const Dashboard = (props) => {
+    const tiles = useGlobalState((s) => s.registry.tiles);
+    const { filter = () => true } = props;
+    const children = Object.keys(tiles)
+        .filter((tile) => filter(tiles[tile]))
+        .map((tile) => {
+        const { component: Component, preferences } = tiles[tile];
+        const { initialColumns = 1, initialRows = 1, resizable = false } = preferences;
         return (React.createElement(PiralDashboardTile, { key: tile, columns: initialColumns, rows: initialRows, resizable: resizable, meta: preferences },
             React.createElement(Component, { columns: initialColumns, rows: initialRows })));
     });
-    return React.createElement(PiralDashboardContainer, __assign({}, props, { children: children }));
+    return React.createElement(PiralDashboardContainer, Object.assign({}, props, { children: children }));
 };
 Dashboard.displayName = 'Dashboard';
 //# sourceMappingURL=Dashboard.js.map

package/esm/Dashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dashboard.js","sourceRoot":"","sources":["../src/Dashboard.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAO3E,MAAM,CAAC,IAAM,SAAS,GAA6B,UAAC,KAAK;IACvD,IAAM,KAAK,GAAG,cAAc,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,QAAQ,CAAC,KAAK,EAAhB,CAAgB,CAAC,CAAC;IAC9C,IAAA,KAAwB,KAAK,OAAV,EAAnB,MAAM,mBAAG,cAAM,OAAA,IAAI,EAAJ,CAAI,KAAA,CAAW;IACtC,IAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;SAChC,MAAM,CAAC,UAAC,IAAI,IAAK,OAAA,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAAnB,CAAmB,CAAC;SACrC,GAAG,CAAC,UAAC,IAAI;QACF,IAAA,KAAwC,KAAK,CAAC,IAAI,CAAC,EAAtC,SAAS,eAAA,EAAE,WAAW,iBAAgB,CAAC;QAClD,IAAA,KAA2D,WAAW,eAApD,EAAlB,cAAc,mBAAG,CAAC,KAAA,EAAE,KAAuC,WAAW,YAAnC,EAAf,WAAW,mBAAG,CAAC,KAAA,EAAE,KAAsB,WAAW,UAAhB,EAAjB,SAAS,mBAAG,KAAK,KAAA,CAAiB;QAC/E,OAAO,CACL,oBAAC,kBAAkB,IACjB,GAAG,EAAE,IAAI,EACT,OAAO,EAAE,cAAc,EACvB,IAAI,EAAE,WAAW,EACjB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,WAAW;YACjB,oBAAC,SAAS,IAAC,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,WAAW,GAAI,CACtC,CACtB,CAAC;IACJ,CAAC,CAAC,CAAC;IAEL,OAAO,oBAAC,uBAAuB,eAAK,KAAK,IAAE,QAAQ,EAAE,QAAQ,IAAI,CAAC;AACpE,CAAC,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
+{"version":3,"file":"Dashboard.js","sourceRoot":"","sources":["../src/Dashboard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAO3E;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,KAAK,EAAE,EAAE;IAC3D,MAAM,KAAK,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,EAAE,MAAM,GAAG,GAAG,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,CAAC;IACtC,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;SAChC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;SACrC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QACZ,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;QAC1D,MAAM,EAAE,cAAc,GAAG,CAAC,EAAE,WAAW,GAAG,CAAC,EAAE,SAAS,GAAG,KAAK,EAAE,GAAG,WAAW,CAAC;QAC/E,OAAO,CACL,oBAAC,kBAAkB,IACjB,GAAG,EAAE,IAAI,EACT,OAAO,EAAE,cAAc,EACvB,IAAI,EAAE,WAAW,EACjB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,WAAW;YACjB,oBAAC,SAAS,IAAC,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,WAAW,GAAI,CACtC,CACtB,CAAC;IACJ,CAAC,CAAC,CAAC;IAEL,OAAO,oBAAC,uBAAuB,oBAAK,KAAK,IAAE,QAAQ,EAAE,QAAQ,IAAI,CAAC;AACpE,CAAC,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

package/esm/actions.js

@@ -1,9 +1,8 @@
-import { __assign } from "tslib";
 import { withKey, withoutKey } from 'piral-core';
 export function registerTile(ctx, name, value) {
-    ctx.dispatch(function (state) { return (__assign(__assign({}, state), { registry: __assign(__assign({}, state.registry), { tiles: withKey(state.registry.tiles, name, value) }) })); });
+    ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { registry: Object.assign(Object.assign({}, state.registry), { tiles: withKey(state.registry.tiles, name, value) }) })));
 }
 export function unregisterTile(ctx, name) {
-    ctx.dispatch(function (state) { return (__assign(__assign({}, state), { registry: __assign(__assign({}, state.registry), { tiles: withoutKey(state.registry.tiles, name) }) })); });
+    ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { registry: Object.assign(Object.assign({}, state.registry), { tiles: withoutKey(state.registry.tiles, name) }) })));
 }
 //# sourceMappingURL=actions.js.map

package/esm/actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"actions.js","sourceRoot":"","sources":["../src/actions.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,UAAU,EAAsB,MAAM,YAAY,CAAC;AAGrE,MAAM,UAAU,YAAY,CAAC,GAAuB,EAAE,IAAY,EAAE,KAAuB;IACzF,GAAG,CAAC,QAAQ,CAAC,UAAC,KAAK,IAAK,OAAA,uBACnB,KAAK,KACR,QAAQ,wBACH,KAAK,CAAC,QAAQ,KACjB,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,OAEnD,EANsB,CAMtB,CAAC,CAAC;AACN,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,GAAuB,EAAE,IAAY;IAClE,GAAG,CAAC,QAAQ,CAAC,UAAC,KAAK,IAAK,OAAA,uBACnB,KAAK,KACR,QAAQ,wBACH,KAAK,CAAC,QAAQ,KACjB,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,OAE/C,EANsB,CAMtB,CAAC,CAAC;AACN,CAAC"}
+{"version":3,"file":"actions.js","sourceRoot":"","sources":["../src/actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,UAAU,EAAsB,MAAM,YAAY,CAAC;AAGrE,MAAM,UAAU,YAAY,CAAC,GAAuB,EAAE,IAAY,EAAE,KAAuB;IACzF,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,iCACnB,KAAK,KACR,QAAQ,kCACH,KAAK,CAAC,QAAQ,KACjB,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,OAEnD,CAAC,CAAC;AACN,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,GAAuB,EAAE,IAAY;IAClE,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,iCACnB,KAAK,KACR,QAAQ,kCACH,KAAK,CAAC,QAAQ,KACjB,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,OAE/C,CAAC,CAAC;AACN,CAAC"}

package/esm/components.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
-import { DashboardContainerProps, DashboardTileProps } from './types';
-export declare const PiralDashboardContainer: React.ComponentType<DashboardContainerProps>;
-export declare const PiralDashboardTile: React.ComponentType<DashboardTileProps>;
+/// <reference types="react" />
+export declare const PiralDashboardContainer: import("react").ComponentType<import("./types").DashboardContainerProps>;
+export declare const PiralDashboardTile: import("react").ComponentType<import("./types").DashboardTileProps>;

package/esm/components.js

@@ -1,4 +1,4 @@
 import { getPiralComponent } from 'piral-core';
-export var PiralDashboardContainer = getPiralComponent('DashboardContainer');
-export var PiralDashboardTile = getPiralComponent('DashboardTile');
+export const PiralDashboardContainer = getPiralComponent('DashboardContainer');
+export const PiralDashboardTile = getPiralComponent('DashboardTile');
 //# sourceMappingURL=components.js.map

package/esm/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAG/C,MAAM,CAAC,IAAM,uBAAuB,GAAiD,iBAAiB,CACpG,oBAAoB,CACrB,CAAC;AACF,MAAM,CAAC,IAAM,kBAAkB,GAA4C,iBAAiB,CAAC,eAAe,CAAC,CAAC"}
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAE/C,MAAM,CAAC,MAAM,uBAAuB,GAAG,iBAAiB,CAAC,oBAAoB,CAAC,CAAC;AAC/E,MAAM,CAAC,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,eAAe,CAAC,CAAC"}

package/esm/create.d.ts

@@ -1,20 +1,14 @@
-import { ComponentType } from 'react';
 import { PiralPlugin } from 'piral-core';
-import { PiletDashboardApi, TilePreferences, BareTileComponentProps } from './types';
-export interface InitialTile {
-    /**
-     * Defines the component to be used for the tile.
-     */
-    component: ComponentType<BareTileComponentProps>;
-    /**
-     * Optionally sets the preferences for the tile.
-     */
-    preferences?: TilePreferences;
-}
+import { InitialTile, PiletDashboardApi, TilePreferences } from './types';
 /**
  * Available configuration options for the dashboard plugin.
  */
 export interface DashboardConfig {
+    /**
+     * Sets the routes where a dashboard should be displayed.
+     * @default ['/']
+     */
+    routes?: Array<string>;
     /**
      * Sets the tiles to be given by the app shell.
      * @default []

package/esm/create.js

@@ -1,53 +1,35 @@
-import { __assign } from "tslib";
 import * as actions from './actions';
-import { buildName, withApi } from 'piral-core';
-import { DefaultTile, DefaultContainer } from './default';
-function getPreferences(defaultPreferences, customPreferences) {
-    if (customPreferences === void 0) { customPreferences = {}; }
-    return __assign(__assign({}, defaultPreferences), customPreferences);
-}
-function getTiles(items, defaultPreferences) {
-    var tiles = {};
-    var i = 0;
-    for (var _i = 0, items_1 = items; _i < items_1.length; _i++) {
-        var _a = items_1[_i], component = _a.component, preferences = _a.preferences;
-        tiles["global-" + i++] = {
-            pilet: undefined,
-            component: component,
-            preferences: getPreferences(defaultPreferences, preferences),
-        };
-    }
-    return tiles;
-}
+import { buildName, withApi, withRootExtension, withAll } from 'piral-core';
+import { Dashboard } from './Dashboard';
+import { getPreferences, getTiles, withRoutes, withTiles } from './helpers';
 /**
  * Creates the Pilet API extension for activating dashboard support.
  */
-export function createDashboardApi(config) {
-    if (config === void 0) { config = {}; }
-    var _a = config.tiles, tiles = _a === void 0 ? [] : _a, _b = config.defaultPreferences, defaultPreferences = _b === void 0 ? {} : _b;
-    return function (context) {
+export function createDashboardApi(config = {}) {
+    const { tiles = [], defaultPreferences = {}, routes = ['/'] } = config;
+    return (context) => {
         context.defineActions(actions);
-        context.dispatch(function (state) { return (__assign(__assign({}, state), { components: __assign({ DashboardTile: DefaultTile, DashboardContainer: DefaultContainer }, state.components), registry: __assign(__assign({}, state.registry), { tiles: getTiles(tiles, defaultPreferences) }) })); });
-        return function (api, target) {
-            var pilet = target.name;
-            var next = 0;
+        context.dispatch(withAll(withTiles(getTiles(tiles, defaultPreferences)), withRootExtension('piral-dashboard', Dashboard), withRoutes(routes)));
+        return (api, target) => {
+            const pilet = target.name;
+            let next = 0;
             return {
-                registerTile: function (name, arg, preferences) {
+                registerTile(name, arg, preferences) {
                     if (typeof name !== 'string') {
                         preferences = arg;
                         arg = name;
                         name = next++;
                     }
-                    var id = buildName(pilet, name);
+                    const id = buildName(pilet, name);
                     context.registerTile(id, {
-                        pilet: pilet,
+                        pilet,
                         component: withApi(context, arg, api, 'tile'),
                         preferences: getPreferences(defaultPreferences, preferences),
                     });
-                    return function () { return api.unregisterTile(name); };
+                    return () => api.unregisterTile(name);
                 },
-                unregisterTile: function (name) {
-                    var id = buildName(pilet, name);
+                unregisterTile(name) {
+                    const id = buildName(pilet, name);
                     context.unregisterTile(id);
                 },
             };

package/esm/create.js.map

@@ -1 +1 @@
-{"version":3,"file":"create.js","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AAErC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAqB,MAAM,YAAY,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AA8B1D,SAAS,cAAc,CAAC,kBAAmC,EAAE,iBAAuC;IAAvC,kCAAA,EAAA,sBAAuC;IAClG,6BACK,kBAAkB,GAClB,iBAAiB,EACpB;AACJ,CAAC;AAED,SAAS,QAAQ,CAAC,KAAyB,EAAE,kBAAmC;IAC9E,IAAM,KAAK,GAA2B,EAAE,CAAC;IACzC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEV,KAAyC,UAAK,EAAL,eAAK,EAAL,mBAAK,EAAL,IAAK,EAAE;QAArC,IAAA,gBAA0B,EAAxB,SAAS,eAAA,EAAE,WAAW,iBAAA;QACjC,KAAK,CAAC,YAAU,CAAC,EAAI,CAAC,GAAG;YACvB,KAAK,EAAE,SAAS;YAChB,SAAS,WAAA;YACT,WAAW,EAAE,cAAc,CAAC,kBAAkB,EAAE,WAAW,CAAC;SAC7D,CAAC;KACH;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,kBAAkB,CAAC,MAA4B;IAA5B,uBAAA,EAAA,WAA4B;IACrD,IAAA,KAAwC,MAAM,MAApC,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,KAA4B,MAAM,mBAAX,EAAvB,kBAAkB,mBAAG,EAAE,KAAA,CAAY;IAEvD,OAAO,UAAC,OAAO;QACb,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAE/B,OAAO,CAAC,QAAQ,CAAC,UAAC,KAAK,IAAK,OAAA,uBACvB,KAAK,KACR,UAAU,aACR,aAAa,EAAE,WAAW,EAC1B,kBAAkB,EAAE,gBAAgB,IACjC,KAAK,CAAC,UAAU,GAErB,QAAQ,wBACH,KAAK,CAAC,QAAQ,KACjB,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,kBAAkB,CAAC,OAE5C,EAX0B,CAW1B,CAAC,CAAC;QAEJ,OAAO,UAAC,GAAG,EAAE,MAAM;YACjB,IAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC;YAC1B,IAAI,IAAI,GAAG,CAAC,CAAC;YAEb,OAAO;gBACL,YAAY,EAAZ,UAAa,IAAI,EAAE,GAAG,EAAE,WAAY;oBAClC,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;wBAC5B,WAAW,GAAG,GAAG,CAAC;wBAClB,GAAG,GAAG,IAAI,CAAC;wBACX,IAAI,GAAG,IAAI,EAAE,CAAC;qBACf;oBAED,IAAM,EAAE,GAAG,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;oBAClC,OAAO,CAAC,YAAY,CAAC,EAAE,EAAE;wBACvB,KAAK,OAAA;wBACL,SAAS,EAAE,OAAO,CAAC,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,CAAC;wBAC7C,WAAW,EAAE,cAAc,CAAC,kBAAkB,EAAE,WAAW,CAAC;qBAC7D,CAAC,CAAC;oBACH,OAAO,cAAM,OAAA,GAAG,CAAC,cAAc,CAAC,IAAI,CAAC,EAAxB,CAAwB,CAAC;gBACxC,CAAC;gBACD,cAAc,YAAC,IAAI;oBACjB,IAAM,EAAE,GAAG,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;oBAClC,OAAO,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;gBAC7B,CAAC;aACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"create.js","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAe,iBAAiB,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACzF,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAuB5E;;GAEG;AACH,MAAM,UAAU,kBAAkB,CAAC,SAA0B,EAAE;IAC7D,MAAM,EAAE,KAAK,GAAG,EAAE,EAAE,kBAAkB,GAAG,EAAE,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,MAAM,CAAC;IAEvE,OAAO,CAAC,OAAO,EAAE,EAAE;QACjB,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAE/B,OAAO,CAAC,QAAQ,CACd,OAAO,CACL,SAAS,CAAC,QAAQ,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAAC,EAC9C,iBAAiB,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAC/C,UAAU,CAAC,MAAM,CAAC,CACnB,CACF,CAAC;QAEF,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE;YACrB,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC;YAC1B,IAAI,IAAI,GAAG,CAAC,CAAC;YAEb,OAAO;gBACL,YAAY,CAAC,IAAI,EAAE,GAAG,EAAE,WAAY;oBAClC,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;wBAC5B,WAAW,GAAG,GAAG,CAAC;wBAClB,GAAG,GAAG,IAAI,CAAC;wBACX,IAAI,GAAG,IAAI,EAAE,CAAC;qBACf;oBAED,MAAM,EAAE,GAAG,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;oBAClC,OAAO,CAAC,YAAY,CAAC,EAAE,EAAE;wBACvB,KAAK;wBACL,SAAS,EAAE,OAAO,CAAC,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,CAAC;wBAC7C,WAAW,EAAE,cAAc,CAAC,kBAAkB,EAAE,WAAW,CAAC;qBAC7D,CAAC,CAAC;oBACH,OAAO,GAAG,EAAE,CAAC,GAAG,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;gBACxC,CAAC;gBACD,cAAc,CAAC,IAAI;oBACjB,MAAM,EAAE,GAAG,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;oBAClC,OAAO,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;gBAC7B,CAAC;aACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC"}

package/esm/default.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
 import { ExtensionSlot, defaultRender } from 'piral-core';
-export var DefaultContainer = function (props) { return (React.createElement(ExtensionSlot, { name: "dashboard", params: props, empty: function () { return defaultRender(props.children, 'default_dashboard'); } })); };
-export var DefaultTile = function (props) { return defaultRender(props.children); };
+export const DefaultContainer = (props) => (React.createElement(ExtensionSlot, { name: "dashboard", params: props, empty: () => defaultRender(props.children, 'default_dashboard') }));
+export const DefaultTile = (props) => defaultRender(props.children);
 //# sourceMappingURL=default.js.map

package/esm/default.js.map

@@ -1 +1 @@
-{"version":3,"file":"default.js","sourceRoot":"","sources":["../src/default.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAG1D,MAAM,CAAC,IAAM,gBAAgB,GAAsC,UAAC,KAAK,IAAK,OAAA,CAC5E,oBAAC,aAAa,IAAC,IAAI,EAAC,WAAW,EAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,cAAM,OAAA,aAAa,CAAC,KAAK,CAAC,QAAQ,EAAE,mBAAmB,CAAC,EAAlD,CAAkD,GAAI,CACnH,EAF6E,CAE7E,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAiC,UAAC,KAAK,IAAK,OAAA,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,EAA7B,CAA6B,CAAC"}
+{"version":3,"file":"default.js","sourceRoot":"","sources":["../src/default.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAG1D,MAAM,CAAC,MAAM,gBAAgB,GAAsC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC5E,oBAAC,aAAa,IAAC,IAAI,EAAC,WAAW,EAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,EAAE,mBAAmB,CAAC,GAAI,CACnH,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAiC,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC"}

package/esm/helpers.d.ts

@@ -0,0 +1,11 @@
+import { Dict, GlobalState } from 'piral-core';
+import { InitialTile, TilePreferences, TileRegistration } from './types';
+export declare function getPreferences(defaultPreferences: TilePreferences, customPreferences?: TilePreferences): {
+    initialColumns?: number;
+    initialRows?: number;
+    resizable?: boolean;
+    customProperties?: string[];
+};
+export declare function getTiles(items: Array<InitialTile>, defaultPreferences: TilePreferences): Dict<TileRegistration>;
+export declare function withTiles(tiles: Dict<TileRegistration>): (state: GlobalState) => GlobalState;
+export declare function withRoutes(routes: Array<string>): (state: GlobalState) => GlobalState;

package/esm/helpers.js

@@ -0,0 +1,27 @@
+import { DefaultTile, DefaultContainer } from './default';
+import { Dashboard } from './Dashboard';
+export function getPreferences(defaultPreferences, customPreferences = {}) {
+    return Object.assign(Object.assign({}, defaultPreferences), customPreferences);
+}
+export function getTiles(items, defaultPreferences) {
+    const tiles = {};
+    let i = 0;
+    for (const { component, preferences } of items) {
+        tiles[`global-${i++}`] = {
+            pilet: undefined,
+            component,
+            preferences: getPreferences(defaultPreferences, preferences),
+        };
+    }
+    return tiles;
+}
+export function withTiles(tiles) {
+    return (state) => (Object.assign(Object.assign({}, state), { components: Object.assign({ DashboardTile: DefaultTile, DashboardContainer: DefaultContainer }, state.components), registry: Object.assign(Object.assign({}, state.registry), { tiles }) }));
+}
+export function withRoutes(routes) {
+    return (state) => (Object.assign(Object.assign({}, state), { routes: Object.assign(Object.assign({}, state.routes), routes.reduce((newRoutes, route) => {
+            newRoutes[route] = Dashboard;
+            return newRoutes;
+        }, {})) }));
+}
+//# sourceMappingURL=helpers.js.map

package/esm/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../src/helpers.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,MAAM,UAAU,cAAc,CAAC,kBAAmC,EAAE,oBAAqC,EAAE;IACzG,uCACK,kBAAkB,GAClB,iBAAiB,EACpB;AACJ,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,KAAyB,EAAE,kBAAmC;IACrF,MAAM,KAAK,GAA2B,EAAE,CAAC;IACzC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEV,KAAK,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,KAAK,EAAE;QAC9C,KAAK,CAAC,UAAU,CAAC,EAAE,EAAE,CAAC,GAAG;YACvB,KAAK,EAAE,SAAS;YAChB,SAAS;YACT,WAAW,EAAE,cAAc,CAAC,kBAAkB,EAAE,WAAW,CAAC;SAC7D,CAAC;KACH;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,KAA6B;IACrD,OAAO,CAAC,KAAkB,EAAe,EAAE,CAAC,iCACvC,KAAK,KACR,UAAU,kBACR,aAAa,EAAE,WAAW,EAC1B,kBAAkB,EAAE,gBAAgB,IACjC,KAAK,CAAC,UAAU,GAErB,QAAQ,kCACH,KAAK,CAAC,QAAQ,KACjB,KAAK,OAEP,CAAC;AACL,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,MAAqB;IAC9C,OAAO,CAAC,KAAkB,EAAe,EAAE,CAAC,iCACvC,KAAK,KACR,MAAM,kCACD,KAAK,CAAC,MAAM,GACZ,MAAM,CAAC,MAAM,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE;YACpC,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;YAC7B,OAAO,SAAS,CAAC;QACnB,CAAC,EAAE,EAAE,CAAC,KAER,CAAC;AACL,CAAC"}

package/esm/types.d.ts

@@ -1,6 +1,6 @@
-import { ComponentType } from 'react';
-import { RouteComponentProps } from 'react-router-dom';
-import { Dict, WrappedComponent, BaseComponentProps, AnyComponent, BaseRegistration, RegistrationDisposer } from 'piral-core';
+import type { ComponentType, ReactNode } from 'react';
+import type { RouteComponentProps } from 'react-router-dom';
+import type { Dict, WrappedComponent, BaseComponentProps, AnyComponent, BaseRegistration, RegistrationDisposer } from 'piral-core';
 declare module 'piral-core/lib/types/custom' {
     interface PiletCustomApi extends PiletDashboardApi {
     }
@@ -39,7 +39,21 @@ declare module 'piral-core/lib/types/custom' {
         DashboardTile: ComponentType<DashboardTileProps>;
     }
 }
+export interface InitialTile {
+    /**
+     * Defines the component to be used for the tile.
+     */
+    component: ComponentType<BareTileComponentProps>;
+    /**
+     * Optionally sets the preferences for the tile.
+     */
+    preferences?: TilePreferences;
+}
 export interface DashboardContainerProps extends RouteComponentProps {
+    /**
+     * The tiles to display.
+     */
+    children?: ReactNode;
 }
 export interface DashboardTileProps {
     /**
@@ -58,6 +72,10 @@ export interface DashboardTileProps {
      * The provided tile preferences.
      */
     meta: TilePreferences;
+    /**
+     * The content of the tile to display.
+     */
+    children?: ReactNode;
 }
 export interface TileErrorInfoProps {
     /**
@@ -76,6 +94,10 @@ export interface TileErrorInfoProps {
      * The currently used number of rows.
      */
     rows: number;
+    /**
+     * The name of the pilet emitting the error.
+     */
+    pilet?: string;
 }
 export interface BareTileComponentProps {
     /**
@@ -87,7 +109,7 @@ export interface BareTileComponentProps {
      */
     rows: number;
 }
-export declare type TileComponentProps = BaseComponentProps & BareTileComponentProps;
+export type TileComponentProps = BaseComponentProps & BareTileComponentProps;
 export interface PiralCustomTilePreferences {
 }
 export interface TilePreferences extends PiralCustomTilePreferences {

package/lib/Dashboard.d.ts

@@ -1,7 +1,11 @@
 import * as React from 'react';
-import { RouteComponentProps } from 'react-router-dom';
+import type { RouteComponentProps } from 'react-router-dom';
 import { TileRegistration } from './types';
 export interface DashboardProps extends RouteComponentProps {
     filter?(tile: TileRegistration): boolean;
 }
+/**
+ * The dashboard component. Integrate this as a page or in a component
+ * where dashboard information (tiles) should be shown.
+ */
 export declare const Dashboard: React.FC<DashboardProps>;

package/lib/Dashboard.js

@@ -1,22 +1,26 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Dashboard = void 0;
-var tslib_1 = require("tslib");
-var React = require("react");
-var piral_core_1 = require("piral-core");
-var components_1 = require("./components");
-exports.Dashboard = function (props) {
-    var tiles = piral_core_1.useGlobalState(function (s) { return s.registry.tiles; });
-    var _a = props.filter, filter = _a === void 0 ? function () { return true; } : _a;
-    var children = Object.keys(tiles)
-        .filter(function (tile) { return filter(tiles[tile]); })
-        .map(function (tile) {
-        var _a = tiles[tile], Component = _a.component, preferences = _a.preferences;
-        var _b = preferences.initialColumns, initialColumns = _b === void 0 ? 1 : _b, _c = preferences.initialRows, initialRows = _c === void 0 ? 1 : _c, _d = preferences.resizable, resizable = _d === void 0 ? false : _d;
+const React = require("react");
+const piral_core_1 = require("piral-core");
+const components_1 = require("./components");
+/**
+ * The dashboard component. Integrate this as a page or in a component
+ * where dashboard information (tiles) should be shown.
+ */
+const Dashboard = (props) => {
+    const tiles = (0, piral_core_1.useGlobalState)((s) => s.registry.tiles);
+    const { filter = () => true } = props;
+    const children = Object.keys(tiles)
+        .filter((tile) => filter(tiles[tile]))
+        .map((tile) => {
+        const { component: Component, preferences } = tiles[tile];
+        const { initialColumns = 1, initialRows = 1, resizable = false } = preferences;
         return (React.createElement(components_1.PiralDashboardTile, { key: tile, columns: initialColumns, rows: initialRows, resizable: resizable, meta: preferences },
             React.createElement(Component, { columns: initialColumns, rows: initialRows })));
     });
-    return React.createElement(components_1.PiralDashboardContainer, tslib_1.__assign({}, props, { children: children }));
+    return React.createElement(components_1.PiralDashboardContainer, Object.assign({}, props, { children: children }));
 };
+exports.Dashboard = Dashboard;
 exports.Dashboard.displayName = 'Dashboard';
 //# sourceMappingURL=Dashboard.js.map

package/lib/Dashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dashboard.js","sourceRoot":"","sources":["../src/Dashboard.tsx"],"names":[],"mappings":";;;;AAAA,6BAA+B;AAE/B,yCAA4C;AAC5C,2CAA2E;AAO9D,QAAA,SAAS,GAA6B,UAAC,KAAK;IACvD,IAAM,KAAK,GAAG,2BAAc,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,QAAQ,CAAC,KAAK,EAAhB,CAAgB,CAAC,CAAC;IAC9C,IAAA,KAAwB,KAAK,OAAV,EAAnB,MAAM,mBAAG,cAAM,OAAA,IAAI,EAAJ,CAAI,KAAA,CAAW;IACtC,IAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;SAChC,MAAM,CAAC,UAAC,IAAI,IAAK,OAAA,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAAnB,CAAmB,CAAC;SACrC,GAAG,CAAC,UAAC,IAAI;QACF,IAAA,KAAwC,KAAK,CAAC,IAAI,CAAC,EAAtC,SAAS,eAAA,EAAE,WAAW,iBAAgB,CAAC;QAClD,IAAA,KAA2D,WAAW,eAApD,EAAlB,cAAc,mBAAG,CAAC,KAAA,EAAE,KAAuC,WAAW,YAAnC,EAAf,WAAW,mBAAG,CAAC,KAAA,EAAE,KAAsB,WAAW,UAAhB,EAAjB,SAAS,mBAAG,KAAK,KAAA,CAAiB;QAC/E,OAAO,CACL,oBAAC,+BAAkB,IACjB,GAAG,EAAE,IAAI,EACT,OAAO,EAAE,cAAc,EACvB,IAAI,EAAE,WAAW,EACjB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,WAAW;YACjB,oBAAC,SAAS,IAAC,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,WAAW,GAAI,CACtC,CACtB,CAAC;IACJ,CAAC,CAAC,CAAC;IAEL,OAAO,oBAAC,oCAAuB,uBAAK,KAAK,IAAE,QAAQ,EAAE,QAAQ,IAAI,CAAC;AACpE,CAAC,CAAC;AACF,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
+{"version":3,"file":"Dashboard.js","sourceRoot":"","sources":["../src/Dashboard.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAE/B,2CAA4C;AAC5C,6CAA2E;AAO3E;;;GAGG;AACI,MAAM,SAAS,GAA6B,CAAC,KAAK,EAAE,EAAE;IAC3D,MAAM,KAAK,GAAG,IAAA,2BAAc,EAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,EAAE,MAAM,GAAG,GAAG,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,CAAC;IACtC,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;SAChC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;SACrC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QACZ,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;QAC1D,MAAM,EAAE,cAAc,GAAG,CAAC,EAAE,WAAW,GAAG,CAAC,EAAE,SAAS,GAAG,KAAK,EAAE,GAAG,WAAW,CAAC;QAC/E,OAAO,CACL,oBAAC,+BAAkB,IACjB,GAAG,EAAE,IAAI,EACT,OAAO,EAAE,cAAc,EACvB,IAAI,EAAE,WAAW,EACjB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,WAAW;YACjB,oBAAC,SAAS,IAAC,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,WAAW,GAAI,CACtC,CACtB,CAAC;IACJ,CAAC,CAAC,CAAC;IAEL,OAAO,oBAAC,oCAAuB,oBAAK,KAAK,IAAE,QAAQ,EAAE,QAAQ,IAAI,CAAC;AACpE,CAAC,CAAC;AArBW,QAAA,SAAS,aAqBpB;AACF,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

package/lib/actions.js

@@ -1,14 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.unregisterTile = exports.registerTile = void 0;
-var tslib_1 = require("tslib");
-var piral_core_1 = require("piral-core");
+const piral_core_1 = require("piral-core");
 function registerTile(ctx, name, value) {
-    ctx.dispatch(function (state) { return (tslib_1.__assign(tslib_1.__assign({}, state), { registry: tslib_1.__assign(tslib_1.__assign({}, state.registry), { tiles: piral_core_1.withKey(state.registry.tiles, name, value) }) })); });
+    ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { registry: Object.assign(Object.assign({}, state.registry), { tiles: (0, piral_core_1.withKey)(state.registry.tiles, name, value) }) })));
 }
 exports.registerTile = registerTile;
 function unregisterTile(ctx, name) {
-    ctx.dispatch(function (state) { return (tslib_1.__assign(tslib_1.__assign({}, state), { registry: tslib_1.__assign(tslib_1.__assign({}, state.registry), { tiles: piral_core_1.withoutKey(state.registry.tiles, name) }) })); });
+    ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { registry: Object.assign(Object.assign({}, state.registry), { tiles: (0, piral_core_1.withoutKey)(state.registry.tiles, name) }) })));
 }
 exports.unregisterTile = unregisterTile;
 //# sourceMappingURL=actions.js.map

package/lib/actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"actions.js","sourceRoot":"","sources":["../src/actions.ts"],"names":[],"mappings":";;;;AAAA,yCAAqE;AAGrE,SAAgB,YAAY,CAAC,GAAuB,EAAE,IAAY,EAAE,KAAuB;IACzF,GAAG,CAAC,QAAQ,CAAC,UAAC,KAAK,IAAK,OAAA,uCACnB,KAAK,KACR,QAAQ,wCACH,KAAK,CAAC,QAAQ,KACjB,KAAK,EAAE,oBAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,OAEnD,EANsB,CAMtB,CAAC,CAAC;AACN,CAAC;AARD,oCAQC;AAED,SAAgB,cAAc,CAAC,GAAuB,EAAE,IAAY;IAClE,GAAG,CAAC,QAAQ,CAAC,UAAC,KAAK,IAAK,OAAA,uCACnB,KAAK,KACR,QAAQ,wCACH,KAAK,CAAC,QAAQ,KACjB,KAAK,EAAE,uBAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,OAE/C,EANsB,CAMtB,CAAC,CAAC;AACN,CAAC;AARD,wCAQC"}
+{"version":3,"file":"actions.js","sourceRoot":"","sources":["../src/actions.ts"],"names":[],"mappings":";;;AAAA,2CAAqE;AAGrE,SAAgB,YAAY,CAAC,GAAuB,EAAE,IAAY,EAAE,KAAuB;IACzF,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,iCACnB,KAAK,KACR,QAAQ,kCACH,KAAK,CAAC,QAAQ,KACjB,KAAK,EAAE,IAAA,oBAAO,EAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,OAEnD,CAAC,CAAC;AACN,CAAC;AARD,oCAQC;AAED,SAAgB,cAAc,CAAC,GAAuB,EAAE,IAAY;IAClE,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,iCACnB,KAAK,KACR,QAAQ,kCACH,KAAK,CAAC,QAAQ,KACjB,KAAK,EAAE,IAAA,uBAAU,EAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,OAE/C,CAAC,CAAC;AACN,CAAC;AARD,wCAQC"}

package/lib/components.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
-import { DashboardContainerProps, DashboardTileProps } from './types';
-export declare const PiralDashboardContainer: React.ComponentType<DashboardContainerProps>;
-export declare const PiralDashboardTile: React.ComponentType<DashboardTileProps>;
+/// <reference types="react" />
+export declare const PiralDashboardContainer: import("react").ComponentType<import("./types").DashboardContainerProps>;
+export declare const PiralDashboardTile: import("react").ComponentType<import("./types").DashboardTileProps>;

package/lib/components.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PiralDashboardTile = exports.PiralDashboardContainer = void 0;
-var piral_core_1 = require("piral-core");
-exports.PiralDashboardContainer = piral_core_1.getPiralComponent('DashboardContainer');
-exports.PiralDashboardTile = piral_core_1.getPiralComponent('DashboardTile');
+const piral_core_1 = require("piral-core");
+exports.PiralDashboardContainer = (0, piral_core_1.getPiralComponent)('DashboardContainer');
+exports.PiralDashboardTile = (0, piral_core_1.getPiralComponent)('DashboardTile');
 //# sourceMappingURL=components.js.map

package/lib/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.tsx"],"names":[],"mappings":";;;AACA,yCAA+C;AAGlC,QAAA,uBAAuB,GAAiD,8BAAiB,CACpG,oBAAoB,CACrB,CAAC;AACW,QAAA,kBAAkB,GAA4C,8BAAiB,CAAC,eAAe,CAAC,CAAC"}
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.tsx"],"names":[],"mappings":";;;AAAA,2CAA+C;AAElC,QAAA,uBAAuB,GAAG,IAAA,8BAAiB,EAAC,oBAAoB,CAAC,CAAC;AAClE,QAAA,kBAAkB,GAAG,IAAA,8BAAiB,EAAC,eAAe,CAAC,CAAC"}

package/lib/create.d.ts

@@ -1,20 +1,14 @@
-import { ComponentType } from 'react';
 import { PiralPlugin } from 'piral-core';
-import { PiletDashboardApi, TilePreferences, BareTileComponentProps } from './types';
-export interface InitialTile {
-    /**
-     * Defines the component to be used for the tile.
-     */
-    component: ComponentType<BareTileComponentProps>;
-    /**
-     * Optionally sets the preferences for the tile.
-     */
-    preferences?: TilePreferences;
-}
+import { InitialTile, PiletDashboardApi, TilePreferences } from './types';
 /**
  * Available configuration options for the dashboard plugin.
  */
 export interface DashboardConfig {
+    /**
+     * Sets the routes where a dashboard should be displayed.
+     * @default ['/']
+     */
+    routes?: Array<string>;
     /**
      * Sets the tiles to be given by the app shell.
      * @default []