@ea-lab/reactive-json 0.0.22 → 0.0.24

package/dist/engine/TemplateContext.js

@@ -0,0 +1,5 @@
+import { createContext as t } from "react";
+const o = t({});
+export {
+  o as TemplateContext
+};

package/dist/engine/TemplateSystem.js

@@ -0,0 +1,13 @@
+import "react";
+import "./GlobalDataContext.js";
+import "./TemplateContext.js";
+import { J as u, _ as o, K as i, N as m, O as p, Q as r, U as v } from "../HashChangeListener-DfQ_3Guk.js";
+export {
+  u as dataLocationToPath,
+  o as default,
+  i as evaluateAttributes,
+  m as evaluateTemplateValue,
+  p as evaluateTemplateValueCollection,
+  r as isTemplateValue,
+  v as useEvaluatedAttributes
+};

package/dist/engine/View.js

@@ -0,0 +1,10 @@
+import "react/jsx-runtime";
+import "react";
+import { V as a } from "../HashChangeListener-DfQ_3Guk.js";
+import "../NumberField-BCFUb50M.js";
+import "../component/element/special/PageControls.js";
+import "./GlobalDataContext.js";
+import "./TemplateContext.js";
+export {
+  a as View
+};

package/dist/engine/index.js

@@ -0,0 +1,32 @@
+import { I as o, V as a, J as r, K as n, N as i, O as l, Q as s, G as p, U as m } from "../HashChangeListener-DfQ_3Guk.js";
+import { mergeComponentCollections as v } from "./ComponentCollector.js";
+import { EventDispatcherContext as u } from "./EventDispatcherContext.js";
+import { EventDispatcherProvider as C, addEventListener as c, removeEventListener as P } from "./EventDispatcherProvider.js";
+import { GlobalDataContext as D } from "./GlobalDataContext.js";
+import { GlobalDataContextProvider as T } from "./GlobalDataContextProvider.js";
+import { PaginationContext as g } from "./PaginationContext.js";
+import { PaginationProvider as A } from "./PaginationProvider.js";
+import { ReactiveJsonRoot as L } from "./ReactiveJsonRoot.js";
+import { TemplateContext as R } from "./TemplateContext.js";
+export {
+  o as ActionDependant,
+  u as EventDispatcherContext,
+  C as EventDispatcherProvider,
+  D as GlobalDataContext,
+  T as GlobalDataContextProvider,
+  g as PaginationContext,
+  A as PaginationProvider,
+  L as ReactiveJsonRoot,
+  R as TemplateContext,
+  a as View,
+  c as addEventListener,
+  r as dataLocationToPath,
+  n as evaluateAttributes,
+  i as evaluateTemplateValue,
+  l as evaluateTemplateValueCollection,
+  s as isTemplateValue,
+  p as isValid,
+  v as mergeComponentCollections,
+  P as removeEventListener,
+  m as useEvaluatedAttributes
+};

package/dist/engine/utility/formatString.js

@@ -0,0 +1,5 @@
+import { Y as t, Z as m } from "../../HashChangeListener-DfQ_3Guk.js";
+export {
+  t as formatString,
+  m as maybeFormatString
+};

package/dist/engine/utility/stringToBoolean.js

@@ -0,0 +1,26 @@
+function f(e) {
+  var o;
+  if (!e)
+    return !1;
+  if (typeof e == "boolean")
+    return e;
+  if (typeof e != "string")
+    return !0;
+  switch ((o = e == null ? void 0 : e.toLowerCase()) == null ? void 0 : o.trim()) {
+    case "true":
+    case "yes":
+    case "1":
+      return !0;
+    case "false":
+    case "no":
+    case "0":
+    case "null":
+    case "undefined":
+      return !1;
+    default:
+      return e.length > 0;
+  }
+}
+export {
+  f as stringToBoolean
+};

package/dist/main.js

