@hhgtech/hhg-components 1.25.41 → 1.25.43

package/build/care/components/organisms/bookingSearchBar/index.styled.d.ts

@@ -3,5 +3,5 @@ export declare const StyledSearchBarWrapper: import("styled-components").StyledC
 export declare const StyledSearchBarMobileWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledSearchBarMobileModalHeader: import("styled-components").StyledComponent<"section", any, {}, never>;
 export declare const StyledHiddenInputMobile: import("styled-components").StyledComponent<"input", any, {}, never>;
-export declare const StyledInput: import("styled-components").StyledComponent<({ name, value, errorMessage, isNumerousKeyboard, showErrorMessage, actionIcon: ActionIcon, displayIcon: DisplayIcon, onActionClick, label, className, onChange, isDisabled, CustomInput, size, style, autoComplete, type, inputClassName, trackingAttributes, enterKeyHint, ...rest }: import("components/atoms/input").Props) => JSX.Element, any, {}, never>;
+export declare const StyledInput: import("styled-components").StyledComponent<({ name, value, errorMessage, isNumerousKeyboard, showErrorMessage, actionIcon: ActionIcon, displayIcon: DisplayIcon, onActionClick, label, className, onChange, isDisabled, CustomInput, size, style, autoComplete, type, inputClassName, trackingAttributes, enterKeyHint, ...rest }: import("components/atoms/input").Props) => import("react").JSX.Element, any, {}, never>;
 export declare const CareSearchGlobalStyles: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;

package/build/care/components/organisms/bookingSearchBar/locationResults/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { City } from 'care/interfaces/types';
 import { GeoLocationPermission } from 'interfaces/types';
 type Props = {
@@ -11,5 +11,5 @@ type Props = {
     isLocationLoading?: boolean;
     selectedLocation?: City | null;
 };
-declare const LocationResults: ({ cities, isLoading, onLocationClick, onCurrentLocationClick, geoLocationPermission, isLocationLoading, selectedLocation, }: Props) => JSX.Element;
+declare const LocationResults: ({ cities, isLoading, onLocationClick, onCurrentLocationClick, geoLocationPermission, isLocationLoading, selectedLocation, }: Props) => React.JSX.Element;
 export default LocationResults;

package/build/care/components/organisms/bookingSearchBar/locationResults/index.styled.d.ts

@@ -4,11 +4,11 @@ export declare const StyledLocationResultsList: import("styled-components").Styl
 export declare const StyledPinIcon: import("styled-components").StyledComponent<({ className, color }: {
     className?: string;
     color?: string;
-}) => JSX.Element, any, {}, never>;
+}) => import("react").JSX.Element, any, {}, never>;
 export declare const StyledLocationItem: import("styled-components").StyledComponent<"li", any, {
     isSelected?: boolean;
 }, never>;
 export declare const StyledLiSkeleton: import("styled-components").StyledComponent<({ count, className }: {
     count: number;
     className?: string;
-}) => JSX.Element, any, {}, never>;
+}) => import("react").JSX.Element, any, {}, never>;

package/build/care/components/organisms/bookingSearchBar/locationResults/liSkeleton.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     count: number;
     className?: string;
 };
-declare const LiSkeleton: ({ count, className }: Props) => JSX.Element;
+declare const LiSkeleton: ({ count, className }: Props) => React.JSX.Element;
 export default LiSkeleton;

