@lunit/oui 1.0.1 → 1.1.0-alpha.1

package/src/components/List/ListItem.types.ts

@@ -1,40 +0,0 @@
-import {
-  ExtendButtonBase,
-  ExtendButtonBaseTypeMap,
-  ListItemProps as MuiListItemProps,
-  ListItemButtonProps as MuiListItemButtonProps,
-} from '@mui/material';
-import { OverrideProps } from '@mui/material/OverridableComponent';
-import type { ListSize } from '../List/List.types';
-
-type ListItemRootBasePropsKey = 'className' | 'classes' | 'style' | 'sx';
-
-export interface ListItemBaseProps
-  extends Omit<MuiListItemButtonProps, ListItemRootBasePropsKey>,
-    Pick<MuiListItemProps, ListItemRootBasePropsKey> {
-  label?: React.ReactNode | string;
-  startElement?: React.ReactNode;
-  endElement?: React.ReactNode;
-  rootProps?: MuiListItemProps;
-}
-
-export type ListItemTypeMap<
-  P = {},
-  D extends React.ElementType = 'span',
-> = ExtendButtonBaseTypeMap<{
-  props: P & ListItemBaseProps;
-  defaultComponent: D;
-}>;
-
-/** @see ListItemButton {@link @mui/material/ListItemButton} */
-export type ListItemComponent = ExtendButtonBase<ListItemTypeMap>;
-
-export type ListItemProps<
-  D extends React.ElementType = ListItemTypeMap['defaultComponent'],
-  P = {},
-> = OverrideProps<ListItemTypeMap<P, D>, D>;
-
-export interface StyledListItemButtonProps extends MuiListItemButtonProps {
-  component?: React.ElementType;
-  size: ListSize;
-}

package/src/components/List/ListItemCaption.styled.tsx

@@ -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],
-}));

package/src/components/List/ListItemCaption.tsx

@@ -1,18 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import { StyledListItemCaption } from './ListItemCaption.styled';
-import { ListItemCaptionProps } from './ListItemCaption.types';
-
-export const ListItemCaptionClassName = 'ListItemCaption';
-
-const ListItemCaption = (props: ListItemCaptionProps) => {
-  const { className, ...otherProps } = props;
-  return (
-    <StyledListItemCaption
-      {...otherProps}
-      className={clsx(ListItemCaptionClassName, className)}
-    />
-  );
-};
-
-export default ListItemCaption;

package/src/components/List/ListItemCaption.types.ts

@@ -1,2 +0,0 @@
-// eslint-disable-next-line import/prefer-default-export
-export { TypographyProps as ListItemCaptionProps } from '@mui/material';

package/src/components/List/index.ts

@@ -1,8 +0,0 @@
-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 type { ListItemCaptionProps } from './ListItemCaption.types';

package/src/components/LoadingIndicator/LoadingIndicator.styled.tsx

@@ -1,40 +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',
-}));

package/src/components/LoadingIndicator/LoadingIndicator.tsx

@@ -1,44 +0,0 @@
-import React from 'react';
-/* eslint-disable @typescript-eslint/no-var-requires */
-import { Player } from '@lottiefiles/react-lottie-player';
-import {
-  LoadingOverlay,
-  LoadingIndicatorBox,
-  LoadingMessage,
-  LoadingDetails,
-} from './LoadingIndicator.styled';
-import type { LoadingIndicatorProps } from './LoadingIndicator.types';
-
-const DotLoadingAnimation = require('./assets/DotLoadingAnimation.json');
-const DnaLoadingAnimation = require('./assets/DnaLoadingAnimation.json');
-
-const LoadingIndicator = ({
-  message,
-  details,
-  loadingAnimation = 'dot',
-}: LoadingIndicatorProps) => {
-  return (
-    <LoadingOverlay>
-      <LoadingIndicatorBox>
-        <Player
-          autoplay
-          loop
-          src={loadingAnimation === 'dot' ? DotLoadingAnimation : DnaLoadingAnimation}
-          style={{ height: '112px', width: '140px' }}
-        />
-        <LoadingMessage>{message}</LoadingMessage>
-        <LoadingDetails>
-          {details || (
-            <>
-              Please wait.
-              <br />
-              It may take a few minutes.
-            </>
-          )}
-        </LoadingDetails>
-      </LoadingIndicatorBox>
-    </LoadingOverlay>
-  );
-};
-
-export default LoadingIndicator;

package/src/components/LoadingIndicator/LoadingIndicator.types.ts

@@ -1,7 +0,0 @@
-import { ReactNode } from 'react';
-
-export interface LoadingIndicatorProps {
-  message?: string;
-  details?: ReactNode;
-  loadingAnimation?: 'dot' | 'dna';
-}