@inseefr/lunatic 3.0.0-rc.9 → 3.0.1-rc.0

package/lib/components/Table/Table.js

@@ -1,65 +1,12 @@
-"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
-    })]
-  });
-}
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { LunaticComponents } from '../LunaticComponents';
+import { ComponentErrors } from '../shared/ComponentErrors/ComponentErrors';
+import { Label } from '../shared/Label/Label';
+import { Td, Tbody, Tr, TableHeader, Table as BaseTable, } from '../shared/Table';
+import { Declarations } from '../shared/Declarations/Declarations';
+export function Table(props) {
+    const { id, body, header, errors, label, declarations } = props;
+    const labelId = `label-${id}`;
+    return (_jsxs(_Fragment, { children: [_jsx(Label, { htmlFor: id, id: labelId, children: label }), _jsx(Declarations, { type: "AFTER_QUESTION_TEXT", declarations: declarations, id: id }), _jsxs(BaseTable, { id: `table-${id}`, children: [_jsx(TableHeader, { header: header }), _jsx(Tbody, { children: body.map((row, rowIndex) => (_jsx(Tr, { row: rowIndex, children: _jsx(LunaticComponents, { components: row, wrapper: ({ children, index, colspan, rowspan }) => (_jsx(Td, { row: rowIndex, index: index, colSpan: colspan, rowSpan: rowspan, children: children })) }) }, rowIndex))) })] }), _jsx(ComponentErrors, { componentId: id, errors: errors })] }));
+}
+//# sourceMappingURL=Table.js.map

package/lib/components/Table/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAC5E,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EACN,EAAE,EACF,KAAK,EACL,EAAE,EACF,WAAW,EACX,KAAK,IAAI,SAAS,GAClB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAGnE,MAAM,UAAU,KAAK,CAAC,KAAqC;IAC1D,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAChE,MAAM,OAAO,GAAG,SAAS,EAAE,EAAE,CAAC;IAE9B,OAAO,CACN,8BACC,KAAC,KAAK,IAAC,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,YAC7B,KAAK,GACC,EACR,KAAC,YAAY,IACZ,IAAI,EAAC,qBAAqB,EAC1B,YAAY,EAAE,YAAY,EAC1B,EAAE,EAAE,EAAE,GACL,EACF,MAAC,SAAS,IAAC,EAAE,EAAE,SAAS,EAAE,EAAE,aAC3B,KAAC,WAAW,IAAC,MAAM,EAAE,MAAM,GAAI,EAC/B,KAAC,KAAK,cACJ,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,CAC5B,KAAC,EAAE,IAAC,GAAG,EAAE,QAAQ,YAChB,KAAC,iBAAiB,IAMjB,UAAU,EAAE,GAAG,EACf,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CACnD,KAAC,EAAE,IACF,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,YAEf,QAAQ,GACL,CACL,GACA,IAlBqB,QAAQ,CAmB3B,CACL,CAAC,GACK,IACG,EACZ,KAAC,eAAe,IAAC,WAAW,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,GAAI,IAClD,CACH,CAAC;AACH,CAAC"}

package/lib/components/Text/Text.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { LunaticComponentProps } from '../type';
+export declare function Text({ label }: LunaticComponentProps<'Text'>): import("react").ReactNode;

package/lib/components/Text/Text.js

@@ -0,0 +1,4 @@
+export function Text({ label }) {
+    return label;
+}
+//# sourceMappingURL=Text.js.map

package/lib/components/Text/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAEA,MAAM,UAAU,IAAI,CAAC,EAAE,KAAK,EAAiC;IAC5D,OAAO,KAAK,CAAC;AACd,CAAC"}

package/lib/components/Textarea/Textarea.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { LunaticComponentProps } from '../type';
+import type { LunaticError } from '../../use-lunatic/type';
+export declare function Textarea({ handleChanges, response, errors, ...props }: LunaticComponentProps<'Textarea'>): import("react/jsx-runtime").JSX.Element;
+type CustomProps = Omit<LunaticComponentProps<'Textarea'>, 'response' | 'handleChanges' | 'errors'> & {
+    onChange: (v: string) => void;
+    errors?: LunaticError[];
+};
+export declare const CustomTextarea: import("react").ComponentType<CustomProps>;
+export {};

