intergalactic 15.96.1 → 15.97.0

package/notice-bubble/lib/cjs/NoticeBubble.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.NoticeBubbleWarning = exports.NoticeBubble = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -30,21 +31,24 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
 var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
 var _ThemeProvider = require("intergalactic/utils/lib/ThemeProvider");
+var _button = _interopRequireDefault(require("intergalactic/button"));
+var _useFocusLock = require("intergalactic/utils/lib/use/useFocusLock");
 var _ref5 = require("intergalactic/utils/lib/ref");
-var _excluded = ["forwardRef", "styles", "onMouseEnter", "onMouseLeave", "getI18nText", "icon", "children", "action"];
+var _excluded = ["focusLock"],
+  _excluded2 = ["forwardRef", "styles", "onMouseEnter", "onMouseLeave", "getI18nText", "icon", "children", "action", "type"];
 /*__reshadow-styles__:"./style/notice-bubble.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes enter_357r9{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_357r9{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_357r9_gg_,.___SView_357r9_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_357r9_gg_._type_info_357r9_gg_,.___SView_357r9_gg_._type_info_357r9_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_357r9_gg_._type_warning_357r9_gg_,.___SView_357r9_gg_._type_warning_357r9_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_357r9_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_357r9_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-100, 133%)}.___SDismiss_357r9_gg_{cursor:pointer;position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary-invert, #ffffff);border:0;background:0 0}@media (hover:hover){.___SDismiss_357r9_gg_:hover{color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}}.___SNoticeBubble_357r9_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_357r9_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_357r9_gg_.__disablePortal_357r9_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_357r9_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}" /*__inner_css_end__*/, "357r9_gg_") /*__reshadow_css_end__*/, {
-  "__SContent": "___SContent_357r9_gg_",
-  "__SMessage": "___SMessage_357r9_gg_",
-  "__SNoticeBubble": "___SNoticeBubble_357r9_gg_",
-  "_disablePortal": "__disablePortal_357r9_gg_",
-  "@enter": "enter_357r9",
-  "@exit": "exit_357r9",
-  "__SBubble": "___SBubble_357r9_gg_",
-  "__SView": "___SView_357r9_gg_",
-  "_type_info": "_type_info_357r9_gg_",
-  "_type_warning": "_type_warning_357r9_gg_",
-  "__SDismiss": "___SDismiss_357r9_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes enter_b2do0{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_b2do0{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_b2do0_gg_,.___SView_b2do0_gg_{position:relative;margin-bottom:var(--intergalactic-spacing-3x, 12px);padding:var(--intergalactic-spacing-3x, 12px);padding-right:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px));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_b2do0_gg_._type_info_b2do0_gg_,.___SView_b2do0_gg_._type_info_b2do0_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_b2do0_gg_._type_warning_b2do0_gg_,.___SView_b2do0_gg_._type_warning_b2do0_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_b2do0_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_b2do0_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-100, 133%)}.___SDismiss_b2do0_gg_{cursor:pointer;position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-2x, 8px)0;margin:var(--intergalactic-spacing-1x, 4px);flex-shrink:0;border:0;background:0 0}.___SDismiss_b2do0_gg_ svg{color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SDismiss_b2do0_gg_:hover svg{color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}}.___SNoticeBubble_b2do0_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_b2do0_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_b2do0_gg_.__disablePortal_b2do0_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_b2do0_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}" /*__inner_css_end__*/, "b2do0_gg_") /*__reshadow_css_end__*/, {
+  "__SContent": "___SContent_b2do0_gg_",
+  "__SMessage": "___SMessage_b2do0_gg_",
+  "__SNoticeBubble": "___SNoticeBubble_b2do0_gg_",
+  "_disablePortal": "__disablePortal_b2do0_gg_",
+  "@enter": "enter_b2do0",
+  "@exit": "exit_b2do0",
+  "__SBubble": "___SBubble_b2do0_gg_",
+  "__SView": "___SView_b2do0_gg_",
+  "_type_info": "_type_info_b2do0_gg_",
+  "_type_warning": "_type_warning_b2do0_gg_",
+  "__SDismiss": "___SDismiss_b2do0_gg_"
 });
 var Notices = function Notices(props) {
   var styles = props.styles,
@@ -75,10 +79,13 @@ var Notices = function Notices(props) {
 var NoticeBubbleContainerRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(NoticeBubbleContainerRoot, _Component);
   var _super = (0, _createSuper2["default"])(NoticeBubbleContainerRoot);
-  function NoticeBubbleContainerRoot(props) {
+  function NoticeBubbleContainerRoot() {
     var _this;
     (0, _classCallCheck2["default"])(this, NoticeBubbleContainerRoot);
-    _this = _super.call(this, props);
+    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));
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_unsubscribe", null);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
       notices: [],
@@ -101,11 +108,16 @@ var NoticeBubbleContainerRoot = /*#__PURE__*/function (_Component) {
         warnings: warning
       });
     });
-    props.manager.counter = 0;
-    _this._unsubscribe = props.manager.addListener(_this.handleChange);
     return _this;
   }
   (0, _createClass2["default"])(NoticeBubbleContainerRoot, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var manager = this.asProps.manager;
+      manager.counter = 0;
+      this._unsubscribe = manager.addListener(this.handleChange);
+    }
+  }, {
     key: "render",
     value: function render() {
       var _ref = this.asProps,
@@ -123,9 +135,11 @@ var NoticeBubbleContainerRoot = /*#__PURE__*/function (_Component) {
       return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_portal["default"], _ref3.cn("Portal", {
         "disablePortal": disablePortal
       }), /*#__PURE__*/_react["default"].createElement(SNoticeBubble, _ref3.cn("SNoticeBubble", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-        "role": 'alert',
-        "aria-live": 'assertive',
-        "ref": ref
+        "ref": ref,
+        "tag": 'section',
+        "role": 'region',
+        "aria-live": 'polite',
+        "aria-label": getI18nText('notification')
       }, _ref))), /*#__PURE__*/_react["default"].createElement(Children, _ref3.cn("Children", {})), /*#__PURE__*/_react["default"].createElement(Notices, _ref3.cn("Notices", {
         "styles": styles,
         "data": warnings,
@@ -149,14 +163,24 @@ var NoticeBubbleContainerRoot = /*#__PURE__*/function (_Component) {
   i18n: _intergalacticDynamicLocales.localizedMessages,
   locale: 'en'
 });
+var FocusLock = /*#__PURE__*/_react["default"].forwardRef(function (props, outerRef) {
+  var focusLock = props.focusLock,
+    other = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  var innerRef = _react["default"].useRef();
+  (0, _useFocusLock.useFocusLock)(innerRef, false, 'auto', !focusLock, true);
+  var ref = (0, _ref5.useForkRef)(outerRef, innerRef);
+  return /*#__PURE__*/_react["default"].createElement(_flexBox.Flex, (0, _extends2["default"])({
+    ref: ref
+  }, other));
+});
 var ViewInfo = /*#__PURE__*/function (_Component2) {
   (0, _inherits2["default"])(ViewInfo, _Component2);
   var _super2 = (0, _createSuper2["default"])(ViewInfo);
   function ViewInfo() {
     var _this2;
     (0, _classCallCheck2["default"])(this, ViewInfo);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
     }
     _this2 = _super2.call.apply(_super2, [this].concat(args));
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "timer", null);
@@ -211,8 +235,8 @@ var ViewInfo = /*#__PURE__*/function (_Component2) {
     key: "render",
     value: function render() {
       var _ref4;
-      var SBubble = _flexBox.Flex;
-      var SDismiss = 'button';
+      var SBubble = FocusLock;
+      var SDismiss = _button["default"];
       var SContent = _flexBox.Flex;
       var SMessage = 'div';
       var SAction = 'div';
@@ -225,19 +249,21 @@ var ViewInfo = /*#__PURE__*/function (_Component2) {
         icon = _this$props.icon,
         children = _this$props.children,
         actionNode = _this$props.action,
-        other = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
-      return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBubble, _ref4.cn("SBubble", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
-        "role": 'alert'
-      }, other), {}, {
+        type = _this$props.type,
+        other = (0, _objectWithoutProperties2["default"])(_this$props, _excluded2);
+      return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBubble, _ref4.cn("SBubble", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, other), {}, {
         "ref": (0, _ref5.forkRef)(forwardRef, this.ref),
         "onMouseEnter": (0, _assignProps2.callAllEventHandlers)(onMouseEnter, this.handleMouseEnter),
         "onMouseLeave": (0, _assignProps2.callAllEventHandlers)(onMouseLeave, this.handleMouseLeave)
       })), /*#__PURE__*/_react["default"].createElement(SDismiss, _ref4.cn("SDismiss", {
         "type": 'button',
-        "title": getI18nText('close'),
-        "onClick": this.handleClose,
-        "aria-label": getI18nText('close')
-      }), /*#__PURE__*/_react["default"].createElement(_m["default"], _ref4.cn("CloseIcon", {}))), (0, _isNode["default"])(icon) ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, icon, /*#__PURE__*/_react["default"].createElement(SContent, _ref4.cn("SContent", {}), /*#__PURE__*/_react["default"].createElement(SMessage, _ref4.cn("SMessage", {}), children), (0, _isNode["default"])(actionNode) ? /*#__PURE__*/_react["default"].createElement(SAction, _ref4.cn("SAction", {}), actionNode) : null)) : /*#__PURE__*/_react["default"].createElement(SContent, _ref4.cn("SContent", {}), /*#__PURE__*/_react["default"].createElement(SMessage, _ref4.cn("SMessage", {}), children), (0, _isNode["default"])(actionNode) ? /*#__PURE__*/_react["default"].createElement(SAction, _ref4.cn("SAction", {}), actionNode) : null));
+        "use": 'tertiary',
+        "theme": 'muted',
+        "aria-label": getI18nText('close'),
+        "onClick": this.handleClose
+      }), /*#__PURE__*/_react["default"].createElement(_m["default"], _ref4.cn("CloseIcon", {}))), (0, _isNode["default"])(icon) ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, icon, /*#__PURE__*/_react["default"].createElement(SContent, _ref4.cn("SContent", {}), /*#__PURE__*/_react["default"].createElement(SMessage, _ref4.cn("SMessage", {}), children), (0, _isNode["default"])(actionNode) ? /*#__PURE__*/_react["default"].createElement(SAction, _ref4.cn("SAction", {}), actionNode) : null)) : /*#__PURE__*/_react["default"].createElement(SContent, _ref4.cn("SContent", {
+        "role": type === 'warning' ? 'alert' : undefined
+      }), /*#__PURE__*/_react["default"].createElement(SMessage, _ref4.cn("SMessage", {}), children), (0, _isNode["default"])(actionNode) ? /*#__PURE__*/_react["default"].createElement(SAction, _ref4.cn("SAction", {}), actionNode) : null));
     }
   }]);
   return ViewInfo;
