@wireapp/react-ui-kit 8.17.10 → 9.0.0

package/src/Misc/IconButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconButton.js","names":["IconButtonVariant","iconButtonStyle","theme","variant","PRIMARY","backgroundColor","disabled","border","borderRadius","cursor","display","alignItems","justifyContent","marginBottom","padding","outline","textDecoration","touchAction","transition","defaultTransition","width","height","IconButton","primaryDisabledBgColor","primaryBgColor","primaryDisabledBorderColor","primaryBorderColor","svg","fill","Input","placeholderColor","general","color","hoverPrimaryBgColor","borderColor","primaryHoverBorderColor","focusBorderColor","activePrimaryBgColor","primaryColor","SECONDARY","secondaryActiveBorderColor","children","props","filterButtonProps","filterProps","filterTextProps"],"sources":["IconButton.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2022 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';\n\nimport {defaultTransition} from '../Identity/motions';\nimport {Theme} from '../Layout';\nimport {TextProps, filterTextProps} from '../Text';\nimport {filterProps} from '../util';\n\nexport enum IconButtonVariant {\n  PRIMARY = 'primary',\n  SECONDARY = 'secondary',\n}\n\nexport interface IconButtonProps<T = HTMLButtonElement> extends TextProps<T> {\n  variant?: IconButtonVariant;\n  backgroundColor?: string;\n}\n\nexport const iconButtonStyle: <T>(theme: Theme, props: IconButtonProps<T>) => CSSObject = (\n  theme,\n  {variant = IconButtonVariant.PRIMARY, backgroundColor, disabled = false},\n) => ({\n  border: 0,\n  borderRadius: '12px',\n  cursor: disabled ? 'default' : 'pointer',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  marginBottom: '16px',\n  padding: 0,\n  outline: 'none',\n  textDecoration: 'none',\n  touchAction: 'manipulation',\n  transition: defaultTransition,\n  width: '40px',\n  height: '32px',\n  '&:hover, &:focus': {\n    textDecoration: 'none',\n  },\n  ...(variant === IconButtonVariant.PRIMARY && {\n    backgroundColor: disabled\n      ? theme.IconButton.primaryDisabledBgColor\n      : backgroundColor || theme.IconButton.primaryBgColor,\n    border: disabled\n      ? `1px solid ${theme.IconButton.primaryDisabledBorderColor}`\n      : `1px solid ${theme.IconButton.primaryBorderColor}`,\n    svg: {\n      fill: disabled ? theme.Input.placeholderColor : theme.general.color,\n    },\n    ...(!disabled && {\n      '&:hover, &:focus': {\n        backgroundColor: theme.IconButton.hoverPrimaryBgColor,\n      },\n      '&:hover': {\n        borderColor: theme.IconButton.primaryHoverBorderColor,\n      },\n      '&:focus': {\n        borderColor: theme.IconButton.focusBorderColor,\n      },\n      '&:active': {\n        backgroundColor: theme.IconButton.activePrimaryBgColor,\n        borderColor: theme.IconButton.focusBorderColor,\n        svg: {\n          fill: theme.general.primaryColor,\n        },\n      },\n    }),\n  }),\n  ...(variant === IconButtonVariant.SECONDARY && {\n    backgroundColor: 'inherit',\n    svg: {\n      fill: disabled ? theme.Input.placeholderColor : theme.general.color,\n    },\n    ...(!disabled && {\n      '&:hover, &:focus, &:active': {\n        svg: {\n          fill: theme.general.primaryColor,\n        },\n      },\n      '&:focus': {\n        border: `1px solid ${theme.IconButton.focusBorderColor}`,\n      },\n      '&:active': {\n        border: `1px solid ${theme.IconButton.secondaryActiveBorderColor}`,\n        backgroundColor: theme.Input.backgroundColor,\n      },\n    }),\n  }),\n});\n\nexport const IconButton = ({children, ...props}: IconButtonProps) => (\n  <button css={(theme: Theme) => iconButtonStyle(theme, props)} {...filterButtonProps(props)}>\n    {children}\n  </button>\n);\n\nconst filterButtonProps = (props: IconButtonProps) => {\n  return filterProps(filterTextProps(props) as IconButtonProps, ['backgroundColor']);\n};\n"],"mappings":"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"}

