ui-kit-ck-consultant 0.5.116 → 0.5.120

package/dist/index.js

@@ -339,6 +339,7 @@ var FormTextarea = /*#__PURE__*/function (_React$Component) {
       className: "red"
     }, "*") : '') : '', /*#__PURE__*/React__default.createElement("textarea", {
       onKeyDown: this.handleKeyDown,
+      onBlur: this.props.onBlur,
       rows: this.props.rows,
       cols: this.props.cols,
       className: style$3.form_textarea,
@@ -357,7 +358,9 @@ var FormTextarea = /*#__PURE__*/function (_React$Component) {
   return FormTextarea;
 }(React__default.Component);
 
-var style$4 = {"form_select_container":"_1CaIX","form_select":"_6hnFm","form_select_error":"_1T4KB"};
+var style$4 = {"form_range_container":"_FJ62d","form_range":"_1DiO5","form_range_modal":"_2LF22"};
+
+var style$5 = {"form_select_container":"_1CaIX","form_select":"_6hnFm","form_select_error":"_1T4KB"};
 
 var FormSelect = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(FormSelect, _React$Component);
@@ -370,13 +373,13 @@ var FormSelect = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React__default.createElement("div", {
-      className: classNames$1(style$4.form_select_container, this.props.className)
+      className: classNames$1(style$5.form_select_container, this.props.className)
     }, this.props.title ? /*#__PURE__*/React__default.createElement("span", {
       className: this.props.classNameTitle
     }, this.props.title, ' ', this.props.required ? /*#__PURE__*/React__default.createElement("span", {
       className: "red"
     }, "*") : '') : '', this.props.ignore !== true ? /*#__PURE__*/React__default.createElement("select", {
-      className: style$4.form_select,
+      className: style$5.form_select,
       onChange: this.props.onChange,
       value: this.props.value,
       name: this.props.name,
@@ -393,7 +396,7 @@ var FormSelect = /*#__PURE__*/function (_React$Component) {
         disabled: element.disabled ? element.disabled : false
       }, element.text);
     }) : '') : /*#__PURE__*/React__default.createElement("select", {
-      className: style$4.form_select,
+      className: style$5.form_select,
       onChange: this.props.onChange,
       value: this.props.value,
       name: this.props.name,
@@ -409,14 +412,81 @@ var FormSelect = /*#__PURE__*/function (_React$Component) {
         disabled: element.disabled ? element.disabled : false
       }, element.text);
     }) : ''), this.props.error ? /*#__PURE__*/React__default.createElement("span", {
-      className: style$4.form_select_error
+      className: style$5.form_select_error
     }, this.props.error) : '');
   };
 
   return FormSelect;
 }(React__default.Component);
 
-var style$5 = {"checkbox_container":"_3t7tP","form_checkbox_container":"_3Xukj","form_checkbox_mark":"_1uzL3"};
+var FormRange = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(FormRange, _React$Component);
+
+  function FormRange(props) {
+    var _this;
+
+    _this = _React$Component.call(this, props) || this;
+
+    _this.findText = function (options, value) {
+      var result = options.filter(function (item) {
+        return item.value.toString() === value.toString();
+      });
+      return result.length ? result[0].text : '';
+    };
+
+    _this.state = {
+      isOpen: false
+    };
+    return _this;
+  }
+
+  var _proto = FormRange.prototype;
+
+  _proto.render = function render() {
+    var _this2 = this;
+
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: classNames$1(style$4.form_range_container, this.props.className)
+    }, this.props.title ? /*#__PURE__*/React__default.createElement("span", {
+      className: this.props.classNameTitle
+    }, this.props.title, ' ', this.props.required ? /*#__PURE__*/React__default.createElement("span", {
+      className: "red"
+    }, "*") : '') : null, /*#__PURE__*/React__default.createElement("div", {
+      className: style$4.form_range,
+      onClick: function onClick() {
+        return _this2.setState({
+          isOpen: !_this2.state.isOpen
+        });
+      }
+    }, /*#__PURE__*/React__default.createElement("span", null, this.findText(this.props.options1, this.props.value1), " -", ' ', this.findText(this.props.options2, this.props.value2)), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(reactFontawesome.FontAwesomeIcon, {
+      icon: this.state.isOpen ? freeSolidSvgIcons.faCaretUp : freeSolidSvgIcons.faCaretDown
+    }))), this.state.isOpen ? /*#__PURE__*/React__default.createElement("div", {
+      className: style$4.form_range_modal
+    }, /*#__PURE__*/React__default.createElement(FormSelect, {
+      name: this.props.name1,
+      options: this.props.options1,
+      value: this.props.value1,
+      onChange: this.props.onChange1,
+      className: "mr-10 w-100",
+      ignore: true,
+      disabled: false,
+      init: "Veuillez s\xE9lectionner une valeur"
+    }), /*#__PURE__*/React__default.createElement(FormSelect, {
+      name: this.props.name2,
+      options: this.props.options2,
+      value: this.props.value2,
+      onChange: this.props.onChange2,
+      className: "w-100",
+      ignore: true,
+      disabled: false,
+      init: "Veuillez s\xE9lectionner une valeur"
+    })) : null);
+  };
+
+  return FormRange;
+}(React__default.Component);
+
+var style$6 = {"checkbox_container":"_3t7tP","form_checkbox_container":"_3Xukj","form_checkbox_mark":"_1uzL3"};
 
 var FormCheckbox = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(FormCheckbox, _React$Component);
@@ -429,7 +499,7 @@ var FormCheckbox = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React__default.createElement("div", {
-      className: classNames$1(style$5.form_checkbox_container, this.props.className)
+      className: classNames$1(style$6.form_checkbox_container, this.props.className)
     }, /*#__PURE__*/React__default.createElement("label", {
       className: classNames$1(this.props.className)
     }, this.props.text, /*#__PURE__*/React__default.createElement("input", {
@@ -438,14 +508,14 @@ var FormCheckbox = /*#__PURE__*/function (_React$Component) {
       checked: this.props.checked,
       onChange: this.props.onChange
     }), /*#__PURE__*/React__default.createElement("span", {
-      className: style$5.form_checkbox_mark
+      className: style$6.form_checkbox_mark
     })));
   };
 
   return FormCheckbox;
 }(React__default.Component);
 
-var style$6 = {"radio_container":"_3mKHO","form_radio_container":"_2lVSW","form_radio_mark":"_2xIhO"};
+var style$7 = {"radio_container":"_3mKHO","form_radio_container":"_2lVSW","form_radio_mark":"_2xIhO"};
 
 var FormRadio = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(FormRadio, _React$Component);
@@ -458,9 +528,9 @@ var FormRadio = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React__default.createElement("div", {
-      className: classNames$1(style$6.radio_container, this.props.className)
+      className: classNames$1(style$7.radio_container, this.props.className)
     }, /*#__PURE__*/React__default.createElement("label", {
-      className: classNames$1(style$6.form_radio_container)
+      className: classNames$1(style$7.form_radio_container)
     }, this.props.text, /*#__PURE__*/React__default.createElement("input", {
       type: "radio",
       name: this.props.name,
@@ -468,14 +538,14 @@ var FormRadio = /*#__PURE__*/function (_React$Component) {
       checked: this.props.checked,
       onChange: this.props.onChange
     }), /*#__PURE__*/React__default.createElement("span", {
-      className: style$6.form_radio_mark
+      className: style$7.form_radio_mark
     })));
   };
 
   return FormRadio;
 }(React__default.Component);
 
