@rio-cloud/rio-uikit 0.16.3 → 0.16.4-beta.10

package/lib/es/components/autosuggest/AutoSuggestAddons.d.ts

@@ -0,0 +1,8 @@
+import React, { type PropsWithChildren } from 'react';
+export type AutoSuggestAddonsProps = {
+    icon?: string;
+    leadingInputAddons?: React.ReactNode[];
+    trailingInputAddons?: React.ReactNode[];
+};
+declare const AutoSuggestAddons: ({ icon, leadingInputAddons, trailingInputAddons, children, }: PropsWithChildren<AutoSuggestAddonsProps>) => import("react/jsx-runtime").JSX.Element;
+export default AutoSuggestAddons;

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+// @ts-ignore-next-line importsNotUsedAsValues
+require("react");
+const AutoSuggestAddons = ({ icon, leadingInputAddons, trailingInputAddons, children, }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'input-group width-100pct' }, { children: [leadingInputAddons && leadingInputAddons, icon && ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'input-group-addon' }, { children: (0, jsx_runtime_1.jsx)("span", { className: `rioglyph ${icon}`, "aria-hidden": 'true' }) }))), children, trailingInputAddons && trailingInputAddons] })));
+};
+exports.default = AutoSuggestAddons;

package/lib/es/components/autosuggest/DropdownSpinner.d.ts

@@ -0,0 +1,4 @@
+declare const DropdownSpinner: ({ className }: {
+    className: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export default DropdownSpinner;

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+require("react");
+const Spinner_1 = tslib_1.__importDefault(require("../spinner/Spinner"));
+const DropdownSpinner = ({ className }) => ((0, jsx_runtime_1.jsx)("ul", Object.assign({ className: className }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'display-flex justify-content-center padding-10' }, { children: (0, jsx_runtime_1.jsx)(Spinner_1.default, {}) })) })));
+exports.default = DropdownSpinner;

