@inseefr/lunatic 0.4.3-v2 → 0.4.4-v2

package/lib/components/checkbox/checkbox-boolean/lunatic-checkbox-boolean.js

@@ -19,15 +19,18 @@ function LunaticCheckboxBoolean(_ref) {
       options = _ref.options,
       disabled = _ref.disabled,
       onChange = _ref.onChange,
-      custom = _ref.custom;
-  return /*#__PURE__*/_react["default"].createElement(_checkboxBoolean["default"], {
+      custom = _ref.custom,
+      errors = _ref.errors;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_checkboxBoolean["default"], {
     id: id,
     options: options,
     checked: value,
     onClick: onChange,
     disabled: disabled,
     custom: custom
-  });
+  }), /*#__PURE__*/_react["default"].createElement(_commons.Errors, {
+    errors: errors
+  }));
 }
 
 LunaticCheckboxBoolean.defaultProps = {

package/lib/components/checkbox/checkbox-group/lunatic-checkbox-group.js

@@ -18,14 +18,17 @@ function LunaticCheckboxGroup(_ref) {
       value = _ref.value,
       responses = _ref.responses,
       custom = _ref.custom,
-      handleChange = _ref.handleChange;
-  return /*#__PURE__*/_react["default"].createElement(_checkboxGroup["default"], {
+      handleChange = _ref.handleChange,
+      errors = _ref.errors;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_checkboxGroup["default"], {
     id: id,
     options: responses,
     value: value,
     handleChange: handleChange,
     custom: custom
-  });
+  }), /*#__PURE__*/_react["default"].createElement(_commons.Errors, {
+    errors: errors
+  }));
 }
 
 var _default = (0, _commons.createLunaticComponent)(LunaticCheckboxGroup, {

package/lib/components/checkbox/checkbox-one/lunatic-checkbox-one.js

@@ -9,13 +9,26 @@ var _react = _interopRequireDefault(require("react"));
 
 var _radio = _interopRequireDefault(require("../../radio"));
 
+var _commons = require("../../commons");
+
+var _excluded = ["errors"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 LunaticCheckboxOne(props) {
-  return /*#__PURE__*/_react["default"].createElement(_radio["default"], _extends({}, props, {
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function LunaticCheckboxOne(_ref) {
+  var errors = _ref.errors,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_radio["default"], _extends({}, props, {
     checkboxStyle: true
+  })), /*#__PURE__*/_react["default"].createElement(_commons.Errors, {
+    errors: errors
   }));
 }
 

package/lib/components/commons/components/errors/errors.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+require("./errors.scss");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function Errors(_ref) {
+  var errors = _ref.errors;
+
+  if (Array.isArray(errors)) {
+    var content = errors.map(function (_ref2) {
+      var id = _ref2.id,
+          errorMessage = _ref2.errorMessage;
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        key: "error-".concat(id),
+        className: "lunatic-error"
+      }, errorMessage);
+    });
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "lunatic-errors"
+    }, content);
+  }
+
+  return null;
+}
+
+var _default = Errors;
+exports["default"] = _default;

package/lib/components/commons/components/errors/errors.scss

@@ -0,0 +1,5 @@
+.lunatic-errors {
+	.lunatic-error {
+		color: red;
+	}
+}

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

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

package/lib/components/commons/index.js

@@ -23,6 +23,12 @@ Object.defineProperty(exports, "DefaultOptionRenderer", {
     return _defaultOptionRenderer["default"];
   }
 });