@@ -261,8 +287,8 @@ var NoticeBubbleView = /*#__PURE__*/function (_Component3) {
   function NoticeBubbleView() {
     var _this3;
     (0, _classCallCheck2["default"])(this, NoticeBubbleView);
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
+    for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+      args[_key3] = arguments[_key3];
     }
     _this3 = _super4.call.apply(_super4, [this].concat(args));
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this3), "_notice", null);

package/notice-bubble/lib/cjs/NoticeBubble.js.map

@@ -1 +1 @@
-{"version":3,"file":"NoticeBubble.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_portal","_NoticeBubbleManager","_animation","_flexBox","_fire","_isNode","_assignProps2","_m","_utils","_intergalacticDynamicLocales","_i18nEnhance","_useCssVariable","_ThemeProvider","_ref5","_excluded","style","_index","sstyled","insert","Notices","props","styles","_props$data","data","_props$tag","tag","SView","ViewInfo","ref","React","useRef","durationStr","useCssVariable","duration","useMemo","parseInt","map","notice","_ref2","_notice$visible","createElement","Animation","cn","uid","initialAnimation","visible","_objectSpread2","getI18nText","NoticeBubbleContainerRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","notices","warnings","_unsubscribe","info","filter","type","warning","setState","manager","counter","addListener","handleChange","_createClass2","key","value","render","_ref","asProps","_ref3","SNoticeBubble","Box","_this$asProps","Children","disablePortal","_this$state","state","assignProps","ViewWarning","Component","i18nEnhance","localizedMessages","contextThemeEnhance","i18n","locale","_Component2","_super2","_this2","_len","arguments","length","args","Array","_key","apply","concat","createRef","e","fire","clearTimer","timer","pause","resume","event","_this2$timer","paused","rect","current","getBoundingClientRect","mouseInRect","clientX","left","right","clientY","top","bottom","componentDidMount","Timer","handleClose","document","body","addEventListener","handleBodyMouseMove","componentWillUnmount","removeEventListener","clear","_ref4","SBubble","Flex","SDismiss","SContent","SMessage","SAction","_this$props","forwardRef","onMouseEnter","onMouseLeave","icon","children","actionNode","action","other","_objectWithoutProperties2","forkRef","callAllEventHandlers","handleMouseEnter","handleMouseLeave","isNode","Fragment","_ViewInfo","_super3","NoticeBubbleView","_Component3","_super4","_this3","_len2","_key2","_notice","add","remove","componentDidUpdate","update","NoticeBubbleWarningView","_NoticeBubbleView","_super5","NoticeBubbleContainer","createComponent","Info","Warning","NoticeBubble","exports","NoticeBubbleWarning","_default"],"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';\nimport { forkRef } from '@semcore/utils/lib/ref';\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  ref = React.createRef();\n\n  componentDidMount() {\n    const { duration } = this.props;\n    if (duration) {\n      this.timer = new Timer(this.handleClose, duration);\n      document.body.addEventListener('mousemove', this.handleBodyMouseMove);\n    }\n  }\n\n  componentWillUnmount() {\n    this.clearTimer();\n    document.body.removeEventListener('mousemove', this.handleBodyMouseMove);\n  }\n\n  clearTimer() {\n    if (this.timer) {\n      this.timer.clear();\n      this.timer = null;\n    }\n  }\n\n  handleClose = (e) => {\n    // because it might be called not only from the close icon click\n    fire(this, 'onClose', e);\n    this.clearTimer();\n  };\n\n  handleMouseEnter = () => {\n    if (!this.timer) return;\n    this.timer.pause();\n  };\n\n  handleMouseLeave = () => {\n    if (!this.timer) return;\n    this.timer.resume();\n  };\n\n  handleBodyMouseMove = (event) => {\n    if (!this.timer?.paused) return;\n    const rect = this.ref.current.getBoundingClientRect();\n    const mouseInRect =\n      event.clientX >= rect.left &&\n      event.clientX <= rect.right &&\n      event.clientY >= rect.top &&\n      event.clientY <= rect.bottom;\n    if (mouseInRect) return;\n    this.timer.resume();\n  };\n\n  render() {\n    const SBubble = Flex;\n    const SDismiss = 'button';\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={forkRef(forwardRef, this.ref)}\n        onMouseEnter={callAllEventHandlers(onMouseEnter, this.handleMouseEnter)}\n        onMouseLeave={callAllEventHandlers(onMouseLeave, this.handleMouseLeave)}\n      >\n        <SDismiss\n          type='button'\n          title={getI18nText('close')}\n          onClick={this.handleClose}\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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"}
+{"version":3,"file":"NoticeBubble.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_portal","_NoticeBubbleManager","_animation","_flexBox","_fire","_isNode","_assignProps2","_m","_utils","_intergalacticDynamicLocales","_i18nEnhance","_useCssVariable","_ThemeProvider","_button","_useFocusLock","_ref5","_excluded","_excluded2","style","_index","sstyled","insert","Notices","props","styles","_props$data","data","_props$tag","tag","SView","ViewInfo","ref","React","useRef","durationStr","useCssVariable","duration","useMemo","parseInt","map","notice","_ref2","_notice$visible","createElement","Animation","cn","uid","initialAnimation","visible","_objectSpread2","getI18nText","NoticeBubbleContainerRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","notices","warnings","_unsubscribe","info","filter","type","warning","setState","_createClass2","key","value","componentDidMount","manager","asProps","counter","addListener","handleChange","render","_ref","_ref3","SNoticeBubble","Box","_this$asProps","Children","disablePortal","_this$state","state","assignProps","ViewWarning","Component","i18nEnhance","localizedMessages","contextThemeEnhance","i18n","locale","FocusLock","forwardRef","outerRef","focusLock","other","_objectWithoutProperties2","innerRef","useFocusLock","useForkRef","Flex","_extends2","_Component2","_super2","_this2","_len2","_key2","createRef","e","fire","clearTimer","timer","pause","resume","event","_this2$timer","paused","rect","current","getBoundingClientRect","mouseInRect","clientX","left","right","clientY","top","bottom","Timer","handleClose","document","body","addEventListener","handleBodyMouseMove","componentWillUnmount","removeEventListener","clear","_ref4","SBubble","SDismiss","Button","SContent","SMessage","SAction","_this$props","onMouseEnter","onMouseLeave","icon","children","actionNode","action","forkRef","callAllEventHandlers","handleMouseEnter","handleMouseLeave","isNode","Fragment","undefined","_ViewInfo","_super3","NoticeBubbleView","_Component3","_super4","_this3","_len3","_key3","_notice","add","remove","componentDidUpdate","update","NoticeBubbleWarningView","_NoticeBubbleView","_super5","NoticeBubbleContainer","createComponent","Info","Warning","NoticeBubble","exports","NoticeBubbleWarning","_default"],"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';\nimport Button from '@semcore/button';\nimport { useFocusLock } from '@semcore/utils/lib/use/useFocusLock';\n\nimport style from './style/notice-bubble.shadow.css';\nimport { forkRef, useForkRef } from '@semcore/utils/lib/ref';\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  componentDidMount() {\n    const { manager } = this.asProps;\n    manager.counter = 0;\n    this._unsubscribe = 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\n          render={Box}\n          ref={ref}\n          tag='section'\n          role='region'\n          aria-live='polite'\n          aria-label={getI18nText('notification')}\n        >\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\nconst FocusLock = React.forwardRef((props, outerRef) => {\n  const { focusLock, ...other } = props;\n  const innerRef = React.useRef();\n  useFocusLock(innerRef, false, 'auto', !focusLock, true);\n  const ref = useForkRef(outerRef, innerRef);\n\n  return <Flex ref={ref} {...other} />;\n});\n\nclass ViewInfo extends Component {\n  timer = null;\n  ref = React.createRef();\n\n  componentDidMount() {\n    const { duration } = this.props;\n    if (duration) {\n      this.timer = new Timer(this.handleClose, duration);\n      document.body.addEventListener('mousemove', this.handleBodyMouseMove);\n    }\n  }\n\n  componentWillUnmount() {\n    this.clearTimer();\n    document.body.removeEventListener('mousemove', this.handleBodyMouseMove);\n  }\n\n  clearTimer() {\n    if (this.timer) {\n      this.timer.clear();\n      this.timer = null;\n    }\n  }\n\n  handleClose = (e) => {\n    // because it might be called not only from the close icon click\n    fire(this, 'onClose', e);\n    this.clearTimer();\n  };\n\n  handleMouseEnter = () => {\n    if (!this.timer) return;\n    this.timer.pause();\n  };\n\n  handleMouseLeave = () => {\n    if (!this.timer) return;\n    this.timer.resume();\n  };\n\n  handleBodyMouseMove = (event) => {\n    if (!this.timer?.paused) return;\n    const rect = this.ref.current.getBoundingClientRect();\n    const mouseInRect =\n      event.clientX >= rect.left &&\n      event.clientX <= rect.right &&\n      event.clientY >= rect.top &&\n      event.clientY <= rect.bottom;\n    if (mouseInRect) return;\n    this.timer.resume();\n  };\n\n  render() {\n    const SBubble = FocusLock;\n    const SDismiss = Button;\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      type,\n      ...other\n    } = this.props;\n\n    return sstyled(styles)(\n      <SBubble\n        {...other}\n        ref={forkRef(forwardRef, this.ref)}\n        onMouseEnter={callAllEventHandlers(onMouseEnter, this.handleMouseEnter)}\n        onMouseLeave={callAllEventHandlers(onMouseLeave, this.handleMouseLeave)}\n      >\n        <SDismiss\n          type='button'\n          use='tertiary'\n          theme='muted'\n          aria-label={getI18nText('close')}\n          onClick={this.handleClose}\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 role={type === 'warning' ? 'alert' : undefined}>\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":";;;;;;;;;;;;;;;;;;AAGA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAHA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,oBAAA,GAAAF,sBAAA,CAAAF,OAAA;AAEA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,KAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,OAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,aAAA,GAAAT,OAAA;AACA,IAAAU,EAAA,GAAAR,sBAAA,CAAAF,OAAA;AACA,IAAAW,MAAA,GAAAX,OAAA;AACA,IAAAY,4BAAA,GAAAZ,OAAA;AACA,IAAAa,YAAA,GAAAX,sBAAA,CAAAF,OAAA;AACA,IAAAc,eAAA,GAAAd,OAAA;AACA,IAAAe,cAAA,GAAAf,OAAA;AACA,IAAAgB,OAAA,GAAAd,sBAAA,CAAAF,OAAA;AACA,IAAAiB,aAAA,GAAAjB,OAAA;AAGA,IAAAkB,KAAA,GAAAlB,OAAA;AAA6D,IAAAmB,SAAA;EAAAC,UAAA;AAAA;AAAA,IAAAC,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAE7D,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAAIC,KAAK,EAAK;EACzB,IAAQC,MAAM,GAAuCD,KAAK,CAAlDC,MAAM;IAAAC,WAAA,GAAuCF,KAAK,CAA1CG,IAAI;IAAJA,IAAI,GAAAD,WAAA,cAAG,EAAE,GAAAA,WAAA;IAAAE,UAAA,GAA4BJ,KAAK,CAA/BK,GAAG;IAAEC,KAAK,GAAAF,UAAA,cAAGG,QAAQ,GAAAH,UAAA;EAChD,IAAMI,GAAG,GAAGC,iBAAK,CAACC,MAAM,EAAE;EAC1B,IAAMC,WAAW,GAAG,IAAAC,8BAAc,EAAC,iCAAiC,EAAE,KAAK,EAAEJ,GAAG,CAAC;EACjF,IAAMK,QAAQ,GAAGJ,iBAAK,CAACK,OAAO,CAAC;IAAA,OAAMC,QAAQ,CAACJ,WAAW,EAAE,EAAE,CAAC;EAAA,GAAE,CAACA,WAAW,CAAC,CAAC;EAE9E,OAAOR,IAAI,CAACa,GAAG,CAAC,UAACC,MAAM,EAAK;IAAA,IAAAC,KAAA,EAAAC,eAAA;IAC1B,OAAAD,KAAA,GAAO,IAAArB,aAAO,EAACI,MAAM,CAAC,eACpB1B,MAAA,YAAA6C,aAAA,CAACzC,UAAA,CAAA0C,SAAS,EAAAH,KAAA,CAAAI,EAAA;MAAA,OACHL,MAAM,CAACM,GAAG;MAAA,oBACGN,MAAM,CAACO,gBAAgB;MAAA,YAAAL,eAAA,GAChCF,MAAM,CAACQ,OAAO,cAAAN,eAAA,cAAAA,eAAA,GAAI,IAAI;MAAA,YACrBN,QAAQ;MAAA,aACP,CAACZ,MAAM,CAAC,QAAQ,CAAC,EAAEA,MAAM,CAAC,OAAO,CAAC,CAAC;MAAA,OACzCO;IAAG,iBAERjC,MAAA,YAAA6C,aAAA,CAACd,KAAK,EAAAY,KAAA,CAAAI,EAAA,cAAAI,cAAA,iBAAAA,cAAA,iBAAKT,MAAM;MAAA,UAAUA,MAAM,CAAChB,MAAM,IAAIA,MAAM;MAAA,eAAeD,KAAK,CAAC2B;IAAW,IAAI,CAC5E;EAEhB,CAAC,CAAC;AACJ,CAAC;AAAC,IAEIC,yBAAyB,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,yBAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,yBAAA;EAAA,SAAAA,0BAAA;IAAA,IAAAK,KAAA;IAAA,IAAAC,gBAAA,mBAAAN,yBAAA;IAAA,SAAAO,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAA,IAAAM,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,mBAUd,IAAI;IAAA,IAAAW,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,YAEX;MACNa,OAAO,EAAE,EAAE;MACXC,QAAQ,EAAE;IACZ,CAAC;IAAA,IAAAH,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,2BAQsB,YAAM;MAC3B,IAAIA,KAAA,CAAKe,YAAY,EAAE;QACrBf,KAAA,CAAKe,YAAY,EAAE;MACrB;IACF,CAAC;IAAA,IAAAJ,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,mBAEc,UAACa,OAAO,EAAK;MAC1B,IAAMG,IAAI,GAAGH,OAAO,CAACI,MAAM,CAAC,UAACjC,MAAM;QAAA,OAAKA,MAAM,CAACkC,IAAI,KAAK,MAAM;MAAA,EAAC;MAC/D,IAAMC,OAAO,GAAGN,OAAO,CAACI,MAAM,CAAC,UAACjC,MAAM;QAAA,OAAKA,MAAM,CAACkC,IAAI,KAAK,SAAS;MAAA,EAAC;MAErElB,KAAA,CAAKoB,QAAQ,CAAC;QAAEP,OAAO,EAAEG,IAAI;QAAEF,QAAQ,EAAEK;MAAQ,CAAC,CAAC;IACrD,CAAC;IAAA,OAAAnB,KAAA;EAAA;EAAA,IAAAqB,aAAA,aAAA1B,yBAAA;IAAA2B,GAAA;IAAAC,KAAA,EAjBD,SAAAC,kBAAA,EAAoB;MAClB,IAAQC,OAAO,GAAK,IAAI,CAACC,OAAO,CAAxBD,OAAO;MACfA,OAAO,CAACE,OAAO,GAAG,CAAC;MACnB,IAAI,CAACZ,YAAY,GAAGU,OAAO,CAACG,WAAW,CAAC,IAAI,CAACC,YAAY,CAAC;IAC5D;EAAC;IAAAP,GAAA;IAAAC,KAAA,EAeD,SAAAO,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAL,OAAA;QAAAM,KAAA;MACP,IAAMC,aAAa,GAOLC,YAAG;MANjB,IAAAC,aAAA,GAA8D,IAAI,CAACT,OAAO;QAAlEU,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEpE,MAAM,GAAAmE,aAAA,CAANnE,MAAM;QAAEqE,aAAa,GAAAF,aAAA,CAAbE,aAAa;QAAE3C,WAAW,GAAAyC,aAAA,CAAXzC,WAAW;QAAEnB,GAAG,GAAA4D,aAAA,CAAH5D,GAAG;MACzD,IAAA+D,WAAA,GAA8B,IAAI,CAACC,KAAK;QAAhC1B,OAAO,GAAAyB,WAAA,CAAPzB,OAAO;QAAEC,QAAQ,GAAAwB,WAAA,CAARxB,QAAQ;MAEzB,OAAAkB,KAAA,GAAO,IAAApE,aAAO,EAACI,MAAM,CAAC,eACpB1B,MAAA,YAAA6C,aAAA,CAAC3C,OAAA,WAAM,EAAAwF,KAAA,CAAA3C,EAAA;QAAA,iBAAgBgD;MAAa,iBAClC/F,MAAA,YAAA6C,aAAA,CAAC8C,aAAa,EAAAD,KAAA,CAAA3C,EAAA,sBAAAI,cAAA,qBAAAtD,KAAA,CAAAqG,WAAA;QAAA,OAEPjE,GAAG;QAAA,OACJ,SAAS;QAAA,QACR,QAAQ;QAAA,aACH,QAAQ;QAAA,cACNmB,WAAW,CAAC,cAAc;MAAC,GAAAqC,IAAA,kBAEvCzF,MAAA,YAAA6C,aAAA,CAACiD,QAAQ,EAAAJ,KAAA,CAAA3C,EAAA,iBAAG,eACZ/C,MAAA,YAAA6C,aAAA,CAACrB,OAAO,EAAAkE,KAAA,CAAA3C,EAAA;QAAA,UAASrB,MAAM;QAAA,QAAQ8C,QAAQ;QAAA,OAAO2B,WAAW;QAAA,eAAe/C;MAAW,GAAI,eACvFpD,MAAA,YAAA6C,aAAA,CAACrB,OAAO,EAAAkE,KAAA,CAAA3C,EAAA;QAAA,UAASrB,MAAM;QAAA,QAAQ6C,OAAO;QAAA,OAAOvC,QAAQ;QAAA,eAAeoB;MAAW,GAAI,CACrE,CACT;IAEb;EAAC;EAAA,OAAAC,yBAAA;AAAA,EAzDqC+C,eAAS;AAAA,IAAA/B,gBAAA,aAA3ChB,yBAAyB,iBACR,uBAAuB;AAAA,IAAAgB,gBAAA,aADxChB,yBAAyB,WAEdjC,KAAK;AAAA,IAAAiD,gBAAA,aAFhBhB,yBAAyB,aAGZ,CAAC,IAAAgD,uBAAW,EAACC,8CAAiB,CAAC,EAAE,IAAAC,kCAAmB,GAAE,CAAC;AAAA,IAAAlC,gBAAA,aAHpEhB,yBAAyB,kBAIP;EACpB8B,OAAO,EAAPA,+BAAO;EACPqB,IAAI,EAAEF,8CAAiB;EACvBG,MAAM,EAAE;AACV,CAAC;AAoDH,IAAMC,SAAS,gBAAGxE,iBAAK,CAACyE,UAAU,CAAC,UAAClF,KAAK,EAAEmF,QAAQ,EAAK;EACtD,IAAQC,SAAS,GAAepF,KAAK,CAA7BoF,SAAS;IAAKC,KAAK,OAAAC,yBAAA,aAAKtF,KAAK,EAAAP,SAAA;EACrC,IAAM8F,QAAQ,GAAG9E,iBAAK,CAACC,MAAM,EAAE;EAC/B,IAAA8E,0BAAY,EAACD,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,CAACH,SAAS,EAAE,IAAI,CAAC;EACvD,IAAM5E,GAAG,GAAG,IAAAiF,gBAAU,EAACN,QAAQ,EAAEI,QAAQ,CAAC;EAE1C,oBAAOhH,MAAA,YAAA6C,aAAA,CAACxC,QAAA,CAAA8G,IAAI,MAAAC,SAAA;IAACnF,GAAG,EAAEA;EAAI,GAAK6E,KAAK,EAAI;AACtC,CAAC,CAAC;AAAC,IAEG9E,QAAQ,0BAAAqF,WAAA;EAAA,IAAA9D,UAAA,aAAAvB,QAAA,EAAAqF,WAAA;EAAA,IAAAC,OAAA,OAAA7D,aAAA,aAAAzB,QAAA;EAAA,SAAAA,SAAA;IAAA,IAAAuF,MAAA;IAAA,IAAA5D,gBAAA,mBAAA3B,QAAA;IAAA,SAAAwF,KAAA,GAAA3D,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAwD,KAAA,GAAAC,KAAA,MAAAA,KAAA,GAAAD,KAAA,EAAAC,KAAA;MAAA1D,IAAA,CAAA0D,KAAA,IAAA5D,SAAA,CAAA4D,KAAA;IAAA;IAAAF,MAAA,GAAAD,OAAA,CAAApD,IAAA,CAAAC,KAAA,CAAAmD,OAAA,SAAAlD,MAAA,CAAAL,IAAA;IAAA,IAAAM,gBAAA,iBAAAC,uBAAA,aAAAiD,MAAA,YACJ,IAAI;IAAA,IAAAlD,gBAAA,iBAAAC,uBAAA,aAAAiD,MAAA,uBACNrF,iBAAK,CAACwF,SAAS,EAAE;IAAA,IAAArD,gBAAA,iBAAAC,uBAAA,aAAAiD,MAAA,kBAsBT,UAACI,CAAC,EAAK;MACnB;MACA,IAAAC,gBAAI,MAAAtD,uBAAA,aAAAiD,MAAA,GAAO,SAAS,EAAEI,CAAC,CAAC;MACxBJ,MAAA,CAAKM,UAAU,EAAE;IACnB,CAAC;IAAA,IAAAxD,gBAAA,iBAAAC,uBAAA,aAAAiD,MAAA,uBAEkB,YAAM;MACvB,IAAI,CAACA,MAAA,CAAKO,KAAK,EAAE;MACjBP,MAAA,CAAKO,KAAK,CAACC,KAAK,EAAE;IACpB,CAAC;IAAA,IAAA1D,gBAAA,iBAAAC,uBAAA,aAAAiD,MAAA,uBAEkB,YAAM;MACvB,IAAI,CAACA,MAAA,CAAKO,KAAK,EAAE;MACjBP,MAAA,CAAKO,KAAK,CAACE,MAAM,EAAE;IACrB,CAAC;IAAA,IAAA3D,gBAAA,iBAAAC,uBAAA,aAAAiD,MAAA,0BAEqB,UAACU,KAAK,EAAK;MAAA,IAAAC,YAAA;MAC/B,IAAI,GAAAA,YAAA,GAACX,MAAA,CAAKO,KAAK,cAAAI,YAAA,eAAVA,YAAA,CAAYC,MAAM,GAAE;MACzB,IAAMC,IAAI,GAAGb,MAAA,CAAKtF,GAAG,CAACoG,OAAO,CAACC,qBAAqB,EAAE;MACrD,IAAMC,WAAW,GACfN,KAAK,CAACO,OAAO,IAAIJ,IAAI,CAACK,IAAI,IAC1BR,KAAK,CAACO,OAAO,IAAIJ,IAAI,CAACM,KAAK,IAC3BT,KAAK,CAACU,OAAO,IAAIP,IAAI,CAACQ,GAAG,IACzBX,KAAK,CAACU,OAAO,IAAIP,IAAI,CAACS,MAAM;MAC9B,IAAIN,WAAW,EAAE;MACjBhB,MAAA,CAAKO,KAAK,CAACE,MAAM,EAAE;IACrB,CAAC;IAAA,OAAAT,MAAA;EAAA;EAAA,IAAAxC,aAAA,aAAA/C,QAAA;IAAAgD,GAAA;IAAAC,KAAA,EA9CD,SAAAC,kBAAA,EAAoB;MAClB,IAAQ5C,QAAQ,GAAK,IAAI,CAACb,KAAK,CAAvBa,QAAQ;MAChB,IAAIA,QAAQ,EAAE;QACZ,IAAI,CAACwF,KAAK,GAAG,IAAIgB,YAAK,CAAC,IAAI,CAACC,WAAW,EAAEzG,QAAQ,CAAC;QAClD0G,QAAQ,CAACC,IAAI,CAACC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAACC,mBAAmB,CAAC;MACvE;IACF;EAAC;IAAAnE,GAAA;IAAAC,KAAA,EAED,SAAAmE,qBAAA,EAAuB;MACrB,IAAI,CAACvB,UAAU,EAAE;MACjBmB,QAAQ,CAACC,IAAI,CAACI,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAACF,mBAAmB,CAAC;IAC1E;EAAC;IAAAnE,GAAA;IAAAC,KAAA,EAED,SAAA4C,WAAA,EAAa;MACX,IAAI,IAAI,CAACC,KAAK,EAAE;QACd,IAAI,CAACA,KAAK,CAACwB,KAAK,EAAE;QAClB,IAAI,CAACxB,KAAK,GAAG,IAAI;MACnB;IACF;EAAC;IAAA9C,GAAA;IAAAC,KAAA,EA8BD,SAAAO,OAAA,EAAS;MAAA,IAAA+D,KAAA;MACP,IAAMC,OAAO,GAAG9C,SAAS;MACzB,IAAM+C,QAAQ,GAAGC,kBAAM;MACvB,IAAMC,QAAQ,GAAGxC,aAAI;MACrB,IAAMyC,QAAQ,GAAG,KAAK;MACtB,IAAMC,OAAO,GAAG,KAAK;MACrB,IAAAC,WAAA,GAWI,IAAI,CAACrI,KAAK;QAVZkF,UAAU,GAAAmD,WAAA,CAAVnD,UAAU;QACVjF,MAAM,GAAAoI,WAAA,CAANpI,MAAM;QACNqI,YAAY,GAAAD,WAAA,CAAZC,YAAY;QACZC,YAAY,GAAAF,WAAA,CAAZE,YAAY;QACZ5G,WAAW,GAAA0G,WAAA,CAAX1G,WAAW;QACX6G,IAAI,GAAAH,WAAA,CAAJG,IAAI;QACJC,QAAQ,GAAAJ,WAAA,CAARI,QAAQ;QACAC,UAAU,GAAAL,WAAA,CAAlBM,MAAM;QACNxF,IAAI,GAAAkF,WAAA,CAAJlF,IAAI;QACDkC,KAAK,OAAAC,yBAAA,aAAA+C,WAAA,EAAA3I,UAAA;MAGV,OAAAoI,KAAA,GAAO,IAAAjI,aAAO,EAACI,MAAM,CAAC,eACpB1B,MAAA,YAAA6C,aAAA,CAAC2G,OAAO,EAAAD,KAAA,CAAAxG,EAAA,gBAAAI,cAAA,iBAAAA,cAAA,iBACF2D,KAAK;QAAA,OACJ,IAAAuD,aAAO,EAAC1D,UAAU,EAAE,IAAI,CAAC1E,GAAG,CAAC;QAAA,gBACpB,IAAAqI,kCAAoB,EAACP,YAAY,EAAE,IAAI,CAACQ,gBAAgB,CAAC;QAAA,gBACzD,IAAAD,kCAAoB,EAACN,YAAY,EAAE,IAAI,CAACQ,gBAAgB;MAAC,kBAEvExK,MAAA,YAAA6C,aAAA,CAAC4G,QAAQ,EAAAF,KAAA,CAAAxG,EAAA;QAAA,QACF,QAAQ;QAAA,OACT,UAAU;QAAA,SACR,OAAO;QAAA,cACDK,WAAW,CAAC,OAAO,CAAC;QAAA,WACvB,IAAI,CAAC2F;MAAW,iBAEzB/I,MAAA,YAAA6C,aAAA,CAACpC,EAAA,WAAS,EAAA8I,KAAA,CAAAxG,EAAA,kBAAG,CACJ,EACV,IAAA0H,kBAAM,EAACR,IAAI,CAAC,gBACXjK,MAAA,YAAA6C,aAAA,CAAA7C,MAAA,YAAA0K,QAAA,QACGT,IAAI,eACLjK,MAAA,YAAA6C,aAAA,CAAC8G,QAAQ,EAAAJ,KAAA,CAAAxG,EAAA,+BACP/C,MAAA,YAAA6C,aAAA,CAAC+G,QAAQ,EAAAL,KAAA,CAAAxG,EAAA,kBAAEmH,QAAQ,CAAY,EAC9B,IAAAO,kBAAM,EAACN,UAAU,CAAC,gBAAGnK,MAAA,YAAA6C,aAAA,CAACgH,OAAO,EAAAN,KAAA,CAAAxG,EAAA,iBAAEoH,UAAU,CAAW,GAAG,IAAI,CACnD,CACV,gBAEHnK,MAAA,YAAA6C,aAAA,CAAC8G,QAAQ,EAAAJ,KAAA,CAAAxG,EAAA;QAAA,QAAO6B,IAAI,KAAK,SAAS,GAAG,OAAO,GAAG+F;MAAS,iBACtD3K,MAAA,YAAA6C,aAAA,CAAC+G,QAAQ,EAAAL,KAAA,CAAAxG,EAAA,kBAAEmH,QAAQ,CAAY,EAC9B,IAAAO,kBAAM,EAACN,UAAU,CAAC,gBAAGnK,MAAA,YAAA6C,aAAA,CAACgH,OAAO,EAAAN,KAAA,CAAAxG,EAAA,iBAAEoH,UAAU,CAAW,GAAG,IAAI,CAE/D,CACO;IAEd;EAAC;EAAA,OAAAnI,QAAA;AAAA,EAvGoBoE,eAAS;AAAA,IA0G1BD,WAAW,0BAAAyE,SAAA;EAAA,IAAArH,UAAA,aAAA4C,WAAA,EAAAyE,SAAA;EAAA,IAAAC,OAAA,OAAApH,aAAA,aAAA0C,WAAA;EAAA,SAAAA,YAAA;IAAA,IAAAxC,gBAAA,mBAAAwC,WAAA;IAAA,OAAA0E,OAAA,CAAA1G,KAAA,OAAAN,SAAA;EAAA;EAAA,WAAAkB,aAAA,aAAAoB,WAAA;AAAA,EAASnE,QAAQ;AAAA,IAAAqC,gBAAA,aAA5B8B,WAAW,kBACO;EACpBvB,IAAI,EAAE,SAAS;EACftC,QAAQ,EAAE;AACZ,CAAC;AAAA,IAGGwI,gBAAgB,0BAAAC,WAAA;EAAA,IAAAxH,UAAA,aAAAuH,gBAAA,EAAAC,WAAA;EAAA,IAAAC,OAAA,OAAAvH,aAAA,aAAAqH,gBAAA;EAAA,SAAAA,iBAAA;IAAA,IAAAG,MAAA;IAAA,IAAAtH,gBAAA,mBAAAmH,gBAAA;IAAA,SAAAI,KAAA,GAAArH,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAkH,KAAA,GAAAC,KAAA,MAAAA,KAAA,GAAAD,KAAA,EAAAC,KAAA;MAAApH,IAAA,CAAAoH,KAAA,IAAAtH,SAAA,CAAAsH,KAAA;IAAA;IAAAF,MAAA,GAAAD,OAAA,CAAA9G,IAAA,CAAAC,KAAA,CAAA6G,OAAA,SAAA5G,MAAA,CAAAL,IAAA;IAAA,IAAAM,gBAAA,iBAAAC,uBAAA,aAAA2G,MAAA,cAOV,IAAI;IAAA,OAAAA,MAAA;EAAA;EAAA,IAAAlG,aAAA,aAAA+F,gBAAA;IAAA9F,GAAA;IAAAC,KAAA,EAEd,SAAAC,kBAAA,EAAoB;MAClB,IAAI,CAACkG,OAAO,GAAG,IAAI,CAAChG,OAAO,CAACD,OAAO,CAACkG,GAAG,CAAC,IAAI,CAACjG,OAAO,CAAC;IACvD;EAAC;IAAAJ,GAAA;IAAAC,KAAA,EAED,SAAAmE,qBAAA,EAAuB;MACrB,IAAI,IAAI,CAACgC,OAAO,EAAE;QAChB,IAAI,CAACA,OAAO,CAACE,MAAM,EAAE;MACvB;IACF;EAAC;IAAAtG,GAAA;IAAAC,KAAA,EAED,SAAAsG,mBAAA,EAAqB;MACnB,IAAI,IAAI,CAACH,OAAO,EAAE;QAChB,IAAI,CAACA,OAAO,CAACI,MAAM,CAAC,IAAI,CAACpG,OAAO,CAAC;MACnC;IACF;EAAC;IAAAJ,GAAA;IAAAC,KAAA,EAED,SAAAO,OAAA,EAAS;MACP,OAAO,IAAI;IACb;EAAC;EAAA,OAAAsF,gBAAA;AAAA,EA3B4B1E,eAAS;AAAA,IAAA/B,gBAAA,aAAlCyG,gBAAgB,kBACE;EACpBxI,QAAQ,EAAE,IAAI;EACdsC,IAAI,EAAE,MAAM;EACZO,OAAO,EAAPA;AACF,CAAC;AAAA,IAyBGsG,uBAAuB,0BAAAC,iBAAA;EAAA,IAAAnI,UAAA,aAAAkI,uBAAA,EAAAC,iBAAA;EAAA,IAAAC,OAAA,OAAAlI,aAAA,aAAAgI,uBAAA;EAAA,SAAAA,wBAAA;IAAA,IAAA9H,gBAAA,mBAAA8H,uBAAA;IAAA,OAAAE,OAAA,CAAAxH,KAAA,OAAAN,SAAA;EAAA;EAAA,WAAAkB,aAAA,aAAA0G,uBAAA;AAAA,EAASX,gBAAgB;AAAA,IAAAzG,gBAAA,aAAhDoH,uBAAuB,kBACL;EACpBnJ,QAAQ,EAAE,IAAI;EACdsC,IAAI,EAAE,SAAS;EACfO,OAAO,EAAPA;AACF,CAAC;AAGH,IAAMyG,qBAAqB,GAAG,IAAAC,gBAAe,EAACxI,yBAAyB,EAAE;EACvEyI,IAAI,EAAEhB,gBAAgB;EACtBiB,OAAO,EAAEN;AACX,CAAC,CAAC;AAEF,IAAMO,YAAY,GAAGJ,qBAAqB,CAACE,IAAI;AAACG,OAAA,CAAAD,YAAA,GAAAA,YAAA;AAChD,IAAME,mBAAmB,GAAGN,qBAAqB,CAACG,OAAO;AAACE,OAAA,CAAAC,mBAAA,GAAAA,mBAAA;AAAA,IAAAC,QAAA,GAI3CP,qBAAqB;AAAAK,OAAA,cAAAE,QAAA"}

