@inseefr/lunatic 3.5.7 → 3.5.8

package/src/stories/pairwise/pairwise.stories.tsx

@@ -0,0 +1,30 @@
+import {
+	type Orchestrator,
+	OrchestratorMeta,
+	type OrchestratorStory,
+} from '../utils/Orchestrator';
+import source from './source.json';
+
+import { Meta } from '@storybook/react';
+
+import { dataFromObject } from '../../utils/object';
+
+const meta: Meta<typeof Orchestrator> = {
+	title: 'Components/Pairwise',
+	...OrchestratorMeta,
+};
+
+export default meta;
+
+export const Default: OrchestratorStory = {
+	args: {
+		source,
+		data: dataFromObject({
+			PRENOM: ['Dad', 'Mom', 'Unknow'],
+			AGE: [30, 29, 5],
+			LINKS: [[null]],
+			OTHER: [[null]],
+		}),
+		initialPage: '3',
+	},
+};

package/src/stories/paste.stories.tsx

@@ -0,0 +1,85 @@
+import {
+	Orchestrator,
+	OrchestratorMeta,
+	type OrchestratorStory,
+} from './utils/Orchestrator';
+
+import { Meta } from '@storybook/react';
+import { type ComponentProps, type FormEventHandler, useMemo } from 'react';
+import { useLocalStorage } from '../hooks/useLocalStorage';
+import type { LunaticSource } from '../type.source';
+
+const meta: Meta<typeof Orchestrator> = {
+	title: 'Paste',
+	...OrchestratorMeta,
+};
+
+export default meta;
+
+export const Default: OrchestratorStory = {
+	args: {},
+	render(args) {
+		return <PasteOrchestrator {...args} />;
+	},
+};
+
+function PasteOrchestrator(
+	props: Readonly<ComponentProps<typeof Orchestrator>>
+) {
+	const [source, setSource, sourceAsString] =
+		useLocalStorage<LunaticSource | null>('story-source');
+	const extraTabs = useMemo(() => {
+		return [
+			{
+				label: 'Source',
+				children: (
+					<FormForSource source={sourceAsString} onChange={setSource} />
+				),
+			},
+		];
+	}, [sourceAsString, setSource]);
+	if (!source) {
+		return extraTabs[0].children;
+	}
+	return (
+		<div key={sourceAsString}>
+			<Orchestrator {...props} source={source} extraTabs={extraTabs} />
+		</div>
+	);
+}
+
+function FormForSource(
+	props: Readonly<{
+		source: string;
+		onChange: (source: string) => void;
+	}>
+) {
+	const onSubmit: FormEventHandler<HTMLFormElement> = (e) => {
+		e.preventDefault();
+		const data = new FormData(e.currentTarget);
+		if (data.has('source')) {
+			props.onChange(data.get('source') as string);
+		}
+	};
+	return (
+		<form onSubmit={onSubmit}>
+			<fieldset className="fieldset">
+				<legend className="fieldset-legend">Paste the source.json</legend>
+				<textarea
+					required
+					name="source"
+					defaultValue={props.source}
+					className="textarea w-full h-24"
+					placeholder="source.json content"
+				/>
+				<div className="label">
+					The content of this textarea will be saved in your local storage to
+					persist between refreshes
+				</div>
+			</fieldset>
+			<button className="btn btn-primary mt-2" type="submit">
+				Load
+			</button>
+		</form>
+	);
+}

package/src/stories/question/question.stories.tsx

@@ -0,0 +1,21 @@
+import {
+	type Orchestrator,
+	OrchestratorMeta,
+	type OrchestratorStory,
+} from '../utils/Orchestrator';
+import source from './source.json';
+
+import { Meta } from '@storybook/react';
+
+const meta: Meta<typeof Orchestrator> = {
+	title: 'Components/Question',
+	...OrchestratorMeta,
+};
+
+export default meta;
+
+export const Default: OrchestratorStory = {
+	args: {
+		source,
+	},
+};

package/src/stories/questionnaires/logement/logement.stories.tsx

