@inseefr/lunatic 2.3.1 → 2.4.1-beta

package/lib/components/components.js

@@ -0,0 +1,171 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Button: true,
+  Datepicker: true,
+  Declarations: true,
+  Dropdown: true,
+  Input: true,
+  InputNumber: true,
+  FilterDescription: true,
+  Loop: true,
+  RosterForLoop: true,
+  Modal: true,
+  PairwiseLinks: true,
+  Radio: true,
+  Sequence: true,
+  Subsequence: true,
+  Suggester: true,
+  Switch: true,
+  Textarea: true,
+  SuggesterLoaderWidget: true,
+  Roundabout: true
+};
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function get() {
+    return _button["default"];
+  }
+});
+Object.defineProperty(exports, "Datepicker", {
+  enumerable: true,
+  get: function get() {
+    return _datepicker["default"];
+  }
+});
+Object.defineProperty(exports, "Declarations", {
+  enumerable: true,
+  get: function get() {
+    return _declarations["default"];
+  }
+});
+Object.defineProperty(exports, "Dropdown", {
+  enumerable: true,
+  get: function get() {
+    return _dropdown["default"];
+  }
+});
+Object.defineProperty(exports, "FilterDescription", {
+  enumerable: true,
+  get: function get() {
+    return _filterDescription["default"];
+  }
+});
+Object.defineProperty(exports, "Input", {
+  enumerable: true,
+  get: function get() {
+    return _input["default"];
+  }
+});
+Object.defineProperty(exports, "InputNumber", {
+  enumerable: true,
+  get: function get() {
+    return _inputNumber["default"];
+  }
+});
+Object.defineProperty(exports, "Loop", {
+  enumerable: true,
+  get: function get() {
+    return _loop["default"];
+  }
+});
+Object.defineProperty(exports, "Modal", {
+  enumerable: true,
+  get: function get() {
+    return _modalControls["default"];
+  }
+});
+Object.defineProperty(exports, "PairwiseLinks", {
+  enumerable: true,
+  get: function get() {
+    return _pairwiseLinks["default"];
+  }
+});
+Object.defineProperty(exports, "Radio", {
+  enumerable: true,
+  get: function get() {
+    return _radio["default"];
+  }
+});
+Object.defineProperty(exports, "RosterForLoop", {
+  enumerable: true,
+  get: function get() {
+    return _loop["default"];
+  }
+});
+Object.defineProperty(exports, "Roundabout", {
+  enumerable: true,
+  get: function get() {
+    return _roundabout["default"];
+  }
+});
+Object.defineProperty(exports, "Sequence", {
+  enumerable: true,
+  get: function get() {
+    return _sequence["default"];
+  }
+});
+Object.defineProperty(exports, "Subsequence", {
+  enumerable: true,
+  get: function get() {
+    return _subsequence["default"];
+  }
+});
+Object.defineProperty(exports, "Suggester", {
+  enumerable: true,
+  get: function get() {
+    return _suggester["default"];
+  }
+});
+Object.defineProperty(exports, "SuggesterLoaderWidget", {
+  enumerable: true,
+  get: function get() {
+    return _suggesterLoaderWidget["default"];
+  }
+});
+Object.defineProperty(exports, "Switch", {
+  enumerable: true,
+  get: function get() {
+    return _switch["default"];
+  }
+});
+Object.defineProperty(exports, "Textarea", {
+  enumerable: true,
+  get: function get() {
+    return _textarea["default"];
+  }
+});
+var _button = _interopRequireDefault(require("./button"));
+var _checkbox = require("./checkbox");
+Object.keys(_checkbox).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _checkbox[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _checkbox[key];
+    }
+  });
+});
+var _datepicker = _interopRequireDefault(require("./datepicker"));
+var _declarations = _interopRequireDefault(require("./declarations"));
+var _dropdown = _interopRequireDefault(require("./dropdown"));
+var _input = _interopRequireDefault(require("./input"));
+var _inputNumber = _interopRequireDefault(require("./input-number"));
+var _filterDescription = _interopRequireDefault(require("./filter-description"));
+var _loop = _interopRequireDefault(require("./loop"));
+var _modalControls = _interopRequireDefault(require("./modal-controls"));
+var _pairwiseLinks = _interopRequireDefault(require("./pairwise-links"));
+var _radio = _interopRequireDefault(require("./radio"));
+var _sequence = _interopRequireDefault(require("./sequence"));
+var _subsequence = _interopRequireDefault(require("./subsequence"));
+var _suggester = _interopRequireDefault(require("./suggester"));
+var _switch = _interopRequireDefault(require("./switch"));
+var _textarea = _interopRequireDefault(require("./textarea"));
+var _suggesterLoaderWidget = _interopRequireDefault(require("./suggester-loader-widget"));
+var _roundabout = _interopRequireDefault(require("./roundabout"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/components/datepicker/html/datepicker-container.js

@@ -0,0 +1,18 @@
+"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 DatepickerContainer(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "lunatic-input",
+    children: children
+  });
+}
+var _default = DatepickerContainer;
+exports["default"] = _default;

