@inseefr/lunatic 2.7.4 → 2.7.5

package/lib/components/commons/components/md-label/link.js

@@ -4,49 +4,54 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _reactTooltip = _interopRequireDefault(require("react-tooltip"));
+var _react = require("react");
+var _reactTooltip = require("react-tooltip");
+var _reactMarkdown = _interopRequireDefault(require("react-markdown"));
+var _routerLink = _interopRequireDefault(require("./router-link"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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); }
 var Link = function Link(props) {
   var href = props.href,
     children = props.children,
     title = props.title;
-  // TODO: reactivate
-  var listener = function listener( /* link = true */
-  ) {
-    return function () {
-      // if (isFunction(logFunction))
-      // 	logFunction(
-      // 		createObjectEvent(
-      // 			link ? `link-${href}` : `tooltip-${title}`,
-      // 			link ? LINK_CATEGORY : TOOLTIP_CATEGORY,
-      // 			EVENT_CLICK
-      // 		)
-      // 	);
-    };
-  };
-  if (href.trim().startsWith('http')) return /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+  var id = (0, _react.useId)();
+  var LinkComponent = function () {
+    if (href.trim().startsWith('/')) {
+      return _routerLink["default"];
+    } else {
+      return 'a';
+    }
+  }();
+  var linkProps = _objectSpread(_objectSpread({}, href.trim().startsWith('/') ? {
+    to: href,
+    id: id
+  } : {
     href: href,
-    target: "_blank",
-    rel: "noreferrer noopener",
-    onClick: listener(),
-    children: children
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-    className: "link-md",
-    onPointerUp: listener( /*false*/),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      "data-for": "".concat(title, "-tooltip"),
-      "data-tip": title,
-      "data-multiline": true,
-      className: "field-md",
+    target: '_blank',
+    rel: 'noopener noreferrer',
+    id: id
+  }), title ? {
+    'data-tooltip-id': "tooltip-".concat(id),
+    className: 'link-md'
+  } : {});
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(LinkComponent, _objectSpread(_objectSpread({}, linkProps), {}, {
       children: children
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTooltip["default"], {
-      id: "".concat(title, "-tooltip"),
+    })), title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTooltip.Tooltip, {
       className: "tooltip-content",
-      place: "bottom",
-      effect: "solid",
-      globalEventOff: "click"
+      id: "tooltip-".concat(id),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactMarkdown["default"], {
+        components: {
+          p: _react.Fragment
+        },
+        children: title
+      })
     })]
   });
 };

package/lib/components/commons/components/md-label/md-label.js

