@inseefr/lunatic 3.4.5-rc.0 → 3.4.6-rc.0

package/esm/components/type.d.ts

@@ -0,0 +1,305 @@
+import type { CSSProperties, FunctionComponent, ReactNode } from 'react';
+import { useLunatic } from '../use-lunatic/use-lunatic';
+import type { LunaticChangesHandler, LunaticComponentDefinition, LunaticError, LunaticOptions, LunaticReducerState } from '../use-lunatic/type';
+import type { InterpretedOption } from '../use-lunatic/props/propOptions';
+type Formats = 'PTnHnM' | 'PnYnM';
+export type VtlExpression = {
+    value: string;
+    type: 'VTL' | 'VTL|MD' | 'TXT';
+};
+export interface LunaticExtraProps {
+}
+export type LunaticBaseProps<ValueType = unknown> = {
+    id: string;
+    handleChanges: LunaticChangesHandler;
+    errors?: {
+        [id: string]: LunaticError[];
+    };
+    preferences?: LunaticOptions['preferences'];
+    label?: ReactNode;
+    disabled?: boolean;
+    missing?: unknown;
+    missingResponse?: {
+        name: string;
+        value?: unknown;
+    };
+    management?: LunaticOptions['management'];
+    description?: ReactNode;
+    shortcut?: boolean;
+    required?: boolean;
+    value: null | ValueType;
+    readOnly?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    iteration?: number;
+    declarations?: {
+        id: string;
+        declarationType: 'INSTRUCTION' | 'COMMENT' | 'HELP' | 'CODECARD' | 'WARNING' | 'STATEMENT';
+        position: string;
+        label: ReactNode;
+    }[];
+    features?: string[];
+    goNextPage?: () => void;
+    goPreviousPage?: () => void;
+    meta?: Record<string, unknown>;
+    propsTransformer?: (v: any) => any;
+};
+export type SuggesterOption = {
+    children?: string[];
+    id?: string;
+    description?: ReactNode;
+    label?: ReactNode;
+    value: string;
+    niveau?: string;
+    parent?: string;
+    tokensMap?: Record<string, {
+        count: number;
+        fields: string[];
+    }>;
+};
+export type ComponentPropsByType = {
+    InputNumber: LunaticBaseProps<number | null> & LunaticExtraProps & {
+        min?: number;
+        max?: number;
+        decimals?: number;
+        unit?: string;
+        response: {
+            name: string;
+        };
+        componentType?: 'InputNumber';
+    };
+    Duration: LunaticBaseProps<string | null> & LunaticExtraProps & {
+        format: Formats;
+        response: {
+            name: string;
+        };
+        componentType?: 'Duration';
+    };
+    Text: LunaticBaseProps<string> & LunaticExtraProps & {
+        componentType?: 'Text';
+    };
+    Input: LunaticBaseProps<string> & LunaticExtraProps & {
+        maxLength?: number;
+        value: null | string;
+        response: {
+            name: string;
+        };
+        componentType?: 'Input';
+    };
+    Accordion: LunaticBaseProps<string> & LunaticExtraProps & {
+        componentType?: 'Accordion';
+        items: {
+            label: ReactNode;
+            body: ReactNode;
+        }[];
+    };
+    Sequence: Pick<LunaticBaseProps<string>, 'id' | 'label' | 'style' | 'declarations' | 'description'> & LunaticExtraProps & {
+        componentType?: 'Sequence';
+    };
+    Subsequence: Pick<LunaticBaseProps<string>, 'id' | 'label' | 'declarations' | 'description'> & LunaticExtraProps & {
+        componentType?: 'Subsequence';
+    };
+    Question: Pick<LunaticBaseProps<unknown>, 'propsTransformer' | 'label' | 'id' | 'description' | 'declarations' | 'errors' | 'disabled' | 'readOnly'> & LunaticExtraProps & {
+        components: LunaticComponentProps[];
+        componentType?: 'Question';
+        iteration?: number;
+    };
+    RosterForLoop: LunaticBaseProps<unknown> & LunaticExtraProps & {
+        lines: {
+            min: number;
+            max: number;
+        };
+        iterations: number;
+        getComponents: (n: number) => LunaticComponentProps[];
+        executeExpression: LunaticReducerState['executeExpression'];
+        value: Record<string, unknown[]>;
+        header?: Array<{
+            label: ReactNode;
+            rowspan?: number;
+            colspan?: number;
+        }>;
+        paginatedLoop?: boolean;
+        componentType?: 'RosterForLoop';
+    };
+    Loop: LunaticBaseProps<unknown> & LunaticExtraProps & {
+        lines: {
+            min: number;
+            max: number;
+        };
+        iterations: number;
+        getComponents: (n: number) => LunaticComponentProps[];
+        executeExpression: LunaticReducerState['executeExpression'];
+        value: Record<string, unknown[]>;
+        header?: Array<{
+            label: ReactNode;
+        }>;
+        paginatedLoop?: boolean;
+        componentType?: 'Loop';
+    };
+    Table: LunaticBaseProps<unknown> & LunaticExtraProps & {
+        value: Record<string, unknown>;
+        header: Array<{
+            label: ReactNode;
+            rowspan?: number;
+            colspan?: number;
+        }>;
+        body: (LunaticComponentProps & {
+            colspan?: number;
+            rowspan?: number;
+        })[][];
+        executeExpression: LunaticReducerState['executeExpression'];
+        iteration: LunaticReducerState['pager']['iteration'];
+        componentType?: 'Table';
+    };
+    Datepicker: LunaticBaseProps<string | null> & LunaticExtraProps & {
+        dateFormat: 'YYYY-MM-DD' | 'YYYY-MM' | 'YYYY';
+        min?: string;
+        max?: string;
+        response: {
+            name: string;
+        };
+        componentType?: 'Datepicker';
+    };
+    CheckboxGroup: LunaticBaseProps<Record<string, boolean | null>> & LunaticExtraProps & {
+        options: {
+            id: string;
+            label: ReactNode;
+            name: string;
+            checked: boolean;
+            description?: ReactNode;
+            onCheck: (b: boolean) => void;
+            onDetailChange?: (v: string) => void;
+            detailValue?: string | null;
+            detailLabel?: ReactNode;
+        }[];
+        orientation?: 'horizontal' | 'vertical';
+        componentType?: 'CheckboxGroup';
+    };
+    CheckboxOne: LunaticBaseProps<string | null> & LunaticExtraProps & {
+        options: Array<InterpretedOption>;
+        componentType?: 'CheckboxOne';
+        orientation?: 'horizontal' | 'vertical';
+    };
+    Switch: LunaticBaseProps<boolean> & LunaticExtraProps & {
+        response: {
+            name: string;
+        };
+        statusLabel?: {
+            true: string;
+            false: string;
+        };
+        componentType?: 'Switch';
+    };
+    CheckboxBoolean: LunaticBaseProps<boolean> & LunaticExtraProps & {
+        response: {
+            name: string;
+        };
+        componentType?: 'CheckboxBoolean';
+    };
+    Radio: LunaticBaseProps<string | null> & LunaticExtraProps & {
+        options: Array<InterpretedOption>;
+        checkboxStyle?: boolean;
+        response: {
+            name: string;
+        };
+        componentType?: 'Radio';
+        orientation?: 'horizontal' | 'vertical';
+    };
+    Roundabout: LunaticBaseProps<string> & LunaticExtraProps & {
+        iterations: number;
+        goToPage: ReturnType<typeof useLunatic>['goToPage'];
+        page: number;
+        progressVariable: string;
+        locked: boolean;
+        items: {
+            label?: ReactNode;
+            progress: number;
+            description?: ReactNode;
+            disabled?: boolean;
+        }[];
+        componentType?: 'Roundabout';
+    };
+    Dropdown: LunaticBaseProps<string | null> & LunaticExtraProps & {
+        options: Array<{
+            description?: ReactNode;
+            label: ReactNode;
+            value: string;
+        }>;
+        response: {
+            name: string;
+        };
+        componentType?: 'Dropdown';
+    };
+    Textarea: LunaticBaseProps<string> & LunaticExtraProps & {
+        cols?: number;
+        placeHolder?: string;
+        maxLength?: number;
+        rows?: number;
+        response: {
+            name: string;
+        };
+        componentType?: 'Textarea';
+    };
+    FilterDescription: Pick<LunaticBaseProps<string>, 'id' | 'label'> & LunaticExtraProps & {
+        componentType?: 'FilterDescription';
+    };
+    PairwiseLinks: Omit<LunaticBaseProps, 'value'> & LunaticExtraProps & {
+        components: LunaticComponentDefinition[];
+        features?: LunaticOptions['features'];
+        executeExpression: LunaticReducerState['executeExpression'];
+        xAxisIterations: number;
+        yAxisIterations: number;
+        symLinks: Record<string, Record<string, string>>;
+        value: Record<string, unknown[]>;
+        getComponents: (x: number, y: number) => LunaticComponentProps[];
+        componentType?: 'PairwiseLinks';
+    };
+    Suggester: LunaticBaseProps<string | null> & LunaticExtraProps & {
+        componentType?: 'Suggester';
+        storeName: string;
+        optionRenderer: FunctionComponent<{
+            option: SuggesterOption;
+            placeholder?: string;
+            search?: string;
+        }>;
+        labelRenderer: FunctionComponent<{
+            option?: SuggesterOption;
+            selected?: boolean;
+            search?: string;
+        }>;
+        focused: boolean;
+        response: {
+            name: string;
+        };
+        optionResponses?: {
+            name: string;
+            attribute: string;
+        }[];
+        arbitrary?: {
+            response: {
+                name: string;
+            };
+        };
+        arbitraryValue?: string;
+        allowArbitrary?: boolean;
+        executeExpression: LunaticReducerState['executeExpression'];
+        iteration: LunaticReducerState['pager']['iteration'];
+    };
+    Summary: LunaticBaseProps<string | null> & LunaticExtraProps & {
+        componentType?: 'Summary';
+        executeExpression: LunaticReducerState['executeExpression'];
+        sections: Array<{
+            id: string;
+            responses?: Array<{
+                id: string;
+                label: VtlExpression;
+                value: VtlExpression;
+            }>;
+            title?: VtlExpression;
+            iterations?: VtlExpression;
+        }>;
+    };
+};
+export type LunaticComponentType = keyof ComponentPropsByType;
+export type LunaticComponentProps<T extends LunaticComponentType = LunaticComponentType> = ComponentPropsByType[T];
+export {};

