ui-kit-ck-consultant 0.5.221 → 0.5.222

package/dist/index.modern.js

@@ -543,7 +543,9 @@ var FormRange = /*#__PURE__*/function (_React$Component) {
   return FormRange;
 }(React.Component);
 
-var style$6 = {"checkbox_container":"_3t7tP","form_checkbox_container":"_3Xukj","form_checkbox_mark":"_1uzL3"};
+var style$6 = {"form_select_multiples_container":"_3k6ik","form_select_multiples":"_3BzwZ","form_select_multiples_error":"_20Gvp","form_select_values":"_oq5Pn","form_select_multiples_bottom":"_HjP3u"};
+
+var style$7 = {"checkbox_container":"_3t7tP","form_checkbox_container":"_3Xukj","form_checkbox_mark":"_1uzL3"};
 
 var FormCheckbox = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(FormCheckbox, _React$Component);
@@ -556,7 +558,7 @@ var FormCheckbox = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$6.form_checkbox_container, this.props.className)
+      className: classNames$1(style$7.form_checkbox_container, this.props.className)
     }, /*#__PURE__*/React.createElement("label", {
       className: classNames$1(this.props.className)
     }, this.props.text, /*#__PURE__*/React.createElement("input", {
@@ -565,14 +567,96 @@ var FormCheckbox = /*#__PURE__*/function (_React$Component) {
       checked: this.props.checked,
       onChange: this.props.onChange
     }), /*#__PURE__*/React.createElement("span", {
-      className: style$6.form_checkbox_mark
+      className: style$7.form_checkbox_mark
     })));
   };
 
   return FormCheckbox;
 }(React.Component);
 
-var style$7 = {"radio_container":"_3mKHO","form_radio_container":"_2lVSW","form_radio_mark":"_2xIhO"};
+var FormSelectMutiples = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(FormSelectMutiples, _React$Component);
+
+  function FormSelectMutiples(props) {
+    var _this;
+
+    _this = _React$Component.call(this, props) || this;
+
+    _this.onClick = function (element) {
+      {
+        var value = _this.props.value;
+
+        if (value.includes(element.value)) {
+          value.splice(value.indexOf(element.value), 1);
+        } else {
+          value.push(element.value);
+        }
+
+        _this.props.onChange(value);
+      }
+    };
+
+    _this.state = {
+      isDisplay: false
+    };
+    return _this;
+  }
+
+  var _proto = FormSelectMutiples.prototype;
+
+  _proto.render = function render() {
+    var _this2 = this;
+
+    return /*#__PURE__*/React.createElement("div", {
+      className: classNames$1(style$6.form_select_multiples_container, this.props.className)
+    }, this.props.title ? /*#__PURE__*/React.createElement("span", {
+      className: this.props.classNameTitle
+    }, this.props.title, ' ', this.props.required ? /*#__PURE__*/React.createElement("span", {
+      className: "red"
+    }, "*") : '') : '', /*#__PURE__*/React.createElement("div", {
+      className: style$6.form_select_multiples,
+      onClick: function onClick() {
+        return _this2.setState({
+          isDisplay: !_this2.state.isDisplay
+        });
+      }
+    }, /*#__PURE__*/React.createElement("span", null, this.props.value.join(";")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+      icon: faCaretDown
+    }))), this.state.isDisplay ? /*#__PURE__*/React.createElement("div", {
+      className: style$6.form_select_values
+    }, this.props.options.map(function (element, idx) {
+      return /*#__PURE__*/React.createElement("div", {
+        key: idx,
+        onClick: function onClick() {
+          return _this2.onClick(element);
+        }
+      }, /*#__PURE__*/React.createElement(FormCheckbox, {
+        onChange: function onChange() {
+          return _this2.onClick(element);
+        },
+        checked: _this2.props.value.includes(element.value),
+        text: element.text
+      }));
+    }), /*#__PURE__*/React.createElement("div", {
+      className: classNames$1('mt-auto d-flex', style$6.form_select_multiples_bottom)
+    }, /*#__PURE__*/React.createElement("span", {
+      onClick: function onClick() {
+        return _this2.props.onChange([]);
+      }
+    }, "Effacer"), /*#__PURE__*/React.createElement("span", {
+      className: "ml-auto",
+      onClick: function onClick() {
+        return _this2.setState({
+          isDisplay: false
+        });
+      }
+    }, "Valider"))) : null);
+  };
+
+  return FormSelectMutiples;
+}(React.Component);
+
+var style$8 = {"radio_container":"_3mKHO","form_radio_container":"_2lVSW","form_radio_mark":"_2xIhO"};
 
 var FormRadio = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(FormRadio, _React$Component);
@@ -585,9 +669,9 @@ var FormRadio = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$7.radio_container, this.props.className)
+      className: classNames$1(style$8.radio_container, this.props.className)
     }, /*#__PURE__*/React.createElement("label", {
-      className: classNames$1(style$7.form_radio_container)
+      className: classNames$1(style$8.form_radio_container)
     }, this.props.text, /*#__PURE__*/React.createElement("input", {
       type: "radio",
       name: this.props.name,
@@ -595,14 +679,14 @@ var FormRadio = /*#__PURE__*/function (_React$Component) {
       checked: this.props.checked,
       onChange: this.props.onChange
     }), /*#__PURE__*/React.createElement("span", {
-      className: style$7.form_radio_mark
+      className: style$8.form_radio_mark
     })));
   };
 
   return FormRadio;
 }(React.Component);
 
-var style$8 = {"table":"_3-lqN","thead":"_1PGdH","tr":"_2Xd8K","th":"_2Qv_L","td":"_2PYe5","tbody":"_233g5","spaceLeft":"_1kRJw","spaceRight":"_2GJJR","noSpaceLeft":"_rlvd2","noSpaceRight":"_1bfhm","radiusTopLeft":"_13Ppk","radiusTopRight":"_fbcd6","radiusBottomLeft":"_1TuVM","radiusBottomRight":"_1BGJ7","hide":"_2PDEz","tableEmpty":"_2C7Rd","trEmpty":"_m264U","table_flex":"_xh9IF","pointer":"_oKNIv","table_sort":"_32oyq"};
+var style$9 = {"table":"_3-lqN","thead":"_1PGdH","tr":"_2Xd8K","th":"_2Qv_L","td":"_2PYe5","tbody":"_233g5","spaceLeft":"_1kRJw","spaceRight":"_2GJJR","noSpaceLeft":"_rlvd2","noSpaceRight":"_1bfhm","radiusTopLeft":"_13Ppk","radiusTopRight":"_fbcd6","radiusBottomLeft":"_1TuVM","radiusBottomRight":"_1BGJ7","hide":"_2PDEz","tableEmpty":"_2C7Rd","trEmpty":"_m264U","table_flex":"_xh9IF","pointer":"_oKNIv","table_sort":"_32oyq"};
 
 var Table = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Table, _React$Component);
@@ -616,14 +700,14 @@ var Table = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var tableClass = classNames$1((_classNames = {}, _classNames[style$8.table] = true, _classNames[style$8.tableEmpty] = !!this.props.empty, _classNames[style$8.radiusTopLeft] = !!this.props.radiusTopLeft, _classNames[style$8.radiusTopRight] = !!this.props.radiusTopRight, _classNames[this.props.className] = !!this.props.className, _classNames));
+    var tableClass = classNames$1((_classNames = {}, _classNames[style$9.table] = true, _classNames[style$9.tableEmpty] = !!this.props.empty, _classNames[style$9.radiusTopLeft] = !!this.props.radiusTopLeft, _classNames[style$9.radiusTopRight] = !!this.props.radiusTopRight, _classNames[this.props.className] = !!this.props.className, _classNames));
     return /*#__PURE__*/React.createElement("table", {
       className: tableClass,
       style: this.props.style
     }, this.props.children, this.props.empty ? /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
       colSpan: "100"
     }, /*#__PURE__*/React.createElement("div", {
-      className: style$8.trEmpty
+      className: style$9.trEmpty
     }, this.props.empty)))) : false);
   };
 
@@ -641,7 +725,7 @@ var Thead = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("thead", {
-      className: classNames$1(style$8.thead, this.props.className),
+      className: classNames$1(style$9.thead, this.props.className),
       style: this.props.style
     }, this.props.children);
   };
@@ -660,7 +744,7 @@ var Tbody = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("tbody", {
-      className: classNames$1(style$8.tbody, this.props.className),
+      className: classNames$1(style$9.tbody, this.props.className),
       style: this.props.style
     }, this.props.children);
   };
@@ -699,7 +783,7 @@ var Th = /*#__PURE__*/function (_React$Component) {
   _proto.getSortButton = function getSortButton() {
     if (this.state.sort === false) {
       return /*#__PURE__*/React.createElement("div", {
-        className: style$8.table_sort
+        className: style$9.table_sort
       }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
         icon: faCaretUp
       })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
@@ -707,13 +791,13 @@ var Th = /*#__PURE__*/function (_React$Component) {
       })));
     } else if (this.state.desc === true) {
       return /*#__PURE__*/React.createElement("div", {
-        className: style$8.table_sort
+        className: style$9.table_sort
       }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
         icon: faCaretDown
       }));
     } else if (this.state.desc === false) {
       return /*#__PURE__*/React.createElement("div", {
-        className: style$8.table_sort
+        className: style$9.table_sort
       }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
         icon: faCaretUp
       }));
