@inseefr/lunatic 2.0.2 → 2.0.3-v2

package/{src/stories/table/data-default.json → lib/stories/table/source.json}

@@ -1,19 +1,19 @@
-{
-	"components": [
-		{
-			"id": "j6p29i81",
-			"componentType": "Table",
-			"mandatory": false,
-			"cells": [
-				[
-					{ "label": "" },
-					{ "label": "Header 1", "headerCell": true },
-					{ "label": "Header 2", "headerCell": true }
-				],
-				[{ "label": "Line 1" }, { "label": "Cell 11" }, { "label": "Cell 12" }],
-				[{ "label": "Line 2" }, { "label": "Cell 21" }, { "label": "Cell 22" }],
-				[{ "label": "Line 3" }, { "label": "Cell 31" }, { "label": "Cell 32" }]
-			]
-		}
-	]
-}
+{
+	"components": [
+		{
+			"id": "j6p29i81",
+			"componentType": "Table",
+			"mandatory": false,
+			"header": [
+				{ "label": "" },
+				{ "label": "Header 1" },
+				{ "label": "Header 2" }
+			],
+			"body": [
+				[{ "label": "Line 1" }, { "label": "Cell 11" }, { "label": "Cell 12" }],
+				[{ "label": "Line 2" }, { "label": "Cell 21" }, { "label": "Cell 22" }],
+				[{ "label": "Line 3" }, { "label": "Cell 31" }, { "label": "Cell 32" }]
+			]
+		}
+	]
+}

package/lib/stories/table/table-dynamique.json

@@ -0,0 +1,67 @@
+{
+	"cleaning": {},
+	"variables": [
+		{
+			"variableType": "COLLECTED",
+			"values": {
+				"COLLECTED": [null],
+				"EDITED": [null],
+				"INPUTED": [null],
+				"FORCED": [null],
+				"PREVIOUS": [null]
+			},
+			"name": "Q11"
+		}
+	],
+	"components": [
+		{
+			"componentType": "Table",
+			"bindingDependencies": ["Q11"],
+			"positioning": "HORIZONTAL",
+			"hierarchy": {
+				"sequence": {
+					"id": "kanya0cm",
+					"page": "1",
+					"label": {
+						"type": "VTL|MD",
+						"value": "\"I - \" || \"Tableaux dynamiques\""
+					}
+				}
+			},
+			"header": [{ "label": { "type": "VTL|MD", "value": "\"Valeur\"" } }],
+			"conditionFilter": { "type": "VTL", "value": "true" },
+			"id": "kanz18h6",
+			"page": "1",
+			"label": {
+				"type": "VTL|MD",
+				"value": "\"➡ 1. \" || \"Tableau dynamique\""
+			},
+			"body": [
+				[
+					{
+						"componentType": "Input",
+						"bindingDependencies": ["Q11"],
+						"response": { "name": "Q11" },
+						"id": "kanz18h6-QOP-l7hovxs7",
+						"maxLength": 249
+					}
+				]
+			],
+			"lines": {
+				"min": { "type": "VTL", "value": "1" },
+				"max": { "type": "VTL", "value": "4" }
+			},
+			"mandatory": false
+		}
+	],
+	"pagination": "question",
+	"resizing": {},
+	"label": { "type": "VTL|MD", "value": "V2 Tab Dynamique" },
+	"lunaticModelVersion": "2.2.14-rc",
+	"modele": "QTEST_DECL",
+	"enoCoreVersion": "2.3.10-controls-type",
+	"generatingDate": "11-10-2022 08:24:50",
+	"missing": false,
+	"id": "l7hp65id",
+	"maxPage": "1"
+}

package/lib/stories/table/table.stories.js