package/build/care/components/organisms/bookingSearchBar/mobileFakeInput/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { FocusedType, GATrackingCode } from '../types';
 export declare const StyledFakeInputSearchMobile: import("styled-components").StyledComponent<"div", any, {}, never>;
 type Props = {
@@ -8,5 +8,5 @@ type Props = {
     trackingAttributes?: GATrackingCode;
     inputSearchPlaceholder?: string;
 };
-export declare function MobileFakeInput({ focused, value, onClick, trackingAttributes, inputSearchPlaceholder, }: Props): JSX.Element;
+export declare function MobileFakeInput({ focused, value, onClick, trackingAttributes, inputSearchPlaceholder, }: Props): React.JSX.Element;
 export {};

package/build/care/components/organisms/bookingSearchBar/mobileTopbar/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export type Props = {
     className?: string;
     headingText: string;
@@ -7,5 +7,5 @@ export type Props = {
     onRightClick?: () => void;
     onLeftClick?: () => void;
 };
-declare const MobileTopBar: ({ className, onLeftClick, headingText, onRightClick, iconLeft, textRight, }: Props) => JSX.Element;
+declare const MobileTopBar: ({ className, onLeftClick, headingText, onRightClick, iconLeft, textRight, }: Props) => React.JSX.Element;
 export { MobileTopBar };

package/build/care/components/organisms/bookingSearchBar/mobileTopbar/index.styled.d.ts

@@ -3,4 +3,4 @@ export declare const StyledTopBar: import("styled-components").StyledComponent<"
 export declare const StyledTopBarHeaderRight: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledTopBarIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledTopbarHeading: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTopbarHeadingText: import("styled-components").StyledComponent<(<T>({ size, type, className, style, children, color, dataEventCategory, dataEventAction, dataEventLabel, as, wordWrap, isUppercase, ...rest }: import("components/atoms/text").Props<T>) => JSX.Element), any, {}, never>;
+export declare const StyledTopbarHeadingText: import("styled-components").StyledComponent<(<T>({ size, type, className, style, children, color, dataEventCategory, dataEventAction, dataEventLabel, as, wordWrap, isUppercase, ...rest }: import("components/atoms/text").Props<T>) => import("react").JSX.Element), any, {}, never>;

package/build/care/components/organisms/bookingSearchBar/resultSection/icons.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-export declare const DoctorIcon: () => JSX.Element;
-export declare const ServiceIcon: () => JSX.Element;
-export declare const HospitalIcon: () => JSX.Element;
-export declare const SpecialtyIcon: () => JSX.Element;
+import React from 'react';
+export declare const DoctorIcon: () => React.JSX.Element;
+export declare const ServiceIcon: () => React.JSX.Element;
+export declare const HospitalIcon: () => React.JSX.Element;
+export declare const SpecialtyIcon: () => React.JSX.Element;

package/build/care/components/organisms/bookingSearchBar/resultSection/index.d.ts

@@ -1,4 +1,4 @@
-import { Dispatch } from 'react';
+import React, { Dispatch } from 'react';
 import { Action, ReducerState } from 'care/components/organisms/bookingSearchBar/reducer';
 import { SearchBarSectionItemApi } from '../../../../interfaces/types';
 export type Props = {
@@ -12,5 +12,5 @@ export type Props = {
     isMobile: boolean;
     isLoading?: boolean;
 };
-declare const ResultSection: ({ type, data, state, dispatch, itemsToShow, itemsToShowDesktop, isMobile, isLoading, keyword, }: Props) => JSX.Element;
+declare const ResultSection: ({ type, data, state, dispatch, itemsToShow, itemsToShowDesktop, isMobile, isLoading, keyword, }: Props) => React.JSX.Element;
 export { ResultSection };

package/build/care/components/organisms/bookingSearchBar/resultSection/index.styled.d.ts

@@ -8,4 +8,4 @@ export declare const StyledItemsWrapper: import("styled-components").StyledCompo
     isShown?: boolean;
     isMore?: boolean;
 }, never>;
-export declare const StyledSeeMore: import("styled-components").StyledComponent<(<T>({ size, type, className, style, children, color, dataEventCategory, dataEventAction, dataEventLabel, as, wordWrap, isUppercase, ...rest }: import("components/atoms/text").Props<T>) => JSX.Element), any, {}, never>;
+export declare const StyledSeeMore: import("styled-components").StyledComponent<(<T>({ size, type, className, style, children, color, dataEventCategory, dataEventAction, dataEventLabel, as, wordWrap, isUppercase, ...rest }: import("components/atoms/text").Props<T>) => import("react").JSX.Element), any, {}, never>;

package/build/care/components/organisms/bookingSearchBar/resultSectionItem/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { SearchBarSectionApi, SearchBarSectionItemApi } from 'care/interfaces/types';
 export type Props = {
     type: SearchBarSectionApi['type'];
@@ -6,5 +6,5 @@ export type Props = {
     imageUrl?: string;
     onClickItem?: (item: SearchBarSectionItemApi) => void;
 };
-declare const ResultSectionItem: ({ type, item, imageUrl, onClickItem }: Props) => JSX.Element;
+declare const ResultSectionItem: ({ type, item, imageUrl, onClickItem }: Props) => React.JSX.Element;
 export { ResultSectionItem };

package/build/care/components/organisms/bookingSearchBar/resultSectionItem/index.styled.d.ts

@@ -4,7 +4,7 @@ export declare const StyledResult: import("styled-components").StyledComponent<"
 export declare const StyledRoundedIconWrapper: import("styled-components").StyledComponent<"div", any, {
     type: SearchBarSectionApi['type'];
 }, never>;
-export declare const StyledText: import("styled-components").StyledComponent<(<T>({ size, type, className, style, children, color, dataEventCategory, dataEventAction, dataEventLabel, as, wordWrap, isUppercase, ...rest }: import("components/atoms/text").Props<T>) => JSX.Element), any, {}, never>;
+export declare const StyledText: import("styled-components").StyledComponent<(<T>({ size, type, className, style, children, color, dataEventCategory, dataEventAction, dataEventLabel, as, wordWrap, isUppercase, ...rest }: import("components/atoms/text").Props<T>) => import("react").JSX.Element), any, {}, never>;
 export declare const StyledPictureWrapper: import("styled-components").StyledComponent<"figure", any, {}, never>;
 export declare const StyledLocationPin: import("styled-components").StyledComponent<"svg", any, {}, never>;
 export declare const StyledImageSkeletonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/care/components/organisms/bookingSearchBar/searchInputs/index.d.ts

@@ -17,4 +17,4 @@ export type Props = {
     onSearch?: (info: SearchClick) => void;
     initalSearchValue?: string;
 };
-export declare function SearchInputs({ isMobile, state, dispatch, debouncedFetchCitiesByKeyword, debouncedFetchSearchResults, focusLocationInput, focusSearchInput, renderLocationResults, renderSearchResults, locationTrackingAttributes, trackingAttributes, onSearch, initalSearchValue, }: Props): JSX.Element;
+export declare function SearchInputs({ isMobile, state, dispatch, debouncedFetchCitiesByKeyword, debouncedFetchSearchResults, focusLocationInput, focusSearchInput, renderLocationResults, renderSearchResults, locationTrackingAttributes, trackingAttributes, onSearch, initalSearchValue, }: Props): React.JSX.Element;

package/build/care/components/organisms/bookingSearchBar/searchInputs/index.styled.d.ts

@@ -6,4 +6,4 @@ export declare const StyledInputSearchWrapper: import("styled-components").Style
 export declare const StyledClearIcon: import("styled-components").StyledComponent<({ className, color }: {
     className?: string;
     color?: string;
-}) => JSX.Element, any, {}, never>;
+}) => import("react").JSX.Element, any, {}, never>;

package/build/care/components/organisms/bookingSearchBar/searchResults/index.d.ts

@@ -1,4 +1,4 @@
-import { Dispatch } from 'react';
+import React, { Dispatch } from 'react';
 import { SearchBarSectionApi } from 'care/interfaces/types';
 import { Action, ReducerState } from '../reducer';
 export type Props = {
@@ -9,5 +9,5 @@ export type Props = {
     isLoading?: boolean;
     keyword?: string;
 };
-declare const SearchResults: ({ data, state, dispatch, isMobile, isLoading, keyword, }: Props) => JSX.Element;
+declare const SearchResults: ({ data, state, dispatch, isMobile, isLoading, keyword, }: Props) => React.JSX.Element;
 export { SearchResults };

package/build/care/components/organisms/bookingSearchBar/searchSubmitIcon/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     onClick: () => void;
 };
-declare const SearchButton: ({ onClick }: Props) => JSX.Element;
+declare const SearchButton: ({ onClick }: Props) => React.JSX.Element;
 export { SearchButton };

package/build/care.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./types-7b520b8d.js"),r=require("./constants-ba47accb.js");require("./tslib.es6-3d6186da.js"),require("react"),require("./index-89675e20.js"),require("./Onboarding-ef89eddc.js"),require("./isProduction-019b0579.js"),require("./cookieHelper-3f2d10cc.js"),require("./useTranslations-ee8c85d8.js"),require("./translationsContext-c66947a5.js"),require("string-format"),require("lodash/debounce"),require("./index-9f19c4b4.js"),require("@mantine/core"),require("./index.styled-5469886f.js"),require("./utils-360ff840.js"),require("styled-components"),require("./index-89f33f25.js"),require("./theme-66e2ab49.js"),require("react-loading-skeleton"),require("lodash/shuffle"),require("./useOutsideClick-82010c15.js"),exports.BookingSearchBar=e.BookingSearchBar,exports.CareTypes=e.types,exports.CareConstants=r.constants;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./types-0808c9db.js"),r=require("./constants-28cfe25a.js");require("./tslib.es6-e2fc843d.js"),require("react"),require("./index-2f7461c1.js"),require("./Onboarding-15149402.js"),require("./isProduction-5e1dfd6c.js"),require("./cookieHelper-ce836312.js"),require("./useTranslations-6a7d40fe.js"),require("./translationsContext-40208f0c.js"),require("string-format"),require("lodash/debounce"),require("./index-6db3efcf.js"),require("@mantine/core"),require("./index-460c1ce6.js"),require("./utils-68beb64c.js"),require("styled-components"),require("./index-ffea266b.js"),require("./theme-eb8f3410.js"),require("react-loading-skeleton"),require("lodash/shuffle"),require("./useOutsideClick-6ccca87c.js"),exports.BookingSearchBar=e.BookingSearchBar,exports.CareTypes=e.types,exports.CareConstants=r.constants;

