@chtc/web-components 0.0.0-20 → 0.0.0-21
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/PieChart/PieChart.d.ts +4 -0
- package/dist/PieChart/PieChart.d.ts.map +1 -0
- package/dist/PieChart/PieChart.js +154 -0
- package/dist/PieChart/PieChart.js.map +1 -0
- package/dist/PieChart/index.d.ts +2 -0
- package/dist/PieChart/index.d.ts.map +1 -0
- package/dist/PieChart/index.js +2 -0
- package/dist/PieChart/index.js.map +1 -0
- package/dist/Table/Table.d.ts +4 -0
- package/dist/Table/Table.d.ts.map +1 -0
- package/dist/Table/Table.js +76 -0
- package/dist/Table/Table.js.map +1 -0
- package/dist/Table/index.d.ts +2 -0
- package/dist/Table/index.d.ts.map +1 -0
- package/dist/Table/index.js +2 -0
- package/dist/Table/index.js.map +1 -0
- package/dist/index.d.ts +6 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +6 -4
- package/dist/index.js.map +1 -1
- package/dist/types.d.ts +82 -0
- package/dist/types.d.ts.map +1 -1
- package/dist/types.js +0 -3
- package/dist/types.js.map +1 -1
- package/package.json +2 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PieChart.d.ts","sourceRoot":"","sources":["../../src/PieChart/PieChart.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAIxC,QAAA,MAAM,QAAQ,UAAW,YAAY,4CA+CpC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,154 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Chart as ChartJS, ArcElement, Tooltip, Legend, } from "chart.js";
|
|
3
|
+
import { Chart } from "react-chartjs-2";
|
|
4
|
+
import Color from "colorjs.io";
|
|
5
|
+
import { Box } from "@mui/material";
|
|
6
|
+
ChartJS.register(ArcElement, Tooltip, Legend);
|
|
7
|
+
const PieChart = (props) => {
|
|
8
|
+
var _a, _b;
|
|
9
|
+
const bgColor = (_a = props.bgColor) !== null && _a !== void 0 ? _a : "#fff";
|
|
10
|
+
const textColor = (_b = props.textColor) !== null && _b !== void 0 ? _b : "#000";
|
|
11
|
+
const datapoints = props.sortData === false ? props.data : [...props.data].sort();
|
|
12
|
+
const data = {
|
|
13
|
+
labels: datapoints.map((d) => d.label),
|
|
14
|
+
datasets: [
|
|
15
|
+
{
|
|
16
|
+
label: props.axisLabel,
|
|
17
|
+
data: datapoints.map((d) => d.value),
|
|
18
|
+
backgroundColor: datapoints.map((d) => getColor(d.label)),
|
|
19
|
+
borderColor: bgColor,
|
|
20
|
+
borderWidth: 1,
|
|
21
|
+
},
|
|
22
|
+
],
|
|
23
|
+
};
|
|
24
|
+
const options = {
|
|
25
|
+
type: "pie",
|
|
26
|
+
data,
|
|
27
|
+
options: {
|
|
28
|
+
responsive: true,
|
|
29
|
+
maintainAspectRatio: true,
|
|
30
|
+
plugins: {
|
|
31
|
+
legend: {
|
|
32
|
+
display: false,
|
|
33
|
+
onClick: (_e) => { },
|
|
34
|
+
},
|
|
35
|
+
htmlLegend: {
|
|
36
|
+
display: props.showLegend,
|
|
37
|
+
containerID: "pie-chart-legend",
|
|
38
|
+
textColor,
|
|
39
|
+
},
|
|
40
|
+
},
|
|
41
|
+
},
|
|
42
|
+
plugins: [htmlLegendPlugin],
|
|
43
|
+
};
|
|
44
|
+
return (_jsxs(Box, { bgcolor: bgColor, width: "100%", height: "100%", children: [_jsx(Chart, Object.assign({}, options)), _jsx("div", { id: "pie-chart-legend" })] }));
|
|
45
|
+
};
|
|
46
|
+
export default PieChart;
|
|
47
|
+
/**
|
|
48
|
+
* Returns a hash code from a string
|
|
49
|
+
* @param The string to hash.
|
|
50
|
+
* @return A 32bit integer
|
|
51
|
+
* @see http://werxltd.com/wp/2010/05/13/javascript-implementation-of-javas-string-hashcode-method/
|
|
52
|
+
*/
|
|
53
|
+
function hashCode(str) {
|
|
54
|
+
let hash = 0;
|
|
55
|
+
for (let i = 0, len = str.length; i < len; i++) {
|
|
56
|
+
let chr = str.charCodeAt(i);
|
|
57
|
+
hash = (hash << 5) - hash + chr;
|
|
58
|
+
hash |= 0; // Convert to 32bit integer
|
|
59
|
+
}
|
|
60
|
+
return hash;
|
|
61
|
+
}
|
|
62
|
+
function getColor(context) {
|
|
63
|
+
const colors = [
|
|
64
|
+
"#37a2eb",
|
|
65
|
+
"#ff6384",
|
|
66
|
+
"#ff9e40",
|
|
67
|
+
"#9966ff",
|
|
68
|
+
"#ffcd56",
|
|
69
|
+
"#4dbd74",
|
|
70
|
+
];
|
|
71
|
+
const hash = Math.pow(hashCode(context), 2); // Make sure its positive
|
|
72
|
+
let colorStr = colors[hash % (colors.length - 1)];
|
|
73
|
+
let color = new Color(colorStr).to("lch");
|
|
74
|
+
// Manipulate the color based on the hash
|
|
75
|
+
color = new Color(color.lighten((hash % 19) / 100));
|
|
76
|
+
color = new Color(color.darken((hash % 23) / 100));
|
|
77
|
+
return color.to("srgb").toString();
|
|
78
|
+
}
|
|
79
|
+
/**
|
|
80
|
+
* Gets the HTML list container for the legend, creating it if it doesn't exist
|
|
81
|
+
* @param chart the chart object
|
|
82
|
+
* @param id the ID of the container
|
|
83
|
+
* @returns the list container element
|
|
84
|
+
*/
|
|
85
|
+
function getOrCreateLegendList(id) {
|
|
86
|
+
const legendContainer = document.getElementById(id);
|
|
87
|
+
let listContainer = legendContainer === null || legendContainer === void 0 ? void 0 : legendContainer.querySelector("ul");
|
|
88
|
+
if (!listContainer) {
|
|
89
|
+
listContainer = document.createElement("ul");
|
|
90
|
+
listContainer.style.display = "flex";
|
|
91
|
+
listContainer.style.flexDirection = "column";
|
|
92
|
+
listContainer.style.margin = "10px";
|
|
93
|
+
listContainer.style.padding = "0";
|
|
94
|
+
listContainer.style.overflowY = "auto";
|
|
95
|
+
legendContainer === null || legendContainer === void 0 ? void 0 : legendContainer.appendChild(listContainer);
|
|
96
|
+
}
|
|
97
|
+
return listContainer;
|
|
98
|
+
}
|
|
99
|
+
/**
|
|
100
|
+
* Plugin to render the legend as an HTML list
|
|
101
|
+
* @param containerID the ID of the container to render the legend
|
|
102
|
+
* @see https://github.com/osg-htc/osg-htc.github.io/blob/master/assets/js/components/pie-chart.js
|
|
103
|
+
*/
|
|
104
|
+
const htmlLegendPlugin = {
|
|
105
|
+
id: "htmlLegend",
|
|
106
|
+
afterUpdate(chart, _args, options) {
|
|
107
|
+
var _a, _b, _c, _d, _f;
|
|
108
|
+
const { containerID, textColor, display } = options;
|
|
109
|
+
const ul = getOrCreateLegendList(containerID);
|
|
110
|
+
// Remove the legend if display is false
|
|
111
|
+
if (!display) {
|
|
112
|
+
ul.remove();
|
|
113
|
+
return;
|
|
114
|
+
}
|
|
115
|
+
// Remove old legend items
|
|
116
|
+
while (ul.firstChild) {
|
|
117
|
+
ul.firstChild.remove();
|
|
118
|
+
}
|
|
119
|
+
// Reuse the built-in legendItems generator
|
|
120
|
+
const items = (_f = (_d = (_c = (_b = (_a = chart.options.plugins) === null || _a === void 0 ? void 0 : _a.legend) === null || _b === void 0 ? void 0 : _b.labels) === null || _c === void 0 ? void 0 : _c.generateLabels) === null || _d === void 0 ? void 0 : _d.call(_c, chart)) !== null && _f !== void 0 ? _f : [];
|
|
121
|
+
items.forEach((item) => {
|
|
122
|
+
const li = document.createElement("li");
|
|
123
|
+
li.style.alignItems = "center";
|
|
124
|
+
li.style.display = "flex";
|
|
125
|
+
li.style.flexDirection = "row";
|
|
126
|
+
li.style.marginLeft = "10px";
|
|
127
|
+
li.style.paddingBottom = "2px";
|
|
128
|
+
// Color box
|
|
129
|
+
const boxSpan = document.createElement("span");
|
|
130
|
+
boxSpan.style.background = item.fillStyle;
|
|
131
|
+
boxSpan.style.borderColor = item.strokeStyle;
|
|
132
|
+
boxSpan.style.borderWidth = item.lineWidth + "px";
|
|
133
|
+
boxSpan.style.display = "inline-block";
|
|
134
|
+
boxSpan.style.flexShrink = "0";
|
|
135
|
+
boxSpan.style.height = "20px";
|
|
136
|
+
boxSpan.style.marginRight = "10px";
|
|
137
|
+
boxSpan.style.width = "20px";
|
|
138
|
+
// Text
|
|
139
|
+
const textContainer = document.createElement("p");
|
|
140
|
+
textContainer.style.color = textColor;
|
|
141
|
+
textContainer.style.margin = "0";
|
|
142
|
+
textContainer.style.padding = "0";
|
|
143
|
+
textContainer.style.fontSize = ".8rem";
|
|
144
|
+
textContainer.style.textDecoration = item.hidden ? "line-through" : "";
|
|
145
|
+
const text = document.createTextNode(item.text);
|
|
146
|
+
textContainer.appendChild(text);
|
|
147
|
+
li.appendChild(boxSpan);
|
|
148
|
+
li.appendChild(textContainer);
|
|
149
|
+
ul.appendChild(li);
|
|
150
|
+
// ul.style.height = `${chart.canvas.style.height}`;
|
|
151
|
+
});
|
|
152
|
+
},
|
|
153
|
+
};
|
|
154
|
+
//# sourceMappingURL=PieChart.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PieChart.js","sourceRoot":"","sources":["../../src/PieChart/PieChart.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,KAAK,IAAI,OAAO,EAChB,UAAU,EACV,OAAO,EACP,MAAM,GAEP,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,KAAK,EAAc,MAAM,iBAAiB,CAAC;AACpD,OAAO,KAAK,MAAM,YAAY,CAAC;AAE/B,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAGpC,OAAO,CAAC,QAAQ,CAAC,UAAU,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;AAE9C,MAAM,QAAQ,GAAG,CAAC,KAAmB,EAAE,EAAE;;IACvC,MAAM,OAAO,GAAG,MAAA,KAAK,CAAC,OAAO,mCAAI,MAAM,CAAC;IACxC,MAAM,SAAS,GAAG,MAAA,KAAK,CAAC,SAAS,mCAAI,MAAM,CAAC;IAE5C,MAAM,UAAU,GACd,KAAK,CAAC,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC;IAEjE,MAAM,IAAI,GAAG;QACX,MAAM,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;QACtC,QAAQ,EAAE;YACR;gBACE,KAAK,EAAE,KAAK,CAAC,SAAS;gBACtB,IAAI,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;gBACpC,eAAe,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;gBACzD,WAAW,EAAE,OAAO;gBACpB,WAAW,EAAE,CAAC;aACf;SACF;KACF,CAAC;IAEF,MAAM,OAAO,GAAsB;QACjC,IAAI,EAAE,KAAK;QACX,IAAI;QACJ,OAAO,EAAE;YACP,UAAU,EAAE,IAAI;YAChB,mBAAmB,EAAE,IAAI;YACzB,OAAO,EAAE;gBACP,MAAM,EAAE;oBACN,OAAO,EAAE,KAAK;oBACd,OAAO,EAAE,CAAC,EAAW,EAAE,EAAE,GAAE,CAAC;iBAC7B;gBACD,UAAU,EAAE;oBACV,OAAO,EAAE,KAAK,CAAC,UAAU;oBACzB,WAAW,EAAE,kBAAkB;oBAC/B,SAAS;iBACV;aACF;SACK;QACR,OAAO,EAAE,CAAC,gBAAgB,CAAC;KAC5B,CAAC;IAEF,OAAO,CACL,MAAC,GAAG,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,aAC/C,KAAC,KAAK,oBAAK,OAAO,EAAI,EACtB,cAAK,EAAE,EAAC,kBAAkB,GAAG,IACzB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC;AAExB;;;;;GAKG;AACH,SAAS,QAAQ,CAAC,GAAW;IAC3B,IAAI,IAAI,GAAG,CAAC,CAAC;IACb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;QAC/C,IAAI,GAAG,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;QAC5B,IAAI,GAAG,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,IAAI,GAAG,GAAG,CAAC;QAChC,IAAI,IAAI,CAAC,CAAC,CAAC,2BAA2B;IACxC,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,QAAQ,CAAC,OAAe;IAC/B,MAAM,MAAM,GAAG;QACb,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;KACV,CAAC;IAEF,MAAM,IAAI,GAAG,SAAA,QAAQ,CAAC,OAAO,CAAC,EAAI,CAAC,CAAA,CAAC,CAAC,yBAAyB;IAE9D,IAAI,QAAQ,GAAG,MAAM,CAAC,IAAI,GAAG,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;IAElD,IAAI,KAAK,GAAG,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;IAE1C,yCAAyC;IACzC,KAAK,GAAG,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,GAAG,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;IACpD,KAAK,GAAG,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,GAAG,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;IAEnD,OAAO,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,CAAC;AACrC,CAAC;AAED;;;;;GAKG;AACH,SAAS,qBAAqB,CAAC,EAAU;IACvC,MAAM,eAAe,GAAG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;IACpD,IAAI,aAAa,GAAG,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,aAAa,CAAC,IAAI,CAAC,CAAC;IAEzD,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAC7C,aAAa,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QACrC,aAAa,CAAC,KAAK,CAAC,aAAa,GAAG,QAAQ,CAAC;QAC7C,aAAa,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QACpC,aAAa,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;QAClC,aAAa,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;QAEvC,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,WAAW,CAAC,aAAa,CAAC,CAAC;IAC9C,CAAC;IAED,OAAO,aAAa,CAAC;AACvB,CAAC;AAED;;;;GAIG;AACH,MAAM,gBAAgB,GAAW;IAC/B,EAAE,EAAE,YAAY;IAChB,WAAW,CAAC,KAAc,EAAE,KAAU,EAAE,OAAY;;QAClD,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;QAEpD,MAAM,EAAE,GAAG,qBAAqB,CAAC,WAAW,CAAC,CAAC;QAE9C,wCAAwC;QACxC,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,EAAE,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO;QACT,CAAC;QAED,0BAA0B;QAC1B,OAAO,EAAE,CAAC,UAAU,EAAE,CAAC;YACrB,EAAE,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC;QACzB,CAAC;QAED,2CAA2C;QAC3C,MAAM,KAAK,GACT,MAAA,MAAA,MAAA,MAAA,MAAA,KAAK,CAAC,OAAO,CAAC,OAAO,0CAAE,MAAM,0CAAE,MAAM,0CAAE,cAAc,mDAAG,KAAK,CAAC,mCAAI,EAAE,CAAC;QAEvE,KAAK,CAAC,OAAO,CAAC,CAAC,IAAS,EAAE,EAAE;YAC1B,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YACxC,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;YAC/B,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;YAC1B,EAAE,CAAC,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC;YAC/B,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC;YAC7B,EAAE,CAAC,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC;YAE/B,YAAY;YACZ,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YAC/C,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC;YAC1C,OAAO,CAAC,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;YAC7C,OAAO,CAAC,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;YAClD,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,cAAc,CAAC;YACvC,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,GAAG,CAAC;YAC/B,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;YAC9B,OAAO,CAAC,KAAK,CAAC,WAAW,GAAG,MAAM,CAAC;YACnC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;YAE7B,OAAO;YACP,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;YAClD,aAAa,CAAC,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC;YACtC,aAAa,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC;YACjC,aAAa,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;YAClC,aAAa,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;YACvC,aAAa,CAAC,KAAK,CAAC,cAAc,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;YAEvE,MAAM,IAAI,GAAG,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAChD,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YAEhC,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YACxB,EAAE,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;YAC9B,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;YAEnB,oDAAoD;QACtD,CAAC,CAAC,CAAC;IACL,CAAC;CACF,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/PieChart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/PieChart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { TableProps } from "../types";
|
|
2
|
+
declare const Table: ({ headers, data, footerData, cellRenderer, containerSx, tableSx, headSx, headRowSx, headCellSx, bodyRowSx, bodySx, bodyCellSx, footerSx, footerRowSx, footerCellSx, sortable, defaultSortDirection, defaultSortColumn, pagination, pageSize, rowsPerPageOptions, }: TableProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default Table;
|
|
4
|
+
//# sourceMappingURL=Table.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/Table/Table.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,QAAA,MAAM,KAAK,uQAsBR,UAAU,4CA0IZ,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from "react";
|
|
3
|
+
import { Table as MUITable, TableBody, TableCell, TableContainer, TableFooter, TableHead, TablePagination, TableRow, TableSortLabel, } from "@mui/material";
|
|
4
|
+
const Table = ({ headers, data, footerData, cellRenderer, containerSx, tableSx, headSx, headRowSx, headCellSx, bodyRowSx, bodySx, bodyCellSx, footerSx, footerRowSx, footerCellSx, sortable, defaultSortDirection, defaultSortColumn, pagination, pageSize, rowsPerPageOptions, }) => {
|
|
5
|
+
const [page, setPage] = useState(0);
|
|
6
|
+
// -1 rows per page means show all rows
|
|
7
|
+
const [rowsPerPage, setRowsPerPage] = useState(pageSize !== null && pageSize !== void 0 ? pageSize : -1);
|
|
8
|
+
// Default to ascending order
|
|
9
|
+
const [order, setOrder] = useState(defaultSortDirection !== null && defaultSortDirection !== void 0 ? defaultSortDirection : "asc");
|
|
10
|
+
// Default to first column for immediate sorting
|
|
11
|
+
const [orderBy, setOrderBy] = useState(defaultSortColumn ? headers.indexOf(defaultSortColumn) : 0);
|
|
12
|
+
// We keep track of this because we want to show the sort direction only if
|
|
13
|
+
// the user has interacted with the sorting.
|
|
14
|
+
const [interactedWithSort, setInteractedWithSort] = useState(false);
|
|
15
|
+
const handleSort = (columnIndex) => {
|
|
16
|
+
const isAsc = orderBy === columnIndex && order === "asc";
|
|
17
|
+
setInteractedWithSort(true);
|
|
18
|
+
setOrder(isAsc ? "desc" : "asc");
|
|
19
|
+
setOrderBy(columnIndex);
|
|
20
|
+
// Reset page because we're changing the sorting and it would be weird to
|
|
21
|
+
// see random data
|
|
22
|
+
setPage(0);
|
|
23
|
+
};
|
|
24
|
+
const handlePageChange = (_event, page) => {
|
|
25
|
+
setPage(page);
|
|
26
|
+
};
|
|
27
|
+
const handleRowsPerPageChange = (event) => {
|
|
28
|
+
setRowsPerPage(parseInt(event.target.value, 10));
|
|
29
|
+
// Reset page because we're changing the number of rows per page
|
|
30
|
+
// and it would be weird to see random data
|
|
31
|
+
setPage(0);
|
|
32
|
+
};
|
|
33
|
+
const formatFooterCell = (data) => {
|
|
34
|
+
if (typeof data === "number") {
|
|
35
|
+
return _jsx("span", { children: data.toLocaleString() });
|
|
36
|
+
}
|
|
37
|
+
else if (typeof data === "string") {
|
|
38
|
+
return _jsx("span", { children: data });
|
|
39
|
+
}
|
|
40
|
+
else {
|
|
41
|
+
return data;
|
|
42
|
+
}
|
|
43
|
+
};
|
|
44
|
+
const sortedData = !sortable
|
|
45
|
+
? data
|
|
46
|
+
: data.sort((a, b) => {
|
|
47
|
+
const aCell = a[orderBy];
|
|
48
|
+
const bCell = b[orderBy];
|
|
49
|
+
if (typeof aCell === "string" && typeof bCell === "string") {
|
|
50
|
+
return order === "asc"
|
|
51
|
+
? aCell.localeCompare(bCell)
|
|
52
|
+
: bCell.localeCompare(aCell);
|
|
53
|
+
}
|
|
54
|
+
else if (typeof aCell === "number" && typeof bCell === "number") {
|
|
55
|
+
return order === "asc" ? aCell - bCell : bCell - aCell;
|
|
56
|
+
}
|
|
57
|
+
else {
|
|
58
|
+
throw new Error("Cannot compare different types");
|
|
59
|
+
}
|
|
60
|
+
});
|
|
61
|
+
return (_jsx(TableContainer, { sx: containerSx, children: _jsxs(MUITable, { sx: Object.assign({}, tableSx), stickyHeader: true, children: [_jsx(TableHead, { sx: headSx, children: _jsx(TableRow, { sx: headRowSx, children: headers.map((header, i) => (
|
|
62
|
+
// column headers
|
|
63
|
+
_jsx(TableCell, { sx: headCellSx, children: !sortable ? (_jsx("span", { children: header })) : (_jsx(TableSortLabel, { active: interactedWithSort ? orderBy === i : false, direction: order, onClick: () => handleSort(i), children: header })) }, i))) }) }), _jsxs(TableBody, { sx: Object.assign({ overflowY: "auto" }, bodySx), children: [
|
|
64
|
+
// data rows
|
|
65
|
+
(!pagination ? sortedData : sortedData)
|
|
66
|
+
.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage)
|
|
67
|
+
.map((row, i) => (_jsx(TableRow, { sx: bodyRowSx, children: row.map((cell, j) => (_jsx(TableCell, { sx: bodyCellSx, children: cellRenderer
|
|
68
|
+
? cellRenderer(cell, headers[j], j, i)
|
|
69
|
+
: cell.toLocaleString() }, j))) }, i))), _jsx(TableRow, { sx: footerRowSx, children: footerData === null || footerData === void 0 ? void 0 : footerData.map((cell, i) => (
|
|
70
|
+
// footer cells
|
|
71
|
+
_jsx(TableCell, { sx: footerCellSx, children: formatFooterCell(cell) }, i))) })] }), _jsx(TableFooter, { sx: footerSx, children:
|
|
72
|
+
// real footer (which is sticky and contains pagination)
|
|
73
|
+
pagination && (_jsx(TablePagination, { count: data.length, onPageChange: handlePageChange, page: page, rowsPerPage: rowsPerPage, rowsPerPageOptions: rowsPerPageOptions !== null && rowsPerPageOptions !== void 0 ? rowsPerPageOptions : [], showFirstButton: true, showLastButton: true, onRowsPerPageChange: handleRowsPerPageChange })) })] }) }));
|
|
74
|
+
};
|
|
75
|
+
export default Table;
|
|
76
|
+
//# sourceMappingURL=Table.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../src/Table/Table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
|
-
export { default as ArticleCard } from
|
|
2
|
-
export { default as HorizontalArticleCard } from
|
|
3
|
-
export { default as TopStyledBlock } from
|
|
4
|
-
export { default as Article } from
|
|
1
|
+
export { default as ArticleCard } from "./ArticleCard";
|
|
2
|
+
export { default as HorizontalArticleCard } from "./HorizontalArticleCard";
|
|
3
|
+
export { default as TopStyledBlock } from "./TopStyledBlock";
|
|
4
|
+
export { default as Article } from "./Article";
|
|
5
|
+
export { default as PieChart } from "./PieChart";
|
|
6
|
+
export { default as Table } from "./Table";
|
|
5
7
|
export * from './utils';
|
|
6
8
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,cAAc,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
|
-
export { default as ArticleCard } from
|
|
2
|
-
export { default as HorizontalArticleCard } from
|
|
3
|
-
export { default as TopStyledBlock } from
|
|
4
|
-
export { default as Article } from
|
|
1
|
+
export { default as ArticleCard } from "./ArticleCard";
|
|
2
|
+
export { default as HorizontalArticleCard } from "./HorizontalArticleCard";
|
|
3
|
+
export { default as TopStyledBlock } from "./TopStyledBlock";
|
|
4
|
+
export { default as Article } from "./Article";
|
|
5
|
+
export { default as PieChart } from "./PieChart";
|
|
6
|
+
export { default as Table } from "./Table";
|
|
5
7
|
export * from './utils';
|
|
6
8
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,cAAc,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC"}
|
package/dist/types.d.ts
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import { SxProps } from "@mui/material";
|
|
2
|
+
import { ReactElement } from "react";
|
|
1
3
|
/**
|
|
2
4
|
* Article Types
|
|
3
5
|
*/
|
|
@@ -29,4 +31,84 @@ export interface BackendArticle extends Article {
|
|
|
29
31
|
slug: string[];
|
|
30
32
|
path: string;
|
|
31
33
|
}
|
|
34
|
+
/**
|
|
35
|
+
* Pie Chart Types
|
|
36
|
+
*/
|
|
37
|
+
export interface PieChartData {
|
|
38
|
+
showLegend?: boolean;
|
|
39
|
+
bgColor?: string;
|
|
40
|
+
textColor?: string;
|
|
41
|
+
sortData?: boolean;
|
|
42
|
+
axisLabel: string;
|
|
43
|
+
data: {
|
|
44
|
+
label: string;
|
|
45
|
+
value: number;
|
|
46
|
+
}[];
|
|
47
|
+
}
|
|
48
|
+
/**
|
|
49
|
+
* Table Types
|
|
50
|
+
*/
|
|
51
|
+
export interface TableProps {
|
|
52
|
+
/**
|
|
53
|
+
* The headers of the table.
|
|
54
|
+
*/
|
|
55
|
+
headers: string[];
|
|
56
|
+
/**
|
|
57
|
+
* The data of the table.
|
|
58
|
+
*
|
|
59
|
+
* Each element in the array is a row, and each row contains cells of strings
|
|
60
|
+
* or numbers.
|
|
61
|
+
*/
|
|
62
|
+
data: (string | number)[][];
|
|
63
|
+
/**
|
|
64
|
+
* The footer data that appears at the bottom of the table.
|
|
65
|
+
*
|
|
66
|
+
* This data is not sorted or paginated, and can include normal React elements.
|
|
67
|
+
*/
|
|
68
|
+
footerData?: (string | number | ReactElement)[];
|
|
69
|
+
/**
|
|
70
|
+
* A function that takes in a cell, the column header, the column index, and
|
|
71
|
+
* the row index and returns the inner component of the cell to render.
|
|
72
|
+
*
|
|
73
|
+
* If the footer is not a React element, it will also be passed to this
|
|
74
|
+
* function.
|
|
75
|
+
*/
|
|
76
|
+
cellRenderer?: (cell: string | number, columnHeader: string, column: number, row: number) => React.ReactNode;
|
|
77
|
+
containerSx?: SxProps;
|
|
78
|
+
tableSx?: SxProps;
|
|
79
|
+
headSx?: SxProps;
|
|
80
|
+
headRowSx?: SxProps;
|
|
81
|
+
headCellSx?: SxProps;
|
|
82
|
+
footerSx?: SxProps;
|
|
83
|
+
footerRowSx?: SxProps;
|
|
84
|
+
footerCellSx?: SxProps;
|
|
85
|
+
bodySx?: SxProps;
|
|
86
|
+
bodyRowSx?: SxProps;
|
|
87
|
+
bodyCellSx?: SxProps;
|
|
88
|
+
/**
|
|
89
|
+
* Whether or not the table is sortable. False by default.
|
|
90
|
+
*/
|
|
91
|
+
sortable?: boolean;
|
|
92
|
+
/**
|
|
93
|
+
* Sort direction of the table. Ascending by default.
|
|
94
|
+
*/
|
|
95
|
+
defaultSortDirection?: "asc" | "desc";
|
|
96
|
+
/**
|
|
97
|
+
* The default column to sort by. The first column by default.
|
|
98
|
+
*/
|
|
99
|
+
defaultSortColumn?: string;
|
|
100
|
+
/**
|
|
101
|
+
* Whether or not the table is paginated. False by default.
|
|
102
|
+
*/
|
|
103
|
+
pagination?: boolean;
|
|
104
|
+
/**
|
|
105
|
+
* The number of rows per page. 10 by default.
|
|
106
|
+
*/
|
|
107
|
+
pageSize?: number;
|
|
108
|
+
/**
|
|
109
|
+
* The options for the number of rows per page. No options (empty array) by
|
|
110
|
+
* default.
|
|
111
|
+
*/
|
|
112
|
+
rowsPerPageOptions?: number[];
|
|
113
|
+
}
|
|
32
114
|
//# sourceMappingURL=types.d.ts.map
|
package/dist/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,WAAW,gBAAgB;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}
|
package/dist/types.js
CHANGED
package/dist/types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@chtc/web-components",
|
|
3
|
-
"version": "0.0.0-
|
|
3
|
+
"version": "0.0.0-21",
|
|
4
4
|
"description": "PATh Web Components",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
"build": "tsc --build src",
|
|
10
10
|
"storybook": "storybook dev -p 6006",
|
|
11
11
|
"build-storybook": "storybook build",
|
|
12
|
-
"publish
|
|
12
|
+
"publish:current": "npm publish --omit=dev --access public",
|
|
13
13
|
"publish:increment": "npm version prerelease --no-git-tag-version && npm publish --omit=dev --access public"
|
|
14
14
|
},
|
|
15
15
|
"files": [
|