@ea-lab/reactive-json 1.0.1 → 1.1.1

package/dist/component/action/CustomEventListener.js

@@ -0,0 +1,33 @@
+import { useContext as l, useEffect as v } from "react";
+import { GlobalDataContext as C } from "../../engine/GlobalDataContext.js";
+import { TemplateContext as x } from "../../engine/TemplateContext.js";
+import "react/jsx-runtime";
+import "../../jsonpath-B9kE9k9e.js";
+import "../../lodash-CYNxjS-I.js";
+import "../../engine/EventDispatcherContext.js";
+import "../../engine/EventDispatcherProvider.js";
+import "../../engine/PaginationContext.js";
+import "../../dnd-kit-sortable-tree.esm-Cz1RJyIg.js";
+import "../../index-NNBvIV0S.js";
+import { replaceEventPlaceholders as E } from "../../engine/utility/eventPlaceholderSystem.js";
+import "../../js-yaml-Bw0KO4XO.js";
+import "../../engine/ParsingDebugDisplay/ParsingDebugDisplay.js";
+const j = (o) => {
+  const e = l(C), i = l(x), d = o.attributesHolderRef, n = e.plugins ?? {}, f = (n == null ? void 0 : n.reaction) ?? {}, t = (o == null ? void 0 : o.actionProps) ?? void 0;
+  return v(() => {
+    const p = t ?? void 0, m = (t == null ? void 0 : t.what) ?? void 0, c = (a) => {
+      const s = m && (f[m] ?? void 0);
+      if (s) {
+        const u = E(p, a);
+        s({ args: u, event: a, globalDataContext: e, templateContext: i });
+      }
+    }, r = d.current;
+    if (r)
+      return r.addEventListener(t.on, c), () => {
+        r.removeEventListener(t.on, c);
+      };
+  }, [e, t, i]), o.children;
+};
+export {
+  j as CustomEventListener
+};

package/dist/component/action/ReactOnEvent.js

