@layers-app/shared 0.4.0 → 0.4.2

package/dist/components/FilePicker/FilePickerUpload.js

@@ -1,25 +1,26 @@
-import { jsx as o, jsxs as d } from "react/jsx-runtime";
-import { useCallback as p } from "react";
-import { useTranslation as F, Trans as k } from "react-i18next";
-import { Image02Icon as v } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as I } from "@hugeicons/react";
+import { jsx as o, jsxs as p } from "react/jsx-runtime";
+import { useCallback as d } from "react";
+import { useTranslation as k, Trans as v } from "react-i18next";
+import { Image02Icon as I } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as E } from "@hugeicons/react";
 import { Stack as x, Text as s } from "@mantine/core";
-import { Dropzone as E, IMAGE_MIME_TYPE as N } from "@mantine/dropzone";
+import { Dropzone as N, IMAGE_MIME_TYPE as T } from "@mantine/dropzone";
 import { showNotification as h } from "@mantine/notifications";
 import { getMaxUploadSize as g } from "../../config/envConfig.js";
-import { showErrorNotification as T } from "../../helpers/showNotifications.js";
-import b from "./FilePicker.module.css.js";
+import { showErrorNotification as b } from "../../helpers/showNotifications.js";
+import j from "./FilePicker.module.css.js";
 import "@mantine/dropzone/styles.css";
-const Y = ({
+const q = ({
   type: a = "image",
   uploading: u,
   dropZoneProps: i,
-  onUpload: c
+  onUpload: c,
+  icon: y
 }) => {
-  const { t: e } = F("ui"), l = i?.maxSize != null ? Math.round(i.maxSize / (1024 * 1024)) : Math.round((g() ?? 5 * 1024 * 1024) / (1024 * 1024)), m = `filePicker.description.${a}`, y = `filePicker.dropFileHere.${a}`, f = (() => {
+  const { t: e } = k("ui"), l = i?.maxSize != null ? Math.round(i.maxSize / (1024 * 1024)) : Math.round((g() ?? 5 * 1024 * 1024) / (1024 * 1024)), m = `filePicker.description.${a}`, z = `filePicker.dropFileHere.${a}`, f = (() => {
     const r = e(m, { maxSize: l });
     return r !== m ? r : null;
-  })(), z = p(
+  })(), M = d(
     (r) => {
       if (r.filter(
         (t) => t.errors.some((n) => n.code === "file-invalid-type")
@@ -31,7 +32,7 @@ const Y = ({
         return;
       }
       if (r.some((t) => t.errors.some((n) => n.code === "file-too-large"))) {
-        T({
+        b({
           title: e("errorMessage"),
           message: e("filePicker.errors.shouldNotExceed", { maxSize: l })
         });
@@ -48,21 +49,21 @@ const Y = ({
       }
     },
     [e, l]
-  ), M = p(c, [c]), S = i?.maxSize ?? g() ?? 5 * 1024 * 1024;
+  ), S = d(c, [c]), F = i?.maxSize ?? g() ?? 5 * 1024 * 1024;
   return /* @__PURE__ */ o(
-    E,
+    N,
     {
       loading: u,
-      onDrop: M,
-      onReject: z,
+      onDrop: S,
+      onReject: M,
       maxFiles: i?.maxFiles || 1,
-      maxSize: S,
-      accept: N,
+      maxSize: F,
+      accept: T,
       px: 60,
       py: "xl",
-      className: `${b.pickerDropZone}`,
+      className: `${j.pickerDropZone}`,
       ...i || {},
-      children: /* @__PURE__ */ d(
+      children: /* @__PURE__ */ p(
         x,
         {
           justify: "center",
@@ -72,25 +73,24 @@ const Y = ({
           style: { pointerEvents: "none" },
           children: [
             /* @__PURE__ */ o(
-              I,
+              E,
               {
                 size: 32,
                 color: "var(--mantine-color-bright)",
-                icon: v
+                icon: y ?? I
               }
             ),
-            /* @__PURE__ */ d(x, { gap: 8, align: "center", children: [
+            /* @__PURE__ */ p(x, { gap: 8, align: "center", children: [
               /* @__PURE__ */ o(s, { fw: 500, fz: "sm", c: "bright", lh: "sm", ta: "center", children: /* @__PURE__ */ o(
-                k,
+                v,
                 {
                   ns: "ui",
-                  i18nKey: y,
+                  i18nKey: z,
                   components: {
                     choose: /* @__PURE__ */ o(
                       s,
                       {
                         component: "span",
-                        td: "underline",
                         c: "var(--primary-color-text, var(--mantine-primary-color-filled))"
                       }
                     )
@@ -106,5 +106,5 @@ const Y = ({
   );
 };
 export {
-  Y as FilePickerUpload
+  q as FilePickerUpload
 };

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

@@ -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

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