@@ -0,0 +1,26 @@
+import {
+	type Orchestrator,
+	OrchestratorMeta,
+	type OrchestratorStory,
+} from '../../utils/Orchestrator';
+import source from './source.json';
+import data from './data.json';
+import sourceSum from './source-sum.json';
+import sourceSequence from './source-sequence.json';
+
+import { Meta } from '@storybook/react';
+
+const meta: Meta<typeof Orchestrator> = {
+	title: 'Questionnaires/Logement',
+	...OrchestratorMeta,
+	args: {
+		data,
+		source,
+	},
+};
+
+export default meta;
+
+export const Default: OrchestratorStory = {};
+export const Sum: OrchestratorStory = { args: { source: sourceSum } };
+export const Sequence: OrchestratorStory = { args: { source: sourceSequence } };

package/src/stories/questionnaires/recensement/recensement.stories.tsx

@@ -0,0 +1,28 @@
+import {
+	type Orchestrator,
+	OrchestratorMeta,
+	type OrchestratorStory,
+} from '../../utils/Orchestrator';
+import source from './source.json';
+
+import { Meta } from '@storybook/react';
+import { dataFromObject } from '../../../utils/object';
+
+const meta: Meta<typeof Orchestrator> = {
+	title: 'Questionnaires/Recensement',
+	...OrchestratorMeta,
+};
+
+export default meta;
+
+export const Default: OrchestratorStory = {
+	args: {
+		source,
+		data: dataFromObject({
+			PRENOM: [null],
+			AGE: [null],
+			LINKS: [[null]],
+			OTHER: [[null]],
+		}),
+	},
+};

package/src/stories/questionnaires/rp/rp.stories.tsx

@@ -0,0 +1,21 @@
+import {
+	type Orchestrator,
+	OrchestratorMeta,
+	type OrchestratorStory,
+} from '../../utils/Orchestrator';
+import source from './source.json';
+
+import { Meta } from '@storybook/react';
+
+const meta: Meta<typeof Orchestrator> = {
+	title: 'Questionnaires/RP',
+	...OrchestratorMeta,
+};
+
+export default meta;
+
+export const Default: OrchestratorStory = {
+	args: {
+		source,
+	},
+};

package/src/stories/questionnaires/simpsons/simpsons.stories.tsx

@@ -0,0 +1,31 @@
+import {
+	type Orchestrator,
+	OrchestratorMeta,
+	type OrchestratorStory,
+} from '../../utils/Orchestrator';
+import source from './source.json';
+import { Meta } from '@storybook/react';
+import { Logger } from '../../../utils/logger';
+
+const meta: Meta<typeof Orchestrator> = {
+	title: 'Questionnaires/Simpsons',
+	...OrchestratorMeta,
+};
+
+export default meta;
+
+export const Default: OrchestratorStory = {
+	args: {
+		source,
+	},
+};
+
+export const WithMissing: OrchestratorStory = {
+	args: {
+		source,
+		missing: true,
+		missingStrategy: () => {
+			Logger.info('your strategy has been applied');
+		},
+	},
+};

package/src/stories/radio/radio.stories.tsx

@@ -0,0 +1,53 @@
+import {
+	Orchestrator,
+	OrchestratorMeta,
+	type OrchestratorStory,
+} from '../utils/Orchestrator';
+import source from './source.json';
+import sourceHorizontal from './sourceHorizontal.json';
+import sourceDetail from './sourceDetail.json';
+import sourceCondition from './sourceCondition.json';
+
+import { Meta } from '@storybook/react';
+
+const meta: Meta<typeof Orchestrator> = {
+	title: 'Components/Radio',
+	...OrchestratorMeta,
+	args: {
+		...OrchestratorMeta.args,
+		shortcut: true,
+	},
+};
+
+export default meta;
+
+export const Default: OrchestratorStory = {
+	args: {
+		source,
+	},
+};
+
+export const Condition: OrchestratorStory = {
+	args: {
+		source: sourceCondition,
+	},
+};
+
+export const Horizontal: OrchestratorStory = {
+	args: {
+		source: sourceHorizontal,
+	},
+};
+
+export const ReadOnly: OrchestratorStory = {
+	args: {
+		source,
+		readOnly: true,
+	},
+};
+
+export const WithDetail: OrchestratorStory = {
+	args: {
+		source: sourceDetail,
+	},
+};

package/src/stories/roundabout/roundabout.stories.tsx

