@lunit/oui 1.0.1 → 1.1.0-alpha.2

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';
-}