intergalactic 15.87.0 → 15.88.0

package/libs/notice-bubble/lib/cjs/translations/__intergalactic-dynamic-locales.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.localizedMessages = void 0;
+var _de = _interopRequireDefault(require("./de.json"));
+var _en = _interopRequireDefault(require("./en.json"));
+var _es = _interopRequireDefault(require("./es.json"));
+var _fr = _interopRequireDefault(require("./fr.json"));
+var _it = _interopRequireDefault(require("./it.json"));
+var _ja = _interopRequireDefault(require("./ja.json"));
+var _ko = _interopRequireDefault(require("./ko.json"));
+var _nl = _interopRequireDefault(require("./nl.json"));
+var _pt = _interopRequireDefault(require("./pt.json"));
+var _tr = _interopRequireDefault(require("./tr.json"));
+var _vi = _interopRequireDefault(require("./vi.json"));
+var _zh = _interopRequireDefault(require("./zh.json"));
+var _pl = _interopRequireDefault(require("./pl.json"));
+var _sv = _interopRequireDefault(require("./sv.json"));
+var localizedMessages = {
+  de: _de["default"],
+  en: _en["default"],
+  es: _es["default"],
+  fr: _fr["default"],
+  it: _it["default"],
+  ja: _ja["default"],
+  ko: _ko["default"],
+  nl: _nl["default"],
+  pt: _pt["default"],
+  tr: _tr["default"],
+  vi: _vi["default"],
+  zh: _zh["default"],
+  pl: _pl["default"],
+  sv: _sv["default"]
+};
+exports.localizedMessages = localizedMessages;
+//# sourceMappingURL=__intergalactic-dynamic-locales.js.map

package/libs/notice-bubble/lib/cjs/translations/__intergalactic-dynamic-locales.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_nl","_pt","_tr","_vi","_zh","_pl","_sv","localizedMessages","de","en","es","fr","it","ja","ko","nl","pt","tr","vi","zh","pl","sv","exports"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\nimport pl from './pl.json';\nimport sv from './sv.json';\n\nexport const localizedMessages = {\n  de,\n  en,\n  es,\n  fr,\n  it,\n  ja,\n  ko,\n  nl,\n  pt,\n  tr,\n  vi,\n  zh,\n  pl,\n  sv,\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,GAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,GAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,GAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,GAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,GAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,GAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,GAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,GAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,GAAA,GAAAd,sBAAA,CAAAC,OAAA;AAEO,IAAMc,iBAAiB,GAAG;EAC/BC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA;AACF,CAAC;AAACC,OAAA,CAAAf,iBAAA,GAAAA,iBAAA"}

package/libs/notice-bubble/lib/cjs/translations/de.json

@@ -0,0 +1,3 @@
+{
+  "close": "Schließen"
+}

package/libs/notice-bubble/lib/cjs/translations/en.json

@@ -0,0 +1,3 @@
+{
+  "close": "Close"
+}

package/libs/notice-bubble/lib/cjs/translations/es.json

@@ -0,0 +1,3 @@
+{
+  "close": "Cerrar"
+}

package/libs/notice-bubble/lib/cjs/translations/fr.json

@@ -0,0 +1,3 @@
+{
+  "close": "Fermer"
+}

package/libs/notice-bubble/lib/cjs/translations/it.json

@@ -0,0 +1,3 @@
+{
+  "close": "Chiudi"
+}

package/libs/notice-bubble/lib/cjs/translations/ja.json

@@ -0,0 +1,3 @@
+{
+  "close": "閉じる"
+}

package/libs/notice-bubble/lib/cjs/translations/ko.json

@@ -0,0 +1,3 @@
+{
+  "close": "닫기"
+}

package/libs/notice-bubble/lib/cjs/translations/nl.json

@@ -0,0 +1,3 @@
+{
+  "close": "Sluiten"
+}

package/libs/notice-bubble/lib/cjs/translations/pl.json

@@ -0,0 +1,3 @@
+{
+  "close": "Zamknij"
+}

package/libs/notice-bubble/lib/cjs/translations/pt.json

@@ -0,0 +1,3 @@
+{
+  "close": "Fechar"
+}

package/libs/notice-bubble/lib/cjs/translations/sv.json

@@ -0,0 +1,3 @@
+{
+  "close": "Stäng"
+}

package/libs/notice-bubble/lib/cjs/translations/tr.json

@@ -0,0 +1,3 @@
+{
+  "close": "Kapat"
+}

package/libs/notice-bubble/lib/cjs/translations/vi.json

@@ -0,0 +1,3 @@
+{
+  "close": "Đóng"
+}

package/libs/notice-bubble/lib/cjs/translations/zh.json