package/notice-bubble/lib/cjs/NoticeBubbleManager.js

@@ -11,6 +11,8 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _eventEmitter = _interopRequireDefault(require("intergalactic/utils/lib/eventEmitter"));
 var _assignProps = require("intergalactic/utils/lib/assignProps");
+var _useFocusLock = require("intergalactic/utils/lib/use/useFocusLock");
+var _react = _interopRequireDefault(require("react"));
 var EVENT_NAME = 'CHANGE';
 var NoticeBubbleManager = /*#__PURE__*/function () {
   function NoticeBubbleManager() {
@@ -46,16 +48,25 @@ var NoticeBubbleManager = /*#__PURE__*/function () {
     key: "add",
     value: function add(props) {
       var uid = this.counter++;
+      var ref = /*#__PURE__*/_react["default"].createRef();
+      var focus = function focus() {
+        return setTimeout(function () {
+          return (0, _useFocusLock.setFocus)(ref.current);
+        }, 0);
+      };
       var item = this.createItem((0, _objectSpread2["default"])({
         uid: uid,
-        visible: props.initialAnimation ? true : undefined
+        visible: props.initialAnimation ? true : undefined,
+        forwardRef: ref
       }, props));
       this.items.push(item);
       this.emit();
       return {
         uid: uid,
         update: this.update.bind(this, uid),
-        remove: this.remove.bind(this, uid)
+        remove: this.remove.bind(this, uid),
+        ref: ref,
+        focus: focus
       };
     }
   }, {

package/notice-bubble/lib/cjs/NoticeBubbleManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"NoticeBubbleManager.js","names":["_eventEmitter","_interopRequireDefault","require","_assignProps","EVENT_NAME","NoticeBubbleManager","_classCallCheck2","_defineProperty2","emitter","EventEmitter","_createClass2","key","value","addListener","fn","subscribe","createItem","props","manager","_objectSpread2","type","onClose","callAllEventHandlers","remove","uid","emit","items","add","counter","item","visible","initialAnimation","undefined","push","update","bind","index","findIndex","_this","setTimeout","splice","exports","noticeBubbleDefaultManager","_default"],"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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"}
+{"version":3,"file":"NoticeBubbleManager.js","names":["_eventEmitter","_interopRequireDefault","require","_assignProps","_useFocusLock","_react","EVENT_NAME","NoticeBubbleManager","_classCallCheck2","_defineProperty2","emitter","EventEmitter","_createClass2","key","value","addListener","fn","subscribe","createItem","props","manager","_objectSpread2","type","onClose","callAllEventHandlers","remove","uid","emit","items","add","counter","ref","React","createRef","focus","setTimeout","setFocus","current","item","visible","initialAnimation","undefined","forwardRef","push","update","bind","index","findIndex","_this","splice","exports","noticeBubbleDefaultManager","_default"],"sources":["../../src/NoticeBubbleManager.js"],"sourcesContent":["import EventEmitter from '@semcore/utils/lib/eventEmitter';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport { setFocus } from '@semcore/utils/lib/use/useFocusLock';\nimport React from 'react';\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 ref = React.createRef();\n    const focus = () => setTimeout(() => setFocus(ref.current), 0);\n    const item = this.createItem({\n      uid,\n      visible: props.initialAnimation ? true : undefined,\n      forwardRef: ref,\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      ref,\n      focus,\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/notice-bubble/lib/cjs/index.d.js

@@ -1,20 +1,2 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-/** @deprecated */
-/** @deprecated */
-/** @deprecated */
-/** @deprecated */
-/** @deprecated */
-/**
- * @deprecated use `NoticeBubbleManager` instead.
- * */
-/**
- * @deprecated use `NoticeBubbleManager` instead.
- * */
-var NoticeBubbleManager = /*#__PURE__*/(0, _createClass2["default"])(function NoticeBubbleManager() {
-  (0, _classCallCheck2["default"])(this, NoticeBubbleManager);
-});
 //# sourceMappingURL=index.d.js.map

package/notice-bubble/lib/cjs/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":["NoticeBubbleManager","_createClass2","_classCallCheck2"],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PortalProps } from '@semcore/portal';\nimport { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface INoticeBubbleContainerProps\n  extends NoticeBubbleContainerProps,\n    UnknownProperties {}\nexport type NoticeBubbleContainerProps = BoxProps &\n  PortalProps & {\n    /** Manager copy */\n    manager?: NoticeBubbleManager;\n    locale?: string;\n  };\n\n/** @deprecated */\nexport interface INoticeBubbleProps extends NoticeBubbleProps, UnknownProperties {}\nexport type NoticeBubbleProps = BoxProps & {\n  /**\n   * Notice visibility.\n   */\n  visible?: boolean;\n  /**\n   * Control under the notice children.\n   * */\n  action?: React.ReactNode;\n  /**\n   * Callback triggered by \"Close\" icon click.\n   * */\n  onClose?: (e?: React.SyntheticEvent) => void;\n  /**\n   * Notice content.\n   * */\n  children?: React.ReactNode;\n  manager?: NoticeBubbleManager;\n  icon?: React.ReactElement;\n};\n/** @deprecated */\nexport interface INoticeBubbleInfoProps extends NoticeBubbleInfoProps, UnknownProperties {}\nexport type NoticeBubbleInfoProps = NoticeBubbleProps & {\n  readonly type?: 'info';\n  /**\n   * Notice display duration.\n   */\n  duration?: number;\n  /**\n   * Enables animation on first rendering.\n   * @default false\n   */\n  initialAnimation?: boolean;\n};\n\n/** @deprecated */\nexport interface INoticeBubbleWarningProps extends NoticeBubbleWarningProps, UnknownProperties {}\nexport type NoticeBubbleWarningProps = NoticeBubbleProps & {\n  readonly type?: 'warning';\n  /**\n   * Notice display duration.\n   */\n  duration?: number;\n  /**\n   * Enables animation on first rendering.\n   * @default false\n   */\n  initialAnimation?: boolean;\n};\n\n/** @deprecated */\nexport interface INoticeBubbleManager extends NoticeBubbleManagerClass, UnknownProperties {}\nexport type NoticeBubbleManagerClass = {\n  /**\n   * Creates and shows a notice.\n   * */\n  add: (props: NoticeBubbleInfoProps | NoticeBubbleWarningProps) => {\n    uid: string;\n    update: (props: Partial<NoticeBubbleInfoProps> | Partial<NoticeBubbleWarningProps>) => boolean;\n    remove: () => boolean;\n  };\n  /**\n   * Updates notice by uid.\n   * */\n  update: (\n    uid: string,\n    props: Partial<NoticeBubbleInfoProps> | Partial<NoticeBubbleWarningProps>,\n  ) => boolean;\n  /**\n   * Removes notice by uid.\n   * */\n  remove: (uid: string) => boolean;\n};\n\n/**\n * @deprecated use `NoticeBubbleManager` instead.\n * */\ndeclare const NoticeBubble: Intergalactic.Component<'div', NoticeBubbleInfoProps>;\n/**\n * @deprecated use `NoticeBubbleManager` instead.\n * */\ndeclare const NoticeBubbleWarning: Intergalactic.Component<'div', NoticeBubbleWarningProps>;\ndeclare const NoticeBubbleContainer: Intergalactic.Component<'div', NoticeBubbleContainerProps> & {\n  /**\n   * @deprecated use `NoticeBubbleManager` instead.\n   * */\n  Info: typeof NoticeBubble;\n\n  /**\n   * @deprecated use `NoticeBubbleManager` instead.\n   * */\n  Warning: typeof NoticeBubbleWarning;\n};\ndeclare class NoticeBubbleManager implements NoticeBubbleManagerClass {\n  /**\n   * Creates and shows a notice.\n   * */\n  add(props: NoticeBubbleInfoProps | NoticeBubbleWarningProps): {\n    uid: string;\n    update: (props: Partial<NoticeBubbleInfoProps> | Partial<NoticeBubbleWarningProps>) => boolean;\n    remove: () => boolean;\n  };\n  /**\n   * Updates notice by uid.\n   * */\n  update(\n    uid: string,\n    props: Partial<NoticeBubbleInfoProps> | Partial<NoticeBubbleWarningProps>,\n  ): boolean;\n  /**\n   * Removes notice by uid.\n   * */\n  remove(uid: string): boolean;\n}\n\ndeclare const noticeBubbleDefaultManager: NoticeBubbleManager;\n\nexport {\n  NoticeBubbleContainer,\n  NoticeBubble,\n  NoticeBubbleWarning,\n  NoticeBubbleManager,\n  noticeBubbleDefaultManager,\n};\n/**\n * @deprecated Use `import { noticeBubbleDefaultManager } from ...` instead\n */\nexport default noticeBubbleDefaultManager;\n"],"mappings":";;;;;AAIA;AAWA;AAsBA;AAeA;AAeA;AAwBA;AACA;AACA;AAEA;AACA;AACA;AAFA,IAecA,mBAAmB,oBAAAC,aAAA,sBAAAD,oBAAA;EAAA,IAAAE,gBAAA,mBAAAF,mBAAA;AAAA"}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PortalProps } from '@semcore/portal';\nimport { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface INoticeBubbleContainerProps\n  extends NoticeBubbleContainerProps,\n    UnknownProperties {}\nexport type NoticeBubbleContainerProps = BoxProps &\n  PortalProps & {\n    /** Manager copy */\n    manager?: NoticeBubbleManager;\n    locale?: string;\n  };\n\n/** @deprecated */\nexport interface INoticeBubbleProps extends NoticeBubbleProps, UnknownProperties {}\nexport type NoticeBubbleProps = BoxProps & {\n  /**\n   * Notice visibility.\n   */\n  visible?: boolean;\n  /**\n   * Control under the notice children.\n   * */\n  action?: React.ReactNode;\n  /**\n   * Callback triggered by \"Close\" icon click.\n   * */\n  onClose?: (e?: React.SyntheticEvent) => void;\n  /**\n   * Notice content.\n   * */\n  children?: React.ReactNode;\n  manager?: NoticeBubbleManager;\n  icon?: React.ReactElement;\n};\n/** @deprecated */\nexport interface INoticeBubbleInfoProps extends NoticeBubbleInfoProps, UnknownProperties {}\nexport type NoticeBubbleInfoProps = NoticeBubbleProps & {\n  readonly type?: 'info';\n  /**\n   * Notice display duration. Set to 0 to disable auto-close.\n   */\n  duration?: number;\n  /**\n   * Enables animation on first rendering.\n   * @default false\n   */\n  initialAnimation?: boolean;\n  /**\n   * Use it for complex notices with important controls.\n   * If enabled, browser focus will be locked in the notice\n   * until it's closed. After close focus should return to the element\n   * where it was placed before notice appear.\n   */\n  focusLock?: boolean;\n};\n\n/** @deprecated */\nexport interface INoticeBubbleWarningProps extends NoticeBubbleWarningProps, UnknownProperties {}\nexport type NoticeBubbleWarningProps = NoticeBubbleProps & {\n  readonly type?: 'warning';\n  /**\n   * Notice display duration.\n   */\n  duration?: number;\n  /**\n   * Enables animation on first rendering.\n   * @default false\n   */\n  initialAnimation?: boolean;\n  /**\n   * Use it for complex notices with important controls.\n   * If enabled, browser focus will be locked in the notice\n   * until it's closed. After close focus should return to the element\n   * where it was placed before notice appear.\n   */\n  focusLock?: boolean;\n};\n\n/** @deprecated */\nexport interface INoticeBubbleManager extends NoticeBubbleManagerClass, UnknownProperties {}\nexport type NoticeBubbleManagerClass = {\n  /**\n   * Creates and shows a notice.\n   * */\n  add: (props: NoticeBubbleInfoProps | NoticeBubbleWarningProps) => {\n    uid: string;\n    update: (props: Partial<NoticeBubbleInfoProps> | Partial<NoticeBubbleWarningProps>) => boolean;\n    remove: () => boolean;\n    ref: React.RefObject<HTMLDivElement>;\n    focus: () => void;\n  };\n  /**\n   * Updates notice by uid.\n   * */\n  update: (\n    uid: string,\n    props: Partial<NoticeBubbleInfoProps> | Partial<NoticeBubbleWarningProps>,\n  ) => boolean;\n  /**\n   * Removes notice by uid.\n   * */\n  remove: (uid: string) => boolean;\n};\n\n/**\n * @deprecated use `NoticeBubbleManager` instead.\n * */\nexport declare const NoticeBubble: Intergalactic.Component<'div', NoticeBubbleInfoProps>;\n/**\n * @deprecated use `NoticeBubbleManager` instead.\n * */\nexport declare const NoticeBubbleWarning: Intergalactic.Component<'div', NoticeBubbleWarningProps>;\nexport declare const NoticeBubbleContainer: Intergalactic.Component<\n  'div',\n  NoticeBubbleContainerProps\n> & {\n  /**\n   * @deprecated use `NoticeBubbleManager` instead.\n   * */\n  Info: typeof NoticeBubble;\n\n  /**\n   * @deprecated use `NoticeBubbleManager` instead.\n   * */\n  Warning: typeof NoticeBubbleWarning;\n};\nexport declare class NoticeBubbleManager implements NoticeBubbleManagerClass {\n  /**\n   * Creates and shows a notice.\n   * */\n  add(props: NoticeBubbleInfoProps | NoticeBubbleWarningProps): {\n    uid: string;\n    update: (props: Partial<NoticeBubbleInfoProps> | Partial<NoticeBubbleWarningProps>) => boolean;\n    remove: () => boolean;\n    ref: React.RefObject<HTMLDivElement>;\n    focus: () => void;\n  };\n  /**\n   * Updates notice by uid.\n   * */\n  update(\n    uid: string,\n    props: Partial<NoticeBubbleInfoProps> | Partial<NoticeBubbleWarningProps>,\n  ): boolean;\n  /**\n   * Removes notice by uid.\n   * */\n  remove(uid: string): boolean;\n}\n\nexport declare const noticeBubbleDefaultManager: NoticeBubbleManager;\n\n/**\n * @deprecated Use `import { noticeBubbleDefaultManager } from ...` instead\n */\nexport default noticeBubbleDefaultManager;\n"],"mappings":""}

package/notice-bubble/lib/cjs/style/notice-bubble.shadow.css

@@ -2,7 +2,8 @@ SBubble,
 SView {
   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);
+  padding: var(--intergalactic-spacing-3x, 12px);
+  padding-right: calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px));
   width: 100%;
   border-radius: var(--intergalactic-popper-rounded, 6px);
   overflow: hidden;
