@inseefr/lunatic 2.3.1 → 2.4.1-beta

package/lib/components/commons/components/lunatic-component-with-label.js

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _declarations = require("../../declarations");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
+var commonPropTypes = _interopRequireWildcard(require("../../commons/prop-types"));
+var _fieldContainer = _interopRequireDefault(require("./field-container"));
+var _label = _interopRequireDefault(require("./label"));
+var _missing = _interopRequireDefault(require("./missing"));
+var _variableStatus = _interopRequireDefault(require("./variable-status"));
+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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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); }
+/**
+ * This functions returns declartions with "after" position if exist, else return description
+ * @param {declarations, description}
+ * @returns
+ */
+function getDescription(_ref) {
+  var declarations = _ref.declarations,
+    description = _ref.description;
+  if (Array.isArray(declarations)) {
+    var found = declarations.filter(function (v) {
+      return v.position === _declarations.DECLARATION_POSITIONS.after;
+    });
+    if (found.length) {
+      return found;
+    }
+  }
+  return description;
+}
+function LunaticComponentWithLabel(props) {
+  var id = props.id,
+    preferences = props.preferences,
+    label = props.label,
+    declarations = props.declarations,
+    value = props.value,
+    children = props.children,
+    management = props.management,
+    description = props.description;
+  var labelId = "label-".concat(id);
+  var Wrapper = management ? _variableStatus["default"] : _react.Fragment;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_declarations.DeclarationsBeforeText, {
+      declarations: declarations,
+      id: id
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_fieldContainer["default"], {
+      value: value,
+      id: id,
+      preferences: preferences,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_label["default"], {
+        htmlFor: id,
+        id: labelId,
+        description: getDescription({
+          declarations: declarations,
+          description: description
+        }),
+        children: label
+      }), children]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_declarations.DeclarationsDetachable, {
+      declarations: declarations,
+      id: id
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_missing["default"], _objectSpread({}, props))]
+  });
+}
+LunaticComponentWithLabel.propTypes = {
+  id: _propTypes["default"].string.isRequired,
+  preferences: _propTypes["default"].arrayOf(commonPropTypes.valueTypePropTypes),
+  label: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].element]),
+  declarations: commonPropTypes.declarationsPropTypes,
+  value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number, _propTypes["default"].bool]),
+  children: _propTypes["default"].element,
+  management: _propTypes["default"].bool,
+  description: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].element, _propTypes["default"].array])
+};
+var _default = LunaticComponentWithLabel;
+exports["default"] = _default;

package/lib/components/commons/components/lunatic-component-without-label.js

