@rio-cloud/rio-uikit 0.16.1-beta.21 → 0.16.1-beta.23

package/lib/es/components/autosuggest/AutoSuggest.js

@@ -1,76 +1,42 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.AutoSuggest = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _reactOnclickoutside = _interopRequireDefault(require("react-onclickoutside"));
-
 var _isEmpty = _interopRequireDefault(require("lodash/fp/isEmpty"));
-
 var _isEqual = _interopRequireDefault(require("lodash/fp/isEqual"));
-
 var _get = _interopRequireDefault(require("lodash/fp/get"));
-
 var _ClearableInput = _interopRequireDefault(require("../clearableInput/ClearableInput"));
-
 var _Spinner = _interopRequireDefault(require("../spinner/Spinner"));
-
 var _scrollItemIntoView = _interopRequireWildcard(require("../../utils/scrollItemIntoView"));
-
 var _getDropDirection = _interopRequireDefault(require("../../utils/getDropDirection"));
-
 var _DropdownHeader = _interopRequireDefault(require("../selects/DropdownHeader"));
-
 var _MenuItem = _interopRequireDefault(require("../menuItems/MenuItem"));
-
 var _excluded = ["icon", "value", "showSelectedItemsInInput"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function 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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 var NoItemMessage = function NoItemMessage(_ref) {
   var message = _ref.message;
   return /*#__PURE__*/_react["default"].createElement("li", {
@@ -80,15 +46,11 @@ var NoItemMessage = function NoItemMessage(_ref) {
     role: 'button'
   }, /*#__PURE__*/_react["default"].createElement("i", null, message)));
 };
-
 var AutoSuggest = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(AutoSuggest, _Component);
-
   var _super = _createSuper(AutoSuggest);
-
   function AutoSuggest(props) {
     var _this;
-
     (0, _classCallCheck2["default"])(this, AutoSuggest);
     _this = _super.call(this, props);
     _this.state = {
@@ -108,7 +70,6 @@ var AutoSuggest = /*#__PURE__*/function (_Component) {
     _this.onMouseEnter = _this.onMouseEnter.bind((0, _assertThisInitialized2["default"])(_this));
     return _this;
   }
-
   (0, _createClass2["default"])(AutoSuggest, [{
     key: "UNSAFE_componentWillMount",
     value: function UNSAFE_componentWillMount() {
@@ -122,17 +83,15 @@ var AutoSuggest = /*#__PURE__*/function (_Component) {
       if (this.props.onSuggestionHighlighted) {
         var currentHighlightedSuggestion = this.getHighlightedSuggestion();
         var prevHighlightedSuggestion = prevState.highlightedSuggestion;
-
         if (currentHighlightedSuggestion !== prevHighlightedSuggestion) {
           this.props.onSuggestionHighlighted({
             suggestion: currentHighlightedSuggestion
           });
         }
-      } // Update internal value state from outside
-
+      }
 
+      // Update internal value state from outside
       var updatedValueFromProps = (0, _get["default"])('inputProps.value')(this.props);
-
       if (!(0, _isEqual["default"])(updatedValueFromProps, this.state.value)) {
         this.setState(function () {
           return {
@@ -147,20 +106,16 @@ var AutoSuggest = /*#__PURE__*/function (_Component) {
       if (this.state.highlightedItemIndex === -1) {
         return null;
       }
-
       return this.props.suggestions[this.state.highlightedItemIndex];
     }
   }, {
     key: "openMenu",
-    value: function
-      /*event*/
+    value: function /*event*/
     openMenu() {
       var dropDirection = {};
-
       if (this.refDropdownMenu && this.isAutoDropActive() && !this.state.open) {
         dropDirection = (0, _getDropDirection["default"])(this.refDropdownMenu.parentNode, this.refDropdownMenu);
       }
-
       this.setState(_objectSpread({
         open: true
       }, dropDirection));
@@ -181,13 +136,11 @@ var AutoSuggest = /*#__PURE__*/function (_Component) {
     key: "handleFocus",
     value: function handleFocus(event) {
       var _this$props = this.props,
-          openOnFocus = _this$props.openOnFocus,
-          inputProps = _this$props.inputProps;
-
+        openOnFocus = _this$props.openOnFocus,
+        inputProps = _this$props.inputProps;
       if (openOnFocus) {
         this.openMenu();
       }
-
       if (inputProps.onFocus) {
         inputProps.onFocus(event);
       }
@@ -206,11 +159,9 @@ var AutoSuggest = /*#__PURE__*/function (_Component) {
     key: "handleKeyDown",
     value: function handleKeyDown(event) {
       var _this2 = this;
-
       var keyCode = event.keyCode;
       var highlightedItemIndex = this.state.highlightedItemIndex;
       var suggestions = this.props.suggestions;
-
       switch (keyCode) {
         case 40:
           // select below on arrow down key
@@ -221,9 +172,7 @@ var AutoSuggest = /*#__PURE__*/function (_Component) {
               (0, _scrollItemIntoView["default"])(_scrollItemIntoView.DOWN, _this2.getDropdownDOMNode(), _this2.getFocusedOptionNode());
             });
           }
-
           return;
-
         case 38:
           // select above on arrow up key
           if (this.state.open && highlightedItemIndex > 0) {
@@ -233,9 +182,7 @@ var AutoSuggest = /*#__PURE__*/function (_Component) {
               (0, _scrollItemIntoView["default"])(_scrollItemIntoView.UP, _this2.getDropdownDOMNode(), _this2.getFocusedOptionNode());
             });
           }
-
           return;
-
         case 13:
           // select on enter
           if (this.state.open && suggestions[highlightedItemIndex]) {
@@ -243,19 +190,15 @@ var AutoSuggest = /*#__PURE__*/function (_Component) {
           } else {
             this.openMenu(event);
           }
-
           break;
-
         case 27:
           // close on esc key or on tab
           this.closeMenu();
           break;
-
         case 9:
           // close on tab
           this.closeMenu();
           break;
-
         default:
           break;
       }
@@ -264,7 +207,6 @@ var AutoSuggest = /*#__PURE__*/function (_Component) {
     key: "getOptionNodes",
     value: function getOptionNodes() {
       var node = _reactDom["default"].findDOMNode(this.refDropdownMenu);
-
       return node && node.getElementsByTagName('li') || [];
     }
   }, {
@@ -292,16 +234,16 @@ var AutoSuggest = /*#__PURE__*/function (_Component) {
         open: !this.state.open ? true : closeMenuEventually,
         value: newValue,
         highlightedItemIndex: -1
-      }); // Fire callback so the parent component can filter the suggestions accordingly
+      });
 
+      // Fire callback so the parent component can filter the suggestions accordingly
       this.props.onSuggestionsFetchRequested({
         value: newValue
       });
       var _this$props$inputProp = this.props.inputProps,
-          value = _this$props$inputProp.value,
-          _this$props$inputProp2 = _this$props$inputProp.onChange,
-          onChange = _this$props$inputProp2 === void 0 ? function () {} : _this$props$inputProp2;
-
+        value = _this$props$inputProp.value,
+        _this$props$inputProp2 = _this$props$inputProp.onChange,
+        onChange = _this$props$inputProp2 === void 0 ? function () {} : _this$props$inputProp2;
       if (newValue !== value) {
         onChange(event, {
           newValue: newValue
@@ -319,20 +261,21 @@ var AutoSuggest = /*#__PURE__*/function (_Component) {
       this.setState({
         value: '',
         highlightedItemIndex: -1
-      }); // Focus the input field after clearing it's value in order to allow
-      // entering new values right away
+      });
 
+      // Focus the input field after clearing it's value in order to allow
+      // entering new values right away
       var node = this.getInputNode();
-
       if (node) {
         _reactDom["default"].findDOMNode(node).focus();
-      } // Reset filter value so all suggestions are shown again
-
+      }
 
+      // Reset filter value so all suggestions are shown again
       this.props.onSuggestionsFetchRequested({
         value: ''
-      }); // Additionally, fire the onClear callback as the service may react on it
+      });
 
+      // Additionally, fire the onClear callback as the service may react on it
       if (this.props.inputProps.onClear) {
         this.props.inputProps.onClear(event);
       }
@@ -340,8 +283,9 @@ var AutoSuggest = /*#__PURE__*/function (_Component) {
   }, {
     key: "onSuggestionClicked",
     value: function onSuggestionClicked(event, suggestion) {
-      this.setInputValue(this.props.getSuggestionValue(suggestion), event, this.props.closeOnSelect); // fire callback with the selected item
+      this.setInputValue(this.props.getSuggestionValue(suggestion), event, this.props.closeOnSelect);
 
+      // fire callback with the selected item
       this.props.onSuggestionSelected(event, {
         suggestion: suggestion,
         suggestionValue: this.props.getSuggestionValue(suggestion),
@@ -352,7 +296,6 @@ var AutoSuggest = /*#__PURE__*/function (_Component) {
     key: "onMouseEnter",
     value: function onMouseEnter(event) {
       var newIndex = event.currentTarget.getAttribute('data-item-index');
-
       if (newIndex) {
         this.setState(function () {
           return {
@@ -377,14 +320,13 @@ var AutoSuggest = /*#__PURE__*/function (_Component) {
     key: "renderInput",
     value: function renderInput() {
       var _this$props2 = this.props,
-          leadingInputAddons = _this$props2.leadingInputAddons,
-          trailingInputAddons = _this$props2.trailingInputAddons;
+        leadingInputAddons = _this$props2.leadingInputAddons,
+        trailingInputAddons = _this$props2.trailingInputAddons;
       var _this$props$inputProp3 = this.props.inputProps,
-          icon = _this$props$inputProp3.icon,
-          value = _this$props$inputProp3.value,
-          showSelectedItemsInInput = _this$props$inputProp3.showSelectedItemsInInput,
-          remainingProps = (0, _objectWithoutProperties2["default"])(_this$props$inputProp3, _excluded);
-
+        icon = _this$props$inputProp3.icon,
+        value = _this$props$inputProp3.value,
+        showSelectedItemsInInput = _this$props$inputProp3.showSelectedItemsInInput,
+        remainingProps = (0, _objectWithoutProperties2["default"])(_this$props$inputProp3, _excluded);
       var input = /*#__PURE__*/_react["default"].createElement(_ClearableInput["default"], (0, _extends2["default"])({}, remainingProps, {
         autoComplete: this.props.autoComplete,
         onChange: this.handleInputChange,
@@ -393,11 +335,9 @@ var AutoSuggest = /*#__PURE__*/function (_Component) {
         onFocus: this.handleFocus,
         value: !showSelectedItemsInInput && value
       }));
-
       if (icon || leadingInputAddons || trailingInputAddons) {
         return this.wrapAddons(icon, leadingInputAddons, input, trailingInputAddons);
       }
-
       return input;
     }
   }, {
@@ -413,26 +353,21 @@ var AutoSuggest = /*#__PURE__*/function (_Component) {
     key: "renderDropdownMenu",
     value: function renderDropdownMenu() {
       var _this3 = this;
-
       var _this$props3 = this.props,
-          suggestions = _this$props3.suggestions,
-          pullRight = _this$props3.pullRight,
-          dropdownClassName = _this$props3.dropdownClassName,
-          noItemMessage = _this$props3.noItemMessage,
-          isLoading = _this$props3.isLoading,
-          renderSuggestion = _this$props3.renderSuggestion;
+        suggestions = _this$props3.suggestions,
+        pullRight = _this$props3.pullRight,
+        dropdownClassName = _this$props3.dropdownClassName,
+        noItemMessage = _this$props3.noItemMessage,
+        isLoading = _this$props3.isLoading,
+        renderSuggestion = _this$props3.renderSuggestion;
       var dropdownMenuClasses = (0, _classnames["default"])('dropdown-menu', pullRight && 'pull-right', dropdownClassName && dropdownClassName);
-
       if (isLoading) {
         return this.renderLoadingIndicator(dropdownMenuClasses);
       }
-
       var hasNoSuggestions = (0, _isEmpty["default"])(suggestions);
-
       if (hasNoSuggestions && !noItemMessage) {
         return null;
       }
-
       return /*#__PURE__*/_react["default"].createElement("ul", {
         role: 'menu',
         className: dropdownMenuClasses,
@@ -449,7 +384,6 @@ var AutoSuggest = /*#__PURE__*/function (_Component) {
             label: suggestion.label
           });
         }
-
         var item = {
           value: suggestion.customSuggestion ? suggestion.customSuggestion : renderSuggestion(suggestion),
           onSelect: function onSelect(idx, event) {
@@ -470,7 +404,6 @@ var AutoSuggest = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this4 = this;
-
       var classes = (0, _classnames["default"])('AutoSuggest', 'dropdown', this.state.open && 'open', this.state.dropup && 'dropup', this.props.className && this.props.className);
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: classes,
@@ -483,7 +416,6 @@ var AutoSuggest = /*#__PURE__*/function (_Component) {
   }]);
   return AutoSuggest;
 }(_react.Component);
-
 exports.AutoSuggest = AutoSuggest;
 AutoSuggest.defaultProps = {
   onSuggestionSelected: function onSuggestionSelected() {},
@@ -549,7 +481,5 @@ AutoSuggest.propTypes = {
   leadingInputAddons: _propTypes["default"].oneOfType([_propTypes["default"].node]),
   trailingInputAddons: _propTypes["default"].oneOfType([_propTypes["default"].node])
 };
-
 var _default = (0, _reactOnclickoutside["default"])(AutoSuggest);
-
 exports["default"] = _default;

package/lib/es/components/bottomSheet/BottomSheet.js

@@ -1,90 +1,66 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _framerMotion = require("framer-motion");
-
 var _isFunction = _interopRequireDefault(require("lodash/fp/isFunction"));
-
 var _portalRoot = require("../../utils/portalRoot");
-
 var _excluded = ["show", "onClose", "width", "height", "title", "detatch", "useBackdrop", "showCloseButton", "showMaximizeButton", "onHeightChange", "bodyRef", "bodyClassName", "className", "children"];
-
 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; }
-
 var OFFSET_POSITION = -1000;
-
 var BottomSheet = function BottomSheet(props) {
   var show = props.show,
-      onClose = props.onClose,
-      width = props.width,
-      height = props.height,
-      title = props.title,
-      detatch = props.detatch,
-      useBackdrop = props.useBackdrop,
-      showCloseButton = props.showCloseButton,
-      showMaximizeButton = props.showMaximizeButton,
-      onHeightChange = props.onHeightChange,
-      bodyRef = props.bodyRef,
-      bodyClassName = props.bodyClassName,
-      className = props.className,
-      children = props.children,
-      remainigProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
-
+    onClose = props.onClose,
+    width = props.width,
+    height = props.height,
+    title = props.title,
+    detatch = props.detatch,
+    useBackdrop = props.useBackdrop,
+    showCloseButton = props.showCloseButton,
+    showMaximizeButton = props.showMaximizeButton,
+    onHeightChange = props.onHeightChange,
+    bodyRef = props.bodyRef,
+    bodyClassName = props.bodyClassName,
+    className = props.className,
+    children = props.children,
+    remainigProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var _useState = (0, _react.useState)(show),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      isShown = _useState2[0],
-      setIsShown = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    isShown = _useState2[0],
+    setIsShown = _useState2[1];
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      isMaxHeight = _useState4[0],
-      setIsMaxHeight = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    isMaxHeight = _useState4[0],
+    setIsMaxHeight = _useState4[1];
   (0, _react.useEffect)(function () {
     return setIsShown(show);
   }, [show]);
   var modalRoot = (0, _portalRoot.getOrCreatePortalRoot)();
-
   var handleToggle = function handleToggle() {
     var newValue = !isShown;
-
     if ((0, _isFunction["default"])(onClose)) {
       onClose(newValue);
     } else {
       setIsShown(newValue);
     }
   };
-
   var handleMaximize = function handleMaximize() {
     var newValue = !isMaxHeight;
     setIsMaxHeight(newValue);
     onHeightChange();
   };
-
   var sheetClasses = (0, _classnames["default"])('bottom-sheet', 'position-fixed left-0', !width && 'width-100pct', !height && !isMaxHeight && 'height-auto', 'bg-white', 'shadow-hard', detatch ? 'margin-15 rounded' : 'rounded-top-left rounded-top-right', className && className);
   var sheetBodyCasses = (0, _classnames["default"])('bottom-sheet-body', 'height-100pct', bodyClassName && bodyClassName);
   var sheetHeight = isMaxHeight ? window.innerHeight : height;
@@ -132,7 +108,6 @@ var BottomSheet = function BottomSheet(props) {
     onClick: handleToggle
   })), modalRoot);
 };
-
 BottomSheet.defaultProps = {
   show: false,
   detatch: false,

package/lib/es/components/browserWarning/BrowserIcons.js

@@ -1,15 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FirefoxIcon = exports.ChromeIcon = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 /* eslint-disable max-len */
+
 var ChromeIcon = function ChromeIcon() {
   return /*#__PURE__*/_react["default"].createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -49,9 +47,7 @@ var ChromeIcon = function ChromeIcon() {
     d: "M5.003 12.634l5.539 9.194 8.038 12.068 4.051 6.664 3.513 2.606 4.533 1.269 6.155-.139 3.529-1.407L27.796 65.55 5.712 57.086l-9.183-19.785 1.013-14.866z"
   })));
 };
-
 exports.ChromeIcon = ChromeIcon;
-
 var FirefoxIcon = function FirefoxIcon() {
   return /*#__PURE__*/_react["default"].createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -72,5 +68,4 @@ var FirefoxIcon = function FirefoxIcon() {
     d: "M22.869 26.675l4.353 6.161 7.467.665 7.238-4.07-2.279 4.735s1.109 1.6 1.109 3.106h7.209s1.448.93.2 2.371c-1.248 1.442-6.374 5.347-6.374 5.347l-.035 4.14-4.727.1s-.144 5.626 3.654 6.663c3.797 1.038 8.788-1.498 8.788-1.498s3.813-.577 5.261 1.103 1.286 2.21-.564 2.813c-1.85.604-6.022 4.097-9.217 4.097-3.195 0-4.199-.134-4.199-.134s1.302 1.964 3.956 2.802c2.654.837 14.941 3.831 21.067-6.86 1.25-2.718 1.215-7.868 1.215-7.868l2.619 1.737s1.71-6.64 0-10.727l2.074-.277s-3.62-7.605-11.955-9.627l4.824-1.26s-3.256-3.03-8.467-3.998l9.163.235 9.602 8.859 4.087 12.86-1.375 12.99-6.327 10.396-8.14 6.695-10.347 2.867-16.34-2.198L21.61 65.64l-2.95-20.058 2.344-8.663 1.864-10.244z"
   }))));
 };
-
 exports.FirefoxIcon = FirefoxIcon;

package/lib/es/components/browserWarning/BrowserWarning.js

@@ -1,60 +1,45 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Dialog = _interopRequireDefault(require("../dialog/Dialog"));
-
 var _BrowserWarningMessageDE = _interopRequireDefault(require("./BrowserWarningMessageDE"));
-
 var _BrowserWarningMessageEN = _interopRequireDefault(require("./BrowserWarningMessageEN"));
-
 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; }
-
 var UNSUPPORTED_BROWSER_TAG = 'ua-ie';
-
 var getLanguage = function getLanguage() {
   if (window) {
     return window.navigator.language.toLowerCase();
   }
-
   return '';
 };
-
 var BrowserWarning = function BrowserWarning(props) {
   var show = props.show,
-      onClose = props.onClose,
-      onBrowserSelect = props.onBrowserSelect;
-
+    onClose = props.onClose,
+    onBrowserSelect = props.onBrowserSelect;
   var _useState = (0, _react.useState)(show),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      showWarning = _useState2[0],
-      setShowWarning = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    showWarning = _useState2[0],
+    setShowWarning = _useState2[1];
   var handleClose = function handleClose() {
     setShowWarning(false);
     onClose(false);
-  }; // Force to show the dialog from outside
-
+  };
 
+  // Force to show the dialog from outside
   (0, _react.useEffect)(function () {
     return setShowWarning(show);
-  }, [show]); // check HTML tag for browsers only on mount
+  }, [show]);
 
+  // check HTML tag for browsers only on mount
   (0, _react.useEffect)(function () {
     if (document && document.documentElement && document.documentElement.classList.contains(UNSUPPORTED_BROWSER_TAG)) {
       setShowWarning(true);
@@ -68,7 +53,6 @@ var BrowserWarning = function BrowserWarning(props) {
     onBrowserSelect: onBrowserSelect
   });
   var footerText = isDE ? 'Weiter im IE11' : 'Continue with IE11';
-
   var footer = /*#__PURE__*/_react["default"].createElement("div", {
     className: "display-flex justify-content-end"
   }, /*#__PURE__*/_react["default"].createElement("button", {
@@ -76,7 +60,6 @@ var BrowserWarning = function BrowserWarning(props) {
     className: "btn btn-link",
     onClick: handleClose
   }, footerText));
-
   return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
     show: showWarning,
     className: "backdrop-blured",
@@ -85,7 +68,6 @@ var BrowserWarning = function BrowserWarning(props) {
     onHide: handleClose
   });
 };
-
 BrowserWarning.defaultProps = {
   onClose: function onClose() {},
   onBrowserSelect: function onBrowserSelect() {}

package/lib/es/components/browserWarning/BrowserWarningMessageDE.js

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _BrowserIcons = require("./BrowserIcons");
-
 var BrowserWarningMessageDE = function BrowserWarningMessageDE(_ref) {
   var onBrowserSelect = _ref.onBrowserSelect;
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
@@ -43,6 +39,5 @@ var BrowserWarningMessageDE = function BrowserWarningMessageDE(_ref) {
     }
   }, /*#__PURE__*/_react["default"].createElement(_BrowserIcons.FirefoxIcon, null))));
 };
-
 var _default = BrowserWarningMessageDE;
 exports["default"] = _default;