package/src/Misc/IconButton.md

@@ -1,43 +0,0 @@
-Demo:
-
-```js
-import {IconButton, Container, Columns, Column, H2, InfoIcon} from '@wireapp/react-ui-kit';
-
-<Container>
-  <H2>Primary</H2>
-  <Columns>
-    <Column>Enabled</Column>
-    <Column>
-      <IconButton>
-        <InfoIcon />
-      </IconButton>
-    </Column>
-  </Columns>
-  <Columns>
-    <Column>Disabled</Column>
-    <Column>
-      <IconButton disabled onClick={() => alert('This should not work')}>
-        <InfoIcon />
-      </IconButton>
-    </Column>
-  </Columns>
-
-  <H2>Secondary</H2>
-  <Columns>
-    <Column>Enabled</Column>
-    <Column>
-      <IconButton variant="secondary">
-        <InfoIcon />
-      </IconButton>
-    </Column>
-  </Columns>
-  <Columns>
-    <Column>Disabled</Column>
-    <Column>
-      <IconButton variant="secondary" disabled onClick={() => alert('This should not work')}>
-        <InfoIcon />
-      </IconButton>
-    </Column>
-  </Columns>
-</Container>;
-```

package/src/Misc/IsInViewport.d.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"IsInViewport.d.js","names":[],"sources":["IsInViewport.d.ts"],"sourcesContent":["/** @jsx jsx */\nimport { jsx } from '@emotion/react';\nimport React from 'react';\nexport interface IsInViewportProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n    checkViewportOnce?: boolean;\n    disabled?: boolean;\n    onEnterViewport?: () => void;\n}\nexport declare const IsInViewport: ({ onEnterViewport, disabled, checkViewportOnce, ...props }: IsInViewportProps) => jsx.JSX.Element;\n"],"mappings":""}

package/src/Misc/IsInViewport.js

