@inseefr/lunatic 3.13.3 → 3.13.5-rc.3

package/esm/components/shared/Combobox/Selection/ComboboxSelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxSelection.js","sourceRoot":"","sources":["../../../../../src/components/shared/Combobox/Selection/ComboboxSelection.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIhD;;;GAGG;AACH,MAAM,UAAU,iBAAiB,CAAC,EACjC,aAAa,EACb,WAAW,EACX,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,aAAa,EACb,OAAO,EACP,QAAQ,EACR,OAAO,EACP,EAAE,EACF,eAAe,EACf,OAAO,GACiB;IACxB,MAAM,SAAS,GAAG,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC;IACzC,MAAM,cAAc,GACnB,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAClE,MAAM,uBAAuB,GAAG,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,sBAAsB,CAAC;IAExE,OAAO,CACN,cACC,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,UAAU,CACpB,GAAG,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,SAAS,sBAAsB,EACrD;YACC,OAAO;YACP,QAAQ;SACR,CACD,EACD,IAAI,EAAC,UAAU,mBACA,MAAM,mBACP,SAAS,mBACR,QAAQ,uBACL,MAAM,eACb,EAAE,qBACI,OAAO,YAEvB,SAAS,CAAC,CAAC,CAAC,CACZ,KAAC,uBAAuB,IACvB,MAAM,EAAE,cAAc,EACtB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GACjB,CACF,CAAC,CAAC,CAAC,CACH,KAAC,aAAa,IACb,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,kBAAkB,EAAE,EAAE,EAC1B,SAAS,EAAC,yBAAyB,EACnC,QAAQ,EAAE,CAAC,CAAgC,EAAE,EAAE,WAC9C,OAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,MAAA,CAAC,CAAC,MAAM,CAAC,KAAK,mCAAI,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA,EAAA,EAEjD,KAAK,EAAE,MAAM,EACb,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,OAAO,GAClB,CACF,GACI,CACN,CAAC;AACH,CAAC"}
+{"version":3,"file":"ComboboxSelection.js","sourceRoot":"","sources":["../../../../../src/components/shared/Combobox/Selection/ComboboxSelection.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIhD;;;GAGG;AACH,MAAM,UAAU,iBAAiB,CAAC,EACjC,aAAa,EACb,WAAW,EACX,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,aAAa,EACb,OAAO,EACP,QAAQ,EACR,OAAO,EACP,EAAE,EACF,eAAe,EACf,OAAO,EACP,QAAQ,GACgB;IACxB,MAAM,SAAS,GAAG,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC;IACzC,MAAM,cAAc,GACnB,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IAClE,MAAM,uBAAuB,GAAG,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,sBAAsB,CAAC;IAExE,OAAO,CACN,cACC,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,UAAU,CACpB,GAAG,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,SAAS,sBAAsB,EACrD;YACC,OAAO;YACP,QAAQ;SACR,CACD,EACD,IAAI,EAAC,UAAU,mBACD,SAAS,mBACR,QAAQ,uBACL,MAAM,eACb,EAAE,qBACI,OAAO,YAEvB,SAAS,CAAC,CAAC,CAAC,CACZ,KAAC,uBAAuB,IACvB,MAAM,EAAE,cAAc,EACtB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GACjB,CACF,CAAC,CAAC,CAAC,CACH,KAAC,aAAa,IACb,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,kBAAkB,EAAE,EAAE,EAC1B,SAAS,EAAC,yBAAyB,EACnC,QAAQ,EAAE,CAAC,CAAgC,EAAE,EAAE,WAC9C,OAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,MAAA,CAAC,CAAC,MAAM,CAAC,KAAK,mCAAI,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA,EAAA,EAEjD,KAAK,EAAE,MAAM,EACb,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,OAAO,EACnB,QAAQ,EAAE,QAAQ,GACjB,CACF,GACI,CACN,CAAC;AACH,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@inseefr/lunatic",
-    "version": "3.13.3",
+    "version": "3.13.5-rc.3",
     "description": "Library of questionnaire components",
     "repository": {
         "type": "git",
@@ -29,6 +29,7 @@
             "email": "nicolas.laval@insee.fr"
         }
     ],
+    "packageManager": "pnpm@11.8.0",
     "main": "./index.js",
     "types": "./index.d.ts",
     "module": "./esm/index.js",
@@ -87,6 +88,7 @@
         "src/components/Sequence/Sequence.tsx",
         "src/components/Subsequence/Subsequence.spec.tsx",
         "src/components/Subsequence/Subsequence.tsx",
+        "src/components/Suggester/CustomSuggester.spec.tsx",
         "src/components/Suggester/CustomSuggester.tsx",
         "src/components/Suggester/Suggester.spec.tsx",
         "src/components/Suggester/Suggester.tsx",
@@ -603,6 +605,9 @@
         "components/Suggester/CustomSuggester.d.ts",
         "components/Suggester/CustomSuggester.js",
         "components/Suggester/CustomSuggester.js.map",
+        "components/Suggester/CustomSuggester.spec.d.ts",
+        "components/Suggester/CustomSuggester.spec.js",
+        "components/Suggester/CustomSuggester.spec.js.map",
         "components/Suggester/Suggester.d.ts",
         "components/Suggester/Suggester.js",
         "components/Suggester/Suggester.js.map",
@@ -1035,6 +1040,9 @@
         "esm/components/Suggester/CustomSuggester.d.ts",
         "esm/components/Suggester/CustomSuggester.js",
         "esm/components/Suggester/CustomSuggester.js.map",
+        "esm/components/Suggester/CustomSuggester.spec.d.ts",
+        "esm/components/Suggester/CustomSuggester.spec.js",
+        "esm/components/Suggester/CustomSuggester.spec.js.map",
         "esm/components/Suggester/Suggester.d.ts",
         "esm/components/Suggester/Suggester.js",
         "esm/components/Suggester/Suggester.js.map",
@@ -2053,8 +2061,8 @@
     },
     "devDependencies": {
         "@eslint/js": "^9.9.0",
-        "@playwright/browser-chromium": "^1.51.1",
-        "@playwright/test": "^1.52.0",
+        "@playwright/browser-chromium": "^1.61.1",
+        "@playwright/test": "^1.61.1",
         "@storybook/addon-a11y": "^8.2.9",
         "@storybook/addon-essentials": "^8.2.9",
         "@storybook/addon-interactions": "^8.2.9",

package/src/components/Dropdown/__snapshots__/Dropdown.spec.tsx.snap

@@ -15,7 +15,6 @@ exports[`Dropdown > renders without crashing 1`] = `
       >
         <div
           aria-autocomplete="list"
-          aria-controls="todo"
           aria-expanded="false"
           aria-haspopup="listbox"
           aria-labelledby="label-dropdown"
@@ -51,7 +50,6 @@ exports[`Dropdown > should handle readOnly 1`] = `
       >
         <div
           aria-autocomplete="list"
-          aria-controls="todo"
           aria-expanded="false"
           aria-haspopup="listbox"
           aria-labelledby="label-dropdown"

package/src/components/PairwiseLinks/PairwiseLinks.tsx

@@ -37,6 +37,8 @@ export const PairwiseLinks = (
 				.map(([x, y]) => {
 					const components = getComponents(x, y);
 					const firstComponent = components[0];
+					// Display nothing if there is no component (due to filter)
+					if (firstComponent === undefined || firstComponent === null) return;
 					if (firstComponent?.componentType !== 'Dropdown') {
 						return (
 							<div key={'PairwiseLinksLoop-error'}>

package/src/components/Suggester/CustomSuggester.spec.tsx

@@ -0,0 +1,32 @@
+import { fireEvent, render } from '@testing-library/react';
+import { describe, it, expect, vi } from 'vitest';
+import { CustomSuggester } from './CustomSuggester';
+
+const baseProps = {
+	id: 'suggester-1',
+	state: 'success' as const,
+	value: [] as [],
+	options: [],
+	search: '',
+	onSelect: vi.fn(),
+	onBlur: vi.fn(),
+	onFocus: vi.fn(),
+	onSearch: vi.fn(),
+	onClear: vi.fn(),
+	optionRenderer: vi.fn(),
+	labelRenderer: vi.fn(),
+};
+
+describe('CustomSuggester', () => {
+	it('should handle required', () => {
+		const { container } = render(<CustomSuggester {...baseProps} required />);
+
+		// expand combobox for having the input
+		const content = container.querySelector('.lunatic-combo-box-content');
+		fireEvent.click(content!);
+
+		const input = container.querySelector('input[type="text"]');
+		expect(input).toHaveAttribute('required');
+		expect(input).toHaveAttribute('aria-required', 'true');
+	});
+});

package/src/components/Suggester/CustomSuggester.tsx

@@ -35,6 +35,7 @@ type Props = {
 	onClear: () => void;
 	search: string;
 	state: 'loading' | 'error' | 'success';
+	required?: boolean;
 };
 
 export const CustomSuggester = slottableComponent<Props>(
@@ -61,6 +62,7 @@ export const CustomSuggester = slottableComponent<Props>(
 		onClear,
 		state,
 		onFocus,
+		required,
 	}) => {
 		const handleSelect = (id: string | null) => {
 			if (id === null) {
@@ -94,6 +96,7 @@ export const CustomSuggester = slottableComponent<Props>(
 				declarations={declarations}
 				description={description}
 				errors={errors}
+				required={required}
 			/>
 		);
 	}

package/src/components/Suggester/Suggester.tsx

@@ -35,6 +35,7 @@ export function WrappedSuggester({
 	iteration,
 	arbitrary,
 	arbitraryValue,
+	required,
 }: LunaticComponentProps<'Suggester'>) {
 	const { store, storeState, setStoreState, getLabelById } = useStore({
 		storeName,
@@ -182,6 +183,7 @@ export function WrappedSuggester({
 			onClear={handleClear}
 			disabled={disabled}
 			readOnly={readOnly}
+			required={required}
 			value={selectedOptions}
 			label={label}
 			onBlur={onBlur}

package/src/components/shared/Combobox/Combobox.tsx

@@ -68,6 +68,7 @@ function LunaticComboBox({
 	onBlur,
 	onFocus,
 	isLoading,
+	required,
 }: Props) {
 	const [expanded, setExpanded] = useState(false);
 	const [focused, setFocused] = useState(false);
@@ -180,6 +181,7 @@ function LunaticComboBox({
 					onChange={handleChange}
 					classNamePrefix={classNamePrefix}
 					invalid={!!errors}
+					required={required}
 				/>
 				<ComboboxPanel
 					isLoading={isLoading}

package/src/components/shared/Combobox/ComboboxType.ts

@@ -32,6 +32,7 @@ export type ComboboxSelectionProps = {
 	options: Array<ComboboxOptionType>;
 	search?: string;
 	disabled?: boolean;
+	required?: boolean;
 };
 
 export type ComboboxPanelProps = {

package/src/components/shared/Combobox/Selection/ComboboxInput.tsx

@@ -15,6 +15,7 @@ export type InputProps = {
 	focused?: boolean;
 	invalid?: boolean;
 	readOnly?: boolean;
+	required?: boolean;
 } & HTMLAttributes<HTMLInputElement>;
 
 function LunaticComboboxInput({
@@ -27,6 +28,7 @@ function LunaticComboboxInput({
 	focused,
 	className,
 	invalid,
+	required,
 }: InputProps) {
 	const inputEl = useRef<HTMLInputElement>(null);
 
@@ -52,6 +54,8 @@ function LunaticComboboxInput({
 			onChange={onChange}
 			value={value}
 			aria-invalid={invalid}
+			aria-required={required}
+			required={required}
 			title="combo-box"
 			autoComplete="off"
 			autoCapitalize="off"

package/src/components/shared/Combobox/Selection/ComboboxSelection.tsx

@@ -24,10 +24,11 @@ export function ComboboxSelection({
 	id,
 	classNamePrefix,
 	invalid,
+	required,
 }: ComboboxSelectionProps) {
 	const showLabel = !editable || !expanded;
 	const selectedOption =
-		selectedIndex !== undefined ? options[selectedIndex] : undefined;
+		selectedIndex === undefined ? undefined : options[selectedIndex];
 	const LabelSelectionComponent = labelRenderer ?? ComboboxLabelSelection;
 
 	return (
@@ -41,7 +42,6 @@ export function ComboboxSelection({
 				}
 			)}
 			role="combobox"
-			aria-controls={'todo'}
 			aria-haspopup="listbox"
 			aria-expanded={expanded}
 			aria-autocomplete="list"
@@ -70,6 +70,7 @@ export function ComboboxSelection({
 					readOnly={readOnly}
 					focused={focused}
 					labelledBy={labelId}
+					required={required}
 				/>
 			)}
 		</div>

package/src/components/shared/Combobox/Selection/__snapshots__/ComboboxSelection.spec.tsx.snap

@@ -3,7 +3,6 @@
 exports[`Selection component > should render correctly when it is disabled 1`] = `
 <div
   aria-autocomplete="list"
-  aria-controls="todo"
   aria-haspopup="listbox"
   class="lunatic-combo-box-selection disabled"
   role="combobox"
@@ -23,7 +22,6 @@ exports[`Selection component > should render correctly when it is disabled 1`] =
 exports[`Selection component > should render correctly when it is editable 1`] = `
 <div
   aria-autocomplete="list"
-  aria-controls="todo"
   aria-haspopup="listbox"
   class="lunatic-combo-box-selection"
   role="combobox"
@@ -41,7 +39,6 @@ exports[`Selection component > should render correctly when it is editable 1`] =
 exports[`Selection component > should render correctly when it is expanded 1`] = `
 <div
   aria-autocomplete="list"
-  aria-controls="todo"
   aria-expanded="true"
   aria-haspopup="listbox"
   class="lunatic-combo-box-selection"
@@ -60,7 +57,6 @@ exports[`Selection component > should render correctly when it is expanded 1`] =
 exports[`Selection component > should render correctly with default props 1`] = `
 <div
   aria-autocomplete="list"
-  aria-controls="todo"
   aria-haspopup="listbox"
   class="lunatic-combo-box-selection"
   role="combobox"

package/src/stories/utils/OrchestratorData.tsx

@@ -140,7 +140,13 @@ const CleaningInfo = ({
 			| {
 					expression: string;
 					shapeFrom?: string;
-					isAggregatorUsed: boolean;
+					/**
+					 * @deprecated
+					 * use shouldCheckDuringResizing since lunaticModelVersion 5.16.0
+					 */
+					isAggregatorUsed?: boolean;
+					shouldCheckDuringResizing?: boolean;
+					shouldCheckAllIterations?: boolean;
 			  }[];
 	};
 }) => {