@festo-ui/react 3.2.1 → 4.0.0-pre-20220920.1

package/{index.esm.js → index.js}

@@ -7,7 +7,6 @@ import { usePopper } from 'react-popper';
 import Draggable from 'react-draggable';
 import flatpickr from 'flatpickr';
 import rangePlugin from 'flatpickr/dist/plugins/rangePlugin';
-import Quill from 'quill';
 import ReactDOM from 'react-dom';
 
 /*! *****************************************************************************
@@ -73,8 +72,8 @@ const Accordion = /*#__PURE__*/forwardRef((_a, ref) => {
       className: classNames('fr-accordion', className)
     }, props, {
       children: children
-    }), void 0)
-  }), void 0);
+    }))
+  }));
 });
 
 const AccordionHeader = /*#__PURE__*/forwardRef((_a, ref) => {
@@ -89,7 +88,7 @@ const AccordionHeader = /*#__PURE__*/forwardRef((_a, ref) => {
     className: classNames('fr-accordion-header', className)
   }, props, {
     children: children
-  }), void 0);
+  }));
 });
 
 function setRef(ref, value) {
@@ -178,9 +177,9 @@ const AccordionItemBody = /*#__PURE__*/forwardRef((_a, ref) => {
     }, props, {
       children: [children, jsx("div", {
         className: "fr-accordion-item-body-spacer-bottom"
-      }, void 0)]
-    }), void 0)
-  }), void 0);
+      })]
+    }))
+  }));
 });
 
 const AccordionItemHeader = /*#__PURE__*/forwardRef((_a, ref) => {
@@ -204,7 +203,7 @@ const AccordionItemHeader = /*#__PURE__*/forwardRef((_a, ref) => {
     onClick: toggle
   }, props, {
     children: children
-  }), void 0);
+  }));
 });
 
 function useControlled({
@@ -281,9 +280,9 @@ const AccordionItem = /*#__PURE__*/forwardRef((_a, ref) => {
         className: "fr-accordion-item-link"
       }, {
         children: linkText
-      }), void 0)]
-    }), void 0)
-  }), void 0);
+      }))]
+    }))
+  }));
 });
 
 /**
@@ -316,15 +315,15 @@ function Breadcrumb({
         onClick: e => onClick ? onClick(e) : undefined
       }, {
         children: location.label
-      }), void 0), index + 1 < locations.length && jsx("i", {
+      })), index + 1 < locations.length && jsx("i", {
         className: "fwe-icon fwe-icon-arrows-right-2"
-      }, void 0)]
+      })]
     }, location.url)) : childrenList.map((child, index) => jsxs(React.Fragment, {
       children: [child, " ", index + 1 < childrenList.length && jsx("i", {
         className: "fwe-icon fwe-icon-arrows-right-2"
-      }, void 0)]
+      })]
     }, child.props.children))
-  }), void 0);
+  }));
 }
 
 function Button({
@@ -354,12 +353,10 @@ function Button({
   }, {
     children: [icon && jsx("i", {
       className: `fwe-icon fwe-icon-${icon}`
-    }, void 0), !iconOnly && jsx("div", Object.assign({
-      className: "fr-button-text"
-    }, {
+    }), !iconOnly && jsx("div", {
       children: children
-    }), void 0)]
-  }), void 0);
+    })]
+  }));
 }
 
 function Card({
@@ -370,7 +367,7 @@ function Card({
     className: classNames('fwe-card', className)
   }, {
     children: children
-  }), void 0);
+  }));
 }
 
 function CardBody({
@@ -385,8 +382,8 @@ function CardBody({
       className: "fwe-card-text"
     }, {
       children: text
-    }), void 0), children]
-  }), void 0);
+    })), children]
+  }));
 }
 
 function CardHeader({
@@ -403,11 +400,11 @@ function CardHeader({
     }, {
       children: [jsx("h5", {
         children: title
-      }, void 0), subtitle && jsx("p", {
+      }), subtitle && jsx("p", {
         children: subtitle
-      }, void 0)]
-    }), void 0), action]
-  }), void 0);
+      })]
+    })), action]
+  }));
 }
 
 function CardNotification({
@@ -422,16 +419,16 @@ function CardNotification({
   }, {
     children: [jsx("i", {
       className: `fwe-icon fwe-icon-${iconName} fwe-icon-lg`
-    }, void 0), jsxs("div", Object.assign({
+    }), jsxs("div", Object.assign({
       className: "fwe-card-title"
     }, {
       children: [jsx("h6", {
         children: title
-      }, void 0), message && jsx("p", {
+      }), message && jsx("p", {
         children: message
-      }, void 0)]
-    }), void 0)]
-  }), void 0);
+      })]
+    }))]
+  }));
 }
 
 function ChipContainer({
@@ -446,7 +443,7 @@ function ChipContainer({
     className: classes
   }, {
     children: children
-  }), void 0);
+  }));
 }
 
 var ChipType;
@@ -488,11 +485,11 @@ function Chip({
     children: [icon && jsx("i", {
       onClick: e => onClick ? onClick(e) : undefined,
       className: `fwe-icon fwe-icon-${icon}`
-    }, void 0), children, type === ChipType.Category && jsx("i", {
+    }), children, type === ChipType.Category && jsx("i", {
       onClick: e => onClick ? onClick(e) : undefined,
       className: "fwe-icon fwe-icon-menu-close"
-    }, void 0)]
-  }), void 0);
+    })]
+  }));
 }
 
 function LinkButton({
@@ -514,36 +511,48 @@ function LinkButton({
   }, {
     children: [jsx("i", {
       className: `fwe-icon fwe-icon-${icon}`
-    }, void 0), !iconOnly && children]
-  }), void 0);
+    }), !iconOnly && children]
+  }));
 }
 
-function LoadingIndicator({
-  size = 'large',
-  children,
-  className
-}) {
+const LoadingIndicator = /*#__PURE__*/forwardRef((_a, ref) => {
+  var {
+    size = 'large',
+    children,
+    className
+  } = _a,
+      props = __rest(_a, ["size", "children", "className"]);
+
   const classes = classNames('fwe-waiting-indicator', {
     'fwe-waiting-indicator-md': size === 'medium'
   }, {
     'fwe-waiting-indicator-sm': size === 'small'
-  }, className);
+  });
   return jsxs("div", Object.assign({
-    className: "fr-waiting-container"
-  }, {
+    className: classNames('fwe-waiting-container', {
+      'fwe-waiting-container-sm': size === 'small'
+    }, className),
+    ref: ref
+  }, props, {
     children: [jsxs("div", Object.assign({
       className: classes
     }, {
       children: [jsx("div", {
         className: "fwe-waiting-circle-1"
-      }, void 0), jsx("div", {
+      }), jsx("div", {
         className: "fwe-waiting-circle-2"
-      }, void 0), jsx("div", {
+      }), jsx("div", {
         className: "fwe-waiting-circle-3"
-      }, void 0)]
-    }), void 0), children]
-  }), void 0);
-}
+      }), jsx("div", {
+        className: "fwe-waiting-circle-4"
+      })]
+    })), jsx("div", Object.assign({
+      className: "fwe-waiting-content-container"
+    }, {
+      children: children
+    }))]
+  }));
+});
 
 const Modal = /*#__PURE__*/forwardRef(({
   head,
@@ -570,8 +579,8 @@ const Modal = /*#__PURE__*/forwardRef(({
       children: jsx("div", {
         ref: backdropRef,
         className: "fr-modal-backdrop fwe-modal-backdrop"
-      }, void 0)
-    }), void 0), jsx(OutsideClickHandler, Object.assign({
+      })
+    })), jsx(OutsideClickHandler, Object.assign({
       onOutsideClick: () => onClose ? onClose() : undefined
     }, {
       children: jsx(CSSTransition, Object.assign({
@@ -600,25 +609,25 @@ const Modal = /*#__PURE__*/forwardRef(({
               children: [jsx("i", {
                 "aria-hidden": "true",
                 className: "fwe-icon fwe-icon-close-small"
-              }, void 0), jsx("span", Object.assign({
+              }), jsx("span", Object.assign({
                 className: "fwe-sr-only"
               }, {
                 children: "Close"
-              }), void 0)]
-            }), void 0)
-          }), void 0), jsx("div", Object.assign({
+              }))]
+            }))
+          })), jsx("div", Object.assign({
             className: "fwe-modal-header"
           }, {
             children: head
-          }), void 0), jsx("div", Object.assign({
+          })), jsx("div", Object.assign({
             className: "fwe-modal-body"
           }, {
             children: body
-          }), void 0), children]
-        }), void 0)
-      }), void 0)
-    }), void 0)]
-  }, void 0);
+          })), children]
+        }))
+      }))
+    }))]
+  });
 });
 
 const ModalFooter = /*#__PURE__*/forwardRef(({
@@ -633,8 +642,8 @@ const ModalFooter = /*#__PURE__*/forwardRef(({
       className: classNames('fwe-modal-buttons')
     }, {
       children: children
-    }), void 0)
-  }), void 0);
+    }))
+  }));
 });
 
 function AlertModal(_a) {
@@ -670,8 +679,8 @@ function AlertModal(_a) {
             'fwe-icon-status-failure': alertType === 'error',
             'fwe-icon-status-check-status': alertType === 'info'
           })
