@layers-app/shared 0.1.5 → 0.2.1

package/dist/components/FormViewer/components/fields/ConfirmButton.js

@@ -0,0 +1,49 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useTranslation as u } from "react-i18next";
+import { Flex as p, Button as f } from "@mantine/core";
+import { ProjectIcon as c } from "../../../ProjectIcon/ProjectIcon.js";
+import { STATIC_CLASSES as d } from "../../helpers/staticClasses.js";
+import { useFormViewerStore as i } from "../../store/formStore.js";
+import { EditableContent as w } from "./EditableContent/EditableContent.js";
+const I = ({
+  step: a,
+  control: t,
+  theme: m
+}) => {
+  const { t: o } = u("forms"), { api: l } = i(), { useStore: s } = i(), n = s((e) => e.editing);
+  return t.showButton ? /* @__PURE__ */ r(
+    p,
+    {
+      justify: "var(--align)",
+      gap: 8,
+      wrap: "wrap",
+      direction: m?.align === "start" ? "row" : "row-reverse",
+      children: /* @__PURE__ */ r(
+        f,
+        {
+          className: d.SUBMIT_BUTTON,
+          leftSection: t.buttonIcon ? /* @__PURE__ */ r(c, { icon: t.buttonIcon }) : null,
+          ...!n && t.link ? {
+            component: "a",
+            href: t.link,
+            target: "_blank"
+          } : {},
+          children: n ? /* @__PURE__ */ r(
+            w,
+            {
+              value: t.label?.trim() || o("createYourOwnForm"),
+              onChange: (e) => {
+                l.updateControl(a.id, t.id, {
+                  label: e
+                });
+              }
+            }
+          ) : t.label?.trim() || o("createYourOwnForm")
+        }
+      )
+    }
+  ) : null;
+};
+export {
+  I as ConfirmButton
+};

package/dist/components/FormViewer/components/fields/ConfirmField.d.ts

@@ -4,3 +4,4 @@ export declare const ConfirmField: ({ control, step, theme, }: {
     step: StepData;
     theme?: ThemeData;
 }) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ConfirmField.d.ts.map

package/dist/components/FormViewer/components/fields/ConfirmField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmField.d.ts","sourceRoot":"","sources":["../../../../../src/components/FormViewer/components/fields/ConfirmField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAGvE,eAAO,MAAM,YAAY,GAAI,2BAI1B;IACD,OAAO,EAAE,cAAc,CAAC;IACxB,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,4CAaA,CAAC"}

package/dist/components/FormViewer/components/fields/ConfirmField.js

@@ -0,0 +1,21 @@
+import { jsx as i } from "react/jsx-runtime";
+import { Flex as m } from "@mantine/core";
+import { alignRelation as n } from "../../helpers/themeUtils.js";
+import { ConfirmButton as a } from "./ConfirmButton.js";
+const d = ({
+  control: r,
+  step: o,
+  theme: t
+}) => /* @__PURE__ */ i(
+  m,
+  {
+    justify: n[t?.align || "center"],
+    gap: 8,
+    wrap: "wrap",
+    "data-control-id": r.id,
+    children: /* @__PURE__ */ i(a, { step: o, control: r })
+  }
+);
+export {
+  d as ConfirmField
+};

package/dist/components/FormViewer/components/fields/DateField.d.ts

@@ -2,3 +2,4 @@ import { DateControl } from '../../types/form';
 export declare const DateField: ({ control }: {
     control: DateControl;
 }) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DateField.d.ts.map

package/dist/components/FormViewer/components/fields/DateField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateField.d.ts","sourceRoot":"","sources":["../../../../../src/components/FormViewer/components/fields/DateField.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,eAAO,MAAM,SAAS,GAAI,aAAa;IAAE,OAAO,EAAE,WAAW,CAAA;CAAE,4CAiC9D,CAAC"}

package/dist/components/FormViewer/components/fields/DateField.js

