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

package/lib/components/InputNumber/InputNumber.js

@@ -1,80 +1,15 @@
-"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.CustomInputNumber = void 0;
-exports.InputNumber = InputNumber;
-var _InputNumberThousand = require("./InputNumberThousand");
-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", "decimals"];
-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 InputNumber(_ref) {
-  var handleChange = _ref.handleChange,
-    response = _ref.response,
-    errors = _ref.errors,
-    decimals = _ref.decimals,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomInputNumber, _objectSpread(_objectSpread({}, props), {}, {
-    decimals: decimals !== null && decimals !== void 0 ? decimals : 0,
-    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 { InputNumberThousand } from './InputNumberThousand';
+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 InputNumber({ handleChanges, response, errors, decimals, ...props }) {
+    return (_jsx(CustomInputNumber, { ...props, decimals: decimals ?? 0, onChange: (value) => handleChanges([{ name: response.name, value }]), errors: getComponentErrors(errors, props.id) }));
 }
-var CustomInputNumber = exports.CustomInputNumber = (0, _slottableComponent.slottableComponent)('InputNumber', function (props) {
-  var id = props.id,
-    value = props.value,
-    onChange = props.onChange,
-    disabled = props.disabled,
-    readOnly = props.readOnly,
-    max = props.max,
-    decimals = props.decimals,
-    unit = props.unit,
-    label = props.label,
-    errors = props.errors,
-    required = props.required,
-    description = props.description,
-    declarations = props.declarations;
-  var labelId = "label-".concat(id);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "lunatic-input-number",
-    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)(_InputNumberThousand.InputNumberThousand, {
-      id: id,
-      value: value,
-      onChange: onChange,
-      disabled: !!disabled,
-      readOnly: !!readOnly,
-      required: !!required,
-      labelId: labelId,
-      max: max,
-      decimals: decimals,
-      invalid: !!errors
-    }), unit && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      children: unit
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ComponentErrors.ComponentErrors, {
-      errors: errors
-    })]
-  });
-});
+export const CustomInputNumber = slottableComponent('InputNumber', (props) => {
+    const { id, value, onChange, disabled, readOnly, max, decimals, unit, label, errors, required, description, declarations, } = props;
+    const labelId = `label-${id}`;
+    return (_jsxs("div", { className: "lunatic-input-number", children: [_jsx(Label, { htmlFor: id, id: labelId, description: description, children: label }), _jsx(Declarations, { type: "AFTER_QUESTION_TEXT", declarations: declarations, id: id }), _jsx(InputNumberThousand, { id: id, value: value, onChange: onChange, disabled: !!disabled, readOnly: !!readOnly, required: !!required, labelId: labelId, max: max, decimals: decimals, invalid: !!errors }), unit && _jsx("span", { children: unit }), _jsx(ComponentErrors, { errors: errors })] }));
+});
+//# sourceMappingURL=InputNumber.js.map

package/lib/components/InputNumber/InputNumber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputNumber.js","sourceRoot":"","sources":["../../../src/components/InputNumber/InputNumber.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,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,WAAW,CAAC,EAC3B,aAAa,EACb,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,GAAG,KAAK,EAC8B;IACtC,OAAO,CACN,KAAC,iBAAiB,OACb,KAAK,EACT,QAAQ,EAAE,QAAQ,IAAI,CAAC,EACvB,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,iBAAiB,GAAG,kBAAkB,CAClD,aAAa,EACb,CAAC,KAAK,EAAE,EAAE;IACT,MAAM,EACL,EAAE,EACF,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,EACH,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,MAAM,EACN,QAAQ,EACR,WAAW,EACX,YAAY,GACZ,GAAG,KAAK,CAAC;IACV,MAAM,OAAO,GAAG,SAAS,EAAE,EAAE,CAAC;IAC9B,OAAO,CACN,eAAK,SAAS,EAAC,sBAAsB,aACpC,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,KAAC,mBAAmB,IACnB,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC,CAAC,QAAQ,EACpB,QAAQ,EAAE,CAAC,CAAC,QAAQ,EACpB,QAAQ,EAAE,CAAC,CAAC,QAAQ,EACpB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,CAAC,CAAC,MAAM,GAChB,EACD,IAAI,IAAI,yBAAO,IAAI,GAAQ,EAC5B,KAAC,eAAe,IAAC,MAAM,EAAE,MAAM,GAAI,IAC9B,CACN,CAAC;AACH,CAAC,CACD,CAAC"}

package/lib/components/InputNumber/InputNumber.spec.js

