@inseefr/lunatic 2.4.8-dynamicArray → 2.4.8-fixDatePicker

package/lib/components/index.js

@@ -51,12 +51,6 @@ Object.defineProperty(exports, "Dropdown", {
     return _dropdown["default"];
   }
 });
-Object.defineProperty(exports, "Duration", {
-  enumerable: true,
-  get: function get() {
-    return _duration["default"];
-  }
-});
 Object.defineProperty(exports, "FilterDescription", {
   enumerable: true,
   get: function get() {
@@ -188,7 +182,6 @@ var _suggesterLoaderWidget = _interopRequireDefault(require("./suggester-loader-
 var _roundabout = _interopRequireDefault(require("./roundabout"));
 var _table = _interopRequireDefault(require("./table"));
 var _componentSet = _interopRequireDefault(require("./component-set"));
-var _duration = _interopRequireDefault(require("./duration"));
 var _questionInformation = _interopRequireDefault(require("./questions/question-information"));
 var _questionContext = _interopRequireDefault(require("./questions/question-context"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/components/loop/loop.js

@@ -24,7 +24,7 @@ function Loop(props) {
     value = props.value,
     executeExpression = props.executeExpression,
     componentType = props.componentType,
-    header = props.header,
+    headers = props.headers,
     shortcut = props.shortcut,
     management = props.management,
     missing = props.missing,
@@ -68,7 +68,7 @@ function Loop(props) {
         shortcut: shortcut,
         features: features,
         preferences: preferences,
-        header: header,
+        headers: headers,
         errors: errors
       });
     default:

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

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _htmlTable = require("../../commons/components/html-table");
+var _rosterForLoopOrchestrator = _interopRequireDefault(require("./roster-for-loop-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 _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function Body(_ref) {
+  var id = _ref.id,
+    components = _ref.components,
+    nbRows = _ref.nbRows,
+    executeExpression = _ref.executeExpression,
+    handleChange = _ref.handleChange,
+    valueMap = _ref.value,
+    missing = _ref.missing;
+  var handleChangeRow = (0, _react.useCallback)(function (response, value, args) {
+    handleChange(response, value, _objectSpread(_objectSpread({}, args), {}, {
+      loop: true,
+      length: nbRows
+    }));
+  }, [nbRows, handleChange]);
+  if (nbRows <= 0) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_htmlTable.Tbody, {
+    id: id,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_rosterForLoopOrchestrator["default"], {
+      id: "roster-".concat(id),
+      components: components,
+      nbRows: nbRows,
+      handleChange: handleChangeRow,
+      executeExpression: executeExpression,
+      valueMap: valueMap,
+      missing: missing,
+      preferences: ['COLLECTED']
+    })
+  });
+}
+var _default = Body;
+exports["default"] = _default;

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

@@ -0,0 +1,34 @@
+"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 header = _ref.header,
+    id = _ref.id;
+  if (!Array.isArray(header)) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_htmlTable.Thead, {
+    id: id,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_htmlTable.Tr, {
+      id: id,
+      row: 0,
+      children: header.map(function (_ref2, index) {
+        var label = _ref2.label;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_htmlTable.Th, {
+          id: id,
+          index: index,
+          children: label
+        }, "".concat(label, "-").concat(index));
+      })
+    })
+  });
+}
+var _default = Header;
+exports["default"] = _default;

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

@@ -1,19 +1,21 @@
 "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 = require("react");
-var _commons = require("../../commons");
-var _lunaticComponentWithLabel = _interopRequireDefault(require("../../commons/components/lunatic-component-with-label"));
+var _react = _interopRequireWildcard(require("react"));
+var _declarations = require("../../declarations");
 var _rosterTable = _interopRequireDefault(require("./roster-table"));
+var _commons = require("../../commons");
 var _handleRowButton = _interopRequireDefault(require("../commons/handle-row-button"));
 var _i18n = _interopRequireDefault(require("../../../i18n"));
 var _getInitLength = _interopRequireDefault(require("../commons/get-init-length"));
-var _useRefSync = require("../../../hooks/use-ref-sync");
 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); }
