@edu-tosel/design 1.0.16 → 1.0.18

package/card/template/RowCard.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useId } from "react";
-import { cn } from "../../util";
-import { Card } from "../widget/Card";
-import { useWidgetStore } from "../../store";
-export default function RowCard({ onClick, dataSet, dataField, }) {
-    const id = useId();
-    const { flag, setIsOwn } = useWidgetStore();
-    const container = {
-        displays: "flex items-center ",
-        sizes: "h-full",
-        paddings: "px-2 xs:px-4 xl:px-7.5 ",
-        styles: "text-xl hover:bg-gray-100 duration-100",
-    };
-    return (_jsx(Card, { options: {
-            onClick,
-            classNames: cn(container),
-            width: "full",
-            height: "xs",
-            boundary: "none",
-            rounded: "none",
-        }, children: dataField &&
-            Object.keys(dataField).map((key) => (_jsx("div", { className: `w-${dataField[key]?.size}/100 truncate`, children: dataSet[key] }, id + key))) }));
-}

package/card/template/TrumpCard.d.ts

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

package/card/template/TrumpCard.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { LineBreaks } from "../../text";
-import { Card } from "../widget/Card";
-export default function TrumpCard({ titles, options }) {
-    const { title, subtitle, color: titleColor } = titles;
-    const { onClick, width, image, subButton } = options ?? {};
-    const [buttonText, buttonBgColor, buttonAction] = subButton ?? [
-        null,
-        "red-crimson",
-        () => { },
-    ];
-    const { path, size } = image ?? { size: "sub" };
-    const imageClassNames = () => {
-        if (size === "full")
-            return "w-full h-full object-cover";
-        return "absolute bottom-0 right-0 w-full xs:w-auto max-w-120 z-0 max-h-44 object-contain";
-    };
-    return (_jsxs(Card, { options: { width: width ?? "xs", onClick }, children: [_jsxs("div", { className: `absolute top-8 left-8 w-48 flex flex-col gap-2 z-10 text-${titleColor}`, children: [_jsx("div", { className: "text-xl font-bold", children: title }), _jsx(LineBreaks, { texts: subtitle ?? "" }), subButton ? (_jsx("button", { className: `text-white rounded-md bg-${buttonBgColor} w-45 h-11 flex justify-center items-center`, onClick: buttonAction, children: buttonText })) : null] }), path ? (_jsx("img", { src: path, alt: "trump-image", loading: "lazy", className: imageClassNames() })) : null] }));
-}

package/html/widget/Button.d.ts

@@ -1,2 +0,0 @@
-import { HTMLButtonElement } from "../../interface";
-export default function Button({ title, onClick }: HTMLButtonElement): import("react/jsx-runtime").JSX.Element;

package/html/widget/Button.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "../../util";
-const widthSize = {
-    md: "w-45",
-    lg: "w-50",
-};
-const heightSize = {
-    md: "h-11",
-};
-export default function Button({ title, onClick }) {
-    const container = {
-        sizes: "",
-    };
-    return (_jsx("button", { onClick: onClick, className: cn(container), children: title }));
-}

package/interaction/template/Exception.d.ts

@@ -1,2 +0,0 @@
-import { ExceptionProps } from "../../interface/Interaction";
-export default function Exception({ exceptions, children }: ExceptionProps): import("react/jsx-runtime").JSX.Element;

package/interaction/template/Exception.js

@@ -1,10 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { Fragment } from "react";
-export default function Exception({ exceptions, children }) {
-    if (!exceptions)
-        return _jsx(_Fragment, { children: children });
-    const trueComponents = exceptions
-        .filter(([exception]) => exception)
-        .map(([, Component], index) => (_jsx(Fragment, { children: Component }, index)));
-    return _jsx(_Fragment, { children: trueComponents.length > 0 ? trueComponents : children });
-}

package/interaction/widget/LoadingJumper.d.ts

@@ -1 +0,0 @@
-export default function LoadingJumper(): import("react/jsx-runtime").JSX.Element;

package/interaction/widget/LoadingSpinner.d.ts

@@ -1 +0,0 @@
-export default function LoadingSpinner(): import("react/jsx-runtime").JSX.Element;

package/interaction/widget/LoadingWorm.d.ts

@@ -1 +0,0 @@
-export default function LoadingWorm(): import("react/jsx-runtime").JSX.Element;

package/interaction/widget/NoData.d.ts

@@ -1 +0,0 @@
-export default function NoData(): import("react/jsx-runtime").JSX.Element;

package/util/display.d.ts

@@ -1,25 +0,0 @@
-export declare const row: (gap?: number) => string;
-export declare const col: (gap?: number, width?: number | string) => string;
-export declare const between: {
-    row: string;
-    col: string;
-};
-export declare const center: {
-    col: (gap?: number) => string;
-    row: (gap?: number) => string;
-    colO: (gap?: number) => string;
-    rowO: (gap?: number) => string;
-    screen: {
-        default: string;
-        col: (gap?: number) => string;
-        row: (gap?: number) => string;
-    };
-};
-export declare const grid: {
-    col: (col: number, gap?: number) => string;
-    row: (row: number, gap?: number) => string;
-};
-export declare const box: {
-    row: (height: number, gap?: number) => string;
-    col: (width: number, gap?: number) => string;
-};

