willba-component-library 0.3.26 → 0.4.0

package/package.json

@@ -1,10 +1,13 @@
 {
   "name": "willba-component-library",
-  "version": "0.3.26",
+  "version": "0.4.0",
   "description": "A custom UI component library",
   "main": "lib/index.js",
   "module": "lib/index.esm.js",
   "types": "lib/index.d.ts",
+  "files": [
+    "lib"
+  ],
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "storybook": "storybook dev -p 6006",
@@ -15,6 +18,8 @@
   "license": "MIT",
   "dependencies": {
     "classnames": "^2.5.1",
+    "date-fns": "2.30.0",
+    "i18next": "23.16.8",
     "react-day-picker": "8.8.0",
     "react-i18next": "^13.5.0",
     "react-icons": "^4.12.0",
@@ -28,6 +33,8 @@
     "@rollup/plugin-commonjs": "^29.0.0",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^15.3.1",
+    "@rollup/plugin-replace": "6.0.3",
+    "@rollup/plugin-terser": "1.0.0",
     "@rollup/plugin-typescript": "^11.1.6",
     "@storybook/addon-docs": "^10.2.10",
     "@storybook/addon-links": "^10.2.10",
@@ -36,6 +43,7 @@
     "@storybook/react-vite": "^10.2.10",
     "@storybook/testing-library": "^0.2.2",
     "@types/react": "^18.3.28",
+    "@types/react-dom": "18.3.7",
     "@vitejs/plugin-react": "^5.1.4",
     "postcss": "^8.4.27",
     "react": "^18.3.1",

package/.nvmrc

@@ -1 +0,0 @@
-24.13.0

package/.storybook/main.ts

@@ -1,17 +0,0 @@
-import type { StorybookConfig } from "@storybook/react-vite";
-
-const config: StorybookConfig = {
-  stories: ["../src/**/*.stories.tsx"],
-
-  addons: [
-    "@storybook/addon-links",
-    "@storybook/addon-onboarding",
-    "@storybook/addon-docs"
-  ],
-
-  framework: {
-    name: "@storybook/react-vite",
-    options: {},
-  }
-};
-export default config;

package/.storybook/preview.ts

@@ -1,15 +0,0 @@
-import type { Preview } from "@storybook/react-vite";
-
-const preview: Preview = {
-  parameters: {
-    actions: { argTypesRegex: "^on[A-Z].*" },
-    controls: {
-      matchers: {
-        color: /(background|color)$/i,
-        date: /Date$/,
-      },
-    },
-  },
-};
-
-export default preview;

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

@@ -1,4 +0,0 @@
-export { CloseButton } from '../../../../core/components/buttons/close-button/CloseButton';
-export { SubmitButton } from '../../../../core/components/buttons/submit-button/SubmitButton';
-export { SelectButton } from './select-button/SelectButton';
-export { TabButton } from './tab-button/TabButton';

package/lib/components/FilterBar/components/buttons/select-button/SelectButton.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import './SelectButton.css';
-type Props = {
-    label: string;
-    onClick: () => void;
-    description: string;
-    active?: boolean;
-    disabled?: boolean;
-    ariaExpanded?: boolean;
-    ariaControls?: string;
-};
-export declare const SelectButton: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement>>;
-export {};

package/lib/components/FilterBar/components/buttons/tab-button/TabButton.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import './TabButton.css';
-type Props = {
-    onClick?: () => void;
-    label: string;
-    active?: boolean;
-    mode?: string;
-};
-export declare const TabButton: ({ onClick, label, active, mode }: Props) => React.JSX.Element;
-export {};

package/lib/components/FilterBar/components/cards/image-card/ImageCard.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import './ImageCard.css';
-type Props = {
-    title?: string;
-    description?: string | null;
-    imageUrl?: string | null;
-    isSelected: boolean;
-    onClick?: () => void;
-};
-export declare const ImageCard: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
-export {};

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

@@ -1 +0,0 @@
-export { ImageCard } from './image-card/ImageCard';

package/lib/components/FilterBar/components/categories/Categories.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import './Categories.css';
-type Props = {
-    categories: any;
-    setCategories: any;
-};
-export declare const Categories: ({ categories, setCategories }: Props) => React.JSX.Element;
-export {};

package/lib/components/FilterBar/components/common/FilterSectionHeader.d.ts

@@ -1,8 +0,0 @@
-import React, { ReactNode } from 'react';
-import './FilterSectionHeader.css';
-type Props = {
-    title: string;
-    action?: ReactNode;
-};
-export declare const FilterSectionHeader: ({ title, action }: Props) => React.JSX.Element;
-export {};

package/lib/components/FilterBar/components/dates/Dates.d.ts

@@ -1,17 +0,0 @@
-import React, { RefObject } from 'react';
-import { DateRange } from 'react-day-picker';
-import { DisableCalendarDates } from '../../../../core/components/calendar/CalendarTypes';
-import './Dates.css';
-type Props = {
-    ref: RefObject<HTMLDivElement>;
-    onClose?: () => void;
-    autoFocus?: boolean;
-    calendarRange: DateRange | undefined;
-    setCalendarRange: (range: DateRange | undefined) => void;
-    disableCalendarDates?: DisableCalendarDates;
-    selectedPath?: string;
-    language?: string;
-    filtersRef?: RefObject<HTMLDivElement>;
-};
-export declare const Dates: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export {};

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

@@ -1 +0,0 @@
-export { Dates } from './Dates';

package/lib/components/FilterBar/components/guests/GuestCount/GuestCount.d.ts

@@ -1,4 +0,0 @@
-import { FC } from 'react';
-import { GuestsCountPropsType } from '../../../FilterBarTypes';
-import './GuestCount.css';
-export declare const GuestCount: FC<GuestsCountPropsType>;

package/lib/components/FilterBar/components/guests/Guests.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { AgeCategoryCount, AgeCategoryType } from '../../FilterBarTypes';
-import './Guests.css';
-type Props = {
-    ageCategories: AgeCategoryType[];
-    updateGuestsCount: (arg1: string, arg2: number) => void;
-    ageCategoryCounts: AgeCategoryCount;
-    autoFocus?: boolean;
-    onClose?: () => void;
-};
-export declare const Guests: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
-export {};

package/lib/components/FilterBar/components/locations/Locations.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import './Locations.css';
-import { Location } from '../../FilterBarTypes';
-type Props = {
-    locations?: Location[];
-    language?: string;
-    selectedLocations: Location[];
-    setSelectedLocations: (locations: Location[]) => void;
-    autoFocus?: boolean;
-    multiSelect?: boolean;
-    onClose?: () => void;
-};
-export declare const Locations: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
-export {};

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

@@ -1,32 +0,0 @@
-import { DateRange } from 'react-day-picker';
-import { AgeCategoryCount, AgeCategoryType, Filters, Tab, Location } from '../FilterBarTypes';
-type Props = {
-    redirectUrl?: string;
-    ageCategories?: AgeCategoryType[];
-    onSubmit?: ((val: Filters) => void) | null;
-    tabs?: Tab[];
-    locations?: {
-        multiSelect: boolean;
-        data: Location[];
-    };
-};
-export declare const useFilterBar: ({ redirectUrl, ageCategories, onSubmit, tabs, locations, }: Props) => {
-    selectedFilter: string | boolean;
-    ageCategoryCounts: AgeCategoryCount;
-    categories: number;
-    calendarRange: DateRange | undefined;
-    selectedPath: string;
-    innerLoading: boolean;
-    selectedLocations: Location[];
-    setSelectedLocations: import("react").Dispatch<import("react").SetStateAction<Location[]>>;
-    setCalendarRange: import("react").Dispatch<import("react").SetStateAction<DateRange | undefined>>;
-    setSelectedFilter: import("react").Dispatch<import("react").SetStateAction<string | boolean>>;
-    setAgeCategoryCounts: import("react").Dispatch<import("react").SetStateAction<AgeCategoryCount>>;
-    setCategories: import("react").Dispatch<import("react").SetStateAction<number>>;
-    handleSelectedFilter: (id: string | boolean) => void;
-    handleSubmit: () => void;
-    updateGuestsCount: (id: string, newCount: number) => void;
-    handleResetFilters: () => void;
-    setSelectedPath: import("react").Dispatch<import("react").SetStateAction<string>>;
-};
-export {};

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

@@ -1,8 +0,0 @@
-export declare const useFilterUi: (selectedFilter: string | boolean) => {
-    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/utils/calculateDropdownPosition.d.ts

@@ -1,12 +0,0 @@
-import { CSSProperties, RefObject } from 'react';
-import { FilterSections } from '../FilterBarTypes';
-type CalculateDropdownPositionParams = {
-    filterSection: FilterSections;
-    headerRef: RefObject<HTMLDivElement>;
-    locationsButtonRef: RefObject<HTMLButtonElement>;
-    datesButtonRef: RefObject<HTMLButtonElement>;
-    guestsButtonRef: RefObject<HTMLButtonElement>;
-    isMobile: boolean;
-};
-export declare const calculateDropdownPosition: ({ filterSection, headerRef, locationsButtonRef, datesButtonRef, guestsButtonRef, isMobile, }: CalculateDropdownPositionParams) => CSSProperties;
-export {};

package/lib/components/FilterBar/utils/getLocalizedContent.d.ts

@@ -1,8 +0,0 @@
-import { LocaleTranslation } from '../FilterBarTypes';
-type Props = {
-    contents: LocaleTranslation;
-    locale: string;
-    fallbackLocale?: string;
-};
-export declare const getLocalizedContent: ({ contents, locale, fallbackLocale, }: Props) => string | undefined;
-export {};

package/lib/core/components/buttons/close-button/CloseButton.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import './CloseButton.css';
-interface CloseButtonPropsType {
-    handleClose: () => void;
-}
-export declare const CloseButton: ({ handleClose }: CloseButtonPropsType) => React.JSX.Element;
-export {};

package/lib/core/components/buttons/submit-button/SubmitButton.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { ReactNode } from 'react';
-import './SubmitButton.css';
-type SubmitButtonVariant = 'text' | 'full';
-type Props = {
-    onClick?: () => void;
-    startIcon?: ReactNode;
-    label?: string;
-    disabled?: boolean;
-    isLoading?: boolean;
-    variant?: SubmitButtonVariant;
-};
-export declare const SubmitButton: ({ onClick, startIcon, label, disabled, isLoading, variant, }: Props) => React.JSX.Element;
-export {};