@@ -0,0 +1,73 @@
+"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"] = exports.RosterMui = exports.Roster = exports.DynamicTable = exports.Default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _orchestrator = _interopRequireDefault(require("../utils/orchestrator"));
+
+var _source = _interopRequireDefault(require("./source.json"));
+
+var _data = _interopRequireDefault(require("./data.json"));
+
+var _sourceRoster = _interopRequireDefault(require("./source-roster.json"));
+
+var _tableDynamique = _interopRequireDefault(require("./table-dynamique.json"));
+
+var _dataRoster = _interopRequireDefault(require("./data-roster.json"));
+
+var _defaultArgTypes = _interopRequireDefault(require("../utils/default-arg-types"));
+
+var custom = _interopRequireWildcard(require("../custom-mui"));
+
+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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var stories = {
+  title: 'Components/Table',
+  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: 'table',
+  source: _source["default"],
+  data: _data["default"]
+};
+var Roster = Template.bind({});
+exports.Roster = Roster;
+Roster.args = {
+  id: 'table',
+  source: _sourceRoster["default"],
+  data: _dataRoster["default"]
+};
+var RosterMui = Template.bind({});
+exports.RosterMui = RosterMui;
+RosterMui.args = {
+  id: 'table',
+  source: _sourceRoster["default"],
+  data: _dataRoster["default"],
+  custom: custom
+};
+var DynamicTable = Template.bind({});
+exports.DynamicTable = DynamicTable;
+DynamicTable.args = {
+  id: 'dynamic-table',
+  source: _tableDynamique["default"]
+};

package/lib/stories/utils/custom-lunatic.scss

@@ -0,0 +1,28 @@
+* {
+	box-sizing: border-box;
+	--color-primary-dark: #2a5885;
+	--color-primary-light: #5181b8;
+	--color-primary-main: #4a73a4;
+	--color-primary-contrast-text: #ffffff;
+
+	--color-secondary-dark: #14202d;
+	--color-secondary-light: #f7f8fa;
+	--color-secondary-main: #1a293b;
+	--color-secondary-contrast-text: #ffffff;
+
+	--color-very-light: #dbe4ef;
+	--color-very-very-light: #e6eaee;
+	--color-current-item: #0d823e;
+
+	--color-error: #f50c0c;
+	--color-disabled: rgb(235, 235, 228);
+}
+
+.pagination {
+	margin-top: 2em;
+}
+
+.waiting-orchestrator {
+	font-size: 1.5em;
+	font-weight: bold;
+}

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

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+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 fields = ['source', 'id', 'pagination', 'data', 'management', 'activeControls', 'features', 'initialPage', 'getStoreInfo', 'missing', 'shortcut', 'activeGoNextForMissing', 'filterDescription'];
+var defaultArgTypes = fields.reduce(function (acc, f) {
+  return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, f, {
+    table: {
+      disable: true
+    }
+  }));
+}, {});
+var _default = defaultArgTypes;
+exports["default"] = _default;

package/lib/stories/utils/options.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.unitPositionOptions = exports.positioningOptions = exports.labelPositionOptions = exports.featuresOptions = void 0;
+var positioningOptions = {
+  Default: 'DEFAULT',
+  Horizontal: 'HORIZONTAL',
+  Vertical: 'VERTICAL'
+};
+exports.positioningOptions = positioningOptions;
+var labelPositionOptions = {
+  Default: 'DEFAULT',
+  Top: 'TOP',
+  Right: 'RIGHT',
+  Bottom: 'BOTTOM',
+  Left: 'LEFT'
+};
+exports.labelPositionOptions = labelPositionOptions;
+var unitPositionOptions = {
+  Default: 'DEFAULT',
+  Before: 'BEFORE',
+  After: 'AFTER'
+};
+exports.unitPositionOptions = unitPositionOptions;
+var featuresOptions = {
+  None: [],
+  Vtl: ['VTL'],
+  'Vtl Md': ['VTL', 'MD']
+};
+exports.featuresOptions = featuresOptions;

package/lib/stories/utils/orchestrator.js

