@layers-app/shared 0.1.5 → 0.2.1

package/dist/components/FormViewer/store/formStoreApi.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formStoreApi.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/store/formStoreApi.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAElD,OAAO,EACL,SAAS,EACT,mBAAmB,EACnB,OAAO,EACP,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,SAAS,EACV,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAG9E,eAAO,MAAM,kBAAkB,GAC7B,OAAO,aAAa,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;wBA4hBnB,SAAS;wBAzgBT,cAAc;2BAIZ,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI;wBAehC,OAAO,CAAC,SAAS,CAAC;6BA+Bd,OAAO,CAAC,mBAAmB,CAAC,KAAK,IAAI;8BAoBpC,OAAO,CAAC,cAAc,CAAC,KAAK,IAAI;oCAkB1B,OAAO,CAAC,cAAc,CAAC,KAAK,IAAI;mCAoBjC,OAAO,CAAC,cAAc,CAAC,KAAK,IAAI;sBAoB7C,QAAQ,EAAE,KAAK,IAAI;oBAYpB,QAAQ,UAAU,MAAM;yBAuBpB,MAAM,KAAK,IAAI;yBAkBf,MAAM,eAAe,OAAO,CAAC,QAAQ,CAAC,KAAK,IAAI;oBAoDpD,OAAO,SAAS,OAAO,UACnC,MAAM,aACH,MAAM,kBACD,OAAO,CAAC,OAAO,CAAC,KAC7B,IAAI;2BAuBoB,MAAM,QAAQ,MAAM,KAAK,IAAI;8BAgBhD,MAAM,YACJ,MAAM,UACR,MAAM,KACX,IAAI;yBAqBkB,MAAM,cAAc,OAAO,KAAK,IAAI;4BAwBjC,MAAM,aAAa,MAAM,KAAK,IAAI;2BAwBlC,MAAM,gBAAgB,SAAS;8BAsBnD,MAAM,kBACE,MAAM,oBACJ,OAAO,CAAC,SAAS,CAAC;8BAwBL,MAAM,kBAAkB,MAAM;4BAqBhC,OAAO;wBAK5B,gBAAgB,GAAG,IAAI,eACX;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE;8BA0BT,MAAM;4BAkER,UAAU;iCAPL,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBA7gBjB,eAAe;;;;CAskBzC,CAAC"}

package/dist/components/FormViewer/store/formStoreApi.js

