react-beauty-calendar 1.4.1 → 1.5.1

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

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 declare const buttonVariants: (props?: ({
     variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
     asChild?: boolean;

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

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

package/dist/constants/index.d.ts

@@ -4,6 +4,7 @@ import { DAY_TIME_STARTER, INITIAL_START_TIME } from './day-time-starter.constan
 import { MONTH } from './month.constant';
 import { PAYMENT_STATUS, PAYMENT_TYPE } from './payment.constant';
 import { SIDE_OPTIONS } from './side-options.constant';
-import { SYSTEM_COLORS } from './system-colors.constant';
+import { SYSTEM_COLORS_THEME_1 } 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, };
+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 };

package/dist/constants/resize-base-value.constant.d.ts

@@ -0,0 +1 @@
+export declare const BASE_VALUE: number;

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

@@ -1,10 +1,40 @@
-export declare const SYSTEM_COLORS: {
-    readonly option_1: "#2596be";
-    readonly option_2: "#ff0101";
-    readonly option_3: "#bf00e0";
-    readonly option_4: "#9de5ff";
-    readonly option_5: "#5c0394";
-    readonly option_6: "#ff00aa";
-    readonly option_7: "#3e0237";
-    readonly default: "#ae00ff";
+export declare const SYSTEM_COLORS_THEME_1: {
+    readonly "#3b82f6": "#3b82f6";
+    readonly "#059669": "#059669";
+    readonly "#dc2626": "#dc2626";
+    readonly "#7c3aed": "#7c3aed";
+    readonly "#ea580c": "#ea580c";
+    readonly "#0891b2": "#0891b2";
+    readonly "#be185d": "#be185d";
+    readonly "#374151": "#374151";
+};
+export declare const SYSTEM_COLORS_THEME_2: {
+    readonly "#1e40af": "#1e40af";
+    readonly "#166534": "#166534";
+    readonly "#b91c1c": "#b91c1c";
+    readonly "#6b21a8": "#6b21a8";
+    readonly "#c2410c": "#c2410c";
+    readonly "#0e7490": "#0e7490";
+    readonly "#be123c": "#be123c";
+    readonly "#1f2937": "#1f2937";
+};
+export declare const SYSTEM_COLORS_THEME_3: {
+    readonly "#2563eb": "#2563eb";
+    readonly "#16a34a": "#16a34a";
+    readonly "#dc2626": "#dc2626";
+    readonly "#9333ea": "#9333ea";
+    readonly "#ea580c": "#ea580c";
+    readonly "#0d9488": "#0d9488";
+    readonly "#e11d48": "#e11d48";
+    readonly "#4b5563": "#4b5563";
+};
+export declare const SYSTEM_COLORS_THEME_4: {
+    readonly "#1d4ed8": "#1d4ed8";
+    readonly "#047857": "#047857";
+    readonly "#b91c1c": "#b91c1c";
+    readonly "#7c2d12": "#7c2d12";
+    readonly "#7c3aed": "#7c3aed";
+    readonly "#0369a1": "#0369a1";
+    readonly "#be185d": "#be185d";
+    readonly "#374151": "#374151";
 };

package/dist/constants/user-colors-constants.d.ts

@@ -0,0 +1,30 @@
+export declare const USER_COLORS_THEME_1: {
+    readonly "#3b82f6": "#3b82f6";
+    readonly "#10b981": "#10b981";
+    readonly "#f59e0b": "#f59e0b";
+    readonly "#ef4444": "#ef4444";
+    readonly "#8b5cf6": "#8b5cf6";
+    readonly "#06b6d4": "#06b6d4";
+    readonly "#f97316": "#f97316";
+    readonly "#84cc16": "#84cc16";
+};
+export declare const USER_COLORS_THEME_2: {
+    readonly "#4f46e5": "#4f46e5";
+    readonly "#059669": "#059669";
+    readonly "#dc2626": "#dc2626";
+    readonly "#7c3aed": "#7c3aed";
+    readonly "#0891b2": "#0891b2";
+    readonly "#ea580c": "#ea580c";
+    readonly "#65a30d": "#65a30d";
+    readonly "#be185d": "#be185d";
+};
+export declare const USER_COLORS_THEME_3: {
+    readonly "#6366f1": "#6366f1";
+    readonly "#22c55e": "#22c55e";
+    readonly "#f43f5e": "#f43f5e";
+    readonly "#a855f7": "#a855f7";
+    readonly "#14b8a6": "#14b8a6";
+    readonly "#fb923c": "#fb923c";
+    readonly "#eab308": "#eab308";
+    readonly "#64748b": "#64748b";
+};

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

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

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

@@ -1,12 +1,12 @@
-import { SlotTriggerForwardRef } from '../../utils/forward';
-import { BlockTimeData } from '../../utils/props';
+import { BlockTimeData, SlotTriggerForwardRef } from '../../utils';
+import { OperationalHours } from '../global/days-and-week/day-and-week-store';
 export type EmptySlotNodes = Map<string, SlotTriggerForwardRef>;
 export interface EmptySlotStore {
     emptySlotNodes: EmptySlotNodes;
     selectedNode: string;
 }
 export interface EmptySlotState extends EmptySlotStore {
-    setEmptySlotNode: (node: SlotTriggerForwardRef, slotData: BlockTimeData) => void;
+    setEmptySlotNode: (node: SlotTriggerForwardRef, slotData: BlockTimeData, operationalHours: OperationalHours) => void;
     setSelectedNode: (nodeKey: string) => void;
     resetSelectedNode: () => void;
     resetNodes: () => void;

package/dist/context/global/booking-info/booking-info.d.ts

@@ -1,13 +1,10 @@
 import { StateCreator } from 'zustand';
-import { User } from '../../../@types';
 import { Booking, BookingBulkData, BookingDateAndTime, BookingViewType } from '../../../@types/booking';
 export interface BookingInfoProps {
-    users: User[];
     bookingViewType: BookingViewType;
     bookingBulkData: BookingBulkData;
 }
 export interface BookingInfoState extends BookingInfoProps {
-    updateUsers: (users: User[]) => void;
     setBookingViewType: (bookingType: BookingViewType) => void;
     setBookingBulkData: (bookingBulkData: BookingBulkData) => void;
     updatingBookingBulkData: (booking: Booking, slotDay: number) => void;

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

@@ -1,4 +1,7 @@
-export type SystemColor = "#1700af" | "#b50000" | "#000000";
+import { SYSTEM_COLORS_THEME_1 } from '../../../constants';
+import { USER_COLORS_THEME_3 } from '../../../constants/user-colors-constants';
+export type SystemColor = keyof typeof SYSTEM_COLORS_THEME_1;
+export type UserColor = keyof typeof USER_COLORS_THEME_3;
 export declare const initialConfigState: ConfigStoreProps;
 export interface ConfigStoreProps {
     systemColor?: SystemColor;

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

@@ -1,6 +1,4 @@
 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[];
@@ -9,9 +7,14 @@ export interface NextAndPreviousWeek {
     lastDayOfWeek: Date;
 }
 export interface DayAndWeekProps {
-    hours: Times;
+    hours: string[];
     daysOfWeek: DaysOfWeek;
-    timesRendered: Map<string, HourWithActionsRef>;
+    operationalStartTime: number;
+    operationalEndTime: number;
+}
+export interface OperationalHours {
+    startTime?: number;
+    endTime: number;
 }
 export interface DayAndWeekState extends DayAndWeekProps {
     setTodayDay: (date: Date) => Date;
@@ -20,7 +23,7 @@ export interface DayAndWeekState extends DayAndWeekProps {
     getWeek: () => NextAndPreviousWeek;
     nextWeek: () => DaysOfWeek;
     previousWeek: () => DaysOfWeek;
-    addTimesRendered: (element: HourWithActionsRef, hourKey: string) => void;
+    configure: (config: OperationalHours) => void;
 }
 declare const dayAndWeekStore: StateCreator<DayAndWeekState>;
 export type DayAndWeekStore = ReturnType<typeof dayAndWeekStore>;

package/dist/context/index.d.ts

@@ -3,4 +3,7 @@ import { default as BookingModalProvider } from './bookingModal/BookingModalProv
 import { ConfigProvider } from './global/config/ConfigProvider';
 import { default as MonthDescriptionProvider } from './month-description/MonthDescriptionProvider';
 import { NewEventProvider } from './new-event/new-event-context';
-export { MonthDescriptionProvider, BookingModalProvider, BookingProvider, NewEventProvider, ConfigProvider, };
+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 };

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

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

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

@@ -0,0 +1,15 @@
+import { UserProfileStatus } from '../../@types/user';
+import { Ref } from 'react';
+import { UsersInfoRef } from '../../utils/forward';
+export declare const initialUsersInfoFormState: any;
+export interface UsersInfoProps {
+    users: UserProfileStatus[];
+    ref?: Ref<UsersInfoRef>;
+}
+export interface UsersInfoState extends UsersInfoProps {
+    updateUsers: (users: UserProfileStatus[]) => void;
+    updateUsersDisabled: (userId: string, status: boolean) => void;
+}
+export type UsersInfoStore = ReturnType<typeof usersInfoStore>;
+declare const usersInfoStore: (initialProps?: Partial<UsersInfoState>) => import('zustand').StoreApi<UsersInfoState>;
+export { usersInfoStore };

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

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from 'react';
+import { UsersInfoProps } from './users-info-store';
+type UsersInfoProviderProps = PropsWithChildren<UsersInfoProps>;
+declare const UsersInfoProvider: ({ children, ref, ...props }: UsersInfoProviderProps) => import("react/jsx-runtime").JSX.Element;
+export default UsersInfoProvider;

package/dist/core/Root.d.ts

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

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

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

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

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

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

@@ -0,0 +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;
+export default CardContent;

package/dist/core/booking-card/inner-card-handle.d.ts

@@ -0,0 +1,4 @@
+import { Booking } from '../../@types';
+export declare const innerCardsHandle: {
+    calculateOverlappingBookings: (currentBooking: Booking, allBookings: Booking[]) => number;
+};

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

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

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

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from 'react';
+import { BookingTabsProps } from '../../utils/props';
+declare const BookingTabs: ({ onClose, side, onOpenChange, buttonTrigger, modal, children, }: PropsWithChildren<BookingTabsProps>) => import("react/jsx-runtime").JSX.Element;
+export default BookingTabs;

package/dist/core/{header-calendar → booking-options}/SelectItem.d.ts

@@ -1,4 +1,4 @@
-import { CardInfoOptions } from '../booking-options/BookingInfoOptions';
+import { CardInfoOptions } from './BookingInfoOptions';
 export interface SelectOptionsProps {
     options: CardInfoOptions[];
     onChange: (option: string) => void;

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

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

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

@@ -1,10 +1,4 @@
-import { Ref } from 'react';
-export interface HourWithActionsProps {
+declare const HourWithActions: ({ hour }: {
     hour: string;
-    ref: Ref<HourWithActionsRef>;
-}
-export interface HourWithActionsRef {
-    setActivateHour: () => void;
-}
-declare const HourWithActions: ({ hour, ref }: HourWithActionsProps) => import("react/jsx-runtime").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default HourWithActions;

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

@@ -0,0 +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>;
+export default SlotRender;

package/dist/core/{slots → calendar}/Slots.d.ts

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

@@ -0,0 +1,3 @@
+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;

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

@@ -1,3 +1,3 @@
-import { SlotTriggerProps } from '../../utils/props';
+import { SlotTriggerProps } from '../../utils';
 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-slots}/TimeInfo.d.ts

@@ -1,4 +1,3 @@
-import { TimeInfoRef } from '../../utils/forward';
-import { TimeInfoProps } from '../../utils/props';
+import { TimeInfoProps, TimeInfoRef } from '../../utils';
 declare const TimeInfo: import('react').ForwardRefExoticComponent<TimeInfoProps & import('react').RefAttributes<TimeInfoRef>>;
 export default TimeInfo;

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

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

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

@@ -0,0 +1,5 @@
+interface BadgeCustomProps {
+    name: string;
+}
+declare const BadgeCustom: ({ name }: BadgeCustomProps) => import("react/jsx-runtime").JSX.Element;
+export default BadgeCustom;

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

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

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

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

package/dist/hooks/index.d.ts

@@ -8,4 +8,6 @@ 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, useBookingModal, };
+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 };

package/dist/hooks/useCalendarInstance.d.ts

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

package/dist/{core/slots → hooks}/useResizableBothSides.d.ts

@@ -1,13 +1,7 @@
 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) => {
+import { useResizableCardHookProps } from '../utils';
+declare const useResizableBothSides: ({ booking, onAddTime, onStartAtChange, onSubTime, operationalHours, starter, }: useResizableCardHookProps) => {
     state: {
         height: number;
         width: number;
@@ -21,6 +15,5 @@ declare const useResizableBothSides: ({ booking, onAddTime, onStartAtChange, onS
     heightStyle: number;
     topHeightIncrement: number;
     onResize: (event: SyntheticEvent, { size }: ResizeCallbackData) => void;
-    updateHeightStyle: (finishMock: Date, startMock: Date) => void;
 };
 export default useResizableBothSides;

package/dist/{core/slots → hooks}/useResizableCardHook.d.ts

@@ -1,7 +1,6 @@
 import { SyntheticEvent } from 'react';
 import { ResizeCallbackData } from 'react-resizable';
-import { useResizableCardHookProps } from '../../utils/props';
-export declare const BASE_VALUE: number;
+import { useResizableCardHookProps } from '../utils';
 declare const useResizableCardHook: ({ booking, onAddTime, onAddStartTime, onSubTime, starter, }: useResizableCardHookProps) => {
     state: {
         height: number;

package/dist/hooks/useUserInfoStore.d.ts

@@ -0,0 +1,3 @@
+import { UsersInfoState } from '../context/users-info/users-info-store';
+declare const useUserInfoStore: <T>(selector: (state: UsersInfoState) => T) => T;
+export default useUserInfoStore;

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

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

package/dist/utils/buildEmptyTimeSlotKey.d.ts

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

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

@@ -20,7 +20,7 @@ export declare const dateUtils: {
     calculateDaysDifference(finishAt: Date, startAt: Date): number;
     dateAndHourDateToString(date: Date): string;
     shortMonthDescription(...month: Date[]): string;
-    timeDiffInSeconds(startAt: Date, finishAt: Date): number;
+    timeDiffInMinutes(startAt: Date, finishAt: Date): number;
     subtractMinutes(startAt: Date, amount: number): Date;
     addMinuteToHour(hour: string, minutes: number): string;
     dateToString(date: Date): string;
@@ -34,4 +34,6 @@ export declare const dateUtils: {
     isTodayDate(date: Date): boolean;
     firstAndLastWeekDays(week: DaysOfWeek): NextAndPreviousWeek;
     generateWeekMonthLabel(week: DaysOfWeek): string;
+    isFinishDateAnotherDay(finish: Date, start: Date): boolean;
+    compareSameDate(firstDate: Date, secondDate: Date): boolean;
 };

package/dist/utils/forward.d.ts

@@ -26,3 +26,11 @@ export interface SlotTriggerForwardRef {
 export interface BookingCardContentRef {
     updateBooking: (booking: Booking) => void;
 }
+export interface BookingCreationDialogRef {
+    showCreationModal: () => void;
+    closeModal: () => void;
+    isModalOpen: () => boolean;
+}
+export interface UsersInfoRef {
+    updateDisabledUser: (userId: string, status: boolean) => void;
+}

package/dist/utils/hours.d.ts

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

package/dist/utils/index.d.ts

@@ -1,4 +1,8 @@
+import { buildEmptyTimeSlotKey } from './buildEmptyTimeSlotKey';
 import { bookingUtils } from './booking.utils';
 import { dateUtils } from './date.utils';
-import { StringUtils } from './string.utils';
-export { bookingUtils, dateUtils, StringUtils };
+import { stringUtils } from './string.utils';
+import { generateTimes, generateWorkingTimes } from './hours';
+import { TimeInfoRef, BookingCardRef, SlotTriggerForwardRef, BookingCreationDialogRef, BookingCardContentRef } from './forward';
+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 };

package/dist/utils/props.d.ts

@@ -1,13 +1,16 @@
 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 { CSSProperties, JSX, 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';
 export interface CardContentProps {
+    resize?: boolean;
     bookingInit: Booking;
-    bookingViewType: string;
     slotData: BookingDateAndTime;
     heightStyle: number;
     topHeightIncrement?: number;
@@ -32,8 +35,6 @@ export interface BookingCardProps {
     booking: Booking;
     slotData: BookingDateAndTime;
     customClasses?: string;
-    layerCount?: number;
-    half?: boolean;
     hoveringAdditionalCardId?: string;
     ref?: Ref<BookingCardRef>;
 }
@@ -50,6 +51,7 @@ export interface TimeInfoProps {
 export interface BlockTimeData {
     key: string;
     time: string;
+    userId?: string;
 }
 export type BlocksTimeStructure = BlockTimeRef & BlockTimeData;
 export interface EmptySlotProps {
@@ -60,6 +62,7 @@ export interface EmptySlotProps {
     third: BlocksTimeStructure;
     fourth: BlocksTimeStructure;
     disabledCss: string;
+    userId?: string;
     firstDay: boolean;
 }
 export interface SlotEvents {
@@ -89,8 +92,12 @@ export interface BookingCarContextProps {
     };
     ref?: Ref<BookingCardContentRef>;
 }
+export type BookingCarOnResizeProps = Omit<BookingCarContextProps & {
+    afterResize?: boolean;
+}, 'ref'>;
 export interface useResizableCardHookProps {
     starter?: boolean;
+    operationalHours?: OperationalHours;
     booking: Booking;
     onAddTime?: (datetime: Date) => void;
     onAddStartTime?: (datetime: Date) => void;
@@ -102,4 +109,37 @@ export interface ActualTimerIndicatorProps {
     isFirstDay: boolean;
     slotData: BlocksTimeStructure;
 }
+export interface BookingTabsProps {
+    side?: Side;
+    buttonTrigger?: JSX.Element;
+    modal?: boolean;
+    onClose: (event: React.MouseEvent) => void;
+    onOpenChange: (status: boolean) => void;
+}
+export interface BookingCreationDialogProps {
+    modal?: boolean;
+    side?: Side;
+    buttonTrigger?: JSX.Element;
+    onClose?: () => void;
+    onOpenChange?: (status: boolean) => void;
+    ref: Ref<BookingCreationDialogRef>;
+}
+export interface SlotRenderProps {
+    firstDay: boolean;
+    booking: Booking[];
+    dayHour: BookingDateAndTime;
+    disabledCss: string;
+    user?: UserProfileStatus;
+    firstBlockTimeData: BlocksTimeStructure;
+    secondBlockTimeData: BlocksTimeStructure;
+    thirdBlockTimeData: BlocksTimeStructure;
+    fourthBlockTimeData: BlocksTimeStructure;
+}
+export interface CalendarHolderProps<T> {
+    tableAccessors: ColumnDef<T>[];
+}
+export interface ColumnsProps<T> {
+    keyToCopy: string;
+    accessors: ColumnDef<T>[];
+}
 export {};

package/dist/utils/string.utils.d.ts

@@ -1,4 +1,4 @@
-export declare const StringUtils: {
+export declare const stringUtils: {
     capitalize(text: string): string;
     returnFirstChar(text: string): string;
 };

package/package.json

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