npm - @layers-app/shared - Versions diffs - 0.4.0 → 0.4.2 - Mend

@layers-app/shared 0.4.0 → 0.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (156) hide show

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

@@ -30,53 +30,6 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
     setFormLayout: (layout: FormLayout) => void;
     scrollToControl: (controlId: string) => void;
     getConfig: () => Required<{
-        theme?: {
-            title?: {
-                color?: string | undefined;
-                fontSize?: number | undefined;
-                fontWeight?: number | undefined;
-                fontFamily?: string | undefined;
-            } | undefined;
-            description?: {
-                color?: string | undefined;
-                fontSize?: number | undefined;
-                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;
-            primaryColor?: string | undefined;
-            font?: {
-                color?: string | undefined;
-                fontSize?: number | undefined;
-                fontWeight?: number | undefined;
-                fontFamily?: string | undefined;
-            } | undefined;
-            container?: {
-                color?: string | undefined;
-                blur?: number | undefined;
-                opacity?: number | undefined;
-                backgroundImage?: string | undefined;
-                shadowSize?: number | undefined;
-                shadowColor?: string | undefined;
-            } | undefined;
-            input?: {
-                backgroundColor?: string | undefined;
-                borderColor?: string | undefined;
-            } | undefined;
-            customCSS?: string | undefined;
-        } | undefined;
         steps?: {
             id: string;
             controls: ({
@@ -114,11 +67,11 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 max?: number | undefined;
             } | {
                 id: string;
+                controlType: "multipleChoice";
                 options: {
-                    id: string;
                     label: string;
+                    id: string;
                 }[];
-                controlType: "multipleChoice";
                 title?: string | undefined;
                 description?: string | undefined;
                 icon?: string | undefined;
@@ -135,16 +88,16 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 description?: string | undefined;
                 icon?: string | undefined;
                 required?: boolean | undefined;
-                variableName?: string | undefined;
                 min?: number | undefined;
                 max?: number | undefined;
+                variableName?: string | undefined;
             } | {
                 id: string;
+                controlType: "dropdown";
                 options: {
-                    id: string;
                     label: string;
+                    id: string;
                 }[];
-                controlType: "dropdown";
                 title?: string | undefined;
                 description?: string | undefined;
                 icon?: string | undefined;
@@ -153,25 +106,25 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 variableName?: string | undefined;
             } | {
                 id: string;
+                controlType: "choice";
                 options: {
-                    id: string;
                     label: string;
+                    id: string;
                 }[];
-                controlType: "choice";
                 title?: string | undefined;
                 description?: string | undefined;
                 required?: boolean | undefined;
-                variableName?: string | undefined;
                 showInput?: boolean | undefined;
+                variableName?: string | undefined;
                 otherOption?: boolean | undefined;
             } | {
                 id: string;
+                controlType: "pictureChoice";
                 options: {
-                    id: string;
                     label: string;
+                    id: string;
                     image?: string | undefined;
                 }[];
-                controlType: "pictureChoice";
                 title?: string | undefined;
                 description?: string | undefined;
                 icon?: string | undefined;
@@ -184,13 +137,13 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 title?: string | undefined;
                 description?: string | undefined;
                 icon?: string | undefined;
-                required?: boolean | undefined;
-                variableName?: string | undefined;
                 multiple?: boolean | undefined;
                 maxFiles?: number | undefined;
                 minFiles?: number | undefined;
                 accept?: string[] | undefined;
                 maxSize?: number | undefined;
+                required?: boolean | undefined;
+                variableName?: string | undefined;
             } | {
                 id: string;
                 controlType: "location";
@@ -224,10 +177,10 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 title?: string | undefined;
                 description?: string | undefined;
                 icon?: string | undefined;
-                required?: boolean | undefined;
-                variableName?: string | undefined;
                 yesLabel?: string | undefined;
                 noLabel?: string | undefined;
+                required?: boolean | undefined;
+                variableName?: string | undefined;
             } | {
                 id: string;
                 controlType: "longText";
@@ -246,9 +199,9 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 description?: string | undefined;
                 icon?: string | undefined;
                 required?: boolean | undefined;
-                label?: string | undefined;
                 showButton?: boolean | undefined;
                 buttonIcon?: string | undefined;
+                label?: string | undefined;
                 showIconButton?: boolean | undefined;
             } | {
                 id: string;
@@ -256,25 +209,25 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 title?: string | undefined;
                 description?: string | undefined;
                 required?: boolean | undefined;
-                label?: string | undefined;
                 showButton?: boolean | undefined;
                 buttonIcon?: string | undefined;
                 link?: string | undefined;
+                label?: 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;
+                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;
+                required?: boolean | undefined;
                 fullWidthMobile?: boolean | undefined;
             } | {
                 id: string;
@@ -291,9 +244,9 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
             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;
@@ -301,52 +254,52 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 blur?: number | undefined;
             } | undefined;
             conditions?: {
-                trigger: string;
                 controlId: string;
                 operator: string;
+                trigger: string;
                 compareValue?: string | undefined;
             }[] | undefined;
             theme?: {
+                size?: "sm" | "md" | "lg" | undefined;
+                align?: "start" | "center" | "end" | undefined;
+                listStyle?: string | undefined;
+                borderRadius?: "sm" | "md" | "lg" | undefined;
+                primaryColor?: string | undefined;
                 title?: {
-                    color?: string | undefined;
                     fontSize?: number | undefined;
                     fontWeight?: number | undefined;
                     fontFamily?: string | undefined;
+                    color?: string | undefined;
                 } | undefined;
                 description?: {
-                    color?: string | undefined;
                     fontSize?: number | undefined;
                     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;
-                primaryColor?: string | undefined;
                 font?: {
-                    color?: string | undefined;
                     fontSize?: number | undefined;
                     fontWeight?: number | undefined;
                     fontFamily?: string | undefined;
+                    color?: string | undefined;
                 } | undefined;
                 container?: {
                     color?: string | undefined;
-                    blur?: number | undefined;
                     opacity?: number | undefined;
+                    blur?: number | undefined;
                     backgroundImage?: string | undefined;
                     shadowSize?: number | undefined;
                     shadowColor?: string | undefined;
                 } | undefined;
+                background?: {
+                    color?: string | undefined;
+                    image?: string | undefined;
+                    blur?: number | undefined;
+                    brightness?: number | undefined;
+                    opacity?: number | undefined;
+                    fit?: string | undefined;
+                    blendMode?: string | undefined;
+                } | undefined;
                 input?: {
                     backgroundColor?: string | undefined;
                     borderColor?: string | undefined;
@@ -395,11 +348,11 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 max?: number | undefined;
             } | {
                 id: string;
+                controlType: "multipleChoice";
                 options: {
-                    id: string;
                     label: string;
+                    id: string;
                 }[];
-                controlType: "multipleChoice";
                 title?: string | undefined;
                 description?: string | undefined;
                 icon?: string | undefined;
@@ -416,16 +369,16 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 description?: string | undefined;
                 icon?: string | undefined;
                 required?: boolean | undefined;
-                variableName?: string | undefined;
                 min?: number | undefined;
                 max?: number | undefined;
+                variableName?: string | undefined;
             } | {
                 id: string;
+                controlType: "dropdown";
                 options: {
-                    id: string;
                     label: string;
+                    id: string;
                 }[];
-                controlType: "dropdown";
                 title?: string | undefined;
                 description?: string | undefined;
                 icon?: string | undefined;
@@ -434,25 +387,25 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 variableName?: string | undefined;
             } | {
                 id: string;
+                controlType: "choice";
                 options: {
-                    id: string;
                     label: string;
+                    id: string;
                 }[];
-                controlType: "choice";
                 title?: string | undefined;
                 description?: string | undefined;
                 required?: boolean | undefined;
-                variableName?: string | undefined;
                 showInput?: boolean | undefined;
+                variableName?: string | undefined;
                 otherOption?: boolean | undefined;
             } | {
                 id: string;
+                controlType: "pictureChoice";
                 options: {
-                    id: string;
                     label: string;
+                    id: string;
                     image?: string | undefined;
                 }[];
-                controlType: "pictureChoice";
                 title?: string | undefined;
                 description?: string | undefined;
                 icon?: string | undefined;
@@ -465,13 +418,13 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 title?: string | undefined;
                 description?: string | undefined;
                 icon?: string | undefined;
-                required?: boolean | undefined;
-                variableName?: string | undefined;
                 multiple?: boolean | undefined;
                 maxFiles?: number | undefined;
                 minFiles?: number | undefined;
                 accept?: string[] | undefined;
                 maxSize?: number | undefined;
+                required?: boolean | undefined;
+                variableName?: string | undefined;
             } | {
                 id: string;
                 controlType: "location";
@@ -505,10 +458,10 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 title?: string | undefined;
                 description?: string | undefined;
                 icon?: string | undefined;
-                required?: boolean | undefined;
-                variableName?: string | undefined;
                 yesLabel?: string | undefined;
                 noLabel?: string | undefined;
+                required?: boolean | undefined;
+                variableName?: string | undefined;
             } | {
                 id: string;
                 controlType: "longText";
@@ -527,9 +480,9 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 description?: string | undefined;
                 icon?: string | undefined;
                 required?: boolean | undefined;
-                label?: string | undefined;
                 showButton?: boolean | undefined;
                 buttonIcon?: string | undefined;
+                label?: string | undefined;
                 showIconButton?: boolean | undefined;
             } | {
                 id: string;
@@ -537,25 +490,25 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 title?: string | undefined;
                 description?: string | undefined;
                 required?: boolean | undefined;
-                label?: string | undefined;
                 showButton?: boolean | undefined;
                 buttonIcon?: string | undefined;
                 link?: string | undefined;
+                label?: 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;
+                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;
+                required?: boolean | undefined;
                 fullWidthMobile?: boolean | undefined;
             } | {
                 id: string;
@@ -572,9 +525,9 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
             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;
@@ -582,52 +535,52 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 blur?: number | undefined;
             } | undefined;
             conditions?: {
-                trigger: string;
                 controlId: string;
                 operator: string;
+                trigger: string;
                 compareValue?: string | undefined;
             }[] | undefined;
             theme?: {
+                size?: "sm" | "md" | "lg" | undefined;
+                align?: "start" | "center" | "end" | undefined;
+                listStyle?: string | undefined;
+                borderRadius?: "sm" | "md" | "lg" | undefined;
+                primaryColor?: string | undefined;
                 title?: {
-                    color?: string | undefined;
                     fontSize?: number | undefined;
                     fontWeight?: number | undefined;
                     fontFamily?: string | undefined;
+                    color?: string | undefined;
                 } | undefined;
                 description?: {
-                    color?: string | undefined;
                     fontSize?: number | undefined;
                     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;
-                primaryColor?: string | undefined;
                 font?: {
-                    color?: string | undefined;
                     fontSize?: number | undefined;
                     fontWeight?: number | undefined;
                     fontFamily?: string | undefined;
+                    color?: string | undefined;
                 } | undefined;
                 container?: {
                     color?: string | undefined;
-                    blur?: number | undefined;
                     opacity?: number | undefined;
+                    blur?: number | undefined;
                     backgroundImage?: string | undefined;
                     shadowSize?: number | undefined;
                     shadowColor?: string | undefined;
                 } | undefined;
+                background?: {
+                    color?: string | undefined;
+                    image?: string | undefined;
+                    blur?: number | undefined;
+                    brightness?: number | undefined;
+                    opacity?: number | undefined;
+                    fit?: string | undefined;
+                    blendMode?: string | undefined;
+                } | undefined;
                 input?: {
                     backgroundColor?: string | undefined;
                     borderColor?: string | undefined;
@@ -639,10 +592,57 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 y: number;
             } | undefined;
         } | undefined;
+        theme?: {
+            size?: "sm" | "md" | "lg" | undefined;
+            align?: "start" | "center" | "end" | undefined;
+            listStyle?: string | undefined;
+            borderRadius?: "sm" | "md" | "lg" | undefined;
+            primaryColor?: string | undefined;
+            title?: {
+                fontSize?: number | undefined;
+                fontWeight?: number | undefined;
+                fontFamily?: string | undefined;
+                color?: string | undefined;
+            } | undefined;
+            description?: {
+                fontSize?: number | undefined;
+                fontWeight?: number | undefined;
+                fontFamily?: string | undefined;
+                color?: string | undefined;
+            } | undefined;
+            font?: {
+                fontSize?: number | undefined;
+                fontWeight?: number | undefined;
+                fontFamily?: string | undefined;
+                color?: string | undefined;
+            } | undefined;
+            container?: {
+                color?: string | undefined;
+                opacity?: number | undefined;
+                blur?: number | undefined;
+                backgroundImage?: string | undefined;
+                shadowSize?: number | undefined;
+                shadowColor?: string | undefined;
+            } | undefined;
+            background?: {
+                color?: string | undefined;
+                image?: string | undefined;
+                blur?: number | undefined;
+                brightness?: number | undefined;
+                opacity?: number | undefined;
+                fit?: string | undefined;
+                blendMode?: string | undefined;
+            } | undefined;
+            input?: {
+                backgroundColor?: string | undefined;
+                borderColor?: string | undefined;
+            } | undefined;
+            customCSS?: string | undefined;
+        } | undefined;
         settings?: {
-            layout: "slides" | "list";
             slideAnimation: "vertical" | "horizontal" | "none";
             freeNav: boolean;
+            layout: "slides" | "list";
             enterIndicator?: any;
             progressBar?: boolean | undefined;
             copyright?: boolean | undefined;