@inseefr/lunatic 2.6.2 → 2.6.3

package/lib/src/components/commons/components/combo-box/combo-box.d.ts

@@ -1,9 +1,9 @@
 import { type ReactNode } from 'react';
-import type { LunaticBaseProps } from '../../../type';
 import './combo-box.scss';
 import type { ComboBoxOptionType } from './combo-box.type';
 import { type PanelProps } from './panel/panel';
 import { type SelectionProps } from './selection/selection';
+import type { LunaticError } from '../../../../use-lunatic/type';
 type Props = SelectionProps & PanelProps & {
     className?: string;
     classNamePrefix?: string;
@@ -13,7 +13,7 @@ type Props = SelectionProps & PanelProps & {
     getOptionValue?: (o: ComboBoxOptionType) => string;
     label?: ReactNode;
     description?: ReactNode;
-    errors?: LunaticBaseProps['errors'];
+    errors?: LunaticError[];
     onChange?: (s: string | null) => void;
     onSelect: (s: string | null) => void;
     options: ComboBoxOptionType[];

package/lib/src/components/commons/components/combo-box/combo-box.stories.d.ts

@@ -12,6 +12,7 @@ export declare const Default: Story<{
     id?: string | undefined;
     classNamePrefix?: string | undefined;
     readOnly?: boolean | undefined;
+    invalid?: boolean | undefined;
 } & import("./selection/label-selection").LabelSelectionProps & import("./panel/panel").PanelProps & {
     className?: string | undefined;
     classNamePrefix?: string | undefined;
@@ -21,9 +22,7 @@ export declare const Default: Story<{
     getOptionValue?: ((o: ComboBoxOptionType) => string) | undefined;
     label?: import("react").ReactNode;
     description?: import("react").ReactNode;
-    errors?: {
-        [id: string]: import("../../../..").LunaticError[];
-    } | undefined;
+    errors?: import("../../../..").LunaticError[] | undefined;
     onChange?: ((s: string | null) => void) | undefined;
     onSelect: (s: string | null) => void;
     options: ComboBoxOptionType[];
@@ -38,6 +37,7 @@ export declare const Editable: Story<{
     id?: string | undefined;
     classNamePrefix?: string | undefined;
     readOnly?: boolean | undefined;
+    invalid?: boolean | undefined;
 } & import("./selection/label-selection").LabelSelectionProps & import("./panel/panel").PanelProps & {
     className?: string | undefined;
     classNamePrefix?: string | undefined;
@@ -47,9 +47,7 @@ export declare const Editable: Story<{
     getOptionValue?: ((o: ComboBoxOptionType) => string) | undefined;
     label?: import("react").ReactNode;
     description?: import("react").ReactNode;
-    errors?: {
-        [id: string]: import("../../../..").LunaticError[];
-    } | undefined;
+    errors?: import("../../../..").LunaticError[] | undefined;
     onChange?: ((s: string | null) => void) | undefined;
     onSelect: (s: string | null) => void;
     options: ComboBoxOptionType[];

package/lib/src/components/commons/components/combo-box/selection/LabelOrInput.d.ts

@@ -4,6 +4,7 @@ type LabelOrInputTypeProps = LabelSelectionProps & InputProps & {
     editable?: boolean;
     expanded?: boolean;
     readOnly?: boolean;
+    invalid?: boolean;
 };
 /**
  * Display the input or the label of the selection based on the state of the Suggester.

package/lib/src/components/commons/components/combo-box/selection/input.d.ts

@@ -5,6 +5,7 @@ export type InputProps = {
     value?: string;
     labelledBy?: string;
     focused?: boolean;
+    invalid?: boolean;
 } & HTMLAttributes<HTMLInputElement>;
 declare const _default: React.ComponentType<Record<string, unknown>>;
 export default _default;

package/lib/src/components/commons/components/combo-box/selection/selection.d.ts

@@ -8,5 +8,6 @@ export type SelectionProps = {
     id?: string;
     classNamePrefix?: string;
     readOnly?: boolean;
+    invalid?: boolean;
 } & LabelSelectionProps;
-export declare function Selection({ labelRenderer, placeholder, search, expanded, disabled, readOnly, focused, onChange, selectedIndex, options, editable, labelId, id, classNamePrefix, }: SelectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function Selection({ labelRenderer, placeholder, search, expanded, disabled, readOnly, focused, onChange, selectedIndex, options, editable, labelId, id, classNamePrefix, invalid, }: SelectionProps): import("react/jsx-runtime").JSX.Element;

package/lib/src/components/commons/components/errors/errors.d.ts

@@ -1,8 +1,11 @@
 import './errors.scss';
 import type { LunaticError } from '../../../../use-lunatic/type';
 type Props = {
-    errors?: Record<string, LunaticError[]>;
-    activeId?: string;
+    errors?: LunaticError[];
 };
-declare function Errors({ errors, activeId }: Props): import("react/jsx-runtime").JSX.Element | null;
+/**
+ * Display a list of error as simple red text
+ */
+declare function Errors({ errors }: Props): import("react/jsx-runtime").JSX.Element | null;
+export declare function getComponentErrors(errors?: Record<string, LunaticError[]>, componentId?: string): LunaticError[] | undefined;
 export default Errors;

package/lib/src/components/datepicker/html/datepicker-input.d.ts

@@ -8,6 +8,7 @@ export type Props = {
     onChange?: ChangeEventHandler<HTMLInputElement>;
     min?: string;
     max?: string;
+    invalid?: boolean;
 };
-declare function DatepickerInput({ id, disabled, readOnly, labelId, value, onChange, min, max, }: Props): import("react/jsx-runtime").JSX.Element;
+declare function DatepickerInput({ id, disabled, readOnly, labelId, value, onChange, min, max, invalid, }: Props): import("react/jsx-runtime").JSX.Element;
 export default DatepickerInput;

package/lib/src/components/datepicker/html/datepicker.d.ts

@@ -4,7 +4,7 @@ import type { LunaticError } from '../../../use-lunatic/type';
 type Props = {
     label?: ReactNode;
     description?: ReactNode;
-    errors?: Record<string, LunaticError[]>;
+    errors?: LunaticError[];
     disabled?: boolean;
     readOnly?: boolean;
     min?: string;

package/lib/src/components/dropdown/html/dropdown-writable/dropdown-writable.d.ts

@@ -9,7 +9,7 @@ type Props = {
     className?: string;
     value: string | null;
     label?: ReactNode;
-    errors?: Record<string, LunaticError[]>;
+    errors?: LunaticError[];
     description?: ReactNode;
     readOnly?: boolean;
 };

package/lib/src/components/dropdown/html/dropdown.d.ts

@@ -1,10 +1,12 @@
 /// <reference types="react" />
 import './dropdown.scss';
 import type { LunaticComponentProps } from '../../type';
+import type { LunaticError } from '../../../use-lunatic/type';
 export type DropdownProps = {
     onSelect: (v: string | null) => void;
     className?: string;
     readOnly?: boolean;
-} & Pick<LunaticComponentProps<'Dropdown'>, 'id' | 'disabled' | 'options' | 'writable' | 'value' | 'description' | 'label' | 'errors'>;
+    errors?: LunaticError[];
+} & Pick<LunaticComponentProps<'Dropdown'>, 'id' | 'disabled' | 'options' | 'writable' | 'value' | 'description' | 'label'>;
 declare const _default: import("react").ComponentType<DropdownProps>;
 export default _default;

package/lib/src/components/input/html/input.d.ts

@@ -1,11 +1,11 @@
 import { type ReactNode } from 'react';
 import './input.scss';
-import type { LunaticBaseProps } from '../../type';
+import type { LunaticError } from '../../../use-lunatic/type';
 type Props = {
     label?: ReactNode;
     onChange: (v: string) => void;
     description?: string;
-    errors: LunaticBaseProps['errors'];
+    errors?: LunaticError[];
     value?: string | null;
     disabled?: boolean;
     readOnly?: boolean;

package/lib/src/components/input-number/html/input-number-thousand.d.ts

@@ -6,9 +6,9 @@ type Props = {
     readOnly?: boolean;
     required?: boolean;
     labelId?: string;
-    min?: number;
     max?: number;
     decimals?: number;
+    invalid?: boolean;
 };
-declare const InputNumberThousand: ({ id, onChange, value, disabled, readOnly, required, labelId, min, max, decimals, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const InputNumberThousand: ({ id, onChange, value, disabled, readOnly, required, labelId, max, decimals, invalid, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default InputNumberThousand;

package/lib/src/components/input-number/html/input-number.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
-import { type LunaticBaseProps } from '../../type';
 import './input-number.scss';
+import type { LunaticError } from '../../../use-lunatic/type';
 type Props = {
     id?: string;
     onChange?: (n: number | null) => void;
@@ -9,13 +9,12 @@ type Props = {
     readOnly?: boolean;
     required?: boolean;
     labelId?: string;
-    min?: number;
     max?: number;
     decimals?: number;
     label?: ReactNode;
     description?: string;
     unit?: string;
-    errors?: LunaticBaseProps['errors'];
+    errors?: LunaticError[];
 };
 declare const _default: import("react").ComponentType<Props>;
 export default _default;

package/lib/src/components/radio/html/radio-group-content.d.ts

@@ -13,6 +13,7 @@ export type Props = {
     shortcut?: boolean;
     disabled?: boolean;
     readOnly?: boolean;
+    invalid?: boolean;
 };
-declare function RadioGroupContent({ options, value, id, onClick, checkboxStyle, shortcut, disabled, readOnly, }: Props): import("react/jsx-runtime").JSX.Element;
+declare function RadioGroupContent({ options, value, id, onClick, checkboxStyle, shortcut, disabled, readOnly, invalid, }: Props): import("react/jsx-runtime").JSX.Element;
 export default RadioGroupContent;

package/lib/src/components/radio/html/radio-group.d.ts

@@ -13,7 +13,7 @@ export type RadioGroupProps = {
     label?: ReactNode;
     onSelect: (v: string | null) => void;
     checkboxStyle?: boolean;
-    errors?: Record<string, LunaticError[]>;
+    errors?: LunaticError[];
     className?: string;
     shortcut?: boolean;
     disabled?: boolean;

package/lib/src/components/radio/html/radio-option.d.ts

@@ -17,6 +17,7 @@ export type Props = {
     labelledBy?: string;
     label?: ReactNode;
     codeModality?: string;
+    invalid?: boolean;
 };
 declare const _default: import("react").ComponentType<Props>;
 export default _default;

package/lib/src/components/suggester/find-best-label/find-best-label.d.ts

@@ -1,2 +1,2 @@
-declare function findBestLabel(option: unknown, search: unknown): Promise<unknown>;
+declare function findBestLabel(option: unknown, search: unknown, workersBasePath?: string): Promise<unknown>;
 export default findBestLabel;

package/lib/src/components/suggester/html/suggester.d.ts

@@ -19,7 +19,7 @@ type Props = {
     }>;
     label?: ReactNode;
     description?: ReactNode;
-    errors?: Record<string, LunaticError[]>;
+    errors?: LunaticError[];
 };
 declare const _default: import("react").ComponentType<Props>;
 export default _default;

package/lib/src/components/suggester/idb-suggester/idb-suggester.d.ts

@@ -1,6 +1,9 @@
+import type { LunaticError } from '../../../use-lunatic/type';
 import type { LunaticComponentProps } from '../../type';
-type Props = Pick<LunaticComponentProps<'Suggester'>, 'storeName' | 'idbVersion' | 'id' | 'className' | 'optionRenderer' | 'labelRenderer' | 'disabled' | 'readOnly' | 'value' | 'label' | 'description' | 'getSuggesterStatus' | 'errors'> & {
+type Props = Pick<LunaticComponentProps<'Suggester'>, 'storeName' | 'idbVersion' | 'id' | 'className' | 'optionRenderer' | 'labelRenderer' | 'disabled' | 'readOnly' | 'value' | 'label' | 'description' | 'getSuggesterStatus'> & {
+    errors?: LunaticError[];
     onSelect: (v: string | null) => void;
+    workersBasePath?: string;
 };
-export declare function IDBSuggester({ storeName, idbVersion, id, className, optionRenderer, labelRenderer, onSelect, disabled, value, label, description, getSuggesterStatus, errors, readOnly, }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function IDBSuggester({ storeName, idbVersion, id, className, optionRenderer, labelRenderer, onSelect, disabled, value, label, description, getSuggesterStatus, errors, readOnly, workersBasePath, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/src/components/suggester/lunatic-suggester.d.ts

@@ -1,3 +1,3 @@
 import type { LunaticComponentProps } from '../type';
-declare function LunaticSuggester({ id, storeName, optionRenderer, labelRenderer, idbVersion, focused, value, handleChange, disabled, readOnly, errors, label, description, preferences, declarations, missing, missingResponse, management, response, className, getSuggesterStatus, }: LunaticComponentProps<'Suggester'>): import("react/jsx-runtime").JSX.Element;
+declare function LunaticSuggester({ id, storeName, optionRenderer, labelRenderer, idbVersion, focused, value, handleChange, disabled, readOnly, errors, label, description, preferences, declarations, missing, missingResponse, management, response, className, getSuggesterStatus, workersBasePath, }: LunaticComponentProps<'Suggester'>): import("react/jsx-runtime").JSX.Element;
 export default LunaticSuggester;

package/lib/src/components/suggester/searching/create-searching.d.ts

@@ -1,6 +1,6 @@
 import type { ComboBoxOptionType } from '../../commons/components/combo-box/combo-box.type';
 export declare function isWorkerCompatible(): boolean;
-declare function createSearching(name: string, version: string): (search: string | null) => Promise<{
+declare function createSearching(name: string, version: string, workersBasePath?: string): (search: string | null) => Promise<{
     results: ComboBoxOptionType[];
 }>;
 export default createSearching;

package/lib/src/components/switch/html/switch.d.ts

@@ -11,7 +11,7 @@ type Props = {
     onClick: (v: boolean) => void;
     id: string;
     label: ReactNode;
-    errors?: Record<string, LunaticError[]>;
+    errors?: LunaticError[];
 };
 declare const _default: import("react").ComponentType<Props>;
 export default _default;

package/lib/src/components/textarea/html/textarea.d.ts

@@ -1,6 +1,6 @@
 import { type ReactNode } from 'react';
 import './textarea.scss';
-import type { LunaticBaseProps } from '../../type';
+import { type LunaticError } from '../../../use-lunatic/type';
 type Props = {
     id?: string;
     rows?: number;
@@ -11,8 +11,9 @@ type Props = {
     label?: ReactNode;
     value?: string | number | null;
     description?: string;
-    errors?: LunaticBaseProps['errors'];
+    errors?: LunaticError[];
     readOnly?: boolean;
+    required?: boolean;
 };
 declare const _default: import("react").ComponentType<Props>;
 export default _default;

package/lib/src/components/type.d.ts

@@ -1,8 +1,8 @@
-import type { LunaticComponentDefinition, LunaticError, LunaticExpression, LunaticState } from '../use-lunatic/type';
 import type { CSSProperties, FunctionComponent, ReactNode } from 'react';
-import { SuggesterStatus } from '../use-lunatic/use-suggesters';
 import useLunatic from '../use-lunatic';
 import type { FilledLunaticComponentProps } from '../use-lunatic/commons/fill-components/fill-components';
+import type { LunaticComponentDefinition, LunaticError, LunaticExpression, LunaticState } from '../use-lunatic/type';
+import { SuggesterStatus } from '../use-lunatic/use-suggesters';
 type Formats = 'PTnHnM' | 'PnYnM';
 export type VtlExpression = {
     value: string;
@@ -60,7 +60,7 @@ export type SuggesterOption = {
 };
 type ComponentPropsByType = {
     InputNumber: LunaticBaseProps<number | null> & {
-        min: number;
+        min?: number;
         max: number;
         decimals: number;
         unit?: string;
@@ -237,6 +237,7 @@ type ComponentPropsByType = {
     };
     Suggester: LunaticBaseProps<string | null> & {
         storeName: string;
+        workersBasePath?: string;
         getSuggesterStatus: (name: string) => {
             status: SuggesterStatus;
             timestamp: number;

package/lib/src/hooks/use-auto-focus.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Focus the first focusable element in the wrapper when the "key" changes and is defined
+ */
+export declare function useAutoFocus(wrapperRef: {
+    current: HTMLDivElement | null;
+}, key?: string): void;

package/lib/src/use-lunatic/actions.d.ts

@@ -28,6 +28,7 @@ export type ActionHandleChange = {
             paginatedLoop?: unknown;
             shallowIteration?: unknown;
             lengths?: number[];
+            onChange?: LunaticState['handleChange'];
         };
     };
 };
@@ -53,6 +54,7 @@ export type ActionInit = {
         goNextPage: () => void;
         goPreviousPage: () => void;
         withOverview: boolean;
+        workersBasePath?: string;
     };
 };
 export type ActionOnSetWaiting = {
@@ -113,6 +115,7 @@ export declare const onInit: (payload: {
     goNextPage: () => void;
     goPreviousPage: () => void;
     withOverview: boolean;
+    workersBasePath?: string | undefined;
 }) => ActionInit & {
     type: ActionKind.ON_INIT;
 };