@@ -30,13 +32,12 @@ function RosterforLoop(_ref) {
     label = _ref.label,
     components = _ref.components,
     executeExpression = _ref.executeExpression,
-    header = _ref.header,
+    headers = _ref.headers,
     missing = _ref.missing,
+    shortcut = _ref.shortcut,
     id = _ref.id,
     management = _ref.management,
-    errors = _ref.errors,
-    missingResponse = _ref.missingResponse,
-    description = _ref.description;
+    errors = _ref.errors;
   var min = (lines === null || lines === void 0 ? void 0 : lines.min) || DEFAULT_MIN_ROWS;
   var max = (lines === null || lines === void 0 ? void 0 : lines.max) || DEFAULT_MAX_ROWS;
   var _useState = (0, _react.useState)(function () {
@@ -46,21 +47,19 @@ function RosterforLoop(_ref) {
     nbRows = _useState2[0],
     setNbRows = _useState2[1];
   var showButtons = min && max && min !== max;
-  var valueMapRef = (0, _useRefSync.useRefSync)(valueMap);
-  var nbRowsRef = (0, _useRefSync.useRefSync)(nbRows);
   var addRow = (0, _react.useCallback)(function () {
     if (nbRows < max) {
       setNbRows(nbRows + 1);
     }
   }, [max, nbRows]);
   var handleChangeLoop = (0, _react.useCallback)(function (response, value, args) {
-    var v = valueMapRef.current[response.name];
+    var v = valueMap[response.name];
     v[args.index] = value;
     handleChange(response, v, {
       loop: true,
-      length: nbRowsRef.current
+      length: nbRows
     }); // TODO: a retaper pour déplacer cette compléxité
-  }, [handleChange, nbRowsRef, valueMapRef]);
+  }, [handleChange, nbRows, valueMap]);
   var removeRow = (0, _react.useCallback)(function () {
     if (nbRows > 1) {
       var newNbRows = nbRows - 1;
@@ -80,34 +79,32 @@ function RosterforLoop(_ref) {
   }, [nbRows, handleChange, valueMap]);
   if (nbRows > 0) {
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_lunaticComponentWithLabel["default"], {
-        id: id,
-        label: label,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_declarations.DeclarationsBeforeText, {
         declarations: declarations,
-        missing: missing,
-        missingResponse: missingResponse,
+        id: id
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_declarations.DeclarationsAfterText, {
+        declarations: declarations,
+        id: id
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_rosterTable["default"], {
+        id: id,
+        components: components,
+        nbRows: nbRows,
+        executeExpression: executeExpression,
+        headers: headers,
+        handleChange: handleChangeLoop,
+        value: valueMap,
         management: management,
-        description: description,
-        handleChange: handleChange,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_rosterTable["default"], {
-          id: id,
-          components: components,
-          nbRows: nbRows,
-          executeExpression: executeExpression,
-          header: header,
-          handleChange: handleChangeLoop,
-          value: valueMap,
-          missing: missing,
-          errors: errors
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.Errors, {
-          errors: errors,
-          activeId: id
-        })]
+        missing: missing,
+        shortcut: shortcut,
+        errors: errors
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_declarations.DeclarationsDetachable, {
+        declarations: declarations,
+        id: id
       }), showButtons && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_handleRowButton["default"], {
           onClick: addRow,
           disabled: nbRows === max,
-          children: _i18n["default"].DEFAULT_BUTTON_ADD
+          children: label || _i18n["default"].DEFAULT_BUTTON_ADD
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_handleRowButton["default"], {
           onClick: removeRow,
           disabled: nbRows === min,

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

@@ -4,44 +4,43 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
 var _htmlTable = require("../../commons/components/html-table");
-var _header = _interopRequireDefault(require("../../table/header"));
+var _header = _interopRequireDefault(require("./header"));
+var _body = _interopRequireDefault(require("./body"));
 require("./roster.scss");
 var _commons = require("../../commons");
-var _rosterForLoopOrchestrator = _interopRequireDefault(require("./roster-for-loop-orchestrator"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var preferences = ['COLLECTED'];
 function RosterTable(_ref) {
   var components = _ref.components,
     nbRows = _ref.nbRows,
     executeExpression = _ref.executeExpression,
     id = _ref.id,
-    header = _ref.header,
+    headers = _ref.headers,
     valueMap = _ref.value,
+    shortcut = _ref.shortcut,
     missing = _ref.missing,
+    management = _ref.management,
     handleChange = _ref.handleChange;
   if (nbRows <= 0) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.NothingToDisplay, {});
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_htmlTable.Table, {
     id: id,
-    className: "rosterTable",
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_header["default"], {
-      header: header,
+      header: headers,
       id: id
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_htmlTable.Tbody, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_body["default"], {
       id: id,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_rosterForLoopOrchestrator["default"], {
-        id: "roster-".concat(id),
-        components: components,
-        nbRows: nbRows,
-        handleChange: handleChange,
-        executeExpression: executeExpression,
-        valueMap: valueMap,
-        missing: missing,
-        preferences: preferences
-      })
+      components: components,
+      handleChange: handleChange,
+      nbRows: nbRows,
+      value: valueMap,
+      management: management,
+      missing: missing,
+      shortcut: shortcut,
+      executeExpression: executeExpression
     })]
   });
 }

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

@@ -1,37 +1,39 @@
-.lunatic-component {
-	.rosterTable {
-		border-collapse: separate;
-		border-spacing: 0;
-		thead {
-			position: sticky;
-			background-color: var(--color-primary-contrast-text);
-			z-index: 1;
-			top: 0;
-			th {
-				border-top: 2px solid;
-				border-bottom: 2px solid;
-				border-right: 2px solid;
-			}
-			th:first-child {
-				border-left: 2px solid;
-			}
-		}
-		tbody {
-			th {
-				border-top: 1px solid;
-				border-bottom: 1px solid;
-				border-right: 1px solid;
-			}
+// .lunatic-component {
+// 	.table-lunatic {
+// 		table-layout: fixed;
+// 		border-collapse: collapse;
+// 		margin-top: 0.3em;
+// 		margin-bottom: 0.3em;
+// 		& td,
+// 		th {
+// 			border: 0.15em solid var(--color-primary-dark);
+// 			padding: 0.2em;
+// 		}
+// 		& td {
+// 			.field,
+// 			.field-with-tooltip {
+// 				display: flex;
+// 				justify-content: center;
+// 				align-items: center;
+// 			}
+// 		}
+// 	}
 
-			td {
-				border-bottom: 1px solid;
-				border-right: 1px solid;
-			}
+// 	.table-lunatic .tooltip-lunatic img {
+// 		height: 20px;
+// 		width: 20px;
+// 	}
+// }
 
-			th:first-child,
-			td:first-child {
-				border-left: 1px solid;
-			}
+.lunatic-table {
+	table-layout: fixed;
+	border-collapse: collapse;
+	margin-top: 0.3em;
+	margin-bottom: 0.3em;
+	.lunatic-table-thead {
+		.lunatic-table-th {
+			border: 0.15em solid var(--color-primary-dark);
+			padding: 0.2em;
 		}
 	}
 }

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

@@ -1,13 +1,16 @@
 "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 = require("react");
+var _react = _interopRequireWildcard(require("react"));
 var _htmlTable = require("../../commons/components/html-table");
 var _commons = require("../../commons");
 var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var emptyValue = {};
 function Row(_ref) {
   var id = _ref.id,
@@ -56,57 +59,25 @@ function Row(_ref) {
           }
         }
       }
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(RowCell, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_htmlTable.Td, {
         id: idComponent,
-        component: component,
-        handleChange: handleChangeRow,
-        features: features,
-        missing: missing,
-        shortcut: shortcut,
-        management: management,
-        value: value,
-        preferences: preferences,
-        rowIndex: rowIndex,
-        executeExpression: executeExpression,
-        errors: errors
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.OrchestratedComponent, {
+          component: component,
+          handleChange: handleChangeRow,
+          features: features,
+          missing: missing,
+          shortcut: shortcut,
+          management: management,
+          value: value,
+          id: idComponent,
+          preferences: preferences,
+          iteration: rowIndex,
+          executeExpression: executeExpression,
+          errors: errors
+        })
       }, key);
     })
   });
 }
-
-/**
- * Memoïzed version of a cell (for optimisation)
- */
-var RowCell = /*#__PURE__*/(0, _react.memo)(function (_ref2) {
-  var id = _ref2.id,
-    component = _ref2.component,
-    handleChange = _ref2.handleChange,
-    features = _ref2.features,
-    missing = _ref2.missing,
-    shortcut = _ref2.shortcut,
-    management = _ref2.management,
-    value = _ref2.value,
-    preferences = _ref2.preferences,
-    rowIndex = _ref2.rowIndex,
-    executeExpression = _ref2.executeExpression,
-    errors = _ref2.errors;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_htmlTable.Td, {
-    id: id,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.OrchestratedComponent, {
-      component: component,
-      handleChange: handleChange,
-      features: features,
-      missing: missing,
-      shortcut: shortcut,
-      management: management,
-      value: value,
-      id: id,
-      preferences: preferences,
-      iteration: rowIndex,
-      executeExpression: executeExpression,
-      errors: errors
-    })
-  });
-});
 var _default = Row;
 exports["default"] = _default;

package/lib/src/components/index.d.ts

@@ -22,6 +22,5 @@ export { default as SuggesterLoaderWidget } from './suggester-loader-widget';
 export { default as Roundabout } from './roundabout';
 export { default as Table } from './table';
 export { default as ComponentSet } from './component-set';
-export { default as Duration } from "./duration";
 export { default as QuestionInformation } from './questions/question-information';
 export { default as QuestionContext } from './questions/question-context';

package/lib/src/components/loop/block-for-loop/block-for-loop-ochestrator.d.ts

@@ -42,7 +42,7 @@ declare const BlockForLoopOrchestrator: ({ id, components, nbRows, valueMap, han
         bindingDependencies?: string[] | undefined;
     } | undefined) => T;
     value: Record<string, unknown[]>;
-    header?: {
+    headers?: {
         label: import("react").ReactNode;
     }[] | undefined;
     paginatedLoop?: boolean | undefined;

package/lib/src/components/loop/block-for-loop/block-for-loop.d.ts

@@ -13,7 +13,7 @@ declare const _default: React.ComponentType<import("../../type").LunaticBaseProp
         bindingDependencies?: string[] | undefined;
     } | undefined) => T;
     value: Record<string, unknown[]>;
