@inseefr/lunatic 0.1.13-hackathon → 0.2.0-prisme

package/lib/components/commons/components/default-option-renderer.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function DefaultOptionRenderer(_ref) {
+  var option = _ref.option,
+      selected = _ref.selected;
+  var id = option.id,
+      value = option.value,
+      label = option.label;
+
+  if (label && label.length) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])('lunatic-combo-box-option', {
+        selected: selected
+      })
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: "id"
+    }, id || value), label && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", null, " - "), /*#__PURE__*/_react["default"].createElement("span", {
+      className: "label"
+    }, label)));
+  }
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('lunatic-combo-box-option', {
+      selected: selected
+    })
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "id"
+  }, id));
+}
+
+var _default = DefaultOptionRenderer;
+exports["default"] = _default;

package/lib/components/commons/components/dragger/dragger.js

@@ -0,0 +1,118 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _commons = require("../../../commons");
+
+require("./dragger.scss");
+
+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; }
+
+function Dragger(_ref) {
+  var el = _ref.el,
+      children = _ref.children,
+      onDrag = _ref.onDrag;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      drag = _useState2[0],
+      setDrag = _useState2[1];
+
+  var _useState3 = (0, _react.useState)([undefined, undefined]),
+      _useState4 = _slicedToArray(_useState3, 2),
+      delta = _useState4[0],
+      setDelta = _useState4[1];
+
+  var _useState5 = (0, _react.useState)([undefined, undefined]),
+      _useState6 = _slicedToArray(_useState5, 2),
+      anchor = _useState6[0],
+      setAnchor = _useState6[1];
+
+  function onMouseDown(e) {
+    var clientX = e.clientX,
+        clientY = e.clientY;
+    setDrag(true);
+    setAnchor([clientX, clientY]);
+    onDrag(true, [clientX, clientY]);
+  }
+
+  function onMouseUp() {
+    setDrag(false);
+    onDrag(false);
+  }
+
+  var onMouseMove = (0, _react.useCallback)(function (e) {
+    var clientX = e.clientX,
+        clientY = e.clientY;
+
+    if (drag) {
+      var _anchor = _slicedToArray(anchor, 2),
+          ax = _anchor[0],
+          ay = _anchor[1];
+
+      var dx = clientX - ax;
+      var dy = clientY - ay;
+      setAnchor([clientX, clientY]);
+      setDelta([dx, dy]);
+      onDrag(true, [dx, dy]);
+    }
+  }, [drag, anchor, onDrag]);
+  (0, _react.useEffect)(function () {
+    var _delta = _slicedToArray(delta, 2),
+        dx = _delta[0],
+        dy = _delta[1];
+
+    if (el && dx !== undefined && dy !== undefined) {
+      var _el$getBoundingClient = el.getBoundingClientRect(),
+          top = _el$getBoundingClient.top,
+          left = _el$getBoundingClient.left;
+
+      el.style.top = "".concat(top + dy, "px");
+      el.style.left = "".concat(left + dx, "px");
+    }
+  }, [el, delta]);
+  (0, _commons.useDocumentAddEventListener)('mousemove', onMouseMove);
+  (0, _commons.useDocumentAddEventListener)('mouseup', onMouseUp);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "lunatic-dragger",
+    onMouseDown: onMouseDown
+  }, children);
+}
+
+Dragger.propTypes = {
+  el: _propTypes["default"].object,
+  onDrag: _propTypes["default"].func
+};
+Dragger.defaultProps = {
+  el: undefined,
+  onDrag: function onDrag() {
+    return null;
+  }
+};
+var _default = Dragger;
+exports["default"] = _default;

package/lib/components/commons/components/dragger/dragger.scss

@@ -0,0 +1,8 @@
+.lunatic-dragger {
+    display: inline-block;;
+    width: 100%;
+    height: 100%;
+    -moz-user-select: -moz-none;
+	-khtml-user-select: none;
+	-webkit-user-select: none;
+}

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

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

