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

package/dist/components/FormViewer/hooks/useActiveControl.d.ts

@@ -0,0 +1,204 @@
+export declare const useActiveControl: () => {
+    id: string;
+    controlType: "text";
+    title?: string | undefined;
+    description?: string | undefined;
+    icon?: string | undefined;
+    maxLength?: number | undefined;
+    minLength?: number | undefined;
+    placeholder?: string | undefined;
+    required?: boolean | undefined;
+    variableName?: string | undefined;
+} | {
+    id: string;
+    controlType: "longText";
+    title?: string | undefined;
+    description?: string | undefined;
+    icon?: string | undefined;
+    maxLength?: number | undefined;
+    minLength?: number | undefined;
+    placeholder?: string | undefined;
+    required?: boolean | undefined;
+    variableName?: string | undefined;
+} | {
+    id: string;
+    controlType: "button";
+    label?: string | undefined;
+    link?: string | undefined;
+    title?: string | undefined;
+    description?: string | undefined;
+    buttons?: any[] | undefined;
+    width?: number | undefined;
+    orientation?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
+    required?: boolean | undefined;
+    showIconButton?: boolean | undefined;
+    buttonIcon?: string | undefined;
+    alignButton?: "center" | "end" | "start" | undefined;
+    enableTooltip?: boolean | undefined;
+    fullWidthMobile?: boolean | undefined;
+} | {
+    id: string;
+    controlType: "date";
+    title?: string | undefined;
+    description?: string | undefined;
+    icon?: string | undefined;
+    placeholder?: string | undefined;
+    required?: boolean | undefined;
+    minDate?: string | undefined;
+    maxDate?: string | undefined;
+    variableName?: string | undefined;
+} | {
+    id: string;
+    controlType: "start";
+    label?: string | undefined;
+    title?: string | undefined;
+    description?: string | undefined;
+    icon?: string | undefined;
+    required?: boolean | undefined;
+    showIconButton?: boolean | undefined;
+    buttonIcon?: string | undefined;
+    showButton?: boolean | undefined;
+} | {
+    id: string;
+    controlType: "confirm";
+    label?: string | undefined;
+    link?: string | undefined;
+    title?: string | undefined;
+    description?: string | undefined;
+    required?: boolean | undefined;
+    buttonIcon?: string | undefined;
+    showButton?: boolean | undefined;
+} | {
+    id: string;
+    controlType: "number";
+    title?: string | undefined;
+    description?: string | undefined;
+    icon?: string | undefined;
+    max?: number | undefined;
+    min?: number | undefined;
+    placeholder?: string | undefined;
+    required?: boolean | undefined;
+    variableName?: string | undefined;
+} | {
+    id: string;
+    options: {
+        label: string;
+        id: string;
+    }[];
+    controlType: "choice";
+    title?: string | undefined;
+    description?: string | undefined;
+    required?: boolean | undefined;
+    variableName?: string | undefined;
+    showInput?: boolean | undefined;
+} | {
+    id: string;
+    options: {
+        label: string;
+        id: string;
+    }[];
+    controlType: "multipleChoice";
+    title?: string | undefined;
+    description?: string | undefined;
+    icon?: string | undefined;
+    required?: boolean | undefined;
+    variableName?: string | undefined;
+    showInput?: boolean | undefined;
+    minOptions?: number | undefined;
+    maxOptions?: number | undefined;
+} | {
+    id: string;
+    options: {
+        label: string;
+        id: string;
+        image?: string | undefined;
+    }[];
+    controlType: "pictureChoice";
+    title?: string | undefined;
+    description?: string | undefined;
+    icon?: string | undefined;
+    required?: boolean | undefined;
+    variableName?: string | undefined;
+    showInput?: boolean | undefined;
+} | {
+    id: string;
+    options: {
+        label: string;
+        id: string;
+    }[];
+    controlType: "dropdown";
+    title?: string | undefined;
+    description?: string | undefined;
+    icon?: string | undefined;
+    placeholder?: string | undefined;
+    required?: boolean | undefined;
+    variableName?: string | undefined;
+} | {
+    id: string;
+    controlType: "email";
+    title?: string | undefined;
+    description?: string | undefined;
+    icon?: string | undefined;
+    placeholder?: string | undefined;
+    required?: boolean | undefined;
+    variableName?: string | undefined;
+} | {
+    id: string;
+    controlType: "location";
+    title?: string | undefined;
+    description?: string | undefined;
+    icon?: string | undefined;
+    placeholder?: string | undefined;
+    required?: boolean | undefined;
+    variableName?: string | undefined;
+} | {
+    id: string;
+    controlType: "phone";
+    title?: string | undefined;
+    description?: string | undefined;
+    icon?: string | undefined;
+    placeholder?: string | undefined;
+    required?: boolean | undefined;
+    variableName?: string | undefined;
+} | {
+    id: string;
+    controlType: "slider";
+    title?: string | undefined;
+    description?: string | undefined;
+    icon?: string | undefined;
+    max?: number | undefined;
+    min?: number | undefined;
+    required?: boolean | undefined;
+    variableName?: string | undefined;
+} | {
+    id: string;
+    controlType: "upload";
+    title?: string | undefined;
+    description?: string | undefined;
+    icon?: string | undefined;
+    multiple?: boolean | undefined;
+    accept?: string[] | undefined;
+    required?: boolean | undefined;
+    maxSize?: number | undefined;
+    maxFiles?: number | undefined;
+    variableName?: string | undefined;
+    minFiles?: number | undefined;
+} | {
+    id: string;
+    controlType: "yesNo";
+    title?: string | undefined;
+    description?: string | undefined;
+    icon?: string | undefined;
+    required?: boolean | undefined;
+    variableName?: string | undefined;
+    yesLabel?: string | undefined;
+    noLabel?: string | undefined;
+} | {
+    id: string;
+    controlType: "rating";
+    title?: string | undefined;
+    description?: string | undefined;
+    required?: boolean | undefined;
+    count?: number | undefined;
+    variableName?: string | undefined;
+} | null;