@@ -1,113 +1,76 @@
-"use strict";
-
-var _react = require("@testing-library/react");
-var _vitest = require("vitest");
-var _InputNumber = require("./InputNumber");
-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)('InputNumber', function () {
-  var mockOnChange = _vitest.vi.fn();
-  var baseProps = {
-    handleChange: mockOnChange,
-    response: {
-      name: 'demo'
-    },
-    value: 10,
-    id: 'number',
-    'aria-labelledby': 'input'
-  };
-  (0, _vitest.beforeEach)(function () {
-    mockOnChange.mockClear();
-  });
-  (0, _vitest.it)('renders without crashing', function () {
-    var _render = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputNumber.InputNumber, _objectSpread({}, baseProps))),
-      container = _render.container;
-    (0, _vitest.expect)(container).toMatchSnapshot();
-  });
-  (0, _vitest.it)('renders label and input', function () {
-    var labelText = 'Enter a number';
-    var _render2 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputNumber.InputNumber, _objectSpread(_objectSpread({}, baseProps), {}, {
-        label: labelText,
-        handleChange: mockOnChange
-      }))),
-      container = _render2.container;
-    var label = _react.screen.getByText(labelText);
-    var input = container.querySelector('input[type="text"]');
-    (0, _vitest.expect)(label).toBeInTheDocument();
-    (0, _vitest.expect)(input).toBeInTheDocument();
-  });
-  (0, _vitest.it)('renders with value', function () {
-    var _render3 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputNumber.InputNumber, _objectSpread({}, baseProps))),
-      container = _render3.container;
-    var input = container.querySelector('input[type="text"]');
-    (0, _vitest.expect)(input).toHaveValue('10');
-  });
-  (0, _vitest.it)('renders with big value', function () {
-    var _render4 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputNumber.InputNumber, _objectSpread(_objectSpread({}, baseProps), {}, {
-        value: 10000.45,
-        decimals: 2
-      }))),
-      container = _render4.container;
-    var input = container.querySelector('input[type="text"]');
-    (0, _vitest.expect)(input).toHaveValue('10,000.45');
-  });
-  (0, _vitest.it)('calls onChange with parsed value', function () {
-    var _render5 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputNumber.InputNumber, _objectSpread(_objectSpread({}, baseProps), {}, {
-        id: "number"
-      }))),
-      container = _render5.container;
-    var input = container.querySelector('input[type="text"]');
-    _react.fireEvent.change(input, {
-      target: {
-        value: '12'
-      }
+import { jsx as _jsx } from "react/jsx-runtime";
+import { fireEvent, render, screen } from '@testing-library/react';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { InputNumber } from './InputNumber';
+describe('InputNumber', () => {
+    const mockOnChange = vi.fn();
+    const baseProps = {
+        handleChanges: mockOnChange,
+        response: { name: 'demo' },
+        value: 10,
+        id: 'number',
+        'aria-labelledby': 'input',
+    };
+    beforeEach(() => {
+        mockOnChange.mockClear();
     });
-    (0, _vitest.expect)(mockOnChange).toHaveBeenCalledTimes(1);
-    (0, _vitest.expect)(mockOnChange).toHaveBeenCalledWith(baseProps.response, 12);
-  });
-  (0, _vitest.it)('renders unit element if provided', function () {
-    var _render6 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputNumber.InputNumber, _objectSpread(_objectSpread({}, baseProps), {}, {
-        id: "input-number-test",
-        value: 5,
-        label: "Input Number",
-        unit: "kg"
-      }))),
-      getByText = _render6.getByText;
-    var unit = getByText('kg');
-    (0, _vitest.expect)(unit).toBeInTheDocument();
-  });
-  (0, _vitest.it)('disables input when disabled prop is true', function () {
-    var _render7 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputNumber.InputNumber, _objectSpread(_objectSpread({}, baseProps), {}, {
-        disabled: true
-      }))),
-      container = _render7.container;
-    var input = container.querySelector('input[type="text"]');
-    (0, _vitest.expect)(input).toBeDisabled();
-  });
-  (0, _vitest.it)('should handle readOnly', function () {
-    var _render8 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputNumber.InputNumber, _objectSpread(_objectSpread({}, baseProps), {}, {
-        value: 123,
-        readOnly: true
-      }))),
-      container = _render8.container;
-    (0, _vitest.expect)(container).toMatchSnapshot();
-    var input = container.querySelector('input[type="text"]');
-    (0, _vitest.expect)(input).toHaveAttribute('readonly');
-    input.focus();
-    (0, _vitest.expect)(input).toHaveFocus();
-    (0, _vitest.expect)(input).toHaveValue('123');
-  });
-  (0, _vitest.it)('renders with unit', function () {
-    var _render9 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputNumber.InputNumber, _objectSpread(_objectSpread({}, baseProps), {}, {
-        unit: "kg"
-      }))),
-      container = _render9.container;
-    var unit = container.querySelector('span');
-    (0, _vitest.expect)(unit).toHaveTextContent('kg');
-  });
-});
+    it('renders without crashing', () => {
+        const { container } = render(_jsx(InputNumber, { ...baseProps }));
+        expect(container).toMatchSnapshot();
+    });
+    it('renders label and input', () => {
+        const labelText = 'Enter a number';
+        const { container } = render(_jsx(InputNumber, { ...baseProps, label: labelText, handleChanges: mockOnChange }));
+        const label = screen.getByText(labelText);
+        const input = container.querySelector('input[type="text"]');
+        expect(label).toBeInTheDocument();
+        expect(input).toBeInTheDocument();
+    });
+    it('renders with value', () => {
+        const { container } = render(_jsx(InputNumber, { ...baseProps }));
+        const input = container.querySelector('input[type="text"]');
+        expect(input).toHaveValue('10');
+    });
+    it('renders with big value', () => {
+        const { container } = render(_jsx(InputNumber, { ...baseProps, value: 10000.45, decimals: 2 }));
+        const input = container.querySelector('input[type="text"]');
+        expect(input).toHaveValue('10,000.45');
+    });
+    it('calls onChange with parsed value', () => {
+        const { container } = render(_jsx(InputNumber, { ...baseProps, id: "number" }));
+        const input = container.querySelector('input[type="text"]');
+        fireEvent.change(input, { target: { value: '12' } });
+        expect(mockOnChange).toHaveBeenCalledTimes(1);
+        expect(mockOnChange).toHaveBeenCalledWith([
+            {
+                ...baseProps.response,
+                value: 12,
+            },
+        ]);
+    });
+    it('renders unit element if provided', () => {
+        const { getByText } = render(_jsx(InputNumber, { ...baseProps, id: "input-number-test", value: 5, label: "Input Number", unit: "kg" }));
+        const unit = getByText('kg');
+        expect(unit).toBeInTheDocument();
+    });
+    it('disables input when disabled prop is true', () => {
+        const { container } = render(_jsx(InputNumber, { ...baseProps, disabled: true }));
+        const input = container.querySelector('input[type="text"]');
+        expect(input).toBeDisabled();
+    });
+    it('should handle readOnly', () => {
+        const { container } = render(_jsx(InputNumber, { ...baseProps, value: 123, readOnly: true }));
+        expect(container).toMatchSnapshot();
+        const input = container.querySelector('input[type="text"]');
+        expect(input).toHaveAttribute('readonly');
+        input.focus();
+        expect(input).toHaveFocus();
+        expect(input).toHaveValue('123');
+    });
+    it('renders with unit', () => {
+        const { container } = render(_jsx(InputNumber, { ...baseProps, unit: "kg" }));
+        const unit = container.querySelector('span');
+        expect(unit).toHaveTextContent('kg');
+    });
+});
+//# sourceMappingURL=InputNumber.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputNumber.spec.js","sourceRoot":"","sources":["../../../src/components/InputNumber/InputNumber.spec.tsx"],"names":[],"mappings":"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"}

