@elice/material-runbox 1.250310.0 → 1.250311.0

package/es/components/material-runbox/actions/MaterialRunboxActionSubmitLogDialog.js

@@ -1,183 +0,0 @@
-import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import { __rest } from 'tslib';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import React from 'react';
-import { useInView } from 'react-intersection-observer';
-import { useRawEliceIntl } from '@elice/intl';
-import { Tag, EliceIcon } from '@elice/mui-elements';
-import { useTheme } from '@emotion/react';
-import { faArrowDownToLine } from '@fortawesome/pro-regular-svg-icons';
-import { useMediaQuery, Dialog, DialogTitle, DialogContent, Stack, DialogActions, Button, Typography, List, ListItemButton, ListItemText, ListItemSecondaryAction, Tooltip, IconButton, Box } from '@mui/material';
-import dayjs from 'dayjs';
-import '../contexts/MaterialRunboxApiContext.js';
-import '../contexts/MaterialRunboxCommandContext.js';
-import { useMaterialRunboxContext } from '../contexts/MaterialRunboxContext.js';
-import { useInfiniteRunboxRunboxIdGrade } from '../hooks/useInfiniteRunboxRunboxIdGrade.js';
-
-//
-//
-//
-var MaterialRunboxActionSubmitLogDialog = function MaterialRunboxActionSubmitLogDialog(_a) {
-  var isOpen = _a.isOpen,
-    onClose = _a.onClose,
-    props = __rest(_a, ["isOpen", "onClose"]);
-  var intl = useRawEliceIntl();
-  //
-  var _useMaterialRunboxCon = useMaterialRunboxContext(),
-    locale = _useMaterialRunboxCon.locale;
-  dayjs.locale(locale);
-  //
-  var theme = useTheme();
-  var isMobileOrSmaller = useMediaQuery(theme.breakpoints.down('sm'));
-  //
-  var _useInfiniteRunboxRun = useInfiniteRunboxRunboxIdGrade(Object.assign(Object.assign({}, props), {
-      enabled: Boolean(isOpen && props.runboxId && props.userId)
-    })),
-    grade = _useInfiniteRunboxRun.grade,
-    fetchNextPage = _useInfiniteRunboxRun.fetchNextPage;
-  var _useInView = useInView(),
-    inView = _useInView.inView,
-    ref = _useInView.ref;
-  //
-  var _React$useState = React.useState(null),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    selectedGrade = _React$useState2[0],
-    setSelectedGrade = _React$useState2[1];
-  /**
-   *
-   */
-  var renderEmpty = function renderEmpty() {
-    return jsx(Stack, {
-      justifyContent: "center",
-      alignItems: "center",
-      children: jsx(Typography, {
-        variant: "body1",
-        children: intl.formatMessage({
-          id: 'runbox.action.submitLog.empty'
-        })
-      })
-    });
-  };
-  /**
-   *
-   */
-  var renderGradeList = function renderGradeList() {
-    return jsxs(List, {
-      ref: ref,
-      sx: {
-        width: '100%',
-        maxHeight: '100%',
-        overflow: 'auto'
-      },
-      children: [grade === null || grade === void 0 ? void 0 : grade.map(function (item) {
-        return jsxs(ListItemButton, {
-          selected: (selectedGrade === null || selectedGrade === void 0 ? void 0 : selectedGrade.id) === item.id,
-          onClick: function onClick() {
-            return setSelectedGrade(item);
-          },
-          children: [jsx(ListItemText, {
-            primary: dayjs(item.created).format(isMobileOrSmaller ? 'YYYY.MM.DD' : 'YYYY.MM.DD A HH:mm')
-          }), jsx(ListItemSecondaryAction, {
-            children: jsxs(Stack, {
-              direction: "row",
-              alignItems: "center",
-              gap: "0.5rem",
-              children: [(item === null || item === void 0 ? void 0 : item.score) ? jsx(Tag, {
-                variant: "muted",
-                color: "info",
-                label: intl.formatMessage({
-                  id: 'runbox.common.score'
-                }, {
-                  score: item.score
-                })
-              }) : null, jsx(Tooltip, {
-                title: intl.formatMessage({
-                  id: 'runbox.action.submitLog.dialog.download.tooltip'
-                }),
-                children: jsx(IconButton, {
-                  onClick: function onClick() {
-                    window.open(item.submissionFileUrl, '_blank');
-                  },
-                  children: jsx(EliceIcon, {
-                    icon: faArrowDownToLine
-                  })
-                })
-              })]
-            })
-          })]
-        }, item.id);
-      }), jsx("div", {
-        ref: ref
-      })]
-    });
-  };
-  /**
-   *
-   */
-  var renderCodebox = function renderCodebox() {
-    return jsx(Box, {
-      bgcolor: function bgcolor(theme) {
-        return theme.palette.common.black;
-      },
-      borderRadius: "0.5rem",
-      padding: "1rem",
-      width: "100%",
-      overflow: "auto",
-      fontFamily: "Elice Digital Coding, monospace",
-      fontSize: "0.875rem",
-      whiteSpace: "pre-wrap",
-      lineHeight: "1.375rem",
-      children: selectedGrade === null || selectedGrade === void 0 ? void 0 : selectedGrade.output
-    });
-  };
-  //
-  //
-  //
-  React.useEffect(function () {
-    if (inView) {
-      fetchNextPage();
-    }
-  }, [inView, fetchNextPage]);
-  //
-  //
-  //
-  React.useEffect(function () {
-    if ((grade === null || grade === void 0 ? void 0 : grade.length) && !selectedGrade) {
-      setSelectedGrade(grade[0]);
-    }
-  }, [grade, selectedGrade]);
-  //
-  //
-  //
-  return jsxs(Dialog, {
-    fullWidth: true,
-    maxWidth: "lg",
-    open: isOpen,
-    onClose: onClose,
-    children: [jsx(DialogTitle, {
-      children: intl.formatMessage({
-        id: 'runbox.action.submitLog.dialog.title'
-      })
-    }), jsx(DialogContent, {
-      children: jsx(Stack, {
-        direction: "row",
-        gap: "0.5rem",
-        overflow: "auto",
-        maxHeight: "30rem",
-        children: (grade === null || grade === void 0 ? void 0 : grade.length) ? jsxs(Fragment, {
-          children: [renderGradeList(), renderCodebox()]
-        }) : renderEmpty()
-      })
-    }), jsx(DialogActions, {
-      children: jsx(Button, {
-        color: "inherit",
-        onClick: onClose,
-        children: intl.formatMessage({
-          id: 'runbox.common.close'
-        })
-      })
-    })]
-  });
-};
-
-export { MaterialRunboxActionSubmitLogDialog as default };

