@inseefr/lunatic 2.4.2 → 2.4.3

package/lib/components/radio/html/radio-option.js

@@ -10,56 +10,48 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _commons = require("../../commons");
 var _icons = require("../../commons/icons");
 var _reactKeyboardEventHandler = _interopRequireDefault(require("react-keyboard-event-handler"));
+var _function = require("../../../utils/function");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function getIcon(checked, checkboxStyle) {
-  if (checked) {
-    if (checkboxStyle) {
-      return _icons.CheckboxChecked;
-    }
-    return _icons.RadioChecked;
-  }
-  if (checkboxStyle) {
-    return _icons.CheckboxUnchecked;
-  }
-  return _icons.RadioUnchecked;
-}
 function RadioOption(_ref) {
   var checked = _ref.checked,
-    onClick = _ref.onClick,
-    value = _ref.value,
+    _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? _function.voidFunction : _ref$onClick,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? null : _ref$value,
     id = _ref.id,
     disabled = _ref.disabled,
-    onKeyDown = _ref.onKeyDown,
-    index = _ref.index,
+    _ref$onKeyDown = _ref.onKeyDown,
+    onKeyDown = _ref$onKeyDown === void 0 ? _function.voidFunction : _ref$onKeyDown,
+    _ref$index = _ref.index,
+    index = _ref$index === void 0 ? -1 : _ref$index,
     labelledBy = _ref.labelledBy,
     checkboxStyle = _ref.checkboxStyle,
     label = _ref.label,
     description = _ref.description,
     shortcut = _ref.shortcut,
     codeModality = _ref.codeModality;
-  var spanEl = (0, _react.useRef)();
+  var spanEl = (0, _react.useRef)(null);
   var Icon = getIcon(checked, checkboxStyle);
-  var tabIndex = checked ? '0' : '-1';
+  var tabIndex = checked ? 0 : -1;
   var onClickOption = (0, _react.useCallback)(function () {
-    // on checkboxStyle, clicking on checked value unchecks it, so it acts as if empty answer was clicked
-    if (!disabled) {
-      checkboxStyle && checked ? onClick(null) : onClick(value);
+    if (disabled) {
+      return;
     }
+    // on checkboxStyle, clicking on checked value unchecks it, so it acts as if empty answer was clicked
+    checkboxStyle && checked ? onClick(null) : onClick(value);
   }, [value, onClick, checked, checkboxStyle, disabled]);
   var handleKeyDown = (0, _react.useCallback)(function (e) {
-    if (!disabled) {
-      var key = e.key;
-      var current = spanEl.current;
-      onKeyDown({
-        key: key,
-        index: index
-      });
-      current.blur();
-    }
-  }, [onKeyDown, index, spanEl, disabled]);
+    var _spanEl$current;
+    var key = e.key;
+    onKeyDown({
+      key: key,
+      index: index
+    });
+    (_spanEl$current = spanEl.current) === null || _spanEl$current === void 0 ? void 0 : _spanEl$current.blur();
+  }, [onKeyDown, index, spanEl]);
   (0, _react.useEffect)(function () {
     var current = spanEl.current;
     if (current && checked) {
@@ -95,7 +87,7 @@ function RadioOption(_ref) {
           })]
         })
       })
-    }), shortcut && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactKeyboardEventHandler["default"], {
+    }), shortcut && codeModality && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactKeyboardEventHandler["default"], {
       handleKeys: [codeModality],
       onKeyEvent: function onKeyEvent(key, e) {
         e.preventDefault();
@@ -105,5 +97,17 @@ function RadioOption(_ref) {
     })]
   });
 }
+function getIcon(checked, checkboxStyle) {
+  if (checked) {
+    if (checkboxStyle) {
+      return _icons.CheckboxChecked;
+    }
+    return _icons.RadioChecked;
+  }
+  if (checkboxStyle) {
+    return _icons.CheckboxUnchecked;
+  }
+  return _icons.RadioUnchecked;
+}
 var _default = (0, _commons.createCustomizableLunaticField)(RadioOption, 'RadioOption');
 exports["default"] = _default;

