@lunit/oui 2.4.13 → 2.4.14

package/dist/components/List/index.d.ts

@@ -2,5 +2,6 @@ export { default as List } from './List';
 export type { ListProps } from './List.types';
 export { default as ListItem } from './ListItem';
 export type { ListItemProps } from './ListItem.types';
-export { default as ListItemCaption } from './ListItemCaption';
+export { default as ListItemCaption, ListItemCaptionClassName } from './ListItemCaption';
 export type { ListItemCaptionProps } from './ListItemCaption.types';
+export { EmptyIcon as ListItemEmptyIcon, StyledListItem, StyledListItemButton, StyledListItemEndSlot, StyledListItemStartSlot, StyledListItemText, } from './ListItem.styled';

package/dist/components/List/index.js

@@ -1,3 +1,4 @@
 export { default as List } from './List';
 export { default as ListItem } from './ListItem';
-export { default as ListItemCaption } from './ListItemCaption';
+export { default as ListItemCaption, ListItemCaptionClassName } from './ListItemCaption';
+export { EmptyIcon as ListItemEmptyIcon, StyledListItem, StyledListItemButton, StyledListItemEndSlot, StyledListItemStartSlot, StyledListItemText, } from './ListItem.styled';

package/dist/components/index.d.ts

@@ -24,5 +24,4 @@ export * from './Toggle';
 export * from './Tooltip';
 export * from './UploadManager';
 export * from './NoMatchContainer';
-export * from './Navigation';
 export * from './ResizeObserver';

package/dist/components/index.js

@@ -24,5 +24,4 @@ export * from './Toggle';
 export * from './Tooltip';
 export * from './UploadManager';
 export * from './NoMatchContainer';
-export * from './Navigation';
 export * from './ResizeObserver';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lunit/oui",
-  "version": "2.4.13",
+  "version": "2.4.14",
   "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)"
@@ -25,7 +25,6 @@
     "clsx": "^2.0.0",
     "date-fns": "2.30.0",
     "lodash": "^4.17.21",
-    "react-router-dom": "^7.9.6",
     "tinycolor2": "^1.6.0",
     "uuid": "^11.1.0",
     "victory": "^37.3.6",

package/dist/components/Navigation/Navigation.d.ts

@@ -1,3 +0,0 @@
-import type { NavigationProps } from './Navigation.types';
-declare const Navigation: (props: NavigationProps) => import("react/jsx-runtime").JSX.Element;
-export default Navigation;

package/dist/components/Navigation/Navigation.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { List } from '../List';
-const Navigation = (props) => {
-    return _jsx(List, { ...props });
-};
-export default Navigation;

package/dist/components/Navigation/Navigation.types.d.ts

@@ -1,2 +0,0 @@
-import type { ListProps } from '../List';
-export type NavigationProps = Omit<ListProps, 'size' | 'subheader' | 'open' | 'onOpen' | 'onClose' | 'showCheck'>;

package/dist/components/Navigation/Navigation.types.js

@@ -1 +0,0 @@
-export {};

package/dist/components/Navigation/NavigationGroup.d.ts

@@ -1,3 +0,0 @@
-import type { NavigationGroupComponent } from './NavigationGroup.types';
-declare const NavigationGroup: NavigationGroupComponent;
-export default NavigationGroup;

package/dist/components/Navigation/NavigationGroup.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Collapse } from '@mui/material';
-import { ArrowDown } from '../../icons';
-import { NavLink } from 'react-router-dom';
-import { StyledNavigationGroup, StyledNavigationGroupButton, StyledNavigationGroupArrowButton, StyledNavigationGroupText, StyledNavigationGroupSlot, EmptyIcon, } from './NavigationGroup.styled';
-const buttonSize = 'small';
-const NavigationGroup = (({ children, 
-// Root props
-rootProps, className, classes, style, sx, 
-// Button props
-label, icon = _jsx(EmptyIcon, {}), selected, open = false, onOpen, onClose, onClick, openOnClick = true, hideArrow = false, ...props }) => {
-    const onGroupClick = (event) => {
-        onClick?.(event);
-        if (openOnClick && !open) {
-            onOpen?.(event);
-        }
-    };
-    return (_jsxs(_Fragment, { children: [_jsxs(StyledNavigationGroup, { ...rootProps, disablePadding: true, className: className, classes: classes, style: style, sx: sx, children: [_jsxs(StyledNavigationGroupButton, { ...props, disableRipple: true, component: props.component ?? NavLink, size: buttonSize, selected: selected, onClick: onGroupClick, children: [icon && _jsx(StyledNavigationGroupSlot, { children: icon }), _jsx(StyledNavigationGroupText, { primary: label })] }), !hideArrow && (_jsx(StyledNavigationGroupArrowButton, { disableRipple: true, size: buttonSize, selected: selected, tabIndex: -1, onClick: open ? onClose : onOpen, children: _jsx(StyledNavigationGroupSlot, { children: _jsx(ArrowDown, { style: {
-                                    transform: open ? 'rotate(180deg)' : 'rotate(0deg)',
-                                } }) }) }))] }), _jsx(Collapse, { in: open, timeout: "auto", unmountOnExit: true, children: children })] }));
-});
-export default NavigationGroup;