@@ -1,58 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.IsInViewport = void 0;
-var _react = require("@emotion/react");
-var _react2 = _interopRequireWildcard(require("react"));
-var _excluded = ["onEnterViewport", "disabled", "checkViewportOnce"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var IsInViewport = function IsInViewport(_ref) {
-  var onEnterViewport = _ref.onEnterViewport,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$checkViewportOnc = _ref.checkViewportOnce,
-    checkViewportOnce = _ref$checkViewportOnc === void 0 ? false : _ref$checkViewportOnc,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var element = (0, _react2.useRef)();
-  (0, _react2.useEffect)(function () {
-    var observer = undefined;
-    if (onEnterViewport && !disabled) {
-      observer = new IntersectionObserver(function (_ref2) {
-        var _ref3 = _slicedToArray(_ref2, 1),
-          isIntersecting = _ref3[0].isIntersecting;
-        if (isIntersecting) {
-          if (checkViewportOnce) {
-            observer.disconnect();
-          }
-          if (onEnterViewport && !disabled) {
-            onEnterViewport();
-          }
-        }
-      });
-      observer.observe(element.current);
-    }
-    return function () {
-      if (observer) {
-        observer.disconnect();
-      }
-    };
-  }, [onEnterViewport]);
-  return (0, _react.jsx)("div", _extends({
-    ref: element
-  }, props));
-};
-exports.IsInViewport = IsInViewport;
-//# sourceMappingURL=IsInViewport.js.map

package/src/Misc/IsInViewport.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IsInViewport.js","names":["IsInViewport","onEnterViewport","disabled","checkViewportOnce","props","element","useRef","useEffect","observer","undefined","IntersectionObserver","isIntersecting","disconnect","observe","current"],"sources":["IsInViewport.tsx"],"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"],"mappings":";;;;;;;AAoBA;AACA;AAA+C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQxC,IAAMA,YAAY,GAAG,SAAfA,YAAY,OAKA;EAAA,IAJvBC,eAAe,QAAfA,eAAe;IAAA,qBACfC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAAA,6BAChBC,iBAAiB;IAAjBA,iBAAiB,sCAAG,KAAK;IACtBC,KAAK;EAER,IAAMC,OAAO,GAAG,IAAAC,cAAM,GAAkB;EACxC,IAAAC,iBAAS,EAAC,YAAM;IACd,IAAIC,QAAQ,GAAGC,SAAS;IACxB,IAAIR,eAAe,IAAI,CAACC,QAAQ,EAAE;MAChCM,QAAQ,GAAG,IAAIE,oBAAoB,CAAC,iBAAwB;QAAA;UAArBC,cAAc,YAAdA,cAAc;QACnD,IAAIA,cAAc,EAAE;UAClB,IAAIR,iBAAiB,EAAE;YACrBK,QAAQ,CAACI,UAAU,EAAE;UACvB;UACA,IAAIX,eAAe,IAAI,CAACC,QAAQ,EAAE;YAChCD,eAAe,EAAE;UACnB;QACF;MACF,CAAC,CAAC;MACFO,QAAQ,CAACK,OAAO,CAACR,OAAO,CAACS,OAAO,CAAC;IACnC;IAEA,OAAO,YAAM;MACX,IAAIN,QAAQ,EAAE;QACZA,QAAQ,CAACI,UAAU,EAAE;MACvB;IACF,CAAC;EACH,CAAC,EAAE,CAACX,eAAe,CAAC,CAAC;EACrB,OAAO;IAAK,GAAG,EAAEI;EAAQ,GAAKD,KAAK,EAAI;AACzC,CAAC;AAAC"}

package/src/Misc/Loading.d.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Loading.d.js","names":[],"sources":["Loading.d.ts"],"sourcesContent":["/** @jsx jsx */\nimport { jsx } from '@emotion/react';\nimport React from 'react';\nexport interface LoadingProps<T = SVGSVGElement> extends React.SVGProps<T> {\n    color?: string;\n    progress?: number;\n    size?: number;\n}\nexport declare const Loading: {\n    ({ progress, size, color, ...props }: LoadingProps): jsx.JSX.Element;\n    defaultProps: {\n        progress: any;\n        size: number;\n    };\n};\n"],"mappings":""}

package/src/Misc/Loading.js

@@ -1,61 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Loading = void 0;
-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"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-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 = _objectWithoutProperties(_ref, _excluded);
-  var pathLength = 125.68;
-  var rotationOffset = -0.75;
-  var rotationDelay = _motions.DURATION.EXTRA_LONG * rotationOffset;
-  var fillAnimation = (0, _react.keyframes)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    0% {\n      stroke-dashoffset: ", ";\n    }\n    100% {\n      stroke-dashoffset: 0;\n    }\n  "])), pathLength + pathLength);
-  return (0, _react.jsx)("svg", _extends({
-    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

@@ -1 +0,0 @@
-{"version":3,"file":"Loading.js","names":["Loading","progress","undefined","size","color","props","pathLength","rotationOffset","rotationDelay","DURATION","EXTRA_LONG","fillAnimation","keyframes","COLOR","opaque","animation","ANIMATION","rotate","strokeDasharray","transformOrigin","defaultProps"],"sources":["Loading.tsx"],"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"],"mappings":";;;;;;AAoBA;AACA;AAEA;AACA;AAAwD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQjD,IAAMA,OAAO,GAAG,SAAVA,OAAO,OAAqF;EAAA,yBAAhFC,QAAQ;IAARA,QAAQ,8BAAGC,SAAS;IAAA,iBAAEC,IAAI;IAAJA,IAAI,0BAAG,EAAE;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,SAAS;IAAKC,KAAK;EACnF,IAAMC,UAAU,GAAG,MAAM;EACzB,IAAMC,cAAc,GAAG,CAAC,IAAI;EAC5B,IAAMC,aAAa,GAAGC,iBAAQ,CAACC,UAAU,GAAGH,cAAc;EAC1D,IAAMI,aAAa,OAAGC,gBAAS,4KAENN,UAAU,GAAGA,UAAU,CAK/C;EAED,OACE;IAAK,KAAK,EAAEH,IAAK;IAAC,MAAM,EAAEA,IAAK;IAAC,OAAO,EAAC,WAAW;IAAC,WAAW,EAAC,GAAG;IAAC,IAAI,EAAC;EAAM,GAAKE,KAAK,GACvF;IAAQ,EAAE,EAAC,MAAM;IAAC,EAAE,EAAC,MAAM;IAAC,CAAC,EAAC,IAAI;IAAC,MAAM,EAAEQ,eAAK,CAACC,MAAM,CAACV,KAAK,EAAE,IAAI;EAAE,EAAG,EACxE;IACE,GAAG,EACD,CAACH,QAAQ,IAAI;MACXc,SAAS,YAAKJ,aAAa,cAAIF,iBAAQ,CAACC,UAAU,qDAC9CM,kBAAS,CAACC,MAAM,cAAIR,iBAAQ,CAACC,UAAU,uBAAaF,aAAa,gBAAa;MAClFU,eAAe,EAAEZ,UAAU;MAC3Ba,eAAe,EAAE;IACnB,CACD;IACD,EAAE,EAAC,MAAM;IACT,EAAE,EAAC,MAAM;IACT,CAAC,EAAC,IAAI;IACN,MAAM,EAAEf,KAAM;IACd,aAAa,EAAC,OAAO;IACrB,eAAe,EAAEE,UAAW;IAC5B,gBAAgB,EAAEL,QAAQ,cAAOK,UAAU,GAAGA,UAAU,GAAGL,QAAQ;EAAG,EACtE,CACE;AAEV,CAAC;AAAC;AAEFD,OAAO,CAACoB,YAAY,GAAG;EACrBnB,QAAQ,EAAEC,SAAS;EACnBC,IAAI,EAAE;AACR,CAAC"}

package/src/Misc/Loading.md

@@ -1,11 +0,0 @@
-Demo:
-
-```js
-import {Container, Loading} from '@wireapp/react-ui-kit';
-
-<Container style={{alignItems: 'center', display: 'flex', justifyContent: 'space-around'}}>
-  <Loading />
-  <Loading progress={0.33} />
-  <Loading progress={0.66} size={100} />
-</Container>;
-```

package/src/Misc/Pagination.d.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Pagination.d.js","names":[],"sources":["Pagination.d.ts"],"sourcesContent":["import React from 'react';\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}\nexport declare const Pagination: React.FC<PaginationProps>;\nexport {};\n"],"mappings":""}

package/src/Misc/Pagination.js

@@ -1,133 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Pagination = void 0;
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-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)."; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-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 = _objectWithoutProperties(_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, _extends({
-    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

@@ -1 +0,0 @@
-{"version":3,"file":"Pagination.js","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"],"sources":["Pagination.tsx"],"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"],"mappings":"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"}

