@inseefr/lunatic 2.0.0 → 2.0.1-v2

package/lib/components/suggester-loader-widget/widget.scss

@@ -0,0 +1,176 @@
+$colorA: #e9d0d0;
+$colorB: darkred;
+$colorC: #320000;
+$colorD: goldenrod;
+
+@mixin preventSelect() {
+	-moz-user-select: -moz-none;
+	-khtml-user-select: none;
+	-webkit-user-select: none;
+}
+
+@mixin onDrag() {
+	&.drag {
+		box-shadow: $colorD 0px 3px 8px;
+		transition: box-shadow 0.5s;
+	}
+}
+
+.lunatic-suggester-widget-container {
+	&.absolute {
+		position: fixed;
+		z-index: 1;
+	}
+	.lunatic-suggester-widget {
+		position: relative;
+		border: solid $colorB 2px;
+		background-color: $colorA;
+		padding: 4px 4px;
+		border: 2px 2px;
+		width: 400px;
+		box-shadow: $colorC 0px 3px 8px;
+
+		@include onDrag();
+
+		.widget-row {
+			height: 22px;
+			display: flex;
+			flex-direction: row;
+			margin-bottom: 1px;
+			.store-name {
+				width: 60%;
+				color: $colorB;
+				font-size: 18px;
+				white-space: nowrap;
+				overflow-x: hidden;
+			}
+			.stats {
+				color: $colorB;
+				font-size: 18px;
+				white-space: nowrap;
+				overflow-x: hidden;
+				width: 40%;
+			}
+			.widget-button {
+				margin: 0 1px 0 0;
+				padding: 0;
+				border: none;
+				width: 18px;
+				height: 18px;
+				background-color: $colorB;
+
+				&.disabled {
+					background-color: gray;
+					cursor: default;
+				}
+
+				&:hover {
+					background-color: $colorC;
+					transition: background-color 1s;
+					cursor: pointer;
+				}
+
+				.lunatic-suggester-icon {
+					svg {
+						width: 18px;
+						height: 18px;
+						fill: $colorA;
+					}
+				}
+			}
+
+			.lunatic-suggester-loader-progress {
+				height: inherit;
+				border: solid 1px $colorB;
+				border-radius: 2px;
+				width: 70%;
+
+				&.done {
+					&:hover {
+						border-color: $colorC;
+						transition: border-color 1s;
+						.progress {
+							background-color: $colorC;
+							transition: background-color 1s;
+						}
+
+						cursor: pointer;
+					}
+				}
+
+				.content {
+					padding: 2px 2px;
+					height: calc(100%);
+					width: 100%;
+					.progress {
+						background-color: $colorB;
+						height: 100%;
+					}
+				}
+			}
+		}
+
+		.suggester-widget-network {
+			position: absolute;
+			border: solid $colorB 2px;
+			left: 6px;
+			background-color: $colorA;
+			border-radius: 50%;
+			padding: 2px 2px;
+			left: -22px;
+			top: -22px;
+			box-shadow: $colorC 0px 3px 8px;
+
+			&.online {
+				svg {
+					fill: forestgreen;
+				}
+			}
+
+			svg {
+				width: 24px;
+				height: 24px;
+				fill: $colorB;
+			}
+
+			@include onDrag();
+		}
+
+		.lunatic-widget-tools {
+			position: absolute;
+			right: 0;
+			top: -18px;
+			margin-top: -4px;
+
+			.lunatic-action-tool {
+				display: inline-block;
+				height: 18px;
+				width: 18px;
+				background-color: $colorB;
+				border-radius: 50%;
+				margin-left: 2px;
+
+				&:hover {
+					box-shadow: $colorC 0px 3px 8px;
+				}
+
+				&.drag {
+					background-color: $colorD;
+					transition: background-color 0.5s;
+				}
+
+				.on-drag-icon {
+					cursor: grab;
+					&.drag {
+						cursor: grabbing;
+					}
+					svg {
+						width: 16px;
+						height: 16px;
+						fill: $colorA;
+					}
+				}
+			}
+		}
+	}
+}

package/lib/components/switch/index.js

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

package/lib/components/switch/lunatic-switch.js

@@ -0,0 +1,59 @@
+"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 _switch = _interopRequireDefault(require("./switch"));
+
+var _commons = require("../commons");
+
+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 LunaticSwitch(_ref) {
+  var id = _ref.id,
+      value = _ref.value,
+      statusLabel = _ref.statusLabel,
+      onChange = _ref.onChange,
+      custom = _ref.custom,
+      labelId = _ref.labelId;
+  var booleanValue = value || false;
+  var onClick = (0, _react.useCallback)(function (status) {
+    onChange(status);
+  }, [onChange]);
+  return /*#__PURE__*/_react["default"].createElement(_switch["default"], {
+    id: id,
+    checked: booleanValue,
+    onClick: onClick,
+    statusLabel: statusLabel,
+    labelId: labelId,
+    custom: custom
+  });
+}
+
+LunaticSwitch.propTypes = {
+  value: _propTypes["default"].oneOf([null, true, false])
+};
+LunaticSwitch.defaultProps = {
+  statusLabel: {
+    "true": 'True',
+    "false": 'False'
+  }
+};
+
+var _default = (0, _commons.createLunaticComponent)(LunaticSwitch, {
+  inputId: 'lunatic-switch'
+});
+
+exports["default"] = _default;