@@ -0,0 +1,83 @@
+import { A as t, I as o, B as s, C as r, j as i, k as n, D as l, l as m, F as p, d, H as x, e as u, L as c, M as f, f as v, o as D, P as C, g as F, R as T, a as b, S as P, h as g, q as h, i as E, b as A, c as V, T as L, V as R, s as H, J as M, K as N, N as S, O as w, t as B, m as k, Q as y, G, u as I, n as J, v as z, p as O, r as j, w as q, x as K, y as Q, z as U, E as W, U as X } from "./HashChangeListener-DfQ_3Guk.js";
+import { Hide as Z } from "./component/action/Hide.js";
+import { VisuallyHide as $ } from "./component/action/VisuallyHide.js";
+import { N as ae } from "./NumberField-BCFUb50M.js";
+import { PageControls as oe } from "./component/element/special/PageControls.js";
+import { u as re } from "./usePagination-B0yFkBzE.js";
+import { triggerEvent as ne } from "./component/reaction/triggerEvent.js";
+import { mergeComponentCollections as me } from "./engine/ComponentCollector.js";
+import { EventDispatcherContext as de } from "./engine/EventDispatcherContext.js";
+import { EventDispatcherProvider as ue, addEventListener as ce, removeEventListener as fe } from "./engine/EventDispatcherProvider.js";
+import { GlobalDataContext as De } from "./engine/GlobalDataContext.js";
+import { GlobalDataContextProvider as Fe } from "./engine/GlobalDataContextProvider.js";
+import { PaginationContext as be } from "./engine/PaginationContext.js";
+import { PaginationProvider as ge } from "./engine/PaginationProvider.js";
+import { ReactiveJsonRoot as Ee } from "./engine/ReactiveJsonRoot.js";
+import { TemplateContext as Ve } from "./engine/TemplateContext.js";
+export {
+  t as AccordionItem,
+  o as ActionDependant,
+  s as BootstrapElement,
+  r as CheckBoxField,
+  i as Count,
+  n as DataFilter,
+  l as DateField,
+  m as DelayedActions,
+  de as EventDispatcherContext,
+  ue as EventDispatcherProvider,
+  p as FolderSortableTree,
+  d as FormatNumeral,
+  De as GlobalDataContext,
+  Fe as GlobalDataContextProvider,
+  x as HashChangeListener,
+  Z as Hide,
+  u as Html,
+  c as LabelFromValue,
+  f as MessageListener,
+  v as Modal,
+  ae as NumberField,
+  oe as PageControls,
+  be as PaginationContext,
+  ge as PaginationProvider,
+  D as Phantom,
+  C as Popover,
+  F as PreformattedMarkup,
+  T as ReactOnEvent,
+  Ee as ReactiveJsonRoot,
+  b as Redirect,
+  P as SelectField,
+  g as SortableTreeItemCollapseButton,
+  h as Switch,
+  E as Tabs,
+  Ve as TemplateContext,
+  A as TextAreaField,
+  V as TextField,
+  L as Tooltip,
+  R as View,
+  $ as VisuallyHide,
+  H as addData,
+  ce as addEventListener,
+  M as dataLocationToPath,
+  N as evaluateAttributes,
+  S as evaluateTemplateValue,
+  w as evaluateTemplateValueCollection,
+  B as fetchData,
+  k as getReactionFunctionsToExecute,
+  y as isTemplateValue,
+  G as isValid,
+  me as mergeComponentCollections,
+  I as moveData,
+  J as normalizeAttributesForReactJsx,
+  z as postMessage,
+  O as propsDataLocationToPathAndValue,
+  j as reactionFunctions,
+  q as redirectNow,
+  K as removeData,
+  fe as removeEventListener,
+  Q as setClipboardData,
+  U as setData,
+  W as submitData,
+  ne as triggerEvent,
+  X as useEvaluatedAttributes,
+  re as usePagination
+};

package/dist/usePagination-B0yFkBzE.js

