@edu-tosel/design 1.0.14 → 1.0.16

package/tailwind.config.ts

@@ -84,6 +84,9 @@ export default {
         "sun-calc": "calc(50% - 6rem)",
         1: "0.25rem",
         2.5: "0.625rem",
+        3.5: "0.875rem",
+        3.75: "0.9375rem",
+        4.75: "1.1875rem",
         6.25: "1.5625rem",
         6.5: "1.625rem",
         7: "1.75rem",
@@ -93,6 +96,7 @@ export default {
         11: "2.75rem",
         12: "3rem",
         13.25: "3.3125rem",
+        13.75: "3.4375rem",
         14: "3.5rem",
         14.5: "3.625rem",
         15: "3.75rem",
@@ -100,6 +104,8 @@ export default {
         18: "4.5rem",
         18.75: "4.6875rem",
         19: "4.75rem",
+        19.25: "4.8125rem",
+        21: "5.25rem",
         21.75: "5.4375rem",
         22: "5.5rem",
         23: "5.75rem",
@@ -120,11 +126,14 @@ export default {
         48: "12rem",
         49: "12.25rem",
         50: "12.5rem",
+        51: "12.75rem",
         52: "13rem",
+        52.5: "13.125rem",
         54: "13.5rem",
         56: "14rem",
         62: "15.5rem",
         64: "16rem",
+        67.5: "16.875rem",
         68: "17rem",
         69: "17.25rem",
         70: "17.5rem",
@@ -157,13 +166,24 @@ export default {
         132: "33rem",
         135: "33.75rem",
         136: "34rem",
+        138.75: "34.6875rem",
         140: "35rem",
         144: "36rem",
+        145: "36.25rem",
+        145.25: "36.375rem",
+        146: "36.5rem",
+        147: "36.75rem",
         148: "37rem",
+        151.5: "37.875rem",
+        151.75: "37.9375rem",
+        152: "38rem",
+        153: "38.25rem",
         158: "39.5rem",
+        159: "39.75rem",
         160: "40rem",
         164: "41rem",
         168: "42rem",
+        171.5: "42.875rem",
         172: "43rem",
         176: "44rem",
         178: "44.5rem",

package/util/checkPathMatch.d.ts

@@ -0,0 +1,2 @@
+declare const checkPathMatch: (href: string, nowPath: string) => boolean;
+export default checkPathMatch;

package/util/checkPathMatch.js

@@ -0,0 +1,8 @@
+const checkPathMatch = (href, nowPath) => {
+    const nowPathFormat = nowPath
+        .split("/")
+        .filter((segment) => !/^\d+$/.test(segment))
+        .join("/");
+    return href.split("/").pop() === nowPathFormat.split("/").pop();
+};
+export default checkPathMatch;

package/util/index.d.ts

@@ -2,6 +2,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 { default as checkPathMatch } from "./checkPathMatch";
 export * from "./colors";
 export * from "./display";
 export * from "./displayResponsive";

package/util/index.js

@@ -2,6 +2,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 { default as checkPathMatch } from "./checkPathMatch";
 export * from "./colors";
 export * from "./display";
 export * from "./displayResponsive";

package/version.txt

@@ -1 +1 @@
-1.0.14
+1.0.16

package/deck/index.d.ts

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

package/deck/index.js

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

package/deck/template/Deck.d.ts

@@ -1,6 +0,0 @@
-import { DeckProps } from "../../interface/Deck";
-declare function Deck<T extends string | number>(props: DeckProps<T>): import("react/jsx-runtime").JSX.Element;
-declare namespace Deck {
-    var Sub: <T extends string | number>({ titles, children, options, debug, }: DeckProps<T>) => import("react/jsx-runtime").JSX.Element;
-}
-export default Deck;

package/deck/template/Deck.design.d.ts

@@ -1,2 +0,0 @@
-import { DeckProps } from "../../interface/Deck";
-export default function DeckDesign<T extends string | number>({ children, titles, options, debug, }: DeckProps<T>): import("react/jsx-runtime").JSX.Element;

package/deck/template/Deck.design.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn, isDebug } from "../../util";
-import { Deck } from "./../widget/Deck";
-export default function DeckDesign({ children, titles, options, debug, }) {
-    const { title, subtitle, isSub } = titles ?? {};
-    const { height } = options ?? {};
-    const container = {
-        displays: "flex flex-col gap-4",
-        sizes: `w-full h-${height ?? "auto"} `,
-        debug: debug && isDebug(`border-2 border-${debug}`),
-    };
-    const titleBox = {
-        container: "flex flex-col gap-1",
-        title: {
-            text: isSub ? "text-base xl:text-lg" : "text-xl xl:text-2xl",
-            font: "font-bold",
-        },
-        subtitle: isSub ? "text-xs xl:text-sm" : "text-sm xl:text-base",
-    };
-    return (_jsxs("div", { className: cn(container), children: [titles && (_jsxs("div", { children: [_jsx("div", { className: cn(titleBox.title), children: title }), _jsx("div", { className: cn(titleBox.subtitle), children: subtitle })] })), _jsx(Deck, { children: children })] }));
-}

package/deck/template/Deck.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import DeckDesign from "./Deck.design";
-function Deck(props) {
-    return _jsx(DeckDesign, { ...props });
-}
-function Sub({ titles, children, options, debug, }) {
-    const { title, subtitle } = titles ?? { title: "" };
-    return (_jsx(DeckDesign, { titles: { title, subtitle, isSub: true }, debug: debug, ...options, children: children }));
-}
-Deck.Sub = Sub;
-export default Deck;

package/deck/widget/Deck.d.ts

@@ -1,2 +0,0 @@
-import { DeckProps } from "../../interface/Deck";
-export declare function Deck<T extends string | number>({ children, options, }: DeckProps<T>): import("react/jsx-runtime").JSX.Element;

package/deck/widget/Deck.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "../../util";
-export function Deck({ children, options, }) {
-    const { flex, justify, gapX, gapY, overflowScroll } = options ?? {};
-    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 _jsx("div", { className: cn(body), children: children });
-}

package/interface/Deck.d.ts

@@ -1,15 +0,0 @@
-import { Titles } from "./Property";
-export interface DeckProps<T> {
-    children: React.ReactNode;
-    titles?: Titles;
-    options?: {
-        flex?: "col" | "row";
-        justify?: "between";
-        overflowScroll?: boolean;
-        width?: T;
-        height?: number;
-        gapX?: number;
-        gapY?: number;
-    };
-    debug?: string;
-}

package/interface/Deck.js

@@ -1 +0,0 @@
-export {};

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/interface/Menu.js

@@ -1 +0,0 @@
-export {};

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/overlay/template/Overlay.design.d.ts

@@ -1,2 +0,0 @@
-import { OverlayProps } from "../../interface/Overlay";
-export default function OverlayDesign(props: OverlayProps): import("react/jsx-runtime").JSX.Element;

package/overlay/template/Overlay.design.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Overlay from "./../widget/Overlay";
-export default function OverlayDesign(props) {
-    return _jsx(Overlay, { ...props });
-}

package/overlay/widget/Overlay.d.ts

@@ -1,2 +0,0 @@
-import { OverlayProps } from "../../interface/Overlay";
-export default function Overlay({ isVisible }: OverlayProps): JSX.Element;

package/overlay/widget/Overlay.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useTransition, animated } from "react-spring";
-import { cn } from "../../util";
-export default function Overlay({ isVisible }) {
-    const container = {
-        positions: "absolute top-0 right-0 z-40",
-        sizes: "h-full ",
-        styles: "bg-black",
-    };
-    const transitions = useTransition(isVisible, {
-        from: { opacity: 0, width: "0%" },
-        enter: { opacity: 1, width: "33.3333%" },
-        leave: { opacity: 0, width: "0%" },
-        config: { duration: 500 },
-    });
-    return transitions((styles, item) => item && (_jsx(animated.div, { style: styles, className: cn(container), children: _jsx("div", { className: "text-white text-3xl", children: "TEST" }) })));
-}