@wireapp/react-ui-kit 8.14.3 → 8.14.6

package/src/Misc/Loading.js

@@ -0,0 +1,72 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Loading = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = require("@emotion/react");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _Identity = require("../Identity");
+
+var _motions = require("../Identity/motions");
+
+var _templateObject;
+
+var _excluded = ["progress", "size", "color"];
+
+var Loading = function Loading(_ref) {
+  var _ref$progress = _ref.progress,
+      progress = _ref$progress === void 0 ? undefined : _ref$progress,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 43 : _ref$size,
+      _ref$color = _ref.color,
+      color = _ref$color === void 0 ? '#218fd1' : _ref$color,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var pathLength = 125.68;
+  var rotationOffset = -0.75;
+  var rotationDelay = _motions.DURATION.EXTRA_LONG * rotationOffset;
+  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, _react.jsx)("circle", {
+    cx: "21.5",
+    cy: "21.5",
+    r: "20",
+    stroke: _Identity.COLOR.opaque(color, 0.08)
+  }), (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,
+      transformOrigin: '50% 50%'
+    },
+    cx: "21.5",
+    cy: "21.5",
+    r: "20",
+    stroke: color,
+    strokeLinecap: "round",
+    strokeDasharray: pathLength,
+    strokeDashoffset: progress && "".concat(pathLength - pathLength * progress)
+  }));
+};
+
+exports.Loading = Loading;
+Loading.defaultProps = {
+  progress: undefined,
+  size: 43
+};
+//# sourceMappingURL=Loading.js.map

package/src/Misc/Loading.js.map

@@ -0,0 +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,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.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=Pagination.d.js.map

package/src/Misc/Pagination.d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"Pagination.d.js"}

package/src/Misc/Pagination.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface PaginationProps<T = HTMLDivElement> extends React.PropsWithRef<React.HTMLProps<T>> {
+    currentPage?: number;
+    goPage?: (page: number) => void;
+    nextPageComponent?: any;
+    numberOfPages?: number;
+    previousPageComponent?: any;
+}
+export declare const Pagination: React.FC<PaginationProps>;
+export {};

package/src/Misc/Pagination.js

