@inseefr/lunatic 3.4.5 → 3.4.6

package/esm/components/Duration/Duration.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { getDurationFromValue } from './getDurationFromValue';
+import { clampDuration, labelByUnit, propsByUnit } from './durationUtils';
+import { formatDuration } from './formatDuration';
+import classnames from 'classnames';
+import { objectKeys } from '../../utils/object';
+import { slottableComponent } from '../shared/HOC/slottableComponent';
+import { ComponentErrors, getComponentErrors, } from '../shared/ComponentErrors/ComponentErrors';
+import { Declarations } from '../shared/Declarations/Declarations';
+export function Duration({ handleChanges, response, errors, ...props }) {
+    return (_jsx(CustomDuration, { ...props, onChange: (value) => handleChanges([{ name: response.name, value }]), errors: getComponentErrors(errors, props.id) }));
+}
+export const CustomDuration = slottableComponent('Duration', (props) => {
+    const { errors, value, label, format, onChange, declarations, id } = props;
+    // We need to keep an internal state since one field can be empty (null value in duration)
+    // but we still send "0" and we don't want the field to display "0"
+    const [duration, setDuration] = useState(getDurationFromValue(value, format));
+    // Generate handler for a specific unit field (year, month...)
+    const changeHandler = (unit) => (e) => {
+        if (!e.target.checkValidity()) {
+            return;
+        }
+        const fieldValue = clampDuration(Number.isNaN(e.target.valueAsNumber) ? null : e.target.valueAsNumber, unit);
+        const newDuration = { ...duration, [unit]: fieldValue };
+        onChange(formatDuration(newDuration));
+        setDuration(newDuration);
+    };
+    return (_jsxs("fieldset", { className: classnames('lunatic-input'), children: [label && _jsx("legend", { children: label }), _jsx(Declarations, { type: "AFTER_QUESTION_TEXT", declarations: declarations, id: id }), _jsx("div", { className: "duration-fields", children: objectKeys(duration).map((unit) => {
+                    var _a;
+                    return (_jsxs("div", { className: "duration-field", children: [_jsx("label", { htmlFor: `${unit}Input`, className: "input-label", children: labelByUnit[unit] }), _jsx("input", { id: `${unit}Input`, type: "number", value: (_a = duration[unit]) !== null && _a !== void 0 ? _a : '', className: "input-field", onChange: changeHandler(unit), ...propsByUnit[unit] })] }, unit));
+                }) }), _jsx(ComponentErrors, { errors: errors })] }));
+});
+//# sourceMappingURL=Duration.js.map

package/esm/components/Duration/Duration.js.map

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

package/esm/components/Duration/durationUtils.d.ts

@@ -0,0 +1,47 @@
+export type DurationValue = {
+    hours?: number | null;
+    minutes?: number | null;
+    years?: number | null;
+    months?: number | null;
+};
+export type Formats = 'PTnHnM' | 'PnYnM';
+export declare const propsByUnit: {
+    hours: {
+        min: number;
+        max: number;
+        size: number;
+        style: {
+            width: string;
+        };
+    };
+    minutes: {
+        min: number;
+        max: number;
+        size: number;
+        style: {
+            width: string;
+        };
+    };
+    months: {
+        min: number;
+        max: number;
+        size: number;
+        style: {
+            width: string;
+        };
+    };
+    years: {
+        min: number;
+        size: number;
+        style: {
+            width: string;
+        };
+    };
+};
+export declare const labelByUnit: {
+    hours: string;
+    minutes: string;
+    months: string;
+    years: string;
+};
+export declare function clampDuration(value: number | null, unit: keyof typeof propsByUnit): number | null;

package/esm/components/Duration/durationUtils.js

@@ -0,0 +1,26 @@
+export const propsByUnit = {
+    hours: { min: 0, max: 99, size: 2, style: { width: '2.5em' } },
+    minutes: { min: 0, max: 59, size: 2, style: { width: '2.5em' } },
+    months: { min: 0, max: 11, size: 2, style: { width: '2.5em' } },
+    years: { min: 0, size: 4, style: { width: '4em' } },
+};
+export const labelByUnit = {
+    hours: 'Heures :',
+    minutes: 'Minutes :',
+    months: 'Mois : ',
+    years: 'Années :',
+};
+export function clampDuration(value, unit) {
+    if (value === null) {
+        return value;
+    }
+    const props = propsByUnit[unit];
+    if (value < props.min) {
+        return props.min;
+    }
+    if ('max' in props && value > props.max) {
+        return props.max;
+    }
+    return value;
+}
+//# sourceMappingURL=durationUtils.js.map

