ui-kit-ck-consultant 0.5.212 → 0.5.215

package/dist/index.css

@@ -1127,7 +1127,7 @@
   margin: auto;
 }
 
-._1zFpZ > ._2rKrR > p {
+._1zFpZ>._2rKrR>p {
   margin: auto;
   padding-top: 20px;
   color: var(--primary-color);
@@ -1168,7 +1168,19 @@
           animation: _19crY 1s ease-in-out 0.45s infinite;
 }
 
+._3BnES {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  cursor: not-allowed;
+  background-color: rgba(0, 0, 0, 0.1);
+  z-index: 10;
+}
+
 @-webkit-keyframes _19crY {
+
   0%,
   100% {
     transform: scaleY(1);
@@ -1180,6 +1192,7 @@
 }
 
 @keyframes _19crY {
+
   0%,
   100% {
     transform: scaleY(1);
@@ -1213,25 +1226,25 @@
   margin-bottom: auto;
 }
 
-._2KSuY > h2,
-._3euMf > h2 {
+._2KSuY>h2,
+._3euMf>h2 {
   font-size: 18px;
   font-weight: bold;
   margin: 0;
 }
 
-._3euMf > h2 {
+._3euMf>h2 {
   margin-right: 1rem;
   cursor: pointer;
   padding-bottom: 4px;
   transition: 0.3s;
 }
 
-._3euMf > h2:hover {
+._3euMf>h2:hover {
   opacity: 0.7;
 }
 
-._3euMf > h2:active {
+._3euMf>h2:active {
   opacity: 0.5;
 }
 
@@ -1250,9 +1263,11 @@
   transition: 0.4s;
   cursor: pointer;
 }
+
 ._dmCgN:hover {
   opacity: 0.7;
 }
+
 ._dmCgN:active {
   opacity: 0.5;
 }
@@ -1287,7 +1302,7 @@
   background-color: rgba(255, 255, 255, 0.25);
 }
 
-._1OCk3 > span {
+._1OCk3>span {
   display: inline-block;
   font-size: 28px;
   font-weight: bold;
@@ -1316,12 +1331,12 @@
   margin: auto 20px;
 }
 
-._11M7t > span {
+._11M7t>span {
   display: block;
   font-size: 16px;
 }
 
-._11M7t > span:first-child {
+._11M7t>span:first-child {
   font-weight: bold;
 }
 
@@ -1358,15 +1373,17 @@
   margin-left: 0;
 }
 
-._1b4T4 > span:first-child {
+._1b4T4>span:first-child {
   color: #67748e;
   font-size: 18px;
 }
-._1b4T4 > span:last-child {
+
+._1b4T4>span:last-child {
   font-size: 24px;
   font-weight: bold;
 }
-._1b4T4 > span:last-child > span {
+
+._1b4T4>span:last-child>span {
   font-size: 15px;
   padding-left: 6px;
 }
@@ -1384,7 +1401,7 @@
   font-size: 24px;
 }
 
-._1dkwV > svg {
+._1dkwV>svg {
   margin: auto;
 }
 

package/dist/index.js

@@ -279,6 +279,7 @@ var FormInput = /*#__PURE__*/function (_React$Component) {
       }, "*") : '') : '', /*#__PURE__*/React__default.createElement("div", {
         className: style$2.form_input_container_icon
       }, /*#__PURE__*/React__default.createElement("div", null, this.props.children), /*#__PURE__*/React__default.createElement("input", {
+        style: this.props.styleInput,
         className: style$2.form_input_icon,
         type: this.props.type,
         placeholder: this.props.placeholder,
@@ -302,6 +303,7 @@ var FormInput = /*#__PURE__*/function (_React$Component) {
       }, this.props.title, ' ', this.props.required ? /*#__PURE__*/React__default.createElement("span", {
         className: "red"
       }, "*") : '') : '', /*#__PURE__*/React__default.createElement("input", {
+        style: this.props.styleInput,
         className: style$2.form_input,
         type: this.props.type,
         placeholder: this.props.placeholder,
@@ -387,9 +389,10 @@ var FormSelect = /*#__PURE__*/function (_React$Component) {
     }, this.props.title, ' ', this.props.required ? /*#__PURE__*/React__default.createElement("span", {
       className: "red"
     }, "*") : '') : '', this.props.ignore !== true ? /*#__PURE__*/React__default.createElement("select", {
+      style: this.props.styleInput,
       className: style$5.form_select,
       onChange: this.props.onChange,
-      value: this.props.value ? this.props.value : "DEFAULT",
+      value: this.props.value ? this.props.value : 'DEFAULT',
       name: this.props.name,
       required: this.props.required,
       disabled: this.props.disabled,
@@ -404,9 +407,10 @@ var FormSelect = /*#__PURE__*/function (_React$Component) {
         disabled: element.disabled ? element.disabled : false
       }, element.text);
     }) : '') : /*#__PURE__*/React__default.createElement("select", {
+      style: this.props.styleInput,
       className: style$5.form_select,
       onChange: this.props.onChange,
-      value: this.props.value ? this.props.value : "DEFAULT",
+      value: this.props.value ? this.props.value : 'DEFAULT',
       name: this.props.name,
       required: this.props.required,
       disabled: this.props.disabled
@@ -855,7 +859,7 @@ var Header = /*#__PURE__*/function (_React$Component) {
   return Header;
 }(React__default.Component);
 
-var style$b = {"card":"_4T5PO","card_tabs":"_3qz0v","card_loader_container":"_1zFpZ","loader_element":"_2rKrR","loader":"_8eH6Y","grow":"_19crY","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$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 Card = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Card, _React$Component);
@@ -901,7 +905,9 @@ var Card = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     return /*#__PURE__*/React__default.createElement("div", {
       className: classNames$1(style$b.card, this.props.className)
-    }, this.props.imgLeft ? /*#__PURE__*/React__default.createElement("div", {
+    }, this.props.disabled ? /*#__PURE__*/React__default.createElement("div", {
+      className: classNames$1(style$b.card_disabled)
+    }) : null, this.props.imgLeft ? /*#__PURE__*/React__default.createElement("div", {
       style: {
         overflow: 'hidden',
         width: this.props.customWidthImgLeft || '100%'
@@ -3088,7 +3094,7 @@ var DropzoneMultiple = /*#__PURE__*/function (_React$Component) {
 
           reader.readAsDataURL(file);
         } else {
-          alert('Fichier trop volumineux');
+          alert("Fichier trop volumineux - Taille maxium " + _this.props.maxFileSize + "Mo");
           _this.currentFile += 1;
 
           _this.nextFile(files);
@@ -3186,7 +3192,7 @@ var DropzoneMultiple = /*#__PURE__*/function (_React$Component) {
         className: classNames$1(style$o.dropzone_multiple_items)
       }), !_this2.state.files.length ? /*#__PURE__*/React__default.createElement("span", {
         className: classNames$1(style$o.background_text)
-      }, "Glisser et d\xE9poser vos fichiers ou cliquer pour en s\xE9lectionner...", ' ', _this2.props.extensions ? "Formats accept\xE9s : " + _this2.props.extensions.join(', ') : '') : null, /*#__PURE__*/React__default.createElement("input", getInputProps()), _this2.state.files.map(function (file, idx) {
+      }, "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__default.createElement("input", getInputProps()), _this2.state.files.map(function (file, idx) {
         return _this2.getFileComponent(idx);
       })));
     });