intergalactic 15.127.0 → 15.128.0-prerelease.0

package/illustration/package.json

@@ -1 +1 @@
-{"name":"intergalactic/illustration","description":"Semrush Illustration Component","version":"2.43.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 clear && pnpm semcore-builder --source=js && pnpm run transform","transform":"tsm --require=../../.ci/tsm-filter-warnings.js transform.ts","clear":"tsm --require=../../.ci/tsm-filter-warnings.js clear.ts","upload-static":"gcs-upload svg/*.svg"},"dependencies":{"@babel/runtime":"^7.17.9","@semcore/flex-box":"5.41.1","colorjs.io":"0.4.3"},"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/illustration"},"devDependencies":{"esbuild":"0.14.29","happy-dom":"9.20.3","svg-to-jsx":"^1.0.4","@semcore/testing-utils":"1.0.0","@types/react":"18.0.21"}}
+{"name":"intergalactic/illustration","description":"Semrush Illustration Component","version":"2.44.0-prerelease.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 clear && pnpm semcore-builder --source=js && pnpm run transform","transform":"tsm --require=../../.ci/tsm-filter-warnings.js transform.ts","clear":"tsm --require=../../.ci/tsm-filter-warnings.js clear.ts","upload-static":"gcs-upload svg/*.svg"},"dependencies":{"@babel/runtime":"^7.17.9","@semcore/flex-box":"5.41.1","colorjs.io":"0.4.3"},"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/illustration"},"devDependencies":{"esbuild":"0.14.29","happy-dom":"9.20.3","fs-extra":"8.1.0","svg-to-jsx":"^1.0.4","@semcore/testing-utils":"1.0.0","@types/react":"18.0.21","@types/fs-extra":"8.1.0"},"exports":{".":{"require":"./lib/cjs/index.js","import":"./lib/es6/index.js","types":"./lib/types/index.d.ts"},"./AccessDenied":{"require":"./AccessDenied/index.js","import":"./AccessDenied/index.mjs","types":"./AccessDenied/index.d.ts"},"./AccessLogIn":{"require":"./AccessLogIn/index.js","import":"./AccessLogIn/index.mjs","types":"./AccessLogIn/index.d.ts"},"./AreaChart":{"require":"./AreaChart/index.js","import":"./AreaChart/index.mjs","types":"./AreaChart/index.d.ts"},"./Blocked":{"require":"./Blocked/index.js","import":"./Blocked/index.mjs","types":"./Blocked/index.d.ts"},"./ChoroplethMapChart":{"require":"./ChoroplethMapChart/index.js","import":"./ChoroplethMapChart/index.mjs","types":"./ChoroplethMapChart/index.d.ts"},"./Coffee":{"require":"./Coffee/index.js","import":"./Coffee/index.mjs","types":"./Coffee/index.d.ts"},"./Collection":{"require":"./Collection/index.js","import":"./Collection/index.mjs","types":"./Collection/index.d.ts"},"./CombinedChart":{"require":"./CombinedChart/index.js","import":"./CombinedChart/index.mjs","types":"./CombinedChart/index.d.ts"},"./Configuration":{"require":"./Configuration/index.js","import":"./Configuration/index.mjs","types":"./Configuration/index.d.ts"},"./Confirmation":{"require":"./Confirmation/index.js","import":"./Confirmation/index.mjs","types":"./Confirmation/index.d.ts"},"./Congrats":{"require":"./Congrats/index.js","import":"./Congrats/index.mjs","types":"./Congrats/index.d.ts"},"./ConnectionLost":{"require":"./ConnectionLost/index.js","import":"./ConnectionLost/index.mjs","types":"./ConnectionLost/index.d.ts"},"./DeletedAccount":{"require":"./DeletedAccount/index.js","import":"./DeletedAccount/index.mjs","types":"./DeletedAccount/index.d.ts"},"./DeletedPage":{"require":"./DeletedPage/index.js","import":"./DeletedPage/index.mjs","types":"./DeletedPage/index.d.ts"},"./Dns":{"require":"./Dns/index.js","import":"./Dns/index.mjs","types":"./Dns/index.d.ts"},"./DonutChart":{"require":"./DonutChart/index.js","import":"./DonutChart/index.mjs","types":"./DonutChart/index.d.ts"},"./Duplicates":{"require":"./Duplicates/index.js","import":"./Duplicates/index.mjs","types":"./Duplicates/index.d.ts"},"./Feedback":{"require":"./Feedback/index.js","import":"./Feedback/index.mjs","types":"./Feedback/index.d.ts"},"./FunnelChart":{"require":"./FunnelChart/index.js","import":"./FunnelChart/index.mjs","types":"./FunnelChart/index.d.ts"},"./Good":{"require":"./Good/index.js","import":"./Good/index.mjs","types":"./Good/index.d.ts"},"./HeatMapChart":{"require":"./HeatMapChart/index.js","import":"./HeatMapChart/index.mjs","types":"./HeatMapChart/index.d.ts"},"./HorizontalBarChart":{"require":"./HorizontalBarChart/index.js","import":"./HorizontalBarChart/index.mjs","types":"./HorizontalBarChart/index.d.ts"},"./KagiChart":{"require":"./KagiChart/index.js","import":"./KagiChart/index.mjs","types":"./KagiChart/index.d.ts"},"./LineChart":{"require":"./LineChart/index.js","import":"./LineChart/index.mjs","types":"./LineChart/index.d.ts"},"./LollipopChart":{"require":"./LollipopChart/index.js","import":"./LollipopChart/index.mjs","types":"./LollipopChart/index.d.ts"},"./MailSent":{"require":"./MailSent/index.js","import":"./MailSent/index.mjs","types":"./MailSent/index.d.ts"},"./Maintenance":{"require":"./Maintenance/index.js","import":"./Maintenance/index.mjs","types":"./Maintenance/index.d.ts"},"./Nexttime":{"require":"./Nexttime/index.js","import":"./Nexttime/index.mjs","types":"./Nexttime/index.d.ts"},"./NoPayment":{"require":"./NoPayment/index.js","import":"./NoPayment/index.mjs","types":"./NoPayment/index.d.ts"},"./NothingFound":{"require":"./NothingFound/index.js","import":"./NothingFound/index.mjs","types":"./NothingFound/index.d.ts"},"./OtherData":{"require":"./OtherData/index.js","import":"./OtherData/index.mjs","types":"./OtherData/index.d.ts"},"./PageError":{"require":"./PageError/index.js","import":"./PageError/index.mjs","types":"./PageError/index.d.ts"},"./PageNotFound":{"require":"./PageNotFound/index.js","import":"./PageNotFound/index.mjs","types":"./PageNotFound/index.d.ts"},"./PieChart":{"require":"./PieChart/index.js","import":"./PieChart/index.mjs","types":"./PieChart/index.d.ts"},"./Processing":{"require":"./Processing/index.js","import":"./Processing/index.mjs","types":"./Processing/index.d.ts"},"./ProjectNotFound":{"require":"./ProjectNotFound/index.js","import":"./ProjectNotFound/index.mjs","types":"./ProjectNotFound/index.d.ts"},"./RadarChart":{"require":"./RadarChart/index.js","import":"./RadarChart/index.mjs","types":"./RadarChart/index.d.ts"},"./RadialTreeChart":{"require":"./RadialTreeChart/index.js","import":"./RadialTreeChart/index.mjs","types":"./RadialTreeChart/index.d.ts"},"./SankeyChart":{"require":"./SankeyChart/index.js","import":"./SankeyChart/index.mjs","types":"./SankeyChart/index.d.ts"},"./ScatterPlotChart":{"require":"./ScatterPlotChart/index.js","import":"./ScatterPlotChart/index.mjs","types":"./ScatterPlotChart/index.d.ts"},"./StackedAreaChart":{"require":"./StackedAreaChart/index.js","import":"./StackedAreaChart/index.mjs","types":"./StackedAreaChart/index.d.ts"},"./Suggestion":{"require":"./Suggestion/index.js","import":"./Suggestion/index.mjs","types":"./Suggestion/index.d.ts"},"./Suggestions":{"require":"./Suggestions/index.js","import":"./Suggestions/index.mjs","types":"./Suggestions/index.d.ts"},"./Table":{"require":"./Table/index.js","import":"./Table/index.mjs","types":"./Table/index.d.ts"},"./TagCloud":{"require":"./TagCloud/index.js","import":"./TagCloud/index.mjs","types":"./TagCloud/index.d.ts"},"./TextLinksEtc":{"require":"./TextLinksEtc/index.js","import":"./TextLinksEtc/index.mjs","types":"./TextLinksEtc/index.d.ts"},"./Timeout":{"require":"./Timeout/index.js","import":"./Timeout/index.mjs","types":"./Timeout/index.d.ts"},"./UnderConstruction":{"require":"./UnderConstruction/index.js","import":"./UnderConstruction/index.mjs","types":"./UnderConstruction/index.d.ts"},"./VennChart":{"require":"./VennChart/index.js","import":"./VennChart/index.mjs","types":"./VennChart/index.d.ts"},"./VerticalBarChart":{"require":"./VerticalBarChart/index.js","import":"./VerticalBarChart/index.mjs","types":"./VerticalBarChart/index.d.ts"},"./Waiting":{"require":"./Waiting/index.js","import":"./Waiting/index.mjs","types":"./Waiting/index.d.ts"},"./Warning":{"require":"./Warning/index.js","import":"./Warning/index.mjs","types":"./Warning/index.d.ts"}}}