package/build/components/atoms/alert/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { CSSProperties } from 'styled-components';
 export type Props = {
     type: 'success' | 'danger' | 'warning' | 'info';
@@ -13,5 +13,5 @@ export type Props = {
 /**
  * @deprecated Consider to use Mantine
  */
-declare const Alert: ({ style, onClose, text, type, contentIcon, closeIcon, className, description, }: Props) => JSX.Element;
+declare const Alert: ({ style, onClose, text, type, contentIcon, closeIcon, className, description, }: Props) => React.JSX.Element;
 export { Alert };

package/build/components/atoms/authorBadge/index.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import React, { HTMLAttributes } from 'react';
 import { DefaultProps, Selectors } from '@mantine/core';
 import { SiteType } from "../../../interfaces/types";
 import { Role } from "../../../together/interfaces/types";
@@ -12,5 +12,5 @@ export interface AuthorBadgeProps extends DefaultProps<MyComponentStylesNames, H
 export declare const AuthorLabelTextMapping: {
     [k in Role]?: string;
 };
-declare const AuthorBadge: ({ siteType, role, title, styles, className, ...rest }: AuthorBadgeProps) => JSX.Element;
+declare const AuthorBadge: ({ siteType, role, title, styles, className, ...rest }: AuthorBadgeProps) => React.JSX.Element;
 export { AuthorBadge };

package/build/components/atoms/avatar/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { CSSProperties } from 'styled-components';
 export type AvatarSize = 'xs' | 'small' | 'medium' | 'large' | 'xl' | 'xxl' | 'xxxl';
 export type Props = {
@@ -17,5 +17,5 @@ export type Props = {
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'
  */
-declare const Avatar: ({ type, size, avatarImg, avatarUrl, firstLetter, backgroundColor, onClick, style, className, width, height, }: Props) => JSX.Element;
+declare const Avatar: ({ type, size, avatarImg, avatarUrl, firstLetter, backgroundColor, onClick, style, className, width, height, }: Props) => React.JSX.Element;
 export { Avatar };

package/build/components/atoms/badge/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export type NotificationType = 'dot' | 'numeric';
 export type NotificationSize = 'medium' | 'large';
 export type NotificationColor = 'primary' | 'error';
@@ -13,5 +13,5 @@ export type Props = {
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'
  */
-declare const Badge: ({ amount, type, size, color, icon, className, }: Props) => JSX.Element;
+declare const Badge: ({ amount, type, size, color, icon, className, }: Props) => React.JSX.Element;
 export { Badge };

package/build/components/atoms/borderHeading/index.d.ts

@@ -10,5 +10,5 @@ export type Props = {
     color?: string;
     style?: React.CSSProperties;
 };
-declare const BorderHeading: ({ style, children, className, size, type, upperCase, as, color, }: Props) => JSX.Element;
+declare const BorderHeading: ({ style, children, className, size, type, upperCase, as, color, }: Props) => React.JSX.Element;
 export { BorderHeading };

package/build/components/atoms/btnChoice/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export type OptionValue = string | number | boolean;
 export type BtnChoiceOption = {
     label: string;
@@ -9,5 +9,5 @@ export type Props = {
     value?: OptionValue;
     onChange?: (v?: OptionValue) => void;
 };
-declare const BtnChoice: ({ value: valueInit, choices, onChange }: Props) => JSX.Element;
+declare const BtnChoice: ({ value: valueInit, choices, onChange }: Props) => React.JSX.Element;
 export { BtnChoice };

package/build/components/atoms/button/index.d.ts

@@ -28,5 +28,5 @@ export type Props = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'> & {
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'
  */
-declare const Button: ({ size, color, theme, isDisabled, isBlock, title, className, onClick, icon, iconPosition, children, isLoading, loadingText, dataEventCategory, dataEventAction, dataEventLabel, dataProductChannel, dataProductSku, dataProductBrand, dataProductName, dataProductPrice, dataProductCategory, dataProductPosition, type, ...rest }: Props) => JSX.Element;
+declare const Button: ({ size, color, theme, isDisabled, isBlock, title, className, onClick, icon, iconPosition, children, isLoading, loadingText, dataEventCategory, dataEventAction, dataEventLabel, dataProductChannel, dataProductSku, dataProductBrand, dataProductName, dataProductPrice, dataProductCategory, dataProductPosition, type, ...rest }: Props) => React.JSX.Element;
 export { Button };

package/build/components/atoms/checkbox/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { SiteType } from "../../../interfaces/types";
 export type Props = {
     label: string;
@@ -15,5 +15,5 @@ export type Props = {
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'
  */
-declare const Checkbox: ({ label, name, checked, className, isDisabled, onChange, value, isRectangle, inputDataTestId, siteType, }: Props) => JSX.Element;
+declare const Checkbox: ({ label, name, checked, className, isDisabled, onChange, value, isRectangle, inputDataTestId, siteType, }: Props) => React.JSX.Element;
 export { Checkbox };

package/build/components/atoms/container/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ReactNode, CSSProperties } from 'react';
 export type Props = {
     children?: ReactNode;
@@ -8,5 +9,5 @@ export type Props = {
 /**
  * @deprecated Consider to use mantine
  */
-declare const Container: ({ children, className, style, type }: Props) => JSX.Element;
+declare const Container: ({ children, className, style, type }: Props) => React.JSX.Element;
 export { Container };

package/build/components/atoms/displayWrapper/index.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactNode } from 'react';
+import React, { CSSProperties, ReactNode } from 'react';
 import { MediaQueries } from '../../../misc/utils';
 export type Props = {
     forceDisplay?: boolean;
@@ -7,4 +7,4 @@ export type Props = {
     className?: string;
     style?: CSSProperties;
 };
-export declare const DisplayWrapper: ({ forceDisplay, mediaQueryKey, children, className, style, }: Props) => JSX.Element;
+export declare const DisplayWrapper: ({ forceDisplay, mediaQueryKey, children, className, style, }: Props) => React.JSX.Element;

package/build/components/atoms/divider/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { CSSProperties } from 'styled-components';
 export type BorderTypes = 'dotted' | 'dashed' | 'solid' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset';
 export type Props = {
@@ -9,5 +9,5 @@ export type Props = {
 /**
  * @deprecated Consider to use mantine
  */
-declare const Divider: ({ type, className, style }: Props) => JSX.Element;
+declare const Divider: ({ type, className, style }: Props) => React.JSX.Element;
 export { Divider };

package/build/components/atoms/dropdownMB/index.styled.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const StyledDropDown: import("styled-components").StyledComponent<({ className, value, options, onChange, id, placeholderIcon, placeholder, style, size, groupedWithLabel, disabled, dropdownLabelTrackingAttributes, isNativeSelect, }: import("../../molecules/dropdown").Props) => JSX.Element, any, {}, never>;
+export declare const StyledDropDown: import("styled-components").StyledComponent<({ className, value, options, onChange, id, placeholderIcon, placeholder, style, size, groupedWithLabel, disabled, dropdownLabelTrackingAttributes, isNativeSelect, }: import("../../molecules/dropdown").Props) => import("react").JSX.Element, any, {}, never>;

package/build/components/atoms/fileDropdown/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { CSSProperties } from 'styled-components';
 type Option = {
     label: string;
@@ -19,5 +19,5 @@ export type Props = {
     className?: string;
     style?: CSSProperties;
 };
-declare const FileDropdown: ({ className, value, options, onUploadSelected, id, placeholderIcon, placeholder, style, }: Props) => JSX.Element;
+declare const FileDropdown: ({ className, value, options, onUploadSelected, id, placeholderIcon, placeholder, style, }: Props) => React.JSX.Element;
 export { FileDropdown };

package/build/components/atoms/flag/icons/cambodia.d.ts

@@ -1,4 +1,4 @@
-import { DetailedHTMLProps, ImgHTMLAttributes } from 'react';
+import React, { DetailedHTMLProps, ImgHTMLAttributes } from 'react';
 export type Props = DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
-export declare const CambodiaRoundIcon: (props: Props) => JSX.Element;
-export declare const CambodiaSquareIcon: (props: Props) => JSX.Element;
+export declare const CambodiaRoundIcon: (props: Props) => React.JSX.Element;
+export declare const CambodiaSquareIcon: (props: Props) => React.JSX.Element;

package/build/components/atoms/flag/icons/english.d.ts

@@ -1,4 +1,4 @@
-import { SVGProps } from 'react';
+import React, { SVGProps } from 'react';
 export type Props = SVGProps<SVGSVGElement>;
-export declare const EnglishRoundIcon: (props: Props) => JSX.Element;
-export declare const EnglishSquareIcon: (props: Props) => JSX.Element;
+export declare const EnglishRoundIcon: (props: Props) => React.JSX.Element;
+export declare const EnglishSquareIcon: (props: Props) => React.JSX.Element;

package/build/components/atoms/flag/icons/india.d.ts

@@ -1,4 +1,4 @@
-import { DetailedHTMLProps, ImgHTMLAttributes } from 'react';
+import React, { DetailedHTMLProps, ImgHTMLAttributes } from 'react';
 export type Props = DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
-export declare const IndiaRoundIcon: (props: Props) => JSX.Element;
-export declare const IndiaSquareIcon: (props: Props) => JSX.Element;
+export declare const IndiaRoundIcon: (props: Props) => React.JSX.Element;
+export declare const IndiaSquareIcon: (props: Props) => React.JSX.Element;

package/build/components/atoms/flag/icons/indonesia.d.ts

@@ -1,6 +1,6 @@
-import { SVGProps } from 'react';
+import React, { SVGProps } from 'react';
 export type Props = SVGProps<SVGSVGElement> & {
     isTesting?: boolean;
 };
-export declare const IndonesiaRoundIcon: ({ isTesting, ...rest }: Props) => JSX.Element;
-export declare const IndonesiaSquareIcon: ({ isTesting, ...rest }: Props) => JSX.Element;
+export declare const IndonesiaRoundIcon: ({ ...rest }: Props) => React.JSX.Element;
+export declare const IndonesiaSquareIcon: ({ ...rest }: Props) => React.JSX.Element;

package/build/components/atoms/flag/icons/malaysia.d.ts

@@ -1,4 +1,4 @@
-import { SVGProps } from 'react';
+import React, { SVGProps } from 'react';
 export type Props = SVGProps<SVGSVGElement>;
-export declare const MalaysiaRoundIcon: (props: Props) => JSX.Element;
-export declare const MalaysiaSquareIcon: (props: Props) => JSX.Element;
+export declare const MalaysiaRoundIcon: (props: Props) => React.JSX.Element;
+export declare const MalaysiaSquareIcon: (props: Props) => React.JSX.Element;

package/build/components/atoms/flag/icons/myanmar.d.ts

@@ -1,4 +1,4 @@
-import { SVGProps } from 'react';
+import React, { SVGProps } from 'react';
 export type Props = SVGProps<SVGSVGElement>;
-export declare const MyanmarRoundIcon: (props: Props) => JSX.Element;
-export declare const MyanmarSquareIcon: (props: Props) => JSX.Element;
+export declare const MyanmarRoundIcon: (props: Props) => React.JSX.Element;
+export declare const MyanmarSquareIcon: (props: Props) => React.JSX.Element;

package/build/components/atoms/flag/icons/philippines.d.ts

@@ -1,4 +1,4 @@
-import { DetailedHTMLProps, ImgHTMLAttributes } from 'react';
+import React, { DetailedHTMLProps, ImgHTMLAttributes } from 'react';
 export type Props = DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
-export declare const PhilippinesRoundIcon: (props: Props) => JSX.Element;
-export declare const PhilippinesSquareIcon: (props: Props) => JSX.Element;
+export declare const PhilippinesRoundIcon: (props: Props) => React.JSX.Element;
+export declare const PhilippinesSquareIcon: (props: Props) => React.JSX.Element;

package/build/components/atoms/flag/icons/taiwan.d.ts

@@ -1,4 +1,4 @@
-import { SVGProps } from 'react';
+import React, { SVGProps } from 'react';
 export type Props = SVGProps<SVGSVGElement>;
-export declare const TaiwanRoundIcon: (props: Props) => JSX.Element;
-export declare const TaiwanSquareIcon: (props: Props) => JSX.Element;
+export declare const TaiwanRoundIcon: (props: Props) => React.JSX.Element;
+export declare const TaiwanSquareIcon: (props: Props) => React.JSX.Element;

package/build/components/atoms/flag/icons/thailand.d.ts

@@ -1,4 +1,4 @@
-import { SVGProps } from 'react';
+import React, { SVGProps } from 'react';
 export type Props = SVGProps<SVGSVGElement>;
-export declare const ThailandRoundIcon: (props: Props) => JSX.Element;
-export declare const ThailandSquareIcon: (props: Props) => JSX.Element;
+export declare const ThailandRoundIcon: (props: Props) => React.JSX.Element;
+export declare const ThailandSquareIcon: (props: Props) => React.JSX.Element;

package/build/components/atoms/flag/icons/vietnam.d.ts

@@ -1,4 +1,4 @@
-import { SVGProps } from 'react';
+import React, { SVGProps } from 'react';
 export type Props = SVGProps<SVGSVGElement>;
-export declare const VietnamRoundIcon: (props: Props) => JSX.Element;
-export declare const VietnamSquareIcon: (props: Props) => JSX.Element;
+export declare const VietnamRoundIcon: (props: Props) => React.JSX.Element;
+export declare const VietnamSquareIcon: (props: Props) => React.JSX.Element;

package/build/components/atoms/flag/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export type FlagCountryType = 'VN' | 'ID' | 'TH' | 'KH' | 'MY' | 'MM' | 'PH' | 'IN' | 'TW';
 export type FlagLanguageType = 'vi' | 'id' | 'ms' | 'km' | 'en' | 'th' | 'my' | 'zh' | 'hi' | 'tl';
 export type Props = {
@@ -9,5 +9,5 @@ export type Props = {
     rounded?: boolean;
     isTesting?: boolean;
 };
-declare const Flag: ({ country, language, rounded, height, width, isTesting, }: Props) => JSX.Element;
+declare const Flag: ({ country, language, rounded, height, width, isTesting, }: Props) => React.JSX.Element;
 export { Flag };

package/build/components/atoms/grid/index.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactNode } from 'react';
+import React, { CSSProperties, ReactNode } from 'react';
 interface BasicProps {
     children: ReactNode;
     alignItems?: 'start' | 'end' | 'center' | 'stretch';
@@ -23,5 +23,5 @@ export type Props = BasicGrid | ExtendedGrid;
 /**
  * @deprecated Consider to use mantine
  */
-declare const Grid: ({ className, columns, columnsDesktop, gridTemplateColumns, gridTemplateColumnsDesktop, gap, children, justifyChildren, style, alignItems, }: Props) => JSX.Element;
+declare const Grid: ({ className, columns, columnsDesktop, gridTemplateColumns, gridTemplateColumnsDesktop, gap, children, justifyChildren, style, alignItems, }: Props) => React.JSX.Element;
 export { Grid };

package/build/components/atoms/heading/index.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { CSSProperties } from 'styled-components';
 export type Props = {
     tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
@@ -13,5 +13,5 @@ export type Props = {
     dataEventAction?: string;
     dataEventLabel?: string;
 };
-declare const Heading: ({ as, tag, className, children, title, color, style, fontWeight, dataEventCategory, dataEventAction, dataEventLabel, ...rest }: Props) => JSX.Element;
+declare const Heading: ({ as, tag, className, children, title, color, style, fontWeight, dataEventCategory, dataEventAction, dataEventLabel, ...rest }: Props) => React.JSX.Element;
 export { Heading };

package/build/components/atoms/imageWithHandler/index.d.ts

@@ -1,6 +1,6 @@
-import { ImgHTMLAttributes } from 'react';
+import React, { ImgHTMLAttributes } from 'react';
 export type Props = {
     fallbackSrc?: string;
 } & ImgHTMLAttributes<HTMLImageElement>;
-declare const ImageWithHandler: ({ fallbackSrc, ...rest }: Props) => JSX.Element;
+declare const ImageWithHandler: ({ fallbackSrc, ...rest }: Props) => React.JSX.Element;
 export { ImageWithHandler };

package/build/components/atoms/input/index.d.ts

@@ -24,5 +24,5 @@ export type Props = {
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'
  */
-declare const Input: ({ name, value, errorMessage, isNumerousKeyboard, showErrorMessage, actionIcon: ActionIcon, displayIcon: DisplayIcon, onActionClick, label, className, onChange, isDisabled, CustomInput, size, style, autoComplete, type, inputClassName, trackingAttributes, enterKeyHint, ...rest }: Props) => JSX.Element;
+declare const Input: ({ name, value, errorMessage, isNumerousKeyboard, showErrorMessage, actionIcon: ActionIcon, displayIcon: DisplayIcon, onActionClick, label, className, onChange, isDisabled, CustomInput, size, style, autoComplete, type, inputClassName, trackingAttributes, enterKeyHint, ...rest }: Props) => React.JSX.Element;
 export { Input };

package/build/components/atoms/inputMB/index.styled.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 export declare const StyledPureInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "size" | "autoComplete" | "type" | "onChange" | "enterKeyHint" | "ref"> & import("../pureInput").CustomInputProps & import("react").RefAttributes<HTMLInputElement>>, any, {}, never>;
-export declare const StyledTextField: import("styled-components").StyledComponent<({ name, value, errorMessage, isNumerousKeyboard, showErrorMessage, actionIcon: ActionIcon, displayIcon: DisplayIcon, onActionClick, label, className, onChange, isDisabled, CustomInput, size, style, autoComplete, type, inputClassName, trackingAttributes, enterKeyHint, ...rest }: import("../input").Props) => JSX.Element, any, {}, never>;
+export declare const StyledTextField: import("styled-components").StyledComponent<({ name, value, errorMessage, isNumerousKeyboard, showErrorMessage, actionIcon: ActionIcon, displayIcon: DisplayIcon, onActionClick, label, className, onChange, isDisabled, CustomInput, size, style, autoComplete, type, inputClassName, trackingAttributes, enterKeyHint, ...rest }: import("../input").Props) => import("react").JSX.Element, any, {}, never>;

package/build/components/atoms/label/index.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactNode } from 'react';
+import React, { CSSProperties, ReactNode } from 'react';
 export type Props = {
     size: 'label1' | 'label2';
     children: ReactNode;
@@ -9,5 +9,5 @@ export type Props = {
 /**
  * @deprecated will removed soon
  */
-declare const Label: ({ children, className, style, htmlFor, size }: Props) => JSX.Element;
+declare const Label: ({ children, className, style, htmlFor, size }: Props) => React.JSX.Element;
 export { Label };

package/build/components/atoms/logo/index.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 import { LOCALE } from "../../../interfaces/types/Locale";
 export type TypeProps = 'hellobacsi' | 'hellosehat' | 'hellohealth' | 'hellotogether' | 'hellocare' | 'logomark' | 'hellodoctor' | 'hellokrupet' | 'helloswasthya' | 'hellosayarwon' | 'helloyishi' | 'hellokhunmor' | 'hellodoktor' | 'marryBaby';
 export type SeasonalProp = {
@@ -20,5 +20,5 @@ export type Props = {
     dateForSeasonal?: number | string | Date;
     isPro?: boolean;
 };
-declare const Logo: ({ type, className, style, isLightLogo, customSize, badge, locale, dateForSeasonal, isPro, }: Props) => JSX.Element;
+declare const Logo: ({ type, className, style, isLightLogo, customSize, badge, locale, dateForSeasonal, isPro, }: Props) => React.JSX.Element;
 export { Logo };

package/build/components/atoms/logo/logoIcon.d.ts

@@ -5,4 +5,4 @@ export type Props = {
     width?: string | number;
     height?: string | number;
 };
-export declare const LogoIcon: React.MemoExoticComponent<({ type, width, height }: Props) => JSX.Element>;
+export declare const LogoIcon: React.MemoExoticComponent<({ type, width, height }: Props) => React.JSX.Element>;

package/build/components/atoms/marryBabyText/index.d.ts

@@ -6,7 +6,7 @@ type HeadingProps = {
     style?: CSSProperties;
     [x: string]: string | JSX.Element | JSX.Element[] | React.ReactNode;
 };
-declare const MarryBabyHeading: ({ type, color, style, ...props }: HeadingProps) => JSX.Element;
+declare const MarryBabyHeading: ({ type, color, style, ...props }: HeadingProps) => React.JSX.Element;
 type TextProps = {
     type: 'subtitle-1' | 'subtitle-2' | 'subtitle-3' | 'bodytext-1' | 'bodytext-2' | 'bodytext-3' | 'caption-1' | 'caption-2';
     color?: string;
@@ -16,5 +16,5 @@ type TextProps = {
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'
  */
-declare const MarryBabyText: ({ type, color, style, ...props }: TextProps) => JSX.Element;
+declare const MarryBabyText: ({ type, color, style, ...props }: TextProps) => React.JSX.Element;
 export { MarryBabyHeading, MarryBabyText };

package/build/components/atoms/newBabyProfileRadio/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { SiteType } from "../../../interfaces/types";
 export type NewBabyProfileRadioProps = {
     isActive: boolean;
@@ -7,5 +7,5 @@ export type NewBabyProfileRadioProps = {
     onInputChange: (v: string) => void;
     siteType?: SiteType;
 };
-declare const NewBabyProfileRadio: ({ isActive, onChange, value, onInputChange, siteType, }: NewBabyProfileRadioProps) => JSX.Element;
+declare const NewBabyProfileRadio: ({ isActive, onChange, value, onInputChange, siteType, }: NewBabyProfileRadioProps) => React.JSX.Element;
 export { NewBabyProfileRadio };

package/build/components/atoms/pagination/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { CSSProperties } from 'styled-components';
 export type Props = {
     pagesAmount: number;
@@ -10,5 +10,5 @@ export type Props = {
     href?: string;
     queryPageName?: string;
 };
-declare const Pagination: ({ className, pagesAmount, currentPage, onChange, onClick, style, href: _href, queryPageName, }: Props) => JSX.Element;
+declare const Pagination: ({ className, pagesAmount, currentPage, onChange, onClick, style, href: _href, queryPageName, }: Props) => React.JSX.Element;
 export { Pagination };