package/esm/components/type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=type.js.map

package/esm/components/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../src/components/type.ts"],"names":[],"mappings":""}

package/esm/constants/component-types.d.ts

@@ -0,0 +1 @@
+export declare const CHECKBOX_GROUP = "CheckboxGroup";

package/esm/constants/component-types.js

@@ -0,0 +1,2 @@
+export const CHECKBOX_GROUP = 'CheckboxGroup';
+//# sourceMappingURL=component-types.js.map

package/esm/constants/component-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-types.js","sourceRoot":"","sources":["../../src/constants/component-types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG,eAAe,CAAC"}

package/esm/constants/declarations.d.ts

@@ -0,0 +1,9 @@
+export declare const BEFORE_QUESTION_TEXT = "BEFORE_QUESTION_TEXT";
+export declare const AFTER_QUESTION_TEXT = "AFTER_QUESTION_TEXT";
+export declare const DETACHABLE = "DETACHABLE";
+export declare const INSTRUCTION = "INSTRUCTION";
+export declare const COMMENT = "COMMENT";
+export declare const HELP = "HELP";
+export declare const WARNING = "WARNING";
+export declare const MESSAGE_FILTER = "MESSAGE_FILTER";
+export declare const STATEMENT = "STATEMENT";

package/esm/constants/declarations.js

