@mindly/ui-components 5.22.0 → 5.24.0

package/dist/esm/lib2/shared/assets/icons/IconCancelRounded.d.ts

@@ -1,10 +1,9 @@
 import * as React from 'react';
-import { FC } from 'react';
 interface IconProps extends React.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
     className?: string;
     style?: React.CSSProperties;
 }
-export declare const IconCancelRounded: FC<IconProps>;
+export declare function IconCancelRounded({ color, size, ...other }: IconProps): JSX.Element;
 export {};

package/dist/esm/lib2/shared/hooks/useCircleRating.d.ts

@@ -1,5 +1,5 @@
-import { WithTranslation } from 'react-i18next';
-import { CircleRatingRange, CircleRatingDataProps, CircleRatingDataResult, ProgressRangeProps, BreakPointPositionResult, CircleRatingContextData } from '../types/ratingCircleTypes';
+import { SizeValues, CircleRatingRange, CircleRatingDataProps, CircleRatingDataResult, CircleRatingLegendProps, ProgressRangeProps, BreakPointPositionResult, CircleRatingContextData } from '../types/ratingCircleTypes';
+export declare const SIZES: SizeValues;
 export declare const BREAKPOINT_ICON_SIZE = 20;
 export declare function useCircleRatingRenderData({ progress, size, maxValue, isReverse, }: CircleRatingDataProps): CircleRatingDataResult;
 export declare function useRangeIndex({ progress, maxValue, ranges, isReverse }: ProgressRangeProps): number;
@@ -13,11 +13,12 @@ export declare function useBreakPointsPosition({ maxValue, breakPoints, radius,
     radius?: number;
     strokeWidth?: number;
 }): BreakPointPositionResult[];
