@celljs/shell 3.7.8 → 3.9.0

package/esm/browser/annotation/index.d.ts

@@ -0,0 +1,2 @@
+export * from './top-area.js';
+export * from './left-area.js';

package/esm/browser/annotation/index.js

@@ -0,0 +1,3 @@
+export * from './top-area.js';
+export * from './left-area.js';
+//# sourceMappingURL=index.js.map

package/esm/browser/annotation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/browser/annotation/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC"}

package/esm/browser/annotation/left-area.d.ts

@@ -0,0 +1 @@
+export declare const LeftArea: (component?: any, rebind?: boolean) => (target: any) => any;

package/esm/browser/annotation/left-area.js

@@ -0,0 +1,8 @@
+import { ReactComponent } from '@celljs/react';
+import { LEFT_AREA } from '../area/area-protocol.js';
+export const LeftArea = function (component, rebind = true) {
+    return (t) => {
+        ReactComponent(LEFT_AREA, component || t, rebind)(t);
+    };
+};
+//# sourceMappingURL=left-area.js.map

package/esm/browser/annotation/left-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"left-area.js","sourceRoot":"","sources":["../../../src/browser/annotation/left-area.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,MAAM,CAAC,MAAM,QAAQ,GACjB,UAAU,SAAe,EAAE,MAAM,GAAG,IAAI;IACpC,OAAO,CAAC,CAAM,EAAE,EAAE;QACd,cAAc,CAAC,SAAS,EAAE,SAAS,IAAI,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IACzD,CAAC,CAAC;AACN,CAAC,CAAC"}

package/esm/browser/annotation/top-area.d.ts

@@ -0,0 +1 @@
+export declare const TopArea: (component?: any, rebind?: boolean) => (target: any) => any;

package/esm/browser/annotation/top-area.js

@@ -0,0 +1,8 @@
+import { ReactComponent } from '@celljs/react';
+import { TOP_AREA } from '../area/area-protocol.js';
+export const TopArea = function (component, rebind = true) {
+    return (t) => {
+        ReactComponent(TOP_AREA, component || t, rebind)(t);
+    };
+};
+//# sourceMappingURL=top-area.js.map

package/esm/browser/annotation/top-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"top-area.js","sourceRoot":"","sources":["../../../src/browser/annotation/top-area.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,MAAM,CAAC,MAAM,OAAO,GAChB,UAAU,SAAe,EAAE,MAAM,GAAG,IAAI;IACpC,OAAO,CAAC,CAAM,EAAE,EAAE;QACd,cAAc,CAAC,QAAQ,EAAE,SAAS,IAAI,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IACxD,CAAC,CAAC;AACN,CAAC,CAAC"}

package/esm/browser/apps/app-service.d.ts

@@ -0,0 +1,10 @@
+import { AppService, Category, AppInfo } from '../../common/index.js';
+export declare class AppServiceImpl implements AppService {
+    protected readonly apps: {
+        [id: string]: AppInfo;
+    };
+    protected readonly categories: {
+        [id: string]: Category;
+    };
+    load(): Promise<Category[]>;
+}

package/esm/browser/apps/app-service.js

@@ -0,0 +1,52 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { AppService } from '../../common/index.js';
+import { Component, Prioritizeable, Value } from '@celljs/core';
+let AppServiceImpl = class AppServiceImpl {
+    async load() {
+        const categoryMap = new Map();
+        const parsedCategories = Object.keys(this.categories || {}).map(key => {
+            const category = { ...this.categories[key] };
+            category.id = key;
+            category.priority = 500;
+            category.apps = category.apps || [];
+            categoryMap.set(key, category);
+            return category;
+        });
+        const parsedApps = Object.keys(this.apps || {}).map(key => {
+            const app = { ...this.apps[key] };
+            app.id = key;
+            app.priority = 500;
+            return app;
+        });
+        const sortedCategories = Prioritizeable.prioritizeAllSync(parsedCategories).map(c => c.value);
+        const sortedApps = Prioritizeable.prioritizeAllSync(parsedApps).map(c => c.value);
+        for (const app of sortedApps) {
+            const category = categoryMap.get(app.categoryId);
+            if (category) {
+                category.apps.push(app);
+            }
+        }
+        return sortedCategories;
+    }
+};
+__decorate([
+    Value('cell.shell.apps'),
+    __metadata("design:type", Object)
+], AppServiceImpl.prototype, "apps", void 0);
+__decorate([
+    Value('cell.shell.categories'),
+    __metadata("design:type", Object)
+], AppServiceImpl.prototype, "categories", void 0);
+AppServiceImpl = __decorate([
+    Component(AppService)
+], AppServiceImpl);
+export { AppServiceImpl };
+//# sourceMappingURL=app-service.js.map

