@inseefr/lunatic 3.0.0-rc.6 → 3.0.0-rc.9

package/lib/components/CheckboxGroup/CheckboxGroup.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.CheckboxGroup = CheckboxGroup;
 var _CustomCheckboxGroup = require("./CustomCheckboxGroup");
 var _ComponentErrors = require("../shared/ComponentErrors/ComponentErrors");
-require("./CheckboxGroup.scss");
 var _jsxRuntime = require("react/jsx-runtime");
 function CheckboxGroup(_ref) {
   var id = _ref.id,
@@ -20,11 +19,13 @@ function CheckboxGroup(_ref) {
   var options = responses.map(function (_ref2) {
     var label = _ref2.label,
       response = _ref2.response,
-      description = _ref2.description;
+      description = _ref2.description,
+      id = _ref2.id;
     var name = response.name;
     return {
       label: label,
       name: name,
+      id: id,
       checked: castValueToBoolean(value, name),
       description: description,
       onClick: function onClick(checked) {

package/lib/components/CheckboxGroup/CustomCheckboxGroup.js

@@ -28,16 +28,15 @@ var CustomCheckboxGroup = exports.CustomCheckboxGroup = (0, _slottableComponent.
     legend: label,
     description: description,
     children: [options.map(function (option, index) {
-      var checkboxId = "lunatic-checkbox-".concat(id, "-").concat(option.name);
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "lunatic-checkbox-group-option",
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckboxOption.CheckboxOption, _objectSpread(_objectSpread({}, option), {}, {
           shortcut: shortcut,
           invalid: !!errors,
-          id: checkboxId,
+          id: option.id,
           codeModality: shortcut ? (0, _getShortcutKey.getShortcutKey)(index, options.length) : undefined
         }))
-      }, checkboxId);
+      }, option.id);
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ComponentErrors.ComponentErrors, {
       errors: errors
     })]

package/lib/components/CheckboxGroup/CustomCheckboxGroup.spec.js

@@ -6,16 +6,19 @@ var _CustomCheckboxGroup = require("./CustomCheckboxGroup");
 var _jsxRuntime = require("react/jsx-runtime");
 (0, _vitest.describe)('CheckboxGroupContent', function () {
   var options = [{
+    id: '1',
     label: 'Option 1',
     checked: false,
     name: 'option1',
     onClick: _vitest.vi.fn()
   }, {
+    id: '2',
     label: 'Option 2',
     checked: true,
     name: 'option2',
     onClick: _vitest.vi.fn()
   }, {
+    id: '3',
     label: 'Option 3',
     checked: false,
     name: 'option3',

package/lib/components/CheckboxOne/CheckboxOne.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.CheckboxOne = CheckboxOne;
 var _RadioGroup = require("../shared/Radio/RadioGroup");
-require("./CheckboxOne.scss");
 var _ComponentErrors = require("../shared/ComponentErrors/ComponentErrors");
 var _jsxRuntime = require("react/jsx-runtime");
 /**

package/lib/components/Datepicker/Datepicker.js

@@ -8,7 +8,6 @@ exports.CustomDatepicker = void 0;
 exports.Datepicker = Datepicker;
 var _react = require("react");
 var _DatepickerField = require("./DatepickerField");
-require("./Datepicker.scss");
 var _slottableComponent = require("../shared/HOC/slottableComponent");
 var _Label = require("../shared/Label/Label");
 var _ComponentErrors = require("../shared/ComponentErrors/ComponentErrors");

package/lib/components/Dropdown/Dropdown.js

@@ -6,12 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.CustomDropdown = void 0;
 exports.Dropdown = Dropdown;
-require("./Dropdown.scss");
 var _ComponentErrors = require("../shared/ComponentErrors/ComponentErrors");
 var _slottableComponent = require("../shared/HOC/slottableComponent");
 var _SimpleOptionRenderer = require("./renderer/SimpleOptionRenderer");
 var _SimpleLabelRenderer = require("./renderer/SimpleLabelRenderer");
-var _DropdownWritable = require("./DropdownWritable");
 var _Combobox = require("../shared/Combobox/Combobox");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -40,7 +38,6 @@ var CustomDropdown = exports.CustomDropdown = (0, _slottableComponent.slottableC
   var id = props.id,
     disabled = props.disabled,
     options = props.options,
-    writable = props.writable,
     className = props.className,
     value = props.value,
     description = props.description,
@@ -48,20 +45,6 @@ var CustomDropdown = exports.CustomDropdown = (0, _slottableComponent.slottableC
     errors = props.errors,
     onChange = props.onChange,
     readOnly = props.readOnly;
-  if (writable) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownWritable.DropdownWritable, {
-      id: id,
-      className: (0, _classnames["default"])(className, 'lunatic-dropdown'),
-      disabled: disabled,
-      readOnly: readOnly,
-      options: options,
-      onSelect: onChange,
-      value: value,
-      label: label,
-      errors: errors,
-      description: description
-    });
-  }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Combobox.Combobox, {
     id: id,
     className: (0, _classnames["default"])(className, 'lunatic-dropdown'),

package/lib/components/Duration/Duration.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.CustomDuration = void 0;
 exports.Duration = Duration;
-require("./Duration.scss");
 var _react = require("react");
 var _getDurationFromValue = require("./getDurationFromValue");
 var _durationUtils = require("./durationUtils");

package/lib/components/Input/Input.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.CustomInput = void 0;
 exports.Input = Input;
 var _classnames = _interopRequireDefault(require("classnames"));
-require("./Input.scss");
 var _Label = require("../shared/Label/Label");
 var _slottableComponent = require("../shared/HOC/slottableComponent");
 var _ComponentErrors = require("../shared/ComponentErrors/ComponentErrors");

package/lib/components/InputNumber/InputNumber.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.CustomInputNumber = void 0;
 exports.InputNumber = InputNumber;
 var _InputNumberThousand = require("./InputNumberThousand");
-require("./InputNumber.scss");
 var _Label = require("../shared/Label/Label");
 var _ComponentErrors = require("../shared/ComponentErrors/ComponentErrors");
 var _slottableComponent = require("../shared/HOC/slottableComponent");

package/lib/components/LunaticComponents.js

@@ -19,24 +19,28 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var LunaticComponentWrapper = (0, _slottableComponent.slottableComponent)('ComponentWrapper', function (_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "lunatic lunatic-component",
+    children: children
+  });
+});
+
 /**
  * Entry point for orchestrators, this component display the list of fields
  */
-function LunaticComponents(_ref) {
-  var components = _ref.components,
-    autoFocusKey = _ref.autoFocusKey,
-    componentProps = _ref.componentProps,
-    blocklist = _ref.blocklist,
-    memo = _ref.memo,
-    slots = _ref.slots,
-    _ref$wrapper = _ref.wrapper,
-    wrapper = _ref$wrapper === void 0 ? function (_ref2) {
-      var children = _ref2.children;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "lunatic lunatic-component",
-        children: children
-      });
-    } : _ref$wrapper;
+function LunaticComponents(_ref2) {
+  var components = _ref2.components,
+    autoFocusKey = _ref2.autoFocusKey,
+    componentProps = _ref2.componentProps,
+    blocklist = _ref2.blocklist,
+    memo = _ref2.memo,
+    slots = _ref2.slots,
+    _ref2$wrapper = _ref2.wrapper,
+    wrapper = _ref2$wrapper === void 0 ? function (args) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(LunaticComponentWrapper, _objectSpread({}, args));
+    } : _ref2$wrapper;
   var wrapperRef = (0, _react.useRef)(null);
   var hasComponents = components.length > 0;
   var WrapperComponent = autoFocusKey ? 'div' : _react.Fragment;

package/lib/components/RosterForLoop/RosterForLoop.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.RosterForLoop = void 0;
 var _react = require("react");
-require("./RosterForLoop.scss");
 var _Table = require("../shared/Table");
 var _array = require("../../utils/array");
 var _LunaticComponents = require("../LunaticComponents");

package/lib/components/Roundabout/Roundabout.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Roundabout = Roundabout;
-require("./Roundabout.scss");
 var _react = require("react");
 var _CustomRoundabout = require("./CustomRoundabout");
 var _jsxRuntime = require("react/jsx-runtime");

package/lib/components/Sequence/Sequence.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Sequence = void 0;
-require("./Sequence.scss");
 var _slottableComponent = require("../shared/HOC/slottableComponent");
 var _LabelDescription = require("../shared/LabelDescription");
 var _Declarations = require("../shared/Declarations/Declarations");

package/lib/components/Subsequence/Subsequence.spec.js

@@ -14,7 +14,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
   var mockDeclarations = [{
     id: '1',
     label: 'Declaration 1',
-    declarationType: 'TYPE_1',
+    declarationType: 'COMMENT',
     position: 'AFTER_QUESTION_TEXT'
   }];
   var mockProps = {

package/lib/components/Suggester/CustomSuggester.js

@@ -38,18 +38,21 @@ var CustomSuggester = exports.CustomSuggester = (0, _slottableComponent.slottabl
     searching = _ref.searching,
     label = _ref.label,
     description = _ref.description,
-    errors = _ref.errors;
+    errors = _ref.errors,
+    defaultOptions = _ref.defaultOptions;
   var _useState = (0, _react.useState)(''),
     _useState2 = _slicedToArray(_useState, 2),
     search = _useState2[0],
     setSearch = _useState2[1];
-  var _useState3 = (0, _react.useState)([]),
+  var _useState3 = (0, _react.useState)(defaultOptions !== null && defaultOptions !== void 0 ? defaultOptions : []),
     _useState4 = _slicedToArray(_useState3, 2),
     options = _useState4[0],
     setOptions = _useState4[1];
   var lastSearch = (0, _react.useRef)('');
   var handleSelect = (0, _react.useCallback)(function (id) {
-    onSelect(id ? id : null);
+    onSelect(id ? options.find(function (o) {
+      return o.id === id;
+    }) : null);
   }, [onSelect]);
   var handleChange = (0, _react.useCallback)( /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(search) {
@@ -77,7 +80,7 @@ var CustomSuggester = exports.CustomSuggester = (0, _slottableComponent.slottabl
             _context.next = 13;
             break;
           case 10:
-            setOptions([]);
+            setOptions(defaultOptions !== null && defaultOptions !== void 0 ? defaultOptions : []);
             onSelect(null);
             setSearch('');
           case 13:

package/lib/components/Suggester/Suggester.js

@@ -10,8 +10,11 @@ var _helpers = require("./helpers");
 var _SuggesterStatus = require("./SuggesterStatus");
 var _ComponentErrors = require("../shared/ComponentErrors/ComponentErrors");
 var _useSuggesterInfo2 = require("../../hooks/useSuggesterInfo");
-require("./Suggester.scss");
 var _jsxRuntime = require("react/jsx-runtime");
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+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 _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function Suggester(_ref) {
   var storeName = _ref.storeName,
     _ref$idbVersion = _ref.idbVersion,
@@ -29,13 +32,39 @@ function Suggester(_ref) {
     errors = _ref.errors,
     readOnly = _ref.readOnly,
     workersBasePath = _ref.workersBasePath,
-    response = _ref.response;
+    response = _ref.response,
+    _ref$optionResponses = _ref.optionResponses,
+    optionResponses = _ref$optionResponses === void 0 ? [] : _ref$optionResponses,
+    executeExpression = _ref.executeExpression,
+    iteration = _ref.iteration;
   var _useSuggesterInfo = (0, _useSuggesterInfo2.useSuggesterInfo)(storeName, idbVersion),
     state = _useSuggesterInfo.state,
     fetchInfos = _useSuggesterInfo.fetchInfos,
     infos = _useSuggesterInfo.infos;
   var onChange = function onChange(v) {
-    handleChange(response, v);
+    if (v && _typeof(v) === 'object' && optionResponses) {
+      if (v.id) {
+        handleChange(response, v.id);
+      }
+      var _iterator = _createForOfIteratorHelper(optionResponses),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var optionResponse = _step.value;
+          if (optionResponse.attribute in v) {
+            handleChange({
+              name: optionResponse.name
+            }, v[optionResponse.attribute]);
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    } else {
+      handleChange(response, v);
+    }
   };
 
   // Fetch suggester info when the suggester is mounted
@@ -48,6 +77,39 @@ function Suggester(_ref) {
     }
     return undefined;
   }, [infos, storeName, idbVersion, workersBasePath]);
+
+  // Default options should not change between render
+  // so we can break the rule of hooks here
+  var defaultOptions = (0, _react.useMemo)(function () {
+    if (!value) {
+      return [];
+    }
+    var labelResponse = optionResponses === null || optionResponses === void 0 ? void 0 : optionResponses.find(function (o) {
+      return o.attribute === 'label';
+    });
+    if (!labelResponse) {
+      return [{
+        id: value,
+        label: value,
+        value: value
+      }];
+    }
+    var label = executeExpression(labelResponse.name, {
+      iteration: iteration
+    });
+    if (typeof label !== 'string') {
+      return [{
+        id: value,
+        label: value,
+        value: value
+      }];
+    }
+    return [{
+      id: value,
+      label: label,
+      value: value
+    }];
+  }, []);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_SuggesterStatus.SuggesterStatus, {
     storeName: storeName,
     getSuggesterStatus: getSuggesterStatus,
@@ -59,11 +121,12 @@ function Suggester(_ref) {
     }), state === 'Error' && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "lunatic-suggester-unvailable",
       children: "La suggestion sur liste n'est pas possible sur votre navigateur, vous pouvez passer la question en appuyant sur Enregistrer et Continuer"
-    }), state === 'Ready' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomSuggester.CustomSuggester, {
+    }), state === 'Ready' && searching && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomSuggester.CustomSuggester, {
       id: id,
       className: className,
       optionRenderer: optionRenderer,
       labelRenderer: labelRenderer,
+      defaultOptions: defaultOptions,
       onSelect: onChange,
       searching: searching,
       disabled: disabled,

package/lib/components/Suggester/SuggesterType.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/components/Textarea/Textarea.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.CustomTextarea = void 0;
 exports.Textarea = Textarea;
-require("./Textarea.scss");
 var _Label = require("../shared/Label/Label");
 var _ComponentErrors = require("../shared/ComponentErrors/ComponentErrors");
 var _slottableComponent = require("../shared/HOC/slottableComponent");
@@ -32,7 +31,7 @@ function Textarea(_ref) {
     errors: (0, _ComponentErrors.getComponentErrors)(errors, props.id)
   }));
 }
-var CustomTextarea = exports.CustomTextarea = (0, _slottableComponent.slottableComponent)('Input', function (props) {
+var CustomTextarea = exports.CustomTextarea = (0, _slottableComponent.slottableComponent)('Textarea', function (props) {
   var value = props.value,
     _onChange = props.onChange,
     disabled = props.disabled,

package/lib/components/shared/Button/Button.js

@@ -7,7 +7,6 @@ exports.Button = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _dom = require("../../../utils/dom");
 var _isElement = require("../../../utils/is-element");
-require("./Button.scss");
 var _slottableComponent = require("../HOC/slottableComponent");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/components/shared/Button/IconButton.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.IconButton = IconButton;
 var _classnames = _interopRequireDefault(require("classnames"));
-require("./IconButton.scss");
 var _function = require("../../../utils/function");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/components/shared/Checkbox/CheckboxOption.js

@@ -7,7 +7,6 @@ exports.CheckboxOption = void 0;
 var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Icons = require("../Icons");
-require("./CheckboxOption.scss");
 var _reactKeyboardEventHandler = _interopRequireDefault(require("react-keyboard-event-handler"));
 var _slottableComponent = require("../HOC/slottableComponent");
 var _Label = require("../Label/Label");

package/lib/components/shared/Combobox/Combobox.js

@@ -8,7 +8,6 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _react = require("react");
 var _ComboboxContainer = require("./ComboboxContainer");
 var _ComboboxContent = require("./ComboboxContent");
-require("./Combobox.scss");
 var _constants = require("./constants");
 var _ComboboxPanel = require("./Panel/ComboboxPanel");
 var _ComboboxClearButton = require("./Selection/ComboboxClearButton");
@@ -50,7 +49,8 @@ function LunaticComboBox(_ref) {
     getOptionValue = _ref$getOptionValue === void 0 ? getDefaultOptionValue : _ref$getOptionValue,
     label = _ref.label,
     description = _ref.description,
-    errors = _ref.errors;
+    errors = _ref.errors,
+    onBlur = _ref.onBlur;
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     expanded = _useState2[0],
@@ -76,6 +76,7 @@ function LunaticComboBox(_ref) {
     if (disabled || readOnly) {
       return;
     }
+    onBlur === null || onBlur === void 0 || onBlur();
     setExpanded(false);
     setFocused(false);
   };

package/lib/components/shared/ComponentErrors/ComponentErrors.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ComponentErrors = ComponentErrors;
 exports.getComponentErrors = getComponentErrors;
-require("./ComponentErrors.scss");
 var _jsxRuntime = require("react/jsx-runtime");
 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."); }

package/lib/components/shared/Declarations/Declarations.js

@@ -5,16 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Declarations = exports.Declaration = void 0;
 var _slottableComponent = require("../HOC/slottableComponent");
-require("./Declarations.scss");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var Declaration = exports.Declaration = (0, _slottableComponent.slottableComponent)('Declaration', function (_ref) {
   var children = _ref.children,
-    type = _ref.type;
+    declarationType = _ref.declarationType;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     "data-testid": "declaration",
-    className: (0, _classnames["default"])('declaration-lunatic', "declaration-".concat(type.toLowerCase())),
+    className: (0, _classnames["default"])('declaration-lunatic', "declaration-".concat(declarationType.toLowerCase())),
     children: children
   });
 });
@@ -38,7 +37,7 @@ function LunaticDeclarations(_ref2) {
         label = _ref3.label,
         declarationType = _ref3.declarationType;
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(Declaration, {
-        type: declarationType,
+        declarationType: declarationType,
         children: label
       }, id);
     })

package/lib/components/shared/Declarations/Declarations.spec.js

@@ -7,17 +7,17 @@ var _jsxRuntime = require("react/jsx-runtime");
 var declarations = [{
   id: '1',
   label: 'Declaration 1',
-  declarationType: 'AFTER',
+  declarationType: 'COMMENT',
   position: 'AFTER_QUESTION_TEXT'
 }, {
   id: '2',
   label: 'Declaration 2',
-  declarationType: 'BEFORE',
+  declarationType: 'COMMENT',
   position: 'BEFORE_QUESTION_TEXT'
 }, {
   id: '3',
   label: 'Declaration 3',
-  declarationType: 'DETACHABLE',
+  declarationType: 'COMMENT',
   position: 'DETACHABLE'
 }];
 (0, _vitest.describe)('Declarations component', function () {
@@ -38,13 +38,13 @@ var declarations = [{
     var declarationElement = getByText('Declaration 1');
     (0, _vitest.expect)(declarationElement).toBeInTheDocument();
     (0, _vitest.expect)(declarationElement).toHaveClass('declaration-lunatic');
-    (0, _vitest.expect)(declarationElement).toHaveClass('declaration-after');
+    (0, _vitest.expect)(declarationElement).toHaveClass('declaration-comment');
   });
   (0, _vitest.it)('renders nothing with unfiltered Declarations', function () {
     var declarationstest = [{
       id: '3',
       label: 'Declaration 3',
-      declarationType: 'DETACHABLE',
+      declarationType: 'COMMENT',
       position: 'DETACHABLE'
     }];
     var _render2 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

package/lib/components/shared/Fieldset/Fieldset.js

@@ -7,7 +7,6 @@ exports.Fieldset = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _slottableComponent = require("../HOC/slottableComponent");
 var _LabelDescription = require("../LabelDescription");
-require("./Fieldset.scss");
 var _isElement = require("../../../utils/is-element");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/components/shared/Icons/lunatic-icon.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.LunaticIcon = LunaticIcon;
 var _classnames = _interopRequireDefault(require("classnames"));
-require("./lunatic-icon.scss");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function LunaticIcon(_ref) {

package/lib/components/shared/Label/Label.js

@@ -7,7 +7,6 @@ exports.Label = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _slottableComponent = require("../HOC/slottableComponent");
 var _LabelDescription = require("../LabelDescription");
-require("./Label.scss");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 /**

package/lib/components/shared/Missing/Missing.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.MissingPure = exports.Missing = void 0;
-require("./Missing.scss");
 var _react = require("react");
 var _constants = require("../../../utils/constants");
 var _reactKeyboardEventHandler = _interopRequireDefault(require("react-keyboard-event-handler"));

package/lib/components/shared/ModalControls/ModalControls.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ModalControls = ModalControls;
 var _classnames = _interopRequireDefault(require("classnames"));
-require("./ModalControls.scss");
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _Button = require("../Button/Button");
 var _i18n = _interopRequireDefault(require("../../../i18n"));

package/lib/components/shared/Radio/RadioGroup.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RadioGroup = void 0;
-require("./RadioGroup.scss");
 var _Fieldset = require("../Fieldset/Fieldset");
 var _ComponentErrors = require("../ComponentErrors/ComponentErrors");
 var _slottableComponent = require("../HOC/slottableComponent");

package/lib/components/shared/Table/Table.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.Table = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-require("./Table.scss");
 var _slottableComponent = require("../HOC/slottableComponent");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/components/shared/VariableStatus/VariableStatus.js

@@ -8,7 +8,6 @@ var _react = require("react");
 var _reactTooltip = require("react-tooltip");
 var _edited = _interopRequireDefault(require("./icons/edited.png"));
 var _forced = _interopRequireDefault(require("./icons/forced.png"));
-require("./VariableStatus.scss");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }

package/lib/components/shared/suggester-loader-widget/dragger/dragger.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
-require("./dragger.scss");
 var _function = require("../../../../utils/function");
 var _useDocumentEvent = _interopRequireDefault(require("../../../../hooks/useDocumentEvent"));
 var _jsxRuntime = require("react/jsx-runtime");

package/lib/components/shared/suggester-loader-widget/widget.js

@@ -14,7 +14,6 @@ var _Icons = require("../Icons");
 var _loaderRow = _interopRequireDefault(require("./loader-row"));
 var _tools = require("./tools");
 var _widgetContainer = _interopRequireDefault(require("./widget-container"));
-require("./widget.scss");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }