@mindly/ui-components 5.20.0 → 5.21.0

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

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

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

@@ -14,6 +14,8 @@ export type CircleRatingContent = {
 export type CircleRatingDataProps = {
     progress: number;
     size: keyof typeof CircleRatingSize;
+    maxValue: number;
+    isReverse?: boolean;
 };
 export type CircleRatingDataResult = {
     circleSize: number;
@@ -27,11 +29,11 @@ export type CircleRatingRange = {
     min: number | null;
     max: number | null;
 };
-export type CircleRatingCommonProps = {};
 export type ProgressRangeProps = {
     progress: number;
+    maxValue: number;
     ranges: CircleRatingRange[];
-    isColorless?: boolean;
+    isReverse?: boolean;
 };
 export type BreakPointPositionProps = {
     radius?: number;
@@ -51,6 +53,8 @@ export type CircleRatingComponentProps = {
     isRatingDisabled?: boolean;
     isShowLegend?: boolean;
     isShowBreakPoints?: boolean;
+    isReverse?: boolean;
+    isZeroTransparent?: boolean;
 };
 export type CircleRatingContextProps = CircleRatingComponentProps & {
     legend?: string[];

package/dist/cjs/lib2/shared/ui/RatingCircle/RatingCircleWrapper.d.ts

@@ -1,5 +1,7 @@
 import { FC } from 'react';
 import { WithTranslation } from 'react-i18next';
 import { CircleRatingComponentProps } from '../../types';
-declare const RatingCircleWrapper: FC<CircleRatingComponentProps & WithTranslation | any>;
+declare const RatingCircleWrapper: FC<CircleRatingComponentProps & {
+    t: WithTranslation | any;
+}>;
 export default RatingCircleWrapper;

package/dist/cjs/lib2/shared/ui/RatingCircle/styles.d.ts

@@ -1,4 +1,9 @@
 export declare const circleRatingStyles: import("tailwind-variants").TVReturnType<{
+    transparent: {
+        true: {
+            coloredStroke: string;
+        };
+    };
     isColorless: {
         true: {
             coloredStroke: string;
@@ -32,6 +37,11 @@ export declare const circleRatingStyles: import("tailwind-variants").TVReturnTyp
     contentColor: string;
     legendItem: string;
 }, "", import("tailwind-variants/dist/config").TVConfig<{
+    transparent: {
+        true: {
+            coloredStroke: string;
+        };
+    };
     isColorless: {
         true: {
             coloredStroke: string;
@@ -57,6 +67,11 @@ export declare const circleRatingStyles: import("tailwind-variants").TVReturnTyp
         };
     };
 }, {
+    transparent: {
+        true: {
+            coloredStroke: string;
+        };
+    };
     isColorless: {
         true: {
             coloredStroke: string;
@@ -82,6 +97,11 @@ export declare const circleRatingStyles: import("tailwind-variants").TVReturnTyp
         };
     };
 }>, {
+    transparent: {
+        true: {
+            coloredStroke: string;
+        };
+    };
     isColorless: {
         true: {
             coloredStroke: string;
@@ -115,6 +135,11 @@ export declare const circleRatingStyles: import("tailwind-variants").TVReturnTyp
     contentColor: string;
     legendItem: string;
 }, import("tailwind-variants").TVReturnType<{
+    transparent: {
+        true: {
+            coloredStroke: string;
+        };
+    };
     isColorless: {
         true: {
             coloredStroke: string;
@@ -148,6 +173,11 @@ export declare const circleRatingStyles: import("tailwind-variants").TVReturnTyp
     contentColor: string;
     legendItem: string;
 }, "", import("tailwind-variants/dist/config").TVConfig<{
+    transparent: {
+        true: {
+            coloredStroke: string;
+        };
+    };
     isColorless: {
         true: {
             coloredStroke: string;
@@ -173,6 +203,11 @@ export declare const circleRatingStyles: import("tailwind-variants").TVReturnTyp
         };
     };
 }, {
+    transparent: {
+        true: {
+            coloredStroke: string;
+        };
+    };
     isColorless: {
         true: {
             coloredStroke: string;