@inseefr/lunatic 2.0.0 → 2.0.1-v2

package/lib/stories/radio/source.json

@@ -0,0 +1,36 @@
+{
+	"components": [
+		{
+			"id": "radio",
+			"componentType": "Radio",
+			"mandatory": false,
+			"page": "3",
+			"label": {
+				"value": "Radio component",
+				"type": "VTL|MD"
+			},
+
+			"conditionFilter": { "value": "true", "type": "VTL" },
+
+			"options": [
+				{ "value": "1", "label": { "value": "oui", "type": "VTL|MD" } },
+
+				{ "value": "2", "label": { "value": "non", "type": "VTL|MD" } }
+			],
+			"response": { "name": "Q2" }
+		}
+	],
+	"variables": [
+		{
+			"variableType": "COLLECTED",
+			"name": "Q2",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		}
+	]
+}

package/lib/stories/roster-for-loop/roster-for-loop.stories.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _orchestrator = _interopRequireDefault(require("../utils/orchestrator"));
+
+var _source = _interopRequireDefault(require("./source"));
+
+var _defaultArgTypes = _interopRequireDefault(require("../utils/default-arg-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var stories = {
+  title: 'Components/RosterForLoop',
+  component: _orchestrator["default"],
+  argTypes: _defaultArgTypes["default"]
+};
+var _default = stories;
+exports["default"] = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/_react["default"].createElement(_orchestrator["default"], args);
+};
+
+var Default = Template.bind({});
+exports.Default = Default;
+Default.args = {
+  id: 'roster-for-loop',
+  source: _source["default"]
+};

package/lib/stories/roster-for-loop/source.json