package/modal/lib/cjs/Modal.js

@@ -35,14 +35,14 @@ var _ThemeProvider = require("intergalactic/utils/lib/ThemeProvider");
 var _useColorResolver = require("intergalactic/utils/lib/use/useColorResolver");
 var _zIndexStacking = require("intergalactic/utils/lib/zIndexStacking");
 /*__reshadow-styles__:"./style/modal.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SWindow_1vjjl_gg_{position:relative;border-radius:var(--intergalactic-modal-rounded, 12px);background:var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;margin:auto;padding:var(--intergalactic-spacing-10x, 40px);box-shadow:var(--intergalactic-box-shadow-modal, 0px 3px 8px 0px rgba(25, 27, 35, 0.2));color:var(--intergalactic-text-primary, #191b23)}.___SWindow_1vjjl_gg_:focus{outline:0}.___SWindow_1vjjl_gg_ .___STitle_1vjjl_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin-bottom:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-4x, 16px)}.___SWindow_1vjjl_gg_ .___STitle_1vjjl_gg_.__color_1vjjl_gg_{color:var(--color_1vjjl)}.___SWindow_1vjjl_gg_ .___SClose_1vjjl_gg_{display:inline-flex;position:absolute;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SWindow_1vjjl_gg_ .___SClose_1vjjl_gg_.__ghost_1vjjl_gg_{right:0;top:0}.___SWindow_1vjjl_gg_.__ghost_1vjjl_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_1vjjl_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;justify-content:center;align-items:center;padding:var(--intergalactic-spacing-10x, 40px);background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));overflow:auto;-webkit-overflow-scrolling:touch}.___SOverlay_1vjjl_gg_ .___SOverlay_1vjjl_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}@media (max-width:767px){.___SWindow_1vjjl_gg_{min-width:60%}.___SOverlay_1vjjl_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "1vjjl_gg_") /*__reshadow_css_end__*/, {
-  "__SWindow": "___SWindow_1vjjl_gg_",
-  "_ghost": "__ghost_1vjjl_gg_",
-  "__SOverlay": "___SOverlay_1vjjl_gg_",
-  "__STitle": "___STitle_1vjjl_gg_",
-  "_color": "__color_1vjjl_gg_",
-  "--color": "--color_1vjjl",
-  "__SClose": "___SClose_1vjjl_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SWindow_wwtaj_gg_{position:relative;border-radius:var(--intergalactic-modal-rounded, 12px);background:var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;margin:auto;padding:var(--intergalactic-spacing-10x, 40px);box-shadow:var(--intergalactic-box-shadow-modal, 0px 3px 8px 0px rgba(25, 27, 35, 0.2));color:var(--intergalactic-text-primary, #191b23)}.___SWindow_wwtaj_gg_:focus{outline:0}.___SWindow_wwtaj_gg_ .___STitle_wwtaj_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin-bottom:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-4x, 16px)}.___SWindow_wwtaj_gg_ .___STitle_wwtaj_gg_.__color_wwtaj_gg_{color:var(--color_wwtaj)}.___SWindow_wwtaj_gg_ .___SClose_wwtaj_gg_{display:inline-flex;position:absolute;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SWindow_wwtaj_gg_ .___SClose_wwtaj_gg_.__ghost_wwtaj_gg_{right:0;top:0}.___SWindow_wwtaj_gg_.__ghost_wwtaj_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_wwtaj_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;justify-content:center;align-items:center;padding:var(--intergalactic-spacing-10x, 40px);background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));overflow:auto;-webkit-overflow-scrolling:touch}.___SOverlay_wwtaj_gg_ .___SOverlay_wwtaj_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}@media (max-width:767px){.___SWindow_wwtaj_gg_{min-width:60%}.___SOverlay_wwtaj_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "wwtaj_gg_") /*__reshadow_css_end__*/, {
+  "__SWindow": "___SWindow_wwtaj_gg_",
+  "_ghost": "__ghost_wwtaj_gg_",
+  "__SOverlay": "___SOverlay_wwtaj_gg_",
+  "__STitle": "___STitle_wwtaj_gg_",
+  "_color": "__color_wwtaj_gg_",
+  "--color": "--color_wwtaj",
+  "__SClose": "___SClose_wwtaj_gg_"
 });
 var ModalRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(ModalRoot, _Component);

