@inseefr/lunatic 2.7.20 → 3.0.0-rc.1

package/lib/components/Question/Question.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Question = void 0;
+var _LunaticComponents = require("../LunaticComponents");
+var _customizedComponent = require("../shared/HOC/customizedComponent");
+var _Declarations = require("../shared/Declarations/Declarations");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Surround a question giving additional context with label / description / declarations
+ */
+var Question = exports.Question = (0, _customizedComponent.customizedComponent)('Question', function (props) {
+  var id = props.id,
+    description = props.description,
+    declarations = props.declarations,
+    label = props.label,
+    components = props.components;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("fieldset", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("legend", {
+      id: "question-legend-".concat(id),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
+        children: label
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        className: "description-lunatic",
+        id: "question-description-".concat(id),
+        children: description
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Declarations.Declarations, {
+      type: "AFTER_QUESTION_TEXT",
+      declarations: declarations,
+      id: id
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LunaticComponents.LunaticComponents, {
+      components: components,
+      wrapper: function wrapper(_ref) {
+        var children = _ref.children;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "question-components",
+          children: children
+        });
+      }
+    })]
+  });
+});

package/lib/components/Radio/Radio.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Radio = void 0;
+var _ComponentErrors = require("../shared/ComponentErrors/ComponentErrors");
+var _RadioGroup = require("../shared/Radio/RadioGroup");
+var _customizedComponent = require("../shared/HOC/customizedComponent");
+var _jsxRuntime = require("react/jsx-runtime");
+function LunaticRadio(props) {
+  var id = props.id,
+    options = props.options,
+    value = props.value,
+    checkboxStyle = props.checkboxStyle,
+    errors = props.errors,
+    handleChange = props.handleChange,
+    response = props.response,
+    label = props.label,
+    shortcut = props.shortcut,
+    _props$className = props.className,
+    className = _props$className === void 0 ? 'lunatic-radio-group' : _props$className,
+    disabled = props.disabled,
+    readOnly = props.readOnly;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RadioGroup.RadioGroup, {
+    id: id,
+    options: options,
+    value: value,
+    onSelect: function onSelect(v) {
+      return handleChange(response, v);
+    },
+    checkboxStyle: checkboxStyle,
+    errors: (0, _ComponentErrors.getComponentErrors)(errors, id),
+    label: label,
+    className: className,
+    shortcut: shortcut,
+    disabled: disabled,
+    readOnly: readOnly
+  });
+}
+var Radio = exports.Radio = (0, _customizedComponent.customizedComponent)('LunaticRadio', LunaticRadio);

package/lib/components/{loop/roster-for-loop/roster-for-loop.js → RosterForLoop/RosterForLoop.js}

@@ -6,17 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.RosterForLoop = void 0;
 var _react = require("react");