package/lib/components/InputNumber/InputNumberThousand.js

@@ -1,55 +1,19 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.InputNumberThousand = void 0;
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react = require("react");
-var _reactNumberFormat = require("react-number-format");
-var _i18n = require("../../i18n");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var InputNumberThousand = exports.InputNumberThousand = function InputNumberThousand(_ref) {
-  var id = _ref.id,
-    onChange = _ref.onChange,
-    value = _ref.value,
-    disabled = _ref.disabled,
-    readOnly = _ref.readOnly,
-    required = _ref.required,
-    labelId = _ref.labelId,
-    max = _ref.max,
-    decimals = _ref.decimals,
-    invalid = _ref.invalid;
-  var handleChange = (0, _react.useCallback)(function (e) {
-    var _e$floatValue;
-    var val = (_e$floatValue = e.floatValue) !== null && _e$floatValue !== void 0 ? _e$floatValue : null;
-    onChange(Number.isNaN(val) ? null : val);
-  }, [onChange]);
-  var isAllowed = (0, _react.useCallback)(function (values) {
-    var floatValue = values.floatValue;
-    if (Number.isInteger(max) && floatValue && max) return floatValue <= max || false;
-    return true;
-  }, [max]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNumberFormat.NumericFormat, {
-    id: id,
-    className: (0, _classnames["default"])({
-      disabled: disabled
-    }),
-    onValueChange: handleChange,
-    value: value !== null && value !== void 0 ? value : '',
-    "aria-labelledby": labelId,
-    disabled: disabled,
-    readOnly: readOnly,
-    required: required,
-    lang: "en",
-    isAllowed: isAllowed,
-    allowedDecimalSeparators: _i18n.inputNumberPropsI18N.allDecimalSeparators,
-    decimalSeparator: _i18n.inputNumberPropsI18N.decimalSeparator,
-    decimalScale: decimals,
-    allowLeadingZeros: true,
-    thousandSeparator: _i18n.inputNumberPropsI18N.thousandSeparator,
-    inputMode: decimals ? 'decimal' : 'numeric',
-    "aria-invalid": invalid
-  });
-};
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { useCallback } from 'react';
+import { NumericFormat, } from 'react-number-format';
+import { inputNumberPropsI18N } from '../../i18n';
+export const InputNumberThousand = ({ id, onChange, value, disabled, readOnly, required, labelId, max, decimals, invalid, }) => {
+    const handleChange = useCallback(function (e) {
+        const val = e.floatValue ?? null;
+        onChange(Number.isNaN(val) ? null : val);
+    }, [onChange]);
+    const isAllowed = useCallback((values) => {
+        const { floatValue } = values;
+        if (Number.isInteger(max) && floatValue && max)
+            return floatValue <= max || false;
+        return true;
+    }, [max]);
+    return (_jsx(NumericFormat, { id: id, className: classNames({ disabled }), onValueChange: handleChange, value: value ?? '', "aria-labelledby": labelId, disabled: disabled, readOnly: readOnly, required: required, lang: "en", isAllowed: isAllowed, allowedDecimalSeparators: inputNumberPropsI18N.allDecimalSeparators, decimalSeparator: inputNumberPropsI18N.decimalSeparator, decimalScale: decimals, allowLeadingZeros: true, thousandSeparator: inputNumberPropsI18N.thousandSeparator, inputMode: decimals ? 'decimal' : 'numeric', "aria-invalid": invalid }));
+};
+//# sourceMappingURL=InputNumberThousand.js.map

