arengibook 2.4.565 → 2.4.567

package/dist/index.js

@@ -35824,7 +35824,18 @@ var Dropdown = function Dropdown(_ref) {
     optionStyle = _ref$optionStyle === void 0 ? {} : _ref$optionStyle,
     name = _ref.name,
     _ref$showClear = _ref.showClear,
-    showClear = _ref$showClear === void 0 ? false : _ref$showClear;
+    showClear = _ref$showClear === void 0 ? false : _ref$showClear,
+    _ref$groupedItemTempl = _ref.groupedItemTemplateConfig,
+    groupedItemTemplateConfig = _ref$groupedItemTempl === void 0 ? {
+      showIcon: true,
+      iconKey: 'icon',
+      showImage: true,
+      imageKey: 'image',
+      imageStyle: {
+        width: '18px',
+        marginRight: '0.5rem'
+      }
+    } : _ref$groupedItemTempl;
   var _useState = useState(value !== null && value !== void 0 ? value : null),
     _useState2 = _slicedToArray$8(_useState, 2),
     optionSelected = _useState2[0],
@@ -35885,16 +35896,6 @@ var Dropdown = function Dropdown(_ref) {
     });
   };
   var finalOptions = isGroupedOption ? formatGroupedOptions(options) : options;
-  var groupedItemTemplateConfig = {
-    showIcon: true,
-    iconKey: 'icon',
-    showImage: true,
-    imageKey: 'image',
-    imageStyle: {
-      width: '18px',
-      marginRight: '0.5rem'
-    }
-  };
   var groupedItemTemplate = function groupedItemTemplate(option) {
     var _ref6 = groupedItemTemplateConfig !== null && groupedItemTemplateConfig !== void 0 ? groupedItemTemplateConfig : {},
       showImage = _ref6.showImage,
@@ -35902,6 +35903,9 @@ var Dropdown = function Dropdown(_ref) {
       imageStyle = _ref6.imageStyle,
       showIcon = _ref6.showIcon,
       iconKey = _ref6.iconKey;
+    console.log(option);
+    console.log(groupedItemTemplateConfig);
+    console.log(showIcon);
     return /*#__PURE__*/React__default.createElement("div", {
       className: "flex align-items-center"
     }, showImage && option[imageKey] && /*#__PURE__*/React__default.createElement("img", {
@@ -35914,18 +35918,12 @@ var Dropdown = function Dropdown(_ref) {
       className: "mr-2"
     }), showIcon && option[iconKey] && /*#__PURE__*/React__default.createElement("i", {
       className: "mr-2 ".concat(option[iconKey])
-    }), /*#__PURE__*/React__default.createElement("div", null, option.label));
+    }), /*#__PURE__*/React__default.createElement("div", {
+      style: {
+        fontSize: '11px'
+      }
+    }, option.label));
   };
-
-  // const groupedItemTemplate = (option) => {
-  //     return (
-  //         <div className="flex align-items-center">
-  //             <img alt={option.label} src="https://primefaces.org/cdn/primereact/images/flag/flag_placeholder.png" className={`mr-2 flag flag-${option.code.toLowerCase()}`} style={{ width: '18px' }} />
-  //             <div>{option.label}</div>
-  //         </div>
-  //     );
-  // };
-
   return /*#__PURE__*/React__default.createElement("div", {
     className: "flex flex-col gap-1"
   }, /*#__PURE__*/React__default.createElement(Dropdown$1, _extends$A({
@@ -35943,11 +35941,11 @@ var Dropdown = function Dropdown(_ref) {
     itemTemplate: optionTemplate,
     valueTemplate: valueTemplate,
     onHide: resetDropdownFilter,
-    showClear: showClear
+    showClear: showClear,
+    optionGroupTemplate: isGroupedOption ? groupedItemTemplate : null
   }, isGroupedOption && {
     optionGroupLabel: 'label',
-    optionGroupChildren: 'items',
-    optionGroupTemplate: groupedItemTemplate
+    optionGroupChildren: 'items'
   })), name && /*#__PURE__*/React__default.createElement("input", {
     type: "hidden",
     name: name,

package/package.json

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