@festo-ui/react 3.0.0 → 3.1.0-pre-20220214.3

package/{react.umd.js → index.umd.js}

@@ -52,10 +52,14 @@
         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 __spreadArray(to, from, pack) {
+        if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+            if (ar || !(i in from)) {
+                if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+                ar[i] = from[i];
+            }
+        }
+        return to.concat(ar || Array.prototype.slice.call(from));
     }
 
     function setRef(ref, value) {
@@ -100,14 +104,14 @@
         timeout: {
           exit: 600
         },
-        "in": isOpen,
+        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() {
+        onOutsideClick: function () {
           return onClose ? onClose() : undefined;
         }
       }, /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.CSSTransition, {
@@ -115,7 +119,7 @@
         unmountOnExit: true,
         classNames: "fr-modal",
         appear: true,
-        "in": isOpen,
+        in: isOpen,
         timeout: {
           exit: 600
         }
@@ -218,7 +222,7 @@
 
     function Breadcrumb(_a) {
       var locations = _a.locations,
-          _onClick = _a.onClick,
+          onClick = _a.onClick,
           children = _a.children,
           className = _a.className;
       var childrenList = [];
@@ -239,8 +243,8 @@
         }, /*#__PURE__*/React__default["default"].createElement("a", {
           className: "fr-breadcrumb-location",
           href: location.url,
-          onClick: function onClick(e) {
-            return _onClick ? _onClick(e) : undefined;
+          onClick: function (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"
@@ -282,7 +286,7 @@
         className: classes,
         disabled: disabled
       }, icon && /*#__PURE__*/React__default["default"].createElement("i", {
-        className: "fwe-icon fwe-icon-" + icon
+        className: "fwe-icon fwe-icon-".concat(icon)
       }), !iconOnly && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "fr-button-text"
       }, children));
@@ -328,7 +332,7 @@
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: classes
       }, /*#__PURE__*/React__default["default"].createElement("i", {
-        className: "fwe-icon fwe-icon-" + iconName + " fwe-icon-lg"
+        className: "fwe-icon fwe-icon-".concat(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)));
@@ -355,7 +359,7 @@
           large = _e === void 0 ? false : _e,
           icon = _a.icon,
           children = _a.children,
-          _onClick = _a.onClick,
+          onClick = _a.onClick,
           className = _a.className;
       var classes = classNames__default["default"]('fr-chip', 'fwe-chip', {
         'fwe-selected': selected
@@ -373,13 +377,13 @@
       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;
+        onClick: function (e) {
+          return onClick ? onClick(e) : undefined;
         },
-        className: "fwe-icon fwe-icon-" + icon
+        className: "fwe-icon fwe-icon-".concat(icon)
       }), children, type === exports.ChipType.Category && /*#__PURE__*/React__default["default"].createElement("i", {
-        onClick: function onClick(e) {
-          return _onClick ? _onClick(e) : undefined;
+        onClick: function (e) {
+          return onClick ? onClick(e) : undefined;
         },
         className: "fwe-icon fwe-icon-menu-close"
       }));
@@ -474,17 +478,17 @@
           display: 'inline'
         },
         ref: referenceElement,
