react-beauty-calendar 2.0.1 → 2.0.4

package/dist/utils/blockSlotDays.d.ts

@@ -0,0 +1,12 @@
+import { BusinessInterval, Periods, UnavailablePeriods } from '../@types/calendar-instance';
+export declare const blockSlotDays: {
+    isDisabledSlot(slotId: string | Date, targetSlot: string | Date): boolean;
+    isTimeSlotWithinRange(slotTime: string, from: string, to: string): boolean;
+    isDisabledByDay({ slotId, slotTime, unavailablePeriods, }: {
+        slotId: string;
+        slotTime?: string;
+        unavailablePeriods: UnavailablePeriods[];
+    }): boolean;
+    findSlotAndCommit(slotTime: string, periods?: Periods[]): boolean;
+    isDisabledByInterval(slotId: string, slotTime: string, businessInterval?: BusinessInterval[]): boolean;
+};

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

@@ -1,5 +1,5 @@
 import { Booking } from '../@types';
-import { WeekDays } from '../constants/week.constant';
+import { WeekDays } from '../constants';
 import { DaysOfWeek, NextAndPreviousWeek } from '../context/global/days-and-week/day-and-week-store';
 export type DatesData = {
     week: Date[];
@@ -30,11 +30,18 @@ export declare const dateUtils: {
     addMinutesToDate(targetDate: Date, minutes: number): Date;
     newDateKey(date: string, hour: string): string;
     addMinutesToHour(startAt: string, interval: number): string;
-    convertStringTimeToDateFormat(timeString: string): Date;
+    convertStringTimeToDateFormat(timeString: string, day?: string): Date;
+    setToMidnight(day: string): Date;
+    isSameDayMonthAndYear(initialDate: Date, dateToCompare: Date): boolean;
     isTodayDate(date: Date): boolean;
+    isSameDay(initialDate: Date, dateToCompare: Date): boolean;
     firstAndLastWeekDays(week: DaysOfWeek): NextAndPreviousWeek;
     generateWeekMonthLabel(week: DaysOfWeek): string;
     isFinishDateAnotherDay(finish: Date, start: Date): boolean;
     compareSameDate(firstDate: Date, secondDate: Date): boolean;
     isMidnight(closureDate: Date): boolean;
+    getDayOfWeek(day: string | Date): WeekDays;
+    isWeekend(day: string | Date): boolean;
+    isWithinRange(start: Date | null, end: Date | null, target: string | Date): boolean;
+    convertDateToTimeString(dateTime: Date): string;
 };

package/dist/utils/forward.d.ts

@@ -1,14 +1,9 @@
 import { CSSProperties } from 'react';
-import { Booking } from '../@types';
+import { Booking, BookingDateAndTime } from '../@types';
 export type CardContentRef = HTMLDivElement;
 export interface BookingCardRef {
     changeCurrentCardResize: () => void;
 }
-export interface TimeInfoRef {
-    show: () => void;
-    hide: () => void;
-    changeIsOpen: (isOpen: boolean) => void;
-}
 export interface BlockTimeRef {
     ref: (element: HTMLElement | null) => void;
     style: CSSProperties;
@@ -38,4 +33,12 @@ export interface UsersInfoRef {
 export interface ResizableTimeSlotRef {
     resetState: () => void;
     resetHeightStyle: () => void;
+    resetResizeTimeSlots: () => void;
+}
+export interface CardResizeEventRef {
+    updateCardEventHeight: (finish: Date, start: Date) => void;
+}
+export interface ConfirmModalRef {
+    showConfirmationModal: (booking: Booking, slotData: BookingDateAndTime) => void;
+    hideConfirmationModal: () => void;
 }

package/dist/utils/index.d.ts

@@ -2,8 +2,9 @@ import { bookingUtils } from './booking.utils';
 import { buildEmptyTimeSlotKey } from './buildEmptyTimeSlotKey';
 import { cardResizeUtils } from './cardResize.utils';
 import { dateUtils } from './date.utils';
-import { TimeInfoRef, BookingCardRef, SlotTriggerForwardRef, BookingCreationDialogRef, BookingCardContentRef } from './forward';
+import { 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';
 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, };
+export { bookingUtils, dateUtils, stringUtils, cardResizeUtils, generateTimes, generateWorkingTimes, buildEmptyTimeSlotKey, type BookingCardRef, type SlotTriggerForwardRef, type BookingCreationDialogRef, 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, };
+export { hasPermission, canCreateBooking, canDragBooking, canResizeBooking, } from './permissions';

package/dist/utils/permissions.d.ts

@@ -0,0 +1,6 @@
+import { UserAccessProfile } from '../@types';
+import { Permissions } from '../@types/user';
+export declare const hasPermission: (actor: UserAccessProfile, permission: Permissions) => boolean;
+export declare const canCreateBooking: (actor: UserAccessProfile, targetActorId?: string) => boolean;
+export declare const canDragBooking: (actor: UserAccessProfile, targetActorId?: string) => boolean;
+export declare const canResizeBooking: (actor: UserAccessProfile, targetActorId?: string) => boolean;

package/dist/utils/props.d.ts

@@ -2,22 +2,24 @@ import { DraggableAttributes } from '@dnd-kit/core';
 import { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities';
 import { ColumnDef } from '@tanstack/react-table';
 import { CSSProperties, JSX, PropsWithChildren, ReactNode, Ref } from 'react';
-import { Booking, BookingDateAndTime, Bookings, UserProfileStatus } from '../@types';
+import { Booking, BookingDateAndTime, Bookings, UserAccessProfile } from '../@types';
 import { Side } from '../core/booking-options/BookingInfoOptions';
-import { BlockTimeRef, BookingCardContentRef, BookingCardRef, BookingCreationDialogRef, CardContentRef, SlotTriggerForwardRef } from './forward';
+import { BlockTimeRef, BookingCardContentRef, BookingCardRef, BookingCreationDialogRef, CardContentRef, ResizableTimeSlotRef, SlotTriggerForwardRef } from './forward';
 import { ResizableParam, TimesBlock } from './types';
 export interface CardContentProps {
     resize?: boolean;
     bookingInit: Booking;
-    slotData: BookingDateAndTime;
+    slotData: BlocksTimeStructure;
+    selected?: boolean;
     heightStyle: number;
+    canResize?: boolean;
     topHeightIncrement?: number;
     customClasses?: string;
     open?: boolean;
     lastCard?: boolean;
     half?: boolean;
     cardsQuantity?: number;
-    cardIndex?: number;
+    index?: number;
     resizableParam?: ResizableParam;
     events?: {
         onUnmount?: () => void;
@@ -32,20 +34,24 @@ export interface CardContentProps {
 export interface BookingCardProps {
     booking: Booking;
     slotData: BookingDateAndTime;
+    selected?: boolean;
     customClasses?: string;
     hoveringAdditionalCardId?: string;
+    isResizing?: boolean;
     ref?: Ref<BookingCardRef>;
 }
 export type TimeInfoPropsWithChildren = PropsWithChildren<TimeInfoProps>;
 export interface TimeInfoProps {
-    isDraggingOnClick: boolean;
+    isCreatingOnResize: boolean;
 }
 export interface BlockTimeData {
     key: string;
     time: string;
     userId?: string;
 }
-export type BlocksTimeStructure = BlockTimeRef & BlockTimeData;
+export type BlocksTimeStructure = {
+    bookingQuantity?: number;
+} & BlockTimeRef & BlockTimeData;
 export interface EmptySlotProps {
     bookings: Booking[];
     dayHour: BookingDateAndTime;
@@ -54,17 +60,15 @@ export interface EmptySlotProps {
     firstDay: boolean;
 }
 export interface SlotEvents {
-    onMouseEnterEvent: () => TimesBlock;
+    onMouseEnterEvent: () => void;
 }
 export interface SlotTriggerProps {
     slotData: BlocksTimeStructure;
     blockTimeString?: string;
-    dayHour?: BookingDateAndTime;
-    disabledCss?: string;
-    events: SlotEvents;
     bookings?: Bookings;
     children?: ReactNode;
     lastPosition?: boolean;
+    fromMonth?: boolean;
     getCreationDialogRef: () => BookingCreationDialogRef | null;
     ref: Ref<SlotTriggerForwardRef>;
 }
@@ -87,6 +91,9 @@ export type BookingCarOnResizeProps = Omit<BookingCarContextProps & {
 export interface useResizableCardHookProps {
     starter?: boolean;
     booking: Booking;
+    activeUser: UserAccessProfile;
+    skipUpdate?: boolean;
+    isMonthView?: boolean;
     onAddTime?: (datetime: Date) => void;
     onAddStartTime?: (datetime: Date) => void;
     onStartAtChange?: (datetime: Date) => void;
@@ -104,14 +111,17 @@ export interface BookingTabsProps {
     onClose: (event: React.MouseEvent) => void;
     onOpenChange: (status: boolean) => void;
 }
+export interface BookingCreationDialogEvent {
+    onClose: () => void;
+    onOpenChange: (status: boolean) => void;
+}
 export interface BookingCreationDialogProps {
     modal?: boolean;
     side?: Side;
     buttonTrigger?: JSX.Element;
+    fromMonth?: boolean;
+    events?: BookingCreationDialogEvent;
     ref: Ref<BookingCreationDialogRef>;
-    slotTrigger?: () => SlotTriggerForwardRef | null;
-    onClose?: () => void;
-    onOpenChange?: (status: boolean) => void;
 }
 export interface BlockTimeDataChunk {
     firstBlockTimeData: BlocksTimeStructure;
@@ -121,13 +131,10 @@ export interface BlockTimeDataChunk {
 }
 export interface SlotRenderProps {
     bookings: Booking[];
-    lunchTimeBlock?: {
-        startAt: string;
-        finishAt: string;
-    };
     firstDay: boolean;
     dayHour: BookingDateAndTime;
-    user?: UserProfileStatus;
+    user?: UserAccessProfile;
+    index?: number;
 }
 export interface CalendarHolderProps {
     tableAccessors: ColumnDef<unknown>[];
@@ -138,13 +145,24 @@ export interface ColumnsProps<T> {
 }
 export interface UniSlotProps {
     dayHour: BookingDateAndTime;
-    slotPosition: TimesBlock;
+    slotPosition?: TimesBlock;
     firstDay: boolean;
     bookings: Booking[];
     userId?: string;
     lastPosition?: boolean;
+    bookingQuantity?: number;
+    fromMonth?: boolean;
+    closeRenderedEvent?: () => void;
 }
 export interface HeaderTodayActionProps {
-    onClick: () => void;
+    onClickToday: () => void;
     showCreationModal: () => void;
 }
+export interface ResizableTimeSlotProps {
+    isCreatingOnResize: boolean;
+    slotData: BlocksTimeStructure;
+    renderEvent: boolean;
+    resetPrevView: () => void;
+    startCounter: () => void;
+    ref: Ref<ResizableTimeSlotRef>;
+}

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

@@ -1,4 +1,5 @@
 export declare const stringUtils: {
     capitalize(text: string): string;
     returnFirstChar(text: string): string;
+    getUserFromId: (id: string) => string;
 };

package/dist/utils/types.d.ts

@@ -14,7 +14,7 @@ export interface RootProps extends RootEventsProps {
 export interface RootEventsProps {
     onChangeViewType: (bookingViewType: BookingViewType) => void;
     onTodayClick: (date: Date) => void;
-    onCardDropCallback: (booking: Booking, overId: string, slotData: BookingDateAndTime) => Promise<void>;
+    onCardDrop: (booking: Booking, overId: string, slotData: BookingDateAndTime) => Promise<void>;
     onDayChange: (date: Date[], actionType: ActionType) => void;
     onModalClose: () => void;
     onSlotClick: (slotData: BlockTimeData) => void;
@@ -39,4 +39,8 @@ interface ShortcutButtons {
     onClick: () => void;
 }
 export type ShortcutButtonsList = ShortcutButtons[];
+export interface Layers {
+    left: number;
+    right: number;
+}
 export {};

package/package.json

@@ -11,7 +11,7 @@
   },
   "license": "MIT",
   "private": false,
-  "version": "2.0.1",
+  "version": "2.0.4",
   "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",
+    "@radix-ui/react-dialog": "^1.1.15",
     "@react-spring/web": "^10.0.3",
     "@tailwindcss/vite": "^4.0.15",
     "@tanstack/react-query": "^5.69.0",
@@ -61,6 +62,7 @@
     "date-fns": "^4.1.0",
     "dayjs": "^1.11.13",
     "motion": "^12.12.1",
+    "radix-ui": "^1.4.3",
     "react-resizable": "^3.0.5",
     "react-router": "^7.4.0",
     "react-spinners": "^0.16.1",
@@ -82,7 +84,7 @@
     "@radix-ui/react-popover": "^1.1.6",
     "@radix-ui/react-select": "^2.1.6",
     "@radix-ui/react-separator": "^1.1.2",
-    "@radix-ui/react-slot": "^1.1.2",
+    "@radix-ui/react-slot": "^1.2.4",
     "@radix-ui/react-tabs": "^1.1.3",
     "@radix-ui/react-toggle": "^1.1.2",
     "@radix-ui/react-tooltip": "^1.1.8",

package/dist/@types/working-time.d.ts

@@ -1,10 +0,0 @@
-export declare const DayOfWeek: {
-    readonly SUN: "SUN";
-    readonly MON: "MON";
-    readonly TUE: "TUE";
-    readonly WED: "WED";
-    readonly THU: "THU";
-    readonly FRI: "FRI";
-    readonly SAT: "SAT";
-};
-export type DayOfWeek = (typeof DayOfWeek)[keyof typeof DayOfWeek];

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

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

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

@@ -1,11 +0,0 @@
-export declare const PAYMENT_TYPE: {
-    CREDIT_CARD: string;
-    DEBIT_CARD: string;
-    PIX: string;
-    CASH: string;
-};
-export declare const PAYMENT_STATUS: {
-    PENDING: string;
-    PAID: string;
-    UNPAID: string;
-};

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

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

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

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

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

@@ -1,40 +0,0 @@
-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/url-param.constant.d.ts

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

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

@@ -1,3 +0,0 @@
-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/core/calendar/TableDayOfWeekColumn.d.ts

@@ -1,6 +0,0 @@
-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/slots/CardContentWithResize.d.ts

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