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

package/dist/components/Icons/index.js

@@ -1,180 +0,0 @@
-export { default as BellNoti } from './BellNoti';
-export { default as CloseLarge } from './CloseLarge';
-export { default as CloseSmall } from './CloseSmall';
-export { default as DownloadPdf } from './DownloadPdf';
-export { default as Ellipse } from './Ellipse';
-export { default as FilterNoti } from './FilterNoti';
-export { default as HideLarge } from './HideLarge';
-export { default as HideSmall } from './HideSmall';
-export { default as InformationLarge } from './InformationLarge';
-export { default as InformationSmall } from './InformationSmall';
-export { default as Manufacturer } from './Manufacturer';
-export { default as Rectangle } from './Rectangle';
-export { default as RefreshLeft } from './RefreshLeft';
-export { default as RefreshRight } from './RefreshRight';
-export { default as ShowLarge } from './ShowLarge';
-export { default as ShowSmall } from './ShowSmall';
-export { Analyze } from '@lunit/design-system-icons';
-export { Annotation } from '@lunit/design-system-icons';
-export { Apps } from '@lunit/design-system-icons';
-export { ArrowDoubleDown } from '@lunit/design-system-icons';
-export { ArrowDoubleLeft } from '@lunit/design-system-icons';
-export { ArrowDoubleRight } from '@lunit/design-system-icons';
-export { ArrowDoubleUp } from '@lunit/design-system-icons';
-export { ArrowDown } from '@lunit/design-system-icons';
-export { ArrowDownSm } from '@lunit/design-system-icons';
-export { ArrowDownXs } from '@lunit/design-system-icons';
-export { ArrowDownward } from '@lunit/design-system-icons';
-export { ArrowExpand } from '@lunit/design-system-icons';
-export { ArrowLeft } from '@lunit/design-system-icons';
-export { ArrowMore } from '@lunit/design-system-icons';
-export { ArrowRight } from '@lunit/design-system-icons';
-export { ArrowUp } from '@lunit/design-system-icons';
-export { ArrowUpSm } from '@lunit/design-system-icons';
-export { ArrowUpXs } from '@lunit/design-system-icons';
-export { ArrowUpward } from '@lunit/design-system-icons';
-export { Avatar16 } from '@lunit/design-system-icons';
-export { Avatar } from '@lunit/design-system-icons';
-export { Avatar28 } from '@lunit/design-system-icons';
-export { Bell } from '@lunit/design-system-icons';
-export { Brightness } from '@lunit/design-system-icons';
-export { BrightnessPreset } from '@lunit/design-system-icons';
-export { Brush } from '@lunit/design-system-icons';
-export { Calendar } from '@lunit/design-system-icons';
-export { Check } from '@lunit/design-system-icons';
-export { Close16 } from '@lunit/design-system-icons';
-export { Close } from '@lunit/design-system-icons';
-export { CloudDownload } from '@lunit/design-system-icons';
-export { CloudUpload } from '@lunit/design-system-icons';
-export { Convert } from '@lunit/design-system-icons';
-export { Crop } from '@lunit/design-system-icons';
-export { Cursor } from '@lunit/design-system-icons';
-export { Dashboard } from '@lunit/design-system-icons';
-export { Delete } from '@lunit/design-system-icons';
-export { Demo } from '@lunit/design-system-icons';
-export { DownloadFolder } from '@lunit/design-system-icons';
-export { DownloadT1 } from '@lunit/design-system-icons';
-export { DownloadT2 } from '@lunit/design-system-icons';
-export { DownloadT3 } from '@lunit/design-system-icons';
-export { DownloadT4 } from '@lunit/design-system-icons';
-export { DrawArrow } from '@lunit/design-system-icons';
-export { DrawLine } from '@lunit/design-system-icons';
-export { Dummy16 } from '@lunit/design-system-icons';
-export { Dummy } from '@lunit/design-system-icons';
-export { Duplicate } from '@lunit/design-system-icons';
-export { Edit } from '@lunit/design-system-icons';
-export { EditTtr } from '@lunit/design-system-icons';
-export { EditType } from '@lunit/design-system-icons';
-export { Eraser } from '@lunit/design-system-icons';
-export { Error16 } from '@lunit/design-system-icons';
-export { Error } from '@lunit/design-system-icons';
-export { Exclude16 } from '@lunit/design-system-icons';
-export { Exclude } from '@lunit/design-system-icons';
-export { Feedback } from '@lunit/design-system-icons';
-export { File } from '@lunit/design-system-icons';
-export { Filter } from '@lunit/design-system-icons';
-export { FlipHorizontal } from '@lunit/design-system-icons';
-export { FlipVertical } from '@lunit/design-system-icons';
-export { FloodFill } from '@lunit/design-system-icons';
-export { Forward } from '@lunit/design-system-icons';
-export { Fullscreen } from '@lunit/design-system-icons';
-export { Hand } from '@lunit/design-system-icons';
-export { Help } from '@lunit/design-system-icons';
-export { Hide16 } from '@lunit/design-system-icons';
-export { Hide } from '@lunit/design-system-icons';
-export { History } from '@lunit/design-system-icons';
-export { Home } from '@lunit/design-system-icons';
-export { Include16 } from '@lunit/design-system-icons';
-export { Include } from '@lunit/design-system-icons';
-export { Information16 } from '@lunit/design-system-icons';
-export { Information } from '@lunit/design-system-icons';
-export { Invert } from '@lunit/design-system-icons';
-export { Label } from '@lunit/design-system-icons';
-export { Language } from '@lunit/design-system-icons';
-export { Layout1x1 } from '@lunit/design-system-icons';
-export { Layout1x2 } from '@lunit/design-system-icons';
-export { Layout1x4 } from '@lunit/design-system-icons';
-export { Layout2x1 } from '@lunit/design-system-icons';
-export { Layout2x2 } from '@lunit/design-system-icons';
-export { Lock } from '@lunit/design-system-icons';
-export { Logo16 } from '@lunit/design-system-icons';
-export { Logo } from '@lunit/design-system-icons';
-export { Logo32 } from '@lunit/design-system-icons';
-export { Logout } from '@lunit/design-system-icons';
-export { LunitLogo } from '@lunit/design-system-icons';
-export { Magnify } from '@lunit/design-system-icons';
-export { Menu as MenuIcon } from '@lunit/design-system-icons';
-export { MenuOpen } from '@lunit/design-system-icons';
-export { Minus } from '@lunit/design-system-icons';
-export { MoreHorizontal } from '@lunit/design-system-icons';
-export { MoreVertical } from '@lunit/design-system-icons';
-export { MoveDown } from '@lunit/design-system-icons';
-export { MoveLeft } from '@lunit/design-system-icons';
-export { MoveRight } from '@lunit/design-system-icons';
-export { MoveUp } from '@lunit/design-system-icons';
-export { Pan } from '@lunit/design-system-icons';
-export { Password } from '@lunit/design-system-icons';
-export { PathologySlides } from '@lunit/design-system-icons';
-export { PauseT1 } from '@lunit/design-system-icons';
-export { PauseT2 } from '@lunit/design-system-icons';
-export { PdfDownload } from '@lunit/design-system-icons';
-export { PdfUpload } from '@lunit/design-system-icons';
-export { Pen } from '@lunit/design-system-icons';
-export { Play } from '@lunit/design-system-icons';
-export { Plus } from '@lunit/design-system-icons';
-export { PolygonSelection } from '@lunit/design-system-icons';
-export { Project } from '@lunit/design-system-icons';
-export { Redo } from '@lunit/design-system-icons';
-export { Refresh } from '@lunit/design-system-icons';
-export { Removable16 } from '@lunit/design-system-icons';
-export { Removable } from '@lunit/design-system-icons';
-export { Reorder } from '@lunit/design-system-icons';
-export { Report } from '@lunit/design-system-icons';
-export { Reset } from '@lunit/design-system-icons';
-export { ResetText } from '@lunit/design-system-icons';
-export { ResetView } from '@lunit/design-system-icons';
-export { Review } from '@lunit/design-system-icons';
-export { Rewind } from '@lunit/design-system-icons';
-export { RotationLeft } from '@lunit/design-system-icons';
-export { RotationRight } from '@lunit/design-system-icons';
-export { RulerT1 } from '@lunit/design-system-icons';
-export { RulerT2 } from '@lunit/design-system-icons';
-export { RulerviewCircle } from '@lunit/design-system-icons';
-export { RulerviewLine } from '@lunit/design-system-icons';
-export { Save } from '@lunit/design-system-icons';
-export { SearchT1 } from '@lunit/design-system-icons';
-export { SearchT2 } from '@lunit/design-system-icons';
-export { SendEmail } from '@lunit/design-system-icons';
-export { Setting } from '@lunit/design-system-icons';
-export { Shortcut } from '@lunit/design-system-icons';
-export { Show16 } from '@lunit/design-system-icons';
-export { Show } from '@lunit/design-system-icons';
-export { Skip } from '@lunit/design-system-icons';
-export { StartT1 } from '@lunit/design-system-icons';
-export { StartT2 } from '@lunit/design-system-icons';
-export { Storage } from '@lunit/design-system-icons';
-export { Success16 } from '@lunit/design-system-icons';
-export { Success } from '@lunit/design-system-icons';
-export { TagT1 } from '@lunit/design-system-icons';
-export { TagT2 } from '@lunit/design-system-icons';
-export { TagT3 } from '@lunit/design-system-icons';
-export { Text } from '@lunit/design-system-icons';
-export { Toggle } from '@lunit/design-system-icons';
-export { Undo } from '@lunit/design-system-icons';
-export { Unlock } from '@lunit/design-system-icons';
-export { UploadFolder } from '@lunit/design-system-icons';
-export { UploadT1 } from '@lunit/design-system-icons';
-export { UploadT2 } from '@lunit/design-system-icons';
-export { UploadT3 } from '@lunit/design-system-icons';
-export { UploadT4 } from '@lunit/design-system-icons';
-export { User } from '@lunit/design-system-icons';
-export { ViewList } from '@lunit/design-system-icons';
-export { ViewModule } from '@lunit/design-system-icons';
-export { ViewfinderT1 } from '@lunit/design-system-icons';
-export { ViewfinderT2 } from '@lunit/design-system-icons';
-export { ViewfinderT3 } from '@lunit/design-system-icons';
-export { Warning16 } from '@lunit/design-system-icons';
-export { Warning } from '@lunit/design-system-icons';
-export { ZoomIn } from '@lunit/design-system-icons';
-export { ZoomOut } from '@lunit/design-system-icons';
-//# sourceMappingURL=index.js.map