@@ -0,0 +1,114 @@
+{
+	"maxPage": "3",
+	"components": [
+		{
+			"id": "seq",
+			"componentType": "Sequence",
+			"label": {
+				"value": "\"Description des individus de votre logement\"",
+				"type": "VTL|MD"
+			},
+			"conditionFilter": { "value": "true", "type": "VTL" },
+			"page": "1"
+		},
+		{
+			"id": "loop-prenom",
+			"componentType": "RosterForLoop",
+			"label": { "value": "\"Ajouter un individu\"", "type": "VTL|MD" },
+			"conditionFilter": { "value": "true", "type": "VTL" },
+			"bindingDependencies": ["PRENOM"],
+			"lines": {
+				"min": { "value": 1, "type": "VTL" },
+				"max": { "value": 10, "type": "VTL" }
+			},
+			"page": "1",
+			"components": [
+				{
+					"componentType": "Input",
+					"label": { "value": "\"Prénom\"", "type": "VTL|MD" },
+					"conditionFilter": { "value": "true", "type": "VTL" },
+					"maxLength": 30,
+					"bindingDependencies": ["PRENOM"],
+					"id": "prenom",
+					"response": {
+						"name": "PRENOM"
+					}
+				}
+			]
+		},
+		{
+			"id": "loop",
+			"componentType": "Loop",
+
+			"loopDependencies": ["PRENOM"],
+			"iterations": { "value": "count(PRENOM)", "type": "VTL" },
+			"page": "2",
+			"maxPage": "1",
+			"depth": 1,
+			"paginatedLoop": true,
+			"conditionFilter": {
+				"value": "true",
+				"type": "VTL"
+			},
+			"components": [
+				{
+					"id": "age",
+					"label": {
+						"value": "PRENOM || \", quel est vôtre âge ?\"",
+						"type": "VTL"
+					},
+					"conditionFilter": {
+						"value": "true",
+						"type": "VTL"
+					},
+					"page": "2.1",
+					"componentType": "InputNumber",
+					"min": 0,
+					"max": 120,
+					"decimals": 0,
+					"response": { "name": "AGE" }
+				}
+			]
+		},
+		{
+			"id": "seq-end",
+			"componentType": "Sequence",
+			"label": {
+				"value": "\"End\"",
+				"type": "VTL|MD"
+			},
+			"conditionFilter": { "value": "true", "type": "VTL" },
+			"page": "3"
+		}
+	],
+	"resizing": {
+		"PRENOM": {
+			"size": "count(PRENOM)",
+			"variables": ["AGE"]
+		}
+	},
+	"variables": [
+		{
+			"variableType": "COLLECTED",
+			"name": "PRENOM",
+			"values": {
+				"PREVIOUS": [null],
+				"COLLECTED": [null],
+				"FORCED": [null],
+				"EDITED": [null],
+				"INPUTED": [null]
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "AGE",
+			"values": {
+				"PREVIOUS": [null],
+				"COLLECTED": [null],
+				"FORCED": [null],
+				"EDITED": [null],
+				"INPUTED": [null]
+			}
+		}
+	]
+}

package/lib/stories/suggester/source.json

@@ -0,0 +1,234 @@
+{
+	"maxPage": "4",
+	"suggesters": [
+		{
+			"name": "naf-rev2",
+			"fields": [
+				{
+					"name": "label",
+					"rules": ["[\\w]+"],
+					"language": "French",
+					"min": 2
+				},
+				{ "name": "id" }
+			],
+			"queryParser": {
+				"type": "tokenized",
+				"params": { "language": "French", "pattern": "[\\w.]+" }
+			},
+			"version": "1"
+		},
+		{
+			"name": "naf-rev2-stop",
+			"fields": [
+				{
+					"name": "label",
+					"rules": ["[\\w]+"],
+					"language": "French",
+					"min": 2
+				},
+				{ "name": "id" }
+			],
+			"queryParser": {
+				"type": "tokenized",
+				"params": { "language": "French", "pattern": "[\\w.]+" }
+			},
+			"version": "1"
+		},
+		{
+			"name": "cog-communes",
+			"fields": [
+				{ "name": "label", "rules": "soft" },
+				{ "name": "nccenr", "rules": "soft" },
+				{ "name": "id", "rules": "soft" }
+			],
+			"queryParser": { "type": "soft" },
+			"version": "1"
+		}
+	],
+	"components": [
+		{
+			"id": "nn",
+			"componentType": "InputNumber",
+			"mandatory": false,
+			"min": 1,
+			"max": 4,
+			"decimals": 0,
+			"label": { "value": "\"Number of inhabitants\"", "type": "VTL|MD" },
+			"conditionFilter": { "value": "true", "type": "VTL" },
+			"response": {
+				"name": "NUM"
+			},
+			"page": "1"
+		},
+		{
+			"id": "idLoop",
+			"label": { "value": "\"Boucle individu\"", "type": "VTL|MD" },
+			"componentType": "Loop",
+			"iterations": { "value": "cast(NUM, integer)", "type": "VTL" },
+			"paginatedLoop": false,
+			"conditionFilter": { "value": "true", "type": "VTL" },
+			"loopDependencies": ["NUM"],
+			"page": "2",
+			"components": [
+				{
+					"id": "k3ym6x16",
+					"label": { "value": "\"Prénom :\"", "type": "VTL|MD" },
+					"componentType": "Input",
+					"conditionFilter": { "value": "true", "type": "VTL" },
+					"mandatory": false,
+					"response": {
+						"name": "PRENOM"
+					},
+					"page": "2"
+				}
+			]
+		},
+		{
+			"id": "idLoopInd",
+			"label": { "value": "\"Boucle individu\"", "type": "VTL|MD" },
+			"componentType": "Loop",
+			"iterations": { "value": "count(PRENOM)", "type": "VTL" },
+			"paginatedLoop": true,
+			"conditionFilter": { "value": "true", "type": "VTL" },
+			"loopDependencies": ["PRENOM"],
+			"page": "3",
+			"maxPage": "3",
+			"components": [
+				{
+					"id": "k3ym61vfzzzzzzzzzzzz",
+					"componentType": "Sequence",
+					"label": {
+						"value": "\"Questionnaire de : \" || PRENOM",
+						"type": "VTL|MD"
+					},
+					"conditionFilter": {
+						"value": "not(isnull(PRENOM))",
+						"type": "VTL"
+					},
+					"page": "3.1"
+				},
+				{
+					"id": "sugg1",
+					"componentType": "Suggester",
+					"mandatory": false,
+					"label": {
+						"value": "PRENOM || \" what's your favorite NAF code? (default stop words)\"",
+						"type": "VTL|MD"
+					},
+					"storeName": "naf-rev2",
+					"conditionFilter": {
+						"value": "not(isnull(PRENOM))",
+						"type": "VTL"
+					},
+					"response": {
+						"name": "NAF"
+					},
+					"page": "3.2"
+				},
+				{
+					"id": "sugg2",
+					"componentType": "Suggester",
+					"mandatory": false,
+					"label": "PRENOM || \" what's your favorite NAF code? (without stop words)\"",
+					"storeName": "naf-rev2-stop",
+					"conditionFilter": {
+						"value": "not(isnull(PRENOM))",
+						"type": "VTL"
+					},
+					"response": {
+						"name": "NAF_STOP"
+					},
+					"page": "3.2"
+				},
+				{
+					"id": "sugg-communes",
+					"componentType": "Suggester",
+					"mandatory": false,
+					"label": {
+						"value": "PRENOM || \" what's your favorite city?\"",
+						"type": "VTL|MD"
+					},
+					"storeName": "cog-communes",
+					"conditionFilter": {
+						"value": "not(isnull(PRENOM))",
+						"type": "VTL"
+					},
+					"response": {
+						"name": "CITY"
+					},
+					"page": "3.3"
+				}
+			]
+		},
+		{
+			"id": "kk",
+			"componentType": "Sequence",
+			"label": { "value": "\"END\"", "type": "VTL|MD" },
+			"conditionFilter": { "value": "true", "type": "VTL" },
+			"page": "4"
+		}
+	],
+	"variables": [
+		{
+			"variableType": "COLLECTED",
+			"name": "NUM",
+			"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": "NAF",
+			"componentRef": "idLoopInd",
+			"values": {
+				"PREVIOUS": [null],
+				"COLLECTED": [null],
+				"FORCED": [null],
+				"EDITED": [null],
+				"INPUTED": [null]
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "NAF_STOP",
+			"componentRef": "idLoopInd",
+			"values": {
+				"PREVIOUS": [null],
+				"COLLECTED": [null],
+				"FORCED": [null],
+				"EDITED": [null],
+				"INPUTED": [null]
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "CITY",
+			"componentRef": "idLoopInd",
+			"values": {
+				"PREVIOUS": [null],
+				"COLLECTED": [null],
+				"FORCED": [null],
+				"EDITED": [null],
+				"INPUTED": [null]
+			}
+		}
+	]
+}

package/lib/stories/suggester/suggester.stories.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _orchestrator = _interopRequireDefault(require("../utils/orchestrator"));
+
+var _source = _interopRequireDefault(require("./source"));
+
+var _defaultArgTypes = _interopRequireDefault(require("../utils/default-arg-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var stories = {
+  title: 'Components/Suggester',
+  component: _orchestrator["default"],
+  argTypes: _defaultArgTypes["default"]
+};
+var _default = stories;
+exports["default"] = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/_react["default"].createElement(_orchestrator["default"], args);
+};
+
+var Default = Template.bind({});
+exports.Default = Default;
+
+var suggesterFetcher = function suggesterFetcher(url) {
+  return fetch(url, {
+    headers: {
+      Accept: 'application/json'
+    }
+  });
+};
+
+Default.args = {
+  id: 'suggester',
+  source: _source["default"],
+  autoSuggesterLoading: true,
+  suggesters: {
+    'naf-rev2': {
+      url: 'https://inseefr.github.io/Lunatic/storybook/naf-rev2.json'
+    },
+    'naf-rev2-stop': {
+      url: 'https://inseefr.github.io/Lunatic/storybook/naf-rev2.json',
+      stopWords: []
+    },
+    'cog-communes': {
+      url: 'https://inseefr.github.io/Lunatic/storybook/communes-2019.json'
+    }
+  },
+  suggesterFetcher: suggesterFetcher,
+  pagination: true
+};

package/{src/stories/checkbox-one → lib/stories/switch}/README.md

@@ -1,31 +1,31 @@
-# 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         |
-| positioning \*  | string |                "DEFAULT"                 |          | Checkbox options positioning            |
-| 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}`
-- `positioning` props has to be one of `DEFAULT`, `HORIZONTAL` or `VERTICAL`
-- `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`, `checkbox-modality` and `checkbox-lunatic`.
+# 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         |
+| positioning \*  | string |                "DEFAULT"                 |          | Checkbox options positioning            |
+| 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}`
+- `positioning` props has to be one of `DEFAULT`, `HORIZONTAL` or `VERTICAL`
+- `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/lib/stories/switch/SwitchMaterialUI.js

@@ -0,0 +1,51 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Switch = _interopRequireDefault(require("@mui/material/Switch"));
+
+var _Stack = _interopRequireDefault(require("@mui/material/Stack"));
+
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function SwitchMaterialUI(_ref) {
+  var checked = _ref.checked,
+      disabled = _ref.disabled,
+      handleChange = _ref.handleChange,
+      statusLabel = _ref.statusLabel,
+      labelId = _ref.labelId;
+  var onClick = (0, _react.useCallback)(function () {
+    handleChange(!checked);
+  }, [checked, handleChange]);
+  var trueStatus = statusLabel["true"],
+      falseStatue = statusLabel["false"];
+  return /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
+    direction: "row",
+    spacing: 1,
+    alignItems: "center"
+  }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, falseStatue), /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
+    checked: checked,
+    onClick: onClick,
+    disabled: disabled,
+    inputProps: {
+      'aria-labelledby': labelId,
+      'aria-checked': checked
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, trueStatus));
+}
+
+var _default = SwitchMaterialUI;
+exports["default"] = _default;