@@ -1,66 +1,46 @@
-import { jsx as A, Fragment as C } from "react/jsx-runtime";
-import { useContext as E, Children as d, Fragment as h, isValidElement as j, cloneElement as k } from "react";
-import { GlobalDataContext as R } from "../../engine/GlobalDataContext.js";
-import { TemplateContext as L } from "../../engine/TemplateContext.js";
-const w = (s) => {
-  const f = E(R), g = E(L), a = f.plugins ?? {}, P = (a == null ? void 0 : a.reaction) ?? {}, { actionProps: y } = s, p = {}, u = "<reactive-json:event>", v = "<reactive-json:event-new-value>", F = (e) => {
-    if (e && e.target) {
-      const r = e.target;
-      if (r.type === "checkbox")
-        return r.checked;
-      if (r.type === "radio")
-        return r.checked ? r.value : void 0;
-      if (typeof r.value < "u")
-        return r.value;
-      if (typeof r.checked < "u")
-        return r.checked;
-    }
-  }, b = (e, r) => {
-    if (e === v)
-      return F(r);
-    if (typeof e != "string" || !e.startsWith(u))
-      return e;
-    let t = e.slice(u.length);
-    if (t.startsWith(".") && (t = t.slice(1)), !!t)
-      return t.split(".").reduce((n, o) => n ? n[o] : void 0, r);
-  }, i = (e, r) => {
-    if (Array.isArray(e))
-      return e.map((t) => i(t, r));
-    if (e && typeof e == "object") {
-      const t = {};
-      for (const [n, o] of Object.entries(e))
-        t[n] = i(o, r);
-      return t;
-    }
-    return b(e, r);
-  };
-  for (const [e, r] of Object.entries(y))
-    p[e] = (t) => {
-      let n = !0;
-      for (const o of r) {
-        if (!o)
+import { jsx as C, Fragment as b } from "react/jsx-runtime";
+import { useContext as f, Children as l, Fragment as v, isValidElement as y, cloneElement as A } from "react";
+import { GlobalDataContext as E } from "../../engine/GlobalDataContext.js";
+import "../../jsonpath-B9kE9k9e.js";
+import "../../lodash-CYNxjS-I.js";
+import { TemplateContext as j } from "../../engine/TemplateContext.js";
+import "../../engine/EventDispatcherContext.js";
+import "../../engine/EventDispatcherProvider.js";
+import "../../engine/PaginationContext.js";
+import "../../dnd-kit-sortable-tree.esm-Cz1RJyIg.js";
+import "../../index-NNBvIV0S.js";
+import { replaceEventPlaceholders as R } from "../../engine/utility/eventPlaceholderSystem.js";
+import "../../js-yaml-Bw0KO4XO.js";
+import "../../engine/ParsingDebugDisplay/ParsingDebugDisplay.js";
+const H = (p) => {
+  const s = f(E), g = f(j), e = s.plugins ?? {}, P = (e == null ? void 0 : e.reaction) ?? {}, { actionProps: F } = p, c = {};
+  for (const [o, a] of Object.entries(F))
+    c[o] = (t) => {
+      let r = !0;
+      for (const n of a) {
+        if (!n)
           continue;
-        const m = o.what && (P[o.what] ?? null);
-        if (!m)
+        const u = n.what && (P[n.what] ?? null);
+        if (!u)
           continue;
-        const c = i(o, t);
-        if (m({ args: c, event: t, globalDataContext: f, templateContext: g }), c.stopPropagation === !0)
+        const i = R(n, t);
+        if (u({ args: i, event: t, globalDataContext: s, templateContext: g }), i.stopPropagation === !0)
           break;
-        n = c.stopPropagation ?? !0;
+        r = i.stopPropagation ?? !0;
       }
-      n !== !1 && t.stopPropagation();
+      r !== !1 && t.stopPropagation();
     };
-  const l = (e) => {
-    if (!e)
-      return e;
-    const r = d.toArray(e);
-    return d.map(r, (t) => {
-      var n;
-      return t.type === h ? l((n = t == null ? void 0 : t.props) == null ? void 0 : n.children) : typeof t != "object" || !j(t) ? t : k(t, p);
+  const m = (o) => {
+    if (!o)
+      return o;
+    const a = l.toArray(o);
+    return l.map(a, (t) => {
+      var r;
+      return t.type === v ? m((r = t == null ? void 0 : t.props) == null ? void 0 : r.children) : typeof t != "object" || !y(t) ? t : A(t, c);
     });
-  }, x = l(s.children);
-  return /* @__PURE__ */ A(C, { children: x });
+  }, x = m(p.children);
+  return /* @__PURE__ */ C(b, { children: x });
 };
 export {
-  w as ReactOnEvent
+  H as ReactOnEvent
 };

package/dist/component/action/index.js

@@ -1,22 +1,24 @@
-import { HashChangeListener as r } from "./HashChangeListener.js";
-import { Hide as f } from "./Hide.js";
-import { MessageListener as m } from "./MessageListener.js";
-import { ReactOnEvent as x } from "./ReactOnEvent.js";
-import { Redirect as s } from "./Redirect.js";
-import { SetAttributeValue as n } from "./SetAttributeValue.js";
-import { ToggleAttributeValue as b } from "./ToggleAttributeValue.js";
-import { UnsetAttribute as A } from "./UnsetAttribute.js";
-import { UnsetAttributeValue as d } from "./UnsetAttributeValue.js";
-import { VisuallyHide as c } from "./VisuallyHide.js";
+import { CustomEventListener as r } from "./CustomEventListener.js";
+import { HashChangeListener as m } from "./HashChangeListener.js";
+import { Hide as i } from "./Hide.js";
+import { MessageListener as x } from "./MessageListener.js";
+import { ReactOnEvent as n } from "./ReactOnEvent.js";
+import { Redirect as a } from "./Redirect.js";
+import { SetAttributeValue as b } from "./SetAttributeValue.js";
+import { ToggleAttributeValue as A } from "./ToggleAttributeValue.js";
+import { UnsetAttribute as d } from "./UnsetAttribute.js";
+import { UnsetAttributeValue as L } from "./UnsetAttributeValue.js";
+import { VisuallyHide as h } from "./VisuallyHide.js";
 export {
-  r as HashChangeListener,
-  f as Hide,
-  m as MessageListener,
-  x as ReactOnEvent,
-  s as Redirect,
-  n as SetAttributeValue,
-  b as ToggleAttributeValue,
-  A as UnsetAttribute,
-  d as UnsetAttributeValue,
-  c as VisuallyHide
+  r as CustomEventListener,
+  m as HashChangeListener,
+  i as Hide,
+  x as MessageListener,
+  n as ReactOnEvent,
+  a as Redirect,
+  b as SetAttributeValue,
+  A as ToggleAttributeValue,
+  d as UnsetAttribute,
+  L as UnsetAttributeValue,
+  h as VisuallyHide
 };

package/dist/component/attributeTransformer/setAttributeValue.js

@@ -10,27 +10,26 @@ import "../../engine/EventDispatcherProvider.js";
 import "../../engine/PaginationContext.js";
 import "../../dnd-kit-sortable-tree.esm-Cz1RJyIg.js";
 import { normalizeAttributeNameForReactJsx as d } from "../../engine/utility/reactJsxHelpers.js";
-import '../../assets/reset.css';/* empty css                   */
 import "../../index-NNBvIV0S.js";
 import "../../js-yaml-Bw0KO4XO.js";
 import "../../engine/ParsingDebugDisplay/ParsingDebugDisplay.js";
-const q = ({ attributes: e, globalDataContext: a, singleTransformProps: i, templateContext: l }) => {
+const k = ({ attributes: e, globalDataContext: p, singleTransformProps: i, templateContext: l }) => {
   const { name: n, mode: u = "append", value: c, preventDuplicateValues: s = !0, separator: r = " " } = i, t = v({
     valueToEvaluate: c,
-    globalDataContext: a,
+    globalDataContext: p,
     templateContext: l
   }), o = d(n);
   if (u === "replace")
     e[o] = t;
   else {
-    const m = e[o] || "", p = m ? m.split(r) : [];
-    if (!s || !p.includes(t)) {
-      const V = [...p, t];
+    const a = e[o] || "", m = a ? a.split(r) : [];
+    if (!s || !m.includes(t)) {
+      const V = [...m, t];
       e[o] = V.join(r);
     }
   }
   return e;
 };
 export {
-  q as setAttributeValue
+  k as setAttributeValue
 };

package/dist/component/attributeTransformer/toggleAttributeValue.js

@@ -10,38 +10,37 @@ import "../../engine/EventDispatcherProvider.js";
 import "../../engine/PaginationContext.js";
 import "../../dnd-kit-sortable-tree.esm-Cz1RJyIg.js";
 import { normalizeAttributeNameForReactJsx as A } from "../../engine/utility/reactJsxHelpers.js";
-import '../../assets/reset.css';/* empty css                   */
 import "../../index-NNBvIV0S.js";
 import "../../js-yaml-Bw0KO4XO.js";
 import "../../engine/ParsingDebugDisplay/ParsingDebugDisplay.js";
-const B = ({ attributes: o, globalDataContext: V, singleTransformProps: x, templateContext: g }) => {
-  const { name: p, value: m, separator: u = " ", keepAttributeWhenEmpty: h = !1 } = x || {};
-  if (!p || m === void 0)
+const q = ({ attributes: o, globalDataContext: V, singleTransformProps: x, templateContext: g }) => {
+  const { name: p, value: u, separator: m = " ", keepAttributeWhenEmpty: h = !1 } = x || {};
+  if (!p || u === void 0)
     return o;
   const s = v({
-    valueToEvaluate: m,
+    valueToEvaluate: u,
     globalDataContext: V,
     templateContext: g
-  }), n = A(p), f = o[n] || "";
-  let l = [...f ? f.split(u).filter((e) => e.trim() !== "") : []];
+  }), i = A(p), f = o[i] || "";
+  let l = [...f ? f.split(m).filter((e) => e.trim() !== "") : []];
   if (Array.isArray(s)) {
     const e = s.map((t) => String(t));
     if (e.length === 0)
       return o;
     if (e.length === 1) {
-      const t = e[0], i = l.indexOf(t);
-      i > -1 ? l.splice(i, 1) : t !== "" && l.push(t);
+      const t = e[0], n = l.indexOf(t);
+      n > -1 ? l.splice(n, 1) : t !== "" && l.push(t);
     } else {
-      let t = -1, i = -1;
+      let t = -1, n = -1;
       for (let r = 0; r < e.length; r++) {
         const a = e[r], d = l.indexOf(a);
         if (d > -1) {
-          t = d, i = r;
+          t = d, n = r;
           break;
         }
       }
       if (t > -1) {
-        const r = (i + 1) % e.length, a = e[r];
+        const r = (n + 1) % e.length, a = e[r];
         l.splice(t, 1), a !== "" && l.push(a);
       } else {
         const r = e[0];
@@ -52,9 +51,9 @@ const B = ({ attributes: o, globalDataContext: V, singleTransformProps: x, templ
     const e = String(s), t = l.indexOf(e);
     t > -1 ? l.splice(t, 1) : l.push(e);
   }
-  const c = l.join(u);
-  return c.trim() === "" ? h ? o[n] = "" : delete o[n] : o[n] = c, o;
+  const c = l.join(m);
+  return c.trim() === "" ? h ? o[i] = "" : delete o[i] : o[i] = c, o;
 };
 export {
-  B as toggleAttributeValue
+  q as toggleAttributeValue
 };

package/dist/component/attributeTransformer/unsetAttributeValue.js

@@ -10,12 +10,11 @@ import "../../engine/EventDispatcherProvider.js";
 import "../../engine/PaginationContext.js";
 import "../../dnd-kit-sortable-tree.esm-Cz1RJyIg.js";
 import { normalizeAttributeNameForReactJsx as w } from "../../engine/utility/reactJsxHelpers.js";
-import '../../assets/reset.css';/* empty css                   */
 import "../../index-NNBvIV0S.js";
 import "../../js-yaml-Bw0KO4XO.js";
 import "../../engine/ParsingDebugDisplay/ParsingDebugDisplay.js";
-const B = ({ attributes: t, globalDataContext: l, singleTransformProps: A, templateContext: a }) => {
-  const { name: s, value: m, separator: p = " ", unsetAllOccurrences: C, unsetCount: c } = A || {};
+const y = ({ attributes: t, globalDataContext: l, singleTransformProps: A, templateContext: a }) => {
+  const { name: s, value: m, separator: c = " ", unsetAllOccurrences: C, unsetCount: p } = A || {};
   if (!s || m === void 0)
     return t;
   const n = String(
@@ -24,14 +23,14 @@ const B = ({ attributes: t, globalDataContext: l, singleTransformProps: A, templ
       globalDataContext: l,
       templateContext: a
     })
-  ), u = c !== void 0 ? V({
-    valueToEvaluate: c,
+  ), u = p !== void 0 ? V({
+    valueToEvaluate: p,
     globalDataContext: l,
     templateContext: a
   }) : void 0, i = w(s), f = t[i] || "";
   if (!f)
     return t;
-  let e = [...f.split(p)];
+  let e = [...f.split(c)];
   (() => {
     if (C === !0) {
       e = e.filter((r) => r !== n);
@@ -53,9 +52,9 @@ const B = ({ attributes: t, globalDataContext: l, singleTransformProps: A, templ
     let d = 0;
     e = e.reverse().filter((r) => r === n && d < N ? (d++, !1) : !0).reverse();
   })();
-  const v = e.join(p);
+  const v = e.join(c);
   return v.trim() === "" ? delete t[i] : t[i] = v, t;
 };
 export {
-  B as unsetAttributeValue
+  y as unsetAttributeValue
 };

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

@@ -12,12 +12,11 @@ import "../../../../index-NNBvIV0S.js";
 import "../../../../jsonpath-B9kE9k9e.js";
 import "../../../../js-yaml-Bw0KO4XO.js";
 import "../../../../engine/ParsingDebugDisplay/ParsingDebugDisplay.js";
-import { DebugMode as r } from "./DebugMode.enum.js";
+import { DebugMode as c } 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", 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 = {
+import '../../../../assets/VariablesDebug.css';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,
@@ -31,8 +30,8 @@ const O = "_debugRoot_1ny7q_1", j = "_container_1ny7q_16", k = "_expanded_1ny7q_
   copyBtnSuccess: V,
   copyBtnError: F,
   info: W
-}, pt = ({ props: v }) => {
-  const [c, u] = p(!1), [i, _] = p(r.LIST), o = B($), d = g(null), [y, S] = p(null), f = g(null);
+}, dt = ({ props: v }) => {
+  const [r, u] = p(!1), [i, _] = p(c.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");
@@ -42,7 +41,7 @@ const O = "_debugRoot_1ny7q_1", j = "_container_1ny7q_16", k = "_expanded_1ny7q_
     const t = d.current;
     try {
       if (await navigator.clipboard.writeText(
-        i === r.JSON ? b : h.map((s) => `${s.path}: ${JSON.stringify(s.value)}`).join(`
+        i === c.JSON ? b : h.map((s) => `${s.path}: ${JSON.stringify(s.value)}`).join(`
 `)
       ), !t) return;
       t.classList.add(n.copyBtnSuccess), t.textContent = "Copied!", setTimeout(() => {
@@ -57,7 +56,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} ${c ? n.expanded : ""}`,
+      className: `${n.container} ${r ? n.expanded : ""}`,
       onClick: () => u((t) => !t),
       role: "button",
       ref: f,
@@ -68,20 +67,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: [
-            c && /* @__PURE__ */ a(x, { children: [
+            r && /* @__PURE__ */ a(x, { children: [
               /* @__PURE__ */ e(
                 "button",
                 {
-                  className: `${n.btn} ${i === r.LIST ? n.active : ""}`,
-                  onClick: () => _(r.LIST),
+                  className: `${n.btn} ${i === c.LIST ? n.active : ""}`,
+                  onClick: () => _(c.LIST),
                   children: "List"
                 }
               ),
               /* @__PURE__ */ e(
                 "button",
                 {
-                  className: `${n.btn} ${i === r.JSON ? n.active : ""}`,
-                  onClick: () => _(r.JSON),
+                  className: `${n.btn} ${i === c.JSON ? n.active : ""}`,
+                  onClick: () => _(c.JSON),
                   children: "JSON"
                 }
               )
@@ -91,10 +90,10 @@ const O = "_debugRoot_1ny7q_1", j = "_container_1ny7q_16", k = "_expanded_1ny7q_
               {
                 className: n.btn,
                 onClick: () => u((t) => !t),
-                children: c ? "Collapse" : "Expand"
+                children: r ? "Collapse" : "Expand"
               }
             ),
-            c && /* @__PURE__ */ e(
+            r && /* @__PURE__ */ e(
               "button",
               {
                 className: `${n.btn} ${n.copyBtn}`,
@@ -105,12 +104,12 @@ const O = "_debugRoot_1ny7q_1", j = "_container_1ny7q_16", k = "_expanded_1ny7q_
             )
           ] })
         ] }),
-        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 }) })
+        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 }) })
       ]
     }
   ) });
   return y ? E.createPortal(N, y) : null;
 };
 export {
-  pt as VariablesDebug
+  dt as VariablesDebug
 };