package/esm/browser/apps/app-service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-service.js","sourceRoot":"","sources":["../../../src/browser/apps/app-service.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAqB,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAGzD,IAAM,cAAc,GAApB,MAAM,cAAc;IAQvB,KAAK,CAAC,IAAI;QACN,MAAM,WAAW,GAAG,IAAI,GAAG,EAAoB,CAAC;QAChD,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;YAClE,MAAM,QAAQ,GAAG,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;YAC7C,QAAQ,CAAC,EAAE,GAAG,GAAG,CAAC;YAClB,QAAQ,CAAC,QAAQ,GAAG,GAAG,CAAC;YACxB,QAAQ,CAAC,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,EAAE,CAAC;YACpC,WAAW,CAAC,GAAG,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;YAC/B,OAAO,QAAQ,CAAC;QACpB,CAAC,CAAC,CAAC;QACH,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;YACtD,MAAM,GAAG,GAAG,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;YAClC,GAAG,CAAC,EAAE,GAAG,GAAG,CAAC;YACb,GAAG,CAAC,QAAQ,GAAG,GAAG,CAAC;YACnB,OAAO,GAAG,CAAC;QACf,CAAC,CAAC,CAAC;QACH,MAAM,gBAAgB,GAAG,cAAc,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QAC9F,MAAM,UAAU,GAAG,cAAc,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QAClF,KAAK,MAAM,GAAG,IAAI,UAAU,EAAE,CAAC;YAC3B,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;YACjD,IAAI,QAAQ,EAAE,CAAC;gBACX,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAC5B,CAAC;QACL,CAAC;QACD,OAAO,gBAAgB,CAAC;IAC5B,CAAC;CAEJ,CAAA;AAhCsB;IADlB,KAAK,CAAC,iBAAiB,CAAC;;4CAC0B;AAGhC;IADlB,KAAK,CAAC,uBAAuB,CAAC;;kDAC2B;AANjD,cAAc;IAD1B,SAAS,CAAC,UAAU,CAAC;GACT,cAAc,CAmC1B"}

package/esm/browser/apps/apps.d.ts

@@ -0,0 +1,12 @@
+import { Category, AppInfo } from '../../common/index.js';
+export declare function Apps({ size }: {
+    size?: string;
+}): JSX.Element;
+export declare function AppCategory({ category, size }: {
+    category: Category;
+    size: string;
+}): JSX.Element;
+export declare function AppItem({ app, size }: {
+    app: AppInfo;
+    size: string;
+}): JSX.Element;

package/esm/browser/apps/apps.js

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import { Grid, Box, Text, ResponsiveContext } from 'grommet';
+import { ContainerUtil } from '@celljs/core';
+import { AppService } from '../../common/index.js';
+import { Icon } from '@celljs/grommet';
+import { useIntl } from 'react-intl';
+const { useState, useEffect, useContext } = React;
+export function Apps({ size }) {
+    size = size || useContext(ResponsiveContext);
+    const [categories, setCategories] = useState([]);
+    useEffect(() => {
+        const loadApps = async () => {
+            const appService = ContainerUtil.get(AppService);
+            const data = await appService.load();
+            setCategories(data);
+        };
+        loadApps();
+    }, []);
+    return (React.createElement(Box, { direction: "column", pad: "small", gap: "small", alignContent: "start" }, categories.map(c => (React.createElement(AppCategory, { key: c.id, size: size, category: c })))));
+}
+export function AppCategory({ category, size }) {
+    const intl = useIntl();
+    const apps = category.apps || [];
+    return (React.createElement(Box, null,
+        React.createElement(Text, { weight: "bold", textAlign: size === 'small' ? 'center' : 'start', size: size, margin: { bottom: size } }, intl.formatMessage({ id: category.name })),
+        React.createElement(Box, { border: { side: 'top', color: 'light-2' } }),
+        React.createElement(Grid, { rows: size === 'small' ? 'xsmall' : 'small', columns: size === 'small' ? 'xsmall' : 'small' }, apps.map(app => (React.createElement(AppItem, { key: app.id, size: size, app: app }))))));
+}
+export function AppItem({ app, size }) {
+    const intl = useIntl();
+    const onClick = () => {
+        window.location.href = app.url;
+    };
+    return (React.createElement(Box, { justify: "center", align: "center", hoverIndicator: true, onClick: onClick },
+        React.createElement(Icon, { icon: app.icon, size: size === 'small' ? 'medium' : 'large' }),
+        React.createElement(Text, { size: size, margin: { top: size } }, intl.formatMessage({ id: app.name }))));
+}
+//# sourceMappingURL=apps.js.map