+Object.defineProperty(exports, "Errors", {
+  enumerable: true,
+  get: function get() {
+    return _errors["default"];
+  }
+});
 Object.defineProperty(exports, "FieldContainer", {
   enumerable: true,
   get: function get() {
@@ -147,6 +153,8 @@ var _safetyLabel = _interopRequireDefault(require("./safety-label"));
 
 var _createLunaticComponent = _interopRequireDefault(require("./components/create-lunatic-component"));
 
+var _errors = _interopRequireDefault(require("./components/errors"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

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

@@ -11,9 +11,24 @@ var _commons = require("../commons");
 
 require("./datepicker.scss");
 
+var _excluded = ["errors"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var _default = (0, _commons.createLunaticComponent)(_datepicker["default"], {
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var LunaticDatepicker = function LunaticDatepicker(_ref) {
+  var errors = _ref.errors,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_datepicker["default"], props), /*#__PURE__*/React.createElement(_commons.Errors, {
+    errors: errors
+  }));
+};
+
+var _default = (0, _commons.createLunaticComponent)(LunaticDatepicker, {
   inputId: 'lunatic-datepicker'
 });
 

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

@@ -23,8 +23,9 @@ function LunaticDropdown(_ref) {
       disabled = _ref.disabled,
       htmlFor = _ref.htmlFor,
       labelId = _ref.labelId,
-      value = _ref.value;
-  return /*#__PURE__*/_react["default"].createElement(_dropdown["default"], {
+      value = _ref.value,
+      errors = _ref.errors;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_dropdown["default"], {
     id: id,
     htmlFor: id,
     labelId: labelId,
@@ -35,7 +36,9 @@ function LunaticDropdown(_ref) {
     onSelect: onChange,
     value: value,
     className: "lunatic-dropdown"
-  });
+  }), /*#__PURE__*/_react["default"].createElement(_commons.Errors, {
+    errors: errors
+  }));
 }
 
 LunaticDropdown.propTypes = {

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

@@ -11,13 +11,29 @@ var _commons = require("../commons");
 
 require("./input.scss");
 
+var _excluded = ["errors"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var LunaticInput = (0, _commons.createLunaticComponent)(_input["default"], {
-  inputId: 'lunatic-input'
-});
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var LunaticInput = function LunaticInput(_ref) {
+  var errors = _ref.errors,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_input["default"], props), /*#__PURE__*/React.createElement(_commons.Errors, {
+    errors: errors
+  }));
+};
+
 LunaticInput.defaultProps = {
   className: 'todo'
 };
-var _default = LunaticInput;
+
+var _default = (0, _commons.createLunaticComponent)(LunaticInput, {
+  inputId: 'lunatic-input'
+});
+
 exports["default"] = _default;

package/lib/components/input-number/lunatic-input-number.js

@@ -9,10 +9,25 @@ var _inputNumber = _interopRequireDefault(require("./input-number"));
 
 var _commons = require("../commons");
 
+var _excluded = ["errors"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var LunaticInputNumber = (0, _commons.createLunaticComponent)(_inputNumber["default"], {
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var LunaticInputNumber = function LunaticInputNumber(_ref) {
+  var errors = _ref.errors,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_inputNumber["default"], props), /*#__PURE__*/React.createElement(_commons.Errors, {
+    errors: errors
+  }));
+};
+
+var _default = (0, _commons.createLunaticComponent)(LunaticInputNumber, {
   inputId: 'lunatic-input-number'
 });
-var _default = LunaticInputNumber;
+
 exports["default"] = _default;

package/lib/components/loop/block-for-loop/block-for-loop.js

@@ -9,6 +9,8 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _commons = require("../../commons");
+
 var _declarations = require("../../declarations");
 
 var _blockForLoopOchestrator = _interopRequireDefault(require("./block-for-loop-ochestrator"));
@@ -52,7 +54,8 @@ function BlockForLoop(_ref) {
       executeExpression = _ref.executeExpression,
       iterations = _ref.iterations,
       custom = _ref.custom,
-      paginatedLoop = _ref.paginatedLoop;
+      paginatedLoop = _ref.paginatedLoop,
+      errors = _ref.errors;
 
   var _useState = (0, _react.useState)(-1),
       _useState2 = _slicedToArray(_useState, 2),
@@ -126,6 +129,8 @@ function BlockForLoop(_ref) {
       declarations: declarations,
       id: id,
       custom: custom
+    }), /*#__PURE__*/_react["default"].createElement(_commons.Errors, {
+      errors: errors
     }));
   }
 

package/lib/components/loop/loop.js

@@ -37,7 +37,8 @@ function Loop(props) {
       features = props.features,
       preferences = props.preferences,
       custom = props.custom,
-      paginatedLoop = props.paginatedLoop;
+      paginatedLoop = props.paginatedLoop,
+      errors = props.errors;
 
   switch (componentType) {
     case LoopTypes.blockForLoop:
@@ -58,7 +59,8 @@ function Loop(props) {
         features: features,
         preferences: preferences,
         custom: custom,
-        paginatedLoop: paginatedLoop
+        paginatedLoop: paginatedLoop,
+        errors: errors
       });
 
     case LoopTypes.rosterForLoop:
@@ -79,7 +81,8 @@ function Loop(props) {
         features: features,
         preferences: preferences,
         headers: headers,
-        custom: custom
+        custom: custom,
+        errors: errors
       });
 
     default:

package/lib/components/loop/roster-for-loop/roster-for-loop.js

@@ -13,6 +13,8 @@ var _declarations = require("../../declarations");
 
 var _rosterTable = _interopRequireDefault(require("./roster-table"));
 
+var _commons = require("../../commons");
+
 var _handleRowButton = _interopRequireDefault(require("./handle-row-button"));
 
 var _i18n = _interopRequireDefault(require("../../../i18n"));
@@ -68,7 +70,8 @@ function RosterforLoop(_ref) {
       shortcut = _ref.shortcut,
       id = _ref.id,
       management = _ref.management,
-      custom = _ref.custom;
+      custom = _ref.custom,
+      errors = _ref.errors;
   var max = (lines === null || lines === void 0 ? void 0 : lines.max) || DEFAULT_MAX_ROWS;
 
   var _useState = (0, _react.useState)(false),
@@ -145,7 +148,9 @@ function RosterforLoop(_ref) {
       onClick: removeRow,
       disabled: nbRows === 1,
       custom: custom
-    }, _i18n["default"].DEFAULT_BUTTON_REMOVE));
+    }, _i18n["default"].DEFAULT_BUTTON_REMOVE), /*#__PURE__*/_react["default"].createElement(_commons.Errors, {
+      errors: errors
+    }));
   }
 
   return null;