@@ -0,0 +1,276 @@
+import { jsx as l, jsxs as x } from "react/jsx-runtime";
+import * as m from "react";
+import { useRef as K, useEffect as R, useCallback as A, useState as B } from "react";
+import { c as g, u as E } from "./ThemeProvider-BTKQI5kV.js";
+function M(n) {
+  const t = K(n);
+  return R(() => {
+    t.current = n;
+  }, [n]), t;
+}
+function I(n) {
+  const t = M(n);
+  return A(function(...e) {
+    return t.current && t.current(...e);
+  }, [t]);
+}
+const $ = ["as", "disabled"];
+function F(n, t) {
+  if (n == null) return {};
+  var e = {};
+  for (var r in n) if ({}.hasOwnProperty.call(n, r)) {
+    if (t.indexOf(r) >= 0) continue;
+    e[r] = n[r];
+  }
+  return e;
+}
+function L(n) {
+  return !n || n.trim() === "#";
+}
+function C({
+  tagName: n,
+  disabled: t,
+  href: e,
+  target: r,
+  rel: s,
+  role: o,
+  onClick: a,
+  tabIndex: u = 0,
+  type: d
+}) {
+  n || (e != null || r != null || s != null ? n = "a" : n = "button");
+  const f = {
+    tagName: n
+  };
+  if (n === "button")
+    return [{
+      type: d || "button",
+      disabled: t
+    }, f];
+  const p = (i) => {
+    if ((t || n === "a" && L(e)) && i.preventDefault(), t) {
+      i.stopPropagation();
+      return;
+    }
+    a == null || a(i);
+  }, b = (i) => {
+    i.key === " " && (i.preventDefault(), p(i));
+  };
+  return n === "a" && (e || (e = "#"), t && (e = void 0)), [{
+    role: o ?? "button",
+    // explicitly undefined so that it overrides the props disabled in a spread
+    // e.g. <Tag {...props} {...hookProps} />
+    disabled: void 0,
+    tabIndex: t ? void 0 : u,
+    href: e,
+    target: n === "a" ? r : void 0,
+    "aria-disabled": t || void 0,
+    rel: n === "a" ? s : void 0,
+    onClick: p,
+    onKeyDown: b
+  }, f];
+}
+const H = /* @__PURE__ */ m.forwardRef((n, t) => {
+  let {
+    as: e,
+    disabled: r
+  } = n, s = F(n, $);
+  const [o, {
+    tagName: a
+  }] = C(Object.assign({
+    tagName: e,
+    disabled: r
+  }, s));
+  return /* @__PURE__ */ l(a, Object.assign({}, s, o, {
+    ref: t
+  }));
+});
+H.displayName = "Button";
+const V = ["onKeyDown"];
+function W(n, t) {
+  if (n == null) return {};
+  var e = {};
+  for (var r in n) if ({}.hasOwnProperty.call(n, r)) {
+    if (t.indexOf(r) >= 0) continue;
+    e[r] = n[r];
+  }
+  return e;
+}
+function _(n) {
+  return !n || n.trim() === "#";
+}
+const j = /* @__PURE__ */ m.forwardRef((n, t) => {
+  let {
+    onKeyDown: e
+  } = n, r = W(n, V);
+  const [s] = C(Object.assign({
+    tagName: "a"
+  }, r)), o = I((a) => {
+    s.onKeyDown(a), e == null || e(a);
+  });
+  return _(r.href) || r.role === "button" ? /* @__PURE__ */ l("a", Object.assign({
+    ref: t
+  }, r, s, {
+    onKeyDown: o
+  })) : /* @__PURE__ */ l("a", Object.assign({
+    ref: t
+  }, r, {
+    onKeyDown: e
+  }));
+});
+j.displayName = "Anchor";
+const k = /* @__PURE__ */ m.forwardRef(({
+  active: n = !1,
+  disabled: t = !1,
+  className: e,
+  style: r,
+  activeLabel: s = "(current)",
+  children: o,
+  linkStyle: a,
+  linkClassName: u,
+  as: d = j,
+  ...f
+}, p) => {
+  const b = n || t ? "span" : d;
+  return /* @__PURE__ */ l("li", {
+    ref: p,
+    style: r,
+    className: g(e, "page-item", {
+      active: n,
+      disabled: t
+    }),
+    children: /* @__PURE__ */ x(b, {
+      className: g("page-link", u),
+      style: a,
+      ...f,
+      children: [o, n && s && /* @__PURE__ */ l("span", {
+        className: "visually-hidden",
+        children: s
+      })]
+    })
+  });
+});
+k.displayName = "PageItem";
+function h(n, t, e = n) {
+  const r = /* @__PURE__ */ m.forwardRef(({
+    children: s,
+    ...o
+  }, a) => /* @__PURE__ */ x(k, {
+    ...o,
+    ref: a,
+    children: [/* @__PURE__ */ l("span", {
+      "aria-hidden": "true",
+      children: s || t
+    }), /* @__PURE__ */ l("span", {
+      className: "visually-hidden",
+      children: e
+    })]
+  }));
+  return r.displayName = n, r;
+}
+const S = h("First", "«"), T = h("Prev", "‹", "Previous"), q = h("Ellipsis", "…", "More"), G = h("Next", "›"), J = h("Last", "»"), D = /* @__PURE__ */ m.forwardRef(({
+  bsPrefix: n,
+  className: t,
+  size: e,
+  ...r
+}, s) => {
+  const o = E(n, "pagination");
+  return /* @__PURE__ */ l("ul", {
+    ref: s,
+    ...r,
+    className: g(t, o, e && `${o}-${e}`)
+  });
+});
+D.displayName = "Pagination";
+const c = Object.assign(D, {
+  First: S,
+  Prev: T,
+  Ellipsis: q,
+  Item: k,
+  Next: G,
+  Last: J
+}), Y = ({
+  dataToPaginate: n = [],
+  forcePaginationDisplay: t = !1,
+  maxPageButtonsCount: e = 5,
+  pageMaxItemCount: r = 10
+}) => {
+  const [s, o] = B(0), a = Math.floor(e / 2), u = s * r, d = u + r, f = (i) => Math.ceil(i.length / r);
+  return {
+    firstShownItemIndex: u,
+    getPageCountForContent: f,
+    maxShownItemIndexExcluded: d,
+    PageControls: () => {
+      const i = f(n);
+      return !t && i <= 1 ? null : /* @__PURE__ */ x(c, { children: [
+        /* @__PURE__ */ l(
+          c.First,
+          {
+            disabled: s <= 0,
+            onClick: () => {
+              o(0);
+            }
+          }
+        ),
+        /* @__PURE__ */ l(
+          c.Prev,
+          {
+            disabled: s <= 0,
+            onClick: () => {
+              o(s - 1);
+            }
+          }
+        ),
+        Math.min(s - a, i - e) > 0 ? /* @__PURE__ */ l(c.Ellipsis, { disabled: !0 }) : null,
+        (() => {
+          const v = [];
+          let y = Math.min(Math.max(0, i - e), Math.max(0, s - a)), P = e;
+          const N = (w, O) => {
+            v.push(/* @__PURE__ */ l(
+              c.Item,
+              {
+                active: s === w,
+                onClick: () => {
+                  o(w);
+                },
+                children: w + 1
+              },
+              e - O
+            ));
+          };
+          for (; P && (N(y, P), ++y, --P, !(y >= i)); )
+            ;
+          return v;
+        })(),
+        i > Math.max(a, s) + Math.ceil(e / 2) ? /* @__PURE__ */ l(c.Ellipsis, { disabled: !0 }) : null,
+        /* @__PURE__ */ l(
+          c.Next,
+          {
+            disabled: s + 1 >= i,
+            onClick: () => {
+              o(s + 1);
+            }
+          }
+        ),
+        /* @__PURE__ */ l(
+          c.Last,
+          {
+            disabled: s + 1 >= i,
+            onClick: () => {
+              o(i - 1);
+            }
+          }
+        )
+      ] });
+    },
+    pageMaxItemCount: r,
+    sliceVisibleContent: (i) => Array.isArray(i) ? i.slice(u, d) : i
+  };
+};
+export {
+  j as A,
+  H as B,
+  C as a,
+  I as b,
+  Y as u
+};

