@progress/kendo-react-pivotgrid 9.0.0-develop.1 → 9.0.0-develop.11

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.
@@ -20,130 +20,118 @@ import { PivotGridConfiguratorEditorEventsContext as ie } from "../shared/PivotG
20
20
  import { PivotGridConfiguratorEditorStateContext as re } from "../shared/PivotGridConfiguratorEditorStateContext.mjs";
21
21
  import { useExpansion as le, EXPANSION_ACTION as ce } from "../hooks/useExpansion.mjs";
22
22
  import { PIVOT_CONFIGURATOR_ACTION as u } from "../hooks/usePivotConfiguratorEditor.mjs";
23
- const me = t.forwardRef(
24
- (o, S) => {
25
- const {
26
- data: w,
27
- dataItem: p,
28
- defaultFilter: h
29
- } = { ...i, ...o }, f = t.useRef(null), c = t.useRef(null), C = Z(), [A, B] = l(o.columnMenuItem || i.columnMenuItem), [R, T] = l(o.columnMenuForm || i.columnMenuForm), [V, O] = l(o.resetButton || i.resetButton), [D, G] = l(o.applyButton || i.applyButton), [q, L] = l(o.treeView || i.treeView), [_, b] = l(o.noData || i.noData);
30
- t.useImperativeHandle(c, () => ({ props: o, element: f.current })), t.useImperativeHandle(S, () => c.current);
31
- const [s, d] = t.useState(!1), {
32
- onAxisFilterFieldsExpandChange: I,
33
- onAxisFilterFieldExpand: g
34
- } = t.useContext(ie), [, F] = t.useContext(re), [r, H] = t.useState(h), y = r ? r.value.split(",") : [], [j, z] = le(
35
- [],
36
- void 0,
37
- c,
38
- oe
39
- ), x = {
40
- caption: (e) => e.dataItem.caption,
41
- id: (e) => e.dataItem.uniqueName,
42
- parent: (e, a) => a && a.value,
43
- value: (e) => e.dataItem.defaultHierarchy || e.dataItem.uniqueName,
44
- expanded: (e) => j.some((a) => a.uniqueName === e.id),
45
- checked: (e) => !y.length || (y || []).some((a) => a === e.dataItem.uniqueName),
46
- hasChildren: (e) => parseInt(e.dataItem.childrenCardinality, 10) > 0,
47
- children: (e) => v(e.dataItem.children, x, e),
48
- checkIndeterminate: (e) => {
49
- const a = (e.children || []).length && e.children.every((n) => n.checked);
50
- return a && (e.checked = !0), (e.children || []).some((n) => n.checked) && !a;
51
- }
52
- }, m = v(w, x), E = ae(m), K = (e) => {
53
- d(!s), I && I({
54
- value: !s,
55
- target: c.current,
56
- syntheticEvent: e
57
- });
58
- }, U = (e) => {
59
- z({ type: ce.toggle, payload: e.item.dataItem }, e.syntheticEvent), g && g({
60
- value: e.item.dataItem,
61
- target: c.current,
62
- syntheticEvent: e.syntheticEvent
63
- });
64
- }, X = (e) => {
65
- let a;
66
- e.item.checked ? a = {
67
- field: String(p.name),
68
- operator: "in",
69
- value: E.filter((n) => n.checked).map((n) => String(n.value)).filter((n) => n !== e.item.value && n !== e.item.parent).join(",")
70
- } : a = {
71
- field: String(p.name),
72
- operator: "in",
73
- value: E.filter((n) => n.checked).map((n) => String(n.value)).concat([e.item.value]).join(",")
74
- }, H(a);
75
- }, J = (e) => {
76
- d(!1), r && F({
23
+ const me = t.forwardRef((o, S) => {
24
+ const { data: w, dataItem: p, defaultFilter: h } = { ...i, ...o }, f = t.useRef(null), c = t.useRef(null), C = Z(), [A, B] = l(
25
+ o.columnMenuItem || i.columnMenuItem
26
+ ), [R, T] = l(
27
+ o.columnMenuForm || i.columnMenuForm
28
+ ), [V, O] = l(
29
+ o.resetButton || i.resetButton
30
+ ), [D, G] = l(
31
+ o.applyButton || i.applyButton
32
+ ), [q, L] = l(
33
+ o.treeView || i.treeView
34
+ ), [_, b] = l(o.noData || i.noData);
35
+ t.useImperativeHandle(c, () => ({ props: o, element: f.current })), t.useImperativeHandle(S, () => c.current);
36
+ const [s, d] = t.useState(!1), { onAxisFilterFieldsExpandChange: I, onAxisFilterFieldExpand: g } = t.useContext(
37
+ ie
38
+ ), [, F] = t.useContext(re), [r, H] = t.useState(h), y = r ? r.value.split(",") : [], [j, z] = le([], void 0, c, oe), x = {
39
+ caption: (e) => e.dataItem.caption,
40
+ id: (e) => e.dataItem.uniqueName,
41
+ parent: (e, a) => a && a.value,
42
+ value: (e) => e.dataItem.defaultHierarchy || e.dataItem.uniqueName,
43
+ expanded: (e) => j.some((a) => a.uniqueName === e.id),
44
+ checked: (e) => !y.length || (y || []).some((a) => a === e.dataItem.uniqueName),
45
+ hasChildren: (e) => parseInt(e.dataItem.childrenCardinality, 10) > 0,
46
+ children: (e) => v(e.dataItem.children, x, e),
47
+ checkIndeterminate: (e) => {
48
+ const a = (e.children || []).length && e.children.every((n) => n.checked);
49
+ return a && (e.checked = !0), (e.children || []).some((n) => n.checked) && !a;
50
+ }
51
+ }, m = v(w, x), E = ae(m), K = (e) => {
52
+ d(!s), I && I({
53
+ value: !s,
54
+ target: c.current,
55
+ syntheticEvent: e
56
+ });
57
+ }, U = (e) => {
58
+ z({ type: ce.toggle, payload: e.item.dataItem }, e.syntheticEvent), g && g({
59
+ value: e.item.dataItem,
60
+ target: c.current,
61
+ syntheticEvent: e.syntheticEvent
62
+ });
63
+ }, X = (e) => {
64
+ let a;
65
+ e.item.checked ? a = {
66
+ field: String(p.name),
67
+ operator: "in",
68
+ value: E.filter((n) => n.checked).map((n) => String(n.value)).filter((n) => n !== e.item.value && n !== e.item.parent).join(",")
69
+ } : a = {
70
+ field: String(p.name),
71
+ operator: "in",
72
+ value: E.filter((n) => n.checked).map((n) => String(n.value)).concat([e.item.value]).join(",")
73
+ }, H(a);
74
+ }, J = (e) => {
75
+ d(!1), r && F(
76
+ {
77
77
  type: u.removeFilter,
78
78
  payload: r
79
- }, e);
80
- }, Q = (e) => {
81
- d(!1), r && F({
79
+ },
80
+ e
81
+ );
82
+ }, Q = (e) => {
83
+ d(!1), r && F(
84
+ {
82
85
  type: h ? u.changeFilter : u.addFilter,
83
86
  payload: r
84
- }, e);
85
- };
86
- return /* @__PURE__ */ t.createElement(
87
- "div",
87
+ },
88
+ e
89
+ );
90
+ };
91
+ return /* @__PURE__ */ t.createElement(
92
+ "div",
93
+ {
94
+ ref: f,
95
+ id: o.id,
96
+ tabIndex: o.tabIndex,
97
+ style: o.style,
98
+ className: te("k-columnmenu-item-wrapper", o.className)
99
+ },
100
+ /* @__PURE__ */ t.createElement(
101
+ A,
102
+ {
103
+ ...B,
104
+ title: "Include Fields",
105
+ iconClass: "k-i-grid-layout",
106
+ svgIcon: ne,
107
+ onClick: K
108
+ }
109
+ ),
110
+ /* @__PURE__ */ t.createElement(
111
+ R,
88
112
  {
89
- ref: f,
90
- id: o.id,
91
- tabIndex: o.tabIndex,
92
- style: o.style,
93
- className: te("k-columnmenu-item-wrapper", o.className)
113
+ show: s,
114
+ actions: /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(V, { type: "reset", onClick: J, ...O }, C.toLanguageString(M, N[M])), /* @__PURE__ */ t.createElement(D, { themeColor: "primary", onClick: Q, ...G }, C.toLanguageString(P, N[P]))),
115
+ ...T
94
116
  },
95
- /* @__PURE__ */ t.createElement(
96
- A,
117
+ m && m.length ? /* @__PURE__ */ t.createElement(
118
+ q,
97
119
  {
98
- ...B,
99
- title: "Include Fields",
100
- iconClass: "k-i-grid-layout",
101
- svgIcon: ne,
102
- onClick: K
120
+ data: m,
121
+ checkboxes: !0,
122
+ onExpandChange: U,
123
+ onCheckChange: X,
124
+ textField: "caption",
125
+ expandIcons: !0,
126
+ hasChildrenField: "hasChildren",
127
+ checkIndeterminateField: "checkIndeterminate",
128
+ childrenField: "children",
129
+ ...L
103
130
  }
104
- ),
105
- /* @__PURE__ */ t.createElement(
106
- R,
107
- {
108
- show: s,
109
- actions: /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
110
- V,
111
- {
112
- type: "reset",
113
- onClick: J,
114
- ...O
115
- },
116
- C.toLanguageString(M, N[M])
117
- ), /* @__PURE__ */ t.createElement(
118
- D,
119
- {
120
- themeColor: "primary",
121
- onClick: Q,
122
- ...G
123
- },
124
- C.toLanguageString(P, N[P])
125
- )),
126
- ...T
127
- },
128
- m && m.length ? /* @__PURE__ */ t.createElement(
129
- q,
130
- {
131
- data: m,
132
- checkboxes: !0,
133
- onExpandChange: U,
134
- onCheckChange: X,
135
- textField: "caption",
136
- expandIcons: !0,
137
- hasChildrenField: "hasChildren",
138
- checkIndeterminateField: "checkIndeterminate",
139
- childrenField: "children",
140
- ...L
141
- }
142
- ) : /* @__PURE__ */ t.createElement(_, { ...b })
143
- )
144
- );
145
- }
146
- ), i = {
131
+ ) : /* @__PURE__ */ t.createElement(_, { ...b })
132
+ )
133
+ );
134
+ }), i = {
147
135
  data: [],
148
136
  resetButton: k,
149
137
  applyButton: k,
@@ -14,10 +14,7 @@ const c = t.forwardRef((e, r) => {
14
14
  element: l.current,
15
15
  props: e
16
16
  })), t.useImperativeHandle(r, () => a.current);