@@ -723,7 +807,7 @@ var Th = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var thClass = classNames$1((_classNames = {}, _classNames[style$8.th] = true, _classNames[style$8.pointer] = !!this.props.sort, _classNames[style$8.spaceLeft] = !!this.props.spaceLeft, _classNames[style$8.spaceRight] = !!this.props.spaceRight, _classNames[style$8.noSpaceLeft] = !!this.props.noSpaceLeft, _classNames[style$8.noSpaceRight] = !!this.props.noSpaceRight, _classNames[style$8.radiusTopLeft] = !!this.props.radiusTopLeft, _classNames[style$8.radiusTopRight] = !!this.props.radiusTopRight, _classNames[style$8.radiusBottomLeft] = !!this.props.radiusBottomLeft, _classNames[style$8.radiusBottomRight] = !!this.props.radiusBottomRight, _classNames[style$8.hide] = !!this.props.hide, _classNames[this.props.className] = !!this.props.className, _classNames));
+    var thClass = classNames$1((_classNames = {}, _classNames[style$9.th] = true, _classNames[style$9.pointer] = !!this.props.sort, _classNames[style$9.spaceLeft] = !!this.props.spaceLeft, _classNames[style$9.spaceRight] = !!this.props.spaceRight, _classNames[style$9.noSpaceLeft] = !!this.props.noSpaceLeft, _classNames[style$9.noSpaceRight] = !!this.props.noSpaceRight, _classNames[style$9.radiusTopLeft] = !!this.props.radiusTopLeft, _classNames[style$9.radiusTopRight] = !!this.props.radiusTopRight, _classNames[style$9.radiusBottomLeft] = !!this.props.radiusBottomLeft, _classNames[style$9.radiusBottomRight] = !!this.props.radiusBottomRight, _classNames[style$9.hide] = !!this.props.hide, _classNames[this.props.className] = !!this.props.className, _classNames));
     return /*#__PURE__*/React.createElement("th", {
       rowSpan: this.props.rowSpan,
       colSpan: this.props.colSpan,
@@ -731,7 +815,7 @@ var Th = /*#__PURE__*/function (_React$Component) {
       onClick: this.props.sort ? this.handleSortClick : null,
       style: this.props.style
     }, /*#__PURE__*/React.createElement("div", {
-      className: style$8.table_flex
+      className: style$9.table_flex
     }, /*#__PURE__*/React.createElement("span", {
       style: !this.props.sort ? {
         margin: 'auto'
@@ -755,7 +839,7 @@ var Td = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var tdClass = classNames$1((_classNames = {}, _classNames[style$8.td] = true, _classNames[style$8.spaceLeft] = !!this.props.spaceLeft, _classNames[style$8.spaceRight] = !!this.props.spaceRight, _classNames[style$8.noSpaceLeft] = !!this.props.noSpaceLeft, _classNames[style$8.noSpaceRight] = !!this.props.noSpaceRight, _classNames[style$8.radiusTopLeft] = !!this.props.radiusTopLeft, _classNames[style$8.radiusTopRight] = !!this.props.radiusTopRight, _classNames[style$8.radiusBottomLeft] = !!this.props.radiusBottomLeft, _classNames[style$8.radiusBottomRight] = !!this.props.radiusBottomRight, _classNames[style$8.hide] = !!this.props.hide, _classNames[this.props.className] = !!this.props.className, _classNames));
+    var tdClass = classNames$1((_classNames = {}, _classNames[style$9.td] = true, _classNames[style$9.spaceLeft] = !!this.props.spaceLeft, _classNames[style$9.spaceRight] = !!this.props.spaceRight, _classNames[style$9.noSpaceLeft] = !!this.props.noSpaceLeft, _classNames[style$9.noSpaceRight] = !!this.props.noSpaceRight, _classNames[style$9.radiusTopLeft] = !!this.props.radiusTopLeft, _classNames[style$9.radiusTopRight] = !!this.props.radiusTopRight, _classNames[style$9.radiusBottomLeft] = !!this.props.radiusBottomLeft, _classNames[style$9.radiusBottomRight] = !!this.props.radiusBottomRight, _classNames[style$9.hide] = !!this.props.hide, _classNames[this.props.className] = !!this.props.className, _classNames));
     return /*#__PURE__*/React.createElement("td", {
       onClick: this.props.onClick,
       rowSpan: this.props.rowSpan,
@@ -780,7 +864,7 @@ var Tr = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("tr", {
-      className: classNames$1(style$8.tr, this.props.className),
+      className: classNames$1(style$9.tr, this.props.className),
       onClick: this.props.onClick,
       style: this.props.style
     }, this.props.children);
@@ -789,7 +873,7 @@ var Tr = /*#__PURE__*/function (_React$Component) {
   return Tr;
 }(React.Component);
 
-var style$9 = {"nav":"_JJyUj","nav_left":"_3kuw-","nav_right":"_3vpQT","nav_back":"_HJHB0","nav_text":"_1pO70"};
+var style$a = {"nav":"_JJyUj","nav_left":"_3kuw-","nav_right":"_3vpQT","nav_back":"_HJHB0","nav_text":"_1pO70"};
 
 var Nav = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Nav, _React$Component);
@@ -802,25 +886,25 @@ var Nav = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$9.nav, this.props.className)
+      className: classNames$1(style$a.nav, this.props.className)
     }, /*#__PURE__*/React.createElement("div", {
-      className: style$9.nav_left
+      className: style$a.nav_left
     }, this.props.back ? /*#__PURE__*/React.createElement("div", {
-      className: style$9.nav_back,
+      className: style$a.nav_back,
       onClick: this.props.onBack
     }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
       icon: faArrowLeft
     })) : '', /*#__PURE__*/React.createElement("div", {
-      className: style$9.nav_text
+      className: style$a.nav_text
     }, /*#__PURE__*/React.createElement("h2", null, this.props.title), /*#__PURE__*/React.createElement("span", null, this.props.subtitle))), /*#__PURE__*/React.createElement("div", {
-      className: style$9.nav_right
+      className: style$a.nav_right
     }, this.props.children));
   };
 
   return Nav;
 }(React.Component);
 
-var style$a = {"header":"_2UWkf","header_absolute":"_1bxp_","header_left":"_2L-oY","header_right":"_1AvfP"};
+var style$b = {"header":"_2UWkf","header_absolute":"_1bxp_","header_left":"_2L-oY","header_right":"_1AvfP"};
 
 var Header = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Header, _React$Component);
@@ -833,19 +917,19 @@ var Header = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$a.header, this.props.className)
+      className: classNames$1(style$b.header, this.props.className)
     }, /*#__PURE__*/React.createElement("div", {
-      className: style$a.header_absolute,
+      className: style$b.header_absolute,
       style: this.props.styleBackground
     }), /*#__PURE__*/React.createElement("div", {
-      className: style$a.header_left
+      className: style$b.header_left
     }, this.props.logo ? /*#__PURE__*/React.createElement("img", {
       src: this.props.logo,
       height: this.props.height,
       onClick: this.props.onClick,
       className: this.props.onClick ? 'cursor-pointer' : ''
     }) : null, this.props.title ? /*#__PURE__*/React.createElement("h1", null, this.props.title) : null), /*#__PURE__*/React.createElement("div", {
-      className: style$a.header_right
+      className: style$b.header_right
     }, this.props.sidebarRef && this.props.isMobile ? /*#__PURE__*/React.createElement(ButtonIcon, {
       onClick: this.props.sidebarRef.current.handleHideClick
     }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
@@ -856,7 +940,7 @@ var Header = /*#__PURE__*/function (_React$Component) {
   return Header;
 }(React.Component);
 
-var style$b = {"card":"_4T5PO","card_tabs":"_3qz0v","card_loader_container":"_1zFpZ","loader_element":"_2rKrR","loader":"_8eH6Y","grow":"_19crY","card_disabled":"_3BnES","card_top_border":"_1ItWX","card_header":"_HBqZI","card_tabs_header":"_3iUeb","card_header_left":"_2KSuY","card_tabs_header_left":"_3euMf","card_tabs_header_active":"_3UmBd","card_header_right":"_2KPnI","card_header_action":"_dmCgN","card_header_action_disable":"_1XS9q","card_body":"_8DE3p","card_tabs_body":"_3UyXH","card_color":"_2D119","card_color_left":"_1OCk3","card_color_image_left":"_199hf","card_color_center":"_11M7t","card_color_right":"_ZiFPm","card_statistics":"_29tu3","card_statistics_body":"_1b4T4","card_statistics_icon":"_1dkwV"};
+var style$c = {"card":"_4T5PO","card_tabs":"_3qz0v","card_loader_container":"_1zFpZ","loader_element":"_2rKrR","loader":"_8eH6Y","grow":"_19crY","card_disabled":"_3BnES","card_top_border":"_1ItWX","card_header":"_HBqZI","card_tabs_header":"_3iUeb","card_header_left":"_2KSuY","card_tabs_header_left":"_3euMf","card_tabs_header_active":"_3UmBd","card_header_right":"_2KPnI","card_header_action":"_dmCgN","card_header_action_disable":"_1XS9q","card_body":"_8DE3p","card_tabs_body":"_3UyXH","card_color":"_2D119","card_color_left":"_1OCk3","card_color_image_left":"_199hf","card_color_center":"_11M7t","card_color_right":"_ZiFPm","card_statistics":"_29tu3","card_statistics_body":"_1b4T4","card_statistics_icon":"_1dkwV"};
 
 var Card = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Card, _React$Component);
@@ -904,9 +988,9 @@ var Card = /*#__PURE__*/function (_React$Component) {
       style: this.props.border ? {
         borderLeft: "solid " + this.props.border + " 16px"
       } : {},
-      className: classNames$1(style$b.card, this.props.className)
+      className: classNames$1(style$c.card, this.props.className)
     }, this.props.disabled ? /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$b.card_disabled)
+      className: classNames$1(style$c.card_disabled)
     }) : null, this.props.imgLeft ? /*#__PURE__*/React.createElement("div", {
       style: {
         overflow: 'hidden',
@@ -919,11 +1003,11 @@ var Card = /*#__PURE__*/function (_React$Component) {
       src: this.props.imgLeft,
       alt: "left"
     })) : null, this.props.isLoad ? /*#__PURE__*/React.createElement("div", {
-      className: style$b.card_loader_container
+      className: style$c.card_loader_container
     }, /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$b.loader_element, this.props.classNameChildren)
+      className: classNames$1(style$c.loader_element, this.props.classNameChildren)
     }, /*#__PURE__*/React.createElement("div", {
-      className: style$b.loader
+      className: style$c.loader
     }, /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("span", null)), this.props.loaderText ? /*#__PURE__*/React.createElement("p", null, this.props.loaderText) : null)) : null, /*#__PURE__*/React.createElement("div", {
       style: {
         position: 'relative',
@@ -932,23 +1016,23 @@ var Card = /*#__PURE__*/function (_React$Component) {
         flexDirection: 'column'
       }
     }, /*#__PURE__*/React.createElement("div", {
-      className: style$b.card_top_border,
+      className: style$c.card_top_border,
       style: {
         width: this.state.width
       }
     }), this.props.title ? /*#__PURE__*/React.createElement("div", {
-      className: style$b.card_header
+      className: style$c.card_header
     }, /*#__PURE__*/React.createElement("div", {
-      className: style$b.card_header_left
+      className: style$c.card_header_left
     }, /*#__PURE__*/React.createElement("h2", {
       ref: this.refTitle
     }, this.props.title)), /*#__PURE__*/React.createElement("div", {
-      className: style$b.card_header_right
+      className: style$c.card_header_right
     }, /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$b.card_header_action, this.props.disableStyleAction ? style$b.card_header_action_disable : ''),
+      className: classNames$1(style$c.card_header_action, this.props.disableStyleAction ? style$c.card_header_action_disable : ''),
       onClick: this.props.onClick
     }, this.props.action))) : '', /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$b.card_body, this.props.classNameChildren)
