@inseefr/lunatic 2.3.1 → 2.4.1-beta

package/lib/components/commons/components/variable-status/variable-status.js

@@ -0,0 +1,85 @@
+"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 _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactTooltip = _interopRequireDefault(require("react-tooltip"));
+var img = _interopRequireWildcard(require("./img"));
+require("./variable-status.scss");
+var _jsxRuntime = require("react/jsx-runtime");
+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 }; }
+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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var VariableStatus = function VariableStatus(_ref) {
+  var _ref$id = _ref.id,
+    id = _ref$id === void 0 ? '' : _ref$id,
+    children = _ref.children;
+  var _useState = (0, _react.useState)(function () {
+      return {
+        imgName: 'editedImg',
+        content: [{
+          key: 'TODO',
+          value: ' coming soon'
+        }]
+      };
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    tooltipElements = _useState2[0],
+    setTooltipElements = _useState2[1];
+
+  // useEffect(() => {
+  // 	setTooltipElements({ imgName: 'edited', content: 'toto' });
+  // }, [response]);
+
+  var content = tooltipElements.content,
+    imgName = tooltipElements.imgName;
+  if (!content) return null;
+  var text = content.map(function (_ref2) {
+    var key = _ref2.key,
+      value = _ref2.value;
+    return "".concat(key, " : ").concat(value, "<br />");
+  }).join('');
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "lunatic-component-container-test",
+    "data-testid": "variable-status",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "lunatic-component-body",
+      children: children
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "tooltip-lunatic",
+      "data-testid": "tooltip-lunatic",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        "data-for": "".concat(id, "-management-tooltip"),
+        "data-tip": text,
+        "data-multiline": true,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+          id: id,
+          alt: "img-tooltip",
+          src: img[imgName]
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTooltip["default"], {
+        id: "".concat(id, "-management-tooltip"),
+        className: "tooltip-text",
+        place: "left"
+      })]
+    })]
+  });
+};
+VariableStatus.defaultProps = {
+  response: {}
+};
+VariableStatus.propTypes = {
+  id: _propTypes["default"].string
+};
+var _default = VariableStatus;
+exports["default"] = _default;

package/lib/components/commons/components/variable-status/variable-status.scss

@@ -0,0 +1,39 @@
+// Import index once for bundle
+@import '../../../index.scss';
+
+.lunatic-component-container-test {
+	display: flex;
+
+	.lunatic-component-body {
+		width: 80%;
+	}
+
+	/* Tooltip container */
+	.tooltip-lunatic {
+		margin: auto;
+		width: 20%;
+		position: relative;
+		display: block;
+		margin-left: auto;
+		margin-right: auto;
+	}
+
+	/* Tooltip text */
+	.tooltip-lunatic .tooltip-text {
+		min-width: 10em;
+		max-width: 20em;
+		background-color: var(--color-primary-dark);
+		color: #fff;
+		padding: 0.5em;
+		border-radius: 6px;
+		font-size: 1em;
+		&.place-left {
+			&::before {
+				border-left: 10px solid var(--color-primary-dark);
+			}
+			&::after {
+				content: none;
+			}
+		}
+	}
+}

package/lib/components/commons/components/variable-status/variable-status.spec.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _vitest = require("vitest");
+var _variableStatus = _interopRequireDefault(require("./variable-status"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+(0, _vitest.describe)('VariableStatus', function () {
+  (0, _vitest.it)('renders correctly with default props', function () {
+    (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_variableStatus["default"], {}));
+    (0, _vitest.expect)(_react2.screen.getByTestId('variable-status')).toBeInTheDocument();
+  });
+  (0, _vitest.it)('displays the tooltip when hovering over the image', function () {
+    (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_variableStatus["default"], {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "Test"
+      })
+    }));
+    var img = _react2.screen.getByAltText('img-tooltip');
+    _react2.fireEvent.mouseOver(img);
+    (0, _vitest.expect)(_react2.screen.getByTestId('tooltip-lunatic')).toBeInTheDocument();
+  });
+});

package/lib/components/commons/create-customizable-field.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _lunaticContext = require("../../use-lunatic/lunatic-context");
+var _jsxRuntime = require("react/jsx-runtime");
+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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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); }
+function createCustomizableLunaticField(LunaticField, name) {
+  var Memoized = /*#__PURE__*/_react["default"].memo(LunaticField);
+  return function OverlayField(props) {
+    var custom = (0, _lunaticContext.useLunaticCustom)();
+    if (_typeof(custom) === 'object' && name in custom) {
+      var CustomComponent = custom[name];
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomComponent, _objectSpread({}, props));
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Memoized, _objectSpread({}, props));
+  };
+}
+var _default = createCustomizableLunaticField;
+exports["default"] = _default;

