@inseefr/lunatic 2.3.1 → 2.4.0

package/lib/components/suggester-loader-widget/widget.scss

@@ -0,0 +1,176 @@
+$colorA: #e9d0d0;
+$colorB: darkred;
+$colorC: #320000;
+$colorD: goldenrod;
+
+@mixin preventSelect() {
+	-moz-user-select: -moz-none;
+	-khtml-user-select: none;
+	-webkit-user-select: none;
+}
+
+@mixin onDrag() {
+	&.drag {
+		box-shadow: $colorD 0px 3px 8px;
+		transition: box-shadow 0.5s;
+	}
+}
+
+.lunatic-suggester-widget-container {
+	&.absolute {
+		position: fixed;
+		z-index: 1;
+	}
+	.lunatic-suggester-widget {
+		position: relative;
+		border: solid $colorB 2px;
+		background-color: $colorA;
+		padding: 4px 4px;
+		border: 2px 2px;
+		width: 400px;
+		box-shadow: $colorC 0px 3px 8px;
+
+		@include onDrag();
+
+		.widget-row {
+			height: 22px;
+			display: flex;
+			flex-direction: row;
+			margin-bottom: 1px;
+			.store-name {
+				width: 60%;
+				color: $colorB;
+				font-size: 18px;
+				white-space: nowrap;
+				overflow-x: hidden;
+			}
+			.stats {
+				color: $colorB;
+				font-size: 18px;
+				white-space: nowrap;
+				overflow-x: hidden;
+				width: 40%;
+			}
+			.widget-button {
+				margin: 0 1px 0 0;
+				padding: 0;
+				border: none;
+				width: 18px;
+				height: 18px;
+				background-color: $colorB;
+
+				&.disabled {
+					background-color: gray;
+					cursor: default;
+				}
+
+				&:hover {
+					background-color: $colorC;
+					transition: background-color 1s;
+					cursor: pointer;
+				}
+
+				.lunatic-suggester-icon {
+					svg {
+						width: 18px;
+						height: 18px;
+						fill: $colorA;
+					}
+				}
+			}
+
+			.lunatic-suggester-loader-progress {
+				height: inherit;
+				border: solid 1px $colorB;
+				border-radius: 2px;
+				width: 70%;
+
+				&.done {
+					&:hover {
+						border-color: $colorC;
+						transition: border-color 1s;
+						.progress {
+							background-color: $colorC;
+							transition: background-color 1s;
+						}
+
+						cursor: pointer;
+					}
+				}
+
+				.content {
+					padding: 2px 2px;
+					height: calc(100%);
+					width: 100%;
+					.progress {
+						background-color: $colorB;
+						height: 100%;
+					}
+				}
+			}
+		}
+
+		.suggester-widget-network {
+			position: absolute;
+			border: solid $colorB 2px;
+			left: 6px;
+			background-color: $colorA;
+			border-radius: 50%;
+			padding: 2px 2px;
+			left: -22px;
+			top: -22px;
+			box-shadow: $colorC 0px 3px 8px;
+
+			&.online {
+				svg {
+					fill: forestgreen;
+				}
+			}
+
+			svg {
+				width: 24px;
+				height: 24px;
+				fill: $colorB;
+			}
+
+			@include onDrag();
+		}
+
+		.lunatic-widget-tools {
+			position: absolute;
+			right: 0;
+			top: -18px;
+			margin-top: -4px;
+
+			.lunatic-action-tool {
+				display: inline-block;
+				height: 18px;
+				width: 18px;
+				background-color: $colorB;
+				border-radius: 50%;
+				margin-left: 2px;
+
+				&:hover {
+					box-shadow: $colorC 0px 3px 8px;
+				}
+
+				&.drag {
+					background-color: $colorD;
+					transition: background-color 0.5s;
+				}
+
+				.on-drag-icon {
+					cursor: grab;
+					&.drag {
+						cursor: grabbing;
+					}
+					svg {
+						width: 16px;
+						height: 16px;
+						fill: $colorA;
+					}
+				}
+			}
+		}
+	}
+}

