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

@layers-app/shared 0.4.0 → 0.4.1

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 (122) hide show

package/dist/components/FormViewer/helpers/conditions.d.ts CHANGED Viewed

@@ -38,11 +38,11 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
         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;
@@ -59,16 +59,16 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
         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;
@@ -77,25 +77,25 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
         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;
@@ -108,13 +108,13 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
         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";
@@ -148,10 +148,10 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
         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";
@@ -170,9 +170,9 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
         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;
@@ -180,25 +180,25 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
         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;
@@ -215,9 +215,9 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
     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;
@@ -225,52 +225,52 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
         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;

package/dist/components/FormViewer/helpers/helpers.d.ts CHANGED Viewed

@@ -37,11 +37,11 @@ export declare const sortSteps: (steps: StepData[]) => {
         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;
@@ -58,16 +58,16 @@ export declare const sortSteps: (steps: StepData[]) => {
         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;
@@ -76,25 +76,25 @@ export declare const sortSteps: (steps: StepData[]) => {
         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;
@@ -107,13 +107,13 @@ export declare const sortSteps: (steps: StepData[]) => {
         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";
@@ -147,10 +147,10 @@ export declare const sortSteps: (steps: StepData[]) => {
         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";
@@ -169,9 +169,9 @@ export declare const sortSteps: (steps: StepData[]) => {
         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;
@@ -179,25 +179,25 @@ export declare const sortSteps: (steps: StepData[]) => {
         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;
@@ -214,9 +214,9 @@ export declare const sortSteps: (steps: StepData[]) => {
     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;
@@ -224,52 +224,52 @@ export declare const sortSteps: (steps: StepData[]) => {
         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;

package/dist/components/FormViewer/helpers/steps.d.ts CHANGED Viewed

@@ -37,11 +37,11 @@ export declare const getFirstStep: (steps: StepData[]) => {
         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;
@@ -58,16 +58,16 @@ export declare const getFirstStep: (steps: StepData[]) => {
         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;
@@ -76,25 +76,25 @@ export declare const getFirstStep: (steps: StepData[]) => {
         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;
@@ -107,13 +107,13 @@ export declare const getFirstStep: (steps: StepData[]) => {
         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";
@@ -147,10 +147,10 @@ export declare const getFirstStep: (steps: StepData[]) => {
         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";
@@ -169,9 +169,9 @@ export declare const getFirstStep: (steps: StepData[]) => {
         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;
@@ -179,25 +179,25 @@ export declare const getFirstStep: (steps: StepData[]) => {
         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;
@@ -214,9 +214,9 @@ export declare const getFirstStep: (steps: StepData[]) => {
     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;
@@ -224,52 +224,52 @@ export declare const getFirstStep: (steps: StepData[]) => {
         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;