@@ -0,0 +1,3 @@
+{
+  "close": "关闭"
+}

package/libs/notice-bubble/lib/cjs/utils.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Timer = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var Timer = /*#__PURE__*/function () {
+  function Timer(callback, delay) {
+    (0, _classCallCheck2["default"])(this, Timer);
+    this.callback = callback;
+    this.delay = delay;
+    this.remaining = delay;
+    this.resume();
+  }
+  (0, _createClass2["default"])(Timer, [{
+    key: "pause",
+    value: function pause() {
+      clearTimeout(this.timerId);
+      this.remaining -= Date.now() - this.start;
+    }
+  }, {
+    key: "resume",
+    value: function resume() {
+      this.start = Date.now();
+      clearTimeout(this.timerId);
+      this.timerId = setTimeout(this.callback, this.remaining);
+    }
+  }, {
+    key: "reset",
+    value: function reset() {
+      this.remaining = this.delay;
+      this.resume();
+    }
+  }, {
+    key: "clear",
+    value: function clear() {
+      clearTimeout(this.timerId);
+    }
+  }]);
+  return Timer;
+}();
+exports.Timer = Timer;
+//# sourceMappingURL=utils.js.map

package/libs/notice-bubble/lib/cjs/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":["Timer","callback","delay","_classCallCheck2","remaining","resume","_createClass2","key","value","pause","clearTimeout","timerId","Date","now","start","setTimeout","reset","clear","exports"],"sources":["../../src/utils.js"],"sourcesContent":["class Timer {\n  constructor(callback, delay) {\n    this.callback = callback;\n    this.delay = delay;\n    this.remaining = delay;\n    this.resume();\n  }\n\n  pause() {\n    clearTimeout(this.timerId);\n    this.remaining -= Date.now() - this.start;\n  }\n\n  resume() {\n    this.start = Date.now();\n    clearTimeout(this.timerId);\n    this.timerId = setTimeout(this.callback, this.remaining);\n  }\n\n  reset() {\n    this.remaining = this.delay;\n    this.resume();\n  }\n\n  clear() {\n    clearTimeout(this.timerId);\n  }\n}\n\nexport { Timer };\n"],"mappings":";;;;;;;;;IAAMA,KAAK;EACT,SAAAA,MAAYC,QAAQ,EAAEC,KAAK,EAAE;IAAA,IAAAC,gBAAA,mBAAAH,KAAA;IAC3B,IAAI,CAACC,QAAQ,GAAGA,QAAQ;IACxB,IAAI,CAACC,KAAK,GAAGA,KAAK;IAClB,IAAI,CAACE,SAAS,GAAGF,KAAK;IACtB,IAAI,CAACG,MAAM,EAAE;EACf;EAAC,IAAAC,aAAA,aAAAN,KAAA;IAAAO,GAAA;IAAAC,KAAA,EAED,SAAAC,MAAA,EAAQ;MACNC,YAAY,CAAC,IAAI,CAACC,OAAO,CAAC;MAC1B,IAAI,CAACP,SAAS,IAAIQ,IAAI,CAACC,GAAG,EAAE,GAAG,IAAI,CAACC,KAAK;IAC3C;EAAC;IAAAP,GAAA;IAAAC,KAAA,EAED,SAAAH,OAAA,EAAS;MACP,IAAI,CAACS,KAAK,GAAGF,IAAI,CAACC,GAAG,EAAE;MACvBH,YAAY,CAAC,IAAI,CAACC,OAAO,CAAC;MAC1B,IAAI,CAACA,OAAO,GAAGI,UAAU,CAAC,IAAI,CAACd,QAAQ,EAAE,IAAI,CAACG,SAAS,CAAC;IAC1D;EAAC;IAAAG,GAAA;IAAAC,KAAA,EAED,SAAAQ,MAAA,EAAQ;MACN,IAAI,CAACZ,SAAS,GAAG,IAAI,CAACF,KAAK;MAC3B,IAAI,CAACG,MAAM,EAAE;IACf;EAAC;IAAAE,GAAA;IAAAC,KAAA,EAED,SAAAS,MAAA,EAAQ;MACNP,YAAY,CAAC,IAAI,CAACC,OAAO,CAAC;IAC5B;EAAC;EAAA,OAAAX,KAAA;AAAA;AAAAkB,OAAA,CAAAlB,KAAA,GAAAA,KAAA"}

package/libs/notice-bubble/lib/es6/NoticeBubble.js

