@difizen/libro-common 0.3.3 → 1.0.0

package/es/app/modal/modal-protocol.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { Syringe } from '../../ioc/index.js';
+export interface ModalItemProps<T> {
+    modalItem: ModalItem<T>;
+    data?: T;
+    visible: boolean;
+    close: () => void;
+}
+export interface ModalItem<T = any> {
+    id: string;
+    component: React.FC<ModalItemProps<T>>;
+    shouldRender?: (data?: T) => boolean;
+    render?: (props: ModalItemProps<T>) => React.ReactNode;
+    __data?: T;
+}
+export declare const ModalContribution: Syringe.DefinedToken;
+export interface ModalContribution {
+    registerModal?: () => ModalItem<any>;
+    registerModals?: () => ModalItem<any>[];
+}
+export declare function renderModal<T>(componet: React.FC<ModalItemProps<T>>, props: ModalItemProps<any>): React.ReactNode;
+//# sourceMappingURL=modal-protocol.d.ts.map

package/es/app/modal/modal-protocol.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-protocol.d.ts","sourceRoot":"","sources":["../../../src/app/modal/modal-protocol.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IACxB,IAAI,CAAC,EAAE,CAAC,CAAC;IACT,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,MAAM,WAAW,SAAS,CAAC,CAAC,GAAG,GAAG;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,OAAO,CAAC;IACrC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACvD,MAAM,CAAC,EAAE,CAAC,CAAC;CACZ;AAED,eAAO,MAAM,iBAAiB,sBAA2C,CAAC;AAC1E,MAAM,WAAW,iBAAiB;IAChC,aAAa,CAAC,EAAE,MAAM,SAAS,CAAC,GAAG,CAAC,CAAC;IACrC,cAAc,CAAC,EAAE,MAAM,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC;CACzC;AAED,wBAAgB,WAAW,CAAC,CAAC,EAC3B,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,EACrC,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,GACzB,KAAK,CAAC,SAAS,CAGjB"}

package/es/app/modal/modal-protocol.js

@@ -0,0 +1,13 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { Syringe } from "../../ioc/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var ModalContribution = Syringe.defineToken('ModalContribution');
+export function renderModal(componet, props) {
+  var Modal = componet;
+  return /*#__PURE__*/_jsx(Modal, _objectSpread({}, props), props.modalItem.id);
+}

package/es/app/modal/modal-render.d.ts

@@ -0,0 +1,6 @@
+import { BaseView } from '../../core/index.js';
+import React from 'react';
+export declare class ModalRenderView extends BaseView {
+    view: React.FC<{}>;
+}
+//# sourceMappingURL=modal-render.d.ts.map

package/es/app/modal/modal-render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-render.d.ts","sourceRoot":"","sources":["../../../src/app/modal/modal-render.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAQ,MAAM,qBAAqB,CAAC;AAGrD,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,qBAEa,eAAgB,SAAQ,QAAQ;IAClC,IAAI,eAAe;CAC7B"}

package/es/app/modal/modal-render.js

@@ -0,0 +1,44 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _dec, _dec2, _class;
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+import { BaseView, view } from "../../core/index.js";
+import { useInject } from "../../observable/index.js";
+import { singleton } from "../../ioc/index.js";
+import React from 'react';
+import { ModalService } from "./modal-service.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+var ModalRender = /*#__PURE__*/React.forwardRef(function ModalRender() {
+  var modalService = useInject(ModalService);
+  return /*#__PURE__*/_jsx("div", {
+    className: "mana-modal-render",
+    children: modalService.modalViewList.map(function (item) {
+      return modalService.renderModal(item);
+    })
+  });
+});
+export var ModalRenderView = (_dec = singleton(), _dec2 = view('modal-render-view'), _dec(_class = _dec2(_class = /*#__PURE__*/function (_BaseView) {
+  _inherits(ModalRenderView, _BaseView);
+  var _super = _createSuper(ModalRenderView);
+  function ModalRenderView() {
+    var _this;
+    _classCallCheck(this, ModalRenderView);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _this.view = ModalRender;
+    return _this;
+  }
+  return _createClass(ModalRenderView);
+}(BaseView)) || _class) || _class);

package/es/app/modal/modal-service.d.ts