package/esm/components/Duration/durationUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"durationUtils.js","sourceRoot":"","sources":["../../../src/components/Duration/durationUtils.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,MAAM,WAAW,GAAG;IAC1B,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE;IAC9D,OAAO,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE;IAChE,MAAM,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE;IAC/D,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;CACnD,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG;IAC1B,KAAK,EAAE,UAAU;IACjB,OAAO,EAAE,WAAW;IACpB,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,UAAU;CACjB,CAAC;AAEF,MAAM,UAAU,aAAa,CAC5B,KAAoB,EACpB,IAA8B;IAE9B,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QACpB,OAAO,KAAK,CAAC;IACd,CAAC;IACD,MAAM,KAAK,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;IAChC,IAAI,KAAK,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC;QACvB,OAAO,KAAK,CAAC,GAAG,CAAC;IAClB,CAAC;IACD,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC;QACzC,OAAO,KAAK,CAAC,GAAG,CAAC;IAClB,CAAC;IACD,OAAO,KAAK,CAAC;AACd,CAAC"}

package/esm/components/Duration/formatDuration.d.ts

@@ -0,0 +1,2 @@
+import { type DurationValue } from './durationUtils';
+export declare const formatDuration: (duration: DurationValue) => string | null;

package/esm/components/Duration/formatDuration.js

@@ -0,0 +1,18 @@
+export const formatDuration = (duration) => {
+    var _a;
+    const prefix = 'hours' in duration && 'minutes' in duration ? 'PT' : 'P';
+    // The duration has no numeric value (all nulls), then return null
+    if (Object.values(duration).filter((v) => v !== null).length === 0) {
+        return null;
+    }
+    // Recreate unit so we can control the unit order for formatting
+    const units = ['years', 'months', 'hours', 'minutes'];
+    let durationParts = '';
+    for (const unit of units) {
+        if (unit in duration) {
+            durationParts += ((_a = duration[unit]) !== null && _a !== void 0 ? _a : 0) + unit[0].toUpperCase();
+        }
+    }
+    return prefix + durationParts;
+};
+//# sourceMappingURL=formatDuration.js.map

package/esm/components/Duration/formatDuration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatDuration.js","sourceRoot":"","sources":["../../../src/components/Duration/formatDuration.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,QAAuB,EAAiB,EAAE;;IACxE,MAAM,MAAM,GAAG,OAAO,IAAI,QAAQ,IAAI,SAAS,IAAI,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;IACzE,kEAAkE;IAClE,IAAI,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACpE,OAAO,IAAI,CAAC;IACb,CAAC;IAED,gEAAgE;IAChE,MAAM,KAAK,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,CAAU,CAAC;IAC/D,IAAI,aAAa,GAAG,EAAE,CAAC;IACvB,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QAC1B,IAAI,IAAI,IAAI,QAAQ,EAAE,CAAC;YACtB,aAAa,IAAI,CAAC,MAAA,QAAQ,CAAC,IAAI,CAAC,mCAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;QAChE,CAAC;IACF,CAAC;IACD,OAAO,MAAM,GAAG,aAAa,CAAC;AAC/B,CAAC,CAAC"}

package/esm/components/Duration/formatDuration.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/components/Duration/formatDuration.spec.js

@@ -0,0 +1,16 @@
+import { describe, it, expect } from 'vitest';
+import { formatDuration } from './formatDuration';
+describe('formatDuration', () => {
+    it('should format time correctly', () => {
+        expect(formatDuration({ hours: 12, minutes: 15 })).toEqual('PT12H15M');
+        expect(formatDuration({ hours: 14, minutes: 50 })).toEqual('PT14H50M');
+        expect(formatDuration({ hours: null, minutes: null })).toEqual(null);
+    });
+    it('should format date correctly', () => {
+        expect(formatDuration({ years: 12, months: 15 })).toEqual('P12Y15M');
+        expect(formatDuration({ years: 14, months: 50 })).toEqual('P14Y50M');
+        expect(formatDuration({ years: 14, months: null })).toEqual('P14Y0M');
+        expect(formatDuration({ years: null, months: null })).toEqual(null);
+    });
+});
+//# sourceMappingURL=formatDuration.spec.js.map

package/esm/components/Duration/formatDuration.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatDuration.spec.js","sourceRoot":"","sources":["../../../src/components/Duration/formatDuration.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC/B,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACvC,MAAM,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;QACvE,MAAM,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;QACvE,MAAM,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACtE,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACvC,MAAM,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QACrE,MAAM,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QACrE,MAAM,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QACtE,MAAM,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACrE,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/esm/components/Duration/getDurationFromValue.d.ts