@@ -22,10 +22,10 @@ var MdLabel = function MdLabel(_ref) {
     _ref$logFunction = _ref.logFunction,
     logFunction = _ref$logFunction === void 0 ? DEFAULT_LOG_FUNCTION : _ref$logFunction;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactMarkdown["default"], {
-    children: expression,
     components: renderComponentsFor(expression, {
       logFunction: logFunction
-    })
+    }),
+    children: expression
   });
 };
 var renderComponentsFor = function renderComponentsFor(expression, extraProps) {

package/lib/components/commons/components/md-label/md-label.spec.js

@@ -1,10 +1,15 @@
 "use strict";
 
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _vitest = require("vitest");
 var _react = require("@testing-library/react");
+var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
 var _mdLabel = _interopRequireDefault(require("./md-label"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, "catch": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 (0, _vitest.describe)('md-label', function () {
   (0, _vitest.it)('should handle simple text', function () {
     var obj = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_mdLabel["default"], {
@@ -24,4 +29,70 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
     }));
     return (0, _vitest.expect)(obj.container).toMatchInlineSnapshot("\n\t\t\t<div>\n\t\t\t  <p>\n\t\t\t    This \n\t\t\t    <strong>\n\t\t\t      is\n\t\t\t    </strong>\n\t\t\t     a simple test\n\t\t\t  </p>\n\t\t\t  \n\n\t\t\t  <p>\n\t\t\t    with multiple paragraphs\n\t\t\t  </p>\n\t\t\t</div>\n\t\t");
   });
+  (0, _vitest.it)('should render external link', function () {
+    var obj = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_mdLabel["default"], {
+      expression: 'This is a [link](https://inseefr.github.io/Lunatic/docs)'
+    }));
+    return (0, _vitest.expect)(obj.container).toMatchInlineSnapshot("\n\t\t\t<div>\n\t\t\t  This is a \n\t\t\t  <a\n\t\t\t    href=\"https://inseefr.github.io/Lunatic/docs\"\n\t\t\t    id=\":r0:\"\n\t\t\t    rel=\"noopener noreferrer\"\n\t\t\t    target=\"_blank\"\n\t\t\t  >\n\t\t\t    link\n\t\t\t  </a>\n\t\t\t</div>\n\t\t");
+  });
+  (0, _vitest.it)('should render external link with tooltip', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var _render, container, link, tooltip;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _render = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_mdLabel["default"], {
+            expression: "This is a [link](https://inseefr.github.io/Lunatic/docs 'with a tooltip')"
+          })), container = _render.container;
+          link = _react.screen.getByText('link'); // Get the link element by its text content
+          // Simulate hover event
+          _context.next = 4;
+          return _userEvent["default"].hover(link);
+        case 4:
+          tooltip = null;
+          _context.next = 7;
+          return (0, _react.waitFor)(function () {
+            tooltip = _react.screen.getByRole('tooltip');
+          });
+        case 7:
+          (0, _vitest.expect)(tooltip).toBeInTheDocument();
+          (0, _vitest.expect)(container).toMatchInlineSnapshot("\n\t\t\t<div>\n\t\t\t  This is a \n\t\t\t  <a\n\t\t\t    class=\"link-md\"\n\t\t\t    data-tooltip-id=\"tooltip-:r1:\"\n\t\t\t    href=\"https://inseefr.github.io/Lunatic/docs\"\n\t\t\t    id=\":r1:\"\n\t\t\t    rel=\"noopener noreferrer\"\n\t\t\t    target=\"_blank\"\n\t\t\t  >\n\t\t\t    link\n\t\t\t  </a>\n\t\t\t  <div\n\t\t\t    class=\"react-tooltip core-styles-module_tooltip__3vRRp styles-module_tooltip__mnnfp styles-module_dark__xNqje tooltip-content react-tooltip__place-top core-styles-module_show__Nt9eE react-tooltip__show\"\n\t\t\t    id=\"tooltip-:r1:\"\n\t\t\t    role=\"tooltip\"\n\t\t\t    style=\"left: 5px; top: -10px;\"\n\t\t\t  >\n\t\t\t    with a tooltip\n\t\t\t    <div\n\t\t\t      class=\"react-tooltip-arrow core-styles-module_arrow__cvMwQ styles-module_arrow__K0L3T\"\n\t\t\t      style=\"left: -1px; bottom: -4px;\"\n\t\t\t    />\n\t\t\t  </div>\n\t\t\t</div>\n\t\t");
+        case 9:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })));
+  (0, _vitest.it)('should render internal link', function () {
+    var obj = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_mdLabel["default"], {
+      expression: 'This is an [internal link](/docs)'
+    }));
+    return (0, _vitest.expect)(obj.container).toMatchInlineSnapshot("\n\t\t\t<div>\n\t\t\t  This is an \n\t\t\t  <a\n\t\t\t    href=\"/docs\"\n\t\t\t    id=\":r2:\"\n\t\t\t  >\n\t\t\t    internal link\n\t\t\t  </a>\n\t\t\t</div>\n\t\t");
+  });
+  (0, _vitest.it)('should render internal link with tooltip', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+    var _render2, container, link, tooltip;
+    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _render2 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_mdLabel["default"], {
+            expression: "This is an [internal link](/docs 'with a tooltip')"
+          })), container = _render2.container;
+          link = _react.screen.getByText('internal link'); // Get the link element by its text content
+          // Simulate hover event
+          _context2.next = 4;
+          return _userEvent["default"].hover(link);
+        case 4:
+          tooltip = null;
+          _context2.next = 7;
+          return (0, _react.waitFor)(function () {
+            tooltip = _react.screen.getByRole('tooltip');
+          });
+        case 7:
+          (0, _vitest.expect)(tooltip).toBeInTheDocument();
+          (0, _vitest.expect)(container).toMatchInlineSnapshot("\n\t\t\t<div>\n\t\t\t  This is an \n\t\t\t  <a\n\t\t\t    class=\"link-md\"\n\t\t\t    data-tooltip-id=\"tooltip-:r3:\"\n\t\t\t    href=\"/docs\"\n\t\t\t    id=\":r3:\"\n\t\t\t  >\n\t\t\t    internal link\n\t\t\t  </a>\n\t\t\t  <div\n\t\t\t    class=\"react-tooltip core-styles-module_tooltip__3vRRp styles-module_tooltip__mnnfp styles-module_dark__xNqje tooltip-content react-tooltip__place-top core-styles-module_show__Nt9eE react-tooltip__show\"\n\t\t\t    id=\"tooltip-:r3:\"\n\t\t\t    role=\"tooltip\"\n\t\t\t    style=\"left: 5px; top: -10px;\"\n\t\t\t  >\n\t\t\t    with a tooltip\n\t\t\t    <div\n\t\t\t      class=\"react-tooltip-arrow core-styles-module_arrow__cvMwQ styles-module_arrow__K0L3T\"\n\t\t\t      style=\"left: -1px; bottom: -4px;\"\n\t\t\t    />\n\t\t\t  </div>\n\t\t\t</div>\n\t\t");
+        case 9:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  })));
 });

