@lunit/oui 2.4.0 → 2.4.2

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/TextField/components/Buttons.js

@@ -2,20 +2,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { CloseSmall, HideSmall, ShowSmall } from '../../../icons';
 import { ButtonWrapper } from '../TextInput.styled';
 function ClearButton({ onClick }) {
-    return (_jsx(ButtonWrapper, { onClick: onClick, onKeyDown: (event) => {
-            if (event.key === 'Enter') {
-                event.preventDefault();
-                event.stopPropagation();
-            }
-        }, children: _jsx(CloseSmall, { fontSize: "small" }) }));
+    return (_jsx(ButtonWrapper, { onClick: onClick, children: _jsx(CloseSmall, { fontSize: "small" }) }));
 }
 function ShowHidePasswordButton({ onClick, isHidden, }) {
-    return (_jsx(ButtonWrapper, { onClick: onClick, onKeyDown: (event) => {
-            if (event.key === 'Enter') {
-                event.preventDefault();
-                event.stopPropagation();
-            }
-        }, children: isHidden ? _jsx(HideSmall, {}) : _jsx(ShowSmall, {}) }));
+    return (_jsx(ButtonWrapper, { onClick: onClick, children: isHidden ? _jsx(HideSmall, {}) : _jsx(ShowSmall, {}) }));
 }
 function FileInputWrapperButton({ children, onClick, width, }) {
     return (_jsx("button", { onClick: onClick, style: {

package/dist/components/TextField/components/NormalTextInput.js

@@ -5,7 +5,7 @@ import { BaseTextInput, LeftIconContainer, RightIconContainer } from '../TextInp
 import { ClearButton } from './Buttons';
 const NormalTextInput = forwardRef((props, ref) => {
     const { error, helperMsg, leftIcon, rightIcon, onClearButtonClick, inputSX, ...inputProps } = props;
-    const [showClear, setShowClear] = useState(!!props.defaultValue ?? false);
+    const [showClear, setShowClear] = useState(!!props.defaultValue);
     const showRightIcon = useMemo(() => {
         return (rightIcon ?? // if rightIcon is passed, use it, else use clear button
             (!props.disabled && // hide if disabled

package/dist/components/TextField/components/PasswordInput.js

@@ -11,11 +11,22 @@ function PasswordInputContainer(props) {
                     }, isHidden: hidePassword })) }), error ? (_jsx(InputMsg, { variant: "body5", error: true, children: error })) : (helperMsg && _jsx(InputMsg, { variant: "body5", children: helperMsg }))] }));
 }
 const PasswordInput = forwardRef((props, ref) => {
-    const { error, helperMsg, leftIcon, type, inputSX, ...otherInputProps } = props;
+    const { error, helperMsg, leftIcon, type, inputSX, onKeyDown, ...otherInputProps } = props;
     const [hidePassword, setHidePassword] = useState(true);
     function handlePasswordShowHide() {
         setHidePassword(!hidePassword);
     }
-    return (_jsx(PasswordInputContainer, { ...props, hidePassword: hidePassword, handlePasswordShowHide: () => handlePasswordShowHide(), children: _jsx(BaseTextInput, { type: hidePassword ? 'password' : 'text', ref: ref, ...otherInputProps, leftIcon: leftIcon, sx: inputSX }) }));
+    const handleKeyDown = (event) => {
+        // Call the original onKeyDown if provided
+        if (onKeyDown) {
+            onKeyDown(event);
+        }
+        // Prevent Enter key from changing password visibility
+        if (event.key === 'Enter') {
+            event.preventDefault();
+            event.stopPropagation();
+        }
+    };
+    return (_jsx(PasswordInputContainer, { ...props, hidePassword: hidePassword, handlePasswordShowHide: () => handlePasswordShowHide(), children: _jsx(BaseTextInput, { type: hidePassword ? 'password' : 'text', ref: ref, ...otherInputProps, onKeyDown: handleKeyDown, leftIcon: leftIcon, sx: inputSX }) }));
 });
 export default PasswordInput;

package/dist/presentations/AnalysisBar/AnalysisBar.styled.js

@@ -19,7 +19,7 @@ export const AnalysisBarSegmentContainer = styled(Box)(() => ({
     width: '100%',
     gap: '1px',
 }));
-const GraphScoreIndicatorContainer = styled('span', {
+const GraphScoreIndicatorContainer = styled(Box, {
     shouldForwardProp: (prop) => prop !== 'isJet',
 })(({ isJet }) => {
     return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lunit/oui",
-  "version": "2.4.0",
+  "version": "2.4.2",
   "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)"