@@ -0,0 +1,41 @@
+/// <reference types="react" />
+import type { Disposable } from '../../common/index.js';
+import type { Contribution } from '../../ioc/index.js';
+import type { ModalItem, ModalItemProps } from './modal-protocol.js';
+import { ModalContribution } from './modal-protocol.js';
+export declare class ModalItemView<T = any> implements Disposable {
+    modalItem: ModalItem<T>;
+    modalVisible: boolean;
+    modalData?: T;
+    constructor(modalItem: ModalItem<T>);
+    open: (data: T) => void;
+    close: () => void;
+    shouldRender(): boolean;
+    getModalProps(): ModalItemProps<T>;
+    disposed: boolean;
+    dispose(): void;
+}
+export declare class ModalService {
+    protected modals: Map<string, ModalItem<any>>;
+    modalViewList: ModalItemView<any>[];
+    protected readonly contributions: Contribution.Provider<ModalContribution>;
+    constructor(contributions: Contribution.Provider<ModalContribution>);
+    init(): void;
+    hasModal(modal: ModalItem<any> | string): boolean;
+    getModal<T>(modal: ModalItem<T> | string): ModalItem<any> | undefined;
+    registerModal(modal: ModalItem): void;
+    registerModals(modals: ModalItem<any>[]): void;
+    unregisterModal(modal: ModalItem): void;
+    getOrCreateModalView<T>(modal: ModalItem<T>): ModalItemView<any>;
+    openModal: <T>(modal: {
+        id: string;
+    } | string, data?: T | undefined) => void;
+    closeModal: (modal: {
+        id: string;
+    } | string) => void;
+    closeAllModal: () => void;
+    getModalProps: <T>(itemView: ModalItemView<T>) => ModalItemProps<T>;
+    shouldRenderModal: <T>(itemView: ModalItemView<T>) => boolean;
+    renderModal<T>(itemView: ModalItemView<T>): React.ReactNode;
+}
+//# sourceMappingURL=modal-service.d.ts.map

package/es/app/modal/modal-service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-service.d.ts","sourceRoot":"","sources":["../../../src/app/modal/modal-service.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAExD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGvD,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrE,OAAO,EAAe,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAErE,qBAAa,aAAa,CAAC,CAAC,GAAG,GAAG,CAAE,YAAW,UAAU;IAEvD,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IAGxB,YAAY,UAAS;IAGrB,SAAS,CAAC,EAAE,CAAC,CAAC;gBAEF,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;IAInC,IAAI,SAAU,CAAC,UAGb;IAEF,KAAK,aAGH;IAEF,YAAY;IAcZ,aAAa,IAAI,cAAc,CAAC,CAAC,CAAC;IAUlC,QAAQ,UAAS;IACjB,OAAO;CAIR;AAED,qBACa,YAAY;IACvB,SAAS,CAAC,MAAM,8BAAgC;IAGhD,aAAa,EAAE,aAAa,CAAC,GAAG,CAAC,EAAE,CAAM;IAEzC,SAAS,CAAC,QAAQ,CAAC,aAAa,EAAE,YAAY,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC;gBAG7C,aAAa,EAAE,YAAY,CAAC,QAAQ,CAAC,iBAAiB,CAAC;IAKrF,IAAI;IAaJ,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC,GAAG,CAAC,GAAG,MAAM,GAAG,OAAO;IAKjD,QAAQ,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,MAAM;IAKxC,aAAa,CAAC,KAAK,EAAE,SAAS;IAI9B,cAAc,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,CAAC,EAAE;IAMvC,eAAe,CAAC,KAAK,EAAE,SAAS;IAIhC,oBAAoB,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAe3C,SAAS,aAAc;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,gCAO5C;IAEF,UAAU,UAAW;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,UAG1C;IAEF,aAAa,aAEX;IAEF,aAAa,uDAEX;IAEF,iBAAiB,qCAAoC,OAAO,CAE1D;IAEF,WAAW,CAAC,CAAC,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS;CAS5D"}

package/es/app/modal/modal-service.js