@@ -0,0 +1,155 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Pagination = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = require("@emotion/react");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _Identity = require("../Identity");
+
+var _Layout = require("../Layout");
+
+var _Text = require("../Text");
+
+var _excluded = ["currentPage", "numberOfPages", "goPage", "previousPageComponent", "nextPageComponent"];
+
+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: "1uohtp9",
+  styles: "flex-basis:100px"
+} : {
+  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: "jli9tm",
+  styles: "align-items:flex-end;display:flex;flex-direction:row;margin:0 auto"
+} : {
+  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: "ffod5d",
+  styles: "display:flex;flex-basis:100px;justify-content:flex-end"
+} : {
+  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__
+};
+
+var Pagination = function Pagination(_ref) {
+  var _ref$currentPage = _ref.currentPage,
+      currentPage = _ref$currentPage === void 0 ? 0 : _ref$currentPage,
+      _ref$numberOfPages = _ref.numberOfPages,
+      numberOfPages = _ref$numberOfPages === void 0 ? 1 : _ref$numberOfPages,
+      goPage = _ref.goPage,
+      _ref$previousPageComp = _ref.previousPageComponent,
+      PreviousPageComponent = _ref$previousPageComp === void 0 ? function () {
+    return '<';
+  } : _ref$previousPageComp,
+      _ref$nextPageComponen = _ref.nextPageComponent,
+      NextPageComponent = _ref$nextPageComponen === void 0 ? function () {
+    return '>';
+  } : _ref$nextPageComponen,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var isLastPage = currentPage === numberOfPages - 1;
+  var isFirstPage = currentPage === 0;
+
+  var renderPageList = function renderPageList() {
+    var lastPageIndex = numberOfPages - 1;
+    var spanLength = 1;
+    var endLength = 1;
+    var skipLength = 1;
+    var normalizeCount = endLength + skipLength + spanLength;
+
+    var dots = function dots(key) {
+      return (0, _react.jsx)(_Text.Bold, {
+        key: key,
+        fontSize: '11px'
+      }, '…');
+    };
+
+    var renderPageNumber = function renderPageNumber(pageIndex) {
+      return currentPage === pageIndex ? (0, _react.jsx)(_Text.Bold, {
+        fontSize: '11px',
+        key: pageIndex,
+        style: {
+          color: _Identity.COLOR.BLUE,
+          margin: '0 8px'
+        },
+        "data-uie-name": "status-active-page"
+      }, pageIndex + 1) : (0, _react.jsx)(_Text.Link, {
+        key: pageIndex,
+        style: {
+          margin: '0 8px'
+        },
+        onClick: function onClick() {
+          return goPage(pageIndex);
+        },
+        "data-uie-name": "go-page"
+      }, pageIndex + 1);
+    };
+
+    var normalizedCurrent = Math.min(Math.max(currentPage, normalizeCount), lastPageIndex - normalizeCount);
+    var beforeCount = normalizedCurrent - spanLength - endLength;
+    var afterCount = lastPageIndex - endLength - normalizedCurrent - spanLength;
+    var pages = Array.from(Array(numberOfPages), function (nothing, index) {
+      return renderPageNumber(index);
+    });
+
+    if (afterCount > skipLength) {
+      pages.splice(normalizedCurrent + spanLength + 1, afterCount, dots('dots-end'));
+    }
+
+    if (beforeCount > skipLength) {
+      pages.splice(endLength, beforeCount, dots('dots-start'));
+    }
+
+    return pages;
+  };
+
+  return (0, _react.jsx)(_Layout.FlexBox, (0, _extends2["default"])({
+    align: "flex-end",
+    "data-uie-name": "element-pagination"
+  }, props), (0, _react.jsx)("div", {
+    css: _ref2
+  }, !isFirstPage && (0, _react.jsx)(_Text.Link, {
+    block: true,
+    onClick: function onClick() {
+      return goPage(currentPage - 1);
+    },
+    "data-uie-name": "go-previous-page"
+  }, (0, _react.jsx)(PreviousPageComponent, null))), (0, _react.jsx)("div", {
+    css: _ref3,
+    "data-uie-name": "list-pages"
+  }, renderPageList()), (0, _react.jsx)("div", {
+    css: _ref4
+  }, !isLastPage && (0, _react.jsx)(_Text.Link, {
+    block: true,
+    onClick: function onClick() {
+      return goPage(currentPage + 1);
+    },
+    "data-uie-name": "go-next-page"
+  }, (0, _react.jsx)(NextPageComponent, null))));
+};
+
+exports.Pagination = Pagination;
+//# sourceMappingURL=Pagination.js.map

package/src/Misc/Pagination.js.map

@@ -0,0 +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/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.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=Pill.d.js.map

package/src/Misc/Pill.d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"Pill.d.js"}

package/src/Misc/Pill.d.ts

@@ -0,0 +1,16 @@
+/** @jsx jsx */
+import { CSSObject, jsx } from '@emotion/react';
+import React from 'react';
+import { Theme } from '../Layout';
+export interface PillProps<T = HTMLSpanElement> extends React.HTMLProps<T> {
+    active?: boolean;
+    type?: PILL_TYPE;
+}
+export declare enum PILL_TYPE {
+    error = "ERROR",
+    success = "SUCCESS",
+    warning = "WARNING"
+}
+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.JSX.Element;

package/src/Misc/Pill.js