package/lib/components/InputNumber/InputNumberThousand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputNumberThousand.js","sourceRoot":"","sources":["../../../src/components/InputNumber/InputNumberThousand.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EACN,aAAa,GAGb,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAelD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EACnC,EAAE,EACF,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,GAAG,EACH,QAAQ,EACR,OAAO,GACA,EAAE,EAAE;IACX,MAAM,YAAY,GAAG,WAAW,CAC/B,UAAU,CAAC;QACV,MAAM,GAAG,GAAG,CAAC,CAAC,UAAU,IAAI,IAAI,CAAC;QACjC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IAC1C,CAAC,EACD,CAAC,QAAQ,CAAC,CACV,CAAC;IAEF,MAAM,SAAS,GAAG,WAAW,CAC5B,CAAC,MAA0B,EAAE,EAAE;QAC9B,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,CAAC;QAC9B,IAAI,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,UAAU,IAAI,GAAG;YAC7C,OAAO,UAAU,IAAI,GAAG,IAAI,KAAK,CAAC;QACnC,OAAO,IAAI,CAAC;IACb,CAAC,EACD,CAAC,GAAG,CAAC,CACL,CAAC;IACF,OAAO,CACN,KAAC,aAAa,IACb,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,UAAU,CAAC,EAAE,QAAQ,EAAE,CAAC,EACnC,aAAa,EAAE,YAAY,EAC3B,KAAK,EAAE,KAAK,IAAI,EAAE,qBACD,OAAO,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,SAAS,EACpB,wBAAwB,EAAE,oBAAoB,CAAC,oBAAoB,EACnE,gBAAgB,EAAE,oBAAoB,CAAC,gBAAgB,EACvD,YAAY,EAAE,QAAQ,EACtB,iBAAiB,QACjB,iBAAiB,EAAE,oBAAoB,CAAC,iBAAiB,EACzD,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,kBAC7B,OAAO,GACpB,CACF,CAAC;AACH,CAAC,CAAC"}

package/lib/components/Loop/Loop.d.ts

