@inseefr/lunatic 3.5.7 → 3.5.8

package/src/stories/radio/radio.stories.jsx

@@ -1,78 +0,0 @@
-import React from 'react';
-import Orchestrator from '../utils/orchestrator';
-import source from './source';
-import sourceHorizontal from './sourceHorizontal';
-import sourceDetail from './sourceDetail';
-import sourceCondition from './sourceCondition';
-import defaultArgs from '../utils/default-args';
-import defaultArgTypes from '../utils/default-arg-types';
-
-const stories = {
-	title: 'Components/Radio',
-	component: Orchestrator,
-	args: {
-		...defaultArgs,
-		shortcut: true,
-	},
-	argTypes: {
-		...defaultArgTypes,
-		shortcut: {
-			table: { disable: false },
-			control: 'boolean',
-			defaultValue: true,
-		},
-	},
-};
-
-export default stories;
-
-const Template = (args) => <Orchestrator {...args} />;
-export const Default = Template.bind({});
-
-Default.args = {
-	...stories.args,
-	source,
-};
-
-export const Condition = Template.bind({});
-
-Condition.args = {
-	...Default.args,
-	source: sourceCondition,
-};
-
-export const Horizontal = Template.bind({});
-
-Horizontal.args = {
-	...Default.args,
-	source: sourceHorizontal,
-};
-
-export const ReadOnly = Template.bind({});
-
-ReadOnly.args = {
-	...Default.args,
-	source,
-	readOnly: true,
-};
-
-export const WithDetail = Template.bind({});
-
-WithDetail.args = {
-	...Default.argTypes,
-	source: sourceDetail,
-	detailAlwaysDisplayed: false,
-};
-
-WithDetail.argTypes = {
-	...Default.argTypes,
-	detailAlwaysDisplayed: {
-		control: 'boolean',
-		defaultValue: false,
-		description: 'Always display detail options',
-		table: {
-			disable: false,
-			category: 'Components Options',
-		},
-	},
-};

package/src/stories/roundabout/data1.json

@@ -1,13 +0,0 @@
-{
-	"COLLECTED": {
-		"NB_HAB": {
-			"COLLECTED": 1
-		},
-		"PRENOMS": {
-			"COLLECTED": ["Fanny"]
-		},
-		"AGE": {
-			"COLLECTED": [15]
-		}
-	}
-}

package/src/stories/roundabout/data2.json

@@ -1,16 +0,0 @@
-{
-	"COLLECTED": {
-		"NB_HAB": {
-			"COLLECTED": 2
-		},
-		"PRENOMS": {
-			"COLLECTED": ["Fanny", "Ines"]
-		},
-		"AGE": {
-			"COLLECTED": [24, 22]
-		},
-		"PROGRESS": {
-			"COLLECTED": [-1, -1]
-		}
-	}
-}

package/src/stories/roundabout/roundabout.stories.jsx

@@ -1,32 +0,0 @@
-import Orchestrator from '../utils/orchestrator';
-import source from './source';
-import data1 from './data1';
-import data2 from './data2';
-import defaultArgTypes from '../utils/default-arg-types';
-
-const stories = {
-	title: 'Components/Roundabout',
-	component: Orchestrator,
-	argTypes: defaultArgTypes,
-};
-
-export default stories;
-
-const Template = (args) => <Orchestrator {...args} />;
-export const Default = Template.bind({});
-
-Default.args = {
-	id: 'roundabout',
-	source,
-	pagination: true,
-	data: data2,
-};
-
-export const OneIteration = Template.bind({});
-
-OneIteration.args = {
-	id: 'roundabout-one-iteration',
-	source,
-	pagination: true,
-	data: data1,
-};

package/src/stories/sequence/sequence.stories.jsx

@@ -1,29 +0,0 @@
-import React from 'react';
-import Orchestrator from '../utils/orchestrator';
-import sourceDeclarations from './source-declarations.json';
-import source from './source.json';
-import defaultArgTypes from '../utils/default-arg-types';
-
-const stories = {
-	title: 'Components/Sequence',
-	component: Orchestrator,
-	argTypes: {
-		...defaultArgTypes,
-	},
-};
-
-export default stories;
-
-const Template = (args) => <Orchestrator {...args} />;
-
-export const Default = Template.bind({});
-Default.args = {
-	id: 'sequence-simple',
-	source: source,
-};
-
-export const WithDeclarations = Template.bind({});
-WithDeclarations.args = {
-	id: 'sequence-Declarations',
-	source: sourceDeclarations,
-};

