searchsmartly-ui 0.0.30 → 0.0.37

package/dist/index.d.ts

@@ -3,15 +3,16 @@ import * as _emotion_styled from '@emotion/styled';
 import * as _mui_system from '@mui/system';
 import { SxProps as SxProps$1 } from '@mui/system';
 import * as react from 'react';
-import { FC, PropsWithChildren, ReactElement, MouseEvent } from 'react';
+import { FC, PropsWithChildren, ReactElement, MouseEvent, ReactNode, ComponentType, Component, ErrorInfo } from 'react';
 import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
 import * as _mui_material from '@mui/material';
-import { SxProps, Theme, BoxProps, StackProps, SvgIconProps } from '@mui/material';
+import { SxProps, Theme, BoxProps, StackProps, SvgIconProps, ButtonProps } from '@mui/material';
 import { LazyLoadImageProps } from 'react-lazy-load-image-component';
 import { LazyLoadTypes } from 'react-slick';
 import { ChipProps } from '@mui/material/Chip/Chip';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Theme as Theme$1 } from '@mui/material/styles';
+import { TransitionProps } from '@mui/material/transitions';
 import { ThemeProviderProps } from '@mui/material/styles/ThemeProvider';
 
 declare const Button: _emotion_styled.StyledComponent<_mui_material.ButtonOwnProps & Omit<_mui_material.ButtonBaseOwnProps, "classes"> & _mui_material_OverridableComponent.CommonProps & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
