@inseefr/lunatic 2.4.7 → 2.4.8-dynamicArray

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

@@ -1,16 +1,13 @@
 "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 _react = 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,
@@ -59,25 +56,57 @@ function Row(_ref) {
           }
         }
       }
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_htmlTable.Td, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(RowCell, {
         id: idComponent,
-        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
-        })
+        component: component,
+        handleChange: handleChangeRow,
+        features: features,
+        missing: missing,
+        shortcut: shortcut,
+        management: management,
+        value: value,
+        preferences: preferences,
+        rowIndex: 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/hooks/use-did-change.js

@@ -0,0 +1,19 @@
+"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/hooks/use-why-render.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useWhyRender = useWhyRender;
+var _react = require("react");
+/**
+ * Debugging hook that log what changed between 2 renders
+ */
+function useWhyRender(props) {
+  var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  var propsRef = (0, _react.useRef)(props);
+  for (var key in props) {
+    if (propsRef.current[key] !== props[key]) {
+      console.log("".concat(prefix, ": ").concat(key, " changed"));
+    }
+  }
+  propsRef.current = props;
+}

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

@@ -0,0 +1,4 @@
+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

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

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

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

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

@@ -0,0 +1,43 @@
+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/components/index.d.ts

@@ -22,5 +22,6 @@ 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[]>;
-    headers?: {
+    header?: {
         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[]>;
-    headers?: {
+    header?: {
         label: React.ReactNode;
     }[] | undefined;
     paginatedLoop?: boolean | undefined;

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[]>;
-    headers?: {
+    header?: {
         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 @@
-import React from 'react';
-declare const _default: React.ComponentType<import("../../type").LunaticBaseProps<unknown> & {
+/// <reference types="react" />
+declare const _default: import("react").ComponentType<import("../../type").LunaticBaseProps<unknown> & {
     lines: {
         min: number;
         max: number;
@@ -13,8 +13,8 @@ declare const _default: React.ComponentType<import("../../type").LunaticBaseProp
         bindingDependencies?: string[] | undefined;
     } | undefined) => T;
     value: Record<string, unknown[]>;
-    headers?: {
-        label: React.ReactNode;
+    header?: {
+        label: import("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' | '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;
+} & 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;
 export default RosterTable;

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

@@ -2,6 +2,7 @@ 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: {
@@ -60,6 +61,12 @@ type ComponentPropsByType = {
             name: string;
         };
     };
+    Duration: LunaticBaseProps<string | null> & {
+        format: Formats;
+        response: {
+            name: string;
+        };
+    };
     Input: LunaticBaseProps<string> & {
         maxLength?: number;
         value: null | string;
@@ -83,7 +90,7 @@ type ComponentPropsByType = {
         components: LunaticComponentDefinition[];
         executeExpression: LunaticState['executeExpression'];
         value: Record<string, unknown[]>;
-        headers?: Array<{
+        header?: Array<{
             label: ReactNode;
         }>;
         paginatedLoop?: boolean;
@@ -97,7 +104,7 @@ type ComponentPropsByType = {
         components: LunaticComponentDefinition[];
         executeExpression: LunaticState['executeExpression'];
         value: Record<string, unknown[]>;
-        headers?: Array<{
+        header?: Array<{
             label: ReactNode;
         }>;
         paginatedLoop?: boolean;

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

@@ -0,0 +1,4 @@
+/**
+ * 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/src/hooks/use-why-render.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Debugging hook that log what changed between 2 renders
+ */
+export declare function useWhyRender(props: Record<string, any>, prefix?: string): void;

package/lib/src/use-lunatic/commons/use-components-from-state.d.ts

@@ -1,4 +1,3 @@
 import { LunaticState } from '../type';
-import { LunaticComponentProps } from './fill-components/fill-components';
-declare function useComponentsFromState(state: LunaticState): LunaticComponentProps[];
+declare function useComponentsFromState(state: LunaticState): import("./fill-components/fill-components").LunaticComponentProps<"Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "Input" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxOne" | "CheckboxBoolean" | "Radio" | "Dropdown" | "Textarea" | "FilterDescription" | "PairwiseLinks" | "ComponentSet" | "Roundabout">[];
 export default useComponentsFromState;

package/lib/src/use-lunatic/use-lunatic.d.ts

@@ -24,7 +24,7 @@ declare function useLunatic(source: LunaticSource, data: LunaticData | undefined
     dontKnowButton?: string;
     refusedButton?: string;
 }): {
-    getComponents: () => import("./commons/fill-components/fill-components").LunaticComponentProps[];
+    getComponents: () => import("./commons/fill-components/fill-components").LunaticComponentProps<"Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "Input" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxOne" | "CheckboxBoolean" | "Radio" | "Dropdown" | "Textarea" | "FilterDescription" | "PairwiseLinks" | "ComponentSet" | "Roundabout">[];
     goPreviousPage: () => void;
     goNextPage: (payload?: {}) => void;
     goToPage: (payload?: {}) => void;

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

@@ -0,0 +1,41 @@
+"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

@@ -0,0 +1,32 @@
+{
+	"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

@@ -0,0 +1,32 @@
+{
+	"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
+			}
+		}
+	]
+}

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

@@ -3,11 +3,10 @@
 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 _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 }; }
@@ -32,10 +31,4 @@ 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,11 +3,12 @@
 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 _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); }
@@ -31,4 +32,10 @@ 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,16 +14,28 @@
 		{
 			"id": "loop-prenom",
 			"componentType": "RosterForLoop",
-			"headers": [
-				{ "headerCell": true, "label": "Prénom" },
-				{ "headerCell": true, "label": "Age" }
+			"header": [
+				{
+					"headerCell": true,
+					"label": {
+						"value": "Prénom",
+						"type": "VTL|MD"
+					}
+				},
+				{
+					"headerCell": true,
+					"label": {
+						"value": "Age",
+						"type": "VTL|MD"
+					}
+				}
 			],
 			"label": { "value": "\"Ajouter un individu\"", "type": "VTL|MD" },
 			"conditionFilter": { "value": "true", "type": "VTL" },
 			"bindingDependencies": ["PRENOM", "AGE"],
 			"lines": {
 				"min": { "value": 1, "type": "VTL" },
-				"max": { "value": 10, "type": "VTL" }
+				"max": { "value": 1000, "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', 'headers.label', 'header.label'];
+'controls.iterations', 'lines.min', 'lines.max', 'iterations', 'xAxisIterations', 'yAxisIterations', 'conditionFilter', 'header.label'];
 
 // Utility type to replace all expression from an object into a translated version
 

package/lib/use-lunatic/commons/use-components-from-state.js

@@ -8,18 +8,8 @@ var _react = require("react");
 var _getComponentsFromState = _interopRequireDefault(require("./get-components-from-state"));
 var _fillComponents = _interopRequireDefault(require("./fill-components"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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 useComponentsFromState(state) {
-  var _useState = (0, _react.useState)([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    componentsFilled = _useState2[0],
-    setComponentsFilled = _useState2[1];
-  (0, _react.useEffect)(function () {
+  return (0, _react.useMemo)(function () {
     var pager = state.pager,
       pages = state.pages,
       isInLoop = state.isInLoop;
@@ -29,13 +19,11 @@ function useComponentsFromState(state) {
       isInLoop: isInLoop
     });
     var filled = (0, _fillComponents["default"])(components, state);
-    var filtered = filled.filter(function (_ref) {
+    return filled.filter(function (_ref) {
       var conditionFilter = _ref.conditionFilter;
       return conditionFilter !== undefined ? conditionFilter : true;
     });
-    setComponentsFilled(filtered);
   }, [state]);
-  return componentsFilled;
 }
 var _default = useComponentsFromState;
 exports["default"] = _default;

package/package.json

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

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

@@ -1,52 +0,0 @@
-"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;