@euler-edu/react 0.0.0-stage → 7.0.1-beta0

package/lib/components/organisms/tables/ProblemTable.js

@@ -0,0 +1,78 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const styles_1 = require("../../../utils/styles");
+const styles_2 = require("../../../hooks/styles");
+const atoms_1 = require("../../../components/atoms");
+const BaseTable_1 = __importDefault(require("./BaseTable"));
+const SolvesCount = ({ layoutMode, solvesCount, palette = 'table-base', ...props }) => layoutMode === 'wide' ? ((0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$alignItems": "center", "$gap": styles_1.theme.size.margin.base.x_small, ...props, children: [(0, jsx_runtime_1.jsx)(atoms_1.Icon, { type: solvesCount > 1 ? 'hero/users-outline' : 'hero/user-outline', "$autoFill": styles_1.theme.color.palettes[palette]['content-secondary'], "$size": 20 }), (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: 'medium', value: solvesCount, "$color": styles_1.theme.color.palettes[palette]['content-secondary'] })] })) : ((0, jsx_runtime_1.jsx)(atoms_1.TextBadge, { size: "small", icon: solvesCount > 1 ? 'hero/users-outline' : 'hero/user-outline', text: solvesCount }));
+exports.default = react_1.default.memo(({ values: _values, isDisplayScoringResult = true, palette = 'table-base', ...props }) => {
+    const ref = react_1.default.useRef(null);
+    const { offsetWidth } = (0, styles_2.useElementStates)(ref);
+    const layoutMode = react_1.default.useMemo(() => !offsetWidth ||
+        offsetWidth >
+            styles_1.theme.size.width.adaptives.tablet -
+                styles_1.theme.size.margin.main_horizontal * 2
+        ? 'wide'
+        : 'compact', [offsetWidth]);
+    const layouts = react_1.default.useMemo(() => [
+        {
+            key: 'scoring-result',
+            $width: 18,
+            $overflow: true,
+            $display: isDisplayScoringResult ? 'inline' : 'none',
+        },
+        {
+            key: 'number',
+            $width: 60,
+            $overflow: true,
+        },
+        {
+            key: 'title',
+            $width: 0,
+            $flexGrow: true,
+            $overflow: true,
+        },
+        ...(layoutMode === 'wide'
+            ? [
+                {
+                    key: 'solvesCount',
+                    $width: 80,
+                    $display: 'flex',
+                    $justifyContent: 'end',
+                    $overflow: true,
+                },
+            ]
+            : []),
+    ], [isDisplayScoringResult, layoutMode]);
+    const headers = react_1.default.useMemo(() => [
+        null,
+        (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "medium-bold", value: "#", "$color": styles_1.theme.color.palettes[palette]['content-highlight'] }),
+        (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "medium-bold", value: "\uC81C\uBAA9", "$color": styles_1.theme.color.palettes[palette]['content-highlight'] }),
+        (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "medium-bold", value: "\uB9DE\uC740 \uC0AC\uB78C", "$color": styles_1.theme.color.palettes[palette]['content-highlight'] }),
+    ], [palette]);
+    const values = react_1.default.useMemo(() => Array.isArray(_values)
+        ? _values.map(({ id, title, textBadges, solvesCount, scoringResult, href, solvesCountHref, scoringResultHref, }) => [
+            (0, jsx_runtime_1.jsx)(atoms_1.ClickableContainer, { href: scoringResultHref, children: (0, jsx_runtime_1.jsx)(atoms_1.ScoringResultBadge, { value: scoringResult || 'none' }) }),
+            (0, jsx_runtime_1.jsx)(atoms_1.ClickableContainer, { href: href, children: (0, jsx_runtime_1.jsx)(atoms_1.Text, { value: `#${id}`, "$color": styles_1.theme.color.palettes[palette]['content-secondary'] }) }),
+            (0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$alignItems": "center", "$gap": styles_1.theme.size.margin.base.small, children: [(0, jsx_runtime_1.jsx)(atoms_1.ClickableContainer, { href: href, children: (0, jsx_runtime_1.jsx)(atoms_1.Text, { value: title, "$color": styles_1.theme.color.palettes[palette]['content-primary'], "$flexShrink": true, "$ellipsis": true }) }), (0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$alignItems": "center", "$gap": styles_1.theme.size.margin.base.x_small, children: [(textBadges || []).map((props, index) => ((0, jsx_runtime_1.jsx)(atoms_1.TextBadge, { size: "small", ...props }, index))), layoutMode === 'compact' &&
+                                typeof solvesCount === 'number' ? ((0, jsx_runtime_1.jsx)(atoms_1.ClickableContainer, { href: solvesCountHref, children: (0, jsx_runtime_1.jsx)(SolvesCount, { layoutMode: layoutMode, solvesCount: solvesCount }) })) : null] })] }),
+            typeof solvesCount === 'number' ? ((0, jsx_runtime_1.jsx)(atoms_1.ClickableContainer, { href: solvesCountHref, children: (0, jsx_runtime_1.jsx)(SolvesCount, { layoutMode: layoutMode, solvesCount: solvesCount }) })) : null,
+        ])
+        : _values, [_values, palette, layoutMode]);
+    const row = react_1.default.useMemo(() => ({
+        $gap: layoutMode === 'wide'
+            ? styles_1.theme.size.margin.base.large
+            : styles_1.theme.size.margin.base.small,
+        $paddingHorizontal: layoutMode === 'wide'
+            ? styles_1.theme.size.margin.base.large
+            : styles_1.theme.size.margin.base.medium,
+    }), [layoutMode]);
+    return ((0, jsx_runtime_1.jsx)(BaseTable_1.default, { ref: ref, layouts: layouts, headers: headers, values: values, row: row, palette: palette, ...props }));
+});
+//# sourceMappingURL=ProblemTable.js.map

package/lib/components/organisms/tables/ProblemTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProblemTable.js","sourceRoot":"","sources":["../../../../src/components/organisms/tables/ProblemTable.tsx"],"names":[],"mappings":"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"}

