@edu-tosel/design 1.0.13 → 1.0.15

package/util/convertUnixTimestampToDate.js

@@ -0,0 +1,5 @@
+export default function convertUnixTimestampToDate(unixTimestamp) {
+    const date = new Date(unixTimestamp * 1000);
+    const formattedDate = date.toISOString().split("T")[0];
+    return formattedDate;
+}

package/util/index.d.ts

@@ -1,4 +1,7 @@
 export { default as cn } from "./classNames";
+export { default as unixToDate } from "./convertUnixTimestampToDate";
+export { default as isDebug } from "./isDebug";
+export { default as sortByOrder } from "./sortByOrder";
 export * from "./colors";
 export * from "./display";
 export * from "./displayResponsive";

package/util/index.js

@@ -1,4 +1,7 @@
 export { default as cn } from "./classNames";
+export { default as unixToDate } from "./convertUnixTimestampToDate";
+export { default as isDebug } from "./isDebug";
+export { default as sortByOrder } from "./sortByOrder";
 export * from "./colors";
 export * from "./display";
 export * from "./displayResponsive";

package/util/isDebug.d.ts

@@ -0,0 +1 @@
+export default function isDebug(prop: any): any;

package/util/isDebug.js

@@ -0,0 +1,5 @@
+export default function isDebug(prop) {
+    if (import.meta.env.MODE === "development")
+        return prop;
+    return null;
+}

package/util/sortByOrder.d.ts

@@ -0,0 +1,4 @@
+import { Order } from "../interface";
+export default function sortOrder<K extends string, T extends {
+    [p in K]: any;
+}>(args: T[], order: Order[]): T[];

package/util/sortByOrder.js

@@ -0,0 +1,20 @@
+export default function sortOrder(args, order) {
+    const allEmpty = order.every(({ orderHow }) => orderHow === "");
+    const sortedData = allEmpty
+        ? [...args]
+        : [...args].sort((aValue, bValue) => {
+            for (let i = 0; i < order.length; i++) {
+                const { orderBy, orderHow } = order[i];
+                if (orderHow === "")
+                    continue;
+                const a = aValue[orderBy];
+                const b = bValue[orderBy];
+                if (a > b)
+                    return orderHow === "asc" ? 1 : -1;
+                if (a < b)
+                    return orderHow === "asc" ? -1 : 1;
+            }
+            return 0;
+        });
+    return sortedData;
+}

package/version.txt

@@ -1 +1 @@
-1.0.13
+1.0.15

package/card/template/InfoCardCssCase.d.ts

@@ -1,25 +0,0 @@
-import { Size } from "../../interface/Property";
-export declare const sizeBySetting: {
-    widthSize: Record<string, Size>;
-    heightSize: Record<string, Size>;
-};
-export declare const bgColorBySetting: {
-    information: string;
-    profile: string;
-    profileSmall: string;
-};
-export declare const lineColorBySetting: {
-    information: string;
-    profile: string;
-    profileSmall: string;
-};
-export declare const fontColorBySetting: {
-    information: string;
-    profile: string;
-    profileSmall: string;
-};
-export declare const btnSizeBySetting: {
-    information: string;
-    profile: string;
-    profileSmall: string;
-};

package/card/template/InfoCardCssCase.js

@@ -1,32 +0,0 @@
-export const sizeBySetting = {
-    widthSize: {
-        information: "md",
-        profile: "sm",
-        profileSmall: "xs",
-    },
-    heightSize: {
-        information: "lg",
-        profile: "md",
-        profileSmall: "lg",
-    },
-};
-export const bgColorBySetting = {
-    information: "gradient-to-r from-green-dark/20 to-red-crimson/20",
-    profile: "white",
-    profileSmall: "white",
-};
-export const lineColorBySetting = {
-    information: "#760023",
-    profile: "#173A8B",
-    profileSmall: "#173A8B",
-};
-export const fontColorBySetting = {
-    information: "red-crimson",
-    profile: "blue-navy",
-    profileSmall: "blue-navy",
-};
-export const btnSizeBySetting = {
-    information: "w-45 h-11",
-    profile: "w-22 h-7 text-xs",
-    profileSmall: "w-45 h-11",
-};

package/card/template/PropfileCard.d.ts

@@ -1,2 +0,0 @@
-import { InfoCardProps } from "../../interface/Card";
-export default function ProfileCard({ titles, button }: InfoCardProps): import("react/jsx-runtime").JSX.Element;

