@inseefr/lunatic 2.3.1 → 2.4.0

package/lib/stories/checkboxGroup/source.json

@@ -0,0 +1,403 @@
+{
+	"components": [
+		{
+			"id": "checkboxbooleanGroupNumeric",
+			"componentType": "CheckboxGroup",
+			"page": "1",
+			"label": {
+				"value": "Situation matrimoniale",
+				"type": "VTL|MD"
+			},
+
+			"hierarchy": {
+				"sequence": {
+					"id": "kmnnjaf1",
+					"page": "1",
+					"label": {
+						"value": "Situation matrimoniale",
+						"type": "VTL|MD"
+					}
+				},
+				"subSequence": {
+					"id": "kmw3dz2a",
+					"page": "2",
+					"label": {
+						"value": "Mois préférés de l'année",
+						"type": "VTL|MD"
+					}
+				}
+			},
+			"missingResponse": { "name": "SITUMATRI_MISSING" },
+			"bindingDependencies": ["NATIO1N1", "NATIO1N2", "NATIO1N3", "NATIO1N4"],
+			"responses": [
+				{
+					"id": "kmort6x9-QOP-kmosa98y",
+					"label": {
+						"value": "Française de naissance ou par réintégration",
+						"type": "VTL|MD"
+					},
+					"response": { "name": "NATIO1N1" }
+				},
+
+				{
+					"id": "kmort6x9-QOP-kmos360k",
+					"label": {
+						"value": "\"Française par déclaration, naturalisation, option à la majorité\"",
+						"type": "VTL|MD"
+					},
+					"response": { "name": "NATIO1N2" }
+				},
+
+				{
+					"id": "kmort6x9-QOP-kmos37e1",
+					"label": { "value": "Étrangère", "type": "VTL|MD" },
+					"response": { "name": "NATIO1N3" }
+				},
+
+				{
+					"id": "kmort6x9-QOP-kmorue9c",
+					"label": {
+						"value": "Apatride (pas de nationalité)",
+						"type": "VTL|MD"
+					},
+					"response": { "name": "NATIO1N4" }
+				}
+			]
+		},
+		{
+			"id": "checkboxbooleanGroupAlpha",
+			"componentType": "CheckboxGroup",
+			"page": "2",
+			"label": {
+				"value": "Mois préférés de l'année",
+				"type": "VTL|MD"
+			},
+
+			"hierarchy": {
+				"sequence": {
+					"id": "kmnnjaf1",
+					"page": "1",
+					"label": {
+						"value": "Situation matrimoniale",
+						"type": "VTL|MD"
+					}
+				},
+				"subSequence": {
+					"id": "kmw3dz2a",
+					"page": "2",
+					"label": {
+						"value": "Mois préférés de l'année",
+						"type": "VTL|MD"
+					}
+				}
+			},
+			"missingResponse": { "name": "SITUMATRI_MISSING" },
+			"bindingDependencies": [
+				"MOIS1",
+				"MOIS2",
+				"MOIS3",
+				"MOIS4",
+				"MOIS5",
+				"MOIS6",
+				"MOIS7",
+				"MOIS8",
+				"MOIS9",
+				"MOIS10",
+				"MOIS11",
+				"MOIS12"
+			],
+			"responses": [
+				{
+					"id": "mois1",
+					"label": {
+						"value": "Janvier",
+						"type": "VTL|MD"
+					},
+					"response": { "name": "MOIS1" }
+				},
+
+				{
+					"id": "mois2",
+					"label": {
+						"value": "Février",
+						"type": "VTL|MD"
+					},
+					"response": { "name": "MOIS2" }
+				},
+				{
+					"id": "mois3",
+					"label": {
+						"value": "Mars",
+						"type": "VTL|MD"
+					},
+					"response": { "name": "MOIS3" }
+				},
+				{
+					"id": "mois4",
+					"label": {
+						"value": "Avril",
+						"type": "VTL|MD"
+					},
+					"response": { "name": "MOIS4" }
+				},
+				{
+					"id": "mois5",
+					"label": {
+						"value": "Mai",
+						"type": "VTL|MD"
+					},
+					"response": { "name": "MOIS5" }
+				},
+				{
+					"id": "mois6",
+					"label": {
+						"value": "Juin",
+						"type": "VTL|MD"
+					},
+					"response": { "name": "MOIS6" }
+				},
+				{
+					"id": "mois7",
+					"label": {
+						"value": "Juillet",
+						"type": "VTL|MD"
+					},
+					"response": { "name": "MOIS7" }
+				},
+				{
+					"id": "mois8",
+					"label": {
+						"value": "Août",
+						"type": "VTL|MD"
+					},
+					"response": { "name": "MOIS8" }
+				},
+				{
+					"id": "mois9",
+					"label": {
+						"value": "Septembre",
+						"type": "VTL|MD"
+					},
+					"response": { "name": "MOIS9" }
+				},
+				{
+					"id": "mois10",
+					"label": {
+						"value": "Octobre",
+						"type": "VTL|MD"
+					},
+					"response": { "name": "MOIS10" }
+				},
+				{
+					"id": "mois11",
+					"label": {
+						"value": "Novembre",
+						"type": "VTL|MD"
+					},
+					"response": { "name": "MOIS11" }
+				},
+				{
+					"id": "mois12",
+					"label": {
+						"value": "Décembre",
+						"type": "VTL|MD"
+					},
+					"response": { "name": "MOIS12" }
+				}
+			]
+		}
+	],
+	"variables": [
+		{
+			"variableType": "COLLECTED",
+			"name": "NATIO1N1",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "NATIO1N2",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "NATIO1N3",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "NATIO1N4",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "MOIS1",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "MOIS2",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "MOIS3",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "MOIS4",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "MOIS5",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "MOIS6",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "MOIS7",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "MOIS8",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "MOIS9",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "MOIS10",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "MOIS11",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "MOIS12",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		}
+	]
+}

