react-beauty-calendar 1.0.6 → 1.0.8

package/dist/classes/reference-error.d.ts

@@ -0,0 +1,4 @@
+declare class ReferenceErrorCustom extends ReferenceError {
+    constructor(message?: string);
+}
+export default ReferenceErrorCustom;

package/dist/{lib/components → components}/ui/Button.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | 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> & {

package/dist/constants/booking-view-type.constant.d.ts

@@ -0,0 +1,6 @@
+export declare const BOOKING_VIEW_TYPE: {
+    readonly DAY: "day";
+    readonly WEEK: "week";
+    readonly TABLE: "table";
+    readonly MONTH: "month";
+};

package/dist/{lib/context → context}/bookingModal/BookingModalProvider.d.ts

@@ -1,7 +1,8 @@
 import { PropsWithChildren, ReactNode } from 'react';
 import { BookingViewType, Bookings } from '../../@types/booking';
 import { RootEventsProps } from '../../@types/calendar-instance';
-export interface BookingModalContextProps extends RootEventsProps {
+type BookingModalContextPick = Omit<RootEventsProps, "onChangeViewType">;
+export interface BookingModalContextProps extends BookingModalContextPick {
     createBookingModal: ReactNode;
     bookings: Bookings;
     viewModes: BookingViewType[];

package/dist/{lib/context → context}/drag/dragStore.d.ts

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

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

@@ -0,0 +1,6 @@
+interface SlotKeyData {
+    date: Date;
+    hour: string;
+}
+declare const retrieveSlotKey: (slotKey: string) => SlotKeyData;
+export default retrieveSlotKey;

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

@@ -7,7 +7,7 @@ export interface EmptySlotStore {
 }
 export interface EmptySlotState extends EmptySlotStore {
     setEmptySlotNode: (node: SlotTriggerForwardRef, slotData: BlockTimeData) => void;
-    setSelectedNode: (nodeKey: string, closeView?: boolean) => void;
+    setSelectedNode: (nodeKey: string) => void;
     resetSelectedNode: () => void;
     resetNodes: () => void;
 }

package/dist/{lib/context → context}/global/days-and-week/day-and-week-store.d.ts

@@ -1,23 +1,23 @@
 import { StateCreator } from 'zustand';
 import { HourWithActionsRef } from '../../../core/calendar/HourWithActions';
 import { Times } from '../../../utils/hours';
+export type DaysOfWeek = Date[];
 export interface NextAndPreviousWeek {
     firstDayOfWeek: Date;
     lastDayOfWeek: Date;
 }
-export interface DayAndWeekProps extends NextAndPreviousWeek {
+export interface DayAndWeekProps {
     hours: Times;
-    selectedDay: string | null;
-    daysOfWeek: Date[];
+    daysOfWeek: DaysOfWeek;
     timesRendered: Map<string, HourWithActionsRef>;
 }
 export interface DayAndWeekState extends DayAndWeekProps {
     setTodayDay: (date: Date) => Date;
     setDays: (days: number) => Date[];
-    todayWeek: (date?: Date) => NextAndPreviousWeek;
+    todayWeek: (date?: Date) => DaysOfWeek;
     getWeek: () => NextAndPreviousWeek;
-    nextWeek: () => NextAndPreviousWeek;
-    previousWeek: () => NextAndPreviousWeek;
+    nextWeek: () => DaysOfWeek;
+    previousWeek: () => DaysOfWeek;
     addTimesRendered: (element: HourWithActionsRef, hourKey: string) => void;
 }
 declare const dayAndWeekStore: StateCreator<DayAndWeekState>;

package/dist/{lib/context → context}/month-description/month-description-store.d.ts

@@ -10,6 +10,7 @@ export interface MonthDescriptionProps {
 }
 export interface MonthDescriptionState extends MonthDescriptionProps {
     updateMonthMessage: (monthDescriptionProps: Partial<MonthDescriptionProps>) => void;
+    updateHeaderDateLabel: (targetDate: Date) => void;
 }
 declare const monthDescriptionStore: (initialProps?: Partial<MonthDescriptionState>) => import('zustand').StoreApi<MonthDescriptionState>;
 export type MonthDescriptionStore = ReturnType<typeof monthDescriptionStore>;

package/dist/{lib/context → context}/new-event/new-event-context.d.ts

@@ -2,5 +2,5 @@ import { PropsWithChildren } from 'react';
 import { NewEventFormProps } from './new-event-store';
 declare const NewEventContext: import('react').Context<import('zustand').StoreApi<import('./new-event-store').NewEventFormState> | null>;
 type NewEventProviderProps = PropsWithChildren<NewEventFormProps>;
-declare const NewEventProvider: ({ children, ...props }: NewEventProviderProps) => import("react/jsx-runtime").JSX.Element;
+declare const NewEventProvider: ({ children, ref, ...props }: NewEventProviderProps) => import("react/jsx-runtime").JSX.Element;
 export { NewEventProvider, NewEventContext };

package/dist/{lib/context → context}/new-event/new-event-store.d.ts

@@ -1,7 +1,12 @@
+import { Ref } from 'react';
+export interface NewEventFormRef {
+    updateFinishAt: (selectedHour: string) => void;
+}
 export interface NewEventFormProps {
     date: string;
     startAt: string;
     finishAt: string;
+    ref?: Ref<NewEventFormRef>;
 }
 export interface NewEventFormState extends NewEventFormProps {
     updateForm: (newEventForm: NewEventFormState) => void;
@@ -9,6 +14,7 @@ export interface NewEventFormState extends NewEventFormProps {
     updateStartAt: (selectedHour: string) => void;
     updateFinishAt: (selectedHour: string) => void;
     updateDate: (dateAsString: string) => void;
+    updateFinishAtWithOffset: (time: string, increasingMinutes?: number) => string;
     resetForm: () => void;
 }
 export declare const initialFormState: NewEventFormProps;

package/dist/core/Root.d.ts

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

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

@@ -0,0 +1,10 @@
+import { Booking, BookingDateAndTime } from '../../@types/booking';
+interface BookingCardProps {
+    booking: Booking;
+    slotData: BookingDateAndTime;
+    customClasses?: string;
+    heightStyleTransformer?: string;
+    onClick?: () => void;
+}
+declare const BookingCard: ({ booking, slotData, onClick, heightStyleTransformer, customClasses, }: BookingCardProps) => import("react/jsx-runtime").JSX.Element;
+export default BookingCard;

package/dist/core/booking-options/BookingInfoContent.d.ts

@@ -0,0 +1,12 @@
+import { Transform } from '@dnd-kit/utilities';
+import { PropsWithChildren } from 'react';
+import { Side } from './BookingInfoOptions';
+interface BookingInfoContextProps {
+    side: Side;
+    xAxis: number;
+    yAxis: number;
+    updatePosition: (transform: Transform | null) => void;
+}
+type BookingInfoContextPropsWithChild = PropsWithChildren<BookingInfoContextProps>;
+declare const BookingInfoContext: ({ side, xAxis, yAxis, updatePosition, children, }: BookingInfoContextPropsWithChild) => import("react/jsx-runtime").JSX.Element;
+export default BookingInfoContext;

package/dist/{lib/core → core}/booking-options/BookingInfoOptions.d.ts

@@ -1,10 +1,10 @@
-import { Dispatch, PropsWithChildren, SetStateAction } from 'react';
+import { PropsWithChildren } from 'react';
 import { Booking } from '../../@types/booking';
 import { SIDE_OPTIONS } from '../../constants';
 interface BookingInfoOptionsProps {
     side: Side;
     booking: Booking;
-    onOpenChange: Dispatch<SetStateAction<boolean>>;
+    onOpenChange: React.Dispatch<React.SetStateAction<boolean>>;
     isEditingOpen: boolean;
 }
 export type Side = (typeof SIDE_OPTIONS)[number];

package/dist/{lib/core → core}/card-slots/SlotTrigger.d.ts

@@ -15,7 +15,7 @@ interface SlotTriggerProps {
     ref: Ref<SlotTriggerForwardRef>;
 }
 export interface SlotTriggerForwardRef {
-    showEvent: () => void;
+    showEvent: (slotNode: string) => void;
     closeEvent: () => void;
     onOpenCloseChange: (status: boolean) => void;
 }

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

@@ -0,0 +1,6 @@
+import { ActionType } from './Header';
+interface handleWeekChangeProps {
+    handleWeekChange: (actionType: ActionType) => void;
+}
+declare const HeaderDayActions: ({ handleWeekChange }: handleWeekChangeProps) => import("react/jsx-runtime").JSX.Element;
+export default HeaderDayActions;

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

@@ -0,0 +1,6 @@
+interface HeaderTodayActionProps {
+    mobileLayout: boolean;
+    onClick: () => void;
+}
+declare const HeaderTodayAction: ({ mobileLayout, onClick, }: HeaderTodayActionProps) => import("react/jsx-runtime").JSX.Element;
+export default HeaderTodayAction;

package/dist/{lib/core → core}/slots/CardContent.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, Ref, SyntheticEvent } from 'react';
+import { Ref, SyntheticEvent } from 'react';
 import { Booking } from '../../@types';
 import { BookingDateAndTime } from '../../@types/booking';
 import { DraggableAttributes } from '@dnd-kit/core';
@@ -21,8 +21,6 @@ interface CardContentProps {
     bookingViewType: string;
     slotData: BookingDateAndTime;
     heightStyleTransformer: string;
-    pendingStyle?: React.CSSProperties;
-    style?: CSSProperties | undefined;
     listeners?: SyntheticListenerMap | undefined;
     attributes?: DraggableAttributes;
     onClick?: () => void;
@@ -35,5 +33,5 @@ interface CardContentProps {
     ref?: Ref<CardContentForward>;
 }
 type CardContentForward = HTMLDivElement;
-declare const CardContent: ({ bookingInit, slotData, heightStyleTransformer, onClick, pendingStyle, style, listeners, attributes, customClasses, bookingViewType, resizableParam, events, open, ref, }: CardContentProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const CardContent: ({ bookingInit, slotData, heightStyleTransformer, onClick, customClasses, bookingViewType, resizableParam, events, open, ref, }: CardContentProps) => import("react/jsx-runtime").JSX.Element | null;
 export default CardContent;

package/dist/{lib/core → core}/slots/EventsTab.d.ts

@@ -1,11 +1,13 @@
 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;
     onClose: (event: React.MouseEvent) => void;
     onOpenChange: (status: boolean) => void;
 }
 type EventTabsWithChildren = PropsWithChildren<EventTabsProps>;
-declare const EventTabs: ({ onClose, onOpenChange, buttonTrigger, }: EventTabsWithChildren) => import("react/jsx-runtime").JSX.Element;
+declare const EventTabs: ({ onClose, side, onOpenChange, buttonTrigger, children, }: EventTabsWithChildren) => import("react/jsx-runtime").JSX.Element;
 export default EventTabs;

package/dist/{lib/core → core}/slots/TimeInfo.d.ts

@@ -6,8 +6,9 @@ interface TimeInfoEvents {
     resetPrevView: () => void;
 }
 interface TimeInfoProps {
+    isDragging: boolean;
     slotData: BlocksTimeStructure;
     events: TimeInfoEvents;
 }
-declare const TimeInfo: ({ slotData, events: { onClick, renderPreviewCard, resetPrevView }, }: TimeInfoProps) => import("react/jsx-runtime").JSX.Element;
+declare const TimeInfo: ({ isDragging, slotData, events: { onClick, renderPreviewCard, resetPrevView }, }: TimeInfoProps) => import("react/jsx-runtime").JSX.Element;
 export default TimeInfo;

package/dist/hooks/use-calendar-instance.d.ts

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

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

@@ -1,10 +1,9 @@
+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[];
-    firstDayOfWeek: Date;
-    lastDayOfWeek: Date;
 };
 export declare const DateUtils: {
     findIndexToStart(date?: Date): number;
@@ -29,5 +28,7 @@ export declare const DateUtils: {
     addMinutesToHour(startAt: string, interval: number): string;
     convertStringTimeToDateFormat(timeString: string): Date;
     isTodayDate(date: Date): boolean;
+    firstAndLastWeekDays(week: DaysOfWeek): NextAndPreviousWeek;
+    generateWeekMonthLabel(week: DaysOfWeek): string;
 };
 export {};

package/dist/{lib/utils → utils}/types.d.ts

@@ -1,7 +1,7 @@
 import { JSX, Ref } from 'react';
-import { CalendarInstanceRef } from '../../src/App';
 import { Booking, ViewModes } from '../@types';
 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';
 export type UseBookingInstanceProps = RootProps;

package/package.json

@@ -11,7 +11,7 @@
   },
   "license": "MIT",
   "private": false,
-  "version": "1.0.6",
+  "version": "1.0.8",
   "keywords": [
     "react",
     "component",
@@ -28,8 +28,13 @@
     "dist",
     "README.md"
   ],
+  "exports": {
+    ".": {
+      "import": "./dist/build/main.es.js",
+      "require": "./dist/build/main.cjs.js"
+    }
+  },
   "scripts": {
-    "dev": "vite",
     "biome": "npx biome ci .",
     "preview": "vite preview",
     "prepare": "husky",
@@ -37,21 +42,14 @@
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "prepublish": "rm -rf ./dist && npm run build",
-    "test": ""
+    "test": "",
+    "build:watch": "vite build --watch",
+    "dev": "vite",
+    "dev:c": "concurrently \"npm run build:watch\" \"cd ../appointment-react && npm run dev\""
   },
   "dependencies": {
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/modifiers": "^9.0.0",
-    "@radix-ui/react-dropdown-menu": "^2.1.6",
-    "@radix-ui/react-icons": "^1.3.2",
-    "@radix-ui/react-label": "^2.1.2",
-    "@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-tabs": "^1.1.3",
-    "@radix-ui/react-toggle": "^1.1.2",
-    "@radix-ui/react-tooltip": "^1.1.8",
     "@tailwindcss/vite": "^4.0.15",
     "@tanstack/react-query": "^5.69.0",
     "@tanstack/react-table": "^8.21.2",
@@ -60,7 +58,6 @@
     "cmdk": "^1.1.1",
     "date-fns": "^4.1.0",
     "dayjs": "^1.11.13",
-    "lucide-react": "^0.483.0",
     "react-resizable": "^3.0.5",
     "react-router": "^7.4.0",
     "tailwindcss": "^4.0.15",
@@ -92,6 +89,7 @@
     "@vitest/browser": "^3.0.9",
     "@vitest/coverage-v8": "^3.0.9",
     "chromatic": "^11.27.0",
+    "concurrently": "^9.1.2",
     "eslint": "^9.21.0",
     "eslint-plugin-react-hooks": "^5.1.0",
     "eslint-plugin-react-refresh": "^0.4.19",
@@ -107,7 +105,17 @@
     "typescript-eslint": "^8.24.1",
     "vite": "^6.2.0",
     "vite-plugin-dts": "^4.5.3",
-    "vitest": "^3.0.9"
+    "vitest": "^3.0.9",
+    "@radix-ui/react-dropdown-menu": "^2.1.6",
+    "@radix-ui/react-icons": "^1.3.2",
+    "@radix-ui/react-label": "^2.1.2",
+    "@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-tabs": "^1.1.3",
+    "@radix-ui/react-toggle": "^1.1.2",
+    "@radix-ui/react-tooltip": "^1.1.8"
   },
   "eslintConfig": {
     "extends": [
@@ -118,6 +126,7 @@
     "**/*.css"
   ],
   "peerDependencies": {
+    "lucide-react": "^0.483.0",
     "react": ">=18.0.0 <20.0.0",
     "react-dom": ">=18.0.0 <20.0.0"
   }

package/dist/lib/constants/booking-view-type.constant.d.ts

@@ -1,6 +0,0 @@
-export declare const BOOKING_VIEW_TYPE: {
-    readonly DAY: "DAY";
-    readonly WEEK: "WEEK";
-    readonly TABLE: "TABLE";
-    readonly MONTH: "MONTH";
-};

package/dist/lib/core/Root.d.ts

@@ -1,6 +0,0 @@
-import { RootProps } from '../@types/calendar-instance';
-export interface CalendarInstanceRef {
-    getStatus: () => boolean;
-}
-declare const Root: ({ viewModes, createBookingModal, onChangeViewType, onCardDropCallback, onDayChange, onTodayClick, onSlotClick, onModalClose, bookings, ref, }: RootProps) => import("react/jsx-runtime").JSX.Element;
-export default Root;

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

@@ -1,7 +0,0 @@
-import { Booking, BookingDateAndTime } from '../../@types/booking';
-interface BookingCardProps {
-    booking: Booking;
-    slotData: BookingDateAndTime;
-}
-declare const BookingCard: ({ booking, slotData }: BookingCardProps) => import("react/jsx-runtime").JSX.Element;
-export default BookingCard;

package/dist/lib/hooks/use-calendar-instance.d.ts

@@ -1,7 +0,0 @@
-import { JSX } from 'react';
-import { UseBookingInstanceProps } from '../@types/calendar-instance';
-interface BookingInstance {
-    getCalendar: () => JSX.Element;
-}
-declare const useCalendarInstance: (props: UseBookingInstanceProps) => BookingInstance;
-export default useCalendarInstance;