@lunit/oui 2.2.17 → 2.2.19

package/dist/components/TextField/components/FileInput.js

@@ -1,14 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useState } from 'react';
+import { forwardRef } from 'react';
 import { uniqueId } from 'lodash';
 import { Box, Typography } from '@mui/material';
 import { Project } from '../../../icons';
 import theme from '../../../theme';
 import { InputMsg, BaseTextFieldContainer, BaseTextFieldBox, } from '../../BaseTextField/BaseTextField.styled';
 import { FileInputLabel, LeftIconContainer, RightIconContainer } from '../TextInput.styled';
-function fileNameFromFullPath(path) {
-    return path.split('\\').pop();
-}
 const FileInput = forwardRef((props, ref) => {
     const { error, helperMsg, leftIcon, rightIcon, inputSX, type: inputType, value, onChange, onClick, ...inputProps } = props;
     // Unique ID used to select hidden file input and click on it
@@ -17,14 +14,9 @@ const FileInput = forwardRef((props, ref) => {
         paddingRight: '44px',
         width: '100%',
     };
-    const [labelText, setLabelText] = useState('');
     const handleChange = (event) => {
-        const filePath = event.target.value;
-        if (filePath) {
-            setLabelText(fileNameFromFullPath(filePath));
-        }
         onChange?.(event);
     };
-    return (_jsxs(BaseTextFieldBox, { ...props.OuterBoxProps, width: props.width, children: [_jsxs(BaseTextFieldContainer, { ...props.InputContainerProps, width: props.width, children: [leftIcon && (_jsx(LeftIconContainer, { sx: inputProps.disabled ? { opacity: '0.8' } : undefined, children: leftIcon })), _jsxs(FileInputLabel, { disabled: props.disabled, readOnly: props.readOnly, large: props.large, error: !!error, leftIcon: leftIcon, sx: baseSX, children: [_jsx("input", { ref: ref, type: "file", name: uID, accept: props.accept, style: { display: 'none' }, disabled: inputProps.disabled, onChange: handleChange, readOnly: false }), labelText ? (_jsx(Box, { children: labelText })) : (_jsx(Typography, { variant: "body5", sx: { color: theme.palette.neutralGrey[45] }, children: props.placeholder })), _jsx(RightIconContainer, { sx: { pointerEvents: 'none' }, children: _jsx(Project, {}) })] })] }), error ? (_jsx(InputMsg, { variant: "body5", error: true, children: error })) : (helperMsg && _jsx(InputMsg, { variant: "body5", children: helperMsg }))] }));
+    return (_jsxs(BaseTextFieldBox, { ...props.OuterBoxProps, width: props.width, children: [_jsxs(BaseTextFieldContainer, { ...props.InputContainerProps, width: props.width, children: [leftIcon && (_jsx(LeftIconContainer, { sx: inputProps.disabled ? { opacity: '0.8' } : undefined, children: leftIcon })), _jsxs(FileInputLabel, { disabled: props.disabled, readOnly: props.readOnly, large: props.large, error: !!error, leftIcon: leftIcon, sx: baseSX, children: [_jsx("input", { ref: ref, type: "file", name: uID, accept: props.accept, style: { display: 'none' }, disabled: inputProps.disabled, onChange: handleChange, readOnly: false }), value ? (_jsx(Box, { children: value })) : (_jsx(Typography, { variant: "body5", sx: { color: theme.palette.neutralGrey[45] }, children: props.placeholder })), _jsx(RightIconContainer, { sx: { pointerEvents: 'none' }, children: _jsx(Project, {}) })] })] }), error ? (_jsx(InputMsg, { variant: "body5", error: true, children: error })) : (helperMsg && _jsx(InputMsg, { variant: "body5", children: helperMsg }))] }));
 });
 export default FileInput;

package/dist/presentations/ToggleControlGroup/ToggleControlGroup.js

@@ -12,7 +12,7 @@ const ToggleControlGroup = ({ componentType = 'toggleGroup', size = 'medium', ti
     if (!childToggles.length)
         throw new Error("The 'childToggles' prop must contain at least one child toggle.");
     return (_jsxs(ToggleControlGroupContainer, { children: [_jsx(ToggleControl, { isParent: true, componentType: "toggle", bar: bar, disabled: disabled, size: size, title: title, tooltip: tooltip, checked: checked, isDimmed: isDimmed, onChange: onChange }), childToggles?.map((child, index) => {
-                return (_jsx(ToggleControl, { componentType: "toggle", title: child.title, size: size, tooltip: child.tooltip, symbol: child.symbol, color: child.color, isDimmed: child.isDimmed || isDimmed, checked: child.checked, disabled: child.disabled, onChange: (event) => {
+                return (_jsx(ToggleControl, { componentType: "toggle", title: child.title, size: child.size, tooltip: child.tooltip, symbol: child.symbol, color: child.color, isDimmed: child.isDimmed || isDimmed, checked: child.checked, disabled: child.disabled, onChange: (event) => {
                         child.onChange(event);
                     }, bar: child.bar }, uuidV4()));
             })] }));

package/dist/presentations/presentations.styled.js

@@ -12,16 +12,14 @@ export const PresentationTypography = (props) => {
     if (size === 'small-bold') {
         return (_jsx(Typography, { variant: "body8", ...rest, sx: { fontWeight: 'bold', color: isDimmed ? theme.palette.neutralGrey[40] : 'inherit' } }));
     }
-    if (size === 'medium') {
-        return (_jsx(Typography, { variant: "body5", ...rest, sx: { color: isDimmed ? theme.palette.neutralGrey[40] : 'inherit' } }));
-    }
     if (size === 'medium-bold') {
         return (_jsx(Typography, { variant: "body_b1", ...rest, sx: { color: isDimmed ? theme.palette.neutralGrey[40] : 'inherit' } }));
     }
     if (size === 'large-bold') {
         return (_jsx(Typography, { variant: "h9", ...rest, sx: { color: isDimmed ? theme.palette.neutralGrey[40] : 'inherit' } }));
     }
-    return _jsx(Typography, { ...rest });
+    // Fallback to medium size
+    return (_jsx(Typography, { variant: "body5", ...rest, sx: { color: isDimmed ? theme.palette.neutralGrey[40] : 'inherit' } }));
 };
 export const PresentationSymbolIcon = ({ symbol, color = 'black', isDimmed = false, }) => {
     if (symbol === 'circle') {

package/package.json

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