@inseefr/lunatic 2.4.3-beta → 2.4.4-FeatAltDeclarations

package/lib/components/component-set/html/component-set-components.js

@@ -37,7 +37,8 @@ function ComponentSetComponents(_ref) {
     executeExpression = _ref.executeExpression,
     errors = _ref.errors,
     className = _ref.className,
-    handleChange = _ref.handleChange;
+    handleChange = _ref.handleChange,
+    componentClassName = _ref.componentClassName;
   if (!Array.isArray(components)) {
     return null;
   }
@@ -58,7 +59,8 @@ function ComponentSetComponents(_ref) {
           preferences: preferences,
           executeExpression: executeExpression,
           errors: errors,
-          handleChange: handleChange
+          handleChange: handleChange,
+          className: componentClassName
         })
       }, id);
     })

package/lib/components/index.js

@@ -87,6 +87,18 @@ Object.defineProperty(exports, "PairwiseLinks", {
     return _pairwiseLinks["default"];
   }
 });
+Object.defineProperty(exports, "QuestionContext", {
+  enumerable: true,
+  get: function get() {
+    return _questionContext["default"];
+  }
+});
+Object.defineProperty(exports, "QuestionInformation", {
+  enumerable: true,
+  get: function get() {
+    return _questionInformation["default"];
+  }
+});
 Object.defineProperty(exports, "Radio", {
   enumerable: true,
   get: function get() {
@@ -170,4 +182,6 @@ var _suggesterLoaderWidget = _interopRequireDefault(require("./suggester-loader-
 var _roundabout = _interopRequireDefault(require("./roundabout"));
 var _table = _interopRequireDefault(require("./table"));
 var _componentSet = _interopRequireDefault(require("./component-set"));
+var _questionInformation = _interopRequireDefault(require("./questions/question-information"));
+var _questionContext = _interopRequireDefault(require("./questions/question-context"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/components/questions/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "QuestionContext", {
+  enumerable: true,
+  get: function get() {
+    return _questionContext["default"];
+  }
+});
+Object.defineProperty(exports, "QuestionInformation", {
+  enumerable: true,
+  get: function get() {
+    return _questionInformation["default"];
+  }
+});
+var _questionContext = _interopRequireDefault(require("./question-context"));
+var _questionInformation = _interopRequireDefault(require("./question-information"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/components/questions/question-context.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _commons = require("../commons");
+require("./question-context.scss");
+var _jsxRuntime = require("react/jsx-runtime");
+function Description(_ref) {
+  var description = _ref.description;
+  if (!description) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    children: description
+  });
+}
+function QuestionContext(props) {
+  var label = props.label,
+    description = props.description;
+  if (label) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "lunatic-call-out",
+        children: [label, /*#__PURE__*/(0, _jsxRuntime.jsx)(Description, {
+          description: description
+        })]
+      })
+    });
+  }
+  return null;
+}
+var _default = (0, _commons.createCustomizableLunaticField)(QuestionContext, 'QuestionContext');
+exports["default"] = _default;

package/lib/components/questions/question-context.scss

@@ -0,0 +1,10 @@
+.lunatic-call-out {
+	background-color: whitesmoke;
+	box-shadow: inset 0.25rem 0 0 0 dodgerblue;
+	font-family: 'Marianne', arial, sans-serif;
+	text-rendering: optimizeLegibility;
+	font-size: 1rem;
+	line-height: 1.5rem;
+	padding: 2rem 3rem;
+	margin-bottom: 0.6em;
+}

package/lib/components/questions/question-information.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _commons = require("../commons");
+require("./question-information.scss");
+var _jsxRuntime = require("react/jsx-runtime");
+function Description(_ref) {
+  var description = _ref.description;
+  if (!description) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    children: description
+  });
+}
+function QuestionInformation(props) {
+  var label = props.label,
+    description = props.description;
+  if (label) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "lunatic-alert-information",
+        children: [label, /*#__PURE__*/(0, _jsxRuntime.jsx)(Description, {
+          description: description
+        })]
+      })
+    });
+  }
+  return null;
+}
+var _default = (0, _commons.createCustomizableLunaticField)(QuestionInformation, 'QuestionInformation');
+exports["default"] = _default;

