@inseefr/lunatic 3.0.0-rc.5 → 3.0.0-rc.8

package/lib/components/CheckboxBoolean/CheckboxBoolean.js

@@ -34,7 +34,7 @@ function CheckboxBoolean(_ref) {
     errors: (0, _ComponentErrors.getComponentErrors)(errors, props.id)
   }));
 }
-var CustomCheckboxBoolean = exports.CustomCheckboxBoolean = (0, _slottableComponent.slottableComponent)('Input', function (props) {
+var CustomCheckboxBoolean = exports.CustomCheckboxBoolean = (0, _slottableComponent.slottableComponent)('CheckboxBoolean', function (props) {
   var disabled = props.disabled,
     checked = props.checked,
     id = props.id,

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/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/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,31 @@ 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 [];
+    }
+    var label = executeExpression(labelResponse.name, {
+      iteration: iteration
+    });
+    if (!label) {
+      return [];
+    }
+    return [{
+      id: value,
+      label: label,
+      value: value
+    }];
+  }, []);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_SuggesterStatus.SuggesterStatus, {
     storeName: storeName,
     getSuggesterStatus: getSuggesterStatus,
@@ -59,11 +113,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/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,7 +5,6 @@ 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 }; }

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; }

package/lib/css/components/Button.scss

@@ -0,0 +1,24 @@
+.button-lunatic {
+	min-width: 20%;
+	color: white;
+	border-color: var(--color-primary-dark);
+	background-color: var(--color-primary-dark);
+	font-size: 1.2em;
+	font-weight: bold;
+	padding: 0.4em;
+	&:hover,
+	&:focus:hover {
+		color: var(--color-primary-dark);
+		background-color: white;
+		border-color: var(--color-primary-dark);
+	}
+	&:focus {
+		outline: none;
+		background-color: var(--color-primary-light);
+		border-color: var(--color-primary-light);
+	}
+	&:disabled {
+		background: var(--color-disabled);
+		color: var(--color-primary-dark);
+	}
+}

package/lib/css/components/CheckboxGroup.scss

@@ -0,0 +1,13 @@
+
+.lunatic-checkbox-group {
+  legend {
+    .label-description {
+      font-weight: lighter;
+      display: block;
+    }
+  }
+  .lunatic-checkbox-group-option {
+    display: flex;
+    font-size: 13px;
+  }
+}

package/lib/css/components/CheckboxOne.scss

@@ -0,0 +1,19 @@
+.lunatic-checkbox-one {
+	legend {
+		.label-description {
+			font-weight: lighter;
+		}
+	}
+	.lunatic-input-radio {
+		display: flex;
+
+		label {
+			display: flex;
+			gap:0.5em;
+			align-items: center;
+			.label-description {
+				font-weight: lighter;
+			}
+		}
+	}
+}

package/lib/css/components/CheckboxOption.scss

@@ -0,0 +1,19 @@
+.checkbox-modality {
+	.lunatic-input-checkbox {
+		display: flex;
+		.label-description {
+			font-weight: lighter;
+		}
+
+		.lunatic-label {
+			font-weight: normal;
+			display: flex;
+			gap: 0.5em;
+			align-items: center;
+		}
+	}
+}
+.lunatic-checkbox-label {
+	gap: 0.5em;
+	align-items: center;
+}