@inseefr/lunatic 0.1.13-hackathon → 0.2.0-prisme

package/lib/stories/switch/switch.js

@@ -0,0 +1,108 @@
+"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); }
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _react2 = require("@storybook/react");
+
+var _storybookReadme = require("storybook-readme");
+
+var _orchestrator = _interopRequireDefault(require("../utils/orchestrator"));
+
+var _README = _interopRequireDefault(require("./README.md"));
+
+var _utils = require("../utils");
+
+var _data = _interopRequireDefault(require("./data"));
+
+var _dataForced = _interopRequireDefault(require("./data-forced"));
+
+var _react3 = require("@storybook/addon-knobs/react");
+
+var _options = require("../utils/options");
+
+var _customMui = require("../custom-mui");
+
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var stories = (0, _react2.storiesOf)('switch', module).addDecorator((0, _storybookReadme.withReadme)(_README["default"])).addDecorator(function (Component) {
+  var WrappedComponent = (0, _utils.titleDecorator)(Component);
+  return /*#__PURE__*/_react["default"].createElement(WrappedComponent, {
+    title: "<CheckboxBoolean />"
+  });
+});
+stories.addWithJSX('Default', function () {
+  return /*#__PURE__*/_react["default"].createElement(_orchestrator["default"], {
+    source: _data["default"]
+  });
+});
+stories.addWithJSX('Props', function () {
+  return /*#__PURE__*/_react["default"].createElement(_orchestrator["default"], {
+    source: _data["default"],
+    positioning: (0, _react3.select)('Items positioning', _options.positioningOptions, 'DEFAULT'),
+    features: (0, _react3.select)('Features', _options.featuresOptions, ['VTL', 'MD']),
+    missing: (0, _react3["boolean"])('Missing', false),
+    bindings: (0, _react3.object)('Bindings', {
+      test: 'test'
+    }),
+    disabled: (0, _react3["boolean"])('Disabled', false),
+    focused: (0, _react3["boolean"])('Focused', false),
+    management: (0, _react3["boolean"])('Management', false)
+  });
+});
+stories.addWithJSX('External update', function () {
+  var Fake = function Fake() {
+    var _useState = (0, _react.useState)(false),
+        _useState2 = _slicedToArray(_useState, 2),
+        up = _useState2[0],
+        setUp = _useState2[1];
+
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("button", {
+      type: "button",
+      onClick: function onClick() {
+        setUp(true);
+      },
+      disabled: up
+    }, "Force external update"), /*#__PURE__*/_react["default"].createElement(_orchestrator["default"], {
+      id: "default",
+      source: up ? _dataForced["default"] : _data["default"]
+    }));
+  };
+
+  return /*#__PURE__*/_react["default"].createElement(Fake, null);
+});
+stories.addWithJSX('Custom Switch', function () {
+  var custom = {
+    Switch: _customMui.SwitchMui
+  };
+  return /*#__PURE__*/_react["default"].createElement(_orchestrator["default"], {
+    source: _data["default"],
+    positioning: (0, _react3.select)('Items positioning', _options.positioningOptions, 'DEFAULT'),
+    features: (0, _react3.select)('Features', _options.featuresOptions, ['VTL', 'MD']),
+    missing: (0, _react3["boolean"])('Missing', false),
+    bindings: (0, _react3.object)('Bindings', {
+      test: 'test'
+    }),
+    disabled: (0, _react3["boolean"])('Disabled', false),
+    focused: (0, _react3["boolean"])('Focused', false),
+    management: (0, _react3["boolean"])('Management', false),
+    custom: custom
+  });
+});

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

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

package/lib/stories/table/data.json

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

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" }]
+			]
+		}
+	]
+}