package/lib/components/commons/components/fab/fab.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+require("./fab.scss");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function empty() {}
+
+function Fab(_ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      tabIndex = _ref.tabIndex,
+      title = _ref.title,
+      onClick = _ref.onClick,
+      onKeyDown = _ref.onKeyDown,
+      disabled = _ref.disabled;
+  return /*#__PURE__*/_react["default"].createElement("button", {
+    className: (0, _classnames["default"])('lunatic-fab', className),
+    tabIndex: tabIndex,
+    title: title,
+    onClick: onClick,
+    onKeyDown: onKeyDown,
+    disabled: disabled,
+    "aria-label": title
+  }, children);
+}
+
+Fab.propTypes = {
+  className: _propTypes["default"].string,
+  tabIndex: _propTypes["default"].string,
+  onClick: _propTypes["default"].func,
+  onKeyDown: _propTypes["default"].func,
+  title: _propTypes["default"].string,
+  disabled: _propTypes["default"].bool
+};
+Fab.defaultProps = {
+  className: undefined,
+  tabIndex: undefined,
+  title: 'Fab',
+  onClick: empty,
+  disabled: false,
+  onKeyDown: empty
+};
+var _default = Fab;
+exports["default"] = _default;

package/lib/components/commons/components/fab/fab.scss

@@ -0,0 +1,32 @@
+.lunatic-fab {
+	width: 32px;
+	height: 32px;
+	border-radius: 50%;
+	margin: 0;
+	padding: 0;
+	outline: inherit;
+	border: none;
+	background-color: royalblue;
+	box-shadow: 0px 3px 5px -1px rgb(0 0 0 / 20%),
+		0px 6px 10px 0px rgb(0 0 0 / 14%), 0px 1px 18px 0px rgb(0 0 0 / 12%);
+
+	&:hover {
+		cursor: pointer;
+		background-color: navy;
+		transition: background-color 1s;
+	}
+
+	&.mini {
+		width: 18px;
+		height: 18px;
+	}
+
+	&:focus {
+		border: solid 1px black;
+	}
+
+	&:disabled {
+		cursor: default;
+		background-color: darkgray;
+	}
+}

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

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

package/lib/components/commons/components/field-container/field-container.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+require("./field-container.scss");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function Tooltip(_ref) {
+  var management = _ref.management;
+
+  if (management) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "tooltip"
+    });
+  }
+
+  return null;
+}
+
+function FieldContainer(_ref2) {
+  var children = _ref2.children,
+      management = _ref2.management,
+      value = _ref2.value,
+      id = _ref2.id;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "field-container"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])({
+      'field-with-tooltip': management,
+      field: !management
+    })
+  }, children), /*#__PURE__*/_react["default"].createElement(Tooltip, {
+    management: management,
+    value: value,
+    id: id
+  }));
+}
+
+var _default = FieldContainer;
+exports["default"] = _default;

package/lib/components/commons/components/field-container/index.js

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