package/lib/components/commons/create-row-orchestrator.js

@@ -0,0 +1,51 @@
+"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 createRowOrchestrator(Row) {
+  return function RowOrchestrator(_ref) {
+    var id = _ref.id,
+      components = _ref.components,
+      nbRows = _ref.nbRows,
+      valueMap = _ref.valueMap,
+      handleChange = _ref.handleChange,
+      features = _ref.features,
+      missing = _ref.missing,
+      shortcut = _ref.shortcut,
+      preferences = _ref.preferences,
+      executeExpression = _ref.executeExpression,
+      iteration = _ref.iteration,
+      xAxisIterations = _ref.xAxisIterations,
+      errors = _ref.errors;
+    if (nbRows > 0) {
+      return new Array(nbRows).fill(null).map(function (_, index) {
+        var i = Math.trunc(index / xAxisIterations);
+        var j = index % xAxisIterations;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(Row, {
+          id: id,
+          rowIndex: index,
+          components: components,
+          valueMap: valueMap,
+          handleChange: handleChange,
+          executeExpression: executeExpression,
+          iteration: iteration,
+          linksIterations: [i, j]
+          /** */,
+          features: features,
+          shortcut: shortcut,
+          preferences: preferences,
+          missing: missing,
+          errors: errors
+        }, index);
+      });
+    }
+    return null;
+  };
+}
+var _default = createRowOrchestrator;
+exports["default"] = _default;

package/lib/components/commons/icons/checkbox-checked.icon.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _lunaticIcon = _interopRequireDefault(require("./lunatic-icon"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function CheckboxCheckedIcon(_ref) {
+  var className = _ref.className,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 32 : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 32 : _ref$height;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticIcon["default"], {
+    className: className,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: width,
+      height: height,
+      x: "0",
+      y: "0",
+      enableBackground: "new 0 0 32 32",
+      version: "1.1",
+      viewBox: "0 0 32 32",
+      xmlSpace: "preserve",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M0 0h24v24H0z",
+        fill: "none"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+      })]
+    })
+  });
+}
+var _default = CheckboxCheckedIcon;
+exports["default"] = _default;

package/lib/components/commons/icons/checkbox-unchecked.icon.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _lunaticIcon = _interopRequireDefault(require("./lunatic-icon"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function CheckboxUncheckedIcon(_ref) {
+  var className = _ref.className,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 32 : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 32 : _ref$height;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticIcon["default"], {
+    className: className,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: width,
+      height: height,
+      x: "0",
+      y: "0",
+      enableBackground: "new 0 0 32 32",
+      version: "1.1",
+      viewBox: "0 0 32 32",
+      xmlSpace: "preserve",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M0 0h24v24H0z",
+        fill: "none"
+      })]
+    })
+  });
+}
+var _default = CheckboxUncheckedIcon;
+exports["default"] = _default;

package/lib/components/commons/icons/closed.icon.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _lunaticIcon = _interopRequireDefault(require("./lunatic-icon"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function ClosedIcon(_ref) {
+  var className = _ref.className,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 32 : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 32 : _ref$height;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticIcon["default"], {
+    className: className,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: width,
+      height: height,
+      x: "0",
+      y: "0",
+      enableBackground: "new 0 0 32 32",
+      version: "1.1",
+      viewBox: "0 0 32 32",
+      xmlSpace: "preserve",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M 25.628748,11.329813 C 25.38152,11.109877 25.088459,11 24.749838,11 H 7.2500941 C 6.9113359,11 6.6184798,11.109877 6.3710468,11.329813 6.1236139,11.549992 6,11.810303 6,12.111233 c 0,0.300869 0.1236139,0.56118 0.3710468,0.781177 l 8.7499062,7.777534 C 15.368659,20.88988 15.661516,21 16,21 c 0.338484,0 0.631614,-0.11012 0.878842,-0.330056 l 8.749906,-7.777595 C 25.875907,12.672413 26,12.412102 26,12.111172 c 0,-0.300869 -0.124093,-0.56118 -0.371252,-0.781359 z"
+      })
+    })
+  });
+}
+var _default = ClosedIcon;
+exports["default"] = _default;

