@inseefr/lunatic 3.5.7 → 3.5.8

package/src/stories/behaviour/controls/controls.stories.tsx

@@ -0,0 +1,51 @@
+import {
+	type Orchestrator,
+	OrchestratorMeta,
+	type OrchestratorStory,
+} from '../../utils/Orchestrator';
+import simple from './source-simple.json';
+import simpleNum from './source-simple-numeric.json';
+import sourceLoop from './source-loop.json';
+import sourceRoundabout from './source-roundabout.json';
+import boucleNTabDynamique from './source-boucles-n.json';
+
+import { Meta } from '@storybook/react';
+
+const meta: Meta<typeof Orchestrator> = {
+	title: 'Behaviour/Controls',
+	...OrchestratorMeta,
+};
+
+export default meta;
+
+export const BoucleN: OrchestratorStory = {
+	args: {
+		source: boucleNTabDynamique,
+	},
+};
+
+export const Simple: OrchestratorStory = {
+	args: {
+		source: simple,
+	},
+};
+
+export const SimpleNum: OrchestratorStory = {
+	args: {
+		source: simpleNum,
+	},
+};
+
+export const LinkedLoop: OrchestratorStory = {};
+
+export const Loop: OrchestratorStory = {
+	args: {
+		source: sourceLoop,
+	},
+};
+
+export const Roundabout: OrchestratorStory = {
+	args: {
+		source: sourceRoundabout,
+	},
+};

package/src/stories/behaviour/disabled/disabled.stories.tsx

@@ -0,0 +1,29 @@
+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: 'Behaviour/Disabled',
+	...OrchestratorMeta,
+};
+
+export default meta;
+
+export const Default: OrchestratorStory = {
+	args: {
+		source,
+		data: dataFromObject({
+			NOM: 'Renaud',
+			DISABLED_NOM: true,
+			SEXE: '2',
+			DISABLED_SEXE: true,
+		}),
+	},
+};

package/src/stories/behaviour/filter/filter.stories.tsx

@@ -0,0 +1,34 @@
+import {
+	type Orchestrator,
+	OrchestratorMeta,
+	type OrchestratorStory,
+} from '../../utils/Orchestrator';
+import source from './source.json';
+import sourceLoop from './sourceLoop.json';
+
+import { Meta } from '@storybook/react';
+
+import { dataFromObject } from '../../../utils/object';
+
+const meta: Meta<typeof Orchestrator> = {
+	title: 'Behaviour/Filter',
+	...OrchestratorMeta,
+};
+
+export default meta;
+
+export const Default: OrchestratorStory = {
+	args: {
+		source,
+	},
+};
+
+export const WithLoop: OrchestratorStory = {
+	args: {
+		source: sourceLoop,
+		data: dataFromObject({
+			NBHAB: 2,
+			NAME: ['Jean', 'Paul'],
+		}),
+	},
+};

package/src/stories/behaviour/missing/missing.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';
+
+const meta: Meta<typeof Orchestrator> = {
+	title: 'Behaviour/Missing',
+	...OrchestratorMeta,
+};
+
+export default meta;
+
+export const Default: OrchestratorStory = {
+	args: {
+		source,
+		initialPage: '2',
+		missing: true,
+		shortcut: true,
+	},
+};
+
+export const ReadOnly: OrchestratorStory = {
+	args: {
+		...Default.args,
+		readOnly: true,
+	},
+};

package/src/stories/behaviour/overview/overview.stories.tsx

