@progress/kendo-react-dropdowns 9.2.0-develop.1 → 9.2.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/AutoComplete/AutoComplete.js +2 -2
- package/AutoComplete/AutoComplete.mjs +282 -219
- package/ComboBox/ComboBox.js +2 -2
- package/ComboBox/ComboBox.mjs +38 -39
- package/DropDownList/DropDownList.js +2 -2
- package/DropDownList/DropDownList.mjs +116 -117
- package/DropDownTree/DropDownTree.js +2 -2
- package/DropDownTree/DropDownTree.mjs +67 -68
- package/DropDownTree/ListNoData.js +1 -1
- package/DropDownTree/ListNoData.mjs +1 -1
- package/DropDownTree/useDropdownWidth.js +1 -1
- package/DropDownTree/useDropdownWidth.mjs +1 -1
- package/LICENSE.md +1 -1
- package/MultiColumnComboBox/MultiColumnComboBox.js +1 -1
- package/MultiColumnComboBox/MultiColumnComboBox.mjs +1 -1
- package/MultiSelect/MultiSelect.js +2 -2
- package/MultiSelect/MultiSelect.mjs +42 -43
- package/MultiSelect/TagList.js +1 -1
- package/MultiSelect/TagList.mjs +1 -1
- package/MultiSelectTree/MultiSelectTree.js +2 -2
- package/MultiSelectTree/MultiSelectTree.mjs +65 -66
- package/MultiSelectTree/utils.js +1 -1
- package/MultiSelectTree/utils.mjs +1 -1
- package/README.md +1 -1
- package/common/AdaptiveMode.js +2 -2
- package/common/AdaptiveMode.mjs +44 -42
- package/common/ClearButton.js +1 -1
- package/common/ClearButton.mjs +1 -1
- package/common/DropDownBase.js +1 -1
- package/common/DropDownBase.mjs +1 -1
- package/common/GroupStickyHeader.js +1 -1
- package/common/GroupStickyHeader.mjs +1 -1
- package/common/List.js +1 -1
- package/common/List.mjs +1 -1
- package/common/ListContainer.js +1 -1
- package/common/ListContainer.mjs +1 -1
- package/common/ListDefaultItem.js +1 -1
- package/common/ListDefaultItem.mjs +1 -1
- package/common/ListFilter.js +1 -1
- package/common/ListFilter.mjs +1 -1
- package/common/ListGroupItem.js +1 -1
- package/common/ListGroupItem.mjs +1 -1
- package/common/ListItem.js +1 -1
- package/common/ListItem.mjs +1 -1
- package/common/MultiColumnList.js +1 -1
- package/common/MultiColumnList.mjs +1 -1
- package/common/Navigation.js +1 -1
- package/common/Navigation.mjs +1 -1
- package/common/SearchBar.js +1 -1
- package/common/SearchBar.mjs +1 -1
- package/common/VirtualScrollStatic.js +1 -1
- package/common/VirtualScrollStatic.mjs +1 -1
- package/common/settings.js +1 -1
- package/common/settings.mjs +1 -1
- package/common/utils.js +1 -1
- package/common/utils.mjs +1 -1
- package/common/withCustomComponent.js +1 -1
- package/common/withCustomComponent.mjs +1 -1
- package/dist/cdn/js/kendo-react-dropdowns.js +2 -2
- package/index.d.mts +31 -2
- package/index.d.ts +31 -2
- package/index.js +1 -1
- package/index.mjs +1 -1
- package/messages/index.js +1 -1
- package/messages/index.mjs +1 -1
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +9 -9
- package/common/constants.js +0 -8
- package/common/constants.mjs +0 -13
|
@@ -1,35 +1,34 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
3
|
*-------------------------------------------------------------------------------------------
|
|
4
|
-
* Copyright ©
|
|
4
|
+
* Copyright © 2025 Progress Software Corporation. All rights reserved.
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
"use client";
|
|
9
9
|
import * as t from "react";
|
|
10
10
|
import n from "prop-types";
|
|
11
|
-
import { createPropsContext as at, usePropsContext as it, validatePackage as rt, useId as ot, getTabIndex as lt,
|
|
12
|
-
import { Popup as
|
|
13
|
-
import { useLocalization as
|
|
11
|
+
import { createPropsContext as at, usePropsContext as it, validatePackage as rt, useId as ot, getTabIndex as lt, ADAPTIVE_MEDIUM_BREAKPOINT as st, useRtl as ct, canUseDOM as ut, noop as Z, Keys as o, classNames as ee, IconWrap as dt, kendoThemeMaps as pt } from "@progress/kendo-react-common";
|
|
12
|
+
import { Popup as ft } from "@progress/kendo-react-popup";
|
|
13
|
+
import { useLocalization as mt } from "@progress/kendo-react-intl";
|
|
14
14
|
import { TreeView as we } from "@progress/kendo-react-treeview";
|
|
15
|
-
import { packageMetadata as
|
|
16
|
-
import { getItemValue as
|
|
17
|
-
import { useDropdownWidth as
|
|
18
|
-
import { ListNoData as
|
|
19
|
-
import { nodata as te, messages as ne, adaptiveModeFooterCancel as De, adaptiveModeFooterApply as
|
|
20
|
-
import { FloatingLabel as
|
|
21
|
-
import
|
|
22
|
-
import
|
|
23
|
-
import
|
|
24
|
-
import { AdaptiveMode as
|
|
25
|
-
import { ActionSheetContent as
|
|
26
|
-
|
|
27
|
-
const
|
|
28
|
-
const { validationMessage: a, valid: K, required: x } = O;
|
|
15
|
+
import { packageMetadata as gt } from "../package-metadata.mjs";
|
|
16
|
+
import { getItemValue as vt, areSame as ht, matchTags as Te } from "../common/utils.mjs";
|
|
17
|
+
import { useDropdownWidth as bt } from "../DropDownTree/useDropdownWidth.mjs";
|
|
18
|
+
import { ListNoData as yt } from "../DropDownTree/ListNoData.mjs";
|
|
19
|
+
import { nodata as te, messages as ne, adaptiveModeFooterCancel as De, adaptiveModeFooterApply as Re } from "../messages/index.mjs";
|
|
20
|
+
import { FloatingLabel as Ct } from "@progress/kendo-react-labels";
|
|
21
|
+
import Et from "../MultiSelect/TagList.mjs";
|
|
22
|
+
import kt from "../common/ClearButton.mjs";
|
|
23
|
+
import Me from "../common/ListFilter.mjs";
|
|
24
|
+
import { AdaptiveMode as Ft } from "../common/AdaptiveMode.mjs";
|
|
25
|
+
import { ActionSheetContent as xt } from "@progress/kendo-react-layout";
|
|
26
|
+
const It = "Please select a value from the list!", { sizeMap: Ne, roundedMap: St } = pt, wt = (O) => O.split("_").map((R) => parseInt(R, 10)), Tt = (O, R) => {
|
|
27
|
+
const { validationMessage: a, valid: L, required: x } = O;
|
|
29
28
|
return {
|
|
30
29
|
customError: a !== void 0,
|
|
31
|
-
valid: !!(
|
|
32
|
-
valueMissing: !
|
|
30
|
+
valid: !!(L !== void 0 ? L : !x || R),
|
|
31
|
+
valueMissing: !R
|
|
33
32
|
};
|
|
34
33
|
}, y = {
|
|
35
34
|
checkField: "checkField",
|
|
@@ -46,52 +45,52 @@ const It = "Please select a value from the list!", { sizeMap: Ne, roundedMap: St
|
|
|
46
45
|
required: !1,
|
|
47
46
|
validityStyles: !0
|
|
48
47
|
}, Dt = at(), Pe = t.forwardRef(
|
|
49
|
-
(O,
|
|
48
|
+
(O, R) => {
|
|
50
49
|
const a = it(Dt, O);
|
|
51
|
-
rt(
|
|
52
|
-
const
|
|
53
|
-
data:
|
|
50
|
+
rt(gt);
|
|
51
|
+
const L = ot(), x = a.id || L, {
|
|
52
|
+
data: V = [],
|
|
54
53
|
dataItemKey: I,
|
|
55
|
-
style:
|
|
54
|
+
style: A = {},
|
|
56
55
|
placeholder: de,
|
|
57
56
|
label: B,
|
|
58
57
|
name: Oe,
|
|
59
|
-
validationMessage:
|
|
60
|
-
valid:
|
|
58
|
+
validationMessage: q,
|
|
59
|
+
valid: Ae,
|
|
61
60
|
tags: pe,
|
|
62
61
|
value: m,
|
|
63
62
|
opened: S,
|
|
64
63
|
disabled: E,
|
|
65
|
-
popupSettings:
|
|
64
|
+
popupSettings: M = y.popupSettings,
|
|
66
65
|
checkField: fe = y.checkField,
|
|
67
66
|
checkIndeterminateField: me = y.checkIndeterminateField,
|
|
68
67
|
subItemsField: ge = y.subItemsField,
|
|
69
68
|
size: v = y.size,
|
|
70
|
-
rounded:
|
|
69
|
+
rounded: K = y.rounded,
|
|
71
70
|
fillMode: W = y.fillMode,
|
|
72
71
|
required: ve = y.required,
|
|
73
72
|
validityStyles: Be = y.validityStyles,
|
|
74
73
|
onOpen: ae = Z,
|
|
75
74
|
onClose: z = Z
|
|
76
|
-
} = a, H = lt(a.tabIndex, E), l = t.useRef(null), C = t.useRef(null), w = t.useRef(null), ie = t.useRef(null), _ = t.useRef(null), k = t.useRef(null), $ = t.useRef(!1), G = t.useRef([]), U = t.useRef(null), [N,
|
|
77
|
-
width:
|
|
75
|
+
} = a, H = lt(a.tabIndex, E), l = t.useRef(null), C = t.useRef(null), w = t.useRef(null), ie = t.useRef(null), _ = t.useRef(null), k = t.useRef(null), $ = t.useRef(!1), G = t.useRef([]), U = t.useRef(null), [N, Ke] = t.useState(), [Le, he] = t.useState(!1), [d, re] = t.useState(!1), [oe, Ve] = t.useState(), [qe, We] = t.useState([]), [be, ze] = t.useState(""), P = !!(oe && oe <= st && a.adaptive), s = S !== void 0 ? S : Le, le = !!(Array.isArray(m) && m.length), se = Tt({ validationMessage: q, valid: Ae, required: ve }, le), T = ct(C, a.dir), He = {
|
|
76
|
+
width: bt(C, y, M, A),
|
|
78
77
|
...T !== void 0 ? { direction: T } : {}
|
|
79
78
|
}, _e = t.useCallback(() => C.current && C.current.focus(), []);
|
|
80
|
-
G.current = pe === void 0 ? (m || []).map((e) => ({ text:
|
|
79
|
+
G.current = pe === void 0 ? (m || []).map((e) => ({ text: vt(e, a.textField), data: [e] })) : [...pe], t.useImperativeHandle(l, () => ({
|
|
81
80
|
props: a,
|
|
82
81
|
element: C.current,
|
|
83
82
|
focus: _e
|
|
84
83
|
})), t.useImperativeHandle(
|
|
85
|
-
|
|
84
|
+
R,
|
|
86
85
|
() => l.current
|
|
87
86
|
);
|
|
88
87
|
const $e = t.useCallback(() => {
|
|
89
88
|
_.current && _.current.setCustomValidity && _.current.setCustomValidity(
|
|
90
|
-
se.valid ? "" :
|
|
89
|
+
se.valid ? "" : q === void 0 ? It : q
|
|
91
90
|
);
|
|
92
|
-
}, [
|
|
91
|
+
}, [q, se]);
|
|
93
92
|
t.useEffect($e), t.useEffect(() => {
|
|
94
|
-
const e =
|
|
93
|
+
const e = ut && window.ResizeObserver && new window.ResizeObserver(tt.bind(void 0));
|
|
95
94
|
return document != null && document.body && e && e.observe(document.body), () => {
|
|
96
95
|
e && e.disconnect();
|
|
97
96
|
};
|
|
@@ -112,7 +111,7 @@ const It = "Please select a value from the list!", { sizeMap: Ne, roundedMap: St
|
|
|
112
111
|
[a.onChange]
|
|
113
112
|
), j = t.useCallback(
|
|
114
113
|
(e) => {
|
|
115
|
-
if (
|
|
114
|
+
if (ht(e.item, m, I) || !l.current)
|
|
116
115
|
return;
|
|
117
116
|
const { item: i, nativeEvent: r, syntheticEvent: b } = e, D = {
|
|
118
117
|
syntheticEvent: b,
|
|
@@ -218,7 +217,7 @@ const It = "Please select a value from the list!", { sizeMap: Ne, roundedMap: St
|
|
|
218
217
|
const c = G.current;
|
|
219
218
|
let p = N ? c.findIndex((nt) => Te(nt, N, I)) : -1, f;
|
|
220
219
|
const ue = p !== -1;
|
|
221
|
-
i === o.left ? (ue ? p = Math.max(0, p - 1) : p = c.length - 1, f = c[p]) : i === o.right ? p === c.length - 1 ? f = void 0 : ue && (p = Math.min(c.length - 1, p + 1), f = c[p]) : i === o.home ? f = c[0] : i === o.end ? f = c[c.length - 1] : i === o.delete && ue && F(D, c[p].data, "delete"), f !== N &&
|
|
220
|
+
i === o.left ? (ue ? p = Math.max(0, p - 1) : p = c.length - 1, f = c[p]) : i === o.right ? p === c.length - 1 ? f = void 0 : ue && (p = Math.min(c.length - 1, p + 1), f = c[p]) : i === o.home ? f = c[0] : i === o.end ? f = c[c.length - 1] : i === o.delete && ue && F(D, c[p].data, "delete"), f !== N && Ke(f);
|
|
222
221
|
}
|
|
223
222
|
if (s)
|
|
224
223
|
if (i === o.esc || r && i === o.up)
|
|
@@ -325,18 +324,18 @@ const It = "Please select a value from the list!", { sizeMap: Ne, roundedMap: St
|
|
|
325
324
|
[a.onCancel, g]
|
|
326
325
|
), et = () => {
|
|
327
326
|
const e = a.filterable ? /* @__PURE__ */ t.createElement(
|
|
328
|
-
|
|
327
|
+
Me,
|
|
329
328
|
{
|
|
330
329
|
value: a.filter === void 0 ? be : a.filter,
|
|
331
330
|
ref: ie,
|
|
332
331
|
onChange: Ee,
|
|
333
332
|
onKeyDown: ye,
|
|
334
333
|
size: v,
|
|
335
|
-
rounded:
|
|
334
|
+
rounded: K,
|
|
336
335
|
fillMode: W
|
|
337
336
|
}
|
|
338
337
|
) : null, i = {
|
|
339
|
-
|
|
338
|
+
title: a.adaptiveTitle,
|
|
340
339
|
expand: s,
|
|
341
340
|
onClose: (r) => a.onCancel ? ke(r) : ce(r),
|
|
342
341
|
windowWidth: oe,
|
|
@@ -348,18 +347,18 @@ const It = "Please select a value from the list!", { sizeMap: Ne, roundedMap: St
|
|
|
348
347
|
),
|
|
349
348
|
onCancel: (r) => a.onCancel ? ke(r) : ce(r),
|
|
350
349
|
applyText: Q.toLanguageString(
|
|
351
|
-
|
|
352
|
-
ne[
|
|
350
|
+
Re,
|
|
351
|
+
ne[Re]
|
|
353
352
|
),
|
|
354
353
|
onApply: (r) => g(r)
|
|
355
354
|
}
|
|
356
355
|
};
|
|
357
|
-
return /* @__PURE__ */ t.createElement(
|
|
356
|
+
return /* @__PURE__ */ t.createElement(Ft, { ...i }, /* @__PURE__ */ t.createElement(xt, { overflowHidden: !0 }, /* @__PURE__ */ t.createElement("div", { className: "k-list-container" }, /* @__PURE__ */ t.createElement("div", { className: "k-list k-list-lg" }, V.length > 0 ? /* @__PURE__ */ t.createElement(
|
|
358
357
|
we,
|
|
359
358
|
{
|
|
360
359
|
ref: k,
|
|
361
360
|
tabIndex: H,
|
|
362
|
-
data:
|
|
361
|
+
data: V,
|
|
363
362
|
focusIdField: I,
|
|
364
363
|
textField: a.textField,
|
|
365
364
|
checkField: fe,
|
|
@@ -378,13 +377,13 @@ const It = "Please select a value from the list!", { sizeMap: Ne, roundedMap: St
|
|
|
378
377
|
) : /* @__PURE__ */ t.createElement(Fe, null, Q.toLanguageString(te, ne[te]))))));
|
|
379
378
|
}, tt = t.useCallback((e) => {
|
|
380
379
|
for (const i of e)
|
|
381
|
-
|
|
382
|
-
}, []), Fe = a.listNoData ||
|
|
380
|
+
Ve(i.target.clientWidth);
|
|
381
|
+
}, []), Fe = a.listNoData || yt, Q = mt(), xe = !Be || se.valid, X = P && s ? qe : G.current, Ie = /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
|
|
383
382
|
"span",
|
|
384
383
|
{
|
|
385
384
|
className: ee("k-multiselecttree k-input", a.className, {
|
|
386
385
|
[`k-input-${Ne[v] || v}`]: v,
|
|
387
|
-
[`k-rounded-${St[
|
|
386
|
+
[`k-rounded-${St[K] || K}`]: K,
|
|
388
387
|
[`k-input-${W}`]: W,
|
|
389
388
|
"k-focus": d && !E,
|
|
390
389
|
"k-invalid": !xe,
|
|
@@ -395,7 +394,7 @@ const It = "Please select a value from the list!", { sizeMap: Ne, roundedMap: St
|
|
|
395
394
|
tabIndex: H,
|
|
396
395
|
accessKey: a.accessKey,
|
|
397
396
|
id: x,
|
|
398
|
-
style: B ? { ...
|
|
397
|
+
style: B ? { ...A, width: void 0 } : A,
|
|
399
398
|
dir: T,
|
|
400
399
|
ref: C,
|
|
401
400
|
onKeyDown: E ? void 0 : Ye,
|
|
@@ -421,7 +420,7 @@ const It = "Please select a value from the list!", { sizeMap: Ne, roundedMap: St
|
|
|
421
420
|
})
|
|
422
421
|
},
|
|
423
422
|
X.length > 0 && /* @__PURE__ */ t.createElement(
|
|
424
|
-
|
|
423
|
+
Et,
|
|
425
424
|
{
|
|
426
425
|
tag: a.tag,
|
|
427
426
|
onTagDelete: Ze,
|
|
@@ -435,8 +434,8 @@ const It = "Please select a value from the list!", { sizeMap: Ne, roundedMap: St
|
|
|
435
434
|
)
|
|
436
435
|
),
|
|
437
436
|
/* @__PURE__ */ t.createElement("span", { className: "k-input-inner" }, X.length === 0 && /* @__PURE__ */ t.createElement("span", { className: "k-input-value-text" }, de)),
|
|
438
|
-
a.loading && /* @__PURE__ */ t.createElement(
|
|
439
|
-
le && !E && X.length > 0 && /* @__PURE__ */ t.createElement(
|
|
437
|
+
a.loading && /* @__PURE__ */ t.createElement(dt, { className: "k-input-loading-icon", name: "loading" }),
|
|
438
|
+
le && !E && X.length > 0 && /* @__PURE__ */ t.createElement(kt, { onClick: ce }),
|
|
440
439
|
/* @__PURE__ */ t.createElement(
|
|
441
440
|
"select",
|
|
442
441
|
{
|
|
@@ -450,20 +449,20 @@ const It = "Please select a value from the list!", { sizeMap: Ne, roundedMap: St
|
|
|
450
449
|
/* @__PURE__ */ t.createElement("option", { value: a.valueMap ? a.valueMap.call(void 0, m) : m })
|
|
451
450
|
),
|
|
452
451
|
!P && /* @__PURE__ */ t.createElement(
|
|
453
|
-
|
|
452
|
+
ft,
|
|
454
453
|
{
|
|
455
|
-
...
|
|
456
|
-
popupClass: ee(
|
|
457
|
-
className: ee(
|
|
454
|
+
...M,
|
|
455
|
+
popupClass: ee(M.popupClass, "k-multiselecttree-popup"),
|
|
456
|
+
className: ee(M.className, { "k-rtl": T === "rtl" }),
|
|
458
457
|
style: He,
|
|
459
|
-
anchor:
|
|
458
|
+
anchor: M.anchor || C.current,
|
|
460
459
|
show: s,
|
|
461
460
|
onOpen: Ge,
|
|
462
461
|
onClose: Ue,
|
|
463
462
|
ref: U
|
|
464
463
|
},
|
|
465
464
|
a.filterable && /* @__PURE__ */ t.createElement(
|
|
466
|
-
|
|
465
|
+
Me,
|
|
467
466
|
{
|
|
468
467
|
value: a.filter === void 0 ? be : a.filter,
|
|
469
468
|
ref: w,
|
|
@@ -471,19 +470,19 @@ const It = "Please select a value from the list!", { sizeMap: Ne, roundedMap: St
|
|
|
471
470
|
onKeyDown: ye,
|
|
472
471
|
tabIndex: H,
|
|
473
472
|
size: v,
|
|
474
|
-
rounded:
|
|
473
|
+
rounded: K,
|
|
475
474
|
fillMode: W,
|
|
476
475
|
renderListFilterWrapper: !0,
|
|
477
476
|
renderPrefixSeparator: !0
|
|
478
477
|
}
|
|
479
478
|
),
|
|
480
|
-
|
|
479
|
+
V.length > 0 ? /* @__PURE__ */ t.createElement(
|
|
481
480
|
we,
|
|
482
481
|
{
|
|
483
|
-
style: { height:
|
|
482
|
+
style: { height: M.height },
|
|
484
483
|
ref: k,
|
|
485
484
|
tabIndex: H,
|
|
486
|
-
data:
|
|
485
|
+
data: V,
|
|
487
486
|
focusIdField: I,
|
|
488
487
|
textField: a.textField,
|
|
489
488
|
checkField: fe,
|
|
@@ -503,7 +502,7 @@ const It = "Please select a value from the list!", { sizeMap: Ne, roundedMap: St
|
|
|
503
502
|
)
|
|
504
503
|
), P && et());
|
|
505
504
|
return B ? /* @__PURE__ */ t.createElement(
|
|
506
|
-
|
|
505
|
+
Ct,
|
|
507
506
|
{
|
|
508
507
|
label: B,
|
|
509
508
|
editorValue: le,
|
|
@@ -511,13 +510,13 @@ const It = "Please select a value from the list!", { sizeMap: Ne, roundedMap: St
|
|
|
511
510
|
editorValid: xe,
|
|
512
511
|
editorDisabled: E,
|
|
513
512
|
editorId: x,
|
|
514
|
-
style: { width:
|
|
513
|
+
style: { width: A ? A.width : void 0 },
|
|
515
514
|
children: Ie,
|
|
516
515
|
dir: T
|
|
517
516
|
}
|
|
518
517
|
) : Ie;
|
|
519
518
|
}
|
|
520
|
-
),
|
|
519
|
+
), Rt = {
|
|
521
520
|
opened: n.bool,
|
|
522
521
|
disabled: n.bool,
|
|
523
522
|
dir: n.string,
|
|
@@ -581,7 +580,7 @@ const It = "Please select a value from the list!", { sizeMap: Ne, roundedMap: St
|
|
|
581
580
|
adaptive: n.bool
|
|
582
581
|
};
|
|
583
582
|
Pe.displayName = "KendoReactMultiSelectTree";
|
|
584
|
-
Pe.propTypes =
|
|
583
|
+
Pe.propTypes = Rt;
|
|
585
584
|
export {
|
|
586
585
|
Pe as MultiSelectTree,
|
|
587
586
|
Dt as MultiSelectTreePropsContext
|
package/MultiSelectTree/utils.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
3
|
*-------------------------------------------------------------------------------------------
|
|
4
|
-
* Copyright ©
|
|
4
|
+
* Copyright © 2025 Progress Software Corporation. All rights reserved.
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
3
|
*-------------------------------------------------------------------------------------------
|
|
4
|
-
* Copyright ©
|
|
4
|
+
* Copyright © 2025 Progress Software Corporation. All rights reserved.
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
package/README.md
CHANGED
|
@@ -99,6 +99,6 @@ High-level component overview pages
|
|
|
99
99
|
- [React MultiSelect Component](https://www.telerik.com/kendo-react-ui/multiselect)
|
|
100
100
|
- [React MultiSelectTree Component](https://www.telerik.com/kendo-react-ui/multiselecttree)
|
|
101
101
|
|
|
102
|
-
_Copyright ©
|
|
102
|
+
_Copyright © 2025 Progress Software Corporation and/or its subsidiaries or affiliates. All Rights Reserved._
|
|
103
103
|
|
|
104
104
|
_Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries._
|
package/common/AdaptiveMode.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
3
|
*-------------------------------------------------------------------------------------------
|
|
4
|
-
* Copyright ©
|
|
4
|
+
* Copyright © 2025 Progress Software Corporation. All rights reserved.
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
8
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("react"),c=require("@progress/kendo-react-layout"),y=require("@progress/kendo-svg-icons"),i=require("@progress/kendo-react-buttons"),r=require("@progress/kendo-react-common");function v(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const o=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,o.get?o:{enumerable:!0,get:()=>t[a]})}}return e.default=t,Object.freeze(e)}const n=v(A),h=t=>{const{footer:e,windowWidth:a=0,mobileFilter:o,children:s,navigatable:d,navigatableElements:u,expand:b,animation:p,title:m,subTitle:f,onClose:l}=t,g={navigatable:d||!1,navigatableElements:u||[],expand:b,animation:p!==!1,actions:n.createElement(i.Button,{tabIndex:0,"aria-label":"Cancel","aria-disabled":"false",type:"button",fillMode:"flat",icon:"x",svgIcon:y.xIcon,onClick:l}),filter:o,onClose:l,animationStyles:a<=r.ADAPTIVE_SMALL_BREAKPOINT?{top:0,width:"100%",height:"100%"}:void 0,title:m,subTitle:f,className:"k-adaptive-actionsheet",position:a<=r.ADAPTIVE_SMALL_BREAKPOINT?"fullscreen":void 0};return n.createElement(c.ActionSheet,{...g},s,e&&n.createElement(c.ActionSheetFooter,{className:"k-actions k-actions-stretched"},n.createElement(i.Button,{size:"large",tabIndex:0,"aria-label":e.cancelText,"aria-disabled":"false",type:"button",onClick:e.onCancel},e.cancelText),n.createElement(i.Button,{tabIndex:0,themeColor:"primary",size:"large","aria-label":e.applyText,"aria-disabled":"false",type:"button",onClick:e.onApply},e.applyText)))};exports.AdaptiveMode=h;
|
package/common/AdaptiveMode.mjs
CHANGED
|
@@ -1,78 +1,80 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
3
|
*-------------------------------------------------------------------------------------------
|
|
4
|
-
* Copyright ©
|
|
4
|
+
* Copyright © 2025 Progress Software Corporation. All rights reserved.
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
"use client";
|
|
9
|
-
import * as
|
|
10
|
-
import { ActionSheet as
|
|
11
|
-
import { xIcon as
|
|
9
|
+
import * as t from "react";
|
|
10
|
+
import { ActionSheet as x, ActionSheetFooter as u } from "@progress/kendo-react-layout";
|
|
11
|
+
import { xIcon as A } from "@progress/kendo-svg-icons";
|
|
12
12
|
import { Button as a } from "@progress/kendo-react-buttons";
|
|
13
|
-
import {
|
|
14
|
-
const
|
|
13
|
+
import { ADAPTIVE_SMALL_BREAKPOINT as i } from "@progress/kendo-react-common";
|
|
14
|
+
const I = (l) => {
|
|
15
15
|
const {
|
|
16
|
-
footer:
|
|
16
|
+
footer: e,
|
|
17
|
+
windowWidth: n = 0,
|
|
18
|
+
mobileFilter: r,
|
|
17
19
|
children: s,
|
|
18
|
-
|
|
19
|
-
navigatable: r,
|
|
20
|
+
navigatable: c,
|
|
20
21
|
navigatableElements: m,
|
|
21
22
|
expand: d,
|
|
22
23
|
animation: p,
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
} =
|
|
27
|
-
navigatable:
|
|
24
|
+
title: b,
|
|
25
|
+
subTitle: f,
|
|
26
|
+
onClose: o
|
|
27
|
+
} = l, h = {
|
|
28
|
+
navigatable: c || !1,
|
|
28
29
|
navigatableElements: m || [],
|
|
29
30
|
expand: d,
|
|
30
31
|
animation: p !== !1,
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
32
|
+
actions: /* @__PURE__ */ t.createElement(
|
|
33
|
+
a,
|
|
34
|
+
{
|
|
35
|
+
tabIndex: 0,
|
|
36
|
+
"aria-label": "Cancel",
|
|
37
|
+
"aria-disabled": "false",
|
|
38
|
+
type: "button",
|
|
39
|
+
fillMode: "flat",
|
|
40
|
+
icon: "x",
|
|
41
|
+
svgIcon: A,
|
|
42
|
+
onClick: o
|
|
43
|
+
}
|
|
44
|
+
),
|
|
45
|
+
filter: r,
|
|
46
|
+
onClose: o,
|
|
47
|
+
animationStyles: n <= i ? { top: 0, width: "100%", height: "100%" } : void 0,
|
|
48
|
+
title: b,
|
|
49
|
+
subTitle: f,
|
|
50
|
+
className: "k-adaptive-actionsheet",
|
|
51
|
+
position: n <= i ? "fullscreen" : void 0
|
|
38
52
|
};
|
|
39
|
-
return /* @__PURE__ */
|
|
40
|
-
a,
|
|
41
|
-
{
|
|
42
|
-
tabIndex: 0,
|
|
43
|
-
"aria-label": "Cancel",
|
|
44
|
-
"aria-disabled": "false",
|
|
45
|
-
type: "button",
|
|
46
|
-
fillMode: "flat",
|
|
47
|
-
icon: "x",
|
|
48
|
-
svgIcon: v,
|
|
49
|
-
onClick: n
|
|
50
|
-
}
|
|
51
|
-
))), i && /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-titlebar-group k-actionsheet-filter" }, i)), s, t && /* @__PURE__ */ e.createElement(E, { className: "k-actions k-actions-stretched" }, /* @__PURE__ */ e.createElement(
|
|
53
|
+
return /* @__PURE__ */ t.createElement(x, { ...h }, s, e && /* @__PURE__ */ t.createElement(u, { className: "k-actions k-actions-stretched" }, /* @__PURE__ */ t.createElement(
|
|
52
54
|
a,
|
|
53
55
|
{
|
|
54
56
|
size: "large",
|
|
55
57
|
tabIndex: 0,
|
|
56
|
-
"aria-label":
|
|
58
|
+
"aria-label": e.cancelText,
|
|
57
59
|
"aria-disabled": "false",
|
|
58
60
|
type: "button",
|
|
59
|
-
onClick:
|
|
61
|
+
onClick: e.onCancel
|
|
60
62
|
},
|
|
61
|
-
|
|
62
|
-
), /* @__PURE__ */
|
|
63
|
+
e.cancelText
|
|
64
|
+
), /* @__PURE__ */ t.createElement(
|
|
63
65
|
a,
|
|
64
66
|
{
|
|
65
67
|
tabIndex: 0,
|
|
66
68
|
themeColor: "primary",
|
|
67
69
|
size: "large",
|
|
68
|
-
"aria-label":
|
|
70
|
+
"aria-label": e.applyText,
|
|
69
71
|
"aria-disabled": "false",
|
|
70
72
|
type: "button",
|
|
71
|
-
onClick:
|
|
73
|
+
onClick: e.onApply
|
|
72
74
|
},
|
|
73
|
-
|
|
75
|
+
e.applyText
|
|
74
76
|
)));
|
|
75
77
|
};
|
|
76
78
|
export {
|
|
77
|
-
|
|
79
|
+
I as AdaptiveMode
|
|
78
80
|
};
|
package/common/ClearButton.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
3
|
*-------------------------------------------------------------------------------------------
|
|
4
|
-
* Copyright ©
|
|
4
|
+
* Copyright © 2025 Progress Software Corporation. All rights reserved.
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
package/common/ClearButton.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
3
|
*-------------------------------------------------------------------------------------------
|
|
4
|
-
* Copyright ©
|
|
4
|
+
* Copyright © 2025 Progress Software Corporation. All rights reserved.
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
package/common/DropDownBase.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
3
|
*-------------------------------------------------------------------------------------------
|
|
4
|
-
* Copyright ©
|
|
4
|
+
* Copyright © 2025 Progress Software Corporation. All rights reserved.
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
package/common/DropDownBase.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
3
|
*-------------------------------------------------------------------------------------------
|
|
4
|
-
* Copyright ©
|
|
4
|
+
* Copyright © 2025 Progress Software Corporation. All rights reserved.
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
3
|
*-------------------------------------------------------------------------------------------
|
|
4
|
-
* Copyright ©
|
|
4
|
+
* Copyright © 2025 Progress Software Corporation. All rights reserved.
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
3
|
*-------------------------------------------------------------------------------------------
|
|
4
|
-
* Copyright ©
|
|
4
|
+
* Copyright © 2025 Progress Software Corporation. All rights reserved.
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
package/common/List.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
3
|
*-------------------------------------------------------------------------------------------
|
|
4
|
-
* Copyright ©
|
|
4
|
+
* Copyright © 2025 Progress Software Corporation. All rights reserved.
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
package/common/List.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
3
|
*-------------------------------------------------------------------------------------------
|
|
4
|
-
* Copyright ©
|
|
4
|
+
* Copyright © 2025 Progress Software Corporation. All rights reserved.
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
package/common/ListContainer.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
3
|
*-------------------------------------------------------------------------------------------
|
|
4
|
-
* Copyright ©
|
|
4
|
+
* Copyright © 2025 Progress Software Corporation. All rights reserved.
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
package/common/ListContainer.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
3
|
*-------------------------------------------------------------------------------------------
|
|
4
|
-
* Copyright ©
|
|
4
|
+
* Copyright © 2025 Progress Software Corporation. All rights reserved.
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
3
|
*-------------------------------------------------------------------------------------------
|
|
4
|
-
* Copyright ©
|
|
4
|
+
* Copyright © 2025 Progress Software Corporation. All rights reserved.
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
3
|
*-------------------------------------------------------------------------------------------
|
|
4
|
-
* Copyright ©
|
|
4
|
+
* Copyright © 2025 Progress Software Corporation. All rights reserved.
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
package/common/ListFilter.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
3
|
*-------------------------------------------------------------------------------------------
|
|
4
|
-
* Copyright ©
|
|
4
|
+
* Copyright © 2025 Progress Software Corporation. All rights reserved.
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
package/common/ListFilter.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
3
|
*-------------------------------------------------------------------------------------------
|
|
4
|
-
* Copyright ©
|
|
4
|
+
* Copyright © 2025 Progress Software Corporation. All rights reserved.
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|