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

package/dist/component/element/special/Count.js

@@ -1,14 +1,25 @@
-import { o as x } from "../../../VariablesDebug-1UzZWgD7.js";
-import "react";
-import "../../../engine/GlobalDataContext.js";
-import "../../../engine/TemplateContext.js";
-import "../../../alterData-CjaFWyAA.js";
-import "react/jsx-runtime";
-import "../../../engine/EventDispatcherContext.js";
-import "../../../engine/EventDispatcherProvider.js";
-import "../../../engine/PaginationContext.js";
-import "../../../ParsingDebugDisplay-8f4yL4Jw.js";
-import "../../../engine/utility/parseRjBuild.js";
+import { J as x } from "../../../jsonpath-B9kE9k9e.js";
+import { useContext as t } from "react";
+import { GlobalDataContext as a } from "../../../engine/GlobalDataContext.js";
+import { TemplateContext as r } from "../../../engine/TemplateContext.js";
+import "../../../lodash-CYNxjS-I.js";
+import { maybeFormatString as C } from "../../../engine/utility/formatString.js";
+import "../../../js-yaml-Bw0KO4XO.js";
+const j = ({ props: l }) => {
+  const s = t(a), m = t(r), { context: e = "global", jsonPathPattern: o } = l, n = t(e === "template" ? r : a);
+  if (!o)
+    return null;
+  const c = C(
+    {
+      templateContexts: {
+        globalDataContext: s,
+        templateContext: m
+      }
+    },
+    o
+  ), p = e === "root" ? n.getRootContext().templateData : n.templateData;
+  return x.query(p, c).length;
+};
 export {
-  x as Count
+  j as Count
 };

package/dist/component/element/special/DataFilter.js

@@ -1,8 +1,78 @@
-import "react/jsx-runtime";
-import "react";
-import { q as a } from "../../../VariablesDebug-1UzZWgD7.js";
-import "../../../engine/GlobalDataContext.js";
-import "../../../engine/TemplateContext.js";
+import { jsx as a } from "react/jsx-runtime";
+import { useContext as b } from "react";
+import { isValid as P } from "../../../engine/Actions.js";
+import { GlobalDataContext as D } from "../../../engine/GlobalDataContext.js";
+import { TemplateContext as x } from "../../../engine/TemplateContext.js";
+import { V as v } from "../../../View-D8TN1L2h.js";
+const W = (t) => {
+  var u, f;
+  const o = b(D), e = b(x), n = { globalDataContext: o, templateContext: e }, { contextToFilter: l = "global", filters: y = [] } = t.props, s = (p) => {
+    if (!p)
+      return !0;
+    for (const r of y) {
+      const m = (r == null ? void 0 : r.subjectsWithProperty) ?? void 0;
+      if (!m || !p.hasOwnProperty(m))
+        continue;
+      if (!P(r, n, /* @__PURE__ */ new Map([
+        [
+          "whenFilterableData",
+          ({ condition: C }) => {
+            const w = C.whenFilterableData.split(".");
+            let i = p;
+            for (const h of w) {
+              const d = parseInt(h);
+              if (i = i[isNaN(d) ? h : d], i === void 0)
+                return;
+            }
+            return i;
+          }
+        ]
+      ])))
+        return !1;
+    }
+    return !0;
+  };
+  switch (l) {
+    case "template":
+      return e.templateData = c(e.templateData, s), e.templatePath = t.path, /* @__PURE__ */ a(x.Provider, { value: e, children: /* @__PURE__ */ a(
+        v,
+        {
+          props: t.props.content,
+          path: t.path + ".content",
+          datafield: "content",
+          currentData: ((u = t.currentData) == null ? void 0 : u.content) ?? void 0
+        }
+      ) });
+    case "global":
+    default:
+      return o.templateData = c(o.templateData, s), /* @__PURE__ */ a(D.Provider, { value: o, children: /* @__PURE__ */ a(
+        v,
+        {
+          props: t.props.content,
+          path: t.path + ".content",
+          datafield: "content",
+          currentData: ((f = t.currentData) == null ? void 0 : f.content) ?? void 0
+        }
+      ) });
+  }
+}, c = (t, o) => {
+  if (Array.isArray(t)) {
+    const e = {};
+    return t.forEach((n, l) => {
+      o(n) && (e[l] = c(n, o));
+    }), e;
+  } else if (typeof t == "object" && t !== null) {
+    const e = {};
+    for (const n in t)
+      if (t.hasOwnProperty(n)) {
+        if (!o(t[n]))
+          continue;
+        e[n] = c(t[n], o);
+      }
+    return e;
+  } else
+    return t;
+};
 export {
-  a as DataFilter
+  W as DataFilter
 };

