@inseefr/lunatic 2.4.2-beta → 2.4.3-beta

package/lib/components/modal-controls/modal-controls.js

@@ -25,7 +25,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 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); }
-function ErrorItem(_ref) {
+function Error(_ref) {
   var criticality = _ref.criticality,
     errorMessage = _ref.errorMessage;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
@@ -36,7 +36,7 @@ function ErrorItem(_ref) {
 function ComponentErrors(_ref2) {
   var errors = _ref2.errors;
   var content = errors.map(function (error, index) {
-    return /*#__PURE__*/(0, _react.createElement)(ErrorItem, _objectSpread(_objectSpread({}, error), {}, {
+    return /*#__PURE__*/(0, _react.createElement)(Error, _objectSpread(_objectSpread({}, error), {}, {
       key: index
     }));
   }, []);
@@ -46,8 +46,7 @@ function ComponentErrors(_ref2) {
   });
 }
 function ModalControls(_ref3) {
-  var title = _ref3.title,
-    errors = _ref3.errors,
+  var errors = _ref3.errors,
     isCritical = _ref3.isCritical,
     goNext = _ref3.goNext,
     onClose = _ref3.onClose;
@@ -67,7 +66,6 @@ function ModalControls(_ref3) {
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_closeOrSkip["default"], {
         onSkip: goNext,
         onClose: onClose,
-        errors: errors,
         isCritical: isCritical
       })]
     });

package/lib/components/modal-controls/modal-controls.spec.js

@@ -4,26 +4,30 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@testing-library/react");
 var _modalControls = _interopRequireDefault(require("./modal-controls"));
 var _vitest = require("vitest");
-var _i18n = _interopRequireDefault(require("../../i18n"));
+var _typeSource = require("../../use-lunatic/type-source");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 (0, _vitest.describe)('ModalControls component', function () {
   (0, _vitest.it)('should render correctly when there are errors', function () {
     var errors = {
       field1: [{
-        criticality: 'ERROR',
-        errorMessage: 'Error message 1'
+        id: 'message1',
+        criticality: _typeSource.Criticality.ERROR,
+        errorMessage: 'Error message 1',
+        typeOfControl: _typeSource.TypeOfControl.CONSISTENCY
       }],
       field2: [{
-        criticality: 'ERROR',
-        errorMessage: 'Error message 2'
+        id: 'message2',
+        criticality: _typeSource.Criticality.ERROR,
+        errorMessage: 'Error message 2',
+        typeOfControl: _typeSource.TypeOfControl.CONSISTENCY
       }]
     };
     var goNext = _vitest.vi.fn();
     var _render = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_modalControls["default"], {
-        title: "Test Modal",
         errors: errors,
-        goNext: goNext
+        goNext: goNext,
+        onClose: function onClose() {}
       })),
       getByText = _render.getByText;
     (0, _vitest.expect)(getByText('Error message 1')).toBeInTheDocument();
@@ -32,8 +36,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
   (0, _vitest.it)('should render correctly when there are no errors', function () {
     var goNext = _vitest.vi.fn();
     var _render2 = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_modalControls["default"], {
-        title: "Test Modal",
-        goNext: goNext
+        errors: {},
+        goNext: goNext,
+        onClose: function onClose() {}
       })),
       queryByText = _render2.queryByText;
     (0, _vitest.expect)(queryByText('Error message 1')).toBeNull();
@@ -47,7 +52,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
   	};
   	const goNext = vi.fn();
   	const { getByText } = render(
-  		<ModalControls title="Test Modal" errors={errors} goNext={goNext} />
+  		<ModalControls errors={errors} goNext={goNext} />
   	);
   	fireEvent.click(getByText('Correct'));
   	expect(goNext).toHaveBeenCalledWith({ block: true });
@@ -56,19 +61,23 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
   (0, _vitest.it)('should call the goNext function when the skip button is clicked', function () {
     var errors = {
       field1: [{
-        criticality: 'ERROR',
-        errorMessage: 'Error message 1'
+        criticality: _typeSource.Criticality.ERROR,
+        errorMessage: 'Error message 1',
+        id: 'message1',
+        typeOfControl: _typeSource.TypeOfControl.CONSISTENCY
       }],
       field2: [{
-        criticality: 'ERROR',
-        errorMessage: 'Error message 2'
+        criticality: _typeSource.Criticality.ERROR,
+        errorMessage: 'Error message 2',
+        id: 'message2',
+        typeOfControl: _typeSource.TypeOfControl.CONSISTENCY
       }]
     };
     var goNext = _vitest.vi.fn();
     var _render3 = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_modalControls["default"], {
-        title: "Test Modal",
         errors: errors,
-        goNext: goNext
+        goNext: goNext,
+        onClose: function onClose() {}
       })),
       getByText = _render3.getByText;
     _react2.fireEvent.click(getByText('Ignore'));

package/lib/components/pairwise-links/orchestrator.js

@@ -21,7 +21,7 @@ function LinksOrchestrator(props) {
   var id = props.id,
     components = props.components,
     nbRows = props.nbRows,
-    valueMap = props.valueMap,
+    valueMap = props.value,
     handleChange = props.handleChange,
     features = props.features,
     missing = props.missing,
@@ -40,15 +40,18 @@ function LinksOrchestrator(props) {
   (0, _react.useEffect)(function () {
     setLenghts([xAxisIterations, yAxisIterations]);
   }, [xAxisIterations, yAxisIterations]);
-  if (nbRows > 0) {
-    return new Array(nbRows).fill(null).map(function (_, index) {
+  if (nbRows <= 0) {
+    return null;
+  }
+  var items = new Array(nbRows).fill(null);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: items.map(function (_, index) {
       var i = Math.trunc(index / xAxisIterations);
       var j = index % xAxisIterations;
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_row["default"], {
         id: id,
-        rowIndex: index,
         components: components,
-        valueMap: valueMap,
+        value: valueMap,
         handleChange: handleChange,
         executeExpression: executeExpression,
         iteration: iteration,
@@ -62,9 +65,8 @@ function LinksOrchestrator(props) {
         errors: errors,
         symLinks: symLinks
       }, index);
-    });
-  }
-  return null;
+    })
+  });
 }
 var _default = LinksOrchestrator;
 exports["default"] = _default;

package/lib/components/pairwise-links/pairwise-links.js

@@ -1,18 +1,15 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _orchestrator = _interopRequireDefault(require("./orchestrator"));
 var _declarations = require("../declarations");
 var _nothingToDisplay = _interopRequireDefault(require("../commons/components/nothing-to-display"));
 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; }
 var PairwiseLinks = function PairwiseLinks(_ref) {
   var declarations = _ref.declarations,
     components = _ref.components,
@@ -29,10 +26,11 @@ var PairwiseLinks = function PairwiseLinks(_ref) {
     id = _ref.id,
     symLinks = _ref.symLinks;
   var nbRows = xAxisIterations * yAxisIterations;
-  var handleChangeLinks = (0, _react.useCallback)(function (response, value, args) {
-    handleChange(response, value, args);
-  }, [handleChange]);
-  if (nbRows > 1) return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+  console.log('lunatic', 'pairwise', value);
+  if (nbRows <= 1) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_nothingToDisplay["default"], {});
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_declarations.DeclarationsBeforeText, {
       declarations: declarations,
       id: id
@@ -42,9 +40,9 @@ var PairwiseLinks = function PairwiseLinks(_ref) {
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_orchestrator["default"], {
       id: id,
       components: components,
-      handleChange: handleChangeLinks,
+      handleChange: handleChange,
       nbRows: nbRows,
-      valueMap: value,
+      value: value,
       management: management,
       missing: missing,
       shortcut: shortcut,
@@ -59,7 +57,6 @@ var PairwiseLinks = function PairwiseLinks(_ref) {
       id: id
     })]
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_nothingToDisplay["default"], {});
 };
 var _default = PairwiseLinks;
 exports["default"] = _default;

package/lib/components/pairwise-links/row.js

@@ -10,20 +10,17 @@ var _commons = require("../commons");
 var _jsxRuntime = require("react/jsx-runtime");
 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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 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; }
 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; }