-        onClick: function onClick(e) {
+        onClick: function (e) {
           return handleChange(e, !showPopper);
         }
       }, children);
       return /*#__PURE__*/React__default["default"].createElement(OutsideClickHandler__default["default"], {
         display: "inline",
-        onOutsideClick: function onOutsideClick(e) {
+        onOutsideClick: function (e) {
           return handleChange(e, false);
         }
       }, wrapper ? wrapper(childrenWrapper) : childrenWrapper, showPopper && /*#__PURE__*/React__default["default"].createElement("div", __assign({
-        onClick: function onClick(e) {
+        onClick: function (e) {
           return e.stopPropagation();
         },
         className: classNames__default["default"]('fwe-popover-container', containerClassName),
@@ -583,7 +587,7 @@
       var wrapper = function wrapper(wrapperChildren) {
         return /*#__PURE__*/React__default["default"].createElement("div", {
           className: classes,
-          onClick: function onClick() {
+          onClick: function () {
             return setEditorOpen(function (prevOpen) {
               return showPopOver ? !prevOpen : prevOpen;
             });
@@ -612,7 +616,9 @@
       }, colorBox) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, wrapper(colorBox));
     }
 
-    var ColorHelper = function () {
+    var ColorHelper =
+    /** @class */
+    function () {
       function ColorHelper() {} // based on: https://gist.github.com/mjackson/5311256
 
 
@@ -749,7 +755,7 @@
         var hex = Math.round(rgb).toString(16);
 
         if (hex.length < 2) {
-          hex = "0" + hex;
+          hex = "0".concat(hex);
         }
 
         return hex.toUpperCase();
@@ -763,7 +769,7 @@
         var red = this.numberToHex(rgb.r);
         var green = this.numberToHex(rgb.g);
         var blue = this.numberToHex(rgb.b);
-        return "#" + red + green + blue;
+        return "#".concat(red).concat(green).concat(blue);
       };
 
       ColorHelper.hexToRgb = function (hexString) {
@@ -861,7 +867,7 @@
       var alphaKnobOffset = (100 - limitAlpha()) / 100 * baseSize;
 
       function getSaturationGradient() {
-        return "linear-gradient(to right, white,  hsl(" + hsv.h * 360 + ", 100%, 50%) )";
+        return "linear-gradient(to right, white,  hsl(".concat(hsv.h * 360, ", 100%, 50%) )");
       }
 
       function updateInputs(hexColor) {
@@ -1069,7 +1075,7 @@
           backgroundImage: getSaturationGradient()
         }
       }), /*#__PURE__*/React__default["default"].createElement("div", {
-        onClick: function onClick(_a) {
+        onClick: function (_a) {
           var _b = _a.nativeEvent,
               offsetX = _b.offsetX,
               offsetY = _b.offsetY;
@@ -1081,7 +1087,7 @@
           x: saturationKnobOffset,
           y: valueKnobOffset
         },
-        onDrag: function onDrag(e, data) {
+        onDrag: function (e, data) {
           return onGradientDrag(e, data);
         },
         bounds: "parent"
@@ -1091,7 +1097,7 @@
         className: "fwe-hue-picker"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "fwe-picker-background",
-        onClick: function onClick(_a) {
+        onClick: function (_a) {
           var offsetY = _a.nativeEvent.offsetY;
           return updateHue(offsetY);
         }
@@ -1100,14 +1106,14 @@
           x: 3,
           y: hueKnobOffset
         },
-        onDrag: function onDrag(e, data) {
+        onDrag: function (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%)"
+          background: "hsl(".concat(hsv.h * 360, ", 100%, 50%)")
         }
       }))), useAlpha && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "fwe-alpha-picker"
@@ -1162,20 +1168,20 @@
         fill: "url(#bwsquare2px)",
         strokeWidth: "0"
       })), /*#__PURE__*/React__default["default"].createElement("div", {
-        onClick: function onClick(_a) {
+        onClick: function (_a) {
           var offsetY = _a.nativeEvent.offsetY;
           return updateAlpha(offsetY);
         },
         className: "fwe-picker-background",
         style: {
-          backgroundImage: "linear-gradient( " + innerColor + ",  transparent)"
+          backgroundImage: "linear-gradient( ".concat(innerColor, ",  transparent)")
         }
       }), /*#__PURE__*/React__default["default"].createElement(Draggable__default["default"], {
         position: {
           x: 3,
           y: alphaKnobOffset
         },
-        onDrag: function onDrag(e, data) {
+        onDrag: function (e, data) {
           return onAlphaDrag(e, data);
         },
         bounds: "parent"
@@ -1187,7 +1193,7 @@
         className: "fwe-type-select"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "fwe-type-indicator",
-        onClick: function onClick() {
+        onClick: function () {
           return setSelectOpen(function (prevOpen) {
             return !prevOpen;
           });
@@ -1202,7 +1208,7 @@
         className: classNames__default["default"]('fwe-type-item', {
           'fwe-selected': inputType === 'HEX'
         }),
-        onClick: function onClick() {
+        onClick: function () {
           return onChangeType('HEX');
         }
       }, /*#__PURE__*/React__default["default"].createElement("i", {
@@ -1211,7 +1217,7 @@
         className: classNames__default["default"]('fwe-type-item', {
           'fwe-selected': inputType === 'RGB'
         }),
-        onClick: function onClick() {
+        onClick: function () {
           return onChangeType('RGB');
         }
       }, /*#__PURE__*/React__default["default"].createElement("i", {
@@ -1230,10 +1236,10 @@
       }, /*#__PURE__*/React__default["default"].createElement("input", {
         type: "text",
         value: redInput,
-        onBlur: function onBlur() {
+        onBlur: function () {
           return onRgbBlur('r');
         },
-        onChange: function onChange(e) {
+        onChange: function (e) {
           return onRgbInput(e.target.value, 'r');
         }
       })), /*#__PURE__*/React__default["default"].createElement("label", {
@@ -1241,10 +1247,10 @@
       }, /*#__PURE__*/React__default["default"].createElement("input", {
         type: "text",
         value: greenInput,
-        onBlur: function onBlur() {
+        onBlur: function () {
           return onRgbBlur('g');
         },
-        onChange: function onChange(e) {
+        onChange: function (e) {
           return onRgbInput(e.target.value, 'g');
         }
       })), /*#__PURE__*/React__default["default"].createElement("label", {
@@ -1252,10 +1258,10 @@
       }, /*#__PURE__*/React__default["default"].createElement("input", {
         type: "text",
         value: blueInput,
-        onBlur: function onBlur() {
+        onBlur: function () {
           return onRgbBlur('b');
         },
-        onChange: function onChange(e) {
+        onChange: function (e) {
           return onRgbInput(e.target.value, 'b');
         }
       }))), useAlpha && /*#__PURE__*/React__default["default"].createElement("label", {
@@ -1265,10 +1271,10 @@
         min: "0",
         max: "100",
         value: innerAlpha,
-        onBlur: function onBlur() {
+        onBlur: function () {
           return onAlphaBlur();
         },
-        onChange: function onChange(e) {
+        onChange: function (e) {
           return onAlphaInput(e.target.value);
         }
       }), /*#__PURE__*/React__default["default"].createElement("span", {
@@ -1342,7 +1348,7 @@
           style: {
             background: colorItem
           },
-          onClick: function onClick() {
+          onClick: function () {
             return updateColorRgb(colorItem.toUpperCase());
           }
         }, innerColor === colorItem.toUpperCase() && /*#__PURE__*/React__default["default"].createElement("i", {
@@ -1471,7 +1477,7 @@
         if (datePickerRef.current && calendar === null) {
           setCalendar(flatpickr__default["default"](datePickerRef.current, {
             defaultDate: innerDefaultValue,
-            onChange: function onChange(v) {
+            onChange: function (v) {
               return handleChange(v[0]);
             },
             onClose: handleClose,
@@ -1574,7 +1580,7 @@
             plugins: [rangePlugin__default["default"]({
               input: input2Ref.current
             })],
-            onChange: function onChange(v) {
+            onChange: function (v) {
               return handleChange(v);
             },
             position: 'below center',
@@ -1657,7 +1663,7 @@
         className: classes,
         disabled: disabled
       }, /*#__PURE__*/React__default["default"].createElement("i", {
-        className: "fwe-icon fwe-icon-" + icon
+        className: "fwe-icon fwe-icon-".concat(icon)
       }), !iconOnly && children);
     }
 
@@ -1786,11 +1792,11 @@
           className: classNames__default["default"]('fwe-page-dot', {
             'fwe-selected': index + 1 === innerPageCurrent
           }),
-          onClick: function onClick() {
+          onClick: function () {
             return onDotClick(index);
           },
           "aria-label": "page-dot",
-          onKeyPress: function onKeyPress(e) {
+          onKeyPress: function (e) {
             return handleKeyPress(e, index);
           }
         });
@@ -1817,7 +1823,7 @@
         className: classes,
         role: "progressbar",
         style: {
-          width: progress + "%"
+          width: "".concat(progress, "%")
         },
         "aria-valuenow": progress,
         "aria-valuemin": 0,
@@ -1893,7 +1899,7 @@
           className: classNames__default["default"]('fwe-tab-item', {
             'fwe-active': active
           }),
-          onClick: function onClick() {
+          onClick: function () {
             return showTabPane(id);
           }
         }, child.props.icon ? /*#__PURE__*/React__default["default"].createElement("a", {
@@ -1902,7 +1908,7 @@
           "aria-controls": id,
           "aria-selected": active
         }, /*#__PURE__*/React__default["default"].createElement("i", {
-          className: "fwe-icon " + icon
+          className: "fwe-icon ".concat(icon)
         }), /*#__PURE__*/React__default["default"].createElement("span", null, name)) : /*#__PURE__*/React__default["default"].createElement("a", {
           className: "fwe-tab-link",
           role: "tab",
@@ -1996,7 +2002,7 @@
         type: "checkbox",
         id: id,
         disabled: disabled,
-        onChange: function onChange() {
+        onChange: function () {
           return handleChange();
         }
       }, props)), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -2027,7 +2033,7 @@
 
     function RadioButton(_a) {
       var id = _a.id,
-          _onChange = _a.onChange,
+          onChange = _a.onChange,
           value = _a.value,
           name = _a.name,
           checked = _a.checked,
@@ -2067,8 +2073,8 @@
         id: id,
         name: groupName || name,
         value: value || groupValue,
-        onChange: function onChange() {
-          return _onChange(value);
+        onChange: function () {
+          return onChange(value);
         },
         disabled: disabled || groupDisabled,
         required: required || groupRequired
@@ -2183,7 +2189,7 @@
         value: value,
         checked: checked,
         disabled: disabled,
-        onChange: function onChange(e) {
+        onChange: function (e) {
           return handleChange(e);
         }
       }), /*#__PURE__*/React__default["default"].createElement("label", {
@@ -2193,10 +2199,10 @@
         className: "fwe-sr-only"
       }, label), /*#__PURE__*/React__default["default"].createElement("i", {
         "aria-hidden": "true",
-        className: classNames__default["default"]('fwe-icon', "fwe-icon-" + icon)
+        className: classNames__default["default"]('fwe-icon', "fwe-icon-".concat(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)
+        className: classNames__default["default"]('fwe-icon', "fwe-icon-".concat(icon))
       }), label)));
     }
 
@@ -2444,13 +2450,13 @@
             role: "option",
             "aria-selected": option.label === selectedOptionLabel,
             key: option.data,
-            onClick: function onClick() {
+            onClick: function () {
               return handleOptionChange(option);
             },
             className: classNames__default["default"]('fwe-select-option', {
               'fwe-empty': !option.label
             }),
-            onKeyDown: function onKeyDown(e) {
+            onKeyDown: function (e) {
               return handleListKeyDown(e, option, i);
             },
             tabIndex: 0
@@ -2467,13 +2473,13 @@
             role: "option",
             "aria-selected": option.label === selectedOptionLabel,
             key: option.data,
-            onClick: function onClick() {
+            onClick: function () {
               return handleOptionChange(option);
             },
             className: classNames__default["default"]('fwe-select-option', {
               'fwe-empty': !option.label
             }),
-            onKeyDown: function onKeyDown(e) {
+            onKeyDown: function (e) {
               return handleListKeyDown(e, option, i);
             },
             tabIndex: 0
@@ -2482,7 +2488,7 @@
       }
 
       return /*#__PURE__*/React__default["default"].createElement(OutsideClickHandler__default["default"], {
-        onOutsideClick: function onOutsideClick() {
+        onOutsideClick: function () {
           return setOptionsWrapper({
             action: '',
             isFocused: false
@@ -2508,7 +2514,7 @@
         role: "button",
         tabIndex: 0,
         className: selectClassName,
-        onClick: function onClick(e) {
+        onClick: function (e) {
           return handleClick(e);
         },
         ref: buttonEl,
@@ -2527,7 +2533,7 @@
       }, 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')
+        className: "fwe-select-options-container".concat(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: {
@@ -2622,7 +2628,7 @@
       }), showValue && left !== null && /*#__PURE__*/React__default["default"].createElement("span", {
         className: "fr-slider-value",
         style: {
-          left: left + "px"
+          left: "".concat(left, "px")
         }
       }, innerValue));
     }
@@ -2665,14 +2671,14 @@
       var classes = first ? 'fr-snackbar-wrapper--first' : 'fr-snackbar-wrapper';
       return /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.CSSTransition, {
         nodeRef: nodeRef,
-        onExited: function onExited() {
+        onExited: function () {
           return onClose ? onClose() : undefined;
         },
         unmountOnExit: true,
         timeout: {
           exit: 600
         },
-        "in": show,
+        in: show,
         classNames: classes,
         appear: true
       }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -2699,7 +2705,7 @@
         "aria-label": "UserAction",
         type: "button",
         className: "fwe-btn fwe-btn-link",
-        onClick: function onClick() {
+        onClick: function () {
           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", {
@@ -2737,7 +2743,7 @@
             onClose: onClose,
             key: new Date().getTime() + Math.random(),
             first: prevSnacks.length === 0
-          }], prevSnacks);
+          }], prevSnacks, true);
         });
       }
 
@@ -2771,10 +2777,10 @@
         return /*#__PURE__*/React__default["default"].createElement(Snackbar, {
           key: snack.key,
           data: snack.data,
-          onAction: function onAction() {
+          onAction: function () {
             return snack.onAction ? snack.onAction() : undefined;
           },
-          onClose: function onClose() {
+          onClose: function () {
             return handleClose(snack);
           },
           first: snack.first
@@ -2799,7 +2805,7 @@
           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), {
+      var labelClassName = classNames__default["default"]('fwe-switch', (_b = {}, _b["fwe-switch-label-".concat(labelPosition)] = true, _b), {
         'fwe-switch-lg': large
       }, className);
 
@@ -2826,7 +2832,7 @@
         type: "checkbox",
         disabled: disabled,
         checked: currentValue,
-        onChange: function onChange() {
+        onChange: function () {
           return handleChange();
         }
       }), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -2894,7 +2900,7 @@
         var shadow = shadowRef.current;
         var minRows = 2;
         shadow.value = input.value || 'x';
-        shadow.style.width = "" + input.clientWidth;
+        shadow.style.width = "".concat(input.clientWidth);
         var newHeight = Math.max(minRows * 24, shadow.scrollHeight);
         setHeight(newHeight + 4 + 4 + 1);
       }, [innerValue]);
@@ -2917,7 +2923,7 @@
           overflow: 'hidden'
         }),
         ref: ref,
-        className: classNames__default["default"]('fr-textarea', "fwe-row-" + rows),
+        className: classNames__default["default"]('fr-textarea', "fwe-row-".concat(rows)),
         disabled: disabled,
         readOnly: readonly,
         required: required,
@@ -3008,9 +3014,9 @@
       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), {
+        className: classNames__default["default"]((_b = {}, _b["ql-".concat(category || type)] = !list, _b), {
           'ql-list': list
-        }, 'fwe-d-none', (_c = {}, _c["action-" + type] = !noAction, _c)),
+        }, 'fwe-d-none', (_c = {}, _c["action-".concat(type)] = !noAction, _c)),
         "aria-hidden": "true",
         value: value
       }), /*#__PURE__*/React__default["default"].createElement("button", {
@@ -3020,14 +3026,14 @@
         }, 'fr-button', className, {
           'fwe-active': active && !noAction
         }),
-        onClick: function onClick() {
+        onClick: function () {
           return handleClick();
         },
         disabled: disabled
       }, label && /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "fr-button-text fwe-text-" + type
+        className: "fr-button-text fwe-text-".concat(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')
+        className: classNames__default["default"]('fwe-icon fwe-icon-toolbar-list', "fwe-icon-".concat(icon), 'fwe-pr-0')
       })));
     }
 
@@ -3082,13 +3088,13 @@
         if (editorRef && editor === null) {
           var newEditor = new Quill__default["default"](editorRef.current, {
             modules: {
-              toolbar: "#editor-toolbar-" + id
+              toolbar: "#editor-toolbar-".concat(id)
             },
             theme: 'snow',
-            scrollingContainer: "#editor-container-" + id
+            scrollingContainer: "#editor-container-".concat(id)
           });
           newEditor.root.setAttribute('role', 'textbox');
-          newEditor.root.setAttribute('aria-labelledby', "editor-label-" + id);
+          newEditor.root.setAttribute('aria-labelledby', "editor-label-".concat(id));
           newEditor.root.setAttribute('aria-multiline', 'true');
           newEditor.enable(!readOnly);
 
@@ -3106,7 +3112,7 @@
             } // not allowed, remove image by setting up a new delta
 
 
-            var Delta = Quill__default["default"]["import"]('quill-delta');
+            var Delta = Quill__default["default"].import('quill-delta');
             return new Delta().insert('');
           });
           setEditor(newEditor);
@@ -3132,7 +3138,7 @@
       React.useEffect(function () {
         if (editor) {
           var whiteList = __assign(__assign({}, xss.whiteList), {
-            a: __spreadArray(__spreadArray([], xss.whiteList.a), ['rel'])
+            a: __spreadArray(__spreadArray([], xss.whiteList.a, true), ['rel'], false)
           });
 
           var sanitizedValue = xss(value, {
@@ -3175,8 +3181,8 @@
           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
+        className: classNames__default["default"]('fwe-editor-toolbar', (_b = {}, _b["fwe-editor-toolbar-".concat(className)] = className, _b)),
+        id: "editor-toolbar-".concat(id)
       }, /*#__PURE__*/React__default["default"].createElement("span", {
         className: "ql-formats fwe-d-none"
       }, /*#__PURE__*/React__default["default"].createElement("select", {
@@ -3265,20 +3271,20 @@
         className: classNames__default["default"]('fwe-editor-container', {
           'fwe-editor-container--error': error
         }),
-        id: "editor-container-" + id
+        id: "editor-container-".concat(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
+        id: "editor-label-".concat(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));
+      }, "".concat(currentLength(), " / ").concat(maxLength)));
     }
 
     var TextInput = function TextInput(_a) {
@@ -3396,7 +3402,7 @@
         type: "button",
         "aria-label": "Ok",
         className: "fwe-btn fwe-btn-hero",
-        onClick: function onClick() {
+        onClick: function () {
           return onOk(innerValue);
         }
       }, ok)));
@@ -3429,11 +3435,11 @@
         }, /*#__PURE__*/React__default["default"].createElement("button", {
           type: "button",
           className: "fwe-btn fwe-btn-link fwe-dark",
-          onClick: function onClick() {
+          onClick: function () {
             return handleClick(item);
           }
         }, /*#__PURE__*/React__default["default"].createElement("i", {
-          className: "fwe-icon fwe-pr-0 " + item.icon
+          className: "fwe-icon fwe-pr-0 ".concat(item.icon)
         }), /*#__PURE__*/React__default["default"].createElement("span", null, item.text)));
       }));
       return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -3447,7 +3453,7 @@
         type: "button",
         className: "fwe-btn fwe-btn-link fwe-dark origin"
       }, /*#__PURE__*/React__default["default"].createElement("i", {
-        className: "fwe-icon fwe-pr-0 " + icon
+        className: "fwe-icon fwe-pr-0 ".concat(icon)
       }))));
     }
 
@@ -3497,10 +3503,10 @@
       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() {
+        onMouseEnter: function () {
           return setShowPopper(true);
         },
-        onMouseLeave: function onMouseLeave() {
+        onMouseLeave: function () {
           return setShowPopper(false);
         }
       }, children), showPopper && /*#__PURE__*/React__default["default"].createElement("div", __assign({