package/lib/components/Textarea/Textarea.js

@@ -1,79 +1,14 @@
-"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.CustomTextarea = void 0;
-exports.Textarea = Textarea;
-var _Label = require("../shared/Label/Label");
-var _ComponentErrors = require("../shared/ComponentErrors/ComponentErrors");
-var _slottableComponent = require("../shared/HOC/slottableComponent");
-var _Declarations = require("../shared/Declarations/Declarations");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["handleChange", "response", "errors"];
-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 Textarea(_ref) {
-  var handleChange = _ref.handleChange,
-    response = _ref.response,
-    errors = _ref.errors,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomTextarea, _objectSpread(_objectSpread({}, props), {}, {
-    onChange: function onChange(v) {
-      return handleChange(response, v);
-    },
-    errors: (0, _ComponentErrors.getComponentErrors)(errors, props.id)
-  }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Label } from '../shared/Label/Label';
+import { ComponentErrors, getComponentErrors, } from '../shared/ComponentErrors/ComponentErrors';
+import { slottableComponent } from '../shared/HOC/slottableComponent';
+import { Declarations } from '../shared/Declarations/Declarations';
+export function Textarea({ handleChanges, response, errors, ...props }) {
+    return (_jsx(CustomTextarea, { ...props, onChange: (value) => handleChanges([{ name: response.name, value }]), errors: getComponentErrors(errors, props.id) }));
 }
-var CustomTextarea = exports.CustomTextarea = (0, _slottableComponent.slottableComponent)('Textarea', function (props) {
-  var value = props.value,
-    _onChange = props.onChange,
-    disabled = props.disabled,
-    required = props.required,
-    maxLength = props.maxLength,
-    label = props.label,
-    description = props.description,
-    id = props.id,
-    errors = props.errors,
-    readOnly = props.readOnly,
-    declarations = props.declarations,
-    rows = props.rows,
-    cols = props.cols,
-    placeHolder = props.placeHolder;
-  var labelId = "label-".concat(id);
-  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,
-      disabled: disabled,
-      id: id,
-      rows: rows,
-      maxLength: maxLength,
-      cols: cols,
-      onChange: function onChange(e) {
-        return _onChange(e.target.value);
-      },
-      value: value !== null && value !== void 0 ? value : '',
-      placeholder: placeHolder,
-      readOnly: readOnly,
-      "aria-invalid": !!errors
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ComponentErrors.ComponentErrors, {
-      errors: errors
-    })]
-  });
-});
+export const CustomTextarea = slottableComponent('Textarea', (props) => {
+    const { value, onChange, disabled, required, maxLength, label, description, id, errors, readOnly, declarations, rows, cols, placeHolder, } = props;
+    const labelId = `label-${id}`;
+    return (_jsxs("div", { className: "lunatic-textarea", children: [_jsx(Label, { htmlFor: id, id: labelId, description: description, children: label }), _jsx(Declarations, { type: "AFTER_QUESTION_TEXT", declarations: declarations, id: id }), _jsx("textarea", { required: required, disabled: disabled, id: id, rows: rows, maxLength: maxLength, cols: cols, onChange: (e) => onChange(e.target.value), value: value ?? '', placeholder: placeHolder, readOnly: readOnly, "aria-invalid": !!errors }), _jsx(ComponentErrors, { errors: errors })] }));
+});
+//# sourceMappingURL=Textarea.js.map