+      className: classNames$1(style$c.card_body, this.props.classNameChildren)
     }, this.props.children)), this.props.imgRight ? /*#__PURE__*/React.createElement("div", {
       style: {
         overflow: 'hidden',
@@ -981,15 +1065,15 @@ var CardColor = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$b.card_color, this.props.className)
+      className: classNames$1(style$c.card_color, this.props.className)
     }, this.props.count === 0 || this.props.count ? /*#__PURE__*/React.createElement("div", {
-      className: style$b.card_color_left
+      className: style$c.card_color_left
     }, /*#__PURE__*/React.createElement("span", null, this.props.count)) : /*#__PURE__*/React.createElement("div", {
-      className: style$b.card_color_image_left
+      className: style$c.card_color_image_left
     }, /*#__PURE__*/React.createElement("span", null, this.props.image)), /*#__PURE__*/React.createElement("div", {
-      className: style$b.card_color_center
+      className: style$c.card_color_center
     }, /*#__PURE__*/React.createElement("span", null, this.props.title), /*#__PURE__*/React.createElement("span", null, this.props.subtitle)), /*#__PURE__*/React.createElement("div", {
-      className: style$b.card_color_right,
+      className: style$c.card_color_right,
       onClick: this.props.onClick
     }, this.props.icon ? this.props.icon : /*#__PURE__*/React.createElement(FontAwesomeIcon, {
       icon: faArrowRight
@@ -1014,13 +1098,13 @@ var CardStatistics = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$b.card_statistics, this.props.className)
+      className: classNames$1(style$c.card_statistics, this.props.className)
     }, /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$b.card_statistics_body)
+      className: classNames$1(style$c.card_statistics_body)
     }, /*#__PURE__*/React.createElement("span", null, this.props.title), /*#__PURE__*/React.createElement("span", null, this.props.subtitle, /*#__PURE__*/React.createElement("span", {
       className: classNames$1(this.props.evolutionColor)
     }, this.props.evolution))), this.props.icon ? /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$b.card_statistics_icon)
+      className: classNames$1(style$c.card_statistics_icon)
     }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
       icon: this.props.icon
     })) : null);
@@ -1048,15 +1132,15 @@ var CardTabs = /*#__PURE__*/function (_React$Component) {
     var _this2 = this;
 
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$b.card_tabs, this.props.className)
+      className: classNames$1(style$c.card_tabs, this.props.className)
     }, /*#__PURE__*/React.createElement("div", {
-      className: style$b.card_tabs_header
+      className: style$c.card_tabs_header
     }, /*#__PURE__*/React.createElement("div", {
-      className: style$b.card_tabs_header_left
+      className: style$c.card_tabs_header_left
     }, this.props.titles.map(function (title, idx) {
       return /*#__PURE__*/React.createElement("h2", {
         key: idx,
-        className: idx === _this2.state.active ? style$b.card_tabs_header_active : '',
+        className: idx === _this2.state.active ? style$c.card_tabs_header_active : '',
         onClick: function onClick() {
           return _this2.setState({
             active: idx
@@ -1064,14 +1148,14 @@ var CardTabs = /*#__PURE__*/function (_React$Component) {
         }
       }, title);
     }))), /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$b.card_tabs_body, this.props.classNameChildren)
+      className: classNames$1(style$c.card_tabs_body, this.props.classNameChildren)
     }, this.props.contents[this.state.active]));
   };
 
   return CardTabs;
 }(React.Component);
 
-var style$c = {"slider":"_o1xTr","slider_button":"_2hcr7","slider_value":"_3lWIB"};
+var style$d = {"slider":"_o1xTr","slider_button":"_2hcr7","slider_value":"_3lWIB"};
 
 var Slider = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Slider, _React$Component);
@@ -1084,15 +1168,15 @@ var Slider = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$c.slider, this.props.className)
+      className: classNames$1(style$d.slider, this.props.className)
     }, /*#__PURE__*/React.createElement("div", {
-      className: style$c.slider_button
+      className: style$d.slider_button
     }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
       icon: faChevronLeft
     })), /*#__PURE__*/React.createElement("span", {
-      className: style$c.slider_value
+      className: style$d.slider_value
     }, this.props.value), /*#__PURE__*/React.createElement("div", {
-      className: style$c.slider_button
+      className: style$d.slider_button
     }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
       icon: faChevronRight
     })));
@@ -1101,7 +1185,7 @@ var Slider = /*#__PURE__*/function (_React$Component) {
   return Slider;
 }(React.Component);
 
-var style$d = {"signature":"_2boVV","active":"_O6vhI","signature_remove":"_WECto","signature_add":"_1T5V_"};
+var style$e = {"signature":"_2boVV","active":"_O6vhI","signature_remove":"_WECto","signature_add":"_1T5V_"};
 
 var Signature = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Signature, _React$Component);
@@ -1115,7 +1199,7 @@ var Signature = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var signatureClass = classNames$1((_classNames = {}, _classNames[style$d.signature] = true, _classNames[style$d.active] = !!this.props.signature, _classNames[style$d.small] = !!this.props.small, _classNames[style$d.big] = !!this.props.big, _classNames[this.props.className] = !!this.props.className, _classNames));
+    var signatureClass = classNames$1((_classNames = {}, _classNames[style$e.signature] = true, _classNames[style$e.active] = !!this.props.signature, _classNames[style$e.small] = !!this.props.small, _classNames[style$e.big] = !!this.props.big, _classNames[this.props.className] = !!this.props.className, _classNames));
 
     if (this.props.signature) {
       return /*#__PURE__*/React.createElement("div", {
@@ -1124,7 +1208,7 @@ var Signature = /*#__PURE__*/function (_React$Component) {
           height: this.props.height ? this.props.height : '200px'
         }
       }, !this.props.disabled ? /*#__PURE__*/React.createElement("div", {
-        className: style$d.signature_remove,
+        className: style$e.signature_remove,
         onClick: this.props.onRemove
       }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
         icon: faTimes
@@ -1139,12 +1223,12 @@ var Signature = /*#__PURE__*/function (_React$Component) {
           height: this.props.height ? this.props.height : '200px'
         }
       }, !this.props.disabled ? /*#__PURE__*/React.createElement("div", {
-        className: style$d.signature_add,
+        className: style$e.signature_add,
         onClick: this.props.onAdd
       }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
         icon: faPlus
       })) : /*#__PURE__*/React.createElement("div", {
-        className: style$d.signature_add,
+        className: style$e.signature_add,
         style: {
           cursor: "default"
         }
@@ -1157,7 +1241,7 @@ var Signature = /*#__PURE__*/function (_React$Component) {
   return Signature;
 }(React.Component);
 
-var style$e = {"tabs":"_37jdG","tabs_header":"_3_P_N","tabs_body":"_2ZGAD","tabs_menu":"_2UVV8","active":"_1JhLg","tabs_item":"_1ldWh"};
+var style$f = {"tabs":"_37jdG","tabs_header":"_3_P_N","tabs_body":"_2ZGAD","tabs_menu":"_2UVV8","active":"_1JhLg","tabs_item":"_1ldWh"};
 
 var Tabs = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Tabs, _React$Component);
@@ -1170,7 +1254,7 @@ var Tabs = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$e.tabs, this.props.className)
+      className: classNames$1(style$f.tabs, this.props.className)
     }, this.props.children);
   };
 
@@ -1188,7 +1272,7 @@ var TabsHeader = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$e.tabs_header, this.props.className)
+      className: classNames$1(style$f.tabs_header, this.props.className)
     }, this.props.children);
   };
 
@@ -1206,7 +1290,7 @@ var TabsBody = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$e.tabs_body, this.props.className)
+      className: classNames$1(style$f.tabs_body, this.props.className)
     }, this.props.children);
   };
 
@@ -1225,7 +1309,7 @@ var TabsItem = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var tabsItemClass = classNames$1((_classNames = {}, _classNames[style$e.tabs_item] = true, _classNames[style$e.active] = !!this.props.active, _classNames[this.props.className] = !!this.props.className, _classNames));
+    var tabsItemClass = classNames$1((_classNames = {}, _classNames[style$f.tabs_item] = true, _classNames[style$f.active] = !!this.props.active, _classNames[this.props.className] = !!this.props.className, _classNames));
     return /*#__PURE__*/React.createElement("div", {
       className: tabsItemClass
     }, this.props.children);
@@ -1246,7 +1330,7 @@ var TabsMenu = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var tabsMenuClass = classNames$1((_classNames = {}, _classNames[style$e.tabs_menu] = true, _classNames[style$e.active] = !!this.props.active, _classNames[this.props.className] = !!this.props.className, _classNames));
+    var tabsMenuClass = classNames$1((_classNames = {}, _classNames[style$f.tabs_menu] = true, _classNames[style$f.active] = !!this.props.active, _classNames[this.props.className] = !!this.props.className, _classNames));
     return /*#__PURE__*/React.createElement("div", {
       className: tabsMenuClass,
       onClick: this.props.onClick
@@ -1256,7 +1340,7 @@ var TabsMenu = /*#__PURE__*/function (_React$Component) {
   return TabsMenu;
 }(React.Component);
 
-var style$f = {"tabs_custom":"_1-Kad","tabs_custom_header":"_2ZXDI","tabs_custom_body":"_3SfUF","noCard":"_2tReM","tabs_custom_menu":"_38JFK","active":"_NU04_","disabled":"_1Km4b","tabs_custom_item":"_2bfgR"};
+var style$g = {"tabs_custom":"_1-Kad","tabs_custom_header":"_2ZXDI","tabs_custom_body":"_3SfUF","noCard":"_2tReM","tabs_custom_menu":"_38JFK","active":"_NU04_","disabled":"_1Km4b","tabs_custom_item":"_2bfgR"};
 
 var TabsCustom = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(TabsCustom, _React$Component);
@@ -1269,7 +1353,7 @@ var TabsCustom = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$f.tabs_custom, this.props.className)
+      className: classNames$1(style$g.tabs_custom, this.props.className)
     }, this.props.children);
   };
 