package/lib/components/questions/question-information.scss

@@ -0,0 +1,19 @@
+.lunatic-alert-information {
+	text-rendering: optimizeLegibility;
+	box-shadow: inset 0 0 0 1px dodgerblue, inset 2.5rem 0 0 0 dodgerblue;
+	padding: 1rem 2.25rem 0.75rem 3.5rem;
+	margin: 1em 0;
+	&::before {
+		content: '!';
+		float: left;
+		color: dodgerblue;
+		font-weight: bold;
+		margin-left: -2.7em;
+		line-height: 1em;
+		background-color: white;
+		width: 0.7em;
+		height: 1em;
+		padding-left: 0.3em;
+		border-radius: 2px 2px;
+	}
+}

package/lib/components/sequence/html/sequence.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _commons = require("../../commons");
+require("./sequence.scss");
+var _jsxRuntime = require("react/jsx-runtime");
+function Sequence(_ref) {
+  var label = _ref.label,
+    id = _ref.id,
+    style = _ref.style;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "sequence-lunatic",
+    id: "sequence-".concat(id),
+    style: style,
+    children: label
+  });
+}
+var _default = (0, _commons.createCustomizableLunaticField)(Sequence, 'Sequence');
+exports["default"] = _default;

package/lib/components/sequence/index.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
-    return _sequence["default"];
+    return _lunaticSequence["default"];
   }
 });
-var _sequence = _interopRequireDefault(require("./sequence"));
+var _lunaticSequence = _interopRequireDefault(require("./lunatic-sequence"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

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

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _sequence = _interopRequireDefault(require("./html/sequence"));
+var _lunaticComponentWithoutLabel = _interopRequireDefault(require("../commons/components/lunatic-component-without-label"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function empty() {}
+function LunaticSequence(_ref) {
+  var declarations = _ref.declarations,
+    label = _ref.label,
+    id = _ref.id,
+    style = _ref.style;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticComponentWithoutLabel["default"], {
+    id: id,
+    label: label,
+    declarations: declarations,
+    handleChange: empty,
+    value: undefined,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sequence["default"], {
+      label: label,
+      id: id,
+      style: style
+    })
+  });
+}
+var _default = LunaticSequence;
+exports["default"] = _default;

package/lib/components/sequence/sequence.spec.js

@@ -1,7 +1,7 @@
 "use strict";
 
 var _react = require("@testing-library/react");
-var _sequence = _interopRequireDefault(require("./sequence"));
+var _lunaticSequence = _interopRequireDefault(require("./lunatic-sequence"));
 var _vitest = require("vitest");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -16,20 +16,12 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
     id: '1',
     label: 'Declaration 1',
     declarationType: 'TYPE_1',
-    position: 'BEFORE_QUESTION_TEXT',
-    declarations: []
-  }, {
-    id: '2',
-    label: 'Declaration 2',
-    declarationType: 'TYPE_2',
-    position: 'AFTER_QUESTION_TEXT',
-    declarations: []
+    position: 'BEFORE_QUESTION_TEXT'
   }, {
     id: '3',
     label: 'Declaration 3',
     declarationType: 'TYPE_3',
-    position: 'DETACHABLE',
-    declarations: []
+    position: 'DETACHABLE'
   }];
   var mockProps = {
     declarations: mockDeclarations,
@@ -37,40 +29,43 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
     label: 'Test Sequence Label',
     style: {
       backgroundColor: 'red'
-    }
+    },
+    questionContext: 'question-context',
+    questionInformation: 'question-information'
   };
   (0, _vitest.it)('renders the label and declarations in the correct order', function () {
-    var _render = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_sequence["default"], _objectSpread({}, mockProps))),
+    var _render = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticSequence["default"], _objectSpread({}, mockProps))),
       getByText = _render.getByText,
       queryByText = _render.queryByText;
     var sequenceLabel = getByText('Test Sequence Label');
     var declaration1 = getByText('Declaration 1');
-    var declaration2 = getByText('Declaration 2');
     var declaration3 = getByText('Declaration 3');
