react-beauty-calendar 1.1.0 → 1.2.0

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

@@ -1,8 +1,8 @@
-export interface DragProps {
+export interface DragStoreProps {
     isDragging: boolean;
 }
-export interface DragState extends DragProps {
-    updateIsDragging: (status: boolean) => void;
+export interface DragStoreState extends DragStoreProps {
+    updateIsDragging: (isDragging: boolean) => void;
 }
-declare const useDragStore: import('zustand').UseBoundStore<import('zustand').StoreApi<DragState>>;
+declare const useDragStore: import('zustand').UseBoundStore<import('zustand').StoreApi<DragStoreState>>;
 export default useDragStore;

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

@@ -0,0 +1,8 @@
+export interface DragProps {
+    startAt: string;
+}
+export interface DragState extends DragProps {
+    updateStartAt: (startAt: string) => void;
+}
+declare const useDragStartAtStore: import('zustand').UseBoundStore<import('zustand').StoreApi<DragState>>;
+export default useDragStartAtStore;

package/dist/context/global/config/ConfigProvider.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from 'react';
+import { ConfigStoreProps } from './config-store';
+type ConfigProviderProps = PropsWithChildren<ConfigStoreProps>;
+declare const ConfigProvider: ({ children, ...props }: ConfigProviderProps) => import("react/jsx-runtime").JSX.Element;
+export { ConfigProvider };

package/dist/context/global/config/config-context.d.ts

@@ -0,0 +1,2 @@
+declare const ConfigContext: import('react').Context<import('zustand').StoreApi<import('./config-store').ConfigStoreState> | null>;
+export default ConfigContext;

package/dist/context/global/config/config-store.d.ts

@@ -0,0 +1,13 @@
+export type SystemColor = "#1700af" | "#b50000" | "#000000";
+export declare const initialConfigState: ConfigStoreProps;
+export interface ConfigStoreProps {
+    systemColor?: SystemColor;
+    isTimeInfoVisible?: boolean;
+}
+export interface ConfigStoreState extends ConfigStoreProps {
+    updateSystemColor: (systemColor: SystemColor) => void;
+    changeTimeInfoVisibility: (status: boolean) => void;
+}
+declare const configStore: (initialProps?: Partial<ConfigStoreState>) => import('zustand').StoreApi<ConfigStoreState>;
+export type ConfigStore = ReturnType<typeof configStore>;
+export { configStore };

package/dist/context/global/days-and-week/day-and-week-store.d.ts

@@ -1,6 +1,8 @@
 import { StateCreator } from 'zustand';
 import { HourWithActionsRef } from '../../../core/calendar/HourWithActions';
 import { Times } from '../../../utils/hours';
+export declare const START_TIME = 1;
+export declare const END_24_HOUR_FORMAT = 24;
 export type DaysOfWeek = Date[];
 export interface NextAndPreviousWeek {
     firstDayOfWeek: Date;

package/dist/context/index.d.ts

@@ -1,4 +1,6 @@
 import { default as BookingProvider } from './booking/bookingProvider';
 import { default as BookingModalProvider } from './bookingModal/BookingModalProvider';
+import { ConfigProvider } from './global/config/ConfigProvider';
 import { default as MonthDescriptionProvider } from './month-description/MonthDescriptionProvider';
-export { MonthDescriptionProvider, BookingModalProvider, BookingProvider };
+import { NewEventProvider } from './new-event/new-event-context';
+export { MonthDescriptionProvider, BookingModalProvider, BookingProvider, NewEventProvider, ConfigProvider, };

package/dist/context/new-event/new-event-store.d.ts

@@ -6,6 +6,7 @@ export interface NewEventFormProps {
     date: string;
     startAt: string;
     finishAt: string;
+    slotStartAt: string;
     ref?: Ref<NewEventFormRef>;
 }
 export interface NewEventFormState extends NewEventFormProps {
@@ -16,6 +17,7 @@ export interface NewEventFormState extends NewEventFormProps {
     updateDate: (dateAsString: string) => void;
     updateFinishAtWithOffset: (time: string, increasingMinutes?: number) => string;
     resetForm: () => void;
+    updatePrevStartAt: (slotStartAt: string) => void;
 }
 export declare const initialFormState: NewEventFormProps;
 export type NewEventStore = ReturnType<typeof newEventFormStore>;

package/dist/core/Root.d.ts

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

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

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

package/dist/core/booking-create/BookingCreate.d.ts

@@ -0,0 +1,17 @@
+import { JSX, Ref } from 'react';
+import { Side } from '../booking-options/BookingInfoOptions';
+interface BookingCreateProps {
+    modal?: boolean;
+    side?: Side;
+    buttonTrigger?: JSX.Element;
+    onClose?: () => void;
+    onOpenChange?: (status: boolean) => void;
+    ref: Ref<BookingCreateRef>;
+}
+export interface BookingCreateRef {
+    showCreationModal: () => void;
+    closeModal: () => void;
+    isModalOpen: () => boolean;
+}
+declare const BookingCreate: ({ modal, side, onClose, onOpenChange, buttonTrigger, ref, }: BookingCreateProps) => import("react/jsx-runtime").JSX.Element;
+export default BookingCreate;

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

@@ -1,2 +1,5 @@
-declare const CalendarHolder: () => import("react/jsx-runtime").JSX.Element;
+interface CalendarHolderProps {
+    isLoading: boolean;
+}
+declare const CalendarHolder: ({ isLoading }: CalendarHolderProps) => import("react/jsx-runtime").JSX.Element;
 export default CalendarHolder;

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

@@ -1,6 +1,4 @@
-import { BookingViewType } from '../../@types/booking';
-interface HandleViewTypeProps {
-    bookingViewType: BookingViewType;
-}
-declare const HandleViewType: ({ bookingViewType }: HandleViewTypeProps) => import("react/jsx-runtime").JSX.Element | null;
+import { PropsWithChildren } from 'react';
+type HandleViewTypePropsWithChildren = PropsWithChildren;
+declare const HandleViewType: ({ children }: HandleViewTypePropsWithChildren) => import('react').ReactNode;
 export default HandleViewType;

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

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

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

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

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

@@ -4,6 +4,7 @@ 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;
@@ -20,18 +21,24 @@ interface CardContentProps {
     bookingInit: Booking;
     bookingViewType: string;
     slotData: BookingDateAndTime;
-    heightStyleTransformer: string;
+    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, heightStyleTransformer, onClick, customClasses, bookingViewType, resizableParam, events, open, ref, }: CardContentProps) => import("react/jsx-runtime").JSX.Element | null;
+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;
 export default CardContent;

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

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

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

@@ -1,13 +1,12 @@
 import { JSX, PropsWithChildren } from 'react';
-import { EmptySlotNodes } from '../../context/emptySlotsStore.ts/useEmptySlotStore';
 import { Side } from '../booking-options/BookingInfoOptions';
 interface EventTabsProps {
-    emptySlotNodes?: EmptySlotNodes;
-    side: Side;
-    buttonTrigger: JSX.Element;
+    side?: Side;
+    buttonTrigger?: JSX.Element;
+    modal?: boolean;
     onClose: (event: React.MouseEvent) => void;
     onOpenChange: (status: boolean) => void;
 }
 type EventTabsWithChildren = PropsWithChildren<EventTabsProps>;
-declare const EventTabs: ({ onClose, side, onOpenChange, buttonTrigger, children, }: EventTabsWithChildren) => import("react/jsx-runtime").JSX.Element;
+declare const EventTabs: ({ onClose, side, onOpenChange, buttonTrigger, modal, children, }: EventTabsWithChildren) => import("react/jsx-runtime").JSX.Element;
 export default EventTabs;

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

@@ -0,0 +1,14 @@
+import { Booking, BookingDateAndTime } from '../../@types/booking';
+import { BlocksTimeStructure } from './EmptySlot';
+interface SlotRenderProps {
+    firstDay: boolean;
+    booking: Booking[];
+    dayHour: BookingDateAndTime;
+    disabledCss: string;
+    firstBlockTimeData: BlocksTimeStructure;
+    secondBlockTimeData: BlocksTimeStructure;
+    thirdBlockTimeData: BlocksTimeStructure;
+    fourthBlockTimeData: BlocksTimeStructure;
+}
+declare const SlotRender: import('react').MemoExoticComponent<({ firstDay, booking, dayHour, disabledCss, firstBlockTimeData, secondBlockTimeData, thirdBlockTimeData, fourthBlockTimeData, }: SlotRenderProps) => import("react/jsx-runtime").JSX.Element>;
+export default SlotRender;

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

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

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

@@ -5,10 +5,15 @@ interface TimeInfoEvents {
     openOptions: () => void;
     resetPrevView: () => void;
 }
+export interface TimeInfoRef {
+    show: () => void;
+    hide: () => void;
+    changeIsOpen: (isOpen: boolean) => void;
+}
 interface TimeInfoProps {
     isDragging: boolean;
     slotData: BlocksTimeStructure;
     events: TimeInfoEvents;
 }
-declare const TimeInfo: ({ isDragging, slotData, events: { onClick, renderPreviewCard, resetPrevView }, }: TimeInfoProps) => import("react/jsx-runtime").JSX.Element;
+declare const TimeInfo: import('react').ForwardRefExoticComponent<TimeInfoProps & import('react').RefAttributes<TimeInfoRef>>;
 export default TimeInfo;

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

@@ -8,8 +8,9 @@ interface useResizableCardHookProps {
     onSubTime?: (datetime: Date) => void;
     starter?: boolean;
 }
-export declare const INITIAL_HEIGHT = 600;
+export declare const INITIAL_SIZE = 600;
 export declare const MIN_DIFF_TIME_THRESHOLD = 15;
+export declare const BASE_VALUE: number;
 declare const useResizableCardHook: ({ booking, onAddTime, onAddStartTime, onSubTime, starter, }: useResizableCardHookProps) => {
     state: {
         height: number;
@@ -22,6 +23,7 @@ declare const useResizableCardHook: ({ booking, onAddTime, onAddStartTime, onSub
     resetState: () => void;
     resetHeightStyle: () => void;
     heightStyle: number;
+    topHeightIncrement: number;
     onResize: (event: SyntheticEvent, { size, handle }: ResizeCallbackData) => void;
     updateHeightStyle: (finishMock: Date, startMock: Date) => void;
 };

package/dist/hooks/use-booking-model.d.ts

@@ -1,2 +1,2 @@
-export declare const useBookingModal: () => import('../context/bookingModal/BookingModalProvider').BookingModalContextProps;
+declare const useBookingModal: () => import('../context/bookingModal/BookingModalProvider').BookingModalContextProps;
 export default useBookingModal;

package/dist/hooks/useGlobalConfig.d.ts

@@ -0,0 +1,3 @@
+import { ConfigStoreState } from '../context/global/config/config-store';
+declare const useGlobalConfig: <T>(selector: (state: ConfigStoreState) => T) => T;
+export default useGlobalConfig;

package/dist/mock/booking-mock.d.ts

@@ -1,4 +1,5 @@
 import { Booking, User } from '../@types';
 declare const mockUser: User;
 declare const mockBooking: Booking[];
-export { mockBooking, mockUser };
+declare const nextWeekBookingMock: Booking[];
+export { mockBooking, nextWeekBookingMock, mockUser };

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

@@ -1,3 +1,4 @@
+import { Booking } from '../@types';
 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];
@@ -13,6 +14,9 @@ export declare const DateUtils: {
     addDay(currentDate: Date, numberOfDays: number): Date;
     formatDate(time: string): string;
     dateTimeAsString(date: Date): string;
+    getTimeDiff(startTime: Date, endTime: Date): string;
+    bookingTimeRange: (booking: Booking, overId: string) => Booking;
+    getNewFinishAt(newStartAt: string, timeString: string): Date;
     minuteDifference(date1: Date, date2: Date): number;
     dateAndHourDateToString(date: Date): string;
     shortMonthDescription(...month: Date[]): string;

package/dist/utils/hours.d.ts

@@ -1,5 +1,5 @@
 export type Times = string[];
-declare const generateTimes: (start: string, end: string, interval: number) => Times;
+declare const generateTimes: (start: number, end: number) => Times;
 interface WorkingTimesSlots {
     time: string;
     available: boolean;

package/package.json

@@ -11,7 +11,7 @@
   },
   "license": "MIT",
   "private": false,
-  "version": "1.1.0",
+  "version": "1.2.0",
   "keywords": [
     "react",
     "component",