package/package.json

@@ -1,18 +1,8 @@
 {
   "name": "@ea-lab/reactive-json",
-  "version": "0.0.22",
-  "files": [
-    "dist"
-  ],
-  "main": "dist/index.cjs.js",
-  "module": "dist/index.esm.js",
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "lint": "eslint .",
-    "preview": "vite preview",
-    "rollup": "rollup -c"
-  },
+  "private": false,
+  "version": "0.0.24",
+  "type": "module",
   "repository": {
     "type": "git",
     "url": "git+https://bitbucket.org/ea-lab/reactive-json.git"
@@ -34,49 +24,60 @@
     "url": "https://bitbucket.org/ea-lab/reactive-json/issues"
   },
   "homepage": "https://bitbucket.org/ea-lab/reactive-json#readme",
-  "devDependencies": {
-    "@eslint/js": "^9.21.0",
-    "@rollup/plugin-commonjs": "^28.0.3",
-    "@rollup/plugin-node-resolve": "^16.0.1",
-    "@rollup/plugin-typescript": "^12.1.2",
-    "@types/js-yaml": "^4.0.9",
-    "@types/lodash": "^4.17.16",
-    "@types/node": "^22.14.1",
-    "@types/react": "^18",
-    "@types/react-dom": "^18",
-    "@vitejs/plugin-react": "^4.3.4",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b ./tsconfig.lib.json && vite build",
+    "lint": "eslint .",
+    "prepublishOnly": "npm run build",
+    "preview": "vite preview"
+  },
+  "peerDependencies": {
     "axios": "^1.8.4",
-    "bootstrap": "^5.3.5",
     "clsx": "^2.1.1",
     "dnd-kit-sortable-tree": "^0.1.73",
-    "eslint": "^9.21.0",
-    "eslint-plugin-react-hooks": "^5.1.0",
-    "eslint-plugin-react-refresh": "^0.4.19",
-    "globals": "^15.15.0",
     "html-react-parser": "^5.2.3",
     "js-yaml": "^4.1.0",
     "jsonpath": "^1.1.1",
     "lodash": "^4.17.21",
-    "react": ">=18",
+    "react": "^19.1.0",
     "react-bootstrap": "^2.10.9",
-    "react-router-dom": "^7.5.0",
-    "rollup-plugin-dts": "^6.2.1",
-    "rollup-plugin-postcss": "^4.0.2",
-    "tslib": "^2.8.1",
-    "typescript": "^5.8.3",
-    "vite": "^6.2.0"
+    "react-dom": "^19.1.0"
   },