-require("./roster.scss");
-var _declarations = require("../../declarations");
-var _commons = require("../../commons");
-var _loopButton = require("../loop-button");
-var _i18n = _interopRequireDefault(require("../../../i18n"));
-var _htmlTable = require("../../commons/components/html-table");
-var _tableHeader = require("../../table/table-header");
-var _array = require("../../../utils/array");
-var _lunaticComponents = require("../../lunatic-components");
-var _constant = require("../constant");
-var _errors = require("../../commons/components/errors/errors");
+require("./RosterForLoop.scss");
+var _i18n = _interopRequireDefault(require("../../i18n"));
+var _Table = require("../shared/Table");
+var _array = require("../../utils/array");
+var _LunaticComponents = require("../LunaticComponents");
+var _constant = require("../Loop/constant");
+var _ComponentErrors = require("../shared/ComponentErrors/ComponentErrors");
+var _Declarations = require("../shared/Declarations/Declarations");
+var _customizedComponent = require("../shared/HOC/customizedComponent");
+var _Label = require("../shared/Label/Label");
+var _Button = require("../shared/Button/Button");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["value", "lines", "handleChange", "declarations", "header", "iterations", "id", "getComponents", "label"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -39,7 +39,7 @@ var DEFAULT_MAX_ROWS = 12;
 /**
  * Loop displayed as a table
  */
-var RosterForLoop = exports.RosterForLoop = (0, _commons.createCustomizableLunaticField)(function (props) {
+var RosterForLoop = exports.RosterForLoop = (0, _customizedComponent.customizedComponent)('RosterforLoop', function (props) {
   var valueMap = props.value,
     lines = props.lines,
     handleChange = props.handleChange,
@@ -85,34 +85,32 @@ var RosterForLoop = exports.RosterForLoop = (0, _commons.createCustomizableLunat
   }
   var cols = 0;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.Label, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Label.Label, {
       htmlFor: id,
       id: "label-".concat(id),
       children: label
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_declarations.DeclarationsBeforeText, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Declarations.Declarations, {
+      type: "AFTER_QUESTION_TEXT",
       declarations: declarations,
       id: id
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_declarations.DeclarationsAfterText, {
-      declarations: declarations,
-      id: id
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_htmlTable.Table, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Table.Table, {
       id: id,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_tableHeader.TableHeader, {
+      children: [header && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Table.TableHeader, {
         header: header,
         id: id
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_htmlTable.Tbody, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Table.Tbody, {
         id: id,
         children: (0, _array.times)(nbRows, function (n) {
           var components = getComponents(n);
-          var lineErrors = (0, _errors.getComponentErrors)(props.errors, "".concat(id, "-").concat(n));
+          var lineErrors = (0, _ComponentErrors.getComponentErrors)(props.errors, "".concat(id, "-").concat(n));
           var hasLineErrors = !!(lineErrors !== null && lineErrors !== void 0 && lineErrors.length);
           cols = components.length;
-          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_htmlTable.Tr, {
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Table.Tr, {
               id: props.id,
               row: n,
               className: hasLineErrors ? 'lunatic-row-has-error' : undefined,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticComponents.LunaticComponents, {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_LunaticComponents.LunaticComponents, {
                 blocklist: _constant.blockedInLoopComponents,
                 components: components,
                 memo: true,
@@ -124,7 +122,7 @@ var RosterForLoop = exports.RosterForLoop = (0, _commons.createCustomizableLunat
                 wrapper: function wrapper(_ref3) {
                   var id = _ref3.id,
                     children = _ref3.children;
-                  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_htmlTable.Td, {
+                  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Table.Td, {
                     id: "".concat(id, "-").concat(n),
                     children: children
                   });
@@ -134,29 +132,27 @@ var RosterForLoop = exports.RosterForLoop = (0, _commons.createCustomizableLunat
               className: "lunatic-errors",
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
                 colSpan: cols,
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.Errors, {
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ComponentErrors.ComponentErrors, {
                   errors: lineErrors
                 })
               })
             })]
-          });
+          }, n);
         })
       })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.Errors, {
-      errors: (0, _errors.getComponentErrors)(props.errors, id)
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_declarations.DeclarationsDetachable, {
-      declarations: declarations,
-      id: id
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ComponentErrors.ComponentErrors, {
+      errors: props.errors,
+      componentId: id
     }), showButtons && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_loopButton.LoopButton, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
         onClick: addRow,
         disabled: nbRows === max,
         children: _i18n["default"].DEFAULT_BUTTON_ADD
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_loopButton.LoopButton, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
         onClick: removeRow,
         disabled: nbRows === min,
         children: _i18n["default"].DEFAULT_BUTTON_REMOVE
       })]
     })]
   });
-}, 'RosterforLoop');
+});

package/lib/components/{loop/roster-for-loop/roster-for-loop.spec.js → RosterForLoop/RosterForLoop.spec.js}

@@ -2,7 +2,7 @@
 
 var _vitest = require("vitest");
 var _react = require("@testing-library/react");