-        }, void 0), subtitle]
-      }), void 0), jsxs("h1", Object.assign({
+        }), subtitle]
+      })), jsxs("h1", Object.assign({
         className: "fwe-modal-h1"
       }, {
         children: [jsx("i", {
@@ -681,12 +690,12 @@ function AlertModal(_a) {
             'fwe-icon-status-failure': alertType === 'error',
             'fwe-icon-status-check-status': alertType === 'info'
           })
-        }, void 0), title]
-      }), void 0)]
-    }, void 0),
+        }), title]
+      }))]
+    }),
     body: jsx("p", {
       children: body
-    }, void 0)
+    })
   }, props, {
     children: (cancel || ok) && jsxs(ModalFooter, {
       children: [cancel && jsx("button", Object.assign({
@@ -698,7 +707,7 @@ function AlertModal(_a) {
         onClick: onCancel
       }, {
         children: cancel
-      }), void 0), ok && jsx("button", Object.assign({
+      })), ok && jsx("button", Object.assign({
         type: "button",
         "aria-label": "Ok",
         className: classNames('fwe-btn fwe-btn-lg', {
@@ -707,9 +716,9 @@ function AlertModal(_a) {
         onClick: onOk
       }, {
         children: ok
-      }), void 0)]
-    }, void 0)
-  }), void 0);
+      }))]
+    })
+  }));
 }
 
 function ConfirmModal(_a) {
@@ -736,15 +745,15 @@ function ConfirmModal(_a) {
         className: "fwe-modal-h2"
       }, {
         children: subtitle
-      }), void 0), jsx("h1", Object.assign({
+      })), jsx("h1", Object.assign({
         className: "fwe-modal-h1"
       }, {
         children: title
-      }), void 0)]
-    }, void 0),
+      }))]
+    }),
     body: jsx("p", {
       children: body
-    }, void 0),
+    }),
     isOpen: isOpen
   }, props, {
     children: (cancel || ok) && jsxs(ModalFooter, {
@@ -755,16 +764,16 @@ function ConfirmModal(_a) {
         onClick: onCancel
       }, {
         children: cancel
-      }), void 0), ok && jsx("button", Object.assign({
+      })), ok && jsx("button", Object.assign({
         type: "button",
         "aria-label": "Ok",
         className: "fwe-btn fwe-btn-hero fwe-btn-lg",
         onClick: onOk
       }, {
         children: ok
-      }), void 0)]
-    }, void 0)
-  }), void 0);
+      }))]
+    })
+  }));
 }
 
 const TextInput = _a => {
@@ -823,20 +832,20 @@ const TextInput = _a => {
       onInput: onInput,
       type: innerType,
       value: innerValue
-    }, props), void 0), jsx("span", Object.assign({
+    }, props)), jsx("span", Object.assign({
       className: "fwe-input-text-label"
     }, {
       children: label
-    }), void 0), hint && jsx("span", Object.assign({
+    })), hint && jsx("span", Object.assign({
       className: hintClasses
     }, {
       children: hint
-    }), void 0), error && jsx("span", Object.assign({
+    })), error && jsx("span", Object.assign({
       className: "fwe-input-text-invalid"
     }, {
       children: error
-    }), void 0)]
-  }), void 0);
+    }))]
+  }));
 };
 
 function Prompt(_a) {
@@ -873,18 +882,18 @@ function Prompt(_a) {
         className: "fwe-modal-h2"
       }, {
         children: subtitle
-      }), void 0), jsx("h1", Object.assign({
+      })), jsx("h1", Object.assign({
         className: "fwe-modal-h1"
       }, {
         children: title
-      }), void 0)]
-    }, void 0),
+      }))]
+    }),
     body: jsx(TextInput, {
       onChange: handleChange,
       label: label,
       hint: hint,
       value: innerValue
-    }, void 0)
+    })
   }, props, {
     children: (cancel || ok) && jsxs(ModalFooter, {
       children: [cancel && jsx("button", Object.assign({
@@ -894,16 +903,16 @@ function Prompt(_a) {
         onClick: onCancel
       }, {
         children: cancel
-      }), void 0), ok && jsx("button", Object.assign({
+      })), ok && jsx("button", Object.assign({
         type: "button",
         "aria-label": "Ok",
         className: "fwe-btn fwe-btn-hero",
         onClick: () => onOk(innerValue)
       }, {
         children: ok
-      }), void 0)]
-    }, void 0)
-  }), void 0);
+      }))]
+    })
+  }));
 }
 
 var PaginationType;
@@ -980,17 +989,17 @@ function Pagination(props) {
         onClick: onBtnDown,
         type: "button",
         "aria-label": "navigate-btn-down"
-      }, void 0), type === PaginationType.Numeric && jsxs(Fragment, {
+      }), type === PaginationType.Numeric && jsxs(Fragment, {
         children: [jsx("span", Object.assign({
           className: "fwe-page-current"
         }, {
           children: innerPageCurrent
-        }), void 0), jsx("span", Object.assign({
+        })), jsx("span", Object.assign({
           className: "fwe-page-max"
         }, {
           children: pageMax
-        }), void 0)]
-      }, void 0), jsx("button", {
+        }))]
+      }), jsx("button", {
         className: classNames('fwe-navigate-btn-up', {
           'fwe-disabled': innerPageCurrent >= pageMax,
           'fwe-ml-4': type === PaginationType.Simple
@@ -998,8 +1007,8 @@ function Pagination(props) {
         onClick: onBtnUp,
         type: "button",
         "aria-label": "navigate-btn-up"
-      }, void 0)]
-    }), void 0), type === PaginationType.Dots && jsx("div", Object.assign({
+      })]
+    })), type === PaginationType.Dots && jsx("div", Object.assign({
       className: classNames('fwe-p-m', {
         'fwe-d-none': pageMax < 2
       }, className)
@@ -1017,9 +1026,9 @@ function Pagination(props) {
           "aria-label": "page-dot",
           onKeyPress: e => handleKeyPress(e, index)
         }, index))
-      }), void 0)
-    }), void 0)]
-  }, void 0);
+      }))
+    }))]
+  });
 }
 
 function Popover({
@@ -1088,7 +1097,7 @@ function Popover({
     onClick: e => handleChange(e, !showPopper)
   }, {
     children: children
-  }), void 0);
+  }));
 
   return jsxs(OutsideClickHandler, Object.assign({
     display: "inline",
@@ -1104,13 +1113,13 @@ function Popover({
         className: "fwe-popover"
       }, {
         children: popoverContent
-      }), void 0), arrow && jsx("div", {
+      })), arrow && jsx("div", {
         ref: setArrowElement,
         style: styles.arrow,
         id: "arrow"
-      }, void 0)]
-    }), void 0)]
-  }), void 0);
+      })]
+    }))]
+  }));
 }
 
 function PopoverMenu(_a) {
@@ -1144,12 +1153,12 @@ function PopoverMenu(_a) {
       }, {
         children: [jsx("i", {
           className: `fwe-icon fwe-pr-0 ${item.icon}`
-        }, void 0), jsx("span", {
+        }), jsx("span", {
           children: item.text
-        }, void 0)]
-      }), void 0)
+        })]
+      }))
     }), item.icon + item.text))