package/card/template/PropfileCard.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card } from "../widget/Card";
-import { gradient } from "../../util";
-export default function ProfileCard({ titles, button }) {
-    return (_jsx(Card, { options: { width: "lg", height: "lg" }, children: _jsxs("div", { className: "relative w-full h-full p-5 bg-" + `${gradient.green_to_red}`, children: [_jsxs("div", { className: "h-18 w-full border-b-2 border-[#760023] flex justify-between", children: [_jsxs("div", { className: "w-auto", children: [_jsx("div", { className: "h-9 font-bold text-xl text-" + `${titles.color}`, children: titles.title }), _jsx("div", { className: "h-8 text-md font-thin ", children: titles.subTitle })] }), _jsx("div", { className: "w-auto flex flex-col-reverse text-red-crimson p-2", children: _jsx("span", { className: "text-xs font-thin border-b-1 border-[#760023] font-semibold inline-block align-bottom ", children: "\uC218\uC815\uD558\uAE30" }) })] }), _jsx("div", {}), _jsx("div", { className: `absolute bottom-4 right-4 ${button.display}`, children: _jsx("button", { className: `text-white rounded-md bg-${button.color} w-45 h-11 flex justify-center items-center`, children: button.title }) })] }) }));
-}

package/deck/Deck.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../util";
-export function Deck({ children, titles, options, debug, }) {
-    const { title, subtitle, gapTitle } = titles ?? {};
-    const { flex, height, justify, gapX, gapY, overflowScroll } = options ?? {};
-    const container = {
-        displays: `flex flex-col gap-${gapTitle ?? 4}`,
-        sizes: `w-full h-${height ?? "auto"} `,
-        debug: debug &&
-            import.meta.env.MODE === "development" &&
-            `border-2 border-${debug}`,
-    };
-    const body = {
-        displays: `flex flex-col flex-wrap gap-y-${gapY ?? 5}`,
-        flex: flex === "col" ? "sm:flex-col" : "sm:flex-row",
-        justify: `justify-${justify ?? "start"}`,
-        gapX: `${`gap-x-${gapX ?? 7.5}`}`,
-        sizes: "sm:w-full ",
-        styles: `${overflowScroll ? "overflow-x-scroll" : ""} duration-500`,
-    };
-    return (_jsxs("div", { className: cn(container), children: [_jsxs("div", { children: [_jsx("div", { className: "text-xl xl:text-2xl font-bold", children: title }), _jsx("div", { className: "", children: subtitle })] }), _jsx("div", { className: cn(body), children: children })] }));
-}

package/interface/Menu.d.ts

@@ -1,6 +0,0 @@
-import { Log, HTMLElementSetting, Button } from "../interface";
-export interface SideMenuProps<K extends string, T extends string | number> {
-    setting: HTMLElementSetting;
-    log?: Log<K, T>;
-    buttons?: Button[];
-}

package/layout/dashboard/Header.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import "../../globals.css";
-import { useState } from "react";
-import { cn } from "../../util";
-export function Header({ title, image, }) {
-    const [isOpen, setIsOpen] = useState(false);
-    const [src, href] = image ?? [];
-    return (_jsx("div", { className: "fixed top-0 left-0 xl:relative flex h-20 w-full items-center justify-between bg-white px-9 shadow-black/10 shadow-b-md z-40", children: _jsxs("div", { className: "flex h-12 items-center gap-12", children: [src && href ? (_jsx("a", { href: href, children: _jsx("img", { src: src, alt: "logo", className: "h-12 w-50" }) })) : (_jsx("div", { className: "text-2xl", children: "TOSEL" })), _jsx("div", { className: "text-3xl font-bold ", children: title })] }) }));
-}
-function Menu({ flag }) {
-    const positions = "absolute right-0 z-40 ";
-    const layouts = "w-48 overflow-hidden";
-    const styles = "shadow-md bg-white";
-    const animations = () => {
-        const height = flag ? "h-80" : "h-0";
-        return [height, "duration-500"].join(" ");
-    };
-    return (_jsxs("div", { className: cn(positions, layouts, styles, animations()), children: [_jsx("div", { children: "\u314E\u3147" }), _jsx("div", { children: "\u314E\u3147" })] }));
-}

package/layout/dashboard/index.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment } from "react";
-import { NavigationContainer } from "../../navigation";
-import { Header } from "./Header";
-import { cn } from "../../util";
-export function DashboardLayout({ subject, colors, navigations, children, }) {
-    const [title, image, imageUrl] = subject ?? ["", "", ""];
-    const [bgColor, textColor] = colors ?? ["white", "black"];
-    return (_jsxs("div", { className: cn(`bg-${bgColor}`, `text-${textColor}`, `min-h-screen h-screen xl:h-auto font-pretendard-medium`), children: [_jsx(Header, { title: title, image: [image, imageUrl] }), _jsxs("div", { className: "h-full flex gap-12 pt-20 xl:gap-8 xl:pl-2 2xl:px-9 xl:pt-10 xl:m-0 ", children: [_jsx(NavigationContainer, { children: navigations.map((nav, index) => (_jsx(Fragment, { children: nav }, index))) }), children] })] }));
-}

