@layers-app/shared 0.0.39-comments.2 → 0.0.39-froms-01

package/dist/components/FormViewer/store/formStore.d.ts

@@ -0,0 +1,149 @@
+import { UploadFileData } from '../components/fields/UploadField/UploadField';
+import { ParsedFormConfig, SettingsData, StepData, ThemeData } from '../types/form';
+export type FormEditorTabType = 'steps' | 'add' | 'settings' | 'logic';
+export type FormViewLayout = 'all-slides' | 'one-slide';
+export type FormStoreState = {
+    steps: StepData[];
+    listStep: StepData;
+    activeStep: string | null;
+    settings: SettingsData;
+    theme: ThemeData;
+    isMobile?: boolean;
+    editing?: boolean;
+    preview?: boolean;
+    initialConfigSnapshot: ParsedFormConfig | null;
+    addEndStep?: boolean;
+    onConfigChange?: (config: ParsedFormConfig) => void;
+    uploadFileFn?: (file: UploadFileData) => Promise<string>;
+    layout?: FormViewLayout;
+};
+export declare const emptySettings: SettingsData;
+export declare const createFormStore: (props?: {
+    initialState?: Partial<FormStoreState>;
+}) => {
+    useStore: import('zustand').UseBoundStore<import('zustand').StoreApi<FormStoreState>>;
+    api: {
+        applyTheme: (theme: ThemeData) => void;
+        setLayout: (layout: FormViewLayout) => void;
+        patchSettingsData: (v: Partial<SettingsData>) => void;
+        patchThemeData: (v: Partial<ThemeData>) => void;
+        patchContainerTheme: (v: Partial<import('../types/form').ContainerProperties>) => void;
+        patchTitleProperties: (v: Partial<import('../types/form').TextProperties>) => void;
+        patchDescriptionProperties: (v: Partial<import('../types/form').TextProperties>) => void;
+        patchCommonFontProperties: (v: Partial<import('../types/form').TextProperties>) => void;
+        setActiveStep: (v: string | null) => void;
+        setSteps: (steps: StepData[]) => void;
+        addStep: (step: StepData, index?: number) => void;
+        removeStep: (stepId: string) => void;
+        updateStep: (stepId: string, updatedStep: Partial<StepData>) => void;
+        updateControl: <CONTROL extends import('../types/form').Control>(stepId: string, controlId: string, updatedControl: Partial<CONTROL>) => void;
+        reorderSteps: (fromId: string, toId: string) => void;
+        reorderControls: (stepId: string, activeId: string, overId: string) => void;
+        addControl: (stepId: string, newControl: import('../types/form').Control) => void;
+        removeControl: (stepId: string, controlId: string) => void;
+        addCondition: (stepId: string, newCondition: import('../types/form').Condition) => void;
+        updateCondition: (stepId: string, conditionIndex: number, updatedCondition: Partial<import('../types/form').Condition>) => void;
+        removeCondition: (stepId: string, conditionIndex: number) => void;
+        setIsMobile: (isMobile: boolean) => void;
+        setFormConfig: (config: ParsedFormConfig | null, { silent }?: {
+            silent?: boolean;
+        }) => void;
+        isFormDirty: () => boolean;
+        switchToNextStep: () => void;
+        switchToPrevStep: () => void;
+        setActiveStepId: (stepId: string | null) => void;
+        setFormLayout: (layout: import('../types/form').FormLayout) => void;
+        scrollToControl: (controlId: string) => void;
+    };
+};
+/** Необходимо оборачивать FormViewer в провайдер, иначе будет использоваться `globalFormStore` */
+export declare const FormStoreProvider: ({ children, editing, preview, store, addEndStep, onConfigChange, uploadFileFn, layout, }: {
+    children: React.ReactNode;
+    /** Режим для редактирования */
+    editing?: boolean;
+    /** Режим для предпросмотра */
+    preview?: boolean;
+    onConfigChange?: (config: ParsedFormConfig) => void;
+    /** Можно создать и передать стор снаружи, в ином случае стор создается внутри провайдера */
+    store?: ReturnType<typeof createFormStore>;
+    /** Добавит конечный шаг, если его нету */
+    addEndStep?: boolean;
+    /** Как отображать форму */
+    layout?: FormViewLayout;
+    /** Функция для загрузки файлов пользователем */
+    uploadFileFn?: (file: UploadFileData) => Promise<any>;
+}) => import("react/jsx-runtime").JSX.Element;
+/** Возвращает ближайший стор для формы, если таких нет - вернёт слобальный стор */
+export declare const useFormViewerStore: () => {
+    useStore: import('zustand').UseBoundStore<import('zustand').StoreApi<FormStoreState>>;
+    api: {
+        applyTheme: (theme: ThemeData) => void;
+        setLayout: (layout: FormViewLayout) => void;
+        patchSettingsData: (v: Partial<SettingsData>) => void;
+        patchThemeData: (v: Partial<ThemeData>) => void;
+        patchContainerTheme: (v: Partial<import('../types/form').ContainerProperties>) => void;
+        patchTitleProperties: (v: Partial<import('../types/form').TextProperties>) => void;
+        patchDescriptionProperties: (v: Partial<import('../types/form').TextProperties>) => void;
+        patchCommonFontProperties: (v: Partial<import('../types/form').TextProperties>) => void;
+        setActiveStep: (v: string | null) => void;
+        setSteps: (steps: StepData[]) => void;
+        addStep: (step: StepData, index?: number) => void;
+        removeStep: (stepId: string) => void;
+        updateStep: (stepId: string, updatedStep: Partial<StepData>) => void;
+        updateControl: <CONTROL extends import('../types/form').Control>(stepId: string, controlId: string, updatedControl: Partial<CONTROL>) => void;
+        reorderSteps: (fromId: string, toId: string) => void;
+        reorderControls: (stepId: string, activeId: string, overId: string) => void;
+        addControl: (stepId: string, newControl: import('../types/form').Control) => void;
+        removeControl: (stepId: string, controlId: string) => void;
+        addCondition: (stepId: string, newCondition: import('../types/form').Condition) => void;
+        updateCondition: (stepId: string, conditionIndex: number, updatedCondition: Partial<import('../types/form').Condition>) => void;
+        removeCondition: (stepId: string, conditionIndex: number) => void;
+        setIsMobile: (isMobile: boolean) => void;
+        setFormConfig: (config: ParsedFormConfig | null, { silent }?: {
+            silent?: boolean;
+        }) => void;
+        isFormDirty: () => boolean;
+        switchToNextStep: () => void;
+        switchToPrevStep: () => void;
+        setActiveStepId: (stepId: string | null) => void;
+        setFormLayout: (layout: import('../types/form').FormLayout) => void;
+        scrollToControl: (controlId: string) => void;
+    };
+};
+/** Глобальный стор формы, используется для редактора */
+export declare const globalFormStore: {
+    useStore: import('zustand').UseBoundStore<import('zustand').StoreApi<FormStoreState>>;
+    api: {
+        applyTheme: (theme: ThemeData) => void;
+        setLayout: (layout: FormViewLayout) => void;
+        patchSettingsData: (v: Partial<SettingsData>) => void;
+        patchThemeData: (v: Partial<ThemeData>) => void;
+        patchContainerTheme: (v: Partial<import('../types/form').ContainerProperties>) => void;
+        patchTitleProperties: (v: Partial<import('../types/form').TextProperties>) => void;
+        patchDescriptionProperties: (v: Partial<import('../types/form').TextProperties>) => void;
+        patchCommonFontProperties: (v: Partial<import('../types/form').TextProperties>) => void;
+        setActiveStep: (v: string | null) => void;
+        setSteps: (steps: StepData[]) => void;
+        addStep: (step: StepData, index?: number) => void;
+        removeStep: (stepId: string) => void;
+        updateStep: (stepId: string, updatedStep: Partial<StepData>) => void;
+        updateControl: <CONTROL extends import('../types/form').Control>(stepId: string, controlId: string, updatedControl: Partial<CONTROL>) => void;
+        reorderSteps: (fromId: string, toId: string) => void;
+        reorderControls: (stepId: string, activeId: string, overId: string) => void;
+        addControl: (stepId: string, newControl: import('../types/form').Control) => void;
+        removeControl: (stepId: string, controlId: string) => void;
+        addCondition: (stepId: string, newCondition: import('../types/form').Condition) => void;
+        updateCondition: (stepId: string, conditionIndex: number, updatedCondition: Partial<import('../types/form').Condition>) => void;
+        removeCondition: (stepId: string, conditionIndex: number) => void;
+        setIsMobile: (isMobile: boolean) => void;
+        setFormConfig: (config: ParsedFormConfig | null, { silent }?: {
+            silent?: boolean;
+        }) => void;
+        isFormDirty: () => boolean;
+        switchToNextStep: () => void;
+        switchToPrevStep: () => void;
+        setActiveStepId: (stepId: string | null) => void;
+        setFormLayout: (layout: import('../types/form').FormLayout) => void;
+        scrollToControl: (controlId: string) => void;
+    };
+};