-    header?: {
+    headers?: {
         label: React.ReactNode;
     }[] | undefined;
     paginatedLoop?: boolean | undefined;

package/lib/src/components/loop/roster-for-loop/body.d.ts

@@ -0,0 +1,12 @@
+import { LunaticComponentProps } from '../../type';
+type Props = {
+    nbRows: number;
+    handleChange: (response: {
+        name: string;
+    }, value: unknown, args: {
+        index: number;
+        [k: string]: unknown;
+    }) => void;
+} & Pick<LunaticComponentProps<'RosterForLoop'>, 'id' | 'components' | 'executeExpression' | 'headers' | 'value' | 'management' | 'missing' | 'shortcut' | 'errors'>;
+declare function Body({ id, components, nbRows, executeExpression, handleChange, value: valueMap, missing, }: Props): import("react/jsx-runtime").JSX.Element | null;
+export default Body;

package/lib/src/components/loop/roster-for-loop/header.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+type Props = {
+    id?: string;
+    header?: Array<{
+        label: ReactNode;
+    }>;
+};
+declare function Header({ header, id }: Props): import("react/jsx-runtime").JSX.Element | null;
+export default Header;

package/lib/src/components/loop/roster-for-loop/roster-for-loop-orchestrator.d.ts

@@ -42,7 +42,7 @@ declare const RosterForLoopOrchestrator: ({ id, components, nbRows, valueMap, ha
         bindingDependencies?: string[] | undefined;
     } | undefined) => T;
     value: Record<string, unknown[]>;
-    header?: {
+    headers?: {
         label: import("react").ReactNode;
     }[] | undefined;
     paginatedLoop?: boolean | undefined;

package/lib/src/components/loop/roster-for-loop/roster-for-loop.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-declare const _default: import("react").ComponentType<import("../../type").LunaticBaseProps<unknown> & {
+import React from 'react';
+declare const _default: React.ComponentType<import("../../type").LunaticBaseProps<unknown> & {
     lines: {
         min: number;
         max: number;
@@ -13,8 +13,8 @@ declare const _default: import("react").ComponentType<import("../../type").Lunat
         bindingDependencies?: string[] | undefined;
     } | undefined) => T;
     value: Record<string, unknown[]>;
-    header?: {
-        label: import("react").ReactNode;
+    headers?: {
+        label: React.ReactNode;
     }[] | undefined;
     paginatedLoop?: boolean | undefined;
 }>;

package/lib/src/components/loop/roster-for-loop/roster-table.d.ts

@@ -8,6 +8,6 @@ type Props = {
         index: number;
         [k: string]: unknown;
     }) => void;
-} & Pick<LunaticComponentProps<'RosterForLoop'>, 'id' | 'components' | 'executeExpression' | 'header' | 'value' | 'missing' | 'errors'>;
-declare function RosterTable({ components, nbRows, executeExpression, id, header, value: valueMap, missing, handleChange, }: Props): import("react/jsx-runtime").JSX.Element;
+} & Pick<LunaticComponentProps<'RosterForLoop'>, 'id' | 'components' | 'executeExpression' | 'headers' | 'value' | 'management' | 'missing' | 'shortcut' | 'errors'>;
+declare function RosterTable({ components, nbRows, executeExpression, id, headers, value: valueMap, shortcut, missing, management, handleChange, }: Props): import("react/jsx-runtime").JSX.Element;
 export default RosterTable;

