intergalactic 15.120.0 → 15.121.0-prerelease.2

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

@@ -1 +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","Button","useFocusLock","Hint","ZIndexStackingContextProvider","zIndexStackingEnhance","style","_sstyled","insert","forkRef","useForkRef","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","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","notices","warnings","_unsubscribe","info","filter","type","warning","setState","_createClass","key","value","componentDidMount","asProps","addListener","handleChange","render","_ref","_ref3","SNoticeBubble","SNoticeAriaLiveWrapper","_this$asProps","Children","disablePortal","parentZIndexStacking","_this$state","state","_assignProps","ViewWarning","i18n","locale","FocusLock","forwardRef","outerRef","focusLock","other","_objectWithoutProperties","_excluded","innerRef","_extends","_Component2","_super2","_this2","_len2","_key2","createRef","e","clearTimer","timer","pause","resume","event","_this2$timer","paused","rect","current","getBoundingClientRect","mouseInRect","clientX","left","right","clientY","top","bottom","handleClose","document","body","addEventListener","handleBodyMouseMove","componentWillUnmount","removeEventListener","clear","_ref4","SBubble","SDismiss","Trigger","SContent","SMessage","SAction","SIcon","_this$props","onMouseEnter","onMouseLeave","icon","children","actionNode","action","_excluded2","handleMouseEnter","handleMouseLeave","role","undefined","Addon","color","Fragment","_ViewInfo","_super3","NoticeBubbleView","_Component3","_super4","_this3","_len3","_key3","_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';\nimport Button from '@semcore/button';\nimport { useFocusLock } from '@semcore/utils/lib/use/useFocusLock';\nimport { Hint } from '@semcore/tooltip';\nimport {\n  ZIndexStackingContextProvider,\n  zIndexStackingEnhance,\n} from '@semcore/utils/lib/zIndexStacking';\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 = [\n    i18nEnhance(localizedMessages),\n    contextThemeEnhance(),\n    zIndexStackingEnhance('z-index-notice-bubble'),\n  ];\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    this._unsubscribe = this.asProps.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 SNoticeAriaLiveWrapper = 'div';\n    const { Children, styles, disablePortal, getI18nText, ref, parentZIndexStacking } =\n      this.asProps;\n    const { notices, warnings } = this.state;\n\n    return sstyled(styles)(\n      <ZIndexStackingContextProvider designToken='z-index-notice-bubble'>\n        <Portal disablePortal={disablePortal}>\n          <SNoticeBubble\n            render={Box}\n            ref={ref}\n            tag='section'\n            role='region'\n            aria-label={getI18nText('notification')}\n            zIndex={parentZIndexStacking}\n          >\n            <Children />\n            <Notices styles={styles} data={warnings} tag={ViewWarning} getI18nText={getI18nText} />\n            <SNoticeAriaLiveWrapper aria-live='polite'>\n              <Notices styles={styles} data={notices} tag={ViewInfo} getI18nText={getI18nText} />\n            </SNoticeAriaLiveWrapper>\n          </SNoticeBubble>\n        </Portal>\n      </ZIndexStackingContextProvider>,\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 = Hint.Trigger;\n    const SContent = Flex;\n    const SMessage = 'div';\n    const SAction = 'div';\n    const SIcon = Flex;\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        role={type === 'warning' ? 'alert' : this.props.role}\n      >\n        <SDismiss\n          // biome-ignore lint/a11y/useValidAriaValues:\n          aria-haspopup={undefined}\n          tag={Button}\n          type='button'\n          use='tertiary'\n          size='m'\n          theme='invert'\n          onClick={this.handleClose}\n          aria-label={getI18nText('close')}\n          active={false}\n          title={getI18nText('close')}\n        >\n          <Button.Addon tag={CloseIcon} color='icon-primary-invert' />\n        </SDismiss>\n\n        {isNode(icon) ? (\n          <>\n            <SIcon>{icon}</SIcon>\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":["React","Portal","manager","createComponent","Component","sstyled","Root","Animation","Flex","Box","fire","isNode","callAllEventHandlers","CloseIcon","Timer","localizedMessages","i18nEnhance","useCssVariable","contextThemeEnhance","Button","useFocusLock","Hint","ZIndexStackingContextProvider","zIndexStackingEnhance","style","_sstyled","insert","forkRef","useForkRef","getFocusableIn","setFocus","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","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","notices","warnings","_unsubscribe","info","filter","type","warning","setState","_createClass","key","value","componentDidMount","asProps","addListener","handleChange","render","_ref","_ref3","SNoticeBubble","SNoticeAriaLiveWrapper","_this$asProps","Children","disablePortal","parentZIndexStacking","_this$state","state","_assignProps","ViewWarning","i18n","locale","FocusLock","forwardRef","outerRef","focusLock","other","_objectWithoutProperties","_excluded","innerRef","_extends","_Component2","_super2","_this2","_len2","_key2","createRef","e","clearTimer","handleClose","timer","pause","resume","event","_this2$timer","paused","rect","current","getBoundingClientRect","mouseInRect","clientX","left","right","clientY","top","bottom","_this3","document","body","addEventListener","handleBodyMouseMove","noticeElement","focusableNodes","node","closeButtonRef","setTimeout","componentWillUnmount","removeEventListener","clear","_ref4","SBubble","SDismiss","Trigger","SContent","SMessage","SAction","SIcon","_this$props","onMouseEnter","onMouseLeave","icon","children","actionNode","action","_excluded2","handleMouseEnter","handleMouseLeave","handleKeydown","role","undefined","Addon","color","Fragment","_ViewInfo","_super3","NoticeBubbleView","_Component3","_super4","_this4","_len3","_key3","_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';\nimport Button from '@semcore/button';\nimport { useFocusLock } from '@semcore/utils/lib/use/useFocusLock';\nimport { Hint } from '@semcore/tooltip';\nimport {\n  ZIndexStackingContextProvider,\n  zIndexStackingEnhance,\n} from '@semcore/utils/lib/zIndexStacking';\n\nimport style from './style/notice-bubble.shadow.css';\nimport { forkRef, useForkRef } from '@semcore/utils/lib/ref';\nimport { getFocusableIn } from '@semcore/utils/lib/focus-lock/getFocusableIn';\nimport { setFocus } from '@semcore/utils/lib/use/useFocusLock';\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 = [\n    i18nEnhance(localizedMessages),\n    contextThemeEnhance(),\n    zIndexStackingEnhance('z-index-notice-bubble'),\n  ];\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    this._unsubscribe = this.asProps.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 SNoticeAriaLiveWrapper = 'div';\n    const { Children, styles, disablePortal, getI18nText, ref, parentZIndexStacking } =\n      this.asProps;\n    const { notices, warnings } = this.state;\n\n    return sstyled(styles)(\n      <ZIndexStackingContextProvider designToken='z-index-notice-bubble'>\n        <Portal disablePortal={disablePortal}>\n          <SNoticeBubble\n            render={Box}\n            ref={ref}\n            tag='section'\n            role='region'\n            aria-label={getI18nText('notification')}\n            zIndex={parentZIndexStacking}\n          >\n            <Children />\n            <Notices styles={styles} data={warnings} tag={ViewWarning} getI18nText={getI18nText} />\n            <SNoticeAriaLiveWrapper aria-live='polite'>\n              <Notices styles={styles} data={notices} tag={ViewInfo} getI18nText={getI18nText} />\n            </SNoticeAriaLiveWrapper>\n          </SNoticeBubble>\n        </Portal>\n      </ZIndexStackingContextProvider>,\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  closeButtonRef = 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    const noticeElement = this.ref.current;\n\n    if (noticeElement) {\n      const focusableNodes = getFocusableIn(noticeElement).filter(\n        (node) => node !== this.closeButtonRef.current,\n      );\n\n      if (focusableNodes.length > 0) {\n        setTimeout(() => setFocus(noticeElement), 0);\n      }\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  handleKeydown = (e) => {\n    if (e.key === 'Escape') {\n      this.handleClose(e);\n    }\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 = Hint.Trigger;\n    const SContent = Flex;\n    const SMessage = 'div';\n    const SAction = 'div';\n    const SIcon = Flex;\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        onKeyDown={this.handleKeydown}\n        role={type === 'warning' ? 'alert' : this.props.role}\n      >\n        <SDismiss\n          // biome-ignore lint/a11y/useValidAriaValues:\n          aria-haspopup={undefined}\n          tag={Button}\n          type='button'\n          use='tertiary'\n          size='m'\n          theme='invert'\n          onClick={this.handleClose}\n          aria-label={getI18nText('close')}\n          active={false}\n          title={getI18nText('close')}\n          ref={this.closeButtonRef}\n        >\n          <Button.Addon tag={CloseIcon} color='icon-primary-invert' />\n        </SDismiss>\n\n        {isNode(icon) ? (\n          <>\n            <SIcon>{icon}</SIcon>\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/notice-bubble/lib/es6/NoticeBubbleManager.js

@@ -6,7 +6,6 @@ import EventEmitter from 'intergalactic/utils/lib/eventEmitter';
 import { callAllEventHandlers } from 'intergalactic/utils/lib/assignProps';
 import { setFocus } from 'intergalactic/utils/lib/use/useFocusLock';
 import React from 'react';
-import rafTrottle from 'intergalactic/utils/lib/rafTrottle';
 var EVENT_NAME = 'CHANGE';
 var NoticeBubbleManager = /*#__PURE__*/function () {
   function NoticeBubbleManager() {
@@ -61,6 +60,7 @@ var NoticeBubbleManager = /*#__PURE__*/function () {
         update: this.update.bind(this, uid),
         remove: this.remove.bind(this, uid),
         ref: ref,
+        // todo Brauer Ilia: remove this property, because we added logic about autofocus in Notice
         focus: focus
       };
     }

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

@@ -1 +1 @@
-{"version":3,"file":"NoticeBubbleManager.js","names":["EventEmitter","callAllEventHandlers","setFocus","React","rafTrottle","EVENT_NAME","NoticeBubbleManager","_classCallCheck","_defineProperty","emitter","_createClass","key","value","addListener","fn","subscribe","createItem","props","manager","_objectSpread","type","onClose","remove","uid","emit","items","add","counter","ref","createRef","focus","setTimeout","current","item","visible","initialAnimation","undefined","forwardRef","push","update","bind","index","findIndex","replaceLast","_this","replaceTimer","clearTimeout","length","_this2","find","filter","noticeBubbleDefaultManager"],"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';\nimport rafTrottle from '@semcore/utils/lib/rafTrottle';\n\nconst EVENT_NAME = 'CHANGE';\n\nclass NoticeBubbleManager {\n  items = [];\n  emitter = null;\n  counter = 0;\n\n  replaceTimer = 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  replaceLast(props) {\n    if (this.replaceTimer) {\n      clearTimeout(this.replaceTimer);\n    }\n\n    const item = this.items[this.items.length - 1];\n\n    if (item?.visible) {\n      this.remove(this.counter - 1);\n    }\n\n    this.replaceTimer = setTimeout(() => {\n      this.add(props);\n    }, 300);\n  }\n\n  remove(uid) {\n    const item = this.items.find((item) => item.uid === uid);\n    if (item) {\n      item.visible = false;\n      setTimeout(() => {\n        this.items = this.items.filter((item) => item.uid !== uid);\n        this.emit();\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","callAllEventHandlers","setFocus","React","EVENT_NAME","NoticeBubbleManager","_classCallCheck","_defineProperty","emitter","_createClass","key","value","addListener","fn","subscribe","createItem","props","manager","_objectSpread","type","onClose","remove","uid","emit","items","add","counter","ref","createRef","focus","setTimeout","current","item","visible","initialAnimation","undefined","forwardRef","push","update","bind","index","findIndex","replaceLast","_this","replaceTimer","clearTimeout","length","_this2","find","filter","noticeBubbleDefaultManager"],"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  replaceTimer = 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      // todo Brauer Ilia: remove this property, because we added logic about autofocus in Notice\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  replaceLast(props) {\n    if (this.replaceTimer) {\n      clearTimeout(this.replaceTimer);\n    }\n\n    const item = this.items[this.items.length - 1];\n\n    if (item?.visible) {\n      this.remove(this.counter - 1);\n    }\n\n    this.replaceTimer = setTimeout(() => {\n      this.add(props);\n    }, 300);\n  }\n\n  remove(uid) {\n    const item = this.items.find((item) => item.uid === uid);\n    if (item) {\n      item.visible = false;\n      setTimeout(() => {\n        this.items = this.items.filter((item) => item.uid !== uid);\n        this.emit();\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/package.json

@@ -1 +1 @@
-{"name":"intergalactic/notice-bubble","description":"Semrush NoticeBubble Component","version":"5.48.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","author":"UI-kit team <ui-kit-team@semrush.com>","sideEffects":false,"license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.44.0","@semcore/icon":"4.53.0","@semcore/portal":"3.39.0","@semcore/flex-box":"5.39.0","@semcore/animation":"2.39.0"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/notice-bubble"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/notice-bubble","description":"Semrush NoticeBubble Component","version":"5.48.2-prerelease.2","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","author":"UI-kit team <ui-kit-team@semrush.com>","sideEffects":false,"license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.44.1-prerelease.2","@semcore/icon":"4.53.1-prerelease.2","@semcore/portal":"3.39.1-prerelease.2","@semcore/flex-box":"5.39.1-prerelease.2","@semcore/animation":"2.39.1-prerelease.2"},"peerDependencies":{"@semcore/core":"^2.37.1-prerelease.2","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/notice-bubble"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/notice-global/lib/cjs/NoticeGlobal.js

@@ -26,17 +26,17 @@ var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
 var _button = _interopRequireDefault(require("intergalactic/button"));
 var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
 /*__reshadow-styles__:"./style/notice-global.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SNoticeGlobal_wlp3b_gg_{display:flex;align-items:center;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);box-sizing:border-box;padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-8x, 32px)}.___SCloseIcon_wlp3b_gg_{margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNoticeGlobal_wlp3b_gg_._theme_neutral_wlp3b_gg_{background-color:var(--intergalactic-bg-primary-muted, #6c6e79);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_wlp3b_gg_._theme_info_wlp3b_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_wlp3b_gg_._theme_danger_wlp3b_gg_{background-color:var(--intergalactic-bg-primary-critical, #ff4953);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_wlp3b_gg_._theme_warning_wlp3b_gg_{background-color:var(--intergalactic-bg-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_wlp3b_gg_._theme_success_wlp3b_gg_{background-color:var(--intergalactic-bg-primary-success, #009f81);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_wlp3b_gg_._theme_custom_wlp3b_gg_{background-color:var(--backgroundColor_wlp3b)}.___SContent_wlp3b_gg_{flex:1 1 auto;width:100%;justify-content:center}" /*__inner_css_end__*/, "wlp3b_gg_") /*__reshadow_css_end__*/, {
-  "__SNoticeGlobal": "___SNoticeGlobal_wlp3b_gg_",
-  "__SCloseIcon": "___SCloseIcon_wlp3b_gg_",
-  "_theme_neutral": "_theme_neutral_wlp3b_gg_",
-  "_theme_info": "_theme_info_wlp3b_gg_",
-  "_theme_danger": "_theme_danger_wlp3b_gg_",
-  "_theme_warning": "_theme_warning_wlp3b_gg_",
-  "_theme_success": "_theme_success_wlp3b_gg_",
-  "_theme_custom": "_theme_custom_wlp3b_gg_",
-  "--backgroundColor": "--backgroundColor_wlp3b",
-  "__SContent": "___SContent_wlp3b_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SNoticeGlobal_1xblg_gg_{display:flex;align-items:center;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);box-sizing:border-box;padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-8x, 32px)}.___SCloseIcon_1xblg_gg_{margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNoticeGlobal_1xblg_gg_._theme_neutral_1xblg_gg_{background-color:var(--intergalactic-bg-primary-muted, #6c6e79);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1xblg_gg_._theme_info_1xblg_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1xblg_gg_._theme_danger_1xblg_gg_{background-color:var(--intergalactic-bg-primary-critical, #ff4953);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1xblg_gg_._theme_warning_1xblg_gg_{background-color:var(--intergalactic-bg-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1xblg_gg_._theme_success_1xblg_gg_{background-color:var(--intergalactic-bg-primary-success, #009f81);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1xblg_gg_._theme_custom_1xblg_gg_{background-color:var(--backgroundColor_1xblg)}.___SContent_1xblg_gg_{flex:1 1 auto;width:100%;justify-content:center}" /*__inner_css_end__*/, "1xblg_gg_") /*__reshadow_css_end__*/, {
+  "__SNoticeGlobal": "___SNoticeGlobal_1xblg_gg_",
+  "__SCloseIcon": "___SCloseIcon_1xblg_gg_",
+  "_theme_neutral": "_theme_neutral_1xblg_gg_",
+  "_theme_info": "_theme_info_1xblg_gg_",
+  "_theme_danger": "_theme_danger_1xblg_gg_",
+  "_theme_warning": "_theme_warning_1xblg_gg_",
+  "_theme_success": "_theme_success_1xblg_gg_",
+  "_theme_custom": "_theme_custom_1xblg_gg_",
+  "--backgroundColor": "--backgroundColor_1xblg",
+  "__SContent": "___SContent_1xblg_gg_"
 });
 function isCustomTheme(theme) {
   return !['danger', 'warning', 'success', 'info', 'neutral'].includes(theme);

package/notice-global/lib/es6/NoticeGlobal.js

@@ -20,17 +20,17 @@ import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import { cssVariableEnhance } from 'intergalactic/utils/lib/useCssVariable';
 import Button from 'intergalactic/button';
 /*__reshadow-styles__:"./style/notice-global.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SNoticeGlobal_wlp3b_gg_{display:flex;align-items:center;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);box-sizing:border-box;padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-8x, 32px)}.___SCloseIcon_wlp3b_gg_{margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNoticeGlobal_wlp3b_gg_._theme_neutral_wlp3b_gg_{background-color:var(--intergalactic-bg-primary-muted, #6c6e79);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_wlp3b_gg_._theme_info_wlp3b_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_wlp3b_gg_._theme_danger_wlp3b_gg_{background-color:var(--intergalactic-bg-primary-critical, #ff4953);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_wlp3b_gg_._theme_warning_wlp3b_gg_{background-color:var(--intergalactic-bg-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_wlp3b_gg_._theme_success_wlp3b_gg_{background-color:var(--intergalactic-bg-primary-success, #009f81);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_wlp3b_gg_._theme_custom_wlp3b_gg_{background-color:var(--backgroundColor_wlp3b)}.___SContent_wlp3b_gg_{flex:1 1 auto;width:100%;justify-content:center}" /*__inner_css_end__*/, "wlp3b_gg_") /*__reshadow_css_end__*/, {
-  "__SNoticeGlobal": "___SNoticeGlobal_wlp3b_gg_",
-  "__SCloseIcon": "___SCloseIcon_wlp3b_gg_",
-  "_theme_neutral": "_theme_neutral_wlp3b_gg_",
-  "_theme_info": "_theme_info_wlp3b_gg_",
-  "_theme_danger": "_theme_danger_wlp3b_gg_",
-  "_theme_warning": "_theme_warning_wlp3b_gg_",
-  "_theme_success": "_theme_success_wlp3b_gg_",
-  "_theme_custom": "_theme_custom_wlp3b_gg_",
-  "--backgroundColor": "--backgroundColor_wlp3b",
-  "__SContent": "___SContent_wlp3b_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SNoticeGlobal_1xblg_gg_{display:flex;align-items:center;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);box-sizing:border-box;padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-8x, 32px)}.___SCloseIcon_1xblg_gg_{margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNoticeGlobal_1xblg_gg_._theme_neutral_1xblg_gg_{background-color:var(--intergalactic-bg-primary-muted, #6c6e79);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1xblg_gg_._theme_info_1xblg_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1xblg_gg_._theme_danger_1xblg_gg_{background-color:var(--intergalactic-bg-primary-critical, #ff4953);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1xblg_gg_._theme_warning_1xblg_gg_{background-color:var(--intergalactic-bg-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1xblg_gg_._theme_success_1xblg_gg_{background-color:var(--intergalactic-bg-primary-success, #009f81);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1xblg_gg_._theme_custom_1xblg_gg_{background-color:var(--backgroundColor_1xblg)}.___SContent_1xblg_gg_{flex:1 1 auto;width:100%;justify-content:center}" /*__inner_css_end__*/, "1xblg_gg_") /*__reshadow_css_end__*/, {
+  "__SNoticeGlobal": "___SNoticeGlobal_1xblg_gg_",
+  "__SCloseIcon": "___SCloseIcon_1xblg_gg_",
+  "_theme_neutral": "_theme_neutral_1xblg_gg_",
+  "_theme_info": "_theme_info_1xblg_gg_",
+  "_theme_danger": "_theme_danger_1xblg_gg_",
+  "_theme_warning": "_theme_warning_1xblg_gg_",
+  "_theme_success": "_theme_success_1xblg_gg_",
+  "_theme_custom": "_theme_custom_1xblg_gg_",
+  "--backgroundColor": "--backgroundColor_1xblg",
+  "__SContent": "___SContent_1xblg_gg_"
 });
 import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 function isCustomTheme(theme) {

package/notice-global/package.json

@@ -1 +1 @@
-{"name":"intergalactic/notice-global","description":"Semrush NoticeGlobal Component","version":"2.56.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","author":"UI-kit team <ui-kit-team@semrush.com>","sideEffects":false,"license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.44.0","@semcore/icon":"4.53.0","@semcore/flex-box":"5.39.0","@semcore/animation":"2.39.0"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/notice-global"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/notice-global","description":"Semrush NoticeGlobal Component","version":"2.56.1-prerelease.2","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","author":"UI-kit team <ui-kit-team@semrush.com>","sideEffects":false,"license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.44.1-prerelease.2","@semcore/icon":"4.53.1-prerelease.2","@semcore/flex-box":"5.39.1-prerelease.2","@semcore/animation":"2.39.1-prerelease.2"},"peerDependencies":{"@semcore/core":"^2.37.1-prerelease.2","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/notice-global"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/outside-click/lib/cjs/OutsideClick.js

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _core = _interopRequireDefault(require("intergalactic/core"));
-var _ref = require("intergalactic/utils/lib/ref");
+var _ref5 = require("intergalactic/utils/lib/ref");
 var _ownerDocument = _interopRequireDefault(require("intergalactic/utils/lib/ownerDocument"));
 var _useEventCallback = _interopRequireDefault(require("intergalactic/utils/lib/use/useEventCallback"));
 var _getOriginChildren = _interopRequireDefault(require("intergalactic/utils/lib/getOriginChildren"));
@@ -26,13 +27,13 @@ function OutsideClick(props) {
   var children = (0, _getOriginChildren["default"])(Children);
   var nodeRef = _react["default"].useRef(null);
   var targetRef = _react["default"].useRef(null);
-  var handleRef = (0, _ref.useForkRef)(children ? children.ref : null, nodeRef, forwardRef);
+  var handleRef = (0, _ref5.useForkRef)(children ? children.ref : null, nodeRef, forwardRef);
   var handleOutsideClick = (0, _useEventCallback["default"])(function (event) {
     var isTargetEvent = [].concat((0, _toConsumableArray2["default"])(excludeRefs), [nodeRef]).filter(function (node) {
-      return (0, _ref.getNodeByRef)(node);
+      return (0, _ref5.getNodeByRef)(node);
     }).some(function (node) {
       var _getNodeByRef;
-      return (_getNodeByRef = (0, _ref.getNodeByRef)(node)) === null || _getNodeByRef === void 0 ? void 0 : _getNodeByRef.contains(targetRef.current || (0, _getEventTarget.getEventTarget)(event));
+      return (_getNodeByRef = (0, _ref5.getNodeByRef)(node)) === null || _getNodeByRef === void 0 ? void 0 : _getNodeByRef.contains(targetRef.current || (0, _getEventTarget.getEventTarget)(event));
     });
     if (!isTargetEvent) {
       onOutsideClick === null || onOutsideClick === void 0 ? void 0 : onOutsideClick(event);
@@ -41,15 +42,48 @@ function OutsideClick(props) {
   var handleMouseDown = (0, _useEventCallback["default"])(function (event) {
     targetRef.current = (0, _getEventTarget.getEventTarget)(event);
   });
+  var toggleEvents = function toggleEvents(status, outsideRoot) {
+    var isModalRoot = outsideRoot instanceof HTMLElement && outsideRoot.dataset.uiName === 'Modal.Overlay';
+    if (!isModalRoot) {
+      return;
+    }
+    OutsideClick.eventsMap.forEach(function (_ref) {
+      var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
+        rootElement = _ref2[0],
+        events = _ref2[1];
+      Object.entries(events).forEach(function (_ref3) {
+        var _ref4 = (0, _slicedToArray2["default"])(_ref3, 2),
+          eventName = _ref4[0],
+          handler = _ref4[1];
+        var method = status ? 'addEventListener' : 'removeEventListener';
+        rootElement[method](eventName, handler, true);
+      });
+    });
+  };
   _react["default"].useEffect(function () {
-    var outsideRoot = root ? (0, _ref.getNodeByRef)(root) : (0, _ownerDocument["default"])(nodeRef.current);
+    var outsideRoot = root ? (0, _ref5.getNodeByRef)(root) : (0, _ownerDocument["default"])(nodeRef.current);
+
+    // disable previous events
+    toggleEvents(false, outsideRoot);
 
     // Using capture to handle event faster than OutsideClick handler
     outsideRoot === null || outsideRoot === void 0 ? void 0 : outsideRoot.addEventListener('mouseup', handleOutsideClick, true);
     outsideRoot === null || outsideRoot === void 0 ? void 0 : outsideRoot.addEventListener('mousedown', handleMouseDown, true);
+    if (outsideRoot) {
+      OutsideClick.eventsMap.push([outsideRoot, {
+        mouseup: handleOutsideClick,
+        mousedown: handleMouseDown
+      }]);
+    }
     return function () {
+      if (outsideRoot) {
+        OutsideClick.eventsMap.pop();
+      }
       outsideRoot === null || outsideRoot === void 0 ? void 0 : outsideRoot.removeEventListener('mouseup', handleOutsideClick, true);
       outsideRoot === null || outsideRoot === void 0 ? void 0 : outsideRoot.removeEventListener('mousedown', handleMouseDown, true);
+
+      // enabled previous events
+      toggleEvents(true, outsideRoot);
     };
   }, [root]);
   return children ? /*#__PURE__*/(0, _react.cloneElement)(children, {
@@ -57,6 +91,7 @@ function OutsideClick(props) {
   }) : null;
 }
 OutsideClick.displayName = 'OutsideClick';
+OutsideClick.eventsMap = [];
 var _default = (0, _core["default"])(OutsideClick);
 exports["default"] = _default;
 //# sourceMappingURL=OutsideClick.js.map

package/outside-click/lib/cjs/OutsideClick.js.map

@@ -1 +1 @@
-{"version":3,"file":"OutsideClick.js","names":["_react","_interopRequireWildcard","require","_core","_interopRequireDefault","_ref","_ownerDocument","_useEventCallback","_getOriginChildren","_getEventTarget","noop","OutsideClick","props","Children","forwardRef","root","_props$excludeRefs","excludeRefs","_props$onOutsideClick","onOutsideClick","children","getOriginChildren","nodeRef","React","useRef","targetRef","handleRef","useForkRef","ref","handleOutsideClick","useEventCallback","event","isTargetEvent","concat","_toConsumableArray2","filter","node","getNodeByRef","some","_getNodeByRef","contains","current","getEventTarget","handleMouseDown","useEffect","outsideRoot","ownerDocument","addEventListener","removeEventListener","cloneElement","displayName","_default","createComponent","exports"],"sources":["../../src/OutsideClick.tsx"],"sourcesContent":["import React, { cloneElement, useEffect } from 'react';\nimport createComponent, { IFunctionProps, Intergalactic, UnknownProperties } from '@semcore/core';\nimport { getNodeByRef, NodeByRef, useForkRef } from '@semcore/utils/lib/ref';\nimport ownerDocument from '@semcore/utils/lib/ownerDocument';\nimport useEventCallback from '@semcore/utils/lib/use/useEventCallback';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport { getEventTarget } from '@semcore/utils/lib/getEventTarget';\n\n/** @deprecated */\nexport interface IOutsideClickProps extends OutsideClickProps, UnknownProperties {}\nexport type OutsideClickProps = {\n  /**\n   * Function called on click outside the component from excludeRefs\n   * @default () => {}\n   */\n  onOutsideClick?: (e?: React.SyntheticEvent) => void;\n\n  /**\n   * List of refs that will not trigger `onOutsideClick` when clicked\n   * @default []\n   */\n  excludeRefs?: Array<NodeByRef>;\n\n  /** Root element\n   * @default document\n   *  */\n  root?: NodeByRef;\n};\n\nconst noop = () => {};\nfunction OutsideClick(props: IFunctionProps<IOutsideClickProps>) {\n  const { Children, forwardRef, root, excludeRefs = [], onOutsideClick = noop } = props;\n  const children = getOriginChildren(Children);\n  const nodeRef = React.useRef<Node | null>(null);\n  const targetRef = React.useRef<Node | null>(null);\n\n  const handleRef = useForkRef(children ? children.ref : null, nodeRef, forwardRef!);\n\n  const handleOutsideClick = useEventCallback((event: any) => {\n    const isTargetEvent = [...(excludeRefs as any), nodeRef]\n      .filter((node) => getNodeByRef(node))\n      .some((node) =>\n        getNodeByRef(node)?.contains(targetRef.current || (getEventTarget(event) as Node | null)),\n      );\n\n    if (!isTargetEvent) {\n      onOutsideClick?.(event);\n    }\n  });\n\n  const handleMouseDown = useEventCallback((event: any) => {\n    targetRef.current = getEventTarget(event) as Node | null;\n  });\n\n  React.useEffect(() => {\n    const outsideRoot = root ? getNodeByRef(root) : ownerDocument(nodeRef.current as any);\n\n    // Using capture to handle event faster than OutsideClick handler\n    outsideRoot?.addEventListener('mouseup', handleOutsideClick, true);\n    outsideRoot?.addEventListener('mousedown', handleMouseDown, true);\n\n    return () => {\n      outsideRoot?.removeEventListener('mouseup', handleOutsideClick, true);\n      outsideRoot?.removeEventListener('mousedown', handleMouseDown, true);\n    };\n  }, [root]);\n\n  return children ? cloneElement(children, { ref: handleRef }) : null;\n}\n\nOutsideClick.displayName = 'OutsideClick';\n\nexport default createComponent(OutsideClick) as Intergalactic.Component<\n  Intergalactic.Tag,\n  OutsideClickProps\n>;\n"],"mappings":"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"}
+{"version":3,"file":"OutsideClick.js","names":["_react","_interopRequireWildcard","require","_core","_interopRequireDefault","_ref5","_ownerDocument","_useEventCallback","_getOriginChildren","_getEventTarget","noop","OutsideClick","props","Children","forwardRef","root","_props$excludeRefs","excludeRefs","_props$onOutsideClick","onOutsideClick","children","getOriginChildren","nodeRef","React","useRef","targetRef","handleRef","useForkRef","ref","handleOutsideClick","useEventCallback","event","isTargetEvent","concat","_toConsumableArray2","filter","node","getNodeByRef","some","_getNodeByRef","contains","current","getEventTarget","handleMouseDown","toggleEvents","status","outsideRoot","isModalRoot","HTMLElement","dataset","uiName","eventsMap","forEach","_ref","_ref2","_slicedToArray2","rootElement","events","Object","entries","_ref3","_ref4","eventName","handler","method","useEffect","ownerDocument","addEventListener","push","mouseup","mousedown","pop","removeEventListener","cloneElement","displayName","_default","createComponent","exports"],"sources":["../../src/OutsideClick.tsx"],"sourcesContent":["import React, { cloneElement, useEffect } from 'react';\nimport createComponent, { IFunctionProps, Intergalactic, UnknownProperties } from '@semcore/core';\nimport { getNodeByRef, NodeByRef, useForkRef } from '@semcore/utils/lib/ref';\nimport ownerDocument from '@semcore/utils/lib/ownerDocument';\nimport useEventCallback from '@semcore/utils/lib/use/useEventCallback';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport { getEventTarget } from '@semcore/utils/lib/getEventTarget';\n\n/** @deprecated */\nexport interface IOutsideClickProps extends OutsideClickProps, UnknownProperties {}\nexport type OutsideClickProps = {\n  /**\n   * Function called on click outside the component from excludeRefs\n   * @default () => {}\n   */\n  onOutsideClick?: (e?: React.SyntheticEvent) => void;\n\n  /**\n   * List of refs that will not trigger `onOutsideClick` when clicked\n   * @default []\n   */\n  excludeRefs?: Array<NodeByRef>;\n\n  /** Root element\n   * @default document\n   *  */\n  root?: NodeByRef;\n};\n\ntype OutsideClickEvents = { [key in 'mouseup' | 'mousedown']: EventListenerOrEventListenerObject };\ntype RootEventsPair = [Element | Document, OutsideClickEvents];\n\nconst noop = () => {};\nfunction OutsideClick(props: IFunctionProps<IOutsideClickProps>) {\n  const { Children, forwardRef, root, excludeRefs = [], onOutsideClick = noop } = props;\n  const children = getOriginChildren(Children);\n  const nodeRef = React.useRef<Node | null>(null);\n  const targetRef = React.useRef<Node | null>(null);\n\n  const handleRef = useForkRef(children ? children.ref : null, nodeRef, forwardRef!);\n\n  const handleOutsideClick = useEventCallback((event: any) => {\n    const isTargetEvent = [...(excludeRefs as any), nodeRef]\n      .filter((node) => getNodeByRef(node))\n      .some((node) =>\n        getNodeByRef(node)?.contains(targetRef.current || (getEventTarget(event) as Node | null)),\n      );\n\n    if (!isTargetEvent) {\n      onOutsideClick?.(event);\n    }\n  });\n\n  const handleMouseDown = useEventCallback((event: any) => {\n    targetRef.current = getEventTarget(event) as Node | null;\n  });\n\n  const toggleEvents = (status: boolean, outsideRoot: Element | Document | null) => {\n    const isModalRoot =\n      outsideRoot instanceof HTMLElement && outsideRoot.dataset.uiName === 'Modal.Overlay';\n    if (!isModalRoot) {\n      return;\n    }\n\n    OutsideClick.eventsMap.forEach(([rootElement, events]) => {\n      Object.entries(events).forEach(([eventName, handler]) => {\n        const method = status ? 'addEventListener' : 'removeEventListener';\n        rootElement[method](eventName, handler, true);\n      });\n    });\n  };\n\n  React.useEffect(() => {\n    const outsideRoot = root ? getNodeByRef(root) : ownerDocument(nodeRef.current as any);\n\n    // disable previous events\n    toggleEvents(false, outsideRoot);\n\n    // Using capture to handle event faster than OutsideClick handler\n    outsideRoot?.addEventListener('mouseup', handleOutsideClick, true);\n    outsideRoot?.addEventListener('mousedown', handleMouseDown, true);\n\n    if (outsideRoot) {\n      OutsideClick.eventsMap.push([\n        outsideRoot,\n        {\n          mouseup: handleOutsideClick,\n          mousedown: handleMouseDown,\n        },\n      ]);\n    }\n\n    return () => {\n      if (outsideRoot) {\n        OutsideClick.eventsMap.pop();\n      }\n\n      outsideRoot?.removeEventListener('mouseup', handleOutsideClick, true);\n      outsideRoot?.removeEventListener('mousedown', handleMouseDown, true);\n\n      // enabled previous events\n      toggleEvents(true, outsideRoot);\n    };\n  }, [root]);\n\n  return children ? cloneElement(children, { ref: handleRef }) : null;\n}\n\nOutsideClick.displayName = 'OutsideClick';\nOutsideClick.eventsMap = [] as RootEventsPair[];\n\nexport default createComponent(OutsideClick) as Intergalactic.Component<\n  Intergalactic.Tag,\n  OutsideClickProps\n>;\n"],"mappings":"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"}

package/outside-click/lib/es6/OutsideClick.js

@@ -1,3 +1,4 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import React, { cloneElement } from 'react';
 import createComponent from 'intergalactic/core';
@@ -36,15 +37,48 @@ function OutsideClick(props) {
   var handleMouseDown = useEventCallback(function (event) {
     targetRef.current = getEventTarget(event);
   });
+  var toggleEvents = function toggleEvents(status, outsideRoot) {
+    var isModalRoot = outsideRoot instanceof HTMLElement && outsideRoot.dataset.uiName === 'Modal.Overlay';
+    if (!isModalRoot) {
+      return;
+    }
+    OutsideClick.eventsMap.forEach(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+        rootElement = _ref2[0],
+        events = _ref2[1];
+      Object.entries(events).forEach(function (_ref3) {
+        var _ref4 = _slicedToArray(_ref3, 2),
+          eventName = _ref4[0],
+          handler = _ref4[1];
+        var method = status ? 'addEventListener' : 'removeEventListener';
+        rootElement[method](eventName, handler, true);
+      });
+    });
+  };
   React.useEffect(function () {
     var outsideRoot = root ? getNodeByRef(root) : ownerDocument(nodeRef.current);
 
+    // disable previous events
+    toggleEvents(false, outsideRoot);
+
     // Using capture to handle event faster than OutsideClick handler
     outsideRoot === null || outsideRoot === void 0 ? void 0 : outsideRoot.addEventListener('mouseup', handleOutsideClick, true);
     outsideRoot === null || outsideRoot === void 0 ? void 0 : outsideRoot.addEventListener('mousedown', handleMouseDown, true);
+    if (outsideRoot) {
+      OutsideClick.eventsMap.push([outsideRoot, {
+        mouseup: handleOutsideClick,
+        mousedown: handleMouseDown
+      }]);
+    }
     return function () {
+      if (outsideRoot) {
+        OutsideClick.eventsMap.pop();
+      }
       outsideRoot === null || outsideRoot === void 0 ? void 0 : outsideRoot.removeEventListener('mouseup', handleOutsideClick, true);
       outsideRoot === null || outsideRoot === void 0 ? void 0 : outsideRoot.removeEventListener('mousedown', handleMouseDown, true);
+
+      // enabled previous events
+      toggleEvents(true, outsideRoot);
     };
   }, [root]);
   return children ? /*#__PURE__*/cloneElement(children, {
@@ -52,5 +86,6 @@ function OutsideClick(props) {
   }) : null;
 }
 OutsideClick.displayName = 'OutsideClick';
+OutsideClick.eventsMap = [];
 export default createComponent(OutsideClick);
 //# sourceMappingURL=OutsideClick.js.map

package/outside-click/lib/es6/OutsideClick.js.map

@@ -1 +1 @@
-{"version":3,"file":"OutsideClick.js","names":["React","cloneElement","createComponent","getNodeByRef","useForkRef","ownerDocument","useEventCallback","getOriginChildren","getEventTarget","noop","OutsideClick","props","Children","forwardRef","root","_props$excludeRefs","excludeRefs","_props$onOutsideClick","onOutsideClick","children","nodeRef","useRef","targetRef","handleRef","ref","handleOutsideClick","event","isTargetEvent","concat","_toConsumableArray","filter","node","some","_getNodeByRef","contains","current","handleMouseDown","useEffect","outsideRoot","addEventListener","removeEventListener","displayName"],"sources":["../../src/OutsideClick.tsx"],"sourcesContent":["import React, { cloneElement, useEffect } from 'react';\nimport createComponent, { IFunctionProps, Intergalactic, UnknownProperties } from '@semcore/core';\nimport { getNodeByRef, NodeByRef, useForkRef } from '@semcore/utils/lib/ref';\nimport ownerDocument from '@semcore/utils/lib/ownerDocument';\nimport useEventCallback from '@semcore/utils/lib/use/useEventCallback';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport { getEventTarget } from '@semcore/utils/lib/getEventTarget';\n\n/** @deprecated */\nexport interface IOutsideClickProps extends OutsideClickProps, UnknownProperties {}\nexport type OutsideClickProps = {\n  /**\n   * Function called on click outside the component from excludeRefs\n   * @default () => {}\n   */\n  onOutsideClick?: (e?: React.SyntheticEvent) => void;\n\n  /**\n   * List of refs that will not trigger `onOutsideClick` when clicked\n   * @default []\n   */\n  excludeRefs?: Array<NodeByRef>;\n\n  /** Root element\n   * @default document\n   *  */\n  root?: NodeByRef;\n};\n\nconst noop = () => {};\nfunction OutsideClick(props: IFunctionProps<IOutsideClickProps>) {\n  const { Children, forwardRef, root, excludeRefs = [], onOutsideClick = noop } = props;\n  const children = getOriginChildren(Children);\n  const nodeRef = React.useRef<Node | null>(null);\n  const targetRef = React.useRef<Node | null>(null);\n\n  const handleRef = useForkRef(children ? children.ref : null, nodeRef, forwardRef!);\n\n  const handleOutsideClick = useEventCallback((event: any) => {\n    const isTargetEvent = [...(excludeRefs as any), nodeRef]\n      .filter((node) => getNodeByRef(node))\n      .some((node) =>\n        getNodeByRef(node)?.contains(targetRef.current || (getEventTarget(event) as Node | null)),\n      );\n\n    if (!isTargetEvent) {\n      onOutsideClick?.(event);\n    }\n  });\n\n  const handleMouseDown = useEventCallback((event: any) => {\n    targetRef.current = getEventTarget(event) as Node | null;\n  });\n\n  React.useEffect(() => {\n    const outsideRoot = root ? getNodeByRef(root) : ownerDocument(nodeRef.current as any);\n\n    // Using capture to handle event faster than OutsideClick handler\n    outsideRoot?.addEventListener('mouseup', handleOutsideClick, true);\n    outsideRoot?.addEventListener('mousedown', handleMouseDown, true);\n\n    return () => {\n      outsideRoot?.removeEventListener('mouseup', handleOutsideClick, true);\n      outsideRoot?.removeEventListener('mousedown', handleMouseDown, true);\n    };\n  }, [root]);\n\n  return children ? cloneElement(children, { ref: handleRef }) : null;\n}\n\nOutsideClick.displayName = 'OutsideClick';\n\nexport default createComponent(OutsideClick) as Intergalactic.Component<\n  Intergalactic.Tag,\n  OutsideClickProps\n>;\n"],"mappings":"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"}
+{"version":3,"file":"OutsideClick.js","names":["React","cloneElement","createComponent","getNodeByRef","useForkRef","ownerDocument","useEventCallback","getOriginChildren","getEventTarget","noop","OutsideClick","props","Children","forwardRef","root","_props$excludeRefs","excludeRefs","_props$onOutsideClick","onOutsideClick","children","nodeRef","useRef","targetRef","handleRef","ref","handleOutsideClick","event","isTargetEvent","concat","_toConsumableArray","filter","node","some","_getNodeByRef","contains","current","handleMouseDown","toggleEvents","status","outsideRoot","isModalRoot","HTMLElement","dataset","uiName","eventsMap","forEach","_ref","_ref2","_slicedToArray","rootElement","events","Object","entries","_ref3","_ref4","eventName","handler","method","useEffect","addEventListener","push","mouseup","mousedown","pop","removeEventListener","displayName"],"sources":["../../src/OutsideClick.tsx"],"sourcesContent":["import React, { cloneElement, useEffect } from 'react';\nimport createComponent, { IFunctionProps, Intergalactic, UnknownProperties } from '@semcore/core';\nimport { getNodeByRef, NodeByRef, useForkRef } from '@semcore/utils/lib/ref';\nimport ownerDocument from '@semcore/utils/lib/ownerDocument';\nimport useEventCallback from '@semcore/utils/lib/use/useEventCallback';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport { getEventTarget } from '@semcore/utils/lib/getEventTarget';\n\n/** @deprecated */\nexport interface IOutsideClickProps extends OutsideClickProps, UnknownProperties {}\nexport type OutsideClickProps = {\n  /**\n   * Function called on click outside the component from excludeRefs\n   * @default () => {}\n   */\n  onOutsideClick?: (e?: React.SyntheticEvent) => void;\n\n  /**\n   * List of refs that will not trigger `onOutsideClick` when clicked\n   * @default []\n   */\n  excludeRefs?: Array<NodeByRef>;\n\n  /** Root element\n   * @default document\n   *  */\n  root?: NodeByRef;\n};\n\ntype OutsideClickEvents = { [key in 'mouseup' | 'mousedown']: EventListenerOrEventListenerObject };\ntype RootEventsPair = [Element | Document, OutsideClickEvents];\n\nconst noop = () => {};\nfunction OutsideClick(props: IFunctionProps<IOutsideClickProps>) {\n  const { Children, forwardRef, root, excludeRefs = [], onOutsideClick = noop } = props;\n  const children = getOriginChildren(Children);\n  const nodeRef = React.useRef<Node | null>(null);\n  const targetRef = React.useRef<Node | null>(null);\n\n  const handleRef = useForkRef(children ? children.ref : null, nodeRef, forwardRef!);\n\n  const handleOutsideClick = useEventCallback((event: any) => {\n    const isTargetEvent = [...(excludeRefs as any), nodeRef]\n      .filter((node) => getNodeByRef(node))\n      .some((node) =>\n        getNodeByRef(node)?.contains(targetRef.current || (getEventTarget(event) as Node | null)),\n      );\n\n    if (!isTargetEvent) {\n      onOutsideClick?.(event);\n    }\n  });\n\n  const handleMouseDown = useEventCallback((event: any) => {\n    targetRef.current = getEventTarget(event) as Node | null;\n  });\n\n  const toggleEvents = (status: boolean, outsideRoot: Element | Document | null) => {\n    const isModalRoot =\n      outsideRoot instanceof HTMLElement && outsideRoot.dataset.uiName === 'Modal.Overlay';\n    if (!isModalRoot) {\n      return;\n    }\n\n    OutsideClick.eventsMap.forEach(([rootElement, events]) => {\n      Object.entries(events).forEach(([eventName, handler]) => {\n        const method = status ? 'addEventListener' : 'removeEventListener';\n        rootElement[method](eventName, handler, true);\n      });\n    });\n  };\n\n  React.useEffect(() => {\n    const outsideRoot = root ? getNodeByRef(root) : ownerDocument(nodeRef.current as any);\n\n    // disable previous events\n    toggleEvents(false, outsideRoot);\n\n    // Using capture to handle event faster than OutsideClick handler\n    outsideRoot?.addEventListener('mouseup', handleOutsideClick, true);\n    outsideRoot?.addEventListener('mousedown', handleMouseDown, true);\n\n    if (outsideRoot) {\n      OutsideClick.eventsMap.push([\n        outsideRoot,\n        {\n          mouseup: handleOutsideClick,\n          mousedown: handleMouseDown,\n        },\n      ]);\n    }\n\n    return () => {\n      if (outsideRoot) {\n        OutsideClick.eventsMap.pop();\n      }\n\n      outsideRoot?.removeEventListener('mouseup', handleOutsideClick, true);\n      outsideRoot?.removeEventListener('mousedown', handleMouseDown, true);\n\n      // enabled previous events\n      toggleEvents(true, outsideRoot);\n    };\n  }, [root]);\n\n  return children ? cloneElement(children, { ref: handleRef }) : null;\n}\n\nOutsideClick.displayName = 'OutsideClick';\nOutsideClick.eventsMap = [] as RootEventsPair[];\n\nexport default createComponent(OutsideClick) as Intergalactic.Component<\n  Intergalactic.Tag,\n  OutsideClickProps\n>;\n"],"mappings":"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"}

package/outside-click/package.json

@@ -1 +1 @@
-{"name":"intergalactic/outside-click","description":"Semrush OutsideClick Component","version":"3.37.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder"},"dependencies":{"@semcore/utils":"4.44.0"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/outside-click"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/outside-click","description":"Semrush OutsideClick Component","version":"3.37.1-prerelease.2","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder"},"dependencies":{"@semcore/utils":"4.44.1-prerelease.2"},"peerDependencies":{"@semcore/core":"^2.37.1-prerelease.2","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/outside-click"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intergalactic",
-  "version": "15.120.0",
+  "version": "15.121.0-prerelease.2",
   "license": "MIT",
   "dependencies": {
     "intergalactic-migrate": "0.0.0",

package/pagination/lib/cjs/Pagination.js

@@ -28,16 +28,16 @@ var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhan
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 var _excluded = ["styles", "getI18nText", "totalPages", "isLastOrSingle", "children"];
 /*__reshadow-styles__:"./style/pagination.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPagination_1a9sq_gg_{justify-content:flex-start;align-items:center}.___SNextPage_1a9sq_gg_,.___SPrevPage_1a9sq_gg_{align-self:center;margin-left:var(--intergalactic-spacing-2x, 8px)}.___SLabel_1a9sq_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SLabel_1a9sq_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-4x, 16px)}.___STotalPages_1a9sq_gg_{align-self:center;line-height:normal;color:var(--intergalactic-text-link, #006dca)}.___STotalPagesLabel_1a9sq_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-1x, 4px);color:var(--intergalactic-text-primary, #191b23)}.___STotalLastPages_1a9sq_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23)}.___SPageInput_1a9sq_gg_{max-width:68px;margin-left:var(--intergalactic-spacing-1x, 4px)}.___SPageInput_1a9sq_gg_:focus-within .___SPageInputAddon_1a9sq_gg_{opacity:1;clip:initial;position:static}.___SPageInputAddon_1a9sq_gg_{opacity:0;clip:rect(1px,1px,1px,1px);position:absolute}.___SLabel_1a9sq_gg_,.___STotalPagesLabel_1a9sq_gg_,.___STotalPages_1a9sq_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "1a9sq_gg_") /*__reshadow_css_end__*/, {
-  "__SPagination": "___SPagination_1a9sq_gg_",
-  "__SNextPage": "___SNextPage_1a9sq_gg_",
-  "__SPrevPage": "___SPrevPage_1a9sq_gg_",
-  "__SLabel": "___SLabel_1a9sq_gg_",
-  "__STotalPages": "___STotalPages_1a9sq_gg_",
-  "__STotalPagesLabel": "___STotalPagesLabel_1a9sq_gg_",
-  "__STotalLastPages": "___STotalLastPages_1a9sq_gg_",
-  "__SPageInput": "___SPageInput_1a9sq_gg_",
-  "__SPageInputAddon": "___SPageInputAddon_1a9sq_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPagination_fkcm9_gg_{justify-content:flex-start;align-items:center}.___SNextPage_fkcm9_gg_,.___SPrevPage_fkcm9_gg_{align-self:center;margin-left:var(--intergalactic-spacing-2x, 8px)}.___SLabel_fkcm9_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SLabel_fkcm9_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-4x, 16px)}.___STotalPages_fkcm9_gg_{align-self:center;line-height:normal;color:var(--intergalactic-text-link, #006dca)}.___STotalPagesLabel_fkcm9_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-1x, 4px);color:var(--intergalactic-text-primary, #191b23)}.___STotalLastPages_fkcm9_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23)}.___SPageInput_fkcm9_gg_{max-width:68px;margin-left:var(--intergalactic-spacing-1x, 4px)}.___SPageInput_fkcm9_gg_:focus-within .___SPageInputAddon_fkcm9_gg_{opacity:1;clip:initial;position:static}.___SPageInputAddon_fkcm9_gg_{opacity:0;clip:rect(1px,1px,1px,1px);position:absolute}.___SLabel_fkcm9_gg_,.___STotalPagesLabel_fkcm9_gg_,.___STotalPages_fkcm9_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "fkcm9_gg_") /*__reshadow_css_end__*/, {
+  "__SPagination": "___SPagination_fkcm9_gg_",
+  "__SNextPage": "___SNextPage_fkcm9_gg_",
+  "__SPrevPage": "___SPrevPage_fkcm9_gg_",
+  "__SLabel": "___SLabel_fkcm9_gg_",
+  "__STotalPages": "___STotalPages_fkcm9_gg_",
+  "__STotalPagesLabel": "___STotalPagesLabel_fkcm9_gg_",
+  "__STotalLastPages": "___STotalLastPages_fkcm9_gg_",
+  "__SPageInput": "___SPageInput_fkcm9_gg_",
+  "__SPageInputAddon": "___SPageInputAddon_fkcm9_gg_"
 });
 var PaginationRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(PaginationRoot, _Component);

package/pagination/lib/es6/Pagination.js

@@ -28,16 +28,16 @@ import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 /*__reshadow-styles__:"./style/pagination.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPagination_1a9sq_gg_{justify-content:flex-start;align-items:center}.___SNextPage_1a9sq_gg_,.___SPrevPage_1a9sq_gg_{align-self:center;margin-left:var(--intergalactic-spacing-2x, 8px)}.___SLabel_1a9sq_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SLabel_1a9sq_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-4x, 16px)}.___STotalPages_1a9sq_gg_{align-self:center;line-height:normal;color:var(--intergalactic-text-link, #006dca)}.___STotalPagesLabel_1a9sq_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-1x, 4px);color:var(--intergalactic-text-primary, #191b23)}.___STotalLastPages_1a9sq_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23)}.___SPageInput_1a9sq_gg_{max-width:68px;margin-left:var(--intergalactic-spacing-1x, 4px)}.___SPageInput_1a9sq_gg_:focus-within .___SPageInputAddon_1a9sq_gg_{opacity:1;clip:initial;position:static}.___SPageInputAddon_1a9sq_gg_{opacity:0;clip:rect(1px,1px,1px,1px);position:absolute}.___SLabel_1a9sq_gg_,.___STotalPagesLabel_1a9sq_gg_,.___STotalPages_1a9sq_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "1a9sq_gg_") /*__reshadow_css_end__*/, {
-  "__SPagination": "___SPagination_1a9sq_gg_",
-  "__SNextPage": "___SNextPage_1a9sq_gg_",
-  "__SPrevPage": "___SPrevPage_1a9sq_gg_",
-  "__SLabel": "___SLabel_1a9sq_gg_",
-  "__STotalPages": "___STotalPages_1a9sq_gg_",
-  "__STotalPagesLabel": "___STotalPagesLabel_1a9sq_gg_",
-  "__STotalLastPages": "___STotalLastPages_1a9sq_gg_",
-  "__SPageInput": "___SPageInput_1a9sq_gg_",
-  "__SPageInputAddon": "___SPageInputAddon_1a9sq_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPagination_fkcm9_gg_{justify-content:flex-start;align-items:center}.___SNextPage_fkcm9_gg_,.___SPrevPage_fkcm9_gg_{align-self:center;margin-left:var(--intergalactic-spacing-2x, 8px)}.___SLabel_fkcm9_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SLabel_fkcm9_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-4x, 16px)}.___STotalPages_fkcm9_gg_{align-self:center;line-height:normal;color:var(--intergalactic-text-link, #006dca)}.___STotalPagesLabel_fkcm9_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-1x, 4px);color:var(--intergalactic-text-primary, #191b23)}.___STotalLastPages_fkcm9_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23)}.___SPageInput_fkcm9_gg_{max-width:68px;margin-left:var(--intergalactic-spacing-1x, 4px)}.___SPageInput_fkcm9_gg_:focus-within .___SPageInputAddon_fkcm9_gg_{opacity:1;clip:initial;position:static}.___SPageInputAddon_fkcm9_gg_{opacity:0;clip:rect(1px,1px,1px,1px);position:absolute}.___SLabel_fkcm9_gg_,.___STotalPagesLabel_fkcm9_gg_,.___STotalPages_fkcm9_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "fkcm9_gg_") /*__reshadow_css_end__*/, {
+  "__SPagination": "___SPagination_fkcm9_gg_",
+  "__SNextPage": "___SNextPage_fkcm9_gg_",
+  "__SPrevPage": "___SPrevPage_fkcm9_gg_",
+  "__SLabel": "___SLabel_fkcm9_gg_",
+  "__STotalPages": "___STotalPages_fkcm9_gg_",
+  "__STotalPagesLabel": "___STotalPagesLabel_fkcm9_gg_",
+  "__STotalLastPages": "___STotalLastPages_fkcm9_gg_",
+  "__SPageInput": "___SPageInput_fkcm9_gg_",
+  "__SPageInputAddon": "___SPageInputAddon_fkcm9_gg_"
 });
 import { ScreenReaderOnly } from 'intergalactic/flex-box';
 var PaginationRoot = /*#__PURE__*/function (_Component) {

package/pagination/package.json

@@ -1 +1 @@
-{"name":"intergalactic/pagination","description":"Semrush Pagination Component","version":"4.48.1","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/button":"5.40.1","@semcore/flex-box":"5.39.0","@semcore/icon":"4.53.0","@semcore/input-number":"5.40.1","@semcore/link":"5.42.0","@semcore/tooltip":"6.47.0","@semcore/typography":"5.48.0","@semcore/utils":"4.44.0"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/pagination"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/pagination","description":"Semrush Pagination Component","version":"4.48.2-prerelease.2","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/button":"5.40.2-prerelease.2","@semcore/flex-box":"5.39.1-prerelease.2","@semcore/icon":"4.53.1-prerelease.2","@semcore/input-number":"5.40.2-prerelease.2","@semcore/link":"5.42.1-prerelease.2","@semcore/tooltip":"6.47.1-prerelease.2","@semcore/typography":"5.48.1-prerelease.2","@semcore/utils":"4.44.1-prerelease.2"},"peerDependencies":{"@semcore/core":"^2.37.1-prerelease.2","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/pagination"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}