@ea-lab/reactive-json 0.7.0 → 1.0.0-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -3
- package/dist/TemplateSystem-kQJEKjik.js +3568 -0
- package/dist/assets/VariablesDebug.css +1 -4
- package/dist/assets/reset.css +4 -0
- package/dist/assets/usePagination.css +1 -0
- package/dist/component/action/HashChangeListener.js +29 -7
- package/dist/component/action/MessageListener.js +26 -8
- package/dist/component/action/ReactOnEvent.js +64 -8
- package/dist/component/action/Redirect.js +9 -5
- package/dist/component/action/SetAttributeValue.js +37 -5
- package/dist/component/action/ToggleAttributeValue.js +56 -5
- package/dist/component/action/UnsetAttribute.js +20 -5
- package/dist/component/action/UnsetAttributeValue.js +58 -5
- package/dist/component/action/index.js +19 -15
- package/dist/component/dataMapping/index.js +6 -3
- package/dist/component/dataMapping/simpleMapping.js +93 -2
- package/dist/component/element/debug/VariablesDebug/VariablesDebug.js +110 -13
- package/dist/component/element/debug/index.js +2 -2
- package/dist/component/element/html/FolderSortableTree.js +131 -8
- package/dist/component/element/html/FormatNumeral.js +57 -6
- package/dist/component/element/html/Html.js +1 -1
- package/dist/component/element/html/LabelFromValue.js +25 -6
- package/dist/component/element/html/PreformattedMarkup.js +50 -7
- package/dist/component/element/html/SortableTreeItemCollapseButton.js +10 -5
- package/dist/component/element/html/index.js +12 -10
- package/dist/component/element/index.js +35 -30
- package/dist/component/element/special/Count.js +21 -10
- package/dist/component/element/special/DataFilter.js +75 -6
- package/dist/component/element/special/DelayedActions.js +46 -7
- package/dist/component/element/special/Phantom.js +12 -3
- package/dist/component/element/special/ReactiveJsonBasicComponentWrapper.js +29 -0
- package/dist/component/element/special/ReactiveJsonSubroot.js +4 -3
- package/dist/component/element/special/Switch.js +78 -8
- package/dist/component/element/special/index.js +16 -10
- package/dist/component/hook/index.js +1 -1
- package/dist/component/hook/usePagination.js +172 -4
- package/dist/component/index.js +85 -63
- package/dist/component/reaction/addData.js +23 -3
- package/dist/component/reaction/fetchData.js +12 -2
- package/dist/component/reaction/index.js +34 -12
- package/dist/component/reaction/moveData.js +34 -2
- package/dist/component/reaction/postMessage.js +23 -2
- package/dist/component/reaction/redirectNow.js +6 -2
- package/dist/component/reaction/removeData.js +27 -2
- package/dist/component/reaction/setClipboardData.js +16 -2
- package/dist/component/reaction/setData.js +22 -3
- package/dist/component/reaction/submitData.js +25 -2
- package/dist/component/reaction/utility/httpRequestCommon.js +3 -2
- package/dist/component/reaction/utility/index.js +1 -1
- package/dist/coreComponentsPlugin.js +5 -2
- package/dist/dnd-kit-sortable-tree.esm-Cz1RJyIg.js +4135 -0
- package/dist/engine/Actions.js +4 -7
- package/dist/engine/ParsingDebugDisplay/ParsingDebugDisplay.js +692 -3
- package/dist/engine/ReactiveJsonRoot.js +8 -6
- package/dist/engine/TemplateSystem.js +3 -3
- package/dist/engine/View.js +2 -7
- package/dist/engine/index.js +38 -37
- package/dist/engine/utility/alterData.js +7 -1
- package/dist/engine/utility/analyzeDataOverrideReferences.js +41 -2
- package/dist/engine/utility/formElementsCommon.js +34 -0
- package/dist/engine/utility/formatString.js +19 -3
- package/dist/engine/utility/index.js +12 -11
- package/dist/httpRequestCommon-BFntjNdS.js +1799 -0
- package/dist/index-BA09SSaJ.js +26 -0
- package/dist/index-Bzk15m61.js +19 -0
- package/dist/index-CACLSxWi.js +8 -0
- package/dist/index-NNBvIV0S.js +1873 -0
- package/dist/index-OhHUX6nj.js +460 -0
- package/dist/main.js +124 -102
- package/package.json +4 -4
- package/dist/HashChangeListener-D6HwdXBJ.js +0 -8526
- package/dist/ParsingDebugDisplay-8f4yL4Jw.js +0 -696
- package/dist/VariablesDebug-pv5GGWel.js +0 -9262
- package/dist/component/action/Popover.js +0 -6
- package/dist/component/action/Tooltip.js +0 -5
- package/dist/component/element/form/CheckBoxField.js +0 -8
- package/dist/component/element/form/DateField.js +0 -8
- package/dist/component/element/form/NumberField.js +0 -8
- package/dist/component/element/form/SelectField.js +0 -8
- package/dist/component/element/form/TextAreaField.js +0 -8
- package/dist/component/element/form/TextField.js +0 -8
- package/dist/component/element/form/formElementsCommon.js +0 -4
- package/dist/component/element/form/index.js +0 -10
- package/dist/component/element/html/AccordionItem.js +0 -6
- package/dist/component/element/html/Modal.js +0 -8
- package/dist/component/element/html/Tabs.js +0 -8
- package/dist/component/element/special/BootstrapElement.js +0 -5
- package/dist/engine/PaginationProvider.js +0 -30
- package/dist/usePagination-Bb6lefHG.js +0 -353
|
@@ -1,8 +1,77 @@
|
|
|
1
|
-
import "react/jsx-runtime";
|
|
2
|
-
import "react";
|
|
3
|
-
import {
|
|
4
|
-
import "../../../engine/GlobalDataContext.js";
|
|
5
|
-
import "../../../engine/TemplateContext.js";
|
|
1
|
+
import { jsx as a } from "react/jsx-runtime";
|
|
2
|
+
import { useContext as b } from "react";
|
|
3
|
+
import { V as D, i as P } from "../../../TemplateSystem-kQJEKjik.js";
|
|
4
|
+
import { GlobalDataContext as x } from "../../../engine/GlobalDataContext.js";
|
|
5
|
+
import { TemplateContext as v } from "../../../engine/TemplateContext.js";
|
|
6
|
+
const T = (t) => {
|
|
7
|
+
var u, f;
|
|
8
|
+
const n = b(x), e = b(v), o = { globalDataContext: n, templateContext: e }, { contextToFilter: l = "global", filters: y = [] } = t.props, s = (p) => {
|
|
9
|
+
if (!p)
|
|
10
|
+
return !0;
|
|
11
|
+
for (const r of y) {
|
|
12
|
+
const h = (r == null ? void 0 : r.subjectsWithProperty) ?? void 0;
|
|
13
|
+
if (!h || !p.hasOwnProperty(h))
|
|
14
|
+
continue;
|
|
15
|
+
if (!P(r, o, /* @__PURE__ */ new Map([
|
|
16
|
+
[
|
|
17
|
+
"whenFilterableData",
|
|
18
|
+
({ condition: C }) => {
|
|
19
|
+
const w = C.whenFilterableData.split(".");
|
|
20
|
+
let i = p;
|
|
21
|
+
for (const m of w) {
|
|
22
|
+
const d = parseInt(m);
|
|
23
|
+
if (i = i[isNaN(d) ? m : d], i === void 0)
|
|
24
|
+
return;
|
|
25
|
+
}
|
|
26
|
+
return i;
|
|
27
|
+
}
|
|
28
|
+
]
|
|
29
|
+
])))
|
|
30
|
+
return !1;
|
|
31
|
+
}
|
|
32
|
+
return !0;
|
|
33
|
+
};
|
|
34
|
+
switch (l) {
|
|
35
|
+
case "template":
|
|
36
|
+
return e.templateData = c(e.templateData, s), e.templatePath = t.path, /* @__PURE__ */ a(v.Provider, { value: e, children: /* @__PURE__ */ a(
|
|
37
|
+
D,
|
|
38
|
+
{
|
|
39
|
+
props: t.props.content,
|
|
40
|
+
path: t.path + ".content",
|
|
41
|
+
datafield: "content",
|
|
42
|
+
currentData: ((u = t.currentData) == null ? void 0 : u.content) ?? void 0
|
|
43
|
+
}
|
|
44
|
+
) });
|
|
45
|
+
case "global":
|
|
46
|
+
default:
|
|
47
|
+
return n.templateData = c(n.templateData, s), /* @__PURE__ */ a(x.Provider, { value: n, children: /* @__PURE__ */ a(
|
|
48
|
+
D,
|
|
49
|
+
{
|
|
50
|
+
props: t.props.content,
|
|
51
|
+
path: t.path + ".content",
|
|
52
|
+
datafield: "content",
|
|
53
|
+
currentData: ((f = t.currentData) == null ? void 0 : f.content) ?? void 0
|
|
54
|
+
}
|
|
55
|
+
) });
|
|
56
|
+
}
|
|
57
|
+
}, c = (t, n) => {
|
|
58
|
+
if (Array.isArray(t)) {
|
|
59
|
+
const e = {};
|
|
60
|
+
return t.forEach((o, l) => {
|
|
61
|
+
n(o) && (e[l] = c(o, n));
|
|
62
|
+
}), e;
|
|
63
|
+
} else if (typeof t == "object" && t !== null) {
|
|
64
|
+
const e = {};
|
|
65
|
+
for (const o in t)
|
|
66
|
+
if (t.hasOwnProperty(o)) {
|
|
67
|
+
if (!n(t[o]))
|
|
68
|
+
continue;
|
|
69
|
+
e[o] = c(t[o], n);
|
|
70
|
+
}
|
|
71
|
+
return e;
|
|
72
|
+
} else
|
|
73
|
+
return t;
|
|
74
|
+
};
|
|
6
75
|
export {
|
|
7
|
-
|
|
76
|
+
T as DataFilter
|
|
8
77
|
};
|
|
@@ -1,9 +1,48 @@
|
|
|
1
|
-
import "react/jsx-runtime";
|
|
2
|
-
import {
|
|
3
|
-
import "../../../
|
|
4
|
-
import "../../../engine/
|
|
5
|
-
import "
|
|
1
|
+
import { jsx as d } from "react/jsx-runtime";
|
|
2
|
+
import { useContext as m, useEffect as x } from "react";
|
|
3
|
+
import { A, V as v, i as F } from "../../../TemplateSystem-kQJEKjik.js";
|
|
4
|
+
import { GlobalDataContext as h } from "../../../engine/GlobalDataContext.js";
|
|
5
|
+
import { TemplateContext as y } from "../../../engine/TemplateContext.js";
|
|
6
|
+
const T = ({ props: t, currentData: e, path: i }) => {
|
|
7
|
+
const c = m(h), n = m(y), r = Array.isArray(t.delayedActions) ? t.delayedActions : [], o = { globalDataContext: c, templateContext: n };
|
|
8
|
+
return x(() => {
|
|
9
|
+
if (!t.interval)
|
|
10
|
+
return;
|
|
11
|
+
const a = setInterval(() => {
|
|
12
|
+
const l = g(r, o);
|
|
13
|
+
for (let u = 0; u < l.length; ++u) {
|
|
14
|
+
const s = l[u];
|
|
15
|
+
if (!s)
|
|
16
|
+
continue;
|
|
17
|
+
const f = s.what && (reactionFunctions[s.what] ?? null);
|
|
18
|
+
f && f({ args: s, globalDataContext: c, templateContext: n });
|
|
19
|
+
}
|
|
20
|
+
t.once && clearInterval(a);
|
|
21
|
+
}, t.interval);
|
|
22
|
+
return () => clearInterval(a);
|
|
23
|
+
}, [c, n]), /* @__PURE__ */ d(A, { ...t, children: t.content && /* @__PURE__ */ d(
|
|
24
|
+
v,
|
|
25
|
+
{
|
|
26
|
+
props: t.content,
|
|
27
|
+
currentData: (e == null ? void 0 : e.content) ?? void 0,
|
|
28
|
+
datafield: "content",
|
|
29
|
+
path: i + ".content"
|
|
30
|
+
}
|
|
31
|
+
) });
|
|
32
|
+
}, g = (t, e) => {
|
|
33
|
+
const i = [];
|
|
34
|
+
if (!Array.isArray(t))
|
|
35
|
+
return i;
|
|
36
|
+
const { globalDataContext: c } = e, n = c.plugins ?? {}, r = (n == null ? void 0 : n.reaction) ?? {};
|
|
37
|
+
if (!r)
|
|
38
|
+
return i;
|
|
39
|
+
for (const [, o] of t.entries()) {
|
|
40
|
+
const a = (o == null ? void 0 : o.what) ?? void 0;
|
|
41
|
+
!a || !(r[a] ?? void 0) || F(o, e) && i.push(o);
|
|
42
|
+
}
|
|
43
|
+
return i;
|
|
44
|
+
};
|
|
6
45
|
export {
|
|
7
|
-
|
|
8
|
-
|
|
46
|
+
T as DelayedActions,
|
|
47
|
+
g as getReactionFunctionsToExecute
|
|
9
48
|
};
|
|
@@ -1,5 +1,14 @@
|
|
|
1
|
-
import "react/jsx-runtime";
|
|
2
|
-
import {
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { A as i, V as c } from "../../../TemplateSystem-kQJEKjik.js";
|
|
3
|
+
const f = ({ props: n, currentData: t, path: e }) => /* @__PURE__ */ o(i, { ...n, children: n.content && /* @__PURE__ */ o(
|
|
4
|
+
c,
|
|
5
|
+
{
|
|
6
|
+
props: n.content,
|
|
7
|
+
currentData: (t == null ? void 0 : t.content) ?? void 0,
|
|
8
|
+
datafield: "content",
|
|
9
|
+
path: e + ".content"
|
|
10
|
+
}
|
|
11
|
+
) });
|
|
3
12
|
export {
|
|
4
|
-
|
|
13
|
+
f as Phantom
|
|
5
14
|
};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { jsx as i } from "react/jsx-runtime";
|
|
2
|
+
import { u as m, A as a, V as p } from "../../../TemplateSystem-kQJEKjik.js";
|
|
3
|
+
import "../../../engine/EventDispatcherContext.js";
|
|
4
|
+
import "../../../engine/EventDispatcherProvider.js";
|
|
5
|
+
import "../../../engine/GlobalDataContext.js";
|
|
6
|
+
import "../../../engine/PaginationContext.js";
|
|
7
|
+
import "../../../lodash-CYNxjS-I.js";
|
|
8
|
+
import "react";
|
|
9
|
+
import "../../../dnd-kit-sortable-tree.esm-Cz1RJyIg.js";
|
|
10
|
+
import "../../../engine/TemplateContext.js";
|
|
11
|
+
import '../../../assets/reset.css';/* empty css */
|
|
12
|
+
import "../../../index-NNBvIV0S.js";
|
|
13
|
+
import "../../../js-yaml-Bw0KO4XO.js";
|
|
14
|
+
import "../../../engine/ParsingDebugDisplay/ParsingDebugDisplay.js";
|
|
15
|
+
function w({ props: t, currentData: e, path: n, reactComponent: r }) {
|
|
16
|
+
const o = m(t.attributes);
|
|
17
|
+
return r ? /* @__PURE__ */ i(a, { ...t, children: /* @__PURE__ */ i(r, { ...o, children: t.content && /* @__PURE__ */ i(
|
|
18
|
+
p,
|
|
19
|
+
{
|
|
20
|
+
currentData: e.content ?? void 0,
|
|
21
|
+
datafield: "content",
|
|
22
|
+
path: n + ".content",
|
|
23
|
+
props: t.content
|
|
24
|
+
}
|
|
25
|
+
) }) }) : null;
|
|
26
|
+
}
|
|
27
|
+
export {
|
|
28
|
+
w as ReactiveJsonBasicComponentWrapper
|
|
29
|
+
};
|
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import "../../../TemplateSystem-kQJEKjik.js";
|
|
3
3
|
import "../../../engine/EventDispatcherContext.js";
|
|
4
4
|
import "../../../engine/EventDispatcherProvider.js";
|
|
5
5
|
import "../../../engine/GlobalDataContext.js";
|
|
6
6
|
import "../../../engine/PaginationContext.js";
|
|
7
|
-
import "
|
|
7
|
+
import { R as n } from "../../../index-OhHUX6nj.js";
|
|
8
8
|
import "../../../engine/TemplateContext.js";
|
|
9
9
|
import "../../../lodash-CYNxjS-I.js";
|
|
10
|
+
import "../../../engine/utility/analyzeDataOverrideReferences.js";
|
|
10
11
|
import "../../../js-yaml-Bw0KO4XO.js";
|
|
11
|
-
import "
|
|
12
|
+
import "react";
|
|
12
13
|
export {
|
|
13
14
|
n as ReactiveJsonSubroot
|
|
14
15
|
};
|
|
@@ -1,10 +1,80 @@
|
|
|
1
|
-
import "react/jsx-runtime";
|
|
2
|
-
import "react";
|
|
3
|
-
import {
|
|
4
|
-
import "../../../engine/GlobalDataContext.js";
|
|
5
|
-
import "../../../engine/PaginationContext.js";
|
|
6
|
-
import "../../../engine/TemplateContext.js";
|
|
7
|
-
import "
|
|
1
|
+
import { jsx as a, jsxs as y, Fragment as A } from "react/jsx-runtime";
|
|
2
|
+
import { useContext as T, createElement as W } from "react";
|
|
3
|
+
import { a as L, c as k, d as z, V as x, e as B, A as F } from "../../../TemplateSystem-kQJEKjik.js";
|
|
4
|
+
import { GlobalDataContext as G } from "../../../engine/GlobalDataContext.js";
|
|
5
|
+
import { PaginationContext as K } from "../../../engine/PaginationContext.js";
|
|
6
|
+
import { TemplateContext as R } from "../../../engine/TemplateContext.js";
|
|
7
|
+
import { usePagination as q } from "../../hook/usePagination.js";
|
|
8
|
+
const Y = ({ props: e, currentData: t, path: f }) => {
|
|
9
|
+
const m = T(G), i = T(R), g = (e == null ? void 0 : e.cardinality) ?? -1, V = (e == null ? void 0 : e.options) ?? [], h = (e == null ? void 0 : e.singleOption) ?? void 0, C = !!h, l = (e == null ? void 0 : e.content) ?? null, P = l && L({
|
|
10
|
+
globalDataContext: m,
|
|
11
|
+
templateContext: i,
|
|
12
|
+
valueToEvaluate: l
|
|
13
|
+
}), u = Object.entries(typeof P == "object" ? P : t).map(([I, n]) => {
|
|
14
|
+
const o = I;
|
|
15
|
+
if (g >= 1 && o >= g || !n || typeof n != "object")
|
|
16
|
+
return null;
|
|
17
|
+
let c, b, d;
|
|
18
|
+
if (C)
|
|
19
|
+
b = n, d = h;
|
|
20
|
+
else {
|
|
21
|
+
if (c = Object.keys(n)[0] ?? void 0, c === void 0)
|
|
22
|
+
return null;
|
|
23
|
+
b = Object.values(n)[0] ?? void 0, d = V[c] ?? void 0;
|
|
24
|
+
}
|
|
25
|
+
if (d === void 0)
|
|
26
|
+
return null;
|
|
27
|
+
let S = (k(l) && z({
|
|
28
|
+
dataLocation: l,
|
|
29
|
+
currentPath: i.templatePath,
|
|
30
|
+
globalDataContext: m,
|
|
31
|
+
templateContext: i
|
|
32
|
+
}) || f) + "." + o;
|
|
33
|
+
return C || (S += "." + c), /* @__PURE__ */ a(
|
|
34
|
+
x,
|
|
35
|
+
{
|
|
36
|
+
currentData: b,
|
|
37
|
+
datafield: o,
|
|
38
|
+
path: S,
|
|
39
|
+
props: d
|
|
40
|
+
},
|
|
41
|
+
o
|
|
42
|
+
);
|
|
43
|
+
}), v = q({
|
|
44
|
+
dataToPaginate: u,
|
|
45
|
+
...(e == null ? void 0 : e.paginationProps) ?? {}
|
|
46
|
+
}), j = e != null && e.paginated ? u.slice(v.firstShownItemIndex, v.maxShownItemIndexExcluded) : u, w = e != null && e.contentWrapper ? W(
|
|
47
|
+
e.contentWrapper.tag ?? "div",
|
|
48
|
+
B({
|
|
49
|
+
attrs: e.contentWrapper.attributes ?? {},
|
|
50
|
+
globalDataContext: m,
|
|
51
|
+
options: { normalizeBeforeEvaluation: !0 },
|
|
52
|
+
templateContext: i
|
|
53
|
+
}),
|
|
54
|
+
j
|
|
55
|
+
) : j, O = /* @__PURE__ */ y(A, { children: [
|
|
56
|
+
(e == null ? void 0 : e.before) && /* @__PURE__ */ a(
|
|
57
|
+
x,
|
|
58
|
+
{
|
|
59
|
+
currentData: (t == null ? void 0 : t.before) ?? void 0,
|
|
60
|
+
path: f + ".before",
|
|
61
|
+
datafield: "before",
|
|
62
|
+
props: e == null ? void 0 : e.before
|
|
63
|
+
}
|
|
64
|
+
),
|
|
65
|
+
w,
|
|
66
|
+
(e == null ? void 0 : e.after) && /* @__PURE__ */ a(
|
|
67
|
+
x,
|
|
68
|
+
{
|
|
69
|
+
currentData: (t == null ? void 0 : t.after) ?? void 0,
|
|
70
|
+
path: f + ".after",
|
|
71
|
+
datafield: "after",
|
|
72
|
+
props: e == null ? void 0 : e.after
|
|
73
|
+
}
|
|
74
|
+
)
|
|
75
|
+
] });
|
|
76
|
+
return /* @__PURE__ */ a(F, { ...e, children: e != null && e.paginated ? /* @__PURE__ */ a(K.Provider, { value: { pagination: v }, children: O }) : O });
|
|
77
|
+
};
|
|
8
78
|
export {
|
|
9
|
-
|
|
79
|
+
Y as Switch
|
|
10
80
|
};
|
|
@@ -1,13 +1,19 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { Count as e } from "./Count.js";
|
|
2
|
+
import { DataFilter as a } from "./DataFilter.js";
|
|
3
|
+
import { DelayedActions as p, getReactionFunctionsToExecute as m } from "./DelayedActions.js";
|
|
4
|
+
import { PageControls as c } from "./PageControls.js";
|
|
5
|
+
import { Phantom as i } from "./Phantom.js";
|
|
6
|
+
import { ReactiveJsonBasicComponentWrapper as u } from "./ReactiveJsonBasicComponentWrapper.js";
|
|
7
|
+
import { R as l } from "../../../index-OhHUX6nj.js";
|
|
8
|
+
import { Switch as g } from "./Switch.js";
|
|
3
9
|
export {
|
|
4
|
-
a as BootstrapElement,
|
|
5
10
|
e as Count,
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
a as DataFilter,
|
|
12
|
+
p as DelayedActions,
|
|
13
|
+
c as PageControls,
|
|
14
|
+
i as Phantom,
|
|
15
|
+
u as ReactiveJsonBasicComponentWrapper,
|
|
16
|
+
l as ReactiveJsonSubroot,
|
|
17
|
+
g as Switch,
|
|
18
|
+
m as getReactionFunctionsToExecute
|
|
13
19
|
};
|
|
@@ -1,6 +1,174 @@
|
|
|
1
|
-
import "react/jsx-runtime";
|
|
2
|
-
import "react";
|
|
3
|
-
import {
|
|
1
|
+
import { jsx as t, jsxs as A } from "react/jsx-runtime";
|
|
2
|
+
import { useContext as w, useState as y } from "react";
|
|
3
|
+
import { GlobalDataContext as j } from "../../engine/GlobalDataContext.js";
|
|
4
|
+
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 = {
|
|
5
|
+
paginationContainer: V,
|
|
6
|
+
paginationFirst: $,
|
|
7
|
+
paginationPrev: S,
|
|
8
|
+
paginationItem: q,
|
|
9
|
+
paginationNext: z,
|
|
10
|
+
paginationLast: H,
|
|
11
|
+
active: J,
|
|
12
|
+
paginationEllipsis: K
|
|
13
|
+
}, ti = ({
|
|
14
|
+
customComponents: i = {},
|
|
15
|
+
containerProps: n = {},
|
|
16
|
+
dataToPaginate: e = [],
|
|
17
|
+
forcePaginationDisplay: o = !1,
|
|
18
|
+
itemProps: u = {},
|
|
19
|
+
maxPageButtonsCount: c = 5,
|
|
20
|
+
pageMaxItemCount: p = 10
|
|
21
|
+
}) => {
|
|
22
|
+
var x;
|
|
23
|
+
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);
|
|
24
|
+
return {
|
|
25
|
+
firstShownItemIndex: P,
|
|
26
|
+
getPageCountForContent: m,
|
|
27
|
+
maxShownItemIndexExcluded: N,
|
|
28
|
+
PageControls: () => {
|
|
29
|
+
const a = m(e);
|
|
30
|
+
return !o && a <= 1 ? null : /* @__PURE__ */ A(E, { ...n, children: [
|
|
31
|
+
/* @__PURE__ */ t(
|
|
32
|
+
F,
|
|
33
|
+
{
|
|
34
|
+
disabled: s <= 0,
|
|
35
|
+
onClick: () => {
|
|
36
|
+
g(0);
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
),
|
|
40
|
+
/* @__PURE__ */ t(
|
|
41
|
+
I,
|
|
42
|
+
{
|
|
43
|
+
disabled: s <= 0,
|
|
44
|
+
onClick: () => {
|
|
45
|
+
g(s - 1);
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
),
|
|
49
|
+
Math.min(s - f, a - c) > 0 ? /* @__PURE__ */ t(v, { disabled: !0 }) : null,
|
|
50
|
+
(() => {
|
|
51
|
+
const C = [];
|
|
52
|
+
let _ = Math.min(
|
|
53
|
+
Math.max(0, a - c),
|
|
54
|
+
Math.max(0, s - f)
|
|
55
|
+
), b = c;
|
|
56
|
+
const M = (h, G) => {
|
|
57
|
+
C.push(
|
|
58
|
+
/* @__PURE__ */ t(
|
|
59
|
+
L,
|
|
60
|
+
{
|
|
61
|
+
active: s === h,
|
|
62
|
+
onClick: () => {
|
|
63
|
+
g(h);
|
|
64
|
+
},
|
|
65
|
+
...u,
|
|
66
|
+
children: h + 1
|
|
67
|
+
},
|
|
68
|
+
c - G
|
|
69
|
+
)
|
|
70
|
+
);
|
|
71
|
+
};
|
|
72
|
+
for (; b && (M(_, b), ++_, --b, !(_ >= a)); )
|
|
73
|
+
;
|
|
74
|
+
return C;
|
|
75
|
+
})(),
|
|
76
|
+
a > Math.max(f, s) + Math.ceil(c / 2) ? /* @__PURE__ */ t(v, { disabled: !0 }) : null,
|
|
77
|
+
/* @__PURE__ */ t(
|
|
78
|
+
D,
|
|
79
|
+
{
|
|
80
|
+
disabled: s + 1 >= a,
|
|
81
|
+
onClick: () => {
|
|
82
|
+
g(s + 1);
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
),
|
|
86
|
+
/* @__PURE__ */ t(
|
|
87
|
+
k,
|
|
88
|
+
{
|
|
89
|
+
disabled: s + 1 >= a,
|
|
90
|
+
onClick: () => {
|
|
91
|
+
g(a - 1);
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
)
|
|
95
|
+
] });
|
|
96
|
+
},
|
|
97
|
+
pageMaxItemCount: p,
|
|
98
|
+
sliceVisibleContent: (a) => Array.isArray(a) ? a.slice(P, N) : a
|
|
99
|
+
};
|
|
100
|
+
};
|
|
101
|
+
function O({ children: i, ...n }) {
|
|
102
|
+
return /* @__PURE__ */ t("nav", { "aria-label": "Pagination", ...n, children: /* @__PURE__ */ t("div", { className: r.paginationContainer, children: i }) });
|
|
103
|
+
}
|
|
104
|
+
function Q({ disabled: i, onClick: n, children: e, ...o }) {
|
|
105
|
+
return /* @__PURE__ */ t(
|
|
106
|
+
"button",
|
|
107
|
+
{
|
|
108
|
+
disabled: i,
|
|
109
|
+
onClick: n,
|
|
110
|
+
className: r.paginationFirst,
|
|
111
|
+
"aria-label": "Go to first page",
|
|
112
|
+
...o,
|
|
113
|
+
children: e ?? "«"
|
|
114
|
+
}
|
|
115
|
+
);
|
|
116
|
+
}
|
|
117
|
+
function R({ disabled: i, onClick: n, children: e, ...o }) {
|
|
118
|
+
return /* @__PURE__ */ t(
|
|
119
|
+
"button",
|
|
120
|
+
{
|
|
121
|
+
disabled: i,
|
|
122
|
+
onClick: n,
|
|
123
|
+
className: r.paginationPrev,
|
|
124
|
+
"aria-label": "Go to previous page",
|
|
125
|
+
...o,
|
|
126
|
+
children: e ?? "‹"
|
|
127
|
+
}
|
|
128
|
+
);
|
|
129
|
+
}
|
|
130
|
+
function U({ active: i, disabled: n, onClick: e, children: o, ...u }) {
|
|
131
|
+
return /* @__PURE__ */ t(
|
|
132
|
+
"button",
|
|
133
|
+
{
|
|
134
|
+
disabled: n,
|
|
135
|
+
onClick: e,
|
|
136
|
+
"aria-current": i ? "page" : void 0,
|
|
137
|
+
className: `${r.paginationItem} ${i ? r.active : ""}`,
|
|
138
|
+
...u,
|
|
139
|
+
children: o
|
|
140
|
+
}
|
|
141
|
+
);
|
|
142
|
+
}
|
|
143
|
+
function W({ children: i, ...n }) {
|
|
144
|
+
return /* @__PURE__ */ t("span", { className: r.paginationEllipsis, ...n, children: i ?? "…" });
|
|
145
|
+
}
|
|
146
|
+
function X({ disabled: i, onClick: n, children: e, ...o }) {
|
|
147
|
+
return /* @__PURE__ */ t(
|
|
148
|
+
"button",
|
|
149
|
+
{
|
|
150
|
+
disabled: i,
|
|
151
|
+
onClick: n,
|
|
152
|
+
className: r.paginationNext,
|
|
153
|
+
"aria-label": "Go to next page",
|
|
154
|
+
...o,
|
|
155
|
+
children: e ?? "›"
|
|
156
|
+
}
|
|
157
|
+
);
|
|
158
|
+
}
|
|
159
|
+
function Y({ disabled: i, onClick: n, children: e, ...o }) {
|
|
160
|
+
return /* @__PURE__ */ t(
|
|
161
|
+
"button",
|
|
162
|
+
{
|
|
163
|
+
disabled: i,
|
|
164
|
+
onClick: n,
|
|
165
|
+
className: r.paginationLast,
|
|
166
|
+
"aria-label": "Go to last page",
|
|
167
|
+
...o,
|
|
168
|
+
children: e ?? "»"
|
|
169
|
+
}
|
|
170
|
+
);
|
|
171
|
+
}
|
|
4
172
|
export {
|
|
5
|
-
|
|
173
|
+
ti as usePagination
|
|
6
174
|
};
|
package/dist/component/index.js
CHANGED
|
@@ -1,65 +1,87 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { Hide as
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
1
|
+
import { HashChangeListener as r } from "./action/HashChangeListener.js";
|
|
2
|
+
import { Hide as a } from "./action/Hide.js";
|
|
3
|
+
import { MessageListener as p } from "./action/MessageListener.js";
|
|
4
|
+
import { ReactOnEvent as f } from "./action/ReactOnEvent.js";
|
|
5
|
+
import { Redirect as n } from "./action/Redirect.js";
|
|
6
|
+
import { SetAttributeValue as l } from "./action/SetAttributeValue.js";
|
|
7
|
+
import { ToggleAttributeValue as c } from "./action/ToggleAttributeValue.js";
|
|
8
|
+
import { UnsetAttribute as g } from "./action/UnsetAttribute.js";
|
|
9
|
+
import { UnsetAttributeValue as d } from "./action/UnsetAttributeValue.js";
|
|
10
|
+
import { VisuallyHide as R } from "./action/VisuallyHide.js";
|
|
11
|
+
import { coreDataMappingComponents as A } from "./dataMapping/index.js";
|
|
12
|
+
import { coreDataProcessorComponents as H } from "./dataProcessor/index.js";
|
|
13
|
+
import { R as h, c as M } from "../index-OhHUX6nj.js";
|
|
14
|
+
import { usePagination as S } from "./hook/usePagination.js";
|
|
15
|
+
import { coreReactionComponents as T } from "./reaction/index.js";
|
|
16
|
+
import { simpleMapping as L } from "./dataMapping/simpleMapping.js";
|
|
17
|
+
import { VariablesDebug as y } from "./element/debug/VariablesDebug/VariablesDebug.js";
|
|
18
|
+
import { FolderSortableTree as N } from "./element/html/FolderSortableTree.js";
|
|
19
|
+
import { FormatNumeral as k } from "./element/html/FormatNumeral.js";
|
|
20
|
+
import { H as z, n as I } from "../TemplateSystem-kQJEKjik.js";
|
|
21
|
+
import { LabelFromValue as W } from "./element/html/LabelFromValue.js";
|
|
22
|
+
import { PreformattedMarkup as G } from "./element/html/PreformattedMarkup.js";
|
|
23
|
+
import { SortableTreeItemCollapseButton as Q } from "./element/html/SortableTreeItemCollapseButton.js";
|
|
24
|
+
import { Count as Y } from "./element/special/Count.js";
|
|
25
|
+
import { DataFilter as _ } from "./element/special/DataFilter.js";
|
|
26
|
+
import { DelayedActions as ee, getReactionFunctionsToExecute as oe } from "./element/special/DelayedActions.js";
|
|
27
|
+
import { PageControls as te } from "./element/special/PageControls.js";
|
|
28
|
+
import { Phantom as me } from "./element/special/Phantom.js";
|
|
29
|
+
import { ReactiveJsonBasicComponentWrapper as xe } from "./element/special/ReactiveJsonBasicComponentWrapper.js";
|
|
30
|
+
import { Switch as se } from "./element/special/Switch.js";
|
|
31
|
+
import { addData as ie } from "./reaction/addData.js";
|
|
32
|
+
import { fetchData as ue } from "./reaction/fetchData.js";
|
|
33
|
+
import { e as be } from "../httpRequestCommon-BFntjNdS.js";
|
|
34
|
+
import { moveData as De } from "./reaction/moveData.js";
|
|
35
|
+
import { postMessage as Ce } from "./reaction/postMessage.js";
|
|
36
|
+
import { redirectNow as ve } from "./reaction/redirectNow.js";
|
|
37
|
+
import { removeData as Fe } from "./reaction/removeData.js";
|
|
38
|
+
import { setClipboardData as Ve } from "./reaction/setClipboardData.js";
|
|
39
|
+
import { setData as Me } from "./reaction/setData.js";
|
|
40
|
+
import { submitData as Se } from "./reaction/submitData.js";
|
|
41
|
+
import { triggerEvent as Te } from "./reaction/triggerEvent.js";
|
|
9
42
|
export {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
p as
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
q as postMessage,
|
|
55
|
-
z as propsDataLocationToPathAndValue,
|
|
56
|
-
O as reactionFunctions,
|
|
57
|
-
j as redirectNow,
|
|
58
|
-
G as removeData,
|
|
59
|
-
K as setClipboardData,
|
|
60
|
-
Q as setData,
|
|
61
|
-
W as simpleMapping,
|
|
62
|
-
X as submitData,
|
|
63
|
-
ua as triggerEvent,
|
|
64
|
-
la as usePagination
|
|
43
|
+
Y as Count,
|
|
44
|
+
_ as DataFilter,
|
|
45
|
+
ee as DelayedActions,
|
|
46
|
+
N as FolderSortableTree,
|
|
47
|
+
k as FormatNumeral,
|
|
48
|
+
r as HashChangeListener,
|
|
49
|
+
a as Hide,
|
|
50
|
+
z as Html,
|
|
51
|
+
W as LabelFromValue,
|
|
52
|
+
p as MessageListener,
|
|
53
|
+
te as PageControls,
|
|
54
|
+
me as Phantom,
|
|
55
|
+
G as PreformattedMarkup,
|
|
56
|
+
f as ReactOnEvent,
|
|
57
|
+
xe as ReactiveJsonBasicComponentWrapper,
|
|
58
|
+
h as ReactiveJsonSubroot,
|
|
59
|
+
n as Redirect,
|
|
60
|
+
l as SetAttributeValue,
|
|
61
|
+
Q as SortableTreeItemCollapseButton,
|
|
62
|
+
se as Switch,
|
|
63
|
+
c as ToggleAttributeValue,
|
|
64
|
+
g as UnsetAttribute,
|
|
65
|
+
d as UnsetAttributeValue,
|
|
66
|
+
y as VariablesDebug,
|
|
67
|
+
R as VisuallyHide,
|
|
68
|
+
ie as addData,
|
|
69
|
+
A as coreDataMappingComponents,
|
|
70
|
+
H as coreDataProcessorComponents,
|
|
71
|
+
M as coreElementComponents,
|
|
72
|
+
T as coreReactionComponents,
|
|
73
|
+
be as executeHttpRequest,
|
|
74
|
+
ue as fetchData,
|
|
75
|
+
oe as getReactionFunctionsToExecute,
|
|
76
|
+
De as moveData,
|
|
77
|
+
I as normalizeAttributesForReactJsx,
|
|
78
|
+
Ce as postMessage,
|
|
79
|
+
ve as redirectNow,
|
|
80
|
+
Fe as removeData,
|
|
81
|
+
Ve as setClipboardData,
|
|
82
|
+
Me as setData,
|
|
83
|
+
L as simpleMapping,
|
|
84
|
+
Se as submitData,
|
|
85
|
+
Te as triggerEvent,
|
|
86
|
+
S as usePagination
|
|
65
87
|
};
|