@progress/kendo-react-common 8.3.0-develop.5 → 8.3.0-develop.6
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/index.d.mts +343 -14
- package/index.d.ts +343 -14
- package/index.js +1 -1
- package/index.mjs +151 -111
- package/package.json +1 -1
- package/unstyled/animations.js +1 -1
- package/unstyled/animations.mjs +1 -1
- package/unstyled/buttons.js +1 -1
- package/unstyled/buttons.mjs +66 -66
- package/unstyled/dropdowns.js +8 -0
- package/unstyled/dropdowns.mjs +233 -0
- package/unstyled/grid.js +1 -1
- package/unstyled/grid.mjs +70 -70
- package/unstyled/inputs.js +1 -1
- package/unstyled/inputs.mjs +191 -78
- package/unstyled/interfaces/common.js +8 -0
- package/unstyled/interfaces/common.mjs +17 -0
- package/unstyled/json-classes.js +1 -1
- package/unstyled/json-classes.mjs +109 -60
- package/unstyled/labels.js +8 -0
- package/unstyled/labels.mjs +99 -0
- package/unstyled/popup.js +1 -1
- package/unstyled/popup.mjs +1 -1
package/unstyled/buttons.mjs
CHANGED
|
@@ -6,14 +6,14 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
"use client";
|
|
9
|
-
import {
|
|
10
|
-
const
|
|
9
|
+
import { buttonPrefix as e, sizeMap as k, fillModeMap as $, themeColorMap as l, base as r, roundedMap as x, elements as p, states as f, ddbPrefix as d, containers as c } from "./json-classes.mjs";
|
|
10
|
+
const M = {
|
|
11
11
|
wrapper: {
|
|
12
12
|
main: e,
|
|
13
13
|
size: {
|
|
14
|
-
small: `${e}-${
|
|
15
|
-
medium: `${e}-${
|
|
16
|
-
large: `${e}-${
|
|
14
|
+
small: `${e}-${k.small}`,
|
|
15
|
+
medium: `${e}-${k.medium}`,
|
|
16
|
+
large: `${e}-${k.large}`
|
|
17
17
|
},
|
|
18
18
|
fillMode: {
|
|
19
19
|
solid: `${e}-${$.solid}`,
|
|
@@ -125,129 +125,129 @@ const e = `${i.prefix}-${w.prefix}`, d = `${i.prefix}-${p.prefix}`, y = {
|
|
|
125
125
|
}
|
|
126
126
|
},
|
|
127
127
|
rounded: {
|
|
128
|
-
small: `${
|
|
129
|
-
medium: `${
|
|
130
|
-
large: `${
|
|
128
|
+
small: `${r.prefix}-${r.rounded}-${x.small}`,
|
|
129
|
+
medium: `${r.prefix}-${r.rounded}-${x.medium}`,
|
|
130
|
+
large: `${r.prefix}-${r.rounded}-${x.large}`
|
|
131
131
|
},
|
|
132
|
-
iconButton: `${
|
|
133
|
-
disabled: `${
|
|
134
|
-
selected: `${
|
|
135
|
-
isRtl: `${
|
|
132
|
+
iconButton: `${r.prefix}-${p.icon}-${p.button}`,
|
|
133
|
+
disabled: `${r.prefix}-${f.disabled}`,
|
|
134
|
+
selected: `${r.prefix}-${f.selected}`,
|
|
135
|
+
isRtl: `${r.prefix}-${r.rtl}`
|
|
136
136
|
},
|
|
137
|
-
text: `${e}-${
|
|
138
|
-
icon: `${e}-${
|
|
139
|
-
},
|
|
137
|
+
text: `${e}-${p.text}`,
|
|
138
|
+
icon: `${e}-${p.icon}`
|
|
139
|
+
}, v = {
|
|
140
140
|
wrapper: (o) => {
|
|
141
141
|
const {
|
|
142
|
-
isRtl:
|
|
142
|
+
isRtl: i,
|
|
143
143
|
selected: a,
|
|
144
144
|
disabled: t,
|
|
145
145
|
size: s,
|
|
146
|
-
fillMode:
|
|
147
|
-
rounded:
|
|
148
|
-
themeColor:
|
|
149
|
-
iconButton:
|
|
150
|
-
c:
|
|
151
|
-
} = o, n =
|
|
146
|
+
fillMode: g,
|
|
147
|
+
rounded: b,
|
|
148
|
+
themeColor: w,
|
|
149
|
+
iconButton: h,
|
|
150
|
+
c: z = M
|
|
151
|
+
} = o, n = z.wrapper, u = n.themeColor[w], y = u.fillMode[g];
|
|
152
152
|
return {
|
|
153
153
|
[n.main]: !0,
|
|
154
154
|
[n.size[s]]: n.size[s],
|
|
155
155
|
[`${e}-${s}`]: !n.size[s],
|
|
156
|
-
[n.fillMode[
|
|
157
|
-
[
|
|
158
|
-
[n.rounded[
|
|
159
|
-
[`${
|
|
160
|
-
[n.iconButton]:
|
|
161
|
-
[
|
|
162
|
-
[
|
|
156
|
+
[n.fillMode[g]]: n.fillMode[g],
|
|
157
|
+
[y]: y,
|
|
158
|
+
[n.rounded[b]]: n.rounded[b],
|
|
159
|
+
[`${r.prefix}-${r.rounded}-${b}`]: b && !n.rounded[b],
|
|
160
|
+
[n.iconButton]: h,
|
|
161
|
+
[u.disabled]: t && u && u.disabled,
|
|
162
|
+
[u.selected]: a && u && u.selected,
|
|
163
163
|
[n.disabled]: t,
|
|
164
164
|
[n.selected]: a,
|
|
165
|
-
[n.isRtl]:
|
|
165
|
+
[n.isRtl]: i
|
|
166
166
|
};
|
|
167
167
|
},
|
|
168
168
|
text: (o) => {
|
|
169
|
-
const { c:
|
|
169
|
+
const { c: i = M } = o;
|
|
170
170
|
return {
|
|
171
|
-
[
|
|
171
|
+
[i.text]: !0
|
|
172
172
|
};
|
|
173
173
|
},
|
|
174
174
|
icon: (o) => {
|
|
175
|
-
const { c:
|
|
175
|
+
const { c: i = M } = o;
|
|
176
176
|
return {
|
|
177
|
-
[
|
|
177
|
+
[i.icon]: !0
|
|
178
178
|
};
|
|
179
179
|
}
|
|
180
|
-
},
|
|
180
|
+
}, m = {
|
|
181
181
|
wrapper: {
|
|
182
|
-
main: `${d}-${
|
|
183
|
-
focus: `${
|
|
184
|
-
disabled: `${
|
|
182
|
+
main: `${d}-${p.button}`,
|
|
183
|
+
focus: `${r.prefix}-${f.focus}`,
|
|
184
|
+
disabled: `${r.prefix}-${f.disabled}`
|
|
185
185
|
},
|
|
186
186
|
ul: {
|
|
187
|
-
group: `${d}-${
|
|
187
|
+
group: `${d}-${c.group}`,
|
|
188
188
|
size: {
|
|
189
|
-
small: `${d}-${
|
|
190
|
-
medium: `${d}-${
|
|
191
|
-
large: `${d}-${
|
|
189
|
+
small: `${d}-${c.group}-${k.small}`,
|
|
190
|
+
medium: `${d}-${c.group}-${k.medium}`,
|
|
191
|
+
large: `${d}-${c.group}-${k.large}`
|
|
192
192
|
}
|
|
193
193
|
},
|
|
194
194
|
li: {
|
|
195
|
-
item: `${
|
|
196
|
-
focus: `${
|
|
195
|
+
item: `${r.prefix}-${c.item}`,
|
|
196
|
+
focus: `${r.prefix}-${f.focus}`
|
|
197
197
|
},
|
|
198
|
-
item: `${d}-${
|
|
198
|
+
item: `${d}-${c.item}`,
|
|
199
199
|
link: {
|
|
200
|
-
main: `${
|
|
201
|
-
link: `${d}-${
|
|
202
|
-
selected: `${
|
|
203
|
-
disabled: `${
|
|
200
|
+
main: `${r.prefix}-${p.link}`,
|
|
201
|
+
link: `${d}-${p.link}`,
|
|
202
|
+
selected: `${r.prefix}-${f.selected}`,
|
|
203
|
+
disabled: `${r.prefix}-${f.disabled}`
|
|
204
204
|
},
|
|
205
|
-
popup: `${d}-${
|
|
206
|
-
},
|
|
205
|
+
popup: `${d}-${c.popup}`
|
|
206
|
+
}, B = {
|
|
207
207
|
wrapper: (o) => {
|
|
208
|
-
const { focused:
|
|
208
|
+
const { focused: i, disabled: a, c: t = m } = o, s = t.wrapper;
|
|
209
209
|
return {
|
|
210
210
|
[s.main]: !0,
|
|
211
|
-
[s.focus]:
|
|
211
|
+
[s.focus]: i,
|
|
212
212
|
[s.disabled]: a
|
|
213
213
|
};
|
|
214
214
|
},
|
|
215
215
|
ul: (o) => {
|
|
216
|
-
const { size:
|
|
216
|
+
const { size: i, c: a = m } = o, t = a.ul;
|
|
217
217
|
return {
|
|
218
218
|
[t.group]: !0,
|
|
219
|
-
[t.size[
|
|
220
|
-
[`${d}-${
|
|
219
|
+
[t.size[i]]: t.size[i],
|
|
220
|
+
[`${d}-${c.group}-${i}`]: !t.size[i]
|
|
221
221
|
};
|
|
222
222
|
},
|
|
223
223
|
li: (o) => {
|
|
224
|
-
const { focused:
|
|
224
|
+
const { focused: i, c: a = m } = o, t = a.li;
|
|
225
225
|
return {
|
|
226
226
|
[t.item]: !0,
|
|
227
|
-
[t.focus]:
|
|
227
|
+
[t.focus]: i
|
|
228
228
|
};
|
|
229
229
|
},
|
|
230
230
|
item: (o) => {
|
|
231
|
-
const { c:
|
|
232
|
-
return
|
|
231
|
+
const { c: i = m } = o;
|
|
232
|
+
return i.item;
|
|
233
233
|
},
|
|
234
234
|
link: (o) => {
|
|
235
|
-
const { selected:
|
|
235
|
+
const { selected: i, disabled: a, c: t = m } = o, s = t.link;
|
|
236
236
|
return {
|
|
237
237
|
[s.main]: !0,
|
|
238
238
|
[s.link]: !0,
|
|
239
|
-
[s.selected]:
|
|
239
|
+
[s.selected]: i,
|
|
240
240
|
[s.disabled]: a
|
|
241
241
|
};
|
|
242
242
|
},
|
|
243
243
|
popup: (o) => {
|
|
244
|
-
const { c:
|
|
244
|
+
const { c: i = m } = o;
|
|
245
245
|
return {
|
|
246
|
-
[
|
|
246
|
+
[i.popup]: !0
|
|
247
247
|
};
|
|
248
248
|
}
|
|
249
249
|
};
|
|
250
250
|
export {
|
|
251
|
-
|
|
252
|
-
|
|
251
|
+
v as uButton,
|
|
252
|
+
B as uDropDownButton
|
|
253
253
|
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./interfaces/common.js"),e=require("./json-classes.js"),o={clearButton:`${e.base.prefix}-${e.base.clear}-${e.base.value}`,groupStickyHeader:`${e.base.prefix}-${e.containers.list}-${e.containers.group}-${e.states.sticky}-${e.elements.header}`,listHeaderText:`${e.base.prefix}-${e.containers.list}-${e.elements.header}-${e.elements.text}`,ul:`${e.base.prefix}-${e.containers.list}-${e.elements.ul}`,li:{main:`${e.base.prefix}-${e.containers.list}-${e.containers.item}`,selected:`${e.base.prefix}-${e.states.selected}`,focused:`${e.base.prefix}-${e.states.focus}`,first:`${e.base.prefix}-${e.states.first}`,disabled:`${e.base.prefix}-${e.states.disabled}`},groupLi:{list:`${e.base.prefix}-${e.containers.list}-${e.containers.group}-${e.containers.item}`,table:`${e.base.prefix}-${e.elements.table}-${e.containers.group}-${e.containers.row}`},itemText:`${e.base.prefix}-${e.containers.list}-${e.containers.item}-${e.elements.text}`,groupItemText:{list:`${e.base.prefix}-${e.containers.list}-${e.containers.item}-${e.elements.text}`,table:`${e.base.prefix}-${e.elements.table}-${e.elements.th}`},itemGroupLabel:`${e.base.prefix}-${e.containers.list}-${e.containers.item}-${e.containers.group}-${e.elements.label}`,noData:`${e.base.prefix}-${e.base.nodata}`,heightContainer:`${e.base.prefix}-${e.dimensions.height}-${e.containers.container}`,optionlabel:{main:`${e.base.prefix}-${e.containers.list}-${e.containers.optionlabel}`,selected:`${e.base.prefix}-${e.states.selected}`},inputIcon:`${e.base.prefix}-${e.inputs.input}-${e.icon.prefix}`,searchbox:`${e.base.prefix}-${e.components.searchbox}`,listFilter:`${e.base.prefix}-${e.containers.list}-${e.base.filter}`},b={clearButton:i.getClassByName(o,"clearButton"),groupStickyHeader:i.getClassByName(o,"groupStickyHeader"),listHeaderText:i.getClassByName(o,"listHeaderText"),ul:i.getClassByName(o,"ul"),li:a=>{const{c:n=o,selected:t,focused:s,first:l,disabled:u}=a,p=n.li;return{[p.main]:!0,[p.selected]:t,[p.focused]:s,[p.first]:l,[p.disabled]:u}},groupLi:a=>{const{c:n=o,isMultiColumn:t}=a,s=n.groupLi;return{[s.table]:t,[s.list]:!t}},itemText:i.getClassByName(o,"itemText"),groupItemText:a=>{const{c:n=o,isMultiColumn:t}=a,s=n.groupItemText;return{[s.table]:t,[s.list]:!t}},itemGroupLabel:i.getClassByName(o,"itemGroupLabel"),noData:i.getClassByName(o,"noData"),heightContainer:i.getClassByName(o,"heightContainer"),optionlabel:a=>{const{c:n=o,selected:t}=a,s=n.optionlabel;return{[s.main]:!0,[s.selected]:t}},inputIcon:i.getClassByName(o,"inputIcon"),searchbox:i.getClassByName(o,"searchbox"),listFilter:i.getClassByName(o,"listFilter")},c={wrapper:{main:`${e.base.prefix}-${e.states.adaptive}-${e.components.actionsheet}`,fullscreen:`${e.base.prefix}-${e.components.actionsheet}-${e.states.fullscreen}`,bottom:`${e.base.prefix}-${e.components.actionsheet}-${e.states.bottom}`},header:`${e.base.prefix}-${e.elements.text}-${e.cssUtils.center}`,titleBar:{main:`${e.base.prefix}-${e.components.actionsheet}-${e.containers.titlebar}-${e.containers.group}`,position:`${e.base.prefix}-${e.cssUtils.hbox}`},title:`${e.base.prefix}-${e.components.actionsheet}-${e.elements.title}`,actions:`${e.base.prefix}-${e.components.actionsheet}-${e.containers.actions}`,titleBarGroup:{main:`${e.base.prefix}-${e.components.actionsheet}-${e.containers.titlebar}-${e.containers.group}`,filter:`${e.base.prefix}-${e.components.actionsheet}-${e.base.filter}`},content:`${e.base.important}${e.base.prefix}-${e.cssUtils.overflow}-${e.states.hidden}`},x={wrapper:a=>{const{c:n=c,isFullScreen:t}=a,s=n.wrapper;return{[s.main]:!0,[s.fullscreen]:t,[s.bottom]:!t}},header:i.getClassByName(c,"header"),titleBar:a=>{const{c:n=c}=a,t=n.titleBar;return{[t.main]:!0,[t.position]:!0}},title:i.getClassByName(c,"title"),actions:i.getClassByName(c,"actions"),titleBarGroup:a=>{const{c:n=c}=a,t=n.titleBarGroup;return{[t.main]:!0,[t.filter]:!0}},content:i.getClassByName(c,"content")},$={wrapper:{main:e.dropDownListPrefix,picker:e.pickerPrefix,size:{small:`${e.pickerPrefix}-${e.sizeMap.small}`,medium:`${e.pickerPrefix}-${e.sizeMap.medium}`,large:`${e.pickerPrefix}-${e.sizeMap.large}`},fillMode:{solid:`${e.pickerPrefix}-${e.fillModeMap.solid}`,outline:`${e.pickerPrefix}-${e.fillModeMap.outline}`,flat:`${e.pickerPrefix}-${e.fillModeMap.flat}`,link:`${e.pickerPrefix}-${e.fillModeMap.link}`,clear:`${e.pickerPrefix}-${e.fillModeMap.clear}`},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}`,invalid:`${e.base.prefix}-${e.states.invalid}`,loading:`${e.base.prefix}-${e.states.loading}`,required:`${e.base.prefix}-${e.states.required}`},loadingIcon:`${e.inputPrefix}-${e.states.loading}-${e.icon.prefix}`,iconButton:`${e.inputPrefix}-${e.elements.button}`,listContainer:{main:`${e.base.prefix}-${e.containers.list}-${e.containers.container}`,popup:`${e.base.prefix}-${e.components.dropdownlist}-${e.containers.popup}`},input:`${e.inputPrefix}-${e.inputs.inner}`,inputText:`${e.inputPrefix}-${e.base.value}-${e.elements.text}`,listHeader:`${e.base.prefix}-${e.containers.list}-${e.elements.header}`,list:{main:`${e.base.prefix}-${e.containers.list}`,size:{small:`${e.base.prefix}-${e.containers.list}-${e.sizeMap.small}`,medium:`${e.base.prefix}-${e.containers.list}-${e.sizeMap.medium}`,large:`${e.base.prefix}-${e.containers.list}-${e.sizeMap.large}`},virtual:`${e.base.prefix}-${e.base.virtual}-${e.containers.list}`},listContent:`${e.base.prefix}-${e.containers.list}-${e.containers.content}`,listFooter:`${e.base.prefix}-${e.containers.list}-${e.elements.footer}`},g={wrapper:a=>{const{c:n=$,size:t,rounded:s,fillMode:l,focused:u,disabled:p,invalid:d,loading:m,required:f}=a,r=n.wrapper;return{[r.main]:!0,[r.picker]:!0,[r.size[t]]:r.size[t],[`${e.pickerPrefix}-${t}`]:!r.size[t],[r.fillMode[l]]:r.fillMode[l],[r.rounded[s]]:r.rounded[s],[`${e.base.prefix}-${e.base.rounded}-${s}`]:s&&!r.rounded[s],[r.focused]:u,[r.disabled]:p,[r.loading]:m,[r.invalid]:d,[r.required]:f}},loadingIcon:i.getClassByName($,"loadingIcon"),iconButton:i.getClassByName($,"iconButton"),listContainer:a=>{const{c:n=$}=a,t=n.listContainer;return{[t.main]:!0,[t.popup]:!0}},input:i.getClassByName($,"input"),inputText:i.getClassByName($,"inputText"),listHeader:i.getClassByName($,"listHeader"),list:a=>{const{c:n=$,size:t,virtual:s}=a,l=n.list;return{[l.main]:!0,[l.size[t]]:l.size[t],[`${e.base.prefix}-${e.containers.list}-${t}`]:!l.size[t],[l.virtual]:s}},listContent:i.getClassByName($,"listContent"),listFooter:i.getClassByName($,"listFooter")};exports.uDropDownList=g;exports.uDropDownsActionSheet=x;exports.uDropDownsBase=b;
|
|
@@ -0,0 +1,233 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
"use client";
|
|
9
|
+
import { getClassByName as o } from "./interfaces/common.mjs";
|
|
10
|
+
import { base as e, containers as t, states as s, elements as $, dimensions as L, inputs as D, icon as T, components as f, cssUtils as B, dropDownListPrefix as M, pickerPrefix as d, sizeMap as g, fillModeMap as b, roundedMap as C, inputPrefix as h } from "./json-classes.mjs";
|
|
11
|
+
const p = {
|
|
12
|
+
clearButton: `${e.prefix}-${e.clear}-${e.value}`,
|
|
13
|
+
groupStickyHeader: `${e.prefix}-${t.list}-${t.group}-${s.sticky}-${$.header}`,
|
|
14
|
+
listHeaderText: `${e.prefix}-${t.list}-${$.header}-${$.text}`,
|
|
15
|
+
ul: `${e.prefix}-${t.list}-${$.ul}`,
|
|
16
|
+
li: {
|
|
17
|
+
main: `${e.prefix}-${t.list}-${t.item}`,
|
|
18
|
+
selected: `${e.prefix}-${s.selected}`,
|
|
19
|
+
focused: `${e.prefix}-${s.focus}`,
|
|
20
|
+
first: `${e.prefix}-${s.first}`,
|
|
21
|
+
disabled: `${e.prefix}-${s.disabled}`
|
|
22
|
+
},
|
|
23
|
+
groupLi: {
|
|
24
|
+
list: `${e.prefix}-${t.list}-${t.group}-${t.item}`,
|
|
25
|
+
table: `${e.prefix}-${$.table}-${t.group}-${t.row}`
|
|
26
|
+
},
|
|
27
|
+
itemText: `${e.prefix}-${t.list}-${t.item}-${$.text}`,
|
|
28
|
+
groupItemText: {
|
|
29
|
+
list: `${e.prefix}-${t.list}-${t.item}-${$.text}`,
|
|
30
|
+
table: `${e.prefix}-${$.table}-${$.th}`
|
|
31
|
+
},
|
|
32
|
+
itemGroupLabel: `${e.prefix}-${t.list}-${t.item}-${t.group}-${$.label}`,
|
|
33
|
+
noData: `${e.prefix}-${e.nodata}`,
|
|
34
|
+
heightContainer: `${e.prefix}-${L.height}-${t.container}`,
|
|
35
|
+
optionlabel: {
|
|
36
|
+
main: `${e.prefix}-${t.list}-${t.optionlabel}`,
|
|
37
|
+
selected: `${e.prefix}-${s.selected}`
|
|
38
|
+
},
|
|
39
|
+
inputIcon: `${e.prefix}-${D.input}-${T.prefix}`,
|
|
40
|
+
searchbox: `${e.prefix}-${f.searchbox}`,
|
|
41
|
+
listFilter: `${e.prefix}-${t.list}-${e.filter}`
|
|
42
|
+
}, F = {
|
|
43
|
+
clearButton: o(p, "clearButton"),
|
|
44
|
+
groupStickyHeader: o(p, "groupStickyHeader"),
|
|
45
|
+
listHeaderText: o(p, "listHeaderText"),
|
|
46
|
+
ul: o(p, "ul"),
|
|
47
|
+
li: (l) => {
|
|
48
|
+
const { c: n = p, selected: i, focused: r, first: u, disabled: w } = l, x = n.li;
|
|
49
|
+
return {
|
|
50
|
+
[x.main]: !0,
|
|
51
|
+
[x.selected]: i,
|
|
52
|
+
[x.focused]: r,
|
|
53
|
+
[x.first]: u,
|
|
54
|
+
[x.disabled]: w
|
|
55
|
+
};
|
|
56
|
+
},
|
|
57
|
+
groupLi: (l) => {
|
|
58
|
+
const { c: n = p, isMultiColumn: i } = l, r = n.groupLi;
|
|
59
|
+
return {
|
|
60
|
+
[r.table]: i,
|
|
61
|
+
[r.list]: !i
|
|
62
|
+
};
|
|
63
|
+
},
|
|
64
|
+
itemText: o(p, "itemText"),
|
|
65
|
+
groupItemText: (l) => {
|
|
66
|
+
const { c: n = p, isMultiColumn: i } = l, r = n.groupItemText;
|
|
67
|
+
return {
|
|
68
|
+
[r.table]: i,
|
|
69
|
+
[r.list]: !i
|
|
70
|
+
};
|
|
71
|
+
},
|
|
72
|
+
itemGroupLabel: o(p, "itemGroupLabel"),
|
|
73
|
+
noData: o(p, "noData"),
|
|
74
|
+
heightContainer: o(p, "heightContainer"),
|
|
75
|
+
optionlabel: (l) => {
|
|
76
|
+
const { c: n = p, selected: i } = l, r = n.optionlabel;
|
|
77
|
+
return {
|
|
78
|
+
[r.main]: !0,
|
|
79
|
+
[r.selected]: i
|
|
80
|
+
};
|
|
81
|
+
},
|
|
82
|
+
inputIcon: o(p, "inputIcon"),
|
|
83
|
+
searchbox: o(p, "searchbox"),
|
|
84
|
+
listFilter: o(p, "listFilter")
|
|
85
|
+
}, m = {
|
|
86
|
+
wrapper: {
|
|
87
|
+
main: `${e.prefix}-${s.adaptive}-${f.actionsheet}`,
|
|
88
|
+
fullscreen: `${e.prefix}-${f.actionsheet}-${s.fullscreen}`,
|
|
89
|
+
bottom: `${e.prefix}-${f.actionsheet}-${s.bottom}`
|
|
90
|
+
},
|
|
91
|
+
header: `${e.prefix}-${$.text}-${B.center}`,
|
|
92
|
+
titleBar: {
|
|
93
|
+
main: `${e.prefix}-${f.actionsheet}-${t.titlebar}-${t.group}`,
|
|
94
|
+
position: `${e.prefix}-${B.hbox}`
|
|
95
|
+
},
|
|
96
|
+
title: `${e.prefix}-${f.actionsheet}-${$.title}`,
|
|
97
|
+
actions: `${e.prefix}-${f.actionsheet}-${t.actions}`,
|
|
98
|
+
titleBarGroup: {
|
|
99
|
+
main: `${e.prefix}-${f.actionsheet}-${t.titlebar}-${t.group}`,
|
|
100
|
+
filter: `${e.prefix}-${f.actionsheet}-${e.filter}`
|
|
101
|
+
},
|
|
102
|
+
content: `${e.important}${e.prefix}-${B.overflow}-${s.hidden}`
|
|
103
|
+
}, G = {
|
|
104
|
+
wrapper: (l) => {
|
|
105
|
+
const { c: n = m, isFullScreen: i } = l, r = n.wrapper;
|
|
106
|
+
return {
|
|
107
|
+
[r.main]: !0,
|
|
108
|
+
[r.fullscreen]: i,
|
|
109
|
+
[r.bottom]: !i
|
|
110
|
+
};
|
|
111
|
+
},
|
|
112
|
+
header: o(m, "header"),
|
|
113
|
+
titleBar: (l) => {
|
|
114
|
+
const { c: n = m } = l, i = n.titleBar;
|
|
115
|
+
return {
|
|
116
|
+
[i.main]: !0,
|
|
117
|
+
[i.position]: !0
|
|
118
|
+
};
|
|
119
|
+
},
|
|
120
|
+
title: o(m, "title"),
|
|
121
|
+
actions: o(m, "actions"),
|
|
122
|
+
titleBarGroup: (l) => {
|
|
123
|
+
const { c: n = m } = l, i = n.titleBarGroup;
|
|
124
|
+
return {
|
|
125
|
+
[i.main]: !0,
|
|
126
|
+
[i.filter]: !0
|
|
127
|
+
};
|
|
128
|
+
},
|
|
129
|
+
content: o(m, "content")
|
|
130
|
+
}, c = {
|
|
131
|
+
wrapper: {
|
|
132
|
+
main: M,
|
|
133
|
+
picker: d,
|
|
134
|
+
size: {
|
|
135
|
+
small: `${d}-${g.small}`,
|
|
136
|
+
medium: `${d}-${g.medium}`,
|
|
137
|
+
large: `${d}-${g.large}`
|
|
138
|
+
},
|
|
139
|
+
fillMode: {
|
|
140
|
+
solid: `${d}-${b.solid}`,
|
|
141
|
+
outline: `${d}-${b.outline}`,
|
|
142
|
+
flat: `${d}-${b.flat}`,
|
|
143
|
+
link: `${d}-${b.link}`,
|
|
144
|
+
clear: `${d}-${b.clear}`
|
|
145
|
+
},
|
|
146
|
+
rounded: {
|
|
147
|
+
small: `${e.prefix}-${e.rounded}-${C.small}`,
|
|
148
|
+
medium: `${e.prefix}-${e.rounded}-${C.medium}`,
|
|
149
|
+
large: `${e.prefix}-${e.rounded}-${C.large}`
|
|
150
|
+
},
|
|
151
|
+
disabled: `${e.prefix}-${s.disabled}`,
|
|
152
|
+
focused: `${e.prefix}-${s.focus}`,
|
|
153
|
+
invalid: `${e.prefix}-${s.invalid}`,
|
|
154
|
+
loading: `${e.prefix}-${s.loading}`,
|
|
155
|
+
required: `${e.prefix}-${s.required}`
|
|
156
|
+
},
|
|
157
|
+
loadingIcon: `${h}-${s.loading}-${T.prefix}`,
|
|
158
|
+
iconButton: `${h}-${$.button}`,
|
|
159
|
+
listContainer: {
|
|
160
|
+
main: `${e.prefix}-${t.list}-${t.container}`,
|
|
161
|
+
popup: `${e.prefix}-${f.dropdownlist}-${t.popup}`
|
|
162
|
+
},
|
|
163
|
+
input: `${h}-${D.inner}`,
|
|
164
|
+
inputText: `${h}-${e.value}-${$.text}`,
|
|
165
|
+
listHeader: `${e.prefix}-${t.list}-${$.header}`,
|
|
166
|
+
list: {
|
|
167
|
+
main: `${e.prefix}-${t.list}`,
|
|
168
|
+
size: {
|
|
169
|
+
small: `${e.prefix}-${t.list}-${g.small}`,
|
|
170
|
+
medium: `${e.prefix}-${t.list}-${g.medium}`,
|
|
171
|
+
large: `${e.prefix}-${t.list}-${g.large}`
|
|
172
|
+
},
|
|
173
|
+
virtual: `${e.prefix}-${e.virtual}-${t.list}`
|
|
174
|
+
},
|
|
175
|
+
listContent: `${e.prefix}-${t.list}-${t.content}`,
|
|
176
|
+
listFooter: `${e.prefix}-${t.list}-${$.footer}`
|
|
177
|
+
}, S = {
|
|
178
|
+
wrapper: (l) => {
|
|
179
|
+
const {
|
|
180
|
+
c: n = c,
|
|
181
|
+
size: i,
|
|
182
|
+
rounded: r,
|
|
183
|
+
fillMode: u,
|
|
184
|
+
focused: w,
|
|
185
|
+
disabled: x,
|
|
186
|
+
invalid: v,
|
|
187
|
+
loading: z,
|
|
188
|
+
required: I
|
|
189
|
+
} = l, a = n.wrapper;
|
|
190
|
+
return {
|
|
191
|
+
[a.main]: !0,
|
|
192
|
+
[a.picker]: !0,
|
|
193
|
+
[a.size[i]]: a.size[i],
|
|
194
|
+
[`${d}-${i}`]: !a.size[i],
|
|
195
|
+
[a.fillMode[u]]: a.fillMode[u],
|
|
196
|
+
[a.rounded[r]]: a.rounded[r],
|
|
197
|
+
[`${e.prefix}-${e.rounded}-${r}`]: r && !a.rounded[r],
|
|
198
|
+
[a.focused]: w,
|
|
199
|
+
[a.disabled]: x,
|
|
200
|
+
[a.loading]: z,
|
|
201
|
+
[a.invalid]: v,
|
|
202
|
+
[a.required]: I
|
|
203
|
+
};
|
|
204
|
+
},
|
|
205
|
+
loadingIcon: o(c, "loadingIcon"),
|
|
206
|
+
iconButton: o(c, "iconButton"),
|
|
207
|
+
listContainer: (l) => {
|
|
208
|
+
const { c: n = c } = l, i = n.listContainer;
|
|
209
|
+
return {
|
|
210
|
+
[i.main]: !0,
|
|
211
|
+
[i.popup]: !0
|
|
212
|
+
};
|
|
213
|
+
},
|
|
214
|
+
input: o(c, "input"),
|
|
215
|
+
inputText: o(c, "inputText"),
|
|
216
|
+
listHeader: o(c, "listHeader"),
|
|
217
|
+
list: (l) => {
|
|
218
|
+
const { c: n = c, size: i, virtual: r } = l, u = n.list;
|
|
219
|
+
return {
|
|
220
|
+
[u.main]: !0,
|
|
221
|
+
[u.size[i]]: u.size[i],
|
|
222
|
+
[`${e.prefix}-${t.list}-${i}`]: !u.size[i],
|
|
223
|
+
[u.virtual]: r
|
|
224
|
+
};
|
|
225
|
+
},
|
|
226
|
+
listContent: o(c, "listContent"),
|
|
227
|
+
listFooter: o(c, "listFooter")
|
|
228
|
+
};
|
|
229
|
+
export {
|
|
230
|
+
S as uDropDownList,
|
|
231
|
+
G as uDropDownsActionSheet,
|
|
232
|
+
F as uDropDownsBase
|
|
233
|
+
};
|
package/unstyled/grid.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"),i
|
|
8
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./json-classes.js"),i={wrapper:{main:e.gridPrefix,size:{small:`${e.gridPrefix}-${e.sizeMap.small}`,medium:`${e.gridPrefix}-${e.sizeMap.medium}`},virtual:`${e.gridPrefix}-${e.base.virtual}`},ariaRoot:`${e.gridPrefix}-${e.grid.ariaRoot}`,container:`${e.gridPrefix}-${e.containers.container}`,content:{main:`${e.gridPrefix}-${e.containers.content}`,virtual:`${e.base.prefix}-${e.base.virtual}-${e.containers.content}`},tableWrap:`${e.gridPrefix}-${e.grid.tableWrap}`,table:{main:`${e.base.prefix}-${e.elements.table}`,gridTable:`${e.gridPrefix}-${e.elements.table}`,size:{small:`${e.base.prefix}-${e.elements.table}-${e.sizeMap.small}`,medium:`${e.base.prefix}-${e.elements.table}-${e.sizeMap.medium}`}},tbody:`${e.base.prefix}-${e.elements.table}-${e.elements.tbody}`,thead:{main:`${e.gridPrefix}-${e.elements.table}-${e.elements.thead}`,draggable:`${e.gridPrefix}-${e.states.draggable}-${e.elements.header}`},header:{main:`${e.gridPrefix}-${e.elements.header}`,draggable:`${e.gridPrefix}-${e.states.draggable}-${e.elements.header}`},headerWrap:`${e.gridPrefix}-${e.elements.header}-${e.containers.wrap}`,headerTable:{main:`${e.base.prefix}-${e.elements.table}`,header:`${e.gridPrefix}-${e.elements.header}-${e.elements.table}`,size:{small:`${e.base.prefix}-${e.elements.table}-${e.sizeMap.small}`,medium:`${e.base.prefix}-${e.elements.table}-${e.sizeMap.medium}`}},headerTh:{main:`${e.base.prefix}-${e.elements.table}-${e.elements.th}`,header:`${e.base.prefix}-${e.elements.header}`,first:`${e.base.prefix}-${e.states.first}`,filterable:`${e.base.prefix}-${e.states.filterable}`,locked:`${e.gridPrefix}-${e.elements.header}-${e.states.sticky}`,sorted:`${e.base.prefix}-${e.states.sorted}`},tableThead:`${e.base.prefix}-${e.elements.table}-${e.elements.thead}`,heightContainer:`${e.base.prefix}-${e.dimensions.height}-${e.containers.container}`,sortIcon:`${e.base.prefix}-${e.states.sort}-${e.elements.icon}`,sortOrder:`${e.base.prefix}-${e.states.sort}-${e.states.order}`,tr:{main:`${e.base.prefix}-${e.elements.table}-${e.grid.row}`,header:`${e.base.prefix}-${e.elements.table}-${e.grid.group}-${e.grid.row}`,grouping:`${e.base.prefix}-${e.states.grouping}-${e.grid.row}`,footer:`${e.base.prefix}-${e.grid.group}-${e.elements.footer}`,master:`${e.base.prefix}-${e.grid.master}-${e.grid.row}`,rowAlt:`${e.base.prefix}-${e.elements.table}-${e.states.alt}-${e.grid.row}`,alt:`${e.base.prefix}-${e.states.alt}`,selected:`${e.base.prefix}-${e.states.selected}`,isInEdit:`${e.gridPrefix}-${e.states.edit}-${e.grid.row}`},detailTr:{main:`${e.base.prefix}-${e.elements.table}-${e.grid.row}`,row:`${e.base.prefix}-${e.grid.detail}-${e.grid.row}`,rowAlt:`${e.base.prefix}-${e.elements.table}-${e.states.alt}-${e.grid.row}`,alt:`${e.base.prefix}-${e.states.alt}`},simpleTr:`${e.base.prefix}-${e.elements.table}-${e.grid.row}`,headerCellInner:`${e.base.prefix}-${e.grid.cellInner}`,columnTitle:`${e.base.prefix}-${e.grid.column}-${e.elements.title}`,headerCellLink:{main:`${e.base.prefix}-${e.elements.link}`,notSortable:`${e.base.important}${e.base.prefix}-${e.cursor.default}`},noRecords:`${e.gridPrefix}-${e.grid.noRecords}`,noRecordsTemplate:`${e.gridPrefix}-${e.grid.noRecords}-${e.states.template}`,pager:`${e.gridPrefix}-${e.grid.pager}`,sorted:`${e.base.prefix}-${e.states.sorted}`,contentSticky:`${e.gridPrefix}-${e.containers.content}-${e.states.sticky}`,hierarchyCell:{main:`${e.base.prefix}-${e.grid.hierarchy}-${e.grid.cell}`,header:`${e.base.prefix}-${e.elements.header}`},td:{main:`${e.base.prefix}-${e.elements.table}-${e.elements.td}`,selected:`${e.base.prefix}-${e.states.selected}`},detailTd:{main:`${e.base.prefix}-${e.elements.table}-${e.elements.td}`,cell:`${e.base.prefix}-${e.grid.detail}-${e.grid.cell}`},editTd:{main:`${e.base.prefix}-${e.elements.table}-${e.elements.td}`,cell:`${e.gridPrefix}-${e.states.edit}-${e.grid.cell}`,selected:`${e.base.prefix}-${e.states.selected}`},hierarchyTd:{main:`${e.base.prefix}-${e.elements.table}-${e.elements.td}`,cell:`${e.base.prefix}-${e.grid.hierarchy}-${e.grid.cell}`}},o={wrapper:t=>{const{size:r,virtual:a,c:s=i.wrapper}=t;return{[s.main]:!0,[s.size[r]]:s.size[r],[`${e.gridPrefix}-${r}`]:!s.size[r],[s.virtual]:a}},ariaRoot:t=>{const{c:r=i}=t;return r.ariaRoot},container:t=>{const{c:r=i}=t;return r.container},content:t=>{const{c:r=i.content}=t;return{[r.main]:!0,[r.virtual]:!0}},tableWrap:t=>{const{c:r=i}=t;return r.tableWrap},table:t=>{const{size:r,c:a=i.table}=t;return{[a.main]:!0,[a.gridTable]:!0,[a.size[r]]:a.size[r],[`${e.base.prefix}-${e.elements}-${r}`]:!a.size[r]}},tbody:t=>{const{c:r=i}=t;return r.tbody},thead:t=>{const{draggable:r,c:a=i.thead}=t;return{[a.main]:!0,[a.draggable]:r}},header:t=>{const{draggable:r,c:a=i.header}=t;return{[a.main]:!0,[a.draggable]:r}},headerWrap:t=>{const{c:r=i}=t;return r.headerWrap},headerTable:t=>{const{size:r,c:a=i.headerTable}=t;return{[a.main]:!0,[a.header]:!0,[a.size[r]]:a.size[r],[`${e.base.prefix}-${e.elements.table}-${r}`]:!a.size[r]}},headerTh:t=>{const{first:r,filterable:a,locked:s,sorted:d,c:l=i.headerTh}=t;return{[l.main]:!0,[l.header]:!0,[l.first]:r,[l.filterable]:a,[l.locked]:s,[l.sorted]:d}},tableThead:t=>{const{c:r=i}=t;return r.tableThead},heightContainer:t=>{const{c:r=i}=t;return r.heightContainer},sortIcon:t=>{const{c:r=i}=t;return r.sortIcon},sortOrder:t=>{const{c:r=i}=t;return r.sortOrder},tr:t=>{const{isHeader:r,isFooter:a,isMaster:s,isAltRow:d,selected:l,isInEdit:$,c:n=i.tr}=t;return{[n.main]:!0,[n.header]:r,[n.grouping]:r,[n.footer]:a,[n.master]:s,[n.rowAlt]:s&&d,[n.alt]:s&&d,[n.selected]:l,[n.isInEdit]:$}},detailTr:t=>{const{isAlt:r,c:a=i.detailTr}=t;return{[a.main]:!0,[a.row]:!0,[a.rowAlt]:r,[a.alt]:r}},simpleTr:t=>{const{c:r=i}=t;return r.simpleTr},headerCellInner:t=>{const{c:r=i}=t;return r.headerCellInner},columnTitle:t=>{const{c:r=i}=t;return r.columnTitle},headerCellLink:t=>{const{sortable:r,c:a=i.headerCellLink}=t;return{[a.main]:!0,[a.notSortable]:!r}},noRecords:t=>{const{c:r=i}=t;return r.noRecords},noRecordsTemplate:t=>{const{c:r=i}=t;return r.noRecordsTemplate},pager:t=>{const{c:r=i}=t;return r.pager},sorted:t=>{const{c:r=i}=t;return r.sorted},contentSticky:t=>{const{locked:r,c:a=i}=t;return{[a.contentSticky]:r}},hierarchyCell:t=>{const{c:r=i.hierarchyCell}=t;return{[r.main]:!0,[r.header]:!0}},td:t=>{const{selected:r,c:a=i.td}=t;return{[a.main]:!0,[a.selected]:r}},detailTd:t=>{const{c:r=i.detailTd}=t;return{[r.main]:!0,[r.cell]:!0}},editTd:t=>{const{selected:r,c:a=i.editTd}=t;return{[a.main]:!0,[a.cell]:!0,[a.selected]:r}},hierarchyTd:t=>{const{c:r=i.hierarchyTd}=t;return{[r.main]:!0,[r.cell]:!0}}};exports.uGrid=o;
|