@@ -0,0 +1,37 @@
+import { Orchestrator } from '../utils/Orchestrator';
+import source from './source.json';
+
+import { Meta, StoryObj } from '@storybook/react';
+
+import { dataFromObject } from '../../utils/object';
+
+const meta: Meta<typeof Orchestrator> = {
+	title: 'Components/Roundabout',
+	component: Orchestrator,
+};
+
+export default meta;
+type Story = StoryObj<typeof Orchestrator>;
+
+export const Default: Story = {
+	args: {
+		source,
+		data: dataFromObject({
+			NB_HAB: 2,
+			PRENOMS: ['Fanny', 'Ines'],
+			AGE: [24, 22],
+			PROGRESS: [-1, -1],
+		}),
+	},
+};
+
+export const OneIteration: Story = {
+	args: {
+		source,
+		data: dataFromObject({
+			NB_HAB: 1,
+			PRENOMS: ['Fanny'],
+			AGE: [15],
+		}),
+	},
+};

package/src/stories/roundabout/source.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "../../../lunatic-schema.json",
 	"maxPage": "4",
 	"components": [
 		{

package/src/stories/sequence/sequence.stories.tsx

@@ -0,0 +1,28 @@
+import {
+	type Orchestrator,
+	OrchestratorMeta,
+	type OrchestratorStory,
+} from '../utils/Orchestrator';
+import sourceDeclarations from './source-declarations.json';
+import source from './source.json';
+
+import { Meta } from '@storybook/react';
+
+const meta: Meta<typeof Orchestrator> = {
+	title: 'Components/Sequence',
+	...OrchestratorMeta,
+};
+
+export default meta;
+
+export const Default: OrchestratorStory = {
+	args: {
+		source,
+	},
+};
+
+export const WithDeclarations: OrchestratorStory = {
+	args: {
+		source: sourceDeclarations,
+	},
+};

package/src/stories/suggester/source-option-responses.json

@@ -56,7 +56,7 @@
 					"declarationType": "INSTRUCTION",
 					"position": "BEFORE_QUESTION_TEXT",
 					"label": {
-						"value": "\"Démontre la capacité d'un suggester à extraire plusieurs réponse à partir des propriétés du référentiel\"",
+						"value": "\"Démontre la capacité d'un suggester à extraire plusieurs réponse à partir des propriétés du référentiel (rechercher 'brosse' ou 'balle')\"",
 						"type": "VTL|MD"
 					}
 				}

package/src/stories/suggester/suggester.stories.tsx

@@ -0,0 +1,68 @@
+import {
+	type Orchestrator,
+	OrchestratorMeta,
+	type OrchestratorStory,
+} from '../utils/Orchestrator';
+import source from './source.json';
+import sourceOptionResponses from './source-option-responses.json';
+import sourceArbitraryResponse from './source-arbitrary-response.json';
+import sourceError from './source-error.json';
+import sourceMultiline from './source-multiline.json';
+import { getReferentiel } from '../utils/referentiel';
+import { Meta } from '@storybook/react';
+import { IndexEntry } from '../../utils/search/SearchInterface';
+
+const getFakeReferentiel = async (name: string): Promise<IndexEntry[]> => {
+	try {
+		return (await import(`./fakeReferentiel.json`)).default;
+	} catch (error) {
+		console.log('error', error);
+		throw new Error(`Unknown référentiel ${name}`);
+	}
+};
+
+const meta: Meta<typeof Orchestrator> = {
+	title: 'Components/Suggester',
+	...OrchestratorMeta,
+	args: {
+		...OrchestratorMeta.args,
+		autoSuggesterLoading: true,
+		getReferentiel,
+	},
+};
+
+export default meta;
+
+export const Default: OrchestratorStory = {
+	args: {
+		source,
+	},
+};
+
+export const OptionResponses: OrchestratorStory = {
+	args: {
+		source: sourceOptionResponses,
+		getReferentiel: getFakeReferentiel,
+	},
+};
+
+export const ArbitraryResponse: OrchestratorStory = {
+	args: {
+		...OptionResponses.args,
+		source: sourceArbitraryResponse,
+	},
+};
+
+export const WithError: OrchestratorStory = {
+	args: {
+		...OptionResponses.args,
+		source: sourceError,
+	},
+};
+
+export const MultiLine: OrchestratorStory = {
+	args: {
+		source: sourceMultiline,
+		initialPage: '2',
+	},
+};

package/src/stories/summary/source.json

@@ -94,6 +94,21 @@
 			"iterations": { "value": "NB_HAB", "type": "VTL" },
 			"label": { "value": "\"Libellé du rondpoint\"", "type": "VTL" },
 			"locked": true,
+			"item": {
+				"label": {
+					"value": "\"Questions de \" || PRENOMS",
+					"type": "VTL"
+				},
+				"description": {
+					"value": "\"\"",
+					"type": "VTL"
+				},
+				"disabled": {
+					"value": "-1",
+					"type": "VTL"
+				}
+			},
+			"progressVariable": "PROGRESS",
 			"expressions": {
 				"unnecessary": {
 					"value": "AGE < 13",
@@ -210,7 +225,6 @@
 				}
 			]
 		},