@@ -0,0 +1,12 @@
+// Declaration position
+export const BEFORE_QUESTION_TEXT = 'BEFORE_QUESTION_TEXT';
+export const AFTER_QUESTION_TEXT = 'AFTER_QUESTION_TEXT';
+export const DETACHABLE = 'DETACHABLE';
+// Declaration types
+export const INSTRUCTION = 'INSTRUCTION';
+export const COMMENT = 'COMMENT';
+export const HELP = 'HELP';
+export const WARNING = 'WARNING';
+export const MESSAGE_FILTER = 'MESSAGE_FILTER';
+export const STATEMENT = 'STATEMENT';
+//# sourceMappingURL=declarations.js.map

package/esm/constants/declarations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"declarations.js","sourceRoot":"","sources":["../../src/constants/declarations.ts"],"names":[],"mappings":"AAAA,uBAAuB;AAEvB,MAAM,CAAC,MAAM,oBAAoB,GAAG,sBAAsB,CAAC;AAC3D,MAAM,CAAC,MAAM,mBAAmB,GAAG,qBAAqB,CAAC;AACzD,MAAM,CAAC,MAAM,UAAU,GAAG,YAAY,CAAC;AAEvC,oBAAoB;AAEpB,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAC;AACzC,MAAM,CAAC,MAAM,OAAO,GAAG,SAAS,CAAC;AACjC,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC;AAC3B,MAAM,CAAC,MAAM,OAAO,GAAG,SAAS,CAAC;AACjC,MAAM,CAAC,MAAM,cAAc,GAAG,gBAAgB,CAAC;AAC/C,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAAC"}

