@galaxy-ds/core 2.0.12 → 2.0.14

package/src/AppBar/AppBar.tsx

@@ -1,80 +0,0 @@
-import React from 'react';
-import { Box } from '@mui/material';
-import useMediaQuery from '@mui/material/useMediaQuery';
-
-import Icon from '../Icon/Icon';
-import { IconButton } from '../IconButton/IconButton';
-import LeapLogo from '../Logos/Leap/LeapLogo';
-import MenuIcon from '../Icons/leap/Menu';
-import PowerIcon from '../Icons/leap/Power';
-import Typography from '../Typography/Typography';
-import {
-  AppBarContent,
-  AppBarLogo,
-  AppBarToolbar,
-  AppBarUser,
-  MuiAppBar,
-} from './AppBar.styled';
-import { AppBarProps } from './AppBar.types';
-
-export const AppBar: React.FC<AppBarProps> = (props: AppBarProps) => {
-  const {
-    onDrawerToggle,
-    onLogout,
-    user,
-    position = 'sticky',
-    ...rest
-  } = props;
-  const hasDrawerToggle =
-    onDrawerToggle?.name === 'onDrawerToggle' ? true : false;
-  const isMobile = useMediaQuery('(max-width:380px)');
-
-  return (
-    <MuiAppBar color="primary" position={position} elevation={0} {...rest}>
-      <AppBarToolbar variant="dense">
-        {hasDrawerToggle && (
-          <Box
-            sx={{
-              display: { xs: hasDrawerToggle ? 'block' : 'none', sm: 'block' },
-            }}
-          >
-            <IconButton aria-label="open drawer" onClick={onDrawerToggle}>
-              <Icon name={MenuIcon} />
-            </IconButton>
-          </Box>
-        )}
-
-        <AppBarLogo sx={isMobile ? { marginRight: 0, height: '3.125rem' } : {}}>
-          <Icon name={LeapLogo} />
-        </AppBarLogo>
-
-        <Box sx={{ display: { xs: 'none', sm: 'block' } }}>
-          <Typography upperCase color="white" variant="h2">
-            {props.title}
-          </Typography>
-        </Box>
-
-        <AppBarContent>{props.children}</AppBarContent>
-        {!!props && !!props.user && (
-          <>
-            <AppBarUser
-              sx={isMobile ? { overflow: 'hidden', minWidth: '6.25rem' } : {}}
-            >
-              <Typography color="white" variant="h4">
-                {user.firstName} {user.lastName}
-              </Typography>
-              <Typography color="gray" variant="body2">
-                {user.email}
-              </Typography>
-            </AppBarUser>
-            <IconButton aria-label="logout" onClick={onLogout}>
-              <Icon name={PowerIcon} />
-            </IconButton>
-          </>
-        )}
-      </AppBarToolbar>
-    </MuiAppBar>
-  );
-};
-
-export default AppBar;

package/src/AppBar/AppBar.types.ts

@@ -1,10 +0,0 @@
-import { AppBarProps as MuiAppBarProps } from '@mui/material';
-
-export interface AppBarProps extends MuiAppBarProps {
-  title?: string;
-  children?: React.ReactNode;
-  user?: any;
-  position?: 'absolute' | 'fixed' | 'relative' | 'static' | 'sticky';
-  onLogout?: () => void;
-  onDrawerToggle?: () => void;
-}

package/src/AppBar/index.ts

@@ -1,2 +0,0 @@
-export * from "./AppBar"
-export * from "./AppBar.types"

package/src/AttachmentIcon/AttachmentIcon.stories.mdx