package/lib/src/components/type.d.ts

@@ -2,7 +2,6 @@ import { LunaticComponentDefinition, LunaticError, LunaticExpression, LunaticSta
 import { CSSProperties, FunctionComponent, ReactNode } from 'react';
 import { SuggesterStatus } from '../use-lunatic/use-suggesters';
 import useLunatic from '../use-lunatic';
-type Formats = 'PTnHnM' | 'PnYnM';
 export type LunaticBaseProps<ValueType = unknown> = {
     id: string;
     handleChange: (response: {
@@ -61,12 +60,6 @@ type ComponentPropsByType = {
             name: string;
         };
     };
-    Duration: LunaticBaseProps<string | null> & {
-        format: Formats;
-        response: {
-            name: string;
-        };
-    };
     Input: LunaticBaseProps<string> & {
         maxLength?: number;
         value: null | string;
@@ -90,7 +83,7 @@ type ComponentPropsByType = {
         components: LunaticComponentDefinition[];
         executeExpression: LunaticState['executeExpression'];
         value: Record<string, unknown[]>;
-        header?: Array<{
+        headers?: Array<{
             label: ReactNode;
         }>;
         paginatedLoop?: boolean;
@@ -104,7 +97,7 @@ type ComponentPropsByType = {
         components: LunaticComponentDefinition[];
         executeExpression: LunaticState['executeExpression'];
         value: Record<string, unknown[]>;
-        header?: Array<{
+        headers?: Array<{
             label: ReactNode;
         }>;
         paginatedLoop?: boolean;

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

@@ -3,10 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Default = void 0;
+exports["default"] = exports.WithHeader = exports.Default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _orchestrator = _interopRequireDefault(require("../utils/orchestrator"));
 var _sourceBloc = _interopRequireDefault(require("./source-bloc.json"));
+var _sourceWithHeader = _interopRequireDefault(require("./source-with-header.json"));
 var _defaultArgTypes = _interopRequireDefault(require("../utils/default-arg-types"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -31,4 +32,10 @@ exports.Default = Default;
 Default.args = {
   id: 'bloc-for-loop',
   source: _sourceBloc["default"]
+};
+var WithHeader = Template.bind({});
+exports.WithHeader = WithHeader;
+WithHeader.args = {
+  id: 'bloc-for-loop-headers',
+  source: _sourceWithHeader["default"]
 };

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

@@ -3,12 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.WithHeader = exports.Default = void 0;
+exports["default"] = exports.Default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _orchestrator = _interopRequireDefault(require("../utils/orchestrator"));
 var _sourceRoster = _interopRequireDefault(require("./source-roster"));
 var _defaultArgTypes = _interopRequireDefault(require("../utils/default-arg-types"));
-var _sourceWithHeader = _interopRequireDefault(require("./source-with-header.json"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
@@ -32,10 +31,4 @@ exports.Default = Default;
 Default.args = {
   id: 'roster-for-loop',
   source: _sourceRoster["default"]
-};
-var WithHeader = Template.bind({});
-exports.WithHeader = WithHeader;
-WithHeader.args = {
-  id: 'roster-for-loop-headers',
-  source: _sourceWithHeader["default"]
 };

package/lib/stories/loop/source-with-header.json

@@ -14,28 +14,16 @@
 		{
 			"id": "loop-prenom",
 			"componentType": "RosterForLoop",
-			"header": [
-				{
-					"headerCell": true,
-					"label": {
-						"value": "Prénom",
-						"type": "VTL|MD"
-					}
-				},
-				{
-					"headerCell": true,
-					"label": {
-						"value": "Age",
-						"type": "VTL|MD"
-					}
-				}
+			"headers": [
+				{ "headerCell": true, "label": "Prénom" },
+				{ "headerCell": true, "label": "Age" }
 			],
 			"label": { "value": "\"Ajouter un individu\"", "type": "VTL|MD" },
 			"conditionFilter": { "value": "true", "type": "VTL" },
 			"bindingDependencies": ["PRENOM", "AGE"],
 			"lines": {
 				"min": { "value": 1, "type": "VTL" },
-				"max": { "value": 1000, "type": "VTL" }
+				"max": { "value": 10, "type": "VTL" }
 			},
 			"page": "1",
 			"components": [

package/lib/use-lunatic/commons/fill-components/fill-component-expressions.js

@@ -24,7 +24,7 @@ var VTL_ATTRIBUTES = ['label', 'options.label', 'responses.label', 'hierarchy.la
 // Disable controls compilation
 // 'controls.control',
 // 'controls.errorMessage',
-'controls.iterations', 'lines.min', 'lines.max', 'iterations', 'xAxisIterations', 'yAxisIterations', 'conditionFilter', 'header.label'];
+'controls.iterations', 'lines.min', 'lines.max', 'iterations', 'xAxisIterations', 'yAxisIterations', 'conditionFilter', 'headers.label', 'header.label'];
 
 // Utility type to replace all expression from an object into a translated version
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@inseefr/lunatic",
-	"version": "2.4.8-dynamicArray",
+	"version": "2.4.8-fixDatePicker",
 	"workersVersion": "0.2.5-experimental",
 	"description": "Library of questionnaire components",
 	"repository": {
@@ -52,7 +52,7 @@
 		"library"
 	],
 	"dependencies": {
-		"@inseefr/trevas": "^0.1.18",
+		"@inseefr/trevas": "^0.1.17",
 		"@inseefr/vtl-2.0-antlr-tools": "^0.1.0-bundle",
 		"antlr4": "4.11.0",
 		"classnames": "^2.3.1",

package/lib/components/duration/duration.js

@@ -1,117 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-require("./duration.scss");
-var _useDurationValues2 = require("./useDurationValues");
-var _commons = require("../commons");
-var _lunaticComponentWithoutLabel = _interopRequireDefault(require("../commons/components/lunatic-component-without-label"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function Duration(props) {
-  var value = props.value,
-    label = props.label,
-    format = props.format,
-    handleChange = props.handleChange,
-    response = props.response,
-    id = props.id,
-    preferences = props.preferences,
-    declarations = props.declarations,
-    missing = props.missing,
-    missingResponse = props.missingResponse,
-    management = props.management,
-    description = props.description;
-  var onChange = (0, _commons.useOnHandleChange)({
-    handleChange: handleChange,
-    response: response,
-    value: value
-  });
-  var _useDurationValues = (0, _useDurationValues2.useDurationValues)(value, format, onChange),
-    propsHours = _useDurationValues.propsHours,
-    propsMinutes = _useDurationValues.propsMinutes,
-    propsYears = _useDurationValues.propsYears,
-    propsMonths = _useDurationValues.propsMonths;
-  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)("div", {
-      className: "container",
-      children: [label, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {}), format === 'PTnHnM' && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "field-group",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: "input-field-group",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
-            htmlFor: "hoursInput",
-            className: "input-label",
-            children: "Heures:"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread(_objectSpread({
-            id: "hoursInput",
-            type: "number"
-          }, propsHours), {}, {
-            className: "input-field"
-          }))]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: "input-field-group",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
-            htmlFor: "minutesInput",
-            className: "input-label",
-            children: "Minutes:"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread(_objectSpread({
-            id: "minutesInput",
-            type: "number"
-          }, propsMinutes), {}, {
-            min: "0",
-            className: "input-field"
-          }))]
-        })]
-      }), format === 'PnYnM' && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "field-group",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: "input-field-group",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
-            htmlFor: "yearsInput",
-            className: "input-label",
-            children: "Ann\xE9es:"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread(_objectSpread({
-            id: "yearsInput",
-            type: "number"
-          }, propsYears), {}, {
-            min: "0",
-            className: "input-field"
-          }))]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: "input-field-group",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
-            htmlFor: "monthsInput",
-            className: "input-label",
-            children: "Mois:"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread(_objectSpread({
-            id: "monthsInput",
-            type: "number"
-          }, propsMonths), {}, {
-            min: "0",
-            className: "input-field"
-          }))]
-        })]
-      })]
-    })
-  });
-}
-var _default = Duration;
-exports["default"] = _default;

