@inseefr/lunatic 3.0.0-rc.1 → 3.0.0-rc.10

package/lib/components/library.js

@@ -17,7 +17,6 @@ var _Textarea = require("./Textarea/Textarea");
 var _Switch = require("./Switch/Switch");
 var _FilterDescription = require("./FilterDescription/FilterDescription");
 var _Question = require("./Question/Question");
-var _ComponentSet = require("./ComponentSet/ComponentSet");
 var _InputNumber = require("./InputNumber/InputNumber");
 var _Duration = require("./Duration/Duration");
 var _Loop = require("./Loop/Loop");
@@ -45,7 +44,6 @@ var library = exports.library = {
   Textarea: _Textarea.Textarea,
   Switch: _Switch.Switch,
   Question: _Question.Question,
-  ComponentSet: _ComponentSet.ComponentSet,
   FilterDescription: _FilterDescription.FilterDescription,
   Dropdown: _Dropdown.Dropdown,
   PairwiseLinks: _PairwiseLinks.PairwiseLinks,

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

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

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,9 +7,8 @@ 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 _customizedComponent = require("../HOC/customizedComponent");
+var _slottableComponent = require("../HOC/slottableComponent");
 var _Label = require("../Label/Label");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -70,4 +69,4 @@ function LunaticCheckboxOption(_ref) {
     })]
   });
 }
-var CheckboxOption = exports.CheckboxOption = (0, _customizedComponent.customizedComponent)('CheckboxOption', LunaticCheckboxOption);
+var CheckboxOption = exports.CheckboxOption = (0, _slottableComponent.slottableComponent)('CheckboxOption', LunaticCheckboxOption);

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

@@ -8,14 +8,13 @@ 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");
 var _ComboboxSelection = require("./Selection/ComboboxSelection");
 var _number = require("../../../utils/number");
 var _Label = require("../Label/Label");
-var _customizedComponent = require("../HOC/customizedComponent");
+var _slottableComponent = require("../HOC/slottableComponent");
 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(); }
@@ -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);
   };
@@ -204,4 +205,4 @@ function getDefaultOptionValue() {
     value = option.value;
   return id || value;
 }