-  }), void 0);
+  }));
 
   return jsx("div", Object.assign({
     className: classNames('fwe-popover-menu', className)
@@ -1166,10 +1175,10 @@ function PopoverMenu(_a) {
       }, {
         children: jsx("i", {
           className: `fwe-icon fwe-pr-0 ${icon}`
-        }, void 0)
-      }), void 0)
-    }), void 0)
-  }), void 0);
+        })
+      }))
+    }))
+  }));
 }
 
 function Tooltip({
@@ -1212,7 +1221,7 @@ function Tooltip({
       onMouseLeave: () => setShowPopper(false)
     }, {
       children: children
-    }), void 0), showPopper && jsxs("div", Object.assign({
+    })), showPopper && jsxs("div", Object.assign({
       className: "fwe-popover-container",
       id: "tooltip",
       ref: setPopperElement,
@@ -1222,13 +1231,13 @@ function Tooltip({
         ref: setArrowElement,
         style: styles.arrow,
         id: "arrow"
-      }, void 0), jsx("div", Object.assign({
+      }), jsx("div", Object.assign({
         className: "fwe-popover"
       }, {
         children: title
-      }), void 0)]
-    }), void 0)]
-  }, void 0);
+      }))]
+    }))]
+  });
 }
 
 function Progress({
@@ -1257,8 +1266,8 @@ function Progress({
       "aria-valuemin": 0,
       "aria-valuemax": 100,
       "aria-label": "progressbar"
-    }, void 0)
-  }), void 0);
+    })
+  }));
 }
 
 function Snackbar(props) {
@@ -1325,16 +1334,16 @@ function Snackbar(props) {
             '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'
           })
-        }, void 0), jsx("span", {
+        }), jsx("span", {
           children: data === null || data === void 0 ? void 0 : data.text
-        }, void 0), (data === null || data === void 0 ? void 0 : data.action) && jsx("button", Object.assign({
+        }), (data === null || data === void 0 ? void 0 : data.action) && jsx("button", Object.assign({
           "aria-label": "UserAction",
           type: "button",
           className: "fwe-btn fwe-btn-link",
           onClick: () => onAction ? onAction() : undefined
         }, {
           children: data === null || data === void 0 ? void 0 : data.action
-        }), void 0), (data === null || data === void 0 ? void 0 : data.showClose) && jsxs("button", Object.assign({
+        })), (data === null || data === void 0 ? void 0 : data.showClose) && jsxs("button", Object.assign({
           "aria-label": "Close",
           type: "button",
           className: "fwe-btn fwe-btn-link",
@@ -1343,18 +1352,18 @@ function Snackbar(props) {
           children: [jsx("i", {
             "aria-hidden": true,
             className: "fwe-icon fwe-icon-close-small"
-          }, void 0), jsx("span", Object.assign({
+          }), jsx("span", Object.assign({
             className: "fwe-sr-only"
           }, {
             children: "Close"
-          }), void 0)]
-        }), void 0)]
-      }), void 0)
-    }), void 0)
-  }), void 0);
+          }))]
+        }))]
+      }))
+    }))
+  }));
 }
 
-var SnackbarContext = /*#__PURE__*/React.createContext({});
+var SnackbarContext = /*#__PURE__*/React.createContext(null);
 
 function SnackbarProvider(props) {
   const {
@@ -1367,17 +1376,21 @@ function SnackbarProvider(props) {
   const [snacks, setSnacks] = useState([]);
 
   function addSnackbar(snackData, onAction, onClose) {
+    var _a;
+
+    const key = (_a = snackData.key) !== null && _a !== void 0 ? _a : new Date().getTime() + Math.random();
     setSnacks(prevSnacks => [{
       data: Object.assign(Object.assign({}, config), snackData),
       onAction,
       onClose,
-      key: new Date().getTime() + Math.random(),
+      key: key,
       first: prevSnacks.length === 0
     }, ...prevSnacks]);
+    return key;
   }
 
   function closeSnackbar(key) {
-    if (key) {
+    if (key !== undefined) {
       setSnacks(prevSnacks => prevSnacks.filter(snack => snack.key !== key));
     }
   }
@@ -1406,8 +1419,8 @@ function SnackbarProvider(props) {
         onClose: () => handleClose(snack),
         first: snack.first
       }, snack.key))
-    }), void 0)]
-  }), void 0);
+    }))]
+  }));
 }
 
 var useSnackbar = (() => useContext(SnackbarContext));
@@ -1430,8 +1443,8 @@ const StepHorizontal = /*#__PURE__*/forwardRef((_a, ref) => {
       className: "fr-moving-container"
     }, {
       children: children
-    }), void 0)
-  }), void 0);
+    }))
+  }));
 });
 
 const StepperHorizontal = /*#__PURE__*/forwardRef((_a, ref) => {
@@ -1476,15 +1489,15 @@ const StepperHorizontal = /*#__PURE__*/forwardRef((_a, ref) => {
             className: "fwe-step-no"
           }, {
             children: i + 1
-          }), void 0), jsx("div", Object.assign({
+          })), jsx("div", Object.assign({
             className: "fwe-step-name"
           }, {
             children: step.props.title
-          }), void 0)]
-        }), void 0)
+          }))]
+        }))
       }), i))
-    }), void 0), stepComponents]
-  }, void 0);
+    })), stepComponents]
+  });
 });
 
 const StepVertical = /*#__PURE__*/forwardRef((_a, ref) => {
@@ -1533,12 +1546,12 @@ const StepVertical = /*#__PURE__*/forwardRef((_a, ref) => {
         className: "fwe-step-no"
       }, {
         children: index + 1
-      }), void 0), jsx("div", Object.assign({
+      })), jsx("div", Object.assign({
         className: "fwe-step-name"
       }, {
         children: title
-      }), void 0)]
-    }), void 0), jsx("div", Object.assign({
+      }))]
+    })), jsx("div", Object.assign({
       ref: containerRef,
       className: "fwe-step-content-container"
     }, {
@@ -1547,9 +1560,9 @@ const StepVertical = /*#__PURE__*/forwardRef((_a, ref) => {
         className: "fwe-step-content"
       }, {
         children: children
-      }), void 0)
-    }), void 0)]
-  }), void 0);
+      }))
+    }))]
+  }));
 });
 
 const StepperVertical = /*#__PURE__*/forwardRef((_a, ref) => {
@@ -1583,7 +1596,7 @@ const StepperVertical = /*#__PURE__*/forwardRef((_a, ref) => {
     className: classNames('fwe-stepper-vertical', className)
   }, props, {
     children: stepComponents
-  }), void 0);
+  }));
 });
 
 function TabPane({
@@ -1604,7 +1617,7 @@ function TabPane({
     className: tabPaneClasses
   }, {
     children: children
-  }), void 0);
+  }));
 }
 
 const useTabScroll = (tabLength, componentId, refs) => {
@@ -1993,10 +2006,10 @@ const Tabs = /*#__PURE__*/forwardRef((_a, ref) => {
               }, {
                 children: [jsx("i", {
                   className: `fwe-icon ${icon}`
-                }, void 0), jsx("span", {
+                }), jsx("span", {
                   children: name
-                }, void 0)]
-              }), void 0) : jsx("a", Object.assign({
+                })]
+              })) : jsx("a", Object.assign({
                 id: tabId,
                 className: "fwe-legacy-tab-link",
                 role: "tab",
@@ -2004,15 +2017,15 @@ const Tabs = /*#__PURE__*/forwardRef((_a, ref) => {
                 "aria-selected": active
               }, {
                 children: name
-              }), void 0)
+              }))
             }), tabId);
           })
-        }), void 0), jsx("div", Object.assign({
+        })), jsx("div", Object.assign({
           className: "fwe-legacy-tab-panel-content"
         }, {
           children: innerChildren
-        }), void 0)]
-      }), void 0) : jsxs("div", Object.assign({
+        }))]
+      })) : jsxs("div", Object.assign({
         className: "fr-tab-bar",
         role: "tablist",
         ref: combinedRef
@@ -2058,29 +2071,29 @@ const Tabs = /*#__PURE__*/forwardRef((_a, ref) => {
                       className: "fr-tab-text-label"
                     }, {
                       children: name
-                    }), void 0)
-                  }), void 0), jsx("span", Object.assign({
+                    }))
+                  })), jsx("span", Object.assign({
                     className: classNames('fr-tab-indicator', {
                       'fr-tab-indicator--active': active
                     })
                   }, {
                     children: jsx("span", {
                       className: "fr-tab-indicator-content fr-tab-indicator-content--underline"
-                    }, void 0)
-                  }), void 0)]
+                    })
+                  }))]
                 }), tabId);
               }), jsx("div", {
                 className: "fr-tab-scroller-divider-line"
-              }, void 0)]
-            }), void 0)
-          }), void 0)
-        }), void 0), jsx("div", Object.assign({
+              })]
+            }))
+          }))
+        })), jsx("div", Object.assign({
           className: "fr-tab-panel-content"
         }, {
           children: innerChildren
-        }), void 0)]
-      }), void 0)
-    }, void 0)
+        }))]
+      }))
+    })
   );
 });
 
