react-beauty-calendar 1.5.1 → 2.0.1

package/dist/components/ui/Checkbox.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import type * as React from "react";
 declare function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 export { Checkbox };

package/dist/constants/index.d.ts

@@ -3,8 +3,8 @@ import { INITIAL_SIZE, MIN_DIFF_TIME_THRESHOLD } from './card.constant';
 import { DAY_TIME_STARTER, INITIAL_START_TIME } from './day-time-starter.constant';
 import { MONTH } from './month.constant';
 import { PAYMENT_STATUS, PAYMENT_TYPE } from './payment.constant';
+import { BASE_VALUE } from './resize-base-value.constant';
 import { SIDE_OPTIONS } from './side-options.constant';
 import { SYSTEM_COLORS_THEME_1 } from './system-colors.constant';
 import { URL_PARAM } from './url-param.constant';
-import { BASE_VALUE } from './resize-base-value.constant';
-export { BOOKING_VIEW_TYPE, MONTH, PAYMENT_TYPE, PAYMENT_STATUS, SIDE_OPTIONS, SYSTEM_COLORS_THEME_1, URL_PARAM, DAY_TIME_STARTER, INITIAL_SIZE, MIN_DIFF_TIME_THRESHOLD, INITIAL_START_TIME, BASE_VALUE };
+export { BOOKING_VIEW_TYPE, MONTH, PAYMENT_TYPE, PAYMENT_STATUS, SIDE_OPTIONS, SYSTEM_COLORS_THEME_1, URL_PARAM, DAY_TIME_STARTER, INITIAL_SIZE, MIN_DIFF_TIME_THRESHOLD, INITIAL_START_TIME, BASE_VALUE, };

package/dist/context/date-and-time/DateAndTimeContext.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react';
-import { TimesBlock } from '../../core/calendar/Slots';
+import { TimesBlock } from '../../main';
 interface SlotContext {
     handleTimeClicked: (timesBlock: TimesBlock) => void;
 }

package/dist/context/index.d.ts

@@ -1,9 +1,9 @@
 import { default as BookingProvider } from './booking/bookingProvider';
 import { default as BookingModalProvider } from './bookingModal/BookingModalProvider';
+import { default as useDragStore } from './drag/dragStore';
+import { default as useDragStartAtStore } from './drag/useDragStateAtStore';
+import { default as useEmptySlotStore } from './emptySlotsStore/useEmptySlotStore';
 import { ConfigProvider } from './global/config/ConfigProvider';
 import { default as MonthDescriptionProvider } from './month-description/MonthDescriptionProvider';
 import { NewEventProvider } from './new-event/new-event-context';
-import { default as useDragStore } from './drag/dragStore';
-import { default as useEmptySlotStore } from './emptySlotsStore/useEmptySlotStore';
-import { default as useDragStartAtStore } from './drag/useDragStateAtStore';
-export { MonthDescriptionProvider, BookingModalProvider, BookingProvider, NewEventProvider, ConfigProvider, useDragStore, useEmptySlotStore, useDragStartAtStore };
+export { MonthDescriptionProvider, BookingModalProvider, BookingProvider, NewEventProvider, ConfigProvider, useDragStore, useEmptySlotStore, useDragStartAtStore, };

package/dist/context/users-info/users-info-store.d.ts

@@ -1,7 +1,7 @@
-import { UserProfileStatus } from '../../@types/user';
 import { Ref } from 'react';
+import { UserProfileStatus } from '../../@types/user';
 import { UsersInfoRef } from '../../utils/forward';