@@ -35,12 +36,15 @@ SDismiss {
   position: absolute;
   right: 0;
   top: 0;
-  padding: var(--intergalactic-spacing-2x, 8px);
-  color: var(--intergalactic-text-primary-invert, #ffffff);
+  padding: var(--intergalactic-spacing-2x, 8px) 0;
+  margin: var(--intergalactic-spacing-1x, 4px);
+  flex-shrink: 0;
   border: 0;
   background: transparent;
-
-  &:hover {
+  & svg {
+    color: var(--intergalactic-text-primary-invert, #ffffff);
+  }
+  &:hover svg {
     color: var(--intergalactic-control-primary-invert-active, #e0e1e9);
   }
 }

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

@@ -1,3 +1,4 @@
 {
-  "close": "Schließen"
+  "close": "Schließen",
+  "notification": "Benachrichtigungen"
 }

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

@@ -1,3 +1,4 @@
 {
-  "close": "Close"
+  "close": "Close",
+  "notification": "Notifications"
 }

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

@@ -1,3 +1,4 @@
 {
-  "close": "Cerrar"
+  "close": "Cerrar",
+  "notification": "Notificaciones"
 }

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

@@ -1,3 +1,4 @@
 {
-  "close": "Fermer"
+  "close": "Fermer",
+  "notification": "Notifications"
 }

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

@@ -1,3 +1,4 @@
 {
-  "close": "Chiudi"
+  "close": "Chiudi",
+  "notification": "Notifiche"
 }

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

@@ -1,3 +1,4 @@
 {
-  "close": "閉じる"
+  "close": "閉じる",
+  "notification": "通知"
 }

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

@@ -1,3 +1,4 @@
 {
-  "close": "닫기"
+  "close": "닫기",
+  "notification": "알림"
 }

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

@@ -1,3 +1,4 @@
 {
-  "close": "Sluiten"
+  "close": "Sluiten",
+  "notification": "Meldingen"
 }

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

@@ -1,3 +1,4 @@
 {
-  "close": "Zamknij"
+  "close": "Zamknij",
+  "notification": "Powiadomienia"
 }

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

@@ -1,3 +1,4 @@
 {
-  "close": "Fechar"
+  "close": "Fechar",
+  "notification": "Notificações"
 }

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

@@ -1,3 +1,4 @@
 {
-  "close": "Stäng"
+  "close": "Stäng",
+  "notification": "Aviseringar"
 }

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

@@ -1,3 +1,4 @@
 {
-  "close": "Kapat"
+  "close": "Kapat",
+  "notification": "Bildirimler"
 }

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

@@ -1,3 +1,4 @@
 {
-  "close": "Đóng"
+  "close": "Đóng",
+  "notification": "Thông báo"
 }

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

@@ -1,3 +1,4 @@
 {
-  "close": "关闭"
+  "close": "关闭",
+  "notification": "通知"
 }