@inseefr/lunatic 2.7.4 → 2.7.5

package/lib/stories/utils/orchestrator.js

@@ -47,38 +47,29 @@ function DevOptions(_ref) {
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "dev-options",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "title",
-      children: "Options d\xE9veloppeur"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "conteneur",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      style: {
+        display: 'flex'
+      },
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(lunatic.Button, {
         onClick: function onClick() {
           return _logger.Logger.log(getData(true));
         },
-        children: "Get State"
+        children: "Get Data"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(lunatic.Button, {
         onClick: function onClick() {
           return goToPage({
             page: "".concat(toPage)
           });
         },
-        children: "Go to page ".concat(toPage)
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(lunatic.Button, {
-        onClick: function onClick() {
-          return goToPage({
-            page: "".concat(lastReachedPage)
-          });
-        },
-        children: "Go to lastReachedPage : ".concat(lastReachedPage)
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(lunatic.Input, {
-        id: "page-to-jump",
-        value: toPage,
-        handleChange: handleChange,
-        min: 1,
-        label: 'Page',
-        description: 'the page where you want to jump'
+        children: "Go to \"".concat(toPage, "\"")
       })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(lunatic.Input, {
+      id: "page-to-jump",
+      value: toPage,
+      handleChange: handleChange,
+      min: 1,
+      label: 'Page to reach : '
     })]
   });
 }
@@ -91,7 +82,8 @@ function Pager(_ref2) {
     isFirst = _ref2.isFirst,
     pageTag = _ref2.pageTag,
     maxPage = _ref2.maxPage,
-    getData = _ref2.getData;
+    getData = _ref2.getData,
+    pager = _ref2.pager;
   if (maxPage && maxPage > 1) {
     var Button = lunatic.Button;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
@@ -105,13 +97,35 @@ function Pager(_ref2) {
           onClick: goNext,
           disabled: isLast,
           children: "Next"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          style: {
+            fontSize: '.8em',
+            opacity: 0.7,
+            marginTop: '.3em'
+          },
+          children: "You can use PgDown / PgUp shortcut"
         })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        children: ["PAGE: ", pageTag]
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(DevOptions, {
         goToPage: goToPage,
         getData: getData,
         lastReachedPage: lastReachedPage
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "story-pager",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
+          children: "Pager"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("ul", {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("strong", {
+              children: "PageTag:"
+            }), " ", JSON.stringify(pageTag)]
+          }), Object.keys(pager).map(function (key) {
+            return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("strong", {
+                children: [key, ":"]
+              }), " ", JSON.stringify(pager[key])]
+            }, key);
+          })]
+        })]
       })]
     });
   }
@@ -220,9 +234,32 @@ function OrchestratorForStories(_ref3) {
       });
     } else goNextPage();
   }, [compileControls, errorActive, goNextPage, pageTag]);