package/dist/components/FormViewer/hooks/useActiveStep.d.ts

@@ -0,0 +1,277 @@
+export declare const useActiveStep: () => {
+    id: string;
+    controls: ({
+        id: string;
+        controlType: "text";
+        title?: string | undefined;
+        description?: string | undefined;
+        icon?: string | undefined;
+        maxLength?: number | undefined;
+        minLength?: number | undefined;
+        placeholder?: string | undefined;
+        required?: boolean | undefined;
+        variableName?: string | undefined;
+    } | {
+        id: string;
+        controlType: "longText";
+        title?: string | undefined;
+        description?: string | undefined;
+        icon?: string | undefined;
+        maxLength?: number | undefined;
+        minLength?: number | undefined;
+        placeholder?: string | undefined;
+        required?: boolean | undefined;
+        variableName?: string | undefined;
+    } | {
+        id: string;
+        controlType: "button";
+        label?: string | undefined;
+        link?: string | undefined;
+        title?: string | undefined;
+        description?: string | undefined;
+        buttons?: any[] | undefined;
+        width?: number | undefined;
+        orientation?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
+        required?: boolean | undefined;
+        showIconButton?: boolean | undefined;
+        buttonIcon?: string | undefined;
+        alignButton?: "center" | "end" | "start" | undefined;
+        enableTooltip?: boolean | undefined;
+        fullWidthMobile?: boolean | undefined;
+    } | {
+        id: string;
+        controlType: "date";
+        title?: string | undefined;
+        description?: string | undefined;
+        icon?: string | undefined;
+        placeholder?: string | undefined;
+        required?: boolean | undefined;
+        minDate?: string | undefined;
+        maxDate?: string | undefined;
+        variableName?: string | undefined;
+    } | {
+        id: string;
+        controlType: "start";
+        label?: string | undefined;
+        title?: string | undefined;
+        description?: string | undefined;
+        icon?: string | undefined;
+        required?: boolean | undefined;
+        showIconButton?: boolean | undefined;
+        buttonIcon?: string | undefined;
+        showButton?: boolean | undefined;
+    } | {
+        id: string;
+        controlType: "confirm";
+        label?: string | undefined;
+        link?: string | undefined;
+        title?: string | undefined;
+        description?: string | undefined;
+        required?: boolean | undefined;
+        buttonIcon?: string | undefined;
+        showButton?: boolean | undefined;
+    } | {
+        id: string;
+        controlType: "number";
+        title?: string | undefined;
+        description?: string | undefined;
+        icon?: string | undefined;
+        max?: number | undefined;
+        min?: number | undefined;
+        placeholder?: string | undefined;
+        required?: boolean | undefined;
+        variableName?: string | undefined;
+    } | {
+        id: string;
+        options: {
+            label: string;
+            id: string;
+        }[];
+        controlType: "choice";
+        title?: string | undefined;
+        description?: string | undefined;
+        required?: boolean | undefined;
+        variableName?: string | undefined;
+        showInput?: boolean | undefined;
+    } | {
+        id: string;
+        options: {
+            label: string;
+            id: string;
+        }[];
+        controlType: "multipleChoice";
+        title?: string | undefined;
+        description?: string | undefined;
+        icon?: string | undefined;
+        required?: boolean | undefined;
+        variableName?: string | undefined;
+        showInput?: boolean | undefined;
+        minOptions?: number | undefined;
+        maxOptions?: number | undefined;
+    } | {
+        id: string;
+        options: {
+            label: string;
+            id: string;
+            image?: string | undefined;
+        }[];
+        controlType: "pictureChoice";
+        title?: string | undefined;
+        description?: string | undefined;
+        icon?: string | undefined;
+        required?: boolean | undefined;
+        variableName?: string | undefined;
+        showInput?: boolean | undefined;
+    } | {
+        id: string;
+        options: {
+            label: string;
+            id: string;
+        }[];
+        controlType: "dropdown";
+        title?: string | undefined;
+        description?: string | undefined;
+        icon?: string | undefined;
+        placeholder?: string | undefined;
+        required?: boolean | undefined;
+        variableName?: string | undefined;
+    } | {
+        id: string;
+        controlType: "email";
+        title?: string | undefined;
+        description?: string | undefined;
+        icon?: string | undefined;
+        placeholder?: string | undefined;
+        required?: boolean | undefined;
+        variableName?: string | undefined;
+    } | {
+        id: string;
+        controlType: "location";
+        title?: string | undefined;
+        description?: string | undefined;
+        icon?: string | undefined;
+        placeholder?: string | undefined;
+        required?: boolean | undefined;
+        variableName?: string | undefined;
+    } | {
+        id: string;
+        controlType: "phone";
+        title?: string | undefined;
+        description?: string | undefined;
+        icon?: string | undefined;
+        placeholder?: string | undefined;
+        required?: boolean | undefined;
+        variableName?: string | undefined;
+    } | {
+        id: string;
+        controlType: "slider";
+        title?: string | undefined;
+        description?: string | undefined;
+        icon?: string | undefined;
+        max?: number | undefined;
+        min?: number | undefined;
+        required?: boolean | undefined;
+        variableName?: string | undefined;
+    } | {
+        id: string;
+        controlType: "upload";
+        title?: string | undefined;
+        description?: string | undefined;
+        icon?: string | undefined;
+        multiple?: boolean | undefined;
+        accept?: string[] | undefined;
+        required?: boolean | undefined;
+        maxSize?: number | undefined;
+        maxFiles?: number | undefined;
+        variableName?: string | undefined;
+        minFiles?: number | undefined;
+    } | {
+        id: string;
+        controlType: "yesNo";
+        title?: string | undefined;
+        description?: string | undefined;
+        icon?: string | undefined;
+        required?: boolean | undefined;
+        variableName?: string | undefined;
+        yesLabel?: string | undefined;
+        noLabel?: string | undefined;
+    } | {
+        id: string;
+        controlType: "rating";
+        title?: string | undefined;
+        description?: string | undefined;
+        required?: boolean | undefined;
+        count?: number | undefined;
+        variableName?: string | undefined;
+    })[];
+    trigger: string;
+    media?: {
+        video?: string | undefined;
+        image?: string | undefined;
+        color?: string | undefined;
+        size?: number | undefined;
+        layout?: "content" | "top" | "left" | "bottom" | "right" | "background" | "fullLeft" | "fullRight" | "fullTop" | "fullBottom" | undefined;
+        blur?: number | undefined;
+        brightness?: number | undefined;
+        videoThumb?: string | undefined;
+    } | undefined;
+    theme?: {
+        input?: {
+            backgroundColor?: string | undefined;
+            borderColor?: string | undefined;
+        } | undefined;
+        title?: {
+            color?: string | undefined;
+            fontSize?: number | undefined;
+            fontWeight?: number | undefined;
+            fontFamily?: string | undefined;
+        } | undefined;
+        size?: "sm" | "md" | "lg" | undefined;
+        description?: {
+            color?: string | undefined;
+            fontSize?: number | undefined;
+            fontWeight?: number | undefined;
+            fontFamily?: string | undefined;
+        } | undefined;
+        align?: "center" | "end" | "start" | undefined;
+        background?: {
+            image?: string | undefined;
+            color?: string | undefined;
+            opacity?: number | undefined;
+            blur?: number | undefined;
+            brightness?: number | undefined;
+            fit?: string | undefined;
+            blendMode?: string | undefined;
+        } | undefined;
+        container?: {
+            color?: string | undefined;
+            opacity?: number | undefined;
+            backgroundImage?: string | undefined;
+            shadow?: {
+                color?: string | undefined;
+                size?: number | undefined;
+            } | undefined;
+            blur?: number | undefined;
+        } | undefined;
+        borderRadius?: "sm" | "md" | "lg" | undefined;
+        font?: {
+            color?: string | undefined;
+            fontSize?: number | undefined;
+            fontWeight?: number | undefined;
+            fontFamily?: string | undefined;
+        } | undefined;
+        listStyle?: string | undefined;
+        primaryColor?: string | undefined;
+        customCSS?: string | undefined;
+    } | undefined;
+    confirmLabel?: string | undefined;
+    isStart?: boolean | undefined;
+    isEnd?: boolean | undefined;
+    autoSubmit?: boolean | undefined;
+    conditions?: {
+        operator: string;
+        trigger: string;
+        controlId: string;
+        compareValue?: string | undefined;
+    }[] | undefined;
+} | null;