package/lib/components/organisms/tables/RecordTable.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { type ConfigType } from '@euler-edu/utils/day';
+import { Container, Icon, Text } from '../../../components/atoms';
+import BaseTable from './BaseTable';
+type Props = {
+    values?: {
+        icon: React.ComponentProps<typeof Icon>['type'];
+        title: React.ComponentProps<typeof Text>['value'];
+        description?: React.ComponentProps<typeof Text>['value'];
+        createdAt?: ConfigType;
+        onClick?: React.ComponentProps<typeof Container>['onClick'];
+        $iconBackground?: React.ComponentProps<typeof Container>['$background'];
+    }[];
+} & Omit<React.ComponentProps<typeof BaseTable>, 'values'>;
+declare const _default: React.MemoExoticComponent<({ values: _values, palette, ...props }: Props) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/lib/components/organisms/tables/RecordTable.js

@@ -0,0 +1,53 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const day_1 = require("@euler-edu/utils/day");
+const styles_1 = require("../../../utils/styles");
+const styles_2 = require("../../../hooks/styles");
+const atoms_1 = require("../../../components/atoms");
+const BaseTable_1 = __importDefault(require("./BaseTable"));
+exports.default = react_1.default.memo(({ values: _values, palette = 'table-base', ...props }) => {
+    const ref = react_1.default.useRef(null);
+    const { offsetWidth } = (0, styles_2.useElementStates)(ref);
+    const layoutMode = react_1.default.useMemo(() => !offsetWidth ||
+        offsetWidth >
+            styles_1.theme.size.width.adaptives.tablet -
+                styles_1.theme.size.margin.main_horizontal * 2
+        ? 'wide'
+        : 'compact', [offsetWidth]);
+    const layouts = react_1.default.useMemo(() => [
+        { key: 'icon', $width: styles_1.theme.size.height.base.medium, $overflow: true },
+        { key: 'main', $width: 0, $flexGrow: true, $overflow: true },
+        { key: 'createdAt' },
+    ], []);
+    const values = react_1.default.useMemo(() => Array.isArray(_values)
+        ? _values.map(({ onClick, icon, title, description, createdAt, $iconBackground, }) => ({
+            onClick,
+            values: [
+                (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$display": "flex", "$alignItems": "center", "$justifyContent": "center", "$size": styles_1.theme.size.height.base.medium, "$borderRadius": styles_1.theme.size.height.base.medium / 2, "$background": $iconBackground !== null && $iconBackground !== void 0 ? $iconBackground : styles_1.theme.color.palettes[palette]['content-highlight'], children: (0, jsx_runtime_1.jsx)(atoms_1.Icon, { type: icon, "$autoFill": styles_1.theme.color.base.gradual[0], "$size": styles_1.theme.size.height.base.medium * 0.5 }) }),
+                (0, jsx_runtime_1.jsxs)(atoms_1.Container, { children: [(0, jsx_runtime_1.jsx)(atoms_1.Text, { value: title }), (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "small", value: description, "$color": styles_1.theme.color.palettes[palette]['content-secondary'] })] }),
+                !!createdAt && ((0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$alignItems": "center", children: [(0, jsx_runtime_1.jsx)(atoms_1.Icon, { type: "hero/clock-outline", "$autoFill": styles_1.theme.color.palettes[palette]['content-secondary'], "$size": layoutMode === 'wide'
+                                ? styles_1.theme.size.height.base.small
+                                : styles_1.theme.size.height.base.x_small }), (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: layoutMode === 'wide' ? 'small' : 'x_small', value: (0, day_1.getFormattedDate)(createdAt, 'date'), "$color": styles_1.theme.color.palettes[palette]['content-secondary'], "$flexShrink": true, "$ellipsis": true })] })),
+            ],
+        }))
+        : [], [_values, layoutMode, palette]);
+    const row = react_1.default.useMemo(() => ({
+        $alignItems: 'start',
+        $height: 'auto',
+        $gap: layoutMode === 'wide'
+            ? styles_1.theme.size.margin.base.medium
+            : styles_1.theme.size.margin.base.small,
+        $paddingHorizontal: layoutMode === 'wide'
+            ? styles_1.theme.size.margin.base.medium
+            : styles_1.theme.size.margin.base.small,
+        $paddingVertical: styles_1.theme.size.margin.base.medium,
+    }), [layoutMode]);
+    return ((0, jsx_runtime_1.jsx)(BaseTable_1.default, { ref: ref, layouts: layouts, values: values, row: row, isDisplayHeader: false, palette: palette, ...props }));
+});
+//# sourceMappingURL=RecordTable.js.map

package/lib/components/organisms/tables/RecordTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecordTable.js","sourceRoot":"","sources":["../../../../src/components/organisms/tables/RecordTable.tsx"],"names":[],"mappings":"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"}

package/lib/components/organisms/tables/SubmitTable.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import { type DateFormatType, type Dayjs } from '@euler-edu/utils/day';
+import { Palette } from '../../../constants/styles';
+import { Avatar, ClickableContainer, Container, ScoringResultBadge, Text } from '../../../components/atoms';
+type Props = {
+    values?: {
+        id: string | number;
+        userId: string;
+        userProfileImageUrl?: React.ComponentProps<typeof Avatar>['src'];
+        problemId: string;
+        problemTitle?: string;
+        language?: string;
+        time?: number;
+        memory?: number;
+        sourceLength?: number;
+        scoringResult?: React.ComponentProps<typeof ScoringResultBadge>;
+        createdAt?: Dayjs;
+        href?: React.ComponentProps<typeof ClickableContainer>['href'];
+        userHref?: React.ComponentProps<typeof ClickableContainer>['href'];
+        problemHref?: React.ComponentProps<typeof ClickableContainer>['href'];
+        onClick?: React.ComponentProps<typeof Container>['onClick'];
+    }[];
+    problemLabel?: React.ComponentProps<typeof Text>['value'];
+    createdAtDateFormatType?: DateFormatType;
+    isDisplayProblem?: boolean;
+    isDisplayUser?: boolean;
+    isDisplayScoringResult?: boolean;
+    isDisplayUserName?: boolean;
+    palette?: Palette;
+} & Omit<React.ComponentProps<typeof Container>, 'values'>;
+declare const _default: React.MemoExoticComponent<({ values: _values, problemLabel, createdAtDateFormatType, isDisplayProblem, isDisplayUser, isDisplayScoringResult, isDisplayUserName: _isDisplayUserName, palette, ...props }: Props) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/lib/components/organisms/tables/SubmitTable.js