@@ -0,0 +1,200 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _dec, _dec2, _dec3, _class, _descriptor, _descriptor2, _descriptor3, _dec4, _dec5, _class2, _class3, _descriptor4;
+function _initializerDefineProperty(target, property, descriptor, context) { if (!descriptor) return; Object.defineProperty(target, property, { enumerable: descriptor.enumerable, configurable: descriptor.configurable, writable: descriptor.writable, value: descriptor.initializer ? descriptor.initializer.call(context) : void 0 }); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) { var desc = {}; Object.keys(descriptor).forEach(function (key) { desc[key] = descriptor[key]; }); desc.enumerable = !!desc.enumerable; desc.configurable = !!desc.configurable; if ('value' in desc || desc.initializer) { desc.writable = true; } desc = decorators.slice().reverse().reduce(function (desc, decorator) { return decorator(target, property, desc) || desc; }, desc); if (context && desc.initializer !== void 0) { desc.value = desc.initializer ? desc.initializer.call(context) : void 0; desc.initializer = undefined; } if (desc.initializer === void 0) { Object.defineProperty(target, property, desc); desc = null; } return desc; }
+function _initializerWarningHelper(descriptor, context) { throw new Error('Decorating class property failed. Please ensure that ' + 'transform-class-properties is enabled and runs after the decorators transform.'); }
+import { prop } from "../../observable/index.js";
+import { contrib, singleton } from "../../ioc/index.js";
+import { renderModal as _renderModal, ModalContribution } from "./modal-protocol.js";
+export var ModalItemView = (_dec = prop(), _dec2 = prop(), _dec3 = prop(), (_class = /*#__PURE__*/function () {
+  function ModalItemView(modalItem) {
+    var _this = this;
+    _classCallCheck(this, ModalItemView);
+    _initializerDefineProperty(this, "modalItem", _descriptor, this);
+    _initializerDefineProperty(this, "modalVisible", _descriptor2, this);
+    _initializerDefineProperty(this, "modalData", _descriptor3, this);
+    this.open = function (data) {
+      _this.modalData = data;
+      _this.modalVisible = true;
+    };
+    this.close = function () {
+      _this.modalVisible = false;
+      _this.modalData = undefined;
+    };
+    this.disposed = false;
+    this.modalItem = modalItem;
+  }
+  _createClass(ModalItemView, [{
+    key: "shouldRender",
+    value: function shouldRender() {
+      if (this.modalVisible !== true || this.disposed) {
+        return false;
+      }
+      if (!this.modalItem.component) {
+        console.warn("".concat(this.modalItem.id, " is not valid modal"));
+        return false;
+      }
+      if (this.modalItem.shouldRender) {
+        return this.modalItem.shouldRender(this.modalData);
+      }
+      return true;
+    }
+  }, {
+    key: "getModalProps",
+    value: function getModalProps() {
+      var props = {
+        modalItem: this.modalItem,
+        data: this.modalData,
+        visible: this.modalVisible,
+        close: this.close
+      };
+      return props;
+    }
+  }, {
+    key: "dispose",
+    value: function dispose() {
+      this.disposed = true;
+      this.close();
+    }
+  }]);
+  return ModalItemView;
+}(), (_descriptor = _applyDecoratedDescriptor(_class.prototype, "modalItem", [_dec], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, "modalVisible", [_dec2], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function initializer() {
+    return false;
+  }
+}), _descriptor3 = _applyDecoratedDescriptor(_class.prototype, "modalData", [_dec3], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+})), _class));
+export var ModalService = (_dec4 = singleton(), _dec5 = prop(), _dec4(_class2 = (_class3 = /*#__PURE__*/function () {
+  function ModalService(contributions) {
+    var _this2 = this;
+    _classCallCheck(this, ModalService);
+    this.modals = new Map();
+    _initializerDefineProperty(this, "modalViewList", _descriptor4, this);
+    this.openModal = function (modal, data) {
+      var modalId = typeof modal === 'string' ? modal : modal.id;
+      var exist = _this2.getModal(modalId);
+      if (exist) {
+        var modalView = _this2.getOrCreateModalView(exist);
+        modalView.open(data);
+      }
+    };
+    this.closeModal = function (modal) {
+      var _this2$modalViewList$;
+      var modalId = typeof modal === 'string' ? modal : modal.id;
+      (_this2$modalViewList$ = _this2.modalViewList.find(function (item) {
+        return item.modalItem.id === modalId;
+      })) === null || _this2$modalViewList$ === void 0 || _this2$modalViewList$.close();
+    };
+    this.closeAllModal = function () {
+      _this2.modalViewList.forEach(function (item) {
+        return item.close();
+      });
+    };
+    this.getModalProps = function (itemView) {
+      return itemView.getModalProps();
+    };
+    this.shouldRenderModal = function (itemView) {
+      return itemView.shouldRender();
+    };
+    this.contributions = contributions;
+  }
+  ModalService = contrib(ModalContribution)(ModalService, undefined, 0) || ModalService;
+  _createClass(ModalService, [{
+    key: "init",
+    value: function init() {
+      var _this3 = this;
+      this.contributions.getContributions().forEach(function (contribution) {
+        if (contribution.registerModal) {
+          var modalItem = contribution.registerModal();
+          _this3.registerModal(modalItem);
+        }
+        if (contribution.registerModals) {
+          var modalItems = contribution.registerModals();
+          _this3.registerModals(modalItems);
+        }
+      });
+    }
+  }, {
+    key: "hasModal",
+    value: function hasModal(modal) {
+      var modalId = typeof modal === 'string' ? modal : modal.id;
+      return this.modals.has(modalId);
+    }
+  }, {
+    key: "getModal",
+    value: function getModal(modal) {
+      var modalId = typeof modal === 'string' ? modal : modal.id;
+      return this.modals.get(modalId);
+    }
+  }, {
+    key: "registerModal",
+    value: function registerModal(modal) {
+      this.modals.set(modal.id, modal);
+    }
+  }, {
+    key: "registerModals",
+    value: function registerModals(modals) {
+      var _this4 = this;
+      modals.forEach(function (item) {
+        _this4.registerModal(item);
+      });
+    }
+  }, {
+    key: "unregisterModal",
+    value: function unregisterModal(modal) {
+      this.modals.delete(modal.id);
+    }
+  }, {
+    key: "getOrCreateModalView",
+    value: function getOrCreateModalView(modal) {
+      var viewInstance = this.modalViewList.find(function (item) {
+        return item.modalItem.id === modal.id;
+      });
+      if (!viewInstance) {
+        var modalItem = this.getModal(modal);
+        if (!modalItem) {
+          throw Error("should have modal ".concat(modal.id, " registed"));
+        }
+        viewInstance = new ModalItemView(modalItem);
+        this.modalViewList.push(viewInstance);
+      }
+      return viewInstance;
+    }
+  }, {
+    key: "renderModal",
+    value: function renderModal(itemView) {
+      if (!this.shouldRenderModal(itemView)) {
+        return null;
+      }
+      if (itemView.modalItem.render) {
+        return itemView.modalItem.render(this.getModalProps(itemView));
+      }
+      return _renderModal(itemView.modalItem.component, this.getModalProps(itemView));
+    }
+  }]);
+  return ModalService;
+}(), (_descriptor4 = _applyDecoratedDescriptor(_class3.prototype, "modalViewList", [_dec5], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function initializer() {
+    return [];
+  }
+})), _class3)) || _class2);

