@mindly/ui-components 5.20.0 → 5.21.0

package/dist/esm/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/esm/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/esm/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/esm/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;

package/dist/index.d.ts

@@ -1612,6 +1612,8 @@ type CircleRatingContent = {
 type CircleRatingDataProps = {
     progress: number;
     size: keyof typeof CircleRatingSize;
+    maxValue: number;
+    isReverse?: boolean;
 };
 type CircleRatingDataResult = {
     circleSize: number;
@@ -1627,8 +1629,9 @@ type CircleRatingRange = {
 };
 type ProgressRangeProps = {
     progress: number;
+    maxValue: number;
     ranges: CircleRatingRange[];
-    isColorless?: boolean;
+    isReverse?: boolean;
 };
 type BreakPointPositionResult = {
     top: number;
@@ -1643,6 +1646,8 @@ type CircleRatingComponentProps = {
     isRatingDisabled?: boolean;
     isShowLegend?: boolean;
     isShowBreakPoints?: boolean;
+    isReverse?: boolean;
+    isZeroTransparent?: boolean;
 };
 type CircleRatingContextProps = CircleRatingComponentProps & {
     legend?: string[];
@@ -1660,7 +1665,9 @@ type CircleRatingContextData = CircleRatingContextProps & {
     styles: any;
 };
 
-declare const RatingCircleWrapper: FC<CircleRatingComponentProps & WithTranslation | any>;
+declare const RatingCircleWrapper: FC<CircleRatingComponentProps & {
+    t: WithTranslation | any;
+}>;
 
 type IconButtonProps = {
     icon: JSX.Element;
@@ -1763,8 +1770,8 @@ declare function useAutoFocus<T extends InputRefType>(): React.RefObject<T>;
 declare function useToastContext(): ToastState<MindlyToastProps>;
 
 declare const BREAKPOINT_ICON_SIZE = 20;
-declare function useCircleRatingRenderData({ progress, size }: CircleRatingDataProps): CircleRatingDataResult;
-declare function useRangeIndex({ progress, ranges }: ProgressRangeProps): number;
+declare function useCircleRatingRenderData({ progress, size, maxValue, isReverse, }: CircleRatingDataProps): CircleRatingDataResult;
+declare function useRangeIndex({ progress, maxValue, ranges, isReverse }: ProgressRangeProps): number;
 declare function getProgressForBreakPoint({ maxValue, breakPoint, }: {
     maxValue: number;
     breakPoint: number;
@@ -1775,12 +1782,15 @@ declare function useBreakPointsPosition({ maxValue, breakPoints, radius, strokeW
     radius?: number;
     strokeWidth?: number;
 }): BreakPointPositionResult[];
-declare function useRatingCircleLegend({ ranges, t }: {
+declare function useRatingCircleLegend({ ranges, t, isReverse }: {
     ranges: CircleRatingRange[];
     t: WithTranslation['t'];
+    isReverse?: boolean;
 }): string[];
-declare function useRatingCircleBreakPoints({ ranges }: {
+declare function useRatingCircleBreakPoints({ ranges, maxValue, isReverse, }: {
     ranges: CircleRatingRange[];
+    maxValue: number;
+    isReverse?: boolean;
 }): number[];
 declare function useRatingContext(): CircleRatingContextData;
 

package/package.json

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