package/lib/components/commons/components/fieldset.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _createCustomizableField = _interopRequireDefault(require("../../commons/create-customizable-field"));
+
+var _safetyLabel = _interopRequireDefault(require("../safety-label"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function Fieldset(_ref) {
+  var children = _ref.children,
+      legend = _ref.legend;
+  return /*#__PURE__*/_react["default"].createElement("fieldset", null, /*#__PURE__*/_react["default"].createElement("legend", null, (0, _safetyLabel["default"])(legend)), children);
+}
+
+var _default = (0, _createCustomizableField["default"])(Fieldset);
+
+exports["default"] = _default;

package/lib/components/commons/components/html-table/index.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Table", {
+  enumerable: true,
+  get: function get() {
+    return _table["default"];
+  }
+});
+Object.defineProperty(exports, "Tbody", {
+  enumerable: true,
+  get: function get() {
+    return _tbody["default"];
+  }
+});
+Object.defineProperty(exports, "Td", {
+  enumerable: true,
+  get: function get() {
+    return _td["default"];
+  }
+});
+Object.defineProperty(exports, "Th", {
+  enumerable: true,
+  get: function get() {
+    return _th["default"];
+  }
+});
+Object.defineProperty(exports, "Thead", {
+  enumerable: true,
+  get: function get() {
+    return _thead["default"];
+  }
+});
+Object.defineProperty(exports, "Tr", {
+  enumerable: true,
+  get: function get() {
+    return _tr["default"];
+  }
+});
+
+var _table = _interopRequireDefault(require("./table.js"));
+
+var _tbody = _interopRequireDefault(require("./tbody.js"));
+
+var _td = _interopRequireDefault(require("./td.js"));
+
+var _th = _interopRequireDefault(require("./th.js"));
+
+var _thead = _interopRequireDefault(require("./thead.js"));
+
+var _tr = _interopRequireDefault(require("./tr.js"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/components/commons/components/html-table/table.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _createCustomizableField = _interopRequireDefault(require("../../create-customizable-field"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function Table(_ref) {
+  var className = _ref.className,
+      id = _ref.id,
+      children = _ref.children;
+  return /*#__PURE__*/_react["default"].createElement("table", {
+    id: "table-".concat(id),
+    className: (0, _classnames["default"])('lunatic-table', className)
+  }, children);
+}
+
+Table.propTypes = {
+  id: _propTypes["default"].string.isRequired,
+  className: _propTypes["default"].string
+};
+Table.defaultProps = {
+  className: undefined
+};
+
+var _default = (0, _createCustomizableField["default"])(Table);
+
+exports["default"] = _default;

package/lib/components/commons/components/html-table/tbody.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _createCustomizableField = _interopRequireDefault(require("../../create-customizable-field"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function Tbody(_ref) {
+  var id = _ref.id,
+      className = _ref.className,
+      children = _ref.children;
+  return /*#__PURE__*/_react["default"].createElement("tbody", {
+    id: "lunatic-table-tbody-".concat(id),
+    className: (0, _classnames["default"])('lunatic-table-tbody', className)
+  }, children);
+}
+
+Tbody.propTypes = {
+  id: _propTypes["default"].string.isRequired,
+  className: _propTypes["default"].string
+};
+Tbody.defaultProps = {
+  className: undefined
+};
+
+var _default = (0, _createCustomizableField["default"])(Tbody);
+
+exports["default"] = _default;

package/lib/components/commons/components/html-table/td.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _createCustomizableField = _interopRequireDefault(require("../../create-customizable-field"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function Td(_ref) {
+  var id = _ref.id,
+      children = _ref.children,
+      row = _ref.row,
+      index = _ref.index,
+      className = _ref.className,
+      colSpan = _ref.colSpan,
+      rowSpan = _ref.rowSpan;
+  return /*#__PURE__*/_react["default"].createElement("td", {
+    id: "lunatic-table-td-".concat(id, "-").concat(row, "-").concat(index),
+    className: (0, _classnames["default"])('lunatic-table-td', className),
+    colSpan: colSpan,
+    rowSpan: rowSpan
+  }, children);
+}
+
+Td.propTypes = {
+  id: _propTypes["default"].string.isRequired,
+  row: _propTypes["default"].number.isRequired,
+  index: _propTypes["default"].number.isRequired,
+  className: _propTypes["default"].string,
+  rowSpan: _propTypes["default"].number,
+  colSpan: _propTypes["default"].number
+};
+Td.defaultProps = {
+  className: undefined,
+  rowSpan: undefined,
+  colSpan: undefined
+};
+
+var _default = (0, _createCustomizableField["default"])(Td);
+
+exports["default"] = _default;

package/lib/components/commons/components/html-table/th.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _createCustomizableField = _interopRequireDefault(require("../../create-customizable-field"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function Th(_ref) {
+  var id = _ref.id,
+      index = _ref.index,
+      children = _ref.children,
+      className = _ref.className,
+      colSpan = _ref.colSpan,
+      rowSpan = _ref.rowSpan;
+  return /*#__PURE__*/_react["default"].createElement("th", {
+    id: "lunatic-table-th-".concat(id, "-").concat(index),
+    className: (0, _classnames["default"])('lunatic-table-th', className),
+    colSpan: colSpan,
+    rowSpan: rowSpan
+  }, children);
+}
+
+Th.propTypes = {
+  id: _propTypes["default"].string.isRequired,
+  index: _propTypes["default"].number.isRequired,
+  className: _propTypes["default"].string,
+  rowSpan: _propTypes["default"].number,
+  colSpan: _propTypes["default"].number
+};
+Th.defaultProps = {
+  className: undefined,
+  rowSpan: undefined,
+  colSpan: undefined
+};
+
+var _default = (0, _createCustomizableField["default"])(Th);
+
+exports["default"] = _default;

package/lib/components/commons/components/html-table/thead.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _createCustomizableField = _interopRequireDefault(require("../../create-customizable-field"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function Thead(_ref) {
+  var id = _ref.id,
+      children = _ref.children,
+      className = _ref.className;
+  return /*#__PURE__*/_react["default"].createElement("thead", {
+    id: "lunatic-table-thead-".concat(id),
+    className: (0, _classnames["default"])('lunatic-table-thead', className)
+  }, children);
+}
+
+Thead.propTypes = {
+  id: _propTypes["default"].string.isRequired,
+  className: _propTypes["default"].string
+};
+Thead.defaultProps = {
+  className: undefined
+};
+
+var _default = (0, _createCustomizableField["default"])(Thead);
+
+exports["default"] = _default;