@mlw-packages/react-components 1.7.6 → 1.7.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/index.css +671 -101
- package/dist/index.d.mts +286 -28
- package/dist/index.d.ts +286 -28
- package/dist/index.js +3551 -807
- package/dist/index.mjs +3562 -758
- package/package.json +6 -3
package/dist/index.d.mts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React$1 from 'react';
|
|
2
|
-
import React__default from 'react';
|
|
2
|
+
import React__default, { ReactNode } from 'react';
|
|
3
3
|
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
4
4
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
5
5
|
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
@@ -27,6 +27,8 @@ import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
|
|
27
27
|
import { Drawer } from 'vaul';
|
|
28
28
|
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
29
29
|
import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
|
|
30
|
+
import { UniqueIdentifier, DraggableAttributes } from '@dnd-kit/core';
|
|
31
|
+
import { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities';
|
|
30
32
|
|
|
31
33
|
type ErrorMessageProps = {
|
|
32
34
|
error?: string;
|
|
@@ -120,12 +122,12 @@ interface SelectItem<T extends string> {
|
|
|
120
122
|
label: string;
|
|
121
123
|
value: T;
|
|
122
124
|
}
|
|
123
|
-
interface DefaultSelectProps extends ErrorMessageProps {
|
|
125
|
+
interface DefaultSelectProps$1 extends ErrorMessageProps {
|
|
124
126
|
placeholder: string;
|
|
125
127
|
onChange: (value: string) => void;
|
|
126
128
|
disabled?: boolean;
|
|
127
129
|
}
|
|
128
|
-
interface SelectTestIds {
|
|
130
|
+
interface SelectTestIds$1 {
|
|
129
131
|
root?: string;
|
|
130
132
|
base?: string;
|
|
131
133
|
trigger?: string;
|
|
@@ -137,20 +139,62 @@ interface SelectTestIds {
|
|
|
137
139
|
item?: (value: string) => string;
|
|
138
140
|
error?: string;
|
|
139
141
|
}
|
|
140
|
-
interface SelectPropsWithItems<T extends string> extends DefaultSelectProps {
|
|
142
|
+
interface SelectPropsWithItems$1<T extends string> extends DefaultSelectProps$1 {
|
|
141
143
|
items: SelectItem<T>[];
|
|
142
144
|
groupItems?: never;
|
|
145
|
+
testIds?: SelectTestIds$1;
|
|
146
|
+
}
|
|
147
|
+
interface SelectPropsWithGroupItems$1<T extends string> extends DefaultSelectProps$1 {
|
|
148
|
+
items?: never;
|
|
149
|
+
groupItems: {
|
|
150
|
+
[key: string]: SelectItem<T>[];
|
|
151
|
+
};
|
|
152
|
+
testIds?: SelectTestIds$1;
|
|
153
|
+
}
|
|
154
|
+
type SelectProps<T extends string> = SelectPropsWithItems$1<T> | SelectPropsWithGroupItems$1<T>;
|
|
155
|
+
declare function Select<T extends string>({ items, groupItems, placeholder, onChange, error, testIds, disabled, }: SelectProps<T>): react_jsx_runtime.JSX.Element;
|
|
156
|
+
|
|
157
|
+
interface AvatarSelectItem<T extends string> {
|
|
158
|
+
label: string;
|
|
159
|
+
value: T;
|
|
160
|
+
avatar?: string;
|
|
161
|
+
avatarClassName?: string;
|
|
162
|
+
}
|
|
163
|
+
interface SelectTestIds {
|
|
164
|
+
root?: string;
|
|
165
|
+
base?: string;
|
|
166
|
+
trigger?: string;
|
|
167
|
+
value?: string;
|
|
168
|
+
scrollarea?: string;
|
|
169
|
+
content?: string;
|
|
170
|
+
group?: string;
|
|
171
|
+
label?: string;
|
|
172
|
+
item?: (value: string) => string;
|
|
173
|
+
}
|
|
174
|
+
interface DefaultSelectProps extends ErrorMessageProps {
|
|
175
|
+
placeholder?: string;
|
|
176
|
+
onChange: (value: string) => void;
|
|
177
|
+
disabled?: boolean;
|
|
178
|
+
className?: string;
|
|
179
|
+
}
|
|
180
|
+
interface SelectPropsWithItems<T extends string> extends DefaultSelectProps {
|
|
181
|
+
items: AvatarSelectItem<T>[];
|
|
182
|
+
groupItems?: never;
|
|
143
183
|
testIds?: SelectTestIds;
|
|
144
184
|
}
|
|
145
185
|
interface SelectPropsWithGroupItems<T extends string> extends DefaultSelectProps {
|
|
146
186
|
items?: never;
|
|
147
187
|
groupItems: {
|
|
148
|
-
[key: string]:
|
|
188
|
+
[key: string]: AvatarSelectItem<T>[];
|
|
149
189
|
};
|
|
150
190
|
testIds?: SelectTestIds;
|
|
151
191
|
}
|
|
152
|
-
type
|
|
153
|
-
declare function
|
|
192
|
+
type AvatarSelectProps<T extends string> = SelectPropsWithItems<T> | SelectPropsWithGroupItems<T>;
|
|
193
|
+
declare function AvatarSelect<T extends string>({ items, groupItems, placeholder, onChange, error, testIds, disabled, selected, label, labelClassname, className, }: AvatarSelectProps<T> & {
|
|
194
|
+
selected?: T | null;
|
|
195
|
+
label?: string;
|
|
196
|
+
labelClassname?: string;
|
|
197
|
+
}): react_jsx_runtime.JSX.Element;
|
|
154
198
|
|
|
155
199
|
declare const formatFieldName: (fieldName: string) => string;
|
|
156
200
|
declare const detectDataFields: (data: Record<string, unknown>[], xAxisKey: string) => string[];
|
|
@@ -485,15 +529,14 @@ declare const AvatarFallbackBase: React$1.ForwardRefExoticComponent<Omit<AvatarP
|
|
|
485
529
|
declare const badgeVariants: (props?: ({
|
|
486
530
|
size?: "sm" | "lg" | "md" | null | undefined;
|
|
487
531
|
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
488
|
-
type
|
|
532
|
+
type BadgeColorType = "green" | "gray" | "red" | "yellow" | "blue" | "purple";
|
|
489
533
|
interface BadgeBaseProps extends React$1.ComponentProps<"span">, VariantProps<typeof badgeVariants> {
|
|
490
534
|
asChild?: boolean;
|
|
491
|
-
color?:
|
|
535
|
+
color?: BadgeColorType;
|
|
492
536
|
size?: "sm" | "md" | "lg";
|
|
493
|
-
/** status: usado em alguns lugares para indicar um badge-posicionado (ex: Avatar). Valor livre/legacy */
|
|
494
537
|
status?: string;
|
|
495
538
|
}
|
|
496
|
-
declare function
|
|
539
|
+
declare function Badge({ className, color, size, asChild, children, style, ...props }: BadgeBaseProps): react_jsx_runtime.JSX.Element;
|
|
497
540
|
|
|
498
541
|
type CalendarProps = React$1.ComponentProps<typeof DayPicker>;
|
|
499
542
|
declare function CalendarBase({ className, classNames, showOutsideDays, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
|
|
@@ -577,6 +620,7 @@ interface DestructiveDialogProps {
|
|
|
577
620
|
onCancel?: () => void;
|
|
578
621
|
children?: React$1.ReactNode;
|
|
579
622
|
triggerContent?: React$1.ReactNode;
|
|
623
|
+
className?: string;
|
|
580
624
|
}
|
|
581
625
|
declare const DestructiveDialog: React$1.FC<DestructiveDialogProps>;
|
|
582
626
|
|
|
@@ -703,21 +747,9 @@ declare const CollapsibleTriggerBase: React$1.ForwardRefExoticComponent<Omit<Col
|
|
|
703
747
|
} & React$1.RefAttributes<HTMLButtonElement>>;
|
|
704
748
|
declare const CollapsibleContentBase: React$1.ForwardRefExoticComponent<Omit<CollapsiblePrimitive.CollapsibleContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
705
749
|
|
|
706
|
-
interface DebouncedInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value">, ErrorMessageProps {
|
|
707
|
-
value: string;
|
|
708
|
-
onChange: (value: string) => void;
|
|
709
|
-
debounce?: number;
|
|
710
|
-
label?: string;
|
|
711
|
-
labelClassname?: string;
|
|
712
|
-
leftIcon?: React.ReactNode;
|
|
713
|
-
rightIcon?: React.ReactNode;
|
|
714
|
-
showLoadingIndicator?: boolean;
|
|
715
|
-
error?: string | undefined;
|
|
716
|
-
}
|
|
717
|
-
|
|
718
750
|
declare function HoverCardBase(props: React$1.ComponentProps<typeof HoverCardPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
719
751
|
declare function HoverCardTriggerBase(props: React$1.ComponentProps<typeof HoverCardPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
|
|
720
|
-
declare
|
|
752
|
+
declare const HoverCardContentBase: React$1.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
721
753
|
|
|
722
754
|
declare function InputOTPBase({ className, containerClassName, ...props }: React$1.ComponentProps<typeof OTPInput> & {
|
|
723
755
|
containerClassName?: string;
|
|
@@ -822,7 +854,7 @@ type CarouselProps = {
|
|
|
822
854
|
declare function CarouselBase({ orientation, opts, setApi, plugins, className, children, ...props }: React$1.ComponentProps<"div"> & CarouselProps): react_jsx_runtime.JSX.Element;
|
|
823
855
|
declare function CarouselContentBase({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
824
856
|
declare function CarouselItemBase({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
825
|
-
declare function
|
|
857
|
+
declare function CarouselPreviousBase({ className, variant, size, ...props }: React$1.ComponentProps<typeof ButtonBase>): react_jsx_runtime.JSX.Element;
|
|
826
858
|
declare function CarouselNextBase({ className, variant, size, ...props }: React$1.ComponentProps<typeof ButtonBase>): react_jsx_runtime.JSX.Element;
|
|
827
859
|
|
|
828
860
|
declare const ScrollAreaBase: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
@@ -841,8 +873,14 @@ declare const TableCaptionBase: React$1.ForwardRefExoticComponent<React$1.HTMLAt
|
|
|
841
873
|
|
|
842
874
|
declare const TabsBase: React$1.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
843
875
|
declare const TabsListBase: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
844
|
-
|
|
845
|
-
declare const
|
|
876
|
+
type TabsTriggerAnimation = "default" | "none" | "scale" | "underline" | string;
|
|
877
|
+
declare const TabsTriggerBase: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
878
|
+
animation?: TabsTriggerAnimation;
|
|
879
|
+
} & React$1.RefAttributes<HTMLButtonElement>>;
|
|
880
|
+
type TabsContentAnimation = "default" | "fade" | "slide" | "none" | string;
|
|
881
|
+
declare const TabsContentBase: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
882
|
+
animation?: TabsContentAnimation;
|
|
883
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
846
884
|
|
|
847
885
|
declare function BreadcrumbBase({ ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
|
|
848
886
|
declare function BreadcrumbListBase({ className, ...props }: React$1.ComponentProps<"ol">): react_jsx_runtime.JSX.Element;
|
|
@@ -1268,6 +1306,226 @@ interface StatusProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
|
1268
1306
|
}
|
|
1269
1307
|
declare function StatusIndicator({ color, size, position, show, children, className, ...props }: StatusProps): react_jsx_runtime.JSX.Element;
|
|
1270
1308
|
|
|
1309
|
+
interface DebouncedInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value">, ErrorMessageProps {
|
|
1310
|
+
value: string;
|
|
1311
|
+
onChange: (value: string) => void;
|
|
1312
|
+
debounce?: number;
|
|
1313
|
+
label?: string;
|
|
1314
|
+
labelClassname?: string;
|
|
1315
|
+
leftIcon?: React.ReactNode;
|
|
1316
|
+
rightIcon?: React.ReactNode;
|
|
1317
|
+
showLoadingIndicator?: boolean;
|
|
1318
|
+
error?: string | undefined;
|
|
1319
|
+
}
|
|
1320
|
+
|
|
1321
|
+
interface AgendaViewProps {
|
|
1322
|
+
currentDate: Date;
|
|
1323
|
+
events: CalendarEvent[];
|
|
1324
|
+
onEventSelect: (event: CalendarEvent) => void;
|
|
1325
|
+
}
|
|
1326
|
+
declare function AgendaView({ currentDate, events, onEventSelect, }: AgendaViewProps): react_jsx_runtime.JSX.Element;
|
|
1327
|
+
|
|
1328
|
+
interface CalendarDndProviderProps {
|
|
1329
|
+
children: ReactNode;
|
|
1330
|
+
onEventUpdate: (event: CalendarEvent) => void;
|
|
1331
|
+
}
|
|
1332
|
+
declare function CalendarDndProvider({ children, onEventUpdate, }: CalendarDndProviderProps): react_jsx_runtime.JSX.Element;
|
|
1333
|
+
|
|
1334
|
+
type CalendarDndContextType = {
|
|
1335
|
+
activeEvent: CalendarEvent | null;
|
|
1336
|
+
activeId: UniqueIdentifier | null;
|
|
1337
|
+
activeView: "month" | "week" | "day" | null;
|
|
1338
|
+
currentTime: Date | null;
|
|
1339
|
+
eventHeight: number | null;
|
|
1340
|
+
isMultiDay: boolean;
|
|
1341
|
+
multiDayWidth: number | null;
|
|
1342
|
+
dragHandlePosition: {
|
|
1343
|
+
x?: number;
|
|
1344
|
+
y?: number;
|
|
1345
|
+
data?: {
|
|
1346
|
+
isFirstDay?: boolean;
|
|
1347
|
+
isLastDay?: boolean;
|
|
1348
|
+
};
|
|
1349
|
+
} | null;
|
|
1350
|
+
};
|
|
1351
|
+
declare const useCalendarDnd: () => CalendarDndContextType;
|
|
1352
|
+
|
|
1353
|
+
declare const EventHeight = 24;
|
|
1354
|
+
declare const EventGap = 4;
|
|
1355
|
+
declare const WeekCellsHeight = 64;
|
|
1356
|
+
declare const AgendaDaysToShow = 30;
|
|
1357
|
+
declare const StartHour = 0;
|
|
1358
|
+
declare const EndHour = 24;
|
|
1359
|
+
declare const DefaultStartHour = 9;
|
|
1360
|
+
declare const DefaultEndHour = 10;
|
|
1361
|
+
|
|
1362
|
+
interface DayViewProps {
|
|
1363
|
+
currentDate: Date;
|
|
1364
|
+
events: CalendarEvent[];
|
|
1365
|
+
onEventSelect: (event: CalendarEvent) => void;
|
|
1366
|
+
onEventCreate: (startTime: Date) => void;
|
|
1367
|
+
}
|
|
1368
|
+
declare function DayView({ currentDate, events, onEventSelect, onEventCreate, }: DayViewProps): react_jsx_runtime.JSX.Element;
|
|
1369
|
+
|
|
1370
|
+
interface DraggableEventProps {
|
|
1371
|
+
event: CalendarEvent;
|
|
1372
|
+
view: "month" | "week" | "day";
|
|
1373
|
+
showTime?: boolean;
|
|
1374
|
+
onClick?: (e: React.MouseEvent) => void;
|
|
1375
|
+
height?: number;
|
|
1376
|
+
isMultiDay?: boolean;
|
|
1377
|
+
multiDayWidth?: number;
|
|
1378
|
+
isFirstDay?: boolean;
|
|
1379
|
+
isLastDay?: boolean;
|
|
1380
|
+
"aria-hidden"?: boolean | "true" | "false";
|
|
1381
|
+
}
|
|
1382
|
+
declare function DraggableEvent({ event, view, showTime, onClick, height, isMultiDay, multiDayWidth, isFirstDay, isLastDay, "aria-hidden": ariaHidden, }: DraggableEventProps): react_jsx_runtime.JSX.Element;
|
|
1383
|
+
|
|
1384
|
+
interface DroppableCellProps {
|
|
1385
|
+
id: string;
|
|
1386
|
+
date: Date;
|
|
1387
|
+
time?: number;
|
|
1388
|
+
children?: React.ReactNode;
|
|
1389
|
+
className?: string;
|
|
1390
|
+
onClick?: () => void;
|
|
1391
|
+
}
|
|
1392
|
+
declare function DroppableCell({ id, date, time, children, className, onClick, }: DroppableCellProps): react_jsx_runtime.JSX.Element;
|
|
1393
|
+
|
|
1394
|
+
interface EventCalendarProps {
|
|
1395
|
+
events?: CalendarEvent[];
|
|
1396
|
+
onEventAdd?: (event: CalendarEvent) => void;
|
|
1397
|
+
onEventUpdate?: (event: CalendarEvent) => void;
|
|
1398
|
+
onEventDelete?: (eventId: string) => void;
|
|
1399
|
+
className?: string;
|
|
1400
|
+
initialView?: CalendarView;
|
|
1401
|
+
}
|
|
1402
|
+
declare function EventCalendar({ events, onEventAdd, onEventUpdate, onEventDelete, className, initialView, }: EventCalendarProps): react_jsx_runtime.JSX.Element;
|
|
1403
|
+
|
|
1404
|
+
interface EventDialogProps {
|
|
1405
|
+
event: CalendarEvent | null;
|
|
1406
|
+
isOpen: boolean;
|
|
1407
|
+
onClose: () => void;
|
|
1408
|
+
onSave: (event: CalendarEvent) => void;
|
|
1409
|
+
onDelete: (eventId: string) => void;
|
|
1410
|
+
}
|
|
1411
|
+
declare function EventDialog({ event, isOpen, onClose, onSave, onDelete, }: EventDialogProps): react_jsx_runtime.JSX.Element;
|
|
1412
|
+
|
|
1413
|
+
interface EventItemProps {
|
|
1414
|
+
event: CalendarEvent;
|
|
1415
|
+
view: "month" | "week" | "day" | "agenda";
|
|
1416
|
+
isDragging?: boolean;
|
|
1417
|
+
onClick?: (e: React.MouseEvent) => void;
|
|
1418
|
+
showTime?: boolean;
|
|
1419
|
+
currentTime?: Date;
|
|
1420
|
+
isFirstDay?: boolean;
|
|
1421
|
+
isLastDay?: boolean;
|
|
1422
|
+
children?: React.ReactNode;
|
|
1423
|
+
className?: string;
|
|
1424
|
+
dndListeners?: SyntheticListenerMap;
|
|
1425
|
+
dndAttributes?: DraggableAttributes;
|
|
1426
|
+
onMouseDown?: (e: React.MouseEvent) => void;
|
|
1427
|
+
onTouchStart?: (e: React.TouchEvent) => void;
|
|
1428
|
+
}
|
|
1429
|
+
declare function EventItem({ event, view, isDragging, onClick, showTime, currentTime, isFirstDay, isLastDay, children, className, dndListeners, dndAttributes, onMouseDown, onTouchStart, }: EventItemProps): react_jsx_runtime.JSX.Element;
|
|
1430
|
+
|
|
1431
|
+
interface EventsPopupProps {
|
|
1432
|
+
date: Date;
|
|
1433
|
+
events: CalendarEvent[];
|
|
1434
|
+
position: {
|
|
1435
|
+
top: number;
|
|
1436
|
+
left: number;
|
|
1437
|
+
};
|
|
1438
|
+
onClose: () => void;
|
|
1439
|
+
onEventSelect: (event: CalendarEvent) => void;
|
|
1440
|
+
}
|
|
1441
|
+
declare function EventsPopup({ date, events, position, onClose, onEventSelect, }: EventsPopupProps): react_jsx_runtime.JSX.Element;
|
|
1442
|
+
|
|
1443
|
+
declare function useCurrentTimeIndicator(currentDate: Date, view: "day" | "week"): {
|
|
1444
|
+
currentTimePosition: number;
|
|
1445
|
+
currentTimeVisible: boolean;
|
|
1446
|
+
};
|
|
1447
|
+
|
|
1448
|
+
interface EventVisibilityOptions {
|
|
1449
|
+
eventHeight: number;
|
|
1450
|
+
eventGap: number;
|
|
1451
|
+
}
|
|
1452
|
+
interface EventVisibilityResult {
|
|
1453
|
+
contentRef: React.RefObject<HTMLDivElement>;
|
|
1454
|
+
contentHeight: number | null;
|
|
1455
|
+
getVisibleEventCount: (totalEvents: number) => number;
|
|
1456
|
+
}
|
|
1457
|
+
/**
|
|
1458
|
+
* Hook for calculating event visibility based on container height
|
|
1459
|
+
* Uses ResizeObserver for efficient updates
|
|
1460
|
+
*/
|
|
1461
|
+
declare function useEventVisibility({ eventHeight, eventGap, }: EventVisibilityOptions): EventVisibilityResult;
|
|
1462
|
+
|
|
1463
|
+
interface MonthViewProps {
|
|
1464
|
+
currentDate: Date;
|
|
1465
|
+
events: CalendarEvent[];
|
|
1466
|
+
onEventSelect: (event: CalendarEvent) => void;
|
|
1467
|
+
onEventCreate: (startTime: Date) => void;
|
|
1468
|
+
}
|
|
1469
|
+
declare function MonthView({ currentDate, events, onEventSelect, onEventCreate, }: MonthViewProps): react_jsx_runtime.JSX.Element;
|
|
1470
|
+
|
|
1471
|
+
type CalendarView = "month" | "week" | "day" | "agenda";
|
|
1472
|
+
interface CalendarEvent {
|
|
1473
|
+
id: string;
|
|
1474
|
+
title: string;
|
|
1475
|
+
description?: string;
|
|
1476
|
+
start: Date;
|
|
1477
|
+
end: Date;
|
|
1478
|
+
allDay?: boolean;
|
|
1479
|
+
color?: EventColor;
|
|
1480
|
+
location?: string;
|
|
1481
|
+
}
|
|
1482
|
+
type EventColor = "sky" | "amber" | "violet" | "rose" | "emerald" | "orange";
|
|
1483
|
+
|
|
1484
|
+
/**
|
|
1485
|
+
* Get CSS classes for event colors
|
|
1486
|
+
*/
|
|
1487
|
+
declare function getEventColorClasses(color?: EventColor | string): string;
|
|
1488
|
+
/**
|
|
1489
|
+
* Get CSS classes for border radius based on event position in multi-day events
|
|
1490
|
+
*/
|
|
1491
|
+
declare function getBorderRadiusClasses(isFirstDay: boolean, isLastDay: boolean): string;
|
|
1492
|
+
/**
|
|
1493
|
+
* Check if an event is a multi-day event
|
|
1494
|
+
*/
|
|
1495
|
+
declare function isMultiDayEvent(event: CalendarEvent): boolean;
|
|
1496
|
+
/**
|
|
1497
|
+
* Filter events for a specific day
|
|
1498
|
+
*/
|
|
1499
|
+
declare function getEventsForDay(events: CalendarEvent[], day: Date): CalendarEvent[];
|
|
1500
|
+
/**
|
|
1501
|
+
* Sort events with multi-day events first, then by start time
|
|
1502
|
+
*/
|
|
1503
|
+
declare function sortEvents(events: CalendarEvent[]): CalendarEvent[];
|
|
1504
|
+
/**
|
|
1505
|
+
* Get multi-day events that span across a specific day (but don't start on that day)
|
|
1506
|
+
*/
|
|
1507
|
+
declare function getSpanningEventsForDay(events: CalendarEvent[], day: Date): CalendarEvent[];
|
|
1508
|
+
/**
|
|
1509
|
+
* Get all events visible on a specific day (starting, ending, or spanning)
|
|
1510
|
+
*/
|
|
1511
|
+
declare function getAllEventsForDay(events: CalendarEvent[], day: Date): CalendarEvent[];
|
|
1512
|
+
/**
|
|
1513
|
+
* Get all events for a day (for agenda view)
|
|
1514
|
+
*/
|
|
1515
|
+
declare function getAgendaEventsForDay(events: CalendarEvent[], day: Date): CalendarEvent[];
|
|
1516
|
+
/**
|
|
1517
|
+
* Add hours to a date
|
|
1518
|
+
*/
|
|
1519
|
+
declare function addHoursToDate(date: Date, hours: number): Date;
|
|
1520
|
+
|
|
1521
|
+
interface WeekViewProps {
|
|
1522
|
+
currentDate: Date;
|
|
1523
|
+
events: CalendarEvent[];
|
|
1524
|
+
onEventSelect: (event: CalendarEvent) => void;
|
|
1525
|
+
onEventCreate: (startTime: Date) => void;
|
|
1526
|
+
}
|
|
1527
|
+
declare function WeekView({ currentDate, events, onEventSelect, onEventCreate, }: WeekViewProps): react_jsx_runtime.JSX.Element;
|
|
1528
|
+
|
|
1271
1529
|
declare function useIsMobile(): boolean;
|
|
1272
1530
|
|
|
1273
1531
|
interface Position {
|
|
@@ -1287,4 +1545,4 @@ declare const useDrag: (options?: UseDragOptions) => {
|
|
|
1287
1545
|
isDragging: boolean;
|
|
1288
1546
|
};
|
|
1289
1547
|
|
|
1290
|
-
export { AddButton, AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarFallbackBase, AvatarImageBase, BackButton,
|
|
1548
|
+
export { AddButton, AgendaDaysToShow, AgendaView, AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarFallbackBase, AvatarImageBase, AvatarSelect, type AvatarSelectItem, BackButton, Badge, type BadgeColorType, BarChart, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, ButtonBase, ButtonGroupBase, type ButtonProps, CalendarBase, CalendarDndProvider, type CalendarEvent, type CalendarProps, type CalendarView, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, type CarouselApi, CarouselBase, CarouselContentBase, CarouselItemBase, CarouselNextBase, CarouselPreviousBase, ChangeButton, Chart, CheckButton, CheckboxBase, CloseAllButton, CloseButton, CodeBlock, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, type ComboboxProps, type ComboboxTestIds, CommandBase, CommandDialogBase, CommandEmptyBase, CommandGroupBase, CommandInputBase, CommandItemBase, CommandListBase, CommandSeparatorBase, CommandShortcutBase, ContextMenuBase, ContextMenuCheckboxItemBase, ContextMenuContentBase, ContextMenuGroupBase, ContextMenuItemBase, ContextMenuLabelBase, ContextMenuPortalBase, ContextMenuRadioGroupBase, ContextMenuRadioItemBase, ContextMenuSeparatorBase, ContextMenuShortcutBase, ContextMenuSubBase, ContextMenuSubContentBase, ContextMenuSubTriggerBase, ContextMenuTriggerBase, CopyButton, DateTimePicker, DayView, type DebouncedInputProps, DefaultEndHour, DefaultStartHour, DestructiveDialog, DialogBase, DialogCloseBase, DialogContentBase, DialogDescriptionBase, DialogFooterBase, DialogHeaderBase, DialogOverlayBase, DialogPortalBase, DialogTitleBase, DialogTriggerBase, DownloadButton, DraggableEvent, DraggableTooltip, DrawerBase, DrawerCloseBase, DrawerContentBase, DrawerDescriptionBase, DrawerFooterBase, DrawerHeaderBase, DrawerOverlayBase, DrawerPortalBase, DrawerTitleBase, DrawerTriggerBase, DropDownMenuBase, DropDownMenuCheckboxItemBase, DropDownMenuContentBase, DropDownMenuGroupBase, DropDownMenuItemBase, DropDownMenuLabelBase, DropDownMenuPortalBase, DropDownMenuRadioGroupBase, DropDownMenuRadioItemBase, DropDownMenuSeparatorBase, DropDownMenuShortcutBase, DropDownMenuSubBase, DropDownMenuSubContentBase, DropDownMenuSubTriggerBase, DropDownMenuTriggerBase, DroppableCell, EditButton, EndHour, ErrorMessage, EventCalendar, type EventColor, EventDialog, EventGap, EventHeight, EventItem, EventsPopup, FavoriteButton, FileUploader, type FileUploaderProps, type FileWithPreview, FilterButton, HideButton, Highlights, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, InputBase, type InputBaseProps, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, LabelBase, LikeButton, CustomLineChart as LineChart, LoadingBase, LockButton, type Margins, ModalBase, ModalCloseBase, ModalContentBase, ModalDescriptionBase, ModalFooterBase, ModalHeaderBase, ModalOverlayBase, ModalPortalBase, ModalTitleBase, ModalTriggerBase, ModeToggleBase, MonthView, MoreButton, MultiCombobox, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, NotificationButton, type Padding, type Period, PeriodsDropdown, CustomPieChart as PieChart, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, ProgressBase, type ProgressBaseProps, ProgressCirclesBase, type ProgressCirclesBaseProps, ProgressPanelsBase, type ProgressPanelsBaseProps, ProgressSegmentsBase, type ProgressSegmentsBaseProps, type ProgressType, RangePicker, type RangePickerProps, RefreshButton, SaveButton, ScrollAreaBase, ScrollBarBase, SearchButton, Select, SelectBase, SelectContentBase, SelectGroupBase, type SelectItem, SelectItemBase, SelectLabelBase, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, SelectTriggerBase, SelectValueBase, SeparatorBase, SettingsButton, SheetBase, SheetCloseBase, SheetContentBase, SheetDescriptionBase, SheetFooterBase, SheetHeaderBase, SheetOverlayBase, SheetPortalBase, SheetTitleBase, SheetTriggerBase, ShowOnly, SidebarBase, SidebarContentBase, SidebarFooterBase, SidebarGroupActionBase, SidebarGroupBase, SidebarGroupContentBase, SidebarGroupLabelBase, SidebarHeaderBase, SidebarInputBase, SidebarInsetBase, SidebarMenuActionBase, SidebarMenuBadgeBase, SidebarMenuBase, SidebarMenuButtonBase, SidebarMenuItemBase, SidebarMenuSkeletonBase, SidebarMenuSubBase, SidebarMenuSubButtonBase, SidebarMenuSubItemBase, SidebarProviderBase, SidebarRailBase, SidebarSeparatorBase, SidebarTriggerBase, SkeletonBase, SlideBase, type SliderBaseProps, StartHour, StatusIndicator, type StatusProps, SwitchBase, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, type TextAreaBaseProps, type Theme, ThemeProviderBase, TimePicker, TimePickerInput, type TimePickerInputProps, type TimePickerType, Toaster, TooltipBase, TooltipContentBase, TooltipProviderBase, TooltipSimple, TooltipTriggerBase, RechartTooltipWithTotal as TooltipWithTotal, UniversalTooltipRenderer, UnlockButton, UploadButton, UseSideBarBase, ViewButton, VisibilityButton, WeekCellsHeight, WeekView, addHoursToDate, badgeVariants, buttonVariantsBase, compactTick, convert12HourTo24Hour, detectDataFields, detectXAxis, display12HourValue, formatFieldName, generateAdditionalColors, getAgendaEventsForDay, getAllEventsForDay, getArrowByType, getBorderRadiusClasses, getDateByType, getEventColorClasses, getEventsForDay, getSpanningEventsForDay, getValid12Hour, getValidArrow12Hour, getValidArrowHour, getValidArrowMinuteOrSecond, getValidArrowNumber, getValidHour, getValidMinuteOrSecond, getValidNumber, isMultiDayEvent, isValid12Hour, isValidHour, isValidMinuteOrSecond, niceCeil, renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, set12Hours, setDateByType, setHours, setMinutes, setSeconds, sortEvents, toast, useCalendarDnd, useChartHighlights, useCurrentTimeIndicator, useDrag, useEventVisibility, useIsMobile, useTheme, type valueFormatter };
|