@edu-tosel/design 1.0.285 → 1.0.287

package/board/design/Board.design.d.ts

@@ -1,2 +1,2 @@
 import { BoardProps } from "../../interface/Board";
-export declare function Board<B>({ children, action, option, debug, buttons, }: BoardProps<B>): import("react/jsx-runtime").JSX.Element;
+export declare function Board<B1, B2, B3, B4>({ children, action, option, debug, buttons, }: BoardProps<B1, B2, B3, B4>): import("react/jsx-runtime").JSX.Element;

package/board/design/Header.design.d.ts

@@ -1,2 +1,2 @@
 import { BoardHeaderProps } from "../../interface/Board";
-export default function BoardHeader<B>({ titles, tag, widgets, option, }: BoardHeaderProps<B>): import("react/jsx-runtime").JSX.Element;
+export default function BoardHeader<B1, B2, B3, B4>({ titles, tag, widgets, option, }: BoardHeaderProps<B1, B2, B3, B4>): import("react/jsx-runtime").JSX.Element;

package/board/template/CanvasBoard.d.ts

@@ -1,2 +1,2 @@
 import { CanvasBoardProps } from "../../interface/Board";
-export default function CanvasBoard<B>({ header, children, action, buttons, option, }: CanvasBoardProps<B>): import("react/jsx-runtime").JSX.Element;
+export default function CanvasBoard<B1, B2, B3, B4>({ header, children, action, buttons, option, }: CanvasBoardProps<B1, B2, B3, B4>): import("react/jsx-runtime").JSX.Element;

package/board/template/ManageBoard.d.ts

@@ -1,4 +1,4 @@
 import { ManageBoardProps } from "../../interface/Board";
-export default function ManageBoard<B, K extends string, T extends {
+export default function ManageBoard<B1, B2, B3, B4, K extends string, T extends {
     [p in K]: any;
-}>({ header, dataSets, dataField, action, option, buttons, }: ManageBoardProps<B, K, T>): import("react/jsx-runtime").JSX.Element;
+}>({ header, dataSets, dataField, action, option, buttons, }: ManageBoardProps<B1, B2, B3, B4, K, T>): import("react/jsx-runtime").JSX.Element;

package/board/template/ManageBoard.js

@@ -12,8 +12,8 @@ export default function ManageBoard({ header, dataSets, dataField, action, optio
     const orders = order[id] ?? [];
     const container = {
         displays: "flex flex-col gap-12",
-        sizes: `h-[calc(100%-30px)]`,
-        paddings: `${!noPadding ? "pt-7.5 pb-60 px-2 xs:pl-4 xl:pl-7.5 xl:pb-7.5 " : ""} `,
+        sizes: `h-[calc(100%-30px)]  pb-60 xl:pb-24`,
+        paddings: `${!noPadding ? "pt-7.5 px-2 xs:pl-4 xl:pl-7.5" : ""} `,
         styles: "overflow-y-scroll",
     };
     return (_jsxs(Board, { action: action, buttons: buttons, option: {

package/board/template/PaperBoard.d.ts

@@ -1,2 +1,2 @@
 import { PaperBoardProps } from "../../interface/Board";
-export default function PaperBoard<B>({ children, debug, option, }: PaperBoardProps<B>): import("react/jsx-runtime").JSX.Element;
+export default function PaperBoard<B1, B2, B3, B4>({ children, debug, option, }: PaperBoardProps<B1, B2, B3, B4>): import("react/jsx-runtime").JSX.Element;

package/interface/Board.d.ts

@@ -14,8 +14,8 @@ interface BoardOption {
     noPadding?: boolean;
     noMobile?: boolean;
 }
-export interface BoardProps<B> {
-    header?: BoardHeaderProps<B>;
+export interface BoardProps<B1, B2, B3, B4> {
+    header?: BoardHeaderProps<B1, B2, B3, B4>;
     children?: React.ReactNode;
     action?: ActionProps;
     option?: BoardOption;
@@ -39,30 +39,30 @@ interface HeaderButtonWidget {
     type: "button";
     data: LabelWidget;
 }
-export type HeaderWidgetType<B> = HeaderInputWidget | HeaderSelectWidget<B> | HeaderSelectToggleWidget<B> | HeaderButtonWidget;
-export interface BoardHeaderProps<B> {
+export type HeaderWidgetType<B1, B2, B3, B4> = HeaderInputWidget | HeaderSelectWidget<B1> | HeaderSelectToggleWidget<B2> | HeaderButtonWidget;
+export interface BoardHeaderProps<B1, B2, B3, B4> {
     titles?: Omit<Titles, "subtitle"> & {
         icon?: string;
     };
     tag?: {
-        selects?: SelectWidget<B>[];
+        selects?: SelectWidget<B1>[];
         inputs?: InputWidget[];
     };
-    widgets?: HeaderWidgetType<B>[];
+    widgets?: HeaderWidgetType<B1, B2, B3, B4>[];
     option?: {
         background?: string;
         text?: string;
         boundary?: string;
     };
 }
-export interface CanvasBoardProps<B> extends BoardProps<B> {
+export interface CanvasBoardProps<B1, B2, B3, B4> extends BoardProps<B1, B2, B3, B4> {
 }
-export interface ManageBoardProps<B, K extends string, T extends {
+export interface ManageBoardProps<B1, B2, B3, B4, K extends string, T extends {
     [p in K]: any;
-}> extends BoardProps<B> {
+}> extends BoardProps<B1, B2, B3, B4> {
     dataSets: DataSet<T>[];
     dataField?: DataField<T>;
 }
-export interface PaperBoardProps<B> extends BoardProps<B> {
+export interface PaperBoardProps<B1, B2, B3, B4> extends BoardProps<B1, B2, B3, B4> {
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edu-tosel/design",
-  "version": "1.0.285",
+  "version": "1.0.287",
   "description": "UI components for International TOSEL Committee",
   "keywords": [
     "jsx",

package/version.txt

@@ -1 +1 @@
-1.0.285
+1.0.287