@mindly/ui-components 8.2.15 → 8.2.17

package/dist/cjs/lib/AgoraMediaPlayer/AgoraMediaPlayer.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import React, { HTMLAttributes } from 'react';
 interface Playable {
     play: (...args: any[]) => any;
 }
@@ -15,6 +15,6 @@ export type MediaPlayerProps<TCameraTrack extends Playable | undefined, TAudioTr
     showControls: boolean;
     isScreenSharing?: boolean;
 } & HTMLAttributes<HTMLDivElement>;
-declare const AgoraMediaPlayer: <TCameraTrack extends Playable | undefined, TAudioTrack extends Playable | undefined>({ fullwidth, cameraTrack, audioTrack, isVideoTrackMuted, isAudioTrackMuted, networkQuality, fallbackAvatar, fallbackAvatarDimensions, fallbackName, showControls, isScreenSharing, ...props }: MediaPlayerProps<TCameraTrack, TAudioTrack>) => JSX.Element;
+declare const AgoraMediaPlayer: <TCameraTrack extends Playable | undefined, TAudioTrack extends Playable | undefined>({ fullwidth, cameraTrack, audioTrack, isVideoTrackMuted, isAudioTrackMuted, networkQuality, fallbackAvatar, fallbackAvatarDimensions, fallbackName, showControls, isScreenSharing, ...props }: MediaPlayerProps<TCameraTrack, TAudioTrack>) => React.ReactElement;
 declare const _default: typeof AgoraMediaPlayer;
 export default _default;

