@inseefr/lunatic 2.7.21 → 3.0.0-rc.10

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

@@ -1,8 +1,16 @@
-import { type FunctionComponent } from 'react';
-import type { LunaticData, LunaticState } from './type';
+/// <reference types="react" />
+import type { LunaticState } from './type';
 import type { LunaticSource } from './type-source';
 import type { LunaticComponentType } from '../components/type';
-declare function useLunatic(source: LunaticSource, data: LunaticData | undefined, { features, preferences, savingType, onChange, management, shortcut, initialPage, lastReachedPage, autoSuggesterLoading, activeControls, getReferentiel, custom, withOverview, missing, missingStrategy, missingShortcut, dontKnowButton, refusedButton, workersBasePath, trackChanges, }: {
+declare function useLunatic(source: LunaticSource, data: Partial<Record<"EXTERNAL" | "CALCULATED", Record<string, unknown>> & {
+    COLLECTED: Record<string, Partial<{
+        COLLECTED: unknown;
+        EDITED: unknown;
+        FORCED: unknown;
+        INPUTED: unknown;
+        PREVIOUS: unknown;
+    }>>;
+}> | undefined, { features, preferences, savingType, onChange, management, shortcut, initialPage, lastReachedPage, autoSuggesterLoading, activeControls, getReferentiel, withOverview, missing, missingStrategy, missingShortcut, dontKnowButton, refusedButton, workersBasePath, trackChanges, }: {
     features?: LunaticState['features'];
     preferences?: LunaticState['preferences'];
     savingType?: LunaticState['savingType'];
@@ -14,7 +22,6 @@ declare function useLunatic(source: LunaticSource, data: LunaticData | undefined
     autoSuggesterLoading?: boolean;
     getReferentiel?: (name: string) => Promise<Array<unknown>>;
     activeControls?: boolean;
-    custom?: Record<string, FunctionComponent<unknown>>;
     withOverview?: boolean;
     missing?: boolean;
     missingStrategy?: () => void;
@@ -31,8 +38,8 @@ declare function useLunatic(source: LunaticSource, data: LunaticData | undefined
         only?: (keyof {
             InputNumber: import("../components/type").LunaticBaseProps<number | null> & {
                 min?: number | undefined;
-                max: number;
-                decimals: number;
+                max?: number | undefined;
+                decimals?: number | undefined;
                 unit?: string | undefined;
                 response: {
                     name: string;
@@ -51,18 +58,11 @@ declare function useLunatic(source: LunaticSource, data: LunaticData | undefined
                     name: string;
                 };
             };
-            Sequence: Pick<import("../components/type").LunaticBaseProps<string>, "label" | "id" | "style" | "declarations">;
-            Subsequence: Pick<import("../components/type").LunaticBaseProps<string>, "label" | "id" | "declarations">;
-            QuestionContext: Pick<import("../components/type").LunaticBaseProps<unknown>, "label" | "description">;
-            QuestionInformation: Pick<import("../components/type").LunaticBaseProps<unknown>, "label" | "description">;
-            Question: Pick<import("../components/type").LunaticBaseProps<unknown>, "label" | "id" | "description" | "declarations"> & {
+            Sequence: Pick<import("../components/type").LunaticBaseProps<string>, "label" | "description" | "declarations" | "id" | "style">;
+            Subsequence: Pick<import("../components/type").LunaticBaseProps<string>, "label" | "declarations" | "id">;
+            Question: Pick<import("../components/type").LunaticBaseProps<unknown>, "label" | "description" | "declarations" | "id"> & {
                 components: import("./commons/fill-components/fill-components").FilledLunaticComponentProps[];
             };
-            ComponentSet: import("../components/type").LunaticBaseProps<unknown> & {
-                components: import("./commons/fill-components/fill-components").FilledLunaticComponentProps[];
-                value: Record<string, unknown>;
-                response: undefined;
-            };
             RosterForLoop: import("../components/type").LunaticBaseProps<unknown> & {
                 lines: {
                     min: number;
@@ -78,6 +78,8 @@ declare function useLunatic(source: LunaticSource, data: LunaticData | undefined
                 value: Record<string, unknown[]>;
                 header?: {
                     label: import("react").ReactNode;
+                    rowspan?: number | undefined;
+                    colspan?: number | undefined;
                 }[] | undefined;
                 paginatedLoop?: boolean | undefined;
             };
@@ -140,7 +142,7 @@ declare function useLunatic(source: LunaticSource, data: LunaticData | undefined
             };
             CheckboxOne: import("../components/type").LunaticBaseProps<string | null> & {
                 options: {
-                    description: import("react").ReactNode;
+                    description?: import("react").ReactNode;
                     label: import("react").ReactNode;
                     value: string;
                 }[];
@@ -158,11 +160,6 @@ declare function useLunatic(source: LunaticSource, data: LunaticData | undefined
                 } | undefined;
             };
             CheckboxBoolean: import("../components/type").LunaticBaseProps<boolean> & {
-                options: {
-                    description: import("react").ReactNode;
-                    label: import("react").ReactNode;
-                    value: string;
-                }[];
                 response: {
                     name: string;
                 };
@@ -204,7 +201,6 @@ declare function useLunatic(source: LunaticSource, data: LunaticData | undefined
                 response: {
                     name: string;
                 };
-                writable?: boolean | undefined;
             };
             Textarea: import("../components/type").LunaticBaseProps<string> & {
                 cols?: number | undefined;
@@ -216,9 +212,6 @@ declare function useLunatic(source: LunaticSource, data: LunaticData | undefined
                 };
             };
             FilterDescription: Pick<import("../components/type").LunaticBaseProps<string>, "label" | "id">;
-            QuestionExplication: Pick<import("../components/type").LunaticBaseProps<string>, "label" | "id" | "description"> & {
-                bgColor?: string | undefined;
-            };
             PairwiseLinks: Omit<import("../components/type").LunaticBaseProps<unknown>, "value"> & {
                 components: import("./type").LunaticComponentDefinition[];
                 features?: ["VTL"] | ["VTL", "MD"] | undefined;
@@ -240,12 +233,12 @@ declare function useLunatic(source: LunaticSource, data: LunaticData | undefined
                     status: import("./use-suggesters").SuggesterStatus;
                     timestamp: number;
                 };
-                optionRenderer: FunctionComponent<{
+                optionRenderer: import("react").FunctionComponent<{
                     option: import("../components/type").SuggesterOption;
                     placeholder?: string | undefined;
                     search?: string | undefined;
                 }>;
-                labelRenderer: FunctionComponent<{
+                labelRenderer: import("react").FunctionComponent<{
                     option?: import("../components/type").SuggesterOption | undefined;
                     selected?: boolean | undefined;
                     search?: string | undefined;
@@ -255,9 +248,23 @@ declare function useLunatic(source: LunaticSource, data: LunaticData | undefined
                 response: {
                     name: string;
                 };
-                allowArbitraryOption: boolean;
+                optionResponses?: {
+                    name: string;
+                    attribute: string;
+                }[] | undefined;
+                executeExpression: <T extends unknown = unknown>(expression: unknown, args?: {
+                    iteration?: number | number[] | undefined;
+                    bindingDependencies?: string[] | undefined;
+                    deps?: string[] | undefined;
+                } | undefined) => T;
+                iteration: number | undefined;
             };
             Summary: import("../components/type").LunaticBaseProps<string | null> & {
+                executeExpression: <T extends unknown = unknown>(expression: unknown, args?: {
+                    iteration?: number | number[] | undefined;
+                    bindingDependencies?: string[] | undefined;
+                    deps?: string[] | undefined;
+                } | undefined) => T;
                 sections: {
                     id: string;
                     responses?: {
@@ -269,23 +276,12 @@ declare function useLunatic(source: LunaticSource, data: LunaticData | undefined
                     iterations?: number | undefined;
                 }[];
             };
-            ConfirmationModal: import("../components/type").LunaticBaseProps<string | null> & {
-                goToPage: (page: {
-                    page: string;
-                    iteration?: number | undefined;
-                    nbIterations?: number | undefined;
-                    subPage?: number | undefined;
-                }) => void;
-                page: string;
-                goNextPage: () => void;
-                goPreviousPage: () => void;
-            };
         })[] | undefined;
         except?: (keyof {
             InputNumber: import("../components/type").LunaticBaseProps<number | null> & {
                 min?: number | undefined;
-                max: number;
-                decimals: number;
+                max?: number | undefined;
+                decimals?: number | undefined;
                 unit?: string | undefined;
                 response: {
                     name: string;
@@ -304,17 +300,10 @@ declare function useLunatic(source: LunaticSource, data: LunaticData | undefined
                     name: string;
                 };
             };
-            Sequence: Pick<import("../components/type").LunaticBaseProps<string>, "label" | "id" | "style" | "declarations">;
-            Subsequence: Pick<import("../components/type").LunaticBaseProps<string>, "label" | "id" | "declarations">;
-            QuestionContext: Pick<import("../components/type").LunaticBaseProps<unknown>, "label" | "description">;
-            QuestionInformation: Pick<import("../components/type").LunaticBaseProps<unknown>, "label" | "description">;
-            Question: Pick<import("../components/type").LunaticBaseProps<unknown>, "label" | "id" | "description" | "declarations"> & {
-                components: import("./commons/fill-components/fill-components").FilledLunaticComponentProps[];
-            };
-            ComponentSet: import("../components/type").LunaticBaseProps<unknown> & {
+            Sequence: Pick<import("../components/type").LunaticBaseProps<string>, "label" | "description" | "declarations" | "id" | "style">;
+            Subsequence: Pick<import("../components/type").LunaticBaseProps<string>, "label" | "declarations" | "id">;
+            Question: Pick<import("../components/type").LunaticBaseProps<unknown>, "label" | "description" | "declarations" | "id"> & {
                 components: import("./commons/fill-components/fill-components").FilledLunaticComponentProps[];
-                value: Record<string, unknown>;
-                response: undefined;
             };
             RosterForLoop: import("../components/type").LunaticBaseProps<unknown> & {
                 lines: {
@@ -331,6 +320,8 @@ declare function useLunatic(source: LunaticSource, data: LunaticData | undefined
                 value: Record<string, unknown[]>;
                 header?: {
                     label: import("react").ReactNode;
+                    rowspan?: number | undefined;
+                    colspan?: number | undefined;
                 }[] | undefined;
                 paginatedLoop?: boolean | undefined;
             };
@@ -393,7 +384,7 @@ declare function useLunatic(source: LunaticSource, data: LunaticData | undefined
             };
             CheckboxOne: import("../components/type").LunaticBaseProps<string | null> & {
                 options: {
-                    description: import("react").ReactNode;
+                    description?: import("react").ReactNode;
                     label: import("react").ReactNode;
                     value: string;
                 }[];
@@ -411,11 +402,6 @@ declare function useLunatic(source: LunaticSource, data: LunaticData | undefined
                 } | undefined;
             };
             CheckboxBoolean: import("../components/type").LunaticBaseProps<boolean> & {
-                options: {
-                    description: import("react").ReactNode;
-                    label: import("react").ReactNode;
-                    value: string;
-                }[];
                 response: {
                     name: string;
                 };
@@ -457,7 +443,6 @@ declare function useLunatic(source: LunaticSource, data: LunaticData | undefined
                 response: {
                     name: string;
                 };
-                writable?: boolean | undefined;
             };
             Textarea: import("../components/type").LunaticBaseProps<string> & {
                 cols?: number | undefined;
@@ -469,9 +454,6 @@ declare function useLunatic(source: LunaticSource, data: LunaticData | undefined
                 };
             };
             FilterDescription: Pick<import("../components/type").LunaticBaseProps<string>, "label" | "id">;
-            QuestionExplication: Pick<import("../components/type").LunaticBaseProps<string>, "label" | "id" | "description"> & {
-                bgColor?: string | undefined;
-            };
             PairwiseLinks: Omit<import("../components/type").LunaticBaseProps<unknown>, "value"> & {
                 components: import("./type").LunaticComponentDefinition[];
                 features?: ["VTL"] | ["VTL", "MD"] | undefined;
@@ -493,12 +475,12 @@ declare function useLunatic(source: LunaticSource, data: LunaticData | undefined
                     status: import("./use-suggesters").SuggesterStatus;
                     timestamp: number;
                 };
-                optionRenderer: FunctionComponent<{
+                optionRenderer: import("react").FunctionComponent<{
                     option: import("../components/type").SuggesterOption;
                     placeholder?: string | undefined;
                     search?: string | undefined;
                 }>;
-                labelRenderer: FunctionComponent<{
+                labelRenderer: import("react").FunctionComponent<{
                     option?: import("../components/type").SuggesterOption | undefined;
                     selected?: boolean | undefined;
                     search?: string | undefined;
@@ -508,9 +490,23 @@ declare function useLunatic(source: LunaticSource, data: LunaticData | undefined
                 response: {
                     name: string;
                 };
-                allowArbitraryOption: boolean;
+                optionResponses?: {
+                    name: string;
+                    attribute: string;
+                }[] | undefined;
+                executeExpression: <T extends unknown = unknown>(expression: unknown, args?: {
+                    iteration?: number | number[] | undefined;
+                    bindingDependencies?: string[] | undefined;
+                    deps?: string[] | undefined;
+                } | undefined) => T;
+                iteration: number | undefined;
             };
             Summary: import("../components/type").LunaticBaseProps<string | null> & {
+                executeExpression: <T extends unknown = unknown>(expression: unknown, args?: {
+                    iteration?: number | number[] | undefined;
+                    bindingDependencies?: string[] | undefined;
+                    deps?: string[] | undefined;
+                } | undefined) => T;
                 sections: {
                     id: string;
                     responses?: {
@@ -522,19 +518,8 @@ declare function useLunatic(source: LunaticSource, data: LunaticData | undefined
                     iterations?: number | undefined;
                 }[];
             };
-            ConfirmationModal: import("../components/type").LunaticBaseProps<string | null> & {
-                goToPage: (page: {
-                    page: string;
-                    iteration?: number | undefined;
-                    nbIterations?: number | undefined;
-                    subPage?: number | undefined;
-                }) => void;
-                page: string;
-                goNextPage: () => void;
-                goPreviousPage: () => void;
-            };
         })[] | undefined;
-    }) => import("./commons/fill-components/fill-components").FilledLunaticComponentProps<"CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "Question" | "QuestionExplication">[];
+    }) => import("./commons/fill-components/fill-components").FilledLunaticComponentProps<"Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "CheckboxOne" | "Question">[];
     goPreviousPage: () => void;
     goNextPage: (payload?: {}) => void;
     goToPage: (page: {
@@ -562,8 +547,16 @@ declare function useLunatic(source: LunaticSource, data: LunaticData | undefined
         linksIterations?: number[] | undefined;
     };
     waiting: boolean;
-    getData: (withRefreshedCalculated: boolean, variableNames?: string[]) => LunaticData;
-    Provider: FunctionComponent<{
+    getData: (withRefreshedCalculated: boolean, variableNames?: string[]) => Partial<Record<"EXTERNAL" | "CALCULATED", Record<string, unknown>> & {
+        COLLECTED: Record<string, Partial<{
+            COLLECTED: unknown;
+            EDITED: unknown;
+            FORCED: unknown;
+            INPUTED: unknown;
+            PREVIOUS: unknown;
+        }>>;
+    }>;
+    Provider: import("react").FunctionComponent<{
         children?: import("react").ReactNode;
     }>;
     onChange: (response: {
@@ -581,7 +574,15 @@ declare function useLunatic(source: LunaticSource, data: LunaticData | undefined
         children: import("./commons/getOverview").OverviewItem[];
     }[];
     loopVariables: string[];
-    getChangedData: (reset?: boolean) => LunaticData;
+    getChangedData: (reset?: boolean) => Partial<Record<"EXTERNAL" | "CALCULATED", Record<string, unknown>> & {
+        COLLECTED: Record<string, Partial<{
+            COLLECTED: unknown;
+            EDITED: unknown;
+            FORCED: unknown;
+            INPUTED: unknown;
+            PREVIOUS: unknown;
+        }>>;
+    }>;
     resetChangedData: () => void;
     hasPageResponse: () => boolean;
 };

package/lib/src/utils/store-tools/index.d.ts

@@ -1,4 +1,4 @@
-export * as CONSTANTES from './constantes';
+export * as CONSTANTES from '../../constants/indexedDBStore';
 export { default as openOrCreateStore } from './open-or-create-store';
 export { default as clearStoreData } from './clear-store-data';
 export { default as clearStoreInfo } from './clear-store-info';

package/lib/src/utils/variables.d.ts

@@ -1,5 +1,13 @@
-import type { LunaticData, LunaticVariable } from '../use-lunatic/type';
+import type { LunaticVariable } from '../use-lunatic/type';
 /**
  * Extract the initial value from the source.json and data.json
  */
-export declare function getInitialVariableValue(variable: LunaticVariable, data?: LunaticData): unknown;
+export declare function getInitialVariableValue(variable: LunaticVariable, data?: Partial<Record<"EXTERNAL" | "CALCULATED", Record<string, unknown>> & {
+    COLLECTED: Record<string, Partial<{
+        COLLECTED: unknown;
+        EDITED: unknown;
+        FORCED: unknown;
+        INPUTED: unknown;
+        PREVIOUS: unknown;
+    }>>;
+}>): unknown;

package/lib/stories/behaviour/others/test.stories.js

@@ -63,7 +63,7 @@ TestDylan.args = {
 };
 var DeclarationsSimples = exports.DeclarationsSimples = Template.bind({});
 DeclarationsSimples.args = {
-  id: 'declarations-simples',
+  id: 'Declarations-simples',
   pagination: true,
   source: _V2_DeclarationsSimples["default"]
 };

package/lib/stories/behaviour/slots.stories.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _orchestrator = _interopRequireDefault(require("../utils/orchestrator"));
+var _source = _interopRequireDefault(require("../input/source"));
+var _data = _interopRequireDefault(require("../input/data"));
+var _defaultArgTypes = _interopRequireDefault(require("../utils/default-arg-types"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var stories = {
+  title: 'Behaviour/Slots',
+  component: _orchestrator["default"],
+  argTypes: _defaultArgTypes["default"]
+};
+var _default = exports["default"] = stories;
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_orchestrator["default"], _objectSpread({}, args));
+};
+var Default = exports.Default = Template.bind({});
+
+/**
+ * @var
+ */
+var CustomInput = function CustomInput(_ref) {
+  var _onChange = _ref.onChange,
+    value = _ref.value,
+    label = _ref.label;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("fieldset", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("legend", {
+      style: {
+        color: 'gray',
+        fontSize: '1rem'
+      },
+      children: label
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+      style: {
+        border: 'solid 3px gray',
+        padding: '.5rem 1rem'
+      },
+      value: value,
+      onChange: function onChange(e) {
+        return _onChange(e.target.value);
+      }
+    })]
+  });
+};
+Default.args = {
+  id: 'input',
+  source: _source["default"],
+  data: _data["default"],
+  slots: {
+    Input: CustomInput
+  }
+};

package/lib/stories/checkbox-group/checkbox-group.stories.js

@@ -3,11 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Loop = exports.Default = exports.ComponentSet = void 0;
+exports["default"] = exports.Loop = exports.Default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _orchestrator = _interopRequireDefault(require("../utils/orchestrator"));
 var _source = _interopRequireDefault(require("./source"));
-var _sourceComponentset = _interopRequireDefault(require("./sourceComponentset"));
 var _sourceLoop = _interopRequireDefault(require("./sourceLoop"));
 var _defaultArgTypes = _interopRequireDefault(require("../utils/default-arg-types"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -41,10 +40,6 @@ Default.args = {
   source: _source["default"],
   shortcut: true
 };
-var ComponentSet = exports.ComponentSet = Template.bind({});
-ComponentSet.args = _objectSpread(_objectSpread({}, Default.args), {}, {
-  source: _sourceComponentset["default"]
-});
 var Loop = exports.Loop = Template.bind({});
 Loop.args = _objectSpread(_objectSpread({}, Default.args), {}, {
   source: _sourceLoop["default"]

package/lib/stories/checkbox-group/sourceLoop.json

@@ -2,7 +2,7 @@
 	"maxPage": "5",
 	"components": [
 		{
-			"id": "component-set",
+			"id": "loop",
 			"componentType": "Loop",
 			"page": "1",
 			"conditionFilter": { "value": "true", "type": "VTL" },

package/lib/stories/date-picker/datepicker.stories.js

@@ -5,11 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Basic = void 0;
 var _addonActions = require("@storybook/addon-actions");
-var _datepicker = _interopRequireDefault(require("../../components/datepicker"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _Datepicker = require("../../components/Datepicker/Datepicker");
 var _default = exports["default"] = {
   title: 'Components/Datepicker',
-  component: _datepicker["default"],
+  component: _Datepicker.Datepicker,
   args: {
     value: '1920-02-01',
     dateFormat: 'YYYY-MM-DD',

package/lib/stories/disabled/source.json

@@ -141,7 +141,7 @@
 		},
 		{
 			"id": "component-set",
-			"componentType": "ComponentSet",
+			"componentType": "Question",
 			"page": "3",
 			"conditionFilter": { "value": "true", "type": "VTL" },
 			"label": {

package/lib/stories/loop/loop.stories.js

@@ -18,7 +18,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var stories = {
-  title: 'Components/Loop/Loop',
+  title: 'Components/Loop',
   component: _orchestrator["default"],
   argTypes: _defaultArgTypes["default"]
 };

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

@@ -23,7 +23,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var stories = {
-  title: 'Components/Loop/RosterForLoop',
+  title: 'Components/RosterForLoop',
   component: _orchestrator["default"],
   argTypes: _defaultArgTypes["default"]
 };

package/lib/stories/loop/source-roster.json

@@ -18,8 +18,8 @@
 			"conditionFilter": { "value": "true", "type": "VTL" },
 			"bindingDependencies": ["PRENOM"],
 			"lines": {
-				"min": { "value": 1, "type": "VTL" },
-				"max": { "value": 10, "type": "VTL" }
+				"min": { "value": "1", "type": "VTL" },
+				"max": { "value": "10", "type": "VTL" }
 			},
 			"page": "1",
 			"components": [

package/lib/stories/markdown/markdown.stories.js

@@ -17,7 +17,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var stories = {
-  title: 'Components/Markdown',
+  title: 'Behaviour/Markdown',
   component: _orchestrator["default"],
   argTypes: _defaultArgTypes["default"]
 };

package/lib/stories/pairwise/pairwise-links.stories.js

@@ -3,12 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.PairwiseInComponentSet = exports.Filled = exports.Default = void 0;
+exports["default"] = exports.Filled = exports.Default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _orchestrator = _interopRequireDefault(require("../utils/orchestrator"));
 var _source = _interopRequireDefault(require("./source.json"));
 var _data = _interopRequireDefault(require("./data"));
-var _sourceComponentset = _interopRequireDefault(require("./source-componentset.json"));
 var _defaultArgTypes = _interopRequireDefault(require("../utils/default-arg-types"));
 var _e2e = require("../../../tests/utils/e2e");
 var _timer = require("../../../tests/utils/timer");
@@ -39,13 +38,6 @@ Default.args = {
   pagination: true,
   data: _data["default"]
 };
-var PairwiseInComponentSet = exports.PairwiseInComponentSet = Template.bind({});
-PairwiseInComponentSet.args = {
-  id: 'links-componentset',
-  source: _sourceComponentset["default"],
-  pagination: true,
-  data: _data["default"]
-};
 var Filled = exports.Filled = Template.bind({});
 Filled.args = _objectSpread(_objectSpread({}, Default.args), {}, {
   id: 'links-filled'

package/lib/stories/sequence/sequence.stories.js

@@ -33,6 +33,6 @@ Default.args = {
 };
 var WithDeclarations = exports.WithDeclarations = Template.bind({});
 WithDeclarations.args = {
-  id: 'sequence-declarations',
+  id: 'sequence-Declarations',
   source: _sourceDeclarations["default"]
 };

package/lib/stories/suggester/fakeReferentiel.json

@@ -0,0 +1,12 @@
+[
+	{
+		"id": "brosse",
+		"label": "Brosse à cheveux",
+		"price": 20
+	},
+	{
+		"id": "balle",
+		"label": "Balle rebondissante",
+		"price": 10
+	}
+]