@wireapp/react-ui-kit 8.17.3 → 8.17.4

package/src/Form/RangeInput.styles.js

@@ -1,15 +1,14 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.rangeInputWrapperStyles = exports.getValueLabelStyles = exports.getImageCropZoomInputStyles = exports.ValueLabelPosition = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _Identity = require("../Identity");
 var _util = require("../util");
 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) { (0, _defineProperty2["default"])(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 _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 rangeInputWrapperStyles = {
   position: 'relative',
   marginTop: '19px'
@@ -52,7 +51,7 @@ exports.ValueLabelPosition = ValueLabelPosition;
   ValueLabelPosition["RIGHT"] = "right";
 })(ValueLabelPosition || (exports.ValueLabelPosition = ValueLabelPosition = {}));
 var getValueLabelStyles = function getValueLabelStyles(position) {
-  return (0, _defineProperty2["default"])({
+  return _defineProperty({
     pointerEvents: 'none',
     bottom: '100%',
     fontSize: '16px',

package/src/Form/RangeInput.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"RangeInput.styles.js","names":["rangeInputWrapperStyles","position","marginTop","thumbSelectors","sliderSelectors","getImageCropZoomInputStyles","theme","backgroundSize","display","width","height","background","COLOR_V2","GRAY_60","borderRadius","backgroundImage","general","primaryColor","backgroundRepeat","manySelectors","GRAY_80","cursor","border","boxShadow","ValueLabelPosition","getValueLabelStyles","pointerEvents","bottom","fontSize","fontWeight"],"sources":["RangeInput.styles.ts"],"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\nimport {CSSObject} from '@emotion/react';\nimport {Theme} from '../Layout';\nimport {COLOR_V2} from '../Identity';\nimport {manySelectors} from '../util';\n\nexport const rangeInputWrapperStyles: CSSObject = {\n  position: 'relative',\n  marginTop: '19px',\n};\n\nconst thumbSelectors = ['&::-webkit-slider-thumb', '&::-moz-range-thumb', '&::-ms-thumb'];\nconst sliderSelectors = ['&::-webkit-slider-runnable-track', '&::-moz-range-track', '&::-ms-track'];\n\nexport const getImageCropZoomInputStyles = (theme: Theme, backgroundSize: `${number}% ${number}%`): CSSObject => ({\n  display: 'block',\n  '-webkit-appearance': 'none',\n  width: '100%',\n  height: '8px',\n  background: COLOR_V2.GRAY_60,\n  borderRadius: '4px',\n  backgroundImage: `linear-gradient(${theme.general.primaryColor}, ${theme.general.primaryColor})`,\n  backgroundSize: backgroundSize || '0% 100%',\n  backgroundRepeat: 'no-repeat',\n\n  ...manySelectors(thumbSelectors, {\n    '-webkit-appearance': 'none',\n    height: '18px',\n    width: '18px',\n    borderRadius: '50%',\n    background: COLOR_V2.GRAY_80,\n    cursor: 'pointer',\n    border: 'none',\n    boxShadow: 'none',\n  }),\n\n  ...manySelectors(sliderSelectors, {\n    '-webkit-appearance': 'none',\n    boxShadow: 'none',\n    border: 'none',\n    background: 'transparent',\n  }),\n});\n\nexport enum ValueLabelPosition {\n  LEFT = 'left',\n  RIGHT = 'right',\n}\n\nexport const getValueLabelStyles = (position: ValueLabelPosition): CSSObject => ({\n  pointerEvents: 'none',\n  bottom: '100%',\n  fontSize: '16px',\n  fontWeight: 300,\n  position: 'absolute',\n  [position]: '4px',\n});\n"],"mappings":";;;;;;;;AAqBA;AACA;AAAsC;AAAA;AAE/B,IAAMA,uBAAkC,GAAG;EAChDC,QAAQ,EAAE,UAAU;EACpBC,SAAS,EAAE;AACb,CAAC;AAAC;AAEF,IAAMC,cAAc,GAAG,CAAC,yBAAyB,EAAE,qBAAqB,EAAE,cAAc,CAAC;AACzF,IAAMC,eAAe,GAAG,CAAC,kCAAkC,EAAE,qBAAqB,EAAE,cAAc,CAAC;AAE5F,IAAMC,2BAA2B,GAAG,SAA9BA,2BAA2B,CAAIC,KAAY,EAAEC,cAAuC;EAAA;IAC/FC,OAAO,EAAE,OAAO;IAChB,oBAAoB,EAAE,MAAM;IAC5BC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,KAAK;IACbC,UAAU,EAAEC,kBAAQ,CAACC,OAAO;IAC5BC,YAAY,EAAE,KAAK;IACnBC,eAAe,4BAAqBT,KAAK,CAACU,OAAO,CAACC,YAAY,eAAKX,KAAK,CAACU,OAAO,CAACC,YAAY,MAAG;IAChGV,cAAc,EAAEA,cAAc,IAAI,SAAS;IAC3CW,gBAAgB,EAAE;EAAW,GAE1B,IAAAC,mBAAa,EAAChB,cAAc,EAAE;IAC/B,oBAAoB,EAAE,MAAM;IAC5BO,MAAM,EAAE,MAAM;IACdD,KAAK,EAAE,MAAM;IACbK,YAAY,EAAE,KAAK;IACnBH,UAAU,EAAEC,kBAAQ,CAACQ,OAAO;IAC5BC,MAAM,EAAE,SAAS;IACjBC,MAAM,EAAE,MAAM;IACdC,SAAS,EAAE;EACb,CAAC,CAAC,GAEC,IAAAJ,mBAAa,EAACf,eAAe,EAAE;IAChC,oBAAoB,EAAE,MAAM;IAC5BmB,SAAS,EAAE,MAAM;IACjBD,MAAM,EAAE,MAAM;IACdX,UAAU,EAAE;EACd,CAAC,CAAC;AAAA,CACF;AAAC;AAAA,IAESa,kBAAkB;AAAA;AAAA,WAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;AAAA,GAAlBA,kBAAkB,kCAAlBA,kBAAkB;AAKvB,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAIxB,QAA4B;EAAA;IAC9DyB,aAAa,EAAE,MAAM;IACrBC,MAAM,EAAE,MAAM;IACdC,QAAQ,EAAE,MAAM;IAChBC,UAAU,EAAE,GAAG;IACf5B,QAAQ,EAAE;EAAU,GACnBA,QAAQ,EAAG,KAAK;AAAA,CACjB;AAAC"}
+{"version":3,"file":"RangeInput.styles.js","names":["rangeInputWrapperStyles","position","marginTop","thumbSelectors","sliderSelectors","getImageCropZoomInputStyles","theme","backgroundSize","display","width","height","background","COLOR_V2","GRAY_60","borderRadius","backgroundImage","general","primaryColor","backgroundRepeat","manySelectors","GRAY_80","cursor","border","boxShadow","ValueLabelPosition","getValueLabelStyles","pointerEvents","bottom","fontSize","fontWeight"],"sources":["RangeInput.styles.ts"],"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\nimport {CSSObject} from '@emotion/react';\nimport {Theme} from '../Layout';\nimport {COLOR_V2} from '../Identity';\nimport {manySelectors} from '../util';\n\nexport const rangeInputWrapperStyles: CSSObject = {\n  position: 'relative',\n  marginTop: '19px',\n};\n\nconst thumbSelectors = ['&::-webkit-slider-thumb', '&::-moz-range-thumb', '&::-ms-thumb'];\nconst sliderSelectors = ['&::-webkit-slider-runnable-track', '&::-moz-range-track', '&::-ms-track'];\n\nexport const getImageCropZoomInputStyles = (theme: Theme, backgroundSize: `${number}% ${number}%`): CSSObject => ({\n  display: 'block',\n  '-webkit-appearance': 'none',\n  width: '100%',\n  height: '8px',\n  background: COLOR_V2.GRAY_60,\n  borderRadius: '4px',\n  backgroundImage: `linear-gradient(${theme.general.primaryColor}, ${theme.general.primaryColor})`,\n  backgroundSize: backgroundSize || '0% 100%',\n  backgroundRepeat: 'no-repeat',\n\n  ...manySelectors(thumbSelectors, {\n    '-webkit-appearance': 'none',\n    height: '18px',\n    width: '18px',\n    borderRadius: '50%',\n    background: COLOR_V2.GRAY_80,\n    cursor: 'pointer',\n    border: 'none',\n    boxShadow: 'none',\n  }),\n\n  ...manySelectors(sliderSelectors, {\n    '-webkit-appearance': 'none',\n    boxShadow: 'none',\n    border: 'none',\n    background: 'transparent',\n  }),\n});\n\nexport enum ValueLabelPosition {\n  LEFT = 'left',\n  RIGHT = 'right',\n}\n\nexport const getValueLabelStyles = (position: ValueLabelPosition): CSSObject => ({\n  pointerEvents: 'none',\n  bottom: '100%',\n  fontSize: '16px',\n  fontWeight: 300,\n  position: 'absolute',\n  [position]: '4px',\n});\n"],"mappings":";;;;;;AAqBA;AACA;AAAsC;AAAA;AAAA;AAE/B,IAAMA,uBAAkC,GAAG;EAChDC,QAAQ,EAAE,UAAU;EACpBC,SAAS,EAAE;AACb,CAAC;AAAC;AAEF,IAAMC,cAAc,GAAG,CAAC,yBAAyB,EAAE,qBAAqB,EAAE,cAAc,CAAC;AACzF,IAAMC,eAAe,GAAG,CAAC,kCAAkC,EAAE,qBAAqB,EAAE,cAAc,CAAC;AAE5F,IAAMC,2BAA2B,GAAG,SAA9BA,2BAA2B,CAAIC,KAAY,EAAEC,cAAuC;EAAA;IAC/FC,OAAO,EAAE,OAAO;IAChB,oBAAoB,EAAE,MAAM;IAC5BC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,KAAK;IACbC,UAAU,EAAEC,kBAAQ,CAACC,OAAO;IAC5BC,YAAY,EAAE,KAAK;IACnBC,eAAe,4BAAqBT,KAAK,CAACU,OAAO,CAACC,YAAY,eAAKX,KAAK,CAACU,OAAO,CAACC,YAAY,MAAG;IAChGV,cAAc,EAAEA,cAAc,IAAI,SAAS;IAC3CW,gBAAgB,EAAE;EAAW,GAE1B,IAAAC,mBAAa,EAAChB,cAAc,EAAE;IAC/B,oBAAoB,EAAE,MAAM;IAC5BO,MAAM,EAAE,MAAM;IACdD,KAAK,EAAE,MAAM;IACbK,YAAY,EAAE,KAAK;IACnBH,UAAU,EAAEC,kBAAQ,CAACQ,OAAO;IAC5BC,MAAM,EAAE,SAAS;IACjBC,MAAM,EAAE,MAAM;IACdC,SAAS,EAAE;EACb,CAAC,CAAC,GAEC,IAAAJ,mBAAa,EAACf,eAAe,EAAE;IAChC,oBAAoB,EAAE,MAAM;IAC5BmB,SAAS,EAAE,MAAM;IACjBD,MAAM,EAAE,MAAM;IACdX,UAAU,EAAE;EACd,CAAC,CAAC;AAAA,CACF;AAAC;AAAA,IAESa,kBAAkB;AAAA;AAAA,WAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;AAAA,GAAlBA,kBAAkB,kCAAlBA,kBAAkB;AAKvB,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAIxB,QAA4B;EAAA;IAC9DyB,aAAa,EAAE,MAAM;IACrBC,MAAM,EAAE,MAAM;IACdC,QAAQ,EAAE,MAAM;IAChBC,UAAU,EAAE,GAAG;IACf5B,QAAQ,EAAE;EAAU,GACnBA,QAAQ,EAAG,KAAK;AAAA,CACjB;AAAC"}

package/src/Form/RoundIconButton.js

@@ -1,21 +1,22 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.roundIconButtonStyle = exports.RoundIconButton = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _react2 = _interopRequireDefault(require("react"));
 var _Identity = require("../Identity");
 var _Misc = require("../Misc/");
 var _Button = require("./Button");
 var _excluded = ["children"];
+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 _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; }
 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) { (0, _defineProperty2["default"])(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 _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 roundIconButtonStyle = function roundIconButtonStyle(theme, props) {
   return _objectSpread(_objectSpread({}, (0, _Button.buttonStyle)(theme, props)), {}, {
     alignItems: 'center',
@@ -33,8 +34,8 @@ var roundIconButtonStyle = function roundIconButtonStyle(theme, props) {
 exports.roundIconButtonStyle = roundIconButtonStyle;
 var RoundIconButton = function RoundIconButton(_ref) {
   var children = _ref.children,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return (0, _react.jsx)("button", (0, _extends2["default"])({
+    props = _objectWithoutProperties(_ref, _excluded);
+  return (0, _react.jsx)("button", _extends({
     css: function css(theme) {
       return roundIconButtonStyle(theme, props);
     }

package/src/Form/RoundIconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoundIconButton.js","names":["roundIconButtonStyle","theme","props","buttonStyle","alignItems","borderRadius","display","height","size","justifyContent","lineHeight","margin","minWidth","padding","width","RoundIconButton","children","filterButtonProps","childrenWithDefaultProps","defaultProps","color","COLOR","WHITE","backgroundColor","BLUE"],"sources":["RoundIconButton.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} from '@emotion/react';\nimport React from 'react';\n\nimport {SVGIconProps} from '../Icon/SVGIcon';\nimport {COLOR} from '../Identity';\nimport {Theme} from '../Layout';\nimport {childrenWithDefaultProps} from '../Misc/';\nimport {ButtonProps, buttonStyle, filterButtonProps} from './Button';\n\nexport interface RoundIconButtonProps<T = HTMLButtonElement> extends ButtonProps<T> {}\n\nexport const roundIconButtonStyle: <T>(theme: Theme, props: RoundIconButtonProps<T>) => CSSObject = (theme, props) => ({\n  ...buttonStyle(theme, props),\n  alignItems: 'center',\n  borderRadius: '50%',\n  display: 'flex',\n  height: `${props.size}px`,\n  justifyContent: 'center',\n  lineHeight: 'initial',\n  margin: '0 auto',\n  minWidth: `${props.size}px`,\n  padding: 0,\n  width: `${props.size}px`,\n});\n\nexport const RoundIconButton: React.FC<RoundIconButtonProps> = ({children, ...props}) => (\n  <button css={(theme: Theme) => roundIconButtonStyle(theme, props)} {...filterButtonProps(props)}>\n    {childrenWithDefaultProps<SVGSVGElement, SVGIconProps>({children, defaultProps: {color: COLOR.WHITE}})}\n  </button>\n);\n\nRoundIconButton.defaultProps = {\n  backgroundColor: COLOR.BLUE,\n  size: 32,\n};\n"],"mappings":";;;;;;;;;;AAoBA;AACA;AAGA;AAEA;AACA;AAAqE;AAAA;AAAA;AAI9D,IAAMA,oBAAoF,GAAG,SAAvFA,oBAAoF,CAAIC,KAAK,EAAEC,KAAK;EAAA,uCAC5G,IAAAC,mBAAW,EAACF,KAAK,EAAEC,KAAK,CAAC;IAC5BE,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAE,KAAK;IACnBC,OAAO,EAAE,MAAM;IACfC,MAAM,YAAKL,KAAK,CAACM,IAAI,OAAI;IACzBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,SAAS;IACrBC,MAAM,EAAE,QAAQ;IAChBC,QAAQ,YAAKV,KAAK,CAACM,IAAI,OAAI;IAC3BK,OAAO,EAAE,CAAC;IACVC,KAAK,YAAKZ,KAAK,CAACM,IAAI;EAAI;AAAA,CACxB;AAAC;AAEI,IAAMO,eAA+C,GAAG,SAAlDA,eAA+C;EAAA,IAAKC,QAAQ,QAARA,QAAQ;IAAKd,KAAK;EAAA,OACjF;IAAQ,GAAG,EAAE,aAACD,KAAY;MAAA,OAAKD,oBAAoB,CAACC,KAAK,EAAEC,KAAK,CAAC;IAAA;EAAC,GAAK,IAAAe,yBAAiB,EAACf,KAAK,CAAC,GAC5F,IAAAgB,8BAAwB,EAA8B;IAACF,QAAQ,EAARA,QAAQ;IAAEG,YAAY,EAAE;MAACC,KAAK,EAAEC,eAAK,CAACC;IAAK;EAAC,CAAC,CAAC,CAC/F;AAAA,CACV;AAAC;AAEFP,eAAe,CAACI,YAAY,GAAG;EAC7BI,eAAe,EAAEF,eAAK,CAACG,IAAI;EAC3BhB,IAAI,EAAE;AACR,CAAC"}
+{"version":3,"file":"RoundIconButton.js","names":["roundIconButtonStyle","theme","props","buttonStyle","alignItems","borderRadius","display","height","size","justifyContent","lineHeight","margin","minWidth","padding","width","RoundIconButton","children","filterButtonProps","childrenWithDefaultProps","defaultProps","color","COLOR","WHITE","backgroundColor","BLUE"],"sources":["RoundIconButton.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} from '@emotion/react';\nimport React from 'react';\n\nimport {SVGIconProps} from '../Icon/SVGIcon';\nimport {COLOR} from '../Identity';\nimport {Theme} from '../Layout';\nimport {childrenWithDefaultProps} from '../Misc/';\nimport {ButtonProps, buttonStyle, filterButtonProps} from './Button';\n\nexport interface RoundIconButtonProps<T = HTMLButtonElement> extends ButtonProps<T> {}\n\nexport const roundIconButtonStyle: <T>(theme: Theme, props: RoundIconButtonProps<T>) => CSSObject = (theme, props) => ({\n  ...buttonStyle(theme, props),\n  alignItems: 'center',\n  borderRadius: '50%',\n  display: 'flex',\n  height: `${props.size}px`,\n  justifyContent: 'center',\n  lineHeight: 'initial',\n  margin: '0 auto',\n  minWidth: `${props.size}px`,\n  padding: 0,\n  width: `${props.size}px`,\n});\n\nexport const RoundIconButton: React.FC<RoundIconButtonProps> = ({children, ...props}) => (\n  <button css={(theme: Theme) => roundIconButtonStyle(theme, props)} {...filterButtonProps(props)}>\n    {childrenWithDefaultProps<SVGSVGElement, SVGIconProps>({children, defaultProps: {color: COLOR.WHITE}})}\n  </button>\n);\n\nRoundIconButton.defaultProps = {\n  backgroundColor: COLOR.BLUE,\n  size: 32,\n};\n"],"mappings":";;;;;;AAoBA;AACA;AAGA;AAEA;AACA;AAAqE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAI9D,IAAMA,oBAAoF,GAAG,SAAvFA,oBAAoF,CAAIC,KAAK,EAAEC,KAAK;EAAA,uCAC5G,IAAAC,mBAAW,EAACF,KAAK,EAAEC,KAAK,CAAC;IAC5BE,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAE,KAAK;IACnBC,OAAO,EAAE,MAAM;IACfC,MAAM,YAAKL,KAAK,CAACM,IAAI,OAAI;IACzBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,SAAS;IACrBC,MAAM,EAAE,QAAQ;IAChBC,QAAQ,YAAKV,KAAK,CAACM,IAAI,OAAI;IAC3BK,OAAO,EAAE,CAAC;IACVC,KAAK,YAAKZ,KAAK,CAACM,IAAI;EAAI;AAAA,CACxB;AAAC;AAEI,IAAMO,eAA+C,GAAG,SAAlDA,eAA+C;EAAA,IAAKC,QAAQ,QAARA,QAAQ;IAAKd,KAAK;EAAA,OACjF;IAAQ,GAAG,EAAE,aAACD,KAAY;MAAA,OAAKD,oBAAoB,CAACC,KAAK,EAAEC,KAAK,CAAC;IAAA;EAAC,GAAK,IAAAe,yBAAiB,EAACf,KAAK,CAAC,GAC5F,IAAAgB,8BAAwB,EAA8B;IAACF,QAAQ,EAARA,QAAQ;IAAEG,YAAY,EAAE;MAACC,KAAK,EAAEC,eAAK,CAACC;IAAK;EAAC,CAAC,CAAC,CAC/F;AAAA,CACV;AAAC;AAEFP,eAAe,CAACI,YAAY,GAAG;EAC7BI,eAAe,EAAEF,eAAK,CAACG,IAAI;EAC3BhB,IAAI,EAAE;AACR,CAAC"}

package/src/Form/Select.js

@@ -1,13 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Select = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = require("@emotion/react");
 var _react2 = _interopRequireDefault(require("react"));
 var _reactSelect = _interopRequireDefault(require("react-select"));
@@ -15,8 +11,13 @@ var _SelectStyles = require("./SelectStyles");
 var _SelectComponents = require("./SelectComponents");
 var _InputLabel = _interopRequireDefault(require("./InputLabel"));
 var _excluded = ["id", "label", "error", "helperText", "disabled", "dataUieName", "options", "isMulti", "wrapperCSS", "markInvalid", "required"];
+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 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) { (0, _defineProperty2["default"])(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 _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; }
+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 Select = function Select(_ref) {
   var id = _ref.id,
     label = _ref.label,
@@ -33,7 +34,7 @@ var Select = function Select(_ref) {
     markInvalid = _ref$markInvalid === void 0 ? false : _ref$markInvalid,
     _ref$required = _ref.required,
     required = _ref$required === void 0 ? false : _ref$required,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+    props = _objectWithoutProperties(_ref, _excluded);
   var theme = (0, _react.useTheme)();
   var hasError = !!error;
   return (0, _react.jsx)("div", {
@@ -51,7 +52,7 @@ var Select = function Select(_ref) {
     htmlFor: id,
     markInvalid: markInvalid,
     isRequired: required
-  }, label), (0, _react.jsx)(_reactSelect["default"], (0, _extends2["default"])({
+  }, label), (0, _react.jsx)(_reactSelect["default"], _extends({
     id: id,
     styles: (0, _SelectStyles.customStyles)(theme, markInvalid),
     components: {

package/src/Form/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","names":["Select","id","label","error","helperText","disabled","dataUieName","options","isMulti","wrapperCSS","markInvalid","required","props","theme","useTheme","hasError","marginBottom","width","color","general","primaryColor","customStyles","SelectContainer","DropdownIndicator","Option","CustomOption","Menu","ValueContainer","IndicatorsContainer","fontSize","fontWeight","Input","labelColor","marginTop"],"sources":["Select.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} from '@emotion/react';\nimport {useTheme} from '@emotion/react';\nimport React, {ReactElement} from 'react';\nimport ReactSelect from 'react-select';\nimport {StylesConfig} from 'react-select/dist/declarations/src/styles';\nimport {StateManagerProps} from 'react-select/dist/declarations/src/useStateManager';\n\nimport {customStyles} from './SelectStyles';\nimport {\n  CustomOption,\n  DropdownIndicator,\n  IndicatorsContainer,\n  Menu,\n  SelectContainer,\n  ValueContainer,\n} from './SelectComponents';\nimport {Theme} from '../Layout';\nimport InputLabel from './InputLabel';\n\nexport type Option = {\n  value: string | number;\n  label: string;\n  description?: string;\n  isDisabled?: boolean;\n};\n\ninterface SelectProps<IsMulti extends boolean> extends StateManagerProps<Option, IsMulti> {\n  id: string;\n  disabled?: boolean;\n  dataUieName: string;\n  options: Option[];\n  wrapperCSS?: CSSObject;\n  label?: string;\n  helperText?: string;\n  error?: ReactElement;\n  markInvalid?: boolean;\n  required?: boolean;\n  isMulti?: IsMulti;\n}\n\nexport const Select = <IsMulti extends boolean = false>({\n  id,\n  label,\n  error,\n  helperText,\n  disabled = false,\n  dataUieName,\n  options,\n  isMulti,\n  wrapperCSS = {},\n  markInvalid = false,\n  required = false,\n  ...props\n}: SelectProps<IsMulti>) => {\n  const theme = useTheme();\n  const hasError = !!error;\n\n  return (\n    <div\n      css={(theme: Theme) => ({\n        marginBottom: markInvalid ? '2px' : '20px',\n        width: '100%',\n        '&:focus-within label': {\n          color: theme.general.primaryColor,\n        },\n        ...wrapperCSS,\n      })}\n      data-uie-name={dataUieName}\n    >\n      {label && (\n        <InputLabel htmlFor={id} markInvalid={markInvalid} isRequired={required}>\n          {label}\n        </InputLabel>\n      )}\n\n      <ReactSelect\n        id={id}\n        styles={customStyles(theme as Theme, markInvalid) as StylesConfig}\n        components={{\n          SelectContainer,\n          DropdownIndicator,\n          Option: CustomOption(dataUieName),\n          Menu: Menu(dataUieName),\n          ValueContainer,\n          IndicatorsContainer,\n        }}\n        tabIndex={-1}\n        isDisabled={disabled}\n        hideSelectedOptions={false}\n        isSearchable={false}\n        isClearable={false}\n        closeMenuOnSelect={!isMulti}\n        isMulti={isMulti}\n        options={options}\n        {...props}\n      />\n\n      {!hasError && helperText && (\n        <p css={(theme: Theme) => ({fontSize: '12px', fontWeight: 400, color: theme.Input.labelColor, marginTop: 8})}>\n          {helperText}\n        </p>\n      )}\n\n      {error}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;AAoBA;AAEA;AACA;AAIA;AACA;AASA;AAAsC;AAAA;AAAA;AAuB/B,IAAMA,MAAM,GAAG,SAATA,MAAM,OAaS;EAAA,IAZ1BC,EAAE,QAAFA,EAAE;IACFC,KAAK,QAALA,KAAK;IACLC,KAAK,QAALA,KAAK;IACLC,UAAU,QAAVA,UAAU;IAAA,qBACVC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAChBC,WAAW,QAAXA,WAAW;IACXC,OAAO,QAAPA,OAAO;IACPC,OAAO,QAAPA,OAAO;IAAA,uBACPC,UAAU;IAAVA,UAAU,gCAAG,CAAC,CAAC;IAAA,wBACfC,WAAW;IAAXA,WAAW,iCAAG,KAAK;IAAA,qBACnBC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IACbC,KAAK;EAER,IAAMC,KAAK,GAAG,IAAAC,eAAQ,GAAE;EACxB,IAAMC,QAAQ,GAAG,CAAC,CAACZ,KAAK;EAExB,OACE;IACE,GAAG,EAAE,aAACU,KAAY;MAAA;QAChBG,YAAY,EAAEN,WAAW,GAAG,KAAK,GAAG,MAAM;QAC1CO,KAAK,EAAE,MAAM;QACb,sBAAsB,EAAE;UACtBC,KAAK,EAAEL,KAAK,CAACM,OAAO,CAACC;QACvB;MAAC,GACEX,UAAU;IAAA,CACZ;IACH,iBAAeH;EAAY,GAE1BJ,KAAK,IACJ,gBAAC,sBAAU;IAAC,OAAO,EAAED,EAAG;IAAC,WAAW,EAAES,WAAY;IAAC,UAAU,EAAEC;EAAS,GACrET,KAAK,CAET,EAED,gBAAC,uBAAW;IACV,EAAE,EAAED,EAAG;IACP,MAAM,EAAE,IAAAoB,0BAAY,EAACR,KAAK,EAAWH,WAAW,CAAkB;IAClE,UAAU,EAAE;MACVY,eAAe,EAAfA,iCAAe;MACfC,iBAAiB,EAAjBA,mCAAiB;MACjBC,MAAM,EAAE,IAAAC,8BAAY,EAACnB,WAAW,CAAC;MACjCoB,IAAI,EAAE,IAAAA,sBAAI,EAACpB,WAAW,CAAC;MACvBqB,cAAc,EAAdA,gCAAc;MACdC,mBAAmB,EAAnBA;IACF,CAAE;IACF,QAAQ,EAAE,CAAC,CAAE;IACb,UAAU,EAAEvB,QAAS;IACrB,mBAAmB,EAAE,KAAM;IAC3B,YAAY,EAAE,KAAM;IACpB,WAAW,EAAE,KAAM;IACnB,iBAAiB,EAAE,CAACG,OAAQ;IAC5B,OAAO,EAAEA,OAAQ;IACjB,OAAO,EAAED;EAAQ,GACbK,KAAK,EACT,EAED,CAACG,QAAQ,IAAIX,UAAU,IACtB;IAAG,GAAG,EAAE,aAACS,KAAY;MAAA,OAAM;QAACgB,QAAQ,EAAE,MAAM;QAAEC,UAAU,EAAE,GAAG;QAAEZ,KAAK,EAAEL,KAAK,CAACkB,KAAK,CAACC,UAAU;QAAEC,SAAS,EAAE;MAAC,CAAC;IAAA;EAAE,GAC1G7B,UAAU,CAEd,EAEAD,KAAK,CACF;AAEV,CAAC;AAAC"}
+{"version":3,"file":"Select.js","names":["Select","id","label","error","helperText","disabled","dataUieName","options","isMulti","wrapperCSS","markInvalid","required","props","theme","useTheme","hasError","marginBottom","width","color","general","primaryColor","customStyles","SelectContainer","DropdownIndicator","Option","CustomOption","Menu","ValueContainer","IndicatorsContainer","fontSize","fontWeight","Input","labelColor","marginTop"],"sources":["Select.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} from '@emotion/react';\nimport {useTheme} from '@emotion/react';\nimport React, {ReactElement} from 'react';\nimport ReactSelect from 'react-select';\nimport {StylesConfig} from 'react-select/dist/declarations/src/styles';\nimport {StateManagerProps} from 'react-select/dist/declarations/src/useStateManager';\n\nimport {customStyles} from './SelectStyles';\nimport {\n  CustomOption,\n  DropdownIndicator,\n  IndicatorsContainer,\n  Menu,\n  SelectContainer,\n  ValueContainer,\n} from './SelectComponents';\nimport {Theme} from '../Layout';\nimport InputLabel from './InputLabel';\n\nexport type Option = {\n  value: string | number;\n  label: string;\n  description?: string;\n  isDisabled?: boolean;\n};\n\ninterface SelectProps<IsMulti extends boolean> extends StateManagerProps<Option, IsMulti> {\n  id: string;\n  disabled?: boolean;\n  dataUieName: string;\n  options: Option[];\n  wrapperCSS?: CSSObject;\n  label?: string;\n  helperText?: string;\n  error?: ReactElement;\n  markInvalid?: boolean;\n  required?: boolean;\n  isMulti?: IsMulti;\n}\n\nexport const Select = <IsMulti extends boolean = false>({\n  id,\n  label,\n  error,\n  helperText,\n  disabled = false,\n  dataUieName,\n  options,\n  isMulti,\n  wrapperCSS = {},\n  markInvalid = false,\n  required = false,\n  ...props\n}: SelectProps<IsMulti>) => {\n  const theme = useTheme();\n  const hasError = !!error;\n\n  return (\n    <div\n      css={(theme: Theme) => ({\n        marginBottom: markInvalid ? '2px' : '20px',\n        width: '100%',\n        '&:focus-within label': {\n          color: theme.general.primaryColor,\n        },\n        ...wrapperCSS,\n      })}\n      data-uie-name={dataUieName}\n    >\n      {label && (\n        <InputLabel htmlFor={id} markInvalid={markInvalid} isRequired={required}>\n          {label}\n        </InputLabel>\n      )}\n\n      <ReactSelect\n        id={id}\n        styles={customStyles(theme as Theme, markInvalid) as StylesConfig}\n        components={{\n          SelectContainer,\n          DropdownIndicator,\n          Option: CustomOption(dataUieName),\n          Menu: Menu(dataUieName),\n          ValueContainer,\n          IndicatorsContainer,\n        }}\n        tabIndex={-1}\n        isDisabled={disabled}\n        hideSelectedOptions={false}\n        isSearchable={false}\n        isClearable={false}\n        closeMenuOnSelect={!isMulti}\n        isMulti={isMulti}\n        options={options}\n        {...props}\n      />\n\n      {!hasError && helperText && (\n        <p css={(theme: Theme) => ({fontSize: '12px', fontWeight: 400, color: theme.Input.labelColor, marginTop: 8})}>\n          {helperText}\n        </p>\n      )}\n\n      {error}\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAoBA;AAEA;AACA;AAIA;AACA;AASA;AAAsC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuB/B,IAAMA,MAAM,GAAG,SAATA,MAAM,OAaS;EAAA,IAZ1BC,EAAE,QAAFA,EAAE;IACFC,KAAK,QAALA,KAAK;IACLC,KAAK,QAALA,KAAK;IACLC,UAAU,QAAVA,UAAU;IAAA,qBACVC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAChBC,WAAW,QAAXA,WAAW;IACXC,OAAO,QAAPA,OAAO;IACPC,OAAO,QAAPA,OAAO;IAAA,uBACPC,UAAU;IAAVA,UAAU,gCAAG,CAAC,CAAC;IAAA,wBACfC,WAAW;IAAXA,WAAW,iCAAG,KAAK;IAAA,qBACnBC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IACbC,KAAK;EAER,IAAMC,KAAK,GAAG,IAAAC,eAAQ,GAAE;EACxB,IAAMC,QAAQ,GAAG,CAAC,CAACZ,KAAK;EAExB,OACE;IACE,GAAG,EAAE,aAACU,KAAY;MAAA;QAChBG,YAAY,EAAEN,WAAW,GAAG,KAAK,GAAG,MAAM;QAC1CO,KAAK,EAAE,MAAM;QACb,sBAAsB,EAAE;UACtBC,KAAK,EAAEL,KAAK,CAACM,OAAO,CAACC;QACvB;MAAC,GACEX,UAAU;IAAA,CACZ;IACH,iBAAeH;EAAY,GAE1BJ,KAAK,IACJ,gBAAC,sBAAU;IAAC,OAAO,EAAED,EAAG;IAAC,WAAW,EAAES,WAAY;IAAC,UAAU,EAAEC;EAAS,GACrET,KAAK,CAET,EAED,gBAAC,uBAAW;IACV,EAAE,EAAED,EAAG;IACP,MAAM,EAAE,IAAAoB,0BAAY,EAACR,KAAK,EAAWH,WAAW,CAAkB;IAClE,UAAU,EAAE;MACVY,eAAe,EAAfA,iCAAe;MACfC,iBAAiB,EAAjBA,mCAAiB;MACjBC,MAAM,EAAE,IAAAC,8BAAY,EAACnB,WAAW,CAAC;MACjCoB,IAAI,EAAE,IAAAA,sBAAI,EAACpB,WAAW,CAAC;MACvBqB,cAAc,EAAdA,gCAAc;MACdC,mBAAmB,EAAnBA;IACF,CAAE;IACF,QAAQ,EAAE,CAAC,CAAE;IACb,UAAU,EAAEvB,QAAS;IACrB,mBAAmB,EAAE,KAAM;IAC3B,YAAY,EAAE,KAAM;IACpB,WAAW,EAAE,KAAM;IACnB,iBAAiB,EAAE,CAACG,OAAQ;IAC5B,OAAO,EAAEA,OAAQ;IACjB,OAAO,EAAED;EAAQ,GACbK,KAAK,EACT,EAED,CAACG,QAAQ,IAAIX,UAAU,IACtB;IAAG,GAAG,EAAE,aAACS,KAAY;MAAA,OAAM;QAACgB,QAAQ,EAAE,MAAM;QAAEC,UAAU,EAAE,GAAG;QAAEZ,KAAK,EAAEL,KAAK,CAACkB,KAAK,CAACC,UAAU;QAAEC,SAAS,EAAE;MAAC,CAAC;IAAA;EAAE,GAC1G7B,UAAU,CAEd,EAEAD,KAAK,CACF;AAEV,CAAC;AAAC"}

package/src/Form/SelectComponents.js

@@ -1,22 +1,23 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.renderValue = exports.ValueContainer = exports.SelectContainer = exports.Menu = exports.IndicatorsContainer = exports.DropdownIndicator = exports.CustomOption = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _react2 = _interopRequireDefault(require("react"));
 var _reactSelect = require("react-select");
 var _ArrowDown = require("../Icon/ArrowDown");
 var _excluded = ["children"],
   _excluded2 = ["children"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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; }
+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 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) { (0, _defineProperty2["default"])(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 _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; }
 // SelectContainer
 var SelectContainer = function SelectContainer(props) {
   return (0, _react.jsx)(_reactSelect.components.SelectContainer, props, (0, _react.jsx)("div", {
@@ -65,7 +66,7 @@ var CustomOption = function CustomOption(dataUieName) {
       isMulti = props.isMulti,
       isSelected = props.isSelected,
       options = props.options;
-    return (0, _react.jsx)(_reactSelect.components.Option, props, (0, _react.jsx)("div", (0, _extends2["default"])({
+    return (0, _react.jsx)(_reactSelect.components.Option, props, (0, _react.jsx)("div", _extends({
       css: /*#__PURE__*/(0, _react.css)(_objectSpread({}, isMulti && {
         display: 'grid',
         gridTemplateAreas: "\"checkbox label\"\n                                \". description\"",
@@ -133,7 +134,7 @@ var renderValue = function renderValue(value) {
 exports.renderValue = renderValue;
 var ValueContainer = function ValueContainer(_ref4) {
   var children = _ref4.children,
-    restProps = (0, _objectWithoutProperties2["default"])(_ref4, _excluded);
+    restProps = _objectWithoutProperties(_ref4, _excluded);
   return (0, _react.jsx)(_reactSelect.components.ValueContainer, restProps, renderValue(children[0]), " ", children[1]);
 };
 exports.ValueContainer = ValueContainer;
@@ -148,7 +149,7 @@ var _ref6 = process.env.NODE_ENV === "production" ? {
 };
 var IndicatorsContainer = function IndicatorsContainer(_ref5) {
   var children = _ref5.children,
-    restProps = (0, _objectWithoutProperties2["default"])(_ref5, _excluded2);
+    restProps = _objectWithoutProperties(_ref5, _excluded2);
   var value = restProps.getValue();
   var displaySelectedOptionsCount = Array.isArray(value) && value.length > 1;
   return (0, _react.jsx)(_reactSelect.components.IndicatorsContainer, restProps, displaySelectedOptionsCount && (0, _react.jsx)("div", {

package/src/Form/SelectComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectComponents.js","names":["SelectContainer","props","children","DropdownIndicator","menuIsOpen","selectProps","transform","marginTop","CustomOption","dataUieName","data","isFocused","isMulti","isSelected","options","display","gridTemplateAreas","gridTemplateColumns","columnGap","find","option","label","value","description","theme","marginBottom","fontSize","color","Select","focusedDescriptionColor","Input","labelColor","gridArea","Menu","renderValue","Array","isArray","currentValue","i","ValueContainer","restProps","IndicatorsContainer","getValue","displaySelectedOptionsCount","length"],"sources":["SelectComponents.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 {jsx} from '@emotion/react';\nimport React from 'react';\nimport {components, OptionProps, ValueContainerProps} from 'react-select';\nimport {MenuProps} from 'react-select/dist/declarations/src/components/Menu';\nimport {IndicatorsContainerProps} from 'react-select/dist/declarations/src/components/containers';\n\nimport {Theme} from '../Layout';\nimport {Option} from './Select';\nimport {ArrowDown} from '../Icon/ArrowDown';\n// SelectContainer\nexport const SelectContainer = props => {\n  return (\n    <components.SelectContainer {...props}>\n      <div tabIndex={0}>{props.children}</div>\n    </components.SelectContainer>\n  );\n};\n\nexport const DropdownIndicator = props => {\n  const {menuIsOpen} = props.selectProps;\n\n  return (\n    <components.DropdownIndicator {...props}>\n      {/* MarginTop for center arrow */}\n      <ArrowDown css={{...(menuIsOpen ? {transform: 'rotateX(180deg)', marginTop: 2} : {marginTop: 4})}} />\n    </components.DropdownIndicator>\n  );\n};\n\n// eslint-disable-next-line react/display-name\nexport const CustomOption = (dataUieName: string) => (props: OptionProps<Option>) => {\n  const {children, data, isFocused, isMulti, isSelected, options} = props;\n\n  return (\n    <components.Option {...props}>\n      <div\n        css={{\n          ...(isMulti && {\n            display: 'grid',\n            gridTemplateAreas: `\"checkbox label\"\n                                \". description\"`,\n            gridTemplateColumns: '22px 1fr',\n            columnGap: '10px',\n          }),\n        }}\n        {...(dataUieName && {\n          'data-uie-name': `option-${dataUieName}`,\n          'data-uie-value': (options as Option[]).find(option => option.label === children)?.value,\n        })}\n      >\n        {isMulti && (\n          <input\n            type=\"checkbox\"\n            checked={isSelected}\n            onChange={() => null}\n            css={{gridArea: 'checkbox', width: 22, height: 22, cursor: 'pointer', placeSelf: 'center'}}\n          />\n        )}\n\n        <div css={{gridArea: 'label', overflowWrap: 'break-word', overflow: 'hidden'}}>{children}</div>\n\n        {data && data.description && (\n          <p\n            css={(theme: Theme) => ({\n              marginBottom: 0,\n              fontSize: '14px',\n              color: isSelected ? theme.Select.focusedDescriptionColor : theme.Input.labelColor,\n              gridArea: 'description',\n            })}\n          >\n            {data.description}\n          </p>\n        )}\n      </div>\n    </components.Option>\n  );\n};\n\n// eslint-disable-next-line react/display-name\nexport const Menu = (dataUieName: string) => (props: MenuProps) => {\n  const {children} = props;\n\n  return (\n    <components.Menu {...props}>\n      <div\n        {...(dataUieName && {\n          'data-uie-name': `dropdown-${dataUieName}`,\n        })}\n      >\n        {children}\n      </div>\n    </components.Menu>\n  );\n};\n\nexport const renderValue = value => {\n  if (Array.isArray(value)) {\n    const currentValue = (i: number) => value[i].props.children;\n\n    return (\n      <div\n        css={{\n          whiteSpace: 'nowrap',\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n          minWidth: 0,\n          paddingRight: 14,\n          gridArea: '1/1/2/3',\n        }}\n      >\n        {currentValue(0)}\n      </div>\n    );\n  }\n\n  return value;\n};\n\nexport const ValueContainer = ({children, ...restProps}: ValueContainerProps<Option>) => (\n  <components.ValueContainer {...restProps}>\n    {renderValue(children[0])} {children[1]}\n  </components.ValueContainer>\n);\n\nexport const IndicatorsContainer = ({children, ...restProps}: IndicatorsContainerProps<Option>) => {\n  const value = restProps.getValue();\n  const displaySelectedOptionsCount = Array.isArray(value) && value.length > 1;\n\n  return (\n    <components.IndicatorsContainer {...restProps}>\n      {displaySelectedOptionsCount && <div css={{fontWeight: 600}}>(+{value.length - 1})</div>}\n\n      {children}\n    </components.IndicatorsContainer>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"SelectComponents.js","names":["SelectContainer","props","children","DropdownIndicator","menuIsOpen","selectProps","transform","marginTop","CustomOption","dataUieName","data","isFocused","isMulti","isSelected","options","display","gridTemplateAreas","gridTemplateColumns","columnGap","find","option","label","value","description","theme","marginBottom","fontSize","color","Select","focusedDescriptionColor","Input","labelColor","gridArea","Menu","renderValue","Array","isArray","currentValue","i","ValueContainer","restProps","IndicatorsContainer","getValue","displaySelectedOptionsCount","length"],"sources":["SelectComponents.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 {jsx} from '@emotion/react';\nimport React from 'react';\nimport {components, OptionProps, ValueContainerProps} from 'react-select';\nimport {MenuProps} from 'react-select/dist/declarations/src/components/Menu';\nimport {IndicatorsContainerProps} from 'react-select/dist/declarations/src/components/containers';\n\nimport {Theme} from '../Layout';\nimport {Option} from './Select';\nimport {ArrowDown} from '../Icon/ArrowDown';\n// SelectContainer\nexport const SelectContainer = props => {\n  return (\n    <components.SelectContainer {...props}>\n      <div tabIndex={0}>{props.children}</div>\n    </components.SelectContainer>\n  );\n};\n\nexport const DropdownIndicator = props => {\n  const {menuIsOpen} = props.selectProps;\n\n  return (\n    <components.DropdownIndicator {...props}>\n      {/* MarginTop for center arrow */}\n      <ArrowDown css={{...(menuIsOpen ? {transform: 'rotateX(180deg)', marginTop: 2} : {marginTop: 4})}} />\n    </components.DropdownIndicator>\n  );\n};\n\n// eslint-disable-next-line react/display-name\nexport const CustomOption = (dataUieName: string) => (props: OptionProps<Option>) => {\n  const {children, data, isFocused, isMulti, isSelected, options} = props;\n\n  return (\n    <components.Option {...props}>\n      <div\n        css={{\n          ...(isMulti && {\n            display: 'grid',\n            gridTemplateAreas: `\"checkbox label\"\n                                \". description\"`,\n            gridTemplateColumns: '22px 1fr',\n            columnGap: '10px',\n          }),\n        }}\n        {...(dataUieName && {\n          'data-uie-name': `option-${dataUieName}`,\n          'data-uie-value': (options as Option[]).find(option => option.label === children)?.value,\n        })}\n      >\n        {isMulti && (\n          <input\n            type=\"checkbox\"\n            checked={isSelected}\n            onChange={() => null}\n            css={{gridArea: 'checkbox', width: 22, height: 22, cursor: 'pointer', placeSelf: 'center'}}\n          />\n        )}\n\n        <div css={{gridArea: 'label', overflowWrap: 'break-word', overflow: 'hidden'}}>{children}</div>\n\n        {data && data.description && (\n          <p\n            css={(theme: Theme) => ({\n              marginBottom: 0,\n              fontSize: '14px',\n              color: isSelected ? theme.Select.focusedDescriptionColor : theme.Input.labelColor,\n              gridArea: 'description',\n            })}\n          >\n            {data.description}\n          </p>\n        )}\n      </div>\n    </components.Option>\n  );\n};\n\n// eslint-disable-next-line react/display-name\nexport const Menu = (dataUieName: string) => (props: MenuProps) => {\n  const {children} = props;\n\n  return (\n    <components.Menu {...props}>\n      <div\n        {...(dataUieName && {\n          'data-uie-name': `dropdown-${dataUieName}`,\n        })}\n      >\n        {children}\n      </div>\n    </components.Menu>\n  );\n};\n\nexport const renderValue = value => {\n  if (Array.isArray(value)) {\n    const currentValue = (i: number) => value[i].props.children;\n\n    return (\n      <div\n        css={{\n          whiteSpace: 'nowrap',\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n          minWidth: 0,\n          paddingRight: 14,\n          gridArea: '1/1/2/3',\n        }}\n      >\n        {currentValue(0)}\n      </div>\n    );\n  }\n\n  return value;\n};\n\nexport const ValueContainer = ({children, ...restProps}: ValueContainerProps<Option>) => (\n  <components.ValueContainer {...restProps}>\n    {renderValue(children[0])} {children[1]}\n  </components.ValueContainer>\n);\n\nexport const IndicatorsContainer = ({children, ...restProps}: IndicatorsContainerProps<Option>) => {\n  const value = restProps.getValue();\n  const displaySelectedOptionsCount = Array.isArray(value) && value.length > 1;\n\n  return (\n    <components.IndicatorsContainer {...restProps}>\n      {displaySelectedOptionsCount && <div css={{fontWeight: 600}}>(+{value.length - 1})</div>}\n\n      {children}\n    </components.IndicatorsContainer>\n  );\n};\n"],"mappings":"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"}

package/src/Form/SelectStyles.js

@@ -1,14 +1,13 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.customStyles = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _Input = require("./Input");
 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) { (0, _defineProperty2["default"])(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 _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 customStyles = function customStyles(theme) {
   var markInvalid = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   return {

package/src/Form/SelectStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectStyles.js","names":["customStyles","theme","markInvalid","indicatorSeparator","display","indicatorsContainer","provided","container","isDisabled","selectProps","menuIsOpen","isSelectDisabled","inputStyle","disabled","padding","height","minHeight","color","textShadow","position","backgroundColor","Input","backgroundColorDisabled","Select","disabledColor","cursor","boxShadow","general","dangerColor","primaryColor","control","alignItems","appearance","dropdownIndicator","fill","placeholderColor","menu","borderRadius","marginBottom","marginTop","overflowY","menuList","paddingBottom","paddingTop","option","isMulti","isFocused","isSelected","fontSize","fontWeight","lineHeight","background","borderColor","contrastTextColor","selectedActiveBg","contrastColor","optionHoverBg","borderBottom","valueContainer","width","singleValue"],"sources":["SelectStyles.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\nimport {Theme} from '../Layout';\nimport {inputStyle} from './Input';\n\nexport const customStyles = (theme: Theme, markInvalid = false) => ({\n  indicatorSeparator: () => ({\n    display: 'none',\n  }),\n  indicatorsContainer: provided => ({\n    ...provided,\n  }),\n  container: (provided, {isDisabled, selectProps}) => {\n    const {menuIsOpen} = selectProps;\n    const isSelectDisabled = selectProps.isDisabled;\n\n    return {\n      '& > div': {\n        ...inputStyle(theme, {disabled: isSelectDisabled, markInvalid}),\n        padding: 0,\n        height: 'auto',\n        minHeight: '48px',\n        '&:-moz-focusring': {\n          color: 'transparent',\n          textShadow: '0 0 0 #000',\n        },\n        position: 'relative',\n        ...(isDisabled && {\n          backgroundColor: theme.Input.backgroundColorDisabled,\n          color: theme.Select.disabledColor,\n          cursor: 'default',\n        }),\n        ...(markInvalid && {\n          boxShadow: `0 0 0 1px ${theme.general.dangerColor}`,\n        }),\n        ...(menuIsOpen && {\n          boxShadow: `0 0 0 1px ${theme.general.primaryColor}`,\n          '&:hover': {\n            boxShadow: `0 0 0 1px ${theme.general.primaryColor}`,\n          },\n        }),\n        cursor: !isSelectDisabled && 'pointer',\n        '&:focus:visible, active': {\n          boxShadow: !isSelectDisabled && `0 0 0 1px ${theme.general.primaryColor}`,\n        },\n      },\n    };\n  },\n  control: () => ({\n    display: 'flex',\n    alignItems: 'center',\n    appearance: 'none',\n    padding: '0 8px 0 16px',\n    height: 'auto',\n    minHeight: '48px',\n  }),\n  dropdownIndicator: (provided, selectProps) => {\n    const isSelectDisabled = selectProps.isDisabled;\n    return {\n      ...provided,\n      '& > svg': {\n        fill: isSelectDisabled && theme.Input.placeholderColor,\n      },\n    };\n  },\n  menu: provided => ({\n    ...provided,\n    boxShadow: `0 0 0 1px ${theme.general.primaryColor}, 0 4px 11px hsl(0deg 0% 0% / 10%)`,\n    borderRadius: 12,\n    marginBottom: 0,\n    marginTop: 4,\n    overflowY: 'overlay',\n  }),\n  menuList: provided => ({\n    ...provided,\n    borderRadius: 12,\n    paddingBottom: 0,\n    paddingTop: 0,\n  }),\n  option: (provided, {isMulti, isDisabled, isFocused, isSelected}) => ({\n    ...provided,\n    backgroundColor: theme.Input.backgroundColor,\n    color: theme.general.color,\n    padding: '10px 18px',\n    cursor: isDisabled ? 'not-allowed' : 'pointer',\n    fontSize: '16px',\n    fontWeight: 300,\n    lineHeight: '24px',\n    ...(isSelected &&\n      !isDisabled &&\n      !isMulti && {\n        background: theme.general.primaryColor,\n        borderColor: theme.general.primaryColor,\n        color: theme.Select.contrastTextColor,\n        '&:hover': {\n          backgroundColor: theme.Select.selectedActiveBg,\n        },\n        '&:active': {\n          backgroundColor: theme.general.primaryColor,\n          boxShadow: `inset 0 0 0 1px ${theme.Select.selectedActiveBg}`,\n          color: theme.general.contrastColor,\n        },\n      }),\n    ...(isFocused &&\n      !isDisabled &&\n      !isSelected && {\n        backgroundColor: theme.Select.optionHoverBg,\n        borderColor: theme.Select.optionHoverBg,\n        color: theme.general.color,\n        '&:active': {\n          background: theme.Select.optionHoverBg,\n          boxShadow: `inset 0 0 0 1px ${theme.Select.selectedActiveBg}`,\n          color: theme.general.color,\n        },\n      }),\n    ...(isMulti &&\n      isSelected && {\n        backgroundColor: theme.Input.backgroundColor,\n        '&:hover': {\n          backgroundColor: theme.Select.optionHoverBg,\n        },\n        '&:active': {\n          background: theme.Select.optionHoverBg,\n          boxShadow: `inset 0 0 0 1px ${theme.Select.selectedActiveBg}`,\n          color: theme.general.color,\n        },\n      }),\n    ...(isDisabled && {\n      backgroundColor: theme.Input.backgroundColorDisabled,\n      color: theme.Select.disabledColor,\n      '&:hover, &:active, &:focus': {\n        backgroundColor: theme.Select.borderColor,\n        color: theme.Select.disabledColor,\n      },\n      ...(isFocused && {\n        backgroundColor: theme.Select.borderColor,\n        color: theme.Select.disabledColor,\n      }),\n    }),\n    '&:not(:last-of-type)': {\n      borderBottom: `1px solid ${theme.Select.borderColor}`,\n    },\n    '&:first-of-type': {\n      borderRadius: '12px 12px 0 0',\n    },\n    '&:last-of-type': {\n      borderRadius: '0 0 12px 12px',\n    },\n  }),\n  valueContainer: provided => ({\n    ...provided,\n    padding: 0,\n    width: '100%',\n    display: 'grid',\n  }),\n  singleValue: (provided, selectProps) => {\n    const isSelectDisabled = selectProps.isDisabled;\n    return {\n      ...provided,\n      color: isSelectDisabled ? theme.Input.placeholderColor : theme.general.color,\n    };\n  },\n});\n"],"mappings":"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"}
+{"version":3,"file":"SelectStyles.js","names":["customStyles","theme","markInvalid","indicatorSeparator","display","indicatorsContainer","provided","container","isDisabled","selectProps","menuIsOpen","isSelectDisabled","inputStyle","disabled","padding","height","minHeight","color","textShadow","position","backgroundColor","Input","backgroundColorDisabled","Select","disabledColor","cursor","boxShadow","general","dangerColor","primaryColor","control","alignItems","appearance","dropdownIndicator","fill","placeholderColor","menu","borderRadius","marginBottom","marginTop","overflowY","menuList","paddingBottom","paddingTop","option","isMulti","isFocused","isSelected","fontSize","fontWeight","lineHeight","background","borderColor","contrastTextColor","selectedActiveBg","contrastColor","optionHoverBg","borderBottom","valueContainer","width","singleValue"],"sources":["SelectStyles.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\nimport {Theme} from '../Layout';\nimport {inputStyle} from './Input';\n\nexport const customStyles = (theme: Theme, markInvalid = false) => ({\n  indicatorSeparator: () => ({\n    display: 'none',\n  }),\n  indicatorsContainer: provided => ({\n    ...provided,\n  }),\n  container: (provided, {isDisabled, selectProps}) => {\n    const {menuIsOpen} = selectProps;\n    const isSelectDisabled = selectProps.isDisabled;\n\n    return {\n      '& > div': {\n        ...inputStyle(theme, {disabled: isSelectDisabled, markInvalid}),\n        padding: 0,\n        height: 'auto',\n        minHeight: '48px',\n        '&:-moz-focusring': {\n          color: 'transparent',\n          textShadow: '0 0 0 #000',\n        },\n        position: 'relative',\n        ...(isDisabled && {\n          backgroundColor: theme.Input.backgroundColorDisabled,\n          color: theme.Select.disabledColor,\n          cursor: 'default',\n        }),\n        ...(markInvalid && {\n          boxShadow: `0 0 0 1px ${theme.general.dangerColor}`,\n        }),\n        ...(menuIsOpen && {\n          boxShadow: `0 0 0 1px ${theme.general.primaryColor}`,\n          '&:hover': {\n            boxShadow: `0 0 0 1px ${theme.general.primaryColor}`,\n          },\n        }),\n        cursor: !isSelectDisabled && 'pointer',\n        '&:focus:visible, active': {\n          boxShadow: !isSelectDisabled && `0 0 0 1px ${theme.general.primaryColor}`,\n        },\n      },\n    };\n  },\n  control: () => ({\n    display: 'flex',\n    alignItems: 'center',\n    appearance: 'none',\n    padding: '0 8px 0 16px',\n    height: 'auto',\n    minHeight: '48px',\n  }),\n  dropdownIndicator: (provided, selectProps) => {\n    const isSelectDisabled = selectProps.isDisabled;\n    return {\n      ...provided,\n      '& > svg': {\n        fill: isSelectDisabled && theme.Input.placeholderColor,\n      },\n    };\n  },\n  menu: provided => ({\n    ...provided,\n    boxShadow: `0 0 0 1px ${theme.general.primaryColor}, 0 4px 11px hsl(0deg 0% 0% / 10%)`,\n    borderRadius: 12,\n    marginBottom: 0,\n    marginTop: 4,\n    overflowY: 'overlay',\n  }),\n  menuList: provided => ({\n    ...provided,\n    borderRadius: 12,\n    paddingBottom: 0,\n    paddingTop: 0,\n  }),\n  option: (provided, {isMulti, isDisabled, isFocused, isSelected}) => ({\n    ...provided,\n    backgroundColor: theme.Input.backgroundColor,\n    color: theme.general.color,\n    padding: '10px 18px',\n    cursor: isDisabled ? 'not-allowed' : 'pointer',\n    fontSize: '16px',\n    fontWeight: 300,\n    lineHeight: '24px',\n    ...(isSelected &&\n      !isDisabled &&\n      !isMulti && {\n        background: theme.general.primaryColor,\n        borderColor: theme.general.primaryColor,\n        color: theme.Select.contrastTextColor,\n        '&:hover': {\n          backgroundColor: theme.Select.selectedActiveBg,\n        },\n        '&:active': {\n          backgroundColor: theme.general.primaryColor,\n          boxShadow: `inset 0 0 0 1px ${theme.Select.selectedActiveBg}`,\n          color: theme.general.contrastColor,\n        },\n      }),\n    ...(isFocused &&\n      !isDisabled &&\n      !isSelected && {\n        backgroundColor: theme.Select.optionHoverBg,\n        borderColor: theme.Select.optionHoverBg,\n        color: theme.general.color,\n        '&:active': {\n          background: theme.Select.optionHoverBg,\n          boxShadow: `inset 0 0 0 1px ${theme.Select.selectedActiveBg}`,\n          color: theme.general.color,\n        },\n      }),\n    ...(isMulti &&\n      isSelected && {\n        backgroundColor: theme.Input.backgroundColor,\n        '&:hover': {\n          backgroundColor: theme.Select.optionHoverBg,\n        },\n        '&:active': {\n          background: theme.Select.optionHoverBg,\n          boxShadow: `inset 0 0 0 1px ${theme.Select.selectedActiveBg}`,\n          color: theme.general.color,\n        },\n      }),\n    ...(isDisabled && {\n      backgroundColor: theme.Input.backgroundColorDisabled,\n      color: theme.Select.disabledColor,\n      '&:hover, &:active, &:focus': {\n        backgroundColor: theme.Select.borderColor,\n        color: theme.Select.disabledColor,\n      },\n      ...(isFocused && {\n        backgroundColor: theme.Select.borderColor,\n        color: theme.Select.disabledColor,\n      }),\n    }),\n    '&:not(:last-of-type)': {\n      borderBottom: `1px solid ${theme.Select.borderColor}`,\n    },\n    '&:first-of-type': {\n      borderRadius: '12px 12px 0 0',\n    },\n    '&:last-of-type': {\n      borderRadius: '0 0 12px 12px',\n    },\n  }),\n  valueContainer: provided => ({\n    ...provided,\n    padding: 0,\n    width: '100%',\n    display: 'grid',\n  }),\n  singleValue: (provided, selectProps) => {\n    const isSelectDisabled = selectProps.isDisabled;\n    return {\n      ...provided,\n      color: isSelectDisabled ? theme.Input.placeholderColor : theme.general.color,\n    };\n  },\n});\n"],"mappings":";;;;;;AAoBA;AAAmC;AAAA;AAAA;AAE5B,IAAMA,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAY;EAAA,IAAEC,WAAW,uEAAG,KAAK;EAAA,OAAM;IAClEC,kBAAkB,EAAE;MAAA,OAAO;QACzBC,OAAO,EAAE;MACX,CAAC;IAAA,CAAC;IACFC,mBAAmB,EAAE,6BAAAC,QAAQ;MAAA,yBACxBA,QAAQ;IAAA,CACX;IACFC,SAAS,EAAE,mBAACD,QAAQ,QAAgC;MAAA,IAA7BE,UAAU,QAAVA,UAAU;QAAEC,WAAW,QAAXA,WAAW;MAC5C,IAAOC,UAAU,GAAID,WAAW,CAAzBC,UAAU;MACjB,IAAMC,gBAAgB,GAAGF,WAAW,CAACD,UAAU;MAE/C,OAAO;QACL,SAAS,4EACJ,IAAAI,iBAAU,EAACX,KAAK,EAAE;UAACY,QAAQ,EAAEF,gBAAgB;UAAET,WAAW,EAAXA;QAAW,CAAC,CAAC;UAC/DY,OAAO,EAAE,CAAC;UACVC,MAAM,EAAE,MAAM;UACdC,SAAS,EAAE,MAAM;UACjB,kBAAkB,EAAE;YAClBC,KAAK,EAAE,aAAa;YACpBC,UAAU,EAAE;UACd,CAAC;UACDC,QAAQ,EAAE;QAAU,GAChBX,UAAU,IAAI;UAChBY,eAAe,EAAEnB,KAAK,CAACoB,KAAK,CAACC,uBAAuB;UACpDL,KAAK,EAAEhB,KAAK,CAACsB,MAAM,CAACC,aAAa;UACjCC,MAAM,EAAE;QACV,CAAC,GACGvB,WAAW,IAAI;UACjBwB,SAAS,sBAAezB,KAAK,CAAC0B,OAAO,CAACC,WAAW;QACnD,CAAC,GACGlB,UAAU,IAAI;UAChBgB,SAAS,sBAAezB,KAAK,CAAC0B,OAAO,CAACE,YAAY,CAAE;UACpD,SAAS,EAAE;YACTH,SAAS,sBAAezB,KAAK,CAAC0B,OAAO,CAACE,YAAY;UACpD;QACF,CAAC;UACDJ,MAAM,EAAE,CAACd,gBAAgB,IAAI,SAAS;UACtC,yBAAyB,EAAE;YACzBe,SAAS,EAAE,CAACf,gBAAgB,wBAAiBV,KAAK,CAAC0B,OAAO,CAACE,YAAY;UACzE;QAAC;MAEL,CAAC;IACH,CAAC;IACDC,OAAO,EAAE;MAAA,OAAO;QACd1B,OAAO,EAAE,MAAM;QACf2B,UAAU,EAAE,QAAQ;QACpBC,UAAU,EAAE,MAAM;QAClBlB,OAAO,EAAE,cAAc;QACvBC,MAAM,EAAE,MAAM;QACdC,SAAS,EAAE;MACb,CAAC;IAAA,CAAC;IACFiB,iBAAiB,EAAE,2BAAC3B,QAAQ,EAAEG,WAAW,EAAK;MAC5C,IAAME,gBAAgB,GAAGF,WAAW,CAACD,UAAU;MAC/C,uCACKF,QAAQ;QACX,SAAS,EAAE;UACT4B,IAAI,EAAEvB,gBAAgB,IAAIV,KAAK,CAACoB,KAAK,CAACc;QACxC;MAAC;IAEL,CAAC;IACDC,IAAI,EAAE,cAAA9B,QAAQ;MAAA,uCACTA,QAAQ;QACXoB,SAAS,sBAAezB,KAAK,CAAC0B,OAAO,CAACE,YAAY,uCAAoC;QACtFQ,YAAY,EAAE,EAAE;QAChBC,YAAY,EAAE,CAAC;QACfC,SAAS,EAAE,CAAC;QACZC,SAAS,EAAE;MAAS;IAAA,CACpB;IACFC,QAAQ,EAAE,kBAAAnC,QAAQ;MAAA,uCACbA,QAAQ;QACX+B,YAAY,EAAE,EAAE;QAChBK,aAAa,EAAE,CAAC;QAChBC,UAAU,EAAE;MAAC;IAAA,CACb;IACFC,MAAM,EAAE,gBAACtC,QAAQ;MAAA,IAAGuC,OAAO,SAAPA,OAAO;QAAErC,UAAU,SAAVA,UAAU;QAAEsC,SAAS,SAATA,SAAS;QAAEC,UAAU,SAAVA,UAAU;MAAA,+FACzDzC,QAAQ;QACXc,eAAe,EAAEnB,KAAK,CAACoB,KAAK,CAACD,eAAe;QAC5CH,KAAK,EAAEhB,KAAK,CAAC0B,OAAO,CAACV,KAAK;QAC1BH,OAAO,EAAE,WAAW;QACpBW,MAAM,EAAEjB,UAAU,GAAG,aAAa,GAAG,SAAS;QAC9CwC,QAAQ,EAAE,MAAM;QAChBC,UAAU,EAAE,GAAG;QACfC,UAAU,EAAE;MAAM,GACdH,UAAU,IACZ,CAACvC,UAAU,IACX,CAACqC,OAAO,IAAI;QACVM,UAAU,EAAElD,KAAK,CAAC0B,OAAO,CAACE,YAAY;QACtCuB,WAAW,EAAEnD,KAAK,CAAC0B,OAAO,CAACE,YAAY;QACvCZ,KAAK,EAAEhB,KAAK,CAACsB,MAAM,CAAC8B,iBAAiB;QACrC,SAAS,EAAE;UACTjC,eAAe,EAAEnB,KAAK,CAACsB,MAAM,CAAC+B;QAChC,CAAC;QACD,UAAU,EAAE;UACVlC,eAAe,EAAEnB,KAAK,CAAC0B,OAAO,CAACE,YAAY;UAC3CH,SAAS,4BAAqBzB,KAAK,CAACsB,MAAM,CAAC+B,gBAAgB,CAAE;UAC7DrC,KAAK,EAAEhB,KAAK,CAAC0B,OAAO,CAAC4B;QACvB;MACF,CAAC,GACCT,SAAS,IACX,CAACtC,UAAU,IACX,CAACuC,UAAU,IAAI;QACb3B,eAAe,EAAEnB,KAAK,CAACsB,MAAM,CAACiC,aAAa;QAC3CJ,WAAW,EAAEnD,KAAK,CAACsB,MAAM,CAACiC,aAAa;QACvCvC,KAAK,EAAEhB,KAAK,CAAC0B,OAAO,CAACV,KAAK;QAC1B,UAAU,EAAE;UACVkC,UAAU,EAAElD,KAAK,CAACsB,MAAM,CAACiC,aAAa;UACtC9B,SAAS,4BAAqBzB,KAAK,CAACsB,MAAM,CAAC+B,gBAAgB,CAAE;UAC7DrC,KAAK,EAAEhB,KAAK,CAAC0B,OAAO,CAACV;QACvB;MACF,CAAC,GACC4B,OAAO,IACTE,UAAU,IAAI;QACZ3B,eAAe,EAAEnB,KAAK,CAACoB,KAAK,CAACD,eAAe;QAC5C,SAAS,EAAE;UACTA,eAAe,EAAEnB,KAAK,CAACsB,MAAM,CAACiC;QAChC,CAAC;QACD,UAAU,EAAE;UACVL,UAAU,EAAElD,KAAK,CAACsB,MAAM,CAACiC,aAAa;UACtC9B,SAAS,4BAAqBzB,KAAK,CAACsB,MAAM,CAAC+B,gBAAgB,CAAE;UAC7DrC,KAAK,EAAEhB,KAAK,CAAC0B,OAAO,CAACV;QACvB;MACF,CAAC,GACCT,UAAU;QACZY,eAAe,EAAEnB,KAAK,CAACoB,KAAK,CAACC,uBAAuB;QACpDL,KAAK,EAAEhB,KAAK,CAACsB,MAAM,CAACC,aAAa;QACjC,4BAA4B,EAAE;UAC5BJ,eAAe,EAAEnB,KAAK,CAACsB,MAAM,CAAC6B,WAAW;UACzCnC,KAAK,EAAEhB,KAAK,CAACsB,MAAM,CAACC;QACtB;MAAC,GACGsB,SAAS,IAAI;QACf1B,eAAe,EAAEnB,KAAK,CAACsB,MAAM,CAAC6B,WAAW;QACzCnC,KAAK,EAAEhB,KAAK,CAACsB,MAAM,CAACC;MACtB,CAAC,CACF;QACD,sBAAsB,EAAE;UACtBiC,YAAY,sBAAexD,KAAK,CAACsB,MAAM,CAAC6B,WAAW;QACrD,CAAC;QACD,iBAAiB,EAAE;UACjBf,YAAY,EAAE;QAChB,CAAC;QACD,gBAAgB,EAAE;UAChBA,YAAY,EAAE;QAChB;MAAC;IAAA,CACD;IACFqB,cAAc,EAAE,wBAAApD,QAAQ;MAAA,uCACnBA,QAAQ;QACXQ,OAAO,EAAE,CAAC;QACV6C,KAAK,EAAE,MAAM;QACbvD,OAAO,EAAE;MAAM;IAAA,CACf;IACFwD,WAAW,EAAE,qBAACtD,QAAQ,EAAEG,WAAW,EAAK;MACtC,IAAME,gBAAgB,GAAGF,WAAW,CAACD,UAAU;MAC/C,uCACKF,QAAQ;QACXW,KAAK,EAAEN,gBAAgB,GAAGV,KAAK,CAACoB,KAAK,CAACc,gBAAgB,GAAGlC,KAAK,CAAC0B,OAAO,CAACV;MAAK;IAEhF;EACF,CAAC;AAAA,CAAC;AAAC"}

package/src/Form/ShakeBox.js

@@ -1,37 +1,20 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
+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.ShakeBox = void 0;
 var _react = require("@emotion/react");
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react2 = _interopRequireWildcard(require("react"));
 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; }
-/*
- * Wire
- * Copyright (C) 2018 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
-
-/** @jsx jsx */
-
+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; }
 var ShakeBox = /*#__PURE__*/_react2["default"].forwardRef(function (_ref, ref) {
   var children = _ref.children,
     _ref$amplitude = _ref.amplitude,
@@ -43,7 +26,7 @@ var ShakeBox = /*#__PURE__*/_react2["default"].forwardRef(function (_ref, ref) {
     _ref$threshold = _ref.threshold,
     threshold = _ref$threshold === void 0 ? 1 : _ref$threshold;
   var _useState = (0, _react2.useState)(0),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     offset = _useState2[0],
     setOffset = _useState2[1];
   var requestAnimationId = 0;

package/src/Form/ShakeBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShakeBox.js","names":["ShakeBox","React","forwardRef","ref","children","amplitude","damping","speed","threshold","useState","offset","setOffset","requestAnimationId","shakeLoop","targetOffset","currentOffset","Math","abs","requestAnimationFrame","useImperativeHandle","shake","cancelAnimationFrame","useEffect","transform"],"sources":["ShakeBox.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, {useEffect, useImperativeHandle, useState} from 'react';\n\nexport interface ShakeBoxProps extends React.HTMLProps<HTMLDivElement> {\n  amplitude?: number;\n  damping?: number;\n  speed?: number;\n  threshold?: number;\n}\n\nexport interface ShakeBoxRef {\n  shake: () => void;\n}\n\nexport const ShakeBox = React.forwardRef<ShakeBoxRef, ShakeBoxProps>(\n  ({children, amplitude = 8, damping = 0.75, speed = 4, threshold = 1}: ShakeBoxProps, ref) => {\n    const [offset, setOffset] = useState(0);\n    let requestAnimationId = 0;\n\n    const shakeLoop = (targetOffset, currentOffset = 0) => {\n      if (targetOffset > 0 && currentOffset < targetOffset) {\n        currentOffset += speed;\n      } else if (targetOffset < 0 && currentOffset > targetOffset) {\n        currentOffset -= speed;\n      } else {\n        currentOffset = targetOffset - (currentOffset - targetOffset);\n        targetOffset *= -damping;\n      }\n      if (Math.abs(targetOffset) >= threshold) {\n        requestAnimationId = requestAnimationFrame(() => shakeLoop(targetOffset, currentOffset));\n      } else {\n        currentOffset = 0;\n      }\n      setOffset(currentOffset);\n    };\n\n    useImperativeHandle(ref, () => ({\n      shake: () => {\n        cancelAnimationFrame(requestAnimationId);\n        shakeLoop(amplitude);\n      },\n    }));\n\n    useEffect(() => () => cancelAnimationFrame(requestAnimationId), []);\n\n    return <div css={{transform: `translateX(${offset}px)`}}>{children}</div>;\n  },\n);\n"],"mappings":";;;;;;;;AAoBA;AAAmC;AACnC;AAAsE;AAAA;AArBtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAeO,IAAMA,QAAQ,gBAAGC,kBAAK,CAACC,UAAU,CACtC,gBAAqFC,GAAG,EAAK;EAAA,IAA3FC,QAAQ,QAARA,QAAQ;IAAA,sBAAEC,SAAS;IAATA,SAAS,+BAAG,CAAC;IAAA,oBAAEC,OAAO;IAAPA,OAAO,6BAAG,IAAI;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,CAAC;IAAA,sBAAEC,SAAS;IAATA,SAAS,+BAAG,CAAC;EACjE,gBAA4B,IAAAC,gBAAQ,EAAC,CAAC,CAAC;IAAA;IAAhCC,MAAM;IAAEC,SAAS;EACxB,IAAIC,kBAAkB,GAAG,CAAC;EAE1B,IAAMC,SAAS,GAAG,SAAZA,SAAS,CAAIC,YAAY,EAAwB;IAAA,IAAtBC,aAAa,uEAAG,CAAC;IAChD,IAAID,YAAY,GAAG,CAAC,IAAIC,aAAa,GAAGD,YAAY,EAAE;MACpDC,aAAa,IAAIR,KAAK;IACxB,CAAC,MAAM,IAAIO,YAAY,GAAG,CAAC,IAAIC,aAAa,GAAGD,YAAY,EAAE;MAC3DC,aAAa,IAAIR,KAAK;IACxB,CAAC,MAAM;MACLQ,aAAa,GAAGD,YAAY,IAAIC,aAAa,GAAGD,YAAY,CAAC;MAC7DA,YAAY,IAAI,CAACR,OAAO;IAC1B;IACA,IAAIU,IAAI,CAACC,GAAG,CAACH,YAAY,CAAC,IAAIN,SAAS,EAAE;MACvCI,kBAAkB,GAAGM,qBAAqB,CAAC;QAAA,OAAML,SAAS,CAACC,YAAY,EAAEC,aAAa,CAAC;MAAA,EAAC;IAC1F,CAAC,MAAM;MACLA,aAAa,GAAG,CAAC;IACnB;IACAJ,SAAS,CAACI,aAAa,CAAC;EAC1B,CAAC;EAED,IAAAI,2BAAmB,EAAChB,GAAG,EAAE;IAAA,OAAO;MAC9BiB,KAAK,EAAE,iBAAM;QACXC,oBAAoB,CAACT,kBAAkB,CAAC;QACxCC,SAAS,CAACR,SAAS,CAAC;MACtB;IACF,CAAC;EAAA,CAAC,CAAC;EAEH,IAAAiB,iBAAS,EAAC;IAAA,OAAM;MAAA,OAAMD,oBAAoB,CAACT,kBAAkB,CAAC;IAAA;EAAA,GAAE,EAAE,CAAC;EAEnE,OAAO;IAAK,GAAG,+BAAE;MAACW,SAAS,uBAAgBb,MAAM;IAAK,CAAC;EAAC,GAAEN,QAAQ,CAAO;AAC3E,CAAC,CACF;AAAC"}
+{"version":3,"file":"ShakeBox.js","names":["ShakeBox","React","forwardRef","ref","children","amplitude","damping","speed","threshold","useState","offset","setOffset","requestAnimationId","shakeLoop","targetOffset","currentOffset","Math","abs","requestAnimationFrame","useImperativeHandle","shake","cancelAnimationFrame","useEffect","transform"],"sources":["ShakeBox.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, {useEffect, useImperativeHandle, useState} from 'react';\n\nexport interface ShakeBoxProps extends React.HTMLProps<HTMLDivElement> {\n  amplitude?: number;\n  damping?: number;\n  speed?: number;\n  threshold?: number;\n}\n\nexport interface ShakeBoxRef {\n  shake: () => void;\n}\n\nexport const ShakeBox = React.forwardRef<ShakeBoxRef, ShakeBoxProps>(\n  ({children, amplitude = 8, damping = 0.75, speed = 4, threshold = 1}: ShakeBoxProps, ref) => {\n    const [offset, setOffset] = useState(0);\n    let requestAnimationId = 0;\n\n    const shakeLoop = (targetOffset, currentOffset = 0) => {\n      if (targetOffset > 0 && currentOffset < targetOffset) {\n        currentOffset += speed;\n      } else if (targetOffset < 0 && currentOffset > targetOffset) {\n        currentOffset -= speed;\n      } else {\n        currentOffset = targetOffset - (currentOffset - targetOffset);\n        targetOffset *= -damping;\n      }\n      if (Math.abs(targetOffset) >= threshold) {\n        requestAnimationId = requestAnimationFrame(() => shakeLoop(targetOffset, currentOffset));\n      } else {\n        currentOffset = 0;\n      }\n      setOffset(currentOffset);\n    };\n\n    useImperativeHandle(ref, () => ({\n      shake: () => {\n        cancelAnimationFrame(requestAnimationId);\n        shakeLoop(amplitude);\n      },\n    }));\n\n    useEffect(() => () => cancelAnimationFrame(requestAnimationId), []);\n\n    return <div css={{transform: `translateX(${offset}px)`}}>{children}</div>;\n  },\n);\n"],"mappings":";;;;;;;AAoBA;AACA;AAAsE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAa/D,IAAMA,QAAQ,gBAAGC,kBAAK,CAACC,UAAU,CACtC,gBAAqFC,GAAG,EAAK;EAAA,IAA3FC,QAAQ,QAARA,QAAQ;IAAA,sBAAEC,SAAS;IAATA,SAAS,+BAAG,CAAC;IAAA,oBAAEC,OAAO;IAAPA,OAAO,6BAAG,IAAI;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,CAAC;IAAA,sBAAEC,SAAS;IAATA,SAAS,+BAAG,CAAC;EACjE,gBAA4B,IAAAC,gBAAQ,EAAC,CAAC,CAAC;IAAA;IAAhCC,MAAM;IAAEC,SAAS;EACxB,IAAIC,kBAAkB,GAAG,CAAC;EAE1B,IAAMC,SAAS,GAAG,SAAZA,SAAS,CAAIC,YAAY,EAAwB;IAAA,IAAtBC,aAAa,uEAAG,CAAC;IAChD,IAAID,YAAY,GAAG,CAAC,IAAIC,aAAa,GAAGD,YAAY,EAAE;MACpDC,aAAa,IAAIR,KAAK;IACxB,CAAC,MAAM,IAAIO,YAAY,GAAG,CAAC,IAAIC,aAAa,GAAGD,YAAY,EAAE;MAC3DC,aAAa,IAAIR,KAAK;IACxB,CAAC,MAAM;MACLQ,aAAa,GAAGD,YAAY,IAAIC,aAAa,GAAGD,YAAY,CAAC;MAC7DA,YAAY,IAAI,CAACR,OAAO;IAC1B;IACA,IAAIU,IAAI,CAACC,GAAG,CAACH,YAAY,CAAC,IAAIN,SAAS,EAAE;MACvCI,kBAAkB,GAAGM,qBAAqB,CAAC;QAAA,OAAML,SAAS,CAACC,YAAY,EAAEC,aAAa,CAAC;MAAA,EAAC;IAC1F,CAAC,MAAM;MACLA,aAAa,GAAG,CAAC;IACnB;IACAJ,SAAS,CAACI,aAAa,CAAC;EAC1B,CAAC;EAED,IAAAI,2BAAmB,EAAChB,GAAG,EAAE;IAAA,OAAO;MAC9BiB,KAAK,EAAE,iBAAM;QACXC,oBAAoB,CAACT,kBAAkB,CAAC;QACxCC,SAAS,CAACR,SAAS,CAAC;MACtB;IACF,CAAC;EAAA,CAAC,CAAC;EAEH,IAAAiB,iBAAS,EAAC;IAAA,OAAM;MAAA,OAAMD,oBAAoB,CAACT,kBAAkB,CAAC;IAAA;EAAA,GAAE,EAAE,CAAC;EAEnE,OAAO;IAAK,GAAG,+BAAE;MAACW,SAAS,uBAAgBb,MAAM;IAAK,CAAC;EAAC,GAAEN,QAAQ,CAAO;AAC3E,CAAC,CACF;AAAC"}

package/src/Form/Switch.js

@@ -1,15 +1,15 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Switch = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _react2 = _interopRequireDefault(require("react"));
 var _Identity = require("../Identity");
 var _Misc = require("../Misc");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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; }
 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: "1yvcp3z",
@@ -69,14 +69,14 @@ var Switch = function Switch(_ref) {
       overflow: 'hidden'
     }, process.env.NODE_ENV === "production" ? "" : ";label:Switch;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEVRIiwiZmlsZSI6IlN3aXRjaC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDIwIFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge2pzeH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtDT0xPUn0gZnJvbSAnLi4vSWRlbnRpdHknO1xuaW1wb3J0IHtMb2FkaW5nfSBmcm9tICcuLi9NaXNjJztcbmltcG9ydCB7SW5wdXRQcm9wc30gZnJvbSAnLi9JbnB1dCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU3dpdGNoUHJvcHM8VCA9IEhUTUxJbnB1dEVsZW1lbnQ+IGV4dGVuZHMgSW5wdXRQcm9wczxUPiB7XG4gIGFjdGl2YXRlZENvbG9yPzogc3RyaW5nO1xuICBjaGVja2VkOiBib29sZWFuO1xuICBkZWFjdGl2YXRlZENvbG9yPzogc3RyaW5nO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIGRpc2FibGVkQ29sb3I/OiBzdHJpbmc7XG4gIGlkPzogc3RyaW5nO1xuICBsb2FkaW5nQ29sb3I/OiBzdHJpbmc7XG4gIG5hbWU/OiBzdHJpbmc7XG4gIG9uVG9nZ2xlOiAoaXNDaGVja2VkOiBib29sZWFuKSA9PiB2b2lkO1xuICBzaG93TG9hZGluZz86IGJvb2xlYW47XG4gIGRhdGFVaWVOYW1lPzogc3RyaW5nO1xufVxuXG5leHBvcnQgY29uc3QgU3dpdGNoID0gKHtcbiAgaWQgPSBNYXRoLnJhbmRvbSgpLnRvU3RyaW5nKCksXG4gIGNoZWNrZWQsXG4gIG9uVG9nZ2xlID0gKCkgPT4ge30sXG4gIHNob3dMb2FkaW5nLFxuICBkaXNhYmxlZCxcbiAgbG9hZGluZ0NvbG9yID0gQ09MT1IuQkxVRSxcbiAgYWN0aXZhdGVkQ29sb3IgPSBDT0xPUi5CTFVFLFxuICBkZWFjdGl2YXRlZENvbG9yID0gJyNkMmQyZDInLFxuICBuYW1lLFxuICBkYXRhVWllTmFtZSxcbn06IFN3aXRjaFByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e3tcbiAgICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgICB0ZXh0QWxpZ246ICdsZWZ0JyxcbiAgICAgIHVzZXJTZWxlY3Q6ICdub25lJyxcbiAgICAgIHZlcnRpY2FsQWxpZ246ICdtaWRkbGUnLFxuICAgICAgd2lkdGg6ICc0MnB4JyxcbiAgICB9fVxuICA+XG4gICAgPFJlYWN0LkZyYWdtZW50PlxuICAgICAgPGlucHV0XG4gICAgICAgIGlkPXtpZH1cbiAgICAgICAgY2hlY2tlZD17Y2hlY2tlZH1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICBvbkNoYW5nZT17ZXZlbnQgPT4gb25Ub2dnbGUoZXZlbnQudGFyZ2V0LmNoZWNrZWQpfVxuICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICBjc3M9e3tkaXNwbGF5OiAnbm9uZSd9fVxuICAgICAgICBkYXRhLXVpZS1uYW1lPXtkYXRhVWllTmFtZX1cbiAgICAgIC8+XG4gICAgICA8bGFiZWxcbiAgICAgICAgaHRtbEZvcj17aWR9XG4gICAgICAgIGNzcz17e1xuICAgICAgICAgIGJvcmRlclJhZGl1czogJzIwcHgnLFxuICAgICAgICAgIGN1cnNvcjogZGlzYWJsZWQgfHwgc2hvd0xvYWRpbmcgPyAnJyA6ICdwb2ludGVyJyxcbiAgICAgICAgICBkaXNwbGF5OiAnYmxvY2snLFxuICAgICAgICAgIG1hcmdpbjogMCxcbiAgICAgICAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgY3NzPXt7XG4gICAgICAgICAgICBbJyY6YWZ0ZXInXToge1xuICAgICAgICAgICAgICBjb250ZW50OiAnXCIgXCInLFxuICAgICAgICAgICAgICBwYWRkaW5nUmlnaHQ6ICcxMHB4JyxcbiAgICAgICAgICAgICAgdGV4dEFsaWduOiAncmlnaHQnLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIFsnJjpiZWZvcmUnXToge1xuICAgICAgICAgICAgICBjb250ZW50OiAnXCIgXCInLFxuICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogJzEwcHgnLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIFsnJjpiZWZvcmUsICY6YWZ0ZXInXToge1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgICAgICAgICAgICAgZGlzYWJsZWQgfHwgc2hvd0xvYWRpbmdcbiAgICAgICAgICAgICAgICAgID8gQ09MT1IudGludChjaGVja2VkID8gYWN0aXZhdGVkQ29sb3IgOiBkZWFjdGl2YXRlZENvbG9yLCAwLjQpXG4gICAgICAgICAgICAgICAgICA6IGNoZWNrZWRcbiAgICAgICAgICAgICAgICAgID8gYWN0aXZhdGVkQ29sb3JcbiAgICAgICAgICAgICAgICAgIDogZGVhY3RpdmF0ZWRDb2xvcixcbiAgICAgICAgICAgICAgYm94U2l6aW5nOiAnYm9yZGVyLWJveCcsXG4gICAgICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgICAgIGZsb2F0OiAnbGVmdCcsXG4gICAgICAgICAgICAgIGhlaWdodDogJzI1cHgnLFxuICAgICAgICAgICAgICBsaW5lSGVpZ2h0OiAnMjVweCcsXG4gICAgICAgICAgICAgIHBhZGRpbmc6IDAsXG4gICAgICAgICAgICAgIHdpZHRoOiAnNTAlJyxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBkaXNwbGF5OiAnYmxvY2snLFxuICAgICAgICAgICAgbWFyZ2luTGVmdDogY2hlY2tlZCA/IDAgOiAnLTEwMCUnLFxuICAgICAgICAgICAgdHJhbnNpdGlvbjogJ21hcmdpbiAwLjFzIGVhc2UtaW4gMHMnLFxuICAgICAgICAgICAgd2lkdGg6ICcyMDAlJyxcbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgICB7c2hvd0xvYWRpbmcgPyAoXG4gICAgICAgICAgPExvYWRpbmdcbiAgICAgICAgICAgIHNpemU9ezIxfVxuICAgICAgICAgICAgY29sb3I9e2xvYWRpbmdDb2xvcn1cbiAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgICAgIG1hcmdpbjogJzJweCcsXG4gICAgICAgICAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICBjc3M9e3tcbiAgICAgICAgICAgICAgYmFja2dyb3VuZDogQ09MT1IuV0hJVEUsXG4gICAgICAgICAgICAgIGJvcmRlclJhZGl1czogJzEwMCUnLFxuICAgICAgICAgICAgICBib3R0b206IDAsXG4gICAgICAgICAgICAgIGJveFNoYWRvdzogJzBweCAwcHggMnB4IC0xcHggZ3JheScsXG4gICAgICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgICAgIGhlaWdodDogJzIzcHgnLFxuICAgICAgICAgICAgICBtYXJnaW46ICcxcHgnLFxuICAgICAgICAgICAgICBvcGFjaXR5OiBkaXNhYmxlZCA/IDAuNyA6IHVuZGVmaW5lZCxcbiAgICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgICAgICAgIHJpZ2h0OiBjaGVja2VkID8gJzBweCcgOiAnMTdweCcsXG4gICAgICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICAgICAgdHJhbnNpdGlvbjogJ2FsbCAwLjE1cyBlYXNlLWluIDBzJyxcbiAgICAgICAgICAgICAgd2lkdGg6ICcyM3B4JyxcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgIDwvbGFiZWw+XG4gICAgPC9SZWFjdC5GcmFnbWVudD5cbiAgPC9kaXY+XG4pO1xuIl19 */")
   }, (0, _react.jsx)("span", {
-    css: /*#__PURE__*/(0, _react.css)((_css2 = {}, (0, _defineProperty2["default"])(_css2, '&:after', {
+    css: /*#__PURE__*/(0, _react.css)((_css2 = {}, _defineProperty(_css2, '&:after', {
       content: '" "',
       paddingRight: '10px',
       textAlign: 'right'
-    }), (0, _defineProperty2["default"])(_css2, '&:before', {
+    }), _defineProperty(_css2, '&:before', {
       content: '" "',
       paddingLeft: '10px'
-    }), (0, _defineProperty2["default"])(_css2, '&:before, &:after', {
+    }), _defineProperty(_css2, '&:before, &:after', {
       backgroundColor: disabled || showLoading ? _Identity.COLOR.tint(checked ? activatedColor : deactivatedColor, 0.4) : checked ? activatedColor : deactivatedColor,
       boxSizing: 'border-box',
       display: 'block',
@@ -85,7 +85,7 @@ var Switch = function Switch(_ref) {
       lineHeight: '25px',
       padding: 0,
       width: '50%'
-    }), (0, _defineProperty2["default"])(_css2, "display", 'block'), (0, _defineProperty2["default"])(_css2, "marginLeft", checked ? 0 : '-100%'), (0, _defineProperty2["default"])(_css2, "transition", 'margin 0.1s ease-in 0s'), (0, _defineProperty2["default"])(_css2, "width", '200%'), _css2), process.env.NODE_ENV === "production" ? "" : ";label:Switch;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUZVIiwiZmlsZSI6IlN3aXRjaC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDIwIFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge2pzeH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtDT0xPUn0gZnJvbSAnLi4vSWRlbnRpdHknO1xuaW1wb3J0IHtMb2FkaW5nfSBmcm9tICcuLi9NaXNjJztcbmltcG9ydCB7SW5wdXRQcm9wc30gZnJvbSAnLi9JbnB1dCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU3dpdGNoUHJvcHM8VCA9IEhUTUxJbnB1dEVsZW1lbnQ+IGV4dGVuZHMgSW5wdXRQcm9wczxUPiB7XG4gIGFjdGl2YXRlZENvbG9yPzogc3RyaW5nO1xuICBjaGVja2VkOiBib29sZWFuO1xuICBkZWFjdGl2YXRlZENvbG9yPzogc3RyaW5nO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIGRpc2FibGVkQ29sb3I/OiBzdHJpbmc7XG4gIGlkPzogc3RyaW5nO1xuICBsb2FkaW5nQ29sb3I/OiBzdHJpbmc7XG4gIG5hbWU/OiBzdHJpbmc7XG4gIG9uVG9nZ2xlOiAoaXNDaGVja2VkOiBib29sZWFuKSA9PiB2b2lkO1xuICBzaG93TG9hZGluZz86IGJvb2xlYW47XG4gIGRhdGFVaWVOYW1lPzogc3RyaW5nO1xufVxuXG5leHBvcnQgY29uc3QgU3dpdGNoID0gKHtcbiAgaWQgPSBNYXRoLnJhbmRvbSgpLnRvU3RyaW5nKCksXG4gIGNoZWNrZWQsXG4gIG9uVG9nZ2xlID0gKCkgPT4ge30sXG4gIHNob3dMb2FkaW5nLFxuICBkaXNhYmxlZCxcbiAgbG9hZGluZ0NvbG9yID0gQ09MT1IuQkxVRSxcbiAgYWN0aXZhdGVkQ29sb3IgPSBDT0xPUi5CTFVFLFxuICBkZWFjdGl2YXRlZENvbG9yID0gJyNkMmQyZDInLFxuICBuYW1lLFxuICBkYXRhVWllTmFtZSxcbn06IFN3aXRjaFByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e3tcbiAgICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgICB0ZXh0QWxpZ246ICdsZWZ0JyxcbiAgICAgIHVzZXJTZWxlY3Q6ICdub25lJyxcbiAgICAgIHZlcnRpY2FsQWxpZ246ICdtaWRkbGUnLFxuICAgICAgd2lkdGg6ICc0MnB4JyxcbiAgICB9fVxuICA+XG4gICAgPFJlYWN0LkZyYWdtZW50PlxuICAgICAgPGlucHV0XG4gICAgICAgIGlkPXtpZH1cbiAgICAgICAgY2hlY2tlZD17Y2hlY2tlZH1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICBvbkNoYW5nZT17ZXZlbnQgPT4gb25Ub2dnbGUoZXZlbnQudGFyZ2V0LmNoZWNrZWQpfVxuICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICBjc3M9e3tkaXNwbGF5OiAnbm9uZSd9fVxuICAgICAgICBkYXRhLXVpZS1uYW1lPXtkYXRhVWllTmFtZX1cbiAgICAgIC8+XG4gICAgICA8bGFiZWxcbiAgICAgICAgaHRtbEZvcj17aWR9XG4gICAgICAgIGNzcz17e1xuICAgICAgICAgIGJvcmRlclJhZGl1czogJzIwcHgnLFxuICAgICAgICAgIGN1cnNvcjogZGlzYWJsZWQgfHwgc2hvd0xvYWRpbmcgPyAnJyA6ICdwb2ludGVyJyxcbiAgICAgICAgICBkaXNwbGF5OiAnYmxvY2snLFxuICAgICAgICAgIG1hcmdpbjogMCxcbiAgICAgICAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgY3NzPXt7XG4gICAgICAgICAgICBbJyY6YWZ0ZXInXToge1xuICAgICAgICAgICAgICBjb250ZW50OiAnXCIgXCInLFxuICAgICAgICAgICAgICBwYWRkaW5nUmlnaHQ6ICcxMHB4JyxcbiAgICAgICAgICAgICAgdGV4dEFsaWduOiAncmlnaHQnLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIFsnJjpiZWZvcmUnXToge1xuICAgICAgICAgICAgICBjb250ZW50OiAnXCIgXCInLFxuICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogJzEwcHgnLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIFsnJjpiZWZvcmUsICY6YWZ0ZXInXToge1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgICAgICAgICAgICAgZGlzYWJsZWQgfHwgc2hvd0xvYWRpbmdcbiAgICAgICAgICAgICAgICAgID8gQ09MT1IudGludChjaGVja2VkID8gYWN0aXZhdGVkQ29sb3IgOiBkZWFjdGl2YXRlZENvbG9yLCAwLjQpXG4gICAgICAgICAgICAgICAgICA6IGNoZWNrZWRcbiAgICAgICAgICAgICAgICAgID8gYWN0aXZhdGVkQ29sb3JcbiAgICAgICAgICAgICAgICAgIDogZGVhY3RpdmF0ZWRDb2xvcixcbiAgICAgICAgICAgICAgYm94U2l6aW5nOiAnYm9yZGVyLWJveCcsXG4gICAgICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgICAgIGZsb2F0OiAnbGVmdCcsXG4gICAgICAgICAgICAgIGhlaWdodDogJzI1cHgnLFxuICAgICAgICAgICAgICBsaW5lSGVpZ2h0OiAnMjVweCcsXG4gICAgICAgICAgICAgIHBhZGRpbmc6IDAsXG4gICAgICAgICAgICAgIHdpZHRoOiAnNTAlJyxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBkaXNwbGF5OiAnYmxvY2snLFxuICAgICAgICAgICAgbWFyZ2luTGVmdDogY2hlY2tlZCA/IDAgOiAnLTEwMCUnLFxuICAgICAgICAgICAgdHJhbnNpdGlvbjogJ21hcmdpbiAwLjFzIGVhc2UtaW4gMHMnLFxuICAgICAgICAgICAgd2lkdGg6ICcyMDAlJyxcbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgICB7c2hvd0xvYWRpbmcgPyAoXG4gICAgICAgICAgPExvYWRpbmdcbiAgICAgICAgICAgIHNpemU9ezIxfVxuICAgICAgICAgICAgY29sb3I9e2xvYWRpbmdDb2xvcn1cbiAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgICAgIG1hcmdpbjogJzJweCcsXG4gICAgICAgICAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICBjc3M9e3tcbiAgICAgICAgICAgICAgYmFja2dyb3VuZDogQ09MT1IuV0hJVEUsXG4gICAgICAgICAgICAgIGJvcmRlclJhZGl1czogJzEwMCUnLFxuICAgICAgICAgICAgICBib3R0b206IDAsXG4gICAgICAgICAgICAgIGJveFNoYWRvdzogJzBweCAwcHggMnB4IC0xcHggZ3JheScsXG4gICAgICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgICAgIGhlaWdodDogJzIzcHgnLFxuICAgICAgICAgICAgICBtYXJnaW46ICcxcHgnLFxuICAgICAgICAgICAgICBvcGFjaXR5OiBkaXNhYmxlZCA/IDAuNyA6IHVuZGVmaW5lZCxcbiAgICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgICAgICAgIHJpZ2h0OiBjaGVja2VkID8gJzBweCcgOiAnMTdweCcsXG4gICAgICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICAgICAgdHJhbnNpdGlvbjogJ2FsbCAwLjE1cyBlYXNlLWluIDBzJyxcbiAgICAgICAgICAgICAgd2lkdGg6ICcyM3B4JyxcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgIDwvbGFiZWw+XG4gICAgPC9SZWFjdC5GcmFnbWVudD5cbiAgPC9kaXY+XG4pO1xuIl19 */")
+    }), _defineProperty(_css2, "display", 'block'), _defineProperty(_css2, "marginLeft", checked ? 0 : '-100%'), _defineProperty(_css2, "transition", 'margin 0.1s ease-in 0s'), _defineProperty(_css2, "width", '200%'), _css2), process.env.NODE_ENV === "production" ? "" : ";label:Switch;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUZVIiwiZmlsZSI6IlN3aXRjaC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDIwIFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge2pzeH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtDT0xPUn0gZnJvbSAnLi4vSWRlbnRpdHknO1xuaW1wb3J0IHtMb2FkaW5nfSBmcm9tICcuLi9NaXNjJztcbmltcG9ydCB7SW5wdXRQcm9wc30gZnJvbSAnLi9JbnB1dCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU3dpdGNoUHJvcHM8VCA9IEhUTUxJbnB1dEVsZW1lbnQ+IGV4dGVuZHMgSW5wdXRQcm9wczxUPiB7XG4gIGFjdGl2YXRlZENvbG9yPzogc3RyaW5nO1xuICBjaGVja2VkOiBib29sZWFuO1xuICBkZWFjdGl2YXRlZENvbG9yPzogc3RyaW5nO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIGRpc2FibGVkQ29sb3I/OiBzdHJpbmc7XG4gIGlkPzogc3RyaW5nO1xuICBsb2FkaW5nQ29sb3I/OiBzdHJpbmc7XG4gIG5hbWU/OiBzdHJpbmc7XG4gIG9uVG9nZ2xlOiAoaXNDaGVja2VkOiBib29sZWFuKSA9PiB2b2lkO1xuICBzaG93TG9hZGluZz86IGJvb2xlYW47XG4gIGRhdGFVaWVOYW1lPzogc3RyaW5nO1xufVxuXG5leHBvcnQgY29uc3QgU3dpdGNoID0gKHtcbiAgaWQgPSBNYXRoLnJhbmRvbSgpLnRvU3RyaW5nKCksXG4gIGNoZWNrZWQsXG4gIG9uVG9nZ2xlID0gKCkgPT4ge30sXG4gIHNob3dMb2FkaW5nLFxuICBkaXNhYmxlZCxcbiAgbG9hZGluZ0NvbG9yID0gQ09MT1IuQkxVRSxcbiAgYWN0aXZhdGVkQ29sb3IgPSBDT0xPUi5CTFVFLFxuICBkZWFjdGl2YXRlZENvbG9yID0gJyNkMmQyZDInLFxuICBuYW1lLFxuICBkYXRhVWllTmFtZSxcbn06IFN3aXRjaFByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e3tcbiAgICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgICB0ZXh0QWxpZ246ICdsZWZ0JyxcbiAgICAgIHVzZXJTZWxlY3Q6ICdub25lJyxcbiAgICAgIHZlcnRpY2FsQWxpZ246ICdtaWRkbGUnLFxuICAgICAgd2lkdGg6ICc0MnB4JyxcbiAgICB9fVxuICA+XG4gICAgPFJlYWN0LkZyYWdtZW50PlxuICAgICAgPGlucHV0XG4gICAgICAgIGlkPXtpZH1cbiAgICAgICAgY2hlY2tlZD17Y2hlY2tlZH1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICBvbkNoYW5nZT17ZXZlbnQgPT4gb25Ub2dnbGUoZXZlbnQudGFyZ2V0LmNoZWNrZWQpfVxuICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICBjc3M9e3tkaXNwbGF5OiAnbm9uZSd9fVxuICAgICAgICBkYXRhLXVpZS1uYW1lPXtkYXRhVWllTmFtZX1cbiAgICAgIC8+XG4gICAgICA8bGFiZWxcbiAgICAgICAgaHRtbEZvcj17aWR9XG4gICAgICAgIGNzcz17e1xuICAgICAgICAgIGJvcmRlclJhZGl1czogJzIwcHgnLFxuICAgICAgICAgIGN1cnNvcjogZGlzYWJsZWQgfHwgc2hvd0xvYWRpbmcgPyAnJyA6ICdwb2ludGVyJyxcbiAgICAgICAgICBkaXNwbGF5OiAnYmxvY2snLFxuICAgICAgICAgIG1hcmdpbjogMCxcbiAgICAgICAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgY3NzPXt7XG4gICAgICAgICAgICBbJyY6YWZ0ZXInXToge1xuICAgICAgICAgICAgICBjb250ZW50OiAnXCIgXCInLFxuICAgICAgICAgICAgICBwYWRkaW5nUmlnaHQ6ICcxMHB4JyxcbiAgICAgICAgICAgICAgdGV4dEFsaWduOiAncmlnaHQnLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIFsnJjpiZWZvcmUnXToge1xuICAgICAgICAgICAgICBjb250ZW50OiAnXCIgXCInLFxuICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogJzEwcHgnLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIFsnJjpiZWZvcmUsICY6YWZ0ZXInXToge1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgICAgICAgICAgICAgZGlzYWJsZWQgfHwgc2hvd0xvYWRpbmdcbiAgICAgICAgICAgICAgICAgID8gQ09MT1IudGludChjaGVja2VkID8gYWN0aXZhdGVkQ29sb3IgOiBkZWFjdGl2YXRlZENvbG9yLCAwLjQpXG4gICAgICAgICAgICAgICAgICA6IGNoZWNrZWRcbiAgICAgICAgICAgICAgICAgID8gYWN0aXZhdGVkQ29sb3JcbiAgICAgICAgICAgICAgICAgIDogZGVhY3RpdmF0ZWRDb2xvcixcbiAgICAgICAgICAgICAgYm94U2l6aW5nOiAnYm9yZGVyLWJveCcsXG4gICAgICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgICAgIGZsb2F0OiAnbGVmdCcsXG4gICAgICAgICAgICAgIGhlaWdodDogJzI1cHgnLFxuICAgICAgICAgICAgICBsaW5lSGVpZ2h0OiAnMjVweCcsXG4gICAgICAgICAgICAgIHBhZGRpbmc6IDAsXG4gICAgICAgICAgICAgIHdpZHRoOiAnNTAlJyxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBkaXNwbGF5OiAnYmxvY2snLFxuICAgICAgICAgICAgbWFyZ2luTGVmdDogY2hlY2tlZCA/IDAgOiAnLTEwMCUnLFxuICAgICAgICAgICAgdHJhbnNpdGlvbjogJ21hcmdpbiAwLjFzIGVhc2UtaW4gMHMnLFxuICAgICAgICAgICAgd2lkdGg6ICcyMDAlJyxcbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgICB7c2hvd0xvYWRpbmcgPyAoXG4gICAgICAgICAgPExvYWRpbmdcbiAgICAgICAgICAgIHNpemU9ezIxfVxuICAgICAgICAgICAgY29sb3I9e2xvYWRpbmdDb2xvcn1cbiAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgICAgIG1hcmdpbjogJzJweCcsXG4gICAgICAgICAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICBjc3M9e3tcbiAgICAgICAgICAgICAgYmFja2dyb3VuZDogQ09MT1IuV0hJVEUsXG4gICAgICAgICAgICAgIGJvcmRlclJhZGl1czogJzEwMCUnLFxuICAgICAgICAgICAgICBib3R0b206IDAsXG4gICAgICAgICAgICAgIGJveFNoYWRvdzogJzBweCAwcHggMnB4IC0xcHggZ3JheScsXG4gICAgICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgICAgIGhlaWdodDogJzIzcHgnLFxuICAgICAgICAgICAgICBtYXJnaW46ICcxcHgnLFxuICAgICAgICAgICAgICBvcGFjaXR5OiBkaXNhYmxlZCA/IDAuNyA6IHVuZGVmaW5lZCxcbiAgICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgICAgICAgIHJpZ2h0OiBjaGVja2VkID8gJzBweCcgOiAnMTdweCcsXG4gICAgICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICAgICAgdHJhbnNpdGlvbjogJ2FsbCAwLjE1cyBlYXNlLWluIDBzJyxcbiAgICAgICAgICAgICAgd2lkdGg6ICcyM3B4JyxcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgIDwvbGFiZWw+XG4gICAgPC9SZWFjdC5GcmFnbWVudD5cbiAgPC9kaXY+XG4pO1xuIl19 */")
   }), showLoading ? (0, _react.jsx)(_Misc.Loading, {
     size: 21,
     color: loadingColor,