@inseefr/lunatic 0.1.0-hackathon → 0.1.0-v2

package/src/stories/datepicker/data.json

@@ -1,43 +1,45 @@
-{
-	"components": [
-		{
-			"id": "j334cyqb",
-			"componentType": "Datepicker",
-			"mandatory": false,
-			"label": "➡ 5. When was the first episode of the Simpsons?",
-			"response": {
-				"name": "DATEFIRST"
-			},
-			"dateFormat": "jj/mm/aaaa",
-			"missingResponse": {
-				"name": "DATEFIRST_MISSING"
-			}
-		}
-	],
-	"variables": [
-		{
-			"variableType": "COLLECTED",
-			"name": "DATEFIRST",
-			"componentRef": "j334cyqb",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": "2000-07-12",
-				"FORCED": "1989-12-17",
-				"EDITED": null,
-				"INPUTED": null
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "DATEFIRST_MISSING",
-			"componentRef": "j334cyqb",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": null,
-				"FORCED": null,
-				"EDITED": null,
-				"INPUTED": null
-			}
-		}
-	]
-}
+{
+	"components": [
+		{
+			"id": "j334cyqb",
+			"componentType": "Datepicker",
+			"mandatory": false,
+			"label": "➡ 5. When was the first episode of the Simpsons?",
+			"response": {
+				"name": "DATEFIRST"
+			},
+			"dateFormat": "jj/mm/aaaa",
+			"missingResponse": {
+				"name": "DATEFIRST_MISSING"
+			},
+			"min": "1900-01-01",
+			"max": "2099-12-31"
+		}
+	],
+	"variables": [
+		{
+			"variableType": "COLLECTED",
+			"name": "DATEFIRST",
+			"componentRef": "j334cyqb",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": "2000-07-12",
+				"FORCED": "1989-12-17",
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "DATEFIRST_MISSING",
+			"componentRef": "j334cyqb",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		}
+	]
+}

package/src/stories/declarations/declarations.stories.js

@@ -5,8 +5,7 @@ import { Declarations } from 'components';
 import readme from './README.md';
 import { titleDecorator } from 'utils/lib';
 import * as C from '../../constants';
-import { featuresOptions } from '../utils/options';
-import { object, select } from '@storybook/addon-knobs/react';
+import { createExecuteExpression } from '../../utils/to-expose/hooks/use-lunatic/commons';
 
 const stories = storiesOf('Declarations', module)
 	.addDecorator(withReadme(readme))
@@ -15,15 +14,24 @@ const stories = storiesOf('Declarations', module)
 		return <WrappedComponent title="<Declarations />" />;
 	});
 