package/es/app/notification/index.d.ts

@@ -0,0 +1,5 @@
+import { ManaModule } from '../../core/index.js';
+export declare const NotificationModule: ManaModule;
+export * from './protocol.js';
+export * from './service.js';
+//# sourceMappingURL=index.d.ts.map

package/es/app/notification/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/app/notification/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAIjD,eAAO,MAAM,kBAAkB,YAAoD,CAAC;AAEpF,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC"}

package/es/app/notification/index.js

@@ -0,0 +1,5 @@
+import { ManaModule } from "../../core/index.js";
+import { NotificationService } from "./service.js";
+export var NotificationModule = ManaModule.create().register(NotificationService);
+export * from "./protocol.js";
+export * from "./service.js";

package/es/app/notification/index.less

@@ -0,0 +1,20 @@
+.mana-notification-content {
+  display: flex;
+  flex-direction: column;
+
+  &-actions {
+    align-self: flex-end;
+
+    &-item {
+      border: var(--mana-border-width) solid var(--mana-color-border);
+      padding: 4px 12px;
+      border-radius: var(--mana-border-radius);
+      background-color: inherit;
+
+      &:hover {
+        cursor: pointer;
+        background-color: var(--mana-color-border);
+      }
+    }
+  }
+}

package/es/app/notification/protocol.d.ts

@@ -0,0 +1,15 @@
+import type { NotificationArgsProps } from '../../react/index.js';
+import type { ReactNode } from 'react';
+export interface NotificationAction {
+    key: string;
+    label?: string;
+}
+export interface NotificationConfig extends NotificationArgsProps {
+    key?: string;
+    type?: 'info' | 'warning' | 'success' | 'error';
+    message: ReactNode;
+    description?: ReactNode;
+    actions?: NotificationAction[];
+    onAction?: (e: any, action: NotificationAction) => void;
+}
+//# sourceMappingURL=protocol.d.ts.map

