arengibook 2.4.563 → 2.4.565

package/dist/index.js

@@ -35801,6 +35801,8 @@ var PopupPresets = {
 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,
     value = _ref.value,
     _ref$placeholder = _ref.placeholder,
     placeholder = _ref$placeholder === void 0 ? 'Sélectionnez une option' : _ref$placeholder,
@@ -35819,7 +35821,10 @@ var Dropdown = function Dropdown(_ref) {
     _ref$valueStyle = _ref.valueStyle,
     valueStyle = _ref$valueStyle === void 0 ? {} : _ref$valueStyle,
     _ref$optionStyle = _ref.optionStyle,
-    optionStyle = _ref$optionStyle === void 0 ? {} : _ref$optionStyle;
+    optionStyle = _ref$optionStyle === void 0 ? {} : _ref$optionStyle,
+    name = _ref.name,
+    _ref$showClear = _ref.showClear,
+    showClear = _ref$showClear === void 0 ? false : _ref$showClear;
   var _useState = useState(value !== null && value !== void 0 ? value : null),
     _useState2 = _slicedToArray$8(_useState, 2),
     optionSelected = _useState2[0],
@@ -35860,11 +35865,72 @@ var Dropdown = function Dropdown(_ref) {
       }, valueStyle)
     }, (option === null || option === void 0 ? void 0 : option.label) || placeholder);
   };
+  var formatGroupedOptions = function formatGroupedOptions(options) {
+    return Object.entries(options).map(function (_ref2) {
+      var _ref3 = _slicedToArray$8(_ref2, 2),
+        groupLabel = _ref3[0],
+        groupItems = _ref3[1];
+      return {
+        label: groupLabel,
+        items: Object.entries(groupItems).map(function (_ref4) {
+          var _ref5 = _slicedToArray$8(_ref4, 2),
+            label = _ref5[0],
+            value = _ref5[1];
+          return {
+            label: label,
+            value: value
+          };
+        })
+      };
+    });
+  };
+  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,
+      imageKey = _ref6.imageKey,
+      imageStyle = _ref6.imageStyle,
+      showIcon = _ref6.showIcon,
+      iconKey = _ref6.iconKey;
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: "flex align-items-center"
+    }, 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 && option[iconKey] && /*#__PURE__*/React__default.createElement("i", {
+      className: "mr-2 ".concat(option[iconKey])
+    }), /*#__PURE__*/React__default.createElement("div", null, 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, {
+  }, /*#__PURE__*/React__default.createElement(Dropdown$1, _extends$A({
     value: optionSelected,
-    options: options,
+    options: finalOptions,
     onChange: function onChange(e) {
       return setOptionSelected(e.value);
     },
@@ -35876,7 +35942,16 @@ var Dropdown = function Dropdown(_ref) {
     style: style,
     itemTemplate: optionTemplate,
     valueTemplate: valueTemplate,
-    onHide: resetDropdownFilter
+    onHide: resetDropdownFilter,
+    showClear: showClear
+  }, isGroupedOption && {
+    optionGroupLabel: 'label',
+    optionGroupChildren: 'items',
+    optionGroupTemplate: groupedItemTemplate
+  })), name && /*#__PURE__*/React__default.createElement("input", {
+    type: "hidden",
+    name: name,
+    value: optionSelected !== null && optionSelected !== void 0 ? optionSelected : ''
   }), invalid && /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("small", {
     style: {
       color: 'red',

package/package.json

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