@@ -2099,7 +2112,7 @@ const TableHeaderCell = /*#__PURE__*/React.forwardRef((props, ref) => {
     }, props.className),
     onClick: handleClick,
     ref: ref
-  }), void 0);
+  }));
 });
 
 function Checkbox(_a) {
@@ -2162,20 +2175,20 @@ function Checkbox(_a) {
       id: id,
       disabled: disabled,
       onChange: () => handleChange()
-    }, props), void 0), jsxs("div", Object.assign({
+    }, props)), jsxs("div", Object.assign({
       className: "fwe-checkbox-indicator-container"
     }, {
       children: [jsx("div", {
         className: "fwe-checkbox-indicator-background"
-      }, void 0), !isIndeterminate && isChecked && (large ? jsx("svg", Object.assign({
+      }), !isIndeterminate && isChecked && (large ? jsx("svg", Object.assign({
         width: "24px",
         height: "24px"
       }, {
         children: jsx("path", {
           d: "M17.5 7L10 14.5 7.501 12l-1.5 1.501L10 17.5l9-9z",
           fill: "#fff"
-        }, void 0)
-      }), void 0) : jsx("svg", Object.assign({
+        })
+      })) : jsx("svg", Object.assign({
         xmlns: "http://www.w3.org/2000/svg",
         width: "16",
         height: "16"
@@ -2183,16 +2196,16 @@ function Checkbox(_a) {
         children: jsx("path", {
           d: "M6 12L3 9l1.25-1.25L6 9.5l5.75-5.75L13 5l-7 7z",
           fill: "#fff"
-        }, void 0)
-      }), void 0)), isIndeterminate && !isChecked && jsx("div", {
+        })
+      }))), isIndeterminate && !isChecked && jsx("div", {
         className: "fwe-indeterminate-indicator"
-      }, void 0)]
-    }), void 0), jsx("div", Object.assign({
+      })]
+    })), jsx("div", Object.assign({
       className: "fwe-checkbox-title"
     }, {
       children: children
-    }), void 0)]
-  }), void 0);
+    }))]
+  }));
 }
 
 function ColorIndicator({
@@ -2245,30 +2258,30 @@ function ColorIndicator({
             height: "2",
             stroke: "none",
             fill: "#ffffff"
-          }, void 0), jsx("rect", {
+          }), jsx("rect", {
             x: "2",
             y: "0",
             width: "2",
             height: "2",
             stroke: "none",
             fill: "#e5e8eb"
-          }, void 0), jsx("rect", {
+          }), jsx("rect", {
             x: "0",
             y: "2",
             width: "2",
             height: "2",
             stroke: "none",
             fill: "#e5e8eb"
-          }, void 0), jsx("rect", {
+          }), jsx("rect", {
             x: "2",
             y: "2",
             width: "2",
             height: "2",
             stroke: "none",
             fill: "#ffffff"
-          }, void 0)]
-        }), void 0)
-      }, void 0), jsx("rect", {
+          })]
+        }))
+      }), jsx("rect", {
         x: "0",
         y: "0",
         rx: "0",
@@ -2277,9 +2290,9 @@ function ColorIndicator({
         height: "18",
         fill: "url(#bwsquare2px)",
         strokeWidth: "0"
-      }, void 0)]
-    }), void 0)
-  }), void 0);
+      })]
+    }))
+  }));
 
   const wrapper = wrapperChildren => jsxs("div", Object.assign({
     className: classes,
@@ -2292,16 +2305,16 @@ function ColorIndicator({
       className: "fwe-color-label"
     }, {
       children: label
-    }), void 0), jsxs("div", Object.assign({
+    })), jsxs("div", Object.assign({
       className: "fwe-color-container"
     }, {
       children: [wrapperChildren, " ", text && jsx("div", Object.assign({
         className: "fwe-color-indicator-text"
       }, {
         children: text
-      }), void 0), ' ']
-    }), void 0)]
-  }), void 0);
+      })), ' ']
+    }))]
+  }));
 
   return showPopOver ? jsx(Popover, Object.assign({
     containerClassName: "fwe-popover-container--color-indicator",
@@ -2314,9 +2327,9 @@ function ColorIndicator({
     stopPropagation: true
   }, {
     children: colorBox
-  }), void 0) : jsx(Fragment, {
+  })) : jsx(Fragment, {
     children: wrapper(colorBox)
-  }, void 0);
+  });
 }
 
 class ColorHelper {
@@ -2736,7 +2749,7 @@ function ColorPicker({
           style: {
             backgroundImage: getSaturationGradient()
           }
-        }, void 0), jsx("div", {
+        }), jsx("div", {
           onClick: ({
             nativeEvent: {
               offsetX,
@@ -2744,7 +2757,7 @@ function ColorPicker({
             }
           }) => updateGradient(offsetX, offsetY),
           className: "fwe-brightness-gradient"
-        }, void 0), jsx(Draggable, Object.assign({
+        }), jsx(Draggable, Object.assign({
           position: {
             x: saturationKnobOffset,
             y: valueKnobOffset
@@ -2754,9 +2767,9 @@ function ColorPicker({
         }, {
           children: jsx("div", {
             className: "fwe-knob"
-          }, void 0)
-        }), void 0)]
-      }), void 0), jsxs("div", Object.assign({
+          })
+        }))]
+      })), jsxs("div", Object.assign({
         className: "fwe-hue-picker"
       }, {
         children: [jsx("div", {
@@ -2766,7 +2779,7 @@ function ColorPicker({
               offsetY
             }
           }) => updateHue(offsetY)
-        }, void 0), jsx(Draggable, Object.assign({
+        }), jsx(Draggable, Object.assign({
           position: {
             x: 3,
             y: hueKnobOffset
@@ -2779,9 +2792,9 @@ function ColorPicker({
             style: {
               background: `hsl(${hsv.h * 360}, 100%, 50%)`
             }
-          }, void 0)
-        }), void 0)]
-      }), void 0), useAlpha && jsxs("div", Object.assign({
+          })
+        }))]
+      })), useAlpha && jsxs("div", Object.assign({
         className: "fwe-alpha-picker"
       }, {
         children: [jsxs("svg", Object.assign({
@@ -2807,30 +2820,30 @@ function ColorPicker({
                 height: "2",
                 stroke: "none",
                 fill: "#ffffff"
-              }, void 0), jsx("rect", {
+              }), jsx("rect", {
                 x: "2",
                 y: "0",
                 width: "2",
                 height: "2",
                 stroke: "none",
                 fill: "#e5e8eb"
-              }, void 0), jsx("rect", {
+              }), jsx("rect", {
                 x: "0",
                 y: "2",
                 width: "2",
                 height: "2",
                 stroke: "none",
                 fill: "#e5e8eb"
-              }, void 0), jsx("rect", {
+              }), jsx("rect", {
                 x: "2",
                 y: "2",
                 width: "2",
                 height: "2",
                 stroke: "none",
                 fill: "#ffffff"
-              }, void 0)]
-            }), void 0)
-          }, void 0), jsx("rect", {
+              })]
+            }))
+          }), jsx("rect", {
             x: "0",
             y: "0",
             rx: "4",
@@ -2839,8 +2852,8 @@ function ColorPicker({
             height: "184",
             fill: "url(#bwsquare2px)",
             strokeWidth: "0"
-          }, void 0)]
-        }), void 0), jsx("div", {
+          })]
+        })), jsx("div", {
           onClick: ({
             nativeEvent: {
               offsetY
@@ -2850,7 +2863,7 @@ function ColorPicker({
           style: {
             backgroundImage: `linear-gradient( ${innerColor},  transparent)`
           }
-        }, void 0), jsx(Draggable, Object.assign({
+        }), jsx(Draggable, Object.assign({
           position: {
             x: 3,
             y: alphaKnobOffset
@@ -2860,10 +2873,10 @@ function ColorPicker({
         }, {
           children: jsx("div", {
             className: "fwe-knob"
-          }, void 0)
-        }), void 0)]
-      }), void 0)]
-    }), void 0), !paletteOnly && jsxs("div", Object.assign({
+          })
+        }))]
+      }))]
+    })), !paletteOnly && jsxs("div", Object.assign({
       className: "fwe-mt-s"
     }, {
       children: [jsxs("div", Object.assign({
@@ -2877,10 +2890,10 @@ function ColorPicker({
             className: "fwe-input-type"
           }, {
             children: inputType
-          }), void 0), jsx("i", {
+          })), jsx("i", {
             className: "fwe-icon fwe-icon-arrows-collapse"
-          }, void 0)]
-        }), void 0), selectOpen && jsxs("div", Object.assign({
+          })]
+        })), selectOpen && jsxs("div", Object.assign({
           className: "fwe-popover"
         }, {
           children: [jsxs("div", Object.assign({
@@ -2891,8 +2904,8 @@ function ColorPicker({
           }, {
             children: [jsx("i", {
               className: "fwe-icon fwe-icon-menu-check"
-            }, void 0), " HEX"]
-          }), void 0), jsxs("div", Object.assign({
+            }), " HEX"]
+          })), jsxs("div", Object.assign({
             className: classNames('fwe-type-item', {
               'fwe-selected': inputType === 'RGB'
             }),
@@ -2900,10 +2913,10 @@ function ColorPicker({
           }, {
             children: [jsx("i", {
               className: "fwe-icon fwe-icon-menu-check"
-            }, void 0), " RGB"]
-          }), void 0)]
-        }), void 0)]
-      }), void 0), jsxs("div", Object.assign({
+            }), " RGB"]
+          }))]
+        }))]
+      })), jsxs("div", Object.assign({
         className: "fwe-d-flex"
       }, {
         children: [inputType === 'HEX' && jsx("label", Object.assign({
@@ -2914,8 +2927,8 @@ function ColorPicker({
             value: hexInputColor,
             onBlur: onHexBlur,
             onChange: onHexInput
-          }, void 0)
-        }), void 0), inputType === 'RGB' && jsxs(Fragment, {
+          })
+        })), inputType === 'RGB' && jsxs(Fragment, {
           children: [jsx("label", Object.assign({
             className: "fwe-input-text fwe-red-input"
           }, {
@@ -2924,8 +2937,8 @@ function ColorPicker({
               value: redInput,
               onBlur: () => onRgbBlur('r'),
               onChange: e => onRgbInput(e.target.value, 'r')
-            }, void 0)
-          }), void 0), jsx("label", Object.assign({
+            })
+          })), jsx("label", Object.assign({
             className: "fwe-input-text fwe-green-input"
           }, {
             children: jsx("input", {
@@ -2933,8 +2946,8 @@ function ColorPicker({
               value: greenInput,
               onBlur: () => onRgbBlur('g'),
               onChange: e => onRgbInput(e.target.value, 'g')
-            }, void 0)
-          }), void 0), jsx("label", Object.assign({
+            })
+          })), jsx("label", Object.assign({
             className: "fwe-input-text fwe-green-input"
           }, {
             children: jsx("input", {
@@ -2942,9 +2955,9 @@ function ColorPicker({
               value: blueInput,
               onBlur: () => onRgbBlur('b'),
               onChange: e => onRgbInput(e.target.value, 'b')
-            }, void 0)
-          }), void 0)]
-        }, void 0), useAlpha && jsx("label", Object.assign({
+            })
+          }))]
+        }), useAlpha && jsx("label", Object.assign({
           className: "fwe-input-text fwe-alpha-input fwe-ml-auto"
         }, {
           children: jsxs("span", {
@@ -2955,15 +2968,15 @@ function ColorPicker({
               value: innerAlpha,
               onBlur: () => onAlphaBlur(),
               onChange: e => onAlphaInput(e.target.value)
-            }, void 0), jsx("span", Object.assign({
+            }), jsx("span", Object.assign({
               className: "fwe-percent-char"
             }, {
               children: "%"
-            }), void 0)]
-          }, void 0)
-        }), void 0)]
-      }), void 0)]
-    }), void 0), jsxs("div", Object.assign({
+            }))]
+          })
+        }))]
+      }))]
+    })), jsxs("div", Object.assign({
       className: "fwe-mt-xs fwe-color-grid"
     }, {
       children: [jsxs("div", Object.assign({
@@ -2993,30 +3006,30 @@ function ColorPicker({
                 height: "2",
                 stroke: "none",
                 fill: "#ffffff"
-              }, void 0), jsx("rect", {
+              }), jsx("rect", {
                 x: "2",
                 y: "0",
                 width: "2",
                 height: "2",
                 stroke: "none",
                 fill: "#e5e8eb"
-              }, void 0), jsx("rect", {
+              }), jsx("rect", {
                 x: "0",
                 y: "2",
                 width: "2",
                 height: "2",
                 stroke: "none",
                 fill: "#e5e8eb"
-              }, void 0), jsx("rect", {
+              }), jsx("rect", {
                 x: "2",
                 y: "2",
                 width: "2",
                 height: "2",
                 stroke: "none",
                 fill: "#ffffff"
-              }, void 0)]
-            }), void 0)
-          }, void 0), jsx("rect", {
+              })]
+            }))
+          }), jsx("rect", {
             x: "0",
             y: "0",
             rx: "0",
@@ -3025,13 +3038,13 @@ function ColorPicker({
             height: "18",
             fill: "url(#bwsquare2px)",
             strokeWidth: "0"
-          }, void 0)]
-        }), void 0), jsx("i", {
+          })]
+        })), jsx("i", {
           className: classNames('fwe-icon fwe-icon-menu-check', {
             'fwe-color-text': !innerColor
           })
-        }, void 0)]
-      }), void 0), palette.map(colorItem => {
+        })]
+      })), palette.map(colorItem => {
         const itemClasses = classNames('fwe-color-item', {
           'fwe-white-item': colorItem.toUpperCase() === '#FFFFFF'
         });
@@ -3044,11 +3057,11 @@ function ColorPicker({
         }, {
           children: innerColor === colorItem.toUpperCase() && jsx("i", {
             className: "fwe-icon fwe-icon-menu-check"
-          }, void 0)
+          })
         }), colorItem);
       })]
