intergalactic 15.127.0 → 15.128.0-prerelease.1

package/notice-global/lib/esm/NoticeGlobal.mjs

@@ -1,18 +1,18 @@
-import u from "@babel/runtime/helpers/esm/objectSpread2";
-import P from "@babel/runtime/helpers/esm/classCallCheck";
-import T from "@babel/runtime/helpers/esm/createClass";
-import w from "@babel/runtime/helpers/esm/inherits";
-import M from "@babel/runtime/helpers/esm/createSuper";
+import v from "@babel/runtime/helpers/esm/objectSpread2";
+import T from "@babel/runtime/helpers/esm/classCallCheck";
+import w from "@babel/runtime/helpers/esm/createClass";
+import M from "@babel/runtime/helpers/esm/inherits";
+import z from "@babel/runtime/helpers/esm/createSuper";
 import s from "@babel/runtime/helpers/esm/defineProperty";
 import { sstyled as A } from 'intergalactic/utils/lib/core/index';
 import F, { sstyled as d, assignProps as p, Component as R } from 'intergalactic/core';
-import o from "react";
+import a from "react";
 import { Flex as j } from 'intergalactic/flex-box';
 import $ from 'intergalactic/icon/Close/m';
 import B from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
 import { FadeInOut as L } from 'intergalactic/animation';
 import { isAdvanceMode as O } from 'intergalactic/utils/lib/findComponent';
-import { localizedMessages as h } from "./translations/__intergalactic-dynamic-locales.mjs";
+import { localizedMessages as u } from "./translations/__intergalactic-dynamic-locales.mjs";
 import V from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import { cssVariableEnhance as q } from 'intergalactic/utils/lib/useCssVariable';
 import D from 'intergalactic/button';
@@ -21,58 +21,58 @@ var J = (
   /*__reshadow_css_start__*/
   (A.insert(
     /*__inner_css_start__*/
-    ".___SNoticeGlobal_ufzn7_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_ufzn7_gg_{margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNoticeGlobal_ufzn7_gg_._theme_neutral_ufzn7_gg_{background-color:var(--intergalactic-bg-primary-muted, #6c6e79);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_ufzn7_gg_._theme_info_ufzn7_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_ufzn7_gg_._theme_danger_ufzn7_gg_{background-color:var(--intergalactic-bg-primary-critical, #ff4953);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_ufzn7_gg_._theme_warning_ufzn7_gg_{background-color:var(--intergalactic-bg-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_ufzn7_gg_._theme_success_ufzn7_gg_{background-color:var(--intergalactic-bg-primary-success, #009f81);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_ufzn7_gg_._theme_custom_ufzn7_gg_{background-color:var(--backgroundColor_ufzn7)}.___SContent_ufzn7_gg_{flex:1 1 auto;width:100%;justify-content:center}",
-    "ufzn7_gg_"
+    ".___SNoticeGlobal_1o1vy_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_1o1vy_gg_{margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNoticeGlobal_1o1vy_gg_._theme_neutral_1o1vy_gg_{background-color:var(--intergalactic-bg-primary-muted, #6c6e79);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1o1vy_gg_._theme_info_1o1vy_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1o1vy_gg_._theme_danger_1o1vy_gg_{background-color:var(--intergalactic-bg-primary-critical, #ff4953);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1o1vy_gg_._theme_warning_1o1vy_gg_{background-color:var(--intergalactic-bg-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1o1vy_gg_._theme_success_1o1vy_gg_{background-color:var(--intergalactic-bg-primary-success, #009f81);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1o1vy_gg_._theme_custom_1o1vy_gg_{background-color:var(--backgroundColor_1o1vy)}.___SContent_1o1vy_gg_{flex:1 1 auto;width:100%;justify-content:center}",
+    "1o1vy_gg_"
   ), {
-    __SNoticeGlobal: "___SNoticeGlobal_ufzn7_gg_",
-    __SCloseIcon: "___SCloseIcon_ufzn7_gg_",
-    _theme_neutral: "_theme_neutral_ufzn7_gg_",
-    _theme_info: "_theme_info_ufzn7_gg_",
-    _theme_danger: "_theme_danger_ufzn7_gg_",
-    _theme_warning: "_theme_warning_ufzn7_gg_",
-    _theme_success: "_theme_success_ufzn7_gg_",
-    _theme_custom: "_theme_custom_ufzn7_gg_",
-    "--backgroundColor": "--backgroundColor_ufzn7",
-    __SContent: "___SContent_ufzn7_gg_"
+    __SNoticeGlobal: "___SNoticeGlobal_1o1vy_gg_",
+    __SCloseIcon: "___SCloseIcon_1o1vy_gg_",
+    _theme_neutral: "_theme_neutral_1o1vy_gg_",
+    _theme_info: "_theme_info_1o1vy_gg_",
+    _theme_danger: "_theme_danger_1o1vy_gg_",
+    _theme_warning: "_theme_warning_1o1vy_gg_",
+    _theme_success: "_theme_success_1o1vy_gg_",
+    _theme_custom: "_theme_custom_1o1vy_gg_",
+    "--backgroundColor": "--backgroundColor_1o1vy",
+    __SContent: "___SContent_1o1vy_gg_"
   })
 );