@@ -0,0 +1,61 @@
+import {
+	type Orchestrator,
+	OrchestratorMeta,
+	type OrchestratorStory,
+} from '../../utils/Orchestrator';
+import source from './source.json';
+import sourceLoop from './sourceLoop.json';
+
+import { Meta } from '@storybook/react';
+
+import { dataFromObject } from '../../../utils/object';
+
+const meta: Meta<typeof Orchestrator> = {
+	title: 'Behaviour/Overview',
+	...OrchestratorMeta,
+	args: {
+		...OrchestratorMeta.args,
+		showOverview: true,
+	},
+};
+
+export default meta;
+
+export const Default: OrchestratorStory = {
+	args: {
+		source,
+	},
+};
+
+export const WithLoop: OrchestratorStory = {
+	args: {
+		source: sourceLoop,
+		data: dataFromObject({
+			ETAT: '1',
+			SATISFAIT: '1',
+			T_NHAB: 3,
+			T_PRENOM: ['Quentin', 'Luna', 'Paul'],
+			COMMCOMPO: 'super',
+			T_SEXE: ['1', '2', '1'],
+			T_DATENAIS: [null, null, null],
+			REMARQUES: [null, 'a', 'b'],
+			SUPERQUEST: ['ok', 'ok', null],
+			AUTRESUPERQUEST: ['a', 'c', 'ras'],
+			ENCOREUNEQ: ['wow', 'b', null],
+			COMMENT_QE: null,
+			ETAT_MISSING: null,
+			SATISFAIT_MISSING: null,
+			T_NHAB_MISSING: null,
+			T_PRENOM_MISSING: null,
+			COMMCOMPO_MISSING: null,
+			T_SEXE_MISSING: null,
+			T_DATENAIS_MISSING: [null, 'DK', 'RF'],
+			REMARQUES_MISSING: [null, null, null],
+			SUPERQUEST_MISSING: [null, null, 'DK'],
+			ENCOREUNEQ_MISSING: [null, null, 'RF'],
+			AUTRESUPERQUEST_MISSING: null,
+			COMMENT_QE_MISSING: null,
+		}),
+		lastReachedPage: '11.2#2',
+	},
+};

package/src/stories/{overview/sourceWithHierarchy.json → behaviour/overview/source.json}