package/lib/components/commons/icons/cross.icon.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _lunaticIcon = _interopRequireDefault(require("./lunatic-icon"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function CrossIcon(_ref) {
+  var className = _ref.className,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 32 : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 32 : _ref$height;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticIcon["default"], {
+    className: className,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: width,
+      height: height,
+      x: "0",
+      y: "0",
+      enableBackground: "new 0 0 32 32",
+      version: "1.1",
+      viewBox: "0 0 32 32",
+      xmlSpace: "preserve",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M 7.097006,7.0709627 C 6.4710386,7.6950801 6.0348033,8.5167883 6,9.3333333 l 6.666666,6.6666677 -6.6666655,6.666666 C 6.0406655,24.255963 7.7002437,25.930395 9.3333333,26 L 15.999999,19.333334 22.666665,26 C 24.255962,25.95934 25.930393,24.299755 26,22.666667 L 19.333332,16.000001 26,9.3333334 C 25.959335,7.7440359 24.299754,6.069605 22.666665,6 L 15.999999,12.666666 9.3333333,6 C 8.5386853,6.020332 7.7229758,6.4468492 7.097006,7.0709627 Z"
+      })
+    })
+  });
+}
+var _default = CrossIcon;
+exports["default"] = _default;

package/lib/components/commons/icons/index.js

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "CheckboxChecked", {
+  enumerable: true,
+  get: function get() {
+    return _checkboxChecked["default"];
+  }
+});
+Object.defineProperty(exports, "CheckboxUnchecked", {
+  enumerable: true,
+  get: function get() {
+    return _checkboxUnchecked["default"];
+  }
+});
+Object.defineProperty(exports, "ClosedIcon", {
+  enumerable: true,
+  get: function get() {
+    return _closed["default"];
+  }
+});
+Object.defineProperty(exports, "CrossIcon", {
+  enumerable: true,
+  get: function get() {
+    return _cross["default"];
+  }
+});
+Object.defineProperty(exports, "LoadIcon", {
+  enumerable: true,
+  get: function get() {
+    return _load["default"];
+  }
+});
+Object.defineProperty(exports, "NetworkIcon", {
+  enumerable: true,
+  get: function get() {
+    return _network["default"];
+  }
+});
+Object.defineProperty(exports, "OnDragIcon", {
+  enumerable: true,
+  get: function get() {
+    return _onDrag["default"];
+  }
+});
+Object.defineProperty(exports, "OpenedIcon", {
+  enumerable: true,
+  get: function get() {
+    return _opened["default"];
+  }
+});
+Object.defineProperty(exports, "RadioChecked", {
+  enumerable: true,
+  get: function get() {
+    return _radioChecked["default"];
+  }
+});
+Object.defineProperty(exports, "RadioUnchecked", {
+  enumerable: true,
+  get: function get() {
+    return _radioUnchecked["default"];
+  }
+});
+var _cross = _interopRequireDefault(require("./cross.icon"));
+var _closed = _interopRequireDefault(require("./closed.icon"));
+var _opened = _interopRequireDefault(require("./opened.icon"));
+var _load = _interopRequireDefault(require("./load.icon"));
+var _network = _interopRequireDefault(require("./network.icon"));
+var _onDrag = _interopRequireDefault(require("./on-drag.icon"));
+var _radioChecked = _interopRequireDefault(require("./radio-checked.icon"));
+var _radioUnchecked = _interopRequireDefault(require("./radio-unchecked.icon"));
+var _checkboxChecked = _interopRequireDefault(require("./checkbox-checked.icon"));
+var _checkboxUnchecked = _interopRequireDefault(require("./checkbox-unchecked.icon"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/components/commons/icons/load.icon.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _lunaticIcon = _interopRequireDefault(require("./lunatic-icon"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function ClosedIcon(_ref) {
+  var className = _ref.className,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 32 : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 32 : _ref$height;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticIcon["default"], {
+    className: className,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: width,
+      height: height,
+      x: "0",
+      y: "0",
+      enableBackground: "new 0 0 32 32",
+      version: "1.1",
+      viewBox: "0 0 32 32",
+      xmlSpace: "preserve",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "m 10.628906,5.8808594 c -0.214987,-0.001 -0.42313,0.066105 -0.621094,0.203125 -0.197929,0.13695 -0.3337126,0.3059125 -0.4082026,0.5078125 -0.07434,0.20177 -0.063157,0.3725087 0.033203,0.5117187 L 10.667969,8.5996094 C 7.7654347,10.429719 6.000564,13.619938 6,17.054688 c 0,5.522849 4.477153,10 10,10 5.522847,0 10,-4.477151 10,-10 C 26.000084,13.846958 24.464581,10.867019 21.925781,9 l -2.167969,4.773438 c 0.779895,0.889532 1.238599,2.0462 1.242188,3.28125 0,2.76142 -2.238576,5 -5,5 -2.761424,0 -5,-2.238581 -5,-5 0.0042,-1.793391 0.969178,-3.443679 2.523438,-4.330079 l 1.089843,1.574219 c 0.09638,0.13927 0.25171,0.209318 0.466797,0.210938 0.215229,10e-4 0.421172,-0.06601 0.619141,-0.203125 0.19792,-0.13696 0.333879,-0.305933 0.408203,-0.507813 l 2.626953,-7.1386718 c 0.07422,-0.2019799 0.06311,-0.3725587 -0.0332,-0.5117187 -0.0963,-0.13917 -0.251768,-0.2093975 -0.4668,-0.2109375 z"
+      })
+    })
+  });
+}
+var _default = ClosedIcon;
+exports["default"] = _default;