package/dist/component/element/special/DelayedActions.js

@@ -1,9 +1,49 @@
-import "react/jsx-runtime";
-import { t as p, u as a } from "../../../VariablesDebug-1UzZWgD7.js";
-import "../../../engine/GlobalDataContext.js";
-import "../../../engine/TemplateContext.js";
-import "react";
+import { jsx as d } from "react/jsx-runtime";
+import { useContext as m, useEffect as x } from "react";
+import { ActionDependant as v, isValid as A } from "../../../engine/Actions.js";
+import { GlobalDataContext as F } from "../../../engine/GlobalDataContext.js";
+import { TemplateContext as h } from "../../../engine/TemplateContext.js";
+import { V as y } from "../../../View-D8TN1L2h.js";
+const V = ({ props: t, currentData: e, path: i }) => {
+  const c = m(F), n = m(h), a = Array.isArray(t.delayedActions) ? t.delayedActions : [], o = { globalDataContext: c, templateContext: n };
+  return x(() => {
+    if (!t.interval)
+      return;
+    const r = setInterval(() => {
+      const l = g(a, o);
+      for (let u = 0; u < l.length; ++u) {
+        const s = l[u];
+        if (!s)
+          continue;
+        const f = s.what && (reactionFunctions[s.what] ?? null);
+        f && f({ args: s, globalDataContext: c, templateContext: n });
+      }
+      t.once && clearInterval(r);
+    }, t.interval);
+    return () => clearInterval(r);
+  }, [c, n]), /* @__PURE__ */ d(v, { ...t, children: t.content && /* @__PURE__ */ d(
+    y,
+    {
+      props: t.content,
+      currentData: (e == null ? void 0 : e.content) ?? void 0,
+      datafield: "content",
+      path: i + ".content"
+    }
+  ) });
+}, g = (t, e) => {
+  const i = [];
+  if (!Array.isArray(t))
+    return i;
+  const { globalDataContext: c } = e, n = c.plugins ?? {}, a = (n == null ? void 0 : n.reaction) ?? {};
+  if (!a)
+    return i;
+  for (const [, o] of t.entries()) {
+    const r = (o == null ? void 0 : o.what) ?? void 0;
+    !r || !(a[r] ?? void 0) || A(o, e) && i.push(o);
+  }
+  return i;
+};
 export {
-  p as DelayedActions,
-  a as getReactionFunctionsToExecute
+  V as DelayedActions,
+  g as getReactionFunctionsToExecute
 };

package/dist/component/element/special/Phantom.js

@@ -1,5 +1,15 @@
-import "react/jsx-runtime";
-import { v as t } from "../../../VariablesDebug-1UzZWgD7.js";
+import { jsx as n } from "react/jsx-runtime";
+import { ActionDependant as i } from "../../../engine/Actions.js";
+import { V as m } from "../../../View-D8TN1L2h.js";
+const p = ({ props: o, currentData: t, path: e }) => /* @__PURE__ */ n(i, { ...o, children: o.content && /* @__PURE__ */ n(
+  m,
+  {
+    props: o.content,
+    currentData: (t == null ? void 0 : t.content) ?? void 0,
+    datafield: "content",
+    path: e + ".content"
+  }
+) });
 export {
-  t as Phantom
+  p as Phantom
 };

package/dist/component/element/special/ReactiveJsonBasicComponentWrapper.js

@@ -0,0 +1,32 @@
+import { jsx as r } from "react/jsx-runtime";
+import { ActionDependant as m } from "../../../engine/Actions.js";
+import "../../../engine/EventDispatcherContext.js";
+import "../../../engine/EventDispatcherProvider.js";
+import "../../../engine/GlobalDataContext.js";
+import "../../../engine/PaginationContext.js";
+import "../../../lodash-CYNxjS-I.js";
+import "react";
+import "../../../dnd-kit-sortable-tree.esm-Cz1RJyIg.js";
+import "../../../engine/TemplateContext.js";
+import { useEvaluatedAttributes as p } from "../../../engine/TemplateSystem.js";
+import '../../../assets/reset.css';/* empty css                      */
+import { V as a } from "../../../View-D8TN1L2h.js";
+import "../../../index-NNBvIV0S.js";
+import "../../../jsonpath-B9kE9k9e.js";
+import "../../../js-yaml-Bw0KO4XO.js";
+import "../../../engine/ParsingDebugDisplay/ParsingDebugDisplay.js";
+function R({ props: t, currentData: i, path: e, reactComponent: o }) {
+  const n = p(t.attributes);
+  return o ? /* @__PURE__ */ r(m, { ...t, children: /* @__PURE__ */ r(o, { ...n, children: t.content && /* @__PURE__ */ r(
+    a,
+    {
+      currentData: i.content ?? void 0,
+      datafield: "content",
+      path: e + ".content",
+      props: t.content
+    }
+  ) }) }) : null;
+}
+export {
+  R as ReactiveJsonBasicComponentWrapper
+};

package/dist/component/element/special/ReactiveJsonSubroot.js

@@ -1,13 +1,16 @@
 import "react/jsx-runtime";
-import { w as f } from "../../../VariablesDebug-1UzZWgD7.js";
+import "../../../engine/Actions.js";
 import "../../../engine/EventDispatcherContext.js";
 import "../../../engine/EventDispatcherProvider.js";
 import "../../../engine/GlobalDataContext.js";
 import "../../../engine/PaginationContext.js";
-import "react";
+import { R as u } from "../../../index-BYLJtf9L.js";
 import "../../../engine/TemplateContext.js";
-import "../../../alterData-CjaFWyAA.js";
-import "../../../engine/utility/parseRjBuild.js";
+import "../../../engine/TemplateSystem.js";
+import "../../../lodash-CYNxjS-I.js";
+import "../../../engine/utility/analyzeDataOverrideReferences.js";
+import "../../../js-yaml-Bw0KO4XO.js";
+import "react";
 export {
-  f as ReactiveJsonSubroot
+  u as ReactiveJsonSubroot
 };

package/dist/component/element/special/Switch.js

@@ -1,10 +1,82 @@
-import "react/jsx-runtime";
-import "react";
-import { x as c } from "../../../VariablesDebug-1UzZWgD7.js";
-import "../../../engine/GlobalDataContext.js";
-import "../../../engine/PaginationContext.js";
-import "../../../engine/TemplateContext.js";
-import "../../../usePagination-Bb6lefHG.js";
+import { jsx as a, jsxs as y, Fragment as W } from "react/jsx-runtime";
+import { useContext as T, createElement as A } from "react";
+import { ActionDependant as L } from "../../../engine/Actions.js";
+import { GlobalDataContext as k } from "../../../engine/GlobalDataContext.js";
+import { PaginationContext as z } from "../../../engine/PaginationContext.js";
+import { TemplateContext as B } from "../../../engine/TemplateContext.js";
+import { evaluateTemplateValue as F, isTemplateValue as G, dataLocationToPath as K, evaluateAttributes as R } from "../../../engine/TemplateSystem.js";
+import { V as x } from "../../../View-D8TN1L2h.js";
+import { usePagination as q } from "../../hook/usePagination.js";
+const _ = ({ props: t, currentData: e, path: f }) => {
+  const m = T(k), i = T(B), g = (t == null ? void 0 : t.cardinality) ?? -1, V = (t == null ? void 0 : t.options) ?? [], h = (t == null ? void 0 : t.singleOption) ?? void 0, C = !!h, l = (t == null ? void 0 : t.content) ?? null, P = l && F({
+    globalDataContext: m,
+    templateContext: i,
+    valueToEvaluate: l
+  }), u = Object.entries(typeof P == "object" ? P : e).map(([I, n]) => {
+    const o = I;
+    if (g >= 1 && o >= g || !n || typeof n != "object")
+      return null;
+    let c, b, d;
+    if (C)
+      b = n, d = h;
+    else {
+      if (c = Object.keys(n)[0] ?? void 0, c === void 0)
+        return null;
+      b = Object.values(n)[0] ?? void 0, d = V[c] ?? void 0;
+    }
+    if (d === void 0)
+      return null;
+    let S = (G(l) && K({
+      dataLocation: l,
+      currentPath: i.templatePath,
+      globalDataContext: m,
+      templateContext: i
+    }) || f) + "." + o;
+    return C || (S += "." + c), /* @__PURE__ */ a(
+      x,
+      {
+        currentData: b,
+        datafield: o,
+        path: S,
+        props: d
+      },
+      o
+    );
+  }), v = q({
+    dataToPaginate: u,
+    ...(t == null ? void 0 : t.paginationProps) ?? {}
+  }), j = t != null && t.paginated ? u.slice(v.firstShownItemIndex, v.maxShownItemIndexExcluded) : u, w = t != null && t.contentWrapper ? A(
+    t.contentWrapper.tag ?? "div",
+    R({
+      attrs: t.contentWrapper.attributes ?? {},
+      globalDataContext: m,
+      options: { normalizeBeforeEvaluation: !0 },
+      templateContext: i
+    }),
+    j
+  ) : j, O = /* @__PURE__ */ y(W, { children: [
+    (t == null ? void 0 : t.before) && /* @__PURE__ */ a(
+      x,
+      {
+        currentData: (e == null ? void 0 : e.before) ?? void 0,
+        path: f + ".before",
+        datafield: "before",
+        props: t == null ? void 0 : t.before
+      }
+    ),
+    w,
+    (t == null ? void 0 : t.after) && /* @__PURE__ */ a(
+      x,
+      {
+        currentData: (e == null ? void 0 : e.after) ?? void 0,
+        path: f + ".after",
+        datafield: "after",
+        props: t == null ? void 0 : t.after
+      }
+    )
+  ] });
+  return /* @__PURE__ */ a(L, { ...t, children: t != null && t.paginated ? /* @__PURE__ */ a(z.Provider, { value: { pagination: v }, children: O }) : O });
+};
 export {
-  c as Switch
+  _ as Switch
 };

package/dist/component/element/special/index.js

@@ -1,13 +1,19 @@
-import { B as a, o as e, q as s, t as n, v as r, w as c, x as i, u } from "../../../VariablesDebug-1UzZWgD7.js";
-import { PageControls as m } from "./PageControls.js";
+import { Count as e } from "./Count.js";
+import { DataFilter as a } from "./DataFilter.js";
+import { DelayedActions as p, getReactionFunctionsToExecute as m } from "./DelayedActions.js";
+import { PageControls as c } from "./PageControls.js";
+import { Phantom as i } from "./Phantom.js";
+import { ReactiveJsonBasicComponentWrapper as u } from "./ReactiveJsonBasicComponentWrapper.js";
+import { R as l } from "../../../index-BYLJtf9L.js";
+import { Switch as g } from "./Switch.js";
 export {
-  a as BootstrapElement,
   e as Count,
-  s as DataFilter,
-  n as DelayedActions,
-  m as PageControls,
-  r as Phantom,
-  c as ReactiveJsonSubroot,
-  i as Switch,
-  u as getReactionFunctionsToExecute
+  a as DataFilter,
+  p as DelayedActions,
+  c as PageControls,
+  i as Phantom,
+  u as ReactiveJsonBasicComponentWrapper,
+  l as ReactiveJsonSubroot,
+  g as Switch,
+  m as getReactionFunctionsToExecute
 };

package/dist/component/hook/index.js

@@ -1,4 +1,4 @@
-import { u as e } from "../../usePagination-Bb6lefHG.js";
+import { usePagination as e } from "./usePagination.js";
 export {
   e as usePagination
 };

package/dist/component/hook/usePagination.js