package/lib/components/switch/switch.js

@@ -0,0 +1,92 @@
+"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 _classnames = _interopRequireDefault(require("classnames"));
+
+var _commons = require("../commons");
+
+require("./switch.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 Switch(_ref) {
+  var checked = _ref.checked,
+      disabled = _ref.disabled,
+      onClick = _ref.onClick,
+      statusLabel = _ref.statusLabel,
+      labelId = _ref.labelId,
+      id = _ref.id;
+  var handleClick = (0, _react.useCallback)(function () {
+    onClick(!checked);
+  }, [checked, onClick]);
+  var handleKeyDown = (0, _react.useCallback)(function (e) {
+    var code = e.code;
+
+    if (code === 'Space') {
+      onClick();
+    }
+  }, [onClick]);
+  var labelTrue = statusLabel["true"],
+      labelFalse = statusLabel["false"];
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "lunatic-switch",
+    id: id
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('lunatic-switch-label', {
+      checked: !checked
+    })
+  }, labelFalse), /*#__PURE__*/_react["default"].createElement("div", {
+    role: "switch",
+    "aria-checked": checked,
+    tabIndex: "0",
+    className: (0, _classnames["default"])('lunatic-switch-container', {
+      disabled: disabled,
+      checked: checked
+    }),
+    onClick: handleClick,
+    onKeyDown: handleKeyDown,
+    labelledBy: labelId
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "lunatic-switch-button"
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('lunatic-switch-label', {
+      checked: checked
+    })
+  }, labelTrue));
+}
+
+Switch.propTypes = {
+  checked: _propTypes["default"].bool.isRequired,
+  disabled: _propTypes["default"].bool,
+  handleChange: _propTypes["default"].func.isRequired,
+  statusLabel: _propTypes["default"].shape({
+    "true": _propTypes["default"].string,
+    "false": _propTypes["default"].string
+  }),
+  labelId: _propTypes["default"].string.isRequired
+};
+Switch.defaultProps = {
+  disabled: false,
+  statusLabel: {
+    "true": 'True',
+    "false": 'False'
+  }
+};
+
+var _default = (0, _commons.createCustomizableLunaticField)(Switch);
+
+exports["default"] = _default;

package/lib/components/switch/switch.scss

@@ -0,0 +1,47 @@
+.lunatic-switch {
+	display: flex;
+	flex-direction: row;
+
+	.lunatic-switch-label {
+		height: 100%;
+		line-height: 26px;
+		&.checked {
+			font-weight: bold;
+		}
+	}
+
+	.lunatic-switch-container {
+		display: inline-block;
+		height: 26px;
+		width: 52px;
+		background-color: lightgrey;
+		border-radius: 13px;
+		position: relative;
+		margin: 2px;
+
+		cursor: pointer;
+
+		.lunatic-switch-button {
+			position: absolute;
+			height: 22px;
+			width: 22px;
+			background-color: white;
+			border-radius: 11px;
+			margin: 2px;
+
+			-webkit-transition: 0.3s;
+			transition: 0.3s;
+		}
+
+		&.disabled {
+		}
+		&.checked {
+			background-color: royalblue;
+			.lunatic-switch-button {
+				-webkit-transform: translateX(26px);
+				-ms-transform: translateX(26px);
+				transform: translateX(26px);
+			}
+		}
+	}
+}

package/lib/components/table/cell.js