package/lib/components/datepicker/html/datepicker-input.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function DatepickerInput(_ref) {
+  var id = _ref.id,
+    disabled = _ref.disabled,
+    readOnly = _ref.readOnly,
+    labelId = _ref.labelId,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    min = _ref.min,
+    max = _ref.max;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+    id: id,
+    className: (0, _classnames["default"])('lunatic-datepicker', {
+      disabled: disabled,
+      readOnly: readOnly
+    }),
+    type: "date",
+    labelledby: labelId,
+    readOnly: readOnly,
+    disabled: disabled,
+    value: value,
+    onChange: onChange,
+    min: min,
+    max: max
+  });
+}
+var _default = DatepickerInput;
+exports["default"] = _default;

package/lib/components/datepicker/html/datepicker.js

@@ -0,0 +1,69 @@
+"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");
+var _datepickerInput = _interopRequireDefault(require("./datepicker-input"));
+var _datepickerContainer = _interopRequireDefault(require("./datepicker-container"));
+require("./datepicker.scss");
+var _jsxRuntime = require("react/jsx-runtime");
+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 Datepicker(_ref) {
+  var disabled = _ref.disabled,
+    readOnly = _ref.readOnly,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    id = _ref.id,
+    min = _ref.min,
+    max = _ref.max,
+    label = _ref.label,
+    errors = _ref.errors,
+    description = _ref.description;
+  var labelId = "lunatic-datepicker-".concat(id);
+  var handleChange = (0, _react.useCallback)(function (e) {
+    var value = e.target.value;
+    onChange(value);
+  }, [onChange]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_datepickerContainer["default"], {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.Label, {
+      htmlFor: id,
+      id: labelId,
+      description: description,
+      children: label
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_datepickerInput["default"], {
+      id: id,
+      labelId: labelId,
+      readOnly: readOnly,
+      disabled: disabled,
+      value: value,
+      onChange: handleChange,
+      min: min,
+      max: max
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.Errors, {
+      errors: errors,
+      activeId: id
+    })]
+  });
+}
+Datepicker.propTypes = {
+  readOnly: _propTypes["default"].bool,
+  value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number, _propTypes["default"].bool, _propTypes["default"].array]),
+  onChange: _propTypes["default"].func.isRequired,
+  disabled: _propTypes["default"].bool,
+  required: _propTypes["default"].bool,
+  label: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].element]),
+  errors: _propTypes["default"].object,
+  description: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].element, _propTypes["default"].array])
+};
+Datepicker.defaultProps = {
+  value: ''
+};
+var _default = (0, _commons.createCustomizableLunaticField)(Datepicker, 'Datepicker');
+exports["default"] = _default;

package/lib/components/datepicker/html/datepicker.scss

@@ -0,0 +1 @@
+// see input.scss

package/lib/components/datepicker/index.js

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

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

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _datepicker = _interopRequireDefault(require("./html/datepicker"));
+var _commons = require("../commons");
+var _lunaticComponentWithoutLabel = _interopRequireDefault(require("../commons/components/lunatic-component-without-label"));
+var _useOnHandleChange = _interopRequireDefault(require("../commons/use-on-handle-change"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var LunaticDatepicker = function LunaticDatepicker(props) {
+  var id = props.id,
+    errors = props.errors,
+    handleChange = props.handleChange,
+    response = props.response,
+    value = props.value,
+    disabled = props.disabled,
+    readOnly = props.readOnly,
+    min = props.min,
+    max = props.max,
+    label = props.label,
+    description = props.description,
+    preferences = props.preferences,
+    declarations = props.declarations,
+    missing = props.missing,
+    missingResponse = props.missingResponse,
+    management = props.management;
+  var onChange = (0, _useOnHandleChange["default"])({
+    handleChange: handleChange,
+    response: response,
+    value: value
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticComponentWithoutLabel["default"], {
+    id: id,
+    preferences: preferences,
+    declarations: declarations,
+    value: value,
+    missing: missing,
+    missingResponse: missingResponse,
+    management: management,
+    description: description,
+    handleChange: handleChange,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_datepicker["default"], {
+      disabled: disabled,
+      readOnly: readOnly,
+      value: value,
+      onChange: onChange,
+      id: id,
+      min: min,
+      max: max,
+      label: label,
+      description: description,
+      errors: errors
+    })
+  });
+};
+var _default = (0, _commons.createCustomizableLunaticField)(LunaticDatepicker, 'LunaticDatepicker');
+exports["default"] = _default;

package/lib/components/declarations/declaration.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _createCustomizableField = _interopRequireDefault(require("../commons/create-customizable-field"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function Declaration(_ref) {
+  var children = _ref.children,
+    type = _ref.type;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    "data-testid": "declaration",
+    className: (0, _classnames["default"])('declaration-lunatic', "declaration-".concat(type.toLowerCase())),
+    children: children
+  });
+}
+var _default = (0, _createCustomizableField["default"])(Declaration, 'Declaration');
+exports["default"] = _default;

package/lib/components/declarations/declaration.spec.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _declaration = _interopRequireDefault(require("./declaration"));
+var _react = require("@testing-library/react");
+var _vitest = require("vitest");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+(0, _vitest.describe)('Declaration component', function () {
+  (0, _vitest.it)('renders correctly with children prop', function () {
+    var _render = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_declaration["default"], {
+        type: "Test",
+        children: "This is a test declaration."
+      })),
+      getByText = _render.getByText;
+    var declarationElement = getByText('This is a test declaration.');
+    (0, _vitest.expect)(declarationElement).toBeInTheDocument();
+    (0, _vitest.expect)(declarationElement).toHaveClass('declaration-lunatic');
+    (0, _vitest.expect)(declarationElement).toHaveClass('declaration-test');
+  });
+  (0, _vitest.it)('renders correctly without children prop', function () {
+    var _render2 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_declaration["default"], {
+        type: "Test"
+      })),
+      getByTestId = _render2.getByTestId;
+    var declarationElement = getByTestId('declaration');
+    (0, _vitest.expect)(declarationElement).toBeInTheDocument();
+    (0, _vitest.expect)(declarationElement).toHaveClass('declaration-lunatic');
+    (0, _vitest.expect)(declarationElement).toHaveClass('declaration-test');
+  });
+});

