@ea-lab/reactive-json 1.0.1 → 1.1.0

package/dist/component/action/CustomEventListener.js

@@ -0,0 +1,34 @@
+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 '../../assets/reset.css';/* empty css                   */
+import "../../index-NNBvIV0S.js";
+import { replaceEventPlaceholders as E } from "../../engine/utility/eventPlaceholderSystem.js";
+import "../../js-yaml-Bw0KO4XO.js";
+import "../../engine/ParsingDebugDisplay/ParsingDebugDisplay.js";
+const k = (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 {
+  k as CustomEventListener
+};

package/dist/component/action/ReactOnEvent.js

@@ -1,66 +1,47 @@
-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 '../../assets/reset.css';/* empty css                   */
+import "../../index-NNBvIV0S.js";
+import { replaceEventPlaceholders as R } from "../../engine/utility/eventPlaceholderSystem.js";
+import "../../js-yaml-Bw0KO4XO.js";
+import "../../engine/ParsingDebugDisplay/ParsingDebugDisplay.js";
+const I = (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
+  I 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/index.js

@@ -1,121 +1,123 @@
-import { HashChangeListener as r } from "./action/HashChangeListener.js";
-import { Hide as m } from "./action/Hide.js";
-import { MessageListener as x } from "./action/MessageListener.js";
-import { ReactOnEvent as a } from "./action/ReactOnEvent.js";
-import { Redirect as l } from "./action/Redirect.js";
-import { SetAttributeValue as s } from "./action/SetAttributeValue.js";
-import { ToggleAttributeValue as u } from "./action/ToggleAttributeValue.js";
-import { UnsetAttribute as c } from "./action/UnsetAttribute.js";
-import { UnsetAttributeValue as b } from "./action/UnsetAttributeValue.js";
-import { VisuallyHide as C } from "./action/VisuallyHide.js";
-import { coreDataMappingComponents as T } from "./dataMapping/index.js";
-import { coreDataProcessorComponents as H } from "./dataProcessor/index.js";
-import { coreElementComponents as M } from "./element/index.js";
-import { coreHookComponents as V } from "./hook/index.js";
-import { coreReactionComponents as E } from "./reaction/index.js";
-import { simpleMapping as k } from "./dataMapping/simpleMapping.js";
-import { VariablesDebug as L } from "./element/debug/VariablesDebug/VariablesDebug.js";
-import { Input as U } from "./element/form/Input.js";
-import { ColorField as B } from "./element/form/ColorField.js";
-import { DateField as J } from "./element/form/DateField.js";
-import { DateTimeField as q } from "./element/form/DateTimeField.js";
-import { EmailField as j } from "./element/form/EmailField.js";
-import { FileField as G } from "./element/form/FileField.js";
-import { HiddenField as Q } from "./element/form/HiddenField.js";
-import { MonthField as Y } from "./element/form/MonthField.js";
-import { NumberField as _ } from "./element/form/NumberField.js";
-import { PasswordField as ee } from "./element/form/PasswordField.js";
-import { RangeField as re } from "./element/form/RangeField.js";
-import { SearchField as me } from "./element/form/SearchField.js";
-import { TelField as xe } from "./element/form/TelField.js";
-import { TextField as ae } from "./element/form/TextField.js";
-import { TimeField as le } from "./element/form/TimeField.js";
-import { UrlField as se } from "./element/form/UrlField.js";
-import { WeekField as ue } from "./element/form/WeekField.js";
-import { FolderSortableTree as ce } from "./element/html/FolderSortableTree.js";
-import { FormatNumeral as be } from "./element/html/FormatNumeral.js";
-import { Html as Ce } from "./element/html/Html.js";
-import { LabelFromValue as Te } from "./element/html/LabelFromValue.js";
-import { PreformattedMarkup as He } from "./element/html/PreformattedMarkup.js";
-import { SortableTreeItemCollapseButton as Me } from "./element/html/SortableTreeItemCollapseButton.js";
-import { Count as Ve } from "./element/special/Count.js";
-import { DataFilter as Ee } from "./element/special/DataFilter.js";
-import { DelayedActions as ke, getReactionFunctionsToExecute as we } from "./element/special/DelayedActions.js";
-import { PageControls as Ne } from "./element/special/PageControls.js";
-import { Phantom as ye } from "./element/special/Phantom.js";
-import { ReactiveJsonBasicComponentWrapper as Ie } from "./element/special/ReactiveJsonBasicComponentWrapper.js";
-import { ReactiveJsonSubroot as We } from "./element/special/ReactiveJsonSubroot.js";
-import { Switch as Oe } from "./element/special/Switch.js";
-import { addData as ze } from "./reaction/addData.js";
-import { fetchData as Ke } from "./reaction/fetchData.js";
-import { e as Xe } from "../httpRequestCommon-DUo2Oxgl.js";
-import { moveData as Ze } from "./reaction/moveData.js";
-import { postMessage as $e } from "./reaction/postMessage.js";
-import { redirectNow as oo } from "./reaction/redirectNow.js";
-import { removeData as to } from "./reaction/removeData.js";
-import { setClipboardData as po } from "./reaction/setClipboardData.js";
-import { setData as fo } from "./reaction/setData.js";
-import { submitData as io } from "./reaction/submitData.js";
-import { triggerEvent as no } from "./reaction/triggerEvent.js";
+import { CustomEventListener as r } from "./action/CustomEventListener.js";
+import { HashChangeListener as m } from "./action/HashChangeListener.js";
+import { Hide as x } from "./action/Hide.js";
+import { MessageListener as a } from "./action/MessageListener.js";
+import { ReactOnEvent as l } from "./action/ReactOnEvent.js";
+import { Redirect as s } from "./action/Redirect.js";
+import { SetAttributeValue as u } from "./action/SetAttributeValue.js";
+import { ToggleAttributeValue as c } from "./action/ToggleAttributeValue.js";
+import { UnsetAttribute as b } from "./action/UnsetAttribute.js";
+import { UnsetAttributeValue as C } from "./action/UnsetAttributeValue.js";
+import { VisuallyHide as T } from "./action/VisuallyHide.js";
+import { coreDataMappingComponents as v } from "./dataMapping/index.js";
+import { coreDataProcessorComponents as E } from "./dataProcessor/index.js";
+import { coreElementComponents as S } from "./element/index.js";
+import { coreHookComponents as A } from "./hook/index.js";
+import { coreReactionComponents as L } from "./reaction/index.js";
+import { simpleMapping as w } from "./dataMapping/simpleMapping.js";
+import { VariablesDebug as U } from "./element/debug/VariablesDebug/VariablesDebug.js";
+import { Input as B } from "./element/form/Input.js";
+import { ColorField as J } from "./element/form/ColorField.js";
+import { DateField as q } from "./element/form/DateField.js";
+import { DateTimeField as j } from "./element/form/DateTimeField.js";
+import { EmailField as G } from "./element/form/EmailField.js";
+import { FileField as Q } from "./element/form/FileField.js";
+import { HiddenField as Y } from "./element/form/HiddenField.js";
+import { MonthField as _ } from "./element/form/MonthField.js";
+import { NumberField as ee } from "./element/form/NumberField.js";
+import { PasswordField as re } from "./element/form/PasswordField.js";
+import { RangeField as me } from "./element/form/RangeField.js";
+import { SearchField as xe } from "./element/form/SearchField.js";
+import { TelField as ae } from "./element/form/TelField.js";
+import { TextField as le } from "./element/form/TextField.js";
+import { TimeField as se } from "./element/form/TimeField.js";
+import { UrlField as ue } from "./element/form/UrlField.js";
+import { WeekField as ce } from "./element/form/WeekField.js";
+import { FolderSortableTree as be } from "./element/html/FolderSortableTree.js";
+import { FormatNumeral as Ce } from "./element/html/FormatNumeral.js";
+import { Html as Te } from "./element/html/Html.js";
+import { LabelFromValue as ve } from "./element/html/LabelFromValue.js";
+import { PreformattedMarkup as Ee } from "./element/html/PreformattedMarkup.js";
+import { SortableTreeItemCollapseButton as Se } from "./element/html/SortableTreeItemCollapseButton.js";
+import { Count as Ae } from "./element/special/Count.js";
+import { DataFilter as Le } from "./element/special/DataFilter.js";
+import { DelayedActions as we, getReactionFunctionsToExecute as Ne } from "./element/special/DelayedActions.js";
+import { PageControls as ye } from "./element/special/PageControls.js";
+import { Phantom as Ie } from "./element/special/Phantom.js";
+import { ReactiveJsonBasicComponentWrapper as We } from "./element/special/ReactiveJsonBasicComponentWrapper.js";
+import { ReactiveJsonSubroot as Oe } from "./element/special/ReactiveJsonSubroot.js";
+import { Switch as ze } from "./element/special/Switch.js";
+import { addData as Ke } from "./reaction/addData.js";
+import { fetchData as Xe } from "./reaction/fetchData.js";
+import { e as Ze } from "../httpRequestCommon-vfSMynsl.js";
+import { moveData as $e } from "./reaction/moveData.js";
+import { postMessage as oo } from "./reaction/postMessage.js";
+import { redirectNow as to } from "./reaction/redirectNow.js";
+import { removeData as po } from "./reaction/removeData.js";
+import { setClipboardData as fo } from "./reaction/setClipboardData.js";
+import { setData as io } from "./reaction/setData.js";
+import { submitData as no } from "./reaction/submitData.js";
+import { triggerEvent as uo } from "./reaction/triggerEvent.js";
 export {
-  B as ColorField,
-  Ve as Count,
-  Ee as DataFilter,
-  J as DateField,
-  q as DateTimeField,
-  ke as DelayedActions,
-  j as EmailField,
-  G as FileField,
-  ce as FolderSortableTree,
-  be as FormatNumeral,
-  r as HashChangeListener,
-  Q as HiddenField,
-  m as Hide,
-  Ce as Html,
-  U as Input,
-  Te as LabelFromValue,
-  x as MessageListener,
-  Y as MonthField,
-  _ as NumberField,
-  Ne as PageControls,
-  ee as PasswordField,
-  ye as Phantom,
-  He as PreformattedMarkup,
-  re as RangeField,
-  a as ReactOnEvent,
-  Ie as ReactiveJsonBasicComponentWrapper,
-  We as ReactiveJsonSubroot,
-  l as Redirect,
-  me as SearchField,
-  s as SetAttributeValue,
-  Me as SortableTreeItemCollapseButton,
-  Oe as Switch,
-  xe as TelField,
-  ae as TextField,
-  le as TimeField,
-  u as ToggleAttributeValue,
-  c as UnsetAttribute,
-  b as UnsetAttributeValue,
-  se as UrlField,
-  L as VariablesDebug,
-  C as VisuallyHide,
-  ue as WeekField,
-  ze as addData,
-  T as coreDataMappingComponents,
-  H as coreDataProcessorComponents,
-  M as coreElementComponents,
-  V as coreHookComponents,
-  E as coreReactionComponents,
-  Xe as executeHttpRequest,
-  Ke as fetchData,
-  we as getReactionFunctionsToExecute,
-  Ze as moveData,
-  $e as postMessage,
-  oo as redirectNow,
-  to as removeData,
-  po as setClipboardData,
-  fo as setData,
-  k as simpleMapping,
-  io as submitData,
-  no as triggerEvent
+  J as ColorField,
+  Ae as Count,
+  r as CustomEventListener,
+  Le as DataFilter,
+  q as DateField,
+  j as DateTimeField,
+  we as DelayedActions,
+  G as EmailField,
+  Q as FileField,
+  be as FolderSortableTree,
+  Ce as FormatNumeral,
+  m as HashChangeListener,
+  Y as HiddenField,
+  x as Hide,
+  Te as Html,
+  B as Input,
+  ve as LabelFromValue,
+  a as MessageListener,
+  _ as MonthField,
+  ee as NumberField,
+  ye as PageControls,
+  re as PasswordField,
+  Ie as Phantom,
+  Ee as PreformattedMarkup,
+  me as RangeField,
+  l as ReactOnEvent,
+  We as ReactiveJsonBasicComponentWrapper,
+  Oe as ReactiveJsonSubroot,
+  s as Redirect,
+  xe as SearchField,
+  u as SetAttributeValue,
+  Se as SortableTreeItemCollapseButton,
+  ze as Switch,
+  ae as TelField,
+  le as TextField,
+  se as TimeField,
+  c as ToggleAttributeValue,
+  b as UnsetAttribute,
+  C as UnsetAttributeValue,
+  ue as UrlField,
+  U as VariablesDebug,
+  T as VisuallyHide,
+  ce as WeekField,
+  Ke as addData,
+  v as coreDataMappingComponents,
+  E as coreDataProcessorComponents,
+  S as coreElementComponents,
+  A as coreHookComponents,
+  L as coreReactionComponents,
+  Ze as executeHttpRequest,
+  Xe as fetchData,
+  Ne as getReactionFunctionsToExecute,
+  $e as moveData,
+  oo as postMessage,
+  to as redirectNow,
+  po as removeData,
+  fo as setClipboardData,
+  io as setData,
+  w as simpleMapping,
+  no as submitData,
+  uo as triggerEvent
 };

package/dist/component/reaction/fetchData.js

@@ -1,4 +1,4 @@
-import { e as a } from "../../httpRequestCommon-DUo2Oxgl.js";
+import { e as a } from "../../httpRequestCommon-vfSMynsl.js";
 const c = (t) => {
   var e;
   a(

package/dist/component/reaction/index.js

@@ -8,7 +8,7 @@ import { setClipboardData as p } from "./setClipboardData.js";
 import { setData as i } from "./setData.js";
 import { submitData as f } from "./submitData.js";
 import { triggerEvent as s } from "./triggerEvent.js";
-import { e as q } from "../../httpRequestCommon-DUo2Oxgl.js";
+import { e as q } from "../../httpRequestCommon-vfSMynsl.js";
 const R = {
   addData: t,
   fetchData: o,

package/dist/component/reaction/submitData.js

@@ -1,4 +1,4 @@
-import { e as d } from "../../httpRequestCommon-DUo2Oxgl.js";
+import { e as d } from "../../httpRequestCommon-vfSMynsl.js";
 import { evaluateTemplateValue as D } from "../../engine/TemplateSystem.js";
 const x = (t) => {
   var m, o, s;

package/dist/component/reaction/utility/httpRequestCommon.js

@@ -1,4 +1,4 @@
-import { e as i } from "../../../httpRequestCommon-DUo2Oxgl.js";
+import { e as i } from "../../../httpRequestCommon-vfSMynsl.js";
 import "../../../engine/TemplateSystem.js";
 import "../../../engine/utility/alterData.js";
 import "../../../engine/utility/dataMappingSystem.js";

package/dist/component/reaction/utility/index.js

@@ -1,4 +1,4 @@
-import { e as o } from "../../../httpRequestCommon-DUo2Oxgl.js";
+import { e as o } from "../../../httpRequestCommon-vfSMynsl.js";
 export {
   o as executeHttpRequest
 };

package/dist/coreComponentsPlugin.js

@@ -1,4 +1,4 @@
-import { c as o } from "./index-BA09SSaJ.js";
+import { c as o } from "./index-BQyEEFVW.js";
 import { coreAttributeTransformerComponents as r } from "./component/attributeTransformer/index.js";
 import { coreDataMappingComponents as t } from "./component/dataMapping/index.js";
 import { coreDataProcessorComponents as e } from "./component/dataProcessor/index.js";