@@ -1287,7 +1371,7 @@ var TabsCustomHeader = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$f.tabs_custom_header, this.props.className)
+      className: classNames$1(style$g.tabs_custom_header, this.props.className)
     }, this.props.children);
   };
 
@@ -1306,7 +1390,7 @@ var TabsCustomBody = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var tabsBodyClass = classNames$1((_classNames = {}, _classNames[style$f.tabs_custom_body] = true, _classNames[style$f.noCard] = !!this.props.noCard, _classNames[this.props.className] = !!this.props.className, _classNames));
+    var tabsBodyClass = classNames$1((_classNames = {}, _classNames[style$g.tabs_custom_body] = true, _classNames[style$g.noCard] = !!this.props.noCard, _classNames[this.props.className] = !!this.props.className, _classNames));
     return /*#__PURE__*/React.createElement("div", {
       className: tabsBodyClass
     }, this.props.children);
@@ -1327,7 +1411,7 @@ var TabsCustomItem = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var tabsItemClass = classNames$1((_classNames = {}, _classNames[style$f.tabs_custom_item] = true, _classNames[style$f.active] = !!this.props.active, _classNames[this.props.className] = !!this.props.className, _classNames));
+    var tabsItemClass = classNames$1((_classNames = {}, _classNames[style$g.tabs_custom_item] = true, _classNames[style$g.active] = !!this.props.active, _classNames[this.props.className] = !!this.props.className, _classNames));
 
     if (!this.props.active) {
       return null;
@@ -1353,7 +1437,7 @@ var TabsCustomMenu = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var tabsMenuClass = classNames$1((_classNames = {}, _classNames[style$f.tabs_custom_menu] = true, _classNames[style$f.active] = !!this.props.active, _classNames[style$f.disabled] = !!this.props.disabled, _classNames[this.props.className] = !!this.props.className, _classNames));
+    var tabsMenuClass = classNames$1((_classNames = {}, _classNames[style$g.tabs_custom_menu] = true, _classNames[style$g.active] = !!this.props.active, _classNames[style$g.disabled] = !!this.props.disabled, _classNames[this.props.className] = !!this.props.className, _classNames));
     return /*#__PURE__*/React.createElement("div", {
       className: tabsMenuClass,
       onClick: this.props.onClick
@@ -1363,7 +1447,7 @@ var TabsCustomMenu = /*#__PURE__*/function (_React$Component) {
   return TabsCustomMenu;
 }(React.Component);
 
-var style$g = {"tabs_custom_arrow":"_2mR08","tabs_custom_arrow_header":"_1Dug3","tabs_custom_arrow_body":"_38nW8","noCard":"_3ERlR","tabs_custom_arrow_menu":"_2JnR3","active":"_a0pKA","disabled":"_3c4B_","tabs_custom_arrow_item":"_CXnw-"};
+var style$h = {"tabs_custom_arrow":"_2mR08","tabs_custom_arrow_header":"_1Dug3","tabs_custom_arrow_body":"_38nW8","noCard":"_3ERlR","tabs_custom_arrow_menu":"_2JnR3","active":"_a0pKA","disabled":"_3c4B_","tabs_custom_arrow_item":"_CXnw-"};
 
 var TabsCustomArrowCustom = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(TabsCustomArrowCustom, _React$Component);
@@ -1376,7 +1460,7 @@ var TabsCustomArrowCustom = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$g.tabs_custom_arrow, this.props.className)
+      className: classNames$1(style$h.tabs_custom_arrow, this.props.className)
     }, this.props.children);
   };
 
@@ -1394,7 +1478,7 @@ var TabsCustomArrowHeader = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$g.tabs_custom_arrow_header, this.props.className)
+      className: classNames$1(style$h.tabs_custom_arrow_header, this.props.className)
     }, this.props.children);
   };
 
@@ -1413,7 +1497,7 @@ var TabsCustomArrowBody = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var tabsBodyClass = classNames$1((_classNames = {}, _classNames[style$g.tabs_custom_arrow_body] = true, _classNames[style$g.noCard] = !!this.props.noCard, _classNames[this.props.className] = !!this.props.className, _classNames));
+    var tabsBodyClass = classNames$1((_classNames = {}, _classNames[style$h.tabs_custom_arrow_body] = true, _classNames[style$h.noCard] = !!this.props.noCard, _classNames[this.props.className] = !!this.props.className, _classNames));
     return /*#__PURE__*/React.createElement("div", {
       className: tabsBodyClass
     }, this.props.children);
@@ -1434,7 +1518,7 @@ var TabsCustomArrowItem = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var tabsItemClass = classNames$1((_classNames = {}, _classNames[style$g.tabs_custom_arrow_item] = true, _classNames[style$g.active] = !!this.props.active, _classNames[this.props.className] = !!this.props.className, _classNames));
+    var tabsItemClass = classNames$1((_classNames = {}, _classNames[style$h.tabs_custom_arrow_item] = true, _classNames[style$h.active] = !!this.props.active, _classNames[this.props.className] = !!this.props.className, _classNames));
     return /*#__PURE__*/React.createElement("div", {
       className: tabsItemClass
     }, this.props.children);
@@ -1455,7 +1539,7 @@ var TabsCustomArrowMenu = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var tabsMenuClass = classNames$1((_classNames = {}, _classNames[style$g.tabs_custom_arrow_menu] = true, _classNames[style$g.active] = !!this.props.active, _classNames[style$g.disabled] = !!this.props.disabled, _classNames[this.props.className] = !!this.props.className, _classNames));
+    var tabsMenuClass = classNames$1((_classNames = {}, _classNames[style$h.tabs_custom_arrow_menu] = true, _classNames[style$h.active] = !!this.props.active, _classNames[style$h.disabled] = !!this.props.disabled, _classNames[this.props.className] = !!this.props.className, _classNames));
     return /*#__PURE__*/React.createElement("div", {
       className: tabsMenuClass,
       onClick: this.props.onClick
@@ -1465,7 +1549,7 @@ var TabsCustomArrowMenu = /*#__PURE__*/function (_React$Component) {
   return TabsCustomArrowMenu;
 }(React.Component);
 
-var style$h = {"tabs_edit":"_23a7-","tabs_edit_header":"_3zdac","tabs_edit_body":"_2cxzo","noCard":"_2WKxa","tabs_edit_menu":"_MFel7","active":"_32WLP","disabled":"_Eq4pW","tabs_edit_item":"_1lUyF"};
+var style$i = {"tabs_edit":"_23a7-","tabs_edit_header":"_3zdac","tabs_edit_body":"_2cxzo","noCard":"_2WKxa","tabs_edit_menu":"_MFel7","active":"_32WLP","disabled":"_Eq4pW","tabs_edit_item":"_1lUyF"};
 
 var TabsEdit = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(TabsEdit, _React$Component);
@@ -1478,7 +1562,7 @@ var TabsEdit = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$h.tabs_edit, this.props.className)
+      className: classNames$1(style$i.tabs_edit, this.props.className)
     }, this.props.children);
   };
 