package/lib/components/declarations/declarations-after-text.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _declarations = _interopRequireWildcard(require("./declarations"));
+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 _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 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 DeclarationsAfterText(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_declarations["default"], _objectSpread({
+    type: _declarations.DECLARATION_POSITIONS.after
+  }, props));
+}
+var _default = DeclarationsAfterText;
+exports["default"] = _default;

package/lib/components/declarations/declarations-before-text.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _declarations = _interopRequireWildcard(require("./declarations"));
+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 _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 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 DeclarationsBeforeText(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_declarations["default"], _objectSpread({
+    type: _declarations.DECLARATION_POSITIONS.before
+  }, props));
+}
+var _default = DeclarationsBeforeText;
+exports["default"] = _default;

package/lib/components/declarations/declarations-detachable.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _declarations = _interopRequireWildcard(require("./declarations"));
+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 _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 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 DeclarationsDetachable(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_declarations["default"], _objectSpread({
+    type: _declarations.DECLARATION_POSITIONS.detachable
+  }, props));
+}
+var _default = DeclarationsDetachable;
+exports["default"] = _default;

package/lib/components/declarations/declarations.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.DECLARATION_POSITIONS = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _declaration = _interopRequireDefault(require("./declaration"));
+var _commons = require("../commons");
+require("./declarations.scss");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var DECLARATION_POSITIONS = {
+  after: 'AFTER_QUESTION_TEXT',
+  before: 'BEFORE_QUESTION_TEXT',
+  detachable: 'DETACHABLE'
+};
+exports.DECLARATION_POSITIONS = DECLARATION_POSITIONS;
+function Declarations(_ref) {
+  var id = _ref.id,
+    type = _ref.type,
+    declarations = _ref.declarations;
+  var filtered = declarations.filter(function (_ref2) {
+    var position = _ref2.position;
+    return position === type;
+  });
+  if (filtered.length === 0) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    id: "declarations-".concat(id, "-").concat(type),
+    className: "declarations-lunatic",
+    children: filtered.map(function (_ref3) {
+      var idD = _ref3.id,
+        label = _ref3.label,
+        declarationType = _ref3.declarationType;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_declaration["default"], {
+        type: declarationType.toLowerCase(),
+        children: label
+      }, "".concat(idD));
+    })
+  });
+}
+Declarations.defaultProps = {
+  type: 'AFTER_QUESTION_TEXT',
+  declarations: [],
+  features: [],
+  bindings: {}
+};
+Declarations.propTypes = {};
+var _default = (0, _commons.createCustomizableLunaticField)(Declarations, 'Declarations');
+exports["default"] = _default;

package/lib/components/declarations/declarations.scss

@@ -0,0 +1,36 @@
+.lunatic-component {
+	.lunatic-declarations {
+		margin-bottom: 0.4rem;
+	}
+
+	.declaration-instruction {
+		font-style: italic;
+		font-size: 80%;
+	}
+
+	.declaration-statement {
+		font-style: italic;
+		font-size: 80%;
+		color: blue;
+	}
+
+	.declaration-help {
+		font-style: italic;
+		font-size: 80%;
+		color: green;
+	}
+
+	.declaration-codecard {
+		font-style: bold;
+		font-size: 80%;
+		color: purple;
+	}
+
+	.declaration-message_filter {
+		font-size: 100%;
+		color: rgb(73, 66, 66);
+		&:before {
+			content: '→ ';
+		}
+	}
+}