@inseefr/lunatic 3.5.6 → 3.5.8

package/src/hooks/useLocalStorage.ts

@@ -0,0 +1,37 @@
+import { useCallback, useMemo, useState } from 'react';
+
+export function useLocalStorage<T>(
+	key: string
+): [T | null, (value: string) => void, string] {
+	const [storedValue, setStoredValue] = useState<T | null>(() => {
+		try {
+			const item = window.localStorage.getItem(key);
+			return item ? JSON.parse(item) : null;
+		} catch (error) {
+			console.error(`Error reading localStorage key "${key}":`, error);
+			return null;
+		}
+	});
+
+	const setValue = useCallback(
+		(value: string) => {
+			try {
+				const parsedValue = JSON.parse(value);
+				setStoredValue(parsedValue);
+				window.localStorage.setItem(key, value);
+			} catch (error) {
+				console.error(`Error setting localStorage key "${key}":`, error);
+			}
+		},
+		[key]
+	);
+
+	const stringValue = useMemo(() => {
+		if (!storedValue) {
+			return '';
+		}
+		return JSON.stringify(storedValue, null, 2);
+	}, [storedValue]);
+
+	return [storedValue, setValue, stringValue];
+}

package/src/json.d.ts

@@ -0,0 +1,16 @@
+declare module './data*.json' {
+	import type { LunaticData } from './use-lunatic/type';
+	const value: LunaticData;
+	export default value;
+}
+
+declare module '*-schema.json' {
+	const value: any;
+	export default value;
+}
+
+declare module '*.json' {
+	import type { LunaticSource } from './type.source';
+	const value: LunaticSource;
+	export default value;
+}

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

package/src/stories/behaviour/cleaning/cleaning.stories.tsx

@@ -0,0 +1,40 @@
+import {
+	type Orchestrator,
+	OrchestratorMeta,
+	type OrchestratorStory,
+} from '../../utils/Orchestrator';
+import source from './source.json';
+import sourceLoop from './source-loop.json';
+import sourceLoopScopes from './source-loop-scopes.json';
+
+import { Meta } from '@storybook/react';
+
+import { dataFromObject } from '../../../utils/object';
+
+const meta: Meta<typeof Orchestrator> = {
+	title: 'Behaviour/Cleaning',
+	...OrchestratorMeta,
+};
+
+export default meta;
+
+export const Default: OrchestratorStory = {
+	args: {
+		source,
+	},
+};
+
+export const Loop: OrchestratorStory = {
+	args: {
+		source: sourceLoop,
+	},
+};
+
+export const LoopWithMixedScopes: OrchestratorStory = {
+	args: {
+		source: sourceLoopScopes,
+		data: dataFromObject({
+			PRENOM: ['Laurent', 'Alain', 'toto'],
+		}),
+	},
+};

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,
+	},
+};