@layers-app/shared 0.2.8 → 0.3.1

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

@@ -1,5 +1,4 @@
 export declare const useActiveStep: () => {
-    trigger: string;
     id: string;
     controls: ({
         id: string;
@@ -12,33 +11,6 @@ export declare const useActiveStep: () => {
         minLength?: number | undefined;
         maxLength?: number | undefined;
         variableName?: string | undefined;
-    } | {
-        id: string;
-        controlType: "longText";
-        title?: string | undefined;
-        description?: string | undefined;
-        icon?: string | undefined;
-        required?: boolean | undefined;
-        placeholder?: string | undefined;
-        minLength?: number | undefined;
-        maxLength?: number | undefined;
-        variableName?: string | undefined;
-    } | {
-        id: string;
-        controlType: "button";
-        title?: string | undefined;
-        description?: string | undefined;
-        required?: boolean | undefined;
-        label?: string | undefined;
-        link?: string | undefined;
-        showIconButton?: boolean | undefined;
-        buttonIcon?: string | undefined;
-        alignButton?: "start" | "center" | "end" | undefined;
-        buttons?: any[] | undefined;
-        orientation?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
-        width?: number | undefined;
-        enableTooltip?: boolean | undefined;
-        fullWidthMobile?: boolean | undefined;
     } | {
         id: string;
         controlType: "date";
@@ -52,72 +24,74 @@ export declare const useActiveStep: () => {
         maxDate?: string | undefined;
     } | {
         id: string;
-        controlType: "start";
+        controlType: "number";
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
         required?: boolean | undefined;
-        label?: string | undefined;
-        showIconButton?: boolean | undefined;
-        buttonIcon?: string | undefined;
-        showButton?: boolean | undefined;
+        placeholder?: string | undefined;
+        variableName?: string | undefined;
+        min?: number | undefined;
+        max?: number | undefined;
     } | {
         id: string;
-        controlType: "confirm";
+        options: {
+            id: string;
+            label: string;
+        }[];
+        controlType: "multipleChoice";
         title?: string | undefined;
         description?: string | undefined;
+        icon?: string | undefined;
         required?: boolean | undefined;
-        label?: string | undefined;
-        link?: string | undefined;
-        buttonIcon?: string | undefined;
-        showButton?: boolean | undefined;
+        variableName?: string | undefined;
+        minOptions?: number | undefined;
+        maxOptions?: number | undefined;
+        showInput?: boolean | undefined;
+        otherOption?: boolean | undefined;
     } | {
         id: string;
-        controlType: "number";
+        controlType: "slider";
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
         required?: boolean | undefined;
-        placeholder?: string | undefined;
         variableName?: string | undefined;
         min?: number | undefined;
         max?: number | undefined;
     } | {
+        id: string;
         options: {
             id: string;
             label: string;
         }[];
-        id: string;
-        controlType: "choice";
+        controlType: "dropdown";
         title?: string | undefined;
         description?: string | undefined;
+        icon?: string | undefined;
         required?: boolean | undefined;
+        placeholder?: string | undefined;
         variableName?: string | undefined;
-        showInput?: boolean | undefined;
-        otherOption?: boolean | undefined;
     } | {
+        id: string;
         options: {
             id: string;
             label: string;
         }[];
-        id: string;
-        controlType: "multipleChoice";
+        controlType: "choice";
         title?: string | undefined;
         description?: string | undefined;
-        icon?: string | undefined;
         required?: boolean | undefined;
         variableName?: string | undefined;
         showInput?: boolean | undefined;
         otherOption?: boolean | undefined;
-        minOptions?: number | undefined;
-        maxOptions?: number | undefined;
     } | {
+        id: string;
         options: {
             id: string;
             label: string;
             image?: string | undefined;
         }[];
-        id: string;
         controlType: "pictureChoice";
         title?: string | undefined;
         description?: string | undefined;
@@ -126,21 +100,21 @@ export declare const useActiveStep: () => {
         variableName?: string | undefined;
         showInput?: boolean | undefined;
     } | {
-        options: {
-            id: string;
-            label: string;
-        }[];
         id: string;
-        controlType: "dropdown";
+        controlType: "upload";
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
         required?: boolean | undefined;
-        placeholder?: string | undefined;
         variableName?: string | undefined;
+        multiple?: boolean | undefined;
+        maxFiles?: number | undefined;
+        minFiles?: number | undefined;
+        accept?: string[] | undefined;
+        maxSize?: number | undefined;
     } | {
         id: string;
-        controlType: "email";
+        controlType: "location";
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
@@ -149,7 +123,7 @@ export declare const useActiveStep: () => {
         variableName?: string | undefined;
     } | {
         id: string;
-        controlType: "location";
+        controlType: "phone";
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
@@ -158,7 +132,7 @@ export declare const useActiveStep: () => {
         variableName?: string | undefined;
     } | {
         id: string;
-        controlType: "phone";
+        controlType: "email";
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
@@ -167,37 +141,62 @@ export declare const useActiveStep: () => {
         variableName?: string | undefined;
     } | {
         id: string;
-        controlType: "slider";
+        controlType: "yesNo";
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
         required?: boolean | undefined;
         variableName?: string | undefined;
-        min?: number | undefined;
-        max?: number | undefined;
+        yesLabel?: string | undefined;
+        noLabel?: string | undefined;
     } | {
         id: string;
-        controlType: "upload";
+        controlType: "longText";
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
         required?: boolean | undefined;
+        placeholder?: string | undefined;
+        minLength?: number | undefined;
+        maxLength?: number | undefined;
         variableName?: string | undefined;
-        multiple?: boolean | undefined;
-        maxFiles?: number | undefined;
-        minFiles?: number | undefined;
-        accept?: string[] | undefined;
-        maxSize?: number | undefined;
     } | {
         id: string;
-        controlType: "yesNo";
+        controlType: "start";
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
         required?: boolean | undefined;
-        variableName?: string | undefined;
-        yesLabel?: string | undefined;
-        noLabel?: string | undefined;
+        label?: string | undefined;
+        showButton?: boolean | undefined;
+        buttonIcon?: string | undefined;
+        showIconButton?: boolean | undefined;
+    } | {
+        id: string;
+        controlType: "confirm";
+        title?: string | undefined;
+        description?: string | undefined;
+        required?: boolean | undefined;
+        label?: string | undefined;
+        showButton?: boolean | undefined;
+        buttonIcon?: string | undefined;
+        link?: string | undefined;
+    } | {
+        id: string;
+        controlType: "button";
+        title?: string | undefined;
+        description?: string | undefined;
+        required?: boolean | undefined;
+        label?: string | undefined;
+        buttonIcon?: string | undefined;
+        showIconButton?: boolean | undefined;
+        link?: string | undefined;
+        alignButton?: "start" | "center" | "end" | undefined;
+        buttons?: any[] | undefined;
+        orientation?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+        width?: number | undefined;
+        enableTooltip?: boolean | undefined;
+        fullWidthMobile?: boolean | undefined;
     } | {
         id: string;
         controlType: "rating";
@@ -207,14 +206,15 @@ export declare const useActiveStep: () => {
         variableName?: string | undefined;
         count?: number | undefined;
     })[];
+    trigger: string;
     isStart?: boolean | undefined;
     isEnd?: boolean | undefined;
     autoSubmit?: boolean | undefined;
     confirmLabel?: string | undefined;
     media?: {
+        image?: string | undefined;
         layout?: "content" | "left" | "right" | "top" | "bottom" | "fullLeft" | "fullRight" | "fullTop" | "fullBottom" | "background" | undefined;
         brightness?: number | undefined;
-        image?: string | undefined;
         video?: string | undefined;
         videoThumb?: string | undefined;
         color?: string | undefined;
@@ -222,22 +222,12 @@ export declare const useActiveStep: () => {
         blur?: number | undefined;
     } | undefined;
     conditions?: {
+        trigger: string;
         controlId: string;
         operator: string;
-        trigger: string;
         compareValue?: string | undefined;
     }[] | undefined;
     theme?: {
-        background?: {
-            brightness?: number | undefined;
-            image?: string | undefined;
-            color?: string | undefined;
-            blur?: number | undefined;
-            opacity?: number | undefined;
-            fit?: string | undefined;
-            blendMode?: string | undefined;
-        } | undefined;
-        size?: "sm" | "md" | "lg" | undefined;
         title?: {
             color?: string | undefined;
             fontSize?: number | undefined;
@@ -250,6 +240,16 @@ export declare const useActiveStep: () => {
             fontWeight?: number | undefined;
             fontFamily?: string | undefined;
         } | undefined;
+        background?: {
+            image?: string | undefined;
+            brightness?: number | undefined;
+            color?: string | undefined;
+            blur?: number | undefined;
+            opacity?: number | undefined;
+            fit?: string | undefined;
+            blendMode?: string | undefined;
+        } | undefined;
+        size?: "sm" | "md" | "lg" | undefined;
         align?: "start" | "center" | "end" | undefined;
         listStyle?: string | undefined;
         borderRadius?: "sm" | "md" | "lg" | undefined;

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

@@ -16,14 +16,14 @@ export declare const useFormGlobalTheme: ({ innerId }: {
             grape?: import("@mantine/core").MantineColorsTuple | undefined;
             green?: import("@mantine/core").MantineColorsTuple | undefined;
             orange?: import("@mantine/core").MantineColorsTuple | undefined;
-            gray?: import("@mantine/core").MantineColorsTuple | undefined;
-            cyan?: import("@mantine/core").MantineColorsTuple | undefined;
+            teal?: import("@mantine/core").MantineColorsTuple | undefined;
             yellow?: import("@mantine/core").MantineColorsTuple | undefined;
             red?: import("@mantine/core").MantineColorsTuple | undefined;
             dark?: import("@mantine/core").MantineColorsTuple | undefined;
+            gray?: import("@mantine/core").MantineColorsTuple | undefined;
             pink?: import("@mantine/core").MantineColorsTuple | undefined;
+            cyan?: import("@mantine/core").MantineColorsTuple | undefined;
             lime?: import("@mantine/core").MantineColorsTuple | undefined;
-            teal?: import("@mantine/core").MantineColorsTuple | undefined;
         } | undefined;
         primaryShade?: import("@mantine/core").MantineColorShade | {
             light?: import("@mantine/core").MantineColorShade | undefined;