package/esm/constants/event-types.d.ts

@@ -0,0 +1,10 @@
+export declare const EVENT_FOCUS_IN = "focus-in";
+export declare const EVENT_FOCUS_OUT = "focus-out";
+export declare const EVENT_SELECTION = "selection";
+export declare const EVENT_CLICK = "click";
+export declare const EVENT_VALUE_CHANGE = "value-changed";
+export declare const INPUT_CATEGORY = "lunatic-input";
+export declare const BUTTON_CATEGORY = "lunatic-button";
+export declare const LINK_CATEGORY = "lunatic-link";
+export declare const TOOLTIP_CATEGORY = "lunatic-tooltip";
+export declare const CALCULATED_VAR_CATEGORY = "lunatic-calculated-var";

package/esm/constants/event-types.js

@@ -0,0 +1,13 @@
+// Event types for paradata
+export const EVENT_FOCUS_IN = 'focus-in';
+export const EVENT_FOCUS_OUT = 'focus-out';
+export const EVENT_SELECTION = 'selection';
+export const EVENT_CLICK = 'click';
+export const EVENT_VALUE_CHANGE = 'value-changed';
+// Category of object
+export const INPUT_CATEGORY = 'lunatic-input';
+export const BUTTON_CATEGORY = 'lunatic-button';
+export const LINK_CATEGORY = 'lunatic-link';
+export const TOOLTIP_CATEGORY = 'lunatic-tooltip';
+export const CALCULATED_VAR_CATEGORY = 'lunatic-calculated-var';
+//# sourceMappingURL=event-types.js.map

