@lunit/oui 1.0.0-alpha.3 → 1.0.0-alpha.5

package/dist/components/Dropdown/DropdownItem.styled.js

@@ -1,57 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { MenuItem, Typography, styled } from '@mui/material';
-const baseDropdownItemStyle = (theme) => {
-    return {
-        background: theme.palette.neutralGrey[85],
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'flex-start',
-        borderRadius: '8px',
-        position: 'relative',
-        margin: '0 8px',
-        gap: '9px',
-        '&:hover': {
-            background: theme.palette.neutralGrey[75],
-        },
-        '&.Mui-disabled': {
-            background: theme.palette.neutralGrey[85],
-            opacity: '1',
-            color: '#C4C4C4',
-            cursor: 'pointer !important',
-        },
-        '&.Mui-selected': {
-            background: 'transparent',
-            '&:hover, &.Mui-selected:hover, &.Mui-focusVisible, &.Mui-selected.Mui-focusVisible': {
-                borderRadius: '8px',
-                backgroundColor: theme.palette.neutralGrey[75],
-            },
-        },
-    };
-};
-const padNoIconStyle = {
-    paddingLeft: '45px !important',
-};
-const BaseDropdownItem = styled(MenuItem, {
-    shouldForwardProp: (prop) => prop !== 'emptyIcon',
-})(({ theme, emptyIcon }) => {
-    let style = baseDropdownItemStyle(theme);
-    if (emptyIcon) {
-        style = {
-            ...style,
-            ...padNoIconStyle,
-        };
-    }
-    return style;
-});
-const BaseShortcutLabel = styled(Typography)(({ theme }) => {
-    return {
-        color: theme.palette.neutralGrey[45],
-        position: 'absolute',
-        right: '20px',
-    };
-});
-const KeyboardShortcut = ({ label }) => {
-    return _jsx(BaseShortcutLabel, { variant: "body_m1", children: label });
-};
-export { BaseDropdownItem, KeyboardShortcut };
-//# sourceMappingURL=DropdownItem.styled.js.map

package/dist/components/Dropdown/DropdownItem.types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=DropdownItem.types.js.map

package/dist/components/Dropdown/DropdownItem.utils.js

@@ -1,10 +0,0 @@
-const BUTTON_DROPDOWN_ITEM = 'BUTTON_DROPDOWN_ITEM';
-const shouldPadForEmptyIcon = (emptyIcon, checkIcon, customIcon, selected) => {
-    if (checkIcon)
-        return !selected;
-    if (customIcon)
-        return false;
-    return !!emptyIcon;
-};
-export { BUTTON_DROPDOWN_ITEM, shouldPadForEmptyIcon };
-//# sourceMappingURL=DropdownItem.utils.js.map

package/dist/components/Dropdown/DropdownSubtitle.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import BaseDropdownSubtitle from './DropdownSubtitle.styled';
-const DropdownSubtitle = ({ label }) => {
-    return _jsx(BaseDropdownSubtitle, { variant: "small_body_m1", children: label });
-};
-export default DropdownSubtitle;
-//# sourceMappingURL=DropdownSubtitle.js.map

package/dist/components/Dropdown/DropdownSubtitle.styled.js

@@ -1,12 +0,0 @@
-import { Typography, styled } from '@mui/material';
-const BaseDropdownSubtitle = styled(Typography)(({ theme }) => {
-    return {
-        color: theme.palette.neutralGrey[40],
-        width: '140px',
-        height: '20px',
-        padding: '8px',
-        paddingLeft: '16px',
-    };
-});
-export default BaseDropdownSubtitle;
-//# sourceMappingURL=DropdownSubtitle.styled.js.map

package/dist/components/Dropdown/DropdownSubtitle.types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=DropdownSubtitle.types.js.map