@@ -1,278 +0,0 @@
-
-import { Meta, Story, Canvas, ArgsTable } from '@storybook/addon-docs';
-import AttachmentIcon from "./AttachmentIcon";
-import { attachmentIcons } from "./icons";
-import Grid from '@mui/material/Grid';
-
-<Meta
-  title="Patterns/AttachmentIcon"
-  component={AttachmentIcon}
-  parameters={{badges: ['stable']}}
-/>
-
-# Attachment Icon
-Attachment Icon ....
-
-```javascript
-import AttachmentIcon from "@galaxy-ds/core";
-```
-# Default
-
-<Canvas withToolbar>
-  <Story name="Default" parameters={{ docs: { source: { code: `
-<AttachmentIcon ext="activitydefault"/>
-<AttachmentIcon ext="phonecall" />
-<AttachmentIcon ext="scanneddoc"/>
-<AttachmentIcon ext="videocall"/>
-<AttachmentIcon ext="app"/>
-<AttachmentIcon ext="audio"/>
-<AttachmentIcon ext="clause"/>
-<AttachmentIcon ext="comment"/>
-<AttachmentIcon ext="default"/>
-<AttachmentIcon ext="doc"/>
-<AttachmentIcon ext="eml"/>
-<AttachmentIcon ext="emldraft"/>
-<AttachmentIcon ext="emlreceived"/>
-<AttachmentIcon ext="fax" />
-<AttachmentIcon ext="file" />
-<AttachmentIcon ext="folder" />
-<AttachmentIcon ext="infotrack"/>
-<AttachmentIcon ext="invrequest"/>
-<AttachmentIcon ext="invrequests"/>
-<AttachmentIcon ext="letter"/>
-<AttachmentIcon ext="memo"/>
-<AttachmentIcon ext="pdf"/>
-<AttachmentIcon ext="ppt"/>
-<AttachmentIcon ext="sms"/>
-<AttachmentIcon ext="video" />
-<AttachmentIcon ext="zip" />
-  `}}}}>
-    <Grid container spacing={2}>
-      {
-        Object.entries(attachmentIcons).map(([key, value]) => {
-          return (
-            <Grid key={key} item xs={3} align="center">
-              <div>
-                <AttachmentIcon ext={value} />
-                 <p>{value}</p>
-              </div>
-            </Grid>
-          )
-        })
-      }
-    </Grid>
-  </Story>
-</Canvas>
-
-## Small
-
-<Canvas withToolbar>
-  <Story name="Small" parameters={{ docs: { source: { code: `
-<AttachmentIcon size="small" ext="activitydefault"/>
-<AttachmentIcon size="small" ext="phonecall" />
-<AttachmentIcon size="small" ext="scanneddoc"/>
-<AttachmentIcon size="small" ext="videocall"/>
-<AttachmentIcon size="small" ext="app"/>
-<AttachmentIcon size="small" ext="audio"/>
-<AttachmentIcon size="small" ext="clause"/>
-<AttachmentIcon size="small" ext="comment"/>
-<AttachmentIcon size="small" ext="default"/>
-<AttachmentIcon size="small" ext="doc"/>
-<AttachmentIcon size="small" ext="eml"/>
-<AttachmentIcon size="small" ext="emldraft"/>
-<AttachmentIcon size="small" ext="emlreceived"/>
-<AttachmentIcon size="small" ext="fax" />
-<AttachmentIcon size="small" ext="file" />
-<AttachmentIcon size="small" ext="folder" />
-<AttachmentIcon size="small" ext="infotrack"/>
-<AttachmentIcon size="small" ext="invrequest"/>
-<AttachmentIcon size="small" ext="invrequests"/>
-<AttachmentIcon size="small" ext="letter"/>
-<AttachmentIcon size="small" ext="memo"/>
-<AttachmentIcon size="small" ext="pdf"/>
-<AttachmentIcon size="small" ext="ppt"/>
-<AttachmentIcon size="small" ext="sms"/>
-<AttachmentIcon size="small" ext="video" />
-<AttachmentIcon size="small" ext="zip" />
-  `}}}}>
-    <Grid container spacing={2}>
-      {
-        Object.entries(attachmentIcons).map(([key, value]) => {
-          return (
-            <Grid key={key} item xs={3} align="center">
-              <div>
-                <AttachmentIcon size="small" ext={value} />
-                 <p>{value}</p>
-              </div>
-            </Grid>
-          )
-        })
-      }
-    </Grid>
-  </Story>
-</Canvas>
-
-# Multiple icons for extensions
-
-<Canvas withToolbar>
-  <Story name="Multi icons" parameters={{ docs: { source: { code: `
-<AttachmentIcon ext="msg" />
-<AttachmentIcon ext="emlsent" />
-<AttachmentIcon ext="xls" />
-<AttachmentIcon ext="xls" />
-<AttachmentIcon ext="jpeg" />
-<AttachmentIcon ext="jpg" />
-<AttachmentIcon ext="png" />
-<AttachmentIcon ext="giff" /> 
-<AttachmentIcon ext="tiff" />
-<AttachmentIcon ext="trust" />
-<AttachmentIcon ext="invoice" />
-<AttachmentIcon ext="office" />
-<AttachmentIcon ext="doc" />
-<AttachmentIcon ext="docx" /> 
-  `}}}}>
-    {
-      <Grid container spacing={2}>
-        <Grid item xs={3} align="center">
-          <AttachmentIcon ext="msg" />
-          <p>msg</p>
-        </Grid>
-        <Grid item xs={3} align="center">
-          <AttachmentIcon ext="emlsent" />
-          <p>emlsent</p>
-        </Grid>
-          <Grid item xs={3} align="center">
-          <AttachmentIcon ext="xls" />
-          <p>xls</p>
-        </Grid>
-        <Grid item xs={3} align="center">
-          <AttachmentIcon ext="xls" />
-          <p>xlsx</p>
-        </Grid>
-        <Grid item xs={3} align="center">
-          <AttachmentIcon ext="jpeg" />
-          <p>jpeg</p>
-        </Grid>
-        <Grid item xs={3} align="center">
-          <AttachmentIcon ext="jpg" />
-          <p>jpg</p>
-        </Grid>
-        <Grid item xs={3} align="center">
-          <AttachmentIcon ext="png" />
-          <p>png</p>
-        </Grid>
-        <Grid item xs={3} align="center">
-          <AttachmentIcon ext="gif" />
-          <p>giff</p>
-        </Grid>
-        <Grid item xs={3} align="center">
-          <AttachmentIcon ext="tiff" />
-          <p>tiff</p>
-        </Grid>
-        <Grid item xs={3} align="center">
-          <AttachmentIcon ext="trust" />
-          <p>trust</p>
-        </Grid>
-        <Grid item xs={3} align="center">
-          <AttachmentIcon ext="invoice" />
-          <p>invoice</p>
-        </Grid>
-        <Grid item xs={3} align="center">
-          <AttachmentIcon ext="office" />
-          <p>office</p>
-        </Grid>
-          <Grid item xs={3} align="center">
-          <AttachmentIcon ext="doc" />
-          <p>doc</p>
-        </Grid>
-          <Grid item xs={3} align="center">
-          <AttachmentIcon ext="docx" />
-          <p>docx</p>
-        </Grid>
-      </Grid>
-    }
-  </Story>
-</Canvas>
-
-### Small 
-<Canvas withToolbar>
-  <Story name="Multi icons - Small" parameters={{ docs: { source: { code: `
-<AttachmentIcon size="small" ext="msg" />
-<AttachmentIcon size="small" ext="emlsent" />
-<AttachmentIcon size="small" ext="xls" />
-<AttachmentIcon size="small" ext="xls" />
-<AttachmentIcon size="small" ext="jpeg" />
-<AttachmentIcon size="small" ext="jpg" />
-<AttachmentIcon size="small" ext="png" />
-<AttachmentIcon size="small" ext="giff" /> 
-<AttachmentIcon size="small" ext="tiff" />
-<AttachmentIcon size="small" ext="trust" />
-<AttachmentIcon size="small" ext="invoice" />
-<AttachmentIcon size="small" ext="office" />
-<AttachmentIcon size="small" ext="doc" />
-<AttachmentIcon size="small" ext="docx" /> 
-  `}}}}>
-    {
-      <Grid container spacing={2}>
-        <Grid item xs={3} align="center">
-          <AttachmentIcon size="small" ext="msg" />
-          <p>msg</p>
-        </Grid>
-        <Grid item xs={3} align="center">
-          <AttachmentIcon size="small" ext="emlsent" />
-          <p>emlsent</p>
-        </Grid>
-          <Grid item xs={3} align="center">
-          <AttachmentIcon size="small" ext="xls" />
-          <p>xls</p>
-        </Grid>
-        <Grid item xs={3} align="center">
-          <AttachmentIcon size="small" ext="xls" />
-          <p>xlsx</p>
-        </Grid>
-        <Grid item xs={3} align="center">
-          <AttachmentIcon size="small" ext="jpeg" />
-          <p>jpeg</p>
-        </Grid>
-        <Grid item xs={3} align="center">
-          <AttachmentIcon size="small" ext="jpg" />
-          <p>jpg</p>
-        </Grid>
-        <Grid item xs={3} align="center">
-          <AttachmentIcon size="small" ext="png" />
-          <p>png</p>
-        </Grid>
-        <Grid item xs={3} align="center">
-          <AttachmentIcon size="small" ext="gif" />
-          <p>giff</p>
-        </Grid>
-        <Grid item xs={3} align="center">
-          <AttachmentIcon size="small" ext="tiff" />
-          <p>tiff</p>
-        </Grid>
-        <Grid item xs={3} align="center">
-          <AttachmentIcon size="small" ext="trust" />
-          <p>trust</p>
-        </Grid>
-        <Grid item xs={3} align="center">
-          <AttachmentIcon size="small" ext="invoice" />
-          <p>invoice</p>
-        </Grid>
-        <Grid item xs={3} align="center">
-          <AttachmentIcon size="small" ext="office" />
-          <p>office</p>
-        </Grid>
-          <Grid item xs={3} align="center">
-          <AttachmentIcon size="small" ext="doc" />
-          <p>doc</p>
-        </Grid>
-          <Grid item xs={3} align="center">
-          <AttachmentIcon size="small" ext="docx" />
-          <p>docx</p>
-        </Grid>
-      </Grid>
-    }
-  </Story>
-</Canvas>
-
-<ArgsTable story="Default" />

