intergalactic 15.123.0 → 15.124.0

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

@@ -0,0 +1,91 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import React, { cloneElement } from 'react';
+import createComponent from 'intergalactic/core';
+import { getNodeByRef, useForkRef } from 'intergalactic/utils/lib/ref';
+import ownerDocument from 'intergalactic/utils/lib/ownerDocument';
+import useEventCallback from 'intergalactic/utils/lib/use/useEventCallback';
+import getOriginChildren from 'intergalactic/utils/lib/getOriginChildren';
+import { getEventTarget } from 'intergalactic/utils/lib/getEventTarget';
+
+/** @deprecated */
+
+var noop = function noop() {};
+function OutsideClick(props) {
+  var Children = props.Children,
+    forwardRef = props.forwardRef,
+    root = props.root,
+    _props$excludeRefs = props.excludeRefs,
+    excludeRefs = _props$excludeRefs === void 0 ? [] : _props$excludeRefs,
+    _props$onOutsideClick = props.onOutsideClick,
+    onOutsideClick = _props$onOutsideClick === void 0 ? noop : _props$onOutsideClick;
+  var children = getOriginChildren(Children);
+  var nodeRef = React.useRef(null);
+  var targetRef = React.useRef(null);
+  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));
+    });
+    if (!isTargetEvent) {
+      onOutsideClick === null || onOutsideClick === void 0 ? void 0 : onOutsideClick(event);
+    }
+  });
+  var handleMouseDown = useEventCallback(function (event) {
+    targetRef.current = getEventTarget(event);
+  });
+  var toggleEvents = function toggleEvents(status, outsideRoot) {
+    var isModalRoot = outsideRoot instanceof HTMLElement && outsideRoot.dataset.uiName === 'Modal.Overlay';
+    if (!isModalRoot) {
+      return;
+    }
+    OutsideClick.eventsMap.forEach(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+        rootElement = _ref2[0],
+        events = _ref2[1];
+      Object.entries(events).forEach(function (_ref3) {
+        var _ref4 = _slicedToArray(_ref3, 2),
+          eventName = _ref4[0],
+          handler = _ref4[1];
+        var method = status ? 'addEventListener' : 'removeEventListener';
+        rootElement[method](eventName, handler, true);
+      });
+    });
+  };
+  React.useEffect(function () {
+    var outsideRoot = root ? getNodeByRef(root) : ownerDocument(nodeRef.current);
+
+    // disable previous events
+    toggleEvents(false, outsideRoot);
+
+    // Using capture to handle event faster than OutsideClick handler
+    outsideRoot === null || outsideRoot === void 0 ? void 0 : outsideRoot.addEventListener('mouseup', handleOutsideClick, true);
+    outsideRoot === null || outsideRoot === void 0 ? void 0 : outsideRoot.addEventListener('mousedown', handleMouseDown, true);
+    if (outsideRoot) {
+      OutsideClick.eventsMap.push([outsideRoot, {
+        mouseup: handleOutsideClick,
+        mousedown: handleMouseDown
+      }]);
+    }
+    return function () {
+      if (outsideRoot) {
+        OutsideClick.eventsMap.pop();
+      }
+      outsideRoot === null || outsideRoot === void 0 ? void 0 : outsideRoot.removeEventListener('mouseup', handleOutsideClick, true);
+      outsideRoot === null || outsideRoot === void 0 ? void 0 : outsideRoot.removeEventListener('mousedown', handleMouseDown, true);
+
+      // enabled previous events
+      toggleEvents(true, outsideRoot);
+    };
+  }, [root]);
+  return children ? /*#__PURE__*/cloneElement(children, {
+    ref: handleRef
+  }) : null;
+}
+OutsideClick.displayName = 'OutsideClick';
+OutsideClick.eventsMap = [];
+export default createComponent(OutsideClick);
+//# sourceMappingURL=OutsideClick.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,3 @@
+export { default } from './OutsideClick';
+export * from './OutsideClick';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.tsx"],"sourcesContent":["export { default } from './OutsideClick';\nexport * from './OutsideClick';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,gBAAgB;AACxC,cAAc,gBAAgB"}