-
+    var questionContext = getByText('question-context');
+    var questionInformation = getByText('question-information');
+    (0, _vitest.expect)(sequenceLabel).toBeInTheDocument();
+    (0, _vitest.expect)(questionContext).toBeInTheDocument();
+    (0, _vitest.expect)(questionInformation).toBeInTheDocument();
     // Declarations before text should appear before the label
     (0, _vitest.expect)(declaration1).toBeInTheDocument();
-    (0, _vitest.expect)(sequenceLabel.previousSibling.childNodes[0]).toBe(declaration1);
-
-    // Declarations after text should appear after the label
-    (0, _vitest.expect)(declaration2).toBeInTheDocument();
-    (0, _vitest.expect)(sequenceLabel.nextSibling.childNodes[0]).toBe(declaration2);
+    // expect(sequenceLabel?.previousSibling?.childNodes[0]).toBe(declaration1);
 
     // Detachable declarations should appear after the label and after declarations after text
     (0, _vitest.expect)(declaration3).toBeInTheDocument();
-    (0, _vitest.expect)(sequenceLabel.nextSibling.nextSibling.childNodes[0]).toBe(declaration3);
+    // expect(sequenceLabel?.nextSibling?.nextSibling?.childNodes[0]).toBe(
+    // 	declaration3
+    // );
 
     // Ensure no other declarations are rendered
     (0, _vitest.expect)(queryByText('Declaration 4')).toBeNull();
   });
   (0, _vitest.it)('applies the correct styles', function () {
-    var _render2 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_sequence["default"], _objectSpread({}, mockProps))),
+    var _render2 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticSequence["default"], _objectSpread({}, mockProps))),
       container = _render2.container;
     var sequenceDiv = container.querySelector('#sequence-test-sequence');
     (0, _vitest.expect)(sequenceDiv).toHaveStyle('background-color: red');
   });
   (0, _vitest.it)('does not render declarations if none are provided', function () {
-    var _render3 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_sequence["default"], {
+    var _render3 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticSequence["default"], {
         id: "empty-sequence",
         label: "Empty Sequence"
       })),

package/lib/components/suggester/idb-suggester/check-store.js

@@ -100,9 +100,11 @@ function CheckStore(_ref) {
       children: children
     });
   }