+var empty = {};
 function Row(_ref) {
   var components = _ref.components,
-    _ref$valueMap = _ref.valueMap,
-    valueMap = _ref$valueMap === void 0 ? {} : _ref$valueMap,
+    _ref$value = _ref.value,
+    valueMap = _ref$value === void 0 ? empty : _ref$value,
     handleChange = _ref.handleChange,
     features = _ref.features,
     missing = _ref.missing,
@@ -44,20 +41,21 @@ function Row(_ref) {
       lengths: lengths
     });
   }, [handleChange, linksIterations, symLinks, lengths]);
-  if (x !== y) {
-    return components.reduce(function (row, component) {
-      var response = component.response,
-        id = component.id;
-      var idComponent = "".concat(id, "-").concat(x + 1, "-").concat(y + 1, " ");
+  if (x === y) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: components.map(function (component) {
+      var idComponent = "".concat(component.id, "-").concat(x + 1, "-").concat(y + 1, " ");
       var value = undefined;
-      if (response) {
-        var name = response.name;
+      if ('response' in component) {
+        var name = component.response.name;
         var valueArray = valueMap[name];
         if (Array.isArray(valueArray) && Array.isArray(valueArray[x])) {
           value = valueArray[x][y] || '';
         }
       }
-      return [].concat(_toConsumableArray(row), [/*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.OrchestratedComponent, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.OrchestratedComponent, {
         component: component,
         handleChange: handleChangeRow,
         features: features,
@@ -69,10 +67,9 @@ function Row(_ref) {
         preferences: preferences,
         linksIterations: linksIterations,
         executeExpression: executeExpression
-      }, idComponent)]);
-    }, []);
-  }
-  return null;
+      }, idComponent);
+    })
+  });
 }
 var _default = Row;
 exports["default"] = _default;

package/lib/components/radio/html/radio-group-content.js

@@ -8,37 +8,43 @@ var _react = _interopRequireDefault(require("react"));
 var _radioOption = _interopRequireDefault(require("./radio-option"));
 var _commons = require("../../commons");
 var _getShortcutKey = require("../../checkbox/commons/getShortcutKey");
+var _function = require("../../../utils/function");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function RadioGroupContent(_ref) {
   var options = _ref.options,
     value = _ref.value,
     id = _ref.id,
-    onClick = _ref.onClick,
+    _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? _function.voidFunction : _ref$onClick,
     _ref$checkboxStyle = _ref.checkboxStyle,
     checkboxStyle = _ref$checkboxStyle === void 0 ? false : _ref$checkboxStyle,
-    shortcut = _ref.shortcut;
+    shortcut = _ref.shortcut,
+    disabled = _ref.disabled;
   var onKeyDown = (0, _commons.useOptionsKeydown)(options, onClick);
   var maxIndex = options.length;
-  return options.map(function (option, index) {
-    var valueOption = option.value,
-      label = option.label,
-      description = option.description;
-    var radioId = "lunatic-radio-".concat(id, "-").concat(valueOption);
-    var codeModality = (0, _getShortcutKey.getShortcutKey)(index, maxIndex);
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_radioOption["default"], {
-      id: radioId,
-      index: index,
-      checked: value === valueOption,
-      onClick: onClick,
-      value: valueOption,
-      onKeyDown: onKeyDown,
-      checkboxStyle: checkboxStyle,
-      label: label,
-      description: description,
-      codeModality: shortcut && codeModality,
-      shortcut: shortcut
-    }, radioId);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: options.map(function (option, index) {
+      var valueOption = option.value,
+        label = option.label,
+        description = option.description;
+      var radioId = "lunatic-radio-".concat(id, "-").concat(valueOption);
+      var codeModality = (0, _getShortcutKey.getShortcutKey)(index, maxIndex);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_radioOption["default"], {
+        id: radioId,
+        index: index,
+        checked: value === valueOption,
+        onClick: onClick,
+        value: valueOption,
+        onKeyDown: onKeyDown,
+        checkboxStyle: checkboxStyle,
+        label: label,
+        description: description,
+        codeModality: shortcut ? codeModality : undefined,
+        shortcut: shortcut,
+        disabled: disabled
+      }, radioId);
+    })
   });
 }
 var _default = RadioGroupContent;

package/lib/components/radio/html/radio-group-content.spec.js

@@ -23,8 +23,7 @@ var options = [{
   (0, _vitest.it)('renders all options', function () {
     var _render = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_radioGroupContent["default"], {
         options: options,
-        value: "option4",
-        checked: false
+        value: "option4"
       })),
       getAllByRole = _render.getAllByRole;
     var radioOptions = getAllByRole('radio');
@@ -83,4 +82,18 @@ var options = [{
     });
     (0, _vitest.expect)(option1.parentNode).toHaveAttribute('aria-checked', 'true');
   });
+  (0, _vitest.it)('Click not working when disabled', function () {
+    var _render6 = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_radioGroupContent["default"], {
+        options: options,
+        value: "option1",
+        disabled: true
+      })),
+      getByText = _render6.getByText;
+    var option1 = getByText('Option 1');
+    (0, _vitest.expect)(option1.parentNode).toHaveAttribute('tabIndex', '0');
+    _react2.fireEvent.keyDown(option1, {
+      key: '1'
+    });
+    (0, _vitest.expect)(option1.parentNode).toHaveAttribute('aria-checked', 'true');
+  });
 });

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

@@ -4,8 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _radioGroupContent = _interopRequireDefault(require("./radio-group-content"));
 var _commons = require("../../commons");
 require("./radio-group.scss");
@@ -22,8 +20,8 @@ function RadioGroup(_ref) {
     checkboxStyle = _ref$checkboxStyle === void 0 ? false : _ref$checkboxStyle,
     errors = _ref.errors,
     className = _ref.className,
-    shortcut = _ref.shortcut;
-  var onKeyDown = (0, _commons.useOptionsKeydown)(options, onSelect);
+    shortcut = _ref.shortcut,
+    disabled = _ref.disabled;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_commons.Fieldset, {
     className: className,
     legend: label,
@@ -32,36 +30,15 @@ function RadioGroup(_ref) {
       id: id,
       onClick: onSelect,
       value: value,
-      onKeyDown: onKeyDown,
       checkboxStyle: checkboxStyle,
-      label: label,
       options: options,
-      shortcut: shortcut
+      shortcut: shortcut,
+      disabled: disabled
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.Errors, {
       errors: errors,
       activeId: id
     })]
   });
 }
-RadioGroup.propTypes = {
-  options: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    label: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].element]),
-    description: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].element, _propTypes["default"].array]),
-    value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number, _propTypes["default"].bool])
-  })),
-  id: _propTypes["default"].string.isRequired,
-  onSelect: _propTypes["default"].func.isRequired,
-  label: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].element]),
-  value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number, _propTypes["default"].bool, _propTypes["default"].array]),
-  className: _propTypes["default"].string,
-  errors: _propTypes["default"].object,
-  shortcut: _propTypes["default"].bool
-};
-RadioGroup.defaultProps = {
-  errors: undefined,
-  value: undefined,
-  label: undefined,
-  className: undefined
-};
 var _default = (0, _commons.createCustomizableLunaticField)(RadioGroup, 'Radio');
 exports["default"] = _default;

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

@@ -10,51 +10,47 @@ 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 () {
+    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]);
+  }, [value, onClick, checked, checkboxStyle, disabled]);
   var handleKeyDown = (0, _react.useCallback)(function (e) {
+    var _spanEl$current;
     var key = e.key;
-    var current = spanEl.current;
     onKeyDown({
       key: key,
       index: index
     });
-    current.blur();
+    (_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;
@@ -91,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();
@@ -101,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,9 @@ 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,
     response: response,
@@ -53,12 +54,10 @@ function LunaticRadioGroup(props) {
       errors: errors,
       label: label,
       className: className,
-      shortcut: shortcut
+      shortcut: shortcut,
+      disabled: disabled
     })
   });
 }
-LunaticRadioGroup.defaultProps = {
-  className: 'lunatic-radio-group'
-};
 var _default = (0, _commons.createCustomizableLunaticField)(LunaticRadioGroup, 'LunaticRadioGroup');
 exports["default"] = _default;