package/lib/components/Textarea/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EACN,eAAe,EACf,kBAAkB,GAClB,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAGnE,MAAM,UAAU,QAAQ,CAAC,EACxB,aAAa,EACb,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EAC2B;IACnC,OAAO,CACN,KAAC,cAAc,OACV,KAAK,EACT,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,EACpE,MAAM,EAAE,kBAAkB,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,GAC3C,CACF,CAAC;AACH,CAAC;AAUD,MAAM,CAAC,MAAM,cAAc,GAAG,kBAAkB,CAC/C,UAAU,EACV,CAAC,KAAK,EAAE,EAAE;IACT,MAAM,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,KAAK,EACL,WAAW,EACX,EAAE,EACF,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,IAAI,EACJ,IAAI,EACJ,WAAW,GACX,GAAG,KAAK,CAAC;IACV,MAAM,OAAO,GAAG,SAAS,EAAE,EAAE,CAAC;IAE9B,OAAO,CACN,eAAK,SAAS,EAAC,kBAAkB,aAChC,KAAC,KAAK,IAAC,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,YACvD,KAAK,GACC,EACR,KAAC,YAAY,IACZ,IAAI,EAAC,qBAAqB,EAC1B,YAAY,EAAE,YAAY,EAC1B,EAAE,EAAE,EAAE,GACL,EACF,mBACC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,kBACJ,CAAC,CAAC,MAAM,GACrB,EACF,KAAC,eAAe,IAAC,MAAM,EAAE,MAAM,GAAI,IAC9B,CACN,CAAC;AACH,CAAC,CACD,CAAC"}

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

@@ -1,46 +1,31 @@
-"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.');
-  });
-});
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from '@testing-library/react';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { Textarea } from './Textarea';
+describe('Textarea', () => {
+    const mockOnChange = vi.fn();
+    const baseProps = {
+        value: 'input',
+        id: 'input',
+        'aria-labelledby': 'input',
+        handleChanges: mockOnChange,
+        response: { name: 'demo' },
+    };
+    beforeEach(() => {
+        mockOnChange.mockClear();
+    });
+    it('renders without crashing', () => {
+        const { container } = render(_jsx(Textarea, { ...baseProps }));
+        expect(container).toMatchSnapshot();
+    });
+    it('should handle readOnly', () => {
+        const { container } = render(_jsx(Textarea, { ...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 }));
+        expect(container).toMatchSnapshot();
+        const input = container.querySelector('textarea');
+        expect(input).toHaveAttribute('readonly');
+        input.focus();
+        expect(input).toHaveFocus();
+        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.');
+    });
+});
+//# sourceMappingURL=Textarea.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.spec.js","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.spec.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACzB,MAAM,YAAY,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;IAE7B,MAAM,SAAS,GAAG;QACjB,KAAK,EAAE,OAAO;QACd,EAAE,EAAE,OAAO;QACX,iBAAiB,EAAE,OAAO;QAC1B,aAAa,EAAE,YAAY;QAC3B,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;KAC1B,CAAC;IAEF,UAAU,CAAC,GAAG,EAAE;QACf,YAAY,CAAC,SAAS,EAAE,CAAC;IAC1B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACnC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,QAAQ,OAAK,SAAS,GAAI,CAAC,CAAC;QAC1D,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;QACjC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,KAAC,QAAQ,OACJ,SAAS,EACb,EAAE,EAAC,UAAU,EACb,KAAK,EACJ,+bAA+b,EAEhc,QAAQ,SACP,CACF,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpC,MAAM,KAAK,GAAG,SAAS,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QAClD,MAAM,CAAC,KAAK,CAAC,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;QACzC,KAAqB,CAAC,KAAK,EAAE,CAAC;QAC/B,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC;QAC5B,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,CACxB,+bAA+b,CAC/b,CAAC;IACH,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/components/library.d.ts

