@layers-app/shared 0.1.5 → 0.2.0

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

@@ -0,0 +1,98 @@
+import { createSelector as s } from "@reduxjs/toolkit";
+import { isEqual as y } from "lodash-es";
+import { DEFAULT_THEME as v } from "../constants/defaultTheme.js";
+import { mergeTheme as d, sortSteps as g } from "../helpers/helpers.js";
+import { getFirstStep as B } from "../helpers/steps.js";
+const D = v, M = s(
+  [(t) => t.config.theme],
+  (t) => d(D, t)
+), c = s(
+  (t) => t.config.steps,
+  M,
+  (t) => t.config.settings.layout,
+  (t) => t.config.listStep,
+  (t) => t.addEndStep,
+  (t, e, n, r, i) => {
+    const l = g(((o) => !i || o.some((h) => h.isEnd) ? o : [...o, i?.()])(t)).map((o) => ({
+      ...o,
+      theme: d(e, o.theme || {})
+    })), R = l.filter((o) => !o.isEnd && !o.isStart).flatMap((o) => o.controls).filter(Boolean), { media: f } = r, p = {
+      ...r,
+      controls: R,
+      media: f?.image ? {
+        ...f,
+        layout: (f?.layout === "content" || !f?.layout) && n === "list" ? "left" : f?.layout
+      } : void 0,
+      theme: d(e, r.theme || {})
+    }, S = g([
+      ...l.filter((o) => o.isEnd || o.isStart),
+      p
+    ]);
+    return {
+      allSteps: l,
+      slideSteps: l,
+      listStep: p,
+      listSteps: S,
+      currentSteps: n === "list" ? S : l
+    };
+  }
+), b = s(
+  [c],
+  ({ currentSteps: t }) => B(t)
+), E = s(
+  [(t) => t.activeStep],
+  ({ current: t, history: e }) => e[t]
+), k = s(
+  [
+    c,
+    E,
+    (t) => t.config.settings.layout
+  ],
+  ({ currentSteps: t, listStep: e, slideSteps: n }, r, i) => {
+    const m = t.find((u) => u.id === r) || t.at(0) || null;
+    return i === "list" && n.filter(
+      (a) => !a.isStart && !a.isEnd
+    ).find((a) => a.id === r) ? e : m;
+  }
+), w = s(
+  [c, E],
+  ({ allSteps: t, currentSteps: e }, n) => t.find((i) => i.id === n)?.controls?.at(0) || e.at(0)?.controls?.at(0) || null
+), N = s(
+  [
+    c,
+    (t) => t.config.settings.questionNumber
+  ],
+  ({ currentSteps: t }) => t.filter((e) => !e.isStart && !e.isEnd).flatMap((e) => e.controls).filter(Boolean).reduce(
+    (e, n, r) => (e[n.id] = r + 1, e),
+    {}
+  )
+), Q = s(
+  [c],
+  ({ allSteps: t }) => t.reduce(
+    (e, n) => (n.controls?.forEach((r) => {
+      e[r.id] = n;
+    }), e),
+    {}
+  )
+), _ = s(
+  [c],
+  ({ allSteps: t }) => t.flatMap((e) => e.controls).filter(Boolean)
+), x = s(
+  [
+    (t) => t.config,
+    (t) => t.initialConfigSnapshot
+  ],
+  (t, e) => !y(t, e)
+);
+export {
+  w as activeControlReselect,
+  E as activeStepIdReselect,
+  k as activeStepReselect,
+  _ as controlsReselect,
+  x as isFormDirtyReselect,
+  N as questionNumberReselect,
+  b as startStepReselect,
+  Q as stepByControlReselect,
+  c as stepsReselect,
+  M as themeReselect
+};

package/dist/components/FormViewer/types/form.js

@@ -0,0 +1,40 @@
+const l = ["start", "center", "end"], i = ["vertical", "horizontal", "none"], s = ["sm", "md", "lg"], n = ["slides", "list"], c = (t) => n.includes(t), d = (t) => i.includes(t), a = (t) => s.includes(t), o = [
+  "content",
+  "left",
+  "right",
+  "top",
+  "bottom"
+], e = [
+  "fullLeft",
+  "fullRight",
+  "fullTop",
+  "fullBottom",
+  "background"
+], u = [
+  ...o,
+  ...e
+], L = [
+  "is",
+  "isNot",
+  "startsWidth",
+  "endsWidth",
+  "filledIn",
+  "empty",
+  "selected",
+  "notSelected",
+  "biggerWhen",
+  "smallerWhen"
+];
+export {
+  l as alignList,
+  L as conditionOperatorsList,
+  c as isLayout,
+  a as isSize,
+  d as isSlideAnimation,
+  n as layoutList,
+  o as mediaContentLayoutList,
+  e as mediaFullLayoutList,
+  u as mediaLayoutList,
+  s as sizeList,
+  i as slideAnimationList
+};

