@inseefr/lunatic 2.3.0 → 2.4.0

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

@@ -0,0 +1,102 @@
+"use strict";
+
+var _react = require("@testing-library/react");
+var _roundaboutItButton = _interopRequireDefault(require("./roundabout-it-button"));
+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"], {
+        iteration: 1,
+        goToIteration: goToIterationMock,
+        locked: false
+      })),
+      getByText = _render.getByText;
+    (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"], {
+        iteration: 1,
+        goToIteration: goToIterationMock,
+        locked: false,
+        partial: true
+      })),
+      getByText = _render2.getByText;
+    (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"], {
+        iteration: 1,
+        goToIteration: goToIterationMock,
+        locked: false,
+        complete: true
+      })),
+      getByText = _render3.getByText;
+    (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"], {
+        iteration: 1,
+        goToIteration: goToIterationMock,
+        locked: false,
+        unnecessary: true
+      })),
+      getByText = _render4.getByText;
+    (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"], {
+        iteration: 1,
+        goToIteration: goToIterationMock,
+        locked: false
+      })),
+      getByRole = _render5.getByRole;
+    _react.fireEvent.click(getByRole('button'));
+    (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"], {
+        iteration: 1,
+        goToIteration: goToIterationMock,
+        locked: true,
+        complete: true
+      })),
+      getByRole = _render6.getByRole;
+    (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"], {
+        iteration: 1,
+        goToIteration: goToIterationMock,
+        locked: true,
+        complete: true
+      })),
+      getByRole = _render7.getByRole;
+    (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"], {
+        iteration: 1,
+        goToIteration: goToIterationMock,
+        locked: false,
+        complete: false
+      })),
+      getByRole = _render8.getByRole;
+    (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"], {
+        iteration: 1,
+        goToIteration: goToIterationMock,
+        locked: false,
+        unnecessary: true
+      })),
+      getByRole = _render9.getByRole;
+    (0, _vitest.expect)(getByRole('button')).toBeDisabled();
+  });
+});

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

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _commons = require("../../commons");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function RoundaboutItContainer(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "roundabout-iteration-title",
+    children: children
+  });
+}
+var _default = (0, _commons.createCustomizableLunaticField)(RoundaboutItContainer, 'RoundaboutItContainer');
+exports["default"] = _default;

package/lib/components/roundabout/components/roundabout-it-container.spec.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _react = require("@testing-library/react");
+var _roundaboutItContainer = _interopRequireDefault(require("./roundabout-it-container"));
+var _vitest = require("vitest");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+(0, _vitest.describe)('RoundaboutContainer', function () {
+  (0, _vitest.it)('renders children correctly', function () {
+    (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_roundaboutItContainer["default"], {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "Child 1"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "Child 2"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "Child 3"
+      })]
+    }));
+    (0, _vitest.expect)(_react.screen.getByText('Child 1')).toBeInTheDocument();
+    (0, _vitest.expect)(_react.screen.getByText('Child 2')).toBeInTheDocument();
+    (0, _vitest.expect)(_react.screen.getByText('Child 3')).toBeInTheDocument();
+  });
+});

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

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _commons = require("../../commons");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function RoundaboutItTitle(_ref) {
+  var label = _ref.label;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "roundabout-it-title",
+    children: label
+  });
+}
+var _default = (0, _commons.createCustomizableLunaticField)(RoundaboutItTitle, 'RoundaboutItTitle');
+exports["default"] = _default;

package/lib/components/roundabout/components/roundabout-it-title.spec.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _roundaboutItTitle = _interopRequireDefault(require("./roundabout-it-title"));
+var _vitest = require("vitest");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+(0, _vitest.describe)('RoundaboutItTitle', function () {
+  (0, _vitest.it)('renders the label', function () {
+    var label = 'Test label';
+    var _render = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_roundaboutItTitle["default"], {
+        label: label
+      })),
+      getByText = _render.getByText;
+    (0, _vitest.expect)(getByText(label)).toBeInTheDocument();
+  });
+});

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

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _commons = require("../../commons");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function RoundaboutLabel(_ref) {
+  var value = _ref.value;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "roundabout-label",
+    children: value
+  });
+}
+var _default = (0, _commons.createCustomizableLunaticField)(RoundaboutLabel, 'RoundaboutLabel');
+exports["default"] = _default;

package/lib/components/roundabout/components/roundabout-label.spec.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _roundaboutLabel = _interopRequireDefault(require("./roundabout-label"));
+var _vitest = require("vitest");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+(0, _vitest.describe)('RoundaboutLabel', function () {
+  (0, _vitest.it)('renders the label', function () {
+    var label = 'Test label';
+    var _render = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_roundaboutLabel["default"], {
+        value: label
+      })),
+      getByText = _render.getByText;
+    (0, _vitest.expect)(getByText(label)).toBeInTheDocument();
+  });
+});

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _commons = require("../../commons");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function RoundaboutPending() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "roundabout-pending",
+    children: "Pending..."
+  });
+}
+var _default = (0, _commons.createCustomizableLunaticField)(RoundaboutPending, 'RoundaboutPending');
+exports["default"] = _default;

