@mindly/ui-components 5.19.0 → 5.21.0

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

@@ -0,0 +1,10 @@
+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 {};

package/dist/cjs/lib2/shared/assets/icons/IconCapFilled.d.ts

@@ -0,0 +1,10 @@
+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 IconCapFilled: FC<IconProps>;
+export {};

package/dist/cjs/lib2/shared/assets/icons/IconCheck.d.ts

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

package/dist/cjs/lib2/shared/assets/icons/IconWarning.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface IconProps extends React.SVGAttributes<SVGElement> {
+    size?: number | string;
+    color?: string;
+}
+export declare function IconWarning({ color, size, ...other }: IconProps): JSX.Element;
+export {};

package/dist/cjs/lib2/shared/assets/icons/index.d.ts

@@ -32,6 +32,7 @@ export * from './IconLetter';
 export * from './IconSpinner';
 export * from './IconEye';
 export * from './IconEyeOff';
+export * from './IconWarning';
 export * from './IconGift';
 export * from './IconCreditCard';
 export * from './IconQuestion';
@@ -39,3 +40,6 @@ export * from './IconPaper';
 export * from './IconChat3d';
 export * from './IconNotficationMuted';
 export * from './IconCheckSmall';
+export * from './IconCheck';
+export * from './IconCapFilled';
+export * from './IconCancelRounded';

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

@@ -2,3 +2,4 @@ export * from './use-dom-ref';
 export * from './use-event';
 export * from './useAutoFocus';
 export * from './useToastContext';
+export * from './useCircleRating';

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

@@ -0,0 +1,26 @@
+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, maxValue, isReverse, }: CircleRatingDataProps): CircleRatingDataResult;
+export declare function useRangeIndex({ progress, maxValue, ranges, isReverse }: ProgressRangeProps): number;
+export declare function getProgressForBreakPoint({ maxValue, breakPoint, }: {
+    maxValue: number;
+    breakPoint: number;
+}): number;
+export declare function useBreakPointsPosition({ maxValue, breakPoints, radius, strokeWidth, }: {
+    maxValue?: number;
+    breakPoints?: number[];
+    radius?: number;
+    strokeWidth?: number;
+}): BreakPointPositionResult[];
+export declare function useRatingCircleLegend({ ranges, t, isReverse }: {
+    ranges: CircleRatingRange[];
+    t: WithTranslation['t'];
+    isReverse?: boolean;
+}): string[];
+export declare function useRatingCircleBreakPoints({ ranges, maxValue, isReverse, }: {
+    ranges: CircleRatingRange[];
+    maxValue: number;
+    isReverse?: boolean;
+}): number[];
+export declare function useRatingContext(): CircleRatingContextData;

package/dist/cjs/lib2/shared/providers/CircleRatingProvider/CircleRatingProvider.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { WithTranslation } from 'react-i18next';
+import { CircleRatingContextProps, CircleRatingContextData } from '../../types';
+export declare const CircleRatingContext: React.Context<CircleRatingContextData>;
+export declare const CircleRatingProvider: ({ children, data, t, }: {
+    children: JSX.Element;
+    data: CircleRatingContextProps;
+    t: TFunction<import("react-i18next").FallbackNs<Ns>, KPrefix>;
+}) => JSX.Element | null;

package/dist/cjs/lib2/shared/providers/CircleRatingProvider/index.d.ts

@@ -0,0 +1 @@
+export * from './CircleRatingProvider';

package/dist/cjs/lib2/shared/providers/index.d.ts

@@ -1,2 +1,3 @@
 export * from './ThemeProvider';
 export * from './ToastProvider';
+export * from './CircleRatingProvider';

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

@@ -0,0 +1 @@
+export * from './ratingCircleTypes';

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