-    }), void 0)]
-  }), void 0);
+    }))]
+  }));
 }
 
 function DatePicker({
@@ -3134,7 +3147,7 @@ function DatePicker({
         'fwe-color-hero': open && !disabled,
         'fwe-color-control-disabled': disabled
       })
-    }, void 0), jsx("input", {
+    }), jsx("input", {
       ref: datePickerRef,
       "aria-label": "picked date",
       type: "text",
@@ -3144,20 +3157,20 @@ function DatePicker({
         'fwe-border-hero': open && !disabled
       }),
       disabled: disabled
-    }, void 0), jsx("span", Object.assign({
+    }), jsx("span", Object.assign({
       className: "fwe-input-text-label"
     }, {
       children: children
-    }), void 0), hint && jsx("span", Object.assign({
+    })), hint && jsx("span", Object.assign({
       className: "fwe-input-text-info"
     }, {
       children: hint
-    }), void 0), error && jsx("span", Object.assign({
+    })), error && jsx("span", Object.assign({
       className: "fwe-input-text-invalid"
     }, {
       children: error
-    }), void 0)]
-  }), void 0);
+    }))]
+  }));
 }
 
 function DateRangePicker({
@@ -3239,7 +3252,7 @@ function DateRangePicker({
           'fwe-color-hero': open && !disabled,
           'fwe-color-control-disabled': disabled
         })
-      }, void 0), jsxs("div", Object.assign({
+      }), jsxs("div", Object.assign({
         ref: containerRef,
         className: "fr-date-range-picker-inputs"
       }, {
@@ -3253,7 +3266,7 @@ function DateRangePicker({
             'fwe-border-hero': open && !disabled
           }),
           disabled: disabled
-        }, void 0), jsx("input", {
+        }), jsx("input", {
           ref: input2Ref,
           "aria-label": "picked end date",
           type: "text",
@@ -3263,24 +3276,24 @@ function DateRangePicker({
             'fwe-border-hero': open && !disabled
           }),
           disabled: disabled
-        }, void 0)]
-      }), void 0), jsx("span", Object.assign({
+        })]
+      })), jsx("span", Object.assign({
         className: classNames('fwe-input-text-label', {
           'fwe-color-text-disabled': disabled
         })
       }, {
         children: children
-      }), void 0), hint && jsx("span", Object.assign({
+      })), hint && jsx("span", Object.assign({
         className: "fwe-input-text-info"
       }, {
         children: hint
-      }), void 0), error && jsx("span", Object.assign({
+      })), error && jsx("span", Object.assign({
         className: "fwe-input-text-invalid"
       }, {
         children: error
-      }), void 0)]
-    }), void 0)
-  }), void 0);
+      }))]
+    }))
+  }));
 }
 
 const RadioGroupContext = /*#__PURE__*/createContext({});