@@ -0,0 +1,87 @@
+"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 _declarations = require("../../declarations");
+var _fieldContainer = _interopRequireDefault(require("./field-container"));
+var _missing = _interopRequireDefault(require("./missing"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
+var _variableStatus = _interopRequireDefault(require("./variable-status"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function getDescription(_ref) {
+  var declarations = _ref.declarations,
+    description = _ref.description;
+  if (Array.isArray(declarations)) {
+    var finded = declarations.reduce(function (what, declaration) {
+      var position = declaration.position,
+        label = declaration.label,
+        declarationType = declaration.declarationType;
+      if (position === _declarations.DECLARATION_POSITIONS.after) {
+        return [].concat(_toConsumableArray(what), [{
+          label: label,
+          declarationType: declarationType
+        }]);
+      }
+      return what;
+    }, []);
+    if (finded.length) {
+      return finded;
+    }
+  }
+  return description;
+}
+function LunaticComponent(props) {
+  var id = props.id,
+    preferences = props.preferences,
+    declarations = props.declarations,
+    value = props.value,
+    children = props.children,
+    management = props.management,
+    description = props.description,
+    handleChange = props.handleChange;
+  var content = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_declarations.DeclarationsBeforeText, {
+      declarations: declarations,
+      id: id
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_fieldContainer["default"], {
+      value: value,
+      id: id,
+      preferences: preferences,
+      children: /*#__PURE__*/_react["default"].cloneElement(children, {
+        description: getDescription({
+          declarations: declarations,
+          description: description
+        })
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_declarations.DeclarationsDetachable, {
+      declarations: declarations,
+      id: id
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_missing["default"], _objectSpread(_objectSpread({}, props), {}, {
+      handleChange: handleChange
+    }))]
+  });
+  return management ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_variableStatus["default"], {
+    children: content
+  }) : content;
+}
+LunaticComponent.propTypes = {
+  children: _propTypes["default"].element
+};
+var _default = LunaticComponent;
+exports["default"] = _default;

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

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

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

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _reactTooltip = _interopRequireDefault(require("react-tooltip"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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", {
+    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",
+      children: children
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTooltip["default"], {
+      id: "".concat(title, "-tooltip"),
+      className: "tooltip-content",
+      place: "bottom",
+      effect: "solid",
+      globalEventOff: "click"
+    })]
+  });
+};
+var _default = Link;
+exports["default"] = _default;

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

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _reactMarkdown = _interopRequireDefault(require("react-markdown"));
+var _link = _interopRequireDefault(require("./link"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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 renderers = function renderers(otherProps) {
+  return {
+    p: function p(props) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        style: {
+          margin: '0'
+        },
+        children: props.children
+      });
+    },
+    a: function a(props) {
+      return (0, _link["default"])(_objectSpread(_objectSpread({}, otherProps), props));
+    }
+  };
+};
+var DEFAULT_LOG_FUNCTION = function DEFAULT_LOG_FUNCTION() {};
+var MdLabel = function MdLabel(_ref) {
+  var expression = _ref.expression,
+    _ref$logFunction = _ref.logFunction,
+    logFunction = _ref$logFunction === void 0 ? DEFAULT_LOG_FUNCTION : _ref$logFunction;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactMarkdown["default"], {
+    children: expression,
+    components: renderers({
+      logFunction: logFunction
+    })
+  });
+};
+var _default = MdLabel;
+exports["default"] = _default;

package/lib/components/commons/components/missing/index.js

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

package/lib/components/commons/components/missing/missing.js

@@ -0,0 +1,87 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.MissingPure = void 0;
+require("./missing.scss");
+var _react = _interopRequireWildcard(require("react"));
+var _constants = require("../../../../utils/constants");
+var _reactKeyboardEventHandler = _interopRequireDefault(require("react-keyboard-event-handler"));
+var _lunaticContext = require("../../../../use-lunatic/lunatic-context");
+var _button = _interopRequireDefault(require("../../../button"));
+var _useOnHandleChange = _interopRequireDefault(require("../../use-on-handle-change"));
+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 _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); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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 Missing = function Missing(props) {
+  var propsContext = (0, _lunaticContext.useLunaticMissing)();
+  if (!propsContext.missing || !props.missingResponse) {
+    return null;
+  }
+  if (props.componentType === 'Loop' && props.paginatedLoop) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(MissingPure, _objectSpread(_objectSpread({}, props), propsContext));
+};
+var MissingPure = function MissingPure(props) {
+  var missingResponse = props.missingResponse,
+    handleChange = props.handleChange,
+    missingStrategy = props.missingStrategy,
+    shortcut = props.shortcut,
+    missingShortcut = props.missingShortcut,
+    dontKnowButton = props.dontKnowButton,
+    refusedButton = props.refusedButton;
+  var value = missingResponse === null || missingResponse === void 0 ? void 0 : missingResponse.value;
+  var onClick = (0, _useOnHandleChange["default"])({
+    handleChange: handleChange,
+    response: missingResponse,
+    value: value
+  });
+  var handleMissingStrategy = (0, _react.useCallback)(function () {
+    if (missingStrategy) missingStrategy();
+  }, [missingStrategy]);
+  var onClickDK = (0, _react.useCallback)(function () {
+    onClick(_constants.DK);
+    handleMissingStrategy();
+  }, [onClick, handleMissingStrategy]);
+  var onClickRF = (0, _react.useCallback)(function () {
+    onClick(_constants.RF);
+    handleMissingStrategy();
+  }, [onClick, handleMissingStrategy]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "missing-buttons",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: "missing-button".concat(value === _constants.DK ? '-active' : '', " missing-button-dk").concat(value === _constants.DK ? '-active' : ''),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button["default"], {
+        label: dontKnowButton,
+        onClick: onClickDK
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: "missing-button".concat(value === _constants.RF ? '-active' : '', " missing-button-rf").concat(value === _constants.RF ? '-active' : ''),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button["default"], {
+        label: refusedButton,
+        onClick: onClickRF
+      })
+    }), shortcut && missingShortcut && missingShortcut.dontKnow && missingShortcut.refused && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactKeyboardEventHandler["default"], {
+      handleKeys: Object.values(missingShortcut),
+      handleEventType: "keydown",
+      onKeyEvent: function onKeyEvent(key, e) {
+        e.preventDefault();
+        if (key === missingShortcut.dontKnow) onClickDK();
+        if (key === missingShortcut.refused) onClickRF();
+      },
+      handleFocusableElements: true
+    })]
+  });
+};
+exports.MissingPure = MissingPure;
+var _default = Missing;
+exports["default"] = _default;