package/dist/components/FormViewer/types/schemes.d.ts

@@ -1636,6 +1636,7 @@ export declare namespace Schemes {
             fit?: string | undefined;
             blendMode?: string | undefined;
         } | undefined;
+        borderRadius?: "sm" | "md" | "lg" | undefined;
         container?: {
             color?: string | undefined;
             opacity?: number | undefined;
@@ -1644,7 +1645,6 @@ export declare namespace Schemes {
             shadowSize?: number | undefined;
             shadowColor?: string | undefined;
         } | undefined;
-        borderRadius?: "sm" | "md" | "lg" | undefined;
         font?: {
             color?: string | undefined;
             fontSize?: number | undefined;
@@ -1682,6 +1682,7 @@ export declare namespace Schemes {
             fit?: string | undefined;
             blendMode?: string | undefined;
         } | undefined;
+        borderRadius?: "sm" | "md" | "lg" | undefined;
         container?: {
             color?: string | undefined;
             opacity?: number | undefined;
@@ -1690,7 +1691,6 @@ export declare namespace Schemes {
             shadowSize?: number | undefined;
             shadowColor?: string | undefined;
         } | undefined;
-        borderRadius?: "sm" | "md" | "lg" | undefined;
         font?: {
             color?: string | undefined;
             fontSize?: number | undefined;
@@ -2534,6 +2534,7 @@ export declare namespace Schemes {
                 fit?: string | undefined;
                 blendMode?: string | undefined;
             } | undefined;
+            borderRadius?: "sm" | "md" | "lg" | undefined;
             container?: {
                 color?: string | undefined;
                 opacity?: number | undefined;
@@ -2542,7 +2543,6 @@ export declare namespace Schemes {
                 shadowSize?: number | undefined;
                 shadowColor?: string | undefined;
             } | undefined;
-            borderRadius?: "sm" | "md" | "lg" | undefined;
             font?: {
                 color?: string | undefined;
                 fontSize?: number | undefined;
@@ -2580,6 +2580,7 @@ export declare namespace Schemes {
                 fit?: string | undefined;
                 blendMode?: string | undefined;
             } | undefined;
+            borderRadius?: "sm" | "md" | "lg" | undefined;
             container?: {
                 color?: string | undefined;
                 opacity?: number | undefined;
@@ -2588,7 +2589,6 @@ export declare namespace Schemes {
                 shadowSize?: number | undefined;
                 shadowColor?: string | undefined;
             } | undefined;
-            borderRadius?: "sm" | "md" | "lg" | undefined;
             font?: {
                 color?: string | undefined;
                 fontSize?: number | undefined;
@@ -2860,6 +2860,7 @@ export declare namespace Schemes {
                 fit?: string | undefined;
                 blendMode?: string | undefined;
             } | undefined;
+            borderRadius?: "sm" | "md" | "lg" | undefined;
             container?: {
                 color?: string | undefined;
                 opacity?: number | undefined;
@@ -2868,7 +2869,6 @@ export declare namespace Schemes {
                 shadowSize?: number | undefined;
                 shadowColor?: string | undefined;
             } | undefined;
-            borderRadius?: "sm" | "md" | "lg" | undefined;
             font?: {
                 color?: string | undefined;
                 fontSize?: number | undefined;
@@ -3140,6 +3140,7 @@ export declare namespace Schemes {
                 fit?: string | undefined;
                 blendMode?: string | undefined;
             } | undefined;
+            borderRadius?: "sm" | "md" | "lg" | undefined;
             container?: {
                 color?: string | undefined;
                 opacity?: number | undefined;
@@ -3148,7 +3149,6 @@ export declare namespace Schemes {
                 shadowSize?: number | undefined;
                 shadowColor?: string | undefined;
             } | undefined;
-            borderRadius?: "sm" | "md" | "lg" | undefined;
             font?: {
                 color?: string | undefined;
                 fontSize?: number | undefined;
@@ -4004,6 +4004,7 @@ export declare namespace Schemes {
                     fit?: string | undefined;
                     blendMode?: string | undefined;
                 } | undefined;
+                borderRadius?: "sm" | "md" | "lg" | undefined;
                 container?: {
                     color?: string | undefined;
                     opacity?: number | undefined;
@@ -4012,7 +4013,6 @@ export declare namespace Schemes {
                     shadowSize?: number | undefined;
                     shadowColor?: string | undefined;
                 } | undefined;
-                borderRadius?: "sm" | "md" | "lg" | undefined;
                 font?: {
                     color?: string | undefined;
                     fontSize?: number | undefined;
@@ -4050,6 +4050,7 @@ export declare namespace Schemes {
                     fit?: string | undefined;
                     blendMode?: string | undefined;
                 } | undefined;
+                borderRadius?: "sm" | "md" | "lg" | undefined;
                 container?: {
                     color?: string | undefined;
                     opacity?: number | undefined;
@@ -4058,7 +4059,6 @@ export declare namespace Schemes {
                     shadowSize?: number | undefined;
                     shadowColor?: string | undefined;
                 } | undefined;
-                borderRadius?: "sm" | "md" | "lg" | undefined;
                 font?: {
                     color?: string | undefined;
                     fontSize?: number | undefined;
@@ -4330,6 +4330,7 @@ export declare namespace Schemes {
                     fit?: string | undefined;
                     blendMode?: string | undefined;
                 } | undefined;
+                borderRadius?: "sm" | "md" | "lg" | undefined;
                 container?: {
                     color?: string | undefined;
                     opacity?: number | undefined;
@@ -4338,7 +4339,6 @@ export declare namespace Schemes {
                     shadowSize?: number | undefined;
                     shadowColor?: string | undefined;
                 } | undefined;
-                borderRadius?: "sm" | "md" | "lg" | undefined;
                 font?: {
                     color?: string | undefined;
                     fontSize?: number | undefined;
@@ -4610,6 +4610,7 @@ export declare namespace Schemes {
                     fit?: string | undefined;
                     blendMode?: string | undefined;
                 } | undefined;
+                borderRadius?: "sm" | "md" | "lg" | undefined;
                 container?: {
                     color?: string | undefined;
                     opacity?: number | undefined;
@@ -4618,7 +4619,6 @@ export declare namespace Schemes {
                     shadowSize?: number | undefined;
                     shadowColor?: string | undefined;
                 } | undefined;
-                borderRadius?: "sm" | "md" | "lg" | undefined;
                 font?: {
                     color?: string | undefined;
                     fontSize?: number | undefined;
@@ -5473,6 +5473,7 @@ export declare namespace Schemes {
                     fit?: string | undefined;
                     blendMode?: string | undefined;
                 } | undefined;
+                borderRadius?: "sm" | "md" | "lg" | undefined;
                 container?: {
                     color?: string | undefined;
                     opacity?: number | undefined;
@@ -5481,7 +5482,6 @@ export declare namespace Schemes {
                     shadowSize?: number | undefined;
                     shadowColor?: string | undefined;
                 } | undefined;
-                borderRadius?: "sm" | "md" | "lg" | undefined;
                 font?: {
                     color?: string | undefined;
                     fontSize?: number | undefined;
@@ -5519,6 +5519,7 @@ export declare namespace Schemes {
                     fit?: string | undefined;
                     blendMode?: string | undefined;
                 } | undefined;
+                borderRadius?: "sm" | "md" | "lg" | undefined;
                 container?: {
                     color?: string | undefined;
                     opacity?: number | undefined;
@@ -5527,7 +5528,6 @@ export declare namespace Schemes {
                     shadowSize?: number | undefined;
                     shadowColor?: string | undefined;
                 } | undefined;
-                borderRadius?: "sm" | "md" | "lg" | undefined;
                 font?: {
                     color?: string | undefined;
                     fontSize?: number | undefined;
@@ -5799,6 +5799,7 @@ export declare namespace Schemes {
                     fit?: string | undefined;
                     blendMode?: string | undefined;
                 } | undefined;
+                borderRadius?: "sm" | "md" | "lg" | undefined;
                 container?: {
                     color?: string | undefined;
                     opacity?: number | undefined;
@@ -5807,7 +5808,6 @@ export declare namespace Schemes {
                     shadowSize?: number | undefined;
                     shadowColor?: string | undefined;
                 } | undefined;
-                borderRadius?: "sm" | "md" | "lg" | undefined;
                 font?: {
                     color?: string | undefined;
                     fontSize?: number | undefined;
@@ -6079,6 +6079,7 @@ export declare namespace Schemes {
                     fit?: string | undefined;
                     blendMode?: string | undefined;
                 } | undefined;
+                borderRadius?: "sm" | "md" | "lg" | undefined;
                 container?: {
                     color?: string | undefined;
                     opacity?: number | undefined;
@@ -6087,7 +6088,6 @@ export declare namespace Schemes {
                     shadowSize?: number | undefined;
                     shadowColor?: string | undefined;
                 } | undefined;
-                borderRadius?: "sm" | "md" | "lg" | undefined;
                 font?: {
                     color?: string | undefined;
                     fontSize?: number | undefined;
@@ -6249,6 +6249,7 @@ export declare namespace Schemes {
                 fit?: string | undefined;
                 blendMode?: string | undefined;
             } | undefined;
+            borderRadius?: "sm" | "md" | "lg" | undefined;
             container?: {
                 color?: string | undefined;
                 opacity?: number | undefined;
@@ -6257,7 +6258,6 @@ export declare namespace Schemes {
                 shadowSize?: number | undefined;
                 shadowColor?: string | undefined;
             } | undefined;
-            borderRadius?: "sm" | "md" | "lg" | undefined;
             font?: {
                 color?: string | undefined;
                 fontSize?: number | undefined;
@@ -6295,6 +6295,7 @@ export declare namespace Schemes {
                 fit?: string | undefined;
                 blendMode?: string | undefined;
             } | undefined;
+            borderRadius?: "sm" | "md" | "lg" | undefined;
             container?: {
                 color?: string | undefined;
                 opacity?: number | undefined;
@@ -6303,7 +6304,6 @@ export declare namespace Schemes {
                 shadowSize?: number | undefined;
                 shadowColor?: string | undefined;
             } | undefined;
-            borderRadius?: "sm" | "md" | "lg" | undefined;
             font?: {
                 color?: string | undefined;
                 fontSize?: number | undefined;
@@ -6377,6 +6377,7 @@ export declare namespace Schemes {
                 fit?: string | undefined;
                 blendMode?: string | undefined;
             } | undefined;
+            borderRadius?: "sm" | "md" | "lg" | undefined;
             container?: {
                 color?: string | undefined;
                 opacity?: number | undefined;
@@ -6385,7 +6386,6 @@ export declare namespace Schemes {
                 shadowSize?: number | undefined;
                 shadowColor?: string | undefined;
             } | undefined;
-            borderRadius?: "sm" | "md" | "lg" | undefined;
             font?: {
                 color?: string | undefined;
                 fontSize?: number | undefined;
@@ -6659,6 +6659,7 @@ export declare namespace Schemes {
                     fit?: string | undefined;
                     blendMode?: string | undefined;
                 } | undefined;
+                borderRadius?: "sm" | "md" | "lg" | undefined;
                 container?: {
                     color?: string | undefined;
                     opacity?: number | undefined;
@@ -6667,7 +6668,6 @@ export declare namespace Schemes {
                     shadowSize?: number | undefined;
                     shadowColor?: string | undefined;
                 } | undefined;
-                borderRadius?: "sm" | "md" | "lg" | undefined;
                 font?: {
                     color?: string | undefined;
                     fontSize?: number | undefined;
@@ -6940,6 +6940,7 @@ export declare namespace Schemes {
                     fit?: string | undefined;
                     blendMode?: string | undefined;
                 } | undefined;
+                borderRadius?: "sm" | "md" | "lg" | undefined;
                 container?: {
                     color?: string | undefined;
                     opacity?: number | undefined;
@@ -6948,7 +6949,6 @@ export declare namespace Schemes {
                     shadowSize?: number | undefined;
                     shadowColor?: string | undefined;
                 } | undefined;
-                borderRadius?: "sm" | "md" | "lg" | undefined;
                 font?: {
                     color?: string | undefined;
                     fontSize?: number | undefined;
@@ -6999,6 +6999,7 @@ export declare namespace Schemes {
                 fit?: string | undefined;
                 blendMode?: string | undefined;
             } | undefined;
+            borderRadius?: "sm" | "md" | "lg" | undefined;
             container?: {
                 color?: string | undefined;
                 opacity?: number | undefined;
@@ -7007,7 +7008,6 @@ export declare namespace Schemes {
                 shadowSize?: number | undefined;
                 shadowColor?: string | undefined;
             } | undefined;
-            borderRadius?: "sm" | "md" | "lg" | undefined;
             font?: {
                 color?: string | undefined;
                 fontSize?: number | undefined;
@@ -7281,6 +7281,7 @@ export declare namespace Schemes {
                     fit?: string | undefined;
                     blendMode?: string | undefined;
                 } | undefined;
+                borderRadius?: "sm" | "md" | "lg" | undefined;
                 container?: {
                     color?: string | undefined;
                     opacity?: number | undefined;
@@ -7289,7 +7290,6 @@ export declare namespace Schemes {
                     shadowSize?: number | undefined;
                     shadowColor?: string | undefined;
                 } | undefined;
-                borderRadius?: "sm" | "md" | "lg" | undefined;
                 font?: {
                     color?: string | undefined;
                     fontSize?: number | undefined;
@@ -7562,6 +7562,7 @@ export declare namespace Schemes {
                     fit?: string | undefined;
                     blendMode?: string | undefined;
                 } | undefined;
+                borderRadius?: "sm" | "md" | "lg" | undefined;
                 container?: {
                     color?: string | undefined;
                     opacity?: number | undefined;
@@ -7570,7 +7571,6 @@ export declare namespace Schemes {
                     shadowSize?: number | undefined;
                     shadowColor?: string | undefined;
                 } | undefined;
-                borderRadius?: "sm" | "md" | "lg" | undefined;
                 font?: {
                     color?: string | undefined;
                     fontSize?: number | undefined;