@ea-lab/reactive-json 1.0.0-alpha.0 → 1.0.0-alpha.1

package/dist/View-D8TN1L2h.js

@@ -0,0 +1,126 @@
+import { jsx as n, jsxs as x, Fragment as C } from "react/jsx-runtime";
+import { useContext as h, useRef as j } from "react";
+import { ActionDependant as k } from "./engine/Actions.js";
+import { GlobalDataContext as D } from "./engine/GlobalDataContext.js";
+import { normalizeAttributesForReactJsx as A } from "./engine/utility/reactJsxHelpers.js";
+import { TemplateContext as T } from "./engine/TemplateContext.js";
+import H, { evaluateAttributes as R, evaluateTemplateValue as V, dataLocationToPath as O } from "./engine/TemplateSystem.js";
+const y = ({ props: t, currentData: o, datafield: s, path: l }) => {
+  const d = h(D), b = h(T), r = j(null), c = `${t.tag}`, f = t.extra ?? {}, e = A(t.attributes), a = A(o.attributes);
+  for (const i of Object.keys(a)) {
+    if (i.charAt(0) === "+") {
+      const g = i.substring(1);
+      e[g] = (e[g] ?? "").length > 0 ? (
+        // Append using a space.
+        " " + a[i]
+      ) : (
+        // Set directly.
+        a[i]
+      );
+      continue;
+    }
+    e[i] = a[i];
+  }
+  const u = R({ attrs: e, globalDataContext: d, templateContext: b });
+  return /* @__PURE__ */ n(k, { ...t, attributesHolderRef: r, children: ((i) => i && [
+    "area",
+    "base",
+    "br",
+    "col",
+    "embed",
+    "hr",
+    "img",
+    "input",
+    "link",
+    "meta",
+    "param",
+    "source",
+    "track",
+    "wbr"
+  ].indexOf(i) !== -1)(t.tag) ? /* @__PURE__ */ x(C, { children: [
+    /* @__PURE__ */ n(c, { ref: r, ...u }),
+    Object.keys(f).length ? /* @__PURE__ */ n(m, { props: f }) : ""
+  ] }) : /* @__PURE__ */ x(C, { children: [
+    /* @__PURE__ */ n(c, { ref: r, ...u, children: t.content && /* @__PURE__ */ n(
+      m,
+      {
+        currentData: o.content ?? void 0,
+        datafield: "content",
+        path: l + ".content",
+        props: t.content
+      }
+    ) }),
+    Object.keys(f).length ? /* @__PURE__ */ n(m, { props: f }) : ""
+  ] }) });
+};
+function m({ props: t, currentData: o, datafield: s, path: l }) {
+  const d = h(D), b = h(T), r = d.plugins ?? {}, c = (r == null ? void 0 : r.element) ?? {};
+  if (!c)
+    return null;
+  const { element: f } = d;
+  if (o === void 0 && (o = ""), t != null && t.type) {
+    let e = c[t.type] ?? void 0;
+    return e === void 0 && (e = c.Html ?? y), (c.Html ?? y) === e && (t.tag = t.tag ?? t.type), /* @__PURE__ */ n(e, { path: l, props: t, currentData: o, datafield: s });
+  }
+  if (t != null && t.load) {
+    let e;
+    const a = (t == null ? void 0 : t.customDataLocation) ?? void 0, u = a ? (
+      // The data is located somewhere in the current data.
+      V({
+        globalDataContext: d,
+        templateContext: b,
+        valueToEvaluate: a
+      })
+    ) : (
+      // The data is the current data.
+      o
+    ), v = a ? O({
+      dataLocation: a,
+      currentPath: l,
+      globalDataContext: d,
+      templateContext: b
+    }) : l;
+    typeof t.load == "function" ? e = t.load(u) : e = f[t.load];
+    const { load: i, customDataLocation: g, ...L } = t;
+    return e = { ...e, ...L }, t.keepTemplateContext ? /* @__PURE__ */ n(
+      m,
+      {
+        currentData: u,
+        datafield: s,
+        path: v,
+        props: e
+      }
+    ) : /* @__PURE__ */ n(T.Provider, { value: { templateData: u, templatePath: v }, children: /* @__PURE__ */ n(
+      m,
+      {
+        currentData: u,
+        datafield: s,
+        path: v,
+        props: e
+      }
+    ) });
+  }
+  return Array.isArray(t) ? t.map((e, a) => /* @__PURE__ */ n(
+    m,
+    {
+      currentData: o[a] ?? void 0,
+      datafield: a,
+      path: l + "." + a,
+      props: e ?? void 0
+    },
+    l + "." + a
+  )) : typeof t == "object" ? Object.entries(t).map(([e, a]) => /* @__PURE__ */ n(
+    m,
+    {
+      currentData: o[e] ?? void 0,
+      datafield: e ?? void 0,
+      path: l + "." + e,
+      props: a
+    },
+    l + "." + e
+  )) : /* @__PURE__ */ n(H, { valueToEvaluate: o || (t ?? null) });
+}
+export {
+  y as H,
+  m as V
+};