package/src/stories/suggester/suggester.stories.jsx

@@ -1,71 +0,0 @@
-import React from 'react';
-import defaultArgTypes from '../utils/default-arg-types';
-import Orchestrator from '../utils/orchestrator';
-import { getReferentiel } from '../utils/referentiel';
-import source from './source';
-import sourceOptionResponses from './source-option-responses';
-import sourceArbitraryResponse from './source-arbitrary-response.json';
-import sourceError from './source-error.json';
-import sourceMultiline from './source-multiline.json';
-
-const stories = {
-	title: 'Components/Suggester',
-	component: Orchestrator,
-	argTypes: defaultArgTypes,
-};
-
-export default stories;
-
-const Template = (args) => <Orchestrator {...args} />;
-export const Default = Template.bind({});
-
-const getFakeReferentiel = async (name) => {
-	try {
-		return (await import(`./fakeReferentiel.json`)).default;
-	} catch (error) {
-		console.log('error', error);
-		throw new Error(`Unknown référentiel ${name}`);
-	}
-};
-
-Default.args = {
-	id: 'suggester',
-	source,
-	autoSuggesterLoading: true,
-	getReferentiel,
-	pagination: true,
-};
-export const OptionResponses = Template.bind({});
-OptionResponses.args = {
-	id: 'suggester-with-option',
-	source: sourceOptionResponses,
-	getReferentiel: getFakeReferentiel,
-	autoSuggesterLoading: true,
-	pagination: true,
-};
-
-export const ArbitraryResponse = Template.bind({});
-ArbitraryResponse.args = {
-	id: 'suggester-with-option',
-	source: sourceArbitraryResponse,
-	getReferentiel: getFakeReferentiel,
-	autoSuggesterLoading: true,
-	pagination: true,
-};
-
-export const WithError = Template.bind({});
-WithError.args = {
-	id: 'suggester-error',
-	source: sourceError,
-	getReferentiel: getFakeReferentiel,
-	autoSuggesterLoading: true,
-	pagination: true,
-};
-
-export const MultiLine = Template.bind({});
-MultiLine.args = {
-	source: sourceMultiline,
-	getReferentiel: getReferentiel,
-	autoSuggesterLoading: true,
-	pagination: true,
-};

package/src/stories/summary/data.json

@@ -1,16 +0,0 @@
-{
-	"COLLECTED": {
-		"NB_HAB": {
-			"COLLECTED": 2
-		},
-		"PRENOMS": {
-			"COLLECTED": ["Matt", "Julia"]
-		},
-		"AGE": {
-			"COLLECTED": [26, 31]
-		},
-		"SEXE": {
-			"COLLECTED": ["1", "2"]
-		}
-	}
-}

package/src/stories/summary/summary.stories.jsx

@@ -1,23 +0,0 @@
-import React from 'react';
-import Orchestrator from '../utils/orchestrator';
-import source from './source';
-import data from './data.json';
-import defaultArgTypes from '../utils/default-arg-types';
-
-const stories = {
-	title: 'Components/Summary',
-	component: Orchestrator,
-	argTypes: defaultArgTypes,
-};
-
-export default stories;
-
-const Template = (args) => <Orchestrator {...args} />;
-export const Default = Template.bind({});
-
-Default.args = {
-	id: 'Summary',
-	source,
-	data,
-	pagination: true,
-};

package/src/stories/switch/README.md

@@ -1,29 +0,0 @@
-# CheckboxOne component
-
-## Props
-
-|      Props      |  Type  |              Default value               | Required | Description                             |
-| :-------------: | :----: | :--------------------------------------: | :------: | --------------------------------------- |
-|       id        | string |                    -                     |    ✓     | Id of the checkbox                      |
-|      label      | string |                    ""                    |          | Fieldset label of the checkbox          |
-| preferences \*  | array  |              ["COLLECTED"]               |          | Preferences to manage checkbox response |
-|   response \*   | object |                    {}                    |          | Response concerned by the component     |
-|   options \*    | array  |                    -                     |    ✓     | Options of the checkbox                 |
-|  handleChange   |  func  |                    -                     |    ✓     | Handler of the checkbox                 |
-|    disabled     |  bool  |                  false                   |          | Is the checkbox options disabled        |
-|     focused     |  bool  |                  false                   |          | Is the checkbox options focused         |
-| declarations \* | array  |                    []                    |          | Declarations of the checkbox            |
-|    features     | array  |                   [ ]                    |          | Component features for labels           |
-|    bindings     | object |                   [ ]                    |          | Questionnaire bindings                  |
-|   management    |  bool  |                  false                   |          | Management mode of the checkbox         |
-|    style \*     | object | { fieldsetStyle: {}, modalityStyle: {} } |          | Style of the checkbox                   |
-
-- `preferences` props has to be an ordered array of `COLLECTED`, `FORCED` or `EDITED`
-- `response` props has to be a shape of `{name: string, values: object}`
-- `options` props has to be an array made by objects with a shape of `{label: string, value: string}`
-- `declarations` are documented in the `Declarations` component
-- `style` props has to be composed of `fieldsetStyle` and `modalityStyle`
-
-## Styles
-
-**CheckboxOne** component has for classes `checkbox-group-list`, `checkbox-modality` and `checkbox-lunatic`.