-function K(t) {
-  return !["danger", "warning", "success", "info", "neutral"].includes(t);
+function K(o) {
+  return !["danger", "warning", "success", "info", "neutral"].includes(o);
 }
-var c = /* @__PURE__ */ function(t) {
-  w(e, t);
-  var _ = M(e);
+var c = /* @__PURE__ */ function(o) {
+  M(e, o);
+  var _ = z(e);
   function e() {
-    return P(this, e), _.apply(this, arguments);
+    return T(this, e), _.apply(this, arguments);
   }
-  return T(e, [{
+  return w(e, [{
     key: "getCloseIconProps",
     value: function() {
-      var n = this.asProps.getI18nText;
+      var t = this.asProps.getI18nText;
       return {
-        getI18nText: n
+        getI18nText: t
       };
     }
   }, {
     key: "render",
     value: function() {
-      var n = this.asProps, a, g = L, r = this.asProps, f = r.Children, b = r.styles, C = r.hidden, i = r.theme, y = r.closable, z = r.onClose, x = r.forcedAdvancedMode, S = r.resolveColor, N = r.getI18nText, I = i === "danger" || i === "warning", k = S(i), G = K(i) ? "custom" : i, E = x || O(f, [m.Content.displayName]);
-      return a = d(b), /* @__PURE__ */ o.createElement(g, a.cn("SNoticeGlobal", u({}, p({
-        visible: !C,
-        "use:theme": G,
-        backgroundColor: k,
+      var t = this.asProps, n, g = L, r = this.asProps, m = r.Children, h = r.styles, b = r.hidden, i = r.theme, C = r.closable, x = r.onClose, S = r.forcedAdvancedMode, N = r.resolveColor, I = r.getI18nText, k = i === "danger" || i === "warning", G = N(i), E = K(i) ? "custom" : i, P = S || O(m, [f.Content.displayName]);
+      return n = d(h), /* @__PURE__ */ a.createElement(g, n.cn("SNoticeGlobal", v({}, p({
+        visible: !b,
+        "use:theme": E,
+        backgroundColor: G,
         role: "region",
-        "aria-live": I ? "assertive" : "polite",
-        "aria-label": N(i === "danger" ? "criticalNotification" : "notification")
-      }, n))), E ? /* @__PURE__ */ o.createElement(f, a.cn("Children", {})) : /* @__PURE__ */ o.createElement(m.Content, null, /* @__PURE__ */ o.createElement(f, a.cn("Children", {}))), y && /* @__PURE__ */ o.createElement(m.CloseIcon, {
-        onClick: z
+        "aria-live": k ? "assertive" : "polite",
+        "aria-label": I(i === "danger" ? "criticalNotification" : "notification")
+      }, t))), P ? /* @__PURE__ */ a.createElement(m, n.cn("Children", {})) : /* @__PURE__ */ a.createElement(f.Content, null, /* @__PURE__ */ a.createElement(m, n.cn("Children", {}))), C && /* @__PURE__ */ a.createElement(f.CloseIcon, {
+        onClick: x
       }));
     }
   }]), e;
 }(R);
 s(c, "displayName", "NoticeGlobal");
 s(c, "style", J);
-s(c, "enhance", [V(h), q({
+s(c, "enhance", [V(u), q({
   variable: "--intergalactic-duration-popper",
   fallback: "200",
   map: Number.parseInt,
@@ -80,28 +80,28 @@ s(c, "enhance", [V(h), q({
 }), B()]);
 s(c, "defaultProps", {
   theme: "neutral",
-  i18n: h,
+  i18n: u,
   locale: "en"
 });
-function Q(t) {
-  var _ = arguments[0], e, l = t.styles, n = j;
-  return e = d(l), /* @__PURE__ */ o.createElement(n, e.cn("SContent", u({}, p({}, _))));
+function Q(o) {
+  var _ = arguments[0], e, l = o.styles, t = j;
+  return e = d(l), /* @__PURE__ */ a.createElement(t, e.cn("SContent", v({}, p({}, _))));
 }
-function v(t) {
-  var _ = arguments[0], e, l = t.styles, n = t.children, a = t.Children, g = t.getI18nText, r = D;
-  return e = d(l), /* @__PURE__ */ o.createElement(r, e.cn("SCloseIcon", u({}, p({
+function y(o) {
+  var _ = arguments[0], e, l = o.styles, t = o.children, n = o.Children, g = o.getI18nText, r = D;
+  return e = d(l), /* @__PURE__ */ a.createElement(r, e.cn("SCloseIcon", v({}, p({
     "aria-label": g("close"),
     use: "tertiary",
     theme: "invert",
     size: "m",
-    addonLeft: n ? void 0 : $
-  }, _))), n ? /* @__PURE__ */ o.createElement(a, e.cn("Children", {})) : null);
+    addonLeft: t ? void 0 : $
+  }, _))), t ? /* @__PURE__ */ a.createElement(n, e.cn("Children", {})) : null);
 }
-v.enhance = [H()];
-var m = F(c, {
+y.enhance = [H()];
+var f = F(c, {
   Content: Q,
-  CloseIcon: v
+  CloseIcon: y
 });
 export {
-  m as default
+  f as default
 };

package/notice-global/package.json

@@ -1 +1 @@
-{"name":"intergalactic/notice-global","description":"Semrush NoticeGlobal Component","version":"2.61.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 && 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/utils":"4.48.1","@semcore/icon":"4.60.1","@semcore/flex-box":"5.41.1","@semcore/animation":"2.41.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/notice-global"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/notice-global","description":"Semrush NoticeGlobal Component","version":"2.61.1-prerelease.1","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 && 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.1-prerelease.1","@semcore/utils":"4.48.2-prerelease.1","@semcore/icon":"4.60.2-prerelease.1","@semcore/flex-box":"5.41.2-prerelease.1","@semcore/animation":"2.41.2-prerelease.1"},"peerDependencies":{"@semcore/core":"^2.39.2-prerelease.1","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

@@ -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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"}

package/outside-click/lib/esm/OutsideClick.mjs

@@ -1,50 +1,54 @@
-import h from "@babel/runtime/helpers/esm/slicedToArray";
-import B from "@babel/runtime/helpers/esm/toConsumableArray";
-import s, { cloneElement as D } from "react";
-import j from 'intergalactic/core';
-import { useForkRef as F, getNodeByRef as c } from 'intergalactic/utils/lib/ref';
+import O from "@babel/runtime/helpers/esm/slicedToArray";
+import w from "@babel/runtime/helpers/esm/toConsumableArray";
+import c, { cloneElement as j } from "react";
+import B from 'intergalactic/core';
+import { useForkRef as F, getNodeByRef as m } from 'intergalactic/utils/lib/ref';
 import H from 'intergalactic/utils/lib/ownerDocument';
-import O from 'intergalactic/utils/lib/use/useEventCallback';
-import q from 'intergalactic/utils/lib/getOriginChildren';
-import { getEventTarget as k } from 'intergalactic/utils/lib/getEventTarget';
-var z = function() {
+import M from 'intergalactic/utils/lib/use/useEventCallback';
+import I from 'intergalactic/utils/lib/getOriginChildren';
+import { getEventTarget as T } from 'intergalactic/utils/lib/getEventTarget';
+var q = function() {
 };
-function n(o) {
-  var M = o.Children, w = o.forwardRef, u = o.root, m = o.excludeRefs, L = m === void 0 ? [] : m, p = o.onOutsideClick, a = p === void 0 ? z : p, i = q(M), l = s.useRef(null), E = s.useRef(null), _ = F(i ? i.ref : null, l, w), d = O(function(e) {
-    var v = [].concat(B(L), [l]).filter(function(t) {
-      return c(t);
-    }).some(function(t) {
-      var r;
-      return (r = c(t)) === null || r === void 0 ? void 0 : r.contains(E.current || k(e));
+function i(t) {
+  var L = t.Children, _ = t.forwardRef, l = t.root, p = t.excludeRefs, E = p === void 0 ? [] : p, C = t.onOutsideClick, s = C === void 0 ? q : C, a = I(L), v = c.useRef(null), h = c.useRef(!1), y = F(a ? a.ref : null, v, _), d = M(function(e) {
+    var u = [].concat(w(E), [v]).map(function(o) {
+      return m(o);
+    }), r = T(e), n = u.some(function(o) {
+      return h.current || (o == null ? void 0 : o.contains(r));
     });
-    v || a == null || a(e);
-  }), f = O(function(e) {
-    E.current = k(e);
-  }), R = function(v, t) {
-    var r = t instanceof HTMLElement && t.dataset.uiName === "Modal.Overlay";
-    r && n.eventsMap.forEach(function(y) {
-      var C = h(y, 2), N = C[0], x = C[1];
-      Object.entries(x).forEach(function(T) {
-        var g = h(T, 2), b = g[0], $ = g[1], A = v ? "addEventListener" : "removeEventListener";
-        N[A](b, $, !0);
+    n || s == null || s(e);
+  }), f = M(function(e) {
+    var u = [].concat(w(E), [v]).map(function(n) {
+      return m(n);
+    }), r = T(e);
+    h.current = u.some(function(n) {
+      return n == null ? void 0 : n.contains(r);
+    });
+  }), R = function(u, r) {
+    var n = r instanceof HTMLElement && r.dataset.uiName === "Modal.Overlay";
+    n && i.eventsMap.forEach(function(o) {
+      var g = O(o, 2), x = g[0], N = g[1];
+      Object.entries(N).forEach(function(b) {
+        var k = O(b, 2), D = k[0], $ = k[1], A = u ? "addEventListener" : "removeEventListener";
+        x[A](D, $, !0);
       });
     });
   };
-  return s.useEffect(function() {
-    var e = u ? c(u) : H(l.current);
-    return R(!1, e), e == null || e.addEventListener("mouseup", d, !0), e == null || e.addEventListener("mousedown", f, !0), e && n.eventsMap.push([e, {
+  return c.useEffect(function() {
+    var e = l ? m(l) : H(v.current);
+    return R(!1, e), e == null || e.addEventListener("mouseup", d, !0), e == null || e.addEventListener("mousedown", f, !0), e && i.eventsMap.push([e, {
       mouseup: d,
       mousedown: f
     }]), function() {
-      e && n.eventsMap.pop(), e == null || e.removeEventListener("mouseup", d, !0), e == null || e.removeEventListener("mousedown", f, !0), R(!0, e);
+      e && i.eventsMap.pop(), e == null || e.removeEventListener("mouseup", d, !0), e == null || e.removeEventListener("mousedown", f, !0), R(!0, e);
     };
-  }, [u]), i ? /* @__PURE__ */ D(i, {
-    ref: _
+  }, [l]), a ? /* @__PURE__ */ j(a, {
+    ref: y
   }) : null;
 }
-n.displayName = "OutsideClick";
-n.eventsMap = [];
-const W = j(n);
+i.displayName = "OutsideClick";
+i.eventsMap = [];
+const W = B(i);
 export {
   W as default
 };

package/outside-click/package.json

@@ -1 +1 @@
-{"name":"intergalactic/outside-click","description":"Semrush OutsideClick Component","version":"3.39.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 && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@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/outside-click"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/outside-click","description":"Semrush OutsideClick Component","version":"3.40.0-prerelease.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 && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/utils":"4.48.2-prerelease.1"},"peerDependencies":{"@semcore/core":"^2.39.2-prerelease.1","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.127.0",
+  "version": "15.128.0-prerelease.1",
   "license": "MIT",
   "dependencies": {
     "intergalactic-migrate": "0.0.0",

package/pagination/lib/cjs/Pagination.js

@@ -28,18 +28,18 @@ 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_v3jmf_gg_{justify-content:flex-start;align-items:center}.___SPagination_v3jmf_gg_.__withGap_v3jmf_gg_{gap:var(--intergalactic-spacing-4x, 16px)}.___SPagination_v3jmf_gg_.__withGap_v3jmf_gg_._size_l_v3jmf_gg_{gap:var(--intergalactic-spacing-5x, 20px)}.___SNextPage_v3jmf_gg_,.___SPrevPage_v3jmf_gg_{align-self:center;margin-left:var(--intergalactic-spacing-2x, 8px)}.___SNextPage_v3jmf_gg_._size_l_v3jmf_gg_,.___SPrevPage_v3jmf_gg_._size_l_v3jmf_gg_{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SLabel_v3jmf_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SLabel_v3jmf_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-4x, 16px)}.___SLabel_v3jmf_gg_._size_l_v3jmf_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-5x, 20px)}.___STotalPages_v3jmf_gg_{align-self:center;line-height:normal;color:var(--intergalactic-text-link, #006dca)}.___STotalPagesLabel_v3jmf_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-1x, 4px);color:var(--intergalactic-text-primary, #191b23)}.___STotalLastPages_v3jmf_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23)}.___STotalLastPages_v3jmf_gg_._size_l_v3jmf_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SPageInput_v3jmf_gg_{max-width:68px;margin-left:var(--intergalactic-spacing-1x, 4px)}.___SPageInput_v3jmf_gg_._size_l_v3jmf_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SPageInput_v3jmf_gg_:focus-within .___SPageInputAddon_v3jmf_gg_{opacity:1;clip:initial;position:static}.___SPageInputAddon_v3jmf_gg_{opacity:0;clip:rect(1px,1px,1px,1px);position:absolute}.___SLabel_v3jmf_gg_,.___STotalPagesLabel_v3jmf_gg_,.___STotalPages_v3jmf_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SLabel_v3jmf_gg_._size_l_v3jmf_gg_,.___STotalPagesLabel_v3jmf_gg_._size_l_v3jmf_gg_,.___STotalPages_v3jmf_gg_._size_l_v3jmf_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}" /*__inner_css_end__*/, "v3jmf_gg_") /*__reshadow_css_end__*/, {
-  "__SPagination": "___SPagination_v3jmf_gg_",
-  "__SLabel": "___SLabel_v3jmf_gg_",
-  "_size_l": "_size_l_v3jmf_gg_",
-  "__STotalPages": "___STotalPages_v3jmf_gg_",
-  "__STotalPagesLabel": "___STotalPagesLabel_v3jmf_gg_",
-  "__SPageInput": "___SPageInput_v3jmf_gg_",
-  "__SPageInputAddon": "___SPageInputAddon_v3jmf_gg_",
-  "_withGap": "__withGap_v3jmf_gg_",
-  "__SNextPage": "___SNextPage_v3jmf_gg_",
-  "__SPrevPage": "___SPrevPage_v3jmf_gg_",
-  "__STotalLastPages": "___STotalLastPages_v3jmf_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPagination_txf86_gg_{justify-content:flex-start;align-items:center}.___SPagination_txf86_gg_.__withGap_txf86_gg_{gap:var(--intergalactic-spacing-4x, 16px)}.___SPagination_txf86_gg_.__withGap_txf86_gg_._size_l_txf86_gg_{gap:var(--intergalactic-spacing-5x, 20px)}.___SNextPage_txf86_gg_,.___SPrevPage_txf86_gg_{align-self:center;margin-left:var(--intergalactic-spacing-2x, 8px)}.___SNextPage_txf86_gg_._size_l_txf86_gg_,.___SPrevPage_txf86_gg_._size_l_txf86_gg_{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SLabel_txf86_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SLabel_txf86_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-4x, 16px)}.___SLabel_txf86_gg_._size_l_txf86_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-5x, 20px)}.___STotalPages_txf86_gg_{align-self:center;line-height:normal;color:var(--intergalactic-text-link, #006dca)}.___STotalPagesLabel_txf86_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-1x, 4px);color:var(--intergalactic-text-primary, #191b23)}.___STotalLastPages_txf86_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23)}.___STotalLastPages_txf86_gg_._size_l_txf86_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SPageInput_txf86_gg_{max-width:68px;margin-left:var(--intergalactic-spacing-1x, 4px)}.___SPageInput_txf86_gg_._size_l_txf86_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SPageInput_txf86_gg_:focus-within .___SPageInputAddon_txf86_gg_{opacity:1;clip:initial;position:static}.___SPageInputAddon_txf86_gg_{opacity:0;clip:rect(1px,1px,1px,1px);position:absolute}.___SLabel_txf86_gg_,.___STotalPagesLabel_txf86_gg_,.___STotalPages_txf86_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SLabel_txf86_gg_._size_l_txf86_gg_,.___STotalPagesLabel_txf86_gg_._size_l_txf86_gg_,.___STotalPages_txf86_gg_._size_l_txf86_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}" /*__inner_css_end__*/, "txf86_gg_") /*__reshadow_css_end__*/, {
+  "__SPagination": "___SPagination_txf86_gg_",
+  "__SLabel": "___SLabel_txf86_gg_",
+  "_size_l": "_size_l_txf86_gg_",
+  "__STotalPages": "___STotalPages_txf86_gg_",
+  "__STotalPagesLabel": "___STotalPagesLabel_txf86_gg_",
+  "__SPageInput": "___SPageInput_txf86_gg_",
+  "__SPageInputAddon": "___SPageInputAddon_txf86_gg_",
+  "_withGap": "__withGap_txf86_gg_",
+  "__SNextPage": "___SNextPage_txf86_gg_",
+  "__SPrevPage": "___SPrevPage_txf86_gg_",
+  "__STotalLastPages": "___STotalLastPages_txf86_gg_"
 });
 var PaginationRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(PaginationRoot, _Component);

package/pagination/lib/es6/Pagination.js

@@ -28,18 +28,18 @@ 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_v3jmf_gg_{justify-content:flex-start;align-items:center}.___SPagination_v3jmf_gg_.__withGap_v3jmf_gg_{gap:var(--intergalactic-spacing-4x, 16px)}.___SPagination_v3jmf_gg_.__withGap_v3jmf_gg_._size_l_v3jmf_gg_{gap:var(--intergalactic-spacing-5x, 20px)}.___SNextPage_v3jmf_gg_,.___SPrevPage_v3jmf_gg_{align-self:center;margin-left:var(--intergalactic-spacing-2x, 8px)}.___SNextPage_v3jmf_gg_._size_l_v3jmf_gg_,.___SPrevPage_v3jmf_gg_._size_l_v3jmf_gg_{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SLabel_v3jmf_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SLabel_v3jmf_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-4x, 16px)}.___SLabel_v3jmf_gg_._size_l_v3jmf_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-5x, 20px)}.___STotalPages_v3jmf_gg_{align-self:center;line-height:normal;color:var(--intergalactic-text-link, #006dca)}.___STotalPagesLabel_v3jmf_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-1x, 4px);color:var(--intergalactic-text-primary, #191b23)}.___STotalLastPages_v3jmf_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23)}.___STotalLastPages_v3jmf_gg_._size_l_v3jmf_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SPageInput_v3jmf_gg_{max-width:68px;margin-left:var(--intergalactic-spacing-1x, 4px)}.___SPageInput_v3jmf_gg_._size_l_v3jmf_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SPageInput_v3jmf_gg_:focus-within .___SPageInputAddon_v3jmf_gg_{opacity:1;clip:initial;position:static}.___SPageInputAddon_v3jmf_gg_{opacity:0;clip:rect(1px,1px,1px,1px);position:absolute}.___SLabel_v3jmf_gg_,.___STotalPagesLabel_v3jmf_gg_,.___STotalPages_v3jmf_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SLabel_v3jmf_gg_._size_l_v3jmf_gg_,.___STotalPagesLabel_v3jmf_gg_._size_l_v3jmf_gg_,.___STotalPages_v3jmf_gg_._size_l_v3jmf_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}" /*__inner_css_end__*/, "v3jmf_gg_") /*__reshadow_css_end__*/, {
-  "__SPagination": "___SPagination_v3jmf_gg_",
-  "__SLabel": "___SLabel_v3jmf_gg_",
-  "_size_l": "_size_l_v3jmf_gg_",
-  "__STotalPages": "___STotalPages_v3jmf_gg_",
-  "__STotalPagesLabel": "___STotalPagesLabel_v3jmf_gg_",
-  "__SPageInput": "___SPageInput_v3jmf_gg_",
-  "__SPageInputAddon": "___SPageInputAddon_v3jmf_gg_",
-  "_withGap": "__withGap_v3jmf_gg_",
-  "__SNextPage": "___SNextPage_v3jmf_gg_",
-  "__SPrevPage": "___SPrevPage_v3jmf_gg_",
-  "__STotalLastPages": "___STotalLastPages_v3jmf_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPagination_txf86_gg_{justify-content:flex-start;align-items:center}.___SPagination_txf86_gg_.__withGap_txf86_gg_{gap:var(--intergalactic-spacing-4x, 16px)}.___SPagination_txf86_gg_.__withGap_txf86_gg_._size_l_txf86_gg_{gap:var(--intergalactic-spacing-5x, 20px)}.___SNextPage_txf86_gg_,.___SPrevPage_txf86_gg_{align-self:center;margin-left:var(--intergalactic-spacing-2x, 8px)}.___SNextPage_txf86_gg_._size_l_txf86_gg_,.___SPrevPage_txf86_gg_._size_l_txf86_gg_{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SLabel_txf86_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SLabel_txf86_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-4x, 16px)}.___SLabel_txf86_gg_._size_l_txf86_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-5x, 20px)}.___STotalPages_txf86_gg_{align-self:center;line-height:normal;color:var(--intergalactic-text-link, #006dca)}.___STotalPagesLabel_txf86_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-1x, 4px);color:var(--intergalactic-text-primary, #191b23)}.___STotalLastPages_txf86_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23)}.___STotalLastPages_txf86_gg_._size_l_txf86_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SPageInput_txf86_gg_{max-width:68px;margin-left:var(--intergalactic-spacing-1x, 4px)}.___SPageInput_txf86_gg_._size_l_txf86_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SPageInput_txf86_gg_:focus-within .___SPageInputAddon_txf86_gg_{opacity:1;clip:initial;position:static}.___SPageInputAddon_txf86_gg_{opacity:0;clip:rect(1px,1px,1px,1px);position:absolute}.___SLabel_txf86_gg_,.___STotalPagesLabel_txf86_gg_,.___STotalPages_txf86_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SLabel_txf86_gg_._size_l_txf86_gg_,.___STotalPagesLabel_txf86_gg_._size_l_txf86_gg_,.___STotalPages_txf86_gg_._size_l_txf86_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}" /*__inner_css_end__*/, "txf86_gg_") /*__reshadow_css_end__*/, {
+  "__SPagination": "___SPagination_txf86_gg_",
+  "__SLabel": "___SLabel_txf86_gg_",
+  "_size_l": "_size_l_txf86_gg_",
+  "__STotalPages": "___STotalPages_txf86_gg_",
+  "__STotalPagesLabel": "___STotalPagesLabel_txf86_gg_",
+  "__SPageInput": "___SPageInput_txf86_gg_",
+  "__SPageInputAddon": "___SPageInputAddon_txf86_gg_",
+  "_withGap": "__withGap_txf86_gg_",
+  "__SNextPage": "___SNextPage_txf86_gg_",
+  "__SPrevPage": "___SPrevPage_txf86_gg_",
+  "__STotalLastPages": "___STotalLastPages_txf86_gg_"
 });
 import { ScreenReaderOnly } from 'intergalactic/flex-box';
 var PaginationRoot = /*#__PURE__*/function (_Component) {