package/dist/components/FormViewer/hooks/useCreateFormContext.d.ts

@@ -0,0 +1,22 @@
+import { PropsWithChildren } from 'react';
+import { UseFormReturnType } from '@mantine/form';
+import { Direction } from '../types/form';
+type StepsContext = {
+    handleNext: () => void;
+    handlePrev: () => void;
+    anim: Direction;
+    form: UseFormReturnType<StepsFormValues>;
+    setValue: (controlId: string, value: any, trigger?: string) => void;
+};
+export declare const StepsContext: import('react').Context<StepsContext>;
+export declare const useSteps: () => StepsContext;
+export type StepsFormValues = Record<string, any> & {
+    submissionId: string;
+};
+type StepsContextProviderProps = {
+    onSubmit?: (values: StepsFormValues) => void;
+    onValuesChange?: (values: StepsFormValues) => void;
+};
+/** Используется для хранения данных, которые ввёл пользователь */
+export declare const FormContextProvider: ({ children, ...props }: PropsWithChildren<StepsContextProviderProps>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/FormViewer/hooks/useFormGlobalTheme.d.ts

@@ -0,0 +1,145 @@
+export declare const useFormGlobalTheme: ({ innerId }: {
+    innerId: string;
+}) => {
+    customStyles: string;
+    mantineTheme: {
+        focusRing?: "auto" | "always" | "never" | undefined;
+        scale?: number | undefined;
+        fontSmoothing?: boolean | undefined;
+        white?: string | undefined;
+        black?: string | undefined;
+        colors?: {
+            [x: string & {}]: import('@mantine/core').MantineColorsTuple | undefined;
+            blue?: import('@mantine/core').MantineColorsTuple | undefined;
+            cyan?: import('@mantine/core').MantineColorsTuple | undefined;
+            gray?: import('@mantine/core').MantineColorsTuple | undefined;
+            green?: import('@mantine/core').MantineColorsTuple | undefined;
+            indigo?: import('@mantine/core').MantineColorsTuple | undefined;
+            lime?: import('@mantine/core').MantineColorsTuple | undefined;
+            orange?: import('@mantine/core').MantineColorsTuple | undefined;
+            pink?: import('@mantine/core').MantineColorsTuple | undefined;
+            red?: import('@mantine/core').MantineColorsTuple | undefined;
+            teal?: import('@mantine/core').MantineColorsTuple | undefined;
+            violet?: import('@mantine/core').MantineColorsTuple | undefined;
+            yellow?: import('@mantine/core').MantineColorsTuple | undefined;
+            dark?: import('@mantine/core').MantineColorsTuple | undefined;
+            grape?: import('@mantine/core').MantineColorsTuple | undefined;
+        } | undefined;
+        primaryShade?: import('@mantine/core').MantineColorShade | {
+            light?: import('@mantine/core').MantineColorShade | undefined;
+            dark?: import('@mantine/core').MantineColorShade | undefined;
+        } | undefined;
+        primaryColor?: string | undefined;
+        variantColorResolver?: import('@mantine/core').VariantColorsResolver | undefined;
+        autoContrast?: boolean | undefined;
+        luminanceThreshold?: number | undefined;
+        fontFamily?: string | undefined;
+        fontFamilyMonospace?: string | undefined;
+        headings?: {
+            fontFamily?: string | undefined;
+            fontWeight?: string | undefined;
+            textWrap?: "balance" | "nowrap" | "wrap" | "stable" | "pretty" | undefined;
+            sizes?: {
+                h1?: {
+                    fontSize?: string | undefined;
+                    fontWeight?: string | undefined;
+                    lineHeight?: string | undefined;
+                } | undefined;
+                h2?: {
+                    fontSize?: string | undefined;
+                    fontWeight?: string | undefined;
+                    lineHeight?: string | undefined;
+                } | undefined;
+                h3?: {
+                    fontSize?: string | undefined;
+                    fontWeight?: string | undefined;
+                    lineHeight?: string | undefined;
+                } | undefined;
+                h4?: {
+                    fontSize?: string | undefined;
+                    fontWeight?: string | undefined;
+                    lineHeight?: string | undefined;
+                } | undefined;
+                h5?: {
+                    fontSize?: string | undefined;
+                    fontWeight?: string | undefined;
+                    lineHeight?: string | undefined;
+                } | undefined;
+                h6?: {
+                    fontSize?: string | undefined;
+                    fontWeight?: string | undefined;
+                    lineHeight?: string | undefined;
+                } | undefined;
+            } | undefined;
+        } | undefined;
+        radius?: {
+            [x: string & {}]: string | undefined;
+            sm?: string | undefined;
+            xs?: string | undefined;
+            md?: string | undefined;
+            lg?: string | undefined;
+            xl?: string | undefined;
+        } | undefined;
+        defaultRadius?: import('@mantine/core').MantineRadius | undefined;
+        spacing?: {
+            [x: string & {}]: string | undefined;
+            sm?: string | undefined;
+            xs?: string | undefined;
+            md?: string | undefined;
+            lg?: string | undefined;
+            xl?: string | undefined;
+        } | undefined;
+        fontSizes?: {
+            [x: string & {}]: string | undefined;
+            sm?: string | undefined;
+            xs?: string | undefined;
+            md?: string | undefined;
+            lg?: string | undefined;
+            xl?: string | undefined;
+        } | undefined;
+        lineHeights?: {
+            [x: string & {}]: string | undefined;
+            sm?: string | undefined;
+            xs?: string | undefined;
+            md?: string | undefined;
+            lg?: string | undefined;
+            xl?: string | undefined;
+        } | undefined;
+        breakpoints?: {
+            [x: string & {}]: string | undefined;
+            sm?: string | undefined;
+            xs?: string | undefined;
+            md?: string | undefined;
+            lg?: string | undefined;
+            xl?: string | undefined;
+        } | undefined;
+        shadows?: {
+            [x: string & {}]: string | undefined;
+            sm?: string | undefined;
+            xs?: string | undefined;
+            md?: string | undefined;
+            lg?: string | undefined;
+            xl?: string | undefined;
+        } | undefined;
+        respectReducedMotion?: boolean | undefined;
+        cursorType?: "default" | "pointer" | undefined;
+        defaultGradient?: {
+            from?: string | undefined;
+            to?: string | undefined;
+            deg?: number | undefined;
+        } | undefined;
+        activeClassName?: string | undefined;
+        focusClassName?: string | undefined;
+        components?: {
+            [x: string]: {
+                classNames?: any;
+                styles?: any;
+                vars?: any;
+                defaultProps?: any;
+            } | undefined;
+        } | undefined;
+        other?: {
+            [x: string]: any;
+        } | undefined;
+    };
+};

package/dist/components/FormViewer/hooks/useFormMobile.d.ts

@@ -0,0 +1,4 @@
+export declare const useFormMobile: () => {
+    ref: import('react').RefObject<any>;
+    isMobile: boolean;
+};

package/dist/components/FormViewer/hooks/useInterpolateText.d.ts

@@ -0,0 +1,2 @@
+export declare const useInterpolateText: (text?: string | null, disabled?: boolean) => string;
+export declare const useInterpolate: () => (text?: string | null) => string;

package/dist/components/FormViewer/index.d.ts

@@ -0,0 +1,8 @@
+export * from './FormViewer';
+export * from './types/form';
+export * from './types/schemes';
+export * from './store/formStore';
+export * from './store/formStoreApi';
+export * from './store/selectors';
+export * from './hooks';
+export * from './helpers';