package/modal/lib/es6/Modal.js

@@ -23,14 +23,14 @@ import usePreventScroll from 'intergalactic/utils/lib/use/usePreventScroll';
 import { isAdvanceMode } from 'intergalactic/utils/lib/findComponent';
 import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 /*__reshadow-styles__:"./style/modal.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SWindow_1vjjl_gg_{position:relative;border-radius:var(--intergalactic-modal-rounded, 12px);background:var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;margin:auto;padding:var(--intergalactic-spacing-10x, 40px);box-shadow:var(--intergalactic-box-shadow-modal, 0px 3px 8px 0px rgba(25, 27, 35, 0.2));color:var(--intergalactic-text-primary, #191b23)}.___SWindow_1vjjl_gg_:focus{outline:0}.___SWindow_1vjjl_gg_ .___STitle_1vjjl_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin-bottom:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-4x, 16px)}.___SWindow_1vjjl_gg_ .___STitle_1vjjl_gg_.__color_1vjjl_gg_{color:var(--color_1vjjl)}.___SWindow_1vjjl_gg_ .___SClose_1vjjl_gg_{display:inline-flex;position:absolute;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SWindow_1vjjl_gg_ .___SClose_1vjjl_gg_.__ghost_1vjjl_gg_{right:0;top:0}.___SWindow_1vjjl_gg_.__ghost_1vjjl_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_1vjjl_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;justify-content:center;align-items:center;padding:var(--intergalactic-spacing-10x, 40px);background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));overflow:auto;-webkit-overflow-scrolling:touch}.___SOverlay_1vjjl_gg_ .___SOverlay_1vjjl_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}@media (max-width:767px){.___SWindow_1vjjl_gg_{min-width:60%}.___SOverlay_1vjjl_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "1vjjl_gg_") /*__reshadow_css_end__*/, {
-  "__SWindow": "___SWindow_1vjjl_gg_",
-  "_ghost": "__ghost_1vjjl_gg_",
-  "__SOverlay": "___SOverlay_1vjjl_gg_",
-  "__STitle": "___STitle_1vjjl_gg_",
-  "_color": "__color_1vjjl_gg_",
-  "--color": "--color_1vjjl",
-  "__SClose": "___SClose_1vjjl_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SWindow_wwtaj_gg_{position:relative;border-radius:var(--intergalactic-modal-rounded, 12px);background:var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;margin:auto;padding:var(--intergalactic-spacing-10x, 40px);box-shadow:var(--intergalactic-box-shadow-modal, 0px 3px 8px 0px rgba(25, 27, 35, 0.2));color:var(--intergalactic-text-primary, #191b23)}.___SWindow_wwtaj_gg_:focus{outline:0}.___SWindow_wwtaj_gg_ .___STitle_wwtaj_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin-bottom:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-4x, 16px)}.___SWindow_wwtaj_gg_ .___STitle_wwtaj_gg_.__color_wwtaj_gg_{color:var(--color_wwtaj)}.___SWindow_wwtaj_gg_ .___SClose_wwtaj_gg_{display:inline-flex;position:absolute;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SWindow_wwtaj_gg_ .___SClose_wwtaj_gg_.__ghost_wwtaj_gg_{right:0;top:0}.___SWindow_wwtaj_gg_.__ghost_wwtaj_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_wwtaj_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;justify-content:center;align-items:center;padding:var(--intergalactic-spacing-10x, 40px);background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));overflow:auto;-webkit-overflow-scrolling:touch}.___SOverlay_wwtaj_gg_ .___SOverlay_wwtaj_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}@media (max-width:767px){.___SWindow_wwtaj_gg_{min-width:60%}.___SOverlay_wwtaj_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "wwtaj_gg_") /*__reshadow_css_end__*/, {
+  "__SWindow": "___SWindow_wwtaj_gg_",
+  "_ghost": "__ghost_wwtaj_gg_",
+  "__SOverlay": "___SOverlay_wwtaj_gg_",
+  "__STitle": "___STitle_wwtaj_gg_",
+  "_color": "__color_wwtaj_gg_",
+  "--color": "--color_wwtaj",
+  "__SClose": "___SClose_wwtaj_gg_"
 });
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';

