@lunit/oui 2.4.0 → 2.4.1

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.1",
   "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)"