@@ -0,0 +1,8 @@
+import { type Formats, type DurationValue } from './durationUtils';
+/**
+ * Convert a string into a duration
+ *
+ * ## Example
+ * - "P12Y5M" => {year: 12, month: 5}
+ */
+export declare const getDurationFromValue: (value: string | null, format: Formats) => DurationValue;

package/esm/components/Duration/getDurationFromValue.js

@@ -0,0 +1,36 @@
+/**
+ * Convert a string into a duration
+ *
+ * ## Example
+ * - "P12Y5M" => {year: 12, month: 5}
+ */
+export const getDurationFromValue = (value, format) => {
+    // Handle nulls value
+    if (value === null && format === 'PTnHnM') {
+        return { hours: null, minutes: null };
+    }
+    else if (value === null) {
+        return { years: null, months: null };
+    }
+    const match = matchFromFormat(value, format);
+    if (format === 'PTnHnM') {
+        return { hours: match[0], minutes: match[1] };
+    }
+    return { years: match[0], months: match[1] };
+};
+/**
+ * Generate a regexp from the format to extract the numbers from the string
+ *
+ * ## Example :
+ * - "P12Y3M" => [12, 3]
+ */
+const matchFromFormat = (value, format) => {
+    const regex = new RegExp(format.replaceAll('n', '(\\d+)'));
+    const match = value.match(regex);
+    if (!match) {
+        throw new Error(`Invalid duration value "${value}" does not match the format "${format}"`);
+    }
+    const [, ...matches] = match;
+    return matches.map((v) => parseInt(v, 10));
+};
+//# sourceMappingURL=getDurationFromValue.js.map

package/esm/components/Duration/getDurationFromValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDurationFromValue.js","sourceRoot":"","sources":["../../../src/components/Duration/getDurationFromValue.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CACnC,KAAoB,EACpB,MAAe,EACC,EAAE;IAClB,qBAAqB;IACrB,IAAI,KAAK,KAAK,IAAI,IAAI,MAAM,KAAK,QAAQ,EAAE,CAAC;QAC3C,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IACvC,CAAC;SAAM,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QAC3B,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;IACtC,CAAC;IAED,MAAM,KAAK,GAAG,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAC7C,IAAI,MAAM,KAAK,QAAQ,EAAE,CAAC;QACzB,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/C,CAAC;IACD,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;AAC9C,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,MAAe,EAAY,EAAE;IACpE,MAAM,KAAK,GAAG,IAAI,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC;IAC3D,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACjC,IAAI,CAAC,KAAK,EAAE,CAAC;QACZ,MAAM,IAAI,KAAK,CACd,2BAA2B,KAAK,gCAAgC,MAAM,GAAG,CACzE,CAAC;IACH,CAAC;IACD,MAAM,CAAC,EAAE,GAAG,OAAO,CAAC,GAAG,KAAK,CAAC;IAC7B,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;AAC5C,CAAC,CAAC"}

package/esm/components/FilterDescription/FilterDescription.d.ts