package/lib/components/switch/html/switch.js

@@ -0,0 +1,95 @@
+"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 _propTypes = _interopRequireDefault(require("prop-types"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _commons = require("../../commons");
+require("./switch.scss");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function Switch(_ref) {
+  var checked = _ref.checked,
+    disabled = _ref.disabled,
+    onClick = _ref.onClick,
+    statusLabel = _ref.statusLabel,
+    id = _ref.id,
+    description = _ref.description,
+    label = _ref.label,
+    errors = _ref.errors;
+  var handleClick = (0, _react.useCallback)(function () {
+    onClick(!checked);
+  }, [checked, onClick]);
+  var handleKeyDown = (0, _react.useCallback)(function (e) {
+    var code = e.code;
+    if (code === 'Space') {
+      onClick();
+    }
+  }, [onClick]);
+  var labelTrue = statusLabel["true"],
+    labelFalse = statusLabel["false"];
+  var labelId = "lunatic-switch-label-".concat(id);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.Label, {
+      htmlFor: id,
+      id: labelId,
+      description: description,
+      children: label
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "lunatic-switch",
+      id: id,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _classnames["default"])('lunatic-switch-label', {
+          checked: !checked
+        }),
+        children: labelFalse
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        role: "switch",
+        "aria-checked": checked,
+        tabIndex: "0",
+        className: (0, _classnames["default"])('lunatic-switch-container', {
+          disabled: disabled,
+          checked: checked
+        }),
+        onClick: handleClick,
+        onKeyDown: handleKeyDown,
+        "aria-labelledby": labelId,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "lunatic-switch-button"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _classnames["default"])('lunatic-switch-label', {
+          checked: checked
+        }),
+        children: labelTrue
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.Errors, {
+      errors: errors,
+      activeId: id
+    })]
+  });
+}
+Switch.propTypes = {
+  checked: _propTypes["default"].bool.isRequired,
+  disabled: _propTypes["default"].bool,
+  onClick: _propTypes["default"].func.isRequired,
+  statusLabel: _propTypes["default"].shape({
+    "true": _propTypes["default"].string,
+    "false": _propTypes["default"].string
+  })
+};
+Switch.defaultProps = {
+  disabled: false,
+  statusLabel: {
+    "true": 'True',
+    "false": 'False'
+  }
+};
+var _default = (0, _commons.createCustomizableLunaticField)(Switch, 'Switch');
+exports["default"] = _default;

package/lib/components/switch/html/switch.scss

@@ -0,0 +1,47 @@
+.lunatic-switch {
+	display: flex;
+	flex-direction: row;
+
+	.lunatic-switch-label {
+		height: 100%;
+		line-height: 26px;
+		&.checked {
+			font-weight: bold;
+		}
+	}
+
+	.lunatic-switch-container {
+		display: inline-block;
+		height: 26px;
+		width: 52px;
+		background-color: lightgrey;
+		border-radius: 13px;
+		position: relative;
+		margin: 2px;
+
+		cursor: pointer;
+
+		.lunatic-switch-button {
+			position: absolute;
+			height: 22px;
+			width: 22px;
+			background-color: white;
+			border-radius: 11px;
+			margin: 2px;
+
+			-webkit-transition: 0.3s;
+			transition: 0.3s;
+		}
+
+		&.disabled {
+		}
+		&.checked {
+			background-color: royalblue;
+			.lunatic-switch-button {
+				-webkit-transform: translateX(26px);
+				-ms-transform: translateX(26px);
+				transform: translateX(26px);
+			}
+		}
+	}
+}

