@campxdev/react-blueprint 1.9.6 → 2.0.1

package/src/stories/Navigation/PreviewFiles.stories.tsx

@@ -1,83 +0,0 @@
-import { Box } from '@mui/material';
-import { Meta, StoryFn } from '@storybook/react';
-import { useState } from 'react';
-import { PreviewFiles, PreviewFilesProps } from '../../components/export';
-
-export default {
-  title: 'Navigation/PreviewFiles',
-  component: PreviewFiles,
-  argTypes: {
-    files: { control: 'object' },
-    label: { control: 'text' },
-  },
-} as Meta<PreviewFilesProps>;
-
-const createTestFile = (name: string, type: string, size: number): File => {
-    return new File(['dummy content'], name, {
-      type: type,
-      lastModified: Date.now(),
-    });
-  },
-  txtFile = createTestFile('notes.txt', 'text/plain', 10 * 1024),
-  imageFile = createTestFile('image.jpg', 'image/jpeg', 1024 * 1024),
-  pdfFile = createTestFile('document.pdf', 'application/pdf', 2 * 1024 * 1024),
-  excelFile = createTestFile(
-    'spreadsheet.xlsx',
-    'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
-    512 * 1024,
-  ),
-  wordFile = createTestFile(
-    'report.docx',
-    'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
-    3 * 1024 * 1024,
-  );
-
-const Template: StoryFn<PreviewFilesProps> = (args) => {
-  const [files, setFiles] = useState<PreviewFilesProps['files']>(args.files);
-
-  return (
-    <Box sx={{ width: '400px', padding: '20px' }}>
-      <PreviewFiles
-        {...args}
-        files={files}
-        onChange={(newFiles, file) => {
-          setFiles(newFiles);
-        }}
-      />
-    </Box>
-  );
-};
-
-export const MultipleFiles = Template.bind({});
-MultipleFiles.args = {
-  files: [imageFile, pdfFile, excelFile, wordFile, txtFile],
-  label: 'Multiple Files',
-  showDownload: true,
-};
-
-export const SingleFile = Template.bind({});
-SingleFile.args = {
-  files: pdfFile,
-  label: 'Single File',
-};
-
-export const NoFile = Template.bind({});
-NoFile.args = {
-  files: null,
-  label: 'No File',
-};
-
-export const CustomLabel = Template.bind({});
-CustomLabel.args = {
-  files: [imageFile, pdfFile],
-  label: 'Custom Label for Files',
-};
-
-export const FilesFromUrls = Template.bind({});
-FilesFromUrls.args = {
-  files: [
-    'https://d2738wjykzpnhe.cloudfront.net/aupulse/aupulse/student-service-requests/PDFs/a_ravi_teja_bonafide.pdf',
-    'https://d2738wjykzpnhe.cloudfront.net/aupulse/signatures/image/6ec02b72-0884-474a-8c73-32ae77b6e113.jpeg',
-  ],
-  label: 'Files from Urls',
-};

package/src/stories/Navigation/Stepper.stories.tsx