package/dist/components/Dropdown/IconDropdown.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from 'react';
-import { ArrowDownXs } from '../Icons';
-import { BaseIconDropdown } from './IconDropdown.styled';
-import theme from '../../theme';
-const IconDropdown = ({ open, disabled, children, ...otherProps }) => {
-    const [isOpen, setOpen] = useState(false);
-    return (_jsx(BaseIconDropdown, { IconComponent: () => (_jsx(ArrowDownXs, { onClick: () => {
-                if (typeof open === 'undefined')
-                    setOpen(false);
-            }, style: isOpen || open
-                ? {
-                    cursor: 'pointer',
-                    transform: 'scaleY(-1)',
-                }
-                : undefined })), open: 
-        // eslint-disable-next-line no-nested-ternary
-        typeof open !== 'undefined' ? open : disabled ? false : isOpen, disabled: disabled, multiple: false, onClick: () => {
-            if (!disabled)
-                setOpen(!isOpen);
-        }, MenuProps: {
-            sx: {
-                '.MuiPaper-root': {
-                    marginTop: '4px',
-                    borderRadius: '8px',
-                    background: theme.palette.neutralGrey[85],
-                    border: 'transparent',
-                    left: 0,
-                    width: '260px',
-                },
-            },
-        }, ...otherProps, children: children }));
-};
-export default IconDropdown;
-//# sourceMappingURL=IconDropdown.js.map

package/dist/components/Dropdown/IconDropdown.styled.js

@@ -1,72 +0,0 @@
-import { Select, styled } from '@mui/material';
-const baseIconDropdownStyle = (theme) => {
-    return {
-        fontFamily: 'Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"',
-        fontSize: '14px',
-        fontWeight: '400',
-        background: theme.palette.neutralGrey[85],
-        width: '52px',
-        borderRadius: '8px',
-        border: '1px solid transparent',
-        padding: '0 2px 0 0',
-        height: '36px',
-        color: theme.palette.neutralGrey[5],
-        '& fieldset': {
-            border: 'none',
-        },
-        '&.Mui-focused': {
-            border: `1px solid transparent !important`,
-        },
-        '&.Mui-disabled': {
-            opacity: '0.4',
-        },
-        '.MuiSvgIcon-root ': {
-            cursor: 'pointer',
-            color: theme.palette.neutralGrey[5],
-            '&.Mui-disabled': {
-                color: theme.palette.neutralGrey[45],
-            },
-        },
-        '.MuiSelect-select': {
-            display: 'flex',
-            padding: '0 0 0 8px !important',
-            width: 'fit-content',
-        },
-        '&:hover': {
-            backgroundColor: theme.palette.neutralGrey[70],
-            opacity: 0.8,
-            border: `1px solid transparent`,
-            '&.Mui-disabled': {
-                border: '1px solid transparent',
-            },
-        },
-    };
-};
-const toggledIconDropdownStyle = (theme) => {
-    return {
-        backgroundColor: theme.palette.neutralGrey[70],
-        border: `1px solid transparent`,
-    };
-};
-const BaseIconDropdown = styled(Select, {
-    shouldForwardProp: (prop) => !['small', 'isToggled'].includes(prop.toString()),
-})(({ theme, isToggled }) => {
-    let style = baseIconDropdownStyle(theme);
-    if (isToggled) {
-        style = {
-            ...style,
-            ...toggledIconDropdownStyle(theme),
-        };
-    }
-    return style;
-});
-const DropdownContainer = styled('div')(() => {
-    return {
-        position: 'relative',
-        display: 'flex',
-        flexDirection: 'column',
-        minWidth: '32px',
-    };
-});
-export { BaseIconDropdown, DropdownContainer };
-//# sourceMappingURL=IconDropdown.styled.js.map

package/dist/components/Dropdown/IconDropdown.types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=IconDropdown.types.js.map

package/dist/components/Dropdown/index.js

@@ -1,6 +0,0 @@
-import Dropdown from './Dropdown';
-import DropdownItem from './DropdownItem';
-import DropdownSubtitle from './DropdownSubtitle';
-import IconDropdown from './IconDropdown';
-export { Dropdown, DropdownItem, DropdownSubtitle, IconDropdown, };
-//# sourceMappingURL=index.js.map

