@inseefr/lunatic 3.0.0-rc.1 → 3.0.0-rc.10

package/lib/src/components/shared/Fieldset/Fieldset.d.ts

@@ -1,5 +1,4 @@
 import { type PropsWithChildren, type ReactNode } from 'react';
-import './Fieldset.scss';
 import type { LunaticBaseProps } from '../../type';
 type Props = PropsWithChildren<{
     legend?: ReactNode;

package/lib/src/components/shared/HOC/slottableComponent.d.ts

@@ -0,0 +1,105 @@
+import { type ComponentType, type FunctionComponent, type PropsWithChildren } from 'react';
+import type { Subsequence } from '../../Subsequence/Subsequence';
+import type { CustomInput } from '../../Input/Input';
+import type { Declaration, Declarations } from '../Declarations/Declarations';
+import type { Label } from '../Label/Label';
+import type { Table, Tbody, Td, Th, Thead, Tr } from '../Table';
+import type { CustomTextarea } from '../../Textarea/Textarea';
+import type { RadioGroup } from '../Radio/RadioGroup';
+import type { CustomRoundabout } from '../../Roundabout/CustomRoundabout';
+import type { RoundaboutContainer, RoundaboutItContainer, RoundaboutItTitle, RoundaboutLabel, RoundaboutPending } from '../../Roundabout/extra';
+import type { RoundaboutItButton } from '../../Roundabout/RoundaboutItButton';
+import type { Button } from '../Button/Button';
+import type { CustomCheckboxBoolean } from '../../CheckboxBoolean/CheckboxBoolean';
+import type { CheckboxOption } from '../Checkbox/CheckboxOption';
+import type { CustomDatepicker } from '../../Datepicker/Datepicker';
+import type { CustomDuration } from '../../Duration/Duration';
+import type { Fieldset } from '../Fieldset/Fieldset';
+import type { CustomInputNumber } from '../../InputNumber/InputNumber';
+import type { CustomQuestion } from '../../Question/Question';
+import type { RadioOption } from '../Radio/RadioOption';
+import type { Sequence } from '../../Sequence/Sequence';
+import type { CustomSwitch } from '../../Switch/Switch';
+import type { CustomLoop } from '../../Loop/Loop';
+import type { CustomDropdown } from '../../Dropdown/Dropdown';
+import type { Combobox } from '../Combobox/Combobox';
+import type { ComboboxContainer } from '../Combobox/ComboboxContainer';
+import type { ComboboxContentBox } from '../Combobox/ComboboxContentBox';
+import type { ComboboxOption } from '../Combobox/Panel/ComboboxOption';
+import type { ComboboxPanelContainer } from '../Combobox/Panel/ComboboxPanelContainer';
+import type { ComboboxClearButton } from '../Combobox/Selection/ComboboxClearButton';
+import type { ComboboxLabelSelection } from '../Combobox/Selection/ComboboxLabelSelection';
+import type { SuggesterNotification } from '../../Suggester/SuggesterNotification';
+import type { Radio } from '../../Radio/Radio';
+import type { ComboboxInput } from '../Combobox/Selection/ComboboxInput';
+import type { CustomSuggester } from '../../Suggester/CustomSuggester';
+import type { CustomCheckboxGroup } from '../../CheckboxGroup/CustomCheckboxGroup';
+import type { RouterLink } from '../MDLabel/RouterLink';
+import type { SummaryResponses, SummaryTitle } from '../../Summary/Summary';
+import type { FilledLunaticComponentProps } from '../../../use-lunatic/commons/fill-components/fill-components';
+/**
+ * Contains the type of every customizable component
+ */
+export type LunaticSlotComponents = {
+    Input: typeof CustomInput;
+    InputNumber: typeof CustomInputNumber;
+    Sequence: typeof Sequence;
+    Switch: typeof CustomSwitch;
+    Subsequence: typeof Subsequence;
+    Textarea: typeof CustomTextarea;
+    Datepicker: typeof CustomDatepicker;
+    Duration: typeof CustomDuration;
+    Question: typeof CustomQuestion;
+    Loop: typeof CustomLoop;
+    Dropdown: typeof CustomDropdown;
+    Radio: typeof Radio;
+    Suggester: typeof CustomSuggester;
+    CheckboxBoolean: typeof CustomCheckboxBoolean;
+    CheckboxGroup: typeof CustomCheckboxGroup;
+    CheckboxOption: typeof CheckboxOption;
+    RadioGroup: typeof RadioGroup;
+    RadioOption: typeof RadioOption;
+    Combobox: typeof Combobox;
+    ComboboxContainer: typeof ComboboxContainer;
+    ComboboxContentBox: typeof ComboboxContentBox;
+    ComboboxPanelContainer: typeof ComboboxPanelContainer;
+    ComboboxOption: typeof ComboboxOption;
+    ComboboxInput: typeof ComboboxInput;
+    ComboboxClearButton: typeof ComboboxClearButton;
+    ComboboxLabelSelection: typeof ComboboxLabelSelection;
+    Roundabout: typeof CustomRoundabout;
+    RoundaboutContainer: typeof RoundaboutContainer;
+    RoundaboutLabel: typeof RoundaboutLabel;
+    RoundaboutItTitle: typeof RoundaboutItTitle;
+    RoundaboutItContainer: typeof RoundaboutItContainer;
+    RoundaboutItButton: typeof RoundaboutItButton;
+    RoundaboutPending: typeof RoundaboutPending;
+    SuggesterNotification: typeof SuggesterNotification;
+    SummaryTitle: typeof SummaryTitle;
+    SummaryResponses: typeof SummaryResponses;
+    Button: typeof Button;
+    Label: typeof Label;
+    Declarations: typeof Declarations;
+    Declaration: typeof Declaration;
+    Tr: typeof Tr;
+    Td: typeof Td;
+    Th: typeof Th;
+    Tbody: typeof Tbody;
+    Table: typeof Table;
+    Thead: typeof Thead;
+    Fieldset: typeof Fieldset;
+    Notification: typeof Notification;
+    RouterLink: typeof RouterLink;
+    ComponentWrapper: ComponentType<PropsWithChildren<FilledLunaticComponentProps & {
+        index: number;
+    }>>;
+};
+export declare const SlotsProvider: ({ slots, children, }: PropsWithChildren<{
+    slots?: Partial<LunaticSlotComponents> | undefined;
+}>) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Create a replaceable version of a component
+ *
+ * The component can be replaced using the "slots" props on <LunaticComponents>
+ */
+export declare function slottableComponent<T extends Record<string, unknown>>(name: keyof LunaticSlotComponents, OriginalComponent: FunctionComponent<T>): ComponentType<T>;

package/lib/src/components/shared/Icons/lunatic-icon.d.ts

@@ -1,4 +1,3 @@
-import './lunatic-icon.scss';
 import { type PropsWithChildren } from 'react';
 export declare function LunaticIcon({ className, children, }: PropsWithChildren<{
     className?: string;

package/lib/src/components/shared/Label/Label.d.ts

@@ -1,5 +1,4 @@
 import { type CSSProperties, type PropsWithChildren, type ReactNode } from 'react';
-import './Label.scss';
 type Props = PropsWithChildren<{
     id?: string;
     htmlFor?: string;

package/lib/src/components/shared/Missing/Missing.d.ts

@@ -1,4 +1,3 @@
-import './Missing.scss';
 import { useLunaticMissing } from '../../../use-lunatic/lunatic-context';
 import type { LunaticBaseProps } from '../../type';
 type Props = {

package/lib/src/components/shared/ModalControls/ModalControls.d.ts

@@ -1,6 +1,5 @@
 import { type MouseEventHandler } from 'react';
 import type { LunaticError } from '../../../use-lunatic/type';
-import './ModalControls.scss';
 type Props = {
     goNext: MouseEventHandler;
     onClose: MouseEventHandler;

package/lib/src/components/shared/Radio/RadioGroup.d.ts

@@ -1,4 +1,3 @@
-import './RadioGroup.scss';
 import type { ReactNode } from 'react';
 import type { LunaticError } from '../../../use-lunatic/type';
 export type RadioGroupProps = {
@@ -18,5 +17,6 @@ export type RadioGroupProps = {
     shortcut?: boolean;
     disabled?: boolean;
     readOnly?: boolean;
+    clearable?: boolean;
 };
 export declare const RadioGroup: import("react").ComponentType<RadioGroupProps>;

package/lib/src/components/shared/Table/Table.d.ts

@@ -1,5 +1,4 @@
 import React, { type PropsWithChildren } from 'react';
-import './Table.scss';
 type Props = PropsWithChildren<{
     className?: string;
     id?: string;

package/lib/src/components/shared/VariableStatus/VariableStatus.d.ts

@@ -1,5 +1,4 @@
 import { type PropsWithChildren } from 'react';
-import './VariableStatus.scss';
 type Props = PropsWithChildren<{
     id?: string;
 }>;

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

@@ -1,5 +1,4 @@
 import { type PropsWithChildren } from 'react';
-import './dragger.scss';
 type Props = PropsWithChildren<{
     el?: {
         style: {

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

@@ -1,5 +1,4 @@
 import type { SuggesterType } from '../../../use-lunatic/type-source';
-import './widget.scss';
 type Props = {
     absolute?: boolean;
     source: {

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

@@ -35,7 +35,7 @@ export type LunaticBaseProps<ValueType = unknown> = {
     iteration?: number;
     declarations?: {
         id: string;
-        declarationType: string;
+        declarationType: 'INSTRUCTION' | 'COMMENT' | 'HELP' | 'CODECARD' | 'WARNING' | 'STATEMENT';
         position: string;
         label: ReactNode;
     }[];
@@ -85,11 +85,6 @@ type ComponentPropsByType = {
     Question: Pick<LunaticBaseProps<unknown>, 'label' | 'id' | 'description' | 'declarations'> & {
         components: FilledLunaticComponentProps[];
     };
-    ComponentSet: LunaticBaseProps<unknown> & {
-        components: FilledLunaticComponentProps[];
-        value: Record<string, unknown>;
-        response: undefined;
-    };
     RosterForLoop: LunaticBaseProps<unknown> & {
         lines: {
             min: number;
@@ -211,7 +206,6 @@ type ComponentPropsByType = {
         response: {
             name: string;
         };
-        writable?: boolean;
     };
     Textarea: LunaticBaseProps<string> & {
         cols?: number;
@@ -255,6 +249,12 @@ type ComponentPropsByType = {
         response: {
             name: string;
         };
+        optionResponses?: {
+            name: string;
+            attribute: string;
+        }[];
+        executeExpression: LunaticState['executeExpression'];
+        iteration: LunaticState['pager']['iteration'];
     };
     Summary: LunaticBaseProps<string | null> & {
         executeExpression: LunaticState['executeExpression'];

package/lib/src/hooks/use-track-changes.d.ts

@@ -4,6 +4,14 @@ 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) => LunaticData;
+    getChangedData: (reset?: boolean) => Partial<Record<"EXTERNAL" | "CALCULATED", Record<string, unknown>> & {
+        COLLECTED: Record<string, Partial<{
+            COLLECTED: unknown;
+            EDITED: unknown;
+            FORCED: unknown;
+            INPUTED: unknown;
+            PREVIOUS: unknown;
+        }>>;
+    }>;
     resetChangedData: () => void;
 };

package/lib/src/hooks/useSuggesterInfo.d.ts

@@ -3,7 +3,7 @@ import type { SuggesterType } from '../use-lunatic/type-source';
  * Retrieves suggester info from indexedDB
  */
 export declare function useSuggesterInfo(storeName: string, version: string): {
-    infos: SuggesterType | undefined;
     state: "Loading" | "Ready" | "Error";
+    infos: SuggesterType | undefined;
     fetchInfos: () => Promise<void>;
 };

package/lib/src/index.d.ts

@@ -9,5 +9,5 @@ export { LunaticComponents } from './components/LunaticComponents';
 export { default as useLunatic } from './use-lunatic';
 export type { LunaticComponentDefinition, LunaticControl, LunaticData, LunaticValues, LunaticError, LunaticExpression, LunaticVariable, LunaticCollectedValue, LunaticStateVariable, LunaticState, } from './use-lunatic/type';
 export type { LunaticComponentProps } from './components/type';
-export type { LunaticCustomizedComponent } from './components/type-custom';
+export type { LunaticSlotComponents } from './components/shared/HOC/slottableComponent';
 export type { LunaticSource } from './use-lunatic/type-source';