@@ -1,71 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react/*';
-import { Stepper } from '../../components/Navigation/Stepper/Stepper';
-
-const meta: Meta<typeof Stepper> = {
-  title: 'Navigation/Stepper',
-  component: Stepper,
-  argTypes: {},
-};
-
-export default meta;
-
-type Story = StoryObj<typeof Stepper>;
-
-const steps = [
-  {
-    label: 'Semester Configuration',
-    description:
-      'Configure Credits, Tuition Fee Requirements, Registration Dates',
-  },
-  {
-    label: 'Semester Calender',
-    description:
-      'Manage the timeline of the semester. Add new or edit the following events as per the semester needs',
-  },
-  {
-    label: 'Students and Sections',
-    description: 'Add or move students to their respective sections',
-  },
-  {
-    label: 'Courses',
-    description:
-      'Verify the courses that are going to be taught in this semester',
-  },
-  {
-    label: 'Assign Faculty',
-    description: 'Assign Faculty to the available subjects',
-  },
-];
-
-export const VerticalStepper: Story = {
-  args: {
-    orientation: 'vertical',
-    steps,
-    activeStep: 2,
-  },
-};
-
-export const VerticalStepperWithNoDescription: Story = {
-  args: {
-    ...VerticalStepper.args,
-    steps: steps.map((step) => ({
-      label: step.label,
-    })),
-  },
-};
-
-export const HorizontalStepper: Story = {
-  args: {
-    ...VerticalStepper.args,
-    orientation: 'horizontal',
-  },
-};
-
-export const HorizontalStepperWithNoDescription: Story = {
-  args: {
-    ...HorizontalStepper.args,
-    steps: steps.map((step) => ({
-      label: step.label,
-    })),
-  },
-};

package/src/stories/Navigation/TabsContainer.stories.tsx

@@ -1,57 +0,0 @@
-import { Box } from '@mui/material';
-import { Meta, StoryObj } from '@storybook/react';
-
-import {
-  TabsContainer,
-  TabsContainerProps,
-} from '../../components/Navigation/TabsContainer/TabsContainer';
-
-// Define the default export with Meta type including the component type
-const meta: Meta<typeof TabsContainer> = {
-  title: 'Navigation/TabsContainer',
-  component: TabsContainer,
-  tags: ['autodocs'],
-  // argTypes: {
-  //   menu: {
-  //     control: "object",
-  //     description: "Menu items to be displayed in the side navigation.",
-  //   },
-  // },
-};
-
-export default meta;
-type Story = StoryObj<typeof TabsContainer>;
-
-// Primary story
-export const Primary: Story = {
-  render: (args: TabsContainerProps) => <TabsContainer {...args} />,
-  args: {
-    tabs: [
-      {
-        key: '1',
-        label: 'Personal Details',
-        component: <Box>First Year</Box>,
-      },
-      {
-        key: '2',
-        label: 'Overview',
-        component: <>Second Year</>,
-      },
-      {
-        key: '3',
-        label: 'Leaves',
-        component: <>Third Year</>,
-      },
-      {
-        key: '4',
-        label: 'Class Reassignments',
-        component: <>Third Year</>,
-      },
-      {
-        key: '5',
-        label: 'Student Service Requests',
-        component: <>Third Year</>,
-      },
-    ],
-  },
-};

package/src/themes/MuiThemeProvider.tsx

@@ -1,18 +0,0 @@
-import { CssBaseline, ThemeProvider } from '@mui/material';
-import { ReactNode } from 'react';
-import { lightTheme } from './lightTheme';
-
-export const MuiThemeProvider = ({
-  children,
-  theme,
-}: {
-  children: ReactNode;
-  theme?: any;
-}) => {
-  return (
-    <ThemeProvider theme={theme ?? lightTheme}>
-      <CssBaseline />
-      {children}
-    </ThemeProvider>
-  );
-};

package/src/themes/colorTokens/colorPalette.tsx

@@ -1,50 +0,0 @@
-export const ColorPalette = {
-  BrandColors: {
-    Violet100: '#F0F0F5',
-    Violet200: '#E0E0E7',
-    Violet250: '#D0D0E3',
-    Violet300: '#9E9DEB',
-    Violet400: '#9E9DEB',
-    Violet450: '#7B7ACC',
-    Violet500: '#656599',
-    Violet550: '#4D508A',
-    Violet600: '#323167',
-    Violet700: '#303259',
-    Violet800: '#1E1E45',
-    Violet900: '#1D1E3B',
-    Crimson: '#D4483E',
-  },
-  GreyColors: {
-    White30: '#FFFFFF4D',
-    White50: '#FFFFFF80',
-    White70: '#FFFFFFB3',
-    White: '#FFFFFF',
-    Grey100: '#F2F2F2',
-    Grey200: '#CECECE',
-    Grey500: '#333333',
-    Black30: '#1212124D',
-    Black50: '#12121280',
-    Black70: '#121212B3',
-    Black: '#121212',
-  },
-  BlueGreyColors: {
-    BlueGrey100: '#F7F8FA',
-    BlueGrey400: '#293640',
-    BlueGrey600: '#1D2127',
-    BlueGrey800: '#161A1D',
-  },
-  UtilityColors: {
-    Green: '#88B053',
-    Blue: '#4BAABE',
-    Orange: '#ED9035',
-    Red: '#F2353C',
-    Pink: '#EA4A6B',
-    Yellow: '#F4C100',
-    Green20: '#88B05333',
-    Blue20: '#4BAABE33',
-    Orange20: '#ED903533',
-    Red20: '#F2353C33',
-    Pink20: '#EA4A6B33',
-    LightYellow: '#F4C10033',
-  },
-};

package/src/themes/colorTokens/darkColorTokens.tsx

@@ -1,47 +0,0 @@
-import { ColorPalette } from './colorPalette';
-
-export const DarkColorTokens = {
-  primary: {
-    main: ColorPalette.BrandColors.Violet400,
-    light: ColorPalette.BrandColors.Violet300,
-    dark: ColorPalette.BrandColors.Violet450,
-  },
-  secondary: {
-    main: ColorPalette.BrandColors.Violet700,
-    light: ColorPalette.BrandColors.Violet550,
-    dark: ColorPalette.BrandColors.Violet900,
-    contrastText: ColorPalette.BrandColors.Violet400,
-  },
-  tertiary: { main: ColorPalette.BrandColors.Crimson },
-  text: {
-    primary: ColorPalette.GreyColors.White,
-    secondary: ColorPalette.GreyColors.White70,
-    tertiary: ColorPalette.GreyColors.White50,
-    black: ColorPalette.GreyColors.Black,
-    white: ColorPalette.GreyColors.White,
-    primaryContrast: ColorPalette.BlueGreyColors.BlueGrey800,
-  },
-  surface: {
-    defaultBackground: ColorPalette.BlueGreyColors.BlueGrey600,
-    paperBackground: ColorPalette.BlueGreyColors.BlueGrey800,
-    grey: ColorPalette.BlueGreyColors.BlueGrey400,
-  },
-  border: {
-    primary: ColorPalette.GreyColors.Grey500,
-    secondary: ColorPalette.GreyColors.White30,
-  },
-  highlight: {
-    highlightGreen: ColorPalette.UtilityColors.Green,
-    highlightOrange: ColorPalette.UtilityColors.Orange,
-    highlightBlue: ColorPalette.UtilityColors.Blue,
-    highlightRed: ColorPalette.UtilityColors.Red,
-    highlightPink: ColorPalette.UtilityColors.Pink,
-    highlightYellow: ColorPalette.UtilityColors.Yellow,
-    greenBackground: ColorPalette.UtilityColors.Green20,
-    orangeBackground: ColorPalette.UtilityColors.Orange20,
-    blueBackground: ColorPalette.UtilityColors.Blue20,
-    redBackground: ColorPalette.UtilityColors.Red20,
-    pinkBackground: ColorPalette.UtilityColors.Pink20,
-    yellowBackground: ColorPalette.UtilityColors.LightYellow,
-  },
-};

package/src/themes/colorTokens/lightColorTokens.ts

@@ -1,47 +0,0 @@
-import { ColorPalette } from './colorPalette';
-
-export const LightColorTokens = {
-  primary: {
-    main: ColorPalette.BrandColors.Violet600,
-    light: ColorPalette.BrandColors.Violet500,
-    dark: ColorPalette.BrandColors.Violet800,
-  },
-  secondary: {
-    main: ColorPalette.BrandColors.Violet200,
-    light: ColorPalette.BrandColors.Violet100,
-    dark: ColorPalette.BrandColors.Violet250,
-    contrastText: ColorPalette.BrandColors.Violet600,
-  },
-  tertiary: { main: ColorPalette.BrandColors.Crimson },
-  text: {
-    primary: ColorPalette.GreyColors.Black,
-    secondary: ColorPalette.GreyColors.Black70,
-    tertiary: ColorPalette.GreyColors.Black50,
-    black: ColorPalette.GreyColors.Black,
-    white: ColorPalette.GreyColors.White,
-    primaryContrast: ColorPalette.GreyColors.White,
-  },
-  surface: {
-    defaultBackground: ColorPalette.BlueGreyColors.BlueGrey100,
-    paperBackground: ColorPalette.GreyColors.White,
-    grey: ColorPalette.GreyColors.Grey100,
-  },
-  border: {
-    primary: ColorPalette.GreyColors.Grey200,
-    secondary: ColorPalette.GreyColors.Black30,
-  },
-  highlight: {
-    highlightGreen: ColorPalette.UtilityColors.Green,
-    highlightOrange: ColorPalette.UtilityColors.Orange,
-    highlightBlue: ColorPalette.UtilityColors.Blue,
-    highlightRed: ColorPalette.UtilityColors.Red,
-    highlightPink: ColorPalette.UtilityColors.Pink,
-    highlightYellow: ColorPalette.UtilityColors.Yellow,
-    greenBackground: ColorPalette.UtilityColors.Green20,
-    orangeBackground: ColorPalette.UtilityColors.Orange20,
-    blueBackground: ColorPalette.UtilityColors.Blue20,
-    redBackground: ColorPalette.UtilityColors.Red20,
-    pinkBackground: ColorPalette.UtilityColors.Pink20,
-    yellowBackground: ColorPalette.UtilityColors.LightYellow,
-  },
-};