package/src/AttachmentIcon/AttachmentIcon.test.tsx

@@ -1,7 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import AttachmentIcon from './AttachmentIcon';
-
-test('AttachmentIcon', () => {
-  render(<AttachmentIcon ext="default" />);
-});

package/src/AttachmentIcon/AttachmentIcon.tsx

@@ -1,209 +0,0 @@
-import React from 'react';
-
-import {
-  ActivityTypeDefault,
-  ActivityTypePhoneCall,
-  ActivityTypeScannedDoc,
-  ActivityTypeVideoCall,
-  DocTypeAppointment,
-  DocTypeAudio,
-  DocTypeClausePrecedent,
-  DocTypeComment,
-  DocTypeDefault,
-  DocTypeEmail,
-  DocTypeEmailDraft,
-  DocTypeEmailReceived,
-  DocTypeEmailSent,
-  DocTypeExcel,
-  DocTypeFax,
-  DocTypeFileNote,
-  DocTypeFolder,
-  DocTypeImage,
-  DocTypeInfotrack,
-  DocTypeInvoiceRequest,
-  DocTypeInvoiceRequests,
-  DocTypeLetter,
-  DocTypeMemo,
-  DocTypePdf,
-  DocTypePowerpoint,
-  DocTypeSMS,
-  DocTypeTrust,
-  DocTypeVideo,
-  DocTypeWord,
-  DocTypeZip,
-} from '../Icons/doctypes/Doctype';
-import {
-  ActivityTypeDefault16,
-  ActivityTypePhoneCall16,
-  ActivityTypeScannedDoc16,
-  ActivityTypeVideoCall16,
-  DocTypeAppointment16,
-  DocTypeAudio16,
-  DocTypeClausePrecedent16,
-  DocTypeComment16,
-  DocTypeDefault16,
-  DocTypeEmail16,
-  DocTypeEmailDraft16,
-  DocTypeEmailReceived16,
-  DocTypeEmailSent16,
-  DocTypeExcel16,
-  DocTypeFax16,
-  DocTypeFileNote16,
-  DocTypeFolder16,
-  DocTypeImage16,
-  DocTypeInfotrack16,
-  DocTypeInvoiceRequest16,
-  DocTypeInvoiceRequests16,
-  DocTypeLetter16,
-  DocTypeMemo16,
-  DocTypePdf16,
-  DocTypePowerpoint16,
-  DocTypeSMS16,
-  DocTypeTrust16,
-  DocTypeVideo16,
-  DocTypeWord16,
-  DocTypeZip16,
-} from '../Icons/doctypes/Doctype16';
-import { AttachmentIconProps } from './AttachmentIcon.types';
-
-export const AttachmentIcon: React.FC<AttachmentIconProps> = (props: AttachmentIconProps) => {
-  const { ext, size="medium", ...defaultProps } = props
-  let icon;
-  let extension;
-
-  if (!props.ext || props.ext == undefined) {
-    icon = size === 'small' ?
-      <DocTypeDefault16 fontSize={size} {...defaultProps} /> :
-      <DocTypeDefault fontSize={size} {...defaultProps} />;
-  } else {
-    extension = props.ext.replace('.', '').toLowerCase();
-  }
-
-  switch (extension) {
-    case 'audio':
-      icon = size === 'small' ? <DocTypeAudio16 fontSize={size} /> : <DocTypeAudio fontSize={size} />;
-      break
-    case 'clause':
-      icon = size === 'small' ? <DocTypeClausePrecedent16 fontSize={size} /> : <DocTypeClausePrecedent fontSize={size} />;
-      break
-    case 'doc':
-    case 'docx':
-      icon = size === 'small' ? <DocTypeWord16 fontSize={size} {...defaultProps} /> : <DocTypeWord fontSize={size} {...defaultProps} />;
-      break
-    case 'fax':
-      icon = size === 'small' ? <DocTypeFax16 fontSize={size} /> : <DocTypeFax fontSize={size} />;
-      break
-    case 'file':
-      icon = size === 'small' ? <DocTypeFileNote16 fontSize={size} /> : <DocTypeFileNote fontSize={size} />;
-      break
-    case 'infotrack':
-      icon = size === 'small' ? <DocTypeInfotrack16 fontSize={size} /> : <DocTypeInfotrack fontSize={size} />;
-      break
-    case 'invrequest':
-      icon = size === 'small' ? <DocTypeInvoiceRequest16 fontSize={size} /> : <DocTypeInvoiceRequest fontSize={size} />;
-      break
-    case 'invrequests':
-      icon = size === 'small' ? <DocTypeInvoiceRequests16 fontSize={size} /> : <DocTypeInvoiceRequests fontSize={size} />;
-      break
-    case 'letter':
-      icon = size === 'small' ? <DocTypeLetter16 fontSize={size} /> : <DocTypeLetter fontSize={size} />;
-      break
-    case 'memo':
-      icon = size === 'small' ? <DocTypeMemo16 fontSize={size} /> : <DocTypeMemo fontSize={size} />;
-      break
-    case 'xls':
-    case 'xlsx':
-      icon = size === 'small' ? <DocTypeExcel16 fontSize={size}/> : <DocTypeExcel fontSize={size}/>;
-      break
-    case 'trust':
-    case 'invoice':
-    case 'office':
-      icon = size === 'small' ? <DocTypeTrust16 fontSize={size}/> : <DocTypeTrust fontSize={size}/>;
-      break
-    case 'pdf':
-      icon = size === 'small' ? <DocTypePdf16 fontSize={size}/> : <DocTypePdf fontSize={size}/>;
-      break
-    case 'ppt':
-      icon = size === 'small' ? <DocTypePowerpoint16 fontSize={size} /> : <DocTypePowerpoint fontSize={size} />;
-      break
-    case 'video':
-      icon = size === 'small' ? <DocTypeVideo16 fontSize={size} /> : <DocTypeVideo fontSize={size} />;
-      break
-    case 'sms':
-      icon = size === 'small' ? <DocTypeSMS16 fontSize={size} /> : <DocTypeSMS fontSize={size} />;
-      break
-    case 'zip':
-      icon = size === 'small' ? <DocTypeZip16 fontSize={size}/> : <DocTypeZip fontSize={size}/>;
-      break
-    case 'jpeg':
-    case 'jpg':
-    case 'png':
-    case 'gif':
-    case 'tiff':
-      icon = size === 'small' ? <DocTypeImage16 fontSize={size}/> : <DocTypeImage fontSize={size}/>;
-      break
-    case 'comment':
-      icon = size === 'small' ? <DocTypeComment16 fontSize={size} /> : <DocTypeComment fontSize={size} />;
-      break
-    case 'eml':
-      icon = size === 'small' ? <DocTypeEmail16 fontSize={size}/> : <DocTypeEmail fontSize={size}/>;
-      break
-    case 'emldraft':
-      icon = size === 'small' ? <DocTypeEmailDraft16 fontSize={size}/> : <DocTypeEmailDraft fontSize={size}/>;
-      break
-    case 'emlsent':
-    case 'msg':
-      icon = size === 'small' ? <DocTypeEmailSent16 fontSize={size}/> : <DocTypeEmailSent fontSize={size}/>;
-      break 
-    case 'emlreceived':
-      icon = size === 'small' ? <DocTypeEmailReceived16 fontSize={size} /> : <DocTypeEmailReceived fontSize={size}/>;
-      break  
-    case 'folder':
-      icon = size === 'small' ? <DocTypeFolder16 fontSize={size}/> : <DocTypeFolder fontSize={size}/>;
-      break 
-    case 'app':
-      icon = size === 'small' ? <DocTypeAppointment16 fontSize={size}/> : <DocTypeAppointment fontSize={size}/>;
-      break; 
-    case 'videocall':
-      icon =
-        size === 'small' ? (
-          <ActivityTypeVideoCall16 fontSize={size} />
-        ) : (
-          <ActivityTypeVideoCall fontSize={size} />
-        );
-      break
-    case 'phonecall':
-      icon =
-        size === 'small' ? (
-          <ActivityTypePhoneCall16 fontSize={size} />
-        ) : (
-          <ActivityTypePhoneCall fontSize={size} />
-        );
-      break
-    case 'scanneddoc':
-      icon =
-        size === 'small' ? (
-          <ActivityTypeScannedDoc16 fontSize={size} />
-        ) : (
-          <ActivityTypeScannedDoc fontSize={size} />
-        );
-      break;
-    case 'activitydefault':
-      icon =
-        size === 'small' ? (
-          <ActivityTypeDefault16 fontSize={size} />
-        ) : (
-          <ActivityTypeDefault fontSize={size} />
-        );
-      break;
-    default:
-      icon = size === 'small' ? <DocTypeDefault16 fontSize={size}/> : <DocTypeDefault fontSize={size}/>;
-  }
-
-  return (
-    <>{icon}</>
-  )
-}
-
-export default AttachmentIcon;
-

