@inseefr/lunatic 0.2.0-v2 → 0.2.1-prisme

package/lib/stories/table/source-roster.json

@@ -0,0 +1,504 @@
+{
+	"components": [
+		{
+			"id": "j6qg8rc6",
+			"componentType": "Table",
+			"mandatory": false,
+			"positioning": "HORIZONTAL",
+			"label": {
+				"value": "➡ 1. Please, complete the following grid with your favourite characters"
+			},
+			"missingResponse": {
+				"name": "TABLE_MISSING"
+			},
+			"header": [{ "label": "Id" }, { "label": "Name" }, { "label": "Age" }],
+			"body": [
+				[
+					{ "label": "1" },
+					{
+						"componentType": "Textarea",
+						"maxLength": 255,
+						"id": "j6qg8rc6-QOP-jbgdl5jb",
+						"conditionFilter": { "value": "true", "type": "VTL" },
+						"response": {
+							"name": "FAVOURITE_CHARACTERS11"
+						}
+					},
+					{
+						"componentType": "InputNumber",
+						"min": 0,
+						"max": 120,
+						"decimals": 0,
+						"id": "j6qg8rc6-QOP-jbgdfndq",
+						"conditionFilter": { "value": "true", "type": "VTL" },
+						"response": {
+							"name": "FAVOURITE_CHARACTERS12"
+						}
+					}
+				],
+				[
+					{ "label": "2" },
+					{
+						"componentType": "Textarea",
+						"maxLength": 255,
+						"id": "j6qg8rc6-QOP-jbgd8lwo",
+						"conditionFilter": { "value": "true", "type": "VTL" },
+						"response": {
+							"name": "FAVOURITE_CHARACTERS21"
+						}
+					},
+					{
+						"componentType": "InputNumber",
+						"min": 0,
+						"max": 120,
+						"decimals": 0,
+						"id": "j6qg8rc6-QOP-jbgd7osi",
+						"conditionFilter": { "value": "true", "type": "VTL" },
+						"response": {
+							"name": "FAVOURITE_CHARACTERS22"
+						}
+					}
+				],
+				[
+					{ "label": "3" },
+					{
+						"componentType": "Textarea",
+						"maxLength": 255,
+						"id": "j6qg8rc6-QOP-jbgdbfag",
+						"conditionFilter": { "value": "true", "type": "VTL" },
+						"response": {
+							"name": "FAVOURITE_CHARACTERS31"
+						}
+					},
+					{
+						"componentType": "InputNumber",
+						"min": 0,
+						"max": 120,
+						"decimals": 0,
+						"id": "j6qg8rc6-QOP-jbgd7bnw",
+						"conditionFilter": { "value": "true", "type": "VTL" },
+						"response": {
+							"name": "FAVOURITE_CHARACTERS32"
+						}
+					}
+				],
+				[
+					{ "label": "4" },
+					{
+						"componentType": "Textarea",
+						"maxLength": 255,
+						"id": "j6qg8rc6-QOP-jbgdlgja",
+						"conditionFilter": { "value": "true", "type": "VTL" },
+						"response": {
+							"name": "FAVOURITE_CHARACTERS41"
+						}
+					},
+					{
+						"componentType": "InputNumber",
+						"min": 0,
+						"max": 120,
+						"decimals": 0,
+						"id": "j6qg8rc6-QOP-jbgd9k71",
+						"conditionFilter": { "value": "true", "type": "VTL" },
+						"response": {
+							"name": "FAVOURITE_CHARACTERS42"
+						}
+					}
+				],
+				[
+					{ "label": "5" },
+					{
+						"componentType": "Textarea",
+						"maxLength": 255,
+						"id": "j6qg8rc6-QOP-jbgd745y",
+						"conditionFilter": { "value": "true", "type": "VTL" },
+						"response": {
+							"name": "FAVOURITE_CHARACTERS51"
+						}
+					},
+					{
+						"componentType": "InputNumber",
+						"min": 0,
+						"max": 120,
+						"decimals": 0,
+						"conditionFilter": { "value": "true", "type": "VTL" },
+						"id": "j6qg8rc6-QOP-jbgdimks",
+						"response": {
+							"name": "FAVOURITE_CHARACTERS52"
+						}
+					}
+				],
+				[
+					{ "label": "6" },
+					{
+						"componentType": "Textarea",
+						"maxLength": 255,
+						"id": "j6qg8rc6-QOP-jbgdjkts",
+						"conditionFilter": { "value": "true", "type": "VTL" },
+						"response": {
+							"name": "FAVOURITE_CHARACTERS61"
+						}
+					},
+					{
+						"componentType": "InputNumber",
+						"min": 0,
+						"max": 120,
+						"decimals": 0,
+						"id": "j6qg8rc6-QOP-jbgdjquz",
+						"conditionFilter": { "value": "true", "type": "VTL" },
+						"response": {
+							"name": "FAVOURITE_CHARACTERS62"
+						}
+					}
+				],
+				[
+					{ "label": "7" },
+					{
+						"componentType": "Textarea",
+						"maxLength": 255,
+						"id": "j6qg8rc6-QOP-jbgdcax7",
+						"conditionFilter": { "value": "true", "type": "VTL" },
+						"response": {
+							"name": "FAVOURITE_CHARACTERS71"
+						}
+					},
+					{
+						"componentType": "InputNumber",
+						"min": 0,
+						"max": 120,
+						"decimals": 0,
+						"id": "j6qg8rc6-QOP-jbgdd2w3",
+						"conditionFilter": { "value": "true", "type": "VTL" },
+						"response": {
+							"name": "FAVOURITE_CHARACTERS72"
+						}
+					}
+				],
+				[
+					{ "label": "8" },
+					{
+						"componentType": "Textarea",
+						"maxLength": 255,
+						"id": "j6qg8rc6-QOP-jbgdjye1",
+						"conditionFilter": { "value": "true", "type": "VTL" },
+						"response": {
+							"name": "FAVOURITE_CHARACTERS81"
+						}
+					},
+					{
+						"componentType": "InputNumber",
+						"min": 0,
+						"max": 120,
+						"decimals": 0,
+						"conditionFilter": { "value": "true", "type": "VTL" },
+						"id": "j6qg8rc6-QOP-jbgdkosc",
+						"response": {
+							"name": "FAVOURITE_CHARACTERS82"
+						}
+					}
+				],
+				[
+					{ "label": "9" },
+					{
+						"componentType": "Textarea",
+						"maxLength": 255,
+						"id": "j6qg8rc6-QOP-jbgd5jet",
+						"conditionFilter": { "value": "true", "type": "VTL" },
+						"response": {
+							"name": "FAVOURITE_CHARACTERS91"
+						}
+					},
+					{
+						"componentType": "InputNumber",
+						"min": 0,
+						"max": 120,
+						"decimals": 0,
+						"id": "j6qg8rc6-QOP-jbgdk0x4",
+						"conditionFilter": { "value": "true", "type": "VTL" },
+						"response": {
+							"name": "FAVOURITE_CHARACTERS92"
+						}
+					}
+				],
+				[
+					{ "label": "10" },
+					{
+						"componentType": "Textarea",
+						"maxLength": 255,
+						"id": "j6qg8rc6-QOP-jbgdjw90",
+						"conditionFilter": { "value": "true", "type": "VTL" },
+						"response": {
+							"name": "FAVOURITE_CHARACTERS101"
+						}
+					},
+					{
+						"componentType": "InputNumber",
+						"min": 0,
+						"max": 120,
+						"decimals": 0,
+						"id": "j6qg8rc6-QOP-jbgd2wgf",
+						"conditionFilter": { "value": "true", "type": "VTL" },
+						"response": {
+							"name": "FAVOURITE_CHARACTERS102"
+						}
+					}
+				]
+			],
+			"lines": { "min": "\"1\"", "max": "\"10\"" }
+		}
+	],
+	"variables": [
+		{
+			"variableType": "COLLECTED",
+			"name": "FAVOURITE_CHARACTERS11",
+			"componentRef": "j6qg8rc6",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": "Homer",
+				"FORCED": "Bart",
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "FAVOURITE_CHARACTERS12",
+			"componentRef": "j6qg8rc6",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": "30",
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "FAVOURITE_CHARACTERS21",
+			"componentRef": "j6qg8rc6",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "FAVOURITE_CHARACTERS22",
+			"componentRef": "j6qg8rc6",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": "20",
+				"FORCED": "21",
+				"EDITED": "22",
+				"INPUTED": null
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "FAVOURITE_CHARACTERS31",
+			"componentRef": "j6qg8rc6",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "FAVOURITE_CHARACTERS32",
+			"componentRef": "j6qg8rc6",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "FAVOURITE_CHARACTERS41",
+			"componentRef": "j6qg8rc6",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "FAVOURITE_CHARACTERS42",
+			"componentRef": "j6qg8rc6",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "FAVOURITE_CHARACTERS51",
+			"componentRef": "j6qg8rc6",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "FAVOURITE_CHARACTERS52",
+			"componentRef": "j6qg8rc6",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "FAVOURITE_CHARACTERS61",
+			"componentRef": "j6qg8rc6",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "FAVOURITE_CHARACTERS62",
+			"componentRef": "j6qg8rc6",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "FAVOURITE_CHARACTERS71",
+			"componentRef": "j6qg8rc6",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "FAVOURITE_CHARACTERS72",
+			"componentRef": "j6qg8rc6",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "FAVOURITE_CHARACTERS81",
+			"componentRef": "j6qg8rc6",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "FAVOURITE_CHARACTERS82",
+			"componentRef": "j6qg8rc6",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "FAVOURITE_CHARACTERS91",
+			"componentRef": "j6qg8rc6",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "FAVOURITE_CHARACTERS92",
+			"componentRef": "j6qg8rc6",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "FAVOURITE_CHARACTERS101",
+			"componentRef": "j6qg8rc6",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "FAVOURITE_CHARACTERS102",
+			"componentRef": "j6qg8rc6",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "TABLE_MISSING",
+			"componentRef": "j6qg8rc6",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		}
+	]
+}

package/lib/stories/table/source.json

@@ -0,0 +1,19 @@
+{
+	"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.stories.js

@@ -0,0 +1,65 @@
+"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.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 _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
+};

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', 'modalForControls', '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;