-  "peerDependencies": {
+  "devDependencies": {
+    "@eslint/js": "^9.25.0",
+    "@types/js-yaml": "^4.0.9",
+    "@types/lodash": "^4.17.16",
+    "@types/node": "^22.15.17",
+    "@types/react": "^19.1.2",
+    "@types/react-dom": "^19.1.2",
+    "@vitejs/plugin-react": "^4.4.1",
     "axios": "^1.8.4",
+    "bootstrap": "^5.3.5",
     "clsx": "^2.1.1",
     "dnd-kit-sortable-tree": "^0.1.73",
+    "eslint": "^9.25.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.19",
+    "glob": "^11.0.2",
+    "globals": "^16.0.0",
     "html-react-parser": "^5.2.3",
     "js-yaml": "^4.1.0",
     "jsonpath": "^1.1.1",
     "lodash": "^4.17.21",
-    "react": ">=18",
     "react-bootstrap": "^2.10.9",
-    "react-dom": ">=18"
+    "react-router-dom": "^7.5.0",
+    "typescript": "~5.8.3",
+    "typescript-eslint": "^8.30.1",
+    "vite": "^6.3.5",
+    "vite-plugin-dts": "^4.5.3",
+    "vite-plugin-lib-inject-css": "^2.2.2"
   },
-  "types": "dist/index.d.ts"
+  "main": "dist/main.js",
+  "types": "dist/main.d.ts",
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ]
 }