-var Combobox = exports.Combobox = (0, _customizedComponent.customizedComponent)('Combobox', LunaticComboBox);
+var Combobox = exports.Combobox = (0, _slottableComponent.slottableComponent)('Combobox', LunaticComboBox);

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ComboboxContainer = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
-var _customizedComponent = require("../HOC/customizedComponent");
+var _slottableComponent = require("../HOC/slottableComponent");
 var _ComponentErrors = require("../ComponentErrors/ComponentErrors");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var ComboboxContainer = exports.ComboboxContainer = (0, _customizedComponent.customizedComponent)('ComboBoxContainer', function (_ref) {
+var ComboboxContainer = exports.ComboboxContainer = (0, _slottableComponent.slottableComponent)('ComboboxContainer', function (_ref) {
   var children = _ref.children,
     className = _ref.className,
     classNamePrefix = _ref.classNamePrefix,

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

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.ComboboxContentBox = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _customizedComponent = require("../HOC/customizedComponent");
+var _slottableComponent = require("../HOC/slottableComponent");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var ComboboxContentBox = exports.ComboboxContentBox = (0, _customizedComponent.customizedComponent)('ComboboxContentBox', function (_ref) {
+var ComboboxContentBox = exports.ComboboxContentBox = (0, _slottableComponent.slottableComponent)('ComboboxContentBox', function (_ref) {
   var children = _ref.children,
     classNamePrefix = _ref.classNamePrefix,
     focused = _ref.focused;

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

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ComboboxOption = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
-var _customizedComponent = require("../../HOC/customizedComponent");
+var _slottableComponent = require("../../HOC/slottableComponent");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var ComboboxOption = exports.ComboboxOption = (0, _customizedComponent.customizedComponent)('ComboboxOption', function (_ref) {
+var ComboboxOption = exports.ComboboxOption = (0, _slottableComponent.slottableComponent)('ComboboxOption', function (_ref) {
   var option = _ref.option,
     selected = _ref.selected;
   var id = option.id,

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

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ComboboxPanelContainer = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
-var _customizedComponent = require("../../HOC/customizedComponent");
+var _slottableComponent = require("../../HOC/slottableComponent");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var ComboboxPanelContainer = exports.ComboboxPanelContainer = (0, _customizedComponent.customizedComponent)('ComboboxPanelContainer', function (_ref) {
+var ComboboxPanelContainer = exports.ComboboxPanelContainer = (0, _slottableComponent.slottableComponent)('ComboboxPanelContainer', function (_ref) {
   var children = _ref.children,
     focused = _ref.focused,
     expanded = _ref.expanded,

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

@@ -7,7 +7,7 @@ exports.ComboboxClearButton = void 0;
 var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Icons = require("../../Icons");
-var _customizedComponent = require("../../HOC/customizedComponent");
+var _slottableComponent = require("../../HOC/slottableComponent");
 var _IconButton = require("../../Button/IconButton");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -46,4 +46,4 @@ function LunaticComboboxClearButton(_ref) {
     })
   });
 }
-var ComboboxClearButton = exports.ComboboxClearButton = (0, _customizedComponent.customizedComponent)('ComboboxClearButton', LunaticComboboxClearButton);
+var ComboboxClearButton = exports.ComboboxClearButton = (0, _slottableComponent.slottableComponent)('ComboboxClearButton', LunaticComboboxClearButton);

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ComboboxInput = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _customizedComponent = require("../../HOC/customizedComponent");
+var _slottableComponent = require("../../HOC/slottableComponent");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -54,4 +54,4 @@ function LunaticComboboxInput(_ref) {
     onKeyDown: onKeydown
   });
 }
-var ComboboxInput = exports.ComboboxInput = (0, _customizedComponent.customizedComponent)('ComboboxInput', LunaticComboboxInput);
+var ComboboxInput = exports.ComboboxInput = (0, _slottableComponent.slottableComponent)('ComboboxInput', LunaticComboboxInput);

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ComboboxLabelSelection = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
-var _customizedComponent = require("../../HOC/customizedComponent");
+var _slottableComponent = require("../../HOC/slottableComponent");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function getContent(option, search, placeholder) {
@@ -43,4 +43,4 @@ var LunaticComboBoxLabelSelection = function LunaticComboBoxLabelSelection(_ref)
     })
   });
 };
-var ComboboxLabelSelection = exports.ComboboxLabelSelection = (0, _customizedComponent.customizedComponent)('ComboboxLabelSelection', LunaticComboBoxLabelSelection);
+var ComboboxLabelSelection = exports.ComboboxLabelSelection = (0, _slottableComponent.slottableComponent)('ComboboxLabelSelection', LunaticComboBoxLabelSelection);

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

@@ -4,17 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Declarations = exports.Declaration = void 0;
-var _customizedComponent = require("../HOC/customizedComponent");
-require("./Declarations.scss");
+var _slottableComponent = require("../HOC/slottableComponent");
 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, _customizedComponent.customizedComponent)('Declaration', function (_ref) {
+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,10 +37,10 @@ function LunaticDeclarations(_ref2) {
         label = _ref3.label,
         declarationType = _ref3.declarationType;
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(Declaration, {
-        type: declarationType,
+        declarationType: declarationType,
         children: label
       }, id);
     })
   });
 }
-var Declarations = exports.Declarations = (0, _customizedComponent.customizedComponent)('Declarations', LunaticDeclarations);
+var Declarations = exports.Declarations = (0, _slottableComponent.slottableComponent)('Declarations', LunaticDeclarations);

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

@@ -5,9 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Fieldset = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
-var _customizedComponent = require("../HOC/customizedComponent");
+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 }; }
@@ -41,4 +40,4 @@ function labelToReactNode(label) {
   }
   return "";
 }
-var Fieldset = exports.Fieldset = (0, _customizedComponent.customizedComponent)('Fieldset', LunaticFieldset);
+var Fieldset = exports.Fieldset = (0, _slottableComponent.slottableComponent)('Fieldset', LunaticFieldset);

package/lib/components/shared/HOC/{customizedComponent.js → slottableComponent.js}