@@ -0,0 +1,89 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Pill = exports.filterPillProps = exports.pillStyle = exports.PILL_TYPE = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = require("@emotion/react");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _Identity = require("../Identity");
+
+var _motions = require("../Identity/motions");
+
+var _util = require("../util");
+
+var _templateObject;
+
+var PILL_TYPE;
+exports.PILL_TYPE = PILL_TYPE;
+
+(function (PILL_TYPE) {
+  PILL_TYPE["error"] = "ERROR";
+  PILL_TYPE["success"] = "SUCCESS";
+  PILL_TYPE["warning"] = "WARNING";
+})(PILL_TYPE || (exports.PILL_TYPE = PILL_TYPE = {}));
+
+var pillStyle = function pillStyle(theme, _ref) {
+  var _backgroundColors;
+
+  var _ref$active = _ref.active,
+      active = _ref$active === void 0 ? false : _ref$active,
+      _ref$type = _ref.type,
+      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, _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
+    },
+    '&:last-of-type': {
+      marginRight: 0
+    },
+    animation: "".concat(pillAnimation, " ").concat(_motions.DURATION.DEFAULT, "ms ").concat(_motions.EASE.QUART),
+    backgroundColor: backgroundColor,
+    borderRadius: '160px',
+    color: active ? _Identity.COLOR.TEXT : theme.general.color,
+    cursor: active ? 'default' : undefined,
+    display: 'inline-block',
+    fontSize: '12px',
+    lineHeight: '16px',
+    margin: type ? '12px 0 0 0' : '0 8px',
+    minHeight: '32px',
+    padding: '8px 24px',
+    textAlign: 'center',
+    textDecoration: 'none'
+  };
+};
+
+exports.pillStyle = pillStyle;
+
+var filterPillProps = function filterPillProps(props) {
+  return (0, _util.filterProps)(props, ['active']);
+};
+
+exports.filterPillProps = filterPillProps;
+
+var Pill = function Pill(props) {
+  return (0, _react.jsx)("span", (0, _extends2["default"])({
+    css: function css(theme) {
+      return pillStyle(theme, props);
+    },
+    "data-uie-name": "element-pill",
+    "data-uie-status": props.type
+  }, filterPillProps(props)));
+};
+
+exports.Pill = Pill;
+//# sourceMappingURL=Pill.js.map

package/src/Misc/Pill.js.map

@@ -0,0 +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,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 {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/Misc/childrenWithDefaultProps.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=childrenWithDefaultProps.d.js.map

package/src/Misc/childrenWithDefaultProps.d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"childrenWithDefaultProps.d.js"}

package/src/Misc/childrenWithDefaultProps.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface ChildrenProps<T extends Element, P extends React.HTMLProps<T>> {
+    children: React.ReactNode;
+    defaultProps: P;
+}
+export declare const childrenWithDefaultProps: <E extends Element, P extends unknown>(props: ChildrenProps<E, P>) => (string | number | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment | React.ReactPortal)[];

package/src/Misc/childrenWithDefaultProps.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.childrenWithDefaultProps = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var childrenWithDefaultProps = function childrenWithDefaultProps(props) {
+  return _react["default"].Children.map(props.children, function (node) {
+    if (typeof node === 'string') {
+      return node;
+    }
+
+    if (! /*#__PURE__*/_react["default"].isValidElement(node)) {
+      console.error('Invalid children', node);
+      return node;
+    }
+
+    var elementChild = node;
+    return /*#__PURE__*/_react["default"].cloneElement(elementChild, _objectSpread(_objectSpread({}, props.defaultProps), elementChild.props));
+  });
+};
+
+exports.childrenWithDefaultProps = childrenWithDefaultProps;
+//# sourceMappingURL=childrenWithDefaultProps.js.map