@@ -0,0 +1,7 @@
+import { type ReactNode } from 'react';
+type Props = {
+    id: string;
+    label?: ReactNode;
+};
+export declare const FilterDescription: ({ id, label }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/esm/components/FilterDescription/FilterDescription.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const FilterDescription = ({ id, label }) => (_jsx("div", { id: `filter-description-${id}`, "aria-label": `filter-description`, className: "filter-description-lunatic", children: label }));
+//# sourceMappingURL=FilterDescription.js.map

package/esm/components/FilterDescription/FilterDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterDescription.js","sourceRoot":"","sources":["../../../src/components/FilterDescription/FilterDescription.tsx"],"names":[],"mappings":";AAOA,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,EAAE,EAAE,KAAK,EAAS,EAAE,EAAE,CAAC,CAC1D,cACC,EAAE,EAAE,sBAAsB,EAAE,EAAE,gBAClB,oBAAoB,EAChC,SAAS,EAAC,4BAA4B,YAErC,KAAK,GACD,CACN,CAAC"}

package/esm/components/FilterDescription/FilterDescription.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/components/FilterDescription/FilterDescription.spec.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from '@testing-library/react';
+import { FilterDescription } from './FilterDescription';
+import { describe, it, expect } from 'vitest';
+describe('FilterDescription component', () => {
+    it('renders with correct label and aria-label', () => {
+        const id = '1';
+        const label = 'Filter description';
+        const { getByLabelText } = render(_jsx(FilterDescription, { id: id, label: label }));
+        const filterDescriptionElement = getByLabelText('filter-description');
+        expect(filterDescriptionElement).toHaveTextContent(label);
+        expect(filterDescriptionElement).toHaveClass('filter-description-lunatic');
+        expect(filterDescriptionElement).toHaveAttribute('id', `filter-description-${id}`);
+    });
+});
+//# sourceMappingURL=FilterDescription.spec.js.map

package/esm/components/FilterDescription/FilterDescription.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterDescription.spec.js","sourceRoot":"","sources":["../../../src/components/FilterDescription/FilterDescription.spec.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAE9C,QAAQ,CAAC,6BAA6B,EAAE,GAAG,EAAE;IAC5C,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACpD,MAAM,EAAE,GAAG,GAAG,CAAC;QACf,MAAM,KAAK,GAAG,oBAAoB,CAAC;QACnC,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,CAChC,KAAC,iBAAiB,IAAC,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,GAAI,CAC3C,CAAC;QACF,MAAM,wBAAwB,GAAG,cAAc,CAAC,oBAAoB,CAAC,CAAC;QACtE,MAAM,CAAC,wBAAwB,CAAC,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC1D,MAAM,CAAC,wBAAwB,CAAC,CAAC,WAAW,CAAC,4BAA4B,CAAC,CAAC;QAC3E,MAAM,CAAC,wBAAwB,CAAC,CAAC,eAAe,CAC/C,IAAI,EACJ,sBAAsB,EAAE,EAAE,CAC1B,CAAC;IACH,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/esm/components/Input/Input.d.ts

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

package/esm/components/Input/Input.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classnames from 'classnames';
+import { Label } from '../shared/Label/Label';
+import { slottableComponent } from '../shared/HOC/slottableComponent';
+import { ComponentErrors, getComponentErrors, } from '../shared/ComponentErrors/ComponentErrors';
+import { Declarations } from '../shared/Declarations/Declarations';
+export function Input({ handleChanges, response, errors, ...props }) {
+    return (_jsx(CustomInput, { ...props, onChange: (value) => handleChanges([{ name: response.name, value }]), errors: getComponentErrors(errors, props.id) }));
+}
+export const CustomInput = slottableComponent('Input', (props) => {
+    const { value, onChange, disabled, required, maxLength, label, description, id, errors, readOnly, declarations, } = props;
+    const labelId = `label-${id}`;
+    return (_jsxs("div", { className: classnames('lunatic-input'), children: [_jsx(Label, { htmlFor: id, id: labelId, description: description, children: label }), _jsx(Declarations, { type: "AFTER_QUESTION_TEXT", declarations: declarations, id: id }), _jsx("input", { id: id, "aria-labelledby": labelId, autoComplete: "off", type: "text", disabled: disabled, readOnly: readOnly, value: (value !== null && value !== void 0 ? value : '').toString(), onChange: (e) => onChange(e.target.value), "aria-required": required, required: required, maxLength: maxLength, "aria-invalid": !!errors }), _jsx(ComponentErrors, { errors: errors })] }));
+});
+//# sourceMappingURL=Input.js.map

package/esm/components/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EACN,eAAe,EACf,kBAAkB,GAClB,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAGnE,MAAM,UAAU,KAAK,CAAC,EACrB,aAAa,EACb,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EACwB;IAChC,OAAO,CACN,KAAC,WAAW,OACP,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,WAAW,GAAG,kBAAkB,CAAc,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;IAC7E,MAAM,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,KAAK,EACL,WAAW,EACX,EAAE,EACF,MAAM,EACN,QAAQ,EACR,YAAY,GACZ,GAAG,KAAK,CAAC;IACV,MAAM,OAAO,GAAG,SAAS,EAAE,EAAE,CAAC;IAC9B,OAAO,CACN,eAAK,SAAS,EAAE,UAAU,CAAC,eAAe,CAAC,aAC1C,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,gBACC,EAAE,EAAE,EAAE,qBACW,OAAO,EACxB,YAAY,EAAC,KAAK,EAClB,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,CAAC,CAAC,QAAQ,EAAE,EAC/B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,mBAC1B,QAAQ,EACvB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,kBACN,CAAC,CAAC,MAAM,GACrB,EACF,KAAC,eAAe,IAAC,MAAM,EAAE,MAAM,GAAI,IAC9B,CACN,CAAC;AACH,CAAC,CAAC,CAAC"}

package/esm/components/Input/Input.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/components/Input/Input.spec.js

@@ -0,0 +1,52 @@
+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 { Input } from './Input';
+describe('Input', () => {
+    const mockOnChange = vi.fn();
+    const baseProps = {
+        value: 'input',
+        id: 'input',
+        response: { name: 'demo' },
+        handleChanges: mockOnChange,
+    };
+    beforeEach(() => {
+        mockOnChange.mockClear();
+    });
+    it('renders without crashing', () => {
+        const { container } = render(_jsx(Input, { ...baseProps, errors: undefined, description: "description" }));
+        expect(container).toMatchSnapshot();
+    });
+    it('renders label and input', () => {
+        const labelText = 'Enter a number';
+        const { container } = render(_jsx(Input, { ...baseProps, label: labelText, errors: undefined }));
+        const label = screen.getByText(labelText);
+        const input = container.querySelector('input[type="text"]');
+        expect(label).toBeInTheDocument();
+        expect(input).toBeInTheDocument();
+    });
+    it('calls onChange with parsed value', () => {
+        const { container } = render(_jsx(Input, { ...baseProps, errors: undefined }));
+        const input = container.querySelector('input[type="text"]');
+        fireEvent.change(input, { target: { value: 'Dupont' } });
+        expect(mockOnChange).toHaveBeenCalledTimes(1);
+        expect(mockOnChange).toHaveBeenCalledWith([
+            { ...baseProps.response, value: 'Dupont' },
+        ]);
+    });
+    it('disables input when disabled prop is true', () => {
+        const { container } = render(_jsx(Input, { ...baseProps, disabled: true, errors: undefined }));
+        const input = container.querySelector('input[type="text"]');
+        expect(input).toBeDisabled();
+    });
+    it('should handle readOnly', () => {
+        const { container } = render(_jsx(Input, { ...baseProps, id: "number", value: "toto", readOnly: true, errors: undefined }));
+        expect(container).toMatchSnapshot();
+        const input = container.querySelector('input[type="text"]');
+        expect(input).toHaveAttribute('readonly');
+        input.focus();
+        expect(input).toHaveFocus();
+        expect(input).toHaveValue('toto');
+    });
+});
+//# sourceMappingURL=Input.spec.js.map

package/esm/components/Input/Input.spec.js.map

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

package/esm/components/InputNumber/InputNumber.d.ts

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

package/esm/components/InputNumber/InputNumber.js

@@ -0,0 +1,15 @@
+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 !== null && decimals !== void 0 ? decimals : 0, onChange: (value) => handleChanges([{ name: response.name, value }]), errors: getComponentErrors(errors, props.id) }));
+}
+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/esm/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,aAAR,QAAQ,cAAR,QAAQ,GAAI,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/esm/components/InputNumber/InputNumber.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/components/InputNumber/InputNumber.spec.js