package/dist/cjs/lib/ImageWithFallback/ImageWithFallback.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export type ImageWithFallbackProps = JSX.IntrinsicElements['img'] & {
+export type ImageWithFallbackProps = React.ImgHTMLAttributes<HTMLImageElement> & {
     onErrorContent: React.ReactElement;
 };
 declare const ImageWithFallback: React.FC<ImageWithFallbackProps>;

package/dist/cjs/lib2/features/AcceptAgreementFeature/AcceptAgreemnetFeature.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 type AcceptAgreementFeatureProps = {
     isAccepted: boolean;
     setIsAccepted: (isAccepted: boolean) => void;
     handlePressLink: () => void;
     translations: string[];
 };
-export declare function AcceptAgreementFeature({ isAccepted, setIsAccepted, handlePressLink, translations, }: AcceptAgreementFeatureProps): JSX.Element;
+export declare function AcceptAgreementFeature({ isAccepted, setIsAccepted, handlePressLink, translations, }: AcceptAgreementFeatureProps): React.ReactElement;
 export {};

package/dist/cjs/lib2/features/AppNotSupporedFeature/AppNotSupportedFeature.d.ts

@@ -1,8 +1,8 @@
-import { PropsWithChildren } from 'react';
+import React, { PropsWithChildren } from 'react';
 import { TranslationType } from '../../shared/types';
 type AppNotSupportedProps = {
     isOpen: boolean;
     showMessenger: () => void;
 } & TranslationType;
-export declare function AppNotSupportedFeature({ isOpen, showMessenger, t, children, }: PropsWithChildren<AppNotSupportedProps>): JSX.Element;
+export declare function AppNotSupportedFeature({ isOpen, showMessenger, t, children, }: PropsWithChildren<AppNotSupportedProps>): React.ReactElement;
 export {};

package/dist/cjs/lib2/features/FilterFeature/FilterFeature.d.ts

@@ -8,7 +8,7 @@ type FilterFeatureContextType = {
     modalRef: React.RefObject<HTMLIonModalElement | null>;
 } & FilterFeatureProps;
 export declare const useFilterFeatureContext: () => FilterFeatureContextType;
-declare function FilterFeature(props: PropsWithChildren<FilterFeatureProps>): JSX.Element;
+declare function FilterFeature(props: PropsWithChildren<FilterFeatureProps>): React.ReactElement;
 declare namespace FilterFeature {
     var Select: React.FC<import("./FilterSelectFeature").FilterSelectFeatureProps>;
     var Chips: React.FC<import("./FilterChipsFeature").FilterChipsFeatureProps>;

package/dist/cjs/lib2/features/GoogleCalendarModalFeature/GoogleCalendarModalFeature.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { WithTranslation } from 'react-i18next';
 type GoogleCalendarModalFeatureProps = {
     isOpen: boolean;
@@ -9,5 +10,5 @@ type GoogleCalendarModalFeatureProps = {
     imageUrl: string;
     t: WithTranslation['t'];
 };
-export declare function GoogleCalendarModalFeature({ status, isOpen, onSync, isLoading, presentingElement, imageUrl, onDidDismiss, t, }: GoogleCalendarModalFeatureProps): JSX.Element;
+export declare function GoogleCalendarModalFeature({ status, isOpen, onSync, isLoading, presentingElement, imageUrl, onDidDismiss, t, }: GoogleCalendarModalFeatureProps): React.ReactElement;
 export {};

package/dist/cjs/lib2/features/OutdatedPersonalDataFeature/OutdatedPersonalDataFeature.d.ts

@@ -1,2 +1,3 @@
+import React from 'react';
 import { OutdatedPersonalDataFeatureProps } from './types';
-export declare function OutdatedPersonalDataFeature({ isOpen, presentingElement, onApply, onDismiss, subtitle, title, applyText, }: OutdatedPersonalDataFeatureProps): JSX.Element;
+export declare function OutdatedPersonalDataFeature({ isOpen, presentingElement, onApply, onDismiss, subtitle, title, applyText, }: OutdatedPersonalDataFeatureProps): React.ReactElement;

package/dist/cjs/lib2/features/PushNotificationsIsDisabledBanner/PushNotificationsIsDisabledBanner.d.ts

@@ -1,2 +1,3 @@
+import * as React from 'react';
 import { PushNotificationsIsDisabledBannerProps } from './types';
-export declare function PushNotificationsIsDisabledBanner({ onOpenNativeSettings, className, title, description, buttonText, }: PushNotificationsIsDisabledBannerProps): JSX.Element;
+export declare function PushNotificationsIsDisabledBanner({ onOpenNativeSettings, className, title, description, buttonText, }: PushNotificationsIsDisabledBannerProps): React.ReactElement;

package/dist/cjs/lib2/features/PushNotificationsModal/PushNotificationsModal.d.ts

@@ -1,2 +1,3 @@
+import * as React from 'react';
 import { PushNotificationsModalProps } from './types';
-export declare function PushNotificationsModal({ onApplyPermission, isOpen, title, description, image, applyPermissionText, ...props }: PushNotificationsModalProps): JSX.Element;
+export declare function PushNotificationsModal({ onApplyPermission, isOpen, title, description, image, applyPermissionText, ...props }: PushNotificationsModalProps): React.ReactElement;

package/dist/cjs/lib2/features/TextWithClampFeature/types.d.ts

@@ -4,6 +4,7 @@ export interface Props extends Omit<TypographyProps, 'children'> {
     className?: string;
     text: string;
     title?: string;
+    titleId?: string;
     titleIcon?: React.ReactNode;
     countLines?: number;
     expandType?: 'inline' | 'modal';

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

@@ -5,5 +5,5 @@ interface IconProps extends React.SVGAttributes<SVGElement> {
     className?: string;
     style?: React.CSSProperties;
 }
-export declare function IconCheckCircle({ color, size, ...props }: IconProps): JSX.Element;
+export declare function IconCheckCircle({ color, size, ...props }: IconProps): React.ReactElement;
 export {};

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

@@ -3,5 +3,5 @@ interface IconProps extends React.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
-export declare const IconCheckboxChecked: ({ color, size, ...other }: IconProps) => JSX.Element;
+export declare const IconCheckboxChecked: ({ color, size, ...other }: IconProps) => React.ReactElement;
 export {};

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

@@ -1,2 +1,3 @@
+import * as React from 'react';
 import { IconProps } from '../../types';
-export declare function IconMinus({ color, size, ...other }: IconProps): JSX.Element;
+export declare function IconMinus({ color, size, ...other }: IconProps): React.ReactElement;

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

@@ -1,4 +1,4 @@
 import * as React from 'react';
 type IconPlusProps = React.SVGProps<any>;
-export declare function IconPlus({ color, ...props }: IconPlusProps): JSX.Element;
+export declare function IconPlus({ color, ...props }: IconPlusProps): React.ReactElement;
 export {};

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

@@ -2,5 +2,5 @@ import * as React from 'react';
 interface IconProps extends React.SVGAttributes<SVGElement> {
     color?: string;
 }
-export declare const IconRadioButtonChecked: ({ color, ...rest }: IconProps) => JSX.Element;
+export declare const IconRadioButtonChecked: ({ color, ...rest }: IconProps) => React.ReactElement;
 export {};

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

@@ -3,7 +3,7 @@ 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;
+    children: React.ReactElement;
     data: CircleRatingContextProps;
     t: WithTranslation["t"];
-}) => JSX.Element | null;
+}) => React.ReactElement | null;

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