@@ -0,0 +1,31 @@
+import { jsx as a } from "react/jsx-runtime";
+import { DateInput as s } from "@mantine/dates";
+import { ProjectIcon as d } from "../../../ProjectIcon/ProjectIcon.js";
+import { controlsDataMap as f } from "../../helpers/controls.js";
+import { useSteps as D } from "../../hooks/useCreateFormContext.js";
+import { useInterpolateText as u } from "../../hooks/useInterpolateText.js";
+import { useFormViewerStore as x } from "../../store/formStore.js";
+const y = ({ control: e }) => {
+  const { form: n } = D(), { id: t, minDate: o, maxDate: r, placeholder: p } = e, { useStore: m } = x(), i = m((l) => l.editing), c = u(p, i);
+  return /* @__PURE__ */ a(
+    s,
+    {
+      w: "100%",
+      "data-control-id": t,
+      leftSection: e.icon ? /* @__PURE__ */ a(d, { icon: e.icon }) : f[e.controlType].icon,
+      clearable: !0,
+      minDate: o ? new Date(o) : void 0,
+      maxDate: r ? new Date(r) : void 0,
+      placeholder: c,
+      readOnly: i,
+      popoverProps: {
+        withinPortal: !1,
+        floatingStrategy: "fixed"
+      },
+      ...n.getInputProps(t)
+    }
+  );
+};
+export {
+  y as DateField
+};

package/dist/components/FormViewer/components/fields/DragOptions/DragOptions.d.ts

@@ -9,3 +9,4 @@ export declare const DragOptions: ({ options, onDragEnd, editable, isGrid, align
     isGrid?: boolean;
     align?: "start" | "center" | "end";
 }) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DragOptions.d.ts.map

package/dist/components/FormViewer/components/fields/DragOptions/DragOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragOptions.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FormViewer/components/fields/DragOptions/DragOptions.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,YAAY,EAKb,MAAM,eAAe,CAAC;AAsCvB,eAAO,MAAM,WAAW,GAAI,kDAMzB;IACD,OAAO,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,EAAE,CAAC;IACrD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;CACpC,4CA+DA,CAAC"}

package/dist/components/FormViewer/components/fields/DragOptions/DragOptions.js

@@ -0,0 +1,81 @@
+import { jsx as e, Fragment as g } from "react/jsx-runtime";
+import { Fragment as d } from "react";
+import { useSensors as u, useSensor as S, PointerSensor as h, DndContext as p, closestCenter as y } from "@dnd-kit/core";
+import { restrictToParentElement as b } from "@dnd-kit/modifiers";
+import { SortableContext as C, rectSortingStrategy as x, useSortable as v } from "@dnd-kit/sortable";
+import { CSS as D } from "@dnd-kit/utilities";
+import { alignRelation as c } from "../../../helpers/themeUtils.js";
+import { useFormViewerStore as F } from "../../../store/formStore.js";
+import f from "./DragOptions.module.css.js";
+const j = ({ id: r, children: a }) => {
+  const {
+    attributes: m,
+    listeners: i,
+    setNodeRef: n,
+    transform: l,
+    transition: o,
+    isDragging: s
+  } = v({ id: r }), t = {
+    transform: D.Translate.toString(l),
+    transition: o,
+    opacity: s ? 0.5 : 1,
+    zIndex: s ? 1e3 : "auto"
+  };
+  return /* @__PURE__ */ e("div", { ref: n, style: t, ...m, ...i, children: a });
+}, E = ({
+  options: r,
+  onDragEnd: a,
+  editable: m,
+  isGrid: i,
+  align: n
+}) => {
+  const { useStore: l } = F(), o = l((t) => t.isMobile), s = u(
+    S(h, {
+      activationConstraint: {
+        distance: 10
+      }
+    })
+  );
+  return /* @__PURE__ */ e(g, { children: m ? /* @__PURE__ */ e(
+    p,
+    {
+      sensors: s,
+      collisionDetection: y,
+      onDragEnd: a,
+      modifiers: [b],
+      children: /* @__PURE__ */ e(
+        "div",
+        {
+          "data-mobile": o,
+          className: f.dragOptions,
+          "data-grid": i,
+          style: {
+            justifyContent: c[n || "start"]
+          },
+          children: /* @__PURE__ */ e(
+            C,
+            {
+              items: r?.map((t) => t.id).filter(Boolean) || [],
+              strategy: x,
+              children: r?.map((t) => t.id === "other" ? /* @__PURE__ */ e(d, { children: t.element }, t.id) : /* @__PURE__ */ e(j, { id: t.id, children: t.element }, t.id))
+            }
+          )
+        }
+      )
+    }
+  ) : /* @__PURE__ */ e(
+    "div",
+    {
+      "data-mobile": o,
+      className: f.dragOptions,
+      "data-grid": i,
+      style: {
+        justifyContent: c[n || "start"]
+      },
+      children: r?.map((t) => /* @__PURE__ */ e(d, { children: t.element }, t.id))
+    }
+  ) });
+};
+export {
+  E as DragOptions
+};

