@edu-tosel/design 1.0.11 → 1.0.12

package/board/template/PaperBoard.js

@@ -4,7 +4,7 @@ import { Board } from "../widget/Board";
 export default function PaperBoard({ children, debug }) {
     const container = {
         displays: "flex flex-col items-center gap-7.5",
-        paddings: "px-4 pt-3 pb-16",
+        paddings: "px-4 pt-5 pb-16",
     };
     return (_jsx(Board, { options: { width: "lg", height: "full", isRounded: false }, debug: debug, children: _jsx("div", { className: cn(container), children: children }) }));
 }

package/card/template/ReportCard.d.ts

@@ -1,7 +1,7 @@
 import { Titles } from "../../interface";
 export default function ReportCard({ titles, type, dataSets, dataField, }: {
     titles: Titles;
-    type: "table" | "chart";
+    type: "text" | "table" | "chart";
     dataSets: {
         items: Record<string, string | number>[];
         average?: {

package/card/template/ReportCard.js

@@ -14,7 +14,7 @@ export default function ReportCard({ titles, type, dataSets, dataField, }) {
         title: "text-lg font-bold",
         subtitle: "text-sm",
     };
-    return (_jsxs("div", { className: cn(container), children: [_jsxs("div", { className: cn(titleBox.container), children: [_jsx("div", { className: cn(titleBox.title), children: title }), _jsx(LineBreaks, { className: cn(titleBox.subtitle), texts: subtitle })] }), type === "table" && sizes ? (_jsx(TableCard, { sizes: sizes, fields: fields, data: dataSets.items, options: {
+    return (_jsxs("div", { className: cn(container), children: [_jsxs("div", { className: cn(titleBox.container), children: [_jsx("div", { className: cn(titleBox.title), children: title }), _jsx(LineBreaks, { className: cn(titleBox.subtitle), texts: subtitle })] }), type === "text" ? (_jsx("div", { children: "text" })) : type === "table" && sizes ? (_jsx(TableCard, { sizes: sizes, fields: fields, data: dataSets.items, options: {
                     width: "full",
                     height: "auto",
                 } })) : axis && type === "chart" ? (_jsx(ChartCard, { data: dataSets.items, xAxis: axis.x, yAxis: axis.y, lines: lines, bars: bars, areas: areas, average: dataSets.average, options: {

package/card/template/TableCard.js

@@ -13,5 +13,5 @@ export default function TableCard({ data, fields, sizes, options, }) {
         `flex h-11 items-center  font-bold pl-4`,
         `bg-${bgColor ?? "gray-300"} text-${textColor ?? "black"}`,
     ].join(" ");
-    return (_jsx(Card, { options: { width: width ?? "lg", height: height ?? "lg", overflow }, children: _jsxs("div", { className: cn(container), children: [_jsx("div", { className: fieldsClassNames, children: keys.map((key) => (_jsx("div", { className: `w-${sizes[key]}`, children: fields[key] }, key))) }), data.map((row, index) => (_jsx("div", { className: "flex items-center pl-4 h-11 ", children: keys.map((key) => (_jsx("div", { className: `truncate w-${sizes[key] ?? "auto"}`, children: row[key] }, key))) }, index)))] }) }));
+    return (_jsx(Card, { options: { width: width ?? "lg", height: height ?? "lg", overflow }, children: _jsxs("div", { className: cn(container), children: [_jsx("div", { className: fieldsClassNames, children: keys.map((key) => (_jsx("div", { className: `w-${sizes[key]}/100`, children: fields[key] }, key))) }), data.map((row, index) => (_jsx("div", { className: "flex items-center pl-4 h-11 ", children: keys.map((key) => (_jsx("div", { className: `truncate w-${sizes[key] ?? "auto"}`, children: row[key] }, key))) }, index)))] }) }));
 }

package/interaction/index.d.ts

@@ -1,4 +1,5 @@
 export { default as Exception } from "./template/Exception";
 export { default as LoadingSpinner } from "./widget/LoadingSpinner";
 export { default as LoadingJumper } from "./widget/LoadingJumper";
+export { default as LoadingWorm } from "./widget/LoadingWorm";
 export { default as NoData } from "./widget/NoData";

package/interaction/index.js

@@ -1,4 +1,5 @@
 export { default as Exception } from "./template/Exception";
 export { default as LoadingSpinner } from "./widget/LoadingSpinner";
 export { default as LoadingJumper } from "./widget/LoadingJumper";
+export { default as LoadingWorm } from "./widget/LoadingWorm";
 export { default as NoData } from "./widget/NoData";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edu-tosel/design",
-  "version": "1.0.11",
+  "version": "1.0.12",
   "description": "UI components for International TOSEL Committee",
   "keywords": [
     "jsx",
@@ -14,6 +14,7 @@
   "type": "module",
   "scripts": {},
   "dependencies": {
+    "@edu-tosel/design": "^1.0.11",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-lottie-player": "^1.5.6",

package/version.txt

@@ -1 +1 @@
-1.0.11
+1.0.12