@inseefr/lunatic 2.4.8-dynamicArray → 2.4.9-beta

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

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LunaticSummary = LunaticSummary;
+var _summaryTitle = _interopRequireDefault(require("./html/summary-title"));
+var _summaryContainer = require("./html/summary-container");
+var _summaryResponses = _interopRequireDefault(require("./html/summary-responses"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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 compileResponses(responses, executeExpression, iteration) {
+  if (!responses) {
+    return [];
+  }
+  var option = iteration || iteration === 0 ? iteration : undefined;
+  return responses.map(function (r) {
+    return {
+      label: executeExpression(r.label, {
+        iteration: option
+      }),
+      value: executeExpression(r.value, {
+        iteration: option
+      })
+    };
+  });
+}
+function CompiledTitle(_ref) {
+  var executeExpression = _ref.executeExpression,
+    iteration = _ref.iteration,
+    title = _ref.title;
+  if (!title && iteration) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: "Valeur pour ".concat(iteration + 1)
+    });
+  }
+  if (!title) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: "Valeurs renseign\xE9s :"
+    });
+  }
+  var hasIteration = iteration || iteration === 0;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: executeExpression(title, hasIteration ? {
+      iteration: iteration
+    } : {})
+  });
+}
+function LunaticSummary(props) {
+  var executeExpression = props.executeExpression,
+    label = props.label,
+    sections = props.sections;
+  var compiledSections = sections.reduce(function (acc, section) {
+    var iterations = section.iterations,
+      title = section.title,
+      responses = section.responses;
+    if (iterations) {
+      var compiledIterations = executeExpression(iterations);
+      if (responses) {
+        var elements = Array(compiledIterations).fill(null).map(function (_, iteration) {
+          return {
+            values: compileResponses(responses, executeExpression, iteration),
+            title: /*#__PURE__*/(0, _jsxRuntime.jsx)(CompiledTitle, {
+              executeExpression: executeExpression,
+              iteration: iteration,
+              title: title
+            })
+          };
+        });
+        return [].concat(_toConsumableArray(acc), _toConsumableArray(elements));
+      }
+    }
+    if (responses) {
+      var element = {
+        title: /*#__PURE__*/(0, _jsxRuntime.jsx)(CompiledTitle, {
+          executeExpression: executeExpression,
+          iteration: undefined,
+          title: title
+        }),
+        values: compileResponses(responses, executeExpression, undefined)
+      };
+      return [].concat(_toConsumableArray(acc), [element]);
+    }
+    return acc;
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_summaryContainer.SummaryContainer, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_summaryTitle["default"], {
+      label: label
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_summaryResponses["default"], {
+      sections: compiledSections
+    })]
+  });
+}

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

@@ -22,6 +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 { Summary } from './summary';
 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/subsequence/subsequence.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-declare const _default: React.ComponentType<Pick<import("../type").LunaticBaseProps<string>, "label" | "id" | "declarations">>;
+/// <reference types="react" />
+declare const _default: import("react").ComponentType<Pick<import("../type").LunaticBaseProps<string>, "label" | "id" | "declarations">>;
 export default _default;

package/lib/src/components/summary/html/summary-container.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from 'react';
+export declare function SummaryContainer({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;

package/lib/src/components/summary/html/summary-responses.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+type ResponsesValue = Array<{
+    label: ReactNode;
+    value: ReactNode;
+}>;
+declare const _default: import("react").ComponentType<{
+    sections: {
+        title?: ReactNode;
+        values?: ResponsesValue | undefined;
+    }[];
+}>;
+export default _default;

package/lib/src/components/summary/html/summary-title.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { LunaticBaseProps } from '../../type';
+type SummaryTitleProps = Pick<LunaticBaseProps<string>, 'label'>;
+declare const _default: import("react").ComponentType<SummaryTitleProps>;
+export default _default;

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

@@ -0,0 +1 @@
+export { LunaticSummary as Summary } from './lunatic-summary';

package/lib/src/components/summary/lunatic-summary.d.ts

@@ -0,0 +1,7 @@
+import { LunaticComponentProps } from '../type';
+import { ReactNode } from 'react';
+export type SummaryResponsesEntry = {
+    label: ReactNode;
+    value: ReactNode;
+};
+export declare function LunaticSummary(props: LunaticComponentProps<'Summary'>): import("react/jsx-runtime").JSX.Element;

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

@@ -2,7 +2,10 @@ 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 VtlExpression = {
+    value: string;
+    type: 'VTL' | 'VTL|MD';
+};
 export type LunaticBaseProps<ValueType = unknown> = {
     id: string;
     handleChange: (response: {
@@ -61,12 +64,6 @@ type ComponentPropsByType = {
             name: string;
         };
     };
-    Duration: LunaticBaseProps<string | null> & {
-        format: Formats;
-        response: {
-            name: string;
-        };
-    };
     Input: LunaticBaseProps<string> & {
         maxLength?: number;
         value: null | string;
@@ -90,7 +87,7 @@ type ComponentPropsByType = {
         components: LunaticComponentDefinition[];
         executeExpression: LunaticState['executeExpression'];
         value: Record<string, unknown[]>;
-        header?: Array<{
+        headers?: Array<{
             label: ReactNode;
         }>;
         paginatedLoop?: boolean;
@@ -104,7 +101,7 @@ type ComponentPropsByType = {
         components: LunaticComponentDefinition[];
         executeExpression: LunaticState['executeExpression'];
         value: Record<string, unknown[]>;
-        header?: Array<{
+        headers?: Array<{
             label: ReactNode;
         }>;
         paginatedLoop?: boolean;
@@ -246,6 +243,16 @@ type ComponentPropsByType = {
             name: string;
         };
     };
+    Summary: LunaticBaseProps<string | null> & {
+        sections: Array<{
+            responses?: Array<{
+                label: VtlExpression;
+                value: VtlExpression;
+            }>;
+            title?: VtlExpression;
+            iterations?: number;
+        }>;
+    };
 };
 export type LunaticComponentType = keyof ComponentPropsByType;
 export type LunaticComponentProps<T extends LunaticComponentType = LunaticComponentType> = ComponentPropsByType[T];

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/stories/questionnaires/simpsons/simpsons.stories.js

@@ -412,7 +412,7 @@ Filled.play = /*#__PURE__*/function () {
           _context.next = 134;
           return page.getByRole('row', {
             name: /Leave with pay/
-          }).getByRole('spinbutton').fill('12');
+          }).fill('12');
         case 134:
           _context.next = 136;
           return page.getByRole('button', {

package/lib/stories/summary/data.json

@@ -0,0 +1,32 @@
+{
+	"COLLECTED": {
+		"NB_HAB": {
+			"EDITED": null,
+			"FORCED": null,
+			"INPUTED": null,
+			"PREVIOUS": null,
+			"COLLECTED": 2
+		},
+		"PRENOMS": {
+			"EDITED": [null],
+			"FORCED": [null],
+			"INPUTED": [null],
+			"PREVIOUS": [null],
+			"COLLECTED": ["Matt", "Julia"]
+		},
+		"AGE": {
+			"EDITED": [null],
+			"FORCED": [null],
+			"INPUTED": [null],
+			"PREVIOUS": [null],
+			"COLLECTED": [26, 31]
+		},
+		"SEXE": {
+			"EDITED": [null],
+			"FORCED": [null],
+			"INPUTED": [null],
+			"PREVIOUS": [null],
+			"COLLECTED": ["1", "2"]
+		}
+	}
+}