@progress/kendo-react-common 8.3.0-develop.9 → 8.4.0-develop.1
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/dist/cdn/js/kendo-react-common.js +1 -1
- package/icons/SvgIcon.js +1 -1
- package/icons/SvgIcon.mjs +67 -61
- package/index.d.mts +15 -0
- package/index.d.ts +15 -0
- package/index.js +1 -1
- package/index.mjs +86 -84
- package/package.json +1 -1
- package/unstyled/dateinputs.js +1 -1
- package/unstyled/dateinputs.mjs +37 -37
- package/unstyled/dropdowns.js +1 -1
- package/unstyled/dropdowns.mjs +277 -145
- package/unstyled/form.js +1 -1
- package/unstyled/form.mjs +21 -20
- package/unstyled/icons.js +1 -1
- package/unstyled/icons.mjs +51 -34
- package/unstyled/inputs.js +1 -1
- package/unstyled/inputs.mjs +146 -180
- package/unstyled/interfaces/common.js +1 -1
- package/unstyled/interfaces/common.mjs +1 -1
- package/unstyled/json-classes.js +1 -1
- package/unstyled/json-classes.mjs +27 -22
- package/unstyled/labels.js +1 -1
- package/unstyled/labels.mjs +67 -59
|
@@ -18,8 +18,10 @@ const e = {
|
|
|
18
18
|
infinite: "infinite",
|
|
19
19
|
clear: "clear",
|
|
20
20
|
reset: "reset",
|
|
21
|
-
|
|
22
|
-
|
|
21
|
+
data: "data",
|
|
22
|
+
nodata: "nodata",
|
|
23
|
+
scroller: "scroller"
|
|
24
|
+
}, n = {
|
|
23
25
|
center: "center",
|
|
24
26
|
hbox: "hbox",
|
|
25
27
|
vstack: "vstack",
|
|
@@ -32,6 +34,7 @@ const e = {
|
|
|
32
34
|
datetime: "datetime",
|
|
33
35
|
datetimepicker: "datetimepicker",
|
|
34
36
|
dropdownlist: "dropdownlist",
|
|
37
|
+
combobox: "combobox",
|
|
35
38
|
maskedtextbox: "maskedtextbox",
|
|
36
39
|
menu: "menu",
|
|
37
40
|
searchbox: "searchbox",
|
|
@@ -118,17 +121,18 @@ const e = {
|
|
|
118
121
|
footer: "footer",
|
|
119
122
|
icon: "icon",
|
|
120
123
|
title: "title",
|
|
124
|
+
subtitle: "subtitle",
|
|
121
125
|
link: "link",
|
|
122
126
|
label: "label",
|
|
123
127
|
ul: "ul",
|
|
124
128
|
caption: "caption"
|
|
125
|
-
},
|
|
129
|
+
}, x = {
|
|
126
130
|
increase: "increase",
|
|
127
131
|
decrease: "decrease",
|
|
128
132
|
cancel: "cancel",
|
|
129
133
|
accept: "accept",
|
|
130
134
|
split: "split"
|
|
131
|
-
},
|
|
135
|
+
}, h = {
|
|
132
136
|
active: "active",
|
|
133
137
|
adaptive: "adaptive",
|
|
134
138
|
first: "first",
|
|
@@ -161,7 +165,7 @@ const e = {
|
|
|
161
165
|
vertical: "vertical",
|
|
162
166
|
fullscreen: "fullscreen",
|
|
163
167
|
bottom: "bottom"
|
|
164
|
-
},
|
|
168
|
+
}, b = {
|
|
165
169
|
prefix: "animation",
|
|
166
170
|
child: "child",
|
|
167
171
|
relative: "relative",
|
|
@@ -201,7 +205,7 @@ const e = {
|
|
|
201
205
|
textbox: "textbox",
|
|
202
206
|
prefix: "prefix",
|
|
203
207
|
suffix: "suffix"
|
|
204
|
-
},
|
|
208
|
+
}, g = {
|
|
205
209
|
week: "week",
|
|
206
210
|
weekdays: "weekdays",
|
|
207
211
|
weekend: "weekend",
|
|
@@ -239,7 +243,7 @@ const e = {
|
|
|
239
243
|
field: "field"
|
|
240
244
|
}, y = {
|
|
241
245
|
prefix: "popup"
|
|
242
|
-
},
|
|
246
|
+
}, o = {
|
|
243
247
|
prefix: "grid",
|
|
244
248
|
ariaRoot: "aria-root",
|
|
245
249
|
tableWrap: "table-wrap",
|
|
@@ -253,42 +257,43 @@ const e = {
|
|
|
253
257
|
detail: "detail",
|
|
254
258
|
noRecords: "norecords",
|
|
255
259
|
pager: "pager"
|
|
256
|
-
}, $ = `${e.prefix}-${i.input}`, z = `${e.prefix}-${t.calendar}`, P = `${e.prefix}-${t.maskedtextbox}`, M = `${e.prefix}-${i.radio}`, I = `${e.prefix}-${a.button}`, L = `${e.prefix}-${t.menu}`, R = `${e.prefix}-${r.picker}`, D = `${e.prefix}-${t.dropdownlist}`, H = `${e.prefix}-${
|
|
260
|
+
}, $ = `${e.prefix}-${i.input}`, z = `${e.prefix}-${t.calendar}`, P = `${e.prefix}-${t.maskedtextbox}`, M = `${e.prefix}-${i.radio}`, I = `${e.prefix}-${a.button}`, L = `${e.prefix}-${t.menu}`, R = `${e.prefix}-${r.picker}`, D = `${e.prefix}-${t.dropdownlist}`, H = `${e.prefix}-${t.combobox}`, U = `${e.prefix}-${o.prefix}`, V = {
|
|
257
261
|
base: e,
|
|
258
|
-
actions:
|
|
259
|
-
animation:
|
|
262
|
+
actions: x,
|
|
263
|
+
animation: b,
|
|
260
264
|
sizeMap: l,
|
|
261
265
|
components: t,
|
|
262
|
-
cssUtils:
|
|
266
|
+
cssUtils: n,
|
|
263
267
|
directionMap: f,
|
|
264
268
|
fillModeMap: s,
|
|
265
269
|
themeColorMap: c,
|
|
266
270
|
roundedMap: d,
|
|
267
271
|
orientationMap: p,
|
|
268
272
|
elements: a,
|
|
269
|
-
states:
|
|
273
|
+
states: h,
|
|
270
274
|
dimensions: m,
|
|
271
275
|
containers: r,
|
|
272
276
|
cursor: u,
|
|
273
277
|
inputs: i,
|
|
274
|
-
dateInputs:
|
|
278
|
+
dateInputs: g,
|
|
275
279
|
labels: w,
|
|
276
280
|
forms: k,
|
|
277
281
|
popup: y,
|
|
278
282
|
icon: v,
|
|
279
|
-
grid:
|
|
283
|
+
grid: o
|
|
280
284
|
};
|
|
281
285
|
export {
|
|
282
|
-
|
|
283
|
-
|
|
286
|
+
x as actions,
|
|
287
|
+
b as animationStyles,
|
|
284
288
|
e as base,
|
|
285
289
|
I as buttonPrefix,
|
|
286
290
|
z as calendarPrefix,
|
|
291
|
+
H as comboBoxPrefix,
|
|
287
292
|
t as components,
|
|
288
293
|
r as containers,
|
|
289
|
-
|
|
294
|
+
n as cssUtils,
|
|
290
295
|
u as cursor,
|
|
291
|
-
|
|
296
|
+
g as dateInputs,
|
|
292
297
|
L as ddbPrefix,
|
|
293
298
|
m as dimensions,
|
|
294
299
|
f as directionMap,
|
|
@@ -296,12 +301,12 @@ export {
|
|
|
296
301
|
a as elements,
|
|
297
302
|
s as fillModeMap,
|
|
298
303
|
k as forms,
|
|
299
|
-
|
|
300
|
-
|
|
304
|
+
o as grid,
|
|
305
|
+
U as gridPrefix,
|
|
301
306
|
v as icon,
|
|
302
307
|
$ as inputPrefix,
|
|
303
308
|
i as inputs,
|
|
304
|
-
|
|
309
|
+
V as jsonTheme,
|
|
305
310
|
w as labels,
|
|
306
311
|
P as maskedPrefix,
|
|
307
312
|
p as orientationMap,
|
|
@@ -310,6 +315,6 @@ export {
|
|
|
310
315
|
M as radioPrefix,
|
|
311
316
|
d as roundedMap,
|
|
312
317
|
l as sizeMap,
|
|
313
|
-
|
|
318
|
+
h as states,
|
|
314
319
|
c as themeColorMap
|
|
315
320
|
};
|
package/unstyled/labels.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
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 e=require("./json-classes.js"),
|
|
8
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./json-classes.js"),c=`${e.base.prefix}-${e.labels.label}`,b=`${e.base.prefix}-${e.labels.floatingLabel}`,$=`${e.base.prefix}-${e.labels.error}`,m=`${e.base.prefix}-${e.labels.hint}`,u={label:{main:c,empty:`${e.base.prefix}-${e.labels.label}-${e.states.empty}`,invalid:`${e.base.prefix}-${e.labels.text}-${e.themeColorMap.error}`,disabled:`${e.base.prefix}-${e.labels.text}-${e.states.disabled}`}},f={label:o=>{const{empty:n,invalid:l,disabled:i,c:s=u}=o,a=s.label;return{[a==null?void 0:a.main]:!0,[a==null?void 0:a.empty]:n,[a==null?void 0:a.invalid]:l,[a==null?void 0:a.disabled]:i}}},r={wrapper:{main:`${b}-${e.labels.container}`,focused:`${e.base.prefix}-${e.states.focus}`,empty:`${e.base.prefix}-${e.states.empty}`,notEmpty:"",disabled:`${e.base.prefix}-${e.labels.text}-${e.states.disabled}`,isRtl:`${e.base.prefix}-${e.base.rtl}`},label:{main:b,focused:"",empty:"",notEmpty:"",invalid:`${e.base.prefix}-${e.labels.text}-${e.themeColorMap.error}`,disabled:`${e.base.prefix}-${e.labels.text}-${e.states.disabled}`}},x={wrapper:o=>{const{focused:n,empty:l,notEmpty:i,disabled:s,isRtl:a,c:d=r}=o,t=d.wrapper;return{[t==null?void 0:t.main]:!0,[t==null?void 0:t.focused]:n,[t==null?void 0:t.empty]:l,[t==null?void 0:t.notEmpty]:i,[t==null?void 0:t.disabled]:s,[t==null?void 0:t.isRtl]:a}},label:o=>{const{focused:n,empty:l,notEmpty:i,invalid:s,disabled:a,c:d=r}=o,t=d.label;return{[t==null?void 0:t.main]:!0,[t==null?void 0:t.focused]:n,[t==null?void 0:t.empty]:l,[t==null?void 0:t.notEmpty]:i,[t==null?void 0:t.invalid]:s,[t==null?void 0:t.disabled]:a}}},y={wrapper:{main:$,direction:{start:`${e.base.prefix}-${e.labels.text}-${e.directionMap.start}`,end:`${e.base.prefix}-${e.labels.text}-${e.directionMap.end}`}}},p={wrapper:o=>{const{direction:n,c:l=y}=o,i=l.wrapper;return{[i==null?void 0:i.main]:!0,[i==null?void 0:i.direction[n]]:i==null?void 0:i.direction[n]}}},C={wrapper:{main:m,direction:{start:`${e.base.prefix}-${e.labels.text}-${e.directionMap.start}`,end:`${e.base.prefix}-${e.labels.text}-${e.directionMap.end}`,disabled:`${e.base.prefix}-${e.labels.text}-${e.states.disabled}`}}},E={wrapper:o=>{const{direction:n,disabled:l,c:i=C}=o,s=i.wrapper;return{[s==null?void 0:s.main]:!0,[s==null?void 0:s.direction[n]]:s==null?void 0:s.direction[n],[s==null?void 0:s.disabled]:l}}};exports.uError=p;exports.uFloatingLabel=x;exports.uHint=E;exports.uLabel=f;
|
package/unstyled/labels.mjs
CHANGED
|
@@ -6,94 +6,102 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
"use client";
|
|
9
|
-
import { base as
|
|
10
|
-
const
|
|
9
|
+
import { base as i, labels as o, states as r, themeColorMap as x, directionMap as a } from "./json-classes.mjs";
|
|
10
|
+
const u = `${i.prefix}-${o.label}`, m = `${i.prefix}-${o.floatingLabel}`, y = `${i.prefix}-${o.error}`, b = `${i.prefix}-${o.hint}`, p = {
|
|
11
11
|
label: {
|
|
12
|
-
main:
|
|
13
|
-
empty: `${
|
|
14
|
-
invalid: `${
|
|
15
|
-
disabled: `${
|
|
12
|
+
main: u,
|
|
13
|
+
empty: `${i.prefix}-${o.label}-${r.empty}`,
|
|
14
|
+
invalid: `${i.prefix}-${o.text}-${x.error}`,
|
|
15
|
+
disabled: `${i.prefix}-${o.text}-${r.disabled}`
|
|
16
16
|
}
|
|
17
|
-
},
|
|
18
|
-
label: (
|
|
19
|
-
const { empty:
|
|
17
|
+
}, L = {
|
|
18
|
+
label: ($) => {
|
|
19
|
+
const { empty: d, invalid: c, disabled: s, c: e = p } = $, n = e.label;
|
|
20
20
|
return {
|
|
21
|
-
[
|
|
22
|
-
[
|
|
23
|
-
[
|
|
24
|
-
[
|
|
21
|
+
[n == null ? void 0 : n.main]: !0,
|
|
22
|
+
[n == null ? void 0 : n.empty]: d,
|
|
23
|
+
[n == null ? void 0 : n.invalid]: c,
|
|
24
|
+
[n == null ? void 0 : n.disabled]: s
|
|
25
25
|
};
|
|
26
26
|
}
|
|
27
|
-
},
|
|
27
|
+
}, f = {
|
|
28
28
|
wrapper: {
|
|
29
|
-
main: `${
|
|
30
|
-
focused: `${
|
|
31
|
-
empty: `${
|
|
32
|
-
|
|
33
|
-
|
|
29
|
+
main: `${m}-${o.container}`,
|
|
30
|
+
focused: `${i.prefix}-${r.focus}`,
|
|
31
|
+
empty: `${i.prefix}-${r.empty}`,
|
|
32
|
+
notEmpty: "",
|
|
33
|
+
disabled: `${i.prefix}-${o.text}-${r.disabled}`,
|
|
34
|
+
isRtl: `${i.prefix}-${i.rtl}`
|
|
34
35
|
},
|
|
35
36
|
label: {
|
|
36
|
-
main:
|
|
37
|
-
|
|
38
|
-
|
|
37
|
+
main: m,
|
|
38
|
+
focused: "",
|
|
39
|
+
empty: "",
|
|
40
|
+
notEmpty: "",
|
|
41
|
+
invalid: `${i.prefix}-${o.text}-${x.error}`,
|
|
42
|
+
disabled: `${i.prefix}-${o.text}-${r.disabled}`
|
|
39
43
|
}
|
|
40
|
-
},
|
|
41
|
-
wrapper: (
|
|
42
|
-
const { focused:
|
|
44
|
+
}, g = {
|
|
45
|
+
wrapper: ($) => {
|
|
46
|
+
const { focused: d, empty: c, notEmpty: s, disabled: e, isRtl: n, c: l = f } = $, t = l.wrapper;
|
|
43
47
|
return {
|
|
44
|
-
[
|
|
45
|
-
[
|
|
46
|
-
[
|
|
47
|
-
[
|
|
48
|
-
[
|
|
48
|
+
[t == null ? void 0 : t.main]: !0,
|
|
49
|
+
[t == null ? void 0 : t.focused]: d,
|
|
50
|
+
[t == null ? void 0 : t.empty]: c,
|
|
51
|
+
[t == null ? void 0 : t.notEmpty]: s,
|
|
52
|
+
[t == null ? void 0 : t.disabled]: e,
|
|
53
|
+
[t == null ? void 0 : t.isRtl]: n
|
|
49
54
|
};
|
|
50
55
|
},
|
|
51
|
-
label: (
|
|
52
|
-
const { invalid:
|
|
56
|
+
label: ($) => {
|
|
57
|
+
const { focused: d, empty: c, notEmpty: s, invalid: e, disabled: n, c: l = f } = $, t = l.label;
|
|
53
58
|
return {
|
|
54
|
-
[
|
|
55
|
-
[
|
|
56
|
-
[
|
|
59
|
+
[t == null ? void 0 : t.main]: !0,
|
|
60
|
+
[t == null ? void 0 : t.focused]: d,
|
|
61
|
+
[t == null ? void 0 : t.empty]: c,
|
|
62
|
+
[t == null ? void 0 : t.notEmpty]: s,
|
|
63
|
+
[t == null ? void 0 : t.invalid]: e,
|
|
64
|
+
[t == null ? void 0 : t.disabled]: n
|
|
57
65
|
};
|
|
58
66
|
}
|
|
59
|
-
},
|
|
67
|
+
}, C = {
|
|
60
68
|
wrapper: {
|
|
61
|
-
main:
|
|
69
|
+
main: y,
|
|
62
70
|
direction: {
|
|
63
|
-
start: `${
|
|
64
|
-
end: `${
|
|
71
|
+
start: `${i.prefix}-${o.text}-${a.start}`,
|
|
72
|
+
end: `${i.prefix}-${o.text}-${a.end}`
|
|
65
73
|
}
|
|
66
74
|
}
|
|
67
|
-
},
|
|
68
|
-
wrapper: (
|
|
69
|
-
const { direction:
|
|
75
|
+
}, h = {
|
|
76
|
+
wrapper: ($) => {
|
|
77
|
+
const { direction: d, c = C } = $, s = c.wrapper;
|
|
70
78
|
return {
|
|
71
|
-
[
|
|
72
|
-
[
|
|
79
|
+
[s == null ? void 0 : s.main]: !0,
|
|
80
|
+
[s == null ? void 0 : s.direction[d]]: s == null ? void 0 : s.direction[d]
|
|
73
81
|
};
|
|
74
82
|
}
|
|
75
|
-
},
|
|
83
|
+
}, E = {
|
|
76
84
|
wrapper: {
|
|
77
|
-
main:
|
|
85
|
+
main: b,
|
|
78
86
|
direction: {
|
|
79
|
-
start: `${
|
|
80
|
-
end: `${
|
|
81
|
-
disabled: `${
|
|
87
|
+
start: `${i.prefix}-${o.text}-${a.start}`,
|
|
88
|
+
end: `${i.prefix}-${o.text}-${a.end}`,
|
|
89
|
+
disabled: `${i.prefix}-${o.text}-${r.disabled}`
|
|
82
90
|
}
|
|
83
91
|
}
|
|
84
|
-
},
|
|
85
|
-
wrapper: (
|
|
86
|
-
const { direction:
|
|
92
|
+
}, R = {
|
|
93
|
+
wrapper: ($) => {
|
|
94
|
+
const { direction: d, disabled: c, c: s = E } = $, e = s.wrapper;
|
|
87
95
|
return {
|
|
88
|
-
[
|
|
89
|
-
[
|
|
90
|
-
[
|
|
96
|
+
[e == null ? void 0 : e.main]: !0,
|
|
97
|
+
[e == null ? void 0 : e.direction[d]]: e == null ? void 0 : e.direction[d],
|
|
98
|
+
[e == null ? void 0 : e.disabled]: c
|
|
91
99
|
};
|
|
92
100
|
}
|
|
93
101
|
};
|
|
94
102
|
export {
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
103
|
+
h as uError,
|
|
104
|
+
g as uFloatingLabel,
|
|
105
|
+
R as uHint,
|
|
106
|
+
L as uLabel
|
|
99
107
|
};
|