@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 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
- () => e.selected || (Array.isArray(m) ? m.some((t) => t === e.value) : m === e.value),
37
- [e.selected, e.value, m]
38
- ), g = a.useMemo(
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
- void 0,
57
- {
58
- target: c.current,
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
- void 0,
82
- {
83
- target: c.current,
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
- void 0,
93
- {
94
- target: c.current,
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
- void 0,
104
- {
105
- target: c.current,
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([null, (e) => {
11
- }]), s = t.createContext([null, (e) => {
12
- }]), a = t.createContext([null, (e) => {
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,