package/esm/constants/event-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"event-types.js","sourceRoot":"","sources":["../../src/constants/event-types.ts"],"names":[],"mappings":"AAAA,2BAA2B;AAC3B,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAAC;AACzC,MAAM,CAAC,MAAM,eAAe,GAAG,WAAW,CAAC;AAC3C,MAAM,CAAC,MAAM,eAAe,GAAG,WAAW,CAAC;AAC3C,MAAM,CAAC,MAAM,WAAW,GAAG,OAAO,CAAC;AACnC,MAAM,CAAC,MAAM,kBAAkB,GAAG,eAAe,CAAC;AAElD,qBAAqB;AACrB,MAAM,CAAC,MAAM,cAAc,GAAG,eAAe,CAAC;AAC9C,MAAM,CAAC,MAAM,eAAe,GAAG,gBAAgB,CAAC;AAChD,MAAM,CAAC,MAAM,aAAa,GAAG,cAAc,CAAC;AAC5C,MAAM,CAAC,MAAM,gBAAgB,GAAG,iBAAiB,CAAC;AAClD,MAAM,CAAC,MAAM,uBAAuB,GAAG,wBAAwB,CAAC"}

package/esm/constants/index.d.ts

@@ -0,0 +1,5 @@
+export * from './component-types';
+export * from './declarations';
+export * from './value-types';
+export * from './variable-types';
+export * from './event-types';

package/esm/constants/index.js

@@ -0,0 +1,6 @@
+export * from './component-types';
+export * from './declarations';
+export * from './value-types';
+export * from './variable-types';
+export * from './event-types';
+//# sourceMappingURL=index.js.map

package/esm/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/constants/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC"}

package/esm/constants/indexedDBStore.d.ts

@@ -0,0 +1,21 @@
+export declare const STORE_DATA_NAME = "store/entities";
+export declare const STORE_INFO_NAME = "store/info";
+export declare const STORE_INDEX_NAME = "store/entities/index";
+export declare const STORE_INDEX_PATH = "searching";
+export declare const MAX_STRING: string;
+export declare const SEARCH_TYPES: {
+    prefix: string;
+    tokens: string;
+};
+declare const IndexedDBStore: {
+    STORE_DATA_NAME: string;
+    STORE_INDEX_NAME: string;
+    STORE_INDEX_PATH: string;
+    MAX_STRING: string;
+    SEARCH_TYPES: {
+        prefix: string;
+        tokens: string;
+    };
+    STORE_INFO_NAME: string;
+};
+export default IndexedDBStore;

package/esm/constants/indexedDBStore.js

@@ -0,0 +1,19 @@
+export const STORE_DATA_NAME = 'store/entities';
+export const STORE_INFO_NAME = 'store/info';
+export const STORE_INDEX_NAME = 'store/entities/index';
+export const STORE_INDEX_PATH = 'searching';
+export const MAX_STRING = String.fromCharCode(65535);
+export const SEARCH_TYPES = {
+    prefix: 'search/prefix',
+    tokens: 'search/tokens',
+};
+const IndexedDBStore = {
+    STORE_DATA_NAME,
+    STORE_INDEX_NAME,
+    STORE_INDEX_PATH,
+    MAX_STRING,
+    SEARCH_TYPES,
+    STORE_INFO_NAME,
+};
+export default IndexedDBStore;
+//# sourceMappingURL=indexedDBStore.js.map