@@ -0,0 +1,188 @@
+"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 lunatic = _interopRequireWildcard(require("../.."));
+
+require("./custom-lunatic.scss");
+
+var _waiting = _interopRequireDefault(require("./waiting"));
+
+var _excluded = ["source", "data", "management", "activeControls", "features", "initialPage", "getStoreInfo", "missing", "shortcut", "activeGoNextForMissing", "suggesterFetcher", "autoSuggesterLoading", "suggesters", "addExternal", "preferences", "custom", "filterDescription"],
+    _excluded2 = ["id", "componentType", "response", "storeName"];
+
+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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function getStoreInfoRequired() {
+  return {};
+}
+
+function Pager(_ref) {
+  var goPrevious = _ref.goPrevious,
+      goNext = _ref.goNext,
+      goToPage = _ref.goToPage,
+      isLast = _ref.isLast,
+      isFirst = _ref.isFirst,
+      pageTag = _ref.pageTag,
+      maxPage = _ref.maxPage,
+      getData = _ref.getData;
+
+  if (maxPage && maxPage > 1) {
+    var Button = lunatic.Button;
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "pagination"
+    }, /*#__PURE__*/_react["default"].createElement(Button, {
+      onClick: goPrevious,
+      disabled: isFirst
+    }, "Previous"), /*#__PURE__*/_react["default"].createElement(Button, {
+      onClick: goNext,
+      disabled: isLast
+    }, "Next"), /*#__PURE__*/_react["default"].createElement(Button, {
+      onClick: function onClick() {
+        return console.log(getData(true));
+      }
+    }, "Get State"), /*#__PURE__*/_react["default"].createElement(Button, {
+      onClick: function onClick() {
+        return goToPage({
+          page: '18'
+        });
+      }
+    }, "Go to page 18")), /*#__PURE__*/_react["default"].createElement("div", null, "PAGE: ", pageTag));
+  }
+
+  return null;
+}
+
+function onLogChange(response, value, args) {
+  console.log('onChange', {
+    response: response,
+    value: value,
+    args: args
+  });
+}
+
+function OrchestratorForStories(_ref2) {
+  var source = _ref2.source,
+      data = _ref2.data,
+      _ref2$management = _ref2.management,
+      management = _ref2$management === void 0 ? false : _ref2$management,
+      _ref2$activeControls = _ref2.activeControls,
+      activeControls = _ref2$activeControls === void 0 ? false : _ref2$activeControls,
+      features = _ref2.features,
+      _ref2$initialPage = _ref2.initialPage,
+      initialPage = _ref2$initialPage === void 0 ? '1' : _ref2$initialPage,
+      _ref2$getStoreInfo = _ref2.getStoreInfo,
+      getStoreInfo = _ref2$getStoreInfo === void 0 ? getStoreInfoRequired : _ref2$getStoreInfo,
+      _ref2$missing = _ref2.missing,
+      missing = _ref2$missing === void 0 ? false : _ref2$missing,
+      _ref2$shortcut = _ref2.shortcut,
+      shortcut = _ref2$shortcut === void 0 ? false : _ref2$shortcut,
+      _ref2$activeGoNextFor = _ref2.activeGoNextForMissing,
+      activeGoNextForMissing = _ref2$activeGoNextFor === void 0 ? false : _ref2$activeGoNextFor,
+      suggesterFetcher = _ref2.suggesterFetcher,
+      autoSuggesterLoading = _ref2.autoSuggesterLoading,
+      suggesters = _ref2.suggesters,
+      addExternal = _ref2.addExternal,
+      preferences = _ref2.preferences,
+      custom = _ref2.custom,
+      _ref2$filterDescripti = _ref2.filterDescription,
+      filterDescription = _ref2$filterDescripti === void 0 ? true : _ref2$filterDescripti,
+      rest = _objectWithoutProperties(_ref2, _excluded);
+
+  var maxPage = source.maxPage;
+
+  var _lunatic$useLunatic = lunatic.useLunatic(source, data, {
+    initialPage: initialPage,
+    features: features,
+    preferences: preferences,
+    onChange: onLogChange,
+    activeGoNextForMissing: activeGoNextForMissing,
+    autoSuggesterLoading: autoSuggesterLoading,
+    suggesters: suggesters,
+    suggesterFetcher: suggesterFetcher,
+    management: management,
+    activeControls: activeControls
+  }),
+      getComponents = _lunatic$useLunatic.getComponents,
+      goPreviousPage = _lunatic$useLunatic.goPreviousPage,
+      goNextPage = _lunatic$useLunatic.goNextPage,
+      goToPage = _lunatic$useLunatic.goToPage,
+      pageTag = _lunatic$useLunatic.pageTag,
+      isFirstPage = _lunatic$useLunatic.isFirstPage,
+      isLastPage = _lunatic$useLunatic.isLastPage,
+      waiting = _lunatic$useLunatic.waiting,
+      getErrors = _lunatic$useLunatic.getErrors,
+      getModalErrors = _lunatic$useLunatic.getModalErrors,
+      getCurrentErrors = _lunatic$useLunatic.getCurrentErrors,
+      getData = _lunatic$useLunatic.getData;
+
+  var components = getComponents();
+  var errors = getErrors();
+  var modalErrors = getModalErrors();
+  var currentErrors = getCurrentErrors();
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "container"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "components"
+  }, components.map(function (component) {
+    var id = component.id,
+        componentType = component.componentType,
+        response = component.response,
+        storeName = component.storeName,
+        other = _objectWithoutProperties(component, _excluded2);
+
+    var Component = lunatic[componentType];
+    var storeInfo = storeName ? getStoreInfo(storeName) : {};
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "lunatic lunatic-component",
+      key: "component-".concat(id)
+    }, /*#__PURE__*/_react["default"].createElement(Component, _extends({
+      id: id,
+      response: response
+    }, other, rest, component, storeInfo, {
+      missing: missing,
+      missingStrategy: goNextPage,
+      shortcut: shortcut,
+      custom: custom,
+      filterDescription: filterDescription,
+      errors: currentErrors
+    })));
+  })), /*#__PURE__*/_react["default"].createElement(Pager, {
+    goPrevious: goPreviousPage,
+    goNext: goNextPage,
+    goToPage: goToPage,
+    isLast: isLastPage,
+    isFirst: isFirstPage,
+    pageTag: pageTag,
+    maxPage: maxPage,
+    getData: getData
+  }), /*#__PURE__*/_react["default"].createElement(lunatic.Modal, {
+    errors: modalErrors,
+    goNext: goNextPage
+  }), /*#__PURE__*/_react["default"].createElement(_waiting["default"], {
+    status: waiting
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "waiting-orchestrator"
+  }, "Initialisation des donn\xE9es de suggestion...")));
+}
+
+var _default = /*#__PURE__*/(0, _react.memo)(OrchestratorForStories);
+
+exports["default"] = _default;