@@ -0,0 +1,15 @@
+import { type PropsWithChildren } from 'react';
+import type { LunaticComponentProps } from '../type';
+import type { LunaticError } from '../../use-lunatic/type';
+/**
+ * Loop without specific markup (stack of subcomponents)
+ */
+export declare function Loop({ lines, iterations, value, handleChanges, getComponents, errors, ...props }: LunaticComponentProps<'Loop'>): import("react/jsx-runtime").JSX.Element | null;
+type CustomProps = Omit<LunaticComponentProps<'RosterForLoop' | 'Loop'>, 'response' | 'handleChanges' | 'errors' | 'lines' | 'iterations' | 'value' | 'getComponents'> & PropsWithChildren<{
+    errors?: LunaticError[];
+    addRow?: () => void;
+    removeRow?: () => void;
+    canControlRows?: boolean;
+}>;
+export declare const CustomLoop: import("react").ComponentType<CustomProps>;
+export {};

package/lib/components/Loop/Loop.js

@@ -1,130 +1,54 @@
-"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.CustomLoop = void 0;
-exports.Loop = Loop;
-var _react = require("react");
-var _i18n = _interopRequireDefault(require("../../i18n"));
-var _array = require("../../utils/array");
-var _LunaticComponents = require("../LunaticComponents");
-var _constant = require("./constant");
-var _slottableComponent = require("../shared/HOC/slottableComponent");
-var _Label = require("../shared/Label/Label");
-var _Declarations = require("../shared/Declarations/Declarations");
-var _Button = require("../shared/Button/Button");
-var _ComponentErrors = require("../shared/ComponentErrors/ComponentErrors");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["lines", "iterations", "value", "handleChange", "getComponents", "errors"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-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 _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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-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; }
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from 'react';
+import D from '../../i18n';
+import { times } from '../../utils/array';
+import { LunaticComponents } from '../LunaticComponents';
+import { blockedInLoopComponents } from './constant';
+import { slottableComponent } from '../shared/HOC/slottableComponent';
+import { Label } from '../shared/Label/Label';
+import { Declarations } from '../shared/Declarations/Declarations';
+import { Button } from '../shared/Button/Button';
+import { ComponentErrors, getComponentErrors, } from '../shared/ComponentErrors/ComponentErrors';
 /**
  * Loop without specific markup (stack of subcomponents)
  */