package/esm/browser/apps/apps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"apps.js","sourceRoot":"","sources":["../../../src/browser/apps/apps.tsx"],"names":[],"mappings":"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"}

package/esm/browser/apps/index.d.ts

@@ -0,0 +1,2 @@
+export * from './app-service.js';
+export * from './apps.js';

package/esm/browser/apps/index.js

@@ -0,0 +1,3 @@
+export * from './app-service.js';
+export * from './apps.js';
+//# sourceMappingURL=index.js.map

package/esm/browser/apps/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/browser/apps/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC"}

package/esm/browser/area/area-protocol.d.ts

@@ -0,0 +1,17 @@
+export declare const TOP_AREA: unique symbol;
+export declare const LEFT_AREA: unique symbol;
+export declare enum AreaType {
+    TopArea = "Top",
+    SecondaryTopArea = "SecondaryTop",
+    TertiaryTopArea = "TertiaryTop",
+    LeftArea = "Left",
+    TopLeftArea = "TopLeft",
+    TopRightArea = "TopRight",
+    LeftHeaderArea = "LeftHeader",
+    LeftFooterArea = "LeftFooter",
+    LeftBodyArea = "LeftBody",
+    NavArea = "Nav",
+    SettingsArea = "Settings",
+    AccountArea = "Account",
+    BottomArea = "Bottom"
+}

package/esm/browser/area/area-protocol.js

@@ -0,0 +1,19 @@
+export const TOP_AREA = Symbol('TOP_AREA');
+export const LEFT_AREA = Symbol('LEFT_AREA');
+export var AreaType;
+(function (AreaType) {
+    AreaType["TopArea"] = "Top";
+    AreaType["SecondaryTopArea"] = "SecondaryTop";
+    AreaType["TertiaryTopArea"] = "TertiaryTop";
+    AreaType["LeftArea"] = "Left";
+    AreaType["TopLeftArea"] = "TopLeft";
+    AreaType["TopRightArea"] = "TopRight";
+    AreaType["LeftHeaderArea"] = "LeftHeader";
+    AreaType["LeftFooterArea"] = "LeftFooter";
+    AreaType["LeftBodyArea"] = "LeftBody";
+    AreaType["NavArea"] = "Nav";
+    AreaType["SettingsArea"] = "Settings";
+    AreaType["AccountArea"] = "Account";
+    AreaType["BottomArea"] = "Bottom";
+})(AreaType || (AreaType = {}));
+//# sourceMappingURL=area-protocol.js.map

package/esm/browser/area/area-protocol.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"area-protocol.js","sourceRoot":"","sources":["../../../src/browser/area/area-protocol.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;AAC3C,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;AAE7C,MAAM,CAAN,IAAY,QAcX;AAdD,WAAY,QAAQ;IAChB,2BAAe,CAAA;IACf,6CAAiC,CAAA;IACjC,2CAA+B,CAAA;IAC/B,6BAAiB,CAAA;IACjB,mCAAuB,CAAA;IACvB,qCAAyB,CAAA;IACzB,yCAA6B,CAAA;IAC7B,yCAA6B,CAAA;IAC7B,qCAAyB,CAAA;IACzB,2BAAe,CAAA;IACf,qCAAyB,CAAA;IACzB,mCAAuB,CAAA;IACvB,iCAAqB,CAAA;AACzB,CAAC,EAdW,QAAQ,KAAR,QAAQ,QAcnB"}

package/esm/browser/area/index.d.ts

@@ -0,0 +1,3 @@
+export * from './top/index.js';
+export * from './left/index.js';
+export * from './area-protocol.js';

package/esm/browser/area/index.js

