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

@layers-app/shared 0.3.9 → 0.4.0

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

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: {
-            label: string;
             id: string;
+            label: 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: {
-            label: string;
             id: string;
+            label: 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: {
-            label: string;
             id: string;
+            label: string;
         }[];
+        controlType: "choice";
         title?: string | undefined;
         description?: string | undefined;
         required?: boolean | undefined;
-        showInput?: boolean | undefined;
         variableName?: string | undefined;
+        showInput?: boolean | undefined;
         otherOption?: boolean | undefined;
     } | {
         id: string;
-        controlType: "pictureChoice";
         options: {
-            label: string;
             id: string;
+            label: 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;
-        yesLabel?: string | undefined;
-        noLabel?: string | undefined;
         required?: boolean | undefined;
         variableName?: string | undefined;
+        yesLabel?: string | undefined;
+        noLabel?: 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;
-        link?: string | undefined;
-        showIconButton?: boolean | 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;
-        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;
-            opacity?: number | undefined;
             blur?: number | undefined;
+            opacity?: 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: {
-            label: string;
             id: string;
+            label: 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: {
-            label: string;
             id: string;
+            label: 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: {
-            label: string;
             id: string;
+            label: string;
         }[];
+        controlType: "choice";
         title?: string | undefined;
         description?: string | undefined;
         required?: boolean | undefined;
-        showInput?: boolean | undefined;
         variableName?: string | undefined;
+        showInput?: boolean | undefined;
         otherOption?: boolean | undefined;
     } | {
         id: string;
-        controlType: "pictureChoice";
         options: {
-            label: string;
             id: string;
+            label: 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;
-        yesLabel?: string | undefined;
-        noLabel?: string | undefined;
         required?: boolean | undefined;
         variableName?: string | undefined;
+        yesLabel?: string | undefined;
+        noLabel?: 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;
-        link?: string | undefined;
-        showIconButton?: boolean | 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;
-        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;
-            opacity?: number | undefined;
             blur?: number | undefined;
+            opacity?: 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/hooks/useActiveControl.d.ts CHANGED Viewed

@@ -33,11 +33,11 @@ export declare const useActiveControl: () => {
     max?: number | undefined;
 } | {
     id: string;
-    controlType: "multipleChoice";
     options: {
-        label: string;
         id: string;
+        label: string;
     }[];
+    controlType: "multipleChoice";
     title?: string | undefined;
     description?: string | undefined;
     icon?: string | undefined;
@@ -54,16 +54,16 @@ export declare const useActiveControl: () => {
     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: {
-        label: string;
         id: string;
+        label: string;
     }[];
+    controlType: "dropdown";
     title?: string | undefined;
     description?: string | undefined;
     icon?: string | undefined;
@@ -72,25 +72,25 @@ export declare const useActiveControl: () => {
     variableName?: string | undefined;
 } | {
     id: string;
-    controlType: "choice";
     options: {
-        label: string;
         id: string;
+        label: string;
     }[];
+    controlType: "choice";
     title?: string | undefined;
     description?: string | undefined;
     required?: boolean | undefined;
-    showInput?: boolean | undefined;
     variableName?: string | undefined;
+    showInput?: boolean | undefined;
     otherOption?: boolean | undefined;
 } | {
     id: string;
-    controlType: "pictureChoice";
     options: {
-        label: string;
         id: string;
+        label: string;
         image?: string | undefined;
     }[];
+    controlType: "pictureChoice";
     title?: string | undefined;
     description?: string | undefined;
     icon?: string | undefined;
@@ -103,13 +103,13 @@ export declare const useActiveControl: () => {
     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";
@@ -143,10 +143,10 @@ export declare const useActiveControl: () => {
     title?: string | undefined;
     description?: string | undefined;
     icon?: string | undefined;
-    yesLabel?: string | undefined;
-    noLabel?: string | undefined;
     required?: boolean | undefined;
     variableName?: string | undefined;
+    yesLabel?: string | undefined;
+    noLabel?: string | undefined;
 } | {
     id: string;
     controlType: "longText";
@@ -165,9 +165,9 @@ export declare const useActiveControl: () => {
     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;
@@ -175,25 +175,25 @@ export declare const useActiveControl: () => {
     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;
-    link?: string | undefined;
-    showIconButton?: boolean | 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;
-    required?: boolean | undefined;
     fullWidthMobile?: boolean | undefined;
 } | {
     id: string;