package/dist/components/FormViewer/store/formStoreApi.d.ts

@@ -0,0 +1,36 @@
+import { StoreApi, UseBoundStore } from 'zustand';
+import { Condition, ContainerProperties, Control, FormLayout, ParsedFormConfig, SettingsData, StepData, TextProperties, ThemeData } from '../types/form';
+import { FormStoreState, FormViewLayout } from './formStore';
+export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStoreState>>) => {
+    applyTheme: (theme: ThemeData) => void;
+    setLayout: (layout: FormViewLayout) => void;
+    patchSettingsData: (v: Partial<SettingsData>) => void;
+    patchThemeData: (v: Partial<ThemeData>) => void;
+    patchContainerTheme: (v: Partial<ContainerProperties>) => void;
+    patchTitleProperties: (v: Partial<TextProperties>) => void;
+    patchDescriptionProperties: (v: Partial<TextProperties>) => void;
+    patchCommonFontProperties: (v: Partial<TextProperties>) => void;
+    setActiveStep: (v: string | null) => void;
+    setSteps: (steps: StepData[]) => void;
+    addStep: (step: StepData, index?: number) => void;
+    removeStep: (stepId: string) => void;
+    updateStep: (stepId: string, updatedStep: Partial<StepData>) => void;
+    updateControl: <CONTROL extends Control>(stepId: string, controlId: string, updatedControl: Partial<CONTROL>) => void;
+    reorderSteps: (fromId: string, toId: string) => void;
+    reorderControls: (stepId: string, activeId: string, overId: string) => void;
+    addControl: (stepId: string, newControl: Control) => void;
+    removeControl: (stepId: string, controlId: string) => void;
+    addCondition: (stepId: string, newCondition: Condition) => void;
+    updateCondition: (stepId: string, conditionIndex: number, updatedCondition: Partial<Condition>) => void;
+    removeCondition: (stepId: string, conditionIndex: number) => void;
+    setIsMobile: (isMobile: boolean) => void;
+    setFormConfig: (config: ParsedFormConfig | null, { silent }?: {
+        silent?: boolean;
+    }) => void;
+    isFormDirty: () => boolean;
+    switchToNextStep: () => void;
+    switchToPrevStep: () => void;
+    setActiveStepId: (stepId: string | null) => void;
+    setFormLayout: (layout: FormLayout) => void;
+    scrollToControl: (controlId: string) => void;
+};