package/dist/esm/types/component/action/HashChangeListener.d.ts

@@ -1,9 +0,0 @@
-/**
- * Listens to hash changes (URL fragment) on the window object and executes a reaction function in response.
- *
- * @param {{}} props
- * @returns {JSX.Element}
- * @constructor
- */
-declare const HashChangeListener: (props: any) => import("react/jsx-runtime").JSX.Element;
-export default HashChangeListener;

package/dist/esm/types/component/action/Hide.d.ts

@@ -1,10 +0,0 @@
-/**
- * Action which will not render the children.
- *
- * This will also cancel any subsequent actions.
- *
- * @returns {null}
- * @constructor
- */
-declare const Hide: () => null;
-export default Hide;

package/dist/esm/types/component/action/MessageListener.d.ts

@@ -1,9 +0,0 @@
-/**
- * Listens to messages on the window object and executes a reaction function in response.
- *
- * @param {{}} props
- * @returns {JSX.Element}
- * @constructor
- */
-declare const MessageListener: (props: any) => import("react/jsx-runtime").JSX.Element;
-export default MessageListener;

package/dist/esm/types/component/action/Popover.d.ts

@@ -1,5 +0,0 @@
-/**
- * Action which will append a popover when the current component is hovered.
- */
-declare const Popover: (props: any) => import("react/jsx-runtime").JSX.Element;
-export default Popover;

package/dist/esm/types/component/action/ReactOnEvent.d.ts

@@ -1,26 +0,0 @@
-/**
- * Functions that will be executed on specific events.
- *
- * @type {{}}
- */
-export declare const reactionFunctions: {
-    addData: (props: any) => void;
-    fetchData: (props: any) => void;
-    moveData: (props: any) => void;
-    postMessage: (props: any) => void;
-    redirectNow: (props: any) => void;
-    removeData: (props: any) => void;
-    setClipboardData: (props: any) => Promise<void>;
-    setData: (props: any) => void;
-    submitData: (props: any) => void;
-    triggerEvent: (props: any) => void;
-};
-/**
- * Action component which will append one or more event listeners on the element.
- *
- * @param {Object} props
- *
- * @constructor
- */
-declare const ReactOnEvent: (props: any) => import("react/jsx-runtime").JSX.Element;
-export default ReactOnEvent;

package/dist/esm/types/component/action/Redirect.d.ts

@@ -1,9 +0,0 @@
-/**
- * Redirects when the conditions are valid.
- *
- * @param {{actionProps: {to}}} props Action props.
- *
- * @constructor
- */
-declare const Redirect: (props: any) => void;
-export default Redirect;

package/dist/esm/types/component/action/Tooltip.d.ts

@@ -1,5 +0,0 @@
-/**
- * Action which will append a tooltip when the current component is hovered.
- */
-declare const Tooltip: (props: any) => import("react/jsx-runtime").JSX.Element;
-export default Tooltip;

package/dist/esm/types/component/action/VisuallyHide.d.ts

@@ -1,12 +0,0 @@
-/**
- * Action which will render the children, but hide it using a wrapping div.
- *
- * This action is used when the element to hide must still be present in the DOM
- * to respond to events.
- *
- * @param {{}} props
- * @returns {JSX.Element}
- * @constructor
- */
-declare const VisuallyHide: (props: any) => import("react/jsx-runtime").JSX.Element;
-export default VisuallyHide;

package/dist/esm/types/component/element/form/CheckBoxField.d.ts

@@ -1,7 +0,0 @@
-declare const CheckBoxField: ({ props, currentData, datafield, path }: {
-    props: any;
-    currentData: any;
-    datafield: any;
-    path: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export default CheckBoxField;

package/dist/esm/types/component/element/form/DateField.d.ts

@@ -1,2 +0,0 @@
-declare const DateField: (componentProps: any) => import("react/jsx-runtime").JSX.Element;
-export default DateField;