@@ -0,0 +1,106 @@
+import { Table } from './Table/Table';
+import { Datepicker } from './Datepicker/Datepicker';
+import { CheckboxGroup } from './CheckboxGroup/CheckboxGroup';
+import { CheckboxBoolean } from './CheckboxBoolean/CheckboxBoolean';
+import { Input } from './Input/Input';
+import { Text } from './Text/Text';
+import { Textarea } from './Textarea/Textarea';
+import type { LunaticComponentProps } from './type';
+import type { ComponentType } from 'react';
+import { InputNumber } from './InputNumber/InputNumber';
+import { Duration } from './Duration/Duration';
+import { Loop } from './Loop/Loop';
+import { Dropdown } from './Dropdown/Dropdown';
+import { Roundabout } from './Roundabout/Roundabout';
+import { CheckboxOne } from './CheckboxOne/CheckboxOne';
+import { Suggester } from './Suggester/Suggester';
+import { Summary } from './Summary/Summary';
+export declare const library: {
+    Sequence: ComponentType<Pick<import("./type").LunaticBaseProps<string>, "description" | "declarations" | "id" | "label" | "style"> & {
+        componentType?: "Sequence" | undefined;
+    }>;
+    Subsequence: ComponentType<Pick<import("./type").LunaticBaseProps<string>, "description" | "declarations" | "id" | "label"> & {
+        componentType?: "Subsequence" | undefined;
+    }>;
+    RosterForLoop: (props: import("./type").LunaticBaseProps<unknown> & {
+        lines: {
+            min: number;
+            max: number;
+        };
+        iterations: number;
+        getComponents: (n: number) => LunaticComponentProps<keyof import("./type").ComponentPropsByType>[];
+        executeExpression: <T extends unknown = unknown>(expression: import("../type.source").VTLExpression, args?: {
+            iteration?: number | number[] | undefined;
+            bindingDependencies?: string[] | undefined;
+            deps?: string[] | undefined;
+        } | undefined) => T;
+        value: Record<string, unknown[]>;
+        header?: {
+            label: import("react").ReactNode;
+            rowspan?: number | undefined;
+            colspan?: number | undefined;
+        }[] | undefined;
+        paginatedLoop?: boolean | undefined;
+        componentType?: "RosterForLoop" | undefined;
+    }) => import("react/jsx-runtime").JSX.Element | null;
+    Loop: typeof Loop;
+    Table: typeof Table;
+    InputNumber: typeof InputNumber;
+    Datepicker: typeof Datepicker;
+    CheckboxGroup: typeof CheckboxGroup;
+    CheckboxOne: typeof CheckboxOne;
+    CheckboxBoolean: typeof CheckboxBoolean;
+    Radio: ComponentType<import("./type").LunaticBaseProps<string | null> & {
+        options: {
+            description?: import("react").ReactNode;
+            label: import("react").ReactNode;
+            value: string;
+        }[];
+        checkboxStyle?: boolean | undefined;
+        response: {
+            name: string;
+        };
+        componentType?: "Radio" | undefined;
+    }>;
+    Text: typeof Text;
+    Input: typeof Input;
+    Duration: typeof Duration;
+    Textarea: typeof Textarea;
+    Switch: ComponentType<import("./type").LunaticBaseProps<boolean> & {
+        response: {
+            name: string;
+        };
+        statusLabel?: {
+            true: string;
+            false: string;
+        } | undefined;
+        componentType?: "Switch" | undefined;
+    }>;
+    Question: ({ components, ...props }: Pick<import("./type").LunaticBaseProps<unknown>, "description" | "declarations" | "id" | "label" | "errors" | "disabled" | "readOnly"> & {
+        components: LunaticComponentProps<keyof import("./type").ComponentPropsByType>[];
+        componentType?: "Question" | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    FilterDescription: ({ id, label }: {
+        id: string;
+        label?: import("react").ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Dropdown: typeof Dropdown;
+    PairwiseLinks: ({ declarations, xAxisIterations, yAxisIterations, id, getComponents, }: Omit<import("./type").LunaticBaseProps<unknown>, "value"> & {
+        components: import("..").LunaticComponentDefinition[];
+        features?: ("VTL" | "MD")[] | undefined;
+        executeExpression: <T extends unknown = unknown>(expression: import("../type.source").VTLExpression, args?: {
+            iteration?: number | number[] | undefined;
+            bindingDependencies?: string[] | undefined;
+            deps?: string[] | undefined;
+        } | undefined) => T;
+        xAxisIterations: number;
+        yAxisIterations: number;
+        symLinks: Record<string, Record<string, string>>;
+        value: Record<string, unknown[]>;
+        getComponents: (x: number, y: number) => LunaticComponentProps<keyof import("./type").ComponentPropsByType>[];
+        componentType?: "PairwiseLinks" | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Roundabout: typeof Roundabout;
+    Suggester: typeof Suggester;
+    Summary: typeof Summary;
+};

package/lib/components/library.js

@@ -1,53 +1,50 @@
-"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 _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");
+import { Sequence } from './Sequence/Sequence';
+import { Subsequence } from './Subsequence/Subsequence';
+import { RosterForLoop } from './RosterForLoop/RosterForLoop';
+import { Table } from './Table/Table';
+import { Datepicker } from './Datepicker/Datepicker';
+import { CheckboxGroup } from './CheckboxGroup/CheckboxGroup';
+import { CheckboxBoolean } from './CheckboxBoolean/CheckboxBoolean';
+import { Radio } from './Radio/Radio';
+import { Input } from './Input/Input';
+import { Text } from './Text/Text';
+import { Textarea } from './Textarea/Textarea';
+import { Switch } from './Switch/Switch';
+import { FilterDescription } from './FilterDescription/FilterDescription';
+import { Question } from './Question/Question';
+import { InputNumber } from './InputNumber/InputNumber';
+import { Duration } from './Duration/Duration';
+import { Loop } from './Loop/Loop';
+import { Dropdown } from './Dropdown/Dropdown';
+import { Roundabout } from './Roundabout/Roundabout';
+import { PairwiseLinks } from './PairwiseLinks/PairwiseLinks';
+import { CheckboxOne } from './CheckboxOne/CheckboxOne';
+import { Suggester } from './Suggester/Suggester';
+import { Summary } from './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,
-  FilterDescription: _FilterDescription.FilterDescription,
-  Dropdown: _Dropdown.Dropdown,
-  PairwiseLinks: _PairwiseLinks.PairwiseLinks,
-  Roundabout: _Roundabout.Roundabout,
-  Suggester: _Suggester.Suggester,
-  Summary: _Summary.Summary
-};
+export const library = {
+    Sequence: Sequence,
+    Subsequence: Subsequence,
+    RosterForLoop: RosterForLoop,
+    Loop: Loop,
+    Table: Table,
+    InputNumber: InputNumber,
+    Datepicker: Datepicker,
+    CheckboxGroup: CheckboxGroup,
+    CheckboxOne: CheckboxOne,
+    CheckboxBoolean: CheckboxBoolean,
+    Radio: Radio,
+    Text: Text,
+    Input: Input,
+    Duration: Duration,
+    Textarea: Textarea,
+    Switch: Switch,
+    Question: Question,
+    FilterDescription: FilterDescription,
+    Dropdown: Dropdown,
+    PairwiseLinks: PairwiseLinks,
+    Roundabout: Roundabout,
+    Suggester: Suggester,
+    Summary: Summary,
+};
+//# sourceMappingURL=library.js.map

package/lib/components/library.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"library.js","sourceRoot":"","sources":["../../src/components/library.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAG/C,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,kCAAkC;AAClC,MAAM,CAAC,MAAM,OAAO,GAAG;IACtB,QAAQ,EAAE,QAAQ;IAClB,WAAW,EAAE,WAAW;IACxB,aAAa,EAAE,aAAa;IAC5B,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,WAAW;IACxB,UAAU,EAAE,UAAU;IACtB,aAAa,EAAE,aAAa;IAC5B,WAAW,EAAE,WAAW;IACxB,eAAe,EAAE,eAAe;IAChC,KAAK,EAAE,KAAK;IACZ,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,KAAK;IACZ,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,QAAQ;IAClB,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,QAAQ;IAClB,iBAAiB,EAAE,iBAAiB;IACpC,QAAQ,EAAE,QAAQ;IAClB,aAAa,EAAE,aAAa;IAC5B,UAAU,EAAE,UAAU;IACtB,SAAS,EAAE,SAAS;IACpB,OAAO,EAAE,OAAO;CAKhB,CAAC"}

package/lib/components/shared/Button/Button.d.ts

@@ -0,0 +1,13 @@
+import { type MouseEventHandler, type PropsWithChildren } from 'react';
+type Props = PropsWithChildren<{
+    onClick?: MouseEventHandler<HTMLButtonElement | HTMLInputElement>;
+    className?: string;
+    disabled?: boolean;
+    label?: string;
+    value?: string;
+    type?: 'button' | 'submit' | 'reset';
+    selected?: boolean;
+    readOnly?: boolean;
+}>;
+export declare const Button: import("react").ComponentType<Props>;
+export {};

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

@@ -1,45 +1,14 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Button = void 0;
-var _classnames = _interopRequireDefault(require("classnames"));
-var _dom = require("../../../utils/dom");
-var _isElement = require("../../../utils/is-element");
-var _slottableComponent = require("../HOC/slottableComponent");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function LunaticButton(_ref) {
-  var children = _ref.children,
-    onClick = _ref.onClick,
-    disabled = _ref.disabled,
-    label = _ref.label,
-    className = _ref.className,
-    value = _ref.value,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'button' : _ref$type;
-  var handleClick = (0, _dom.prevent)(onClick);
-  if ((0, _isElement.isElement)(children) || value) return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-    disabled: disabled,
-    type: type,
-    className: (0, _classnames["default"])('button-lunatic', className, {
-      disabled: disabled
-    }),
-    onClick: handleClick,
-    value: value,
-    children: children
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
-      disabled: disabled,
-      type: "button",
-      className: (0, _classnames["default"])('button-lunatic', className, {
-        disabled: disabled
-      }),
-      value: label !== null && label !== void 0 ? label : children === null || children === void 0 ? void 0 : children.toString(),
-      onClick: handleClick
-    })
-  });
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import classnames from 'classnames';
+import {} from 'react';
+import { prevent } from '../../../utils/dom';
+import { isElement } from '../../../utils/is-element';
+import { slottableComponent } from '../HOC/slottableComponent';
+function LunaticButton({ children, onClick, disabled, label, className, value, type = 'button', selected, readOnly, }) {
+    const handleClick = prevent(onClick);
+    if (isElement(children) || value)
+        return (_jsx("button", { disabled: disabled || readOnly, type: type, className: classnames('button-lunatic', className, { disabled }), onClick: handleClick, value: value, "aria-pressed": selected, children: children }));
+    return (_jsx(_Fragment, { children: _jsx("input", { "aria-pressed": selected, disabled: disabled || readOnly, type: "button", className: classnames('button-lunatic', className, { disabled }), value: label ?? children?.toString(), onClick: handleClick }) }));
 }
-var Button = exports.Button = (0, _slottableComponent.slottableComponent)('Button', LunaticButton);
+export const Button = slottableComponent('Button', LunaticButton);
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/shared/Button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAa/D,SAAS,aAAa,CAAC,EACtB,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,KAAK,EACL,SAAS,EACT,KAAK,EACL,IAAI,GAAG,QAAQ,EACf,QAAQ,EACR,QAAQ,GACD;IACP,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAErC,IAAI,SAAS,CAAC,QAAQ,CAAC,IAAI,KAAK;QAC/B,OAAO,CACN,iBACC,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,CAAC,EAChE,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,KAAK,kBACE,QAAQ,YAErB,QAAQ,GACD,CACT,CAAC;IAEH,OAAO,CACN,4BACC,gCACe,QAAQ,EACtB,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,CAAC,EAChE,KAAK,EAAE,KAAK,IAAI,QAAQ,EAAE,QAAQ,EAAE,EACpC,OAAO,EAAE,WAAW,GACnB,GACA,CACH,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,kBAAkB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC"}