react-beauty-calendar 1.2.1 → 1.2.3

package/dist/constants/card.constant.d.ts

@@ -0,0 +1,2 @@
+export declare const INITIAL_SIZE = 600;
+export declare const MIN_DIFF_TIME_THRESHOLD = 15;

package/dist/constants/day-time-starter.constant.d.ts

@@ -0,0 +1,2 @@
+export declare const DAY_TIME_STARTER = "00:00";
+export declare const INITIAL_START_TIME = "08:00";

package/dist/constants/index.d.ts

@@ -1,7 +1,9 @@
 import { BOOKING_VIEW_TYPE } from './booking-view-type.constant';
-import { default as MONTH } from './month.constant';
+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 { default as SIDE_OPTIONS } from './side-options.constant';
-import { default as SYSTEM_COLORS } from './system-colors.constant';
-import { default as URL_PARAM } from './url-param.constant';
-export { BOOKING_VIEW_TYPE, MONTH, PAYMENT_TYPE, PAYMENT_STATUS, SIDE_OPTIONS, SYSTEM_COLORS, URL_PARAM, };
+import { SIDE_OPTIONS } from './side-options.constant';
+import { SYSTEM_COLORS } from './system-colors.constant';
+import { URL_PARAM } from './url-param.constant';
+export { BOOKING_VIEW_TYPE, MONTH, PAYMENT_TYPE, PAYMENT_STATUS, SIDE_OPTIONS, SYSTEM_COLORS, URL_PARAM, DAY_TIME_STARTER, INITIAL_SIZE, MIN_DIFF_TIME_THRESHOLD, INITIAL_START_TIME, };

package/dist/constants/month.constant.d.ts

@@ -1,2 +1 @@
-declare const MONTH: string[];
-export default MONTH;
+export declare const MONTH: string[];

package/dist/constants/side-options.constant.d.ts

@@ -1,2 +1 @@
-declare const SIDE_OPTIONS: readonly ["top", "right", "bottom", "left"];
-export default SIDE_OPTIONS;
+export declare const SIDE_OPTIONS: readonly ["top", "right", "bottom", "left"];

package/dist/constants/system-colors.constant.d.ts