-var _rosterForLoop = require("./roster-for-loop");
+var _RosterForLoop = require("./RosterForLoop");
 var _jsxRuntime = require("react/jsx-runtime");
 (0, _vitest.describe)('RosterForLoop', function () {
   var mockOnChange = _vitest.vi.fn();
@@ -22,7 +22,7 @@ var _jsxRuntime = require("react/jsx-runtime");
     }];
   };
   (0, _vitest.it)('renders the right number of columns', function () {
-    var _render = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_rosterForLoop.RosterForLoop, {
+    var _render = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_RosterForLoop.RosterForLoop, {
         value: {
           name: ['John Doe', 'Jane Doe']
         },

package/lib/components/{roundabout/roundabout.js → Roundabout/CustomRoundabout.js}

@@ -3,16 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _commons = require("../commons");
-var _roundaboutLabel = _interopRequireDefault(require("./components/roundabout-label"));
-var _roundaboutPending = _interopRequireDefault(require("./components/roundabout-pending"));
-var _roundaboutContainer = _interopRequireDefault(require("./components/roundabout-container"));
-var _roundaboutItContainer = _interopRequireDefault(require("./components/roundabout-it-container"));
-var _roundaboutItButton = _interopRequireDefault(require("./components/roundabout-it-button"));
-var _roundaboutItTitle = _interopRequireDefault(require("./components/roundabout-it-title"));
+exports.CustomRoundabout = void 0;
+var _RoundaboutItButton = require("./RoundaboutItButton");
+var _customizedComponent = require("../shared/HOC/customizedComponent");
+var _extra = require("./extra");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function RoundaboutIteration(_ref) {
   var label = _ref.label,
     index = _ref.index,
@@ -21,10 +16,10 @@ function RoundaboutIteration(_ref) {
     unnecessary = _ref.unnecessary,
     goToIteration = _ref.goToIteration,
     locked = _ref.locked;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_roundaboutItContainer["default"], {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_roundaboutItTitle["default"], {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_extra.RoundaboutItContainer, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_extra.RoundaboutItTitle, {
       label: label
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_roundaboutItButton["default"], {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RoundaboutItButton.RoundaboutItButton, {
       partial: partial,
       complete: complete,
       unnecessary: unnecessary,
@@ -34,7 +29,7 @@ function RoundaboutIteration(_ref) {
     })]
   });
 }
-function Roundabout(_ref2) {
+var CustomRoundabout = exports.CustomRoundabout = (0, _customizedComponent.customizedComponent)('Roundabout', function (_ref2) {
   var iterations = _ref2.iterations,
     expressions = _ref2.expressions,
     goToIteration = _ref2.goToIteration,
@@ -62,12 +57,11 @@ function Roundabout(_ref2) {
         locked: locked
       }, i);
     });
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_roundaboutContainer["default"], {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_roundaboutLabel["default"], {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_extra.RoundaboutContainer, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_extra.RoundaboutLabel, {
         value: label
       }), subElements]
     });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_roundaboutPending["default"], {});
-}
-var _default = exports["default"] = (0, _commons.createCustomizableLunaticField)(Roundabout, 'Roundabout');
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_extra.RoundaboutPending, {});
+});

package/lib/components/{roundabout/lunatic-roundabout.js → Roundabout/Roundabout.js}

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.Roundabout = Roundabout;
+require("./Roundabout.scss");
 var _react = require("react");
-var _roundabout = _interopRequireDefault(require("./roundabout"));
+var _CustomRoundabout = require("./CustomRoundabout");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 /**
- *  Logique fonctionnelle et immuable du composant
+ * Roundabout is a special loop component where the user can select the iteration to go to
  */
-function LunaticRoundabout(_ref) {
+function Roundabout(_ref) {
   var iterations = _ref.iterations,
     expressions = _ref.expressions,
     goToPage = _ref.goToPage,
@@ -26,12 +26,11 @@ function LunaticRoundabout(_ref) {
       nbIterations: iterations
     });
   }, [goToPage, page, iterations]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_roundabout["default"], {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomRoundabout.CustomRoundabout, {
     label: label,
     expressions: expressions,
     iterations: iterations,
     goToIteration: goToIteration,
     locked: locked
   });
-}
-var _default = exports["default"] = LunaticRoundabout;
+}

package/lib/components/{roundabout/components/roundabout-it-button.js → Roundabout/RoundaboutItButton.js}

@@ -4,15 +4,43 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.RoundaboutItButton = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _commons = require("../../commons");
-var _button = _interopRequireDefault(require("../../button"));
+var _customizedComponent = require("../shared/HOC/customizedComponent");
+var _Button = require("../shared/Button/Button");
 var _jsxRuntime = require("react/jsx-runtime");
 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; }
