@jirawatpyk/aura-react 5.8.0 → 5.10.0
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/README.md +36 -0
- package/dist/aura.bundle.js +1528 -1098
- package/dist/cjs/index.cjs +1528 -1098
- package/dist/esm/Accordion.js +2 -1
- package/dist/esm/Alert.js +2 -1
- package/dist/esm/AppShell.js +2 -1
- package/dist/esm/Breadcrumb.js +2 -1
- package/dist/esm/Button.js +2 -1
- package/dist/esm/Checkbox.js +2 -1
- package/dist/esm/Combobox.js +7 -6
- package/dist/esm/Command.js +3 -2
- package/dist/esm/DataTable.js +35 -13
- package/dist/esm/DatePicker.js +8 -7
- package/dist/esm/Dialog.js +38 -5
- package/dist/esm/DropdownMenu.js +1 -1
- package/dist/esm/Field.js +2 -1
- package/dist/esm/FileUpload.js +4 -3
- package/dist/esm/FilterBar.js +3 -2
- package/dist/esm/FormErrorSummary.js +2 -1
- package/dist/esm/Icon.js +50 -31
- package/dist/esm/Menu.js +37 -12
- package/dist/esm/NumberField.js +3 -2
- package/dist/esm/Pagination.js +3 -2
- package/dist/esm/PasswordField.js +2 -1
- package/dist/esm/Popover.js +2 -1
- package/dist/esm/RadioGroup.js +2 -1
- package/dist/esm/Select.js +4 -3
- package/dist/esm/SideNav.js +3 -2
- package/dist/esm/Stat.js +8 -1
- package/dist/esm/Stepper.js +2 -1
- package/dist/esm/Tabs.js +89 -13
- package/dist/esm/Tag.js +3 -2
- package/dist/esm/TimePicker.js +5 -4
- package/dist/esm/Toaster.js +3 -2
- package/dist/esm/classes.js +14 -1
- package/dist/esm/colorScheme.js +8 -1
- package/dist/esm/display.js +22 -12
- package/dist/esm/iconSvg.js +53 -0
- package/dist/esm/icons.js +531 -0
- package/dist/esm/index.js +2 -1
- package/dist/esm/internal.js +1 -14
- package/dist/esm/locale.js +7 -0
- package/dist/esm/strings.js +4 -245
- package/dist/esm/strings.sv.js +127 -0
- package/dist/esm/strings.th.js +127 -0
- package/dist/icons/index.cjs +613 -0
- package/dist/icons/index.d.cts +106 -0
- package/dist/icons/index.d.ts +106 -0
- package/dist/index.d.cts +52 -2
- package/dist/index.d.ts +52 -2
- package/dist/locales/sv.cjs +149 -0
- package/dist/locales/sv.d.cts +96 -0
- package/dist/locales/sv.d.ts +96 -0
- package/dist/locales/th.cjs +149 -0
- package/dist/locales/th.d.cts +96 -0
- package/dist/locales/th.d.ts +96 -0
- package/dist/server/index.cjs +445 -314
- package/dist/server/index.d.cts +24 -0
- package/dist/server/index.d.ts +24 -0
- package/dist/server/index.js +445 -314
- package/dist/styles.css +22 -1
- package/dist/styles.layer.css +22 -1
- package/package.json +35 -3
- package/scripts/aura-icons-codemod.mjs +345 -0
|
@@ -0,0 +1,531 @@
|
|
|
1
|
+
import { defineIcon } from "./iconSvg.js";
|
|
2
|
+
import { defineIcon as defineIcon2 } from "./iconSvg.js";
|
|
3
|
+
const IconCheck = /* @__PURE__ */ defineIcon("check", [["path", { d: "M20 6 9 17l-5-5" }]]);
|
|
4
|
+
const IconX = /* @__PURE__ */ defineIcon("x", [
|
|
5
|
+
["path", { d: "M18 6 6 18" }],
|
|
6
|
+
["path", { d: "m6 6 12 12" }]
|
|
7
|
+
]);
|
|
8
|
+
const IconPlus = /* @__PURE__ */ defineIcon("plus", [
|
|
9
|
+
["path", { d: "M5 12h14" }],
|
|
10
|
+
["path", { d: "M12 5v14" }]
|
|
11
|
+
]);
|
|
12
|
+
const IconMinus = /* @__PURE__ */ defineIcon("minus", [["path", { d: "M5 12h14" }]]);
|
|
13
|
+
const IconSearch = /* @__PURE__ */ defineIcon("search", [
|
|
14
|
+
["path", { d: "m21 21-4.34-4.34" }],
|
|
15
|
+
["circle", { cx: "11", cy: "11", r: "8" }]
|
|
16
|
+
]);
|
|
17
|
+
const IconChevronDown = /* @__PURE__ */ defineIcon("chevron-down", [["path", { d: "m6 9 6 6 6-6" }]]);
|
|
18
|
+
const IconChevronUp = /* @__PURE__ */ defineIcon("chevron-up", [["path", { d: "m18 15-6-6-6 6" }]]);
|
|
19
|
+
const IconChevronLeft = /* @__PURE__ */ defineIcon("chevron-left", [["path", { d: "m15 18-6-6 6-6" }]]);
|
|
20
|
+
const IconChevronRight = /* @__PURE__ */ defineIcon("chevron-right", [["path", { d: "m9 18 6-6-6-6" }]]);
|
|
21
|
+
const IconArrowRight = /* @__PURE__ */ defineIcon("arrow-right", [
|
|
22
|
+
["path", { d: "M5 12h14" }],
|
|
23
|
+
["path", { d: "m12 5 7 7-7 7" }]
|
|
24
|
+
]);
|
|
25
|
+
const IconArrowUpRight = /* @__PURE__ */ defineIcon("arrow-up-right", [
|
|
26
|
+
["path", { d: "M7 7h10v10" }],
|
|
27
|
+
["path", { d: "M7 17 17 7" }]
|
|
28
|
+
]);
|
|
29
|
+
const IconArrowUpDown = /* @__PURE__ */ defineIcon("arrow-up-down", [
|
|
30
|
+
["path", { d: "m21 16-4 4-4-4" }],
|
|
31
|
+
["path", { d: "M17 20V4" }],
|
|
32
|
+
["path", { d: "m3 8 4-4 4 4" }],
|
|
33
|
+
["path", { d: "M7 4v16" }]
|
|
34
|
+
]);
|
|
35
|
+
const IconLoaderCircle = /* @__PURE__ */ defineIcon("loader-circle", [
|
|
36
|
+
["path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }]
|
|
37
|
+
]);
|
|
38
|
+
const IconCircleAlert = /* @__PURE__ */ defineIcon("circle-alert", [
|
|
39
|
+
["circle", { cx: "12", cy: "12", r: "10" }],
|
|
40
|
+
["line", { x1: "12", x2: "12", y1: "8", y2: "12" }],
|
|
41
|
+
["line", { x1: "12", x2: "12.01", y1: "16", y2: "16" }]
|
|
42
|
+
]);
|
|
43
|
+
const IconCircleCheck = /* @__PURE__ */ defineIcon("circle-check", [
|
|
44
|
+
["circle", { cx: "12", cy: "12", r: "10" }],
|
|
45
|
+
["path", { d: "m16 9-5.5 5.5L8 12" }]
|
|
46
|
+
]);
|
|
47
|
+
const IconInfo = /* @__PURE__ */ defineIcon("info", [
|
|
48
|
+
["circle", { cx: "12", cy: "12", r: "10" }],
|
|
49
|
+
["path", { d: "M12 16v-4" }],
|
|
50
|
+
["path", { d: "M12 8h.01" }]
|
|
51
|
+
]);
|
|
52
|
+
const IconTriangleAlert = /* @__PURE__ */ defineIcon("triangle-alert", [
|
|
53
|
+
["path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }],
|
|
54
|
+
["path", { d: "M12 9v4" }],
|
|
55
|
+
["path", { d: "M12 17h.01" }]
|
|
56
|
+
]);
|
|
57
|
+
const IconSettings = /* @__PURE__ */ defineIcon("settings", [
|
|
58
|
+
[
|
|
59
|
+
"path",
|
|
60
|
+
{
|
|
61
|
+
d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"
|
|
62
|
+
}
|
|
63
|
+
],
|
|
64
|
+
["circle", { cx: "12", cy: "12", r: "3" }]
|
|
65
|
+
]);
|
|
66
|
+
const IconUser = /* @__PURE__ */ defineIcon("user", [
|
|
67
|
+
["path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }],
|
|
68
|
+
["circle", { cx: "12", cy: "7", r: "4" }]
|
|
69
|
+
]);
|
|
70
|
+
const IconUsers = /* @__PURE__ */ defineIcon("users", [
|
|
71
|
+
["path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }],
|
|
72
|
+
["path", { d: "M16 3.128a4 4 0 0 1 0 7.744" }],
|
|
73
|
+
["path", { d: "M22 21v-2a4 4 0 0 0-3-3.87" }],
|
|
74
|
+
["circle", { cx: "9", cy: "7", r: "4" }]
|
|
75
|
+
]);
|
|
76
|
+
const IconFilter = /* @__PURE__ */ defineIcon("filter", [
|
|
77
|
+
[
|
|
78
|
+
"path",
|
|
79
|
+
{
|
|
80
|
+
d: "M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z"
|
|
81
|
+
}
|
|
82
|
+
]
|
|
83
|
+
]);
|
|
84
|
+
const IconEllipsis = /* @__PURE__ */ defineIcon("ellipsis", [
|
|
85
|
+
["circle", { cx: "12", cy: "12", r: "1" }],
|
|
86
|
+
["circle", { cx: "19", cy: "12", r: "1" }],
|
|
87
|
+
["circle", { cx: "5", cy: "12", r: "1" }]
|
|
88
|
+
]);
|
|
89
|
+
const IconExternalLink = /* @__PURE__ */ defineIcon("external-link", [
|
|
90
|
+
["path", { d: "M15 3h6v6" }],
|
|
91
|
+
["path", { d: "M10 14 21 3" }],
|
|
92
|
+
["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }]
|
|
93
|
+
]);
|
|
94
|
+
const IconCopy = /* @__PURE__ */ defineIcon("copy", [
|
|
95
|
+
["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }],
|
|
96
|
+
["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" }]
|
|
97
|
+
]);
|
|
98
|
+
const IconTrash2 = /* @__PURE__ */ defineIcon("trash-2", [
|
|
99
|
+
["path", { d: "M10 11v6" }],
|
|
100
|
+
["path", { d: "M14 11v6" }],
|
|
101
|
+
["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }],
|
|
102
|
+
["path", { d: "M3 6h18" }],
|
|
103
|
+
["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }]
|
|
104
|
+
]);
|
|
105
|
+
const IconPencil = /* @__PURE__ */ defineIcon("pencil", [
|
|
106
|
+
[
|
|
107
|
+
"path",
|
|
108
|
+
{
|
|
109
|
+
d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"
|
|
110
|
+
}
|
|
111
|
+
],
|
|
112
|
+
["path", { d: "m15 5 4 4" }]
|
|
113
|
+
]);
|
|
114
|
+
const IconDownload = /* @__PURE__ */ defineIcon("download", [
|
|
115
|
+
["path", { d: "M12 15V3" }],
|
|
116
|
+
["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }],
|
|
117
|
+
["path", { d: "m7 10 5 5 5-5" }]
|
|
118
|
+
]);
|
|
119
|
+
const IconUpload = /* @__PURE__ */ defineIcon("upload", [
|
|
120
|
+
["path", { d: "M12 3v12" }],
|
|
121
|
+
["path", { d: "m17 8-5-5-5 5" }],
|
|
122
|
+
["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }]
|
|
123
|
+
]);
|
|
124
|
+
const IconCalendar = /* @__PURE__ */ defineIcon("calendar", [
|
|
125
|
+
["path", { d: "M8 2v3" }],
|
|
126
|
+
["path", { d: "M16 2v3" }],
|
|
127
|
+
["rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }],
|
|
128
|
+
["path", { d: "M3 9h18" }]
|
|
129
|
+
]);
|
|
130
|
+
const IconBell = /* @__PURE__ */ defineIcon("bell", [
|
|
131
|
+
["path", { d: "M10.268 21a2 2 0 0 0 3.464 0" }],
|
|
132
|
+
[
|
|
133
|
+
"path",
|
|
134
|
+
{
|
|
135
|
+
d: "M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326"
|
|
136
|
+
}
|
|
137
|
+
]
|
|
138
|
+
]);
|
|
139
|
+
const IconMenu = /* @__PURE__ */ defineIcon("menu", [
|
|
140
|
+
["path", { d: "M4 5h16" }],
|
|
141
|
+
["path", { d: "M4 12h16" }],
|
|
142
|
+
["path", { d: "M4 19h16" }]
|
|
143
|
+
]);
|
|
144
|
+
const IconEye = /* @__PURE__ */ defineIcon("eye", [
|
|
145
|
+
[
|
|
146
|
+
"path",
|
|
147
|
+
{ d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" }
|
|
148
|
+
],
|
|
149
|
+
["circle", { cx: "12", cy: "12", r: "3" }]
|
|
150
|
+
]);
|
|
151
|
+
const IconLogOut = /* @__PURE__ */ defineIcon("log-out", [
|
|
152
|
+
["path", { d: "m16 17 5-5-5-5" }],
|
|
153
|
+
["path", { d: "M21 12H9" }],
|
|
154
|
+
["path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }]
|
|
155
|
+
]);
|
|
156
|
+
const IconCircle = /* @__PURE__ */ defineIcon("circle", [["circle", { cx: "12", cy: "12", r: "10" }]]);
|
|
157
|
+
const IconCircleDotDashed = /* @__PURE__ */ defineIcon("circle-dot-dashed", [
|
|
158
|
+
["path", { d: "M10.1 2.18a9.93 9.93 0 0 1 3.8 0" }],
|
|
159
|
+
["path", { d: "M17.6 3.71a9.95 9.95 0 0 1 2.69 2.7" }],
|
|
160
|
+
["path", { d: "M21.82 10.1a9.93 9.93 0 0 1 0 3.8" }],
|
|
161
|
+
["path", { d: "M20.29 17.6a9.95 9.95 0 0 1-2.7 2.69" }],
|
|
162
|
+
["path", { d: "M13.9 21.82a9.94 9.94 0 0 1-3.8 0" }],
|
|
163
|
+
["path", { d: "M6.4 20.29a9.95 9.95 0 0 1-2.69-2.7" }],
|
|
164
|
+
["path", { d: "M2.18 13.9a9.93 9.93 0 0 1 0-3.8" }],
|
|
165
|
+
["path", { d: "M3.71 6.4a9.95 9.95 0 0 1 2.7-2.69" }],
|
|
166
|
+
["circle", { cx: "12", cy: "12", r: "1" }]
|
|
167
|
+
]);
|
|
168
|
+
const IconBan = /* @__PURE__ */ defineIcon("ban", [
|
|
169
|
+
["circle", { cx: "12", cy: "12", r: "10" }],
|
|
170
|
+
["path", { d: "M4.929 4.929 19.07 19.071" }]
|
|
171
|
+
]);
|
|
172
|
+
const IconArrowUp = /* @__PURE__ */ defineIcon("arrow-up", [
|
|
173
|
+
["path", { d: "m5 12 7-7 7 7" }],
|
|
174
|
+
["path", { d: "M12 19V5" }]
|
|
175
|
+
]);
|
|
176
|
+
const IconArrowDown = /* @__PURE__ */ defineIcon("arrow-down", [
|
|
177
|
+
["path", { d: "M12 5v14" }],
|
|
178
|
+
["path", { d: "m19 12-7 7-7-7" }]
|
|
179
|
+
]);
|
|
180
|
+
const IconInbox = /* @__PURE__ */ defineIcon("inbox", [
|
|
181
|
+
["polyline", { points: "22 12 16 12 14 15 10 15 8 12 2 12" }],
|
|
182
|
+
[
|
|
183
|
+
"path",
|
|
184
|
+
{ d: "M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z" }
|
|
185
|
+
]
|
|
186
|
+
]);
|
|
187
|
+
const IconPin = /* @__PURE__ */ defineIcon("pin", [
|
|
188
|
+
["path", { d: "M12 17v5" }],
|
|
189
|
+
[
|
|
190
|
+
"path",
|
|
191
|
+
{
|
|
192
|
+
d: "M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z"
|
|
193
|
+
}
|
|
194
|
+
]
|
|
195
|
+
]);
|
|
196
|
+
const IconPinOff = /* @__PURE__ */ defineIcon("pin-off", [
|
|
197
|
+
["path", { d: "M12 17v5" }],
|
|
198
|
+
["path", { d: "M15 9.34V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H7.89" }],
|
|
199
|
+
["path", { d: "m2 2 20 20" }],
|
|
200
|
+
["path", { d: "M9 9v1.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h11" }]
|
|
201
|
+
]);
|
|
202
|
+
const IconEyeOff = /* @__PURE__ */ defineIcon("eye-off", [
|
|
203
|
+
["path", { d: "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" }],
|
|
204
|
+
["path", { d: "M14.084 14.158a3 3 0 0 1-4.242-4.242" }],
|
|
205
|
+
["path", { d: "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" }],
|
|
206
|
+
["path", { d: "m2 2 20 20" }]
|
|
207
|
+
]);
|
|
208
|
+
const IconColumns3 = /* @__PURE__ */ defineIcon("columns-3", [
|
|
209
|
+
["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }],
|
|
210
|
+
["path", { d: "M9 3v18" }],
|
|
211
|
+
["path", { d: "M15 3v18" }]
|
|
212
|
+
]);
|
|
213
|
+
const IconArrowLeft = /* @__PURE__ */ defineIcon("arrow-left", [
|
|
214
|
+
["path", { d: "m12 19-7-7 7-7" }],
|
|
215
|
+
["path", { d: "M19 12H5" }]
|
|
216
|
+
]);
|
|
217
|
+
const IconRotateCcw = /* @__PURE__ */ defineIcon("rotate-ccw", [
|
|
218
|
+
["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }],
|
|
219
|
+
["path", { d: "M3 3v5h5" }]
|
|
220
|
+
]);
|
|
221
|
+
const IconHouse = /* @__PURE__ */ defineIcon("house", [
|
|
222
|
+
["path", { d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8" }],
|
|
223
|
+
[
|
|
224
|
+
"path",
|
|
225
|
+
{ d: "M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }
|
|
226
|
+
]
|
|
227
|
+
]);
|
|
228
|
+
const IconLayoutDashboard = /* @__PURE__ */ defineIcon("layout-dashboard", [
|
|
229
|
+
["rect", { width: "7", height: "9", x: "3", y: "3", rx: "1" }],
|
|
230
|
+
["rect", { width: "7", height: "5", x: "14", y: "3", rx: "1" }],
|
|
231
|
+
["rect", { width: "7", height: "9", x: "14", y: "12", rx: "1" }],
|
|
232
|
+
["rect", { width: "7", height: "5", x: "3", y: "16", rx: "1" }]
|
|
233
|
+
]);
|
|
234
|
+
const IconFolder = /* @__PURE__ */ defineIcon("folder", [
|
|
235
|
+
[
|
|
236
|
+
"path",
|
|
237
|
+
{
|
|
238
|
+
d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"
|
|
239
|
+
}
|
|
240
|
+
]
|
|
241
|
+
]);
|
|
242
|
+
const IconChartColumn = /* @__PURE__ */ defineIcon("chart-column", [
|
|
243
|
+
["path", { d: "M3 3v16a2 2 0 0 0 2 2h16" }],
|
|
244
|
+
["path", { d: "M18 17V9" }],
|
|
245
|
+
["path", { d: "M13 17V5" }],
|
|
246
|
+
["path", { d: "M8 17v-3" }]
|
|
247
|
+
]);
|
|
248
|
+
const IconFileText = /* @__PURE__ */ defineIcon("file-text", [
|
|
249
|
+
[
|
|
250
|
+
"path",
|
|
251
|
+
{
|
|
252
|
+
d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"
|
|
253
|
+
}
|
|
254
|
+
],
|
|
255
|
+
["path", { d: "M14 2v5a1 1 0 0 0 1 1h5" }],
|
|
256
|
+
["path", { d: "M10 9H8" }],
|
|
257
|
+
["path", { d: "M16 13H8" }],
|
|
258
|
+
["path", { d: "M16 17H8" }]
|
|
259
|
+
]);
|
|
260
|
+
const IconMail = /* @__PURE__ */ defineIcon("mail", [
|
|
261
|
+
["path", { d: "m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7" }],
|
|
262
|
+
["rect", { x: "2", y: "4", width: "20", height: "16", rx: "2" }]
|
|
263
|
+
]);
|
|
264
|
+
const IconLock = /* @__PURE__ */ defineIcon("lock", [
|
|
265
|
+
["rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }],
|
|
266
|
+
["path", { d: "M7 11V7a5 5 0 0 1 10 0v4" }]
|
|
267
|
+
]);
|
|
268
|
+
const IconClock = /* @__PURE__ */ defineIcon("clock", [
|
|
269
|
+
["circle", { cx: "12", cy: "12", r: "10" }],
|
|
270
|
+
["path", { d: "M12 6v6l4 2" }]
|
|
271
|
+
]);
|
|
272
|
+
const IconTrendingUp = /* @__PURE__ */ defineIcon("trending-up", [
|
|
273
|
+
["path", { d: "M16 7h6v6" }],
|
|
274
|
+
["path", { d: "m22 7-8.5 8.5-5-5L2 17" }]
|
|
275
|
+
]);
|
|
276
|
+
const IconTrendingDown = /* @__PURE__ */ defineIcon("trending-down", [
|
|
277
|
+
["path", { d: "M16 17h6v-6" }],
|
|
278
|
+
["path", { d: "m22 17-8.5-8.5-5 5L2 7" }]
|
|
279
|
+
]);
|
|
280
|
+
const IconImage = /* @__PURE__ */ defineIcon("image", [
|
|
281
|
+
["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2" }],
|
|
282
|
+
["circle", { cx: "9", cy: "9", r: "2" }],
|
|
283
|
+
["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" }]
|
|
284
|
+
]);
|
|
285
|
+
const IconPaperclip = /* @__PURE__ */ defineIcon("paperclip", [
|
|
286
|
+
[
|
|
287
|
+
"path",
|
|
288
|
+
{
|
|
289
|
+
d: "m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551"
|
|
290
|
+
}
|
|
291
|
+
]
|
|
292
|
+
]);
|
|
293
|
+
const IconCloudUpload = /* @__PURE__ */ defineIcon("cloud-upload", [
|
|
294
|
+
["path", { d: "M12 13v8" }],
|
|
295
|
+
["path", { d: "M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242" }],
|
|
296
|
+
["path", { d: "m8 17 4-4 4 4" }]
|
|
297
|
+
]);
|
|
298
|
+
const IconFile = /* @__PURE__ */ defineIcon("file", [
|
|
299
|
+
[
|
|
300
|
+
"path",
|
|
301
|
+
{
|
|
302
|
+
d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"
|
|
303
|
+
}
|
|
304
|
+
],
|
|
305
|
+
["path", { d: "M14 2v5a1 1 0 0 0 1 1h5" }]
|
|
306
|
+
]);
|
|
307
|
+
const IconSun = /* @__PURE__ */ defineIcon("sun", [
|
|
308
|
+
["circle", { cx: "12", cy: "12", r: "4" }],
|
|
309
|
+
["path", { d: "M12 2v2" }],
|
|
310
|
+
["path", { d: "M12 20v2" }],
|
|
311
|
+
["path", { d: "m4.93 4.93 1.41 1.41" }],
|
|
312
|
+
["path", { d: "m17.66 17.66 1.41 1.41" }],
|
|
313
|
+
["path", { d: "M2 12h2" }],
|
|
314
|
+
["path", { d: "M20 12h2" }],
|
|
315
|
+
["path", { d: "m6.34 17.66-1.41 1.41" }],
|
|
316
|
+
["path", { d: "m19.07 4.93-1.41 1.41" }]
|
|
317
|
+
]);
|
|
318
|
+
const IconMoon = /* @__PURE__ */ defineIcon("moon", [
|
|
319
|
+
[
|
|
320
|
+
"path",
|
|
321
|
+
{
|
|
322
|
+
d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401"
|
|
323
|
+
}
|
|
324
|
+
]
|
|
325
|
+
]);
|
|
326
|
+
const IconMonitor = /* @__PURE__ */ defineIcon("monitor", [
|
|
327
|
+
["rect", { width: "20", height: "14", x: "2", y: "3", rx: "2" }],
|
|
328
|
+
["line", { x1: "8", x2: "16", y1: "21", y2: "21" }],
|
|
329
|
+
["line", { x1: "12", x2: "12", y1: "17", y2: "21" }]
|
|
330
|
+
]);
|
|
331
|
+
const IconPanelLeftClose = /* @__PURE__ */ defineIcon("panel-left-close", [
|
|
332
|
+
["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }],
|
|
333
|
+
["path", { d: "M9 3v18" }],
|
|
334
|
+
["path", { d: "m16 15-3-3 3-3" }]
|
|
335
|
+
]);
|
|
336
|
+
const IconPanelLeftOpen = /* @__PURE__ */ defineIcon("panel-left-open", [
|
|
337
|
+
["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }],
|
|
338
|
+
["path", { d: "M9 3v18" }],
|
|
339
|
+
["path", { d: "m14 9 3 3-3 3" }]
|
|
340
|
+
]);
|
|
341
|
+
const IconServer = /* @__PURE__ */ defineIcon("server", [
|
|
342
|
+
["rect", { width: "20", height: "8", x: "2", y: "2", rx: "2", ry: "2" }],
|
|
343
|
+
["rect", { width: "20", height: "8", x: "2", y: "14", rx: "2", ry: "2" }],
|
|
344
|
+
["line", { x1: "6", x2: "6.01", y1: "6", y2: "6" }],
|
|
345
|
+
["line", { x1: "6", x2: "6.01", y1: "18", y2: "18" }]
|
|
346
|
+
]);
|
|
347
|
+
const IconGlobe = /* @__PURE__ */ defineIcon("globe", [
|
|
348
|
+
["circle", { cx: "12", cy: "12", r: "10" }],
|
|
349
|
+
["path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" }],
|
|
350
|
+
["path", { d: "M2 12h20" }]
|
|
351
|
+
]);
|
|
352
|
+
const IconActivity = /* @__PURE__ */ defineIcon("activity", [
|
|
353
|
+
[
|
|
354
|
+
"path",
|
|
355
|
+
{
|
|
356
|
+
d: "M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"
|
|
357
|
+
}
|
|
358
|
+
]
|
|
359
|
+
]);
|
|
360
|
+
const IconShieldAlert = /* @__PURE__ */ defineIcon("shield-alert", [
|
|
361
|
+
[
|
|
362
|
+
"path",
|
|
363
|
+
{
|
|
364
|
+
d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"
|
|
365
|
+
}
|
|
366
|
+
],
|
|
367
|
+
["path", { d: "M12 8v4" }],
|
|
368
|
+
["path", { d: "M12 16h.01" }]
|
|
369
|
+
]);
|
|
370
|
+
const IconPhone = /* @__PURE__ */ defineIcon("phone", [
|
|
371
|
+
[
|
|
372
|
+
"path",
|
|
373
|
+
{
|
|
374
|
+
d: "M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"
|
|
375
|
+
}
|
|
376
|
+
]
|
|
377
|
+
]);
|
|
378
|
+
const IconWrench = /* @__PURE__ */ defineIcon("wrench", [
|
|
379
|
+
[
|
|
380
|
+
"path",
|
|
381
|
+
{
|
|
382
|
+
d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"
|
|
383
|
+
}
|
|
384
|
+
]
|
|
385
|
+
]);
|
|
386
|
+
const allIcons = [
|
|
387
|
+
IconCheck,
|
|
388
|
+
IconX,
|
|
389
|
+
IconPlus,
|
|
390
|
+
IconMinus,
|
|
391
|
+
IconSearch,
|
|
392
|
+
IconChevronDown,
|
|
393
|
+
IconChevronUp,
|
|
394
|
+
IconChevronLeft,
|
|
395
|
+
IconChevronRight,
|
|
396
|
+
IconArrowRight,
|
|
397
|
+
IconArrowUpRight,
|
|
398
|
+
IconArrowUpDown,
|
|
399
|
+
IconLoaderCircle,
|
|
400
|
+
IconCircleAlert,
|
|
401
|
+
IconCircleCheck,
|
|
402
|
+
IconInfo,
|
|
403
|
+
IconTriangleAlert,
|
|
404
|
+
IconSettings,
|
|
405
|
+
IconUser,
|
|
406
|
+
IconUsers,
|
|
407
|
+
IconFilter,
|
|
408
|
+
IconEllipsis,
|
|
409
|
+
IconExternalLink,
|
|
410
|
+
IconCopy,
|
|
411
|
+
IconTrash2,
|
|
412
|
+
IconPencil,
|
|
413
|
+
IconDownload,
|
|
414
|
+
IconUpload,
|
|
415
|
+
IconCalendar,
|
|
416
|
+
IconBell,
|
|
417
|
+
IconMenu,
|
|
418
|
+
IconEye,
|
|
419
|
+
IconLogOut,
|
|
420
|
+
IconCircle,
|
|
421
|
+
IconCircleDotDashed,
|
|
422
|
+
IconBan,
|
|
423
|
+
IconArrowUp,
|
|
424
|
+
IconArrowDown,
|
|
425
|
+
IconInbox,
|
|
426
|
+
IconPin,
|
|
427
|
+
IconPinOff,
|
|
428
|
+
IconEyeOff,
|
|
429
|
+
IconColumns3,
|
|
430
|
+
IconArrowLeft,
|
|
431
|
+
IconRotateCcw,
|
|
432
|
+
IconHouse,
|
|
433
|
+
IconLayoutDashboard,
|
|
434
|
+
IconFolder,
|
|
435
|
+
IconChartColumn,
|
|
436
|
+
IconFileText,
|
|
437
|
+
IconMail,
|
|
438
|
+
IconLock,
|
|
439
|
+
IconClock,
|
|
440
|
+
IconTrendingUp,
|
|
441
|
+
IconTrendingDown,
|
|
442
|
+
IconImage,
|
|
443
|
+
IconPaperclip,
|
|
444
|
+
IconCloudUpload,
|
|
445
|
+
IconFile,
|
|
446
|
+
IconSun,
|
|
447
|
+
IconMoon,
|
|
448
|
+
IconMonitor,
|
|
449
|
+
IconPanelLeftClose,
|
|
450
|
+
IconPanelLeftOpen,
|
|
451
|
+
IconServer,
|
|
452
|
+
IconGlobe,
|
|
453
|
+
IconActivity,
|
|
454
|
+
IconShieldAlert,
|
|
455
|
+
IconPhone,
|
|
456
|
+
IconWrench
|
|
457
|
+
];
|
|
458
|
+
export {
|
|
459
|
+
IconActivity,
|
|
460
|
+
IconArrowDown,
|
|
461
|
+
IconArrowLeft,
|
|
462
|
+
IconArrowRight,
|
|
463
|
+
IconArrowUp,
|
|
464
|
+
IconArrowUpDown,
|
|
465
|
+
IconArrowUpRight,
|
|
466
|
+
IconBan,
|
|
467
|
+
IconBell,
|
|
468
|
+
IconCalendar,
|
|
469
|
+
IconChartColumn,
|
|
470
|
+
IconCheck,
|
|
471
|
+
IconChevronDown,
|
|
472
|
+
IconChevronLeft,
|
|
473
|
+
IconChevronRight,
|
|
474
|
+
IconChevronUp,
|
|
475
|
+
IconCircle,
|
|
476
|
+
IconCircleAlert,
|
|
477
|
+
IconCircleCheck,
|
|
478
|
+
IconCircleDotDashed,
|
|
479
|
+
IconClock,
|
|
480
|
+
IconCloudUpload,
|
|
481
|
+
IconColumns3,
|
|
482
|
+
IconCopy,
|
|
483
|
+
IconDownload,
|
|
484
|
+
IconEllipsis,
|
|
485
|
+
IconExternalLink,
|
|
486
|
+
IconEye,
|
|
487
|
+
IconEyeOff,
|
|
488
|
+
IconFile,
|
|
489
|
+
IconFileText,
|
|
490
|
+
IconFilter,
|
|
491
|
+
IconFolder,
|
|
492
|
+
IconGlobe,
|
|
493
|
+
IconHouse,
|
|
494
|
+
IconImage,
|
|
495
|
+
IconInbox,
|
|
496
|
+
IconInfo,
|
|
497
|
+
IconLayoutDashboard,
|
|
498
|
+
IconLoaderCircle,
|
|
499
|
+
IconLock,
|
|
500
|
+
IconLogOut,
|
|
501
|
+
IconMail,
|
|
502
|
+
IconMenu,
|
|
503
|
+
IconMinus,
|
|
504
|
+
IconMonitor,
|
|
505
|
+
IconMoon,
|
|
506
|
+
IconPanelLeftClose,
|
|
507
|
+
IconPanelLeftOpen,
|
|
508
|
+
IconPaperclip,
|
|
509
|
+
IconPencil,
|
|
510
|
+
IconPhone,
|
|
511
|
+
IconPin,
|
|
512
|
+
IconPinOff,
|
|
513
|
+
IconPlus,
|
|
514
|
+
IconRotateCcw,
|
|
515
|
+
IconSearch,
|
|
516
|
+
IconServer,
|
|
517
|
+
IconSettings,
|
|
518
|
+
IconShieldAlert,
|
|
519
|
+
IconSun,
|
|
520
|
+
IconTrash2,
|
|
521
|
+
IconTrendingDown,
|
|
522
|
+
IconTrendingUp,
|
|
523
|
+
IconTriangleAlert,
|
|
524
|
+
IconUpload,
|
|
525
|
+
IconUser,
|
|
526
|
+
IconUsers,
|
|
527
|
+
IconWrench,
|
|
528
|
+
IconX,
|
|
529
|
+
allIcons,
|
|
530
|
+
defineIcon2 as defineIcon
|
|
531
|
+
};
|
package/dist/esm/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import { Icon, iconNames, ICONS } from "./Icon.js";
|
|
2
|
+
import { Icon, iconNames, ICONS, registerIcons } from "./Icon.js";
|
|
3
3
|
import { Button } from "./Button.js";
|
|
4
4
|
import { IconButton } from "./IconButton.js";
|
|
5
5
|
import { Menu } from "./Menu.js";
|
|
@@ -138,6 +138,7 @@ export {
|
|
|
138
138
|
iconNames,
|
|
139
139
|
parseDate,
|
|
140
140
|
parseTime,
|
|
141
|
+
registerIcons,
|
|
141
142
|
statusTone,
|
|
142
143
|
toast,
|
|
143
144
|
todayIn,
|
package/dist/esm/internal.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import * as React from "react";
|
|
3
|
-
import { cx, omit, tone } from "./classes.js";
|
|
3
|
+
import { cx, omit, tone, devWarnOnce } from "./classes.js";
|
|
4
4
|
function useMaybeControlled(value, initial, onChange) {
|
|
5
5
|
const s = React.useState(initial);
|
|
6
6
|
const wasSet = React.useState(value !== void 0);
|
|
@@ -77,22 +77,9 @@ function useMergedRef(a, b) {
|
|
|
77
77
|
[a, b]
|
|
78
78
|
);
|
|
79
79
|
}
|
|
80
|
-
const warned = {};
|
|
81
80
|
function plainClick(e) {
|
|
82
81
|
return !e.defaultPrevented && e.button === 0 && !e.metaKey && !e.ctrlKey && !e.shiftKey && !e.altKey;
|
|
83
82
|
}
|
|
84
|
-
function devWarnOnce(key, message) {
|
|
85
|
-
if (warned[key]) return;
|
|
86
|
-
let dev = false;
|
|
87
|
-
try {
|
|
88
|
-
dev = true;
|
|
89
|
-
} catch (e) {
|
|
90
|
-
dev = false;
|
|
91
|
-
}
|
|
92
|
-
if (!dev) return;
|
|
93
|
-
warned[key] = true;
|
|
94
|
-
console.warn("[AURA] " + message);
|
|
95
|
-
}
|
|
96
83
|
export {
|
|
97
84
|
FOCUSABLE,
|
|
98
85
|
collator,
|
package/dist/esm/locale.js
CHANGED
|
@@ -1,9 +1,16 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import * as React from "react";
|
|
3
|
+
import { devWarnOnce } from "./classes.js";
|
|
3
4
|
import { STRINGS } from "./strings.js";
|
|
4
5
|
const LocaleContext = React.createContext(null);
|
|
5
6
|
function AuraProvider(props) {
|
|
6
7
|
const outer = React.useContext(LocaleContext);
|
|
8
|
+
const l = props.locale;
|
|
9
|
+
if ((l === "th" || l === "sv") && !(props.strings && Object.keys(props.strings).length >= Object.keys(STRINGS.en).length))
|
|
10
|
+
devWarnOnce(
|
|
11
|
+
"locale-pack-" + l,
|
|
12
|
+
'AuraProvider locale="' + l + '": from 6.0 only English is built in. Pass the pack: import { ' + l + " } from '@jirawatpyk/aura-react/locales/" + l + `'; <AuraProvider locale="` + l + '" strings={' + l + "}>."
|
|
13
|
+
);
|
|
7
14
|
const density = props.density || outer && outer.density || null;
|
|
8
15
|
const timeZone = props.timeZone || outer && outer.timeZone || null;
|
|
9
16
|
const value = React.useMemo(
|