@progress/kendo-react-common 8.4.0-develop.3 → 8.4.0-develop.4
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/classNames.js +1 -1
- package/classNames.mjs +8 -7
- package/dist/cdn/js/kendo-react-common.js +1 -1
- package/index.d.mts +12 -6
- package/index.d.ts +12 -6
- package/index.js +1 -1
- package/index.mjs +205 -204
- package/package.json +1 -1
- package/unstyled/buttons.js +1 -1
- package/unstyled/buttons.mjs +115 -87
- package/unstyled/dateinputs.js +1 -1
- package/unstyled/dateinputs.mjs +99 -93
- package/unstyled/dropdowns.js +1 -1
- package/unstyled/dropdowns.mjs +94 -92
- package/unstyled/form.js +1 -1
- package/unstyled/form.mjs +20 -22
- package/unstyled/inputs.js +1 -1
- package/unstyled/inputs.mjs +77 -87
- 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 +7 -6
package/unstyled/dropdowns.mjs
CHANGED
|
@@ -6,9 +6,9 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
"use client";
|
|
9
|
-
import { getClassByName as
|
|
10
|
-
import { base as e, containers as t, states as a, elements as s, dimensions as y, inputs as
|
|
11
|
-
const
|
|
9
|
+
import { getClassByName as o } from "./interfaces/common.mjs";
|
|
10
|
+
import { base as e, containers as t, states as a, elements as s, dimensions as y, inputPrefix as u, inputs as H, icon as k, components as m, cssUtils as S, dropDownListPrefix as P, pickerPrefix as b, sizeMap as c, fillModeMap as z, roundedMap as T, comboBoxPrefix as A } from "./json-classes.mjs";
|
|
11
|
+
const d = {
|
|
12
12
|
clearButton: `${e.prefix}-${e.clear}-${e.value}`,
|
|
13
13
|
groupStickyHeader: `${e.prefix}-${t.list}-${t.group}-${a.sticky}-${s.header}`,
|
|
14
14
|
listHeaderText: `${e.prefix}-${t.list}-${s.header}-${s.text}`,
|
|
@@ -36,67 +36,69 @@ const p = {
|
|
|
36
36
|
main: `${e.prefix}-${t.list}-${t.optionlabel}`,
|
|
37
37
|
selected: `${e.prefix}-${a.selected}`
|
|
38
38
|
},
|
|
39
|
-
|
|
39
|
+
inputInner: `${u}-${H.inner}`,
|
|
40
|
+
inputIcon: `${e.prefix}-${H.input}-${k.prefix}`,
|
|
40
41
|
searchbox: `${e.prefix}-${m.searchbox}`,
|
|
41
42
|
listFilter: `${e.prefix}-${t.list}-${e.filter}`
|
|
42
43
|
}, j = {
|
|
43
|
-
clearButton:
|
|
44
|
-
groupStickyHeader:
|
|
45
|
-
listHeaderText:
|
|
46
|
-
ul:
|
|
47
|
-
li: (
|
|
48
|
-
const { c: $ =
|
|
44
|
+
clearButton: o(d, "clearButton"),
|
|
45
|
+
groupStickyHeader: o(d, "groupStickyHeader"),
|
|
46
|
+
listHeaderText: o(d, "listHeaderText"),
|
|
47
|
+
ul: o(d, "ul"),
|
|
48
|
+
li: (n) => {
|
|
49
|
+
const { c: $ = d, selected: l, focused: r, first: p, disabled: f } = n, x = $.li;
|
|
49
50
|
return {
|
|
50
51
|
[x.main]: !0,
|
|
51
52
|
[x.selected]: l,
|
|
52
53
|
[x.focused]: r,
|
|
53
|
-
[x.first]:
|
|
54
|
+
[x.first]: p,
|
|
54
55
|
[x.disabled]: f
|
|
55
56
|
};
|
|
56
57
|
},
|
|
57
|
-
groupLi: (
|
|
58
|
-
const { c: $ =
|
|
58
|
+
groupLi: (n) => {
|
|
59
|
+
const { c: $ = d, isMultiColumn: l } = n, r = $.groupLi;
|
|
59
60
|
return {
|
|
60
61
|
[r.table]: l,
|
|
61
62
|
[r.list]: !l
|
|
62
63
|
};
|
|
63
64
|
},
|
|
64
|
-
itemText:
|
|
65
|
-
groupItemText: (
|
|
66
|
-
const { c: $ =
|
|
65
|
+
itemText: o(d, "itemText"),
|
|
66
|
+
groupItemText: (n) => {
|
|
67
|
+
const { c: $ = d, isMultiColumn: l } = n, r = $.groupItemText;
|
|
67
68
|
return {
|
|
68
69
|
[r.table]: l,
|
|
69
70
|
[r.list]: !l
|
|
70
71
|
};
|
|
71
72
|
},
|
|
72
|
-
itemGroupLabel:
|
|
73
|
-
noData:
|
|
74
|
-
heightContainer:
|
|
75
|
-
optionlabel: (
|
|
76
|
-
const { c: $ =
|
|
73
|
+
itemGroupLabel: o(d, "itemGroupLabel"),
|
|
74
|
+
noData: o(d, "noData"),
|
|
75
|
+
heightContainer: o(d, "heightContainer"),
|
|
76
|
+
optionlabel: (n) => {
|
|
77
|
+
const { c: $ = d, selected: l } = n, r = $.optionlabel;
|
|
77
78
|
return {
|
|
78
79
|
[r.main]: !0,
|
|
79
80
|
[r.selected]: l
|
|
80
81
|
};
|
|
81
82
|
},
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
83
|
+
inputInner: o(d, "inputInner"),
|
|
84
|
+
inputIcon: o(d, "inputIcon"),
|
|
85
|
+
searchbox: o(d, "searchbox"),
|
|
86
|
+
listFilter: o(d, "listFilter")
|
|
85
87
|
}, B = {
|
|
86
88
|
wrapper: {
|
|
87
89
|
main: `${e.prefix}-${a.adaptive}-${m.actionsheet}`,
|
|
88
90
|
fullscreen: `${e.prefix}-${m.actionsheet}-${a.fullscreen}`,
|
|
89
91
|
bottom: `${e.prefix}-${m.actionsheet}-${a.bottom}`
|
|
90
92
|
},
|
|
91
|
-
header: `${e.prefix}-${s.text}-${
|
|
93
|
+
header: `${e.prefix}-${s.text}-${S.center}`,
|
|
92
94
|
titleBar: {
|
|
93
95
|
main: `${e.prefix}-${m.actionsheet}-${t.titlebar}-${t.group}`,
|
|
94
|
-
position: `${e.prefix}-${
|
|
96
|
+
position: `${e.prefix}-${S.hbox}`
|
|
95
97
|
},
|
|
96
98
|
title: `${e.prefix}-${m.actionsheet}-${s.title}`,
|
|
97
99
|
subtitle: {
|
|
98
100
|
main: `${e.prefix}-${m.actionsheet}-${s.subtitle}`,
|
|
99
|
-
textCenter: `${e.prefix}-${s.text}-${
|
|
101
|
+
textCenter: `${e.prefix}-${s.text}-${S.center}`
|
|
100
102
|
},
|
|
101
103
|
actions: `${e.prefix}-${m.actionsheet}-${t.actions}`,
|
|
102
104
|
titleBarGroup: {
|
|
@@ -104,33 +106,33 @@ const p = {
|
|
|
104
106
|
filter: `${e.prefix}-${m.actionsheet}-${e.filter}`
|
|
105
107
|
}
|
|
106
108
|
}, E = {
|
|
107
|
-
wrapper: (
|
|
108
|
-
const { c: $ = B, isFullScreen: l } =
|
|
109
|
+
wrapper: (n) => {
|
|
110
|
+
const { c: $ = B, isFullScreen: l } = n, r = $.wrapper;
|
|
109
111
|
return {
|
|
110
112
|
[r.main]: !0,
|
|
111
113
|
[r.fullscreen]: l,
|
|
112
114
|
[r.bottom]: !l
|
|
113
115
|
};
|
|
114
116
|
},
|
|
115
|
-
header:
|
|
116
|
-
titleBar: (
|
|
117
|
-
const { c: $ = B } =
|
|
117
|
+
header: o(B, "header"),
|
|
118
|
+
titleBar: (n) => {
|
|
119
|
+
const { c: $ = B } = n, l = $.titleBar;
|
|
118
120
|
return {
|
|
119
121
|
[l.main]: !0,
|
|
120
122
|
[l.position]: !0
|
|
121
123
|
};
|
|
122
124
|
},
|
|
123
|
-
title:
|
|
124
|
-
subtitle: (
|
|
125
|
-
const { c: $ = B } =
|
|
125
|
+
title: o(B, "title"),
|
|
126
|
+
subtitle: (n) => {
|
|
127
|
+
const { c: $ = B } = n, l = $.subtitle;
|
|
126
128
|
return {
|
|
127
129
|
[l.main]: !0,
|
|
128
130
|
[l.textCenter]: !0
|
|
129
131
|
};
|
|
130
132
|
},
|
|
131
|
-
actions:
|
|
132
|
-
titleBarGroup: (
|
|
133
|
-
const { c: $ = B } =
|
|
133
|
+
actions: o(B, "actions"),
|
|
134
|
+
titleBarGroup: (n) => {
|
|
135
|
+
const { c: $ = B } = n, l = $.titleBarGroup;
|
|
134
136
|
return {
|
|
135
137
|
[l.main]: !0,
|
|
136
138
|
[l.filter]: !0
|
|
@@ -153,9 +155,9 @@ const p = {
|
|
|
153
155
|
clear: `${b}-${z.clear}`
|
|
154
156
|
},
|
|
155
157
|
rounded: {
|
|
156
|
-
small: `${e.prefix}-${e.rounded}-${
|
|
157
|
-
medium: `${e.prefix}-${e.rounded}-${
|
|
158
|
-
large: `${e.prefix}-${e.rounded}-${
|
|
158
|
+
small: `${e.prefix}-${e.rounded}-${T.small}`,
|
|
159
|
+
medium: `${e.prefix}-${e.rounded}-${T.medium}`,
|
|
160
|
+
large: `${e.prefix}-${e.rounded}-${T.large}`
|
|
159
161
|
},
|
|
160
162
|
disabled: `${e.prefix}-${a.disabled}`,
|
|
161
163
|
focused: `${e.prefix}-${a.focus}`,
|
|
@@ -169,7 +171,7 @@ const p = {
|
|
|
169
171
|
main: `${e.prefix}-${t.list}-${t.container}`,
|
|
170
172
|
popup: `${e.prefix}-${m.dropdownlist}-${t.popup}`
|
|
171
173
|
},
|
|
172
|
-
|
|
174
|
+
inputInner: `${u}-${H.inner}`,
|
|
173
175
|
inputText: `${u}-${e.value}-${s.text}`,
|
|
174
176
|
listHeader: `${e.prefix}-${t.list}-${s.header}`,
|
|
175
177
|
list: {
|
|
@@ -184,56 +186,56 @@ const p = {
|
|
|
184
186
|
listContent: `${e.prefix}-${t.list}-${t.content}`,
|
|
185
187
|
listFooter: `${e.prefix}-${t.list}-${s.footer}`
|
|
186
188
|
}, J = {
|
|
187
|
-
wrapper: (
|
|
189
|
+
wrapper: (n) => {
|
|
188
190
|
const {
|
|
189
191
|
c: $ = g,
|
|
190
192
|
size: l,
|
|
191
193
|
rounded: r,
|
|
192
|
-
fillMode:
|
|
194
|
+
fillMode: p,
|
|
193
195
|
focused: f,
|
|
194
196
|
disabled: x,
|
|
195
197
|
invalid: v,
|
|
196
198
|
loading: C,
|
|
197
|
-
required:
|
|
198
|
-
} =
|
|
199
|
+
required: I
|
|
200
|
+
} = n, i = $.wrapper;
|
|
199
201
|
return {
|
|
200
202
|
[i.main]: !0,
|
|
201
203
|
[i.picker]: !0,
|
|
202
204
|
[i.size[l]]: i.size[l],
|
|
203
205
|
[`${b}-${l}`]: l && !i.size[l],
|
|
204
|
-
[i.fillMode[
|
|
206
|
+
[i.fillMode[p]]: i.fillMode[p],
|
|
205
207
|
[i.rounded[r]]: i.rounded[r],
|
|
206
208
|
[`${e.prefix}-${e.rounded}-${r}`]: r && !i.rounded[r],
|
|
207
209
|
[i.focused]: f,
|
|
208
210
|
[i.disabled]: x,
|
|
209
211
|
[i.loading]: C,
|
|
210
212
|
[i.invalid]: v,
|
|
211
|
-
[i.required]:
|
|
213
|
+
[i.required]: I
|
|
212
214
|
};
|
|
213
215
|
},
|
|
214
|
-
loadingIcon:
|
|
215
|
-
inputButton:
|
|
216
|
-
listContainer: (
|
|
217
|
-
const { c: $ = g } =
|
|
216
|
+
loadingIcon: o(g, "loadingIcon"),
|
|
217
|
+
inputButton: o(g, "inputButton"),
|
|
218
|
+
listContainer: (n) => {
|
|
219
|
+
const { c: $ = g } = n, l = $.listContainer;
|
|
218
220
|
return {
|
|
219
221
|
[l.main]: !0,
|
|
220
222
|
[l.popup]: !0
|
|
221
223
|
};
|
|
222
224
|
},
|
|
223
|
-
|
|
224
|
-
inputText:
|
|
225
|
-
listHeader:
|
|
226
|
-
list: (
|
|
227
|
-
const { c: $ = g, size: l, virtual: r } =
|
|
225
|
+
inputInner: o(g, "inputInner"),
|
|
226
|
+
inputText: o(g, "inputText"),
|
|
227
|
+
listHeader: o(g, "listHeader"),
|
|
228
|
+
list: (n) => {
|
|
229
|
+
const { c: $ = g, size: l, virtual: r } = n, p = $.list;
|
|
228
230
|
return {
|
|
229
|
-
[
|
|
230
|
-
[
|
|
231
|
-
[`${e.prefix}-${t.list}-${l}`]: l && !
|
|
232
|
-
[
|
|
231
|
+
[p.main]: !0,
|
|
232
|
+
[p.size[l]]: p.size[l],
|
|
233
|
+
[`${e.prefix}-${t.list}-${l}`]: l && !p.size[l],
|
|
234
|
+
[p.virtual]: r
|
|
233
235
|
};
|
|
234
236
|
},
|
|
235
|
-
listContent:
|
|
236
|
-
listFooter:
|
|
237
|
+
listContent: o(g, "listContent"),
|
|
238
|
+
listFooter: o(g, "listFooter")
|
|
237
239
|
}, h = {
|
|
238
240
|
wrapper: {
|
|
239
241
|
main: A,
|
|
@@ -251,9 +253,9 @@ const p = {
|
|
|
251
253
|
clear: `${u}-${z.clear}`
|
|
252
254
|
},
|
|
253
255
|
rounded: {
|
|
254
|
-
small: `${e.prefix}-${e.rounded}-${
|
|
255
|
-
medium: `${e.prefix}-${e.rounded}-${
|
|
256
|
-
large: `${e.prefix}-${e.rounded}-${
|
|
256
|
+
small: `${e.prefix}-${e.rounded}-${T.small}`,
|
|
257
|
+
medium: `${e.prefix}-${e.rounded}-${T.medium}`,
|
|
258
|
+
large: `${e.prefix}-${e.rounded}-${T.large}`
|
|
257
259
|
},
|
|
258
260
|
disabled: `${e.prefix}-${a.disabled}`,
|
|
259
261
|
focused: `${e.prefix}-${a.focus}`,
|
|
@@ -267,7 +269,7 @@ const p = {
|
|
|
267
269
|
main: `${e.prefix}-${t.list}-${t.container}`,
|
|
268
270
|
popup: `${e.prefix}-${m.combobox}-${t.popup}`
|
|
269
271
|
},
|
|
270
|
-
input: `${u}-${
|
|
272
|
+
input: `${u}-${H.inner}`,
|
|
271
273
|
inputText: `${u}-${e.value}-${s.text}`,
|
|
272
274
|
listHeader: `${e.prefix}-${s.table}-${s.header}`,
|
|
273
275
|
list: {
|
|
@@ -293,67 +295,67 @@ const p = {
|
|
|
293
295
|
},
|
|
294
296
|
listFooter: `${e.prefix}-${t.list}-${s.footer}`
|
|
295
297
|
}, K = {
|
|
296
|
-
wrapper: (
|
|
297
|
-
var
|
|
298
|
+
wrapper: (n) => {
|
|
299
|
+
var M, D;
|
|
298
300
|
const {
|
|
299
301
|
c: $ = h,
|
|
300
302
|
size: l,
|
|
301
303
|
rounded: r,
|
|
302
|
-
fillMode:
|
|
304
|
+
fillMode: p,
|
|
303
305
|
focused: f,
|
|
304
306
|
disabled: x,
|
|
305
307
|
invalid: v,
|
|
306
308
|
loading: C,
|
|
307
|
-
required:
|
|
308
|
-
} =
|
|
309
|
+
required: I
|
|
310
|
+
} = n, i = $.wrapper;
|
|
309
311
|
return {
|
|
310
312
|
[i == null ? void 0 : i.main]: !0,
|
|
311
313
|
[i == null ? void 0 : i.input]: !0,
|
|
312
314
|
[i == null ? void 0 : i.size[l]]: i == null ? void 0 : i.size[l],
|
|
313
315
|
[`${b}-${l}`]: l && !(i != null && i.size[l]),
|
|
314
|
-
[i == null ? void 0 : i.fillMode[
|
|
316
|
+
[i == null ? void 0 : i.fillMode[p]]: i == null ? void 0 : i.fillMode[p],
|
|
315
317
|
[i == null ? void 0 : i.rounded[r]]: i == null ? void 0 : i.rounded[r],
|
|
316
|
-
[`${(
|
|
318
|
+
[`${(M = e) == null ? void 0 : M.prefix}-${(D = e) == null ? void 0 : D.rounded}-${r}`]: r && !(i != null && i.rounded[r]),
|
|
317
319
|
[i == null ? void 0 : i.focused]: f,
|
|
318
320
|
[i == null ? void 0 : i.disabled]: x,
|
|
319
321
|
[i == null ? void 0 : i.loading]: C,
|
|
320
322
|
[i == null ? void 0 : i.invalid]: v,
|
|
321
|
-
[i == null ? void 0 : i.required]:
|
|
323
|
+
[i == null ? void 0 : i.required]: I
|
|
322
324
|
};
|
|
323
325
|
},
|
|
324
|
-
loadingIcon:
|
|
325
|
-
inputButton:
|
|
326
|
-
listContainer: (
|
|
327
|
-
const { c: $ = h, popup: l } =
|
|
326
|
+
loadingIcon: o(h, "loadingIcon"),
|
|
327
|
+
inputButton: o(h, "inputButton"),
|
|
328
|
+
listContainer: (n) => {
|
|
329
|
+
const { c: $ = h, popup: l } = n, r = $.listContainer;
|
|
328
330
|
return {
|
|
329
331
|
[r == null ? void 0 : r.main]: !0,
|
|
330
332
|
[r == null ? void 0 : r.popup]: l
|
|
331
333
|
};
|
|
332
334
|
},
|
|
333
|
-
input:
|
|
334
|
-
inputText:
|
|
335
|
-
listHeader:
|
|
336
|
-
list: (
|
|
337
|
-
var x, v, C,
|
|
338
|
-
const { c: $ = h, size: l, tableSize: r, virtual:
|
|
335
|
+
input: o(h, "input"),
|
|
336
|
+
inputText: o(h, "inputText"),
|
|
337
|
+
listHeader: o(h, "listHeader"),
|
|
338
|
+
list: (n) => {
|
|
339
|
+
var x, v, C, I, i, M, D, F, L, q, G;
|
|
340
|
+
const { c: $ = h, size: l, tableSize: r, virtual: p, list: f } = n;
|
|
339
341
|
return {
|
|
340
342
|
[(x = $.list) == null ? void 0 : x.list]: !f,
|
|
341
343
|
[(v = $.list) == null ? void 0 : v.table]: f,
|
|
342
|
-
[(C = $.list) == null ? void 0 : C.size[l]]: !f && ((
|
|
343
|
-
[`${(i = $.list) == null ? void 0 : i.size.prefix}${l}`]: !f && l && !((
|
|
344
|
-
[(
|
|
344
|
+
[(C = $.list) == null ? void 0 : C.size[l]]: !f && ((I = $.list) == null ? void 0 : I.size[l]),
|
|
345
|
+
[`${(i = $.list) == null ? void 0 : i.size.prefix}${l}`]: !f && l && !((M = $.list) != null && M.size[l]),
|
|
346
|
+
[(D = $.list) == null ? void 0 : D.tableSize[r]]: f && ((F = $.list) == null ? void 0 : F.tableSize[r]),
|
|
345
347
|
[`${(L = $.list) == null ? void 0 : L.tableSize.prefix}${r}`]: f && r && !((q = $.list) != null && q.tableSize[r]),
|
|
346
|
-
[(G = $.list) == null ? void 0 : G.virtual]:
|
|
348
|
+
[(G = $.list) == null ? void 0 : G.virtual]: p
|
|
347
349
|
};
|
|
348
350
|
},
|
|
349
|
-
listContent: (
|
|
350
|
-
const { c: $ = h, virtual: l } =
|
|
351
|
+
listContent: (n) => {
|
|
352
|
+
const { c: $ = h, virtual: l } = n, r = $.listContent;
|
|
351
353
|
return {
|
|
352
354
|
[r == null ? void 0 : r.main]: !0,
|
|
353
355
|
[r == null ? void 0 : r.scroller]: !l
|
|
354
356
|
};
|
|
355
357
|
},
|
|
356
|
-
listFooter:
|
|
358
|
+
listFooter: o(h, "listFooter")
|
|
357
359
|
};
|
|
358
360
|
export {
|
|
359
361
|
K as uComboBox,
|
package/unstyled/form.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"),o=`${e.base.prefix}-${e.forms.form}`,
|
|
8
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./json-classes.js"),o=`${e.base.prefix}-${e.forms.form}`,m=`${e.base.prefix}-${e.forms.form}-${e.forms.field}`,l={form:{main:o,size:{prefix:`${o}-`,small:`${o}-${e.sizeMap.small}`,medium:`${o}-${e.sizeMap.medium}`,large:`${o}-${e.sizeMap.large}`},orientation:{horizontal:`${o}-${e.orientationMap.horizontal}`,vertical:`${o}-${e.orientationMap.vertical}`}},field:{main:m,isRtl:`${e.base.prefix}-${e.base.rtl}`}},f={form:a=>{var n;const{size:r,orientation:s,c:t=l}=a,i=t.form;return{[i.main]:!0,[i.size[r]]:i.size[r],[((n=i.size)==null?void 0:n.prefix)||""]:r&&!i.size[r],[i.orientation[s]]:i.orientation[s]}},field:a=>{const{isRtl:r,c:s=l}=a,t=s.field;return{[t.main]:!0,[t.isRtl]:r}}};exports.uForm=f;
|
package/unstyled/form.mjs
CHANGED
|
@@ -6,39 +6,38 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
"use client";
|
|
9
|
-
import { base as s, forms as
|
|
10
|
-
const
|
|
9
|
+
import { base as s, forms as a, sizeMap as l, orientationMap as f } from "./json-classes.mjs";
|
|
10
|
+
const e = `${s.prefix}-${a.form}`, c = `${s.prefix}-${a.form}-${a.field}`, $ = {
|
|
11
11
|
form: {
|
|
12
|
-
main:
|
|
12
|
+
main: e,
|
|
13
13
|
size: {
|
|
14
|
-
prefix: `${
|
|
15
|
-
small: `${
|
|
16
|
-
medium: `${
|
|
17
|
-
large: `${
|
|
14
|
+
prefix: `${e}-`,
|
|
15
|
+
small: `${e}-${l.small}`,
|
|
16
|
+
medium: `${e}-${l.medium}`,
|
|
17
|
+
large: `${e}-${l.large}`
|
|
18
18
|
},
|
|
19
19
|
orientation: {
|
|
20
|
-
horizontal: `${
|
|
21
|
-
vertical: `${
|
|
20
|
+
horizontal: `${e}-${f.horizontal}`,
|
|
21
|
+
vertical: `${e}-${f.vertical}`
|
|
22
22
|
}
|
|
23
23
|
},
|
|
24
|
-
|
|
24
|
+
field: {
|
|
25
25
|
main: c,
|
|
26
26
|
isRtl: `${s.prefix}-${s.rtl}`
|
|
27
27
|
}
|
|
28
|
-
},
|
|
29
|
-
form: (
|
|
30
|
-
var
|
|
31
|
-
const { size: r, orientation:
|
|
28
|
+
}, z = {
|
|
29
|
+
form: (n) => {
|
|
30
|
+
var m;
|
|
31
|
+
const { size: r, orientation: o, c: t = $ } = n, i = t.form;
|
|
32
32
|
return {
|
|
33
33
|
[i.main]: !0,
|
|
34
34
|
[i.size[r]]: i.size[r],
|
|
35
|
-
[((
|
|
36
|
-
[i.orientation[
|
|
35
|
+
[((m = i.size) == null ? void 0 : m.prefix) || ""]: r && !i.size[r],
|
|
36
|
+
[i.orientation[o]]: i.orientation[o]
|
|
37
37
|
};
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
const { isRtl: r, c: e = $ } = m, t = e.formField;
|
|
38
|
+
},
|
|
39
|
+
field: (n) => {
|
|
40
|
+
const { isRtl: r, c: o = $ } = n, t = o.field;
|
|
42
41
|
return {
|
|
43
42
|
[t.main]: !0,
|
|
44
43
|
[t.isRtl]: r
|
|
@@ -46,6 +45,5 @@ const o = `${s.prefix}-${l.form}`, c = `${s.prefix}-${l.form}-${l.field}`, $ = {
|
|
|
46
45
|
}
|
|
47
46
|
};
|
|
48
47
|
export {
|
|
49
|
-
|
|
50
|
-
u as uFormField
|
|
48
|
+
z as uForm
|
|
51
49
|
};
|
package/unstyled/inputs.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
|
|
8
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./interfaces/common.js"),e=require("./json-classes.js"),l=`${e.base.prefix}-${e.inputs.input}`,C=`${e.base.prefix}-${e.inputs.maskedtextbox}`,u=`${e.base.prefix}-${e.inputs.radio}`,g=`${e.base.prefix}-${e.inputs.textbox}`,f=`${e.base.prefix}-${e.inputs.input}-${e.inputs.prefix}`,m=`${e.base.prefix}-${e.inputs.input}-${e.inputs.suffix}`,b={input:{radio:u,size:{prefix:`${u}-`,small:`${u}-${e.sizeMap.small}`,medium:`${u}-${e.sizeMap.medium}`,large:`${u}-${e.sizeMap.large}`},invalid:`${e.base.prefix}-${e.states.invalid}`,checked:`${e.base.prefix}-${e.states.checked}`},wrap:`${u}-${e.containers.wrap}`,label:`${u}-${e.elements.label}`},h={input:o=>{var n;const{size:t,invalid:r,checked:a,c:d=b}=o,s=d.input;return{[s==null?void 0:s.radio]:!0,[s==null?void 0:s.size[t]]:s==null?void 0:s.size[t],[`${(n=s==null?void 0:s.size)==null?void 0:n.prefix}${t}`]:t&&!(s!=null&&s.size[t]),[s==null?void 0:s.invalid]:r,[s==null?void 0:s.checked]:a}},label:o=>{const{c:t=b}=o;return{[t==null?void 0:t.label]:!0}},wrap:o=>{const{c:t=b}=o;return{[t==null?void 0:t.wrap]:!0}}},x={ul:{main:`${u}-${e.containers.list}`,horizontal:`${e.base.prefix}-${e.containers.list}-${e.states.horizontal}`,vertical:`${e.base.prefix}-${e.containers.list}-${e.states.vertical}`},item:{main:`${u}-${e.containers.list}-${e.containers.item}`,disabled:`${e.base.prefix}-${e.states.disabled}`}},R={ul:o=>{const{horizontal:t,vertical:r,c:a=x}=o,d=a.ul;return{[d==null?void 0:d.main]:!0,[d==null?void 0:d.horizontal]:t,[d==null?void 0:d.vertical]:r}},item:o=>{const{disabled:t,c:r=x}=o,a=r.item;return{[a==null?void 0:a.main]:!0,[a==null?void 0:a.disabled]:t}}},M={wrapper:{main:C,input:l,size:{small:`${l}-${e.sizeMap.small}`,medium:`${l}-${e.sizeMap.medium}`,large:`${l}-${e.sizeMap.large}`},fillMode:{solid:`${l}-${e.fillModeMap.solid}`,outline:`${l}-${e.fillModeMap.outline}`,flat:`${l}-${e.fillModeMap.flat}`},rounded:{small:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.small}`,medium:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.medium}`,large:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.large}`},disabled:`${e.base.prefix}-${e.states.disabled}`,invalid:`${e.base.prefix}-${e.states.invalid}`,isRtl:`${e.base.prefix}-${e.base.rtl}`},inputInner:`${l}-${e.inputs.inner}`},q={wrapper:o=>{const{invalid:t,disabled:r,size:a,fillMode:d,rounded:s,c:n=M}=o,$=n.wrapper;return{[$.main]:!0,[$.input]:!0,[$.size[a]]:$.size[a],[`${l}-${a}`]:!$.size[a],[$.fillMode[d]]:$.fillMode[d],[$.rounded[s]]:$.rounded[s],[`${e.base.prefix}-${e.base.rounded}-${s}`]:s&&!$.rounded[s],[$.disabled]:r,[$.invalid]:t}},inputInner:p.getClassByName(M,"inputInner")},c={wrapper:{main:g,input:l,size:{small:`${l}-${e.sizeMap.small}`,medium:`${l}-${e.sizeMap.medium}`,large:`${l}-${e.sizeMap.large}`},fillMode:{solid:`${l}-${e.fillModeMap.solid}`,outline:`${l}-${e.fillModeMap.outline}`,flat:`${l}-${e.fillModeMap.flat}`},rounded:{small:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.small}`,medium:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.medium}`,large:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.large}`},disabled:`${e.base.prefix}-${e.states.disabled}`,focused:`${e.base.prefix}-${e.states.focus}`,required:`${e.base.prefix}-${e.states.required}`,invalid:`${e.base.prefix}-${e.states.invalid}`,isRtl:`${e.base.prefix}-${e.base.rtl}`},inputInner:`${l}-${e.inputs.inner}`,prefix:{main:f,orientation:{horizontal:`${f}-${e.orientationMap.horizontal}`,vertical:`${f}-${e.orientationMap.vertical}`}},suffix:{main:m,orientation:{horizontal:`${m}-${e.orientationMap.horizontal}`,vertical:`${m}-${e.orientationMap.vertical}`}}},k={wrapper:o=>{const{disabled:t,invalid:r,focused:a,required:d,size:s,fillMode:n,rounded:$,isRtl:v,c:B=c}=o,i=B.wrapper;return{[i==null?void 0:i.main]:!0,[i==null?void 0:i.input]:!0,[i==null?void 0:i.size[s]]:i==null?void 0:i.size[s],[`${l}-${s}`]:s&&!(i!=null&&i.size[s]),[i==null?void 0:i.fillMode[n]]:i==null?void 0:i.fillMode[n],[i==null?void 0:i.rounded[$]]:i==null?void 0:i.rounded[$],[`${e.base.prefix}-${e.base.rounded}-${$}`]:$&&!(i!=null&&i.rounded[$]),[i==null?void 0:i.disabled]:t,[i==null?void 0:i.focused]:a,[i==null?void 0:i.required]:d,[i==null?void 0:i.invalid]:r,[i==null?void 0:i.isRtl]:v}},inputInner:p.getClassByName(c,"inputInner"),prefix:o=>{const{orientation:t,c:r=c}=o,a=r.prefix;return{[a.main]:!0,[a.orientation[t]]:a.orientation[t]}},suffix:o=>{const{orientation:t,c:r=c}=o,a=r.suffix;return{[a==null?void 0:a.main]:!0,[a==null?void 0:a.orientation[t]]:a==null?void 0:a.orientation[t]}}},z={input:{main:`${l} ${l}-${e.sizeMap.medium} ${e.base.prefix}-${e.base.rounded}-${e.roundedMap.medium} ${l}-${e.fillModeMap.solid}`,disabled:`${e.base.prefix}-${e.states.disabled}`,required:`${e.base.prefix}-${e.states.required}`,invalid:`${e.base.prefix}-${e.states.invalid}`,isRtl:`${e.base.prefix}-${e.base.rtl}`},clearButton:`${e.base.prefix}-${e.base.clear}-${e.base.value}`},T={input:o=>{const{disabled:t,invalid:r,required:a,isRtl:d,c:s=z}=o,n=s.input;return{[n==null?void 0:n.main]:!0,[n==null?void 0:n.disabled]:t,[n==null?void 0:n.required]:a,[n==null?void 0:n.invalid]:r,[n==null?void 0:n.isRtl]:d}},clearButton:p.getClassByName(z,"clearButton")};exports.radioButtonClasses=b;exports.radioGroupClasses=x;exports.uInput=T;exports.uMaskedTextBox=q;exports.uRadioButton=h;exports.uRadioGroup=R;exports.uTextBox=k;
|