package/lib/components/radio/html/radio-option.spec.js

@@ -9,6 +9,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
   (0, _vitest.it)('renders the component with the correct label', function () {
     var label = 'Test Option';
     var _render = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_radioOption["default"], {
+        id: "radio-option",
         label: label
       })),
       getByText = _render.getByText;
@@ -17,6 +18,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
   (0, _vitest.it)('calls the onClick handler when clicked', function () {
     var onClickMock = _vitest.vi.fn();
     (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_radioOption["default"], {
+      id: "radio-option",
       label: "Test Option",
       onClick: onClickMock
     }));
@@ -26,6 +28,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
   });
   (0, _vitest.it)('sets the tabIndex to -1 when unchecked', function () {
     var _render2 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_radioOption["default"], {
+        id: "radio-option",
         label: "Test Option",
         checked: false
       })),
@@ -34,6 +37,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
   });
   (0, _vitest.it)('sets the tabIndex to 0 when checked', function () {
     var _render3 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_radioOption["default"], {
+        id: "radio-option",
         label: "Test Option",
         checked: true
       })),
@@ -42,6 +46,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
   });
   (0, _vitest.it)('applies the disabled class when disabled prop is present', function () {
     var _render4 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_radioOption["default"], {
+        id: "radio-option",
         label: "Test Option",
         disabled: true
       })),
@@ -50,6 +55,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
   });
   (0, _vitest.it)('applies the checked class when checked prop is present', function () {
     var _render5 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_radioOption["default"], {
+        id: "radio-option",
         label: "Test Option",
         checked: true
       })),
@@ -58,6 +64,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
   });
   (0, _vitest.it)('applies the code-modality class when codeModality prop is present', function () {
     var _render6 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_radioOption["default"], {
+        id: "radio-option",
         label: "Test Option",
         codeModality: "html"
       })),
@@ -67,6 +74,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
   (0, _vitest.it)('calls the onKeyDown handler when a key is pressed', function () {
     var onKeyDownMock = _vitest.vi.fn();
     (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_radioOption["default"], {
+      id: "radio-option",
       label: "Test Option",
       onKeyDown: onKeyDownMock
     }));

package/lib/components/radio/lunatic-radio-group.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
 var _radioGroup = _interopRequireDefault(require("./html/radio-group"));
 var _lunaticComponentWithoutLabel = _interopRequireDefault(require("../commons/components/lunatic-component-without-label"));
 var _useOnHandleChange = _interopRequireDefault(require("../commons/use-on-handle-change"));
@@ -27,7 +26,8 @@ function LunaticRadioGroup(props) {
     missing = props.missing,
     shortcut = props.shortcut,
     management = props.management,
-    className = props.className,
+    _props$className = props.className,
+    className = _props$className === void 0 ? 'lunatic-radio-group' : _props$className,
     disabled = props.disabled;
   var onChange = (0, _useOnHandleChange["default"])({
     handleChange: handleChange,
@@ -59,9 +59,5 @@ function LunaticRadioGroup(props) {
     })
   });
 }
-LunaticRadioGroup.defaultProps = {
-  className: 'lunatic-radio-group',
-  disabled: false
-};
 var _default = (0, _commons.createCustomizableLunaticField)(LunaticRadioGroup, 'LunaticRadioGroup');
 exports["default"] = _default;

package/lib/components/roundabout/components/roundabout-it-button.js