17
- const i = d(
18
- e,
19
- a
20
- );
17
+ const i = d(e, a);
21
18
  return /* @__PURE__ */ t.createElement(
22
19
  "td",
23
20
  {
@@ -14,10 +14,7 @@ const p = e.forwardRef((t, o) => {
14
14
  element: r.current,
15
15
  props: { path: m, ...t }
16
16
  })), e.useImperativeHandle(o, () => n.current);
17
- const i = d(
18
- t,
19
- n
20
- );
17
+ const i = d(t, n);
21
18
  return /* @__PURE__ */ e.createElement(
22
19
  "col",
23
20
  {
@@ -13,92 +13,81 @@ import { useLocalization as w } from "@progress/kendo-react-intl";
13
13
  import { Form as G, FormElement as H } from "@progress/kendo-react-form";
14
14
  import { PivotGridConfiguratorEditor as M } from "./ConfiguratorEditor.mjs";
15
15
  import { configuratorTitle as v, messages as d, configuratorCancel as F, configuratorApply as h } from "../messages/index.mjs";
16
- const j = t.forwardRef((e, A) => {
17
- const {
18
- horizontal: l,
19
- data: k,
20
- rowAxes: u,
21
- columnAxes: c,
22
- measureAxes: m
23
- } = { ...a, ...e }, g = t.useRef(null), o = t.useRef(null), r = t.useRef(null), s = w(), [R, N] = f(e.editor || a.editor), [C, S] = f(e.form || a.form), [b, z] = f(e.formElement || a.formElement);
24
- t.useImperativeHandle(o, () => ({ props: e, element: g.current })), t.useImperativeHandle(A, () => o.current);
25
- const P = (n, i) => {
26
- e.onRowAxesChange && e.onRowAxesChange({
27
- target: o.current,
28
- value: n.rowAxes,
29
- syntheticEvent: i
30
- }), e.onColumnAxesChange && e.onColumnAxesChange({
31
- target: o.current,
32
- value: n.columnAxes,
33
- syntheticEvent: i
34
- }), e.onMeasureAxesChange && e.onMeasureAxesChange({
35
- target: o.current,
36
- value: n.measureAxes,
37
- syntheticEvent: i
38
- }), e.onSortChange && e.onSortChange({
39
- target: o.current,
40
- value: n.sort,
41
- syntheticEvent: i
42
- }), e.onFilterChange && e.onFilterChange({
43
- target: o.current,
44
- value: n.filter,
45
- syntheticEvent: i
46
- });
47
- }, y = {
48
- rowAxes: u,
49
- columnAxes: c,
50
- measureAxes: m,
51
- sort: e.sort,
52
- filter: e.filter
53
- };
54
- return t.useEffect(() => {
55
- r.current && r.current.onChange("rowAxes", { value: u });
56
- }, [u]), t.useEffect(() => {
57
- r.current && r.current.onChange("columnAxes", { value: c });
58
- }, [c]), t.useEffect(() => {
59
- r.current && r.current.onChange("measureAxes", { value: m });
60
- }, [m]), t.useEffect(() => {
61
- r.current && r.current.onChange("sort", { value: e.sort });
62
- }, [e.sort]), t.useEffect(() => {
63
- r.current && r.current.onChange("filter", { value: e.filter });
64
- }, [e.filter]), /* @__PURE__ */ t.createElement(
65
- "div",
66
- {
67
- ref: g,
68
- id: e.id,
69
- tabIndex: e.tabIndex,
70
- style: e.style,
71
- className: E(
72
- "k-pivotgrid-configurator",
73
- e.className
74
- )
75
- },
76
- /* @__PURE__ */ t.createElement(
16
+ const j = t.forwardRef(
17
+ (e, A) => {
18
+ const { horizontal: l, data: k, rowAxes: u, columnAxes: c, measureAxes: m } = { ...a, ...e }, g = t.useRef(null), o = t.useRef(null), r = t.useRef(null), s = w(), [R, N] = f(
19
+ e.editor || a.editor
20
+ ), [C, S] = f(e.form || a.form), [b, z] = f(
21
+ e.formElement || a.formElement
22
+ );
23
+ t.useImperativeHandle(o, () => ({ props: e, element: g.current })), t.useImperativeHandle(
24
+ A,
25
+ () => o.current
26
+ );
27
+ const P = (n, i) => {
28
+ e.onRowAxesChange && e.onRowAxesChange({
29
+ target: o.current,
30
+ value: n.rowAxes,
31
+ syntheticEvent: i
32
+ }), e.onColumnAxesChange && e.onColumnAxesChange({
33
+ target: o.current,
34
+ value: n.columnAxes,
35
+ syntheticEvent: i
36
+ }), e.onMeasureAxesChange && e.onMeasureAxesChange({
37
+ target: o.current,
38
+ value: n.measureAxes,
39
+ syntheticEvent: i
40
+ }), e.onSortChange && e.onSortChange({
41
+ target: o.current,
42
+ value: n.sort,
43
+ syntheticEvent: i
44
+ }), e.onFilterChange && e.onFilterChange({
45
+ target: o.current,
46
+ value: n.filter,
47
+ syntheticEvent: i
48
+ });
49
+ }, y = {
50
+ rowAxes: u,
51
+ columnAxes: c,
52
+ measureAxes: m,
53
+ sort: e.sort,
54
+ filter: e.filter
55
+ };
56
+ return t.useEffect(() => {
57
+ r.current && r.current.onChange("rowAxes", { value: u });
58
+ }, [u]), t.useEffect(() => {
59
+ r.current && r.current.onChange("columnAxes", { value: c });
60
+ }, [c]), t.useEffect(() => {
61
+ r.current && r.current.onChange("measureAxes", { value: m });
62
+ }, [m]), t.useEffect(() => {
63
+ r.current && r.current.onChange("sort", { value: e.sort });
64
+ }, [e.sort]), t.useEffect(() => {
65
+ r.current && r.current.onChange("filter", { value: e.filter });
66
+ }, [e.filter]), /* @__PURE__ */ t.createElement(
77
67
  "div",
78
68
  {
79
- className: E(
80
- "k-pivotgrid-configurator-panel",
81
- "k-pivotgrid-configurator-push",
82
- {
83
- "k-pivotgrid-configurator-horizontal": l,
84
- "k-pivotgrid-configurator-vertical": !l
85
- }
86
- )
69
+ ref: g,
70
+ id: e.id,
71
+ tabIndex: e.tabIndex,
72
+ style: e.style,
73
+ className: E("k-pivotgrid-configurator", e.className)
87
74
  },
88
- /* @__PURE__ */ t.createElement("div", { className: "k-pivotgrid-configurator-header" }, /* @__PURE__ */ t.createElement("div", { className: "k-pivotgrid-configurator-header-text" }, s.toLanguageString(v, d[v]))),
89
75
  /* @__PURE__ */ t.createElement(
90
- C,
76
+ "div",
91
77
  {
92
- ref: L(C) ? r : void 0,
93
- initialValues: y,
94
- onSubmit: P,
95
- render: (n) => /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("div", { className: "k-pivotgrid-configurator-content" }, /* @__PURE__ */ t.createElement(
96
- b,
97
- {
98
- horizontal: l,
99
- ...z
100
- },
101
- /* @__PURE__ */ t.createElement(
78
+ className: E("k-pivotgrid-configurator-panel", "k-pivotgrid-configurator-push", {
79
+ "k-pivotgrid-configurator-horizontal": l,
80
+ "k-pivotgrid-configurator-vertical": !l
81
+ })
82
+ },
83
+ /* @__PURE__ */ t.createElement("div", { className: "k-pivotgrid-configurator-header" }, /* @__PURE__ */ t.createElement("div", { className: "k-pivotgrid-configurator-header-text" }, s.toLanguageString(v, d[v]))),
84
+ /* @__PURE__ */ t.createElement(
85
+ C,
86
+ {
87
+ ref: L(C) ? r : void 0,
88
+ initialValues: y,
89
+ onSubmit: P,
90
+ render: (n) => /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("div", { className: "k-pivotgrid-configurator-content" }, /* @__PURE__ */ t.createElement(b, { horizontal: l, ...z }, /* @__PURE__ */ t.createElement(
102
91
  R,
103
92
  {
104
93
  ...n,
@@ -110,14 +99,17 @@ const j = t.forwardRef((e, A) => {
110
99
  data: k,
111
100
  ...N
112
101
  }
113
- )
114
- )), /* @__PURE__ */ t.createElement("div", { className: "k-pivotgrid-configurator-actions k-actions k-hstack k-justify-content-end" }, /* @__PURE__ */ t.createElement(x, { type: "submit", onClick: n.onFormReset }, s.toLanguageString(F, d[F])), /* @__PURE__ */ t.createElement(x, { themeColor: "primary", type: "submit", onClick: n.onSubmit }, s.toLanguageString(h, d[h])))),
115
- ...S
116
- }
102
+ ))), /* @__PURE__ */ t.createElement("div", { className: "k-pivotgrid-configurator-actions k-actions k-hstack k-justify-content-end" }, /* @__PURE__ */ t.createElement(x, { type: "submit", onClick: n.onFormReset }, s.toLanguageString(
103
+ F,
104
+ d[F]
105
+ )), /* @__PURE__ */ t.createElement(x, { themeColor: "primary", type: "submit", onClick: n.onSubmit }, s.toLanguageString(h, d[h])))),
106
+ ...S
107
+ }
108
+ )
117
109
  )
118
- )
119
- );
120
- }), a = {
110
+ );
111
+ }
112
+ ), a = {
121
113
  form: G,
122
114
  formElement: H,
123
115
  editor: M,
@@ -13,25 +13,20 @@ import { gearIcon as v } from "@progress/kendo-svg-icons";
13
13
  import { configuratorButtonLabel as a, messages as p } from "../messages/index.mjs";
14
14
  const C = e.forwardRef((t, r) => {
15
15
  const o = e.useRef(null), n = e.useRef(null), c = I();
16
- e.useImperativeHandle(o, () => ({ props: t, element: n.current })), e.useImperativeHandle(r, () => o.current);
17
- const [s, i] = l(t.icon || N.icon), m = e.useMemo(
16
+ e.useImperativeHandle(o, () => ({ props: t, element: n.current })), e.useImperativeHandle(
17
+ r,
18
+ () => o.current
19
+ );
20
+ const [s, i] = l(
21
+ t.icon || N.icon
22
+ ), m = e.useMemo(
18
23
  () => f("k-pivotgrid-configurator-button", t.className),
19
24
  [t.className]
20
25
  ), u = d(
21
26
  t,
22
27
  o
23
28
  );
24
- return /* @__PURE__ */ e.createElement(
25
- "div",
26
- {
27
- ref: n,
28
- id: t.id,
29
- className: m,
30
- tabIndex: t.tabIndex,
31
- ...u
32
- },
33
- /* @__PURE__ */ e.createElement("span", null, c.toLanguageString(a, p[a]), /* @__PURE__ */ e.createElement(s, { name: "gear", icon: v, ...i }))
34
- );
29
+ return /* @__PURE__ */ e.createElement("div", { ref: n, id: t.id, className: m, tabIndex: t.tabIndex, ...u }, /* @__PURE__ */ e.createElement("span", null, c.toLanguageString(a, p[a]), /* @__PURE__ */ e.createElement(s, { name: "gear", icon: v, ...i })));
35
30
  }), N = {
36
31
  icon: g
37
32
  };
@@ -31,7 +31,23 @@ const ce = e.forwardRef((E, D) => {
31
31
  horizontal: r.horizontal,
32
32
  axesEditor: r.axesEditor,
33
33
  ...E
34
- }, [Z, O] = d(o.fieldsLabel || r.fieldsLabel), [B, H] = d(o.fieldsEditor || r.fieldsEditor), [_, K] = d(o.columnAxesLabel || r.columnAxesLabel), [U, V] = d(o.columnAxesEditor || r.columnAxesEditor), [j, q] = d(o.rowAxesLabel || r.rowAxesLabel), [J, Q] = d(o.rowAxesEditor || r.rowAxesEditor), [W, X] = d(o.measureAxesLabel || r.measureAxesLabel), [Y, $] = d(o.measureAxesEditor || r.measureAxesEditor), ee = e.useRef(null), i = e.useRef(null), m = se(), [n, s] = ie(o, i);
34
+ }, [Z, O] = d(
35
+ o.fieldsLabel || r.fieldsLabel
36
+ ), [B, H] = d(
37
+ o.fieldsEditor || r.fieldsEditor
38
+ ), [_, K] = d(
39
+ o.columnAxesLabel || r.columnAxesLabel
40
+ ), [U, V] = d(
41
+ o.columnAxesEditor || r.columnAxesEditor
42
+ ), [j, q] = d(
43
+ o.rowAxesLabel || r.rowAxesLabel
44
+ ), [J, Q] = d(
45
+ o.rowAxesEditor || r.rowAxesEditor
46
+ ), [W, X] = d(
47
+ o.measureAxesLabel || r.measureAxesLabel
48
+ ), [Y, $] = d(
49
+ o.measureAxesEditor || r.measureAxesEditor
50
+ ), ee = e.useRef(null), i = e.useRef(null), m = se(), [n, s] = ie(o, i);
35
51
  e.useImperativeHandle(i, () => ({
36
52
  element: ee.current,
37
53
  props: o,
@@ -103,7 +119,10 @@ const ce = e.forwardRef((E, D) => {
103
119
  onAxisFilterFieldsExpandChange: re
104
120
  }
105
121
  },
106
- /* @__PURE__ */ e.createElement(de.Provider, { value: [n, s] }, /* @__PURE__ */ e.createElement(b, { ...k }, /* @__PURE__ */ e.createElement("div", { className: "k-form-field" }, /* @__PURE__ */ e.createElement(Z, { name: "", component: g, ...O }, m.toLanguageString(I, u[I]))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field" }, /* @__PURE__ */ e.createElement("div", { className: "k-fields-list-wrapper" }, /* @__PURE__ */ e.createElement(
122
+ /* @__PURE__ */ e.createElement(de.Provider, { value: [n, s] }, /* @__PURE__ */ e.createElement(b, { ...k }, /* @__PURE__ */ e.createElement("div", { className: "k-form-field" }, /* @__PURE__ */ e.createElement(Z, { name: "", component: g, ...O }, m.toLanguageString(
123
+ I,
124
+ u[I]
125
+ ))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field" }, /* @__PURE__ */ e.createElement("div", { className: "k-fields-list-wrapper" }, /* @__PURE__ */ e.createElement(
107
126
  B,
108
127
  {
109
128
  data: o.data,
@@ -129,7 +148,10 @@ const ce = e.forwardRef((E, D) => {
129
148
  component: _,
130
149
  ...K
131
150
  },
132
- m.toLanguageString(S, u[S])
151
+ m.toLanguageString(
152
+ S,
153
+ u[S]
154
+ )
133
155
  )
134
156
  ), o.valueGetter("columnAxes").length ? /* @__PURE__ */ e.createElement(
135
157
  p,
@@ -149,7 +171,10 @@ const ce = e.forwardRef((E, D) => {
149
171
  onMouseEnter: F,
150
172
  onMouseLeave: L
151
173
  },
152
- m.toLanguageString(x, u[x])
174
+ m.toLanguageString(
175
+ x,
176
+ u[x]
177
+ )
153
178
  ), /* @__PURE__ */ e.createElement(
154
179
  "div",
155
180
  {
@@ -157,16 +182,7 @@ const ce = e.forwardRef((E, D) => {
157
182
  onMouseEnter: C,
158
183
  onMouseLeave: y
159
184
  },
160
- /* @__PURE__ */ e.createElement(
161
- p,
162
- {
163
- name: "rowAxes",
164
- field: "rowAxes",
165
- component: j,
166
- ...q
167
- },
168
- m.toLanguageString(G, u[G])
169
- )
185
+ /* @__PURE__ */ e.createElement(p, { name: "rowAxes", field: "rowAxes", component: j, ...q }, m.toLanguageString(G, u[G]))
170
186
  ), o.valueGetter("rowAxes").length ? /* @__PURE__ */ e.createElement(
171
187
  p,
172
188
  {
@@ -185,7 +201,10 @@ const ce = e.forwardRef((E, D) => {
185
201
  onMouseEnter: C,
186
202
  onMouseLeave: y
187
203
  },
188
- m.toLanguageString(x, u[x])
204
+ m.toLanguageString(
205
+ x,
206
+ u[x]
207
+ )
189
208
  )), /* @__PURE__ */ e.createElement(b, { ...k }, /* @__PURE__ */ e.createElement(
190
209
  "div",
191
210
  {
@@ -201,7 +220,10 @@ const ce = e.forwardRef((E, D) => {
201
220
  component: W,
202
221
  ...X
203
222
  },
204
- m.toLanguageString(z, u[z])
223
+ m.toLanguageString(
224
+ z,
225
+ u[z]
226
+ )
205
227
  )
206
228
  ), o.valueGetter("measureAxes").length ? /* @__PURE__ */ e.createElement(
207
229
  p,
@@ -221,7 +243,10 @@ const ce = e.forwardRef((E, D) => {
221
243
  onMouseEnter: M,
222
244
  onMouseLeave: w
223
245
  },
224
- m.toLanguageString(x, u[x])
246
+ m.toLanguageString(
247
+ x,
248
+ u[x]
249
+ )
225
250
  )))
226
251
  );
227
252
  }), r = {
@@ -236,8 +261,14 @@ const ce = e.forwardRef((E, D) => {
236
261
  measureAxesLabel: g,
237
262
  measureAxesEditor: f,
238
263
  axesEditor: f,
239
- onFieldsEditorFieldCheckAction: (E) => ({ type: c.toggleSelection, payload: E.value }),
240
- onFieldsEditorFieldExpandAction: (E) => ({ type: c.toggleExpansion, payload: E.value })
264
+ onFieldsEditorFieldCheckAction: (E) => ({
265
+ type: c.toggleSelection,
266
+ payload: E.value
267
+ }),
268
+ onFieldsEditorFieldExpandAction: (E) => ({
269
+ type: c.toggleExpansion,
270
+ payload: E.value
271
+ })
241
272
  };
242
273
  ce.displayName = "KendoReactPivotGridConfiguratorEditor";
243
274
  export {