package/lib/components/commons/icons/lunatic-icon.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+require("./lunatic-icon.scss");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function ClosedIcon(_ref) {
+  var className = _ref.className,
+    children = _ref.children;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+    className: (0, _classnames["default"])('lunatic-icon', className),
+    children: children
+  });
+}
+var _default = ClosedIcon;
+exports["default"] = _default;

package/lib/components/commons/icons/lunatic-icon.scss

@@ -0,0 +1,3 @@
+.lunatic-icon {
+	display: flex;
+}

package/lib/components/commons/icons/network.icon.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _lunaticIcon = _interopRequireDefault(require("./lunatic-icon"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function CrossIcon(_ref) {
+  var className = _ref.className,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 32 : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 32 : _ref$height;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticIcon["default"], {
+    className: className,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: width,
+      height: height,
+      x: "0",
+      y: "0",
+      enableBackground: "new 0 0 32 32",
+      version: "1.1",
+      viewBox: "0 0 32 32",
+      xmlSpace: "preserve",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M 16.211514,6 C 11.574486,6.008 7.1494292,7.94279 4,11.34621 c 0.067313,0.60594 0.3511557,1.08182 1.0781965,1.29181 2.8398143,-3.15866 6.8857655,-4.96513 11.1333175,-4.9708 4.246875,0.008 8.291469,1.81516 11.12987,4.9742 0.42856,-0.18331 0.899659,-0.21808 1.074753,-1.28833 C 25.269539,7.94895 20.847185,6.00922 16.211514,6 Z m 0,3.33452 c -3.859338,0.004 -7.5270269,1.68269 -10.055121,4.59867 0.082129,0.59595 0.3347147,1.09028 1.0747495,1.2918 2.214919,-2.67556 5.5069425,-4.22502 8.9803715,-4.22664 3.472148,0.004 6.761427,1.5572 8.973481,4.23352 0.574616,-0.21997 1.032388,-0.55661 1.081639,-1.30212 -2.528736,-2.91477 -6.196335,-4.59084 -10.05512,-4.59523 z m -0.0034,3.33101 c -3.084894,0.002 -5.995941,1.42878 -7.8883982,3.86498 0.015118,0.87625 0.5660293,1.08257 1.095416,1.31584 1.5613712,-2.20255 4.0931392,-3.51208 6.7929792,-3.51359 2.700508,0.004 5.231123,1.31845 6.789531,3.52395 0.886465,-0.21657 1.135403,-0.70692 1.098867,-1.31932 -1.891063,-2.43881 -4.802322,-3.8677 -7.888395,-3.87186 z m 0,3.33449 c -2.316849,0.002 -4.46631,1.20748 -5.676888,3.18293 L 16.211554,26 21.884999,19.18982 c -1.2089,-1.97805 -3.358668,-3.18598 -5.676885,-3.1898 z"
+      })
+    })
+  });
+}
+var _default = CrossIcon;
+exports["default"] = _default;