package/dist/components/Navigation/NavigationGroup.styled.d.ts

@@ -1,6 +0,0 @@
-export { EmptyIcon } from '../List/ListItem.styled';
-export declare const StyledNavigationGroup: import("@emotion/styled").StyledComponent<any, {}, {}>;
-export declare const StyledNavigationGroupButton: import("@emotion/styled").StyledComponent<import("../List/ListItem.types").StyledListItemButtonProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const StyledNavigationGroupArrowButton: import("@emotion/styled").StyledComponent<import("../List/ListItem.types").StyledListItemButtonProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const StyledNavigationGroupText: import("@emotion/styled").StyledComponent<any, {}, {}>;
-export declare const StyledNavigationGroupSlot: import("react").ComponentType<any>;

package/dist/components/Navigation/NavigationGroup.styled.js

@@ -1,25 +0,0 @@
-import { styled } from '@mui/material';
-import { StyledListItem, StyledListItemButton, StyledListItemStartSlot, StyledListItemText, } from '../List/ListItem.styled';
-export { EmptyIcon } from '../List/ListItem.styled';
-export const StyledNavigationGroup = styled(StyledListItem)({
-    width: '100%',
-});
-export const StyledNavigationGroupButton = styled(StyledListItemButton)(({ theme }) => ({
-    paddingTop: '8px',
-    paddingBottom: '8px',
-    '&.Mui-selected': {
-        color: theme.palette.lunitTeal[40],
-    },
-}));
-export const StyledNavigationGroupArrowButton = styled(StyledNavigationGroupButton)({
-    flex: '0 0 auto',
-    width: '36px',
-});
-export const StyledNavigationGroupText = styled(StyledListItemText)({
-    wordBreak: 'break-all',
-    display: '-webkit-box',
-    WebkitBoxOrient: 'vertical',
-    WebkitLineClamp: 1,
-    overflow: 'hidden',
-});
-export const StyledNavigationGroupSlot = StyledListItemStartSlot;

package/dist/components/Navigation/NavigationGroup.types.d.ts

@@ -1,18 +0,0 @@
-import { Link } from 'react-router-dom';
-import type { OverridableComponent, OverrideProps } from '@mui/material/OverridableComponent';
-import type { NavigationItemBaseProps } from './NavigationItem.types';
-export interface NavigationGroupBaseProps extends Omit<NavigationItemBaseProps, 'caption'> {
-    icon?: React.ReactNode;
-    open?: boolean;
-    onOpen?: (event: React.MouseEvent<HTMLDivElement>) => void;
-    onClose?: (event: React.MouseEvent<HTMLDivElement>) => void;
-    openOnClick?: boolean;
-    hideArrow?: boolean;
-}
-export interface NavigationGroupTypeMap<P = object, D extends React.ElementType = typeof Link> {
-    props: P & NavigationGroupBaseProps;
-    defaultComponent: D;
-}
-/** @see ListItemButton {@link ListItem.types.ts} */
-export type NavigationGroupComponent = OverridableComponent<NavigationGroupTypeMap>;
-export type NavigationGroupProps<D extends React.ElementType = NavigationGroupTypeMap['defaultComponent'], P = object> = OverrideProps<NavigationGroupTypeMap<P, D>, D>;

package/dist/components/Navigation/NavigationGroup.types.js

@@ -1 +0,0 @@
-export {};

package/dist/components/Navigation/NavigationItem.d.ts

@@ -1,3 +0,0 @@
-import type { NavigationItemComponent } from './NavigationItem.types';
-declare const NavigationItem: NavigationItemComponent;
-export default NavigationItem;

package/dist/components/Navigation/NavigationItem.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { NavLink } from 'react-router-dom';
-import NavigationItemCaption from './NavigationItemCaption';
-import { EmptyIcon, StyledNavigationItem } from './NavigationItem.styled';
-const NavigationItem = (({ icon = _jsx(EmptyIcon, {}), caption, ...props }) => {
-    return (_jsx(StyledNavigationItem, { ...props, component: props.component ?? NavLink, startElement: icon, endElement: _jsx(NavigationItemCaption, { children: caption }) }));
-});
-export default NavigationItem;

