@wireapp/react-ui-kit 7.55.2 → 8.1.0

package/src/Menu/TabBar.js

@@ -15,9 +15,9 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
-var _react = _interopRequireDefault(require("react"));
+var _react2 = _interopRequireDefault(require("react"));
 
 var _Identity = require("../Identity");
 
@@ -49,7 +49,7 @@ var TabBar = function TabBar(_ref2) {
   var _ref2$children = _ref2.children,
       children = _ref2$children === void 0 ? null : _ref2$children,
       props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
-  return (0, _core.jsx)("div", (0, _extends2["default"])({
+  return (0, _react.jsx)("div", (0, _extends2["default"])({
     css: tabBarStyle(props)
   }, filteredTabBarProps(props)), children);
 };
@@ -94,7 +94,7 @@ var TabBarItem = function TabBarItem(_ref4) {
   var _ref4$children = _ref4.children,
       children = _ref4$children === void 0 ? null : _ref4$children,
       props = (0, _objectWithoutProperties2["default"])(_ref4, _excluded3);
-  return (0, _core.jsx)("span", (0, _extends2["default"])({
+  return (0, _react.jsx)("span", (0, _extends2["default"])({
     css: function css(theme) {
       return tabBarItemStyle(theme, props);
     }

package/src/Menu/TabBar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TabBar.tsx"],"names":["tabBarStyle","display","width","filteredTabBarProps","props","TabBar","children","tabBarItemStyle","theme","block","center","color","general","bold","active","fontSize","textTransform","borderBottom","COLOR","GRAY_DARKEN_48","GRAY_LIGHTEN_40","cursor","flexGrow","justifyContent","opacity","padding","TabBarItem"],"mappings":";;;;;;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;AAEA;;AACA;;;;;;;;;;AAIA,IAAMA,WAAoD,GAAG,SAAvDA,WAAuD,OAAQ;AAAA;AACnE,SAAO;AACLC,IAAAA,OAAO,EAAE,MADJ;AAELC,IAAAA,KAAK,EAAE;AAFF,GAAP;AAID,CALD;;AAOA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,KAAD;AAAA,SAAwB,uBAAYA,KAAZ,EAAmB,EAAnB,CAAxB;AAAA,CAA5B;;AAEO,IAAMC,MAAM,GAAG,SAATA,MAAS;AAAA,6BAAEC,QAAF;AAAA,MAAEA,QAAF,+BAAa,IAAb;AAAA,MAAsBF,KAAtB;AAAA,SACpB;AAAK,IAAA,GAAG,EAAEJ,WAAW,CAACI,KAAD;AAArB,KAAkCD,mBAAmB,CAACC,KAAD,CAArD,GACGE,QADH,CADoB;AAAA,CAAf;;;;AAUP,IAAMC,eAA0E,GAAG,SAA7EA,eAA6E,CACjFC,KADiF,SAY9E;AAAA,0BATDC,KASC;AAAA,MATDA,KASC,4BATO,IASP;AAAA,2BARDC,MAQC;AAAA,MARDA,MAQC,6BARQ,IAQR;AAAA,0BAPDC,KAOC;AAAA,MAPDA,KAOC,4BAPOH,KAAK,CAACI,OAAN,CAAcD,KAOrB;AAAA,yBANDE,IAMC;AAAA,MANDA,IAMC,2BANM,IAMN;AAAA,2BALDC,MAKC;AAAA,MALDA,MAKC,6BALQ,KAKR;AAAA,6BAJDC,QAIC;AAAA,MAJDA,QAIC,+BAJU,MAIV;AAAA,kCAHDC,aAGC;AAAA,MAHDA,aAGC,oCAHe,WAGf;AAAA,MAFEZ,KAEF;AACH,yCACK,qBAAUI,KAAV;AAAkBC,IAAAA,KAAK,EAALA,KAAlB;AAAyBI,IAAAA,IAAI,EAAJA,IAAzB;AAA+BH,IAAAA,MAAM,EAANA,MAA/B;AAAuCC,IAAAA,KAAK,EAALA,KAAvC;AAA8CI,IAAAA,QAAQ,EAARA,QAA9C;AAAwDC,IAAAA,aAAa,EAAbA;AAAxD,KAA0EZ,KAA1E,EADL;AAEEa,IAAAA,YAAY,EAAEH,MAAM,uBAAgBI,gBAAMC,cAAtB,wBAAsDD,gBAAME,eAA5D,CAFtB;AAGEC,IAAAA,MAAM,EAAE,SAHV;AAIEpB,IAAAA,OAAO,EAAE,MAJX;AAKEqB,IAAAA,QAAQ,EAAE,CALZ;AAMEC,IAAAA,cAAc,EAAE,QANlB;AAOEC,IAAAA,OAAO,EAAEV,MAAM,GAAG,CAAH,GAAO,IAPxB;AAQEW,IAAAA,OAAO,EAAE;AARX;AAUD,CAvBD;;AAyBO,IAAMC,UAAU,GAAG,SAAbA,UAAa;AAAA,6BAAEpB,QAAF;AAAA,MAAEA,QAAF,+BAAa,IAAb;AAAA,MAAsBF,KAAtB;AAAA,SACxB;AAAM,IAAA,GAAG,EAAE,aAAAI,KAAK;AAAA,aAAID,eAAe,CAACC,KAAD,EAAQJ,KAAR,CAAnB;AAAA;AAAhB,KAAuDA,KAAvD,GACGE,QADH,CADwB;AAAA,CAAnB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2019 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/core';\nimport React from 'react';\n\nimport {COLOR} from '../Identity';\nimport type {Theme} from '../Layout';\nimport {TextProps, textStyle} from '../Text';\nimport {filterProps} from '../util';\n\nexport type TabBarProps<T = HTMLDivElement> = React.HTMLProps<T>;\n\nconst tabBarStyle: <T>(props: TabBarProps<T>) => CSSObject = ({}) => {\n  return {\n    display: 'flex',\n    width: '100%',\n  };\n};\n\nconst filteredTabBarProps = (props: TabBarProps) => filterProps(props, []);\n\nexport const TabBar = ({children = null, ...props}: TabBarProps) => (\n  <div css={tabBarStyle(props)} {...filteredTabBarProps(props)}>\n    {children}\n  </div>\n);\n\nexport interface TabBarItemProps<T = HTMLSpanElement> extends TextProps<T> {\n  active: boolean;\n}\n\nconst tabBarItemStyle: <T>(theme: Theme, props: TabBarItemProps<T>) => CSSObject = (\n  theme,\n  {\n    block = true,\n    center = true,\n    color = theme.general.color,\n    bold = true,\n    active = false,\n    fontSize = '11px',\n    textTransform = 'uppercase',\n    ...props\n  },\n) => {\n  return {\n    ...textStyle(theme, {block, bold, center, color, fontSize, textTransform, ...props}),\n    borderBottom: active ? `1px solid ${COLOR.GRAY_DARKEN_48}` : `1px solid ${COLOR.GRAY_LIGHTEN_40}`,\n    cursor: 'pointer',\n    display: 'flex',\n    flexGrow: 1,\n    justifyContent: 'center',\n    opacity: active ? 1 : 0.56,\n    padding: '8px 0',\n  };\n};\n\nexport const TabBarItem = ({children = null, ...props}: TabBarItemProps) => (\n  <span css={theme => tabBarItemStyle(theme, props)} {...props}>\n    {children}\n  </span>\n);\n"],"file":"TabBar.js"}
+{"version":3,"sources":["TabBar.tsx"],"names":["tabBarStyle","display","width","filteredTabBarProps","props","TabBar","children","tabBarItemStyle","theme","block","center","color","general","bold","active","fontSize","textTransform","borderBottom","COLOR","GRAY_DARKEN_48","GRAY_LIGHTEN_40","cursor","flexGrow","justifyContent","opacity","padding","TabBarItem"],"mappings":";;;;;;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;AAEA;;AACA;;;;;;;;;;AAIA,IAAMA,WAAoD,GAAG,SAAvDA,WAAuD,OAAQ;AAAA;AACnE,SAAO;AACLC,IAAAA,OAAO,EAAE,MADJ;AAELC,IAAAA,KAAK,EAAE;AAFF,GAAP;AAID,CALD;;AAOA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,KAAD;AAAA,SAAwB,uBAAYA,KAAZ,EAAmB,EAAnB,CAAxB;AAAA,CAA5B;;AAEO,IAAMC,MAAM,GAAG,SAATA,MAAS;AAAA,6BAAEC,QAAF;AAAA,MAAEA,QAAF,+BAAa,IAAb;AAAA,MAAsBF,KAAtB;AAAA,SACpB;AAAK,IAAA,GAAG,EAAEJ,WAAW,CAACI,KAAD;AAArB,KAAkCD,mBAAmB,CAACC,KAAD,CAArD,GACGE,QADH,CADoB;AAAA,CAAf;;;;AAUP,IAAMC,eAA0E,GAAG,SAA7EA,eAA6E,CACjFC,KADiF,SAY9E;AAAA,0BATDC,KASC;AAAA,MATDA,KASC,4BATO,IASP;AAAA,2BARDC,MAQC;AAAA,MARDA,MAQC,6BARQ,IAQR;AAAA,0BAPDC,KAOC;AAAA,MAPDA,KAOC,4BAPOH,KAAK,CAACI,OAAN,CAAcD,KAOrB;AAAA,yBANDE,IAMC;AAAA,MANDA,IAMC,2BANM,IAMN;AAAA,2BALDC,MAKC;AAAA,MALDA,MAKC,6BALQ,KAKR;AAAA,6BAJDC,QAIC;AAAA,MAJDA,QAIC,+BAJU,MAIV;AAAA,kCAHDC,aAGC;AAAA,MAHDA,aAGC,oCAHe,WAGf;AAAA,MAFEZ,KAEF;AACH,yCACK,qBAAUI,KAAV;AAAkBC,IAAAA,KAAK,EAALA,KAAlB;AAAyBI,IAAAA,IAAI,EAAJA,IAAzB;AAA+BH,IAAAA,MAAM,EAANA,MAA/B;AAAuCC,IAAAA,KAAK,EAALA,KAAvC;AAA8CI,IAAAA,QAAQ,EAARA,QAA9C;AAAwDC,IAAAA,aAAa,EAAbA;AAAxD,KAA0EZ,KAA1E,EADL;AAEEa,IAAAA,YAAY,EAAEH,MAAM,uBAAgBI,gBAAMC,cAAtB,wBAAsDD,gBAAME,eAA5D,CAFtB;AAGEC,IAAAA,MAAM,EAAE,SAHV;AAIEpB,IAAAA,OAAO,EAAE,MAJX;AAKEqB,IAAAA,QAAQ,EAAE,CALZ;AAMEC,IAAAA,cAAc,EAAE,QANlB;AAOEC,IAAAA,OAAO,EAAEV,MAAM,GAAG,CAAH,GAAO,IAPxB;AAQEW,IAAAA,OAAO,EAAE;AARX;AAUD,CAvBD;;AAyBO,IAAMC,UAAU,GAAG,SAAbA,UAAa;AAAA,6BAAEpB,QAAF;AAAA,MAAEA,QAAF,+BAAa,IAAb;AAAA,MAAsBF,KAAtB;AAAA,SACxB;AAAM,IAAA,GAAG,EAAE,aAACI,KAAD;AAAA,aAAkBD,eAAe,CAACC,KAAD,EAAQJ,KAAR,CAAjC;AAAA;AAAX,KAAgEA,KAAhE,GACGE,QADH,CADwB;AAAA,CAAnB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2019 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport React from 'react';\n\nimport {COLOR} from '../Identity';\nimport type {Theme} from '../Layout';\nimport {TextProps, textStyle} from '../Text';\nimport {filterProps} from '../util';\n\nexport type TabBarProps<T = HTMLDivElement> = React.HTMLProps<T>;\n\nconst tabBarStyle: <T>(props: TabBarProps<T>) => CSSObject = ({}) => {\n  return {\n    display: 'flex',\n    width: '100%',\n  };\n};\n\nconst filteredTabBarProps = (props: TabBarProps) => filterProps(props, []);\n\nexport const TabBar = ({children = null, ...props}: TabBarProps) => (\n  <div css={tabBarStyle(props)} {...filteredTabBarProps(props)}>\n    {children}\n  </div>\n);\n\nexport interface TabBarItemProps<T = HTMLSpanElement> extends TextProps<T> {\n  active: boolean;\n}\n\nconst tabBarItemStyle: <T>(theme: Theme, props: TabBarItemProps<T>) => CSSObject = (\n  theme,\n  {\n    block = true,\n    center = true,\n    color = theme.general.color,\n    bold = true,\n    active = false,\n    fontSize = '11px',\n    textTransform = 'uppercase',\n    ...props\n  },\n) => {\n  return {\n    ...textStyle(theme, {block, bold, center, color, fontSize, textTransform, ...props}),\n    borderBottom: active ? `1px solid ${COLOR.GRAY_DARKEN_48}` : `1px solid ${COLOR.GRAY_LIGHTEN_40}`,\n    cursor: 'pointer',\n    display: 'flex',\n    flexGrow: 1,\n    justifyContent: 'center',\n    opacity: active ? 1 : 0.56,\n    padding: '8px 0',\n  };\n};\n\nexport const TabBarItem = ({children = null, ...props}: TabBarItemProps) => (\n  <span css={(theme: Theme) => tabBarItemStyle(theme, props)} {...props}>\n    {children}\n  </span>\n);\n"],"file":"TabBar.js"}

package/src/Misc/IsInViewport.d.ts

@@ -1,7 +1,9 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import React from 'react';
 export interface IsInViewportProps<T = HTMLDivElement> extends React.HTMLProps<T> {
     checkViewportOnce?: boolean;
     disabled?: boolean;
     onEnterViewport?: () => void;
 }
-export declare const IsInViewport: ({ onEnterViewport, disabled, checkViewportOnce, ...props }: IsInViewportProps) => JSX.Element;
+export declare const IsInViewport: ({ onEnterViewport, disabled, checkViewportOnce, ...props }: IsInViewportProps) => jsx.JSX.Element;

package/src/Misc/IsInViewport.js

@@ -15,9 +15,9 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
-var _react = _interopRequireWildcard(require("react"));
+var _react2 = _interopRequireWildcard(require("react"));
 
 var _excluded = ["onEnterViewport", "disabled", "checkViewportOnce"];
 
@@ -32,8 +32,8 @@ var IsInViewport = function IsInViewport(_ref) {
       _ref$checkViewportOnc = _ref.checkViewportOnce,
       checkViewportOnce = _ref$checkViewportOnc === void 0 ? false : _ref$checkViewportOnc,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var element = (0, _react.useRef)();
-  (0, _react.useEffect)(function () {
+  var element = (0, _react2.useRef)();
+  (0, _react2.useEffect)(function () {
     var observer = undefined;
 
     if (onEnterViewport && !disabled) {
@@ -60,7 +60,7 @@ var IsInViewport = function IsInViewport(_ref) {
       }
     };
   }, [onEnterViewport]);
-  return (0, _core.jsx)("div", (0, _extends2["default"])({
+  return (0, _react.jsx)("div", (0, _extends2["default"])({
     ref: element
   }, props));
 };

package/src/Misc/IsInViewport.js.map

@@ -1 +1 @@
-{"version":3,"sources":["IsInViewport.tsx"],"names":["IsInViewport","onEnterViewport","disabled","checkViewportOnce","props","element","observer","undefined","IntersectionObserver","isIntersecting","disconnect","observe","current"],"mappings":";;;;;;;;;;;;;;;;;AAoBA;;AACA;;;;;;;;AAQO,IAAMA,YAAY,GAAG,SAAfA,YAAe,OAKH;AAAA,MAJvBC,eAIuB,QAJvBA,eAIuB;AAAA,2BAHvBC,QAGuB;AAAA,MAHvBA,QAGuB,8BAHZ,KAGY;AAAA,mCAFvBC,iBAEuB;AAAA,MAFvBA,iBAEuB,sCAFH,KAEG;AAAA,MADpBC,KACoB;AACvB,MAAMC,OAAO,GAAG,oBAAhB;AACA,wBAAU,YAAM;AACd,QAAIC,QAAQ,GAAGC,SAAf;;AACA,QAAIN,eAAe,IAAI,CAACC,QAAxB,EAAkC;AAChCI,MAAAA,QAAQ,GAAG,IAAIE,oBAAJ,CAAyB,iBAAwB;AAAA;AAAA,YAArBC,cAAqB,YAArBA,cAAqB;;AAC1D,YAAIA,cAAJ,EAAoB;AAClB,cAAIN,iBAAJ,EAAuB;AACrBG,YAAAA,QAAQ,CAACI,UAAT;AACD;;AACD,cAAIT,eAAe,IAAI,CAACC,QAAxB,EAAkC;AAChCD,YAAAA,eAAe;AAChB;AACF;AACF,OATU,CAAX;AAUAK,MAAAA,QAAQ,CAACK,OAAT,CAAiBN,OAAO,CAACO,OAAzB;AACD;;AAED,WAAO,YAAM;AACX,UAAIN,QAAJ,EAAc;AACZA,QAAAA,QAAQ,CAACI,UAAT;AACD;AACF,KAJD;AAKD,GArBD,EAqBG,CAACT,eAAD,CArBH;AAsBA,SAAO;AAAK,IAAA,GAAG,EAAEI;AAAV,KAAuBD,KAAvB,EAAP;AACD,CA9BM","sourcesContent":["/*\n * Wire\n * Copyright (C) 2019 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {jsx} from '@emotion/core';\nimport React, {useEffect, useRef} from 'react';\n\nexport interface IsInViewportProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  checkViewportOnce?: boolean;\n  disabled?: boolean;\n  onEnterViewport?: () => void;\n}\n\nexport const IsInViewport = ({\n  onEnterViewport,\n  disabled = false,\n  checkViewportOnce = false,\n  ...props\n}: IsInViewportProps) => {\n  const element = useRef<HTMLDivElement>();\n  useEffect(() => {\n    let observer = undefined;\n    if (onEnterViewport && !disabled) {\n      observer = new IntersectionObserver(([{isIntersecting}]) => {\n        if (isIntersecting) {\n          if (checkViewportOnce) {\n            observer.disconnect();\n          }\n          if (onEnterViewport && !disabled) {\n            onEnterViewport();\n          }\n        }\n      });\n      observer.observe(element.current);\n    }\n\n    return () => {\n      if (observer) {\n        observer.disconnect();\n      }\n    };\n  }, [onEnterViewport]);\n  return <div ref={element} {...props} />;\n};\n"],"file":"IsInViewport.js"}
+{"version":3,"sources":["IsInViewport.tsx"],"names":["IsInViewport","onEnterViewport","disabled","checkViewportOnce","props","element","observer","undefined","IntersectionObserver","isIntersecting","disconnect","observe","current"],"mappings":";;;;;;;;;;;;;;;;;AAoBA;;AACA;;;;;;;;AAQO,IAAMA,YAAY,GAAG,SAAfA,YAAe,OAKH;AAAA,MAJvBC,eAIuB,QAJvBA,eAIuB;AAAA,2BAHvBC,QAGuB;AAAA,MAHvBA,QAGuB,8BAHZ,KAGY;AAAA,mCAFvBC,iBAEuB;AAAA,MAFvBA,iBAEuB,sCAFH,KAEG;AAAA,MADpBC,KACoB;AACvB,MAAMC,OAAO,GAAG,qBAAhB;AACA,yBAAU,YAAM;AACd,QAAIC,QAAQ,GAAGC,SAAf;;AACA,QAAIN,eAAe,IAAI,CAACC,QAAxB,EAAkC;AAChCI,MAAAA,QAAQ,GAAG,IAAIE,oBAAJ,CAAyB,iBAAwB;AAAA;AAAA,YAArBC,cAAqB,YAArBA,cAAqB;;AAC1D,YAAIA,cAAJ,EAAoB;AAClB,cAAIN,iBAAJ,EAAuB;AACrBG,YAAAA,QAAQ,CAACI,UAAT;AACD;;AACD,cAAIT,eAAe,IAAI,CAACC,QAAxB,EAAkC;AAChCD,YAAAA,eAAe;AAChB;AACF;AACF,OATU,CAAX;AAUAK,MAAAA,QAAQ,CAACK,OAAT,CAAiBN,OAAO,CAACO,OAAzB;AACD;;AAED,WAAO,YAAM;AACX,UAAIN,QAAJ,EAAc;AACZA,QAAAA,QAAQ,CAACI,UAAT;AACD;AACF,KAJD;AAKD,GArBD,EAqBG,CAACT,eAAD,CArBH;AAsBA,SAAO;AAAK,IAAA,GAAG,EAAEI;AAAV,KAAuBD,KAAvB,EAAP;AACD,CA9BM","sourcesContent":["/*\n * Wire\n * Copyright (C) 2019 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {jsx} from '@emotion/react';\nimport React, {useEffect, useRef} from 'react';\n\nexport interface IsInViewportProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  checkViewportOnce?: boolean;\n  disabled?: boolean;\n  onEnterViewport?: () => void;\n}\n\nexport const IsInViewport = ({\n  onEnterViewport,\n  disabled = false,\n  checkViewportOnce = false,\n  ...props\n}: IsInViewportProps) => {\n  const element = useRef<HTMLDivElement>();\n  useEffect(() => {\n    let observer = undefined;\n    if (onEnterViewport && !disabled) {\n      observer = new IntersectionObserver(([{isIntersecting}]) => {\n        if (isIntersecting) {\n          if (checkViewportOnce) {\n            observer.disconnect();\n          }\n          if (onEnterViewport && !disabled) {\n            onEnterViewport();\n          }\n        }\n      });\n      observer.observe(element.current);\n    }\n\n    return () => {\n      if (observer) {\n        observer.disconnect();\n      }\n    };\n  }, [onEnterViewport]);\n  return <div ref={element} {...props} />;\n};\n"],"file":"IsInViewport.js"}

package/src/Misc/Loading.d.ts

@@ -1,3 +1,5 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import React from 'react';
 export interface LoadingProps<T = SVGSVGElement> extends React.SVGProps<T> {
     color?: string;
@@ -5,7 +7,7 @@ export interface LoadingProps<T = SVGSVGElement> extends React.SVGProps<T> {
     size?: number;
 }
 export declare const Loading: {
-    ({ progress, size, color, ...props }: LoadingProps): JSX.Element;
+    ({ progress, size, color, ...props }: LoadingProps): jsx.JSX.Element;
     defaultProps: {
         progress: any;
         size: number;

package/src/Misc/Loading.js

@@ -13,9 +13,9 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
-var _react = _interopRequireDefault(require("react"));
+var _react2 = _interopRequireDefault(require("react"));
 
 var _Identity = require("../Identity");
 
@@ -36,19 +36,19 @@ var Loading = function Loading(_ref) {
   var pathLength = 125.68;
   var rotationOffset = -0.75;
   var rotationDelay = _motions.DURATION.EXTRA_LONG * rotationOffset;
-  var fillAnimation = (0, _core.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    0% {\n      stroke-dashoffset: ", ";\n    }\n    100% {\n      stroke-dashoffset: 0;\n    }\n  "])), pathLength + pathLength);
-  return (0, _core.jsx)("svg", (0, _extends2["default"])({
+  var fillAnimation = (0, _react.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    0% {\n      stroke-dashoffset: ", ";\n    }\n    100% {\n      stroke-dashoffset: 0;\n    }\n  "])), pathLength + pathLength);
+  return (0, _react.jsx)("svg", (0, _extends2["default"])({
     width: size,
     height: size,
     viewBox: "0 0 43 43",
     strokeWidth: "3",
     fill: "none"
-  }, props), (0, _core.jsx)("circle", {
+  }, props), (0, _react.jsx)("circle", {
     cx: "21.5",
     cy: "21.5",
     r: "20",
     stroke: _Identity.COLOR.opaque(color, 0.08)
-  }), (0, _core.jsx)("circle", {
+  }), (0, _react.jsx)("circle", {
     css: !progress && {
       animation: "".concat(fillAnimation, " ").concat(_motions.DURATION.EXTRA_LONG, "ms ease-in-out infinite,\n              ").concat(_motions.ANIMATION.rotate, " ").concat(_motions.DURATION.EXTRA_LONG, "ms linear ").concat(rotationDelay, "ms infinite"),
       strokeDasharray: pathLength,

package/src/Misc/Loading.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Loading.tsx"],"names":["Loading","progress","undefined","size","color","props","pathLength","rotationOffset","rotationDelay","DURATION","EXTRA_LONG","fillAnimation","keyframes","COLOR","opaque","animation","ANIMATION","rotate","strokeDasharray","transformOrigin","defaultProps"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;AACA;;;;;;AAQO,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAAkF;AAAA,2BAAhFC,QAAgF;AAAA,MAAhFA,QAAgF,8BAArEC,SAAqE;AAAA,uBAA1DC,IAA0D;AAAA,MAA1DA,IAA0D,0BAAnD,EAAmD;AAAA,wBAA/CC,KAA+C;AAAA,MAA/CA,KAA+C,2BAAvC,SAAuC;AAAA,MAAzBC,KAAyB;AACvG,MAAMC,UAAU,GAAG,MAAnB;AACA,MAAMC,cAAc,GAAG,CAAC,IAAxB;AACA,MAAMC,aAAa,GAAGC,kBAASC,UAAT,GAAsBH,cAA5C;AACA,MAAMI,aAAa,OAAGC,eAAH,6LAEMN,UAAU,GAAGA,UAFnB,CAAnB;AASA,SACE;AAAK,IAAA,KAAK,EAAEH,IAAZ;AAAkB,IAAA,MAAM,EAAEA,IAA1B;AAAgC,IAAA,OAAO,EAAC,WAAxC;AAAoD,IAAA,WAAW,EAAC,GAAhE;AAAoE,IAAA,IAAI,EAAC;AAAzE,KAAoFE,KAApF,GACE;AAAQ,IAAA,EAAE,EAAC,MAAX;AAAkB,IAAA,EAAE,EAAC,MAArB;AAA4B,IAAA,CAAC,EAAC,IAA9B;AAAmC,IAAA,MAAM,EAAEQ,gBAAMC,MAAN,CAAaV,KAAb,EAAoB,IAApB;AAA3C,IADF,EAEE;AACE,IAAA,GAAG,EACD,CAACH,QAAD,IAAa;AACXc,MAAAA,SAAS,YAAKJ,aAAL,cAAsBF,kBAASC,UAA/B,qDACLM,mBAAUC,MADL,cACeR,kBAASC,UADxB,uBAC+CF,aAD/C,gBADE;AAGXU,MAAAA,eAAe,EAAEZ,UAHN;AAIXa,MAAAA,eAAe,EAAE;AAJN,KAFjB;AASE,IAAA,EAAE,EAAC,MATL;AAUE,IAAA,EAAE,EAAC,MAVL;AAWE,IAAA,CAAC,EAAC,IAXJ;AAYE,IAAA,MAAM,EAAEf,KAZV;AAaE,IAAA,aAAa,EAAC,OAbhB;AAcE,IAAA,eAAe,EAAEE,UAdnB;AAeE,IAAA,gBAAgB,EAAEL,QAAQ,cAAOK,UAAU,GAAGA,UAAU,GAAGL,QAAjC;AAf5B,IAFF,CADF;AAsBD,CAnCM;;;AAqCPD,OAAO,CAACoB,YAAR,GAAuB;AACrBnB,EAAAA,QAAQ,EAAEC,SADW;AAErBC,EAAAA,IAAI,EAAE;AAFe,CAAvB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {jsx, keyframes} from '@emotion/core';\nimport React from 'react';\n\nimport {COLOR} from '../Identity';\nimport {ANIMATION, DURATION} from '../Identity/motions';\n\nexport interface LoadingProps<T = SVGSVGElement> extends React.SVGProps<T> {\n  color?: string;\n  progress?: number;\n  size?: number;\n}\n\nexport const Loading = ({progress = undefined, size = 43, color = '#218fd1', ...props}: LoadingProps) => {\n  const pathLength = 125.68;\n  const rotationOffset = -0.75;\n  const rotationDelay = DURATION.EXTRA_LONG * rotationOffset;\n  const fillAnimation = keyframes`\n    0% {\n      stroke-dashoffset: ${pathLength + pathLength};\n    }\n    100% {\n      stroke-dashoffset: 0;\n    }\n  `;\n\n  return (\n    <svg width={size} height={size} viewBox=\"0 0 43 43\" strokeWidth=\"3\" fill=\"none\" {...props}>\n      <circle cx=\"21.5\" cy=\"21.5\" r=\"20\" stroke={COLOR.opaque(color, 0.08)} />\n      <circle\n        css={\n          !progress && {\n            animation: `${fillAnimation} ${DURATION.EXTRA_LONG}ms ease-in-out infinite,\n              ${ANIMATION.rotate} ${DURATION.EXTRA_LONG}ms linear ${rotationDelay}ms infinite`,\n            strokeDasharray: pathLength,\n            transformOrigin: '50% 50%',\n          }\n        }\n        cx=\"21.5\"\n        cy=\"21.5\"\n        r=\"20\"\n        stroke={color}\n        strokeLinecap=\"round\"\n        strokeDasharray={pathLength}\n        strokeDashoffset={progress && `${pathLength - pathLength * progress}`}\n      />\n    </svg>\n  );\n};\n\nLoading.defaultProps = {\n  progress: undefined,\n  size: 43,\n};\n"],"file":"Loading.js"}
+{"version":3,"sources":["Loading.tsx"],"names":["Loading","progress","undefined","size","color","props","pathLength","rotationOffset","rotationDelay","DURATION","EXTRA_LONG","fillAnimation","keyframes","COLOR","opaque","animation","ANIMATION","rotate","strokeDasharray","transformOrigin","defaultProps"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;AACA;;;;;;AAQO,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAAkF;AAAA,2BAAhFC,QAAgF;AAAA,MAAhFA,QAAgF,8BAArEC,SAAqE;AAAA,uBAA1DC,IAA0D;AAAA,MAA1DA,IAA0D,0BAAnD,EAAmD;AAAA,wBAA/CC,KAA+C;AAAA,MAA/CA,KAA+C,2BAAvC,SAAuC;AAAA,MAAzBC,KAAyB;AACvG,MAAMC,UAAU,GAAG,MAAnB;AACA,MAAMC,cAAc,GAAG,CAAC,IAAxB;AACA,MAAMC,aAAa,GAAGC,kBAASC,UAAT,GAAsBH,cAA5C;AACA,MAAMI,aAAa,OAAGC,gBAAH,6LAEMN,UAAU,GAAGA,UAFnB,CAAnB;AASA,SACE;AAAK,IAAA,KAAK,EAAEH,IAAZ;AAAkB,IAAA,MAAM,EAAEA,IAA1B;AAAgC,IAAA,OAAO,EAAC,WAAxC;AAAoD,IAAA,WAAW,EAAC,GAAhE;AAAoE,IAAA,IAAI,EAAC;AAAzE,KAAoFE,KAApF,GACE;AAAQ,IAAA,EAAE,EAAC,MAAX;AAAkB,IAAA,EAAE,EAAC,MAArB;AAA4B,IAAA,CAAC,EAAC,IAA9B;AAAmC,IAAA,MAAM,EAAEQ,gBAAMC,MAAN,CAAaV,KAAb,EAAoB,IAApB;AAA3C,IADF,EAEE;AACE,IAAA,GAAG,EACD,CAACH,QAAD,IAAa;AACXc,MAAAA,SAAS,YAAKJ,aAAL,cAAsBF,kBAASC,UAA/B,qDACLM,mBAAUC,MADL,cACeR,kBAASC,UADxB,uBAC+CF,aAD/C,gBADE;AAGXU,MAAAA,eAAe,EAAEZ,UAHN;AAIXa,MAAAA,eAAe,EAAE;AAJN,KAFjB;AASE,IAAA,EAAE,EAAC,MATL;AAUE,IAAA,EAAE,EAAC,MAVL;AAWE,IAAA,CAAC,EAAC,IAXJ;AAYE,IAAA,MAAM,EAAEf,KAZV;AAaE,IAAA,aAAa,EAAC,OAbhB;AAcE,IAAA,eAAe,EAAEE,UAdnB;AAeE,IAAA,gBAAgB,EAAEL,QAAQ,cAAOK,UAAU,GAAGA,UAAU,GAAGL,QAAjC;AAf5B,IAFF,CADF;AAsBD,CAnCM;;;AAqCPD,OAAO,CAACoB,YAAR,GAAuB;AACrBnB,EAAAA,QAAQ,EAAEC,SADW;AAErBC,EAAAA,IAAI,EAAE;AAFe,CAAvB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {jsx, keyframes} from '@emotion/react';\nimport React from 'react';\n\nimport {COLOR} from '../Identity';\nimport {ANIMATION, DURATION} from '../Identity/motions';\n\nexport interface LoadingProps<T = SVGSVGElement> extends React.SVGProps<T> {\n  color?: string;\n  progress?: number;\n  size?: number;\n}\n\nexport const Loading = ({progress = undefined, size = 43, color = '#218fd1', ...props}: LoadingProps) => {\n  const pathLength = 125.68;\n  const rotationOffset = -0.75;\n  const rotationDelay = DURATION.EXTRA_LONG * rotationOffset;\n  const fillAnimation = keyframes`\n    0% {\n      stroke-dashoffset: ${pathLength + pathLength};\n    }\n    100% {\n      stroke-dashoffset: 0;\n    }\n  `;\n\n  return (\n    <svg width={size} height={size} viewBox=\"0 0 43 43\" strokeWidth=\"3\" fill=\"none\" {...props}>\n      <circle cx=\"21.5\" cy=\"21.5\" r=\"20\" stroke={COLOR.opaque(color, 0.08)} />\n      <circle\n        css={\n          !progress && {\n            animation: `${fillAnimation} ${DURATION.EXTRA_LONG}ms ease-in-out infinite,\n              ${ANIMATION.rotate} ${DURATION.EXTRA_LONG}ms linear ${rotationDelay}ms infinite`,\n            strokeDasharray: pathLength,\n            transformOrigin: '50% 50%',\n          }\n        }\n        cx=\"21.5\"\n        cy=\"21.5\"\n        r=\"20\"\n        stroke={color}\n        strokeLinecap=\"round\"\n        strokeDasharray={pathLength}\n        strokeDashoffset={progress && `${pathLength - pathLength * progress}`}\n      />\n    </svg>\n  );\n};\n\nLoading.defaultProps = {\n  progress: undefined,\n  size: 43,\n};\n"],"file":"Loading.js"}

package/src/Misc/Pagination.d.ts

@@ -6,5 +6,5 @@ interface PaginationProps<T = HTMLDivElement> extends React.PropsWithRef<React.H
     numberOfPages?: number;
     previousPageComponent?: any;
 }
-export declare const Pagination: React.SFC<PaginationProps>;
+export declare const Pagination: React.FC<PaginationProps>;
 export {};

package/src/Misc/Pagination.js

@@ -11,9 +11,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
-var _react = _interopRequireDefault(require("react"));
+var _react2 = _interopRequireDefault(require("react"));
 
 var _Identity = require("../Identity");
 
@@ -26,32 +26,32 @@ var _excluded = ["currentPage", "numberOfPages", "goPage", "previousPageComponen
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 
 var _ref2 = process.env.NODE_ENV === "production" ? {
-  name: "j5wv9j-Pagination",
-  styles: "flex-basis:100px;;label:Pagination;"
+  name: "1uohtp9",
+  styles: "flex-basis:100px"
 } : {
-  name: "j5wv9j-Pagination",
-  styles: "flex-basis:100px;;label:Pagination;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBhZ2luYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBGVyIsImZpbGUiOiJQYWdpbmF0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBXaXJlXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTggV2lyZSBTd2lzcyBHbWJIXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGZyZWUgc29mdHdhcmU6IHlvdSBjYW4gcmVkaXN0cmlidXRlIGl0IGFuZC9vciBtb2RpZnlcbiAqIGl0IHVuZGVyIHRoZSB0ZXJtcyBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgYXMgcHVibGlzaGVkIGJ5XG4gKiB0aGUgRnJlZSBTb2Z0d2FyZSBGb3VuZGF0aW9uLCBlaXRoZXIgdmVyc2lvbiAzIG9mIHRoZSBMaWNlbnNlLCBvclxuICogKGF0IHlvdXIgb3B0aW9uKSBhbnkgbGF0ZXIgdmVyc2lvbi5cbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZGlzdHJpYnV0ZWQgaW4gdGhlIGhvcGUgdGhhdCBpdCB3aWxsIGJlIHVzZWZ1bCxcbiAqIGJ1dCBXSVRIT1VUIEFOWSBXQVJSQU5UWTsgd2l0aG91dCBldmVuIHRoZSBpbXBsaWVkIHdhcnJhbnR5IG9mXG4gKiBNRVJDSEFOVEFCSUxJVFkgb3IgRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UuIFNlZSB0aGVcbiAqIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGZvciBtb3JlIGRldGFpbHMuXG4gKlxuICogWW91IHNob3VsZCBoYXZlIHJlY2VpdmVkIGEgY29weSBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2VcbiAqIGFsb25nIHdpdGggdGhpcyBwcm9ncmFtLiBJZiBub3QsIHNlZSBodHRwOi8vd3d3LmdudS5vcmcvbGljZW5zZXMvLlxuICpcbiAqL1xuXG4vKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7anN4fSBmcm9tICdAZW1vdGlvbi9jb3JlJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7Q09MT1J9IGZyb20gJy4uL0lkZW50aXR5JztcbmltcG9ydCB7RmxleEJveH0gZnJvbSAnLi4vTGF5b3V0JztcbmltcG9ydCB7Qm9sZCwgTGlua30gZnJvbSAnLi4vVGV4dCc7XG5cbmludGVyZmFjZSBQYWdpbmF0aW9uUHJvcHM8VCA9IEhUTUxEaXZFbGVtZW50PiBleHRlbmRzIFJlYWN0LlByb3BzV2l0aFJlZjxSZWFjdC5IVE1MUHJvcHM8VD4+IHtcbiAgY3VycmVudFBhZ2U/OiBudW1iZXI7XG4gIGdvUGFnZT86IChwYWdlOiBudW1iZXIpID0+IHZvaWQ7XG4gIG5leHRQYWdlQ29tcG9uZW50PzogYW55O1xuICBudW1iZXJPZlBhZ2VzPzogbnVtYmVyO1xuICBwcmV2aW91c1BhZ2VDb21wb25lbnQ/OiBhbnk7XG59XG5cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uOiBSZWFjdC5TRkM8UGFnaW5hdGlvblByb3BzPiA9ICh7XG4gIGN1cnJlbnRQYWdlID0gMCxcbiAgbnVtYmVyT2ZQYWdlcyA9IDEsXG4gIGdvUGFnZSxcbiAgcHJldmlvdXNQYWdlQ29tcG9uZW50OiBQcmV2aW91c1BhZ2VDb21wb25lbnQgPSAoKSA9PiAnPCcsXG4gIG5leHRQYWdlQ29tcG9uZW50OiBOZXh0UGFnZUNvbXBvbmVudCA9ICgpID0+ICc+JyxcbiAgLi4ucHJvcHNcbn0pID0+IHtcbiAgY29uc3QgaXNMYXN0UGFnZSA9IGN1cnJlbnRQYWdlID09PSBudW1iZXJPZlBhZ2VzIC0gMTtcbiAgY29uc3QgaXNGaXJzdFBhZ2UgPSBjdXJyZW50UGFnZSA9PT0gMDtcblxuICBjb25zdCByZW5kZXJQYWdlTGlzdCA9ICgpID0+IHtcbiAgICBjb25zdCBsYXN0UGFnZUluZGV4ID0gbnVtYmVyT2ZQYWdlcyAtIDE7XG4gICAgY29uc3Qgc3Bhbkxlbmd0aCA9IDE7XG4gICAgY29uc3QgZW5kTGVuZ3RoID0gMTtcbiAgICBjb25zdCBza2lwTGVuZ3RoID0gMTtcbiAgICBjb25zdCBub3JtYWxpemVDb3VudCA9IGVuZExlbmd0aCArIHNraXBMZW5ndGggKyBzcGFuTGVuZ3RoO1xuICAgIGNvbnN0IGRvdHMgPSAoa2V5OiBzdHJpbmcpID0+IChcbiAgICAgIDxCb2xkIGtleT17a2V5fSBmb250U2l6ZT17JzExcHgnfT5cbiAgICAgICAgeyfigKYnfVxuICAgICAgPC9Cb2xkPlxuICAgICk7XG4gICAgY29uc3QgcmVuZGVyUGFnZU51bWJlciA9IHBhZ2VJbmRleCA9PlxuICAgICAgY3VycmVudFBhZ2UgPT09IHBhZ2VJbmRleCA/IChcbiAgICAgICAgPEJvbGRcbiAgICAgICAgICBmb250U2l6ZT17JzExcHgnfVxuICAgICAgICAgIGtleT17cGFnZUluZGV4fVxuICAgICAgICAgIHN0eWxlPXt7Y29sb3I6IENPTE9SLkJMVUUsIG1hcmdpbjogJzAgOHB4J319XG4gICAgICAgICAgZGF0YS11aWUtbmFtZT1cInN0YXR1cy1hY3RpdmUtcGFnZVwiXG4gICAgICAgID5cbiAgICAgICAgICB7cGFnZUluZGV4ICsgMX1cbiAgICAgICAgPC9Cb2xkPlxuICAgICAgKSA6IChcbiAgICAgICAgPExpbmsga2V5PXtwYWdlSW5kZXh9IHN0eWxlPXt7bWFyZ2luOiAnMCA4cHgnfX0gb25DbGljaz17KCkgPT4gZ29QYWdlKHBhZ2VJbmRleCl9IGRhdGEtdWllLW5hbWU9XCJnby1wYWdlXCI+XG4gICAgICAgICAge3BhZ2VJbmRleCArIDF9XG4gICAgICAgIDwvTGluaz5cbiAgICAgICk7XG5cbiAgICBjb25zdCBub3JtYWxpemVkQ3VycmVudCA9IE1hdGgubWluKE1hdGgubWF4KGN1cnJlbnRQYWdlLCBub3JtYWxpemVDb3VudCksIGxhc3RQYWdlSW5kZXggLSBub3JtYWxpemVDb3VudCk7XG4gICAgY29uc3QgYmVmb3JlQ291bnQgPSBub3JtYWxpemVkQ3VycmVudCAtIHNwYW5MZW5ndGggLSBlbmRMZW5ndGg7XG4gICAgY29uc3QgYWZ0ZXJDb3VudCA9IGxhc3RQYWdlSW5kZXggLSBlbmRMZW5ndGggLSBub3JtYWxpemVkQ3VycmVudCAtIHNwYW5MZW5ndGg7XG5cbiAgICBjb25zdCBwYWdlcyA9IEFycmF5LmZyb20oQXJyYXkobnVtYmVyT2ZQYWdlcyksIChub3RoaW5nLCBpbmRleCkgPT4gcmVuZGVyUGFnZU51bWJlcihpbmRleCkpO1xuICAgIGlmIChhZnRlckNvdW50ID4gc2tpcExlbmd0aCkge1xuICAgICAgcGFnZXMuc3BsaWNlKG5vcm1hbGl6ZWRDdXJyZW50ICsgc3Bhbkxlbmd0aCArIDEsIGFmdGVyQ291bnQsIGRvdHMoJ2RvdHMtZW5kJykpO1xuICAgIH1cbiAgICBpZiAoYmVmb3JlQ291bnQgPiBza2lwTGVuZ3RoKSB7XG4gICAgICBwYWdlcy5zcGxpY2UoZW5kTGVuZ3RoLCBiZWZvcmVDb3VudCwgZG90cygnZG90cy1zdGFydCcpKTtcbiAgICB9XG5cbiAgICByZXR1cm4gcGFnZXM7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8RmxleEJveCBhbGlnbj1cImZsZXgtZW5kXCIgZGF0YS11aWUtbmFtZT1cImVsZW1lbnQtcGFnaW5hdGlvblwiIHsuLi5wcm9wc30+XG4gICAgICA8ZGl2IGNzcz17e2ZsZXhCYXNpczogMTAwfX0+XG4gICAgICAgIHshaXNGaXJzdFBhZ2UgJiYgKFxuICAgICAgICAgIDxMaW5rIGJsb2NrIG9uQ2xpY2s9eygpID0+IGdvUGFnZShjdXJyZW50UGFnZSAtIDEpfSBkYXRhLXVpZS1uYW1lPVwiZ28tcHJldmlvdXMtcGFnZVwiPlxuICAgICAgICAgICAgPFByZXZpb3VzUGFnZUNvbXBvbmVudCAvPlxuICAgICAgICAgIDwvTGluaz5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e3thbGlnbkl0ZW1zOiAnZmxleC1lbmQnLCBkaXNwbGF5OiAnZmxleCcsIGZsZXhEaXJlY3Rpb246ICdyb3cnLCBtYXJnaW46ICcwIGF1dG8nfX1cbiAgICAgICAgZGF0YS11aWUtbmFtZT1cImxpc3QtcGFnZXNcIlxuICAgICAgPlxuICAgICAgICB7cmVuZGVyUGFnZUxpc3QoKX1cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjc3M9e3tkaXNwbGF5OiAnZmxleCcsIGZsZXhCYXNpczogMTAwLCBqdXN0aWZ5Q29udGVudDogJ2ZsZXgtZW5kJ319PlxuICAgICAgICB7IWlzTGFzdFBhZ2UgJiYgKFxuICAgICAgICAgIDxMaW5rIGJsb2NrIG9uQ2xpY2s9eygpID0+IGdvUGFnZShjdXJyZW50UGFnZSArIDEpfSBkYXRhLXVpZS1uYW1lPVwiZ28tbmV4dC1wYWdlXCI+XG4gICAgICAgICAgICA8TmV4dFBhZ2VDb21wb25lbnQgLz5cbiAgICAgICAgICA8L0xpbms+XG4gICAgICAgICl9XG4gICAgICA8L2Rpdj5cbiAgICA8L0ZsZXhCb3g+XG4gICk7XG59O1xuIl19 */",
+  name: "6wexnb-Pagination",
+  styles: "flex-basis:100px;label:Pagination;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBhZ2luYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBGVyIsImZpbGUiOiJQYWdpbmF0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBXaXJlXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTggV2lyZSBTd2lzcyBHbWJIXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGZyZWUgc29mdHdhcmU6IHlvdSBjYW4gcmVkaXN0cmlidXRlIGl0IGFuZC9vciBtb2RpZnlcbiAqIGl0IHVuZGVyIHRoZSB0ZXJtcyBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgYXMgcHVibGlzaGVkIGJ5XG4gKiB0aGUgRnJlZSBTb2Z0d2FyZSBGb3VuZGF0aW9uLCBlaXRoZXIgdmVyc2lvbiAzIG9mIHRoZSBMaWNlbnNlLCBvclxuICogKGF0IHlvdXIgb3B0aW9uKSBhbnkgbGF0ZXIgdmVyc2lvbi5cbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZGlzdHJpYnV0ZWQgaW4gdGhlIGhvcGUgdGhhdCBpdCB3aWxsIGJlIHVzZWZ1bCxcbiAqIGJ1dCBXSVRIT1VUIEFOWSBXQVJSQU5UWTsgd2l0aG91dCBldmVuIHRoZSBpbXBsaWVkIHdhcnJhbnR5IG9mXG4gKiBNRVJDSEFOVEFCSUxJVFkgb3IgRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UuIFNlZSB0aGVcbiAqIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGZvciBtb3JlIGRldGFpbHMuXG4gKlxuICogWW91IHNob3VsZCBoYXZlIHJlY2VpdmVkIGEgY29weSBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2VcbiAqIGFsb25nIHdpdGggdGhpcyBwcm9ncmFtLiBJZiBub3QsIHNlZSBodHRwOi8vd3d3LmdudS5vcmcvbGljZW5zZXMvLlxuICpcbiAqL1xuXG4vKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7anN4fSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge0NPTE9SfSBmcm9tICcuLi9JZGVudGl0eSc7XG5pbXBvcnQge0ZsZXhCb3h9IGZyb20gJy4uL0xheW91dCc7XG5pbXBvcnQge0JvbGQsIExpbmt9IGZyb20gJy4uL1RleHQnO1xuXG5pbnRlcmZhY2UgUGFnaW5hdGlvblByb3BzPFQgPSBIVE1MRGl2RWxlbWVudD4gZXh0ZW5kcyBSZWFjdC5Qcm9wc1dpdGhSZWY8UmVhY3QuSFRNTFByb3BzPFQ+PiB7XG4gIGN1cnJlbnRQYWdlPzogbnVtYmVyO1xuICBnb1BhZ2U/OiAocGFnZTogbnVtYmVyKSA9PiB2b2lkO1xuICBuZXh0UGFnZUNvbXBvbmVudD86IGFueTtcbiAgbnVtYmVyT2ZQYWdlcz86IG51bWJlcjtcbiAgcHJldmlvdXNQYWdlQ29tcG9uZW50PzogYW55O1xufVxuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbjogUmVhY3QuRkM8UGFnaW5hdGlvblByb3BzPiA9ICh7XG4gIGN1cnJlbnRQYWdlID0gMCxcbiAgbnVtYmVyT2ZQYWdlcyA9IDEsXG4gIGdvUGFnZSxcbiAgcHJldmlvdXNQYWdlQ29tcG9uZW50OiBQcmV2aW91c1BhZ2VDb21wb25lbnQgPSAoKSA9PiAnPCcsXG4gIG5leHRQYWdlQ29tcG9uZW50OiBOZXh0UGFnZUNvbXBvbmVudCA9ICgpID0+ICc+JyxcbiAgLi4ucHJvcHNcbn0pID0+IHtcbiAgY29uc3QgaXNMYXN0UGFnZSA9IGN1cnJlbnRQYWdlID09PSBudW1iZXJPZlBhZ2VzIC0gMTtcbiAgY29uc3QgaXNGaXJzdFBhZ2UgPSBjdXJyZW50UGFnZSA9PT0gMDtcblxuICBjb25zdCByZW5kZXJQYWdlTGlzdCA9ICgpID0+IHtcbiAgICBjb25zdCBsYXN0UGFnZUluZGV4ID0gbnVtYmVyT2ZQYWdlcyAtIDE7XG4gICAgY29uc3Qgc3Bhbkxlbmd0aCA9IDE7XG4gICAgY29uc3QgZW5kTGVuZ3RoID0gMTtcbiAgICBjb25zdCBza2lwTGVuZ3RoID0gMTtcbiAgICBjb25zdCBub3JtYWxpemVDb3VudCA9IGVuZExlbmd0aCArIHNraXBMZW5ndGggKyBzcGFuTGVuZ3RoO1xuICAgIGNvbnN0IGRvdHMgPSAoa2V5OiBzdHJpbmcpID0+IChcbiAgICAgIDxCb2xkIGtleT17a2V5fSBmb250U2l6ZT17JzExcHgnfT5cbiAgICAgICAgeyfigKYnfVxuICAgICAgPC9Cb2xkPlxuICAgICk7XG4gICAgY29uc3QgcmVuZGVyUGFnZU51bWJlciA9IHBhZ2VJbmRleCA9PlxuICAgICAgY3VycmVudFBhZ2UgPT09IHBhZ2VJbmRleCA/IChcbiAgICAgICAgPEJvbGRcbiAgICAgICAgICBmb250U2l6ZT17JzExcHgnfVxuICAgICAgICAgIGtleT17cGFnZUluZGV4fVxuICAgICAgICAgIHN0eWxlPXt7Y29sb3I6IENPTE9SLkJMVUUsIG1hcmdpbjogJzAgOHB4J319XG4gICAgICAgICAgZGF0YS11aWUtbmFtZT1cInN0YXR1cy1hY3RpdmUtcGFnZVwiXG4gICAgICAgID5cbiAgICAgICAgICB7cGFnZUluZGV4ICsgMX1cbiAgICAgICAgPC9Cb2xkPlxuICAgICAgKSA6IChcbiAgICAgICAgPExpbmsga2V5PXtwYWdlSW5kZXh9IHN0eWxlPXt7bWFyZ2luOiAnMCA4cHgnfX0gb25DbGljaz17KCkgPT4gZ29QYWdlKHBhZ2VJbmRleCl9IGRhdGEtdWllLW5hbWU9XCJnby1wYWdlXCI+XG4gICAgICAgICAge3BhZ2VJbmRleCArIDF9XG4gICAgICAgIDwvTGluaz5cbiAgICAgICk7XG5cbiAgICBjb25zdCBub3JtYWxpemVkQ3VycmVudCA9IE1hdGgubWluKE1hdGgubWF4KGN1cnJlbnRQYWdlLCBub3JtYWxpemVDb3VudCksIGxhc3RQYWdlSW5kZXggLSBub3JtYWxpemVDb3VudCk7XG4gICAgY29uc3QgYmVmb3JlQ291bnQgPSBub3JtYWxpemVkQ3VycmVudCAtIHNwYW5MZW5ndGggLSBlbmRMZW5ndGg7XG4gICAgY29uc3QgYWZ0ZXJDb3VudCA9IGxhc3RQYWdlSW5kZXggLSBlbmRMZW5ndGggLSBub3JtYWxpemVkQ3VycmVudCAtIHNwYW5MZW5ndGg7XG5cbiAgICBjb25zdCBwYWdlcyA9IEFycmF5LmZyb20oQXJyYXkobnVtYmVyT2ZQYWdlcyksIChub3RoaW5nLCBpbmRleCkgPT4gcmVuZGVyUGFnZU51bWJlcihpbmRleCkpO1xuICAgIGlmIChhZnRlckNvdW50ID4gc2tpcExlbmd0aCkge1xuICAgICAgcGFnZXMuc3BsaWNlKG5vcm1hbGl6ZWRDdXJyZW50ICsgc3Bhbkxlbmd0aCArIDEsIGFmdGVyQ291bnQsIGRvdHMoJ2RvdHMtZW5kJykpO1xuICAgIH1cbiAgICBpZiAoYmVmb3JlQ291bnQgPiBza2lwTGVuZ3RoKSB7XG4gICAgICBwYWdlcy5zcGxpY2UoZW5kTGVuZ3RoLCBiZWZvcmVDb3VudCwgZG90cygnZG90cy1zdGFydCcpKTtcbiAgICB9XG5cbiAgICByZXR1cm4gcGFnZXM7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8RmxleEJveCBhbGlnbj1cImZsZXgtZW5kXCIgZGF0YS11aWUtbmFtZT1cImVsZW1lbnQtcGFnaW5hdGlvblwiIHsuLi5wcm9wc30+XG4gICAgICA8ZGl2IGNzcz17e2ZsZXhCYXNpczogMTAwfX0+XG4gICAgICAgIHshaXNGaXJzdFBhZ2UgJiYgKFxuICAgICAgICAgIDxMaW5rIGJsb2NrIG9uQ2xpY2s9eygpID0+IGdvUGFnZShjdXJyZW50UGFnZSAtIDEpfSBkYXRhLXVpZS1uYW1lPVwiZ28tcHJldmlvdXMtcGFnZVwiPlxuICAgICAgICAgICAgPFByZXZpb3VzUGFnZUNvbXBvbmVudCAvPlxuICAgICAgICAgIDwvTGluaz5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e3thbGlnbkl0ZW1zOiAnZmxleC1lbmQnLCBkaXNwbGF5OiAnZmxleCcsIGZsZXhEaXJlY3Rpb246ICdyb3cnLCBtYXJnaW46ICcwIGF1dG8nfX1cbiAgICAgICAgZGF0YS11aWUtbmFtZT1cImxpc3QtcGFnZXNcIlxuICAgICAgPlxuICAgICAgICB7cmVuZGVyUGFnZUxpc3QoKX1cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjc3M9e3tkaXNwbGF5OiAnZmxleCcsIGZsZXhCYXNpczogMTAwLCBqdXN0aWZ5Q29udGVudDogJ2ZsZXgtZW5kJ319PlxuICAgICAgICB7IWlzTGFzdFBhZ2UgJiYgKFxuICAgICAgICAgIDxMaW5rIGJsb2NrIG9uQ2xpY2s9eygpID0+IGdvUGFnZShjdXJyZW50UGFnZSArIDEpfSBkYXRhLXVpZS1uYW1lPVwiZ28tbmV4dC1wYWdlXCI+XG4gICAgICAgICAgICA8TmV4dFBhZ2VDb21wb25lbnQgLz5cbiAgICAgICAgICA8L0xpbms+XG4gICAgICAgICl9XG4gICAgICA8L2Rpdj5cbiAgICA8L0ZsZXhCb3g+XG4gICk7XG59O1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
 var _ref3 = process.env.NODE_ENV === "production" ? {
-  name: "1fw1u1c-Pagination",
-  styles: "align-items:flex-end;display:flex;flex-direction:row;margin:0 auto;;label:Pagination;"
+  name: "jli9tm",
+  styles: "align-items:flex-end;display:flex;flex-direction:row;margin:0 auto"
 } : {
-  name: "1fw1u1c-Pagination",
-  styles: "align-items:flex-end;display:flex;flex-direction:row;margin:0 auto;;label:Pagination;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBhZ2luYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtHUSIsImZpbGUiOiJQYWdpbmF0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBXaXJlXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTggV2lyZSBTd2lzcyBHbWJIXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGZyZWUgc29mdHdhcmU6IHlvdSBjYW4gcmVkaXN0cmlidXRlIGl0IGFuZC9vciBtb2RpZnlcbiAqIGl0IHVuZGVyIHRoZSB0ZXJtcyBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgYXMgcHVibGlzaGVkIGJ5XG4gKiB0aGUgRnJlZSBTb2Z0d2FyZSBGb3VuZGF0aW9uLCBlaXRoZXIgdmVyc2lvbiAzIG9mIHRoZSBMaWNlbnNlLCBvclxuICogKGF0IHlvdXIgb3B0aW9uKSBhbnkgbGF0ZXIgdmVyc2lvbi5cbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZGlzdHJpYnV0ZWQgaW4gdGhlIGhvcGUgdGhhdCBpdCB3aWxsIGJlIHVzZWZ1bCxcbiAqIGJ1dCBXSVRIT1VUIEFOWSBXQVJSQU5UWTsgd2l0aG91dCBldmVuIHRoZSBpbXBsaWVkIHdhcnJhbnR5IG9mXG4gKiBNRVJDSEFOVEFCSUxJVFkgb3IgRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UuIFNlZSB0aGVcbiAqIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGZvciBtb3JlIGRldGFpbHMuXG4gKlxuICogWW91IHNob3VsZCBoYXZlIHJlY2VpdmVkIGEgY29weSBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2VcbiAqIGFsb25nIHdpdGggdGhpcyBwcm9ncmFtLiBJZiBub3QsIHNlZSBodHRwOi8vd3d3LmdudS5vcmcvbGljZW5zZXMvLlxuICpcbiAqL1xuXG4vKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7anN4fSBmcm9tICdAZW1vdGlvbi9jb3JlJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7Q09MT1J9IGZyb20gJy4uL0lkZW50aXR5JztcbmltcG9ydCB7RmxleEJveH0gZnJvbSAnLi4vTGF5b3V0JztcbmltcG9ydCB7Qm9sZCwgTGlua30gZnJvbSAnLi4vVGV4dCc7XG5cbmludGVyZmFjZSBQYWdpbmF0aW9uUHJvcHM8VCA9IEhUTUxEaXZFbGVtZW50PiBleHRlbmRzIFJlYWN0LlByb3BzV2l0aFJlZjxSZWFjdC5IVE1MUHJvcHM8VD4+IHtcbiAgY3VycmVudFBhZ2U/OiBudW1iZXI7XG4gIGdvUGFnZT86IChwYWdlOiBudW1iZXIpID0+IHZvaWQ7XG4gIG5leHRQYWdlQ29tcG9uZW50PzogYW55O1xuICBudW1iZXJPZlBhZ2VzPzogbnVtYmVyO1xuICBwcmV2aW91c1BhZ2VDb21wb25lbnQ/OiBhbnk7XG59XG5cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uOiBSZWFjdC5TRkM8UGFnaW5hdGlvblByb3BzPiA9ICh7XG4gIGN1cnJlbnRQYWdlID0gMCxcbiAgbnVtYmVyT2ZQYWdlcyA9IDEsXG4gIGdvUGFnZSxcbiAgcHJldmlvdXNQYWdlQ29tcG9uZW50OiBQcmV2aW91c1BhZ2VDb21wb25lbnQgPSAoKSA9PiAnPCcsXG4gIG5leHRQYWdlQ29tcG9uZW50OiBOZXh0UGFnZUNvbXBvbmVudCA9ICgpID0+ICc+JyxcbiAgLi4ucHJvcHNcbn0pID0+IHtcbiAgY29uc3QgaXNMYXN0UGFnZSA9IGN1cnJlbnRQYWdlID09PSBudW1iZXJPZlBhZ2VzIC0gMTtcbiAgY29uc3QgaXNGaXJzdFBhZ2UgPSBjdXJyZW50UGFnZSA9PT0gMDtcblxuICBjb25zdCByZW5kZXJQYWdlTGlzdCA9ICgpID0+IHtcbiAgICBjb25zdCBsYXN0UGFnZUluZGV4ID0gbnVtYmVyT2ZQYWdlcyAtIDE7XG4gICAgY29uc3Qgc3Bhbkxlbmd0aCA9IDE7XG4gICAgY29uc3QgZW5kTGVuZ3RoID0gMTtcbiAgICBjb25zdCBza2lwTGVuZ3RoID0gMTtcbiAgICBjb25zdCBub3JtYWxpemVDb3VudCA9IGVuZExlbmd0aCArIHNraXBMZW5ndGggKyBzcGFuTGVuZ3RoO1xuICAgIGNvbnN0IGRvdHMgPSAoa2V5OiBzdHJpbmcpID0+IChcbiAgICAgIDxCb2xkIGtleT17a2V5fSBmb250U2l6ZT17JzExcHgnfT5cbiAgICAgICAgeyfigKYnfVxuICAgICAgPC9Cb2xkPlxuICAgICk7XG4gICAgY29uc3QgcmVuZGVyUGFnZU51bWJlciA9IHBhZ2VJbmRleCA9PlxuICAgICAgY3VycmVudFBhZ2UgPT09IHBhZ2VJbmRleCA/IChcbiAgICAgICAgPEJvbGRcbiAgICAgICAgICBmb250U2l6ZT17JzExcHgnfVxuICAgICAgICAgIGtleT17cGFnZUluZGV4fVxuICAgICAgICAgIHN0eWxlPXt7Y29sb3I6IENPTE9SLkJMVUUsIG1hcmdpbjogJzAgOHB4J319XG4gICAgICAgICAgZGF0YS11aWUtbmFtZT1cInN0YXR1cy1hY3RpdmUtcGFnZVwiXG4gICAgICAgID5cbiAgICAgICAgICB7cGFnZUluZGV4ICsgMX1cbiAgICAgICAgPC9Cb2xkPlxuICAgICAgKSA6IChcbiAgICAgICAgPExpbmsga2V5PXtwYWdlSW5kZXh9IHN0eWxlPXt7bWFyZ2luOiAnMCA4cHgnfX0gb25DbGljaz17KCkgPT4gZ29QYWdlKHBhZ2VJbmRleCl9IGRhdGEtdWllLW5hbWU9XCJnby1wYWdlXCI+XG4gICAgICAgICAge3BhZ2VJbmRleCArIDF9XG4gICAgICAgIDwvTGluaz5cbiAgICAgICk7XG5cbiAgICBjb25zdCBub3JtYWxpemVkQ3VycmVudCA9IE1hdGgubWluKE1hdGgubWF4KGN1cnJlbnRQYWdlLCBub3JtYWxpemVDb3VudCksIGxhc3RQYWdlSW5kZXggLSBub3JtYWxpemVDb3VudCk7XG4gICAgY29uc3QgYmVmb3JlQ291bnQgPSBub3JtYWxpemVkQ3VycmVudCAtIHNwYW5MZW5ndGggLSBlbmRMZW5ndGg7XG4gICAgY29uc3QgYWZ0ZXJDb3VudCA9IGxhc3RQYWdlSW5kZXggLSBlbmRMZW5ndGggLSBub3JtYWxpemVkQ3VycmVudCAtIHNwYW5MZW5ndGg7XG5cbiAgICBjb25zdCBwYWdlcyA9IEFycmF5LmZyb20oQXJyYXkobnVtYmVyT2ZQYWdlcyksIChub3RoaW5nLCBpbmRleCkgPT4gcmVuZGVyUGFnZU51bWJlcihpbmRleCkpO1xuICAgIGlmIChhZnRlckNvdW50ID4gc2tpcExlbmd0aCkge1xuICAgICAgcGFnZXMuc3BsaWNlKG5vcm1hbGl6ZWRDdXJyZW50ICsgc3Bhbkxlbmd0aCArIDEsIGFmdGVyQ291bnQsIGRvdHMoJ2RvdHMtZW5kJykpO1xuICAgIH1cbiAgICBpZiAoYmVmb3JlQ291bnQgPiBza2lwTGVuZ3RoKSB7XG4gICAgICBwYWdlcy5zcGxpY2UoZW5kTGVuZ3RoLCBiZWZvcmVDb3VudCwgZG90cygnZG90cy1zdGFydCcpKTtcbiAgICB9XG5cbiAgICByZXR1cm4gcGFnZXM7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8RmxleEJveCBhbGlnbj1cImZsZXgtZW5kXCIgZGF0YS11aWUtbmFtZT1cImVsZW1lbnQtcGFnaW5hdGlvblwiIHsuLi5wcm9wc30+XG4gICAgICA8ZGl2IGNzcz17e2ZsZXhCYXNpczogMTAwfX0+XG4gICAgICAgIHshaXNGaXJzdFBhZ2UgJiYgKFxuICAgICAgICAgIDxMaW5rIGJsb2NrIG9uQ2xpY2s9eygpID0+IGdvUGFnZShjdXJyZW50UGFnZSAtIDEpfSBkYXRhLXVpZS1uYW1lPVwiZ28tcHJldmlvdXMtcGFnZVwiPlxuICAgICAgICAgICAgPFByZXZpb3VzUGFnZUNvbXBvbmVudCAvPlxuICAgICAgICAgIDwvTGluaz5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e3thbGlnbkl0ZW1zOiAnZmxleC1lbmQnLCBkaXNwbGF5OiAnZmxleCcsIGZsZXhEaXJlY3Rpb246ICdyb3cnLCBtYXJnaW46ICcwIGF1dG8nfX1cbiAgICAgICAgZGF0YS11aWUtbmFtZT1cImxpc3QtcGFnZXNcIlxuICAgICAgPlxuICAgICAgICB7cmVuZGVyUGFnZUxpc3QoKX1cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjc3M9e3tkaXNwbGF5OiAnZmxleCcsIGZsZXhCYXNpczogMTAwLCBqdXN0aWZ5Q29udGVudDogJ2ZsZXgtZW5kJ319PlxuICAgICAgICB7IWlzTGFzdFBhZ2UgJiYgKFxuICAgICAgICAgIDxMaW5rIGJsb2NrIG9uQ2xpY2s9eygpID0+IGdvUGFnZShjdXJyZW50UGFnZSArIDEpfSBkYXRhLXVpZS1uYW1lPVwiZ28tbmV4dC1wYWdlXCI+XG4gICAgICAgICAgICA8TmV4dFBhZ2VDb21wb25lbnQgLz5cbiAgICAgICAgICA8L0xpbms+XG4gICAgICAgICl9XG4gICAgICA8L2Rpdj5cbiAgICA8L0ZsZXhCb3g+XG4gICk7XG59O1xuIl19 */",
+  name: "93bcni-Pagination",
+  styles: "align-items:flex-end;display:flex;flex-direction:row;margin:0 auto;label:Pagination;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBhZ2luYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtHUSIsImZpbGUiOiJQYWdpbmF0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBXaXJlXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTggV2lyZSBTd2lzcyBHbWJIXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGZyZWUgc29mdHdhcmU6IHlvdSBjYW4gcmVkaXN0cmlidXRlIGl0IGFuZC9vciBtb2RpZnlcbiAqIGl0IHVuZGVyIHRoZSB0ZXJtcyBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgYXMgcHVibGlzaGVkIGJ5XG4gKiB0aGUgRnJlZSBTb2Z0d2FyZSBGb3VuZGF0aW9uLCBlaXRoZXIgdmVyc2lvbiAzIG9mIHRoZSBMaWNlbnNlLCBvclxuICogKGF0IHlvdXIgb3B0aW9uKSBhbnkgbGF0ZXIgdmVyc2lvbi5cbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZGlzdHJpYnV0ZWQgaW4gdGhlIGhvcGUgdGhhdCBpdCB3aWxsIGJlIHVzZWZ1bCxcbiAqIGJ1dCBXSVRIT1VUIEFOWSBXQVJSQU5UWTsgd2l0aG91dCBldmVuIHRoZSBpbXBsaWVkIHdhcnJhbnR5IG9mXG4gKiBNRVJDSEFOVEFCSUxJVFkgb3IgRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UuIFNlZSB0aGVcbiAqIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGZvciBtb3JlIGRldGFpbHMuXG4gKlxuICogWW91IHNob3VsZCBoYXZlIHJlY2VpdmVkIGEgY29weSBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2VcbiAqIGFsb25nIHdpdGggdGhpcyBwcm9ncmFtLiBJZiBub3QsIHNlZSBodHRwOi8vd3d3LmdudS5vcmcvbGljZW5zZXMvLlxuICpcbiAqL1xuXG4vKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7anN4fSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge0NPTE9SfSBmcm9tICcuLi9JZGVudGl0eSc7XG5pbXBvcnQge0ZsZXhCb3h9IGZyb20gJy4uL0xheW91dCc7XG5pbXBvcnQge0JvbGQsIExpbmt9IGZyb20gJy4uL1RleHQnO1xuXG5pbnRlcmZhY2UgUGFnaW5hdGlvblByb3BzPFQgPSBIVE1MRGl2RWxlbWVudD4gZXh0ZW5kcyBSZWFjdC5Qcm9wc1dpdGhSZWY8UmVhY3QuSFRNTFByb3BzPFQ+PiB7XG4gIGN1cnJlbnRQYWdlPzogbnVtYmVyO1xuICBnb1BhZ2U/OiAocGFnZTogbnVtYmVyKSA9PiB2b2lkO1xuICBuZXh0UGFnZUNvbXBvbmVudD86IGFueTtcbiAgbnVtYmVyT2ZQYWdlcz86IG51bWJlcjtcbiAgcHJldmlvdXNQYWdlQ29tcG9uZW50PzogYW55O1xufVxuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbjogUmVhY3QuRkM8UGFnaW5hdGlvblByb3BzPiA9ICh7XG4gIGN1cnJlbnRQYWdlID0gMCxcbiAgbnVtYmVyT2ZQYWdlcyA9IDEsXG4gIGdvUGFnZSxcbiAgcHJldmlvdXNQYWdlQ29tcG9uZW50OiBQcmV2aW91c1BhZ2VDb21wb25lbnQgPSAoKSA9PiAnPCcsXG4gIG5leHRQYWdlQ29tcG9uZW50OiBOZXh0UGFnZUNvbXBvbmVudCA9ICgpID0+ICc+JyxcbiAgLi4ucHJvcHNcbn0pID0+IHtcbiAgY29uc3QgaXNMYXN0UGFnZSA9IGN1cnJlbnRQYWdlID09PSBudW1iZXJPZlBhZ2VzIC0gMTtcbiAgY29uc3QgaXNGaXJzdFBhZ2UgPSBjdXJyZW50UGFnZSA9PT0gMDtcblxuICBjb25zdCByZW5kZXJQYWdlTGlzdCA9ICgpID0+IHtcbiAgICBjb25zdCBsYXN0UGFnZUluZGV4ID0gbnVtYmVyT2ZQYWdlcyAtIDE7XG4gICAgY29uc3Qgc3Bhbkxlbmd0aCA9IDE7XG4gICAgY29uc3QgZW5kTGVuZ3RoID0gMTtcbiAgICBjb25zdCBza2lwTGVuZ3RoID0gMTtcbiAgICBjb25zdCBub3JtYWxpemVDb3VudCA9IGVuZExlbmd0aCArIHNraXBMZW5ndGggKyBzcGFuTGVuZ3RoO1xuICAgIGNvbnN0IGRvdHMgPSAoa2V5OiBzdHJpbmcpID0+IChcbiAgICAgIDxCb2xkIGtleT17a2V5fSBmb250U2l6ZT17JzExcHgnfT5cbiAgICAgICAgeyfigKYnfVxuICAgICAgPC9Cb2xkPlxuICAgICk7XG4gICAgY29uc3QgcmVuZGVyUGFnZU51bWJlciA9IHBhZ2VJbmRleCA9PlxuICAgICAgY3VycmVudFBhZ2UgPT09IHBhZ2VJbmRleCA/IChcbiAgICAgICAgPEJvbGRcbiAgICAgICAgICBmb250U2l6ZT17JzExcHgnfVxuICAgICAgICAgIGtleT17cGFnZUluZGV4fVxuICAgICAgICAgIHN0eWxlPXt7Y29sb3I6IENPTE9SLkJMVUUsIG1hcmdpbjogJzAgOHB4J319XG4gICAgICAgICAgZGF0YS11aWUtbmFtZT1cInN0YXR1cy1hY3RpdmUtcGFnZVwiXG4gICAgICAgID5cbiAgICAgICAgICB7cGFnZUluZGV4ICsgMX1cbiAgICAgICAgPC9Cb2xkPlxuICAgICAgKSA6IChcbiAgICAgICAgPExpbmsga2V5PXtwYWdlSW5kZXh9IHN0eWxlPXt7bWFyZ2luOiAnMCA4cHgnfX0gb25DbGljaz17KCkgPT4gZ29QYWdlKHBhZ2VJbmRleCl9IGRhdGEtdWllLW5hbWU9XCJnby1wYWdlXCI+XG4gICAgICAgICAge3BhZ2VJbmRleCArIDF9XG4gICAgICAgIDwvTGluaz5cbiAgICAgICk7XG5cbiAgICBjb25zdCBub3JtYWxpemVkQ3VycmVudCA9IE1hdGgubWluKE1hdGgubWF4KGN1cnJlbnRQYWdlLCBub3JtYWxpemVDb3VudCksIGxhc3RQYWdlSW5kZXggLSBub3JtYWxpemVDb3VudCk7XG4gICAgY29uc3QgYmVmb3JlQ291bnQgPSBub3JtYWxpemVkQ3VycmVudCAtIHNwYW5MZW5ndGggLSBlbmRMZW5ndGg7XG4gICAgY29uc3QgYWZ0ZXJDb3VudCA9IGxhc3RQYWdlSW5kZXggLSBlbmRMZW5ndGggLSBub3JtYWxpemVkQ3VycmVudCAtIHNwYW5MZW5ndGg7XG5cbiAgICBjb25zdCBwYWdlcyA9IEFycmF5LmZyb20oQXJyYXkobnVtYmVyT2ZQYWdlcyksIChub3RoaW5nLCBpbmRleCkgPT4gcmVuZGVyUGFnZU51bWJlcihpbmRleCkpO1xuICAgIGlmIChhZnRlckNvdW50ID4gc2tpcExlbmd0aCkge1xuICAgICAgcGFnZXMuc3BsaWNlKG5vcm1hbGl6ZWRDdXJyZW50ICsgc3Bhbkxlbmd0aCArIDEsIGFmdGVyQ291bnQsIGRvdHMoJ2RvdHMtZW5kJykpO1xuICAgIH1cbiAgICBpZiAoYmVmb3JlQ291bnQgPiBza2lwTGVuZ3RoKSB7XG4gICAgICBwYWdlcy5zcGxpY2UoZW5kTGVuZ3RoLCBiZWZvcmVDb3VudCwgZG90cygnZG90cy1zdGFydCcpKTtcbiAgICB9XG5cbiAgICByZXR1cm4gcGFnZXM7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8RmxleEJveCBhbGlnbj1cImZsZXgtZW5kXCIgZGF0YS11aWUtbmFtZT1cImVsZW1lbnQtcGFnaW5hdGlvblwiIHsuLi5wcm9wc30+XG4gICAgICA8ZGl2IGNzcz17e2ZsZXhCYXNpczogMTAwfX0+XG4gICAgICAgIHshaXNGaXJzdFBhZ2UgJiYgKFxuICAgICAgICAgIDxMaW5rIGJsb2NrIG9uQ2xpY2s9eygpID0+IGdvUGFnZShjdXJyZW50UGFnZSAtIDEpfSBkYXRhLXVpZS1uYW1lPVwiZ28tcHJldmlvdXMtcGFnZVwiPlxuICAgICAgICAgICAgPFByZXZpb3VzUGFnZUNvbXBvbmVudCAvPlxuICAgICAgICAgIDwvTGluaz5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e3thbGlnbkl0ZW1zOiAnZmxleC1lbmQnLCBkaXNwbGF5OiAnZmxleCcsIGZsZXhEaXJlY3Rpb246ICdyb3cnLCBtYXJnaW46ICcwIGF1dG8nfX1cbiAgICAgICAgZGF0YS11aWUtbmFtZT1cImxpc3QtcGFnZXNcIlxuICAgICAgPlxuICAgICAgICB7cmVuZGVyUGFnZUxpc3QoKX1cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjc3M9e3tkaXNwbGF5OiAnZmxleCcsIGZsZXhCYXNpczogMTAwLCBqdXN0aWZ5Q29udGVudDogJ2ZsZXgtZW5kJ319PlxuICAgICAgICB7IWlzTGFzdFBhZ2UgJiYgKFxuICAgICAgICAgIDxMaW5rIGJsb2NrIG9uQ2xpY2s9eygpID0+IGdvUGFnZShjdXJyZW50UGFnZSArIDEpfSBkYXRhLXVpZS1uYW1lPVwiZ28tbmV4dC1wYWdlXCI+XG4gICAgICAgICAgICA8TmV4dFBhZ2VDb21wb25lbnQgLz5cbiAgICAgICAgICA8L0xpbms+XG4gICAgICAgICl9XG4gICAgICA8L2Rpdj5cbiAgICA8L0ZsZXhCb3g+XG4gICk7XG59O1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
 var _ref4 = process.env.NODE_ENV === "production" ? {
-  name: "1v8qry-Pagination",
-  styles: "display:flex;flex-basis:100px;justify-content:flex-end;;label:Pagination;"
+  name: "ffod5d",
+  styles: "display:flex;flex-basis:100px;justify-content:flex-end"
 } : {
-  name: "1v8qry-Pagination",
-  styles: "display:flex;flex-basis:100px;justify-content:flex-end;;label:Pagination;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBhZ2luYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVHVyIsImZpbGUiOiJQYWdpbmF0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBXaXJlXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTggV2lyZSBTd2lzcyBHbWJIXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGZyZWUgc29mdHdhcmU6IHlvdSBjYW4gcmVkaXN0cmlidXRlIGl0IGFuZC9vciBtb2RpZnlcbiAqIGl0IHVuZGVyIHRoZSB0ZXJtcyBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgYXMgcHVibGlzaGVkIGJ5XG4gKiB0aGUgRnJlZSBTb2Z0d2FyZSBGb3VuZGF0aW9uLCBlaXRoZXIgdmVyc2lvbiAzIG9mIHRoZSBMaWNlbnNlLCBvclxuICogKGF0IHlvdXIgb3B0aW9uKSBhbnkgbGF0ZXIgdmVyc2lvbi5cbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZGlzdHJpYnV0ZWQgaW4gdGhlIGhvcGUgdGhhdCBpdCB3aWxsIGJlIHVzZWZ1bCxcbiAqIGJ1dCBXSVRIT1VUIEFOWSBXQVJSQU5UWTsgd2l0aG91dCBldmVuIHRoZSBpbXBsaWVkIHdhcnJhbnR5IG9mXG4gKiBNRVJDSEFOVEFCSUxJVFkgb3IgRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UuIFNlZSB0aGVcbiAqIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGZvciBtb3JlIGRldGFpbHMuXG4gKlxuICogWW91IHNob3VsZCBoYXZlIHJlY2VpdmVkIGEgY29weSBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2VcbiAqIGFsb25nIHdpdGggdGhpcyBwcm9ncmFtLiBJZiBub3QsIHNlZSBodHRwOi8vd3d3LmdudS5vcmcvbGljZW5zZXMvLlxuICpcbiAqL1xuXG4vKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7anN4fSBmcm9tICdAZW1vdGlvbi9jb3JlJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7Q09MT1J9IGZyb20gJy4uL0lkZW50aXR5JztcbmltcG9ydCB7RmxleEJveH0gZnJvbSAnLi4vTGF5b3V0JztcbmltcG9ydCB7Qm9sZCwgTGlua30gZnJvbSAnLi4vVGV4dCc7XG5cbmludGVyZmFjZSBQYWdpbmF0aW9uUHJvcHM8VCA9IEhUTUxEaXZFbGVtZW50PiBleHRlbmRzIFJlYWN0LlByb3BzV2l0aFJlZjxSZWFjdC5IVE1MUHJvcHM8VD4+IHtcbiAgY3VycmVudFBhZ2U/OiBudW1iZXI7XG4gIGdvUGFnZT86IChwYWdlOiBudW1iZXIpID0+IHZvaWQ7XG4gIG5leHRQYWdlQ29tcG9uZW50PzogYW55O1xuICBudW1iZXJPZlBhZ2VzPzogbnVtYmVyO1xuICBwcmV2aW91c1BhZ2VDb21wb25lbnQ/OiBhbnk7XG59XG5cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uOiBSZWFjdC5TRkM8UGFnaW5hdGlvblByb3BzPiA9ICh7XG4gIGN1cnJlbnRQYWdlID0gMCxcbiAgbnVtYmVyT2ZQYWdlcyA9IDEsXG4gIGdvUGFnZSxcbiAgcHJldmlvdXNQYWdlQ29tcG9uZW50OiBQcmV2aW91c1BhZ2VDb21wb25lbnQgPSAoKSA9PiAnPCcsXG4gIG5leHRQYWdlQ29tcG9uZW50OiBOZXh0UGFnZUNvbXBvbmVudCA9ICgpID0+ICc+JyxcbiAgLi4ucHJvcHNcbn0pID0+IHtcbiAgY29uc3QgaXNMYXN0UGFnZSA9IGN1cnJlbnRQYWdlID09PSBudW1iZXJPZlBhZ2VzIC0gMTtcbiAgY29uc3QgaXNGaXJzdFBhZ2UgPSBjdXJyZW50UGFnZSA9PT0gMDtcblxuICBjb25zdCByZW5kZXJQYWdlTGlzdCA9ICgpID0+IHtcbiAgICBjb25zdCBsYXN0UGFnZUluZGV4ID0gbnVtYmVyT2ZQYWdlcyAtIDE7XG4gICAgY29uc3Qgc3Bhbkxlbmd0aCA9IDE7XG4gICAgY29uc3QgZW5kTGVuZ3RoID0gMTtcbiAgICBjb25zdCBza2lwTGVuZ3RoID0gMTtcbiAgICBjb25zdCBub3JtYWxpemVDb3VudCA9IGVuZExlbmd0aCArIHNraXBMZW5ndGggKyBzcGFuTGVuZ3RoO1xuICAgIGNvbnN0IGRvdHMgPSAoa2V5OiBzdHJpbmcpID0+IChcbiAgICAgIDxCb2xkIGtleT17a2V5fSBmb250U2l6ZT17JzExcHgnfT5cbiAgICAgICAgeyfigKYnfVxuICAgICAgPC9Cb2xkPlxuICAgICk7XG4gICAgY29uc3QgcmVuZGVyUGFnZU51bWJlciA9IHBhZ2VJbmRleCA9PlxuICAgICAgY3VycmVudFBhZ2UgPT09IHBhZ2VJbmRleCA/IChcbiAgICAgICAgPEJvbGRcbiAgICAgICAgICBmb250U2l6ZT17JzExcHgnfVxuICAgICAgICAgIGtleT17cGFnZUluZGV4fVxuICAgICAgICAgIHN0eWxlPXt7Y29sb3I6IENPTE9SLkJMVUUsIG1hcmdpbjogJzAgOHB4J319XG4gICAgICAgICAgZGF0YS11aWUtbmFtZT1cInN0YXR1cy1hY3RpdmUtcGFnZVwiXG4gICAgICAgID5cbiAgICAgICAgICB7cGFnZUluZGV4ICsgMX1cbiAgICAgICAgPC9Cb2xkPlxuICAgICAgKSA6IChcbiAgICAgICAgPExpbmsga2V5PXtwYWdlSW5kZXh9IHN0eWxlPXt7bWFyZ2luOiAnMCA4cHgnfX0gb25DbGljaz17KCkgPT4gZ29QYWdlKHBhZ2VJbmRleCl9IGRhdGEtdWllLW5hbWU9XCJnby1wYWdlXCI+XG4gICAgICAgICAge3BhZ2VJbmRleCArIDF9XG4gICAgICAgIDwvTGluaz5cbiAgICAgICk7XG5cbiAgICBjb25zdCBub3JtYWxpemVkQ3VycmVudCA9IE1hdGgubWluKE1hdGgubWF4KGN1cnJlbnRQYWdlLCBub3JtYWxpemVDb3VudCksIGxhc3RQYWdlSW5kZXggLSBub3JtYWxpemVDb3VudCk7XG4gICAgY29uc3QgYmVmb3JlQ291bnQgPSBub3JtYWxpemVkQ3VycmVudCAtIHNwYW5MZW5ndGggLSBlbmRMZW5ndGg7XG4gICAgY29uc3QgYWZ0ZXJDb3VudCA9IGxhc3RQYWdlSW5kZXggLSBlbmRMZW5ndGggLSBub3JtYWxpemVkQ3VycmVudCAtIHNwYW5MZW5ndGg7XG5cbiAgICBjb25zdCBwYWdlcyA9IEFycmF5LmZyb20oQXJyYXkobnVtYmVyT2ZQYWdlcyksIChub3RoaW5nLCBpbmRleCkgPT4gcmVuZGVyUGFnZU51bWJlcihpbmRleCkpO1xuICAgIGlmIChhZnRlckNvdW50ID4gc2tpcExlbmd0aCkge1xuICAgICAgcGFnZXMuc3BsaWNlKG5vcm1hbGl6ZWRDdXJyZW50ICsgc3Bhbkxlbmd0aCArIDEsIGFmdGVyQ291bnQsIGRvdHMoJ2RvdHMtZW5kJykpO1xuICAgIH1cbiAgICBpZiAoYmVmb3JlQ291bnQgPiBza2lwTGVuZ3RoKSB7XG4gICAgICBwYWdlcy5zcGxpY2UoZW5kTGVuZ3RoLCBiZWZvcmVDb3VudCwgZG90cygnZG90cy1zdGFydCcpKTtcbiAgICB9XG5cbiAgICByZXR1cm4gcGFnZXM7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8RmxleEJveCBhbGlnbj1cImZsZXgtZW5kXCIgZGF0YS11aWUtbmFtZT1cImVsZW1lbnQtcGFnaW5hdGlvblwiIHsuLi5wcm9wc30+XG4gICAgICA8ZGl2IGNzcz17e2ZsZXhCYXNpczogMTAwfX0+XG4gICAgICAgIHshaXNGaXJzdFBhZ2UgJiYgKFxuICAgICAgICAgIDxMaW5rIGJsb2NrIG9uQ2xpY2s9eygpID0+IGdvUGFnZShjdXJyZW50UGFnZSAtIDEpfSBkYXRhLXVpZS1uYW1lPVwiZ28tcHJldmlvdXMtcGFnZVwiPlxuICAgICAgICAgICAgPFByZXZpb3VzUGFnZUNvbXBvbmVudCAvPlxuICAgICAgICAgIDwvTGluaz5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e3thbGlnbkl0ZW1zOiAnZmxleC1lbmQnLCBkaXNwbGF5OiAnZmxleCcsIGZsZXhEaXJlY3Rpb246ICdyb3cnLCBtYXJnaW46ICcwIGF1dG8nfX1cbiAgICAgICAgZGF0YS11aWUtbmFtZT1cImxpc3QtcGFnZXNcIlxuICAgICAgPlxuICAgICAgICB7cmVuZGVyUGFnZUxpc3QoKX1cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjc3M9e3tkaXNwbGF5OiAnZmxleCcsIGZsZXhCYXNpczogMTAwLCBqdXN0aWZ5Q29udGVudDogJ2ZsZXgtZW5kJ319PlxuICAgICAgICB7IWlzTGFzdFBhZ2UgJiYgKFxuICAgICAgICAgIDxMaW5rIGJsb2NrIG9uQ2xpY2s9eygpID0+IGdvUGFnZShjdXJyZW50UGFnZSArIDEpfSBkYXRhLXVpZS1uYW1lPVwiZ28tbmV4dC1wYWdlXCI+XG4gICAgICAgICAgICA8TmV4dFBhZ2VDb21wb25lbnQgLz5cbiAgICAgICAgICA8L0xpbms+XG4gICAgICAgICl9XG4gICAgICA8L2Rpdj5cbiAgICA8L0ZsZXhCb3g+XG4gICk7XG59O1xuIl19 */",
+  name: "338rgm-Pagination",
+  styles: "display:flex;flex-basis:100px;justify-content:flex-end;label:Pagination;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBhZ2luYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVHVyIsImZpbGUiOiJQYWdpbmF0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBXaXJlXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTggV2lyZSBTd2lzcyBHbWJIXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGZyZWUgc29mdHdhcmU6IHlvdSBjYW4gcmVkaXN0cmlidXRlIGl0IGFuZC9vciBtb2RpZnlcbiAqIGl0IHVuZGVyIHRoZSB0ZXJtcyBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgYXMgcHVibGlzaGVkIGJ5XG4gKiB0aGUgRnJlZSBTb2Z0d2FyZSBGb3VuZGF0aW9uLCBlaXRoZXIgdmVyc2lvbiAzIG9mIHRoZSBMaWNlbnNlLCBvclxuICogKGF0IHlvdXIgb3B0aW9uKSBhbnkgbGF0ZXIgdmVyc2lvbi5cbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZGlzdHJpYnV0ZWQgaW4gdGhlIGhvcGUgdGhhdCBpdCB3aWxsIGJlIHVzZWZ1bCxcbiAqIGJ1dCBXSVRIT1VUIEFOWSBXQVJSQU5UWTsgd2l0aG91dCBldmVuIHRoZSBpbXBsaWVkIHdhcnJhbnR5IG9mXG4gKiBNRVJDSEFOVEFCSUxJVFkgb3IgRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UuIFNlZSB0aGVcbiAqIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGZvciBtb3JlIGRldGFpbHMuXG4gKlxuICogWW91IHNob3VsZCBoYXZlIHJlY2VpdmVkIGEgY29weSBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2VcbiAqIGFsb25nIHdpdGggdGhpcyBwcm9ncmFtLiBJZiBub3QsIHNlZSBodHRwOi8vd3d3LmdudS5vcmcvbGljZW5zZXMvLlxuICpcbiAqL1xuXG4vKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7anN4fSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge0NPTE9SfSBmcm9tICcuLi9JZGVudGl0eSc7XG5pbXBvcnQge0ZsZXhCb3h9IGZyb20gJy4uL0xheW91dCc7XG5pbXBvcnQge0JvbGQsIExpbmt9IGZyb20gJy4uL1RleHQnO1xuXG5pbnRlcmZhY2UgUGFnaW5hdGlvblByb3BzPFQgPSBIVE1MRGl2RWxlbWVudD4gZXh0ZW5kcyBSZWFjdC5Qcm9wc1dpdGhSZWY8UmVhY3QuSFRNTFByb3BzPFQ+PiB7XG4gIGN1cnJlbnRQYWdlPzogbnVtYmVyO1xuICBnb1BhZ2U/OiAocGFnZTogbnVtYmVyKSA9PiB2b2lkO1xuICBuZXh0UGFnZUNvbXBvbmVudD86IGFueTtcbiAgbnVtYmVyT2ZQYWdlcz86IG51bWJlcjtcbiAgcHJldmlvdXNQYWdlQ29tcG9uZW50PzogYW55O1xufVxuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbjogUmVhY3QuRkM8UGFnaW5hdGlvblByb3BzPiA9ICh7XG4gIGN1cnJlbnRQYWdlID0gMCxcbiAgbnVtYmVyT2ZQYWdlcyA9IDEsXG4gIGdvUGFnZSxcbiAgcHJldmlvdXNQYWdlQ29tcG9uZW50OiBQcmV2aW91c1BhZ2VDb21wb25lbnQgPSAoKSA9PiAnPCcsXG4gIG5leHRQYWdlQ29tcG9uZW50OiBOZXh0UGFnZUNvbXBvbmVudCA9ICgpID0+ICc+JyxcbiAgLi4ucHJvcHNcbn0pID0+IHtcbiAgY29uc3QgaXNMYXN0UGFnZSA9IGN1cnJlbnRQYWdlID09PSBudW1iZXJPZlBhZ2VzIC0gMTtcbiAgY29uc3QgaXNGaXJzdFBhZ2UgPSBjdXJyZW50UGFnZSA9PT0gMDtcblxuICBjb25zdCByZW5kZXJQYWdlTGlzdCA9ICgpID0+IHtcbiAgICBjb25zdCBsYXN0UGFnZUluZGV4ID0gbnVtYmVyT2ZQYWdlcyAtIDE7XG4gICAgY29uc3Qgc3Bhbkxlbmd0aCA9IDE7XG4gICAgY29uc3QgZW5kTGVuZ3RoID0gMTtcbiAgICBjb25zdCBza2lwTGVuZ3RoID0gMTtcbiAgICBjb25zdCBub3JtYWxpemVDb3VudCA9IGVuZExlbmd0aCArIHNraXBMZW5ndGggKyBzcGFuTGVuZ3RoO1xuICAgIGNvbnN0IGRvdHMgPSAoa2V5OiBzdHJpbmcpID0+IChcbiAgICAgIDxCb2xkIGtleT17a2V5fSBmb250U2l6ZT17JzExcHgnfT5cbiAgICAgICAgeyfigKYnfVxuICAgICAgPC9Cb2xkPlxuICAgICk7XG4gICAgY29uc3QgcmVuZGVyUGFnZU51bWJlciA9IHBhZ2VJbmRleCA9PlxuICAgICAgY3VycmVudFBhZ2UgPT09IHBhZ2VJbmRleCA/IChcbiAgICAgICAgPEJvbGRcbiAgICAgICAgICBmb250U2l6ZT17JzExcHgnfVxuICAgICAgICAgIGtleT17cGFnZUluZGV4fVxuICAgICAgICAgIHN0eWxlPXt7Y29sb3I6IENPTE9SLkJMVUUsIG1hcmdpbjogJzAgOHB4J319XG4gICAgICAgICAgZGF0YS11aWUtbmFtZT1cInN0YXR1cy1hY3RpdmUtcGFnZVwiXG4gICAgICAgID5cbiAgICAgICAgICB7cGFnZUluZGV4ICsgMX1cbiAgICAgICAgPC9Cb2xkPlxuICAgICAgKSA6IChcbiAgICAgICAgPExpbmsga2V5PXtwYWdlSW5kZXh9IHN0eWxlPXt7bWFyZ2luOiAnMCA4cHgnfX0gb25DbGljaz17KCkgPT4gZ29QYWdlKHBhZ2VJbmRleCl9IGRhdGEtdWllLW5hbWU9XCJnby1wYWdlXCI+XG4gICAgICAgICAge3BhZ2VJbmRleCArIDF9XG4gICAgICAgIDwvTGluaz5cbiAgICAgICk7XG5cbiAgICBjb25zdCBub3JtYWxpemVkQ3VycmVudCA9IE1hdGgubWluKE1hdGgubWF4KGN1cnJlbnRQYWdlLCBub3JtYWxpemVDb3VudCksIGxhc3RQYWdlSW5kZXggLSBub3JtYWxpemVDb3VudCk7XG4gICAgY29uc3QgYmVmb3JlQ291bnQgPSBub3JtYWxpemVkQ3VycmVudCAtIHNwYW5MZW5ndGggLSBlbmRMZW5ndGg7XG4gICAgY29uc3QgYWZ0ZXJDb3VudCA9IGxhc3RQYWdlSW5kZXggLSBlbmRMZW5ndGggLSBub3JtYWxpemVkQ3VycmVudCAtIHNwYW5MZW5ndGg7XG5cbiAgICBjb25zdCBwYWdlcyA9IEFycmF5LmZyb20oQXJyYXkobnVtYmVyT2ZQYWdlcyksIChub3RoaW5nLCBpbmRleCkgPT4gcmVuZGVyUGFnZU51bWJlcihpbmRleCkpO1xuICAgIGlmIChhZnRlckNvdW50ID4gc2tpcExlbmd0aCkge1xuICAgICAgcGFnZXMuc3BsaWNlKG5vcm1hbGl6ZWRDdXJyZW50ICsgc3Bhbkxlbmd0aCArIDEsIGFmdGVyQ291bnQsIGRvdHMoJ2RvdHMtZW5kJykpO1xuICAgIH1cbiAgICBpZiAoYmVmb3JlQ291bnQgPiBza2lwTGVuZ3RoKSB7XG4gICAgICBwYWdlcy5zcGxpY2UoZW5kTGVuZ3RoLCBiZWZvcmVDb3VudCwgZG90cygnZG90cy1zdGFydCcpKTtcbiAgICB9XG5cbiAgICByZXR1cm4gcGFnZXM7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8RmxleEJveCBhbGlnbj1cImZsZXgtZW5kXCIgZGF0YS11aWUtbmFtZT1cImVsZW1lbnQtcGFnaW5hdGlvblwiIHsuLi5wcm9wc30+XG4gICAgICA8ZGl2IGNzcz17e2ZsZXhCYXNpczogMTAwfX0+XG4gICAgICAgIHshaXNGaXJzdFBhZ2UgJiYgKFxuICAgICAgICAgIDxMaW5rIGJsb2NrIG9uQ2xpY2s9eygpID0+IGdvUGFnZShjdXJyZW50UGFnZSAtIDEpfSBkYXRhLXVpZS1uYW1lPVwiZ28tcHJldmlvdXMtcGFnZVwiPlxuICAgICAgICAgICAgPFByZXZpb3VzUGFnZUNvbXBvbmVudCAvPlxuICAgICAgICAgIDwvTGluaz5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e3thbGlnbkl0ZW1zOiAnZmxleC1lbmQnLCBkaXNwbGF5OiAnZmxleCcsIGZsZXhEaXJlY3Rpb246ICdyb3cnLCBtYXJnaW46ICcwIGF1dG8nfX1cbiAgICAgICAgZGF0YS11aWUtbmFtZT1cImxpc3QtcGFnZXNcIlxuICAgICAgPlxuICAgICAgICB7cmVuZGVyUGFnZUxpc3QoKX1cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjc3M9e3tkaXNwbGF5OiAnZmxleCcsIGZsZXhCYXNpczogMTAwLCBqdXN0aWZ5Q29udGVudDogJ2ZsZXgtZW5kJ319PlxuICAgICAgICB7IWlzTGFzdFBhZ2UgJiYgKFxuICAgICAgICAgIDxMaW5rIGJsb2NrIG9uQ2xpY2s9eygpID0+IGdvUGFnZShjdXJyZW50UGFnZSArIDEpfSBkYXRhLXVpZS1uYW1lPVwiZ28tbmV4dC1wYWdlXCI+XG4gICAgICAgICAgICA8TmV4dFBhZ2VDb21wb25lbnQgLz5cbiAgICAgICAgICA8L0xpbms+XG4gICAgICAgICl9XG4gICAgICA8L2Rpdj5cbiAgICA8L0ZsZXhCb3g+XG4gICk7XG59O1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
@@ -81,14 +81,14 @@ var Pagination = function Pagination(_ref) {
     var normalizeCount = endLength + skipLength + spanLength;
 
     var dots = function dots(key) {
-      return (0, _core.jsx)(_Text.Bold, {
+      return (0, _react.jsx)(_Text.Bold, {
         key: key,
         fontSize: '11px'
       }, '…');
     };
 
     var renderPageNumber = function renderPageNumber(pageIndex) {
-      return currentPage === pageIndex ? (0, _core.jsx)(_Text.Bold, {
+      return currentPage === pageIndex ? (0, _react.jsx)(_Text.Bold, {
         fontSize: '11px',
         key: pageIndex,
         style: {
@@ -96,7 +96,7 @@ var Pagination = function Pagination(_ref) {
           margin: '0 8px'
         },
         "data-uie-name": "status-active-page"
-      }, pageIndex + 1) : (0, _core.jsx)(_Text.Link, {
+      }, pageIndex + 1) : (0, _react.jsx)(_Text.Link, {
         key: pageIndex,
         style: {
           margin: '0 8px'
@@ -126,29 +126,29 @@ var Pagination = function Pagination(_ref) {
     return pages;
   };
 
-  return (0, _core.jsx)(_Layout.FlexBox, (0, _extends2["default"])({
+  return (0, _react.jsx)(_Layout.FlexBox, (0, _extends2["default"])({
     align: "flex-end",
     "data-uie-name": "element-pagination"
-  }, props), (0, _core.jsx)("div", {
+  }, props), (0, _react.jsx)("div", {
     css: _ref2
-  }, !isFirstPage && (0, _core.jsx)(_Text.Link, {
+  }, !isFirstPage && (0, _react.jsx)(_Text.Link, {
     block: true,
     onClick: function onClick() {
       return goPage(currentPage - 1);
     },
     "data-uie-name": "go-previous-page"
-  }, (0, _core.jsx)(PreviousPageComponent, null))), (0, _core.jsx)("div", {
+  }, (0, _react.jsx)(PreviousPageComponent, null))), (0, _react.jsx)("div", {
     css: _ref3,
     "data-uie-name": "list-pages"
-  }, renderPageList()), (0, _core.jsx)("div", {
+  }, renderPageList()), (0, _react.jsx)("div", {
     css: _ref4
-  }, !isLastPage && (0, _core.jsx)(_Text.Link, {
+  }, !isLastPage && (0, _react.jsx)(_Text.Link, {
     block: true,
     onClick: function onClick() {
       return goPage(currentPage + 1);
     },
     "data-uie-name": "go-next-page"
-  }, (0, _core.jsx)(NextPageComponent, null))));
+  }, (0, _react.jsx)(NextPageComponent, null))));
 };
 
 exports.Pagination = Pagination;

package/src/Misc/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Pagination.tsx"],"names":["Pagination","currentPage","numberOfPages","goPage","previousPageComponent","PreviousPageComponent","nextPageComponent","NextPageComponent","props","isLastPage","isFirstPage","renderPageList","lastPageIndex","spanLength","endLength","skipLength","normalizeCount","dots","key","renderPageNumber","pageIndex","color","COLOR","BLUE","margin","normalizedCurrent","Math","min","max","beforeCount","afterCount","pages","Array","from","nothing","index","splice"],"mappings":"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","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {jsx} from '@emotion/core';\nimport React from 'react';\n\nimport {COLOR} from '../Identity';\nimport {FlexBox} from '../Layout';\nimport {Bold, Link} from '../Text';\n\ninterface PaginationProps<T = HTMLDivElement> extends React.PropsWithRef<React.HTMLProps<T>> {\n  currentPage?: number;\n  goPage?: (page: number) => void;\n  nextPageComponent?: any;\n  numberOfPages?: number;\n  previousPageComponent?: any;\n}\n\nexport const Pagination: React.SFC<PaginationProps> = ({\n  currentPage = 0,\n  numberOfPages = 1,\n  goPage,\n  previousPageComponent: PreviousPageComponent = () => '<',\n  nextPageComponent: NextPageComponent = () => '>',\n  ...props\n}) => {\n  const isLastPage = currentPage === numberOfPages - 1;\n  const isFirstPage = currentPage === 0;\n\n  const renderPageList = () => {\n    const lastPageIndex = numberOfPages - 1;\n    const spanLength = 1;\n    const endLength = 1;\n    const skipLength = 1;\n    const normalizeCount = endLength + skipLength + spanLength;\n    const dots = (key: string) => (\n      <Bold key={key} fontSize={'11px'}>\n        {'…'}\n      </Bold>\n    );\n    const renderPageNumber = pageIndex =>\n      currentPage === pageIndex ? (\n        <Bold\n          fontSize={'11px'}\n          key={pageIndex}\n          style={{color: COLOR.BLUE, margin: '0 8px'}}\n          data-uie-name=\"status-active-page\"\n        >\n          {pageIndex + 1}\n        </Bold>\n      ) : (\n        <Link key={pageIndex} style={{margin: '0 8px'}} onClick={() => goPage(pageIndex)} data-uie-name=\"go-page\">\n          {pageIndex + 1}\n        </Link>\n      );\n\n    const normalizedCurrent = Math.min(Math.max(currentPage, normalizeCount), lastPageIndex - normalizeCount);\n    const beforeCount = normalizedCurrent - spanLength - endLength;\n    const afterCount = lastPageIndex - endLength - normalizedCurrent - spanLength;\n\n    const pages = Array.from(Array(numberOfPages), (nothing, index) => renderPageNumber(index));\n    if (afterCount > skipLength) {\n      pages.splice(normalizedCurrent + spanLength + 1, afterCount, dots('dots-end'));\n    }\n    if (beforeCount > skipLength) {\n      pages.splice(endLength, beforeCount, dots('dots-start'));\n    }\n\n    return pages;\n  };\n\n  return (\n    <FlexBox align=\"flex-end\" data-uie-name=\"element-pagination\" {...props}>\n      <div css={{flexBasis: 100}}>\n        {!isFirstPage && (\n          <Link block onClick={() => goPage(currentPage - 1)} data-uie-name=\"go-previous-page\">\n            <PreviousPageComponent />\n          </Link>\n        )}\n      </div>\n      <div\n        css={{alignItems: 'flex-end', display: 'flex', flexDirection: 'row', margin: '0 auto'}}\n        data-uie-name=\"list-pages\"\n      >\n        {renderPageList()}\n      </div>\n      <div css={{display: 'flex', flexBasis: 100, justifyContent: 'flex-end'}}>\n        {!isLastPage && (\n          <Link block onClick={() => goPage(currentPage + 1)} data-uie-name=\"go-next-page\">\n            <NextPageComponent />\n          </Link>\n        )}\n      </div>\n    </FlexBox>\n  );\n};\n"],"file":"Pagination.js"}
+{"version":3,"sources":["Pagination.tsx"],"names":["Pagination","currentPage","numberOfPages","goPage","previousPageComponent","PreviousPageComponent","nextPageComponent","NextPageComponent","props","isLastPage","isFirstPage","renderPageList","lastPageIndex","spanLength","endLength","skipLength","normalizeCount","dots","key","renderPageNumber","pageIndex","color","COLOR","BLUE","margin","normalizedCurrent","Math","min","max","beforeCount","afterCount","pages","Array","from","nothing","index","splice"],"mappings":"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","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {jsx} from '@emotion/react';\nimport React from 'react';\n\nimport {COLOR} from '../Identity';\nimport {FlexBox} from '../Layout';\nimport {Bold, Link} from '../Text';\n\ninterface PaginationProps<T = HTMLDivElement> extends React.PropsWithRef<React.HTMLProps<T>> {\n  currentPage?: number;\n  goPage?: (page: number) => void;\n  nextPageComponent?: any;\n  numberOfPages?: number;\n  previousPageComponent?: any;\n}\n\nexport const Pagination: React.FC<PaginationProps> = ({\n  currentPage = 0,\n  numberOfPages = 1,\n  goPage,\n  previousPageComponent: PreviousPageComponent = () => '<',\n  nextPageComponent: NextPageComponent = () => '>',\n  ...props\n}) => {\n  const isLastPage = currentPage === numberOfPages - 1;\n  const isFirstPage = currentPage === 0;\n\n  const renderPageList = () => {\n    const lastPageIndex = numberOfPages - 1;\n    const spanLength = 1;\n    const endLength = 1;\n    const skipLength = 1;\n    const normalizeCount = endLength + skipLength + spanLength;\n    const dots = (key: string) => (\n      <Bold key={key} fontSize={'11px'}>\n        {'…'}\n      </Bold>\n    );\n    const renderPageNumber = pageIndex =>\n      currentPage === pageIndex ? (\n        <Bold\n          fontSize={'11px'}\n          key={pageIndex}\n          style={{color: COLOR.BLUE, margin: '0 8px'}}\n          data-uie-name=\"status-active-page\"\n        >\n          {pageIndex + 1}\n        </Bold>\n      ) : (\n        <Link key={pageIndex} style={{margin: '0 8px'}} onClick={() => goPage(pageIndex)} data-uie-name=\"go-page\">\n          {pageIndex + 1}\n        </Link>\n      );\n\n    const normalizedCurrent = Math.min(Math.max(currentPage, normalizeCount), lastPageIndex - normalizeCount);\n    const beforeCount = normalizedCurrent - spanLength - endLength;\n    const afterCount = lastPageIndex - endLength - normalizedCurrent - spanLength;\n\n    const pages = Array.from(Array(numberOfPages), (nothing, index) => renderPageNumber(index));\n    if (afterCount > skipLength) {\n      pages.splice(normalizedCurrent + spanLength + 1, afterCount, dots('dots-end'));\n    }\n    if (beforeCount > skipLength) {\n      pages.splice(endLength, beforeCount, dots('dots-start'));\n    }\n\n    return pages;\n  };\n\n  return (\n    <FlexBox align=\"flex-end\" data-uie-name=\"element-pagination\" {...props}>\n      <div css={{flexBasis: 100}}>\n        {!isFirstPage && (\n          <Link block onClick={() => goPage(currentPage - 1)} data-uie-name=\"go-previous-page\">\n            <PreviousPageComponent />\n          </Link>\n        )}\n      </div>\n      <div\n        css={{alignItems: 'flex-end', display: 'flex', flexDirection: 'row', margin: '0 auto'}}\n        data-uie-name=\"list-pages\"\n      >\n        {renderPageList()}\n      </div>\n      <div css={{display: 'flex', flexBasis: 100, justifyContent: 'flex-end'}}>\n        {!isLastPage && (\n          <Link block onClick={() => goPage(currentPage + 1)} data-uie-name=\"go-next-page\">\n            <NextPageComponent />\n          </Link>\n        )}\n      </div>\n    </FlexBox>\n  );\n};\n"],"file":"Pagination.js"}

package/src/Misc/Pill.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { CSSObject } from '@emotion/core';
+import { CSSObject, jsx } from '@emotion/react';
 import React from 'react';
 import type { Theme } from '../Layout';
 export interface PillProps<T = HTMLSpanElement> extends React.HTMLProps<T> {
@@ -13,4 +13,4 @@ export declare enum PILL_TYPE {
 }
 export declare const pillStyle: <T>(theme: Theme, props: PillProps<T>) => CSSObject;
 export declare const filterPillProps: (props: PillProps) => Object;
-export declare const Pill: (props: PillProps) => JSX.Element;
+export declare const Pill: (props: PillProps) => jsx.JSX.Element;

package/src/Misc/Pill.js

@@ -13,9 +13,9 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
-var _react = _interopRequireDefault(require("react"));
+var _react2 = _interopRequireDefault(require("react"));
 
 var _Identity = require("../Identity");
 
@@ -43,7 +43,7 @@ var pillStyle = function pillStyle(theme, _ref) {
       type = _ref$type === void 0 ? null : _ref$type;
   var backgroundColors = (_backgroundColors = {}, (0, _defineProperty2["default"])(_backgroundColors, PILL_TYPE.error, _Identity.COLOR.RED_OPAQUE_32), (0, _defineProperty2["default"])(_backgroundColors, PILL_TYPE.success, _Identity.COLOR.GREEN_OPAQUE_32), (0, _defineProperty2["default"])(_backgroundColors, PILL_TYPE.warning, _Identity.COLOR.YELLOW_OPAQUE_32), _backgroundColors);
   var backgroundColor = active ? '#eee' : type ? backgroundColors[type] : 'transparent';
-  var pillAnimation = (0, _core.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    0% {\n      background-color: transparent;\n    }\n    100% {\n      background-color: ", ";\n    }\n"])), backgroundColor);
+  var pillAnimation = (0, _react.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    0% {\n      background-color: transparent;\n    }\n    100% {\n      background-color: ", ";\n    }\n"])), backgroundColor);
   return {
     '&:first-of-type': {
       marginLeft: 0
@@ -76,7 +76,7 @@ var filterPillProps = function filterPillProps(props) {
 exports.filterPillProps = filterPillProps;
 
 var Pill = function Pill(props) {
-  return (0, _core.jsx)("span", (0, _extends2["default"])({
+  return (0, _react.jsx)("span", (0, _extends2["default"])({
     css: function css(theme) {
       return pillStyle(theme, props);
     },

package/src/Misc/Pill.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Pill.tsx"],"names":["PILL_TYPE","pillStyle","theme","active","type","backgroundColors","error","COLOR","RED_OPAQUE_32","success","GREEN_OPAQUE_32","warning","YELLOW_OPAQUE_32","backgroundColor","pillAnimation","keyframes","marginLeft","marginRight","animation","DURATION","DEFAULT","EASE","QUART","borderRadius","color","TEXT","general","cursor","undefined","display","fontSize","lineHeight","margin","minHeight","padding","textAlign","textDecoration","filterPillProps","props","Pill"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;AACA;;AAEA;;;;IAOYA,S;;;WAAAA,S;AAAAA,EAAAA,S;AAAAA,EAAAA,S;AAAAA,EAAAA,S;GAAAA,S,yBAAAA,S;;AAML,IAAMC,SAA8D,GAAG,SAAjEA,SAAiE,CAC5EC,KAD4E,QAGzE;AAAA;;AAAA,yBADFC,MACE;AAAA,MADFA,MACE,4BADO,KACP;AAAA,uBADcC,IACd;AAAA,MADcA,IACd,0BADqB,IACrB;AACH,MAAMC,gBAAgB,gFACnBL,SAAS,CAACM,KADS,EACDC,gBAAMC,aADL,uDAEnBR,SAAS,CAACS,OAFS,EAECF,gBAAMG,eAFP,uDAGnBV,SAAS,CAACW,OAHS,EAGCJ,gBAAMK,gBAHP,qBAAtB;AAKA,MAAMC,eAAe,GAAGV,MAAM,GAAG,MAAH,GAAYC,IAAI,GAAGC,gBAAgB,CAACD,IAAD,CAAnB,GAA4B,aAA1E;AACA,MAAMU,aAAa,OAAGC,eAAH,mMAKKF,eALL,CAAnB;AAQA,SAAO;AACL,uBAAmB;AACjBG,MAAAA,UAAU,EAAE;AADK,KADd;AAIL,sBAAkB;AAChBC,MAAAA,WAAW,EAAE;AADG,KAJb;AAOLC,IAAAA,SAAS,YAAKJ,aAAL,cAAsBK,kBAASC,OAA/B,gBAA4CC,cAAKC,KAAjD,CAPJ;AAQLT,IAAAA,eAAe,EAAfA,eARK;AASLU,IAAAA,YAAY,EAAE,OATT;AAULC,IAAAA,KAAK,EAAErB,MAAM,GAAGI,gBAAMkB,IAAT,GAAgBvB,KAAK,CAACwB,OAAN,CAAcF,KAVtC;AAWLG,IAAAA,MAAM,EAAExB,MAAM,GAAG,SAAH,GAAeyB,SAXxB;AAYLC,IAAAA,OAAO,EAAE,cAZJ;AAaLC,IAAAA,QAAQ,EAAE,MAbL;AAcLC,IAAAA,UAAU,EAAE,MAdP;AAeLC,IAAAA,MAAM,EAAE5B,IAAI,GAAG,YAAH,GAAkB,OAfzB;AAgBL6B,IAAAA,SAAS,EAAE,MAhBN;AAiBLC,IAAAA,OAAO,EAAE,UAjBJ;AAkBLC,IAAAA,SAAS,EAAE,QAlBN;AAmBLC,IAAAA,cAAc,EAAE;AAnBX,GAAP;AAqBD,CAvCM;;;;AAyCA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD;AAAA,SAAsB,uBAAYA,KAAZ,EAAmB,CAAC,QAAD,CAAnB,CAAtB;AAAA,CAAxB;;;;AAEA,IAAMC,IAAI,GAAG,SAAPA,IAAO,CAACD,KAAD;AAAA,SAClB;AACE,IAAA,GAAG,EAAE,aAAApC,KAAK;AAAA,aAAID,SAAS,CAACC,KAAD,EAAQoC,KAAR,CAAb;AAAA,KADZ;AAEE,qBAAc,cAFhB;AAGE,uBAAiBA,KAAK,CAAClC;AAHzB,KAIMiC,eAAe,CAACC,KAAD,CAJrB,EADkB;AAAA,CAAb","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx, keyframes} from '@emotion/core';\nimport React from 'react';\n\nimport {COLOR} from '../Identity';\nimport {DURATION, EASE} from '../Identity/motions';\nimport type {Theme} from '../Layout';\nimport {filterProps} from '../util';\n\nexport interface PillProps<T = HTMLSpanElement> extends React.HTMLProps<T> {\n  active?: boolean;\n  type?: PILL_TYPE;\n}\n\nexport enum PILL_TYPE {\n  error = 'ERROR',\n  success = 'SUCCESS',\n  warning = 'WARNING',\n}\n\nexport const pillStyle: <T>(theme: Theme, props: PillProps<T>) => CSSObject = (\n  theme,\n  {active = false, type = null},\n) => {\n  const backgroundColors = {\n    [PILL_TYPE.error]: COLOR.RED_OPAQUE_32,\n    [PILL_TYPE.success]: COLOR.GREEN_OPAQUE_32,\n    [PILL_TYPE.warning]: COLOR.YELLOW_OPAQUE_32,\n  };\n  const backgroundColor = active ? '#eee' : type ? backgroundColors[type] : 'transparent';\n  const pillAnimation = keyframes`\n    0% {\n      background-color: transparent;\n    }\n    100% {\n      background-color: ${backgroundColor};\n    }\n`;\n  return {\n    '&:first-of-type': {\n      marginLeft: 0,\n    },\n    '&:last-of-type': {\n      marginRight: 0,\n    },\n    animation: `${pillAnimation} ${DURATION.DEFAULT}ms ${EASE.QUART}`,\n    backgroundColor,\n    borderRadius: '160px',\n    color: active ? COLOR.TEXT : theme.general.color,\n    cursor: active ? 'default' : undefined,\n    display: 'inline-block',\n    fontSize: '12px',\n    lineHeight: '16px',\n    margin: type ? '12px 0 0 0' : '0 8px',\n    minHeight: '32px',\n    padding: '8px 24px',\n    textAlign: 'center',\n    textDecoration: 'none',\n  };\n};\n\nexport const filterPillProps = (props: PillProps) => filterProps(props, ['active']);\n\nexport const Pill = (props: PillProps) => (\n  <span\n    css={theme => pillStyle(theme, props)}\n    data-uie-name=\"element-pill\"\n    data-uie-status={props.type}\n    {...filterPillProps(props)}\n  />\n);\n"],"file":"Pill.js"}
+{"version":3,"sources":["Pill.tsx"],"names":["PILL_TYPE","pillStyle","theme","active","type","backgroundColors","error","COLOR","RED_OPAQUE_32","success","GREEN_OPAQUE_32","warning","YELLOW_OPAQUE_32","backgroundColor","pillAnimation","keyframes","marginLeft","marginRight","animation","DURATION","DEFAULT","EASE","QUART","borderRadius","color","TEXT","general","cursor","undefined","display","fontSize","lineHeight","margin","minHeight","padding","textAlign","textDecoration","filterPillProps","props","Pill"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;AACA;;AAEA;;;;IAOYA,S;;;WAAAA,S;AAAAA,EAAAA,S;AAAAA,EAAAA,S;AAAAA,EAAAA,S;GAAAA,S,yBAAAA,S;;AAML,IAAMC,SAA8D,GAAG,SAAjEA,SAAiE,CAC5EC,KAD4E,QAGzE;AAAA;;AAAA,yBADFC,MACE;AAAA,MADFA,MACE,4BADO,KACP;AAAA,uBADcC,IACd;AAAA,MADcA,IACd,0BADqB,IACrB;AACH,MAAMC,gBAAgB,gFACnBL,SAAS,CAACM,KADS,EACDC,gBAAMC,aADL,uDAEnBR,SAAS,CAACS,OAFS,EAECF,gBAAMG,eAFP,uDAGnBV,SAAS,CAACW,OAHS,EAGCJ,gBAAMK,gBAHP,qBAAtB;AAKA,MAAMC,eAAe,GAAGV,MAAM,GAAG,MAAH,GAAYC,IAAI,GAAGC,gBAAgB,CAACD,IAAD,CAAnB,GAA4B,aAA1E;AACA,MAAMU,aAAa,OAAGC,gBAAH,mMAKKF,eALL,CAAnB;AAQA,SAAO;AACL,uBAAmB;AACjBG,MAAAA,UAAU,EAAE;AADK,KADd;AAIL,sBAAkB;AAChBC,MAAAA,WAAW,EAAE;AADG,KAJb;AAOLC,IAAAA,SAAS,YAAKJ,aAAL,cAAsBK,kBAASC,OAA/B,gBAA4CC,cAAKC,KAAjD,CAPJ;AAQLT,IAAAA,eAAe,EAAfA,eARK;AASLU,IAAAA,YAAY,EAAE,OATT;AAULC,IAAAA,KAAK,EAAErB,MAAM,GAAGI,gBAAMkB,IAAT,GAAgBvB,KAAK,CAACwB,OAAN,CAAcF,KAVtC;AAWLG,IAAAA,MAAM,EAAExB,MAAM,GAAG,SAAH,GAAeyB,SAXxB;AAYLC,IAAAA,OAAO,EAAE,cAZJ;AAaLC,IAAAA,QAAQ,EAAE,MAbL;AAcLC,IAAAA,UAAU,EAAE,MAdP;AAeLC,IAAAA,MAAM,EAAE5B,IAAI,GAAG,YAAH,GAAkB,OAfzB;AAgBL6B,IAAAA,SAAS,EAAE,MAhBN;AAiBLC,IAAAA,OAAO,EAAE,UAjBJ;AAkBLC,IAAAA,SAAS,EAAE,QAlBN;AAmBLC,IAAAA,cAAc,EAAE;AAnBX,GAAP;AAqBD,CAvCM;;;;AAyCA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD;AAAA,SAAsB,uBAAYA,KAAZ,EAAmB,CAAC,QAAD,CAAnB,CAAtB;AAAA,CAAxB;;;;AAEA,IAAMC,IAAI,GAAG,SAAPA,IAAO,CAACD,KAAD;AAAA,SAClB;AACE,IAAA,GAAG,EAAE,aAACpC,KAAD;AAAA,aAAkBD,SAAS,CAACC,KAAD,EAAQoC,KAAR,CAA3B;AAAA,KADP;AAEE,qBAAc,cAFhB;AAGE,uBAAiBA,KAAK,CAAClC;AAHzB,KAIMiC,eAAe,CAACC,KAAD,CAJrB,EADkB;AAAA,CAAb","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx, keyframes} from '@emotion/react';\nimport React from 'react';\n\nimport {COLOR} from '../Identity';\nimport {DURATION, EASE} from '../Identity/motions';\nimport type {Theme} from '../Layout';\nimport {filterProps} from '../util';\n\nexport interface PillProps<T = HTMLSpanElement> extends React.HTMLProps<T> {\n  active?: boolean;\n  type?: PILL_TYPE;\n}\n\nexport enum PILL_TYPE {\n  error = 'ERROR',\n  success = 'SUCCESS',\n  warning = 'WARNING',\n}\n\nexport const pillStyle: <T>(theme: Theme, props: PillProps<T>) => CSSObject = (\n  theme,\n  {active = false, type = null},\n) => {\n  const backgroundColors = {\n    [PILL_TYPE.error]: COLOR.RED_OPAQUE_32,\n    [PILL_TYPE.success]: COLOR.GREEN_OPAQUE_32,\n    [PILL_TYPE.warning]: COLOR.YELLOW_OPAQUE_32,\n  };\n  const backgroundColor = active ? '#eee' : type ? backgroundColors[type] : 'transparent';\n  const pillAnimation = keyframes`\n    0% {\n      background-color: transparent;\n    }\n    100% {\n      background-color: ${backgroundColor};\n    }\n`;\n  return {\n    '&:first-of-type': {\n      marginLeft: 0,\n    },\n    '&:last-of-type': {\n      marginRight: 0,\n    },\n    animation: `${pillAnimation} ${DURATION.DEFAULT}ms ${EASE.QUART}`,\n    backgroundColor,\n    borderRadius: '160px',\n    color: active ? COLOR.TEXT : theme.general.color,\n    cursor: active ? 'default' : undefined,\n    display: 'inline-block',\n    fontSize: '12px',\n    lineHeight: '16px',\n    margin: type ? '12px 0 0 0' : '0 8px',\n    minHeight: '32px',\n    padding: '8px 24px',\n    textAlign: 'center',\n    textDecoration: 'none',\n  };\n};\n\nexport const filterPillProps = (props: PillProps) => filterProps(props, ['active']);\n\nexport const Pill = (props: PillProps) => (\n  <span\n    css={(theme: Theme) => pillStyle(theme, props)}\n    data-uie-name=\"element-pill\"\n    data-uie-status={props.type}\n    {...filterPillProps(props)}\n  />\n);\n"],"file":"Pill.js"}

package/src/Modal/Modal.d.ts

@@ -15,5 +15,5 @@ interface ModalProps {
     onBackgroundClick?: () => void;
     onClose?: () => void;
 }
-export declare const Modal: React.SFC<ModalProps & React.HTMLProps<HTMLDivElement>>;
+export declare const Modal: React.FC<ModalProps & React.HTMLProps<HTMLDivElement>>;
 export {};