package/lib/components/duration/duration.scss

@@ -1,16 +0,0 @@
-.input-field {
-  width: 100px;
-}
-.field-group {
-  display: flex;
-}
-
-.input-field-group {
-  display: flex;
-  align-items: first baseline;
-  margin: 5px;
-}
-
-.input-label {
-  margin-right: 5px;
-}

package/lib/components/duration/duration.spec.js

@@ -1,49 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@testing-library/react");
-var _vitest = require("vitest");
-var _duration = _interopRequireDefault(require("./duration"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-(0, _vitest.describe)('Duration component', function () {
-  var handleChange = _vitest.vi.fn();
-  (0, _vitest.it)('should render with hours and minutes inputs when format is "PTnHnM"', function () {
-    var _render = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_duration["default"], {
-        format: "PTnHnM",
-        handleChange: handleChange,
-        id: '',
-        value: null,
-        executeExpression: function executeExpression(expression, args) {
-          throw new Error('Function not implemented.');
-        },
-        response: {
-          name: ''
-        }
-      })),
-      getByLabelText = _render.getByLabelText;
-    var hoursInput = getByLabelText('Heures:');
-    var minutesInput = getByLabelText('Minutes:');
-    (0, _vitest.expect)(hoursInput).toBeInTheDocument();
-    (0, _vitest.expect)(minutesInput).toBeInTheDocument();
-  });
-  (0, _vitest.it)('should render with years and months inputs when format is "PnYnM"', function () {
-    var _render2 = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_duration["default"], {
-        format: "PnYnM",
-        handleChange: handleChange,
-        id: '',
-        value: null,
-        executeExpression: function executeExpression(expression, args) {
-          throw new Error('Function not implemented.');
-        },
-        response: {
-          name: ''
-        }
-      })),
-      getByLabelText = _render2.getByLabelText;
-    var yearsInput = getByLabelText('Années:');
-    var monthsInput = getByLabelText('Mois:');
-    (0, _vitest.expect)(yearsInput).toBeInTheDocument();
-    (0, _vitest.expect)(monthsInput).toBeInTheDocument();
-  });
-});