package/dist/components/Navigation/NavigationItem.styled.d.ts

@@ -1,3 +0,0 @@
-import { ListItem } from '../List';
-export { EmptyIcon } from '../List/ListItem.styled';
-export declare const StyledNavigationItem: typeof ListItem;

package/dist/components/Navigation/NavigationItem.styled.js

@@ -1,24 +0,0 @@
-import { styled, listItemButtonClasses, listItemTextClasses } from '@mui/material';
-import { ListItem } from '../List';
-import { ListItemCaptionClassName } from '../List/ListItemCaption';
-export { EmptyIcon } from '../List/ListItem.styled';
-export const StyledNavigationItem = styled(ListItem)(({ theme }) => ({
-    width: '100%',
-    [`& > .${listItemButtonClasses.root}`]: {
-        paddingTop: '8px',
-        paddingBottom: '8px',
-    },
-    [`& > .${listItemButtonClasses.root} .${listItemTextClasses.root}`]: {
-        wordBreak: 'break-all',
-        display: '-webkit-box',
-        WebkitBoxOrient: 'vertical',
-        WebkitLineClamp: 1,
-        overflow: 'hidden',
-    },
-    [`& > .${listItemButtonClasses.root}.Mui-selected`]: {
-        color: theme.palette.lunitTeal[40],
-        [`.${ListItemCaptionClassName}`]: {
-            color: theme.palette.lunitTeal[10],
-        },
-    },
-}));

package/dist/components/Navigation/NavigationItem.types.d.ts

@@ -1,14 +0,0 @@
-import { NavLink } from 'react-router-dom';
-import type { OverridableComponent, OverrideProps } from '@mui/material/OverridableComponent';
-import type { ListItemProps } from '../List';
-export interface NavigationItemBaseProps extends Omit<ListItemProps, 'startElement' | 'endElement'> {
-    icon?: React.ReactNode;
-    caption?: React.ReactNode;
-}
-export interface NavigationItemTypeMap<P = object, D extends React.ElementType = typeof NavLink> {
-    props: P & NavigationItemBaseProps;
-    defaultComponent: D;
-}
-/** @see ListItemButton {@link ListItem.types.ts} */
-export type NavigationItemComponent = OverridableComponent<NavigationItemTypeMap>;
-export type NavigationItemProps<D extends React.ElementType = NavigationItemTypeMap['defaultComponent'], P = object> = OverrideProps<NavigationItemTypeMap<P, D>, D>;

package/dist/components/Navigation/NavigationItem.types.js

@@ -1 +0,0 @@
-export {};

package/dist/components/Navigation/NavigationItemCaption.d.ts

@@ -1,3 +0,0 @@
-import type { NavigationItemCaptionProps } from './NavigationItemCaption.types';
-declare const NavigationItemCaption: (props: NavigationItemCaptionProps) => import("react/jsx-runtime").JSX.Element;
-export default NavigationItemCaption;

package/dist/components/Navigation/NavigationItemCaption.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ListItemCaption } from '../List';
-const NavigationItemCaption = (props) => {
-    return _jsx(ListItemCaption, { ...props });
-};
-export default NavigationItemCaption;

package/dist/components/Navigation/NavigationItemCaption.types.d.ts

@@ -1,3 +0,0 @@
-import type { ListItemCaptionProps } from '../List';
-export interface NavigationItemCaptionProps extends ListItemCaptionProps {
-}

package/dist/components/Navigation/NavigationItemCaption.types.js

@@ -1 +0,0 @@
-export {};

package/dist/components/Navigation/index.d.ts

@@ -1,8 +0,0 @@
-export { default as Navigation } from './Navigation';
-export type { NavigationProps } from './Navigation.types';
-export { default as NavigationGroup } from './NavigationGroup';
-export type { NavigationGroupProps } from './NavigationGroup.types';
-export { default as NavigationItem } from './NavigationItem';
-export type { NavigationItemProps } from './NavigationItem.types';
-export { default as NavigationItemCaption } from './NavigationItemCaption';
-export type { NavigationItemCaptionProps } from './NavigationItemCaption.types';

package/dist/components/Navigation/index.js

@@ -1,4 +0,0 @@
-export { default as Navigation } from './Navigation';
-export { default as NavigationGroup } from './NavigationGroup';
-export { default as NavigationItem } from './NavigationItem';
-export { default as NavigationItemCaption } from './NavigationItemCaption';