@@ -0,0 +1,178 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const day_1 = require("@euler-edu/utils/day");
+const styles_1 = require("../../../utils/styles");
+const submits_1 = require("../../../utils/submits");
+const day_2 = require("../../../hooks/day");
+const styles_2 = require("../../../hooks/styles");
+const atoms_1 = require("../../../components/atoms");
+const molecules_1 = require("../../../components/molecules");
+const BaseTable_1 = __importDefault(require("./BaseTable"));
+exports.default = react_1.default.memo(({ values: _values, problemLabel = '문제', createdAtDateFormatType = 'ago', isDisplayProblem = true, isDisplayUser = true, isDisplayScoringResult = true, isDisplayUserName: _isDisplayUserName = true, palette = 'table-base', ...props }) => {
+    const ref = react_1.default.useRef(null);
+    const { offsetWidth } = (0, styles_2.useElementStates)(ref);
+    const dayNowServer = (0, day_2.useDayNowServer)();
+    const layoutMode = react_1.default.useMemo(() => !offsetWidth ||
+        offsetWidth >
+            styles_1.theme.size.width.adaptives.tablet -
+                styles_1.theme.size.margin.main_horizontal * 2
+        ? 'row'
+        : 'card', [offsetWidth]);
+    const isDisplayUserName = react_1.default.useMemo(() => _isDisplayUserName && (!offsetWidth || offsetWidth > 1000), [offsetWidth, _isDisplayUserName]);
+    const isCompact = react_1.default.useMemo(() => !!offsetWidth && offsetWidth < 890, [offsetWidth]);
+    const onClickItem = react_1.default.useCallback((e) => {
+        e.stopPropagation();
+    }, []);
+    const layouts = react_1.default.useMemo(() => [
+        {
+            key: 'user',
+            $width: isDisplayUserName ? 150 : 50,
+            $overflow: true,
+            $display: isDisplayUser ? 'inline' : 'none',
+            $flexGrow: isDisplayProblem ? false : true,
+        },
+        {
+            key: 'problem',
+            $width: 0,
+            $flexGrow: true,
+            $overflow: true,
+            $display: isDisplayProblem ? 'inline' : 'none',
+        },
+        {
+            key: 'result',
+            $width: 140,
+            $overflow: true,
+            $display: isDisplayScoringResult ? 'inline' : 'none',
+        },
+        {
+            key: 'language',
+            $width: isCompact ? 60 : 80,
+            $justifyContent: 'center',
+            $overflow: true,
+        },
+        ...(isCompact
+            ? [
+                {
+                    key: 'tmc',
+                    $width: 150,
+                    $overflow: true,
+                },
+                {
+                    key: 'id',
+                    $width: 70,
+                    $display: 'flex',
+                    $justifyContent: 'end',
+                    $overflow: true,
+                },
+            ]
+            : [
+                {
+                    key: 'time',
+                    $width: 70,
+                    $display: 'flex',
+                    $justifyContent: 'center',
+                    $overflow: true,
+                },
+                {
+                    key: 'memory',
+                    $width: 70,
+                    $display: 'flex',
+                    $justifyContent: 'center',
+                    $overflow: true,
+                },
+                {
+                    key: 'source_length',
+                    $width: 70,
+                    $display: 'flex',
+                    $justifyContent: 'center',
+                    $overflow: true,
+                },
+                {
+                    key: 'created_at',
+                    $width: createdAtDateFormatType === 'ago' ? 80 : 130,
+                    $display: 'flex',
+                    $justifyContent: 'end',
+                    $overflow: true,
+                },
+                {
+                    key: 'id',
+                    $width: 70,
+                    $display: 'flex',
+                    $justifyContent: 'end',
+                    $overflow: true,
+                },
+            ]),
+    ], [
+        isDisplayProblem,
+        isDisplayUser,
+        isDisplayScoringResult,
+        isDisplayUserName,
+        isCompact,
+        createdAtDateFormatType,
+    ]);
+    const headers = react_1.default.useMemo(() => [
+        (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "small-bold", value: "\uC81C\uCD9C\uC790", "$color": styles_1.theme.color.palettes[palette]['content-highlight'] }),
+        (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "small-bold", value: problemLabel, "$color": styles_1.theme.color.palettes[palette]['content-highlight'] }),
+        (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "small-bold", value: "\uACB0\uACFC", "$color": styles_1.theme.color.palettes[palette]['content-highlight'] }),
+        (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "small-bold", value: "\uC5B8\uC5B4", "$color": styles_1.theme.color.palettes[palette]['content-highlight'] }),
+        ...(isCompact
+            ? [
+                (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "small-bold", value: "\uADF8 \uC678", "$color": styles_1.theme.color.palettes[palette]['content-highlight'] }),
+                (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "small-bold", value: "\uC81C\uCD9C \uBC88\uD638", "$color": styles_1.theme.color.palettes[palette]['content-highlight'] }),
+            ]
+            : [
+                (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "small-bold", value: "\uC2DC\uAC04", "$color": styles_1.theme.color.palettes[palette]['content-highlight'] }),
+                (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "small-bold", value: "\uBA54\uBAA8\uB9AC", "$color": styles_1.theme.color.palettes[palette]['content-highlight'] }),
+                (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "small-bold", value: "\uCF54\uB4DC \uAE38\uC774", "$color": styles_1.theme.color.palettes[palette]['content-highlight'] }),
+                (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "small-bold", value: "\uC81C\uCD9C\uD55C \uC2DC\uAC04", "$color": styles_1.theme.color.palettes[palette]['content-highlight'] }),
+                (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "small-bold", value: "\uC81C\uCD9C \uBC88\uD638", "$color": styles_1.theme.color.palettes[palette]['content-highlight'] }),
+            ]),
+    ], [problemLabel, palette, isCompact]);
+    const values = react_1.default.useMemo(() => Array.isArray(_values)
+        ? _values.map(({ id, userId, userProfileImageUrl, problemId, problemTitle, language, time, memory, sourceLength, scoringResult, createdAt, href, userHref, problemHref, onClick, }) => ({
+            onClick,
+            values: [
+                (0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$alignItems": "center", "$gap": styles_1.theme.size.margin.base.x_small, "$flexShrink": true, children: [(0, jsx_runtime_1.jsx)(atoms_1.ClickableContainer, { href: userHref, onClick: onClickItem, children: (0, jsx_runtime_1.jsx)(atoms_1.Avatar, { size: "small", id: userId, src: userProfileImageUrl }) }), isDisplayUserName && ((0, jsx_runtime_1.jsx)(atoms_1.ClickableContainer, { href: userHref, onClick: onClickItem, children: (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "small", value: userId }) }))] }),
+                (0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$gap": styles_1.theme.size.margin.base.small, "$alignItems": "center", "$flexShrink": true, children: [(0, jsx_runtime_1.jsx)(atoms_1.ClickableContainer, { href: problemHref, onClick: onClickItem, children: (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "small", value: problemTitle, "$flexShrink": true, "$ellipsis": true }) }), (0, jsx_runtime_1.jsx)(atoms_1.ClickableContainer, { href: problemHref, onClick: onClickItem, children: (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "x_small", value: `#${problemId}`, "$color": styles_1.theme.color.palettes[palette]['content-secondary'] }) })] }),
+                (0, jsx_runtime_1.jsx)(atoms_1.ClickableContainer, { href: href, onClick: onClickItem, children: (0, jsx_runtime_1.jsx)(atoms_1.ScoringResultBadge, { type: "mini-label", value: (scoringResult === null || scoringResult === void 0 ? void 0 : scoringResult.value) || 'none', text: scoringResult === null || scoringResult === void 0 ? void 0 : scoringResult.text }) }),
+                ...(isCompact
+                    ? [
+                        (0, jsx_runtime_1.jsx)(atoms_1.ClickableContainer, { href: href, onClick: onClickItem, children: (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "x_small", value: language || '-', "$color": styles_1.theme.color.palettes[palette]['content-secondary'] }) }),
+                        (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "x_small", value: `${(0, submits_1.getFormattedTime)(time)} · ${(0, submits_1.getFormattedMemory)(memory, 1)} · ${(0, submits_1.getFormattedSourceLength)(sourceLength)} · ${createdAt && createdAt.isValid()
+                                ? (0, day_1.getFormattedDate)(createdAt, 'ago')
+                                : '-'}`, "$color": styles_1.theme.color.palettes[palette]['content-secondary'] }),
+                        (0, jsx_runtime_1.jsx)(atoms_1.ClickableContainer, { href: href, onClick: onClickItem, children: (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "x_small", value: id, "$color": styles_1.theme.color.palettes[palette]['content-secondary'] }) }),
+                    ]
+                    : [
+                        (0, jsx_runtime_1.jsx)(atoms_1.ClickableContainer, { href: href, onClick: onClickItem, children: (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "small", value: language || '-', "$color": styles_1.theme.color.palettes[palette]['content-secondary'] }) }),
+                        (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "small", value: (0, submits_1.getFormattedTime)(time), "$color": styles_1.theme.color.palettes[palette]['content-secondary'] }),
+                        (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "small", value: (0, submits_1.getFormattedMemory)(memory, 1), "$color": styles_1.theme.color.palettes[palette]['content-secondary'] }),
+                        (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "small", value: (0, submits_1.getFormattedSourceLength)(sourceLength), "$color": styles_1.theme.color.palettes[palette]['content-secondary'] }),
+                        (0, jsx_runtime_1.jsx)(atoms_1.ClickableContainer, { href: href, onClick: onClickItem, children: (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "small", value: createdAt && createdAt.isValid()
+                                    ? (0, day_1.getFormattedDate)(createdAt, createdAtDateFormatType)
+                                    : '-', "$color": styles_1.theme.color.palettes[palette]['content-secondary'] }) }),
+                        (0, jsx_runtime_1.jsx)(atoms_1.ClickableContainer, { href: href, onClick: onClickItem, children: (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "small", value: id, "$color": styles_1.theme.color.palettes[palette]['content-secondary'] }) }),
+                    ]),
+            ],
+        }))
+        : _values, [
+        _values,
+        isDisplayUserName,
+        isCompact,
+        dayNowServer,
+        createdAtDateFormatType,
+        palette,
+    ]);
+    const row = react_1.default.useMemo(() => ({
+        $gap: styles_1.theme.size.margin.base.small,
+        $paddingHorizontal: styles_1.theme.size.margin.base.small,
+    }), []);
+    return ((0, jsx_runtime_1.jsx)(atoms_1.Container, { ref: ref, ...props, children: layoutMode === 'row' || !_values || !_values.length ? ((0, jsx_runtime_1.jsx)(BaseTable_1.default, { layouts: layouts, headers: headers, values: values, row: row, palette: palette })) : ((0, jsx_runtime_1.jsx)(atoms_1.Container, { "$display": "flex", "$flexDirection": "column", "$gap": styles_1.theme.size.margin.base.small, children: _values.map(({ id, userId, userProfileImageUrl, problemId, problemTitle, language, time, memory, sourceLength, scoringResult, createdAt, href, userHref, problemHref, }) => ((0, jsx_runtime_1.jsx)(molecules_1.SubmitTray, { id: id, userId: userId, userProfileImageUrl: userProfileImageUrl, problemId: problemId, problemTitle: problemTitle, language: language, time: time, memory: memory, sourceLength: sourceLength, scoringResult: scoringResult, createdAt: createdAt, href: href, userHref: userHref, problemHref: problemHref, isDisplayProblem: isDisplayProblem, isDisplayScoringResult: isDisplayScoringResult }, id))) })) }));
+});
+//# sourceMappingURL=SubmitTable.js.map

