arengibook 2.4.633 → 2.4.635

package/dist/index.js

@@ -39109,10 +39109,7 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
     useCheckbox = _ref$useCheckbox === void 0 ? false : _ref$useCheckbox,
     _ref$showSelectAll = _ref.showSelectAll,
     showSelectAll = _ref$showSelectAll === void 0 ? true : _ref$showSelectAll;
-  // const [selectedOptions, setSelectedOptions] = useState(value ?? []);
-  var _useState = useState(objValue ? _toConsumableArray$7(objValue.map(function (opt) {
-      return opt[optionValue];
-    })) : value !== null && value !== void 0 ? value : []),
+  var _useState = useState(null),
     _useState2 = _slicedToArray$9(_useState, 2),
     selectedOptions = _useState2[0],
     setSelectedOptions = _useState2[1];
@@ -39133,33 +39130,45 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
   var currentPageRef = useRef(1);
   var isOptionsArray = Array.isArray(options);
   useEffect(function () {
-    if (isOptionsArray) {
-      setLoadedOptions(options);
-    } else {
-      var loadInitialOptions = /*#__PURE__*/function () {
-        var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
-          var result;
-          return _regenerator().w(function (_context) {
-            while (1) switch (_context.n) {
-              case 0:
-                _context.n = 1;
-                return options('', [], {
-                  page: 1
+    setSelectedOptions(objValue ? _toConsumableArray$7(objValue.map(function (opt) {
+      return opt[optionValue];
+    })) : value !== null && value !== void 0 ? value : []);
+    console.log(objValue ? _toConsumableArray$7(objValue.map(function (opt) {
+      return opt[optionValue];
+    })) : value !== null && value !== void 0 ? value : []);
+    var loadInitialOptions = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+        var result, _result$options, exists;
+        return _regenerator().w(function (_context) {
+          while (1) switch (_context.n) {
+            case 0:
+              _context.n = 1;
+              return options('', [], {
+                page: 1
+              });
+            case 1:
+              result = _context.v;
+              setLoadedOptions((result === null || result === void 0 ? void 0 : result.options) || []);
+              if (objValue) {
+                exists = result === null || result === void 0 || (_result$options = result.options) === null || _result$options === void 0 ? void 0 : _result$options.some(function (opt) {
+                  return opt[optionValue] === objValue[optionValue];
                 });
-              case 1:
-                result = _context.v;
-                setLoadedOptions((result === null || result === void 0 ? void 0 : result.options) || []);
-              case 2:
-                return _context.a(2);
-            }
-          }, _callee);
-        }));
-        return function loadInitialOptions() {
-          return _ref2.apply(this, arguments);
-        };
-      }();
-      loadInitialOptions();
-    }
+                if (!exists) {
+                  setLoadedOptions(function (prev) {
+                    return [].concat(_toConsumableArray$7(prev), [objValue]);
+                  });
+                }
+              }
+            case 2:
+              return _context.a(2);
+          }
+        }, _callee);
+      }));
+      return function loadInitialOptions() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    loadInitialOptions();
   }, [options]);
   useEffect(function () {
     var observer = new MutationObserver(function () {
@@ -39329,7 +39338,7 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
   }), name && /*#__PURE__*/React__default.createElement("input", {
     type: "hidden",
     name: name,
-    value: selectedOptions.map(function (opt) {
+    value: (Array.isArray(selectedOptions) ? selectedOptions : []).map(function (opt) {
       return opt[optionValue];
     }).join(',')
   }), invalid && /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("small", {
@@ -39815,8 +39824,8 @@ var MultiSelectPresets = {
     isSelectMeta: true,
     // value: ['1', '2'],
     objValue: [{
-      label: 'Option 2',
-      value: '2',
+      label: 'Option 3',
+      value: '3',
       color: '#ff9900'
     }],
     displayNbOption: false,
@@ -39845,11 +39854,11 @@ var MultiSelectPresets = {
     objValue: [{
       label: 'Option 9',
       value: 9,
-      color: '#ff9900'
+      color: "#67688C"
     }, {
       label: 'Option 4',
       value: 4,
-      color: 'black'
+      color: "#39C9BF"
     }],
     // objValue: [
     //     {
@@ -40023,7 +40032,7 @@ var asyncOptions = /*#__PURE__*/function () {
 var MultiSelectMetaAsyncPresets = {
   // Configuration pour les options synchrones
   SyncOptions: {
-    value: ['1', '2'],
+    value: ['2', '9'],
     options: syncOptions,
     placeholder: 'Sélectionnez une ou plusieurs options',
     optionLabel: 'label',
@@ -40045,7 +40054,7 @@ var MultiSelectMetaAsyncPresets = {
   },
   // Configuration pour les options asynchrones
   AsyncOptions: {
-    value: ['1', '2'],
+    value: ['1', '12'],
     options: asyncOptions,
     placeholder: 'Sélectionnez une ou plusieurs options',
     optionLabel: 'label',

package/package.json

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