package/src/AttachmentIcon/AttachmentIcon.types.ts

@@ -1,4 +0,0 @@
-export interface AttachmentIconProps {
-  ext?: string;
-  size?: 'medium' | 'inherit' | 'large' | 'small';
-}

package/src/AttachmentIcon/icons.ts

@@ -1,27 +0,0 @@
-export const attachmentIcons = {
-  ActivityTypeDefault: 'activitydefault',
-  ActivityTypePhoneCall: 'phonecall',
-  ActivityTypeScannedDoc: 'scanneddoc',
-  ActivityTypeVideoCall: 'videocall',
-  DocTypeAppointment: 'app',
-  DocTypeAudio: 'audio',
-  DocTypeClausePrecedent: 'clause',
-  DocTypeComment: 'comment',
-  DocTypeDefault: 'default',
-  DocTypeEmail: 'eml',
-  DocTypeEmailDraft: 'emldraft',
-  DocTypeEmailReceived: 'emlreceived',
-  DocTypeFax: 'fax',
-  DocTypeFileNote: 'file',
-  DocTypeFolder: 'folder',
-  DocTypeInfotrack: 'infotrack',
-  DocTypeInvoiceRequest: 'invrequest',
-  DocTypeInvoiceRequests: 'invrequests',
-  DocTypeLetter: 'letter',
-  DocTypeMemo: 'memo',
-  DocTypePdf: 'pdf',
-  DocTypePowerpoint: 'ppt',
-  DocTypeSMS: 'sms',
-  DocTypeVideo: 'video',
-  DocTypeZip: 'zip',
-};

package/src/AttachmentIcon/index.ts

@@ -1,2 +0,0 @@
-export * from './AttachmentIcon'
-export * from './AttachmentIcon.types'