@campxdev/react-blueprint 1.9.6 → 2.0.1

package/src/components/Assets/Icons/Icons.tsx

@@ -1,328 +0,0 @@
-import { AcademicFeesIcon } from './IconComponents/AcademicFeesIcon';
-import { AcademicsIcon } from './IconComponents/AcademicIcon';
-import { AccordionArrow } from './IconComponents/AccordionArrow';
-import { ActiveDevicesIcon } from './IconComponents/ActiveDevicesIcon';
-import { ActivitylogsIcon } from './IconComponents/ActivityLogsIcon';
-import { AddSquare } from './IconComponents/AddSquare';
-import { AdminIcon } from './IconComponents/AdminIcon';
-import { AdministratorIcon } from './IconComponents/AdministratorIcon';
-import { AdmissionIcon } from './IconComponents/AdmissionsIcon';
-import { ErrorFilledIcon } from './IconComponents/AlertFilledIcon';
-import { ApproveIcon } from './IconComponents/ApproveIcon';
-import { AppsIcon } from './IconComponents/AppsIcon';
-import { ArchiveIcon } from './IconComponents/ArchiveIcon';
-import { ArrowBackIcon } from './IconComponents/ArrowBackIcon';
-import { AssessmentsIcon } from './IconComponents/AssessmentsIcon';
-import { AssignmentIcon } from './IconComponents/AssignmentIcon';
-import { AttachmentIcon } from './IconComponents/AttachmentIcon';
-import { AttendanceIcon } from './IconComponents/AttendanceIcon';
-import { BarChartIcon } from './IconComponents/BarChartIcon';
-import { BookletIcon } from './IconComponents/BookletIcon';
-import { BulbIcon } from './IconComponents/BulbIcon';
-import { CalendarIcon } from './IconComponents/CalendarIcon';
-import { CampxFullLogoIcon } from './IconComponents/CampxFullLogoIcon';
-import { CampxIcon } from './IconComponents/CampxIcon';
-import { CareerIcon } from './IconComponents/CareerIcon';
-import { CareersIcon } from './IconComponents/CareersIcon';
-import { CautionIcon } from './IconComponents/CautionIcon';
-import { CertificateIcon } from './IconComponents/CertificatesIcon';
-import { CetIcon } from './IconComponents/CetIcon';
-import { CheckedCheckboxIcon } from './IconComponents/CheckedCheckBoxIcon';
-import { CheckedRadioIcon } from './IconComponents/CheckedRadioIcon';
-import { ClassroomsIcon } from './IconComponents/ClassroomIcon';
-import { ClearIcon } from './IconComponents/ClearIcon';
-import { ClogWheelIcon } from './IconComponents/ClogWheelIcon';
-import { CollapseIcon } from './IconComponents/CollapseIcon';
-import { ColumnsIcon } from './IconComponents/ColumnsIcon';
-import { ComfortableIcon } from './IconComponents/Comfortable';
-import { CommutexIcon } from './IconComponents/CommutexIcon';
-import { CompactIcon } from './IconComponents/CompactIcon';
-import { CompletedStateIcon } from './IconComponents/CompletedStateIcon';
-import { ConcessionIcon } from './IconComponents/ConcessionsIcon';
-import { ConfigurationsIcon } from './IconComponents/ConfigurationsIcon';
-import { ConfigureIcon } from './IconComponents/ConfigureIcon';
-import { CounsellorIcon } from './IconComponents/CounsellorsIcon';
-import { CourseInfoIcon } from './IconComponents/CourseInfoIcon';
-import { CreditMemoIcon } from './IconComponents/CreditMemoIcon';
-import { CrossIcon } from './IconComponents/CrossIcon';
-import { CrossIcon2 } from './IconComponents/CrossIcon2';
-import DFormsIcon from './IconComponents/DFormsIcon';
-import { DashBoardIcon } from './IconComponents/DashBoardIcon';
-import { DatabaseIcon } from './IconComponents/DatabaseIcon';
-import { DeleteIcon } from './IconComponents/DeleteIcon';
-import { DeviceIcon } from './IconComponents/DeviceIcon';
-import { DocumentIcon } from './IconComponents/DocumentIcon';
-import { DoneSquare } from './IconComponents/DoneSquare';
-import { DownArrow } from './IconComponents/DownArrow';
-import { DownloadIcon } from './IconComponents/DownloadIcon';
-import { EditIcon } from './IconComponents/EditIcon';
-import { EmailIcon } from './IconComponents/EmailIcon';
-import { EnrollxIcon } from './IconComponents/EnrollxIcon';
-import { EvaluationIcon } from './IconComponents/EvaluationIcon';
-import { ExamConfigurationIcon } from './IconComponents/ExamConfigurationIcon';
-import { ExamDetailsIcon } from './IconComponents/ExamDetailsIcon';
-import { ExamResultIcon } from './IconComponents/ExamResultIcon';
-import { ExamxIcon } from './IconComponents/ExamxIcon';
-import { ExcelIcon } from './IconComponents/ExcelIcon';
-import { ExpandIcon } from './IconComponents/ExpandIcon';
-import { ExportIcon } from './IconComponents/ExportIcon';
-import { ExportMenuIcon } from './IconComponents/ExportMenuIcon';
-import { FeeConfigurationIcon } from './IconComponents/FeeConfigurationIcon';
-import { FeePaymentIcon } from './IconComponents/FeePaymentIcon';
-import { FeedbackStarIcon } from './IconComponents/FeedbackStarIcon';
-import { FilterIcon } from './IconComponents/FilterIcon';
-import { FormBuilderIcon } from './IconComponents/FormBuilderIcon';
-import { HallTicketsIcon } from './IconComponents/HallTicketsIcon';
-import { HamburgerMenuIcon } from './IconComponents/HamburgerMenuIcon';
-import { HandoutsIcon } from './IconComponents/HandoutsIcon';
-import { HelpDocsIcon } from './IconComponents/HelpDocsIcon';
-import { HelpIcon } from './IconComponents/HelpIcon';
-import { HomeIcon } from './IconComponents/HomeIcon';
-import { HostelxIcon } from './IconComponents/HostelxIcon';
-import { HostlerIcon } from './IconComponents/HostlersIcon';
-import { ImageIcon } from './IconComponents/ImageIcon';
-import { ImportIcon } from './IconComponents/ImportIcon';
-import { InfoFilledIcon } from './IconComponents/InfoFilledIcon';
-import { InfoIcon } from './IconComponents/InfoIcon';
-import { InstitutionsIcon } from './IconComponents/InstitutionsIcon';
-import { InternalExamsIcon } from './IconComponents/InternalExamsIcon';
-import { InvigilationIcon } from './IconComponents/InvigilationIcon';
-import { LineDividerIcon } from './IconComponents/LIneDivider';
-import { LeadsIcon } from './IconComponents/LeadsIcon';
-import { LeftIcon } from './IconComponents/LeftIcon';
-import { LegacyIcon } from './IconComponents/LegacyIcon';
-import { LocationIcon } from './IconComponents/LocationIcon';
-import { LogoutIcon } from './IconComponents/LogoutIcon';
-import { ManageUserIcon } from './IconComponents/ManageUsersIcon';
-import { MarksIcon } from './IconComponents/MarksIcon';
-import { MenteesIcon } from './IconComponents/MenteesIcon';
-import { MentorsIcon } from './IconComponents/MentorsIcon';
-import { MinusSquare } from './IconComponents/MinusSquare';
-import { MoreVertIcon } from './IconComponents/MoreVertIcon';
-import { NavigationIcon } from './IconComponents/NavigationIcon';
-import { NominalSheetsIcon } from './IconComponents/NominalSheetsIcon';
-import { NoteIcon } from './IconComponents/NoteIcon';
-import { NoticeBoardIcon } from './IconComponents/NoticeBoardIcon';
-import { NotificationIcon } from './IconComponents/NotificationIcon';
-import { ObeIcon } from './IconComponents/ObeIcon';
-import { OmrsIcon } from './IconComponents/OmrsIcon';
-import { OnlineTransactionIcon } from './IconComponents/OnlineTransactions';
-import { OpenPaymentsIcon } from './IconComponents/OpenPaymentsIcon';
-import { PayxIcon } from './IconComponents/PayxIcon';
-import { PdfIcon } from './IconComponents/PdfIcon';
-import { PeoplexIcon } from './IconComponents/PeoplexIcon';
-import { PrintDesignerIcon } from './IconComponents/PrintDesignerIcon';
-import { PrinterIcon } from './IconComponents/PrinterIcon';
-import { ProductFeaturesIcon } from './IconComponents/ProductFeaturesIcon';
-import { ProfileIcon } from './IconComponents/ProfileIcon';
-import QuizIcon from './IconComponents/QuizIcon';
-import { RaiseTicketIcon } from './IconComponents/RaiseTicketIcon';
-import { RedirectIcon } from './IconComponents/RedirectIcon';
-import { RedoIcon } from './IconComponents/RedoIcon';
-import { RegistrationIcon } from './IconComponents/RegistrationsIcon';
-import { RejectIcon } from './IconComponents/RejectIcon';
-import { ReportIssueIcon } from './IconComponents/ReportIssueIcon';
-import { ReportIcon } from './IconComponents/ReportsIcon';
-import { ResourcesIcon } from './IconComponents/ResourcesIcon';
-
-import { RevaluationIcon } from './IconComponents/RevaluationIcon';
-import { RightIcon } from './IconComponents/RightIcon';
-import { RoomsIcon } from './IconComponents/RoomsIcon';
-import { RouteIcon } from './IconComponents/RoutesIcon';
-import { SaveIcon } from './IconComponents/SaveIcon';
-import { ScanningIcon } from './IconComponents/ScanningIcon';
-import ScholarshipIcon from './IconComponents/ScholarshipIcon';
-import { SearchIcon } from './IconComponents/SearchIcon';
-import { SeatingPlan } from './IconComponents/SeatingPlan';
-import { SettlementsIcon } from './IconComponents/SettlementsIcon';
-import { ShareIcon } from './IconComponents/ShareIcon';
-import { SignaturesIcon } from './IconComponents/SignaturesIcon';
-import { SmsIcon } from './IconComponents/SmsIcon';
-import { StandardIcon } from './IconComponents/StandardIcon';
-import { StatisticsIcon } from './IconComponents/StatisticsIcon';
-import { StopWatchIcon } from './IconComponents/StopWatchIcon';
-import { StudentsIcon } from './IconComponents/StudentsIcon';
-import { SuccessFilledIcon } from './IconComponents/SuccessFilledIcon';
-import { TasksIcon } from './IconComponents/TasksIcon';
-import { TextLocalIcon } from './IconComponents/TextLocalIcon';
-import { ThreeDotsMenuIcon } from './IconComponents/ThreeDotsMenuIcon';
-import { TicketSystemIcon } from './IconComponents/TicketingSystemIcon';
-import { TicketsIcon } from './IconComponents/TicketsIcon';
-import { TimeTableIcon } from './IconComponents/TimeTableIcon';
-import TimerIcon from './IconComponents/TimerIcon';
-import { TransactionCardIcon } from './IconComponents/TransactionCardIcon';
-import { UmsIcon } from './IconComponents/UmsIcon';
-import { UnCheckedCheckboxIcon } from './IconComponents/UncheckCheckBoxIcon';
-import { UnCheckedRadioIcon } from './IconComponents/UncheckedRadioIcon';
-import { ViewIcon } from './IconComponents/ViewIcon';
-import { ViewsIcon } from './IconComponents/ViewsIcon';
-import { VisibilityOffIcon } from './IconComponents/VisibiityOffIcon';
-import { VisibilityIcon } from './IconComponents/VisibilityIcon';
-import { WarningFilledIcon } from './IconComponents/WarningFilledIcon';
-import { WhatsappIcon } from './IconComponents/WhatsappIcon';
-import { WorkFlowDocsIcon } from './IconComponents/WorkflowdocsIcon';
-
-export const Icons = {
-  MoreVertIcon,
-  NoteIcon,
-  PrintDesignerIcon,
-  CautionIcon,
-  PrinterIcon,
-  RedoIcon,
-  WhatsappIcon,
-  AssignmentIcon,
-  ThreeDotsMenuIcon,
-  ReportIssueIcon,
-  SmsIcon,
-  EmailIcon,
-  TextLocalIcon,
-  ApproveIcon,
-  RejectIcon,
-  ArrowBackIcon,
-  CollapseIcon,
-  MinusSquare,
-  AddSquare,
-  DoneSquare,
-  ExpandIcon,
-  CreditMemoIcon,
-  ScholarshipIcon,
-  AppsIcon,
-  CareerIcon,
-  ClogWheelIcon,
-  DashBoardIcon,
-  VisibilityIcon,
-  VisibilityOffIcon,
-  DownloadIcon,
-  HelpIcon,
-  HomeIcon,
-  LeftIcon,
-  ExamResultIcon,
-  NotificationIcon,
-  RightIcon,
-  SuccessFilledIcon,
-  InfoFilledIcon,
-  WarningFilledIcon,
-  AlertFilledIcon: ErrorFilledIcon,
-  CrossIcon2,
-  ExcelIcon,
-  ImageIcon,
-  AttachmentIcon,
-  PdfIcon,
-  DocumentIcon,
-  ConfigureIcon,
-  ComfortableIcon,
-  CompactIcon,
-  StandardIcon,
-  LogoutIcon,
-  ColumnsIcon,
-  AccordionArrow,
-  TicketsIcon,
-  FilterIcon,
-  ExportIcon,
-  ProfileIcon,
-  InstitutionsIcon,
-  ActiveDevicesIcon,
-  NavigationIcon,
-  CompletedStateIcon,
-  UnCheckedCheckboxIcon,
-  CheckedCheckboxIcon,
-  UnCheckedRadioIcon,
-  CheckedRadioIcon,
-  BulbIcon,
-  InfoIcon,
-  LocationIcon,
-  DeviceIcon,
-  CrossIcon,
-  ProductFeaturesIcon,
-  CampxIcon,
-  AdministratorIcon,
-  CampxFullLogoIcon,
-  CommutexIcon,
-  EnrollxIcon,
-  PeoplexIcon,
-  PayxIcon,
-  HostelxIcon,
-  ExamxIcon,
-  UmsIcon,
-  AdminIcon,
-  ShareIcon,
-  SaveIcon,
-  SearchIcon,
-  DeleteIcon,
-  EditIcon,
-  ViewIcon,
-  RedirectIcon,
-  AcademicsIcon,
-  ViewsIcon,
-  HandoutsIcon,
-  StudentsIcon,
-  AssessmentsIcon,
-  ArchiveIcon,
-  TasksIcon,
-  CourseInfoIcon,
-  StatisticsIcon,
-  CalendarIcon,
-  AttendanceIcon,
-  ResourcesIcon,
-  TimeTableIcon,
-  TimerIcon,
-  QuizIcon,
-  LeadsIcon,
-  AdmissionIcon,
-  CounsellorIcon,
-  ConcessionIcon,
-  ReportIcon,
-  CetIcon,
-  CertificateIcon,
-  HostlerIcon,
-  FeePaymentIcon,
-  TicketSystemIcon,
-  RegistrationIcon,
-  RouteIcon,
-  ManageUserIcon,
-  ImportIcon,
-  ExportMenuIcon,
-  NoticeBoardIcon,
-  AcademicFeesIcon,
-  OnlineTransactionIcon,
-  OpenPaymentsIcon,
-  TransactionCardIcon,
-  HamburgerMenuIcon,
-  ObeIcon,
-  SettlementsIcon,
-  DownArrow,
-  ClearIcon,
-  LineDividerIcon,
-  WorkFlowDocsIcon,
-  RaiseTicketIcon,
-  HelpDocsIcon,
-  FeedbackStarIcon,
-  BookletIcon,
-  DFormsIcon,
-  ExamConfigurationIcon,
-  ExamDetailsIcon,
-  FeeConfigurationIcon,
-  HallTicketsIcon,
-  MarksIcon,
-  NominalSheetsIcon,
-  OmrsIcon,
-  RevaluationIcon,
-  ScanningIcon,
-  ActivitylogsIcon,
-  CareersIcon,
-  ClassroomsIcon,
-  ConfigurationsIcon,
-  FormBuilderIcon,
-  MenteesIcon,
-  MentorsIcon,
-  InternalExamsIcon,
-  BarChartIcon,
-  StopWatchIcon,
-  RoomsIcon,
-  EvaluationIcon,
-  SignaturesIcon,
-  InvigilationIcon,
-  DatabaseIcon,
-  SeatingPlan,
-  LegacyIcon,
-};