package/dist/components/FileDnDZone/FileDnDZone.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Typography } from '@mui/material';
-import { BaseFileDnDZone, DnDSection, DnDMainBox, FileDnDZoneContainer, } from './FileDnDZone.styled';
-import theme from '../../theme';
-import { DEFAULT_FILE_FORMATS } from './FileDnDZone.utils';
-const FileDnDZone = ({ slidesUploaded, maxSlideLimit = 500, acceptedFileFormats = DEFAULT_FILE_FORMATS, disabled, WrapperProps, OuterBoxProps, InnerBoxProps, SectionBoxProps, }) => {
-    const disabledSX = {
-        opacity: 0.4,
-    };
-    return (_jsx(FileDnDZoneContainer, { sx: disabled ? disabledSX : {}, ...WrapperProps, children: _jsxs(BaseFileDnDZone, { ...OuterBoxProps, children: [_jsx(Typography, { variant: "h7", sx: { color: theme.palette.neutralGrey[25] }, children: "Drag and drop your slide files here" }), _jsxs(DnDMainBox, { ...InnerBoxProps, children: [_jsxs(DnDSection, { ...SectionBoxProps, children: [_jsx(Typography, { variant: "body_sb1", sx: { color: theme.palette.neutralGrey[45] }, children: "Supported file formats" }), _jsx(Typography, { variant: "body_sb1", sx: { color: theme.palette.neutralGrey[25], padding: '0 18px', textAlign: 'center' }, children: acceptedFileFormats })] }), _jsxs(DnDSection, { ...SectionBoxProps, children: [_jsx(Typography, { variant: "body_sb1", sx: { color: theme.palette.neutralGrey[45] }, children: "Allowed number of slides" }), _jsx(Typography, { variant: "body_sb1", sx: { color: theme.palette.neutralGrey[25] }, children: `You have uploaded ${slidesUploaded.toLocaleString()} slides on Lunit SCOPE.` }), _jsx(Typography, { variant: "body_sb1", sx: { color: theme.palette.neutralGrey[25] }, children: `The number of slides cannot exceed ${maxSlideLimit.toLocaleString()}.` })] })] })] }) }));
-};
-export default FileDnDZone;
-//# sourceMappingURL=FileDnDZone.js.map

package/dist/components/FileDnDZone/FileDnDZone.styled.js

@@ -1,39 +0,0 @@
-import { Box, styled } from '@mui/material';
-const commonStyle = {
-    display: 'flex',
-    flexDirection: 'column',
-    alignItems: 'center',
-    justifyContent: 'center',
-};
-const FileDnDZoneContainer = styled(Box)(() => {
-    return {
-        position: 'relative',
-        height: '100%',
-        width: '100%',
-    };
-});
-const BaseFileDnDZone = styled(Box)(() => {
-    return {
-        ...commonStyle,
-        position: 'absolute',
-        left: 'calc(50% - 213px)',
-        top: '100px',
-        height: '196px',
-        width: '426px',
-        gap: '16px',
-    };
-});
-const DnDSection = styled(Box)(() => {
-    return {
-        ...commonStyle,
-        gap: '4px',
-    };
-});
-const DnDMainBox = styled(Box)(() => {
-    return {
-        ...commonStyle,
-        gap: '24px',
-    };
-});
-export { FileDnDZoneContainer, BaseFileDnDZone, DnDSection, DnDMainBox };
-//# sourceMappingURL=FileDnDZone.styled.js.map

package/dist/components/FileDnDZone/FileDnDZone.types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=FileDnDZone.types.js.map

package/dist/components/FileDnDZone/FileDnDZone.utils.js

@@ -1,3 +0,0 @@
-const DEFAULT_FILE_FORMATS = 'Leica(.svs), 3DHistech(.mrxs), and Philips(.isyntax, .tiff)';
-export { DEFAULT_FILE_FORMATS };
-//# sourceMappingURL=FileDnDZone.utils.js.map

package/dist/components/FileDnDZone/index.js

@@ -1,3 +0,0 @@
-import FileDnDZone from './FileDnDZone';
-export { FileDnDZone };
-//# sourceMappingURL=index.js.map

package/dist/components/Icons/BellNoti/index.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import SvgIcon from "@mui/material/SvgIcon";
-import { IcBellNotiOutlined20Px as outlined } from '../../../assets';
-const variants = ['outlined',];
-const BellNoti = ({ variant = 'outlined', ...rest }) => {
-    if (variant === 'outlined') {
-        return _jsx(SvgIcon, { ...rest, component: outlined, inheritViewBox: true });
-    }
-    return null;
-};
-BellNoti.displayName = 'BellNoti';
-BellNoti.variants = variants;
-export default BellNoti;
-//# sourceMappingURL=index.js.map

package/dist/components/Icons/CloseLarge/index.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import SvgIcon from "@mui/material/SvgIcon";
-import { IcCloseLargeOutlined20Px as outlined } from '../../../assets';
-const variants = ['outlined',];
-const CloseLarge = ({ variant = 'outlined', ...rest }) => {
-    if (variant === 'outlined') {
-        return _jsx(SvgIcon, { ...rest, component: outlined, inheritViewBox: true });
-    }
-    return null;
-};
-CloseLarge.displayName = 'CloseLarge';
-CloseLarge.variants = variants;
-export default CloseLarge;
-//# sourceMappingURL=index.js.map

