willba-component-library 0.4.4 → 0.4.5

package/README.md

@@ -1,6 +1,6 @@
 ## Description
 
-Willba Filter Bar is a search component for booking and event sites. Drop it onto any website with two lines of HTML — it pulls its settings from the provided domain and renders ready to use.
+An embeddable search component for company homepages that handle direct bookings. Visitors search availability, pick dates, and reserve stays or enroll into events.
 
 <div style="display: flex; gap: 20px;">
   <img src="https://lh3.googleusercontent.com/d/1n5U0vBMseBci4xV5wH8vApeAcRjcyos_" alt="Filter Bar Calendar" style="width: auto; max-width: 50%;">
@@ -16,7 +16,7 @@ Paste these two lines into any page — WordPress, plain HTML, anywhere. Set `do
   domain="customer.willba.store"
   mode="dark"
 ></willba-filter-bar>
-<script src="https://cdn.jsdelivr.net/npm/willba-component-library@0.4.4/lib/embed.umd.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/willba-component-library@0.4.5/lib/embed.umd.js"></script>
 ```
 
 The filter bar is fully self-contained and runs isolated from the rest of the page — your theme, plugins, and other scripts won't interfere with it, and it won't affect them.

package/lib/components/FilterBar/hooks/index.d.ts

@@ -1,4 +1,4 @@
-export { useScrollInToView } from './useScrollInToView';
+export { useIsMobile } from './useIsMobile';
 export { useFilterState } from './useFilterState';
 export { useFilterActions } from './useFilterActions';
 export { useFilterRefs } from './useFilterRefs';

package/lib/components/FilterBar/hooks/useFilterRefs.d.ts

@@ -1,7 +1,6 @@
-export declare const useFilterRefs: (selectedFilter: string | boolean) => {
+export declare const useFilterRefs: () => {
     previouslyFocusedButtonRef: import("react").MutableRefObject<HTMLButtonElement | null>;
     isMobile: boolean;
-    tabsRef: import("react").MutableRefObject<HTMLDivElement | null>;
     panelRef: import("react").MutableRefObject<HTMLDivElement | null>;
     buttonRefs: import("react").MutableRefObject<Record<string, HTMLButtonElement | null>>;
     filtersRef: import("react").MutableRefObject<HTMLDivElement | null>;

package/lib/components/FilterBar/hooks/useIsMobile.d.ts

@@ -0,0 +1 @@
+export declare const useIsMobile: () => boolean;

package/lib/components/FilterBar/hooks/usePanelPosition.d.ts

@@ -5,10 +5,9 @@ type Props = {
     filtersRef: RefObject<HTMLDivElement | null>;
     buttonRefs: MutableRefObject<Record<string, HTMLButtonElement | null>>;
     isMobile: boolean;
-    tabs?: unknown[];
 };
-export declare const usePanelPosition: ({ selectedFilter, panelRef, filtersRef, buttonRefs, isMobile, tabs, }: Props) => {
-    top: number;
+export declare const usePanelPosition: ({ selectedFilter, panelRef, filtersRef, buttonRefs, isMobile, }: Props) => {
+    top: number | undefined;
     left: number | undefined;
 };
 export {};

package/lib/components/FilterBar/providers/FilterBarProvider.d.ts

@@ -25,7 +25,6 @@ type FilterBarContextType = FilterBarTypes & {
     buttonRefs: MutableRefObject<Record<string, HTMLButtonElement | null>>;
     filtersRef: MutableRefObject<HTMLDivElement | null>;
     isMobile: boolean;
-    tabsRef: MutableRefObject<HTMLDivElement | null>;
 };
 export declare const FilterBarProvider: ({ children, language, ageCategories, redirectUrl, palette, onSubmit, fullWidth, disableCalendarDates, mode, tabs, outerLoading, locations, }: FilterBarProviderProps) => React.JSX.Element;
 export declare const useFilterBar: () => FilterBarContextType;