package/lib/components/commons/components/missing/missing.scss

@@ -0,0 +1,30 @@
+.lunatic-component {
+	.missing-buttons {
+		margin-top: 1em;
+		.button-lunatic {
+			width: 4em;
+			font-size: 1em;
+			font-weight: normal;
+		}
+		.missing-button {
+			.button-lunatic {
+				background-color: var(--color-very-very-light);
+				color: var(--color-primary-dark);
+				&:hover {
+					background-color: white;
+					color: var(--color-primary-main);
+				}
+			}
+		}
+		.missing-button-active {
+			.button-lunatic {
+				background-color: var(--color-primary-dark);
+				color: var(--color-very-very-light);
+				&:hover {
+					background-color: var(--color-primary-main);
+					color: white;
+				}
+			}
+		}
+	}
+}

package/lib/components/commons/components/missing/missing.spec.js

@@ -0,0 +1,81 @@
+"use strict";
+
+var _react = require("@testing-library/react");
+var _missing = require("./missing");
+var _vitest = require("vitest");
+var _jsxRuntime = require("react/jsx-runtime");
+(0, _vitest.describe)('Missing', function () {
+  var handleChange = _vitest.vi.fn();
+  var missingResponse = {
+    name: 'Demo',
+    value: ''
+  };
+  var dontKnowButton = "Don't know";
+  var refusedButton = 'Refused';
+  (0, _vitest.afterEach)(function () {
+    _vitest.vi.clearAllMocks();
+  });
+  (0, _vitest.it)('should render the "Don\'t Know" and "Refused" buttons', function () {
+    var _render = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_missing.MissingPure, {
+        dontKnowButton: dontKnowButton,
+        refusedButton: refusedButton,
+        missingResponse: missingResponse,
+        handleChange: handleChange,
+        missingShortcut: {
+          dontKnow: '',
+          refused: ''
+        },
+        missingStrategy: function missingStrategy() {},
+        shortcut: false
+      })),
+      getByText = _render.getByText;
+    var dontKnow = getByText(dontKnowButton);
+    var refused = getByText(refusedButton);
+    (0, _vitest.expect)(dontKnow).toBeInTheDocument();
+    (0, _vitest.expect)(refused).toBeInTheDocument();
+  });
+  (0, _vitest.it)('should call the handleChange function when a button is clicked', function () {
+    var _render2 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_missing.MissingPure, {
+        dontKnowButton: dontKnowButton,
+        refusedButton: refusedButton,
+        missingResponse: missingResponse,
+        handleChange: handleChange,
+        missingShortcut: {
+          dontKnow: '',
+          refused: ''
+        },
+        missingStrategy: function missingStrategy() {},
+        shortcut: false
+      })),
+      getByText = _render2.getByText;
+    var dontKnow = getByText(dontKnowButton);
+    var refused = getByText(refusedButton);
+    _react.fireEvent.click(dontKnow);
+    _react.fireEvent.click(refused);
+    (0, _vitest.expect)(handleChange).toHaveBeenCalledTimes(2);
+    (0, _vitest.expect)(handleChange).toHaveBeenCalledWith(missingResponse, 'DK');
+    (0, _vitest.expect)(handleChange).toHaveBeenCalledWith(missingResponse, 'RF');
+  });
+  (0, _vitest.it)('should not handle keyboard shortcuts when a shortcut is not provided', function () {
+    (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_missing.MissingPure, {
+      dontKnowButton: dontKnowButton,
+      refusedButton: refusedButton,
+      missingResponse: missingResponse,
+      handleChange: handleChange,
+      missingShortcut: {
+        dontKnow: '',
+        refused: ''
+      },
+      missingStrategy: function missingStrategy() {},
+      shortcut: false
+    }));
+    var body = document.body;
+    _react.fireEvent.click(body, {
+      key: 'd'
+    });
+    _react.fireEvent.click(body, {
+      key: 'r'
+    });
+    (0, _vitest.expect)(handleChange).toHaveBeenCalledTimes(0);
+  });
+});