@@ -122,19 +123,24 @@ type PropertyItemType = {
 
 type ListProps<T extends PropertyItemType> = {
     title: string;
-    currency?: string;
+    totalCount?: number;
     defaultPropertyCard?: boolean;
     properties: T[];
+    badgeContent?: ReactNode;
     children?: ({ property }: {
         property: T;
     }) => ReactElement;
+    renderItem?: ({ property }: {
+        property: T;
+    }, index: number) => ReactElement;
     cardHeader?: (val: T) => void;
     disableCarousel?: boolean;
     loadMoreLoading?: boolean;
     onLoadMore?: () => void;
     onClickMapButton?: () => void;
+    onClickFilters?: () => void;
 };
-declare const PropertiesList: <T extends PropertyItemType>({ currency, title, properties, defaultPropertyCard, disableCarousel, cardHeader, loadMoreLoading, onLoadMore, onClickMapButton, children, }: ListProps<T>) => react_jsx_runtime.JSX.Element;
+declare const PropertiesList: <T extends PropertyItemType>({ title, badgeContent, properties, loadMoreLoading, onLoadMore, totalCount, onClickMapButton, renderItem, onClickFilters, }: ListProps<T>) => react_jsx_runtime.JSX.Element;
 
 type PropertyCardType<T extends PropertyItemType> = Omit<BoxProps, 'property'> & {
     id?: string;
@@ -144,13 +150,18 @@ type PropertyCardType<T extends PropertyItemType> = Omit<BoxProps, 'property'> &
     tagColor?: ChipProps['color'];
     property: T;
     children?: ReactElement | ReactElement[];
-    header?: (val: T) => void;
+    header?: ReactElement;
 };
 declare const PropertyCard: <T extends PropertyItemType>({ property, currency, id, disableCarousel, isPopover, children, header, tagColor, sx, }: PropertyCardType<T>) => react_jsx_runtime.JSX.Element;
 
-declare const ListHeader: FC<{
+type ListHeaderProps = {
     title: string;
-}>;
+    totalCount?: number;
+    small?: boolean;
+    badgeContent?: ReactNode;
+    onClickFilters?: () => void;
+};
+declare const ListHeader: FC<ListHeaderProps>;
 
 declare const Powered: FC<StackProps>;
 
@@ -173,6 +184,40 @@ type BudgetFormProps = {
 declare const formatPrice: (price: string | number) => string;
 declare const BudgetForm: FC<BudgetFormProps>;
 
+type RentBuyFormProps = {
+    selected?: string;
+    options?: {
+        label: string;
+        value: string;
+    }[];
+    title?: string;
+    onChange: (val: string) => void;
+};
+declare const RentBuyForm: FC<RentBuyFormProps>;
+
+type PropertyTypeFormProps = {
+    selected?: string[];
+    options?: {
+        label: string;
+        value: string;
+    }[];
+    title?: string;
+    onChange: (val: (string | undefined)[]) => void;
+};
+declare const PropertyTypeForm: FC<PropertyTypeFormProps>;
+
+type LifestyleFormProps = {
+    selected?: (string | undefined)[];
+    options?: {
+        label: string;
+        value: string;
+        icon: ComponentType<SvgIconProps>;
+    }[];
+    title?: string;
+    onChange: (val: (string | undefined)[]) => void;
+};
+declare const LifestyleForm: FC<LifestyleFormProps>;
+
 declare const StarIcon: ({ sx, ...props }: SvgIconProps) => react_jsx_runtime.JSX.Element;
 
 declare const ParksIcon: ({ sx, ...props }: SvgIconProps) => react_jsx_runtime.JSX.Element;
@@ -193,12 +238,131 @@ declare const BedIcon: ({ sx, ...props }: SvgIconProps) => react_jsx_runtime.JSX
 
 declare const SearchsmartlyLogo: () => react_jsx_runtime.JSX.Element;
 
+declare const FiltersIcon: ({ ...props }: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+type FilterButtonProps = {
+    small?: boolean;
+    badgeContent?: ReactNode;
+    onClick?: () => void;
+} & ButtonProps;
+declare const FilterButton: FC<FilterButtonProps>;
+
+type ModalsProps = {
+    payload?: Record<any, any> | undefined;
+    DialogProps: {
+        open: boolean;
+        [key: string]: any;
+    };
+    handleModalReject?: (val?: any) => void;
+    handleModalResolve: (val?: any) => void;
+};
+
+interface FormProps {
+    filters: Record<string, unknown>;
+    onSubmit: (val?: Record<string, unknown> | undefined) => void;
+    children: (props: {
+        onSubmit: (val?: Record<string, unknown> | undefined) => void;
+    }) => ReactNode;
+}
+interface FiltersModalProps extends ModalsProps {
+    payload: {
+        Form: FC<FormProps>;
+        filters: Record<string, unknown>;
+    };
+}
+declare const FiltersModal: FC<FiltersModalProps>;
+
+interface FooterButtonsInterface {
+    isValid?: boolean;
+    isSubmitting?: boolean;
+    count?: number;
+    onSubmit: () => void;
+}
+declare const FooterButtons: FC<FooterButtonsInterface>;
+
+interface ModalsContextProps {
+    globalValues: any;
+    modals: any[];
+    setGlobalValues: (val: any) => void;
+    deleteModal: (val: any[]) => void;
+    addModal: (val: {
+        [p: string]: any;
+        ModalComponent: any;
+    }) => void;
+    openModal: (val: {
+        [p: string]: any;
+        ModalComponent: any;
+    }) => void;
+}
+declare const ModalsContext: react.Context<ModalsContextProps>;
+type ModalsProviderProps = {
+    children: ReactNode;
+    pathname?: string;
+};
+declare const ModalsProvider: ({ pathname, children }: ModalsProviderProps) => react_jsx_runtime.JSX.Element;
+
+type ModalBaseProps = {
+    modalID: number;
+    open?: boolean;
+    payload?: Record<string, any>;
+    DialogProps?: Record<string, any>;
+    ModalComponent: any;
+    onModalResolved: (val: any) => void;
+    onModalRejected: (val: any) => void;
+    onModalExited: (val: any) => void;
+    [key: string]: any;
+};
+declare const ModalBase: FC<ModalBaseProps>;
+
+declare const Transition: react.ForwardRefExoticComponent<TransitionProps & {
+    children: ReactElement<any, any>;
+} & react.RefAttributes<unknown>>;
+
+type LoaderProps = {
+    loading?: boolean;
+    color?: string;
+    render: () => ReactNode;
+};
+declare const Loader: FC<LoaderProps>;
+
+interface Props {
+    children?: ReactNode;
+}
+interface State {
+    hasError: boolean;
+}
+declare class ErrorBoundary extends Component<Props, State> {
+    constructor(props: any);
+    static getDerivedStateFromError(_: Error): {
+        hasError: boolean;
+    };
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): string | number | boolean | Iterable<ReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
+}
+
 declare const useResponsive: () => {
     isMobile: boolean;
     isTablet: boolean;
     isDesktop: boolean;
 };
 
+declare const useModal: () => {
+    openModal: (ModalComponent: ComponentType<ModalsProps>, props?: Record<string, any>) => void;
+    openSingleModal: (ModalComponent: ComponentType<ModalsProps>, props?: Record<string, any>) => void;
+};
+
 declare const ThemeProvider: FC<ThemeProviderProps>;
 
-export { AmenityTags, BaseLayout, BeachesIcon, BedIcon, BedroomsForm, BudgetForm, BusIcon, Button, CardImage, EmptyDefaultImage, GymIcon, LazyLoadImage, ListHeader, Onboarding, OnboardingStepLayout, ParksIcon, Powered, PropertiesList, PropertyCard, type PropertyCardType, PropertyTag, RestaurantsIcon, SchoolsIcon, SearchsmartlyLogo, ShopIcon, SlickCarousel, StarIcon, Tag, type TagProps, ThemeProvider, amenityTagConfig, formatPrice, getAmenityTags, thresholds, useResponsive };
+declare const pluralize: (count: number, noun: string, suffix?: string) => string;
+
+declare const currencyFormatterProperty: (price: number, currency?: string) => string;
+
+declare const renderPlural: (word: string, number: number) => string;
+declare const getBedroomsText: ({ bedrooms, isShared, disablePlural, isShort }: {
+    bedrooms?: number | undefined;
+    isShared?: boolean | undefined;
+    disablePlural?: boolean | undefined;
+    isShort?: boolean | undefined;
+}) => string;
+
+export { AmenityTags, BaseLayout, BeachesIcon, BedIcon, BedroomsForm, BudgetForm, BusIcon, Button, CardImage, EmptyDefaultImage, ErrorBoundary, FilterButton, FiltersIcon, FiltersModal, FooterButtons, GymIcon, LazyLoadImage, LifestyleForm, type LifestyleFormProps, ListHeader, Loader, ModalBase, ModalsContext, ModalsProvider, Onboarding, OnboardingStepLayout, ParksIcon, Powered, PropertiesList, PropertyCard, type PropertyCardType, PropertyTag, PropertyTypeForm, type PropertyTypeFormProps, RentBuyForm, type RentBuyFormProps, RestaurantsIcon, SchoolsIcon, SearchsmartlyLogo, ShopIcon, SlickCarousel, StarIcon, Tag, type TagProps, ThemeProvider, Transition, amenityTagConfig, currencyFormatterProperty, formatPrice, getAmenityTags, getBedroomsText, pluralize, renderPlural, thresholds, useModal, useResponsive };