@layers-app/shared 0.3.9 → 0.4.0

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

@@ -35,11 +35,11 @@ export declare const useActiveStep: () => {
         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;
@@ -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: {
-            label: string;
             id: string;
+            label: 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: {
-            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;
@@ -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;
-        yesLabel?: string | undefined;
-        noLabel?: string | undefined;
         required?: boolean | undefined;
         variableName?: string | undefined;
+        yesLabel?: string | undefined;
+        noLabel?: 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;
-        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;
@@ -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;
-            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/useFormGlobalTheme.d.ts

@@ -106,12 +106,6 @@ 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

@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuIlE,CAAC"}
+{"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"}

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

@@ -1,6 +1,6 @@
 import { useMemo as r } from "react";
 import { generateColors as a } from "@mantine/colors-generator";
-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 { 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 { 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 u({
-      ...d,
+    return d({
+      ...u,
       fontFamily: `"${e.font?.fontFamily || "Roboto"}", sans-serif`,
       // fontWeight: theme.font?.fontWeight,
       headings: {
@@ -17,7 +17,6 @@ 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

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

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

@@ -1 +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"}
+{"version":3,"file":"useFormMobile.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/hooks/useFormMobile.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,aAAa;;;CAazB,CAAC"}