@layers-app/shared 0.1.5 → 0.2.1

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

@@ -2,6 +2,7 @@ import { UseFormReturnType } from '@mantine/form';
 import { StepsFormValues } from '../hooks/useCreateFormContext';
 import { ControlType, OperatorType, StepData } from '../types/form';
 export declare const getNextStep: (step: StepData, steps: StepData[], form: UseFormReturnType<StepsFormValues>) => {
+    trigger: string;
     id: string;
     controls: ({
         id: string;
@@ -9,10 +10,10 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
-        maxLength?: number | undefined;
-        minLength?: number | undefined;
-        placeholder?: string | undefined;
         required?: boolean | undefined;
+        placeholder?: string | undefined;
+        minLength?: number | undefined;
+        maxLength?: number | undefined;
         variableName?: string | undefined;
     } | {
         id: string;
@@ -20,25 +21,25 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
-        maxLength?: number | undefined;
-        minLength?: number | undefined;
-        placeholder?: string | undefined;
         required?: boolean | undefined;
+        placeholder?: string | undefined;
+        minLength?: number | undefined;
+        maxLength?: number | undefined;
         variableName?: string | undefined;
     } | {
         id: string;
         controlType: "button";
-        label?: string | undefined;
-        link?: string | undefined;
         title?: string | undefined;
         description?: string | undefined;
-        buttons?: any[] | undefined;
-        width?: number | undefined;
-        orientation?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
         required?: boolean | undefined;
+        label?: string | undefined;
+        link?: string | undefined;
         showIconButton?: boolean | undefined;
         buttonIcon?: string | undefined;
-        alignButton?: "center" | "end" | "start" | undefined;
+        alignButton?: "start" | "center" | "end" | undefined;
+        buttons?: any[] | undefined;
+        orientation?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+        width?: number | undefined;
         enableTooltip?: boolean | undefined;
         fullWidthMobile?: boolean | undefined;
     } | {
@@ -47,30 +48,30 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
-        placeholder?: string | undefined;
         required?: boolean | undefined;
+        placeholder?: string | undefined;
+        variableName?: string | undefined;
         minDate?: string | undefined;
         maxDate?: string | undefined;
-        variableName?: string | undefined;
     } | {
         id: string;
         controlType: "start";
-        label?: string | undefined;
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
         required?: boolean | undefined;
+        label?: string | undefined;
         showIconButton?: boolean | undefined;
         buttonIcon?: string | undefined;
         showButton?: boolean | undefined;
     } | {
         id: string;
         controlType: "confirm";
-        label?: string | undefined;
-        link?: string | undefined;
         title?: string | undefined;
         description?: string | undefined;
         required?: boolean | undefined;
+        label?: string | undefined;
+        link?: string | undefined;
         buttonIcon?: string | undefined;
         showButton?: boolean | undefined;
     } | {
@@ -79,17 +80,17 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
-        max?: number | undefined;
-        min?: number | undefined;
-        placeholder?: string | undefined;
         required?: boolean | undefined;
+        placeholder?: string | undefined;
         variableName?: string | undefined;
+        min?: number | undefined;
+        max?: number | undefined;
     } | {
-        id: string;
         options: {
-            label: string;
             id: string;
+            label: string;
         }[];
+        id: string;
         controlType: "choice";
         title?: string | undefined;
         description?: string | undefined;
@@ -98,11 +99,11 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
         showInput?: boolean | undefined;
         otherOption?: boolean | undefined;
     } | {
-        id: string;
         options: {
-            label: string;
             id: string;
+            label: string;
         }[];
+        id: string;
         controlType: "multipleChoice";
         title?: string | undefined;
         description?: string | undefined;
@@ -114,12 +115,12 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
         minOptions?: number | undefined;
         maxOptions?: number | undefined;
     } | {
-        id: string;
         options: {
-            label: string;
             id: string;
+            label: string;
             image?: string | undefined;
         }[];
+        id: string;
         controlType: "pictureChoice";
         title?: string | undefined;
         description?: string | undefined;
@@ -128,17 +129,17 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
         variableName?: string | undefined;
         showInput?: boolean | undefined;
     } | {
-        id: string;
         options: {
-            label: string;
             id: string;
+            label: string;
         }[];
+        id: string;
         controlType: "dropdown";
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
-        placeholder?: string | undefined;
         required?: boolean | undefined;
+        placeholder?: string | undefined;
         variableName?: string | undefined;
     } | {
         id: string;
@@ -146,8 +147,8 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
-        placeholder?: string | undefined;
         required?: boolean | undefined;
+        placeholder?: string | undefined;
         variableName?: string | undefined;
     } | {
         id: string;
@@ -155,8 +156,8 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
-        placeholder?: string | undefined;
         required?: boolean | undefined;
+        placeholder?: string | undefined;
         variableName?: string | undefined;
     } | {
         id: string;
@@ -164,8 +165,8 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
-        placeholder?: string | undefined;
         required?: boolean | undefined;
+        placeholder?: string | undefined;
         variableName?: string | undefined;
     } | {
         id: string;
@@ -173,23 +174,23 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
-        max?: number | undefined;
-        min?: number | undefined;
         required?: boolean | undefined;
         variableName?: string | undefined;
+        min?: number | undefined;
+        max?: number | undefined;
     } | {
         id: string;
         controlType: "upload";
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
-        multiple?: boolean | undefined;
-        accept?: string[] | undefined;
         required?: boolean | undefined;
-        maxSize?: number | undefined;
-        maxFiles?: number | undefined;
         variableName?: string | undefined;
+        multiple?: boolean | undefined;
+        maxFiles?: number | undefined;
         minFiles?: number | undefined;
+        accept?: string[] | undefined;
+        maxSize?: number | undefined;
     } | {
         id: string;
         controlType: "yesNo";
@@ -206,80 +207,80 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
         title?: string | undefined;
         description?: string | undefined;
         required?: boolean | undefined;
-        count?: number | undefined;
         variableName?: string | undefined;
+        count?: number | undefined;
     })[];
-    trigger: string;
-    position?: {
-        x: number;
-        y: number;
-    } | undefined;
+    isStart?: boolean | undefined;
+    isEnd?: boolean | undefined;
+    autoSubmit?: boolean | undefined;
+    confirmLabel?: string | undefined;
     media?: {
-        video?: 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;
         size?: number | undefined;
-        layout?: "content" | "top" | "left" | "bottom" | "right" | "background" | "fullLeft" | "fullRight" | "fullTop" | "fullBottom" | undefined;
         blur?: number | undefined;
-        brightness?: number | undefined;
-        videoThumb?: string | undefined;
     } | undefined;
+    conditions?: {
+        controlId: string;
+        operator: string;
+        trigger: string;
+        compareValue?: string | undefined;
+    }[] | undefined;
     theme?: {
-        input?: {
-            backgroundColor?: string | undefined;
-            borderColor?: string | undefined;
+        background?: {
+            brightness?: number | undefined;
+            image?: string | undefined;
+            color?: string | undefined;
+            blur?: number | undefined;
+            opacity?: number | undefined;
+            fit?: string | undefined;
+            blendMode?: string | undefined;
         } | undefined;
+        size?: "sm" | "md" | "lg" | undefined;
         title?: {
             color?: string | undefined;
             fontSize?: number | undefined;
             fontWeight?: number | undefined;
             fontFamily?: string | undefined;
         } | undefined;
-        size?: "sm" | "md" | "lg" | undefined;
         description?: {
             color?: string | undefined;
             fontSize?: number | undefined;
             fontWeight?: number | undefined;
             fontFamily?: string | undefined;
         } | undefined;
-        align?: "center" | "end" | "start" | undefined;
+        align?: "start" | "center" | "end" | undefined;
+        listStyle?: string | undefined;
+        borderRadius?: "sm" | "md" | "lg" | undefined;
         primaryColor?: string | undefined;
-        background?: {
-            image?: string | undefined;
+        font?: {
             color?: string | undefined;
-            opacity?: number | undefined;
-            blur?: number | undefined;
-            brightness?: number | undefined;
-            fit?: string | undefined;
-            blendMode?: string | undefined;
+            fontSize?: number | undefined;
+            fontWeight?: number | undefined;
+            fontFamily?: string | undefined;
         } | undefined;
         container?: {
             color?: string | undefined;
+            blur?: number | undefined;
             opacity?: number | undefined;
             backgroundImage?: string | undefined;
-            blur?: number | undefined;
             shadowSize?: number | undefined;
             shadowColor?: string | undefined;
         } | undefined;
-        borderRadius?: "sm" | "md" | "lg" | undefined;
-        font?: {
-            color?: string | undefined;
-            fontSize?: number | undefined;
-            fontWeight?: number | undefined;
-            fontFamily?: string | undefined;
+        input?: {
+            backgroundColor?: string | undefined;
+            borderColor?: string | undefined;
         } | undefined;
-        listStyle?: string | undefined;
         customCSS?: string | undefined;
     } | undefined;
-    isStart?: boolean | undefined;
-    isEnd?: boolean | undefined;
-    autoSubmit?: boolean | undefined;
-    confirmLabel?: string | undefined;
-    conditions?: {
-        operator: string;
-        trigger: string;
-        controlId: string;
-        compareValue?: string | undefined;
-    }[] | undefined;
+    position?: {
+        x: number;
+        y: number;
+    } | undefined;
 };
 export declare const operatorsRelation: Record<ControlType, OperatorType[]>;
+//# sourceMappingURL=conditions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"conditions.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/helpers/conditions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAGlD,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEpE,eAAO,MAAM,WAAW,GACtB,MAAM,QAAQ,EACd,OAAO,QAAQ,EAAE,EACjB,MAAM,iBAAiB,CAAC,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQzC,CAAC;AA6CF,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,WAAW,EAAE,YAAY,EAAE,CAmBjE,CAAC"}

package/dist/components/FormViewer/helpers/conditions.js

@@ -0,0 +1,43 @@
+import { isNil as s } from "lodash-es";
+const p = (n, o, l) => {
+  const e = d(n, l.getValues()), i = o.find((t) => t.id === e), r = o.findIndex((t) => t.id === n.id);
+  return i ?? o[r + 1];
+}, d = (n, o) => {
+  if (n.conditions?.length) {
+    const l = n.conditions.find((e) => {
+      const i = o[e.controlId];
+      if (e.operator === "empty" && s(i) || e.operator === "filledIn" && (i || i === 0))
+        return !0;
+      if (s(i) || s(e.compareValue))
+        return !1;
+      const r = i.toString().toLowerCase(), t = e.compareValue.toLowerCase();
+      if (e.operator === "is" && r === t || e.operator === "isNot" && r !== t || e.operator === "startsWidth" && r.startsWith(t) || e.operator === "endsWidth" && r.endsWith(t))
+        return !0;
+    });
+    if (l) return l.trigger;
+  }
+  return n.trigger;
+}, f = {
+  choice: ["filledIn", "empty", "selected", "notSelected"],
+  pictureChoice: ["filledIn", "empty", "selected", "notSelected"],
+  dropdown: ["filledIn", "empty", "selected", "notSelected"],
+  multipleChoice: ["filledIn", "empty", "selected", "notSelected"],
+  location: ["filledIn", "empty", "is", "isNot", "startsWidth", "endsWidth"],
+  longText: ["filledIn", "empty", "is", "isNot", "startsWidth", "endsWidth"],
+  phone: ["filledIn", "empty", "is", "isNot", "startsWidth", "endsWidth"],
+  text: ["filledIn", "empty", "is", "isNot", "startsWidth", "endsWidth"],
+  email: ["filledIn", "empty", "is", "isNot", "startsWidth", "endsWidth"],
+  number: ["filledIn", "empty", "is", "isNot", "smallerWhen", "biggerWhen"],
+  slider: ["filledIn", "empty", "is", "isNot", "smallerWhen", "biggerWhen"],
+  date: ["filledIn", "empty", "is", "isNot"],
+  yesNo: ["filledIn", "empty", "is", "isNot"],
+  upload: ["filledIn", "empty"],
+  start: [],
+  confirm: [],
+  button: [],
+  rating: ["filledIn", "empty", "is", "isNot", "smallerWhen", "biggerWhen"]
+};
+export {
+  p as getNextStep,
+  f as operatorsRelation
+};

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

@@ -4,3 +4,4 @@ export declare const controlsDataMap: Record<ControlType, {
     icon: ReactNode;
     color: string;
 }>;
+//# sourceMappingURL=controls.d.ts.map

package/dist/components/FormViewer/helpers/controls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/helpers/controls.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAuBlC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,eAAO,MAAM,eAAe,EAAE,MAAM,CAClC,WAAW,EACX;IACE,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf,CA0EF,CAAC"}

package/dist/components/FormViewer/helpers/controls.js

@@ -0,0 +1,79 @@
+import { jsx as o } from "react/jsx-runtime";
+import { IconStar as e, IconClick as c, IconSquareCheck as i, IconCornerDownLeft as n, IconUpload as r, IconKeyframeAlignHorizontal as l, IconNumber as a, IconSelector as s, IconCards as m, IconLayoutGrid as t, IconVersions as z, IconCircleDashedCheck as d, IconMapPin as I, IconCalendarMonth as p, IconMail as g, IconPhone as u, IconTextPlus as h, IconFileText as C } from "@tabler/icons-react";
+const f = {
+  text: {
+    icon: /* @__PURE__ */ o(C, { size: "1em" }),
+    color: "indigo"
+  },
+  longText: {
+    icon: /* @__PURE__ */ o(h, { size: "1em" }),
+    color: "indigo"
+  },
+  phone: {
+    icon: /* @__PURE__ */ o(u, { size: "1em" }),
+    color: "blue"
+  },
+  email: {
+    icon: /* @__PURE__ */ o(g, { size: "1em" }),
+    color: "blue"
+  },
+  date: {
+    icon: /* @__PURE__ */ o(p, { size: "1em" }),
+    color: "cyan"
+  },
+  location: {
+    icon: /* @__PURE__ */ o(I, { size: "1em" }),
+    color: "red"
+  },
+  yesNo: {
+    icon: /* @__PURE__ */ o(d, { size: "1em" }),
+    color: "grape"
+  },
+  choice: {
+    icon: /* @__PURE__ */ o(z, { size: "1em" }),
+    color: "grape"
+  },
+  pictureChoice: {
+    icon: /* @__PURE__ */ o(t, { size: "1em" }),
+    color: "grape"
+  },
+  multipleChoice: {
+    icon: /* @__PURE__ */ o(m, { size: "1em" }),
+    color: "grape"
+  },
+  dropdown: {
+    icon: /* @__PURE__ */ o(s, { size: "1em" }),
+    color: "grape"
+  },
+  number: {
+    icon: /* @__PURE__ */ o(a, { size: "1em" }),
+    color: "orange"
+  },
+  slider: {
+    icon: /* @__PURE__ */ o(l, { size: "1em" }),
+    color: "orange"
+  },
+  upload: {
+    icon: /* @__PURE__ */ o(r, { size: "1em" }),
+    color: "red"
+  },
+  start: {
+    icon: /* @__PURE__ */ o(n, { size: "1em" }),
+    color: "red"
+  },
+  confirm: {
+    icon: /* @__PURE__ */ o(i, { size: "1em" }),
+    color: "red"
+  },
+  button: {
+    icon: /* @__PURE__ */ o(c, { size: "1em" }),
+    color: "red"
+  },
+  rating: {
+    icon: /* @__PURE__ */ o(e, { size: "1em" }),
+    color: "red"
+  }
+};
+export {
+  f as controlsDataMap
+};

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

@@ -9,3 +9,4 @@
  * @returns Scoped CSS с префиксами
  */
 export declare const scopeCustomCss: (css: string, containerId: string) => string;
+//# sourceMappingURL=cssScoping.d.ts.map

package/dist/components/FormViewer/helpers/cssScoping.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cssScoping.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/helpers/cssScoping.ts"],"names":[],"mappings":"AAAA;;GAEG;AAiBH;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,GAAI,KAAK,MAAM,EAAE,aAAa,MAAM,KAAG,MA8BjE,CAAC"}

package/dist/components/FormViewer/helpers/cssScoping.js

@@ -0,0 +1,10 @@
+const a = (t) => t.replace(/@import\s+[^;]+;/gi, "").replace(/url\(\s*(['"]?)(javascript|data):/gi, "url($1about:blank").replace(/position\s*:\s*fixed/gi, "position: absolute").replace(/z-index\s*:\s*(\d{4,})/gi, "z-index: 999"), p = (t, s) => t?.trim() ? a(t).split("}").map((o) => {
+  const [r, i] = o.split("{");
+  if (!r?.trim() || !i?.trim()) return "";
+  const e = r.trim();
+  return e.startsWith("@") ? `${e} { ${i.trim()} }` : `${e.split(",").map((n) => `${s} ${n.trim()}`).join(", ")} { ${i.trim()} }`;
+}).filter(Boolean).join(`
+`) : "";
+export {
+  p as scopeCustomCss
+};