-function Loop(_ref) {
-  var _lines$min, _lines$max;
-  var lines = _ref.lines,
-    iterations = _ref.iterations,
-    value = _ref.value,
-    handleChange = _ref.handleChange,
-    getComponents = _ref.getComponents,
-    errors = _ref.errors,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var min = (_lines$min = lines === null || lines === void 0 ? void 0 : lines.min) !== null && _lines$min !== void 0 ? _lines$min : 0;
-  var max = (_lines$max = lines === null || lines === void 0 ? void 0 : lines.max) !== null && _lines$max !== void 0 ? _lines$max : Infinity;
-  var _useState = (0, _react.useState)(function () {
-      return Math.max(iterations, min);
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    nbRows = _useState2[0],
-    setNbRows = _useState2[1];
-  var addRow = (0, _react.useCallback)(function () {
-    if (nbRows < max) {
-      setNbRows(nbRows + 1);
-    }
-  }, [max, nbRows]);
-  var removeRow = (0, _react.useCallback)(function () {
-    if (nbRows > 1) {
-      var newNbRows = nbRows - 1;
-      setNbRows(newNbRows);
-      Object.entries(value).forEach(function (_ref2) {
-        var _ref3 = _slicedToArray(_ref2, 2),
-          k = _ref3[0],
-          v = _ref3[1];
-        var newValue = v.filter(function (_, i) {
-          return i < newNbRows;
-        });
-        handleChange({
-          name: k
-        }, newValue);
-      });
-    }
-  }, [nbRows, handleChange, value]);
-  if (nbRows <= 0) {
-    return null;
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomLoop, _objectSpread(_objectSpread({}, props), {}, {
-    errors: (0, _ComponentErrors.getComponentErrors)(errors, props.id),
-    addRow: nbRows === max ? undefined : addRow,
-    removeRow: nbRows === 1 ? undefined : removeRow,
-    canControlRows: min !== max && Number.isFinite(max),
-    children: (0, _array.times)(nbRows, function (n) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_LunaticComponents.LunaticComponents, {
-        blocklist: _constant.blockedInLoopComponents,
-        components: getComponents(n),
-        componentProps: function componentProps(c) {
-          return _objectSpread(_objectSpread(_objectSpread({}, props), c), {}, {
-            id: "".concat(c.id, "-").concat(n)
-          });
+export function Loop({ lines, iterations, value, handleChanges, getComponents, errors, ...props }) {
+    const min = lines?.min ?? 0;
+    const max = lines?.max ?? Infinity;
+    const [nbRows, setNbRows] = useState(() => {
+        return Math.max(iterations, min);
+    });
+    const addRow = useCallback(() => {
+        if (nbRows < max) {
+            setNbRows(nbRows + 1);
         }
-      }, n);
-    })
-  }));
+    }, [max, nbRows]);
+    const removeRow = useCallback(() => {
+        if (nbRows > 1) {
+            const newNbRows = nbRows - 1;
+            setNbRows(newNbRows);
+            // Downsize all variables by 1
+            const newResponses = Object.entries(value).map(([k, v]) => {
+                return {
+                    name: k,
+                    value: v?.filter((_, i) => i < newNbRows),
+                };
+            });
+            handleChanges(newResponses);
+        }
+    }, [nbRows, handleChanges, value]);
+    if (nbRows <= 0) {
+        return null;
+    }
+    return (_jsx(CustomLoop, { ...props, errors: getComponentErrors(errors, props.id), addRow: nbRows === max ? undefined : addRow, removeRow: nbRows === 1 ? undefined : removeRow, canControlRows: min !== max && Number.isFinite(max), children: times(nbRows, (n) => (_jsx(LunaticComponents, { blocklist: blockedInLoopComponents, components: getComponents(n), componentProps: (c) => ({
+                ...props,
+                ...c,
+                id: `${c.id}-${n}`,
+                errors,
+            }) }, n))) }));
 }
-var CustomLoop = exports.CustomLoop = (0, _slottableComponent.slottableComponent)('Loop', function (props) {
-  var declarations = props.declarations,
-    id = props.id,
-    label = props.label,
-    canControlRows = props.canControlRows,
-    children = props.children,
-    errors = props.errors,
-    addRow = props.addRow,
-    removeRow = props.removeRow;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Label.Label, {
-      htmlFor: id,
-      id: "label-".concat(id),
-      children: label
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Declarations.Declarations, {
-      type: "AFTER_QUESTION_TEXT",
-      declarations: declarations,
-      id: id
-    }), children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_ComponentErrors.ComponentErrors, {
-      errors: errors
-    }), canControlRows && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
-        onClick: addRow,
-        disabled: !addRow,
-        children: _i18n["default"].DEFAULT_BUTTON_ADD
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
-        onClick: removeRow,
-        disabled: !removeRow,
-        children: _i18n["default"].DEFAULT_BUTTON_REMOVE
-      })]
-    })]
-  });
-});
+export const CustomLoop = slottableComponent('Loop', (props) => {
+    const { declarations, id, label, canControlRows, children, errors, addRow, removeRow, } = props;
+    return (_jsxs(_Fragment, { children: [_jsx(Label, { htmlFor: id, id: `label-${id}`, children: label }), _jsx(Declarations, { type: "AFTER_QUESTION_TEXT", declarations: declarations, id: id }), children, _jsx(ComponentErrors, { errors: errors }), canControlRows && (_jsxs(_Fragment, { children: [_jsx(Button, { onClick: addRow, disabled: !addRow, children: D.DEFAULT_BUTTON_ADD }), _jsx(Button, { onClick: removeRow, disabled: !removeRow, children: D.DEFAULT_BUTTON_REMOVE })] }))] }));
+});
+//# sourceMappingURL=Loop.js.map

package/lib/components/Loop/Loop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loop.js","sourceRoot":"","sources":["../../../src/components/Loop/Loop.tsx"],"names":[],"mappings":"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"}

package/lib/components/Loop/constant.js

@@ -1,10 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.blockedInLoopComponents = void 0;
 /**
  * List of components blocked in non-paginated loop
  */
-var blockedInLoopComponents = exports.blockedInLoopComponents = ['RosterForLoop', 'Loop', 'PairwiseLinks', 'Roundabout'];
+export const blockedInLoopComponents = [
+    'RosterForLoop',
+    'Loop',
+    'PairwiseLinks',
+    'Roundabout',
+];
+//# sourceMappingURL=constant.js.map

package/lib/components/Loop/constant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constant.js","sourceRoot":"","sources":["../../../src/components/Loop/constant.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACtC,eAAe;IACf,MAAM;IACN,eAAe;IACf,YAAY;CACZ,CAAC"}