@@ -3327,14 +3340,14 @@ function RadioButton({
       onChange: () => onChange(value),
       disabled: disabled || groupDisabled,
       required: required || groupRequired
-    }, void 0), jsx("div", {
+    }), jsx("div", {
       className: "fwe-radio-checkmark"
-    }, void 0), " ", jsx("div", Object.assign({
+    }), " ", jsx("div", Object.assign({
       className: "fwe-radio-label-content"
     }, {
       children: children
-    }), void 0)]
-  }), void 0);
+    }))]
+  }));
 }
 
 const defaultConfig$1 = {
@@ -3393,7 +3406,7 @@ function Segment(props) {
       className: "fwe-sr-only fwe-d-inline-block"
     }, {
       children: legend
-    }), void 0), jsx("div", Object.assign({
+    })), jsx("div", Object.assign({
       className: "fwe-segment-group"
     }, {
       children: React.Children.map(children, child => {
@@ -3410,8 +3423,8 @@ function Segment(props) {
           checked: child.props.value === value
         });
       })
-    }), void 0)]
-  }), void 0);
+    }))]
+  }));
 }
 
 function SegmentControl(props) {
@@ -3456,7 +3469,7 @@ function SegmentControl(props) {
       checked: checked,
       disabled: disabled,
       onChange: e => handleChange(e)
-    }, void 0), jsxs("label", Object.assign({
+    }), jsxs("label", Object.assign({
       className: classNames('fwe-segment-label', className),
       htmlFor: id
     }, {
@@ -3465,18 +3478,18 @@ function SegmentControl(props) {
           className: "fwe-sr-only"
         }, {
           children: label
-        }), void 0), jsx("i", {
+        })), jsx("i", {
           "aria-hidden": "true",
           className: classNames('fwe-icon', innerIcon)
-        }, void 0)]
-      }, void 0), viewMode === 'text' && label, viewMode === 'icon-text' && jsxs(Fragment, {
+        })]
+      }), viewMode === 'text' && label, viewMode === 'icon-text' && jsxs(Fragment, {
         children: [jsx("i", {
           "aria-hidden": "true",
           className: classNames('fwe-icon', innerIcon)
-        }, void 0), label]
-      }, void 0)]
-    }), void 0)]
-  }, void 0);
+        }), label]
+      })]
+    }))]
+  });
 }
 
 const SelectOption = /*#__PURE__*/forwardRef((_a, ref) => {
@@ -3491,7 +3504,7 @@ const SelectOption = /*#__PURE__*/forwardRef((_a, ref) => {
     className: className
   }, props, {
     children: children
-  }), void 0);
+  }));
 });
 
 function calcVirtualScrollHeight(config, itemLength) {
@@ -3715,7 +3728,7 @@ const Select = /*#__PURE__*/forwardRef((_a, ref) => {
           className: "fwe-select-option-content"
         }, {
           children: option.label
-        }), void 0)
+        }))
       }), option.data)), childrenList.map((child, i) => {
         const _a = child.props,
               {
@@ -3734,10 +3747,10 @@ const Select = /*#__PURE__*/forwardRef((_a, ref) => {
           onKeyDown: e => handleListKeyDown(e, option, i),
           tabIndex: 0
         }, {
-          children: jsx(SelectOption, Object.assign({}, propsWithoutOption), void 0)
+          children: jsx(SelectOption, Object.assign({}, propsWithoutOption))
         }), option.data);
       })]
-    }, void 0);
+    });
   }
 
   return jsx(OutsideClickHandler, Object.assign({
@@ -3764,7 +3777,7 @@ const Select = /*#__PURE__*/forwardRef((_a, ref) => {
         }, {
           children: option.label
         }), option.data))
-      }), void 0), jsx("div", Object.assign({
+      })), jsx("div", Object.assign({
         role: "button",
         tabIndex: 0,
         className: selectClassName,
@@ -3776,25 +3789,25 @@ const Select = /*#__PURE__*/forwardRef((_a, ref) => {
           className: "fwe-select-content"
         }, {
           children: selectedOptionLabel
-        }), void 0)
-      }), void 0), jsx("label", Object.assign({
+        }))
+      })), jsx("label", Object.assign({
         className: classNames('fwe-select-label', {
           'fwe-sr-only': config === null || config === void 0 ? void 0 : config.hideLabel
         }),
         htmlFor: id
       }, {
         children: label || ''
-      }), void 0), jsx("div", {
+      })), jsx("div", {
         className: "fwe-select-underline"
-      }, void 0), hint && !error && jsx("div", Object.assign({
+      }), hint && !error && jsx("div", Object.assign({
         className: "fwe-select-description"
       }, {
         children: hint
-      }), void 0), error && jsxs("div", Object.assign({
+      })), error && jsxs("div", Object.assign({
         className: "fwe-select-invalid"
       }, {
         children: [" ", error, " "]
-      }), void 0), jsx("ul", Object.assign({
+      })), jsx("ul", Object.assign({
         className: `fwe-select-options-container${optionsWrapper.isFocused ? '' : ' fwe-d-none'}`
       }, {
         children: (scroll === null || scroll === void 0 ? void 0 : scroll.enabled) ? jsx("div", Object.assign({
@@ -3804,10 +3817,10 @@ const Select = /*#__PURE__*/forwardRef((_a, ref) => {
           }
         }, {
           children: renderOptions()
-        }), void 0) : renderOptions()
-      }), void 0)]
-    }), void 0)
-  }), void 0);
+        })) : renderOptions()
+      }))]
+    }))
+  }));
 });
 
 function Slider({
@@ -3875,7 +3888,7 @@ function Slider({
   }, {
     children: [label && jsx("span", {
       children: label
-    }, void 0), jsx("input", {
+    }), jsx("input", {
       className: "fwe-slider-input",
       type: "range",
       disabled: disabled,
@@ -3887,15 +3900,15 @@ function Slider({
       onKeyUp: handleAfterChange,
       onMouseUp: handleAfterChange,
       onTouchEnd: handleAfterChange
-    }, void 0), showValue && left !== null && jsx("span", Object.assign({
+    }), showValue && left !== null && jsx("span", Object.assign({
       className: "fr-slider-value",
       style: {
         left: `${left}px`
       }
     }, {
       children: innerValue
-    }), void 0)]
-  }), void 0);
+    }))]
+  }));
 }
 
 function Switch({
@@ -3934,14 +3947,14 @@ function Switch({
       disabled: disabled,
       checked: currentValue,
       onChange: () => handleChange()
-    }, void 0), jsx("div", {
+    }), jsx("div", {
       className: "fwe-switch-track"
-    }, void 0), jsx("div", Object.assign({
+    }), jsx("div", Object.assign({
       className: "fwe-switch-label-content"
     }, {
       children: title
-    }), void 0)]
-  }), void 0);
+    }))]
+  }));
 }
 
 function TextArea({
@@ -4013,7 +4026,7 @@ function TextArea({
       maxLength: maxLength,
       defaultValue: innerValue,
       value: innerValue
-    }, void 0), jsx("textarea", {
+    }), jsx("textarea", {
       style: {
         visibility: 'hidden',
         position: 'absolute',
@@ -4026,24 +4039,24 @@ function TextArea({
       },
       ref: shadowRef,
       readOnly: true
-    }, void 0), jsx("span", Object.assign({
+    }), jsx("span", Object.assign({
       className: "fwe-input-text-label"
     }, {
       children: label
-    }), void 0), hint && jsx("span", Object.assign({
+    })), hint && jsx("span", Object.assign({
       className: hintClasses
     }, {
       children: hint
-    }), void 0), error !== undefined && jsx("span", Object.assign({
+    })), error !== undefined && jsx("span", Object.assign({
       className: "fwe-input-text-invalid"
     }, {
       children: error
-    }), void 0), maxLength > 0 && jsxs("span", Object.assign({
+    })), maxLength > 0 && jsxs("span", Object.assign({
       className: "fwe-input-text-count"
     }, {
       children: [innerValue.length, " /", maxLength]
-    }), void 0)]
-  }), void 0);
+    }))]
+  }));
 }
 
 function TextEditorButton({
@@ -4108,7 +4121,7 @@ function TextEditorButton({
       }),
       "aria-hidden": "true",
       value: value
-    }, void 0), jsxs("button", Object.assign({
+    }), jsxs("button", Object.assign({
       type: "button",
       className: classNames('fwe-btn', {
         'fwe-btn-toolbar-list': list
@@ -4122,11 +4135,11 @@ function TextEditorButton({
         className: `fr-button-text fwe-text-${type}`
       }, {
         children: label
-      }), void 0), icon && jsx("i", {
+      })), icon && jsx("i", {
         className: classNames('fwe-icon fwe-icon-toolbar-list', `fwe-icon-${icon}`, 'fwe-pr-0')
-      }, void 0)]
-    }), void 0)]
-  }, void 0);
+      })]
+    }))]
+  });
 }
 
 const xss = require('xss');