-stories.addWithJSX('Default', () => (
-	<div className="lunatic-component">
-		<Declarations
-			id="default"
-			type={C.BEFORE_QUESTION_TEXT}
-			declarations={declarations}
-		/>
-	</div>
-));
+function execute(exp) {
+	return exp;
+}
+
+stories.addWithJSX('Default', function () {
+	return (
+		<div className="lunatic-component">
+			<Declarations
+				id="default"
+				type={C.BEFORE_QUESTION_TEXT}
+				declarations={declarations}
+				executeExpression={execute}
+			/>
+		</div>
+	);
+});
+
+const [executeExpression] = createExecuteExpression({}, ['VTL']);
 
 stories.addWithJSX('Props', () => (
 	<div className="lunatic-component">
@@ -31,8 +39,7 @@ stories.addWithJSX('Props', () => (
 			id="default"
 			type={C.BEFORE_QUESTION_TEXT}
 			declarations={declarationsVtl}
-			features={select('Features', featuresOptions, ['VTL', 'MD'])}
-			bindings={object('Bindings', { test: 'test' })}
+			executeExpression={executeExpression}
 		/>
 	</div>
 ));

package/src/stories/icons/icons.stories.js

@@ -1,16 +1,24 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-import CrossIcon from '../../utils/icons/cross.icon';
-import ClosedIcon from '../../utils/icons/closed.icon';
-import OpenedIcon from '../../utils/icons/opened.icon';
-import LoadIcon from '../../utils/icons/load.icon';
-import NetworkIcon from '../../utils/icons/network.icon';
-import OnDragIcon from '../../utils/icons/on-drag.icon';
-
-storiesOf('Icons', module)
-	.add('cross', () => <CrossIcon />)
-	.add('opened', () => <OpenedIcon />)
-	.add('closed', () => <ClosedIcon />)
-	.add('load', () => <LoadIcon />)
-	.add('network', () => <NetworkIcon />)
-	.add('on-drag', () => <OnDragIcon />);
+import React from 'react';
+import { storiesOf } from '@storybook/react';
+import CrossIcon from '../../utils/icons/cross.icon';
+import ClosedIcon from '../../utils/icons/closed.icon';
+import OpenedIcon from '../../utils/icons/opened.icon';
+import LoadIcon from '../../utils/icons/load.icon';
+import NetworkIcon from '../../utils/icons/network.icon';
+import OnDragIcon from '../../utils/icons/on-drag.icon';
+import RadioChecked from '../../utils/icons/radio-checked.icon';
+import RadioUnchecked from '../../utils/icons/radio-unchecked.icon';
+import CheckboxChecked from '../../utils/icons/checkbox-checked.icon';
+import CheckboxUnchecked from '../../utils/icons/checkbox-unchecked.icon';
+
+storiesOf('Icons', module)
+	.add('cross', () => <CrossIcon />)
+	.add('opened', () => <OpenedIcon />)
+	.add('closed', () => <ClosedIcon />)
+	.add('load', () => <LoadIcon />)
+	.add('network', () => <NetworkIcon />)
+	.add('on-drag', () => <OnDragIcon />)
+	.add('radio-unchecked', () => <RadioChecked />)
+	.add('radio-checked', () => <RadioUnchecked />)
+	.add('checkbox-checked', () => <CheckboxChecked />)
+	.add('checkbox-unchecked', () => <CheckboxUnchecked />);

package/src/stories/loop-constructor/README.md

@@ -1,27 +1,27 @@
-# LoopConstructor component
-
-`RosterForLoop` is a LoopConstructor component.
-
-## Props
-
-|      Props      |  Type  | Default value | Required | Description                           |
-| :-------------: | :----: | :-----------: | :------: | ------------------------------------- |
-|       id        | string |       -       |    ✓     | Id of the table                       |
-|      label      | string |      ""       |          | Label of the table                    |
-| preferences \*  | array  | ["COLLECTED"] |          | Preferences to manage table response  |
-|    cells \*     | array  |      []       |          | Table cells                           |
-|  handleChange   |  func  |       -       |    ✓     | Handler of the table                  |
-|      lines      | object |      {}       |          | Min and max lines for evolutive table |
-| declarations \* | array  |      []       |          | Declarations of the table             |
-|    features     | array  |      [ ]      |          | Component features for labels         |
-|    bindings     | object |      [ ]      |          | Questionnaire bindings                |
-| positioning \*  | string |   "DEFAULT"   |          | Cell options positioning              |
-|   addBtnLabel   | string | "Add a line"  |          | Label of the button to add lines      |
-|     hideBtn     |  bool  |     false     |          | Hide the add button                   |
-|   management    |  bool  |     false     |          | Management mode of the table          |
-|      style      | object |      {}       |          | Style of the table                    |
-
-- `preferences` props has to be an ordered array of `COLLECTED`, `FORCED` or `EDITED`
-- `cells` props has to be an array of array's components
-- `positioning` props has to be one of `DEFAULT`, `HORIZONTAL` or `VERTICAL`
-- `declarations` are documented in the `Declarations` component
+# LoopConstructor component
+
+`RosterForLoop` is a LoopConstructor component.
+
+## Props
+
+|      Props      |  Type  | Default value | Required | Description                           |
+| :-------------: | :----: | :-----------: | :------: | ------------------------------------- |
+|       id        | string |       -       |    ✓     | Id of the table                       |
+|      label      | string |      ""       |          | Label of the table                    |
+| preferences \*  | array  | ["COLLECTED"] |          | Preferences to manage table response  |
+|    cells \*     | array  |      []       |          | Table cells                           |
+|  handleChange   |  func  |       -       |    ✓     | Handler of the table                  |
+|      lines      | object |      {}       |          | Min and max lines for evolutive table |
+| declarations \* | array  |      []       |          | Declarations of the table             |
+|    features     | array  |      [ ]      |          | Component features for labels         |
+|    bindings     | object |      [ ]      |          | Questionnaire bindings                |
+| positioning \*  | string |   "DEFAULT"   |          | Cell options positioning              |
+|   addBtnLabel   | string | "Add a line"  |          | Label of the button to add lines      |
+|     hideBtn     |  bool  |     false     |          | Hide the add button                   |
+|   management    |  bool  |     false     |          | Management mode of the table          |
+|      style      | object |      {}       |          | Style of the table                    |
+
+- `preferences` props has to be an ordered array of `COLLECTED`, `FORCED` or `EDITED`
+- `cells` props has to be an array of array's components
+- `positioning` props has to be one of `DEFAULT`, `HORIZONTAL` or `VERTICAL`
+- `declarations` are documented in the `Declarations` component

package/src/stories/loop-constructor/data-input-forced.json

@@ -1,64 +1,64 @@
-{
-	"components": [
-		{
-			"id": "nn",
-			"componentType": "InputNumber",
-			"mandatory": false,
-			"min": 1,
-			"max": 4,
-			"decimals": 0,
-			"label": "Loop Num",
-			"response": {
-				"name": "NUM"
-			}
-		},
-		{
-			"id": "idLoop",
-			"label": "boucle individu",
-			"componentType": "Loop",
-			"iterations": "NUM",
-			"conditionFilter": { "value": "true" },
-			"loopDependencies": ["NUM"],
-			"bindingDependencies": ["PRENOM", "NUM"],
-			"components": [
-				{
-					"id": "k3ym6x16",
-					"label": "Prénom :",
-					"componentType": "Input",
-					"conditionFilter": { "value": "true" },
-					"mandatory": false,
-					"bindingDependencies": ["PRENOM"],
-					"response": {
-						"name": "PRENOM"
-					}
-				}
-			]
-		}
-	],
-	"variables": [
-		{
-			"variableType": "COLLECTED",
-			"name": "NUM",
-			"componentRef": "nn",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": "2",
-				"FORCED": null,
-				"EDITED": null,
-				"INPUTED": null
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "PRENOM",
-			"componentRef": "idLoop",
-			"values": {
-				"PREVIOUS": [null],
-				"COLLECTED": ["Mauro", "Marco"],
-				"FORCED": [null],
-				"EDITED": [null],
-				"INPUTED": [null]
-			}
-		}
-	]
-}
+{
+	"components": [
+		{
+			"id": "nn",
+			"componentType": "InputNumber",
+			"mandatory": false,
+			"min": 1,
+			"max": 4,
+			"decimals": 0,
+			"label": "Loop Num",
+			"response": {
+				"name": "NUM"
+			}
+		},
+		{
+			"id": "idLoop",
+			"label": "boucle individu",
+			"componentType": "Loop",
+			"iterations": "NUM",
+			"conditionFilter": { "value": "true" },
+			"loopDependencies": ["NUM"],
+			"bindingDependencies": ["PRENOM", "NUM"],
+			"components": [
+				{
+					"id": "k3ym6x16",
+					"label": "Prénom :",
+					"componentType": "Input",
+					"conditionFilter": { "value": "true" },
+					"mandatory": false,
+					"bindingDependencies": ["PRENOM"],
+					"response": {
+						"name": "PRENOM"
+					}
+				}
+			]
+		}
+	],
+	"variables": [
+		{
+			"variableType": "COLLECTED",
+			"name": "NUM",
+			"componentRef": "nn",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": "2",
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "PRENOM",
+			"componentRef": "idLoop",
+			"values": {
+				"PREVIOUS": [null],
+				"COLLECTED": ["Mauro", "Marco"],
+				"FORCED": [null],
+				"EDITED": [null],
+				"INPUTED": [null]
+			}
+		}
+	]
+}

package/src/stories/loop-constructor/data-input.json

@@ -1,100 +1,100 @@
-{
-	"components": [
-		{
-			"id": "nn",
-			"componentType": "InputNumber",
-			"mandatory": false,
-			"min": 1,
-			"max": 4,
-			"decimals": 0,
-			"label": "Loop Num (affichera le nombre saisi + 1)",
-			"response": {
-				"name": "NUM"
-			},
-			"missingResponse": {
-				"name": "NUM_MISSING"
-			}
-		},
-		{
-			"id": "idLoop",
-			"label": "boucle individu",
-			"componentType": "Loop",
-			"iterations": "NUM_ONE",
-			"conditionFilter": { "value": "true" },
-			"loopDependencies": ["NUM_ONE"],
-			"bindingDependencies": ["PRENOM", "NUM_ONE"],
-			"missingResponse": {
-				"name": "ROSTER_MISSING"
-			},
-			"components": [
-				{
-					"id": "k3ym6x16",
-					"label": "Prénom :",
-					"componentType": "Input",
-					"conditionFilter": { "value": "true" },
-					"mandatory": false,
-					"bindingDependencies": ["PRENOM"],
-					"response": {
-						"name": "PRENOM"
-					}
-				}
-			]
-		}
-	],
-	"variables": [
-		{
-			"variableType": "COLLECTED",
-			"name": "NUM",
-			"componentRef": "nn",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": null,
-				"FORCED": null,
-				"EDITED": null,
-				"INPUTED": null
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "NUM_MISSING",
-			"componentRef": "nn",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": null,
-				"FORCED": null,
-				"EDITED": null,
-				"INPUTED": null
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "PRENOM",
-			"componentRef": "idLoop",
-			"values": {
-				"PREVIOUS": [null],
-				"COLLECTED": [null],
-				"FORCED": [null],
-				"EDITED": [null],
-				"INPUTED": [null]
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "ROSTER_MISSING",
-			"componentRef": "idLoop",
-			"values": {
-				"PREVIOUS": [null],
-				"COLLECTED": [null],
-				"FORCED": [null],
-				"EDITED": [null],
-				"INPUTED": [null]
-			}
-		},
-		{
-			"variableType": "CALCULATED",
-			"expression": "cast(NUM, integer) + 1",
-			"name": "NUM_ONE",
-			"bindingDependencies": ["NUM"]
-		}
-	]
-}
+{
+	"components": [
+		{
+			"id": "nn",
+			"componentType": "InputNumber",
+			"mandatory": false,
+			"min": 1,
+			"max": 4,
+			"decimals": 0,
+			"label": "Loop Num (affichera le nombre saisi + 1)",
+			"response": {
+				"name": "NUM"
+			},
+			"missingResponse": {
+				"name": "NUM_MISSING"
+			}
+		},
+		{
+			"id": "idLoop",
+			"label": "boucle individu",
+			"componentType": "Loop",
+			"iterations": "NUM_ONE",
+			"conditionFilter": { "value": "true" },
+			"loopDependencies": ["NUM_ONE"],
+			"bindingDependencies": ["PRENOM", "NUM_ONE"],
+			"missingResponse": {
+				"name": "ROSTER_MISSING"
+			},
+			"components": [
+				{
+					"id": "k3ym6x16",
+					"label": "Prénom :",
+					"componentType": "Input",
+					"conditionFilter": { "value": "true" },
+					"mandatory": false,
+					"bindingDependencies": ["PRENOM"],
+					"response": {
+						"name": "PRENOM"
+					}
+				}
+			]
+		}
+	],
+	"variables": [
+		{
+			"variableType": "COLLECTED",
+			"name": "NUM",
+			"componentRef": "nn",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "NUM_MISSING",
+			"componentRef": "nn",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "PRENOM",
+			"componentRef": "idLoop",
+			"values": {
+				"PREVIOUS": [null],
+				"COLLECTED": [null],
+				"FORCED": [null],
+				"EDITED": [null],
+				"INPUTED": [null]
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "ROSTER_MISSING",
+			"componentRef": "idLoop",
+			"values": {
+				"PREVIOUS": [null],
+				"COLLECTED": [null],
+				"FORCED": [null],
+				"EDITED": [null],
+				"INPUTED": [null]
+			}
+		},
+		{
+			"variableType": "CALCULATED",
+			"expression": "cast(NUM, integer) + 1",
+			"name": "NUM_ONE",
+			"bindingDependencies": ["NUM"]
+		}
+	]
+}