package/lib/components/organisms/tables/SubmitTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubmitTable.js","sourceRoot":"","sources":["../../../../src/components/organisms/tables/SubmitTable.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;AAEb,kDAA0B;AAE1B,8CAI8B;AAI9B,2CAAuC;AACvC,6CAIyB;AAEzB,qCAA8C;AAC9C,2CAAkD;AAElD,8CAM4B;AAC5B,sDAAoD;AAEpD,4DAAoC;AA6BpC,kBAAe,eAAK,CAAC,IAAI,CACvB,CAAC,EACC,MAAM,EAAE,OAAO,EACf,YAAY,GAAG,IAAI,EACnB,uBAAuB,GAAG,KAAK,EAC/B,gBAAgB,GAAG,IAAI,EACvB,aAAa,GAAG,IAAI,EACpB,sBAAsB,GAAG,IAAI,EAC7B,iBAAiB,EAAE,kBAAkB,GAAG,IAAI,EAC5C,OAAO,GAAG,YAAY,EACtB,GAAG,KAAK,EACF,EAAE,EAAE;IACV,MAAM,GAAG,GAAG,eAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,yBAAgB,EAAC,GAAG,CAAC,CAAC;IAC9C,MAAM,YAAY,GAAG,IAAA,qBAAe,GAAE,CAAC;IAEvC,MAAM,UAAU,GAAG,eAAK,CAAC,OAAO,CAC9B,GAAG,EAAE,CACH,CAAC,WAAW;QACZ,WAAW;YACT,cAAK,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM;gBAC/B,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,eAAe,GAAG,CAAC;QACvC,CAAC,CAAC,KAAK;QACP,CAAC,CAAC,MAAM,EAEZ,CAAC,WAAW,CAAC,CACd,CAAC;IACF,MAAM,iBAAiB,GAAG,eAAK,CAAC,OAAO,CACrC,GAAG,EAAE,CAAC,kBAAkB,IAAI,CAAC,CAAC,WAAW,IAAI,WAAW,GAAG,IAAI,CAAC,EAChE,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAClC,CAAC;IACF,MAAM,SAAS,GAAG,eAAK,CAAC,OAAO,CAC7B,GAAG,EAAE,CAAC,CAAC,CAAC,WAAW,IAAI,WAAW,GAAG,GAAG,EACxC,CAAC,WAAW,CAAC,CACd,CAAC;IACF,MAAM,WAAW,GAAG,eAAK,CAAC,WAAW,CAEnC,CAAC,CAAgC,EAAE,EAAE;QACrC,CAAC,CAAC,eAAe,EAAE,CAAC;IACtB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,OAAO,GAAG,eAAK,CAAC,OAAO,CAG3B,GAAG,EAAE,CAAC;QACJ;YACE,GAAG,EAAE,MAAM;YACX,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;YACpC,SAAS,EAAE,IAAI;YACf,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM;YAC3C,SAAS,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;SAC3C;QACD;YACE,GAAG,EAAE,SAAS;YACd,MAAM,EAAE,CAAC;YACT,SAAS,EAAE,IAAI;YACf,SAAS,EAAE,IAAI;YACf,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM;SAC/C;QACD;YACE,GAAG,EAAE,QAAQ;YACb,MAAM,EAAE,GAAG;YACX,SAAS,EAAE,IAAI;YACf,QAAQ,EAAE,sBAAsB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM;SACrD;QACD;YACE,GAAG,EAAE,UAAU;YACf,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;YAC3B,eAAe,EAAE,QAAQ;YACzB,SAAS,EAAE,IAAI;SAChB;QACD,GAAG,CAAC,SAAS;YACX,CAAC,CAAC;gBACE;oBACE,GAAG,EAAE,KAAK;oBACV,MAAM,EAAE,GAAG;oBAGX,SAAS,EAAE,IAAI;iBAChB;gBACD;oBACE,GAAG,EAAE,IAAI;oBACT,MAAM,EAAE,EAAE;oBACV,QAAQ,EAAE,MAAM;oBAChB,eAAe,EAAE,KAAK;oBACtB,SAAS,EAAE,IAAI;iBAChB;aACF;YACH,CAAC,CAAC;gBACE;oBACE,GAAG,EAAE,MAAM;oBACX,MAAM,EAAE,EAAE;oBACV,QAAQ,EAAE,MAAM;oBAChB,eAAe,EAAE,QAAQ;oBACzB,SAAS,EAAE,IAAI;iBAChB;gBACD;oBACE,GAAG,EAAE,QAAQ;oBACb,MAAM,EAAE,EAAE;oBACV,QAAQ,EAAE,MAAM;oBAChB,eAAe,EAAE,QAAQ;oBACzB,SAAS,EAAE,IAAI;iBAChB;gBACD;oBACE,GAAG,EAAE,eAAe;oBACpB,MAAM,EAAE,EAAE;oBACV,QAAQ,EAAE,MAAM;oBAChB,eAAe,EAAE,QAAQ;oBACzB,SAAS,EAAE,IAAI;iBAChB;gBACD;oBACE,GAAG,EAAE,YAAY;oBACjB,MAAM,EAAE,uBAAuB,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;oBACpD,QAAQ,EAAE,MAAM;oBAChB,eAAe,EAAE,KAAK;oBACtB,SAAS,EAAE,IAAI;iBAChB;gBACD;oBACE,GAAG,EAAE,IAAI;oBACT,MAAM,EAAE,EAAE;oBACV,QAAQ,EAAE,MAAM;oBAChB,eAAe,EAAE,KAAK;oBACtB,SAAS,EAAE,IAAI;iBAChB;aACF,CAAC;KACP,EACD;QACE,gBAAgB;QAChB,aAAa;QACb,sBAAsB;QACtB,iBAAiB;QACjB,SAAS;QACT,uBAAuB;KACxB,CACF,CAAC;IACF,MAAM,OAAO,GAAG,eAAK,CAAC,OAAO,CAG3B,GAAG,EAAE,CAAC;QACJ,uBAAC,YAAI,IACH,IAAI,EAAC,YAAY,EACjB,KAAK,EAAC,oBAAK,YACH,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,mBAAmB,CAAC,GAC1D;QACF,uBAAC,YAAI,IACH,IAAI,EAAC,YAAY,EACjB,KAAK,EAAE,YAAY,YACX,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,mBAAmB,CAAC,GAC1D;QACF,uBAAC,YAAI,IACH,IAAI,EAAC,YAAY,EACjB,KAAK,EAAC,cAAI,YACF,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,mBAAmB,CAAC,GAC1D;QACF,uBAAC,YAAI,IACH,IAAI,EAAC,YAAY,EACjB,KAAK,EAAC,cAAI,YACF,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,mBAAmB,CAAC,GAC1D;QACF,GAAG,CAAC,SAAS;YACX,CAAC,CAAC;gBACE,uBAAC,YAAI,IACH,IAAI,EAAC,YAAY,EACjB,KAAK,EAAC,eAAK,YACH,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,mBAAmB,CAAC,GAC1D;gBACF,uBAAC,YAAI,IACH,IAAI,EAAC,YAAY,EACjB,KAAK,EAAC,2BAAO,YACL,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,mBAAmB,CAAC,GAC1D;aACH;YACH,CAAC,CAAC;gBACE,uBAAC,YAAI,IACH,IAAI,EAAC,YAAY,EACjB,KAAK,EAAC,cAAI,YACF,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,mBAAmB,CAAC,GAC1D;gBACF,uBAAC,YAAI,IACH,IAAI,EAAC,YAAY,EACjB,KAAK,EAAC,oBAAK,YACH,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,mBAAmB,CAAC,GAC1D;gBACF,uBAAC,YAAI,IACH,IAAI,EAAC,YAAY,EACjB,KAAK,EAAC,2BAAO,YACL,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,mBAAmB,CAAC,GAC1D;gBACF,uBAAC,YAAI,IACH,IAAI,EAAC,YAAY,EACjB,KAAK,EAAC,iCAAQ,YACN,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,mBAAmB,CAAC,GAC1D;gBACF,uBAAC,YAAI,IACH,IAAI,EAAC,YAAY,EACjB,KAAK,EAAC,2BAAO,YACL,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,mBAAmB,CAAC,GAC1D;aACH,CAAC;KACP,EACD,CAAC,YAAY,EAAE,OAAO,EAAE,SAAS,CAAC,CACnC,CAAC;IACF,MAAM,MAAM,GAAG,eAAK,CAAC,OAAO,CAG1B,GAAG,EAAE,CACH,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC;QACpB,CAAC,CAAC,OAAO,CAAC,GAAG,CACT,CAAC,EACC,EAAE,EACF,MAAM,EACN,mBAAmB,EACnB,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,aAAa,EACb,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,OAAO,GACR,EAAE,EAAE,CAAC,CAAC;YACL,OAAO;YACP,MAAM,EAAE;gBACN,wBAAC,iBAAS,gBACC,MAAM,iBACH,QAAQ,UACd,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,kCAGpC,uBAAC,0BAAkB,IAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,YACtD,uBAAC,cAAM,IACL,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,MAAM,EACV,GAAG,EAAE,mBAAmB,GACxB,GACiB,EACpB,iBAAiB,IAAI,CACpB,uBAAC,0BAAkB,IAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,YACtD,uBAAC,YAAI,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,MAAM,GAAI,GACjB,CACtB,IACS;gBACZ,wBAAC,iBAAS,gBACC,MAAM,UACT,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,iBACtB,QAAQ,kCAGpB,uBAAC,0BAAkB,IACjB,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,WAAW,YAEpB,uBAAC,YAAI,IACH,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,YAAY,2CAGnB,GACiB,EACrB,uBAAC,0BAAkB,IACjB,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,WAAW,YAEpB,uBAAC,YAAI,IACH,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,IAAI,SAAS,EAAE,YAEpB,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,mBAAmB,CAAC,GAEpD,GACiB,IACX;gBACZ,uBAAC,0BAAkB,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,YAClD,uBAAC,0BAAkB,IACjB,IAAI,EAAC,YAAY,EACjB,KAAK,EAAE,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,KAAI,MAAM,EACrC,IAAI,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,GACzB,GACiB;gBACrB,GAAG,CAAC,SAAS;oBACX,CAAC,CAAC;wBACE,uBAAC,0BAAkB,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,YAClD,uBAAC,YAAI,IACH,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,QAAQ,IAAI,GAAG,YAEpB,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,mBAAmB,CAAC,GAEpD,GACiB;wBACrB,uBAAC,YAAI,IACH,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,GAAG,IAAA,0BAAgB,EAAC,IAAI,CAAC,MAAM,IAAA,4BAAkB,EAAC,MAAM,EAAE,CAAC,CAAC,MAAM,IAAA,kCAAwB,EAAC,YAAY,CAAC,MAC7G,SAAS,IAAI,SAAS,CAAC,OAAO,EAAE;gCAC9B,CAAC,CAAC,IAAA,sBAAgB,EAAC,SAAS,EAAE,KAAK,CAAC;gCACpC,CAAC,CAAC,GACN,EAAE,YAEA,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,mBAAmB,CAAC,GAEpD;wBACF,uBAAC,0BAAkB,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,YAClD,uBAAC,YAAI,IACH,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,EAAE,YAEP,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,mBAAmB,CAAC,GAEpD,GACiB;qBACtB;oBACH,CAAC,CAAC;wBACE,uBAAC,0BAAkB,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,YAClD,uBAAC,YAAI,IACH,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,QAAQ,IAAI,GAAG,YAEpB,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,mBAAmB,CAAC,GAEpD,GACiB;wBACrB,uBAAC,YAAI,IACH,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,IAAA,0BAAgB,EAAC,IAAI,CAAC,YAE3B,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,mBAAmB,CAAC,GAEpD;wBACF,uBAAC,YAAI,IACH,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,IAAA,4BAAkB,EAAC,MAAM,EAAE,CAAC,CAAC,YAElC,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,mBAAmB,CAAC,GAEpD;wBACF,uBAAC,YAAI,IACH,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,IAAA,kCAAwB,EAAC,YAAY,CAAC,YAE3C,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,mBAAmB,CAAC,GAEpD;wBACF,uBAAC,0BAAkB,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,YAClD,uBAAC,YAAI,IACH,IAAI,EAAC,OAAO,EACZ,KAAK,EACH,SAAS,IAAI,SAAS,CAAC,OAAO,EAAE;oCAC9B,CAAC,CAAC,IAAA,sBAAgB,EACd,SAAS,EACT,uBAAuB,CACxB;oCACH,CAAC,CAAC,GAAG,YAGP,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,mBAAmB,CAAC,GAEpD,GACiB;wBACrB,uBAAC,0BAAkB,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,YAClD,uBAAC,YAAI,IACH,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,EAAE,YAEP,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,mBAAmB,CAAC,GAEpD,GACiB;qBACtB,CAAC;aACP;SACF,CAAC,CACH;QACH,CAAC,CAAC,OAAO,EACb;QACE,OAAO;QACP,iBAAiB;QACjB,SAAS;QACT,YAAY;QACZ,uBAAuB;QACvB,OAAO;KACR,CACF,CAAC;IACF,MAAM,GAAG,GAAG,eAAK,CAAC,OAAO,CACvB,GAAG,EAAE,CAAC,CAAC;QACL,IAAI,EAAE,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK;QAClC,kBAAkB,EAAE,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK;KACjD,CAAC,EACF,EAAE,CACH,CAAC;IAEF,OAAO,CACL,uBAAC,iBAAS,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,YAC3B,UAAU,KAAK,KAAK,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CACrD,uBAAC,mBAAS,IACR,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,GAChB,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,iBAAS,gBACC,MAAM,oBACA,QAAQ,UACjB,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,YAEjC,OAAO,CAAC,GAAG,CACV,CAAC,EACC,EAAE,EACF,MAAM,EACN,mBAAmB,EACnB,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,aAAa,EACb,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,WAAW,GACZ,EAAE,EAAE,CAAC,CACJ,uBAAC,sBAAU,IAET,EAAE,EAAE,EAAE,EACN,MAAM,EAAE,MAAM,EACd,mBAAmB,EAAE,mBAAmB,EACxC,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,EAClC,sBAAsB,EAAE,sBAAsB,IAhBzC,EAAE,CAiBP,CACH,CACF,GACS,CACb,GACS,CACb,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/components/organisms/tables/TestcaseTable.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Text } from '../../../components/atoms';
+import BaseTable from './BaseTable';
+type Testcase = {
+    id: React.Key;
+    inputPath?: React.ComponentProps<typeof Text>['value'];
+    inputVersion?: React.ComponentProps<typeof Text>['value'];
+    outputPath?: React.ComponentProps<typeof Text>['value'];
+    outputVersion?: React.ComponentProps<typeof Text>['value'];
+    time?: number;
+    memory?: number;
+    status?: string;
+};
+type Props = {
+    values?: Testcase[];
+} & Omit<React.ComponentProps<typeof BaseTable>, 'values'>;
+declare const _default: React.MemoExoticComponent<({ values: _values, palette, ...props }: Props) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/lib/components/organisms/tables/TestcaseTable.js

