@festo-ui/react 3.1.0 → 3.2.0

package/react.umd.js

@@ -1,3562 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('classnames'), require('react-transition-group'), require('react-outside-click-handler'), require('react-popper'), require('react-draggable'), require('flatpickr'), require('flatpickr/dist/plugins/rangePlugin'), require('quill')) :
-    typeof define === 'function' && define.amd ? define(['exports', 'react', 'classnames', 'react-transition-group', 'react-outside-click-handler', 'react-popper', 'react-draggable', 'flatpickr', 'flatpickr/dist/plugins/rangePlugin', 'quill'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.React = {}, global.React, global.classNames, global.reactTransitionGroup, global.OutsideClickHandler, global.reactPopper, global.Draggable, global.flatpickr, global.rangePlugin, global.Quill));
-})(this, (function (exports, React, classNames, reactTransitionGroup, OutsideClickHandler, reactPopper, Draggable, flatpickr, rangePlugin, Quill) { 'use strict';
-
-    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-    var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-    var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
-    var OutsideClickHandler__default = /*#__PURE__*/_interopDefaultLegacy(OutsideClickHandler);
-    var Draggable__default = /*#__PURE__*/_interopDefaultLegacy(Draggable);
-    var flatpickr__default = /*#__PURE__*/_interopDefaultLegacy(flatpickr);
-    var rangePlugin__default = /*#__PURE__*/_interopDefaultLegacy(rangePlugin);
-    var Quill__default = /*#__PURE__*/_interopDefaultLegacy(Quill);
-
-    /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-
-    var __assign = function() {
-        __assign = Object.assign || function __assign(t) {
-            for (var s, i = 1, n = arguments.length; i < n; i++) {
-                s = arguments[i];
-                for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-            }
-            return t;
-        };
-        return __assign.apply(this, arguments);
-    };
-
-    function __rest(s, e) {
-        var t = {};
-        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-            t[p] = s[p];
-        if (s != null && typeof Object.getOwnPropertySymbols === "function")
-            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                    t[p[i]] = s[p[i]];
-            }
-        return t;
-    }
-
-    function __spreadArray(to, from) {
-        for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-            to[j] = from[i];
-        return to;
-    }
-
-    function setRef(ref, value) {
-      if (typeof ref === 'function') {
-        ref(value);
-      } else if (ref !== null) {
-        ref.current = value;
-      }
-    }
-
-    function useForkRef(refA, refB) {
-      /**
-       * This will create a new function if the ref props change and are defined.
-       * This means react will call the old forkRef with `null` and the new forkRef
-       * with the ref. Cleanup naturally emerges from this behavior
-       */
-      return React__default["default"].useMemo(function () {
-        if (refA == null && refB == null) {
-          return null;
-        }
-
-        return function (instance) {
-          setRef(refA, instance);
-          setRef(refB, instance);
-        };
-      }, [refA, refB]);
-    }
-
-    var Modal = /*#__PURE__*/React.forwardRef(function (_a, ref) {
-      var head = _a.head,
-          isOpen = _a.isOpen,
-          body = _a.body,
-          onClose = _a.onClose,
-          className = _a.className,
-          children = _a.children;
-      var backdropRef = React.useRef(null);
-      var modalRef = React.useRef(null);
-      var combinedRef = useForkRef(ref, modalRef);
-      return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.CSSTransition, {
-        nodeRef: backdropRef,
-        unmountOnExit: true,
-        timeout: {
-          exit: 600
-        },
-        "in": isOpen,
-        classNames: "fr-modal-backdrop",
-        appear: true
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        ref: backdropRef,
-        className: "fr-modal-backdrop fwe-modal-backdrop"
-      })), /*#__PURE__*/React__default["default"].createElement(OutsideClickHandler__default["default"], {
-        onOutsideClick: function onOutsideClick() {
-          return onClose ? onClose() : undefined;
-        }
-      }, /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.CSSTransition, {
-        ref: modalRef,
-        unmountOnExit: true,
-        classNames: "fr-modal",
-        appear: true,
-        "in": isOpen,
-        timeout: {
-          exit: 600
-        }
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        ref: combinedRef,
-        className: classNames__default["default"]('fr-modal fwe-modal', className)
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-modal-close"
-      }, /*#__PURE__*/React__default["default"].createElement("button", {
-        type: "button",
-        "aria-label": "Close",
-        className: "fwe-btn fwe-btn-link fwe-dark",
-        onClick: onClose
-      }, /*#__PURE__*/React__default["default"].createElement("i", {
-        "aria-hidden": "true",
-        className: "fwe-icon fwe-icon-close-small"
-      }), /*#__PURE__*/React__default["default"].createElement("span", {
-        className: "fwe-sr-only"
-      }, "Close"))), /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-modal-header"
-      }, head), /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-modal-body"
-      }, body), children))));
-    });
-
-    var ModalFooter = /*#__PURE__*/React.forwardRef(function (_a, ref) {
-      var fullWidth = _a.fullWidth,
-          children = _a.children,
-          className = _a.className;
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        ref: ref,
-        className: classNames__default["default"]('fwe-modal-footer', className)
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: classNames__default["default"]('fwe-modal-buttons', {
-          'fwe-modal-buttons--full-width': fullWidth
-        })
-      }, children));
-    });
-
-    function AlertModal(_a) {
-      var alertType = _a.alertType,
-          title = _a.title,
-          className = _a.className,
-          body = _a.body,
-          strong = _a.strong,
-          subtitle = _a.subtitle,
-          cancel = _a.cancel,
-          ok = _a.ok,
-          onCancel = _a.onCancel,
-          onOk = _a.onOk,
-          props = __rest(_a, ["alertType", "title", "className", "body", "strong", "subtitle", "cancel", "ok", "onCancel", "onOk"]);
-
-      return /*#__PURE__*/React__default["default"].createElement(Modal, __assign({
-        className: classNames__default["default"]({
-          'fwe-modal--with-indicator-bar': strong,
-          'fwe-modal--warning': alertType === 'warning',
-          'fwe-modal--error': alertType === 'error',
-          'fwe-modal--info': alertType === 'info'
-        }, className),
-        head: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, subtitle && /*#__PURE__*/React__default["default"].createElement("h2", {
-          className: "fwe-modal-h2"
-        }, /*#__PURE__*/React__default["default"].createElement("i", {
-          className: classNames__default["default"]({
-            'fwe-icon': true,
-            'fwe-icon-status-warning': alertType === 'warning',
-            'fwe-icon-status-failure': alertType === 'error',
-            'fwe-icon-status-check-status': alertType === 'info'
-          })
-        }), subtitle), /*#__PURE__*/React__default["default"].createElement("h1", {
-          className: "fwe-modal-h1"
-        }, /*#__PURE__*/React__default["default"].createElement("i", {
-          className: classNames__default["default"]({
-            'fwe-icon': true,
-            'fwe-icon-status-warning': alertType === 'warning',
-            'fwe-icon-status-failure': alertType === 'error',
-            'fwe-icon-status-check-status': alertType === 'info'
-          })
-        }), title)),
-        body: /*#__PURE__*/React__default["default"].createElement("p", null, body)
-      }, props), (cancel || ok) && /*#__PURE__*/React__default["default"].createElement(ModalFooter, {
-        fullWidth: true
-      }, cancel && /*#__PURE__*/React__default["default"].createElement("button", {
-        type: "button",
-        "aria-label": "Cancel",
-        className: classNames__default["default"]('fwe-btn fwe-btn-lg', {
-          'fwe-btn-link': strong && (alertType === 'warning' || alertType === 'error')
-        }),
-        onClick: onCancel
-      }, cancel), ok && /*#__PURE__*/React__default["default"].createElement("button", {
-        type: "button",
-        "aria-label": "Ok",
-        className: "fwe-btn fwe-btn-hero fwe-btn-lg",
-        onClick: onOk
-      }, ok)));
-    }
-
-    /**
-     * Breadcrumb navigation can be used on pages with multiple navigation levels.
-     */
-
-    function Breadcrumb(_a) {
-      var locations = _a.locations,
-          _onClick = _a.onClick,
-          children = _a.children,
-          className = _a.className;
-      var childrenList = [];
-      React__default["default"].Children.forEach(children, function (element) {
-        if ( /*#__PURE__*/React__default["default"].isValidElement(element)) {
-          childrenList.push(__assign(__assign({}, element), {
-            props: __assign(__assign({}, element.props), {
-              className: 'fr-breadcrumb-location'
-            })
-          }));
-        }
-      });
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: classNames__default["default"]('fwe-breadcrumb', className)
-      }, locations ? locations.map(function (location, index) {
-        return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
-          key: location.url
-        }, /*#__PURE__*/React__default["default"].createElement("a", {
-          className: "fr-breadcrumb-location",
-          href: location.url,
-          onClick: function onClick(e) {
-            return _onClick ? _onClick(e) : undefined;
-          }
-        }, location.label), index + 1 < locations.length && /*#__PURE__*/React__default["default"].createElement("i", {
-          className: "fwe-icon fwe-icon-arrows-right-2"
-        }));
-      }) : childrenList.map(function (child, index) {
-        return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
-          key: child.props.children
-        }, child, " ", index + 1 < childrenList.length && /*#__PURE__*/React__default["default"].createElement("i", {
-          className: "fwe-icon fwe-icon-arrows-right-2"
-        }));
-      }));
-    }
-
-    function Button(_a) {
-      var icon = _a.icon,
-          _b = _a.disabled,
-          disabled = _b === void 0 ? false : _b,
-          _c = _a.iconOnly,
-          iconOnly = _c === void 0 ? false : _c,
-          _d = _a.large,
-          large = _d === void 0 ? false : _d,
-          onClick = _a.onClick,
-          _e = _a.primary,
-          primary = _e === void 0 ? false : _e,
-          className = _a.className,
-          children = _a.children;
-      var classes = classNames__default["default"]('fwe-btn', {
-        'fwe-btn-icon': iconOnly
-      }, {
-        'fwe-disabled': disabled
-      }, {
-        'fwe-btn-hero': primary
-      }, {
-        'fwe-btn-lg': large
-      }, className);
-      return /*#__PURE__*/React__default["default"].createElement("button", {
-        type: "button",
-        onClick: onClick,
-        className: classes,
-        disabled: disabled
-      }, icon && /*#__PURE__*/React__default["default"].createElement("i", {
-        className: "fwe-icon fwe-icon-" + icon
-      }), !iconOnly && /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fr-button-text"
-      }, children));
-    }
-
-    function Card(_a) {
-      var children = _a.children,
-          className = _a.className;
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: classNames__default["default"]('fwe-card', className)
-      }, children);
-    }
-
-    function CardBody(_a) {
-      var children = _a.children,
-          text = _a.text,
-          className = _a.className;
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: classNames__default["default"]('fwe-card-body', className)
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-card-text"
-      }, text), children);
-    }
-
-    function CardHeader(_a) {
-      var title = _a.title,
-          subtitle = _a.subtitle,
-          action = _a.action,
-          className = _a.className;
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: classNames__default["default"]('fwe-card-header', className)
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-card-title"
-      }, /*#__PURE__*/React__default["default"].createElement("h5", null, title), subtitle && /*#__PURE__*/React__default["default"].createElement("p", null, subtitle)), action);
-    }
-
-    function CardNotification(_a) {
-      var iconName = _a.iconName,
-          className = _a.className,
-          title = _a.title,
-          message = _a.message;
-      var classes = classNames__default["default"]('fwe-card-notification', className);
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: classes
-      }, /*#__PURE__*/React__default["default"].createElement("i", {
-        className: "fwe-icon fwe-icon-" + iconName + " fwe-icon-lg"
-      }), /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-card-title"
-      }, /*#__PURE__*/React__default["default"].createElement("h6", null, title), message && /*#__PURE__*/React__default["default"].createElement("p", null, message)));
-    }
-
-    exports.ChipType = void 0;
-
-    (function (ChipType) {
-      ChipType[ChipType["Choice"] = 0] = "Choice";
-      ChipType[ChipType["Category"] = 1] = "Category";
-      ChipType[ChipType["Filter"] = 2] = "Filter";
-      ChipType[ChipType["Action"] = 3] = "Action";
-      ChipType[ChipType["Readonly"] = 4] = "Readonly";
-    })(exports.ChipType || (exports.ChipType = {}));
-
-    function Chip(_a) {
-      var _b = _a.type,
-          type = _b === void 0 ? exports.ChipType.Choice : _b,
-          _c = _a.selected,
-          selected = _c === void 0 ? false : _c,
-          _d = _a.disabled,
-          disabled = _d === void 0 ? false : _d,
-          _e = _a.large,
-          large = _e === void 0 ? false : _e,
-          icon = _a.icon,
-          children = _a.children,
-          _onClick = _a.onClick,
-          className = _a.className;
-      var classes = classNames__default["default"]('fr-chip', 'fwe-chip', {
-        'fwe-selected': selected
-      }, {
-        'fwe-disabled': disabled
-      }, {
-        'fwe-chip-lg': large
-      }, {
-        'fwe-category': type === exports.ChipType.Category
-      }, {
-        'fwe-filter': type === exports.ChipType.Filter
-      }, {
-        'fwe-readonly': type === exports.ChipType.Readonly
-      }, className);
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: classes
-      }, icon && /*#__PURE__*/React__default["default"].createElement("i", {
-        onClick: function onClick(e) {
-          return _onClick ? _onClick(e) : undefined;
-        },
-        className: "fwe-icon fwe-icon-" + icon
-      }), children, type === exports.ChipType.Category && /*#__PURE__*/React__default["default"].createElement("i", {
-        onClick: function onClick(e) {
-          return _onClick ? _onClick(e) : undefined;
-        },
-        className: "fwe-icon fwe-icon-menu-close"
-      }));
-    }
-
-    function ChipContainer(_a) {
-      var _b = _a.large,
-          large = _b === void 0 ? false : _b,
-          children = _a.children,
-          className = _a.className;
-      var classes = classNames__default["default"]('fwe-chip-container', {
-        'fwe-chip-container-lg': large
-      }, className);
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: classes
-      }, children);
-    }
-
-    function Popover(_a) {
-      var popoverContent = _a.popoverContent,
-          children = _a.children,
-          position = _a.position,
-          fallbackPositions = _a.fallbackPositions,
-          _b = _a.open,
-          open = _b === void 0 ? false : _b,
-          onStatusChange = _a.onStatusChange,
-          wrapper = _a.wrapper,
-          className = _a.className,
-          _c = _a.flip,
-          flip = _c === void 0 ? true : _c,
-          containerClassName = _a.containerClassName,
-          stopPropagation = _a.stopPropagation,
-          _d = _a.arrow,
-          arrow = _d === void 0 ? true : _d;
-
-      var _e = React.useState(open),
-          showPopper = _e[0],
-          setShowPopper = _e[1];
-
-      var referenceElement = React.useRef(null);
-
-      var _f = React.useState(null),
-          popperElement = _f[0],
-          setPopperElement = _f[1];
-
-      var _g = React.useState(null),
-          arrowElement = _g[0],
-          setArrowElement = _g[1];
-
-      var classes = classNames__default["default"](className);
-      React.useEffect(function () {
-        setShowPopper(open);
-      }, [open]);
-
-      var _h = reactPopper.usePopper(referenceElement.current, popperElement, {
-        placement: position,
-        modifiers: [{
-          name: 'arrow',
-          options: {
-            element: arrowElement
-          }
-        }, {
-          name: 'offset',
-          options: {
-            offset: [0, 24]
-          }
-        }, {
-          name: 'flip',
-          options: {
-            fallbackPlacements: flip ? fallbackPositions : [position || 'auto']
-          }
-        }]
-      }),
-          styles = _h.styles,
-          attributes = _h.attributes;
-
-      var handleChange = function handleChange(e, status) {
-        if (stopPropagation) {
-          e.stopPropagation();
-        }
-
-        setShowPopper(status);
-
-        if (onStatusChange) {
-          onStatusChange(status);
-        }
-      };
-
-      var childrenWrapper = /*#__PURE__*/React__default["default"].createElement("div", {
-        className: classes,
-        style: {
-          display: 'inline'
-        },
-        ref: referenceElement,
-        onClick: function onClick(e) {
-          return handleChange(e, !showPopper);
-        }
-      }, children);
-      return /*#__PURE__*/React__default["default"].createElement(OutsideClickHandler__default["default"], {
-        display: "inline",
-        onOutsideClick: function onOutsideClick(e) {
-          return handleChange(e, false);
-        }
-      }, wrapper ? wrapper(childrenWrapper) : childrenWrapper, showPopper && /*#__PURE__*/React__default["default"].createElement("div", __assign({
-        onClick: function onClick(e) {
-          return e.stopPropagation();
-        },
-        className: classNames__default["default"]('fwe-popover-container', containerClassName),
-        ref: setPopperElement,
-        style: styles.popper
-      }, attributes.popper), /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-popover"
-      }, popoverContent), arrow && /*#__PURE__*/React__default["default"].createElement("div", {
-        ref: setArrowElement,
-        style: styles.arrow,
-        id: "arrow"
-      })));
-    }
-
-    function ColorIndicator(_a) {
-      var text = _a.text,
-          label = _a.label,
-          color = _a.color,
-          className = _a.className,
-          _b = _a.showPopOver,
-          showPopOver = _b === void 0 ? false : _b,
-          children = _a.children,
-          disabled = _a.disabled;
-      var classes = classNames__default["default"]('fwe-color-indicator', className, disabled);
-
-      var _c = React.useState(false),
-          isEditorOpen = _c[0],
-          setEditorOpen = _c[1];
-
-      function getBorderColor() {
-        if (!color || color.toUpperCase() === '#FFFFFF' || color.toUpperCase() === '#F2F3F5') {
-          return '#b6bec6'; // = $control-border
-        }
-
-        return color;
-      }
-
-      var colorBox = /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-color-box",
-        style: {
-          background: color,
-          borderColor: getBorderColor()
-        }
-      }, !color && /*#__PURE__*/React__default["default"].createElement("svg", {
-        className: "fwe-no-color-pattern",
-        version: "1.1",
-        xmlns: "http://www.w3.org/2000/svg",
-        xmlnsXlink: "http://www.w3.org/1999/xlink",
-        id: "canvas1",
-        width: "18",
-        height: "18"
-      }, /*#__PURE__*/React__default["default"].createElement("defs", null, /*#__PURE__*/React__default["default"].createElement("pattern", {
-        id: "bwsquare2px",
-        width: "4",
-        height: "4",
-        patternUnits: "userSpaceOnUse"
-      }, /*#__PURE__*/React__default["default"].createElement("rect", {
-        x: "0",
-        y: "0",
-        width: "2",
-        height: "2",
-        stroke: "none",
-        fill: "#ffffff"
-      }), /*#__PURE__*/React__default["default"].createElement("rect", {
-        x: "2",
-        y: "0",
-        width: "2",
-        height: "2",
-        stroke: "none",
-        fill: "#e5e8eb"
-      }), /*#__PURE__*/React__default["default"].createElement("rect", {
-        x: "0",
-        y: "2",
-        width: "2",
-        height: "2",
-        stroke: "none",
-        fill: "#e5e8eb"
-      }), /*#__PURE__*/React__default["default"].createElement("rect", {
-        x: "2",
-        y: "2",
-        width: "2",
-        height: "2",
-        stroke: "none",
-        fill: "#ffffff"
-      }))), /*#__PURE__*/React__default["default"].createElement("rect", {
-        x: "0",
-        y: "0",
-        rx: "0",
-        ry: "0",
-        width: "18",
-        height: "18",
-        fill: "url(#bwsquare2px)",
-        strokeWidth: "0"
-      })));
-
-      var wrapper = function wrapper(wrapperChildren) {
-        return /*#__PURE__*/React__default["default"].createElement("div", {
-          className: classes,
-          onClick: function onClick() {
-            return setEditorOpen(function (prevOpen) {
-              return showPopOver ? !prevOpen : prevOpen;
-            });
-          }
-        }, /*#__PURE__*/React__default["default"].createElement("div", {
-          style: {
-            opacity: isEditorOpen ? 0 : 1
-          },
-          className: "fwe-color-label"
-        }, label), /*#__PURE__*/React__default["default"].createElement("div", {
-          className: "fwe-color-container"
-        }, wrapperChildren, " ", text && /*#__PURE__*/React__default["default"].createElement("div", {
-          className: "fwe-color-indicator-text"
-        }, text), ' '));
-      };
-
-      return showPopOver ? /*#__PURE__*/React__default["default"].createElement(Popover, {
-        containerClassName: "fwe-popover-container--color-indicator",
-        position: "top",
-        flip: false,
-        wrapper: wrapper,
-        popoverContent: children,
-        open: isEditorOpen,
-        onStatusChange: setEditorOpen,
-        stopPropagation: true
-      }, colorBox) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, wrapper(colorBox));
-    }
-
-    var ColorHelper = function () {
-      function ColorHelper() {} // based on: https://gist.github.com/mjackson/5311256
-
-
-      ColorHelper.rgbToHsv = function (rgb) {
-        if (!rgb) {
-          return undefined;
-        }
-
-        var r = this.limitToByte(rgb.r) / 255;
-        var g = this.limitToByte(rgb.g) / 255;
-        var b = this.limitToByte(rgb.b) / 255;
-        var max = Math.max(r, g, b);
-        var min = Math.min(r, g, b);
-        var h = max;
-        var s = max;
-        var v = max;
-        var d = max - min;
-        s = max === 0 ? 0 : d / max;
-
-        if (max === min) {
-          h = 0; // achromatic
-        } else {
-          switch (max) {
-            case r:
-              h = (g - b) / d + (g < b ? 6 : 0);
-              break;
-
-            case g:
-              h = (b - r) / d + 2;
-              break;
-
-            case b:
-              h = (r - g) / d + 4;
-              break;
-
-          }
-
-          h /= 6;
-        }
-
-        return {
-          h: h,
-          s: s,
-          v: v
-        };
-      }; // based on: https://gist.github.com/mjackson/5311256
-
-
-      ColorHelper.hsvToRgb = function (_hsv) {
-        var hsv = _hsv;
-        hsv.h = this.limitToOne(_hsv.h);
-        hsv.s = this.limitToOne(_hsv.s);
-        hsv.v = this.limitToOne(_hsv.v);
-        var r = 0;
-        var g = 0;
-        var b = 0;
-        var i = Math.floor(hsv.h * 6);
-        var f = hsv.h * 6 - i;
-        var p = hsv.v * (1 - hsv.s);
-        var q = hsv.v * (1 - f * hsv.s);
-        var t = hsv.v * (1 - (1 - f) * hsv.s);
-
-        switch (i % 6) {
-          case 0:
-            r = hsv.v;
-            g = t;
-            b = p;
-            break;
-
-          case 1:
-            r = q;
-            g = hsv.v;
-            b = p;
-            break;
-
-          case 2:
-            r = p;
-            g = hsv.v;
-            b = t;
-            break;
-
-          case 3:
-            r = p;
-            g = q;
-            b = hsv.v;
-            break;
-
-          case 4:
-            r = t;
-            g = p;
-            b = hsv.v;
-            break;
-
-          case 5:
-            r = hsv.v;
-            g = p;
-            b = q;
-            break;
-
-        }
-
-        return {
-          r: this.limitToByte(r * 255),
-          g: this.limitToByte(g * 255),
-          b: this.limitToByte(b * 255)
-        };
-      };
-
-      ColorHelper.limitToByte = function (num) {
-        if (num <= 0) {
-          return 0;
-        }
-
-        if (num >= 255) {
-          return 255;
-        }
-
-        return num;
-      };
-
-      ColorHelper.limitToOne = function (num) {
-        if (num <= 0) {
-          return 0;
-        }
-
-        if (num >= 1) {
-          return 1;
-        }
-
-        return num;
-      };
-
-      ColorHelper.numberToHex = function (rgb) {
-        var hex = Math.round(rgb).toString(16);
-
-        if (hex.length < 2) {
-          hex = "0" + hex;
-        }
-
-        return hex.toUpperCase();
-      };
-
-      ColorHelper.rgbToHex = function (_rgb) {
-        var rgb = _rgb;
-        rgb.r = this.limitToByte(rgb.r);
-        rgb.g = this.limitToByte(rgb.g);
-        rgb.b = this.limitToByte(rgb.b);
-        var red = this.numberToHex(rgb.r);
-        var green = this.numberToHex(rgb.g);
-        var blue = this.numberToHex(rgb.b);
-        return "#" + red + green + blue;
-      };
-
-      ColorHelper.hexToRgb = function (hexString) {
-        var numbersOnly = hexString.substring(1);
-        var aRgbHex = numbersOnly.match(/.{1,2}/g);
-        return aRgbHex ? {
-          r: parseInt(aRgbHex[0], 16),
-          g: parseInt(aRgbHex[1], 16),
-          b: parseInt(aRgbHex[2], 16)
-        } : undefined;
-      };
-
-      return ColorHelper;
-    }();
-
-    var PREDEFINED_COLORS = ['#0091dc', '#333333', '#ffffff', '#f2f3f5', '#e5e8eb', '#d8dce1', '#b6bec6', '#80ca3d', '#ffd600', '#ff9600', '#d50000'];
-
-    function ColorPicker(_a) {
-      var _b = _a.palette,
-          palette = _b === void 0 ? PREDEFINED_COLORS : _b,
-          _c = _a.useAlpha,
-          useAlpha = _c === void 0 ? false : _c,
-          _d = _a.alpha,
-          alpha = _d === void 0 ? 100 : _d,
-          paletteOnly = _a.paletteOnly,
-          _e = _a.color,
-          color = _e === void 0 ? '#FFFFFF' : _e,
-          onChange = _a.onChange,
-          onAlphaChange = _a.onAlphaChange,
-          className = _a.className;
-      var baseSize = 184;
-      var initialRgb = ColorHelper.hexToRgb(color);
-      var defaultHsv = {
-        h: 0,
-        s: 0,
-        v: 1
-      };
-      var initialHsv = initialRgb ? ColorHelper.rgbToHsv(initialRgb) || defaultHsv : defaultHsv;
-
-      var _f = React.useState(initialHsv),
-          hsv = _f[0],
-          setHsv = _f[1];
-
-      var _g = React.useState(color),
-          innerColor = _g[0],
-          setInnerColor = _g[1];
-
-      var _h = React.useState((initialRgb === null || initialRgb === void 0 ? void 0 : initialRgb.r) || 255),
-          redInput = _h[0],
-          setRedInput = _h[1];
-
-      var _j = React.useState((initialRgb === null || initialRgb === void 0 ? void 0 : initialRgb.g) || 255),
-          greenInput = _j[0],
-          setGreenInput = _j[1];
-
-      var _k = React.useState((initialRgb === null || initialRgb === void 0 ? void 0 : initialRgb.b) || 255),
-          blueInput = _k[0],
-          setBlueInput = _k[1];
-
-      var _l = React.useState(color),
-          hexInputColor = _l[0],
-          setHexInputColor = _l[1];
-
-      var _m = React.useState('RGB'),
-          inputType = _m[0],
-          setInputType = _m[1];
-
-      var _o = React.useState(false),
-          selectOpen = _o[0],
-          setSelectOpen = _o[1];
-
-      var _p = React.useState(alpha),
-          innerAlpha = _p[0],
-          setInnerAlpha = _p[1];
-
-      var _q = React.useState(true),
-          changeColor = _q[0],
-          setChangeColor = _q[1];
-
-      function limitAlpha() {
-        if (innerAlpha > 100) {
-          return 100;
-        }
-
-        if (innerAlpha < 0) {
-          return 0;
-        }
-
-        return innerAlpha;
-      }
-
-      var hueKnobOffset = hsv.h * baseSize - 14 - baseSize;
-      var saturationKnobOffset = hsv.s * baseSize;
-      var valueKnobOffset = (1 - hsv.v) * baseSize;
-      var alphaKnobOffset = (100 - limitAlpha()) / 100 * baseSize;
-
-      function getSaturationGradient() {
-        return "linear-gradient(to right, white,  hsl(" + hsv.h * 360 + ", 100%, 50%) )";
-      }
-
-      function updateInputs(hexColor) {
-        setHexInputColor(hexColor);
-        var rgb = ColorHelper.hexToRgb(hexColor);
-
-        if (rgb) {
-          setRedInput(rgb.r);
-          setGreenInput(rgb.g);
-          setBlueInput(rgb.b);
-        }
-      }
-
-      React.useEffect(function () {
-        if (onChange) {
-          onChange(innerColor);
-        }
-      }, [onChange, innerColor]);
-      React.useEffect(function () {
-        if (onAlphaChange && innerAlpha) {
-          onAlphaChange(innerAlpha);
-        }
-      }, [onAlphaChange, innerAlpha]);
-      var updateColorHsv = React.useCallback(function (_hsv, _changeColor) {
-        var rgb = ColorHelper.hsvToRgb(_hsv);
-        var hex = ColorHelper.rgbToHex(rgb);
-
-        if (_changeColor) {
-          setInnerColor(hex);
-        }
-
-        updateInputs(hex);
-      }, []);
-      React.useEffect(function () {
-        updateColorHsv(hsv, changeColor);
-      }, [updateColorHsv, hsv, changeColor]);
-
-      function updateGradient(x, y) {
-        setChangeColor(true);
-        setHsv(function (prevHsv) {
-          return __assign(__assign({}, prevHsv), {
-            s: Math.floor(x) / baseSize,
-            v: (baseSize - y) / baseSize
-          });
-        });
-      }
-
-      function onGradientDrag(e, data) {
-        e.preventDefault();
-        updateGradient(data.x, data.y);
-      }
-
-      function updateHue(y) {
-        var newHue = y / baseSize;
-        setChangeColor(true);
-        setHsv(function (prevHsv) {
-          return __assign(__assign({}, prevHsv), {
-            h: newHue
-          });
-        });
-      }
-
-      function onHueDrag(e, data) {
-        e.preventDefault();
-        updateHue(data.y + 14 + baseSize);
-      }
-
-      function updateAlpha(y) {
-        setInnerAlpha(100 - Math.round(y / baseSize * 100));
-      }
-
-      function onAlphaDrag(e, data) {
-        e.preventDefault();
-        updateAlpha(data.y);
-      }
-
-      var updateColorRgb = function updateColorRgb(newColor) {
-        var currentColor = newColor || '#FFFFFF';
-        updateInputs(currentColor);
-        var rgb = ColorHelper.hexToRgb(currentColor);
-        setChangeColor(false);
-
-        if (rgb) {
-          var newHsv = ColorHelper.rgbToHsv(rgb);
-
-          if (newHsv) {
-            setHsv(newHsv);
-          }
-        }
-
-        setInnerColor(newColor);
-      };
-
-      var isHexColor = function isHexColor(_color) {
-        return /^#[0-9A-F]{6}$/i.test(_color);
-      };
-
-      function onHexInput(event) {
-        var newHexInputColor = event.target.value;
-        setHexInputColor(newHexInputColor.toUpperCase());
-
-        if (isHexColor(newHexInputColor)) {
-          updateColorRgb(newHexInputColor.toUpperCase());
-        }
-      }
-
-      function onHexBlur() {
-        if (!isHexColor(hexInputColor) && innerColor) {
-          setHexInputColor(innerColor);
-          updateColorRgb(innerColor);
-        }
-      }
-
-      function onRgbBlur(channel) {
-        var currentInput = '';
-
-        switch (channel) {
-          case 'r':
-            currentInput = redInput;
-            break;
-
-          case 'g':
-            currentInput = greenInput;
-            break;
-
-          case 'b':
-            currentInput = blueInput;
-            break;
-
-        }
-
-        if (typeof currentInput !== 'number' || typeof currentInput === 'number' && currentInput > 255 && currentInput < 0) {
-          var rgb = ColorHelper.hexToRgb(innerColor || '#FFFFFF');
-
-          if (rgb) {
-            var newHexColor = ColorHelper.rgbToHex(rgb);
-            updateInputs(newHexColor);
-          }
-        }
-      }
-
-      function onRgbInput(_value, channel) {
-        var numberValue = Number.parseInt(_value, 10);
-
-        switch (channel) {
-          case 'r':
-            setRedInput(_value);
-            break;
-
-          case 'g':
-            setGreenInput(_value);
-            break;
-
-          case 'b':
-            setBlueInput(_value);
-            break;
-
-        }
-
-        if (numberValue <= 255 && numberValue >= 0) {
-          var rgb = ColorHelper.hexToRgb(innerColor || '#FFFFFF');
-
-          if (rgb) {
-            rgb[channel] = numberValue;
-            var newHexColor = ColorHelper.rgbToHex(rgb);
-            setInnerColor(newHexColor);
-            updateColorRgb(newHexColor);
-          }
-        }
-      }
-
-      function onAlphaInput(_alpha) {
-        var numberValue = Number.parseInt(_alpha, 10);
-        setInnerAlpha(numberValue);
-      }
-
-      function onAlphaBlur() {
-        setInnerAlpha(limitAlpha());
-      }
-
-      var onChangeType = function onChangeType(type) {
-        setInputType(type);
-        setSelectOpen(false);
-      };
-
-      function onRemoveColor() {
-        if (useAlpha) {
-          setInnerAlpha(0);
-        } else {
-          updateColorRgb();
-        }
-      }
-
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: classNames__default["default"]('fwe-color-picker', {
-          'fwe-alpha-active': useAlpha
-        }, className)
-      }, !paletteOnly && /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-d-flex"
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-gradient-picker"
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-saturation-gradient",
-        style: {
-          backgroundImage: getSaturationGradient()
-        }
-      }), /*#__PURE__*/React__default["default"].createElement("div", {
-        onClick: function onClick(_a) {
-          var _b = _a.nativeEvent,
-              offsetX = _b.offsetX,
-              offsetY = _b.offsetY;
-          return updateGradient(offsetX, offsetY);
-        },
-        className: "fwe-brightness-gradient"
-      }), /*#__PURE__*/React__default["default"].createElement(Draggable__default["default"], {
-        position: {
-          x: saturationKnobOffset,
-          y: valueKnobOffset
-        },
-        onDrag: function onDrag(e, data) {
-          return onGradientDrag(e, data);
-        },
-        bounds: "parent"
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-knob"
-      }))), /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-hue-picker"
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-picker-background",
-        onClick: function onClick(_a) {
-          var offsetY = _a.nativeEvent.offsetY;
-          return updateHue(offsetY);
-        }
-      }), /*#__PURE__*/React__default["default"].createElement(Draggable__default["default"], {
-        position: {
-          x: 3,
-          y: hueKnobOffset
-        },
-        onDrag: function onDrag(e, data) {
-          return onHueDrag(e, data);
-        },
-        bounds: "parent"
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-knob",
-        style: {
-          background: "hsl(" + hsv.h * 360 + ", 100%, 50%)"
-        }
-      }))), useAlpha && /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-alpha-picker"
-      }, /*#__PURE__*/React__default["default"].createElement("svg", {
-        className: "fwe-no-color-pattern",
-        version: "1.1",
-        xmlns: "http://www.w3.org/2000/svg",
-        xmlnsXlink: "http://www.w3.org/1999/xlink",
-        id: "canvas1",
-        width: "8",
-        height: "184"
-      }, /*#__PURE__*/React__default["default"].createElement("defs", null, /*#__PURE__*/React__default["default"].createElement("pattern", {
-        id: "bwsquare2px",
-        width: "4",
-        height: "4",
-        patternUnits: "userSpaceOnUse"
-      }, /*#__PURE__*/React__default["default"].createElement("rect", {
-        x: "0",
-        y: "0",
-        width: "2",
-        height: "2",
-        stroke: "none",
-        fill: "#ffffff"
-      }), /*#__PURE__*/React__default["default"].createElement("rect", {
-        x: "2",
-        y: "0",
-        width: "2",
-        height: "2",
-        stroke: "none",
-        fill: "#e5e8eb"
-      }), /*#__PURE__*/React__default["default"].createElement("rect", {
-        x: "0",
-        y: "2",
-        width: "2",
-        height: "2",
-        stroke: "none",
-        fill: "#e5e8eb"
-      }), /*#__PURE__*/React__default["default"].createElement("rect", {
-        x: "2",
-        y: "2",
-        width: "2",
-        height: "2",
-        stroke: "none",
-        fill: "#ffffff"
-      }))), /*#__PURE__*/React__default["default"].createElement("rect", {
-        x: "0",
-        y: "0",
-        rx: "4",
-        ry: "4",
-        width: "8",
-        height: "184",
-        fill: "url(#bwsquare2px)",
-        strokeWidth: "0"
-      })), /*#__PURE__*/React__default["default"].createElement("div", {
-        onClick: function onClick(_a) {
-          var offsetY = _a.nativeEvent.offsetY;
-          return updateAlpha(offsetY);
-        },
-        className: "fwe-picker-background",
-        style: {
-          backgroundImage: "linear-gradient( " + innerColor + ",  transparent)"
-        }
-      }), /*#__PURE__*/React__default["default"].createElement(Draggable__default["default"], {
-        position: {
-          x: 3,
-          y: alphaKnobOffset
-        },
-        onDrag: function onDrag(e, data) {
-          return onAlphaDrag(e, data);
-        },
-        bounds: "parent"
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-knob"
-      })))), !paletteOnly && /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-mt-s"
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-type-select"
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-type-indicator",
-        onClick: function onClick() {
-          return setSelectOpen(function (prevOpen) {
-            return !prevOpen;
-          });
-        }
-      }, /*#__PURE__*/React__default["default"].createElement("span", {
-        className: "fwe-input-type"
-      }, inputType), /*#__PURE__*/React__default["default"].createElement("i", {
-        className: "fwe-icon fwe-icon-arrows-collapse"
-      })), selectOpen && /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-popover"
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: classNames__default["default"]('fwe-type-item', {
-          'fwe-selected': inputType === 'HEX'
-        }),
-        onClick: function onClick() {
-          return onChangeType('HEX');
-        }
-      }, /*#__PURE__*/React__default["default"].createElement("i", {
-        className: "fwe-icon fwe-icon-menu-check"
-      }), " HEX"), /*#__PURE__*/React__default["default"].createElement("div", {
-        className: classNames__default["default"]('fwe-type-item', {
-          'fwe-selected': inputType === 'RGB'
-        }),
-        onClick: function onClick() {
-          return onChangeType('RGB');
-        }
-      }, /*#__PURE__*/React__default["default"].createElement("i", {
-        className: "fwe-icon fwe-icon-menu-check"
-      }), " RGB"))), /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-d-flex"
-      }, inputType === 'HEX' && /*#__PURE__*/React__default["default"].createElement("label", {
-        className: "fwe-input-text fwe-hex-input"
-      }, /*#__PURE__*/React__default["default"].createElement("input", {
-        type: "text",
-        value: hexInputColor,
-        onBlur: onHexBlur,
-        onChange: onHexInput
-      })), inputType === 'RGB' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("label", {
-        className: "fwe-input-text fwe-red-input"
-      }, /*#__PURE__*/React__default["default"].createElement("input", {
-        type: "text",
-        value: redInput,
-        onBlur: function onBlur() {
-          return onRgbBlur('r');
-        },
-        onChange: function onChange(e) {
-          return onRgbInput(e.target.value, 'r');
-        }
-      })), /*#__PURE__*/React__default["default"].createElement("label", {
-        className: "fwe-input-text fwe-green-input"
-      }, /*#__PURE__*/React__default["default"].createElement("input", {
-        type: "text",
-        value: greenInput,
-        onBlur: function onBlur() {
-          return onRgbBlur('g');
-        },
-        onChange: function onChange(e) {
-          return onRgbInput(e.target.value, 'g');
-        }
-      })), /*#__PURE__*/React__default["default"].createElement("label", {
-        className: "fwe-input-text fwe-green-input"
-      }, /*#__PURE__*/React__default["default"].createElement("input", {
-        type: "text",
-        value: blueInput,
-        onBlur: function onBlur() {
-          return onRgbBlur('b');
-        },
-        onChange: function onChange(e) {
-          return onRgbInput(e.target.value, 'b');
-        }
-      }))), useAlpha && /*#__PURE__*/React__default["default"].createElement("label", {
-        className: "fwe-input-text fwe-alpha-input fwe-ml-auto"
-      }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement("input", {
-        type: "number",
-        min: "0",
-        max: "100",
-        value: innerAlpha,
-        onBlur: function onBlur() {
-          return onAlphaBlur();
-        },
-        onChange: function onChange(e) {
-          return onAlphaInput(e.target.value);
-        }
-      }), /*#__PURE__*/React__default["default"].createElement("span", {
-        className: "fwe-percent-char"
-      }, "%"))))), /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-mt-xs fwe-color-grid"
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-remove-color-button",
-        onClick: onRemoveColor
-      }, /*#__PURE__*/React__default["default"].createElement("svg", {
-        className: "fwe-no-color-pattern",
-        version: "1.1",
-        xmlns: "http://www.w3.org/2000/svg",
-        xmlnsXlink: "http://www.w3.org/1999/xlink",
-        id: "canvas1",
-        width: "18",
-        height: "18"
-      }, /*#__PURE__*/React__default["default"].createElement("defs", null, /*#__PURE__*/React__default["default"].createElement("pattern", {
-        id: "bwsquare2px",
-        width: "4",
-        height: "4",
-        patternUnits: "userSpaceOnUse"
-      }, /*#__PURE__*/React__default["default"].createElement("rect", {
-        x: "0",
-        y: "0",
-        width: "2",
-        height: "2",
-        stroke: "none",
-        fill: "#ffffff"
-      }), /*#__PURE__*/React__default["default"].createElement("rect", {
-        x: "2",
-        y: "0",
-        width: "2",
-        height: "2",
-        stroke: "none",
-        fill: "#e5e8eb"
-      }), /*#__PURE__*/React__default["default"].createElement("rect", {
-        x: "0",
-        y: "2",
-        width: "2",
-        height: "2",
-        stroke: "none",
-        fill: "#e5e8eb"
-      }), /*#__PURE__*/React__default["default"].createElement("rect", {
-        x: "2",
-        y: "2",
-        width: "2",
-        height: "2",
-        stroke: "none",
-        fill: "#ffffff"
-      }))), /*#__PURE__*/React__default["default"].createElement("rect", {
-        x: "0",
-        y: "0",
-        rx: "0",
-        ry: "0",
-        width: "18",
-        height: "18",
-        fill: "url(#bwsquare2px)",
-        strokeWidth: "0"
-      })), /*#__PURE__*/React__default["default"].createElement("i", {
-        className: classNames__default["default"]('fwe-icon fwe-icon-menu-check', {
-          'fwe-color-text': !innerColor
-        })
-      })), palette.map(function (colorItem) {
-        var itemClasses = classNames__default["default"]('fwe-color-item', {
-          'fwe-white-item': colorItem.toUpperCase() === '#FFFFFF'
-        });
-        return /*#__PURE__*/React__default["default"].createElement("div", {
-          key: colorItem,
-          className: itemClasses,
-          style: {
-            background: colorItem
-          },
-          onClick: function onClick() {
-            return updateColorRgb(colorItem.toUpperCase());
-          }
-        }, innerColor === colorItem.toUpperCase() && /*#__PURE__*/React__default["default"].createElement("i", {
-          className: "fwe-icon fwe-icon-menu-check"
-        }));
-      })));
-    }
-
-    function ConfirmModal(_a) {
-      var title = _a.title,
-          subtitle = _a.subtitle,
-          body = _a.body,
-          className = _a.className,
-          cancel = _a.cancel,
-          ok = _a.ok,
-          onCancel = _a.onCancel,
-          onOk = _a.onOk,
-          isOpen = _a.isOpen,
-          props = __rest(_a, ["title", "subtitle", "body", "className", "cancel", "ok", "onCancel", "onOk", "isOpen"]);
-
-      var _b = React.useState(false),
-          hasScrollableContent = _b[0],
-          setScrollableContent = _b[1];
-
-      var ref = React.useCallback(function (node) {
-        if (node !== null) {
-          setScrollableContent(node.scrollHeight > node.getBoundingClientRect().height);
-        }
-      }, []);
-      React.useEffect(function () {
-        if (!isOpen) {
-          setScrollableContent(false);
-        }
-      }, [isOpen]);
-      return /*#__PURE__*/React__default["default"].createElement(Modal, __assign({
-        className: classNames__default["default"]({
-          'fwe-modal--with-scrollable-content': hasScrollableContent
-        }, className),
-        head: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, subtitle && /*#__PURE__*/React__default["default"].createElement("h2", {
-          className: "fwe-modal-h2"
-        }, subtitle), /*#__PURE__*/React__default["default"].createElement("h1", {
-          className: "fwe-modal-h1"
-        }, title)),
-        ref: ref,
-        body: /*#__PURE__*/React__default["default"].createElement("p", null, body),
-        isOpen: isOpen
-      }, props), (cancel || ok) && /*#__PURE__*/React__default["default"].createElement(ModalFooter, {
-        fullWidth: !hasScrollableContent
-      }, cancel && /*#__PURE__*/React__default["default"].createElement("button", {
-        type: "button",
-        "aria-label": "Cancel",
-        className: "fwe-btn fwe-btn-lg",
-        onClick: onCancel
-      }, cancel), ok && /*#__PURE__*/React__default["default"].createElement("button", {
-        type: "button",
-        "aria-label": "Ok",
-        className: "fwe-btn fwe-btn-hero fwe-btn-lg",
-        onClick: onOk
-      }, ok)));
-    }
-
-    function DatePicker(_a) {
-      var children = _a.children,
-          className = _a.className,
-          disabled = _a.disabled,
-          required = _a.required,
-          error = _a.error,
-          hint = _a.hint,
-          value = _a.value,
-          _b = _a.defaultValue,
-          defaultValue = _b === void 0 ? new Date() : _b,
-          _c = _a.formatDate,
-          formatDate = _c === void 0 ? Intl.DateTimeFormat().format : _c,
-          options = _a.options,
-          onChange = _a.onChange;
-
-      var _d = React.useState(false),
-          open = _d[0],
-          setOpen = _d[1];
-
-      var _e = React.useState(null),
-          calendar = _e[0],
-          setCalendar = _e[1];
-
-      var innerDefaultValue = value || defaultValue;
-
-      function toggle() {
-        var newOpen = !open;
-        setOpen(newOpen);
-
-        if (newOpen) {
-          calendar.open();
-        } else {
-          calendar.close();
-        }
-      }
-
-      var datePickerRef = React.useRef(null);
-
-      var _f = options || {},
-          keepOpenOnDateChange = _f.keepOpenOnDateChange,
-          maxDate = _f.maxDate,
-          minDate = _f.minDate;
-
-      React.useEffect(function () {
-        if (calendar !== null && value !== undefined) {
-          calendar.setDate(value);
-        }
-      }, [calendar, value]);
-      React.useEffect(function () {
-        var _a;
-
-        function handleChange(date) {
-          datePickerRef.current.blur();
-
-          if (onChange) {
-            onChange(date);
-          }
-        }
-
-        function handleClose() {
-          setOpen(false);
-          datePickerRef.current.blur();
-        }
-
-        if (datePickerRef.current && calendar === null) {
-          setCalendar(flatpickr__default["default"](datePickerRef.current, {
-            defaultDate: innerDefaultValue,
-            onChange: function onChange(v) {
-              return handleChange(v[0]);
-            },
-            onClose: handleClose,
-            position: 'below center',
-            formatDate: formatDate,
-            closeOnSelect: (_a = !keepOpenOnDateChange) !== null && _a !== void 0 ? _a : true,
-            clickOpens: false,
-            minDate: minDate,
-            maxDate: maxDate
-          }));
-        }
-      }, [datePickerRef, calendar, maxDate, minDate, onChange, innerDefaultValue, formatDate, keepOpenOnDateChange]);
-      React.useEffect(function () {
-        return function () {
-          if (calendar !== null) {
-            calendar.destroy();
-          }
-        };
-      }, [calendar]);
-      return /*#__PURE__*/React__default["default"].createElement("label", {
-        className: classNames__default["default"]('fwe-input-text fwe-input-text-icon', className),
-        onClick: toggle
-      }, /*#__PURE__*/React__default["default"].createElement("i", {
-        className: classNames__default["default"]('fwe-icon fwe-icon-time-calendar', {
-          'fwe-color-hero': open && !disabled,
-          'fwe-color-control-disabled': disabled
-        })
-      }), /*#__PURE__*/React__default["default"].createElement("input", {
-        ref: datePickerRef,
-        "aria-label": "picked date",
-        type: "text",
-        readOnly: true,
-        required: required || null,
-        className: classNames__default["default"]('fr-date-picker', {
-          'fwe-border-hero': open && !disabled
-        }),
-        disabled: disabled
-      }), /*#__PURE__*/React__default["default"].createElement("span", {
-        className: "fwe-input-text-label"
-      }, children), hint && /*#__PURE__*/React__default["default"].createElement("span", {
-        className: "fwe-input-text-info"
-      }, hint), error && /*#__PURE__*/React__default["default"].createElement("span", {
-        className: "fwe-input-text-invalid"
-      }, error));
-    }
-
-    function DateRangePicker(_a) {
-      var children = _a.children,
-          className = _a.className,
-          disabled = _a.disabled,
-          error = _a.error,
-          formatDate = _a.formatDate,
-          hint = _a.hint,
-          onChange = _a.onChange,
-          options = _a.options,
-          required = _a.required,
-          _b = _a.defaultValue,
-          defaultValue = _b === void 0 ? new Date() : _b;
-
-      var _c = React.useState(false),
-          open = _c[0],
-          setOpen = _c[1];
-
-      var _d = React.useState(null),
-          calendar = _d[0],
-          setCalendar = _d[1];
-
-      function toggle() {
-        var newOpen = !open;
-        setOpen(newOpen);
-
-        if (newOpen) {
-          calendar.open();
-        } else {
-          calendar.close();
-        }
-      }
-
-      var inputRef = React.useRef(null);
-      var input2Ref = React.useRef(null);
-      var containerRef = React.useRef(null);
-      React.useEffect(function () {
-        var _a;
-
-        function handleChange(dates) {
-          if (onChange) {
-            onChange(dates);
-          }
-        }
-
-        function handleClose() {
-          setOpen(false);
-          inputRef.current.blur();
-          input2Ref.current.blur();
-        }
-
-        if (containerRef.current && inputRef.current && input2Ref.current && calendar === null) {
-          setCalendar(flatpickr__default["default"](inputRef.current, {
-            defaultDate: defaultValue,
-            plugins: [rangePlugin__default["default"]({
-              input: input2Ref.current
-            })],
-            onChange: function onChange(v) {
-              return handleChange(v);
-            },
-            position: 'below center',
-            positionElement: containerRef.current,
-            formatDate: formatDate,
-            closeOnSelect: (_a = !(options === null || options === void 0 ? void 0 : options.keepOpenOnDateChange)) !== null && _a !== void 0 ? _a : true,
-            clickOpens: false,
-            onClose: handleClose,
-            minDate: options === null || options === void 0 ? void 0 : options.minDate,
-            maxDate: options === null || options === void 0 ? void 0 : options.maxDate
-          }));
-        }
-      }, [inputRef, input2Ref, containerRef, formatDate, options, onChange, calendar, defaultValue]);
-      React.useEffect(function () {
-        return function () {
-          if (calendar !== null) {
-            calendar.destroy();
-          }
-        };
-      }, [calendar]);
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: classNames__default["default"]('fr-date-range-picker', className),
-        onClick: toggle
-      }, /*#__PURE__*/React__default["default"].createElement("label", {
-        className: "fwe-input-text fwe-input-text-icon"
-      }, /*#__PURE__*/React__default["default"].createElement("i", {
-        className: classNames__default["default"]('fwe-icon fwe-icon-time-calendar', {
-          'fwe-color-hero': open && !disabled,
-          'fwe-color-control-disabled': disabled
-        })
-      }), /*#__PURE__*/React__default["default"].createElement("div", {
-        ref: containerRef,
-        className: "fr-date-range-picker-inputs"
-      }, /*#__PURE__*/React__default["default"].createElement("input", {
-        ref: inputRef,
-        "aria-label": "picked start date",
-        type: "text",
-        readOnly: true,
-        required: required || null,
-        className: classNames__default["default"]({
-          'fwe-border-hero': open && !disabled
-        }),
-        disabled: disabled
-      }), /*#__PURE__*/React__default["default"].createElement("input", {
-        ref: input2Ref,
-        "aria-label": "picked end date",
-        type: "text",
-        readOnly: true,
-        required: required || null,
-        className: classNames__default["default"]({
-          'fwe-border-hero': open && !disabled
-        }),
-        disabled: disabled
-      })), /*#__PURE__*/React__default["default"].createElement("span", {
-        className: classNames__default["default"]('fwe-input-text-label', {
-          'fwe-color-text-disabled': disabled
-        })
-      }, children), hint && /*#__PURE__*/React__default["default"].createElement("span", {
-        className: "fwe-input-text-info"
-      }, hint), error && /*#__PURE__*/React__default["default"].createElement("span", {
-        className: "fwe-input-text-invalid"
-      }, error)));
-    }
-
-    function LinkButton(_a) {
-      var icon = _a.icon,
-          onClick = _a.onClick,
-          _b = _a.disabled,
-          disabled = _b === void 0 ? false : _b,
-          children = _a.children,
-          _c = _a.iconOnly,
-          iconOnly = _c === void 0 ? false : _c,
-          className = _a.className;
-      var classes = classNames__default["default"]('fwe-btn', 'fwe-btn-link', {
-        'fwe-disabled': disabled
-      }, className);
-      return /*#__PURE__*/React__default["default"].createElement("button", {
-        onClick: onClick,
-        type: "button",
-        className: classes,
-        disabled: disabled
-      }, /*#__PURE__*/React__default["default"].createElement("i", {
-        className: "fwe-icon fwe-icon-" + icon
-      }), !iconOnly && children);
-    }
-
-    function LoadingIndicator(_a) {
-      var _b = _a.size,
-          size = _b === void 0 ? 'large' : _b,
-          children = _a.children,
-          className = _a.className;
-      var classes = classNames__default["default"]('fwe-waiting-indicator', {
-        'fwe-waiting-indicator-md': size === 'medium'
-      }, {
-        'fwe-waiting-indicator-sm': size === 'small'
-      }, className);
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fr-waiting-container"
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: classes
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-waiting-circle-1"
-      }), /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-waiting-circle-2"
-      }), /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-waiting-circle-3"
-      })), children);
-    }
-
-    var PaginationType;
-
-    (function (PaginationType) {
-      PaginationType["Simple"] = "SIMPLE";
-      PaginationType["Numeric"] = "NUMERIC";
-      PaginationType["Dots"] = "DOTS";
-    })(PaginationType || (PaginationType = {}));
-
-    function Pagination(props) {
-      var pageMax = props.pageMax,
-          onChange = props.onChange,
-          pageCurrent = props.pageCurrent,
-          _a = props.defaultPageCurrent,
-          defaultPageCurrent = _a === void 0 ? 1 : _a,
-          _b = props.type,
-          type = _b === void 0 ? PaginationType.Numeric : _b,
-          className = props.className;
-      var controlled = pageCurrent !== undefined;
-
-      var _c = React.useState(controlled ? pageCurrent : defaultPageCurrent),
-          innerPageCurrent = _c[0],
-          setInnerPageCurrent = _c[1];
-
-      var dotArray = Array.from(new Array(pageMax).keys());
-      React.useEffect(function () {
-        if (controlled) {
-          setInnerPageCurrent(pageCurrent);
-        }
-      }, [pageCurrent, controlled]);
-
-      function handleChange(newPage) {
-        if (!controlled) {
-          setInnerPageCurrent(newPage);
-        }
-
-        if (onChange) {
-          onChange(newPage);
-        }
-      }
-
-      function onBtnDown() {
-        if (innerPageCurrent > 1) {
-          var newPageCurrent = innerPageCurrent - 1;
-          handleChange(newPageCurrent);
-        }
-      }
-
-      function onBtnUp() {
-        if (innerPageCurrent < pageMax) {
-          var newPageCurrent = innerPageCurrent + 1;
-          handleChange(newPageCurrent);
-        }
-      }
-
-      function onDotClick(index) {
-        var newPageCurrent = index + 1;
-        handleChange(newPageCurrent);
-      }
-
-      function handleKeyPress(event, index) {
-        if (event.key === 'Enter' || event.key === ' ') {
-          onDotClick(index);
-        }
-      }
-
-      return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, type !== PaginationType.Dots && /*#__PURE__*/React__default["default"].createElement("div", {
-        className: classNames__default["default"]('fwe-pagination fwe-p-m', {
-          'fwe-d-none': pageMax < 2
-        }, className)
-      }, /*#__PURE__*/React__default["default"].createElement("button", {
-        className: classNames__default["default"]('fwe-navigate-btn-down', {
-          'fwe-disabled': innerPageCurrent <= 1
-        }),
-        onClick: onBtnDown,
-        type: "button",
-        "aria-label": "navigate-btn-down"
-      }), type === PaginationType.Numeric && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", {
-        className: "fwe-page-current"
-      }, innerPageCurrent), /*#__PURE__*/React__default["default"].createElement("span", {
-        className: "fwe-page-max"
-      }, pageMax)), /*#__PURE__*/React__default["default"].createElement("button", {
-        className: classNames__default["default"]('fwe-navigate-btn-up', {
-          'fwe-disabled': innerPageCurrent >= pageMax,
-          'fwe-ml-4': type === PaginationType.Simple
-        }),
-        onClick: onBtnUp,
-        type: "button",
-        "aria-label": "navigate-btn-up"
-      })), type === PaginationType.Dots && /*#__PURE__*/React__default["default"].createElement("div", {
-        className: classNames__default["default"]('fwe-p-m', {
-          'fwe-d-none': pageMax < 2
-        }, className)
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-pagination"
-      }, dotArray.map(function (index) {
-        return /*#__PURE__*/React__default["default"].createElement("span", {
-          tabIndex: 0,
-          role: "button",
-          key: index,
-          className: classNames__default["default"]('fwe-page-dot', {
-            'fwe-selected': index + 1 === innerPageCurrent
-          }),
-          onClick: function onClick() {
-            return onDotClick(index);
-          },
-          "aria-label": "page-dot",
-          onKeyPress: function onKeyPress(e) {
-            return handleKeyPress(e, index);
-          }
-        });
-      }))));
-    }
-
-    function Progress(_a) {
-      var _b = _a.background,
-          background = _b === void 0 ? 'white' : _b,
-          _c = _a.error,
-          error = _c === void 0 ? false : _c,
-          progress = _a.progress,
-          className = _a.className;
-      var classes = classNames__default["default"]('fwe-progress-bar', {
-        'fwe-bg-red': error
-      }, {
-        'fwe-progress-bar-black': background === 'black'
-      }, {
-        'fwe-progress-bar-background': background === 'background'
-      });
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: classNames__default["default"]('fwe-progress', className)
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: classes,
-        role: "progressbar",
-        style: {
-          width: progress + "%"
-        },
-        "aria-valuenow": progress,
-        "aria-valuemin": 0,
-        "aria-valuemax": 100,
-        "aria-label": "progressbar"
-      }));
-    }
-
-    function Tabs(_a) {
-      var _b, _c, _d;
-
-      var config = _a.config,
-          children = _a.children,
-          className = _a.className,
-          onChange = _a.onChange;
-      var activeId = '';
-      React__default["default"].Children.forEach(children, function (element) {
-        if ( /*#__PURE__*/React__default["default"].isValidElement(element)) {
-          if (activeId === '') {
-            activeId = element.props.id;
-          } else if (element.props.active) {
-            activeId = element.props.id;
-          }
-        }
-      });
-
-      var _e = React.useState(activeId),
-          currentId = _e[0],
-          setId = _e[1];
-
-      var tabListClasses = classNames__default["default"]('fwe-tab-bar', {
-        'fwe-tab-bar-full-width': (_b = config.tabBar) === null || _b === void 0 ? void 0 : _b.fullWidth
-      }, {
-        'fwe-tab-items-equal-width': ((_c = config.tabItems) === null || _c === void 0 ? void 0 : _c.appearance) === 'equal'
-      }, {
-        'fwe-tab-items-fill': ((_d = config.tabItems) === null || _d === void 0 ? void 0 : _d.appearance) === 'fill'
-      });
-
-      var showTabPane = function showTabPane(id) {
-        if (onChange) {
-          onChange({
-            previous: currentId,
-            current: id
-          });
-        }
-
-        setId(id);
-      };
-
-      var innerChildren = React__default["default"].Children.map(children, function (element) {
-        if ( /*#__PURE__*/React.isValidElement(element)) {
-          return /*#__PURE__*/React__default["default"].cloneElement(element, {
-            isVisible: element.props.id === currentId,
-            active: element.props.id === currentId
-          });
-        }
-
-        return undefined;
-      });
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: classNames__default["default"]('fwe-tabs', className)
-      }, /*#__PURE__*/React__default["default"].createElement("ul", {
-        role: "tablist",
-        className: tabListClasses
-      }, innerChildren.map(function (child) {
-        var _a = child.props,
-            id = _a.id,
-            active = _a.active,
-            icon = _a.icon,
-            name = _a.name;
-        return /*#__PURE__*/React__default["default"].createElement("li", {
-          key: id,
-          className: classNames__default["default"]('fwe-tab-item', {
-            'fwe-active': active
-          }),
-          onClick: function onClick() {
-            return showTabPane(id);
-          }
-        }, child.props.icon ? /*#__PURE__*/React__default["default"].createElement("a", {
-          className: "fwe-tab-link",
-          role: "tab",
-          "aria-controls": id,
-          "aria-selected": active
-        }, /*#__PURE__*/React__default["default"].createElement("i", {
-          className: "fwe-icon " + icon
-        }), /*#__PURE__*/React__default["default"].createElement("span", null, name)) : /*#__PURE__*/React__default["default"].createElement("a", {
-          className: "fwe-tab-link",
-          role: "tab",
-          "aria-controls": id,
-          "aria-selected": active
-        }, name));
-      })), /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-tab-content"
-      }, innerChildren));
-    }
-
-    function TabPane(_a) {
-      var _b = _a.isVisible,
-          isVisible = _b === void 0 ? false : _b,
-          children = _a.children,
-          className = _a.className;
-      var tabPaneClasses = classNames__default["default"]({
-        'fr-show': isVisible
-      }, {
-        'fr-hide': !isVisible
-      }, className);
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: tabPaneClasses
-      }, children);
-    }
-
-    function Checkbox(_a) {
-      var id = _a.id,
-          checked = _a.checked,
-          onChange = _a.onChange,
-          name = _a.name,
-          _b = _a.large,
-          large = _b === void 0 ? false : _b,
-          _c = _a.valid,
-          valid = _c === void 0 ? true : _c,
-          _d = _a.labelPosition,
-          labelPosition = _d === void 0 ? 'after' : _d,
-          required = _a.required,
-          _e = _a.disabled,
-          disabled = _e === void 0 ? false : _e,
-          _f = _a.indeterminate,
-          indeterminate = _f === void 0 ? false : _f,
-          children = _a.children,
-          className = _a.className,
-          props = __rest(_a, ["id", "checked", "onChange", "name", "large", "valid", "labelPosition", "required", "disabled", "indeterminate", "children", "className"]);
-
-      var _g = React.useState(checked),
-          isChecked = _g[0],
-          setChecked = _g[1];
-
-      var _h = React.useState(indeterminate),
-          isIndeterminate = _h[0],
-          setIndeterminate = _h[1];
-
-      React.useEffect(function () {
-        setChecked(checked);
-        setIndeterminate(indeterminate);
-      }, [checked, indeterminate]);
-
-      var handleChange = function handleChange() {
-        var newChecked = !isChecked;
-
-        if (indeterminate) {
-          setIndeterminate(false);
-        }
-
-        setChecked(newChecked);
-        onChange(newChecked);
-      };
-
-      var containerClasses = classNames__default["default"]('fwe-checkbox-container', {
-        'fr-checkbox-large': large
-      }, {
-        'fr-checkbox-invalid': !valid || required
-      }, {
-        'fwe-disabled': disabled
-      }, {
-        'fwe-checked': isChecked
-      }, {
-        'fwe-label-below': labelPosition === 'below'
-      }, {
-        'fwe-label-before': labelPosition === 'before'
-      }, {
-        'fr-checkbox-indeterminate': isIndeterminate
-      }, className);
-      return /*#__PURE__*/React__default["default"].createElement("label", {
-        className: containerClasses,
-        htmlFor: id
-      }, /*#__PURE__*/React__default["default"].createElement("input", __assign({
-        name: name,
-        type: "checkbox",
-        id: id,
-        disabled: disabled,
-        onChange: function onChange() {
-          return handleChange();
-        }
-      }, props)), /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-checkbox-indicator-container"
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-checkbox-indicator-background"
-      }), !isIndeterminate && isChecked && (large ? /*#__PURE__*/React__default["default"].createElement("svg", {
-        width: "24px",
-        height: "24px"
-      }, /*#__PURE__*/React__default["default"].createElement("path", {
-        d: "M17.5 7L10 14.5 7.501 12l-1.5 1.501L10 17.5l9-9z",
-        fill: "#fff"
-      })) : /*#__PURE__*/React__default["default"].createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "16",
-        height: "16"
-      }, /*#__PURE__*/React__default["default"].createElement("path", {
-        d: "M6 12L3 9l1.25-1.25L6 9.5l5.75-5.75L13 5l-7 7z",
-        fill: "#fff"
-      }))), isIndeterminate && !isChecked && /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-indeterminate-indicator"
-      })), /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-checkbox-title"
-      }, children));
-    }
-
-    var RadioGroupContext = /*#__PURE__*/React.createContext({});
-
-    function RadioButton(_a) {
-      var id = _a.id,
-          _onChange = _a.onChange,
-          value = _a.value,
-          name = _a.name,
-          checked = _a.checked,
-          _b = _a.labelPosition,
-          labelPosition = _b === void 0 ? 'after' : _b,
-          _c = _a.large,
-          large = _c === void 0 ? false : _c,
-          _d = _a.disabled,
-          disabled = _d === void 0 ? false : _d,
-          _e = _a.required,
-          required = _e === void 0 ? false : _e,
-          children = _a.children,
-          className = _a.className;
-
-      var _f = React.useContext(RadioGroupContext),
-          groupDisabled = _f.disabled,
-          groupLabelPosition = _f.labelPosition,
-          groupLarge = _f.large,
-          groupName = _f.name,
-          groupRequired = _f.required,
-          groupValue = _f.value;
-
-      var innerLabelPosition = groupLabelPosition || labelPosition;
-      var classes = classNames__default["default"]('fwe-radio', {
-        'fwe-radio-label-below': innerLabelPosition === 'below'
-      }, {
-        'fwe-radio-label-before': innerLabelPosition === 'before'
-      }, {
-        'fwe-radio-lg': large || groupLarge
-      }, className);
-      return /*#__PURE__*/React__default["default"].createElement("label", {
-        className: classes,
-        htmlFor: id
-      }, /*#__PURE__*/React__default["default"].createElement("input", {
-        checked: checked,
-        type: "radio",
-        id: id,
-        name: groupName || name,
-        value: value || groupValue,
-        onChange: function onChange() {
-          return _onChange(value);
-        },
-        disabled: disabled || groupDisabled,
-        required: required || groupRequired
-      }), /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-radio-checkmark"
-      }), " ", /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-radio-label-content"
-      }, children));
-    }
-
-    var defaultConfig$1 = {
-      outline: true,
-      iconOnly: true
-    };
-    function Segment(props) {
-      var children = props.children,
-          legend = props.legend,
-          config = props.config,
-          onChange = props.onChange,
-          className = props.className;
-
-      var innerConfig = __assign(__assign({}, defaultConfig$1), config);
-
-      var useIcon = false;
-      var useIconAndText = false;
-      var tmpValue = '';
-      React__default["default"].Children.forEach(children, function (child, index) {
-        if (! /*#__PURE__*/React__default["default"].isValidElement(child)) {
-          return null;
-        }
-
-        if (index === 0 && child.props.icon !== null) {
-          if (innerConfig.iconOnly) {
-            useIcon = true;
-          } else {
-            useIconAndText = true;
-          }
-        }
-
-        if (child.props.checked) {
-          tmpValue = child.props.value;
-        }
-
-        return null;
-      });
-
-      var _a = React.useState(tmpValue),
-          value = _a[0],
-          setValue = _a[1];
-
-      var handleChange = function handleChange(event, _value) {
-        if (onChange) {
-          onChange(event, _value);
-        }
-
-        setValue(_value);
-      };
-
-      return /*#__PURE__*/React__default["default"].createElement("fieldset", {
-        className: classNames__default["default"]('fwe-segment', {
-          'fwe-segment-outline': innerConfig.outline,
-          'fwe-segment-icon': useIcon,
-          'fwe-segment-icon-text': useIconAndText
-        }, className)
-      }, /*#__PURE__*/React__default["default"].createElement("legend", null, legend), /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-segment-group"
-      }, React__default["default"].Children.map(children, function (child) {
-        if (! /*#__PURE__*/React__default["default"].isValidElement(child)) {
-          return null;
-        }
-
-        var id = (Math.random() * Date.now()).toString().replace('.', '-');
-        return /*#__PURE__*/React__default["default"].cloneElement(child, {
-          key: id,
-          id: id,
-          onChange: handleChange,
-          iconOnly: innerConfig.iconOnly,
-          checked: child.props.value === value
-        });
-      })));
-    }
-
-    function SegmentControl(props) {
-      var label = props.label,
-          checked = props.checked,
-          disabled = props.disabled,
-          name = props.name,
-          value = props.value,
-          icon = props.icon,
-          onChange = props.onChange,
-          iconOnly = props.iconOnly,
-          _a = props.id,
-          id = _a === void 0 ? (Math.random() * Date.now()).toString().replace('.', '-') : _a,
-          className = props.className;
-      var viewMode = 'text';
-
-      if (icon) {
-        viewMode = iconOnly ? 'icon' : 'icon-text';
-      }
-
-      var handleChange = function handleChange(event) {
-        if (onChange) {
-          onChange(event, value);
-        }
-      };
-
-      return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("input", {
-        className: "fwe-segment-input",
-        type: "radio",
-        id: id,
-        name: name,
-        value: value,
-        checked: checked,
-        disabled: disabled,
-        onChange: function onChange(e) {
-          return handleChange(e);
-        }
-      }), /*#__PURE__*/React__default["default"].createElement("label", {
-        className: classNames__default["default"]('fwe-segment-label', className),
-        htmlFor: id
-      }, viewMode === 'icon' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", {
-        className: "fwe-sr-only"
-      }, label), /*#__PURE__*/React__default["default"].createElement("i", {
-        "aria-hidden": "true",
-        className: classNames__default["default"]('fwe-icon', "fwe-icon-" + icon)
-      })), viewMode === 'text' && label, viewMode === 'icon-text' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("i", {
-        "aria-hidden": "true",
-        className: classNames__default["default"]('fwe-icon', "fwe-icon-" + icon)
-      }), label)));
-    }
-
-    var SelectOption = /*#__PURE__*/React.forwardRef(function (_a, ref) {
-      var children = _a.children,
-          className = _a.className,
-          props = __rest(_a, ["children", "className"]);
-
-      return /*#__PURE__*/React__default["default"].createElement("span", __assign({
-        ref: ref,
-        className: className
-      }, props), children);
-    });
-
-    function calcVirtualScrollHeight(config, itemLength) {
-      var defaultHeight = 48;
-      var height = defaultHeight;
-
-      if (itemLength === 2) {
-        height = defaultHeight * 2;
-      } else if (itemLength >= 3) {
-        height = defaultHeight * 3;
-      }
-
-      if (config.scroll.viewportSize != null && config.scroll.viewportSize !== undefined) {
-        if (itemLength >= config.scroll.viewportSize) {
-          height = config.scroll.viewportSize * defaultHeight;
-        } else if (itemLength < config.scroll.viewportSize) {
-          height = itemLength * defaultHeight;
-        }
-      }
-
-      return height;
-    }
-
-    var Select = /*#__PURE__*/React.forwardRef(function (_a, ref) {
-      var defaultValue = _a.defaultValue,
-          value = _a.value,
-          label = _a.label,
-          options = _a.options,
-          onChange = _a.onChange,
-          _b = _a.required,
-          required = _b === void 0 ? false : _b,
-          config = _a.config,
-          disabled = _a.disabled,
-          className = _a.className,
-          name = _a.name,
-          id = _a.id,
-          children = _a.children,
-          hint = _a.hint,
-          error = _a.error,
-          props = __rest(_a, ["defaultValue", "value", "label", "options", "onChange", "required", "config", "disabled", "className", "name", "id", "children", "hint", "error"]);
-
-      var _c = React.useState({
-        isFocused: false,
-        action: ''
-      }),
-          optionsWrapper = _c[0],
-          setOptionsWrapper = _c[1];
-
-      var controlled = value !== undefined;
-
-      var _d = React.useState(controlled ? value : defaultValue),
-          innerValue = _d[0],
-          setInnerValue = _d[1];
-
-      var buttonEl = React.useRef(null);
-      var childrenList = [];
-      React__default["default"].Children.forEach(children, function (element) {
-        if ( /*#__PURE__*/React__default["default"].isValidElement(element)) {
-          childrenList.push(__assign(__assign({}, element), {
-            props: __assign(__assign({}, element.props), {
-              className: 'fwe-select-option-content'
-            })
-          }));
-        }
-      });
-      var usedOptions = options !== null && options !== void 0 ? options : childrenList.map(function (child) {
-        return child.props.option;
-      });
-      var listItemRef = React.useRef(Array.from({
-        length: usedOptions.length
-      }, function () {
-        return /*#__PURE__*/React__default["default"].createRef();
-      }));
-      React.useEffect(function () {
-        if (controlled) {
-          setInnerValue(value);
-        }
-      }, [value, controlled]);
-      var getSelectedOptionLabel = React.useCallback(function () {
-        var _a;
-
-        if (innerValue !== undefined) {
-          return (_a = usedOptions.find(function (option) {
-            return option.data === innerValue;
-          })) === null || _a === void 0 ? void 0 : _a.label;
-        }
-
-        return undefined;
-      }, [usedOptions, innerValue]);
-      var scroll = config === null || config === void 0 ? void 0 : config.scroll;
-
-      function handleButtonFocus(blur) {
-        if (buttonEl && buttonEl.current) {
-          if (blur) {
-            buttonEl.current.blur();
-          } else {
-            buttonEl.current.focus();
-          }
-        }
-      }
-
-      var focusNextElement = function focusNextElement(nextIndex) {
-        if (listItemRef && listItemRef.current) {
-          var nextItem = listItemRef.current[nextIndex].current;
-
-          if (nextItem !== null) {
-            nextItem.focus();
-          }
-        }
-      };
-
-      React.useEffect(function () {
-        if (optionsWrapper.isFocused) {
-          if (optionsWrapper.action === 'key') {
-            var index = usedOptions.findIndex(function (option) {
-              return option.label === getSelectedOptionLabel();
-            });
-
-            if (index >= 0) {
-              focusNextElement(index);
-            }
-          } else if (optionsWrapper.action === 'click') {
-            handleButtonFocus(true);
-          }
-        }
-      }, [optionsWrapper, usedOptions, innerValue, getSelectedOptionLabel]);
-
-      var handleOptionChange = function handleOptionChange(newOption) {
-        if (!controlled) {
-          setInnerValue(newOption.data);
-        }
-
-        if (onChange) {
-          onChange(newOption.data);
-        }
-
-        setOptionsWrapper(function (prevOptionsWrapper) {
-          return __assign(__assign({}, prevOptionsWrapper), {
-            isFocused: false
-          });
-        });
-
-        if (buttonEl && buttonEl.current) {
-          buttonEl.current.focus();
-        }
-      };
-
-      var handleListKeyDown = function handleListKeyDown(event, option, index) {
-        var arrowKeys = ['ArrowDown', 'ArrowUp'];
-        var validKeys = ['Enter', ' '];
-
-        if (arrowKeys.concat(validKeys).includes(event.key)) {
-          event.preventDefault();
-        }
-
-        if (event.key === 'ArrowDown') {
-          focusNextElement((index + 1) % usedOptions.length);
-        }
-
-        if (event.key === 'ArrowUp') {
-          event.preventDefault();
-          var nextIndex = (index - 1) % usedOptions.length;
-
-          if (nextIndex < 0) {
-            nextIndex += usedOptions.length;
-          }
-
-          focusNextElement(nextIndex);
-        }
-
-        if (validKeys.includes(event.key)) {
-          handleOptionChange(option);
-          event.preventDefault();
-        }
-
-        if (event.key === 'Escape') {
-          setOptionsWrapper(function (prevOptionsWrapper) {
-            return __assign(__assign({}, prevOptionsWrapper), {
-              isFocused: false
-            });
-          });
-          handleButtonFocus();
-        }
-      };
-
-      var handleKeyPress = function handleKeyPress(event) {
-        var validKeys = ['Enter', ' ', 'ArrowUp', 'ArrowDown'];
-
-        if (validKeys.includes(event.key)) {
-          event.preventDefault();
-
-          if (!disabled) {
-            setOptionsWrapper(function (prevOptionsWrapper) {
-              return {
-                action: 'key',
-                isFocused: !prevOptionsWrapper.isFocused
-              };
-            });
-          }
-        }
-      };
-
-      var handleClick = function handleClick(e) {
-        e.stopPropagation();
-
-        if (!disabled) {
-          setOptionsWrapper(function (prevOptionsWrapper) {
-            return {
-              action: '',
-              isFocused: !prevOptionsWrapper.isFocused
-            };
-          });
-        }
-      };
-
-      var selectedOptionLabel = getSelectedOptionLabel();
-      var selectClassName = classNames__default["default"]('fwe-select', {
-        'fwe-focus': optionsWrapper.isFocused
-      }, {
-        'fwe-empty': selectedOptionLabel === undefined && !optionsWrapper.isFocused
-      }, {
-        'fwe-required': required
-      }, {
-        'fwe-disabled': disabled
-      }, {
-        'fwe-invalid': error
-      });
-
-      function renderOptions() {
-        return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, options && options.map(function (option, i) {
-          return /*#__PURE__*/React__default["default"].createElement("li", {
-            ref: listItemRef.current[i],
-            role: "option",
-            "aria-selected": option.label === selectedOptionLabel,
-            key: option.data,
-            onClick: function onClick() {
-              return handleOptionChange(option);
-            },
-            className: classNames__default["default"]('fwe-select-option', {
-              'fwe-empty': !option.label
-            }),
-            onKeyDown: function onKeyDown(e) {
-              return handleListKeyDown(e, option, i);
-            },
-            tabIndex: 0
-          }, /*#__PURE__*/React__default["default"].createElement("span", {
-            className: "fwe-select-option-content"
-          }, option.label));
-        }), childrenList.map(function (child, i) {
-          var _a = child.props,
-              option = _a.option,
-              propsWithoutOption = __rest(_a, ["option"]);
-
-          return /*#__PURE__*/React__default["default"].createElement("li", {
-            ref: listItemRef.current[i],
-            role: "option",
-            "aria-selected": option.label === selectedOptionLabel,
-            key: option.data,
-            onClick: function onClick() {
-              return handleOptionChange(option);
-            },
-            className: classNames__default["default"]('fwe-select-option', {
-              'fwe-empty': !option.label
-            }),
-            onKeyDown: function onKeyDown(e) {
-              return handleListKeyDown(e, option, i);
-            },
-            tabIndex: 0
-          }, /*#__PURE__*/React__default["default"].createElement(SelectOption, __assign({}, propsWithoutOption)));
-        }));
-      }
-
-      return /*#__PURE__*/React__default["default"].createElement(OutsideClickHandler__default["default"], {
-        onOutsideClick: function onOutsideClick() {
-          return setOptionsWrapper({
-            action: '',
-            isFocused: false
-          });
-        }
-      }, /*#__PURE__*/React__default["default"].createElement("div", __assign({
-        ref: ref,
-        className: classNames__default["default"]('fwe-select-wrapper', className)
-      }, props), /*#__PURE__*/React__default["default"].createElement("select", {
-        defaultValue: defaultValue,
-        value: innerValue,
-        name: name,
-        id: id,
-        "aria-label": label,
-        disabled: disabled,
-        required: required
-      }, usedOptions.map(function (option) {
-        return /*#__PURE__*/React__default["default"].createElement("option", {
-          key: option.data,
-          value: option.data
-        }, option.label);
-      })), /*#__PURE__*/React__default["default"].createElement("div", {
-        role: "button",
-        tabIndex: 0,
-        className: selectClassName,
-        onClick: function onClick(e) {
-          return handleClick(e);
-        },
-        ref: buttonEl,
-        onKeyDown: handleKeyPress
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-select-content"
-      }, selectedOptionLabel)), /*#__PURE__*/React__default["default"].createElement("label", {
-        className: classNames__default["default"]('fwe-select-label', {
-          'fwe-sr-only': config === null || config === void 0 ? void 0 : config.hideLabel
-        }),
-        htmlFor: id
-      }, label || ''), /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-select-underline"
-      }), hint && !error && /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-select-description"
-      }, hint), error && /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-select-invalid"
-      }, " ", error, " "), /*#__PURE__*/React__default["default"].createElement("ul", {
-        className: "fwe-select-options-container" + (optionsWrapper.isFocused ? '' : ' fwe-d-none')
-      }, (scroll === null || scroll === void 0 ? void 0 : scroll.enabled) ? /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fr-select-scroll",
-        style: {
-          height: calcVirtualScrollHeight(config, usedOptions.length)
-        }
-      }, renderOptions()) : renderOptions())));
-    });
-
-    function Slider(_a) {
-      var _b = _a.disabled,
-          disabled = _b === void 0 ? false : _b,
-          label = _a.label,
-          _c = _a.large,
-          large = _c === void 0 ? false : _c,
-          max = _a.max,
-          min = _a.min,
-          onChange = _a.onChange,
-          onChangeCommitted = _a.onChangeCommitted,
-          step = _a.step,
-          value = _a.value,
-          _d = _a.showValue,
-          showValue = _d === void 0 ? true : _d,
-          className = _a.className;
-
-      var _e = React.useState(value),
-          innerValue = _e[0],
-          setInnerValue = _e[1];
-
-      var _f = React.useState(null),
-          left = _f[0],
-          setLeft = _f[1];
-
-      var labelEl = React.useRef(null);
-      var classes = classNames__default["default"]('fwe-slider', {
-        'fwe-slider-lg': large
-      }, {
-        'fr-slider-label': label !== null && showValue
-      }, className);
-      React.useEffect(function () {
-        setInnerValue(value);
-      }, [value]);
-      var updateValuePosition = React.useCallback(function () {
-        if (labelEl.current) {
-          var width = labelEl.current.getBoundingClientRect().width;
-          var diff = max - min;
-          setLeft((innerValue - min) / diff * (width - 16));
-        }
-      }, [innerValue, max, min]);
-
-      var handleAfterChange = function handleAfterChange() {
-        if (onChangeCommitted) {
-          onChangeCommitted(innerValue);
-        }
-      };
-
-      var handleChange = function handleChange(e) {
-        var newValue = Number.parseFloat(e.target.value);
-        setInnerValue(newValue);
-
-        if (onChange) {
-          onChange(e, newValue);
-        }
-      };
-
-      React.useEffect(function () {
-        function handleResize() {
-          updateValuePosition();
-        }
-
-        window.addEventListener('resize', handleResize);
-        handleResize(); // Remove event listener on cleanup
-
-        return function () {
-          return window.removeEventListener('resize', handleResize);
-        };
-      }, [updateValuePosition]);
-      return /*#__PURE__*/React__default["default"].createElement("label", {
-        ref: labelEl,
-        className: classes
-      }, label && /*#__PURE__*/React__default["default"].createElement("span", null, label), /*#__PURE__*/React__default["default"].createElement("input", {
-        className: "fwe-slider-input",
-        type: "range",
-        disabled: disabled,
-        min: min,
-        max: max,
-        step: step,
-        onChange: handleChange,
-        value: innerValue,
-        onKeyUp: handleAfterChange,
-        onMouseUp: handleAfterChange,
-        onTouchEnd: handleAfterChange
-      }), showValue && left !== null && /*#__PURE__*/React__default["default"].createElement("span", {
-        className: "fr-slider-value",
-        style: {
-          left: left + "px"
-        }
-      }, innerValue));
-    }
-
-    function Snackbar(props) {
-      var data = props.data,
-          onAction = props.onAction,
-          onClose = props.onClose,
-          _a = props.first,
-          first = _a === void 0 ? false : _a;
-
-      var _b = React.useState(true),
-          show = _b[0],
-          setShow = _b[1];
-
-      var nodeRef = React.useRef(null);
-      React.useEffect(function () {
-        var disappearAfter = 5000;
-
-        if ((data === null || data === void 0 ? void 0 : data.disappearAfter) !== null) {
-          if ((data === null || data === void 0 ? void 0 : data.disappearAfter) && (data === null || data === void 0 ? void 0 : data.disappearAfter) > 0) {
-            disappearAfter = data === null || data === void 0 ? void 0 : data.disappearAfter;
-          }
-
-          var timer_1 = setTimeout(function () {
-            return setShow(false);
-          }, disappearAfter);
-          return function () {
-            clearTimeout(timer_1);
-          };
-        }
-
-        return undefined;
-      }, [data]);
-
-      function handleClose() {
-        setShow(false);
-      }
-
-      var classes = first ? 'fr-snackbar-wrapper--first' : 'fr-snackbar-wrapper';
-      return /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.CSSTransition, {
-        nodeRef: nodeRef,
-        onExited: function onExited() {
-          return onClose ? onClose() : undefined;
-        },
-        unmountOnExit: true,
-        timeout: {
-          exit: 600
-        },
-        "in": show,
-        classNames: classes,
-        appear: true
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        ref: nodeRef,
-        className: classes
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: classNames__default["default"]({
-          'fwe-snackbar': true,
-          'fwe-snackbar-b': (data === null || data === void 0 ? void 0 : data.variant) === 'b',
-          'fwe-snackbar-c': (data === null || data === void 0 ? void 0 : data.variant) === 'c',
-          'fwe-snackbar-warning': (data === null || data === void 0 ? void 0 : data.type) === 'warning',
-          'fwe-snackbar-error': (data === null || data === void 0 ? void 0 : data.type) === 'error',
-          'fwe-snackbar-shadow': data === null || data === void 0 ? void 0 : data.darkBackground
-        }, data === null || data === void 0 ? void 0 : data.className)
-      }, (data === null || data === void 0 ? void 0 : data.type) && /*#__PURE__*/React__default["default"].createElement("i", {
-        "aria-hidden": true,
-        className: classNames__default["default"]({
-          'fwe-icon': true,
-          'fwe-icon-status-info': (data === null || data === void 0 ? void 0 : data.type) === 'info',
-          'fwe-icon-status-warning': (data === null || data === void 0 ? void 0 : data.type) === 'warning',
-          'fwe-icon-status-failure': (data === null || data === void 0 ? void 0 : data.type) === 'error'
-        })
-      }), /*#__PURE__*/React__default["default"].createElement("span", null, data === null || data === void 0 ? void 0 : data.text), (data === null || data === void 0 ? void 0 : data.action) && /*#__PURE__*/React__default["default"].createElement("button", {
-        "aria-label": "UserAction",
-        type: "button",
-        className: "fwe-btn fwe-btn-link",
-        onClick: function onClick() {
-          return onAction ? onAction() : undefined;
-        }
-      }, data === null || data === void 0 ? void 0 : data.action), (data === null || data === void 0 ? void 0 : data.showClose) && /*#__PURE__*/React__default["default"].createElement("button", {
-        "aria-label": "Close",
-        type: "button",
-        className: "fwe-btn fwe-btn-link",
-        onClick: handleClose
-      }, /*#__PURE__*/React__default["default"].createElement("i", {
-        "aria-hidden": true,
-        className: "fwe-icon fwe-icon-close-small"
-      }), /*#__PURE__*/React__default["default"].createElement("span", {
-        className: "fwe-sr-only"
-      }, "Close")))));
-    }
-
-    var SnackbarContext = /*#__PURE__*/React__default["default"].createContext({});
-
-    function SnackbarProvider(props) {
-      var _a = props.config,
-          config = _a === void 0 ? {
-        darkBackground: true
-      } : _a,
-          children = props.children,
-          className = props.className;
-
-      var _b = React.useState([]),
-          snacks = _b[0],
-          setSnacks = _b[1];
-
-      function addSnackbar(snackData, onAction, onClose) {
-        setSnacks(function (prevSnacks) {
-          return __spreadArray([{
-            data: __assign(__assign({}, config), snackData),
-            onAction: onAction,
-            onClose: onClose,
-            key: new Date().getTime() + Math.random(),
-            first: prevSnacks.length === 0
-          }], prevSnacks);
-        });
-      }
-
-      function closeSnackbar(key) {
-        if (key) {
-          setSnacks(function (prevSnacks) {
-            return prevSnacks.filter(function (snack) {
-              return snack.key !== key;
-            });
-          });
-        }
-      }
-
-      function handleClose(snack) {
-        closeSnackbar(snack.key);
-
-        if (snack.onClose) {
-          snack.onClose();
-        }
-      }
-
-      var contextValue = {
-        addSnackbar: addSnackbar,
-        closeSnackbar: closeSnackbar
-      };
-      return /*#__PURE__*/React__default["default"].createElement(SnackbarContext.Provider, {
-        value: contextValue
-      }, children, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: classNames__default["default"]('fwe-snackbar-container', className)
-      }, snacks.map(function (snack) {
-        return /*#__PURE__*/React__default["default"].createElement(Snackbar, {
-          key: snack.key,
-          data: snack.data,
-          onAction: function onAction() {
-            return snack.onAction ? snack.onAction() : undefined;
-          },
-          onClose: function onClose() {
-            return handleClose(snack);
-          },
-          first: snack.first
-        });
-      })));
-    }
-
-    var useSnackbar = (function () {
-      return React.useContext(SnackbarContext);
-    });
-
-    function Switch(_a) {
-      var _b;
-
-      var _c = _a.labelPosition,
-          labelPosition = _c === void 0 ? 'before' : _c,
-          _d = _a.large,
-          large = _d === void 0 ? false : _d,
-          title = _a.title,
-          value = _a.value,
-          _e = _a.disabled,
-          disabled = _e === void 0 ? false : _e,
-          onChange = _a.onChange,
-          className = _a.className;
-      var labelClassName = classNames__default["default"]('fwe-switch', (_b = {}, _b["fwe-switch-label-" + labelPosition] = true, _b), {
-        'fwe-switch-lg': large
-      }, className);
-
-      var _f = React.useState(value),
-          currentValue = _f[0],
-          setCurrentValue = _f[1];
-
-      React.useEffect(function () {
-        setCurrentValue(value);
-      }, [value]);
-
-      var handleChange = function handleChange() {
-        var newValue = !currentValue;
-        setCurrentValue(newValue);
-
-        if (onChange) {
-          onChange(newValue);
-        }
-      };
-
-      return /*#__PURE__*/React__default["default"].createElement("label", {
-        className: labelClassName
-      }, /*#__PURE__*/React__default["default"].createElement("input", {
-        type: "checkbox",
-        disabled: disabled,
-        checked: currentValue,
-        onChange: function onChange() {
-          return handleChange();
-        }
-      }), /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-switch-track"
-      }), /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-switch-label-content"
-      }, title));
-    }
-
-    var TableHeaderCell = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
-      function handleClick(event) {
-        if (props.onClick) {
-          props.onClick(event);
-        }
-      }
-
-      return /*#__PURE__*/React__default["default"].createElement("th", __assign({}, props, {
-        className: classNames__default["default"]('fwe-table-order', {
-          'fwe-active': props.active
-        }, {
-          'fwe-table-order-descending': !props.ascending
-        }, props.className),
-        onClick: handleClick,
-        ref: ref
-      }));
-    });
-
-    function TextArea(_a) {
-      var disabled = _a.disabled,
-          onBlur = _a.onBlur,
-          onChange = _a.onChange,
-          onFocus = _a.onFocus,
-          onInput = _a.onInput,
-          readonly = _a.readonly,
-          required = _a.required,
-          label = _a.label,
-          error = _a.error,
-          hint = _a.hint,
-          value = _a.value,
-          rows = _a.rows,
-          maxLength = _a.maxLength,
-          className = _a.className,
-          defaultValue = _a.defaultValue;
-      var controlled = value !== undefined;
-
-      var _b = React.useState(controlled ? value : defaultValue),
-          innerValue = _b[0],
-          setInnerValue = _b[1];
-
-      var hintClasses = classNames__default["default"]('fwe-input-text-info');
-      var shadowRef = React__default["default"].useRef(null);
-      var ref = React__default["default"].useRef(null);
-
-      var _c = React.useState(null),
-          height = _c[0],
-          setHeight = _c[1];
-
-      React.useEffect(function () {
-        if (controlled) {
-          setInnerValue(value);
-        }
-      }, [value, controlled]);
-      React.useEffect(function () {
-        var input = ref.current;
-        var shadow = shadowRef.current;
-        var minRows = 2;
-        shadow.value = input.value || 'x';
-        shadow.style.width = "" + input.clientWidth;
-        var newHeight = Math.max(minRows * 24, shadow.scrollHeight);
-        setHeight(newHeight + 4 + 4 + 1);
-      }, [innerValue]);
-
-      function handleChange(event) {
-        if (!controlled) {
-          setInnerValue(event.target.value);
-        }
-
-        if (onChange) {
-          onChange(event);
-        }
-      }
-
-      return /*#__PURE__*/React__default["default"].createElement("label", {
-        className: classNames__default["default"]('fwe-input-text', className)
-      }, /*#__PURE__*/React__default["default"].createElement("textarea", {
-        style: __assign({}, !rows && {
-          height: height,
-          overflow: 'hidden'
-        }),
-        ref: ref,
-        className: classNames__default["default"]('fr-textarea', "fwe-row-" + rows),
-        disabled: disabled,
-        readOnly: readonly,
-        required: required,
-        autoComplete: "off",
-        onChange: handleChange,
-        onFocus: onFocus,
-        onInput: onInput,
-        onBlur: onBlur,
-        maxLength: maxLength,
-        defaultValue: innerValue,
-        value: innerValue
-      }), /*#__PURE__*/React__default["default"].createElement("textarea", {
-        style: {
-          visibility: 'hidden',
-          position: 'absolute',
-          overflow: 'hidden',
-          height: 0,
-          top: 0,
-          left: 0,
-          transform: 'translateZ(0)',
-          padding: '0'
-        },
-        ref: shadowRef,
-        readOnly: true
-      }), /*#__PURE__*/React__default["default"].createElement("span", {
-        className: "fwe-input-text-label"
-      }, label), hint && /*#__PURE__*/React__default["default"].createElement("span", {
-        className: hintClasses
-      }, hint), error !== undefined && /*#__PURE__*/React__default["default"].createElement("span", {
-        className: "fwe-input-text-invalid"
-      }, error), maxLength > 0 && /*#__PURE__*/React__default["default"].createElement("span", {
-        className: "fwe-input-text-count"
-      }, innerValue.length, " /", maxLength));
-    }
-
-    function TextEditorButton(_a) {
-      var _b, _c;
-
-      var disabled = _a.disabled,
-          label = _a.label,
-          type = _a.type,
-          className = _a.className,
-          icon = _a.icon,
-          list = _a.list,
-          value = _a.value,
-          noAction = _a.noAction,
-          category = _a.category;
-
-      var _d = React.useState(false),
-          active = _d[0],
-          setActive = _d[1];
-
-      var btnRef = React.useRef(null);
-
-      function handleClick() {
-        var btn = btnRef.current;
-        setActive(function (prevActive) {
-          return !prevActive;
-        });
-        btn.click();
-      }
-
-      React.useEffect(function () {
-        function callback(mutationRecords) {
-          mutationRecords.forEach(function (mutationRecord) {
-            var classList = mutationRecord.target.classList;
-            var oldValue = mutationRecord.oldValue;
-
-            if (classList.contains('ql-active')) {
-              setActive(true);
-            }
-
-            if (!classList.contains('ql-active') && oldValue.includes('ql-active')) {
-              setActive(false);
-            }
-          });
-        }
-
-        if (btnRef.current && !noAction) {
-          var observer = new MutationObserver(callback);
-          observer.observe(btnRef.current, {
-            attributes: true,
-            attributeFilter: ['class'],
-            attributeOldValue: true
-          });
-        }
-      }, [btnRef, noAction]);
-      return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("button", {
-        ref: btnRef,
-        type: "button",
-        className: classNames__default["default"]((_b = {}, _b["ql-" + (category || type)] = !list, _b), {
-          'ql-list': list
-        }, 'fwe-d-none', (_c = {}, _c["action-" + type] = !noAction, _c)),
-        "aria-hidden": "true",
-        value: value
-      }), /*#__PURE__*/React__default["default"].createElement("button", {
-        type: "button",
-        className: classNames__default["default"]('fwe-btn', {
-          'fwe-btn-toolbar-list': list
-        }, 'fr-button', className, {
-          'fwe-active': active && !noAction
-        }),
-        onClick: function onClick() {
-          return handleClick();
-        },
-        disabled: disabled
-      }, label && /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fr-button-text fwe-text-" + type
-      }, label), icon && /*#__PURE__*/React__default["default"].createElement("i", {
-        className: classNames__default["default"]('fwe-icon fwe-icon-toolbar-list', "fwe-icon-" + icon, 'fwe-pr-0')
-      })));
-    }
-
-    var xss = require('xss');
-
-    var defaultConfig = {
-      toolbar: {
-        bold: true,
-        italic: true,
-        underline: true,
-        alignCenter: true,
-        alignRight: true,
-        bulletList: true,
-        orderedList: true,
-        image: true,
-        link: true
-      }
-    };
-    function TextEditor(_a) {
-      var _b;
-
-      var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-
-      var _o = _a.disabled,
-          disabled = _o === void 0 ? false : _o,
-          label = _a.label,
-          maxLength = _a.maxLength,
-          value = _a.value,
-          hint = _a.hint,
-          error = _a.error,
-          _p = _a.readOnly,
-          readOnly = _p === void 0 ? false : _p,
-          onChange = _a.onChange,
-          className = _a.className,
-          configProps = _a.config;
-      var editorRef = React.useRef(null);
-
-      var _q = React.useState(null),
-          editor = _q[0],
-          setEditor = _q[1];
-
-      var id = React.useState((Math.random() * Date.now()).toString().replace('.', '-'))[0];
-
-      var _r = React.useState(value),
-          innerValue = _r[0],
-          setInnerValue = _r[1];
-
-      var config = {
-        toolbar: __assign(__assign({}, defaultConfig.toolbar), configProps === null || configProps === void 0 ? void 0 : configProps.toolbar)
-      };
-      React.useEffect(function () {
-        if (editorRef && editor === null) {
-          var newEditor = new Quill__default["default"](editorRef.current, {
-            modules: {
-              toolbar: "#editor-toolbar-" + id
-            },
-            theme: 'snow',
-            scrollingContainer: "#editor-container-" + id
-          });
-          newEditor.root.setAttribute('role', 'textbox');
-          newEditor.root.setAttribute('aria-labelledby', "editor-label-" + id);
-          newEditor.root.setAttribute('aria-multiline', 'true');
-          newEditor.enable(!readOnly);
-
-          if (disabled) {
-            newEditor.disable();
-          } else if (!readOnly) {
-            newEditor.enable();
-          } // set up a matcher that does allow/disallow to paste images corresponding to config settings
-
-
-          newEditor.clipboard.addMatcher('img', function (_node, delta) {
-            // allowed, passthru delta
-            if (config.toolbar.image === true) {
-              return delta;
-            } // not allowed, remove image by setting up a new delta
-
-
-            var Delta = Quill__default["default"]["import"]('quill-delta');
-            return new Delta().insert('');
-          });
-          setEditor(newEditor);
-        }
-      }, [editorRef, editor, disabled, readOnly, className, id, config.toolbar.image]);
-      React.useEffect(function () {
-        if (editor) {
-          editor.on('text-change', function () {
-            var html = editor.root.innerHTML;
-
-            if (html === '<p><br></p>' || html === '<div><br></div>' || html === undefined) {
-              html = null;
-            }
-
-            if (onChange) {
-              onChange(html);
-            }
-
-            setInnerValue(html);
-          });
-        }
-      }, [editor, onChange]);
-      React.useEffect(function () {
-        if (editor) {
-          var whiteList = __assign(__assign({}, xss.whiteList), {
-            a: __spreadArray(__spreadArray([], xss.whiteList.a), ['rel'])
-          });
-
-          var sanitizedValue = xss(value, {
-            whiteList: whiteList
-          });
-          var content = editor.clipboard.convert(sanitizedValue);
-          editor.setContents(content, 'silent');
-        }
-      }, [editor, value]);
-
-      function currentLength() {
-        return (innerValue === null || innerValue === void 0 ? void 0 : innerValue.length) || 0;
-      }
-
-      function hideDivider(name) {
-        var linkOrImage = config.toolbar.image || config.toolbar.link;
-        var lists = config.toolbar.bulletList || config.toolbar.orderedList;
-        var typos = config.toolbar.bold || config.toolbar.italic || config.toolbar.underline;
-        var textAlign = config.toolbar.alignCenter || config.toolbar.alignRight;
-
-        switch (name) {
-          case 'typo':
-            return !typos || !textAlign && !linkOrImage && !lists;
-
-          case 'text-align':
-            return !textAlign || !linkOrImage && !lists;
-
-          case 'lists':
-            return !lists || !linkOrImage;
-
-          case 'image':
-            return !config.toolbar.image || !config.toolbar.link;
-        }
-
-        return true;
-      }
-
-      return /*#__PURE__*/React__default["default"].createElement("label", {
-        className: classNames__default["default"]('fwe-input-text', {
-          disabled: disabled
-        })
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: classNames__default["default"]('fwe-editor-toolbar', (_b = {}, _b["fwe-editor-toolbar-" + className] = className, _b)),
-        id: "editor-toolbar-" + id
-      }, /*#__PURE__*/React__default["default"].createElement("span", {
-        className: "ql-formats fwe-d-none"
-      }, /*#__PURE__*/React__default["default"].createElement("select", {
-        className: "ql-size",
-        "aria-hidden": "true"
-      }, /*#__PURE__*/React__default["default"].createElement("option", {
-        value: "small",
-        "aria-label": "small"
-      }), /*#__PURE__*/React__default["default"].createElement("option", {
-        selected: true,
-        "aria-label": "selected"
-      }), /*#__PURE__*/React__default["default"].createElement("option", {
-        value: "large",
-        "aria-label": "large"
-      }), /*#__PURE__*/React__default["default"].createElement("option", {
-        value: "huge",
-        "aria-label": "huge"
-      }))), /*#__PURE__*/React__default["default"].createElement("span", {
-        className: "ql-formats fwe-mr-3"
-      }, ((_c = config === null || config === void 0 ? void 0 : config.toolbar) === null || _c === void 0 ? void 0 : _c.bold) && /*#__PURE__*/React__default["default"].createElement(TextEditorButton, {
-        disabled: disabled,
-        type: "bold",
-        className: "fwe-mr-3",
-        label: "B"
-      }), ((_d = config === null || config === void 0 ? void 0 : config.toolbar) === null || _d === void 0 ? void 0 : _d.italic) && /*#__PURE__*/React__default["default"].createElement(TextEditorButton, {
-        disabled: disabled,
-        type: "italic",
-        className: "fwe-mr-3",
-        label: "I"
-      }), ((_e = config === null || config === void 0 ? void 0 : config.toolbar) === null || _e === void 0 ? void 0 : _e.underline) && /*#__PURE__*/React__default["default"].createElement(TextEditorButton, {
-        disabled: disabled,
-        type: "underline",
-        label: "U"
-      }), !hideDivider('typo') && /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-divider-y fwe-d-inline-flex fwe-mx-4"
-      }), ((_f = config === null || config === void 0 ? void 0 : config.toolbar) === null || _f === void 0 ? void 0 : _f.alignCenter) && /*#__PURE__*/React__default["default"].createElement(TextEditorButton, {
-        disabled: disabled,
-        category: "align",
-        type: "align-center",
-        icon: classNames__default["default"]('text-align-center', {
-          'fwe-gray': disabled
-        }),
-        value: "center",
-        className: classNames__default["default"]('fwe-btn-toolbar-list fwe-btn-toolbar-list-alignments', {
-          'fwe-mr-3': (_g = config === null || config === void 0 ? void 0 : config.toolbar) === null || _g === void 0 ? void 0 : _g.alignRight
-        })
-      }), ((_h = config === null || config === void 0 ? void 0 : config.toolbar) === null || _h === void 0 ? void 0 : _h.alignRight) && /*#__PURE__*/React__default["default"].createElement(TextEditorButton, {
-        disabled: disabled,
-        category: "align",
-        type: "align-right",
-        icon: classNames__default["default"]('text-align-right', {
-          'fwe-gray': disabled
-        }),
-        value: "right",
-        className: "fwe-btn-toolbar-list fwe-btn-toolbar-list-alignments"
-      }), !hideDivider('text-align') && /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-divider-y fwe-d-inline-flex fwe-mx-4"
-      }), ((_j = config === null || config === void 0 ? void 0 : config.toolbar) === null || _j === void 0 ? void 0 : _j.bulletList) && /*#__PURE__*/React__default["default"].createElement(TextEditorButton, {
-        disabled: disabled,
-        className: "fwe-mr-3",
-        type: "ul",
-        list: true,
-        icon: "list-list-view",
-        value: "bullet"
-      }), ((_k = config === null || config === void 0 ? void 0 : config.toolbar) === null || _k === void 0 ? void 0 : _k.orderedList) && /*#__PURE__*/React__default["default"].createElement(TextEditorButton, {
-        disabled: disabled,
-        type: "ol",
-        list: true,
-        icon: "enumeration",
-        value: "ordered"
-      }), ((_l = config === null || config === void 0 ? void 0 : config.toolbar) === null || _l === void 0 ? void 0 : _l.image) && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-divider-y fwe-d-inline-flex fwe-mx-4"
-      }), /*#__PURE__*/React__default["default"].createElement(TextEditorButton, {
-        disabled: disabled,
-        type: "image",
-        icon: "image-image",
-        noAction: true
-      })), ((_m = config === null || config === void 0 ? void 0 : config.toolbar) === null || _m === void 0 ? void 0 : _m.link) && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-divider-y fwe-d-inline-flex fwe-mx-4"
-      }), /*#__PURE__*/React__default["default"].createElement(TextEditorButton, {
-        disabled: disabled,
-        type: "link",
-        icon: "file-link",
-        noAction: true
-      })))), /*#__PURE__*/React__default["default"].createElement("div", {
-        className: classNames__default["default"]('fwe-editor-container', {
-          'fwe-editor-container--error': error
-        }),
-        id: "editor-container-" + id
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-editor",
-        ref: editorRef
-      })), /*#__PURE__*/React__default["default"].createElement("span", {
-        className: "fwe-input-text-label",
-        id: "editor-label-" + id
-      }, label), error && /*#__PURE__*/React__default["default"].createElement("span", {
-        className: "fwe-text-editor-invalid"
-      }, error), hint && /*#__PURE__*/React__default["default"].createElement("span", {
-        className: "fwe-text-editor-info"
-      }, hint), maxLength && maxLength > 0 && value != null && /*#__PURE__*/React__default["default"].createElement("span", {
-        className: "fwe-input-text-count"
-      }, currentLength() + " / " + maxLength));
-    }
-
-    var TextInput = function TextInput(_a) {
-      var disabled = _a.disabled,
-          required = _a.required,
-          readonly = _a.readonly,
-          placeholder = _a.placeholder,
-          max = _a.max,
-          min = _a.min,
-          onBlur = _a.onBlur,
-          onFocus = _a.onFocus,
-          onInput = _a.onInput,
-          step = _a.step,
-          type = _a.type,
-          value = _a.value,
-          error = _a.error,
-          hint = _a.hint,
-          label = _a.label,
-          labelClassName = _a.labelClassName,
-          props = __rest(_a, ["disabled", "required", "readonly", "placeholder", "max", "min", "onBlur", "onFocus", "onInput", "step", "type", "value", "error", "hint", "label", "labelClassName"]);
-
-      var _b = React.useState(value),
-          innerValue = _b[0],
-          setInnerValue = _b[1];
-
-      React.useEffect(function () {
-        setInnerValue(value);
-      }, [value]);
-      var supported = ['text', 'number', 'password', 'datetime-local'];
-      var innerType = type && supported.indexOf(type) !== -1 ? type : 'text';
-      var labelClasses = classNames__default["default"]('fwe-input-text', labelClassName);
-      var hintClasses = classNames__default["default"]('fwe-input-text-info');
-
-      function handleChange(e) {
-        setInnerValue(e.target.value);
-
-        if (props.onChange) {
-          props.onChange(e);
-        }
-      }
-
-      return /*#__PURE__*/React__default["default"].createElement("label", {
-        className: labelClasses
-      }, /*#__PURE__*/React__default["default"].createElement("input", __assign({
-        disabled: disabled,
-        required: required,
-        readOnly: readonly,
-        placeholder: placeholder,
-        autoComplete: "off",
-        min: min,
-        max: max,
-        step: step,
-        onChange: handleChange,
-        onBlur: onBlur,
-        onFocus: onFocus,
-        onInput: onInput,
-        type: innerType,
-        value: innerValue
-      }, props)), /*#__PURE__*/React__default["default"].createElement("span", {
-        className: "fwe-input-text-label"
-      }, label), hint && /*#__PURE__*/React__default["default"].createElement("span", {
-        className: hintClasses
-      }, hint), error && /*#__PURE__*/React__default["default"].createElement("span", {
-        className: "fwe-input-text-invalid"
-      }, error));
-    };
-
-    function Prompt(_a) {
-      var title = _a.title,
-          subtitle = _a.subtitle,
-          hint = _a.hint,
-          label = _a.label,
-          value = _a.value,
-          onChange = _a.onChange,
-          onOk = _a.onOk,
-          onCancel = _a.onCancel,
-          cancel = _a.cancel,
-          ok = _a.ok,
-          props = __rest(_a, ["title", "subtitle", "hint", "label", "value", "onChange", "onOk", "onCancel", "cancel", "ok"]);
-
-      var _b = React.useState(value),
-          innerValue = _b[0],
-          setInnerValue = _b[1];
-
-      React.useEffect(function () {
-        setInnerValue(value);
-      }, [value]);
-
-      function handleChange(e) {
-        setInnerValue(e.target.value);
-
-        if (onChange) {
-          onChange(e);
-        }
-      }
-
-      return /*#__PURE__*/React__default["default"].createElement(Modal, __assign({
-        head: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, subtitle && /*#__PURE__*/React__default["default"].createElement("h2", {
-          className: "fwe-modal-h2"
-        }, subtitle), /*#__PURE__*/React__default["default"].createElement("h1", {
-          className: "fwe-modal-h1"
-        }, title)),
-        body: /*#__PURE__*/React__default["default"].createElement(TextInput, {
-          onChange: handleChange,
-          label: label,
-          hint: hint,
-          value: innerValue
-        })
-      }, props), (cancel || ok) && /*#__PURE__*/React__default["default"].createElement(ModalFooter, null, cancel && /*#__PURE__*/React__default["default"].createElement("button", {
-        type: "button",
-        "aria-label": "Cancel",
-        className: "fwe-btn",
-        onClick: onCancel
-      }, cancel), ok && /*#__PURE__*/React__default["default"].createElement("button", {
-        type: "button",
-        "aria-label": "Ok",
-        className: "fwe-btn fwe-btn-hero",
-        onClick: function onClick() {
-          return onOk(innerValue);
-        }
-      }, ok)));
-    }
-
-    function PopoverMenu(_a) {
-      var icon = _a.icon,
-          menu = _a.menu,
-          className = _a.className,
-          props = __rest(_a, ["icon", "menu", "className"]);
-
-      var _b = React.useState(false),
-          showPopper = _b[0],
-          setShowPopper = _b[1];
-
-      var handleClick = function handleClick(item) {
-        if (item.action) {
-          item.action(item.data);
-        }
-
-        setShowPopper(false);
-      };
-
-      var content = /*#__PURE__*/React__default["default"].createElement("ul", {
-        className: "fwe-list-group"
-      }, menu.map(function (item) {
-        return /*#__PURE__*/React__default["default"].createElement("li", {
-          key: item.icon + item.text,
-          className: "fwe-list-group-item"
-        }, /*#__PURE__*/React__default["default"].createElement("button", {
-          type: "button",
-          className: "fwe-btn fwe-btn-link fwe-dark",
-          onClick: function onClick() {
-            return handleClick(item);
-          }
-        }, /*#__PURE__*/React__default["default"].createElement("i", {
-          className: "fwe-icon fwe-pr-0 " + item.icon
-        }), /*#__PURE__*/React__default["default"].createElement("span", null, item.text)));
-      }));
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: classNames__default["default"]('fwe-popover-menu', className)
-      }, /*#__PURE__*/React__default["default"].createElement(Popover, __assign({
-        popoverContent: content,
-        position: "right",
-        open: showPopper,
-        onStatusChange: setShowPopper
-      }, props), /*#__PURE__*/React__default["default"].createElement("button", {
-        type: "button",
-        className: "fwe-btn fwe-btn-link fwe-dark origin"
-      }, /*#__PURE__*/React__default["default"].createElement("i", {
-        className: "fwe-icon fwe-pr-0 " + icon
-      }))));
-    }
-
-    function Tooltip(_a) {
-      var children = _a.children,
-          className = _a.className,
-          title = _a.title,
-          _b = _a.position,
-          position = _b === void 0 ? 'bottom' : _b;
-
-      var _c = React.useState(false),
-          showPopper = _c[0],
-          setShowPopper = _c[1];
-
-      var referenceElement = React.useRef(null);
-
-      var _d = React.useState(null),
-          popperElement = _d[0],
-          setPopperElement = _d[1];
-
-      var _e = React.useState(null),
-          arrowElement = _e[0],
-          setArrowElement = _e[1];
-
-      var _f = reactPopper.usePopper(referenceElement.current, popperElement, {
-        placement: position,
-        modifiers: [{
-          name: 'arrow',
-          options: {
-            element: arrowElement
-          }
-        }, {
-          name: 'offset',
-          options: {
-            offset: [0, 24]
-          }
-        }, {
-          name: 'flip',
-          options: {
-            fallbackPlacements: ['right', 'left', 'top']
-          }
-        }]
-      }),
-          styles = _f.styles,
-          attributes = _f.attributes;
-
-      return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: classNames__default["default"]('fr-tooltip-container', className),
-        ref: referenceElement,
-        onMouseEnter: function onMouseEnter() {
-          return setShowPopper(true);
-        },
-        onMouseLeave: function onMouseLeave() {
-          return setShowPopper(false);
-        }
-      }, children), showPopper && /*#__PURE__*/React__default["default"].createElement("div", __assign({
-        className: "fwe-popover-container",
-        id: "tooltip",
-        ref: setPopperElement,
-        style: styles.popper
-      }, attributes.popper), /*#__PURE__*/React__default["default"].createElement("div", {
-        ref: setArrowElement,
-        style: styles.arrow,
-        id: "arrow"
-      }), /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fwe-popover"
-      }, title)));
-    }
-
-    exports.AlertModal = AlertModal;
-    exports.Breadcrumb = Breadcrumb;
-    exports.Button = Button;
-    exports.Card = Card;
-    exports.CardBody = CardBody;
-    exports.CardHeader = CardHeader;
-    exports.CardNotification = CardNotification;
-    exports.Checkbox = Checkbox;
-    exports.Chip = Chip;
-    exports.ChipContainer = ChipContainer;
-    exports.ColorIndicator = ColorIndicator;
-    exports.ColorPicker = ColorPicker;
-    exports.ConfirmModal = ConfirmModal;
-    exports.DatePicker = DatePicker;
-    exports.DateRangePicker = DateRangePicker;
-    exports.LinkButton = LinkButton;
-    exports.LoadingIndicator = LoadingIndicator;
-    exports.Pagination = Pagination;
-    exports.Popover = Popover;
-    exports.PopoverMenu = PopoverMenu;
-    exports.Progress = Progress;
-    exports.Prompt = Prompt;
-    exports.RadioButton = RadioButton;
-    exports.RadioGroup = RadioButton;
-    exports.Segment = Segment;
-    exports.SegmentControl = SegmentControl;
-    exports.Select = Select;
-    exports.Slider = Slider;
-    exports.Snackbar = Snackbar;
-    exports.SnackbarProvider = SnackbarProvider;
-    exports.Switch = Switch;
-    exports.TabPane = TabPane;
-    exports.TableHeaderCell = TableHeaderCell;
-    exports.Tabs = Tabs;
-    exports.TextArea = TextArea;
-    exports.TextEditor = TextEditor;
-    exports.TextInput = TextInput;
-    exports.Tooltip = Tooltip;
-    exports.useSnackbar = useSnackbar;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-}));