@@ -2,4 +2,4 @@ import * as React from 'react';
 import { ToastState } from '@react-stately/toast';
 import { MindlyToastProps, ToastProviderProps } from '../../ui/Toast/types';
 export declare const ToastContext: React.Context<ToastState<MindlyToastProps> | undefined>;
-export declare function ToastProvider({ children, ...props }: React.PropsWithChildren<ToastProviderProps>): JSX.Element;
+export declare function ToastProvider({ children, ...props }: React.PropsWithChildren<ToastProviderProps>): React.ReactElement;

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

@@ -1,2 +1,3 @@
+import React from 'react';
 import { CalendarProps } from './types';
-export declare function Calendar({ maxValue, minValue, timeZone, locale, isShowWeekNames, isShowMonthNavigation, selectionMode, onSelectionChange, defaultSelectDates, onDatePress, renderCustomDateContent, fullWidth, ...props }: CalendarProps): JSX.Element;
+export declare function Calendar({ maxValue, minValue, timeZone, locale, isShowWeekNames, isShowMonthNavigation, selectionMode, onSelectionChange, defaultSelectDates, onDatePress, renderCustomDateContent, fullWidth, ...props }: CalendarProps): React.ReactElement;

package/dist/cjs/lib2/shared/ui/Calendar/CalendarGrid.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 import { CalendarGridProps } from './types';
-export declare function CalendarGrid({ state, selectionState, locale, isShowWeekNames, weekdayStyle, handleSelectionDateChange, selectionMode, onDatePress, offset, renderCustomDateContent, timeZone, ...props }: CalendarGridProps): JSX.Element;
+export declare function CalendarGrid({ state, selectionState, locale, isShowWeekNames, weekdayStyle, handleSelectionDateChange, selectionMode, onDatePress, offset, renderCustomDateContent, timeZone, ...props }: CalendarGridProps): React.ReactElement;
 declare const _default: React.NamedExoticComponent<CalendarGridProps>;
 export default _default;

package/dist/cjs/lib2/shared/ui/Calendar/VerticalCalendar.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import { CalendarProps } from './types';
 type VerticalCalendarProps = CalendarProps & {
     visibleDuration?: number;
 };
-export declare function VerticalCalendar({ maxValue, timeZone, locale, selectionMode, onSelectionChange, defaultSelectDates, onDatePress, renderCustomDateContent, fullWidth, minValue, visibleDuration, ...props }: VerticalCalendarProps): JSX.Element;
+export declare function VerticalCalendar({ maxValue, timeZone, locale, selectionMode, onSelectionChange, defaultSelectDates, onDatePress, renderCustomDateContent, fullWidth, minValue, visibleDuration, ...props }: VerticalCalendarProps): React.ReactElement;
 export {};

package/dist/cjs/lib2/shared/ui/Calendar/VerticalCalendarMonthSkeleton.d.ts

@@ -1,5 +1,6 @@
+import * as React from 'react';
 type VerticalCalendarMonthSkeletonProps = {
     days: number;
 };
-export declare function VerticalCalendarMonthSkeleton({ days, }: VerticalCalendarMonthSkeletonProps): JSX.Element;
+export declare function VerticalCalendarMonthSkeleton({ days, }: VerticalCalendarMonthSkeletonProps): React.ReactElement;
 export {};

package/dist/cjs/lib2/shared/ui/Calendar/VerticalCalendarSkeleton.d.ts

@@ -1 +1,2 @@
-export declare function VerticalCalendarSkeleton(): JSX.Element;
+import * as React from 'react';
+export declare function VerticalCalendarSkeleton(): React.ReactElement;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 type IconButtonProps = {
-    icon: JSX.Element;
+    icon: React.ReactElement;
     className?: string;
     routerLink?: string;
     onClick?: (e: React.MouseEvent<HTMLIonButtonElement>) => void;

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

@@ -1,2 +1,3 @@
+import * as React from 'react';
 import { ListBoxProps } from './types';
-export default function ListBox<T extends Record<string, unknown>>({ selectedIconProps, type, selectionPosition, enableSelection, className, variant, onboardingTheme, isOnboardingPreview, isTransparent, isRoundCorners, maxSelectionCount, initialVisibleCount, t, ...props }: ListBoxProps<T>): JSX.Element;
+export default function ListBox<T extends Record<string, unknown>>({ selectedIconProps, type, selectionPosition, enableSelection, className, variant, onboardingTheme, isOnboardingPreview, isTransparent, isRoundCorners, maxSelectionCount, initialVisibleCount, t, ...props }: ListBoxProps<T>): React.ReactElement;

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

@@ -4,4 +4,4 @@ import { ListBoxItemProps, ListOptionsProps } from './types';
 export declare const ListOption: React.ForwardRefExoticComponent<ListOptionsProps & {
     maxSelectionCount?: number;
 } & React.RefAttributes<HTMLIonItemElement>>;
-export declare const ListBoxItem: (props: ItemProps<unknown> & ListBoxItemProps) => JSX.Element;
+export declare const ListBoxItem: (props: ItemProps<unknown> & ListBoxItemProps) => React.ReactElement;

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

@@ -1,10 +1,11 @@
+import React from 'react';
 export declare function CircleRatingIcon({ index, className, }: {
     index: number;
     className: string;
-}): JSX.Element;
+}): React.ReactElement;
 export declare function CircleBreakpointIcon({ index, top, left, className, }: {
     index: number;
     top: number;
     left: number;
     className: string;
-}): JSX.Element;
+}): React.ReactElement;