package/dist/components/Icons/CloseSmall/index.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import SvgIcon from "@mui/material/SvgIcon";
-import { IcCloseSmallOutlined20Px as outlined } from '../../../assets';
-const variants = ['outlined',];
-const CloseSmall = ({ variant = 'outlined', ...rest }) => {
-    if (variant === 'outlined') {
-        return _jsx(SvgIcon, { ...rest, component: outlined, inheritViewBox: true });
-    }
-    return null;
-};
-CloseSmall.displayName = 'CloseSmall';
-CloseSmall.variants = variants;
-export default CloseSmall;
-//# sourceMappingURL=index.js.map

package/dist/components/Icons/DownloadPdf/index.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import SvgIcon from "@mui/material/SvgIcon";
-import { IcDownloadPdfOutlined20Px as outlined } from '../../../assets';
-const variants = ['outlined',];
-const DownloadPdf = ({ variant = 'outlined', ...rest }) => {
-    if (variant === 'outlined') {
-        return _jsx(SvgIcon, { ...rest, component: outlined, inheritViewBox: true });
-    }
-    return null;
-};
-DownloadPdf.displayName = 'DownloadPdf';
-DownloadPdf.variants = variants;
-export default DownloadPdf;
-//# sourceMappingURL=index.js.map

package/dist/components/Icons/Ellipse/index.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import SvgIcon from "@mui/material/SvgIcon";
-import { IcEllipseOutlined20Px as outlined } from '../../../assets';
-const variants = ['outlined',];
-const Ellipse = ({ variant = 'outlined', ...rest }) => {
-    if (variant === 'outlined') {
-        return _jsx(SvgIcon, { ...rest, component: outlined, inheritViewBox: true });
-    }
-    return null;
-};
-Ellipse.displayName = 'Ellipse';
-Ellipse.variants = variants;
-export default Ellipse;
-//# sourceMappingURL=index.js.map

package/dist/components/Icons/FilterNoti/index.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import SvgIcon from "@mui/material/SvgIcon";
-import { IcFilterNotiOutlined20Px as outlined } from '../../../assets';
-const variants = ['outlined',];
-const FilterNoti = ({ variant = 'outlined', ...rest }) => {
-    if (variant === 'outlined') {
-        return _jsx(SvgIcon, { ...rest, component: outlined, inheritViewBox: true });
-    }
-    return null;
-};
-FilterNoti.displayName = 'FilterNoti';
-FilterNoti.variants = variants;
-export default FilterNoti;
-//# sourceMappingURL=index.js.map

package/dist/components/Icons/HideLarge/index.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import SvgIcon from "@mui/material/SvgIcon";
-import { IcHideLargeOutlined20Px as outlined } from '../../../assets';
-const variants = ['outlined',];
-const HideLarge = ({ variant = 'outlined', ...rest }) => {
-    if (variant === 'outlined') {
-        return _jsx(SvgIcon, { ...rest, component: outlined, inheritViewBox: true });
-    }
-    return null;
-};
-HideLarge.displayName = 'HideLarge';
-HideLarge.variants = variants;
-export default HideLarge;
-//# sourceMappingURL=index.js.map

package/dist/components/Icons/HideSmall/index.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import SvgIcon from "@mui/material/SvgIcon";
-import { IcHideSmallOutlined20Px as outlined } from '../../../assets';
-const variants = ['outlined',];
-const HideSmall = ({ variant = 'outlined', ...rest }) => {
-    if (variant === 'outlined') {
-        return _jsx(SvgIcon, { ...rest, component: outlined, inheritViewBox: true });
-    }
-    return null;
-};
-HideSmall.displayName = 'HideSmall';
-HideSmall.variants = variants;
-export default HideSmall;
-//# sourceMappingURL=index.js.map

package/dist/components/Icons/InformationLarge/index.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import SvgIcon from "@mui/material/SvgIcon";
-import { IcInformationLargeOutlined20Px as outlined } from '../../../assets';
-const variants = ['outlined',];
-const InformationLarge = ({ variant = 'outlined', ...rest }) => {
-    if (variant === 'outlined') {
-        return _jsx(SvgIcon, { ...rest, component: outlined, inheritViewBox: true });
-    }
-    return null;
-};
-InformationLarge.displayName = 'InformationLarge';
-InformationLarge.variants = variants;
-export default InformationLarge;
-//# sourceMappingURL=index.js.map