@@ -0,0 +1,73 @@
+export declare enum CircleRatingSize {
+    'S' = "S",
+    'M' = "M",
+    'L' = "L"
+}
+export type SizeValues = {
+    [size in CircleRatingSize]: number;
+};
+export type CircleRatingContent = {
+    text?: string;
+    isPercentage?: boolean;
+    showIcon?: boolean;
+};
+export type CircleRatingDataProps = {
+    progress: number;
+    size: keyof typeof CircleRatingSize;
+    maxValue: number;
+    isReverse?: boolean;
+};
+export type CircleRatingDataResult = {
+    circleSize: number;
+    radius: number;
+    circumference: number;
+    dash: number;
+    viewBox: string;
+    strokeWidth: number;
+};
+export type CircleRatingRange = {
+    min: number | null;
+    max: number | null;
+};
+export type ProgressRangeProps = {
+    progress: number;
+    maxValue: number;
+    ranges: CircleRatingRange[];
+    isReverse?: boolean;
+};
+export type BreakPointPositionProps = {
+    radius?: number;
+    strokeWidth?: number;
+    progress?: number;
+};
+export type BreakPointPositionResult = {
+    top: number;
+    left: number;
+};
+export type CircleRatingComponentProps = {
+    size: keyof typeof CircleRatingSize;
+    content?: CircleRatingContent | null;
+    progress: number;
+    ranges: CircleRatingRange[];
+    isColorless?: boolean;
+    isRatingDisabled?: boolean;
+    isShowLegend?: boolean;
+    isShowBreakPoints?: boolean;
+    isReverse?: boolean;
+    isZeroTransparent?: boolean;
+};
+export type CircleRatingContextProps = CircleRatingComponentProps & {
+    legend?: string[];
+    breakPoints?: number[];
+};
+export type CircleRatingContextData = CircleRatingContextProps & {
+    circleSize: number;
+    radius: number;
+    strokeWidth: number;
+    circumference: number;
+    dash: number;
+    viewBox: string;
+    maxValue: number;
+    percentage: number;
+    styles: any;
+};

package/dist/cjs/lib2/shared/ui/ItemCard/ItemCard.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { ItemCardProps } from './types';
+declare const _default: React.NamedExoticComponent<ItemCardProps>;
+export default _default;

package/dist/cjs/lib2/shared/ui/ItemCard/index.d.ts

@@ -0,0 +1 @@
+export { default as ItemCard } from './ItemCard';

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

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

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

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

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const RatingCircle: FC;
+export default RatingCircle;

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

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import RatingCircleWrapper from './RatingCircleWrapper';
+declare const meta: Meta<typeof RatingCircleWrapper>;
+export default meta;
+type Story = StoryObj<typeof RatingCircleWrapper>;
+export declare const Default: Story;

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const RatingCircleBreakpoints: FC;
+export default RatingCircleBreakpoints;

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const RatingCircleContent: FC;
+export default RatingCircleContent;

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

@@ -0,0 +1,10 @@
+export declare function CircleRatingIcon({ index, className, }: {
+    index: number;
+    className: string;
+}): JSX.Element;
+export declare function CircleBreakpointIcon({ index, top, left, className, }: {
+    index: number;
+    top: number;
+    left: number;
+    className: string;
+}): JSX.Element;

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const RatingCircleLegend: FC;
+export default RatingCircleLegend;

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

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

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

@@ -0,0 +1 @@
+export { default as RatingCircleWrapper } from './RatingCircleWrapper';

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