@@ -0,0 +1,4 @@
+export * from './top/index.js';
+export * from './left/index.js';
+export * from './area-protocol.js';
+//# sourceMappingURL=index.js.map

package/esm/browser/area/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/browser/area/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC"}

package/esm/browser/area/left/index.d.ts

@@ -0,0 +1 @@
+export * from './left.js';

package/esm/browser/area/left/index.js

@@ -0,0 +1,2 @@
+export * from './left.js';
+//# sourceMappingURL=index.js.map

package/esm/browser/area/left/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/browser/area/left/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

package/esm/browser/area/left/left.d.ts

@@ -0,0 +1,4 @@
+import { BoxProps } from 'grommet';
+export declare function LeftArea(props: BoxProps): JSX.Element;
+export default class {
+}

package/esm/browser/area/left/left.js

@@ -0,0 +1,27 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import * as React from 'react';
+import { Nav, Sidebar } from 'grommet';
+import { ConfigUtil } from '@celljs/core';
+import { AreaType } from '../area-protocol.js';
+import { Slot } from '@celljs/react';
+import { Widget } from '@celljs/widget';
+export function LeftArea(props) {
+    props = { ...(ConfigUtil.get('cell.shell.leftArea') || {}), ...props };
+    return (React.createElement(Sidebar, { animation: "fadeIn", pad: "medium", background: "white", width: "250px", footer: React.createElement(Slot, { area: AreaType.LeftFooterArea }), ...props },
+        React.createElement(Slot, { area: AreaType.LeftHeaderArea }),
+        React.createElement(Nav, { gap: "none" },
+            React.createElement(Slot, { area: AreaType.NavArea }),
+            React.createElement(Slot, { area: AreaType.LeftBodyArea }))));
+}
+let default_1 = class {
+};
+default_1 = __decorate([
+    Widget({ area: AreaType.LeftArea, component: LeftArea })
+], default_1);
+export default default_1;
+//# sourceMappingURL=left.js.map

package/esm/browser/area/left/left.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"left.js","sourceRoot":"","sources":["../../../../src/browser/area/left/left.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,OAAO,EAAY,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,MAAM,UAAU,QAAQ,CAAC,KAAe;IACpC,KAAK,GAAG,EAAE,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,qBAAqB,CAAC,IAAI,EAAE,CAAC,EAAE,GAAG,KAAK,EAAE,CAAC;IAEvE,OAAO,CACH,oBAAC,OAAO,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,QAAQ,EAAC,UAAU,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EACrE,MAAM,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,cAAc,GAAI,KAC3C,KAAK;QAET,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,cAAc,GAAI;QACvC,oBAAC,GAAG,IAAC,GAAG,EAAC,MAAM;YACX,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,OAAO,GAAI;YAChC,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,YAAY,GAAI,CACnC,CACA,CACb,CAAC;AACN,CAAC;AAGc,gBAAA;CAAQ,CAAA;AAAR;IADd,MAAM,CAAC,EAAE,IAAI,EAAE,QAAQ,CAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC;aAClC"}

package/esm/browser/area/top/index.d.ts

@@ -0,0 +1 @@
+export * from './top.js';

package/esm/browser/area/top/index.js

@@ -0,0 +1,2 @@
+export * from './top.js';
+//# sourceMappingURL=index.js.map

package/esm/browser/area/top/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/browser/area/top/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC"}

package/esm/browser/area/top/top.d.ts

@@ -0,0 +1,4 @@
+import { BoxProps } from 'grommet';
+export declare function TopArea(props: BoxProps): JSX.Element;
+export default class {
+}

package/esm/browser/area/top/top.js

@@ -0,0 +1,27 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import * as React from 'react';
+import { Box, Nav } from 'grommet';
+import { ConfigUtil } from '@celljs/core';
+import { AreaType } from '../area-protocol.js';
+import { Slot } from '@celljs/react';
+import { Widget } from '@celljs/widget';
+export function TopArea(props) {
+    props = { ...ConfigUtil.get('cell.shell.topArea'), ...props };
+    return (React.createElement(Nav, { direction: "row", pad: { vertical: 'small', horizontal: 'medium' }, elevation: "xsmall", justify: "between", ...props },
+        React.createElement(Box, { direction: "row", gap: "small" },
+            React.createElement(Slot, { area: AreaType.TopLeftArea })),
+        React.createElement(Box, { direction: "row", gap: "small" },
+            React.createElement(Slot, { area: AreaType.TopRightArea }))));
+}
+let default_1 = class {
+};
+default_1 = __decorate([
+    Widget({ area: AreaType.TopArea, component: TopArea })
+], default_1);
+export default default_1;
+//# sourceMappingURL=top.js.map