+
+  // Allow PageDown / PageUp shortcut to ease navigation
+  (0, _react.useEffect)(function () {
+    var listener = function listener(e) {
+      var stopPropagation = false;
+      if (e.key === 'PageDown') {
+        handleGoNext();
+        stopPropagation = true;
+      }
+      if (e.key === 'PageUp') {
+        goPreviousPage();
+        stopPropagation = true;
+      }
+      if (stopPropagation) {
+        e.preventDefault();
+        e.stopPropagation();
+      }
+    };
+    document.addEventListener('keydown', listener);
+    return function () {
+      document.removeEventListener('keydown', listener);
+    };
+  }, [handleGoNext, goPreviousPage]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Provider, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "container",
+      className: "container story-with-sidebar",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "components",
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_2.LunaticComponents, {
@@ -237,30 +274,33 @@ function OrchestratorForStories(_ref3) {
             }, storeName ? getStoreInfo(storeName) : {});
           }
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Pager, {
-        goPrevious: goPreviousPage,
-        goNext: handleGoNext,
-        goToPage: goToPage,
-        lastReachedPage: lastReachedPage,
-        isLast: isLastPage,
-        isFirst: isFirstPage,
-        pageTag: pageTag,
-        maxPage: maxPage,
-        getData: getData
-      }), showOverview && /*#__PURE__*/(0, _jsxRuntime.jsx)(_overview.Overview, {
-        overview: overview,
-        goToPage: goToPage
-      }), errorsForModal && /*#__PURE__*/(0, _jsxRuntime.jsx)(lunatic.Modal, {
-        errors: errorsForModal.currentErrors,
-        goNext: skip,
-        onClose: closeModal,
-        isCritical: errorsForModal.isCritical
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_waiting["default"], {
-        status: waiting,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "waiting-orchestrator",
-          children: "Initialisation des donn\xE9es de suggestion..."
-        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("aside", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Pager, {
+          goPrevious: goPreviousPage,
+          goNext: handleGoNext,
+          goToPage: goToPage,
+          lastReachedPage: lastReachedPage,
+          isLast: isLastPage,
+          isFirst: isFirstPage,
+          pageTag: pageTag,
+          maxPage: maxPage,
+          getData: getData,
+          pager: pager
+        }), showOverview && /*#__PURE__*/(0, _jsxRuntime.jsx)(_overview.Overview, {
+          overview: overview,
+          goToPage: goToPage
+        }), errorsForModal && /*#__PURE__*/(0, _jsxRuntime.jsx)(lunatic.Modal, {
+          errors: errorsForModal.currentErrors,
+          goNext: skip,
+          onClose: closeModal,
+          isCritical: errorsForModal.isCritical
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_waiting["default"], {
+          status: waiting,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "waiting-orchestrator",
+            children: "Initialisation des donn\xE9es de suggestion..."
+          })
+        })]
       })]
     })
   });

package/lib/stories/utils/orchestrator.scss

@@ -2,4 +2,53 @@
 	background-color: antiquewhite;
 	padding: 5px 5px;
 	border: solid burlywood 2px;
+	display: grid;
+	grid-template-columns: 1fr;
+	gap: 1rem;
+}
+
+.story-with-sidebar {
+	font-family: sans-serif;
+	display: grid;
+	height: 100%;
+	grid-template-columns: 1fr 300px;
+	align-items: flex-start;
+}
+
+.story-with-sidebar aside label {
+	display: block;
+	font-weight: bold;
+	margin-bottom: .3em;
+}
+
+.story-with-sidebar aside {
+	display: grid;
+	grid-template-columns: 1fr;
+	gap: 1rem;
+	padding: 1rem;
+	box-shadow: 0 4px 3px rgba(0, 0, 0, 0.07), 0px 2px 2px rgba(0, 0, 0, 0.06);
+	background-color: #f1f5f9;
+
+	.pagination {
+		margin-top: 0;
+	}
+}
+
+.story-pager h3 {
+	font-size: 1rem;
+	padding-bottom: .3rem;
+	margin-bottom: .5rem;
+	border-bottom: solid 1px rgba(0, 0, 0, 0.3);
+}
+
+.story-pager ul {
+	margin: 0;
+	padding: 0 0 0 20px;
+	line-height: 1.4;
+	font-size: 0.9rem;
+	color: rgba(0, 0, 0, 0.75)
+}
+
+.story-pager ul strong {
+	color: #000;
 }

package/lib/stories/utils/referentiel.js

