@inseefr/lunatic 0.1.13-hackathon → 0.2.0-prisme

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

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _lunaticIcon = _interopRequireDefault(require("./lunatic-icon"));
+
+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__*/_react["default"].createElement(_lunaticIcon["default"], {
+    className: className
+  }, /*#__PURE__*/_react["default"].createElement("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"
+  }, /*#__PURE__*/_react["default"].createElement("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,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _lunaticIcon = _interopRequireDefault(require("./lunatic-icon"));
+
+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__*/_react["default"].createElement(_lunaticIcon["default"], {
+    className: className
+  }, /*#__PURE__*/_react["default"].createElement("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"
+  }, /*#__PURE__*/_react["default"].createElement("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,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _lunaticIcon = _interopRequireDefault(require("./lunatic-icon"));
+
+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__*/_react["default"].createElement(_lunaticIcon["default"], {
+    className: className
+  }, /*#__PURE__*/_react["default"].createElement("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"
+  }, /*#__PURE__*/_react["default"].createElement("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;

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

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _lunaticIcon = _interopRequireDefault(require("./lunatic-icon"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function RadioCheckedIcon(_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__*/_react["default"].createElement(_lunaticIcon["default"], {
+    className: className
+  }, /*#__PURE__*/_react["default"].createElement("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"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M0 0h24v24H0z",
+    fill: "none"
+  })));
+}
+
+var _default = RadioCheckedIcon;
+exports["default"] = _default;

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

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _lunaticIcon = _interopRequireDefault(require("./lunatic-icon"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function RadioUncheckedIcon(_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__*/_react["default"].createElement(_lunaticIcon["default"], {
+    className: className
+  }, /*#__PURE__*/_react["default"].createElement("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"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M0 0h24v24H0z",
+    fill: "none"
+  })));
+}
+
+var _default = RadioUncheckedIcon;
+exports["default"] = _default;

package/lib/components/commons/index.js

@@ -0,0 +1,154 @@
+"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
+});
+Object.defineProperty(exports, "ComboBox", {
+  enumerable: true,
+  get: function get() {
+    return _comboBox["default"];
+  }
+});
+Object.defineProperty(exports, "DefaultLabelRenderer", {
+  enumerable: true,
+  get: function get() {
+    return _defaultLabelRenderer["default"];
+  }
+});
+Object.defineProperty(exports, "DefaultOptionRenderer", {
+  enumerable: true,
+  get: function get() {
+    return _defaultOptionRenderer["default"];
+  }
+});
+Object.defineProperty(exports, "FieldContainer", {
+  enumerable: true,
+  get: function get() {
+    return _fieldContainer["default"];
+  }
+});
+Object.defineProperty(exports, "Fieldset", {
+  enumerable: true,
+  get: function get() {
+    return _fieldset["default"];
+  }
+});
+exports.HtmlTable = void 0;
+Object.defineProperty(exports, "Label", {
+  enumerable: true,
+  get: function get() {
+    return _label["default"];
+  }
+});
+Object.defineProperty(exports, "NothingToDisplay", {
+  enumerable: true,
+  get: function get() {
+    return _nothingToDisplay["default"];
+  }
+});
+Object.defineProperty(exports, "OrchestratedComponent", {
+  enumerable: true,
+  get: function get() {
+    return _orchestratedComponent["default"];
+  }
+});
+Object.defineProperty(exports, "buildStyleObject", {
+  enumerable: true,
+  get: function get() {
+    return _buildStyleObject["default"];
+  }
+});
+Object.defineProperty(exports, "createCustomizableLunaticField", {
+  enumerable: true,
+  get: function get() {
+    return _createCustomizableField["default"];
+  }
+});
+Object.defineProperty(exports, "createLunaticComponent", {
+  enumerable: true,
+  get: function get() {
+    return _createLunaticComponent["default"];
+  }
+});
+Object.defineProperty(exports, "createRowOrchestrator", {
+  enumerable: true,
+  get: function get() {
+    return _createRowOrchestrator["default"];
+  }
+});
+Object.defineProperty(exports, "safetyLabel", {
+  enumerable: true,
+  get: function get() {
+    return _safetyLabel["default"];
+  }
+});
+Object.defineProperty(exports, "useDocumentAddEventListener", {
+  enumerable: true,
+  get: function get() {
+    return _useDocumentAddEventListener["default"];
+  }
+});
+Object.defineProperty(exports, "useOnHandleChange", {
+  enumerable: true,
+  get: function get() {
+    return _useOnHandleChange["default"];
+  }
+});
+Object.defineProperty(exports, "useOptionsKeydown", {
+  enumerable: true,
+  get: function get() {
+    return _useOptionsKeydown["default"];
+  }
+});
+Object.defineProperty(exports, "usePrevious", {
+  enumerable: true,
+  get: function get() {
+    return _usePrevious["default"];
+  }
+});
+
+var _fieldContainer = _interopRequireDefault(require("./components/field-container"));
+
+var _label = _interopRequireDefault(require("./components/label"));
+
+var _fieldset = _interopRequireDefault(require("./components/fieldset"));
+
+var _usePrevious = _interopRequireDefault(require("./use-previous"));
+
+var _useOnHandleChange = _interopRequireDefault(require("./use-on-handle-change"));
+
+var _useOptionsKeydown = _interopRequireDefault(require("./use-options-keydown"));
+
+var _createCustomizableField = _interopRequireDefault(require("./create-customizable-field"));
+
+var _buildStyleObject = _interopRequireDefault(require("./build-style-object"));
+
+var _useDocumentAddEventListener = _interopRequireDefault(require("./use-document-add-event-listener"));
+
+var _nothingToDisplay = _interopRequireDefault(require("./components/nothing-to-display"));
+
+var _createRowOrchestrator = _interopRequireDefault(require("./create-row-orchestrator"));
+
+var _orchestratedComponent = _interopRequireDefault(require("./components/orchestrated-component"));
+
+var _comboBox = _interopRequireDefault(require("./components/combo-box"));
+
+var _HtmlTable = _interopRequireWildcard(require("./components/html-table"));
+
+exports.HtmlTable = _HtmlTable;
+
+var _defaultOptionRenderer = _interopRequireDefault(require("./components/default-option-renderer"));
+
+var _defaultLabelRenderer = _interopRequireDefault(require("./components/default-label-renderer"));
+
+var _safetyLabel = _interopRequireDefault(require("./safety-label"));
+
+var _createLunaticComponent = _interopRequireDefault(require("./components/create-lunatic-component"));
+
+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 }; }

package/lib/components/commons/prop-types/declarations.js

@@ -0,0 +1,27 @@
+"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 C = _interopRequireWildcard(require("../../../constants"));
+
+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 _default = _propTypes["default"].arrayOf(_propTypes["default"].shape({
+  id: _propTypes["default"].string.isRequired,
+  declarationType: _propTypes["default"].oneOf([C.INSTRUCTION, C.COMMENT, C.HELP, C.WARNING, C.MESSAGE_FILTER, C.STATEMENT]),
+  position: _propTypes["default"].oneOf([C.BEFORE_QUESTION_TEXT, C.AFTER_QUESTION_TEXT, C.DETACHABLE]),
+  label: _propTypes["default"].string.isRequired
+})).isRequired;
+
+exports["default"] = _default;

package/lib/components/commons/prop-types/index.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "declarationsPropTypes", {
+  enumerable: true,
+  get: function get() {
+    return _declarations["default"];
+  }
+});
+Object.defineProperty(exports, "linesPropTypes", {
+  enumerable: true,
+  get: function get() {
+    return _lines["default"];
+  }
+});
+Object.defineProperty(exports, "optionsPropTypes", {
+  enumerable: true,
+  get: function get() {
+    return _options["default"];
+  }
+});
+Object.defineProperty(exports, "responsePropTypes", {
+  enumerable: true,
+  get: function get() {
+    return _response["default"];
+  }
+});
+Object.defineProperty(exports, "valueTypePropTypes", {
+  enumerable: true,
+  get: function get() {
+    return _valueType["default"];
+  }
+});
+
+var _declarations = _interopRequireDefault(require("./declarations"));
+
+var _options = _interopRequireDefault(require("./options"));
+
+var _response = _interopRequireDefault(require("./response"));
+
+var _valueType = _interopRequireDefault(require("./value-type"));
+
+var _lines = _interopRequireDefault(require("./lines"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/components/commons/prop-types/lines.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = _propTypes["default"].shape({
+  min: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+  max: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
+});
+
+exports["default"] = _default;

package/lib/components/commons/prop-types/options.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = _propTypes["default"].arrayOf(_propTypes["default"].shape({
+  label: _propTypes["default"].string.isRequired,
+  value: _propTypes["default"].string.isRequired
+}));
+
+exports["default"] = _default;

package/lib/components/commons/prop-types/response.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = _propTypes["default"].shape({
+  name: _propTypes["default"].string,
+  values: _propTypes["default"].shape({})
+});
+
+exports["default"] = _default;

package/lib/components/commons/prop-types/value-type.js

@@ -0,0 +1,22 @@
+"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 C = _interopRequireWildcard(require("../../../utils/constants"));
+
+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 _default = _propTypes["default"].oneOf([C.COLLECTED, C.PREVIOUS, C.FORCED, C.EDITED, C.INPUTED]);
+
+exports["default"] = _default;

package/lib/components/commons/safety-label.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _isElement = require("../../utils/is-element");
+
+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 safetyLabel(label) {
+  if (typeof label === 'string' || typeof label === 'boolean' || typeof label === 'number') {
+    return label;
+  }
+
+  if (_typeof(label) === 'object') {
+    if ((0, _isElement.isElement)(label)) return label;
+    var value = label.value;
+
+    if (typeof value === 'string') {
+      return value;
+    }
+  }
+
+  if (typeof label === 'function') {
+    return label;
+  }
+
+  return "";
+}
+
+var _default = safetyLabel;
+exports["default"] = _default;

package/lib/components/commons/use-document-add-event-listener.js

@@ -0,0 +1,108 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = require("react");
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+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; }
+
+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 CALLBACKS = {};
+
+function getSignature(event) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return Object.entries(options).reduce(function (a, _ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+        k = _ref2[0],
+        v = _ref2[1];
+
+    return "".concat(a, "-").concat(k, "-").concat(v);
+  }, event);
+}
+
+function createListener(event, options) {
+  var signature = getSignature(event, options);
+
+  var listener = function listener(e) {
+    if (signature in CALLBACKS) {
+      var callbacks = CALLBACKS[signature].callbacks;
+      callbacks.forEach(function (c) {
+        c(e);
+      });
+    }
+  };
+
+  document.addEventListener(event, listener, options);
+  return listener;
+}
+
+function unmount(event, callback, options) {
+  var signature = getSignature(event, options);
+
+  if (signature in CALLBACKS) {
+    var _CALLBACKS$signature = CALLBACKS[signature],
+        listener = _CALLBACKS$signature.listener,
+        callbacks = _CALLBACKS$signature.callbacks;
+    var index = callbacks.indexOf(callback);
+    CALLBACKS[signature].callbacks.splice(index, 1);
+
+    if (CALLBACKS[signature].callbacks.length === 0) {
+      delete CALLBACKS[signature];
+      document.removeEventListener(event, listener);
+    }
+  }
+}
+
+function mount(event, callback, options) {
+  var signature = getSignature(event, options);
+
+  if (!(signature in CALLBACKS)) {
+    var listener = createListener(event, options);
+    CALLBACKS[signature] = {
+      listener: listener,
+      callbacks: [callback]
+    };
+  } else {
+    CALLBACKS[signature] = _objectSpread(_objectSpread({}, CALLBACKS[signature]), {}, {
+      callbacks: [].concat(_toConsumableArray(CALLBACKS[signature].callbacks), [callback])
+    });
+  }
+}
+
+function useDocumentAddEventListener(event, callback, options) {
+  (0, _react.useEffect)(function () {
+    mount(event, callback, options);
+    return function () {
+      unmount(event, callback, options);
+    };
+  }, [event, callback, options]);
+}
+
+var _default = useDocumentAddEventListener;
+exports["default"] = _default;