@progress/kendo-react-common 8.2.1-develop.5 → 8.3.0-develop.10
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/hocs/use-unstyled-hoc.js +8 -0
- package/hocs/use-unstyled-hoc.mjs +17 -0
- package/icons/SvgIcon.js +1 -1
- package/icons/SvgIcon.mjs +52 -56
- package/index.d.mts +635 -0
- package/index.d.ts +635 -0
- package/index.js +1 -1
- package/index.mjs +194 -118
- package/package.json +1 -1
- package/unstyled/animations.js +8 -0
- package/unstyled/animations.mjs +185 -0
- package/unstyled/buttons.js +8 -0
- package/unstyled/buttons.mjs +253 -0
- package/unstyled/dateinputs.js +8 -0
- package/unstyled/dateinputs.mjs +556 -0
- package/unstyled/dropdowns.js +8 -0
- package/unstyled/dropdowns.mjs +231 -0
- package/unstyled/form.js +8 -0
- package/unstyled/form.mjs +50 -0
- package/unstyled/grid.js +8 -0
- package/unstyled/grid.mjs +319 -0
- package/unstyled/icons.js +8 -0
- package/unstyled/icons.mjs +53 -0
- package/unstyled/inputs.js +8 -0
- package/unstyled/inputs.mjs +262 -0
- package/unstyled/interfaces/common.js +8 -0
- package/unstyled/interfaces/common.mjs +17 -0
- package/unstyled/json-classes.js +8 -0
- package/unstyled/json-classes.mjs +315 -0
- package/unstyled/labels.js +8 -0
- package/unstyled/labels.mjs +99 -0
- package/unstyled/main.js +8 -0
- package/unstyled/main.mjs +14 -0
- package/unstyled/popup.js +8 -0
- package/unstyled/popup.mjs +91 -0
|
@@ -0,0 +1,231 @@
|
|
|
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 p, elements as $, dimensions as L, inputs as D, icon as T, components as f, cssUtils as C, dropDownListPrefix as M, pickerPrefix as d, sizeMap as m, fillModeMap as b, roundedMap as B, inputPrefix as h } from "./json-classes.mjs";
|
|
11
|
+
const a = {
|
|
12
|
+
clearButton: `${e.prefix}-${e.clear}-${e.value}`,
|
|
13
|
+
groupStickyHeader: `${e.prefix}-${t.list}-${t.group}-${p.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}-${p.selected}`,
|
|
19
|
+
focused: `${e.prefix}-${p.focus}`,
|
|
20
|
+
first: `${e.prefix}-${p.first}`,
|
|
21
|
+
disabled: `${e.prefix}-${p.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}-${p.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(a, "clearButton"),
|
|
44
|
+
groupStickyHeader: o(a, "groupStickyHeader"),
|
|
45
|
+
listHeaderText: o(a, "listHeaderText"),
|
|
46
|
+
ul: o(a, "ul"),
|
|
47
|
+
li: (l) => {
|
|
48
|
+
const { c: n = a, 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 = a, isMultiColumn: i } = l, r = n.groupLi;
|
|
59
|
+
return {
|
|
60
|
+
[r.table]: i,
|
|
61
|
+
[r.list]: !i
|
|
62
|
+
};
|
|
63
|
+
},
|
|
64
|
+
itemText: o(a, "itemText"),
|
|
65
|
+
groupItemText: (l) => {
|
|
66
|
+
const { c: n = a, isMultiColumn: i } = l, r = n.groupItemText;
|
|
67
|
+
return {
|
|
68
|
+
[r.table]: i,
|
|
69
|
+
[r.list]: !i
|
|
70
|
+
};
|
|
71
|
+
},
|
|
72
|
+
itemGroupLabel: o(a, "itemGroupLabel"),
|
|
73
|
+
noData: o(a, "noData"),
|
|
74
|
+
heightContainer: o(a, "heightContainer"),
|
|
75
|
+
optionlabel: (l) => {
|
|
76
|
+
const { c: n = a, selected: i } = l, r = n.optionlabel;
|
|
77
|
+
return {
|
|
78
|
+
[r.main]: !0,
|
|
79
|
+
[r.selected]: i
|
|
80
|
+
};
|
|
81
|
+
},
|
|
82
|
+
inputIcon: o(a, "inputIcon"),
|
|
83
|
+
searchbox: o(a, "searchbox"),
|
|
84
|
+
listFilter: o(a, "listFilter")
|
|
85
|
+
}, g = {
|
|
86
|
+
wrapper: {
|
|
87
|
+
main: `${e.prefix}-${p.adaptive}-${f.actionsheet}`,
|
|
88
|
+
fullscreen: `${e.prefix}-${f.actionsheet}-${p.fullscreen}`,
|
|
89
|
+
bottom: `${e.prefix}-${f.actionsheet}-${p.bottom}`
|
|
90
|
+
},
|
|
91
|
+
header: `${e.prefix}-${$.text}-${C.center}`,
|
|
92
|
+
titleBar: {
|
|
93
|
+
main: `${e.prefix}-${f.actionsheet}-${t.titlebar}-${t.group}`,
|
|
94
|
+
position: `${e.prefix}-${C.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
|
+
}, G = {
|
|
103
|
+
wrapper: (l) => {
|
|
104
|
+
const { c: n = g, isFullScreen: i } = l, r = n.wrapper;
|
|
105
|
+
return {
|
|
106
|
+
[r.main]: !0,
|
|
107
|
+
[r.fullscreen]: i,
|
|
108
|
+
[r.bottom]: !i
|
|
109
|
+
};
|
|
110
|
+
},
|
|
111
|
+
header: o(g, "header"),
|
|
112
|
+
titleBar: (l) => {
|
|
113
|
+
const { c: n = g } = l, i = n.titleBar;
|
|
114
|
+
return {
|
|
115
|
+
[i.main]: !0,
|
|
116
|
+
[i.position]: !0
|
|
117
|
+
};
|
|
118
|
+
},
|
|
119
|
+
title: o(g, "title"),
|
|
120
|
+
actions: o(g, "actions"),
|
|
121
|
+
titleBarGroup: (l) => {
|
|
122
|
+
const { c: n = g } = l, i = n.titleBarGroup;
|
|
123
|
+
return {
|
|
124
|
+
[i.main]: !0,
|
|
125
|
+
[i.filter]: !0
|
|
126
|
+
};
|
|
127
|
+
}
|
|
128
|
+
}, c = {
|
|
129
|
+
wrapper: {
|
|
130
|
+
main: M,
|
|
131
|
+
picker: d,
|
|
132
|
+
size: {
|
|
133
|
+
small: `${d}-${m.small}`,
|
|
134
|
+
medium: `${d}-${m.medium}`,
|
|
135
|
+
large: `${d}-${m.large}`
|
|
136
|
+
},
|
|
137
|
+
fillMode: {
|
|
138
|
+
solid: `${d}-${b.solid}`,
|
|
139
|
+
outline: `${d}-${b.outline}`,
|
|
140
|
+
flat: `${d}-${b.flat}`,
|
|
141
|
+
link: `${d}-${b.link}`,
|
|
142
|
+
clear: `${d}-${b.clear}`
|
|
143
|
+
},
|
|
144
|
+
rounded: {
|
|
145
|
+
small: `${e.prefix}-${e.rounded}-${B.small}`,
|
|
146
|
+
medium: `${e.prefix}-${e.rounded}-${B.medium}`,
|
|
147
|
+
large: `${e.prefix}-${e.rounded}-${B.large}`
|
|
148
|
+
},
|
|
149
|
+
disabled: `${e.prefix}-${p.disabled}`,
|
|
150
|
+
focused: `${e.prefix}-${p.focus}`,
|
|
151
|
+
invalid: `${e.prefix}-${p.invalid}`,
|
|
152
|
+
loading: `${e.prefix}-${p.loading}`,
|
|
153
|
+
required: `${e.prefix}-${p.required}`
|
|
154
|
+
},
|
|
155
|
+
loadingIcon: `${h}-${p.loading}-${T.prefix}`,
|
|
156
|
+
iconButton: `${h}-${$.button}`,
|
|
157
|
+
listContainer: {
|
|
158
|
+
main: `${e.prefix}-${t.list}-${t.container}`,
|
|
159
|
+
popup: `${e.prefix}-${f.dropdownlist}-${t.popup}`
|
|
160
|
+
},
|
|
161
|
+
input: `${h}-${D.inner}`,
|
|
162
|
+
inputText: `${h}-${e.value}-${$.text}`,
|
|
163
|
+
listHeader: `${e.prefix}-${t.list}-${$.header}`,
|
|
164
|
+
list: {
|
|
165
|
+
main: `${e.prefix}-${t.list}`,
|
|
166
|
+
size: {
|
|
167
|
+
small: `${e.prefix}-${t.list}-${m.small}`,
|
|
168
|
+
medium: `${e.prefix}-${t.list}-${m.medium}`,
|
|
169
|
+
large: `${e.prefix}-${t.list}-${m.large}`
|
|
170
|
+
},
|
|
171
|
+
virtual: `${e.prefix}-${e.virtual}-${t.list}`
|
|
172
|
+
},
|
|
173
|
+
listContent: `${e.prefix}-${t.list}-${t.content}`,
|
|
174
|
+
listFooter: `${e.prefix}-${t.list}-${$.footer}`
|
|
175
|
+
}, S = {
|
|
176
|
+
wrapper: (l) => {
|
|
177
|
+
const {
|
|
178
|
+
c: n = c,
|
|
179
|
+
size: i,
|
|
180
|
+
rounded: r,
|
|
181
|
+
fillMode: u,
|
|
182
|
+
focused: w,
|
|
183
|
+
disabled: x,
|
|
184
|
+
invalid: v,
|
|
185
|
+
loading: z,
|
|
186
|
+
required: I
|
|
187
|
+
} = l, s = n.wrapper;
|
|
188
|
+
return {
|
|
189
|
+
[s.main]: !0,
|
|
190
|
+
[s.picker]: !0,
|
|
191
|
+
[s.size[i]]: s.size[i],
|
|
192
|
+
[`${d}-${i}`]: i && !s.size[i],
|
|
193
|
+
[s.fillMode[u]]: s.fillMode[u],
|
|
194
|
+
[s.rounded[r]]: s.rounded[r],
|
|
195
|
+
[`${e.prefix}-${e.rounded}-${r}`]: r && !s.rounded[r],
|
|
196
|
+
[s.focused]: w,
|
|
197
|
+
[s.disabled]: x,
|
|
198
|
+
[s.loading]: z,
|
|
199
|
+
[s.invalid]: v,
|
|
200
|
+
[s.required]: I
|
|
201
|
+
};
|
|
202
|
+
},
|
|
203
|
+
loadingIcon: o(c, "loadingIcon"),
|
|
204
|
+
iconButton: o(c, "iconButton"),
|
|
205
|
+
listContainer: (l) => {
|
|
206
|
+
const { c: n = c } = l, i = n.listContainer;
|
|
207
|
+
return {
|
|
208
|
+
[i.main]: !0,
|
|
209
|
+
[i.popup]: !0
|
|
210
|
+
};
|
|
211
|
+
},
|
|
212
|
+
input: o(c, "input"),
|
|
213
|
+
inputText: o(c, "inputText"),
|
|
214
|
+
listHeader: o(c, "listHeader"),
|
|
215
|
+
list: (l) => {
|
|
216
|
+
const { c: n = c, size: i, virtual: r } = l, u = n.list;
|
|
217
|
+
return {
|
|
218
|
+
[u.main]: !0,
|
|
219
|
+
[u.size[i]]: u.size[i],
|
|
220
|
+
[`${e.prefix}-${t.list}-${i}`]: i && !u.size[i],
|
|
221
|
+
[u.virtual]: r
|
|
222
|
+
};
|
|
223
|
+
},
|
|
224
|
+
listContent: o(c, "listContent"),
|
|
225
|
+
listFooter: o(c, "listFooter")
|
|
226
|
+
};
|
|
227
|
+
export {
|
|
228
|
+
S as uDropDownList,
|
|
229
|
+
G as uDropDownsActionSheet,
|
|
230
|
+
F as uDropDownsBase
|
|
231
|
+
};
|
package/unstyled/form.js
ADDED
|
@@ -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 e=require("./json-classes.js"),o=`${e.base.prefix}-${e.forms.form}`,a=`${e.base.prefix}-${e.forms.form}-${e.forms.field}`,l={form:{main:o,size:{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}`}}},m={form:n=>{const{size:i,orientation:s,c:t=l}=n,r=t.form;return{[r.main]:!0,[r.size[i]]:r.size[i],[`${o}-${i}`]:!r.size[i],[r.orientation[s]]:r.orientation[s]}}},f={formField:{main:a,isRtl:`${e.base.prefix}-${e.base.rtl}`}},$={formField:n=>{const{isRtl:i,c:s=f}=n,t=s.formField;return{[t.main]:!0,[t.isRtl]:i}}};exports.uForm=m;exports.uFormField=$;
|
|
@@ -0,0 +1,50 @@
|
|
|
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 { base as s, forms as l, sizeMap as n, orientationMap as a } from "./json-classes.mjs";
|
|
10
|
+
const o = `${s.prefix}-${l.form}`, f = `${s.prefix}-${l.form}-${l.field}`, $ = {
|
|
11
|
+
form: {
|
|
12
|
+
main: o,
|
|
13
|
+
size: {
|
|
14
|
+
small: `${o}-${n.small}`,
|
|
15
|
+
medium: `${o}-${n.medium}`,
|
|
16
|
+
large: `${o}-${n.large}`
|
|
17
|
+
},
|
|
18
|
+
orientation: {
|
|
19
|
+
horizontal: `${o}-${a.horizontal}`,
|
|
20
|
+
vertical: `${o}-${a.vertical}`
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
}, u = {
|
|
24
|
+
form: (m) => {
|
|
25
|
+
const { size: i, orientation: e, c: t = $ } = m, r = t.form;
|
|
26
|
+
return {
|
|
27
|
+
[r.main]: !0,
|
|
28
|
+
[r.size[i]]: r.size[i],
|
|
29
|
+
[`${o}-${i}`]: !r.size[i],
|
|
30
|
+
[r.orientation[e]]: r.orientation[e]
|
|
31
|
+
};
|
|
32
|
+
}
|
|
33
|
+
}, c = {
|
|
34
|
+
formField: {
|
|
35
|
+
main: f,
|
|
36
|
+
isRtl: `${s.prefix}-${s.rtl}`
|
|
37
|
+
}
|
|
38
|
+
}, F = {
|
|
39
|
+
formField: (m) => {
|
|
40
|
+
const { isRtl: i, c: e = c } = m, t = e.formField;
|
|
41
|
+
return {
|
|
42
|
+
[t.main]: !0,
|
|
43
|
+
[t.isRtl]: i
|
|
44
|
+
};
|
|
45
|
+
}
|
|
46
|
+
};
|
|
47
|
+
export {
|
|
48
|
+
u as uForm,
|
|
49
|
+
F as uFormField
|
|
50
|
+
};
|
package/unstyled/grid.js
ADDED
|
@@ -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 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}`]: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;
|
|
@@ -0,0 +1,319 @@
|
|
|
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 { gridPrefix as n, sizeMap as u, base as t, grid as l, containers as p, elements as a, states as o, dimensions as f, cursor as b } from "./json-classes.mjs";
|
|
10
|
+
const $ = {
|
|
11
|
+
wrapper: {
|
|
12
|
+
main: n,
|
|
13
|
+
size: {
|
|
14
|
+
small: `${n}-${u.small}`,
|
|
15
|
+
medium: `${n}-${u.medium}`
|
|
16
|
+
},
|
|
17
|
+
virtual: `${n}-${t.virtual}`
|
|
18
|
+
},
|
|
19
|
+
ariaRoot: `${n}-${l.ariaRoot}`,
|
|
20
|
+
container: `${n}-${p.container}`,
|
|
21
|
+
content: {
|
|
22
|
+
main: `${n}-${p.content}`,
|
|
23
|
+
virtual: `${t.prefix}-${t.virtual}-${p.content}`
|
|
24
|
+
},
|
|
25
|
+
tableWrap: `${n}-${l.tableWrap}`,
|
|
26
|
+
table: {
|
|
27
|
+
main: `${t.prefix}-${a.table}`,
|
|
28
|
+
gridTable: `${n}-${a.table}`,
|
|
29
|
+
size: {
|
|
30
|
+
small: `${t.prefix}-${a.table}-${u.small}`,
|
|
31
|
+
medium: `${t.prefix}-${a.table}-${u.medium}`
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
tbody: `${t.prefix}-${a.table}-${a.tbody}`,
|
|
35
|
+
thead: {
|
|
36
|
+
main: `${n}-${a.table}-${a.thead}`,
|
|
37
|
+
draggable: `${n}-${o.draggable}-${a.header}`
|
|
38
|
+
},
|
|
39
|
+
header: {
|
|
40
|
+
main: `${n}-${a.header}`,
|
|
41
|
+
draggable: `${n}-${o.draggable}-${a.header}`
|
|
42
|
+
},
|
|
43
|
+
headerWrap: `${n}-${a.header}-${p.wrap}`,
|
|
44
|
+
headerTable: {
|
|
45
|
+
main: `${t.prefix}-${a.table}`,
|
|
46
|
+
header: `${n}-${a.header}-${a.table}`,
|
|
47
|
+
size: {
|
|
48
|
+
small: `${t.prefix}-${a.table}-${u.small}`,
|
|
49
|
+
medium: `${t.prefix}-${a.table}-${u.medium}`
|
|
50
|
+
}
|
|
51
|
+
},
|
|
52
|
+
headerTh: {
|
|
53
|
+
main: `${t.prefix}-${a.table}-${a.th}`,
|
|
54
|
+
header: `${t.prefix}-${a.header}`,
|
|
55
|
+
first: `${t.prefix}-${o.first}`,
|
|
56
|
+
filterable: `${t.prefix}-${o.filterable}`,
|
|
57
|
+
locked: `${n}-${a.header}-${o.sticky}`,
|
|
58
|
+
sorted: `${t.prefix}-${o.sorted}`
|
|
59
|
+
},
|
|
60
|
+
tableThead: `${t.prefix}-${a.table}-${a.thead}`,
|
|
61
|
+
heightContainer: `${t.prefix}-${f.height}-${p.container}`,
|
|
62
|
+
sortIcon: `${t.prefix}-${o.sort}-${a.icon}`,
|
|
63
|
+
sortOrder: `${t.prefix}-${o.sort}-${o.order}`,
|
|
64
|
+
tr: {
|
|
65
|
+
main: `${t.prefix}-${a.table}-${l.row}`,
|
|
66
|
+
header: `${t.prefix}-${a.table}-${l.group}-${l.row}`,
|
|
67
|
+
grouping: `${t.prefix}-${o.grouping}-${l.row}`,
|
|
68
|
+
footer: `${t.prefix}-${l.group}-${a.footer}`,
|
|
69
|
+
master: `${t.prefix}-${l.master}-${l.row}`,
|
|
70
|
+
rowAlt: `${t.prefix}-${a.table}-${o.alt}-${l.row}`,
|
|
71
|
+
alt: `${t.prefix}-${o.alt}`,
|
|
72
|
+
selected: `${t.prefix}-${o.selected}`,
|
|
73
|
+
isInEdit: `${n}-${o.edit}-${l.row}`
|
|
74
|
+
},
|
|
75
|
+
detailTr: {
|
|
76
|
+
main: `${t.prefix}-${a.table}-${l.row}`,
|
|
77
|
+
row: `${t.prefix}-${l.detail}-${l.row}`,
|
|
78
|
+
rowAlt: `${t.prefix}-${a.table}-${o.alt}-${l.row}`,
|
|
79
|
+
alt: `${t.prefix}-${o.alt}`
|
|
80
|
+
},
|
|
81
|
+
simpleTr: `${t.prefix}-${a.table}-${l.row}`,
|
|
82
|
+
headerCellInner: `${t.prefix}-${l.cellInner}`,
|
|
83
|
+
columnTitle: `${t.prefix}-${l.column}-${a.title}`,
|
|
84
|
+
headerCellLink: {
|
|
85
|
+
main: `${t.prefix}-${a.link}`,
|
|
86
|
+
notSortable: `${t.important}${t.prefix}-${b.default}`
|
|
87
|
+
},
|
|
88
|
+
noRecords: `${n}-${l.noRecords}`,
|
|
89
|
+
noRecordsTemplate: `${n}-${l.noRecords}-${o.template}`,
|
|
90
|
+
pager: `${n}-${l.pager}`,
|
|
91
|
+
sorted: `${t.prefix}-${o.sorted}`,
|
|
92
|
+
contentSticky: `${n}-${p.content}-${o.sticky}`,
|
|
93
|
+
hierarchyCell: {
|
|
94
|
+
main: `${t.prefix}-${l.hierarchy}-${l.cell}`,
|
|
95
|
+
header: `${t.prefix}-${a.header}`
|
|
96
|
+
},
|
|
97
|
+
td: {
|
|
98
|
+
main: `${t.prefix}-${a.table}-${a.td}`,
|
|
99
|
+
selected: `${t.prefix}-${o.selected}`
|
|
100
|
+
},
|
|
101
|
+
detailTd: {
|
|
102
|
+
main: `${t.prefix}-${a.table}-${a.td}`,
|
|
103
|
+
cell: `${t.prefix}-${l.detail}-${l.cell}`
|
|
104
|
+
},
|
|
105
|
+
editTd: {
|
|
106
|
+
main: `${t.prefix}-${a.table}-${a.td}`,
|
|
107
|
+
cell: `${n}-${o.edit}-${l.cell}`,
|
|
108
|
+
selected: `${t.prefix}-${o.selected}`
|
|
109
|
+
},
|
|
110
|
+
hierarchyTd: {
|
|
111
|
+
main: `${t.prefix}-${a.table}-${a.td}`,
|
|
112
|
+
cell: `${t.prefix}-${l.hierarchy}-${l.cell}`
|
|
113
|
+
}
|
|
114
|
+
}, g = {
|
|
115
|
+
wrapper: (r) => {
|
|
116
|
+
const { size: e, virtual: i, c = $.wrapper } = r;
|
|
117
|
+
return {
|
|
118
|
+
[c.main]: !0,
|
|
119
|
+
[c.size[e]]: c.size[e],
|
|
120
|
+
[`${n}-${e}`]: e && !c.size[e],
|
|
121
|
+
[c.virtual]: i
|
|
122
|
+
};
|
|
123
|
+
},
|
|
124
|
+
ariaRoot: (r) => {
|
|
125
|
+
const { c: e = $ } = r;
|
|
126
|
+
return e.ariaRoot;
|
|
127
|
+
},
|
|
128
|
+
container: (r) => {
|
|
129
|
+
const { c: e = $ } = r;
|
|
130
|
+
return e.container;
|
|
131
|
+
},
|
|
132
|
+
content: (r) => {
|
|
133
|
+
const { c: e = $.content } = r;
|
|
134
|
+
return {
|
|
135
|
+
[e.main]: !0,
|
|
136
|
+
[e.virtual]: !0
|
|
137
|
+
};
|
|
138
|
+
},
|
|
139
|
+
tableWrap: (r) => {
|
|
140
|
+
const { c: e = $ } = r;
|
|
141
|
+
return e.tableWrap;
|
|
142
|
+
},
|
|
143
|
+
table: (r) => {
|
|
144
|
+
const { size: e, c: i = $.table } = r;
|
|
145
|
+
return {
|
|
146
|
+
[i.main]: !0,
|
|
147
|
+
[i.gridTable]: !0,
|
|
148
|
+
[i.size[e]]: i.size[e],
|
|
149
|
+
[`${t.prefix}-${a}-${e}`]: !i.size[e]
|
|
150
|
+
};
|
|
151
|
+
},
|
|
152
|
+
tbody: (r) => {
|
|
153
|
+
const { c: e = $ } = r;
|
|
154
|
+
return e.tbody;
|
|
155
|
+
},
|
|
156
|
+
thead: (r) => {
|
|
157
|
+
const { draggable: e, c: i = $.thead } = r;
|
|
158
|
+
return {
|
|
159
|
+
[i.main]: !0,
|
|
160
|
+
[i.draggable]: e
|
|
161
|
+
};
|
|
162
|
+
},
|
|
163
|
+
header: (r) => {
|
|
164
|
+
const { draggable: e, c: i = $.header } = r;
|
|
165
|
+
return {
|
|
166
|
+
[i.main]: !0,
|
|
167
|
+
[i.draggable]: e
|
|
168
|
+
};
|
|
169
|
+
},
|
|
170
|
+
headerWrap: (r) => {
|
|
171
|
+
const { c: e = $ } = r;
|
|
172
|
+
return e.headerWrap;
|
|
173
|
+
},
|
|
174
|
+
headerTable: (r) => {
|
|
175
|
+
const { size: e, c: i = $.headerTable } = r;
|
|
176
|
+
return {
|
|
177
|
+
[i.main]: !0,
|
|
178
|
+
[i.header]: !0,
|
|
179
|
+
[i.size[e]]: i.size[e],
|
|
180
|
+
[`${t.prefix}-${a.table}-${e}`]: !i.size[e]
|
|
181
|
+
};
|
|
182
|
+
},
|
|
183
|
+
headerTh: (r) => {
|
|
184
|
+
const {
|
|
185
|
+
first: e,
|
|
186
|
+
filterable: i,
|
|
187
|
+
locked: c,
|
|
188
|
+
sorted: h,
|
|
189
|
+
c: s = $.headerTh
|
|
190
|
+
} = r;
|
|
191
|
+
return {
|
|
192
|
+
[s.main]: !0,
|
|
193
|
+
[s.header]: !0,
|
|
194
|
+
[s.first]: e,
|
|
195
|
+
[s.filterable]: i,
|
|
196
|
+
[s.locked]: c,
|
|
197
|
+
[s.sorted]: h
|
|
198
|
+
};
|
|
199
|
+
},
|
|
200
|
+
tableThead: (r) => {
|
|
201
|
+
const { c: e = $ } = r;
|
|
202
|
+
return e.tableThead;
|
|
203
|
+
},
|
|
204
|
+
heightContainer: (r) => {
|
|
205
|
+
const { c: e = $ } = r;
|
|
206
|
+
return e.heightContainer;
|
|
207
|
+
},
|
|
208
|
+
sortIcon: (r) => {
|
|
209
|
+
const { c: e = $ } = r;
|
|
210
|
+
return e.sortIcon;
|
|
211
|
+
},
|
|
212
|
+
sortOrder: (r) => {
|
|
213
|
+
const { c: e = $ } = r;
|
|
214
|
+
return e.sortOrder;
|
|
215
|
+
},
|
|
216
|
+
tr: (r) => {
|
|
217
|
+
const { isHeader: e, isFooter: i, isMaster: c, isAltRow: h, selected: s, isInEdit: m, c: d = $.tr } = r;
|
|
218
|
+
return {
|
|
219
|
+
[d.main]: !0,
|
|
220
|
+
[d.header]: e,
|
|
221
|
+
[d.grouping]: e,
|
|
222
|
+
[d.footer]: i,
|
|
223
|
+
[d.master]: c,
|
|
224
|
+
[d.rowAlt]: c && h,
|
|
225
|
+
[d.alt]: c && h,
|
|
226
|
+
[d.selected]: s,
|
|
227
|
+
[d.isInEdit]: m
|
|
228
|
+
};
|
|
229
|
+
},
|
|
230
|
+
detailTr: (r) => {
|
|
231
|
+
const { isAlt: e, c: i = $.detailTr } = r;
|
|
232
|
+
return {
|
|
233
|
+
[i.main]: !0,
|
|
234
|
+
[i.row]: !0,
|
|
235
|
+
[i.rowAlt]: e,
|
|
236
|
+
[i.alt]: e
|
|
237
|
+
};
|
|
238
|
+
},
|
|
239
|
+
simpleTr: (r) => {
|
|
240
|
+
const { c: e = $ } = r;
|
|
241
|
+
return e.simpleTr;
|
|
242
|
+
},
|
|
243
|
+
headerCellInner: (r) => {
|
|
244
|
+
const { c: e = $ } = r;
|
|
245
|
+
return e.headerCellInner;
|
|
246
|
+
},
|
|
247
|
+
columnTitle: (r) => {
|
|
248
|
+
const { c: e = $ } = r;
|
|
249
|
+
return e.columnTitle;
|
|
250
|
+
},
|
|
251
|
+
headerCellLink: (r) => {
|
|
252
|
+
const { sortable: e, c: i = $.headerCellLink } = r;
|
|
253
|
+
return {
|
|
254
|
+
[i.main]: !0,
|
|
255
|
+
[i.notSortable]: !e
|
|
256
|
+
};
|
|
257
|
+
},
|
|
258
|
+
noRecords: (r) => {
|
|
259
|
+
const { c: e = $ } = r;
|
|
260
|
+
return e.noRecords;
|
|
261
|
+
},
|
|
262
|
+
noRecordsTemplate: (r) => {
|
|
263
|
+
const { c: e = $ } = r;
|
|
264
|
+
return e.noRecordsTemplate;
|
|
265
|
+
},
|
|
266
|
+
pager: (r) => {
|
|
267
|
+
const { c: e = $ } = r;
|
|
268
|
+
return e.pager;
|
|
269
|
+
},
|
|
270
|
+
sorted: (r) => {
|
|
271
|
+
const { c: e = $ } = r;
|
|
272
|
+
return e.sorted;
|
|
273
|
+
},
|
|
274
|
+
contentSticky: (r) => {
|
|
275
|
+
const { locked: e, c: i = $ } = r;
|
|
276
|
+
return {
|
|
277
|
+
[i.contentSticky]: e
|
|
278
|
+
};
|
|
279
|
+
},
|
|
280
|
+
hierarchyCell: (r) => {
|
|
281
|
+
const { c: e = $.hierarchyCell } = r;
|
|
282
|
+
return {
|
|
283
|
+
[e.main]: !0,
|
|
284
|
+
[e.header]: !0
|
|
285
|
+
};
|
|
286
|
+
},
|
|
287
|
+
td: (r) => {
|
|
288
|
+
const { selected: e, c: i = $.td } = r;
|
|
289
|
+
return {
|
|
290
|
+
[i.main]: !0,
|
|
291
|
+
[i.selected]: e
|
|
292
|
+
};
|
|
293
|
+
},
|
|
294
|
+
detailTd: (r) => {
|
|
295
|
+
const { c: e = $.detailTd } = r;
|
|
296
|
+
return {
|
|
297
|
+
[e.main]: !0,
|
|
298
|
+
[e.cell]: !0
|
|
299
|
+
};
|
|
300
|
+
},
|
|
301
|
+
editTd: (r) => {
|
|
302
|
+
const { selected: e, c: i = $.editTd } = r;
|
|
303
|
+
return {
|
|
304
|
+
[i.main]: !0,
|
|
305
|
+
[i.cell]: !0,
|
|
306
|
+
[i.selected]: e
|
|
307
|
+
};
|
|
308
|
+
},
|
|
309
|
+
hierarchyTd: (r) => {
|
|
310
|
+
const { c: e = $.hierarchyTd } = r;
|
|
311
|
+
return {
|
|
312
|
+
[e.main]: !0,
|
|
313
|
+
[e.cell]: !0
|
|
314
|
+
};
|
|
315
|
+
}
|
|
316
|
+
};
|
|
317
|
+
export {
|
|
318
|
+
g as uGrid
|
|
319
|
+
};
|
|
@@ -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 e=require("./json-classes.js"),l={prefix:`${e.base.prefix}-${e.icon.prefix}`,svgPrefix:`${e.base.prefix}-${e.icon.svg}-${e.icon.prefix}`,flipH:`${e.base.prefix}-${e.icon.flipH}`,flipV:`${e.base.prefix}-${e.icon.flipV}`,themeColor:{inherit:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.inherit}`,primary:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.primary}`,secondary:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.secondary}`,tertiary:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.tertiary}`,info:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.info}`,success:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.success}`,warning:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.warning}`,error:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.error}`,dark:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.dark}`,light:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.light}`,inverse:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.inverse}`},size:{xsmall:`${e.base.prefix}-${e.icon.prefix}-${e.sizeMap.xsmall}`,small:`${e.base.prefix}-${e.icon.prefix}-${e.sizeMap.small}`,medium:`${e.base.prefix}-${e.icon.prefix}-${e.sizeMap.medium}`,large:`${e.base.prefix}-${e.icon.prefix}-${e.sizeMap.large}`,xlarge:`${e.base.prefix}-${e.icon.prefix}-${e.sizeMap.xlarge}`,xxlarge:`${e.base.prefix}-${e.icon.prefix}-${e.sizeMap.xxlarge}`,xxxlarge:`${e.base.prefix}-${e.icon.prefix}-${e.sizeMap.xxxlarge}`}},c={wrapper:s=>{const{iconNameProp:i,themeColor:o,flipH:$,flipV:p,size:a,c:r=l}=s;return{[r.prefix]:!0,[r.svgPrefix]:!0,[`${e.base.prefix}-${e.icon.svg}-${e.icon.i}-${i}`]:i,[r.themeColor[o]]:o,[r.flipH]:$,[r.flipV]:p,[r.size[a]]:r.size[a]}}};exports.uSvgIcon=c;
|
|
@@ -0,0 +1,53 @@
|
|
|
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 { base as e, icon as r, themeColorMap as i, sizeMap as p } from "./json-classes.mjs";
|
|
10
|
+
const c = {
|
|
11
|
+
prefix: `${e.prefix}-${r.prefix}`,
|
|
12
|
+
svgPrefix: `${e.prefix}-${r.svg}-${r.prefix}`,
|
|
13
|
+
flipH: `${e.prefix}-${r.flipH}`,
|
|
14
|
+
flipV: `${e.prefix}-${r.flipV}`,
|
|
15
|
+
themeColor: {
|
|
16
|
+
inherit: `${e.prefix}-${r.color}-${i.inherit}`,
|
|
17
|
+
primary: `${e.prefix}-${r.color}-${i.primary}`,
|
|
18
|
+
secondary: `${e.prefix}-${r.color}-${i.secondary}`,
|
|
19
|
+
tertiary: `${e.prefix}-${r.color}-${i.tertiary}`,
|
|
20
|
+
info: `${e.prefix}-${r.color}-${i.info}`,
|
|
21
|
+
success: `${e.prefix}-${r.color}-${i.success}`,
|
|
22
|
+
warning: `${e.prefix}-${r.color}-${i.warning}`,
|
|
23
|
+
error: `${e.prefix}-${r.color}-${i.error}`,
|
|
24
|
+
dark: `${e.prefix}-${r.color}-${i.dark}`,
|
|
25
|
+
light: `${e.prefix}-${r.color}-${i.light}`,
|
|
26
|
+
inverse: `${e.prefix}-${r.color}-${i.inverse}`
|
|
27
|
+
},
|
|
28
|
+
size: {
|
|
29
|
+
xsmall: `${e.prefix}-${r.prefix}-${p.xsmall}`,
|
|
30
|
+
small: `${e.prefix}-${r.prefix}-${p.small}`,
|
|
31
|
+
medium: `${e.prefix}-${r.prefix}-${p.medium}`,
|
|
32
|
+
large: `${e.prefix}-${r.prefix}-${p.large}`,
|
|
33
|
+
xlarge: `${e.prefix}-${r.prefix}-${p.xlarge}`,
|
|
34
|
+
xxlarge: `${e.prefix}-${r.prefix}-${p.xxlarge}`,
|
|
35
|
+
xxxlarge: `${e.prefix}-${r.prefix}-${p.xxxlarge}`
|
|
36
|
+
}
|
|
37
|
+
}, t = {
|
|
38
|
+
wrapper: (l) => {
|
|
39
|
+
const { iconNameProp: x, themeColor: f, flipH: s, flipV: a, size: o, c: $ = c } = l;
|
|
40
|
+
return {
|
|
41
|
+
[$.prefix]: !0,
|
|
42
|
+
[$.svgPrefix]: !0,
|
|
43
|
+
[`${e.prefix}-${r.svg}-${r.i}-${x}`]: x,
|
|
44
|
+
[$.themeColor[f]]: f,
|
|
45
|
+
[$.flipH]: s,
|
|
46
|
+
[$.flipV]: a,
|
|
47
|
+
[$.size[o]]: $.size[o]
|
|
48
|
+
};
|
|
49
|
+
}
|
|
50
|
+
};
|
|
51
|
+
export {
|
|
52
|
+
t as uSvgIcon
|
|
53
|
+
};
|