package/dist/components/FormViewer/components/fields/DragOptions/DragOptions.module.css.js

@@ -0,0 +1,7 @@
+const s = "_dragOptions_1a1vw_1", t = {
+  dragOptions: s
+};
+export {
+  t as default,
+  s as dragOptions
+};

package/dist/components/FormViewer/components/fields/DropdownField/DropdownField.d.ts

@@ -4,3 +4,4 @@ export declare const DropdownField: ({ control, step, theme, }: {
     step: StepData;
     theme?: ThemeData;
 }) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DropdownField.d.ts.map

package/dist/components/FormViewer/components/fields/DropdownField/DropdownField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FormViewer/components/fields/DropdownField/DropdownField.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAM3E,eAAO,MAAM,aAAa,GAAI,2BAI3B;IACD,OAAO,EAAE,eAAe,CAAC;IACzB,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,4CAqIA,CAAC"}

package/dist/components/FormViewer/components/fields/DropdownField/DropdownField.js

@@ -0,0 +1,117 @@
+import { jsxs as m, jsx as n } from "react/jsx-runtime";
+import { useMemo as g } from "react";
+import { useTranslation as I } from "react-i18next";
+import { Flex as S, Box as u, Select as v, Stack as O } from "@mantine/core";
+import { IconTrash as h } from "@tabler/icons-react";
+import { ProjectIcon as j } from "../../../../ProjectIcon/ProjectIcon.js";
+import { controlsDataMap as T } from "../../../helpers/controls.js";
+import { getRandomId as k } from "../../../helpers/steps.js";
+import { useSteps as z } from "../../../hooks/useCreateFormContext.js";
+import { useInterpolate as F, useInterpolateText as P } from "../../../hooks/useInterpolateText.js";
+import { useFormViewerStore as R } from "../../../store/formStore.js";
+import { AddOptionButton as B } from "../AddOptionButton.js";
+import { EditableContent as D } from "../EditableContent/EditableContent.js";
+import M from "./DropdownField.module.css.js";
+const Y = ({
+  control: l,
+  step: a,
+  theme: r
+}) => {
+  const { t: f } = I("forms"), { api: d, useStore: C } = R(), { form: b } = z(), { id: e, options: t, placeholder: w } = l, i = C((o) => o.editing), c = F(), y = P(w, i), x = g(() => t?.map((o) => ({
+    id: o.id || "",
+    element: /* @__PURE__ */ m(
+      S,
+      {
+        w: "100%",
+        justify: "space-between",
+        style: { color: r?.primaryColor },
+        children: [
+          /* @__PURE__ */ n(
+            D,
+            {
+              value: i ? o.label : c(o.label),
+              placeholder: "Option",
+              onChange: (p) => {
+                i && d.updateControl(a.id, e, {
+                  options: t.map(
+                    (s) => s.id === o.id ? { ...s, label: p } : s
+                  )
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ n(
+            h,
+            {
+              color: "red",
+              size: 16,
+              opacity: 0.6,
+              cursor: "pointer",
+              onClick: i ? () => {
+                d.updateControl(a.id, e, {
+                  options: t.filter((p) => p.id !== o.id)
+                });
+              } : void 0
+            }
+          )
+        ]
+      },
+      o.id
+    )
+  })), [t, r?.primaryColor, i, d, a.id, e, c]);
+  return /* @__PURE__ */ m(u, { w: "100%", children: [
+    /* @__PURE__ */ n(
+      v,
+      {
+        size: r?.size,
+        radius: r?.borderRadius,
+        color: r?.primaryColor,
+        "data-control-id": e,
+        w: "100%",
+        leftSection: l.icon ? /* @__PURE__ */ n(j, { icon: l.icon }) : T[l.controlType].icon,
+        dropdownOpened: i ? !1 : void 0,
+        data: t?.map((o) => ({
+          label: o.label,
+          value: o.id
+        })),
+        placeholder: y,
+        ...b.getInputProps(e)
+      }
+    ),
+    i && /* @__PURE__ */ m(
+      O,
+      {
+        mt: 8,
+        gap: 8,
+        w: "100%",
+        "data-radius": r?.borderRadius,
+        style: {
+          "--dropdown-border-color": r?.primaryColor
+        },
+        className: M.optionsContainer,
+        children: [
+          x?.map((o) => o.element),
+          /* @__PURE__ */ n(u, { mx: -8, children: /* @__PURE__ */ n(
+            B,
+            {
+              onClick: () => {
+                d.updateControl(a.id, e, {
+                  options: [
+                    ...t || [],
+                    {
+                      id: k(),
+                      label: f("newOption")
+                    }
+                  ]
+                });
+              }
+            }
+          ) })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  Y as DropdownField
+};

package/dist/components/FormViewer/components/fields/DropdownField/DropdownField.module.css.js

@@ -0,0 +1,7 @@
+const o = "_optionsContainer_1xro2_1", n = {
+  optionsContainer: o
+};
+export {
+  n as default,
+  o as optionsContainer
+};

package/dist/components/FormViewer/components/fields/EditableContent/EditableContent.d.ts

@@ -4,3 +4,4 @@ export declare const EditableContent: ({ value, onChange, placeholder, allowNewL
     onChange?: (title: string) => void;
     allowNewLines?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EditableContent.d.ts.map

package/dist/components/FormViewer/components/fields/EditableContent/EditableContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableContent.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FormViewer/components/fields/EditableContent/EditableContent.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,eAAe,GAAI,kDAK7B;IACD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,4CAwFA,CAAC"}

package/dist/components/FormViewer/components/fields/EditableContent/EditableContent.js

@@ -0,0 +1,70 @@
+import { jsx as b } from "react/jsx-runtime";
+import { useRef as g, useEffect as x } from "react";
+import y from "./EditableContent.module.css.js";
+const D = ({
+  value: r,
+  onChange: c,
+  placeholder: i,
+  allowNewLines: l = !1
+}) => {
+  const s = g(null);
+  x(() => {
+    const t = s.current;
+    if (!t || document.activeElement === t) return;
+    const e = r ?? "";
+    t.innerHTML !== e && (t.innerHTML = e), t.setAttribute("data-empty", String(!(e && e.trim())));
+  }, [r]);
+  const m = (t) => {
+    const n = t.currentTarget.innerHTML || "";
+    c?.(n.trim());
+  }, d = () => {
+  }, u = (t) => {
+    if (t.key === "Enter") {
+      if (!l) {
+        t.preventDefault();
+        return;
+      }
+      t.preventDefault();
+      const e = window.getSelection();
+      if (!e || !e.rangeCount) {
+        try {
+          document.execCommand("insertHTML", !1, "<br><br>");
+        } catch {
+          document.execCommand("insertLineBreak");
+        }
+        return;
+      }
+      const n = e.getRangeAt(0), o = document.createElement("br");
+      n.deleteContents(), n.insertNode(o);
+      const a = document.createElement("br");
+      o.parentNode?.insertBefore(a, o.nextSibling), n.setStartAfter(a), n.setEndAfter(a), e.removeAllRanges(), e.addRange(n);
+    }
+  }, f = (t) => {
+    const e = t.currentTarget, n = !(e.innerHTML && e.innerHTML.trim());
+    e.setAttribute("data-empty", String(n));
+  }, p = async (t) => {
+    t.preventDefault();
+    const e = await t.clipboardData.getData("text/plain");
+    document.execCommand("insertText", !1, e);
+  };
+  return /* @__PURE__ */ b(
+    "span",
+    {
+      ref: s,
+      "data-empty": String(!r),
+      onInput: f,
+      onKeyDown: u,
+      onBlur: m,
+      onFocus: d,
+      onPaste: p,
+      "data-placeholder": i,
+      className: y.editableContent,
+      role: "textbox",
+      contentEditable: !0,
+      suppressContentEditableWarning: !0
+    }
+  );
+};
+export {
+  D as EditableContent
+};

package/dist/components/FormViewer/components/fields/EditableContent/EditableContent.module.css.js

@@ -0,0 +1,7 @@
+const t = "_editableContent_a0zig_1", e = {
+  editableContent: t
+};
+export {
+  e as default,
+  t as editableContent
+};

package/dist/components/FormViewer/components/fields/EmailField.d.ts

@@ -2,3 +2,4 @@ import { EmailControl } from '../../types/form';
 export declare const EmailField: ({ control }: {
     control: EmailControl;
 }) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EmailField.d.ts.map

package/dist/components/FormViewer/components/fields/EmailField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmailField.d.ts","sourceRoot":"","sources":["../../../../../src/components/FormViewer/components/fields/EmailField.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,eAAO,MAAM,UAAU,GAAI,aAAa;IAAE,OAAO,EAAE,YAAY,CAAA;CAAE,4CA2BhE,CAAC"}

package/dist/components/FormViewer/components/fields/EmailField.js

@@ -0,0 +1,26 @@
+import { jsx as e } from "react/jsx-runtime";
+import { TextInput as a } from "@mantine/core";
+import { ProjectIcon as s } from "../../../ProjectIcon/ProjectIcon.js";
+import { controlsDataMap as l } from "../../helpers/controls.js";
+import { STATIC_CLASSES as d } from "../../helpers/staticClasses.js";
+import { useSteps as f } from "../../hooks/useCreateFormContext.js";
+import { useInterpolateText as u } from "../../hooks/useInterpolateText.js";
+import { useFormViewerStore as S } from "../../store/formStore.js";
+const E = ({ control: o }) => {
+  const { form: r } = f(), { useStore: i } = S(), m = i((c) => c.editing), { id: t, placeholder: n } = o, p = u(n, m);
+  return /* @__PURE__ */ e(
+    a,
+    {
+      "data-control-id": t,
+      w: "100%",
+      variant: "default",
+      className: d.BLOCK_INPUT_EMAIL,
+      leftSection: o.icon ? /* @__PURE__ */ e(s, { icon: o.icon }) : l[o.controlType].icon,
+      placeholder: p,
+      ...r.getInputProps(t)
+    }
+  );
+};
+export {
+  E as EmailField
+};

package/dist/components/FormViewer/components/fields/LocationField.d.ts

@@ -2,3 +2,4 @@ import { LocationControl } from '../../types/form';
 export declare const LocationField: ({ control }: {
     control: LocationControl;
 }) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LocationField.d.ts.map

package/dist/components/FormViewer/components/fields/LocationField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocationField.d.ts","sourceRoot":"","sources":["../../../../../src/components/FormViewer/components/fields/LocationField.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,eAAO,MAAM,aAAa,GAAI,aAAa;IAAE,OAAO,EAAE,eAAe,CAAA;CAAE,4CA4BtE,CAAC"}

package/dist/components/FormViewer/components/fields/LocationField.js

@@ -0,0 +1,27 @@
+import { jsx as e } from "react/jsx-runtime";
+import { TextInput as a } from "@mantine/core";
+import { ProjectIcon as s } from "../../../ProjectIcon/ProjectIcon.js";
+import { controlsDataMap as d } from "../../helpers/controls.js";
+import { DEFAULT_MAX as f, DEFAULT_MIN as l } from "../../helpers/steps.js";
+import { useSteps as u } from "../../hooks/useCreateFormContext.js";
+import { useInterpolateText as g } from "../../hooks/useInterpolateText.js";
+import { useFormViewerStore as h } from "../../store/formStore.js";
+const M = ({ control: o }) => {
+  const { form: r } = u(), { useStore: i } = h(), n = i((c) => c.editing), { id: t, placeholder: m } = o, p = g(m, n);
+  return /* @__PURE__ */ e(
+    a,
+    {
+      "data-control-id": t,
+      w: "100%",
+      variant: "default",
+      placeholder: p,
+      leftSection: o.icon ? /* @__PURE__ */ e(s, { icon: o.icon }) : d[o.controlType].icon,
+      minLength: l,
+      maxLength: f,
+      ...r.getInputProps(t)
+    }
+  );
+};
+export {
+  M as LocationField
+};

package/dist/components/FormViewer/components/fields/LongTextField.d.ts

@@ -2,3 +2,4 @@ import { LongTextControl } from '../../types/form';
 export declare const LongTextField: ({ control }: {
     control: LongTextControl;
 }) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LongTextField.d.ts.map

package/dist/components/FormViewer/components/fields/LongTextField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LongTextField.d.ts","sourceRoot":"","sources":["../../../../../src/components/FormViewer/components/fields/LongTextField.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,eAAO,MAAM,aAAa,GAAI,aAAa;IAAE,OAAO,EAAE,eAAe,CAAA;CAAE,4CAoDtE,CAAC"}

package/dist/components/FormViewer/components/fields/LongTextField.js

@@ -0,0 +1,48 @@
+import { jsx as m } from "react/jsx-runtime";
+import { Textarea as d } from "@mantine/core";
+import { ProjectIcon as g } from "../../../ProjectIcon/ProjectIcon.js";
+import { controlsDataMap as T } from "../../helpers/controls.js";
+import { STATIC_CLASSES as x } from "../../helpers/staticClasses.js";
+import { DEFAULT_MAX as u, DEFAULT_MIN as L } from "../../helpers/steps.js";
+import { useSteps as S } from "../../hooks/useCreateFormContext.js";
+import { useInterpolateText as h } from "../../hooks/useInterpolateText.js";
+import { useFormViewerStore as A } from "../../store/formStore.js";
+const v = ({ control: o }) => {
+  const { form: a } = S(), { useStore: s } = A(), i = s((t) => t.editing), { id: n, minLength: p, maxLength: l, placeholder: c } = o;
+  let e = p ?? L, r = l ?? u;
+  if (e > r) {
+    const t = e;
+    e = r, r = t;
+  }
+  const f = h(c, i);
+  return /* @__PURE__ */ m(
+    d,
+    {
+      "data-control-id": n,
+      className: x.BLOCK_TEXTAREA,
+      w: "100%",
+      variant: "default",
+      autosize: !0,
+      minRows: 3,
+      maxRows: 12,
+      leftSection: o.icon ? /* @__PURE__ */ m(g, { icon: o.icon }) : T[o.controlType].icon,
+      minLength: e,
+      maxLength: r,
+      styles: {
+        section: {
+          alignItems: "flex-start",
+          marginTop: "0.35rem"
+        }
+      },
+      placeholder: f,
+      readOnly: i,
+      onKeyDown: (t) => {
+        t.key === "Enter" && t.stopPropagation();
+      },
+      ...a.getInputProps(n)
+    }
+  );
+};
+export {
+  v as LongTextField
+};

package/dist/components/FormViewer/components/fields/MultipleChoice/MultipleChoiceCard.d.ts

@@ -9,4 +9,5 @@ export type OptionCardProps = {
     controlId: string;
     theme?: ThemeData;
 };
-export declare const MultipleChoiceCard: import('react').MemoExoticComponent<({ label, showInput, maxOptions, onUpdate, onRemove, controlId, id, theme, }: OptionCardProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const MultipleChoiceCard: import("react").MemoExoticComponent<({ label, showInput, maxOptions, onUpdate, onRemove, controlId, id, theme, }: OptionCardProps) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=MultipleChoiceCard.d.ts.map

package/dist/components/FormViewer/components/fields/MultipleChoice/MultipleChoiceCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleChoiceCard.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FormViewer/components/fields/MultipleChoice/MultipleChoiceCard.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,yBAAyB,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAG3E,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,yBAAyB,CAAC,KAAK,IAAI,CAAC;IAC3D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,kBAAkB,oHAU1B,eAAe,6CAmCnB,CAAC"}

package/dist/components/FormViewer/components/fields/MultipleChoice/MultipleChoiceCard.js

@@ -0,0 +1,38 @@
+import { jsx as C } from "react/jsx-runtime";
+import { memo as h, useCallback as d } from "react";
+import { isNumber as n } from "lodash-es";
+import { useSteps as k } from "../../../hooks/useCreateFormContext.js";
+import { SelectableCard as v } from "../SelectableCard/SelectableCard.js";
+const y = h(
+  ({
+    label: c,
+    showInput: a,
+    maxOptions: l,
+    onUpdate: u,
+    onRemove: f,
+    controlId: e,
+    id: t,
+    theme: p
+  }) => {
+    const { form: i } = k(), s = i.values[e], r = s?.indexOf(t), o = s?.includes(t), m = !!(n(l) && !o && s && s.length >= l), b = d(() => {
+      m || !n(r) || (o ? i.removeListItem(e, r) : i.insertListItem(e, t));
+    }, [e, i, r, o, m, t]);
+    return /* @__PURE__ */ C(
+      v,
+      {
+        theme: p,
+        label: c,
+        hasInput: a,
+        inputType: "checkbox",
+        active: o,
+        disabled: m,
+        onClick: b,
+        onUpdate: u,
+        onRemove: f
+      }
+    );
+  }
+);
+export {
+  y as MultipleChoiceCard
+};

package/dist/components/FormViewer/components/fields/MultipleChoice/MultipleChoiceField.d.ts

@@ -4,3 +4,4 @@ export declare const MultipleChoiceField: ({ control, step, theme, }: {
     step: StepData;
     theme?: ThemeData;
 }) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MultipleChoiceField.d.ts.map

package/dist/components/FormViewer/components/fields/MultipleChoice/MultipleChoiceField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleChoiceField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FormViewer/components/fields/MultipleChoice/MultipleChoiceField.tsx"],"names":[],"mappings":"AAYA,OAAO,EACL,qBAAqB,EACrB,QAAQ,EACR,SAAS,EACV,MAAM,qBAAqB,CAAC;AAK7B,eAAO,MAAM,mBAAmB,GAAI,2BAIjC;IACD,OAAO,EAAE,qBAAqB,CAAC;IAC/B,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,4CA+KA,CAAC"}