@progress/kendo-react-dropdowns 8.3.0-develop.6 → 8.3.0-develop.7
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/ComboBox/ComboBox.js +1 -1
- package/ComboBox/ComboBox.mjs +30 -30
- package/DropDownList/DropDownList.js +1 -1
- package/DropDownList/DropDownList.mjs +55 -55
- package/DropDownTree/DropDownTree.js +1 -1
- package/DropDownTree/DropDownTree.mjs +1 -1
- package/MultiSelect/MultiSelect.js +1 -1
- package/MultiSelect/MultiSelect.mjs +1 -1
- package/MultiSelectTree/MultiSelectTree.js +1 -1
- package/MultiSelectTree/MultiSelectTree.mjs +11 -11
- package/dist/cdn/js/kendo-react-dropdowns.js +1 -1
- package/package-metadata.mjs +1 -1
- package/package.json +9 -9
|
@@ -72,27 +72,27 @@ const It = "Please select a value from the list!", { sizeMap: Ne, roundedMap: St
|
|
|
72
72
|
validityStyles: Be = y.validityStyles,
|
|
73
73
|
onOpen: ae = Z,
|
|
74
74
|
onClose: z = Z
|
|
75
|
-
} = a, _ = lt(a.tabIndex, E), l = t.useRef(null), C = t.useRef(null), w = t.useRef(null), ie = t.useRef(null),
|
|
75
|
+
} = a, _ = lt(a.tabIndex, E), l = t.useRef(null), C = t.useRef(null), w = t.useRef(null), ie = t.useRef(null), H = t.useRef(null), k = t.useRef(null), $ = t.useRef(!1), G = t.useRef([]), U = t.useRef(null), [N, Ve] = t.useState(), [Ke, he] = t.useState(!1), [d, re] = t.useState(!1), [oe, qe] = t.useState(), [Ae, We] = t.useState([]), [be, ze] = t.useState(""), P = !!(oe && oe <= xt && a.adaptive), s = S !== void 0 ? S : Ke, le = !!(Array.isArray(m) && m.length), se = Tt({ validationMessage: A, valid: Le, required: ve }, le), T = st(C, a.dir), _e = {
|
|
76
76
|
width: ht(C, y, R, L),
|
|
77
77
|
...T !== void 0 ? { direction: T } : {}
|
|
78
|
-
},
|
|
78
|
+
}, He = t.useCallback(() => C.current && C.current.focus(), []);
|
|
79
79
|
G.current = pe === void 0 ? (m || []).map((e) => ({ text: gt(e, a.textField), data: [e] })) : [...pe], t.useImperativeHandle(
|
|
80
80
|
l,
|
|
81
81
|
() => ({
|
|
82
82
|
props: a,
|
|
83
83
|
element: C.current,
|
|
84
|
-
focus:
|
|
84
|
+
focus: He
|
|
85
85
|
})
|
|
86
86
|
), t.useImperativeHandle(M, () => l.current);
|
|
87
|
-
const
|
|
87
|
+
const $e = t.useCallback(
|
|
88
88
|
() => {
|
|
89
|
-
|
|
89
|
+
H.current && H.current.setCustomValidity && H.current.setCustomValidity(
|
|
90
90
|
se.valid ? "" : A === void 0 ? It : A
|
|
91
91
|
);
|
|
92
92
|
},
|
|
93
93
|
[A, se]
|
|
94
94
|
);
|
|
95
|
-
t.useEffect(
|
|
95
|
+
t.useEffect($e), t.useEffect(() => {
|
|
96
96
|
const e = ct && window.ResizeObserver && new window.ResizeObserver(tt.bind(void 0));
|
|
97
97
|
return document != null && document.body && e && e.observe(document.body), () => {
|
|
98
98
|
e && e.disconnect();
|
|
@@ -154,7 +154,7 @@ const It = "Please select a value from the list!", { sizeMap: Ne, roundedMap: St
|
|
|
154
154
|
[s, S, z]
|
|
155
155
|
), h = t.useCallback(
|
|
156
156
|
(e) => {
|
|
157
|
-
|
|
157
|
+
$.current = !0, e(), window.setTimeout(() => $.current = !1, 0);
|
|
158
158
|
},
|
|
159
159
|
[]
|
|
160
160
|
), u = t.useCallback(
|
|
@@ -175,7 +175,7 @@ const It = "Please select a value from the list!", { sizeMap: Ne, roundedMap: St
|
|
|
175
175
|
[d, u]
|
|
176
176
|
), je = t.useCallback(
|
|
177
177
|
(e) => {
|
|
178
|
-
if (!d &&
|
|
178
|
+
if (!d && !$.current && (re(!0), a.onFocus && l.current)) {
|
|
179
179
|
const i = {
|
|
180
180
|
syntheticEvent: e,
|
|
181
181
|
nativeEvent: e.nativeEvent,
|
|
@@ -187,7 +187,7 @@ const It = "Please select a value from the list!", { sizeMap: Ne, roundedMap: St
|
|
|
187
187
|
[d, a.onFocus]
|
|
188
188
|
), Je = t.useCallback(
|
|
189
189
|
(e) => {
|
|
190
|
-
if (d &&
|
|
190
|
+
if (d && !$.current && l.current) {
|
|
191
191
|
re(!1);
|
|
192
192
|
const i = {
|
|
193
193
|
syntheticEvent: e,
|
|
@@ -357,7 +357,7 @@ const It = "Please select a value from the list!", { sizeMap: Ne, roundedMap: St
|
|
|
357
357
|
onApply: (r) => g(r)
|
|
358
358
|
}
|
|
359
359
|
};
|
|
360
|
-
return /* @__PURE__ */ t.createElement(kt, { ...i }, /* @__PURE__ */ t.createElement(Ft, {
|
|
360
|
+
return /* @__PURE__ */ t.createElement(kt, { ...i }, /* @__PURE__ */ t.createElement(Ft, { overflowHidden: !0 }, /* @__PURE__ */ t.createElement("div", { className: "k-list-container" }, /* @__PURE__ */ t.createElement("div", { className: "k-list k-list-lg" }, q.length > 0 ? /* @__PURE__ */ t.createElement(
|
|
361
361
|
we,
|
|
362
362
|
{
|
|
363
363
|
ref: k,
|
|
@@ -445,7 +445,7 @@ const It = "Please select a value from the list!", { sizeMap: Ne, roundedMap: St
|
|
|
445
445
|
"select",
|
|
446
446
|
{
|
|
447
447
|
name: Oe,
|
|
448
|
-
ref:
|
|
448
|
+
ref: H,
|
|
449
449
|
tabIndex: -1,
|
|
450
450
|
"aria-hidden": !0,
|
|
451
451
|
title: B,
|