package/lib/components/modal-controls/close-or-skip.js

@@ -15,16 +15,26 @@ function CloseOrSkip(_ref) {
   var errors = _ref.errors,
       onClose = _ref.onClose,
       onSkip = _ref.onSkip;
-  var bloc = Object.values(errors).flat().reduce(function (status, _ref2) {
+  var flattenErrors = Object.values(errors).flat();
+  var bloc = flattenErrors.reduce(function (status, _ref2) {
     var criticality = _ref2.criticality;
     return status || criticality === 'WARN';
   }, false);
+  var onlyCorrect = flattenErrors.map(function (_ref3) {
+    var blocking = _ref3.blocking;
+    return blocking;
+  }).includes(true);
 
   if (bloc) {
-    return /*#__PURE__*/_react["default"].createElement(_button["default"], {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "modal-buttons"
+    }, /*#__PURE__*/_react["default"].createElement(_button["default"], {
       className: "modal-button",
       onClick: onClose
-    }, "Close");
+    }, "Correct"), !onlyCorrect && /*#__PURE__*/_react["default"].createElement(_button["default"], {
+      className: "modal-button",
+      onClick: onSkip
+    }, "Ignore"));
   }
 
   return /*#__PURE__*/_react["default"].createElement(_button["default"], {

package/lib/components/modal-controls/modal-controls.js

@@ -40,10 +40,9 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 function Error(_ref) {
   var criticality = _ref.criticality,
       errorMessage = _ref.errorMessage;
-  var value = errorMessage.value;
   return /*#__PURE__*/_react["default"].createElement("li", {
     className: (0, _classnames["default"])(criticality)
-  }, value);
+  }, errorMessage);
 }
 
 function ComponentErrors(_ref2) {

package/lib/components/modal-controls/modal-controls.scss

@@ -34,7 +34,7 @@
 			background-color: aquamarine;
 		}
 
-		.modal-button {
+		.modal-buttons {
 			display: block;
 			position: absolute;
 			bottom: 0;

package/lib/components/pairwise/links/pairwise-links.js

@@ -13,6 +13,8 @@ var _linksOrchestrator = _interopRequireDefault(require("./links-orchestrator"))
 
 var _declarations = require("../../declarations");
 
+var _commons = require("../../commons");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -33,7 +35,8 @@ var PairwiseLinks = function PairwiseLinks(_ref) {
       xAxisIterations = _ref.xAxisIterations,
       yAxisIterations = _ref.yAxisIterations,
       custom = _ref.custom,
-      id = _ref.id;
+      id = _ref.id,
+      errors = _ref.errors;
   var nbRows = xAxisIterations * yAxisIterations;
   var handleChangeLinks = (0, _react.useCallback)(function (response, value, args) {
     handleChange(response, value, args);
@@ -64,6 +67,8 @@ var PairwiseLinks = function PairwiseLinks(_ref) {
     declarations: declarations,
     id: id,
     custom: custom
+  }), /*#__PURE__*/_react["default"].createElement(_commons.Errors, {
+    errors: errors
   }));
   return null;
 };

package/lib/components/radio/lunatic-radio-group.js

@@ -21,15 +21,18 @@ function LunaticRadioGroup(props) {
       value = props.value,
       onChange = props.onChange,
       checkboxStyle = props.checkboxStyle,
-      custom = props.custom;
-  return /*#__PURE__*/_react["default"].createElement(_radioGroup["default"], {
+      custom = props.custom,
+      errors = props.errors;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_radioGroup["default"], {
     id: id,
     options: options,
     value: value,
     onClick: onChange,
     checkboxStyle: checkboxStyle,
     custom: custom
-  });
+  }), /*#__PURE__*/_react["default"].createElement(_commons.Errors, {
+    errors: errors
+  }));
 }
 
 var _default = (0, _commons.createLunaticComponent)(LunaticRadioGroup, {

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

@@ -36,8 +36,9 @@ function LunaticSuggester(props) {
       onChange = props.onChange,
       disabled = props.disabled,
       labelId = props.labelId,
-      custom = props.custom;
-  return /*#__PURE__*/_react["default"].createElement(_idbSuggester["default"], {
+      custom = props.custom,
+      errors = props.errors;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_idbSuggester["default"], {
     storeName: storeName,
     optionRenderer: optionRenderer,
     labelRenderer: labelRenderer,
@@ -49,7 +50,9 @@ function LunaticSuggester(props) {
     id: id,
     value: value,
     custom: custom
-  });
+  }), /*#__PURE__*/_react["default"].createElement(_commons.Errors, {
+    errors: errors
+  }));
 }
 
 LunaticSuggester.defaultProps = {

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

@@ -43,7 +43,8 @@ function LunaticTable(_ref) {
       body = _ref.body,
       header = _ref.header,
       executeExpression = _ref.executeExpression,
-      iteration = _ref.iteration;
+      iteration = _ref.iteration,
+      errors = _ref.errors;
 
   var _useState = (0, _react.useState)(undefined),
       _useState2 = _slicedToArray(_useState, 2),
@@ -56,7 +57,7 @@ function LunaticTable(_ref) {
       setNbRows(length);
     }
   }, [body]);
-  return /*#__PURE__*/_react["default"].createElement(_table["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_table["default"], {
     id: id,
     custom: custom,
     header: header
@@ -69,6 +70,8 @@ function LunaticTable(_ref) {
     iteration: iteration,
     nbRows: nbRows,
     valueMap: value
+  })), /*#__PURE__*/_react["default"].createElement(_commons.Errors, {
+    errors: errors
   }));
 }
 

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