package/dist/components/Icons/InformationSmall/index.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import SvgIcon from "@mui/material/SvgIcon";
-import { IcInformationSmallOutlined20Px as outlined } from '../../../assets';
-const variants = ['outlined',];
-const InformationSmall = ({ variant = 'outlined', ...rest }) => {
-    if (variant === 'outlined') {
-        return _jsx(SvgIcon, { ...rest, component: outlined, inheritViewBox: true });
-    }
-    return null;
-};
-InformationSmall.displayName = 'InformationSmall';
-InformationSmall.variants = variants;
-export default InformationSmall;
-//# sourceMappingURL=index.js.map

package/dist/components/Icons/Manufacturer/index.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import SvgIcon from "@mui/material/SvgIcon";
-import { IcManufacturerOutlined20Px as outlined } from '../../../assets';
-const variants = ['outlined',];
-const Manufacturer = ({ variant = 'outlined', ...rest }) => {
-    if (variant === 'outlined') {
-        return _jsx(SvgIcon, { ...rest, component: outlined, inheritViewBox: true });
-    }
-    return null;
-};
-Manufacturer.displayName = 'Manufacturer';
-Manufacturer.variants = variants;
-export default Manufacturer;
-//# sourceMappingURL=index.js.map

package/dist/components/Icons/Rectangle/index.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import SvgIcon from "@mui/material/SvgIcon";
-import { IcRectangleOutlined20Px as outlined } from '../../../assets';
-const variants = ['outlined',];
-const Rectangle = ({ variant = 'outlined', ...rest }) => {
-    if (variant === 'outlined') {
-        return _jsx(SvgIcon, { ...rest, component: outlined, inheritViewBox: true });
-    }
-    return null;
-};
-Rectangle.displayName = 'Rectangle';
-Rectangle.variants = variants;
-export default Rectangle;
-//# sourceMappingURL=index.js.map

package/dist/components/Icons/RefreshLeft/index.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import SvgIcon from "@mui/material/SvgIcon";
-import { IcRefreshLeftOutlined20Px as outlined } from '../../../assets';
-const variants = ['outlined',];
-const RefreshLeft = ({ variant = 'outlined', ...rest }) => {
-    if (variant === 'outlined') {
-        return _jsx(SvgIcon, { ...rest, component: outlined, inheritViewBox: true });
-    }
-    return null;
-};
-RefreshLeft.displayName = 'RefreshLeft';
-RefreshLeft.variants = variants;
-export default RefreshLeft;
-//# sourceMappingURL=index.js.map

package/dist/components/Icons/RefreshRight/index.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import SvgIcon from "@mui/material/SvgIcon";
-import { IcRefreshRightOutlined20Px as outlined } from '../../../assets';
-const variants = ['outlined',];
-const RefreshRight = ({ variant = 'outlined', ...rest }) => {
-    if (variant === 'outlined') {
-        return _jsx(SvgIcon, { ...rest, component: outlined, inheritViewBox: true });
-    }
-    return null;
-};
-RefreshRight.displayName = 'RefreshRight';
-RefreshRight.variants = variants;
-export default RefreshRight;
-//# sourceMappingURL=index.js.map

package/dist/components/Icons/ShowLarge/index.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import SvgIcon from "@mui/material/SvgIcon";
-import { IcShowLargeOutlined20Px as outlined } from '../../../assets';
-const variants = ['outlined',];
-const ShowLarge = ({ variant = 'outlined', ...rest }) => {
-    if (variant === 'outlined') {
-        return _jsx(SvgIcon, { ...rest, component: outlined, inheritViewBox: true });
-    }
-    return null;
-};
-ShowLarge.displayName = 'ShowLarge';
-ShowLarge.variants = variants;
-export default ShowLarge;
-//# sourceMappingURL=index.js.map

package/dist/components/Icons/ShowSmall/index.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import SvgIcon from "@mui/material/SvgIcon";
-import { IcShowSmallOutlined20Px as outlined } from '../../../assets';
-const variants = ['outlined',];
-const ShowSmall = ({ variant = 'outlined', ...rest }) => {
-    if (variant === 'outlined') {
-        return _jsx(SvgIcon, { ...rest, component: outlined, inheritViewBox: true });
-    }
-    return null;
-};
-ShowSmall.displayName = 'ShowSmall';
-ShowSmall.variants = variants;
-export default ShowSmall;
-//# sourceMappingURL=index.js.map