@@ -14,19 +14,23 @@ var getReferentiel = exports.getReferentiel = /*#__PURE__*/function () {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           _context.t0 = name;
-          _context.next = _context.t0 === 'naf-rev2-stop' ? 3 : _context.t0 === 'naf-rev2' ? 3 : _context.t0 === 'cog-communes' ? 4 : 5;
+          _context.next = _context.t0 === 'libelle-pcs2020' ? 3 : _context.t0 === 'naf-rev2-stop' ? 4 : _context.t0 === 'naf-rev2' ? 4 : _context.t0 === 'cog-communes' ? 5 : 6;
           break;
         case 3:
-          return _context.abrupt("return", fetch('https://inseefr.github.io/Lunatic/storybook/naf-rev2.json').then(function (r) {
+          return _context.abrupt("return", fetch('/libelles-pcs-2020.json').then(function (r) {
             return r.json();
           }));
         case 4:
-          return _context.abrupt("return", fetch('https://inseefr.github.io/Lunatic/storybook/communes-2019.json').then(function (r) {
+          return _context.abrupt("return", fetch('https://inseefr.github.io/Lunatic/storybook/naf-rev2.json').then(function (r) {
             return r.json();
           }));
         case 5:
-          throw new Error("Unkonw r\xE9f\xE9rentiel ".concat(name));
+          return _context.abrupt("return", fetch('https://inseefr.github.io/Lunatic/storybook/communes-2019.json').then(function (r) {
+            return r.json();
+          }));
         case 6:
+          throw new Error("Unkonw r\xE9f\xE9rentiel ".concat(name));
+        case 7:
         case "end":
           return _context.stop();
       }

package/lib/use-lunatic/commons/variables/behaviours/cleaning-behaviour.js

@@ -24,16 +24,21 @@ function cleaningBehaviour(store, cleaning) {
       return;
     }
     for (var variableName in cleaningInfo) {
-      var _initialValues$variab;
-      var skipCleaning = store.run(cleaningInfo[variableName], {
-        iteration: e.detail.iteration
-      });
-      if (skipCleaning) {
-        continue;
+      try {
+        var _initialValues$variab;
+        var skipCleaning = store.run(cleaningInfo[variableName], {
+          iteration: e.detail.iteration
+        });
+        if (skipCleaning) {
+          continue;
+        }
+        store.set(variableName, (_initialValues$variab = initialValues[variableName]) !== null && _initialValues$variab !== void 0 ? _initialValues$variab : null, {
+          iteration: e.detail.iteration
+        });
+      } catch (e) {
+        // If we have an error, skip this cleaning
+        console.error(e);
       }
-      store.set(variableName, (_initialValues$variab = initialValues[variableName]) !== null && _initialValues$variab !== void 0 ? _initialValues$variab : null, {
-        iteration: e.detail.iteration
-      });
     }
   });
 }

package/lib/use-lunatic/commons/variables/get-questionnaire-data.js

@@ -53,7 +53,12 @@ function getQuestionnaireData(store, variables) {
           COLLECTED: store.get(variable.name)
         });
       } else {
-        result[variable.variableType][variable.name] = store.get(variable.name);
+        try {
+          result[variable.variableType][variable.name] = store.get(variable.name);
+        } catch (e) {
+          // Error can happen when calculating variable, send null to prevent crashing the mehod
+          result[variable.variableType][variable.name] = null;
+        }
       }
     }
   } catch (err) {

package/lib/use-lunatic/commons/variables/lunatic-variables-store.js

@@ -259,27 +259,45 @@ var LunaticVariable = /*#__PURE__*/function () {
   }, {
     key: "setValue",
     value: function setValue(value, iteration) {
-      var _this = this;
       if (value === this.getSavedValue(iteration)) {
         return false;
       }
       // Decompose arrays, to only update items that changed
       if (Array.isArray(value) && !Array.isArray(iteration)) {
-        return !!value.map(function (v, k) {
-          return _this.setValue(v, [k]);
-        }).find(function (v) {
-          return v;
-        });
+        return this.setValueForArray(value);
       }
       // We want to save a value at a specific iteration, but the value is not an array yet
       if (iteration !== undefined && !Array.isArray(this.value)) {
         this.value = [];
       }
       this.value = !Array.isArray(iteration) ? value : (0, _array.setAtIndex)(this.value, iteration, value);
-      this.updatedAt.set(iteration === null || iteration === void 0 ? void 0 : iteration.join('.'), performance.now());
+      if (value === undefined) {
+        this.updatedAt["delete"](iteration === null || iteration === void 0 ? void 0 : iteration.join('.'));
+      } else {
+        this.updatedAt.set(iteration === null || iteration === void 0 ? void 0 : iteration.join('.'), performance.now());
+      }
       this.updatedAt.set(undefined, performance.now());
       return true;
     }
+  }, {
+    key: "setValueForArray",
+    value: function setValueForArray(value) {
+      var _this = this;
+      var savedValue = this.getSavedValue();
+      var oldSize = Array.isArray(savedValue) ? savedValue.length : -1;
+      var newSize = value.length;
+      // Update every item of the array and look if we changed one item
+      var oneValueChanged = (0, _array.times)(Math.max(oldSize, newSize), function (k) {
+        return _this.setValue(value[k], [k]);
+      }).find(function (v) {
+        return v;
+      }) !== undefined;
+      // New array is smaller, shorten the array
+      if (oldSize > newSize && Array.isArray(this.value)) {
+        this.value = this.value.slice(0, newSize);
+      }
+      return oneValueChanged;
+    }
   }, {
     key: "getSavedValue",
     value: function getSavedValue(iteration) {

package/lib/use-lunatic/commons/variables/lunatic-variables-store.spec.js

@@ -14,6 +14,12 @@ var _missingBehaviour = require("./behaviours/missing-behaviour");
     variables.set('FIRSTNAME', 'John');
     (0, _vitest.expect)(variables.get('FIRSTNAME')).toEqual('John');
   });
+  (0, _vitest.it)('should handle array correctly', function () {
+    variables.set('AGE', [10, 20, 30]);
+    (0, _vitest.expect)(variables.get('AGE')).toEqual([10, 20, 30]);
+    variables.set('AGE', [10, 20]);
+    (0, _vitest.expect)(variables.get('AGE')).toEqual([10, 20]);
+  });
   (0, _vitest.it)('should create a store from an object', function () {
     var store = _lunaticVariablesStore.LunaticVariablesStore.makeFromObject({
       name: 'John',
@@ -86,6 +92,39 @@ var _missingBehaviour = require("./behaviours/missing-behaviour");
       return variables.run('Hello world');
     }).toThrowError();
   });
+  (0, _vitest.describe)('event listener', function () {
+    (0, _vitest.it)('should trigger onChange', function () {
+      variables.set('FIRSTNAME', 'John');
+      var spy = _vitest.vi.fn();
+      variables.on('change', function (e) {
+        return spy(e.detail.name, e.detail.value);
+      });
+      variables.set('FIRSTNAME', 'Jane');
+      (0, _vitest.expect)(spy).toHaveBeenCalledWith('FIRSTNAME', 'Jane');
+    });
+    (0, _vitest.it)('should trigger onChange on array', function () {
+      variables.set('AGE', [18, 23, 24]);
+      var spy = _vitest.vi.fn();
+      variables.on('change', function (e) {
+        return spy(e.detail.name, e.detail.value);
+      });
+      variables.set('AGE', [18, 23]);
+      (0, _vitest.expect)(spy).toHaveBeenCalledWith('AGE', [18, 23]);
+      variables.set('AGE', [18, 25]);
+      (0, _vitest.expect)(spy).toHaveBeenCalledWith('AGE', [18, 25]);
+    });
+    (0, _vitest.it)('should not trigger onChange when value does not change', function () {
+      variables.set('FIRSTNAME', 'John');
+      variables.set('AGE', [18, 20]);
+      var spy = _vitest.vi.fn();
+      variables.on('change', function (e) {
+        return spy(e.detail.name, e.detail.value);
+      });
+      variables.set('FIRSTNAME', 'John');
+      variables.set('AGE', [18, 20]);
+      (0, _vitest.expect)(spy).not.toHaveBeenCalled();
+    });
+  });
   (0, _vitest.describe)('with iteration', function () {
     (0, _vitest.it)('should handle arrays', function () {
       variables.set('FIRSTNAME', ['John', 'Jane']);

package/lib/use-lunatic/hooks/use-page-has-response.js

@@ -0,0 +1,87 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePageHasResponse = usePageHasResponse;
+var _react = require("react");
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+/**
+ * Check if a page has one response (value is filled for at least one field)
+ */
+function usePageHasResponse(components, executeExpression) {
+  return (0, _react.useCallback)(function () {
+    if (!Array.isArray(components)) {
+      return false;
+    }
+    var _iterator = _createForOfIteratorHelper(components),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var component = _step.value;
+        // Some components are considered as "filled" by default
+        if (['PairwiseLinks', 'Roundabout'].includes(component.componentType)) {
+          return true;
+        }
+        // We found a value in one of the root component
+        if ('value' in component && !isEmpty(component.value)) {
+          return true;
+        }
+        // For rosterForLoop we need to inspect child components
+        if ('components' in component && Array.isArray(component.components) && !isSubComponentsEmpty(component.components, executeExpression)) {
+          return true;
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    return false;
+  }, [components, executeExpression]);
+}
+
+/**
+ * Check if a value is empty
+ * - null ou undefined ou ''
+ * - for arrays, every item must be empty
+ * - for objects, every value must be empty
+ */
+function isEmpty(value) {
+  // Array is empty if all items are empty
+  if (Array.isArray(value)) {
+    // We find one value that is not empty
+    return value.find(function (v) {
+      return !isEmpty(v);
+    }) === undefined;
+  }
+  // For object inspect each values
+  if (_typeof(value) === 'object' && value !== null) {
+    return isEmpty(Object.values(value));
+  }
+  return !value;
+}
+
+/**
+ * For complex component we need to inspect child components, interpret the response value
+ */
+function isSubComponentsEmpty(components, executeExpression) {
+  var _iterator2 = _createForOfIteratorHelper(components),
+    _step2;
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var component = _step2.value;
+      if ('response' in component && !isEmpty(executeExpression(component.response.name))) {
+        return false;
+      }
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+  return true;
+}

package/lib/use-lunatic/use-lunatic.js

@@ -19,6 +19,7 @@ var _reducer = _interopRequireDefault(require("./reducer"));
 var _useSuggesters = require("./use-suggesters");
 var _getQuestionnaireData = require("./commons/variables/get-questionnaire-data");
 var _useTrackChanges2 = require("../hooks/use-track-changes");
+var _usePageHasResponse = require("./hooks/use-page-has-response");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -212,7 +213,8 @@ function useLunatic(source) {
     overview: buildedOverview,
     loopVariables: (0, _useLoopVariables.useLoopVariables)(pager, state.pages),
     getChangedData: getChangedData,
-    resetChangedData: resetChangedData
+    resetChangedData: resetChangedData,
+    hasPageResponse: (0, _usePageHasResponse.usePageHasResponse)(components, executeExpression)
   };
 }
 var _default = exports["default"] = useLunatic;

package/lib/utils/env.js

@@ -7,7 +7,7 @@ exports.isTestEnv = isTestEnv;
 function isTestEnv() {
   try {
     // using vitest, process.env is defined
-    return /test/.test("".concat(process.env.npm_lifecycle_event));
+    return "".concat(process.env.VITEST) === 'true';
   } catch (e) {
     // process.env is not defined
     // so we are not running as test so we can return false

package/lib/utils/suggester-workers/searching/meloto-order.js

@@ -8,16 +8,17 @@ exports.value = value;
 var _prepareStringIndexation = _interopRequireDefault(require("../commons-tokenizer/prepare-string-indexation"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function value(entity) {
+  var _suggestion$label;
   var tokens = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   var suggestion = entity.suggestion;
-  var label = suggestion.label;
-  var prepared = (0, _prepareStringIndexation["default"])(label);
-  if (label && label.length) {
+  var used = (_suggestion$label = suggestion.label) !== null && _suggestion$label !== void 0 ? _suggestion$label : suggestion.id;
+  var prepared = (0, _prepareStringIndexation["default"])(used);
+  if (used && used.length) {
     return tokens.reduce(function (score, token, i) {
       var index = prepared.search(token);
       if (index >= 0) {
-        var how = label.length - index;
-        how /= label.length;
+        var how = used.length - index;
+        how /= used.length;
         var weight = tokens.length - i;
         weight /= tokens.length;
         return score + how * weight;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@inseefr/lunatic",
-	"version": "2.7.4",
+	"version": "2.7.5",
 	"workersVersion": "0.3.0",
 	"description": "Library of questionnaire components",
 	"repository": {
@@ -83,7 +83,7 @@
 		"react-keyboard-event-handler": "^1.5.4",
 		"react-markdown": "^8.0.3",
 		"react-number-format": "^5.1.3",
-		"react-tooltip": "^4.2.15",
+		"react-tooltip": "^5.23.0",
 		"remove-accents": "^0.4.2",
 		"sass": "^1.58.3",
 		"snowball": "^0.3.1",