@mindly/ui-components 5.22.0 → 5.23.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +2 -2
- package/dist/cjs/lib2/shared/assets/icons/IconCancelRounded.d.ts +1 -2
- package/dist/cjs/lib2/shared/hooks/useCircleRating.d.ts +8 -7
- package/dist/cjs/lib2/shared/types/ratingCircleTypes.d.ts +9 -0
- package/dist/esm/index.js +2 -2
- package/dist/esm/lib2/shared/assets/icons/IconCancelRounded.d.ts +1 -2
- package/dist/esm/lib2/shared/hooks/useCircleRating.d.ts +8 -7
- package/dist/esm/lib2/shared/types/ratingCircleTypes.d.ts +9 -0
- package/dist/index.d.ts +20 -7
- package/package.json +1 -1
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { FC } from 'react';
|
|
3
2
|
interface IconProps extends React.SVGAttributes<SVGElement> {
|
|
4
3
|
size?: number | string;
|
|
5
4
|
color?: string;
|
|
6
5
|
className?: string;
|
|
7
6
|
style?: React.CSSProperties;
|
|
8
7
|
}
|
|
9
|
-
export declare
|
|
8
|
+
export declare function IconCancelRounded({ color, size, ...other }: IconProps): JSX.Element;
|
|
10
9
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
1
|
+
import { SizeValues, CircleRatingRange, CircleRatingDataProps, CircleRatingDataResult, CircleRatingLegendProps, ProgressRangeProps, BreakPointPositionResult, CircleRatingContextData } from '../types/ratingCircleTypes';
|
|
2
|
+
export declare const SIZES: SizeValues;
|
|
3
3
|
export declare const BREAKPOINT_ICON_SIZE = 20;
|
|
4
4
|
export declare function useCircleRatingRenderData({ progress, size, maxValue, isReverse, }: CircleRatingDataProps): CircleRatingDataResult;
|
|
5
5
|
export declare function useRangeIndex({ progress, maxValue, ranges, isReverse }: ProgressRangeProps): number;
|
|
@@ -13,11 +13,12 @@ export declare function useBreakPointsPosition({ maxValue, breakPoints, radius,
|
|
|
13
13
|
radius?: number;
|
|
14
14
|
strokeWidth?: number;
|
|
15
15
|
}): BreakPointPositionResult[];
|
|
16
|
-
export declare function useRatingCircleLegend({ ranges, t, isReverse }:
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
16
|
+
export declare function useRatingCircleLegend({ ranges, t, isReverse, isPercentage, }: CircleRatingLegendProps): string[];
|
|
17
|
+
export declare function useRatingCircleContentValue({ progress, isPercentage, decimal, }: {
|
|
18
|
+
progress: number;
|
|
19
|
+
isPercentage?: boolean;
|
|
20
|
+
decimal?: number;
|
|
21
|
+
}): string;
|
|
21
22
|
export declare function useRatingCircleBreakPoints({ ranges, maxValue, isReverse, }: {
|
|
22
23
|
ranges: CircleRatingRange[];
|
|
23
24
|
maxValue: number;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { WithTranslation } from 'react-i18next';
|
|
1
2
|
export declare enum CircleRatingSize {
|
|
2
3
|
'S' = "S",
|
|
3
4
|
'M' = "M",
|
|
@@ -44,17 +45,25 @@ export type BreakPointPositionResult = {
|
|
|
44
45
|
top: number;
|
|
45
46
|
left: number;
|
|
46
47
|
};
|
|
48
|
+
export type CircleRatingLegendProps = {
|
|
49
|
+
ranges: CircleRatingRange[];
|
|
50
|
+
t: WithTranslation['t'];
|
|
51
|
+
isReverse?: boolean;
|
|
52
|
+
isPercentage?: boolean;
|
|
53
|
+
};
|
|
47
54
|
export type CircleRatingComponentProps = {
|
|
48
55
|
size: keyof typeof CircleRatingSize;
|
|
49
56
|
content?: CircleRatingContent | null;
|
|
50
57
|
progress: number;
|
|
51
58
|
ranges: CircleRatingRange[];
|
|
59
|
+
decimal?: number;
|
|
52
60
|
isColorless?: boolean;
|
|
53
61
|
isRatingDisabled?: boolean;
|
|
54
62
|
isShowLegend?: boolean;
|
|
55
63
|
isShowBreakPoints?: boolean;
|
|
56
64
|
isReverse?: boolean;
|
|
57
65
|
isZeroTransparent?: boolean;
|
|
66
|
+
className?: string;
|
|
58
67
|
};
|
|
59
68
|
export type CircleRatingContextProps = CircleRatingComponentProps & {
|
|
60
69
|
legend?: string[];
|
package/dist/index.d.ts
CHANGED
|
@@ -1604,6 +1604,9 @@ declare enum CircleRatingSize {
|
|
|
1604
1604
|
'M' = "M",
|
|
1605
1605
|
'L' = "L"
|
|
1606
1606
|
}
|
|
1607
|
+
type SizeValues = {
|
|
1608
|
+
[size in CircleRatingSize]: number;
|
|
1609
|
+
};
|
|
1607
1610
|
type CircleRatingContent = {
|
|
1608
1611
|
text?: string;
|
|
1609
1612
|
isPercentage?: boolean;
|
|
@@ -1637,17 +1640,25 @@ type BreakPointPositionResult = {
|
|
|
1637
1640
|
top: number;
|
|
1638
1641
|
left: number;
|
|
1639
1642
|
};
|
|
1643
|
+
type CircleRatingLegendProps = {
|
|
1644
|
+
ranges: CircleRatingRange[];
|
|
1645
|
+
t: WithTranslation['t'];
|
|
1646
|
+
isReverse?: boolean;
|
|
1647
|
+
isPercentage?: boolean;
|
|
1648
|
+
};
|
|
1640
1649
|
type CircleRatingComponentProps = {
|
|
1641
1650
|
size: keyof typeof CircleRatingSize;
|
|
1642
1651
|
content?: CircleRatingContent | null;
|
|
1643
1652
|
progress: number;
|
|
1644
1653
|
ranges: CircleRatingRange[];
|
|
1654
|
+
decimal?: number;
|
|
1645
1655
|
isColorless?: boolean;
|
|
1646
1656
|
isRatingDisabled?: boolean;
|
|
1647
1657
|
isShowLegend?: boolean;
|
|
1648
1658
|
isShowBreakPoints?: boolean;
|
|
1649
1659
|
isReverse?: boolean;
|
|
1650
1660
|
isZeroTransparent?: boolean;
|
|
1661
|
+
className?: string;
|
|
1651
1662
|
};
|
|
1652
1663
|
type CircleRatingContextProps = CircleRatingComponentProps & {
|
|
1653
1664
|
legend?: string[];
|
|
@@ -1769,6 +1780,7 @@ declare function useAutoFocus<T extends InputRefType>(): React.RefObject<T>;
|
|
|
1769
1780
|
|
|
1770
1781
|
declare function useToastContext(): ToastState<MindlyToastProps>;
|
|
1771
1782
|
|
|
1783
|
+
declare const SIZES: SizeValues;
|
|
1772
1784
|
declare const BREAKPOINT_ICON_SIZE = 20;
|
|
1773
1785
|
declare function useCircleRatingRenderData({ progress, size, maxValue, isReverse, }: CircleRatingDataProps): CircleRatingDataResult;
|
|
1774
1786
|
declare function useRangeIndex({ progress, maxValue, ranges, isReverse }: ProgressRangeProps): number;
|
|
@@ -1782,11 +1794,12 @@ declare function useBreakPointsPosition({ maxValue, breakPoints, radius, strokeW
|
|
|
1782
1794
|
radius?: number;
|
|
1783
1795
|
strokeWidth?: number;
|
|
1784
1796
|
}): BreakPointPositionResult[];
|
|
1785
|
-
declare function useRatingCircleLegend({ ranges, t, isReverse }:
|
|
1786
|
-
|
|
1787
|
-
|
|
1788
|
-
|
|
1789
|
-
|
|
1797
|
+
declare function useRatingCircleLegend({ ranges, t, isReverse, isPercentage, }: CircleRatingLegendProps): string[];
|
|
1798
|
+
declare function useRatingCircleContentValue({ progress, isPercentage, decimal, }: {
|
|
1799
|
+
progress: number;
|
|
1800
|
+
isPercentage?: boolean;
|
|
1801
|
+
decimal?: number;
|
|
1802
|
+
}): string;
|
|
1790
1803
|
declare function useRatingCircleBreakPoints({ ranges, maxValue, isReverse, }: {
|
|
1791
1804
|
ranges: CircleRatingRange[];
|
|
1792
1805
|
maxValue: number;
|
|
@@ -1993,7 +2006,7 @@ interface IconProps extends React.SVGAttributes<SVGElement> {
|
|
|
1993
2006
|
className?: string;
|
|
1994
2007
|
style?: React.CSSProperties;
|
|
1995
2008
|
}
|
|
1996
|
-
declare
|
|
2009
|
+
declare function IconCancelRounded({ color, size, ...other }: IconProps): JSX.Element;
|
|
1997
2010
|
|
|
1998
2011
|
declare const IconUserNotFound: (props: SVGProps<SVGSVGElement>) => JSX.Element;
|
|
1999
2012
|
|
|
@@ -2100,4 +2113,4 @@ type PushNotificationsIsDisabledBannerProps = {
|
|
|
2100
2113
|
|
|
2101
2114
|
declare function PushNotificationsIsDisabledBanner({ onOpenNativeSettings, className, title, description, buttonText, }: PushNotificationsIsDisabledBannerProps): JSX.Element;
|
|
2102
2115
|
|
|
2103
|
-
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 };
|
|
2116
|
+
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 };
|