package/modal/lib/esm/Modal.mjs

@@ -2,18 +2,18 @@ import f from "@babel/runtime/helpers/esm/objectSpread2";
 import S from "@babel/runtime/helpers/esm/classCallCheck";
 import P from "@babel/runtime/helpers/esm/createClass";
 import g from "@babel/runtime/helpers/esm/assertThisInitialized";
-import w from "@babel/runtime/helpers/esm/inherits";
-import k from "@babel/runtime/helpers/esm/createSuper";
+import k from "@babel/runtime/helpers/esm/inherits";
+import j from "@babel/runtime/helpers/esm/createSuper";
 import d from "@babel/runtime/helpers/esm/defineProperty";
 import { sstyled as T } from 'intergalactic/utils/lib/core/index';
-import E, { assignProps as m, Component as O, sstyled as p } from 'intergalactic/core';
-import n from "react";
+import E, { assignProps as u, Component as O, sstyled as w } from 'intergalactic/core';
+import l from "react";
 import { Slide as I, FadeInOut as W } from 'intergalactic/animation';
 import z, { PortalProvider as M } from 'intergalactic/portal';
 import C from 'intergalactic/button';
 import D from 'intergalactic/outside-click';
 import R from 'intergalactic/icon/Close/l';
-import j from 'intergalactic/utils/lib/fire';
+import h from 'intergalactic/utils/lib/fire';
 import A from 'intergalactic/utils/lib/use/usePreventScroll';
 import { isAdvanceMode as $ } from 'intergalactic/utils/lib/findComponent';
 import H from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
