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/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;

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: {
-        id: string;
         label: string;
+        id: 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: {
-        id: string;
         label: string;
+        id: 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: {
-        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;
@@ -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;
-    required?: boolean | undefined;
-    variableName?: string | undefined;
     yesLabel?: string | undefined;
     noLabel?: string | undefined;
+    required?: boolean | undefined;
+    variableName?: 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;
-    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;

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

@@ -35,11 +35,11 @@ export declare const useActiveStep: () => {
         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;
@@ -56,16 +56,16 @@ export declare const useActiveStep: () => {
         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;
@@ -74,25 +74,25 @@ export declare const useActiveStep: () => {
         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;
@@ -105,13 +105,13 @@ export declare const useActiveStep: () => {
         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";
@@ -145,10 +145,10 @@ export declare const useActiveStep: () => {
         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";
@@ -167,9 +167,9 @@ export declare const useActiveStep: () => {
         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;
@@ -177,25 +177,25 @@ export declare const useActiveStep: () => {
         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;
@@ -212,9 +212,9 @@ export declare const useActiveStep: () => {
     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,52 +222,52 @@ export declare const useActiveStep: () => {
         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/hooks/useFormGlobalTheme.d.ts CHANGED Viewed

@@ -106,6 +106,12 @@ export declare const useFormGlobalTheme: ({ innerId }: {
             xs?: string | undefined;
             xl?: string | undefined;
         } | undefined;
+        fontWeights?: {
+            [x: string & {}]: string | undefined;
+            bold?: string | undefined;
+            medium?: string | undefined;
+            regular?: string | undefined;
+        } | undefined;
         breakpoints?: {
             [x: string & {}]: string | undefined;
             sm?: string | undefined;

package/dist/components/FormViewer/hooks/useFormGlobalTheme.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useFormGlobalTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/hooks/useFormGlobalTheme.tsx"],"names":[],"mappings":"AA0BA,eAAO,MAAM,kBAAkB,GAAI,aAAa;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsIlE~~,CAAC"}
1	+ {"version":3,"file":"useFormGlobalTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/hooks/useFormGlobalTheme.tsx"],"names":[],"mappings":"AA0BA,eAAO,MAAM,kBAAkB,GAAI,aAAa;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuIlE,CAAC"}

package/dist/components/FormViewer/hooks/useFormGlobalTheme.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { useMemo as r } from "react";
 import { generateColors as a } from "@mantine/colors-generator";
-import { createTheme as d, DEFAULT_THEME as u, Flex as l, ActionIcon as m, ThemeIcon as f, Card as c, InputError as p, Progress as x, Select as z, NumberInput as b, Textarea as P, TextInput as h, Button as R, Text as T, Title as g } from "@mantine/core";
+import { createTheme as u, DEFAULT_THEME as d, Flex as l, ActionIcon as m, ThemeIcon as f, Card as c, InputError as p, Progress as x, Select as z, NumberInput as b, Textarea as P, TextInput as h, Button as R, Text as T, Title as g } from "@mantine/core";
 import { DateInput as y } from "@mantine/dates";
 import { scopeCustomCss as F } from "../helpers/cssScoping.js";
 import { useFormViewerStore as I } from "../store/formStore.js";
@@ -8,8 +8,8 @@ import { themeReselect as S } from "../store/selectors.js";
 const B = ({ innerId: t }) => {
   const { useStore: s } = I(), e = s(S), i = r(() => {
     const n = a(e?.primaryColor || ""), o = "custom";
-    return d({
-      ...u,
+    return u({
+      ...d,
       fontFamily: `"${e.font?.fontFamily || "Roboto"}", sans-serif`,
       // fontWeight: theme.font?.fontWeight,
       headings: {
@@ -17,6 +17,7 @@ const B = ({ innerId: t }) => {
         fontFamily: `"${e.font?.fontFamily || "Roboto"}", sans-serif`
       },
       primaryColor: "custom",
+      autoContrast: !0,
       colors: {
         custom: n
       },

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

@@ -1,5 +1,5 @@
 export declare const useFormMobile: () => {
-    ref: import("react").RefObject<any>;
+    ref: (node: HTMLElement | null) => void;
     isMobile: boolean;
 };
 //# sourceMappingURL=useFormMobile.d.ts.map

package/dist/components/FormViewer/hooks/useFormMobile.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useFormMobile.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/hooks/useFormMobile.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,aAAa~~;;;CAazB~~,CAAC"}
1	+ {"version":3,"file":"useFormMobile.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/hooks/useFormMobile.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,aAAa,QAAO;IAAE,GAAG,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAa5F,CAAC"}