-export declare const initialUsersInfoFormState: any;
+export declare const initialUsersInfoFormState: UsersInfoProps;
 export interface UsersInfoProps {
     users: UserProfileStatus[];
     ref?: Ref<UsersInfoRef>;

package/dist/core/Root.d.ts

@@ -1,3 +1,3 @@
 import { RootProps } from '../@types/calendar-instance';
-declare const Root: <T>({ viewModes, createBookingModal, onChangeViewType, onCardDropCallback, onCardResizeEnd, onDayChange, onHeaderDayClick, onTodayClick, onSlotClick, onModalClose, bookings, isTimeInfoVisible, systemColor, tableAccessors, users, operationalHours, ref, }: RootProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const Root: ({ viewModes, startView, createBookingModal, onChangeViewType, onCardDropCallback, onCardResizeEnd, onDayChange, onHeaderDayClick, onTodayClick, onSlotClick, onModalClose, bookings, isTimeInfoVisible, systemColor, tableAccessors, users, operationalHours, ref, }: RootProps) => import("react/jsx-runtime").JSX.Element;
 export default Root;

package/dist/core/booking-card/BookingCardOnResize.d.ts

@@ -1,3 +1,3 @@
 import { BookingCarOnResizeProps } from '../../utils';
-declare const BookingCardOnResize: ({ afterResize, booking, slotData, events, style, }: BookingCarOnResizeProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const BookingCardOnResize: ({ afterResize, booking, slotData, events, }: BookingCarOnResizeProps) => import("react/jsx-runtime").JSX.Element | null;
 export default BookingCardOnResize;

package/dist/core/booking-card/CardContent.d.ts

@@ -1,3 +1,3 @@
 import { CardContentProps } from '../../utils';
-declare const CardContent: ({ resize, bookingInit, slotData, heightStyle, topHeightIncrement, customClasses, resizableParam, events, open, lastCard, half, cardContentRef: dataRef, cardsQuantity, cardIndex, hoveringAdditionalCardId, ref, }: CardContentProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const CardContent: ({ resize, bookingInit, slotData, heightStyle, topHeightIncrement, customClasses, resizableParam, events, open, lastCard, half, cardsQuantity, cardIndex, hoveringAdditionalCardId, cardContentRef: dataRef, ref, }: CardContentProps) => import("react/jsx-runtime").JSX.Element | null;
 export default CardContent;

package/dist/core/booking-creation-dialog/BookingCreationDialog.d.ts

@@ -1,3 +1,3 @@
 import { BookingCreationDialogProps } from '../../utils/props';
-declare const BookingCreationDialog: ({ modal, side, onClose, onOpenChange, buttonTrigger, ref, }: BookingCreationDialogProps) => import("react/jsx-runtime").JSX.Element;
+declare const BookingCreationDialog: ({ modal, side, onClose, slotTrigger, onOpenChange, buttonTrigger, ref, }: BookingCreationDialogProps) => import("react/jsx-runtime").JSX.Element;
 export default BookingCreationDialog;

package/dist/core/calendar/CalendarActionButton.d.ts

@@ -0,0 +1,5 @@
+interface CalendarActionButtonProps {
+    handleClickDay: (day: Date) => void;
+}
+declare const CalendarActionButton: ({ handleClickDay, }: CalendarActionButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default CalendarActionButton;

package/dist/core/calendar/CalendarDayHeader.d.ts

@@ -0,0 +1,5 @@
+interface NewHeaderProps {
+    handleClickDay: (day: Date) => void;
+}
+declare const CalendarDayHeader: ({ handleClickDay }: NewHeaderProps) => import("react/jsx-runtime").JSX.Element | null;
+export default CalendarDayHeader;

package/dist/core/calendar/CalendarDays.d.ts

@@ -0,0 +1,5 @@
+interface CalendarDaysProps {
+    handleClickDay: (day: Date) => void;
+}
+declare const CalendarDays: import('react').MemoExoticComponent<({ handleClickDay }: CalendarDaysProps) => (import("react/jsx-runtime").JSX.Element | undefined)[] | undefined>;
+export default CalendarDays;

package/dist/core/calendar/CalendarHolder.d.ts

@@ -1,3 +1,3 @@
 import { CalendarHolderProps } from '../../utils';
-declare const CalendarHolder: ({ tableAccessors }: CalendarHolderProps<any>) => import("react/jsx-runtime").JSX.Element;
+declare const CalendarHolder: ({ tableAccessors }: CalendarHolderProps) => import("react/jsx-runtime").JSX.Element;
 export default CalendarHolder;

package/dist/core/calendar/CalendarView.d.ts

@@ -1,2 +1,6 @@
+export interface LunchTimeBlock {
+    startAt: string;
+    finishAt: string;
+}
 declare const CalendarView: () => import("react/jsx-runtime").JSX.Element;
 export default CalendarView;

package/dist/core/calendar/DateCalendarIndicator.d.ts

@@ -0,0 +1,8 @@
+import { WeekDays } from '../../constants/week.constant';
+interface DateCalendarIndicatorProps {
+    day: Date;
+    dayOfWeek: WeekDays;
+    handleClickDay: (day: Date) => void;
+}
+declare const DateCalendarIndicator: ({ day, dayOfWeek, handleClickDay, }: DateCalendarIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+export default DateCalendarIndicator;

package/dist/core/calendar/DaysOfWeek.d.ts

@@ -1,4 +1,3 @@
 import { PropsWithChildren } from 'react';
-type DaysWeekPropsWithChildren = PropsWithChildren;
-declare const DaysWeek: ({ children }: DaysWeekPropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+declare const DaysWeek: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 export default DaysWeek;

package/dist/core/calendar/HourWithActions.d.ts

@@ -1,4 +1,4 @@
-declare const HourWithActions: ({ hour }: {
+declare const HourWithActions: ({ hour, }: {
     hour: string;
 }) => import("react/jsx-runtime").JSX.Element;
 export default HourWithActions;

package/dist/core/calendar/ScheduleSlots.d.ts

@@ -0,0 +1,14 @@
+import { UserProfileStatus } from '../../@types';
+import { BookingViewType } from '../../@types/booking';
+import { DaysOfWeek } from '../../context/global/days-and-week/day-and-week-store';
+import { LunchTimeBlock } from './CalendarView';
+interface DaysSlotsProps {
+    bookingViewType: BookingViewType;
+    lunchTimeBlock: LunchTimeBlock;
+    daysOfWeek: DaysOfWeek;
+    users: UserProfileStatus[];
+    dayViewModeWithUsers: Date[];
+    hour: string;
+}
+declare const ScheduleSlots: ({ bookingViewType, lunchTimeBlock, daysOfWeek, users, dayViewModeWithUsers, hour, }: DaysSlotsProps) => import("react/jsx-runtime").JSX.Element[];
+export default ScheduleSlots;

package/dist/core/calendar/SlotRender.d.ts

@@ -1,3 +1,3 @@
 import { SlotRenderProps } from '../../utils';
-declare const SlotRender: import('react').MemoExoticComponent<({ firstDay, booking, dayHour, disabledCss, user, firstBlockTimeData, secondBlockTimeData, thirdBlockTimeData, fourthBlockTimeData, }: SlotRenderProps) => import("react/jsx-runtime").JSX.Element>;
+declare const SlotRender: import('react').MemoExoticComponent<({ bookings, dayHour, user, firstDay, }: SlotRenderProps) => import("react/jsx-runtime").JSX.Element>;
 export default SlotRender;

package/dist/core/calendar/TableDayOfWeekColumn.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+interface CalendarDayProps {
+    handleClickDay: (day: Date) => void;
+}
+declare const TableDayOfWeekColumn: ({ handleClickDay, children, }: PropsWithChildren<CalendarDayProps>) => import("react/jsx-runtime").JSX.Element[];
+export default TableDayOfWeekColumn;

package/dist/core/card-slots/ResizableTimeSlot.d.ts

@@ -0,0 +1,17 @@
+import { Ref } from 'react';
+import { BlocksTimeStructure } from '../../utils';
+import { ResizableTimeSlotRef } from '../../utils/forward';
+interface ResizingProps {
+    isDraggingOnClick: boolean;
+    startAtBoth: string;
+    finishAtBoth: string;
+    slotData: BlocksTimeStructure;
+    onStartAtChange: (dateTime: Date) => void;
+    onAddTime: (dateTime: Date) => void;
+    onSubTime: (dateTime: Date) => void;
+    startCounter: () => void;
+    showBookingCreationModal: () => void;
+    ref: Ref<ResizableTimeSlotRef>;
+}
+declare const ResizableTimeSlot: ({ isDraggingOnClick, slotData, startAtBoth, finishAtBoth, onStartAtChange, onAddTime, onSubTime, startCounter, showBookingCreationModal, ref, }: ResizingProps) => import("react/jsx-runtime").JSX.Element;
+export default ResizableTimeSlot;

package/dist/core/card-slots/SlotTrigger.d.ts

@@ -1,3 +1,3 @@
 import { SlotTriggerProps } from '../../utils';
-declare const SlotTrigger: ({ slotData, blockTimeString, dayHour, slotPosition, disabledCss, events, bookings, children, ref, }: SlotTriggerProps) => import("react/jsx-runtime").JSX.Element;
+declare const SlotTrigger: ({ slotData, blockTimeString, dayHour, lastPosition, disabledCss, events, bookings, getCreationDialogRef, children, ref, }: SlotTriggerProps) => import("react/jsx-runtime").JSX.Element;
 export default SlotTrigger;

package/dist/core/card-slots/TimeInfo.d.ts

@@ -1,3 +1,5 @@
-import { TimeInfoProps, TimeInfoRef } from '../../utils';
-declare const TimeInfo: import('react').ForwardRefExoticComponent<TimeInfoProps & import('react').RefAttributes<TimeInfoRef>>;
+import { TimeInfoRef } from '../../utils';
+declare const TimeInfo: import('react').ForwardRefExoticComponent<import('../../utils').TimeInfoProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<TimeInfoRef>>;
 export default TimeInfo;

package/dist/core/card-slots/UniSlot.d.ts

@@ -0,0 +1,3 @@
+import { UniSlotProps } from '../../utils/props';
+declare const UniSlot: import('react').MemoExoticComponent<({ dayHour, userId, slotPosition, firstDay, bookings, lastPosition, }: UniSlotProps) => import("react/jsx-runtime").JSX.Element>;
+export default UniSlot;

package/dist/core/header-calendar/Actions.d.ts

@@ -0,0 +1,5 @@
+interface ActionsProps {
+    handleShowCreationModal: () => void;
+}
+declare const Actions: ({ handleShowCreationModal }: ActionsProps) => import("react/jsx-runtime").JSX.Element;
+export default Actions;

package/dist/core/header-calendar/Header.d.ts

@@ -1,9 +1,6 @@
-export type ActionType = "next" | "previous";
-interface ShortcutButtons {
-    label: string;
-    codeCommands: string;
-    onClick: () => void;
+import { BookingCreationDialogRef } from '../../utils';
+interface HeaderProps {
+    getBookingModalCreateRef: () => BookingCreationDialogRef | null;
 }
-export type ShortcutButtonsList = ShortcutButtons[];
-declare const Header: () => import("react/jsx-runtime").JSX.Element;
+declare const Header: ({ getBookingModalCreateRef }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
 export default Header;

package/dist/core/header-calendar/HeaderDayActions.d.ts

@@ -1,4 +1,4 @@
-import { ActionType } from './Header';
+import { ActionType } from '../../main';
 interface handleWeekChangeProps {
     handleWeekChange: (actionType: ActionType) => void;
 }

package/dist/core/header-calendar/HeaderTodayAction.d.ts

@@ -1,5 +1,3 @@
-interface HeaderTodayActionProps {
-    onClick: () => void;
-}
-declare const HeaderTodayAction: ({ onClick }: HeaderTodayActionProps) => import("react/jsx-runtime").JSX.Element;
+import { HeaderTodayActionProps } from '../../utils/props';
+declare const HeaderTodayAction: ({ onClick, showCreationModal, }: HeaderTodayActionProps) => import("react/jsx-runtime").JSX.Element;
 export default HeaderTodayAction;

package/dist/core/slots/CardOverlay.d.ts

@@ -1,3 +1,2 @@
-import { PropsWithChildren } from 'react';
-declare const CardOverlay: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+declare const CardOverlay: () => import("react/jsx-runtime").JSX.Element;
 export default CardOverlay;

package/dist/core/table-view-type/Columns.d.ts

@@ -1,4 +1,4 @@
 import { ColumnDef } from '@tanstack/react-table';
 import { ColumnsProps } from '../../utils';
-declare const Columns: <T>({ keyToCopy, accessors, }: ColumnsProps<T>) => ColumnDef<T>[];
+declare const Columns: ({ keyToCopy, accessors, }: ColumnsProps<unknown>) => ColumnDef<Record<string, unknown>>[];
 export default Columns;

package/dist/core/table-view-type/TableViewType.d.ts

@@ -1,10 +1,10 @@
 import { ColumnDef } from '@tanstack/react-table';
 import { Booking } from '../../@types/booking';
-import { UserProfile } from '../../@types/user';
+import { UserProfileStatus } from '../../@types/user';
 interface TableViewTypeProps {
-    user: UserProfile;
+    user: UserProfileStatus;
     bookings: Booking[];
-    tableAccessors: ColumnDef<any>[];
+    tableAccessors: ColumnDef<unknown>[];
 }
-declare const TableViewType: ({ user, bookings, tableAccessors }: TableViewTypeProps) => import("react/jsx-runtime").JSX.Element;
+declare const TableViewType: ({ user, bookings, tableAccessors, }: TableViewTypeProps) => import("react/jsx-runtime").JSX.Element;
 export default TableViewType;

package/dist/hooks/index.d.ts

@@ -2,6 +2,7 @@ import { default as useBooking } from './useBooking';
 import { default as useBookingModal } from './useBookingModal';
 import { default as useDaysSelectedView } from './useDaysSelectedView';
 import { default as useEventPrevention } from './useEventPrevention';
+import { default as useGlobalConfig } from './useGlobalConfig';
 import { default as useGlobalStore } from './useGlobalStore';
 import { default as useMonthDescription } from './useMonthDescription';
 import { default as useNewEventStore } from './useNewEventStore';
@@ -9,5 +10,4 @@ import { default as useQueryData } from './useQuery';
 import { default as useThrottleCallback } from './useTrottleCallback';
 import { default as useUrlParam } from './useUrlParam';
 import { default as useUserInfoStore } from './useUserInfoStore';
-import { default as useGlobalConfig } from './useGlobalConfig';
-export { useBooking, useEventPrevention, useThrottleCallback, useDaysSelectedView, useMonthDescription, useUrlParam, useGlobalStore, useQueryData, useNewEventStore, useBookingModal, useUserInfoStore, useGlobalConfig };
+export { useBooking, useEventPrevention, useThrottleCallback, useDaysSelectedView, useMonthDescription, useUrlParam, useGlobalStore, useQueryData, useNewEventStore, useBookingModal, useUserInfoStore, useGlobalConfig, };

package/dist/hooks/useCalendarInstance.d.ts

@@ -1,3 +1,3 @@
 import { CalendarInstanceRef, UseBookingInstanceProps } from '../@types/calendar-instance';
-declare const useCalendarInstance: <T>(props: UseBookingInstanceProps<T>) => CalendarInstanceRef;
+declare const useCalendarInstance: (props: UseBookingInstanceProps) => CalendarInstanceRef;
 export default useCalendarInstance;

package/dist/hooks/useResizableBothSides.d.ts

@@ -1,7 +1,7 @@
 import { SyntheticEvent } from 'react';
 import { ResizeCallbackData } from 'react-resizable';
 import { useResizableCardHookProps } from '../utils';
-declare const useResizableBothSides: ({ booking, onAddTime, onStartAtChange, onSubTime, operationalHours, starter, }: useResizableCardHookProps) => {
+declare const useResizableBothSides: ({ booking, onAddTime, onStartAtChange, onSubTime, starter, }: useResizableCardHookProps) => {
     state: {
         height: number;
         width: number;

package/dist/utils/cardResize.utils.d.ts

@@ -0,0 +1,9 @@
+type DirectionBound = "upperBound" | "lowerBound";
+export declare const cardResizeUtils: {
+    isUpperBoundReached(operationalStartTime: number | undefined, closureDate: Date): boolean;
+    isLowerBoundReached(operationalEndTime: number, closureDate: Date): boolean;
+    adjustedDateMinutes(initialDate: Date, action: "add" | "remove"): Date;
+    baseValueLimitMin(prevHeight: number): boolean;
+    checkBoundConditions(hours: number, bounds: number, closureMinutes: number, directionBound: DirectionBound): boolean;
+};
+export {};

package/dist/utils/date.utils.d.ts

@@ -36,4 +36,5 @@ export declare const dateUtils: {
     generateWeekMonthLabel(week: DaysOfWeek): string;
     isFinishDateAnotherDay(finish: Date, start: Date): boolean;
     compareSameDate(firstDate: Date, secondDate: Date): boolean;
+    isMidnight(closureDate: Date): boolean;
 };

package/dist/utils/forward.d.ts

@@ -8,7 +8,6 @@ export interface TimeInfoRef {
     show: () => void;
     hide: () => void;
     changeIsOpen: (isOpen: boolean) => void;
-    reset: () => void;
 }
 export interface BlockTimeRef {
     ref: (element: HTMLElement | null) => void;
@@ -22,6 +21,8 @@ export interface SlotTriggerForwardRef {
     removeFromAdditionalBooking: (booking: Booking) => void;
     hoveringAdditionalCard: (hoveringCardId: string) => void;
     clearHoveringCard: () => void;
+    onCloseCreationModal: (event?: React.MouseEvent) => void;
+    onOpenChange: (status: boolean) => void;
 }
 export interface BookingCardContentRef {
     updateBooking: (booking: Booking) => void;
@@ -34,3 +35,7 @@ export interface BookingCreationDialogRef {
 export interface UsersInfoRef {
     updateDisabledUser: (userId: string, status: boolean) => void;
 }
+export interface ResizableTimeSlotRef {
+    resetState: () => void;
+    resetHeightStyle: () => void;
+}

package/dist/utils/index.d.ts

@@ -1,8 +1,9 @@
-import { buildEmptyTimeSlotKey } from './buildEmptyTimeSlotKey';
 import { bookingUtils } from './booking.utils';
+import { buildEmptyTimeSlotKey } from './buildEmptyTimeSlotKey';
+import { cardResizeUtils } from './cardResize.utils';
 import { dateUtils } from './date.utils';
-import { stringUtils } from './string.utils';
-import { generateTimes, generateWorkingTimes } from './hours';
 import { TimeInfoRef, BookingCardRef, SlotTriggerForwardRef, BookingCreationDialogRef, BookingCardContentRef } from './forward';
+import { generateTimes, generateWorkingTimes } from './hours';
 import { SlotTriggerProps, CardContentProps, BlockTimeData, EmptySlotProps, TimeInfoProps, useResizableCardHookProps, BlocksTimeStructure, SlotRenderProps, BookingCarContextProps, CalendarHolderProps, ColumnsProps, BookingCarOnResizeProps } from './props';
-export { bookingUtils, dateUtils, stringUtils, generateTimes, generateWorkingTimes, buildEmptyTimeSlotKey, BookingCardRef, SlotTriggerForwardRef, BookingCreationDialogRef, TimeInfoRef, BookingCardContentRef, BlockTimeData, BlocksTimeStructure, SlotTriggerProps, CardContentProps, EmptySlotProps, TimeInfoProps, useResizableCardHookProps, BookingCarContextProps, SlotRenderProps, CalendarHolderProps, ColumnsProps, BookingCarOnResizeProps };
+import { stringUtils } from './string.utils';
+export { bookingUtils, dateUtils, stringUtils, cardResizeUtils, generateTimes, generateWorkingTimes, buildEmptyTimeSlotKey, type BookingCardRef, type SlotTriggerForwardRef, type BookingCreationDialogRef, type TimeInfoRef, type BookingCardContentRef, type BlockTimeData, type BlocksTimeStructure, type SlotTriggerProps, type CardContentProps, type EmptySlotProps, type TimeInfoProps, type useResizableCardHookProps, type BookingCarContextProps, type SlotRenderProps, type CalendarHolderProps, type ColumnsProps, type BookingCarOnResizeProps, };

package/dist/utils/props.d.ts

@@ -1,13 +1,11 @@
 import { DraggableAttributes } from '@dnd-kit/core';
 import { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities';
-import { CSSProperties, JSX, ReactNode, Ref } from 'react';
+import { ColumnDef } from '@tanstack/react-table';
+import { CSSProperties, JSX, PropsWithChildren, ReactNode, Ref } from 'react';
 import { Booking, BookingDateAndTime, Bookings, UserProfileStatus } from '../@types';
-import { ResizableParam } from './types';
-import { TimesBlock } from '../core/calendar/Slots';
-import { BlockTimeRef, BookingCardContentRef, BookingCardRef, BookingCreationDialogRef, CardContentRef, SlotTriggerForwardRef } from './forward';
 import { Side } from '../core/booking-options/BookingInfoOptions';
-import { OperationalHours } from '../context/global/days-and-week/day-and-week-store';
-import { ColumnDef } from '@tanstack/react-table';
+import { BlockTimeRef, BookingCardContentRef, BookingCardRef, BookingCreationDialogRef, CardContentRef, SlotTriggerForwardRef } from './forward';
+import { ResizableParam, TimesBlock } from './types';
 export interface CardContentProps {
     resize?: boolean;
     bookingInit: Booking;
@@ -38,15 +36,9 @@ export interface BookingCardProps {
     hoveringAdditionalCardId?: string;
     ref?: Ref<BookingCardRef>;
 }
-interface TimeInfoEvents {
-    onClick: (finishAt?: string, startAt?: string) => void;
-    renderPreviewCard: () => void;
-    openOptions: () => void;
-    resetPrevView: () => void;
-}
+export type TimeInfoPropsWithChildren = PropsWithChildren<TimeInfoProps>;
 export interface TimeInfoProps {
-    slotData: BlocksTimeStructure;
-    events: TimeInfoEvents;
+    isDraggingOnClick: boolean;
 }
 export interface BlockTimeData {
     key: string;
@@ -55,28 +47,25 @@ export interface BlockTimeData {
 }
 export type BlocksTimeStructure = BlockTimeRef & BlockTimeData;
 export interface EmptySlotProps {
-    bookings?: Booking[];
-    dayHour?: BookingDateAndTime;
-    first: BlocksTimeStructure;
-    second: BlocksTimeStructure;
-    third: BlocksTimeStructure;
-    fourth: BlocksTimeStructure;
-    disabledCss: string;
+    bookings: Booking[];
+    dayHour: BookingDateAndTime;
+    disabledCss?: string;
     userId?: string;
     firstDay: boolean;
 }
 export interface SlotEvents {
-    onMouseEnterEvent: () => string;
+    onMouseEnterEvent: () => TimesBlock;
 }
 export interface SlotTriggerProps {
     slotData: BlocksTimeStructure;
     blockTimeString?: string;
     dayHour?: BookingDateAndTime;
-    slotPosition: TimesBlock;
-    disabledCss: string;
+    disabledCss?: string;
     events: SlotEvents;
     bookings?: Bookings;
     children?: ReactNode;
+    lastPosition?: boolean;
+    getCreationDialogRef: () => BookingCreationDialogRef | null;
     ref: Ref<SlotTriggerForwardRef>;
 }
 export interface CardOverlayProps {
@@ -94,10 +83,9 @@ export interface BookingCarContextProps {
 }
 export type BookingCarOnResizeProps = Omit<BookingCarContextProps & {
     afterResize?: boolean;
-}, 'ref'>;
+}, "ref">;
 export interface useResizableCardHookProps {
     starter?: boolean;
-    operationalHours?: OperationalHours;
     booking: Booking;
     onAddTime?: (datetime: Date) => void;
     onAddStartTime?: (datetime: Date) => void;
@@ -120,26 +108,43 @@ export interface BookingCreationDialogProps {
     modal?: boolean;
     side?: Side;
     buttonTrigger?: JSX.Element;
+    ref: Ref<BookingCreationDialogRef>;
+    slotTrigger?: () => SlotTriggerForwardRef | null;
     onClose?: () => void;
     onOpenChange?: (status: boolean) => void;
-    ref: Ref<BookingCreationDialogRef>;
 }
-export interface SlotRenderProps {
-    firstDay: boolean;
-    booking: Booking[];
-    dayHour: BookingDateAndTime;
-    disabledCss: string;
-    user?: UserProfileStatus;
+export interface BlockTimeDataChunk {
     firstBlockTimeData: BlocksTimeStructure;
     secondBlockTimeData: BlocksTimeStructure;
     thirdBlockTimeData: BlocksTimeStructure;
     fourthBlockTimeData: BlocksTimeStructure;
 }
-export interface CalendarHolderProps<T> {
-    tableAccessors: ColumnDef<T>[];
+export interface SlotRenderProps {
+    bookings: Booking[];
+    lunchTimeBlock?: {
+        startAt: string;
+        finishAt: string;
+    };
+    firstDay: boolean;
+    dayHour: BookingDateAndTime;
+    user?: UserProfileStatus;
+}
+export interface CalendarHolderProps {
+    tableAccessors: ColumnDef<unknown>[];
 }
 export interface ColumnsProps<T> {
     keyToCopy: string;
     accessors: ColumnDef<T>[];
 }
-export {};
+export interface UniSlotProps {
+    dayHour: BookingDateAndTime;
+    slotPosition: TimesBlock;
+    firstDay: boolean;
+    bookings: Booking[];
+    userId?: string;
+    lastPosition?: boolean;
+}
+export interface HeaderTodayActionProps {
+    onClick: () => void;
+    showCreationModal: () => void;
+}

package/dist/utils/types.d.ts

@@ -3,7 +3,6 @@ import { Booking, ViewModes } from '../@types';
 import { ResizeCallbackData, ResizeHandle } from 'react-resizable';
 import { BookingDateAndTime, BookingViewType } from '../@types/booking';
 import { CalendarInstanceRef } from '../@types/calendar-instance';
-import { ActionType } from '../core/header-calendar/Header';
 import { BlockTimeData } from './props';
 export type UseBookingInstanceProps = RootProps;
 export interface RootProps extends RootEventsProps {
@@ -32,4 +31,12 @@ export interface ResizableParam {
     onResizeStop?: (e: React.SyntheticEvent, data: ResizeCallbackData) => void;
     resizeHandle?: ResizeHandle[];
 }
+export type TimesBlock = 0 | 1 | 2 | 3;
+export type ActionType = "next" | "previous";
+interface ShortcutButtons {
+    label: string;
+    codeCommands: string;
+    onClick: () => void;
+}
+export type ShortcutButtonsList = ShortcutButtons[];
 export {};

package/package.json

@@ -11,7 +11,7 @@
   },
   "license": "MIT",
   "private": false,
-  "version": "1.5.1",
+  "version": "2.0.1",
   "keywords": [
     "react",
     "component",
@@ -51,6 +51,7 @@
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/modifiers": "^9.0.0",
     "@radix-ui/react-checkbox": "^1.3.3",
+    "@react-spring/web": "^10.0.3",
     "@tailwindcss/vite": "^4.0.15",
     "@tanstack/react-query": "^5.69.0",
     "@tanstack/react-table": "^8.21.2",

package/dist/core/calendar/Slots.d.ts

@@ -1,15 +0,0 @@
-import { Booking, BookingDateAndTime } from '../../@types/booking';
-import { UserProfileStatus } from '../../@types/user';
-export type TimesBlock = "first" | "second" | "third" | "fourth";
-interface SlotsProps {
-    dayHour: BookingDateAndTime;
-    lunchTimeBlock: {
-        startAt: string;
-        finishAt: string;
-    };
-    firstDay: boolean;
-    user?: UserProfileStatus;
-    bookingBulk: Booking[];
-}
-declare const Slots: ({ dayHour, firstDay, user, bookingBulk, }: SlotsProps) => import("react/jsx-runtime").JSX.Element;
-export default Slots;

package/dist/core/card-slots/EmptySlot.d.ts

@@ -1,3 +0,0 @@
-import { EmptySlotProps } from '../../utils';
-declare const EmptySlot: ({ bookings, first, second, third, fourth, disabledCss, firstDay, userId, dayHour, }: EmptySlotProps) => import("react/jsx-runtime").JSX.Element;
-export default EmptySlot;