package/lib/components/commons/components/md-label/router-link.js

@@ -0,0 +1,29 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _createCustomizableField = _interopRequireDefault(require("../../create-customizable-field"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["to", "children"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var RouterLink = function RouterLink(props) {
+  var to = props.to,
+    children = props.children,
+    rest = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("a", _objectSpread(_objectSpread({
+    href: to
+  }, rest), {}, {
+    children: children
+  }));
+};
+var _default = exports["default"] = (0, _createCustomizableField["default"])(RouterLink, 'RouterLink');

package/lib/components/commons/components/variable-status/variable-status.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
-var _reactTooltip = _interopRequireDefault(require("react-tooltip"));
+var _reactTooltip = require("react-tooltip");
 var _img = require("./img");
 require("./variable-status.scss");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -71,7 +71,7 @@ var VariableStatus = function VariableStatus(_ref) {
           alt: "img-tooltip",
           src: (_img$imgName = img[imgName]) !== null && _img$imgName !== void 0 ? _img$imgName : ''
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTooltip["default"], {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTooltip.Tooltip, {
         id: "".concat(id, "-management-tooltip"),
         className: "tooltip-text",
         place: "left"

package/lib/components/index.scss

@@ -125,7 +125,7 @@
 		position: relative;
 	}
 
-	.link-md .field-md {
+	.link-md {
 		border-bottom: dashed 0.1em var(--color-primary-dark);
 		&:hover {
 			cursor: help;
@@ -133,4 +133,22 @@
 			background-color: var(--color-primary-dark);
 		}
 	}
+
+	.tooltip-content {
+		min-width: 15em;
+		max-width: 25em;
+		background: var(--color-primary-dark);
+		color: var(--color-primary-contrast-text);
+		padding: 0.5em;
+		border-radius: 6px;
+		font-size: 1em;
+		&.place-bottom {
+			&::before {
+				border-bottom: 10px solid var(--color-primary-dark);
+			}
+			&::after {
+				content: none;
+			}
+		}
+	}
 }

package/lib/hooks/use-auto-focus.js

@@ -16,7 +16,7 @@ function useAutoFocus(wrapperRef, key) {
     }
 
     // First look for invalid fields, then all fields
-    var firstFocusableElement = (_ref = (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.querySelector('button[aria-invalid], [href][aria-invalid], input[aria-invalid], select[aria-invalid], textarea[aria-invalid], [tabindex][aria-invalid]:not([tabindex="-1"])')) !== null && _ref !== void 0 ? _ref : (_wrapperRef$current2 = wrapperRef.current) === null || _wrapperRef$current2 === void 0 ? void 0 : _wrapperRef$current2.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+    var firstFocusableElement = (_ref = (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.querySelector('button[aria-invalid="true"], [href][aria-invalid="true"], input[aria-invalid="true"], select[aria-invalid="true"], textarea[aria-invalid="true"], [tabindex][aria-invalid="true"]:not([tabindex="-1"])')) !== null && _ref !== void 0 ? _ref : (_wrapperRef$current2 = wrapperRef.current) === null || _wrapperRef$current2 === void 0 ? void 0 : _wrapperRef$current2.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
 
     // The first element can be focusable
     if (firstFocusableElement) {

package/lib/src/components/commons/components/md-label/router-link.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentProps } from 'react';
+type Props = Omit<ComponentProps<'a'>, 'href'> & {
+    to: string;
+};
+declare const _default: import("react").ComponentType<Props>;
+export default _default;

package/lib/src/use-lunatic/commons/variables/lunatic-variables-store.d.ts

@@ -73,6 +73,7 @@ declare class LunaticVariable {
      * Set the value and returns true if the variable is touched
      */
     setValue(value: unknown, iteration?: IterationLevel): boolean;
+    private setValueForArray;
     private getSavedValue;
     private getDependencies;
     private getDependenciesValues;

package/lib/src/use-lunatic/hooks/use-page-has-response.d.ts

@@ -0,0 +1,6 @@
+import type { FilledLunaticComponentProps } from '../commons/fill-components/fill-components';
+import type { LunaticState } from '../type';
+/**
+ * Check if a page has one response (value is filled for at least one field)
+ */
+export declare function usePageHasResponse(components: FilledLunaticComponentProps[], executeExpression: LunaticState['executeExpression']): () => boolean;

package/lib/src/use-lunatic/use-lunatic.d.ts

@@ -567,5 +567,6 @@ declare function useLunatic(source: LunaticSource, data: LunaticData | undefined
     loopVariables: string[];
     getChangedData: (reset?: boolean) => LunaticData;
     resetChangedData: () => void;
+    hasPageResponse: () => boolean;
 };
 export default useLunatic;

package/lib/src/utils/suggester-workers/searching/meloto-order.d.ts

@@ -1,7 +1,8 @@
 export type Entity = Record<string, unknown> & {
     id: string | number;
     suggestion: {
-        label: string;
+        label?: string;
+        id: string;
     };
     tokensSearch: {};
 };

package/lib/stories/markdown/markdown.stories.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _orchestrator = _interopRequireDefault(require("../utils/orchestrator"));
+var _defaultArgTypes = _interopRequireDefault(require("../utils/default-arg-types"));
+var _source = _interopRequireDefault(require("./source.json"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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); }
+var stories = {
+  title: 'Components/Markdown',
+  component: _orchestrator["default"],
+  argTypes: _defaultArgTypes["default"]
+};
+var _default = exports["default"] = stories;
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_orchestrator["default"], _objectSpread({}, args));
+};
+var Default = exports.Default = Template.bind({});
+Default.args = {
+  id: 'markdown',
+  source: _source["default"]
+};

package/lib/stories/markdown/source.json

@@ -0,0 +1,40 @@
+{
+	"maxPages": "1",
+	"components": [
+		{
+			"componentType": "Sequence",
+			"page": "1",
+			"conditionFilter": { "value": "true", "type": "VTL" },
+			"label": { "value": "\"Sequence example\"", "type": "VTL|MD" },
+			"declarations": [
+				{
+					"id": "kb9hi4j0-krnoclfe",
+					"declarationType": "INSTRUCTION",
+					"position": "BEFORE_QUESTION_TEXT",
+					"label": {
+						"value": "\"Déclaration Before with [internal link](/docs)\"",
+						"type": "VTL|MD"
+					}
+				},
+				{
+					"id": "kb9hi4j0-krnoclfe",
+					"declarationType": "INSTRUCTION",
+					"position": "AFTER_QUESTION_TEXT",
+					"label": {
+						"value": "\"Déclaration AFTER with [tooltip link](https://google.com 'une infobule avec du texte très très long pour voir ce que cela donne Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.') \"",
+						"type": "VTL|MD"
+					}
+				},
+				{
+					"id": "kb9hi4j0-krnoclfe",
+					"declarationType": "HELP",
+					"position": "DETACHABLE",
+					"label": {
+						"value": "\"Declaration Detachable with [external link](https://inseefr.github.io/Lunatic/)\"",
+						"type": "VTL|MD"
+					}
+				}
+			]
+		}
+	]
+}

package/lib/stories/suggester/suggester-workers.stories.js

@@ -42,6 +42,30 @@ function fetchFake() {
     return r.json();
   });
 }
+function fetchPCS2020() {
+  return fetch('/libelles-pcs-2020.json').then(function (r) {
+    return r.json();
+  });
+}
+var infoPCS2020 = {
+  name: 'libelle-pcs2020',
+  fields: [{
+    name: 'id',
+    rules: ['[\\w]+'],
+    language: 'French',
+    min: 2
+  }],
+  queryParser: {
+    type: 'tokenized',
+    params: {
+      language: 'French',
+      pattern: '[\\w]+'
+    }
+  },
+  meloto: true,
+  version: '1',
+  stopWords: ['a', 'au', 'dans', 'de', 'des', 'du', 'en', 'er', 'la', 'le', 'ou', 'sur', 'd', 'l', 'aux', 'dans', 'un', 'une', 'pour', 'avec', 'chez', 'par', 'les']
+};
 var infoFake = {
   name: 'fake',
   fields: [{
@@ -77,7 +101,7 @@ var infoNaf = {
     }
   },
   version: '1',
-  meloto: false
+  meloto: true
 };
 function loadOne(_x, _x2) {
   return _loadOne.apply(this, arguments);
@@ -186,6 +210,17 @@ var Template = function Template(args) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("ul", {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+          type: "button",
+          value: "load PCS2020",
+          onClick: function onClick() {
+            return loadOne(infoPCS2020, fetchPCS2020);
+          }
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Search, {
+          storeInfo: infoPCS2020,
+          defaultValue: "st"
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
           type: "button",
           value: "load NAF",