package/lib/components/roundabout/components/roundabout-pending.spec.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _roundaboutPending = _interopRequireDefault(require("./roundabout-pending"));
+var _vitest = require("vitest");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+(0, _vitest.describe)('RoundaboutPending', function () {
+  (0, _vitest.it)('renders pending', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_roundaboutPending["default"], {})),
+      getByText = _render.getByText;
+    (0, _vitest.expect)(getByText('Pending...')).toBeInTheDocument();
+  });
+});

package/lib/components/roundabout/components/roundabout.scss

@@ -0,0 +1,16 @@
+.lunatic-roundabout {
+	background-color: transparent;
+
+	.roundabout-it-button {
+		&.complete {
+			background-color: lightgreen;
+		}
+
+		&.partial {
+			background-color: cornflowerblue;
+		}
+
+		&.unstarted {
+		}
+	}
+}

package/lib/components/roundabout/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _lunaticRoundabout["default"];
+  }
+});
+var _lunaticRoundabout = _interopRequireDefault(require("./lunatic-roundabout"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

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

@@ -0,0 +1,62 @@
+"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;
+exports.isComplete = isComplete;
+var _react = _interopRequireWildcard(require("react"));
+var _roundabout = _interopRequireDefault(require("./roundabout"));
+var _redirect = _interopRequireDefault(require("./redirect"));
+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
+ */
+function LunaticRoundabout(_ref) {
+  var iterations = _ref.iterations,
+    expressions = _ref.expressions,
+    goToPage = _ref.goToPage,
+    page = _ref.page,
+    label = _ref.label,
+    locked = _ref.locked;
+  var goToIteration = (0, _react.useCallback)(function (iteration) {
+    goToPage({
+      page: page,
+      iteration: iteration,
+      nbIterations: iterations,
+      roundabout: {
+        page: page
+      }
+    });
+  }, [goToPage, page, iterations]);
+  if (iterations === 1) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_redirect["default"], {
+      goToIteration: goToIteration,
+      iteration: 0
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_roundabout["default"], {
+    label: label,
+    expressions: expressions,
+    iterations: iterations,
+    goToIteration: goToIteration,
+    locked: locked
+  });
+}
+var _default = LunaticRoundabout;
+exports["default"] = _default;

package/lib/components/roundabout/redirect.js

@@ -0,0 +1,23 @@
+"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 _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 Redirect(_ref) {
+  var goToIteration = _ref.goToIteration,
+    iteration = _ref.iteration;
+  (0, _react.useEffect)(function () {
+    if (typeof goToIteration === 'function') {
+      goToIteration(iteration);
+    }
+  }, [goToIteration, iteration]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
+}
+var _default = Redirect;
+exports["default"] = _default;

package/lib/components/roundabout/redirect.spec.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _redirect = _interopRequireDefault(require("./redirect"));
+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"], {
+      goToIteration: goToIterationMock,
+      iteration: iteration
+    }));
+    (0, _vitest.expect)(goToIterationMock).toHaveBeenCalledWith(iteration);
+  });
+});

package/lib/components/roundabout/roundabout.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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"));
+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"));
+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,
+    complete = _ref.complete,
+    partial = _ref.partial,
+    unnecessary = _ref.unnecessary,
+    goToIteration = _ref.goToIteration,
+    locked = _ref.locked;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_roundaboutItContainer["default"], {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_roundaboutItTitle["default"], {
+      label: label
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_roundaboutItButton["default"], {
+      partial: partial,
+      complete: complete,
+      unnecessary: unnecessary,
+      goToIteration: goToIteration,
+      iteration: index,
+      locked: locked
+    })]
+  });
+}
+function Roundabout(_ref2) {
+  var iterations = _ref2.iterations,
+    expressions = _ref2.expressions,
+    goToIteration = _ref2.goToIteration,
+    label = _ref2.label,
+    locked = _ref2.locked;
+  var _expressions$complete = expressions.complete,
+    complete = _expressions$complete === void 0 ? new Array(iterations) : _expressions$complete,
+    _expressions$partial = expressions.partial,
+    partial = _expressions$partial === void 0 ? new Array(iterations) : _expressions$partial,
+    _expressions$label = expressions.label,
+    iterationLabels = _expressions$label === void 0 ? new Array(iterations) : _expressions$label,
+    _expressions$unnecess = expressions.unnecessary,
+    unnecessary = _expressions$unnecess === void 0 ? new Array(iterations) : _expressions$unnecess;
+  if (iterationLabels !== undefined && partial !== undefined) {
+    var subElements = new Array(iterations).fill(null).map(function (_, i) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(RoundaboutIteration, {
+        index: i,
+        label: iterationLabels[i],
+        complete: complete[i],
+        partial: partial[i],
+        unnecessary: unnecessary[i],
+        goToIteration: goToIteration,
+        locked: locked
+      }, i);
+    });
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_roundaboutContainer["default"], {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_roundaboutLabel["default"], {
+        value: label
+      }), subElements]
+    });
+  }
+  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/roundabout/roundabout.spec.js

