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

package/lib/src/use-lunatic/use-lunatic.d.ts

@@ -1,8 +1,8 @@
-import { type FunctionComponent } from 'react';
+/// <reference types="react" />
 import type { LunaticData, LunaticState } from './type';
 import type { LunaticSource } from './type-source';
 import type { LunaticComponentType } from '../components/type';
-declare function useLunatic(source: LunaticSource, data: LunaticData | undefined, { features, preferences, savingType, onChange, management, shortcut, initialPage, lastReachedPage, autoSuggesterLoading, activeControls, getReferentiel, custom, withOverview, missing, missingStrategy, missingShortcut, dontKnowButton, refusedButton, workersBasePath, trackChanges, }: {
+declare function useLunatic(source: LunaticSource, data: LunaticData | undefined, { features, preferences, savingType, onChange, management, shortcut, initialPage, lastReachedPage, autoSuggesterLoading, activeControls, getReferentiel, withOverview, missing, missingStrategy, missingShortcut, dontKnowButton, refusedButton, workersBasePath, trackChanges, }: {
     features?: LunaticState['features'];
     preferences?: LunaticState['preferences'];
     savingType?: LunaticState['savingType'];
@@ -14,7 +14,6 @@ declare function useLunatic(source: LunaticSource, data: LunaticData | undefined
     autoSuggesterLoading?: boolean;
     getReferentiel?: (name: string) => Promise<Array<unknown>>;
     activeControls?: boolean;
-    custom?: Record<string, FunctionComponent<unknown>>;
     withOverview?: boolean;
     missing?: boolean;
     missingStrategy?: () => void;
@@ -56,11 +55,6 @@ declare function useLunatic(source: LunaticSource, data: LunaticData | undefined
             Question: Pick<import("../components/type").LunaticBaseProps<unknown>, "id" | "label" | "description" | "declarations"> & {
                 components: import("./commons/fill-components/fill-components").FilledLunaticComponentProps[];
             };
-            ComponentSet: import("../components/type").LunaticBaseProps<unknown> & {
-                components: import("./commons/fill-components/fill-components").FilledLunaticComponentProps[];
-                value: Record<string, unknown>;
-                response: undefined;
-            };
             RosterForLoop: import("../components/type").LunaticBaseProps<unknown> & {
                 lines: {
                     min: number;
@@ -232,12 +226,12 @@ declare function useLunatic(source: LunaticSource, data: LunaticData | undefined
                     status: import("./use-suggesters").SuggesterStatus;
                     timestamp: number;
                 };
-                optionRenderer: FunctionComponent<{
+                optionRenderer: import("react").FunctionComponent<{
                     option: import("../components/type").SuggesterOption;
                     placeholder?: string | undefined;
                     search?: string | undefined;
                 }>;
-                labelRenderer: FunctionComponent<{
+                labelRenderer: import("react").FunctionComponent<{
                     option?: import("../components/type").SuggesterOption | undefined;
                     selected?: boolean | undefined;
                     search?: string | undefined;
@@ -294,11 +288,6 @@ declare function useLunatic(source: LunaticSource, data: LunaticData | undefined
             Question: Pick<import("../components/type").LunaticBaseProps<unknown>, "id" | "label" | "description" | "declarations"> & {
                 components: import("./commons/fill-components/fill-components").FilledLunaticComponentProps[];
             };
-            ComponentSet: import("../components/type").LunaticBaseProps<unknown> & {
-                components: import("./commons/fill-components/fill-components").FilledLunaticComponentProps[];
-                value: Record<string, unknown>;
-                response: undefined;
-            };
             RosterForLoop: import("../components/type").LunaticBaseProps<unknown> & {
                 lines: {
                     min: number;
@@ -470,12 +459,12 @@ declare function useLunatic(source: LunaticSource, data: LunaticData | undefined
                     status: import("./use-suggesters").SuggesterStatus;
                     timestamp: number;
                 };
-                optionRenderer: FunctionComponent<{
+                optionRenderer: import("react").FunctionComponent<{
                     option: import("../components/type").SuggesterOption;
                     placeholder?: string | undefined;
                     search?: string | undefined;
                 }>;
-                labelRenderer: FunctionComponent<{
+                labelRenderer: import("react").FunctionComponent<{
                     option?: import("../components/type").SuggesterOption | undefined;
                     selected?: boolean | undefined;
                     search?: string | undefined;
@@ -504,7 +493,7 @@ declare function useLunatic(source: LunaticSource, data: LunaticData | undefined
                 }[];
             };
         })[] | undefined;
-    }) => import("./commons/fill-components/fill-components").FilledLunaticComponentProps<"CheckboxOne" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "Question">[];
+    }) => import("./commons/fill-components/fill-components").FilledLunaticComponentProps<"CheckboxOne" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "Question">[];
     goPreviousPage: () => void;
     goNextPage: (payload?: {}) => void;
     goToPage: (page: {
@@ -533,7 +522,7 @@ declare function useLunatic(source: LunaticSource, data: LunaticData | undefined
     };
     waiting: boolean;
     getData: (withRefreshedCalculated: boolean, variableNames?: string[]) => LunaticData;
-    Provider: FunctionComponent<{
+    Provider: import("react").FunctionComponent<{
         children?: import("react").ReactNode;
     }>;
     onChange: (response: {

package/lib/stories/{component-set/component-set.stories.js → behaviour/slots.stories.js}

@@ -3,14 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.InRoundabout = exports.InLoop = exports.Default = void 0;
+exports["default"] = exports.Default = void 0;
+var _react = _interopRequireDefault(require("react"));
 var _orchestrator = _interopRequireDefault(require("../utils/orchestrator"));
-var _source = _interopRequireDefault(require("./source"));
-var _data = _interopRequireDefault(require("./data"));
-var _sourceLoop = _interopRequireDefault(require("./source-loop.json"));
-var _dataLoop = _interopRequireDefault(require("./data-loop.json"));
-var _sourceRoundabout = _interopRequireDefault(require("./source-roundabout.json"));
-var _dataRoundabout = _interopRequireDefault(require("./data-roundabout.json"));
+var _source = _interopRequireDefault(require("../input/source"));
+var _data = _interopRequireDefault(require("../input/data"));
 var _defaultArgTypes = _interopRequireDefault(require("../utils/default-arg-types"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -21,7 +18,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 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 stories = {
-  title: 'Components/ComponentSet',
+  title: 'Behaviour/Slots',
   component: _orchestrator["default"],
   argTypes: _defaultArgTypes["default"]
 };
@@ -30,24 +27,38 @@ var Template = function Template(args) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_orchestrator["default"], _objectSpread({}, args));
 };
 var Default = exports.Default = Template.bind({});
+
+/**
+ * @var
+ */
+var CustomInput = function CustomInput(_ref) {
+  var _onChange = _ref.onChange,
+    value = _ref.value,
+    label = _ref.label;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("fieldset", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("legend", {
+      style: {
+        color: 'gray',
+        fontSize: '1rem'
+      },
+      children: label
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+      style: {
+        border: 'solid 3px gray',
+        padding: '.5rem 1rem'
+      },
+      value: value,
+      onChange: function onChange(e) {
+        return _onChange(e.target.value);
+      }
+    })]
+  });
+};
 Default.args = {
-  id: 'component-set',
+  id: 'input',
   source: _source["default"],
-  pagination: true,
   data: _data["default"],
-  readOnly: false
-};
-var InRoundabout = exports.InRoundabout = Template.bind({});
-InRoundabout.args = {
-  id: 'component-set-roundabout',
-  source: _sourceRoundabout["default"],
-  pagination: true,
-  data: _dataRoundabout["default"]
-};
-var InLoop = exports.InLoop = Template.bind({});
-InLoop.args = {
-  id: 'component-set-loop',
-  source: _sourceLoop["default"],
-  pagination: true,
-  data: _dataLoop["default"]
+  slots: {
+    Input: CustomInput
+  }
 };

package/lib/stories/checkbox-group/checkbox-group.stories.js

@@ -3,11 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Loop = exports.Default = exports.ComponentSet = void 0;
+exports["default"] = exports.Loop = exports.Default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _orchestrator = _interopRequireDefault(require("../utils/orchestrator"));
 var _source = _interopRequireDefault(require("./source"));
-var _sourceComponentset = _interopRequireDefault(require("./sourceComponentset"));
 var _sourceLoop = _interopRequireDefault(require("./sourceLoop"));
 var _defaultArgTypes = _interopRequireDefault(require("../utils/default-arg-types"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -41,10 +40,6 @@ Default.args = {
   source: _source["default"],
   shortcut: true
 };
-var ComponentSet = exports.ComponentSet = Template.bind({});
-ComponentSet.args = _objectSpread(_objectSpread({}, Default.args), {}, {
-  source: _sourceComponentset["default"]
-});
 var Loop = exports.Loop = Template.bind({});
 Loop.args = _objectSpread(_objectSpread({}, Default.args), {}, {
   source: _sourceLoop["default"]

package/lib/stories/disabled/source.json

@@ -141,7 +141,7 @@
 		},
 		{
 			"id": "component-set",
-			"componentType": "ComponentSet",
+			"componentType": "Question",
 			"page": "3",
 			"conditionFilter": { "value": "true", "type": "VTL" },
 			"label": {

package/lib/stories/pairwise/pairwise-links.stories.js

@@ -3,12 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.PairwiseInComponentSet = exports.Filled = exports.Default = void 0;
+exports["default"] = exports.Filled = exports.Default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _orchestrator = _interopRequireDefault(require("../utils/orchestrator"));
 var _source = _interopRequireDefault(require("./source.json"));
 var _data = _interopRequireDefault(require("./data"));
-var _sourceComponentset = _interopRequireDefault(require("./source-componentset.json"));
 var _defaultArgTypes = _interopRequireDefault(require("../utils/default-arg-types"));
 var _e2e = require("../../../tests/utils/e2e");
 var _timer = require("../../../tests/utils/timer");
@@ -39,13 +38,6 @@ Default.args = {
   pagination: true,
   data: _data["default"]
 };
-var PairwiseInComponentSet = exports.PairwiseInComponentSet = Template.bind({});
-PairwiseInComponentSet.args = {
-  id: 'links-componentset',
-  source: _sourceComponentset["default"],
-  pagination: true,
-  data: _data["default"]
-};
 var Filled = exports.Filled = Template.bind({});
 Filled.args = _objectSpread(_objectSpread({}, Default.args), {}, {
   id: 'links-filled'

package/lib/stories/suggester/suggester.stories.js

@@ -3,13 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Default = exports.ComponentSet = void 0;
+exports["default"] = exports.Default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _defaultArgTypes = _interopRequireDefault(require("../utils/default-arg-types"));
 var _orchestrator = _interopRequireDefault(require("../utils/orchestrator"));
 var _referentiel = require("../utils/referentiel");
 var _source = _interopRequireDefault(require("./source"));
-var _sourceComponentSet = _interopRequireDefault(require("./source-component-set"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 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); }
@@ -34,10 +33,4 @@ Default.args = {
   autoSuggesterLoading: true,
   getReferentiel: _referentiel.getReferentiel,
   pagination: true
-};
-var ComponentSet = exports.ComponentSet = Template.bind({});
-ComponentSet.args = {
-  source: _sourceComponentSet["default"],
-  getReferentiel: _referentiel.getReferentiel,
-  autoSuggesterLoading: true
 };

package/lib/stories/utils/orchestrator.js

@@ -13,7 +13,7 @@ var _logger = require("../../utils/logger");
 var _overview = require("./overview");
 var _waiting = _interopRequireDefault(require("./waiting"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["source", "data", "management", "shortcut", "activeControls", "features", "initialPage", "getStoreInfo", "missing", "missingStrategy", "missingShortcut", "autoSuggesterLoading", "addExternal", "preferences", "custom", "showOverview", "filterDescription", "getReferentiel", "dontKnowButton", "refusedButton", "readOnly"];
+var _excluded = ["source", "data", "management", "shortcut", "activeControls", "features", "initialPage", "getStoreInfo", "missing", "missingStrategy", "missingShortcut", "autoSuggesterLoading", "addExternal", "preferences", "slots", "showOverview", "filterDescription", "getReferentiel", "dontKnowButton", "refusedButton", "readOnly"];
 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); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -161,7 +161,7 @@ function OrchestratorForStories(_ref3) {
     autoSuggesterLoading = _ref3.autoSuggesterLoading,
     addExternal = _ref3.addExternal,
     preferences = _ref3.preferences,
-    custom = _ref3.custom,
+    slots = _ref3.slots,
     _ref3$showOverview = _ref3.showOverview,
     showOverview = _ref3$showOverview === void 0 ? false : _ref3$showOverview,
     _ref3$filterDescripti = _ref3.filterDescription,
@@ -177,10 +177,9 @@ function OrchestratorForStories(_ref3) {
       features: features,
       preferences: preferences,
       onChange: onLogChange,
-      custom: custom,
       autoSuggesterLoading: autoSuggesterLoading,
       getReferentiel: getReferentiel,
-      workersBasePath: "./workers",
+      workersBasePath: './workers',
       management: management,
       missing: missing,
       missingStrategy: missingStrategy,
@@ -263,6 +262,7 @@ function OrchestratorForStories(_ref3) {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "components",
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_2.LunaticComponents, {
+          slots: slots,
           autoFocusKey: pageTag,
           components: components,
           componentProps: function componentProps(_ref4) {

package/lib/use-lunatic/commons/fill-components/fill-specific-expression.js

@@ -146,7 +146,6 @@ function fillSpecificExpressions(component, state) {
   switch (component.componentType) {
     case 'Roundabout':
       return fillRoundaboutProps(component, state);
-    case 'ComponentSet':
     case 'Question':
       return fillChildComponents(component, state);
     case 'Loop':

package/lib/use-lunatic/lunatic-context.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createLunaticProvider = createLunaticProvider;
-exports.useLunaticMissing = exports.useLunaticManagement = exports.useLunaticCustom = void 0;
+exports.useLunaticMissing = exports.useLunaticManagement = void 0;
 var _react = require("react");
 var _index = _interopRequireDefault(require("../i18n/index"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -14,7 +14,6 @@ var LunaticContext = /*#__PURE__*/(0, _react.createContext)({
   management: false,
   missing: false,
   shortcut: false,
-  custom: {},
   missingShortcut: {
     dontKnow: '',
     refused: ''
@@ -42,18 +41,12 @@ var useLunaticMissing = exports.useLunaticMissing = function useLunaticMissing()
   };
 };
 
-/** Return custom elements list to override native components */
-var useLunaticCustom = exports.useLunaticCustom = function useLunaticCustom() {
-  return (0, _react.useContext)(LunaticContext).custom;
-};
-
 /** Provide `management` to display data states [COLLECTED,EDITED,FORCED] */
 var useLunaticManagement = exports.useLunaticManagement = function useLunaticManagement() {
   return (0, _react.useContext)(LunaticContext).management;
 };
 function createLunaticProvider(_ref) {
-  var custom = _ref.custom,
-    management = _ref.management,
+  var management = _ref.management,
     missing = _ref.missing,
     missingStrategy = _ref.missingStrategy,
     shortcut = _ref.shortcut,
@@ -61,7 +54,6 @@ function createLunaticProvider(_ref) {
     dontKnowButton = _ref.dontKnowButton,
     refusedButton = _ref.refusedButton;
   var value = {
-    custom: custom,
     management: management,
     missing: missing,
     missingStrategy: missingStrategy,

package/lib/use-lunatic/replace-component-sequence.js

@@ -11,8 +11,8 @@ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symb
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 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; }
 /**
- * Pour le ComponentSet : les composants du fieldset n'existe pas dans pages.
- * Ils échappent donc aux controls. On les substitue ici au ComponentSet.
+ * Pour le Question : les composants du fieldset n'existe pas dans pages.
+ * Ils échappent donc aux controls. On les substitue ici au Question.
  * On ne peut pas les ajouter directement dans pages (en spécifiant un page), car ils s'afficheraient 2 fois : dans le fieldset et en dessus, comme
  * des composant à part entière.
  * D'autres composant pourraient un jour figurer ici.
@@ -22,7 +22,6 @@ function replaceComponentSequence(components) {
     var componentType = component.componentType;
     switch (componentType) {
       case 'Question':
-      case 'ComponentSet':
         return [].concat(_toConsumableArray(acc), _toConsumableArray(component.components));
       default:
         return [].concat(_toConsumableArray(acc), [component]);

package/lib/use-lunatic/use-lunatic.js

@@ -65,8 +65,6 @@ function useLunatic(source) {
     _ref$activeControls = _ref.activeControls,
     activeControls = _ref$activeControls === void 0 ? false : _ref$activeControls,
     getReferentiel = _ref.getReferentiel,
-    _ref$custom = _ref.custom,
-    custom = _ref$custom === void 0 ? empty : _ref$custom,
     _ref$withOverview = _ref.withOverview,
     withOverview = _ref$withOverview === void 0 ? false : _ref$withOverview,
     _ref$missing = _ref.missing,
@@ -99,7 +97,6 @@ function useLunatic(source) {
   // Required context provider: cleaner than prop drilling through every component
   var Provider = (0, _react.useMemo)(function () {
     return (0, _lunaticContext.createLunaticProvider)({
-      custom: custom,
       management: management,
       missing: missing,
       missingStrategy: missingStrategy,
@@ -108,7 +105,7 @@ function useLunatic(source) {
       dontKnowButton: dontKnowButton,
       refusedButton: refusedButton
     });
-  }, [custom, management, missing, missingStrategy, shortcut, missingShortcut, dontKnowButton, refusedButton]);
+  }, [management, missing, missingStrategy, shortcut, missingShortcut, dontKnowButton, refusedButton]);
   var getSuggesterStatus = (0, _useSuggesters.useSuggesters)({
     auto: autoSuggesterLoading,
     getReferentiel: getReferentiel,

package/lib/use-lunatic/use-lunatic.test.js

@@ -6,7 +6,6 @@ var _useLunatic = _interopRequireDefault(require("./use-lunatic"));
 var _source = _interopRequireDefault(require("../stories/overview/source.json"));
 var _source2 = _interopRequireDefault(require("../stories/questionnaires/logement/source.json"));
 var _source3 = _interopRequireDefault(require("../stories/questionnaires2023/simpsons/source.json"));
-var _source4 = _interopRequireDefault(require("../stories/component-set/source.json"));
 var _sourceLoop = _interopRequireDefault(require("../stories/behaviour/cleaning/source-loop.json"));
 var _sourceResizingCleaning = _interopRequireDefault(require("../stories/behaviour/resizing/source-resizing-cleaning.json"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -220,38 +219,13 @@ var dataFromObject = function dataFromObject(o) {
       (0, _vitest.expect)(result.current.getData(true).COLLECTED.PRENOMS.COLLECTED).toEqual([null, null]);
     });
   });
-  (0, _vitest.describe)('getComponents()', function () {
-    (0, _vitest.describe)('componentSet', function () {
-      var _renderHook12 = (0, _reactHooks.renderHook)(function () {
-          return (0, _useLunatic["default"])(_source4["default"], undefined, {});
-        }),
-        result = _renderHook12.result;
-      var getComponents = function getComponents() {
-        return result.current.getComponents();
-      };
-      (0, _vitest.it)('should fill child components', function () {
-        var _components$0$compone;
-        var components = getComponents();
-        (0, _vitest.expect)(components).toHaveLength(1);
-        (0, _vitest.expect)((_components$0$compone = components[0].components) !== null && _components$0$compone !== void 0 ? _components$0$compone : []).toHaveLength(2);
-      });
-      (0, _vitest.it)('should use conditionFilter on nested components', function () {
-        (0, _reactHooks.act)(function () {
-          return result.current.onChange({
-            name: 'PRENOM'
-          }, 'Jane');
-        });
-        (0, _vitest.expect)(getComponents()[0].components).toHaveLength(3);
-      });
-    });
-  });
   (0, _vitest.describe)('getData()', function () {
     var hookRef;
     (0, _vitest.beforeEach)(function () {
-      var _renderHook13 = (0, _reactHooks.renderHook)(function () {
+      var _renderHook12 = (0, _reactHooks.renderHook)(function () {
           return (0, _useLunatic["default"])(_source3["default"], undefined, {});
         }),
-        result = _renderHook13.result;
+        result = _renderHook12.result;
       (0, _reactHooks.act)(function () {
         result.current.onChange({
           name: 'COMMENT'
@@ -297,12 +271,12 @@ var dataFromObject = function dataFromObject(o) {
   (0, _vitest.describe)('getChangedData()', function () {
     var hookRef;
     (0, _vitest.beforeEach)(function () {
-      var _renderHook14 = (0, _reactHooks.renderHook)(function () {
+      var _renderHook13 = (0, _reactHooks.renderHook)(function () {
           return (0, _useLunatic["default"])(_source3["default"], undefined, {
             trackChanges: true
           });
         }),
-        result = _renderHook14.result;
+        result = _renderHook13.result;
       hookRef = result;
     });
     (0, _vitest.it)('should return every value', function () {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@inseefr/lunatic",
-	"version": "3.0.0-rc.1",
+	"version": "3.0.0-rc.5",
 	"workersVersion": "0.3.0",
 	"description": "Library of questionnaire components",
 	"repository": {

package/lib/components/ComponentSet/ComponentSet.js

@@ -1,68 +0,0 @@
-"use strict";
-
-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); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ComponentSet = ComponentSet;
-exports.ComponentSetItem = void 0;
-var _LunaticComponents = require("../LunaticComponents");
-var _customizedComponent = require("../shared/HOC/customizedComponent");
-var _ComponentErrors = require("../shared/ComponentErrors/ComponentErrors");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["id", "label", "description", "response", "components"];
-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 _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; }
-function ComponentSet(_ref) {
-  var id = _ref.id,
-    label = _ref.label,
-    description = _ref.description,
-    response = _ref.response,
-    components = _ref.components,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ComponentSetWrapper, {
-    id: id,
-    legendText: label,
-    errors: props.errors,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_LunaticComponents.LunaticComponents, {
-      components: components
-      // Component props take precedence (we don't want to override value for instance)
-      ,
-      componentProps: function componentProps(c) {
-        return _objectSpread(_objectSpread({}, props), c);
-      },
-      wrapper: function wrapper(p) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(ComponentSetItem, _objectSpread({}, p));
-      }
-    })
-  });
-}
-var ComponentSetWrapper = (0, _customizedComponent.customizedComponent)('ComponentSet', function (props) {
-  var id = props.id,
-    errors = props.errors,
-    legendText = props.legendText,
-    children = props.children;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("fieldset", {
-    className: "lunatic-component-set",
-    children: [legendText && /*#__PURE__*/(0, _jsxRuntime.jsx)("legend", {
-      id: id,
-      className: "lunatic-legend",
-      children: legendText
-    }), children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_ComponentErrors.ComponentErrors, {
-      errors: errors,
-      componentId: id
-    })]
-  });
-});
-var ComponentSetItem = exports.ComponentSetItem = (0, _customizedComponent.customizedComponent)('ComponentSetItem', function (_ref2) {
-  var children = _ref2.children;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "lunatic-component-set-component",
-    children: children
-  });
-});

package/lib/components/type-custom.js

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

package/lib/src/components/ComponentSet/ComponentSet.d.ts

@@ -1,7 +0,0 @@
-import type { LunaticComponentProps } from '../type';
-import type { ReactNode } from 'react';
-export declare function ComponentSet({ id, label, description, response, // Do not propagate the response (it's undefined)
-components, ...props }: LunaticComponentProps<'ComponentSet'>): import("react/jsx-runtime").JSX.Element;
-export declare const ComponentSetItem: import("react").ComponentType<{
-    children?: ReactNode;
-}>;

package/lib/src/components/shared/HOC/customizedComponent.d.ts

@@ -1,5 +0,0 @@
-import { type ComponentType, type FunctionComponent } from 'react';
-/**
- * Create a replaceable version of a component
- */
-export declare function customizedComponent<T extends Record<string, unknown>>(name: string, LunaticField: FunctionComponent<T>): ComponentType<T>;