@@ -1,4 +1,4 @@
-declare const SYSTEM_COLORS: {
+export declare const SYSTEM_COLORS: {
     readonly option_1: "#2596be";
     readonly option_2: "#ff0101";
     readonly option_3: "#bf00e0";
@@ -8,4 +8,3 @@ declare const SYSTEM_COLORS: {
     readonly option_7: "#3e0237";
     readonly default: "#ae00ff";
 };
-export default SYSTEM_COLORS;

package/dist/constants/url-param.constant.d.ts

@@ -1,7 +1,6 @@
-declare const URL_PARAM: {
+export declare const URL_PARAM: {
     readonly "view-type": "view-type";
     readonly DAY: "day";
     readonly enterprise: "enterprise";
     readonly bookings: "bookings";
 };
-export default URL_PARAM;

package/dist/constants/week.constant.d.ts

@@ -0,0 +1,3 @@
+export declare const WEEK_DAYS: readonly ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+export type WeekDays = (typeof WEEK_DAYS)[number];
+export declare const WEEK_DAYS_FULL_NAME: readonly ["Domingo", "Segunda", "Terça", "Quarta", "Quinta", "Sexta", "Sábado"];

package/dist/context/drag/useDragStateAtStore.d.ts

@@ -1,8 +1,13 @@
+import { Booking, BookingDateAndTime } from '../../@types';
 export interface DragProps {
     startAt: string;
+    booking: Booking | null;
+    slotData: BookingDateAndTime | null;
 }
 export interface DragState extends DragProps {
     updateStartAt: (startAt: string) => void;
+    updateBooking: (booking: Booking | null) => void;
+    updateSlotData: (slotData: BookingDateAndTime | null) => void;
 }
 declare const useDragStartAtStore: import('zustand').UseBoundStore<import('zustand').StoreApi<DragState>>;
 export default useDragStartAtStore;

package/dist/context/emptySlotsStore/emptySlotKey.d.ts

@@ -0,0 +1,3 @@
+import { BlockTimeData } from '../../utils/props';
+declare const buildEmptyTimeSlotKey: (slotData: BlockTimeData) => string;
+export default buildEmptyTimeSlotKey;

package/dist/context/{emptySlotsStore.ts → emptySlotsStore}/useEmptySlotStore.d.ts

@@ -1,5 +1,5 @@
-import { SlotTriggerForwardRef } from '../../core/card-slots/SlotTrigger';
-import { BlockTimeData } from '../../core/slots/EmptySlot';
+import { SlotTriggerForwardRef } from '../../utils/forward';
+import { BlockTimeData } from '../../utils/props';
 export type EmptySlotNodes = Map<string, SlotTriggerForwardRef>;
 export interface EmptySlotStore {
     emptySlotNodes: EmptySlotNodes;

package/dist/context/global/language/useLanguage.d.ts

@@ -0,0 +1,2 @@
+import { TFunction } from 'i18next';
+export declare const useLanguage: () => [string, TFunction];

package/dist/context/i18n/I18n.d.ts

@@ -0,0 +1,3 @@
+import { JSX, PropsWithChildren } from 'react';
+declare const I18n: ({ children }: PropsWithChildren) => JSX.Element | null;
+export default I18n;

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

@@ -1,17 +1,4 @@
-import { Ref } from 'react';
-import { Booking, BookingDateAndTime } from '../../@types/booking';
-export interface BookingCardRef {
-    changeCurrentCardResize: () => void;
-}
-interface BookingCardProps {
-    booking: Booking;
-    slotData: BookingDateAndTime;
-    customClasses?: string;
-    heightStyle: number;
-    layerCount?: number;
-    half?: boolean;
-    onClick?: () => void;
-    ref?: Ref<BookingCardRef>;
-}
-declare const BookingCard: ({ booking, slotData, onClick, heightStyle, customClasses, ref, }: BookingCardProps) => import("react/jsx-runtime").JSX.Element;
+import { PropsWithChildren } from 'react';
+import { BookingCardProps } from '../../utils/props';
+declare const BookingCard: ({ booking, slotData, customClasses, hoveringAdditionalCardId, children, ref, }: PropsWithChildren<BookingCardProps>) => import("react/jsx-runtime").JSX.Element | undefined;
 export default BookingCard;

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

@@ -0,0 +1,3 @@
+import { BookingCarContextProps } from '../../utils/props';
+declare const BookingCardContent: ({ booking, slotData, events, style, ref, }: BookingCarContextProps) => import("react/jsx-runtime").JSX.Element | undefined;
+export default BookingCardContent;

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

@@ -1,22 +1,3 @@
-import { ReactNode, Ref } from 'react';
-import { BlocksTimeStructure } from '../slots/EmptySlot';
-import { TimesBlock } from '../slots/Slots';
-interface SlotEvents {
-    onMouseEnterEvent: () => string;
-}
-interface SlotTriggerProps {
-    slotData: BlocksTimeStructure;
-    slotPosition: TimesBlock;
-    disabledCss: string;
-    events: SlotEvents;
-    children?: ReactNode;
-    actualTimerIndicatorChildren?: ReactNode;
-    ref: Ref<SlotTriggerForwardRef>;
-}
-export interface SlotTriggerForwardRef {
-    showEvent: (slotNode: string) => void;
-    closeEvent: () => void;
-    onOpenCloseChange: (status: boolean) => void;
-}
-declare const SlotTrigger: ({ slotData, slotPosition, disabledCss, events, actualTimerIndicatorChildren, children, ref, }: SlotTriggerProps) => import("react/jsx-runtime").JSX.Element;
+import { SlotTriggerProps } from '../../utils/props';
+declare const SlotTrigger: ({ slotData, blockTimeString, dayHour, slotPosition, disabledCss, events, bookings, children, ref, }: SlotTriggerProps) => import("react/jsx-runtime").JSX.Element;
 export default SlotTrigger;

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

@@ -7,10 +7,11 @@ interface CardProps {
     half?: boolean;
     cardsQuantity?: number;
     cardIndex?: number;
+    hoveringAdditionalCardId?: string;
     ref?: Ref<CardRef>;
 }
 export interface CardRef {
     bookingId: string;
 }
-declare const Card: ({ booking, slotData, cardsQuantity, cardIndex, lastCard, half, ref, }: CardProps) => import("react/jsx-runtime").JSX.Element;
+declare const Card: ({ booking, slotData, cardsQuantity, cardIndex, lastCard, half, hoveringAdditionalCardId, ref, }: CardProps) => import("react/jsx-runtime").JSX.Element;
 export default Card;

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

@@ -1,8 +1,9 @@
-import { Booking, BookingDateAndTime } from '../../@types';
+import { BookingDateAndTime, Bookings } from '../../@types';
 interface CardBlockContentProps {
-    bookings?: Booking[];
-    blockTimeString: string;
+    bookings?: Bookings;
+    blockTimeString?: string;
     slotData?: BookingDateAndTime;
+    hoveringAdditionalCardId?: string;
 }
-declare const CardBlockContent: ({ bookings, blockTimeString, slotData, }: CardBlockContentProps) => import("react/jsx-runtime").JSX.Element | null | undefined;
+declare const CardBlockContent: ({ bookings, blockTimeString, slotData, hoveringAdditionalCardId, }: CardBlockContentProps) => import("react/jsx-runtime").JSX.Element | null | undefined;
 export default CardBlockContent;

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

@@ -1,44 +1,3 @@
-import { Ref, SyntheticEvent } from 'react';
-import { Booking } from '../../@types';
-import { BookingDateAndTime } from '../../@types/booking';
-import { DraggableAttributes } from '@dnd-kit/core';
-import { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities';
-import { ResizeCallbackData, ResizeHandle } from 'react-resizable';
-import { BookingCardRef } from '../booking-card/BookingCard';
-interface ResizableState {
-    height: number;
-    width: number;
-}
-export interface ResizableParam {
-    state: ResizableState;
-    customClass?: string;
-    onResize: (event: SyntheticEvent<Element, Event>, args_1: ResizeCallbackData) => void;
-    onResizeStart?: (e: React.SyntheticEvent, data: ResizeCallbackData) => void;
-    onResizeStop?: (e: React.SyntheticEvent, data: ResizeCallbackData) => void;
-    resizeHandle?: ResizeHandle[];
-}
-interface CardContentProps {
-    bookingInit: Booking;
-    bookingViewType: string;
-    slotData: BookingDateAndTime;
-    heightStyle: number;
-    topHeightIncrement?: number;
-    listeners?: SyntheticListenerMap | undefined;
-    attributes?: DraggableAttributes;
-    onClick?: () => void;
-    customClasses?: string;
-    open?: boolean;
-    lastCard?: boolean;
-    half?: boolean;
-    cardsQuantity?: number;
-    cardIndex?: number;
-    resizableParam?: ResizableParam;
-    events?: {
-        onUnmount: () => void;
-    };
-    cardContentRef?: Ref<BookingCardRef>;
-    ref?: Ref<CardContentForward>;
-}
-type CardContentForward = HTMLDivElement;
-declare const CardContent: ({ bookingInit, slotData, heightStyle, topHeightIncrement, onClick, customClasses, bookingViewType, resizableParam, events, open, lastCard, half, cardContentRef: dataRef, cardsQuantity, cardIndex, ref, }: CardContentProps) => import("react/jsx-runtime").JSX.Element | null;
+import { CardContentProps } from '../../utils/props';
+declare const CardContent: ({ bookingInit, slotData, heightStyle, topHeightIncrement, customClasses, bookingViewType, resizableParam, events, open, lastCard, half, cardContentRef: dataRef, cardsQuantity, cardIndex, hoveringAdditionalCardId, ref, }: CardContentProps) => import("react/jsx-runtime").JSX.Element | null;
 export default CardContent;

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

@@ -1,9 +1,3 @@
-import { Booking } from '../../@types';
-import { BookingDateAndTime } from '../../@types/booking';
-interface CardOverlayProps {
-    bookingInit: Booking;
-    slotData: BookingDateAndTime;
-    heightStyle: number;
-}
-declare const CardOverlay: ({ bookingInit, slotData, heightStyle, }: CardOverlayProps) => import("react/jsx-runtime").JSX.Element;
+import { PropsWithChildren } from 'react';
+declare const CardOverlay: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 export default CardOverlay;

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

@@ -1,24 +1,3 @@
-import { CSSProperties } from 'react';
-import { Booking } from '../../@types';
-import { BookingDateAndTime } from '../../@types/booking';
-export interface BlockTimeRef {
-    ref: (element: HTMLElement | null) => void;
-    style: CSSProperties;
-}
-export interface BlockTimeData {
-    key: string;
-    time: string;
-}
-export type BlocksTimeStructure = BlockTimeRef & BlockTimeData;
-export interface EmptySlotProps {
-    bookings?: Booking[];
-    dayHour?: BookingDateAndTime;
-    first: BlocksTimeStructure;
-    second: BlocksTimeStructure;
-    third: BlocksTimeStructure;
-    fourth: BlocksTimeStructure;
-    disabledCss: string;
-    firstDay: boolean;
-}
+import { EmptySlotProps } from '../../utils/props';
 declare const EmptySlot: ({ bookings, first, second, third, fourth, disabledCss, firstDay, dayHour, }: EmptySlotProps) => import("react/jsx-runtime").JSX.Element;
 export default EmptySlot;

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

@@ -1,5 +1,5 @@
 import { Booking, BookingDateAndTime } from '../../@types/booking';
-import { BlocksTimeStructure } from './EmptySlot';
+import { BlocksTimeStructure } from '../../utils/props';
 interface SlotRenderProps {
     firstDay: boolean;
     booking: Booking[];

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

@@ -1,19 +1,4 @@
-import { BlocksTimeStructure } from './EmptySlot';
-interface TimeInfoEvents {
-    onClick: (finishAt?: string) => void;
-    renderPreviewCard: () => void;
-    openOptions: () => void;
-    resetPrevView: () => void;
-}
-export interface TimeInfoRef {
-    show: () => void;
-    hide: () => void;
-    changeIsOpen: (isOpen: boolean) => void;
-}
-interface TimeInfoProps {
-    isDragging: boolean;
-    slotData: BlocksTimeStructure;
-    events: TimeInfoEvents;
-}
+import { TimeInfoRef } from '../../utils/forward';
+import { TimeInfoProps } from '../../utils/props';
 declare const TimeInfo: import('react').ForwardRefExoticComponent<TimeInfoProps & import('react').RefAttributes<TimeInfoRef>>;
 export default TimeInfo;

package/dist/core/slots/service/StartAt.d.ts

@@ -3,7 +3,5 @@ interface StartAtFieldProps {
     onStartTimeChange: (value: string) => void;
     generateHoursArray: (startHour: string, isStartHour?: boolean) => string[];
 }
-export declare const INITIAL_START_TIME = "08:00";
-export declare const TIME_INTERVAL_IN_MINUTES = 15;
 declare const StartAtField: ({ formStartAt, onStartTimeChange, generateHoursArray, }: StartAtFieldProps) => import("react/jsx-runtime").JSX.Element;
 export default StartAtField;

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

@@ -0,0 +1,26 @@
+import { SyntheticEvent } from 'react';
+import { ResizeCallbackData } from 'react-resizable';
+import { useResizableCardHookProps } from '../../utils/props';
+export declare const BASE_VALUE: number;
+declare const ACTION_MOVEMENT: {
+    readonly UP: "UP";
+    readonly DOWN: "DOWN";
+};
+export type ActionMovement = keyof typeof ACTION_MOVEMENT;
+declare const useResizableBothSides: ({ booking, onAddTime, onStartAtChange, onSubTime, starter, }: useResizableCardHookProps) => {
+    state: {
+        height: number;
+        width: number;
+    };
+    setState: import('react').Dispatch<import('react').SetStateAction<{
+        height: number;
+        width: number;
+    }>>;
+    resetState: () => void;
+    resetHeightStyle: () => void;
+    heightStyle: number;
+    topHeightIncrement: number;
+    onResize: (event: SyntheticEvent, { size }: ResizeCallbackData) => void;
+    updateHeightStyle: (finishMock: Date, startMock: Date) => void;
+};
+export default useResizableBothSides;

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

@@ -1,15 +1,6 @@
 import { SyntheticEvent } from 'react';
 import { ResizeCallbackData } from 'react-resizable';
-import { Booking } from '../../@types';
-interface useResizableCardHookProps {
-    booking: Booking;
-    onAddTime?: (datetime: Date) => void;
-    onAddStartTime?: (datetime: Date) => void;
-    onSubTime?: (datetime: Date) => void;
-    starter?: boolean;
-}
-export declare const INITIAL_SIZE = 600;
-export declare const MIN_DIFF_TIME_THRESHOLD = 15;
+import { useResizableCardHookProps } from '../../utils/props';
 export declare const BASE_VALUE: number;
 declare const useResizableCardHook: ({ booking, onAddTime, onAddStartTime, onSubTime, starter, }: useResizableCardHookProps) => {
     state: {

package/dist/hooks/index.d.ts

@@ -1,10 +1,11 @@
-import { default as useDaysSelectedView } from './use-days-selected-view';
-import { default as useGlobalStore } from './use-global-store';
-import { default as useMonthDescription } from './use-month-description';
 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 useGlobalStore } from './useGlobalStore';
+import { default as useMonthDescription } from './useMonthDescription';
 import { default as useNewEventStore } from './useNewEventStore';
 import { default as useQueryData } from './useQuery';
 import { default as useThrottleCallback } from './useTrottleCallback';
 import { default as useUrlParam } from './useUrlParam';
-export { useBooking, useEventPrevention, useThrottleCallback, useDaysSelectedView, useMonthDescription, useUrlParam, useGlobalStore, useQueryData, useNewEventStore, };
+export { useBooking, useEventPrevention, useThrottleCallback, useDaysSelectedView, useMonthDescription, useUrlParam, useGlobalStore, useQueryData, useNewEventStore, useBookingModal, };

package/dist/locales/en_US.json.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    "create_new_booking": "Create new booking"
+}
+;
+
+export default _default;

package/dist/locales/pt_BR.json.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    "create_new_booking": "Criar novo agendamento"
+}
+;
+
+export default _default;

package/dist/main.d.ts

@@ -1,4 +1,4 @@
-import { default as useCalendarInstance } from './hooks/use-calendar-instance';
+import { default as useCalendarInstance } from './hooks/useCalendarInstance';
 export * from './utils/types';
-export * from './hooks/use-calendar-instance';
+export * from './hooks/useCalendarInstance';
 export { useCalendarInstance };

package/dist/utils/booking.utils.d.ts

@@ -0,0 +1,6 @@
+import { Booking } from '../@types';
+export declare const bookingUtils: {
+    resizeBookingNorthId: (booking: Booking) => Partial<Booking>;
+    resizeBookingSouthId: (booking: Booking) => Partial<Booking>;
+    resetToFirstHourNextDay: (booking: Booking) => Date;
+};

package/dist/utils/{date-utils.d.ts → date.utils.d.ts}

@@ -1,12 +1,10 @@
 import { Booking } from '../@types';
+import { WeekDays } from '../constants/week.constant';
 import { DaysOfWeek, NextAndPreviousWeek } from '../context/global/days-and-week/day-and-week-store';
-export declare const WEEK_DAYS: readonly ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
-type WeekDays = (typeof WEEK_DAYS)[number];
-export declare const WEEK_DAYS_FULL_NAME: readonly ["Domingo", "Segunda", "Terça", "Quarta", "Quinta", "Sexta", "Sábado"];
 export type DatesData = {
     week: Date[];
 };
-export declare const DateUtils: {
+export declare const dateUtils: {
     findIndexToStart(date?: Date): number;
     findActualDayIndex(today: WeekDays): number;
     generateWeekDays(newDate?: Date): DatesData;
@@ -15,9 +13,11 @@ export declare const DateUtils: {
     formatDate(time: string): string;
     dateTimeAsString(date: Date): string;
     getTimeDiff(startTime: Date, endTime: Date): string;
+    buildFutureDateList(booking: Booking, daysDifference: number, dayOffSetQuantity?: number): Date[];
     bookingTimeRange: (booking: Booking, overId: string) => Booking;
     getNewFinishAt(newStartAt: string, timeString: string): Date;
     minuteDifference(date1: Date, date2: Date): number;
+    calculateDaysDifference(finishAt: Date, startAt: Date): number;
     dateAndHourDateToString(date: Date): string;
     shortMonthDescription(...month: Date[]): string;
     timeDiffInSeconds(startAt: Date, finishAt: Date): number;
@@ -35,4 +35,3 @@ export declare const DateUtils: {
     firstAndLastWeekDays(week: DaysOfWeek): NextAndPreviousWeek;
     generateWeekMonthLabel(week: DaysOfWeek): string;
 };
-export {};

package/dist/utils/forward.d.ts

@@ -0,0 +1,28 @@
+import { CSSProperties } from 'react';
+import { Booking } from '../@types';
+export type CardContentRef = HTMLDivElement;
+export interface BookingCardRef {
+    changeCurrentCardResize: () => void;
+}
+export interface TimeInfoRef {
+    show: () => void;
+    hide: () => void;
+    changeIsOpen: (isOpen: boolean) => void;
+    reset: () => void;
+}
+export interface BlockTimeRef {
+    ref: (element: HTMLElement | null) => void;
+    style: CSSProperties;
+}
+export interface SlotTriggerForwardRef {
+    showEvent: (slotNode: string) => void;
+    closeEvent: () => void;
+    onOpenCloseChange: (status: boolean) => void;
+    addAdditionalBooking: (booking: Booking, allEmptySlotNodesId: string[], full?: boolean) => void;
+    removeFromAdditionalBooking: (booking: Booking) => void;
+    hoveringAdditionalCard: (hoveringCardId: string) => void;
+    clearHoveringCard: () => void;
+}
+export interface BookingCardContentRef {
+    updateBooking: (booking: Booking) => void;
+}

package/dist/utils/index.d.ts

@@ -0,0 +1,4 @@
+import { bookingUtils } from './booking.utils';
+import { dateUtils } from './date.utils';
+import { StringUtils } from './string.utils';
+export { bookingUtils, dateUtils, StringUtils };

package/dist/utils/props.d.ts

@@ -0,0 +1,101 @@
+import { DraggableAttributes } from '@dnd-kit/core';
+import { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities';
+import { CSSProperties, ReactNode, Ref } from 'react';
+import { Booking, BookingDateAndTime, Bookings } from '../@types';
+import { TimesBlock } from '../core/slots/Slots';
+import { BlockTimeRef, BookingCardContentRef, BookingCardRef, CardContentRef, SlotTriggerForwardRef } from './forward';
+import { ResizableParam } from './types';
+export interface CardContentProps {
+    bookingInit: Booking;
+    bookingViewType: string;
+    slotData: BookingDateAndTime;
+    heightStyle: number;
+    topHeightIncrement?: number;
+    customClasses?: string;
+    open?: boolean;
+    lastCard?: boolean;
+    half?: boolean;
+    cardsQuantity?: number;
+    cardIndex?: number;
+    resizableParam?: ResizableParam;
+    events?: {
+        onUnmount?: () => void;
+        onClick?: () => void;
+    };
+    hoveringAdditionalCardId?: string;
+    listeners?: SyntheticListenerMap | undefined;
+    attributes?: DraggableAttributes;
+    cardContentRef?: Ref<BookingCardRef>;
+    ref?: Ref<CardContentRef>;
+}
+export interface BookingCardProps {
+    booking: Booking;
+    slotData: BookingDateAndTime;
+    customClasses?: string;
+    layerCount?: number;
+    half?: boolean;
+    hoveringAdditionalCardId?: string;
+    ref?: Ref<BookingCardRef>;
+}
+interface TimeInfoEvents {
+    onClick: (finishAt?: string, startAt?: string) => void;
+    renderPreviewCard: () => void;
+    openOptions: () => void;
+    resetPrevView: () => void;
+}
+export interface TimeInfoProps {
+    isDragging: boolean;
+    slotData: BlocksTimeStructure;
+    events: TimeInfoEvents;
+}
+export interface BlockTimeData {
+    key: string;
+    time: string;
+}
+export type BlocksTimeStructure = BlockTimeRef & BlockTimeData;
+export interface EmptySlotProps {
+    bookings?: Booking[];
+    dayHour?: BookingDateAndTime;
+    first: BlocksTimeStructure;
+    second: BlocksTimeStructure;
+    third: BlocksTimeStructure;
+    fourth: BlocksTimeStructure;
+    disabledCss: string;
+    firstDay: boolean;
+}
+export interface SlotEvents {
+    onMouseEnterEvent: () => string;
+}
+export interface SlotTriggerProps {
+    slotData: BlocksTimeStructure;
+    blockTimeString?: string;
+    dayHour?: BookingDateAndTime;
+    slotPosition: TimesBlock;
+    disabledCss: string;
+    events: SlotEvents;
+    bookings?: Bookings;
+    children?: ReactNode;
+    ref: Ref<SlotTriggerForwardRef>;
+}
+export interface CardOverlayProps {
+    bookingInit?: Booking;
+    slotData?: BookingDateAndTime;
+}
+export interface BookingCarContextProps {
+    booking?: Booking;
+    style?: CSSProperties;
+    slotData?: BookingDateAndTime;
+    events?: {
+        onClick?: () => void;
+    };
+    ref?: Ref<BookingCardContentRef>;
+}
+export interface useResizableCardHookProps {
+    starter?: boolean;
+    booking: Booking;
+    onAddTime?: (datetime: Date) => void;
+    onAddStartTime?: (datetime: Date) => void;
+    onStartAtChange?: (datetime: Date) => void;
+    onSubTime?: (datetime: Date) => void;
+}
+export {};

package/dist/utils/tests/date-utils.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/utils/types.d.ts

@@ -1,9 +1,10 @@
-import { JSX, Ref } from 'react';
+import { JSX, Ref, SyntheticEvent } from 'react';
 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 '../core/slots/EmptySlot';
+import { BlockTimeData } from './props';
 export type UseBookingInstanceProps = RootProps;
 export interface RootProps extends RootEventsProps {
     bookings: Booking[];
@@ -19,3 +20,16 @@ export interface RootEventsProps {
     onModalClose: () => void;
     onSlotClick: (slotData: BlockTimeData) => void;
 }
+interface ResizableState {
+    height: number;
+    width: number;
+}
+export interface ResizableParam {
+    state: ResizableState;
+    customClass?: string;
+    onResize: (event: SyntheticEvent<Element, Event>, args_1: ResizeCallbackData) => void;
+    onResizeStart?: (e: React.SyntheticEvent, data: ResizeCallbackData) => void;
+    onResizeStop?: (e: React.SyntheticEvent, data: ResizeCallbackData) => void;
+    resizeHandle?: ResizeHandle[];
+}
+export {};

package/package.json

@@ -11,7 +11,7 @@
   },
   "license": "MIT",
   "private": false,
-  "version": "1.2.1",
+  "version": "1.2.3",
   "keywords": [
     "react",
     "component",
@@ -58,6 +58,9 @@
     "cmdk": "^1.1.1",
     "date-fns": "^4.1.0",
     "dayjs": "^1.11.13",
+    "i18next": "^25.1.1",
+    "motion": "^12.12.1",
+    "react-i18next": "^15.5.1",
     "react-resizable": "^3.0.5",
     "react-router": "^7.4.0",
     "react-spinners": "^0.16.1",
@@ -107,6 +110,7 @@
     "eslint-plugin-storybook": "^0.11.6",
     "globals": "^15.15.0",
     "husky": "^9.1.7",
+    "jsdom": "^26.1.0",
     "lucide-react": "^0.483.0",
     "playwright": "^1.51.1",
     "react": "^19.0.0",

package/dist/context/emptySlotsStore.ts/emptySlotKey.d.ts

@@ -1,3 +0,0 @@
-import { BlockTimeData } from '../../core/slots/EmptySlot';
-declare const setEmptySlotKey: (slotData: BlockTimeData) => string;
-export default setEmptySlotKey;