-var style$7 = {"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$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 Table = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Table, _React$Component);
@@ -489,14 +559,14 @@ var Table = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var tableClass = classNames$1((_classNames = {}, _classNames[style$7.table] = true, _classNames[style$7.tableEmpty] = !!this.props.empty, _classNames[style$7.radiusTopLeft] = !!this.props.radiusTopLeft, _classNames[style$7.radiusTopRight] = !!this.props.radiusTopRight, _classNames[this.props.className] = !!this.props.className, _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));
     return /*#__PURE__*/React__default.createElement("table", {
       className: tableClass,
       style: this.props.style
     }, this.props.children, this.props.empty ? /*#__PURE__*/React__default.createElement("tbody", null, /*#__PURE__*/React__default.createElement("tr", null, /*#__PURE__*/React__default.createElement("td", {
       colSpan: "100"
     }, /*#__PURE__*/React__default.createElement("div", {
-      className: style$7.trEmpty
+      className: style$8.trEmpty
     }, this.props.empty)))) : false);
   };
 
@@ -514,7 +584,7 @@ var Thead = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React__default.createElement("thead", {
-      className: classNames$1(style$7.thead, this.props.className),
+      className: classNames$1(style$8.thead, this.props.className),
       style: this.props.style
     }, this.props.children);
   };
@@ -533,7 +603,7 @@ var Tbody = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React__default.createElement("tbody", {
-      className: classNames$1(style$7.tbody, this.props.className),
+      className: classNames$1(style$8.tbody, this.props.className),
       style: this.props.style
     }, this.props.children);
   };