@@ -30,41 +30,41 @@ var J = (
   /*__reshadow_css_start__*/
   (T.insert(
     /*__inner_css_start__*/
-    ".___SWindow_1vjjl_gg_{position:relative;border-radius:var(--intergalactic-modal-rounded, 12px);background:var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;margin:auto;padding:var(--intergalactic-spacing-10x, 40px);box-shadow:var(--intergalactic-box-shadow-modal, 0px 3px 8px 0px rgba(25, 27, 35, 0.2));color:var(--intergalactic-text-primary, #191b23)}.___SWindow_1vjjl_gg_:focus{outline:0}.___SWindow_1vjjl_gg_ .___STitle_1vjjl_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin-bottom:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-4x, 16px)}.___SWindow_1vjjl_gg_ .___STitle_1vjjl_gg_.__color_1vjjl_gg_{color:var(--color_1vjjl)}.___SWindow_1vjjl_gg_ .___SClose_1vjjl_gg_{display:inline-flex;position:absolute;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SWindow_1vjjl_gg_ .___SClose_1vjjl_gg_.__ghost_1vjjl_gg_{right:0;top:0}.___SWindow_1vjjl_gg_.__ghost_1vjjl_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_1vjjl_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;justify-content:center;align-items:center;padding:var(--intergalactic-spacing-10x, 40px);background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));overflow:auto;-webkit-overflow-scrolling:touch}.___SOverlay_1vjjl_gg_ .___SOverlay_1vjjl_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}@media (max-width:767px){.___SWindow_1vjjl_gg_{min-width:60%}.___SOverlay_1vjjl_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}",
-    "1vjjl_gg_"
+    ".___SWindow_wwtaj_gg_{position:relative;border-radius:var(--intergalactic-modal-rounded, 12px);background:var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;margin:auto;padding:var(--intergalactic-spacing-10x, 40px);box-shadow:var(--intergalactic-box-shadow-modal, 0px 3px 8px 0px rgba(25, 27, 35, 0.2));color:var(--intergalactic-text-primary, #191b23)}.___SWindow_wwtaj_gg_:focus{outline:0}.___SWindow_wwtaj_gg_ .___STitle_wwtaj_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin-bottom:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-4x, 16px)}.___SWindow_wwtaj_gg_ .___STitle_wwtaj_gg_.__color_wwtaj_gg_{color:var(--color_wwtaj)}.___SWindow_wwtaj_gg_ .___SClose_wwtaj_gg_{display:inline-flex;position:absolute;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SWindow_wwtaj_gg_ .___SClose_wwtaj_gg_.__ghost_wwtaj_gg_{right:0;top:0}.___SWindow_wwtaj_gg_.__ghost_wwtaj_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_wwtaj_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;justify-content:center;align-items:center;padding:var(--intergalactic-spacing-10x, 40px);background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));overflow:auto;-webkit-overflow-scrolling:touch}.___SOverlay_wwtaj_gg_ .___SOverlay_wwtaj_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}@media (max-width:767px){.___SWindow_wwtaj_gg_{min-width:60%}.___SOverlay_wwtaj_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}",
+    "wwtaj_gg_"
   ), {
-    __SWindow: "___SWindow_1vjjl_gg_",
-    _ghost: "__ghost_1vjjl_gg_",
-    __SOverlay: "___SOverlay_1vjjl_gg_",
-    __STitle: "___STitle_1vjjl_gg_",
-    _color: "__color_1vjjl_gg_",
-    "--color": "--color_1vjjl",
-    __SClose: "___SClose_1vjjl_gg_"
+    __SWindow: "___SWindow_wwtaj_gg_",
+    _ghost: "__ghost_wwtaj_gg_",
+    __SOverlay: "___SOverlay_wwtaj_gg_",
+    __STitle: "___STitle_wwtaj_gg_",
+    _color: "__color_wwtaj_gg_",
+    "--color": "--color_wwtaj",
+    __SClose: "___SClose_wwtaj_gg_"
   })
-), u = /* @__PURE__ */ function(i) {
-  w(r, i);
-  var c = k(r);
-  function r() {
-    var l;
-    S(this, r);
-    for (var e = arguments.length, a = new Array(e), t = 0; t < e; t++)
-      a[t] = arguments[t];
-    return l = c.call.apply(c, [this].concat(a)), d(g(l), "state", {
+), v = /* @__PURE__ */ function(r) {
+  k(a, r);
+  var c = j(a);
+  function a() {
+    var n;
+    S(this, a);
+    for (var e = arguments.length, i = new Array(e), t = 0; t < e; t++)
+      i[t] = arguments[t];
+    return n = c.call.apply(c, [this].concat(i)), d(g(n), "state", {
       hasTitle: !1
-    }), d(g(l), "handleKeyDown", function(o) {
-      o.key === "Escape" && (o.stopPropagation(), j(g(l), "onClose", "onEscape", o));
-    }), d(g(l), "handleIconCloseClick", function(o) {
-      j(g(l), "onClose", "onCloseClick", o);
-    }), d(g(l), "handleOutsideClick", function(o) {
-      j(g(l), "onClose", "onOutsideClick", o);
-    }), l;
+    }), d(g(n), "handleKeyDown", function(o) {
+      o.key === "Escape" && (o.stopPropagation(), h(g(n), "onClose", "onEscape", o));
+    }), d(g(n), "handleIconCloseClick", function(o) {
+      h(g(n), "onClose", "onCloseClick", o);
+    }), d(g(n), "handleOutsideClick", function(o) {
+      h(g(n), "onClose", "onOutsideClick", o);
+    }), n;
   }
-  return P(r, [{
+  return P(a, [{
     key: "getOverlayProps",
     value: function() {
-      var e = this.asProps, a = e.duration, t = e.visible, o = e.animationsDisabled, s = e.disablePreventScroll;
+      var e = this.asProps, i = e.duration, t = e.visible, o = e.animationsDisabled, s = e.disablePreventScroll;
       return {
-        duration: a,
+        duration: i,
         visible: t,
         onOutsideClick: this.handleOutsideClick,
         animationsDisabled: o,
@@ -74,68 +74,68 @@ var J = (
   }, {
     key: "getWindowProps",
     value: function() {
-      var e = this.asProps, a = e.visible, t = e.closable, o = e.getI18nText, s = e.uid, _ = e.duration, h = e.animationsDisabled, b = this.state.hasTitle;
+      var e = this.asProps, i = e.visible, t = e.closable, o = e.getI18nText, s = e.uid, _ = e.duration, p = e.animationsDisabled, b = this.state.hasTitle;
       return {
-        visible: a,
+        visible: i,
         closable: t,
         onKeyDown: this.handleKeyDown,
         "aria-label": b ? void 0 : o("title"),
         "aria-labelledby": b ? "igc-".concat(s, "-title") : void 0,
         duration: _,
-        animationsDisabled: h
+        animationsDisabled: p
       };
     }
   }, {
     key: "getCloseProps",
     value: function() {
-      var e = this.asProps, a = e.getI18nText, t = e.ghost;
+      var e = this.asProps, i = e.getI18nText, t = e.ghost;
       return {
         onClick: this.handleIconCloseClick,
-        getI18nText: a,
+        getI18nText: i,
         ghost: t
       };
     }
   }, {
     key: "getTitleProps",
     value: function() {
-      var e = this, a = this.asProps.uid, t = function() {
+      var e = this, i = this.asProps.uid, t = function() {
         return e.setState({
           hasTitle: !0
         });
       };
       return {
-        id: "igc-".concat(a, "-title"),
+        id: "igc-".concat(i, "-title"),
         setHasTitle: t
       };
     }
   }, {
     key: "render",
     value: function() {
-      var e = this.asProps, a = this.asProps, t = a.Children, o = a.disablePortal, s = a.forcedAdvancedMode, _ = a.ignorePortalsStacking, h = s || $(t, [v.Overlay.displayName, v.Window.displayName]);
-      return /* @__PURE__ */ n.createElement(z, {
+      var e = this.asProps, i = this.asProps, t = i.Children, o = i.disablePortal, s = i.forcedAdvancedMode, _ = i.ignorePortalsStacking, p = s || $(t, [m.Overlay.displayName, m.Window.displayName]);
+      return /* @__PURE__ */ l.createElement(z, {
         disablePortal: o,
         ignorePortalsStacking: _
-      }, h ? /* @__PURE__ */ n.createElement(t, null) : /* @__PURE__ */ n.createElement(v.Overlay, null, /* @__PURE__ */ n.createElement(v.Window, m({}, e))));
+      }, p ? /* @__PURE__ */ l.createElement(t, null) : /* @__PURE__ */ l.createElement(m.Overlay, null, /* @__PURE__ */ l.createElement(m.Window, u({}, e))));
     }
-  }]), r;
+  }]), a;
 }(O);
-d(u, "displayName", "Modal");
-d(u, "style", J);
-d(u, "enhance", [N(x), K(), Z({
+d(v, "displayName", "Modal");
+d(v, "style", J);
+d(v, "enhance", [N(x), K(), Z({
   variable: "--intergalactic-duration-modal",
   fallback: "200",
   map: Number.parseInt,
   prop: "duration"
 })]);
-d(u, "defaultProps", {
+d(v, "defaultProps", {
   closable: !0,
   i18n: x,
   locale: "en",
   disablePreventScroll: !1
 });
-function Q(i) {
-  var c = arguments[0], r, l = I, e = i.Children, a = i.styles, t = i.visible, o = i.closable, s = i.duration, _ = n.useRef(null);
-  return q(_, !0, "auto", !t, !0), r = p(a), /* @__PURE__ */ n.createElement(l, r.cn("SWindow", f({}, m({
+function Q(r) {
+  var c = arguments[0], a, n = I, e = r.Children, i = r.styles, t = r.visible, o = r.closable, s = r.duration, _ = l.useRef(null);
+  return q(_, !0, "auto", !t, !0), a = w(i), /* @__PURE__ */ l.createElement(n, a.cn("SWindow", f({}, u({
     initialAnimation: !0,
     slideOrigin: "top",
     visible: t,
@@ -143,54 +143,54 @@ function Q(i) {
     "aria-modal": !0,
     duration: s,
     ref: _
-  }, c))), /* @__PURE__ */ n.createElement(V, r.cn("ZIndexStackingContextProvider", {
+  }, c))), /* @__PURE__ */ l.createElement(V, a.cn("ZIndexStackingContextProvider", {
     designToken: "z-index-modal"
-  }), /* @__PURE__ */ n.createElement(M, r.cn("PortalProvider", {
+  }), /* @__PURE__ */ l.createElement(M, a.cn("PortalProvider", {
     value: _
-  }), o && /* @__PURE__ */ n.createElement(v.Close, null), /* @__PURE__ */ n.createElement(e, r.cn("Children", {})))));
+  }), o && /* @__PURE__ */ l.createElement(m.Close, null), /* @__PURE__ */ l.createElement(e, a.cn("Children", {})))));
 }
-function U(i) {
-  var c = arguments[0], r, l = W, e = i.Children, a = i.styles, t = i.onOutsideClick, o = i.visible, s = n.useRef(null);
-  A(o, i.disablePreventScroll), B(s, o);
+function U(r) {
+  var c = arguments[0], a, n = W, e = r.Children, i = r.styles, t = r.onOutsideClick, o = r.visible, s = l.useRef(null);
+  A(o, r.disablePreventScroll), B(s, o);
   var _ = G("z-index-modal");
-  return r = p(a), /* @__PURE__ */ n.createElement(l, r.cn("SOverlay", f({}, m({
+  return a = w(i), /* @__PURE__ */ l.createElement(n, a.cn("SOverlay", f({}, u({
     ref: s,
     zIndex: _
-  }, c))), /* @__PURE__ */ n.createElement(D, r.cn("OutsideClick", {
+  }, c))), /* @__PURE__ */ l.createElement(D, a.cn("OutsideClick", {
     root: s,
     onOutsideClick: t
-  }), /* @__PURE__ */ n.createElement(e, r.cn("Children", {}))));
+  }), /* @__PURE__ */ l.createElement(e, a.cn("Children", {}))));
 }
-function y(i) {
-  var c = arguments[0], r, l = C, e = i.Children, a = i.children, t = i.getI18nText, o = i.ghost;
-  return r = p(i.styles), /* @__PURE__ */ n.createElement(l, r.cn("SClose", f({}, m({
+function y(r) {
+  var c = arguments[0], a, n = C, e = r.Children, i = r.children, t = r.getI18nText, o = r.ghost;
+  return a = w(r.styles), /* @__PURE__ */ l.createElement(n, a.cn("SClose", f({}, u({
     use: "tertiary",
     size: "l",
     theme: o ? "invert" : "muted",
     "aria-label": t("close")
-  }, c))), a ? /* @__PURE__ */ n.createElement(e, r.cn("Children", {})) : /* @__PURE__ */ n.createElement(C.Addon, {
+  }, c))), i ? /* @__PURE__ */ l.createElement(e, a.cn("Children", {})) : /* @__PURE__ */ l.createElement(C.Addon, {
     ml: "7px",
     mr: "7px"
-  }, /* @__PURE__ */ n.createElement(R, r.cn("CloseIcon", {
+  }, /* @__PURE__ */ l.createElement(R, a.cn("CloseIcon", {
     title: t("close")
   }))));
 }
 y.enhance = [H()];
-function X(i) {
-  var c = arguments[0], r, l = i.setHasTitle, e = i.styles, a = i.color, t = F, o = L();
-  return n.useEffect(function() {
-    return l();
-  }), r = p(e), /* @__PURE__ */ n.createElement(t, r.cn("STitle", f({}, m({
+function X(r) {
+  var c = arguments[0], a, n = r.setHasTitle, e = r.styles, i = r.color, t = F, o = L();
+  return l.useEffect(function() {
+    return n();
+  }), a = w(e), /* @__PURE__ */ l.createElement(t, a.cn("STitle", f({}, u({
     tag: "h2",
-    "use:color": o(a)
+    "use:color": o(i)
   }, c))));
 }
-var v = E(u, {
+var m = E(v, {
   Window: Q,
   Overlay: U,
   Close: y,
   Title: X
 });
 export {
-  v as default
+  m as default
 };

package/modal/package.json

@@ -1 +1 @@
-{"name":"intergalactic/modal","description":"Semrush Modal Component","version":"4.55.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 --source=js && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/button":"5.43.0","@semcore/animation":"2.41.1","@semcore/flex-box":"5.41.1","@semcore/icon":"4.60.1","@semcore/outside-click":"3.39.1","@semcore/portal":"3.41.1","@semcore/typography":"5.52.1","@semcore/utils":"4.48.1"},"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/modal"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/modal","description":"Semrush Modal Component","version":"4.56.0-prerelease.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 --source=js && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/button":"5.43.0","@semcore/animation":"2.41.1","@semcore/flex-box":"5.41.1","@semcore/icon":"4.60.1","@semcore/outside-click":"3.40.0-prerelease.0","@semcore/portal":"3.41.1","@semcore/typography":"5.52.1","@semcore/utils":"4.48.1"},"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/modal"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

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

@@ -26,21 +26,28 @@ function OutsideClick(props) {
     onOutsideClick = _props$onOutsideClick === void 0 ? noop : _props$onOutsideClick;
   var children = (0, _getOriginChildren["default"])(Children);
   var nodeRef = _react["default"].useRef(null);
-  var targetRef = _react["default"].useRef(null);
+  var mouseDownInside = _react["default"].useRef(false);
   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, _ref5.getNodeByRef)(node);
-    }).some(function (node) {
-      var _getNodeByRef;
-      return (_getNodeByRef = (0, _ref5.getNodeByRef)(node)) === null || _getNodeByRef === void 0 ? void 0 : _getNodeByRef.contains(targetRef.current || (0, _getEventTarget.getEventTarget)(event));
+    var nodesToCheck = [].concat((0, _toConsumableArray2["default"])(excludeRefs), [nodeRef]).map(function (ref) {
+      return (0, _ref5.getNodeByRef)(ref);
+    });
+    var eventTarget = (0, _getEventTarget.getEventTarget)(event);
+    var isTargetEvent = nodesToCheck.some(function (node) {
+      return mouseDownInside.current || (node === null || node === void 0 ? void 0 : node.contains(eventTarget));
     });
     if (!isTargetEvent) {
       onOutsideClick === null || onOutsideClick === void 0 ? void 0 : onOutsideClick(event);
     }
   });
   var handleMouseDown = (0, _useEventCallback["default"])(function (event) {
-    targetRef.current = (0, _getEventTarget.getEventTarget)(event);
+    var nodesToCheck = [].concat((0, _toConsumableArray2["default"])(excludeRefs), [nodeRef]).map(function (ref) {
+      return (0, _ref5.getNodeByRef)(ref);
+    });
+    var eventTarget = (0, _getEventTarget.getEventTarget)(event);
+    mouseDownInside.current = nodesToCheck.some(function (node) {
+      return node === null || node === void 0 ? void 0 : node.contains(eventTarget);
+    });
   });
   var toggleEvents = function toggleEvents(status, outsideRoot) {
     var isModalRoot = outsideRoot instanceof HTMLElement && outsideRoot.dataset.uiName === 'Modal.Overlay';

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

@@ -1 +1 @@
-{"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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"}
+{"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","mouseDownInside","handleRef","useForkRef","ref","handleOutsideClick","useEventCallback","event","nodesToCheck","concat","_toConsumableArray2","map","getNodeByRef","eventTarget","getEventTarget","isTargetEvent","some","node","current","contains","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 mouseDownInside = React.useRef<boolean>(false);\n\n  const handleRef = useForkRef(children ? children.ref : null, nodeRef, forwardRef!);\n\n  const handleOutsideClick = useEventCallback((event: any) => {\n    const nodesToCheck = [...(excludeRefs as any), nodeRef].map((ref) => getNodeByRef(ref));\n    const eventTarget = getEventTarget(event) as Node | null;\n\n    const isTargetEvent = nodesToCheck.some(\n      (node) => mouseDownInside.current || node?.contains(eventTarget),\n    );\n\n    if (!isTargetEvent) {\n      onOutsideClick?.(event);\n    }\n  });\n\n  const handleMouseDown = useEventCallback((event: any) => {\n    const nodesToCheck = [...(excludeRefs as any), nodeRef].map((ref) => getNodeByRef(ref));\n    const eventTarget = getEventTarget(event) as Node | null;\n\n    mouseDownInside.current = nodesToCheck.some((node) => node?.contains(eventTarget));\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

@@ -21,21 +21,28 @@ function OutsideClick(props) {
     onOutsideClick = _props$onOutsideClick === void 0 ? noop : _props$onOutsideClick;
   var children = getOriginChildren(Children);
   var nodeRef = React.useRef(null);
-  var targetRef = React.useRef(null);
+  var mouseDownInside = React.useRef(false);
   var handleRef = useForkRef(children ? children.ref : null, nodeRef, forwardRef);
   var handleOutsideClick = useEventCallback(function (event) {
-    var isTargetEvent = [].concat(_toConsumableArray(excludeRefs), [nodeRef]).filter(function (node) {
-      return getNodeByRef(node);
-    }).some(function (node) {
-      var _getNodeByRef;
-      return (_getNodeByRef = getNodeByRef(node)) === null || _getNodeByRef === void 0 ? void 0 : _getNodeByRef.contains(targetRef.current || getEventTarget(event));
+    var nodesToCheck = [].concat(_toConsumableArray(excludeRefs), [nodeRef]).map(function (ref) {
+      return getNodeByRef(ref);
+    });
+    var eventTarget = getEventTarget(event);
+    var isTargetEvent = nodesToCheck.some(function (node) {
+      return mouseDownInside.current || (node === null || node === void 0 ? void 0 : node.contains(eventTarget));
     });
     if (!isTargetEvent) {
       onOutsideClick === null || onOutsideClick === void 0 ? void 0 : onOutsideClick(event);
     }
   });
   var handleMouseDown = useEventCallback(function (event) {
-    targetRef.current = getEventTarget(event);
+    var nodesToCheck = [].concat(_toConsumableArray(excludeRefs), [nodeRef]).map(function (ref) {
+      return getNodeByRef(ref);
+    });
+    var eventTarget = getEventTarget(event);
+    mouseDownInside.current = nodesToCheck.some(function (node) {
+      return node === null || node === void 0 ? void 0 : node.contains(eventTarget);
+    });
   });
   var toggleEvents = function toggleEvents(status, outsideRoot) {
     var isModalRoot = outsideRoot instanceof HTMLElement && outsideRoot.dataset.uiName === 'Modal.Overlay';

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","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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"}
+{"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","mouseDownInside","handleRef","ref","handleOutsideClick","event","nodesToCheck","concat","_toConsumableArray","map","eventTarget","isTargetEvent","some","node","current","contains","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 mouseDownInside = React.useRef<boolean>(false);\n\n  const handleRef = useForkRef(children ? children.ref : null, nodeRef, forwardRef!);\n\n  const handleOutsideClick = useEventCallback((event: any) => {\n    const nodesToCheck = [...(excludeRefs as any), nodeRef].map((ref) => getNodeByRef(ref));\n    const eventTarget = getEventTarget(event) as Node | null;\n\n    const isTargetEvent = nodesToCheck.some(\n      (node) => mouseDownInside.current || node?.contains(eventTarget),\n    );\n\n    if (!isTargetEvent) {\n      onOutsideClick?.(event);\n    }\n  });\n\n  const handleMouseDown = useEventCallback((event: any) => {\n    const nodesToCheck = [...(excludeRefs as any), nodeRef].map((ref) => getNodeByRef(ref));\n    const eventTarget = getEventTarget(event) as Node | null;\n\n    mouseDownInside.current = nodesToCheck.some((node) => node?.contains(eventTarget));\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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"}