@@ -3,27 +3,49 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.customizedComponent = customizedComponent;
+exports.SlotsProvider = void 0;
+exports.slottableComponent = slottableComponent;
 var _react = require("react");
-var _lunaticContext = require("../../../use-lunatic/lunatic-context");
 var _jsxRuntime = require("react/jsx-runtime");
+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 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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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); }
-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 _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); } /**
+ * Contains the type of every customizable component
+ */
+var empty = {};
+var SlotsContext = /*#__PURE__*/(0, _react.createContext)(empty);
+var SlotsProvider = exports.SlotsProvider = function SlotsProvider(_ref) {
+  var slots = _ref.slots,
+    children = _ref.children;
+  if (!slots) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: children
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SlotsContext.Provider, {
+    value: slots !== null && slots !== void 0 ? slots : empty,
+    children: children
+  });
+};
+
+/**
  * Create a replaceable version of a component
+ *
+ * The component can be replaced using the "slots" props on <LunaticComponents>
  */
-function customizedComponent(name, LunaticField) {
-  var Memoized = /*#__PURE__*/(0, _react.memo)(LunaticField);
-  Memoized.displayName = name;
-  return function OverlayField(props) {
-    var custom = (0, _lunaticContext.useLunaticCustom)();
-    if (_typeof(custom) === 'object' && name in custom) {
-      var CustomComponent = custom[name];
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomComponent, _objectSpread({}, props));
+function slottableComponent(name, OriginalComponent) {
+  var DecoratedComponent = function DecoratedComponent(props) {
+    var _useContext;
+    var custom = (_useContext = (0, _react.useContext)(SlotsContext)) !== null && _useContext !== void 0 ? _useContext : empty;
+    if (custom && name in custom) {
+      var SlotComponent = custom[name];
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(SlotComponent, _objectSpread({}, props));
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Memoized, _objectSpread({}, props));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(OriginalComponent, _objectSpread({}, props));
   };
+  DecoratedComponent.displayName = name;
+  return DecoratedComponent;
 }

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

@@ -5,9 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Label = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
-var _customizedComponent = require("../HOC/customizedComponent");
+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 }; }
 /**
@@ -33,4 +32,4 @@ function LunaticLabel(_ref) {
     })]
   });
 }
-var Label = exports.Label = (0, _customizedComponent.customizedComponent)('Label', LunaticLabel);
+var Label = exports.Label = (0, _slottableComponent.slottableComponent)('Label', LunaticLabel);

package/lib/components/shared/MDLabel/RouterLink.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RouterLink = void 0;
-var _customizedComponent = require("../HOC/customizedComponent");
+var _slottableComponent = require("../HOC/slottableComponent");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["to", "children"];
 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; }
@@ -15,7 +15,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var RouterLink = exports.RouterLink = (0, _customizedComponent.customizedComponent)('RouterLink', function (props) {
+var RouterLink = exports.RouterLink = (0, _slottableComponent.slottableComponent)('RouterLink', function (props) {
   var to = props.to,
     children = props.children,
     rest = _objectWithoutProperties(props, _excluded);

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/Notification.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Notification = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
-var _customizedComponent = require("./HOC/customizedComponent");
+var _slottableComponent = require("./HOC/slottableComponent");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function LunaticNotification(_ref) {
@@ -26,4 +26,4 @@ function LunaticNotification(_ref) {
     })
   });
 }
-var Notification = exports.Notification = (0, _customizedComponent.customizedComponent)('Notification', LunaticNotification);
+var Notification = exports.Notification = (0, _slottableComponent.slottableComponent)('Notification', LunaticNotification);

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

@@ -4,10 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RadioGroup = void 0;
-require("./RadioGroup.scss");
 var _Fieldset = require("../Fieldset/Fieldset");
 var _ComponentErrors = require("../ComponentErrors/ComponentErrors");
-var _customizedComponent = require("../HOC/customizedComponent");
+var _slottableComponent = require("../HOC/slottableComponent");
 var _getShortcutKey = require("../Checkbox/getShortcutKey");
 var _RadioOption = require("./RadioOption");
 var _useListKeyboardHandler = require("../../../hooks/useListKeyboardHandler");
@@ -35,7 +34,8 @@ function LunaticRadioGroup(_ref) {
     className = _ref.className,
     shortcut = _ref.shortcut,
     disabled = _ref.disabled,
-    readOnly = _ref.readOnly;
+    readOnly = _ref.readOnly,
+    clearable = _ref.clearable;
   var onKeyDown = (0, _useListKeyboardHandler.useListKeyboardHandler)(options, onSelect);
   var maxIndex = options.length;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Fieldset.Fieldset, {
@@ -64,4 +64,4 @@ function LunaticRadioGroup(_ref) {
     })]
   });
 }
-var RadioGroup = exports.RadioGroup = (0, _customizedComponent.customizedComponent)('Radio', LunaticRadioGroup);
+var RadioGroup = exports.RadioGroup = (0, _slottableComponent.slottableComponent)('RadioGroup', LunaticRadioGroup);

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

@@ -9,7 +9,7 @@ var _react = require("react");
 var _reactKeyboardEventHandler = _interopRequireDefault(require("react-keyboard-event-handler"));
 var _function = require("../../../utils/function");
 var _Label = require("../Label/Label");
-var _customizedComponent = require("../HOC/customizedComponent");
+var _slottableComponent = require("../HOC/slottableComponent");
 var _Icons = require("../Icons");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -113,4 +113,4 @@ function getIcon(checked, checkboxStyle) {
   }
   return _Icons.RadioUncheckedIcon;
 }
-var RadioOption = exports.RadioOption = (0, _customizedComponent.customizedComponent)('RadioOption', LunaticRadioOption);
+var RadioOption = exports.RadioOption = (0, _slottableComponent.slottableComponent)('RadioOption', LunaticRadioOption);

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

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

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Tbody = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
-var _customizedComponent = require("../HOC/customizedComponent");
+var _slottableComponent = require("../HOC/slottableComponent");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function LunaticTbody(_ref) {
@@ -18,4 +18,4 @@ function LunaticTbody(_ref) {
     children: children
   });
 }
-var Tbody = exports.Tbody = (0, _customizedComponent.customizedComponent)('Tbody', LunaticTbody);
+var Tbody = exports.Tbody = (0, _slottableComponent.slottableComponent)('Tbody', LunaticTbody);

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Td = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
-var _customizedComponent = require("../HOC/customizedComponent");
+var _slottableComponent = require("../HOC/slottableComponent");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function LunaticTd(_ref) {
@@ -24,4 +24,4 @@ function LunaticTd(_ref) {
     children: children
   });
 }
-var Td = exports.Td = (0, _customizedComponent.customizedComponent)('Td', LunaticTd);
+var Td = exports.Td = (0, _slottableComponent.slottableComponent)('Td', LunaticTd);

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Th = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
-var _customizedComponent = require("../HOC/customizedComponent");
+var _slottableComponent = require("../HOC/slottableComponent");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function LunaticTh(_ref) {
@@ -23,4 +23,4 @@ function LunaticTh(_ref) {
     children: children
   });
 }
-var Th = exports.Th = (0, _customizedComponent.customizedComponent)('Th', LunaticTh);
+var Th = exports.Th = (0, _slottableComponent.slottableComponent)('Th', LunaticTh);

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Thead = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
-var _customizedComponent = require("../HOC/customizedComponent");
+var _slottableComponent = require("../HOC/slottableComponent");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function LunaticThead(_ref) {
@@ -18,4 +18,4 @@ function LunaticThead(_ref) {
     children: children
   });
 }
-var Thead = exports.Thead = (0, _customizedComponent.customizedComponent)('Thead', LunaticThead);
+var Thead = exports.Thead = (0, _slottableComponent.slottableComponent)('Thead', LunaticThead);

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Tr = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
-var _customizedComponent = require("../HOC/customizedComponent");
+var _slottableComponent = require("../HOC/slottableComponent");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function LunaticTr(_ref) {
@@ -19,4 +19,4 @@ function LunaticTr(_ref) {
     children: children
   });
 }
-var Tr = exports.Tr = (0, _customizedComponent.customizedComponent)('Tr', LunaticTr);
+var Tr = exports.Tr = (0, _slottableComponent.slottableComponent)('Tr', LunaticTr);

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");