@progress/kendo-react-buttons 9.0.0-develop.1 → 9.0.0-develop.3
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/Chip/Chip.mjs +22 -56
- package/Chip/ChipList.mjs +2 -20
- package/Chip/chip-list-contexts.mjs +13 -4
- package/FloatingActionButton/FloatingActionButton.mjs +235 -264
- package/FloatingActionButton/FloatingActionButtonItem.mjs +3 -6
- package/ListButton/ButtonItem.mjs +21 -18
- package/ListButton/utils/popup.js +1 -1
- package/ListButton/utils/popup.mjs +8 -8
- package/README.md +60 -58
- package/dist/cdn/js/kendo-react-buttons.js +1 -1
- package/index.mjs +6 -2
- package/package-metadata.mjs +1 -1
- package/package.json +3 -3
- package/toolbar/tools/ToolbarSpacer.mjs +8 -18
package/Chip/Chip.mjs
CHANGED
|
@@ -32,19 +32,10 @@ const z = a.forwardRef((e, A) => {
|
|
|
32
32
|
element: d.current,
|
|
33
33
|
props: e
|
|
34
34
|
})), a.useImperativeHandle(A, () => c.current);
|
|
35
|
-
const [m, i] = a.useContext(H), [R, o] = a.useContext(U), [, S] = a.useContext(W), h = a.useMemo(
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
() => R === e.value,
|
|
40
|
-
[e.value, R]
|
|
41
|
-
);
|
|
42
|
-
a.useEffect(
|
|
43
|
-
() => {
|
|
44
|
-
g && d.current && d.current.focus();
|
|
45
|
-
},
|
|
46
|
-
[g]
|
|
47
|
-
);
|
|
35
|
+
const [m, i] = a.useContext(H), [R, o] = a.useContext(U), [, S] = a.useContext(W), h = a.useMemo(() => e.selected || (Array.isArray(m) ? m.some((t) => t === e.value) : m === e.value), [e.selected, e.value, m]), g = a.useMemo(() => R === e.value, [e.value, R]);
|
|
36
|
+
a.useEffect(() => {
|
|
37
|
+
g && d.current && d.current.focus();
|
|
38
|
+
}, [g]);
|
|
48
39
|
const K = a.useCallback(
|
|
49
40
|
(t) => {
|
|
50
41
|
i({ type: x.toggle, payload: e.value, event: t });
|
|
@@ -52,13 +43,10 @@ const z = a.forwardRef((e, A) => {
|
|
|
52
43
|
[i, e.value]
|
|
53
44
|
), b = a.useCallback(
|
|
54
45
|
(t) => {
|
|
55
|
-
s && (S({ type: Q.remove, payload: e.value, event: t }), o({ type: v.reset, payload: e.value, event: t }), i({ type: x.remove, payload: e.value, event: t }), e.onRemove && e.onRemove.call(
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
syntheticEvent: t
|
|
60
|
-
}
|
|
61
|
-
));
|
|
46
|
+
s && (S({ type: Q.remove, payload: e.value, event: t }), o({ type: v.reset, payload: e.value, event: t }), i({ type: x.remove, payload: e.value, event: t }), e.onRemove && e.onRemove.call(void 0, {
|
|
47
|
+
target: c.current,
|
|
48
|
+
syntheticEvent: t
|
|
49
|
+
}));
|
|
62
50
|
},
|
|
63
51
|
[e.onRemove, e.value, s, S, o, i]
|
|
64
52
|
), P = a.useCallback(
|
|
@@ -77,35 +65,26 @@ const z = a.forwardRef((e, A) => {
|
|
|
77
65
|
b(t);
|
|
78
66
|
break;
|
|
79
67
|
}
|
|
80
|
-
e.onKeyDown && e.onKeyDown.call(
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
syntheticEvent: t
|
|
85
|
-
}
|
|
86
|
-
);
|
|
68
|
+
e.onKeyDown && e.onKeyDown.call(void 0, {
|
|
69
|
+
target: c.current,
|
|
70
|
+
syntheticEvent: t
|
|
71
|
+
});
|
|
87
72
|
},
|
|
88
73
|
[e.onKeyDown, e.value, o, i, b]
|
|
89
74
|
), $ = a.useCallback(
|
|
90
75
|
(t) => {
|
|
91
|
-
o({ payload: e.value, type: v.current, event: t }), e.onFocus && e.onFocus.call(
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
syntheticEvent: t
|
|
96
|
-
}
|
|
97
|
-
);
|
|
76
|
+
o({ payload: e.value, type: v.current, event: t }), e.onFocus && e.onFocus.call(void 0, {
|
|
77
|
+
target: c.current,
|
|
78
|
+
syntheticEvent: t
|
|
79
|
+
});
|
|
98
80
|
},
|
|
99
81
|
[e.onFocus, e.value, o]
|
|
100
82
|
), L = a.useCallback(
|
|
101
83
|
(t) => {
|
|
102
|
-
e.onBlur && e.onBlur.call(
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
syntheticEvent: t
|
|
107
|
-
}
|
|
108
|
-
);
|
|
84
|
+
e.onBlur && e.onBlur.call(void 0, {
|
|
85
|
+
target: c.current,
|
|
86
|
+
syntheticEvent: t
|
|
87
|
+
});
|
|
109
88
|
},
|
|
110
89
|
[e.onBlur]
|
|
111
90
|
), _ = G(e, c, { onClick: K });
|
|
@@ -165,22 +144,9 @@ const z = a.forwardRef((e, A) => {
|
|
|
165
144
|
className: `k-chip-avatar k-avatar k-rounded-${e.avatar.rounded} k-avatar-md k-avatar-solid k-avatar-solid-primary`,
|
|
166
145
|
style: e.avatar.style
|
|
167
146
|
},
|
|
168
|
-
/* @__PURE__ */ a.createElement("span", { className: "k-avatar-image" }, /* @__PURE__ */ a.createElement(
|
|
169
|
-
"img",
|
|
170
|
-
{
|
|
171
|
-
src: e.avatar.image,
|
|
172
|
-
alt: e.avatar.imageAlt
|
|
173
|
-
}
|
|
174
|
-
))
|
|
147
|
+
/* @__PURE__ */ a.createElement("span", { className: "k-avatar-image" }, /* @__PURE__ */ a.createElement("img", { src: e.avatar.image, alt: e.avatar.imageAlt }))
|
|
175
148
|
),
|
|
176
|
-
/* @__PURE__ */ a.createElement("span", { className: "k-chip-content" }, e.children !== void 0 ? e.children : e.text && /* @__PURE__ */ a.createElement(
|
|
177
|
-
"span",
|
|
178
|
-
{
|
|
179
|
-
"aria-label": e.ariaLabel || e.text,
|
|
180
|
-
className: "k-chip-label"
|
|
181
|
-
},
|
|
182
|
-
e.text
|
|
183
|
-
)),
|
|
149
|
+
/* @__PURE__ */ a.createElement("span", { className: "k-chip-content" }, e.children !== void 0 ? e.children : e.text && /* @__PURE__ */ a.createElement("span", { "aria-label": e.ariaLabel || e.text, className: "k-chip-label" }, e.text)),
|
|
184
150
|
s && /* @__PURE__ */ a.createElement("span", { className: "k-chip-actions" }, /* @__PURE__ */ a.createElement("span", { className: T("k-chip-action", "k-chip-remove-action"), onClick: b }, /* @__PURE__ */ a.createElement(
|
|
185
151
|
I,
|
|
186
152
|
{
|
package/Chip/ChipList.mjs
CHANGED
|
@@ -56,10 +56,7 @@ const re = (a, i, s) => {
|
|
|
56
56
|
dir: w = r.dir,
|
|
57
57
|
onChange: y,
|
|
58
58
|
onDataChange: C
|
|
59
|
-
} = a, F = X(l, w), A = t.useMemo(
|
|
60
|
-
() => g || D,
|
|
61
|
-
[g, D]
|
|
62
|
-
);
|
|
59
|
+
} = a, F = X(l, w), A = t.useMemo(() => g || D, [g, D]);
|
|
63
60
|
t.useImperativeHandle(s, () => ({
|
|
64
61
|
element: l.current,
|
|
65
62
|
props: a
|
|
@@ -99,22 +96,7 @@ const re = (a, i, s) => {
|
|
|
99
96
|
), I = t.useCallback(
|
|
100
97
|
(n, u) => (n.push(u[p]), n),
|
|
101
98
|
[p]
|
|
102
|
-
), v = t.useMemo(
|
|
103
|
-
() => a.data || L,
|
|
104
|
-
[a.data, L]
|
|
105
|
-
), K = t.useMemo(
|
|
106
|
-
() => h || k,
|
|
107
|
-
[h, k]
|
|
108
|
-
), $ = t.useMemo(
|
|
109
|
-
() => v.reduce(I, []),
|
|
110
|
-
[v, I]
|
|
111
|
-
), R = t.useCallback(
|
|
112
|
-
(n) => M(p)(n),
|
|
113
|
-
[p]
|
|
114
|
-
), q = t.useCallback(
|
|
115
|
-
(n) => M(S)(n),
|
|
116
|
-
[S]
|
|
117
|
-
), [J, Q] = oe({ items: $ }), U = Y(a, s);
|
|
99
|
+
), v = t.useMemo(() => a.data || L, [a.data, L]), K = t.useMemo(() => h || k, [h, k]), $ = t.useMemo(() => v.reduce(I, []), [v, I]), R = t.useCallback((n) => M(p)(n), [p]), q = t.useCallback((n) => M(S)(n), [S]), [J, Q] = oe({ items: $ }), U = Y(a, s);
|
|
118
100
|
return /* @__PURE__ */ t.createElement(ne.Provider, { value: [K, j] }, /* @__PURE__ */ t.createElement(se.Provider, { value: [J, Q] }, /* @__PURE__ */ t.createElement(ie.Provider, { value: [v, H] }, /* @__PURE__ */ t.createElement(
|
|
119
101
|
"div",
|
|
120
102
|
{
|
|
@@ -7,10 +7,19 @@
|
|
|
7
7
|
*/
|
|
8
8
|
"use client";
|
|
9
9
|
import t from "react";
|
|
10
|
-
const o = t.createContext([
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
}
|
|
10
|
+
const o = t.createContext([
|
|
11
|
+
null,
|
|
12
|
+
(e) => {
|
|
13
|
+
}
|
|
14
|
+
]), s = t.createContext([
|
|
15
|
+
null,
|
|
16
|
+
(e) => {
|
|
17
|
+
}
|
|
18
|
+
]), a = t.createContext([
|
|
19
|
+
null,
|
|
20
|
+
(e) => {
|
|
21
|
+
}
|
|
22
|
+
]);
|
|
14
23
|
export {
|
|
15
24
|
a as ChipListDataContext,
|
|
16
25
|
s as ChipListFocusContext,
|