@@ -4166,7 +4179,9 @@ function TextEditor({
     toolbar: Object.assign(Object.assign({}, defaultConfig.toolbar), configProps === null || configProps === void 0 ? void 0 : configProps.toolbar)
   };
   useEffect(() => {
-    if (editorRef && editor === null) {
+    if (editorRef && editor === null && typeof window === 'object') {
+      const Quill = require('quill');
+
       const newEditor = new Quill(editorRef.current, {
         modules: {
           toolbar: `#editor-toolbar-${id}`
@@ -4277,18 +4292,18 @@ function TextEditor({
           children: [jsx("option", {
             value: "small",
             "aria-label": "small"
-          }, void 0), jsx("option", {
+          }), jsx("option", {
             selected: true,
             "aria-label": "selected"
-          }, void 0), jsx("option", {
+          }), jsx("option", {
             value: "large",
             "aria-label": "large"
-          }, void 0), jsx("option", {
+          }), jsx("option", {
             value: "huge",
             "aria-label": "huge"
-          }, void 0)]
-        }), void 0)
-      }), void 0), jsxs("span", Object.assign({
+          })]
+        }))
+      })), jsxs("span", Object.assign({
         className: "ql-formats fwe-mr-3"
       }, {
         children: [((_a = config === null || config === void 0 ? void 0 : config.toolbar) === null || _a === void 0 ? void 0 : _a.bold) && jsx(TextEditorButton, {
@@ -4296,18 +4311,18 @@ function TextEditor({
           type: "bold",
           className: "fwe-mr-3",
           label: "B"
-        }, void 0), ((_b = config === null || config === void 0 ? void 0 : config.toolbar) === null || _b === void 0 ? void 0 : _b.italic) && jsx(TextEditorButton, {
+        }), ((_b = config === null || config === void 0 ? void 0 : config.toolbar) === null || _b === void 0 ? void 0 : _b.italic) && jsx(TextEditorButton, {
           disabled: disabled,
           type: "italic",
           className: "fwe-mr-3",
           label: "I"
-        }, void 0), ((_c = config === null || config === void 0 ? void 0 : config.toolbar) === null || _c === void 0 ? void 0 : _c.underline) && jsx(TextEditorButton, {
+        }), ((_c = config === null || config === void 0 ? void 0 : config.toolbar) === null || _c === void 0 ? void 0 : _c.underline) && jsx(TextEditorButton, {
           disabled: disabled,
           type: "underline",
           label: "U"
-        }, void 0), !hideDivider('typo') && jsx("div", {
+        }), !hideDivider('typo') && jsx("div", {
           className: "fwe-divider-y fwe-d-inline-flex fwe-mx-4"
-        }, void 0), ((_d = config === null || config === void 0 ? void 0 : config.toolbar) === null || _d === void 0 ? void 0 : _d.alignCenter) && jsx(TextEditorButton, {
+        }), ((_d = config === null || config === void 0 ? void 0 : config.toolbar) === null || _d === void 0 ? void 0 : _d.alignCenter) && jsx(TextEditorButton, {
           disabled: disabled,
           category: "align",
           type: "align-center",
@@ -4318,7 +4333,7 @@ function TextEditor({
           className: classNames('fwe-btn-toolbar-list fwe-btn-toolbar-list-alignments', {
             'fwe-mr-3': (_e = config === null || config === void 0 ? void 0 : config.toolbar) === null || _e === void 0 ? void 0 : _e.alignRight
           })
-        }, void 0), ((_f = config === null || config === void 0 ? void 0 : config.toolbar) === null || _f === void 0 ? void 0 : _f.alignRight) && jsx(TextEditorButton, {
+        }), ((_f = config === null || config === void 0 ? void 0 : config.toolbar) === null || _f === void 0 ? void 0 : _f.alignRight) && jsx(TextEditorButton, {
           disabled: disabled,
           category: "align",
           type: "align-right",
@@ -4327,42 +4342,42 @@ function TextEditor({
           }),
           value: "right",
           className: "fwe-btn-toolbar-list fwe-btn-toolbar-list-alignments"
-        }, void 0), !hideDivider('text-align') && jsx("div", {
+        }), !hideDivider('text-align') && jsx("div", {
           className: "fwe-divider-y fwe-d-inline-flex fwe-mx-4"
-        }, void 0), ((_g = config === null || config === void 0 ? void 0 : config.toolbar) === null || _g === void 0 ? void 0 : _g.bulletList) && jsx(TextEditorButton, {
+        }), ((_g = config === null || config === void 0 ? void 0 : config.toolbar) === null || _g === void 0 ? void 0 : _g.bulletList) && jsx(TextEditorButton, {
           disabled: disabled,
           className: "fwe-mr-3",
           type: "ul",
           list: true,
           icon: "list-list-view",
           value: "bullet"
-        }, void 0), ((_h = config === null || config === void 0 ? void 0 : config.toolbar) === null || _h === void 0 ? void 0 : _h.orderedList) && jsx(TextEditorButton, {
+        }), ((_h = config === null || config === void 0 ? void 0 : config.toolbar) === null || _h === void 0 ? void 0 : _h.orderedList) && jsx(TextEditorButton, {
           disabled: disabled,
           type: "ol",
           list: true,
           icon: "enumeration",
           value: "ordered"
-        }, void 0), ((_j = config === null || config === void 0 ? void 0 : config.toolbar) === null || _j === void 0 ? void 0 : _j.image) && jsxs(Fragment, {
+        }), ((_j = config === null || config === void 0 ? void 0 : config.toolbar) === null || _j === void 0 ? void 0 : _j.image) && jsxs(Fragment, {
           children: [jsx("div", {
             className: "fwe-divider-y fwe-d-inline-flex fwe-mx-4"
-          }, void 0), jsx(TextEditorButton, {
+          }), jsx(TextEditorButton, {
             disabled: disabled,
             type: "image",
             icon: "image-image",
             noAction: true
-          }, void 0)]
-        }, void 0), ((_k = config === null || config === void 0 ? void 0 : config.toolbar) === null || _k === void 0 ? void 0 : _k.link) && jsxs(Fragment, {
+          })]
+        }), ((_k = config === null || config === void 0 ? void 0 : config.toolbar) === null || _k === void 0 ? void 0 : _k.link) && jsxs(Fragment, {
           children: [jsx("div", {
             className: "fwe-divider-y fwe-d-inline-flex fwe-mx-4"
-          }, void 0), jsx(TextEditorButton, {
+          }), jsx(TextEditorButton, {
             disabled: disabled,
             type: "link",
             icon: "file-link",
             noAction: true
-          }, void 0)]
-        }, void 0)]
-      }), void 0)]
-    }), void 0), jsx("div", Object.assign({
+          })]
+        })]
+      }))]
+    })), jsx("div", Object.assign({
       className: classNames('fwe-editor-container', {
         'fwe-editor-container--error': error
       }),
@@ -4371,26 +4386,26 @@ function TextEditor({
       children: jsx("div", {
         className: "fwe-editor",
         ref: editorRef
-      }, void 0)
-    }), void 0), jsx("span", Object.assign({
+      })
+    })), jsx("span", Object.assign({
       className: "fwe-input-text-label",
       id: `editor-label-${id}`
     }, {
       children: label
-    }), void 0), error && jsx("span", Object.assign({
+    })), error && jsx("span", Object.assign({
       className: "fwe-text-editor-invalid"
     }, {
       children: error
-    }), void 0), hint && jsx("span", Object.assign({
+    })), hint && jsx("span", Object.assign({
       className: "fwe-text-editor-info"
     }, {
       children: hint
-    }), void 0), maxLength && maxLength > 0 && value != null && jsx("span", Object.assign({
+    })), maxLength && maxLength > 0 && value != null && jsx("span", Object.assign({
       className: "fwe-input-text-count"
     }, {
       children: `${currentLength()} / ${maxLength}`
-    }), void 0)]
-  }), void 0);
+    }))]
+  }));
 }
 
 function useOnClickOutside(ref, callback, ref2) {
@@ -4540,8 +4555,8 @@ const TimePickerDropdown = /*#__PURE__*/forwardRef(({
           children: jsx("i", {
             "aria-hidden": true,
             className: "fwe-icon fwe-icon-arrows-expand"
-          }, void 0)
-        }), void 0), jsx("input", {
+          })
+        })), jsx("input", {
           "aria-label": "hours value",
           className: "fwe-timepicker-hide-spinners",
           type: "number",
@@ -4551,7 +4566,7 @@ const TimePickerDropdown = /*#__PURE__*/forwardRef(({
           max: hourMax,
           onInput: handleHourChange,
           ref: hoursRef
-        }, void 0), jsx("button", Object.assign({
+        }), jsx("button", Object.assign({
           type: "button",
           "aria-label": "hour down",
           className: "fwe-btn fwe-btn-link fwe-dark",
@@ -4560,9 +4575,9 @@ const TimePickerDropdown = /*#__PURE__*/forwardRef(({
           children: jsx("i", {
             "aria-hidden": true,
             className: "fwe-icon fwe-icon-arrows-collapse"
-          }, void 0)
-        }), void 0)]
-      }), void 0), jsxs("div", Object.assign({
+          })
+        }))]
+      })), jsxs("div", Object.assign({
         className: "fwe-timepicker-spinners-minutes"
       }, {
         children: [jsx("button", Object.assign({
@@ -4574,8 +4589,8 @@ const TimePickerDropdown = /*#__PURE__*/forwardRef(({
           children: jsx("i", {
             "aria-hidden": true,
             className: "fwe-icon fwe-icon-arrows-expand"
-          }, void 0)
-        }), void 0), jsx("input", {
+          })
+        })), jsx("input", {
           "aria-label": "minutes value",
           className: "fwe-timepicker-hide-spinners",
           type: "number",
@@ -4584,7 +4599,7 @@ const TimePickerDropdown = /*#__PURE__*/forwardRef(({
           value: tmpMinutes !== null && tmpMinutes !== void 0 ? tmpMinutes : (innerDate.getMinutes() < 10 ? '0' : '') + innerDate.getMinutes(),
           max: minutesSecondsMax,
           onInput: handleMinuteChange
-        }, void 0), jsx("button", Object.assign({
+        }), jsx("button", Object.assign({
           type: "button",
           "aria-label": "minute down",
           className: "fwe-btn fwe-btn-link fwe-dark",
@@ -4593,9 +4608,9 @@ const TimePickerDropdown = /*#__PURE__*/forwardRef(({
           children: jsx("i", {
             "aria-hidden": true,
             className: "fwe-icon fwe-icon-arrows-collapse"
-          }, void 0)
-        }), void 0)]
-      }), void 0), showSeconds && jsxs("div", Object.assign({
+          })
+        }))]
+      })), showSeconds && jsxs("div", Object.assign({
         className: "fwe-timepicker-spinners-seconds"
       }, {
         children: [jsx("button", Object.assign({
@@ -4607,8 +4622,8 @@ const TimePickerDropdown = /*#__PURE__*/forwardRef(({
           children: jsx("i", {
             "aria-hidden": true,
             className: "fwe-icon fwe-icon-arrows-expand"
-          }, void 0)
-        }), void 0), jsx("input", {
+          })
+        })), jsx("input", {
           "aria-label": "seconds value",
           className: "fwe-timepicker-hide-spinners",
           type: "number",
@@ -4617,7 +4632,7 @@ const TimePickerDropdown = /*#__PURE__*/forwardRef(({
           value: tmpSeconds !== null && tmpSeconds !== void 0 ? tmpSeconds : (innerDate.getSeconds() < 10 ? '0' : '') + innerDate.getSeconds(),
           max: minutesSecondsMax,
           onInput: handleSecondChange
-        }, void 0), jsx("button", Object.assign({
+        }), jsx("button", Object.assign({
           type: "button",
           "aria-label": "minute down",
           className: "fwe-btn fwe-btn-link fwe-dark",
@@ -4626,15 +4641,15 @@ const TimePickerDropdown = /*#__PURE__*/forwardRef(({
           children: jsx("i", {
             "aria-hidden": true,
             className: "fwe-icon fwe-icon-arrows-collapse"
-          }, void 0)
-        }), void 0)]
-      }), void 0)]
-    }), void 0), timeFormat === '12' && jsx("span", Object.assign({
+          })
+        }))]
+      }))]
+    })), timeFormat === '12' && jsx("span", Object.assign({
       className: "fwe-badge fwe-badge-control"
     }, {
       children: innerDate.getHours() >= 12 ? 'PM' : 'AM'
-    }), void 0)]
-  }), void 0);
+    }))]
+  }));
 });
 
 const TimePicker = /*#__PURE__*/forwardRef((_a, ref) => {
@@ -4740,7 +4755,7 @@ const TimePicker = /*#__PURE__*/forwardRef((_a, ref) => {
           'fwe-color-hero': open,
           'fwe-color-control-disabled': disabled
         })
-      }, void 0), jsx("input", {
+      }), jsx("input", {
         "aria-label": "picked time",
         type: "text",
         readOnly: true,
@@ -4750,20 +4765,20 @@ const TimePicker = /*#__PURE__*/forwardRef((_a, ref) => {
         }),
         value: innerFormatDate(innerValue),
         disabled: disabled
-      }, void 0), jsx("span", Object.assign({
+      }), jsx("span", Object.assign({
         className: "fwe-input-text-label"
       }, {
         children: children
-      }), void 0), hint && jsx("span", Object.assign({
+      })), hint && jsx("span", Object.assign({
         className: "fwe-input-text-info"
       }, {
         children: hint
-      }), void 0), error && jsx("span", Object.assign({
+      })), error && jsx("span", Object.assign({
         className: "fwe-input-text-invalid"
       }, {
         children: error
-      }), void 0)]
-    }), void 0), open && /*#__PURE__*/ReactDOM.createPortal(jsx(TimePickerDropdown, Object.assign({
+      }))]
+    })), open && /*#__PURE__*/ReactDOM.createPortal(jsx(TimePickerDropdown, Object.assign({
       ref: combinedTimePickerRef,
       onClose: handleClose,
       onDateChange: handleDateChange,
@@ -4773,8 +4788,8 @@ const TimePicker = /*#__PURE__*/forwardRef((_a, ref) => {
       style: Object.assign(Object.assign({}, styles.popper), {
         minWidth: (_d = labelRef === null || labelRef === void 0 ? void 0 : labelRef.current) === null || _d === void 0 ? void 0 : _d.scrollWidth
       })
-    }, attributes.popper), void 0), container.body)]
-  }, void 0);
+    }, attributes.popper)), container.body)]
+  });
 });
 
 export { Accordion, AccordionHeader, AccordionItem, AccordionItemBody, AccordionItemHeader, AlertModal, Breadcrumb, Button, Card, CardBody, CardHeader, CardNotification, Checkbox, Chip, ChipContainer, ChipType, ColorIndicator, ColorPicker, ConfirmModal, DatePicker, DateRangePicker, LinkButton, LoadingIndicator, Pagination, Popover, PopoverMenu, Progress, Prompt, RadioButton, RadioButton as RadioGroup, Segment, SegmentControl, Select, Slider, Snackbar, SnackbarProvider, StepHorizontal, StepVertical, StepperHorizontal, StepperVertical, Switch, TabPane, TableHeaderCell, Tabs, TextArea, TextEditor, TextInput, TimePicker, Tooltip, useSnackbar };