package/layout/report/Header.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../../util";
-export default function Header({ groupName, examName, }) {
-    const container = {
-        positions: "relative z-20",
-        displays: "flex flex-col items-center ",
-        sizes: "w-full max-w-280",
-        styles: "py-8 bg-white shadow-md",
-    };
-    return (_jsxs("div", { className: cn(container), children: [_jsxs("div", { className: "flex justify-between w-full items-center pr-2", children: [_jsx("img", { src: "/images/logos/itc.png", alt: "itc", width: 100 }), _jsx("div", { className: "flex items-center", children: _jsx("div", { className: "text-5xl font-bold", children: examName }) }), _jsx("img", { src: "/images/logos/badge-tosel-lab.png", alt: "tosel-lab", width: 80 })] }), _jsxs("div", { className: "", children: ["\uC9C0\uC815\uAD50\uC721\uAE30\uAD00: ", groupName] })] }));
-}

package/menu/index.d.ts

@@ -1 +0,0 @@
-export { default as SideMenu } from "./template/SideMenu";

package/menu/index.js

@@ -1 +0,0 @@
-export { default as SideMenu } from "./template/SideMenu";

package/menu/template/SideMenu.d.ts

@@ -1,2 +0,0 @@
-import { SideMenuProps } from "../../interface/Menu";
-export default function SideMenu<K extends string, T extends string | number>({ log, setting, buttons, }: SideMenuProps<K, T>): import("react/jsx-runtime").JSX.Element;

package/menu/template/SideMenu.js

@@ -1,20 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { useWidgetStore } from "../../store";
-import { cn } from "../../util";
-import HTMLElement from "../widget/HTMLElement";
-export default function SideMenu({ log, setting, buttons, }) {
-    const { tempData, setTempData, clearTempData, events, removeView } = useWidgetStore();
-    const isOpen = events.some(({ event }) => event === "sideMenu");
-    const positions = "absolute top-20 right-0";
-    const paddings = "pt-8";
-    const sizes = `${isOpen ? "w-160" : "w-0"} h-full xl:h-158`;
-    const styles = `${isOpen ? "opacity-100 z-30" : "opacity-0 z-0"} bg-gray-200 duration-500`;
-    const { prints, logs } = log ?? {};
-    return (_jsx("div", { className: cn(positions, sizes, styles, paddings), children: _jsxs("div", { className: `relative w-full h-full flex flex-col items-center gap-12 ${isOpen ? "block" : "hidden"}`, children: [_jsxs("div", { className: "w-9/10 border-2 border-black p-2 h-80 relative", children: [_jsx("div", { className: "grid grid-cols-2", children: Object.entries(setting).map(([key, value]) => (_jsxs("div", { className: "text-base font-bold flex gap-2", children: [_jsxs("div", { className: "w-16", children: [value["label"], ":"] }), _jsx(HTMLElement, { type: value["type"], value: tempData[key], options: value["options"], onChange: (value) => setTempData({
-                                            ...tempData,
-                                            [key]: value,
-                                        }) })] }, key))) }), _jsx("div", { className: "absolute bottom-2 right-2 flex justify-end gap-2", children: buttons?.map(([title, onClick]) => (_jsx("button", { onClick: onClick, className: "px-2 py-1 bg-blue-500 text-white", children: title }, title))) })] }), _jsx("div", { className: "border-2 border-black w-9/10 p-2 h-48 overflow-y-scroll", children: logs?.map((log, i) => (_jsx("div", { className: "text-base flex gap-2", children: prints?.map((print) => (_jsx("div", { className: "", children: log[print] }, print))) }, i))) }), _jsx("button", { onClick: () => {
-                        clearTempData();
-                        return removeView("sideMenu");
-                    }, className: "absolute left-0 top-2/5 text-3xl font-bold", children: ">" })] }) }));
-}

package/menu/widget/HTMLElement.d.ts

@@ -1,8 +0,0 @@
-import { Dispatch } from "react";
-import { HTMLElementType } from "../../interface";
-export default function HTMLElement({ type, value, options, onChange, }: {
-    type: HTMLElementType;
-    value: string | number;
-    options?: [string, string][];
-    onChange?: Dispatch<string>;
-}): import("react/jsx-runtime").JSX.Element | undefined;

package/menu/widget/HTMLElement.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function HTMLElement({ type, value, options, onChange, }) {
-    if (type === "text")
-        return _jsx("div", { children: value });
-    if (type === "input")
-        return (_jsx("input", { className: "w-32", value: value, onChange: (e) => onChange?.(e.target.value) }));
-    if (type === "select")
-        return (_jsx("select", { value: value, onChange: (e) => onChange?.(e.target.value), children: options?.map(([value, label]) => (_jsx("option", { value: value, children: label }, value))) }));
-}

package/modal/AlertModal.d.ts

