@inseefr/lunatic 2.0.0 → 2.0.1-v2

package/lib/index.js

@@ -1,4175 +1,32 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
 
-var React = require('react');
-var PropTypes = require('prop-types');
-var camelCase = require('lodash.camelcase');
-var isEqual = require('lodash.isequal');
-var vtl2_1Engine = require('@inseefr/vtl-2.1-engine');
-var removeAccents = require('remove-accents');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var camelCase__default = /*#__PURE__*/_interopDefaultLegacy(camelCase);
-var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual);
-var removeAccents__default = /*#__PURE__*/_interopDefaultLegacy(removeAccents);
-
-var lunatic = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	get Breadcrumb () { return Breadcrumb; },
-	get Button () { return Button; },
-	get Datepicker () { return component; },
-	get Declarations () { return Declarations; },
-	get Dropdown () { return component$1; },
-	get FilterDescription () { return FilterDescription; },
-	get ProgressBar () { return ProgressBar; },
-	get Radio () { return component$2; },
-	get Loop () { return LoopWrapper; },
-	get Sequence () { return component$4; },
-	get Subsequence () { return component$5; },
-	get Textarea () { return component$6; },
-	get TooltipResponse () { return TooltipResponse; },
-	get CheckboxGroup () { return group; },
-	get CheckboxBoolean () { return boolean; },
-	get CheckboxOne () { return one; },
-	get Input () { return input; },
-	get InputNumber () { return inputNumber; },
-	get RosterForLoop () { return component$3; }
-});
-
-// Declaration position
-var BEFORE_QUESTION_TEXT = 'BEFORE_QUESTION_TEXT';
-var AFTER_QUESTION_TEXT = 'AFTER_QUESTION_TEXT';
-var DETACHABLE = 'DETACHABLE'; // Declaration types
-
-var INSTRUCTION = 'INSTRUCTION';
-var COMMENT = 'COMMENT';
-var HELP = 'HELP';
-var WARNING = 'WARNING';
-var MESSAGE_FILTER = 'MESSAGE_FILTER';
-var STATEMENT = 'STATEMENT';
-
-var PREVIOUS = 'PREVIOUS';
-var COLLECTED = 'COLLECTED';
-var FORCED = 'FORCED';
-var EDITED = 'EDITED';
-var INPUTED = 'INPUTED';
-
-var EXTERNAL = 'EXTERNAL';
-var CALCULATED = 'CALCULATED'; // Already define in value-types
-//export const COLLECTED = 'COLLECTED';
-
-var declarations = PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({
-  id: PropTypes__default['default'].string.isRequired,
-  declarationType: PropTypes__default['default'].oneOf([INSTRUCTION, COMMENT, HELP, WARNING, MESSAGE_FILTER, STATEMENT]),
-  position: PropTypes__default['default'].oneOf([BEFORE_QUESTION_TEXT, AFTER_QUESTION_TEXT, DETACHABLE]),
-  label: PropTypes__default['default'].string.isRequired
-})).isRequired;
-
-var options = PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({
-  label: PropTypes__default['default'].string.isRequired,
-  value: PropTypes__default['default'].string.isRequired
-}));
-
-var response = PropTypes__default['default'].shape({
-  name: PropTypes__default['default'].string,
-  values: PropTypes__default['default'].shape({})
-});
-
-var valueType = PropTypes__default['default'].oneOf(['COLLECTED', 'PREVIOUS', 'FORCED', 'EDITED', 'INPUTED']);
-
-var lines = PropTypes__default['default'].shape({
-  min: PropTypes__default['default'].number,
-  max: PropTypes__default['default'].number
-});
-
-var buildTooltip = function buildTooltip(response) {
-  if (!response || !response.values || Object.keys(response.values).length === 0) return {};
-  var values = response.values;
-  var edited = values[EDITED];
-  var forced = values[FORCED];
-  var collected = values[COLLECTED];
-
-  if (has(edited)) {
-    if (!has(forced)) return {
-      content: [{
-        key: 'Brute',
-        value: collected || ' - '
-      }],
-      imgName: 'editedImg'
-    };
-    return {
-      content: [{
-        key: 'Brute',
-        value: collected || ' - '
-      }, {
-        key: 'Correction automatique',
-        value: forced
-      }],
-      imgName: 'editedImg'
-    };
-  }
-
-  if (has(forced)) return {
-    content: [{
-      key: 'Brute',
-      value: collected || ' - '
-    }],
-    imgName: 'forcedImg'
-  };
-  return {};
-};
-
-var has = function has(status) {
-  return status !== undefined && status !== null;
-};
-
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-}
-
-function _extends() {
-  _extends = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-
-  return _extends.apply(this, arguments);
-}
-
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    if (enumerableOnly) symbols = symbols.filter(function (sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    });
-    keys.push.apply(keys, symbols);
-  }
-
-  return keys;
-}
-
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-
-    if (i % 2) {
-      ownKeys(Object(source), true).forEach(function (key) {
-        _defineProperty(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(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;
-}
-
-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 _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-
-function _toArray(arr) {
-  return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest();
-}
-
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-}
-
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-}
-
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
-}
-
-function _iterableToArrayLimit(arr, i) {
-  if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-  var _e = undefined;
-
-  try {
-    for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
-    try {
-      if (!_n && _i["return"] != null) _i["return"]();
-    } finally {
-      if (_d) throw _e;
-    }
-  }
-
-  return _arr;
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-
-  return arr2;
-}
-
-function _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 _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-var buildMultiTooltipResponse = function buildMultiTooltipResponse(options) {
-  return function (response) {
-    if (!response || Object.keys(response).length === 0 || !options) return {};
-    var name = response.name,
-        values = response.values;
-    var newValues = Object.entries(values).reduce(function (acc, _ref) {
-      var _ref2 = _slicedToArray(_ref, 2),
-          k = _ref2[0],
-          v = _ref2[1];
-
-      return v === null ? _objectSpread2(_objectSpread2({}, acc), {}, _defineProperty({}, k, v)) : _objectSpread2(_objectSpread2({}, acc), {}, _defineProperty({}, k, options.find(function (o) {
-        return o.value === v;
-      }).label));
-    }, {});
-    return {
-      name: name,
-      values: newValues
-    };
-  };
-};
-var buildBooleanTooltipResponse = function buildBooleanTooltipResponse(response) {
-  if (!response || Object.keys(response).length === 0) return {};
-  var name = response.name,
-      values = response.values;
-  var newValues = Object.entries(values).reduce(function (acc, _ref3) {
-    var _ref4 = _slicedToArray(_ref3, 2),
-        k = _ref4[0],
-        v = _ref4[1];
-
-    return v === null ? _objectSpread2(_objectSpread2({}, acc), {}, _defineProperty({}, k, v)) : _objectSpread2(_objectSpread2({}, acc), {}, _defineProperty({}, k, v ? 'Vrai' : 'Faux'));
-  }, {});
-  return {
-    name: name,
-    values: newValues
-  };
-};
-
-var getAlphabet = function getAlphabet() {
-  return 'abcdefghijklmnopqrstuvwxyz'.split('');
-};
-
-var getLabelPositionClass = function getLabelPositionClass(position) {
-  switch (position) {
-    case 'LEFT':
-      return 'label-left';
-
-    case 'BOTTOM':
-      return 'label-bottom';
-
-    case 'RIGHT':
-      return 'label-right';
-
-    default:
-      return 'label-top';
-  }
-};
-
-var getItemsPositioningClass = function getItemsPositioningClass(positioning) {
-  switch (positioning) {
-    case 'HORIZONTAL':
-      return 'horizontal-options';
-
-    case 'VERTICAL':
-    default:
-      return '';
-  }
-};
-
-var getResponseName = function getResponseName(response) {
-  return response && response.name || '';
-};
-var getResponseByPreference = function getResponseByPreference(preferences) {
-  return function (response) {
-    if (!(response && response.values)) return '';
-    return preferences.reduce(function (acc, p) {
-      var value = response.values[p];
-      return value !== null ? value : acc;
-    }, '');
-  };
-};
-
-var buildStyleObject = function buildStyleObject(obj) {
-  return obj ? Object.entries(obj).reduce(function (_, _ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-        key = _ref2[0],
-        value = _ref2[1];
-
-    if (key.startsWith(':')) _[key] = buildStyleObject(value);else _[camelCase__default['default'](key)] = value;
-    return _;
-  }, {}) : {};
-};
-
-var isResponseEmpty = function isResponseEmpty(response) {
-  return Object.values(response.values).filter(function (v) {
-    return v !== null;
-  }).length === 0;
-};
-
-var getRosterInitLines = function getRosterInitLines(cells) {
-  return Array.isArray(cells) ? cells.reduce(function (_, line) {
-    return [].concat(_toConsumableArray(_), [line.reduce(function (__, component) {
-      if (!component.response || __) return __;
-      return !isResponseEmpty(component.response);
-    }, false)]);
-  }, []).filter(function (b) {
-    return b;
-  }).length : 0;
-};
-
-var buildBindingsForDeeperComponents = function buildBindingsForDeeperComponents(index) {
-  return function (bindings) {
-    return bindings ? Object.entries(bindings).reduce(function (_, _ref) {
-      var _ref2 = _slicedToArray(_ref, 2),
-          name = _ref2[0],
-          value = _ref2[1];
-
-      if (Array.isArray(value)) return _objectSpread2(_objectSpread2({}, _), {}, _defineProperty({}, name, value[index] || null));
-      return _objectSpread2(_objectSpread2({}, _), {}, _defineProperty({}, name, value));
-    }, {}) : {};
-  };
-};
-
-var getDefaultDatasetStructure = function getDefaultDatasetStructure(name, value) {
-  return _defineProperty({}, name, {
-    dataStructure: {},
-    dataPoints: _defineProperty({}, name, value)
-  });
-};
-
-var buildVectorialBindings = function buildVectorialBindings(bindings) {
-  return bindings ? Object.entries(bindings).reduce(function (_, _ref4) {
-    var _ref5 = _slicedToArray(_ref4, 2),
-        name = _ref5[0],
-        value = _ref5[1];
-
-    if (Array.isArray(value)) return _objectSpread2(_objectSpread2({}, _), getDefaultDatasetStructure(name, value));
-    return _objectSpread2(_objectSpread2({}, _), {}, _defineProperty({}, name, value));
-  }, {}) : {};
-};
-var displayLoop = function displayLoop(dependencyList) {
-  return function (bindings) {
-    if (!Array.isArray(dependencyList) || !bindings) return false;
-    return !(dependencyList.map(function (iv) {
-      return Array.isArray(bindings[iv][0]) ? bindings[iv][0].flat()[0] : bindings[iv][0];
-    }).filter(function (v) {
-      return v;
-    }).length === 0);
-  };
-};
-var displayLoopQuestion = function displayLoopQuestion(dependencyList) {
-  return function (bindings) {
-    if (!Array.isArray(dependencyList) || !bindings) return false;
-    return !(dependencyList.map(function (iv) {
-      return Array.isArray(bindings[iv]) ? bindings[iv].flat()[0] : bindings[iv];
-    }).filter(function (v) {
-      return v;
-    }).length === 0);
-  };
-};
-
-var getLoopConstructorInitLines = function getLoopConstructorInitLines(components) {
-  return Array.isArray(components) ? components.reduce(function (_, c) {
-    return c.response && c.response.values[COLLECTED] && c.response.values[COLLECTED].length > _ ? c.response.values[COLLECTED].length : _;
-  }, 0) : 0;
-};
-var getInvolvedVariables = function getInvolvedVariables(parentComponents) {
-  return Array.isArray(parentComponents) ? parentComponents.reduce(function (_, c) {
-    var response = c.response,
-        responses = c.responses,
-        components = c.components,
-        depth = c.depth;
-    if (response && response.name) return [].concat(_toConsumableArray(_), [{
-      name: response.name,
-      depth: depth
-    }]);
-    if (responses || components) return [].concat(_toConsumableArray(_), [getInvolvedVariables(responses || components)]);
-    return _;
-  }, []).flat() : [];
-};
-var lastLoopChildLineIsEmpty = function lastLoopChildLineIsEmpty(bindings) {
-  return function (involvedVariables) {
-    return bindings && involvedVariables ? involvedVariables.map(function (iv) {
-      return iv.name;
-    }).filter(function (iv) {
-      return bindings[iv] && bindings[iv][bindings[iv].length - 1];
-    }).length === 0 : true;
-  };
-};
-var buildEmptyValue = function buildEmptyValue(depth) {
-  if (!depth || depth === 1) return null;
-  return new Array(depth - 1).fill(null).reduce(function (acc) {
-    return new Array(1).fill(acc);
-  }, null);
-};
-
-var VarsHasBeenUpdated = function VarsHasBeenUpdated(prevProps, props) {
-  var oldR = prevProps.response,
-      oldRs = prevProps.responses,
-      oldC = prevProps.cells;
-  var newR = props.response,
-      newRs = props.responses,
-      newC = props.cells;
-  if (!newR && !newRs && !newC) return true;
-  return !(newR && isEqual__default['default'](oldR, newR) || newRs && isEqual__default['default'](oldRs, newRs) || newC && isEqual__default['default'](oldC, newC));
-};
-
-var areEqual = function areEqual(prevProps, props) {
-  if (VarsHasBeenUpdated(prevProps, props)) return false;
-  var bindingDependencies = props.bindingDependencies;
-
-  if (Array.isArray(bindingDependencies) && bindingDependencies.length > 0) {
-    var oldB = prevProps.bindings;
-    var newB = props.bindings;
-    return !bindingDependencies.map(function (d) {
-      return isEqual__default['default'](oldB[d], newB[d]);
-    }).includes(false);
-  }
-
-  return true;
-};
-
-var responseToClean = function responseToClean(response) {
-  return function (preferences) {
-    if (!preferences || !response.values) return false;
-    var values = response.values;
-    if (!values) return false;
-
-    var cutedValues = _objectSpread2(_objectSpread2({}, values), {}, _defineProperty({}, preferences[preferences.length - 1], null));
-
-    return Object.values(cutedValues).filter(function (v) {
-      return v !== null;
-    }).length === 0;
-  };
-};
-var responsesToClean = function responsesToClean(responses) {
-  return function (preferences) {
-    return function (key) {
-      if (!preferences || !key) return false;
-      var values = responses.find(function (r) {
-        return r.response.name === key;
-      }).response.values;
-      if (!values) return false;
-
-      var cutedValues = _objectSpread2(_objectSpread2({}, values), {}, _defineProperty({}, preferences[preferences.length - 1], null));
-
-      return Object.values(cutedValues).filter(function (v) {
-        return v !== null;
-      }).length === 0;
-    };
-  };
-};
-
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css_248z = "* {\n  box-sizing: border-box;\n}\n\n.mandatory:after {\n  content: \" *\";\n  color: red;\n}\n\n.horizontal-options {\n  display: inline-block;\n  margin-right: 2em;\n}\n\nlabel,\n.lunatic-dropdown-label {\n  margin-bottom: 0.5em;\n}\n\n.label-top {\n  display: flex;\n  flex-direction: column;\n}\n\n.label-bottom {\n  display: flex;\n  flex-direction: column-reverse;\n}\n\n.label-right {\n  justify-content: flex-end;\n  display: flex;\n  flex-direction: row-reverse;\n  align-items: baseline;\n}\n.label-right :first-child {\n  margin-right: 1rem;\n}\n\n.label-left {\n  display: flex;\n  flex-direction: row;\n  align-items: baseline;\n}\n.label-left :first-child {\n  margin-right: 1rem;\n}\n\n.field-container {\n  display: flex;\n}\n\n.tooltip {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.field-with-tooltip {\n  width: calc(100% - 25px);\n  position: relative;\n}\n\n.field {\n  width: 100%;\n  position: relative;\n}\n\n.breadcrumb-lunatic {\n  width: 100%;\n  height: 40px;\n  box-sizing: border-box;\n  border-radius: 0px;\n  background-color: #e80a4d;\n  color: white;\n  font-weight: bold;\n  font-size: 130%;\n  padding-left: 10px;\n  display: flex;\n  align-items: center;\n}\n\n.breadcrumb-element-lunatic:before {\n  content: \">\";\n  color: white;\n  margin-left: 0.4em;\n  margin-right: 0.4em;\n}";
-styleInject(css_248z);
-
-var Breadcrumb = function Breadcrumb(_ref) {
-  var elements = _ref.elements,
-      style = _ref.style;
-  return /*#__PURE__*/React__default['default'].createElement("div", {
-    "aria-label": "breadcrumb",
-    className: "breadcrumb-lunatic",
-    style: buildStyleObject(style)
-  }, elements.map(function (e, i) {
-    return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, {
-      key: "breadcrumb-".concat(e.toLowerCase())
-    }, e && /*#__PURE__*/React__default['default'].createElement("span", {
-      className: i !== 0 ? 'breadcrumb-element-lunatic' : undefined
-    }, e));
-  }));
-};
-
-Breadcrumb.propTypes = {
-  elements: PropTypes__default['default'].arrayOf(PropTypes__default['default'].string).isRequired,
-  style: PropTypes__default['default'].object
-};
-
-var css_248z$1 = "* {\n  box-sizing: border-box;\n}\n\n.mandatory:after {\n  content: \" *\";\n  color: red;\n}\n\n.horizontal-options {\n  display: inline-block;\n  margin-right: 2em;\n}\n\nlabel,\n.lunatic-dropdown-label {\n  margin-bottom: 0.5em;\n}\n\n.label-top {\n  display: flex;\n  flex-direction: column;\n}\n\n.label-bottom {\n  display: flex;\n  flex-direction: column-reverse;\n}\n\n.label-right {\n  justify-content: flex-end;\n  display: flex;\n  flex-direction: row-reverse;\n  align-items: baseline;\n}\n.label-right :first-child {\n  margin-right: 1rem;\n}\n\n.label-left {\n  display: flex;\n  flex-direction: row;\n  align-items: baseline;\n}\n.label-left :first-child {\n  margin-right: 1rem;\n}\n\n.field-container {\n  display: flex;\n}\n\n.tooltip {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.field-with-tooltip {\n  width: calc(100% - 25px);\n  position: relative;\n}\n\n.field {\n  width: 100%;\n  position: relative;\n}\n\n.button-lunatic {\n  width: 100%;\n  color: white;\n  border-color: #e80a4d;\n  background-color: #e80a4d;\n  font-size: 1.5em;\n  font-weight: bold;\n  padding: 0.4em;\n}\n.button-lunatic:hover, .button-lunatic:focus:hover {\n  color: #e80a4d;\n  background-color: white;\n  border-color: #e80a4d;\n}\n.button-lunatic:focus {\n  outline: none;\n  background-color: #e07898;\n  border-color: #e07898;\n}\n.button-lunatic:disabled {\n  background: #dddddd;\n  color: #e80a4d;\n}";
-styleInject(css_248z$1);
-
-var Button = function Button(_ref) {
-  var label = _ref.label,
-      value = _ref.value,
-      onClick = _ref.onClick,
-      disabled = _ref.disabled,
-      style = _ref.style;
-  return /*#__PURE__*/React__default['default'].createElement("button", {
-    type: "button",
-    "aria-label": label || 'button',
-    className: "button-lunatic",
-    style: buildStyleObject(style),
-    disabled: disabled,
-    onClick: onClick
-  }, value);
-};
-
-Button.propTypes = {
-  value: PropTypes__default['default'].string.isRequired,
-  disabled: PropTypes__default['default'].bool,
-  onClick: PropTypes__default['default'].func.isRequired
-};
-
-var interpret = function interpret(features) {
-  return function (bindings, doNotReplaceNullBindings) {
-    return function (expression) {
-      if (!expression) return '';
-      if (!Array.isArray(features)) return expression;
-
-      if (features.includes('VTL')) {
-        try {
-          var VTLExpr = vtl2_1Engine.interpret(expression, doNotReplaceNullBindings ? bindings : replaceNullBindings(bindings));
-          if (!VTLExpr) return expression;
-          return VTLExpr;
-        } catch (e) {
-          return expression;
-        }
-      }
-
-      return expression;
-    };
-  };
-};
-var interpretWithEmptyDefault = function interpretWithEmptyDefault(features, doNotReplaceNullBindings) {
-  return function (bindings, replaceNullBindings) {
-    return function (expression) {
-      if (!expression) return '';
-      if (!Array.isArray(features)) return expression;
-
-      if (features.includes('VTL')) {
-        try {
-          var VTLExpr = vtl2_1Engine.interpret(expression, doNotReplaceNullBindings ? bindings : replaceNullBindings(bindings, ''));
-          if (!VTLExpr) return '';
-          return VTLExpr;
-        } catch (e) {
-          return '';
-        }
-      }
-
-      return '';
-    };
-  };
-};
-var replaceNullBindings = function replaceNullBindings(bindings, defaultValue) {
-  return bindings ? Object.entries(bindings).reduce(function (acc, _ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-        key = _ref2[0],
-        value = _ref2[1];
-
-    return _objectSpread2(_objectSpread2({}, acc), {}, _defineProperty({}, key, value === null ? defaultValue || key : value));
-  }, {}) : {};
-};
-
-var mergeQuestionnaireAndData = function mergeQuestionnaireAndData(questionnaire) {
-  return function (data) {
-    if (!questionnaire || !questionnaire.components) return {};
-    if (questionnaire.components.length === 0) return questionnaire;
-
-    var components = questionnaire.components,
-        variables = questionnaire.variables,
-        props = _objectWithoutProperties(questionnaire, ["components", "variables"]);
-
-    var vars = buildVars(data || {})(variables);
-    var filledComponents = buildFilledComponents(vars[COLLECTED])(components)(0);
-    return _objectSpread2(_objectSpread2({}, props), {}, {
-      components: filledComponents,
-      variables: vars
-    });
-  };
-};
-
-var buildVars = function buildVars(data) {
-  return function (variables) {
-    if (!Array.isArray(variables)) return {};
-    var collectedData = data.COLLECTED;
-    var collected = variables.filter(function (_ref) {
-      var variableType = _ref.variableType;
-      return variableType === COLLECTED;
-    }).reduce(function (acc, _ref2) {
-      var values = _ref2.values,
-          name = _ref2.name,
-          componentRef = _ref2.componentRef;
-      var d = collectedData && collectedData[name] || {};
-      return _objectSpread2(_objectSpread2({}, acc), {}, _defineProperty({}, name, {
-        componentRef: componentRef,
-        values: _objectSpread2(_objectSpread2({}, values), d)
-      }));
-    }, {});
-    var EXTERNAL$1 = variables.filter(function (_ref3) {
-      var variableType = _ref3.variableType;
-      return variableType === EXTERNAL;
-    }).reduce(function (_, v) {
-      return _objectSpread2(_objectSpread2({}, _), initExternalVariable(v)(data));
-    }, {});
-    return {
-      EXTERNAL: EXTERNAL$1,
-      COLLECTED: collected,
-      CALCULATED: variables.filter(function (_ref4) {
-        var variableType = _ref4.variableType;
-        return variableType === CALCULATED;
-      }).reduce(function (_, v) {
-        return _objectSpread2(_objectSpread2({}, _), initCalculatedVariable(v)(_objectSpread2(_objectSpread2({}, EXTERNAL$1), collected)));
-      }, {})
-    };
-  };
-};
-
-var buildFilledComponents = function buildFilledComponents(vars) {
-  return function (components) {
-    return function (depth) {
-      return components.map(function (c) {
-        var component = _objectSpread2({
-          depth: depth
-        }, c);
-
-        return buildFilledComponent(vars)(component);
-      });
-    };
-  };
-};
-
-var buildFilledComponent = function buildFilledComponent(vars) {
-  return function (component) {
-    if (component.response) return buildResponseComponent(vars)(component);else if (component.responses) return buildResponsesComponent(vars)(component);else if (component.cells) return buildCellsComponent(vars)(component);else if (component.components) return buildComponentsComponent(vars)(component);
-    return component;
-  };
-};
-var buildResponseComponent = function buildResponseComponent(vars) {
-  return function (c) {
-    return _objectSpread2(_objectSpread2({}, c), {}, {
-      response: {
-        name: c.response.name,
-        values: vars[c.response.name].values
-      }
-    });
-  };
-};
-var buildResponsesComponent = function buildResponsesComponent(vars) {
-  return function (c) {
-    var responses = c.responses,
-        rest = _objectWithoutProperties(c, ["responses"]);
-
-    var filledResponses = responses.map(function (r) {
-      return buildResponseComponent(vars)(r);
-    });
-    return _objectSpread2(_objectSpread2({}, rest), {}, {
-      responses: filledResponses
-    });
-  };
-};
-var buildCellsComponent = function buildCellsComponent(vars) {
-  return function (c) {
-    var cells = c.cells,
-        depth = c.depth,
-        rest = _objectWithoutProperties(c, ["cells", "depth"]);
-
-    var filledCells = cells.map(function (row) {
-      return buildFilledComponents(vars)(row)(depth);
-    });
-    return _objectSpread2(_objectSpread2({}, rest), {}, {
-      depth: depth,
-      cells: filledCells
-    });
-  };
-};
-var buildComponentsComponent = function buildComponentsComponent(vars) {
-  return function (component) {
-    var components = component.components,
-        depth = component.depth,
-        rest = _objectWithoutProperties(component, ["components", "depth"]);
-
-    var filledComponents = buildFilledComponents(vars)(components)(depth + 1);
-    return _objectSpread2(_objectSpread2({}, rest), {}, {
-      depth: depth,
-      components: filledComponents
-    });
-  };
-};
-
-var initExternalVariable = function initExternalVariable(_ref5) {
-  var name = _ref5.name;
-  return function (data) {
-    return _defineProperty({}, name, data && data.EXTERNAL && data.EXTERNAL[name] || null);
-  };
-};
-
-var initCalculatedVariable = function initCalculatedVariable(_ref7) {
-  var name = _ref7.name,
-      expression = _ref7.expression;
-  return function (data) {
-    var bindings = Object.entries(data).reduce(function (acc, _ref8) {
-      var _ref9 = _slicedToArray(_ref8, 2),
-          key = _ref9[0],
-          value = _ref9[1];
-
-      return _objectSpread2(_objectSpread2({}, acc), {}, _defineProperty({}, key, typeof value === 'string' || value === null ? value : value.values[COLLECTED]));
-    }, {});
-    return _defineProperty({}, name, {
-      expression: expression,
-      value: interpret(['VTL'])(bindings)(expression)
-    });
-  };
-};
-
-var getState = function getState(questionnaire) {
-  var _ref;
-
-  var variables = questionnaire.variables;
-  return _ref = {}, _defineProperty(_ref, CALCULATED, getCalculatedFromVariables(variables)), _defineProperty(_ref, COLLECTED, getCollectedState(questionnaire)), _defineProperty(_ref, EXTERNAL, getExternalFromVariables(variables)), _ref;
-};
-var getCollectedState = function getCollectedState(questionnaire) {
-  var variables = questionnaire.variables;
-  return variables && variables[COLLECTED] && Object.entries(variables[COLLECTED]).reduce(function (acc, _ref2) {
-    var _ref3 = _slicedToArray(_ref2, 2),
-        name = _ref3[0],
-        values = _ref3[1].values;
-
-    return _objectSpread2(_objectSpread2({}, acc), {}, _defineProperty({}, name, values));
-  }, {}) || {};
-};
-
-var getCalculatedFromVariables = function getCalculatedFromVariables(variables) {
-  return variables && variables[CALCULATED] ? Object.entries(variables[CALCULATED]).reduce(function (_, _ref4) {
-    var _ref5 = _slicedToArray(_ref4, 2),
-        name = _ref5[0],
-        value = _ref5[1].value;
-
-    return _objectSpread2(_objectSpread2({}, _), {}, _defineProperty({}, name, value));
-  }, {}) : {};
-};
-
-var getExternalFromVariables = function getExternalFromVariables(variables) {
-  return variables && variables[EXTERNAL] || {};
-};
-
-var getCollectedStateByValueType = function getCollectedStateByValueType(questionnaire) {
-  return function (valueType, displayNull) {
-    return ['PREVIOUS', 'COLLECTED', 'FORCED', 'EDITED', 'INPUTED'].includes(valueType) ? Object.entries(getCollectedState(questionnaire)).reduce(function (_, v) {
-      if (displayNull || v[1][valueType] !== null) return _objectSpread2(_objectSpread2({}, _), {}, _defineProperty({}, v[0], v[1][valueType]));
-      return _;
-    }, {}) : {};
-  };
-};
-var getBindings = function getBindings(questionnaire) {
-  var variables = questionnaire.variables;
-  return _objectSpread2(_objectSpread2(_objectSpread2({}, getCollectedStateByValueType(questionnaire)('COLLECTED', true)), getCalculatedFromVariables(variables)), getExternalFromVariables(variables));
-};
-
-var supportedPreferences = [PREVIOUS, COLLECTED, FORCED, EDITED, INPUTED];
-
-var updateQuestionnaire = function updateQuestionnaire(valueType) {
-  return function (questionnaire) {
-    return function (preferences) {
-      return function (updatedValues) {
-        if (!supportedPreferences.includes(valueType) || preferences.length === 0 || !updatedValues) return questionnaire;
-
-        var variables = questionnaire.variables,
-            components = questionnaire.components,
-            other = _objectWithoutProperties(questionnaire, ["variables", "components"]);
-
-        if (!components || components.length === 0) return questionnaire;
-        var varsAndRefs = Object.entries(updatedValues).reduce(function (acc, _ref) {
-          var _ref2 = _slicedToArray(_ref, 2),
-              key = _ref2[0],
-              value = _ref2[1];
-
-          var _acc$newVariables = acc.newVariables,
-              COLLECTED = _acc$newVariables.COLLECTED,
-              otherVars = _objectWithoutProperties(_acc$newVariables, ["COLLECTED"]),
-              refs = acc.refs;
-
-          var _COLLECTED$key = COLLECTED[key],
-              componentRef = _COLLECTED$key.componentRef,
-              values = _COLLECTED$key.values;
-          var updated = {
-            componentRef: componentRef,
-            values: _objectSpread2(_objectSpread2({}, values), {}, _defineProperty({}, valueType, buildNewValue(preferences)(valueType)(values)(value)))
-          };
-
-          var newCollected = _objectSpread2(_objectSpread2({}, COLLECTED), {}, _defineProperty({}, key, updated));
-
-          return {
-            newVariables: _objectSpread2(_objectSpread2({}, otherVars), {}, {
-              COLLECTED: newCollected
-            }),
-            refs: [].concat(_toConsumableArray(refs), [componentRef])
-          };
-        }, {
-          newVariables: variables,
-          refs: []
-        });
-        var newVariables = varsAndRefs.newVariables,
-            r = varsAndRefs.refs;
-        var newVariablesWithCalculated = valueType === COLLECTED ? addCalculatedVars(newVariables) : newVariables;
-        var collectedVars = newVariables[COLLECTED];
-        var newComponents = components.map(function (c) {
-          if (r.includes(c.id)) return buildFilledComponent(collectedVars)(c);
-          return c;
-        });
-        return _objectSpread2(_objectSpread2({}, other), {}, {
-          variables: newVariablesWithCalculated,
-          components: newComponents
-        });
-      };
-    };
-  };
-};
-
-var buildNewValue = function buildNewValue(preferences) {
-  return function (valueType) {
-    return function (oldValues) {
-      return function (value) {
-        if (preferences.length === 1) return value;
-        var index = preferences.indexOf(valueType);
-        if (index < 1) return value;
-        var valuesByPreference = preferences.slice(0, index).map(function (p) {
-          return oldValues[p];
-        }).filter(function (v) {
-          return v !== null;
-        });
-        var lastValue = valuesByPreference[valuesByPreference.length - 1];
-        return lastValue === value ? null : value;
-      };
-    };
-  };
-};
-
-var addCalculatedVars = function addCalculatedVars(variables) {
-  if (!variables[CALCULATED] || Object.keys(variables[CALCULATED]).length === 0) return variables;
-  var COLLECTED$1 = variables.COLLECTED,
-      EXTERNAL = variables.EXTERNAL,
-      CALCULATED$1 = variables.CALCULATED;
-  var collected = Object.entries(COLLECTED$1).reduce(function (acc, _ref3) {
-    var _ref4 = _slicedToArray(_ref3, 2),
-        key = _ref4[0],
-        values = _ref4[1].values;
-
-    return _objectSpread2(_objectSpread2({}, acc), {}, _defineProperty({}, key, values[COLLECTED]));
-  }, {});
-  var bindings = buildVectorialBindings(_objectSpread2(_objectSpread2({}, collected), EXTERNAL));
-  var calculated = Object.entries(CALCULATED$1).reduce(function (acc, _ref5) {
-    var _ref6 = _slicedToArray(_ref5, 2),
-        key = _ref6[0],
-        expression = _ref6[1].expression;
-
-    // Assume that a calculated variable has a first level scope
-    // If we need to handle deep calculated variables, we have to
-    // update the shape of bindings, grouping vars by type
-    var res = interpret(['VTL'])(bindings)(expression);
-    var value = Array.isArray(res) ? res.join(',') : res;
-    return _objectSpread2(_objectSpread2({}, acc), {}, _defineProperty({}, key, {
-      expression: expression,
-      value: value
-    }));
-  }, {});
-  return {
-    EXTERNAL: EXTERNAL,
-    COLLECTED: COLLECTED$1,
-    CALCULATED: calculated
-  };
-};
-
-var filterComponents = function filterComponents(components, management, bindings, features) {
-  var filteredComponents = management ? components : components.filter(function (_ref) {
-    var conditionFilter = _ref.conditionFilter;
-    return !conditionFilter || interpret(features)(bindings, true)(conditionFilter) === 'normal';
-  });
-  return filteredComponents;
-};
-
-var useLunatic = function useLunatic(source, data, _ref2) {
-  var _ref2$savingType = _ref2.savingType,
-      savingType = _ref2$savingType === void 0 ? COLLECTED : _ref2$savingType,
-      _ref2$preferences = _ref2.preferences,
-      preferences = _ref2$preferences === void 0 ? [COLLECTED] : _ref2$preferences,
-      _ref2$features = _ref2.features,
-      features = _ref2$features === void 0 ? ['VTL'] : _ref2$features,
-      _ref2$management = _ref2.management,
-      management = _ref2$management === void 0 ? false : _ref2$management;
-
-  var _useState = React.useState(mergeQuestionnaireAndData(source)(data || {})),
-      _useState2 = _slicedToArray(_useState, 2),
-      questionnaire = _useState2[0],
-      setQuestionnaire = _useState2[1];
-
-  var _useState3 = React.useState({}),
-      _useState4 = _slicedToArray(_useState3, 2),
-      todo = _useState4[0],
-      setTodo = _useState4[1];
-
-  var handleChange = React.useCallback(function (updatedValue) {
-    setTodo(updatedValue);
-  }, []); // Assume we only want to handle source update
-
-  React.useEffect(function () {
-    setQuestionnaire(mergeQuestionnaireAndData(source)(data)); // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [source]);
-  React.useEffect(function () {
-    if (Object.keys(todo).length !== 0) {
-      var newQ = updateQuestionnaire(savingType)(questionnaire)(preferences)(todo);
-      setQuestionnaire(newQ);
-      setTodo({});
-    }
-  }, [todo, preferences, questionnaire, savingType, features, management]);
-  var bindings = getBindings(questionnaire);
-  var components = filterComponents(questionnaire.components, management, bindings, features);
-  return {
-    questionnaire: questionnaire,
-    handleChange: handleChange,
-    components: components,
-    bindings: bindings
-  };
-};
-
-var css_248z$2 = "@charset \"UTF-8\";\n.declaration-instruction {\n  font-style: italic;\n  font-size: 80%;\n}\n\n.declaration-comment {\n  font-size: 80%;\n}\n\n.declaration-statement {\n  font-style: italic;\n  font-size: 80%;\n  color: blue;\n}\n\n.declaration-help {\n  font-style: italic;\n  font-size: 80%;\n  color: green;\n}\n\n.declaration-warning {\n  font-style: bold;\n  font-size: 80%;\n  color: red;\n}\n\n.declaration-message_filter {\n  font-size: 100%;\n  color: #494242;\n}\n.declaration-message_filter:before {\n  content: \"→ \";\n}";
-styleInject(css_248z$2);
-
-var Declarations = function Declarations(_ref) {
-  var id = _ref.id,
-      type = _ref.type,
-      declarations = _ref.declarations,
-      features = _ref.features,
-      bindings = _ref.bindings;
-  var filtered = declarations.filter(function (_ref2) {
-    var position = _ref2.position;
-    return position === type;
-  });
-  return /*#__PURE__*/React__default['default'].createElement("div", {
-    id: "declarations-".concat(id, "-").concat(type),
-    className: "declarations-lunatic"
-  }, filtered.map(function (_ref3) {
-    var idD = _ref3.id,
-        label = _ref3.label,
-        declarationType = _ref3.declarationType;
-    return /*#__PURE__*/React__default['default'].createElement("div", {
-      key: "".concat(idD),
-      className: "declaration-lunatic declaration-".concat(declarationType.toLowerCase())
-    }, interpret(features)(bindings)(label));
-  }));
-};
-
-Declarations.defaultProps = {
-  type: 'AFTER_QUESTION_TEXT',
-  declarations: [],
-  features: [],
-  bindings: {}
-};
-Declarations.propTypes = {
-  id: PropTypes__default['default'].string.isRequired,
-  type: PropTypes__default['default'].string,
-  declarations: declarations,
-  features: PropTypes__default['default'].arrayOf(PropTypes__default['default'].string),
-  bindings: PropTypes__default['default'].object
-};
-
-var img = new Image(); img.src = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAAGEMEXHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABjUExURf///8Xn9XrH6Va44zKp3Eiy4GW+5b7j9Kja8Bme2CSj2p7W7vH5/UGv34XM69vw+czq9iCh2ZbT7bfg82W94+33/Njt92zB5k+14XPE6On2+4vN6sLl9Mno9i+n3Cum2wAAAIfAWccAAAAhdFJOU///////////////////////////////////////////AJ/B0CEAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAEVSURBVChTVVIBcsMgDFODm2JKIFnTbvv/Ryfb0F11Z4ptWYBSYL8wFBk34A7kLwDCUIbBfkcIHppsM2tIVy61exRoQ0LFaa2NhLSiP7l/MA7no6rsdd+UI5SINQSvZKVsBXSB7N4plnFRyihxxrFdtxeep5qwYRFZx1ZK6735IMrmJSQOZR9sXKWZSKeaVdQVfftOirdG8kHjhXlFxZ0ZWezpwrclo4Q69ZUWZj28BPyobmbCQPYxR6HdE53leLyBpGIGEELHP7GGtB/DIyds+mathZ/BEBefyNSRMJxDwRggcXbMlSlGsPM9uWHpgKnRgPB/zBCd/yStLB3z1hK6wO+8zn7o+7sx47v/s9oOdgdoLAD8AWlNC8M57XWRAAAAAElFTkSuQmCC';
-
-var img$1 = new Image(); img$1.src = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAZCAMAAAFiGY6DAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABUUExURf///6zc8Uiy4PH5/d/x+b7j9Bme2DKp3CSj2la442W+5YnN61O34nrH6Z7W7tDr9yCh2bfg8+33/HPE6EGv35bT7U+14czq9nDD56XZ7+n2+wAAAJWny4EAAAAcdFJOU////////////////////////////////////wAXsuLXAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABKElEQVQoU2VSC3bDIAwzJRM0hCb0ldfd/6STDFm7TgnEX2GbGHExQ4PZoc0scT0MgC/6xkqZ+tC0x6y4E4zlU5VAs8I2Wrv0/PL/xzih4gKsCJVB1RZKsvXYrJntG7gXrM/ddgZ3JPDtBRHFSQYG1Ylgy9cUhStwdaGKO6tAdX0wCQi5tUyzK6oYYNHB+aDDBXhHcjtu09uHKgfTYGTUXMRDtCOU7HUU8ShH1CdWdj1FoS/3k+4vyB3Se6KV8tv6Bamm2Z3d+GWvuNmel4WC7A9+OUcV9AKr5PHEJHIxavjui4mOisf0/B7uiqwTrp9/gisa0wuycLTs3zlI2yl7QpTvDR8FlXy3jWq3hqBYjYpXPy/A7Lmu33GIMR1r3z6OPnFngYFXbfYDTw4LkdQNpj4AAAAASUVORK5CYII=';
-
-var img$2 = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	editedImg: img,
-	forcedImg: img$1
-});
-
-var css_248z$3 = "* {\n  box-sizing: border-box;\n}\n\n.mandatory:after {\n  content: \" *\";\n  color: red;\n}\n\n.horizontal-options {\n  display: inline-block;\n  margin-right: 2em;\n}\n\nlabel,\n.lunatic-dropdown-label {\n  margin-bottom: 0.5em;\n}\n\n.label-top {\n  display: flex;\n  flex-direction: column;\n}\n\n.label-bottom {\n  display: flex;\n  flex-direction: column-reverse;\n}\n\n.label-right {\n  justify-content: flex-end;\n  display: flex;\n  flex-direction: row-reverse;\n  align-items: baseline;\n}\n.label-right :first-child {\n  margin-right: 1rem;\n}\n\n.label-left {\n  display: flex;\n  flex-direction: row;\n  align-items: baseline;\n}\n.label-left :first-child {\n  margin-right: 1rem;\n}\n\n.field-container {\n  display: flex;\n}\n\n.tooltip {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.field-with-tooltip {\n  width: calc(100% - 25px);\n  position: relative;\n}\n\n.field {\n  width: 100%;\n  position: relative;\n}\n\n/* Tooltip container */\n.tooltip-lunatic {\n  position: relative;\n  display: inline-block;\n  align-items: center;\n}\n\n/* Tooltip text */\n.tooltip-lunatic .tooltip-text {\n  visibility: hidden;\n  width: 20em;\n  background-color: #e80a4d;\n  color: #fff;\n  padding: 5px 0;\n  border-radius: 6px;\n  text-align: left;\n  /* Position the tooltip text */\n  position: absolute;\n  z-index: 1;\n  bottom: 120%;\n  left: -10em;\n  /* Fade in tooltip */\n  opacity: 0;\n  transition: opacity 0.3s;\n}\n\n/* Show the tooltip text when you mouse over the tooltip container */\n.tooltip-lunatic:hover .tooltip-text {\n  visibility: visible;\n  opacity: 1;\n}";
-styleInject(css_248z$3);
-
-var TooltipResponse = function TooltipResponse(_ref) {
-  var id = _ref.id,
-      response = _ref.response;
-
-  var _useState = React.useState(function () {
-    return buildTooltip(response);
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      tooltipElements = _useState2[0],
-      setTooltipElements = _useState2[1];
-
-  React.useEffect(function () {
-    setTooltipElements(buildTooltip(response));
-  }, [response]);
-  var content = tooltipElements.content,
-      imgName = tooltipElements.imgName;
-  if (!content) return null;
-  return /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "tooltip-lunatic"
-  }, /*#__PURE__*/React__default['default'].createElement("img", {
-    id: id,
-    alt: "img-tooltip",
-    src: img$2[imgName].src || img$2[imgName]
-  }), /*#__PURE__*/React__default['default'].createElement("span", {
-    className: "tooltip-text"
-  }, /*#__PURE__*/React__default['default'].createElement("ul", null, content.map(function (_ref2) {
-    var key = _ref2.key,
-        value = _ref2.value;
-    return /*#__PURE__*/React__default['default'].createElement("li", {
-      key: "tooltip-".concat(id, "-content-").concat(key)
-    }, "".concat(key, " : ").concat(value));
-  }))));
-};
-
-TooltipResponse.defaultProps = {
-  response: {}
-};
-TooltipResponse.propTypes = {
-  id: PropTypes__default['default'].string,
-  response: response
-};
-
-var css_248z$4 = "* {\n  box-sizing: border-box;\n}\n\n.mandatory:after {\n  content: \" *\";\n  color: red;\n}\n\n.horizontal-options {\n  display: inline-block;\n  margin-right: 2em;\n}\n\nlabel,\n.lunatic-dropdown-label {\n  margin-bottom: 0.5em;\n}\n\n.label-top {\n  display: flex;\n  flex-direction: column;\n}\n\n.label-bottom {\n  display: flex;\n  flex-direction: column-reverse;\n}\n\n.label-right {\n  justify-content: flex-end;\n  display: flex;\n  flex-direction: row-reverse;\n  align-items: baseline;\n}\n.label-right :first-child {\n  margin-right: 1rem;\n}\n\n.label-left {\n  display: flex;\n  flex-direction: row;\n  align-items: baseline;\n}\n.label-left :first-child {\n  margin-right: 1rem;\n}\n\n.field-container {\n  display: flex;\n}\n\n.tooltip {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.field-with-tooltip {\n  width: calc(100% - 25px);\n  position: relative;\n}\n\n.field {\n  width: 100%;\n  position: relative;\n}\n\n.checkbox-group {\n  border: 0.1em solid #e80a4d;\n}\n\n.checkbox-lunatic {\n  margin: 0;\n  margin-right: 1em;\n  margin-left: 1em;\n  margin-top: 0.5em;\n}\n.checkbox-lunatic:focus {\n  outline: none;\n}\n.checkbox-lunatic:checked + label {\n  border: 0.1em solid #e80a4d;\n  padding: 0.3em;\n}\n.checkbox-lunatic:focus {\n  box-shadow: 0 0 0.3em 0.3em #e80a4d;\n}\n\n.checkbox-lunatic-no-margin {\n  margin: 0;\n  margin-right: 1em;\n  margin-left: 0;\n  margin-top: 0.5em;\n}\n.checkbox-lunatic-no-margin:focus {\n  outline: none;\n}\n.checkbox-lunatic-no-margin:checked + label {\n  border: 0.1em solid #e80a4d;\n  padding: 0.3em;\n}\n\n.checkbox-modality {\n  margin-top: 1em;\n}\n\n.checkbox-boolean-modality {\n  margin-top: 1em;\n}\n\n.checkbox-alone {\n  margin-left: 0;\n  margin-top: 0.5em;\n}";
-styleInject(css_248z$4);
-
-var CheckboxGroup = function CheckboxGroup(_ref) {
-  var id = _ref.id,
-      label = _ref.label,
-      preferences = _ref.preferences,
-      responses = _ref.responses,
-      handleChange = _ref.handleChange,
-      disabled = _ref.disabled,
-      focused = _ref.focused,
-      keyboardSelection = _ref.keyboardSelection,
-      positioning = _ref.positioning,
-      declarations = _ref.declarations,
-      features = _ref.features,
-      bindings = _ref.bindings,
-      management = _ref.management,
-      style = _ref.style;
-  var fieldsetStyle = style.fieldsetStyle,
-      modalityStyle = style.modalityStyle;
-  var inputRef = React.useRef();
-
-  var specificHandleChange = function specificHandleChange(e) {
-    var _Object$entries$ = _slicedToArray(Object.entries(e)[0], 2),
-        key = _Object$entries$[0],
-        value = _Object$entries$[1];
-
-    if (value === false && responsesToClean(responses)(preferences)(key)) handleChange(_defineProperty({}, key, null));else handleChange(e);
-  };
-
-  React.useEffect(function () {
-    if (focused) inputRef.current.focus();
-  }, [focused]);
-  var checkedArray = [];
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(Declarations, {
-    id: id,
-    type: BEFORE_QUESTION_TEXT,
-    declarations: declarations,
-    features: features,
-    bindings: bindings
-  }), /*#__PURE__*/React__default['default'].createElement("fieldset", {
-    key: "checkbox-".concat(id),
-    className: "checkbox-group",
-    style: buildStyleObject(fieldsetStyle)
-  }, /*#__PURE__*/React__default['default'].createElement("legend", null, interpret(features)(bindings)(label)), /*#__PURE__*/React__default['default'].createElement(Declarations, {
-    id: id,
-    type: AFTER_QUESTION_TEXT,
-    declarations: declarations,
-    features: features,
-    bindings: bindings
-  }), responses.map(function (_ref2, i) {
-    var modId = _ref2.id,
-        modLabel = _ref2.label,
-        response = _ref2.response;
-    var checked = getResponseByPreference(preferences)(response);
-    if (checked) checkedArray.push(modId);
-    var toRef = i === 0 || checkedArray[0] && checkedArray[0] === modId;
-    var interpretedLabel = interpret(features)(bindings)(modLabel);
-    return /*#__PURE__*/React__default['default'].createElement("div", {
-      className: "".concat(getItemsPositioningClass(positioning)),
-      key: "checkbox-".concat(id, "-").concat(modId)
-    }, /*#__PURE__*/React__default['default'].createElement("div", {
-      className: "field-container"
-    }, /*#__PURE__*/React__default['default'].createElement("div", {
-      className: "".concat(management ? 'field-with-tooltip' : 'field')
-    }, /*#__PURE__*/React__default['default'].createElement("div", {
-      className: "checkbox-modality ".concat(checked ? 'content-checked' : '')
-    }, /*#__PURE__*/React__default['default'].createElement("input", {
-      type: "checkbox",
-      id: "checkbox-".concat(id, "-").concat(modId),
-      ref: toRef ? inputRef : null,
-      key: "checkbox-".concat(id, "-").concat(modId),
-      "aria-labelledby": "input-label-".concat(id, "-").concat(modId),
-      className: "checkbox-lunatic",
-      checked: checked,
-      disabled: disabled,
-      onChange: function onChange(e) {
-        specificHandleChange(_defineProperty({}, getResponseName(response), e.target.checked));
-      }
-    }), /*#__PURE__*/React__default['default'].createElement("label", {
-      htmlFor: "checkbox-".concat(id, "-").concat(modId),
-      id: "input-label-".concat(id, "-").concat(modId),
-      style: checked ? buildStyleObject(modalityStyle) : {}
-    }, keyboardSelection && /*#__PURE__*/React__default['default'].createElement("span", {
-      className: "code-modality"
-    }, responses.length < 10 ? i + 1 : getAlphabet()[i].toUpperCase()), interpretedLabel))), management && /*#__PURE__*/React__default['default'].createElement("div", {
-      className: "tooltip"
-    }, /*#__PURE__*/React__default['default'].createElement(TooltipResponse, {
-      id: id,
-      response: buildBooleanTooltipResponse(response)
-    }))));
-  })), /*#__PURE__*/React__default['default'].createElement(Declarations, {
-    id: id,
-    type: DETACHABLE,
-    declarations: declarations,
-    features: features,
-    bindings: bindings
-  }));
-};
-
-CheckboxGroup.defaultProps = {
-  label: '',
-  preferences: ['COLLECTED'],
-  responses: [],
-  disabled: false,
-  focused: false,
-  keyboardSelection: false,
-  positioning: 'DEFAULT',
-  declarations: [],
-  features: [],
-  bindings: {},
-  management: false,
-  style: {
-    fieldsetStyle: {},
-    modalityStyle: {}
-  }
-};
-CheckboxGroup.propTypes = {
-  id: PropTypes__default['default'].string.isRequired,
-  label: PropTypes__default['default'].string,
-  preferences: PropTypes__default['default'].arrayOf(valueType),
-  response: response,
-  handleChange: PropTypes__default['default'].func.isRequired,
-  disabled: PropTypes__default['default'].bool,
-  focused: PropTypes__default['default'].bool,
-  keyboardSelection: PropTypes__default['default'].bool,
-  positioning: PropTypes__default['default'].oneOf(['DEFAULT', 'HORIZONTAL', 'VERTICAL']),
-  declarations: declarations,
-  features: PropTypes__default['default'].arrayOf(PropTypes__default['default'].string),
-  bindings: PropTypes__default['default'].object,
-  management: PropTypes__default['default'].bool,
-  style: PropTypes__default['default'].object
-};
-var group = /*#__PURE__*/React__default['default'].memo(CheckboxGroup, areEqual);
-
-var CheckboxBoolean = function CheckboxBoolean(_ref) {
-  var id = _ref.id,
-      label = _ref.label,
-      preferences = _ref.preferences,
-      response = _ref.response,
-      handleChange = _ref.handleChange,
-      disabled = _ref.disabled,
-      positioning = _ref.positioning,
-      focused = _ref.focused,
-      declarations = _ref.declarations,
-      features = _ref.features,
-      bindings = _ref.bindings,
-      management = _ref.management,
-      style = _ref.style;
-  var inputRef = React.useRef();
-
-  var specificHandleChange = function specificHandleChange(e) {
-    var _Object$entries$ = _slicedToArray(Object.entries(e)[0], 2),
-        key = _Object$entries$[0],
-        value = _Object$entries$[1];
-
-    if (value === false && responseToClean(response)(preferences)) handleChange(_defineProperty({}, key, null));else handleChange(e);
-  };
-
-  React.useEffect(function () {
-    if (focused) inputRef.current.focus();
-  }, [focused]);
-  var isVertical = positioning === 'VERTICAL';
-  var isHorizontal = positioning === 'HORIZONTAL';
-  var input = /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("input", {
-    type: "checkbox",
-    id: "checkbox-boolean-".concat(id),
-    ref: inputRef,
-    title: label ? label : 'empty-label',
-    className: "checkbox-boolean-lunatic".concat(isVertical ? '-no-margin' : ''),
-    style: buildStyleObject(style),
-    checked: getResponseByPreference(preferences)(response),
-    disabled: disabled,
-    onChange: function onChange(e) {
-      specificHandleChange(_defineProperty({}, getResponseName(response), e.target.checked));
-    }
-  }), label && /*#__PURE__*/React__default['default'].createElement("label", {
-    htmlFor: "checkbox-boolean-".concat(id)
-  }, isHorizontal ? interpret(features)(bindings)(label) : ''));
-  return /*#__PURE__*/React__default['default'].createElement("div", {
-    key: "checkbox-boolean-".concat(id),
-    className: "checkbox-boolean-modality"
-  }, /*#__PURE__*/React__default['default'].createElement(Declarations, {
-    id: id,
-    type: BEFORE_QUESTION_TEXT,
-    declarations: declarations,
-    features: features,
-    bindings: bindings
-  }), label && !isHorizontal && /*#__PURE__*/React__default['default'].createElement("label", {
-    htmlFor: "checkbox-boolean-".concat(id)
-  }, interpret(features)(bindings)(label)), /*#__PURE__*/React__default['default'].createElement(Declarations, {
-    id: id,
-    type: AFTER_QUESTION_TEXT,
-    declarations: declarations,
-    features: features,
-    bindings: bindings
-  }), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "field-container"
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "".concat(management ? 'field-with-tooltip' : 'field')
-  }, isVertical ? /*#__PURE__*/React__default['default'].createElement("div", null, input) : input), management && /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "tooltip"
-  }, /*#__PURE__*/React__default['default'].createElement(TooltipResponse, {
-    id: id,
-    response: buildBooleanTooltipResponse(response)
-  }))), /*#__PURE__*/React__default['default'].createElement(Declarations, {
-    id: id,
-    type: DETACHABLE,
-    declarations: declarations,
-    features: features,
-    bindings: bindings
-  }));
-};
-
-CheckboxBoolean.defaultProps = {
-  label: '',
-  preferences: ['COLLECTED'],
-  response: {},
-  disabled: false,
-  positioning: 'DEFAULT',
-  focused: false,
-  declarations: [],
-  features: [],
-  bindings: {},
-  management: false,
-  style: {}
-};
-CheckboxBoolean.propTypes = {
-  id: PropTypes__default['default'].string.isRequired,
-  label: PropTypes__default['default'].string,
-  preferences: PropTypes__default['default'].arrayOf(valueType),
-  response: response,
-  handleChange: PropTypes__default['default'].func.isRequired,
-  disabled: PropTypes__default['default'].bool,
-  positioning: PropTypes__default['default'].oneOf(['DEFAULT', 'HORIZONTAL', 'VERTICAL']),
-  focused: PropTypes__default['default'].bool,
-  declarations: declarations,
-  features: PropTypes__default['default'].arrayOf(PropTypes__default['default'].string),
-  bindings: PropTypes__default['default'].object,
-  management: PropTypes__default['default'].bool,
-  style: PropTypes__default['default'].object
-};
-var boolean = /*#__PURE__*/React__default['default'].memo(CheckboxBoolean, areEqual);
-
-var InputDeclarationsWrapper = function InputDeclarationsWrapper(_ref) {
-  var id = _ref.id,
-      label = _ref.label,
-      preferences = _ref.preferences,
-      response = _ref.response,
-      placeholder = _ref.placeholder,
-      handleChange = _ref.handleChange,
-      maxLength = _ref.maxLength,
-      readOnly = _ref.readOnly,
-      disabled = _ref.disabled,
-      autoComplete = _ref.autoComplete,
-      labelPosition = _ref.labelPosition,
-      mandatory = _ref.mandatory,
-      declarations = _ref.declarations,
-      features = _ref.features,
-      bindings = _ref.bindings,
-      focused = _ref.focused,
-      management = _ref.management,
-      style = _ref.style,
-      type = _ref.type,
-      roleType = _ref.roleType;
-  var inputRef = React.useRef();
-
-  var _useState = React.useState(function () {
-    return getResponseByPreference(preferences)(response);
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      value = _useState2[0],
-      setValue = _useState2[1];
-
-  React.useEffect(function () {
-    if (focused) inputRef.current.focus();
-  }, [focused]); // Assume we only want to handle enable external updates
-  // Don't need to check all value changes
-
-  React.useEffect(function () {
-    if (getResponseByPreference(preferences)(response) !== value) setValue(getResponseByPreference(preferences)(response)); // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [response, preferences]);
-
-  var handleChangeOnBlur = function handleChangeOnBlur() {
-    handleChange(_defineProperty({}, getResponseName(response), value));
-  };
-
-  var Component = roleType === 'textarea' ? 'textarea' : 'input';
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(Declarations, {
-    id: id,
-    type: BEFORE_QUESTION_TEXT,
-    declarations: declarations,
-    features: features,
-    bindings: bindings
-  }), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: getLabelPositionClass(labelPosition)
-  }, label && /*#__PURE__*/React__default['default'].createElement("label", {
-    htmlFor: "".concat(roleType, "-").concat(id),
-    id: "".concat(roleType, "-label-").concat(id),
-    className: "".concat(mandatory ? 'mandatory' : '')
-  }, interpret(features)(bindings)(label)), /*#__PURE__*/React__default['default'].createElement(Declarations, {
-    id: id,
-    type: AFTER_QUESTION_TEXT,
-    declarations: declarations,
-    features: features,
-    bindings: bindings
-  }), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "field-container"
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "".concat(management ? 'field-with-tooltip' : 'field')
-  }, /*#__PURE__*/React__default['default'].createElement(Component, {
-    type: type,
-    id: "".concat(roleType, "-").concat(id),
-    ref: inputRef,
-    value: value,
-    placeholder: placeholder,
-    autoComplete: autoComplete ? 'on' : 'off',
-    className: "".concat(roleType, "-lunatic"),
-    style: buildStyleObject(style),
-    readOnly: readOnly,
-    disabled: disabled,
-    maxLength: maxLength || 524288,
-    required: mandatory,
-    "aria-required": mandatory,
-    onChange: function onChange(_ref2) {
-      var v = _ref2.target.value;
-      setValue(v === '' ? null : v);
-    },
-    onBlur: handleChangeOnBlur
-  })), management && /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "tooltip"
-  }, /*#__PURE__*/React__default['default'].createElement(TooltipResponse, {
-    id: id,
-    response: response
-  })))), /*#__PURE__*/React__default['default'].createElement(Declarations, {
-    id: id,
-    type: DETACHABLE,
-    declarations: declarations,
-    features: features,
-    bindings: bindings
-  }));
-};
-
-InputDeclarationsWrapper.defaultProps = {
-  label: '',
-  preferences: ['COLLECTED'],
-  response: {},
-  placeholder: '',
-  readOnly: false,
-  disabled: false,
-  autoComplete: false,
-  labelPosition: 'DEFAULT',
-  mandatory: false,
-  focused: false,
-  declarations: [],
-  features: [],
-  bindings: {},
-  management: false,
-  style: {}
-};
-InputDeclarationsWrapper.propTypes = {
-  id: PropTypes__default['default'].string.isRequired,
-  label: PropTypes__default['default'].string,
-  preferences: PropTypes__default['default'].arrayOf(valueType),
-  response: response,
-  placeholder: PropTypes__default['default'].string,
-  handleChange: PropTypes__default['default'].func.isRequired,
-  readOnly: PropTypes__default['default'].bool,
-  disabled: PropTypes__default['default'].bool,
-  maxLength: PropTypes__default['default'].oneOfType([PropTypes__default['default'].number, PropTypes__default['default'].string]),
-  autoComplete: PropTypes__default['default'].bool,
-  labelPosition: PropTypes__default['default'].oneOf(['DEFAULT', 'TOP', 'BOTTOM', 'LEFT', 'RIGHT']),
-  mandatory: PropTypes__default['default'].bool,
-  focused: PropTypes__default['default'].bool,
-  declarations: declarations,
-  features: PropTypes__default['default'].arrayOf(PropTypes__default['default'].string),
-  bindings: PropTypes__default['default'].object,
-  management: PropTypes__default['default'].bool,
-  style: PropTypes__default['default'].object,
-  type: PropTypes__default['default'].oneOf(['text', 'date', null]),
-  roleType: PropTypes__default['default'].oneOf(['input', 'datepicker', 'textarea'])
-};
-
-var ListDeclarationsWrapper = function ListDeclarationsWrapper(_ref) {
-  var id = _ref.id,
-      label = _ref.label,
-      preferences = _ref.preferences,
-      response = _ref.response,
-      options = _ref.options,
-      handleChange = _ref.handleChange,
-      disabled = _ref.disabled,
-      focused = _ref.focused,
-      keyboardSelection = _ref.keyboardSelection,
-      declarations = _ref.declarations,
-      features = _ref.features,
-      bindings = _ref.bindings,
-      management = _ref.management,
-      style = _ref.style,
-      positioning = _ref.positioning,
-      type = _ref.type;
-  var inputRef = React.useRef();
-  React.useEffect(function () {
-    if (focused) inputRef.current.focus();
-  }, [focused]);
-  var fieldsetStyle = style.fieldsetStyle,
-      modalityStyle = style.modalityStyle;
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(Declarations, {
-    id: id,
-    type: BEFORE_QUESTION_TEXT,
-    declarations: declarations,
-    features: features,
-    bindings: bindings
-  }), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "field-container"
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "".concat(management ? 'field-with-tooltip' : 'field')
-  }, /*#__PURE__*/React__default['default'].createElement("fieldset", {
-    key: "".concat(type, "-").concat(id),
-    className: "".concat(type, "-group"),
-    style: buildStyleObject(fieldsetStyle)
-  }, /*#__PURE__*/React__default['default'].createElement("legend", null, interpret(features)(bindings)(label)), /*#__PURE__*/React__default['default'].createElement(Declarations, {
-    id: id,
-    type: AFTER_QUESTION_TEXT,
-    declarations: declarations,
-    features: features,
-    bindings: bindings
-  }), options.map(function (_ref2, i) {
-    var optionLabel = _ref2.label,
-        optionValue = _ref2.value;
-    var checked = getResponseByPreference(preferences)(response) === optionValue;
-    var interpretedLabel = interpret(features)(bindings)(optionLabel);
-    return /*#__PURE__*/React__default['default'].createElement("div", {
-      key: "".concat(type, "-").concat(id, "-").concat(optionValue),
-      className: "".concat(type, "-modality ").concat(getItemsPositioningClass(positioning), " ").concat(checked ? 'content-checked' : '')
-    }, /*#__PURE__*/React__default['default'].createElement("input", {
-      type: type,
-      name: "".concat(type, "-").concat(id),
-      ref: i === 0 || checked ? inputRef : null,
-      id: "".concat(type, "-").concat(id, "-").concat(optionValue),
-      "aria-labelledby": "input-label-".concat(id, "-").concat(optionValue),
-      className: "".concat(type, "-lunatic"),
-      style: buildStyleObject(style),
-      checked: checked,
-      disabled: disabled,
-      onChange: function onChange() {
-        return handleChange(_defineProperty({}, getResponseName(response), optionValue));
-      }
-    }), /*#__PURE__*/React__default['default'].createElement("label", {
-      htmlFor: "".concat(type, "-").concat(id, "-").concat(optionValue),
-      id: "input-label-".concat(id, "-").concat(optionValue),
-      style: checked ? buildStyleObject(modalityStyle) : {}
-    }, keyboardSelection && /*#__PURE__*/React__default['default'].createElement("span", {
-      className: "code-modality"
-    }, options.length < 10 ? i + 1 : getAlphabet()[i].toUpperCase()), interpretedLabel));
-  }))), management && /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "tooltip"
-  }, /*#__PURE__*/React__default['default'].createElement(TooltipResponse, {
-    id: id,
-    response: buildMultiTooltipResponse(options)(response)
-  }))), /*#__PURE__*/React__default['default'].createElement(Declarations, {
-    id: id,
-    type: DETACHABLE,
-    declarations: declarations,
-    features: features,
-    bindings: bindings
-  }));
-};
-
-ListDeclarationsWrapper.defaultProps = {
-  label: '',
-  preferences: ['COLLECTED'],
-  response: {},
-  options: [],
-  disabled: false,
-  focused: false,
-  keyboardSelection: false,
-  positioning: 'DEFAULT',
-  declarations: [],
-  features: [],
-  bindings: {},
-  management: false,
-  style: {
-    fieldsetStyle: {},
-    modalityStyle: {}
-  }
-};
-ListDeclarationsWrapper.propTypes = {
-  id: PropTypes__default['default'].string.isRequired,
-  label: PropTypes__default['default'].string,
-  preferences: PropTypes__default['default'].arrayOf(valueType),
-  response: response,
-  options: options,
-  handleChange: PropTypes__default['default'].func.isRequired,
-  disabled: PropTypes__default['default'].bool,
-  focused: PropTypes__default['default'].bool,
-  keyboardSelection: PropTypes__default['default'].bool,
-  positioning: PropTypes__default['default'].oneOf(['DEFAULT', 'HORIZONTAL', 'VERTICAL']),
-  declarations: declarations,
-  features: PropTypes__default['default'].arrayOf(PropTypes__default['default'].string),
-  bindings: PropTypes__default['default'].object,
-  management: PropTypes__default['default'].bool,
-  style: PropTypes__default['default'].object,
-  type: PropTypes__default['default'].oneOf(['radio', 'checkbox'])
-};
-
-var SimpleDeclarationsWrapper = function SimpleDeclarationsWrapper(_ref) {
-  var id = _ref.id,
-      declarations = _ref.declarations,
-      features = _ref.features,
-      bindings = _ref.bindings,
-      children = _ref.children;
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(Declarations, {
-    id: id,
-    type: BEFORE_QUESTION_TEXT,
-    declarations: declarations,
-    features: features,
-    bindings: bindings
-  }), children, /*#__PURE__*/React__default['default'].createElement(Declarations, {
-    id: id,
-    type: AFTER_QUESTION_TEXT,
-    declarations: declarations,
-    features: features,
-    bindings: bindings
-  }), /*#__PURE__*/React__default['default'].createElement(Declarations, {
-    id: id,
-    type: DETACHABLE,
-    declarations: declarations,
-    features: features,
-    bindings: bindings
-  }));
-};
-
-SimpleDeclarationsWrapper.defaultProps = {
-  declarations: [],
-  features: [],
-  bindings: {}
-};
-SimpleDeclarationsWrapper.propTypes = {
-  id: PropTypes__default['default'].string.isRequired,
-  declarations: declarations,
-  features: PropTypes__default['default'].arrayOf(PropTypes__default['default'].string),
-  bindings: PropTypes__default['default'].object,
-  children: PropTypes__default['default'].element.isRequired
-};
-
-var CheckboxOne = function CheckboxOne(props) {
-  var specificHandleChange = function specificHandleChange(e) {
-    var preferences = props.preferences,
-        values = props.response.values,
-        handleChange = props.handleChange;
-
-    var _Object$entries$ = _slicedToArray(Object.entries(e)[0], 2),
-        key = _Object$entries$[0],
-        value = _Object$entries$[1];
-
-    if (values[preferences[preferences.length - 1]] === value) handleChange(_defineProperty({}, key, null));else handleChange(e);
-  };
-
-  return /*#__PURE__*/React__default['default'].createElement(ListDeclarationsWrapper, _extends({
-    type: "checkbox"
-  }, props, {
-    handleChange: specificHandleChange
-  }));
-};
-
-var one = /*#__PURE__*/React__default['default'].memo(CheckboxOne, areEqual);
-
-var css_248z$5 = "* {\n  box-sizing: border-box;\n}\n\n.mandatory:after {\n  content: \" *\";\n  color: red;\n}\n\n.horizontal-options {\n  display: inline-block;\n  margin-right: 2em;\n}\n\nlabel,\n.lunatic-dropdown-label {\n  margin-bottom: 0.5em;\n}\n\n.label-top {\n  display: flex;\n  flex-direction: column;\n}\n\n.label-bottom {\n  display: flex;\n  flex-direction: column-reverse;\n}\n\n.label-right {\n  justify-content: flex-end;\n  display: flex;\n  flex-direction: row-reverse;\n  align-items: baseline;\n}\n.label-right :first-child {\n  margin-right: 1rem;\n}\n\n.label-left {\n  display: flex;\n  flex-direction: row;\n  align-items: baseline;\n}\n.label-left :first-child {\n  margin-right: 1rem;\n}\n\n.field-container {\n  display: flex;\n}\n\n.tooltip {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.field-with-tooltip {\n  width: calc(100% - 25px);\n  position: relative;\n}\n\n.field {\n  width: 100%;\n  position: relative;\n}\n\n.datepicker-lunatic {\n  width: 100%;\n  box-sizing: border-box;\n  border: solid 2px #e80a4d;\n  border-radius: 10px;\n  padding: 5px;\n}\n.datepicker-lunatic:focus {\n  outline: none;\n  box-shadow: 0 0 10px #e80a4d;\n}\n.datepicker-lunatic:read-only {\n  background-color: #ebebe4;\n}";
-styleInject(css_248z$5);
-
-var Datepicker = function Datepicker(props) {
-  return /*#__PURE__*/React__default['default'].createElement(InputDeclarationsWrapper, _extends({
-    type: "date",
-    roleType: "datepicker"
-  }, props));
-};
-
-var component = /*#__PURE__*/React__default['default'].memo(Datepicker, areEqual);
-
-function createCommonjsModule(fn, module) {
-	return module = { exports: {} }, fn(module, module.exports), module.exports;
-}
-
-var classnames = createCommonjsModule(function (module) {
-/*!
-  Copyright (c) 2017 Jed Watson.
-  Licensed under the MIT License (MIT), see
-  http://jedwatson.github.io/classnames
-*/
-/* global define */
-
-(function () {
-
-	var hasOwn = {}.hasOwnProperty;
-
-	function classNames () {
-		var classes = [];
-
-		for (var i = 0; i < arguments.length; i++) {
-			var arg = arguments[i];
-			if (!arg) continue;
-
-			var argType = typeof arg;
-
-			if (argType === 'string' || argType === 'number') {
-				classes.push(arg);
-			} else if (Array.isArray(arg) && arg.length) {
-				var inner = classNames.apply(null, arg);
-				if (inner) {
-					classes.push(inner);
-				}
-			} else if (argType === 'object') {
-				for (var key in arg) {
-					if (hasOwn.call(arg, key) && arg[key]) {
-						classes.push(key);
-					}
-				}
-			}
-		}
-
-		return classes.join(' ');
-	}
-
-	if ( module.exports) {
-		classNames.default = classNames;
-		module.exports = classNames;
-	} else {
-		window.classNames = classNames;
-	}
-}());
-});
-
-var SHOW_PANEL = "dropdown/show-panel";
-var showPanel = function showPanel() {
-  return {
-    type: SHOW_PANEL
-  };
-};
-var HIDE_PANEL = "dropdown/hide-panel";
-var hidePanel = function hidePanel() {
-  return {
-    type: HIDE_PANEL
-  };
-};
-var SET_ACTIVE_OPTION = "dropdown/set-active-option";
-var setActiveOption = function setActiveOption(index) {
-  return {
-    type: SET_ACTIVE_OPTION,
-    payload: {
-      index: index
-    }
-  };
-};
-var SET_OPTIONS = "dropdown/set-options";
-var setOptions = function setOptions(options) {
-  return {
-    type: SET_OPTIONS,
-    payload: {
-      options: options
-    }
-  };
-};
-var SET_VALUE = "dropdown/set-value";
-var setValue = function setValue(value) {
-  return {
-    type: SET_VALUE,
-    payload: {
-      value: value
-    }
-  };
-};
-var SET_FOCUSED = "dropdown/set-focused";
-var setFocused = function setFocused(focused) {
-  return {
-    type: SET_FOCUSED,
-    payload: {
-      focused: focused
-    }
-  };
-};
-var SET_SELECTED_OPTION = "dropdown/set-selectted-option";
-var setSelectedOption = function setSelectedOption(option) {
-  return {
-    type: SET_SELECTED_OPTION,
-    payload: {
-      option: option
-    }
-  };
-};
-var RESET_SELECTION = "dropdown/reset-selection";
-var resetSelection = function resetSelection(option) {
-  return {
-    type: RESET_SELECTION
-  };
-};
-/* */
-
-var ARROW_UP_PRESSED = "dropdown/arrow-up-ressed";
-var arrowUpPressed = function arrowUpPressed() {
-  return {
-    type: ARROW_UP_PRESSED
-  };
-};
-/* */
-
-var ARROW_DOWN_PRESSED = "dropdown/arrow-down-pressed";
-var arrowDownPressed = function arrowDownPressed() {
-  return {
-    type: ARROW_DOWN_PRESSED
-  };
-};
-/* */
-
-var ENTER_PRESSED = "dropdown/enter-pressed";
-var enterPressed = function enterPressed(callback) {
-  return {
-    type: ENTER_PRESSED,
-    payload: {
-      callback: callback
-    }
-  };
-};
-/*  */
-
-var SET_PREFIX = "dropdown/set-prefix";
-var setPrefix = function setPrefix(prefix) {
-  return {
-    type: SET_PREFIX,
-    payload: {
-      prefix: prefix
-    }
-  };
-};
-
-/**
- *
- */
-
-function Panel(_ref) {
-  var _ref$options = _ref.options,
-      options = _ref$options === void 0 ? [] : _ref$options,
-      display = _ref.display,
-      handleActive = _ref.handleActive,
-      prefix = _ref.prefix,
-      activeIndex = _ref.activeIndex,
-      selectedOption = _ref.selectedOption,
-      onSelect = _ref.onSelect,
-      idDropdown = _ref.idDropdown,
-      Option = _ref.optionComponent;
-  var ulRef = React.useRef();
-  return display ? /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "lunatic-dropdown-panel-container"
-  }, /*#__PURE__*/React__default['default'].createElement("ul", {
-    className: "lunatic-dropdown-panel",
-    ref: ulRef,
-    tabIndex: "-1"
-  }, options.map(function (_ref2, index) {
-    var label = _ref2.label,
-        value = _ref2.value;
-    return /*#__PURE__*/React__default['default'].createElement("li", {
-      key: value,
-      id: "".concat(idDropdown, "-option-").concat(value),
-      onMouseEnter: function onMouseEnter() {
-        return handleActive(index);
-      },
-      onMouseDown: function onMouseDown(e) {
-        e.stopPropagation();
-        e.preventDefault();
-
-        if (e.button === 0) {
-          onSelect({
-            label: label,
-            value: value
-          });
-        }
-      }
-    }, /*#__PURE__*/React__default['default'].createElement(Option, {
-      label: label,
-      value: value,
-      prefix: prefix,
-      active: activeIndex === index,
-      selected: selectedOption && selectedOption.value === value
-    }));
-  }))) : null;
-}
-
-var propTypesOption = PropTypes__default['default'].shape({
-  label: PropTypes__default['default'].string,
-  value: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].object, PropTypes__default['default'].number, PropTypes__default['default'].symbol, PropTypes__default['default'].bool])
-});
-Panel.propTypes = {
-  idDropdown: PropTypes__default['default'].string.isRequired,
-  prefix: PropTypes__default['default'].string,
-  onSelect: PropTypes__default['default'].func,
-  handleActive: PropTypes__default['default'].func.isRequired,
-  activeIndex: PropTypes__default['default'].number,
-  selectedOption: propTypesOption,
-  display: PropTypes__default['default'].bool.isRequired,
-  options: PropTypes__default['default'].arrayOf(propTypesOption)
-};
-Panel.defaultProps = {
-  options: [],
-  onSelect: function onSelect() {
-    return null;
-  },
-  selectedOption: undefined
-};
-
-function Icon(_ref) {
-  var _ref$height = _ref.height,
-      height = _ref$height === void 0 ? 20 : _ref$height,
-      _ref$width = _ref.width,
-      width = _ref$width === void 0 ? 20 : _ref$width,
-      _ref$color = _ref.color,
-      color = _ref$color === void 0 ? "#aaa" : _ref$color;
-  return /*#__PURE__*/React__default['default'].createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: width,
-    height: height,
-    x: "0",
-    y: "0",
-    enableBackground: "new 0 0 292.362 292.362",
-    version: "1.1",
-    viewBox: "0 0 292.362 292.362",
-    xmlSpace: "preserve"
-  }, /*#__PURE__*/React__default['default'].createElement("path", {
-    fill: color,
-    d: "M286.935 69.377c-3.614-3.617-7.898-5.424-12.848-5.424H18.274c-4.952 0-9.233 1.807-12.85 5.424C1.807 72.998 0 77.279 0 82.228c0 4.948 1.807 9.229 5.424 12.847l127.907 127.907c3.621 3.617 7.902 5.428 12.85 5.428s9.233-1.811 12.847-5.428L286.935 95.074c3.613-3.617 5.427-7.898 5.427-12.847 0-4.948-1.814-9.229-5.427-12.85z"
-  }));
-}
-
-function Icon$1(_ref) {
-  var _ref$height = _ref.height,
-      height = _ref$height === void 0 ? 20 : _ref$height,
-      _ref$width = _ref.width,
-      width = _ref$width === void 0 ? 20 : _ref$width,
-      _ref$color = _ref.color,
-      color = _ref$color === void 0 ? "#aaa" : _ref$color;
-  return /*#__PURE__*/React__default['default'].createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: width,
-    height: height,
-    x: "0",
-    y: "0",
-    enableBackground: "new 0 0 292.362 292.362",
-    version: "1.1",
-    viewBox: "0 0 292.362 292.362",
-    xmlSpace: "preserve"
-  }, /*#__PURE__*/React__default['default'].createElement("path", {
-    fill: color,
-    d: "M286.935 197.286L159.028 69.379c-3.613-3.617-7.895-5.424-12.847-5.424s-9.233 1.807-12.85 5.424L5.424 197.286C1.807 200.9 0 205.184 0 210.132s1.807 9.233 5.424 12.847c3.621 3.617 7.902 5.428 12.85 5.428h255.813c4.949 0 9.233-1.811 12.848-5.428 3.613-3.613 5.427-7.898 5.427-12.847s-1.814-9.232-5.427-12.846z"
-  }));
-}
-
-var Label = function Label(_ref) {
-  var content = _ref.content,
-      focused = _ref.focused,
-      mandatory = _ref.mandatory;
-  return /*#__PURE__*/React__default['default'].createElement("div", {
-    className: classnames('lunatic-dropdown-label', {
-      focused: focused,
-      mandatory: mandatory
-    })
-  }, content);
-};
-
-Label.defaultProps = {
-  mandatory: false
-};
-Label.propTypes = {
-  content: PropTypes__default['default'].string.isRequired,
-  focused: PropTypes__default['default'].bool.isRequired,
-  mandatory: PropTypes__default['default'].bool
-};
-
-var CLEANER_CALLBACKS = {};
-/**
- *
- * @param  {...any} execpt identifiants de dropdownn a ne pas appliquer
- */
-
-var applyAll = function applyAll() {
-  for (var _len = arguments.length, execpt = new Array(_len), _key = 0; _key < _len; _key++) {
-    execpt[_key] = arguments[_key];
-  }
-
-  Object.entries(CLEANER_CALLBACKS).forEach(function (_ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-        k = _ref2[0],
-        todo = _ref2[1];
-
-    if (execpt.indexOf(k) === -1) {
-      apply(k);
-    }
-  });
-};
-/**
- * Applique une fonction pour l'identifiant transmis
- * @param {string} id
- */
-
-var apply = function apply(id) {
-  if (id in CLEANER_CALLBACKS && typeof CLEANER_CALLBACKS[id] === "function") {
-    CLEANER_CALLBACKS[id]();
-  }
-};
-/**
- *
- * @param {string} id
- * @param {function} callback
- */
-
-var add = function add(id, callback) {
-  if (typeof callback === "function") {
-    CLEANER_CALLBACKS[id] = callback;
-  }
-};
-/**
- *
- * @param {string} id
- */
-
-var clear = function clear(id) {
-  delete CLEANER_CALLBACKS[id];
-};
-
-var BINDED_KEYS = {
-  arrowUp: "ArrowUp",
-  arrowDown: "ArrowDown",
-  enter: "Enter",
-  tab: "Tab"
-};
-/** */
-
-var onKeyDownCallback = (function (_, dispatch, onSelect) {
-  return function (key) {
-    switch (key) {
-      case BINDED_KEYS.arrowUp:
-        dispatch(arrowUpPressed()); //   dispatch(actions.showPanel());
-
-        break;
-
-      case BINDED_KEYS.arrowDown:
-        dispatch(arrowDownPressed());
-        dispatch(showPanel());
-        break;
-
-      case BINDED_KEYS.enter:
-        dispatch(enterPressed(onSelect));
-        break;
-
-      case BINDED_KEYS.tab:
-        dispatch(setFocused(false));
-        dispatch(hidePanel());
-        break;
-    }
-  };
-});
-
-/** */
-
-var onMouseDownCallback = (function (_ref, dispatch) {
-  var visible = _ref.visible,
-      id = _ref.id,
-      disabled = _ref.disabled;
-  return function (e) {
-    e.stopPropagation();
-
-    if (!visible && !disabled) {
-      applyAll(id);
-      dispatch(showPanel());
-    }
-  };
-});
-
-/** */
-
-var stopAndPrevent = function stopAndPrevent(e) {
-  e.preventDefault();
-  e.stopPropagation();
-};
-/** */
-
-
-var onKeyDownCallback_ = function onKeyDownCallback_(state, dispatch, onSelect) {
-  return function (e) {
-    switch (e.key) {
-      case BINDED_KEYS.enter:
-      case BINDED_KEYS.arrowUp:
-      case BINDED_KEYS.arrowDown:
-        stopAndPrevent(e);
-        onKeyDownCallback(state, dispatch, onSelect)(e.key);
-        break;
-
-      case BINDED_KEYS.tab:
-        onKeyDownCallback(state, dispatch, onSelect)(e.key);
-        break;
-    }
-  };
-};
-
-var getZIndex = function getZIndex(z) {
-  return z || 0;
-};
-
-var DropdownContainer = function DropdownContainer(_ref) {
-  var options = _ref.options,
-      children = _ref.children,
-      onSelect = _ref.onSelect,
-      response = _ref.response,
-      className = _ref.className,
-      label = _ref.label,
-      labelPosition = _ref.labelPosition,
-      mandatory = _ref.mandatory,
-      valueFromProps = _ref.value,
-      zIndex = _ref.zIndex,
-      management = _ref.management,
-      state = _ref.state,
-      dispatch = _ref.dispatch,
-      refs = _ref.refs;
-  var visible = state.visible,
-      focused = state.focused,
-      id = state.id,
-      disabled = state.disabled;
-  add(id, function () {
-    dispatch(hidePanel());
-    dispatch(setFocused(false));
-  });
-  React.useEffect(function () {
-    var hook = function hook() {
-      dispatch(hidePanel());
-      dispatch(setFocused(false));
-    };
-
-    window.addEventListener('mousedown', hook);
-    return function () {
-      window.removeEventListener('mousedown', hook);
-      clear(id);
-    };
-  }, [id, dispatch]);
-  React.useEffect(function () {
-    dispatch(setOptions(options));
-  }, [options, dispatch]);
-  React.useEffect(function () {
-    if (valueFromProps) {
-      var _options$reduce = options.reduce(function (a, o, i) {
-        return o.value === valueFromProps && a.index === -1 ? {
-          index: i,
-          option: o
-        } : a;
-      }, {
-        index: -1,
-        option: {}
-      }),
-          option = _options$reduce.option,
-          index = _options$reduce.index;
-
-      dispatch(setSelectedOption(option));
-      dispatch(setActiveOption(index));
-    }
-  }, [valueFromProps, options, dispatch]);
-  var z = getZIndex(zIndex);
-  return /*#__PURE__*/React__default['default'].createElement("div", {
-    className: classnames("".concat(className, " ").concat(getLabelPositionClass(labelPosition)), {
-      focused: focused,
-      disabled: disabled
-    }),
-    tabIndex: "-1",
-    id: id,
-    onMouseDown: onMouseDownCallback(state, dispatch),
-    onKeyDown: onKeyDownCallback_(state, dispatch, onSelect),
-    onFocus: function onFocus() {
-      return dispatch(setFocused( !disabled));
-    },
-    onBlur: function onBlur() {
-      dispatch(setFocused(false));
-    },
-    ref: refs
-  }, label ? /*#__PURE__*/React__default['default'].createElement(Label, {
-    content: label,
-    focused: focused,
-    mandatory: mandatory
-  }) : null, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "field-container"
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "".concat(management ? 'field-with-tooltip' : 'field')
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
-    tabIndex: "-1",
-    style: {
-      zIndex: focused ? z + 1 : z
-    },
-    className: "lunatic-dropdown-container"
-  }, /*#__PURE__*/React__default['default'].createElement("span", {
-    className: classnames("lunatic-dropdown-content", {
-      focused: focused,
-      visible: visible,
-      disabled: disabled
-    })
-  }, children))), management && /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "tooltip"
-  }, /*#__PURE__*/React__default['default'].createElement(TooltipResponse, {
-    id: id,
-    response: buildMultiTooltipResponse(options)(response)
-  }))));
-};
-
-DropdownContainer.propTypes = {
-  zIndex: PropTypes__default['default'].number,
-  className: PropTypes__default['default'].string,
-  id: PropTypes__default['default'].string,
-  options: PropTypes__default['default'].array.isRequired,
-  onSelect: PropTypes__default['default'].func,
-  value: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].number, PropTypes__default['default'].object, PropTypes__default['default'].bool])
-};
-DropdownContainer.defaultProps = {
-  options: [],
-  zIndex: 0,
-  onSelect: function onSelect() {
-    return null;
-  }
-};
-var DropdownContainer$1 = /*#__PURE__*/React__default['default'].forwardRef(function (props, ref) {
-  return /*#__PURE__*/React__default['default'].createElement(DropdownContainer, _extends({}, props, {
-    refs: ref
-  }));
-});
-
-/** */
-var scrollTo = function scrollTo(id) {
-  var li = document.getElementById(id);
-
-  if (li) {
-    var parent = li.parentNode;
-    var pr = parent.getBoundingClientRect();
-    var lr = li.getBoundingClientRect();
-    var top = lr.top - pr.top + parent.scrollTop;
-    var bottom = lr.bottom - pr.top + parent.scrollTop;
-
-    if (bottom > parent.scrollTop + pr.height) {
-      parent.scrollTo(0, bottom - pr.height);
-    } else if (top < parent.scrollTop) {
-      parent.scrollTo(0, top);
-    }
-  }
-};
-
-var preparePrefix = function preparePrefix(prefix) {
-  return typeof prefix === 'string' ? removeAccents__default['default'](prefix.toLowerCase()).replace(/[- ']/g, '') : prefix;
-};
-var lettersMatching = function lettersMatching(label) {
-  var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  var pref = prefix.split('');
-  var pos = -1;
-  var clean = preparePrefix(label);
-  return clean.split('').reduce(function (a, c, idx) {
-    if (pos < pref.length && pref[pos + 1] === c) {
-      pos++;
-      return [].concat(_toConsumableArray(a), [c]);
-    }
-
-    return a;
-  }, []);
-};
-var match = function match(label, prefix) {
-  var pref = prefix.split('');
-  var pos = -1;
-  var clean = preparePrefix(label);
-  return clean.split('').reduce(function (a, c, idx) {
-    if (pos < pref.length && pref[pos + 1] === c) {
-      pos++;
-      return a + 1;
-    }
-
-    return a / (idx * 0.0001 + 1);
-  }, 0) / prefix.length;
-};
-/** */
-
-var filterOption = function filterOption(options, prefix) {
-  if (!prefix || prefix.length === 0) {
-    return options;
-  }
-
-  return options.reduce(function (acc, o) {
-    var label = o.label,
-        search = o.search;
-    var how = match(search || label, prefix);
-    return how >= 0.6 ? [{
-      o: o,
-      how: how
-    }].concat(_toConsumableArray(acc)).sort(function (a, b) {
-      return a.how <= b.how;
-    }) : acc;
-  }, []).map(function (_ref) {
-    var o = _ref.o;
-    return o;
-  });
-};
-
-var initial = {
-  prefix: undefined,
-  options: [],
-  visibleOptions: [],
-  visible: false,
-  activeIndex: undefined,
-  selectedOption: undefined,
-  focused: false,
-  value: ''
-};
-/** */
-
-var isPrefix = function isPrefix(prefix) {
-  return prefix !== undefined && prefix.length > 0;
-};
-/** */
-
-
-var reduceArrowDownPressed = function reduceArrowDownPressed(state) {
-  var visibleOptions = state.visibleOptions,
-      activeIndex = state.activeIndex;
-  var next = visibleOptions.length ? Math.min(visibleOptions.length - 1, activeIndex === undefined ? 0 : activeIndex + 1) : undefined;
-
-  if (next !== undefined) {
-    scrollTo("".concat(state.id, "-option-").concat(visibleOptions[next].value));
-  }
-
-  return _objectSpread2(_objectSpread2({}, state), {}, {
-    activeIndex: next
-  });
-};
-/** */
-
-
-var reduceArrowUpPressed = function reduceArrowUpPressed(state) {
-  var visibleOptions = state.visibleOptions,
-      activeIndex = state.activeIndex;
-  var next = visibleOptions.length ? Math.max(0, activeIndex === undefined ? 0 : activeIndex - 1) : undefined;
-
-  if (next !== undefined) {
-    scrollTo("".concat(state.id, "-option-").concat(visibleOptions[next].value));
-  }
-
-  return _objectSpread2(_objectSpread2({}, state), {}, {
-    activeIndex: next
-  });
-};
-/** */
-
-
-var reduceEnterPressed = function reduceEnterPressed(state, callback) {
-  var activeIndex = state.activeIndex,
-      visibleOptions = state.visibleOptions,
-      visible = state.visible;
-
-  if (!visible) {
-    return _objectSpread2(_objectSpread2({}, state), {}, {
-      visible: true
-    });
-  }
-
-  if (activeIndex !== undefined) {
-    var option = visibleOptions[activeIndex];
-    callback(option);
-    return _objectSpread2(_objectSpread2({}, state), {}, {
-      selectedOption: option,
-      value: option.label,
-      prefix: preparePrefix(option.label),
-      visible: false
-    });
-  }
-
-  return state;
-};
-/**  */
-
-
-var reducer = function reducer(state, action) {
-  var type = action.type,
-      payload = action.payload;
-
-  switch (type) {
-    case SHOW_PANEL:
-      {
-        return _objectSpread2(_objectSpread2({}, state), {}, {
-          visible: true
-        });
-      }
-
-    case HIDE_PANEL:
-      {
-        return _objectSpread2(_objectSpread2({}, state), {}, {
-          visible: false
-        });
-      }
-
-    case SET_ACTIVE_OPTION:
-      {
-        var index = payload.index;
-        return _objectSpread2(_objectSpread2({}, state), {}, {
-          activeIndex: index
-        });
-      }
-
-    case SET_OPTIONS:
-      {
-        var options = payload.options;
-        var prefix = state.prefix;
-        return _objectSpread2(_objectSpread2({}, state), {}, {
-          options: options,
-          visibleOptions: isPrefix(prefix) ? filterOption(options) : options
-        });
-      }
-
-    case SET_PREFIX:
-      {
-        var _prefix = payload.prefix;
-        var _options = state.options;
-        return _objectSpread2(_objectSpread2({}, state), {}, {
-          prefix: _prefix,
-          activeIndex: undefined,
-          visibleOptions: isPrefix(_prefix) ? filterOption(_options, _prefix) : _options
-        });
-      }
-
-    case SET_VALUE:
-      {
-        var value = payload.value;
-        return _objectSpread2(_objectSpread2({}, state), {}, {
-          value: value
-        });
-      }
-
-    case SET_SELECTED_OPTION:
-      {
-        var option = payload.option;
-        return _objectSpread2(_objectSpread2({}, state), {}, {
-          value: option.label,
-          selectedOption: option,
-          prefix: preparePrefix(option.label)
-        });
-      }
-
-    case SET_FOCUSED:
-      {
-        var focused = payload.focused;
-        return _objectSpread2(_objectSpread2({}, state), {}, {
-          focused: focused
-        });
-      }
-
-    case RESET_SELECTION:
-      {
-        return _objectSpread2(_objectSpread2({}, state), {}, {
-          prefix: undefined,
-          value: '',
-          selectedOption: undefined,
-          activeIndex: undefined,
-          activeOption: undefined,
-          visibleOptions: state.options
-        });
-      }
-
-    case ARROW_UP_PRESSED:
-      {
-        return reduceArrowUpPressed(state);
-      }
-
-    case ARROW_DOWN_PRESSED:
-      {
-        return reduceArrowDownPressed(state);
-      }
-
-    case ENTER_PRESSED:
-      {
-        var callback = payload.callback;
-        return reduceEnterPressed(state, callback);
-      }
-
-    default:
-      return state;
-  }
-};
-
-var Option = (function (_ref) {
-  var label = _ref.label,
-      active = _ref.active,
-      selected = _ref.selected;
-  return /*#__PURE__*/React__default['default'].createElement("span", {
-    className: classnames('lunatic-dropdown-option', {
-      'lunatic-dropdown-option-active': active,
-      'lunatic-dropdown-option-selected': selected
-    })
-  }, label);
-});
-
-var Dropdown = function Dropdown(_ref) {
-  var widthAuto = _ref.widthAuto,
-      initId = _ref.id,
-      label = _ref.label,
-      value = _ref.value,
-      options = _ref.options,
-      response = _ref.response,
-      onSelect = _ref.onSelect,
-      placeholder = _ref.placeholder,
-      disabled = _ref.disabled,
-      initFocused = _ref.focused,
-      mandatory = _ref.mandatory,
-      labelPosition = _ref.labelPosition,
-      management = _ref.management,
-      className = _ref.className,
-      zIndex = _ref.zIndex;
-  var containerEl = React.useRef();
-
-  var _useReducer = React.useReducer(reducer, _objectSpread2(_objectSpread2({}, initial), {}, {
-    id: "dropdown-".concat(initId, "-").concat(new Date().getMilliseconds()),
-    disabled: disabled,
-    focused: initFocused
-  })),
-      _useReducer2 = _slicedToArray(_useReducer, 2),
-      state = _useReducer2[0],
-      dispatch = _useReducer2[1];
-
-  var focused = state.focused,
-      visible = state.visible,
-      activeIndex = state.activeIndex,
-      id = state.id;
-  var onSelect_ = createOnSelect(state, dispatch, onSelect);
-  var selectedOption = options.find(function (o) {
-    return o.value === value;
-  });
-  return /*#__PURE__*/React__default['default'].createElement(DropdownContainer$1, {
-    className: className || 'lunatic-dropdown',
-    ref: containerEl,
-    state: state,
-    dispatch: dispatch,
-    options: options,
-    response: response,
-    management: management,
-    label: label,
-    labelPosition: labelPosition,
-    mandatory: mandatory,
-    onSelect: onSelect_,
-    value: value,
-    zIndex: zIndex
-  }, /*#__PURE__*/React__default['default'].createElement("span", {
-    className: classnames('lunatic-dropdown-input', {
-      focused: focused
-    })
-  }, /*#__PURE__*/React__default['default'].createElement("input", {
-    type: "button",
-    disabled: disabled,
-    value: selectedOption ? selectedOption.label : placeholder || ''
-  })), getIcon(state, dispatch)(visible, containerEl), /*#__PURE__*/React__default['default'].createElement("div", {
-    tabIndex: "-1",
-    className: classnames('lunatic-transition', {
-      visible: isDisplay(state),
-      'width-auto': widthAuto
-    })
-  }, /*#__PURE__*/React__default['default'].createElement(Panel, {
-    idDropdown: id,
-    options: options,
-    display: isDisplay(state),
-    activeIndex: activeIndex,
-    optionComponent: Option,
-    selectedOption: selectedOption,
-    onSelect: onSelect_,
-    handleActive: function handleActive(index) {
-      return dispatch(setActiveOption(index));
-    }
-  })));
-};
-
-Dropdown.propTypes = {
-  widthAuto: PropTypes__default['default'].bool,
-  disabled: PropTypes__default['default'].bool,
-  focused: PropTypes__default['default'].bool,
-  zIndex: PropTypes__default['default'].number,
-  className: PropTypes__default['default'].string,
-  id: PropTypes__default['default'].string,
-  options: PropTypes__default['default'].array.isRequired,
-  onSelect: PropTypes__default['default'].func,
-  placeholder: PropTypes__default['default'].string,
-  value: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].number, PropTypes__default['default'].bool])
-};
-Dropdown.defaultProps = {
-  disabled: false,
-  focused: false,
-  options: [],
-  zIndex: 0,
-  onSelect: function onSelect() {
-    return null;
-  },
-  placeholder: 'Search...',
-  widthAuto: false
-};
-/* **/
-
-var isDisplay = function isDisplay(_ref2) {
-  var visible = _ref2.visible,
-      options = _ref2.options;
-  return visible && options.length > 0;
-};
-/** */
-
-
-var getIcon = function getIcon(_ref3, dispatch) {
-  var disabled = _ref3.disabled;
-  return function (visible, containerEl) {
-    if (disabled) {
-      return /*#__PURE__*/React__default['default'].createElement("span", {
-        className: "lunatic-icone"
-      }, /*#__PURE__*/React__default['default'].createElement(Icon, {
-        width: 10,
-        height: 10
-      }));
-    }
-
-    return /*#__PURE__*/React__default['default'].createElement("span", {
-      className: "lunatic-icone",
-      tabIndex: "-1",
-      onMouseDown: function onMouseDown(e) {
-        e.stopPropagation();
-        e.preventDefault();
-
-        if (visible) {
-          dispatch(hidePanel());
-        } else {
-          dispatch(showPanel());
-          containerEl.current.focus();
-        }
-      }
-    }, visible ? /*#__PURE__*/React__default['default'].createElement(Icon$1, {
-      width: 10,
-      height: 10
-    }) : /*#__PURE__*/React__default['default'].createElement(Icon, {
-      width: 10,
-      height: 10
-    }));
-  };
-};
-
-var createOnSelect = function createOnSelect(_, dispatch, onSelect) {
-  return function (option) {
-    dispatch(setSelectedOption(option));
-    dispatch(hidePanel());
-    onSelect(option);
-  };
-};
-
-var childrenToOption = function childrenToOption() {
-  var children = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  return (Array.isArray(children) ? children : [children]).map(function (child) {
-    var value = child.props.value;
-    var label = child.props.children;
-
-    if (label === undefined || value === undefined) {
-      throw new Error('Ooops');
-    }
-
-    return {
-      label: label,
-      value: value
-    };
-  });
-};
-
-var createDropdown = function createDropdown(Component) {
-  return function (_ref) {
-    var children = _ref.children,
-        options = _ref.options,
-        props = _objectWithoutProperties(_ref, ["children", "options"]);
-
-    var o = options || childrenToOption(children);
-    return /*#__PURE__*/React__default['default'].createElement(Component, _extends({
-      options: o
-    }, props));
-  };
-};
-
-var DropdownSimple = createDropdown(Dropdown);
-
-var Option$1 = (function (_ref) {
-  var label = _ref.label,
-      active = _ref.active,
-      prefix = _ref.prefix,
-      selected = _ref.selected;
-  var initLetters = lettersMatching(label, prefix);
-  var what = label.split('').reduce(function (_ref2, c) {
-    var letters = _ref2.letters,
-        stack = _ref2.stack;
-    var m = preparePrefix(c);
-
-    var _letters = _toArray(letters),
-        first = _letters[0],
-        rest = _letters.slice(1);
-
-    if (m === first) {
-      return {
-        letters: rest,
-        stack: [].concat(_toConsumableArray(stack), [{
-          "char": c,
-          className: 'lunatic-prefix'
-        }])
-      };
-    }
-
-    return {
-      letters: letters,
-      stack: [].concat(_toConsumableArray(stack), [{
-        "char": c,
-        className: 'lunatic-normal'
-      }])
-    };
-  }, {
-    letters: initLetters,
-    stack: []
-  }).stack.reduce(function (_ref3, _ref4) {
-    var last = _ref3.last,
-        stack = _ref3.stack;
-    var _char = _ref4["char"],
-        className = _ref4.className;
-
-    if (!last) {
-      return {
-        last: className,
-        stack: [{
-          part: _char,
-          className: className
-        }]
-      };
-    }
-
-    if (last !== className) {
-      return {
-        last: className,
-        stack: [{
-          part: _char,
-          className: className
-        }].concat(_toConsumableArray(stack))
-      };
-    }
-
-    var _stack = _toArray(stack),
-        first = _stack[0],
-        rest = _stack.slice(1);
-
-    return {
-      last: className,
-      stack: [_objectSpread2(_objectSpread2({}, first), {}, {
-        part: "".concat(first.part).concat(_char)
-      })].concat(_toConsumableArray(rest))
-    };
-  }, {
-    last: undefined,
-    stack: []
-  }).stack.reverse().map(function (_ref5, i) {
-    var part = _ref5.part,
-        className = _ref5.className;
-    return /*#__PURE__*/React__default['default'].createElement("span", {
-      className: className,
-      key: i
-    }, part);
-  });
-  return /*#__PURE__*/React__default['default'].createElement("span", {
-    className: classnames('lunatic-dropdown-option', {
-      'lunatic-dropdown-option-active': active,
-      'lunatic-dropdown-option-selected': selected
-    })
-  }, what);
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-
-var CrossIcon = (function (_ref) {
-  var _ref$width = _ref.width,
-      width = _ref$width === void 0 ? 20 : _ref$width,
-      _ref$height = _ref.height,
-      height = _ref$height === void 0 ? 20 : _ref$height,
-      _ref$color = _ref.color,
-      color = _ref$color === void 0 ? "#aaa" : _ref$color;
-  return /*#__PURE__*/React__default['default'].createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: width,
-    height: height,
-    x: "0",
-    y: "0",
-    enableBackground: "new 0 0 612 612",
-    version: "1.1",
-    viewBox: "0 0 612 612",
-    xmlSpace: "preserve"
-  }, /*#__PURE__*/React__default['default'].createElement("path", {
-    fill: color,
-    d: "M444.644 306l138.644-138.644c38.284-38.284 38.284-100.36 0-138.644-38.283-38.284-100.359-38.284-138.644 0L306 167.356 167.356 28.713c-38.284-38.284-100.36-38.284-138.644 0s-38.284 100.36 0 138.644L167.356 306 28.713 444.644c-38.284 38.283-38.284 100.36 0 138.644 38.284 38.284 100.36 38.284 138.644 0L306 444.644l138.644 138.644c38.283 38.284 100.36 38.284 138.644 0 38.284-38.283 38.284-100.36 0-138.644L444.644 306z"
-  }));
-});
-
-/** */
-
-var getIcon$1 = function getIcon(visible) {
-  return visible ? /*#__PURE__*/React__default['default'].createElement(Icon$1, {
-    width: 10,
-    height: 10
-  }) : /*#__PURE__*/React__default['default'].createElement(Icon, {
-    width: 10,
-    height: 10
-  });
+var _exportNames = {
+  useLunatic: true
 };
-
-var Icone = function Icone(_ref) {
-  var prefix = _ref.prefix,
-      visible = _ref.visible,
-      disabled = _ref.disabled,
-      onDelete = _ref.onDelete,
-      onSwitch = _ref.onSwitch;
-
-  if (disabled) {
-    return /*#__PURE__*/React__default['default'].createElement("span", {
-      className: "lunatic-icone",
-      tabIndex: "-1",
-      onMouseDown: onSwitch
-    }, /*#__PURE__*/React__default['default'].createElement(Icon, {
-      width: 10,
-      height: 10
-    }));
+Object.defineProperty(exports, "useLunatic", {
+  enumerable: true,
+  get: function get() {
+    return _useLunatic["default"];
   }
-
-  return prefix && prefix.length > 0 ? /*#__PURE__*/React__default['default'].createElement("span", {
-    className: "lunatic-icone",
-    tabIndex: "-1",
-    onMouseDown: onDelete
-  }, /*#__PURE__*/React__default['default'].createElement(CrossIcon, {
-    width: 10,
-    height: 10
-  })) : /*#__PURE__*/React__default['default'].createElement("span", {
-    className: "lunatic-icone",
-    tabIndex: "-1",
-    onMouseDown: onSwitch
-  }, getIcon$1(visible));
-};
-
-/* **/
-
-var isDisplay$1 = function isDisplay(_ref) {
-  var visible = _ref.visible,
-      visibleOptions = _ref.visibleOptions;
-  return visible && visibleOptions.length > 0;
-};
-/** */
-
-
-var onChangeCallback = function onChangeCallback(state, dispatch) {
-  return function (e) {
-    e.stopPropagation();
-    e.preventDefault();
-    dispatch(setValue(e.target.value));
-    dispatch(setPrefix(preparePrefix(e.target.value)));
-  };
-};
-/** */
-
-
-var createOnSelect$1 = function createOnSelect(_, dispatch, onSelect) {
-  return function (option) {
-    dispatch(setSelectedOption(option));
-    dispatch(hidePanel());
-    onSelect(option);
-  };
-};
-/**
- *
- * @param {props}
- */
-
-
-function Dropdown$1(_ref2) {
-  var widthAuto = _ref2.widthAuto,
-      _ref2$options = _ref2.options,
-      options = _ref2$options === void 0 ? [] : _ref2$options,
-      onSelect = _ref2.onSelect,
-      response = _ref2.response,
-      className = _ref2.className,
-      placeholder = _ref2.placeholder,
-      label = _ref2.label,
-      labelPosition = _ref2.labelPosition,
-      mandatory = _ref2.mandatory,
-      valueFromProps = _ref2.value,
-      zIndex = _ref2.zIndex,
-      management = _ref2.management,
-      disabled = _ref2.disabled,
-      initFocused = _ref2.focused;
-
-  var _useReducer = React.useReducer(reducer, _objectSpread2(_objectSpread2({}, initial), {}, {
-    id: "dropdown-".concat(new Date().getMilliseconds()),
-    disabled: disabled,
-    focused: initFocused
-  })),
-      _useReducer2 = _slicedToArray(_useReducer, 2),
-      state = _useReducer2[0],
-      dispatch = _useReducer2[1];
-
-  var prefix = state.prefix,
-      visible = state.visible,
-      activeIndex = state.activeIndex,
-      visibleOptions = state.visibleOptions,
-      value = state.value,
-      focused = state.focused,
-      id = state.id;
-  var inputEl = React.useRef();
-  var containerEl = React.useRef();
-  var onSelect_ = createOnSelect$1(state, dispatch, onSelect);
-  var selectedOption = options.find(function (o) {
-    return o.value === value;
-  });
-  return /*#__PURE__*/React__default['default'].createElement(DropdownContainer$1, {
-    className: className || 'lunatic-dropdown',
-    state: state,
-    ref: containerEl,
-    dispatch: dispatch,
-    options: options,
-    label: label,
-    labelPosition: labelPosition,
-    mandatory: mandatory,
-    response: response,
-    onSelect: onSelect_,
-    value: valueFromProps,
-    zIndex: zIndex,
-    management: management
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: classnames('lunatic-dropdown-input', {
-      focused: focused,
-      disabled: disabled
-    })
-  }, /*#__PURE__*/React__default['default'].createElement("input", {
-    type: "text",
-    ref: inputEl,
-    value: value || '',
-    disabled: disabled,
-    placeholder: placeholder,
-    autoComplete: "list",
-    autoCorrect: "off",
-    autoCapitalize: "off",
-    spellCheck: "false",
-    tabIndex: "-1",
-    onChange: onChangeCallback(state, dispatch)
-  })), /*#__PURE__*/React__default['default'].createElement(Icone, {
-    prefix: prefix,
-    visible: visible,
-    disabled: disabled,
-    onDelete: function onDelete(e) {
-      e.stopPropagation();
-      inputEl.current.value = '';
-      dispatch(resetSelection());
-      onSelect_({
-        value: null
-      });
-    },
-    onSwitch: function onSwitch(e) {
-      e.stopPropagation();
-      e.preventDefault();
-
-      if (visible) {
-        dispatch(hidePanel());
-      } else {
-        dispatch(showPanel());
-        containerEl.current.focus();
-      }
-    }
-  }), /*#__PURE__*/React__default['default'].createElement("div", {
-    tabIndex: "-1",
-    className: classnames('lunatic-transition', {
-      visible: isDisplay$1(state),
-      'width-auto': widthAuto
-    })
-  }, /*#__PURE__*/React__default['default'].createElement(Panel, {
-    idDropdown: id,
-    options: visibleOptions,
-    display: isDisplay$1(state) && !disabled,
-    prefix: prefix,
-    activeIndex: activeIndex,
-    optionComponent: Option$1,
-    selectedOption: selectedOption,
-    onSelect: onSelect_,
-    handleActive: function handleActive(index) {
-      return dispatch(setActiveOption(index));
-    }
-  })));
-}
-
-Dropdown$1.propTypes = {
-  widthAuto: PropTypes__default['default'].bool,
-  zIndex: PropTypes__default['default'].number,
-  disabled: PropTypes__default['default'].bool,
-  focused: PropTypes__default['default'].bool,
-  className: PropTypes__default['default'].string,
-  id: PropTypes__default['default'].string,
-  options: PropTypes__default['default'].array.isRequired,
-  onSelect: PropTypes__default['default'].func,
-  placeholder: PropTypes__default['default'].string,
-  value: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].number, PropTypes__default['default'].bool])
-};
-Dropdown$1.defaultProps = {
-  options: [],
-  zIndex: 0,
-  onSelect: function onSelect() {
-    return null;
-  },
-  placeholder: 'Search...',
-  disabled: false,
-  focused: false,
-  widthAuto: false
-};
-
-var childrenToOption$1 = (function () {
-  var children = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  return (Array.isArray(children) ? children : [children]).map(function (child) {
-    var value = child.props.value;
-    var label = child.props.children;
-
-    if (label === undefined || value === undefined) {
-      throw new Error("Ooops");
-    }
-
-    return {
-      label: label,
-      value: value
-    };
-  });
 });
 