package/lib/stories/custom-mui/checkbox-boolean-mui.js

@@ -0,0 +1,32 @@
+"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 _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
+var _jsxRuntime = require("react/jsx-runtime");
+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 CheckboxBooleanMui(_ref) {
+  var checked = _ref.checked,
+    id = _ref.id,
+    disabled = _ref.disabled,
+    onClick = _ref.onClick,
+    labelId = _ref.labelId;
+  var handleClick = (0, _react.useCallback)(function () {
+    onClick(!checked);
+  }, [checked, onClick]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox["default"], {
+    disabled: disabled,
+    checked: checked,
+    id: id,
+    onClick: handleClick,
+    "aria-labelledby": labelId
+  });
+}
+var _default = CheckboxBooleanMui;
+exports["default"] = _default;

package/lib/stories/custom-mui/checkbox-group-mui.js

@@ -0,0 +1,68 @@
+"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 _FormGroup = _interopRequireDefault(require("@mui/material/FormGroup"));
+var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
+var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
+var _jsxRuntime = require("react/jsx-runtime");
+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 CheckBoxOption(_ref) {
+  var checkboxId = _ref.checkboxId,
+    labelId = _ref.labelId,
+    label = _ref.label,
+    checked = _ref.checked,
+    handleChange = _ref.handleChange,
+    response = _ref.response;
+  var onClickOption = (0, _react.useCallback)(function () {
+    handleChange(response, !checked);
+  }, [handleChange, response, checked]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormControlLabel["default"], {
+    id: checkboxId,
+    control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox["default"], {
+      checked: checked,
+      onClick: onClickOption
+    }),
+    label: label,
+    "aria-labelledby": labelId
+  });
+}
+function CheckboxGroup(_ref2) {
+  var options = _ref2.options,
+    value = _ref2.value,
+    id = _ref2.id,
+    handleChange = _ref2.handleChange;
+  var optionsEl = options.map(function (option, index) {
+    var label = option.label,
+      response = option.response;
+    if (response && value) {
+      var name = response.name;
+      if (name in value) {
+        var checked = value[name] || false;
+        var checkboxId = "lunatic-checkbox-".concat(id, "-").concat(name);
+        var labelId = "lunatic-checkbox-label-".concat(id, "-").concat(name);
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(CheckBoxOption, {
+          checkboxId: checkboxId,
+          index: index,
+          label: label,
+          labelId: labelId,
+          checked: checked,
+          response: response,
+          handleChange: handleChange
+        }, name);
+      }
+    }
+    return null;
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormGroup["default"], {
+    children: optionsEl
+  });
+}
+var _default = CheckboxGroup;
+exports["default"] = _default;

package/lib/stories/custom-mui/checkbox-one-mui.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function CheckboxOneMui() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: "Use Radio group please!"
+  });
+}
+var _default = CheckboxOneMui;
+exports["default"] = _default;

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