-
 		{
 			"id": "Summary",
 			"componentType": "Summary",
@@ -325,6 +339,13 @@
 				"COLLECTED": [null]
 			}
 		},
+		{
+			"variableType": "COLLECTED",
+			"name": "PROGRESS",
+			"values": {
+				"COLLECTED": [null]
+			}
+		},
 		{
 			"variableType": "CALCULATED",
 			"name": "PRENOMREF",

package/src/stories/summary/summary.stories.tsx

@@ -0,0 +1,31 @@
+import {
+	type Orchestrator,
+	OrchestratorMeta,
+	type OrchestratorStory,
+} from '../utils/Orchestrator';
+import source from './source.json';
+
+import { Meta } from '@storybook/react';
+
+import { dataFromObject } from '../../utils/object';
+
+const meta: Meta<typeof Orchestrator> = {
+	title: 'Components/Summary',
+	...OrchestratorMeta,
+};
+
+export default meta;
+
+export const Default: OrchestratorStory = {
+	args: {
+		source,
+		initialPage: '5',
+		data: dataFromObject({
+			NB_HAB: 2,
+			PRENOMS: ['Matt', 'Julia'],
+			PROGRESS: [-1, -1],
+			AGE: [26, 31],
+			SEXE: ['1', '2'],
+		}),
+	},
+};

package/src/stories/table/table.stories.tsx

@@ -0,0 +1,35 @@
+import {
+	type Orchestrator,
+	OrchestratorMeta,
+	type OrchestratorStory,
+} from '../utils/Orchestrator';
+import source from './source.json';
+import sourceColspan from './source-colspan.json';
+import sourceDynamic from './source-dynamic.json';
+import { Meta } from '@storybook/react/*';
+
+const meta: Meta<typeof Orchestrator> = {
+	title: 'Components/Table',
+	...OrchestratorMeta,
+};
+
+export default meta;
+
+// Create data equivalent to data.json but using dataFromObject
+export const Default: OrchestratorStory = {
+	args: {
+		source,
+	},
+};
+
+export const Colspan: OrchestratorStory = {
+	args: {
+		source: sourceColspan,
+	},
+};
+
+export const DynamicTable: OrchestratorStory = {
+	args: {
+		source: sourceDynamic,
+	},
+};

package/src/stories/text/text.stories.tsx

@@ -0,0 +1,38 @@
+import {
+	type Orchestrator,
+	OrchestratorMeta,
+	type OrchestratorStory,
+} from '../utils/Orchestrator';
+import source from './source.json';
+import sourceRoster from './source-roster.json';
+import sourceTable from './source-table.json';
+
+import { Meta } from '@storybook/react';
+
+const meta: Meta<typeof Orchestrator> = {
+	title: 'Components/Text',
+	...OrchestratorMeta,
+};
+
+export default meta;
+
+export const Default: OrchestratorStory = {
+	args: {
+		source,
+	},
+};
+export const Roster: OrchestratorStory = {
+	args: {
+		source: sourceRoster,
+		data: {
+			EXTERNAL: {
+				VARIABLE_EXT: ['TRUC', 'BIDULE', 'CHOSE'],
+			},
+		},
+	},
+};
+export const Table: OrchestratorStory = {
+	args: {
+		source: sourceTable,
+	},
+};

package/src/stories/textarea/textarea.stories.tsx

@@ -0,0 +1,21 @@
+import {
+	type Orchestrator,
+	OrchestratorMeta,
+	type OrchestratorStory,
+} from '../utils/Orchestrator';
+import source from './source.json';
+
+import { Meta } from '@storybook/react';
+
+const meta: Meta<typeof Orchestrator> = {
+	title: 'Components/Textarea',
+	...OrchestratorMeta,
+};
+
+export default meta;
+
+export const Default: OrchestratorStory = {
+	args: {
+		source,
+	},
+};