package/src/Misc/Pagination.md

@@ -1,35 +0,0 @@
-Demo:
-
-```js
-import {useState} from 'react';
-import {Container, Loading, Small, COLOR} from '@wireapp/react-ui-kit';
-
-const [currentPage, setCurrentPage] = useState(0);
-
-const paginatedList = [
-  [1, 2],
-  [3, 4],
-  [5, 6],
-  [7, 8],
-  [9, 10],
-  [11, 12],
-  [13, 14],
-  [15, 16],
-  [17, 18],
-];
-
-<Container>
-  {paginatedList[currentPage].map(item => (
-    <Small key={item} center bold block style={{border: `1px solid ${COLOR.GRAY}`, margin: 10}}>
-      {`- ${item}`}
-    </Small>
-  ))}
-  <Pagination
-    currentPage={currentPage}
-    goPage={setCurrentPage}
-    nextPageComponent={() => 'Next'}
-    numberOfPages={paginatedList.length}
-    previousPageComponent={() => 'Previous'}
-  />
-</Container>;
-```

package/src/Misc/Pill.d.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Pill.d.js","names":[],"sources":["Pill.d.ts"],"sourcesContent":["/** @jsx jsx */\nimport { CSSObject, jsx } from '@emotion/react';\nimport React from 'react';\nimport { Theme } from '../Layout';\nexport interface PillProps<T = HTMLSpanElement> extends React.HTMLProps<T> {\n    active?: boolean;\n    type?: PILL_TYPE;\n}\nexport declare enum PILL_TYPE {\n    error = \"ERROR\",\n    success = \"SUCCESS\",\n    warning = \"WARNING\"\n}\nexport declare const pillStyle: <T>(theme: Theme, props: PillProps<T>) => CSSObject;\nexport declare const filterPillProps: (props: PillProps) => Object;\nexport declare const Pill: (props: PillProps) => jsx.JSX.Element;\n"],"mappings":""}