package/lib/components/duration/index.js

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

package/lib/components/duration/useDurationValues.js

@@ -1,124 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useDurationValues = void 0;
-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 _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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var useDurationValues = function useDurationValues(value, format, handleChange) {
-  var duration = parseISO8601Duration(value);
-  // Gestionnaire de changement pour les champs individuels (heures, minutes, mois, années)
-  var onChangeHandler = function onChangeHandler(key) {
-    return function (e) {
-      // Mise à jour de la valeur de la durée avec la clé dynamique
-      handleChange(formatISO8601Duration(format, _objectSpread(_objectSpread({}, duration), {}, _defineProperty({}, key, e.target.value))));
-    };
-  };
-  var propsHours = {
-    value: duration.hours,
-    onChange: onChangeHandler("hours"),
-    min: "0",
-    max: "23"
-  };
-  var propsMinutes = {
-    value: duration.minutes,
-    onChange: onChangeHandler("minutes"),
-    min: "0",
-    max: "59"
-  };
-  var propsMonths = {
-    value: duration.months,
-    onChange: onChangeHandler("months"),
-    min: "0",
-    max: "11"
-  };
-  var propsYears = {
-    value: duration.years,
-    onChange: onChangeHandler("years"),
-    min: "0"
-  };
-  // Retourne les propriétés pour chaque champ de durée
-  return {
-    propsHours: propsHours,
-    propsMonths: propsMonths,
-    propsYears: propsYears,
-    propsMinutes: propsMinutes
-  };
-};
-exports.useDurationValues = useDurationValues;
-// Fonction pour parser une durée au format ISO8601 en objets individuels
-var parseISO8601Duration = function parseISO8601Duration(duration) {
-  // Si la durée est vide, retourne des valeurs vides pour chaque champ
-  if (!duration) {
-    return {
-      hours: '',
-      minutes: '',
-      years: '',
-      months: ''
-    };
-  }
-  // Expression régulière pour le format heures:minutes (PTnHnM)
-  var regexHourMinute = /PT(\d+H)?(\d+M)?/i;
-  var matchHourMinute = duration.match(regexHourMinute);
-  // Si la durée correspond au format heures:minutes (PTnHnM)
-  if (matchHourMinute) {
-    var _matchHourMinute = _slicedToArray(matchHourMinute, 3),
-      hours = _matchHourMinute[1],
-      minutes = _matchHourMinute[2];
-    return {
-      hours: hours ? hours.replace('H', '') : '',
-      minutes: minutes ? minutes.replace('M', '') : '',
-      years: '',
-      months: ''
-    };
-  }
-  // Expression régulière pour le format années:mois (PnYnM)
-  var regexYearMonth = /P(\d+Y)?(\d+M)?/i;
-  var matchYearMonth = duration.match(regexYearMonth);
-  // Si la durée correspond au format années:mois (PnYnM)
-  if (matchYearMonth) {
-    var _matchYearMonth = _slicedToArray(matchYearMonth, 3),
-      years = _matchYearMonth[1],
-      months = _matchYearMonth[2];
-    return {
-      years: years ? years.replace('Y', '') : '',
-      months: months ? months.replace('M', '') : '',
-      hours: '',
-      minutes: ''
-    };
-  }
-  // Si la durée ne correspond à aucun des formats connus, retourne des valeurs vides pour chaque champ
-  return {
-    hours: '',
-    minutes: '',
-    years: '',
-    months: ''
-  };
-};
-// Fonction pour formatter les objets individuels en durée au format souhaité
-var formatISO8601Duration = function formatISO8601Duration(format, duration) {
-  // Si tous les champs de durée sont vides, retourne null
-  if (!duration.hours && !duration.minutes && !duration.years && !duration.months) {
-    return null;
-  }
-  // Formatage de la durée en fonction du format spécifié
-  if (format === 'PTnHnM') {
-    return "PT".concat(duration.hours ? "".concat(duration.hours, "H") : '0H').concat(duration.minutes ? "".concat(duration.minutes, "M") : '0M');
-  }
-  if (format === 'PnYnM') {
-    return "P".concat(duration.years ? "".concat(duration.years, "Y") : '0Y').concat(duration.months ? "".concat(duration.months, "M") : '0M');
-  }
-  // Si le format spécifié n'est pas valide, retourne null
-  return null;
-};