-var createDropDown = function createDropDown(Component) {
-  return function (_ref) {
-    var children = _ref.children,
-        options = _ref.options,
-        props = _objectWithoutProperties(_ref, ["children", "options"]);
-
-    var o = options || childrenToOption$1(children);
-    return /*#__PURE__*/React__default['default'].createElement(Component, _extends({
-      options: o
-    }, props));
-  };
-};
-
-var DropdownEdit = createDropDown(Dropdown$1);
-
-var css_248z$6 = "* {\n  box-sizing: border-box;\n}\n\n.mandatory:after {\n  content: \" *\";\n  color: red;\n}\n\n.horizontal-options {\n  display: inline-block;\n  margin-right: 2em;\n}\n\nlabel,\n.lunatic-dropdown-label {\n  margin-bottom: 0.5em;\n}\n\n.label-top {\n  display: flex;\n  flex-direction: column;\n}\n\n.label-bottom {\n  display: flex;\n  flex-direction: column-reverse;\n}\n\n.label-right {\n  justify-content: flex-end;\n  display: flex;\n  flex-direction: row-reverse;\n  align-items: baseline;\n}\n.label-right :first-child {\n  margin-right: 1rem;\n}\n\n.label-left {\n  display: flex;\n  flex-direction: row;\n  align-items: baseline;\n}\n.label-left :first-child {\n  margin-right: 1rem;\n}\n\n.field-container {\n  display: flex;\n}\n\n.tooltip {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.field-with-tooltip {\n  width: calc(100% - 25px);\n  position: relative;\n}\n\n.field {\n  width: 100%;\n  position: relative;\n}\n\n.lunatic-dropdown {\n  display: block;\n}\n.lunatic-dropdown:focus {\n  outline: none;\n}\n.lunatic-dropdown.label-left {\n  display: flex;\n  flex-direction: row;\n}\n.lunatic-dropdown.label-right {\n  display: flex;\n  flex-direction: row-reverse;\n}\n.lunatic-dropdown.label-top {\n  display: flex;\n  flex-direction: column;\n}\n.lunatic-dropdown.label-bottom {\n  display: flex;\n  flex-direction: column-reverse;\n}\n.lunatic-dropdown .lunatic-dropdown-container {\n  position: relative;\n  height: 2em;\n  width: 100%;\n}\n.lunatic-dropdown .lunatic-dropdown-container:focus {\n  outline: none;\n}\n.lunatic-dropdown .lunatic-dropdown-container .lunatic-dropdown-content .lunatic-dropdown-input {\n  display: block;\n  background-color: snow;\n  width: 100%;\n  border: none;\n  height: 2em;\n  border-radius: 0px 0px;\n  box-shadow: 0em 0em 0.1em 0.1em #e80a4d;\n}\n.lunatic-dropdown .lunatic-dropdown-container .lunatic-dropdown-content .lunatic-dropdown-input.focused {\n  box-shadow: 0 0 0 0.2em #e80a4d;\n}\n.lunatic-dropdown .lunatic-dropdown-container .lunatic-dropdown-content .lunatic-dropdown-input.disabled {\n  background-color: #ebebe4;\n}\n.lunatic-dropdown .lunatic-dropdown-container .lunatic-dropdown-content .lunatic-dropdown-input input {\n  margin: 0px 25px 0px 12px;\n  width: calc(100% - 37px);\n  background-color: transparent;\n  height: 2em;\n  border: none;\n  outline: none;\n  text-align: left;\n}\n.lunatic-dropdown .lunatic-dropdown-container .lunatic-dropdown-content .lunatic-icone {\n  cursor: pointer;\n  position: absolute;\n  right: 10px;\n  top: 7px;\n}\n.lunatic-dropdown .lunatic-dropdown-container .lunatic-dropdown-content .lunatic-icone:focus {\n  outline: none;\n}\n.lunatic-dropdown .lunatic-dropdown-container .lunatic-dropdown-content .lunatic-transition {\n  visibility: hidden;\n  overflow-y: hidden;\n  opacity: 0;\n  /** options style */\n}\n.lunatic-dropdown .lunatic-dropdown-container .lunatic-dropdown-content .lunatic-transition.width-auto {\n  display: inline-block;\n}\n.lunatic-dropdown .lunatic-dropdown-container .lunatic-dropdown-content .lunatic-transition:focus {\n  outline: none;\n}\n.lunatic-dropdown .lunatic-dropdown-container .lunatic-dropdown-content .lunatic-transition.visible {\n  visibility: visible;\n  opacity: 1;\n  transition: opacity 0.5s ease-in;\n}\n.lunatic-dropdown .lunatic-dropdown-container .lunatic-dropdown-content .lunatic-transition .lunatic-dropdown-panel {\n  padding: 0;\n  margin: 0;\n  margin-top: 12px;\n  list-style: none;\n  background-color: #e07898;\n  max-height: 200px;\n  overflow-y: auto;\n  /* width */\n  /* Track */\n  /* Handle */\n  /* Handle on hover */\n}\n.lunatic-dropdown .lunatic-dropdown-container .lunatic-dropdown-content .lunatic-transition .lunatic-dropdown-panel:focus {\n  outline: none;\n}\n.lunatic-dropdown .lunatic-dropdown-container .lunatic-dropdown-content .lunatic-transition .lunatic-dropdown-panel::-webkit-scrollbar {\n  width: 8px;\n}\n.lunatic-dropdown .lunatic-dropdown-container .lunatic-dropdown-content .lunatic-transition .lunatic-dropdown-panel::-webkit-scrollbar-track {\n  background-color: #ffe9e8;\n  border-radius: 4px 4px;\n}\n.lunatic-dropdown .lunatic-dropdown-container .lunatic-dropdown-content .lunatic-transition .lunatic-dropdown-panel::-webkit-scrollbar-thumb {\n  background: #e80a4d;\n  border-radius: 4px 4px;\n}\n.lunatic-dropdown .lunatic-dropdown-container .lunatic-dropdown-content .lunatic-transition .lunatic-dropdown-panel::-webkit-scrollbar-thumb:hover {\n  background: Indigo;\n}\n.lunatic-dropdown .lunatic-dropdown-container .lunatic-dropdown-content .lunatic-transition .lunatic-dropdown-option {\n  cursor: pointer;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: #ebebe4;\n  padding: 5px 5px;\n  display: block;\n  border-bottom: solid 1px #ffe9e8;\n}\n.lunatic-dropdown .lunatic-dropdown-container .lunatic-dropdown-content .lunatic-transition .lunatic-dropdown-option.lunatic-dropdown-option-active {\n  color: #ebebe4;\n  background-color: #e80a4d;\n}\n.lunatic-dropdown .lunatic-dropdown-container .lunatic-dropdown-content .lunatic-transition .lunatic-dropdown-option.lunatic-dropdown-option-active .lunatic-prefix {\n  color: Indigo;\n  font-weight: bold;\n}\n.lunatic-dropdown .lunatic-dropdown-container .lunatic-dropdown-content .lunatic-transition .lunatic-dropdown-option.lunatic-dropdown-option-selected {\n  color: #ebebe4;\n  background-color: Indigo;\n}\n.lunatic-dropdown .lunatic-dropdown-container .lunatic-dropdown-content .lunatic-transition .lunatic-dropdown-option.lunatic-dropdown-option-selected .lunatic-prefix {\n  color: #ebebe4;\n  font-weight: bold;\n}\n.lunatic-dropdown .lunatic-dropdown-container .lunatic-dropdown-content .lunatic-transition .lunatic-dropdown-option.lunatic-dropdown-option-selected.lunatic-dropdown-option-active {\n  color: #ebebe4;\n  background-color: #e07898;\n}\n.lunatic-dropdown .lunatic-dropdown-container .lunatic-dropdown-content .lunatic-transition .lunatic-dropdown-option .lunatic-prefix {\n  color: Indigo;\n  font-weight: bold;\n}";
-styleInject(css_248z$6);
-
-var Dropdown$2 = function Dropdown(_ref) {
-  var id = _ref.id,
-      label = _ref.label,
-      preferences = _ref.preferences,
-      response = _ref.response,
-      handleChange = _ref.handleChange,
-      options = _ref.options,
-      writable = _ref.writable,
-      declarations = _ref.declarations,
-      features = _ref.features,
-      bindings = _ref.bindings,
-      management = _ref.management,
-      freezeOptions = _ref.freezeOptions,
-      rest = _objectWithoutProperties(_ref, ["id", "label", "preferences", "response", "handleChange", "options", "writable", "declarations", "features", "bindings", "management", "freezeOptions"]);
-
-  var _useState = React.useState(options),
-      _useState2 = _slicedToArray(_useState, 2),
-      opts = _useState2[0],
-      setOpts = _useState2[1];
+var _components = require("./components");
 
-  React.useEffect(function () {
-    if (!freezeOptions) {
-      var featOptions = options.map(function (_ref2) {
-        var labelOption = _ref2.label,
-            restOpts = _objectWithoutProperties(_ref2, ["label"]);
-
-        return _objectSpread2({
-          label: interpret(features)(bindings)(labelOption)
-        }, restOpts);
-      });
-      setOpts(featOptions);
-    }
-  }, [freezeOptions, features, bindings, options]);
-  var interpretedLabel = interpret(features)(bindings)(label);
-  var value = getResponseByPreference(preferences)(response);
-
-  var onSelect = function onSelect(e) {
-    return handleChange(_defineProperty({}, getResponseName(response), e.value));
-  };
-
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(Declarations, {
-    id: id,
-    type: BEFORE_QUESTION_TEXT,
-    declarations: declarations,
-    features: features,
-    bindings: bindings
-  }), /*#__PURE__*/React__default['default'].createElement(Declarations, {
-    id: id,
-    type: AFTER_QUESTION_TEXT,
-    declarations: declarations,
-    features: features,
-    bindings: bindings
-  }), writable ? /*#__PURE__*/React__default['default'].createElement(DropdownEdit, _extends({}, rest, {
-    id: id,
-    value: value,
-    response: response,
-    label: interpretedLabel,
-    options: opts,
-    onSelect: onSelect,
-    management: management
-  })) : /*#__PURE__*/React__default['default'].createElement(DropdownSimple, _extends({}, rest, {
-    id: id,
-    value: value,
-    response: response,
-    label: interpretedLabel,
-    options: opts,
-    onSelect: onSelect,
-    management: management
-  })), /*#__PURE__*/React__default['default'].createElement(Declarations, {
-    id: id,
-    type: DETACHABLE,
-    declarations: declarations,
-    features: features,
-    bindings: bindings
-  }));
-};
-
-Dropdown$2.propTypes = {
-  disabled: PropTypes__default['default'].bool,
-  writable: PropTypes__default['default'].bool,
-  handleChange: PropTypes__default['default'].func,
-  label: PropTypes__default['default'].string,
-  className: PropTypes__default['default'].string,
-  zIndex: PropTypes__default['default'].number,
-  freezeOptions: PropTypes__default['default'].bool
-};
-Dropdown$2.defaultProps = {
-  writable: false,
-  handleChange: function handleChange() {
-    return null;
-  },
-  label: undefined,
-  className: undefined,
-  zIndex: 0,
-  disabled: false,
-  freezeOptions: false
-};
-var component$1 = /*#__PURE__*/React__default['default'].memo(Dropdown$2, areEqual);
-
-var css_248z$7 = "* {\n  box-sizing: border-box;\n}\n\n.mandatory:after {\n  content: \" *\";\n  color: red;\n}\n\n.horizontal-options {\n  display: inline-block;\n  margin-right: 2em;\n}\n\nlabel,\n.lunatic-dropdown-label {\n  margin-bottom: 0.5em;\n}\n\n.label-top {\n  display: flex;\n  flex-direction: column;\n}\n\n.label-bottom {\n  display: flex;\n  flex-direction: column-reverse;\n}\n\n.label-right {\n  justify-content: flex-end;\n  display: flex;\n  flex-direction: row-reverse;\n  align-items: baseline;\n}\n.label-right :first-child {\n  margin-right: 1rem;\n}\n\n.label-left {\n  display: flex;\n  flex-direction: row;\n  align-items: baseline;\n}\n.label-left :first-child {\n  margin-right: 1rem;\n}\n\n.field-container {\n  display: flex;\n}\n\n.tooltip {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.field-with-tooltip {\n  width: calc(100% - 25px);\n  position: relative;\n}\n\n.field {\n  width: 100%;\n  position: relative;\n}\n\n.input-lunatic {\n  box-sizing: border-box;\n  border: solid 2px #e80a4d;\n  border-radius: 10px;\n  padding: 5px;\n}\n.input-lunatic:focus {\n  outline: none;\n  box-shadow: 0 0 10px #e80a4d;\n}\n.input-lunatic:read-only {\n  background-color: #ebebe4;\n}\n\n.warning {\n  box-sizing: border-box;\n  border: solid 2px #f50c0c;\n  background-color: #f50c0c;\n}\n\n.lunatic-input-number-errors .error {\n  color: #f50c0c;\n}";
-styleInject(css_248z$7);
-
-var Input = function Input(props) {
-  return /*#__PURE__*/React__default['default'].createElement(InputDeclarationsWrapper, _extends({
-    type: "text",
-    roleType: "input"
-  }, props));
-};
-
-var input = /*#__PURE__*/React__default['default'].memo(Input, areEqual);
-
-var InputNumber = function InputNumber(_ref) {
-  var id = _ref.id,
-      label = _ref.label,
-      preferences = _ref.preferences,
-      response = _ref.response,
-      min = _ref.min,
-      max = _ref.max,
-      decimals = _ref.decimals,
-      placeholder = _ref.placeholder,
-      handleChange = _ref.handleChange,
-      readOnly = _ref.readOnly,
-      disabled = _ref.disabled,
-      autoComplete = _ref.autoComplete,
-      focused = _ref.focused,
-      style = _ref.style,
-      unit = _ref.unit,
-      labelPosition = _ref.labelPosition,
-      unitPosition = _ref.unitPosition,
-      declarations = _ref.declarations,
-      features = _ref.features,
-      bindings = _ref.bindings,
-      management = _ref.management,
-      mandatory = _ref.mandatory,
-      validators = _ref.validators;
-  var inputRef = React.useRef();
-
-  var _useState = React.useState(function () {
-    return getResponseByPreference(preferences)(response);
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      value = _useState2[0],
-      setValue = _useState2[1];
-
-  var _useState3 = React.useState([minMaxValidator({
-    min: min,
-    max: max
-  })].concat(_toConsumableArray(validators)).map(function (v) {
-    return v(value);
-  }).filter(function (m) {
-    return m !== undefined;
-  })),
-      _useState4 = _slicedToArray(_useState3, 2),
-      messagesError = _useState4[0],
-      setMessagesError = _useState4[1]; // Assume we only want to handle enable external updates
-  // Don't need to check all value changes
-
-
-  React.useEffect(function () {
-    if (getResponseByPreference(preferences)(response) !== value) setValue(getResponseByPreference(preferences)(response)); // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [response, preferences]);
-
-  var handleChangeOnBlur = function handleChangeOnBlur() {
-    handleChange(_defineProperty({}, getResponseName(response), value));
-  };
-
-  var validate = function validate(v) {
-    setMessagesError([minMaxValidator({
-      min: min,
-      max: max
-    })].concat(_toConsumableArray(validators)).map(function (f) {
-      return f(v);
-    }).filter(function (m) {
-      return m !== undefined;
-    }));
-  };
-
-  React.useEffect(function () {
-    if (focused) inputRef.current.focus();
-  }, [focused]);
-  React.useEffect(function () {
-    setMessagesError([minMaxValidator({
-      min: min,
-      max: max
-    })].concat(_toConsumableArray(validators)).map(function (v) {
-      return v(value);
-    }).filter(function (m) {
-      return m !== undefined;
-    }));
-  }, [value, min, max, validators]);
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(Declarations, {
-    id: id,
-    type: BEFORE_QUESTION_TEXT,
-    declarations: declarations,
-    features: features,
-    bindings: bindings
-  }), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: getLabelPositionClass(labelPosition)
-  }, /*#__PURE__*/React__default['default'].createElement("label", {
-    htmlFor: "input-".concat(id),
-    id: "input-label-".concat(id),
-    className: "".concat(mandatory ? 'mandatory' : '')
-  }, interpret(features)(bindings)(label), ' ', /*#__PURE__*/React__default['default'].createElement("span", {
-    className: "unit"
-  }, unit && ['DEFAULT', 'BEFORE'].includes(unitPosition) ? "(".concat(unit, ")") : '')), /*#__PURE__*/React__default['default'].createElement(Declarations, {
-    id: id,
-    type: AFTER_QUESTION_TEXT,
-    declarations: declarations,
-    features: features,
-    bindings: bindings
-  }), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "field-container"
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "".concat(management ? 'field-with-tooltip' : 'field')
-  }, /*#__PURE__*/React__default['default'].createElement("input", {
-    type: "number",
-    id: "input-".concat(id),
-    ref: inputRef,
-    "aria-labelledby": "input-label-".concat(id),
-    value: value || '',
-    min: min,
-    max: max,
-    step: decimals ? "".concat(Math.pow(10, -decimals)) : '0',
-    placeholder: placeholder,
-    className: "input-lunatic ".concat(messagesError.length > 0 ? 'warning' : ''),
-    style: buildStyleObject(style),
-    readOnly: readOnly,
-    disabled: disabled,
-    autoComplete: autoComplete ? 'on' : 'off',
-    required: mandatory,
-    "aria-required": mandatory,
-    onChange: function onChange(_ref2) {
-      var v = _ref2.target.value;
-      validate(v);
-      setValue(v === '' ? null : v);
-    },
-    onBlur: handleChangeOnBlur
-  }), unitPosition === 'AFTER' && /*#__PURE__*/React__default['default'].createElement("span", {
-    className: "unit"
-  }, unit)), management && /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "tooltip"
-  }, /*#__PURE__*/React__default['default'].createElement(TooltipResponse, {
-    id: id,
-    response: response
-  }))), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "lunatic-input-number-errors"
-  }, messagesError.map(function (m, i) {
-    return /*#__PURE__*/React__default['default'].createElement("div", {
-      key: i,
-      className: "error"
-    }, m);
-  }))), /*#__PURE__*/React__default['default'].createElement(Declarations, {
-    id: id,
-    type: DETACHABLE,
-    declarations: declarations,
-    features: features,
-    bindings: bindings
-  }));
-};
-
-var minMaxValidator = function minMaxValidator(_ref3) {
-  var min = _ref3.min,
-      max = _ref3.max;
-  return function (value) {
-    if (!value) {
-      return undefined;
-    }
-
-    var valueNumber = Number(value);
-    if (!min && isDef(max) && valueNumber > max) return /*#__PURE__*/React__default['default'].createElement("span", null, "La valeur doit \xEAtre inf\xE9rieure \xE0 ".concat(max));else if (isDef(min) && !max && valueNumber < min) return /*#__PURE__*/React__default['default'].createElement("span", null, "La valeur doit \xEAtre sup\xE9rieure \xE0 ".concat(min));else if (isDef(min) && isDef(max) && (valueNumber < min || valueNumber > max)) return /*#__PURE__*/React__default['default'].createElement("span", null, "La valeur doit \xEAtre comprise entre ".concat(min, " et ").concat(max));
-    return undefined;
-  };
-};
-
-var isDef = function isDef(number) {
-  return number || number === 0;
-};
-
-InputNumber.defaultProps = {
-  label: '',
-  preferences: ['COLLECTED'],
-  response: {},
-  min: undefined,
-  max: undefined,
-  decimals: 0,
-  placeholder: '',
-  readOnly: false,
-  disabled: false,
-  autoComplete: false,
-  focused: false,
-  declarations: [],
-  features: [],
-  bindings: {},
-  labelPosition: 'DEFAULT',
-  unitPosition: 'DEFAULT',
-  mandatory: false,
-  management: false,
-  style: {},
-  validators: []
-};
-InputNumber.propTypes = {
-  id: PropTypes__default['default'].string.isRequired,
-  label: PropTypes__default['default'].string,
-  preferences: PropTypes__default['default'].arrayOf(valueType),
-  response: response,
-  min: PropTypes__default['default'].number,
-  max: PropTypes__default['default'].number,
-  decimals: PropTypes__default['default'].number,
-  placeholder: PropTypes__default['default'].string,
-  handleChange: PropTypes__default['default'].func.isRequired,
-  readOnly: PropTypes__default['default'].bool,
-  disabled: PropTypes__default['default'].bool,
-  autoComplete: PropTypes__default['default'].bool,
-  focused: PropTypes__default['default'].bool,
-  declarations: declarations,
-  features: PropTypes__default['default'].arrayOf(PropTypes__default['default'].string),
-  bindings: PropTypes__default['default'].object,
-  labelPosition: PropTypes__default['default'].oneOf(['DEFAULT', 'TOP', 'BOTTOM', 'LEFT', 'RIGHT']),
-  unitPosition: PropTypes__default['default'].oneOf(['DEFAULT', 'BEFORE', 'AFTER']),
-  mandatory: PropTypes__default['default'].bool,
-  management: PropTypes__default['default'].bool,
-  style: PropTypes__default['default'].object,
-  validators: PropTypes__default['default'].arrayOf(PropTypes__default['default'].func)
-};
-var inputNumber = /*#__PURE__*/React__default['default'].memo(InputNumber, areEqual);
-
-var FilterDescription = function FilterDescription(_ref) {
-  var id = _ref.id,
-      label = _ref.label,
-      filterDescription = _ref.filterDescription,
-      features = _ref.features,
-      bindings = _ref.bindings,
-      style = _ref.style;
-  return filterDescription ? /*#__PURE__*/React__default['default'].createElement("div", {
-    id: "filter-description-".concat(id),
-    "aria-label": "filter-description",
-    className: "filter-description-lunatic",
-    style: buildStyleObject(style)
-  }, interpret(features)(bindings)(label)) : null;
-};
-
-FilterDescription.defaultProps = {
-  filterDescription: false,
-  features: [],
-  bindings: {},
-  style: {}
-};
-FilterDescription.propTypes = {
-  id: PropTypes__default['default'].string.isRequired,
-  label: PropTypes__default['default'].string.isRequired,
-  filterDescription: PropTypes__default['default'].bool,
-  features: PropTypes__default['default'].arrayOf(PropTypes__default['default'].string),
-  bindings: PropTypes__default['default'].object,
-  style: PropTypes__default['default'].object
-};
-
-var css_248z$8 = "* {\n  box-sizing: border-box;\n}\n\n.mandatory:after {\n  content: \" *\";\n  color: red;\n}\n\n.horizontal-options {\n  display: inline-block;\n  margin-right: 2em;\n}\n\nlabel,\n.lunatic-dropdown-label {\n  margin-bottom: 0.5em;\n}\n\n.label-top {\n  display: flex;\n  flex-direction: column;\n}\n\n.label-bottom {\n  display: flex;\n  flex-direction: column-reverse;\n}\n\n.label-right {\n  justify-content: flex-end;\n  display: flex;\n  flex-direction: row-reverse;\n  align-items: baseline;\n}\n.label-right :first-child {\n  margin-right: 1rem;\n}\n\n.label-left {\n  display: flex;\n  flex-direction: row;\n  align-items: baseline;\n}\n.label-left :first-child {\n  margin-right: 1rem;\n}\n\n.field-container {\n  display: flex;\n}\n\n.tooltip {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.field-with-tooltip {\n  width: calc(100% - 25px);\n  position: relative;\n}\n\n.field {\n  width: 100%;\n  position: relative;\n}\n\n.progress-lunatic {\n  height: 30px;\n  position: relative;\n  background: #d3d3d3;\n  -moz-border-radius: 20px;\n  -webkit-border-radius: 20px;\n  border-radius: 20px;\n  padding: 5px;\n  box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);\n  text-align: center;\n  font-weight: bold;\n}\n\n.progress-lunatic > span {\n  display: block;\n  height: 100%;\n  border-radius: 20px;\n  background-color: #e80a4d;\n  opacity: 0.6;\n  box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);\n  position: relative;\n  top: -18px;\n  overflow: hidden;\n}\n\n.progress-lunatic > span:after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);\n  z-index: 1;\n  background-size: 50px 50px;\n  animation: move 2s linear infinite;\n  border-top-right-radius: 8px;\n  border-bottom-right-radius: 8px;\n  border-top-left-radius: 20px;\n  border-bottom-left-radius: 20px;\n  overflow: hidden;\n}";
-styleInject(css_248z$8);
-
-var ProgressBar = function ProgressBar(_ref) {
-  var id = _ref.id,
-      value = _ref.value,
-      style = _ref.style;
-  var controledValue = value;
-  if (value < 0) controledValue = 0;
-  if (value > 100) controledValue = 100;
-  return /*#__PURE__*/React__default['default'].createElement("div", {
-    id: "progress-".concat(id),
-    className: "progress-lunatic",
-    style: buildStyleObject(style)
-  }, "".concat(controledValue.toFixed(0), " %"), /*#__PURE__*/React__default['default'].createElement("span", {
-    style: {
-      width: "".concat(controledValue, "%")
-    }
-  }));
-};
-
-ProgressBar.propTypes = {
-  id: PropTypes__default['default'].string.isRequired,
-  value: PropTypes__default['default'].number.isRequired,
-  style: PropTypes__default['default'].object
-};
-
-var css_248z$9 = "* {\n  box-sizing: border-box;\n}\n\n.mandatory:after {\n  content: \" *\";\n  color: red;\n}\n\n.horizontal-options {\n  display: inline-block;\n  margin-right: 2em;\n}\n\nlabel,\n.lunatic-dropdown-label {\n  margin-bottom: 0.5em;\n}\n\n.label-top {\n  display: flex;\n  flex-direction: column;\n}\n\n.label-bottom {\n  display: flex;\n  flex-direction: column-reverse;\n}\n\n.label-right {\n  justify-content: flex-end;\n  display: flex;\n  flex-direction: row-reverse;\n  align-items: baseline;\n}\n.label-right :first-child {\n  margin-right: 1rem;\n}\n\n.label-left {\n  display: flex;\n  flex-direction: row;\n  align-items: baseline;\n}\n.label-left :first-child {\n  margin-right: 1rem;\n}\n\n.field-container {\n  display: flex;\n}\n\n.tooltip {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.field-with-tooltip {\n  width: calc(100% - 25px);\n  position: relative;\n}\n\n.field {\n  width: 100%;\n  position: relative;\n}\n\n.radio-group {\n  border: 0.1em solid #e80a4d;\n}\n\n.radio-lunatic {\n  margin: 0;\n  margin-right: 1em;\n  margin-left: 1em;\n  margin-top: 0.5em;\n}\n.radio-lunatic:focus {\n  outline: none;\n  box-shadow: 0 0 0.3em 0.3em #e80a4d;\n}\n.radio-lunatic:checked + label {\n  border: 0.1em solid #e80a4d;\n  padding: 0.3em;\n}\n\n.radio-modality {\n  margin-top: 1em;\n}";
-styleInject(css_248z$9);
-
-var Radio = function Radio(props) {
-  return /*#__PURE__*/React__default['default'].createElement(ListDeclarationsWrapper, _extends({
-    type: "radio"
-  }, props));
-};
-
-var component$2 = /*#__PURE__*/React__default['default'].memo(Radio, areEqual);
-
-var buildLoopComponents = function buildLoopComponents(iterations) {
-  return function (components) {
-    var toFlat = _toConsumableArray(Array(iterations).keys()).map(function (rowNumber) {
-      return buildFlatten(rowNumber)(components).map(function (c) {
-        return _objectSpread2(_objectSpread2({}, c), {}, {
-          rowNumber: rowNumber
-        });
-      });
-    });
-
-    return toFlat.flat();
-  };
-};
-
-var buildFlatten = function buildFlatten(i) {
-  return function (parentComponents) {
-    return parentComponents.map(function (component) {
-      var response = component.response,
-          responses = component.responses,
-          components = component.components;
-      if (response) return buildFlattenResponse(i)(component);else if (responses) return _objectSpread2(_objectSpread2({}, component), {}, {
-        responses: responses.map(function (r) {
-          return buildFlattenResponse(i)(r);
-        })
-      });else if (components) return _objectSpread2(_objectSpread2({}, component), {}, {
-        components: buildFlatten(i)(components)
-      });else return component;
-    });
-  };
-};
-
-var buildFlattenResponse = function buildFlattenResponse(i) {
-  return function (component) {
-    var response = component.response,
-        other = _objectWithoutProperties(component, ["response"]);
-
-    var name = response.name,
-        values = response.values;
-    var newValues = Object.entries(values).reduce(function (acc, _ref) {
-      var _ref2 = _slicedToArray(_ref, 2),
-          key = _ref2[0],
-          value = _ref2[1];
-
-      return _objectSpread2(_objectSpread2({}, acc), {}, _defineProperty({}, key, value ? value[i] : null));
-    }, {});
-    return _objectSpread2(_objectSpread2({}, other), {}, {
-      response: {
-        name: name,
-        values: newValues
-      }
-    });
-  };
-};
-
-var css_248z$a = "* {\n  box-sizing: border-box;\n}\n\n.mandatory:after {\n  content: \" *\";\n  color: red;\n}\n\n.horizontal-options {\n  display: inline-block;\n  margin-right: 2em;\n}\n\nlabel,\n.lunatic-dropdown-label {\n  margin-bottom: 0.5em;\n}\n\n.label-top {\n  display: flex;\n  flex-direction: column;\n}\n\n.label-bottom {\n  display: flex;\n  flex-direction: column-reverse;\n}\n\n.label-right {\n  justify-content: flex-end;\n  display: flex;\n  flex-direction: row-reverse;\n  align-items: baseline;\n}\n.label-right :first-child {\n  margin-right: 1rem;\n}\n\n.label-left {\n  display: flex;\n  flex-direction: row;\n  align-items: baseline;\n}\n.label-left :first-child {\n  margin-right: 1rem;\n}\n\n.field-container {\n  display: flex;\n}\n\n.tooltip {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.field-with-tooltip {\n  width: calc(100% - 25px);\n  position: relative;\n}\n\n.field {\n  width: 100%;\n  position: relative;\n}\n\n.lunatic-loop {\n  margin-top: 1em;\n  margin-bottom: 1em;\n  border: solid 2px #e80a4d;\n  padding: 2em;\n}\n.lunatic-loop .loop-label {\n  text-align: center;\n  font-weight: bold;\n  font-size: 2em;\n}\n.lunatic-loop .loop-component {\n  margin-top: 0.4em;\n  margin-bottom: 0.4em;\n}";
-styleInject(css_248z$a);
-
-var Loop = function Loop(_ref) {
-  var id = _ref.id,
-      label = _ref.label,
-      iterations = _ref.iterations,
-      components = _ref.components,
-      bindings = _ref.bindings,
-      handleChange = _ref.handleChange,
-      loopDependencies = _ref.loopDependencies,
-      orchetratorProps = _objectWithoutProperties(_ref, ["id", "label", "iterations", "components", "bindings", "handleChange", "loopDependencies"]);
-
-  var _useState = React.useState({}),
-      _useState2 = _slicedToArray(_useState, 2),
-      todo = _useState2[0],
-      setTodo = _useState2[1];
-
-  var vectorialBindings = buildVectorialBindings(bindings);
-  var features = orchetratorProps.features;
-  var iterationNb = interpret(features)(vectorialBindings)(iterations);
-  var involvedVariables = getInvolvedVariables(components);
-  /**
-   * Handle the increase in the number of iterations
-   * Assume we only want to update if iterationNb changes
-   */
-
-  React.useEffect(function () {
-    var toUpdate = involvedVariables.reduce(function (acc, _ref2) {
-      var iv = _ref2.name,
-          depth = _ref2.depth;
-      if (bindings[iv] && iterationNb > bindings[iv].length) return _objectSpread2(_objectSpread2({}, acc), {}, _defineProperty({}, iv, [].concat(_toConsumableArray(bindings[iv]), _toConsumableArray(new Array(iterationNb - bindings[iv].length).fill(buildEmptyValue(depth))))));
-      return acc;
-    }, {});
-    if (Object.keys(toUpdate).length !== 0) handleChange(toUpdate); // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [iterationNb]);
-  React.useEffect(function () {
-    if (Object.keys(todo).length !== 0) {
-      var up = todo.up,
-          rowNumber = todo.rowNumber;
-
-      var _Object$entries$ = _slicedToArray(Object.entries(up)[0], 2),
-          key = _Object$entries$[0],
-          value = _Object$entries$[1];
-
-      var previousValue = bindings[key];
-      var newValue = previousValue.map(function (v, i) {
-        return i === rowNumber ? value : v;
-      });
-      handleChange(_defineProperty({}, key, newValue));
-      setTodo({});
+Object.keys(_components).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _components[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _components[key];
     }
-  }, [bindings, todo, handleChange]);
-  var flattenComponents = buildLoopComponents(iterationNb)(components);
-  if (!displayLoop(loopDependencies)(bindings)) return null;
-  var loopComponents = flattenComponents.map(function (_ref3) {
-    var componentType = _ref3.componentType,
-        idC = _ref3.id,
-        rowNumber = _ref3.rowNumber,
-        conditionFilter = _ref3.conditionFilter,
-        rest = _objectWithoutProperties(_ref3, ["componentType", "id", "rowNumber", "conditionFilter"]);
-
-    var loopBindings = buildBindingsForDeeperComponents(rowNumber)(bindings);
-    if (!displayLoopQuestion(loopDependencies)(loopBindings)) return null;
-    var Component = lunatic[componentType];
-    if (interpret(features)(loopBindings, true)(conditionFilter) !== 'normal') return null;
-    return /*#__PURE__*/React__default['default'].createElement("div", {
-      key: "".concat(idC, "-loop-").concat(rowNumber),
-      className: "loop-component"
-    }, /*#__PURE__*/React__default['default'].createElement(Component, _extends({}, orchetratorProps, rest, {
-      id: "".concat(idC, "-loop-").concat(rowNumber),
-      handleChange: function handleChange(up) {
-        return setTodo({
-          up: up,
-          rowNumber: rowNumber
-        });
-      },
-      bindings: loopBindings,
-      componentType: componentType
-    })));
-  });
-  return /*#__PURE__*/React__default['default'].createElement("div", {
-    id: "loop-".concat(id),
-    className: "lunatic-loop"
-  }, loopComponents);
-};
-
-var Loop$1 = /*#__PURE__*/React__default['default'].memo(Loop, areEqual);
-
-var buildContentForLoopConstructor = function buildContentForLoopConstructor(_ref) {
-  var components = _ref.components,
-      headers = _ref.headers;
-  // Start hack to find interation number
-  // Refactor if we have to handle complex components (vector, matrix)
-  var iterations = components.find(function (c) {
-    return c.response;
-  }).response.values[COLLECTED].length || 1; // End
-
-  var initialArray = _toConsumableArray(Array(iterations).keys());
-
-  var uiComponents = components.map(function (comp) {
-    var response = comp.response,
-        other = _objectWithoutProperties(comp, ["response"]);
-
-    if (!response) return initialArray.map(function () {
-      return comp;
-    }); // Handle reponses & cells components ?
-
-    var name = response.name,
-        values = response.values;
-    return initialArray.map(function (rowNumber) {
-      var newValues = Object.entries(values).reduce(function (acc, _ref2) {
-        var _ref3 = _slicedToArray(_ref2, 2),
-            key = _ref3[0],
-            value = _ref3[1];
-
-        return _objectSpread2(_objectSpread2({}, acc), {}, _defineProperty({}, key, value ? value[rowNumber] : null));
-      }, {});
-      return _objectSpread2(_objectSpread2({}, other), {}, {
-        response: {
-          name: name,
-          values: newValues
-        },
-        rowNumber: rowNumber
-      });
-    });
-  }, []);
-
-  var transpose = function transpose(m) {
-    return m[0].map(function (_, i) {
-      return m.map(function (x) {
-        return x[i];
-      });
-    });
-  };
-
-  var rows = transpose(uiComponents);
-  return headers ? [headers].concat(_toConsumableArray(rows)) : rows;
-};
-
-var BodyComponent = function BodyComponent(_ref) {
-  var componentType = _ref.componentType,
-      mainId = _ref.mainId,
-      headers = _ref.headers,
-      components = _ref.components,
-      bindings = _ref.bindings,
-      width = _ref.width,
-      preferences = _ref.preferences,
-      positioning = _ref.positioning,
-      management = _ref.management,
-      features = _ref.features,
-      setTodo = _ref.setTodo;
-  var uiComponents = buildContentForLoopConstructor({
-    components: components,
-    headers: headers
   });
-  if (componentType === 'RosterForLoop') return /*#__PURE__*/React__default['default'].createElement("table", {
-    id: "table-".concat(mainId),
-    className: "table-lunatic"
-  }, /*#__PURE__*/React__default['default'].createElement("tbody", null, uiComponents.map(function (row, i) {
-    return /*#__PURE__*/React__default['default'].createElement("tr", {
-      key: "table-".concat(mainId, "-row").concat(i)
-    }, row.map(function (component, j) {
-      var label = component.label,
-          headerCell = component.headerCell,
-          colspan = component.colspan,
-          rowspan = component.rowspan,
-          componentType = component.componentType,
-          id = component.id,
-          rowNumber = component.rowNumber,
-          componentProps = _objectWithoutProperties(component, ["label", "headerCell", "colspan", "rowspan", "componentType", "id", "rowNumber"]);
-
-      var localBindings = buildBindingsForDeeperComponents(rowNumber)(bindings);
-
-      if (componentType) {
-        var Component = lunatic[componentType];
-        return /*#__PURE__*/React__default['default'].createElement("td", {
-          key: "table-".concat(mainId, "-row-").concat(i, "-cell-").concat(j),
-          style: {
-            width: width
-          }
-        }, /*#__PURE__*/React__default['default'].createElement(Component, _extends({}, componentProps, {
-          id: "".concat(id, "-row-").concat(i),
-          label: label,
-          handleChange: function handleChange(up) {
-            setTodo({
-              up: up,
-              rowNumber: rowNumber
-            });
-          },
-          preferences: preferences,
-          positioning: positioning,
-          management: management,
-          features: features,
-          bindings: localBindings,
-          zIndex: uiComponents.length - i || 0
-        })));
-      }
-
-      var cellOptions = {
-        key: "table-".concat(mainId, "-row-").concat(i, "-cell-").concat(j),
-        style: {
-          width: width
-        },
-        colSpan: colspan || 1,
-        rowSpan: rowspan || 1
-      };
-      var interpretedLabel = interpret(features)(bindings)(label);
-      return headerCell ? /*#__PURE__*/React__default['default'].createElement("th", cellOptions, interpretedLabel) : /*#__PURE__*/React__default['default'].createElement("td", cellOptions, interpretedLabel);
-    }));
-  })));else return /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "block-for-loop"
-  }, uiComponents.map(function (row, i) {
-    return row.map(function (_ref2) {
-      var componentType = _ref2.componentType,
-          id = _ref2.id,
-          label = _ref2.label,
-          componentProps = _objectWithoutProperties(_ref2, ["componentType", "id", "label"]);
-
-      var Component = lunatic[componentType];
-      var localBindings = buildBindingsForDeeperComponents(i)(bindings);
-      return /*#__PURE__*/React__default['default'].createElement("div", {
-        className: "block-component",
-        key: "".concat(id, "-row-").concat(i)
-      }, /*#__PURE__*/React__default['default'].createElement(Component, _extends({}, componentProps, {
-        id: "".concat(id, "-row-").concat(i),
-        label: label,
-        handleChange: function handleChange(up) {
-          setTodo({
-            up: up,
-            rowNumber: i
-          });
-        },
-        preferences: preferences,
-        positioning: positioning,
-        management: management,
-        features: features,
-        bindings: localBindings
-      })));
-    });
-  }));
-};
-
-var LoopConstructorWrapper = function LoopConstructorWrapper(_ref) {
-  var mainId = _ref.id,
-      mainLabel = _ref.label,
-      components = _ref.components,
-      handleChange = _ref.handleChange,
-      lines = _ref.lines,
-      declarations = _ref.declarations,
-      features = _ref.features,
-      bindings = _ref.bindings,
-      addBtnLabel = _ref.addBtnLabel,
-      hideBtn = _ref.hideBtn,
-      componentType = _ref.componentType,
-      otherProps = _objectWithoutProperties(_ref, ["id", "label", "components", "handleChange", "lines", "declarations", "features", "bindings", "addBtnLabel", "hideBtn", "componentType"]);
-
-  var _useState = React.useState({}),
-      _useState2 = _slicedToArray(_useState, 2),
-      todo = _useState2[0],
-      setTodo = _useState2[1];
-
-  var minLines = Math.max(lines.min || 0, getLoopConstructorInitLines(components));
-  var maxLines = lines ? lines.max : undefined;
-  var width = "".concat(100 / Math.max.apply(Math, _toConsumableArray(components.map(function (row) {
-    return row.length;
-  }))), "%");
-  var Button$1 = Button;
-  var involvedVariables = getInvolvedVariables(components);
-  React.useEffect(function () {
-    if (Object.keys(todo).length !== 0) {
-      var up = todo.up,
-          rowNumber = todo.rowNumber;
-
-      var _Object$entries$ = _slicedToArray(Object.entries(up)[0], 2),
-          key = _Object$entries$[0],
-          value = _Object$entries$[1];
-
-      var previousValue = bindings[key];
-      var newValue = previousValue.map(function (v, i) {
-        return i === rowNumber ? value : v;
-      });
-      handleChange(_defineProperty({}, key, newValue));
-      setTodo({});
-    }
-  }, [bindings, todo, handleChange]);
-
-  var addLine = function addLine() {
-    var toHandle = involvedVariables.reduce(function (acc, _ref2) {
-      var iv = _ref2.name,
-          depth = _ref2.depth;
-      return _objectSpread2(_objectSpread2({}, acc), {}, _defineProperty({}, iv, [].concat(_toConsumableArray(bindings[iv]), [buildEmptyValue(depth)])));
-    }, {});
-    handleChange(toHandle);
-  };
-
-  var customBtnLabel = componentType === 'Loop' && interpret(features)(bindings)(mainLabel) || addBtnLabel;
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(Declarations, {
-    id: mainId,
-    type: BEFORE_QUESTION_TEXT,
-    declarations: declarations,
-    features: features,
-    bindings: bindings
-  }), componentType === 'RosterForLoop' && mainLabel && /*#__PURE__*/React__default['default'].createElement("label", {
-    htmlFor: "loops-constructor-".concat(mainId),
-    id: "loops-constructor-label-".concat(mainId)
-  }, interpret(features)(bindings)(mainLabel)), /*#__PURE__*/React__default['default'].createElement(Declarations, {
-    id: mainId,
-    type: AFTER_QUESTION_TEXT,
-    declarations: declarations,
-    features: features,
-    bindings: bindings
-  }), /*#__PURE__*/React__default['default'].createElement(BodyComponent, _extends({
-    mainId: mainId,
-    componentType: componentType,
-    components: components,
-    bindings: bindings,
-    width: width,
-    features: features,
-    setTodo: setTodo
-  }, otherProps)), !hideBtn && /*#__PURE__*/React__default['default'].createElement(Button$1, {
-    label: "addLine",
-    value: customBtnLabel,
-    disabled: Number.isInteger(minLines) && minLines === maxLines || lastLoopChildLineIsEmpty(bindings)(involvedVariables),
-    onClick: addLine
-  }), /*#__PURE__*/React__default['default'].createElement(Declarations, {
-    id: mainId,
-    type: DETACHABLE,
-    declarations: declarations,
-    features: features,
-    bindings: bindings
-  }));
-};
-
-LoopConstructorWrapper.defaultProps = {
-  label: '',
-  preferences: ['COLLECTED'],
-  components: [],
-  lines: {},
-  positioning: 'DEFAULT',
-  declarations: [],
-  features: [],
-  bindings: {},
-  addBtnLabel: 'Add a line',
-  management: false,
-  hideBtn: false,
-  style: {}
-};
-LoopConstructorWrapper.propTypes = {
-  componentType: PropTypes__default['default'].string.isRequired,
-  id: PropTypes__default['default'].string.isRequired,
-  label: PropTypes__default['default'].string,
-  preferences: PropTypes__default['default'].arrayOf(valueType),
-  components: PropTypes__default['default'].array,
-  handleChange: PropTypes__default['default'].func.isRequired,
-  lines: lines,
-  positioning: PropTypes__default['default'].oneOf(['DEFAULT', 'HORIZONTAL', 'VERTICAL']),
-  declarations: declarations,
-  features: PropTypes__default['default'].arrayOf(PropTypes__default['default'].string),
-  bindings: PropTypes__default['default'].object,
-  addBtnLabel: PropTypes__default['default'].string,
-  hideBtn: PropTypes__default['default'].bool,
-  management: PropTypes__default['default'].bool,
-  style: PropTypes__default['default'].object
-};
-var LoopConstructorWrapper$1 = /*#__PURE__*/React__default['default'].memo(LoopConstructorWrapper, areEqual);
-
-var css_248z$b = "* {\n  box-sizing: border-box;\n}\n\n.mandatory:after {\n  content: \" *\";\n  color: red;\n}\n\n.horizontal-options {\n  display: inline-block;\n  margin-right: 2em;\n}\n\nlabel,\n.lunatic-dropdown-label {\n  margin-bottom: 0.5em;\n}\n\n.label-top {\n  display: flex;\n  flex-direction: column;\n}\n\n.label-bottom {\n  display: flex;\n  flex-direction: column-reverse;\n}\n\n.label-right {\n  justify-content: flex-end;\n  display: flex;\n  flex-direction: row-reverse;\n  align-items: baseline;\n}\n.label-right :first-child {\n  margin-right: 1rem;\n}\n\n.label-left {\n  display: flex;\n  flex-direction: row;\n  align-items: baseline;\n}\n.label-left :first-child {\n  margin-right: 1rem;\n}\n\n.field-container {\n  display: flex;\n}\n\n.tooltip {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.field-with-tooltip {\n  width: calc(100% - 25px);\n  position: relative;\n}\n\n.field {\n  width: 100%;\n  position: relative;\n}\n\n.block-for-loop {\n  margin-top: 1em;\n  margin-bottom: 1em;\n}\n.block-for-loop .block-component {\n  margin-top: 0.4em;\n  margin-bottom: 0.4em;\n}";
-styleInject(css_248z$b);
-
-var BlockForLoop = function BlockForLoop(props) {
-  return /*#__PURE__*/React__default['default'].createElement(LoopConstructorWrapper$1, props);
-};
-
-var BlockForLoop$1 = /*#__PURE__*/React__default['default'].memo(BlockForLoop, areEqual);
-
-var LoopWrapper = function LoopWrapper(props) {
-  var iterations = props.iterations;
-  if (iterations) return /*#__PURE__*/React__default['default'].createElement(Loop$1, props);
-  return /*#__PURE__*/React__default['default'].createElement(BlockForLoop$1, props);
-};
-
-var RosterForLoop = function RosterForLoop(props) {
-  return /*#__PURE__*/React__default['default'].createElement(LoopConstructorWrapper$1, props);
-};
-
-var component$3 = /*#__PURE__*/React__default['default'].memo(RosterForLoop, areEqual);
-
-var css_248z$c = "* {\n  box-sizing: border-box;\n}\n\n.mandatory:after {\n  content: \" *\";\n  color: red;\n}\n\n.horizontal-options {\n  display: inline-block;\n  margin-right: 2em;\n}\n\nlabel,\n.lunatic-dropdown-label {\n  margin-bottom: 0.5em;\n}\n\n.label-top {\n  display: flex;\n  flex-direction: column;\n}\n\n.label-bottom {\n  display: flex;\n  flex-direction: column-reverse;\n}\n\n.label-right {\n  justify-content: flex-end;\n  display: flex;\n  flex-direction: row-reverse;\n  align-items: baseline;\n}\n.label-right :first-child {\n  margin-right: 1rem;\n}\n\n.label-left {\n  display: flex;\n  flex-direction: row;\n  align-items: baseline;\n}\n.label-left :first-child {\n  margin-right: 1rem;\n}\n\n.field-container {\n  display: flex;\n}\n\n.tooltip {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.field-with-tooltip {\n  width: calc(100% - 25px);\n  position: relative;\n}\n\n.field {\n  width: 100%;\n  position: relative;\n}\n\n.sequence-lunatic {\n  height: 40px;\n  box-sizing: border-box;\n  border-radius: 0px;\n  background-color: #e80a4d;\n  border: 0.1em solid #e80a4d;\n  color: white;\n  font-weight: bold;\n  font-size: 130%;\n  padding-left: 10px;\n  display: flex;\n  align-items: center;\n}";
-styleInject(css_248z$c);
-
-var Sequence = function Sequence(_ref) {
-  var id = _ref.id,
-      label = _ref.label,
-      declarations = _ref.declarations,
-      features = _ref.features,
-      bindings = _ref.bindings,
-      style = _ref.style;
-  return /*#__PURE__*/React__default['default'].createElement(SimpleDeclarationsWrapper, {
-    id: id,
-    declarations: declarations,
-    features: features,
-    bindings: bindings
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
-    "aria-label": "sequence-".concat(id),
-    className: "sequence-lunatic",
-    style: buildStyleObject(style)
-  }, interpret(features)(bindings)(label)));
-};
-
-Sequence.defaultProps = {
-  declarations: [],
-  features: [],
-  bindings: {},
-  style: {}
-};
-Sequence.propTypes = {
-  id: PropTypes__default['default'].string.isRequired,
-  label: PropTypes__default['default'].string.isRequired,
-  declarations: declarations,
-  features: PropTypes__default['default'].arrayOf(PropTypes__default['default'].string),
-  bindings: PropTypes__default['default'].object,
-  style: PropTypes__default['default'].object
-};
-var component$4 = /*#__PURE__*/React__default['default'].memo(Sequence, areEqual);
-
-var css_248z$d = "* {\n  box-sizing: border-box;\n}\n\n.mandatory:after {\n  content: \" *\";\n  color: red;\n}\n\n.horizontal-options {\n  display: inline-block;\n  margin-right: 2em;\n}\n\nlabel,\n.lunatic-dropdown-label {\n  margin-bottom: 0.5em;\n}\n\n.label-top {\n  display: flex;\n  flex-direction: column;\n}\n\n.label-bottom {\n  display: flex;\n  flex-direction: column-reverse;\n}\n\n.label-right {\n  justify-content: flex-end;\n  display: flex;\n  flex-direction: row-reverse;\n  align-items: baseline;\n}\n.label-right :first-child {\n  margin-right: 1rem;\n}\n\n.label-left {\n  display: flex;\n  flex-direction: row;\n  align-items: baseline;\n}\n.label-left :first-child {\n  margin-right: 1rem;\n}\n\n.field-container {\n  display: flex;\n}\n\n.tooltip {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.field-with-tooltip {\n  width: calc(100% - 25px);\n  position: relative;\n}\n\n.field {\n  width: 100%;\n  position: relative;\n}\n\n.subsequence-lunatic {\n  height: 20px;\n  box-sizing: border-box;\n  border-radius: 0px;\n  background-color: #e80a4d;\n  border: 0.1em solid #e80a4d;\n  color: white;\n  font-weight: bold;\n  font-size: 90%;\n  padding-left: 10px;\n  display: flex;\n  align-items: center;\n}";
-styleInject(css_248z$d);
-
-var Subsequence = function Subsequence(_ref) {
-  var id = _ref.id,
-      label = _ref.label,
-      declarations = _ref.declarations,
-      features = _ref.features,
-      bindings = _ref.bindings,
-      style = _ref.style;
-  return /*#__PURE__*/React__default['default'].createElement(SimpleDeclarationsWrapper, {
-    id: id,
-    declarations: declarations,
-    features: features,
-    bindings: bindings
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
-    "aria-label": "subsequence-".concat(id),
-    className: "subsequence-lunatic",
-    style: buildStyleObject(style)
-  }, interpret(features)(bindings)(label)));
-};
-
-Subsequence.defaultProps = {
-  declarations: [],
-  features: [],
-  bindings: {},
-  style: {}
-};
-Subsequence.propTypes = {
-  id: PropTypes__default['default'].string.isRequired,
-  label: PropTypes__default['default'].string.isRequired,
-  declarations: declarations,
-  features: PropTypes__default['default'].arrayOf(PropTypes__default['default'].string),
-  bindings: PropTypes__default['default'].object,
-  style: PropTypes__default['default'].object
-};
-var component$5 = /*#__PURE__*/React__default['default'].memo(Subsequence, areEqual);
-
-var css_248z$e = "* {\n  box-sizing: border-box;\n}\n\n.mandatory:after {\n  content: \" *\";\n  color: red;\n}\n\n.horizontal-options {\n  display: inline-block;\n  margin-right: 2em;\n}\n\nlabel,\n.lunatic-dropdown-label {\n  margin-bottom: 0.5em;\n}\n\n.label-top {\n  display: flex;\n  flex-direction: column;\n}\n\n.label-bottom {\n  display: flex;\n  flex-direction: column-reverse;\n}\n\n.label-right {\n  justify-content: flex-end;\n  display: flex;\n  flex-direction: row-reverse;\n  align-items: baseline;\n}\n.label-right :first-child {\n  margin-right: 1rem;\n}\n\n.label-left {\n  display: flex;\n  flex-direction: row;\n  align-items: baseline;\n}\n.label-left :first-child {\n  margin-right: 1rem;\n}\n\n.field-container {\n  display: flex;\n}\n\n.tooltip {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.field-with-tooltip {\n  width: calc(100% - 25px);\n  position: relative;\n}\n\n.field {\n  width: 100%;\n  position: relative;\n}\n\n.textarea-lunatic {\n  width: 100%;\n  box-sizing: border-box;\n  border: solid 2px #e80a4d;\n  border-radius: 10px;\n  padding: 5px;\n}\n.textarea-lunatic:focus {\n  outline: none;\n  box-shadow: 0 0 10px #e80a4d;\n}\n.textarea-lunatic:read-only {\n  background-color: #ebebe4;\n}";
-styleInject(css_248z$e);
-
-var Textarea = function Textarea(props) {
-  return /*#__PURE__*/React__default['default'].createElement(InputDeclarationsWrapper, _extends({
-    type: null,
-    roleType: "textarea"
-  }, props));
-};
-
-var component$6 = /*#__PURE__*/React__default['default'].memo(Textarea, areEqual);
-
-var css_248z$f = "* {\n  box-sizing: border-box;\n}\n\n.mandatory:after {\n  content: \" *\";\n  color: red;\n}\n\n.horizontal-options {\n  display: inline-block;\n  margin-right: 2em;\n}\n\nlabel,\n.lunatic-dropdown-label {\n  margin-bottom: 0.5em;\n}\n\n.label-top {\n  display: flex;\n  flex-direction: column;\n}\n\n.label-bottom {\n  display: flex;\n  flex-direction: column-reverse;\n}\n\n.label-right {\n  justify-content: flex-end;\n  display: flex;\n  flex-direction: row-reverse;\n  align-items: baseline;\n}\n.label-right :first-child {\n  margin-right: 1rem;\n}\n\n.label-left {\n  display: flex;\n  flex-direction: row;\n  align-items: baseline;\n}\n.label-left :first-child {\n  margin-right: 1rem;\n}\n\n.field-container {\n  display: flex;\n}\n\n.tooltip {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.field-with-tooltip {\n  width: calc(100% - 25px);\n  position: relative;\n}\n\n.field {\n  width: 100%;\n  position: relative;\n}\n\n.table-lunatic {\n  table-layout: fixed;\n  border-collapse: collapse;\n  margin-top: 0.3em;\n  margin-bottom: 0.3em;\n}\n.table-lunatic td,\n.table-lunatic th {\n  border: 0.15em solid #e80a4d;\n  padding: 0.2em;\n}\n.table-lunatic td fieldset,\n.table-lunatic th fieldset {\n  margin: none;\n  border: none;\n}\n.table-lunatic td fieldset .radio-modality,\n.table-lunatic th fieldset .radio-modality {\n  margin-top: 0;\n}\n.table-lunatic td fieldset .checkbox-modality,\n.table-lunatic th fieldset .checkbox-modality {\n  margin-top: 0;\n}";
-styleInject(css_248z$f);
-
-var Table = function Table(_ref) {
-  var tableId = _ref.id,
-      tableLabel = _ref.label,
-      preferences = _ref.preferences,
-      cells = _ref.cells,
-      handleChange = _ref.handleChange,
-      initLines = _ref.lines,
-      positioning = _ref.positioning,
-      declarations = _ref.declarations,
-      features = _ref.features,
-      bindings = _ref.bindings,
-      addBtnLabel = _ref.addBtnLabel,
-      hideBtn = _ref.hideBtn,
-      management = _ref.management;
-  var minLines = initLines ? Math.max(initLines.min, getRosterInitLines(cells)) : undefined;
-  var maxLines = initLines ? initLines.max : undefined;
-
-  var _useState = React.useState(minLines),
-      _useState2 = _slicedToArray(_useState, 2),
-      lines = _useState2[0],
-      setLines = _useState2[1];
-
-  var width = "".concat(100 / Math.max.apply(Math, _toConsumableArray(cells.map(function (line) {
-    return line.length;
-  }))), "%");
-  var Button$1 = Button;
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(Declarations, {
-    id: tableId,
-    type: BEFORE_QUESTION_TEXT,
-    declarations: declarations,
-    features: features,
-    bindings: bindings
-  }), tableLabel && /*#__PURE__*/React__default['default'].createElement("label", {
-    htmlFor: "table-one-axis-".concat(tableId),
-    id: "table-one-axis-label-".concat(tableId)
-  }, interpret(features)(bindings)(tableLabel)), /*#__PURE__*/React__default['default'].createElement(Declarations, {
-    id: tableId,
-    type: AFTER_QUESTION_TEXT,
-    declarations: declarations,
-    features: features,
-    bindings: bindings
-  }), /*#__PURE__*/React__default['default'].createElement("table", {
-    id: "table-".concat(tableId),
-    className: "table-lunatic"
-  }, /*#__PURE__*/React__default['default'].createElement("tbody", null, (minLines || minLines === 0 ? cells.slice(0, lines + 1) : cells).map(function (line, i) {
-    return /*#__PURE__*/React__default['default'].createElement("tr", {
-      key: "table-".concat(tableId, "-line").concat(i)
-    }, line.map(function (component, j) {
-      var label = component.label,
-          headerCell = component.headerCell,
-          colspan = component.colspan,
-          rowspan = component.rowspan,
-          componentType = component.componentType,
-          componentProps = _objectWithoutProperties(component, ["label", "headerCell", "colspan", "rowspan", "componentType"]);
-
-      if (componentType) {
-        var Component = lunatic[componentType];
-        return /*#__PURE__*/React__default['default'].createElement("td", {
-          key: "table-".concat(tableId, "-line").concat(i, "-cell-").concat(j),
-          style: {
-            width: width
-          }
-        }, /*#__PURE__*/React__default['default'].createElement(Component, _extends({
-          label: label,
-          handleChange: handleChange,
-          preferences: preferences,
-          positioning: positioning,
-          management: management,
-          features: features,
-          bindings: bindings
-        }, componentProps, {
-          zIndex: cells.length - i || 0
-        })));
-      }
-
-      var cellOptions = {
-        key: "table-".concat(tableId, "-line").concat(i, "-cell-").concat(j),
-        style: {
-          width: width
-        },
-        colSpan: colspan || 1,
-        rowSpan: rowspan || 1
-      };
-      var interpretedLabel = interpret(features)(bindings)(label);
-      return headerCell ? /*#__PURE__*/React__default['default'].createElement("th", cellOptions, interpretedLabel) : /*#__PURE__*/React__default['default'].createElement("td", cellOptions, interpretedLabel);
-    }));
-  }))), Number.isInteger(minLines) && lines < maxLines && !hideBtn && /*#__PURE__*/React__default['default'].createElement(Button$1, {
-    label: "addLine",
-    value: addBtnLabel,
-    onClick: function onClick() {
-      return setLines(lines + 1);
-    }
-  }), /*#__PURE__*/React__default['default'].createElement(Declarations, {
-    id: tableId,
-    type: DETACHABLE,
-    declarations: declarations,
-    features: features,
-    bindings: bindings
-  }));
-};
+});
 