package/dist/components/List/List.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createContext, useMemo } from 'react';
-import { ArrowDownSm, ArrowUpSm } from '../Icons';
-import { Collapse } from '@mui/material';
-import { MuiList, MuiListSubheader } from './List.styled';
-export const ListContext = createContext({
-    size: 'small',
-    showCheck: false,
-});
-const List = ({ size = 'small', showCheck = false, subheader, subheaderType = 'bold', open = 'visible', children, onOpen, onClose, ...props }) => {
-    const contextValue = useMemo(() => ({ size, showCheck }), [size, showCheck]);
-    const collapsible = open !== 'visible';
-    const onSubheaderClick = ((event) => {
-        if (open === 'visible') {
-            return;
-        }
-        const handler = open ? onClose : onOpen;
-        handler?.(event);
-    });
-    return (_jsx(ListContext.Provider, { value: contextValue, children: _jsx(MuiList, { ...props, subheader: subheader ? (_jsxs(MuiListSubheader, { type: subheaderType, clickable: collapsible, tabIndex: collapsible ? 0 : undefined, onClick: onSubheaderClick, children: [subheader, collapsible && (open ? _jsx(ArrowDownSm, {}) : _jsx(ArrowUpSm, {}))] })) : null, children: collapsible ? (_jsx(Collapse, { in: open, timeout: "auto", unmountOnExit: true, children: children })) : (children) }) }));
-};
-export default List;
-//# sourceMappingURL=List.js.map