package/esm/browser/area/top/top.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"top.js","sourceRoot":"","sources":["../../../../src/browser/area/top/top.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,GAAG,EAAY,MAAM,SAAS,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,MAAM,UAAU,OAAO,CAAC,KAAe;IACnC,KAAK,GAAG,EAAE,GAAG,UAAU,CAAC,GAAG,CAAC,oBAAoB,CAAC,EAAE,GAAG,KAAK,EAAE,CAAC;IAE9D,OAAO,CACH,oBAAC,GAAG,IAAC,SAAS,EAAC,KAAK,EAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,KAAK,KAAK;QACjH,oBAAC,GAAG,IAAC,SAAS,EAAC,KAAK,EAAC,GAAG,EAAC,OAAO;YAC5B,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,WAAW,GAAI,CAClC;QACN,oBAAC,GAAG,IAAC,SAAS,EAAC,KAAK,EAAC,GAAG,EAAC,OAAO;YAC5B,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,YAAY,GAAI,CACnC,CACJ,CACT,CAAC;AACN,CAAC;AAGc,gBAAA;CAAQ,CAAA;AAAR;IADd,MAAM,CAAC,EAAE,IAAI,EAAE,QAAQ,CAAC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC;aAChC"}

package/esm/browser/index.d.ts

@@ -0,0 +1,4 @@
+export * from './apps/index.js';
+export * from './area/index.js';
+export * from './tool/index.js';
+export * from './layout/index.js';

package/esm/browser/index.js

@@ -0,0 +1,5 @@
+export * from './apps/index.js';
+export * from './area/index.js';
+export * from './tool/index.js';
+export * from './layout/index.js';
+//# sourceMappingURL=index.js.map

package/esm/browser/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/browser/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC"}

package/esm/browser/layout/index.d.ts

@@ -0,0 +1 @@
+export * from './layout.js';

package/esm/browser/layout/index.js

@@ -0,0 +1,2 @@
+export * from './layout.js';
+//# sourceMappingURL=index.js.map

package/esm/browser/layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/browser/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/esm/browser/layout/layout.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export declare function TopLeftLayout({ children }: React.PropsWithChildren<any>): JSX.Element;
+export declare function MultiTopLayout({ children }: React.PropsWithChildren<any>): JSX.Element;
+export default class {
+}

package/esm/browser/layout/layout.js

@@ -0,0 +1,60 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { DefaultLayout, Slot } from '@celljs/react';
+import * as React from 'react';
+import { AreaType } from '../area/index.js';
+import styled from 'styled-components';
+import { Box } from 'grommet';
+const StyledWraper = styled.div `
+    left: 0;
+    position: absolute;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    overflow: hidden;
+    z-index: 2;
+`;
+const StyledSidebar = styled.div `
+    left: 0;
+    position: absolute;
+    top: 76px;
+    bottom: 0;
+    z-index: 1;
+`;
+const StyledMain = styled.div `
+    left: 250px;
+    position: absolute;
+    right: 0;
+    top: 70px;
+    bottom: 0;
+    overflow: auto;
+    z-index: 0;
+`;
+export function TopLeftLayout({ children }) {
+    return (React.createElement(StyledWraper, null,
+        React.createElement(Slot, { area: AreaType.TopArea }),
+        React.createElement(StyledSidebar, null,
+            React.createElement(Slot, { area: AreaType.LeftArea })),
+        React.createElement(StyledMain, null,
+            children,
+            React.createElement(Slot, { area: AreaType.BottomArea }))));
+}
+export function MultiTopLayout({ children }) {
+    return (React.createElement(Box, null,
+        React.createElement(Slot, { area: AreaType.TopArea }),
+        React.createElement(Slot, { area: AreaType.SecondaryTopArea }),
+        React.createElement(Slot, { area: AreaType.TertiaryTopArea }),
+        children,
+        React.createElement(Slot, { area: AreaType.BottomArea })));
+}
+let default_1 = class {
+};
+default_1 = __decorate([
+    DefaultLayout(TopLeftLayout)
+], default_1);
+export default default_1;
+//# sourceMappingURL=layout.js.map