@@ -1498,7 +1582,7 @@ var TabsEditHeader = /*#__PURE__*/function (_React$Component) {
     var _this = this;
 
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$h.tabs_edit_header, this.props.className)
+      className: classNames$1(style$i.tabs_edit_header, this.props.className)
     }, /*#__PURE__*/React.createElement("div", null, this.props.children), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
       className: "cursor-pointer",
       style: {
@@ -1533,7 +1617,7 @@ var TabsEditBody = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var tabsBodyClass = classNames$1((_classNames = {}, _classNames[style$h.tabs_edit_body] = true, _classNames[style$h.noCard] = !!this.props.noCard, _classNames[this.props.className] = !!this.props.className, _classNames));
+    var tabsBodyClass = classNames$1((_classNames = {}, _classNames[style$i.tabs_edit_body] = true, _classNames[style$i.noCard] = !!this.props.noCard, _classNames[this.props.className] = !!this.props.className, _classNames));
     return /*#__PURE__*/React.createElement("div", {
       className: tabsBodyClass
     }, this.props.children);
@@ -1554,7 +1638,7 @@ var TabsEditItem = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var tabsItemClass = classNames$1((_classNames = {}, _classNames[style$h.tabs_edit_item] = true, _classNames[style$h.active] = !!this.props.active, _classNames[this.props.className] = !!this.props.className, _classNames));
+    var tabsItemClass = classNames$1((_classNames = {}, _classNames[style$i.tabs_edit_item] = true, _classNames[style$i.active] = !!this.props.active, _classNames[this.props.className] = !!this.props.className, _classNames));
     return /*#__PURE__*/React.createElement("div", {
       className: tabsItemClass
     }, this.props.children);
@@ -1575,7 +1659,7 @@ var TabsEditMenu = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var tabsMenuClass = classNames$1((_classNames = {}, _classNames[style$h.tabs_edit_menu] = true, _classNames[style$h.active] = !!this.props.active, _classNames[style$h.disabled] = !!this.props.disabled, _classNames[this.props.className] = !!this.props.className, _classNames));
+    var tabsMenuClass = classNames$1((_classNames = {}, _classNames[style$i.tabs_edit_menu] = true, _classNames[style$i.active] = !!this.props.active, _classNames[style$i.disabled] = !!this.props.disabled, _classNames[this.props.className] = !!this.props.className, _classNames));
     return /*#__PURE__*/React.createElement("div", {
       className: tabsMenuClass,
       onClick: this.props.onClick
@@ -1585,7 +1669,7 @@ var TabsEditMenu = /*#__PURE__*/function (_React$Component) {
   return TabsEditMenu;
 }(React.Component);
 
-var style$i = {"sidebar":"_2rooA","small":"_3Hv0y","mobile":"_1t5Wi","sidebar_header":"_2MRnG","sidebar_icon":"_1r537","button_hide":"_1OTTJ","sidebar_user":"_3iI4T","sidebar_user_icon":"_3wuAJ","sidebar_user_text":"_mb_54","sidebar_user_title":"_236yM","sidebar_user_subtitle":"_1z9F0","sidebar_body":"_1hv_V","sidebar_button":"_1iy27","sidebar_button_dropdown":"_1ZHFn","active":"_BPuzP","disabled":"_2BDmo","sidebar_button_second":"_2X9HU"};
+var style$j = {"sidebar":"_2rooA","small":"_3Hv0y","mobile":"_1t5Wi","sidebar_header":"_2MRnG","sidebar_icon":"_1r537","button_hide":"_1OTTJ","sidebar_user":"_3iI4T","sidebar_user_icon":"_3wuAJ","sidebar_user_text":"_mb_54","sidebar_user_title":"_236yM","sidebar_user_subtitle":"_1z9F0","sidebar_body":"_1hv_V","sidebar_button":"_1iy27","sidebar_button_dropdown":"_1ZHFn","active":"_BPuzP","disabled":"_2BDmo","sidebar_button_second":"_2X9HU"};
 
 var Sidebar = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Sidebar, _React$Component);
@@ -1731,43 +1815,43 @@ var Sidebar = /*#__PURE__*/function (_React$Component) {
         _classNames2,
         _this3 = this;
 
-    var sidebarClass = classNames$1((_classNames = {}, _classNames[style$i.small] = !!this.state.isHide, _classNames[style$i.mobile] = !!this.state.isMobile, _classNames), style$i.sidebar, this.props.className);
+    var sidebarClass = classNames$1((_classNames = {}, _classNames[style$j.small] = !!this.state.isHide, _classNames[style$j.mobile] = !!this.state.isMobile, _classNames), style$j.sidebar, this.props.className);
     return /*#__PURE__*/React.createElement("div", {
       className: sidebarClass
     }, /*#__PURE__*/React.createElement("div", {
-      className: style$i.sidebar_header
+      className: style$j.sidebar_header
     }, /*#__PURE__*/React.createElement("div", {
-      className: style$i.sidebar_icon
+      className: style$j.sidebar_icon
     }, this.props.icon ? /*#__PURE__*/React.createElement("img", {
       alt: "icon",
       src: this.props.icon
     }) : null), /*#__PURE__*/React.createElement("div", {
-      className: style$i.button_hide,
+      className: style$j.button_hide,
       onClick: this.handleHideClick
     }, this.state.isHide ? /*#__PURE__*/React.createElement(FontAwesomeIcon, {
       icon: faCaretRight
     }) : /*#__PURE__*/React.createElement(FontAwesomeIcon, {
       icon: faCaretLeft
     }))), /*#__PURE__*/React.createElement("div", {
-      className: style$i.sidebar_user
+      className: style$j.sidebar_user
     }, this.props.picture ? /*#__PURE__*/React.createElement("div", {
-      className: style$i.sidebar_user_icon
+      className: style$j.sidebar_user_icon
     }, /*#__PURE__*/React.createElement("img", {
       src: this.props.picture,
       alt: 'profile'
     })) : /*#__PURE__*/React.createElement(FontAwesomeIcon, {
       className: classNames$1((_classNames2 = {
         'm-auto': this.state.isHide === true
-      }, _classNames2[style$i.sidebar_user_icon] = true, _classNames2)),
+      }, _classNames2[style$j.sidebar_user_icon] = true, _classNames2)),
       icon: faUser
     }), this.state.isHide === false ? /*#__PURE__*/React.createElement("div", {
-      className: style$i.sidebar_user_text
+      className: style$j.sidebar_user_text
     }, /*#__PURE__*/React.createElement("span", {
-      className: style$i.sidebar_user_title
+      className: style$j.sidebar_user_title
     }, this.props.title), /*#__PURE__*/React.createElement("span", {
-      className: style$i.sidebar_user_subtitle
+      className: style$j.sidebar_user_subtitle
     }, this.props.subtitle)) : null), /*#__PURE__*/React.createElement("div", {
-      className: style$i.sidebar_body
+      className: style$j.sidebar_body
     }, this.state.views.map(function (element, idx) {
       if (element.path && element.isHide !== true) {
         var _classNames3;
@@ -1779,7 +1863,7 @@ var Sidebar = /*#__PURE__*/function (_React$Component) {
               _this3.handleChangeViewClick(element.path, idx);
             }
           },
-          className: classNames$1(style$i.sidebar_button, (_classNames3 = {}, _classNames3[style$i.active] = !!element.active, _classNames3[style$i.disabled] = !!element.disabled, _classNames3))
+          className: classNames$1(style$j.sidebar_button, (_classNames3 = {}, _classNames3[style$j.active] = !!element.active, _classNames3[style$j.disabled] = !!element.disabled, _classNames3))
         }, element.icon, /*#__PURE__*/React.createElement("span", null, element.name));
       } else if (element.isHide !== true) {
         var _classNames4;
@@ -1790,7 +1874,7 @@ var Sidebar = /*#__PURE__*/function (_React$Component) {
           onClick: function onClick() {
             return _this3.handleDropdownClick(idx);
           },
-          className: classNames$1(style$i.sidebar_button_dropdown, (_classNames4 = {}, _classNames4[style$i.active] = !!element.active, _classNames4[style$i.disabled] = !!element.disabled, _classNames4))
+          className: classNames$1(style$j.sidebar_button_dropdown, (_classNames4 = {}, _classNames4[style$j.active] = !!element.active, _classNames4[style$j.disabled] = !!element.disabled, _classNames4))
         }, element.icon, /*#__PURE__*/React.createElement("span", null, element.name), element.active === true ? /*#__PURE__*/React.createElement(FontAwesomeIcon, {
           icon: faCaretDown
         }) : /*#__PURE__*/React.createElement(FontAwesomeIcon, {
@@ -1807,7 +1891,7 @@ var Sidebar = /*#__PURE__*/function (_React$Component) {
                   _this3.handleChangeViewClick(elementDropdown.path, idx, idxDropdown);
                 }
               },
-              className: classNames$1(style$i.sidebar_button, style$i.sidebar_button_second, (_classNames5 = {}, _classNames5[style$i.active] = !!elementDropdown.active, _classNames5[style$i.disabled] = !!elementDropdown.disabled, _classNames5))
+              className: classNames$1(style$j.sidebar_button, style$j.sidebar_button_second, (_classNames5 = {}, _classNames5[style$j.active] = !!elementDropdown.active, _classNames5[style$j.disabled] = !!elementDropdown.disabled, _classNames5))
             }, elementDropdown.icon, /*#__PURE__*/React.createElement("span", null, elementDropdown.name)));
           }
         });
@@ -1819,7 +1903,7 @@ var Sidebar = /*#__PURE__*/function (_React$Component) {
   return Sidebar;
 }(React.Component);
 
-var style$j = {"doughnut_chart":"_3cUhz","text_doughnut_chart":"_3w6lM","text":"_2BjzU","number":"_25cuD","pie_chart":"_1uhd5","pie_chart_text":"_1U4br","bar_chart":"_2f4FH","bar_chart_text":"_2WPFA"};
+var style$k = {"doughnut_chart":"_3cUhz","text_doughnut_chart":"_3w6lM","text":"_2BjzU","number":"_25cuD","pie_chart":"_1uhd5","pie_chart_text":"_1U4br","bar_chart":"_2f4FH","bar_chart_text":"_2WPFA"};
 
 var DoughnutChart = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(DoughnutChart, _React$Component);
@@ -1859,7 +1943,7 @@ var DoughnutChart = /*#__PURE__*/function (_React$Component) {
       }]
     };
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$j.doughnut_chart, this.props.className)
+      className: classNames$1(style$k.doughnut_chart, this.props.className)
     }, /*#__PURE__*/React.createElement(Doughnut, {
       id: this.props.text,
       data: data,
@@ -1885,17 +1969,17 @@ var DoughnutChart = /*#__PURE__*/function (_React$Component) {
         }
       }
     }), /*#__PURE__*/React.createElement("div", {
-      className: style$j.text_doughnut_chart
+      className: style$k.text_doughnut_chart
     }, /*#__PURE__*/React.createElement("p", {
       style: {
         color: this.getColor(num, max)
       },
-      className: style$j.number
+      className: style$k.number
     }, num, unit), /*#__PURE__*/React.createElement("p", {
       style: {
         color: this.getColor(num, max)
       },
-      className: style$j.text
+      className: style$k.text
     }, text)));
   };
 
