searchsmartly-ui 0.0.16 → 0.0.21

package/README.md

@@ -8,12 +8,12 @@ npm dev
 
 Usage
 
-`"@searchsmartly/ui":<tag number>`
+`"searchsmartly-ui":<tag number>`
 
 Installation
 
 ```bash
-npm install @searchsmartly/ui@<tag number> --registry=https://npm.pkg.github.com --legacy-peer-deps
+npm install searchsmartly-ui@latest
 ```
 
 before merge (better remove dist folder and build it from scratch to avoid cache)
@@ -22,9 +22,18 @@ before merge (better remove dist folder and build it from scratch to avoid cache
 npm build
 ```
 
+Publish
+
+```bash
+npm build
+npm version patch
+npm publish
+```
+
 After build for now we need manually fix export types, now build export them in wrong way, i will find solution later
 
 example (we need like this in main index.d.ts):
+
 `export type ButtonProps = ButtonProps$1 & {
     shape?: 'lrect' | 'mrect' | 'srect' | 'square';
 };`

package/dist/index.d.ts

@@ -6,7 +6,7 @@ import * as react from 'react';
 import { FC, PropsWithChildren, ReactElement } from 'react';
 import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
 import * as _mui_material from '@mui/material';
-import { SxProps, Theme, BoxProps, StackProps } from '@mui/material';
+import { SxProps, Theme, BoxProps, StackProps, SvgIconProps } from '@mui/material';
 import { LazyLoadImageProps } from 'react-lazy-load-image-component';
 import { LazyLoadTypes } from 'react-slick';
 import { ChipProps } from '@mui/material/Chip/Chip';
@@ -76,12 +76,35 @@ interface CarouselInterface {
 }
 declare const SlickCarousel: FC<CarouselInterface>;
 
-interface TagProps extends ChipProps {
+export interface TagProps extends ChipProps {
     fontSize?: number;
     tooltip?: string;
 }
 declare const Tag: FC<TagProps>;
 
+declare const PropertyTag: FC<TagProps>;
+
+type Amenity = {
+    icon: ChipProps['icon'];
+    name: string;
+};
+declare const amenityTagConfig: Record<string, Amenity>;
+type Threshold = {
+    threshold: number;
+    getCopy: (amenity: string) => string;
+};
+type ThresholdsConfig = Record<string, Threshold>;
+declare const thresholds: ThresholdsConfig;
+type AmenityTag = {
+    id: string;
+    icon: ChipProps['icon'];
+    label: ChipProps['label'];
+};
+declare const getAmenityTags: (scores: Record<string, number>) => AmenityTag[];
+declare const AmenityTags: FC<{
+    scores: Record<string, number>;
+}>;
+
 type PropertyItemType = {
     displayable_address: string;
     price: number;
@@ -95,15 +118,20 @@ type PropertyItemType = {
 type ListProps<T extends PropertyItemType> = {
     title: string;
     currency?: string;
+    defaultPropertyCard?: boolean;
     properties: T[];
+    children?: ({ property }: {
+        property: T;
+    }) => ReactElement;
+    cardHeader?: (val: T) => void;
     disableCarousel?: boolean;
     loadMoreLoading?: boolean;
     onLoadMore?: () => void;
     onClickMapButton?: () => void;
 };
-declare const PropertiesList: <T extends PropertyItemType>({ currency, title, properties, disableCarousel, loadMoreLoading, onLoadMore, onClickMapButton, }: ListProps<T>) => react_jsx_runtime.JSX.Element;
+declare const PropertiesList: <T extends PropertyItemType>({ currency, title, properties, defaultPropertyCard, disableCarousel, cardHeader, loadMoreLoading, onLoadMore, onClickMapButton, children, }: ListProps<T>) => react_jsx_runtime.JSX.Element;
 
-type PropertyCardType<T extends PropertyItemType> = Omit<BoxProps, 'property'> & {
+export type PropertyCardType<T extends PropertyItemType> = Omit<BoxProps, 'property'> & {
     id?: string;
     currency?: string;
     isPopover?: boolean;
@@ -111,7 +139,7 @@ type PropertyCardType<T extends PropertyItemType> = Omit<BoxProps, 'property'> &
     tagColor?: ChipProps['color'];
     property: T;
     children?: ReactElement | ReactElement[];
-    header?: ReactElement | ReactElement[];
+    header?: (val: T) => void;
 };
 declare const PropertyCard: <T extends PropertyItemType>({ property, currency, id, disableCarousel, isPopover, children, header, tagColor, sx, }: PropertyCardType<T>) => react_jsx_runtime.JSX.Element;
 
@@ -125,6 +153,39 @@ declare const EmptyDefaultImage: FC<{
     sx?: SxProps$1<Theme$1>;
 }>;
 
+type BedroomsFormProps = {
+    selected?: number;
+    onClick: (value?: number) => void;
+};
+declare const BedroomsForm: FC<BedroomsFormProps>;
+
+type BudgetFormProps = {
+    minPrice?: number;
+    maxPrice?: number;
+    onSubmit: (minPrice?: number, maxPrice?: number) => void;
+};
+declare const BudgetForm: FC<BudgetFormProps>;
+
+declare const StarIcon: ({ sx, ...props }: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const ParksIcon: ({ sx, ...props }: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const RestaurantsIcon: ({ sx, ...props }: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const SchoolsIcon: ({ sx, ...props }: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const BeachesIcon: ({ sx, ...props }: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const BusIcon: ({ sx, ...props }: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const ShopIcon: ({ sx, ...props }: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const GymIcon: ({ sx, ...props }: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const BedIcon: ({ sx, ...props }: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const SearchsmartlyLogo: () => react_jsx_runtime.JSX.Element;
+
 declare const useResponsive: () => {
     isMobile: boolean;
     isTablet: boolean;
@@ -133,4 +194,4 @@ declare const useResponsive: () => {
 
 declare const ThemeProvider: FC<ThemeProviderProps>;
 
-export { BaseLayout, Button, CardImage, EmptyDefaultImage, LazyLoadImage, ListHeader, Onboarding, OnboardingStepLayout, Powered, PropertiesList, PropertyCard, type PropertyCardType, SlickCarousel, Tag, type TagProps, ThemeProvider, useResponsive };
+export { AmenityTags, BaseLayout, BeachesIcon, BedIcon, BedroomsForm, BudgetForm, BusIcon, Button, CardImage, EmptyDefaultImage, GymIcon, LazyLoadImage, ListHeader, Onboarding, OnboardingStepLayout, ParksIcon, Powered, PropertiesList, PropertyCard, PropertyTag, RestaurantsIcon, SchoolsIcon, SearchsmartlyLogo, ShopIcon, SlickCarousel, StarIcon, Tag, ThemeProvider, amenityTagConfig, getAmenityTags, thresholds, useResponsive };