package/outside-click/package.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intergalactic",
-  "version": "15.123.0",
+  "version": "15.124.0",
   "license": "MIT",
   "dependencies": {
     "intergalactic-migrate": "0.0.0",

package/pagination/index.mjs

@@ -1,2 +1,2 @@
-export * from './lib/es6/index.mjs';
-export { default } from './lib/es6/index.mjs';
+export * from './lib/es6/index.js';
+export { default } from './lib/es6/index.js';

package/pagination/lib/cjs/Pagination.js

@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createSuper"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _index = require("intergalactic/utils/lib/core/index");
 var _core = _interopRequireWildcard(require("intergalactic/core"));
 var _react = _interopRequireDefault(require("react"));
@@ -28,16 +28,16 @@ var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhan
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 var _excluded = ["styles", "getI18nText", "totalPages", "isLastOrSingle", "children"];
 /*__reshadow-styles__:"./style/pagination.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPagination_vvym2_gg_{justify-content:flex-start;align-items:center}.___SNextPage_vvym2_gg_,.___SPrevPage_vvym2_gg_{align-self:center;margin-left:var(--intergalactic-spacing-2x, 8px)}.___SLabel_vvym2_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SLabel_vvym2_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-4x, 16px)}.___STotalPages_vvym2_gg_{align-self:center;line-height:normal;color:var(--intergalactic-text-link, #006dca)}.___STotalPagesLabel_vvym2_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-1x, 4px);color:var(--intergalactic-text-primary, #191b23)}.___STotalLastPages_vvym2_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23)}.___SPageInput_vvym2_gg_{max-width:68px;margin-left:var(--intergalactic-spacing-1x, 4px)}.___SPageInput_vvym2_gg_:focus-within .___SPageInputAddon_vvym2_gg_{opacity:1;clip:initial;position:static}.___SPageInputAddon_vvym2_gg_{opacity:0;clip:rect(1px,1px,1px,1px);position:absolute}.___SLabel_vvym2_gg_,.___STotalPagesLabel_vvym2_gg_,.___STotalPages_vvym2_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "vvym2_gg_") /*__reshadow_css_end__*/, {
-  "__SPagination": "___SPagination_vvym2_gg_",
-  "__SNextPage": "___SNextPage_vvym2_gg_",
-  "__SPrevPage": "___SPrevPage_vvym2_gg_",
-  "__SLabel": "___SLabel_vvym2_gg_",
-  "__STotalPages": "___STotalPages_vvym2_gg_",
-  "__STotalPagesLabel": "___STotalPagesLabel_vvym2_gg_",
-  "__STotalLastPages": "___STotalLastPages_vvym2_gg_",
-  "__SPageInput": "___SPageInput_vvym2_gg_",
-  "__SPageInputAddon": "___SPageInputAddon_vvym2_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPagination_17ch2_gg_{justify-content:flex-start;align-items:center}.___SNextPage_17ch2_gg_,.___SPrevPage_17ch2_gg_{align-self:center;margin-left:var(--intergalactic-spacing-2x, 8px)}.___SLabel_17ch2_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SLabel_17ch2_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-4x, 16px)}.___STotalPages_17ch2_gg_{align-self:center;line-height:normal;color:var(--intergalactic-text-link, #006dca)}.___STotalPagesLabel_17ch2_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-1x, 4px);color:var(--intergalactic-text-primary, #191b23)}.___STotalLastPages_17ch2_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23)}.___SPageInput_17ch2_gg_{max-width:68px;margin-left:var(--intergalactic-spacing-1x, 4px)}.___SPageInput_17ch2_gg_:focus-within .___SPageInputAddon_17ch2_gg_{opacity:1;clip:initial;position:static}.___SPageInputAddon_17ch2_gg_{opacity:0;clip:rect(1px,1px,1px,1px);position:absolute}.___SLabel_17ch2_gg_,.___STotalPagesLabel_17ch2_gg_,.___STotalPages_17ch2_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "17ch2_gg_") /*__reshadow_css_end__*/, {
+  "__SPagination": "___SPagination_17ch2_gg_",
+  "__SNextPage": "___SNextPage_17ch2_gg_",
+  "__SPrevPage": "___SPrevPage_17ch2_gg_",
+  "__SLabel": "___SLabel_17ch2_gg_",
+  "__STotalPages": "___STotalPages_17ch2_gg_",
+  "__STotalPagesLabel": "___STotalPagesLabel_17ch2_gg_",
+  "__STotalLastPages": "___STotalLastPages_17ch2_gg_",
+  "__SPageInput": "___SPageInput_17ch2_gg_",
+  "__SPageInputAddon": "___SPageInputAddon_17ch2_gg_"
 });
 var PaginationRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(PaginationRoot, _Component);