@@ -2064,9 +2148,9 @@ var BarChart = /*#__PURE__*/function (_React$Component) {
       datasets: this.createDatasets(this.props.dataSet.length)
     };
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames(style$j.bar_chart, this.props.className)
+      className: classNames(style$k.bar_chart, this.props.className)
     }, /*#__PURE__*/React.createElement("div", {
-      className: style$j.bar_chart_text
+      className: style$k.bar_chart_text
     }, /*#__PURE__*/React.createElement("span", null, this.props.title)), /*#__PURE__*/React.createElement("div", {
       style: {
         position: 'relative',
@@ -2254,9 +2338,9 @@ var RadarChart = /*#__PURE__*/function (_Component) {
       datasets: this.createDatasets(this.props.dataSet.length)
     };
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames(style$j.bar_chart, this.props.className)
+      className: classNames(style$k.bar_chart, this.props.className)
     }, /*#__PURE__*/React.createElement("div", {
-      className: style$j.bar_chart_text
+      className: style$k.bar_chart_text
     }, /*#__PURE__*/React.createElement("span", null, this.props.title)), /*#__PURE__*/React.createElement("div", {
       style: {
         position: 'relative',
@@ -2322,9 +2406,9 @@ var PieChart = /*#__PURE__*/function (_React$Component) {
     var _this = this;
 
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames(style$j.pie_chart, this.props.className)
+      className: classNames(style$k.pie_chart, this.props.className)
     }, /*#__PURE__*/React.createElement("div", {
-      className: style$j.pie_chart_text
+      className: style$k.pie_chart_text
     }, /*#__PURE__*/React.createElement("span", null, this.props.title)), /*#__PURE__*/React.createElement("div", {
       style: {
         position: 'relative',
@@ -2520,9 +2604,9 @@ var HorizontalBarChart = /*#__PURE__*/function (_React$Component) {
       datasets: this.createDatasets(this.props.dataSet.length)
     };
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames(style$j.bar_chart, this.props.className)
+      className: classNames(style$k.bar_chart, this.props.className)
     }, /*#__PURE__*/React.createElement("div", {
-      className: style$j.bar_chart_text
+      className: style$k.bar_chart_text
     }, /*#__PURE__*/React.createElement("span", null, this.props.title)), /*#__PURE__*/React.createElement("div", {
       style: {
         position: 'relative',
@@ -2560,7 +2644,7 @@ var HorizontalBarChart = /*#__PURE__*/function (_React$Component) {
   return HorizontalBarChart;
 }(React.Component);
 
-var style$k = {"progress_bar_container":"_bHyVu","bar":"_XOUj6","custom_progress":"_jBsK1"};
+var style$l = {"progress_bar_container":"_bHyVu","bar":"_XOUj6","custom_progress":"_jBsK1"};
 
 var ProgressBar = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(ProgressBar, _React$Component);
@@ -2639,12 +2723,12 @@ var ProgressBar = /*#__PURE__*/function (_React$Component) {
     var max = this.props.max ? this.props.max : 100;
     var value = this.props.value ? this.props.value : 0;
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$k.progress_bar_container, this.props.className)
+      className: classNames$1(style$l.progress_bar_container, this.props.className)
     }, /*#__PURE__*/React.createElement("span", null, this.props.title), /*#__PURE__*/React.createElement("div", {
-      className: style$k.bar,
+      className: style$l.bar,
       ref: this.refProgress
     }, /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$k.custom_progress, this.getColor(value, max)),
+      className: classNames$1(style$l.custom_progress, this.getColor(value, max)),
       style: {
         width: this.state.width
       }
@@ -2654,7 +2738,7 @@ var ProgressBar = /*#__PURE__*/function (_React$Component) {
   return ProgressBar;
 }(React.Component);
 
-var style$l = {"loader_container":"_3me5z","loader_element":"_2CYNt","loader":"_3ysPX","grow":"_971Mp"};
+var style$m = {"loader_container":"_3me5z","loader_element":"_2CYNt","loader":"_3ysPX","grow":"_971Mp"};
 
 var Loader = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Loader, _React$Component);
@@ -2676,18 +2760,18 @@ var Loader = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     if (!this.props.show) return null;
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$l.loader_container, this.props.className)
+      className: classNames$1(style$m.loader_container, this.props.className)
     }, /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$l.loader_element, this.props.classNameChildren)
+      className: classNames$1(style$m.loader_element, this.props.classNameChildren)
     }, /*#__PURE__*/React.createElement("div", {
-      className: style$l.loader
+      className: style$m.loader
     }, /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("span", null)), this.props.message ? /*#__PURE__*/React.createElement("p", null, this.props.message) : null));
   };
 
   return Loader;
 }(React.Component);
 
-var style$m = {"icon":"_3s1Vv"};
+var style$n = {"icon":"_3s1Vv"};
 
 var Icon = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Icon, _React$Component);
@@ -2719,7 +2803,7 @@ var Icon = /*#__PURE__*/function (_React$Component) {
         fontSize: this.props.size ? this.props.size + 'px' : 'none'
       }
     }, this.props.icon({
-      className: classNames$1(style$m.icon),
+      className: classNames$1(style$n.icon),
       color: this.state.colorStyle
     }));
   };
@@ -2727,7 +2811,7 @@ var Icon = /*#__PURE__*/function (_React$Component) {
   return Icon;
 }(React.Component);
 
-var style$n = {"paginationContainer":"_25d6Y","pagination":"_2mqrQ","active":"_13Qaa","disabled":"_11Sql"};
+var style$o = {"paginationContainer":"_25d6Y","pagination":"_2mqrQ","active":"_13Qaa","disabled":"_11Sql"};
 
 var Pagination = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Pagination, _React$Component);
@@ -2740,11 +2824,11 @@ var Pagination = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$n.paginationContainer, this.props.className)
+      className: classNames$1(style$o.paginationContainer, this.props.className)
     }, /*#__PURE__*/React.createElement(PaginationCMP, {
-      innerClass: style$n.pagination,
-      activeClass: style$n.active,
-      disabledClass: style$n.disabled,
+      innerClass: style$o.pagination,
+      activeClass: style$o.active,
+      disabledClass: style$o.disabled,
       activePage: this.props.activePage,
       itemsCountPerPage: this.props.itemsCountPerPage,
       totalItemsCount: this.props.totalItemsCount,
@@ -2867,7 +2951,7 @@ var PaginationClass = /*#__PURE__*/function () {
   return PaginationClass;
 }();
 
-var style$o = {"FormDragDropFile_container":"_2tyK_","btn_close_drag_drop":"_1shfD","dropzone_multiple_container":"_HCj8R","background_text":"_2NB9V","dropzone_multiple_items":"_c3Txp","dropzone_multiple_item":"_WAS8S","delete_item_container":"_34DnJ"};
+var style$p = {"FormDragDropFile_container":"_2tyK_","btn_close_drag_drop":"_1shfD","dropzone_multiple_container":"_HCj8R","background_text":"_2NB9V","dropzone_multiple_items":"_c3Txp","dropzone_multiple_item":"_WAS8S","delete_item_container":"_34DnJ"};
 
 var Dropzone = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Dropzone, _React$Component);
@@ -2982,7 +3066,7 @@ var Dropzone = /*#__PURE__*/function (_React$Component) {
     var _this3 = this;
 
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$o.FormDragDropFile_container, this.props.className)
+      className: classNames$1(style$p.FormDragDropFile_container, this.props.className)
     }, /*#__PURE__*/React.createElement(DropzoneCMP, {
       className: classNames$1(this.props.classNameChildren),
       onDrop: function onDrop(acceptedFiles) {
@@ -2998,7 +3082,7 @@ var Dropzone = /*#__PURE__*/function (_React$Component) {
           borderColor: _this3.state.borderColor
         }
       }, /*#__PURE__*/React.createElement("div", {
-        className: style$o.btn_close_drag_drop,
+        className: style$p.btn_close_drag_drop,
         style: {
           display: _this3.state.styleBtnClose
         }
@@ -3090,12 +3174,12 @@ var DropzoneMultiple = /*#__PURE__*/function (_React$Component) {
     _this.getFileComponent = function (idx) {
       return /*#__PURE__*/React.createElement("div", {
         key: idx,
-        className: classNames$1(style$o.dropzone_multiple_item, 'not-click'),
+        className: classNames$1(style$p.dropzone_multiple_item, 'not-click'),
         onClick: function onClick() {
           return _this.handleDeleteFile(idx);
         }
       }, /*#__PURE__*/React.createElement("div", {
-        className: classNames$1(style$o.delete_item_container)
+        className: classNames$1(style$p.delete_item_container)
       }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
         icon: faTrash
       })), /*#__PURE__*/React.createElement(FontAwesomeIcon, {
@@ -3232,7 +3316,7 @@ var DropzoneMultiple = /*#__PURE__*/function (_React$Component) {
       var getRootProps = _ref.getRootProps,
           getInputProps = _ref.getInputProps;
       return /*#__PURE__*/React.createElement("section", {
-        className: classNames$1(style$o.dropzone_multiple_container, _this2.props.className)
+        className: classNames$1(style$p.dropzone_multiple_container, _this2.props.className)
       }, /*#__PURE__*/React.createElement("div", _extends({}, getRootProps({
         onClick: function onClick(e) {
           if (_this2.hasParentClass(e.target, e.currentTarget, 'not-click')) {
@@ -3240,9 +3324,9 @@ var DropzoneMultiple = /*#__PURE__*/function (_React$Component) {
           }
         }
       }), {
-        className: classNames$1(style$o.dropzone_multiple_items)
+        className: classNames$1(style$p.dropzone_multiple_items)
       }), !_this2.state.files.length ? /*#__PURE__*/React.createElement("span", {
-        className: classNames$1(style$o.background_text)
+        className: classNames$1(style$p.background_text)
       }, "Glisser et d\xE9poser vos fichiers ou cliquer pour en s\xE9lectionner...", ' ', _this2.props.extensions ? "Formats accept\xE9s : " + _this2.props.extensions.join(', ') : '', "$", _this2.props.maxFileSize ? " - Taille maximale " + _this2.props.maxFileSize + "Mo" : '') : null, /*#__PURE__*/React.createElement("input", getInputProps()), _this2.state.files.map(function (file, idx) {
         return _this2.getFileComponent(idx);
       })));
@@ -3252,7 +3336,7 @@ var DropzoneMultiple = /*#__PURE__*/function (_React$Component) {
   return DropzoneMultiple;
 }(React.Component);
 
-var style$p = {"status":"_2qV1W"};
+var style$q = {"status":"_2qV1W"};
 
 var Status = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Status, _React$Component);
@@ -3265,7 +3349,7 @@ var Status = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames(style$p.status, this.props.className),
+      className: classNames(style$q.status, this.props.className),
       style: this.props.style
     }, this.props.text);
   };
@@ -3273,7 +3357,7 @@ var Status = /*#__PURE__*/function (_React$Component) {
   return Status;
 }(React.Component);
 
-var style$q = {"alert_container":"_361mk","alert":"_22nl5","alert_element":"_2fV2F","alert_element_icon":"_1UPB2"};
+var style$r = {"alert_container":"_361mk","alert":"_22nl5","alert_element":"_2fV2F","alert_element_icon":"_1UPB2"};
 
 var AlertContainer = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(AlertContainer, _React$Component);
@@ -3286,7 +3370,7 @@ var AlertContainer = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: style$q.alert_container
+      className: style$r.alert_container
     }, this.props.children);
   };
 
@@ -3314,7 +3398,7 @@ var Alert = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$q.alert, this.props.backgroundColor)
+      className: classNames$1(style$r.alert, this.props.backgroundColor)
     }, /*#__PURE__*/React.createElement("span", {
       className: this.props.textColor
     }, this.props.text));
@@ -3334,21 +3418,21 @@ var AlertElement = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$q.alert_element, this.props.backgroundColor)
+      className: classNames$1(style$r.alert_element, this.props.backgroundColor)
     }, /*#__PURE__*/React.createElement("span", {
       style: this.props.bold ? {
         fontWeight: 'bold'
       } : {},
       className: this.props.textColor
     }, this.props.children), /*#__PURE__*/React.createElement("span", {
-      className: classNames$1(style$q.alert_element_icon, this.props.textColor)
+      className: classNames$1(style$r.alert_element_icon, this.props.textColor)
     }, this.props.icon));
   };
 
   return AlertElement;
 }(React.Component);
 