package/lib/stories/utils/waiting/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _waiting["default"];
+  }
+});
+
+var _waiting = _interopRequireDefault(require("./waiting"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/stories/utils/waiting/preloader.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" width="64px" height="64px" viewBox="0 0 128 128" xml:space="preserve"><g><circle cx="16" cy="64" r="16" fill="#000"/><circle cx="16" cy="64" r="16" fill="#555" transform="rotate(45,64,64)"/><circle cx="16" cy="64" r="16" fill="#949494" transform="rotate(90,64,64)"/><circle cx="16" cy="64" r="16" fill="#ccc" transform="rotate(135,64,64)"/><circle cx="16" cy="64" r="16" fill="#e1e1e1" transform="rotate(180,64,64)"/><circle cx="16" cy="64" r="16" fill="#e1e1e1" transform="rotate(225,64,64)"/><circle cx="16" cy="64" r="16" fill="#e1e1e1" transform="rotate(270,64,64)"/><circle cx="16" cy="64" r="16" fill="#e1e1e1" transform="rotate(315,64,64)"/><animateTransform attributeName="transform" type="rotate" values="0 64 64;315 64 64;270 64 64;225 64 64;180 64 64;135 64 64;90 64 64;45 64 64" calcMode="discrete" dur="720ms" repeatCount="indefinite"></animateTransform></g></svg>

package/lib/stories/utils/waiting/waiting.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+require("./waiting.scss");
+
+var _preloader = _interopRequireDefault(require("./preloader.svg"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function Waiting(_ref) {
+  var status = _ref.status,
+      children = _ref.children;
+
+  if (status) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "waiting"
+    }, /*#__PURE__*/_react["default"].createElement("img", {
+      src: _preloader["default"],
+      alt: "loading"
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "content"
+    }, children));
+  }
+
+  return null;
+}
+
+Waiting.defaultProps = {
+  status: false
+};
+
+var _default = /*#__PURE__*/_react["default"].memo(Waiting);
+
+exports["default"] = _default;

package/lib/stories/utils/waiting/waiting.scss

@@ -0,0 +1,21 @@
+.waiting {
+	display: block;
+	position: fixed;
+	height: 100%;
+	width: 100%;
+	background-color: rgba(23, 59, 77, 0.8);
+	top: 0;
+	img {
+		display: block;
+		margin-left: auto;
+		margin-right: auto;
+		width: 10%;
+		margin-top: 120px;
+	}
+	.content {
+		display: block;
+		width: fit-content;
+		margin-left: auto;
+		margin-right: auto;
+	}
+}

package/lib/tests/sample.spec.js

@@ -0,0 +1,7 @@
+"use strict";
+
+describe('sample', function () {
+  it('add fake test to avoid test script bug', function () {
+    expect(true).toBeTruthy();
+  });
+});

package/lib/use-lunatic/actions.js

@@ -0,0 +1,102 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.onSetWaiting = exports.onInit = exports.handleChange = exports.goToPage = exports.goPreviousPage = exports.goNextPage = exports.ON_SET_WAITING = exports.ON_INIT = exports.HANDLE_CHANGE = exports.GO_TO_PAGE = exports.GO_PREVIOUS_PAGE = exports.GO_NEXT_PAGE = void 0;
+var GO_PREVIOUS_PAGE = 'use-lunatic/go-previous';
+exports.GO_PREVIOUS_PAGE = GO_PREVIOUS_PAGE;
+
+var goPreviousPage = function goPreviousPage() {
+  return {
+    type: GO_PREVIOUS_PAGE
+  };
+};
+
+exports.goPreviousPage = goPreviousPage;
+var GO_NEXT_PAGE = 'use-lunatic/go-next';
+exports.GO_NEXT_PAGE = GO_NEXT_PAGE;
+
+var goNextPage = function goNextPage(_ref) {
+  var block = _ref.block;
+  return {
+    type: GO_NEXT_PAGE,
+    payload: {
+      block: block
+    }
+  };
+};
+
+exports.goNextPage = goNextPage;
+var GO_TO_PAGE = 'use-lunatic/go-to-page';
+exports.GO_TO_PAGE = GO_TO_PAGE;
+
+var goToPage = function goToPage(_ref2) {
+  var page = _ref2.page;
+  return {
+    type: GO_TO_PAGE,
+    payload: {
+      page: page
+    }
+  };
+};
+
+exports.goToPage = goToPage;
+var ON_INIT = 'use-lunatic/on-init';
+exports.ON_INIT = ON_INIT;
+
+var onInit = function onInit(_ref3) {
+  var data = _ref3.data,
+      source = _ref3.source,
+      initialPage = _ref3.initialPage,
+      features = _ref3.features,
+      preferences = _ref3.preferences,
+      savingType = _ref3.savingType,
+      management = _ref3.management,
+      handleChange = _ref3.handleChange,
+      activeControls = _ref3.activeControls;
+  return {
+    type: ON_INIT,
+    payload: {
+      data: data,
+      source: source,
+      initialPage: initialPage,
+      features: features,
+      preferences: preferences,
+      savingType: savingType,
+      management: management,
+      handleChange: handleChange,
+      activeControls: activeControls
+    }
+  };
+};
+
+exports.onInit = onInit;
+var HANDLE_CHANGE = 'use-lunatic/handle-change';
+exports.HANDLE_CHANGE = HANDLE_CHANGE;
+
+var handleChange = function handleChange(response, value, args) {
+  return {
+    type: HANDLE_CHANGE,
+    payload: {
+      response: response,
+      value: value,
+      args: args
+    }
+  };
+};
+
+exports.handleChange = handleChange;
+var ON_SET_WAITING = 'use-lunatic/on-set-waiting';
+exports.ON_SET_WAITING = ON_SET_WAITING;
+
+var onSetWaiting = function onSetWaiting(status) {
+  return {
+    type: ON_SET_WAITING,
+    payload: {
+      status: status
+    }
+  };
+};
+
+exports.onSetWaiting = onSetWaiting;