package/esm/constants/indexedDBStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"indexedDBStore.js","sourceRoot":"","sources":["../../src/constants/indexedDBStore.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,gBAAgB,CAAC;AAChD,MAAM,CAAC,MAAM,eAAe,GAAG,YAAY,CAAC;AAC5C,MAAM,CAAC,MAAM,gBAAgB,GAAG,sBAAsB,CAAC;AACvD,MAAM,CAAC,MAAM,gBAAgB,GAAG,WAAW,CAAC;AAC5C,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;AACrD,MAAM,CAAC,MAAM,YAAY,GAAG;IAC3B,MAAM,EAAE,eAAe;IACvB,MAAM,EAAE,eAAe;CACvB,CAAC;AAEF,MAAM,cAAc,GAAG;IACtB,eAAe;IACf,gBAAgB;IAChB,gBAAgB;IAChB,UAAU;IACV,YAAY;IACZ,eAAe;CACf,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/esm/constants/supported-preferences.d.ts

@@ -0,0 +1 @@
+export declare const supportedPreferences: string[];

package/esm/constants/supported-preferences.js

@@ -0,0 +1,10 @@
+import * as C from './value-types';
+// ORDERED ARRAY
+export const supportedPreferences = [
+    C.PREVIOUS,
+    C.COLLECTED,
+    C.FORCED,
+    C.EDITED,
+    C.INPUTTED,
+];
+//# sourceMappingURL=supported-preferences.js.map

package/esm/constants/supported-preferences.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"supported-preferences.js","sourceRoot":"","sources":["../../src/constants/supported-preferences.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,CAAC,MAAM,eAAe,CAAC;AAEnC,gBAAgB;AAChB,MAAM,CAAC,MAAM,oBAAoB,GAAG;IACnC,CAAC,CAAC,QAAQ;IACV,CAAC,CAAC,SAAS;IACX,CAAC,CAAC,MAAM;IACR,CAAC,CAAC,MAAM;IACR,CAAC,CAAC,QAAQ;CACV,CAAC"}

package/esm/constants/value-types.d.ts

@@ -0,0 +1,5 @@
+export declare const PREVIOUS = "PREVIOUS";
+export declare const COLLECTED = "COLLECTED";
+export declare const FORCED = "FORCED";
+export declare const EDITED = "EDITED";
+export declare const INPUTTED = "INPUTTED";

package/esm/constants/value-types.js

@@ -0,0 +1,6 @@
+export const PREVIOUS = 'PREVIOUS';
+export const COLLECTED = 'COLLECTED';
+export const FORCED = 'FORCED';
+export const EDITED = 'EDITED';
+export const INPUTTED = 'INPUTTED';
+//# sourceMappingURL=value-types.js.map

package/esm/constants/value-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"value-types.js","sourceRoot":"","sources":["../../src/constants/value-types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAC;AACnC,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAAC;AACrC,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC;AAC/B,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC;AAC/B,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAC"}

package/esm/constants/variable-types.d.ts

@@ -0,0 +1,2 @@
+export declare const EXTERNAL: "EXTERNAL";
+export declare const CALCULATED: "CALCULATED";

package/esm/constants/variable-types.js

@@ -0,0 +1,5 @@
+export const EXTERNAL = 'EXTERNAL';
+export const CALCULATED = 'CALCULATED';
+// Already define in value-types
+//export const COLLECTED = 'COLLECTED';
+//# sourceMappingURL=variable-types.js.map

package/esm/constants/variable-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"variable-types.js","sourceRoot":"","sources":["../../src/constants/variable-types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAmB,CAAC;AAC5C,MAAM,CAAC,MAAM,UAAU,GAAG,YAAqB,CAAC;AAChD,gCAAgC;AAChC,uCAAuC"}

package/esm/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/esm/hooks/use-auto-focus.js

@@ -0,0 +1,19 @@
+import { useEffect } from 'react';
+/**
+ * Focus the first focusable element in the wrapper when the "key" changes and is defined
+ */
+export function useAutoFocus(wrapperRef, key) {
+    useEffect(() => {
+        var _a, _b, _c;
+        if (!key || !wrapperRef.current) {
+            return;
+        }
+        // First look for invalid fields, then all fields
+        const firstFocusableElement = (_b = (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('button[aria-invalid="true"], [href][aria-invalid="true"], input[aria-invalid="true"], select[aria-invalid="true"], textarea[aria-invalid="true"], [tabindex][aria-invalid="true"]:not([tabindex="-1"])')) !== null && _b !== void 0 ? _b : (_c = wrapperRef.current) === null || _c === void 0 ? void 0 : _c.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+        // The first element can be focusable
+        if (firstFocusableElement) {
+            return firstFocusableElement.focus();
+        }
+    }, [key, wrapperRef]);
+}
+//# sourceMappingURL=use-auto-focus.js.map

package/esm/hooks/use-auto-focus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-auto-focus.js","sourceRoot":"","sources":["../../src/hooks/use-auto-focus.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC;;GAEG;AACH,MAAM,UAAU,YAAY,CAC3B,UAA8C,EAC9C,GAAY;IAEZ,SAAS,CAAC,GAAG,EAAE;;QACd,IAAI,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;YACjC,OAAO;QACR,CAAC;QAED,iDAAiD;QACjD,MAAM,qBAAqB,GAC1B,MAAC,MAAA,UAAU,CAAC,OAAO,0CAAE,aAAa,CACjC,wMAAwM,CAC5K,mCAC5B,MAAA,UAAU,CAAC,OAAO,0CAAE,aAAa,CACjC,0EAA0E,CAC9C,CAAC;QAE/B,qCAAqC;QACrC,IAAI,qBAAqB,EAAE,CAAC;YAC3B,OAAO,qBAAqB,CAAC,KAAK,EAAE,CAAC;QACtC,CAAC;IACF,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,CAAC;AACvB,CAAC"}

package/esm/hooks/use-track-changes.d.ts

@@ -0,0 +1,11 @@
+import type { LunaticVariablesStore } from '../use-lunatic/commons/variables/lunatic-variables-store';
+import type { LunaticData } from '../use-lunatic/type';
+/**
+ * Allow tracking changed while interacting with Lunatic forms
+ */
+export declare function useTrackChanges(enabled: boolean, store: LunaticVariablesStore, getData: (names: string[]) => LunaticData): {
+    getChangedData: (reset?: boolean) => Partial<Record<"EXTERNAL" | "CALCULATED", Record<string, unknown>> & {
+        COLLECTED: Record<string, import("../use-lunatic/type").LunaticCollectedValue>;
+    }>;
+    resetChangedData: () => void;
+};

package/esm/hooks/use-track-changes.js

@@ -0,0 +1,41 @@
+import { useCallback, useEffect, useRef } from 'react';
+import { useRefSync } from './useRefSync';
+/**
+ * Allow tracking changed while interacting with Lunatic forms
+ */
+export function useTrackChanges(enabled, store, getData) {
+    // Saves the list of changed variable
+    const changedVariables = useRef(new Set());
+    // Use ref to avoid dependencies in useCallback
+    const enabledRef = useRefSync(enabled);
+    const getDataRef = useRefSync(getData);
+    useEffect(() => {
+        if (!enabled || !store) {
+            return;
+        }
+        const handleChange = (e) => {
+            changedVariables.current.add(e.detail.name);
+        };
+        store.on('change', handleChange);
+        return () => store.off('change', handleChange);
+    }, [enabled, store]);
+    // Reset list of changed variables
+    const resetChangedData = useCallback(() => {
+        changedVariables.current.clear();
+    }, [changedVariables]);
+    const getChangedData = useCallback((reset = false) => {
+        if (!enabledRef.current) {
+            throw new Error('getChangedData() cannot be used without enabling tracking mode, add "trackChanges: true" to useLunatic options');
+        }
+        const data = getDataRef.current(Array.from(changedVariables.current));
+        if (reset) {
+            resetChangedData();
+        }
+        return data;
+    }, [enabledRef, getDataRef, resetChangedData]);
+    return {
+        getChangedData,
+        resetChangedData,
+    };
+}
+//# sourceMappingURL=use-track-changes.js.map

package/esm/hooks/use-track-changes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-track-changes.js","sourceRoot":"","sources":["../../src/hooks/use-track-changes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAO1C;;GAEG;AACH,MAAM,UAAU,eAAe,CAC9B,OAAgB,EAChB,KAA4B,EAC5B,OAAyC;IAEzC,qCAAqC;IACrC,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,GAAG,EAAU,CAAC,CAAC;IACnD,+CAA+C;IAC/C,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IACvC,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IAEvC,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC;YACxB,OAAO;QACR,CAAC;QACD,MAAM,YAAY,GAAG,CAAC,CAAuC,EAAE,EAAE;YAChE,gBAAgB,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QAC7C,CAAC,CAAC;QACF,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACjC,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAErB,kCAAkC;IAClC,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,gBAAgB,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IAClC,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,MAAM,cAAc,GAAG,WAAW,CACjC,CAAC,QAAiB,KAAK,EAAE,EAAE;QAC1B,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;YACzB,MAAM,IAAI,KAAK,CACd,gHAAgH,CAChH,CAAC;QACH,CAAC;QACD,MAAM,IAAI,GAAG,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;QACtE,IAAI,KAAK,EAAE,CAAC;YACX,gBAAgB,EAAE,CAAC;QACpB,CAAC;QACD,OAAO,IAAI,CAAC;IACb,CAAC,EACD,CAAC,UAAU,EAAE,UAAU,EAAE,gBAAgB,CAAC,CAC1C,CAAC;IAEF,OAAO;QACN,cAAc;QACd,gBAAgB;KAChB,CAAC;AACH,CAAC"}

package/esm/hooks/use-why-render.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Debugging hook that log what changed between 2 renders
+ */
+export declare function useWhyRender(props: Record<string, any>, prefix?: string): void;

package/esm/hooks/use-why-render.js

@@ -0,0 +1,14 @@
+import { useRef } from 'react';
+/**
+ * Debugging hook that log what changed between 2 renders
+ */
+export function useWhyRender(props, prefix = '') {
+    const propsRef = useRef(props);
+    for (const key in props) {
+        if (propsRef.current[key] !== props[key]) {
+            console.log(`${prefix}: ${key} changed`);
+        }
+    }
+    propsRef.current = props;
+}
+//# sourceMappingURL=use-why-render.js.map

package/esm/hooks/use-why-render.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-why-render.js","sourceRoot":"","sources":["../../src/hooks/use-why-render.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B;;GAEG;AACH,MAAM,UAAU,YAAY,CAAC,KAA0B,EAAE,SAAiB,EAAE;IAC3E,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/B,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE,CAAC;QACzB,IAAI,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;YAC1C,OAAO,CAAC,GAAG,CAAC,GAAG,MAAM,KAAK,GAAG,UAAU,CAAC,CAAC;QAC1C,CAAC;IACF,CAAC;IACD,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;AAC1B,CAAC"}

package/esm/hooks/useDebounce.d.ts

@@ -0,0 +1,4 @@
+import { type DependencyList } from 'react';
+export declare const useDebounce: <A extends unknown[], R = void>(fn: (...args: A) => R, ms: number) => ((...args: A) => Promise<R>);
+export declare const useDebouncedState: <A>(initialState: A, ms: number) => [A, (args: A) => void];
+export declare const useEffectDebounced: (cb: () => void, deps: DependencyList, ms: number) => void;

package/esm/hooks/useDebounce.js

@@ -0,0 +1,24 @@
+import { useEffect, useMemo, useState } from 'react';
+import { debounce } from '../utils/function';
+import { useRefSync } from './useRefSync';
+export const useDebounce = (fn, ms) => {
+    const fnRef = useRefSync(fn);
+    const [debouncedFun, teardown] = useMemo(() => {
+        return debounce((...args) => fnRef.current(...args), ms);
+    }, [fnRef, ms]);
+    useEffect(() => teardown, [teardown]);
+    return debouncedFun;
+};
+export const useDebouncedState = (initialState, ms) => {
+    const [state, setState] = useState(initialState);
+    const debounceSetState = useDebounce(setState, ms);
+    return [state, debounceSetState];
+};
+export const useEffectDebounced = (cb, deps, ms) => {
+    const debouncedCb = useDebounce(cb, ms);
+    useEffect(() => {
+        debouncedCb().catch(console.error);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [debouncedCb, ...deps]);
+};
+//# sourceMappingURL=useDebounce.js.map