@@ -1,6 +1,174 @@
-import "react/jsx-runtime";
-import "react";
-import { u as a } from "../../usePagination-Bb6lefHG.js";
+import { jsx as t, jsxs as A } from "react/jsx-runtime";
+import { useContext as w, useState as y } from "react";
+import { GlobalDataContext as j } from "../../engine/GlobalDataContext.js";
+import '../../assets/usePagination.css';const V = "_paginationContainer_1uiid_1", $ = "_paginationFirst_1uiid_11", S = "_paginationPrev_1uiid_12", q = "_paginationItem_1uiid_13", z = "_paginationNext_1uiid_14", H = "_paginationLast_1uiid_15", J = "_active_1uiid_71", K = "_paginationEllipsis_1uiid_83", r = {
+  paginationContainer: V,
+  paginationFirst: $,
+  paginationPrev: S,
+  paginationItem: q,
+  paginationNext: z,
+  paginationLast: H,
+  active: J,
+  paginationEllipsis: K
+}, ti = ({
+  customComponents: i = {},
+  containerProps: n = {},
+  dataToPaginate: e = [],
+  forcePaginationDisplay: o = !1,
+  itemProps: u = {},
+  maxPageButtonsCount: c = 5,
+  pageMaxItemCount: p = 10
+}) => {
+  var x;
+  const d = w(j), l = ((x = d == null ? void 0 : d.plugins) == null ? void 0 : x.pagination) ?? {}, E = i.Container ?? l.Container ?? O, F = i.First ?? l.First ?? Q, I = i.Prev ?? l.Prev ?? R, L = i.Item ?? l.Item ?? U, v = i.Ellipsis ?? l.Ellipsis ?? W, D = i.Next ?? l.Next ?? X, k = i.Last ?? l.Last ?? Y, [s, g] = y(0), f = Math.floor(c / 2), P = s * p, N = P + p, m = (a) => Math.ceil(a.length / p);
+  return {
+    firstShownItemIndex: P,
+    getPageCountForContent: m,
+    maxShownItemIndexExcluded: N,
+    PageControls: () => {
+      const a = m(e);
+      return !o && a <= 1 ? null : /* @__PURE__ */ A(E, { ...n, children: [
+        /* @__PURE__ */ t(
+          F,
+          {
+            disabled: s <= 0,
+            onClick: () => {
+              g(0);
+            }
+          }
+        ),
+        /* @__PURE__ */ t(
+          I,
+          {
+            disabled: s <= 0,
+            onClick: () => {
+              g(s - 1);
+            }
+          }
+        ),
+        Math.min(s - f, a - c) > 0 ? /* @__PURE__ */ t(v, { disabled: !0 }) : null,
+        (() => {
+          const C = [];
+          let _ = Math.min(
+            Math.max(0, a - c),
+            Math.max(0, s - f)
+          ), b = c;
+          const M = (h, G) => {
+            C.push(
+              /* @__PURE__ */ t(
+                L,
+                {
+                  active: s === h,
+                  onClick: () => {
+                    g(h);
+                  },
+                  ...u,
+                  children: h + 1
+                },
+                c - G
+              )
+            );
+          };
+          for (; b && (M(_, b), ++_, --b, !(_ >= a)); )
+            ;
+          return C;
+        })(),
+        a > Math.max(f, s) + Math.ceil(c / 2) ? /* @__PURE__ */ t(v, { disabled: !0 }) : null,
+        /* @__PURE__ */ t(
+          D,
+          {
+            disabled: s + 1 >= a,
+            onClick: () => {
+              g(s + 1);
+            }
+          }
+        ),
+        /* @__PURE__ */ t(
+          k,
+          {
+            disabled: s + 1 >= a,
+            onClick: () => {
+              g(a - 1);
+            }
+          }
+        )
+      ] });
+    },
+    pageMaxItemCount: p,
+    sliceVisibleContent: (a) => Array.isArray(a) ? a.slice(P, N) : a
+  };
+};
+function O({ children: i, ...n }) {
+  return /* @__PURE__ */ t("nav", { "aria-label": "Pagination", ...n, children: /* @__PURE__ */ t("div", { className: r.paginationContainer, children: i }) });
+}
+function Q({ disabled: i, onClick: n, children: e, ...o }) {
+  return /* @__PURE__ */ t(
+    "button",
+    {
+      disabled: i,
+      onClick: n,
+      className: r.paginationFirst,
+      "aria-label": "Go to first page",
+      ...o,
+      children: e ?? "«"
+    }
+  );
+}
+function R({ disabled: i, onClick: n, children: e, ...o }) {
+  return /* @__PURE__ */ t(
+    "button",
+    {
+      disabled: i,
+      onClick: n,
+      className: r.paginationPrev,
+      "aria-label": "Go to previous page",
+      ...o,
+      children: e ?? "‹"
+    }
+  );
+}
+function U({ active: i, disabled: n, onClick: e, children: o, ...u }) {
+  return /* @__PURE__ */ t(
+    "button",
+    {
+      disabled: n,
+      onClick: e,
+      "aria-current": i ? "page" : void 0,
+      className: `${r.paginationItem} ${i ? r.active : ""}`,
+      ...u,
+      children: o
+    }
+  );
+}
+function W({ children: i, ...n }) {
+  return /* @__PURE__ */ t("span", { className: r.paginationEllipsis, ...n, children: i ?? "…" });
+}
+function X({ disabled: i, onClick: n, children: e, ...o }) {
+  return /* @__PURE__ */ t(
+    "button",
+    {
+      disabled: i,
+      onClick: n,
+      className: r.paginationNext,
+      "aria-label": "Go to next page",
+      ...o,
+      children: e ?? "›"
+    }
+  );
+}
+function Y({ disabled: i, onClick: n, children: e, ...o }) {
+  return /* @__PURE__ */ t(
+    "button",
+    {
+      disabled: i,
+      onClick: n,
+      className: r.paginationLast,
+      "aria-label": "Go to last page",
+      ...o,
+      children: e ?? "»"
+    }
+  );
+}
 export {
-  a as usePagination
+  ti as usePagination
 };