package/src/Misc/Pill.js

@@ -1,70 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.pillStyle = exports.filterPillProps = exports.Pill = exports.PILL_TYPE = void 0;
-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;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-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 = {}, _defineProperty(_backgroundColors, PILL_TYPE.error, _Identity.COLOR.RED_OPAQUE_32), _defineProperty(_backgroundColors, PILL_TYPE.success, _Identity.COLOR.GREEN_OPAQUE_32), _defineProperty(_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 = _taggedTemplateLiteral(["\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", _extends({
-    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

@@ -1 +0,0 @@
-{"version":3,"file":"Pill.js","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","filterProps","Pill"],"sources":["Pill.tsx"],"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"],"mappings":";;;;;;AAoBA;AACA;AAEA;AACA;AAEA;AAAoC;AAAA;AAAA;AAAA;AAAA;AAAA,IAOxBA,SAAS;AAAA;AAAA,WAATA,SAAS;EAATA,SAAS;EAATA,SAAS;EAATA,SAAS;AAAA,GAATA,SAAS,yBAATA,SAAS;AAMd,IAAMC,SAA8D,GAAG,SAAjEA,SAA8D,CACzEC,KAAK,QAEF;EAAA;EAAA,uBADFC,MAAM;IAANA,MAAM,4BAAG,KAAK;IAAA,iBAAEC,IAAI;IAAJA,IAAI,0BAAG,IAAI;EAE5B,IAAMC,gBAAgB,+DACnBL,SAAS,CAACM,KAAK,EAAGC,eAAK,CAACC,aAAa,sCACrCR,SAAS,CAACS,OAAO,EAAGF,eAAK,CAACG,eAAe,sCACzCV,SAAS,CAACW,OAAO,EAAGJ,eAAK,CAACK,gBAAgB,qBAC5C;EACD,IAAMC,eAAe,GAAGV,MAAM,GAAG,MAAM,GAAGC,IAAI,GAAGC,gBAAgB,CAACD,IAAI,CAAC,GAAG,aAAa;EACvF,IAAMU,aAAa,OAAGC,gBAAS,kLAKPF,eAAe,CAExC;EACC,OAAO;IACL,iBAAiB,EAAE;MACjBG,UAAU,EAAE;IACd,CAAC;IACD,gBAAgB,EAAE;MAChBC,WAAW,EAAE;IACf,CAAC;IACDC,SAAS,YAAKJ,aAAa,cAAIK,iBAAQ,CAACC,OAAO,gBAAMC,aAAI,CAACC,KAAK,CAAE;IACjET,eAAe,EAAfA,eAAe;IACfU,YAAY,EAAE,OAAO;IACrBC,KAAK,EAAErB,MAAM,GAAGI,eAAK,CAACkB,IAAI,GAAGvB,KAAK,CAACwB,OAAO,CAACF,KAAK;IAChDG,MAAM,EAAExB,MAAM,GAAG,SAAS,GAAGyB,SAAS;IACtCC,OAAO,EAAE,cAAc;IACvBC,QAAQ,EAAE,MAAM;IAChBC,UAAU,EAAE,MAAM;IAClBC,MAAM,EAAE5B,IAAI,GAAG,YAAY,GAAG,OAAO;IACrC6B,SAAS,EAAE,MAAM;IACjBC,OAAO,EAAE,UAAU;IACnBC,SAAS,EAAE,QAAQ;IACnBC,cAAc,EAAE;EAClB,CAAC;AACH,CAAC;AAAC;AAEK,IAAMC,eAAe,GAAG,SAAlBA,eAAe,CAAIC,KAAgB;EAAA,OAAK,IAAAC,iBAAW,EAACD,KAAK,EAAE,CAAC,QAAQ,CAAC,CAAC;AAAA;AAAC;AAE7E,IAAME,IAAI,GAAG,SAAPA,IAAI,CAAIF,KAAgB;EAAA,OACnC;IACE,GAAG,EAAE,aAACpC,KAAY;MAAA,OAAKD,SAAS,CAACC,KAAK,EAAEoC,KAAK,CAAC;IAAA,CAAC;IAC/C,iBAAc,cAAc;IAC5B,mBAAiBA,KAAK,CAAClC;EAAK,GACxBiC,eAAe,CAACC,KAAK,CAAC,EAC1B;AAAA,CACH;AAAC"}

package/src/Misc/Pill.md

@@ -1,13 +0,0 @@
-Demo:
-
-```js
-import {Container, Pill, PILL_TYPE} from '@wireapp/react-ui-kit';
-
-<Container>
-  <Pill>Default Pill</Pill>
-  <Pill active>Active default Pill</Pill>
-  <Pill type={PILL_TYPE.error}>Error Pill</Pill>
-  <Pill type={PILL_TYPE.success}>Success Pill</Pill>
-  <Pill type={PILL_TYPE.warning}>Warning Pill</Pill>
-</Container>;
-```

package/src/Misc/childrenWithDefaultProps.d.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"childrenWithDefaultProps.d.js","names":[],"sources":["childrenWithDefaultProps.d.ts"],"sourcesContent":["import React from 'react';\nexport interface ChildrenProps<T extends Element, P extends React.HTMLProps<T>> {\n    children: React.ReactNode;\n    defaultProps: P;\n}\nexport 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)[];\n"],"mappings":""}

package/src/Misc/childrenWithDefaultProps.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.childrenWithDefaultProps = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-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

@@ -1 +0,0 @@
-{"version":3,"file":"childrenWithDefaultProps.js","names":["childrenWithDefaultProps","props","React","Children","map","children","node","isValidElement","console","error","elementChild","cloneElement","defaultProps"],"sources":["childrenWithDefaultProps.ts"],"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"],"mappings":";;;;;;AAmBA;AAA0B;AAAA;AAAA;AAAA;AAOnB,IAAMA,wBAAwB,GAAG,SAA3BA,wBAAwB,CAAsCC,KAA0B;EAAA,OACnGC,iBAAK,CAACC,QAAQ,CAACC,GAAG,CAAmCH,KAAK,CAACI,QAAQ,EAAE,UAAAC,IAAI,EAAI;IAC3E,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;MAC5B,OAAOA,IAAI;IACb;IACA,IAAI,eAACJ,iBAAK,CAACK,cAAc,CAAID,IAAI,CAAC,EAAE;MAClCE,OAAO,CAACC,KAAK,CAAC,kBAAkB,EAAEH,IAAI,CAAC;MACvC,OAAOA,IAAI;IACb;IAEA,IAAMI,YAAmC,GAAGJ,IAAI;IAChD,oBAAOJ,iBAAK,CAACS,YAAY,CAAID,YAAY,kCAAOT,KAAK,CAACW,YAAY,GAAcF,YAAY,CAACT,KAAK,EAAU;EAC9G,CAAC,CAAC;AAAA;AAAC"}