package/pagination/lib/es6/Pagination.js

@@ -0,0 +1,443 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { sstyled as _sstyled } from 'intergalactic/utils/lib/core/index';
+import { assignProps as _assignProps8 } from 'intergalactic/core';
+import { assignProps as _assignProps7 } from 'intergalactic/core';
+import { assignProps as _assignProps6 } from 'intergalactic/core';
+import { assignProps as _assignProps5 } from 'intergalactic/core';
+import { assignProps as _assignProps4 } from 'intergalactic/core';
+import { assignProps as _assignProps3 } from 'intergalactic/core';
+import { assignProps as _assignProps2 } from 'intergalactic/core';
+import { assignProps as _assignProps } from 'intergalactic/core';
+var _excluded = ["styles", "getI18nText", "totalPages", "isLastOrSingle", "children"];
+import React from 'react';
+import createComponent, { Component, sstyled, Root } from 'intergalactic/core';
+import { Flex } from 'intergalactic/flex-box';
+import InputNumber from 'intergalactic/input-number';
+import { Text } from 'intergalactic/typography';
+import Button, { ButtonLink } from 'intergalactic/button';
+import { Hint } from 'intergalactic/tooltip';
+import ChevronDoubleLeft from 'intergalactic/icon/ChevronDoubleLeft/m';
+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_17ch2_gg_{justify-content:flex-start;align-items:center}.___SNextPage_17ch2_gg_,.___SPrevPage_17ch2_gg_{align-self:center;margin-left:var(--intergalactic-spacing-2x, 8px)}.___SLabel_17ch2_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SLabel_17ch2_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-4x, 16px)}.___STotalPages_17ch2_gg_{align-self:center;line-height:normal;color:var(--intergalactic-text-link, #006dca)}.___STotalPagesLabel_17ch2_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-1x, 4px);color:var(--intergalactic-text-primary, #191b23)}.___STotalLastPages_17ch2_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23)}.___SPageInput_17ch2_gg_{max-width:68px;margin-left:var(--intergalactic-spacing-1x, 4px)}.___SPageInput_17ch2_gg_:focus-within .___SPageInputAddon_17ch2_gg_{opacity:1;clip:initial;position:static}.___SPageInputAddon_17ch2_gg_{opacity:0;clip:rect(1px,1px,1px,1px);position:absolute}.___SLabel_17ch2_gg_,.___STotalPagesLabel_17ch2_gg_,.___STotalPages_17ch2_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "17ch2_gg_") /*__reshadow_css_end__*/, {
+  "__SPagination": "___SPagination_17ch2_gg_",
+  "__SNextPage": "___SNextPage_17ch2_gg_",
+  "__SPrevPage": "___SPrevPage_17ch2_gg_",
+  "__SLabel": "___SLabel_17ch2_gg_",
+  "__STotalPages": "___STotalPages_17ch2_gg_",
+  "__STotalPagesLabel": "___STotalPagesLabel_17ch2_gg_",
+  "__STotalLastPages": "___STotalLastPages_17ch2_gg_",
+  "__SPageInput": "___SPageInput_17ch2_gg_",
+  "__SPageInputAddon": "___SPageInputAddon_17ch2_gg_"
+});
+import { ScreenReaderOnly } from 'intergalactic/flex-box';
+var PaginationRoot = /*#__PURE__*/function (_Component) {
+  _inherits(PaginationRoot, _Component);
+  var _super = _createSuper(PaginationRoot);
+  function PaginationRoot() {
+    var _this;
+    _classCallCheck(this, PaginationRoot);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "nextPageButtonRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "prevPageButtonRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      // Crutch, so as not to take out `dirtyCurrentPage` in props
+      dirtyCurrentPage: undefined
+    });
+    _defineProperty(_assertThisInitialized(_this), "pageInputAddonRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "returnLostFocus", function () {
+      setTimeout(function () {
+        if (document.activeElement !== document.body) return;
+        var prevPageButton = _this.prevPageButtonRef.current;
+        var nextPageButton = _this.nextPageButtonRef.current;
+        if (prevPageButton && !prevPageButton.disabled) {
+          prevPageButton.focus();
+        } else if (nextPageButton && !nextPageButton.disabled) {
+          nextPageButton.focus();
+        }
+      }, 0);
+    });
+    _defineProperty(_assertThisInitialized(_this), "handlePageChange", function (currentPage) {
+      currentPage = Number(currentPage);
+      if (Number.isNaN(currentPage)) {
+        return;
+      }
+      _this.handlers.currentPage(currentPage);
+      _this.setState({
+        dirtyCurrentPage: undefined
+      });
+      _this.returnLostFocus();
+    });
+    _defineProperty(_assertThisInitialized(_this), "handlePageValueChange", function (value) {
+      var dirtyCurrentPage = _this.state.dirtyCurrentPage;
+      if (Number.isNaN(Number(value))) {
+        value = dirtyCurrentPage;
+      }
+      _this.setState({
+        dirtyCurrentPage: value
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "handlePageValueBlur", function () {
+      setTimeout(function () {
+        if (_this.pageInputAddonRef.current !== document.activeElement) {
+          var currentPage = _this.asProps.currentPage;
+          _this.setState({
+            dirtyCurrentPage: currentPage
+          });
+        }
+      }, 0);
+    });
+    _defineProperty(_assertThisInitialized(_this), "getDirtyCurrentPage", function () {
+      var dirtyCurrentPage = _this.state.dirtyCurrentPage;
+      var totalPages = _this.asProps.totalPages;
+      var finalValue = dirtyCurrentPage > totalPages ? totalPages : dirtyCurrentPage;
+      return finalValue <= 0 ? 1 : finalValue;
+    });
+    /** @deprecated */
+    _defineProperty(_assertThisInitialized(_this), "handlePageInputIconClick", function () {
+      var dirtyCurrentPage = _this.getDirtyCurrentPage();
+      _this.handlePageChange(dirtyCurrentPage);
+    });
+    _defineProperty(_assertThisInitialized(_this), "handlePageInputKeyDown", function (event) {
+      if (event.key !== 'Enter') return;
+      var dirtyCurrentPage = _this.getDirtyCurrentPage();
+      _this.handlePageChange(dirtyCurrentPage);
+    });
+    _defineProperty(_assertThisInitialized(_this), "getFirstPageProps", function () {
+      var _this$asProps = _this.asProps,
+        currentPage = _this$asProps.currentPage,
+        getI18nText = _this$asProps.getI18nText;
+      var disabled = currentPage <= 1;
+      return {
+        disabled: disabled,
+        onClick: function onClick() {
+          return _this.handlePageChange(1);
+        },
+        getI18nText: getI18nText
+      };
+    });
+    _defineProperty(_assertThisInitialized(_this), "getPrevPageProps", function () {
+      var _this$asProps2 = _this.asProps,
+        currentPage = _this$asProps2.currentPage,
+        getI18nText = _this$asProps2.getI18nText;
+      var disabled = currentPage <= 1;
+      return {
+        currentPage: currentPage,
+        disabled: disabled,
+        onClick: function onClick() {
+          return _this.handlePageChange(currentPage - 1);
+        },
+        getI18nText: getI18nText,
+        ref: _this.nextPageButtonRef
+      };
+    });
+    _defineProperty(_assertThisInitialized(_this), "getNextPageProps", function () {
+      var _this$asProps3 = _this.asProps,
+        currentPage = _this$asProps3.currentPage,
+        totalPages = _this$asProps3.totalPages,
+        getI18nText = _this$asProps3.getI18nText;
+      var disabled = !(currentPage < totalPages);
+      return {
+        currentPage: currentPage,
+        disabled: disabled,
+        onClick: function onClick() {
+          return _this.handlePageChange(currentPage + 1);
+        },
+        getI18nText: getI18nText,
+        ref: _this.prevPageButtonRef
+      };
+    });
+    _defineProperty(_assertThisInitialized(_this), "getPageInputProps", function () {
+      var _this$asProps4 = _this.asProps,
+        getI18nText = _this$asProps4.getI18nText,
+        locale = _this$asProps4.locale;
+      return {
+        getI18nText: getI18nText,
+        locale: locale
+      };
+    });
+    /** @deprecated */
+    _defineProperty(_assertThisInitialized(_this), "getPageInputAddonProps", function () {
+      return {
+        onClick: _this.handlePageInputIconClick,
+        ref: _this.pageInputAddonRef,
+        onBlur: _this.handlePageValueBlur
+      };
+    });
+    _defineProperty(_assertThisInitialized(_this), "getPageInputValueProps", function () {
+      var dirtyCurrentPage = _this.state.dirtyCurrentPage;
+      var _this$asProps5 = _this.asProps,
+        currentPage = _this$asProps5.currentPage,
+        totalPages = _this$asProps5.totalPages,
+        getI18nText = _this$asProps5.getI18nText;
+      return {
+        min: 1,
+        max: totalPages,
+        disabled: totalPages === 1,
+        value: dirtyCurrentPage === undefined ? currentPage : dirtyCurrentPage,
+        onBlur: _this.handlePageValueBlur,
+        onChange: _this.handlePageValueChange,
+        onKeyDown: _this.handlePageInputKeyDown,
+        getI18nText: getI18nText
+      };
+    });
+    _defineProperty(_assertThisInitialized(_this), "getTotalPagesProps", function () {
+      var _this$asProps6 = _this.asProps,
+        currentPage = _this$asProps6.currentPage,
+        totalPages = _this$asProps6.totalPages,
+        getI18nText = _this$asProps6.getI18nText,
+        locale = _this$asProps6.locale;
+      var formatter = new Intl.NumberFormat(locale, {
+        style: 'decimal'
+      });
+      return {
+        totalPages: totalPages,
+        children: formatter.format(totalPages),
+        isLastOrSingle: currentPage === totalPages,
+        onClick: function onClick() {
+          return _this.handlePageChange(totalPages);
+        },
+        getI18nText: getI18nText
+      };
+    });
+    return _this;
+  }
+  _createClass(PaginationRoot, [{
+    key: "uncontrolledProps",
+    value: function uncontrolledProps() {
+      return {
+        totalPages: null,
+        currentPage: null
+      };
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (prevProps.currentPage !== undefined && prevProps.currentPage !== this.asProps.currentPage) {
+        this.setState({
+          dirtyCurrentPage: undefined
+        });
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref9;
+      var SPagination = Flex;
+      var _this$asProps7 = this.asProps,
+        Children = _this$asProps7.Children,
+        getI18nText = _this$asProps7.getI18nText,
+        currentPage = _this$asProps7.currentPage;
+      return _ref9 = sstyled(this.asProps.styles), /*#__PURE__*/React.createElement(SPagination, _ref9.cn("SPagination", _objectSpread({}, _assignProps({
+        "tag": 'nav',
+        "aria-label": getI18nText('pagination')
+      }, _ref))), /*#__PURE__*/React.createElement(Children, _ref9.cn("Children", {})), /*#__PURE__*/React.createElement(ScreenReaderOnly, _ref9.cn("ScreenReaderOnly", {
+        "aria-live": 'polite',
+        "role": 'status'
+      }), getI18nText('pageInputLabel'), " ", currentPage));
+    }
+  }]);
+  return PaginationRoot;
+}(Component);
+_defineProperty(PaginationRoot, "displayName", 'Pagination');
+_defineProperty(PaginationRoot, "defaultProps", function (props) {
+  var totalPages = props.totalPages || props.defaultTotalPages || 1;
+  return {
+    defaultCurrentPage: 1,
+    defaultTotalPages: 1,
+    i18n: localizedMessages,
+    locale: 'en',
+    children: /*#__PURE__*/React.createElement(React.Fragment, null, totalPages === 1 ? null : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Pagination.FirstPage, null), /*#__PURE__*/React.createElement(Pagination.PrevPage, null), /*#__PURE__*/React.createElement(Pagination.NextPage, null)), /*#__PURE__*/React.createElement(Pagination.PageInput, null), /*#__PURE__*/React.createElement(Pagination.TotalPages, null))
+  };
+});
+_defineProperty(PaginationRoot, "style", style);
+_defineProperty(PaginationRoot, "enhance", [i18nEnhance(localizedMessages)]);
+var FirstPage = /*#__PURE__*/function (_Component2) {
+  _inherits(FirstPage, _Component2);
+  var _super2 = _createSuper(FirstPage);
+  function FirstPage() {
+    _classCallCheck(this, FirstPage);
+    return _super2.apply(this, arguments);
+  }
+  _createClass(FirstPage, [{
+    key: "render",
+    value: function render() {
+      var _ref2 = this.asProps;
+      var getI18nText = this.asProps.getI18nText;
+      return /*#__PURE__*/React.createElement(Button, _assignProps2({
+        "aria-label": getI18nText('firstPage')
+      }, _ref2));
+    }
+  }]);
+  return FirstPage;
+}(Component);
+_defineProperty(FirstPage, "defaultProps", function (props) {
+  var hintContent = props.getI18nText('firstPage');
+  return {
+    children: /*#__PURE__*/React.createElement(Button.Addon, {
+      tag: Hint,
+      title: hintContent,
+      timeout: [250, 50],
+      __excludeProps: ['aria-label']
+    }, /*#__PURE__*/React.createElement(ChevronDoubleLeft, null))
+  };
+});
+var PrevPage = /*#__PURE__*/function (_Component3) {
+  _inherits(PrevPage, _Component3);
+  var _super3 = _createSuper(PrevPage);
+  function PrevPage() {
+    _classCallCheck(this, PrevPage);
+    return _super3.apply(this, arguments);
+  }
+  _createClass(PrevPage, [{
+    key: "render",
+    value: function render() {
+      var _ref3 = this.asProps,
+        _ref10;
+      var SPrevPage = Button;
+      return _ref10 = sstyled(this.asProps.styles), /*#__PURE__*/React.createElement(SPrevPage, _ref10.cn("SPrevPage", _objectSpread({}, _assignProps3({}, _ref3))));
+    }
+  }]);
+  return PrevPage;
+}(Component);
+_defineProperty(PrevPage, "defaultProps", function (props) {
+  return {
+    children: props.getI18nText('prevPageLabel')
+  };
+});
+var NextPage = /*#__PURE__*/function (_Component4) {
+  _inherits(NextPage, _Component4);
+  var _super4 = _createSuper(NextPage);
+  function NextPage() {
+    _classCallCheck(this, NextPage);
+    return _super4.apply(this, arguments);
+  }
+  _createClass(NextPage, [{
+    key: "render",
+    value: function render() {
+      var _ref4 = this.asProps,
+        _ref11;
+      var SNextPage = Button;
+      return _ref11 = sstyled(this.asProps.styles), /*#__PURE__*/React.createElement(SNextPage, _ref11.cn("SNextPage", _objectSpread({}, _assignProps4({
+        "use": 'primary',
+        "theme": 'info'
+      }, _ref4))));
+    }
+  }]);
+  return NextPage;
+}(Component);
+_defineProperty(NextPage, "defaultProps", function (props) {
+  return {
+    children: props.getI18nText('nextPageLabel')
+  };
+});
+var TotalPages = /*#__PURE__*/function (_Component5) {
+  _inherits(TotalPages, _Component5);
+  var _super5 = _createSuper(TotalPages);
+  function TotalPages() {
+    _classCallCheck(this, TotalPages);
+    return _super5.apply(this, arguments);
+  }
+  _createClass(TotalPages, [{
+    key: "render",
+    value: function render() {
+      var _ref5 = this.asProps,
+        _ref12;
+      var STotalPages = ButtonLink;
+      var STotalPagesLabel = Text;
+      var STotalLastPages = Text;
+      var _this$asProps8 = this.asProps,
+        styles = _this$asProps8.styles,
+        getI18nText = _this$asProps8.getI18nText,
+        totalPages = _this$asProps8.totalPages,
+        isLastOrSingle = _this$asProps8.isLastOrSingle,
+        children = _this$asProps8.children,
+        other = _objectWithoutProperties(_this$asProps8, _excluded);
+      return _ref12 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(STotalPagesLabel, _ref12.cn("STotalPagesLabel", {}), getI18nText('totalPagesLabel')), isLastOrSingle ? /*#__PURE__*/React.createElement(STotalLastPages, _ref12.cn("STotalLastPages", _objectSpread({
+        "aria-label": getI18nText('lastPage', {
+          lastPageNumber: totalPages
+        })
+      }, other)), children) : /*#__PURE__*/React.createElement(STotalPages, _ref12.cn("STotalPages", _objectSpread({}, _assignProps5({
+        "aria-label": getI18nText('lastPage', {
+          lastPageNumber: totalPages
+        })
+      }, _ref5)))));
+    }
+  }]);
+  return TotalPages;
+}(Component);
+var PageInputValue = function PageInputValue(props) {
+  var _ref6 = arguments[0],
+    _ref13;
+  var SPageInputValue = InputNumber.Value;
+  return _ref13 = sstyled(props.styles), /*#__PURE__*/React.createElement(SPageInputValue, _ref13.cn("SPageInputValue", _objectSpread({}, _assignProps6({
+    "onBlur": function onBlur() {
+      return false;
+    }
+  }, _ref6))));
+};
+var PageInputAddon = function PageInputAddon(props) {
+  var _ref7 = arguments[0],
+    _ref14;
+  var SPageInputAddon = InputNumber.Addon;
+  return _ref14 = sstyled(props.styles), /*#__PURE__*/React.createElement(SPageInputAddon, _ref14.cn("SPageInputAddon", _objectSpread({}, _assignProps7({}, _ref7))));
+};
+var PageInput = /*#__PURE__*/function (_Component6) {
+  _inherits(PageInput, _Component6);
+  var _super6 = _createSuper(PageInput);
+  function PageInput() {
+    _classCallCheck(this, PageInput);
+    return _super6.apply(this, arguments);
+  }
+  _createClass(PageInput, [{
+    key: "render",
+    value: function render() {
+      var _ref8 = this.asProps,
+        _ref15;
+      var SPageInput = InputNumber;
+      var SLabel = Text;
+      var _this$asProps9 = this.asProps,
+        Children = _this$asProps9.Children,
+        getI18nText = _this$asProps9.getI18nText,
+        styles = _this$asProps9.styles,
+        uid = _this$asProps9.uid,
+        locale = _this$asProps9.locale;
+      return _ref15 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SLabel, _ref15.cn("SLabel", {
+        "tag": 'label',
+        "htmlFor": "pagination-input-".concat(uid)
+      }), getI18nText('pageInputLabel')), /*#__PURE__*/React.createElement(SPageInput, _ref15.cn("SPageInput", _objectSpread({}, _assignProps8({
+        "controlsLength": Children.origin ? undefined : 2,
+        "locale": locale
+      }, _ref8))), Children.origin ? /*#__PURE__*/React.createElement(Children, _ref15.cn("Children", {})) : /*#__PURE__*/React.createElement(Pagination.PageInput.Value, {
+        id: "pagination-input-".concat(uid)
+      })));
+    }
+  }]);
+  return PageInput;
+}(Component);
+_defineProperty(PageInput, "enhance", [uniqueIDEnhancement()]);
+var Pagination = createComponent(PaginationRoot, {
+  PrevPage: PrevPage,
+  NextPage: NextPage,
+  FirstPage: FirstPage,
+  TotalPages: TotalPages,
+  PageInput: [PageInput, {
+    Value: PageInputValue,
+    Addon: PageInputAddon
+  }]
+});
+export default Pagination;
+//# sourceMappingURL=Pagination.js.map