-Table.defaultProps = {
-  label: '',
-  preferences: ['COLLECTED'],
-  cells: [],
-  lines: {},
-  positioning: 'DEFAULT',
-  declarations: [],
-  features: [],
-  bindings: {},
-  addBtnLabel: 'Add a line',
-  management: false,
-  hideBtn: false,
-  style: {}
-};
-Table.propTypes = {
-  id: PropTypes__default['default'].string.isRequired,
-  label: PropTypes__default['default'].string,
-  preferences: PropTypes__default['default'].arrayOf(valueType),
-  cells: PropTypes__default['default'].array,
-  handleChange: PropTypes__default['default'].func.isRequired,
-  lines: lines,
-  positioning: PropTypes__default['default'].oneOf(['DEFAULT', 'HORIZONTAL', 'VERTICAL']),
-  declarations: declarations,
-  features: PropTypes__default['default'].arrayOf(PropTypes__default['default'].string),
-  bindings: PropTypes__default['default'].object,
-  addBtnLabel: PropTypes__default['default'].string,
-  hideBtn: PropTypes__default['default'].bool,
-  management: PropTypes__default['default'].bool,
-  style: PropTypes__default['default'].object
-};
-var table = /*#__PURE__*/React__default['default'].memo(Table, areEqual);
+var _useLunatic = _interopRequireDefault(require("./use-lunatic"));
 
-exports.Breadcrumb = Breadcrumb;
-exports.Button = Button;
-exports.CheckboxBoolean = boolean;
-exports.CheckboxGroup = group;
-exports.CheckboxOne = one;
-exports.Datepicker = component;
-exports.Declarations = Declarations;
-exports.Dropdown = component$1;
-exports.FilterDescription = FilterDescription;
-exports.Input = input;
-exports.InputNumber = inputNumber;
-exports.Loop = LoopWrapper;
-exports.ProgressBar = ProgressBar;
-exports.Radio = component$2;
-exports.RosterForLoop = component$3;
-exports.Sequence = component$4;
-exports.Subsequence = component$5;
-exports.Table = table;
-exports.Textarea = component$6;
-exports.TooltipResponse = TooltipResponse;
-exports.getBindings = getBindings;
-exports.getCollectedState = getCollectedState;
-exports.getCollectedStateByValueType = getCollectedStateByValueType;
-exports.getState = getState;
-exports.interpret = interpret;
-exports.interpretWithEmptyDefault = interpretWithEmptyDefault;
-exports.mergeQuestionnaireAndData = mergeQuestionnaireAndData;
-exports.useLunatic = useLunatic;
-//# sourceMappingURL=index.js.map
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }