@inseefr/lunatic 2.7.20 → 3.0.0-rc.1

package/lib/components/{summary/lunatic-summary.js → Summary/Summary.js}

@@ -3,57 +3,20 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.LunaticSummary = LunaticSummary;
-var _summaryTitle = _interopRequireDefault(require("./html/summary-title"));
-var _summaryContainer = require("./html/summary-container");
-var _summaryResponses = _interopRequireDefault(require("./html/summary-responses"));
+exports.Summary = Summary;
+exports.SummaryTitle = exports.SummaryResponses = void 0;
+var _customizedComponent = require("../shared/HOC/customizedComponent");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 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; }
-function compileResponses(responses, executeExpression, iteration) {
-  if (!responses) {
-    return [];
-  }
-  var option = iteration || iteration === 0 ? iteration : undefined;
-  return responses.map(function (r) {
-    return {
-      label: executeExpression(r.label, {
-        iteration: option
-      }),
-      value: executeExpression(r.value, {
-        iteration: option
-      }),
-      id: r.id
-    };
-  });
-}
-function CompiledTitle(_ref) {
-  var executeExpression = _ref.executeExpression,
-    iteration = _ref.iteration,
-    title = _ref.title;
-  if (!title && iteration) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-      children: "Valeur pour ".concat(iteration + 1)
-    });
-  }
-  if (!title) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-      children: "Valeurs renseign\xE9s :"
-    });
-  }
-  var hasIteration = iteration || iteration === 0;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: executeExpression(title, hasIteration ? {
-      iteration: iteration
-    } : {})
-  });
-}
-function LunaticSummary(props) {
+/**
+ * Summarize the responses done by the user
+ */
+function Summary(props) {
   var executeExpression = props.executeExpression,
     label = props.label,
     sections = props.sections;
@@ -67,12 +30,8 @@ function LunaticSummary(props) {
       if (responses) {
         var elements = Array(compiledIterations).fill(null).map(function (_, iteration) {
           return {
-            values: compileResponses(responses, executeExpression, iteration),
-            title: /*#__PURE__*/(0, _jsxRuntime.jsx)(CompiledTitle, {
-              executeExpression: executeExpression,
-              iteration: iteration,
-              title: title
-            }),
+            values: interpretResponses(responses, executeExpression, iteration),
+            title: interpretTitle(title, executeExpression, iteration),
             id: id
           };
         });
@@ -81,23 +40,77 @@ function LunaticSummary(props) {
     }
     if (responses) {
       var element = {
-        title: /*#__PURE__*/(0, _jsxRuntime.jsx)(CompiledTitle, {
-          executeExpression: executeExpression,
-          iteration: undefined,
-          title: title
-        }),
-        values: compileResponses(responses, executeExpression, undefined),
+        title: interpretTitle(title, executeExpression),
+        values: interpretResponses(responses, executeExpression, undefined),
         id: id
       };
       return [].concat(_toConsumableArray(acc), [element]);
     }
     return acc;
   }, []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_summaryContainer.SummaryContainer, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_summaryTitle["default"], {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "lunatic-summary-container",
+    children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)(SummaryTitle, {
       label: label
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_summaryResponses["default"], {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SummaryResponses, {
       sections: compiledSections
     })]
   });
+}
+
+/**
+ * Title displayed on top of the Summary
+ */
+var SummaryTitle = exports.SummaryTitle = (0, _customizedComponent.customizedComponent)('SummaryTitle', function (_ref) {
+  var label = _ref.label;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "lunatic-summary-label",
+    children: label
+  });
+});
+var SummaryResponses = exports.SummaryResponses = (0, _customizedComponent.customizedComponent)('SummaryResponses', function (_ref2) {
+  var sections = _ref2.sections;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: sections.map(function (section, index) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "lunatic-summary-responses-iteration",
+        children: [section.title, section.values && /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+          children: section.values.map(function (value) {
+            return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
+              children: [value.label, " : ", value.value]
+            }, "response-".concat(index));
+          })
+        })]
+      }, "".concat(section.id, "-").concat(index));
+    })
+  });
+});
+function interpretTitle(title, executeExpression, iteration) {
+  if (!title && iteration) {
+    return "Valeur pour ".concat(iteration + 1);
+  }
+  if (!title) {
+    return "Valeurs renseign\xE9s :";
+  }
+  var hasIteration = iteration || iteration === 0;
+  return executeExpression(title, hasIteration ? {
+    iteration: iteration
+  } : {});
+}
+function interpretResponses(responses, executeExpression, iteration) {
+  if (!responses) {
+    return [];
+  }
+  var option = iteration || iteration === 0 ? iteration : undefined;
+  return responses.map(function (r) {
+    return {
+      label: executeExpression(r.label, {
+        iteration: option
+      }),
+      value: executeExpression(r.value, {
+        iteration: option
+      }),
+      id: r.id
+    };
+  });
 }

package/lib/components/{switch/html/switch.js → Switch/Switch.js}

@@ -3,37 +3,52 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.Switch = void 0;
+var _ComponentErrors = require("../shared/ComponentErrors/ComponentErrors");
+var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _commons = require("../../commons");
-require("./switch.scss");
+var _customizedComponent = require("../shared/HOC/customizedComponent");
+var _Label = require("../shared/Label/Label");
+var _Declarations = require("../shared/Declarations/Declarations");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function Switch(_ref) {
-  var checked = _ref.checked,
-    disabled = _ref.disabled,
-    onClick = _ref.onClick,
-    statusLabel = _ref.statusLabel,
-    id = _ref.id,
+var defaultLabel = {
+  "true": 'True',
+  "false": 'False'
+};
+function LunaticSwitch(_ref) {
+  var id = _ref.id,
+    value = _ref.value,
+    _ref$statusLabel = _ref.statusLabel,
+    statusLabel = _ref$statusLabel === void 0 ? defaultLabel : _ref$statusLabel,
+    handleChange = _ref.handleChange,
+    response = _ref.response,
     label = _ref.label,
-    errors = _ref.errors;
+    errors = _ref.errors,
+    disabled = _ref.disabled,
+    declarations = _ref.declarations;
+  var checked = value !== null && value !== void 0 ? value : false;
   var handleClick = function handleClick() {
-    onClick(!checked);
+    handleChange(response, !checked);
   };
   var handleKeyDown = function handleKeyDown(e) {
     var code = e.code;
     if (code === 'Space') {
-      onClick(!checked);
+      handleChange(response, !checked);
     }
   };
   var labelTrue = statusLabel["true"],
     labelFalse = statusLabel["false"];
   var labelId = "lunatic-switch-label-".concat(id);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.Label, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Label.Label, {
       htmlFor: id,
       id: labelId,
       children: label
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Declarations.Declarations, {
+      type: "AFTER_QUESTION_TEXT",
+      declarations: declarations,
+      id: id
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "lunatic-switch",
       id: id,
@@ -63,9 +78,10 @@ function Switch(_ref) {
         }),
         children: labelTrue
       })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.Errors, {
-      errors: errors
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ComponentErrors.ComponentErrors, {
+      errors: errors,
+      componentId: id
     })]
   });
 }
-var _default = exports["default"] = (0, _commons.createCustomizableLunaticField)(Switch, 'Switch');
+var Switch = exports.Switch = (0, _customizedComponent.customizedComponent)('Switch', LunaticSwitch);

package/lib/components/Table/Table.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Table = Table;
+var _LunaticComponents = require("../LunaticComponents");
+var _ComponentErrors = require("../shared/ComponentErrors/ComponentErrors");
+var _Label = require("../shared/Label/Label");
+var _Table = require("../shared/Table");
+var _Declarations = require("../shared/Declarations/Declarations");
+var _jsxRuntime = require("react/jsx-runtime");
+function Table(props) {
+  var id = props.id,
+    body = props.body,
+    header = props.header,
+    errors = props.errors,
+    label = props.label,
+    declarations = props.declarations;
+  var labelId = "label-".concat(id);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Label.Label, {
+      htmlFor: id,
+      id: labelId,
+      children: label
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Declarations.Declarations, {
+      type: "AFTER_QUESTION_TEXT",
+      declarations: declarations,
+      id: id
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Table.Table, {
+      id: "table-".concat(id),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Table.TableHeader, {
+        id: id,
+        header: header
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Table.Tbody, {
+        children: body.map(function (row, rowIndex) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Table.Tr, {
+            id: id,
+            row: rowIndex,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_LunaticComponents.LunaticComponents, {
+              components: row,
+              wrapper: function wrapper(_ref) {
+                var children = _ref.children,
+                  index = _ref.index,
+                  colspan = _ref.colspan,
+                  rowspan = _ref.rowspan;
+                return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Table.Td, {
+                  id: id,
+                  row: rowIndex,
+                  index: index,
+                  colSpan: colspan,
+                  rowSpan: rowspan,
+                  children: children
+                });
+              }
+            })
+          }, rowIndex);
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ComponentErrors.ComponentErrors, {
+      componentId: id,
+      errors: errors
+    })]
+  });
+}

package/lib/components/Textarea/Textarea.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Textarea = void 0;
+require("./Textarea.scss");
+var _Label = require("../shared/Label/Label");
+var _ComponentErrors = require("../shared/ComponentErrors/ComponentErrors");
+var _customizedComponent = require("../shared/HOC/customizedComponent");
+var _Declarations = require("../shared/Declarations/Declarations");
+var _jsxRuntime = require("react/jsx-runtime");
+function LunaticTextarea(_ref) {
+  var id = _ref.id,
+    rows = _ref.rows,
+    maxLength = _ref.maxLength,
+    cols = _ref.cols,
+    value = _ref.value,
+    label = _ref.label,
+    handleChange = _ref.handleChange,
+    response = _ref.response,
+    description = _ref.description,
+    errors = _ref.errors,
+    placeHolder = _ref.placeHolder,
+    readOnly = _ref.readOnly,
+    required = _ref.required,
+    declarations = _ref.declarations;
+  var labelId = "label-".concat(id);
+  var onChange = function onChange(e) {
+    handleChange(response, e.target.value);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "lunatic-textarea",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Label.Label, {
+      htmlFor: id,
+      id: labelId,
+      description: description,
+      children: label
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Declarations.Declarations, {
+      type: "AFTER_QUESTION_TEXT",
+      declarations: declarations,
+      id: id
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("textarea", {
+      required: required,
+      id: id,
+      rows: rows,
+      maxLength: maxLength,
+      cols: cols,
+      onChange: onChange,
+      value: value !== null && value !== void 0 ? value : '',
+      placeholder: placeHolder,
+      readOnly: readOnly,
+      "aria-invalid": !!errors
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ComponentErrors.ComponentErrors, {
+      errors: errors,
+      componentId: id
+    })]
+  });
+}
+var Textarea = exports.Textarea = (0, _customizedComponent.customizedComponent)('Textarea', LunaticTextarea);

package/lib/components/Textarea/Textarea.spec.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _react = require("@testing-library/react");
+var _vitest = require("vitest");
+var _Textarea = require("./Textarea");
+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); }
+(0, _vitest.describe)('Textarea', function () {
+  var mockOnChange = _vitest.vi.fn();
+  var baseProps = {
+    value: 'input',
+    id: 'input',
+    'aria-labelledby': 'input',
+    handleChange: mockOnChange,
+    response: {
+      name: 'demo'
+    }
+  };
+  (0, _vitest.beforeEach)(function () {
+    mockOnChange.mockClear();
+  });
+  (0, _vitest.it)('renders without crashing', function () {
+    var _render = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Textarea.Textarea, _objectSpread({}, baseProps))),
+      container = _render.container;
+    (0, _vitest.expect)(container).toMatchSnapshot();
+  });
+  (0, _vitest.it)('should handle readOnly', function () {
+    var _render2 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Textarea.Textarea, _objectSpread(_objectSpread({}, baseProps), {}, {
+        id: "textarea",
+        value: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
+        readOnly: true
+      }))),
+      container = _render2.container;
+    (0, _vitest.expect)(container).toMatchSnapshot();
+    var input = container.querySelector('textarea');
+    (0, _vitest.expect)(input).toHaveAttribute('readonly');
+    input.focus();
+    (0, _vitest.expect)(input).toHaveFocus();
+    (0, _vitest.expect)(input).toHaveValue('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.');
+  });
+});

package/lib/components/library.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.library = void 0;
+var _Sequence = require("./Sequence/Sequence");
+var _Subsequence = require("./Subsequence/Subsequence");
+var _RosterForLoop = require("./RosterForLoop/RosterForLoop");
+var _Table = require("./Table/Table");
+var _Datepicker = require("./Datepicker/Datepicker");
+var _CheckboxGroup = require("./CheckboxGroup/CheckboxGroup");
+var _CheckboxBoolean = require("./CheckboxBoolean/CheckboxBoolean");
+var _Radio = require("./Radio/Radio");
+var _Input = require("./Input/Input");
+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");
+var _Dropdown = require("./Dropdown/Dropdown");
+var _Roundabout = require("./Roundabout/Roundabout");
+var _PairwiseLinks = require("./PairwiseLinks/PairwiseLinks");
+var _CheckboxOne = require("./CheckboxOne/CheckboxOne");
+var _Suggester = require("./Suggester/Suggester");
+var _Summary = require("./Summary/Summary");
+// List of all the "componentType"
+var library = exports.library = {
+  Sequence: _Sequence.Sequence,
+  Subsequence: _Subsequence.Subsequence,
+  RosterForLoop: _RosterForLoop.RosterForLoop,
+  Loop: _Loop.Loop,
+  Table: _Table.Table,
+  InputNumber: _InputNumber.InputNumber,
+  Datepicker: _Datepicker.Datepicker,
+  CheckboxGroup: _CheckboxGroup.CheckboxGroup,
+  CheckboxOne: _CheckboxOne.CheckboxOne,
+  CheckboxBoolean: _CheckboxBoolean.CheckboxBoolean,
+  Radio: _Radio.Radio,
+  Input: _Input.Input,
+  Duration: _Duration.Duration,
+  Textarea: _Textarea.Textarea,
+  Switch: _Switch.Switch,
+  Question: _Question.Question,
+  ComponentSet: _ComponentSet.ComponentSet,
+  FilterDescription: _FilterDescription.FilterDescription,
+  Dropdown: _Dropdown.Dropdown,
+  PairwiseLinks: _PairwiseLinks.PairwiseLinks,
+  Roundabout: _Roundabout.Roundabout,
+  Suggester: _Suggester.Suggester,
+  Summary: _Summary.Summary
+};