@@ -11,22 +11,38 @@ var _commons = require("../commons");
 
 var _textarea = _interopRequireDefault(require("./textarea"));
 
+var _excluded = ["errors"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var LunaticTextarea = (0, _commons.createLunaticComponent)(_textarea["default"], {
-  inputId: 'lunatic-textarea'
-});
-_textarea["default"].defaultProps = {
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var LunaticTextarea = function LunaticTextarea(_ref) {
+  var errors = _ref.errors,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_textarea["default"], props), /*#__PURE__*/React.createElement(_commons.Errors, {
+    errors: errors
+  }));
+};
+
+LunaticTextarea.defaultProps = {
   rows: 1,
   maxLength: 100,
   cols: 32,
   placeholder: 'Please enter your text here'
 };
-_textarea["default"].propTypes = {
+LunaticTextarea.propTypes = {
   rows: _propTypes["default"].number,
   maxLength: _propTypes["default"].number,
   cols: _propTypes["default"].number,
   placeholder: _propTypes["default"].string
 };
-var _default = LunaticTextarea;
+
+var _default = (0, _commons.createLunaticComponent)(LunaticTextarea, {
+  inputId: 'lunatic-textarea'
+});
+
 exports["default"] = _default;

package/lib/stories/paste-questionnaire/test.stories.js

@@ -46,7 +46,7 @@ var stories = {
       control: 'boolean',
       defaultValue: false
     },
-    modalForControls: {
+    activeControls: {
       control: 'boolean',
       defaultValue: true
     },