@@ -0,0 +1,111 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "CheckboxBoolean", {
+  enumerable: true,
+  get: function get() {
+    return _checkboxBooleanMui["default"];
+  }
+});
+Object.defineProperty(exports, "CheckboxGroup", {
+  enumerable: true,
+  get: function get() {
+    return _checkboxGroupMui["default"];
+  }
+});
+Object.defineProperty(exports, "CheckboxOne", {
+  enumerable: true,
+  get: function get() {
+    return _checkboxOneMui["default"];
+  }
+});
+Object.defineProperty(exports, "Input", {
+  enumerable: true,
+  get: function get() {
+    return _inputMui["default"];
+  }
+});
+Object.defineProperty(exports, "InputNumber", {
+  enumerable: true,
+  get: function get() {
+    return _inputNumberMui["default"];
+  }
+});
+Object.defineProperty(exports, "Radio", {
+  enumerable: true,
+  get: function get() {
+    return _radioMui["default"];
+  }
+});
+Object.defineProperty(exports, "Suggester", {
+  enumerable: true,
+  get: function get() {
+    return _suggesterMui["default"];
+  }
+});
+Object.defineProperty(exports, "Switch", {
+  enumerable: true,
+  get: function get() {
+    return _switchMui["default"];
+  }
+});
+Object.defineProperty(exports, "Table", {
+  enumerable: true,
+  get: function get() {
+    return _tableMui["default"];
+  }
+});
+Object.defineProperty(exports, "Tbody", {
+  enumerable: true,
+  get: function get() {
+    return _tbodyMui["default"];
+  }
+});
+Object.defineProperty(exports, "Td", {
+  enumerable: true,
+  get: function get() {
+    return _tdMui["default"];
+  }
+});
+Object.defineProperty(exports, "Textarea", {
+  enumerable: true,
+  get: function get() {
+    return _textareaMui["default"];
+  }
+});
+Object.defineProperty(exports, "Th", {
+  enumerable: true,
+  get: function get() {
+    return _thMui["default"];
+  }
+});
+Object.defineProperty(exports, "Thead", {
+  enumerable: true,
+  get: function get() {
+    return _theadMui["default"];
+  }
+});
+Object.defineProperty(exports, "TrMui", {
+  enumerable: true,
+  get: function get() {
+    return _trMui["default"];
+  }
+});
+var _inputNumberMui = _interopRequireDefault(require("./input-number-mui"));
+var _switchMui = _interopRequireDefault(require("./switch-mui"));
+var _tableMui = _interopRequireDefault(require("./table-mui"));
+var _theadMui = _interopRequireDefault(require("./thead-mui"));
+var _tbodyMui = _interopRequireDefault(require("./tbody-mui"));
+var _thMui = _interopRequireDefault(require("./th-mui"));
+var _tdMui = _interopRequireDefault(require("./td-mui"));
+var _inputMui = _interopRequireDefault(require("./input-mui"));
+var _trMui = _interopRequireDefault(require("./tr-mui"));
+var _textareaMui = _interopRequireDefault(require("./textarea-mui"));
+var _suggesterMui = _interopRequireDefault(require("./suggester-mui"));
+var _checkboxBooleanMui = _interopRequireDefault(require("./checkbox-boolean-mui"));
+var _checkboxGroupMui = _interopRequireDefault(require("./checkbox-group-mui"));
+var _checkboxOneMui = _interopRequireDefault(require("./checkbox-one-mui"));
+var _radioMui = _interopRequireDefault(require("./radio-mui"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

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

@@ -0,0 +1,52 @@
+"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 _classnames = _interopRequireDefault(require("classnames"));
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+var _jsxRuntime = require("react/jsx-runtime");
+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 checkValue(value) {
+  return value || '';
+}
+function InputMui(_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    disabled = _ref.disabled,
+    required = _ref.required,
+    maxLength = _ref.maxLength,
+    id = _ref.id,
+    labelledBy = _ref.labelledBy,
+    readOnly = _ref.readOnly;
+  var handleChange = (0, _react.useCallback)(function (e) {
+    var value = e.target.value;
+    onChange(value);
+  }, [onChange]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField["default"], {
+    id: "lunatic-mui-".concat(id),
+    "aria-labelledby": labelledBy,
+    autoComplete: "off",
+    type: "text",
+    disabled: disabled,
+    className: (0, _classnames["default"])('lunatic-mui-input'),
+    value: checkValue(value),
+    onChange: handleChange,
+    "aria-required": required,
+    required: required,
+    maxLength: maxLength,
+    readOnly: readOnly
+  });
+}
+InputMui.defaultProps = {
+  disabled: false,
+  required: true,
+  maxLength: Number.MAX_SAFE_INTEGER
+};
+var _default = InputMui;
+exports["default"] = _default;