@inseefr/lunatic 2.7.1 → 2.7.3

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/DatepickerField.d.ts

@@ -0,0 +1,12 @@
+type Props = {
+    id: string;
+    label: string;
+    description: string;
+    max?: number;
+    onChange: (value: number) => void;
+    value?: number;
+    readOnly?: boolean;
+    disabled?: boolean;
+};
+export declare function DatepickerField({ label, id, description, onChange, value, max, readOnly, disabled, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,17 +1,18 @@
 import { type ReactNode } from 'react';
-import './datepicker.scss';
 import type { LunaticError } from '../../../use-lunatic/type';
+import './datepicker.scss';
 type Props = {
     label?: ReactNode;
     description?: ReactNode;
-    errors?: Record<string, LunaticError[]>;
+    errors?: LunaticError[];
     disabled?: boolean;
     readOnly?: boolean;
     min?: string;
     max?: string;
     id?: string;
     value?: string;
-    onChange: (s: string) => void;
+    onChange: (s: string | null) => void;
+    format?: string;
 };
 declare const _default: import("react").ComponentType<Props>;
 export default _default;

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 declare const _default: import("react").ComponentType<import("../type").LunaticBaseProps<string | null> & {
+    format: "YYYY-MM-DD" | "YYYY-MM" | "YYYY";
     min?: string | undefined;
     max?: string | undefined;
     response: {

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/duration/durationInput.d.ts

@@ -1,7 +1,11 @@
+import { type ReactNode } from 'react';
 import { type Formats } from './durationUtils';
-declare const DurationInput: ({ value, format, onChange, }: {
+type Props = {
+    label?: ReactNode;
+    id?: string;
     value: string | null;
     format: Formats;
     onChange: (s: string | null) => void;
-}) => import("react/jsx-runtime").JSX.Element;
+};
+declare const DurationInput: ({ value, format, onChange, label }: Props) => import("react/jsx-runtime").JSX.Element;
 export default DurationInput;

package/lib/src/components/duration/durationUtils.d.ts

@@ -7,19 +7,35 @@ export type DurationValue = {
 export type Formats = 'PTnHnM' | 'PnYnM';
 export declare const propsByUnit: {
     hours: {
-        min: string;
-        max: string;
+        min: number;
+        max: number;
+        size: number;
+        style: {
+            width: string;
+        };
     };
     minutes: {
-        min: string;
-        max: string;
+        min: number;
+        max: number;
+        size: number;
+        style: {
+            width: string;
+        };
     };
     months: {
-        min: string;
-        max: string;
+        min: number;
+        max: number;
+        size: number;
+        style: {
+            width: string;
+        };
     };
     years: {
-        min: string;
+        min: number;
+        size: number;
+        style: {
+            width: string;
+        };
     };
 };
 export declare const labelByUnit: {
@@ -28,3 +44,4 @@ export declare const labelByUnit: {
     months: string;
     years: string;
 };
+export declare function clampDuration(value: number | null, unit: keyof typeof propsByUnit): number | null;

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/check-store.d.ts

@@ -2,7 +2,10 @@ import { type PropsWithChildren } from 'react';
 type Props = PropsWithChildren<{
     storeName: string;
     version: number;
-    setStore: (v: any) => void;
+    onInfo: (v: any) => void;
 }>;
-declare function CheckStore({ storeName, version, setStore, children }: Props): import("react/jsx-runtime").JSX.Element;
+/**
+ * Check the store info displaying a message while it is fetching
+ */
+declare function CheckStore({ storeName, version, onInfo, children }: Props): import("react/jsx-runtime").JSX.Element;
 export default CheckStore;

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/idb-suggester/suggester-status.d.ts

@@ -17,10 +17,7 @@ type Props = PropsWithChildren<{
     description?: ReactNode;
 }>;
 /**
- * Component witch check status of loading process.
- * it notifies users through SuggesterNotification, a customizable component.
- * @param {} param0
- * @returns
+ * Check the status of suggester status and shows a warning / error
  */
 export declare function SuggesterStatus({ children, storeName, getSuggesterStatus, label, description, }: 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/suggester-loader-widget/loader-row.d.ts

@@ -1,10 +1,11 @@
 import type { SuggesterType } from '../../use-lunatic/type-source';
 type Props = {
     storeInfo: SuggesterType;
+    workersBasePath?: string;
     idbVersion: number;
     fetchStore: () => Promise<unknown[]>;
     disabled?: boolean;
     onRefresh: (s: string) => void;
 };
-declare function LoaderRow({ storeInfo, idbVersion, fetchStore, onRefresh, disabled, }: Props): import("react/jsx-runtime").JSX.Element;
+declare function LoaderRow({ storeInfo, workersBasePath, idbVersion, fetchStore, onRefresh, disabled, }: Props): import("react/jsx-runtime").JSX.Element;
 export default LoaderRow;

package/lib/src/components/suggester-loader-widget/loader.d.ts

@@ -7,6 +7,7 @@ type Props = {
     handleClick: (n: number) => void;
     start?: boolean;
     store: SuggesterType;
+    workersBasePath?: string;
 };
-declare function Loader({ start, db, store, idbVersion, fetch, post, handleClick, }: Props): import("react/jsx-runtime").JSX.Element;
+declare function Loader({ start, db, store, workersBasePath, idbVersion, fetch, post, handleClick, }: Props): import("react/jsx-runtime").JSX.Element;
 export default Loader;

package/lib/src/components/suggester-loader-widget/widget.d.ts

@@ -1,15 +1,16 @@
-import './widget.scss';
 import type { SuggesterType } from '../../use-lunatic/type-source';
+import './widget.scss';
 type Props = {
     absolute?: boolean;
     source: {
         suggesters: Array<SuggesterType>;
     };
+    workersBasePath?: string;
     onRefresh: () => void;
     getStoreInfo: (s: string) => {
         idbVersion: number;
         fetch: () => Promise<unknown[]>;
     };
 };
-declare function SuggesterLoaderWidget({ source, getStoreInfo, onRefresh, absolute, }: Props): import("react/jsx-runtime").JSX.Element;
+declare function SuggesterLoaderWidget({ source, workersBasePath, getStoreInfo, onRefresh, absolute, }: Props): import("react/jsx-runtime").JSX.Element;
 export default SuggesterLoaderWidget;

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, 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, 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;
@@ -129,6 +129,7 @@ type ComponentPropsByType = {
         iteration: LunaticState['pager']['iteration'];
     };
     Datepicker: LunaticBaseProps<string | null> & {
+        format: 'YYYY-MM-DD' | 'YYYY-MM' | 'YYYY';
         min?: string;
         max?: string;
         response: {
@@ -236,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

@@ -40,6 +40,7 @@ export type ActionInit = {
         goNextPage: () => void;
         goPreviousPage: () => void;
         withOverview: boolean;
+        workersBasePath?: string;
     };
 };
 export type ActionOnSetWaiting = {
@@ -100,6 +101,7 @@ export declare const onInit: (payload: {
     goNextPage: () => void;
     goPreviousPage: () => void;
     withOverview: boolean;
+    workersBasePath?: string | undefined;
 }) => ActionInit & {
     type: ActionKind.ON_INIT;
 };