package/dist/component/action/HashChangeListener.js

@@ -3,28 +3,28 @@ import { useContext as h, useEffect as E } from "react";
 import { EventDispatcherContext as x } from "../../engine/EventDispatcherContext.js";
 import { GlobalDataContext as L } from "../../engine/GlobalDataContext.js";
 import { TemplateContext as T } from "../../engine/TemplateContext.js";
-import { b as d } from "../../TemplateSystem-kQJEKjik.js";
-const R = (n) => {
-  const e = h(x), a = h(L), o = h(T), s = a.plugins ?? {}, f = (s == null ? void 0 : s.reaction) ?? {}, t = (n == null ? void 0 : n.actionProps) ?? void 0;
+import { evaluateTemplateValueCollection as d } from "../../engine/TemplateSystem.js";
+const R = (a) => {
+  const e = h(x), n = h(L), o = h(T), s = n.plugins ?? {}, f = (s == null ? void 0 : s.reaction) ?? {}, t = (a == null ? void 0 : a.actionProps) ?? void 0;
   return E(() => {
     const v = t ?? void 0, r = (t == null ? void 0 : t.what) ?? void 0, w = (t == null ? void 0 : t.whenHashIs) ?? void 0, g = (t == null ? void 0 : t.whenHashWas) ?? void 0, i = d({
-      globalDataContext: a,
+      globalDataContext: n,
       templateContext: o,
       valueToEvaluate: w
     }), c = d({
-      globalDataContext: a,
+      globalDataContext: n,
       templateContext: o,
       valueToEvaluate: g
     }), m = (l) => {
       if (typeof i == "string" && new URL(l.newUrl).hash !== i || typeof c == "string" && new URL(l.oldUrl).hash !== c)
         return;
       const u = r && (f[r] ?? void 0);
-      u && u({ args: v, event: l, globalDataContext: a, templateContext: o });
+      u && u({ args: v, event: l, globalDataContext: n, templateContext: o });
     };
     return e == null || e.addEventListener("hashchange", m), () => {
       e == null || e.removeEventListener("hashchange", m);
     };
-  }, [e, a, t, o]), /* @__PURE__ */ C(H, { children: n.children });
+  }, [e, n, t, o]), /* @__PURE__ */ C(H, { children: a.children });
 };
 export {
   R as HashChangeListener

package/dist/component/action/MessageListener.js

@@ -4,7 +4,7 @@ import { useContext as r, useEffect as x } from "react";
 import { EventDispatcherContext as C } from "../../engine/EventDispatcherContext.js";
 import { GlobalDataContext as h } from "../../engine/GlobalDataContext.js";
 import { TemplateContext as M } from "../../engine/TemplateContext.js";
-import { b as T } from "../../TemplateSystem-kQJEKjik.js";
+import { evaluateTemplateValueCollection as T } from "../../engine/TemplateSystem.js";
 const G = (e) => {
   const o = r(C), n = r(h), a = r(M), s = n.plugins ?? {}, d = (s == null ? void 0 : s.reaction) ?? {}, t = (e == null ? void 0 : e.actionProps) ?? void 0;
   return x(() => {

package/dist/component/action/Redirect.js

@@ -1,11 +1,11 @@
 import { useContext as o } from "react";
 import { GlobalDataContext as n } from "../../engine/GlobalDataContext.js";
 import { TemplateContext as l } from "../../engine/TemplateContext.js";
-import { a as m } from "../../TemplateSystem-kQJEKjik.js";
-const f = (e) => {
+import { evaluateTemplateValue as m } from "../../engine/TemplateSystem.js";
+const s = (e) => {
   const a = o(n), r = o(l), { to: t } = e.actionProps;
   !t || typeof t != "string" || (window.location.href = m({ valueToEvaluate: t, globalDataContext: a, templateContext: r }));
 };
 export {
-  f as Redirect
+  s as Redirect
 };

package/dist/component/action/SetAttributeValue.js

@@ -1,7 +1,7 @@
 import { useContext as f, useEffect as V } from "react";
 import { GlobalDataContext as d } from "../../engine/GlobalDataContext.js";
 import { TemplateContext as x } from "../../engine/TemplateContext.js";
-import { a as b } from "../../TemplateSystem-kQJEKjik.js";
+import { evaluateTemplateValue as b } from "../../engine/TemplateSystem.js";
 const T = (a) => {
   const l = f(d), c = f(x), { attributesHolderRef: t } = a, { name: e, mode: s = "append", value: n, preventDuplicateValues: i = !0, separator: o = " " } = a.actionProps;
   return V(() => {

package/dist/component/action/ToggleAttributeValue.js

@@ -1,7 +1,7 @@
 import { useContext as y, useEffect as E } from "react";
 import { GlobalDataContext as D } from "../../engine/GlobalDataContext.js";
 import { TemplateContext as O } from "../../engine/TemplateContext.js";
-import { a as P } from "../../TemplateSystem-kQJEKjik.js";
+import { evaluateTemplateValue as P } from "../../engine/TemplateSystem.js";
 const q = (i) => {
   const x = y(D), b = y(O), { attributesHolderRef: l } = i, { name: o, value: m, separator: u = " ", keepAttributeWhenEmpty: V = !1 } = i.actionProps || {};
   return E(() => {

package/dist/component/action/UnsetAttribute.js

@@ -1,21 +1,21 @@
 import { useContext as r, useEffect as l } from "react";
 import { GlobalDataContext as c } from "../../engine/GlobalDataContext.js";
 import { TemplateContext as u } from "../../engine/TemplateContext.js";
-import { a as i } from "../../TemplateSystem-kQJEKjik.js";
+import { evaluateTemplateValue as i } from "../../engine/TemplateSystem.js";
 const C = (e) => {
-  const a = r(c), n = r(u), { attributesHolderRef: t } = e, { name: o } = e.actionProps || {};
+  const n = r(c), a = r(u), { attributesHolderRef: t } = e, { name: o } = e.actionProps || {};
   return l(() => {
     if (!(t != null && t.current) || !o)
       return;
     const m = String(
       i({
         valueToEvaluate: o,
-        globalDataContext: a,
-        templateContext: n
+        globalDataContext: n,
+        templateContext: a
       })
     );
     t.current.removeAttribute(m);
-  }, [o, a.data, n, t]), e.children;
+  }, [o, n.data, a, t]), e.children;
 };
 export {
   C as UnsetAttribute

package/dist/component/action/UnsetAttributeValue.js

@@ -1,7 +1,7 @@
 import { useContext as p, useEffect as g } from "react";
 import { GlobalDataContext as E } from "../../engine/GlobalDataContext.js";
 import { TemplateContext as N } from "../../engine/TemplateContext.js";
-import { a as A } from "../../TemplateSystem-kQJEKjik.js";
+import { evaluateTemplateValue as A } from "../../engine/TemplateSystem.js";
 const I = (a) => {
   const l = p(E), s = p(N), { attributesHolderRef: r } = a, { name: n, value: i, separator: c = " ", unsetAllOccurrences: C, unsetCount: f } = a.actionProps || {};
   return g(() => {

package/dist/component/dataMapping/simpleMapping.js

@@ -1,12 +1,12 @@
-import { d as V, b as v } from "../../TemplateSystem-kQJEKjik.js";
-function T({ config: h, globalDataContext: o, templateContext: i, responseData: m }) {
-  const { stringMap: M = {}, onErrorMap: p } = h, { updateData: g } = o;
+import { dataLocationToPath as V, evaluateTemplateValueCollection as v } from "../../engine/TemplateSystem.js";
+function T({ config: h, globalDataContext: a, templateContext: i, responseData: m }) {
+  const { stringMap: M = {}, onErrorMap: p } = h, { updateData: g } = a;
   try {
     Object.entries(M).map(([r, t]) => l({
       destinationDataLocation: r,
       mappingConfig: t,
-      sourceDataRetriever: ({ location: n }) => u({ location: n, data: m })
-    })).filter(Boolean).forEach(s);
+      sourceDataRetriever: ({ location: n }) => s({ location: n, data: m })
+    })).filter(Boolean).forEach(u);
   } catch (e) {
     if (!p)
       throw e;
@@ -14,12 +14,12 @@ function T({ config: h, globalDataContext: o, templateContext: i, responseData:
       destinationDataLocation: t,
       mappingConfig: n,
       sourceDataRetriever: w
-    })).filter(Boolean).forEach(s);
+    })).filter(Boolean).forEach(u);
   }
-  function s({ destinationPath: e, value: r, updateMode: t }) {
+  function u({ destinationPath: e, value: r, updateMode: t }) {
     g(r, e, t);
   }
-  function u({ location: e, data: r }) {
+  function s({ location: e, data: r }) {
     if (typeof r != "object")
       throw new Error("simpleMapping: Could not find location in response data: " + e + ".");
     if (!e || e === "")
@@ -27,7 +27,7 @@ function T({ config: h, globalDataContext: o, templateContext: i, responseData:
     const t = e.split(".")[0];
     if (t in r) {
       const n = e.split(".").slice(1).join(".");
-      return n === "" ? r[t] : u({ location: n, data: r[t] });
+      return n === "" ? r[t] : s({ location: n, data: r[t] });
     }
     throw new Error(
       "simpleMapping: Could not find location in response data: " + e + " (location not found in data)."
@@ -36,7 +36,7 @@ function T({ config: h, globalDataContext: o, templateContext: i, responseData:
   function w({ location: e }) {
     return v({
       valueToEvaluate: e,
-      globalDataContext: o,
+      globalDataContext: a,
       templateContext: i,
       evaluationDepth: -1
     });
@@ -48,26 +48,26 @@ function T({ config: h, globalDataContext: o, templateContext: i, responseData:
       console.warn("simpleMapping: 'value' is missing for", e);
       return;
     }
-    const a = V({
+    const o = V({
       dataLocation: e,
       // TODO: This is incorrect because simpleMapping could be called from a fetchData reaction that is not located at the root of the data.
       currentPath: "data",
-      globalDataContext: o,
+      globalDataContext: a,
       templateContext: i
     });
-    if (typeof a != "string" || !a.startsWith("data")) {
+    if (typeof o != "string" || !o.startsWith("data")) {
       console.warn(
         "simpleMapping: the given destination path is invalid:",
         e,
         "->",
-        a
+        o
       );
       return;
     }
     try {
       const d = t({ location: n });
       return {
-        destinationPath: a,
+        destinationPath: o,
         value: d,
         updateMode: f
       };
@@ -77,12 +77,12 @@ function T({ config: h, globalDataContext: o, templateContext: i, responseData:
       if (c !== void 0) {
         const y = v({
           valueToEvaluate: c,
-          globalDataContext: o,
+          globalDataContext: a,
           templateContext: i,
           evaluationDepth: -1
         });
         return {
-          destinationPath: a,
+          destinationPath: o,
           value: y,
           updateMode: f
         };

package/dist/component/element/debug/VariablesDebug/VariablesDebug.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as a, Fragment as x } from "react/jsx-runtime";
 import { useState as p, useContext as B, useRef as g, useEffect as q, useMemo as m } from "react";
 import { r as E } from "../../../../dnd-kit-sortable-tree.esm-Cz1RJyIg.js";
-import { A as L } from "../../../../TemplateSystem-kQJEKjik.js";
+import { ActionDependant as L } from "../../../../engine/Actions.js";
 import "../../../../engine/EventDispatcherContext.js";
 import "../../../../engine/EventDispatcherProvider.js";
 import "../../../../engine/GlobalDataContext.js";
@@ -9,29 +9,30 @@ import "../../../../engine/PaginationContext.js";
 import "../../../../lodash-CYNxjS-I.js";
 import { TemplateContext as $ } from "../../../../engine/TemplateContext.js";
 import "../../../../index-NNBvIV0S.js";
+import "../../../../jsonpath-B9kE9k9e.js";
 import "../../../../js-yaml-Bw0KO4XO.js";
 import "../../../../engine/ParsingDebugDisplay/ParsingDebugDisplay.js";
-import { DebugMode as c } from "./DebugMode.enum.js";
+import { DebugMode as r } from "./DebugMode.enum.js";
 import R from "./ModeDisplay/DebugList/DebugList.js";
 import D from "./ModeDisplay/DebugJson/DebugJson.js";
 import '../../../../assets/reset.css';import '../../../../assets/VariablesDebug.css';/* empty css                         */
 import { flattenObject as J } from "./utils.js";
-const O = "_debugRoot_1ny7q_1", j = "_container_1ny7q_16", k = "_expanded_1ny7q_34", T = "_header_1ny7q_39", I = "_actions_1ny7q_45", P = "_btn_1ny7q_50", A = "_active_1ny7q_58", M = "_path_1ny7q_62", w = "_value_1ny7q_66", H = "_copyBtn_1ny7q_70", V = "_copyBtnSuccess_1ny7q_74", F = "_copyBtnError_1ny7q_78", W = "_info_1ny7q_82", n = {
+const O = "_debugRoot_1ny7q_1", j = "_container_1ny7q_16", k = "_expanded_1ny7q_34", T = "_header_1ny7q_39", I = "_actions_1ny7q_45", P = "_btn_1ny7q_50", M = "_active_1ny7q_58", w = "_path_1ny7q_62", A = "_value_1ny7q_66", H = "_copyBtn_1ny7q_70", V = "_copyBtnSuccess_1ny7q_74", F = "_copyBtnError_1ny7q_78", W = "_info_1ny7q_82", n = {
   debugRoot: O,
   container: j,
   expanded: k,
   header: T,
   actions: I,
   btn: P,
-  active: A,
-  path: M,
-  value: w,
+  active: M,
+  path: w,
+  value: A,
   copyBtn: H,
   copyBtnSuccess: V,
   copyBtnError: F,
   info: W
-}, dt = ({ props: v }) => {
-  const [r, u] = p(!1), [i, _] = p(c.LIST), o = B($), d = g(null), [y, S] = p(null), f = g(null);
+}, pt = ({ props: v }) => {
+  const [c, u] = p(!1), [i, _] = p(r.LIST), o = B($), d = g(null), [y, S] = p(null), f = g(null);
   q(() => {
     if (typeof document > "u") return;
     let t = document.getElementById("rj-debug-root");
@@ -41,7 +42,7 @@ const O = "_debugRoot_1ny7q_1", j = "_container_1ny7q_16", k = "_expanded_1ny7q_
     const t = d.current;
     try {
       if (await navigator.clipboard.writeText(
-        i === c.JSON ? b : h.map((s) => `${s.path}: ${JSON.stringify(s.value)}`).join(`
+        i === r.JSON ? b : h.map((s) => `${s.path}: ${JSON.stringify(s.value)}`).join(`
 `)
       ), !t) return;
       t.classList.add(n.copyBtnSuccess), t.textContent = "Copied!", setTimeout(() => {
@@ -56,7 +57,7 @@ const O = "_debugRoot_1ny7q_1", j = "_container_1ny7q_16", k = "_expanded_1ny7q_
   }, N = /* @__PURE__ */ e(L, { ...v, attributesHolderRef: f, children: /* @__PURE__ */ a(
     "div",
     {
-      className: `${n.container} ${r ? n.expanded : ""}`,
+      className: `${n.container} ${c ? n.expanded : ""}`,
       onClick: () => u((t) => !t),
       role: "button",
       ref: f,
@@ -67,20 +68,20 @@ const O = "_debugRoot_1ny7q_1", j = "_container_1ny7q_16", k = "_expanded_1ny7q_
             /* @__PURE__ */ e("code", { children: o.templatePath })
           ] }),
           /* @__PURE__ */ a("div", { className: n.actions, onClick: (t) => t.stopPropagation(), children: [
-            r && /* @__PURE__ */ a(x, { children: [
+            c && /* @__PURE__ */ a(x, { children: [
               /* @__PURE__ */ e(
                 "button",
                 {
-                  className: `${n.btn} ${i === c.LIST ? n.active : ""}`,
-                  onClick: () => _(c.LIST),
+                  className: `${n.btn} ${i === r.LIST ? n.active : ""}`,
+                  onClick: () => _(r.LIST),
                   children: "List"
                 }
               ),
               /* @__PURE__ */ e(
                 "button",
                 {
-                  className: `${n.btn} ${i === c.JSON ? n.active : ""}`,
-                  onClick: () => _(c.JSON),
+                  className: `${n.btn} ${i === r.JSON ? n.active : ""}`,
+                  onClick: () => _(r.JSON),
                   children: "JSON"
                 }
               )
@@ -90,10 +91,10 @@ const O = "_debugRoot_1ny7q_1", j = "_container_1ny7q_16", k = "_expanded_1ny7q_
               {
                 className: n.btn,
                 onClick: () => u((t) => !t),
-                children: r ? "Collapse" : "Expand"
+                children: c ? "Collapse" : "Expand"
               }
             ),
-            r && /* @__PURE__ */ e(
+            c && /* @__PURE__ */ e(
               "button",
               {
                 className: `${n.btn} ${n.copyBtn}`,
@@ -104,12 +105,12 @@ const O = "_debugRoot_1ny7q_1", j = "_container_1ny7q_16", k = "_expanded_1ny7q_
             )
           ] })
         ] }),
-        r && /* @__PURE__ */ e("div", { className: n.info, onClick: (t) => t.stopPropagation(), children: i === c.JSON ? /* @__PURE__ */ e(D, { jsonString: b }) : /* @__PURE__ */ e(R, { flatRows: h }) })
+        c && /* @__PURE__ */ e("div", { className: n.info, onClick: (t) => t.stopPropagation(), children: i === r.JSON ? /* @__PURE__ */ e(D, { jsonString: b }) : /* @__PURE__ */ e(R, { flatRows: h }) })
       ]
     }
   ) });
   return y ? E.createPortal(N, y) : null;
 };
 export {
-  dt as VariablesDebug
+  pt as VariablesDebug
 };

package/dist/component/element/html/FolderSortableTree.js

@@ -2,75 +2,77 @@ import { jsx as h } from "react/jsx-runtime";
 import { F as k, S as B } from "../../../dnd-kit-sortable-tree.esm-Cz1RJyIg.js";
 import { l as _ } from "../../../lodash-CYNxjS-I.js";
 import { useContext as A, forwardRef as R } from "react";
-import { a as G, V as H, A as O } from "../../../TemplateSystem-kQJEKjik.js";
-import { GlobalDataContext as W } from "../../../engine/GlobalDataContext.js";
+import { ActionDependant as G } from "../../../engine/Actions.js";
+import { GlobalDataContext as H } from "../../../engine/GlobalDataContext.js";
 import { TemplateContext as V } from "../../../engine/TemplateContext.js";
+import { evaluateTemplateValue as O } from "../../../engine/TemplateSystem.js";
+import { V as W } from "../../../View-D8TN1L2h.js";
 import { propsDataLocationToPathAndValue as q } from "../../../engine/utility/formElementsCommon.js";
 function y(t) {
   var r, n, a = "";
   if (typeof t == "string" || typeof t == "number") a += t;
   else if (typeof t == "object") if (Array.isArray(t)) {
-    var u = t.length;
-    for (r = 0; r < u; r++) t[r] && (n = y(t[r])) && (a && (a += " "), a += n);
+    var s = t.length;
+    for (r = 0; r < s; r++) t[r] && (n = y(t[r])) && (a && (a += " "), a += n);
   } else for (n in t) t[n] && (a && (a += " "), a += n);
   return a;
 }
 function z() {
-  for (var t, r, n = 0, a = "", u = arguments.length; n < u; n++) (t = arguments[n]) && (r = y(t)) && (a && (a += " "), a += r);
+  for (var t, r, n = 0, a = "", s = arguments.length; n < s; n++) (t = arguments[n]) && (r = y(t)) && (a && (a += " "), a += r);
   return a;
 }
-const ee = ({ props: t, path: r, datafield: n }) => {
+const ae = ({ props: t, path: r, datafield: n }) => {
   var P, T;
-  const a = A(W), u = A(V);
-  let { formData: i, formDataPath: s } = q({
+  const a = A(H), s = A(V);
+  let { formData: i, formDataPath: u } = q({
     currentPath: r,
     datafield: n,
     dataLocation: t.dataLocation,
     defaultValue: t.defaultFieldValue,
     globalDataContext: a,
-    templateContext: u
+    templateContext: s
   });
   if (i === void 0)
     return null;
-  const L = t.itemTemplate ?? null, c = G({
+  const L = t.itemTemplate ?? null, c = O({
     valueToEvaluate: t.treeRootPath ?? void 0,
     globalDataContext: a,
-    templateContext: u
-  }), v = t.maxDepth, w = typeof c != "string" ? !0 : t.maxDepthIsAbsolute ?? !0, p = t.keepBaseItem ?? !1;
+    templateContext: s
+  }), v = t.maxDepth, w = typeof c != "string" ? !0 : t.maxDepthIsAbsolute ?? !0, C = t.keepBaseItem ?? !1;
   let f = 0, b = null, I;
   if (typeof c == "string" && c.length > 0) {
     const e = c.split(".");
-    let m = b, o = i, d = s;
+    let m = b, o = i, d = u;
     for (; e.length > 0; ) {
       const l = Number.parseInt(e.shift());
-      if (Number.isNaN(l) || (m = (i == null ? void 0 : i.id) ?? null, o = i, d = s, I = l, b = (P = i[l]) == null ? void 0 : P.id, i = ((T = i[l]) == null ? void 0 : T.children) ?? void 0, s = s + "." + l + ".children", i === void 0))
+      if (Number.isNaN(l) || (m = (i == null ? void 0 : i.id) ?? null, o = i, d = u, I = l, b = (P = i[l]) == null ? void 0 : P.id, i = ((T = i[l]) == null ? void 0 : T.children) ?? void 0, u = u + "." + l + ".children", i === void 0))
         return null;
       ++f;
     }
-    p && (b = m, i = o, s = d, i = [i[I]]);
+    C && (b = m, i = o, u = d, i = [i[I]]);
   }
   const F = (e) => {
-    let m = e, o = s;
+    let m = e, o = u;
     if (f > 0) {
       m = _.cloneDeep(m);
-      const d = (l, C = 0) => {
+      const d = (l, p = 0) => {
         var x;
-        C === 0 && (l.parentId = b), l.depth += f, (x = l.children) == null || x.forEach((D) => {
-          d(D, C + 1);
+        p === 0 && (l.parentId = b), l.depth += f, (x = l.children) == null || x.forEach((D) => {
+          d(D, p + 1);
         });
       };
       m.forEach((l) => {
         d(l, 0);
       });
     }
-    c !== void 0 && p && (m = e[0], o = s + "." + I), a.updateData(m, o);
+    c !== void 0 && C && (m = e[0], o = u + "." + I), a.updateData(m, o);
   }, N = R((e, m) => {
     const o = e.item.value ?? {}, d = [];
     let l = e.item;
     for (d.push(l.index); l.parent; )
       d.push("children"), l = l.parent, d.push(l.index);
     d.reverse();
-    const x = s + "." + d.join(".") + ".value";
+    const x = u + "." + d.join(".") + ".value";
     o._treeItemDepth = e.item.depth, o._treeItemIndex = e.item.index, o._treeItemIndex1 = e.item.index + 1;
     const D = {};
     return D._treeAddCollapseButton = () => !!e.onCollapse && !!e.childCount && /* @__PURE__ */ h(
@@ -105,13 +107,13 @@ const ee = ({ props: t, path: r, datafield: n }) => {
               templatePath: x,
               sortableTreeData: D
             },
-            children: /* @__PURE__ */ h(H, { props: L, currentData: o })
+            children: /* @__PURE__ */ h(W, { props: L, currentData: o })
           }
         )
       }
     );
   }), j = _.cloneDeep(i), E = t.sortableTreeOptions ?? {};
-  return /* @__PURE__ */ h(O, { ...t, children: /* @__PURE__ */ h(
+  return /* @__PURE__ */ h(G, { ...t, children: /* @__PURE__ */ h(
     B,
     {
       ...E,
@@ -129,5 +131,5 @@ function J(t) {
   return r.reverse().join(" ");
 }
 export {
-  ee as FolderSortableTree
+  ae as FolderSortableTree
 };