package/lib/hooks/use-did-change.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useDidChange = useDidChange;
-var _react = require("react");
-/**
- * Hook for debug purpose that log the data that changed between 2 renders
- */
-function useDidChange(obj, suffix) {
-  var ref = (0, _react.useRef)(obj);
-  for (var key in obj) {
-    if (obj[key] !== ref.current[key]) {
-      console.log("\"".concat(key, "\" has changed ").concat(suffix !== null && suffix !== void 0 ? suffix : ''), obj[key]);
-    }
-  }
-  ref.current = obj;
-}

package/lib/src/components/duration/duration.d.ts

@@ -1,4 +0,0 @@
-import './duration.scss';
-import { LunaticComponentProps } from '../type';
-declare function Duration(props: LunaticComponentProps<'Duration'>): import("react/jsx-runtime").JSX.Element;
-export default Duration;

package/lib/src/components/duration/duration.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/src/components/duration/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./duration";

package/lib/src/components/duration/useDurationValues.d.ts

@@ -1,43 +0,0 @@
-export declare const useDurationValues: (value: string | null, format: Formats, handleChange: (v: string | null) => void) => {
-    propsHours: {
-        value: string;
-        onChange: (e: {
-            target: {
-                value: string;
-            };
-        }) => void;
-        min: string;
-        max: string;
-    };
-    propsMonths: {
-        value: string;
-        onChange: (e: {
-            target: {
-                value: string;
-            };
-        }) => void;
-        min: string;
-        max: string;
-    };
-    propsYears: {
-        value: string;
-        onChange: (e: {
-            target: {
-                value: string;
-            };
-        }) => void;
-        min: string;
-    };
-    propsMinutes: {
-        value: string;
-        onChange: (e: {
-            target: {
-                value: string;
-            };
-        }) => void;
-        min: string;
-        max: string;
-    };
-};
-type Formats = "PTnHnM" | "PnYnM";
-export {};