package/esm/browser/layout/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../../src/browser/layout/layout.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,GAAG,EAAE,MAAM,SAAS,CAAC;AAE9B,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;CAQ9B,CAAC;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAM/B,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;CAQ5B,CAAC;AAEF,MAAM,UAAU,aAAa,CAAC,EAAE,QAAQ,EAAgC;IACpE,OAAO,CACH,oBAAC,YAAY;QACT,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,OAAO,GAAG;QAC/B,oBAAC,aAAa;YACV,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,QAAQ,GAAG,CACpB;QAChB,oBAAC,UAAU;YACN,QAAQ;YACT,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,UAAU,GAAG,CACzB,CACJ,CAChB,CAAC;AACN,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAAE,QAAQ,EAAgC;IACrE,OAAO,CACH,oBAAC,GAAG;QACA,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,OAAO,GAAG;QAC/B,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,gBAAgB,GAAG;QACxC,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,eAAe,GAAG;QACtC,QAAQ;QACT,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,UAAU,GAAG,CAClC,CACP,CAAC;AACN,CAAC;AAGc,gBAAA;CAAQ,CAAA;AAAR;IADd,aAAa,CAAC,aAAa,CAAC;aACN"}

package/esm/browser/module.d.ts

@@ -0,0 +1,3 @@
+import './index.js';
+declare const _default: import("inversify").interfaces.ContainerModule;
+export default _default;

package/esm/browser/module.js

@@ -0,0 +1,4 @@
+import './index.js';
+import { autoBind } from '@celljs/core';
+export default autoBind();
+//# sourceMappingURL=module.js.map

package/esm/browser/module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"module.js","sourceRoot":"","sources":["../../src/browser/module.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,CAAC;AACjB,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,eAAe,QAAQ,EAAE,CAAC"}

package/esm/browser/tool/account.d.ts

@@ -0,0 +1,4 @@
+import { AvatarProps } from 'grommet';
+export declare function Account(props: AvatarProps): JSX.Element;
+export default class {
+}

package/esm/browser/tool/account.js

@@ -0,0 +1,51 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import * as React from 'react';
+import { Avatar, Drop, Box } from 'grommet';
+import { ConfigUtil, ContainerUtil } from '@celljs/core';
+import { Widget } from '@celljs/widget';
+import { AreaType } from '../area/index.js';
+import styled from 'styled-components';
+import { Slot } from '@celljs/react';
+import { UserManager } from '@celljs/security/lib/browser';
+import { NavItem, Icon } from '@celljs/grommet';
+const StyledAccount = styled.div `
+    width: 200px;
+    max-height: 450px;
+    padding-top: 12px;
+    overflow: auto;
+    right: 0;
+`;
+export function Account(props) {
+    // eslint-disable-next-line no-null/no-null
+    const targetRef = React.useRef(null);
+    const loginUserManager = ContainerUtil.get(UserManager);
+    const [show, setShow] = React.useState(false);
+    const [user, setUser] = React.useState(loginUserManager.userInfoSubject.value);
+    React.useEffect(() => {
+        const subscription = loginUserManager.userInfoSubject.subscribe(u => setUser(u));
+        return () => subscription.unsubscribe();
+    }, []);
+    const { icon, login, ...rest } = ConfigUtil.get('cell.shell.account');
+    props = { ...rest, ...props };
+    if (!user) {
+        const { label, ...loginRest } = login;
+        return (React.createElement(NavItem, { label: label, size: "medium", ...loginRest }));
+    }
+    return (React.createElement(Box, { ref: targetRef },
+        React.createElement(Avatar, { hoverIndicator: true, title: user.nickname, style: { margin: '12px' }, size: 'small', onClick: () => setShow(true), ...props, src: user.avatar || props.src }, React.createElement(Icon, { icon: user.avatar || icon })),
+        targetRef.current && show && (React.createElement(Drop, { target: targetRef.current, style: { margin: '20px 0' }, elevation: "large", align: { top: 'bottom', right: 'right' }, onEsc: () => setShow(false), onClickOutside: () => setShow(false) },
+            React.createElement(StyledAccount, null,
+                React.createElement(Slot, { area: AreaType.AccountArea }))))));
+}
+let default_1 = class {
+};
+default_1 = __decorate([
+    Widget({ area: AreaType.TopRightArea, component: Account, priority: 100 })
+], default_1);
+export default default_1;
+//# sourceMappingURL=account.js.map