package/lib/components/switch/index.js

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

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

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _switch = _interopRequireDefault(require("./html/switch"));
+var _lunaticComponentWithoutLabel = _interopRequireDefault(require("../commons/components/lunatic-component-without-label"));
+var _useOnHandleChange = _interopRequireDefault(require("../commons/use-on-handle-change"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function LunaticSwitch(_ref) {
+  var id = _ref.id,
+    value = _ref.value,
+    statusLabel = _ref.statusLabel,
+    labelId = _ref.labelId,
+    handleChange = _ref.handleChange,
+    response = _ref.response,
+    preferences = _ref.preferences,
+    declarations = _ref.declarations,
+    missing = _ref.missing,
+    missingResponse = _ref.missingResponse,
+    management = _ref.management,
+    description = _ref.description,
+    label = _ref.label,
+    errors = _ref.errors;
+  var booleanValue = value || false;
+  var onClick = (0, _useOnHandleChange["default"])({
+    handleChange: handleChange,
+    response: response,
+    value: value
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticComponentWithoutLabel["default"], {
+    id: id,
+    preferences: preferences,
+    declarations: declarations,
+    value: value,
+    missing: missing,
+    missingResponse: missingResponse,
+    management: management,
+    description: description,
+    handleChange: handleChange,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_switch["default"], {
+      id: id,
+      checked: booleanValue,
+      onClick: onClick,
+      statusLabel: statusLabel,
+      labelId: labelId,
+      label: label,
+      errors: errors
+    })
+  });
+}
+LunaticSwitch.propTypes = {
+  value: _propTypes["default"].oneOf([null, true, false])
+};
+LunaticSwitch.defaultProps = {
+  statusLabel: {
+    "true": 'True',
+    "false": 'False'
+  }
+};
+var _default = LunaticSwitch;
+exports["default"] = _default;

package/lib/components/table/cell.js

@@ -0,0 +1,102 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _commons = require("../commons");
+var _htmlTable = require("../commons/components/html-table");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _toArray(arr) { return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function collecteResponseValue(response, value) {
+  if (_typeof(response) === 'object') {
+    var name = response.name;
+    if (name in value) {
+      return value[name];
+    }
+  }
+  return undefined;
+}
+function collecteArrayResponseValue(responses, value) {
+  var _responses = _toArray(responses),
+    response = _responses[0],
+    rest = _responses.slice(1);
+  if (response) {
+    return [collecteResponseValue(response, value), collecteArrayResponseValue(rest, value)];
+  }
+  return [];
+}
+function collecteValue(component, value) {
+  var response = component.response,
+    responses = component.responses;
+  if (Array.isArray(responses)) {
+    return collecteArrayResponseValue(responses, value);
+  }
+  if (_typeof(response) === 'object') {
+    return collecteResponseValue(response, value);
+  }
+  return {};
+}
+function Cell(_ref) {
+  var content = _ref.content,
+    id = _ref.id,
+    executeExpression = _ref.executeExpression,
+    paths = _ref.paths,
+    iteration = _ref.iteration,
+    value = _ref.value,
+    row = _ref.row,
+    index = _ref.index,
+    handleChange = _ref.handleChange,
+    errors = _ref.errors;
+  var label = content.label,
+    componentType = content.componentType,
+    rowspan = content.rowspan,
+    colspan = content.colspan;
+  if (componentType) {
+    var valueField = collecteValue(content, value);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_htmlTable.Td, {
+      id: id,
+      row: row,
+      index: index,
+      rowSpan: rowspan,
+      colSpan: colspan,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.OrchestratedComponent, {
+        id: id,
+        component: content,
+        handleChange: handleChange,
+        value: valueField,
+        executeExpression: executeExpression,
+        paths: paths,
+        iteration: iteration,
+        errors: errors
+      })
+    });
+  }
+  var getLabel = function getLabel() {
+    try {
+      return executeExpression(label, {
+        iteration: iteration
+      });
+    } catch (e) {
+      return e.toString();
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_htmlTable.Td, {
+    id: id,
+    row: row,
+    index: index,
+    rowSpan: rowspan,
+    colSpan: colspan,
+    children: getLabel()
+  });
+}
+var _default = Cell;
+exports["default"] = _default;

package/lib/components/table/header.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _htmlTable = require("../commons/components/html-table");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function Header(_ref) {
+  var id = _ref.id,
+    header = _ref.header;
+  if (Array.isArray(header)) {
+    var content = header.map(function (_ref2, index) {
+      var label = _ref2.label,
+        rowspan = _ref2.rowspan,
+        colspan = _ref2.colspan;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_htmlTable.Th, {
+        id: id,
+        row: 0,
+        index: index,
+        rowSpan: rowspan,
+        colSpan: colspan,
+        children: label
+      }, index);
+    });
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_htmlTable.Thead, {
+      id: id,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_htmlTable.Tr, {
+        id: id,
+        row: 0,
+        children: content
+      })
+    });
+  }
+  return null;
+}
+var _default = Header;
+exports["default"] = _default;