@@ -0,0 +1,383 @@
+import { arrayMove as d } from "@dnd-kit/sortable";
+import { activeStepIdReselect as E } from "./selectors.js";
+const O = (e) => {
+  const r = (n) => {
+    e.setState((t) => ({
+      ...t,
+      ...n
+    }));
+  }, m = () => e.getState().config, s = () => {
+    e.getState().onConfigChange?.(m());
+  }, u = (n) => {
+    e.setState({ layout: n });
+  }, S = (n) => {
+    e.setState((t) => ({
+      ...t,
+      config: {
+        ...t.config,
+        settings: {
+          ...t.config.settings,
+          ...n
+        }
+      }
+    })), s();
+  }, C = (n) => {
+    e.setState((t) => ({
+      ...t,
+      config: {
+        ...t.config,
+        theme: {
+          ...t.config.theme,
+          ...n,
+          background: {
+            ...t.config.theme.background,
+            ...n.background
+          },
+          container: {
+            ...t.config.theme.container,
+            ...n.container
+          },
+          title: {
+            ...t.config.theme.title,
+            ...n?.title
+          },
+          description: {
+            ...t.config.theme.description,
+            ...n?.description
+          }
+        }
+      }
+    })), s();
+  }, y = (n) => {
+    e.setState((t) => ({
+      ...t,
+      config: {
+        ...t.config,
+        theme: {
+          ...t.config.theme,
+          container: {
+            ...t.config.theme.container,
+            ...n
+          }
+        }
+      }
+    })), s();
+  }, b = (n) => {
+    e.setState((t) => ({
+      ...t,
+      config: {
+        ...t.config,
+        theme: {
+          ...t.config.theme,
+          title: {
+            ...t.config.theme.title,
+            ...n
+          }
+        }
+      }
+    })), s();
+  }, I = (n) => {
+    e.setState((t) => ({
+      ...t,
+      config: {
+        ...t.config,
+        theme: {
+          ...t.config.theme,
+          description: {
+            ...t.config.theme.description,
+            ...n
+          }
+        }
+      }
+    })), s();
+  }, k = (n) => {
+    e.setState((t) => ({
+      ...t,
+      config: {
+        ...t.config,
+        theme: {
+          ...t.config.theme,
+          font: {
+            ...t.config.theme.font,
+            ...n
+          }
+        }
+      }
+    })), s();
+  }, T = (n) => {
+    e.setState((t) => ({
+      ...t,
+      config: {
+        ...t.config,
+        steps: n
+      }
+    })), s();
+  }, x = (n, t) => {
+    e.setState((i) => {
+      const o = [...i.config.steps];
+      return t !== void 0 && t >= 0 && t < o.length ? o.splice(t, 0, n) : o.push(n), {
+        ...i,
+        config: {
+          ...i.config,
+          steps: o
+        }
+      };
+    }), h(n.id), s();
+  }, A = (n) => {
+    e.setState((i) => ({
+      ...i,
+      config: {
+        ...i.config,
+        steps: i.config.steps.filter((o) => o.id !== n) || []
+      }
+    })), E(e.getState()) === n && l(), s();
+  }, F = (n, t) => {
+    n === "list" ? e.setState((i) => ({
+      ...i,
+      config: {
+        ...i.config,
+        listStep: { ...i.config.listStep, ...t }
+      }
+    })) : e.setState((i) => ({
+      ...i,
+      config: {
+        ...i.config,
+        steps: i.config.steps.map(
+          (o) => o.id === n ? {
+            ...o,
+            ...t,
+            theme: {
+              ...o.theme,
+              ...t.theme,
+              background: {
+                ...o?.theme?.background,
+                ...t.theme?.background
+              },
+              container: {
+                ...o?.theme?.container,
+                ...t.theme?.container
+              },
+              title: {
+                ...o?.theme?.title,
+                ...t.theme?.title
+              },
+              description: {
+                ...o?.theme?.description,
+                ...t.theme?.description
+              }
+            }
+          } : o
+        )
+      }
+    })), s();
+  }, M = (n, t, i) => {
+    e.setState((o) => ({
+      ...o,
+      config: {
+        ...o.config,
+        steps: o.config.steps.map(
+          (c) => c.id === n ? {
+            ...c,
+            controls: c.controls?.map(
+              (a) => a.id === t ? { ...a, ...i } : a
+            )
+          } : c
+        )
+      }
+    })), s();
+  }, P = (n, t) => {
+    e.setState((i) => {
+      const o = i.config.steps.findIndex((g) => g.id === n), c = i.config.steps.findIndex((g) => g.id === t), a = d(i.config.steps, o, c);
+      return { ...i, config: { ...i.config, steps: a } };
+    }), s();
+  }, D = (n, t, i) => {
+    e.setState((o) => ({
+      ...o,
+      config: {
+        ...o.config,
+        steps: o.config.steps.map((c) => {
+          if (c.id === n && c.controls) {
+            const a = c.controls.findIndex((f) => f.id === t), g = c.controls.findIndex((f) => f.id === i), B = d(c.controls, a, g);
+            return { ...c, controls: B };
+          }
+          return c;
+        })
+      }
+    })), s();
+  }, L = (n, t) => {
+    e.setState((i) => ({
+      ...i,
+      config: {
+        ...i.config,
+        steps: i.config.steps.map(
+          (o) => o.id === n ? {
+            ...o,
+            controls: o.controls ? [...o.controls, t] : [t]
+          } : o
+        )
+      }
+    })), s();
+  }, w = (n, t) => {
+    e.setState((i) => ({
+      ...i,
+      config: {
+        ...i.config,
+        steps: i.config.steps.map(
+          (o) => o.id === n ? {
+            ...o,
+            controls: o.controls ? o.controls.filter((c) => c.id !== t) : []
+          } : o
+        )
+      }
+    })), s();
+  }, q = (n, t) => {
+    e.setState((i) => ({
+      prev: i,
+      config: {
+        ...i.config,
+        steps: i.config.steps.map(
+          (o) => o.id === n ? {
+            ...o,
+            conditions: o.conditions ? [...o.conditions, t] : [t]
+          } : o
+        )
+      }
+    })), s();
+  }, R = (n, t, i) => {
+    e.setState((o) => ({
+      ...o,
+      config: {
+        ...o.config,
+        steps: o.config.steps.map(
+          (c) => c.id === n && c.conditions?.at(t) ? {
+            ...c,
+            conditions: c.conditions.map(
+              (a, g) => g === t ? { ...a, ...i } : a
+            )
+          } : c
+        )
+      }
+    })), s();
+  }, V = (n, t) => {
+    e.setState((i) => ({
+      ...i,
+      config: {
+        ...i.config,
+        steps: i.config.steps.map(
+          (o) => o.id === n && o.conditions?.at(t) ? {
+            ...o,
+            conditions: o.conditions.filter(
+              (c, a) => a !== t
+            )
+          } : o
+        )
+      }
+    })), s();
+  }, _ = (n) => {
+    e.setState({ isMobile: n });
+  }, $ = (n, { silent: t = !1 } = {}) => {
+    const i = e.getInitialState();
+    e.setState((o) => ({
+      ...o,
+      activeStep: i.activeStep,
+      config: {
+        ...o.config,
+        listStep: n?.listStep || i.config.listStep,
+        steps: n?.steps || i.config.steps,
+        settings: n?.settings || i.config.settings,
+        theme: n?.theme || i.config.theme
+      }
+    })), e.setState((o) => ({
+      ...o,
+      initialConfigSnapshot: n
+    })), t || s();
+  }, h = (n) => {
+    e.setState((t) => {
+      const i = [
+        ...t.activeStep.history.slice(0, t.activeStep.current + 1),
+        n
+      ];
+      return {
+        ...t,
+        activeStep: {
+          history: i,
+          current: i.length - 1
+        }
+      };
+    });
+  }, j = (n = 1) => {
+    e.setState((t) => ({
+      ...t,
+      activeStep: {
+        history: t.activeStep.history,
+        current: Math.max(0, t.activeStep.current - n)
+      }
+    }));
+  }, z = (n = 1) => {
+    e.setState((t) => ({
+      ...t,
+      activeStep: {
+        history: t.activeStep.history,
+        current: Math.min(
+          t.activeStep.history.length - 1,
+          t.activeStep.current + n
+        )
+      }
+    }));
+  }, l = () => {
+    e.setState({
+      activeStep: {
+        history: [],
+        current: 0
+      }
+    });
+  };
+  return {
+    applyTheme: (n) => {
+      e.setState((t) => ({
+        ...t,
+        config: {
+          ...t.config,
+          theme: n
+        }
+      })), s();
+    },
+    setLayout: u,
+    patchSettingsData: S,
+    patchThemeData: C,
+    patchContainerTheme: y,
+    patchTitleProperties: b,
+    patchDescriptionProperties: I,
+    patchCommonFontProperties: k,
+    setSteps: T,
+    addStep: x,
+    removeStep: A,
+    updateStep: F,
+    updateControl: M,
+    reorderSteps: P,
+    reorderControls: D,
+    addControl: L,
+    removeControl: w,
+    addCondition: q,
+    updateCondition: R,
+    removeCondition: V,
+    setIsMobile: _,
+    setConfig: $,
+    setActiveStepId: h,
+    setFormLayout: (n) => {
+      S({ layout: n }), s();
+    },
+    scrollToControl: (n) => {
+      const t = document.querySelector(`[data-control-id='${n}']`);
+      t && t.scrollIntoView({ behavior: "smooth", block: "center" });
+    },
+    getConfig: m,
+    setProps: r,
+    forwardActiveStep: z,
+    backActiveStep: j,
+    resetActiveStep: l
+  };
+};
+export {
+  O as createFormStoreApi
+};