@campxdev/react-blueprint 2.2.7-alpha.2 → 2.2.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/types/src/components/Assets/Icons/IconComponents/ChallansIcon.d.ts +4 -0
- package/dist/cjs/types/src/components/Assets/Icons/Icons.d.ts +1 -0
- package/dist/cjs/types/src/components/Navigation/export.d.ts +3 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/types/src/components/Assets/Icons/IconComponents/ChallansIcon.d.ts +4 -0
- package/dist/esm/types/src/components/Assets/Icons/Icons.d.ts +1 -0
- package/dist/esm/types/src/components/Navigation/export.d.ts +3 -1
- package/dist/index.d.ts +58 -2
- package/package.json +1 -1
- package/src/components/Assets/Icons/IconComponents/ChallansIcon.tsx +57 -0
- package/src/components/Assets/Icons/Icons.tsx +4 -1
- package/src/components/Navigation/export.ts +3 -1
- package/dist/cjs/types/src/components/Navigation/Calendar/index.d.ts +0 -2
- package/dist/esm/types/src/components/Navigation/Calendar/index.d.ts +0 -2
- package/src/components/Navigation/Calendar/index.ts +0 -2
|
@@ -9,6 +9,7 @@ export interface IconProps {
|
|
|
9
9
|
export type IconComponent = FC<IconProps>;
|
|
10
10
|
export type IconsType = {
|
|
11
11
|
AcademicFeesIcon: IconComponent;
|
|
12
|
+
ChallansIcon: IconComponent;
|
|
12
13
|
AcademicsIcon: IconComponent;
|
|
13
14
|
AccordionArrow: IconComponent;
|
|
14
15
|
ActiveDevicesIcon: IconComponent;
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
export * from '../Layout/PageHeader/components/TableColumnsSelector/TableColumnsSelector';
|
|
2
2
|
export * from './Breadcrumbs/Breadcrumbs';
|
|
3
|
-
export * from './Calendar';
|
|
3
|
+
export * from './Calendar/Calendar';
|
|
4
|
+
export * from './Calendar/types';
|
|
5
|
+
export * from './Calendar/utils';
|
|
4
6
|
export * from './ConfirmDialog/ConfirmDialog';
|
|
5
7
|
export * from './Dialog/Dialog';
|
|
6
8
|
export * from './DialogButton/DialogButton';
|
package/dist/index.d.ts
CHANGED
|
@@ -76,6 +76,7 @@ interface IconProps {
|
|
|
76
76
|
type IconComponent = FC<IconProps>;
|
|
77
77
|
type IconsType = {
|
|
78
78
|
AcademicFeesIcon: IconComponent;
|
|
79
|
+
ChallansIcon: IconComponent;
|
|
79
80
|
AcademicsIcon: IconComponent;
|
|
80
81
|
AccordionArrow: IconComponent;
|
|
81
82
|
ActiveDevicesIcon: IconComponent;
|
|
@@ -1295,6 +1296,61 @@ interface CalendarProps {
|
|
|
1295
1296
|
|
|
1296
1297
|
declare const Calendar: react__default.FC<CalendarProps>;
|
|
1297
1298
|
|
|
1299
|
+
/**
|
|
1300
|
+
* Generate recurring events based on a pattern
|
|
1301
|
+
*/
|
|
1302
|
+
interface RecurringEventConfig {
|
|
1303
|
+
title: string;
|
|
1304
|
+
startTime: string;
|
|
1305
|
+
endTime: string;
|
|
1306
|
+
startDate: Date;
|
|
1307
|
+
endDate?: Date;
|
|
1308
|
+
daysOfWeek?: number[];
|
|
1309
|
+
interval?: number;
|
|
1310
|
+
backgroundColor?: string;
|
|
1311
|
+
extendedProps?: {
|
|
1312
|
+
[key: string]: any;
|
|
1313
|
+
};
|
|
1314
|
+
}
|
|
1315
|
+
declare const generateRecurringEvents: (config: RecurringEventConfig, maxEvents?: number) => CalendarEvent[];
|
|
1316
|
+
/**
|
|
1317
|
+
* Generate sample business events for demonstration
|
|
1318
|
+
*/
|
|
1319
|
+
declare const generateBusinessEvents: (startDate?: Date) => CalendarEvent[];
|
|
1320
|
+
/**
|
|
1321
|
+
* Filter events by date range
|
|
1322
|
+
*/
|
|
1323
|
+
declare const filterEventsByDateRange: (events: CalendarEvent[], startDate: Date, endDate: Date) => CalendarEvent[];
|
|
1324
|
+
/**
|
|
1325
|
+
* Group events by date
|
|
1326
|
+
*/
|
|
1327
|
+
declare const groupEventsByDate: (events: CalendarEvent[]) => {
|
|
1328
|
+
[date: string]: CalendarEvent[];
|
|
1329
|
+
};
|
|
1330
|
+
/**
|
|
1331
|
+
* Calculate event statistics
|
|
1332
|
+
*/
|
|
1333
|
+
interface EventStats {
|
|
1334
|
+
totalEvents: number;
|
|
1335
|
+
eventsThisWeek: number;
|
|
1336
|
+
eventsThisMonth: number;
|
|
1337
|
+
averageEventsPerDay: number;
|
|
1338
|
+
mostBusyDay: string;
|
|
1339
|
+
leastBusyDay: string;
|
|
1340
|
+
}
|
|
1341
|
+
declare const calculateEventStats: (events: CalendarEvent[]) => EventStats;
|
|
1342
|
+
/**
|
|
1343
|
+
* Convert events to different formats
|
|
1344
|
+
*/
|
|
1345
|
+
declare const exportEventsToCSV: (events: CalendarEvent[]) => string;
|
|
1346
|
+
/**
|
|
1347
|
+
* Validate event data
|
|
1348
|
+
*/
|
|
1349
|
+
declare const validateEvent: (event: Partial<CalendarEvent>) => {
|
|
1350
|
+
isValid: boolean;
|
|
1351
|
+
errors: string[];
|
|
1352
|
+
};
|
|
1353
|
+
|
|
1298
1354
|
type ConfirmDialogType = 'confirm' | 'delete';
|
|
1299
1355
|
type ConfirmDialogProps = {
|
|
1300
1356
|
isOpen: boolean;
|
|
@@ -1474,5 +1530,5 @@ declare const splitBreadcrumbIdSlug: (param: string) => {
|
|
|
1474
1530
|
declare const isLocal: boolean;
|
|
1475
1531
|
declare const isDevelopment: boolean;
|
|
1476
1532
|
|
|
1477
|
-
export { Accordion, AccordionGroup, ActivityLogView, Alert, AnimatedGIFs, AppHeader, AppHeaderV2, AppLayout, BarChart, Breadcrumbs, Button, Calendar, Card, CellContainer, CenterBox, Chips, CircularAvatar, ComingSoon, ConfirmDialog, DataTable, DatePicker, DateTimePicker, DensitySelector, Dialog, DialogButton, DropDownButton, DropDownIcon, DropdownMenu, DropdownMenuItem, EditableDataTable, EditableTableCore, EmptyIllustration, FileUpload, FloatingContent, FloatingHelpDocs, FooterContainerContainer, FormActions, FormControlWrapper, FormWrapper, HelpPopup, IconButtons, Icons, InternalServerError, LabelWrapper, LineChart, MuiThemeProvider, MultiCheckBox, NoInterneConnection, NoItemFound, OtpInput, PageContent, PageHeader, PageNotFound, PasswordField, PieChart, PreviewFiles, ProgressCard, RadioGroup, ResourceNotFound, SearchBar, Select, SidePanel, SidePanelVariables, Sidebar, SingleCheckBox, SingleSelect, Snackbar, Spinner, SquareAvatar, StatusCard, Stepper, StyledContainer, Svgs, Switch, SwitchInstitutionPopup, TableColumnsSelector, TableColumnsSelectorMenuFooter, TabsContainer, TabsLayout, TextField, TimePicker, Timeline, ToolTipContent, Tooltip, Tutorial, Typography, UnAuthorized, UploadDialog, UserProfilePopup, createBreadcrumbIdSlug, darkTheme, getBreadcrumbsCharacter, isDevelopment, isLocal, lightTheme, reactBlueprintReducers, splitBreadcrumbIdSlug, usePageHeader, useParams, useUrlParams };
|
|
1478
|
-
export type { AccordionProps, Activity, ActivityAction, AlertProps, AppHeaderProps, AppHeaderV2Props, AppLayoutProps, BarChartProps, BreadcrumbsProps, ButtonConfig, ButtonProps, CalendarDateClickInfo, CalendarDateSelectInfo, CalendarEvent, CalendarEventClickInfo, CalendarEventDropInfo, CalendarEventResizeInfo, CalendarHeaderToolbar, CalendarProps, CalendarView, CardProps, CheckboxProps, CircularAvatarProps, ConfirmDialogProps, ConfirmDialogType, DataTableProps, DensitySelectorProps, DialogButtonProps, DialogProps, DropdownMenuItemProps, DropdownMenuProps, EditableDataTableProps, FileUploadProps, FloatingContainerProps, FormActionsProps, HelpDocsAction, HelpDocsConfig, IconComponent, IconProps, IconsType, LineChartProps, MultiCheckboxProps, OtpInputProps, PageContentProps, PasswordFieldProps, PieChartProps, PreviewFilesProps, ProgressCardProps, RadioGroupProps, SearchBarProps, SelectProps, Severity, SideMenuItemProps, SidePanelProps, SingleSelectProps, SnackbarProps, SquareAvatarProps, StatusCardProps, SubMenuItemProps, SwitchProps, TableColumnsSelectorProps, TabsContainerProps, TextFieldProps, TimelineItems, TimelineProps, TooltipContentProps, TooltipProps, TypographyProps, UploadDialogProps };
|
|
1533
|
+
export { Accordion, AccordionGroup, ActivityLogView, Alert, AnimatedGIFs, AppHeader, AppHeaderV2, AppLayout, BarChart, Breadcrumbs, Button, Calendar, Card, CellContainer, CenterBox, Chips, CircularAvatar, ComingSoon, ConfirmDialog, DataTable, DatePicker, DateTimePicker, DensitySelector, Dialog, DialogButton, DropDownButton, DropDownIcon, DropdownMenu, DropdownMenuItem, EditableDataTable, EditableTableCore, EmptyIllustration, FileUpload, FloatingContent, FloatingHelpDocs, FooterContainerContainer, FormActions, FormControlWrapper, FormWrapper, HelpPopup, IconButtons, Icons, InternalServerError, LabelWrapper, LineChart, MuiThemeProvider, MultiCheckBox, NoInterneConnection, NoItemFound, OtpInput, PageContent, PageHeader, PageNotFound, PasswordField, PieChart, PreviewFiles, ProgressCard, RadioGroup, ResourceNotFound, SearchBar, Select, SidePanel, SidePanelVariables, Sidebar, SingleCheckBox, SingleSelect, Snackbar, Spinner, SquareAvatar, StatusCard, Stepper, StyledContainer, Svgs, Switch, SwitchInstitutionPopup, TableColumnsSelector, TableColumnsSelectorMenuFooter, TabsContainer, TabsLayout, TextField, TimePicker, Timeline, ToolTipContent, Tooltip, Tutorial, Typography, UnAuthorized, UploadDialog, UserProfilePopup, calculateEventStats, createBreadcrumbIdSlug, darkTheme, exportEventsToCSV, filterEventsByDateRange, generateBusinessEvents, generateRecurringEvents, getBreadcrumbsCharacter, groupEventsByDate, isDevelopment, isLocal, lightTheme, reactBlueprintReducers, splitBreadcrumbIdSlug, usePageHeader, useParams, useUrlParams, validateEvent };
|
|
1534
|
+
export type { AccordionProps, Activity, ActivityAction, AlertProps, AppHeaderProps, AppHeaderV2Props, AppLayoutProps, BarChartProps, BreadcrumbsProps, ButtonConfig, ButtonProps, CalendarDateClickInfo, CalendarDateSelectInfo, CalendarEvent, CalendarEventClickInfo, CalendarEventDropInfo, CalendarEventResizeInfo, CalendarHeaderToolbar, CalendarProps, CalendarView, CardProps, CheckboxProps, CircularAvatarProps, ConfirmDialogProps, ConfirmDialogType, DataTableProps, DensitySelectorProps, DialogButtonProps, DialogProps, DropdownMenuItemProps, DropdownMenuProps, EditableDataTableProps, EventStats, FileUploadProps, FloatingContainerProps, FormActionsProps, HelpDocsAction, HelpDocsConfig, IconComponent, IconProps, IconsType, LineChartProps, MultiCheckboxProps, OtpInputProps, PageContentProps, PasswordFieldProps, PieChartProps, PreviewFilesProps, ProgressCardProps, RadioGroupProps, RecurringEventConfig, SearchBarProps, SelectProps, Severity, SideMenuItemProps, SidePanelProps, SingleSelectProps, SnackbarProps, SquareAvatarProps, StatusCardProps, SubMenuItemProps, SwitchProps, TableColumnsSelectorProps, TabsContainerProps, TextFieldProps, TimelineItems, TimelineProps, TooltipContentProps, TooltipProps, TypographyProps, UploadDialogProps };
|
package/package.json
CHANGED
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { useTheme } from '@mui/material';
|
|
2
|
+
|
|
3
|
+
export const ChallansIcon = ({
|
|
4
|
+
color,
|
|
5
|
+
size = 16,
|
|
6
|
+
}: {
|
|
7
|
+
color?: string;
|
|
8
|
+
size?: number;
|
|
9
|
+
}) => {
|
|
10
|
+
const theme = useTheme();
|
|
11
|
+
color = color ?? theme.palette.text.primary;
|
|
12
|
+
return (
|
|
13
|
+
<svg
|
|
14
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
15
|
+
width={size}
|
|
16
|
+
height={size}
|
|
17
|
+
viewBox="0 0 24 24"
|
|
18
|
+
>
|
|
19
|
+
<g
|
|
20
|
+
id="vuesax_outline_receipt-2"
|
|
21
|
+
data-name="vuesax/outline/receipt-2"
|
|
22
|
+
transform="translate(-492 -380)"
|
|
23
|
+
>
|
|
24
|
+
<g id="receipt-2">
|
|
25
|
+
<path
|
|
26
|
+
id="Vector"
|
|
27
|
+
d="M9.26,21.49A2.59,2.59,0,0,1,7.2,20.38L6.18,19.04a1.081,1.081,0,0,0-.79-.46,1.133,1.133,0,0,0-.85.37,3.448,3.448,0,0,1-2.49,1.34,1.816,1.816,0,0,1-1.37-.7.862.862,0,0,1-.11-.19A8.837,8.837,0,0,1,0,15.71V5.79A8.868,8.868,0,0,1,.57,2.1a.619.619,0,0,1,.11-.17,1.8,1.8,0,0,1,1.36-.72A3.417,3.417,0,0,1,4.53,2.54a1.064,1.064,0,0,0,.85.38,1.081,1.081,0,0,0,.79-.46L7.19,1.11A2.59,2.59,0,0,1,9.25,0a2.59,2.59,0,0,1,2.06,1.11l1.01,1.34a1.082,1.082,0,0,0,.81.47,1.11,1.11,0,0,0,.85-.38,3.455,3.455,0,0,1,2.41-1.33,1.79,1.79,0,0,1,1.44.72.784.784,0,0,1,.11.18,8.837,8.837,0,0,1,.57,3.69v9.92a8.868,8.868,0,0,1-.57,3.69.776.776,0,0,1-.16.24,1.748,1.748,0,0,1-1.39.65,3.455,3.455,0,0,1-2.41-1.33,1.025,1.025,0,0,0-1.66.09L11.31,20.4A2.591,2.591,0,0,1,9.26,21.49ZM5.34,17.07h.13a2.56,2.56,0,0,1,1.9,1.06l1.02,1.35a1,1,0,0,0,1.72.01l1.01-1.34a2.513,2.513,0,0,1,3.94-.21c.74.79,1.19.85,1.31.85a.316.316,0,0,0,.22-.08,7.8,7.8,0,0,0,.4-3V5.79a7.95,7.95,0,0,0-.4-2.98.271.271,0,0,0-.22-.1c-.12,0-.57.06-1.31.85a2.587,2.587,0,0,1-2.02.85,2.618,2.618,0,0,1-1.93-1.06L10.1,2.01a1,1,0,0,0-1.72,0L7.36,3.37a2.549,2.549,0,0,1-1.9,1.05,2.612,2.612,0,0,1-2.02-.84c-.61-.66-1.08-.88-1.34-.87a.288.288,0,0,0-.21.1,7.95,7.95,0,0,0-.4,2.98v9.92a7.975,7.975,0,0,0,.4,2.99.356.356,0,0,0,.21.1c.25.01.72-.21,1.33-.86A2.617,2.617,0,0,1,5.34,17.07Z"
|
|
28
|
+
transform="translate(494.24 381.26)"
|
|
29
|
+
fill={color}
|
|
30
|
+
/>
|
|
31
|
+
<path
|
|
32
|
+
id="Vector-2"
|
|
33
|
+
data-name="Vector"
|
|
34
|
+
d="M8.75,1.5h-8A.755.755,0,0,1,0,.75.755.755,0,0,1,.75,0h8A.755.755,0,0,1,9.5.75.755.755,0,0,1,8.75,1.5Z"
|
|
35
|
+
transform="translate(499.25 389.5)"
|
|
36
|
+
fill={color}
|
|
37
|
+
/>
|
|
38
|
+
<path
|
|
39
|
+
id="Vector-3"
|
|
40
|
+
data-name="Vector"
|
|
41
|
+
d="M6.75,1.5h-6A.755.755,0,0,1,0,.75.755.755,0,0,1,.75,0h6A.755.755,0,0,1,7.5.75.755.755,0,0,1,6.75,1.5Z"
|
|
42
|
+
transform="translate(499.25 393)"
|
|
43
|
+
fill={color}
|
|
44
|
+
/>
|
|
45
|
+
<path
|
|
46
|
+
id="Vector-4"
|
|
47
|
+
data-name="Vector"
|
|
48
|
+
d="M0,0H24V24H0Z"
|
|
49
|
+
transform="translate(492 380)"
|
|
50
|
+
fill="none"
|
|
51
|
+
opacity="0"
|
|
52
|
+
/>
|
|
53
|
+
</g>
|
|
54
|
+
</g>
|
|
55
|
+
</svg>
|
|
56
|
+
);
|
|
57
|
+
};
|
|
@@ -107,6 +107,7 @@ import { MentorsIcon } from './IconComponents/MentorsIcon';
|
|
|
107
107
|
import { MinusSquare } from './IconComponents/MinusSquare';
|
|
108
108
|
import { MoreVertIcon } from './IconComponents/MoreVertIcon';
|
|
109
109
|
import { NavigationIcon } from './IconComponents/NavigationIcon';
|
|
110
|
+
import { NewSmsIcon } from './IconComponents/NewSmsIcon';
|
|
110
111
|
import { NominalSheetsIcon } from './IconComponents/NominalSheetsIcon';
|
|
111
112
|
import { NoteIcon } from './IconComponents/NoteIcon';
|
|
112
113
|
import { NoticeBoardIcon } from './IconComponents/NoticeBoardIcon';
|
|
@@ -169,9 +170,9 @@ import { VisibilityIcon } from './IconComponents/VisibilityIcon';
|
|
|
169
170
|
import { WarningFilledIcon } from './IconComponents/WarningFilledIcon';
|
|
170
171
|
import { WhatsappIcon } from './IconComponents/WhatsappIcon';
|
|
171
172
|
import { WorkFlowDocsIcon } from './IconComponents/WorkflowdocsIcon';
|
|
172
|
-
import { NewSmsIcon } from './IconComponents/NewSmsIcon';
|
|
173
173
|
|
|
174
174
|
import { FC, MouseEvent } from 'react';
|
|
175
|
+
import { ChallansIcon } from './IconComponents/ChallansIcon';
|
|
175
176
|
|
|
176
177
|
export interface IconProps {
|
|
177
178
|
color?: string;
|
|
@@ -185,6 +186,7 @@ export type IconComponent = FC<IconProps>;
|
|
|
185
186
|
// Type for the entire Icons object
|
|
186
187
|
export type IconsType = {
|
|
187
188
|
AcademicFeesIcon: IconComponent;
|
|
189
|
+
ChallansIcon: IconComponent;
|
|
188
190
|
AcademicsIcon: IconComponent;
|
|
189
191
|
AccordionArrow: IconComponent;
|
|
190
192
|
ActiveDevicesIcon: IconComponent;
|
|
@@ -361,6 +363,7 @@ export type IconsType = {
|
|
|
361
363
|
export const Icons: IconsType = {
|
|
362
364
|
AcademicFeesIcon,
|
|
363
365
|
AcademicsIcon,
|
|
366
|
+
ChallansIcon,
|
|
364
367
|
AccordionArrow,
|
|
365
368
|
ActiveDevicesIcon,
|
|
366
369
|
ActivitylogsIcon,
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
export * from '../Layout/PageHeader/components/TableColumnsSelector/TableColumnsSelector';
|
|
2
2
|
export * from './Breadcrumbs/Breadcrumbs';
|
|
3
|
-
export * from './Calendar';
|
|
3
|
+
export * from './Calendar/Calendar';
|
|
4
|
+
export * from './Calendar/types';
|
|
5
|
+
export * from './Calendar/utils';
|
|
4
6
|
export * from './ConfirmDialog/ConfirmDialog';
|
|
5
7
|
export * from './Dialog/Dialog';
|
|
6
8
|
export * from './DialogButton/DialogButton';
|