+var RoundaboutItButton = exports.RoundaboutItButton = (0, _customizedComponent.customizedComponent)('RoundaboutItButton', function (_ref) {
+  var complete = _ref.complete,
+    partial = _ref.partial,
+    iteration = _ref.iteration,
+    unnecessary = _ref.unnecessary,
+    goToIteration = _ref.goToIteration,
+    _ref$locked = _ref.locked,
+    locked = _ref$locked === void 0 ? true : _ref$locked;
+  var status = getStatus(complete, partial);
+  var label = getLabel({
+    complete: complete,
+    partial: partial,
+    unnecessary: unnecessary
+  });
+  var onClick = (0, _react.useCallback)(function () {
+    goToIteration(iteration);
+  }, [iteration, goToIteration]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+    className: (0, _classnames["default"])('roundabout-it-button', status),
+    disabled: isDisabled({
+      status: status,
+      locked: locked,
+      unnecessary: unnecessary
+    }),
+    onClick: onClick,
+    children: label
+  });
+});
 function getStatus(complete, partial) {
   if (complete) {
     return 'complete';
@@ -22,10 +50,10 @@ function getStatus(complete, partial) {
   }
   return 'unstarted';
 }
-function getLabel(_ref) {
-  var complete = _ref.complete,
-    partial = _ref.partial,
-    unnecessary = _ref.unnecessary;
+function getLabel(_ref2) {
+  var complete = _ref2.complete,
+    partial = _ref2.partial,
+    unnecessary = _ref2.unnecessary;
   if (unnecessary) {
     return 'Non concerné';
   }
@@ -37,41 +65,12 @@ function getLabel(_ref) {
   }
   return 'Commencer';
 }
-function isDisabled(_ref2) {
-  var status = _ref2.status,
-    locked = _ref2.locked,
-    unnecessary = _ref2.unnecessary;
+function isDisabled(_ref3) {
+  var status = _ref3.status,
+    locked = _ref3.locked,
+    unnecessary = _ref3.unnecessary;
   if (unnecessary || status === 'complete' && locked) {
     return true;
   }
   return false;
-}
-function RoundaboutItButton(_ref3) {
-  var complete = _ref3.complete,
-    partial = _ref3.partial,
-    iteration = _ref3.iteration,
-    unnecessary = _ref3.unnecessary,
-    goToIteration = _ref3.goToIteration,
-    _ref3$locked = _ref3.locked,
-    locked = _ref3$locked === void 0 ? true : _ref3$locked;
-  var status = getStatus(complete, partial);
-  var label = getLabel({
-    complete: complete,
-    partial: partial,
-    unnecessary: unnecessary
-  });
-  var onClick = (0, _react.useCallback)(function () {
-    goToIteration(iteration);
-  }, [iteration, goToIteration]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_button["default"], {
-    className: (0, _classnames["default"])('roundabout-it-button', status),
-    disabled: isDisabled({
-      status: status,
-      locked: locked,
-      unnecessary: unnecessary
-    }),
-    onClick: onClick,
-    children: label
-  });
-}
-var _default = exports["default"] = (0, _commons.createCustomizableLunaticField)(RoundaboutItButton, 'RoundaboutItButton');
+}

package/lib/components/{roundabout/components/roundabout-it-button.spec.js → Roundabout/RoundaboutItButton.spec.js}

@@ -1,17 +1,16 @@
 "use strict";
 
 var _react = require("@testing-library/react");
-var _roundaboutItButton = _interopRequireDefault(require("./roundabout-it-button"));
+var _RoundaboutItButton = require("./RoundaboutItButton");
 var _vitest = require("vitest");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 (0, _vitest.describe)('RoundaboutItButton', function () {
   var goToIterationMock = _vitest.vi.fn();
   (0, _vitest.afterEach)(function () {
     goToIterationMock.mockClear();
   });
   (0, _vitest.it)('renders "Commencer" label when neither complete nor partial nor unnecessary', function () {
-    var _render = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_roundaboutItButton["default"], {
+    var _render = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_RoundaboutItButton.RoundaboutItButton, {
         iteration: 1,
         goToIteration: goToIterationMock,
         locked: false
@@ -20,7 +19,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
     (0, _vitest.expect)(getByText('Commencer')).toBeInTheDocument();
   });
   (0, _vitest.it)('renders "Modifier" label when partial', function () {
-    var _render2 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_roundaboutItButton["default"], {
+    var _render2 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_RoundaboutItButton.RoundaboutItButton, {
         iteration: 1,
         goToIteration: goToIterationMock,
         locked: false,
@@ -30,7 +29,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
     (0, _vitest.expect)(getByText('Modifier')).toBeInTheDocument();
   });
   (0, _vitest.it)('renders "Complété" label when complete', function () {
-    var _render3 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_roundaboutItButton["default"], {
+    var _render3 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_RoundaboutItButton.RoundaboutItButton, {
         iteration: 1,
         goToIteration: goToIterationMock,
         locked: false,
@@ -40,7 +39,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
     (0, _vitest.expect)(getByText('Complété')).toBeInTheDocument();
   });
   (0, _vitest.it)('renders "Non concerné" label when unnecessary', function () {
-    var _render4 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_roundaboutItButton["default"], {
+    var _render4 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_RoundaboutItButton.RoundaboutItButton, {
         iteration: 1,
         goToIteration: goToIterationMock,
         locked: false,
@@ -50,7 +49,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
     (0, _vitest.expect)(getByText('Non concerné')).toBeInTheDocument();
   });
   (0, _vitest.it)('calls goToIteration with correct iteration number when clicked', function () {
-    var _render5 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_roundaboutItButton["default"], {
+    var _render5 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_RoundaboutItButton.RoundaboutItButton, {
         iteration: 1,
         goToIteration: goToIterationMock,
         locked: false
@@ -60,7 +59,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
     (0, _vitest.expect)(goToIterationMock).toHaveBeenCalledWith(1);
   });
   (0, _vitest.it)('is disabled when locked and complete', function () {
-    var _render6 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_roundaboutItButton["default"], {
+    var _render6 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_RoundaboutItButton.RoundaboutItButton, {
         iteration: 1,
         goToIteration: goToIterationMock,
         locked: true,
@@ -70,7 +69,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
     (0, _vitest.expect)(getByRole('button')).toBeDisabled();
   });
   (0, _vitest.it)('is disabled when locked and not complete', function () {
-    var _render7 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_roundaboutItButton["default"], {
+    var _render7 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_RoundaboutItButton.RoundaboutItButton, {
         iteration: 1,
         goToIteration: goToIterationMock,
         locked: true,
@@ -80,7 +79,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
     (0, _vitest.expect)(getByRole('button')).toBeDisabled();
   });
   (0, _vitest.it)('is not disabled when unlocked and not complete', function () {
-    var _render8 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_roundaboutItButton["default"], {
+    var _render8 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_RoundaboutItButton.RoundaboutItButton, {
         iteration: 1,
         goToIteration: goToIterationMock,
         locked: false,
@@ -90,7 +89,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
     (0, _vitest.expect)(getByRole('button')).not.toBeDisabled();
   });
   (0, _vitest.it)('is disabled when unnecessary', function () {
-    var _render9 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_roundaboutItButton["default"], {
+    var _render9 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_RoundaboutItButton.RoundaboutItButton, {
         iteration: 1,
         goToIteration: goToIterationMock,
         locked: false,

package/lib/components/{roundabout/redirect.js → Roundabout/RoundaboutRedirect.js}

@@ -4,12 +4,12 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.RoundaboutRedirect = RoundaboutRedirect;
 var _react = _interopRequireWildcard(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
 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; }
-function Redirect(_ref) {
+function RoundaboutRedirect(_ref) {
   var goToIteration = _ref.goToIteration,
     iteration = _ref.iteration;
   (0, _react.useEffect)(function () {
@@ -18,5 +18,4 @@ function Redirect(_ref) {
     }
   }, [goToIteration, iteration]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
-}
-var _default = exports["default"] = Redirect;
+}

package/lib/components/Roundabout/extra.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RoundaboutPending = exports.RoundaboutLabel = exports.RoundaboutItTitle = exports.RoundaboutItContainer = exports.RoundaboutContainer = void 0;
+var _customizedComponent = require("../shared/HOC/customizedComponent");
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var RoundaboutContainer = exports.RoundaboutContainer = (0, _customizedComponent.customizedComponent)('RoundaboutContainer', function (_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "lunatic-roundabout",
+    children: children
+  });
+});
+var RoundaboutLabel = exports.RoundaboutLabel = (0, _customizedComponent.customizedComponent)('RoundaboutLabel', function (_ref2) {
+  var value = _ref2.value;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "roundabout-label",
+    children: value
+  });
+});
+var RoundaboutItTitle = exports.RoundaboutItTitle = (0, _customizedComponent.customizedComponent)('RoundaboutItTitle', function (_ref3) {
+  var label = _ref3.label;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "roundabout-it-title",
+    children: label
+  });
+});
+var RoundaboutItContainer = exports.RoundaboutItContainer = (0, _customizedComponent.customizedComponent)('RoundaboutItContainer', function (_ref4) {
+  var children = _ref4.children;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "roundabout-iteration-title",
+    children: children
+  });
+});
+var RoundaboutPending = exports.RoundaboutPending = (0, _customizedComponent.customizedComponent)('RoundaboutPending', function () {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "roundabout-pending",
+    children: "Pending..."
+  });
+});

package/lib/components/{roundabout → Roundabout}/redirect.spec.js

@@ -1,16 +1,14 @@
 "use strict";
 
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@testing-library/react");
-var _redirect = _interopRequireDefault(require("./redirect"));
+var _react = require("@testing-library/react");
+var _RoundaboutRedirect = require("./RoundaboutRedirect");
 var _vitest = require("vitest");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 (0, _vitest.describe)('Redirect', function () {
   (0, _vitest.it)('calls goToIteration with iteration when mounted', function () {
     var iteration = 3;
     var goToIterationMock = _vitest.vi.fn();
-    (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_redirect["default"], {
+    (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_RoundaboutRedirect.RoundaboutRedirect, {
       goToIteration: goToIterationMock,
       iteration: iteration
     }));