package/esm/browser/tool/account.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"account.js","sourceRoot":"","sources":["../../../src/browser/tool/account.tsx"],"names":[],"mappings":"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"}

package/esm/browser/tool/app-set.d.ts

@@ -0,0 +1,4 @@
+import { ButtonProps } from 'grommet';
+export declare function AppSet(props: ButtonProps): JSX.Element;
+export default class {
+}

package/esm/browser/tool/app-set.js

@@ -0,0 +1,40 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import * as React from 'react';
+import { Button, Drop } from 'grommet';
+import { ConfigUtil } from '@celljs/core';
+import { Icon } from '@celljs/grommet';
+import { Widget } from '@celljs/widget';
+import { AreaType } from '../area/index.js';
+import { Apps } from '../apps/index.js';
+import styled from 'styled-components';
+const { Fragment } = React;
+const StyledAppSet = styled.div `
+    width: 320px;
+    max-height: 450px;
+    padding-top: 12px;
+    overflow: auto;
+`;
+export function AppSet(props) {
+    // eslint-disable-next-line no-null/no-null
+    const targetRef = React.useRef(null);
+    const [show, setShow] = React.useState(false);
+    const { icon, ...rest } = ConfigUtil.get('cell.shell.appSet');
+    props = { ...rest, ...props };
+    return (React.createElement(Fragment, null,
+        React.createElement(Button, { ref: targetRef, hoverIndicator: true, onClick: () => setShow(true), ...props, icon: React.createElement(Icon, { icon: icon }) }),
+        targetRef.current && show && (React.createElement(Drop, { target: targetRef.current, style: { marginTop: '20px' }, elevation: "large", align: { top: 'bottom', right: 'right' }, onEsc: () => setShow(false), onClickOutside: () => setShow(false) },
+            React.createElement(StyledAppSet, null,
+                React.createElement(Apps, { size: "small" }))))));
+}
+let default_1 = class {
+};
+default_1 = __decorate([
+    Widget({ area: AreaType.TopRightArea, component: AppSet, priority: 200 })
+], default_1);
+export default default_1;
+//# sourceMappingURL=app-set.js.map

package/esm/browser/tool/app-set.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-set.js","sourceRoot":"","sources":["../../../src/browser/tool/app-set.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAe,IAAI,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;AAE3B,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAK9B,CAAC;AAEF,MAAM,UAAU,MAAM,CAAC,KAAkB;IACrC,2CAA2C;IAC3C,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,UAAU,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;IAC9D,KAAK,GAAG,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,CAAC;IAC9B,OAAO,CACH,oBAAC,QAAQ;QACL,oBAAC,MAAM,IAAC,GAAG,EAAE,SAAS,EAAE,cAAc,QAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,KAAM,KAAK,EAAE,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,GAAG,GAAG;QAC3G,SAAS,CAAC,OAAO,IAAI,IAAI,IAAI,CAC1B,oBAAC,IAAI,IACD,MAAM,EAAE,SAAS,CAAC,OAAQ,EAC1B,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,EAC5B,SAAS,EAAC,OAAO,EACjB,KAAK,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAC,EACvC,KAAK,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC3B,cAAc,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;YAEpC,oBAAC,YAAY;gBACT,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAE,CACT,CACZ,CACV,CACM,CACd,CAAC;AACN,CAAC;AAGc,gBAAA;CAAQ,CAAA;AAAR;IADd,MAAM,CAAC,EAAE,IAAI,EAAE,QAAQ,CAAC,YAAY,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC;aACnD"}

package/esm/browser/tool/index.d.ts

@@ -0,0 +1,4 @@
+export * from './logo.js';
+export * from './settings.js';
+export * from './app-set.js';
+export * from './account.js';

package/esm/browser/tool/index.js

@@ -0,0 +1,5 @@
+export * from './logo.js';
+export * from './settings.js';
+export * from './app-set.js';
+export * from './account.js';
+//# sourceMappingURL=index.js.map

package/esm/browser/tool/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/browser/tool/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC"}

package/esm/browser/tool/logo.d.ts

@@ -0,0 +1,4 @@
+import { NavItemProps } from '@celljs/grommet';
+export declare function Logo(props: NavItemProps): JSX.Element;
+export default class {
+}