package/dist/components/List/List.styled.js

@@ -1,29 +0,0 @@
-import { styled, List, ListSubheader } from '@mui/material';
-export const MuiList = styled(List)(({ theme }) => ({
-    padding: theme.spacing(2),
-}));
-export const MuiListSubheader = styled(ListSubheader, {
-    shouldForwardProp: (prop) => !['type', 'clickable'].includes(prop.toString()),
-})(({ type, clickable, theme }) => ({
-    display: 'flex',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    height: '36px',
-    padding: '0px 8px',
-    backgroundColor: 'transparent',
-    ...(type === 'bold'
-        ? {
-            ...theme.typography.body_b1,
-            color: theme.palette.neutralGrey[0],
-        }
-        : {
-            ...theme.typography.small_body_m1,
-            color: theme.palette.neutralGrey[40],
-        }),
-    ...(clickable && { cursor: 'pointer' }),
-    svg: {
-        width: '20px',
-        height: '20px',
-    },
-}));
-//# sourceMappingURL=List.styled.js.map

package/dist/components/List/List.types.js

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

package/dist/components/List/List.utils.js

@@ -1,12 +0,0 @@
-const getPadding = (size) => {
-    if (size === 'large') {
-        return '14px';
-    }
-    if (size === 'medium') {
-        return '10px';
-    }
-    // 'small'
-    return '6px';
-};
-export default getPadding;
-//# sourceMappingURL=List.utils.js.map