package/dist/cjs/lib2/shared/ui/Tabs/Tab.d.ts

@@ -1,14 +1,15 @@
 import { ItemProps, Node, TabListState } from 'react-stately';
+import React from 'react';
 type TabProps<T> = {
     item: Node<T> & {
         textTransform?: 'uppercase' | 'capitalize' | 'lowercase' | 'none';
     };
     state: TabListState<T>;
 };
-export declare function Tab<T extends Record<string, unknown>>({ item, state, }: TabProps<T>): JSX.Element;
+export declare function Tab<T extends Record<string, unknown>>({ item, state, }: TabProps<T>): React.ReactElement;
 export declare const TabItem: (props: ItemProps<unknown> & {
     onClick?: () => void;
     className?: string;
     textTransform?: 'uppercase' | 'capitalize' | 'lowercase' | 'none';
-}) => JSX.Element;
+}) => React.ReactElement;
 export {};

package/dist/cjs/lib2/shared/ui/Tabs/TabPanel.d.ts

@@ -1,9 +1,10 @@
+import React from 'react';
 import { AriaTabPanelProps } from 'react-aria';
 import type { TabListState } from 'react-stately';
 type TabPanelProps<T> = AriaTabPanelProps & {
     state: TabListState<T>;
 };
-export declare function TabPanel<T extends Record<string, unknown>>({ state, ...props }: TabPanelProps<T>): JSX.Element;
+export declare function TabPanel<T extends Record<string, unknown>>({ state, ...props }: TabPanelProps<T>): React.ReactElement;
 export declare namespace TabPanel {
     var displayName: string;
 }

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

@@ -1,8 +1,9 @@
+import React from 'react';
 import { AriaTabListProps } from 'react-aria';
 type TabsProps<T> = AriaTabListProps<T> & {
     className?: string;
 };
-export declare function Tabs<T extends Record<string, unknown>>(props: TabsProps<T>): JSX.Element;
+export declare function Tabs<T extends Record<string, unknown>>(props: TabsProps<T>): React.ReactElement;
 export declare namespace Tabs {
     var displayName: string;
 }

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

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import './Toast.css';
 import { ToastProps } from './types';
-export declare function Toast<T>({ state, ...props }: ToastProps<T>): JSX.Element;
+export declare function Toast<T>({ state, ...props }: ToastProps<T>): React.ReactElement;

package/dist/cjs/lib2/shared/ui/Toast/ToastRegion.d.ts

@@ -1,2 +1,3 @@
+import * as React from 'react';
 import { ToastRegionProps } from './types';
-export declare function ToastRegion<T>({ state, ...props }: ToastRegionProps<T>): JSX.Element;
+export declare function ToastRegion<T>({ state, ...props }: ToastRegionProps<T>): React.ReactElement;

package/dist/cjs/lib2/widgets/UpdateContractWidget/UpdateContractWidget.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 type UpdateContractWidgetProps = {
     isAccepted: boolean;
     setIsAccepted: (isAccepted: boolean) => void;
@@ -10,5 +11,5 @@ type UpdateContractWidgetProps = {
     agreementText: string[];
     isLoading?: boolean;
 };
-export declare function UpdateContractWidget({ applyText, onApply, heading, image, avatar, agreementText, handlePressLink, isAccepted, setIsAccepted, isLoading, }: UpdateContractWidgetProps): JSX.Element;
+export declare function UpdateContractWidget({ applyText, onApply, heading, image, avatar, agreementText, handlePressLink, isAccepted, setIsAccepted, isLoading, }: UpdateContractWidgetProps): React.ReactElement;
 export {};