@@ -0,0 +1,307 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import { sstyled as _sstyled } from "@semcore/core";
+import { assignProps as _assignProps } from "@semcore/core";
+var _excluded = ["forwardRef", "styles", "onMouseEnter", "onMouseLeave", "getI18nText", "icon", "children", "action"];
+import React from 'react';
+import Portal from '@semcore/portal';
+import manager from './NoticeBubbleManager';
+import createComponent, { Component, sstyled, Root } from '@semcore/core';
+import { Animation } from '@semcore/animation';
+import { Flex, Box } from '@semcore/flex-box';
+import fire from '@semcore/utils/lib/fire';
+import isNode from '@semcore/utils/lib/isNode';
+import { callAllEventHandlers } from '@semcore/utils/lib/assignProps';
+import CloseIcon from '@semcore/icon/Close/m';
+import { Timer } from './utils';
+import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
+import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
+import { useCssVariable } from '@semcore/utils/lib/useCssVariable';
+import { contextThemeEnhance } from '@semcore/utils/lib/ThemeProvider';
+/*__reshadow-styles__:"./style/notice-bubble.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes enter_1v8jx{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_1v8jx{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_1v8jx_gg_,.___SView_1v8jx_gg_{position:relative;margin-bottom:var(--intergalactic-spacing-3x, 12px);padding:var(--intergalactic-spacing-3x, 12px) calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-1x, 4px)) var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-3x, 12px);width:100%;border-radius:var(--intergalactic-popper-rounded, 6px);overflow:hidden;box-sizing:border-box;color:var(--intergalactic-text-primary-invert, #ffffff);gap:var(--intergalactic-spacing-2x, 8px)}.___SBubble_1v8jx_gg_._type_info_1v8jx_gg_,.___SView_1v8jx_gg_._type_info_1v8jx_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_1v8jx_gg_._type_warning_1v8jx_gg_,.___SView_1v8jx_gg_._type_warning_1v8jx_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_1v8jx_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_1v8jx_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-100, 133%)}.___SDismiss_1v8jx_gg_{cursor:pointer;position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SDismiss_1v8jx_gg_:hover{color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}}.___SNoticeBubble_1v8jx_gg_{width:300px;position:fixed;z-index:var(--intergalactic-z-index-notice-bubble, 999);right:var(--intergalactic-spacing-3x, 12px);top:var(--intergalactic-spacing-3x, 12px)}@media (max-width:767px){.___SNoticeBubble_1v8jx_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_1v8jx_gg_.__disablePortal_1v8jx_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_1v8jx_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}" /*__inner_css_end__*/, "1v8jx_gg_") /*__reshadow_css_end__*/, {
+  "__SContent": "___SContent_1v8jx_gg_",
+  "__SMessage": "___SMessage_1v8jx_gg_",
+  "__SNoticeBubble": "___SNoticeBubble_1v8jx_gg_",
+  "_disablePortal": "__disablePortal_1v8jx_gg_",
+  "@enter": "enter_1v8jx",
+  "@exit": "exit_1v8jx",
+  "__SBubble": "___SBubble_1v8jx_gg_",
+  "__SView": "___SView_1v8jx_gg_",
+  "_type_info": "_type_info_1v8jx_gg_",
+  "_type_warning": "_type_warning_1v8jx_gg_",
+  "__SDismiss": "___SDismiss_1v8jx_gg_"
+});
+var Notices = function Notices(props) {
+  var styles = props.styles,
+    _props$data = props.data,
+    data = _props$data === void 0 ? [] : _props$data,
+    _props$tag = props.tag,
+    SView = _props$tag === void 0 ? ViewInfo : _props$tag;
+  var ref = React.useRef();
+  var durationStr = useCssVariable('--intergalactic-duration-popper', '200', ref);
+  var duration = React.useMemo(function () {
+    return parseInt(durationStr, 10);
+  }, [durationStr]);
+  return data.map(function (notice) {
+    var _ref2, _notice$visible;
+    return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(Animation, _ref2.cn("Animation", {
+      "key": notice.uid,
+      "initialAnimation": notice.initialAnimation,
+      "visible": (_notice$visible = notice.visible) !== null && _notice$visible !== void 0 ? _notice$visible : true,
+      "duration": duration,
+      "keyframes": [styles['@enter'], styles['@exit']],
+      "ref": ref
+    }), /*#__PURE__*/React.createElement(SView, _ref2.cn("SView", _objectSpread(_objectSpread({}, notice), {}, {
+      "styles": notice.styles || styles,
+      "getI18nText": props.getI18nText
+    }))));
+  });
+};
+var NoticeBubbleContainerRoot = /*#__PURE__*/function (_Component) {
+  _inherits(NoticeBubbleContainerRoot, _Component);
+  var _super = _createSuper(NoticeBubbleContainerRoot);
+  function NoticeBubbleContainerRoot(props) {
+    var _this;
+    _classCallCheck(this, NoticeBubbleContainerRoot);
+    _this = _super.call(this, props);
+    _defineProperty(_assertThisInitialized(_this), "_unsubscribe", null);
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      notices: [],
+      warnings: []
+    });
+    _defineProperty(_assertThisInitialized(_this), "componentWillUnmount", function () {
+      if (_this._unsubscribe) {
+        _this._unsubscribe();
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleChange", function (notices) {
+      var info = notices.filter(function (notice) {
+        return notice.type === 'info';
+      });
+      var warning = notices.filter(function (notice) {
+        return notice.type === 'warning';
+      });
+      _this.setState({
+        notices: info,
+        warnings: warning
+      });
+    });
+    props.manager.counter = 0;
+    _this._unsubscribe = props.manager.addListener(_this.handleChange);
+    return _this;
+  }
+  _createClass(NoticeBubbleContainerRoot, [{
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref3;
+      var SNoticeBubble = Box;
+      var _this$asProps = this.asProps,
+        Children = _this$asProps.Children,
+        styles = _this$asProps.styles,
+        disablePortal = _this$asProps.disablePortal,
+        getI18nText = _this$asProps.getI18nText,
+        ref = _this$asProps.ref;
+      var _this$state = this.state,
+        notices = _this$state.notices,
+        warnings = _this$state.warnings;
+      return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(Portal, _ref3.cn("Portal", {
+        "disablePortal": disablePortal
+      }), /*#__PURE__*/React.createElement(SNoticeBubble, _ref3.cn("SNoticeBubble", _objectSpread({}, _assignProps({
+        "role": 'alert',
+        "aria-live": 'assertive',
+        "ref": ref
+      }, _ref))), /*#__PURE__*/React.createElement(Children, _ref3.cn("Children", {})), /*#__PURE__*/React.createElement(Notices, _ref3.cn("Notices", {
+        "styles": styles,
+        "data": warnings,
+        "tag": ViewWarning,
+        "getI18nText": getI18nText
+      })), /*#__PURE__*/React.createElement(Notices, _ref3.cn("Notices", {
+        "styles": styles,
+        "data": notices,
+        "tag": ViewInfo,
+        "getI18nText": getI18nText
+      }))));
+    }
+  }]);
+  return NoticeBubbleContainerRoot;
+}(Component);
+_defineProperty(NoticeBubbleContainerRoot, "displayName", 'NoticeBubbleContainer');
+_defineProperty(NoticeBubbleContainerRoot, "style", style);
+_defineProperty(NoticeBubbleContainerRoot, "enhance", [i18nEnhance(localizedMessages), contextThemeEnhance()]);
+_defineProperty(NoticeBubbleContainerRoot, "defaultProps", {
+  manager: manager,
+  i18n: localizedMessages,
+  locale: 'en'
+});
+var ViewInfo = /*#__PURE__*/function (_Component2) {
+  _inherits(ViewInfo, _Component2);
+  var _super2 = _createSuper(ViewInfo);
+  function ViewInfo() {
+    var _this2;
+    _classCallCheck(this, ViewInfo);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this2 = _super2.call.apply(_super2, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this2), "timer", null);
+    _defineProperty(_assertThisInitialized(_this2), "handlerClose", function (e) {
+      // because call not only click
+      fire(_assertThisInitialized(_this2), 'onClose', e);
+      _this2.clearTimer();
+    });
+    _defineProperty(_assertThisInitialized(_this2), "handlerMouseEnter", function () {
+      if (_this2.timer) {
+        _this2.timer.pause();
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this2), "handlerMouseLeave", function () {
+      if (_this2.timer) {
+        _this2.timer.resume();
+      }
+    });
+    return _this2;
+  }
+  _createClass(ViewInfo, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var duration = this.props.duration;
+      if (duration) {
+        this.timer = new Timer(this.handlerClose, duration);
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.clearTimer();
+    }
+  }, {
+    key: "clearTimer",
+    value: function clearTimer() {
+      if (this.timer) {
+        this.timer.clear();
+        this.timer = null;
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref4;
+      var SBubble = Flex;
+      var SDismiss = 'div';
+      var SContent = Flex;
+      var SMessage = 'div';
+      var SAction = 'div';
+      var _this$props = this.props,
+        forwardRef = _this$props.forwardRef,
+        styles = _this$props.styles,
+        onMouseEnter = _this$props.onMouseEnter,
+        onMouseLeave = _this$props.onMouseLeave,
+        getI18nText = _this$props.getI18nText,
+        icon = _this$props.icon,
+        children = _this$props.children,
+        actionNode = _this$props.action,
+        other = _objectWithoutProperties(_this$props, _excluded);
+      return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SBubble, _ref4.cn("SBubble", _objectSpread(_objectSpread({
+        "role": 'alert'
+      }, other), {}, {
+        "ref": forwardRef,
+        "onMouseEnter": callAllEventHandlers(onMouseEnter, this.handlerMouseEnter),
+        "onMouseLeave": callAllEventHandlers(onMouseLeave, this.handlerMouseLeave)
+      })), /*#__PURE__*/React.createElement(SDismiss, _ref4.cn("SDismiss", {
+        "title": getI18nText('close'),
+        "onClick": this.handlerClose,
+        "aria-label": getI18nText('close')
+      }), /*#__PURE__*/React.createElement(CloseIcon, _ref4.cn("CloseIcon", {}))), isNode(icon) ? /*#__PURE__*/React.createElement(React.Fragment, null, icon, /*#__PURE__*/React.createElement(SContent, _ref4.cn("SContent", {}), /*#__PURE__*/React.createElement(SMessage, _ref4.cn("SMessage", {}), children), isNode(actionNode) ? /*#__PURE__*/React.createElement(SAction, _ref4.cn("SAction", {}), actionNode) : null)) : /*#__PURE__*/React.createElement(SContent, _ref4.cn("SContent", {}), /*#__PURE__*/React.createElement(SMessage, _ref4.cn("SMessage", {}), children), isNode(actionNode) ? /*#__PURE__*/React.createElement(SAction, _ref4.cn("SAction", {}), actionNode) : null));
+    }
+  }]);
+  return ViewInfo;
+}(Component);
+var ViewWarning = /*#__PURE__*/function (_ViewInfo) {
+  _inherits(ViewWarning, _ViewInfo);
+  var _super3 = _createSuper(ViewWarning);
+  function ViewWarning() {
+    _classCallCheck(this, ViewWarning);
+    return _super3.apply(this, arguments);
+  }
+  return _createClass(ViewWarning);
+}(ViewInfo);
+_defineProperty(ViewWarning, "defaultProps", {
+  type: 'warning',
+  duration: 0
+});
+var NoticeBubbleView = /*#__PURE__*/function (_Component3) {
+  _inherits(NoticeBubbleView, _Component3);
+  var _super4 = _createSuper(NoticeBubbleView);
+  function NoticeBubbleView() {
+    var _this3;
+    _classCallCheck(this, NoticeBubbleView);
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+    _this3 = _super4.call.apply(_super4, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this3), "_notice", null);
+    return _this3;
+  }
+  _createClass(NoticeBubbleView, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this._notice = this.asProps.manager.add(this.asProps);
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      if (this._notice) {
+        this._notice.remove();
+      }
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      if (this._notice) {
+        this._notice.update(this.asProps);
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return null;
+    }
+  }]);
+  return NoticeBubbleView;
+}(Component);
+_defineProperty(NoticeBubbleView, "defaultProps", {
+  duration: 5000,
+  type: 'info',
+  manager: manager
+});
+var NoticeBubbleWarningView = /*#__PURE__*/function (_NoticeBubbleView) {
+  _inherits(NoticeBubbleWarningView, _NoticeBubbleView);
+  var _super5 = _createSuper(NoticeBubbleWarningView);
+  function NoticeBubbleWarningView() {
+    _classCallCheck(this, NoticeBubbleWarningView);
+    return _super5.apply(this, arguments);
+  }
+  return _createClass(NoticeBubbleWarningView);
+}(NoticeBubbleView);
+_defineProperty(NoticeBubbleWarningView, "defaultProps", {
+  duration: 5000,
+  type: 'warning',
+  manager: manager
+});
+var NoticeBubbleContainer = createComponent(NoticeBubbleContainerRoot, {
+  Info: NoticeBubbleView,
+  Warning: NoticeBubbleWarningView
+});
+var NoticeBubble = NoticeBubbleContainer.Info;
+var NoticeBubbleWarning = NoticeBubbleContainer.Warning;
+export { NoticeBubble, NoticeBubbleWarning };
+export default NoticeBubbleContainer;
+//# sourceMappingURL=NoticeBubble.js.map