@@ -52,7 +52,8 @@ function RoundaboutItButton(_ref3) {
     iteration = _ref3.iteration,
     unnecessary = _ref3.unnecessary,
     goToIteration = _ref3.goToIteration,
-    locked = _ref3.locked;
+    _ref3$locked = _ref3.locked,
+    locked = _ref3$locked === void 0 ? true : _ref3$locked;
   var status = getStatus(complete, partial);
   var label = getLabel({
     complete: complete,
@@ -73,8 +74,5 @@ function RoundaboutItButton(_ref3) {
     children: label
   });
 }
-RoundaboutItButton.defaultProps = {
-  locked: true
-};
 var _default = (0, _commons.createCustomizableLunaticField)(RoundaboutItButton, 'RoundaboutItButton');
 exports["default"] = _default;

package/lib/components/roundabout/lunatic-roundabout.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-exports.isComplete = isComplete;
 var _react = _interopRequireWildcard(require("react"));
 var _roundabout = _interopRequireDefault(require("./roundabout"));
 var _redirect = _interopRequireDefault(require("./redirect"));
@@ -13,17 +12,6 @@ var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function isComplete() {
-  var expressions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var complete = expressions.complete;
-  if (Array.isArray(complete)) {
-    return complete.reduce(function (state, current) {
-      return state && current;
-    });
-  }
-  return false;
-}
-
 /**
  *  Logique fonctionnelle et immuable du composant
  */

package/lib/components/roundabout/roundabout.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _commons = require("../commons");
 var _roundaboutLabel = _interopRequireDefault(require("./components/roundabout-label"));
 var _roundaboutPending = _interopRequireDefault(require("./components/roundabout-pending"));
@@ -41,15 +40,17 @@ function Roundabout(_ref2) {
     expressions = _ref2.expressions,
     goToIteration = _ref2.goToIteration,
     label = _ref2.label,
-    locked = _ref2.locked;
+    _ref2$locked = _ref2.locked,
+    locked = _ref2$locked === void 0 ? true : _ref2$locked;
+  var emptyArray = new Array(iterations);
   var _expressions$complete = expressions.complete,
-    complete = _expressions$complete === void 0 ? new Array(iterations) : _expressions$complete,
+    complete = _expressions$complete === void 0 ? emptyArray : _expressions$complete,
     _expressions$partial = expressions.partial,
-    partial = _expressions$partial === void 0 ? new Array(iterations) : _expressions$partial,
+    partial = _expressions$partial === void 0 ? emptyArray : _expressions$partial,
     _expressions$label = expressions.label,
-    iterationLabels = _expressions$label === void 0 ? new Array(iterations) : _expressions$label,
+    iterationLabels = _expressions$label === void 0 ? emptyArray : _expressions$label,
     _expressions$unnecess = expressions.unnecessary,
-    unnecessary = _expressions$unnecess === void 0 ? new Array(iterations) : _expressions$unnecess;
+    unnecessary = _expressions$unnecess === void 0 ? emptyArray : _expressions$unnecess;
   if (iterationLabels !== undefined && partial !== undefined) {
     var subElements = new Array(iterations).fill(null).map(function (_, i) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(RoundaboutIteration, {
@@ -70,20 +71,5 @@ function Roundabout(_ref2) {
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_roundaboutPending["default"], {});
 }
-Roundabout.propTypes = {
-  iterations: _propTypes["default"].number.isRequired,
-  expressions: _propTypes["default"].shape({
-    label: _propTypes["default"].arrayOf(_propTypes["default"].string).isRequired,
-    partial: _propTypes["default"].arrayOf(_propTypes["default"].bool).isRequired,
-    complete: _propTypes["default"].arrayOf(_propTypes["default"].bool).isRequired
-  }).isRequired,
-  goToIteration: _propTypes["default"].func.isRequired,
-  label: _propTypes["default"].string,
-  locked: _propTypes["default"].bool
-};
-Roundabout.defaultProps = {
-  label: undefined,
-  locked: true
-};
 var _default = (0, _commons.createCustomizableLunaticField)(Roundabout, 'Roundabout');
 exports["default"] = _default;

package/lib/components/sequence/sequence.js

@@ -4,12 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
 var _declarations = require("../declarations");
 require("./sequence.scss");
 var _commons = require("../commons");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function Sequence(_ref) {
   var declarations = _ref.declarations,
     label = _ref.label,

package/lib/components/sequence/sequence.spec.js

@@ -13,20 +13,23 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 (0, _vitest.describe)('Sequence', function () {
   var mockDeclarations = [{
-    id: 1,
+    id: '1',
     label: 'Declaration 1',
     declarationType: 'TYPE_1',
-    position: 'BEFORE_QUESTION_TEXT'
+    position: 'BEFORE_QUESTION_TEXT',
+    declarations: []
   }, {
-    id: 2,
+    id: '2',
     label: 'Declaration 2',
     declarationType: 'TYPE_2',
-    position: 'AFTER_QUESTION_TEXT'
+    position: 'AFTER_QUESTION_TEXT',
+    declarations: []
   }, {
-    id: 3,
+    id: '3',
     label: 'Declaration 3',
     declarationType: 'TYPE_3',
-    position: 'DETACHABLE'
+    position: 'DETACHABLE',
+    declarations: []
   }];
   var mockProps = {
     declarations: mockDeclarations,

package/lib/components/subsequence/subsequence.spec.js

@@ -13,17 +13,17 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 (0, _vitest.describe)('Sequence', function () {
   var mockDeclarations = [{
-    id: 1,
+    id: '1',
     label: 'Declaration 1',
     declarationType: 'TYPE_1',
     position: 'BEFORE_QUESTION_TEXT'
   }, {
-    id: 2,
+    id: '2',
     label: 'Declaration 2',
     declarationType: 'TYPE_2',
     position: 'AFTER_QUESTION_TEXT'
   }, {
-    id: 3,
+    id: '3',
     label: 'Declaration 3',
     declarationType: 'TYPE_3',
     position: 'DETACHABLE'
@@ -37,6 +37,7 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
     }
   };
   (0, _vitest.it)('renders the label and declarations in the correct order', function () {
+    var _subSequenceLabel$pre, _subSequenceLabel$nex, _subSequenceLabel$nex2, _subSequenceLabel$nex3;
     var _render = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_subsequence["default"], _objectSpread({}, mockProps))),
       getByText = _render.getByText,
       queryByText = _render.queryByText;
@@ -47,15 +48,15 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 
     // Declarations before text should appear before the label
     (0, _vitest.expect)(declaration1).toBeInTheDocument();
-    (0, _vitest.expect)(subSequenceLabel.previousSibling.childNodes[0]).toBe(declaration1);
+    (0, _vitest.expect)((_subSequenceLabel$pre = subSequenceLabel.previousSibling) === null || _subSequenceLabel$pre === void 0 ? void 0 : _subSequenceLabel$pre.childNodes[0]).toBe(declaration1);
 
     // Declarations after text should appear after the label
     (0, _vitest.expect)(declaration2).toBeInTheDocument();
-    (0, _vitest.expect)(subSequenceLabel.nextSibling.childNodes[0]).toBe(declaration2);
+    (0, _vitest.expect)((_subSequenceLabel$nex = subSequenceLabel.nextSibling) === null || _subSequenceLabel$nex === void 0 ? void 0 : _subSequenceLabel$nex.childNodes[0]).toBe(declaration2);
 
     // Detachable declarations should appear after the label and after declarations after text
     (0, _vitest.expect)(declaration3).toBeInTheDocument();
-    (0, _vitest.expect)(subSequenceLabel.nextSibling.nextSibling.childNodes[0]).toBe(declaration3);
+    (0, _vitest.expect)((_subSequenceLabel$nex2 = subSequenceLabel.nextSibling) === null || _subSequenceLabel$nex2 === void 0 ? void 0 : (_subSequenceLabel$nex3 = _subSequenceLabel$nex2.nextSibling) === null || _subSequenceLabel$nex3 === void 0 ? void 0 : _subSequenceLabel$nex3.childNodes[0]).toBe(declaration3);
 
     // Ensure no other declarations are rendered
     (0, _vitest.expect)(queryByText('Declaration 4')).toBeNull();

package/lib/components/suggester/find-best-label/find-best-label.js

@@ -5,7 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _createWorker = require("../../../utils/suggester-workers/create-worker");
-var WORKER_PATH = process.env.LUNATIC_LABEL_WORKER_PATH || process.env.REACT_APP_LUNATIC_LABEL_WORKER_PATH;
+// @ts-ignore
+
+var WORKER_PATH = process.env.LUNATIC_LABEL_WORKER_PATH || process.env.REACT_APP_LUNATIC_LABEL_WORKER_PATH || '';
 var WORKER;
 var TASKS = new Map();
 function getIdTask() {
@@ -22,28 +24,21 @@ function getWorker() {
       var data = e.data;
       var response = data.response,
         idTask = data.idTask;
-      if (idTask in TASKS) {
-        TASKS[idTask](response);
+      if (TASKS.has(idTask)) {
+        TASKS.get(idTask)(response);
       }
     });
   }
   return WORKER;
 }
-
-/**
- *
- * @param {*} option
- * @param {*} search
- * @returns
- */
 function findBestLabel(option, search) {
   return new Promise(function (resolve) {
     var idTask = getIdTask();
     var worker = getWorker();
-    TASKS[idTask] = function (response) {
+    TASKS.set(idTask, function (response) {
       resolve(response);
-      delete TASKS[idTask];
-    };
+      TASKS["delete"](idTask);
+    });
     worker.postMessage({
       option: option,
       search: search,

package/lib/components/suggester/html/suggester.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _commons = require("../../commons");
-var _i18n = _interopRequireDefault(require("../../../i18n"));
 require("./default-style.scss");
+var _function = require("../../../utils/function");
+var _i18n = _interopRequireDefault(require("../../../i18n"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -23,18 +23,17 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function getSearch(search, value) {
-  if (!search.length && value) {
-    return value;
-  }
-  return '';
-}
 function Suggester(_ref) {
-  var className = _ref.className,
-    placeholder = _ref.placeholder,
-    onSelect = _ref.onSelect,
-    labelRenderer = _ref.labelRenderer,
-    optionRenderer = _ref.optionRenderer,
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? 'lunatic-suggester-default-style' : _ref$className,
+    _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? _i18n["default"].PLACEHOLDER : _ref$placeholder,
+    _ref$onSelect = _ref.onSelect,
+    onSelect = _ref$onSelect === void 0 ? _function.voidFunction : _ref$onSelect,
+    _ref$labelRenderer = _ref.labelRenderer,
+    labelRenderer = _ref$labelRenderer === void 0 ? _commons.DefaultLabelRenderer : _ref$labelRenderer,
+    _ref$optionRenderer = _ref.optionRenderer,
+    optionRenderer = _ref$optionRenderer === void 0 ? _commons.DefaultOptionRenderer : _ref$optionRenderer,
     value = _ref.value,
     disabled = _ref.disabled,
     id = _ref.id,
@@ -42,7 +41,6 @@ function Suggester(_ref) {
     label = _ref.label,
     description = _ref.description,
     errors = _ref.errors;
-  var htmlFor = "lunatic-suggester-".concat(id);
   var _useState = (0, _react.useState)(''),
     _useState2 = _slicedToArray(_useState, 2),
     search = _useState2[0],
@@ -52,20 +50,16 @@ function Suggester(_ref) {
     options = _useState4[0],
     setOptions = _useState4[1];
   var handleSelect = (0, _react.useCallback)(function (id) {
-    if (id) {
-      onSelect(id);
-    } else {
-      onSelect(null);
-    }
+    onSelect(id ? id : null);
   }, [onSelect]);
   var handleChange = (0, _react.useCallback)( /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(search) {
-      var _yield$searching, results, old;
+      var _yield$searching, results;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             if (!(search && typeof searching === 'function')) {
-              _context.next = 10;
+              _context.next = 9;
               break;
             }
             _context.next = 3;
@@ -73,16 +67,15 @@ function Suggester(_ref) {
           case 3:
             _yield$searching = _context.sent;
             results = _yield$searching.results;
-            old = _yield$searching.search;
             setOptions(results);
             setSearch(search);
-            _context.next = 13;
+            _context.next = 12;
             break;
-          case 10:
+          case 9:
             setOptions([]);
             onSelect(null);
             setSearch('');
-          case 13:
+          case 12:
           case "end":
             return _context.stop();
         }
@@ -95,7 +88,6 @@ function Suggester(_ref) {
   var defaultSearch = getSearch(search, value);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.ComboBox, {
     id: id,
-    htmlFor: htmlFor,
     className: className,
     onChange: handleChange,
     disabled: disabled,
@@ -112,32 +104,11 @@ function Suggester(_ref) {
     errors: errors
   });
 }
-Suggester.propTypes = {
-  id: _propTypes["default"].string.isRequired,
-  className: _propTypes["default"].string,
-  placeholder: _propTypes["default"].string,
-  labelledBy: _propTypes["default"].string,
-  optionRenderer: _propTypes["default"].elementType,
-  labelRenderer: _propTypes["default"].elementType,
-  onSelect: _propTypes["default"].func,
-  value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number, _propTypes["default"].bool, _propTypes["default"].object]),
-  searching: _propTypes["default"].func,
-  label: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].element]),
-  description: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].element, _propTypes["default"].array]),
-  errors: _propTypes["default"].object
-};
-Suggester.defaultProps = {
-  className: 'lunatic-suggester-default-style',
-  labelledBy: undefined,
-  placeholder: _i18n["default"].PLACEHOLDER,
-  optionRenderer: _commons.DefaultOptionRenderer,
-  labelRenderer: _commons.DefaultLabelRenderer,
-  language: 'French',
-  onSelect: function onSelect() {
-    return null;
-  },
-  value: undefined,
-  searching: undefined
-};
+function getSearch(search, value) {
+  if (!search.length && value) {
+    return value;
+  }
+  return '';
+}
 var _default = (0, _commons.createCustomizableLunaticField)(Suggester, 'Suggester');
 exports["default"] = _default;

package/lib/components/suggester/idb-suggester/check-store.js

@@ -96,7 +96,9 @@ function CheckStore(_ref) {
     });
   }
   if (ready === 200) {
-    return children;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: children
+    });
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "lunatic-suggester-unvailable",

package/lib/components/suggester/idb-suggester/idb-suggester.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.IDBSuggester = IDBSuggester;
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _suggester = _interopRequireDefault(require("../html/suggester"));
 var _searching = _interopRequireDefault(require("../searching"));
 var _checkStore = _interopRequireDefault(require("./check-store"));
@@ -23,7 +22,8 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function IDBSuggester(_ref) {
   var storeName = _ref.storeName,
-    idbVersion = _ref.idbVersion,
+    _ref$idbVersion = _ref.idbVersion,
+    idbVersion = _ref$idbVersion === void 0 ? '1' : _ref$idbVersion,
     id = _ref.id,
     className = _ref.className,
     optionRenderer = _ref.optionRenderer,
@@ -52,7 +52,7 @@ function IDBSuggester(_ref) {
     description: description,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkStore["default"], {
       storeName: storeName,
-      idbVersion: idbVersion,
+      version: parseInt(idbVersion, 10),
       setStore: setStore,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_suggester["default"], {
         id: id,
@@ -69,22 +69,4 @@ function IDBSuggester(_ref) {
       })
     })
   });
-}
-IDBSuggester.defaultProps = {
-  idbVersion: '1',
-  label: undefined,
-  description: undefined,
-  errors: undefined
-};
-IDBSuggester.propTypes = {
-  storeName: _propTypes["default"].string.isRequired,
-  idbVersion: _propTypes["default"].string,
-  id: _propTypes["default"].string,
-  className: _propTypes["default"].string,
-  optionRenderer: _propTypes["default"].func,
-  labelRenderer: _propTypes["default"].func,
-  onSelect: _propTypes["default"].func,
-  label: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].element]),
-  description: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].element, _propTypes["default"].array]),
-  errors: _propTypes["default"].object
-};
+}