@ea-lab/reactive-json 0.0.21 → 0.0.23

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 { k as o, v as s, o as i, q as m, t as p, u as r, w as v } from "../View-BVKFBUCJ.js";
+export {
+  o as dataLocationToPath,
+  s as default,
+  i as evaluateAttributes,
+  m as evaluateTemplateValue,
+  p as evaluateTemplateValueCollection,
+  r as isTemplateValue,
+  v as useEvaluatedAttributes
+};

package/dist/engine/Types.d.ts

@@ -0,0 +1,19 @@
+export interface RjComponent {
+}
+export interface ElementRjComponent extends RjComponent {
+    props: RjBuildDefBase | Array<RjBuildDefBase> | undefined;
+    path: string | undefined;
+    currentData: any;
+    datafield: string | undefined;
+}
+/**
+ * The Reactive-JSON build definition from the JSON / YAML file.
+ */
+export interface RjBuildDefBase {
+    /**
+     * The Reactive-JSON component type.
+     *
+     * Either an HTML tag name, or a registered Reactive-JSON ElementRjComponent name.
+     */
+    type: string;
+}

package/dist/engine/Types.js

@@ -0,0 +1 @@
+

package/dist/engine/View.js

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

package/dist/engine/utility/formatString.js

@@ -0,0 +1,5 @@
+import { O as t, Q as m } from "../../View-BVKFBUCJ.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.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/main.js

@@ -0,0 +1 @@
+

package/dist/usePagination-BW6C-P1X.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,
+  I as a,
+  Y as b,
+  C as u
+};

package/package.json

@@ -1,18 +1,8 @@
 {
   "name": "@ea-lab/reactive-json",
-  "version": "0.0.21",
-  "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.23",
+  "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;

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

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

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

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

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

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

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

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

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

@@ -1,23 +0,0 @@
-/**
- * Gets the path and the data for the specified dataLocation and contexts.
- *
- * @param {string} currentPath The current path of the component calling this function.
- * @param {string} datafield The datafield (field name) of the component calling this function.
- * @param {string|undefined} dataLocation The dataLocation value set in the component structure.
- * @param {any} defaultValue The default value set in the component structure.
- * @param {{}} globalDataContext The global data context of the component calling this function.
- * @param {{}} templateContext The template context of the component calling this function.
- *
- * @returns {{formDataPath: undefined, formData: undefined}}
- */
-export declare const propsDataLocationToPathAndValue: ({ currentPath, datafield, dataLocation, defaultValue, globalDataContext, templateContext }: {
-    currentPath: any;
-    datafield: any;
-    dataLocation: any;
-    defaultValue: any;
-    globalDataContext: any;
-    templateContext: any;
-}) => {
-    formData: undefined;
-    formDataPath: undefined;
-};

package/dist/esm/types/component/element/html/AccordionItem.d.ts

@@ -1,16 +0,0 @@
-/**
- * To use with the BsAccordion component.
- *
- * To use this, use the BsAccordion component, and add
- * AccordionItem in the content.
- *
- * You can of course use the Switch component to map to
- * dynamic data.
- */
-declare const AccordionItem: ({ props, path, currentData, datafield }: {
-    props: any;
-    path: any;
-    currentData: any;
-    datafield: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export default AccordionItem;

package/dist/esm/types/component/element/html/FolderSortableTree.d.ts

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