arengibook 2.4.605 → 2.4.607

package/dist/index.js

@@ -35963,7 +35963,7 @@ var Dropdown = function Dropdown(_ref) {
     _ref$objValue = _ref.objValue,
     objValue = _ref$objValue === void 0 ? null : _ref$objValue,
     _ref$placeholder = _ref.placeholder,
-    placeholder = _ref$placeholder === void 0 ? 'Sélectionnez une option' : _ref$placeholder,
+    placeholder = _ref$placeholder === void 0 ? null : _ref$placeholder,
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     _ref$filter = _ref.filter,
@@ -35984,6 +35984,8 @@ var Dropdown = function Dropdown(_ref) {
     onChange = _ref.onChange,
     _ref$optionStyle = _ref.optionStyle,
     optionStyle = _ref$optionStyle === void 0 ? {} : _ref$optionStyle,
+    _ref$editable = _ref.editable,
+    editable = _ref$editable === void 0 ? false : _ref$editable,
     name = _ref.name,
     _ref$showClear = _ref.showClear,
     showClear = _ref$showClear === void 0 ? false : _ref$showClear,
@@ -36018,7 +36020,7 @@ var Dropdown = function Dropdown(_ref) {
     _useState6 = _slicedToArray$8(_useState5, 2),
     loadedOptions = _useState6[0],
     setLoadedOptions = _useState6[1];
-  var isOptionLoadFunction = typeof options === 'function';
+  var isOptionLoadFunction = typeof options === 'function'; // (détecte si l'option est une fonction donc fonction asynchrone)
   var filterRef = useRef('');
   var dropdownRef = useRef(null);
   var _useState7 = useState(null),
@@ -36027,6 +36029,7 @@ var Dropdown = function Dropdown(_ref) {
     setValueToOptionMap = _useState8[1];
   useEffect(function () {
     if (isOptionLoadFunction && objValue && isSelectMeta) {
+      console.log("objValue");
       setValueToOptionMap(objValue);
     }
     var handleScroll = function handleScroll(e) {
@@ -36058,7 +36061,9 @@ var Dropdown = function Dropdown(_ref) {
               setLoading(true);
               _context.p = 1;
               _context.n = 2;
-              return options();
+              return options('', [], {
+                page: 1
+              });
             case 2:
               result = _context.v;
               setLoadedOptions(Array.isArray(result.options) ? result.options : []);
@@ -36208,7 +36213,7 @@ var Dropdown = function Dropdown(_ref) {
       return _regenerator().w(function (_context2) {
         while (1) switch (_context2.n) {
           case 0:
-            if (isOptionLoadFunction) {
+            if (!(!isOptionLoadFunction || loading)) {
               _context2.n = 1;
               break;
             }
@@ -36344,18 +36349,19 @@ var Dropdown = function Dropdown(_ref) {
     itemTemplate: optionTemplate,
     valueTemplate: valueTemplate,
     showClear: showClear,
-    optionGroupTemplate: isGroupedOption ? groupedItemTemplate : null
+    optionGroupTemplate: isGroupedOption ? groupedItemTemplate : null,
+    editable: editable
   }, isGroupedOption && {
     optionGroupLabel: 'label',
     optionGroupChildren: 'items'
   }, (isSelectMeta || isOptionLoadFunction) && {
     virtualScrollerOptions: {
-      lazy: true,
+      showLoader: true,
       onLazyLoad: onLazyLoad,
       itemSize: 38,
-      showLoader: true,
+      totalrecords: loadedOptions.length + 50,
       loading: loading,
-      delay: 250
+      lazy: true
     }
   })), name && /*#__PURE__*/React__default.createElement("input", {
     type: "hidden",
@@ -36436,11 +36442,19 @@ var optionsWithColors = [{
   label: 'Vert',
   value: 'vert',
   color: '#00FF00'
-}
-// { label: 'Bleu', value: 'bleu', color: '#0000FF' },
-// { label: 'Jaune', value: 'jaune', color: '#FFFF00' },
-// { label: 'Cyan', value: 'cyan', color: '#00FFFF' },
-];
+}, {
+  label: 'Bleu',
+  value: 'bleu',
+  color: '#0000FF'
+}, {
+  label: 'Jaune',
+  value: 'jaune',
+  color: '#FFFF00'
+}, {
+  label: 'Cyan',
+  value: 'cyan',
+  color: '#00FFFF'
+}];
 var createFakeOptions = function createFakeOptions(start, length) {
   var options = [];
   for (var i = start; i < length; i++) {
@@ -36485,6 +36499,7 @@ var DropdownPresets = {
     placeholder: 'Sélectionnez une couleur',
     options: optionsWithColors,
     isSelectMeta: true,
+    editable: true,
     selectMetaConfig: {
       generalIcon: 'pi pi-circle-fill'
     },
@@ -36499,9 +36514,14 @@ var DropdownPresets = {
     }
   },
   SelectMetaAsyncLoad: {
-    placeholder: 'Chargement distant simulé',
-    value: 2,
-    // objValue: { label: 'Option 2', value: 2, color: 'green' }, // simule un affichage direct de l'option dans l'input si celle-ci a été enregistrée (si options asynchrones uniquement
+    editable: true,
+    // value: 2,
+    objValue: {
+      label: 'Option 2',
+      value: 2,
+      color: '#000000'
+    },
+    // simule un affichage direct de l'option dans l'input si celle-ci a été enregistrée (si options asynchrones uniquement
     options: function () {
       var _options = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(search, loadedOptions, _ref) {
         var page, length, start, data;
@@ -36509,7 +36529,7 @@ var DropdownPresets = {
           while (1) switch (_context.n) {
             case 0:
               page = _ref.page;
-              length = 2;
+              length = 20;
               start = (page - 1) * length; // Simule un délai réseau
               _context.n = 1;
               return new Promise(function (res) {

package/package.json

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