@@ -0,0 +1,235 @@
+export declare const circleRatingStyles: import("tailwind-variants").TVReturnType<{
+    transparent: {
+        true: {
+            coloredStroke: string;
+        };
+    };
+    isColorless: {
+        true: {
+            coloredStroke: string;
+            contentColor: string;
+            icon: string;
+        };
+    };
+    color: {
+        0: {
+            coloredStroke: string;
+            contentColor: string;
+            icon: string;
+        };
+        1: {
+            coloredStroke: string;
+            contentColor: string;
+            icon: string;
+        };
+        2: {
+            coloredStroke: string;
+            contentColor: string;
+            icon: string;
+        };
+    };
+}, {
+    breakPoint: string;
+    defaultStroke: string;
+    coloredStroke: string;
+    icon: string;
+    contentWrapper: string;
+    contentColor: string;
+    legendItem: string;
+}, "", import("tailwind-variants/dist/config").TVConfig<{
+    transparent: {
+        true: {
+            coloredStroke: string;
+        };
+    };
+    isColorless: {
+        true: {
+            coloredStroke: string;
+            contentColor: string;
+            icon: string;
+        };
+    };
+    color: {
+        0: {
+            coloredStroke: string;
+            contentColor: string;
+            icon: string;
+        };
+        1: {
+            coloredStroke: string;
+            contentColor: string;
+            icon: string;
+        };
+        2: {
+            coloredStroke: string;
+            contentColor: string;
+            icon: string;
+        };
+    };
+}, {
+    transparent: {
+        true: {
+            coloredStroke: string;
+        };
+    };
+    isColorless: {
+        true: {
+            coloredStroke: string;
+            contentColor: string;
+            icon: string;
+        };
+    };
+    color: {
+        0: {
+            coloredStroke: string;
+            contentColor: string;
+            icon: string;
+        };
+        1: {
+            coloredStroke: string;
+            contentColor: string;
+            icon: string;
+        };
+        2: {
+            coloredStroke: string;
+            contentColor: string;
+            icon: string;
+        };
+    };
+}>, {
+    transparent: {
+        true: {
+            coloredStroke: string;
+        };
+    };
+    isColorless: {
+        true: {
+            coloredStroke: string;
+            contentColor: string;
+            icon: string;
+        };
+    };
+    color: {
+        0: {
+            coloredStroke: string;
+            contentColor: string;
+            icon: string;
+        };
+        1: {
+            coloredStroke: string;
+            contentColor: string;
+            icon: string;
+        };
+        2: {
+            coloredStroke: string;
+            contentColor: string;
+            icon: string;
+        };
+    };
+}, {
+    breakPoint: string;
+    defaultStroke: string;
+    coloredStroke: string;
+    icon: string;
+    contentWrapper: string;
+    contentColor: string;
+    legendItem: string;
+}, import("tailwind-variants").TVReturnType<{
+    transparent: {
+        true: {
+            coloredStroke: string;
+        };
+    };
+    isColorless: {
+        true: {
+            coloredStroke: string;
+            contentColor: string;
+            icon: string;
+        };
+    };
+    color: {
+        0: {
+            coloredStroke: string;
+            contentColor: string;
+            icon: string;
+        };
+        1: {
+            coloredStroke: string;
+            contentColor: string;
+            icon: string;
+        };
+        2: {
+            coloredStroke: string;
+            contentColor: string;
+            icon: string;
+        };
+    };
+}, {
+    breakPoint: string;
+    defaultStroke: string;
+    coloredStroke: string;
+    icon: string;
+    contentWrapper: string;
+    contentColor: string;
+    legendItem: string;
+}, "", import("tailwind-variants/dist/config").TVConfig<{
+    transparent: {
+        true: {
+            coloredStroke: string;
+        };
+    };
+    isColorless: {
+        true: {
+            coloredStroke: string;
+            contentColor: string;
+            icon: string;
+        };
+    };
+    color: {
+        0: {
+            coloredStroke: string;
+            contentColor: string;
+            icon: string;
+        };
+        1: {
+            coloredStroke: string;
+            contentColor: string;
+            icon: string;
+        };
+        2: {
+            coloredStroke: string;
+            contentColor: string;
+            icon: string;
+        };
+    };
+}, {
+    transparent: {
+        true: {
+            coloredStroke: string;
+        };
+    };
+    isColorless: {
+        true: {
+            coloredStroke: string;
+            contentColor: string;
+            icon: string;
+        };
+    };
+    color: {
+        0: {
+            coloredStroke: string;
+            contentColor: string;
+            icon: string;
+        };
+        1: {
+            coloredStroke: string;
+            contentColor: string;
+            icon: string;
+        };
+        2: {
+            coloredStroke: string;
+            contentColor: string;
+            icon: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;

package/dist/cjs/lib2/shared/ui/index.d.ts

@@ -7,12 +7,14 @@ export * from './Container_v2';
 export * from './Flag_v2';
 export * from './Picture';
 export * from './Badge';
+export * from './ItemCard';
 export * from './AppHeader_v2';
 export * from './ListBoxItem';
 export * from './ListBox';
 export * from './Calendar';
 export * from './Textarea_v2';
 export * from './Rating';
+export * from './RatingCircle';
 export * from './IconButton';
 export * from './Toast';
 export * from './ScreenInput';

package/dist/esm/configs/tailwind/colors.d.ts

@@ -9,10 +9,12 @@ declare const _default: {
             };
             gray: {
                 black: string;
+                middle: string;
             };
         };
         info: {
             red: {
+                default: string;
                 not: {
                     red: string;
                 };