package/lib/components/table/index.js

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

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

@@ -0,0 +1,92 @@
+"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 _propTypes = _interopRequireDefault(require("prop-types"));
+var _htmlTable = require("../commons/components/html-table");
+var _header = _interopRequireDefault(require("./header"));
+var _lunaticComponentWithoutLabel = _interopRequireDefault(require("../commons/components/lunatic-component-without-label"));
+var _tableOrchestrator = _interopRequireDefault(require("./table-orchestrator"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function LunaticTable(props) {
+  var id = props.id,
+    handleChange = props.handleChange,
+    value = props.value,
+    body = props.body,
+    header = props.header,
+    executeExpression = props.executeExpression,
+    iteration = props.iteration,
+    errors = props.errors,
+    preferences = props.preferences,
+    missing = props.missing,
+    declarations = props.declarations,
+    missingResponse = props.missingResponse,
+    management = props.management,
+    description = props.description;
+  var _useState = (0, _react.useState)(undefined),
+    _useState2 = _slicedToArray(_useState, 2),
+    nbRows = _useState2[0],
+    setNbRows = _useState2[1];
+  (0, _react.useEffect)(function () {
+    if (Array.isArray(body)) {
+      var length = body.length;
+      setNbRows(length);
+    }
+  }, [body]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticComponentWithoutLabel["default"], {
+    id: id,
+    preferences: preferences,
+    declarations: declarations,
+    value: value,
+    missing: missing,
+    missingResponse: missingResponse,
+    management: management,
+    description: description,
+    handleChange: handleChange,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_htmlTable.Table, {
+      id: id,
+      header: header,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_header["default"], {
+        id: id,
+        header: header
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_htmlTable.Tbody, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_tableOrchestrator["default"], {
+          id: id,
+          body: body,
+          executeExpression: executeExpression,
+          handleChange: handleChange,
+          iteration: iteration,
+          nbRows: nbRows,
+          valueMap: value,
+          errors: errors
+        })
+      })]
+    })
+  });
+}
+LunaticTable.propTypes = {
+  id: _propTypes["default"].string.isRequired,
+  value: _propTypes["default"].object,
+  body: _propTypes["default"].arrayOf(_propTypes["default"].array).isRequired,
+  header: _propTypes["default"].array
+};
+LunaticTable.defaultProps = {
+  lines: undefined,
+  value: {},
+  header: []
+};
+var _default = LunaticTable;
+exports["default"] = _default;

package/lib/components/table/row.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _htmlTable = require("../commons/components/html-table");
+var _cell = _interopRequireDefault(require("./cell"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function Row(_ref) {
+  var id = _ref.id,
+    components = _ref.components,
+    executeExpression = _ref.executeExpression,
+    valueMap = _ref.valueMap,
+    rowIndex = _ref.rowIndex,
+    iteration = _ref.iteration,
+    handleChange = _ref.handleChange,
+    errors = _ref.errors,
+    paths = _ref.paths;
+  var row = components.map(function (content, index) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_cell["default"], {
+      id: id,
+      content: content,
+      value: valueMap,
+      executeExpression: executeExpression,
+      handleChange: handleChange,
+      iteration: iteration,
+      row: rowIndex,
+      index: index,
+      errors: errors,
+      paths: paths
+    }, index);
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_htmlTable.Tr, {
+    id: id,
+    row: rowIndex,
+    children: row
+  });
+}
+var _default = Row;
+exports["default"] = _default;