-export declare function useRatingCircleLegend({ ranges, t, isReverse }: {
-    ranges: CircleRatingRange[];
-    t: WithTranslation['t'];
-    isReverse?: boolean;
-}): string[];
+export declare function useRatingCircleLegend({ ranges, t, isReverse, isPercentage, }: CircleRatingLegendProps): string[];
+export declare function useRatingCircleContentValue({ progress, isPercentage, decimal, }: {
+    progress: number;
+    isPercentage?: boolean;
+    decimal?: number;
+}): string;
 export declare function useRatingCircleBreakPoints({ ranges, maxValue, isReverse, }: {
     ranges: CircleRatingRange[];
     maxValue: number;

package/dist/esm/lib2/shared/types/ratingCircleTypes.d.ts

@@ -1,3 +1,4 @@
+import { WithTranslation } from 'react-i18next';
 export declare enum CircleRatingSize {
     'S' = "S",
     'M' = "M",
@@ -44,17 +45,25 @@ export type BreakPointPositionResult = {
     top: number;
     left: number;
 };
+export type CircleRatingLegendProps = {
+    ranges: CircleRatingRange[];
+    t: WithTranslation['t'];
+    isReverse?: boolean;
+    isPercentage?: boolean;
+};
 export type CircleRatingComponentProps = {
     size: keyof typeof CircleRatingSize;
     content?: CircleRatingContent | null;
     progress: number;
     ranges: CircleRatingRange[];
+    decimal?: number;
     isColorless?: boolean;
     isRatingDisabled?: boolean;
     isShowLegend?: boolean;
     isShowBreakPoints?: boolean;
     isReverse?: boolean;
     isZeroTransparent?: boolean;
+    className?: string;
 };
 export type CircleRatingContextProps = CircleRatingComponentProps & {
     legend?: string[];

package/dist/esm/lib2/shared/ui/ItemCard/styles.d.ts

@@ -1,50 +1,64 @@
 export declare const itemCardStyles: import("tailwind-variants").TVReturnType<{
     variant: {
-        neutral: "bg-color-background-anti-flash-light";
+        neutral: "bg-color-background-anti-flash-light rounded-[30px]";
+        transparent: "bg-transparent rounded-[24px] border border-color-black border-opacity-35";
     };
     size: {
-        M: "p-5 rounded-[30px]";
+        M: "p-5";
+        M4: "p-4";
     };
 }, undefined, "", import("tailwind-variants/dist/config").TVConfig<{
     variant: {
-        neutral: "bg-color-background-anti-flash-light";
+        neutral: "bg-color-background-anti-flash-light rounded-[30px]";
+        transparent: "bg-transparent rounded-[24px] border border-color-black border-opacity-35";
     };
     size: {
-        M: "p-5 rounded-[30px]";
+        M: "p-5";
+        M4: "p-4";
     };
 }, {
     variant: {
-        neutral: "bg-color-background-anti-flash-light";
+        neutral: "bg-color-background-anti-flash-light rounded-[30px]";
+        transparent: "bg-transparent rounded-[24px] border border-color-black border-opacity-35";
     };
     size: {
-        M: "p-5 rounded-[30px]";
+        M: "p-5";
+        M4: "p-4";
     };
 }>, {
     variant: {
-        neutral: "bg-color-background-anti-flash-light";
+        neutral: "bg-color-background-anti-flash-light rounded-[30px]";
+        transparent: "bg-transparent rounded-[24px] border border-color-black border-opacity-35";
     };
     size: {
-        M: "p-5 rounded-[30px]";
+        M: "p-5";
+        M4: "p-4";
     };
 }, undefined, import("tailwind-variants").TVReturnType<{
     variant: {
-        neutral: "bg-color-background-anti-flash-light";
+        neutral: "bg-color-background-anti-flash-light rounded-[30px]";
+        transparent: "bg-transparent rounded-[24px] border border-color-black border-opacity-35";
     };
     size: {
-        M: "p-5 rounded-[30px]";
+        M: "p-5";
+        M4: "p-4";
     };
 }, undefined, "", import("tailwind-variants/dist/config").TVConfig<{
     variant: {
-        neutral: "bg-color-background-anti-flash-light";
+        neutral: "bg-color-background-anti-flash-light rounded-[30px]";
+        transparent: "bg-transparent rounded-[24px] border border-color-black border-opacity-35";
     };
     size: {
-        M: "p-5 rounded-[30px]";
+        M: "p-5";
+        M4: "p-4";
     };
 }, {
     variant: {
-        neutral: "bg-color-background-anti-flash-light";
+        neutral: "bg-color-background-anti-flash-light rounded-[30px]";
+        transparent: "bg-transparent rounded-[24px] border border-color-black border-opacity-35";
     };
     size: {
-        M: "p-5 rounded-[30px]";
+        M: "p-5";
+        M4: "p-4";
     };
 }>, unknown, unknown, undefined>>;

package/dist/esm/lib2/shared/ui/ItemCard/types.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-export type ItemCardVariants = 'neutral';
+export type ItemCardVariants = 'neutral' | 'transparent';
 export type ItemCardProps = React.ComponentPropsWithoutRef<'div'> & {
     variant: ItemCardVariants;
-    size?: 'M';
+    size?: 'M' | 'M4';
 };

package/dist/index.d.ts

@@ -1512,10 +1512,10 @@ type BadgeProps = React.ComponentPropsWithoutRef<'span'> & {
 
 declare const _default$9: React.NamedExoticComponent<BadgeProps>;
 
-type ItemCardVariants = 'neutral';
+type ItemCardVariants = 'neutral' | 'transparent';
 type ItemCardProps = React.ComponentPropsWithoutRef<'div'> & {
     variant: ItemCardVariants;
-    size?: 'M';
+    size?: 'M' | 'M4';
 };
 
 declare const _default$8: React.NamedExoticComponent<ItemCardProps>;
@@ -1604,6 +1604,9 @@ declare enum CircleRatingSize {
     'M' = "M",
     'L' = "L"
 }
+type SizeValues = {
+    [size in CircleRatingSize]: number;
+};
 type CircleRatingContent = {
     text?: string;
     isPercentage?: boolean;
@@ -1637,17 +1640,25 @@ type BreakPointPositionResult = {
     top: number;
     left: number;
 };
+type CircleRatingLegendProps = {
+    ranges: CircleRatingRange[];
+    t: WithTranslation['t'];
+    isReverse?: boolean;
+    isPercentage?: boolean;
+};
 type CircleRatingComponentProps = {
     size: keyof typeof CircleRatingSize;
     content?: CircleRatingContent | null;
     progress: number;
     ranges: CircleRatingRange[];
+    decimal?: number;
     isColorless?: boolean;
     isRatingDisabled?: boolean;
     isShowLegend?: boolean;
     isShowBreakPoints?: boolean;
     isReverse?: boolean;
     isZeroTransparent?: boolean;
+    className?: string;
 };
 type CircleRatingContextProps = CircleRatingComponentProps & {
     legend?: string[];
@@ -1769,6 +1780,7 @@ declare function useAutoFocus<T extends InputRefType>(): React.RefObject<T>;
 
 declare function useToastContext(): ToastState<MindlyToastProps>;
 
+declare const SIZES: SizeValues;
 declare const BREAKPOINT_ICON_SIZE = 20;
 declare function useCircleRatingRenderData({ progress, size, maxValue, isReverse, }: CircleRatingDataProps): CircleRatingDataResult;
 declare function useRangeIndex({ progress, maxValue, ranges, isReverse }: ProgressRangeProps): number;
@@ -1782,11 +1794,12 @@ declare function useBreakPointsPosition({ maxValue, breakPoints, radius, strokeW
     radius?: number;
     strokeWidth?: number;
 }): BreakPointPositionResult[];
-declare function useRatingCircleLegend({ ranges, t, isReverse }: {
-    ranges: CircleRatingRange[];
-    t: WithTranslation['t'];
-    isReverse?: boolean;
-}): string[];
+declare function useRatingCircleLegend({ ranges, t, isReverse, isPercentage, }: CircleRatingLegendProps): string[];
+declare function useRatingCircleContentValue({ progress, isPercentage, decimal, }: {
+    progress: number;
+    isPercentage?: boolean;
+    decimal?: number;
+}): string;
 declare function useRatingCircleBreakPoints({ ranges, maxValue, isReverse, }: {
     ranges: CircleRatingRange[];
     maxValue: number;
@@ -1993,7 +2006,7 @@ interface IconProps extends React.SVGAttributes<SVGElement> {
     className?: string;
     style?: React.CSSProperties;
 }
-declare const IconCancelRounded: FC<IconProps>;
+declare function IconCancelRounded({ color, size, ...other }: IconProps): JSX.Element;
 
 declare const IconUserNotFound: (props: SVGProps<SVGSVGElement>) => JSX.Element;
 
@@ -2100,4 +2113,4 @@ type PushNotificationsIsDisabledBannerProps = {
 
 declare function PushNotificationsIsDisabledBanner({ onOpenNativeSettings, className, title, description, buttonText, }: PushNotificationsIsDisabledBannerProps): JSX.Element;
 
-export { AppFooter, _default$e as AppFooter_v2, AppHeader, AppHeader_v2, ArchivedConsultationCard, Avatar, AvatarProps$1 as AvatarProps, _default$d as Avatar_v2, BREAKPOINT_ICON_SIZE, _default$9 as Badge, _default$s as BookingScheduleTime, _default$r as BookingSpecialistInfo, Button, Button_v2, Calendar, CancelSession, CardModal, ChangeLangModal, ChangeLanguageModal, _default$N as ChatListItem, _default$L as ChatListSkeleton, _default$M as ChatMessage, ChatMessageSkeleton, _default$m as CheckboxList, CheckboxListCategory, CheckboxListItem, CheckboxTypes, ChevronHeader, CircleRatingContext, CircleRatingProvider, _default$E as ConsultationCard, ConsultationCardProps, ConsultationCardType, _default$B as ConsultationModal, _default$z as ConsultationSpecialistCard, Container, Container_v2, ContentCard, CountryOfOriginModal, CustomButton, _default$n as CustomCheckbox, CustomRadioButton, _default$o as CustomSelect, _default$p as CustomTextarea, DatePicker, _default$x as DaySlider, DayToRender, _default$t as EducationCard, _default$K as EmptyChatList, EmptyChatMessages, _default$C as EmptyConsultations, EntryNotFound, EntryNotFoundProps, _default$j as Flag, FlagTypes, _default$b as Flag_v2, FloatingButton, FooterForBooking, FrequentlyAskedQuestions, HorizontalCalendar, HorizontalCalendarProps, ISpecialistReview, IconApple, IconArrowDown, IconArrowLeft, IconArrowRight, IconBeachAccess, IconBookmark, _default$5 as IconButton, IconCalendar, IconCalendarFilled, IconCalendarMonth, IconCancel, IconCancelRounded, IconCapFilled, IconChat3d, IconChatFilled, IconChatOutline, IconCheck, IconCheckSmall, IconCheckboxChecked, IconCheckboxUnchecked, IconClient, IconClientFilled, IconClose, IconCreditCard, IconEditCalendar, IconEye, IconEyeOff, IconGift, IconGoogle, IconInvisible, IconLanguage, IconLeftArrow, IconLetter, IconLogout, IconNotificationMuted, IconPaid, IconPaper, IconPause, IconPlus, IconProfileChecked, IconProfileCircle, IconProfileSetting, IconProfileUnderReview, IconQuestion, IconResume, IconSearch, IconSettings, IconSpinner, IconStar, IconStarFilled, IconSuccess, IconTime, IconUserNotFound, IconVerifiedUser, IconVisible, IconWarning, ImageInput, ImageWithFallback, ImpressionEmojiEnum, Input, _default$1 as Item, _default$8 as ItemCard, LanguagesList, _default$R as LetterAvatar, _default$k as LineFileInput, ListBox, ListBoxItem, ListButton, ListItemType, _default$2 as ListItems, ListOption, ListSelect, ListSelectProps, _default$3 as Loading, LouseConnect, _default$O as MediaPlayer, Modal, ModalCalendar, ModalSheet, NavigationBar, NoInternetConnection, NotSupportModal, NotesCardText, NotesEditor, PasswordInput, _default$Q as PersonDateTimeCard, _default$a as Picture, _default$i as ProfileInformation, _default$v as ProfileView, _default$l as ProgressBar, _default$4 as ProgressBar_v2, PushNotificationsIsDisabledBanner, PushNotificationsModal, Range, _default$6 as Rating, RatingCircleWrapper, _default$y as ReSchedule, ReScheduleSuccess, Refresher, ReviewCard, ReviewStatistics, ReviewSwiperSection, RoundButton, RowItemType, RowSelect, RowSelectProps, ScreenInput, ScrollTabs, SectionHeading, Segment, SegmentColor, SegmentType, _default$P as SelectImpressionEmoji, _default$D as SignUpSessionButton, _default$A as SignUpSessionModal, Skeleton, _default$c as Skeleton_v2, _default as SlotsGrid, _default$u as SpecialistAbout, SpecialistCard, _default$I as SpecialistEducationCard, SpecialistLangs, _default$h as SpecialistMatch, _default$H as SpecialistProfileViewCard, _default$g as SpecialistStatistic, SpecialistStatisticsCard, SpecialistWorkDirections, Spinner, Spinner_v2, StarRating, StatisticsScroll, StatusTag, SuccessScreen, SwitchDeviceCard, TabBar, Tag, _default$q as TextInput, _default$J as Textarea, _default$7 as Textarea_v2, ThemeProvider, ThemeProviderProps, TherapistCard, TherapistInformationComponent, Toast, ToastButton, ToastContext, ToastProps, ToastProvider, ToastRegion, Toggle, TooltipComponent, _default$f as Typography, TypographyVariantsEnum, UpdatesCard, UserInfoModal, UsersPsychologistScrollList, VerticalCalendar, VerticalCalendarMonthSkeleton, VerticalCalendarSkeleton, _default$F as VideoCallInfo, _default$G as VideoPlayer, _default$w as WorkDirections, YourLocalTimeBlock, appThemes, decOfNum, getProgressForBreakPoint, mergeRefs, toast, useAutoFocus, useBreakPointsPosition, useCircleRatingRenderData, useDomRef, useEvent, useRangeIndex, useRatingCircleBreakPoints, useRatingCircleLegend, useRatingContext, useToastContext };
+export { AppFooter, _default$e as AppFooter_v2, AppHeader, AppHeader_v2, ArchivedConsultationCard, Avatar, AvatarProps$1 as AvatarProps, _default$d as Avatar_v2, BREAKPOINT_ICON_SIZE, _default$9 as Badge, _default$s as BookingScheduleTime, _default$r as BookingSpecialistInfo, Button, Button_v2, Calendar, CancelSession, CardModal, ChangeLangModal, ChangeLanguageModal, _default$N as ChatListItem, _default$L as ChatListSkeleton, _default$M as ChatMessage, ChatMessageSkeleton, _default$m as CheckboxList, CheckboxListCategory, CheckboxListItem, CheckboxTypes, ChevronHeader, CircleRatingContext, CircleRatingProvider, _default$E as ConsultationCard, ConsultationCardProps, ConsultationCardType, _default$B as ConsultationModal, _default$z as ConsultationSpecialistCard, Container, Container_v2, ContentCard, CountryOfOriginModal, CustomButton, _default$n as CustomCheckbox, CustomRadioButton, _default$o as CustomSelect, _default$p as CustomTextarea, DatePicker, _default$x as DaySlider, DayToRender, _default$t as EducationCard, _default$K as EmptyChatList, EmptyChatMessages, _default$C as EmptyConsultations, EntryNotFound, EntryNotFoundProps, _default$j as Flag, FlagTypes, _default$b as Flag_v2, FloatingButton, FooterForBooking, FrequentlyAskedQuestions, HorizontalCalendar, HorizontalCalendarProps, ISpecialistReview, IconApple, IconArrowDown, IconArrowLeft, IconArrowRight, IconBeachAccess, IconBookmark, _default$5 as IconButton, IconCalendar, IconCalendarFilled, IconCalendarMonth, IconCancel, IconCancelRounded, IconCapFilled, IconChat3d, IconChatFilled, IconChatOutline, IconCheck, IconCheckSmall, IconCheckboxChecked, IconCheckboxUnchecked, IconClient, IconClientFilled, IconClose, IconCreditCard, IconEditCalendar, IconEye, IconEyeOff, IconGift, IconGoogle, IconInvisible, IconLanguage, IconLeftArrow, IconLetter, IconLogout, IconNotificationMuted, IconPaid, IconPaper, IconPause, IconPlus, IconProfileChecked, IconProfileCircle, IconProfileSetting, IconProfileUnderReview, IconQuestion, IconResume, IconSearch, IconSettings, IconSpinner, IconStar, IconStarFilled, IconSuccess, IconTime, IconUserNotFound, IconVerifiedUser, IconVisible, IconWarning, ImageInput, ImageWithFallback, ImpressionEmojiEnum, Input, _default$1 as Item, _default$8 as ItemCard, LanguagesList, _default$R as LetterAvatar, _default$k as LineFileInput, ListBox, ListBoxItem, ListButton, ListItemType, _default$2 as ListItems, ListOption, ListSelect, ListSelectProps, _default$3 as Loading, LouseConnect, _default$O as MediaPlayer, Modal, ModalCalendar, ModalSheet, NavigationBar, NoInternetConnection, NotSupportModal, NotesCardText, NotesEditor, PasswordInput, _default$Q as PersonDateTimeCard, _default$a as Picture, _default$i as ProfileInformation, _default$v as ProfileView, _default$l as ProgressBar, _default$4 as ProgressBar_v2, PushNotificationsIsDisabledBanner, PushNotificationsModal, Range, _default$6 as Rating, RatingCircleWrapper, _default$y as ReSchedule, ReScheduleSuccess, Refresher, ReviewCard, ReviewStatistics, ReviewSwiperSection, RoundButton, RowItemType, RowSelect, RowSelectProps, SIZES, ScreenInput, ScrollTabs, SectionHeading, Segment, SegmentColor, SegmentType, _default$P as SelectImpressionEmoji, _default$D as SignUpSessionButton, _default$A as SignUpSessionModal, Skeleton, _default$c as Skeleton_v2, _default as SlotsGrid, _default$u as SpecialistAbout, SpecialistCard, _default$I as SpecialistEducationCard, SpecialistLangs, _default$h as SpecialistMatch, _default$H as SpecialistProfileViewCard, _default$g as SpecialistStatistic, SpecialistStatisticsCard, SpecialistWorkDirections, Spinner, Spinner_v2, StarRating, StatisticsScroll, StatusTag, SuccessScreen, SwitchDeviceCard, TabBar, Tag, _default$q as TextInput, _default$J as Textarea, _default$7 as Textarea_v2, ThemeProvider, ThemeProviderProps, TherapistCard, TherapistInformationComponent, Toast, ToastButton, ToastContext, ToastProps, ToastProvider, ToastRegion, Toggle, TooltipComponent, _default$f as Typography, TypographyVariantsEnum, UpdatesCard, UserInfoModal, UsersPsychologistScrollList, VerticalCalendar, VerticalCalendarMonthSkeleton, VerticalCalendarSkeleton, _default$F as VideoCallInfo, _default$G as VideoPlayer, _default$w as WorkDirections, YourLocalTimeBlock, appThemes, decOfNum, getProgressForBreakPoint, mergeRefs, toast, useAutoFocus, useBreakPointsPosition, useCircleRatingRenderData, useDomRef, useEvent, useRangeIndex, useRatingCircleBreakPoints, useRatingCircleContentValue, useRatingCircleLegend, useRatingContext, useToastContext };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindly/ui-components",
-  "version": "5.22.0",
+  "version": "5.24.0",
   "private": false,
   "scripts": {
     "clean": "rimraf dist",