package/src/stories/switch/data-forced.json

@@ -1,40 +0,0 @@
-{
-	"components": [
-		{
-			"id": "1",
-			"componentType": "Switch",
-			"isMandatory": false,
-			"label": "➡ 1. Are you ready?",
-			"response": {
-				"name": "READY"
-			}
-		},
-		{
-			"id": "2",
-			"componentType": "Switch",
-			"isMandatory": false,
-			"label": "➡ 2. Are you always ready?",
-			"response": {
-				"name": "READY2"
-			}
-		}
-	],
-	"variables": [
-		{
-			"variableType": "COLLECTED",
-			"name": "READY",
-			"componentRef": "1",
-			"values": {
-				"COLLECTED": true
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "READY2",
-			"componentRef": "2",
-			"values": {
-				"COLLECTED": true
-			}
-		}
-	]
-}

package/src/stories/switch/source.json

@@ -1,64 +0,0 @@
-{
-	"components": [
-		{
-			"id": "1",
-			"componentType": "Switch",
-			"isMandatory": false,
-			"label": { "value": "\"➡ 1. Are you ready?\"", "type": "VTL|MD" },
-			"statusLabel": { "true": "Yes", "false": "No" },
-			"response": {
-				"name": "READY"
-			},
-			"missingResponse": {
-				"name": "READY_MISSING"
-			}
-		},
-		{
-			"id": "2",
-			"componentType": "Switch",
-			"isMandatory": false,
-			"label": { "value": "\"➡ 2. Are you always ready?\"", "type": "VTL|MD" },
-			"response": {
-				"name": "READY2"
-			},
-			"missingResponse": {
-				"name": "READY2_MISSING"
-			},
-			"statusLabel": { "true": "Always", "false": "Never" }
-		}
-	],
-	"variables": [
-		{
-			"variableType": "COLLECTED",
-			"name": "READY",
-			"componentRef": "1",
-			"values": {
-				"COLLECTED": null
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "READY_MISSING",
-			"componentRef": "1",
-			"values": {
-				"COLLECTED": null
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "READY2",
-			"componentRef": "2",
-			"values": {
-				"COLLECTED": true
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "READY2_MISSING",
-			"componentRef": "2",
-			"values": {
-				"COLLECTED": null
-			}
-		}
-	]
-}

package/src/stories/switch/switch.stories.jsx

@@ -1,17 +0,0 @@
-import React from 'react';
-import Orchestrator from '../utils/orchestrator';
-import source from './source';
-import defaultArgTypes from '../utils/default-arg-types';
-
-const stories = {
-	title: 'Components/Switch',
-	component: Orchestrator,
-	argTypes: defaultArgTypes,
-};
-
-export default stories;
-
-const Template = (args) => <Orchestrator {...args} />;
-export const Default = Template.bind({});
-
-Default.args = { id: 'switch', source };

package/src/stories/table/data.json

@@ -1 +0,0 @@
-{}

package/src/stories/table/table.stories.jsx

@@ -1,30 +0,0 @@
-import React from 'react';
-import Orchestrator from '../utils/orchestrator';
-import source from './source.json';
-import data from './data.json';
-import sourceColspan from './source-colspan.json';
-import sourceDynamic from './table-dynamique.json';
-import defaultArgTypes from '../utils/default-arg-types';
-
-const stories = {
-	title: 'Components/Table',
-	component: Orchestrator,
-	argTypes: defaultArgTypes,
-};
-
-export default stories;
-
-const Template = (args) => <Orchestrator {...args} />;
-
-export const Default = Template.bind({});
-Default.args = { id: 'table', source: source, data: data };
-
-export const Colspan = Template.bind({});
-Colspan.args = { id: 'table', source: sourceColspan };
-
-export const DynamicTable = Template.bind({});
-
-DynamicTable.args = {
-	id: 'dynamic-table',
-	source: sourceDynamic,
-};

package/src/stories/text/data-roster.json

@@ -1,5 +0,0 @@
-{
-	"EXTERNAL": {
-		"VARIABLE_EXT": ["TRUC", "BIDULE", "CHOSE"]
-	}
-}

package/src/stories/text/text.stories.jsx

@@ -1,20 +0,0 @@
-import Orchestrator from '../utils/orchestrator';
-import source from './source.json';
-import sourceRoster from './source-roster.json';
-import dataRoster from './data-roster.json';
-import sourceTable from './source-table.json';
-import defaultArgTypes from '../utils/default-arg-types';
-
-const meta = {
-	title: 'Components/Text',
-	component: Orchestrator,
-	argTypes: defaultArgTypes,
-};
-
-export default meta;
-
-export const Text = { args: { id: 'table', source: source } };
-
-export const Roster = { args: { source: sourceRoster, data: dataRoster } };
-
-export const Table = { args: { source: sourceTable } };

package/src/stories/textarea/data.json

@@ -1 +0,0 @@
-{}

package/src/stories/textarea/textarea.stories.jsx

@@ -1,18 +0,0 @@
-import React from 'react';
-import Orchestrator from '../utils/orchestrator';
-import source from './source.json';
-import data from './data';
-import defaultArgTypes from '../utils/default-arg-types';
-
-const stories = {
-	title: 'Components/Textarea',
-	component: Orchestrator,
-	argTypes: defaultArgTypes,
-};
-
-export default stories;
-
-const Template = (args) => <Orchestrator {...args} />;
-export const Default = Template.bind({});
-
-Default.args = { id: 'input', source, data };

package/src/stories/utils/SchemaValidator.jsx

@@ -1,40 +0,0 @@
-import Ajv from 'ajv/dist/2020.js';
-import { useMemo } from 'react';
-import LunaticSchema from '../../../lunatic-schema.json';
-
-export function SchemaValidator({ source }) {
-	const errors = useMemo(() => {
-		const ajv = new Ajv({
-			removeAdditional: true,
-			strict: false,
-			allErrors: true,
-			discriminator: true,
-		});
-		const validator = ajv.compile(LunaticSchema);
-		const isSourceValid = validator(structuredClone(source)); // ajv mutate the object, send a clone
-		if (!isSourceValid) {
-			return validator.errors;
-		}
-		return null;
-	}, [source]);
-
-	if (!errors) {
-		return null;
-	}
-
-	return (
-		<div className="json-errors">
-			<p>
-				<strong>{errors.length}</strong> erreurs
-			</p>
-			<ul>
-				{errors.map((err, k) => (
-					<li key={k}>
-						<strong>{err.instancePath}</strong> : {err.message}{' '}
-						<small>({err.schemaPath})</small>
-					</li>
-				))}
-			</ul>
-		</div>
-	);
-}

package/src/stories/utils/default-arg-types.js

@@ -1,39 +0,0 @@
-const fields = [
-	'source',
-	'id',
-	'disableFilters',
-	'pagination',
-	'data',
-	'management',
-	'activeControls',
-	'features',
-	'initialPage',
-	'getStoreInfo',
-	'missing',
-	'shortcut',
-	'disableFiltersDescription',
-	'disabled',
-	'showOverview',
-	'missingStrategy',
-	'detailAlwaysDisplayed',
-];
-
-const defaultArgTypes = fields.reduce(
-	(acc, f) => ({
-		...acc,
-		[f]: {
-			table: {
-				disable: true,
-			},
-		},
-	}),
-	{
-		readOnly: {
-			table: { disable: false },
-			control: 'boolean',
-			defaultValue: false,
-		},
-	}
-);
-
-export default defaultArgTypes;

package/src/stories/utils/default-args.js

@@ -1,3 +0,0 @@
-const defaultArgs = { readOnly: false };
-
-export default defaultArgs;

package/src/stories/utils/options.js

@@ -1,19 +0,0 @@
-export const labelPositionOptions = {
-	Default: 'DEFAULT',
-	Top: 'TOP',
-	Right: 'RIGHT',
-	Bottom: 'BOTTOM',
-	Left: 'LEFT',
-};
-
-export const unitPositionOptions = {
-	Default: 'DEFAULT',
-	Before: 'BEFORE',
-	After: 'AFTER',
-};
-
-export const featuresOptions = {
-	None: [],
-	Vtl: ['VTL'],
-	'Vtl Md': ['VTL', 'MD'],
-};