@@ -572,7 +642,7 @@ var Th = /*#__PURE__*/function (_React$Component) {
   _proto.getSortButton = function getSortButton() {
     if (this.state.sort === false) {
       return /*#__PURE__*/React__default.createElement("div", {
-        className: style$7.table_sort
+        className: style$8.table_sort
       }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(reactFontawesome.FontAwesomeIcon, {
         icon: freeSolidSvgIcons.faCaretUp
       })), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(reactFontawesome.FontAwesomeIcon, {
@@ -580,13 +650,13 @@ var Th = /*#__PURE__*/function (_React$Component) {
       })));
     } else if (this.state.desc === true) {
       return /*#__PURE__*/React__default.createElement("div", {
-        className: style$7.table_sort
+        className: style$8.table_sort
       }, /*#__PURE__*/React__default.createElement(reactFontawesome.FontAwesomeIcon, {
         icon: freeSolidSvgIcons.faCaretDown
       }));
     } else if (this.state.desc === false) {
       return /*#__PURE__*/React__default.createElement("div", {
-        className: style$7.table_sort
+        className: style$8.table_sort
       }, /*#__PURE__*/React__default.createElement(reactFontawesome.FontAwesomeIcon, {
         icon: freeSolidSvgIcons.faCaretUp
       }));
@@ -596,7 +666,7 @@ var Th = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var thClass = classNames$1((_classNames = {}, _classNames[style$7.th] = true, _classNames[style$7.pointer] = !!this.props.sort, _classNames[style$7.spaceLeft] = !!this.props.spaceLeft, _classNames[style$7.spaceRight] = !!this.props.spaceRight, _classNames[style$7.noSpaceLeft] = !!this.props.noSpaceLeft, _classNames[style$7.noSpaceRight] = !!this.props.noSpaceRight, _classNames[style$7.radiusTopLeft] = !!this.props.radiusTopLeft, _classNames[style$7.radiusTopRight] = !!this.props.radiusTopRight, _classNames[style$7.radiusBottomLeft] = !!this.props.radiusBottomLeft, _classNames[style$7.radiusBottomRight] = !!this.props.radiusBottomRight, _classNames[style$7.hide] = !!this.props.hide, _classNames[this.props.className] = !!this.props.className, _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));
     return /*#__PURE__*/React__default.createElement("th", {
       rowSpan: this.props.rowSpan,
       colSpan: this.props.colSpan,
@@ -604,7 +674,7 @@ var Th = /*#__PURE__*/function (_React$Component) {
       onClick: this.props.sort ? this.handleSortClick : null,
       style: this.props.style
     }, /*#__PURE__*/React__default.createElement("div", {
-      className: style$7.table_flex
+      className: style$8.table_flex
     }, /*#__PURE__*/React__default.createElement("span", {
       style: !this.props.sort ? {
         margin: 'auto'
@@ -627,7 +697,7 @@ var Td = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var tdClass = classNames$1((_classNames = {}, _classNames[style$7.td] = true, _classNames[style$7.spaceLeft] = !!this.props.spaceLeft, _classNames[style$7.spaceRight] = !!this.props.spaceRight, _classNames[style$7.noSpaceLeft] = !!this.props.noSpaceLeft, _classNames[style$7.noSpaceRight] = !!this.props.noSpaceRight, _classNames[style$7.radiusTopLeft] = !!this.props.radiusTopLeft, _classNames[style$7.radiusTopRight] = !!this.props.radiusTopRight, _classNames[style$7.radiusBottomLeft] = !!this.props.radiusBottomLeft, _classNames[style$7.radiusBottomRight] = !!this.props.radiusBottomRight, _classNames[style$7.hide] = !!this.props.hide, _classNames[this.props.className] = !!this.props.className, _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));
     return /*#__PURE__*/React__default.createElement("td", {
       onClick: this.props.onClick,
       rowSpan: this.props.rowSpan,
@@ -651,7 +721,7 @@ var Tr = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React__default.createElement("tr", {
-      className: classNames$1(style$7.tr, this.props.className),
+      className: classNames$1(style$8.tr, this.props.className),
       onClick: this.props.onClick,
       style: this.props.style
     }, this.props.children);
@@ -660,7 +730,7 @@ var Tr = /*#__PURE__*/function (_React$Component) {
   return Tr;
 }(React__default.Component);
 
-var style$8 = {"nav":"_JJyUj","nav_left":"_3kuw-","nav_right":"_3vpQT","nav_back":"_HJHB0","nav_text":"_1pO70"};
+var style$9 = {"nav":"_JJyUj","nav_left":"_3kuw-","nav_right":"_3vpQT","nav_back":"_HJHB0","nav_text":"_1pO70"};
 
 var Nav = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Nav, _React$Component);
@@ -673,25 +743,25 @@ var Nav = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React__default.createElement("div", {
-      className: classNames$1(style$8.nav, this.props.className)
+      className: classNames$1(style$9.nav, this.props.className)
     }, /*#__PURE__*/React__default.createElement("div", {
-      className: style$8.nav_left
+      className: style$9.nav_left
     }, this.props.back ? /*#__PURE__*/React__default.createElement("div", {
-      className: style$8.nav_back,
+      className: style$9.nav_back,
       onClick: this.props.onBack
     }, /*#__PURE__*/React__default.createElement(reactFontawesome.FontAwesomeIcon, {
       icon: freeSolidSvgIcons.faArrowLeft
     })) : '', /*#__PURE__*/React__default.createElement("div", {
-      className: style$8.nav_text
+      className: style$9.nav_text
     }, /*#__PURE__*/React__default.createElement("h2", null, this.props.title), /*#__PURE__*/React__default.createElement("span", null, this.props.subtitle))), /*#__PURE__*/React__default.createElement("div", {
-      className: style$8.nav_right
+      className: style$9.nav_right
     }, this.props.children));
   };
 
   return Nav;
 }(React__default.Component);
 
-var style$9 = {"header":"_2UWkf","header_absolute":"_1bxp_","header_left":"_2L-oY","header_right":"_1AvfP"};
+var style$a = {"header":"_2UWkf","header_absolute":"_1bxp_","header_left":"_2L-oY","header_right":"_1AvfP"};
 
 var Header = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Header, _React$Component);
@@ -704,18 +774,18 @@ var Header = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React__default.createElement("div", {
-      className: classNames$1(style$9.header, this.props.className)
+      className: classNames$1(style$a.header, this.props.className)
     }, /*#__PURE__*/React__default.createElement("div", {
-      className: style$9.header_absolute
+      className: style$a.header_absolute
     }), /*#__PURE__*/React__default.createElement("div", {
-      className: style$9.header_left
+      className: style$a.header_left
     }, this.props.logo ? /*#__PURE__*/React__default.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__default.createElement("h1", null, this.props.title) : null), /*#__PURE__*/React__default.createElement("div", {
-      className: style$9.header_right
+      className: style$a.header_right
     }, this.props.sidebarRef && this.props.isMobile ? /*#__PURE__*/React__default.createElement(ButtonIcon, {
       onClick: this.props.sidebarRef.current.handleHideClick
     }, /*#__PURE__*/React__default.createElement(reactFontawesome.FontAwesomeIcon, {
@@ -726,7 +796,7 @@ var Header = /*#__PURE__*/function (_React$Component) {
   return Header;
 }(React__default.Component);
 
-var style$a = {"card":"_4T5PO","card_loader_container":"_1zFpZ","loader_element":"_2rKrR","loader":"_8eH6Y","grow":"_19crY","card_top_border":"_1ItWX","card_header":"_HBqZI","card_header_left":"_2KSuY","card_header_right":"_2KPnI","card_header_action":"_dmCgN","card_header_action_disable":"_1XS9q","card_body":"_8DE3p","card_color":"_2D119","card_color_left":"_1OCk3","card_color_image_left":"_199hf","card_color_center":"_11M7t","card_color_right":"_ZiFPm"};
+var style$b = {"card":"_4T5PO","card_loader_container":"_1zFpZ","loader_element":"_2rKrR","loader":"_8eH6Y","grow":"_19crY","card_top_border":"_1ItWX","card_header":"_HBqZI","card_header_left":"_2KSuY","card_header_right":"_2KPnI","card_header_action":"_dmCgN","card_header_action_disable":"_1XS9q","card_body":"_8DE3p","card_color":"_2D119","card_color_left":"_1OCk3","card_color_image_left":"_199hf","card_color_center":"_11M7t","card_color_right":"_ZiFPm"};
 
 var Card = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Card, _React$Component);
@@ -771,31 +841,31 @@ var Card = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React__default.createElement("div", {
-      className: classNames$1(style$a.card, this.props.className)
+      className: classNames$1(style$b.card, this.props.className)
     }, this.props.isLoader ? /*#__PURE__*/React__default.createElement("div", {
-      className: style$a.card_loader_container
+      className: style$b.card_loader_container
     }, /*#__PURE__*/React__default.createElement("div", {
-      className: classNames$1(style$a.loader_element, this.props.classNameChildren)
+      className: classNames$1(style$b.loader_element, this.props.classNameChildren)
     }, /*#__PURE__*/React__default.createElement("div", {
-      className: style$a.loader
+      className: style$b.loader
     }, /*#__PURE__*/React__default.createElement("span", null), /*#__PURE__*/React__default.createElement("span", null), /*#__PURE__*/React__default.createElement("span", null), /*#__PURE__*/React__default.createElement("span", null)), this.props.loaderText ? /*#__PURE__*/React__default.createElement("p", null, this.props.loaderText) : null)) : null, /*#__PURE__*/React__default.createElement("div", {
-      className: style$a.card_top_border,
+      className: style$b.card_top_border,
       style: {
         width: this.state.width
       }
     }), this.props.title ? /*#__PURE__*/React__default.createElement("div", {
-      className: style$a.card_header
+      className: style$b.card_header
     }, /*#__PURE__*/React__default.createElement("div", {
-      className: style$a.card_header_left
+      className: style$b.card_header_left
     }, /*#__PURE__*/React__default.createElement("h2", {
       ref: this.refTitle
     }, this.props.title)), /*#__PURE__*/React__default.createElement("div", {
-      className: style$a.card_header_right
+      className: style$b.card_header_right
     }, /*#__PURE__*/React__default.createElement("div", {
-      className: classNames$1(style$a.card_header_action, this.props.disableStyleAction ? style$a.card_header_action_disable : ''),
+      className: classNames$1(style$b.card_header_action, this.props.disableStyleAction ? style$b.card_header_action_disable : ''),
       onClick: this.props.onClick
     }, this.props.action))) : '', /*#__PURE__*/React__default.createElement("div", {
-      className: classNames$1(style$a.card_body, this.props.classNameChildren)
+      className: classNames$1(style$b.card_body, this.props.classNameChildren)
     }, this.props.children));
   };
 
@@ -817,15 +887,15 @@ var CardColor = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React__default.createElement("div", {
-      className: classNames$1(style$a.card_color, this.props.className)
+      className: classNames$1(style$b.card_color, this.props.className)
     }, this.props.count === 0 || this.props.count ? /*#__PURE__*/React__default.createElement("div", {
-      className: style$a.card_color_left
+      className: style$b.card_color_left
     }, /*#__PURE__*/React__default.createElement("span", null, this.props.count)) : /*#__PURE__*/React__default.createElement("div", {
-      className: style$a.card_color_image_left
+      className: style$b.card_color_image_left
     }, /*#__PURE__*/React__default.createElement("span", null, this.props.image)), /*#__PURE__*/React__default.createElement("div", {
-      className: style$a.card_color_center
+      className: style$b.card_color_center
     }, /*#__PURE__*/React__default.createElement("span", null, this.props.title), /*#__PURE__*/React__default.createElement("span", null, this.props.subtitle)), /*#__PURE__*/React__default.createElement("div", {
-      className: style$a.card_color_right,
+      className: style$b.card_color_right,
       onClick: this.props.onClick
     }, this.props.icon ? this.props.icon : /*#__PURE__*/React__default.createElement(reactFontawesome.FontAwesomeIcon, {
       icon: freeSolidSvgIcons.faArrowRight
@@ -835,7 +905,7 @@ var CardColor = /*#__PURE__*/function (_React$Component) {
   return CardColor;
 }(React__default.Component);
 
-var style$b = {"slider":"_o1xTr","slider_button":"_2hcr7","slider_value":"_3lWIB"};
+var style$c = {"slider":"_o1xTr","slider_button":"_2hcr7","slider_value":"_3lWIB"};
 
 var Slider = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Slider, _React$Component);
@@ -848,15 +918,15 @@ var Slider = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React__default.createElement("div", {
-      className: classNames$1(style$b.slider, this.props.className)
+      className: classNames$1(style$c.slider, this.props.className)
     }, /*#__PURE__*/React__default.createElement("div", {
-      className: style$b.slider_button
+      className: style$c.slider_button
     }, /*#__PURE__*/React__default.createElement(reactFontawesome.FontAwesomeIcon, {
       icon: freeSolidSvgIcons.faChevronLeft
     })), /*#__PURE__*/React__default.createElement("span", {
-      className: style$b.slider_value
+      className: style$c.slider_value
     }, this.props.value), /*#__PURE__*/React__default.createElement("div", {
-      className: style$b.slider_button
+      className: style$c.slider_button
     }, /*#__PURE__*/React__default.createElement(reactFontawesome.FontAwesomeIcon, {
       icon: freeSolidSvgIcons.faChevronRight
     })));
@@ -865,7 +935,7 @@ var Slider = /*#__PURE__*/function (_React$Component) {
   return Slider;
 }(React__default.Component);
 
-var style$c = {"signature":"_2boVV","active":"_O6vhI","signature_remove":"_WECto","signature_add":"_1T5V_"};
+var style$d = {"signature":"_2boVV","active":"_O6vhI","signature_remove":"_WECto","signature_add":"_1T5V_"};
 
 var Signature = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Signature, _React$Component);
@@ -879,7 +949,7 @@ var Signature = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var signatureClass = classNames$1((_classNames = {}, _classNames[style$c.signature] = true, _classNames[style$c.active] = !!this.props.signature, _classNames[style$c.small] = !!this.props.small, _classNames[style$c.big] = !!this.props.big, _classNames[this.props.className] = !!this.props.className, _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));
 
     if (this.props.signature) {
       return /*#__PURE__*/React__default.createElement("div", {
@@ -888,7 +958,7 @@ var Signature = /*#__PURE__*/function (_React$Component) {
           height: this.props.height ? this.props.height : '200px'
         }
       }, !this.props.disabled ? /*#__PURE__*/React__default.createElement("div", {
-        className: style$c.signature_remove,
+        className: style$d.signature_remove,
         onClick: this.props.onRemove
       }, /*#__PURE__*/React__default.createElement(reactFontawesome.FontAwesomeIcon, {
         icon: freeSolidSvgIcons.faTimes
@@ -903,12 +973,12 @@ var Signature = /*#__PURE__*/function (_React$Component) {
           height: this.props.height ? this.props.height : '200px'
         }
       }, !this.props.disabled ? /*#__PURE__*/React__default.createElement("div", {
-        className: style$c.signature_add,
+        className: style$d.signature_add,
         onClick: this.props.onAdd
       }, /*#__PURE__*/React__default.createElement(reactFontawesome.FontAwesomeIcon, {
         icon: freeSolidSvgIcons.faPlus
       })) : /*#__PURE__*/React__default.createElement("div", {
-        className: style$c.signature_add,
+        className: style$d.signature_add,
         style: {
           cursor: "default"
         }
@@ -921,7 +991,7 @@ var Signature = /*#__PURE__*/function (_React$Component) {
   return Signature;
 }(React__default.Component);
 
-var style$d = {"tabs":"_37jdG","tabs_header":"_3_P_N","tabs_body":"_2ZGAD","tabs_menu":"_2UVV8","active":"_1JhLg","tabs_item":"_1ldWh"};
+var style$e = {"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);
@@ -934,7 +1004,7 @@ var Tabs = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React__default.createElement("div", {
-      className: classNames$1(style$d.tabs, this.props.className)
+      className: classNames$1(style$e.tabs, this.props.className)
     }, this.props.children);
   };
 
@@ -952,7 +1022,7 @@ var TabsHeader = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React__default.createElement("div", {
-      className: classNames$1(style$d.tabs_header, this.props.className)
+      className: classNames$1(style$e.tabs_header, this.props.className)
     }, this.props.children);
   };
 
@@ -970,7 +1040,7 @@ var TabsBody = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React__default.createElement("div", {
-      className: classNames$1(style$d.tabs_body, this.props.className)
+      className: classNames$1(style$e.tabs_body, this.props.className)
     }, this.props.children);
   };
 
@@ -989,7 +1059,7 @@ var TabsItem = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var tabsItemClass = classNames$1((_classNames = {}, _classNames[style$d.tabs_item] = true, _classNames[style$d.active] = !!this.props.active, _classNames[this.props.className] = !!this.props.className, _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));
     return /*#__PURE__*/React__default.createElement("div", {
       className: tabsItemClass
     }, this.props.children);
@@ -1010,7 +1080,7 @@ var TabsMenu = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var tabsMenuClass = classNames$1((_classNames = {}, _classNames[style$d.tabs_menu] = true, _classNames[style$d.active] = !!this.props.active, _classNames[this.props.className] = !!this.props.className, _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));
     return /*#__PURE__*/React__default.createElement("div", {
       className: tabsMenuClass,
       onClick: this.props.onClick
@@ -1020,7 +1090,7 @@ var TabsMenu = /*#__PURE__*/function (_React$Component) {
   return TabsMenu;
 }(React__default.Component);
 
-var style$e = {"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$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 TabsCustom = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(TabsCustom, _React$Component);
@@ -1033,7 +1103,7 @@ var TabsCustom = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React__default.createElement("div", {
-      className: classNames$1(style$e.tabs_custom, this.props.className)
+      className: classNames$1(style$f.tabs_custom, this.props.className)
     }, this.props.children);
   };
 
@@ -1051,7 +1121,7 @@ var TabsCustomHeader = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React__default.createElement("div", {
-      className: classNames$1(style$e.tabs_custom_header, this.props.className)
+      className: classNames$1(style$f.tabs_custom_header, this.props.className)
     }, this.props.children);
   };
 
@@ -1070,7 +1140,7 @@ var TabsCustomBody = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var tabsBodyClass = classNames$1((_classNames = {}, _classNames[style$e.tabs_custom_body] = true, _classNames[style$e.noCard] = !!this.props.noCard, _classNames[this.props.className] = !!this.props.className, _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));
     return /*#__PURE__*/React__default.createElement("div", {
       className: tabsBodyClass
     }, this.props.children);
@@ -1091,7 +1161,7 @@ var TabsCustomItem = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var tabsItemClass = classNames$1((_classNames = {}, _classNames[style$e.tabs_custom_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_custom_item] = true, _classNames[style$f.active] = !!this.props.active, _classNames[this.props.className] = !!this.props.className, _classNames));
     return /*#__PURE__*/React__default.createElement("div", {
       className: tabsItemClass
     }, this.props.children);
@@ -1112,7 +1182,7 @@ var TabsCustomMenu = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var tabsMenuClass = classNames$1((_classNames = {}, _classNames[style$e.tabs_custom_menu] = true, _classNames[style$e.active] = !!this.props.active, _classNames[style$e.disabled] = !!this.props.disabled, _classNames[this.props.className] = !!this.props.className, _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));
     return /*#__PURE__*/React__default.createElement("div", {
       className: tabsMenuClass,
       onClick: this.props.onClick
@@ -1122,7 +1192,7 @@ var TabsCustomMenu = /*#__PURE__*/function (_React$Component) {
   return TabsCustomMenu;
 }(React__default.Component);
 
-var style$f = {"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$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 TabsCustomArrowCustom = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(TabsCustomArrowCustom, _React$Component);
@@ -1135,7 +1205,7 @@ var TabsCustomArrowCustom = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React__default.createElement("div", {
-      className: classNames$1(style$f.tabs_custom_arrow, this.props.className)
+      className: classNames$1(style$g.tabs_custom_arrow, this.props.className)
     }, this.props.children);
   };
 
@@ -1153,7 +1223,7 @@ var TabsCustomArrowHeader = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React__default.createElement("div", {
-      className: classNames$1(style$f.tabs_custom_arrow_header, this.props.className)
+      className: classNames$1(style$g.tabs_custom_arrow_header, this.props.className)
     }, this.props.children);
   };
 
@@ -1172,7 +1242,7 @@ var TabsCustomArrowBody = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var tabsBodyClass = classNames$1((_classNames = {}, _classNames[style$f.tabs_custom_arrow_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_arrow_body] = true, _classNames[style$g.noCard] = !!this.props.noCard, _classNames[this.props.className] = !!this.props.className, _classNames));
     return /*#__PURE__*/React__default.createElement("div", {
       className: tabsBodyClass
     }, this.props.children);
@@ -1193,7 +1263,7 @@ var TabsCustomArrowItem = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var tabsItemClass = classNames$1((_classNames = {}, _classNames[style$f.tabs_custom_arrow_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_arrow_item] = true, _classNames[style$g.active] = !!this.props.active, _classNames[this.props.className] = !!this.props.className, _classNames));
     return /*#__PURE__*/React__default.createElement("div", {
       className: tabsItemClass
     }, this.props.children);
@@ -1214,7 +1284,7 @@ var TabsCustomArrowMenu = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var tabsMenuClass = classNames$1((_classNames = {}, _classNames[style$f.tabs_custom_arrow_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_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));
     return /*#__PURE__*/React__default.createElement("div", {
       className: tabsMenuClass,
       onClick: this.props.onClick
@@ -1224,7 +1294,7 @@ var TabsCustomArrowMenu = /*#__PURE__*/function (_React$Component) {
   return TabsCustomArrowMenu;
 }(React__default.Component);
 
-var style$g = {"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$h = {"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);
@@ -1370,43 +1440,43 @@ var Sidebar = /*#__PURE__*/function (_React$Component) {
         _classNames2,
         _this3 = this;
 
-    var sidebarClass = classNames$1((_classNames = {}, _classNames[style$g.small] = !!this.state.isHide, _classNames[style$g.mobile] = !!this.state.isMobile, _classNames), style$g.sidebar, this.props.className);
+    var sidebarClass = classNames$1((_classNames = {}, _classNames[style$h.small] = !!this.state.isHide, _classNames[style$h.mobile] = !!this.state.isMobile, _classNames), style$h.sidebar, this.props.className);
     return /*#__PURE__*/React__default.createElement("div", {
       className: sidebarClass
     }, /*#__PURE__*/React__default.createElement("div", {
-      className: style$g.sidebar_header
+      className: style$h.sidebar_header
     }, /*#__PURE__*/React__default.createElement("div", {
-      className: style$g.sidebar_icon
+      className: style$h.sidebar_icon
     }, this.props.icon ? /*#__PURE__*/React__default.createElement("img", {
       alt: "icon",
       src: this.props.icon
     }) : null), /*#__PURE__*/React__default.createElement("div", {
-      className: style$g.button_hide,
+      className: style$h.button_hide,
       onClick: this.handleHideClick
     }, this.state.isHide ? /*#__PURE__*/React__default.createElement(reactFontawesome.FontAwesomeIcon, {
       icon: freeSolidSvgIcons.faCaretRight
     }) : /*#__PURE__*/React__default.createElement(reactFontawesome.FontAwesomeIcon, {
       icon: freeSolidSvgIcons.faCaretLeft
     }))), /*#__PURE__*/React__default.createElement("div", {
-      className: style$g.sidebar_user
+      className: style$h.sidebar_user
     }, this.props.picture ? /*#__PURE__*/React__default.createElement("div", {
-      className: style$g.sidebar_user_icon
+      className: style$h.sidebar_user_icon
     }, /*#__PURE__*/React__default.createElement("img", {
       src: this.props.picture,
       alt: 'profile'
     })) : /*#__PURE__*/React__default.createElement(reactFontawesome.FontAwesomeIcon, {
       className: classNames$1((_classNames2 = {
         'm-auto': this.state.isHide === true
-      }, _classNames2[style$g.sidebar_user_icon] = true, _classNames2)),
+      }, _classNames2[style$h.sidebar_user_icon] = true, _classNames2)),
       icon: freeSolidSvgIcons.faUser
     }), this.state.isHide === false ? /*#__PURE__*/React__default.createElement("div", {
-      className: style$g.sidebar_user_text
+      className: style$h.sidebar_user_text
     }, /*#__PURE__*/React__default.createElement("span", {
-      className: style$g.sidebar_user_title
+      className: style$h.sidebar_user_title
     }, this.props.title), /*#__PURE__*/React__default.createElement("span", {
-      className: style$g.sidebar_user_subtitle
+      className: style$h.sidebar_user_subtitle
     }, this.props.subtitle)) : null), /*#__PURE__*/React__default.createElement("div", {
-      className: style$g.sidebar_body
+      className: style$h.sidebar_body
     }, this.state.views.map(function (element, idx) {
       if (element.path && element.isHide !== true) {
         var _classNames3;
@@ -1418,7 +1488,7 @@ var Sidebar = /*#__PURE__*/function (_React$Component) {
               _this3.handleChangeViewClick(element.path, idx);
             }
           },
-          className: classNames$1(style$g.sidebar_button, (_classNames3 = {}, _classNames3[style$g.active] = !!element.active, _classNames3[style$g.disabled] = !!element.disabled, _classNames3))
+          className: classNames$1(style$h.sidebar_button, (_classNames3 = {}, _classNames3[style$h.active] = !!element.active, _classNames3[style$h.disabled] = !!element.disabled, _classNames3))
         }, element.icon, /*#__PURE__*/React__default.createElement("span", null, element.name));
       } else if (element.isHide !== true) {
         var _classNames4;
@@ -1429,7 +1499,7 @@ var Sidebar = /*#__PURE__*/function (_React$Component) {
           onClick: function onClick() {
             return _this3.handleDropdownClick(idx);
           },
-          className: classNames$1(style$g.sidebar_button_dropdown, (_classNames4 = {}, _classNames4[style$g.active] = !!element.active, _classNames4[style$g.disabled] = !!element.disabled, _classNames4))
+          className: classNames$1(style$h.sidebar_button_dropdown, (_classNames4 = {}, _classNames4[style$h.active] = !!element.active, _classNames4[style$h.disabled] = !!element.disabled, _classNames4))
         }, element.icon, /*#__PURE__*/React__default.createElement("span", null, element.name), element.active === true ? /*#__PURE__*/React__default.createElement(reactFontawesome.FontAwesomeIcon, {
           icon: freeSolidSvgIcons.faCaretDown
         }) : /*#__PURE__*/React__default.createElement(reactFontawesome.FontAwesomeIcon, {
@@ -1446,7 +1516,7 @@ var Sidebar = /*#__PURE__*/function (_React$Component) {
                   _this3.handleChangeViewClick(elementDropdown.path, idx, idxDropdown);
                 }
               },
-              className: classNames$1(style$g.sidebar_button, style$g.sidebar_button_second, (_classNames5 = {}, _classNames5[style$g.active] = !!elementDropdown.active, _classNames5[style$g.disabled] = !!elementDropdown.disabled, _classNames5))
+              className: classNames$1(style$h.sidebar_button, style$h.sidebar_button_second, (_classNames5 = {}, _classNames5[style$h.active] = !!elementDropdown.active, _classNames5[style$h.disabled] = !!elementDropdown.disabled, _classNames5))
             }, elementDropdown.icon, /*#__PURE__*/React__default.createElement("span", null, elementDropdown.name)));
           }
         });
@@ -1458,7 +1528,7 @@ var Sidebar = /*#__PURE__*/function (_React$Component) {
   return Sidebar;
 }(React__default.Component);
 
-var style$h = {"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$i = {"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);
@@ -1498,7 +1568,7 @@ var DoughnutChart = /*#__PURE__*/function (_React$Component) {
       }]
     };
     return /*#__PURE__*/React__default.createElement("div", {
-      className: classNames$1(style$h.doughnut_chart, this.props.className)
+      className: classNames$1(style$i.doughnut_chart, this.props.className)
     }, /*#__PURE__*/React__default.createElement(reactChartjs2.Doughnut, {
       id: this.props.text,
       data: data,
@@ -1524,17 +1594,17 @@ var DoughnutChart = /*#__PURE__*/function (_React$Component) {
         }
       }
     }), /*#__PURE__*/React__default.createElement("div", {
-      className: style$h.text_doughnut_chart
+      className: style$i.text_doughnut_chart
     }, /*#__PURE__*/React__default.createElement("p", {
       style: {
         color: this.getColor(num, max)
       },
-      className: style$h.number
+      className: style$i.number
     }, num, unit), /*#__PURE__*/React__default.createElement("p", {
       style: {
         color: this.getColor(num, max)
       },
-      className: style$h.text
+      className: style$i.text
     }, text)));
   };
 
@@ -1697,9 +1767,9 @@ var BarChart = /*#__PURE__*/function (_React$Component) {
       datasets: this.createDatasets(this.props.dataSet.length)
     };
     return /*#__PURE__*/React__default.createElement("div", {
-      className: classNames(style$h.bar_chart, this.props.className)
+      className: classNames(style$i.bar_chart, this.props.className)
     }, /*#__PURE__*/React__default.createElement("div", {
-      className: style$h.bar_chart_text
+      className: style$i.bar_chart_text
     }, /*#__PURE__*/React__default.createElement("span", null, this.props.title)), /*#__PURE__*/React__default.createElement("div", {
       style: {
         position: 'relative',
@@ -1884,9 +1954,9 @@ var RadarChart = /*#__PURE__*/function (_Component) {
       datasets: this.createDatasets(this.props.dataSet.length)
     };
     return /*#__PURE__*/React__default.createElement("div", {
-      className: classNames(style$h.bar_chart, this.props.className)
+      className: classNames(style$i.bar_chart, this.props.className)
     }, /*#__PURE__*/React__default.createElement("div", {
-      className: style$h.bar_chart_text
+      className: style$i.bar_chart_text
     }, /*#__PURE__*/React__default.createElement("span", null, this.props.title)), /*#__PURE__*/React__default.createElement("div", {
       style: {
         position: 'relative',
@@ -1950,9 +2020,9 @@ var PieChart = /*#__PURE__*/function (_React$Component) {
     var _this = this;
 
     return /*#__PURE__*/React__default.createElement("div", {
-      className: classNames(style$h.pie_chart, this.props.className)
+      className: classNames(style$i.pie_chart, this.props.className)
     }, /*#__PURE__*/React__default.createElement("div", {
-      className: style$h.pie_chart_text
+      className: style$i.pie_chart_text
     }, /*#__PURE__*/React__default.createElement("span", null, this.props.title)), /*#__PURE__*/React__default.createElement("div", {
       style: {
         position: 'relative',
@@ -2148,9 +2218,9 @@ var HorizontalBarChart = /*#__PURE__*/function (_React$Component) {
       datasets: this.createDatasets(this.props.dataSet.length)
     };
     return /*#__PURE__*/React__default.createElement("div", {
-      className: classNames(style$h.bar_chart, this.props.className)
+      className: classNames(style$i.bar_chart, this.props.className)
     }, /*#__PURE__*/React__default.createElement("div", {
-      className: style$h.bar_chart_text
+      className: style$i.bar_chart_text
     }, /*#__PURE__*/React__default.createElement("span", null, this.props.title)), /*#__PURE__*/React__default.createElement("div", {
       style: {
         position: 'relative',
@@ -2188,7 +2258,7 @@ var HorizontalBarChart = /*#__PURE__*/function (_React$Component) {
   return HorizontalBarChart;
 }(React__default.Component);
 
-var style$i = {"progress_bar_container":"_bHyVu","bar":"_XOUj6","custom_progress":"_jBsK1"};
+var style$j = {"progress_bar_container":"_bHyVu","bar":"_XOUj6","custom_progress":"_jBsK1"};
 
 var ProgressBar = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(ProgressBar, _React$Component);
@@ -2258,12 +2328,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__default.createElement("div", {
-      className: classNames$1(style$i.progress_bar_container, this.props.className)
+      className: classNames$1(style$j.progress_bar_container, this.props.className)
     }, /*#__PURE__*/React__default.createElement("span", null, this.props.title), /*#__PURE__*/React__default.createElement("div", {
-      className: style$i.bar,
+      className: style$j.bar,
       ref: this.refProgress
     }, /*#__PURE__*/React__default.createElement("div", {
-      className: classNames$1(style$i.custom_progress, this.getColor(value, max)),
+      className: classNames$1(style$j.custom_progress, this.getColor(value, max)),
       style: {
         width: this.state.width
       }
@@ -2273,7 +2343,7 @@ var ProgressBar = /*#__PURE__*/function (_React$Component) {
   return ProgressBar;
 }(React__default.Component);
 
-var style$j = {"loader_container":"_3me5z","loader_element":"_2CYNt","loader":"_3ysPX","grow":"_971Mp"};
+var style$k = {"loader_container":"_3me5z","loader_element":"_2CYNt","loader":"_3ysPX","grow":"_971Mp"};
 
 var Loader = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Loader, _React$Component);
@@ -2295,18 +2365,18 @@ var Loader = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     if (!this.props.show) return null;
     return /*#__PURE__*/React__default.createElement("div", {
-      className: classNames$1(style$j.loader_container, this.props.className)
+      className: classNames$1(style$k.loader_container, this.props.className)
     }, /*#__PURE__*/React__default.createElement("div", {
-      className: classNames$1(style$j.loader_element, this.props.classNameChildren)
+      className: classNames$1(style$k.loader_element, this.props.classNameChildren)
     }, /*#__PURE__*/React__default.createElement("div", {
-      className: style$j.loader
+      className: style$k.loader
     }, /*#__PURE__*/React__default.createElement("span", null), /*#__PURE__*/React__default.createElement("span", null), /*#__PURE__*/React__default.createElement("span", null), /*#__PURE__*/React__default.createElement("span", null))));
   };
 
   return Loader;
 }(React__default.Component);
 
-var style$k = {"icon":"_3s1Vv"};
+var style$l = {"icon":"_3s1Vv"};
 
 var Icon = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Icon, _React$Component);
@@ -2338,7 +2408,7 @@ var Icon = /*#__PURE__*/function (_React$Component) {
         fontSize: this.props.size ? this.props.size + 'px' : 'none'
       }
     }, this.props.icon({
-      className: classNames$1(style$k.icon),
+      className: classNames$1(style$l.icon),
       color: this.state.colorStyle
     }));
   };
@@ -2346,7 +2416,7 @@ var Icon = /*#__PURE__*/function (_React$Component) {
   return Icon;
 }(React__default.Component);
 
-var style$l = {"paginationContainer":"_25d6Y","pagination":"_2mqrQ","active":"_13Qaa","disabled":"_11Sql"};
+var style$m = {"paginationContainer":"_25d6Y","pagination":"_2mqrQ","active":"_13Qaa","disabled":"_11Sql"};
 
 var Pagination = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Pagination, _React$Component);
@@ -2359,11 +2429,11 @@ var Pagination = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React__default.createElement("div", {
-      className: classNames$1(style$l.paginationContainer, this.props.className)
+      className: classNames$1(style$m.paginationContainer, this.props.className)
     }, /*#__PURE__*/React__default.createElement(PaginationCMP, {
-      innerClass: style$l.pagination,
-      activeClass: style$l.active,
-      disabledClass: style$l.disabled,
+      innerClass: style$m.pagination,
+      activeClass: style$m.active,
+      disabledClass: style$m.disabled,
       activePage: this.props.activePage,
       itemsCountPerPage: this.props.itemsCountPerPage,
       totalItemsCount: this.props.totalItemsCount,
@@ -2478,7 +2548,7 @@ var PaginationClass = /*#__PURE__*/function () {
   return PaginationClass;
 }();
 
-var style$m = {"FormDragDropFile_container":"_2tyK_","btn_close_drag_drop":"_1shfD"};
+var style$n = {"FormDragDropFile_container":"_2tyK_","btn_close_drag_drop":"_1shfD"};
 
 var Dropzone = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Dropzone, _React$Component);
@@ -2593,7 +2663,7 @@ var Dropzone = /*#__PURE__*/function (_React$Component) {
     var _this3 = this;
 
     return /*#__PURE__*/React__default.createElement("div", {
-      className: classNames$1(style$m.FormDragDropFile_container, this.props.className)
+      className: classNames$1(style$n.FormDragDropFile_container, this.props.className)
     }, /*#__PURE__*/React__default.createElement(DropzoneCMP, {
       className: classNames$1(this.props.classNameChildren),
       onDrop: function onDrop(acceptedFiles) {
@@ -2609,7 +2679,7 @@ var Dropzone = /*#__PURE__*/function (_React$Component) {
           borderColor: _this3.state.borderColor
         }
       }, /*#__PURE__*/React__default.createElement("div", {
-        className: style$m.btn_close_drag_drop,
+        className: style$n.btn_close_drag_drop,
         style: {
           display: _this3.state.styleBtnClose
         }
@@ -2630,7 +2700,7 @@ var Dropzone = /*#__PURE__*/function (_React$Component) {
   return Dropzone;
 }(React__default.Component);
 
-var style$n = {"status":"_2qV1W"};
+var style$o = {"status":"_2qV1W"};
 
 var Status = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Status, _React$Component);
@@ -2643,7 +2713,7 @@ var Status = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React__default.createElement("div", {
-      className: classNames(style$n.status, this.props.className),
+      className: classNames(style$o.status, this.props.className),
       style: this.props.style
     }, this.props.text);
   };
@@ -2651,7 +2721,7 @@ var Status = /*#__PURE__*/function (_React$Component) {
   return Status;
 }(React__default.Component);
 
-var style$o = {"alert_container":"_361mk","alert":"_22nl5","alert_element":"_2fV2F","alert_element_icon":"_1UPB2"};
+var style$p = {"alert_container":"_361mk","alert":"_22nl5","alert_element":"_2fV2F","alert_element_icon":"_1UPB2"};
 
 var AlertContainer = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(AlertContainer, _React$Component);
@@ -2664,7 +2734,7 @@ var AlertContainer = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React__default.createElement("div", {
-      className: style$o.alert_container
+      className: style$p.alert_container
     }, this.props.children);
   };
 
@@ -2692,7 +2762,7 @@ var Alert = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React__default.createElement("div", {
-      className: classNames$1(style$o.alert, this.props.backgroundColor)
+      className: classNames$1(style$p.alert, this.props.backgroundColor)
     }, /*#__PURE__*/React__default.createElement("span", {
       className: this.props.textColor
     }, this.props.text));
@@ -2712,18 +2782,18 @@ var AlertElement = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React__default.createElement("div", {
-      className: classNames$1(style$o.alert_element, this.props.backgroundColor)
+      className: classNames$1(style$p.alert_element, this.props.backgroundColor)
     }, /*#__PURE__*/React__default.createElement("span", {
       className: this.props.textColor
     }, this.props.children), /*#__PURE__*/React__default.createElement("span", {
-      className: classNames$1(style$o.alert_element_icon, this.props.textColor)
+      className: classNames$1(style$p.alert_element_icon, this.props.textColor)
     }, this.props.icon));
   };
 
   return AlertElement;
 }(React__default.Component);
 
-var style$p = {"component":"_2wEDs","display-chips":"_1soMq","chips":"_1bGM-","buttonIcon":"_EFdFp"};
+var style$q = {"component":"_2wEDs","display-chips":"_1soMq","chips":"_1bGM-","buttonIcon":"_EFdFp"};
 
 var Chips = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Chips, _Component);
@@ -2793,15 +2863,15 @@ var Chips = /*#__PURE__*/function (_Component) {
     var _this2 = this;
 
     return /*#__PURE__*/React__default.createElement("div", {
-      className: classNames$1(style$p.component)
+      className: classNames$1(style$q.component)
     }, /*#__PURE__*/React__default.createElement("div", {
-      className: classNames$1(style$p['display-chips'])
+      className: classNames$1(style$q['display-chips'])
     }, this.state.chipsList.length > 0 ? this.state.chipsList.map(function (chips, idx) {
       return /*#__PURE__*/React__default.createElement("div", {
         key: idx,
-        className: classNames$1(style$p.chips)
+        className: classNames$1(style$q.chips)
       }, /*#__PURE__*/React__default.createElement("div", null, chips.text), /*#__PURE__*/React__default.createElement(ButtonIcon, {
-        className: classNames$1(style$p.buttonIcon),
+        className: classNames$1(style$q.buttonIcon),
         onClick: function onClick() {
           return _this2.handleClick(chips);
         }
@@ -2822,7 +2892,7 @@ var Chips = /*#__PURE__*/function (_Component) {
   return Chips;
 }(React.Component);
 
-var style$q = {"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$r = {"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);
@@ -2836,15 +2906,15 @@ var ListingVerticalItem = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var listingClass = classNames$1((_classNames = {}, _classNames[style$q.listing_vertical] = true, _classNames[style$q.listing_green] = !!this.props.green, _classNames[style$q.listing_orange] = !!this.props.orange, _classNames));
+    var listingClass = classNames$1((_classNames = {}, _classNames[style$r.listing_vertical] = true, _classNames[style$r.listing_green] = !!this.props.green, _classNames[style$r.listing_orange] = !!this.props.orange, _classNames));
     return /*#__PURE__*/React__default.createElement("div", {
       className: listingClass
     }, /*#__PURE__*/React__default.createElement("div", {
-      className: style$q.listing_vertical_left
+      className: style$r.listing_vertical_left
     }, this.props.green ? /*#__PURE__*/React__default.createElement(reactFontawesome.FontAwesomeIcon, {
       icon: freeSolidSvgIcons.faCheck
     }) : ''), /*#__PURE__*/React__default.createElement("div", {
-      className: style$q.listing_vertical_right
+      className: style$r.listing_vertical_right
     }, /*#__PURE__*/React__default.createElement("span", null, this.props.title), /*#__PURE__*/React__default.createElement("span", null, this.props.subtitle)));
   };
 
@@ -2862,7 +2932,7 @@ var ListingVerticalSeparator = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React__default.createElement("div", {
-      className: style$q.listing_vertical_separator
+      className: style$r.listing_vertical_separator
     }, /*#__PURE__*/React__default.createElement("span", null, "|"));
   };
 
@@ -2912,7 +2982,7 @@ var ListingVertical = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React__default.createElement("div", {
-      className: style$q.listing_vertical_container
+      className: style$r.listing_vertical_container
     }, this.getData());
   };
 
@@ -2931,15 +3001,15 @@ var ListingHorizontalItem = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var listingClass = classNames$1((_classNames = {}, _classNames[style$q.listing_horizontal] = true, _classNames[style$q.listing_green] = !!this.props.green, _classNames[style$q.listing_orange] = !!this.props.orange, _classNames));
+    var listingClass = classNames$1((_classNames = {}, _classNames[style$r.listing_horizontal] = true, _classNames[style$r.listing_green] = !!this.props.green, _classNames[style$r.listing_orange] = !!this.props.orange, _classNames));
     return /*#__PURE__*/React__default.createElement("div", {
       className: listingClass
     }, /*#__PURE__*/React__default.createElement("div", {
-      className: style$q.listing_horizontal_icon
+      className: style$r.listing_horizontal_icon
     }, this.props.icon ? this.props.icon : this.props.green ? /*#__PURE__*/React__default.createElement(reactFontawesome.FontAwesomeIcon, {
       icon: freeSolidSvgIcons.faCheck
     }) : ''), /*#__PURE__*/React__default.createElement("div", {
-      className: style$q.listing_horizontal_text
+      className: style$r.listing_horizontal_text
     }, /*#__PURE__*/React__default.createElement("span", null, this.props.date), /*#__PURE__*/React__default.createElement("span", null, this.props.title), /*#__PURE__*/React__default.createElement("span", null, this.props.subtitle)));
   };
 
@@ -2957,7 +3027,7 @@ var ListingHorizontalSeparator = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React__default.createElement("div", {
-      className: style$q.listing_horizontal_separator,
+      className: style$r.listing_horizontal_separator,
       style: {
         width: this.props.width
       }
@@ -3007,7 +3077,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__default.createElement("div", {
-      className: style$q.listing_horizontal_container
+      className: style$r.listing_horizontal_container
     }, /*#__PURE__*/React__default.createElement(ListingHorizontalSeparator, {
       width: separatorWidth
     }), this.getData());
@@ -3016,7 +3086,7 @@ var ListingHorizontal = /*#__PURE__*/function (_React$Component) {
   return ListingHorizontal;
 }(React__default.Component);
 
-var style$r = {"dropdown":"_1ofQJ","dropdown_first":"_2kN79","space":"_SCby-","dropdown_menu":"_2Y_fS","show":"_3nBzR"};
+var style$s = {"dropdown":"_1ofQJ","dropdown_first":"_2kN79","space":"_SCby-","dropdown_menu":"_2Y_fS","show":"_3nBzR"};
 
 var Dropdown = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Dropdown, _Component);
@@ -3037,18 +3107,18 @@ var Dropdown = /*#__PURE__*/function (_Component) {
     var _classNames,
         _this2 = this;
 
-    var dropdownMenuClass = classNames$1((_classNames = {}, _classNames[style$r.dropdown_menu] = true, _classNames[style$r.show] = !this.state.isHide, _classNames));
+    var dropdownMenuClass = classNames$1((_classNames = {}, _classNames[style$s.dropdown_menu] = true, _classNames[style$s.show] = !this.state.isHide, _classNames));
     return /*#__PURE__*/React__default.createElement("div", {
-      className: classNames$1(style$r.dropdown)
+      className: classNames$1(style$s.dropdown)
     }, /*#__PURE__*/React__default.createElement("div", {
-      className: classNames$1(style$r.dropdown_first),
+      className: classNames$1(style$s.dropdown_first),
       onClick: function onClick() {
         return _this2.setState({
           isHide: !_this2.state.isHide
         });
       }
     }, this.props.title ? /*#__PURE__*/React__default.createElement("span", null, this.props.title) : /*#__PURE__*/React__default.createElement(Fragment, null), this.props.title && this.props.icon ? /*#__PURE__*/React__default.createElement("div", {
-      className: classNames$1(style$r.space)
+      className: classNames$1(style$s.space)
     }) : /*#__PURE__*/React__default.createElement(Fragment, null), this.props.icon ? this.props.icon : /*#__PURE__*/React__default.createElement(Fragment, null)), /*#__PURE__*/React__default.createElement("div", {
       className: dropdownMenuClass
     }, this.props.data.map(function (element) {
@@ -3059,7 +3129,7 @@ var Dropdown = /*#__PURE__*/function (_Component) {
   return Dropdown;
 }(React.Component);
 
-var style$s = {"error_full":"_2yA72","error_center":"_29Plu","error_center_group":"_38Iim","error_title":"_1G6Al","error_code":"_1aeC7","error_text":"_QYnsV"};
+var style$t = {"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);
@@ -3078,15 +3148,15 @@ var Error404 = /*#__PURE__*/function (_React$Component) {
     var _this2 = this;
 
     return /*#__PURE__*/React__default.createElement("div", {
-      className: classNames$1(style$s.error_full)
+      className: classNames$1(style$t.error_full)
     }, /*#__PURE__*/React__default.createElement("div", {
-      className: classNames$1(style$s.error_center)
+      className: classNames$1(style$t.error_center)
     }, /*#__PURE__*/React__default.createElement("div", {
-      className: classNames$1(style$s.error_center_group)
+      className: classNames$1(style$t.error_center_group)
     }, /*#__PURE__*/React__default.createElement("h3", {
-      className: classNames$1(style$s.error_title)
+      className: classNames$1(style$t.error_title)
     }, "Page not found"), /*#__PURE__*/React__default.createElement("h1", {
-      className: classNames$1(style$s.error_code)
+      className: classNames$1(style$t.error_code)
     }, /*#__PURE__*/React__default.createElement("span", {
       style: {
         'text-shadow': '-8px 0 0 #fff'
@@ -3100,7 +3170,7 @@ var Error404 = /*#__PURE__*/function (_React$Component) {
         'text-shadow': '-8px 0 0 #fff'
       }
     }, "4"))), /*#__PURE__*/React__default.createElement("h2", {
-      className: classNames$1(style$s.error_text)
+      className: classNames$1(style$t.error_text)
     }, this.props.text ? this.props.text : "La page n'existe pas"), /*#__PURE__*/React__default.createElement(Button, {
       onClick: function onClick() {
         return _this2.props.onBack ? _this2.props.onBack() : window.history.back();
@@ -3231,7 +3301,7 @@ var Cookie = /*#__PURE__*/function (_React$Component) {
   return Cookie;
 }(React__default.Component);
 
-var style$t = {"footer":"_2OnkF"};
+var style$u = {"footer":"_2OnkF"};
 
 var Footer = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Footer, _React$Component);
@@ -3248,7 +3318,7 @@ var Footer = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React__default.createElement("div", {
-      className: style$t.footer
+      className: style$u.footer
     }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("img", {
       src: this.props.logo
     })), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("a", {
@@ -3285,6 +3355,7 @@ exports.Footer = Footer;
 exports.FormCheckbox = FormCheckbox;
 exports.FormInput = FormInput;
 exports.FormRadio = FormRadio;
+exports.FormRange = FormRange;
 exports.FormSelect = FormSelect;
 exports.FormTextarea = FormTextarea;
 exports.FullModal = FullModal;