@inseefr/lunatic 0.1.13-hackathon → 0.2.0-prisme

package/lib/components/dropdown/index.js

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

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

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _commons = require("../commons");
+
+var _dropdown = _interopRequireDefault(require("./dropdown"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function LunaticDropdown(_ref) {
+  var id = _ref.id,
+      onChange = _ref.onChange,
+      options = _ref.options,
+      writable = _ref.writable,
+      disabled = _ref.disabled,
+      htmlFor = _ref.htmlFor,
+      labelId = _ref.labelId,
+      value = _ref.value;
+  return /*#__PURE__*/_react["default"].createElement(_dropdown["default"], {
+    id: id,
+    htmlFor: id,
+    labelId: labelId,
+    writable: writable,
+    disabled: disabled,
+    options: options,
+    editable: writable,
+    onSelect: onChange,
+    value: value,
+    className: "lunatic-dropdown"
+  });
+}
+
+LunaticDropdown.propTypes = {
+  id: _propTypes["default"].string.isRequired,
+  handleChange: _propTypes["default"].func.isRequired,
+  options: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+    label: _propTypes["default"].string.isRequired,
+    value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]).isRequired
+  })).isRequired,
+  disabled: _propTypes["default"].bool,
+  value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number, _propTypes["default"].array])
+};
+LunaticDropdown.defaultProps = {
+  disabled: false,
+  value: null
+};
+
+var _default = (0, _commons.createLunaticComponent)(LunaticDropdown);
+
+exports["default"] = _default;

package/lib/components/filter-description/component.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var FilterDescription = function FilterDescription(_ref) {
+  var id = _ref.id,
+      label = _ref.label,
+      filterDescription = _ref.filterDescription;
+  return filterDescription ? /*#__PURE__*/_react["default"].createElement("div", {
+    id: "filter-description-".concat(id),
+    "aria-label": "filter-description",
+    className: "filter-description-lunatic"
+  }, label) : null;
+};
+
+var _default = FilterDescription;
+exports["default"] = _default;

package/lib/components/filter-description/index.js

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