package/lib/components/commons/components/nothing-to-display.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function NothingToDisplay() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: "Nothing to display!"
+  });
+}
+var _default = NothingToDisplay;
+exports["default"] = _default;

package/lib/components/commons/components/nothing-to-display.spec.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _nothingToDisplay = _interopRequireDefault(require("./nothing-to-display"));
+var _vitest = require("vitest");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+(0, _vitest.describe)('NothingToDisplay', function () {
+  (0, _vitest.it)('renders the legend text', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_nothingToDisplay["default"], {})),
+      getByText = _render.getByText;
+    var legendElement = getByText('Nothing to display!');
+    (0, _vitest.expect)(legendElement).toBeInTheDocument();
+  });
+});

package/lib/components/commons/components/orchestrated-component.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var lunatic = _interopRequireWildcard(require("../../../components"));
+var _commons = require("../../../use-lunatic/commons");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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 OrchestratedComponent(_ref) {
+  var id = _ref.id,
+    component = _ref.component,
+    handleChange = _ref.handleChange,
+    features = _ref.features,
+    missing = _ref.missing,
+    shortcut = _ref.shortcut,
+    management = _ref.management,
+    preferences = _ref.preferences,
+    value = _ref.value,
+    iteration = _ref.iteration,
+    linksIterations = _ref.linksIterations,
+    executeExpression = _ref.executeExpression,
+    errors = _ref.errors;
+  var componentType = component.componentType;
+  var componentFilled = (0, _commons.fillComponentExpressions)(component, {
+    executeExpression: executeExpression,
+    pager: {
+      iteration: iteration,
+      linksIterations: linksIterations
+    }
+  });
+  var Component = lunatic[componentType];
+  var conditionFilter = componentFilled.conditionFilter;
+  var hasToBeDisplay = conditionFilter !== undefined ? conditionFilter : true;
+  if (componentType in lunatic && hasToBeDisplay) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, _objectSpread(_objectSpread({}, componentFilled), {}, {
+      id: id,
+      handleChange: handleChange,
+      preferences: preferences,
+      management: management,
+      features: features,
+      missing: missing,
+      shortcut: shortcut,
+      value: value,
+      executeExpression: executeExpression,
+      errors: errors
+    }));
+  }
+  return null;
+}
+var _default = OrchestratedComponent;
+exports["default"] = _default;

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

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "editedImg", {
+  enumerable: true,
+  get: function get() {
+    return _edited["default"];
+  }
+});
+Object.defineProperty(exports, "forcedImg", {
+  enumerable: true,
+  get: function get() {
+    return _forced["default"];
+  }
+});
+var _edited = _interopRequireDefault(require("./edited.png"));
+var _forced = _interopRequireDefault(require("./forced.png"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

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

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