package/lib/es/components/autosuggest/NoItemMessage.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const NoItemMessage: ({ message }: {
+    message: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export default NoItemMessage;

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+// @ts-ignore-next-line importsNotUsedAsValues
+require("react");
+const NoItemMessage = ({ message }) => ((0, jsx_runtime_1.jsx)("li", Object.assign({ className: 'no-item-message disabled pointer-events-none' }, { children: (0, jsx_runtime_1.jsx)("a", Object.assign({ role: 'button', href: 'any' }, { children: (0, jsx_runtime_1.jsx)("i", { children: message }) })) })));
+exports.default = NoItemMessage;

package/lib/es/components/bottomSheet/BottomSheet.d.ts

@@ -0,0 +1,68 @@
+import React, { MutableRefObject, PropsWithChildren, ReactNode } from 'react';
+export type BottomSheetProps = {
+    /**
+     * Set the visibility of the bottom sheet. The component is already mounted and just moved offscreen.
+     * @default false
+     */
+    show: boolean;
+    /**
+     * Callback for when the sheet closes.
+     */
+    onClose?: (isShown: boolean) => void;
+    /**
+     * The width of the bottom sheet. This is useful for desktop when not using the entire screen width.
+     * When no width is given it will take the width of the content and maximum `100%` of the screen.
+     * So it this case you might want to apply a `max-width-xxx` via `className` to control it better.
+     */
+    width?: number | string;
+    /**
+     * The height of the bottom sheet. If no height is given, the height is automatically
+     * calculated from the content.
+     */
+    height?: number | string;
+    /**
+     * The title content shown in the header. If no title is given, the bottom sheet header is not shown.
+     */
+    title?: string | ReactNode;
+    /**
+     * Defines whether or not the close button is shown.
+     * @default true
+     */
+    showCloseButton?: boolean;
+    /**
+     * Defines whether or not the maximize button in the header is shown.
+     * @default false
+     */
+    showMaximizeButton?: boolean;
+    /**
+     * The callback function triggered when the maximize button is clicked and the height changes.
+     */
+    onHeightChange?: VoidFunction;
+    /**
+     * Set to `true` to detach the bottom sheet from the left side and the bottom and create a little offset.
+     * @default false
+     */
+    detach?: boolean;
+    /**
+     * Defines the amount of pixels for the sheet.
+     * @default 15
+     */
+    detachOffset?: number;
+    /**
+     * Set to `true` to render a modal like backdrop to emphasize the bottom sheet.
+     * @default false
+     */
+    useBackdrop?: boolean;
+    /**
+     * Callback function triggered when the backdrop is clicked. Usually used to close the bottom sheet.
+     */
+    onBackdropClick?: VoidFunction;
+    /** A react ref added to the bottom sheet body. */
+    bodyRef?: MutableRefObject<HTMLDivElement | null>;
+    /** Additional classes to be set on the body element. */
+    bodyClassName?: string;
+    /** Additional classes to be set on the wrapping element. */
+    className?: string;
+};
+declare const BottomSheet: (props: BottomSheetProps & PropsWithChildren) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export default BottomSheet;

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

@@ -1,139 +1,57 @@
-"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", "detach", "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,
-    detach = props.detach,
-    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];
-  var _useState3 = (0, _react.useState)(false),
-    _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);
-    }
-  };
-  (0, _react.useEffect)(function () {
-    setIsShown(show);
-  }, [show]);
-  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', detach ? 'margin-15 rounded' : 'rounded-top-left rounded-top-right', className && className);
-  var sheetBodyClasses = (0, _classnames["default"])('bottom-sheet-body', 'height-100pct', bodyClassName && bodyClassName);
-  var sheetHeight = isMaxHeight ? window.innerHeight : height;
-
-  // Note: we always have to kep the body element in the DOM as there might be a ref assigned to it.
-  // Unmounting it will lead to loosing the reference and breaking the functionality that is implemented on that ref.
-  // That is the reason why there is no "AnimatePresence" with an "exit" animation here.
-  // Instead we change the "animate" values.
-
-  return /*#__PURE__*/_reactDom["default"].createPortal( /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_framerMotion.motion.div, (0, _extends2["default"])({}, remainigProps, {
-    className: sheetClasses,
-    width: width,
-    initial: {
-      opacity: 0
-    },
-    animate: {
-      opacity: isShown ? 1 : 0,
-      y: 0,
-      bottom: isShown ? 0 : OFFSET_POSITION,
-      height: isShown ? sheetHeight : 0
-    }
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "bottom-sheet-header"
-  }, title && /*#__PURE__*/_react["default"].createElement("div", {
-    className: 'bottom-sheet-title display-flex justify-content-between padding-15 ' + 'border border-top-none border-left-none border-right-none border-color-lighter'
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "text-size-18"
-  }, title)), showCloseButton && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "bottom-sheet-close position-absolute top-10 right-10"
-  }, /*#__PURE__*/_react["default"].createElement("button", {
-    className: "btn btn-muted btn-sm btn-icon-only",
-    onClick: handleToggle
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "rioglyph rioglyph-remove"
-  }))), showMaximizeButton && /*#__PURE__*/_react["default"].createElement("div", {
-    className: 'bottom-sheet-maximize height-30 ' + 'position-absolute top-5 left-50pct translate-x-50 cursor-pointer',
-    onClick: handleMaximize
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "height-5 width-40 rounded bg-lighter"
-  }))), /*#__PURE__*/_react["default"].createElement("div", {
-    className: sheetBodyClasses,
-    ref: bodyRef
-  }, isShown && children)), useBackdrop && isShown && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "bottom-sheet-backdrop",
-    onClick: handleToggle
-  })), modalRoot);
-};
-BottomSheet.defaultProps = {
-  show: false,
-  detach: false,
-  useBackdrop: false,
-  showCloseButton: true,
-  showMaximizeButton: false,
-  onHeightChange: function onHeightChange() {}
-};
-BottomSheet.propTypes = {
-  show: _propTypes["default"].bool.isRequired,
-  onClose: _propTypes["default"].func,
-  width: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
-  height: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
-  title: _propTypes["default"].oneOfType([_propTypes["default"].node, _propTypes["default"].string]),
-  showCloseButton: _propTypes["default"].bool,
-  showMaximizeButton: _propTypes["default"].bool,
-  onHeightChange: _propTypes["default"].func,
-  detach: _propTypes["default"].bool,
-  useBackdrop: _propTypes["default"].bool,
-  onBackdropClick: _propTypes["default"].func,
-  bodyRef: _propTypes["default"].object,
-  bodyClassName: _propTypes["default"].string,
-  className: _propTypes["default"].string
-};
-var _default = BottomSheet;
-exports["default"] = _default;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_dom_1 = require("react-dom");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const isFunction_1 = tslib_1.__importDefault(require("lodash/fp/isFunction"));
+const framer_motion_1 = require("framer-motion");
+const portalRoot_1 = require("../../utils/portalRoot");
+const OFFSET_POSITION = -1000;
+const DEFAULT_OFFSET_PX = 15;
+const BottomSheet = (props) => {
+    const { show = false, onClose, width, height, title, detach = false, detachOffset = DEFAULT_OFFSET_PX, useBackdrop = false, showCloseButton = true, showMaximizeButton = false, onHeightChange = () => { }, bodyRef, bodyClassName, className, children, onBackdropClick = () => { } } = props, remainingProps = tslib_1.__rest(props, ["show", "onClose", "width", "height", "title", "detach", "detachOffset", "useBackdrop", "showCloseButton", "showMaximizeButton", "onHeightChange", "bodyRef", "bodyClassName", "className", "children", "onBackdropClick"]);
+    const [isShown, setIsShown] = (0, react_1.useState)(show);
+    const [isMaxHeight, setIsMaxHeight] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => setIsShown(show), [show]);
+    const modalRoot = (0, portalRoot_1.getOrCreatePortalRoot)();
+    const handleToggle = () => {
+        const newValue = !isShown;
+        if ((0, isFunction_1.default)(onClose)) {
+            onClose(newValue);
+        }
+        else {
+            setIsShown(newValue);
+        }
+    };
+    const handleBackdropClick = () => {
+        onBackdropClick();
+        handleToggle();
+    };
+    const handleMaximize = () => {
+        const newValue = !isMaxHeight;
+        setIsMaxHeight(newValue);
+        onHeightChange();
+    };
+    const sheetClasses = (0, classnames_1.default)('bottom-sheet', 'position-fixed left-0', !height && !isMaxHeight && 'height-auto', 'bg-white', 'shadow-hard', detach ? 'rounded' : 'rounded-top-left rounded-top-right', className && className);
+    const sheetBodyClasses = (0, classnames_1.default)('bottom-sheet-body', 'height-100pct', bodyClassName && bodyClassName);
+    const sheetHeight = isMaxHeight ? window.innerHeight : height;
+    // Note: we always have to kep the body element in the DOM as there might be a ref assigned to it.
+    // Unmounting it will lead to losing the reference and breaking the functionality that is implemented on that ref.
+    // That is the reason why there is no "AnimatePresence" with an "exit" animation here.
+    // Instead, we change the "animate" values.
+    return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(framer_motion_1.motion.div, Object.assign({}, remainingProps, { className: sheetClasses, style: {
+                    width,
+                    maxWidth: detach ? `calc(100% - ${DEFAULT_OFFSET_PX * 2}px)` : '100%',
+                    margin: detach ? `${DEFAULT_OFFSET_PX}px` : 0,
+                }, initial: { opacity: 0 }, animate: {
+                    opacity: isShown ? 1 : 0,
+                    y: 0,
+                    bottom: isShown ? 0 : OFFSET_POSITION,
+                    height: isShown ? sheetHeight : 0,
+                } }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'bottom-sheet-header' }, { children: [title && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'bottom-sheet-title display-flex justify-content-between padding-15 ' +
+                                    'border border-top-none border-left-none border-right-none border-color-lighter' }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'text-size-18' }, { children: title })) }))), showCloseButton && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'bottom-sheet-close position-absolute top-10 right-10' }, { children: (0, jsx_runtime_1.jsx)("button", Object.assign({ type: 'button', className: 'btn btn-muted btn-sm btn-icon-only', onClick: handleToggle }, { children: (0, jsx_runtime_1.jsx)("span", { className: 'rioglyph rioglyph-remove' }) })) }))), showMaximizeButton && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'bottom-sheet-maximize height-30 ' +
+                                    'position-absolute top-5 left-50pct translate-x-50 cursor-pointer', onClick: handleMaximize }, { children: (0, jsx_runtime_1.jsx)("div", { className: 'height-5 width-40 rounded bg-lighter' }) })))] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: sheetBodyClasses, ref: bodyRef }, { children: isShown && children }))] })), useBackdrop && isShown && (0, jsx_runtime_1.jsx)("div", { className: 'bottom-sheet-backdrop', onClick: handleBackdropClick })] }), modalRoot);
+};
+exports.default = BottomSheet;