package/lib/src/hooks/use-did-change.d.ts

@@ -1,4 +0,0 @@
-/**
- * Hook for debug purpose that log the data that changed between 2 renders
- */
-export declare function useDidChange(obj: Record<string, unknown>, suffix?: string): void;

package/lib/stories/duration/duration.stories.js

@@ -1,41 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.PnYnM = exports.PTnHnM = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _defaultArgTypes = _interopRequireDefault(require("../utils/default-arg-types"));
-var _orchestrator = _interopRequireDefault(require("../utils/orchestrator"));
-var _source = _interopRequireDefault(require("./source"));
-var _source2 = _interopRequireDefault(require("./source1"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var stories = {
-  title: 'Components/Duration',
-  component: _orchestrator["default"],
-  argTypes: _defaultArgTypes["default"]
-};
-var _default = stories;
-exports["default"] = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_orchestrator["default"], _objectSpread({}, args));
-};
-var PnYnM = Template.bind({});
-exports.PnYnM = PnYnM;
-PnYnM.args = {
-  id: 'durationAnnéesMois',
-  source: _source["default"]
-};
-var PTnHnM = Template.bind({});
-exports.PTnHnM = PTnHnM;
-PTnHnM.args = {
-  id: 'durationHeureMinute',
-  source: _source2["default"]
-};

package/lib/stories/duration/source.json

@@ -1,32 +0,0 @@
-{
-	"components": [
-		{
-			"id": "kxi788",
-			"componentType": "Duration",
-			"mandatory": false,
-			"format": "PnYnM",
-			"page": "1",
-			"maxPage": "1",
-			"label": {
-				"value": "\"➡ 1. \" || \"Duration \"",
-				"type": "VTL|MD"
-			},
-			"description": { "value": "\"Description\"", "type": "VTL|MD" },
-			"conditionFilter": { "value": "true", "type": "VTL" },
-			"response": { "name": "DUREE" }
-		}
-	],
-	"variables": [
-		{
-			"variableType": "COLLECTED",
-			"name": "DUREE",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": null,
-				"FORCED": null,
-				"EDITED": null,
-				"INPUTED": null
-			}
-		}
-	]
-}

package/lib/stories/duration/source1.json

@@ -1,32 +0,0 @@
-{
-	"components": [
-		{
-			"id": "kxi788",
-			"componentType": "Duration",
-			"mandatory": false,
-			"format": "PTnHnM",
-			"page": "1",
-			"maxPage": "1",
-			"label": {
-				"value": "\"➡ 1. \" || \"Duration \"",
-				"type": "VTL|MD"
-			},
-			"description": { "value": "\"Description\"", "type": "VTL|MD" },
-			"conditionFilter": { "value": "true", "type": "VTL" },
-			"response": { "name": "DUREE" }
-		}
-	],
-	"variables": [
-		{
-			"variableType": "COLLECTED",
-			"name": "DUREE",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": "PT12H50M",
-				"FORCED": null,
-				"EDITED": null,
-				"INPUTED": null
-			}
-		}
-	]
-}