@@ -0,0 +1,76 @@
+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();
+    });
+    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/esm/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/esm/components/InputNumber/InputNumberThousand.d.ts

@@ -0,0 +1,14 @@
+type Props = {
+    id?: string;
+    onChange: (n: number | null) => void;
+    value?: number | null;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    labelId?: string;
+    max?: number;
+    decimals?: number;
+    invalid?: boolean;
+};
+export declare const InputNumberThousand: ({ id, onChange, value, disabled, readOnly, required, labelId, max, decimals, invalid, }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/esm/components/InputNumber/InputNumberThousand.js

@@ -0,0 +1,20 @@
+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) {
+        var _a;
+        const val = (_a = e.floatValue) !== null && _a !== void 0 ? _a : 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 !== null && value !== void 0 ? 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/esm/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,MAAA,CAAC,CAAC,UAAU,mCAAI,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,aAAL,KAAK,cAAL,KAAK,GAAI,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/esm/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/esm/components/Loop/Loop.js

@@ -0,0 +1,56 @@
+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)
+ */
+export function Loop({ lines, iterations, value, handleChanges, getComponents, errors, ...props }) {
+    var _a, _b;
+    const min = (_a = lines === null || lines === void 0 ? void 0 : lines.min) !== null && _a !== void 0 ? _a : 0;
+    const max = (_b = lines === null || lines === void 0 ? void 0 : lines.max) !== null && _b !== void 0 ? _b : Infinity;
+    const [nbRows, setNbRows] = useState(() => {
+        return Math.max(iterations, min);
+    });
+    const addRow = useCallback(() => {
+        if (nbRows < max) {
+            setNbRows(nbRows + 1);
+        }
+    }, [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 === null || v === void 0 ? void 0 : 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,
+                iteration: n,
+                id: `${c.id}-${n}`,
+                errors,
+            }) }, n))) }));
+}
+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