-var style$r = {"component":"_2wEDs","display-chips":"_1soMq","chips":"_1bGM-","buttonIcon":"_EFdFp"};
+var style$s = {"component":"_2wEDs","display-chips":"_1soMq","chips":"_1bGM-","buttonIcon":"_EFdFp"};
 
 var Chips = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Chips, _Component);
@@ -3418,16 +3502,16 @@ var Chips = /*#__PURE__*/function (_Component) {
     var _this2 = this;
 
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$r.component, this.props.className),
+      className: classNames$1(style$s.component, this.props.className),
       style: this.props.style
     }, /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$r['display-chips'])
+      className: classNames$1(style$s['display-chips'])
     }, this.state.chipsList.length > 0 ? this.state.chipsList.map(function (chips, idx) {
       return /*#__PURE__*/React.createElement("div", {
         key: idx,
-        className: classNames$1(style$r.chips)
+        className: classNames$1(style$s.chips)
       }, /*#__PURE__*/React.createElement("div", null, chips.text), /*#__PURE__*/React.createElement(ButtonIcon, {
-        className: classNames$1(style$r.buttonIcon),
+        className: classNames$1(style$s.buttonIcon),
         onClick: function onClick() {
           return _this2.handleClick(chips);
         }
@@ -3448,7 +3532,7 @@ var Chips = /*#__PURE__*/function (_Component) {
   return Chips;
 }(Component);
 
-var style$s = {"listing_horizontal_container":"_64Nqe","listing_horizontal":"_2RiQY","listing_horizontal_icon":"_3CtDc","listing_green":"_2R0Mr","listing_orange":"_3V863","listing_horizontal_text":"_3cuTE","listing_horizontal_separator":"_1RaCo","listing_vertical_container":"_3dZW8","listing_vertical":"_wYzrK","listing_vertical_left":"_uTVeE","listing_vertical_right":"_3v-1E","listing_vertical_separator":"_1VFRz"};
+var style$t = {"listing_horizontal_container":"_64Nqe","listing_horizontal":"_2RiQY","listing_horizontal_icon":"_3CtDc","listing_green":"_2R0Mr","listing_orange":"_3V863","listing_horizontal_text":"_3cuTE","listing_horizontal_separator":"_1RaCo","listing_vertical_container":"_3dZW8","listing_vertical":"_wYzrK","listing_vertical_left":"_uTVeE","listing_vertical_right":"_3v-1E","listing_vertical_separator":"_1VFRz"};
 
 var ListingVerticalItem = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(ListingVerticalItem, _React$Component);
@@ -3462,11 +3546,11 @@ var ListingVerticalItem = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var listingClass = classNames$1((_classNames = {}, _classNames[style$s.listing_vertical] = true, _classNames[style$s.listing_green] = !!this.props.green, _classNames[style$s.listing_orange] = !!this.props.orange, _classNames));
+    var listingClass = classNames$1((_classNames = {}, _classNames[style$t.listing_vertical] = true, _classNames[style$t.listing_green] = !!this.props.green, _classNames[style$t.listing_orange] = !!this.props.orange, _classNames));
     return /*#__PURE__*/React.createElement("div", {
       className: listingClass
     }, /*#__PURE__*/React.createElement("div", {
-      className: style$s.listing_vertical_left,
+      className: style$t.listing_vertical_left,
       style: {
         backgroundColor: this.props.backgroundColor ? this.props.backgroundColor : 'gray',
         color: this.props.color ? this.props.color : 'white'
@@ -3474,7 +3558,7 @@ var ListingVerticalItem = /*#__PURE__*/function (_React$Component) {
     }, this.props.icon ? this.props.icon : /*#__PURE__*/React.createElement(FontAwesomeIcon, {
       icon: faCheck
     })), /*#__PURE__*/React.createElement("div", {
-      className: style$s.listing_vertical_right
+      className: style$t.listing_vertical_right
     }, /*#__PURE__*/React.createElement("span", null, this.props.date), /*#__PURE__*/React.createElement("span", null, this.props.title), /*#__PURE__*/React.createElement("span", null, this.props.subtitle)));
   };
 
@@ -3492,7 +3576,7 @@ var ListingVerticalSeparator = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: style$s.listing_vertical_separator
+      className: style$t.listing_vertical_separator
     }, /*#__PURE__*/React.createElement("span", null, "|"));
   };
 
@@ -3546,7 +3630,7 @@ var ListingVertical = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: style$s.listing_vertical_container
+      className: style$t.listing_vertical_container
     }, this.getData());
   };
 
@@ -3565,11 +3649,11 @@ var ListingHorizontalItem = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var listingClass = classNames$1((_classNames = {}, _classNames[style$s.listing_horizontal] = true, _classNames[style$s.listing_green] = !!this.props.green, _classNames[style$s.listing_orange] = !!this.props.orange, _classNames));
+    var listingClass = classNames$1((_classNames = {}, _classNames[style$t.listing_horizontal] = true, _classNames[style$t.listing_green] = !!this.props.green, _classNames[style$t.listing_orange] = !!this.props.orange, _classNames));
     return /*#__PURE__*/React.createElement("div", {
       className: listingClass
     }, /*#__PURE__*/React.createElement("div", {
-      className: style$s.listing_horizontal_icon,
+      className: style$t.listing_horizontal_icon,
       style: {
         backgroundColor: this.props.backgroundColor ? this.props.backgroundColor : 'gray',
         color: this.props.color ? this.props.color : 'white'
@@ -3577,7 +3661,7 @@ var ListingHorizontalItem = /*#__PURE__*/function (_React$Component) {
     }, this.props.icon ? this.props.icon : /*#__PURE__*/React.createElement(FontAwesomeIcon, {
       icon: faCheck
     })), /*#__PURE__*/React.createElement("div", {
-      className: style$s.listing_horizontal_text
+      className: style$t.listing_horizontal_text
     }, /*#__PURE__*/React.createElement("span", null, this.props.date), /*#__PURE__*/React.createElement("span", null, this.props.title), /*#__PURE__*/React.createElement("span", null, this.props.subtitle)));
   };
 
@@ -3595,7 +3679,7 @@ var ListingHorizontalSeparator = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: style$s.listing_horizontal_separator,
+      className: style$t.listing_horizontal_separator,
       style: {
         width: this.props.width
       }
@@ -3647,7 +3731,7 @@ var ListingHorizontal = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var separatorWidth = (this.props.data.length > 0 ? (this.props.data.length - 1) * 140 : 0) + "px";
     return /*#__PURE__*/React.createElement("div", {
-      className: style$s.listing_horizontal_container
+      className: style$t.listing_horizontal_container
     }, /*#__PURE__*/React.createElement(ListingHorizontalSeparator, {
       width: separatorWidth
     }), this.getData());
@@ -3656,7 +3740,7 @@ var ListingHorizontal = /*#__PURE__*/function (_React$Component) {
   return ListingHorizontal;
 }(React.Component);
 
-var style$t = {"dropdown":"_1ofQJ","dropdown_first":"_2kN79","space":"_SCby-","dropdown_menu":"_2Y_fS","show":"_3nBzR"};
+var style$u = {"dropdown":"_1ofQJ","dropdown_first":"_2kN79","space":"_SCby-","dropdown_menu":"_2Y_fS","show":"_3nBzR"};
 
 var Dropdown = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Dropdown, _Component);
@@ -3677,18 +3761,18 @@ var Dropdown = /*#__PURE__*/function (_Component) {
     var _classNames,
         _this2 = this;
 
-    var dropdownMenuClass = classNames$1((_classNames = {}, _classNames[style$t.dropdown_menu] = true, _classNames[style$t.show] = !this.state.isHide, _classNames));
+    var dropdownMenuClass = classNames$1((_classNames = {}, _classNames[style$u.dropdown_menu] = true, _classNames[style$u.show] = !this.state.isHide, _classNames));
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$t.dropdown)
+      className: classNames$1(style$u.dropdown)
     }, /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$t.dropdown_first),
+      className: classNames$1(style$u.dropdown_first),
       onClick: function onClick() {
         return _this2.setState({
           isHide: !_this2.state.isHide
         });
       }
     }, this.props.title ? /*#__PURE__*/React.createElement("span", null, this.props.title) : /*#__PURE__*/React.createElement(Fragment, null), this.props.title && this.props.icon ? /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$t.space)
+      className: classNames$1(style$u.space)
     }) : /*#__PURE__*/React.createElement(Fragment, null), this.props.icon ? this.props.icon : /*#__PURE__*/React.createElement(Fragment, null)), /*#__PURE__*/React.createElement("div", {
       className: dropdownMenuClass
     }, this.props.data.map(function (element, key) {
@@ -3701,7 +3785,7 @@ var Dropdown = /*#__PURE__*/function (_Component) {
   return Dropdown;
 }(Component);
 
-var style$u = {"error_full":"_2yA72","error_center":"_29Plu","error_center_group":"_38Iim","error_title":"_1G6Al","error_code":"_1aeC7","error_text":"_QYnsV"};
+var style$v = {"error_full":"_2yA72","error_center":"_29Plu","error_center_group":"_38Iim","error_title":"_1G6Al","error_code":"_1aeC7","error_text":"_QYnsV"};
 
 var Error404 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Error404, _React$Component);
@@ -3720,15 +3804,15 @@ var Error404 = /*#__PURE__*/function (_React$Component) {
     var _this2 = this;
 
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$u.error_full)
+      className: classNames$1(style$v.error_full)
     }, /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$u.error_center)
+      className: classNames$1(style$v.error_center)
     }, /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$u.error_center_group)