package/src/Misc/childrenWithDefaultProps.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["childrenWithDefaultProps.ts"],"names":["childrenWithDefaultProps","props","React","Children","map","children","node","isValidElement","console","error","elementChild","cloneElement","defaultProps"],"mappings":";;;;;;;;;;;AAmBA;;;;;;AAOO,IAAMA,wBAAwB,GAAG,SAA3BA,wBAA2B,CAAmCC,KAAnC;AAAA,SACtCC,kBAAMC,QAAN,CAAeC,GAAf,CAAqDH,KAAK,CAACI,QAA3D,EAAqE,UAAAC,IAAI,EAAI;AAC3E,QAAI,OAAOA,IAAP,KAAgB,QAApB,EAA8B;AAC5B,aAAOA,IAAP;AACD;;AACD,QAAI,eAACJ,kBAAMK,cAAN,CAAwBD,IAAxB,CAAL,EAAoC;AAClCE,MAAAA,OAAO,CAACC,KAAR,CAAc,kBAAd,EAAkCH,IAAlC;AACA,aAAOA,IAAP;AACD;;AAED,QAAMI,YAAmC,GAAGJ,IAA5C;AACA,wBAAOJ,kBAAMS,YAAN,CAAsBD,YAAtB,kCAAyCT,KAAK,CAACW,YAA/C,GAAyEF,YAAY,CAACT,KAAtF,EAAP;AACD,GAXD,CADsC;AAAA,CAAjC","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\nimport React from 'react';\n\nexport interface ChildrenProps<T extends Element, P extends React.HTMLProps<T>> {\n  children: React.ReactNode;\n  defaultProps: P;\n}\n\nexport const childrenWithDefaultProps = <E extends Element, P extends any>(props: ChildrenProps<E, P>) =>\n  React.Children.map<React.ReactNode, React.ReactNode>(props.children, node => {\n    if (typeof node === 'string') {\n      return node;\n    }\n    if (!React.isValidElement<P>(node)) {\n      console.error('Invalid children', node);\n      return node;\n    }\n\n    const elementChild: React.ReactElement<P> = node;\n    return React.cloneElement<P>(elementChild, {...(props.defaultProps as any), ...(elementChild.props as any)});\n  });\n"],"file":"childrenWithDefaultProps.js"}

package/src/Misc/index.d.js

@@ -0,0 +1,123 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _ButtonGroup = require("./ButtonGroup");
+
+Object.keys(_ButtonGroup).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ButtonGroup[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ButtonGroup[key];
+    }
+  });
+});
+
+var _childrenWithDefaultProps = require("./childrenWithDefaultProps");
+
+Object.keys(_childrenWithDefaultProps).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _childrenWithDefaultProps[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _childrenWithDefaultProps[key];
+    }
+  });
+});
+
+var _IconButton = require("./IconButton");
+
+Object.keys(_IconButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _IconButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _IconButton[key];
+    }
+  });
+});
+
+var _IsInViewport = require("./IsInViewport");
+
+Object.keys(_IsInViewport).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _IsInViewport[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _IsInViewport[key];
+    }
+  });
+});
+
+var _Loading = require("./Loading");
+
+Object.keys(_Loading).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Loading[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Loading[key];
+    }
+  });
+});
+
+var _Pagination = require("./Pagination");
+
+Object.keys(_Pagination).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Pagination[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Pagination[key];
+    }
+  });
+});
+
+var _Pill = require("./Pill");
+
+Object.keys(_Pill).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Pill[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Pill[key];
+    }
+  });
+});
+
+var _useLongTouch = require("./useLongTouch");
+
+Object.keys(_useLongTouch).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useLongTouch[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useLongTouch[key];
+    }
+  });
+});
+
+var _useTimeout = require("./useTimeout");
+
+Object.keys(_useTimeout).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useTimeout[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useTimeout[key];
+    }
+  });
+});
+//# sourceMappingURL=index.d.js.map

package/src/Misc/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.d.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './ButtonGroup';\nexport * from './childrenWithDefaultProps';\nexport * from './IconButton';\nexport * from './IsInViewport';\nexport * from './Loading';\nexport * from './Pagination';\nexport * from './Pill';\nexport * from './useLongTouch';\nexport * from './useTimeout';\n"],"file":"index.d.js"}

package/src/Misc/index.d.ts

@@ -0,0 +1,9 @@
+export * from './ButtonGroup';
+export * from './childrenWithDefaultProps';
+export * from './IconButton';
+export * from './IsInViewport';
+export * from './Loading';
+export * from './Pagination';
+export * from './Pill';
+export * from './useLongTouch';
+export * from './useTimeout';