package/es/components/material-runbox/hooks/useInfiniteRunboxRunboxIdGrade.d.ts

@@ -1,13 +0,0 @@
-import type { RunboxGradeGetResponse, RunboxRunboxIdGradeGetRequest } from '@elice/openapi-client-material-runbox';
-type UseInfiniteRunboxRunboxIdGradeProps = RunboxRunboxIdGradeGetRequest & {
-    enabled: boolean;
-};
-type UseInfiniteRunboxRunboxIdGradeReturn = {
-    grade: RunboxGradeGetResponse[] | undefined;
-    isGradeLoading: boolean;
-    isGradeError: boolean;
-    refetchGrade: () => void;
-    fetchNextPage: () => void;
-};
-export declare const useInfiniteRunboxRunboxIdGrade: (props: Omit<UseInfiniteRunboxRunboxIdGradeProps, 'skip' | 'count'>) => UseInfiniteRunboxRunboxIdGradeReturn;
-export {};

package/es/components/material-runbox/hooks/useInfiniteRunboxRunboxIdGrade.js

@@ -1,57 +0,0 @@
-import { useRef, useCallback } from 'react';
-import { useInfiniteQuery } from '@tanstack/react-query';
-import { useMaterialRunboxApiContext } from '../contexts/MaterialRunboxApiContext.js';
-import '../contexts/MaterialRunboxCommandContext.js';
-import '../contexts/MaterialRunboxContext.js';
-
-//
-//
-//
-var DEFAULT_COUNT = 10;
-var DEFAULT_SKIP = 0;
-//
-//
-//
-var useInfiniteRunboxRunboxIdGrade = function useInfiniteRunboxRunboxIdGrade(props) {
-  var _return = useRef({});
-  var enabled = props.enabled;
-  var materialRunboxApi = useMaterialRunboxApiContext();
-  //
-  var _useInfiniteQuery = useInfiniteQuery({
-      queryKey: ['runboxRunboxIdGrade', props],
-      queryFn: function queryFn(_ref) {
-        var _ref$pageParam = _ref.pageParam,
-          pageParam = _ref$pageParam === void 0 ? DEFAULT_SKIP : _ref$pageParam;
-        return materialRunboxApi.runbox.runboxRunboxIdGradeGet(Object.assign(Object.assign({}, props), {
-          skip: pageParam,
-          count: DEFAULT_COUNT
-        }));
-      },
-      getNextPageParam: function getNextPageParam(lastPage, pages) {
-        return lastPage.length === DEFAULT_COUNT ? pages.length * DEFAULT_COUNT : undefined;
-      },
-      enabled: enabled
-    }),
-    data = _useInfiniteQuery.data,
-    isLoading = _useInfiniteQuery.isLoading,
-    isFetchingNextPage = _useInfiniteQuery.isFetchingNextPage,
-    hasNextPage = _useInfiniteQuery.hasNextPage,
-    isError = _useInfiniteQuery.isError,
-    fetchNextPage = _useInfiniteQuery.fetchNextPage,
-    refetch = _useInfiniteQuery.refetch;
-  //
-  _return.current.grade = data === null || data === void 0 ? void 0 : data.pages.flatMap(function (page) {
-    return page;
-  });
-  _return.current.isGradeLoading = isLoading || isFetchingNextPage;
-  _return.current.isGradeError = isError;
-  _return.current.refetchGrade = refetch;
-  _return.current.fetchNextPage = useCallback(function () {
-    if (hasNextPage && !isFetchingNextPage) {
-      void fetchNextPage();
-    }
-  }, [fetchNextPage, hasNextPage, isFetchingNextPage]);
-  return _return.current;
-};
-
-export { useInfiniteRunboxRunboxIdGrade };