@@ -0,0 +1,82 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const styles_1 = require("../../../utils/styles");
+const submits_1 = require("../../../utils/submits");
+const stores_1 = require("../../../hooks/stores");
+const styles_2 = require("../../../hooks/styles");
+const atoms_1 = require("../../../components/atoms");
+const molecules_1 = require("../../../components/molecules");
+const BaseTable_1 = __importDefault(require("./BaseTable"));
+const Cell = ({ label, value, ...props }) => ((0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$alignItems": "center", "$gap": styles_1.theme.size.margin.base.small, ...props, children: [(0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "small", value: `${label} :` }), (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "small", value: value, "$color": styles_1.theme.color.palettes.body['content-secondary'], "$flexShrink": true, "$ellipsis": true })] }));
+const MoreButton = ({ index, value }) => {
+    const ref = react_1.default.useRef(null);
+    const [isOpenModal, setIsOpenModal] = react_1.default.useState(false);
+    const sections = react_1.default.useMemo(() => [
+        {
+            key: 'sort',
+            textButtons: [
+                {
+                    key: 'info',
+                    icon: 'hero/information-circle-outline',
+                    text: '테스트 케이스 정보',
+                    onClick: () => setIsOpenModal(true),
+                },
+            ],
+        },
+    ], [setIsOpenModal]);
+    const isOpenDropdown = (0, stores_1.useDropdownEffect)(ref, (0, jsx_runtime_1.jsx)(molecules_1.Dropdown, { sections: sections }), 'bottom-end', {}, [sections]);
+    (0, stores_1.useModalEffect)({
+        isOpen: isOpenModal,
+        onChangeIsOpen: setIsOpenModal,
+        content: ((0, jsx_runtime_1.jsxs)(molecules_1.ModalOverlay, { children: [(0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$justifyContent": "space-between", "$alignItems": "center", children: [(0, jsx_runtime_1.jsx)(atoms_1.Text, { value: `테스트 케이스(${index}) 정보`, "$flexShrink": true, "$ellipsis": true }), (0, jsx_runtime_1.jsx)(atoms_1.TextButton, { size: "medium", icon: "hero/x-mark-outline", onClick: () => setIsOpenModal(false), palette: "button-ghost-borderless" })] }), (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "small-bold", value: "\uC785\uB825 \uB370\uC774\uD130 :", "$marginTop": styles_1.theme.size.margin.base.medium }), (0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$paddingLeft": styles_1.theme.size.margin.base.medium, children: [!!value.inputPath && (0, jsx_runtime_1.jsx)(Cell, { label: "\uACBD\uB85C", value: value.inputPath }), !!value.inputVersion && ((0, jsx_runtime_1.jsx)(Cell, { label: "\uBC84\uC804", value: value.inputVersion }))] }), (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "small-bold", value: "\uCD9C\uB825 \uB370\uC774\uD130 :", "$marginTop": styles_1.theme.size.margin.base.medium }), (0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$paddingLeft": styles_1.theme.size.margin.base.medium, children: [!!value.outputPath && ((0, jsx_runtime_1.jsx)(Cell, { label: "\uACBD\uB85C", value: value.outputPath })), !!value.outputVersion && ((0, jsx_runtime_1.jsx)(Cell, { label: "\uBC84\uC804", value: value.outputVersion }))] })] })),
+    }, [index, value]);
+    return ((0, jsx_runtime_1.jsx)(atoms_1.TextButton, { ref: ref, size: "medium", icon: "hero/ellipsis-horizontal-outline", isSelected: isOpenDropdown, palette: "button-ghost-borderless" }));
+};
+exports.default = react_1.default.memo(({ values: _values, palette = 'table-base', ...props }) => {
+    const ref = react_1.default.useRef(null);
+    const { offsetWidth } = (0, styles_2.useElementStates)(ref);
+    const layoutMode = react_1.default.useMemo(() => !offsetWidth ||
+        offsetWidth >
+            styles_1.theme.size.width.adaptives.tablet -
+                styles_1.theme.size.margin.main_horizontal * 2
+        ? 'wide'
+        : 'compact', [offsetWidth]);
+    const layouts = react_1.default.useMemo(() => [
+        { key: 'index', $width: 24, $overflow: true },
+        { key: 'status', $width: 0, $flexGrow: true, $overflow: true },
+        { key: 'time' },
+        { key: 'memory' },
+        { key: 'more' },
+    ], []);
+    const values = react_1.default.useMemo(() => Array.isArray(_values)
+        ? _values.map(({ time, memory, status, ...value }, index) => [
+            (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "medium", value: index + 1, "$color": styles_1.theme.color.palettes[palette]['content-secondary'] }),
+            (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "medium", value: (0, submits_1.getScoringResultFromStatus)(status).text, "$color": styles_1.theme.color.palettes[palette][['ignored', 'pending'].includes(status || 'pending')
+                    ? 'content-secondary'
+                    : 'content-primary'], "$flexShrink": true, "$ellipsis": true }),
+            typeof time === 'number' && ((0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$alignItems": "center", "$gap": styles_1.theme.size.margin.base.x_small, children: [(0, jsx_runtime_1.jsx)(atoms_1.Icon, { type: "phosphor/timer-regular", "$size": layoutMode === 'wide'
+                            ? styles_1.theme.size.height.base.small
+                            : styles_1.theme.size.height.base.x_small, "$autoFill": styles_1.theme.color.palettes[palette]['content-secondary'] }), (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: layoutMode === 'wide' ? 'small' : 'x_small', value: `${time.toFixed(2)} 초`, "$color": styles_1.theme.color.palettes[palette]['content-secondary'] })] })),
+            typeof memory === 'number' && ((0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$alignItems": "center", "$gap": styles_1.theme.size.margin.base.x_small, children: [(0, jsx_runtime_1.jsx)(atoms_1.Icon, { type: "phosphor/memory-regular", "$size": layoutMode === 'wide'
+                            ? styles_1.theme.size.height.base.small
+                            : styles_1.theme.size.height.base.x_small, "$autoFill": styles_1.theme.color.palettes[palette]['content-secondary'] }), (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: layoutMode === 'wide' ? 'small' : 'x_small', value: `${memory.toFixed(4)} MB`, "$color": styles_1.theme.color.palettes[palette]['content-secondary'] })] })),
+            (0, jsx_runtime_1.jsx)(MoreButton, { index: index + 1, value: { time, memory, status, ...value } }),
+        ])
+        : undefined, [_values, palette, layoutMode]);
+    const row = react_1.default.useMemo(() => ({
+        $gap: layoutMode === 'wide'
+            ? styles_1.theme.size.margin.base.large
+            : styles_1.theme.size.margin.base.small,
+        $paddingHorizontal: layoutMode === 'wide'
+            ? styles_1.theme.size.margin.base.large
+            : styles_1.theme.size.margin.base.medium,
+    }), [layoutMode]);
+    return ((0, jsx_runtime_1.jsx)(BaseTable_1.default, { ref: ref, layouts: layouts, values: values, row: row, isDisplayHeader: false, palette: palette, ...props }));
+});
+//# sourceMappingURL=TestcaseTable.js.map