+      className: classNames$1(style$v.error_center_group)
     }, /*#__PURE__*/React.createElement("h3", {
-      className: classNames$1(style$u.error_title)
+      className: classNames$1(style$v.error_title)
     }, "Page not found"), /*#__PURE__*/React.createElement("h1", {
-      className: classNames$1(style$u.error_code)
+      className: classNames$1(style$v.error_code)
     }, /*#__PURE__*/React.createElement("span", {
       style: {
         'text-shadow': '-8px 0 0 #fff'
@@ -3742,7 +3826,7 @@ var Error404 = /*#__PURE__*/function (_React$Component) {
         'text-shadow': '-8px 0 0 #fff'
       }
     }, "4"))), /*#__PURE__*/React.createElement("h2", {
-      className: classNames$1(style$u.error_text)
+      className: classNames$1(style$v.error_text)
     }, this.props.text ? this.props.text : "La page n'existe pas"), /*#__PURE__*/React.createElement(Button, {
       onClick: function onClick() {
         return _this2.props.onBack ? _this2.props.onBack() : window.history.back();
@@ -3889,7 +3973,7 @@ var Cookie = /*#__PURE__*/function (_React$Component) {
   return Cookie;
 }(React.Component);
 
-var style$v = {"footer":"_2OnkF"};
+var style$w = {"footer":"_2OnkF"};
 
 var Footer = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Footer, _React$Component);
@@ -3906,7 +3990,7 @@ var Footer = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: style$v.footer
+      className: style$w.footer
     }, /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, {
       xs: 12,
       md: 12,
@@ -3941,7 +4025,7 @@ var Footer = /*#__PURE__*/function (_React$Component) {
   return Footer;
 }(React.Component);
 
-var style$w = {"switch_container":"_3iRjz","switch":"_zCJtD"};
+var style$x = {"switch_container":"_3iRjz","switch":"_zCJtD"};
 
 var Switch = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Switch, _React$Component);
@@ -3978,11 +4062,11 @@ var Switch = /*#__PURE__*/function (_React$Component) {
     var _this2 = this;
 
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$w.switch_container, this.props.className)
+      className: classNames$1(style$x.switch_container, this.props.className)
     }, this.props.title ? /*#__PURE__*/React.createElement("span", {
       className: this.props.classNameTitle
     }, this.props.title) : null, /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$w["switch"])
+      className: classNames$1(style$x["switch"])
     }, /*#__PURE__*/React.createElement("div", {
       onClick: function onClick() {
         return _this2.setState({
@@ -9868,7 +9952,7 @@ var moment = createCommonjsModule(function (module, exports) {
 })));
 });
 
-var style$x = {"calendar_container":"_1V03k","calendar":"_2xv6h","calendar_header":"_29LEv","calendar_body":"_2stnr","calendar_header_month":"_3rhMU","calendar_header_year":"_3tkpF","calendar_header_day":"_2grFu","calendar_footer":"_3A6CA","calendar_button":"_1HcxH","button_red":"_1RAXg","calendar_switch_button":"_ooroJ","calendar_table":"_2M-ho","active":"_2QVVt","disabled":"_YWe6I","calendar_time_body":"_ZEmDD","calendar_time_button":"_3uQg0"};
+var style$y = {"calendar_container":"_1V03k","calendar":"_2xv6h","calendar_header":"_29LEv","calendar_body":"_2stnr","calendar_header_month":"_3rhMU","calendar_header_year":"_3tkpF","calendar_header_day":"_2grFu","calendar_footer":"_3A6CA","calendar_button":"_1HcxH","button_red":"_1RAXg","calendar_switch_button":"_ooroJ","calendar_table":"_2M-ho","active":"_2QVVt","disabled":"_YWe6I","calendar_time_body":"_ZEmDD","calendar_time_button":"_3uQg0"};
 
 var hd = new Holidays('FR');
 
@@ -9994,9 +10078,9 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
       var checkActive = _this.checkActive(row, col);
 
       if (checkActive === 1) {
-        return style$x.active;
+        return style$y.active;
       } else if (checkActive === 2) {
-        return style$x.disabled;
+        return style$y.disabled;
       } else {
         return '';
       }
@@ -10094,44 +10178,44 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
     }
 
     return /*#__PURE__*/React.createElement("div", {
-      className: style$x.calendar_container
+      className: style$y.calendar_container
     }, /*#__PURE__*/React.createElement("div", {
-      className: style$x.calendar
+      className: style$y.calendar
     }, /*#__PURE__*/React.createElement("div", {
-      className: style$x.calendar_header
+      className: style$y.calendar_header
     }), /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, {
       xs: 12,
       md: this.props.isTime && this.state.activeDate ? 7 : 12
     }, /*#__PURE__*/React.createElement("div", {
-      className: style$x.calendar_body
+      className: style$y.calendar_body
     }, /*#__PURE__*/React.createElement("div", {
-      className: style$x.calendar_header_year
+      className: style$y.calendar_header_year
     }, /*#__PURE__*/React.createElement("span", null, this.state.year), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
-      className: style$x.calendar_switch_button,
+      className: style$y.calendar_switch_button,
       onClick: this.handlePreviousYearClick
     }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
       icon: faChevronLeft
     })), /*#__PURE__*/React.createElement("span", {
-      className: style$x.calendar_switch_button,
+      className: style$y.calendar_switch_button,
       onClick: this.handleNextYearClick
     }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
       icon: faChevronRight
     })))), /*#__PURE__*/React.createElement("div", {
-      className: style$x.calendar_header_month
+      className: style$y.calendar_header_month
     }, /*#__PURE__*/React.createElement("span", null, this.months[parseInt(this.state.month) - 1]), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
-      className: style$x.calendar_switch_button,
+      className: style$y.calendar_switch_button,
       onClick: this.handlePreviousMonthClick
     }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
       icon: faChevronLeft
     })), /*#__PURE__*/React.createElement("span", {
-      className: style$x.calendar_switch_button,
+      className: style$y.calendar_switch_button,
       onClick: this.handleNextMonthClick
     }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
       icon: faChevronRight
     })))), /*#__PURE__*/React.createElement("div", {
-      className: style$x.calendar_header_day
+      className: style$y.calendar_header_day
     }, /*#__PURE__*/React.createElement("table", {
-      className: style$x.calendar_table
+      className: style$y.calendar_table
     }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", null, "Lun."), /*#__PURE__*/React.createElement("th", null, "Mar."), /*#__PURE__*/React.createElement("th", null, "Mer."), /*#__PURE__*/React.createElement("th", null, "Jeu."), /*#__PURE__*/React.createElement("th", null, "Ven."), this.props.isWeek ? /*#__PURE__*/React.createElement("th", null, "Sam.") : null, this.props.isWeek ? /*#__PURE__*/React.createElement("th", null, "Dim.") : null)), /*#__PURE__*/React.createElement("tbody", null, this.state.days.map(function (row, idxRow) {
       return /*#__PURE__*/React.createElement("tr", {
         key: idxRow
@@ -10149,26 +10233,26 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
       xs: 12,
       md: 5
     }, /*#__PURE__*/React.createElement("div", {
-      className: style$x.calendar_time_body
+      className: style$y.calendar_time_body
     }, this.state.times.map(function (time, idx) {
       return /*#__PURE__*/React.createElement("div", {
         key: idx,
-        className: classNames$1(style$x.calendar_time_button, time === _this3.state.activeTime ? style$x.active : '', _this3.props.disabledTime.includes(time) ? style$x.disabled : ''),
+        className: classNames$1(style$y.calendar_time_button, time === _this3.state.activeTime ? style$y.active : '', _this3.props.disabledTime.includes(time) ? style$y.disabled : ''),
         onClick: function onClick() {
           return _this3.handleTimeClick(time);
         }
       }, /*#__PURE__*/React.createElement("span", null, time));
     }))) : null), /*#__PURE__*/React.createElement("div", {
-      className: style$x.calendar_footer
+      className: style$y.calendar_footer
     }, /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$x.calendar_button, style$x.button_red),
+      className: classNames$1(style$y.calendar_button, style$y.button_red),
       onClick: function onClick() {
         return _this3.props.onClose();
       }
     }, /*#__PURE__*/React.createElement("span", null, "Retour"), /*#__PURE__*/React.createElement(FontAwesomeIcon, {
       icon: faTimes
     })), /*#__PURE__*/React.createElement("div", {
-      className: style$x.calendar_button,
+      className: style$y.calendar_button,
       onClick: function onClick() {
         return _this3.props.onValid(_this3.state.activeDate, _this3.state.activeTime);
       }
@@ -10180,5 +10264,5 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
   return Calendar;
 }(React.Component);
 
-export { Alert, AlertContainer, AlertElement, BarChart, Button, ButtonIcon, Calendar, Card, CardColor, CardStatistics, CardTabs, Chips, Cookie, DoughnutChart, Dropdown, Dropzone, DropzoneMultiple, Error404, FloatActionButton, FloatActionButtonItem, Footer, FormCheckbox, FormInput, FormRadio, FormRange, FormSelect, FormTextarea, FullModal, Gauge, Header, HorizontalBarChart, Icon, ListingHorizontal, ListingVertical, Loader, Modal, Nav, Pagination, PaginationClass, PieChart, ProgressBar, RadarChart, Sidebar, Signature, Slider, Status, Switch, Table, Tabs, TabsBody, TabsCustom, TabsCustomArrowCustom as TabsCustomArrow, TabsCustomArrowBody, TabsCustomArrowHeader, TabsCustomArrowItem, TabsCustomArrowMenu, TabsCustomBody, TabsCustomHeader, TabsCustomItem, TabsCustomMenu, TabsEdit, TabsEditBody, TabsEditHeader, TabsEditItem, TabsEditMenu, TabsHeader, TabsItem, TabsMenu, Tbody, Td, Th, Thead, Tr };
+export { Alert, AlertContainer, AlertElement, BarChart, Button, ButtonIcon, Calendar, Card, CardColor, CardStatistics, CardTabs, Chips, Cookie, DoughnutChart, Dropdown, Dropzone, DropzoneMultiple, Error404, FloatActionButton, FloatActionButtonItem, Footer, FormCheckbox, FormInput, FormRadio, FormRange, FormSelect, FormSelectMutiples as FormSelectMultiples, FormTextarea, FullModal, Gauge, Header, HorizontalBarChart, Icon, ListingHorizontal, ListingVertical, Loader, Modal, Nav, Pagination, PaginationClass, PieChart, ProgressBar, RadarChart, Sidebar, Signature, Slider, Status, Switch, Table, Tabs, TabsBody, TabsCustom, TabsCustomArrowCustom as TabsCustomArrow, TabsCustomArrowBody, TabsCustomArrowHeader, TabsCustomArrowItem, TabsCustomArrowMenu, TabsCustomBody, TabsCustomHeader, TabsCustomItem, TabsCustomMenu, TabsEdit, TabsEditBody, TabsEditHeader, TabsEditItem, TabsEditMenu, TabsHeader, TabsItem, TabsMenu, Tbody, Td, Th, Thead, Tr };
 //# sourceMappingURL=index.modern.js.map