@lunit/oui 2.4.1 → 2.4.3

package/dist/components/Pagination/Pagination.d.ts

@@ -1,3 +1,3 @@
 import { PaginationProps } from './Pagination.types';
-declare function Pagination({ count: itemCount, page: selectedPage, perPage: selectedPerPage, totalPage, onPageChange, onPerPageChange, }: PaginationProps): import("react/jsx-runtime").JSX.Element;
+declare function Pagination({ page: selectedPage, perPage: selectedPerPage, totalPage, onPageChange, onPerPageChange, }: PaginationProps): import("react/jsx-runtime").JSX.Element;
 export default Pagination;

package/dist/components/Pagination/Pagination.js

@@ -4,14 +4,12 @@ import { ArrowDown } from '../../icons';
 import { Divider } from '../Divider';
 import { MenuItem, Menu } from '../Menu';
 import { PaperProps, PaginationBox, SidePageBox, SelectButton, ArrowButton, PAGE_SIZE_LIST, divider, } from './Pagination.styled';
-function Pagination({ count: itemCount, page: selectedPage = 1, perPage: selectedPerPage, totalPage, onPageChange, onPerPageChange, }) {
+function Pagination({ page: selectedPage = 1, perPage: selectedPerPage, totalPage, onPageChange, onPerPageChange, }) {
     const [perPageAnchorEl, setPerPageAnchorEl] = useState(null);
     const [pageAnchorEl, setPageAnchorEl] = useState(null);
     const perPageOpen = Boolean(perPageAnchorEl);
     const pageOpen = Boolean(pageAnchorEl);
     const pages = useMemo(() => Array.from({ length: totalPage }, (_, index) => index + 1), [totalPage]);
-    const startItemNumber = selectedPerPage * (selectedPage - 1) + 1;
-    const endItemNumber = Math.min(startItemNumber + selectedPerPage - 1, itemCount);
     const handlePerPageClick = (event) => {
         setPerPageAnchorEl(event.currentTarget);
     };
@@ -41,7 +39,7 @@ function Pagination({ count: itemCount, page: selectedPage = 1, perPage: selecte
                                 event.preventDefault();
                                 onPerPageChange?.(event, perPage);
                                 handlePerPageClose();
-                            }, label: perPage }, perPage))) }), _jsx(Divider, { orientation: "vertical", sx: divider }), startItemNumber, "-", endItemNumber, " of \u00A0", itemCount, " items"] }), _jsxs(SidePageBox, { children: ["This page", _jsx(SelectButton, { id: "selected-page", endIcon: _jsx(ArrowDown, { style: {
+                            }, label: perPage }, perPage))) }), _jsx(Divider, { orientation: "vertical", sx: divider })] }), _jsxs(SidePageBox, { children: ["This page", _jsx(SelectButton, { id: "selected-page", endIcon: _jsx(ArrowDown, { style: {
                                 transform: pageOpen ? 'rotate(180deg)' : 'rotate(0deg)',
                             } }), onClick: handlePageClick, children: selectedPage }), _jsx(Menu, { showCheck: true, anchorEl: pageAnchorEl, anchorOrigin: {
                             vertical: 'top',

package/dist/components/Pagination/Pagination.styled.js

@@ -5,7 +5,7 @@ export const PAGE_SIZE_LIST = [25, 50, 75, 100];
 export const PaginationBox = styled(Box)(({ theme }) => ({
     ...theme.typography.body5,
     display: 'flex',
-    justifyContent: 'space-between',
+    justifyContent: 'flex-end',
     alignItems: 'center',
     borderTop: `1px solid ${theme.palette.neutralGrey[90]}`,
     height: '48px',

package/dist/components/Pagination/Pagination.types.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 export interface PaginationProps {
-    count: number;
     page?: number;
     perPage: number;
     totalPage: number;

package/dist/components/UploadManager/UploadManager.js

@@ -32,12 +32,12 @@ const UploadFile = ({ file, onCancel, onRetry }) => {
     return (_jsxs(_Fragment, { children: [_jsxs(StyledUploadFile, { sx: {
                     justifyContent: file.meta.postProcessConverting ? 'flex-start' : 'space-between',
                 }, children: [!file.meta.errorMessage && (_jsxs(_Fragment, { children: [_jsx(Typography, { variant: "body5", sx: {
-                                    width: file.meta?.postProcessConverting ? '80px' : '100%',
+                                    width: file.meta?.postProcessConverting ? '79px' : '100%',
                                     marginRight: '16px',
                                     overflow: 'hidden',
                                     textOverflow: 'ellipsis',
                                 }, children: file.name }), progress < 100 && (_jsx(Tooltip, { title: "Cancel", children: _jsx(Box, { children: _jsx(Button, { onClick: () => onCancel && onCancel(file.id), variant: "ghost", color: "secondary", icon: _jsx(Close, { style: { color: theme.palette.neutralGrey[40] } }) }) }) })), progress === 100 && file.meta.postProcessComplete && (_jsx(Tooltip, { title: "Done", children: _jsx(Box, { children: _jsx(Button, { variant: "ghost", icon: _jsx(Success, {}) }) }) }))] })), file.meta.errorMessage && (_jsxs(_Fragment, { children: [_jsx(Typography, { variant: "body5", sx: {
-                                    width: '80px',
+                                    width: '79px',
                                     marginRight: '16px',
                                     whiteSpace: 'nowrap',
                                     overflow: 'hidden',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lunit/oui",
-  "version": "2.4.1",
+  "version": "2.4.3",
   "validate-branch-name": {
     "pattern": "^(main|develop)|(feature|fix|release|hotfix|qe)/.+$",
     "errorMsg": "The branch name is not correct. Please check the pattern. (ex. feature/add-something)"