package/lib/components/organisms/tables/TestcaseTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestcaseTable.js","sourceRoot":"","sources":["../../../../src/components/organisms/tables/TestcaseTable.tsx"],"names":[],"mappings":"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"}

package/lib/components/organisms/tables/UserTable.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { type Dayjs } from '@euler-edu/utils/day';
+import type { Palette } from '../../../constants/styles';
+import { AvatarButton, ClickableContainer, Text } from '../../../components/atoms';
+import BaseTable from './BaseTable';
+type Props = {
+    values?: {
+        rank?: React.ComponentProps<typeof Text>['value'];
+        avatarButton?: React.ComponentProps<typeof AvatarButton>;
+        text?: React.ComponentProps<typeof Text>['value'];
+        description?: React.ComponentProps<typeof Text>['value'];
+        solvesCount?: React.ComponentProps<typeof Text>['value'];
+        trophiesCount?: React.ComponentProps<typeof Text>['value'];
+        recordsCount?: React.ComponentProps<typeof Text>['value'];
+        accessAt?: Dayjs;
+        href?: React.ComponentProps<typeof ClickableContainer>['href'];
+    }[];
+    palette?: Palette;
+} & Omit<React.ComponentProps<typeof BaseTable>, 'values'>;
+declare const _default: React.MemoExoticComponent<({ values: _values, palette, ...props }: Props) => import("react/jsx-runtime").JSX.Element>;
+export default _default;