package/util/display.js

@@ -1,25 +0,0 @@
-export const row = (gap = 8) => `flex flex-row gap-${gap} `;
-export const col = (gap = 8, width) => `flex flex-col gap-${gap} ${width ? `w-${width}` : "w-full"} `;
-export const between = {
-    row: "flex flex-row justify-between items-center ",
-    col: "flex flex-col justify-between items-center ",
-};
-export const center = {
-    col: (gap = 0) => `gap-${gap} flex flex-col items-center `,
-    row: (gap = 0) => `gap-${gap} flex flex-row items-center `,
-    colO: (gap = 0) => `gap-${gap} flex flex-col justify-center items-center `,
-    rowO: (gap = 0) => `gap-${gap} flex flex-row justify-center items-center `,
-    screen: {
-        default: "flex justify-center items-center min-h-screen w-full overflow-hidden min-h-screen relative ",
-        col: (gap = 0) => `gap-${gap} flex flex-col justify-center items-center min-h-screen w-full `,
-        row: (gap = 0) => `gap-${gap} flex flex-row justify-center items-center min-h-screen w-full `,
-    },
-};
-export const grid = {
-    col: (col, gap = 12) => `grid grid-cols-${col} gap-${gap} `,
-    row: (row, gap = 12) => `grid grid-rows-${row}  gap-${gap}`,
-};
-export const box = {
-    row: (height, gap) => `h-${height} gap-${gap} flex flex-row `,
-    col: (width, gap) => `w-${width} gap-${gap} flex flex-col `,
-};

package/util/displayResponsive.d.ts

@@ -1,3 +0,0 @@
-export declare const responsiveColToRow: () => string;
-export declare const responsiveRowToCol: () => string;
-export declare const responsiveGridToCol: (gridCell: number) => string;

package/util/displayResponsive.js

@@ -1,15 +0,0 @@
-export const responsiveColToRow = () => {
-    const df = "flex flex-col";
-    const mark = "md:flex-row";
-    return [df, mark].join(" ");
-};
-export const responsiveRowToCol = () => {
-    const df = "flex flex-row";
-    const md = "md:flex-col";
-    return [df, md].join(" ");
-};
-export const responsiveGridToCol = (gridCell) => {
-    const df = `grid grid-cols-${gridCell}`;
-    const md = "md:flex md:flex-col";
-    return [df, md].join(" ");
-};

package/util/position.d.ts

@@ -1,14 +0,0 @@
-export declare const fixed: {
-    tl: (top: number | string, left: number | string) => string;
-    br: (bottom: number | string, right: number | string) => string;
-};
-export declare const absolute: {
-    tl: (top?: number | string, left?: number | string) => string;
-    tr: (top?: number | string, right?: number | string) => string;
-    br: (bottom?: number, right?: number) => string;
-    bl: (bottom?: number, left?: number) => string;
-    full: {
-        tl: (top?: number | string, left?: number | string) => string;
-        bl: (bottom?: number | string, left?: number | string) => string;
-    };
-};

package/util/position.js

@@ -1,44 +0,0 @@
-export const fixed = {
-    tl: (top, left) => `fixed top-${top} left-${left} z-50 `,
-    br: (bottom, right) => `fixed bottom-${bottom} right-${right} z-50 `,
-};
-export const absolute = {
-    tl: (top, left) => {
-        const topClass = () => {
-            if (typeof top === "number" && top < 0)
-                return `-top-${Math.abs(top)}`;
-            return `top-${top}`;
-        };
-        const leftClass = () => {
-            if (typeof left === "number" && left < 0)
-                return `-left-${Math.abs(left)}`;
-            return `left-${left}`;
-        };
-        return `absolute ${topClass()} ${leftClass()} `;
-    },
-    tr: (top, right) => {
-        const topClass = () => {
-            if (typeof top === "number" && top < 0)
-                return `-top-${Math.abs(top)} `;
-            return `top-${top}`;
-        };
-        const rightClass = () => {
-            if (typeof right === "number" && right < 0)
-                return `-right-${Math.abs(right)} `;
-            return `right-${right}`;
-        };
-        return `absolute ${topClass()} ${rightClass()} `;
-    },
-    br: (bottom = 0, right = 0) => `absolute bottom-${bottom} right-${right} `,
-    bl: (bottom = 0, left = 0) => `absolute bottom-${bottom} left-${left} `,
-    full: {
-        tl: (top, left) => {
-            if (!(typeof top === "number") || !(typeof left === "number"))
-                return `absolute top-${top} left-${left} w-full `;
-            const topClass = top >= 0 ? `top-${top}` : `-top-${Math.abs(top)}`;
-            const leftClass = left >= 0 ? `left-${left}` : `-left-${Math.abs(left)}`;
-            return `absolute w-full ${topClass} ${leftClass} `;
-        },
-        bl: (bottom, left) => `absolute bottom-${bottom ?? 0} left-${left ?? 0} w-full `,
-    },
-};