package/lib/components/{button/lunatic-button.js → shared/Button/Button.js}

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.Button = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
-var _dom = require("../../utils/dom");
-var _isElement = require("../../utils/is-element");
-var _commons = require("../commons");
-require("./button.scss");
+var _dom = require("../../../utils/dom");
+var _isElement = require("../../../utils/is-element");
+require("./Button.scss");
+var _customizedComponent = require("../HOC/customizedComponent");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function Button(_ref) {
+function LunaticButton(_ref) {
   var children = _ref.children,
     onClick = _ref.onClick,
     disabled = _ref.disabled,
@@ -43,4 +43,4 @@ function Button(_ref) {
     })
   });
 }
-var _default = exports["default"] = (0, _commons.createCustomizableLunaticField)(Button, 'Button');
+var Button = exports.Button = (0, _customizedComponent.customizedComponent)('Button', LunaticButton);

package/lib/components/{button/lunatic-button.spec.js → shared/Button/Button.spec.js}

@@ -1,14 +1,12 @@
 "use strict";
 
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@testing-library/react");
-var _lunaticButton = _interopRequireDefault(require("./lunatic-button"));
+var _react = require("@testing-library/react");
+var _Button = require("./Button");
 var _vitest = require("vitest");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 (0, _vitest.describe)('Button', function () {
   (0, _vitest.it)('renders without crashing', function () {
-    var container = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticButton["default"], {
+    var container = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
       onClick: function onClick() {},
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         children: "Click me!"
@@ -17,7 +15,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
     (0, _vitest.expect)(container).toMatchSnapshot();
   });
   (0, _vitest.it)('renders a button element with given children as a Span', function () {
-    var _render = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticButton["default"], {
+    var _render = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
         onClick: function onClick() {},
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           children: "Click me!"
@@ -31,7 +29,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
   });
   (0, _vitest.it)('renders a button element with given children if children is not a React element', function () {
     var label = 'Click me!';
-    var _render2 = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticButton["default"], {
+    var _render2 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
         onClick: function onClick() {},
         children: label
       })),
@@ -43,18 +41,18 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
   });
   (0, _vitest.it)('appelle onClick quand le bouton est cliqué', function () {
     var handleClick = _vitest.vi.fn();
-    var _render3 = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticButton["default"], {
+    var _render3 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
         onClick: handleClick,
         children: "Cliquez ici"
       })),
       getByText = _render3.getByText;
     var buttonElement = getByText('Cliquez ici');
-    _react2.fireEvent.click(buttonElement);
+    _react.fireEvent.click(buttonElement);
     (0, _vitest.expect)(handleClick).toHaveBeenCalledTimes(1);
   });
   (0, _vitest.it)('renders an input element with given label without a child', function () {
     var label = 'Click me!';
-    var _render4 = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticButton["default"], {
+    var _render4 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
         onClick: function onClick() {},
         label: label
       })),
@@ -65,7 +63,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
     (0, _vitest.expect)(input).toHaveAttribute('value', label);
   });
   (0, _vitest.it)('renders the disabled class when the disabled prop is true', function () {
-    var _render5 = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticButton["default"], {
+    var _render5 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
         onClick: function onClick() {},
         disabled: true,
         children: "Cliquez ici"
@@ -75,7 +73,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
     (0, _vitest.expect)(buttonElement).toHaveClass('disabled');
   });
   (0, _vitest.it)('applies the provided className to the button element', function () {
-    var _render6 = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticButton["default"], {
+    var _render6 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
         onClick: function onClick() {},
         className: "test-class",
         children: "Click me!"

package/lib/components/{commons/components/fab/fab.js → shared/Button/IconButton.js}

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.IconButton = IconButton;
 var _classnames = _interopRequireDefault(require("classnames"));
-require("./fab.scss");
-var _function = require("../../../../utils/function");
+require("./IconButton.scss");
+var _function = require("../../../utils/function");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function Fab(_ref) {
+function IconButton(_ref) {
   var className = _ref.className,
     children = _ref.children,
     tabIndex = _ref.tabIndex,
@@ -30,5 +30,4 @@ function Fab(_ref) {
     "aria-label": title,
     children: children
   });
-}
-var _default = exports["default"] = Fab;
+}

package/lib/components/{commons/components/fab/fab.scss → shared/Button/IconButton.scss}

@@ -1,3 +1,4 @@
+// floating action button
 .lunatic-fab {
 	width: 32px;
 	height: 32px;