package/lib/components/index.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Table: true
+};
+Object.defineProperty(exports, "Table", {
+  enumerable: true,
+  get: function get() {
+    return _table["default"];
+  }
+});
+
+var _components = require("./components");
+
+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];
+    }
+  });
+});
+
+var _table = _interopRequireDefault(require("./table"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/components/index.scss

@@ -0,0 +1,139 @@
+* {
+	box-sizing: border-box;
+	--color-primary-dark: #2a5885;
+	--color-primary-light: #5181b8;
+	--color-primary-main: #4a73a4;
+	--color-primary-contrast-text: #ffffff;
+
+	--color-secondary-dark: #14202d;
+	--color-secondary-light: #f7f8fa;
+	--color-secondary-main: #1a293b;
+	--color-secondary-contrast-text: #ffffff;
+
+	--color-very-light: #dbe4ef;
+	--color-very-very-light: #e6eaee;
+	--color-current-item: #0d823e;
+
+	--color-error: #f50c0c;
+	--color-disabled: rgb(235, 235, 228);
+	--color-prefix: cornflowerblue;
+	--color-dropdown-active: rgba(0, 0, 0, 0.04);
+	--color-dropdown-selected: rgba(0, 0, 0, 0.08);
+
+	--dropdown-transition-time: 0.5s;
+}
+
+@mixin vertical-placement($reverse: false) {
+	display: flex;
+	flex-direction: if($reverse, column-reverse, column);
+}
+
+@mixin horizontal-placement($reverse: false) {
+	display: flex;
+	flex-direction: if($reverse, row-reverse, row);
+	align-items: baseline;
+
+	:first-child {
+		margin-right: 1rem;
+	}
+}
+
+.lunatic-component {
+	.mandatory:after {
+		content: ' *';
+		color: red;
+	}
+
+	.horizontal-options {
+		display: inline-block;
+		margin-right: 2em;
+	}
+
+	// Label & Legend
+	label,
+	legend,
+	.subsequence-lunatic,
+	.lunatic-dropdown-label,
+	.lunatic-dropdown-label focused {
+		color: var(--color-primary-dark);
+		background-color: var(--color-primary-contrast-text);
+		border: 0;
+		padding: 0;
+		font-size: 0.75rem;
+		font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+		line-height: 0.75rem;
+		font-weight: bold;
+		margin-bottom: 0.375rem;
+	}
+
+	/* refactor proposition */
+
+	// .lunatic-component {
+	// 	width: fit-content;
+	// }
+
+	.lunatic-component-container {
+		display: flex;
+
+		&.label-left-ex {
+			flex-direction: row;
+			align-items: baseline;
+			.lunatic-label {
+				margin-right: 1em;
+			}
+		}
+		&.label-right-ex {
+			flex-direction: row-reverse;
+			align-items: baseline;
+			.lunatic-label {
+				margin-left: 1em;
+			}
+		}
+		&.label-top-ex {
+			flex-direction: column;
+		}
+		&.label-bottom-ex {
+			flex-direction: column-reverse;
+		}
+	}
+
+	/******/
+
+	.label-top {
+		@include vertical-placement();
+	}
+	.label-bottom {
+		@include vertical-placement(true);
+	}
+	.label-right {
+		justify-content: flex-end;
+		@include horizontal-placement(true);
+	}
+	.label-left {
+		@include horizontal-placement();
+	}
+
+	.field-container {
+		display: flex;
+	}
+
+	.modality-label p {
+		display: inline;
+	}
+
+
+	.field {
+		width: 100%;
+		position: relative;
+	}
+
+
+	.link-md .field-md {
+		border-bottom: dashed 0.1em var(--color-primary-dark);
+		&:hover {
+			cursor: help;
+			color: var(--color-primary-contrast-text);
+			background-color: var(--color-primary-dark);
+		}
+	}
+}

package/lib/components/input/index.js

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

package/lib/components/input/input.js

@@ -0,0 +1,61 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+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); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function checkValue(value) {
+  return value || '';
+}
+
+function Input(_ref) {
+  var value = _ref.value,
+      onChange = _ref.onChange,
+      disabled = _ref.disabled,
+      required = _ref.required,
+      maxLength = _ref.maxLength,
+      id = _ref.id,
+      labelledBy = _ref.labelledBy;
+  var handleChange = (0, _react.useCallback)(function (e) {
+    var value = e.target.value;
+    onChange(value);
+  }, [onChange]);
+  return /*#__PURE__*/_react["default"].createElement("input", {
+    id: id,
+    labelledbby: labelledBy,
+    autoComplete: "off",
+    type: "text",
+    disabled: disabled,
+    className: (0, _classnames["default"])('lunatic-input'),
+    value: checkValue(value),
+    onChange: handleChange,
+    "aria-required": required,
+    required: required,
+    maxLength: maxLength
+  });
+}
+
+Input.defaultProps = {
+  disabled: false,
+  required: true,
+  maxLength: Number.MAX_SAFE_INTEGER
+};
+
+var _default = (0, _commons.createCustomizableLunaticField)(Input);
+
+exports["default"] = _default;

package/lib/components/input/input.scss

@@ -0,0 +1,31 @@
+.lunatic-component {
+	.lunatic-input,
+	.lunatic-datepicker,
+	.lunatic-textarea {
+		font: inherit;
+		border: 0;
+		border-bottom: 0.125rem double rgba(0, 0, 0, 0.42);
+		margin: 0;
+		padding: 0.375rem 0 0.375rem 0.4375rem;
+		display: block;
+		min-width: 0;
+		box-sizing: content-box;
+		background: none;
+		&:focus {
+			outline: none;
+			border-bottom: 0.125rem solid var(--color-primary-main);
+		}
+		&:hover {
+			border-bottom: 0.125rem solid black;
+		}
+		&:read-only {
+			background-color: var(--color-disabled);
+		}
+	}
+
+	.warning {
+		box-sizing: border-box;
+		border: solid 2px var(--color-error);
+		background-color: var(--color-error);
+	}
+}

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

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _input = _interopRequireDefault(require("./input"));
+
+var _commons = require("../commons");
+
+require("./input.scss");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var LunaticInput = (0, _commons.createLunaticComponent)(_input["default"], {
+  inputId: 'lunatic-input'
+});
+LunaticInput.defaultProps = {
+  className: 'todo'
+};
+var _default = LunaticInput;
+exports["default"] = _default;

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

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

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

@@ -0,0 +1,57 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _commons = require("../commons");
+
+require("./input-number.scss");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function InputNumber(_ref) {
+  var value = _ref.value,
+      onChange = _ref.onChange,
+      disabled = _ref.disabled,
+      readOnly = _ref.readOnly,
+      labelId = _ref.labelId,
+      min = _ref.min,
+      max = _ref.max,
+      step = _ref.step;
+  var valueEffective = value !== null && value !== void 0 ? value : '';
+  var handleChange = (0, _react.useCallback)(function (e) {
+    var val = e.target.value;
+    onChange(val);
+  }, [onChange]);
+  return /*#__PURE__*/_react["default"].createElement("input", {
+    className: (0, _classnames["default"])('lunatic-input', {
+      disabled: disabled,
+      readOnly: readOnly
+    }),
+    type: "number",
+    onChange: handleChange,
+    value: valueEffective,
+    labelledby: labelId,
+    readOnly: readOnly,
+    disabled: disabled,
+    min: min,
+    max: max,
+    step: step
+  });
+}
+
+var _default = (0, _commons.createCustomizableLunaticField)(InputNumber);
+
+exports["default"] = _default;

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _inputNumber = _interopRequireDefault(require("./input-number"));
+
+var _commons = require("../commons");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var LunaticInputNumber = (0, _commons.createLunaticComponent)(_inputNumber["default"], {
+  inputId: 'lunatic-input-number'
+});
+var _default = LunaticInputNumber;
+exports["default"] = _default;

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

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _commons = require("../../commons");
+
+var _row = _interopRequireDefault(require("./row"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var BlockForLoopOrchestrator = (0, _commons.createRowOrchestrator)(_row["default"]);
+var _default = BlockForLoopOrchestrator;
+exports["default"] = _default;

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

@@ -0,0 +1,132 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _declarations = require("../../declarations");
+
+var _blockForLoopOchestrator = _interopRequireDefault(require("./block-for-loop-ochestrator"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+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."); }
+
+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 _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function BlockForLoop(_ref) {
+  var declarations = _ref.declarations,
+      lines = _ref.lines,
+      components = _ref.components,
+      handleChange = _ref.handleChange,
+      valueMap = _ref.valueMap,
+      missing = _ref.missing,
+      shortcut = _ref.shortcut,
+      features = _ref.features,
+      preferences = _ref.preferences,
+      management = _ref.management,
+      executeExpression = _ref.executeExpression,
+      iterations = _ref.iterations,
+      custom = _ref.custom;
+
+  var _useState = (0, _react.useState)(-1),
+      _useState2 = _slicedToArray(_useState, 2),
+      nbRows = _useState2[0],
+      setNbRows = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(undefined),
+      _useState4 = _slicedToArray(_useState3, 2),
+      min = _useState4[0],
+      setMin = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(undefined),
+      _useState6 = _slicedToArray(_useState5, 2),
+      max = _useState6[0],
+      setMax = _useState6[1];
+
+  (0, _react.useEffect)(function () {
+    if (lines) {
+      var _min = lines.min,
+          _max = lines.max;
+
+      if (_min !== undefined && _max !== undefined) {
+        setMin(_min);
+        setMax(_max);
+      }
+    }
+  }, [lines]);
+  (0, _react.useEffect)(function () {
+    if (Number.parseInt(iterations)) {
+      setNbRows(iterations);
+    } else if (min && max) {
+      setNbRows(min);
+    }
+  }, [min, max, iterations]);
+  var handleChangeLoop = (0, _react.useCallback)(function (response, value, args) {
+    handleChange(response, value, _objectSpread(_objectSpread({}, args), {}, {
+      loop: true,
+      length: nbRows
+    }));
+  }, [handleChange, nbRows]);
+
+  if (nbRows > 0) {
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_declarations.DeclarationsBeforeText, {
+      declarations: declarations,
+      custom: custom
+    }), /*#__PURE__*/_react["default"].createElement(_declarations.DeclarationsAfterText, {
+      declarations: declarations,
+      custom: custom
+    }), /*#__PURE__*/_react["default"].createElement(_blockForLoopOchestrator["default"], {
+      components: components,
+      handleChange: handleChangeLoop,
+      nbRows: nbRows,
+      valueMap: valueMap,
+      management: management,
+      missing: missing,
+      shortcut: shortcut,
+      features: features,
+      preferences: preferences,
+      executeExpression: executeExpression,
+      custom: custom
+    }), /*#__PURE__*/_react["default"].createElement(_declarations.DeclarationsDetachable, {
+      declarations: declarations,
+      custom: custom
+    }));
+  }
+
+  return null;
+}
+
+var _default = BlockForLoop; // handleChange={handleChange}
+// preferences={preferences}
+// savingType={savingType}
+// management={management}
+// features={features}
+// bindings={bindings}
+// missing={missing}
+// shortcut={shortcut}
+
+exports["default"] = _default;