@@ -0,0 +1,113 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _commons = require("../commons");
+
+var _htmlTable = require("../commons/components/html-table");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _toArray(arr) { return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+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 collecteResponseValue(response, value) {
+  if (_typeof(response) === 'object') {
+    var name = response.name;
+
+    if (name in value) {
+      return value[name];
+    }
+  }
+
+  return undefined;
+}
+
+function collecteArrayResponseValue(responses, value) {
+  var _responses = _toArray(responses),
+      response = _responses[0],
+      rest = _responses.slice(1);
+
+  if (response) {
+    return [collecteResponseValue(response, value), collecteArrayResponseValue(rest, value)];
+  }
+
+  return [];
+}
+
+function collecteValue(component, value) {
+  var response = component.response,
+      responses = component.responses;
+
+  if (Array.isArray(responses)) {
+    return collecteArrayResponseValue(responses, value);
+  }
+
+  if (_typeof(response) === 'object') {
+    return collecteResponseValue(response, value);
+  }
+
+  return {};
+}
+
+function Cell(_ref) {
+  var content = _ref.content,
+      id = _ref.id,
+      custom = _ref.custom,
+      executeExpression = _ref.executeExpression,
+      iteration = _ref.iteration,
+      value = _ref.value,
+      row = _ref.row,
+      index = _ref.index,
+      handleChange = _ref.handleChange;
+  var label = content.label,
+      componentType = content.componentType,
+      rowspan = content.rowspan,
+      colspan = content.colspan;
+
+  if (componentType) {
+    var valueField = collecteValue(content, value);
+    return /*#__PURE__*/_react["default"].createElement(_htmlTable.Td, {
+      id: id,
+      row: row,
+      index: index,
+      rowSpan: rowspan,
+      colSpan: colspan
+    }, /*#__PURE__*/_react["default"].createElement(_commons.OrchestratedComponent, {
+      id: id,
+      component: content,
+      handleChange: handleChange,
+      value: valueField,
+      custom: custom,
+      executeExpression: executeExpression,
+      iteration: iteration
+    }));
+  }
+
+  return /*#__PURE__*/_react["default"].createElement(_htmlTable.Td, {
+    id: id,
+    row: row,
+    index: index,
+    rowSpan: rowspan,
+    colSpan: colspan
+  }, label || '');
+}
+
+var _default = Cell;
+exports["default"] = _default;

package/lib/components/table/components/cell.js

@@ -0,0 +1,113 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _commons = require("../../commons");
+
+var _htmlTable = require("../../commons/components/html-table");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _toArray(arr) { return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+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 collecteResponseValue(response, value) {
+  if (_typeof(response) === 'object') {
+    var name = response.name;
+
+    if (name in value) {
+      return value[name];
+    }
+  }
+
+  return undefined;
+}
+
+function collecteArrayResponseValue(responses, value) {
+  var _responses = _toArray(responses),
+      response = _responses[0],
+      rest = _responses.slice(1);
+
+  if (response) {
+    return [collecteResponseValue(response, value), collecteArrayResponseValue(rest, value)];
+  }
+
+  return [];
+}
+
+function collecteValue(component, value) {
+  var response = component.response,
+      responses = component.responses;
+
+  if (Array.isArray(responses)) {
+    return collecteArrayResponseValue(responses, value);
+  }
+
+  if (_typeof(response) === 'object') {
+    return collecteResponseValue(response, value);
+  }
+
+  return {};
+}
+
+function Cell(_ref) {
+  var content = _ref.content,
+      id = _ref.id,
+      custom = _ref.custom,
+      executeExpression = _ref.executeExpression,
+      iteration = _ref.iteration,
+      value = _ref.value,
+      row = _ref.row,
+      index = _ref.index,
+      handleChange = _ref.handleChange;
+  var label = content.label,
+      componentType = content.componentType,
+      rowspan = content.rowspan,
+      colspan = content.colspan;
+
+  if (componentType) {
+    var valueField = collecteValue(content, value);
+    return /*#__PURE__*/_react["default"].createElement(_htmlTable.Td, {
+      id: id,
+      row: row,
+      index: index,
+      rowSpan: rowspan,
+      colSpan: colspan
+    }, /*#__PURE__*/_react["default"].createElement(_commons.OrchestratedComponent, {
+      id: id,
+      component: content,
+      handleChange: handleChange,
+      value: valueField,
+      custom: custom,
+      executeExpression: executeExpression,
+      iteration: iteration
+    }));
+  }
+
+  return /*#__PURE__*/_react["default"].createElement(_htmlTable.Td, {
+    id: id,
+    row: row,
+    index: index,
+    rowSpan: rowspan,
+    colSpan: colspan
+  }, label || '');
+}
+
+var _default = Cell;
+exports["default"] = _default;

package/lib/components/table/components/header.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _htmlTable = require("../../commons/components/html-table");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function Header(_ref) {
+  var custom = _ref.custom,
+      id = _ref.id,
+      header = _ref.header;
+
+  if (Array.isArray(header)) {
+    var content = header.map(function (_ref2, index) {
+      var label = _ref2.label,
+          rowspan = _ref2.rowspan,
+          colspan = _ref2.colspan;
+      return /*#__PURE__*/_react["default"].createElement(_htmlTable.Th, {
+        id: id,
+        custom: custom,
+        row: 0,
+        index: index,
+        rowSpan: rowspan,
+        colSpan: colspan,
+        key: index
+      }, label);
+    });
+    return /*#__PURE__*/_react["default"].createElement(_htmlTable.Thead, {
+      id: id,
+      custom: custom
+    }, /*#__PURE__*/_react["default"].createElement(_htmlTable.Tr, {
+      id: id,
+      custom: custom,
+      row: 0
+    }, content));
+  }
+
+  return null;
+}
+
+var _default = Header;
+exports["default"] = _default;