package/lib/components/commons/icons/on-drag.icon.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _lunaticIcon = _interopRequireDefault(require("./lunatic-icon"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function CrossIcon(_ref) {
+  var className = _ref.className,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 32 : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 32 : _ref$height;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticIcon["default"], {
+    className: className,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: width,
+      height: height,
+      x: "0",
+      y: "0",
+      enableBackground: "new 0 0 32 32",
+      version: "1.1",
+      viewBox: "0 0 32 32",
+      xmlSpace: "preserve",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M 15.998805,0 C 15.791758,0 15.614821,0.068587 15.4636,0.2030911 L 10.109162,4.9578137 C 9.95798,5.0923491 9.884566,5.2516109 9.884566,5.4356753 c 0,0.1840189 0.07342,0.3431857 0.224596,0.4778615 0.151203,0.1345354 0.330468,0.2030913 0.537594,0.2030913 h 4.205182 V 14.854326 H 6.1166281 v -4.202792 c 0,-0.2072 -0.068555,-0.388637 -0.2030912,-0.539983 C 5.7788793,9.9602251 5.6197345,9.8845661 5.4356754,9.8845661 c -0.1840494,0 -0.3432982,0.07566 -0.4778615,0.2269849 L 0.2030911,15.4636 C 0.0685559,15.615109 1.2e-6,15.794159 0,16.001195 0,16.208242 0.068592,16.385179 0.2030911,16.5364 l 4.7547228,5.352049 c 0.1345352,0.151182 0.2937975,0.226985 0.4778615,0.226985 0.1840188,0 0.3431856,-0.07581 0.4778615,-0.226985 0.1345353,-0.151203 0.2030912,-0.328079 0.2030912,-0.535205 v -4.205182 h 8.7353099 v 8.73531 h -4.202794 c -0.207124,0 -0.388779,0.06855 -0.539982,0.203092 -0.151179,0.134675 -0.224596,0.293842 -0.224596,0.477861 0,0.184064 0.07341,0.343326 0.224596,0.477862 L 15.4636,31.796909 C 15.614821,31.931407 15.794147,32 16.001195,32 c 0.207036,-1e-6 0.383696,-0.06855 0.535205,-0.203091 l 5.352049,-4.754722 c 0.151326,-0.134563 0.226985,-0.293813 0.226985,-0.477862 0,-0.184058 -0.07566,-0.343204 -0.226985,-0.477861 -0.151346,-0.134536 -0.337561,-0.203092 -0.544762,-0.203092 h -4.198013 v -8.73531 h 8.737698 v 4.202793 c 0,0.207125 0.06855,0.386391 0.203092,0.537594 0.134675,0.151179 0.293842,0.226985 0.477861,0.226985 0.184064,0 0.343326,-0.0758 0.477862,-0.226985 L 31.796909,16.5364 C 31.931407,16.385179 32,16.205853 32,15.998805 31.999999,15.791768 31.93144,15.615109 31.796909,15.4636 L 27.042187,10.111551 C 26.907624,9.9602251 26.748374,9.8845661 26.564325,9.8845661 c -0.184058,0 -0.343204,0.07566 -0.477861,0.2269849 -0.134536,0.151346 -0.203092,0.335171 -0.203092,0.542372 v 4.200403 H 17.145674 V 6.1166281 h 4.200403 c 0.207201,0 0.391026,-0.068557 0.542372,-0.2030913 0.151326,-0.1346576 0.226985,-0.2938028 0.226985,-0.4778615 0,-0.1840494 -0.07566,-0.3432989 -0.226985,-0.4778616 L 16.5364,0.2030911 C 16.384891,0.0685559 16.205841,1.5e-6 15.998805,0 Z"
+      })
+    })
+  });
+}
+var _default = CrossIcon;
+exports["default"] = _default;

package/lib/components/commons/icons/opened.icon.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _lunaticIcon = _interopRequireDefault(require("./lunatic-icon"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function OpenedIcon(_ref) {
+  var className = _ref.className,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 32 : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 32 : _ref$height;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticIcon["default"], {
+    className: className,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: width,
+      height: height,
+      x: "0",
+      y: "0",
+      enableBackground: "new 0 0 32 32",
+      version: "1.1",
+      viewBox: "0 0 32 32",
+      xmlSpace: "preserve",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M 11.329813,6.371252 C 11.109877,6.61848 11,6.911541 11,7.250162 v 17.499744 c 0,0.338758 0.109877,0.631614 0.329813,0.879047 C 11.549992,25.876386 11.810303,26 12.111233,26 c 0.300869,0 0.56118,-0.123614 0.781177,-0.371047 l 7.777534,-8.749906 C 20.88988,16.631341 21,16.338484 21,16 21,15.661516 20.88988,15.368386 20.669944,15.121158 L 12.892349,6.371252 C 12.672413,6.124093 12.412102,6 12.111172,6 11.810303,6 11.549992,6.124093 11.329813,6.371252 Z"
+      })
+    })
+  });
+}
+var _default = OpenedIcon;
+exports["default"] = _default;