-  return /*#__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"
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__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"
+    }), children]
   });
 }
 var _default = CheckStore;

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

@@ -47,8 +47,7 @@ function LunaticTable(props) {
           executeExpression: executeExpression,
           handleChange: handleChange,
           iteration: iteration,
-          value: value,
-          errors: errors
+          value: value
         })
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.Errors, {

package/lib/components/table/table-orchestrator.js

@@ -14,8 +14,7 @@ function TableOrchestrator(_ref) {
     executeExpression = _ref.executeExpression,
     valueMap = _ref.value,
     handleChange = _ref.handleChange,
-    iteration = _ref.iteration,
-    errors = _ref.errors;
+    iteration = _ref.iteration;
   if (!Array.isArray(body)) {
     return null;
   }
@@ -28,8 +27,7 @@ function TableOrchestrator(_ref) {
         valueMap: valueMap,
         handleChange: handleChange,
         iteration: iteration,
-        executeExpression: executeExpression,
-        errors: errors
+        executeExpression: executeExpression
       }, index);
     })
   });

package/lib/src/components/checkbox/checkbox-boolean/lunatic-checkbox-boolean.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { LunaticComponentProps } from '../../type';
-declare function LunaticCheckboxBoolean({ value, id, options, disabled, handleChange, response, errors, label, preferences, declarations, missing, missingResponse, management, description, }: LunaticComponentProps<'CheckboxBoolean'>): JSX.Element;
+declare function LunaticCheckboxBoolean({ value, id, options, disabled, handleChange, response, errors, label, preferences, declarations, missing, missingResponse, management, description, }: LunaticComponentProps<'CheckboxBoolean'>): import("react/jsx-runtime").JSX.Element;
 declare namespace LunaticCheckboxBoolean {
     var defaultProps: {
         value: boolean;

package/lib/src/components/checkbox/checkbox-group/checkbox-group-content.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import './checkbox.scss';
 import { CheckboxGroupOption } from './lunatic-checkbox-group';
 type Props = {
     id: string;
     options: CheckboxGroupOption[];
 };
-declare function CheckboxGroupContent({ options, id }: Props): JSX.Element;
+declare function CheckboxGroupContent({ options, id }: Props): import("react/jsx-runtime").JSX.Element;
 export default CheckboxGroupContent;

package/lib/src/components/checkbox/checkbox-group/html/checkbox-group-content.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import { CheckboxGroupOption } from '../lunatic-checkbox-group';
 type Props = {
     options: CheckboxGroupOption[];
     id: string;
     shortcut?: boolean;
 };
-declare function CheckboxGroupContent({ options, id, shortcut }: Props): JSX.Element;
+declare function CheckboxGroupContent({ options, id, shortcut }: Props): import("react/jsx-runtime").JSX.Element;
 export default CheckboxGroupContent;

package/lib/src/components/checkbox/checkbox-group/lunatic-checkbox-group.d.ts

@@ -7,5 +7,5 @@ export type CheckboxGroupOption = {
     description?: ReactNode;
     onClick: (b: boolean) => void;
 };
-declare function LunaticCheckboxGroup({ id, value, responses, shortcut, handleChange, errors, label, description, preferences, declarations, missingResponse, missing, management, }: LunaticComponentProps<'CheckboxGroup'>): JSX.Element;
+declare function LunaticCheckboxGroup({ id, value, responses, shortcut, handleChange, errors, label, description, preferences, declarations, missingResponse, missing, management, }: LunaticComponentProps<'CheckboxGroup'>): import("react/jsx-runtime").JSX.Element;
 export default LunaticCheckboxGroup;

package/lib/src/components/checkbox/checkbox-one/lunatic-checkbox-one.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LunaticComponentProps } from '../../type';
-declare function LunaticCheckboxOne({ id, options, value, errors, handleChange, response, label, description, preferences, declarations, missingResponse, missing, management, shortcut, }: LunaticComponentProps<'CheckboxOne'>): JSX.Element;
+declare function LunaticCheckboxOne({ id, options, value, errors, handleChange, response, label, description, preferences, declarations, missingResponse, missing, management, shortcut, }: LunaticComponentProps<'CheckboxOne'>): import("react/jsx-runtime").JSX.Element;
 export default LunaticCheckboxOne;

package/lib/src/components/commons/components/combo-box/combo-box-container.d.ts

@@ -4,5 +4,5 @@ type Props = PropsWithChildren<{
     id?: string;
     classStyle?: string;
 }>;
-export declare function ComboBoxContainer({ children, className, id, classStyle, }: Props): JSX.Element;
+export declare function ComboBoxContainer({ children, className, id, classStyle, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/src/components/commons/components/combo-box/combo-box-content.d.ts

@@ -5,5 +5,5 @@ type Props = PropsWithChildren<{
     onFocus: () => void;
     onKeyDown: (key: string) => void;
 }>;
-export declare function ComboBoxContent({ children, focused, onFocus, onBlur, onKeyDown, }: Props): JSX.Element;
+export declare function ComboBoxContent({ children, focused, onFocus, onBlur, onKeyDown, }: Props): import("react/jsx-runtime").JSX.Element;
 export default ComboBoxContent;

package/lib/src/components/commons/components/combo-box/panel/option-container.d.ts

@@ -4,5 +4,5 @@ type Props = PropsWithChildren<{
     selected?: boolean;
     onSelect: (index: string) => void;
 }>;
-export declare function OptionContainer({ children, index, selected, onSelect, }: Props): JSX.Element;
+export declare function OptionContainer({ children, index, selected, onSelect, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/src/components/commons/components/combo-box/panel/panel-container.d.ts

@@ -4,5 +4,5 @@ type Props = PropsWithChildren<{
     expanded?: boolean;
     id?: string;
 }>;
-export declare function PanelContainer({ children, focused, expanded, id }: Props): JSX.Element;
+export declare function PanelContainer({ children, focused, expanded, id }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/src/components/commons/components/combo-box/panel/panel.d.ts

@@ -14,4 +14,4 @@ export type PanelProps = {
     search?: string;
     onSelect: (value: string) => void;
 };
-export declare function Panel({ optionRenderer: OptionRender, options, focused, selectedIndex, expanded, id, search, onSelect, }: PanelProps): JSX.Element;
+export declare function Panel({ optionRenderer: OptionRender, options, focused, selectedIndex, expanded, id, search, onSelect, }: PanelProps): import("react/jsx-runtime").JSX.Element;

package/lib/src/components/commons/components/combo-box/selection/delete.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 type Props = {
     className?: string;
     search?: string;
     onClick?: () => void;
     editable?: boolean;
 };
-export declare function Delete({ className, search, onClick, editable }: Props): JSX.Element | null;
+export declare function Delete({ className, search, onClick, editable }: Props): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/lib/src/components/commons/components/combo-box/selection/displayLabelOrInput.d.ts

@@ -2,4 +2,4 @@ import { FunctionComponent } from 'react';
 export declare function displayLabelOrInput<T extends Record<string, unknown>>(Field: FunctionComponent<T>, name: string): (props: T & {
     editable?: boolean;
     expanded?: boolean;
-}) => JSX.Element | null;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/lib/src/components/commons/components/combo-box/selection/input.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 declare const _default: (props: Record<string, unknown> & {
     editable?: boolean | undefined;
     expanded?: boolean | undefined;
-}) => JSX.Element | null;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export default _default;

package/lib/src/components/commons/components/combo-box/selection/label-selection.d.ts

@@ -12,9 +12,9 @@ export type LabelSelectionProps = {
     search?: string;
     disabled?: boolean;
 };
-export declare function LabelSelection({ labelRenderer: Renderer, placeholder, selectedIndex, options, search, disabled, }: LabelSelectionProps): JSX.Element;
+export declare function LabelSelection({ labelRenderer: Renderer, placeholder, selectedIndex, options, search, disabled, }: LabelSelectionProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: (props: LabelSelectionProps & {
     editable?: boolean | undefined;
     expanded?: boolean | undefined;
-}) => JSX.Element | null;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export default _default;

package/lib/src/components/commons/components/combo-box/selection/selection-container.d.ts

@@ -6,5 +6,5 @@ type Props = PropsWithChildren<{
     labelId?: string;
     id?: string;
 }>;
-declare function SelectionContainer({ children, id, expanded, focused, disabled, labelId, }: Props): JSX.Element;
+declare function SelectionContainer({ children, id, expanded, focused, disabled, labelId, }: Props): import("react/jsx-runtime").JSX.Element;
 export default SelectionContainer;

package/lib/src/components/commons/components/combo-box/selection/selection.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LabelSelectionProps } from './label-selection';
 export type SelectionProps = {
     expanded?: boolean;
@@ -8,4 +7,4 @@ export type SelectionProps = {
     labelId?: string;
     id?: string;
 } & LabelSelectionProps;
-export declare function Selection({ labelRenderer, placeholder, search, expanded, disabled, focused, onChange, selectedIndex, options, editable, labelId, id, }: SelectionProps): JSX.Element;
+export declare function Selection({ labelRenderer, placeholder, search, expanded, disabled, focused, onChange, selectedIndex, options, editable, labelId, id, }: SelectionProps): import("react/jsx-runtime").JSX.Element;

package/lib/src/components/commons/components/default-label-renderer.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import { SuggesterOption } from '../../type';
 type Props = {
     option?: SuggesterOption | null;
     placeholder?: string;
     search?: string;
 };
-declare function DefaultLabelRenderer({ option, placeholder, search }: Props): JSX.Element;
+declare function DefaultLabelRenderer({ option, placeholder, search }: Props): import("react/jsx-runtime").JSX.Element;
 export default DefaultLabelRenderer;

package/lib/src/components/commons/components/default-option-renderer.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { SuggesterOption } from '../../type';
 type Props = {
     option: SuggesterOption;
     selected?: boolean;
 };
-declare function DefaultOptionRenderer({ option, selected }: Props): JSX.Element;
+declare function DefaultOptionRenderer({ option, selected }: Props): import("react/jsx-runtime").JSX.Element;
 export default DefaultOptionRenderer;

package/lib/src/components/commons/components/description.d.ts

@@ -7,7 +7,7 @@ type Props = {
     }>;
     className?: string;
 };
-declare function Description({ value, className }: Props): JSX.Element;
+declare function Description({ value, className }: Props): import("react/jsx-runtime").JSX.Element;
 declare namespace Description {
     var propTypes: {
         classeName: PropTypes.Requireable<string>;

package/lib/src/components/commons/components/dragger/dragger.d.ts

@@ -13,5 +13,5 @@ type Props = PropsWithChildren<{
     };
     onDrag?: (drag: boolean, position?: [x: number, y: number]) => void;
 }>;
-declare function Dragger({ el, children, onDrag }: Props): JSX.Element;
+declare function Dragger({ el, children, onDrag }: Props): import("react/jsx-runtime").JSX.Element;
 export default Dragger;

package/lib/src/components/commons/components/errors/errors.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import './errors.scss';
 import { LunaticError } from '../../../../use-lunatic/type';
 type Props = {
     errors?: Record<string, LunaticError[]>;
     activeId?: string;
 };
-declare function Errors({ errors, activeId }: Props): JSX.Element | null;
+declare function Errors({ errors, activeId }: Props): import("react/jsx-runtime").JSX.Element | null;
 export default Errors;

package/lib/src/components/commons/components/fab/fab.d.ts

@@ -3,5 +3,5 @@ import './fab.scss';
 type Props = PropsWithChildren<{
     disabled?: boolean;
 }> & HTMLAttributes<HTMLButtonElement>;
-declare function Fab({ className, children, tabIndex, title, onClick, onKeyDown, disabled, }: Props): JSX.Element;
+declare function Fab({ className, children, tabIndex, title, onClick, onKeyDown, disabled, }: Props): import("react/jsx-runtime").JSX.Element;
 export default Fab;

package/lib/src/components/commons/components/field-container/field-container.d.ts

@@ -2,5 +2,5 @@ import { PropsWithChildren } from 'react';
 type Props = PropsWithChildren<{
     management?: boolean;
 }>;
-declare function FieldContainer({ children, management }: Props): JSX.Element;
+declare function FieldContainer({ children, management }: Props): import("react/jsx-runtime").JSX.Element;
 export default FieldContainer;

package/lib/src/components/commons/components/is-network/is-network.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 type Props = {
     notify?: (v: boolean) => void;
     className?: string;
 };
-declare function IsNetwork({ notify, className }: Props): JSX.Element;
+declare function IsNetwork({ notify, className }: Props): import("react/jsx-runtime").JSX.Element;
 export default IsNetwork;

package/lib/src/components/commons/components/lunatic-component-with-label.d.ts

@@ -8,5 +8,5 @@ type Props = {
         name: string;
     }, value: any, args?: Record<string, unknown>) => void;
 } & Pick<LunaticBaseProps, 'description' | 'declarations' | 'management' | 'id' | 'label' | 'missingResponse' | 'missing'>;
-declare function LunaticComponentWithLabel(props: Props): JSX.Element;
+declare function LunaticComponentWithLabel(props: Props): import("react/jsx-runtime").JSX.Element;
 export default LunaticComponentWithLabel;

package/lib/src/components/commons/components/lunatic-component-without-label.d.ts

@@ -8,5 +8,5 @@ type Props = {
         name: string;
     }, value: any, args?: Record<string, unknown>) => void;
 } & Pick<LunaticBaseProps, 'description' | 'declarations' | 'management' | 'id' | 'label' | 'missingResponse' | 'preferences' | 'value' | 'missing'>;
-declare function LunaticComponent(props: Props): JSX.Element;
+declare function LunaticComponent(props: Props): import("react/jsx-runtime").JSX.Element;
 export default LunaticComponent;

package/lib/src/components/commons/components/md-label/link.d.ts

@@ -3,5 +3,5 @@ type Props = PropsWithChildren<{
     href: string;
     title: string;
 }>;
-declare const Link: (props: Props) => JSX.Element;
+declare const Link: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default Link;