package/dist/components/List/ListItem.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ListContext } from '../List/List';
-import { StyledListItem, StyledListItemButton, StyledListItemText, StyledListItemStartSlot, StyledListItemEndSlot, CheckIcon, EmptyIcon, } from './ListItem.styled';
-const ListItem = (({ 
-// Root props
-rootProps, className, classes, style, sx, 
-// Button props
-label, startElement, endElement, selected, ...props }) => {
-    const { size, showCheck } = useContext(ListContext);
-    const checkElement = (() => {
-        if (showCheck) {
-            if (selected) {
-                return _jsx(CheckIcon, {});
-            }
-            return _jsx(EmptyIcon, {});
-        }
-        return null;
-    })();
-    return (_jsx(StyledListItem, { ...rootProps, disablePadding: true, className: className, classes: classes, style: style, sx: sx, children: _jsxs(StyledListItemButton, { ...props, disableRipple: true, 
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            component: props.component ?? 'span', size: size, selected: selected, children: [checkElement && _jsx(StyledListItemStartSlot, { children: checkElement }), startElement && _jsx(StyledListItemStartSlot, { children: startElement }), _jsx(StyledListItemText, { primary: label }), endElement && _jsx(StyledListItemEndSlot, { children: endElement })] }) }));
-});
-export default ListItem;
-//# sourceMappingURL=ListItem.js.map

package/dist/components/List/ListItem.styled.js

@@ -1,45 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ListItem, ListItemButton, ListItemIcon, ListItemText, styled, typographyClasses, } from '@mui/material';
-import { Check, Dummy } from '../Icons';
-import getPadding from './List.utils';
-export const StyledListItem = styled(ListItem)({
-    width: '100%',
-});
-export const StyledListItemButton = styled(({ size, ...props }) => (_jsx(ListItemButton, { ...props })))(({ theme, size }) => ({
-    borderRadius: '8px',
-    padding: `${getPadding(size)} 8px`,
-    '&.Mui-selected': {
-        background: 'transparent',
-    },
-    '&:hover, &.Mui-selected:hover, &.Mui-focusVisible, &.Mui-selected.Mui-focusVisible': {
-        backgroundColor: theme.palette.neutralGrey[75],
-    },
-}));
-export const slotStyles = {
-    minWidth: '20px',
-    height: '20px',
-    color: 'currentColor',
-    svg: {
-        width: '100%',
-        height: '100%',
-        color: 'currentColor !important',
-    },
-};
-export const StyledListItemText = styled(ListItemText)(({ theme }) => ({
-    margin: 0,
-    [`& .${typographyClasses.body1}`]: {
-        ...theme.typography.body5,
-    },
-}));
-export const StyledListItemStartSlot = styled(ListItemIcon)(({ theme }) => ({
-    ...slotStyles,
-    marginRight: theme.spacing(2),
-}));
-export const StyledListItemEndSlot = styled(ListItemIcon)(({ theme }) => ({
-    ...slotStyles,
-    justifyContent: 'flex-end',
-    marginLeft: theme.spacing(2),
-}));
-export const CheckIcon = styled(Check)({ color: '#fff' });
-export const EmptyIcon = styled(Dummy)({ visibility: 'hidden' });
-//# sourceMappingURL=ListItem.styled.js.map

