arengibook 2.4.575 → 2.4.577

package/dist/index.js

@@ -35802,7 +35802,7 @@ var Dropdown = function Dropdown(_ref) {
   var _ref$options = _ref.options,
     options = _ref$options === void 0 ? [] : _ref$options,
     _ref$isGroupedOption = _ref.isGroupedOption,
-    isGroupedOption = _ref$isGroupedOption === void 0 ? false : _ref$isGroupedOption,
+    isGroupedOption = _ref$isGroupedOption === void 0 ? true : _ref$isGroupedOption,
     value = _ref.value,
     _ref$placeholder = _ref.placeholder,
     placeholder = _ref$placeholder === void 0 ? 'Sélectionnez une option' : _ref$placeholder,
@@ -35827,18 +35827,12 @@ var Dropdown = function Dropdown(_ref) {
     showClear = _ref$showClear === void 0 ? false : _ref$showClear,
     _ref$groupedItemTempl = _ref.groupedItemTemplateConfig,
     groupedItemTemplateConfig = _ref$groupedItemTempl === void 0 ? {
-      showIcon: true,
+      showIcon: false,
       iconKey: 'icon',
-      showImage: true,
+      showImage: false,
       imageKey: 'image',
-      imageStyle: {
-        width: '18px',
-        marginRight: '0.5rem'
-      },
-      labelStyle: {
-        color: '#374151',
-        fontSize: '14px'
-      },
+      imageStyle: null,
+      labelStyle: null,
       generalIcon: null,
       generalImage: null
     } : _ref$groupedItemTempl;
@@ -35901,7 +35895,7 @@ var Dropdown = function Dropdown(_ref) {
       };
     });
   };
-  var finalOptions = isGroupedOption ? formatGroupedOptions(options) : options;
+  isGroupedOption ? formatGroupedOptions(options) : options;
   var groupedItemTemplate = function groupedItemTemplate(option) {
     var _ref6 = groupedItemTemplateConfig || {},
       showImage = _ref6.showImage,
@@ -35912,21 +35906,44 @@ var Dropdown = function Dropdown(_ref) {
       labelStyle = _ref6.labelStyle,
       generalIcon = _ref6.generalIcon,
       generalImage = _ref6.generalImage;
-    console.log(option);
-    console.log(generalImage);
-    console.log(generalIcon);
-    console.log(option[imageKey]);
+    var icon = option.value && option.value[iconKey];
+    if (generalIcon || generalIcon || showImage && option[imageKey] || showIcon && icon) {
+      var styleLabel = {
+        'marginLeft': '10px'
+      };
+    }
     if (option.group) {
       return /*#__PURE__*/React__default.createElement("div", {
         className: "flex align-items-center"
       }, /*#__PURE__*/React__default.createElement("div", {
         style: _objectSpread2({
-          fontSize: '11px',
+          fontSize: '15px',
           fontWeight: 'bold'
         }, labelStyle)
-      }, option.label));
+      }, generalIcon && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("i", {
+        className: generalIcon
+      })), generalImage && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("img", {
+        alt: "General",
+        src: generalImage,
+        style: imageStyle || {
+          width: '18px',
+          marginRight: '0.5rem'
+        },
+        className: "mr-2"
+      })), showImage && option[imageKey] && /*#__PURE__*/React__default.createElement("img", {
+        alt: option.label,
+        src: option[imageKey],
+        style: imageStyle || {
+          width: '18px',
+          marginRight: '0.5rem'
+        },
+        className: "mr-2"
+      }), showIcon && icon && /*#__PURE__*/React__default.createElement("i", {
+        className: 'mr-2 ' + icon
+      }), /*#__PURE__*/React__default.createElement("span", {
+        style: styleLabel
+      }, option.label)));
     }
-    var icon = option.value && option.value[iconKey];
     return /*#__PURE__*/React__default.createElement("div", {
       className: "flex align-items-center"
     }, generalImage && /*#__PURE__*/React__default.createElement("img", {
@@ -35951,13 +35968,15 @@ var Dropdown = function Dropdown(_ref) {
       className: 'mr-2 ' + icon
     }), /*#__PURE__*/React__default.createElement("div", {
       style: _objectSpread2({}, labelStyle)
-    }, option.label));
+    }, /*#__PURE__*/React__default.createElement("span", {
+      style: styleLabel
+    }, option.label)));
   };
   return /*#__PURE__*/React__default.createElement("div", {
     className: "flex flex-col gap-1"
   }, /*#__PURE__*/React__default.createElement(Dropdown$1, _extends$A({
     value: optionSelected,
-    options: finalOptions,
+    options: options,
     onChange: function onChange(e) {
       return setOptionSelected(e.value);
     },
@@ -35988,14 +36007,53 @@ var Dropdown = function Dropdown(_ref) {
 };
 
 var optionsExample = [{
-  label: 'Option 1',
-  value: '1'
+  label: 'Germany',
+  code: 'DE',
+  items: [{
+    label: 'Berlin',
+    value: 'Berlin'
+  }, {
+    label: 'Frankfurt',
+    value: 'Frankfurt'
+  }, {
+    label: 'Hamburg',
+    value: 'Hamburg'
+  }, {
+    label: 'Munich',
+    value: 'Munich'
+  }]
 }, {
-  label: 'Option 2',
-  value: '2'
+  label: 'USA',
+  code: 'US',
+  items: [{
+    label: 'Chicago',
+    value: 'Chicago'
+  }, {
+    label: 'Los Angeles',
+    value: 'Los Angeles'
+  }, {
+    label: 'New York',
+    value: 'New York'
+  }, {
+    label: 'San Francisco',
+    value: 'San Francisco'
+  }]
 }, {
-  label: 'Option 3',
-  value: '3'
+  label: 'Japan',
+  code: 'JP',
+  items: [{
+    label: 'Kyoto',
+    value: 'Kyoto'
+  }, {
+    label: 'Osaka',
+    value: 'Osaka'
+  }, {
+    label: 'Tokyo',
+    value: 'Tokyo'
+  }, {
+    label: 'Yokohama',
+    value: 'Yokohama'
+  }]
 }];
 var DropdownPresets = {
   Default: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "arengibook",
   "private": false,
-  "version": "2.4.575",
+  "version": "2.4.577",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "exports": {