package/src/components/Charts/BarChart/BarChart.tsx

@@ -1,247 +0,0 @@
-import { Box, Stack, SxProps, Typography, useTheme } from '@mui/material';
-import {
-  Bar,
-  CartesianGrid,
-  Label,
-  Legend,
-  BarChart as ReBarChart,
-  Tooltip,
-  XAxis,
-  YAxis,
-} from 'recharts';
-import { LayoutType } from 'recharts/types/util/types';
-import { StyledContainer } from '../../export';
-import {
-  AxisLabelProps,
-  BaseAxisProps,
-  CartesianGridProps,
-  LegendProps,
-  MarginProps,
-  SubTitleProps,
-  TitleProps,
-} from '../types/types';
-
-export type BarChartProps = {
-  title?: string;
-  showSubtitle?: boolean;
-  subTitle?: string;
-  titleProps?: TitleProps;
-  subTitleProps?: SubTitleProps;
-  width?: number;
-  height?: number;
-  layout?: LayoutType;
-  dataKey: string;
-  data: any[];
-  bars: BarItem[];
-  domain?: any[];
-  barGap?: number | string;
-  barSize?: number | string;
-  showToolTip?: boolean;
-  showLegend?: boolean;
-  cartesianGrid?: CartesianGridProps;
-  axisLabelProps?: AxisLabelProps;
-  baseAxisProps?: BaseAxisProps;
-  legendSx?: LegendProps;
-  containerSx?: SxProps;
-  margin?: MarginProps;
-};
-
-type BarItem = {
-  dataKey: string;
-  stackId?: string;
-  fill: string;
-};
-
-export const BarChart = ({
-  title = 'Bar Chart',
-  showSubtitle = false,
-  subTitle = '',
-  subTitleProps = { variant: 'caption' },
-  titleProps = { variant: 'subtitle2' },
-  width = 700,
-  height = 500,
-  margin,
-  layout = 'horizontal',
-  dataKey,
-  domain = [0, 'auto'],
-  data,
-  bars,
-  barGap = 10,
-  barSize = 20,
-  showToolTip = true,
-  showLegend = true,
-  baseAxisProps,
-  cartesianGrid = { showCartesianGrid: false },
-  axisLabelProps,
-  legendSx,
-  containerSx,
-}: BarChartProps) => {
-  const { showCartesianGrid, size } = cartesianGrid;
-  const isVerticalLayout = layout === 'vertical';
-  const { xLabel, yLabel } = axisLabelProps ?? {};
-  const theme = useTheme();
-
-  return (
-    <Stack alignItems={'center'} sx={{ ...containerSx }} width={'fit-content'}>
-      <Typography
-        variant={titleProps.variant}
-        align={'center'}
-        sx={titleProps.sx}
-      >
-        {title}
-      </Typography>
-      {showSubtitle && (
-        <Typography
-          variant={subTitleProps.variant}
-          align={'center'}
-          sx={subTitleProps.sx}
-        >
-          {title}
-        </Typography>
-      )}
-      <ReBarChart
-        width={width}
-        height={height}
-        margin={margin}
-        layout={isVerticalLayout ? 'horizontal' : 'vertical'}
-        data={data}
-        barGap={barGap}
-        barSize={barSize}
-      >
-        {showCartesianGrid && (
-          <CartesianGrid strokeDasharray={`${size} ${size}`} />
-        )}
-        {showToolTip && (
-          <Tooltip
-            content={CustomTooltip}
-            cursor={{ fill: theme.palette.secondary.light, fillOpacity: '50%' }}
-            itemStyle={{
-              color: theme.palette.text.secondary,
-            }}
-            contentStyle={{
-              color: theme.palette.text.primary,
-              backgroundColor: theme.palette.background.paper,
-              borderColor: theme.palette.border.primary,
-              borderRadius: '5px',
-              padding: '5px 10px',
-            }}
-          />
-        )}
-        {showLegend && <Legend {...legendSx} />}
-        {bars?.map((item, index) => (
-          <Bar key={index} {...item} />
-        ))}
-        {isVerticalLayout ? (
-          <>
-            <XAxis
-              type="category"
-              dataKey={dataKey}
-              stroke={theme.palette.border.primary}
-              tick={{
-                fill: theme.palette.text.tertiary,
-                ...baseAxisProps?.xAxis?.tick,
-              }}
-              angle={baseAxisProps?.xAxis?.angle}
-              tickMargin={baseAxisProps?.xAxis?.tickMargin}
-            >
-              <Label
-                {...xLabel}
-                dy={xLabel?.dy}
-                style={{ fill: theme.palette.text.primary }}
-              />
-            </XAxis>
-            <YAxis
-              type="number"
-              stroke={theme.palette.border.primary}
-              tick={{
-                fill: theme.palette.text.tertiary,
-                ...baseAxisProps?.yAxis?.tick,
-              }}
-              tickMargin={baseAxisProps?.yAxis?.tickMargin}
-              domain={domain}
-            >
-              {yLabel && (
-                <Label
-                  offset={10}
-                  position={'insideLeft'}
-                  {...yLabel}
-                  angle={yLabel.angle ?? -90}
-                  dx={yLabel?.dx}
-                  style={{ fill: theme.palette.text.primary }}
-                />
-              )}
-            </YAxis>
-          </>
-        ) : (
-          <>
-            <XAxis
-              type="number"
-              stroke={theme.palette.border.primary}
-              tick={{
-                fill: theme.palette.text.tertiary,
-                ...baseAxisProps?.xAxis?.tick,
-              }}
-              angle={baseAxisProps?.xAxis?.angle}
-              tickMargin={baseAxisProps?.xAxis?.tickMargin}
-            >
-              <Label
-                {...xLabel}
-                dy={xLabel?.dy}
-                style={{ fill: theme.palette.text.primary }}
-              />
-            </XAxis>
-            <YAxis
-              dataKey={dataKey}
-              type="category"
-              stroke={theme.palette.border.primary}
-              tick={{
-                fill: theme.palette.text.tertiary,
-                ...baseAxisProps?.yAxis?.tick,
-              }}
-              tickMargin={baseAxisProps?.yAxis?.tickMargin}
-            >
-              {yLabel && (
-                <Label
-                  offset={10}
-                  position={'insideLeft'}
-                  {...yLabel}
-                  angle={yLabel.angle ?? -90}
-                  dx={yLabel?.dx}
-                  style={{ fill: theme.palette.text.primary }}
-                />
-              )}
-            </YAxis>
-          </>
-        )}
-      </ReBarChart>
-    </Stack>
-  );
-};
-
-const CustomTooltip = ({ active, payload }: any) => {
-  const theme = useTheme();
-  if (active && payload && payload.length) {
-    return (
-      <StyledContainer>
-        <Typography variant="body2">{`${payload[0].payload.name}`}</Typography>
-        <Box sx={{ display: 'flex', flexDirection: 'column' }}>
-          {payload.map((p: any, index: number) => (
-            <Typography variant="caption" key={index}>
-              <span>{`${p.name}`}</span>
-              <span
-                style={{
-                  fontWeight: 'bold',
-                  color: theme.palette.text.primary,
-                }}
-              >
-                {`\xa0\xa0${p.value}`}
-              </span>
-            </Typography>
-          ))}
-        </Box>
-      </StyledContainer>
-    );
-  }
-
-  return null;
-};