package/es/app/notification/protocol.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"protocol.d.ts","sourceRoot":"","sources":["../../../src/app/notification/protocol.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBAAmB,SAAQ,qBAAqB;IAC/D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAChD,OAAO,EAAE,SAAS,CAAC;IACnB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;CACzD"}

package/es/app/notification/protocol.js

@@ -0,0 +1 @@
+export {};

package/es/app/notification/service.d.ts

@@ -0,0 +1,11 @@
+import { Disposable } from '../../common/index.js';
+import type { NotificationConfig } from './protocol.js';
+import './index.less';
+export declare class NotificationService {
+    open(config: NotificationConfig): Disposable;
+    warning(config: NotificationConfig): Disposable;
+    info(config: NotificationConfig): Disposable;
+    success(config: NotificationConfig): Disposable;
+    error(config: NotificationConfig): Disposable;
+}
+//# sourceMappingURL=service.d.ts.map

package/es/app/notification/service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"service.d.ts","sourceRoot":"","sources":["../../../src/app/notification/service.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAGnD,OAAO,KAAK,EAAE,kBAAkB,EAAsB,MAAM,eAAe,CAAC;AAE5E,OAAO,cAAc,CAAC;AA0BtB,qBACa,mBAAmB;IAC9B,IAAI,CAAC,MAAM,EAAE,kBAAkB,GAAG,UAAU;IAW5C,OAAO,CAAC,MAAM,EAAE,kBAAkB,GAAG,UAAU;IAG/C,IAAI,CAAC,MAAM,EAAE,kBAAkB,GAAG,UAAU;IAG5C,OAAO,CAAC,MAAM,EAAE,kBAAkB,GAAG,UAAU;IAG/C,KAAK,CAAC,MAAM,EAAE,kBAAkB,GAAG,UAAU;CAG9C"}

package/es/app/notification/service.js

@@ -0,0 +1,87 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _dec, _class;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { notification } from "../../react/index.js";
+import { v1 } from 'uuid';
+import { Disposable } from "../../common/index.js";
+import { singleton } from "../../ioc/index.js";
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var NotificationContent = function NotificationContent(props) {
+  var actions = props.actions || [];
+  return /*#__PURE__*/_jsxs("div", {
+    className: "mana-notification-content",
+    children: [props.description || '', /*#__PURE__*/_jsx("div", {
+      className: "mana-notification-content-actions",
+      children: actions.map(function (item) {
+        return /*#__PURE__*/_jsx("button", {
+          className: "mana-notification-content-actions-item",
+          onClick: function onClick(e) {
+            var _props$onAction;
+            (_props$onAction = props.onAction) === null || _props$onAction === void 0 || _props$onAction.call(props, e, item);
+          },
+          children: item.label || item.key
+        }, item.key);
+      })
+    })]
+  });
+};
+export var NotificationService = (_dec = singleton(), _dec(_class = /*#__PURE__*/function () {
+  function NotificationService() {
+    _classCallCheck(this, NotificationService);
+  }
+  _createClass(NotificationService, [{
+    key: "open",
+    value: function open(config) {
+      var key = config.key;
+      if (!key) {
+        key = v1();
+      }
+      var description = /*#__PURE__*/_jsx(NotificationContent, _objectSpread({}, config));
+      notification.open(_objectSpread(_objectSpread({}, config), {}, {
+        key: key,
+        description: description
+      }));
+      return Disposable.create(function () {
+        notification.destroy(key);
+      });
+    }
+  }, {
+    key: "warning",
+    value: function warning(config) {
+      return this.open(_objectSpread(_objectSpread({}, config), {}, {
+        type: 'warning'
+      }));
+    }
+  }, {
+    key: "info",
+    value: function info(config) {
+      return this.open(_objectSpread(_objectSpread({}, config), {}, {
+        type: 'info'
+      }));
+    }
+  }, {
+    key: "success",
+    value: function success(config) {
+      return this.open(_objectSpread(_objectSpread({}, config), {}, {
+        type: 'success'
+      }));
+    }
+  }, {
+    key: "error",
+    value: function error(config) {
+      return this.open(_objectSpread(_objectSpread({}, config), {}, {
+        type: 'error'
+      }));
+    }
+  }]);
+  return NotificationService;
+}()) || _class);