@layers-app/shared 0.4.8 → 0.4.10

package/dist/components/FormViewer/components/ListFocusBox.js

@@ -1,22 +0,0 @@
-import { jsx as o, Fragment as i } from "react/jsx-runtime";
-import { useActiveControl as u } from "../hooks/useActiveControl.js";
-import { useActiveStep as a } from "../hooks/useActiveStep.js";
-import { useFormViewerStore as f } from "../store/formStore.js";
-import p from "../FormViewer.module.css.js";
-const l = ({
-  controlId: r,
-  children: t
-}) => {
-  const { useStore: s } = f(), m = s((n) => n.editing), e = a(), c = u();
-  return !m || e?.id !== "list" ? /* @__PURE__ */ o(i, { children: t }) : c?.id === r ? /* @__PURE__ */ o(
-    "div",
-    {
-      className: p.focusBox,
-      "data-radius": e?.theme?.borderRadius,
-      children: t
-    }
-  ) : /* @__PURE__ */ o(i, { children: t });
-};
-export {
-  l as ListFocusBox
-};

package/dist/components/FormViewer/components/Navigation/Navigation.d.ts

@@ -1,2 +0,0 @@
-export declare const Navigation: () => import("react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=Navigation.d.ts.map

package/dist/components/FormViewer/components/Navigation/Navigation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../../../src/components/FormViewer/components/Navigation/Navigation.tsx"],"names":[],"mappings":"AAgBA,eAAO,MAAM,UAAU,sDAiDtB,CAAC"}

package/dist/components/FormViewer/components/Navigation/Navigation.js

@@ -1,37 +0,0 @@
-import { jsxs as h, jsx as e } from "react/jsx-runtime";
-import { useTranslation as f } from "react-i18next";
-import { ActionIcon as n, Tooltip as c } from "@mantine/core";
-import { useMediaQuery as v } from "@mantine/hooks";
-import { IconChevronUp as u, IconChevronLeft as g, IconChevronDown as S, IconChevronRight as C } from "@tabler/icons-react";
-import { useActiveStep as x } from "../../hooks/useActiveStep.js";
-import { useSteps as z } from "../../hooks/useCreateFormContext.js";
-import { useFormViewerStore as b } from "../../store/formStore.js";
-import { stepsReselect as I } from "../../store/selectors.js";
-const T = () => {
-  const { useStore: i } = b(), { handleNext: m, handlePrev: p } = z(), o = x(), a = i(I), t = i((r) => r.config.settings), { t: s } = f("forms"), d = v("(max-width: 768px)"), l = i((r) => r.editing);
-  return a.currentSteps.length < 2 || o?.isEnd || d ? null : /* @__PURE__ */ h(n.Group, { children: [
-    t.freeNav && /* @__PURE__ */ e(c, { label: s("prevStep"), children: /* @__PURE__ */ e(
-      n,
-      {
-        disabled: o?.isStart,
-        size: "lg",
-        color: o?.theme?.primaryColor,
-        onClick: l ? void 0 : p,
-        children: t.slideAnimation === "vertical" ? /* @__PURE__ */ e(u, { size: 18 }) : /* @__PURE__ */ e(g, { size: 18 })
-      }
-    ) }),
-    /* @__PURE__ */ e(c, { label: s("nextStep"), children: /* @__PURE__ */ e(
-      n,
-      {
-        disabled: o?.isEnd,
-        size: "lg",
-        color: o?.theme?.primaryColor,
-        onClick: l ? void 0 : m,
-        children: t.slideAnimation === "vertical" ? /* @__PURE__ */ e(S, { size: 18 }) : /* @__PURE__ */ e(C, { size: 18 })
-      }
-    ) })
-  ] });
-};
-export {
-  T as Navigation
-};

package/dist/components/FormViewer/components/StepDescription.d.ts

@@ -1,7 +0,0 @@
-import { Control, ThemeData } from '../types/form';
-export declare const StepDescription: ({ originalStepId, control, theme, }: {
-    originalStepId: string;
-    control: Control;
-    theme?: ThemeData;
-}) => import("react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=StepDescription.d.ts.map

package/dist/components/FormViewer/components/StepDescription.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepDescription.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/components/StepDescription.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAKnD,eAAO,MAAM,eAAe,GAAI,qCAI7B;IACD,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,mDAwEA,CAAC"}

package/dist/components/FormViewer/components/StepDescription.js

@@ -1,73 +0,0 @@
-import { jsxs as h, Fragment as g, jsx as r } from "react/jsx-runtime";
-import { useMemo as y } from "react";
-import { createPortal as S } from "react-dom";
-import { useTranslation as T } from "react-i18next";
-import { useMantineTheme as z, parseThemeColor as C } from "@mantine/core";
-import { combineClasses as w, STATIC_CLASSES as x } from "../helpers/staticClasses.js";
-import { useInterpolateText as F } from "../hooks/useInterpolateText.js";
-import { useFormViewerStore as p } from "../store/formStore.js";
-import { EditableContent as L } from "./fields/EditableContent/EditableContent.js";
-import _ from "../FormViewer.module.css.js";
-const O = ({
-  originalStepId: l,
-  control: t,
-  theme: i
-}) => {
-  const { t: m } = T("forms"), { api: c } = p(), s = z(), { useStore: f } = p(), n = f((e) => e.editing), o = i?.description, d = y(() => {
-    const e = C({
-      color: o?.color || "",
-      theme: s
-    }), a = o?.fontSize;
-    return {
-      "--color": e.value || "auto",
-      "--font-size": a ? `${a}px` : `var(--font-size-${i?.size})`,
-      "--font-weight": o?.fontWeight,
-      "--font-family": o?.fontFamily
-    };
-  }, [
-    i?.size,
-    o?.color,
-    o?.fontFamily,
-    o?.fontSize,
-    o?.fontWeight,
-    s
-  ]), u = F(
-    t.description,
-    n
-  );
-  return !t.description && !n ? null : /* @__PURE__ */ h(g, { children: [
-    S(
-      /* @__PURE__ */ r(
-        "link",
-        {
-          rel: "stylesheet",
-          href: `https://fonts.googleapis.com/css2?family=${o?.fontFamily}:wght@100..900&display=swap`
-        }
-      ),
-      document.head
-    ),
-    /* @__PURE__ */ r(
-      "p",
-      {
-        className: w(
-          _.stepDescription,
-          x.BLOCK_TEXT
-        ),
-        style: d,
-        "data-size": i?.size,
-        children: n ? /* @__PURE__ */ r(
-          L,
-          {
-            value: t.description,
-            placeholder: m("descriptionOptional"),
-            onChange: (e) => c.updateControl(l, t.id, { description: e }),
-            allowNewLines: !0
-          }
-        ) : /* @__PURE__ */ r("span", { dangerouslySetInnerHTML: { __html: u } })
-      }
-    )
-  ] });
-};
-export {
-  O as StepDescription
-};

package/dist/components/FormViewer/components/StepTitle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepTitle.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/components/StepTitle.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAKnD,eAAO,MAAM,SAAS,GAAI,qCAIvB;IACD,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,4CA8GA,CAAC"}

package/dist/components/FormViewer/components/StepTitle.js

@@ -1,118 +0,0 @@
-import { jsxs as o, Fragment as C, jsx as r } from "react/jsx-runtime";
-import { useMemo as E } from "react";
-import { createPortal as R } from "react-dom";
-import { useTranslation as S } from "react-i18next";
-import { useMantineTheme as q, parseThemeColor as z, Flex as u } from "@mantine/core";
-import { IconArrowRight as w } from "@tabler/icons-react";
-import { motion as h } from "framer-motion";
-import { isNumber as A } from "lodash-es";
-import { combineClasses as y, STATIC_CLASSES as n } from "../helpers/staticClasses.js";
-import { useInterpolateText as F } from "../hooks/useInterpolateText.js";
-import { useFormViewerStore as D } from "../store/formStore.js";
-import { questionNumberReselect as L } from "../store/selectors.js";
-import { EditableContent as M } from "./fields/EditableContent/EditableContent.js";
-import m from "../FormViewer.module.css.js";
-const J = ({
-  originalStepId: g,
-  control: i,
-  theme: a
-}) => {
-  const { t: x } = S("forms"), l = q(), { useStore: s, api: T } = D(), I = s((t) => t.config.settings), c = s((t) => t.isMobile), p = s((t) => t.editing), f = s(L)[i.id], e = a?.title, N = E(() => {
-    const t = z({
-      color: e?.color || "",
-      theme: l
-    }), d = e?.fontSize;
-    return {
-      "--color": t.value || "auto",
-      "--font-size": d ? `${d}px` : `var(--font-size-${a?.size})`,
-      "--font-weight": e?.fontWeight,
-      "--font-family": e?.fontFamily
-    };
-  }, [
-    a?.size,
-    l,
-    e?.color,
-    e?.fontFamily,
-    e?.fontSize,
-    e?.fontWeight
-  ]), b = F(i.title, p);
-  return /* @__PURE__ */ o(C, { children: [
-    R(
-      /* @__PURE__ */ r(
-        "link",
-        {
-          rel: "stylesheet",
-          href: `https://fonts.googleapis.com/css2?family=${e?.fontFamily}:wght@100..900&display=swap`
-        }
-      ),
-      document.head
-    ),
-    /* @__PURE__ */ o(
-      "h1",
-      {
-        className: y(m.stepTitle, n.BLOCK_TITLE),
-        style: N,
-        "data-mobile": c,
-        children: [
-          I.questionNumber && A(f) && /* @__PURE__ */ o(
-            "span",
-            {
-              className: y(
-                m.stepIndicator,
-                n.NUMBER_BADGE
-              ),
-              "data-mobile": c,
-              children: [
-                f,
-                /* @__PURE__ */ r(w, { className: m.stepIndicatorIcon })
-              ]
-            }
-          ),
-          p ? /* @__PURE__ */ o(u, { children: [
-            /* @__PURE__ */ r(
-              M,
-              {
-                value: i.title,
-                placeholder: x("stepTitlePlaceholder"),
-                onChange: (t) => {
-                  T.updateControl(g, i.id, { title: t });
-                }
-              }
-            ),
-            i.required && /* @__PURE__ */ r(
-              h.span,
-              {
-                className: n.REQUIRED_INDICATOR,
-                style: { color: "red", marginLeft: 4 },
-                initial: { opacity: 0, x: -30 },
-                animate: { opacity: 1, x: -10 },
-                exit: { opacity: 0, x: -30 },
-                transition: { duration: 0.2 },
-                children: "*"
-              },
-              "required-edit"
-            )
-          ] }) : /* @__PURE__ */ o(u, { children: [
-            b,
-            i.required && /* @__PURE__ */ r(
-              h.span,
-              {
-                className: n.REQUIRED_INDICATOR,
-                style: { color: "red", marginLeft: 4 },
-                initial: { opacity: 0, x: -10 },
-                animate: { opacity: 1, x: 0 },
-                exit: { opacity: 0, x: -10 },
-                transition: { duration: 0.2 },
-                children: "*"
-              },
-              "required-view"
-            )
-          ] })
-        ]
-      }
-    )
-  ] });
-};
-export {
-  J as StepTitle
-};

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

@@ -1,7 +0,0 @@
-import { ButtonControl, StepData, ThemeData } from '../../../types/form';
-export declare const ButtonField: ({ control, step, theme, }: {
-    control: ButtonControl;
-    step: StepData;
-    theme?: ThemeData;
-}) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ButtonField.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FormViewer/components/fields/ButtonField/ButtonField.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAKzE,eAAO,MAAM,WAAW,GAAI,2BAIzB;IACD,OAAO,EAAE,aAAa,CAAC;IACvB,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,4CAqFA,CAAC"}

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

@@ -1,63 +0,0 @@
-import { jsx as p } from "react/jsx-runtime";
-import { useSearchParams as W } from "react-router-dom";
-import { Flex as j } from "@mantine/core";
-import { InnerButton as F } from "./InnerButton.js";
-const w = 8, $ = ({
-  control: e,
-  step: x,
-  theme: g
-}) => {
-  const [f] = W(), c = (f.get("view") || "").toLowerCase(), m = c === "mobile" || c === "m", l = (m || window.innerWidth < 992) && e.fullWidthMobile, d = l ? "column" : e.orientation ?? "row", o = d.startsWith("row"), h = (t) => t === "end" ? "flex-end" : t === "center" ? "center" : "flex-start", s = e.buttons ?? [], r = s.map((t) => Math.min(Math.max(t.width ?? 100, 1), 100)), u = r.reduce((t, i) => t + i, 0), b = o && u > 100 ? r.map((t) => t / u * 100) : r, P = 30;
-  let n = b.slice();
-  if (o && m) {
-    n = n.map((i) => Math.max(i, P));
-    const t = n.reduce((i, a) => i + a, 0);
-    if (t > 100) {
-      const i = 100 / t;
-      n = n.map((a) => a * i);
-    }
-  }
-  const M = o && s.length > 0 ? w * (s.length - 1) / s.length : 0, B = o ? { justify: h(e.alignButton), align: "stretch" } : { align: "stretch", justify: h(e.alignButton) };
-  return /* @__PURE__ */ p(
-    j,
-    {
-      direction: d,
-      wrap: "nowrap",
-      gap: w,
-      w: "100%",
-      "data-control-id": e.id,
-      ...B,
-      children: s.map((t, i) => {
-        const a = l ? 100 : n[i], S = o ? {
-          flex: `0 0 calc(${a}% - ${M}px)`,
-          minWidth: 0,
-          maxWidth: "100%",
-          alignSelf: e.alignButton ?? "stretch",
-          boxSizing: "border-box",
-          transition: "flex-basis 200ms ease"
-        } : {
-          width: `${a}%`,
-          minWidth: 0,
-          maxWidth: "100%",
-          alignSelf: e.alignButton ?? "stretch",
-          boxSizing: "border-box",
-          transition: "width 200ms ease"
-        };
-        return /* @__PURE__ */ p(
-          F,
-          {
-            control: e,
-            buttonControl: t,
-            step: x,
-            wrapperStyle: S,
-            theme: g
-          },
-          t.id
-        );
-      })
-    }
-  );
-};
-export {
-  $ as ButtonField
-};

package/dist/components/FormViewer/components/fields/ButtonField/InnerButton.d.ts

@@ -1,10 +0,0 @@
-import { CSSProperties } from 'react';
-import { ButtonControl, StepData, ThemeData } from '../../../types/form';
-export declare const InnerButton: ({ buttonControl, control, step, wrapperStyle, theme, }: {
-    buttonControl: ButtonControl;
-    control?: ButtonControl;
-    step: StepData;
-    wrapperStyle?: CSSProperties;
-    theme?: ThemeData;
-}) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=InnerButton.d.ts.map

package/dist/components/FormViewer/components/fields/ButtonField/InnerButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InnerButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FormViewer/components/fields/ButtonField/InnerButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAOtC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGzE,eAAO,MAAM,WAAW,GAAI,wDAMzB;IACD,aAAa,EAAE,aAAa,CAAC;IAC7B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,EAAE,QAAQ,CAAC;IACf,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,4CAqEA,CAAC"}

package/dist/components/FormViewer/components/fields/ButtonField/InnerButton.js

@@ -1,70 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { Tooltip as h, Button as w } from "@mantine/core";
-import { ProjectIcon as I } from "../../../../ProjectIcon/ProjectIcon.js";
-import { STATIC_CLASSES as T } from "../../../helpers/staticClasses.js";
-import { useFormViewerStore as g } from "../../../store/formStore.js";
-import { EditableContent as v } from "../EditableContent/EditableContent.js";
-const P = ({
-  buttonControl: e,
-  control: a,
-  step: c,
-  wrapperStyle: l,
-  theme: t
-}) => {
-  const { useStore: d, api: m } = g(), s = d((i) => i.editing), r = e.label?.trim(), p = (i) => m.updateControl(c.id, a?.id ?? "", i), u = (i, f) => {
-    const S = a?.buttons?.map(
-      (n) => n.id === i ? { ...n, ...f } : n
-    );
-    p({ buttons: S });
-  };
-  return /* @__PURE__ */ o("div", { style: l, children: /* @__PURE__ */ o(
-    h,
-    {
-      label: r,
-      disabled: !e.enableTooltip,
-      withArrow: !0,
-      withinPortal: !0,
-      multiline: !0,
-      maw: 320,
-      children: /* @__PURE__ */ o(
-        w,
-        {
-          w: "100%",
-          p: r ? 8 : 0,
-          color: t?.primaryColor,
-          size: t?.size,
-          radius: t?.borderRadius,
-          styles: {
-            section: {
-              margin: r ? void 0 : 0
-            }
-          },
-          className: T.SUBMIT_BUTTON,
-          leftSection: e.buttonIcon && e.showIconButton ? /* @__PURE__ */ o(
-            I,
-            {
-              variant: "transparent",
-              icon: e.buttonIcon
-            }
-          ) : void 0,
-          ...!s && e.link ? {
-            component: "a",
-            href: e.link,
-            target: "_blank",
-            rel: "noopener noreferrer"
-          } : {},
-          children: s && r ? /* @__PURE__ */ o(
-            v,
-            {
-              value: r,
-              onChange: (i) => u?.(e.id, { label: i })
-            }
-          ) : r
-        }
-      )
-    }
-  ) });
-};
-export {
-  P as InnerButton
-};

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

@@ -1,7 +0,0 @@
-import { ConfirmControl, StepData, ThemeData } from '../../types/form';
-export declare const ConfirmField: ({ control, step, theme, }: {
-    control: ConfirmControl;
-    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

@@ -1 +0,0 @@
-{"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

@@ -1,21 +0,0 @@
-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/DropdownField/DropdownField.module.css.js

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

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

@@ -1,15 +0,0 @@
-const o = "_card_18zj4_1", c = "_image_18zj4_95", _ = "_controls_18zj4_119", s = "_radio_18zj4_163", t = "_checkbox_18zj4_173", a = {
-  card: o,
-  image: c,
-  controls: _,
-  radio: s,
-  checkbox: t
-};
-export {
-  o as card,
-  t as checkbox,
-  _ as controls,
-  a as default,
-  c as image,
-  s as radio
-};

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

@@ -1,4 +0,0 @@
-import { MotionProps } from 'framer-motion';
-import { Direction, SlideAnimation } from '../types/form';
-export declare const animations: Record<SlideAnimation, Record<Direction, MotionProps>>;
-//# sourceMappingURL=slides.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"slides.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/helpers/slides.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAI1D,eAAO,MAAM,UAAU,EAAE,MAAM,CAC7B,cAAc,EACd,MAAM,CAAC,SAAS,EAAE,WAAW,CAAC,CAgC/B,CAAC"}

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

@@ -1,35 +0,0 @@
-const i = {
-  vertical: {
-    next: {
-      initial: { opacity: 0, y: 400 },
-      exit: { opacity: 0, y: -400 }
-    },
-    prev: {
-      initial: { opacity: 0, y: -400 },
-      exit: { opacity: 0, y: 400 }
-    }
-  },
-  horizontal: {
-    next: {
-      initial: { opacity: 0, x: 400 },
-      exit: { opacity: 0, x: -400 }
-    },
-    prev: {
-      initial: { opacity: 0, x: -400 },
-      exit: { opacity: 0, x: 400 }
-    }
-  },
-  none: {
-    next: {
-      initial: {},
-      exit: {}
-    },
-    prev: {
-      initial: {},
-      exit: {}
-    }
-  }
-};
-export {
-  i as animations
-};