@@ -1,5 +1,5 @@
 {
-	"$schema": "../../../lunatic-schema.json",
+	"$schema": "../../../../lunatic-schema.json",
 	"id": "i6vwi2506qf2mms",
 	"modele": "SIMPSONS",
 	"enoCoreVersion": "2.3.7",

package/src/stories/{overview → behaviour/overview}/sourceLoop.json

@@ -1,5 +1,5 @@
 {
-	"$schema": "../../../lunatic-schema.json",
+	"$schema": "../../../../lunatic-schema.json",
 	"cleaning": {
 		"T_PRENOM": {
 			"REMARQUES": "(PRENOM <> PRENOMREF)",

package/src/stories/behaviour/performance/performance.stories.tsx

@@ -0,0 +1,29 @@
+import {
+	type Orchestrator,
+	OrchestratorMeta,
+	type OrchestratorStory,
+} from '../../utils/Orchestrator';
+import source from './source.json';
+
+import { Meta } from '@storybook/react';
+import { times } from '../../../utils/array';
+import { dataFromObject } from '../../../utils/object';
+
+const meta: Meta<typeof Orchestrator> = {
+	title: 'Behaviour/Performance',
+	...OrchestratorMeta,
+};
+
+export default meta;
+
+export const Default: OrchestratorStory = {
+	args: {
+		source,
+		data: dataFromObject({
+			PRENOM: times(200, (k) => `John${k}`),
+			NOM: times(200, (k) => `Doe${k}`),
+			AGE: times(200, (k) => k + 1),
+			BIRTHDAY: times(200, (k) => `2${k.toString().padStart(3, '0')}-01-01`),
+		}),
+	},
+};

package/src/stories/behaviour/resizing/resizing.stories.tsx

@@ -0,0 +1,34 @@
+import {
+	type Orchestrator,
+	OrchestratorMeta,
+	type OrchestratorStory,
+} from '../../utils/Orchestrator';
+import source from './source.json';
+import sourceResizingCleaning from './source-resizing-cleaning.json';
+
+import { Meta } from '@storybook/react';
+
+import { dataFromObject } from '../../../utils/object';
+
+const meta: Meta<typeof Orchestrator> = {
+	title: 'Behaviour/Resizing',
+	...OrchestratorMeta,
+};
+
+export default meta;
+
+export const Default: OrchestratorStory = {
+	args: {
+		source,
+	},
+};
+
+export const ResizingWithCleaning: OrchestratorStory = {
+	args: {
+		source: sourceResizingCleaning,
+		data: dataFromObject({
+			NBHAB: 2,
+			NAME: ['Jean', 'Paul'],
+		}),
+	},
+};

package/src/stories/behaviour/slots.stories.tsx

@@ -0,0 +1,34 @@
+import {
+	type Orchestrator,
+	OrchestratorMeta,
+	type OrchestratorStory,
+} from '../utils/Orchestrator';
+import source from '../input/source.json';
+
+import { Meta } from '@storybook/react';
+
+const meta: Meta<typeof Orchestrator> = {
+	title: 'Behaviour/Slots',
+	...OrchestratorMeta,
+};
+
+export default meta;
+
+export const Default: OrchestratorStory = {
+	args: {
+		source,
+		slots: {
+			Input: ({ onChange, value, label }) => (
+				<label className="floating-label">
+					<input
+						placeholder="Nom de l'occupant"
+						className="input"
+						value={value ?? ''}
+						onChange={(e) => onChange(e.currentTarget.value)}
+					/>
+					<span>{label}</span>
+				</label>
+			),
+		},
+	},
+};

package/src/stories/checkbox/checkbox.stories.tsx

@@ -0,0 +1,75 @@
+import {
+	type Orchestrator,
+	OrchestratorMeta,
+	type OrchestratorStory,
+} from '../utils/Orchestrator';
+import source from './source.json';
+import sourceGroup from './sourceGroup.json';
+import sourceGroupCondition from './sourceGroupCondition.json';
+import sourceGroupDetail from './sourceGroupDetail.json';
+import sourceGroupLoop from './sourceGroupLoop.json';
+import sourceOne from './sourceOne.json';
+import sourceOneDetail from './sourceOneDetail.json';
+
+import { Meta } from '@storybook/react';
+
+const meta: Meta<typeof Orchestrator> = {
+	title: 'Components/Checkbox',
+	...OrchestratorMeta,
+};
+
+export default meta;
+
+export const CheckboxBoolean: OrchestratorStory = {
+	args: {
+		source,
+	},
+};
+
+export const CheckboxGroup: OrchestratorStory = {
+	args: {
+		source: sourceGroup,
+		shortcut: true,
+	},
+};
+
+export const GroupWithCondition: OrchestratorStory = {
+	args: {
+		source: sourceGroupCondition,
+		shortcut: true,
+	},
+};
+
+export const CheckboxGroupReadOnly: OrchestratorStory = {
+	args: {
+		readOnly: true,
+		source: sourceGroup,
+		shortcut: true,
+	},
+};
+
+export const CheckboxGroupWithDetail: OrchestratorStory = {
+	args: {
+		source: sourceGroupDetail,
+		shortcut: true,
+	},
+};
+
+export const CheckboxGroupInLoop: OrchestratorStory = {
+	args: {
+		source: sourceGroupLoop,
+		shortcut: true,
+	},
+};
+
+export const CheckboxOne: OrchestratorStory = {
+	args: {
+		source: sourceOne,
+	},
+};
+
+export const CheckboxOneWithDetail: OrchestratorStory = {
+	args: {
+		source: sourceOneDetail,
+	},
+};

package/src/stories/{checkbox-group/sourceLoop.json → checkbox/sourceGroupLoop.json}

@@ -1,5 +1,5 @@
 {
-	"maxPage": "5",
+	"maxPage": "1",
 	"components": [
 		{
 			"id": "loop",

package/src/stories/datepicker/datepicker.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/Datepicker',
+	...OrchestratorMeta,
+};
+
+export default meta;
+
+export const Default: OrchestratorStory = {
+	args: {
+		source,
+	},
+};

package/src/stories/declaration/declaration.stories.tsx

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

package/src/stories/dropdown/dropdown.stories.tsx

@@ -0,0 +1,27 @@
+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/Dropdown',
+	...OrchestratorMeta,
+};
+
+export default meta;
+
+export const Default: OrchestratorStory = {
+	args: {
+		source,
+		data: dataFromObject({
+			STATE: '2',
+			STATE2: '3',
+		}),
+	},
+};

package/src/stories/duration/duration.stories.tsx

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

package/src/stories/filter-description/filter-description.stories.tsx

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

package/src/stories/input/input.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/Input',
+	...OrchestratorMeta,
+};
+
+export default meta;
+
+export const Default: OrchestratorStory = {
+	args: {
+		source,
+	},
+};

package/src/stories/input-number/input-number.stories.tsx

@@ -0,0 +1,35 @@
+import {
+	type Orchestrator,
+	OrchestratorMeta,
+	type OrchestratorStory,
+} from '../utils/Orchestrator';
+import source from './source.json';
+import sourceBigNumber from './source-big-number.json';
+import sourceEuro from './source-euro.json';
+
+import { Meta } from '@storybook/react';
+
+const meta: Meta<typeof Orchestrator> = {
+	title: 'Components/InputNumber',
+	...OrchestratorMeta,
+};
+
+export default meta;
+
+export const Default: OrchestratorStory = {
+	args: {
+		source,
+	},
+};
+
+export const DynamicUnit: OrchestratorStory = {
+	args: {
+		source: sourceEuro,
+	},
+};
+
+export const BigNumber: OrchestratorStory = {
+	args: {
+		source: sourceBigNumber,
+	},
+};

package/src/stories/loop/loop.stories.tsx

@@ -0,0 +1,35 @@
+import {
+	type Orchestrator,
+	OrchestratorMeta,
+	type OrchestratorStory,
+} from '../utils/Orchestrator';
+import sourceBloc from './source-bloc.json';
+import sourcePaginated from './source-paginated.json';
+
+import { Meta } from '@storybook/react';
+
+const meta: Meta<typeof Orchestrator> = {
+	title: 'Components/Loop',
+	...OrchestratorMeta,
+};
+
+export default meta;
+
+export const Default: OrchestratorStory = {
+	args: {
+		source: sourceBloc,
+	},
+};
+
+export const Paginated: OrchestratorStory = {
+	args: {
+		source: sourcePaginated,
+	},
+};
+
+export const ReadOnly: OrchestratorStory = {
+	args: {
+		source: sourceBloc,
+		readOnly: true,
+	},
+};

package/src/stories/loop/roster-for-loop.stories.tsx

@@ -0,0 +1,59 @@
+import { sleep } from '../../tests/utils/timer';
+import {
+	type Orchestrator,
+	OrchestratorMeta,
+	type OrchestratorStory,
+} from '../utils/Orchestrator';
+import source from './source-roster.json';
+
+import { Meta } from '@storybook/react';
+import { userEvent, within } from '@storybook/test';
+
+const meta: Meta<typeof Orchestrator> = {
+	title: 'Components/Loop/Roster',
+	...OrchestratorMeta,
+};
+
+export default meta;
+
+export const Default: OrchestratorStory = {
+	args: {
+		source,
+	},
+};
+
+export const ReadOnly: OrchestratorStory = {
+	args: {
+		source,
+		readOnly: true,
+	},
+};
+
+export const Filled: OrchestratorStory = {
+	args: Default.args,
+	play: async ({ canvasElement }) => {
+		await sleep(1000);
+		const canvas = within(canvasElement);
+		canvas.getByRole('button', { name: 'Ajouter une ligne' }).click();
+		await sleep(10);
+		const inputs = canvas.getAllByRole('textbox');
+		await userEvent.type(inputs[0], 'John', {
+			delay: 10,
+		});
+		await userEvent.type(inputs[3], 'Jane', {
+			delay: 10,
+		});
+		canvas.getByRole('button', { name: 'Next' }).click();
+		await userEvent.type(
+			await canvas.findByRole('textbox', { name: /John/i }),
+			'18'
+		);
+		canvas.getByRole('button', { name: 'Next' }).click();
+		await userEvent.type(
+			await canvas.findByRole('textbox', { name: /Jane/i }),
+			'20'
+		);
+		canvas.getByRole('button', { name: 'Next' }).click();
+		await canvas.findByText('End');
+	},
+};