package/dist/components/List/ListItem.types.js

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

package/dist/components/List/ListItemCaption.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import clsx from 'clsx';
-import { StyledListItemCaption } from './ListItemCaption.styled';
-export const ListItemCaptionClassName = 'ListItemCaption';
-const ListItemCaption = (props) => {
-    const { className, ...otherProps } = props;
-    return (_jsx(StyledListItemCaption, { ...otherProps, className: clsx(ListItemCaptionClassName, className) }));
-};
-export default ListItemCaption;
-//# sourceMappingURL=ListItemCaption.js.map

package/dist/components/List/ListItemCaption.styled.js

@@ -1,7 +0,0 @@
-import { styled, Typography } from '@mui/material';
-// eslint-disable-next-line import/prefer-default-export
-export const StyledListItemCaption = styled(Typography)(({ theme }) => ({
-    ...theme.typography.body_m1,
-    color: theme.palette.neutralGrey[45],
-}));
-//# sourceMappingURL=ListItemCaption.styled.js.map

package/dist/components/List/ListItemCaption.types.js

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

package/dist/components/List/index.js

@@ -1,4 +0,0 @@
-export { default as List } from './List';
-export { default as ListItem } from './ListItem';
-export { default as ListItemCaption } from './ListItemCaption';
-//# sourceMappingURL=index.js.map

package/dist/components/LoadingIndicator/LoadingIndicator.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable @typescript-eslint/no-var-requires */
-import { Player } from '@lottiefiles/react-lottie-player';
-import { LoadingOverlay, LoadingIndicatorBox, LoadingMessage, LoadingDetails, } from './LoadingIndicator.styled';
-const DotLoadingAnimation = require('./assets/DotLoadingAnimation.json');
-const DnaLoadingAnimation = require('./assets/DnaLoadingAnimation.json');
-const LoadingIndicator = ({ message, details, loadingAnimation = 'dot', }) => {
-    return (_jsx(LoadingOverlay, { children: _jsxs(LoadingIndicatorBox, { children: [_jsx(Player, { autoplay: true, loop: true, src: loadingAnimation === 'dot' ? DotLoadingAnimation : DnaLoadingAnimation, style: { height: '112px', width: '140px' } }), _jsx(LoadingMessage, { children: message }), _jsx(LoadingDetails, { children: details || (_jsxs(_Fragment, { children: ["Please wait.", _jsx("br", {}), "It may take a few minutes."] })) })] }) }));
-};
-export default LoadingIndicator;
-//# sourceMappingURL=LoadingIndicator.js.map

package/dist/components/LoadingIndicator/LoadingIndicator.styled.js

@@ -1,37 +0,0 @@
-import { Box, styled, Typography } from '@mui/material';
-export const LoadingOverlay = styled(Box)({
-    position: 'fixed',
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    backgroundColor: 'rgba(0, 0, 0, 0.5)',
-    zIndex: 99999,
-});
-export const LoadingIndicatorBox = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    flexDirection: 'column',
-    justifyContent: 'center',
-    alignItems: 'center',
-    position: 'absolute',
-    top: '50%',
-    left: '50%',
-    transform: 'translate(-50%, -50%)',
-    width: '440px',
-    height: '360px',
-    padding: `${theme.spacing(13)} ${theme.spacing(4)}`,
-    borderRadius: '12px',
-    backgroundColor: theme.palette.neutralGrey[85],
-    color: theme.palette.neutralGrey[0],
-    boxSizing: 'border-box',
-}));
-export const LoadingMessage = styled(Typography)(({ theme }) => ({
-    ...theme.typography.h8,
-    marginTop: theme.spacing(12),
-    marginBottom: theme.spacing(5),
-}));
-export const LoadingDetails = styled(Typography)(({ theme }) => ({
-    ...theme.typography.body1,
-    textAlign: 'center',
-}));
-//# sourceMappingURL=LoadingIndicator.styled.js.map

package/dist/components/LoadingIndicator/LoadingIndicator.types.js

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