@inseefr/lunatic 2.0.2 → 2.0.3-v2

package/lib/stories/custom-mui/tr-mui.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _TableRow = _interopRequireDefault(require("@mui/material/TableRow"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function TrMui(_ref) {
+  var id = _ref.id,
+      children = _ref.children,
+      className = _ref.className,
+      row = _ref.row;
+  return /*#__PURE__*/_react["default"].createElement(_TableRow["default"], {
+    id: "lunatic-mui-tr-".concat(id, "-").concat(row),
+    className: (0, _classnames["default"])('lunatic-mui-tr', className)
+  }, children);
+}
+
+TrMui.propTypes = {
+  id: _propTypes["default"].string.isRequired,
+  row: _propTypes["default"].number.isRequired,
+  className: _propTypes["default"].string
+};
+TrMui.defaultProps = {
+  className: undefined
+};
+var _default = TrMui;
+exports["default"] = _default;

package/lib/stories/date-picker/data.json

@@ -0,0 +1,3 @@
+{
+	"COLLECTED": {}
+}

package/lib/stories/date-picker/datepicker.stories.js

@@ -0,0 +1,40 @@
+"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 _data = _interopRequireDefault(require("./data"));
+
+var _defaultArgTypes = _interopRequireDefault(require("../utils/default-arg-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var stories = {
+  title: 'Components/DatePicker',
+  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: 'input',
+  source: _source["default"],
+  data: _data["default"],
+  disabled: false,
+  readOnly: false
+};

package/lib/stories/date-picker/source.json

@@ -0,0 +1,91 @@
+{
+	"cleaning": {},
+	"variables": [
+		{
+			"variableType": "COLLECTED",
+			"values": {
+				"COLLECTED": null,
+				"EDITED": null,
+				"INPUTED": null,
+				"FORCED": null,
+				"PREVIOUS": null
+			},
+			"name": "COMMENT_QE"
+		},
+		{
+			"variableType": "COLLECTED",
+			"values": {
+				"COLLECTED": null,
+				"EDITED": null,
+				"INPUTED": null,
+				"FORCED": null,
+				"PREVIOUS": null
+			},
+			"name": "Q1"
+		},
+		{
+			"variableType": "CALCULATED",
+			"expression": { "type": "VTL", "value": "true" },
+			"name": "FILTER_RESULT_Q1",
+			"inFilter": "false"
+		}
+	],
+	"components": [
+		{
+			"componentType": "Datepicker",
+			"controls": [
+				{
+					"criticality": "ERROR",
+					"errorMessage": {
+						"type": "VTL|MD",
+						"value": "Le format de la date YYYY-MM-DD n'est pas respecté."
+					},
+					"control": {
+						"type": "VTL",
+						"value": "not(cast(\\\"Q1\\\", date, \\\"YYYY-MM-DD\\\"))"
+					},
+					"id": "l7ovm2rv-format"
+				},
+				{
+					"criticality": "ERROR",
+					"errorMessage": {
+						"type": "VTL|MD",
+						"value": "La date saisie doit être comprise entre 1900-01-01 et 2100-01-01."
+					},
+					"control": {
+						"type": "VTL",
+						"value": "not(cast(\\\"Q1\\\", date, \\\"YYYY-MM-DD\\\")>cast(\\\"2100-01-01\\\", date, \\\"YYYY-MM-DD\\\") or cast(\\\"Q1\\\", date, \\\"YYYY-MM-DD\\\")<cast(\\\"1900-01-01\\\", date, \\\"YYYY-MM-DD\\\"))"
+					},
+					"id": "l7ovm2rv-formatborne"
+				}
+			],
+			"max": "2100-01-01",
+			"dateFormat": "YYYY-MM-DD",
+			"hierarchy": {
+				"sequence": {
+					"id": "l7ovaca8",
+					"page": "1",
+					"label": { "type": "VTL|MD", "value": "\"I - \" || \"S1\"" }
+				}
+			},
+			"conditionFilter": { "type": "VTL", "value": "true" },
+			"label": { "type": "VTL|MD", "value": "\"➡ 1. \" || \"Q1\"" },
+			"mandatory": false,
+			"bindingDependencies": ["Q1"],
+			"min": "1900-01-01",
+			"response": { "name": "Q1" },
+			"id": "l7ovm2rv",
+			"page": "1"
+		}
+	],
+	"pagination": "question",
+	"resizing": {},
+	"label": { "type": "VTL|MD", "value": "DatePicker" },
+	"lunaticModelVersion": "2.2.13",
+	"modele": "DATEPICKER",
+	"enoCoreVersion": "2.3.10",
+	"generatingDate": "05-09-2022 14:37:43",
+	"missing": false,
+	"id": "l7ovbqou",
+	"maxPage": "1"
+}

package/lib/stories/dropdown/data.json

@@ -0,0 +1,16 @@
+{
+	"STATE": {
+		"PREVIOUS": null,
+		"COLLECTED": "2",
+		"FORCED": "3",
+		"EDITED": null,
+		"INPUTED": null
+	},
+	"STATE2": {
+		"PREVIOUS": null,
+		"COLLECTED": "3",
+		"FORCED": "2",
+		"EDITED": null,
+		"INPUTED": null
+	}
+}

package/lib/stories/dropdown/dropdown.stories.js

@@ -0,0 +1,41 @@
+"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 _data = _interopRequireDefault(require("./data"));
+
+var _defaultArgTypes = _interopRequireDefault(require("../utils/default-arg-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var stories = {
+  title: 'Components/Dropdown',
+  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: 'dropdown',
+  source: _source["default"],
+  data: _data["default"],
+  disabled: false,
+  editable: false,
+  writable: false
+};

package/lib/stories/dropdown/source.json

@@ -0,0 +1,122 @@
+{
+	"components": [
+		{
+			"id": "j4nw5cqz",
+			"componentType": "Dropdown",
+			"mandatory": false,
+			"label": "In which state do The Simpsons reside?",
+			"response": {
+				"name": "STATE"
+			},
+			"declarations": [
+				{
+					"id": "d1",
+					"declarationType": "COMMENT",
+					"position": "BEFORE_QUESTION_TEXT",
+					"label": { "value": "Test declaration before" }
+				},
+				{
+					"id": "d2",
+					"declarationType": "COMMENT",
+					"position": "AFTER_QUESTION_TEXT",
+					"label": "Test declaration after"
+				},
+				{
+					"id": "d3",
+					"declarationType": "COMMENT",
+					"position": "DETACHABLE",
+					"label": { "value": "Test detachable declaration" }
+				}
+			],
+			"options": [
+				{ "value": "1", "label": { "value": "Washington", "type": "VTL|MD" } },
+				{ "value": "2", "label": { "value": "Kentucky", "type": "VTL|MD" } },
+				{ "value": "3", "label": { "value": "Ohio", "type": "VTL|MD" } },
+				{ "value": "4", "label": { "value": "Maine", "type": "VTL|MD" } },
+				{
+					"value": "5",
+					"label": { "value": "North Dakota", "type": "VTL|MD" }
+				},
+				{ "value": "6", "label": { "value": "Florida", "type": "VTL|MD" } },
+				{
+					"value": "7",
+					"label": { "value": "North Takoma", "type": "VTL|MD" }
+				},
+				{ "value": "8", "label": { "value": "California", "type": "VTL|MD" } },
+				{ "value": "9", "label": { "value": "Texas", "type": "VTL|MD" } },
+				{
+					"value": "10",
+					"label": { "value": "Massachusetts", "type": "VTL|MD" }
+				},
+				{ "value": "11", "label": { "value": "Nevada", "type": "VTL|MD" } },
+				{ "value": "12", "label": { "value": "Illinois", "type": "VTL|MD" } },
+				{
+					"value": "13",
+					"label": { "value": "Not in any state, you fool!", "type": "VTL|MD" }
+				}
+			]
+		},
+		{
+			"id": "j4nw5cqz-bis",
+			"componentType": "Dropdown",
+			"mandatory": false,
+			"label": { "value": "In which state do The Simpsons reside?" },
+			"response": {
+				"name": "STATE2"
+			},
+			"options": [
+				{ "value": "1", "label": { "value": "Washington", "type": "VTL|MD" } },
+				{ "value": "2", "label": { "value": "Kentucky", "type": "VTL|MD" } },
+				{ "value": "3", "label": { "value": "Ohio", "type": "VTL|MD" } },
+				{ "value": "4", "label": { "value": "Maine", "type": "VTL|MD" } },
+				{
+					"value": "5",
+					"label": { "value": "North Dakota", "type": "VTL|MD" }
+				},
+				{ "value": "6", "label": { "value": "Florida", "type": "VTL|MD" } },
+				{
+					"value": "7",
+					"label": { "value": "North Takoma", "type": "VTL|MD" }
+				},
+				{ "value": "8", "label": { "value": "California", "type": "VTL|MD" } },
+				{ "value": "9", "label": { "value": "Texas", "type": "VTL|MD" } },
+				{
+					"value": "10",
+					"label": { "value": "Massachusetts", "type": "VTL|MD" }
+				},
+				{ "value": "11", "label": { "value": "Nevada", "type": "VTL|MD" } },
+				{ "value": "12", "label": { "value": "Illinois", "type": "VTL|MD" } },
+				{
+					"value": "13",
+					"label": { "value": "Not in any state, you fool!", "type": "VTL|MD" }
+				}
+			]
+		}
+	],
+	"variables": [
+		{
+			"variableType": "COLLECTED",
+			"name": "STATE",
+			"componentRef": "j4nw5cqz",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": "2",
+				"FORCED": "3",
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "STATE2",
+			"componentRef": "j4nw5cqz-bis",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": "3",
+				"FORCED": "2",
+				"EDITED": null,
+				"INPUTED": null
+			}
+		}
+	]
+}

package/lib/stories/filter-description/filter-description.stories.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Options = exports.Default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _orchestrator = _interopRequireDefault(require("../utils/orchestrator"));
+
+var _source = _interopRequireDefault(require("./source"));
+
+var _sourceOptions = _interopRequireDefault(require("./source-options"));
+
+var _defaultArgTypes = _interopRequireDefault(require("../utils/default-arg-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var stories = {
+  title: 'Components/FilterDescription',
+  component: _orchestrator["default"],
+  argTypes: _objectSpread(_objectSpread({}, _defaultArgTypes["default"]), {}, {
+    filterDescription: {
+      table: {
+        disable: false
+      },
+      control: 'boolean',
+      defaultValue: true
+    }
+  })
+};
+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: 'filter-description',
+  source: _source["default"]
+};
+var Options = Template.bind({});
+exports.Options = Options;
+Options.args = {
+  id: 'filter-description-options',
+  source: _sourceOptions["default"],
+  filterDescription: true
+};

package/lib/stories/filter-description/source-options.json

@@ -0,0 +1,81 @@
+{
+	"maxPage": "3",
+	"components": [
+		{
+			"componentType": "InputNumber",
+			"label": { "value": "\"How old are you?\"", "type": "VTL|MD" },
+			"conditionFilter": { "value": "true", "type": "VTL" },
+			"max": "120",
+			"id": "q1",
+			"response": {
+				"name": "Q1"
+			},
+			"page": "1"
+		},
+		{
+			"componentType": "FilterDescription",
+			"label": {
+				"value": "\"If you are minor, you'll be redirected to page 3\"",
+				"type": "VTL|MD"
+			},
+			"conditionFilter": { "value": "true", "type": "VTL" },
+			"id": "desc",
+			"page": "1"
+		},
+		{
+			"componentType": "Input",
+			"label": { "value": "\"Fake Q2\"", "type": "VTL|MD" },
+			"conditionFilter": { "value": "cast(Q1, number) < 18", "type": "VTL" },
+			"id": "q2",
+			"response": {
+				"name": "Q2"
+			},
+			"page": "2"
+		},
+		{
+			"componentType": "Input",
+			"label": { "value": "\"Fake Q3\"", "type": "VTL|MD" },
+			"conditionFilter": { "value": "true", "type": "VTL" },
+			"id": "q3",
+			"response": {
+				"name": "Q3"
+			},
+			"page": "3"
+		}
+	],
+	"variables": [
+		{
+			"variableType": "COLLECTED",
+			"name": "Q1",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "Q2",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "Q3",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		}
+	]
+}

package/lib/stories/filter-description/source.json

@@ -0,0 +1,11 @@
+{
+	"components": [
+		{
+			"componentType": "FilterDescription",
+			"label": { "value": "I'm a filter description", "type": "VTL|MD" },
+			"conditionFilter": { "value": "true", "type": "VTL" },
+			"id": "desc"
+		}
+	],
+	"variables": []
+}

package/lib/stories/input/data.json

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

package/lib/stories/input/input.stories.js

@@ -0,0 +1,38 @@
+"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 _data = _interopRequireDefault(require("./data"));
+
+var _defaultArgTypes = _interopRequireDefault(require("../utils/default-arg-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var stories = {
+  title: 'Components/Input',
+  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: 'input',
+  source: _source["default"],
+  data: _data["default"]
+};

package/lib/stories/input/source.json

@@ -0,0 +1,28 @@
+{
+	"components": [
+		{
+			"componentType": "Input",
+			"label": { "value": "\"What's your name?\"", "type": "VTL|MD" },
+			"conditionFilter": { "value": "true", "type": "VTL" },
+			"maxLength": 30,
+			"id": "name",
+			"response": {
+				"name": "NAME"
+			}
+		}
+	],
+	"variables": [
+		{
+			"variableType": "COLLECTED",
+			"name": "NAME",
+			"componentRef": "name",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		}
+	]
+}

package/lib/stories/input-number/input-number.stories.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.UnitEuros = 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"));
+
+var _sourceEuros = _interopRequireDefault(require("./source-euros"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var stories = {
+  title: 'Components/InputNumber',
+  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: 'input-number',
+  source: _source["default"]
+};
+var UnitEuros = Template.bind({});
+exports.UnitEuros = UnitEuros;
+UnitEuros.args = {
+  id: 'input-number-euro',
+  source: _sourceEuros["default"]
+};

package/lib/stories/input-number/source-euros.json

@@ -0,0 +1,38 @@
+{
+	"components": [
+		{
+			"id": "kze792d8",
+			"componentType": "InputNumber",
+			"mandatory": false,
+			"page": "2",
+			"min": 0,
+			"max": 10,
+			"decimals": 0,
+			"unit":"€",
+			"label": { "value": "\"➡ 1. \" || \"NB \"", "type": "VTL|MD" },
+			"conditionFilter": { "value": "true", "type": "VTL" },
+			"hierarchy": {
+				"sequence": {
+					"id": "ksyjs7vy",
+					"page": "1",
+					"label": { "value": "S0", "type": "VTL|MD" }
+				}
+			},
+			"bindingDependencies": ["NB"],
+			"response": { "name": "NB" }
+		}
+	],
+	"variables": [
+		{
+			"variableType": "COLLECTED",
+			"name": "NB",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		}
+	]
+}