@balby/booking-search 1.0.1 → 1.0.3

package/dist/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/types/booking.d.ts

@@ -0,0 +1,153 @@
+/**
+ * Represents availability and price for a single day
+ */
+export interface AvailabilityDay {
+    /** Date in ISO format (YYYY-MM-DD) */
+    date: string;
+    /** Price for this date */
+    price: number;
+    /** Whether the date is available for booking */
+    isAvailable: boolean;
+}
+/**
+ * Selectable location for booking search
+ */
+export interface SearchLocation {
+    id: string;
+    name: string;
+    /** Type of location (city, hotel, region, etc.) */
+    type?: string;
+    /** ISO country code */
+    countryCode?: string;
+}
+/**
+ * Guest data
+ */
+export interface GuestData {
+    adults: number;
+    children: number;
+}
+/**
+ * Payload emitted by the component when user performs a search
+ */
+export interface BookingSearchPayload {
+    /** Selected location */
+    location: SearchLocation | null;
+    /** Check-in date */
+    checkIn: Date | null;
+    /** Check-out date */
+    checkOut: Date | null;
+    /** Number of adults */
+    adults: number;
+    /** Number of children */
+    children: number;
+}
+/**
+ * Props for the main BookingSearch component
+ */
+export interface BookingSearchProps {
+    /** Availability and prices for dates */
+    availability: AvailabilityDay[];
+    /** List of available locations for search */
+    locations: SearchLocation[];
+    /** Callback called when user initiates a search */
+    onSearch: (payload: BookingSearchPayload) => void;
+    /** Initial values (optional) */
+    defaultValues?: Partial<BookingSearchPayload>;
+    /** Search button text */
+    searchButtonText?: string;
+    /** Placeholder for location field */
+    locationPlaceholder?: string;
+    /** Minimum number of nights required */
+    minNights?: number;
+    /** Maximum number of adults */
+    maxAdults?: number;
+    /** Maximum number of children */
+    maxChildren?: number;
+    /** Custom CSS class */
+    className?: string;
+}
+/**
+ * Props for the LocationCombobox component
+ */
+export interface LocationComboboxProps {
+    /** List of locations to display */
+    locations: SearchLocation[];
+    /** Currently selected location */
+    value: SearchLocation | null;
+    /** Callback when location changes */
+    onChange: (location: SearchLocation | null) => void;
+    /** Optional title for the combobox */
+    title?: string;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Whether the combobox is disabled */
+    disabled?: boolean;
+    /** Custom CSS class */
+    className?: string;
+    /** Tab index */
+    tabIndex?: number;
+}
+/**
+ * Props for the DateRangePicker component
+ */
+export interface DateRangePickerProps {
+    /** Availability and prices for dates */
+    availability: AvailabilityDay[];
+    /** Selected date range */
+    value: {
+        from: Date | null;
+        to: Date | null;
+    };
+    /** Callback when date range changes */
+    onChange: (range: {
+        from: Date | null;
+        to: Date | null;
+    }) => void;
+    /** Minimum number of nights required */
+    minNights?: number;
+    /** Whether the picker is disabled */
+    disabled?: boolean;
+    /** Custom CSS class */
+    className?: string;
+    /** Tab index */
+    tabIndex?: number;
+}
+/**
+ * Props for the GuestSelector component
+ */
+export interface GuestSelectorProps {
+    /** Current guest data */
+    value: GuestData;
+    /** Callback when guest data changes */
+    onChange: (guests: GuestData) => void;
+    /** Maximum number of adults */
+    maxAdults?: number;
+    /** Maximum number of children */
+    maxChildren?: number;
+    /** Whether the selector is disabled */
+    disabled?: boolean;
+    /** Custom CSS class */
+    className?: string;
+    /** Tab index */
+    tabIndex?: number;
+}
+/**
+ * Props for the GuestStepper component (internal)
+ */
+export interface GuestStepperProps {
+    /** Label for the stepper */
+    label: string;
+    /** Optional description */
+    description?: string;
+    /** Current value */
+    value: number;
+    /** Callback to increment */
+    onIncrement: () => void;
+    /** Callback to decrement */
+    onDecrement: () => void;
+    /** Minimum value */
+    min?: number;
+    /** Maximum value */
+    max?: number;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@balby/booking-search",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "publishConfig": {
     "access": "public"
   },
@@ -43,14 +43,14 @@
   "scripts": {
     "dev": "bun run build:css && bun --watch index.ts",
     "dev:css": "bun run build:css && bunx concurrently \"bun --watch index.ts\" \"bun run watch:css\"",
-    "build": "bun run build:css && bun build src/index.ts --outdir=dist --target=browser --format=esm",
+    "build": "bun run build:css && bun build src/index.ts --outdir=dist --target=browser --format=esm --external react --external react-dom --external react/jsx-runtime",
     "build:css": "tailwindcss -i ./src/styles/globals.css -o ./src/styles/output.css --minify",
+    "build:types": "tsc -p tsconfig.build.json",
     "watch:css": "tailwindcss -i ./src/styles/globals.css -o ./src/styles/output.css --watch",
     "type-check": "tsc --noEmit",
     "test": "bun test src/components/booking-search/tests/",
     "test:coverage": "bun test --coverage src/components/booking-search/tests/",
-    "prepublishOnly": "bun run type-check && bun run test && bun run build",
-    "ts:check": "tsc --noEmit"
+    "prepublishOnly": "bun run type-check && bun run test && bun run build"
   },
   "devDependencies": {
     "@happy-dom/global-registrator": "^20.0.11",

package/src/demo.tsx

@@ -1,6 +1,6 @@
 import React from "react"
 import { createRoot } from "react-dom/client"
-import { BookingSearch } from "./components/booking-search"
+import { BookingSearch } from "./components/booking-search";
 import type { BookingSearchPayload, SearchLocation, AvailabilityDay } from "./types/booking"
 import "./styles/output.css"