package/lib/es/components/browserWarning/BrowserIcons.d.ts

@@ -0,0 +1,2 @@
+export function ChromeIcon(): import("react/jsx-runtime").JSX.Element;
+export function FirefoxIcon(): import("react/jsx-runtime").JSX.Element;

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

@@ -1,71 +1,11 @@
-"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",
-    xmlnsXlink: "http://www.w3.org/1999/xlink",
-    width: "100",
-    height: "138"
-  }, /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("path", {
-    id: "a",
-    d: "M61.815 19.373a31.29 31.29 0 0 1 2.537 12.378c0 17.536-14.406 31.751-32.176 31.751-.6 0-1.196-.016-1.788-.048l13.011-22.296a14.36 14.36 0 0 0 3.502-9.407c0-5.233-2.804-9.82-7.009-12.378zm-56.638-4.9l13.587 23.284c2.316 5.028 7.45 8.524 13.412 8.524 2.384 0 4.635-.559 6.627-1.55l-10.8 18.507C12.202 61.218 0 47.89 0 31.75a31.302 31.302 0 0 1 5.177-17.279zm26.999 5.977c6.325 0 11.453 5.06 11.453 11.301 0 6.242-5.128 11.301-11.453 11.301-6.325 0-11.452-5.06-11.452-11.3 0-6.242 5.127-11.302 11.452-11.302zm0-20.45C44.64 0 55.449 6.993 60.792 17.22l-29.161.001v.01c-7.7.276-13.892 6.388-14.17 13.987L6.56 12.535C12.437 4.917 21.725 0 32.176 0z"
-  })), /*#__PURE__*/_react["default"].createElement("g", {
-    fill: "none",
-    fillRule: "evenodd",
-    transform: "translate(18 20)"
-  }, /*#__PURE__*/_react["default"].createElement("path", {
-    fill: "#555",
-    fillRule: "nonzero",
-    d: "M8.962 95.186c1.436 0 2.569-.389 3.397-1.167.828-.778 1.316-1.867 1.463-3.268h-1.495a4.202 4.202 0 0 1-.283 1.277 2.974 2.974 0 0 1-1.644 1.688c-.382.16-.82.241-1.312.241-.672 0-1.248-.124-1.73-.373A3.37 3.37 0 0 1 6.17 92.58a4.278 4.278 0 0 1-.684-1.478 7.128 7.128 0 0 1-.22-1.798c0-.58.073-1.14.22-1.68.147-.54.375-1.02.684-1.44a3.39 3.39 0 0 1 1.18-1.004c.477-.249 1.05-.373 1.722-.373.786 0 1.465.197 2.037.591.571.395.94.986 1.108 1.774h1.495a4.105 4.105 0 0 0-.535-1.564 3.862 3.862 0 0 0-1.023-1.128 4.5 4.5 0 0 0-1.4-.685 5.83 5.83 0 0 0-1.666-.233c-.86 0-1.623.153-2.289.46a4.724 4.724 0 0 0-1.667 1.252 5.476 5.476 0 0 0-1.014 1.86 7.34 7.34 0 0 0-.346 2.28c0 .808.107 1.566.322 2.271.215.706.537 1.318.967 1.836.43.52.97.926 1.62 1.222.65.296 1.41.443 2.28.443zm7.832-.249v-4.543c0-.364.05-.698.15-1.004.1-.306.249-.573.448-.802.2-.228.448-.404.747-.529.299-.124.653-.186 1.062-.186.513 0 .917.145 1.21.435.294.29.441.685.441 1.183v5.447h1.337v-5.291c0-.436-.045-.833-.134-1.19a2.245 2.245 0 0 0-.464-.927 2.198 2.198 0 0 0-.865-.607c-.356-.145-.802-.218-1.337-.218-.24 0-.49.026-.747.078a3.329 3.329 0 0 0-.739.241 2.505 2.505 0 0 0-.637.42 1.76 1.76 0 0 0-.44.63h-.032v-4.247h-1.337v11.11h1.337zm8.698 0v-3.579c0-.518.052-.977.157-1.377.105-.4.273-.739.503-1.02.23-.28.535-.492.912-.637.378-.145.834-.218 1.369-.218v-1.4c-.724-.021-1.321.124-1.793.435s-.87.794-1.196 1.447h-.031v-1.696h-1.258v8.046h1.337zm7.172.172c.65 0 1.218-.107 1.706-.32.488-.212.9-.508 1.235-.886.335-.379.587-.823.755-1.33a5.233 5.233 0 0 0 .251-1.65c0-.592-.084-1.144-.251-1.658a3.744 3.744 0 0 0-.755-1.338 3.572 3.572 0 0 0-1.235-.895c-.488-.218-1.056-.327-1.706-.327-.64 0-1.206.11-1.699.327a3.555 3.555 0 0 0-1.243.895 3.744 3.744 0 0 0-.754 1.338 5.306 5.306 0 0 0-.252 1.658c0 .591.084 1.14.252 1.65.167.507.419.951.754 1.33.336.378.75.674 1.243.887.493.212 1.059.319 1.699.319zm0-1.152c-.346 0-.674-.067-.983-.202-.31-.135-.58-.33-.81-.584a2.711 2.711 0 0 1-.543-.949 3.964 3.964 0 0 1-.197-1.3c0-.487.066-.92.197-1.299.131-.378.312-.697.543-.957.23-.26.5-.456.81-.591.309-.135.637-.202.983-.202s.673.067.983.202c.309.135.579.332.81.591.23.26.411.579.542.957.131.379.197.812.197 1.3 0 .487-.066.92-.197 1.299a2.711 2.711 0 0 1-.542.95c-.231.253-.501.448-.81.583-.31.135-.637.202-.983.202zm6.857.98v-5.01c0-.156.04-.35.118-.584a2.24 2.24 0 0 1 1.054-1.237c.277-.156.61-.233.998-.233.304 0 .553.044.747.132.194.088.35.213.464.373.116.161.197.35.244.568.047.218.07.457.07.716v5.275h1.338v-5.01c0-.623.189-1.12.566-1.494.377-.374.897-.56 1.557-.56.325 0 .59.046.794.14.205.093.365.22.48.38.115.162.194.351.236.569.042.218.063.451.063.7v5.275h1.337V89.04c0-.415-.066-.77-.197-1.066a1.872 1.872 0 0 0-.55-.724 2.31 2.31 0 0 0-.85-.412 4.3 4.3 0 0 0-1.108-.133c-.535 0-1.025.12-1.471.358a2.826 2.826 0 0 0-1.077 1.012c-.168-.498-.456-.85-.865-1.058a2.98 2.98 0 0 0-1.369-.312c-1.143 0-2.018.457-2.626 1.37h-.032v-1.183h-1.258v8.046h1.337zm15.539.172c.923 0 1.688-.229 2.296-.685.608-.456 1.002-1.136 1.18-2.039h-1.321c-.116.53-.354.924-.716 1.183-.362.26-.826.39-1.392.39-.44 0-.823-.073-1.148-.219a2.249 2.249 0 0 1-.802-.583 2.266 2.266 0 0 1-.456-.84 3.162 3.162 0 0 1-.126-1.004h6.087a6.34 6.34 0 0 0-.134-1.54 4.432 4.432 0 0 0-.598-1.495 3.543 3.543 0 0 0-1.148-1.128c-.477-.296-1.077-.444-1.8-.444-.556 0-1.068.104-1.534.312-.467.207-.87.498-1.211.871-.34.374-.606.815-.794 1.323a4.795 4.795 0 0 0-.283 1.68c.02.613.112 1.178.275 1.697.162.518.406.965.731 1.338.325.373.726.664 1.203.871.477.208 1.04.312 1.691.312zm2.186-4.964h-4.671a2.73 2.73 0 0 1 .204-.88c.116-.275.273-.516.472-.723.2-.208.438-.371.716-.49.278-.12.59-.18.936-.18a2.308 2.308 0 0 1 1.643.662c.205.202.367.443.488.724.12.28.191.575.212.887z"
-  }), /*#__PURE__*/_react["default"].createElement("mask", {
-    id: "b",
-    fill: "#fff"
-  }, /*#__PURE__*/_react["default"].createElement("use", {
-    xlinkHref: "#a"
-  })), /*#__PURE__*/_react["default"].createElement("use", {
-    fill: "#56AFEF",
-    xlinkHref: "#a"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
-    fill: "#FA6758",
-    mask: "url(#b)",
-    d: "M4.847 9.575l12.885 24.513 1.69-7.141 4.728-5.935 8.179-2.137 8.312-.468 30.519-.416L39.496-3.862 17.686.058z"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
-    fill: "#F5D923",
-    mask: "url(#b)",
-    d: "M37.006 18.316l4.94 5.004 3.177 5.005v4.204l-2.375 6.465-13.905 25.851 7.369.399 15.999-5.327 11.28-13.79 3.778-13.859-1.621-10.862-2.032-2.874z"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
-    fill: "#6CE84E",
-    mask: "url(#b)",
-    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",
-    width: "100",
-    height: "138"
-  }, /*#__PURE__*/_react["default"].createElement("g", {
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/_react["default"].createElement("path", {
-    fill: "#555",
-    fillRule: "nonzero",
-    d: "M28.908 114.938v-5.09h5.116v-1.244h-5.116v-3.532h5.834v-1.245h-7.316v11.11h1.482zm8.657-9.493v-1.618h-1.326v1.618h1.326zm0 9.493v-8.046h-1.326v8.046h1.326zm3.338 0v-3.58c0-.518.052-.977.156-1.377.104-.4.27-.739.5-1.02.228-.28.53-.492.904-.637.374-.145.827-.218 1.357-.218v-1.4c-.718-.021-1.31.124-1.778.435-.468.311-.863.794-1.186 1.447h-.031v-1.696h-1.248v8.046h1.326zm7.066.17c.915 0 1.674-.228 2.277-.684.604-.456.994-1.136 1.17-2.039h-1.31c-.114.53-.35.924-.71 1.183-.358.26-.819.39-1.38.39-.437 0-.816-.073-1.139-.219a2.231 2.231 0 0 1-.795-.583 2.272 2.272 0 0 1-.453-.84 3.186 3.186 0 0 1-.124-1.004h6.036a6.39 6.39 0 0 0-.132-1.54 4.454 4.454 0 0 0-.593-1.495 3.528 3.528 0 0 0-1.139-1.128c-.473-.296-1.068-.444-1.786-.444-.551 0-1.058.104-1.52.312a3.574 3.574 0 0 0-1.202.871c-.338.374-.6.815-.788 1.323a4.83 4.83 0 0 0-.28 1.68c.02.613.111 1.178.273 1.697a3.7 3.7 0 0 0 .725 1.338c.322.373.72.664 1.193.871.473.208 1.032.312 1.677.312zm2.168-4.963h-4.632a2.75 2.75 0 0 1 .202-.88c.115-.275.27-.516.468-.723.198-.208.434-.371.71-.49.276-.12.585-.18.928-.18a2.273 2.273 0 0 1 1.63.662c.203.202.364.443.484.724.12.28.19.575.21.887zm4.649 4.793v-6.879h1.56v-1.167h-1.56v-1.12c0-.353.088-.592.265-.716.177-.125.426-.187.748-.187.115 0 .24.008.375.024.135.015.26.044.374.085v-1.151a2.292 2.292 0 0 0-.429-.094 3.403 3.403 0 0 0-.429-.03c-.728 0-1.281.168-1.66.505-.38.337-.57.832-.57 1.486v1.198h-1.357v1.167h1.357v6.879h1.326zm6.223.17c.645 0 1.21-.106 1.693-.318a3.46 3.46 0 0 0 1.224-.887c.333-.379.583-.823.749-1.33.166-.51.25-1.059.25-1.65 0-.592-.084-1.144-.25-1.658a3.753 3.753 0 0 0-.749-1.338 3.544 3.544 0 0 0-1.224-.895c-.484-.218-1.048-.327-1.693-.327-.634 0-1.196.11-1.684.327-.489.218-.9.516-1.233.895a3.753 3.753 0 0 0-.748 1.338 5.347 5.347 0 0 0-.25 1.658c0 .591.083 1.14.25 1.65.166.507.416.951.748 1.33.333.378.744.674 1.233.887.488.212 1.05.319 1.684.319zm0-1.15c-.343 0-.668-.068-.975-.203a2.335 2.335 0 0 1-.803-.584 2.717 2.717 0 0 1-.538-.949 3.994 3.994 0 0 1-.195-1.3c0-.487.065-.92.195-1.299.13-.378.31-.697.538-.957.229-.26.497-.456.803-.591.307-.135.632-.202.975-.202.344 0 .668.067.975.202.307.135.575.332.804.591.228.26.408.579.538.957.13.379.195.812.195 1.3 0 .487-.065.92-.195 1.299-.13.379-.31.695-.538.95a2.335 2.335 0 0 1-.804.583 2.396 2.396 0 0 1-.975.202zm6.224.98l2.246-3.33 2.246 3.33h1.7l-3.119-4.342 2.777-3.704H71.49l-2.012 2.817-1.934-2.817h-1.7l2.808 3.813-3.027 4.233h1.607z"
-  }), /*#__PURE__*/_react["default"].createElement("g", {
-    fill: "#F5A623"
-  }, /*#__PURE__*/_react["default"].createElement("path", {
-    d: "M49.376 20c17.88 0 32.375 14.215 32.375 31.751S67.256 83.502 49.376 83.502C31.495 83.502 17 69.287 17 51.752 17 34.214 31.495 20 49.376 20zm.076 2.153c-12.338 0-22.954 7.21-27.675 17.552-1.68 3.68-.581 7.757-.581 12.046 0 16.347 12.368 26.07 29.096 26.07s25.971-9.723 25.971-26.07c0-10.034-3.7-17.942-11.119-23.295-.517-.373.57-1.688 0-2.026-4.576-2.715-9.947-4.277-15.692-4.277z"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
-    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;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FirefoxIcon = exports.ChromeIcon = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+/* eslint-disable max-len */
+const react_1 = tslib_1.__importDefault(require("react"));
+const ChromeIcon = () => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', xmlnsXlink: 'http://www.w3.org/1999/xlink', width: '100', height: '138' }, { children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("path", { id: 'a', d: 'M61.815 19.373a31.29 31.29 0 0 1 2.537 12.378c0 17.536-14.406 31.751-32.176 31.751-.6 0-1.196-.016-1.788-.048l13.011-22.296a14.36 14.36 0 0 0 3.502-9.407c0-5.233-2.804-9.82-7.009-12.378zm-56.638-4.9l13.587 23.284c2.316 5.028 7.45 8.524 13.412 8.524 2.384 0 4.635-.559 6.627-1.55l-10.8 18.507C12.202 61.218 0 47.89 0 31.75a31.302 31.302 0 0 1 5.177-17.279zm26.999 5.977c6.325 0 11.453 5.06 11.453 11.301 0 6.242-5.128 11.301-11.453 11.301-6.325 0-11.452-5.06-11.452-11.3 0-6.242 5.127-11.302 11.452-11.302zm0-20.45C44.64 0 55.449 6.993 60.792 17.22l-29.161.001v.01c-7.7.276-13.892 6.388-14.17 13.987L6.56 12.535C12.437 4.917 21.725 0 32.176 0z' }) }), (0, jsx_runtime_1.jsxs)("g", Object.assign({ fill: 'none', fillRule: 'evenodd', transform: 'translate(18 20)' }, { children: [(0, jsx_runtime_1.jsx)("path", { fill: '#555', fillRule: 'nonzero', d: 'M8.962 95.186c1.436 0 2.569-.389 3.397-1.167.828-.778 1.316-1.867 1.463-3.268h-1.495a4.202 4.202 0 0 1-.283 1.277 2.974 2.974 0 0 1-1.644 1.688c-.382.16-.82.241-1.312.241-.672 0-1.248-.124-1.73-.373A3.37 3.37 0 0 1 6.17 92.58a4.278 4.278 0 0 1-.684-1.478 7.128 7.128 0 0 1-.22-1.798c0-.58.073-1.14.22-1.68.147-.54.375-1.02.684-1.44a3.39 3.39 0 0 1 1.18-1.004c.477-.249 1.05-.373 1.722-.373.786 0 1.465.197 2.037.591.571.395.94.986 1.108 1.774h1.495a4.105 4.105 0 0 0-.535-1.564 3.862 3.862 0 0 0-1.023-1.128 4.5 4.5 0 0 0-1.4-.685 5.83 5.83 0 0 0-1.666-.233c-.86 0-1.623.153-2.289.46a4.724 4.724 0 0 0-1.667 1.252 5.476 5.476 0 0 0-1.014 1.86 7.34 7.34 0 0 0-.346 2.28c0 .808.107 1.566.322 2.271.215.706.537 1.318.967 1.836.43.52.97.926 1.62 1.222.65.296 1.41.443 2.28.443zm7.832-.249v-4.543c0-.364.05-.698.15-1.004.1-.306.249-.573.448-.802.2-.228.448-.404.747-.529.299-.124.653-.186 1.062-.186.513 0 .917.145 1.21.435.294.29.441.685.441 1.183v5.447h1.337v-5.291c0-.436-.045-.833-.134-1.19a2.245 2.245 0 0 0-.464-.927 2.198 2.198 0 0 0-.865-.607c-.356-.145-.802-.218-1.337-.218-.24 0-.49.026-.747.078a3.329 3.329 0 0 0-.739.241 2.505 2.505 0 0 0-.637.42 1.76 1.76 0 0 0-.44.63h-.032v-4.247h-1.337v11.11h1.337zm8.698 0v-3.579c0-.518.052-.977.157-1.377.105-.4.273-.739.503-1.02.23-.28.535-.492.912-.637.378-.145.834-.218 1.369-.218v-1.4c-.724-.021-1.321.124-1.793.435s-.87.794-1.196 1.447h-.031v-1.696h-1.258v8.046h1.337zm7.172.172c.65 0 1.218-.107 1.706-.32.488-.212.9-.508 1.235-.886.335-.379.587-.823.755-1.33a5.233 5.233 0 0 0 .251-1.65c0-.592-.084-1.144-.251-1.658a3.744 3.744 0 0 0-.755-1.338 3.572 3.572 0 0 0-1.235-.895c-.488-.218-1.056-.327-1.706-.327-.64 0-1.206.11-1.699.327a3.555 3.555 0 0 0-1.243.895 3.744 3.744 0 0 0-.754 1.338 5.306 5.306 0 0 0-.252 1.658c0 .591.084 1.14.252 1.65.167.507.419.951.754 1.33.336.378.75.674 1.243.887.493.212 1.059.319 1.699.319zm0-1.152c-.346 0-.674-.067-.983-.202-.31-.135-.58-.33-.81-.584a2.711 2.711 0 0 1-.543-.949 3.964 3.964 0 0 1-.197-1.3c0-.487.066-.92.197-1.299.131-.378.312-.697.543-.957.23-.26.5-.456.81-.591.309-.135.637-.202.983-.202s.673.067.983.202c.309.135.579.332.81.591.23.26.411.579.542.957.131.379.197.812.197 1.3 0 .487-.066.92-.197 1.299a2.711 2.711 0 0 1-.542.95c-.231.253-.501.448-.81.583-.31.135-.637.202-.983.202zm6.857.98v-5.01c0-.156.04-.35.118-.584a2.24 2.24 0 0 1 1.054-1.237c.277-.156.61-.233.998-.233.304 0 .553.044.747.132.194.088.35.213.464.373.116.161.197.35.244.568.047.218.07.457.07.716v5.275h1.338v-5.01c0-.623.189-1.12.566-1.494.377-.374.897-.56 1.557-.56.325 0 .59.046.794.14.205.093.365.22.48.38.115.162.194.351.236.569.042.218.063.451.063.7v5.275h1.337V89.04c0-.415-.066-.77-.197-1.066a1.872 1.872 0 0 0-.55-.724 2.31 2.31 0 0 0-.85-.412 4.3 4.3 0 0 0-1.108-.133c-.535 0-1.025.12-1.471.358a2.826 2.826 0 0 0-1.077 1.012c-.168-.498-.456-.85-.865-1.058a2.98 2.98 0 0 0-1.369-.312c-1.143 0-2.018.457-2.626 1.37h-.032v-1.183h-1.258v8.046h1.337zm15.539.172c.923 0 1.688-.229 2.296-.685.608-.456 1.002-1.136 1.18-2.039h-1.321c-.116.53-.354.924-.716 1.183-.362.26-.826.39-1.392.39-.44 0-.823-.073-1.148-.219a2.249 2.249 0 0 1-.802-.583 2.266 2.266 0 0 1-.456-.84 3.162 3.162 0 0 1-.126-1.004h6.087a6.34 6.34 0 0 0-.134-1.54 4.432 4.432 0 0 0-.598-1.495 3.543 3.543 0 0 0-1.148-1.128c-.477-.296-1.077-.444-1.8-.444-.556 0-1.068.104-1.534.312-.467.207-.87.498-1.211.871-.34.374-.606.815-.794 1.323a4.795 4.795 0 0 0-.283 1.68c.02.613.112 1.178.275 1.697.162.518.406.965.731 1.338.325.373.726.664 1.203.871.477.208 1.04.312 1.691.312zm2.186-4.964h-4.671a2.73 2.73 0 0 1 .204-.88c.116-.275.273-.516.472-.723.2-.208.438-.371.716-.49.278-.12.59-.18.936-.18a2.308 2.308 0 0 1 1.643.662c.205.202.367.443.488.724.12.28.191.575.212.887z' }), (0, jsx_runtime_1.jsx)("mask", Object.assign({ id: 'b', fill: '#fff' }, { children: (0, jsx_runtime_1.jsx)("use", { xlinkHref: '#a' }) })), (0, jsx_runtime_1.jsx)("use", { fill: '#56AFEF', xlinkHref: '#a' }), (0, jsx_runtime_1.jsx)("path", { fill: '#FA6758', mask: 'url(#b)', d: 'M4.847 9.575l12.885 24.513 1.69-7.141 4.728-5.935 8.179-2.137 8.312-.468 30.519-.416L39.496-3.862 17.686.058z' }), (0, jsx_runtime_1.jsx)("path", { fill: '#F5D923', mask: 'url(#b)', d: 'M37.006 18.316l4.94 5.004 3.177 5.005v4.204l-2.375 6.465-13.905 25.851 7.369.399 15.999-5.327 11.28-13.79 3.778-13.859-1.621-10.862-2.032-2.874z' }), (0, jsx_runtime_1.jsx)("path", { fill: '#6CE84E', mask: 'url(#b)', 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;
+const FirefoxIcon = () => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: '100', height: '138' }, { children: (0, jsx_runtime_1.jsxs)("g", Object.assign({ fill: 'none', fillRule: 'evenodd' }, { children: [(0, jsx_runtime_1.jsx)("path", { fill: '#555', fillRule: 'nonzero', d: 'M28.908 114.938v-5.09h5.116v-1.244h-5.116v-3.532h5.834v-1.245h-7.316v11.11h1.482zm8.657-9.493v-1.618h-1.326v1.618h1.326zm0 9.493v-8.046h-1.326v8.046h1.326zm3.338 0v-3.58c0-.518.052-.977.156-1.377.104-.4.27-.739.5-1.02.228-.28.53-.492.904-.637.374-.145.827-.218 1.357-.218v-1.4c-.718-.021-1.31.124-1.778.435-.468.311-.863.794-1.186 1.447h-.031v-1.696h-1.248v8.046h1.326zm7.066.17c.915 0 1.674-.228 2.277-.684.604-.456.994-1.136 1.17-2.039h-1.31c-.114.53-.35.924-.71 1.183-.358.26-.819.39-1.38.39-.437 0-.816-.073-1.139-.219a2.231 2.231 0 0 1-.795-.583 2.272 2.272 0 0 1-.453-.84 3.186 3.186 0 0 1-.124-1.004h6.036a6.39 6.39 0 0 0-.132-1.54 4.454 4.454 0 0 0-.593-1.495 3.528 3.528 0 0 0-1.139-1.128c-.473-.296-1.068-.444-1.786-.444-.551 0-1.058.104-1.52.312a3.574 3.574 0 0 0-1.202.871c-.338.374-.6.815-.788 1.323a4.83 4.83 0 0 0-.28 1.68c.02.613.111 1.178.273 1.697a3.7 3.7 0 0 0 .725 1.338c.322.373.72.664 1.193.871.473.208 1.032.312 1.677.312zm2.168-4.963h-4.632a2.75 2.75 0 0 1 .202-.88c.115-.275.27-.516.468-.723.198-.208.434-.371.71-.49.276-.12.585-.18.928-.18a2.273 2.273 0 0 1 1.63.662c.203.202.364.443.484.724.12.28.19.575.21.887zm4.649 4.793v-6.879h1.56v-1.167h-1.56v-1.12c0-.353.088-.592.265-.716.177-.125.426-.187.748-.187.115 0 .24.008.375.024.135.015.26.044.374.085v-1.151a2.292 2.292 0 0 0-.429-.094 3.403 3.403 0 0 0-.429-.03c-.728 0-1.281.168-1.66.505-.38.337-.57.832-.57 1.486v1.198h-1.357v1.167h1.357v6.879h1.326zm6.223.17c.645 0 1.21-.106 1.693-.318a3.46 3.46 0 0 0 1.224-.887c.333-.379.583-.823.749-1.33.166-.51.25-1.059.25-1.65 0-.592-.084-1.144-.25-1.658a3.753 3.753 0 0 0-.749-1.338 3.544 3.544 0 0 0-1.224-.895c-.484-.218-1.048-.327-1.693-.327-.634 0-1.196.11-1.684.327-.489.218-.9.516-1.233.895a3.753 3.753 0 0 0-.748 1.338 5.347 5.347 0 0 0-.25 1.658c0 .591.083 1.14.25 1.65.166.507.416.951.748 1.33.333.378.744.674 1.233.887.488.212 1.05.319 1.684.319zm0-1.15c-.343 0-.668-.068-.975-.203a2.335 2.335 0 0 1-.803-.584 2.717 2.717 0 0 1-.538-.949 3.994 3.994 0 0 1-.195-1.3c0-.487.065-.92.195-1.299.13-.378.31-.697.538-.957.229-.26.497-.456.803-.591.307-.135.632-.202.975-.202.344 0 .668.067.975.202.307.135.575.332.804.591.228.26.408.579.538.957.13.379.195.812.195 1.3 0 .487-.065.92-.195 1.299-.13.379-.31.695-.538.95a2.335 2.335 0 0 1-.804.583 2.396 2.396 0 0 1-.975.202zm6.224.98l2.246-3.33 2.246 3.33h1.7l-3.119-4.342 2.777-3.704H71.49l-2.012 2.817-1.934-2.817h-1.7l2.808 3.813-3.027 4.233h1.607z' }), (0, jsx_runtime_1.jsxs)("g", Object.assign({ fill: '#F5A623' }, { children: [(0, jsx_runtime_1.jsx)("path", { d: 'M49.376 20c17.88 0 32.375 14.215 32.375 31.751S67.256 83.502 49.376 83.502C31.495 83.502 17 69.287 17 51.752 17 34.214 31.495 20 49.376 20zm.076 2.153c-12.338 0-22.954 7.21-27.675 17.552-1.68 3.68-.581 7.757-.581 12.046 0 16.347 12.368 26.07 29.096 26.07s25.971-9.723 25.971-26.07c0-10.034-3.7-17.942-11.119-23.295-.517-.373.57-1.688 0-2.026-4.576-2.715-9.947-4.277-15.692-4.277z' }), (0, jsx_runtime_1.jsx)("path", { 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.d.ts

@@ -0,0 +1,15 @@
+export default BrowserWarning;
+declare function BrowserWarning(props: any): import("react/jsx-runtime").JSX.Element;
+declare namespace BrowserWarning {
+    namespace defaultProps {
+        function onClose(): void;
+        function onBrowserSelect(): void;
+    }
+    namespace propTypes {
+        const onClose_1: PropTypes.Requireable<(...args: any[]) => any>;
+        export { onClose_1 as onClose };
+        const onBrowserSelect_1: PropTypes.Requireable<(...args: any[]) => any>;
+        export { onBrowserSelect_1 as onBrowserSelect };
+    }
+}
+import PropTypes from "prop-types";

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

@@ -1,80 +1,49 @@
-"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;
-  var _useState = (0, _react.useState)(show),
-    _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
-  (0, _react.useEffect)(function () {
-    return setShowWarning(show);
-  }, [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);
-    }
-  }, []);
-  var lang = getLanguage();
-  var isDE = lang.startsWith('de');
-  var body = isDE ? /*#__PURE__*/_react["default"].createElement(_BrowserWarningMessageDE["default"], {
-    onBrowserSelect: onBrowserSelect
-  }) : /*#__PURE__*/_react["default"].createElement(_BrowserWarningMessageEN["default"], {
-    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", {
-    type: "button",
-    className: "btn btn-link",
-    onClick: handleClose
-  }, footerText));
-  return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
-    show: showWarning,
-    className: "backdrop-blured",
-    body: body,
-    footer: footer,
-    onHide: handleClose
-  });
-};
-BrowserWarning.defaultProps = {
-  onClose: function onClose() {},
-  onBrowserSelect: function onBrowserSelect() {}
-};
-BrowserWarning.propTypes = {
-  onClose: _propTypes["default"].func,
-  onBrowserSelect: _propTypes["default"].func
-};
-var _default = BrowserWarning;
-exports["default"] = _default;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importStar(require("react"));
+const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
+const Dialog_1 = tslib_1.__importDefault(require("../dialog/Dialog"));
+const BrowserWarningMessageDE_1 = tslib_1.__importDefault(require("./BrowserWarningMessageDE"));
+const BrowserWarningMessageEN_1 = tslib_1.__importDefault(require("./BrowserWarningMessageEN"));
+const UNSUPPORTED_BROWSER_TAG = 'ua-ie';
+const getLanguage = () => {
+    if (window) {
+        return window.navigator.language.toLowerCase();
+    }
+    return '';
+};
+const BrowserWarning = props => {
+    const { show, onClose, onBrowserSelect } = props;
+    const [showWarning, setShowWarning] = (0, react_1.useState)(show);
+    const handleClose = () => {
+        setShowWarning(false);
+        onClose(false);
+    };
+    // Force to show the dialog from outside
+    (0, react_1.useEffect)(() => setShowWarning(show), [show]);
+    // check HTML tag for browsers only on mount
+    (0, react_1.useEffect)(() => {
+        if (document &&
+            document.documentElement &&
+            document.documentElement.classList.contains(UNSUPPORTED_BROWSER_TAG)) {
+            setShowWarning(true);
+        }
+    }, []);
+    const lang = getLanguage();
+    const isDE = lang.startsWith('de');
+    const body = isDE ? ((0, jsx_runtime_1.jsx)(BrowserWarningMessageDE_1.default, { onBrowserSelect: onBrowserSelect })) : ((0, jsx_runtime_1.jsx)(BrowserWarningMessageEN_1.default, { onBrowserSelect: onBrowserSelect }));
+    const footerText = isDE ? 'Weiter im IE11' : 'Continue with IE11';
+    const footer = ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'display-flex justify-content-end' }, { children: (0, jsx_runtime_1.jsx)("button", Object.assign({ type: 'button', className: 'btn btn-link', onClick: handleClose }, { children: footerText })) })));
+    return (0, jsx_runtime_1.jsx)(Dialog_1.default, { show: showWarning, className: 'backdrop-blured', body: body, footer: footer, onHide: handleClose });
+};
+BrowserWarning.defaultProps = {
+    onClose: () => { },
+    onBrowserSelect: () => { },
+};
+BrowserWarning.propTypes = {
+    onClose: prop_types_1.default.func,
+    onBrowserSelect: prop_types_1.default.func,
+};
+exports.default = BrowserWarning;

package/lib/es/components/browserWarning/BrowserWarningMessageDE.d.ts

@@ -0,0 +1,4 @@
+export default BrowserWarningMessageDE;
+declare function BrowserWarningMessageDE({ onBrowserSelect }: {
+    onBrowserSelect: any;
+}): import("react/jsx-runtime").JSX.Element;