@@ -0,0 +1,71 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _roundabout = _interopRequireDefault(require("./roundabout"));
+var _vitest = require("vitest");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+(0, _vitest.describe)('Roundabout', function () {
+  var mockGoToIteration = _vitest.vi.fn();
+  (0, _vitest.afterEach)(function () {
+    mockGoToIteration.mockClear();
+  });
+  var iterations = 3;
+  var expressions = {
+    complete: [true, false, false],
+    partial: [false, true, false],
+    label: ['Step 1', 'Step 2', 'Step 3'],
+    unnecessary: [false, false, false]
+  };
+  var label = 'My Roundabout';
+  var locked = false;
+  (0, _vitest.it)('renders the roundabout correctly', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_roundabout["default"], {
+        iterations: iterations,
+        expressions: expressions,
+        goToIteration: mockGoToIteration
+      })),
+      getByText = _render.getByText;
+    (0, _vitest.expect)(getByText('Step 1')).toBeInTheDocument();
+    (0, _vitest.expect)(getByText('Step 2')).toBeInTheDocument();
+    (0, _vitest.expect)(getByText('Step 3')).toBeInTheDocument();
+    (0, _vitest.expect)(getByText('Complété')).toBeInTheDocument();
+    (0, _vitest.expect)(getByText('Modifier')).toBeInTheDocument();
+    (0, _vitest.expect)(getByText('Commencer')).toBeInTheDocument();
+  });
+  (0, _vitest.it)('calls the goToIteration function when a button is clicked', function () {
+    var _render2 = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_roundabout["default"], {
+        iterations: iterations,
+        expressions: expressions,
+        goToIteration: mockGoToIteration,
+        label: label,
+        locked: locked
+      })),
+      getByText = _render2.getByText;
+    var button = getByText('Modifier');
+    _react2.fireEvent.click(button);
+    (0, _vitest.expect)(mockGoToIteration).toHaveBeenCalledTimes(1);
+    (0, _vitest.expect)(mockGoToIteration).toHaveBeenCalledWith(1);
+  });
+  (0, _vitest.it)('disables buttons correctly when necessary', function () {
+    var lockedExpressions = {
+      complete: [true, false, false],
+      partial: [false, true, false],
+      iterationLabels: ['Step 1', 'Step 2', 'Step 3'],
+      unnecessary: [false, false, false]
+    };
+    var _render3 = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_roundabout["default"], {
+        iterations: iterations,
+        expressions: lockedExpressions,
+        goToIteration: mockGoToIteration,
+        label: label,
+        locked: true
+      })),
+      getByText = _render3.getByText;
+    var completeButton = getByText('Complété');
+    var unstartedButton = getByText('Commencer');
+    (0, _vitest.expect)(completeButton).toBeDisabled();
+    (0, _vitest.expect)(unstartedButton).not.toBeDisabled();
+  });
+});

package/lib/components/sequence/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _sequence["default"];
+  }
+});
+var _sequence = _interopRequireDefault(require("./sequence"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/components/sequence/sequence.js

@@ -0,0 +1,37 @@
+"use strict";
+
+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,
+    id = _ref.id,
+    style = _ref.style;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_declarations.DeclarationsBeforeText, {
+      declarations: declarations,
+      id: id
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "sequence-lunatic",
+      id: "sequence-".concat(id),
+      style: style,
+      children: label
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_declarations.DeclarationsAfterText, {
+      declarations: declarations,
+      id: id
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_declarations.DeclarationsDetachable, {
+      declarations: declarations,
+      id: id
+    })]
+  });
+}
+var _default = (0, _commons.createCustomizableLunaticField)(Sequence, 'Sequence');
+exports["default"] = _default;

package/lib/components/sequence/sequence.scss

@@ -0,0 +1,10 @@
+.lunatic-component {
+	.sequence-lunatic {
+		padding: 0;
+		font-size: 0.875rem;
+		color: var(--color-primary-light);
+		background-color: var(--color-secondary-contrast-text);
+		border: 0;
+		height: 1.875rem;
+	}
+}