package/libs/notice-bubble/lib/es6/NoticeBubble.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoticeBubble.js","names":["React","Portal","manager","createComponent","Component","sstyled","Root","Animation","Flex","Box","fire","isNode","callAllEventHandlers","CloseIcon","Timer","localizedMessages","i18nEnhance","useCssVariable","contextThemeEnhance","style","_sstyled","insert","Notices","props","styles","_props$data","data","_props$tag","tag","SView","ViewInfo","ref","useRef","durationStr","duration","useMemo","parseInt","map","notice","_ref2","_notice$visible","createElement","cn","uid","initialAnimation","visible","_objectSpread","getI18nText","NoticeBubbleContainerRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","notices","warnings","_unsubscribe","info","filter","type","warning","setState","counter","addListener","handleChange","_createClass","key","value","render","_ref","asProps","_ref3","SNoticeBubble","_this$asProps","Children","disablePortal","_this$state","state","_assignProps","ViewWarning","i18n","locale","_Component2","_super2","_this2","_len","arguments","length","args","Array","_key","apply","concat","e","clearTimer","timer","pause","resume","componentDidMount","handlerClose","componentWillUnmount","clear","_ref4","SBubble","SDismiss","SContent","SMessage","SAction","_this$props","forwardRef","onMouseEnter","onMouseLeave","icon","children","actionNode","action","other","_objectWithoutProperties","_excluded","handlerMouseEnter","handlerMouseLeave","Fragment","_ViewInfo","_super3","NoticeBubbleView","_Component3","_super4","_this3","_len2","_key2","_notice","add","remove","componentDidUpdate","update","NoticeBubbleWarningView","_NoticeBubbleView","_super5","NoticeBubbleContainer","Info","Warning","NoticeBubble","NoticeBubbleWarning"],"sources":["../../src/NoticeBubble.jsx"],"sourcesContent":["import React from 'react';\nimport Portal from '@semcore/portal';\nimport manager from './NoticeBubbleManager';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Animation } from '@semcore/animation';\nimport { Flex, Box } from '@semcore/flex-box';\nimport fire from '@semcore/utils/lib/fire';\nimport isNode from '@semcore/utils/lib/isNode';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport CloseIcon from '@semcore/icon/Close/m';\nimport { Timer } from './utils';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { useCssVariable } from '@semcore/utils/lib/useCssVariable';\nimport { contextThemeEnhance } from '@semcore/utils/lib/ThemeProvider';\n\nimport style from './style/notice-bubble.shadow.css';\n\nconst Notices = (props) => {\n  const { styles, data = [], tag: SView = ViewInfo } = props;\n  const ref = React.useRef();\n  const durationStr = useCssVariable('--intergalactic-duration-popper', '200', ref);\n  const duration = React.useMemo(() => parseInt(durationStr, 10), [durationStr]);\n\n  return data.map((notice) => {\n    return sstyled(styles)(\n      <Animation\n        key={notice.uid}\n        initialAnimation={notice.initialAnimation}\n        visible={notice.visible ?? true}\n        duration={duration}\n        keyframes={[styles['@enter'], styles['@exit']]}\n        ref={ref}\n      >\n        <SView {...notice} styles={notice.styles || styles} getI18nText={props.getI18nText} />\n      </Animation>,\n    );\n  });\n};\n\nclass NoticeBubbleContainerRoot extends Component {\n  static displayName = 'NoticeBubbleContainer';\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages), contextThemeEnhance()];\n  static defaultProps = {\n    manager,\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  _unsubscribe = null;\n\n  state = {\n    notices: [],\n    warnings: [],\n  };\n\n  constructor(props) {\n    super(props);\n    props.manager.counter = 0;\n    this._unsubscribe = props.manager.addListener(this.handleChange);\n  }\n\n  componentWillUnmount = () => {\n    if (this._unsubscribe) {\n      this._unsubscribe();\n    }\n  };\n\n  handleChange = (notices) => {\n    const info = notices.filter((notice) => notice.type === 'info');\n    const warning = notices.filter((notice) => notice.type === 'warning');\n\n    this.setState({ notices: info, warnings: warning });\n  };\n\n  render() {\n    const SNoticeBubble = Root;\n    const { Children, styles, disablePortal, getI18nText, ref } = this.asProps;\n    const { notices, warnings } = this.state;\n\n    return sstyled(styles)(\n      <Portal disablePortal={disablePortal}>\n        <SNoticeBubble render={Box} role='alert' aria-live='assertive' ref={ref}>\n          <Children />\n          <Notices styles={styles} data={warnings} tag={ViewWarning} getI18nText={getI18nText} />\n          <Notices styles={styles} data={notices} tag={ViewInfo} getI18nText={getI18nText} />\n        </SNoticeBubble>\n      </Portal>,\n    );\n  }\n}\n\nclass ViewInfo extends Component {\n  timer = null;\n\n  componentDidMount() {\n    const { duration } = this.props;\n    if (duration) {\n      this.timer = new Timer(this.handlerClose, duration);\n    }\n  }\n\n  componentWillUnmount() {\n    this.clearTimer();\n  }\n\n  clearTimer() {\n    if (this.timer) {\n      this.timer.clear();\n      this.timer = null;\n    }\n  }\n\n  handlerClose = (e) => {\n    // because call not only click\n    fire(this, 'onClose', e);\n    this.clearTimer();\n  };\n\n  handlerMouseEnter = () => {\n    if (this.timer) {\n      this.timer.pause();\n    }\n  };\n\n  handlerMouseLeave = () => {\n    if (this.timer) {\n      this.timer.resume();\n    }\n  };\n\n  render() {\n    const SBubble = Flex;\n    const SDismiss = 'div';\n    const SContent = Flex;\n    const SMessage = 'div';\n    const SAction = 'div';\n    const {\n      forwardRef,\n      styles,\n      onMouseEnter,\n      onMouseLeave,\n      getI18nText,\n      icon,\n      children,\n      action: actionNode,\n      ...other\n    } = this.props;\n\n    return sstyled(styles)(\n      <SBubble\n        role='alert'\n        {...other}\n        ref={forwardRef}\n        onMouseEnter={callAllEventHandlers(onMouseEnter, this.handlerMouseEnter)}\n        onMouseLeave={callAllEventHandlers(onMouseLeave, this.handlerMouseLeave)}\n      >\n        <SDismiss\n          title={getI18nText('close')}\n          onClick={this.handlerClose}\n          aria-label={getI18nText('close')}\n        >\n          <CloseIcon />\n        </SDismiss>\n        {isNode(icon) ? (\n          <>\n            {icon}\n            <SContent>\n              <SMessage>{children}</SMessage>\n              {isNode(actionNode) ? <SAction>{actionNode}</SAction> : null}\n            </SContent>\n          </>\n        ) : (\n          <SContent>\n            <SMessage>{children}</SMessage>\n            {isNode(actionNode) ? <SAction>{actionNode}</SAction> : null}\n          </SContent>\n        )}\n      </SBubble>,\n    );\n  }\n}\n\nclass ViewWarning extends ViewInfo {\n  static defaultProps = {\n    type: 'warning',\n    duration: 0,\n  };\n}\n\nclass NoticeBubbleView extends Component {\n  static defaultProps = {\n    duration: 5000,\n    type: 'info',\n    manager,\n  };\n\n  _notice = null;\n\n  componentDidMount() {\n    this._notice = this.asProps.manager.add(this.asProps);\n  }\n\n  componentWillUnmount() {\n    if (this._notice) {\n      this._notice.remove();\n    }\n  }\n\n  componentDidUpdate() {\n    if (this._notice) {\n      this._notice.update(this.asProps);\n    }\n  }\n\n  render() {\n    return null;\n  }\n}\n\nclass NoticeBubbleWarningView extends NoticeBubbleView {\n  static defaultProps = {\n    duration: 5000,\n    type: 'warning',\n    manager,\n  };\n}\n\nconst NoticeBubbleContainer = createComponent(NoticeBubbleContainerRoot, {\n  Info: NoticeBubbleView,\n  Warning: NoticeBubbleWarningView,\n});\n\nconst NoticeBubble = NoticeBubbleContainer.Info;\nconst NoticeBubbleWarning = NoticeBubbleContainer.Warning;\n\nexport { NoticeBubble, NoticeBubbleWarning };\n\nexport default NoticeBubbleContainer;\n"],"mappings":"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"}

package/libs/notice-bubble/lib/es6/NoticeBubbleManager.js

@@ -0,0 +1,96 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import EventEmitter from '@semcore/utils/lib/eventEmitter';
+import { callAllEventHandlers } from '@semcore/utils/lib/assignProps';
+var EVENT_NAME = 'CHANGE';
+var NoticeBubbleManager = /*#__PURE__*/function () {
+  function NoticeBubbleManager() {
+    _classCallCheck(this, NoticeBubbleManager);
+    _defineProperty(this, "items", []);
+    _defineProperty(this, "emitter", null);
+    _defineProperty(this, "counter", 0);
+    this.emitter = new EventEmitter();
+  }
+  _createClass(NoticeBubbleManager, [{
+    key: "addListener",
+    value: function addListener(fn) {
+      return this.emitter.subscribe(EVENT_NAME, fn);
+    }
+  }, {
+    key: "createItem",
+    value: function createItem(props) {
+      var manager = this;
+      return _objectSpread(_objectSpread({
+        type: 'info'
+      }, props), {}, {
+        onClose: callAllEventHandlers(props.onClose, function () {
+          manager.remove(props.uid);
+        })
+      });
+    }
+  }, {
+    key: "emit",
+    value: function emit() {
+      this.emitter.emit(EVENT_NAME, this.items);
+    }
+  }, {
+    key: "add",
+    value: function add(props) {
+      var uid = this.counter++;
+      var item = this.createItem(_objectSpread({
+        uid: uid,
+        visible: props.initialAnimation ? true : undefined
+      }, props));
+      this.items.push(item);
+      this.emit();
+      return {
+        uid: uid,
+        update: this.update.bind(this, uid),
+        remove: this.remove.bind(this, uid)
+      };
+    }
+  }, {
+    key: "update",
+    value: function update(uid, props) {
+      var index = this.items.findIndex(function (item) {
+        return item.uid === uid;
+      });
+      if (index !== -1) {
+        this.items[index] = this.createItem(_objectSpread(_objectSpread({}, this.items[index]), props));
+        this.emit();
+        return true;
+      }
+      return false;
+    }
+  }, {
+    key: "remove",
+    value: function remove(uid) {
+      var _this = this;
+      var index = this.items.findIndex(function (item) {
+        return item.uid === uid;
+      });
+      if (index !== -1) {
+        this.items[index].visible = false;
+        setTimeout(function () {
+          var index = _this.items.findIndex(function (item) {
+            return item.uid === uid;
+          });
+          if (index !== -1) {
+            _this.items.splice(index, 1);
+            _this.emit();
+          }
+        }, 1000);
+        this.emit();
+        return true;
+      }
+      return false;
+    }
+  }]);
+  return NoticeBubbleManager;
+}();
+var noticeBubbleDefaultManager = new NoticeBubbleManager();
+export { NoticeBubbleManager };
+export default noticeBubbleDefaultManager;
+//# sourceMappingURL=NoticeBubbleManager.js.map

package/libs/notice-bubble/lib/es6/NoticeBubbleManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoticeBubbleManager.js","names":["EventEmitter","callAllEventHandlers","EVENT_NAME","NoticeBubbleManager","_classCallCheck","_defineProperty","emitter","_createClass","key","value","addListener","fn","subscribe","createItem","props","manager","_objectSpread","type","onClose","remove","uid","emit","items","add","counter","item","visible","initialAnimation","undefined","push","update","bind","index","findIndex","_this","setTimeout","splice","noticeBubbleDefaultManager"],"sources":["../../src/NoticeBubbleManager.js"],"sourcesContent":["import EventEmitter from '@semcore/utils/lib/eventEmitter';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\n\nconst EVENT_NAME = 'CHANGE';\n\nclass NoticeBubbleManager {\n  items = [];\n  emitter = null;\n  counter = 0;\n\n  constructor() {\n    this.emitter = new EventEmitter();\n  }\n\n  addListener(fn) {\n    return this.emitter.subscribe(EVENT_NAME, fn);\n  }\n\n  createItem(props) {\n    const manager = this;\n\n    return {\n      type: 'info',\n      ...props,\n      onClose: callAllEventHandlers(props.onClose, () => {\n        manager.remove(props.uid);\n      }),\n    };\n  }\n\n  emit() {\n    this.emitter.emit(EVENT_NAME, this.items);\n  }\n\n  add(props) {\n    const uid = this.counter++;\n    const item = this.createItem({\n      uid,\n      visible: props.initialAnimation ? true : undefined,\n      ...props,\n    });\n    this.items.push(item);\n    this.emit();\n    return {\n      uid,\n      update: this.update.bind(this, uid),\n      remove: this.remove.bind(this, uid),\n    };\n  }\n\n  update(uid, props) {\n    const index = this.items.findIndex((item) => item.uid === uid);\n    if (index !== -1) {\n      this.items[index] = this.createItem({\n        ...this.items[index],\n        ...props,\n      });\n      this.emit();\n      return true;\n    }\n    return false;\n  }\n\n  remove(uid) {\n    const index = this.items.findIndex((item) => item.uid === uid);\n    if (index !== -1) {\n      this.items[index].visible = false;\n      setTimeout(() => {\n        const index = this.items.findIndex((item) => item.uid === uid);\n        if (index !== -1) {\n          this.items.splice(index, 1);\n          this.emit();\n        }\n      }, 1000);\n      this.emit();\n      return true;\n    }\n    return false;\n  }\n}\n\nconst noticeBubbleDefaultManager = new NoticeBubbleManager();\n\nexport { NoticeBubbleManager };\nexport default noticeBubbleDefaultManager;\n"],"mappings":"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"}

package/libs/notice-bubble/lib/es6/index.d.js

@@ -0,0 +1,18 @@
+import _createClass from "@babel/runtime/helpers/createClass";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+/** @deprecated */
+/** @deprecated */
+/** @deprecated */
+/** @deprecated */
+/** @deprecated */
+/**
+ * @deprecated use `NoticeBubbleManager` instead.
+ * */
+/**
+ * @deprecated use `NoticeBubbleManager` instead.
+ * */
+var NoticeBubbleManager = /*#__PURE__*/_createClass(function NoticeBubbleManager() {
+  _classCallCheck(this, NoticeBubbleManager);
+});
+export {};
+//# sourceMappingURL=index.d.js.map