@krumio/trailhand-ui 1.7.0 → 1.8.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +13 -13
- package/dist/components/action-menu/action-menu.d.ts.map +1 -1
- package/dist/components/action-menu/action-menu.js +14 -12
- package/dist/components/action-menu/action-menu.js.map +1 -1
- package/dist/components/button/button.js +18 -18
- package/dist/components/data-table/data-table.d.ts +1 -11
- package/dist/components/data-table/data-table.d.ts.map +1 -1
- package/dist/components/data-table/data-table.js +39 -112
- package/dist/components/data-table/data-table.js.map +1 -1
- package/dist/components/icon/icon.d.ts +16 -0
- package/dist/components/icon/icon.d.ts.map +1 -1
- package/dist/components/icon/icon.js +30 -2
- package/dist/components/icon/icon.js.map +1 -1
- package/dist/components/progress-bar/index.d.ts +2 -0
- package/dist/components/progress-bar/index.d.ts.map +1 -0
- package/dist/components/progress-bar/index.js +2 -0
- package/dist/components/progress-bar/index.js.map +1 -0
- package/dist/components/progress-bar/progress-bar.d.ts +27 -0
- package/dist/components/progress-bar/progress-bar.d.ts.map +1 -0
- package/dist/components/progress-bar/progress-bar.js +124 -0
- package/dist/components/progress-bar/progress-bar.js.map +1 -0
- package/dist/components/th-card/index.d.ts +3 -0
- package/dist/components/th-card/index.d.ts.map +1 -0
- package/dist/components/th-card/index.js +2 -0
- package/dist/components/th-card/index.js.map +1 -0
- package/dist/components/th-card/th-card.d.ts +40 -0
- package/dist/components/th-card/th-card.d.ts.map +1 -0
- package/dist/components/th-card/th-card.js +376 -0
- package/dist/components/th-card/th-card.js.map +1 -0
- package/dist/components/th-tag/index.d.ts +3 -0
- package/dist/components/th-tag/index.d.ts.map +1 -0
- package/dist/components/th-tag/index.js +2 -0
- package/dist/components/th-tag/index.js.map +1 -0
- package/dist/components/th-tag/th-tag.d.ts +67 -0
- package/dist/components/th-tag/th-tag.d.ts.map +1 -0
- package/dist/components/th-tag/th-tag.js +287 -0
- package/dist/components/th-tag/th-tag.js.map +1 -0
- package/dist/components/toggle-switch/toggle-switch.d.ts.map +1 -1
- package/dist/components/toggle-switch/toggle-switch.js +5 -3
- package/dist/components/toggle-switch/toggle-switch.js.map +1 -1
- package/dist/index.d.ts +4 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +5 -0
- package/dist/index.js.map +1 -1
- package/dist/styles/colors.css +116 -86
- package/dist/utils/formatters.d.ts +9 -0
- package/dist/utils/formatters.d.ts.map +1 -0
- package/dist/utils/formatters.js +66 -0
- package/dist/utils/formatters.js.map +1 -0
- package/dist/utils/index.d.ts +2 -0
- package/dist/utils/index.d.ts.map +1 -0
- package/dist/utils/index.js +2 -0
- package/dist/utils/index.js.map +1 -0
- package/package.json +3 -2
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Data table formatters for common column types
|
|
3
|
+
*/
|
|
4
|
+
export const dataTableFormatters = {
|
|
5
|
+
/**
|
|
6
|
+
* Format a date value as relative time (e.g., "5d", "3h", "15m")
|
|
7
|
+
*/
|
|
8
|
+
age: (value) => {
|
|
9
|
+
if (!value)
|
|
10
|
+
return '-';
|
|
11
|
+
const date = new Date(value);
|
|
12
|
+
const now = new Date();
|
|
13
|
+
const diffMs = now.getTime() - date.getTime();
|
|
14
|
+
const diffMins = Math.floor(diffMs / 60000);
|
|
15
|
+
const diffHours = Math.floor(diffMs / 3600000);
|
|
16
|
+
const diffDays = Math.floor(diffMs / 86400000);
|
|
17
|
+
if (diffDays > 0)
|
|
18
|
+
return `${diffDays}d`;
|
|
19
|
+
if (diffHours > 0)
|
|
20
|
+
return `${diffHours}h`;
|
|
21
|
+
if (diffMins > 0)
|
|
22
|
+
return `${diffMins}m`;
|
|
23
|
+
return 'Just now';
|
|
24
|
+
},
|
|
25
|
+
/**
|
|
26
|
+
* Format a date as a localized date string
|
|
27
|
+
*/
|
|
28
|
+
date: (value) => {
|
|
29
|
+
if (!value)
|
|
30
|
+
return '-';
|
|
31
|
+
return new Date(value).toLocaleDateString();
|
|
32
|
+
},
|
|
33
|
+
/**
|
|
34
|
+
* Format a date as a localized date and time string
|
|
35
|
+
*/
|
|
36
|
+
dateTime: (value) => {
|
|
37
|
+
if (!value)
|
|
38
|
+
return '-';
|
|
39
|
+
return new Date(value).toLocaleString();
|
|
40
|
+
},
|
|
41
|
+
/**
|
|
42
|
+
* Format memory bytes to human readable format (B, KB, MB, GB, TB)
|
|
43
|
+
*/
|
|
44
|
+
memory: (value) => {
|
|
45
|
+
if (!value || value === 0)
|
|
46
|
+
return '0 B';
|
|
47
|
+
const units = ['B', 'KB', 'MB', 'GB', 'TB'];
|
|
48
|
+
let val = Number(value);
|
|
49
|
+
let unitIndex = 0;
|
|
50
|
+
while (val >= 1024 && unitIndex < units.length - 1) {
|
|
51
|
+
val = val / 1024;
|
|
52
|
+
unitIndex++;
|
|
53
|
+
}
|
|
54
|
+
return `${Math.round(val)} ${units[unitIndex]}`;
|
|
55
|
+
},
|
|
56
|
+
/**
|
|
57
|
+
* Format millicpus value
|
|
58
|
+
*/
|
|
59
|
+
milliCPUs: (value) => {
|
|
60
|
+
if (!value || value === 0)
|
|
61
|
+
return '0';
|
|
62
|
+
const formatted = Math.round(Number(value)).toString();
|
|
63
|
+
return formatted === '0' ? '0' : formatted;
|
|
64
|
+
},
|
|
65
|
+
};
|
|
66
|
+
//# sourceMappingURL=formatters.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"formatters.js","sourceRoot":"","sources":["../../src/utils/formatters.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAsC;IACpE;;OAEG;IACH,GAAG,EAAE,CAAC,KAAU,EAAU,EAAE;QAC1B,IAAI,CAAC,KAAK;YAAE,OAAO,GAAG,CAAC;QACvB,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC;QAC7B,MAAM,GAAG,GAAG,IAAI,IAAI,EAAE,CAAC;QACvB,MAAM,MAAM,GAAG,GAAG,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;QAC9C,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,CAAC;QAC5C,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,OAAO,CAAC,CAAC;QAC/C,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,QAAQ,CAAC,CAAC;QAE/C,IAAI,QAAQ,GAAG,CAAC;YAAE,OAAO,GAAG,QAAQ,GAAG,CAAC;QACxC,IAAI,SAAS,GAAG,CAAC;YAAE,OAAO,GAAG,SAAS,GAAG,CAAC;QAC1C,IAAI,QAAQ,GAAG,CAAC;YAAE,OAAO,GAAG,QAAQ,GAAG,CAAC;QACxC,OAAO,UAAU,CAAC;IACpB,CAAC;IAED;;OAEG;IACH,IAAI,EAAE,CAAC,KAAU,EAAU,EAAE;QAC3B,IAAI,CAAC,KAAK;YAAE,OAAO,GAAG,CAAC;QACvB,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,kBAAkB,EAAE,CAAC;IAC9C,CAAC;IAED;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAU,EAAU,EAAE;QAC/B,IAAI,CAAC,KAAK;YAAE,OAAO,GAAG,CAAC;QACvB,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,cAAc,EAAE,CAAC;IAC1C,CAAC;IAED;;OAEG;IACH,MAAM,EAAE,CAAC,KAAU,EAAU,EAAE;QAC7B,IAAI,CAAC,KAAK,IAAI,KAAK,KAAK,CAAC;YAAE,OAAO,KAAK,CAAC;QAExC,MAAM,KAAK,GAAG,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QAC5C,IAAI,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;QACxB,IAAI,SAAS,GAAG,CAAC,CAAC;QAElB,OAAO,GAAG,IAAI,IAAI,IAAI,SAAS,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACnD,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;YACjB,SAAS,EAAE,CAAC;QACd,CAAC;QAED,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC;IAClD,CAAC;IAED;;OAEG;IACH,SAAS,EAAE,CAAC,KAAU,EAAU,EAAE;QAChC,IAAI,CAAC,KAAK,IAAI,KAAK,KAAK,CAAC;YAAE,OAAO,GAAG,CAAC;QAEtC,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;QACvD,OAAO,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC;IAC7C,CAAC;CACF,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@krumio/trailhand-ui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.8.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Reusable web components built with Lit Element",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -55,6 +55,7 @@
|
|
|
55
55
|
"dependencies": {
|
|
56
56
|
"@fortawesome/fontawesome-svg-core": "^7.1.0",
|
|
57
57
|
"@fortawesome/free-solid-svg-icons": "^7.1.0",
|
|
58
|
+
"@fortawesome/pro-duotone-svg-icons": "^7.1.0",
|
|
58
59
|
"@iconify/icons-heroicons": "^1.2.9",
|
|
59
60
|
"iconify-icon": "^3.0.2",
|
|
60
61
|
"lit": "^3.3.1"
|
|
@@ -75,4 +76,4 @@
|
|
|
75
76
|
"vite": "^6.4.1",
|
|
76
77
|
"vitest": "^4.0.17"
|
|
77
78
|
}
|
|
78
|
-
}
|
|
79
|
+
}
|