@@ -1,2 +0,0 @@
-import { AlertModalProps } from "../interface/Modal";
-export default function AlertModal({ title, scripts, options, }: AlertModalProps): import("react/jsx-runtime").JSX.Element;

package/modal/AlertModal.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { col } from "../util";
-import { Modal } from "./Modal";
-export default function AlertModal({ title, scripts, options, }) {
-    const { script, subScript } = scripts ?? {};
-    const { buttons } = options ?? {};
-    return (_jsx(Modal, { options: { buttons }, children: _jsx("div", { className: col(3) + "pl-25 pt-18 h-full pb-12", children: _jsxs("div", { className: col(6), children: [_jsx("div", { className: "text-3xl font-bold", children: title }), _jsx("div", { className: "h-2 w-14 rounded-full bg-pale-lavender" }), _jsx("div", { className: "text-xl font-bold", children: script })] }) }) }));
-}

package/modal/ControllerModal.d.ts

@@ -1,6 +0,0 @@
-import { Button } from "../interface";
-export default function ControllerModal({ options, }: {
-    options?: {
-        buttons?: Button[];
-    };
-}): import("react/jsx-runtime").JSX.Element;

package/modal/ControllerModal.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Modal } from "./Modal";
-export default function ControllerModal({ options, }) {
-    const { buttons } = options ?? {};
-    return (_jsx(Modal, { options: { width: "lg", height: "xl", buttons }, children: _jsx("div", { className: "w-full h-120 border-2 " }) }));
-}

package/modal/Modal.d.ts

@@ -1,2 +0,0 @@
-import { ModalProps } from "../interface/Modal";
-export declare function Modal({ children, options }: ModalProps): import("react/jsx-runtime").JSX.Element;

package/modal/Modal.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useWidgetStore } from "../store";
-import { absolute, cn } from "../util";
-const background = "z-50 flex min-h-screen w-full items-center justify-center bg-black/10 backdrop-blur-sm fixed top-0 left-0";
-const widthSize = {
-    xs: "w-2/3 min-w-76 max-w-176",
-    sm: "w-2/3 min-w-76 max-w-176",
-    md: "w-2/3 min-w-76 max-w-176",
-    lg: "w-full min-w-76 max-w-360",
-    xl: "w-2/3 min-w-76 max-w-176",
-    "2xl": "w-2/3 min-w-76 max-w-176",
-    full: "w-full",
-};
-const heightSize = {
-    xs: "",
-    sm: "h-100",
-    md: "h-72 sm:h-48",
-    lg: "h-120",
-    xl: "h-180",
-    "2xl": "w-2/3 min-w-76 max-w-176",
-    full: "h-full",
-};
-export function Modal({ children, options }) {
-    const { buttons, width, height } = options ?? {};
-    const { clearModal } = useWidgetStore();
-    const sizes = `${heightSize[height ?? "sm"]} ${widthSize[width ?? "md"]}`;
-    const paddings = "pt-18 px-25";
-    const styles = "rounded-xl bg-white relative overflow-hidden";
-    return (_jsx("div", { className: background, children: _jsxs("div", { className: cn(sizes, styles, paddings), children: [children, _jsx(_Fragment, { children: buttons ? (_jsx("div", { className: `${absolute.br(8, 10)} flex justify-end gap-4`, children: buttons.map(([text, onClick]) => (_jsx("button", { className: "rounded-2xl bg-black px-8 py-2 text-2xl font-bold text-white", onClick: onClick, children: text }, text))) })) : null }), _jsx("button", { className: absolute.tl(5, 7) +
-                        "bg-black rounded-full h-9 w-9 flex justify-center items-center", onClick: clearModal, children: _jsx("div", { className: "x-shape" }) })] }) }));
-}

package/modal/TestModal.d.ts

@@ -1,7 +0,0 @@
-import { Button } from "../interface";
-export default function TestModal({ children, options, }: {
-    children: React.ReactNode;
-    options?: {
-        buttons?: Button[];
-    };
-}): import("react/jsx-runtime").JSX.Element;

package/modal/TestModal.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Modal } from "./Modal";
-export default function TestModal({ children, options, }) {
-    const { buttons } = options ?? {};
-    return (_jsx(Modal, { options: { width: "lg", height: "xl", buttons }, children: _jsx("div", { className: "pt-18 pl-25", children: children }) }));
-}

package/shelf/Shelf.d.ts

@@ -1,3 +0,0 @@
-export default function Shelf({ children }: {
-    children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;

package/shelf/Shelf.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function Shelf({ children }) {
-    return _jsx("div", { className: "inline-flex flex-col gap-8 xl:w-auto", children: children });
-}

package/shelf/index.d.ts

@@ -1 +0,0 @@
-export { default as Shelf } from "./Shelf";

package/shelf/index.js

@@ -1 +0,0 @@
-export { default as Shelf } from "./Shelf";